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

*{
	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%;
	background-color: 


	}

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






.content{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}


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

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

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

table{
	max-width:1000px;
	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:2px auto;
	padding:2px auto;
	font-size: 30px;
}

.footer {
	font-family: "微軟正黑體";
	font-size: 16px;
	color: #FF9;
	background-color: #000;
	text-align:center;
    padding:0 auto;
	margin:0 auto;
    text-align:center; 
}
.footer2 {
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #FFF;
	background-color: #000;
    text-align:center; 
}
.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; }




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

.gyt{
	width:100%;
    max-width:1000px;
	margin:0 auto;
	padding:0;
	text-align:center;
        background-color: rgba(252,252,252,0.5); 

}

.crt{
    background-color: rgba(252,252,252,1.00); 
	width:100%;
    	max-width:1200px;
    text-align: center;    overflow: hidden;
}

.bnn{	
	width:100%;	max-width:1200px;
	margin:0 auto;
	padding:1% 2% 4% 2%;
    font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	text-align:center;
      
}
.bnn li{
	width:100%;
	margin-bottom:1% 1%;
		text-align:center;
	transition:0.5s;}

.bnn li a{
background-color:
background: -webkit-radial-gradient(rgb(66, 155, 235), rgb(25, 85, 145));
background: radial-gradient(rgb(66, 155, 235), rgb(25, 85, 145));

box-shadow: 4px 4px 4px rgba(20%,20%,40%,0.5);
    color:#D2FCF2;
font-size:40px;
    font-weight:bolder;
	text-align:center;
	display:inline-block;
    margin:1% 4%;
    padding:1% 4%;
    border-radius:40px;
    width:80%;
	text-decoration:none;}

.bnn 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; }


/*按鈕*/
.btn{ 
    padding:1% 0 1% 0; 
	width:100%;
	text-align:center; 
    position:fixed;
	top:0;
	z-index:1;
background-color:#F08300;
    
	}
.btn h2{
    font-size:1.8em; 
	line-height:1.6;
	color:#000;
	}
.btn ul{
	margin:0 auto; 
	width:1500px; 
	list-style:none;
	}
.btn li{ 
    display:inline-block; 
	margin:4px; 
	padding:0; 
	width:23%; 
	}
.btn li a{
	display:block; 
	border-radius:6px; -webkit-border-radius:6px; 
	background:#79161B;
    font-size:1.5em; 
	line-height:50px; 
	text-decoration:none; 
	color:#F08300;
padding:1% 0%; 
	transition:0.5s;
    font-weight: bold;
	}
.btn li a:hover{ 
    transform:translate(0,5px);
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}










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


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

/*按鈕*/
.btn{ 

    
     padding:1% 0 1% 0; 
	width:100%;
	text-align:center; 
    position:fixed;
	top:0;
	z-index:1;
background-color:#F08300;
    
    
	}
.btn h2{
    font-size:1.4em; 
	line-height:1.6;
	color:#000;
	}
.btn ul{
	margin:0 auto; 
	width:100%; 
	list-style:none;
	}
.btn li{ 
    display:inline-block; 
	margin:2px; 
	padding:0; 
	width:20%; 
	}
.btn li a{
	display:block; 
	border-radius:6px; -webkit-border-radius:6px; 
	background:#79161B;
    font-size:1em; 
	line-height:35px; 
	text-decoration:none; 
	color:#F08300;
	transition:0.5s;    font-weight: bold;
	}
.btn li a:hover{ 
    transform:translate(0,5px);
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}