@charset "utf-8";

/*基本*/
body {margin: 0; padding:0; background-color: #fecf00;}

/*隱鑶*/
.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:0; margin:0 auto; display: block; min-width: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(120%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}

/*滑過會亮*/	
.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(115%);
  /*-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; }


/*PC背景*/
@media screen and (min-width:767px){
  .bg_deco00 { z-index:-1; 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:140px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; }
	.bgtop01 { z-index:-1; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1000px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02 { z-index:-5; position:absolute; top:1000px; 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;}

.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_1bn_nopadding a  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_1bn_nopadding img  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;width:96%;}
.Area_3bn_nopadding p { float:left; margin:0; padding:0; width:33.3%; list-style: none; text-align:center;}
.Area_4bn_nopadding { margin: 0 auto; padding:0;width:1220px; overflow:hidden;}
.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}		/*區塊_兩邊間距*/

	@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_1bn { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%;}
	.Area_2bn { width:96%; margin: 0 2%; padding:0; overflow:hidden;}
	.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; }
	.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; }
	.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_1bn_nopadding a { position:relative; float:left; margin:0; padding:0; width:100%; }
	.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%;}
	.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%;}
	.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; }	
	}


/*我是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:800px; }
.Area_top .title{position:absolute; top:0; left:0 ; z-index:2;}
.Area_top .time{position:absolute; top:148px; left:80px ; z-index:2;}
.Area_top .sub_01{position:absolute; top:380px; left:200px ; z-index:10; animation-delay: 1.1s;}
	@media screen and (max-width:767px){
	 .Area_top { width:100%; height:66vw;}
	 .Area_top .title{position:absolute;top:0;left:0; z-index:10; width: 100%;}
	 .Area_top .time{position:absolute;top:13vw;left:11vw; z-index:2; width: 18%;}
	 .Area_top .mbdeco{position:absolute;top: 2vw;left:0; z-index:2; width: 100%;}		
	}


/*登記*/
.Area_book {}
.Area_book .Area_danji {padding-top: 10px;}
@media screen and (max-width:767px){
	.Area_book {}
	.Area_book .Area_danji {padding-top: 1vw;}
	.Area_book .Area_danji .danji_box { width: 96%;}
	}




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


/*標題微調*/
.Areabottom {padding-bottom: 80px;}
.textscale img{ width: 80% ;}
	@media screen and (max-width:767px){
	.Areabottom {padding-bottom: 10vw;}
	.textscale img{ width: 100% ;}
}



/*版頭品*/
.Area_top .layout_toppd {position: absolute;width: 65%;top: 470px;left: 212px;}
@media screen and (max-width:767px){
	.Area_top .layout_toppd {position: absolute;z-index: 10; width: 100%;top: 58vw;left: 0;}
}






/*下方公版*/
.Area_4pda {padding-bottom: 100px;}
.Area_4pda .layout_4pda {margin-top: 10px;}
	@media screen and (max-width:767px){
	.Area_4pda {padding-bottom: 11vw;}
	.Area_4pda .layout_4pda {margin-top: 1vw;}
}




/*作圖區*/
@media screen and (min-width:768px){
	.Area_item { height:100%;}
	.Area_item .layout_item ul{padding: 0!important;grid-gap: 1em;}
}
@media screen and (max-width:767px){
	.Area_item { height:100%;}
	.Area_item .layout_item {width: 96%;}
	.Area_item .layout_item ul {grid-gap: .7em;margin-bottom: -2vw;}
    }



/*活動*/
.Area_active {}
@media screen and (max-width:767px){
	.Area_active {margin-bottom: -1vw;}
	.Area_active .layout_active {width: 97%;}
}
		
		

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