@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	background-image: url(../img/bg1.jpg);
	background-position: 50% 25%;
	background-attachment: fixed;
	background-color: #000000;
}
#container {
	width:500px; /*必須要設定你整個DIV區塊的寬度*/
	position: absolute; /* 調整水平垂直置中*/
	top: 45%;
	left: 32%;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
}
#mainContent {
	padding: 0 20px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
}
.nav {
	width:600px; /*必須要設定你整個DIV區塊的寬度*/
	position: absolute; /* 調整水平垂直置中*/
	top: 45%;
	left: 25%;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
}
.maintitle {color: #FFFFFF; display: block; height: 35px; width: 400px; padding-top: 25px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 8px; font-weight: bold; position: relative; margin: 0px auto; background-color: #000000; font-size: 8px;}
.maintext {
	color: #FFFFFF;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	position: relative;
	background-color: #000000;
	font-size: 12px;
	letter-spacing: 2px;
	padding: 5px;
}