/* 各頁面CSS */


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




/*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;}
}




.acty .acty__el .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;}



/*副標*/
.Area_top .sub ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; grid-gap: 0; box-sizing: content-box; height: 125px;}
.Area_top .sub ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; background-image: none;}
.Area_top .sub { position: absolute ;  width: 30% ;  top: 307px; left: 216px; z-index: 3 ;  }



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

.Area_top .sub ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; grid-gap: 0; box-sizing: content-box; height: 125px;}
.Area_top .sub ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; background-image: none;}
.Area_top .sub { position: absolute ; top: 27.5vw ; left: 15vw ; width: 38% ; z-index: 10 ; }

}




/* 今日主打 */
.Area_Department .PD .PD_into p {height: 2em; line-height: 2em; color: #d93c85; bottom: 0; left: 0;  width: 100%; background-color:transparent;}
.Area_Department .PD .PD_into .Price { color: #d93c85;}
.Area_Department .PD .PD_into .money{ color: #d93c85;}

.Area_Department .PD .PD_into h3 { font-size: 15px; margin-bottom: .25em; max-height: 1.9em;  line-height: 1.9em;}

.Area_Department .PD .PD_into {background-color:transparent;}


.Area_Department .swiper-container-horizontal>.swiper-pagination-bullets {top: -25px; position: relative; }


@media screen and (max-width:767px){
.Area_Department.withBG2 .Area_swiper { background-size: 121%;}

.Area_Department .swiper-container-horizontal>.swiper-pagination-bullets {top: -4vw; position: relative; }
.Area_Department.withBG2 {margin-bottom: -5vw;}
}





/*Area01*/
.Area01 {margin-top: 40px;}
.Area01 .sale .PD_layout[data-pd-li=BN] ul {grid-gap: 54px;}

.step{margin: auto auto 0;height: auto;padding-bottom: 30px;}
.step .PD_layout{}


    @media screen and (max-width:767px){
    .Area01 {margin-top: 0;}

    .step{position: relative;padding:0 0 5vw 0;}
    .step .PD_layout{}
    }







/** 倒數 **/
.TimerNick2 {z-index:0;display:inline-block;height: 100%;text-align: center;padding-bottom: 2%;}
.TimerNick2 .FontStyle2 {display:inline-block;border:0px;width:60px;font: bold 35px/38px Century Gothic;color:#0e2803;text-align: center;background: #ffd634;border-radius: 25px;}
.TimerNick2 div:nth-of-type(2),
.TimerNick2 div:nth-of-type(3) { width:60px;}
.TimerNick2 span {padding-left:2px;font: bold 25px/38px  "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #ffffff;}
@media screen and (max-width:767px){
.TimerNick2 {z-index:2;position: relative;left:0%;display:inline-block;margin:0;padding-right:0%;height: 100%;padding-bottom: 2%;overflow:hidden;text-align:center;background-size:100%;}
.TimerNick2 .FontStyle2 {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width:10vw;font: bold 6vw/8vw Century Gothic;color: #0e2803;letter-spacing:-1px;text-align:center;background-color: #ffd634;border-radius: 0.5em;}
.TimerNick2 div:nth-of-type(2),
.TimerNick2 div:nth-of-type(3) { width:9vw;}
.TimerNick2 span {padding-left:1vw;font: bold 4vw/8vw  "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #ffffff;}
}  




/** 日韓美妝大賞 **/
.Area04 {margin-bottom: 28px;}
.Area04 .title2 .PD img{ width: 100%!important;}
.Area04 .PD_layout.PD_layout-D3_01 .PD h3 {top: 64%; color: #000000; font-size: 41px;}
.Area04 .Area_boxstyle_box {padding-right: 0; padding-left: 0; }
@media screen and (max-width:767px){
    .Area04 {margin-bottom: 0vw;}
    .Area04 .PD_layout-D3_01 {  margin-bottom: -4vw;}
    .Area04 .title2 .PD img{ width: 154% !important; left: -24vw; position: relative; top: -4vw; }
    .Area04 .PD_layout.PD_layout-D3_01 .PD h3 {   font-size: 1.5em; top: 44%; color: #000000;}
    }


.Area04 .box2{position: relative;  margin-bottom: 60px;} 
.Area04 .box .title{ position: absolute; width: 19.5%; top: -71px; left: -62px; }
.Area04 .title .PD img{ width: 100%!important;}
.Area04 .Area_swiper {  margin-left: 80px;  }

@media screen and (max-width:767px){
    .Area04 .box2{position: relative;  margin-bottom: 10vw;} 
    .Area04 .box .title{ position: absolute; width: 18.5%; top: -8vw; left: -1vw; }
    .Area04 .title .PD img{ width: 100%!important;}
    .Area04 .Area_swiper {  margin-left: 14.5vw;  }
}






/** 人氣大牌推薦 **/

.Area02 .PD_layout.PD_layout-D3_02 ul li .PD h3 {width: 43%;}
.Area02 .title { margin-top: 50px; }

@media screen and (max-width:767px){
.Area02 .Area_boxstyle_box {padding-left: 0; padding-right: 0;}
.Area02 .title { margin-top: 7vw; }
}





/** 日本必買美食 **/
.Area03 .title { margin-top: 50px; }
.Area03 .title2 .PD_wrapper,.Area03 .title3 .PD_wrapper { margin-bottom: -21px; }
.Area03 .title2 .PD img,.Area03 .title3 .PD img { width: 100%!important;}

.Area03 .PD_layout.title2 .PD h3 {top: 50%; color: #000000; font-size: 41px;}
.Area03 .PD_layout.title3 .PD h3 {top: 50%; color: #ffffff; font-size: 41px;}

.Area03 .pdborder2 { border: 3px solid #ffd634; box-shadow: 0px 1px 0 0 #ffd634; border-radius: 21px; }
.Area03 .pdborder3 { border: 3px solid #c9100e;  box-shadow: 0px 1px 0 0 #c9100e; border-radius: 21px; }


@media screen and (max-width:767px){
    .Area03 .title { margin-top: 8vw; }
    .Area03 .title2 .PD_wrapper,.Area03 .title3 .PD_wrapper { margin-bottom: -8vw; }
    .Area03 .title2 .PD img,.Area03 .title3 .PD img{ position: relative; top: -4.5vw; }

    .Area03 .PD_layout.title2 .PD h3 {   font-size: 1.3em; top: 24%;color: #000000;}
    .Area03 .PD_layout.title3 .PD h3 {   font-size: 1.3em; top: 24%;color: #ffffff;}

    .Area03 .pdborder2 { border: 1vw solid #ffd634; border-radius: 4vw; }
    .Area03 .pdborder3 { border: 1vw solid #c9100e; border-radius: 4vw; }


    .Area03 .Area_boxstyle_box {padding-left: 0; padding-right: 0;}

    }





/*商品分類X8*/
.Area05 {margin: 60px auto 20px auto;}
.Area05 .PD_layout{ width: 90%;}
.Area05 .PD_layout[data-pd-li=BN] ul { grid-gap: 28px;}

@media screen and (max-width:767px){
    .Area05 {margin: auto auto 5vw auto ;}
    .Area05 .PD_layout{ width: 100%;}
    .Area05 .PD_layout[data-pd-li=BN] ul { grid-gap: 2vw; padding: 0;}
    
    }