@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: #3167c2; 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: -2;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:3150px; 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: 520px;min-width:1220px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.guan_bg {z-index: 0;position:absolute;top: -100px;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=1752054848469) center 100% / 100% repeat-y;pointer-events:none}
		.mArea01_bg {z-index:-1;position:absolute;top: ;width:100%;height: 60vw;background: url(mArea01_bg.png?t=1752054848469) center 100% / 100% no-repeat scroll;pointer-events:none}			
		.mguan_bg {z-index: 0;position:absolute;top: -14vw;width:100%;height: 100vw;background: url(mArea_guan_bg.jpg?t=1752054848469) center 100% / 100% no-repeat scroll;pointer-events:none}	
	}
	
	
	

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

/*版頭區*/
@media screen and (min-width:768px){
	.Area_title {height: 1090px;}
	.Area_title .top_deco {position:absolute;top: 750px;left: 170px;z-index: 8;pointer-events: none;}
	.Area_title .date {position:absolute;top: 290px;left: 170px;z-index: 4;/*animation:fireworks 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;*/pointer-events:none;}
	.Area_title .comingsoon {position:absolute;width: 960px;height:auto;top: 0px;left: 0px}	
	.Area_title .topdeco01 {position:absolute;left: 150px;top: 205px;z-index: 9;animation:fireworks 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;pointer-events:none;}
	.Area_title .topdeco02 {position:absolute;right: 295px;top: 6px;z-index: 1;animation:fireworks 0.7s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;pointer-events:none;}
	.Area_title .topdeco03 {position:absolute;right: 70px;top: 205px;z-index: 1;animation:fireworks 1.1s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;pointer-events:none;}


}
@media screen and (max-width: 767px){
	.Area_title {height: 135vw;}
	.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: 18%;top: 30vw;left: 18vw;z-index: 4;/*animation:fireworks 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;*/pointer-events:none;}
	.Area_title .comingsoon {position: absolute;top: 0vw;}
	.Area_title .topdeco01 {position:absolute;width: 10%;top: 24vw;left: 16vw;z-index: 1;animation:fireworks 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;pointer-events:none;}
	.Area_title .topdeco02 {position:absolute;width: 4.5%;top: 1vw;left: 66vw;z-index: 1;animation:fireworks 0.7s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;pointer-events:none;}
	.Area_title .topdeco03 {position:absolute;width: 10%;top: 22vw;left: 82vw;z-index: 1;animation:fireworks 1.1s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;pointer-events:none;}}	



/*主標入稿*/
@media screen and (min-width:768px){
	/*主標*/		
	.Area_title .typetitle {position:absolute;width: 960px;height:auto;top: 0px;left: 0px;z-index: 7;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	
	/*主標*/		
	.Area_title .subtitle {position:absolute;width: 960px;height:auto;top: 0px;left: 0px;z-index: 7;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	
	/*副標輪播*/	
	.Area_title .titile02 {position:absolute;width: 960px;top: 0px;left: 0px;overflow: hidden;z-index:18;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	.Area_title .titile02 .PD_layout ul {display:flex;}
	.Area_title .titile02 .PD_slide:hover{transform:none;}
	.Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	

	/*版頭品入稿*/
	.Area_title .Area_PD1 {position:absolute;top: 520px;width: 960px;left: 0px;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li {border: solid 1px #000000 !important;}
}

@media screen and (max-width:767px){
	/*主標*/	
	.Area_title .typetitle {position: absolute;top: 0vw;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}

	/*主標*/	
	.Area_title .subtitle {position: absolute;top: 0vw;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}

	/*副標輪播*/	
	.Area_title .titile02 {position:absolute;width: 100%;top: 0vw;left: 0vw;overflow: hidden;/*animation:big 0.8s .2s ease-out forwards, brightness-play 3s 0.5s ease-in-out infinite;*/}
	.Area_title .titile02 .PD_layout ul {display:flex;}
	.Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}

	/*版頭品入稿*/
	.Area_title .Area_PD1 {position:absolute;width: 100%;top: 52vw;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li {border: solid 1.5px #000000 !important;}

}


/*活動倒數*/
.TimerNick {position: absolute;top: 970px;left: 260px;display: inline-block;z-index: 8;text-align: center;color:#3467c0;}
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 10px;padding: 0;border: 0;font: bold 51px/40px Arial;letter-spacing: 0px;text-align: center;}
.TimerNick span { padding-left: 2px;font: bold 29px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.025em;}
    @media screen and (max-width:767px){
      .TimerNick  {width: 100%;top: 125vw;left:0vw;}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 6vw/0vw Arial;}
      .TimerNick span {padding-left: 0;font: bold 4vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;/*letter-spacing: -0.05em;*/}
    }




/*攻略*/
@media screen and (min-width:768px){
	.Area_act {height: 100%;}
	.Area_act { background: url(Area_act_bg.png?t=1752054848469)top center no-repeat; background-size:100%; height:auto;}
	.Area_act .layout_coupon ul {width:100% !important;margin: 0 auto !important;}

    .Area_act .PD_layout .PD_slide:hover {transform:translateY(-6px);}
    .Area_act .PD_layout .PD_slide:hover { box-shadow:unset;}

	/**區標**/	
	.Area_act .text {width: 960px;margin: auto;position: absolute;z-index: 9;left: 130px;}	
	.Area_act .box .PD_layout {width: 960px;margin:0 auto;}	

	.Area_act .box01  {width: 100%;}	
	.Area_act .box02  {width: 100%;padding-top: 45px;}	
	.Area_act .box03  {width: 100%;padding-top: 35px;}	
	.Area_act .box04  {width: 100%;padding: 36px 0;}	


	/**攻略123**/
	.Area_act .no1  {position: absolute;width: auto;left: 0;top: 586px;pointer-events: none;z-index: 6;}	
	.Area_act .no2  {position: absolute;width: auto;left: 0;top: 820px;pointer-events: none;z-index: 6;}	
	.Area_act .no3  {position: absolute;width: auto;left: 0;top: 1070px;pointer-events: none;z-index: 6;}	

	.Area_act .box03 .PD_layout ul {background: none;row-gap: 10px;padding: 0 30px;}
	.Area_act .box03 .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;}

}

@media screen and (max-width:767px){
	.Area_act { background: url(mArea_act_bg.png?t=1752054848469)top center no-repeat; background-size:100%; height:auto;}
	.Area_act .box00 .PD_layout[ data-pd-li="BN" ] ul {padding: 0;}	
	.Area_act .PD_layout {width: 100%;margin: auto;}

	/**區標**/
	.Area_act .text {width: 100%;position: absolute;z-index: 9;}	
	
	.Area_act .box01  {width: 100%;}	
	.Area_act .box02  {width: 100%;padding-top: 5vw;}	
	.Area_act .box03  {width: 100%;padding-top: 2vw;}	
	.Area_act .box04  {width: 100%;padding: 2vw 0 3vw;}	

	/**攻略123**/
	.Area_act .no1  {position: absolute;width: 15%;left: -1vw;top: 62vw;}	
	.Area_act .no2  {position: absolute;width: 15%;left: -1vw;top: 89vw;}	
	.Area_act .no3  {position: absolute;width: 15%;left: -1vw;top: 115vw;}	

	.Area_act .box03 .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;}

}


/*登記左右縮2%*/
.Area .Area_danji {width: 92%;}
@media screen and (max-width:767px){
	.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: #d39500;}

/*登記贈品文案顏色01*/
.danji1 .danji_box ul li .activityText .gifts span {color: #3167c2;}

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


/*Area01*/	
@media screen and (min-width:768px){
	.Area01 .Areatitle{position: relative;z-index:2;top: -85px;margin: 0 auto;width: 100%;}	  
	.Area01 {position: relative;width:100%;height: 460px;margin:5% auto;z-index: 1}
	.Area01 .Area_swiper{position: absolute;width: 910px;overflow: hidden;padding: 210px 0 260px 263px;top: 0;height: 300px;}	
	.Area01 .Area_swiper .PD_layout ul{display: flex;}
	.Area01 .Area_swiper .PD_layout ul li{background: url(A02_pdbg.png?t=1752054848469);background-size: 100%;}	
	.A02btn{position: relative;width: 245px;z-index: 2;top: 10px;left: 2px;}
	.Area01 .swiper-pagination{bottom:-40px!important;}
	}
	
	
	@media screen and (max-width:767px){
	.Area01 .Areatitle{position: relative;z-index:2;top:0vw;margin: 0 auto;width: 100%;}	  
	.Area01 {position: relative;width:100%;height:60vw}
	.Area01 .Area_swiper{position: absolute;width: 97vw;overflow: hidden;padding: 21vw 0 0 25vw;top: 0;height: 56vw;}	
	.Area01 .Area_swiper .PD_layout ul{display: flex;}
	.Area01 .Area_swiper .PD_layout ul li{background: url(A02_pdbg.png?t=1752054848469);background-size: 100%}	
	.A02btn{position: relative;width: 25%;z-index: 2;top: 8vw;left: 0vw;}
	.Area01 .swiper-pagination{bottom:-9vw!important;}	  
	}










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

@media screen and (min-width:768px){
	.Area02:before{
		z-index: 0;
		content: "";
		width: 2000px;
		height: calc(100% + 80px);
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -35px;
		background: url(Area02_boxstyle_top.jpg?t=1752054848469) top center / 100% no-repeat, url(Area02_boxstyle_bottom.jpg?t=1752054848469) bottom center / 100% no-repeat, url(Area02_boxstyle_center.jpg?t=1752054848469) bottom center / 100% repeat-y;
		}
    .Area02 .PD_layout.layout_item {padding: 0;}
    .Area02 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
    .Area02 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area02 .PD_layout.layout_item .PD_slide {height: 540px;padding:0;margin: 0 0 30px 0;}
    .Area02 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {width: 42%;padding-left:0;position: absolute;left: 75px;top: 145px;text-align:center;font-size: 1em;}
    .Area02 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {width: 42%;padding-left:0;position: absolute;right: 75px;top: 145px;text-align:center;font-size: 1em;}
    .Area02 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 48%;margin: 4% 0 0% 48%;box-shadow: unset;}
    .Area02 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 48%;margin: 4% 48% 0% 4%;box-shadow: unset;}    
    .Area02 .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 2em;font-weight: 800;font-size: 3em;line-height: 1em;color: #000000;font-family: "Noto Sans CJK ";}
    .Area02 .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2.8em;color: #000000;overflow: hidden;max-height: 3em;line-height: 1.2em;}
	.Area02 .PD_layout.layout_item .PD p {padding: 10% 0;height: 6em;line-height: 2em;font-size: 2em;}
	.Area02 .PD_layout.layout_item .PD p .Price {font-size: 2.5em;text-align: left;}
	.Area02 .PD_layout.layout_item li:nth-of-type(odd){background: url("layout_itembg1.png?t=1752054848469") center top / 100% no-repeat scroll;}	
	.Area02 .PD_layout.layout_item li:nth-of-type(even){background: url("layout_itembg2.png?t=1752054848469") center top / 100% no-repeat scroll;}	
	
	.Area02 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo {width: 200px;height: 200px;margin-bottom: 1em;}
	.Area02 .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){
	.Area02:before{
		z-index: 0;
		content: "";
		width: 100vw;
		height: calc(100% - -8vw);
		position: absolute;
		left: 0;
		top: -3vw;
		background: url(mArea02_boxstyle_top.jpg?t=1752054848469) top center / 100% no-repeat, url(mArea02_boxstyle_bottom.jpg?t=1752054848469) bottom center / 100% no-repeat, url(mArea02_boxstyle_center.jpg?t=1752054848469) bottom center / 100% repeat-y;
		}
    .Area02 .PD_layout.layout_item {}
    .Area02 .PD_layout.layout_item ul {padding-left:0; padding-right:0;}
    .Area02 .PD_layout.layout_item li {width: 100%;margin: 0 0 5vw 0;}
    .Area02 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
	.Area02 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {position: absolute;left: 8vw;top: 12vw;width: 40%;text-align:center;font-size: 0.9em;}
    .Area02 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {position: absolute;right: 8vw;top: 12vw;width: 40%;font-size: 0.9em;text-align:center;}
    .Area02 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 48%;margin: 4% 0 0 48%;box-shadow: unset;}
    .Area02 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 48%;margin: 4% 0 0 4%;box-shadow: unset;}
    .Area02 .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: #000000;}
    .Area02 .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 1.3em;color: #000000;margin: 0;line-height: 2em;font-weight: 700;max-height: 3em;}
    .Area02 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p del {top: -2vw;left: 6vw;color: #a4a4a4;}
    .Area02 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p del {top: -2vw;left: 6vw;color: #a4a4a4;}
	.Area02 .PD_layout.layout_item .PD p {position: relative;top: 5vw;height: 4em;line-height: 2em;}
	.Area02 .PD_layout.layout_item .PD p .Price {font-size: 1.8em;text-align: left;background-image: repeating-linear-gradient(179deg, #3767bc 10%, #3767bc 109%) !important;}
	.Area02 .PD_layout.layout_item .PD p .money {background-image: repeating-linear-gradient(179deg, #3767bc 10%, #3767bc 109%) !important;}
	.Area02 .PD_layout.layout_item .PD p .js-PD_priceTxt {background-image: repeating-linear-gradient(179deg, #3767bc 10%, #3767bc 109%) !important;}
	.Area02 .PD_layout.layout_item .PD p .js-PD_unit {background-image: repeating-linear-gradient(179deg, #ffd6a4 10%, #ffd6a4 109%) !important;}
	
	
	.Area02 .PD_layout.layout_item li:nth-of-type(odd){height: 55vw;background: url("layout_itembg1.png?t=1752054848469") center top / 100% no-repeat scroll;}	
	.Area02 .PD_layout.layout_item li:nth-of-type(even){height: 55vw;background: url("layout_itembg2.png?t=1752054848469") center top / 100% no-repeat scroll;}	
	.Area02 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo {width: 5em;height: 5em;}
	.Area02 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img{border-radius: 1em;border: 0px solid #dadada;box-shadow: none;}
}


.Area02 .PD_layout[data-pd-h4="1"] .PD h4 b {font-weight: inherit; display: block; max-height: 1.5em; overflow: hidden;}
.Area02 .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){
.Area02 .PD_layout[data-pd-h4="1"] .PD h4 b {font-weight: inherit; display: block; max-height: 1.5em; overflow: hidden;}
.Area02 .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;}
}
	

/*03*/
.Area03 {margin-bottom: 150px !important;}
@media screen and (max-width:767px){
	.Area03 {margin-bottom: 15vw !important;}
}

/*04*/
.Area04 .box {padding-bottom: 0;}
.Area04 .text {width: 100%; margin: 0;}
.Area04:before{
	z-index: 0;
	content: "";
	width: 2000px;
	height: calc(100% + 100px);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -70px;
	background: url(Area04_boxstyle_top.png?t=1752054848469) top center / 100% no-repeat, url(Area04_boxstyle_bottom.png?t=1752054848469) bottom center / 100% no-repeat, url(Area04_boxstyle_center.png?t=1752054848469) bottom center / 100% repeat-y;
}

@media screen and (max-width:767px){
.Area04 .text {width: 100%; margin: 0; }
.Area04 .box {width: 100%; height:100%;padding-bottom: 10vw;}
.Area04:before{
	z-index: 0;
	content: "";
	width: 100vw;
	height: calc(100% + 13vw);
	position: absolute;
	top: -8vw;
	background: url(mArea04_boxstyle_top.png?t=1752054848469) top center / 100% no-repeat, url(mArea04_boxstyle_bottom.png?t=1752054848469) bottom center / 100% no-repeat, url(mArea04_boxstyle_center.png?t=1752054848469) bottom center / 100% repeat-y;
	}
}

/*05*/
.Area05 {margin-bottom: 150px !important;}
@media screen and (max-width:767px){
	.Area05 {margin-bottom: 15vw !important;}
}


/*06*/
.Area06 .box {padding-bottom: 0;}
.Area06 .text {width: 100%; margin: 0;}
.Area06:before{
	z-index: 0;
	content: "";
	width: 2000px;
	height: calc(100% + 100px);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -70px;
	background: url(Area04_boxstyle_top.png?t=1752054848469) top center / 100% no-repeat, url(Area04_boxstyle_bottom.png?t=1752054848469) bottom center / 100% no-repeat, url(Area04_boxstyle_center.png?t=1752054848469) bottom center / 100% repeat-y;
}

@media screen and (max-width:767px){
.Area06 {padding-bottom: 10vw;}
.Area06 .text {width: 100%; margin: 0; }
.Area06 .box {width: 100%; height:100%;padding-bottom: 8vw;}
.Area06:before{
	z-index: 0;
	content: "";
	width: 100vw;
	height: calc(100% + 20vw);
	position: absolute;
	top: -8vw;
	background: url(mArea04_boxstyle_top.png?t=1752054848469) top center / 100% no-repeat, url(mArea04_boxstyle_bottom.png?t=1752054848469) bottom center / 100% no-repeat, url(mArea04_boxstyle_center.png?t=1752054848469) bottom center / 100% repeat-y;
	}
}




/*07*/
@media screen and (min-width:768px){
	.Area07 {margin-bottom: 3%;}
	.Area07 .Areatitle img{width: 70%}	  
	.Area07 .PD_layout.PD_layout-D1_02B ul li{border: none;background-color: #ffffff00;}
	.Area07 .PD_layout {margin: 0 2%;}
	.Area07 .PD_layout ul {padding-left: 0px;padding-right: 0px;}
	.Area07 .Area07_box .box {background-color: #ffdd95;width: 96%;margin: 2% 2% 6%;padding: 0 0 2% 0;}
	.Area07 .Area07_box {display: flex;padding: 0 1.5%}
	.Area07 .Area07_box .box_{margin: 0 1% 3%;width: 50%}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B {padding-top: 0px;height: 72px;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B .PD a{align-items: flex-end;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B ul{background-color:#ffffff00;padding: 0;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B ul::before{content: '';position: absolute;width: 100%;height: 190px;background: url("A07_titlebg.png?t=1752054848469")center 110% / 100% no-repeat scroll;bottom: 0;left: 0;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B .PD_img{margin: 2.5% 0% 2% 19%;max-height: 85px;max-width: 128px;overflow: hidden;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B .PD_into {width:70%;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B .PD_into h3{font-size: 25px;margin: 0;padding:0;color: #000000;background-color: #ffffff00;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B .PD img {width:80%;}
	}
	
	
	@media screen and (max-width:767px){
	.Area07 {margin-bottom: 3%;}
	.Area07 .Area07_box .box {background-color: #ffdd95;width: 96%;margin: 2% 2% 6%;padding: 0 0 4% 0;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B {padding-top: 0vw;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B .PD a{align-items: flex-end;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B ul{background-color:#ffffff00;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B ul::before{content: '';position: absolute;width: 100%;height: 18vw;background: url("A07_titlebg.png?t=1752054848469") no-repeat;background-size: 100%;bottom: 0;left: 0;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B .PD_img{margin: 0 0 1% 20%;max-height: 15vw;max-width: 20vw;overflow: hidden;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B .PD_into {width: 60%;left: 45%;position: absolute;}
	.Area07 .Area07_box .box_ .PD_layout.PD_layout-D1_02B .PD_into h3{font-size: 5vw;margin: 0;padding:0;color: #000000;background-color: #ffffff00;}
	.Area07 .Area07_box .PD_layout-D1_02B .PD_slide {background-color: #ffffff00;}	
	}
	
	
	

	
	









/*bn*/
.Area_bn {position: relative; margin: 0 auto 10%;max-height: 410px;}
.Area_bn .box{width: 100%;margin: 0 auto;margin-bottom: 80px}
.Area_bn .box ul.PD_wrapper { position: relative; display: flex; flex-wrap: nowrap; margin: 0; width: 100%; }
.Area_bn .PD_layout{width: 100%; padding-top: 5%;overflow: hidden;}
  @media screen and (max-width:767px){
.Area_bn {position: relative;width: 100%; padding-top: 10%;margin-bottom: 20%;}	
.Area_bn .box{width: 96%;margin: 0 auto;margin-bottom: 5vw;}	  
.Area_bn .box ul.PD_wrapper {max-height: 40vw; }	  
}	

/*logo*/
@media screen and (min-width:768px){
	.Area_logo {position: relative; margin: 0 auto 10%;max-height: 410px;}
	.Area_logo .box{width: 100%;margin: 0 auto}
	.Area_logo .PD_layout ul{grid-gap:20px;}
	.Area_logo .bg{display: none;}
	}
	
	  @media screen and (max-width:767px){
	.Area_logo {position: relative;width: 100%; padding-top: 10%;margin-bottom: 15% !important}
	.Area_logo .box{width: 96%;margin: 0 auto}	  
	.Area_logo .PD_layout ul{grid-gap: 3vw;}
	.Area_logo .bg{position: absolute;top: -10vw;}
	}
	
	




/*旗艦館*/
@media screen and (min-width:768px){
	.Area_guan {height: 500px;z-index: 5;top: 79px;}	
	.Area_guan .PD_layout .PD_slide:hover {transform:translateY(-6px);}
    .Area_guan .PD_layout .PD_slide:hover { box-shadow:unset;}

	/**區標**/	
	.Area_guan .text {position:relative;width: 100%;margin: 40px auto;padding: 0;}
	.Area_guan .bg{display: none;}
}
@media screen and (max-width:767px){
	.Area_guan {height:100%;/* background: url(bg_02.jpg?t=1752054848469) top center; */;}
	/**區標**/	
	.Area_guan .text {position:relative;width: 96%;margin: 40px auto 50px;}	
	.Area_guan .bg{position: absolute;top: -10vw;z-index: -1;}
}


/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .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;}
  .Area .remove_box_style ul {}
}


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

.Area_msg {
    color: #fff !important
}

@media screen and (max-width: 767px) {
    .Area_msg {
        color:#fff !important
    }

    .Area_msg_PDmark {
        color: #fff !important
    }

    .Area_msg_apple {
        color:#fff !important
    }
}

@media screen and (min-width:768px){
	.Area_msg_tiktok {text-align:center;padding: 0 10px 10px 10px;font:12px/18px Helvetica; position: relative;}
	}
	@media screen and (max-width:767px){
	.Area_msg_tiktok {text-align:center; padding: 0 10px 10px 10px;font:12px/18px Helvetica; position: relative;}
	}
	
	

/*區塊_all*/
.Area1220 {margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
		  
		  
.WRAPPER .go_bt1 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  

		  
	@media screen and (max-width:767px){
		.Area1220 {width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}

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

@media screen and (max-width:767px){
	.Area_top {z-index: 1;}
	.Area_top .momologo {top: 5vw;left: 4vw;}
	.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;}
	}


/*區塊底*/
@media screen and (min-width:768px){
	.Area_bottom {margin-bottom: 80px;}
	}
	@media screen and (max-width: 767px){
	.Area_bottom {margin-bottom: 5vw }
	}