@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:#a30400; 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;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*背景*/
@media screen and (min-width:768px){
.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:-45; 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:1025px;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_03 { z-index:-50; position:absolute;top:3397px;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}

.bg_deco { z-index:-46;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){

}


/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom01 {background:url(pc_bottom01.png?t=1755252133626)top center no-repeat;background-size:100%;padding-top:80px;margin-top:-22px;margin-bottom:50px;}
}
@media screen and (max-width: 767px){
.Area_bottom01 {background: #ffcc82;background-size:100%;padding-top:4vw;}


}
	



/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:900px;}
.Area_title .L_lantern {position:absolute;top:0;left: -162px;z-index:2;pointer-events: none;}
.Area_title .L_lantern img {width: 80%;}

.Area_title .L_flag {position:absolute;width: 96px;top: 453px;left: 119px;z-index: 0;animation:  bounceIn 1s 1.2s forwards ease-in;opacity: 0;}
.Area_title .R_flag {position:absolute;width: 96px;top: 453px;right: 192px;z-index: 0;animation:  bounceIn 1s 1.2s forwards ease-in;opacity: 0;}

.Area_title .R_lantern {position:absolute;top:0;right: -117px;z-index:2;pointer-events: none;}
.Area_title .R_lantern img {width: 80%;}

}
@media screen and (max-width: 767px){
.Area_title {height:93vw;}
.Area_title .L_flag {position:absolute;width: 19%;top: 50vw;left: 1vw;z-index: 2;animation:  bounceIn 1s 1.2s forwards ease-in;opacity: 0;}
.Area_title .R_flag {position:absolute;width: 19%;top: 49vw;right: -1vw;z-index: 1;animation:  bounceIn 1s 1.2s forwards ease-in;opacity: 0;}


}
	


/*主標入稿*/
@media screen and (min-width:768px){
/*主標*/		
.Area_title .subtitle {position:absolute;width: 750px;height:auto;top: 52px;left: 45px;z-index: 2;right: 0;margin: auto;animation:  bounceIn 1s 1s forwards ease-in;opacity: 0;}
.Area_title .subtitle a{pointer-events: none;}
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title ul {}
.Area_title .subtitle .layout_title .PD_slide:hover{transform:none;}


	


}
@media screen and (max-width:767px){
/*主標*/	
.Area_title .subtitle {position:absolute;top: 4vw; z-index: 2;animation:  bounceIn 1s 1s forwards ease-in;opacity: 0;}
.Area_title .subtitle .layout_title {width: 78%;top: 2vw;left: 2vw;}
.Area_title .subtitle .layout_title ul {}
	
	
}



/*版頭品入稿*/
@media screen and (min-width:768px){
	.Area_title  .titile03 {position:absolute;width: 890px;top: 310px;left: 165px;overflow: hidden;animation:  bounceIn 1s 0.8s forwards ease-in;opacity: 0;}
	.Area_title  .titile03 .PD_layout {}
	.Area_title  .titile03 .PD_layout ul {display:flex;}
	.Area_title  .titile03 .PD_layout ul li {}
	.Area_title  .titile03 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	
	

}
@media screen and (max-width:767px){
	.Area_title  .titile03 {position:absolute;width: 89%;top: 34vw;left: -1vw;right: 0;margin: auto;overflow: hidden;z-index: 4;animation:  bounceIn 1s 0.8s forwards ease-in;opacity: 0;}
	.Area_title  .titile03 .PD_layout {}
	.Area_title  .titile03 .PD_layout ul {display:flex;}
	.Area_title  .titile03 .PD_layout ul li {}
	.Area_title  .titile03 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	
	
}



/*登記*/
@media screen and (min-width:768px){
	.Area_danjiall {height:100%;}
		
	/**區標**/	
	.Area_danjiall .text {position:relative;width: 80%;margin: auto;}
	.Area_danjiall .text .layout_text {width: 100%;margin:0 auto;padding-top:50px;}
	.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
	.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
	
		
	.Area_danji {width:100%;}
	.Area_danji .danji_box {width:80%;margin:0 auto;}
	.Area_danji .danji_box .box_2 img {    filter: none  !important;}
	.Area_danji .warningTxt {margin-bottom:0;}
	.Area_danji .warningTxt h3 {color:#000000!important;}

	.Area_danjiall .active_tt {background: url(active_tt_02.png?t=1755252133626) top center no-repeat;background-size: 80%;height: 90px;margin-top: 35px;}
	.Area_danjiall .text_bottom{font-size: 25px;color: #fff;}
	
}	
@media screen and (max-width:767px){
	.Area_danjiall {height:100%;background: url(bg_02.jpg?t=1755252133626) top center;padding-bottom: 5vw !important;}
		
		
	/**區標**/	
	.Area_danjiall .text {position:relative;}
	.Area_danjiall .text .layout_text {width: 100%;margin:0 auto;padding-top:2vw;}
	.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
		
		
	.Area_danji {position:relative;width:100%!important;margin: 0;}
	.Area_danji .danji_box {margin:0!important}
	.Area_danji .danji_box .box_1 {width:95%;padding:0;margin:0 auto;}
	.Area_danji .danji_box .box_2 img {    filter: none  !important;}

	.Area_danji .warningTxt {padding-bottom:0;}
	.Area_danji .warningTxt h3 {color:#000000;}

	.Area_danjiall .active_tt {background: url(active_tt_02.png?t=1755252133626) top center no-repeat;background-size: 100%;height: 9vw;margin-top: 3vw;}
	.Area_danjiall .text_bottom{font-size: 3vw;color: #fff;}

}





/*滿額贈活動*/
@media screen and (min-width:768px){
	.red_top{margin-bottom: -1vw;}
	.red_bottom{margin-bottom: -1vw;}

	.Area_item .bg01 {z-index:-45;position:absolute;top: -60px;left:-390px;width:2000px;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}		
	.Area_item .bg02 {z-index:-45;position:absolute;top: 0px;left:-390px;width:2000px;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
	.Area_item .bg03 {z-index:-45;position:absolute;top: 74px;left:-390px;width:2000px;height:100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}	
	



	.Area_item {height:100%;padding-bottom: 5vw;margin-bottom: 5vw;}
	/**區標**/	
	.Area_item .text {position:relative;width: 80%;margin:58px auto 0;padding-top: 84px;}
	.Area_item .text .layout_text {}
	
		
	/*公版*/		
	.Area_item .layout_PD {}
	.Area_item .layout_PD ul {width:95%;margin:0 auto;}
	.Area_item .layout_PD ul li {background:url(mo_item_li.png?t=1755252133626)top center no-repeat;background-size:100%;}
	.Area_item .layout_PD ul li:nth-child(2) {background:url(mo_item_li_02.png?t=1755252133626)top center no-repeat;background-size:100%;}
	.Area_item .layout_PD ul li:nth-child(3) {background:url(mo_item_li_03.png?t=1755252133626)top center no-repeat;background-size:100%;}

	.Area_item .layout_PD ul li a {color: #fff;}
	.Area_item .layout_PD ul li .PD_img {margin-top: 2vw;margin-bottom: 3vw;}
	.Area_item .layout_PD ul li .PD_into {margin-top: 0;text-align: left;}

	.Area_item .layout_PD ul li:nth-child(even) .PD_img {position: relative;left: 603px;top: -55px;}
	.Area_item .layout_PD ul li:nth-child(even) .PD_into  {margin-left:-442px;margin-top: -68px;}
	.Area_item .layout_PD ul li .PD_into h3 {color: #ffda95;font-size: 58px;}

	.Area_item .layout_PD ul li .PD_into h4 {color: #fff;font-size: 55px;font-weight: 700;}

	.Area_item .layout_PD .PD_into p {/* color:#4f4e4e; */}
	.Area_item .layout_PD .PD_into p .js-PD_del {color:#dd99ff;display: none;}


}
@media screen and (max-width:767px){
	
	
		
		.red_top{margin-bottom: -1vw;}
		.red_bottom{margin-bottom: -1vw;height: 3vw;}
	
		.Area_item {height:100%;padding-bottom: 5vw;margin-bottom: 5vw;background-color: #d81d16;}
		/**區標**/	
		.Area_item .text {position:relative;width: 100%;margin:0 auto;}
		.Area_item .text .layout_text {}
		
			
		/*公版*/		
		.Area_item .layout_PD {}
		.Area_item .layout_PD ul {width:95%;margin:0 auto;}
		.Area_item .layout_PD ul li {background:url(mo_item_li.png?t=1755252133626)top center no-repeat;background-size:100%;}
		.Area_item .layout_PD ul li:nth-child(2) {background:url(mo_item_li_02.png?t=1755252133626)top center no-repeat;background-size:100%;}
		.Area_item .layout_PD ul li:nth-child(3) {background:url(mo_item_li_03.png?t=1755252133626)top center no-repeat;background-size:100%;}
	
		.Area_item .layout_PD ul li a {color: #fff;}
		.Area_item .layout_PD ul li .PD_img {margin-top:4vw;margin-bottom: 4vw;}
		.Area_item .layout_PD ul li .PD_into {margin-top: 0;text-align: left;margin-left: -4vw;}

		.Area_item .layout_PD ul li:nth-child(even) .PD_img {position: relative;left:53vw;}
		.Area_item .layout_PD ul li:nth-child(even) .PD_into  {margin-left:-37vw;}
		.Area_item .layout_PD ul li .PD_into h3 {color: #ffda95;font-size: 20px;font-weight: 700;}

		.Area_item .layout_PD ul li .PD_into h4 {color: #fff;font-size: 21px;font-weight: 700;}
	
		.Area_item .layout_PD .PD_into p {/* color:#4f4e4e; */}
		.Area_item .layout_PD .PD_into p .js-PD_del {color:#dd99ff;display: none;}
		
	}
	



/*中元限量澎派組*/
@media screen and (min-width:768px){
	.Area_hot {height:100%;z-index: 5;}
	/**區標**/	
	.Area_hot .text {position:relative;width: 80%;margin: 87px auto 0 auto;padding: 0;}
	
	/** 倒數 **/
	.TimerNick {position: absolute;top: 150px;left:0;right: 0;padding: 0;margin: 0;text-align: center;z-index: 0;}
	.TimerNick .FontStyle {display: inline-block;margin: 0;padding: 0;width: 22px;font:normal 43px/24px Arial;color: #ffffff;letter-spacing: 0;text-align: center;}
	.TimerNick span {padding-left: 40px;font: bold 30px/39px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0;color: #ffffff;}
	.TimerNick small{  position: relative; font: bold 15px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color:#95c1ff;}
	
		
		
	/*公版*/		
	.Area_hot .PD_layout {width:100%;margin:0 auto;}
	.Area_hot .PD_layout ul {width: 100%;}
	.Area_hot .PD_layout ul li {}
	.Area_hot .PD_layout ul li a {}
	
	
}
@media screen and (max-width:767px){
	.Area_hot {height:100%;background: url(bg_02.jpg?t=1755252133626) top center;}
	/**區標**/	
	.Area_hot .text {position:relative;width: 100%;margin: 5vw auto 0 auto;}
	/** 倒數 **/
	.TimerNick {position: relative;top: -4vw;left: 0;text-align:center;z-index:3;}
	.TimerNick .FontStyle {display: inline-block;margin: 0;padding: 0;font: normal 29px/25px Arial;color: #ffffff;letter-spacing:0;text-align: center;}
	.TimerNick span {padding-left: 0;font: bold 1.5em/31px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #ffffff;}
	.TimerNick small{  position: relative; font: bold 15px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color:#000000;}
	
		
	/*公版*/		
	.Area_hot .PD_layout ul {width: 96%; padding: 0;margin: 0 auto;grid-gap: 0.5em;margin-bottom: 5vw;}
	.Area_hot .PD_layout ul li { }
	.Area_hot .PD_layout ul li a {}
	
	
}




/*6品錨點區*/
@media screen and (min-width:768px){
	.Area_below .bg01 {z-index:-45;position:absolute;top: -60px;left:-390px;width:2000px;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}		
	.Area_below .bg02 {z-index:-45;position:absolute;top: 0px;left:-390px;width:2000px;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
	.Area_below .bg03 {z-index:-45;position:absolute;top: 74px;left:-390px;width:2000px;height:100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}	

	.Area_below  {height:100%;top: 8vw;background-color: #d81d16;}
	.Area_below .box {position: relative;width: 100%;margin:-4vw auto 2vw auto;border-radius: 1rem;padding-top:2vw; padding-bottom: 5vw;}
	.Area_below .box02 {position: relative;width: 96%;margin:-4vw auto 2vw auto;border-radius: 1rem;padding-top:2vw; padding-bottom: 2vw;}
		
	/**區標**/	
	.Area_below .box .layout_tt {position:relative;width:85%;margin:0 auto;padding-top:0vw;}
	.Area_below .box02 .layout_tt {position:relative;width:85%;margin:0 auto;padding-top:0vw;}

	/**區標	**/	
	.Area_below .text04 {width: 80%;margin:0 auto;}
	.Area_below .text04 .layout_text {}
		
	/**公版入稿**/		
	.Area_below .box .layout_PD {}

	}
@media screen and (max-width:767px){
	.Area_below  {background-color: #d81d16;margin-top: 1.5vw !important;padding-top: 8vw !important;}
	.Area_below .box {position: relative;width: 100%;margin: 0;border-radius: 2vw;padding-top: 2vw;padding-bottom: 3vw;}
	.Area_below .box02 {position: relative;width: 95%;margin: 3vw auto 0 auto;border-radius: 2vw;padding-top: 2vw;padding-bottom: 3vw;}
	
	/**區標**/	
	.Area_below .box .layout_tt {position:relative;width:99%;margin:0 auto;}
	/**區標	**/
	.Area_below .text04 {width: 100%;margin:0 auto;}
	.Area_below .text04 .layout_text {}	
	/**公版入稿**/		
	.Area_below .box .layout_PD {width: 96%}
	.tagstyle {padding-top: 8vw;}
	
		
}








	



/**bn輪播**/	
@media screen and (min-width:768px){
	.Area_bn {height:100%;top: 211px;}	
	.Area_bn .box {width:95%;overflow:hidden}	
	.Area_bn .box .PD_layout {}	
	.Area_bn .box .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;height:350px;}
	.Area_bn .box .PD_layout ul li {margin:0;padding:0;grid-gap:0;}
	.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin:30px 0;}
}
@media screen and (max-width:767px){
	.Area_bn {height:100%;background:url(bg_02.jpg?t=1755252133626)top center ;background-size:100%;}
	/**區標**/	
	.Area_bn .text {position:relative;padding-top: 8vw;margin-top: -2vw;}
	.Area_bn .text .layout_text {width:90%;margin:0 auto;padding-bottom:0;}
		
	/** 公版 **/	
	.Area_bn .box {background:url(bn_bg.jpg?t=1755252133626)top center  no-repeat;background-size:100%;padding-bottom: 7vw;}	
	.Area_bn .box .PD_layout {width:90%;overflow:hidden;padding-top: 7vw;}	
	.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:1vw 0;}
	
}
	
/* 旗艦館 */
@media screen and (min-width:768px){
	.guan{padding: 250px 0 50px !important;}
	.guan .guan_img{width: 60%;}
}


@media screen and (max-width:767px){
	.guan{background-color: #d81d16;padding: 8vw 0 5vw !important;}
	.guan .guan_img{width: 95%;}

}



	













/*移除公版設定*/
.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.2em;}
  .Area .swipwe_remove_box_style ul {}
}
	
	
	
	
	













/*置底*/
.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;}
	}