/* 各頁面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__el--4 {z-index: 5;}
.acty__el--5 {z-index: 5;}
.acty__el--6 {z-index: 5;}
.acty__el--7 {z-index: 5;}
.Area_only {z-index: 100;}


/* 設定css背景與偽元素的css背景，讓首屏以外的css背景先被隱藏 */
/* css寫法 */
.articleList .lazy[data-bg=""][data-was-processed="false"],
.articleList .lazy[data-bg=""][data-was-processed="false"]::before,
.articleList .lazy[data-bg=""][data-was-processed="false"]::after,
.articleList .lazy[data-bg=""][data-was-processed="false"] *,
.articleList .lazy[data-bg=""][data-was-processed="false"] *::before,
.articleList .lazy[data-bg=""][data-was-processed="false"] *::after {background-image: none !important;}


/* 01_今日強牌 */
/* .Area_sp .PD_layout li{background: url("Area_acty_D_boxbg.png?t=1762499900829") center top / 100% no-repeat scroll;background-color: transparent;} */
.Area_sp .PD_layout li{background-image: url("Area_acty_D_boxbg.png?t=1762499900829");background-color: transparent;background-size: 100%;background-position: center;background-repeat: no-repeat;}
.Area_sp .PD_layout li .PD{display: flex;width: 100%;}
.Area_sp .PD_layout li .PD_img{flex: 3;}
.Area_sp .PD_layout li .PD_into{flex: 6;}
.Area_sp .PD_layout li .PD_btn{display: none;}
.Area_sp .PD_layout li .PD_into h4 b{display: none;}

.Area_sp .PD_layout li .PD_img{}

@media screen and (min-width: 768px) {
.Area_sp .PD_layout ul{height: 270px;}	
.Area_sp .PD_layout li .PD{padding-left: 50px;padding-top: 51px;}	
.Area_sp .PD_layout li .PD_img img{margin-left: -40px;}
.Area_sp .PD_layout li .PD_into h3{margin-left: 50px;color: #fcff00;font-size: 20pt;font-weight: bolder;}
.Area_sp .PD_layout li .PD_into h4{margin-left: 50px;color: #fff;font-size: 15pt;}
}

@media screen and (max-width: 767px) {
.Area_sp{margin-bottom: 3vw;}  
.Area_sp .PD_layout li .PD{padding-left: 3vw;padding-top: 6vw;}	
.Area_sp .PD_layout li .PD_img img{margin-left: 0vw;}
.Area_sp .PD_layout li .PD_into h3{margin-left: 6vw;color: #fcff00;font-size: 15pt;}
.Area_sp .PD_layout li .PD_into h4{margin-left: 6vw;color: #fff;}
}


.bn_126{margin-bottom: 50px;}
@media screen and (max-width:767px){
.bn_126{margin-bottom: 5vw;margin-top: 6vw;}

}


/* 02_錯過等一年 */
@media screen and (min-width: 768px) {
.Area_year{display: flex;width: 1220px;align-items: center;}
.Area_year .tit00{flex: 1;}
.Area_year .Area_swiper{flex: 9;}
}
@media screen and (max-width: 767px) {
.Area_year{display: flex;width: 96%;align-items: baseline;margin-bottom: 5vw;}
.Area_year .tit00{flex: 1.1;}
.Area_year .Area_swiper{flex: 8.8;}
}


/*03_大牌獨家特談*/
@media screen and (min-width: 768px){
  .Area_newbrand{margin-bottom: 10px;}
  .newpd_style {}
  .newpd_style .PD_layout .PD p del {display: none;}
  .newpd_style .PD_layout .PD_into{position: relative;bottom: 124px;left: 43px;}
  .newpd_style .PD_layout .PD p {height: 2.5em;line-height: 2em; color:#fcff00;  position: relative; left: 260px;bottom: 45px; }
  .newpd_style .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
  .newpd_style .PD_layout .PD h4 {font-size: 22px;top:2px;position: relative;color: #fff;}	
  .newpd_style .PD_layout .PD h3 {font-size: 25px;color: #fff;position: relative; top: 4.2px;}		
  .newpd_style .Area_PD9 .PD_slide {height:505px;background-color: transparent!important;}
  }
  @media screen and (max-width: 767px){
  .newpd_style {margin-bottom: -6vw;margin-top: -2vw;}
  .newpd_style .PD_layout .PD p del {display: none;}
  .newpd_style .PD_layout .PD_into{bottom: 3.5vw; position: relative; left: 2vw;}
  .newpd_style .PD_layout .PD p {height: 2.3em;line-height: 2em;color:#fcff00;position:absolute;right: 9vw;bottom: 23vw;}
  .newpd_style .PD_layout .PD p .Price {font-size:30px!important; font-weight: 800;}	
  .newpd_style .PD_layout .PD h4 {font-size: 22px;top: -20vw;left: 2vw;position: relative;color: #fff;}	
  .newpd_style .PD_layout .PD h3 {font-size: 22px;color: #fff;position: relative;top: -18vw;left: 2vw;}		
  .newpd_style .Area_PD9 .PD_slide {height:92.5vw;background-color: #0000!important;}
  .newpd_style .Area_swiper_box .swiper-pagination { bottom: 33px !important;}	
  .newpd_style .swiper-pagination-white {--swiper-pagination-color: #ffffff!important;}	
  }  

/* 04_一日激省價 */

/** 倒數 **/
.TimerNick2 span{float: none;}
.TimerNick2 { z-index:0; display:inline-block; padding-right:14px; height:66px;text-align:right;}
.TimerNick2 .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:60px; font: bold 35px/38px Century Gothic; color:#fff; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick2 div:nth-of-type(2),
.TimerNick2 div:nth-of-type(3) { width:60px;}
.TimerNick2 span { padding-left:2px; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}
    @media screen and (max-width:767px){
        .TimerNick2 {z-index:2;position: absolute;top: 15vw;left: -6%;display:inline-block;margin:0;padding-right:0%;width:85%;height:0;padding-bottom:13%;overflow:hidden;text-align:right;/* background:url(m_time_bg.png?t=1762499900829) no-repeat center top; */background-size:100%;}
        .TimerNick2 .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:14vw; font: bold 7.5vw/11vw Century Gothic; color:#fff; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent;}
        .TimerNick2 div:nth-of-type(2),
        .TimerNick2 div:nth-of-type(3) { width:9vw;}
        .TimerNick2 span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}
    }
                        
@media screen and (min-width: 768px){
  /* .Area_oneday .pdx12{padding-top: 50px;} */
}
@media screen and (max-width:767px){
  .Area_oneday .pdx12{padding-top: 7vw;}

}

/* 05_今日最強檔(整區入稿顯示) */
@media screen and (max-width:767px){
.Area_best{margin-bottom: 0vw;}
}


/*06_年度重磅 加碼回饋-品牌專區*/
.Area_bonus .pdx6{margin-bottom: 70px;}

.Area_brand4 .box { display: flex; flex-wrap: nowrap;}
.Area_brand4 .box_box { margin: 0 1%; width: 48%; background: url(PD_bg.png?t=1762499900829) top center no-repeat ; padding: 26px 15px 6px; background-size: 100%;height: 460px;}
.Area_brand4 .PD_box {margin-bottom: 10px;}
.Area_brand4 .box { padding: 0; box-sizing: border-box; margin-bottom: 30px;}
.Area_brand4 .box .BN { padding: 0; box-sizing: border-box;}
.Area_brand4 .box .BN ul { padding: 0;grid-template-columns: repeat(1, auto);}
.Area_brand4 .box_box .BN ul li .PD_into {display:flex;flex-direction:row}
.Area_brand4 .box_box .BN ul li .PD_into h3 {width:70%;font-size: 29px;color: #000;line-height: 2em;text-align: center;padding: 0 0 0 20px;transform: rotate(-3deg);position: relative;top: -23px;left: 6px;}
.Area_brand4 .box_box .BN ul li .PD_into h5 { width: 100%; font-size: 29px; color: #fff; line-height: 2em; text-align: left; padding: 0 ; margin: 0 0 0 40px;}
/* .Area_brand4 .box .PD_box ul { padding: 30px 0 0 ; border-radius: 20px;} */
@media screen and (max-width:767px){
.Area_bonus{margin-bottom: 0vw;}  
.Area_bonus .pdx6{margin-bottom: 5vw;}  
.Area_bonus .pdx6.PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img{padding: 0 0.5em;}

.Area_brand4 .box { flex-wrap: wrap;}
.Area_brand4 .box_box {margin: 0 auto;width: 100%;height: 75vw;padding-top: 4vw;}
.Area_brand4 .PD_box {margin-top: -2vw;}
.Area_brand4 .box .PD_box ul { padding: 0; border-radius: 3vw;}
.Area_brand4 .box { width: 100%; padding: 0; margin: 0 auto;}

/* .Area_brand4 .box .BN { padding: 0 0.5em;} */
.Area_brand4 .box .BN ul { padding: 0;}

.Area_brand4 .box_box .BN ul li .PD_into {display:flex;flex-direction:row}
.Area_brand4 .box_box .BN ul li .PD_into h3 {width: 70%;font-size: 1.2em;line-height: 1.1em;padding: 3.7vw 2vw 0 0vw;}
.Area_brand4 .box_box .BN ul li .PD_into h5 {width: 100%;font-size: 1.2em;line-height: 1.1em;text-align: left;padding-top: 1vw;margin: 0 0 0 7vw;}
}

/* 07_ 登記活動 */
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #6200e8;}                 
                    

/* 08_聰明購物 折價券 */
.Area_couponall .Area_swiper ul li{background-color: transparent;}
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #fff;}
@media screen and (min-width:768px){
.Area_couponall{margin-bottom: 20px;}
.Area_couponall .btnx2{margin-bottom: 5px;}
.Area_couponall .Area_coupon{margin-bottom: 50px;}
}
@media screen and (max-width:767px){
  .Area_couponall{margin-bottom: -1vw;}
  .Area_couponall .btnx2{margin-bottom: 1.5vw;}
  .Area_couponall .Area_swiper ul{margin-bottom: 2vw;}
  .Area_couponall .Area_coupon{margin-bottom: 4vw;}

}



/*mo店+ 熱銷首選 */
@media screen and (min-width:768px){
	/* mo+標題 */
	.mop_tit{position: relative;top: -114px;margin-bottom: -80px;}
	
	
		
  }
	  
  @media screen and (max-width:767px){
	.Area_moplus .Area_swiper ul{margin-bottom: 2vw;}
	/* mo+標題 */
	.mop_tit{position: relative;top: -12.5vw;margin-bottom: -7.5vw;}
	
  }

  /* 下方公版 */
  .Area_down{margin-bottom: -50px;}
	@media screen and (max-width:767px){
  .Area_down{margin-bottom: 0vw;}
  }

/* 07_館連結 */
@media screen and (min-width:768px){
	.Area_guan .PD_layout ul{width: 80%;}
	.Area_guan{margin-top: 100px;margin-bottom: 20px;}
	}
	@media screen and (max-width:767px){
	.Area_guan{margin: 5vw 0;}	
	}
	



/*Phone錨點*/
.Area_floorPD_NavArea_tabbar {
	margin: 0 auto 5vw ;
	width: 94%;
  }
  .Area_floorPD_NavArea_tabbar.cate-fixed {
	width: 100%;
  }
  .Area_floorPD_NavArea_tabbar .Nav_box {
	border-radius: 8px;
	-webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
			box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
  }
  .Area_floorPD_NavArea_tabbar .Nav li {
	overflow: visible;
  }
  .Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
	border-radius: 0;
	background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
			box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
  }