body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	background:#750401;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
}
.twoColLiqRtHdr #container { 
	width: 99%;  /* 這樣將會建立為 80% 瀏覽器寬度的容器 */
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
} 
.twoColLiqRtHdr #header { 
	position:relative;
	height:73px;
} 

.twoColLiqRtHdr #header h1{
	position:absolute;
	background-image:url(images/top_bg-1.gif);
	background-position:left;
	top:0px;
	height:81px;
	width:892px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	left: 0px;
}
.twoColLiqRtHdr #header h2{
	background-image:url(images/top_bg-2.gif);
	background-position:right;
	top:0;
	height:73px;
	width:237px;
	right:-1px;
	background-repeat:no-repeat;
	position:absolute;
	text-indent:-9999px;
}
/* sidebar1 的提示：
1. 因為我們是以百分比為單位進行工作，所以最好不要在邊列上使用欄位間隔。它將會新增至寬度，而讓符合標準的瀏覽器建立不明的實際寬度。 
2. 您可以根據在 ".twoColLiqRtHdr #sidebar1 p" 規則中看見的方式，將左和右邊界放置於 Div 內部的元素上，藉以建立 Div 側邊與內部元素之間的空間。
3. 因為 Explorer 會在呈現父元素之後計算寬度，所以您有時候會在百分比架構欄中遇到無法解釋的錯誤。如果您需要更多可預期的結果，便可以選擇變更為像素大小的欄。
*/
.twoColLiqRtHdr #sidebar1 {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 236px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	background-image:url(images/menu_bg.gif);/* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	background-repeat:no-repeat;
	position:relative;
	text-align:center;
}
.twoColLiqRtHdr #sidebar1 h3, .twoColLiqRtHdr #sidebar1 p {
	margin:0 10px 5px 10px; /* 您應該針對將要放置於側邊欄的每個元素，指定左和右邊界 */
}

/* mainContent 的提示：
1. mainContent 和 sidebar1 之間的空間是以 mainContent Div 的右邊界建立的。不論 sidebar1 Div 包含多少內容，欄空間將維持不變。當 #sidebar1 的內容結束時，如果您想讓 #mainContent Div 的文字填滿 #sidebar1 的空間，就可以移除這個右邊界。
2. 若要避免在支援的 800 x 600 最小解析度上出現浮動遺失，mainContent Div 中的元素應該是 430px 或更小 (包括影像)。
3. 在下列 Internet Explorer 條件註解中，縮放屬性是用來提供 mainContent "hasLayout"。這樣做可避免許多 IE 特有錯誤。
*/
.twoColLiqRtHdr #mainContent { 
	margin: 0 0 0 0; /* 左邊界應該對應於標題和頁尾的邊界，以便達成適當的對齊效果。 */
	position:relative;
	
} 

.twoColLiqRtHdr #BOTTM{
    position:relative;
	margin:4px auto;
/*    width:100%;
	height:100%;
	background-color:#000000;*/
 
}
.twoColLiqRtHdr #footer { 
	padding: 0 10px -1px 20px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#750401; 
} 
.twoColLiqRtHdr #footer p {
font-size:13px; color:#ffc498;
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}
.twoColLiqRtHdr #footer p a{
color:#FFCC00; text-decoration:none;

}
.twoColLiqRtHdr #footer p a:hover{
color:#FFCC00; text-decoration:underline;

}

/* 可重複使用的雜項類別 */
.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;
}
#apDiv1 {
 position:absolute;
 left:175px;
 top:112px;
 width:51px;
 height:53px;
 z-index:1;
}