@charset "utf-8";
/*CSS Document*/
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	vertical-align: middle;
	background-image: url(../images/indexBg.jpg);
	background-repeat: repeat;
	background-position: center center;
	position:relative;
}
.twoColFixLtHdr #container { 
	width: 1000px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	min-height:680px;
	background-repeat:no-repeat;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	background-color:#FFFFFF;
} 
.twoColFixLtHdr #header { 
	padding: 0 10px 0 20px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 200px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	/* background: #EBEBEB; 背景顏色將會針對欄的內容長度而顯示，但僅止於此 
	padding: 15px 10px 15px 20px;*/
	color:#FF0000;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; /* 這個 Div 元素的左邊界會沿著頁面左邊向下建立欄 – 不論 sidebar1 Div 包含多少內容，欄空間將維持不變。當 #sidebar1 的內容結束時，如果您想讓 #mainContent Div 的文字填滿 #sidebar1 的空間，就可以移除這個邊界。 */
	padding: 60px 5px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	margin-top:200px;
	padding-right:60px;
	min-height:400px;
	padding-left:30px;
	/*letter-spacing:1px;*/
}
#mainContent a
{
	color:#908c8b;
	text-decoration:none;
} 
#mainContent a:link
{
	color:#908c8b;
	text-decoration:none;
}
#mainContent a:visited
{
	color:#908c8b;
	text-decoration:none;
}
#mainContent a:hover
{
	color:#FF0000;
	text-decoration:underline;
}
.twoColFixLtHdr #footer {
	padding: 0px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	width:1000px;
	height:85px;
	background-image: url(../images/tail.jpg);
	background-repeat:no-repeat;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 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;
}
#top_bar
{
	width:1000px;
	height:19px;
	background-image:url(../images/top_bar.gif);
	font-size:12px;
	font-weight:400;
}
#top_bar a
{
	text-decoration:none;
}
#top_bar a:hover
{
	text-decoration:none;
}
#top_bar a:link
{
	text-decoration:none;
}
#top_bar a:visited
{
	text-decoration:none;
}
#center
{
	clear:both;
	margin-top:62px;
	margin-left:18px;
}
#headMenu
{
	clear:both;
	margin:10px auto 0 260px;
	font-size:18px;
}
#menuEnglish
{
	font-size:7pt;
	vertical-align:bottom;
}
#headMenu a:link
{
	text-decoration:none;
	color:white;
}
#headMenu a:visited
{
	text-decoration:none;
	color:white;
}
#headMenu a:hover
{
	color:white;
	font-weight:bolder;
}
#headMenu a:active
{
	color:white;
	font-weight:bolder;
}

#title
{
	border-bottom:1px solid #666;
	position:absolute;
	top:300px;
	width:683px;
	left:260px;
}
/*#title1
{
	border-bottom:1px solid #666;
	clear:both;
	margin-top:0px;
}*/
#title_left
{
	float:left;
	color:#0066FF;
	font-size:18px;
	font-weight: bolder;
}
#title_right
{
	float:right;
	color:#666;
	margin-top:10px;
}
#title_right a:link
{
	color:#666;
	text-decoration:none;
}
#title_right a:visited
{
	color:#666;
	text-decoration:none;
}
#title_right a:hover
{
	color:#FF3300;
	text-decoration:underline;
}

#menuTable
{
	font-weight:bold;
	color:white;
}
#menuEnglish
{
	font-size:7pt;
	vertical-align:top;
	text-align:right;
}
#leftMenu
{
  
	position:absolute;
	clear:both;
	top:200px;
	width:125px;
	padding:20px;
	/*clear:both;
	float:left;
	padding-top:50px*/
}
#here
{
	font-weight:bolder;
	position:absolute;
	top:150px;
	padding-left:15px;
}
#nowEng/*目前所在顯示(英文)*/
{
	text-align:left;
	font-size:11pt;
}
#nowCh/*目前所在顯示(中文)*/
{
	font-size:16pt;
	text-align:left;
}

#mainlink
{
	color:#908c8b;
	text-decoration:none;
}
#mainlink a:link
{
	color:#908c8b;
	text-decoration:none;
}
#mainlink a:visited
{
	color:#908c8b;
	text-decoration:none;
}
#mainlink a:hover
{
	color:#FF0000;
	text-decoration:none;
}

ul
{
	list-style:disc;
	color:#908c8b;
}
#menuLi
{
	display:inline;
}
#visitor
{
	font-size:18px;
	font-weight:bolder;
	width:230px;
	margin-top:40px;
	float:right;
}
input
{
	border:1px solid #666;
	background:#FFFFFF;
}
textarea
{
	border:1px solid #666;
}
#news1
/*news頁數作用中使用*/
{
	color:#9a2d80;
	display:inline;
	background-color:#e5c3d8;
	/*border:1px solid #e5abc8;
	border-top:1px solid #e5abc8;*/
	width:15px;
	text-align:center;
	/**/vertical-align:middle;
}
#news2
/*news頁數未作用中使用*/
{
	color:#666666;
	display:inline;
	/*border:1px solid #cccccc;
	border-top:1px solid #cccccc;*/
	width:15px;
	text-align:center;
	/**/vertical-align:middle;
}
#job
{
	border:1px solid #666;
	width:685px;
	border-collapse:collapse;
	margin-top:5px;
}
#jobTd
{
	border:1px solid #666;
}
#address
{
	float:left;
	margin-top:40px;
	padding-left:25px;
	width:500px;
}
#address_top
{
	color:#666;
	font-size:8pt;
	height:4px;
	font-weight:bold;
}
#address_bottom
{
	margin-top:15px;
	color:#233e73;
	font-weight:bold;
	font-size:8pt;
}
#forAlgin
{
	float:right;
	width:0px;
	margin-top:0px;
	/*border:1px solid #666;*/
}
/*左邊的選單*/
*{margin:0;padding:0;border:0;}
body {
	font-family: arial, "新細明體", serif;
	font-size:12px;
	margin:0 auto;
	/*position:relative;*/
	width:1000px;
	/*height:865px;*/
}
#nav {
 	width:125px;
    line-height: 24px; 
 	list-style-type: none;
 	text-align:left;
 	margin-top:7px;
	/*定義整個ul功能表的行高和背景色*/
}
/*==================一級目錄===================*/
#nav a {
 width: 125px; 
 display: block;
 padding-left:20px;
 /*Width(一定要)，否則下面的Li會變形*/
}
#nav li {
 /*background:#CCC; /*一級目錄的背景色*/
 border-bottom:#FFF 1px dashed; /*下面的一條白邊*/
 float:left;
 /*float：left,本不應該設置，但由於在Firefox不能正常顯示
 繼承Nav的width,限制寬度，li自動向下延伸*/
}
#nav li a:hover{
 /*background:#8cbff6; 一級目錄onMouseOver顯示的背景色*/
}
#nav a:link  {
 color:#666;
 text-decoration:none;
}
#nav a:visited  {
 color:#666;
 text-decoration:none;
}
#nav a:hover  {
 /*color:#626d7f;*/
 text-decoration:none;
 /*font-weight:bold;*/
 /*background:#8cbff6;*/
}
/*#nav li a:active
{
	background-color:#8cbff6;
}
/*==================二級目錄===================*/
#nav li ul {
	list-style:none;
	text-align:left;
}
#nav li ul li{ 
	background: #b4d1f9; /*二級目錄的背景色*/
}
#nav li ul a{
	padding-left:20px;
    width:125px;
 /* padding-left二級目錄中文字向右移動，但必須重新設置width=(總寬度-padding-left)*/
}
/*下面是二級目錄的連結樣式*/
#nav li ul a:link  {
 color:#666; text-decoration:none;
}
#nav li ul a:visited  {
 color:#000000;text-decoration:none;
}
#nav li ul a:hover {
 color:#09040a;
 text-decoration:none;
 font-weight:normal;
 background:#b4d1f9;
 /* 二級onmouseover的字體顏色、背景色*/
}
/*==============================*/
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#nav ul.collapsed {
 display: none;
}

#PARENT{
 width:125px;
 padding-left:0px;
}
#NAME{
 width:170px;
 padding-left:30px;
 font-size:15px;
 font-weight:bold;
}
/*div
{
	border:1px solid #666;
}*/