@charset "utf-8";
/*********common*************/
html,body{font-family: "MS PGothic",Arial,sans-serif;font-size:12px; height:100%; color:#333;line-height:18px;}
table, input, button, textarea, select{font-size:12px;}
*{margin:0; padding:0;}
.clear{clear:both;}
ul,li{list-style:none;}
img{border:0;}
a{color:#D97203; text-decoration:none;}
a:hover{color:#D97203; text-decoration:underline;}
#clear{ clear:both;}
.floatleft{ float:left;}
.floatright{ float:right;}
#main{width:801px; margin:0px auto;padding:20px 0px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}	
.mr5{ margin-right:5px;}
.ml10 {margin-left:10px;}
.mr10{ margin-right:10px;}
.mr11{ margin-right:11px;}
.mr12{ margin-right:12px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.font14 {font-size:14px;}
th.pr15 { padding-right:15px;}
#width760{ width:760px; margin:0px auto;}
.height94{ height:74px;}
#height20{ width:760px; margin:0px auto; height:20px;}
.red{ color:#FF312D;}
table.cad_list th{}
/*********header*************/
#header{ height:108px;}
.topnav { height:46px; margin-bottom:16px; line-height:16px; font-size:11px;}
.topnav a{}
.topnav a.logo { height:46px; width:163px; float:left;display:block;}
.topnav span.word{ width:270x; float:left; line-height:12px; padding-top:35px; margin-right:10px;}
.topnav p{ width:250px; float:left; text-align:right; margin-right:15px;}
.topnav p span{ margin-left:5px;}
.topnav p span.taiwan_link a {padding-right:15px;background:url(../images/top/dot02.jpg) no-repeat scroll right;}
.topnav .right{ width:120px; float:right;}
.topnav .right .language {float:left;width:120px; font-size:12px;}
.topnav .right .language a{background:url(../images/common/lan_bg.jpg) no-repeat; width:49px; height:19px; display:block; text-align:center; font-weight:bold; color:#999; float:left;  padding-top:2px; padding-bottom:10px;}
.topnav .right .logo_s {float:left;width:120px;}
#header .nav{ height:35px;}
#header .nav a{ height:35px; display:block; float:left; border-bottom:3px solid #F2EEEB;}
#header .nav a.nav01{ background:url(../images/common/menu01.jpg) no-repeat top; width:133px; }
#header .nav a.nav02{ background:url(../images/common/menu02.jpg) no-repeat top; width:133px;}
#header .nav a.nav03{ background:url(../images/common/menu03.jpg) no-repeat top; width:133px;}
#header .nav a.nav04{ background:url(../images/common/menu04.jpg) no-repeat top; width:133px;}
#header .nav a.nav05{ background:url(../images/common/menu05.jpg) no-repeat top; width:133px;}
#header .nav a.nav06{ background:url(../images/common/menu06.jpg) no-repeat top; width:135px;}
#header .nav a:hover{ background-position:bottom; border-bottom:3px solid #DF7E1D;}
#header .nav a#active{ background-position:bottom;border-bottom:3px solid #DF7E1D;}


#nav1 a {display: block;width: 11.1em;color: #666;text-decoration: none;}
#nav1 a#active{ border-bottom:3px solid #DF7E1D;}
#nav1 li {float: left;padding: 0;}
#nav1 li a.nav01{ width:11.1em;height:35px;background: url(../images/common/menu01.jpg) no-repeat bottom; border-bottom:3px solid #F3F3F3;} 
#nav1 li a.nav01:hover{ border-bottom:3px solid #DF7E1D;} 
#nav1 li a.nav02{ width:11.1em;height:35px;background: url(../images/common/menu02.jpg) no-repeat bottom;border-bottom:3px solid #F3F3F3;} 
#nav1 li a.nav02:hover{border-bottom:3px solid #DF7E1D;}
#nav1 li a.nav03{ width:11.1em;height:35px;background: url(../images/common/menu03.jpg) no-repeat bottom;border-bottom:3px solid #F3F3F3;} 
#nav1 li a.nav03:hover{ border-bottom:3px solid #DF7E1D;} 
#nav1 li a.nav04{ width:11.1em;height:35px;background: url(../images/common/menu04.jpg) no-repeat bottom;border-bottom:3px solid #F3F3F3;} 
#nav1 li a.nav04:hover{ border-bottom:3px solid #DF7E1D;} 
#nav1 li a.nav05{ width:11.1em;height:35px;background: url(../images/common/menu05.jpg) no-repeat bottom;border-bottom:3px solid #F3F3F3;} 
#nav1 li a.nav05:hover{ border-bottom:3px solid #DF7E1D;} 
#nav1 li a.nav06{ width:11.2em;height:35px;background: url(../images/common/menu06.jpg) no-repeat bottom;border-bottom:3px solid #F3F3F3;} 
#nav1 li a.nav06:hover{ border-bottom:3px solid #DF7E1D;}
#nav1 li ul {position: absolute;left: -999em;height: auto;width: 11em;w\idth: 11em;font-weight: normal;background:#fff; border:1px solid #ccc; border-bottom:none;}
#nav1 li li {width:11em; border-bottom:1px solid #ccc;height:22px; background:url(../images/common/dot01.jpg) repeat-x; padding-top:3px;}
#nav1 li ul a {text-align:center;}
#nav1 li ul ul {}
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {background:url(images/common/dot02.jpg) repeat-x;}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {left: auto;background:url(images/common/dot02.jpg) repeat-x;}
#nav1 li:hover, #nav li.sfhover {}
#nav1 a:hover{color:#D97203; }
/*********content*************/
.subnav{ margin:10px 0px 20px 0px;}
.content{}
.content .title{ background:url(../images/contact/tit_bg.gif) no-repeat; padding:2px 0px 0px 28px; height:27px;}
.content .box{ width:770px; margin:10px auto 0px auto;}
.content .box p{ margin-bottom:10px;}
.content_left{ width:150px; float:left;}
.content_left ul{}
.content_left ul li{ border:1px solid #ddd; width:130px; background:#F8F8F8; height:26px; border-bottom:none; padding:14px 0px 0px 20px;}
.content_left ul li.last{ border-bottom:1px solid #ddd;}
.content_right{ width:636px; float:right;}
.content_right .title{ background:url(../images/company/tit_bg.gif) no-repeat; padding:2px 0px 0px 28px; height:27px;}
.content_right .box{ width:600px; margin:20px auto 0px auto;}
.content_right .box .btn, .support .btn {text-align:right;margin:10px 0px;}
.content_right .map{ padding-left:35px; background: url(../images/company/dot01.jpg) no-repeat;border-bottom:1px dotted #999;padding-bottom:10px;margin-bottom:10px;}
.content_right .box p{ margin-bottom:10px;}
.content_right .map span {font-size: 14px;font-weight:bold;}
a.pagetop{ background:url(../images/common/top.jpg) no-repeat; width:52px; height:26px; float:right; display:block;}
/*********company*************/
.company_tb01{ width:100%; background:#E0E0E0;}
.company_tb01 td{ background:#fff; padding:5px; vertical-align:middle;}
.company_tb01 td.name {text-align:center;}
.company_tb01 th{ width:90px; text-align:center; font-weight:bold; background:#f5f5f5; padding:5px; vertical-align:middle;}
/*********business*************/
.business_tb01{ width:100%; background:#E0E0E0;}
.business_tb01 td{ background:#fff; padding:5px; vertical-align:top;}
.business_tb01 td.name {width:150px;text-align:center;vertical-align:middle;}
.business_tb01 th{ text-align:center; font-weight:bold; background:#f5f5f5; padding:5px; vertical-align:middle; width:60px;}
th.cad_list {width:220px;text-align:center;vertical-align:middle;}
/*********contact*************/
.contact_tb01{ width:100%; border:2px solid #CDCDCD; background:#CDCDCD;}
.contact_tb01 td{ background:#fff; padding:5px; vertical-align:top;}
.contact_tb01 th{ width:230px; text-align:right; background:#F5F5F5; padding:5px; vertical-align:top;}
.contact_tb01 th span, .content_right .box span{ color:#FF312D;}
.contact_tb01 input{ border:1px solid #ccc; height:20px;}
.contact_tb01 textarea{ border:1px solid #ccc;}
.width330{ width:330px;}
.height90{ height:90px;}
.bt{ text-align:center; margin-top:20px;}
.write{ background:url(../images/contact/write.jpg) no-repeat 3px 2px ; padding-left:30px; font-size:14px; font-weight:bold; margin-top:20px;}
.finish{ text-align:center; font-size:18px; font-weight:bold; color:#333; line-height:25px; padding:100px 0px 120px 0px;}
.error{color:#FF312D; background:url(../images/contact/error.jpg) no-repeat 0px 4px; padding-left:20px;}
/*********footer*************/
#footer{ font-family:Arial, Helvetica, sans-serif,simsun;background:url(../images/common/dot01.gif) repeat-x top; text-align:center; color:#666666; padding-top:10px; margin-top:20px;}
#footer a{ color:#666666;}

/*********top*************/
#banner01 {background:url(../images/top/banner01.jpg) no-repeat; width:170px; height:42px; padding:188px 0px 0px 631px;}
#banner01 a{ width:156px; height:26px; display:block;}
#banner02 {background:url(../images/top/banner02.jpg) no-repeat; width:76px; height:42px; padding:43px 0px 0px 725px; margin-top:16px;}
#banner02 a{ width:58px; height:26px; display:block;}
.topbox01{ width:232px; height:130px; background:url(../images/top/box01_bg.jpg) no-repeat; margin-top:16px; float:left; padding:55px 13px 0px 13px ; margin-right:13px;}
.topbox01 a{ width:130px; height:23px; display:block; float:right; margin-top:23px; padding-left:28px; padding-top:5px; color:#333333;}
.topbox02{ width:232px; height:130px; background:url(../images/top/box02_bg.jpg) no-repeat; margin-top:16px; float:left; padding:55px 13px 0px 13px ; margin-right:13px;}
.topbox02 a{ width:130px; height:23px; display:block; float:right; margin-top:23px; padding-left:28px; padding-top:5px; color:#333333;}
.topbox03{ width:232px; height:130px; background:url(../images/top/box03_bg.jpg) no-repeat; margin-top:16px; float:left; padding:55px 13px 0px 13px ;}
.topbox03 a{ width:130px; height:23px; display:block; float:right; margin-top:23px; padding-left:28px; padding-top:5px; color:#333333;}
.topleft{ width:530px; float:left; margin-top:10px;}
.topleft h1{ color:#144C91; font-size:14px; background:url(../images/top/dot01.jpg) repeat-x bottom; padding-bottom:4px; margin-bottom:10px;}
.topleft ul{ margin-top:20px;}
.topleft ul li{ background:url(../images/top/dot02.jpg) no-repeat 0px 3px; padding-left:20px; margin-bottom:10px;}
.topleft img{ margin:6px 10px 0px 0px;}
.topleft .right{ width:300px; float:left;}

.topright{ width:258px; float:right; margin-top:10px;}
.topright h2{ color:#144C91; font-size:14px; background:url(../images/top/dot01.jpg) repeat-x bottom; padding-bottom:4px; margin-bottom:10px;}
.topright p{ margin-bottom:15px;}
.topright ul{ margin-top:20px;}
.topright ul li{ background:url(../images/top/dot02.jpg) no-repeat 0px 3px; padding-left:20px;margin-bottom:10px;}