body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	background-color: #FAF0E6;
	}

.container {
	width: 900px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FAF0E6;
	margin: 0 auto;
	
} 

.topmenu {
	text-align: center;
} 
.header {
	text-align:left;
	background: #FAF0E6;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	height: 80px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

.header h1 {
	text-align:left;
	margin-left:10px;
	margin-top:0;
	font-size:1.25em;
	font-family:Verdana;
	font-weight:bold;
	color:#000000;
	}

.header img {
	vertical-align:middle;
	margin-right:0.5em;
	}

.menu {
	font-size:0.9em;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:0px;
	background-color:#FFFFF7;
	height:2em;
	position:relative;
	top:20px;
	right:0px;
	width: 630px;
	float: right;
	text-align: center;
	font-family: "新細明體";
	}

#menu1 {
	position:absolute;
	left:0;
	top:0;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px  #CCCCCC;
	}

#menu2 {
	position:absolute;
	left:90px;
	top:0;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px  #CCCCCC;
	}

#menu3 {
	position:absolute;
	left:180px;
	top:0;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px  #CCCCCC;
	}

#menu4 {
	position:absolute;
	left:270px;
	top:0;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px  #CCCCCC;
	}

#menu5 {
	position:absolute;
	left:360px;
	top:0;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px  #CCCCCC;
	}

#menu6 {
	position:absolute;
	left:450px;
	top:0;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px  #CCCCCC;
	}

#menu7 {
	position:absolute;
	left:540px;
	top:0;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px  #CCCCCC;
	}

.menu a {
	color:#000000;
	background-color:#FAF0E6;
	text-decoration:none;
	display:block;
	width:90px;
	line-height:2em;
	}

.submenu {
	visibility:hidden;
	position:absolute;
	left:0;
	}

.submenu a {
	border-bottom:solid 1px #CCCCCC;
	}
	
.menuhead {
	border-right:solid 1px #ffffff;
	}
	
.menu a:hover {
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFE4C4;
	}

.submenu a {
	font-size:0.75em;
	}

.menu span {
	display:none
	}

.sidebar1 {
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	margin: 10 0 0 0px;
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 180px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	background: #FAF0E6; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 0px 0px 0px 10px;
}
.sidebar1 h1 {
	margin-bottom:0px;
	margin-top:0px;
	}

p.smenu {
	font-size:1em;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	height:2em;
	width:180px;

	text-align: center;
	}

p.smenu a {
	color:#000000;
	background-color:#FFE4C4;
	text-decoration:none;
	display:block;
	width:100%;
	line-height:2em;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	border-bottom-style: groove;
	}

p.smenu a:hover {

	color:#CC0000;
	}

p.smenu span {
	color:#cccccc;
	display:none
	}

.mainContent {
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	margin: 0 0 0 200px;
	background-color: #FAF0E6;
	padding: 0 0 0 0;
} 

.section {
	text-align:inherit;
	margin-top:0px;
	padding: 0 0 0 0;
	}

.footer {
	padding: 0 10px 0 20px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#FAF0E6;
} 

.footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}

.mainContent h1 {
	font-size:1.25em;
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #990000;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	}
.mainContent h1 img {
	margin-bottom:0px;
	margin-top:0px;
	}
.mainContent h2 {
	font-size:1em;
	margin-top:5px;
	margin-bottom:0;
	padding-bottom: 0px;
	padding-right: 5px;	
	}

.mainContent h2 img {
	margin-bottom:0px;
	margin-top:0px;
	}

.mainContent table {
	border:none;
	border: 1px solid #925542;
	font-size:0.75em;
	}
.mainContent td,td {
	border:none;
	border: 1px solid #925542;
	padding:6px 0 0 6px;
	}

.mainContent a {
	color:#660000;
	}
.mark {
	margin-right:0.2em;
	margin-left: 0.3em;
	}
	
.fiximg {
	margin-top:0px;
	}
	
.mainContent h3 {
	text-align:left;
	font-size:1em;
	color:#333333;
	margin-bottom:0.5em
	}

ul {
	text-align:left;
	list-style-image:url(images/aw11.gif);
	margin-left:25px;
	padding-left:0;
	margin-top:0
	}

li {
	padding-left:0.3em;
	font-size:0.875em;
	color:#555555;
	margin-bottom:0.5em
	}

p {
	font-size:1em;
	line-height:1.5em;
	color:#333333;
	font-family: "新細明體";
	}

p.policy {
	font-size:0.75em;
	color:#660000;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-top:5px;
	padding-bottom:5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E2D7C3;
	font-weight: bold;
	}

.graph {
	margin-left:10px;
	font-size:0.68em;
	color:#333333;
	width:200px;
	margin-right: 10px;
	text-align: center;
	border: 1px solid #925542;
	}

.rgraph {
	float:right;
	margin-left:10px;
	font-size:0.68em;
	color:#333333;
	width:200px;
	margin-right: 10px;
	text-align: center;
	border: 1px solid #925542;
	}
	
.lgraph {
	float:left;
	margin-left:10px;
	font-size:0.68em;
	color:#333333;
	width:200px;
	margin-right: 10px;
	text-align: center;
	border: 1px solid #925542;
	}
/*	
.grahp img{
	margin-bottom:5px
	}

.rgrahp img{
	margin-bottom:5px
	}

.cgrahp img{
	margin-bottom:5px
	}

.lgrahp img{
	margin-bottom:5px
	}
*/	
address {
	font-size:0.625em;
	font-style:normal;
	color:#000000;
	padding-top:4px;
	margin-top:30px;
	text-align:left;
	padding-left:10px;
	padding-bottom:10px;
	border-top-width: 9px;
	border-top-style: solid;
	font-weight: bold;
	border-top-color: #925542;
	}

address a {
	color:#660000;
	}

.fltrt { /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓頁面左邊的元素浮動 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
