* {	padding: 0;	margin: 0;}


body {
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
	background: #fff url(image/bg_body.png) left top repeat-x;
}
p {	/*\*/letter-spacing: 0.08em;margin-top:1.8em;	/**/}
img { border: 0;}
#body-div {
	width: 1000px; 
	margin: 0 auto; /* 自動調整左右邊界 */
	text-align: left; /* 設定靠左對齊﹙修正#body的設置﹚ */
}
#header {
	position:relative;
	width: 1000px;
	height: 99px;
	background: url(image/bg_header.png) left top no-repeat;
}
#banner a {
	position: absolute;
	top: 42px;
	left: 41px;
	width: 231px;
	height: 43px;
	text-indent: -5000px;
	background: url(image/logo.png) left top no-repeat;
	z-index: 10;
}
#navigation {
	position: absolute;
	left: 277px;
	top: 37px;
	width: 528px;
	height: 62px;
	list-style-type: none;
	background: url(image/bg_navigation.png) left top no-repeat;
	z-index: 2;
}
#navigation ul {list-style: none;}
#navigation li {float: left;}
#nav01 { width: 89px;margin-right: 2px;  }
#nav02 { width: 82px;margin-right: 2px; }
#nav03 { width: 92px;margin-right: 2px;}
#nav04 { width: 83px;margin-right: 2px;}
#nav05 { width: 81px;margin-right: 2px; }
#nav06 { width: 91px }
#navigation li a {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 62px;
	padding-top: 62px;	
	background-image: url(image/bg_navigation.png);
}
/* mouseout的情形 */  /* 使用background-position的條件是父標籤要用background-image */
#nav01 a { background-position: 0 0; }
#nav02 a { background-position: 437px 0;}
#nav03 a { background-position: 353px 0; }
#nav04 a { background-position: 259px 0; }
#nav05 a { background-position: 174px 0; }
#nav06 a { background-position: 91px 0; }
/* mouseover的情形 */ 
#nav01 a:hover { background-position: 0 62px; }
#nav02 a:hover { background-position: 437px 62px; }
#nav03 a:hover { background-position: 353px 62px; }
#nav04 a:hover { background-position: 259px 62px; }
#nav05 a:hover { background-position: 174px 62px; }
#nav06 a:hover { background-position: 91px 62px; }

#sub-nav {
	position: absolute;
	left: 837px;
	top: 12px;
	width: 150px;
	height: 9px;
	list-style-type: none;
	background: url(image/bg_sub-nav.png) left top no-repeat;
	z-index: 2;
}
#sub-nav ul {list-style: none;}
#sub-nav li {float: left;}
#sub-nav01 { width: 32px; margin-right:5px}
#sub-nav02 { width: 47px; margin-right:6px}
#sub-nav03 { width: 23px; margin-right:6px}
#sub-nav04 { width: 31px;}
#sub-nav li a {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 9px;
	padding-top: 9px;	
	background-image: url(image/bg_sub-nav.png);
}
/* mouseout的情形 */  /* 使用background-position的條件是父標籤要用background-image */
#sub-nav01 a { background-position: 0 0; }
#sub-nav02 a { background-position: 113px 0;}
#sub-nav03 a { background-position: 60px 0; }
#sub-nav04 a { background-position: 31px 0; }
/* mouseover的情形 */ 
#sub-nav01 a:hover { background-position: 0 9px; }
#sub-nav02 a:hover { background-position: 113px 9px; }
#sub-nav03 a:hover { background-position: 60px 9px; }
#sub-nav04 a:hover { background-position: 31px 9px; }



#container {
	width: 900px;
	margin: 0 auto;
	padding: 35px 20px 15px 20px;
	background: #fff url(image/bg_container.png) top left no-repeat; 
}
#index_left-cloum {float:left;width:220px;margin-right:10px;text-align:center;}
#index_right-cloum { float:left;width:670px;}



/* 首 頁 最 新 消 息 */ 
.index_news {width:100%;text-align:left;}
.index_news_head {position:relative;width:220px;height:32px;background:url(image/h3_index-news.png) left top no-repeat;}
.index_news_head h3{text-indent: -5000px;}
.index_news_head span {position:absolute; right:0px; top:12px;}
.index_news_body {width:204px;margin: 8px auto 5em auto;}
.index_news_body ul{list-style: none;}
.index_news_body li {list-style: none;}
.index_news_body li a{
	display: block;
	padding-left: 16px;
	text-decoration: none;
	font-size: 12px;
	color: #434343;
	line-height: 3.2em;
	height: 3.2em;
	border-bottom: 1px solid #e4e4e4;
	background: url(image/index_news-dot.png) 3px center no-repeat;
}
.index_news_body li a:hover{color: #a2a2a2;text-decoration: underline;background: #f5f5f5 url(image/index_news-dot.png) 3px center no-repeat;}

/* more按 鈕 灰 底 */ 
.more a { display: inline-block;overflow: hidden;width: 42px;height: 0 !important;height /**/: 14px;padding-top: 14px;background-image:url(image/bg_more.png);background-position: 0 0;}
.more a:hover { background-position: 0 14px;}

.index_cloumns {margin-top:2em;}
.index_cloumns ul{list-style: none;}
.index_cloumns li {list-style: none;display:block;float:left;width:206px;}
.index_cloumns li p { width:200px;margin: -1em auto 0 auto;color:#959595; line-height:1.6;}
.index_cloumns01 h3{width:206px;height:133px;background:url(image/h3_index-quality-assurance.png) left top no-repeat; text-indent:-5000px;} 
.index_cloumns02 {padding:0 12px;margin:0 12px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.index_cloumns02 h3{width:206px;height:133px;background:url(image/h3_index-process-capability.png) left top no-repeat; text-indent:-5000px;} 
.index_cloumns03 h3{width:206px;height:133px;background:url(image/h3_index-factory.png) left top no-repeat; text-indent:-5000px;} 


.flash-banner {width:900px;heigth:108px;margin-bottom:-4px;+margin-bottom:0;-margin-bottom:0;}
.page_left-column {width:175px;float:left;margin-right:5px;}
.page_main-column {float:left;width:520px;}
.page_main-column #content {width:500px; margin: 2em auto;color:#999999;line-height:1.6em}
.page_main-column #content h3 {color:#333333;}
.page_right-column {width:190px;float:right;}
.page_main-column h2 {width:500px;margin-top:10px;height:31px;padding-left:20px;line-height:31px;font-size:16px;letter-spacing:2px;color:#7d7d7d;background: url(image/bg_h2.png) bottom left no-repeat;}

.suup-nav_body ul{list-style: none;background:url(image/bg_suup-nav.png) top left repeat-y;}
.suup-nav_body li {list-style: none;width:120px;margin:0 auto; background: url(image/bg_suup-nav_line.png) bottom center no-repeat;}
.suup-nav_body li a{
	display: block;
	width:100px;
	margin: 0 auto;
	padding-left: 16px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	color: #707070;
	line-height: 3.2em;
	height: 3.2em;
	border-bottom: 1px solid #e4e4e4;
	background: url(image/index_news-dot.png) 6px 17px no-repeat;
}
.suup-nav_body li a:hover{color: #a2a2a2;text-decoration: underline;background: url(image/index_news-dot.png) 8px 17px no-repeat;}
.suup-nav_body .stay {color:#0099FF;}

.product_left-cloumn {width:200px;padding:0 13px 0 27px;float:left;margin-right:5px;background: url(image/bg_product_left-cloumn.png) top center no-repeat;}
.product_main-cloumn {float:left;width:620px;}
.product_main-cloumn h2 {width:610px;height:31px;padding-left:20px;line-height:31px;font-size:16px;letter-spacing:2px;color:#7d7d7d;background: url(image/bg_h2.png) bottom left no-repeat;}
.product_main-cloumn #content {width:600px; margin: 2em auto;}
.product_main-cloumn #content table {margin-bottom:2em;}
.product_main-cloumn #content td {padding: 0 0 0 10px; color: #959595;}
.product_main-cloumn #content td td {padding: 0;}
.product_main-cloumn #content td a {color: #0099ff;font-size:15px;font-family:Arial}
.product_main-cloumn #content td a:hover {color: #0033CC; text-decoration:none;}

.product_main-cloumn #content table {}
.product_main-cloumn #content h2 {width:280px;padding-left:10px;color:#0099FF;background:#f6f6f6;}
.product_main-cloumn #content .product_info {padding:10px; font-size:12px; color:#999}
.product_main-cloumn #content h4 {font-size:13px;font-weight:bold;color:#000;line-height:2em;}

.standards {width:540px;margin: 1em auto;line-height:1.8em;}
.product_main-cloumn #content .standards td {padding:10px 15px; letter-spacing:0.1em;}
.product_main-cloumn #content .standards h5 {font-size:12px;font-weight:bold;color:#000;line-height:2em;}

.return {width:600px; margin-top:2em; margin-bottom:5em;padding:15px; text-align:right;background:#eee;}
.return a {display:inline-block;padding-left:22px;line-height:16px;color:#005b7f;text-decoration:none;background: url(image/icon_return.png) center left no-repeat;}
.return a:hover {color:#0099FF;text-decoration:underline;}

.process-caprbility {width:450px; list-style:none; margin: 0 auto 3em auto;color:#7d7d7d; font-size:12px; letter-spacing:1px;}
.process-caprbility li { display:block; list-style:none; padding: 10px 0; height:auto; background: url(image/line01.png) bottom left no-repeat;}
.process-caprbility li .item {display:inline-block; vertical-align:top;width:150px;font-weight:bold;}
.process-caprbility li .data {display:inline-block;width:300px;}


.news_main-cloumn {float:left;width:720px;}
.news_main-cloumn h2 {width:680px;height:31px;padding-left:20px;line-height:31px;font-size:16px;letter-spacing:2px;color:#7d7d7d;background: url(image/bg_h2.png) bottom left no-repeat;}
.news_main-cloumn .date {width:680px;height:31px;line-height:31px;padding-left:20px;font-size:12px;letter-spacing:1px;color:#ccc; border-bottom: 1px solid #ddd ;}
.news_main-cloumn #content {width:680px; margin: 2em auto;}
.news_main-cloumn #content table {margin-bottom:2em;}
.news_main-cloumn #content td {padding: 0 0 0 10px; color: #959595;}
.news_main-cloumn #content td td {padding: 0;}
.news_main-cloumn #content td a {color: #0099ff;font-size:15px;font-family:Arial}
.news_main-cloumn #content td a:hover {color: #0033CC; text-decoration:none;}

.news_main-cloumn #content table {}
.news_main-cloumn #content h2 {width:280px;padding-left:10px;color:#0099FF;background:#f6f6f6;}
.news_main-cloumn #content .product_info {padding:10px; font-size:12px; color:#999}
.news_main-cloumn #content h4 {font-size:13px;font-weight:bold;color:#000;line-height:2em;}

.news_main-cloumn #content .standards td {padding:10px 15px; letter-spacing:0.1em;}
.news_main-cloumn #content .standards h5 {font-size:12px;font-weight:bold;color:#000;line-height:2em;}

.news_return {width:650px; margin: 3em auto 5em auto ;padding:15px; text-align:right;background:#eee;}
.news_return a {display:inline-block;padding-left:22px;line-height:16px;color:#005b7f;text-decoration:none;background: url(image/icon_return.png) center left no-repeat;}
.news_return a:hover {color:#0099FF;text-decoration:underline;}




/* --------------聯絡表單-------------- */
#inquiry {
	width: 560px; 
	margin-top: 30px;
	margin-left: 30px;
}
#inquiry table {
	border-top: 1px solid #CCCCCC;
	border-right: none;
	border-bottom: none;
	border-left: none;
	font-size: 100%;
	width: 100%;
	background: #fff;
}
#inquiry td {
	border-top: none;
	border-right: none; 
	border-bottom: 1px solid #CCCCCC; 
	border-left: none; 
	padding: 10px;
}
#inquiry th {
	border-top: none; 
	border-right: none;
	border-bottom: 1px solid #CCCCCC; 
	border-left: 6px solid #CCCCCC; 
	padding: 10px; 
	background-color: #F3F3F3; 
	font-weight: normal;
	width: 200px;
}
#inquiry th.must {
	border-left-color: #D90000;
}
#inquiry th em {
	font-style: normal;
	color: #FF0000;
	padding-left: 5px;
}
.text1, .text2, .text3, .text4 { /* 相同的就一齊設 */
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	padding: 2px;
}
.text1 {/* 姓名 */
	width: 180px;
}
.text2 {/* 郵遞區號 */
	width: 4em;
}
.text3 {/* 地址、大樓名、email */
	width: 98%;
}
.text4 {/* 內容 */
	width: 98%;
}
#inquiry select {/* 下拉式選單 */
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}
#inquiry .submit {/* 送出按鈕 */
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.contact-us_info {margin-bottom:30px;margin-left:30px}
.contact-us_info span {
	display:block;
	width:400px;
	height:26px;
	line-height:26px;
	padding-left:30px;
	color:#0066FF;
	font-size: 15px;
	background: url(imgs/bg_contact-us_info.gif) left top no-repeat;
}
.contact-us_info p{margin-top:15px;color:#666666;font-size:12px;}
#plus2 {width:100%;font-size:16px;font-weight:bold;padding-left:10px;color:#FF0000;line-height:3em;background:#ccc;}


/* 頁 碼 */
.pager {display: block;width: 100%;margin:3em 0;text-align: center;font-size: 12px;}
.pager * {margin-left: 7px;}
.pager a {color: #0099FF;text-decoration: none;}
.pager a:hover {color: #FFFFFF;text-decoration: none;background-color: #94A4A3;}
.pager span {}
.pagerLinkPrevPage {}
.pagerCurrent {}
.pagerLink {}
.pagerLinkNextPage {}



/* 麵 包 屑*/
#breadCrumb {width:100%;text-align:right;font-size:12px;line-height: 40px;color:#0075a9;background: url(imgs/bg_breadCrumb_home.gif) top left no-repeat;}
#breadCrumb a{
color: #AAA5A5;
}
#breadCrumb span {display:block;margin-left:5px;font-size:13px;line-height: 30px;}
#breadCrumb a:hover {color:#3300CC}


/* 產 品 圖 片 陰 影 */
.shadow {width: auto;background: url(image/fuzzy_shadow.png) no-repeat bottom right;}
.shadow div {background: url(image/fuzzy_shadow1.png) no-repeat right top;}
.shadow div a {background: url(image/fuzzy_shadow2.png) no-repeat left bottom;padding: 0 6px 6px 0;display: block;}
.shadow img {background-color: #fff;color: #000;border: 5px solid #fff;vertical-align: bottom;}
.shadow a:hover img {background-color: #fff;color: #000;border: 5px solid #f2f2f2;vertical-align: bottom;}

/* 產 品 中 型 圖 帶 陰 影 */
.gallery {	list-style: none;	margin: 0;	padding: 0;}
.gallery li {padding: 0;	position: relative;	width: 320px;	height: 250px;}
.gallery img {	background: #fff;	border: solid 1px #ccc;}
.gallery span {	width: 20px;height: 18px;display: block;position: absolute;	bottom: 5px;right: 5px;}
.gallery .photo {	background: url(image/photo.gif) no-repeat;}
.gallery a {	text-decoration: none;}
.gallery a:hover img  {	border-color: #666;}
.gallery a:hover span {	background-position: left -22px;}


/*  網 站 地 圖 */ 
.sitemap ul {list-style:none;margin-top:6px;}
.sitemap li {list-style:none;display:block;padding-top:6px;padding-bottom:6px;}
.sitemap li a {padding-left: 16px; text-decoration:none; color:#666666;background:url(image/index_news-dot.png) 6px center no-repeat;}
.sitemap li a:hover {color: #999999; text-decoration:underline;}


#footer {clear: both;width: 1000px; margin: auto auto;font-size: 11px;font-family:Arial;color: #828282;text-align: center;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;color:#0099FF;}
#footer ul {display:block;width:670px;height:30px;margin: 1em auto;line-height:30px;text-align:center;color:#fff;+color:#d2d2d2;-color:#d2d2d2;background:url(image/bg_foot-nav.png) left top no-repeat;}
#footer li {list-style:none;display:inline;margin: 0 9px;}
#footer li a {text-decoration:none;color:#696767;}
#footer li a:hover {text-decoration:none;color:#fff;}
#copyright {padding: 6px auto 2em auto; line-height:1.6;}