@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;background-color:#f5e7fc; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; 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;background:url(mo_bg.jpg?t=1757410514345)top center repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
.bg_00 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 { z-index:-40; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-50; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_03 { z-index:0; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_04 { z-index:-42; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco { z-index:-45;position:fixed;top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}

@media screen and (max-width: 767px){
.bg_deco {z-index:0;position:fixed;top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;background-size:100%}	 
}


/*區標動畫*/
@media screen and (min-width:768px){
.pdtxt_deco {position: absolute;width:100%;height: 100%;background: url("pdtxt_deco.png?t=1757410514345") center top / 100% no-repeat scroll;}
}
@media screen and (max-width: 767px){
.pdtxt_deco {position: absolute;width:100%;height: 100%;background: url("m_pdtxt_deco.png?t=1757410514345") center top / 100% no-repeat scroll;}	 
}

	
/**下方**/
@media screen and (min-width:768px){
.Area_bottom{position:relative;width:100%;height:100px;background:url(pc_bottom.png?t=1757410514345)top center no-repeat;background-size:100%;}	
}	
@media screen and (max-width: 767px){
.Area_bottom{position:relative;width:100%;height:8vw;background:url(mo_bottom.jpg?t=1757410514345)top center no-repeat;background-size:100%;}	
}		
	



/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:650px;}
.stage {position:absolute;top: 449px;left: 615px;}
.top_PD {position:absolute;top:100px;left:650px;}
.top_PD img {width:90%;}
.light {mix-blend-mode: screen }
.light_01 {position:absolute;top: 220px;left: -320px;}
.light_02 {position:absolute;top:200px;left: 1220px;}

}
@media screen and (max-width: 767px){
.Area_title {height:120vw;}
.top_bg {position:absolute;top:0;z-index:-1}
.top {position:absolute;top:0;left:0;z-index:5;pointer-events:none;}	
.stage  {position:absolute;width: 70%;top: 96vw;left: 16vw;pointer-events:none;}
.top_PD {position:absolute;width: 87%;top: 52vw;left: 10vw;z-index: 2;}	
.light {mix-blend-mode: screen }
.light_01 {position:absolute;width:40%;top: 51vw;left:0;z-index: -1;}	
.light_02 {position:absolute;width:40%;top: 51vw;right:0;z-index: -1;}	
	
	
}


/*版頭文案區*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 57%;height:auto;top: 122px;left: 0;z-index:3;}
.Area_title .date  {position:absolute;width:22%;top:-150px;left: 560px;z-index: 5;}
	
/*主標入稿*/	
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title ul {}
	
/*副標輪播*/			
.Area_title .subtitle .layout_title02 {width:85%;margin:0 auto;background:url(mo_title02_bg.png?t=1757410514345)top center no-repeat;background-size:100%;padding-bottom:10vw;overflow:hidden}
.Area_title .subtitle .layout_title02 ul {display:flex;margin:0;padding:10px 0;grid-gap:0}
.Area_title .subtitle .layout_title02 .PD_img img {width:75%;margin:0 auto;}

}
@media screen and (max-width:767px){
.Area_title .subtitle {position:absolute;width: 85%;height:auto;top: 3vw;left: 8vw;z-index:3;}
.Area_title .date  {position:absolute;width:22%;top:40vw;left: 57vw;}
	
/*主標入稿*/	
.Area_title .subtitle .layout_title {margin: 0vw 4vw 0vw 0vw;}
.Area_title .subtitle .layout_title ul {}
	
/*副標輪播*/			
.Area_title .subtitle .layout_title02 {width:85%;margin:0 auto;background:url(mo_title02_bg.png?t=1757410514345)top center no-repeat;background-size:100%;padding-bottom:10vw;overflow:hidden}
.Area_title .subtitle .layout_title02 ul {display:flex;margin:0;padding:1vw 0;grid-gap:0}
.Area_title .subtitle .layout_title02 .PD_img img {width:75%;margin:0 auto;}

	
}

/*版頭輪播品*/
@media screen and (min-width:768px){
.Area_title .box_PD {position:absolute;width:45%;top:100px;left:670px;height:auto;z-index:0}
.Area_title .box_PD .layout_PD {}
.Area_title .box_PD .layout_PD ul {display:flex;margin:0;padding:0;}
.Area_title .box_PD .layout_PD ul li:hover {box-shadow: none; }	
.Area_title .box_PD .layout_PD ul li a {color:#fff;}
.Area_title .box_PD .layout_PD .PD_into	{position:absolute;top:11px; align-items:center}		
.Area_title .box_PD .layout_PD .PD p {color:#ffeb3b;}
	
/*輪播特效*/
.Area_title .box_PD .layout_PD .swiper-slide .PD_img  { opacity: 0; transform: translate(6%,0); }
.Area_title .box_PD .layout_PD .swiper-slide-active .PD_img  { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
}
@media screen and (max-width:767px){
.Area_title .box_PD {position:absolute;width:80%;height:auto;top:38vw;left:10vw;z-index: 6;}
.Area_title .box_PD .layout_PD {}
.Area_title .box_PD .layout_PD ul {display:flex;margin:0;padding:0;grid-gap:0}
.Area_title .box_PD .layout_PD ul li:hover {box-shadow: none; }	
.Area_title .box_PD .layout_PD .PD p {color:#D62672;}
.Area_title .box_PD .layout_PD .PD_into{margin: 0 0 0 0;}


.Area_title .box_PD .layout_PD .PD_into h3 {color:#FFFFFF;font-size:1.15em;margin-top:3vw}
.Area_title .box_PD .layout_PD .PD_img img {width:76%;margin:0 auto;}
	
/*輪播特效*/	
.Area_title .box_PD .layout_PD .swiper-slide .PD_img  { opacity: 0; transform: translate(2%,0); }
.Area_title .box_PD .layout_PD .swiper-slide-active .PD_img  { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
	
.Area_title .box_PD .layout_PD .swiper-slide .PD h3 { opacity: 0; transform: translate(0,-5%); }
.Area_title .box_PD .layout_PD .swiper-slide-active .PD h3  { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
	
.Area_title .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction	{bottom: -2vw;}
	
	
}


/*activ*/
@media screen and (min-width:768px){
.Area_activ {height:100%;}
.Area_activ .PD_layout {width:90%;margin:0 auto;padding-bottom:50px;}
.Area_activ .text .layout_text{position:relative;width:65%;margin:0 auto;}	
	
}
@media screen and (max-width:767px){
.Area_activ {height:100%;}
.Area_activ .PD_layout {position:relative;width:98%;margin:0 auto;padding-bottom:3vw}
.Area_activ .text .layout_text{position:relative;width:90%;margin:0 auto;}	

}

/*登記*/
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #13259B;}  

@media screen and (min-width:768px){
.Area_danji {width:100%;}
	
/**區標入稿**/	
.Area_danji .text {}	
.Area_danji .text .layout_text{position:relative;width:65%;margin:0 auto;}	
	
.Area_danji .Big_danji{position:relative;background:url(pc_ulbg.png?t=1757410514345)top center repeat-y;background-size:100%;}
.Area_danji .Big_danji .tt {position:relative;width:75%;left:-34px;margin-bottom:20px;}
	
.Area_danji .danji_box {width:80%;margin:0 auto;}
.Area_danji .warningTxt {margin-bottom:0;}
.Area_danji .warningTxt h3 {color:#000!important;padding-bottom:30px;}

}	

@media screen and (max-width:767px){
.Area_danji {position:relative;width:100%!important;margin:0!important;}
	
/**區標入稿**/	
.Area_danji .text {}	
.Area_danji .text .layout_text{position:relative;width:90%;margin:0 auto;}	

/**登記內容**/		
.Area_danji .danji_box {}
.Area_danji .danji_box .box_1{width:96%;margin:0 auto;padding-top:1vw;}
.Area_danji .warningTxt {padding-top:1vw;padding-bottom:5vw;background-size:100%;}
.Area_danji .warningTxt h3 {color:#000000!important;}
}

/*爆品區*/
@media screen and (min-width:768px){
.Area_hot  {height:100%;}
	
/**背景**/
.Area_hot .bg { z-index:-50; position:absolute;top:-10px;left:-390px;width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
	
/**區標入稿**/	
.Area_hot .text {}	
.Area_hot .text .layout_text{position:relative;width:65%;margin:0 auto;}	
		
/**公版**/	
.Area_hot .layout_PD {padding-bottom:30px;margin-bottom:50px}
.Area_hot .layout_PD ul {width:95%;padding:0;margin:0 auto}
.Area_hot .layout_PD ul li {background:url(hot_libg.jpg?t=1757410514345)top center no-repeat;background-size:100%;}
.Area_hot .layout_PD ul li:hover {box-shadow: none; }	
.Area_hot .PD_layout .PD_slide::before {color:#ffffff!important;top: 54px;right: 48px;font-size: 2.5em;content: "0" counter(num);font-style: normal;}		
	
.Area_hot .layout_PD .PD_img {width: 83%;margin:0 auto;padding: 166px 0px;}		
.Area_hot .layout_PD .PD_into h3 {position: absolute;top: 138px;left: 133px;color:#000000;font-size: 2.0em;}		
.Area_hot .layout_PD .PD_into h4 {font-size:1.3em;position: relative;top:-117px;}		
.Area_hot .layout_PD .PD p {position:relative;top: -87px;left: 87px;color:#8059c0;}		
.Area_hot .PD_layout .PD p .Price{font-size:40px;}
}
@media screen and (max-width:767px){
.Area_hot  {height:100%;background:url(hot_bg.jpg?t=1757410514345)top center repeat-y;background-size:100%;padding-bottom:3vw}
.Area_hot  .bg_deco {z-index:8;position:absolute;top:-2vw;left:0;width:100%;height:4vw;background-repeat: repeat-x;background-position:center top;pointer-events:none;background-size:100%;background-color:#000000;}			

	/**區標入稿**/	
.Area_hot .text {}	
.Area_hot .text .layout_text{position:relative;width:90%;margin:0 auto;padding:4vw 0}	

/**公版**/	
.Area_hot .layout_PD {padding-bottom:3vw}
.Area_hot .layout_PD ul {width:95%;padding:0;margin:0 auto}
.Area_hot .layout_PD ul li {background:url(hot_libg.jpg?t=1757410514345)top center no-repeat;background-size:100%;padding-bottom:3vw}
.Area_hot .layout_PD ul li:hover {box-shadow: none; }	
.Area_hot .PD_layout .PD_slide::before {color:#ffffff!important;top: 4.5vw;right: 4.5vw;font-size: 1.5em;content: "0" counter(num);font-style: normal;}		
	
.Area_hot .layout_PD .PD_img {width: 83%;margin:0 auto;padding: 21vw 0px;}		
.Area_hot .layout_PD .PD_into h3 {position: absolute;top:14vw;left: 13vw;color:#000000;}		
.Area_hot .layout_PD .PD p {position:relative;top: -1vw;left: 8vw;color:#8059c0;}		
}












/*下方公版4PD*/
@media screen and (min-width:767px){
	/*.Area07 .title img{ width: 50%;}*/
	.Area07 .box {position: relative;background: url(Area07bg_01.png?t=1757410514345) top center no-repeat;padding-bottom: 50px;z-index: 0;}
	.Area07 .box .titleh3 {font: bold 40px/40px "微軟正黑體","Microsoft JhengHei",Helvetica;height: 10px;position: absolute;padding: 2px 521px;color: #9e7b54;}
	/*公版調整*/  
	.Area07 .box  .PD_slide {padding: 0 0 6%;}
	.Area07 .box  .PD_img img {border-radius: 0!important;}
	.Area07 .box .PD_layout {width: 90%;padding:141px 0 50px;} 
	 }
	
	@media screen and (max-width: 767px){
	  .Area07 {}
	  .Area07 .box {position: relative;padding-bottom: 5vw;z-index: 10;}    
	  .Area07 .box .PD_layout  {width:100%;padding: 7vw 0 0vw;background: url(mArea07center1.png?t=1757410514345) top center repeat-y;background-size: 100%;}
	  .Area07 .box .PD_layout ul{width:92%;}	
	  .Area07 .box .PD_wrapper{width: 98%;margin-top: -4vw;}
	  .Area07 .box .titleh3 {font: bold 6vw/6vw "微軟正黑體","Microsoft JhengHei",Helvetica;height: 13vw;position: absolute;padding: 0vw 38vw; color: #9e7b54;}  
	  .Area07 .box  .PD_slide {padding: 0 0 6%;}
	}
  
  /*下方公版8PD*/
  @media screen and (min-width:767px){
	/*.Area08 .title img{ width: 50%;}*/
	.Area08 .box {position: relative;background: url(Area07bg_02.png?t=1757410514345) top center no-repeat;padding-bottom: 50px;z-index: 0;}
	.Area08 .box .titleh3 {font: bold 40px/40px "微軟正黑體","Microsoft JhengHei",Helvetica;height: 10px;position: absolute;padding: 2px 521px;color: #9e7b54;}
	/*公版調整*/  
	.Area08 .box  .PD_slide {padding: 0 0 6%;}
	.Area08 .box  .PD_img img {border-radius: 0!important;}
	.Area08 .box .PD_layout {width: 90%;padding:141px 0 50px;} 
	 }
	
	@media screen and (max-width: 767px){
	  .Area08 {}
	  .Area08 .box {position: relative;padding-bottom: 5vw;z-index: 10;}    
	  .Area08 .box .PD_layout  {width:100%;padding: 7vw 0 0vw;background: url(mArea07center1.png?t=1757410514345) top center repeat-y;background-size: 100%;}
	  .Area08 .box .PD_layout ul{width:92%;}	
	  .Area08 .box .PD_wrapper{width: 98%;margin-top: -4vw;}
	  .Area08 .box .titleh3 {font: bold 6vw/6vw "微軟正黑體","Microsoft JhengHei",Helvetica;height: 13vw;position: absolute;padding: 0vw 38vw; color: #9e7b54;}  
	  .Area08 .box  .PD_slide {padding: 0 0 6%;}
	}







/*旗艦館*/
@media screen and (min-width:768px){
.Area_guan  {height:100%;}
.Area_guan .bg { z-index:-49;position:absolute;top:0;left:-390px;width:2000px;height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
	
/**公版**/		
.Area_guan .PD_layout {margin-bottom:50px;}
.Area_guan .PD_layout ul {width:80%;padding:0;margin:0 auto;}
.Area_guan .PD_layout ul li{padding-bottom:10px;}
}
@media screen and (max-width:767px){
.Area_guan  {height:100%;}
.Area_guan .PD_layout {}
.Area_guan .PD_layout ul {width:96%;padding:5vw 0 5vw 0;margin:0 auto;}
.Area_guan .PD_layout ul li{}

}


/** 倒數**/
@media screen and (min-width:768px){
.TimerNick {display:inline-block;position:absolute;left: 182px;top: 521px;height: 39px;text-align:right;z-index:1;border: 2px #ffffff solid;border-left: none;border-right: none;}
.TimerNick .FontStyle {display:inline-block;margin: 0 10px;padding:0;border:0px;font: bold 30px/32px Arial;color: #b6fbff;letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick span {padding-left:2px;font: bold 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #fff;}
}	
@media screen and (max-width:767px){
.TimerNick  {display:inline-block;position:absolute;left: 23vw;top: 110vw;height:6vw;text-align:right;z-index:6;border-bottom: 1px #ffffff solid;}
.TimerNick .FontStyle {display:inline-block;margin: 0;padding: 0 1vw;border:0px;font: bold 20px/26px Arial;color: #aefffa;letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick span {padding-left: 1vw;font: bold 15px/15px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #aef7ff;}
}










/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:10;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:34%;}
.fixbn .class_03 { top:0%;left:67%;}






/*區塊_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;}


	}




/*版頭*/
.Area_top {}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
	}


/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	
	

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