@charset "utf-8";
/* CSS Document */
#aboutusPart{}
#aboutusNav{ margin-left:50px; float:left; background:url(../images/bg_aboutsPartLine.gif) no-repeat right top; min-height:200px;}
#aboutusNav li{ background:url(../images/bg_aboutusNavTitle.gif) no-repeat left 10px; height:28px; line-height:28px; padding-left:20px; margin-top:2px; width:80px;}
.aboutus .li_aboutus,.aptitude .li_aptitude,.contant .li_contant,.honor .li_honor,.history .li_history,.culture .li_culture,.deputize .li_deputize,.job .li_job,.friends .li_friends,.map .li_map, .clause .li_clause{ color:#F6C; font-weight:bold;}
#aboutusNav li a:hover{ color:#F9C;}

#aboutus p{ line-height:2em; margin-left:20px;}
#aboutus p a{ color:blue;}
#aboutus img.companyFace { border:#DDD 1px solid; padding:2px; margin-left:50px;}
#aboutusContent{ float:left; display:block; padding:0 20px; width:600px;}
#aboutusContent div h3.Title{padding:0 40px; margin-bottom:30px;}
#aboutusContent div h1{ background:url(../images/bg_aboutusTitle.gif) no-repeat left top; width:305px; height:21px; padding-left:60px; padding-top:25px; font-size:11pt; margin-bottom:20px;}
#aboutusContent div h1 span.en{ color:#999; margin-left:10px; font-weight:normal;}

#dealer{ margin-bottom:20px;}
#dealer h4{ color:#F03; font-size:16px; font-weight:bold; line-height:28px; padding-bottom:8px; border-bottom:#CCC 1px dashed; margin-top:40px;}
#dealer table.dealerlist{ margin-top:20px; border-bottom:#CCC 1px solid; width:520px;}
#dealer table.dealerlist *{ font-size: 14px;}
#dealer table.dealerlist th{ text-align:right; line-height:22px; width:110px; font-weight:normal;}
#dealer table.dealerlist td{ text-align:left;}
#dealer table.dealerlist td.companyName{ display:inline-block; width:400px;}
#dealer table.dealerlist td.tel{ display:inline-block; width:120px;}

#contant #contantTab{ margin-left:30px; border-collapse:collapse; width:590px;}
#contant #contantTab th{ font-weight:normal; text-align:right; line-height:2em; padding-left:6px; width:100px;}
#contant #contantTab td{ line-height:15pt; padding-right:6px;}
#contant #contantTab th,#contant #contantTab td{ border-bottom:#FeF 1px solid;}
#contant #contantTab .companyName{ font-size:11pt; font-weight:bold; line-height:19pt;}

#contant .space,#contant .tel{ display:block; float:left; background-color:#FCF1F1; border-top:#FFF 2px solid;border-bottom:#FFF 2px solid;}
#contant .tel{ width:140px; text-align:right;};
#contant .space{ width:330px; padding-left:10px;}
#contant .tel{ clear:left; vertical-align:text-top;}

#culture .content h2{display:inline;}
#culture .content{ padding-left:30px;}

#honor #honorBar .hb,#honor #honorBar .vb{ float:left; margin-left:40px; display:inline-block; width:300px;}
#honor #honorBar .hb{height:250px;}
#honor #honorBar .vb{height:460px;}
#honor #honorBar .hb img{ display:block; width:300px;}
#honor #honorBar .vb img{ display:block; height:400px;}
#honor #honorBar a{ display:block; text-align:center; line-height:30pt;}

#friends #frendsBar{ margin-left:30px; margin-top:10px;}
#friends .fb{ float:left; width:300px; margin-right:20px; margin-bottom:30px;}
#friends .fb img{ border:#DDD 1px solid; padding:2px; display:block; margin:0 auto; height:160px;}
#friends .fb a{ display:block; text-align:center; color:#F39; line-height:15pt;}

#map img.map { border:#DDD 1px solid; padding:2px; margin-left:20px;}

#clause .content{ margin-left:50px; width:660px; height:400px; overflow-x:auto; overflow:scroll; border:#CCC 1px solid; padding:4px;}
#clause .content pre{word-wrap: break-word; line-height:1.5em;}
#clause .otherContent{ margin-left:60px; margin-top:20px;}
#clause .otherContent hr{ color:#999; height:1px;}
#clause .otherContent a{ display:block; line-height:1.5em;}
#clause .otherContent a:hover{ color:#00F;}