/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }

/*區塊背景改色*/
@media screen and (min-width: 768px) {
    .Area_boxstyle.Area_boxstyle--hasBackdrop:before {
        background: url(Area_boxstyle_hasbg_top.png?t=1760002412731) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom.png?t=1760002412731) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_center.png?t=1760002412731) bottom center / 100% repeat-y;
    }
}
@media screen and (max-width: 767px) {
    .Area_boxstyle.Area_boxstyle--hasBackdrop:before {
        background: url(m_Area_boxstyle_hasbg_top.png?t=1760002412731) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom.png?t=1760002412731) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_center.png?t=1760002412731) center top 10vw / 100% calc(100% - 13vw) no-repeat;
    }
}





/*3顆按鈕*/
.Area01 .PD_layout-CSSBG_01{width: 100%;}
.Area01 .PD_layout .PD h4 {margin-bottom: .35em;font-size: 30px;color: #fff;}
.Area01 .PD_layout .PD h4 b, .PD_layout .PD h4 span {display: block;max-height: 1.2em;overflow: hidden;}
.Area01 .PD_layout .PD h4 .js-PD_txt1{font-size: 40px;color: #fbfb19; font-weight: bold;}
.Area01 .PD_layout-CSSBG_01 li::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 67%;
  background-image: url(btn1.png?t=1760002412731);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
}

.Area01 .PD_layout-CSSBG_01[data-pd-li*=BN] .PD_into, .PD_layout-CSSBG_01[data-pd-li*=BN] .PD_img {padding: 0;padding: 75px 0 0 0;}

@media screen and (max-width:767px){
  .Area01 .PD_layout-CSSBG_01{width:100%; margin-top: 3vw;}
  .Area01 .PD_layout .PD h4 {margin-bottom: .35em;font-size: 15px;color: #fff;}
  .Area01 .PD_layout[data-pd-li*=BN] .PD_into{padding:7.5vw 0 0 0;}
  .Area01 .PD_layout[data-pd-li*=BN] .PD_img {padding:7vw 0 0 0;}
  .Area01 .PD_layout[data-pd-h4="2"] .PD h4 b, .PD_layout[data-pd-h4="2"] .PD h4 span {display: block;}
  .Area01 .PD_layout .PD h4 .js-PD_txt1{font-size: 18px;color: #fbfb19; font-weight: bold;}
  .Area01 .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul {padding: 0 .5em;grid-gap: .3em;}
}



/* 登記 */
.danji01 .btn_reg .activityText p { color: #ffffff!important ; }
.danji01 .btn_reg .content p { color: #ffffff!important ; }
.danji01 .btn_reg .activityText .Tip { color: #ffffff!important; }
.warningTxt h3 { padding: 0 ; }


.danji_all .layout_text2 { margin: 40px auto 20px auto; }

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #fbfb19 ;} 

@media screen and (min-width:768px){
}
@media screen and (max-width: 767px){
  .danji_all .PD_wrapper{padding: 0!important;}
  .danji_all .layout_text2 {width: 113%; left: -6vw;}
}


/* 1bn帶2品*/
.Area04 .BN {margin-top: 35px;}
.Area04 .BN .PD_wrapper{padding: 0;}

@media screen and (max-width:767px){
  .Area04 .BN {margin-top: 3vw;}
  .Area04 .BN01 {margin-top: 0;}
  .Area04 .BN .PD_wrapper{padding: 2% 0;}
}


/* 家電超值首選 */
.special_tt img { margin: 0; padding: 0; }
.Area_special .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after{content: "看更多";}


@media screen and (min-width:768px){
.Area_special .Area_swiper { padding-left: 20px; }
}
 @media screen and (max-width:767px){
  .Area_special .Area_boxstyle_box1 { padding-right: 0; }
}



/* 焦點1*/
@media screen and (min-width:768px){
    .Area_campaign .bg_repeat { padding: 82px 0 28px 0; background-color: #fff78e; border-radius: 24px;}
    .Area_campaign .layout_text { margin-bottom: -80px ; pointer-events: none ; }
    .Area_PD11 { padding-bottom: 10px ; margin-top: 0 ; }
    .Area_PD11 .layout_text_PD11 { width: 8% ; position: absolute; left: 20px ; top: 5px ; }
    .Area_PD11 .layout_text_PD11 ul { padding: 0 !important; }
    .Area_PD11 .Area_swiper { padding-left: 100px ; padding-top: 10px ;  }
    .Area_PD11 .layout_PD11 .PD_into {  position: relative; top: -10px ; }
    .Area_PD11 .layout_PD11 .PD_into h4 { color: #000 !important ; font-size: 15px !important; }
    .Area_PD11 .layout_PD11 .PD_into h4 .js-PD_txt2 { display: inline !important; }
    .Area_PD11 .layout_PD11 ul { height: 100% !important ;}
    .Area_PD11 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { top: 180px ; background-color: #1446a5;}
    .Area_PD11 .PD_layout[data-pd-h3="5"] .PD h3 span { background-color: rgb(218 218 218 / 90%);  }
    .Area_PD11 .Area_swiper_box { padding-bottom: 25px ; }
    }
    @media screen and (max-width:767px){
      .Area_campaign .bg_repeat { padding: 9vw 0 5vw 0; background-color: #fff78e; border-radius: 3vw;}
      .Area_campaign .layout_text { margin-bottom: -8vw; pointer-events: none ; }
      .Area_fund { padding-bottom: 2vw ; }
      .Area_PD11 { padding-bottom: 0 ; margin-top: 0; }
      .Area_PD11 .layout_text_PD11 { width: 13% ; position: absolute; left: 0 ; top: 3vw ; }
      .Area_PD11 .Area_swiper { width: 100%; padding-left: 13vw ; padding-top: 1vw; }
      .Area_PD11 .Area_swiper ul { padding-bottom: 0 ;}
      .Area_PD11 .layout_PD11 .PD_into {  position: relative; top: 1vw ; padding-bottom: 0 !important; }
      .Area_PD11 .layout_PD11 .PD_into h4 { color: #000 !important ; font-size: 0.8125em !important; line-height: 1.5em !important;  text-align: left !important; }
      .Area_PD11 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { top: 24vw ; }
      /* .Area_PD11 .Area_swiper_box .swiper-pagination { width: 100% !important ; } */
      .Area_PD11 .Area_swiper_box .PD_layout .PD p .Price { font-size: 22px ; }
    }



/* 焦點2 */
@media screen and (min-width: 768px) {
    .Area_icon .bg_repeat { padding: 47px 0 32px 0; background-color: #fff78e; border-radius: 24px;} 
    .Area_icon .layout_text { margin-bottom: -80px ; }
    .logo_box .box .PD_layout li{background: transparent;}
    .logo_box { height: 230px ;top: 7px; }
    .logo_box .logo_title { position: absolute ; width: 25% ; top: 140px ; left: 0px; z-index: 3 ; }
    .logo_box .layout_icon .PD_logo img{ border-radius: 50% ; }
    .logo_box .Area_swiper { padding-left: 204px ; padding-top: 15px;  }
    .Area_icon .Area_swiper ul li h4 .js-PD_txt2{display: none;}
    .Area_icon .Area_swiper .PD_layout[data-pd-pdlogo][data-pd-pdimg=off] .PD .PD_logo { margin-top: 0; object-fit: contain; width: 150px; height: 150px; }
    .Area_icon .Area_swiper .PD_layout .PD h4{ line-height: 1em;}
    .logo_box .layout_icon ul { height: 170px; }
    .Area_icon .PD_layout.PD_layout-D1_16 ul li .PD h3 { color: #1446a5 ; font-size: 20px;}
    .Area_icon .PD_layout-D1_16 ul .PD .PD_img img{border-radius: 50%; width: 83%;}
    }
    @media screen and (max-width:767px){
    .Area_icon .bg_repeat { padding: 7vw 0 5vw 0; background-color: #fff78e; border-radius: 3vw; }
    .Area_icon .layout_text { margin-bottom: -8vw; }
    .logo_box { padding-top: 1vw; }
    .logo_box .Area_swiper { padding-left: 23vw ; }
    .logo_box .logo_title { position: absolute ; width: 25% ; top: 19vw ; left: 0 ; z-index: 3 ; }
    .logo_box .PD_layout.PD_layout-D1_16 ul .PD .PD_img { max-width: 100% ;}
    .logo_box .layout_icon .PD_logo img{ border-radius: 50% ; }
    .logo_box .layout_icon ul li { background: none ; }
    .Area_icon .Area_swiper .PD_layout[data-pd-pdlogo][data-pd-pdimg=off] .PD .PD_logo { width: 22vw; height: 22vw; }
    .Area_icon .Area_swiper .PD_layout[data-pd-h4="1"] .PD h4{ text-align: center; font-size: 0.8em;}
    .Area_icon .PD_layout.PD_layout-D1_16 ul li .PD h3 { color: #1446a5 ;}
    .logo_box .layout_icon ul { height: 33vw ; }
    .Area_S2 { padding-top: 1vw ; }

    .Area_icon .Area_S2 .Area_swiper ul {margin-bottom: 3vw;}

    }


/* bnx6超大牌預告 */
    @media screen and (max-width:767px){
      .Area_BN .Area_boxstyle_box1 { padding-right: 0; }
    }
    


/* 商品輪播 */
.Areapd .PD_layout-btn ul {margin-top: 8px; background-color: transparent;}


@media screen and (max-width:767px){
  .Area_special .Area_special .Area_swiper ul {margin-bottom: 2vw;}
  .Area_GameStyle .Area_S2 .Area_swiper ul {margin-bottom: 2vw;}
  .Area_GameStyle .Area_boxstyle_box1  { padding-right: 0; }
}