@charset "utf-8";
/* global CSS by goldeneyes */
@import url("reset.css");

/* Basic CSS */
body {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:150%; color:#333; text-align:center;}
.tahoma {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:120%;}
strong {font-weight:bold;}
p {margin:1em 0;}
a:link, a:visited {color:#18683f; text-decoration:none;}
a:hover, a:active {color:#D30000; text-decoration:underline;}
a {behavior:url(blur.htc);}
a:focus {outline:0;} /* for FireFox */
.font11px {font-size:11px;}
.fonttitle {font-size:14px; font-weight:bold; color:#18683f;}
.fontgray {color:#999;}
.underline {text-decoration:underline;}
.input {padding:1px; color:#666;}
.list li {margin:2px 0; background:url(../images/arrow.gif) 0 3px no-repeat; padding-left:12px;}
	.list li a:hover {text-decoration:underline;}
.list li.more, .list-style2 li.more {background:none; margin-top:5px;}
.list-style2 li {padding-left:12px; background:url(../images/arrow2.gif) 0 4px no-repeat;}
.list-style3 li {line-height:24px;}
.list-style4 li {line-height:24px; background:url(../images/arrow3.gif) 2px 5px no-repeat; padding-left:16px;}
.ollist {margin:10px 30px; list-style:upper-alpha;}
.ollist-style2 {margin:10px 30px; list-style:decimal;}
.ollist li,.ollist-style2 li {margin-left:20px;}
.photoshow li {width:130px; height:200px; float:left; margin:6px; vertical-align:middle;}
.photoshow li a {width:122px; height:192px; border:4px solid #F3F3F3; display:block;}
.photoshow li a:hover {border-color:#FF6600;}

/*Clear Both*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
zoom:1;
display:inline-block;
_height:1px;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Layout */
.Wrapper1000 {width:1000px; text-align:left;}
.left {float:left;}
.center {margin:0 auto;}
.right {float:right;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.debug {background-color:#CCC;}

/* Header */
#logo {width:620px; height:80px; float:left;}
	#logo h1 {width:312px; height:59px; background:url(../images/logo.gif) no-repeat; float:left; margin-left:15px; margin-top:10px; display:inline;}
	#logo h2 {width:250px; height:30px; background:url(../images/sublogo.gif) no-repeat; float:left; margin-left:20px; margin-top:25px; display:inline;}
#quick-menu-right {width:380px; height:60px; float:right; margin-top:15px;}
	#language {height:20px; line-height:20px; padding-right:5px; text-align:right;}
		#language, #language a {color:#999;}
		#language a:hover {font-weight:bold; color:#666;}
	#quick-menu {width:350px; height:30px; float:right; margin-top:10px;}
		#quick-menu li {float:left; padding-left:14px; line-height:30px;}
		#quick-menu li.feedback {float:left; padding-left:20px; background:url(../images/icon_email.gif) 0 9px no-repeat;}
#nav {background:url(../images/bg_nav.gif) repeat-x; height:35px; font-size:12px; font-weight:bold; clear:both; text-align:center;}
	#nav li {width:90px; height:35px; float:left; line-height:35px;}
	#nav li a {width:90px; height:35px; color:#FFF; display:block; background:url(../images/bg_cutline.gif) right top no-repeat;}
	#nav li a:hover {color:#18683f; background:url(../images/bg_navbtn.gif) no-repeat; text-decoration:none;}
	#nav li.current a {color:#18683fontent; background:url(../images/bg_navbtn.gif) no-repeat;}
#navline {background-color:#7dbe0b; height:2px; overflow:hidden; clear:both;}
#subnav {background:url(../images/bg_subnav.gif) repeat-x; height:24px; color:#CCC; border-bottom:1px solid #CCC;}
	#subnav a:hover {text-decoration:none;}
	#subnav td {height:24px;}
	#subnav .red a {color:#D30000;}
#banner {background:url(../images/en/banner_index.jpg) no-repeat; width:1000px; height:210px; position:relative;}
	#banner .view {width:214px; height:33px; position:absolute; top:145px; left:520px;}
	
/* Main */
#position {color:#999; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
	#position a {color:#999;}
	#position a:hover {color:#333;}
#left-side-bar {width:180px; float:left; padding:15px 10px; text-align:left;}
.title, .partner {width:168px; height:25px; line-height:25px; padding-left:12px; font-size:14px; color:#FFF; font-weight:bold; background:url(../images/bg_title.gif) repeat-x;}
.title-style2 {height:25px; line-height:25px; padding-left:12px; font-size:14px; color:#111; font-weight:bold; background-color:#EEE; border-bottom:1px solid #E3E3E3; border-right:1px solid #E3E3E3;}
.partner {background:url(../images/bg_partner.gif) no-repeat;}

#middle-content {width:600px; float:left; text-align:left;}
	#middle-content dl {width:190px; margin:15px 5px; float:left; display:inline;}
		#middle-content dt {width:190px; height:106px;}
		#middle-content dt.intro {background:url(../images/en/pic_intro.gif) no-repeat;}
		#middle-content dt.service {background:url(../images/en/pic_service.gif) no-repeat;}
		#middle-content dt.history {background:url(../images/en/pic_history.gif) no-repeat;}
		#middle-content dd {padding:0 6px;}
#caselist, #content {margin:5px;}
	#content p {line-height:150%; padding:0 10px;}
	#caselist li {line-height:150%; width:290px; float:left; display:inline;}
	#caselist li a {width:264px; display:block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; background:url(../images/arrow_case.gif) 4px 4px no-repeat; padding:4px 2px 4px 22px; border-bottom:1px solid #EEE;}
	#caselist li a:hover {background-color:#F3F3F3; border-bottom:1px solid #E3E3E3;}
#joinus {border-left:1px solid #CCC; border-right:1px solid #CCC;}
	#joinus dl {width:560px; margin:0 auto; padding:20px 10px; display:inline;}
		#joinus dl dt {font-weight:bold; height:30px; line-height:30px; color:#111; background:url(../images/icon_job.gif) 0 5px no-repeat; padding-left:20px;}
		#joinus dl dd {padding:0 30px 10px 30px;}
#joinusbottom {height:156px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; background:url(../images/bg_joinus.gif) left bottom no-repeat #EEE; margin-bottom:10px;}
	#joinusbottom ul {padding:30px 10px 10px 230px;}

#right-side-bar{width:180px; float:right; padding:15px 10px; text-align:left;}
.column {width:178px; border:1px solid #CCC; background:url(../images/bg_column.gif) repeat-x;}
	.column h4 {font-size:14px; font-weight:bold; color:#666; height:30px; line-height:30px; padding-left:8px; padding-right:5px;}
	.column h4 span.more a {font-size:12px; color:#1376b4; text-decoration:underline; font-weight:normal;}
	.column h4 span.more a:hover {color:#D30000; font-weight:bold;}
	.column ul {padding:0 6px 6px 8px;}
	.column ul.logo {padding:0 6px 0 10px; background:url(../images/bg_friendlylink.gif) right bottom no-repeat;}
		.column ul.logo li {padding:2px 0;}
		.column ul li.pdf {padding-left:22px; line-height:22px; background:url(../images/icon_pdf.gif) no-repeat;}
		.column ul li.vcd {padding-left:22px; line-height:22px; background:url(../images/icon_vcd.gif) no-repeat;}
		
#contact {background:url(../images/bg_contact.gif) left bottom no-repeat; height:353px;}
	#contact dt {height:30px; margin-bottom:10px; background:url(../images/title_contact_en.gif) no-repeat; border-bottom:1px solid #CCC;}
#corperate {background:url(../images/bg_corperate.gif) left bottom no-repeat; height:420px;}
	#corperate dt {height:30px; line-height:30px; margin-bottom:10px; border-bottom:1px solid #CCC;}
#friendlylink {width:910px; height:400px; margin:0 auto 20px auto;}
	#friendlylink li {margin:15px; float:left; wdith:100px; text-align:center; display:inline;}
#feedback {width:600px; height:500px; padding-left:90px; margin:30px auto; background:url(../images/bg_feedback.gif) no-repeat;}
	#feedback dt {width:550px; height:40px; line-height:40px; border-bottom:1px solid #CCC; margin-bottom:10px;}
	#feedback dd {width:235px; float:left; margin:5px 0;}
	#feedback dd span {font-weight:bold;}
	#feedback dd.subject, #feedback dd.content {width:500px;}
#construction { width:800px; height:300px; background:url(../images/bg_construction.jpg) no-repeat; margin:0 auto 30px auto;}

/* Menu */
.menu li {font-weight:bold;}
	.menu li a:link, .menu li a:visited {*color:#111;} /* for IE6 */
	.menu li a {padding-left:27px; width:153px; height:25px; line-height:25px; display:block; background:url(../images/bg_menu_active.gif); color:#111;}
	.menu li a:hover {background:url(../images/bg_menu.gif) no-repeat; color:#18683f; text-decoration:none;}
	.menu li a:link.current, .menu li a:visited.current  {*color:#18683f;}/* for IE6 */
	.menu li a.current {background:url(../images/bg_menu.gif) no-repeat; color:#18683f;}
		.submenu li a {font-weight:normal; background:url(../images/arrow2.gif) 26px 3px no-repeat; padding-left:40px; width:140px; height:20px; line-height:20px; display:block; color:#111; border-bottom:1px solid #EEE;}
		.submenu li a:hover {color:#D30000; background:#F3F3F3 url(../images/arrow2.gif) 26px 3px no-repeat; font-weight:bold; border-bottom:1px solid #E3E3E3;}
		.submenu li.subcurrent a:link, .submenu li.subcurrent a:visited, {*color:#999;} /* for IE6 */
		.submenu li.subcurrent a {color:#999; background:#EEE url(../images/arrow2.gif) 26px 3px no-repeat; font-weight:bold;border-bottom:1px solid #E3E3E3;}

/* Footer */
#footer {clear:both; color:#666; text-align:left; height:120px;}
#bottomnav {height:32px; background:url(../images/bg_bottomnav.gif) repeat-x; color:#CCC;}
	#bottomnav ul {width:500px; margin:0 auto;}
	#bottomnav ul li {float:left; line-height:32px;}
		#bottomnav ul li a {color:#666;}
		#bottomnav ul li a:hover {color:#333;}
#graylogo {width:301px; height:53px; background:url(../images/logo_gray.gif) no-repeat; float:left; margin-left:30px; margin-top:10px; display:inline;}
#address {width:459px; margin-left:10px; margin-top:13px; float:left; display:inline;}
#icp { width:160px; height:20px; margin-left:10px; padding-left:20px; margin-top:20px; float:right; background:url(../images/icon_icp.gif) no-repeat;}
#icp a {color:#666; text-decoration:underline;}
#icp a:hover {color:#D30000;}