@charset "utf-8";

/*基本*/
body {margin: 0; padding:0;background-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;}
	}


/*全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-image:url(mb_bg.jpg?t=1749634206992); background-repeat:repeat-y; background-size:100%; }
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }
	}


.WRAPPER .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;}
.WRAPPER .go_bt:hover { 
   filter:brightness(105%);
  -webkit-transform:translateY(8px);
     -moz-transform:translateY(8px);
      -ms-transform:translateY(8px);
       -o-transform:translateY(8px);
          transform:translateY(8px);}

/*滑過會亮*/	
.WRAPPER .go_bt3 {
  -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_bt3:hover { 
   filter:brightness(105%);
  /*-webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);*/
		  }


.deco01{z-index:1;	animation: sway 5s infinite ease-in-out alternate;
			   -moz-transform-origin: top;
			    -ms-transform-origin: top;
				 -o-transform-origin: top;
  			-webkit-transform: scale(0.3);
			   -moz-transform: scale(0.3);
			    -ms-transform: scale(0.3);
				 -o-transform: scale(0.3);
				 transform-origin: -100% 0; }

.deco02{z-index:1;	 animation: sway 4.5s infinite ease-in-out alternate;
			   -moz-transform-origin: top;
			    -ms-transform-origin: top;
				 -o-transform-origin: top;
  			-webkit-transform: scale(0.3);
			   -moz-transform: scale(0.3);
			    -ms-transform: scale(0.3);
				 -o-transform: scale(0.3);
				 transform-origin: 110% 0; }

/*背景*/
.bgtopend { z-index:-30; position:absolute; top:1100px; left:0; width:100%;height: 100%; background-image: repeating-linear-gradient(180deg, #2c0068 0%, #150031 100%);}

/*PC背景*/
@media screen and (min-width:767px){
  .bg_deco00 { z-index:-6; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; }
	.bg_deco { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1384px; background-repeat:no-repeat; background-position:center top; }
	.bgtop01 { z-index:-5; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1390px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02 { z-index:-10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; }
}



/*區塊_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 { margin:0 auto; width:100%;}

	.Area img{ width:100%;}
	.Area { position: relative;}


	}


/*我是CSS_momologo*/
.momologo { position:absolute; top:10px; left:25px; z-index:999; }
.momologo_01 {margin-left:66px;}
.momologo_02 {margin-left:66px;}
	@media screen and (max-width:767px){
	 .momologo {width: 100%; top: 10vw;}
	}


/*版頭*/
.Area_top { position:relative; width:1220px;height:1420px; }
.Area_top .title{position:absolute; top:130px; left:405px ; z-index:2;}
.Area_top .line{position:absolute; top:240px; left:410px ; z-index:2;animation-delay: 0.3s;}
.Area_top .time{position:absolute; top:135px; left:237px ; z-index:2;animation-delay: 0.3s;}
.Area_top .toppd{position: relative;top:940px; z-index:2;}


.Area_top ul.btnall {  display: flex; flex-wrap: wrap;  width:1220px; align-items: flex-end; flex-direction:row; position:absolute; top:641px; left: 0px; margin:0;  padding: 0;text-decoration: none;   list-style: none;    justify-content: space-evenly;}
.Area_top ul.btnall  li { position: relative;    padding: 0 ; text-decoration: none;  }

/*標設定關閉*/
.Area_top .topPD .imgTag{display: none !important;}
.Area_top .topPD .imgTagBottom{display: none !important;}
.Area_top .topPD .prdImgWrap .imgTagRectangle{display: none !important;}

/*主標*/
.Area_top .toptitle {position: absolute;top:83px;left:59px;width:56%;z-index:2;}
.deco{position:absolute; top:354px; left:938px ; z-index:50;}
@media screen and (max-width:767px){
	 .Area_top {margin-bottom: 3vw; width:100%; height:180vw; background:url(mb_01.jpg?t=1749634206992) top center no-repeat ; background-size:100%; }
	 .Area_top .mb_01{position:absolute;top:0;left:0; z-index:1; width: 100%;}
	 .Area_top .title{position:absolute;top:7vw;left:10.5vw; z-index:2; width: 80%;}
	 .Area_top .sub_01{position:absolute;top:27vw;left:52vw; z-index:2; width: 12%;}
	 .Area_top .sub_02{position:absolute;top:34.5vw;left:66vw; z-index:2; width: 7%;}
	 .Area_top .line{position:absolute;top:27vw;left:10vw; z-index:2; width: 40%;}
	 .Area_top .time{position:absolute;top:26vw;left:75.5vw; z-index:2; width: 20%;}
	 .Area_top .toppd{position: relative;top:102vw; z-index:2;}
	

	.Area_top ul.btnall {  display: flex; flex-wrap:nowrap;  width:95%; align-items: flex-end; flex-direction:row; position:absolute; top: 145vw;left: 3vw; margin:0;  padding: 0;text-decoration: none;   list-style: none;    justify-content: space-evenly;}
	.Area_top ul.btnall  li { position: relative;    padding: 0 ; text-decoration: none;  }
		
  /*主標*/
  .Area_top .toptitle {position:absolute;width:79%;left:7vw;top:8vw; z-index:10;}
  .deco{position:absolute; top:108vw;left:11vw; z-index:50; width:12%;}
		
		
}




/*版頭輪播品*/
@media screen and (min-width:768px){
.Area_top .box_PD {position:absolute;width:883px;top:196px;left:63px;height:auto;z-index:1}
.Area_top .box_PD .layout_PD {position: relative;}
.Area_top .box_PD .layout_PD ul {display:flex;margin:0;padding:0;}
.Area_top .box_PD .PD_layout .PD img { width: 100%;}
	
.Area_top .box_PD .PD_layout .PD_logo{ display: none!important;}
.Area_top .box_PD .PD_layout .PD_img{ display:block!important;}

}
@media screen and (max-width:767px){
.Area_top .box_PD {position:absolute;width:90%;height:auto;top:22vw;left:0vw;z-index:2}
.Area_top .box_PD .layout_PD {position: relative;}
.Area_top .box_PD .layout_PD ul {display:flex;margin:0;padding:0;}
.Area_top .box_PD	.PD_layout .PD img { width: 110%;height: auto;}
	
.Area_top .box_PD .PD_layout .PD_img { display:none!important;}
.Area_top .box_PD .PD_layout .PD_logo { display:block!important;}

}




/*登記*/  

.Area_Adanji{width:100%;height:100%;position:relative;}
@media screen and (max-width: 767px){
.Area_Adanji{margin-bottom: 8vw;}

}

/* bn */
@media screen and (min-width:768px){
.Area_bn{margin-bottom: 80px;}
.Area_bn ul{height:270px ;}
.Area_bn ul li{background-color: transparent!important;}
}

@media screen and (max-width:767px){
	.Area_bn{margin-bottom: 3vw;}
	.Area_bn ul{height:28vw ;}
	.Area_bn ul li{background-color: transparent!important;}
	}
	

/* 粉色 */
@media screen and (min-width:768px){
.pd_bg{width: 97%;background-color: #ffeded;border: #eba7a7 1px solid; border-radius:10px ;margin: 0 auto;margin-bottom: 130px;}
/* 小標題 */
.pd_bg .tit_H{padding-top: 55px;height: 120px;top: -77px;background:url(Area_pdbg.png?t=1749634206992) top center no-repeat ; background-size:90%;position: relative; }
.pd_bg .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
.pd_bg .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;}
.pd_bg .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 40px;font-weight: 800;color: #de9191;flex: 1;margin: 0;}
.pd_bg .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}

.pdx4{width: 95%;padding: 20px 0;margin-top: -80px;}


}

@media screen and (max-width:767px){
.pd_bg{width: 97%;background-color: #ffeded;border: #eba7a7 1px solid; border-radius:10px ;margin: 0 auto;margin-bottom: 10vw;}

/* 小標題 */
.pd_bg .tit_H{padding-top: 2vw;top: -6vw;background:url(Area_pdbg.png?t=1749634206992) top center no-repeat ; background-size:100%;position: relative; }
.pd_bg .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
.pd_bg .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;padding: 2vw;}
.pd_bg .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 27px;font-weight: 800;color: #de9191;flex: 1;margin: 0;}
.pd_bg .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}

.pdx4{width: 95%;padding: 10px 0;margin-top: -7vw;}
}


/* 藍色 */
@media screen and (min-width:768px){
	.pd_bg2{width: 97%;background-color: #e8f2fc;border: #6da6d2 1px solid; border-radius:10px ;margin: 0 auto;margin-bottom: 130px;}
	/* 小標題 */
	.pd_bg2 .tit_H{padding-top: 55px;height: 120px;top: -77px;background:url(Area_pdbg02.png?t=1749634206992) top center no-repeat ; background-size:90%;position: relative;  }
	.pd_bg2 .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
	.pd_bg2 .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;}
	.pd_bg2 .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 40px;font-weight: 800;color: #6da6d2;flex: 1;margin: 0;}
	.pd_bg2 .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
	
}
	
	@media screen and (max-width:767px){
	.pd_bg2{width: 97%;background-color: #e8f2fc;border: #6da6d2 1px solid; border-radius:10px ;margin: 0 auto;margin-bottom: 10vw;}
	
	/* 小標題 */
	.pd_bg2 .tit_H{padding-top: 2vw;top: -6vw;background:url(Area_pdbg02.png?t=1749634206992) top center no-repeat ; background-size:100%;position: relative; }
	.pd_bg2 .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
	.pd_bg2 .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;padding: 2vw;}
	.pd_bg2 .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 27px;font-weight: 800;color: #6da6d2;flex: 1;margin: 0;}
	.pd_bg2 .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
	
	.pdx4{width: 95%;padding: 10px 0;margin-top: -7vw;}
	}
	


/*注意事項區*/
.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; }



@media screen and (min-width:768px){
 .mbottom1 { margin-top:50px !important}
 .mbottom2 { margin-top:80px !important}
 .mbottom3 { margin-top:110px !important}
 .mbottom4 { margin-top:150px !important}
 }

/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#000;font-size: 13px; text-align: center; }
	@media screen and (max-width:767px){
	.apple_txt{position: relative;margin:1.5%; color:#000; }
	}

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