.style1 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style2 
{
	color: #FFFFFF;
	font-weight: bold;
}

a:link 
{
	text-decoration: none;
}
a:visited 
{
	text-decoration: none;
}
a:hover 
{
	text-decoration: none;
}
a:active 
{
	text-decoration: none;
}
.style3 {font-size: 16px}

*{text-decoration:none;}
ul a:hover{text-decoration:overline;}
.boxoff{display:none;}
#tab li{
float:left;
display:block;
width:76px;
height:30px;
cursor:hand; /* IE */
cursor:pointer; /* Mozilla */
}

#tabbox3 li{
font-size:13.5px;
}

.tabboxoff li{background:url(img/tab_off_test.jpg) 0 0 no-repeat;}
.tabboxon li{background:url(img/tab_off_test2.jpg) 0 0 no-repeat;}

ul{
margin:0;
padding:0;
list-style:none;
}
HTML
{
overflow-x:hidden;
overflow-y:auto;
} 
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	 padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;

	scroll="no";
}
.oneColLiqCtrHdr #container {
	width: 960px;  /* 這樣將會建立為 80% 瀏覽器寬度的容器 */
	background: #666666;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 1px solid #000000;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
}
.oneColLiqCtrHdr #header {
	background: #666666; 
	/*padding: 0 10px 0 20px;  /*這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.oneColLiqCtrHdr #mainContent {
margin: 0;
	/*padding: 0 0px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	background: #666666;
}
.oneColLiqCtrHdr #footer { 
margin: 0;
	/*padding: 0 0px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#666666;
	
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	/*padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}