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

*{
	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;
	}

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

.center{
	max-width:980px;
	margin:0 auto;}
	
ul{ list-style:none; }
.maxw img{max-width:980px;}

.texthidden{
	display:block; /*轉換為塊級元素*/
	height:0; 
	width:0; 
	overflow:hidden;
	}/*隱藏文字，切勿使用display:none;*/

/* == 桌機版 ============================================================================= */
.pd-bottom-5{padding-bottom: 5%;}
.bg-color-or{background-color: #f8bf84;}
.bg-color-bl{background-color: #84bae5;}
.display_pc{display: block;}
.display_m{display: none;}

/* == 主頁刊頭 == */
.head2{
	width:100%;
	height:1050px;
	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*/
	}





/*分頁刊頭-上*/
.conB{
	width:100%;
	text-align:center;
   
}
.conB img{
	max-width:980px;
	margin:0 auto;
     padding: 2% 0;
}

/*分頁刊頭-下*/
.conC{
	width:100%;
	text-align:center;
}
.conC img{
	max-width:980px;
	margin:0 auto;
    padding: 5% 0 2%;
}

/*選單*/
.bnn{ width:980px; margin:0 auto; padding:1%;}
.bnn ul{list-style:none; text-align:center}
.bnn li{ width:40%; margin:1%;padding:1%; font-size:27px; font-weight:bold; color:#FFFFFF;display:inline-block; background-color:#3889B1;border-radius:30px;}
.bnn li a{display:block;color:#FFFFFF;text-decoration:none;}
.Stay{ width:100%; height:auto; text-align:center; margin:1px auto; font-size:1em; color:#003399; max-width:980px; }
.pink{background-color: #e4007f!important;}
.blue{background-color: #004098!important;}










/* == 手機版型區 ============================================================================= */
@media screen and (max-width:767px){
.display_pc{display: none;}
.display_m{display: block;}

    
.conB img{
	max-width:90%;
	margin:0 auto;
     padding: 2% 0;
}    

.conC img{
	max-width:90%;
	margin:0 auto;
    padding: 5% 0 2%;
}    
    
    
/*主頁刊頭*/	
.head2{
	width: 100%;
	height: auto;
	padding-bottom:100%;
	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;
	border-radius:10px;
	transition:0.5s;}
.btn li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn li:hover{
	background:#D01126;
	transform:scale(0.95,0.95)}
.head2 .head-img{ display:none;}



/*選單*/
.bnn{ width:100%; margin:0 auto; padding:1%;}
.bnn ul{list-style:none; text-align:center}
.bnn li{ width:30%; margin:1%;padding:1%; font-size:12px; font-weight:bold; color:#FFFFFF;display:inline-block; background-color:#3889B1;border-radius:15px;}
.bnn li a{display:block;color:#FFFFFF;text-decoration:none;}
	
	
.Stay{ width:100%; height:auto; text-align:center; margin:1px auto; font-size:0.5em; color:#003399; max-width:980px; }
	

	






}