@charset "utf-8";
* {
	/**/
	/*padding: 0;*/
	/*font-size: 100%;*/
	/*list-style: none;*/
	/*color: #CC3366;*/
	text-decoration:none;
	
}
body  {
	font: /*100%*/ Verdana, Arial, Helvetica, sans-serif;
	/*background: #666666;*/
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #663333;
	/*background-color:#CCCCCC;*/
	
	
	
	
}

.thrColFixHdr #container { 
	width: 1000px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	height:600px;
	margin:auto;
	/*padding: 20px 20px 20px 20px;*/
	/* border: 1px solid #000000; */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	/*background: url(../../page_pic/education/3/bg.jpg) top no-repeat;*/
	
} 

.thrColFixHdr #header {
	background-color:#CCFF99;
	/*padding: 10px 10px 10px 10px;*/   /*這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	margin: 10px 0px 0px 0px; /*讓標題列與最上面有空隙*/
	height:210px;
} 

.thrColFixHdr #sidebar1 {
	/*float: left;*/ /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	position:absolute;
	width: 130px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	/*text-align:center;*/
	margin-top:100px;
	/*margin-left:50px;*/
	
	border-top:#660 solid 2px;
	border-bottom:#660 solid 2px;
	border-left:#660 solid 2px;
	border-right:#660 solid 2px;
}

.thrColFixHdr #mainContent { 
	/*font-size:16px;*/
	/*float:right;*/
	position:relative;
	
	border-top:#660 solid 2px;
	border-bottom:#660 solid 2px;
	border-left:#660 solid 2px;
	border-right:#660 solid 2px;
	
	
	width:600px;
	padding:20px 20px 20px 20px;
	margin-right:0px;
	margin-top:100px;
	margin-bottom:0px;
	margin-left:210px;
	/*–moz-border-radius:10px;*/

}

.thrColFixHdr #footer { 

	position:relative;
	/*width:650px;	*/
	padding: 0px 0px 0 0px;  /*這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	margin:0px 0px 0px 200px;
	/*margin-bottom:0px;*/
}
.thrColFixHdr #footer #footer_1{ 
	height:52px;
	width:660px;
	float:right;
	margin-right:105px;
	/*background: url(../../page_pic/education/3/bottom-1.jpg) no-repeat;*/
}
.thrColFixHdr #footer #footer_2{ 
	width:660px;
	float:right;
	margin-right:105px;
	/*background: url(../../page_pic/education/3/bottom-2.jpg) repeat-y;*/
}

.thrColFixHdr #footer #footer_3{ 
	height:18px;
	width:660px;
	float:right;
	margin-right:105px;
	/*background: url(../../page_pic/education/3/bottom-3.jpg) no-repeat;*/
}

.picture {
	padding:10px 10px 0px 10px;
}

.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;
}





