@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-color: #C0E5F7;
}
.twoColFixLtHdr #container {
	width: 58.13em;
	margin: 0 auto;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	background-color: #FFFFFF;
	background-image: url(../images/main/main_bg.jpg);
	background-repeat: repeat-y;
} 
.twoColFixLtHdr #header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.twoColFixLtHdr #sidebar1 {
	float: left;
	width: 165px;
}
.twoColFixLtHdr #mainContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 165px;
	font-size: 0.8em;
} 
.twoColFixLtHdr #footer {
	background-color: #FFFFFF;
	height: 5em;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
	font-size: 1em;
}
.twoColFixLtHdr #container #footer table {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}

.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;
}
a:link {
	color: #999999;
	text-decoration:none;
}

a:visited {
	color: #CCCCCC;
	text-decoration:none;
}
a:hover {
	color: #DE0029;
}
.twoColFixLtHdr #container .special {
	color: #FF0000;
	font-weight: bold;
}
.twoColFixLtHdr #container .limit {
	font-weight: normal;
	color: #0000FF;
}
.twoColFixLtHdr #container .bold {
	font-weight: bold;
	line-height: 2em;
	font-size: 16px;
}
.twoColFixLtHdr #container #sidebar1 #form1 label {
	font-size: 0.8em;
	text-align: center;
	color: #FFFFFF;
}
#nav { width: 300px; margin: 15px }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }