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

*{
	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%;/*避免ios用戶字體自動放大*/
	font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;}

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

.content{
	width:100%;
	margin:0 auto;
	padding:0;
	background-color: #A4EAE6;
	text-align:center;
}
.content2{
	width:100%;
	margin:0 auto;
	padding:0;
	background-color: #FFF2BD;
	text-align:center;}
.content3{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;}

.content img{
    max-width:1000px;}

.content2 img{
    max-width:1000px;}
.content3 img{
    max-width:1000px;}

table{
	max-width:1200px;
	text-align: center;}

.TOP-WEB {
	text-decoration:none;
    color:  #FF3;
    font-size: 25px;
    text-align:center;
    background-color:#000;
}
.add {
	font-size: 16px;
	color: #FF9;
	background-color: #000;
    text-align: center;
}
.add2 {
	font-size: 15px;
	color: #FFF;
	background-color: #000;
    text-align: center;
}
.add3 {
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;
    text-align: center;
}

.Stay{  
	text-align:center; 
	margin:0 auto;
	padding:2% auto;
	font-size: 30px;
}

.footer {
	font-family: "微軟正黑體";
	font-size: 16px;
	color: #FF9;
	background-color: #000;
	text-align:center;
    padding:0 auto;
	
}
.footer2 {
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #FFF;
	background-color: #000;
    
}
.footer3 {
	font-family: "微軟正黑體";
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;
    text-align:center; 
   
}


.red{ color: #C00E11; font-size:36px; 
    font-weight:bold;}
.red2{ color: #C00E11;font-weight:bold;}
.yel{ color: #C9BC9C; font-size:30px; 
    font-weight:bold;}
.mark{ color: #C00E11; font-size:24px; 
    font-weight:bold;}
.gr{ color: #47AC93; font-size:28px; 
    font-weight:bold;}
.text-orange{color:#eb7624;font-size:24px;font-weight:bold;}
.pale-orange,.hover-pale-orange:hover{color:#5F5479!important;background-color:#FCF2E9!important}
.black{ color: #000; font-size:24px; }

.bnmc{background-color:#A48B78;}

.bnmc2{background-color:#056A8D;}
.bert{background-color:#DDCE78;}
/* == 桌機版 ============================================================================= */
	
.bn2{
	width:100%;
	padding: 0;
	 display:inline-block;
	max-width: 1200px;
	margin:1% auto;}
.bn2 ul{
	margin:0 auto; 
	width:100%;
	}
.bn2 li{
	width:30%;
	padding:0 1%;
	margin: 0 0 2% 0;
	text-align:center;
    display:inline-block;
	transition:0.5s;}
.bn2 li a{
	display:block;
	text-decoration:none;}
.bn2 li:hover{
	transform:scale(0.95,0.95);}




.Stay{ width:100%; 
    height:auto;
text-align:center; 
    margin:0% auto;
   padding:2% 1% 1% 1%;
    font-size:2em; color:#fff;
    max-width:1200px; }

/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){
	/*置頂選單*/

body{
	background-position:20% 5%;
	background-size: auto;
    background-position: center top;}      

    
    
.Stay{ width:100%; 
    height:auto;
text-align:center; 
    margin:0% auto;
   padding:2% 1% 1% 1%;
    font-size:1em; color:#fff;
    max-width:1200px; }
    
   .bn2{
	width:100%;
	padding: 0;
	 display:inline-block;
	margin:1% auto;}
.bn2 ul{
	margin:0 auto; 
	width:100%;
	}
.bn2 li{
	width:30%;
	padding:0 1%;
	margin: 0 0 2% 0;
	text-align:center;
    display:inline-block;
	transition:0.5s;}
.bn2 li a{
	display:block;
	text-decoration:none;}
.bn2 li:hover{
	transform:scale(0.95,0.95);}
    
}