@charset "utf-8";
a {blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
body {
	font-family: Arial, Tahoma ;
	font-size: 12px;
	padding:0px;
	margin:0px;
	color:#434343;
	background:url(../images/bg.gif) repeat-x;
}
select, input {
	font-family: Arial, Tahoma ;
}
/* RESET */
dd,dt,dl,p,ul,li,form,input,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px; }
ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,th{ font-size: 1em; font-weight: normal; font-style: normal; }
img { border: none; }
.clear {
	clear:both;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
#content a:hover {
	background-position:right;
}


/*LAYOUT*/
body.bg {
	background:url(../images/bgIndex.gif) repeat-x;
}
#container {
	width:950px;
	margin:0px auto;
}
#header {
	position:relative;
	width:950px;
	height:118px;
	z-index:2;
}
#bannerIndex {
	width:950px;
	height:273px;
	margin-bottom:36px;
	position:relative;
	z-index:1;
}
#bannerIndex .position {
	position:absolute;
	left:-25px;
	top:0px;
	z-index:1;
}
#bannerIndex .iso {
	background:url(../images/iso.gif) no-repeat;
	width:330px;
	height:81px;
	position:absolute;
	z-index:50;
	left:605px;
	top:184px;
}
#banner {
	width:950px;
	height:209px;
	margin-bottom:17px;
}
#content {
	line-height:15px;
}
#footerBox {
	height:138px;
	background:#f1f1f1;
	margin-top:20px;
	padding-top:10px;
}
#footerBox #footer {
	height:138px;
	width:950px;
	margin:0px auto;
	text-align:right;
	color:#676768;
	font-size:11px;
	line-height:18px;
}
#footer a {
	color:#808080;
}
#footer a:hover {
	color:#333;
}
#content .pageTitle {
	width950px;
	height:31px;
	overflow:hidden;
}
#content .pageTitle h2 {
	width:450px;
	height:31px;
	float:left;
	text-indent:-9999px;
	background: url(images/pageTitle.jpg) no-repeat;
}
#content .path {
	color:#434343;
	float:left;
	width:500px;
	text-align:right;
	line-height:31px;
	float:right;
}
#content #left {
	width:254px;
	float:left;
	border-top:1px solid #866c4a;
}
#content #right {
	width:673px;
	border-top:1px solid #866c4a;
	float:right;
	padding-top:12px;
}
#content #main {
	width:950px;
	border-top:1px solid #866c4a;
	padding-top:12px;
}


/*HEADER*/
#header #logo {
	display:block;
	position: absolute;
	background:url(images/logo.jpg) no-repeat;
	width:177px;
	height:75px;
	left:0px;
	top:24px;
	text-indent:-9999px;
}
#header ul.choose {
	padding-top:16px;
	margin-left:656px;
}
#header ul.choose img {
	position: relative;top: 3px;margin-top: -3px;
}
#header .choose ul {
	 background-color:#6600CC
}
#header .choose li {
	float:left;
}
#header .choose select {
	width:200px;
	font-size:11px;
	margin-right:2px;
}
#header .language {
	display:block;
	background: url(images/language.jpg) no-repeat 0px 1px;
	width:40px;
	height:22px;
	margin-left:28px;
}
#header #nav {
	width:566px;
	margin-left:400px;
	padding-top:50px;
}
#header #nav li {
	float: left;
	height:16px;
	text-indent:-9999px;
}
#header #nav a {
	display:block;
	height:16px;
}
#header #nav a:hover {
	background-position:bottom;
}
#header #nav .home {
	background:url(images/nav01.gif) no-repeat;
	width:81px;
}
#header #nav .about {
	background:url(images/nav02.gif) no-repeat;
	width:87px;
}
#header #nav .news {
	background:url(images/nav03.gif) no-repeat;
	width:78px;
}
#header #nav .product {
	background:url(images/nav04.gif) no-repeat;
	width:113px;
}

#header #nav .process {
	background:url(images/nav05.gif) no-repeat;
	width:101px;
}

#header #nav .contact {
	background:url(images/nav06.gif) no-repeat;
	width:106px;
}
#header .subNav {
	width:140px;
	border:1px solid #c8c8c8;
	padding:2px 10px 4px 10px;
	background:#f6f6f6;
	position:absolute;
	z-index:50;
}
#header .subNav li {
	padding:5px 0px 5px 14px;
	background:url(../images/subNav_icon.gif) no-repeat 6px 10px;
	color:#5f3f18;
	border-bottom:1px solid #e7e1da;
}
#header .subNav li:hover {
	background-color:#efefef;
}
#header .subNav li.last {
	border-bottom: none;
}
#header .subNav a {
	color:#5f3f18;
	text-decoration:none;
}
#header .subNav a:hover {
	color:#434343;
}
#header .subNav li p {
	padding:5px 0px 0px 8px;
}
#header .subNav li p a {
	color:#907758;
}


/*Footer*/
#footer {
}

/*Path*/
#content .path span {
	color:#907758;
}
#content .path a {
	color:#434343;
}

/*PageTitle*/
#content .titleAbout01 h2 {
	background-position:0px 0px;
}
#content .titleAbout02 h2 {
	background-position:0px -31px;
}
#content .titleAbout03a h2 {
	background-position:0px -62px;
}
#content .titleAbout03b h2 {
	background-position:0px -93px;
}
#content .titleAbout04 h2 {
	background-position:0px -124px;
}
#content .titleAbout05 h2 {
	background-position:0px -155px;
}
#content .titleNews h2 {
	background-position:0px -186px;
}
#content .titlePd01 h2 {
	background-position:0px -217px;
}
#content .titlePd02 h2 {
	background-position:0px -248px;
}
#content .titlePce01 h2 {
	background-position:0px -279px;
}
#content .titlePce02 h2 {
	background-position:0px -310px;
}
#content .titleContact h2 {
	background-position:0px -341px;
}


/*INDEX*/
#content #indexL {
	float:left;
	width:283px;
}
#indexL li {
	width:283px;
	border-top:1px solid #866c4a;
	margin-bottom:14px;
	padding-top:15px;
}
#indexL li.service01 h3,#indexL li.service02 h3 {
	width:283px;
	height:17xp;
	text-indent:-9999px;
	margin-bottom:6px;
}
#indexL li.service01 h3 {
	background:url(images/index_serv01Title.jpg) no-repeat;
}
#indexL li.service02 h3 {
	background:url(images/index_serv02Title.jpg) no-repeat;
}
#indexL li.service01 p,#indexL li.service02 p {
	width:150px;
	height:122xp;
	padding:0px 133px 0px 3px;
	font-size:11px;
	color:#676768;
}
#indexL li.service01 p {
	background: url(../images/index_serv01Pic.jpg) no-repeat right;
}
#indexL li.service02 p {
	background: url(../images/index_serv02Pic.jpg) no-repeat right;
}
#indexL .more,#indexR .more {
	display:block;
	width:29px;
	height:11px;
	text-indent:-9999px;
}
#indexL .more {
	margin:10px 0px 0px 4px;
	background:url(../images/icon_more02.png) no-repeat;
}
#indexR .more {
	background:url(../images/icon_more01.png) no-repeat;
}
#content #indexR {
	float:right;
	border-top:1px solid #866c4a;
	width:621px;
	padding-left:23px;
}
#indexR li {
	margin-bottom:14px; display:inline;
	padding-top:15px;
	float:left;
	width:174px;
	height:144px;
	position:relative;
	margin-right:31px;
}
#indexR h2 {
	width:174px;
	height:17px;
	text-indent:-9999px;
	margin-bottom:6px;
	background:url(../images/index_patentTitle.gif) no-repeat;
}
#indexR .pat01 h2 {
}
#indexR .pat02 h2 {
	background-position:0px -18px;
}
#indexR .pat03 h2 {
	background-position:0px -36px;
}
#indexR .pat04 h2 {
	background-position:0px -54px;
}
#indexR .pat05 h2 {
	background-position:0px -72px;
}
#indexR .pat06 h2 {
	background-position:0px -90px;
}
#indexR .pic {
	position: absolute;
	behavior: url("iepngfix.htc");
}
#indexR .pat01 .pic {
	background:url(../images/patent01.png) no-repeat;
	width:100px;
	height:65px;
	left:83px;
	top:101px;
}
#indexR .pat02 .pic {
	background:url(../images/patent02.png) no-repeat;
	width:102px;
	height:61px;
	left:78px;
	top:105px;
}
#indexR .pat03 .pic {
	background:url(../images/patent03.png) no-repeat;
	width:103px;
	height:62px;
	left:81px;
	top:103px;
}
#indexR .pat04 .pic {
	background:url(../images/patent04.png) no-repeat;
	width:111px;
	height:59px;
	left:66px;
	top:107px;
}
#indexR .pat05 .pic {
	background:url(../images/patent05.png) no-repeat;
	width:112px;
	height:64px;
	left:69px;
	top:101px;
}
#indexR .pat06 .pic {
	background:url(../images/patent06.png) no-repeat;
	width:102px;
	height:63px;
	left:87px;
	top:103px;
}
#indexR .txt {
	width:129px;
	height:115px;
	border:1px solid #dedede;
	background:#f2f1ef;
	padding:10px 30px 0px 13px;
}
#indexR .txt h4 {
	height:94px;
}


/*NEWS_left*/
#left .newsList {
	border-bottom:1px solid #866c4a;
	width:254px;
	padding:12px 0px 10px 0px;
}
#left .newsList li {
	float:left;
	width:234px;
	padding: 5px 10px;
	margin-bottom:5px;
	max-height:43px;
	_height:43px;
	overflow:hidden;
	float:left; display: inline
}
#left .newsList li:hover {
	background:#f4f4f4;
}
#left .newsList li.choose {
	background:#f4f4f4;
}
#left .newsList p {
	width:234px;
	color:#921316;
}
#left .newsList h4 {
	width:234px;
}
#left .newsList a {
	color:#434343;
}
#left .page {
	clear:both;
	padding-top:12px;
	width:140px;
	margin:0px auto;
}
#left .page a {
	display:block;
	float:left;
	color:#434343;
	padding:0px 5px;
}
#left .page a:hover {
	color:#866c4a;
}
#left .page .prev,#left .page .next {
	width:9px;
	height:9px;
	text-indent:-9999px;
}
#left .page .prev {
	background:url(../images/pagePrev.gif) no-repeat;
}
#left .page .next {
	background:url(../images/pageNext.gif) no-repeat;
}
#left .page .current {
	display:block;
	float:left;
	color:#866c4a;
	font-weight:bold;
	padding:0px 5px;
}

/*NEWS_right*/
#right .news .date {
	font-size:13px;
	color:#787878;
	margin-bottom:3px;
}
#right .news h3 {
	font-size:16px;
	color:#931316;
	font-weight:bold;
}
#right .news .detail {
	margin-top:12px;
}

#right .news .detail img.float {
	float:left;
	padding:0px 14px 10px 0px;
}

/*About01*/
#left .about01 {
	padding:12px 15px 0px 15px;
	width:224px;
}
#left .about01 img.iso {
	margin-top:15px;
}
#left .about01 dt {
	width:224px;
	height:22px;
	margin:22px 0px 3px 0px;
	text-indent:-9999px;
	border-bottom:1px solid #c7bbac;
}
#left .about01 dt.taoyuan {
	background:url(images/about01_plant01.jpg) no-repeat;
}
#left .about01 dt.kaohsiung {
	background:url(images/about01_plant02.jpg) no-repeat;
}
#left .about01 dd {
	padding:0px 3px 0px 3px;
	font-size:11px;
}
#right .about01 {
	width:647px;
	padding:0px 17px 0px 9px;
}
#right .about01 .pLeft {
	width:316px;
	float:left;
	text-align:justify;
}
#right .about01 .pRight {
	width:310px;
	float:right;
	position:relative;
	padding-top:217px;
	text-align:justify;
}
#right .about01 .pRight img {
	position: absolute;
	top:0px;
	behavior: url("iepngfix.htc");
}
.note {
	color:#931316;
}

/*About02*/
#main .about02 {
	width:880px;
	padding:0px 35px 0px 35px;
}
#main .about02 li {
	background:url(../images/about02_linebg.gif) repeat-x bottom;
}
#main .about02 dl {
	position:relative;
	width:880px;
	padding:5px 0px 7px 0px;
}
#main .about02 dt {
	width:45px;
	position:absolute;
	left:40px;
	top:11px;
}
#main .about02 dd {
	width:755px;
	margin-left:125px;
	background:url(../images/about02_icon.gif) no-repeat 0px 12px;
	padding:7px 0px 5px 12px;
	color:#000;
}
/*About03*/
#main .about03 {
	width:930px;
	padding:5px 10px 0px 10px;
}
.about03 .leftbox {
	width:233px;
	float: left;
}
.about03 .leftbox dl {
	width:197px;
	border-left:1px solid #c8c8c8;
	border-top:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	border-bottom:2px solid #931316;
	padding:10px 17px 18px 17px;
	margin-top:11px;
	background:#f4f4f4;
}
.about03 .leftbox dt {
	width:197px;
	background:url(images/plant01_hlLeft.jpg) no-repeat;
	height:24px;
	text-indent:-9999px;
}
.about032 .leftbox dt {
	background:url(images/plant2_heat.gif) no-repeat;
}
.about03 .leftbox dd {
	width:197px;
}
.about03 .rightbox {
	width:658px;
	float: right;
}
.about03 .rightbox .hl {
	margin:11px 0px 5px 0px;
}
.about03 .rightbox table.plant01,.about03 .rightbox table.plant02 {
	width:658px;
	border-left:1px solid #c5c5c5;
	border-top:1px solid #c5c5c5;
}
.about03 .rightbox table.plant01 {
	height:125px;
}
.about03 .rightbox table.plant02 {
	height:125px;
}
.about03 .rightbox .plant01 th,.about03 .rightbox .plant02 th {
	border-right:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	text-align:center;
	color:#931316;
	background:#dedede;
	font-weight:bold;
	padding:5px;
}
.about03 .rightbox .plant01 th {
	height:58px;
}
.about03 .rightbox .plant01 th {
	height:30px;
}
.about03 .rightbox .plant01 td,.about03 .rightbox .plant02 td  {
	border-right:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
}
.about03 .rightbox .plant01 td {
	height:55px;
	text-align:center;
}
.about03 .rightbox .plant02 td {
	height:95px;
    border-right:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	text-align:left;
	line-height:1.2;
	padding:5px;
	vertical-align:top;
}
#contactTD{
	line-height:1.5;
	margin-top:5px;
}
#contactTD a{
	line-height:1.5;
	margin-top:5px;
	color:#434343;
}
/*About04*/
#main .about04 {
	width:840px;
	padding:10px 55px 0px 55px;
}
#main .about04 li {
	background:url(../images/about02_linebg.gif) repeat-x bottom;
	position:relative;
	height:230px;
	width:840px;
	padding-top:20px;
}
#main .about04 img {
	position: absolute;
	left:0px;
	top:20px;
}
#main .about04 h3 {
	color:#931417;
	font-size:15px;
	font-weight:bold;
	margin-left:190px;
	margin-bottom:5px;
}
#main .about04 p {
	margin-left:190px;
	text-align:justify;
}
/*About05*/
#main .about05 {
	width:930px;
	padding:5px 10px 0px 10px;
}
.about05 .leftbox {
	width:268px;
	float: left;
}
.about05 .rightbox {
	width:606px;
	float: right;
	padding-top:19px;
}
.about05 .leftbox h3 {
	width:268px;
	background:url(images/about05_leftTitle.jpg) no-repeat;
	height:32px;
	text-indent:-9999px;
	margin-bottom:23px;
}
.about05 .leftbox p {
	width:238px;
	height:60px;
	margin-top:18px;
	padding:0px 15px;
	border-bottom:3px solid #9b2527;
	text-align:justify;
}
.about05 .rightbox p {
	width:606px;
	float: right;
}
/*Process01*/
#left .process01 {
	padding:15px 15px 280px 15px;
	background:#f6f6f6;
	border-bottom:3px solid #931316;
	text-align:justify;
	width:224px;
}
#right .process01 {
	padding-top:5px;
}
#right .process01 h3 {
	background:url(images/process01_hl.jpg) no-repeat;
	width:px;
	height:15px;
	text-indent:-9999px;
	margin-bottom:15px;
}
/*Process02*/
#left .process02 {
	padding:15px 15px 160px 15px;
	background:#f6f6f6;
	border-bottom:3px solid #931316;
	width:224px;
}
#left .process02 h3 {
	background:url(images/process02_leftHl.jpg) no-repeat;
	height:14px;
	text-indent:-9999px;
	margin-bottom:8px;
}
#left .process02 li {
	position:relative;
	margin-bottom:25px;
}
#left .process02 h4 {
	height:16px;
	width:226px;
	text-indent:-9999px;
}
#left .process02 .cat01 h4 {
background: url(images/process02_rightCat01.jpg) no-repeat;
}
#left .process02 .cat02 h4 {
background: url(images/process02_rightCat02.jpg) no-repeat;
}
#left .process02 .cat03 h4 {
background: url(images/process02_rightCat03.jpg) no-repeat;
}
#left .process02 .cat04 h4 {
background: url(images/process02_rightCat04.jpg) no-repeat;
}
#left .process02 li img {
	position: absolute;
	right:0px;
	top:0px;
}
#left .process02 dl {
	margin:5px 0px 0px 15px;
}
#right .process02 {
	padding:5px 7px 0px 8px;
}
#right .process02 .production h3,#right .process02 .testing h3 {
	height:19px;
	margin:13px 0px 5px 0px;
	text-indent:-9999px;
}
#right .process02 .production h3 {
	background:url(images/process02_rightHl01.jpg) no-repeat;
}
.process02 .production ul {
	width:658px;
	margin-bottom:55px;
}
#right .process02 .production li,#right .process02 .testing li {
	float:left;
	width:204px;
	padding:3px 0px 3px 9px;
}
#right .process02 .production li {
	background:url(../images/process02_icon.jpg) no-repeat 0px 8px;
}
#right .process02 .testing h3 {
	background:url(images/process02_rightHl02.jpg) no-repeat;
}
#right .process02 .testing ul {
	width:658px;
}
#right .process02 .testing li {
	background:url(../images/process02_icon.jpg) no-repeat 0px 8px;
}
#right .process02 .testing li.length {
	width:223px;
}

/*contact*/
#left .contact {
	padding:15px 15px 20px 15px;
	background:#f6f6f6;
	border-bottom:3px solid #931316;
	width:224px;
}
#left .contact .taoyuan {
	background: url(images/contact_taoyuan.jpg) no-repeat;
	height:16px;
	text-indent:-9999px;
	margin-bottom:5px;
}
#left .contact .kaohsiung {
	background: url(images/contact_kaohsiung.jpg) no-repeat;
	height:16px;
	text-indent:-9999px;
	margin-bottom:5px;
	margin-top:22px;
}
#left .contact table {
	width:224px;
	font-size:11px;
}
#left .contact th {
	vertical-align:top;
	width:40px;
	text-align:right;
	color:#000;
	padding-right:3px;;
}
#left .contact a {
	color:#644f40;
	text-decoration:underline;
}
#left .contact a:hover {
	color:#442814;
	text-decoration: none;
}
#right .contact {
	padding:5px 5px 0px 5px;
	width:663px;
}
#right .contact p {
	font-weight:bold;
	color:#931316;
	margin-bottom:4px;
}
#right .contact table {
	width:650px;
	margin:15px 0px 0px 18px;
}
#right .contact th {
	color:#644f40;
	padding:5px 5px 5px 0px;
	text-align:right;
}
#right .contact td {
	padding:4px 0px 4px 0px;
}
#right .contact .input01 {
	border:1px solid #644f40;
	width:230px;
	padding:2px 0px 2px 0px;
}
#right .contact .input02 {
	border:1px solid #644f40;
	width:575px;
	padding:2px 0px 2px 0px;
}
#right .contact textarea {
	border:1px solid #644f40;
	width:575px;
	padding:2px 0px 2px 0px;
}

/*Product*/
#left .product {
	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:10px;
	background:#f6f6f6;
	border-bottom:3px solid #931316;
	width:234px;
	min-height:275px;
}
#left .product li {
	width:234px;
}
#left .product a {
	display:block;
	padding:4px 29px;
	color:#434343;
}

#left .product li.choose {
	border:1px solid #d8d8d8;
	background:#FFFFFF;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:30px;
	width:200px;
	color:#7d5f3b;
}


#left .product a:hover {
	background:#FFFFFF;
	text-decoration:none;
	color:#7d5f3b;
}

#right .product {
	width:673px;
	padding-top:4px;
}
#right .product .pic {
	width:402px;
	height:283px;
	border:1px solid #c7c7c7;
	text-align:center;
	padding:3px;
	float:left;
}
#right .product .detail {
	float:right;
	width:239px;
}
#right .product .detail .spePic {
	border:1px solid #d2d2d2;
	margin-bottom:8px;
	width:237px;
	height:84px;
	text-align:center;
}
#right .product .detail h3 {
	border-bottom:1px solid #cbcbcb;
	color:#931316;
	padding-bottom:4px;
	margin-bottom:8px;
}
#right .product .detail .info {
	line-height:20px;
}
#right .product .detail .info span {
	color:#000;
}