@charset "utf-8";
body  {
	font: 100% 細明體, 新細明體;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #312500;
	background-color: #7B0000;
}
p {
	font-size: 11pt;
	line-height: 150%;
	text-indent: 32px;
}
h2 {
	font-size: 19px;
	line-height: 200%;
	color: #7D0000;
}
h3 {
	font-size: 16px;
	color: #690;
}
h4 {
	color: #5C88CF;
	line-height: 150%;
}
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}	
.twoColFixLtHdr #container {
	width: 770px;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	background-image: url(../../images/20100213-bg02.gif);
} 
.twoColFixLtHdr #header {
	padding: 0 10px 0 20px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	background-image: url(../../images/20100213-bg.gif);
	height: 335px;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.twoColFixLtHdr #FlashID2 {
	margin-left: 280px;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 170px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	padding: 15px 10px 15px 10px;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 20px 0 200px; /* 這個 Div 元素的左邊界會沿著頁面左邊向下建立欄 – 不論 sidebar1 Div 包含多少內容，欄空間將維持不變。當 #sidebar1 的內容結束時，如果您想讓 #mainContent Div 的文字填滿 #sidebar1 的空間，就可以移除這個邊界。 */
	padding: 0 20px 20px 20px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */	
} 
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px;
	background-image: url(../../images/20100213-bg03.gif);
	background-repeat: no-repeat;
	height: 18px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */	
}
.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;
}
.style4 {
	font-size: 14px;
	color: #630;
	direction: none;
	line-height: 130%;
}
.style5 {
	font-size: 13px;
	color: #06F;
	line-height: 130%;
}
.style6 {
	font-size: 13px;
	color: #606;
	line-height: 170%;
}
.style7 {
	font-size: 19px;
	line-height: 280%;
	color: #7D0000;
}
.style8 {
	font-size: 16px;
	line-height: 180%;
	color: #660;
	text-decoration: none;
}
.style9 {
	font-size: 15px;
	color: #936;
	line-height: 115%;
}
.style10 {
	font-size: 16px;
	color: #E37200;
	font-weight: bold;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E37200;
	width: 150px;
}
.frame {
	background-image: url(images/0213-01.gif);
	margin-left: -40px;
	width: 580px;
	height: 265px;
	background-repeat: no-repeat;
}
.content {
	width: 520px;
	margin-left: 40px;
	padding-top: 20px;
}

