@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;}
	}


/*Area_txt(有設計的區標PC手機共用)*/
@media screen and (min-width:768px){
	.Area_txt {margin:0 auto 0px!important;width:100% ; }
	.Area_txt img {width: 800px !important; }	  
}
@media screen and (max-width:767px){
		.Area_txt {width:100%!important;margin:0 auto 2vw ; }
	    .Area_txt img {width:100%!important;}
}
	

/*區塊_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: 104vw;z-index: 0}
  	
	}



/*版頭品輪播*/
.Area_top .topPD {position: absolute;top: 344px;left: -48px;width: 700px;height: 600px;overflow: hidden;z-index: 20;}
.Area_top .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;height:auto ;}
.Area_top .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_top .topPD .PD_layout .PD img {width: 100%!important;}
.Area_top .PD_layout .swiper-pagination {z-index:999 ;position:relative;margin-top: 0px;}
@media screen and (max-width:767px){
  .Area_top .topPD {position: absolute;width: 100%;height: 54vw;top: 40vw;left: 0vw;overflow: hidden;margin:0 auto ;}
  .Area_top .topPD .PD_layout .PD img {width: 80%!important;}
}





/*版頭品*/
@media screen and (min-width:768px){
.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: 100%; top: 48vw; height: auto; z-index:0; margin:0 auto ;}
		.Area_top .top_pd .PD_layout {padding: 0 ; 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  {position:absolute;top: 284px;left:348px;}
.title_sub .sub_box {width:600px;}
.title_sub .sub_box .PD_layout ul img{width:100%;}

}
@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:32vw;left:19vw;width:68%;}
.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:68px;left:258px;width: 703px;}	 
.date{z-index:10;position: absolute;top:242px;left:254px;width: 150px;}	
.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:5vw;left:9vw;width:80%;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:85vw;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=1761824026714) 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=1761824026714) center 100% / 100% no-repeat scroll;}

	}




	  
/* .pc_deco{max-width:2000px;z-index: -1;} */
	  @media screen and (min-width:768px){
	    .Area01 {position: relative;height: 534px;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;}
		

	}






    .bg{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bg_01.jpg?t=1761824026714) 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=1761824026714) no-repeat center top;z-index:-1;pointer-events:none}
	.bg_light{z-index:-2;position:absolute;min-width:1220px;width:100%;height:100%;background:url(mo_light.png?t=1761824026714) 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=1761824026714) no-repeat center top;top:27px;z-index:-1}
	
	.store{z-index:0;position:absolute;min-width:1220px;width:100%;height:100%;background:url(bottom_bg.jpg?t=1761824026714) no-repeat center top;bottom:0px;z-index:-1}
	.A01_bg_c{z-index:0;position:absolute;min-width:1220px;width:100%;background:url(A01_bg_c.jpg?t=1761824026714) 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%;background:url(A01_bg_b.jpg?t=1761824026714) no-repeat center top;z-index:-1;position:relative;height:800px;pointer-events:none;bottom:0vw;top:-96px}
	.mbg{z-index:0;position:absolute;width:100%;height:100%;background:url(mbg_01.png?t=1761824026714) no-repeat center top;background-size:100%;top:11vw;}
	.mbg_light{z-index:0;position:absolute;width:100%;height:100%;background:url(mo_light.png?t=1761824026714) 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=1761824026714) no-repeat center top;z-index:0;pointer-events:none;background-size:100%;top:119vw}
	.mstore{z-index:0;position:absolute;width:100%;height:100%;background:url(mbottom_bg.jpg?t=1761824026714) 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%;background:url(mA01_bg_c.jpg?t=1761824026714) 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%;background:url(mA01_bg_b.jpg?t=1761824026714) no-repeat center top;z-index:-1;position:relative;height:20vw;pointer-events:none;background-size:100%;bottom:0vw}











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

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

}






/**bn輪播**/
@media screen and (min-width:768px){
	.Area_bn {margin-bottom: 0px !important;}

    .Area_bn .box_all {}
	/** 公版 **/		
	.Area_bn .box {width: 100%;margin: 0 auto 50px;}	
	
	.Area_bn .box .PD_layout {width: 100%;/* overflow:hidden; */margin-top: 0px;/* margin-left: 18px; */}	
	.Area_bn .box .PD_layout ul {display:flex;height: 400px;}
	.Area_bn .box .PD_layout ul li {}
	.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}

	.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 0;}
}
@media screen and (max-width:767px){
	.Area_bn {margin-bottom: 2vw !important;}
	/** 公版 **/	
	.Area_bn .box {padding-bottom: 0;width: 95%;margin: 0vw auto ;padding-top: 0vw;}	
	.Area_bn .box .PD_layout {overflow:hidden;padding-top: 0vw;}	
	.Area_bn .box .PD_layout ul {display:flex;height: 43vw;}
	.Area_bn .box .PD_layout ul li {}
	.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 0vw;}
	/* .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background-color: #ffffff !important;} */
}






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




.Area_6pd .box_bg {position: absolute;width:100% ;margin:0 auto ;}
.Area_6pd .Area_txt {position: absolute;}
.Area_6pd .txt ul li h5 {color: #fff;}

@media screen and (min-width:768px){
	.Area_6pd {margin-top:150px;}
	.Area_6pd .box {margin:0px auto 50px;}	
	.Area_6pd .PD_box ul { width: 100%;background-color:#ffffff ;border-radius: 1vw 1vw 5vw 5vw ;border:2px solid #ffffff;box-shadow: 0 0 15px #00ea7b;}

	.Area_6pd .box_bg img {width:1100px;}

	.Area_6pd .txt ul {position: relative;padding: 0;margin: 0;list-style: none;height: 130px;top:0;}
	.Area_6pd .txt ul li { background-color: transparent; pointer-events: none;padding: 0;}
	.Area_6pd .txt .PD_into {padding: 0;}
	.Area_6pd .txt ul li h5 {position: relative;top:30px;margin: 0;padding: 0;width: 100%;font: 50px/50px "Noto Sans CJK SC";font-weight: 700;text-align: center;overflow: hidden;}

}

@media screen and (max-width:767px){
	.Area_6pd .Area_title{width: 100%;transform: translateX(-6vw);}		
	.Area_6pd {margin-top:10vw;}	
	.Area_6pd .box {margin:3vw auto 5vw;}
	.Area_6pd .PD_box { width: 100%;background-color:#0000 ;border-radius: 0vw 0vw 2vw 2vw ;padding-bottom:3vw ;}
	.Area_6pd .PD_box ul { width: 96%;background-color:#fff ;border-radius: 2vw 2vw 8vw 8vw;border:2px solid #ffffff;box-shadow: 0 0 15px #00ea7b;}

	
	.Area_6pd .txt ul {padding: 0;margin: 0;list-style: none;height: 14vw;}
	.Area_6pd .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
	.Area_6pd .txt .PD_into {padding: 0;}
	.Area_6pd .txt ul li h5 {position: relative;top:3.6vw;margin: 0;padding: 0;width: 100%;font: 6vw/7vw "Noto Sans CJK SC";font-weight: 700;text-align: center;letter-spacing: 0vw;overflow: hidden;}
  
				
}


/*熱銷愛牌 馬上逛*/
.Area_logo{padding: 0;margin-bottom: 10px!important;width: 600px;height: 190px;}
.Area_logo .logo.PD_layout {top: 20px;width: 100%;}
.Area_logo .logo.PD_layout .PD_slide {border-radius:0.5em;}
.Area_logo .logo.PD_layout li{margin: 0px 0px 0px 0px;}
.Area_logo .logo.PD_layout ul li{padding: 3%;}
.Area_logo .logo.PD_layout .PD_img{width: 100%;}
@media screen and (max-width:767px){
	  .Area_logo{padding: 0 0 0;margin-bottom: 0vw!important;width: 80%;height: 26vw;}

    .Area_logo .logo.PD_layout {top: 0vw;margin: 0vw 0vw 0vw 1.5vw;width: 100%;}	
    .Area_logo .logo.PD_layout li{margin: 0 0 2% 0;}
    .Area_logo .logo.PD_layout .PD_img{width: 100%;}	
    .Area_logo .logo.PD_layout ul li{padding: 0%;}
}




    @import'Area_boxstyle'    




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