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

*{
	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;
	font-size:25px;
	background-color:;
	}

ul{ list-style:none;}
li{ list-style:none;}

.center{
	max-width:980px;
	margin:0 auto;}
	
ul{ list-style:none; }
.maxw img{max-width:980px;}
.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:3px auto; font-size:1.5em; color:#003399; max-width:980px; }
.texthidden{
	display:block; /*轉換為塊級元素*/
	height:0; 
	width:0; 
	overflow:hidden;
	}/*隱藏文字，切勿使用display:none;*/

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

/* == 主頁刊頭 == */
.head2{
	width:100%;
	height:1050px;
	background-image:url(../images/BG.jpg);
	background-position:center;
	position:relative;
    }
.head2 .head-img{
	width:100%;
	max-width:980px;
	position:absolute;
	top:14px;
	left:50%;
	margin-left:-500px;/*使用%置中，需要減掉寬的1半width:260*2=130*/
	}
.btn{
	max-width:980px;
	width:90%;
	margin:2% auto;
	padding:0;
	list-style:none;
	text-align:center;}
.btn li{
	display:inline-block;
	width:45%;
	margin:0.5%;
	padding:1%;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bolder;
	background-color:#D8AB47;
	border-radius:10px;
	transition:0.5s;}
.btn li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn li:hover{
	background:#EBB728;
	transform:scale(0.95,0.95)}
.btn a::after{content:'\f0a5';display: inline-block; font-family:"Font Awesome 5 Free";animation:slideR 1s linear infinite;}
@keyframes slideR{
 0%{transform: translateX(0);}
 50%{transform: translateX(10px);}
 100%{transform: translateX(0);}
}




/*回上頁按鈕*/	
.btn1{
	max-width:980px;
	width:90%;
	margin:2% auto;
	padding:0;
	list-style:none;
	text-align:center;}
.btn1 li{
	display:inline-block;
	width:48%;
	margin:0.5%;
	padding:1%;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bolder;
	background-color:#D8AB47;
	border-radius:10px;
	transition:0.5s;}
.btn1 li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn1 li:hover{
	background:#EBB728;
	transform:scale(0.95,0.95)}
.btn1 a::after{content:'\f0a5';display: inline-block; font-family:"Font Awesome 5 Free";animation:slideR 1s linear infinite;}
@keyframes slideR{
 0%{transform: translateX(0);}
 50%{transform: translateX(10px);}
 100%{transform: translateX(0);}
}


/*分頁刊頭-上*/
.conA{
	width:100%;
	text-align:center;
	background-color:#ECEBE4;
}
.conA img{
	max-width:980px;
	margin:0 auto;
}



/*分頁刊頭-下*/
.conC{
	width:100%;
	text-align:center;
	background-color:#4F779B;
}
.conC img{
	max-width:980px;
	margin:0 auto;
}


/*分頁1內容*/
.conB1{
	width:100%;
	text-align:center;
	background-color:#FFF;
}
.conB1 img{
	max-width:980px;
	margin:0 auto;
}



/*分頁2內容*/
.conB2{
	width:100%;
	text-align:center;
	background-color:#146393;
}
.conB2 img{
	max-width:980px;
	margin:0 auto;
}



/*分頁3內容*/
.conB3{
	width:100%;
	text-align:center;
	background-color:#FFF;
}
.conB3 img{
	max-width:980px;
	margin:0 auto;
}



/*分頁4內容*/
.conB4{
	width:100%;
	text-align:center;
	background-color:#FFF;
}
.conB4 img{
	max-width:980px;
	margin:0 auto;
}



/*分頁5內容*/
.conB5{
	width:100%;
	text-align:center;
	background-color:#FFF;
}
.conB5 img{
	max-width:980px;
	margin:0 auto;
}



/*分頁7內容*/
.conB7-1{
	width:100%;
	text-align:center;
	background-color:#4F779B;
}
.conB7-1 img{
	max-width:980px;
	margin:0 auto;
}

.conB7-2{
	width:100%;
	text-align:center;
	background-color:#4F779B;
}
.conB7-2 img{
	max-width:980px;
	margin:0 auto;
}



/*分頁8內容*/
.conB8-1{
	width:100%;
	text-align:center;
	background-color:#FFF;
}
.conB8-1 img{
	max-width:980px;
	margin:0 auto;
}

.conB8-2{
	width:100%;
	text-align:center;
	background-color:#FFF;
}
.conB8-2 img{
	max-width:980px;
	margin:0 auto;
}





/* == 手機版型區 ============================================================================= */
@media screen and (max-width:767px){


/*主頁刊頭*/	
.head2{
	width: 100%;
	height: auto;
	padding-bottom:100%;
	background-image:url(../images/head-m.png);
	background-size: cover;
	position: relative;}	
.btn{
	width:90%;
	margin:2% auto;
	padding:0;
	list-style:none;
	text-align:center;}
.btn li{
	display:inline-block;
	width:100%;
	margin:1% auto;
	padding:1%;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bolder;
	background-color:#D8AB47;
	border-radius:10px;
	transition:0.5s;}
.btn li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn li:hover{
	background:#EBB728;
	transform:scale(0.95,0.95)}
.head2 .head-img{ display:none;}



/*回上頁按鈕*/	
.btn1{
	width:90%;
	margin:2% auto;
	padding:0;
	list-style:none;
	text-align:center;}
.btn1 li{
	display:inline-block;
	width:100%;
	margin:1% auto;
	padding:1%;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bolder;
	background-color:#D8AB47;
	border-radius:10px;
	transition:0.5s;}
.btn1 li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn1 li:hover{
	background:#EBB728;
	transform:scale(0.95,0.95)}
	

	






}