@charset "utf-8";
/*基本*/
body {margin: 0; padding:0; background-color: #852845;}


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

	}


/*PC背景*/
@media screen and (min-width:767px){
.bg_fix { z-index:-55; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_fix2 { 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:-55;position:absolute;top: 895px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco { z-index: -50; position:absolute; top: 900px; left: 0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.top_light { z-index: 10; position:absolute; top: 0; left: 0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; mix-blend-mode: screen;}
.bg_repeat { z-index:-58; position: absolute; top:1800px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none; mix-blend-mode: multiply;}
	}

@media screen and (max-width:767px){
.mo_top { z-index:-40; position:relative; top: 0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}
.m_top_light { z-index:-30; position:absolute; top: 0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%; mix-blend-mode: screen;}
.m_bg_fix { z-index: -47; position:fixed; top: 0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%; }
.m_bg_fix2 { z-index: -45; position:fixed; top: 0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%; }
.m_fix { z-index:99; position:fixed; top:0vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: bottom; pointer-events:none;background-size: 100%;}
}

	

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
	.Area .go_bt:hover { 
		-webkit-transform:none;
		 -moz-transform:none;
			-ms-transform:none;
			 -o-transform:none;
				transform:none;}
	.Area1220 { width:100%;}
	.Area960 { width:100%;}
	.Area img{ width:100%;}
	.Area { position: relative;}

	}

	
/*版頭區塊*/
.Area_title {height: 930px;z-index: 20;}
.Area_title .PD_layout .PD_slide{min-width:inherit;}
.toptitle .PD_layout .PD a,.top_pd .PD_layout .PD a { pointer-events: none;}
.toptitle { z-index: 5;}

.toptitle .PD_layout li:nth-of-type(1) {position: relative;width: 20%;margin: 0 auto;top: 60px;z-index: 10;}
.toptitle .PD_layout li:nth-of-type(2) {position: relative;width: 65%;margin: 0 auto;top: 60px;z-index: 10;}
.toptitle .PD_layout li:nth-of-type(3) {position: relative;width: 60%;margin: 0 auto;top: 5px;z-index: 10;}
.toptitle .PD_layout .PD img { width: 100%!important;}
.Area_title .toppd{position:relative;right: 24px;bottom: 458px;z-index:0;}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_00 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }
@media screen and (max-width:767px){
.Area_title {height: 132vw;}
.Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
.toptitle .PD_layout li:nth-of-type(1) {width: 30%;position: relative;margin: 0 auto; top: 5vw;z-index: 10;}
.toptitle .PD_layout li:nth-of-type(2) {width: 94%;position: relative;margin: 0 auto; top: 7vw;z-index: 10;}
.toptitle .PD_layout li:nth-of-type(3) {width: 85%;position: relative;margin: 0 auto; top: 1vw;z-index: 10;}
.toptitle .PD_layout .PD img { width: 100%!important; }
.Area_title .mb_toppd01{position:absolute;top: 51.5vw;left: 4.5vw;width: 90%;z-index: 5;}
}


/*區塊標題960_01*/
.Area .txt00 {top:0;height: 115px;padding: 0;margin: 0 auto 0;width: 75%!important;background: url("below_txt01.png?t=1776923631746") center top/ 100% no-repeat scroll;z-index: 2;}
.Area .txt00 ul { padding: 0;margin: 0 ; grid-gap: 0;}
.Area .txt00 ul li { background-color: transparent; pointer-events: none;}
.Area .txt00 ul li .PD_into { padding: 0;}
.Area .txt00 ul li h5 {padding: 20px 0 0 0;margin: 0 auto;font: bold 55px/55px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -1px;text-align: center;background: -webkit-linear-gradient(27deg, #ffd7e3 0%, #ffffff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

@media screen and (max-width:767px){
.Area .txt00 {padding: 0;margin: 0 auto;height: 14vw;width: 82%!important;background: url("below_txt01.png?t=1776923631746") center top/ 100% no-repeat scroll;}
.Area .txt00 ul li h5 { font: bold 6.5vw/6.5vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;}
.Area .txt00 ul li h5 {margin: 0 auto;padding: 2.2vw 0 0 0;}
}



/*活動攻略(線上入搞)*/
@media screen and (max-width:767px){
.Area_30pd .PD_layout01 {width: 96%;margin:0 auto 0;}
}


@media screen and (min-width:767px){
.mbottom1 { margin-bottom:60px !important}
}
@media screen and (max-width:767px){
.mbottom1 { margin-bottom:8vw !important}
}


/*注意事項區*/
.edm_notice{position: relative;text-align:center;padding:10px 10px 15px 10px;color: #fff;font:12px/18px Helvetica;}
.edm_notice .apple_notice{position: relative;  padding:10px 0px 10px 0px; }


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