@charset "utf-8";
/* CSS Document */

/*基本*/
body { margin: 0; padding: 0;}

/*全BOX版面*/
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0 auto; padding: 0; overflow: hidden; width: 100%; min-width: 1220px; /*background-color: #dedede;*/ text-align: left; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent;}
/*預設清單樣式*/
.Area .list_00 ul { display: inline-block; margin: 0; padding: 0;}
.Area .list_00 li { list-style: none; float: left; overflow: hidden;}
	@media screen and (max-width:767px){		
		.WRAPPER { padding-bottom: 30px; min-width: inherit; min-height: 100vh; overflow: hidden;}
		.WRAPPER img { width: 100%; height :auto;}
	}


/*背景*/
@media screen and (min-width:768px){
	.bg_01 {z-index: -1;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_repeat { z-index:-3;position:absolute;top:0px; left:0; width:100%; height:100%;background-repeat:repeat-y; background-position: center top;pointer-events:none;}
	/*.Area01_bg {z-index:-1;position:absolute;top: -55px;left: 0;width:100%;height: 900px;min-width:1220px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}*/
	}
	@media screen and (max-width: 767px){
		.bg_01 {display: none;}
		.mbg_repeat {z-index:-3;position:absolute;top:0; left:0; width:100%; height:100%;background: url(mbg_repeat.jpg?t=1778763645302) center 100% / 100% repeat-y;pointer-events:none}
		/*.mArea01_bg {z-index:-1;position:absolute;width:100%;height: 85vw;background: url(mArea01_bg.png?t=1778763645302) center 100% / 100% no-repeat scroll;pointer-events:none}*/		

	}
	
	
	

/*提醒我按鈕*/
a.mo_remind_btn {z-index:99;position: absolute!important;right: 0;top: 104vw;width: 16%;}

/*活動倒數*/
.TimerNick {position: absolute;top: 950px;right: 40px;display: inline-block;z-index:8;text-align: center;letter-spacing: 0.3em;font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;transform: rotate(-5deg);}
.TimerNick2 {position: absolute;top: 950px;right: 40px;display: inline-block;z-index:8;text-align: center;letter-spacing: 0.3em;font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;transform: rotate(-5deg);}
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 5px;padding: 0;border: 0;font-size: 38px;color: #000000;font-weight: normal;letter-spacing:1px;text-align: center;}
.TimerNick span {padding-left: 2px;font-size: 32px;letter-spacing: 0.1em;color: #000000;}
.TimerNick b { font-weight: 800;}
@media screen and (max-width:767px){
  .TimerNick  {width:100%;top: 97vw;left: 51vw;display: flex;column-gap: 0.4em;text-align: left;transform: rotate(-5deg);}
  .TimerNick2  {width:100%;top: 96vw;left: 53vw;display: flex;column-gap: 0.5em;text-align: left;transform: rotate(-5deg);}
  .TimerNick .FontStyle {margin: -0.1em 0 0 0em;padding: 0;border: 0;font-size: 1.4em;letter-spacing: .01em;color:#000000;}
  .TimerNick span {padding-left: 0;font-size: 1.2em;letter-spacing: 0em;margin-left: -0.2em;color:#000000;}
  .TimerNick span:first-child{margin-top: -0.1em;}
}     



/*版頭區*/
@media screen and (min-width:768px){
	.Area_title {height: 1080px;}
	.Area_title .top_deco {position:absolute;top: 750px;left: 170px;z-index: 8;pointer-events: none;}
	.Area_title .date {position:absolute;top: 0px;left: 0px;z-index: 4}	
	/*主標*/		
	.Area_title .title01 {position:absolute;width: 700px;height:auto;top: 0px;right: 0px;z-index: 9;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}	
	/*副標*/		
	.Area_title .subtitle {position:absolute;width: 700px;height:auto;top: -30px;right: 0px;z-index: 9;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}	
	/*副標輪播	
	.Area_title .subtitle .PD_layout ul {display:flex;}
	.Area_title .subtitle .PD_slide:hover{transform:none;}
	.Area_title .subtitle .swipwe_remove_box_style ul li {background-color:#fff0!important;}	*/


}
@media screen and (max-width: 767px){
	.Area_title {height: 115vw;z-index: 1;}
	.Area_title .Area_PD1_bg{z-index: 1;position: absolute;top: 72vw;}
	.Area_title .top_deco {position:absolute;width: 12.5%;top: 78vw;left: -3vw;z-index: 4;pointer-events:none;}
	.Area_title .date {position: absolute;width: 26%;top: 0vw;left: 0vw;}
	/*主標*/	
	.Area_title .title01 {position: absolute;width: 75%;top: 0vw;right: 0;z-index: 9;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	/*主標*/	
	.Area_title .subtitle {position: absolute;width: 75%;top: -2vw;right: 0;z-index: 9;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}

	/*副標輪播	
	.Area_title .subtitle .PD_layout ul {display:flex;}
	.Area_title .subtitle .swipwe_remove_box_style ul li {background-color:#fff0!important;}*/


}


/*版頭品*/
.Area_title .topPD {width: 960px;height: 1200px;position: absolute;top: 0px;right: 0;z-index: 0;}
.Area_title .topPD .PD_into{width: 960px;height: 580px;position: absolute;top: 0;right: 0;}
.Area_title .topPD ul.PD_wrapper {display: flex;flex-wrap: nowrap;width: 100%;box-sizing: content-box;}
.Area_title .topPD ul.PD_wrapper li {flex-shrink: 0;margin: 0;padding: 0;opacity: 0;/*transform: translateY(20px);*/}
.Area_title .topPD ul.PD_wrapper li.swiper-slide-active {opacity: 1;/*transition: .8s ease-out;transform: translateY(0);*/}


@media screen and (max-width:767px){
	.Area_title .topPD {width: 100%;height: 125vw;position: absolute;top: 0vw;z-index: 0;}
	.Area_title .topPD .PD_into{width: 100%;height: 60vw;position: absolute;top: 0;right: 0;}
}


/*輪播品公版微調*/
@media screen and (min-width: 768px) {
  .Area_title .topPD .PD_layout[ data-pd-li="BN-AWD" ] ul { padding: 0; grid-gap: 0; }

}
@media screen and (max-width: 767px) {
  .Area_title .topPD .PD_layout[ data-pd-li="BN-AWD" ] ul { padding: 0; grid-gap: 0; }

}


  

/*區標線上入稿*/
.box_txt .PD_layout ul { padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;padding: 0;width: 100%;height: 135px;justify-content: center;z-index: 0;background: url("txtbg.png?t=1778763645302") center top/ 100% no-repeat scroll;}
.box_txt img{width:100%!important;padding: 0;}
.box_txt ul li h5 {padding: 0;margin: 33px 0 20px 0;font: bold 55px / 55px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;transform: rotate(0deg);color: #ffffff;letter-spacing: 1px;text-align: center; background: linear-gradient(0deg, #000000, #000000); -webkit-background-clip: text;-webkit-text-fill-color: transparent;
  }	

}

@media screen and (max-width:767px){	
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.box_txt img{width: 100%;}
.box_txt {z-index: 50;height: auto;width: 100%!important;background: url("txtbg.png?t=1778763645302") center top/ 100% no-repeat scroll;}
.box_txt ul li h5 {font: bold 5.5vw / 5.5vw "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;margin:3vw 0 2vw 0;color: #ffffff;letter-spacing: -1px;text-align: center;/* font-style: italic; */background:linear-gradient(0deg, #000000, #000000);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	

}

/*00*/
@media screen and (min-width:768px){	
	.Area00 .bg {z-index: -3;position:absolute;top: 0px;left:0;width: 100%;height: 660px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area00 {height: 600px;}
}
@media screen and (max-width:767px){
	.Area00 .bg {position: absolute;top: 1vw;}	
	.Area00 {height: 90vw;margin-bottom: 10vw !important;}
}



/*01*/	
@media screen and (min-width:768px){	
	.Area01 .bg {z-index: -3;position:absolute;top: 0px;left:0;width: 100%;height: 868px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area01 {height: 580px;}
	
/* 內容區：只讓真的能點的元素有手指 */.Area01 .content_swiper a {cursor: pointer;}
  
}
	@media screen and (max-width:767px){
		.Area01 .bg {position: absolute;top: 1vw;}	
		.Area01 {height: 60vw;}
	}




/*攻略*/
@media screen and (min-width:768px){
	.Area_act {height: 100%;margin-bottom: 150px !important;}
	.Area_act .bg {z-index: -3;position:absolute;top: 0px;left:0;width: 100%;height: 2297px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}

	/**攻略123**/
	.Area_act .no1  {position: relative;width: auto;z-index: 6;}	
	.Area_act .no2  {position: relative;width: auto;z-index: 6;}	


	.Area_act::before,
	.Area_act::after,
	.Area_act .bg{
		content:"";
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		width:2000px;
		z-index:-1;
	}
	
	.Area_act::before{
		top:0;
		height:150px;
		background:url(Area05-bg_up.png?t=1778763645302) center top/100% no-repeat;
	}
	
	.Area_act .bg{
		top:150px;
		height:96%;
		background:url(Area05-bg_center.png?t=1778763645302) center top repeat-y;
		background-size:100% auto;
		bottom:150px;
	}
	
	.Area_act::after{
		bottom:-155px;
		height:150px;
		background:url(Area05-bg_down.png?t=1778763645302) center bottom/100% no-repeat;
	}
	



}

@media screen and (max-width:767px){
	.Area_act {position: relative; margin-bottom: 15vw !important;}
	.Area_act .bg {position: absolute;top: 1vw;}	
	.Area_act .PD_layout {width: 100%;margin: auto;}
	.Area_act::before,
	.Area_act::after,
	.Area_act .bg{
		content:"";
		position:absolute;
		left:0;
		width:100vw;
		z-index:-1;
	}
	
	.Area_act::before{
		top:0;height:30vw;
		background:url(mArea05-bg_up.png?t=1778763645302) top/100% no-repeat;
	}
	
	.Area_act .bg{
		top: 18vw;
		height: 90%;
		background:url(mArea05-bg_center.png?t=1778763645302) top/100% repeat-y;
	}
	
	.Area_act::after{
		bottom:-10vw;height:30vw;
		background:url(mArea05-bg_down.png?t=1778763645302) bottom/100% no-repeat;
}


}



/*登記左右縮2%*/
.Area .Area_danji {width: 96%;}


/*登記贈品文案顏色01*/
.Area_danji .btn_reg .activityText p {color:#000000 !important;}
.Area_danji .btn_reg .activityText .Tip { color:#5d5d5d !important;}
.Area_danji .btn_reg .content p {color:#000000 !important;} 
.Area_danji .danji_box ul li .activityText .gifts span { color: #df5c8a;}

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




/*03-主打品*/
.Area03 .bg {z-index: -3;position:absolute;top: 0px;left:0;width: 100%;height: 1300px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.Area03 .PD_layout{width: 96%;} 
.Area03 .Area_swiper_box .PD_layout li { background-color:#ffffff00;} 
@media screen and (max-width:767px){
	.Area03 .bg {position: absolute;top: 1vw;}	
	.Area03 .PD_layout{width: 96%;} 
	.Area03 .Area_swiper_box .PD_layout li { background-color:#ffffff00;} 

} 

/*04-主打品*/
.Area04 .PD_layout.layout_item .PD p b {background-image: repeating-linear-gradient(179deg, #ffadc1 10%, #ffadc1 109%) !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 1em;font-weight: 800;}	
.Area04 .PD_layout.layout_item .PD_slide .PD p del {position: absolute;color: #a4a4a4;font-size: 0.7em;top: 110px;left: 70px;text-align: right;}
.Area04 .PD_layout.layout_item .PD p .money, .Area04 .PD_layout.layout_item .PD p .Price {background-image: repeating-linear-gradient(179deg, #ffadc1 10%, #ffadc1 109%) !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 800;}

@media screen and (min-width:768px){
	.Area04 .bg {z-index: -3;position:absolute;top: 0px;left:0;width: 100%;height: 684px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
    .Area04 .PD_layout.layout_item {padding: 0;}
    .Area04 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
    .Area04 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area04 .PD_layout.layout_item .PD_slide {height: 460px;padding:0;margin: 0 0 30px 0;background-color: #00000000;}
    .Area04 .PD_layout.layout_item .PD_slide .PD_into {width: 43%;padding-left:0;position: absolute;right: 46px;top: 150px;text-align:center;font-size: 1em;}
    .Area04 .PD_layout.layout_item .PD_slide .PD_img img {width: 46%;margin: 0% 48% 0% 6%;box-shadow: unset;}    
    .Area04 .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 2em;font-weight: 800;font-size: 2.6em;line-height: 1em;color: #ffffff;font-family: "Noto Sans CJK ";}
    .Area04 .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2.6em;color: #ffffff;overflow: hidden;max-height: 3em;line-height: 1.2em;}
	.Area04 .PD_layout.layout_item .PD p {padding: 0;height: 3em;line-height: 2em;font-size: 2em;}
	.Area04 .PD_layout.layout_item .PD p .Price {font-size: 2em;text-align: left;}
	/*.Area04 .PD_layout.layout_item li{ background: url("Area04-pdbg.png?t=1778763645302") center top / 100% no-repeat scroll; }		
	.Area04 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo {width: 270px;height: 90px;margin-bottom: 2.2em;border: solid 4px #ffdd26;border-radius: 2em;background-color: #fff;}
	.Area04 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img{border-radius: 1em;border: 0px solid #dadada;box-shadow: none;}*/	
	
}
@media screen and (max-width:767px){
	.Area04 .bg {position: absolute;top: 1vw;}	
    .Area04 .PD_layout.layout_item ul {padding-left:0; padding-right:0;height: 55vw}
    .Area04 .PD_layout.layout_item li {width: 100%;margin: 0;background-color: #00000000;}
    .Area04 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
    .Area04 .PD_layout.layout_item .PD_slide .PD_into {position: absolute;right: 5vw;top: 11vw;width: 44%;font-size: 0.9em;text-align:center;}
    .Area04 .PD_layout.layout_item .PD_slide .PD_img img {width: 47%;margin: 1% 0 0 10%;box-shadow: unset;}
    .Area04 .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.5em;font-weight: bolder;font-size: 1.5em;line-height: 1.7em;margin: 0;font-family: Noto Sans CJK SC;color: #ffffff;}
    .Area04 .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 1.3em;color: #ffffff;margin: 0;line-height: 1.7em;font-weight: 700;max-height: 2em;}
    .Area04 .PD_layout.layout_item .PD_slide .PD p del {top: -2vw;left: 6vw;color: #a4a4a4;}
	.Area04 .PD_layout.layout_item .PD p {position: relative;top: 0vw;height: 4em;line-height: 2em;}
	.Area04 .PD_layout.layout_item .PD p .Price {font-size: 1.8em;text-align: left;background-image: repeating-linear-gradient(179deg, #ffadc1 10%, #ffadc1 109%) !important;}
	.Area04 .PD_layout.layout_item .PD p .money {background-image: repeating-linear-gradient(179deg, #ffadc1 10%, #ffadc1 109%) !important;}
	.Area04 .PD_layout.layout_item .PD p .js-PD_priceTxt {background-image: repeating-linear-gradient(179deg, #ffadc1 10%, #ffadc1 109%) !important;}
	.Area04 .PD_layout.layout_item .PD p .js-PD_unit {background-image: repeating-linear-gradient(179deg, #ffadc1 10%, #ffadc1 109%) !important;}
	/*.Area04 .PD_layout.layout_item li:nth-of-type(even){height: 55vw;background: url("Area04-pdbg.png?t=1778763645302") center top / 100% no-repeat scroll;}	
	.Area04 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo {width: auto;height: 3.5em;border: solid 2px #ffdd26;border-radius: 1em;background-color: #fff;}
	.Area04 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img{border-radius: 1em;border: 0px solid #dadada;box-shadow: none;}*/
}


.Area04 .PD_layout[data-pd-h4="1"] .PD h4 b {font-weight: inherit; display: block; max-height: 1.5em; overflow: hidden;}
.Area04 .PD_layout[data-pd-h4="1"] .PD h4 span {display: inline-block;-webkit-line-clamp: 1;white-space: normal;overflow: hidden;font-size: 0.8em;}
@media screen and (max-width:767px){
.Area04 .PD_layout[data-pd-h4="1"] .PD h4 b {font-weight: inherit; display: block; max-height: 1.5em; overflow: hidden;}
.Area04 .PD_layout[data-pd-h4="1"] .PD h4 span {display: inline-block;-webkit-line-clamp: 1;white-space: normal;overflow: hidden;font-size: 0.8em;}
}



/*05*/	
@media screen and (min-width:768px){	
	.Area05 .bg {z-index: -3;position:absolute;top: 0px;left:0;width: 100%;height: 1100px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area05 .PD_layout{width: 96%;} 
	.Area05 {height:1010px;}
}
@media screen and (max-width:767px){
	.Area05 .bg {position: absolute;top: 1vw;}	
	.Area05 .PD_layout{width: 96%;} 
	.Area05{height: auto;margin-bottom: 18vw !important;}

	.Area05::before,
	.Area05::after,
	.Area05 .bg{
		content:"";
		position:absolute;
		left:0;
		width:100vw;
		z-index:-1;
	}
	
	.Area05::before{
		top:0;height:30vw;
		background:url(mArea05-bg_up.png?t=1778763645302) top/100% no-repeat;
	}
	
	.Area05 .bg{
		top: 18vw;
		height: 95%;
		background:url(mArea05-bg_center.png?t=1778763645302) top/100% repeat-y;
	}
	
	.Area05::after{
		bottom:-15vw;height:30vw;
		background:url(mArea05-bg_down.png?t=1778763645302) bottom/100% no-repeat;


}}


/*06*/
.Area06 .PD_layout{width: 96%;}  
@media screen and (max-width: 767px) {	
	.Area06 .PD_layout{width: 96%;}  
}





/*07*/
.Area07 {padding: 20px 0 0 0;width: 96%;}  
.Area07 .PD_layout[data-pd-li=BN] ul { grid-gap: 20px; }  
@media screen and (max-width: 767px) {	
	.Area07 .PD_layout[data-pd-li=BN] ul { grid-gap: 1.2em; }  

}








/*版頭logo*/
.Area_top .momologo {z-index: 10;position: absolute;top: 10px;left: 0px;}
.Area_top .momologo a { display: block; width: 172px; height:74px; background: url(momo_logo_super.png?t=1778763645302) no-repeat; background-size: 100%;}
/* .Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1778763645302) no-repeat;} */

@media screen and (max-width:767px){
	.Area_top {z-index: 1;}
	.Area_top .momologo {top: 2vw;left: 3vw;}
	.Area_top .momologo a{background-size:100%;width: 20vw;height: 10vw;}
}


/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}


	
/*移除公版設定*/
.remove_box_style ul {background-color: transparent;grid-gap: 10px;}
.remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
}


/*輪播移除公版設定*/
.swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.swipwe_remove_box_style ul li { border: none!important; background-color: #ffffff00;}
.swipwe_remove_box_style ul li,
.swipwe_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
 .swipwe_remove_box_style ul { width: 100%; grid-gap: 0;}
}

/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed !important; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed !important; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,20px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}