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

/*基本*/
body{ margin:0; padding:0;    background-color: #010630;}



/*全BOX版面*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
.WRAPPER img {border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; padding-bottom:0px; }
		.WRAPPER img {  width:100%;  height:auto;}
	}
		
/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
.for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
        .for_m { display: inherit !important;}
	}


@media screen and (min-width:768px){
	.Area_txt {margin:0 auto 0px!important; }
	.Area_txt img {width:860px!important; }	  
	  }
	@media screen and (max-width:767px){
		.Area_txt {width:100% ;margin-bottom:2vw; }
		.Area_txt img {width:100%;}
	  }

	

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:block;margin: auto;} 
.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);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
			@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		
	}


/*版頭*/
.Area_top {height:940px;position: relative;}

	@media screen and (max-width:767px){
		.Area_top {height: 116vw;z-index: 0}
  	
	}



/*版頭品*/
.Area_top .top_pd {width: 80%;position:absolute; top: 440px;left: 50%; transform: translateX(-50%);height: auto;z-index: 0;}
@media screen and (max-width:767px){
		.Area_top .top_pd {width: 100vw; top: 48vw; height: auto; z-index:0;}
		.Area_top .top_pd .PD_layout {padding: 0 1.5vw; margin: 5vw auto;}
	     }



@media screen and (min-width:768px){
.title_box{margin:5% auto 2%;}	
.PDbox {position: relative;top:380px;left:0px;}
.PDbox .PD_layout ul img{width:53% !important;}

.title_sub .sub_box {width:664px;}
.title_sub .sub_box .PD_layout ul img{width:100%;}

.title_sub  {position:absolute;top: 305px;left:360px;}
}
@media screen and (max-width:767px){
.title_box{margin:3% auto 2%;}	
.PDbox {position: relative;top:47vw;left:-3vw;}
.PDbox .PD_layout ul img{width: 85% !important;padding:1vw 1vw 0 7vw;}


.title_sub  {position:absolute;top:34vw;left:19vw;}
.title_sub .sub_box {width:70vw;}
.title_sub .sub_box .PD_layout ul img{width:100%;}
}
.title_sub .sub_box ul,
.PDbox .PDbox_swiper ul{display: flex;flex-direction: row;flex-wrap: nowrap;}

  @media screen and (min-width:768px){
.main{position: absolute;top:111px;left:220px;width: 800px;}	 
.date{position: absolute;top:255px;left:255px;width: 175px;}	
.topPD{position: absolute;top: 256px;width: 53%;margin: 0 26%;z-index: 1;}	
.stage{position: absolute;top: 735px;width: 52%;margin: 0 20%;}	
.sub_bg{position: absolute;top: 322px;width: 36%;margin: 0px 36%;z-index: 1}	
.coming{position: absolute;top: 116px;width: 17%;margin: 0 53%;}
.deco{position: absolute;top:0px;left:0px;position: fixed;margin: 0 auto;min-width:1220px;width: 100%;}	
}

@media screen and (max-width:767px){
	.main{position: absolute;top:13vw;left:7vw;width:88%;margin:0}	 
	.date{z-index: 5;position: absolute;top: 26vw;left:5vw;width:25%;}	
	.topPD{z-index: 1;position: absolute;top: 31vw;width: 77%;margin: 0 15%;}	
	.stage{position: absolute;top:90vw;width:80%;margin:0 10% }	
	.sub_bg{z-index: 1;position: absolute;top: 40vw;width: 60%;margin: 0 25%;}	
	.coming{position: absolute;top:14.8vw;width:22%;margin: 0 54.8%;}
	.deco{position: absolute;top:18vw;pointer-events: none;}	 	  
	}
	

/*活動倒數*/
.TimerNick {position: absolute;top: 890px;left: 340px;display: inline-block;z-index: 8;text-align: center;color: #ffffff;}
.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;-webkit-text-stroke: 0.5px #00ea7b;text-shadow: 0 0 6px #00ea7b;}
.TimerNick span { padding-left: 2px;font: bold 29px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.025em;-webkit-text-stroke: 0.5px #00ea7b;text-shadow: 0 0 6px #00ea7b;}
.time_bg{position: absolute; width: 50%; height: 200px; margin: 0 24%; bottom: 40px; background: url(TimerNick_bg.png?t=1751285978908) center 100% / 100% no-repeat scroll;}
.TimerNick span:nth-child(1) {position:relative;top:13px}
	
@media screen and (max-width:767px){
      .TimerNick  {width: 100%;top:106vw;left:0vw;}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 6.7vw/0vw Arial;}
      .TimerNick span {padding-left: 0;font: bold 4.5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;-webkit-text-stroke: 0.02vw #00ea7b;}
	  .time_bg{position: absolute; width:83%; height:18vw; margin: 0 8%; bottom: 5vw; background: url(TimerNick_bg.png?t=1751285978908) center 100% / 100% no-repeat scroll;}

	}




	  
/* .pc_deco{max-width:2000px;z-index: -1;} */
	  @media screen and (min-width:768px){
	    .Area01 {position: relative;height: auto;margin-bottom :50px !important; }
		.PD_layout.formula{margin:10px auto 60px!important;}
		.coupon_1{margin: 4% auto;}
		.PD_layout.act ul{grid-gap: 0px!important;}
		.PD_layout.PD_layout-coupon3 ul{padding:0 26px!important;}
		.Area01 .PD_layout.act ul,
		.Area01 .Area_Bn .PD_layout ul{padding:0 ;}
	}
	@media screen and (max-width:767px){
		.Area01 {position: relative;height: 105vw;margin-bottom :5vw !important; }
		.PD_layout.act{margin:8vw auto;}
		.PD_layout.act ul{padding:0 5vw!important;grid-gap:0vw!important;}
		.Area_danji{width: 95%;}

	}






    .bg{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bg_01.jpg?t=1751285978908) no-repeat center top;z-index:-3}
	.bg_top01{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bg_top01.png?t=1751285978908) no-repeat center top;z-index:-1;pointer-events:none}
	.bg_light{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(mo_light.png?t=1751285978908) no-repeat center top;z-index:-2;pointer-events:none}
	.A01{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(A01_bg.jpg?t=1751285978908) no-repeat center top;top:43px;z-index:-1}
	
	.store{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bottom_bg.jpg?t=1751285978908) no-repeat center top;bottom:0px;z-index:-1}
	.A01_bg_c{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(A01_bg_c.jpg?t=1751285978908) repeat-y center top;z-index:-1;height:calc(100% - 1745px);pointer-events:none;bottom:0}
	.A01_bg_b{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(A01_bg_b.jpg?t=1751285978908) no-repeat center top;z-index:-1;position:relative;height:190px;pointer-events:none;bottom:0vw}
	.mbg{z-index:0;position:absolute;width:100%;height:100%;background:url(mbg_01.png?t=1751285978908) no-repeat center top;background-size:100%}
	.mbg_light{z-index:0;position:absolute;width:100%;height:100%;background:url(mo_light.png?t=1751285978908) no-repeat center top;z-index:-2;pointer-events:none;background-size:100%}
	.mA01{z-index:0;position:absolute;width:100%;height:100%;background:url(mA01_bg.jpg?t=1751285978908) no-repeat center top;z-index:-1;pointer-events:none;background-size:100%;top:131vw}
	.mstore{z-index:0;position:absolute;width:100%;height:100%;background:url(mbottom_bg.jpg?t=1751285978908) no-repeat center top;z-index:-1;pointer-events:none;background-size:100%;bottom:0vw}
	.mA01_bg_c{z-index:0;position:absolute;width:100%;height:100%;background:url(mA01_bg_c.jpg?t=1751285978908) repeat-y center top;z-index:-1;height:calc(100% - 220vw);pointer-events:none;background-size:100%;bottom:0}
	.mA01_bg_b{z-index:0;position:absolute;width:100%;height:100%;background:url(mA01_bg_b.jpg?t=1751285978908) no-repeat center top;z-index:-1;position:relative;height:20vw;pointer-events:none;background-size:100%;bottom:0vw}


	@media screen and (min-width:768px){
	.Area02{margin-top:100px;position: relative;margin-bottom:0px}
	.Area02 .Area_title{position: relative;z-index: 2;}
	.Area02 .Area_swiper{margin-top:0px;height:432px ;}
	.BNdeco{position:absolute;z-index:8; pointer-events:none;top:120px;margin: 0 5.6%;}
	.Area02 .PD_layout ul{top:0px;	}
	.Area02 .PD_layout ul li{background-color: inherit;height: 100%;max-height: 500px;	}	
	.Area02 .A02{z-index:0;position:absolute;min-width:1220px;width:100%;background:url(A02_bg.jpg?t=1751285978908) no-repeat center top;height:1200px;margin-top: -95px;}	
	}
	    .Area02 .PD_layout ul li img{width: 90%;}
	@media screen and (max-width:767px){
		.Area02{margin-top:5vw;}		
		.Area02 .Area_title{width: 120%;transform: translateX(-10vw);}
		.Area02 .Area_swiper{top:7vw;}
		.Area02 .Area_swiper_box{margin-bottom:3vw;}
		.BNdeco{position:absolute;z-index:8; pointer-events:none;left:11vw;top:8vw;right: 4vw;}	
		.Area02 .PD_layout ul li{background-color: inherit;height: 100%;max-height:44vw;	}	
		.Area02 .mA02{z-index:0;position:absolute;width:100%;height:225vw;background:url(mA02_bg.jpg?t=1751285978908) no-repeat center top;z-index:-1;pointer-events:none;background-size:100%}

	}

	.Area02_pd .box_txt.Area02_box_txt_bg{width: 100%;}
	.Area02_pd .box_txt.Area02_box_txt_bg .PD_layout ul{background-color: inherit;padding:0 ;}
	.Area02_pd .box_txt.Area02_box_txt_bg .PD_layout ul li{border:none;}
	.Area02_pd .box_txt.Area02_box_txt_bg .PD_layout ul li .PD_into{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;width: 100%;}

	.Area02_pd .PD_02.PD_layout ul {width: 95%;border:2px solid #ffffff;box-shadow: 0 0 15px #00ea7b;}


	.Area02_pd .box_bg{position: absolute;}

	@media screen and (min-width:768px){
		.Area02_pd {margin-top:0px;}	
		.Area02_pd .box_txt.Area02_box_txt_bg .PD_layout ul li .PD_into h3{color: #ffffff;font-size:58px;width: 50%;text-align: center;}
		.Area02_pd .PD_box{margin:0px auto 90px;}
	}

	@media screen and (max-width:767px){
		.Area02_pd .Area_title{width: 120%;transform: translateX(-6vw);}		
		.Area02_pd {margin-top:0vw;}	
		.Area02_pd .box_txt.Area02_box_txt_bg .PD_layout ul li .PD_into h3{color: #ffffff;font-size:7vw;margin-top:0vw ;max-width: 50%;min-width: 50%;}
		.Area02_pd .box_txt.Area02_box_txt_bg .PD_layout ul{padding:0;}	
		.Area02_pd .PD_box{margin:0vw auto 25vw;}			
	}








	.Area03 .box_txt.Area03_box_txt_bg{width: 100%;}
	.Area03 .box_txt.Area03_box_txt_bg .PD_layout ul{background-color: inherit;}
	.Area03 .box_txt.Area03_box_txt_bg .PD_layout ul li{border:none;}
	.Area03 .box_txt.Area03_box_txt_bg .PD_layout ul li .PD_into{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;width: 100%;}

	.Area03 .PD_03.PD_layout ul {width: 97%;border:2px solid #21eb97;box-shadow: 0 0 15px #00ea7b;}


	.Area03 .box_bg{position: absolute;}

	@media screen and (min-width:768px){
		.Area03{margin-top:150px;}	
		.Area03 .box_txt.Area03_box_txt_bg .PD_layout ul li .PD_into h3{height:87px ;color: #21eb97;font-size:58px;width: 50%;text-align: center;margin-top:23px ;}
		.Area03 .box_txt.Area03_box_txt_bg .PD_layout ul li .PD_into h4{color: #fff;font-size:44px;margin: 49px 0 0 40px;width: 42%;text-align: left;}
		.Area03 .PD_box{margin:30px auto 90px;}
	}

	@media screen and (max-width:767px){
		.Area03 .Area_title{width: 100%;transform: translateX(-6vw);}		
		.Area03{margin-top:10vw;}	
		.Area03 .box_txt.Area03_box_txt_bg .PD_layout ul li .PD_into h3{color: #21eb97;font-size:7vw;margin-top:2vw ;max-width: 100%;min-width: 50%;}
		.Area03 .box_txt.Area03_box_txt_bg .PD_layout ul li .PD_into h4{color: #fff;font-size:6vw;margin:6vw 0 0 -5vw;max-width: 100%;min-width: 50%;}	
		.Area03 .box_txt.Area03_box_txt_bg .PD_layout ul{padding:0;}	
		.Area03 .PD_box{margin:3vw auto 15vw;}			
	}


	
	.Area04 .PD_layout ul li:nth-child(even) a{animation-name:horizon-play;animation-duration:1.5s;animation-iteration-count: infinite;animation-direction: alternate;}	
	.Area04 .PD_layout ul li:nth-child(odd) a{animation-name:horizon-play2;animation-duration:1.5s;animation-iteration-count: infinite;animation-direction: alternate;}	
.Area04 .PD_layout ul a {flex-direction: column-reverse;}
.Area04 .PD_layout ul .PD h3{background-color: inherit!important;}
.Area04 .PD_layout ul .PD h4{color: #fff;}
.Area04 .PD_layout ul .PD h4 b{display: none;}
.Area04 .PD_layout ul .PD p{color: #21eb97;}
.Area04 .PD_layout ul li {border: none;}	
.Area04 .PD_layout ul li a{background-image: url(PD4_bg.png?t=1751285978908) ;background-repeat: no-repeat;background-size: 100%;}	
.Area04 .PD_layout ul li .PD_into{padding-bottom: 0;}
.Area04 .PD_layout .PD p del{color: #929292}
@media screen and (min-width:768px){
.Area04{margin-bottom: 170px;}
.Area04 .PD_layout ul{background-color: inherit;padding-top:40px;padding-left:70px;padding-right:80px;grid-gap:25px;}
.Area04 .PD_layout ul li:nth-child(even) {margin:20% auto 0;}
.Area04 .PD_layout ul li .PD_img{padding:0 2em;}
.Area04 .PD_layout ul .PD h3{margin:38px 0 0 0;font-size: 24px;text-shadow: 1px 0px 13px #000000;}
.Area04 .PD_layout ul .PD h4{font-size: 20px;}
.Area04 .PD_layout ul .PD .Price{font-size: 38px;}
.Area04 .PD_layout ul .PD::after {content: '';position: absolute;width: 410px;height: 170px;background-image: url(PD4_deco.png?t=1751285978908);top:390px;left: -5px;z-index: -1;}
}

@media screen and (max-width:767px){
.Area04{margin-bottom: 20vw;}
.Area04 .Area_title{width: 120%;transform: translateX(-6vw);margin-top: 5vw;margin-bottom: 3vw;}	
.Area04 .PD_layout ul li:nth-child(even) {margin:15% auto 0;}
.Area04 .PD_layout ul{background-color: inherit;padding:3vw 3vw 0;grid-gap:2vw;}
.Area04 .PD_layout ul li .PD_img{padding:0 2.1em;margin-bottom: 3vw;}
.Area04 .PD_layout ul .PD h3{text-shadow: 0 0 2vw #010630;margin-bottom: 0;margin-top:3vw;font-size:5vw;height: 8vw;}
.Area04 .PD_layout ul .PD h4{margin:0;}
.Area04 .PD_layout ul .PD::after {content: '';position: absolute;width: 49vw;height: 17vw;background-image: url(PD4_deco.png?t=1751285978908);top: 47vw;left: -2vw;z-index: -1;background-size: 100%;background-repeat: no-repeat;}

}


/*登記活動*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #6d34ff;} 
@media screen and (min-width:768px){
.danji .danji_box .Area_danji .box_1 { width:80% ;padding: 0;height:auto ;}
}
@media screen and (max-width:767px){
  .danji .danji_box .Area_danji .box_1 { width:100% ;padding: 0 1.5vw;}
}

/*折價券*/
@media screen and (min-width:768px){
.Area_coupon { width:1040px ;padding: 0;height:auto ;margin-bottom:70px!important ;}
}
@media screen and (max-width:767px){
  .Area_coupon { width:100% ;padding: 0vw 0vw 10vw;}
}





    @import'Area_boxstyle'    




/*登記贈品文案顏色*/