/* 各頁面CSS */

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


/* 版頭 */
@media screen and (min-width: 768px){
  .hero { height: 1650px;}
  .hero-title { top: 110px; left: 215px;}
  .hero-title .lg-text { width: 530px;}
  .bg-deco .bgdeco_1 { height: 412px; background-size: auto 412px;}
}
@media screen and (max-width: 767px){
  .hero-title { padding: 7vw 0 0; width: 54%; left: 14%;}
}


/* 倒數 */
.TimerNick { position: absolute; top: 285px; left: 330px;}
.TimerNick .TIMER { margin: 0 auto; padding: 0; overflow: hidden; text-align: center; color:#fff; font-size: 26px; line-height: 40px; font-weight: 800; font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
.TimerNick small {position: relative; top: 0; font-size: 20px;}
.TimerNick .time_day { font-size: 20px; letter-spacing: .05rem;}
.TimerNick .FontStyle { position: relative; padding: 0 7px 0 0;font-size: 22px; text-align:center; color: #fff;}
.TimerNick .FontStyle b { display: inline-block; font-weight: 500; font-family: Century Gothic; width: 14px;}
  @media screen and (max-width:767px){
    .TimerNick { position: absolute; top: 26vw; left: 14%; transform: none; width: 53%; text-align: center; z-index: 999;}
    .TimerNick .TIMER { font-size: 8.5vw; line-height: 4vw; color:#fff;}
    .TimerNick small { margin: 0; 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.3vw;}
    .TimerNick .FontStyle b { margin: 0; width: 2vw; font-family:Helvetica; color:#fff;}
  }


/* 版頭品輪播 */
.top_pd .Area_swiper_box .PD_layout li, .Area_swiper_box .PD_layout li .PD_img img { border-radius: 0!important;}
@media screen and (min-width:768px){
  .top_pd { position: absolute; top: 75px; left: 758px; width: 245px; height: 340px; overflow: hidden; z-index: 9;}
  .top_pd .ly ul, .top_pd .ly ul li { padding: 0;}
  .top_pd .ly ul li .PD_into {text-align: center;}
  .top_pd .ly ul li .PD_into .PD_logo { display: none;}
  .top_pd .ly ul li .PD_into { width: 100%; position: relative; top: 6px;}
  .top_pd .ly ul li .PD_img { width: 100%; height: auto;}
  /* 文字 */	
  .top_pd .ly.PD_layout .PD_into h3 {color: #ce2227; width: 100%; font-size: 1.8em;text-align: center;}
}

@media screen and (max-width:767px){
  .Area_top .top_pd { position: absolute; top: 0; right: 5vw; width: 27vw; height: 34vw; overflow: hidden; z-index: 9;}
  .top_pd .ly ul li { padding: 0;}
  .top_pd .ly ul li .PD_into .PD_logo { display: none;}
  .top_pd .ly  ul li .PD_into  { padding: .05em 0 0;}
  .top_pd .ly ul li .PD_img { width: 100%; height: auto; padding: .5em .2em .05em;}
  /*文字*/	
  .top_pd .ly  ul li .PD_into h3 { color: #ce2227; font-size: .9em;}
}



/* hasBG調整 */
@media screen and (min-width:768px){
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box {
    background: url(Area_boxstyle_top_hasbg-B.png?t=1775550868212) top center / contain no-repeat !important;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(Area_boxstyle_hasbg_top-B.png?t=1775550868212) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1775550868212) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1775550868212) center top 80px / 100% calc(100% - 80px) no-repeat !important;}
}
@media screen and (max-width:767px){
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box {
    background: url(m_Area_boxstyle_top_hasbg-B.png?t=1775550868212) center top 0.5vw / contain no-repeat !important;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(m_Area_boxstyle_hasbg_top-B.png?t=1775550868212) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1775550868212) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1775550868212) center top 5vw / 100% calc(100% - 5vw) no-repeat !important;}

}

/* 移除公版設定 */
.Area .remove_box_style ul { background-color: transparent; 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%; padding: 0;}
}

/* 品牌公版背景設定 */
.PD_layout-D1_01 .PD_slide { background-color: #fcd206;}
.PD_layout-D1_01 .PD h4 { color: #1117c1; font-weight: 900;}
.PD_layout-D1_01 .PD h4:hover { color: #f3ae16 !important;}
.PD_layout-D1_01 { padding-bottom: 30px;}
.PD_layout-D1_01 ul { width: 100%;}
.Area_grabmoney_NUM2 .PD_layout-btn li .PD h3 { color: #000; background: #fff;}
@media screen and (max-width:767px){
  .Area_grabmoney_NUM2 .PD_layout-btn { margin-top: -5vw;}
}

/* 熱銷排行 */
.Area_PD3 .PD_layout-btn li .PD h3 { color: #000; background: #fff;}
@media screen and (min-width:768px){ 
  .Area_PD3 .PD_layout-btn { margin-top: 25px;}
}
@media screen and (max-width:767px){
  .Area_PD3 .PD_layout-btn { margin-top: 3vw;}
}

/* 併版開始 */

/* 間距共用 */
@media screen and (min-width:768px){
  .Area_bottom { margin-bottom: 20px!important; }
  .Area_bottom2 { margin-bottom: 50px!important; }
  }
  @media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 2vw!important; }
  .Area_bottom2 { margin-bottom: 5vw!important; }	
  }


/* 版頭品輪播微調 */
.Area_Department .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_Department .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (max-width:767px){
.Area_Department .PD .PD_into p {width: 100%;left: 0%;}
}

/* 01_今日瘋搶攻略 */
.Area_tips .box_all{background: #fde716;  ;border-radius: 16px;}
.Area_tips .box0{display: flex;align-items: center;}
.Area_tips .box1{display: flex;align-items: center;}
.Area_tips .box2{display: flex;align-items: center;}
.Area_tips .Area_swiper_box .PD_layout ul li {background-color: transparent;}
/* .Area_tips .PD_layout.PD_layout-D1_16 ul{grid-gap: 0;padding: 0;} */

@media screen and (min-width:768px){
.Area_tips{width: 960px;margin-bottom: 50px;}
.Area_tips .box0{width: 96%;border-bottom: 1px #a4a4a4 solid;margin: 0 auto;padding: 20px 20px 20px 0;}
.Area_tips .box0 .tit{flex-basis: 25%;}
.Area_tips .box0 .btn{flex-basis: 75%;min-width: 0;}

.Area_tips .box1{width: 96%;border-bottom: 1px #a4a4a4 solid;margin: 0 auto;padding: 20px 20px 20px 0;}
.Area_tips .box1 .tit{flex-basis: 25%;}
.Area_tips .box1 .btn{flex-basis: 75%;min-width: 0;}
.Area_tips .box1 .btn ul{grid-gap: 20px;}

.Area_tips .box2{width: 96%;padding: 20px 20px 20px 0;}
.Area_tips .box2 .tit{flex-basis: 25%;}
.Area_tips .box2 .btn{flex-basis: 75%;min-width: 0;}
/* .Area_tips .box2 .btn ul{grid-gap: 20px;} */
.Area_tips .box2 .btn .Area_swiper_box{height: 130px;}

}
@media screen and (max-width:767px){
.Area_tips .box0{width: 100%;border-bottom: 1px #a4a4a4 solid;margin: 0 auto;padding: 4vw 0 2vw 0;}
.Area_tips .box0 .tit{flex-basis: 25%;}
.Area_tips .box0 .btn{flex-basis: 75%;min-width: 0;padding-right: 2vw;}

.Area_tips .box1{width: 100%;border-bottom: 1px #a4a4a4 solid;margin: 0 auto;padding: 4vw 0 2vw 0;}
.Area_tips .box1 .tit{flex-basis: 25%;}
.Area_tips .box1 .btn{flex-basis: 75%;min-width: 0;}
.Area_tips .box1 .btn ul{grid-gap: .5em;}

.Area_tips .box2{width: 100%;padding: 2vw 0 2vw 0;padding: 4vw 0 2vw 0;}
.Area_tips .box2 .tit{flex-basis: 25%;}
.Area_tips .box2 .btn{flex-basis: 75%;min-width: 0;}
/* .Area_tips .box2 .btn ul{grid-gap: .5em;} */
.Area_tips .box2 .btn .Area_swiper_box{height: 15vw;}
}



/* 02_家電開學熱搜 */
.Area_search .PD_layout-D1_03 ul::before { display: none ; }
.Area_search .Area_swiper_box .PD_layout li{background-color: #fff;}
.Area_search .PD_layout-D1_03.PD_layout ul{grid-gap: 0;padding: 0;}
@media screen and (min-width:768px){
  .Area_search{margin-bottom: 50px;}
  .Area_search .keyword{margin-bottom: 20px;}
  .Area_search .layout_key { padding-top: 30px ; }
  /* .Area_search .layout_key ul { padding: 0 20px !important ; } */
  .Area_search .layout_key .PD h3 { color: #000 ;  }
  .Area_search .layout_key .PD_into::after {
    content: "GO";
    position: absolute;
    bottom: 26%;
    left: 73%;
    padding: .045em .45em;
    color: #fff;
    font-size: .8em;
    font-weight: bold;
    text-align: center;
    background-color: #1c24f3;
    border-radius: 20em;
    font-family: Arial;
  }
  .Area_search .layout_key ul li { background-color: #fffae8 ; }
  .Area_search .layout_key ul li h3 span { padding-right: 40px ; }
  .Area_search .swiper-scrollbar-drag {background: #fff;}

}
@media screen and (max-width:767px){
  .Area_search{margin-bottom: 5vw;}
  .Area_search .keyword{margin-bottom: 3vw;}
  .Area_search .layout_key {}
  .Area_search .layout_key .PD h3 { color: #000 ; font-size: 4vw ; }
  .Area_search .layout_key .PD_into::after {
    content: "GO";
    position: absolute;
    padding: .045em .45em;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    background-color: #232af5;
    border-radius: 20em;
    font-family: Arial;
    bottom: 29%;
    left: 77%;
    font-size: 2.7vw;
    }
  .Area_search .layout_key ul li { background-color: #fffae8 ; }
  .Area_search .layout_key ul li h3 span { padding-right: 5vw ; }
  .Area_search .swiper-scrollbar-drag {background: #fff;}

}

/* 03_年度爆款 新品集購 */
.Area_new .Area_swiper_box .PD_layout li{background-color: #fff;}
.Area_new .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_new .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_new{margin-bottom: 30px;}
.Area_new .pdx30{margin-bottom: 50px;}
  
}
@media screen and (max-width:767px){
.Area_new {margin-bottom: 0vw;}
.Area_new .bn001{margin-bottom: 1vw;}
.Area_new .pdx30{margin-bottom: 3vw;}


}


/* 04_登記活動 */
/* 小家電登記 */
.Area_danji .box01 .danji_box ul li .activityText .gifts span{color: #2229f5 !important;}
/* 品牌登記 */
.Area_danji .box02 .danji_box ul li .activityText .gifts span{color: #fde513 !important;}
/* 大家電登記 */
.Area_danji .box03 .danji_box ul li .activityText .gifts span{color: #f4b21d !important;}
@media screen and (min-width:768px){
.Area_danjiall .tit{width: 960px;}
.Area_danjiall .PD_layout.tit[data-pd-li=BN] ul{padding: 0;grid-gap: 0;}
}
@media screen and (max-width:767px){


}

/* 除濕機特賣 */
.Area_sale .Area_swiper_box .PD_layout li{background-color: #fff;}
.Area_sale .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_sale .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_sale .pdx15{margin-bottom: 35px;}
  
}
@media screen and (max-width:767px){
.Area_sale{margin-bottom: -4vw;}
.Area_sale .pdx15{margin-bottom: 3.5vw;}

}


/* 05_今日主打*/
.Area_today .box0{display: flex;align-items: center;}
.Area_today .Area_swiper_box .PD_layout li{background-color: #fff;}
.Area_today .PD_layout[data-pd-into=center] .PD_into{background-color: #171717;border-radius: 0 0 10px 10px;color: #fff;}
.Area_today .PD_layout[data-pd-h4="1"] .PD h4{color: #fff;}
.Area_today .PD_layout[data-pd-h4="1"] .PD h4 span{display: none;}

.Area_today .PD a:hover h4,
.Area_today .PD a:hover h4 b,
.Area_today .PD a:hover h4 span {color: #f3ae16!important;}



/* 價錢 */
.Area_today .PD_layout .PD p del{color: #ffffff96;}
.Area_today .PD_layout .PD p{color: #fff;}

.Area_today .PD_layout li .PD_img img{border-radius: 0;}

@media screen and (min-width:768px){
.Area_today{margin-bottom: 50px;}
.Area_today .box0 .tit{flex-basis: 15%;}
.Area_today .box0 .pdx10{flex-basis: 75%;min-width: 0;}
  
}
@media screen and (max-width:767px){
.Area_today {margin-bottom: 7vw;}
.Area_today .box0 {margin-bottom: 4vw;}
.Area_today .box0 .tit{flex-basis: 16%;}
.Area_today .box0 .pdx10{flex-basis: 84%;min-width: 0;}

}


/* 06_大電58H快配 */
.Area_58h .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 看更多按鈕 */
/* .Area_58h .PD_layout-btn{margin-top: 0;} */
.Area_58h .PD_layout-btn ul{background-color: transparent;}
.Area_58h  .PD_layout-btn li .PD h3{background: #cca355;}
/* 輪播軸 */
.Area_58h .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_58h .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_58h .pdx15{margin-bottom: 15px;}
.Area_58h .PD_layout-btn{margin-bottom: 20px;}
}
@media screen and (max-width:767px){
.Area_58h{margin-bottom: -6vw;}
.Area_58h .pdx15{margin-bottom: 1.5vw;}
.Area_58h .PD_layout-btn{margin-bottom: 0.5vw;}

}


/* (自入1+2) */
.Area_self .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 看更多按鈕 */
/* .Area_58h .PD_layout-btn{margin-top: 0;} */
.Area_self .PD_layout-btn ul{background-color: transparent;}
.Area_self .PD_layout-btn li .PD h3{background: #f3ae16;}
/* 輪播軸 */
.Area_self .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_self .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
/* 區標 */
.Area_self .PD_layout.PD_layout-D3_01 .PD h3{font-family: "Century Gothic",Noto Sans TC,sans-serif,system-ui,Helvetica,Arial;color: #fff;width: 40%;font-size: 46px;font-weight: 700;line-height: 1;inset-block-start: 88px;top: -67px;}
.Area_self .PD_layout.PD_layout-D3_01 ul{padding: 0;}
.Area_self .PD_layout.PD_layout-D3_01 .PD_img{padding: 0;display: none;}
.Area_self .PD_layout.PD_layout-D3_01 .PD img{width: 78%;}

.Area_self .pdx15{margin-bottom: 15px;}
.Area_self .PD_layout-btn{margin-bottom: 20px;}
}
@media screen and (max-width:767px){
/* 區標 */
.Area_self .PD_layout.PD_layout-D3_01 .PD h3{font-family: "Century Gothic",Noto Sans TC,sans-serif,system-ui,Helvetica,Arial;color: #fff;width: 40%;font-size: 5.1vw;font-weight: 700;line-height: 1;inset-block-start: 36px;top: -8.7vw;}
.Area_self .PD_layout.PD_layout-D3_01 ul{padding: 0;}
.Area_self .PD_layout.PD_layout-D3_01 .PD img{padding: 0;width: 100%;display: none;}
.Area_self .PD_layout.PD_layout-D3_01 .PD_into{padding: 0;}
.Area_self .Area_swiper ul{margin-bottom: 2vw;}

.Area_self{margin-bottom: -4.8vw;}
.Area_self .pdx15{margin-bottom: 1.5vw;}
.Area_self .PD_layout-btn{margin-bottom: 0.5vw;}

}


/* 07_1帶3公版 */
.Area_good .box_box{background-color: #fcf1db;border-radius: 20px;padding-bottom: 20px;}
@media screen and (min-width:768px){
  .Area_good { margin-bottom: 20px ; }
  .Area_good .box { display: flex; flex-wrap: nowrap ; grid-gap: 50px; }
  .Area_good .box_box {margin-bottom: 40px !important ;}
  .Area_good .PD_box { margin-bottom: 10px; }
  .Area_good .box .BN ul li .PD_into .PD_logo { width: 65% ; }
  .Area_good .box .BN ul li .PD_into h3 { width: 100%; font-size: 33px; color: #000 ; line-height: 2em; text-align: center ; padding: 0 0 0 10px;}
  .Area_good .layout_good ul { width: 95% ; padding: 10px 0px; border-radius: 20px; }

  .Area_good .layout_good_tt ul { padding-bottom: 10px ; }
  .Area_good .layout_good_tt .PD_into { gap: 0 !important;}
  .Area_good .layout_good_tt ul li h3 {  background-color: #fff; color: #000 !important ; border-radius: 50px ; font-size: 35px !important ;  }
  .Area_good .layout_good_tt ul li h4 {  font-size: 23px ; color: #8d5300;  width: 70%; padding-top: 1% ; font-size: 40px !important ; font-weight: 800; }
  .good_bottom { display: flex ; flex-direction: column ; justify-content: space-between; }
}
@media screen and (max-width:767px){
  .Area_good{margin-bottom: 9vw;margin-top: 4vw;}
  .Area_good .box_box {margin-bottom: 2.5vw; }
  .Area_good .box .BN ul li .PD_into h3 { width: 70% ; color: #121212 ; padding-top: 2vw; }
  .Area_good .box .BN ul li .PD_into .PD_logo { width: 40% ; margin-left: 4vw ; margin-top: 1vw; }
  .Area_good .layout_good {  margin-top: -4vw ; }
  .Area_good .layout_good ul { width: 96% ; padding: 0 ; margin-top: 3vw;  }

  .Area_good .layout_good_tt .PD_into { gap: 0 !important;}
  .Area_good .layout_good_tt ul li h3 {  background-color: #fff; color: #000 !important ; border-radius: 20vw ; font-size: 21px !important ; margin-left: 2vw;  }
  .Area_good .layout_good_tt ul li h4 {  font-size: 25px ; color: #8d5300;  width: 70%; padding-top: 1% ; font-weight: 800; }
}



/* 08_兩行文案*/
@media screen and (min-width:768px){
  .Area_txt{margin-bottom: 35px;}
  .Area_txt .layout_good_tt ul { padding-bottom: 10px ; }
  .Area_txt .layout_good_tt .PD_into { gap: 0 !important;}
  .Area_txt .layout_good_tt ul li h3 {  background-color: #fff; color: #000 !important ; border-radius: 50px ; font-size: 35px !important ;  }
  .Area_txt .layout_good_tt ul li h4 {  font-size: 23px ; color: #fff;  width: 70%; padding-top: 1% ; font-size: 40px !important ; font-weight: 800; }
  .Area_txt .Area_swiper_box .PD_layout ul li {background-color: transparent ;}

  
}
@media screen and (max-width:767px){
  .Area_txt{margin-bottom: 5vw;}
  .Area_txt .layout_good {  margin-top: -4vw ; }
  .Area_txt .layout_good ul { width: 96% ; padding: 0 ; margin-top: 3vw;  }

  .Area_txt .layout_good_tt .PD_into { gap: 0 !important;}
  .Area_txt .layout_good_tt ul li h3 {  background-color: #fff; color: #000 !important ; border-radius: 20vw ; font-size: 21px !important ; margin-left: 2vw;  }
  .Area_txt .layout_good_tt ul li h4 {  font-size: 25px ; color: #fff;  width: 70%; padding-top: 1% ; font-weight: 800; }
  .Area_txt .Area_swiper_box .PD_layout ul li {background-color: transparent ;}


}


.Area_page { overflow: hidden;margin-bottom: 20px;margin-bottom: 50px;}
/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 20px; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; margin-bottom: 2vw;}
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #242bf6  !important; background-color: #242bf6  !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
                


/* 09_頁籤 */
@media screen and (min-width:768px){

  
}
@media screen and (max-width:767px){
  .Area_page {margin-bottom: 7vw;}
  .Area_K1 .page .PD_layout[data-pd-col-phone="3"] ul{width: 96%;}

}


/* 12_家電超值首選 */
.Area_best .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 輪播軸 */
.Area_best .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_best .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_best{margin-bottom: 20px;}
  
}
@media screen and (max-width:767px){

}

/* 13_超大牌預告(BN) */
@media screen and (min-width:768px){
.Area_bn{margin-bottom: 20px;}
.Area_bn .Area_swiper_box{height: 140px;}
  
}
@media screen and (max-width:767px){
.Area_bn .Area_swiper_box{height: 23vw;}
}

/* 14_今日好便宜 */
.Area_todayc .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 輪播軸 */
.Area_todayc .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_todayc .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_todayc{margin-bottom: 20px;}
  
}
@media screen and (max-width:767px){

}

/* 15_熱搜新品推薦 */
.Area_newhot .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 輪播軸 */
.Area_newhot .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_newhot .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_newhot{margin-bottom: 20px;}

  
}
@media screen and (max-width:767px){

}

/* 16_好便宜搶先看 */
.Area_pre .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 輪播軸 */
.Area_pre .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_pre .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_pre {margin-bottom: 20px;}
  
}
@media screen and (max-width:767px){

}

/* 17_mo+ */
.Area_mo .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 看更多按鈕 */
.Area_mo .PD_layout-btn ul{background-color: transparent;}
.Area_mo .PD_layout-btn li .PD h3{background: #f4ae17;}
/* 輪播軸 */
.Area_mo .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_mo .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_mo .Area_swiper_box{margin-bottom: 20px;}

  
}
@media screen and (max-width:767px){

.Area_mo .PD_layout-btn ul{padding: 4vw 0 0vw;}

}


/* 18_品牌加碼 */
.Area_brand2 .Area_swiper_box .PD_layout li{background-color: #fff;border-radius: 120px;}
.Area_brand2 .PD_layout.PD_layout-D1_16 ul .PD .PD_img{max-width: 100%;}
.Area_brand2 .PD_layout.PD_layout-D1_16 ul{grid-gap: 0;padding: 0;}
/* 輪播軸 */
.Area_brand2 .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_brand2 .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_brand2 .Area_swiper_box{height: 210px;}
.Area_brand2 .PD_layout.PD_layout-D1_16 ul .PD .PD_img img {border-radius: 50%!important;}
}
@media screen and (max-width:767px){
.Area_brand2 .Area_swiper_box{height: 27vw;}
.Area_brand2 .PD_layout.PD_layout-D1_16 ul .PD .PD_img img {border-radius: 50%!important;}
}


/* 版頭品微調0402 */
.Area_toppd .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_toppd .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (max-width: 767px) {
  .Area960.Area_toppd .PD_layout[data-pd-btn*=box-1][data-pd-col-phone="2"] .PD_btn.PD_go i, .Area960 .PD_layout[data-pd-btn*=box-2][data-pd-col-phone="2"] .PD_btn.PD_go i, .Area1220 .PD_layout[data-pd-btn*=box-1][data-pd-col-phone="2"] .PD_btn.PD_go i, .Area1220 .PD_layout[data-pd-btn*=box-2][data-pd-col-phone="2"] .PD_btn.PD_go i {
      margin-right: -64%;
  }
}

