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

/*基本*/
body{margin:0;padding:0;}

/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;width:100%;min-width:1220px;text-align:left;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;padding-bottom: 30px;overflow: hidden;background-color: #ea663f;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration: none;}

/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;padding-bottom: 0;}
		.WRAPPER img {  width:100%;  height:auto; }
	}


/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em; }
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}

/*PC背景*/
@media screen and (min-width:768px){
.bg_fix {z-index: -65;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco {z-index: -30;position:absolute;top: 1100px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -70;position:absolute;top: 0;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco01 {z-index: 1;position:absolute;top: 0;left: 50%;transform: translateX(-866px);width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco02 {z-index: 1;position:absolute;top: 0;left: 50%;transform: translateX(825px);width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco_top {z-index: 40;position:absolute;top: 642px;left: 310px;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
}

@media screen and (max-width:767px){
.m_bg_fix {z-index:-8;position:absolute;top: 11vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.m_bg_repeat {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
}




/*間距*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 70px!important;}
.Area_bottom2 { margin-bottom: 20px!important; }
}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 8vw!important;}
.Area_bottom2 { margin-bottom: 0vw!important; }	
}




/*版頭區塊*/
.Area_title img{ width: 100%; }
@media screen and (min-width:768px){
.Area_title {height: 1200px;z-index: 20;}
.top_deco01 {position: absolute;top: 266px;left: 1003px;z-index: 2;width: 11%;pointer-events: none;}	
.title_deco {position: absolute;top: 84px;left: 615px;z-index: 10;width: 14%;pointer-events: none;}				
}

@media screen and (max-width:767px){
.Area_title {height: 149vw;z-index: 20;}
.top_deco01 {position: absolute;top: 27vw;left: 88vw;z-index: 10;width: 16%;}	
.title_deco {position: absolute;top: 13.5vw;left: 49.3vw;z-index: 15;width: 19%;pointer-events: none;}	
.m_top_deco01 {position: absolute;top: -1vw;left: 0;z-index: -10;width: 21%;pointer-events: none;}	
.m_top_deco02 {position: absolute;top: 34.8vw;right: 0;z-index: -10;width: 29%;pointer-events: none;}		
}


/*版頭主標微調*/
.Area_title img{width: 100%;border-radius: 0!important;}
.Area_title .PD_layout .PD_slide { min-width:auto; }
.Area_title .PD_layout ul{ background-color: #0000;  }
.Area_title .PD_layout li { border:none; }

@media screen and (min-width: 768px){
.title { z-index: -10; }
.title .PD_layout li:nth-of-type(1) {position: absolute;top:97px;left: 287px;z-index: 10;width: 39%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 497px;left: 989px;z-index: 10;width: 15%;transform: rotate(4deg);}
.title .PD_layout .PD img { width: 100%!important; }
.top_pd { z-index: -5; }
.top_pd .PD_layout ul{ padding: 0; }
.top_pd .PD_layout li:nth-of-type(1) {position: absolute;top: 42px;left: 688px;width: 31%;z-index: 30;}
.top_pd .PD_layout li:nth-of-type(2) {position: absolute;top: 358px;left: 158px;width: 23%;z-index: 30;}
.top_pd .PD_layout .PD img {width: 100%!important;}	
.Area_title .deco_txt {position: absolute;top: 74px;left: 1150px;width: 18%;}
.Area_title .deco_txt .deco_txt_02 { margin-top: -2%;}
.Area_title .deco_txt .deco_txt_03 { margin-top: 0;}
.Area_title .deco_txt .deco_txt_04 { margin-top: 0}
	
.Area_title .deco_txt2 {position: absolute;top: 316px;left: -100px;width: 18%;}
.Area_title .deco_txt2 .deco_txt_02 { margin-top: -2%;}
.Area_title .deco_txt2 .deco_txt_03 { margin-top: 0;}
.Area_title .deco_txt2 .deco_txt_04 { margin-top: 0;}
	
}

@media screen and (max-width:767px){
.title {position: relative;top: 1vw;left: 15vw;}
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 15.9vw;left: 1.5vw;z-index: 10;width: 49%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 55.3vw;left: 74.8vw;z-index: 30;width: 24%;transform: rotate(358deg);}
.title .PD_layout .PD img { width: 100%!important; }
.top_pd {position: relative;}
.top_pd .PD_layout ul{ padding: 0; }
.top_pd .PD_layout li:nth-of-type(1) {position: absolute;top: 1vw;left: 55.4vw;width: 44%;z-index: 10;}
.top_pd .PD_layout li:nth-of-type(2) {position: absolute;top: 43vw;left: 0.7vw;width: 31%;z-index: 30;}
.top_pd .PD_layout .PD img {width: 100%!important;}	
}


/*版頭線上入搞品*/
/* .Area_title .box01 .PD_layout .PD_into { align-items: center;} */
/* .Area_title .box01 .PD_layout .PD h3 { width: 100%; } */
/* .Area_title .box01 .PD_layout[data-pd-h3="5"] .PD h3 span{ max-width: 100%!important; } */
/* .Area_title .box01 .PD_layout .PD h3,.Area_title .box01 .PD_layout .PD h4 { margin-bottom: 0; } */
/* .Area_title .box01 .PD_layout .PD_slide { background-color: #fff; border-radius: 0.5em; } */
/* .Area_title .box01 .PD_layout .PD_slide:hover { box-shadow: none; } */
/* .Area_title .box01 .PD_layout .PD p	{color: #e765d2;} */
/* .Area_title .box01 .PD_layout .PD h3 span { background-color: #0000; } */
/* .Area_title .box01 ul.PD_wrapper { position: relative; display: flex; flex-wrap: nowrap; margin: 0; width: 100%; box-sizing: content-box; background-color: rgba(0,0,0,0); } */
/* .Area_title .box01 ul.PD_wrapper li{ flex-shrink: 0; margin: 0; padding: 0; min-width: auto; background-color: #fff; border-top: none; border-right:none; border-radius: 0.5em;} */

@media screen and (min-width: 768px){
/* .top_PD .Area_swiper ul{height: 400px;} */
.Area_title .box01 {position: relative;top: 685px;left: 85px;z-index: 20;width: 1114px;border-radius: 1em;overflow: hidden;}
.PD_boxbg {position: absolute;top: 735px;left: 0;z-index: 10;}	
/* .Area_title .box01 ul{grid-gap: 0;padding: 10px 0 30px;} */
}
@media screen and (max-width:767px){
/* .top_PD .Area_swiper_box ul{height: 62vw;} */
.Area_title .box01 {position: relative;width: 100%;overflow: hidden;top: 74vw;right: -9.6vw;z-index: 20;}
.PD_boxbg {position: absolute;top: 60vw;left: 0;z-index: 10;height: 66vw;}	
.PD_boxbg::after {content:"";position: absolute;display:block;left: 0;top: 14vw;width: 100%;height: 103%;pointer-events:none;z-index: -1;background-color: #c9ee51;}
/* .Area_title .box01 ul{grid-gap: 0;padding: 0 0 5vw;} */
/* .Area_title .box01 .PD_layout .PD p del {font-size: 0.7em;} */
/* .Area_title .box01 .PD_layout .PD p .Price{ font-size: 1.5em; } */
}



/*副標*/
.sub .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 404px;left: 277px;width: 50%;height: 210px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 94%;}	
/*.sub::after {content:"";position: absolute;display:block;top: -6px;left: 57px;width: 86%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1748842333731") center top/100% no-repeat scroll;}*/
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 49vw;left: 10vw;width: 70%;height: 20vw;z-index: 3;overflow: hidden;}
.sub .PD_layout .PD img {width: 88.5%;padding: 0;}
/*.sub::after {content:"";position: absolute;display:block;top: -1vw;left: 6vw;width: 86%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1748842333731") center top/100% no-repeat scroll;}*/
}



/*公版背景*/
.box_txt ul,.box_txt2 ul,.box_txt3 ul,.box_txt4 ul{ padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt .PD_layout .PD h3 {color: #fff7ff;font-size: 3.2em;font-family: "Century Gothic";letter-spacing: -1px;}
.box_txtbg::after {content:"";position: absolute;display:block;top: -20px;left: 0;width: 100%;height: 116%;pointer-events:none;z-index: 10;background: url("box_txtbg.png?t=1748842333731") center top/100% no-repeat scroll;}	
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;z-index: 30;}
.box_txt img{width: 100%;}
.box_txt .PD_layout .PD h3 {color: #fff;font-size: 1.5em;letter-spacing: -2px;line-height: 11vw;font-family: "Century Gothic","微軟正黑體";max-height: 9vw;font-weight: bold;}
.box_txtbg::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("box_txtbg.png?t=1748842333731") center top/100% no-repeat scroll;}	
}

/* 推入稿 */
#eWriterBtn_bt_B_000_v0-he1{position: absolute;left: 130px;top: 90px;}


/*區塊0*/
.Area00 ul.btn { pointer-events: none; } 
.Area00 ul.btn li{ list-style: none; } 
.Area00 ul.btn li a { opacity: 0; } 
.Area00 ul.btn li.selected a { opacity: 1;} 
.Area00 .Area00_bg {position: absolute;top: 0;width: 100%;z-index: -10;}	

@media screen and (min-width: 768px){
.Area00 {z-index: 30;height: auto;padding-bottom: 50px;margin: 0!important;}
.box04_bg {z-index: -40;position:absolute;top: 880px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area00 .box01 .btn{position: relative;height: auto;display: block!important;top: 0;left: -14px;}
.Area00 .box01 .btn .Area00_btn{position: absolute;top:0;right: 113px;}
.Area00 .box01{position: relative;margin-top: -26px;height: 510px;}
.Area00 .box02{position: relative;height: auto;padding-bottom: 0;}
.Area00 .box03{position: relative;height: auto;}	
.Area00 .box02 .bn3 ul{grid-gap: 20px;padding: 7px 140px 0;}	
.Area00 .Area_icon{position: relative;top: 260px;z-index: 4;}
.Area00 .Area_icon .PD_layout ul {width: 77%;margin: 0 auto;padding: 0 0 2%;}
	
.Area00 .box02 .bn3 .PD_slide{padding: 7% 6% 24%;background: url("bn3_bg.png?t=1748842333731") center top/100% no-repeat scroll;}			
.Area00 .box02 .bn3 .PD_into {padding: 9% 7% 0;}
.Area00 .box02 .bn3 .PD h3,.Area00 .box02 .bn3 .PD h4 {color: #000;max-height: 1.5em;font-size: 1.3em;}	
.Area00 .box02 .bn3 .PD img {width: 90%;}
	
}

@media screen and (max-width: 767px){
.Area00 {height: auto;z-index: 0;margin-bottom: 4vw!important;}
.m_box04_bg {z-index: -1;position:absolute;top: 94vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.Area00 .box_all{position: relative;height: auto;}
.Area00 ul.btn{ display: block!important; }
.Area00 ul.btn li {position: absolute;top: 6.7vw;left: 0;}
.Area00 .box01 .btn{position: relative;top: -7vw;margin: 0;}
	
.Area00 .box01{position: relative;height: 52vw;}
.Area00 .box02{position: relative;height: auto;}
.Area00 .box02 .bn3 ul{padding: 0 2%;}
.Area00 .box03 {padding: 0 3% 0;}		
.Area00 .box03 .coupon { padding: 1% 0 0; }
.Area00 .Area_icon{position: relative;top: 27vw;padding: 0 1.4%;}	
.Area00 .Area_icon ul{ width: 100%;}	
.Area00 .Area_icon .remove_box_style ul { width: 100%;grid-gap: 0!important;}	
	
.Area00 .box02 .bn3 .PD_slide{padding: 7% 6% 18%;background: url("bn3_bg.png?t=1748842333731") center top/100% no-repeat scroll;}			
.Area00 .box02 .bn3 .PD_into {padding: 10% 0 0;}
.Area00 .box02 .bn3 .PD h3 {color: #000;max-height: 1.5em;}	
.Area00 .box02 .bn3 .PD img {width: 90%;}
}



/*區塊2*/
@media screen and (min-width: 768px){
.Area02 {z-index: 30;height: auto;}
.Area02 .box_all{position: relative;height: auto;padding: 0 2% 2%;}
.Area02 .box_all::after {content:"";position: absolute;display:block;left: 0;bottom: 0;width: 100%;height: 104.7%;pointer-events:none;border-radius: 1em;z-index: -1;background: url("m_Area02_bg.jpg?t=1748842333731") center bottom/100% repeat-y scroll;}
}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_v2-he2 { margin-left: -2.5px!important; margin-top: 70px!important; z-index: 99!important; }

@media screen and (max-width: 767px){
.Area02 {height: auto;z-index: 30;}	
.Area02 .box_all{position: relative;height: auto;padding-bottom: 4vw;}
.Area02 .box_all .PD_layout{width: 96%;}
.Area02 .box_all::after {content:"";position: absolute;display:block;left: 0;bottom: 0;width: 100%;height: 101.7%;pointer-events:none;z-index: -1;background: url("m_Area02_bg.jpg?t=1748842333731") center bottom/100% repeat-y scroll;}
}


   





/*區塊4*/
@media screen and (min-width: 768px){
.Area04 {}
.Area04 .box_all {position: relative;padding: 3% 19%;height: 550px;}
.Area04 .box_all::after {content:"";position: absolute;display:block;left: 0;top: 0;width: 100%;height: 100%;pointer-events:none;z-index: -40;background: url("Area04_bg.png?t=1748842333731") center top/100% no-repeat scroll;}
/* .Area04_deco {position: absolute;top: 280px;left: 557px;width: 8%;z-index: 30;} */
.Area04_deco img{ width: 100%; }
	
}
@media screen and (max-width:767px){
.Area04 {padding-bottom: 5vw!important;}
.m_Area04_top {z-index:-50;position:absolute;top: 14vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_Area04_repeat {z-index:-50;position:absolute;bottom: 0;left:0;width:100%;height: 90%;background-repeat:repeat-y;background-position: center bottom;pointer-events:none;background-size: 100%;}
.Area04 .box_all {position: relative;padding: 3% 2% 0;}
/* .Area04_deco {position: absolute;top: 36vw;left: 42.8vw;width: 14%;z-index: 30;} */
}

/*作圖區調整*/
@media screen and (min-width: 768px){
.Area04 .PD_box.PD_layout .PD_slide{height: 520px;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(2){margin-top: 25px;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(1)::after {content:"";position: absolute;display:block;left: 0;top: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area04_PDbg.png?t=1748842333731") center top/100% no-repeat scroll;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(2)::after {content:"";position: absolute;display:block;left: 0;top: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area04_PDbg.png?t=1748842333731") center top/100% no-repeat scroll;}
.Area04 .PD_box.PD_layout .PD h3 {position: absolute;top: -7px;right: 37px;color: #000;font-size: 2em;font-weight: 600;letter-spacing: -1px;}
.Area04 .PD_box.PD_layout .PD_img {margin-top: 60px;padding: 1% 5% 9%;}
.Area04 .PD_box.PD_layout .PD_img img{border: #000 3px solid;border-radius: 1em;}
.Area04 .PD_box.PD_layout .PD h4,.Area04 .PD_box.PD_layout .PD p del {color: #fff;width: 100%;font-size: 1.3em;}
/* .Area04 .PD_box.PD_layout li:nth-of-type(1) .PD p .money,.Area04 .PD_box.PD_layout li:nth-of-type(1) .PD p .Price { color: #f08fd5; } */
/* .Area04 .PD_box.PD_layout li:nth-of-type(2) .PD p .money,.Area04 .PD_box.PD_layout li:nth-of-type(2) .PD p .Price { color: #cbed5f; } */
.Area04 .PD_box.PD_layout ul {grid-gap: 115px;}
}
@media screen and (max-width:767px){
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(2){margin-top: 3vw;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(1)::after {content:"";position: absolute;display:block;left: 0;top: 2vw;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area04_PDbg.png?t=1748842333731") center top/100% no-repeat scroll;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(2)::after {content:"";position: absolute;display:block;left: 0;top: 2vw;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area04_PDbg.png?t=1748842333731") center top/100% no-repeat scroll;}
.Area04 .PD_box.PD_layout .PD h3 {position: absolute;top: 1%;right: 9%;color: #000;font-size: 1.2em;font-weight: 600;letter-spacing: -1px;}
.Area04 .PD_box.PD_layout .PD_img {margin-top: 11vw;padding: 0 5% 5%;}
.Area04 .PD_box.PD_layout .PD_img img{border: #000 2px solid;border-radius: 0.5em;}
.Area04 .PD_box.PD_layout .PD h4,.Area04 .PD_box.PD_layout .PD p del {color: #fff;width: 95%;}
/* .Area04 .PD_box.PD_layout li:nth-of-type(1) .PD p .money,.Area04 .PD_box.PD_layout li:nth-of-type(1) .PD p .Price { color: #f08fd5; } */
/* .Area04 .PD_box.PD_layout li:nth-of-type(2) .PD p .money,.Area04 .PD_box.PD_layout li:nth-of-type(2) .PD p .Price { color: #cbed5f; } */
}


/*登記贈品文案顏色*/

.Area_danji .danji_box ul li .activityText .gifts span { color: #cbed5f;}   

 


/** 倒數 **/
.TimerNick_2 {position: relative;width: 100%;padding: 0.4% 0 0;top: -7px;left: 0;margin: 0 auto;height: 50px;z-index: 50;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 62px;top: 0;font: normal 41px/42px Arial;color: #fff;letter-spacing: 0px;text-align:right;height: 44px;}

.TimerNick_2 span {padding-left: 6px;font: 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 700;color: #fff;}
.TimerNick_2 small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #2a0d05;}
@media screen and (max-width:767px){
	.TIMER {position: relative;top:-2vw;}
	.TimerNick_2 {position: relative; margin: 0 auto;width: 100%;top: 0;left: 0;height: 8vw;text-align: center;padding: 0;}
	.TimerNick_2 .FontStyle {margin:0;padding: 0 0.8vw;border:0px;width: 5vw;height: 5vw;font: bold 22px/42px Arial;letter-spacing: -1px;}
    .TimerNick_2 div:nth-of-type(2),
	.TimerNick_2 div:nth-of-type(3),
	.TimerNick_2 div:nth-of-type(4){width: 5vw;}
	.TimerNick_2 span {font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}




/*區塊6*/
.Area06 .PD_layout.PD_layout-coupon3 .PD .divine_coupon{color: #000;}
@media screen and (min-width: 768px){
.Area06 {margin-bottom: 30px!important;}
.Area06 .box_all {position: relative;margin: 0 11%;}
.Area06 .box_all .coupon2 { padding-top: 20px; }
}
@media screen and (max-width:767px){
.Area06 {margin-bottom: 0!important;}	
.Area06 .box_all {position: relative;padding: 0 2%;}
.Area06 .box_all .coupon2 { padding-top: 2vw; }
}



/*區塊7*/
@media screen and (min-width: 768px){
.Area07 {margin-bottom: 80px!important;}
.Area07 .box_all {position: relative;}
}
@media screen and (max-width:767px){
.Area07 .box_all {position: relative;padding: 0 2% 0;}
}


/* bn */
@media screen and (min-width: 768px){
	.Area_bn .Area_swiper ul{height: 272px;}
	.Area_bn .Area_swiper ul li{background-color: transparent;}
	}
@media screen and (max-width: 767px){
.Area_bn .Area_swiper ul{height: 39vw;}
.Area_bn .Area_swiper ul li{background-color: transparent;}

}

/*區塊9*/
@media screen and (min-width: 768px){
.Area09 {height: auto;margin-bottom: 70px!important;}
.Area09 .Area_slide {margin-bottom: 50px;;}

}
@media screen and (max-width: 767px){
.Area09 {height: auto;}
.Area09 .Area_slide {margin-bottom: 3vw;;}

}


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





/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area {position: relative;margin:0 auto;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);}




	@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;}
	}




/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}


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




/*飄動*/
	.bgtop_l-play { -webkit-animation:bgtop_l-play 50s linear infinite; animation:bgtop_l-play 50s linear infinite ;}
		@-webkit-keyframes bgtop_l-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0 2000px ;}
		}
		@keyframes bgtop_l-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0 2000px;}
		}



/*文字動畫01*/
.textplay01 {-webkit-animation-duration:1s;  animation-duration: 1s;  -webkit-animation-name:textplay01;  animation-name:textplay01;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate; }
@-webkit-keyframes textplay01 { 
		0% {  opacity:1;} 
		10% { opacity:1;}  
		20% { opacity:1;}  
		30% { opacity:1;} 		
		100%{opacity: 1;}

	
}
@keyframes textplay01 {
		0% {  opacity:1;} 
		10% { opacity:1;}  
		20% { opacity:1;}  
		30% { opacity:1;} 		
		100%{opacity: 1;}
}


/*文字動畫02*/
.textplay02 {-webkit-animation-duration:1s;  animation-duration: 1s;  -webkit-animation-name:textplay02;  animation-name:textplay02;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate; }
@-webkit-keyframes textplay02 { 
		0% {  opacity:0;} 
		10% { opacity:0.8;}  
		20% { opacity:0.8;}  
		30% { opacity:0.8;} 		
		100%{opacity: 0.8;}
	
}
@keyframes textplay02 {
		0% {  opacity:0;} 
		10% { opacity:0.8;}  
		20% { opacity:0.8;}  
		30% { opacity:0.8;} 		
		100%{opacity: 0.8;}
}


/*文字動畫03*/
.textplay03 {-webkit-animation-duration:1s;  animation-duration: 1s;   -webkit-animation-name:textplay03;  animation-name:textplay03;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate; }
@-webkit-keyframes textplay03 { 
		0% {  opacity:0;} 
		10% { opacity:0;}  
		20% { opacity:0.6;}  
		30% { opacity:0.6;} 		
		100%{opacity: 0.6;}
	
}
@keyframes textplay03 {
		0% {  opacity:0;} 
		10% { opacity:0;}  
		20% { opacity:0.6;}  
		30% { opacity:0.6;} 		
		100%{opacity: 0.6;}
}


/*文字動畫04*/
.textplay04 {-webkit-animation-duration:1s;  animation-duration: 1s;   -webkit-animation-name:textplay04;  animation-name:textplay04;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite;  -webkit-animation-direction: alternate;animation-direction: alternate;}
@-webkit-keyframes textplay04 { 
		0% {  opacity:0;} 
		10% { opacity:0;}  
		20% { opacity:0;}  
		30% { opacity:0.4;} 		
		100%{opacity:0.4;}
	
}
@keyframes textplay04 {
		0% {  opacity:0;} 
		10% { opacity:0;}  
		20% { opacity:0;}  
		30% { opacity:0.4;} 		
		100%{opacity:0.4;}
}



