@charset "utf-8";


/* == 共用區 ============================================================================= */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust: 100%; /*避免文字自動放大*/
	width:100%;
	height:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif; 
	}

.texthidden{
	display:block; /*轉換為塊級元素*/
	height:0; 
	width:0; 
	overflow:hidden;
	}/*隱藏文字，切勿使用display:none;*/
	
.fc01{ color:#0ba29a;}
.fc02{ color:#e4007f;}
.fc03{ color:#FF0;}
.fc04{ color:#e4007f; font-size:4.1rem; font-style:italic;}




/* == 桌機版 ============================================================================= */


/* == 刊頭 == */
.head{ width:100%; height:600px; background-image:url(../images/bn.jpg); background-repeat:no-repeat; background-color:#eef6e1; background-position:center; }
.head h1{ text-indent:-9999px;} 
	
			   
/* == 資訊 == */
.info{ width:100%; padding:80px 0 0; text-align:center;}
.info .wrap{ margin:0 auto; max-width:1000px; overflow:hidden;}
.info h2{ font-size:3.6rem; line-height:1.2;}
.info h3{ font-size:2.2rem; line-height:1.6; font-weight:normal;}
.info h4{ font-size:1.5rem; line-height:1.6;}
.info .bt a{
	display:block; margin:10px auto; width:280px; height:60px; border-radius:10px; -webkit-border-radius:10px; background-color:#000;
	font-size:2rem; line-height:60px; text-decoration:none; color:#FF0; transition:.3s;
	}
.info .bt a:hover{ background-color:#e4007f;}
.info dl{ margin:60px auto 0; width:84%; overflow:hidden;}
.info dt{ float:left; width:25%;}
.info dt img{ width:200px;}
.info dd{ float:right; width:75%;}
.info ol{ padding: 0 0 0 40px; }
.info li { margin:10px 0; font-size:1.2rem; line-height:1.2; text-align:left;}

			   
/* == 相關消息 == */
.about{ width:100%;}
.about .wrap{ margin:0 auto; padding:50px 0; width:100%; max-width:1000px; text-align:center; overflow:hidden;}
.about h2{
	margin:20px 0 40px; padding:10px 0; border-radius:5px; -webkit-border-radius:5px; background-color:#0ba29a;
    font-size:3rem; line-height:1.2; font-weight:normal; color:#FFF;
	}
.about .box01 { margin:0 0 60px; overflow:hidden;}
.about .box01 p{ float:left; width:56%; font-size:1.1rem; line-height:1.5; text-align:justify;}
.about .box01 img{ float:right; width:400px; border-radius:5px; -webkit-border-radius:5px;}
.about .box02{ clear:both;}
.about .box02 h3{ font-size:3rem; line-height:1.2; font-weight:normal; color:#0ba29a; }
.about .box02 h4{ font-size:1.8rem; line-height:1.4; }
.about .box02 ul{ list-style:none; margin:30px; text-align:center;}
.about .box02 li:first-child{ margin:0 auto 15px ;width:880px;}
.about .box02 li{ display:inline-block; margin:0 5px; width:284px;}
.about .box02 li img{ width:100%; border-radius:10px; }


/* == 版權 == */
.footer{ background-color:#6b6b6b; width:100%; text-align:center; }
.footer .wrap{ margin:0 auto; padding:40px 0; width:100%; max-width:1000px; overflow:hidden;}
.footer p{font-size:1rem; line-height:1.6; color:#fff;}




/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px ){
	
.fc04{ color:#e4007f; font-size:2.2rem; font-style:italic;}
	
/* == 刊頭 == */

.head{ width:100%; height:0; padding-bottom:140%; background-image:url(../images/bn_m.jpg); background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.head h1{ text-indent:-9999px; }
	   
			   
/* == 資訊 == */
.info{ width:100%; padding:30px 12px; text-align:center;}
.info .wrap{ margin:0 auto; max-width:1000px; overflow:hidden;}
.info h2{ font-size:2.2rem; line-height:1.1;}
.info h3{ font-size:1.4rem; line-height:1.6; font-weight:normal;}
.info h4{ font-size:1.5rem; line-height:1.6;}
.info .bt a{
	display:block; margin:10px auto; width:280px; height:60px; border-radius:10px; -webkit-border-radius:10px; background-color:#000;
	font-size:2rem; line-height:60px; text-decoration:none; color:#FF0; transition:.3s;
	}
.info .bt a:hover{ background-color:#e4007f;}
.info dl{ margin:20px auto 0; width:100%; overflow:hidden;}
.info dt{ float:none; width:100%;}
.info dt img{ width:180px;}
.info dd{ float:none; width:100%;}
.info ol{ padding: 10px 0 0 25px; }
.info li { margin:8px 0; font-size:1rem; line-height:1.2; text-align:left;}


/* == 相關消息 == */
.about{ width:100%;}
.about .wrap{ margin:0 auto; padding:0 12px; width:100%; max-width:1000px; text-align:center; overflow:hidden;}
.about h2{
	margin:0; padding:10px 0; border-radius:5px; -webkit-border-radius:5px; background-color:#0ba29a;
    font-size:1.5rem; line-height:1.2; font-weight:normal; color:#FFF;
	}
.about .box01 { margin:0 0 30px; overflow:hidden;}
.about .box01 p{ float:none; margin:20px 0; width:100%; font-size:1rem; line-height:1.4; text-align:justify;}
.about .box01 img{ float:none; width:100%; border-radius:5px; -webkit-border-radius:5px;}
.about .box02{ clear:both;}
.about .box02 h3{ font-size:1.8rem; line-height:1.2; font-weight:normal; color:#0ba29a; }
.about .box02 h4{ font-size:1.2rem; line-height:1.4; font-weight:normal;}
.about .box02 ul{ list-style:none; margin:30px 0; text-align:center;}
.about .box02 li:first-child{ margin:0 auto 10px ;width:100%;}
.about .box02 li{ display:inline-block; margin:0 0 10px; width:100%;}
.about .box02 li img{ width:100%; border-radius:10px; }


/* == 版權 == */
.footer{ padding:20px 12px; width:100%; max-width:1000px; height: auto; text-align:center; }
.footer .wrap{ margin:0 auto; padding:0; width:100%; max-width:1000px; overflow:hidden;}
.footer p{font-size:1rem; line-height:1.6; color:#fff;}


}



/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
	
.fc04{ color:#e4007f; font-size:2.6rem; font-style:italic;}

/* == 刊頭 == */

.head{ width:100%; height:0; padding-bottom:58%; background-image:url(../images/bn.jpg); background-position:center; background-size:cover; }
.head h1{ text-indent:-9999px;}
  
		
/* == 資訊 == */
.info{ clear:both; width:100%; padding:40px 20px; text-align:center;}
.info .wrap{ margin:0 auto; max-width:100%; overflow:hidden;}
.info h2{ font-size:3.8rem; line-height:1.2;}
.info h3{ font-size:2.2rem; line-height:1.6; font-weight:normal;}
.info h4{ font-size:1.5rem; line-height:1.6;}
.info .bt a{
	display:block; margin:10px auto; width:280px; height:60px; border-radius:10px; -webkit-border-radius:10px; background-color:#000;
	font-size:2rem; line-height:60px; text-decoration:none; color:#FF0; transition:.3s;
	}
.info .bt a:hover{ background-color:#e4007f;}
.info dl{ margin:60px auto 0; width:100%; overflow:hidden;}
.info dt{ float:left; width:30%;}
.info dt img{ width:180px;}
.info dd{ float:right; width:70%;}
.info ol{ padding: 0 0 0 40px; }
.info li { margin:10px 0; font-size:1.05rem; line-height:1.2; text-align:left;}

			   
/* == 相關消息 == */
.about{ width:100%;}
.about .wrap{ margin:0 auto; padding:0 14px; width:100%; max-width:1000px; text-align:center; overflow:hidden;}
.about h2{
	margin:0 0 40px; padding:10px 0; border-radius:5px; -webkit-border-radius:5px; background-color:#0ba29a;
    font-size:3rem; line-height:1.2; font-weight:normal; color:#FFF;
	}
.about .box01 { margin:0 0 60px; overflow:hidden;}
.about .box01 p{ float:left; width:49%; font-size:0.95rem; line-height:1.3; text-align:justify;}
.about .box01 img{ float:right; width:350px; border-radius:5px; -webkit-border-radius:5px;}
.about .box02{ clear:both;}
.about .box02 h3{ font-size:2.2rem; line-height:1.2; font-weight:normal; color:#0ba29a; }
.about .box02 h4{ font-size:1.5rem; line-height:1.4; }
.about .box02 ul{ list-style:none; margin:30px 0; text-align:center;}
.about .box02 li:first-child{ margin:0 auto 15px ;width:100%;}
.about .box02 li{ display:inline-block; margin:0 7px; width:31%;}
.about .box02 li img{ width:100%; border-radius:10px; }


/* == 版權 == */
.footer{ width:100%; max-width:1000px; }
.footer .wrap{ margin:0 auto; padding:30px 20px; width:100%; max-width:1000px; overflow:hidden;}
.footer p{font-size:1rem; line-height:1.6; color:#fff;}

}