/* 各頁面CSS */

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

.PD_layout-btn li .PD h3 { background: #3c6f76; }

/*momo幣這裡用*/
@media screen and (min-width: 768px) {
	.Area_grabmoney_coupon .PD_layout ul { padding: 0 25px; grid-gap: 15px;}
	.Area_grabmoney_coupon .PD_layout img {	border-radius: 10px;}
}
@media screen and (max-width: 767px) {
	.Area_grabmoney_coupon .PD_layout ul { grid-gap: 1.8vw;}
	.Area_grabmoney_coupon .PD_layout img { border-radius: .5em;}
}



/* 版頭主標顯示 */
@media screen and (min-width:768px){
 
}
 
@media screen and (max-width:767px){
  .hero-title{opacity: 100 !important}
}




/*行銷包套*/
@media screen and (min-width: 768px) {
.Area_PD1 {margin-top: 0px;}
}
@media screen and (max-width: 767px) {
.Area_one .Area_swiper {width: 102%;}
.Area_S1 .Area_swiper .PD_layout ul{padding-bottom: 2vw;}
}




/*BN/15品*/
@media screen and (min-width: 768px) {
.Area_bn .Area_S2{top: 15px;}
}
@media screen and (max-width: 767px) {
.Area_bn .Area_S2{top: 4vw;}
.Area_bn .Area_S2 .Area_swiper .PD_layout ul{padding-bottom: 2vw;}
}




/*icon區*/
@media screen and (min-width: 768px) {
.Area_btn .Area_S2{top: 40px;}
}

@media screen and (max-width: 767px) {
.Area_btn .Area_S2{top: 0.5vw;}  
.Area_btn .Area_S2 .Area_swiper .PD_layout ul{padding-bottom: 2vw;}
}

/*icon*/
.logo_box .box .PD_layout li{background: transparent;}

.logo_box { height: 220px ;top: 7px; }
.logo_box .layout_text { position: absolute; width: 22%; top: 300px;}
.logo_box .layout_icon { width: 80%; }
.logo_box .Area_swiper { width: 70%; position: relative; left: 105px ;}

.Area_btn .Area_swiper ul li h4 .js-PD_txt2{display: none;}
.Area_btn .Area_swiper .PD_layout[data-pd-pdlogo][data-pd-pdimg=off] .PD .PD_logo { margin-top: 0; object-fit: contain; width: 180px; height: 180px; }
.Area_btn .Area_swiper .PD_layout[data-pd-h4="1"] .PD h4{ /* font-size: 1.5em; color: #fff;*/  }
.Area_btn .Area_swiper_box { padding-bottom: 35px;}
.Area_btn .Area_swiper .PD_layout .PD h4{ line-height: 1em;}

@media screen and (max-width:767px){
  .logo_box { height: 38vw;top: 3vw; }
  .logo_box .layout_text { width: 31% ; position: absolute;top: 35vw; }
  .logo_box .Area_swiper { width: 78% ; position: relative; left: 18vw; }

  .Area_btn .Area_swiper .PD_layout[data-pd-pdlogo][data-pd-pdimg=off] .PD .PD_logo { width: 25vw; height: 25vw; }
  .Area_btn .Area_swiper .PD_layout[data-pd-h4="1"] .PD h4{ text-align: center; font-size: 0.8em;}
  .Area_btn .Area_swiper_box { padding-bottom: 5vw; margin-bottom: 3vw;}
}




/* 超大牌預告 */
@media screen and (max-width:767px){
  .Area_big .Area_swiper {width: 102%;}
	.Area_bn .BN_swiper{ padding: 0 0 0 1vw;}
  .BN_swiper .Area_swiper .PD_layout ul{padding-bottom: 2vw;}
}




/* 新品搶先看 */
@media screen and (max-width:767px){
  .Area_new .Area_swiper {width: 102%;}
  .Area_new .Area_S2 .Area_swiper .PD_layout ul{padding-bottom: 2vw;}
}




/* 家電曝光型包套 */
@media screen and (max-width:767px){
  .Area_pop .Area_swiper {width: 102%;}
}



/* 輪播公版 */
@media screen and (max-width:767px){
  .Area_S .Area_swiper {width: 102%;}
  .Area_S .Area_S2 .Area_swiper .PD_layout ul{padding-bottom: 2vw;}
}




/*家電狂送mo幣*/
.Area07 { position: relative; margin: 60px auto 60px;}
.Area07 .boxtop { position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
/* .Area07 .box { width: 960px; margin: 0 auto 0;} */
.Area07 .box .PD_layout ul { padding: 0 65px 0 205px;}
.Area07 .PD_layout[data-pd-li=BN] ul{ grid-gap:0 ;}
.Area07 .active{ margin: 30px auto;}
.Area07 .box01-1 { background: url(Area07_bg01-1.png?t=1754650803604)top center no-repeat; background-size: 100%; margin: 0 auto;}
.Area07 .box01-2 { background: url(Area07_bg01-2.png?t=1754650803604)top center no-repeat; background-size: 100%; margin: 0 auto;}
.Area07 .box02-1 { background: url(Area07_bg02-1.png?t=1754650803604)top center no-repeat; background-size: 100%; margin: 0 auto;}
.Area07 .box02-2 { background: url(Area07_bg02-2.png?t=1754650803604)top center no-repeat; background-size: 100%; margin: 0 auto;}
.Area07 .box03-1 { background: url(Area07_bg03-1.png?t=1754650803604)top center no-repeat; background-size: 100%; margin: 0 auto;}
.Area07 .box03-2 { background: url(Area07_bg03-2.png?t=1754650803604)top center no-repeat; background-size: 100%; margin: 0 auto;}
@media screen and (max-width:767px){
  .Area07 { margin: 0vw auto 8vw;}
  .Area07 .boxtop { width: 100%;}
  .Area07 .title { margin: 0 auto 3%;}
  .Area07 .active{ margin: 3vw auto;}
  .Area07 .boxrepeat { background: url(Area07_boxrepeat_m.png?t=1754650803604)top center repeat-y; background-size: 100%;}
  .Area07 .box_bg { background-size: 100%;}
  /* .Area07 .box { width: 100%;} */
  .Area07 .box .PD_layout ul { padding: 0 7vw 0 22vw;}
}




/*輪播公版*/
.Area_hito .PD_layout-btn{top: 10px;}
.Area_S .PD_layout ul{background: transparent;}

@media screen and (max-width:767px){
.Area_S .PD_layout ul{padding: 0vw 0 4vw}
}

/* 看更多 */
.btn001 { margin-top: -20px ; }
@media screen and (max-width:767px){
  .btn001 { margin-top: -7vw ; }
}





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



/*icon_swiper*/
.logo_box .Area_swiper_box { z-index: 1; padding-bottom: 10px;}
.logo_box.Area_swiper_box ul { height: 165px;}
.logo_box.Area_swiper_box.Area_swiper_box_relative { position: relative;}
.logo_box.Area_swiper_box.Area_swiper_box_absolute { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.logo_box.Area_swiper_box .swiper-wrapper { margin: 0; padding: 0; list-style: none; display: flex; grid-gap: 0;}
.logo_box.Area_swiper_box .swiper-wrapper:after { content: ""; display: block; clear: both;}
.logo_box.Area_swiper_box .swiper-slide { margin: 0; padding: 0;}
.logo_box.Area_swiper_box .pagination { bottom: 0!important; transform: scale(0.7);}
.logo_box.Area_swiper_box .pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: translateX(-50%) scale(0.7);}
@media screen and (max-width:767px){
  .logo_box.Area_swiper_box { padding-bottom: 4vw;}
  .logo_box.Area_swiper_box ul { height: 19.5vw;}
}

/*輪播套公版時修正*/
.logo_box.Area_swiper_box .PD_layout { position: static; margin: 10px 30px 0;}
@media screen and (max-width:767px){
  .logo_box .Area_swiper_box .PD_layout { margin: 0 0.5em;}
}



/* 新增區塊0 */
.Area_fund { margin-bottom: 50px; padding-top: 20px; } 
@media screen and (max-width:767px){
  .Area_fund {margin-bottom: 5vw; padding-top: 0vw ; } 
}




/* 新增區塊1、2 */
.PD11_bottom {margin-bottom: 70px !important;}
.Area_PD11 { margin-bottom: 50px ; }
.Area_PD11 .layout_text { width: 10% ; position: absolute;  }
.Area_PD11 .layout_text ul { padding: 0 !important; }
.Area_PD11 .Area_swiper { padding-left: 100px ; padding-top: 10px ; }
.Area_PD11 .layout_PD11 .PD_into {  position: relative; top: -30px ; }
.Area_PD11 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { top: 200px ; }
.Area_PD11 .PD_layout[data-pd-h3="5"] .PD h3 span { background-color: rgb(218 218 218 / 90%);  }
@media screen and (max-width:767px){
  .PD11_bottom {margin-bottom: 7vw !important ;}
  .Area_PD11 { margin-bottom: 5vw ; margin-top: 5vw; }
  .Area_PD11 .layout_text { width: 13% ; position: absolute; }
  .Area_PD11 .Area_swiper { width: 100%; padding-left: 13vw ; padding-top: 1vw; }
  .Area_PD11 .Area_swiper ul { padding-bottom: 2vw;}
  .Area_PD11 .layout_PD11 .PD_into {  position: relative; top: 1vw ; }
  .Area_PD11 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { top: 25vw ; }
}


/* 微調 */
.icon_p8[data-pd-h4="1"] .PD h4 { color: #fff !important ; }
@media screen and (max-width:767px){
  }







