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




/* 倒數容器 */
.TimerNick2{display:inline-flex;align-items:center;gap:6px;margin-bottom: 20px;}
/* 數字方塊 */
.TimerNick2 .FontStyle{display:inline-flex;justify-content:center;align-items:center;width: 52px;height: 50px;font: bold 32px "Century Gothic";color: #ffcf40;background: #4d0011;border-radius:6px;}
/* 時分秒文字 */
.TimerNick2 span{margin-right: 6px;font: bold 20px "微軟正黑體","Microsoft JhengHei";color: #ffffff;}

    @media screen and (max-width:767px){
    .TimerNick2{justify-content:flex-end;gap:1vw;margin-bottom: 2vw;}  
    .TimerNick2 .FontStyle{width: 9vw;height:8vw;font-size: 5.5vw;border-radius:1vw;}
    }

/* 超大牌曝光(BN+4品輪播)、嚴選好物(情境6品輪播)、備用區塊(BN+10品輪播) */
.Area03 .Area_swiper .PD_layout li {background-color: #FFF; }
    @media screen and (max-width:767px){
    .Area03 .BN03 {margin:2vw auto 4vw;}
    }

	
/* 嚴選好物(情境6品輪播) */
.box5_swiper {position: relative;width: 98%;margin: 0 auto 40px;overflow: hidden;z-index: 1;}
.box5_swiper ul.PD_wrapper {display: flex;flex-wrap: nowrap;margin: 0 auto;padding: 0 0 40px;width: 100%;grid-gap: 0;box-sizing: content-box;height: 369px;}
.box5_swiper ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; pointer-events: inherit;border-radius: 15px !important;overflow: hidden;}
.box5_swiper ul.PD_wrapper li.PD_slide { min-width: inherit;}
.box5_swiper ul.PD_wrapper li.PD_slide:hover { box-shadow: 0 1em 2em rgba(0, 0, 0, 0);}
	@media screen and (max-width:767px){
	  .box5_swiper { width: 100%;margin: 0 auto 0}
	  .box5_swiper ul.PD_wrapper {padding: 0 0 8.5%;height: 66vw;}
	  .box5_swiper ul.PD_wrapper li { border-radius: 4vw !important;}
	} 

	
 /* 一日激省價(6品) */
 .Area02 .PD_layout ul {background-color: #FFF !important; }
 	

/*折價券左邊文案*/
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000000;}

/* 聰明購物(折價券) */
    @media screen and (max-width:767px){
    .Area04 {margin-bottom: 4vw !important;}
    .Area04 .btnx2 {margin-bottom: 2vw;}
    .Area04 .Area_coupon {margin-bottom: 4vw;}
    }


/* 熱搜強牌(1帶2_X6) */
.box_box{width: 100%;display: flex;justify-content: center;align-items: center;}
.box_box .box{ margin: 0 5px 40px;}
.box_box .box .PD_layout{ padding: 0 15px;}
.PD_layout.PD_layout-D3_02 ul .PD .PD_logo  {width: 50% !important;}
.box_box .BN_box {width: 108%;margin: auto -19px;}
.box_box .BN_box .PD_layout .js-PD_txt3 {  color: #000000 !important; font-size: 25px;}
.PD_layout.PD_layout-D3_02 ul .PD .PD_into { gap: 1em;}
.bg_B {background-image: repeating-linear-gradient(180deg , #ffd943 0%, #ecbd00 100%);border-radius: 20px 20px 20px 20px;padding: 0px 0 15px;position: relative;z-index: 2;}
	@media screen and (max-width:767px){
	  .box_box{width: auto;justify-content: center;align-items: center;flex-direction: column;}
	  .box_box .box{ margin: 1vw 1.5vw 5vw;}
	  .box_box .box .PD_layout{ padding: 0 2vw;}
	  .PD_layout.PD_layout-D3_02 ul .PD .PD_logo  {width: 40% !important;}
	  .box_box .BN_box {width: 100%;margin: auto -2vw;}
	  .box_box .BN_box .PD_layout .js-PD_txt3 {color: #000000 !important;font-size: 22px;}
	  .PD_layout.PD_layout-D3_02 ul .PD .PD_into { gap: 0.6em;}
 
	  .bg_B { width: 100%; border: #ffd534; border-radius: 10px 10px 10px 10px; padding: 2% 0;}

	  }

    
/* 下方公版 */
.Area05 .Area_swiper .PD_layout li {background-color: #ffffff; }
  @media screen and (max-width:767px){
  .Area05 .Area_swiper_box .swiper-pagination { bottom: -0.5vw !important;}
  /* .Area .Area_swiper_box { padding-bottom: 5vw;} */

  }
  
/* mo店+ 熱銷首選 */
.Area06 .Area_swiper .PD_layout li {background-color: #ffffff; }
  
/* 館連結 */
@media screen and (min-width:768px){
.Area_guan .PD_layout ul{width: 60%;}
.Area_guan{margin-top: 30px;margin-bottom: 20px;}
}
    @media screen and (max-width:767px){
    .Area_guan {width: 90%;margin-top: 6vw;margin-bottom: 4vw;}
    .Area_guan .PD_layout ul { padding: 0 .4em; grid-gap: .5em;}
    }	


/* 輪播點點 */
.swiper-pagination-bullet-active { background: #ffffff;}
.swiper-pagination-bullet {	background: #ffffff; }
  @media screen and (max-width:767px){  
  .Area .Area_swiper_box { padding-bottom: 6vw;}
  }