@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #666666;
}
.twoColFixLtHdr #container { 
	width: 980px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 0px solid #000000;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
} 
.twoColFixLtHdr #header { 
	background: #DDDDDD; 
	padding: 0 0px 0 0px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 0px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 220px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	background: #FFFFFF; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 0px;
	text-indent: 5px;
}
.twoColFixLtHdr #mainContent {
	margin-top: 0;
	margin-right: 5;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 
.twoColFixLtHdr #footer {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 50;
	padding-left: 20px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}
.twoColFixLtHdr #sidebar2 {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 180px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	background: #FFFFFF; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.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;
}
#box a:link{
	display:block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	letter-spacing: 0.05em;
	color: #006699;
	font-weight: normal;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#box a:visited{
	display:block;
	height:1em;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #999999;
	letter-spacing: 0.05em;
	color: #006699;
	font-weight: normal;
	background-color: #FFFFFF;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
#box a:hover{
	background-color:#FFFFFF;
	color:#FF9900;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-decoration: underline;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #999999;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
}
#box3  a:link{
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	letter-spacing: 0.05em;
	color: #003366;
	font-weight: normal;
	margin: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-size: large;
}
#box3   a:visited{
	display:block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-left-width: 2px;
	border-left-style: none;
	border-left-color: #CCCCCC;
	letter-spacing: 0.05em;
	color: #003366;
	font-weight: normal;
	background-color: #FFFFFF;
	margin: 0px;
	border-right-width: 2px;
	border-right-style: none;
	border-right-color: #CCCCCC;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: large;
}
#box3  a:hover{
	color:#FF9900;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-decoration: underline;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	background-image: none;
	background-color: #FFFFFF;
	font-size: large;
}
#box7 {
	margin: 1px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	border: 1px solid #CCCCCC;
}
#box4 {
	margin: 1px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#box2 {
	margin: 1px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.style1 {
	color: #000066;
	font-weight: bold;
}
.style2 {
	font-size: 12px
}
.style22 {
	font-size: 12px;
	letter-spacing: 0.05em;
}
#box5 {
	margin: 1px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	float: none;
	width: 530px;
}
.style3 {
	font-size: 12px;
	letter-spacing: 0.05em;
}
.style5 {
	color: #006699;
	font-size: 16px;
	font-weight: bold;
}
.style7 {
	color: #006699;
	font-size: 12px;
	font-weight: normal;
}
.style6 {color: #006699; font-size: 12px; font-weight: bold; }
.style8 {
	font-size: 11px;
	color: #999999;
}
.style9 {font-size: 11px}
.style11 {
	font-size: 18px
}

.style10 {
	text-shadow: #999999 2px 2px 1.3px;
	color:#000066;
	font-size: 36px}
.sub_titleheader {
	font-size: 14px;
	background-color: #F5F5F5;
	height: 25px;
	width: 750px;
	letter-spacing: 0.05em;
	color: #006699;
	background-position: center bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	vertical-align: bottom;
	text-indent: 20px;
}
.text14 {
	font-size: medium;
	letter-spacing: 0.05em;
	color: #666666;
}
.text12 {
	font-size: medium;
	letter-spacing: 0.05em;
	text-align: justify;
	color: #666666;
}


.titleheader {
	font-size: 18px;
	background-color: #F5F5F5;
	height: 25px;
	width: 750px;
	letter-spacing: 0.05em;
	color: #006699;
	background-position: center bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	vertical-align: bottom;
	text-indent: 20px;
}