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

*{
	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:1200px;
	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;*/

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

/* == 主頁刊頭 == */
.header{
	width:100%;
	margin:0 auto;background-color:#F6BFC2;}	
	
.header-img{
	max-width:980px;
	margin:0 auto;}		

.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*/
	}
	
.frame{ width:100%; margin:0 auto;text-align:center;background-color:#F6BFC2;}
.frame img{
	max-width:980px;
	color: #D6D6D6;
}

/*按鈕選單*/
.but{ width:800px; margin:1% auto; padding:1%; font-size:30px; color:#FFFFFF;border-radius:50px; text-align:center;}
.but a{color:#FFFFFF;display:block;}

.btn{
	max-width:980px;
	width:90%;
	margin:2% auto;
	padding:0;
	list-style:none;
	text-align:center;}
.btn li{
	display:inline-block;
	width:30%;
	margin:0.5%;
	padding:1%;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bolder;
	background-color:#B04B87;
	border-radius:10px;
	transition:0.5s;}
.btn li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn li:hover{
	background: #F69;
	transform:scale(0.95,0.95)}


.btn2{
	max-width:980px;
	width:90%;
	margin:2% auto;
	padding:0;
	list-style:none;
	text-align:center;}
.btn2 li{
	display:inline-block;
	width:30%;
	margin:0.5%;
	padding:1%;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bolder;
	background-color:#B04B87;
	border-radius:10px;
	transition:0.5s;}
.btn2 li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn2 li:hover{
	background:#F69;
	transform:scale(0.95,0.95)}

/*集氣留言*/
.mp1{ width:980px; margin:0 auto; padding:2%; font-size:30px;}
.mp2{width:980px; margin:1% auto; padding:2%; font-size:30px;border:2px solid #82683E;}
.mp3{ font-size:30px; color:#214D9D; font-weight:bold;}
.mp4{ color:#CC0000;}

.mtb{ width:900px; margin:1% auto; padding:1%; font-size:24px; text-align:left;}	
.mt1{ margin:1% auto;font-size:36px; font-weight:bold; color:#CC3300; text-align:center;}
.mt2{ font-weight:bold; font-size:30px;}	
.mt3{ width:100%; margin:0 auto;}
.mt3 img{ max-width:980px;}


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


.conB{
	width:100%;
	text-align:center;
	background-color:#F6BEC1;
}
.conB 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:#FFF;
}
.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:#F6BEC1;
}
.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內容*/
.conB6{
	width:100%;
	text-align:center;
	background-color:#FFF;
}
.conB6 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{
	max-width:980px;
	width:100%;
	margin:2% auto;
	padding:0;
	list-style:none;
	text-align:center;}
.btn li{
	display:inline-block;
	width:40%;
	margin:0.5%;
	padding:1%;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bolder;
	background-color:#B04B87;
	border-radius:10px;
	transition:0.5s;}
.btn li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn li:hover{
	background:#F69;
	transform:scale(0.95,0.95)}
	
	
	
.btn2{
	max-width:980px;
	width:100%;
	margin:2% auto;
	padding:0;
	list-style:none;
	text-align:center;}
.btn2 li{
	display:inline-block;
	width:25%;
	margin:0.5%;
	padding:1%;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bolder;
	background-color:#B04B87;
	border-radius:10px;
	transition:0.5s;}
.btn2 li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn2 li:hover{
	background: #F69;
	transform:scale(0.95,0.95)}


.head2 .head-img{ display:none;}



/*集氣留言*/
.mp1{ width:90%; margin:0 auto; padding:2%; font-size:14px;}
.mp2{width:90%; margin:1% auto; padding:2%; font-size:14px;}
.mp3{ font-size:14px; color:#214D9D; font-weight:bold;}
.mp4{ color:#CC0000;}

.mtb{ width:90%; margin:1% auto; padding:1%; font-size:14px; text-align:left;}	
.mt1{ font-size:24px; font-weight:bold; color:#CC3300; text-align:center;}
.mt2{ font-weight:bold; font-size:16px;}

/*按鈕選單*/
.but{ width:80%; margin:2% auto; padding:1%; font-size:16px; color:#FFFFFF;}



}