@charset "utf-8";
body  {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	background: #2c3b52;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
}
td{ vertical-align:top;}
a { text-decoration:none; color:#003366; font-size:13px;}
.thrColFixHdr #container { 
	width: 920px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #e5e5e5;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
} 
.thrColFixHdr #header {
    height:141px;
	text-align:right;
	background-image:url(images/top.jpg); background-repeat:no-repeat;
	padding: 0 5px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
} 
.thrColFixHdr #header p {
    color:#FFFFFF;
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 5px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.thrColFixHdr #header p a{ color:#FFFFFF; text-decoration:none;}
.thrColFixHdr #header p a:hover{ text-decoration:underline;}
.thrColFixHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 176px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	padding:5px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
}
.thrColFixHdr .BOX{ background-color:#FFFFFF; margin-bottom:15px; padding:0 2px 20px 2px; }
.thrColFixHdr .LINK{ background-color:#FFFFFF; margin-bottom:15px; padding:0 2px 20px 2px; }
.thrColFixHdr .LINK ul{ list-style-type:none; margin:0; padding:0;}
.thrColFixHdr .BOX1{ background-color:#FFFFFF;  padding:0; margin-bottom:15px; }
.thrColFixHdr .BOX h5{ padding:5px; margin:0; font-weight:normal;}
.thrColFixHdr .BOX h3{ margin:3px; color:#CC0000; font-size:15px; border-bottom:1px dotted #244e7d; padding:0 0 1px 25px; background-image:url(images/button_file.gif); background-repeat:no-repeat;}
.thrColFixHdr .BOX h6 a{ background-image:url(images/button_serch.gif); background-repeat:no-repeat; padding:0 0 8px 25px; font-size:12px; font-weight:normal; color:#333333; margin-left:10px; text-decoration:none;}
.thrColFixHdr .BOX h1{ font-size:18px; margin:8px; color:#4171a6; text-align:center;}
.thrColFixHdr .BOX h2{ margin:3px 5px; color:#4171a6; font-size:15px; }
.thrColFixHdr .BOX p{ font-size:13px; line-height:18px; color:#333333; margin:10px;}
.thrColFixHdr .BOX h4{ font-size:13px; color:#003399; border-bottom:1px dotted #333333; margin:20px 10px 0 10px;}
.thrColFixHdr .ALBUM{float:left; margin:0 5px 5px 5px;}
.thrColFixHdr .MORE a{text-decoration:none; color:#003399; font-size:13px; float:right; margin-right:5px;} 
.thrColFixHdr #sidebar2 {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 218px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	padding:5px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
}
.TabbedPanelsContent { border: solid 1px #03407e; background-color:#fff; font-size:13px; padding:5px;}
.TabbedPanelsContent1 { border: solid 1px #03407e; background-color:#fff; font-size:13px; padding:5px;}
.TabbedPanelsContent p{ margin:5px; padding:5px 5px 5px 23px; background-image:url(images/button_grass.gif); background-repeat:no-repeat; color:#737373;}
.TabbedPanelsContent1 p{ margin:5px; padding:5px 5px 5px 23px; background-image:url(images/button_hot.gif); background-repeat:no-repeat; color:#03407e;}
.TabbedPanelsContent p span{ color:#03407e;}
.TabbedPanelsTab {
	color:#FFF;
	top: 1px;
	padding: 4px 10px;
	margin: 0;
	font: 0.8em;
	background-color: #0c3a6d;
	list-style: none;
	border-left: solid 1px #03407e;
	border-top: solid 1px #03407e;
	border-right: solid 1px #03407e;
	-moz-user-select: none;
	-khtml-user-select: none;

}
hr{ width:100%; text-align:center; color:#0b7b90; border-bottom-style:dotted; margin:10px 0;}
#QUESTION h3{ border-bottom:1px dashed #39acc1; color:#006699;}
#QUESTION p{padding:10px;}
#QUESTION{ padding:13px;}
#QUESTION li{ list-style-type:square;}
#QUESTION .talkback{ width:90%; padding-left:20px;}
.talkback p{ line-height:22px;color:#006699; }
.talkback span{ text-align:right; color:#666666;}
.lptable th {
    font-size:15px;
	padding: 8px;
	vertical-align: top;
	background-color: #F2F1EE;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B9B7A6;
	border-bottom-color: #B9B7A6;
	color: #666666;
}
.lptable td {
    background-color:#fffff3;
	padding: 8px;
	vertical-align: top;
	line-height: 145%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b8b7b4;
}
.lptable caption{ font-size:15px; padding:5px;}
.thrColFixHdr .submenu{ padding:5px 0;}
.thrColFixHdr #mainContent {
	margin: 5px 220px 0 190px; /* 這個 Div 元素的右和左邊界會在頁面的側邊建立兩個外部欄。不論邊列 Div 包含多少內容，欄空間將維持不變。當邊列的內容結束時，如果您想讓 #mainContent Div 的文字填滿邊列的空間，就可以移除這個邊界。*/
	padding: 0 5px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
} 
.thrColFixHdr #mainContent1 {margin: 5px 5px 0 190px; padding: 0 5px;}
.thrColFixHdr #mainContent1 ul{ line-height:30px; list-style-type:none;}
.thrColFixHdr #mainContent1 li a{ font-size:15px; color:#002a64; border-bottom:1px dotted #333333; margin:0; padding-left:30px; background-image:url(images/button_list.gif); background-repeat:no-repeat;}
.thrColFixHdr #mainContent1 li a:hover{color:#0881c9;}
.thrColFixHdr #mainContent1 .video{ margin:12px; padding:5px; width:170px; background-color:#d9ebff; text-align:center; border:4px double #1647a2; }
.thrColFixHdr #mainContent1 .video h2 a{ font-size:13px; color:#003399;}
.thrColFixHdr #mainContent1 .video p{}
.thrColFixHdr #mainContent1 .page{  font-size:15px; text-align:center; letter-spacing:18px; }
.thrColFixHdr #mainContent1 .page a{font-size:15px; color:#000000; }
.thrColFixHdr #mainContent1 .page span{ font-weight:bold; color:#CC0000; }
.thrColFixHdr #mainContent1 .page a:hover{ text-decoration:underline; color:#0099FF;}
.thrColFixHdr #footer {
    position:relative;
	padding: 0 10px 0 20px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#2c3b52;
} 
.thrColFixHdr #footer p {
    font-size:82%;
	line-height:18px;
    color:#FFFFFF;
	text-align:center;
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}
.thrColFixHdr #footer p a{color:#FFFFFF; }
.thrColFixHdr #footer p a:hover{color:#FFFF66; }

#apDiv1 {
	position:absolute;
	left:21px;
	top:20px;
	width:149px;
	height:51px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:838px;
	top:13px;
	width:71px;
	height:65px;
	z-index:1;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
}
.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;
}