/* 各頁面CSS */

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

 /** 倒數 **/
 .TimerNick {position:absolute;top: 419px;left: 50%;transform:translateX(-50%);}
 .TimerNick { text-shadow: none;}
 .TimerNick .TIMER {margin:0 auto;padding:0;overflow:hidden;text-align: center;color: #000;font-size:28px;line-height: 40px;font-weight:800;font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
 .TimerNick .icon { position:relative; top:6px; margin-right:4px;}
 .TimerNick small {position:relative;top: 0px;font-size:32px;}
 .TimerNick .time_day { font-size:30px; letter-spacing:0.05rem; }
 .TimerNick .FontStyle {position:relative;padding: 0px 7px 0px 0px;font-size: 33px;text-align:center;color: #000;}
 .TimerNick .FontStyle b { display:inline-block; font-weight:500; font-family: Century Gothic;}
     @media screen and (max-width:767px){
       .TimerNick {position: absolute;top: 38vw;left: 0;transform: none;width: 100%;text-align: center;}
       .TimerNick .TIMER {font-size: 8.7vw;line-height: 7vw;color: #000;}
       .TimerNick .icon { display: block; top:0.5vw; width:4vw; filter: none;}
       .TimerNick small {margin: 0 0 0 1vw;top: inherit;font-size: 3.5vw;float: none;}
       .TimerNick .time_day {position:relative;font-size: 3.9vw;letter-spacing:0;float: none;margin-right:-2px;}
       .TimerNick .FontStyle {padding: 0;font-size: 4.2vw;float: none;margin: -0.5vw}
       .TimerNick .FontStyle b {margin:0;width: 3vw;font-family:Helvetica;color: #000;}
     }



     .acty .box_1 { height: 239px; }
     @media screen and (max-width:767px){
      .acty .box_1 { height: 24.9vw; }
    }






 /** 調整品牌公版LOGO **/
 .Area_PD_Card .PD_layout-D1_01.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img {
  border: 1px solid #484848;
}

 .PD_layout-D1_01 .PD_slide {
  background-color:#f7f8fa;
}
.PD_layout-D1_01 .PD h4 {
  color: #333;
  font-weight: 900;
}

.PD_layout-D1_01 .PD h4:hover {
  color: #333;
}

 /** 調整品牌公版LOGO **/
 @media screen and (max-width:767px){
     .Area_Brand .PD_layout-D1_01[data-pd-col-phone="3"] .PD .PD_logo {
      height:1.9em;
      margin-top: -0.9em;
  
     }

     .Area_Brand .PD_layout-D1_01[data-pd-col-phone="3"] .PD .PD_logo img {
      border-radius: .9em;

     }

     .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img {
      padding: 0em 0em;

     }

    }




/* 下方輪播公版 */
@media screen and (min-width: 768px) {
  .Area_10pda .Area_PD1 {margin-top: 0;}
  .Area_10pda .PD_layout-btn {margin-top: 10px;}
  .Area_10pda .PD_layout ul { grid-gap: 0 !important;}
  }
@media screen and (max-width:767px){
  .Area_10pda .Area_PD1{ margin-top: 0; }
  .Area_10pda .Area_swiper {width: 102%;}
  .Area_10pda .PD_layout-btn {margin-top: 1vw;}
  .Area_10pda .PD_layout ul { grid-gap: 0 !important;margin-bottom: 1vw;}
}


/* 下方輪播公版微調 */
@media screen and (min-width: 768px) {
  .Area_PD6 .PD_layout-btn li .PD h3 { color: #000 ; background: #fff ; } 
}
@media screen and (max-width:767px){
  .Area_PD6 .PD_layout-btn li .PD h3 { color: #000 ; background: #fff ; }
}




/* 登記 */
@media screen and (min-width: 768px) {
  .danji02 .Area_Textwhite .btn_reg .activityText p { color: #000; }
  .danji02 .Area_Textwhite .btn_reg .content p { color: #000; }
  .danji01 .Area_danji .btn_reg .activityText p { color: #fff; }
  .danji01 .Area_danji .btn_reg .activityText .Tip { color: #fff; }
  .danji01 .Area_danji .danji_box ul li .content p { color: #fff; }
  .danji01 .warningTxt h3 { color: #000; }
  }
@media screen and (max-width:767px){
  .danji02 .Area_Textwhite .btn_reg .activityText p { color: #000; }
  .danji02 .Area_Textwhite .btn_reg .content p { color: #000; }
  .danji01 .Area_danji .btn_reg .activityText p { color: #fff; }
  .danji01 .Area_danji .btn_reg .activityText .Tip { color: #fff; }
  .danji01 .Area_danji .danji_box ul li .content p { color: #fff; }
  .danji01.warningTxt h3 { color: #000; }
}

/*登記贈品文案顏色*/
.danji02 .danji_box ul li .activityText .gifts span { color: #0082ed ;}                 
.danji01 .danji_box ul li .activityText .gifts span { color: #ffff02 ;}      
  


/* 家電好運節 */
@media screen and (max-width:767px){          
}


/* 家電行銷包 */
@media screen and (min-width:768px){
.Area_brand01 {height:100%;}
  
/**區標**/	
.Area_brand01 .text {position:relative;background:url(brand_top.jpg?t=1751630360357)top center no-repeat;background-size:100%;}
.Area_brand01 .text .layout_text {padding-top:0;}

/*公版*/	
.Area_brand01 .layout_PD {background:url(brand01_bg.jpg?t=1751630360357)top center repeat-y;background-size:100%;padding-bottom: 0;}
.Area_brand01 .layout_PD ul {width: 86%!important;margin:0 auto!important;padding: 30px 0 0 0!important;}
.Area_brand01 .layout_PD ul li{background:url(brand_libg.png?t=1751630360357)top center no-repeat;background-size:100%;padding-bottom: 20px;}
.Area_brand01 .layout_PD ul li .PD {padding-top: 159px;}
.Area_brand01 .layout_PD ul li .PD h3 {font-size: 35px;}
.Area_brand01 .layout_PD ul li .PD h4 {font-size: 39px;}
.Area_brand01 .layout_PD ul li .PD .js-PD_txt2 {color:#feef00;}
.Area_brand01 .layout_PD ul li .PD h3 span {background-color:#ffffff;border:2px #000000 solid;}

    
    
}
@media screen and (max-width:767px){
.Area_brand01 {height:100%;}
  
/**區標**/	
.Area_brand01 .text {position:relative;background:url(brand_top.jpg?t=1751630360357)top center no-repeat;background-size:100%;}
.Area_brand01 .text .layout_text {padding-top:0;}
  
/*公版*/	
.Area_brand01 .layout_PD {background:url(brand01_bg.jpg?t=1751630360357)top center repeat-y;background-size:100%;padding-bottom:0;}
.Area_brand01 .layout_PD ul {width:86%!important;margin:0 auto!important;padding: 3vw 0 0 0!important;}
.Area_brand01 .layout_PD ul li{background:url(brand_libg.png?t=1751630360357)top center no-repeat;background-size:100%;padding-bottom:2vw;}
.Area_brand01 .layout_PD ul li .PD {padding-top: 12vw;}
.Area_brand01 .layout_PD ul li .PD h3 {font-size:20px}
.Area_brand01 .layout_PD ul li .PD h4 {font-size:18px}
.Area_brand01 .layout_PD ul li .PD .js-PD_txt2 {color:#feef00;}
.Area_brand01 .layout_PD ul li .PD h3 span {background-color:#ffffff;border:2px #000000 solid;}
  
}



/*家電狂送mo幣*/
@media screen and (min-width:768px){
  .Area_hot_btn {}
  .Area_hot_btn .box {}
  .Area_hot_btn .box .PD_layout ul {padding: 10px 37px 0 180px;}
  .Area_hot_btn .A1_box {margin: 0vw auto 20px auto;padding: 0 0 10px 0;}
  .Area_hot_btn .box01-1 { background: url(Area_hot_btn_bg01-1.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box01-2 { background: url(Area_hot_btn_bg01-2.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box01-3 { background: url(Area_hot_btn_bg01-3.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box02-1 { background: url(Area_hot_btn_bg02-1.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box02-2 { background: url(Area_hot_btn_bg02-2.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box02-3 { background: url(Area_hot_btn_bg02-3.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box03-1 { background: url(Area_hot_btn_bg03-1.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box03-2 { background: url(Area_hot_btn_bg03-2.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box03-3 { background: url(Area_hot_btn_bg03-3.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  }
  @media screen and (max-width: 767px){
  .Area_hot_btn .Area_boxstyle_box1{ padding: 0 !important; }
  .Area_hot_btn .Area_boxstyle_box1 .box {padding-top: 16vw; }
  .Area_hot_btn .box .PD_layout ul {padding: 1vw 4vw 0 19vw;}
  .Area_hot_btn .A1_box {margin: 0vw auto 3vw auto;}
  .Area_hot_btn .box01-1 { background: url(Area_hot_btn_bg01-1.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box01-2 { background: url(Area_hot_btn_bg01-2.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box01-3 { background: url(Area_hot_btn_bg01-3.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box02-1 { background: url(Area_hot_btn_bg02-1.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box02-2 { background: url(Area_hot_btn_bg02-2.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box02-3 { background: url(Area_hot_btn_bg02-3.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box03-1 { background: url(Area_hot_btn_bg03-1.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box03-2 { background: url(Area_hot_btn_bg03-2.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  .Area_hot_btn .box03-3 { background: url(Area_hot_btn_bg03-3.png?t=1751630360357)top center no-repeat; background-size: 100%;}
  }



/* 家電好運節 */
.Area02 {height:100%; margin: 0 auto 50px;}
.Area02 .box .text{position:relative;width: 11%;left: 0;top: 0;}
.Area02 .box .Area_swiper{position:absolute;width: 80%;left: 110px; top: 20px;}
.Area02 .box .Area_swiper .PD_layout .PD a{ background: #fff; border-radius: 0 0 3em 3em;}
.Area02 .box .PD_layout ul {padding-bottom:2vw;}
.Area02 .box .PD_layout .PD_into {background-color:#000;border-radius: 0 0 3em 3em;}
.Area02 .box .PD_layout .PD_into h3 {color:#ffffff;font-size: 25px;}
.Area02 .box .PD_layout .PD_into p {position:relative;top: 23px;background-color:#feef00;color:#000;border-radius:2em; width: 80%; margin: 0 auto;}

@media screen and (max-width:767px){
.Area02 {height:100%; margin: 0 auto 12vw;}
.Area02 .box .text{width:20%; left:1vw; top:5vw;}
.Area02 .box .Area_swiper{width:81%; left:19vw; top:7vw;}
.Area02 .box .PD_layout ul {padding-bottom:7vw;}
.Area02 .box .PD_layout .PD_into {background-color:#000;border-radius: 0 0 .5em .5em;}
.Area02 .box .PD_layout .PD_into h3 {color:#ffffff; font-size: 4vw;}
.Area02 .box .PD_layout .PD_into p {top: 4vw; background-color:#feef00; color:#000;border-radius:2em; width: 95%;}
                
}

/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; padding: 0; grid-gap: 0;}
.Area .remove_box_style ul li { border: none!important; background-color: transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%;}
  .Area .remove_box_style ul {}
}


.Area_PD4 .PD_layout .PD h3 {color:#000000 ;
}


/* 微調 */
.Area_brand .brand li .PD h3 { color:#fff !important ; }

/* 下方公版輪播微調 */
@media screen and (max-width:767px){
  .Area_BN2 .Area_swiper_box {width: 102%;}
}


/* icon */
.Area_icon { height: 230px ; margin: 0 auto 70px; }
.Area_icon .layout_text { width: 28%; position: absolute; }
.Area_icon .layout_icon { width: 100%; }
.Area_icon .Area_swiper {  }
@media screen and (max-width:767px){
  .Area_icon { height: 30vw; margin: 0 auto 7vw ; }
  .Area_icon .layout_text { width: 30%; position: absolute; }
  .Area_icon .Area_swiper {  }
}



/* 新增公版 */
.bn_top { margin-top: 70px ; }
.Area_banner { margin-bottom: 70px ;}
.Area_product { margin-bottom: 70px ;}
.banner_more01 { position: absolute; z-index: 10 ; top: 250px; left: 80px ; width: 25%; }
.banner_more02 { position: absolute; z-index: 10 ; top: 250px; left: 620px ; width: 25%; }
@media screen and (max-width:767px){
  .bn_top { margin-top: 0 ; }
  .Area_banner { margin-bottom: 8vw;}
  .Area_product { margin-bottom: 8vw;}
  .Area_product .layout_product { width: 96%; }
  .Area_product .layout_product ul { padding-bottom: 2vw ; }
  .banner_more01 { position: absolute; z-index: 10 ; top: 27vw ; left: 6vw ; width: 30%; }
  .banner_more02 { position: absolute; z-index: 10 ; top: 27vw ; left: 64vw ; width: 30%; }
}