@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------------------------------index--*/
/*----------------------------------------------------all---*/


/*----------------------------------------------------header---*/


/*----------------------------------------------------left---*/
.left-bbs{
	width:770px;
	padding-right:10px;
	float:left;
	margin-top: 0px;
	*margin-top:20px;
}
.left-bbs .text{
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.left-bbs .text .title{
	color:#333333;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.left-bbs .text .price{
	color:#cf7e0c;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
}
.left-bbs .text .price a{
	color:#cf7e0c;
}
.title01{
    width:125px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.pro_td{
	padding-bottom: 10px;
}
.aboutbox{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	margin-top: 15px;
	background-image: url(../../images/TraditionalC/about01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.char_box01{
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #333333;
	text-decoration: none;
	color: #666666;
	width: 760px;
}
.char_box01 a{
	text-decoration: none;
	color: #666666;
}
.qabox{
	background-color: #EBDCB1;
	padding: 15px;
	margin-bottom: 15px;
}

/*----------------------------------------------------footer---*/

/*--------------------------------------------------------------------------------------------tempOnly--*/
/*-------------------------------------------------content*/

.bbstable{
	width: 760px;
}
.bbstr1{
	background-color: #F5EED8;
}
.bbstr2{
	background-color: #CCCCCC;
}
.product-in{
	float: right;
	width: 340px;
}
.product-photo{
	margin-bottom: 15px;
	float: left;
	margin-right: 15px;
}
.vr-btn{
	float: left;
	margin-top: 15px;
}
.table340{
	width: 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
}


/*----------------------------------------------------------------------------------------------styleIn*/
table{border-collapse:collapse;}
td{padding:0px;vertical-align:top;line-height:1.8em;font-size:13px;}

table.p2 td{padding:2px;}

.mb20{margin-bottom:20px;}
.ml5{margin-left:5px;}

.plr10{padding:0 10px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pb20{padding-bottom:20px;}
.pr10{padding-right:10px;}
.p20{padding:20px;}

.tdp3 td{padding:3px;}
.tdbroGrayBt td{border-bottom:1px dotted #ccc;}


.w100p{width:100%;}
.w98p{width:98%;}
.w50p{width:50%;}

.gray{color:#666;}
.blue{color:#0066cc;}

.b{font-weight:800;}

.tright{text-align:right;}

.dotDiv{border-bottom:1px dotted #666;margin:5px 0;}
.justify{text-align:justify; text-align-last:justify; text-justify:distribute-all-lines;}


/*-------------------------------------------------------------------------------------------about*/
.about-b2-txt1{
	background:url(../../images/TraditionalC/about-02_03.jpg) no-repeat;
	padding:85px 50px 40px 190px;
}
.about-b2-txt2{
	background:url(../../images/TraditionalC/about-02_04.jpg) no-repeat;
	padding:100px 50px 40px 190px;
}
.about-b2-txt3{
	background:url(../../images/TraditionalC/about-02_05.jpg) no-repeat;
	padding:20px 360px 10px 0px;
}

.dateTable{width:98%;}
.dateTable td{padding:5px;}

.about-b5-txt1{
	background:url(../../images/TraditionalC/about-05_01.jpg) no-repeat;
	padding:50px 100px 20px 30px;
}
.about-b5-txt2{
	background:url(../../images/TraditionalC/about-05_02.jpg) no-repeat;
	padding:550px 50px 20px 320px;
}
.about-b5-txt3{
	background:url(../../images/TraditionalC/about-05_03.jpg) no-repeat;
	padding:30px 50px 150px 0px;
}

/*-----------------------------------------------------------------------------------product----*/
.customer_taiwan,.customer_japan,.customer_korea,.customer_other{
	background:url(../../images/TraditionalC/product-b2_06.jpg) no-repeat;
	padding:16px 0 10px 104px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}
.customer_japan{
	background:url(../../images/TraditionalC/product-b2_07.jpg) no-repeat;
	padding:70px 0 50px 171px;
}
.customer_korea{
	background:url(../../images/TraditionalC/product-b2_08.jpg) no-repeat;
	padding:70px 0 70px 171px;
}
.customer_other{
	background:url(../../images/TraditionalC/product-b2_09.jpg) no-repeat;
	padding:50px 0 50px 171px;
}
.customerLink{
   vertical-align:top;
   display:inline-block;
   text-align:center;
   width:117px;
   margin:10px;
}
.customerLink span{
	display:block;
}
.customer_other .customerLink{
	width:150px;
}

.ISO{
 padding-bottom:30px;
}
.ISO ul,.ISO li{
list-style:none;
margin:0px;
padding:0px;
}
.ISO_box li{
 text-align:center;
 width:167px;
 float:left;
}
.ISO_bigP{
position:relative;
}
.ISO_bigP li{
 visibility:hidden;
 position:absolute;
 left:-170px;
 top:-400px;
 z-index:100;
 width:300px;
 height:424px;
 border:1px solid #333;
}
.ISO_box li:hover .ISO_bigP li,.ISO_box li a:hover .ISO_bigP li{
 visibility:visible;
}
.ISO_box a:hover{
 background:#fafafa;
}

.ISO_box img.ISO9001{}
.ISO_box img.ISO14001{}
.ISO_box img.OHSAS{}




.squareList{
	margin:0 0 10px 40px;
	color:#0066CB;
	font-weight:800;
	line-height:1.8em;
	list-style:square;
}
.squareList .gray{
	font-weight:100;
}
.squareImg1{
	background:url(../../images/TraditionalC/quality-b3_05_img1.jpg) 320px 0 no-repeat;
	padding:0 380px 0 0;
}
.squareImg2{
	background:url(../../images/TraditionalC/quality-b3_05_img2.jpg) 320px 0 no-repeat;
	padding:10px 380px 30px 0;
}


/*--------------------------------------------------------------------------------company----*/
.attention{
	background:url(../../images/TraditionalC/company-b1_05.jpg) bottom right no-repeat;
	padding-bottom:140px;
}
.company_tb1Box{
position:relative;
height:500px;
}
.company_tb1{
 position:absolute;
}
.company_tb1 th{
	padding:5px;
	border-bottom:2px dotted #888;
}

.tdgray{background:#E0E0E0;}
.tdpink{background:#FFD5BF;}

.company_tb1 td{
 padding:5px;
 border:1px dotted #ccc;
}
.company_tb2{
border-collapse:collapse;
margin:10px 0 20px 30px;

}
.tr2{
background:#CFE0EB;
}
.company_tb2 th{
padding:0px;
}
.company_tb2 td{
padding:2px 0 5px 0;
text-align:center;
vertical-align:middle;
}
.company_tb2 img{
 position:relative;
 top:5px;
 left:5px;
}

.company_tb3_ft{
	background:#fff;
	height:52px;
}
.company_tb3{
 background:url(../../images/TraditionalC/companyTb3Bg.gif) repeat-y;
 margin-left:20px;
}
.company_tb3_predict{
 width:270px;
 padding:0 50px 0 25px;
}
.company_tb3_predict a{
 display:block;
 padding:3px 0;
 border-bottom:1px dotted #ccc;
}
.company_tb3_predict a:hover{
 color:blue;
}
.company_tb3_corporation{
	width:270px;
	padding:0 15px 0 60px;
}
.company_tb3_corporation span{
 display:block;
 padding:3px 0;
 border-bottom:1px dotted #ccc;
}
.company_tb3_corporation a{
 display:inline-block;
 margin-left:30px;
}
.company_tb3_corporation img{
 position:relative;
 top:5px;
 left:5px;
}

.company_report_bg{
 background:url(../../images/TraditionalC/companyReportBg.gif) 50px 30px no-repeat;
 padding:40px 0 50px 300px;
}
.company_report{
 width:250px;
}
.company_report td{
 padding:5px;
 border-bottom:1px dotted #ccc;
}
.company_report img{
 position:relative;
 top:5px;
 left:5px;
}
/*----------------------------------------------------------------------------------people-----*/
.grayBorR{border-right:1px dotted #ccc;}
.grayBorB{border-bottom:1px dotted #ccc;}

.people-b2List{
 margin:10px 0 20px 0;
  background:url(../../images/TraditionalC/people_03_bg.gif) right bottom no-repeat;
}
.people-b2List td{
 padding:0 8px;
}
.people-b2List ul{
 margin:0 0 0 30px;
}
.people-b2List ol{
 margin:3px 0 0 30px;
}

.companyIntrol{
	margin-top:-8px;
}
.companyIntrol td,.companyIntrol th{
 padding:10px 0;
}

.jobList{
 width:98%;
}
.jobList th{
 padding:3px 5px 2px 5px;
 background:#99cc00;
 text-align:left;
 color:#000;
}
.jobList td{
 border-bottom:1px dotted #999;
 padding:3px 5px 2px 5px;
}


.people-b2Img1{
padding-left:180px;
background:url(../../images/TraditionalC/people-b2Img1.gif) 0 -10px no-repeat;
}


.people-b1_bg1{
 background:url(../../images/TraditionalC/people_01_image01.gif) right no-repeat;
 padding:0 550px 0 10px;
}
.people-b1_bg2{
 background:url(../../images/TraditionalC/people_01_image03.gif) left no-repeat;
 padding:10px 10px 50px 550px;
}



.List1{
	list-style-type:none;
	margin:0px;
}
.List1 li{
	background:url(../../images/TraditionalC/person-b3Icon.gif) 0 4px no-repeat;
	padding-left:20px;
	height:25px;
	line-height:25px;
}

.people-b4Ol{
	padding:0px 0 0px 360px;
	margin:0 0 30px 0;
	background:url(../../images/TraditionalC/people-b4Img.jpg) 10px 10px no-repeat;
}

.people-b401Img1{
	background:url(../../images/TraditionalC/people-b401Img1.jpg) top right no-repeat;
	padding:0 320px 0 10px;
}
.people-b401Img2{
	background:url(../../images/TraditionalC/people-b401Img3.jpg) 0 5px no-repeat;
	padding:0 10px 0 340px;
}
.techListTb{
 margin:0 0 0 20px;
}
.people-b5-techList{
 margin:0 0 10px 0;
 width:600px;
 border:3px solid #B8B089;
}
.people-b5-techList th{
 text-align:left;
 background:#E2E0BA;
 padding:5px;
}
.people-b5-techList td{
 padding:5px;
 border-bottom:1px dotted #ccc;
}
.techListTd1{width:210px;}
.techListTd2{width:140px;}
.techListTd3{width:px;}

.people-b5_case{
 width:640px;
 margin:10px 0 10px 10px;
}
.people-b5_case th{
 text-align:left;
 padding:5px;
 background:#ccc;
}
.people-b5_case td{
 border:1px dotted #ccc;
 padding:5px;
}

.olList1{
 list-style-type:upper-alpha;
}

.people-b403Img1{
	padding-right:240px;
	background:url(../../images/TraditionalC/people-b403Img.jpg) 450px 50px no-repeat;
}
.people-b404Bg{
	background:url(../../images/TraditionalC/soldier.gif) right bottom no-repeat;
	padding-bottom:20px;
}


/*--------------------------------------------------------------------------------employee*/

.employee_box{
   padding:0 0 10px 158px;
   margin:10px 20px;
   border-bottom:1px dotted #ccc;
   height:105px;
}
.employee_box a{
 display:inline-block;
 padding:10px 0 0 20px;
}
.employee_box a:hover{

}
.employee_webmail{
 background:url(../../images/TraditionalC/mail-icon.png) no-repeat;
}
.employee_easyflow{
 background:url(../../images/TraditionalC/easy_-icon.png) no-repeat;
}
.employee_ftp{
 background:url(../../images/TraditionalC/ftp_-icon.png) no-repeat;
}
/*------------------------------------------------------------------factory*/
.factory{
   padding:0 0 10px 0px;
   margin:50px 0;
}

.factory a{
	display:inline-block;
	margin:10px 0px 10px 100px;
}

/*---------------------------------------------------------------------company*/
.company-b4Box1 a{
 display:inline-block;
 border-left:3px solid #ccc;
 padding-left:10px;
 width:320px;
}
.company-b4Tb1{
 margin-left:10px;
 width:98%;
}
.company-b4Tb1 th{
 background:#ccc;
 text-align:left;
 padding:3px;
}
.company-b4Tb1 td{
	padding:3px;
	border-bottom:1px dotted #ccc;
}

.company-b4Tb2{
 background:#DDF3FB;
 margin-left:10px;
}
.company-b4Tb2 td{
 padding:5px;
 border-bottom:1px dotted #ccc;
}
.company-b4Tb2 img{
 width:120px;
 height:20px;
 border:1px solid #fff;
}
.company-b4Tb2 .title{
 font-weight:800;
 width:120px;
}
.logoImg{
 width:126px;
}
.TDwhiteblue{
 background:#CBD9E9;
}

.company-b4Tb3{
 width:98%;
 text-align:center;
}
.company-b4Tb3 th{
 background:#BDAFD6;
 padding:3px;
}
.company-b4Tb3 td{
 padding:3px;
 border-bottom:1px dotted #ccc;
}
.company-b4Tb3 img{
 margin:0 3px;
}
.company-b4Tb4{
 margin:0 0 20px 10px;
}
td.icon1{
	background:url(../../images/TraditionalC/company-b4Icon1.gif) 2px 6px no-repeat;
	padding-left:22px;
	width:120px;
}
.date{width:80px;}