@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;
	background-color: #e7ebd0;
	overflow-x:hidden;
}
.thrColFixHdr #container {
	width: 1004px;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 1px solid #000000;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	background-image: url(../../images/containerbg.gif);
	background-repeat: repeat-Y;
	background-color:#E6EBD0;
} 
.thrColFixHdr #container2 {
	width: 1004px;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 1px solid #000000;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	background-image: url(../../images/containerbg2.jpg);
	background-repeat: repeat-x;
	background-color: #F9FAF4;
} 
.thrColFixHdr #header {
	height: 436px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	position: relative;
	background-color:#E6EBD0;
}
.thrColFixHdr #header2 {
	height: 305px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	position: relative;
}
.thrColFixHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.thrColFixHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 180px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
	background-image: url(../../images/index_leftbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.thrColFixHdr #sidebar12 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 180px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
	background-image: url(../../images/pageleftbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.thrColFixHdr #sidebar2 {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 199px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
	background-color: #E6F5BE;
	height: 732px;
}
.thrColFixHdr #mainContent {
	margin-top: 0;
	margin-right: 227px;
	margin-bottom: 0;
	margin-left: 208px;

} 
.thrColFixHdr #mainContent2 {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 185px;
	color:#333333;
	font-size:0.8em;
} 
.thrColFixHdr #mainContent2 a{
	text-decoration: none;
	color: #7a9b04;
	}
.thrColFixHdr #mainContent2 a:hover{
	color: #ff7e00;
	}

.thrColFixHdr #footer {
	background-image: url(../../images/index_downleftbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 102px;
	padding-top: 10px;
	padding-bottom: 0;
	font-size: 0.8em;
	text-align:center;
	color: #7D7D7D;
} 
.thrColFixHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}

.thrColFixHdr #footer a, #footer a:visited{
	text-decoration: none;
	color: #6da400;
}

.thrColFixHdr #footer a:hover, #footer a:active{
	color: #0099FF;
}

.thrColFixHdr #container .mainbg {
			background-image: url(../../images/mainbg.jpg);
			background-repeat: repeat-y;
			background-position: center 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;
}

div.data {
	padding-top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #336600;
	font-weight: bold;
	line-height: 24px;
	padding-left: 15px;
}
div.email {
	background-image: url(../../images/icon_email.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 45px;
	width: 52px;
	cursor: pointer;
	position: relative;
	top: -25px;
	left: 65px;
}
div.factory {
	padding-right: 28px;
	padding-left: 13px;
	font-size:0.8em;
}
div.factory ul {
	
	padding-left: 0px;
	margin-left: 15px;
	padding-left: 25px !important;
	margin-left: 0px !important;
}
div.factory a {
	color:#006699;
	text-decoration:none;
}
div.factory a:hover {
	color:#FF8000;
	text-decoration:underline;
}


.factory div {
	height: 60px;
	width: 140px;
	margin-bottom: 12px;
}
div.rightbg01 {
	background-image: url(../../images/rightbg01.jpg);
	height: 247px;
	width: 199px;
	background-repeat: no-repeat;
	background-position: center top;
	top: 0px;
}
div.rightbg02 {
	background-image: url(../../images/rightbg02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 97px;
	width: 199px;
	cursor: pointer;
}
div.rightbg03 {
	background-image: url(../../images/rightbg03.jpg);
	height: 211px;
	width: 199px;
	background-position: center top;
	background-repeat: no-repeat;
}

div.more01 {
	background-image: url(../../images/more01.gif);
	height: 26px;
	width: 74px;
	background-repeat: no-repeat;
	margin-left: 125px;
	cursor: pointer;
	background-position: center center;
}
div.more02 {
	background-image: url(../../images/more02.gif);
	height: 26px;
	width: 74px;
	background-repeat: no-repeat;
	margin-left: 125px;
	cursor: pointer;
	background-position: center center;
}
div.location {
	font-size: 13px;
	color: #999;
	padding-top: 10px;
}
div.newsarea {
	height: 245px;
	padding-top: 10px;
	width: 569px;
	position: absolute;
}
div.news_t {
	background-image: url(../../images/news_t.jpg);
	height: 56px;
	width: 569px;
}
div.news_text {
	background-image: url(../../images/newsbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 171px;
	width: 568px;
	font-size: 13px;
}
div.orders {
	height: 250px;
	width: 568px;
	position: absolute;
	top: 719px;
}
div.orders_t {
	background-image: url(../../images/orders_t.jpg);
	height: 56px;
	width: 569px;
}
div.orders_text {
	background-image: url(../../images/ordersbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 172px;
	width: 568px;
	font-size: 13px;
}
div.record {
	height: 185px;
	width: 568px;
	position: absolute;
	top: 965px;
}
div.record_t {
	background-image: url(../../images/record_t.jpg);
	height: 56px;
	width: 569px;
}
div.record_text {
	background-image: url(../../images/record.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 120px;
	width: 568px;
	font-size: 13px;
}
div.more {
	background-image: url(../../images/more.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 16px;
	width: 87px;
	margin-left: 480px;
	cursor: pointer;
}
#photo div {
	padding: 2px;
	width: 72px;
	border: 1px solid #96b720;
}
#photo td {
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-size: 12px;
	color: #96B720;
	text-align: center;
}
#products {
	margin-top: 26px;
}


#products div {
	padding: 2px;
	width: 72px;
	border: 1px solid #96b720; 

}
#products td {
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-size: 12px;
	color: #006633;
	text-align: center;
}

div.menutext {
	width: 410px;
	font-size: 13px;
	line-height: 28px;
	vertical-align: middle;
	right: 0px;
	position: absolute;
}
div.flasharea {
	height: 409px;
	position: absolute;
	background-color: #FFFFFF;
	width: 1004px;
	top: 28px;
}
div.flasharea2 {
	height: 277px;
	position: absolute;
	background-color: #FFFFFF;
	width: 1004px;
	top: 28px;
}

div.copyright {
	font-family: Arial, "新細明體";
	line-height: 20px;
	padding-left: 35px;
	padding-right: 20px;
	padding-top: 5px;
	color: #7D7D7D;
	text-align:center;
}

/* =================================================================== */
/* 常用全域基本設定 */
img {border:0px;}
.AL {text-align: left;}
.AR {text-align: right;}
.AC {text-align: center;}

.FontR {color: #FF0000;}
.FontB {color: #0000FF;}
.FontDB {color: #004080;}
.FontW {color: #FFF;}
.FontG {color: #008000;}
.FontCCC {color: #CCC;}
.Font333 {color: #333;}
.Font666 {color: #666;}
.Font999 {color: #999;}
.FontST {font-weight: bold;}

.FLL {float: left;}
.FLR {float: right;}
.FLN {float: none;}

.LIH2 {line-height:2em;}
.PAD5 {padding:5px;}
.PAD10 {padding:10px;}


div.loginTable table {
   border-collapse: collapse;
   border:1px;
   width: 50%;
   }
div.loginTable caption {
   }
div.loginTable th {
   padding:2px;
   text-align:center;
   background-color:#CCC;
   }
div.loginTable td {
   padding:2px;
   text-align:left;
   }


/* =================================================================== */
/*[if IE 5]>
<style type="text/css"> 
//在這個條件註解中，放置 IE 5* 的 CSS 方塊模型修正
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]
[if IE]>
<style type="text/css"> 
//在這個條件註解中，放置所有 IE 版本的 CSS 修正
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
上面的專用縮放屬性會提供 IE 所需的 hasLayout，以避免許多錯誤
</style>
<![endif]*/