@charset "utf-8";
.print {display:none}

body  {
	/*font: Arial, Helvetica, sans-serif, 細明體, 新細明體;*/
	font-family:  Arial, Helvetica, sans-serif, 細明體, 新細明體;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	background: #FCFCFA url(../../images/bg.jpg) repeat-x;
}

img {
	border: none;
}
a:link, a:visited {
	/*color: white;*/
	color:blue;
	text-decoration: none;
}
a:hover, a:active {
	/*color: #fc3;*/
	color:#033;
	text-decoration: underline;
}


/*  Sitename block */
.thrColFixHdr #aboveLogoContainer {
	/*width: 780px;*/  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	width: 860px;
	/*background: #FFFFFF;*/
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	/*border: 5px solid white;*/
	text-align: right; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	/*HEIGHT: 38px;*/
}
.thrColFixHdr #aboveLogo { 
	/*background: #DDDDDD; */
	/*padding: 0 10px 0 20px;*/  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	padding: 0 10px 0px 0px; 
}
.thrColFixHdr #aboveLogo h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	/*padding: 10px 0;*/ /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
	padding: 0;
	color: #271201;
	line-height:48px; 
}
.thrColFixHdr #aboveLogo h2 {
	/*margin: 0*/; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	margin: 0;
	/*padding: 10px 0;*/ /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
	padding: 0;
	color: #CB8336;
	font-style: italic;
}

/*  logo block */
.thrColFixHdr #logoContainer {
	/*width: 780px;*/  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	width: 860px;
	/*background: #FFFFFF;*/
	background: url(../../images/logo_860x188_tw.jpg) no-repeat;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: solid white;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	HEIGHT: 188px;
}
.thrColFixHdr #logo { 
	/*background: #DDDDDD; */
	padding: 0 10px 0 20px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
}
.thrColFixHdr #logo h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
	display:none;
}

/*  menu block */
.thrColFixHdr #menuContainer {
	/*width: 780px;*/  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	width: 860px;
	/*background: #FFFFFF;*/
	background: url(../../images/bg_menu.gif) no-repeat;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: solid white;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
height: 30px;
}
.thrColFixHdr #menubar { 
	/*background: #DDDDDD; */
	/*padding: 0 10px 0 20px;*/  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	padding: 0px 0;
}
.thrColFixHdr #menubar h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}

/*  main block */
.thrColFixHdr #container { 
	/*width: 780px;*/  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	width: 860px;
	background: #FFFFFF;
	background: url(../../images/bg_main.gif) repeat-y;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: solid white;
	border-top-width: 1px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
}
.thrColFixHdr #pageLocation {padding: 20px 0px 0px 0px; font-size:12px; font-weight:bold;}	
.thrColFixHdr #pageLocation a:link, .thrColFixHdr #pagelocation a:visited {text-decoration:none; color:blue;}
.thrColFixHdr #pageLocation a:hover, .thrColFixHdr #pagelocation a:active {text-decoration:underline; color:#033;}
.thrColFixHdr #header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
} 
.thrColFixHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}

.thrColFixHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 150px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	/*background: #EBEBEB;*/ /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	/*background: url(../../images/yh_in3.gif) no-repeat;*/
	padding: 15px 10px 15px 20px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
	/*background: url(../../images/bg_sidebar1.gif) no-repeat;*/
}
.thrColFixHdr .sidebar1Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #3c1e06;
	text-align: center;
	margin-left: -20px;
	margin-right: -10px;
	width: 200px
	height: 35px;
	line-height:35px; 
}
.thrColFixHdr .sidebar1Header a:link, .thrColFixHdr .sidebar1Header a:visited {
	color: white;
	text-decoration: none;
}
.thrColFixHdr .sidebar1Header a:hover, .thrColFixHdr .sidebar1Header a:active {
	color: #fc3;
	text-decoration: none;
}
.thrColFixHdr #sidebar2 {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 150px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	/*background: #EBEBEB;*/ /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 15px 10px 15px 20px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
}
.thrColFixHdr #mainContent {
	margin: 0 200px; /* 這個 Div 元素的右和左邊界會在頁面的側邊建立兩個外部欄。不論邊列 Div 包含多少內容，欄空間將維持不變。當邊列的內容結束時，如果您想讓 #mainContent Div 的文字填滿邊列的空間，就可以移除這個邊界。
	padding: 0 10px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
}
.thrColFixHdr #mainContent p {
	font-size: 16px;
	line-height:24px; 
}
.thrColFixHdr #mainContent h4 {
	/*color:red;*/
}
.thrColFixHdr #mainContent h2 {
	color:#C40000;
}
/*.thrColFixHdr #mainContent li {
	font-size: 16px;
	line-height: 24px;
	list-style-type: decimal;
	list-style-position: outside;
	margin: 20px 0;
}*/
.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#DDDDDD;
	background: url(../../images/bg_footer.gif) repeat-y;
} 
.thrColFixHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 5px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
	font-size: 12px;
	color: white;
	text-align: center;
}
.thrColFixHdr #footer a:link, .thrColFixHdr #footer a:visited {
	color: white;
	text-decoration: none;
}
.thrColFixHdr #footer a:hover, .thrColFixHdr #footer a:active {
	color: #fc3;
	text-decoration: none;
}
.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;
}
.clearfltrt {
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfltlft {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */
#menu8 {
        width: 140px;
        margin-top: 10px;
        }
#menu8 ul {
		list-style: none;
        margin: 0;
        padding: 0;
}
#menu8 li a {
        text-decoration: none;
        height: 32px;
         /* voice-family: "\"}\"";*/
          /*voice-family: inherit;*/
          height: 24px;
        }
#menu8 li a:link, #menu8 li a:visited {
        color: #777;
        display: block;
        background: url(../../images/menu8.gif);
        padding: 8px 0 0 25px;
        }
#menu8 li a:hover, #menu8 li #current {
        color: #257EB7;
        background: url(../../images/menu8.gif) 0 -32px;
        padding: 8px 0 0 25px;
        }
#menu8 li a:active {
        color: #fff;
        background: url(../../images/menu8.gif) 0 -64px;
        padding: 8px 0 0 25px;
        }

/* =-=-=-=-=-=-=-[contact_info]-=-=-=-=-=-=-=- */
#contact_info {
	font-family:  Arial, Helvetica, sans-serif, 細明體, 新細明體;
	margin: 100px 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 20px;
}
/* =-=-=-=-=-=-=-[imagebox]-=-=-=-=-=-=-=- */
.imagebox {
	z-index: 1;
	position: relative;
    /*float: left;*/
    padding: 0px;
    margin: 5px 1px 0px 1px;
    border:none;
    background-color: cornsilk;
	text-decoration: none;
}

.imagebox a:link {
	text-decoration: none;
}


.imagebox p {
	margin: 0px;
    text-align: center;
    font-size: 8px;
}

/*div#gallery{
    width: 90%;
    border: 3px dashed gray;
    padding: 30px;
    background-color: cornsilk;
}*/

.imagelabel { 
  z-index: 2;
  position: absolute;
  /*width:50px; */
  /*height:16px; */
  top:2px;
  left:2px;
  border: 1px solid #FFF;
  background-color: black;
  color: white;
  font-weight: bold;
  font-size: 20px;
}

/* =-=-=-=-=-=-=-[li]-=-=-=-=-=-=-=- */
.mainContent_li {
	font-size: 16px;
	line-height: 24px;
	list-style-type: decimal;
	list-style-position: outside;
	margin: 20px 0;
}
.relative_link_li {
	font-size: 16px;
	line-height: 24px;
	list-style-type: none;
	list-style-position: outside;
	margin: 20px 0;
}