@charset "utf-8";
/*基本*/
@media screen and (min-width:768px){
body {margin: 0; padding:0;background-color: #f9ecb7;}
}
@media screen and (max-width:767px){
body{margin: 0; padding:0;background-color: #f9ecb7;}
}


/*全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%;  }
	}

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

	}


/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#fff;font-size: 12px; text-align: center;}
@media screen and (max-width:767px){
.apple_txt{position: relative;margin:0 0 0 0;padding: 3% 4% 3% 4%; color:#fff; }
}


/*隱鑶*/
.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;}
	}


/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;} 


/* 背景 */
@media screen and (min-width:768px){
	.bg01{z-index: -1;position: absolute;top: 0px;left:0px;height: 100%;width: 100%;min-width: 1220px;background-position: center top;background-repeat: no-repeat;pointer-events: none;}
	.bg02{z-index: -1;position: absolute;top: 478px;left: 0;height: 100%;width: 100%;min-width: 1220px;background-position: center top;background-repeat: no-repeat;pointer-events: none;}

	/* deco */
	.deco01{z-index: 0;position: absolute;top: 215px;left: 0;height: 100%;width: 100%;min-width: 1220px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
	.deco02{z-index: 0;position: absolute;top: 4200px;left: 0;height: 100%;width: 100%;min-width: 1220px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
	.deco03{z-index: 0;position: absolute;top: 6600px;left: 0;height: 100%;width: 100%;min-width: 1220px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
	.deco04{z-index: 0;position: absolute;top: 9500px;left: 0;height: 100%;width: 100%;min-width: 1220px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}

}
@media screen and (max-width:767px){
  	.bg01{z-index: -1;position: absolute;top: 11vw;left: 0;height: 100%;width: 100%;max-width: 100%;background-size: 100%;background-position: center top;background-repeat: no-repeat;pointer-events: none;}
  	.bg02{z-index: -66;position: absolute;top: 119vw;left: 0;height: 100%;width: 100%;max-width: 100%;background-size: 100%;background-position: center top;background-repeat: no-repeat;pointer-events: none;}
	/* deco */
  	.deco01{z-index: -1;position: absolute;top: 56vw; left: 1vw;height: 100%;width: 100%;max-width: 100%;background-size: 100%;background-position: center top;background-repeat: no-repeat;pointer-events: none;}
  	/* .deco02{z-index: -1;position: absolute;top: 663vw;left: 0;height: 100%;width: 100%;max-width: 100%;background-size: 100%;background-position: center top;background-repeat: no-repeat;pointer-events: none;}
  	.deco03{z-index: -1;position: absolute;top: 998vw;left: 0;height: 100%;width: 100%;max-width: 100%;background-size: 100%;background-position: center top;background-repeat: no-repeat;pointer-events: none;} */
}

/* 間距 */
@media screen and (min-width:768px){
	.bottom{margin-bottom: 80px;}
	.bottom01{margin-bottom: 50px;}
}

@media screen and (max-width:767px){
	.bottom{margin-bottom: 8vw;}
	.bottom01{margin-bottom: 5vw;}
}

/* 各區標題 */
.txt a{pointer-events: none;}
@media screen and (min-width:768px){
	.txt{width: 80%;}
}

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

}

/*主標*/
.top .toptitle {position: absolute; top: 25px;left: 385px; width: 40%;z-index: 0;}
@media screen and (max-width:767px){
.top .toptitle {position: absolute; width: 61%;left: 22vw;top: 3.5vw;}
}

/* 00.版頭 */
@media screen and (min-width:768px){
	.top{height: 1015px}
	/* 副標 */
	.top .sub{position: relative;top: 250px;left: 25px;}
	.top .sub img{width: 53%;}
	.top .sub ul{display: flex;flex-wrap: nowrap;}
}

@media screen and (max-width:767px){
	.top{height: 140vw}
	/* 副標 */
	.top .sub{position: relative;top: 34vw;left: 2vw;}
	.top .sub ul{display: flex;flex-wrap: nowrap;}
}

/*版頭品*/
.top .toppd{position: absolute;left: 314px;top: 368px;width: 53%;}  
@media screen and (max-width:767px){
  .top .toppd{position: absolute;top: 52vw;width: 84%;left: 11vw;}  
}


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

.Area_danji{width: 97%;}


/* 04.下方公版 */
@media screen and (min-width:768px){
	.down_version{margin-top: -100px;}
}

@media screen and (max-width:767px){
	.down_version{margin-top: -10vw}
	.down_version .down_version_box .down_version_pd3{width: 95%;}
}





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