@charset "utf-8";
body  {
	background: #7BA431;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
}
.twoColFixLtHdr #container {
	width: 100%;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	background-repeat: no-repeat;
	background-position: bottom;
}
#top_0 #container {
	background-image: url(../images/copyright_background_0.png); /* 這是主版面的背景圖*/
} 
#top_1 #container {
	background-image: url(../images/copyright_background_1.png); /* 這是第一種版面的背景圖*/
} 
#top_2 #container {
	background-image: url(../images/copyright_background_2.png); /* 這是第二種版面的背景圖*/
} 
#top_3 #container {
	background-image: url(../images/copyright_background_3.png); /* 這是第三種版面的背景圖*/
} 
#top_4 #container {
	background-image: url(../images/copyright_background_4.png); /* 這是第四種版面的背景圖*/
}
#top_5 #container {
	background-image: url(../images/copyright_background_5.png); /* 這是第五種版面的背景圖*/
} 

.twoColFixLtHdr #header {
	display:none;
	height:323px; /* 這是第五種版面的背景圖*/
} 
 
#top_0 #header {
	padding: 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	background-image: url(../images/top_background_0.jpg); /* 這是主版面上方banner的背景圖*/
	background-repeat: no-repeat;
} 
#top_1 #header {
	padding: 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	background-image: url(../images/top_background_1.jpg); /* 這是第一種版面上方banner的背景圖*/
	background-repeat: no-repeat;
} 
#top_2 #header {
	padding: 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	background-image: url(../images/top_background_2.jpg); /* 這是第二種版面上方banner的背景圖*/
	background-repeat: no-repeat;
} 
#top_3 #header {
	padding: 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	background-image: url(../images/top_background_3.jpg); /* 這是第三種版面上方banner的背景圖*/
	background-repeat: no-repeat;
} 
#top_4 #header {
	padding: 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	background-image: url(../images/top_background_4.jpg); /* 這是第四種版面上方banner的背景圖*/
	background-repeat: no-repeat;
} 
#top_5 #header {
	padding: 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	background-image: url(../images/top_background_5.jpg); /* 這是第五種版面上方banner的背景圖*/
	background-repeat: no-repeat;
} 

.twoColFixLtHdr #sidebar1 {
	display:none;
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 220px; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 0;
}
.twoColFixLtHdr #mainContent {
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
} 

h3 {
	text-align: left; 
}

.twoColFixLtHdr #footer {
	display:none;
	height: 139px;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: center;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 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;
}

#navigation_Div { /* 上方導覽列Flash*/
	position:relative;
	width:200px;
	height:115px;
	z-index:2;
	left: 318px;
	top: 0px;
}
#topswf_Div {  /* 上方Flash動畫*/
	position:relative;
	width:200px;
	height:115px;
	z-index:3;
	left: 117px;
	top: 0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#Layer1 {
	display:none;
	position:absolute;
	left:940px;
	top:330px;
	width:55px;
	height:149px;
	z-index:10;
}

#content_navigation {
	display:none;
}