@import url("reset.css");

@media only screen and (max-width: 1920px) {
    html{
		font-size: 120%; /* 將根元素的預設文字大小改為 12px。(12 / 16 * 100% = 75%) */
	}
}
@media only screen and (max-width: 960px) {
    html{
		font-size: 100%; /* 將根元素的預設文字大小改為 12px。(12 / 16 * 100% = 75%) */
	}
}
@media only screen and (max-width: 480px) {
    html{
		font-size: 75%; /* 將根元素的預設文字大小改為 12px。(12 / 16 * 100% = 75%) */
	}
	
}

body{
	background-color:#999;
	font-family:arial,"微軟正黑體";
}

/*===頁首區===*/
#header{
	width:100vw;
	max-width:960px;
	margin:0 auto;/*先上下 後左右 =置中*/
	padding-top:1rem;	/*內容區與上方選單區之間的間隔*/
	padding-bottom:1rem;/*內容區與下方選尾區之間的間隔*/	
	background-color:#DDDDDD;
}

#header_img{
	width: auto;
	height: auto;
	max-width: 10vw;
	max-height: 10vw;
	
}

#header h1{
	display:block; /*可省略*/
	max-width:100vw;	
	height:auto;
	text-align: center;
	font-size:2rem;
	letter-spacing
	/*text-indent:-9999px /*用法一:隱藏文字時*/
	
}

#h1_en{
	font-size:1rem;
	letter-spacing:0.3rem;
}

/*===主選單===*/


#NAV{
	max-width:960px;
	width:100vw;
	margin:0 auto;/*先上下 後左右 =置中*/
	overflow:hidden; /*多的地方隱藏*/
}


#nav ul{
	list-style-type:none;/*取消小黑點*/
}

#nav li{
	float:left; /*水平排列*/
}

#nav li a{
	display:block; /*超連結:不可省略*/
	width:20vw;
	height:5vwin;
	max-width:192px;	
	line-height:5vmin; /*文字高度置中*/
	background-color:#100;
	font-size:1rem;
	color:#FFF;
	letter-spacing:2px;
	text-align:center; /*文字水平置中*/
	text-decoration:none;
}

#nav li a:hover{
	background-color:#993366;
}



/*===內容區===*/

#content{
	clear:both; /*解除浮動*/
	width:100vw;
	max-width:960px;
	margin:0 auto;
	background-color:#FFF;
	/*padding-top:1rem;	/*內容區與上方選單區之間的間隔*/
	padding-bottom:3rem;/*內容區與下方選尾區之間的間隔*/
	
}

#content h1{
	display:block; /*超連結:不可省略*/
	font-size:1.5rem;
	text-align:center; /*文字水平置中*/
	padding-bottom:0.5rem;/*內容區與下方選尾區之間的間隔*/	
}
#content P{
	text-indent:5vw; /*用法一:文字斷落的縮排時*/
	font-size:1rem;
	line-height:1.7;
	padding:0 30PX; /*左右各留30px，編排上視覺較舒服*/
	padding-bottom:15px;	
}

#table_l{
	float:left;
	width:50%;
	padding-bottom:1rem;/*內容區與下方選尾區之間的間隔*/
}

#table_r{
	margin-left:50%; 
	width:30%
	padding-top:2rem;	/*內容區與上方選單區之間的間隔*/
	padding-bottom:1rem;/*內容區與下方選尾區之間的間隔*/
}

#content table { 
	border-style:none;
	margin:0 auto;
  border:1px solid #000; 
  font-family: 微軟正黑體;
  font-size:1rem; 
  width:49vw;
  max-width:450px;
  border:1px solid #000;
  text-align:center;
  border-collapse:collapse;
  
} 
#content td { 
	border:1px solid #000;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	
} 

#content_P{

	text-align:center; /*文字水平置中*/

}

#botton_TYPE{

}

#botton_LINK{

	display:block; /*超連結:不可省略*/
	width:30vw;
	height:5vwin;
	max-width:192px;	
	line-height:5vwin; /*文字高度置中*/
	background-color:#100;
	font-size:1rem;
	color:#FFF;
	letter-spacing:2px;
	text-align:center; /*文字水平置中*/
	text-decoration:none;
	margin:0 auto;/*先上下 後左右 =置中*/
	overflow:hidden; /*多的地方隱藏*/
}
#botton_LINK:hover {
    background-color: #3e8e41;
}



/*===頁尾區===*/
#footer{
	width:100vw;
	max-width:960px;
	margin:0 auto;
	background-color:#000;
}

#footer h2{
	font-size:1rem;
	text-align:center;
	line-height:60px;
	color:#FFF;
}