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

/*間距公版*/
@media screen and (min-width:768px){
	.Area_bottom { margin-bottom: 30px!important; }
	.Area_bottom2 { margin-bottom: 50px!important; }
	.Area_bottom_pd { padding-bottom: 30px!important; }
}
@media screen and (max-width:767px){
	.Area_bottom { margin-bottom: 3vw!important; }
	.Area_bottom2 { margin-bottom: 5vw!important; }	

	.Area_bottom_pd {padding-bottom: 8vw!important;}

}

/*公版PD微調*/
@media screen and (min-width:768px){
	.WD79 {width: 79%;}
}

/*編輯按鈕調整*/
#eWriterBtn_bt_B_000_TD1{ margin-left: 20px!important; margin-top: 200px!important; z-index: 99!important; }

.acty__el--4{z-index: 100;}
.acty__el--5{z-index: 100;}
.acty__el--6{z-index: 100;}
.acty__el--7{z-index: 100;}


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

/*01_按鈕+折價券*/
@media screen and (min-width:768px){
	.Area_btn {height:100%;}

	.Area_btn .pic_003{position: absolute;top: -182px;right: 758px;z-index: 19;}
	.Area_btn .pic_003 img{width: 60%;}
	.Area_btn .pic_004{position: absolute;top: -158px;right: -137px;z-index: 17;}
	.Area_btn .pic_004 img{width: 42%;}
	
	/*按鈕*/		
	.Area_btn .layout_btn {width: 90%!important;margin: -177px auto 44px auto;padding-top: 290px;}
	.Area_btn .layout_btn ul {}
	.Area_btn .layout_btn ul li{}


	.Area_btn .PD_layout ul {}
	.Area_btn .PD_layout ul li {padding: 18px;}

	/*折價*/		
	.Area_btn .Area_coupon_sw {height: 220px;margin-bottom: 30px;}
	.Area_btn .Area_coupon_sw .Area_swiper_box .PD_layout ul {height: 200px;}


}
@media screen and (max-width:767px){
.Area_btn {height:100%;}
.Area_btn .pic_003{position: absolute;top: -19vw;width: 32%;left: -13vw;z-index: 9;}
.Area_btn .pic_004{position: absolute;top: -1vw;width: 24%;right: 0vw;z-index: 9;}
.Area_btn .PD_layout {}
.Area_btn .layout_coupon ul {width: 95% !important;margin: 0 auto !important;}

/*按鈕*/		
.Area_btn .layout_btn {width: 100%!important;margin: auto;padding-bottom: 2vw;padding-top: 14.5vw;}
.Area_btn .layout_btn ul {width: 91% !important;margin: auto !important;}
.Area_btn .layout_btn ul li{padding: 1.5vw;}

/*折價*/		
.Area_btn .Area_coupon_sw {height: 25vw;margin-bottom: 2vw;}
.Area_btn .Area_coupon_sw .Area_swiper_box .PD_layout ul {height: 20vw;}

}


/*輪播BN*/
.Area_banner2 .Area_swiper_box .PD_layout ul li {background-color: #00000000;}  
@media screen and (min-width:768px){
.Area_banner2 {width:960px;height: 320px;position:relative;margin: 0px auto 0px auto;box-sizing:border-box;padding: 0px 0 0 0;}
.Area_banner2 .Area_swiper_box ul{display: flex;padding: 0;grid-gap: 0;height: 330px;}
.Area_banner2 .PD_layout ul li.swiper-slide-active img {width: 100%;}  
.Area_banner2 .Area_swiper_box  ul li{}
.Area_banner2 .PD_layout {overflow: hidden;width:100%; }
.Area_banner2 .Area_swiper_box .PD_slide {min-width: inherit;}
.Area_banner2 .Area_swiper_box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0!important;}
}
@media screen and (max-width:767px){
.Area_banner2{width:100%;/* height: 60vw; *//* padding: 0vw 0 4vw 0; *//* margin: 0 0 5vw 0; */box-sizing:border-box;}
.Area_banner2 .PD_layout {overflow: hidden;width: 100%;margin: 0vw auto;}
.Area_banner2 .Area_swiper_box ul {display: flex;grid-gap: 0;padding:0;height: 42vw;} 
.Area_banner2 .Area_swiper_box ul li img{width: 99%;height: 100%;}  
}


/* 熱搜話題*/
@media screen and (min-width:768px){

	.Area_coupon03 {}

	.Area_coupon03 .bg_01{z-index: -3;position:absolute;top: -158px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;}
	.Area_coupon03 .bg_02{z-index: -5;position:absolute;top: 105px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_coupon03 .bg_03{z-index: -1;position:absolute;bottom: -119px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;}


	.Area_coupon03 .text  {margin-bottom: 3vw;margin: 141px auto -6px;}
	.Area_coupon03 .layout_coupon ul{width: 93%  !important;margin: 25px auto 0 !important;}
	.Area_coupon03 .PD_layout {width: 83%;margin: auto;}

	.Area_coupon03 .box{margin-bottom: 105px;}
	/**區標**/	
	.Area_coupon03 .text {position:relative;}
	.Area_coupon03 .text .layout_text {width: 60%;margin: 1px auto 31px;padding-top: 102px;}
	.Area_coupon03 .text .layout_text ul {margin:0;padding:0;}
	.Area_coupon03 .text .layout_text .PD_slide:hover{transform:none;}
	.Area_coupon03 .text .layout_text .PD a {pointer-events: none!important}
	



	.Area_coupon03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone{color: #000000;}
	.Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #000000;}
	.Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .threshold, .PD_layout.PD_layout-coupon3 .PD h4, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD .threshold, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD h4{color: #000000;}
	.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {
		color: #000000;
	}
	
	
}
@media screen and (max-width:767px){
	.Area_coupon03  {}

	/* .Area_coupon03 .box {position: relative;height: 100%;background-size: 100%;background: url(bb_mb_02.jpg?t=1762413359497) top center repeat-y;background-size: 100%;} */
	.Area_coupon03 .box .PD_layout ul{width: 96%;margin-top: -2vw;margin-bottom: 0vw;}
	/**區標**/	
	.Area_coupon03 .text {width: 100%;margin: -4vw auto -2vw;}
	/* .Area_coupon03 .text .PD_layout {z-index: 0;background: url(bb_mb_02.jpg?t=1762413359497) top center repeat-y;background-size: 100%;} */
	.Area_coupon03 .text .layout_text .PD_slide:hover{transform:none;}
	.Area_coupon03 .text .layout_text .PD a {pointer-events: none!important}

	.Area_coupon03 .Area_swiper{} 
	.Area_coupon03 .Area_swiper .Area_swiper_box{height: 22vw;} 

	.Area_coupon03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone{color: #000000;}

	.Area_coupon03 .layout_coupon{padding-top: 1vw;}
	.Area_coupon03 .text .PD_layout ul {padding: 0;}
	.Area_coupon03 .text .PD_layout ul li .PD_img{width: 100%;padding-top: 3vw;padding-bottom: 1vw;}

	.Area_coupon03 .PD_layout ul{width: 100%  !important;margin: auto!important;}
	.Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #000000;}
	.Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .divine_coupon1{top: 44%;}
	.Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .threshold, .PD_layout.PD_layout-coupon3 .PD h4, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD .threshold, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD h4{color: #000000;}
	.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {
		color: #000000;
	}
}

@media screen and (min-width: 768px) {
	.Area_item { height: 100%; }
	.Area_item .bg_01{z-index: -1;position:absolute;top: -278px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;}
	.Area_item .bg_02{z-index: -5;position:absolute;top: -4px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_item .bg_03{z-index: -1;position:absolute;bottom: -119px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;}

	.Area_item .saleBg {position: absolute;width: 100%;left: 0px;top: 30vw;z-index: 0;pointer-events: none;}

	.Area_item .text { position: relative; }
	.Area_item .text .layout_text {width: 71%;margin: 0px auto 122px;padding-top: 90px;}
	.Area_item .text .layout_text ul { margin: 0px; padding: 0px; }
	.Area_item .text .layout_text .PD_slide:hover { transform: none; }
	.Area_item .text .layout_text .PD a { pointer-events: none !important; }

	.Area_item .layout_PD {width: 960px;margin: 110px auto 110px!important;padding: 0px !important;}
	.Area_item .layout_PD ul { margin: 0px; padding: 0px; }
	/* .Area_item .layout_PD ul li:nth-child(2n+1) {background: url("mo_item_bg03.png?t=1749727450052") center top / 100% no-repeat;padding-bottom: 0px;height: 620px;} */
	/* .Area_item .layout_PD ul li:nth-child(2n) {background: url("mo_item_bg02.png?t=1749727450052") center top / 100% no-repeat;height: 461px;} */
	.Area_item .layout_PD ul li a { color: rgb(255, 255, 255); }
	.Area_item .layout_PD ul li:hover { box-shadow: none; }
	.Area_item .layout_PD ul li:nth-child(2n+1) .PD_img {width: 63%;position: relative;top: 79px;left: -71px;}
	.Area_item .layout_PD ul li:nth-child(2n) .PD_img {width: 55%;position: relative;left: 431px;top: 15px;}
	.Area_item .layout_PD ul li:nth-child(2n+1) .PD_into {width: 36%;position: absolute;top: 220px;left: 490px;text-align: left !important;}
	.Area_item .layout_PD ul li:nth-child(2n) .PD_into {width: 36%;left: 205px;position: absolute;top: 148px;text-align: left;}
	.Area_item .layout_PD ul li .PD h3 {font-size: 33px;color: rgb(245 245 245);}
	.Area_item .layout_PD ul li .PD h4 {font-size: 27px;color: rgb(245 245 245);}
	.Area_item .layout_PD ul li .PD p {color: #ffe15d;overflow: inherit;line-height: 3em;margin-top: 18px;text-align: center;}
	.Area_item .layout_PD ul li .js-PD_del {color: rgb(245 245 245);font-size: 22px;}
	.Area_item .layout_PD ul li .PD p .Price {font-size: 98px;}
	.Area_item .layout_PD ul li .PD p .money {font-size: 50px;}
	.Area_item .layout_PD ul li .PD:hover h4 { color: rgb(173, 71, 71) !important; }
	.Area_item .bottom03 { position: relative; height: 30px; width: 2000px; left: -390px; margin-bottom: 0px; }
}
@media screen and (max-width: 767px) {
	.Area_item {z-index: 99;background-size: 100%;}
	.Area_item .deco { position: absolute; width: 100%; left: 0px; top: -10vw; z-index: 5; pointer-events: none; }

	.Area_item .saleBg {position: absolute;width: 95%;left: 3vw;top: 45vw;z-ind;z-index: 0;er-events: none;}

	.Area_item .text { position: relative; z-index: 9; margin-bottom: 0vw; }
	.Area_item .text .layout_text {width: 100%;margin: 2.5vw auto -15vw;padding-top: 7vw;top: 0vw;}
	.Area_item .text .layout_text ul { margin-top: -4vw; padding: 0px; }
	.Area_item .text .layout_text .PD_slide:hover { transform: none; }
	.Area_item .text .layout_text .PD a { pointer-events: none !important; }
	/* .Area_item .layout_PD {width: 100%;margin-top: 0vw;padding-top: 5vw;padding-bottom: 0vw;background: url(bb_mb_02.jpg?t=1762413359497) top center repeat-y;} */
	.Area_item .layout_PD ul { margin: 0px; padding: 0px; }
	/* .Area_item .layout_PD ul li:nth-child(2n+1) {background: url("mo_item_bg03.png?t=1749727450052") center top / 94% no-repeat;padding-bottom: 2vw;height: 54vw;left: 0vw;} */
	/* .Area_item .layout_PD ul li:nth-child(2n) {background: url("mo_item_bg02.png?t=1749727450052") center top / 113% no-repeat;height: 54vw;left: -5vw;} */
	.Area_item .layout_PD ul li a { color: rgb(255, 255, 255); }
	.Area_item .layout_PD ul li:hover { box-shadow: none; }
	.Area_item .layout_PD ul li:nth-child(2n+1) .PD_img {width: 68%;position: relative;left: -9vw;top: 5vw;}
	.Area_item .layout_PD ul li:nth-child(2n) .PD_img {width: 68%;left: 41vw;position: relative;top: -1vw;}
	.Area_item .layout_PD ul li:nth-child(2n+1) .PD_into {width: 42%;position: absolute;right: 11vw;top: 19vw;text-align: left !important;}
	.Area_item .layout_PD ul li:nth-child(2n) .PD_into {width: 42%;position: absolute;top: 16vw;right: 41vw;text-align: left !important;}
	.Area_item .layout_PD ul li .PD p {color: #ffe15d;margin-top: 1vw;text-align: center;height: 14vw;}
	.Area_item .layout_PD ul li .PD p .money { font-size: 21px; }
	.Area_item .layout_PD ul li .PD p .Price {font-size: 41px;}
	.Area_item .layout_PD ul li .PD h3 {color: rgb(250 250 231);}
	.Area_item .layout_PD ul li .PD h4 {color: rgb(250 250 231);}
	.Area_item .layout_PD ul li .js-PD_del {color: rgb(250 250 231);font-size: 0.7rem;}
	.Area_item .layout_PD ul li .PD:hover h4 { color: rgb(255, 255, 255) !important; }
}


/*館*/
@media screen and (min-width:768px){
	.Area_guan {height:100%;}


	/**區標**/	
	.Area_guan .text{width: 68%;margin: 68px auto -5px;}
	.Area_guan .text .layout_text {margin:0 auto;padding-top: 0px;}

	.Area_guan .text .layout_text .PD_slide:hover{transform:none;}
	.Area_guan .text .layout_text .PD a {pointer-events: none!important}
	
	/*按鈕*/		
	.Area_guan .layout_btn {width: 88%!important;margin: 8px auto 42px auto;}
	.Area_guan .layout_btn ul {}
	.Area_guan .layout_btn ul li{}
	.Area_guan .layout_btn02 {width: 52%!important;margin: -178px auto 13px auto;}
	.Area_guan .layout_btn03 {width: 80%!important;margin: -173px auto 0px auto;}


	.Area_guan .layout_btn04 {width: 52%!important;margin: -160px auto 21px auto;}

	.Area_guan .PD_layout ul {}
	.Area_guan .PD_layout ul li {padding: 6px;}

}
@media screen and (max-width:767px){
	.Area_guan {height:100%;}


	.Area_guan .PD_layout {}
	

	/*按鈕*/		
	.Area_guan .layout_btn {width: 97%!important;margin: auto;padding-bottom: 6vw;padding-top: 0vw;}
	.Area_guan .layout_btn ul {width: 100% !important;margin: auto !important;}
	.Area_guan .layout_btn ul li{padding: 1vw;}



	/**區標**/	
	.Area_guan .text {position:relative;width: 100%;margin:0 auto 4vw;}
	.Area_guan .text .layout_text {padding-top: -3vw;}
	.Area_guan .text .layout_text .PD a {pointer-events: none!important}
	.Area_guan .layout_btn ul li:nth-child(even){
}
	
}

/* 設定css背景與偽元素的css背景，讓首屏以外的css背景先被隱藏 */
/* css寫法--1104修正 (1)空格異常重KEY、(2)新增第四行*-全部元素背景 */
.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;}



/* 設定css背景與偽元素的css背景，讓首屏以外的css背景先被隱藏 */
/* scss寫法--1104修正 (1)空格異常重KEY、(2)新增第四行*-全部元素背景 */
.articleList .lazy[data-bg=""][data-was-processed="false"] {
  &, &::before, &::after, & *, & *::before, & *::after {
    background-image: none !important;
  }
}