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

.thrColFixHdr { 
	font-size:14px;
	background: url(../images/bg.gif);
} 

.thrColFixHdr #container { 
	width: 900px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	/* border: 1px solid #000000; */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	position:relative;
} 
.thrColFixHdr #header {
	/*background-color:#CCFF99;*/
	/*padding: 10px 10px 10px 10px;*/   /*這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	/*margin: 10px 0px 0px 0px;*/ /*讓標題列與最上面有空隙*/
	height:210px;
} 
.thrColFixHdr #header h1 {
	/*margin: 0;  將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 
	padding: 10px 0;  使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.thrColFixHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 135px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	/*background: #CCCCCC; 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	/*padding: -20px 0px 0px 0px;  欄位間隔會讓 Div 的內容遠離邊緣*/
	/*margin: 0px 0px 0px 0px;*/
}
.thrColFixHdr #sidebar2 {
	float:right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 150px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	/*background: #EBEBEB;  背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	/*padding: 0; 欄位間隔會讓 Div 的內容遠離邊緣 */
}
.thrColFixHdr #mainContent { 
	/*font-size:16px;*/
	float:left;
	width:600px;
	
	line-height:28px;/*在mainContent容器中的p的行與行的距離*/
	margin:auto; /* 上左下右，這個 Div 元素的右和左邊界會在頁面的側邊建立兩個外部欄。不論邊列 Div 包含多少內容，欄空間將維持不變。當邊列的內容結束時，如果您想讓 #mainContent Div 的文字填滿邊列的空間，就可以移除這個邊界。 */
	/*加加減減，成500px*/
	/*padding: 0px 30px 0px 20px;*/  /*請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間*/
	/*background: #CCCCCC;*/
	/*background: url(../images/aaa.jpg) top repeat-y;*/
} 
.thrColFixHdr #mainContent p {	/*在mainContent容器中的p*/
	margin: 0 auto;  /*將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	 /*padding: 10px 0; 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
	/*font-size:16px;*/	
	letter-spacing:0.1em; /*在mainContent容器中的p的字與字的距離*/
}
.thrColFixHdr #mainContent .clear {
	clear:both;
}

.thrColFixHdr #footer { 
	padding: 10px 0px 0 0px;  /*這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	text-align: center;
	/*background:#DDDDDD;
	margin: 0px 0px 0px -20px;*/
	height:70px;
	background: url(../images/footer.jpg) top no-repeat;
} 
.thrColFixHdr #footer table {
	margin:auto;
	font-size:14px;
	color:#FF0;
}

.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;
}