@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:3000px; 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;}
	.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=1752644231744) center 100% / 100% repeat-y;pointer-events:none}
		.mArea01_bg {z-index:-1;position:absolute;top:;width:100%;height: 85vw;background: url(mArea01_bg.png?t=1752644231744) 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=1752644231744) 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=1752644231744)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=1752644231745)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;}

}





/*Area01*/	
@media screen and (min-width:768px){
	.Area01 {position: relative;height:740px;margin:5% auto;z-index: 1}		 
	.Area01 .Area_coupon .PD_layout ul {background: none;row-gap: 10px;padding: 0 30px;}
	.Area01  .kind  {position:relative;width: 100%;margin: 30px auto;list-style:none;display:flex;flex-wrap:wrap;box-sizing: border-box;}
	.Area01  .kind h4 {font-size: 30px;color: #fff;margin: 0;padding: 0;}
	.Area01  .kind li {position: relative;width: 13%;margin: 0 1.1%;padding: 7px 4px 8px 2px;background-color: #fe9843;border-radius: 30px;}
	.Area01  .kind li.selected {background-color: #3167c2;}
	.Area01  .kind li:nth-last-child(n+2)::before{content:'>';width: 1px;height: 32px;position: absolute;top: 7px;left: 126px;color: #fe9843;font-weight: 800;font-size: 28px;}
	.Area01 h3{font-size: 30px;margin: 15px 0;}	  
	}
	
	@media screen and (max-width:767px){
	.Area01 {position: relative;width: 100%;height: 80vw}

	.Area01 .kind  {position:relative;width: 105%;left: 0%;margin:0;list-style:none;display:flex;flex-wrap:wrap;padding:0;box-sizing: border-box;}
	.Area01 .kind h4 {font-size: 4vw;color: #fff;margin: 0;padding: 0;}
	.Area01 .kind li {position: relative;width: 9.9%;margin: 1% 1.1%;padding: 0vw 2vw 0vw 2vw;background-color: #fe9843;border-radius: 5vw;font-family: "Century Gothic";}
	.Area01 .kind li.selected {background-color: #3167c2;}
	.Area01 .kind li:nth-last-child(n+2)::before{content:'>';width: 2vw;height: 2vw;position: absolute;top: 0.5vw;left: 14.4vw;color: #fe9843;font-weight: 800;font-size: 4vw;}
	.Area01 h3{font-size: 4vw;margin: 0;}
	
	}




/*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=1752644231745) top center / 100% no-repeat, url(Area02_boxstyle_bottom.jpg?t=1752644231745) bottom center / 100% no-repeat, url(Area02_boxstyle_center.jpg?t=1752644231745) 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=1752644231745") center top / 100% no-repeat scroll;}	
	.Area02 .PD_layout.layout_item li:nth-of-type(even){background: url("layout_itembg2.png?t=1752644231745") 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=1752644231745) top center / 100% no-repeat, url(mArea02_boxstyle_bottom.jpg?t=1752644231745) bottom center / 100% no-repeat, url(mArea02_boxstyle_center.jpg?t=1752644231745) 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=1752644231745") center top / 100% no-repeat scroll;}	
	.Area02 .PD_layout.layout_item li:nth-of-type(even){height: 55vw;background: url("layout_itembg2.png?t=1752644231745") 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=1752644231745) top center / 100% no-repeat, url(Area04_boxstyle_bottom.png?t=1752644231745) bottom center / 100% no-repeat, url(Area04_boxstyle_center.png?t=1752644231745) 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% + 4vw);
	position: absolute;
	top: -8vw;
	background: url(mArea04_boxstyle_top.png?t=1752644231745) top center / 100% no-repeat, url(mArea04_boxstyle_bottom.png?t=1752644231745) bottom center / 100% no-repeat, url(mArea04_boxstyle_center.png?t=1752644231745) bottom center / 100% repeat-y;
	}
}



/*05*/
@media screen and (min-width:768px){
	.Area05 .bg{display: none;}
	.Area05 .text {width: 100%;margin: 0;height: 320px;}
	.Area05 .Area_PD2 {margin: 0;height: 530px;}
	.Area05 .Area_PD9 {margin: 0 0 40px;}

	}
	
	  @media screen and (max-width:767px){
	.Area05 .bg{position: absolute;top: 0vw;}
	.Area05 .text {width: 100%; margin: 0 0 3vw; }
	.Area05 .Area_PD2 {width: 100%;height: auto;margin: 0 auto;margin-bottom: 25vw;}
	.Area05 .Area_PD2 .layout_PD2{width:100%;padding: 3% 0 0%;margin: 0 auto 1vw;}

	}
	

/*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=1752644231745) 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=1752644231745) no-repeat; background-size: 100%;}
/* .Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1752644231745) 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 }
	}
		

/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}