<style type="text/css"> 
 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	background-image: url(image/back-1.gif);
}
.twoColFixLt #container {
	width: 980px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 0px none #000000;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	float: center;
}
.twoColFixLt #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 140px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	background: url(image/back-1.gif); /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 0px 0px 0px 0px;
	border: thin none #FFFFFF;
	top: 0px;
}
.twoColFixLt #mainContent {
	margin: 5px 0px 0 150px; /* 這個 Div 元素的左邊界會沿著頁面左邊向下建立欄 – 不論 sidebar1 Div 包含多少內容，欄空間將維持不變。當 #sidebar1 的內容結束時，如果您想讓 #mainContent Div 的文字填滿 #sidebar1 的空間，就可以移除這個邊界。 */
	padding: 5px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	background-color: #FFFFFF;
} 
#lang {
	margin: 0 0 0 120px; /* 這個 Div 元素的左邊界會沿著頁面左邊向下建立欄 – 不論 sidebar1 Div 包含多少內容，欄空間將維持不變。當 #sidebar1 的內容結束時，如果您想讓 #mainContent Div 的文字填滿 #sidebar1 的空間，就可以移除這個邊界。 */
	padding: 5px 0px 120px 0px;
	background-image: url(image/backgound-1.gif);
	font-size: 12px;
	color: #333333;
} 
.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;
}
#navigation td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}
#navigation2 a:hover {
	background:#336699;
	color:#FFFFFF;
	font-size: 14px;
	}	
#navigation a {
	color: #666666;
	letter-spacing:0.1em;
	text-decoration: blink;
	display:block;
	padding:8px 6px 10px 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 8px;
	font-weight: bold;
	vertical-align: top;
	}
#box1{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-left: 10px;
	}
.style1 {font-size: 80%}
.style2 {color: #FF6600}
.style3 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
#box2{
	border: 1px solid #C2D3FC;
	}

#navigation a:hover {
	background: url(image/back.gif);
	color:#FFFFFF;
	font-size: 16px;
	}
.style1 {font-size: 80%}
.style2 {color: #FF6600}
.style3 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
 
[if IE 5]>
<style type="text/css"> 
/* 在這個條件註解中，放置 IE 5* 的 CSS 方塊模型修正 */
.twoColFixLt #sidebar1 { width: 140px; }
</style>
[endif]
[if IE]>
<style type="text/css"> 
/* 在這個條件註解中，放置所有 IE 版本的 CSS 修正 */
.twoColFixLt #sidebar1 { padding-top: 30px; }
.twoColFixLt #mainContent { zoom: 1; }
/* 上面的專用縮放屬性會提供 IE 所需的 hasLayout，以避免許多錯誤 */
</style>
[endif]</style>

