@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:2rem;	/*內容區與上方選單區之間的間隔*/
	padding-bottom:3rem;/*內容區與下方選尾區之間的間隔*/
	
}

#content h1{
	display:block; /*超連結:不可省略*/
	font-size:1.5rem;
	text-align:center; /*文字水平置中*/
	padding-bottom:1rem;/*內容區與下方選尾區之間的間隔*/	
}

#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;
}