@charset "utf-8";
body {
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 20px;
	background-color: #FFFFFF;
}
.imgpng	{
	behavior: url(/include/png.htc);

} 
#container { /* 網頁版面置中的容器 */
	width: 930px;
	margin: 0 auto;
	border: 1px none #000000;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
}
#header {
	padding: 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
} 
#header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
#sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 200px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */

	padding: 15px 10px 15px 20px;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* ========== 次級選單 ========== */
#navlist h1 {
	margin: 0px;
	padding: 20px 5px 5px 5px;
	font-size: 12pt;
	color: #999999;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-color: #e9e9e9;
}
#navlist ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/	
	margin-left: 4px;
	border-top: 1px solid #e9e9e9;
}
#navlist li {
	margin: 0px;
	border-bottom: 1px solid #e9e9e9;
	padding: 0px;
}
#navlist {
	color: #999999;
}
#navlist a {
	color:#658ac5;
	font-weight:normal;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	padding-right: 30px;
	width: 150px;
}
#navlist a:link, #navlist a:visited {
	text-decoration: none;
}
#navlist a:hover {
	background-color: #F2F2F2;
	background-repeat: no-repeat;
	background-position: 8px 15px;
	color: #333333;
}
#navlist a:active {
	background-color: #3399FF;
	background-repeat: no-repeat;
	background-position: 8px 15px;
	color: #FFFFFF;
}
/* ========== 首頁主要內容區塊 ========== */
#mainContentIndex {
	float: left;
	width: 930px;
	font-size: 10px;
} 
#mainContentIndex h1 {
	font-size: 12pt;
	color: #999999;	
	margin-bottom:0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E0E0E0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}
#mainContentIndex h2 {
	font-size: 12pt;
	color: #3366CC;
	font-weight: normal;
	margin-bottom:0px;
	margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}
#mainContentIndex p {
	font-size: 10pt;
	color: #616161;
	margin-left:30px;
	margin-top:10px;
	text-indent: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20pt;
	letter-spacing: 0em;
}
#mainContentIndex ol, #mainContentIndex ul {
	font-size: 10pt;
	color: #616161;
	margin-left:30px;
	margin-top:10px;
	text-indent: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20pt;
	letter-spacing: 0em;
}

/* ========== 主要內容區塊 ========== */
#mainContent {
	margin: 20px 20px 0 20px;
	float: left;
	width: 680px;
} 
#mainContent h1 {
	background-image:url(../images/h1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:680px;
	height:40px;
	font-size: 18pt;
	color: #00619c;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	text-align: left;
	text-indent: 30px;
	line-height: 20px;
	padding-top: 53px;
	margin: 0px;
}
#mainContent h2 {
	font-size: 12pt;
	color: #3366CC;
	font-weight: normal;
	margin-bottom:0px;
	margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
}
#mainContent h3 {
	font-size: 10pt;
	color: #CC6600;
	font-weight: normal;
	margin-bottom:0px;
	margin-left:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
}
#mainContent p {
	font-size: 10pt;
	color: #616161;
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	text-indent: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20pt;
	letter-spacing: 0em;
}
#mainContent ol, #mainContent ul {
	font-size: 10pt;
	color: #616161;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	text-indent: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	letter-spacing: 0em;
}
#footer {
	width: 100%;
	font-size: 10px;
	color: #CCC;
	padding-top: 20px;
	float: left;
} 

#CopyRight {
	color: #999999;
	font-size:11px;	
	letter-spacing: 0em;
	text-align:center;
	}

#CopyRight2 {
	color: #FF0000;
	font-size:11px;	
	letter-spacing: 0em;
	text-align:center;
	}

/* ========== 上方區塊 ========== */
#blk_top {
	color:#FFFFFF;
	background-color:#3399FF;
}
/* ========== 下方區塊 ========== */
#blk_bottom {
	background-color: #FFFFCC;
}
/* ========== 整體預設樣式 ========== */
/*h1 {
	font-size: 16px;
	color: #333333;
	margin-bottom:0px;
}
h2 {
	font-size: 15px;
	color: #CC0000;
	margin-bottom:0px;
	margin-left:10px;
}
h3 {
	font-size: 13px;
	color: #CC6600;
	margin-bottom:0px;
	margin-left:20px;
}
h4 {
	font-size: 12px;
	color: #996600;
	margin-bottom:0px;
	margin-left:30px;
}
h5 {
	font-size: 12px;
	font-weight: normal;	
	color: #996600;
	margin-bottom:0px;
	margin-left:30px;
}
h6 {
	font-size: 11px;
	font-weight: normal;
	margin-bottom:0px;
	margin-left:30px;
	color: #666666;
}
p {
	margin-left:30px;
	text-indent: 1em;
}
ol, ul {
	margin-left:80px;
	padding:0px;
}
p, ol, ul {
	font-size:12px;
	color: Gray;
	letter-spacing: 0.1em;
}
strong {
	font-weight: bold;
	color: #CC0000;
}
a:link {
	color: #CC3300;
}
a:hover {
	color: #FF6666;
}*/
em {
	color: #CC6600;
	font-style: normal;
}
hr {
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	height: 1px;
}
a:link, a:visited {
	color:#658ac5;
	text-decoration: none;
}
a:hover {
	background-color: #F2F2F2;
	color: #333333;
}
a:active {
	background-color: #3399FF;
	color: #FFFFFF;
}

/* ========== 其他自訂樣式 ========== */

/* ========== 一般表格資料 ========== */
.tbList01 {margin:20px 10px;}
.tbList01 th {
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	background-color: #CCCCCC;
}
.tbList01 td {color: #616161;}
.tbList01 td, .tbList01 th {font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0.1em; padding:3px 5px 3px 5px;}
.tbList01, .tbList01 th, .tbList01 td {border:1px #999999 solid;border-collapse:collapse;}

/*
.tbList01 {
	font-size:12px;
	border:1px solid #666666;
	border-collapse:collapse;
	margin: 0 0 20px 0;
	text-align:center;
	}
.tbList01 td, .tbList01 th {
	border:1px solid #666666;
	padding: 3px;
	text-align:center;
}
.tbList01 th {
	font-weight:normal;
	background-color: #FFFBA6;
	color: #967818;	
}
.tbList02 {
	background: #FFFFFF;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 3px solid #DDDDDD;
	border-left: 1px none;
	margin: 0 0 20px 0;
}
.tbList02 td, .tbList02 th {
	text-align: center;
	padding: 3px;
}
.tbList02 th{
	background: #DEDEDE;
	border-top: 2px solid #FFFFFF;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#BFBFBF,EndColorStr=#DEDEDE);
}
.tbList02 td{
	background: #FFFFFF;
	border-top: 3px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#EEEEEE);
}
*/


/*


#uberlink a:link, #uberlink a:visited, #uberlink a:hover, #uberlink a:active {
	background-image:  url(images/navlist-item_bg_over.gif);
	background-repeat: no-repeat;
	background-position: 8px 14px;
	color: #FFFFFF;	background-color: #658ac5;
	
	padding-top: 10px;
	padding-bottom: 10px;
}
*/