body {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background:#ffffff;
  margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
  padding: 0;
  text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
  color: #000000;

}

a {
	color:#004080;
	text-decoration:none;
	}
	
a:hover {
	color:#FF8000;
	border-bottom-style:solid;
	border:0px;
	}
	
.btm {
  width: 950px;
  margin: 0 auto;
  float:none;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#505050;
  background:#DFDFDE;
}

.location #a {
	color:#ffffff;
	text-decoration:none;
}

.location a:hover {
	color:#ffffff;
	border-bottom-style:solid;
	border:1px;
	}

.toptable {
  margin: 0 auto;
  float:none;
  padding:inherit;
  }

.toptable #td {
  margin:0 auto;
  float:right;
  position:fixed;
  border-collapse: collapse;
  word-break:break-all;  
}
.toptable #backimg {
  margin: 0 auto;
  background-image:url(images/back.jpg);
  background-position:left;
  background-repeat:no-repeat;
  }

.table {
  width: 950px;  /* 這樣將會建立為 80% 瀏覽器寬度的容器 */
  background:#ffffff;
  margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
  border: 0px solid #C0C0C0;
  text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
}
/* 邊列的提示：
1. 因為我們是以百分比為單位進行工作，所以最好不要在邊列上使用側邊欄位間隔。它將會新增至寬度，而讓符合標準的瀏覽器建立不明的實際寬度。 
2. 您可以根據在 ".thrColLiq #sidebar1 p" 規則中看見的方式，將左和右邊界放置於 Div 內部的元素上，藉以建立 Div 側邊與內部元素之間的空間。
3. 因為 Explorer 會在呈現父元素之後計算寬度，所以您有時候會在百分比架構欄中遇到無法解釋的錯誤。如果您需要更多可預期的結果，便可以選擇變更為像素大小的欄。
*/
.table #left {
  width:215px;
  float: left; /* 在來源順序中，這個元素必須位於想要相鄰的任何元素前面 */
  background-image:url(images/leftback.jpg); margin:0; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
  background-repeat:repeat-y;
  margin-top:inherit; /* 頂端和底部欄位間隔會在這個 Div 內部建立視覺空間 */
  vertical-align:top;
}
.table #right {
  width: 180px;
  float: right; /* 在來源順序中，這個元素必須位於想要相鄰的任何元素前面 */
  padding: 15px auto; /* 頂端和底部欄位間隔會在這個 Div 內部建立視覺空間 */
  vertical-align:top;
  margin-top:inherit; /* 頂端和底部欄位間隔會在這個 Div 內部建立視覺空間 */
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-image:url(images/riteback.jpg);
  background-repeat:repeat-y;
}
.table #left p, .table #left h3, .table #right p, .table #right h3 {
  margin-left: 10px; /* 您應該針對將要放置於側邊欄的每個元素，指定左和右邊界 */
  margin-right: 10px;
}
/* mainContent 的提示：
1. mainContent 和邊列之間的空間是以 mainContent Div 的左和右邊界所建立。
2. 若要避免在支援的 800 x 600 最小解析度上出現浮動遺失，mainContent Div 中的元素應該是 300px 或更小 (包括影像)。
3. 在下列 Internet Explorer 條件註解中，縮放屬性是用來提供 mainContent "hasLayout"。這樣做可避免許多 IE 特有錯誤。
*/
.table #mainpage {
  width: 735px;
  background-color:#FFFFFF;
}

#navigation td {
	border-bottom: 0px solid ;
	}
	
#navigation a {
	font: 12px "Calibri";
	color: ;
	line-height:16px;
	letter-spacing:0em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	background:#C8E3FF;
	color:;
	}

.bdimg {
border:1px solid #707070;
}