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

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


/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;overflow:hidden;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-color: #7c0106;}
		.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){
.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: -37;position:absolute;top: 457px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_repeat {z-index:-46;position:fixed;top: 0px;left:0;width:100%;height:100%;background-position:center 0px;background-repeat:repeat-y;transition:0.5s linear;pointer-events:none;}
.bg_deco {z-index: -46;position:fixed;top: 0px;left:0;width:100%;height:100%;background-position:center 0px;background-repeat:repeat-y;transition:0.5s linear;pointer-events:none;}

	
}


 #eWriterBtn_bt_B_000_03 { margin-left: 200px!important; margin-top: 60px!important; z-index: 99!important; }


@media screen and (max-width: 767px){

}


/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom01 {background:url(pc_bottom01.png?t=1739866789192)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;}
	.mo_top {z-index: 1;position:absolute;top: 44px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	


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




/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height: 782px;}
.pro_p001 {position:absolute;top: 442px;left: 419px;z-index: 8;opacity: 1;width: 350px;}
.pro_p001 img{width: 100%;}
.pro_p002 {position:absolute;top: 172px;left: 618px;z-index: 5;opacity: 1;width: 267px;}
.pro_p002 img{width: 100%;}
.pro_p003 {position:absolute;top: 54px;left: 463px;z-index: 4;opacity: 1;width: 300px;}
.pro_p003 img{width: 100%;}
.pro_p004 {position:absolute;top: 263px;right: 249px;z-index: 5;opacity: 1;width: 91px;animation: fadeInDown_s 0.6s 0.6s forwards ease-in,float 2s 2.2s infinite ease-in;opacity: 0;}
.pro_p004 img{width: 100%;}
.deco {position:absolute;top: 222px;left: 730px;z-index: 5;opacity: 1;width: 589px;}
.deco img{width: 100%;}		
.deco_pc {position:absolute;top: 132px;left: 610px;z-index: 5;opacity: 1;width: 619px;animation:big 0.5s 1.2s forwards ease-out;opacity: 0;}
.deco_pc img{width: 100%;}		

.right_pic {position:absolute;width: 590px;top: 459px;left: 1019px;z-index: 6;opacity: 1;}
.right_pic img{width: 100%;}
.left_pic {position:absolute;width: 350px;top: -73px;left: 1011px;z-index: 6;opacity: 1;}
.left_pic img{width: 100%;}
.right_pic02 {position:absolute;width: 433px;top: 530px;left: 732px;z-index: -34;opacity: 1;}
.right_pic02 img{width: 100%;}
.left_pic02 {position:absolute;width: 252px;top: 599px;left: 257px;z-index: 1;opacity: 1;}
.left_pic02 img{width: 100%;}
.stage {position:absolute;width: 1099px;top: 696px;left: 397px;z-index: -1;opacity: 1;}
.stage img{width: 100%;}
.left_pic_pc {position:absolute;width: 2000px;top: 208px;left: -390px;z-index: 1;opacity: 1;}
.left_pic_pc img{width: 100%;}
.right_pic_pc {position:absolute;width: 1362px;top: 505px;right: -390px;z-index: 0;opacity: 1;}
.right_pic_pc img{width: 100%;}
	
.light {z-index: 3;position:absolute;width: 782px;top: 0px;left: 256px;opacity: 1;mix-blend-mode: plus-lighter;animation:mask_dowmtotop  1.5s 0s forwards ease-in, brightness-play4  2s .5s infinite ease-in;opacity: 0;}
.light img{width: 100%;}

.light02 {z-index:1 ;position:absolute;width: 802px;top: 7px;left: 243px;opacity: 1;mix-blend-mode: plus-lighter;animation: pop_up 3s .8s infinite ease-in;}
.light02 img{width: 100%;}


}
@media screen and (max-width: 767px){
.Area_title {height: 109vw;/* background-color: #761b39; */top: 0vw;}

.pro_p001 {position:absolute;width: 45%;top: 60vw;left: 32vw;z-index: 5;}
.pro_p002 {position:absolute;width: 30%;top: 28vw;left: 56vw;z-index: 4;}
.pro_p003 {position:absolute;width: 40%;top: 8vw;left: 32vw;z-index: 3;}
.pro_p004 {position:absolute;width: 12.5%;top: 37vw;right: 6.5vw;z-index: 2;animation: fadeInDown_s 0.6s 0.6s forwards ease-in,float 2s 2.2s infinite ease-in;opacity: 0;}
.deco {position:absolute;width: 63.5%;top: 26vw;right: -13.5vw;z-index: 2;}
.deco_pc {position:absolute;width: 63.5%;top: 26vw;right: -13.5vw;z-index: 2;}
.right_pic {position:absolute;width: 63%;top: 84vw;right: -1vw;z-index: 2;}
.left_pic {position:absolute;width: 100%;top: 57vw;left: 0;z-index: 4;}
.right_pic02 {position:absolute;width: 67%;top: 62vw;right: -41vw;z-index: 1;}
.left_pic02 {position:absolute;width: 27%;top: 84vw;left: 41px;z-index: 3;}
.light {position:absolute;width: 99%;top: 4vw;left: 4vw;z-index: 1;mix-blend-mode: plus-lighter;animation:mask_dowmtotop  1.5s 0s forwards ease-in, brightness-play4  2s .5s infinite ease-in;opacity: 0;}
.light02 {position:absolute;width: 97%;top: 6vw;left: 4vw;z-index: 3;mix-blend-mode: plus-lighter;animation: pop_up 3s .8s infinite ease-in;}

}
	
/*主標入稿*/
@media screen and (min-width:768px){
/*主標*/		
.Area_title .title {position:absolute;width: 143px;height:auto;top: 140px;left: 191px;z-index: 7;margin: auto;}
.Area_title .title .layout_title {}
.Area_title .title .layout_title ul {}
.Area_title .title .layout_title .PD_slide:hover{transform:none;}	
/*date*/		
.Area_title .date {position:absolute;width: 352px;height:auto;top: 58px;right: 169px;z-index: 7;margin: auto;}
.Area_title .date .layout_title {}
.Area_title .date .layout_title ul {}
.Area_title .date .layout_title .PD_slide:hover{transform:none;}		

/*deco_title01*/		
.Area_title .deco_title01 {position:absolute;width: 119px;height:auto;top: 611px;left: 227px;z-index: 7;margin: auto;animation:mask_toptodowm  1.5s 0s forwards ease-in;opacity: 0;}
.Area_title .deco_title01 .layout_title {}
.Area_title .deco_title01 .layout_title ul {}
.Area_title .deco_title01 .layout_title .PD_slide:hover{transform:none;}	
/*副標輪播*/	
.Area_title  .subtitile {position:absolute;width: 125px;top:148px;left: 318px;overflow: hidden;z-index: 8;animation:fadeInDown_s 0.5s 0.4s ease-in forwards;opacity: 0;}
.Area_title  .subtitile .PD_layout {}
.Area_title  .subtitile .PD_layout ul {display:flex;}
.Area_title  .subtitile .PD_layout ul li {}
.Area_title  .subtitile .PD_slide:hover{transform:none;}
.Area_title  .subtitile .swipwe_remove_box_style ul li {background-color:#fff0!important;}	

}

@media screen and (max-width:767px){
/*主標*/	
.Area_title .title {position: absolute;top: 13vw;width: 20.2%;left: -75vw;right: 0;margin: auto;z-index: 9;}
.Area_title .title .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;}
.Area_title .title .layout_title ul {}
/*date*/	
.Area_title .date {position: absolute;top: 12vw;width: 38%;right: 4.5vw;margin: auto;z-index: 9;}
.Area_title .date .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;}
.Area_title .date .layout_title ul {}
	
/*deco_title01*/	
.Area_title .deco_title01 {position: absolute;top: 87.6vw;width: 15%;left: -70vw;right: 0;margin: auto;z-index: 9;animation:mask_toptodowm  1.5s 0s forwards ease-in;opacity: 0;}
.Area_title .deco_title01 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;}
.Area_title .deco_title01 .layout_title ul {}	
/*副標輪播*/	
.Area_title .subtitile {position:absolute;width: 18%;top: 15vw;left: 19vw;overflow: hidden;animation:fadeInDown_s 0.5s 0.4s ease-in forwards;opacity: 0;z-index: 27;}
.Area_title .subtitile .PD_layout {}
.Area_title .subtitile .PD_layout ul {display:flex;}
.Area_title .subtitile .PD_layout ul li {}
.Area_title .subtitile .swipwe_remove_box_style ul li {background-color:#fff0!important;}		

}


/*版頭品入稿*/
@media screen and (min-width:768px){

/** 公版 **/	
.Area_title .box_top {margin-top: 10px;}	
.Area_title .box_top .PD_layout {width: 90%;overflow:hidden;top: 564px;margin: auto;}	
.Area_title .box_top .PD_layout ul {display:flex;grid-gap: 0px;width: 90%;padding: 0;height: 384px;margin: 0;}
.Area_title .box_top .PD_layout ul li {background-color: #fff;border-radius: 15px;}
.Area_title .box_top .PD_layout .PD_into .Price {font-size: 39px!important;}	
.Area_title .box_top .PD_layout .swiper-pagination {position:relative;margin: 20px 0;}


}
@media screen and (max-width:767px){
.Area_title .topPD{position:absolute;top: 44vw;z-index:1;width: 95%;left: 2vw;}
	

/** 公版 **/	
.Area_title .box_top {}	
.Area_title .box_top .PD_layout {width:95%;overflow:hidden}	
.Area_title .box_top .PD_layout {top: 72vw;width: 80%;left: -1px;}
.Area_title .box_top .PD_layout ul {display:flex;padding: 0;grid-gap: 0; margin-left: 0;}
.Area_title .box_top .PD_layout ul li {background-color: white;border-radius: 0.5em;}
.Area_title .box_top .PD_layout .PD_into .Price {font-size:25px!important;}	
.Area_title .box_top .PD_layout .PD_into p {height: 2.2em!important ;}	
.Area_title .box_top .PD_layout .PD_into .js-PD_del {font-size:10px!important;}	
.Area_title .box_top .PD_layout .swiper-pagination {position:relative;margin: 3vw 0;}

}


/*本檔爆發攻略*/
@media screen and (min-width:768px){
	.cut_BN  {z-index:50;position: absolute;width:100%;top: 0px;left: 0px;margin: 0 auto 50px!important;}
	.cut_BN  ul li img {width:180px;}
	} 
	@media screen and (max-width:767px){
	.cut_BN  {z-index:50;position: absolute;width:100%;top: 0vw;left: 0vw;margin: 0 auto 5vw!important;}
	}


/*登記*/
@media screen and (min-width:768px){
	.Area_danjiall {z-index: 50;height:auto;margin-bottom:70px!important ;}
	
	/**區標**/	
	.Area_danjiall .text {position:relative;margin-bottom: 24px;}
	.Area_danjiall .text .layout_text {width: 50%;margin: 100px auto 0;padding:0;}
	.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
	.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:100%;margin:0 auto;/* padding-top: 57px; */}
	.Area_danji .danji_box .box_2 img {filter: brightness(100%)!important;}
	.Area_danjiall .warningTxt {margin-bottom:0;}
	.Area_danjiall .warningTxt h3 {color: #ffffff;font-size: 1.5rem;}
	
}	
@media screen and (max-width:767px){
	.Area_danjiall {z-index: 50;height:auto;margin-bottom:5vw!important ;}
		
	/**區標**/	
	.Area_danjiall .text {position:relative;}
	.Area_danjiall .text .layout_text {width: 90%;margin: 0px auto;padding-top: 3vw;padding-bottom: 2vw;}
	.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
	.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
	.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
		
	.Area_danjiall .Area_danji {}
	.Area_danjiall .Area_danji .danji_box {width: 96%!important;margin: 0px auto 0!important;}
	.Area_danjiall .Area_danji .danji_box .box_1 {margin-top: 0vw;}
	.Area_danji .danji_box .box_2 img {filter: brightness(100%)!important;}
		
	.Area_danji .danji_box ul li{ padding: 1vw !important;}	
	.Area_danjiall .warningTxt {}
	.Area_danjiall .warningTxt h3 {color: #ffffff;}
	.Area_danjiall .Area_bottom {padding-top:7vw;}				
		
}






/*活動按鈕02*/
@media screen and (min-width:768px){
	.Area_activity {height:100%;}


	/**區標**/	
	.Area_activity .text{position:relative;width: 80%;margin: 6px auto 2px;}
	.Area_activity .text .layout_text {width: 100%;margin:0 auto;padding-top: 0px;}
	.Area_activity .text .layout_text .PD_slide:hover{transform:none;}
	.Area_activity .text .layout_text .PD a {pointer-events: none!important}
	
	/*按鈕*/		
	.Area_activity .layout_btn {width: 67%!important;margin: -59px auto 34px auto;padding-top: 0px;z-index: 9;}
	.Area_activity .layout_btn ul {}
	.Area_activity .layout_btn ul li:nth-child(4) {left: 0;}
	.Area_activity .layout_btn ul li:nth-child(5) {left: 116px;}

	.Area_activity .PD_layout ul {}
	.Area_activity .PD_layout ul li {padding: 14px;}

}
@media screen and (max-width:767px){
	.Area_activity {}


	.Area_activity .PD_layout {}
	.Area_activity .layout_coupon ul {width: 95% !important;margin: 0 auto !important;}
	

	/*按鈕*/		
	.Area_activity .layout_btn {width: 93%!important;margin: 0px auto;padding-bottom:8vw;z-index: 9;}
	.Area_activity .layout_btn ul {}
	.Area_activity .layout_btn ul li{padding: 0vw;}

	.Area_activity .layout_btn ul li:nth-child(4) {left: 0;}
	.Area_activity .layout_btn ul li:nth-child(5) {left: 0;}


	/**區標**/	
	.Area_activity .text {position:relative;width: 100%;margin:0 auto;}
	.Area_activity .text .layout_text {padding-top: 4vw;}
	.Area_activity .text .layout_text .PD a {pointer-events: none!important}
	
	
}


/* 熱搜話題*/
@media screen and (min-width:768px){

	.Area_hatsale {z-index: 10;height:100%;display: flex;flex-wrap: wrap;}
	.Area_hatsale .bg_01{z-index:-45;position:absolute;top: 90px;left: -390px;width: 2000px;height: 52px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area_hatsale .bg_02{z-index:-45;position:absolute;top: 140px;left: -390px;width: 2000px;height: 462px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_hatsale .bg_03{z-index:-45;position:absolute;top: 602px;left: -390px;width: 2000px;height: 59px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}

	/** 倒數 **/
	.TimerNick {position: absolute;top: 150px;left: 409px;padding: 0;margin: 0;text-align: center;z-index: 0;}
	.TimerNick .FontStyle {display: inline-block;margin: 0;padding: 0;width: 16px;font: normal 33px/33px Arial;color: #b90a0c;letter-spacing: 0;text-align: center;}
	.TimerNick span {padding-left: 27px;font: bold 32px/24px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0;color: #b90a0c;padding-right: 13px;}
	.TimerNick small{  position: relative; font: bold 15px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color:#95c1ff;}
		

	
	.Area_hatsale .box {position:relative;margin-bottom:50px;width:97%;margin: 54px auto 100px;padding-bottom: 0px;}	
	.Area_hatsale .box .PD_layout ul{border-radius: 5px;}
	/**區標**/	
	.Area_hatsale .text {margin-bottom: 3vw;width: 58%;margin: 5px auto -5px;}

	.Area_hatsale .box .layout_PD ul {background-color: #ffffff00;grid-gap: 13px;padding:0 ;}
	.Area_hatsale .box .layout_PD ul li{border-radius:0.58em;/* padding: 0.5vw; */background-color: white;}
	.Area_hatsale .box .layout_PD .PD .PD_into {}
	.Area_hatsale .box .layout_PD .PD .PD_into h3{color: #fdebdd;font-size: 21px;}
	.Area_hatsale .box .layout_PD .PD .PD_into h4{}
	.Area_hatsale .box .layout_PD .PD .PD_into .PD_logo {border: 1px solid #d12922;border-radius: 105px;}
	.Area_hatsale .text .layout_text .PD_slide:hover{transform:none;}
	.Area_hatsale .text .layout_text .PD a {pointer-events: none!important}
	.Area_hatsale .text02 {width: 100%;margin: 0px auto;padding-top: 14px;}


}
@media screen and (max-width:767px){

	.Area_hatsale  {z-index: 10;}
	.Area_hatsale .hatsale_bottom{z-index: 1;position:absolute;bottom: -5vw;left: 0;width: 100%;height: 53px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}
	.Area_hatsale .hatsale_top{z-index: 1;position:absolute;top: 13vw;left: 0;width: 100%;height: 67px;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}

	.Area_hatsale .box {position: relative;top: 0vw;background: url("frame_02a_mb.png?t=1739866789192")top center repeat-y;height: 100%;background-size: 100%;margin-bottom: 11vw;}
	.Area_hatsale .box .PD_layout ul{margin-top: 6vw;margin-bottom: 0vw;}
	/** 倒數 **/
	.TimerNick {position: absolute;top: 17vw;text-align:center;z-index:3;margin:0 auto ;width:100% ;}
	.TimerNick .FontStyle {display: inline-block;margin-left: 3vw;padding: 0;font: normal 20px/33px Arial;color: #b90a0c;letter-spacing:0;text-align: center;}
	.TimerNick span {padding-left: 2px;font: bold 18px/18px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #b90a0c;margin-left: 4vw;}
	.TimerNick small{  position: relative; font: bold 15px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color:#c8e9ff;}

	/**區標**/	
	.Area_hatsale .text {width: 100%;margin:0vw auto -2vw;}
	.Area_hatsale .text .PD_layout {z-index: 9;top: -3vw;}
	.Area_hatsale .text .layout_text .PD_slide:hover{transform:none;}
	.Area_hatsale .text .layout_text .PD a {pointer-events: none!important}

	.Area_hatsale .text .PD_layout ul {padding: 0;}
	.Area_hatsale .text .PD_layout ul li .PD_img{width: 100%;padding-top: 0vw;padding-bottom: 0vw;}

	
	.Area_hatsale .text .layout_text .PD_slide:hover{transform:none;}
	.Area_hatsale .text .layout_text .PD a {pointer-events: none!important}


	/**公版入稿**/		
	.Area_hatsale .box .layout_PD {padding-bottom: 0vw;padding-top: 1vw;}
	.Area_hatsale .box .layout_PD ul {background-color: #ffffff00;grid-gap: 0.4em;width: 96%;}
	.Area_hatsale .box .layout_PD ul li{border-radius:0.58em;/* padding: 0.5vw; */background-color: white;}
	.Area_hatsale .box .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 6vw;}
	.Area_hatsale .box .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;}
	.Area_hatsale .box .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;}
	.Area_hatsale .box .layout_PD .PD .PD_into p{}
	.Area_hatsale .box .layout_PD .PD .PD_into .js-PD_del{}
	.Area_hatsale .box .layout_PD .PD .PD_into h3{color: #fdebdd;}

	.Area_hatsale .box .layout_PD .PD .PD_into h4{}
	.Area_hatsale .box .layout_PD .PD .js-PD_del {font-size: 12px !important;}
	.Area_hatsale .box .layout_PD .PD .Price {}
	
	.Area_hatsale .new_bottom{margin-top: -1vw;}

}





/* 熱搜話題*/
@media screen and (min-width:768px){

	.Area_gift {height:100%;display: flex;flex-wrap: wrap;}
	.Area_gift .bg_01{z-index:-45;position:absolute;top: -4px;left: -390px;width: 2000px;height: 199px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area_gift .bg_02{z-index:-45;position:absolute;top: 184px;left: -390px;width: 2000px;height: 440px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_gift .bg_03{z-index:-45;position:absolute;bottom: 0;left: -390px;width: 2000px;height: 127px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}

	
	.Area_gift .box {position:relative;margin-bottom:50px;width: 100%;margin: 54px auto 103px auto;padding-bottom: 0px;}	
	.Area_gift .layout_text  {top: 105px;}	
	.Area_gift .box .PD_layout ul{border-radius: 5px;}
	/**區標**/	
	.Area_gift .text {margin-bottom: 3vw;width: 60%;margin: -9px auto -5px;}

	.Area_gift .box .layout_PD ul {background-color: #ffffff00;grid-gap: 13px;}
	.Area_gift .box .layout_PD ul li{border-radius:0.58em;/* padding: 0.5vw; */background-color: white;}
	.Area_gift .box .layout_PD .PD .PD_into {}
	.Area_gift .box .layout_PD .PD .PD_into h3{color: #fdebdd;font-size: 21px;}
	.Area_gift .box .layout_PD .PD .PD_into h4{}
	.Area_gift .box .layout_PD .PD .PD_into .PD_logo {border: 1px solid #d12922;border-radius: 105px;}
	.Area_gift .text .layout_text .PD_slide:hover{transform:none;}
	.Area_gift .text .layout_text .PD a {pointer-events: none!important}
	.Area_gift .text02 {width: 100%;margin: 0px auto;padding-top: 14px;}


}
@media screen and (max-width:767px){

	.Area_gift  {height:auto ;margin:0 auto 10vw !important;}
	.Area_gift .hatsale_bottom{z-index: 1;position:absolute;bottom: -5vw;left: 0;width: 100%;height: 53px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}
	.Area_gift .hatsale_top{z-index: 1;position:absolute;top: 0vw;left: 0;width: 100%;height: 28vw;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}

	.Area_gift .box {position: relative;top: 0px;margin-top: 0vw;background: url("frame_02_mb.png?t=1739866789192")top center repeat-y;height: 100%;background-size: 100%;margin-bottom: 0vw;}
	.Area_gift .box .PD_layout ul{width: 96%;margin-top: -2vw;margin-bottom: 0vw;}
	
	/**區標**/	
	.Area_gift .text {width: 90%;margin: auto;}
	.Area_gift .text .PD_layout {z-index: 9;top: 9vw;}
	.Area_gift .text .layout_text .PD_slide:hover{transform:none;}
	.Area_gift .text .layout_text .PD a {pointer-events: none!important}

	.Area_gift .text .PD_layout ul {padding: 0;}
	.Area_gift .text .PD_layout ul li .PD_img{width: 100%;padding-top: 3vw;padding-bottom: 1vw;}

	
	.Area_gift .text .layout_text .PD_slide:hover{transform:none;}
	.Area_gift .text .layout_text .PD a {pointer-events: none!important}


	/**公版入稿**/		
	.Area_gift .box .layout_PD {padding-bottom: 0vw;padding-top: 5vw;}
	.Area_gift .box .layout_PD ul {background-color: #ffffff00;grid-gap: 0.4em;width: 95%;}
	.Area_gift .box .layout_PD ul li{border-radius:0.58em;/* padding: 0.5vw; */background-color: white;}
	.Area_gift .box .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 6vw;}
	.Area_gift .box .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;}
	.Area_gift .box .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;}
	.Area_gift .box .layout_PD .PD .PD_into p{}
	.Area_gift .box .layout_PD .PD .PD_into .js-PD_del{font-size: 10px !important;}
	.Area_gift .box .layout_PD .PD .PD_into h3{color: #fdebdd;}
	.Area_gift .box .layout_PD .PD .PD_into h4{}
	.Area_gift .box .layout_PD .PD .js-PD_del {font-size: 12px !important;}
	.Area_gift .box .layout_PD .PD .Price {}
	
	.Area_gift .new_bottom{margin-top: -1vw;}

}











@media screen and (min-width:768px){
	.Area_tagPD1 { height:auto;padding-bottom:  30px !important;}
	.Area_tagPD1 .box { }
	.Area_tagPD1 .title {z-index: 8; height: auto; position: relative; top:114px; margin: 0px auto; text-align: center; background-position: center top; background-repeat: no-repeat; }
	.Area_tagPD1 .box { overflow: hidden; }
	.Area_tagPD1 .PD_layout {padding: 130px 0 30px; margin: 0px; top: 0px; }
	.Area_tagPD1 .swiper-slide .PD_layout {padding: 0px 0 0px; margin: 0px; top: 30px;overflow:hidden;}
	.Area_tagPD1 .ul_box ul {position: relative;padding: 0;margin: 0 auto 70px;list-style: none;height: auto;top:0px;}
	.Area_tagPD1 .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height: auto; margin-bottom:60px;}
	.Area_tagPD1 .Area_sectionTitle ul {position: relative;padding: 0;margin: 0px;list-style: none;height: 100px!important;top:0px;}
	.Area_tagPD1 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
	.Area_tagPD1 .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 46px/80px "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#b90a0c;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
	.Area_tagPD1 .box_txt2 {position: absolute;margin: 0 auto;width: 100%;height: auto;}
	.Area_tagPD1 .box_txt2 img{width: 70%;}
	}
	@media screen and (max-width: 767px) {
	  .Area_tagPD1 { height:auto; margin-bottom: 4vw!important;}
	  .Area_tagPD1 .box { overflow:inherit; }
	  .Area_tagPD1 .title { position: relative; width: 100%; }
	  .Area_tagPD1 .box {padding-bottom: 10vw;}
	  .Area_tagPD1 .PD_Layout-D2_1f8s-PD .PD_layout .PD img { aspect-ratio: 1 / 1; }
	  .Area_tagPD1::before{display:none;}
	  .Area_tagPD1 .PD_layout ul {width:96%;padding:1vw!important;margin:3vw auto 0!important}	
	  
	  .Area_tagPD1 .swiper-slide .PD_layout {padding:0; margin-bottom: 0vw; top: 2vw;background-size:100%;}
	
	  .Area_tagPD1  h2 {display:block;overflow: hidden;float: none;position: relative;box-sizing: border-box;top:27vw;margin: 0px;padding: 0;width: 100%;height: 17vw;font-size: 7vw;font-family: "Noto Sans CJK SC";font-weight:bold;line-height: 1.7;text-align: center;color: #fff ;letter-spacing: 0;/*background:url(mb_22.jpg?t=1739866789192) no-repeat;background-size:100%;*/}
	  .Area_tagPD1 .Area_sectionTitle ul {position: relative;top: 3.3vw;list-style: none;}
	  .Area_tagPD1 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
	  .Area_tagPD1 .Area_sectionTitle ul li h5 {position: relative;top:0.2vw;margin: 0;padding: 0;width: 100%;height: 8vw;font: 6.5vw/6.5vw "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#b90a0c;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
	
	
	  .Area_tagPD1 .box_txt2 {position: absolute;margin: 0 auto;width: 100%;padding: 0vw 0vw 0vw;height: 15vw;}
	  .Area_tagPD1 .box_txt2 img{width: 100%;}
	
	}





	

/*活動按鈕02*/
@media screen and (min-width:768px){
	.Area_guan {height:auto;}

	/*按鈕*/		
	.Area_guan .layout_btn {z-index: 9;width: 30%!important;margin: 30px auto 40px ;padding: 0px;}


}
@media screen and (max-width:767px){
	.Area_guan {}


	/*按鈕*/		
	.Area_guan .layout_btn {width: 50%!important;margin: 20px auto;padding-bottom:2vw;z-index: 9;}
	.Area_guan .layout_btn ul {}
	.Area_guan .layout_btn ul li{padding: 0vw;}

	.Area_guan .layout_btn ul li:nth-child(4) {left: 0;}
	.Area_guan .layout_btn ul li:nth-child(5) {left: 0;}

	
	
}


/*移除公版設定*/

.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: -2px;}
@media screen and (max-width:767px){
  .Area .swipwe_remove_box_style ul { width: 100%;}
  .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;}


	}





/*按鈕*/
.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);
}