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


/*全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%;/*background: url("mb_repeat.jpg?t=1748261516683") center top/ 100% repeat-y scroll;*/z-index: 0;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }

	}


/*PC背景*/
@media screen and (min-width:767px){
  .bg_deco00 { z-index:-29; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
	.bgtop01 { z-index:-10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:800px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02 {z-index:-10;position:absolute;top: 800px;left:0;width:100%;min-width:1220px;height:550px;background-repeat:no-repeat;background-position:center top;}
	.bgtop_repeat { z-index:-30; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
	.bgtop_fixed2 { z-index:-50; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
	.bgtop_fixed { z-index:-49; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;overflow: hidden;}

}

/*mb背景*/
@media screen and ( max-width:767px) {
	.m_bg01 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }	
	.mb_02 {z-index:-1; position:fixed;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;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;}

	}


/*LOGO CSS*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
  @media screen and (max-width:767px){
      .momologo { display:none;}
  }


/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title {height: 1350px;z-index: 20;}
.Area_title .airplan {position:absolute;top: 475px;left: 240px;z-index: 5;animation: bounceIn 1s 0.4s forwards ease-in,uptodown-play 2.8s 1.1s infinite ease-in;opacity: 0;pointer-events:none;}
.deco_txt {position:absolute;top: 370px;left: 440px;animation: mask_lefttoright 2s 1.5s infinite ease-in;opacity: 0;z-index:10;pointer-events: none;}



}
 @media screen and (max-width:767px){
.Area_title {height: 141vw;}
.Area_title .mb_01{position:absolute;top:0;left:0;width: 100%;z-index: -1;}
.Area_title .mb_03{position:absolute;top:5vw;left:0;width: 100%;z-index: -3;}
.Area_title .airplan {position:absolute;width: 100%;top: 51.5vw;left: 10vw;z-index: 5;animation: bounceIn 1s 0.4s forwards ease-in,uptodown-play 2.8s 1.1s infinite ease-in;opacity: 0;pointer-events:none;}
.deco_txt {position:absolute;width: 52%;top: 41vw;left: 38vw;animation: mask_lefttoright 2s 1.8s infinite ease-in;opacity: 0;z-index: 5;pointer-events: none;}


}


/*版頭主標微調*/
.Area_title .PD_layout .PD_slide{min-width:inherit;}
.toptitle .PD_layout .PD a,.top_pd .PD_layout .PD a { pointer-events: none;}
.toptitle .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
.toptitle { z-index: 5;}

.toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 30px;left: 180px;z-index: 10;}
.toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 130px;left: 375px;z-index: 10;}
.toptitle .PD_layout li:nth-of-type(3) {position: absolute;top: 230px;left: 280px;z-index: 10;}
.toptitle .PD_layout .PD img { width: 100%!important;}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_00 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }
@media screen and (max-width:767px){
.toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 2.3vw;left: 4vw;width: 58%;z-index:10;}
.toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 13.5vw;left: 26vw;width: 48%;z-index:10;}
.toptitle .PD_layout li:nth-of-type(3) {position: absolute;top: 24.5vw;left: 14vw;width: 72%;z-index:10;}
.toptitle .PD_layout .PD img { width: 100%!important; }
 }


 /*版頭date微調*/
 .Area_title .PD_layout .PD_slide{min-width:inherit;}
 .topdate .PD_layout .PD a,.top_pd .PD_layout .PD a { pointer-events: none;}
 .topdate .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
 .topdate { z-index: 5;}
 
 .topdate .PD_layout li:nth-of-type(1) {position: absolute;top: 30px;left: 380px;z-index: 10;}
 .topdate .PD_layout .PD img { width: 100%!important;}
 
 /*編輯按鈕移動*/
 #eWriterBtn_bt_B_000_99 { margin-left: 10px!important; margin-top: 120px!important; z-index: 99!important; }
 @media screen and (max-width:767px){
 .topdate .PD_layout li:nth-of-type(1) {position: absolute;top: 5vw;left: 25vw;width: 54%;z-index:10;}
 .topdate .PD_layout .PD img { width: 100%!important; }
	}
 


/*版頭品微調*/
.Area_title .PD_layout .PD_slide{min-width:inherit;}
.toppdd .PD_layout .PD a,.top_pd .PD_layout .PD a { pointer-events: none;}
.toppdd .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
.toppdd { z-index: 5;}

.toppdd .PD_layout li:nth-of-type(1) {position: absolute;top: 815px;left: 175px;z-index: 10;}
.toppdd .PD_layout .PD img { width: 100%!important;}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_97 { margin-left: 10px!important; margin-top: 210px!important; z-index: 99!important; }
@media screen and (max-width:767px){
.toppdd .PD_layout li:nth-of-type(1) {position: absolute;top: 85vw;left: 4.8vw;width: 88%;z-index:10;}
.toppdd .PD_layout .PD img { width: 100%!important; }
 }



/*小標題調整*/
.PD_text {position: relative;left: 0;top: 0px;height: auto;padding: 0;width: 80%!important;z-index:1;}
.PD_text2 {position: relative;left: 0;top:0;height: 95px;width: 80%!important;z-index: 1;}

.PD_text .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text2 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text2.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text2.PD_layout[data-pd-li=BN] ul{padding: 0 0; grid-gap: 0px;}
@media screen and (max-width:767px){
.PD_text {position: relative;top: 0;left: 0;height: auto;width: 98%!important;}
.PD_text2 {position: relative;top:0;left:0;height: auto;width: 96%!important;}
}


/*登記*/
.Area_book0 { width:960px/*height:770px*/; margin:0 auto; padding:0 ;}
.Area_book0 .box {padding-top:10px;}
.Area_book0 .Area_danji .danji_box{ width: 900px;}          
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span {color: #ffffff;}                 
.Area_book0 .danji_box .box_2 {filter: brightness(0%)!important;}     

@media screen and (max-width:767px){
.Area_book0 {width:100%;/*height:87vw*/padding: 0;margin-bottom: 3vw;/*background: url("mb_book_bg1.png?t=1748261516684") center top/ 100% no-repeat scroll;*/}
.Area_book0 .box {padding-top: 1vw;}
.Area_book0 .Area_danji .danji_box{ width: 96%;}
  
}


/*event2(線上入搞)*/
@media screen and (min-width:768px){
.Area_event1 {position: relative;height: auto;margin-bottom: 30px;}
.Area_event1 .layout_event1 ul {width:90%;margin: 0 auto;padding:0;grid-gap: 0px;}
.Area_event1 .layout_event1 ul li {padding: 0;margin:0 auto;}
.Area_event2 {position: relative;height: auto;margin-bottom: 50px;}
.Area_event2 .layout_event2 ul {width:90%;margin:0 auto; padding:0 ;grid-gap: 0px;}
.Area_event2 .layout_event2 ul li {padding: 2% 8% 10%;margin:0 auto;}

.layout_event1.PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
.layout_event2.PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
.Area_event1 .gobutton {position:absolute;top: 105.5px;left: 602px;z-index: 10;}
.Area_event2 .event2_bg {position:absolute;top: 200px;left: 320px;z-index: 5;pointer-events:none;}

}

@media screen and (max-width:767px){
.Area_event1{height: auto;margin-bottom: 1vw;}
.Area_event1 .layout_event1{width:96%;margin:0 auto;padding:0;margin-bottom:0;}
.Area_event1 .layout_event1 ul {margin:0 auto;padding: 0% 0% 2%;grid-gap:0px!important;}
.Area_event1 .layout_event1 ul li {margin: 0 auto;padding: 0;}
.Area_event2{height: auto;margin-bottom: 0;}
.Area_event2 .layout_event2{width:96%;margin:0 auto;padding:0;margin-bottom:0;}
.Area_event2 .layout_event2 ul {margin:0 auto;padding: 0% 0% 0;grid-gap:0px!important;}
.Area_event2 .layout_event2 ul li {margin: 0 auto;padding: 0% 5% 0;}

.Area_event1 .gobutton {width: 6.5%;position:absolute;top: 11.9vw;left: 64vw;z-index: 10;}
.Area_event2 .event2_bg {position:absolute;width: 34.5%;top: 23vw;left: 33vw;z-index: 5;pointer-events:none;}

}


/*bn輪播*/
.Area_bn .bnbgbg {z-index:-30;position:absolute;top: 1850px;left:0;width:100%;min-width:1220px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}
.Area_bn .swiper-pagination-bullet {background: #000;}
@media screen and (min-width:768px){
.Area_bn {width: 960px;margin: 0 auto 95px;height: auto;overflow: hidden;}
.layout_bn.PD_layout ul{display: flex;margin: 10px 0; padding: 0 0 0;height: 210px;grid-gap: 0;}
.Area_bn .Area_swiper_box .PD_layout li{margin:15px 0 0 0}

}

@media screen and (max-width:767px){
.Area_bn {width: 100%;height: auto;margin: 0 auto 3vw;overflow: hidden;padding: 0;background: url("mbbnbgbg.png?t=1752827170847") center top/ 100% no-repeat scroll;}
.Area_bn .Area_swiper_box .PD_layout ul{display: flex;padding: 14% 0 0;margin: 0 auto;height: auto;grid-gap: 0;}
.Area_bn .Area_swiper_box .PD_layout li{margin: 2vw 0 0;}
.Area_bn .Area_swiper_box{margin-bottom: 12%;}
}

	

/*下方公版*/
.Area_below {height: auto;}
.Area_below .layout_below {width:100%;margin: 0 auto 35px;padding: 0.5% 1% 1%;background-color: #003da7;border-radius: 0 0 1em 1em;}

@media screen and (max-width:767px){
.Area_below .layout_below {width: 98%;margin: 0 auto;padding: 1.5%;}
.Area_below .box1 {width: 98%;padding:0 0 3.5vw;margin: 0 auto 0; box-shadow: none;/*background-color: #d5ecff;*/}
.Area_below .box2 {width: 98%;padding:0 0 3.5vw;margin: 0 auto 0; box-shadow: none;/*background-color: #d5ecff;*/}

}

/*區塊標題960_01*/
.Area .txt02 {padding: 0;margin: 0 auto;width: 100%!important;z-index: 2}
.Area .txt02 ul { padding: 0; grid-gap: 0;}
.Area .txt02 ul li { background-color: transparent; pointer-events: none;}
.Area .txt02 ul li .PD_into {padding: 0 0 0 0;}
.Area .txt02 ul li h5 {padding: 35px 0 35px 0;margin: 0 0 0 110px;font: bold 42px/45px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;transform:rotate(-0deg);color: #ffffff;letter-spacing: -1px;text-align: left;}
.txt02::before {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height:100%;background: url("layoutBG_txtbg.png?t=1752827170847") center bottom/ 100% no-repeat scroll;z-index: -1;pointer-events:none;}

@media screen and (max-width:767px){
.Area .txt02 {padding: 0;margin: 0 auto;height: 16vw;width: 98%!important;}
.Area .txt02 ul li h5 {font: bold 6vw/6vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;}
.Area .txt02 ul li h5 {padding: 4vw 0 0 12vw;margin: 0;}
.txt02::before {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height:100%;background: url("layoutBG_mbtxtbg.png?t=1752827170847") center bottom/ 100% no-repeat scroll;z-index: -1;pointer-events:none;}
}


/*看更多(線上入搞)*/
@media screen and (min-width:768px){
.Area_link { position: relative; height: auto; margin-bottom:40px; }
.Area_link .layout_link ul {width:75%;margin:0 auto; padding:0; grid-gap: 0px!important;}
.Area_link .layout_link ul li{padding: 5%;}
.Area_link .layout_link ul li:nth-child(even){top:0}
.layout_link.PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}

}
@media screen and (max-width:767px){
.Area_link{height: auto;margin-bottom:0vw;}
.Area_link .layout_link{width:95%;margin:3vw auto;padding:0; }
.Area_link .layout_link ul li{padding:2%;}

}



/*注意事項(線上入搞)*/
.PD_note h3{color:#000;margin-bottom: 0;font-weight: 600;text-align: left;}
.PD_info_box ul {list-style: decimal;width: 90%;}	  
.PD_info_box ul li{background-color: inherit;text-align: left;}	  

@media screen and (min-width:768px){
.PD_info_box{position: relative;width:80%;margin:1% auto 5%; }	
.PD_info_box ul li {color:#000;font-size: 1rem;letter-spacing: 0.5px;line-height: 1.3em;margin-bottom: 1em}	 
.PD_note h3{font-size: 1.8rem;padding: 0 8%;text-align: left;}	  
}

@media screen and (max-width:767px){
.PD_note{width:92%;padding:0 5%}	  
.PD_info_box{position: relative;width:96%;margin:1% auto 5%;}	  
.PD_info_box ul li {color:#000;font-size:.875rem; letter-spacing: 0.2vw;line-height: 1.3em;margin-bottom:0.5em}
.PD_info_box ul li a span{line-height: 5vw}  
}


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

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

}


/*注意事項區*/
.edm_notice{position: relative;text-align:center;padding:10px 10px 15px 10px;color: #000000;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;}
	}


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