/* ----------  public css ---------- */
html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top;}

body {height:100%; font-size:12px; color:#3B3D3E; background:#EEECE7 url(../../images/body_bg.gif) top repeat-x;}

a {color:#315473; text-decoration:none;}
a:hover {color:#1B73BD; text-decoration:underline;}

h3{font:22px/22px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#315473;}

#wrapper { clear:both; width:988px; margin:0px auto; padding:0px; overflow:hidden; background: url(../../images/header-bg.jpg) top center no-repeat;}

/* content style */
.content{ clear:both; padding:15px 29px; overflow:hidden; width:930px;background: url(../../images/content_bg.gif) 0 0 repeat-y;}
.content_fg{ background: url(../../images/content_fg.jpg) 0 0 no-repeat; width:988px; height:30px; overflow:hidden;}
.content_fg_bottom{ background: url(../../images/content_fg.jpg) 0 0px no-repeat; width:988px; height:15px; overflow:hidden;}

.htmledit{ clear:both; width:100%; overflow:hidden; line-height:150%; }

/* button style */
.default_button {background:url(../../images/button_bg_default.gif) 0px 0px no-repeat;height:26px;}
.default_button .centerbg{float:left;display:inline;margin-left:12px;padding:5px 0;height:16px;color:#666;line-height:16px;overflow:hidden;background:url(../../images/button_bg_default.gif) 0 -26px repeat-x;}
.default_button .centerbg a{line-height:16px;font-weight:bold; color:#315473}
.default_button .centerbg a:hover{text-decoration:none; color:#fff;}
.default_button .rightbg{width:12px;height:26px;background:url(../../images/button_bg_default.gif) 0px -52px no-repeat;float:left;}

.bluetype, .bluetype .centerbg, .bluetype .rightbg{ background-image: url(../../images/button_bg_blue.gif);}


/* ----------  header ---------- */
.header{ clear:both; width:930px; margin:30px auto 10px auto; height:80px; overflow:hidden;}

.companylogo { float:left; width:600px; height:80px; overflow:hidden; margin-right:30px;}

.language {height:20px; float:right; width:300px; margin-top:5px; overflow:hidden;}
.language .jack {border:3px #e7e7e7 solid; display: inline-block; width:20px; height:14px; float:right; margin-left:10px;}
.language .jack:hover{border-color:#1B73BD;}
.language .jack.current{border-color:#315473;}

/* menu br style */
.topmenu {width:930px; height:34px; padding:6px 0; margin:0 auto; clear:both;}
.sf-menu { line-height:1.2em; position:relative; z-index:100}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu ul {position:absolute; top:-999em; width:18em;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0;top:3.5em; z-index:999;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:18em; top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:18em; top:0;}
.sf-menu {float:left;}
.sf-menu a { color:#fff; padding:.75em 1em .75em 2em;text-decoration:none; font-size:13px; font-weight:bold;}
.sf-menu li {background: url(../../images/nav-ico.gif) 0 8px no-repeat; margin-right:10px;}
.sf-menu li.current > a {color:#F87602}
.sf-menu li li { background:#28445d;}
.sf-menu li li a{background:url(../../images/submenu_marker1.gif) 15px 15px no-repeat;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color:#F87602; outline:0;}
.sf-menu li li a:hover{ background-position:15px -50px}
.sf-menu a.sf-with-ul {padding-right:2.1em;min-width:1px; }
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../../images/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator { top:.8em;background-position: 0 -100px;}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;}
.sf-menu ul .sf-sub-indicator { background-position:-10px 0;}
.sf-menu ul a > .sf-sub-indicator { background-position:0 0;}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, 
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; }
/*** shadows for all but IE6 ***/
.sf-shadow ul {background:url('../../images/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}


/* ---------- banner  ---------- */
.banner{clear:both; width:930px; padding:15px 29px; margin:0 auto; overflow:hidden; position:relative;}
#example {width:930px; height:280px; position:relative; margin:0; background: url(../../images/header-tail.jpg) 0 0 no-repeat;}
.caption {z-index:20;position:absolute; left:690px; width:200px; overflow:hidden; height:240px; padding:20px;}
.caption h3{ line-height:24px; padding-bottom:5px; color:#fff;}
.caption p{ line-height:25px; overflow:hidden; color:#9dcdff; font-size:16px; font-weight:bold;}
.caption .brtools{ margin-top:15px;}
#slides {position:absolute; top:0; left:0;}
.slides_container {position:relative;display:none;}
.slides_container div.slide {width:690px;height:280px;display:block;}
.slides_container div.slide img{ width:690px; height:280px;}
.pagination { clear:both; width:100px; height:15px; position:absolute; top:250px; left:580px; z-index:30;}
.pagination li {float:left; display:inline; margin:0 1px;list-style:none;}
.pagination li a {display:block;width:15px; height:0;padding-top:15px;background-image:url(../../images/buttons.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -15px;}

.banner_page{clear:both; width:930px; height:240px; padding:15px 29px 10px 29px; margin:0 auto; overflow:hidden;}

/* ----------  footer ---------- */
.footer {clear:both; width:988px; overflow:hidden;}

.copyright {width:930px; overflow:hidden; margin:0 auto; padding: 20px 0 30px 0; color:#3b3d3e; text-align:center;}
.copyright a{color:#3b3d3e; text-decoration:underline;}
.copyright a:hover{color:#1B73BD; text-decoration:underline;}
.copyright .col-1{width:540px;margin-right:20px;overflow:hidden;}
.copyright .col-1 h2{font-size:18px;font-weight:bold;line-height:20px;padding:0 0 12px 0;}
.copyright .col-1 h2 span{font-size:14px;font-weight:bold;padding:0 10px;}
.copyright p{line-height:1.5em;}
.copyright .col-2{width:370px;overflow:hidden;text-align:right;}
.copyright .infotext{line-height:24px;padding:0 0 10px 0;}


/* ----------  index css  ---------- */

.maingroup{ clear:both; width:930px; margin:0 auto; height:70px; overflow:hidden;}
.maingroup .col-1, .maingroup .col-2, .maingroup .col-3{ width:286px; overflow:hidden;}
.maingroup .col-1, .maingroup .col-2{margin-right:30px; border-right:4px solid #e4e3e2;}
.maingroup .col-1{background:url(../../images/pic1.gif) 0 0 no-repeat;}
.maingroup .col-2{background:url(../../images/pic2.gif) 0 0 no-repeat;}
.maingroup .col-1 h3, .maingroup .col-2 h3{ padding:5px 10px 5px 70px; line-height:25px;}
.maingroup .col-3 h3{ padding-bottom:5px; line-height:25px;}
.maingroup input{ width:200px; float:left; margin-right:5px;}

.maincontent .col-1{width:650px; margin-right:30px;}
.maincontent .col-2{ width:250px;}

.mainaboutus{ clear:both; width:100%; overflow:hidden; padding-bottom:15px; border-bottom:2px solid #e4e3e2; margin-bottom:20px;}
.mainaboutus h3{padding-bottom:10px; line-height:25px;}
.mainaboutus .htmledit{ line-height:25px; color:#1B73BD; height:125px; overflow:hidden; margin-bottom:10px;}

.mainpartners{ clear:both; overflow:hidden; width:100%;}
.mainpartners dl {overflow: hidden; padding-bottom:20px;}
.mainpartners dl > dt {float: left; margin-right:15px; padding:4px; border:1px solid #e4e3e2; display:inline; width:200px;}
.mainpartners dl > dt table{clear:both;width:200px;height:100px;table-layout:fixed;}
.mainpartners dl > dt table td{margin:0;text-align:center;vertical-align:middle;width:200px;height:100px;}
.mainpartners dl > dt table td img{max-width:200px; max-height:100px; width: expression(this.width >200 && this.height < this.width ? 200: true); height: expression(this.height > 100 ? 100: true);}
.mainpartners dl > dd {float: left; overflow: hidden; padding-bottom: 0; width:420px;}
.mainpartners dl > dd p {line-height:20px; height:65px; overflow:hidden; padding-bottom:15px;}
.mainpartners dl > dd p a { display:block; padding-bottom:5px; color:#3B3D3E; font-size:13px; font-weight:bold;}
.mainpartners dl > dd p a:hover{color:#1B73BD; text-decoration:underline;}

.mainservice{clear:both; margin-bottom:20px;}
.mainservice h3{padding-bottom:10px; line-height:25px;}
.mainservice ul{margin-bottom:15px;}
.mainservice li{line-height:28px; padding-left:26px; background:url(../../images/marker1.gif) 0 4px no-repeat; }
.mainservice li a{font-size:13px; color:#3B3D3E;}
.mainservice li a:hover{color:#1B73BD; text-decoration:underline;}

.maintextiunfo{ clear:both; overflow:hidden; width:250px; height:210px; background:url(../../images/cite.jpg) no-repeat; position:relative;}
.maintextiunfo p{line-height:20px; overflow:hidden; color:#fff; font-style:italic; font-size:12px; padding:10px 15px 45px 15px;}
.maintextiunfo .sign{ position:absolute; line-height:25px; color:#1B73BD; font-size:13px; left:20px; bottom:0px;font-style:italic;}

.mainproduct{ clear:both; padding:15px 29px; overflow:hidden; width:930px;background: url(../../images/content_bg.gif) 0 0 repeat-y;}
.mainproduct h3{padding-bottom:10px; line-height:25px;}
.mainproduct li{ width:225px; margin-right:10px; overflow:hidden; float:left;}
.mainproduct li.last{ margin-right:0;}
.mainproduct li .imgbox{width:215px; padding:4px; border:1px solid #e4e3e2;}
.mainproduct li .imgbox img{max-width:215px; max-height:108px; width: expression(this.width >215 && this.height < this.width ? 215: true); height: expression(this.height > 108 ? 108: true);}
.mainproduct li .imgbox > table {clear:both;width:215px;height:108px;table-layout:fixed;}
.mainproduct li .imgbox > table td{margin:0;text-align:center;vertical-align:middle;width:215px;height:108px;}
.mainproduct li .productname{ clear:both; margin-top:5px; color:#3B3D3E; padding-left:30px; font-weight:bold; font-size:13px;background:url(../../images/marker2.gif) 0 4px no-repeat; line-height:28px; display:block; white-space:nowrap;}
.mainproduct li .productname:hover{color:#1B73BD; text-decoration:underline;}

/* ----------  pages css  ---------- */
.pagecontent{ clear:both; overflow:hidden; width:930px;}
.pagecontent .col-1{width:250px; margin-right:30px;}
.pagecontent .col-2{ width:650px;}

.navigation{clear:both; height:25px; line-height:25px; margin-bottom:20px; width:100%; padding: 0 5px 10px 5px; border-bottom:2px solid #e4e3e2;}
.navigation .nav{ float:right; text-align:right;}
.navigation .nav span{padding:0 5px; font-size:13px;font-weight: bold;}
.navigation .nav span a{font-size:12px;}
.navigation .navtitle{height:25px; overflow:hidden; float:left;}

.pagecontent .details{ clear:both; width:640px; padding:0 5px; overflow:hidden;}

/* ----------  secondmenu ----------  */
.leftmenu{clear:both; margin-bottom:20px;}
.leftmenu h3{padding-bottom:10px; line-height:25px;}
.leftmenu li{line-height:28px; padding:6px 0 5px 26px; background:url(../../images/marker1.gif) 0 9px no-repeat;border-bottom:1px solid #e4e3e2;}
.leftmenu li a{font-size:13px; color:#3B3D3E;}
.leftmenu li a:hover{color:#1B73BD; text-decoration:underline;}
.leftmenu li.current{ background-image:url(../../images/marker2.gif)}
.leftmenu li.current a{ color:#F87602; font-weight:bold;}
.leftmenu img{ width:250px;}

/* ----------  list style ----------  */
.faq_list{overflow:hidden;  width:640px; padding:0 5px;}
.faq_list li{line-height:28px; padding:6px 0 5px 26px; background:url(../../images/marker1.gif) 0 9px no-repeat;border-bottom:1px solid #e4e3e2;}
.faq_list li a{font-size:13px; color:#3B3D3E; display:block;}
.faq_list li a:hover{color:#1B73BD; text-decoration:underline;}
.faq_list li.current{ background-image:url(../../images/marker2.gif)}
.faq_list li.current a{ color:#F87602; font-weight:bold;}
.faq_list li .htmledit{ clear:both; padding:5px 0; display:none;}

/* ----------  partners list style ----------  */
.pagepartners{ clear:both; overflow:hidden; width:100%;}
.pagepartners dl {overflow: hidden; padding-bottom:20px;}
.pagepartners dl > dt {float: left; margin-right:15px; padding:4px; border:1px solid #e4e3e2; display:inline; width:200px;}
.pagepartners dl > dt table{clear:both;width:200px;height:100px;table-layout:fixed;}
.pagepartners dl > dt table td{margin:0;text-align:center;vertical-align:middle;width:200px;height:100px;}
.pagepartners dl > dt table td img{max-width:200px; max-height:100px; width: expression(this.width >200 && this.height < this.width ? 200: true); height: expression(this.height > 100 ? 100: true);}
.pagepartners dl > dd {float: left; overflow: hidden; padding-bottom: 0; width:410px;}
.pagepartners dl > dd p {line-height:20px; overflow:hidden; padding-bottom:15px;}
.pagepartners dl > dd p a{color:#315473; text-decoration:underline;}
.pagepartners dl > dd p .title{display:block;padding-bottom:5px;color:#3B3D3E;font-size:13px; font-weight:bold; text-decoration: none;}
.pagepartners dl > dd p a:hover{color:#1B73BD; text-decoration:underline;}

/* content list */
.content_list{ width:100%; overflow:hidden;}
.content_list table {width:100%;table-layout:fixed; overflow:hidden;}
.content_list th{text-align:left;  padding:5px 10px; font-size:14px; line-height:20px; color:#F87602; border-bottom:1px solid #E4E3E2;}
.content_list td{padding:10px; vertical-align:top; line-height:20px; border-bottom:1px solid #E4E3E2;}
.content_list td a{transition:all 0.5s ease 0s; color:#3B3D3E; font-weight:bold;}
.content_list td a:hover{ color:#1B73BD;}
.content_list tbody tr.even td{background-color:#f8f8f8;}
.content_list tbody tr.over td{background-color:#f0f0f0;}
.nodata{ text-align:center; line-height:40px;}
.list_download .T1{width:80px; text-align:center;}
.list_download td.T1{font-family: Tahoma,Geneva,sans-serif;  width:80px;font-size:11px; font-weight:bold; color:#315473;}
.list_download .T2{ width:80px; text-align:center;}


/* ----------  page tools css  ---------- */
.grayr {margin:20px 0 0 0; padding:10px; FONT-SIZE:12px;text-align:center;}
.grayr a {PADDING:5px 10px;MARGIN:3px;COLOR:#315473;TEXT-DECORATION: none; border:#fff 1px solid;FONT-WEIGHT: bold;}
.grayr a:hover {COLOR:#1B73BD; border-color:#1B73BD;}
.grayr a:active {COLOR:#fff; BACKGROUND-COLOR:#1B73BD;}
.grayr span.current {PADDING:5px 10px; FONT-WEIGHT: bold; MARGIN:3px;COLOR:#fff; BACKGROUND-COLOR:#315473;}
.grayr span.disabled {PADDING:5px 10px; MARGIN:3px;COLOR:#ccc;border:#ccc 1px solid;FONT-WEIGHT: bold;}

.detailstitle{ clear:both; height:20px; line-height:20px; padding:0 5px 5px 5px; border-bottom:#e4e3e2 solid 1px; margin-bottom:15px;}
.detailstitle .titletext{ float:left; overflow:hidden; font-size:16px; font-weight:bold; color:#315473;}
.detailstitle .textinfo{ float:right; font-size:12px;text-align:right;}


/* ----------  popwin ----------  */
.popmask{ position:absolute;background:url(../../images/mask_bg.png);border:none;height: 100%;left: 0; margin: 0;padding: 0;position: fixed;top: 0;width: 100%;z-index:3000; display:none;}
.popwin{left: 50%; padding:10px;position: fixed; top: 50%;z-index:3001; width:580px; background:url(../../images/pop_side.png); display:none;}
.popwin .hide_box{background-color:#f9f9f9; position:relative; border:1px solid #fff;}
.popwin .hide_box h3{ font-size:18px; line-height: 20px;padding:13px 15px 19px 15px; color:#fff; background:url(../../images/pop_title_bg.gif) 0 0 repeat-x;}
.hide_box .closebr{background: url(../../images/icon_popclose.png) 0 0 no-repeat; display: block; height:16px; overflow: hidden;position: absolute; right:15px;text-indent:-999px;top:16px; width:16px;}
.hide_box .closebr:hover{ background-position:0 -16px;}
.popwin .hide_box .popcontent{ clear:both; padding:15px;}
.popwin .hide_box .popcontent p{ line-height:24px;}
.popwin .popcontent p span{ padding:0 5px;}
.popwin .hide_box .brtools{ margin:10px 0 0 110px;}

#popps{ margin:-130px 0 0 -300px;}

/* ----------  contact us details ----------  */
input{color:#92a8bb;font:13px Arial,Helvetica,sans-serif;padding:4px; border:1px solid #cdcdcd;background:#f8f8f8 url(../../images/input.gif) 0 0 no-repeat;}
input:focus{ border-color:#315473; background-color:#fff; color:#315473; background-image:none;}
input:disabled, select:disabled{ border-color:#999; background-color:#ddd; color:#999;}
input.type1{ width:200px;}
input.type2{ width:75px;}
input.type3{ width:30px;}
.from_post select{border:1px solid #cdcdcd; background-color:#f8f8f8; height:21px; color:#92a8bb;}
select.type1{ width:208px;}
select.type2{ width:102px;}
select.type3{ width:50px;}
.from_post input, .from_post select, .from_post textarea{ float:left;}
.nes{color:#f00; padding:0px 5px;}
.from_post .fg{padding:0px 5px; line-height:24px; float:left; display:inline;}
.from_post table {clear:both; width:100%; }
.from_post td{padding-bottom:10px; vertical-align:top;}
.from_post td.td1{text-align:right; width:100px; font-weight:bold;line-height:24px; padding-right:10px;color:#005491;}
.from_post td.td2{width:250px;vertical-align:top;}
.from_post td.td2 img{vertical-align:middle; padding-left:10px; cursor:pointer; padding-top:3px;}
.from_post td.td3 img{ padding:4px 0 0 0}
.from_post td span{ float:left; padding:0 5px; line-height:24px;}
.from_post td.td3 span{color:#bebebe; line-height:18px; padding:3px 0;font-style:italic; }
textarea{color:#92a8bb; font: 13px Arial,Helvetica,sans-serif; height:80px;padding: 4px; border:1px solid #cdcdcd;background:#f8f8f8 url(../../images/input.gif) 0 0 no-repeat;width:200px;}
textarea:focus{border-color:#315473; background-color:#fff; ccolor:#315473; background-image:none;}
.from_post .radio{ background:none; border:0; padding:0px; width:13px; height:13px; margin:5px 3px 5px 5px; }
.from_post .brtools{ clear:both; margin:0 0 0 110px;}