@charset "utf-8";
/* CSS Document */

body  {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background:  #ffebe8 url(image/bc02.jpg) repeat-x;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
}
a:link, a:hover, a:visited { text-decoration:none; color:#333333 }
.twoColFixLtHdr #container { 
	width: 870px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 0px solid #000000;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
} 
.twoColFixLtHdr #header { 
	padding: 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
} 
.twoColFixLtHdr #footer { 
	padding: 0px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	font-size:1.2em;
} 
.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;
}
/*top nav bar*/
.nav td { vertical-align:top;}
.nav td a:link, .nav td a:visited {
	text-decoration:none;
	color:#FFFFFF;
	padding:9px 44px;/*控制字與左右邊界距離, 及超連結感應區大小28*/
	*line-height:35px;/*控制ie下導覽列超連結感應區高度*/
	font-size:12px;
}
.index a:hover {/*該項目被滑上時*/
		background: url(image/button2_1.jpg) center center no-repeat ;
}
.index a:foucus {/*該項目被按下時*/
		background: url(image/button4_1.jpg) center center no-repeat ;
}
.top_tab_1_1 a:hover {/*該項目被滑上時*/
		background: url(image/button2_2.jpg) center center no-repeat ;
}
.top_tab_1_2 a:hover {/*該項目被滑上時*/
		background: url(image/button2_3.jpg) center center no-repeat ;
}
.top_tab_1_2 a:foucus {/*該項目被按下時*/
		background: url(image/button4_3.jpg) center center no-repeat ;
}
.top_tab_1_3 a:hover {/*該項目被滑上時*/
		background: url(image/button2_4.jpg) center center no-repeat ;
}
.top_tab_1_3 a:foucus {/*該項目被按下時*/
		background: url(image/button4_4.jpg) center center no-repeat ;
}
.top_tab_1_4 a:hover {/*該項目被滑上時*/
		background: url(image/button2_5.jpg) center center no-repeat ;
}
.top_tab_1_4 a:foucus {/*該項目被按下時*/
		background: url(image/button4_5.jpg) center center no-repeat ;
}
.top_tab_1_5 a:hover {/*該項目被滑上時*/
		background: url(image/button2_6.jpg) center center no-repeat ;
}
.top_tab_1_5 a:foucus {/*該項目被按下時*/
		background: url(image/button4_6.jpg) center center no-repeat ;
}
.top_tab_1_6 a:hover {/*該項目被滑上時*/
		background: url(image/button2_7.jpg) center center no-repeat ;
}
.top_tab_1_6 a:foucus {/*該項目被按下時*/
		background: url(image/button4_7.jpg) center center no-repeat ;
}

/* 上方導覽器 背景圖 */
#top_nav_bg {
background: url(image/top-nav-bg.gif);  width:870px; height:33px; *height:31px;
}
html:first-child #top_nav_bg {
height:30px;
}
/* 上方導覽器 左側的邊界距離 */
#top_nav_margin {
font-size:12px; margin-left:0px; *margin-top:-1px;
}
html:first-child #top_nav_margin {
margin-top:3px;
}