a{
	color:#009966;
	text-decoration:none;
	font-size:12px;
	}
a:hover {
	color:#007a4e;
	text-decoration:underline;
	}
a:visited {
	color:#009b65;
	}
div{
	font-size:12px;
	text-align: left;
}

 
body  {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #c3bfa7;
}
#fav_icon {
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 25px;
	float: right;
}
.bg{
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #c3bfa7;
	background-image: url(/images/bg.jpg);
	}


/* 彈性版面的提示
1. 由於彈性版面的整體尺寸調整是以使用者的預設字體大小為基礎，所以比較無法預期。如果正確使用，它們也會比需要較大字體大小的版面更容易存取，這是因為行長度會維持一定比例。
2. 這種版面的 Div 尺寸調整是以 Body 元素中的 100% 字體大小為基礎。如果您在 Body 元素或 #container 上使用 font-size: 80% 藉以減少整體文字大小，請記住，整個版面將會依比例縮小。您可能會想要增加各種 Div 的寬度來補償這種情況。
3. 如果字體尺寸調整是以不同的量在每個 Div 而非整體設計上變更 (亦即：#sidebar1 指定為 70% 字體大小而 #mainContent 指定為 85% 字體大小)，這樣就會依比例變更每個 Div 的整體大小。您可能會想要根據最終的字體尺寸進行調整。
*/
.twoColElsLtHdr #container {
	width: 960px;  /* 如果文字保持瀏覽器的預設字體大小，這個寬度將會建立可容納在 800px 瀏覽器視窗中的容器 */
	margin: 0 auto;
	text-align: left;padding: 0px; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
} 
.twoColElsLtHdr #header {
	padding: 0 0px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	height: 96px;
} 

.twoColElsLtHdr #header #top_title {
	height: 52px;
	width: 960px;
	background-image: url(/images/index_bg.gif);
}
.twoColElsLtHdr #header #main_menu {
	height: 43px;
	width: 960px;
	background-image: url(/images/top_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.twoColElsLtHdr #header #main_menu2 a:link {
	color:#131313;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	line-height: 43px;
	text-decoration: none;
	height: 43px;
}

.twoColElsLtHdr #header #main_menu2 a:hover {
	background-image: url(/images/top_menu_over.gif);
	color:#1c8a60;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
}
.twoColElsLtHdr #header #main_menu2 a:active {
	color:#1c8a60;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	line-height: 43px;
	text-decoration: none;
	height: 43px;
}
.twoColElsLtHdr #header #main_menu2 a:visited {
	color:#131313;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	line-height: 43px;
	text-decoration: none;
	height: 43px;
}

.font12 {
	font-size: 12px;
	padding: 10px 0 0 10px;
	line-height: 20px;
}




.twoColElsLtHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 0px; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}






/* sidebar1 的提示：
1. 請注意，如果您在這個 Div 上設定 font-size 值，Div 的整體寬度將加以調整。
2. 因為我們是以 em 為單位進行工作，所以最好不要在邊列本身上使用欄位間隔。它將會新增至寬度，而讓符合標準的瀏覽器建立不明的實際寬度。 
3. 您可以根據在 ".twoColElsLtHdr #sidebar1 p" 規則中看見的方式，將左和右邊界放置於 Div 內部的元素上，藉以建立 Div 側邊與內部元素之間的空間。
*/
.twoColElsLtHdr #sidebar1 {
	float: left;
	width: 300px; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 0px 0px 0px 0px; /* 頂端和底部欄位間隔會在這個 Div 內部建立視覺空間 */
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	/*margin-left: 10px;  您應該針對將要放置於側邊欄的每個元素，指定左和右邊界 */
	/*margin-right: 10px;*/
}

/* mainContent 的提示：
1. 如果您針對這個 #mainContent Div 和 #sidebar1 Div 指定不同的 font-size 值，則 #mainContent Div 的邊界將會以其 font-size 為基礎，而 #sidebar1 Div 的寬度將會以其 font-size 為基礎。您可能會想要調整這些 Div 的值。
2. mainContent 和 sidebar1 之間的空間是以 mainContent Div 的左邊界建立的。不論 sidebar1 Div 包含多少內容，欄空間將維持不變。當 #sidebar1 的內容結束時，如果您想讓 #mainContent Div 的文字填滿 #sidebar1 的空間，就可以移除這個左邊界。
3. 若要避免浮動遺失，您可能需要進行測試以便判斷約略的影像/元素大小上限，因為這個版面是以使用者的字體尺寸結合您所設定的值為基礎。不過，如果使用者將他們的瀏覽器字體大小設定為低於一般大小，#mainContent Div 中的可用空間將會比您在測試時看見的空間更少。
4. 在下列 Internet Explorer 條件註解中，縮放屬性是用來提供 mainContent "hasLayout"。這樣做可避免許多可能會發生的 IE 特有錯誤。
*/
.twoColElsLtHdr #mainContent {

	width: 655px;
	float: left;
} 
.twoColElsLtHdr #footer {
	padding: 0px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。*/
	height: 60px;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	text-decoration: none;
	text-align:center;
} 
.twoColElsLtHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 0px; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}
.line {
	height: 2px;
	width: 960px;
	background-image: url(/images/h_line.gif);
	left: 0px;
	top: 986px;
	margin-top:10px;
	margin-bottom:10px;
	background-repeat: no-repeat;
}
/* 可重複使用的雜項類別 */
.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;
}



#leftaera {
	width:305px;
}
#rightaera {
	width:655px;
}

.right_bg{
	background-image: url(/images/rightbg1.gif);
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
	height: auto;
}




.right_bottom{
	background-image: url("images/right_bottom.gif");
	background-repeat: none;
	height:10px;
	padding: 0px;
	margin: 0px;
}
.txtcontent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: inline;
}

.bigtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	height: 24px;
	padding:0 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF99FF;
	color: #145a5a;
	width: 645px;
}
.partA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px/16px;
	color: #145a5a;
	float:left;
	width: 49%;
}
.partB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px/16px;
	color: #145a5a;
	float:left;
	width: 49%;
	}

.left_bg{
	background-image: url(/images/left_bg.gif);
	background-repeat: repeat-y;
	width: 292px;
	padding:0px;
}
.arrowlist
{
	margin: 0;
	padding: 10px;
	list-style: none;
	font-size: 12px;
}
.pdflist
{
	margin: 0;
	padding: 5px;
	list-style: none;
	font-size: 12px;
}
.arrow2 {
padding-left: 10px;
	background-image: url("images/arrow_2.gif");
	background-repeat: no-repeat;
	padding-bottom: 12px;
}

.twoColElsLtHdr #showcase {
padding-right:95px;
padding-left:95px;
	margin: 0px;
	bottom: 0px;
	text-align: center;
	vertical-align: middle;
}
#banner {
	width:770px;
	height:280px;
	}