/**
* Description：Layout CSS for the website
* Author：Gavin
* E-mail: shengzhizhang@gmail.com
* Created On：2008-10-27
* Last modification On：2010-3-8
**/

/***** Container *****/
#container {
background:#fff;
margin:0 auto;
width:1002px;
}

/***** Header *****/
#header {
position:relative; 
width:100%; 
}
/***** Banner *****/
#banner {
background:#666;
overflow:hidden;
}
#banner img,
#banner object {
float:left;
}
#headbar {
height:30px; 
line-height:30px; 
background:#E8E8E8; 
text-align:left; 
}
#recommended {
float:left;
width:615px; 
padding-left:110px; 
height:30px;
overflow:hidden; 
background:url(recommendedBg.gif) no-repeat 0 0;
}
#recommended p {
margin:0;
line-height:32px;
text-align:left;
}



#recommended a{
color:#303030; 
margin:0 4px; 
}
#recommended a:hover{
color:#AE231D;
text-decoration:underline; 
}
#search {
float:right;
width:176px;
padding-left:97px;
overflow:hidden; 
background:#fff url(searchBarBg.gif) no-repeat 0 0;
}
#search form{
height:30px;
overflow:hidden; 
}
.inputSearch {
width:120px; 
vertical-align:middle; 
}
.btnSearch{
border:none; 
outline:none;
width:43px; 
height:20px;
cursor:pointer;
background:url(btnSearch.gif) no-repeat 0 0;
vertical-align:middle; 
}

/***** Main *****/
#main {
overflow: hidden;
text-align:left;
padding:15px 0; 
}

/***** Sidebar *****/
#sidebar {
float:left;
width:238px;
display:inline; 
margin-left:5px; 
}

/***** Content *****/
#content {
float:right;
width:715px;
display:inline; 
margin-right:5px; 
}

/***** Footer *****/
#footer {
width:988px;
margin:0 auto; 
background:url(footBg.gif);
color:#fff; 
line-height:22px;
padding-bottom:20px; 
}
#links a {
color:#fff; 
margin:0 6px; 
}
#links a:hover {
color:#fff; 
text-decoration:underline; 
}
#footWrap {
padding:10px;
background:url(footBg2.gif) no-repeat 0 0;
}

/***** Index modules *****/
#part1 {
margin-bottom:10px; 
}
.alpha{
margin-left:11px; 
}
.omega{
margin-right:11px; 
}
.content{
padding:10px; 
}
.title span{
position:absolute; 
}
.box {
background:url(boxBg.gif) no-repeat 0 100%;
margin-bottom:10px; 
}
.reg {
background:url(regBg.gif) repeat-y 0 0;
width:100%; 
margin-bottom:10px; 
}
.regInfo {
background:#E8E8E8 url(regTop.gif) no-repeat 0 0;
padding:10px 0; 
}
.regImg {
float:left;
width:138px;
display:inline; 
margin-left:7px; 
}
.regDesc {
float:right;
width:295px; 
display:inline; 
margin-right:25px; 
}
.regDesc p {
margin:8px 0; 
line-height:18px; 
}
.btnMore{
text-align:right; 
}
.contentWrap {
background:url(regBottom.gif) no-repeat 0 100%;
}
.reg .content {
padding:15px 10px 5px; 
background:url(regTop2.gif) no-repeat 0 0;
}
.column {
border-bottom:1px solid #DCDCDC; 
margin-bottom:10px; 
}
.column li{
float:left;
width:153px; 
line-height:16px; 
padding:2px 0; 
}
.column li a{
display:inline-block; 
}
.columnLast{
border:none; 
}
.column h3{
font-size:14px;
}
.column h3 a{
color:#000; 
}
.column h3 a:hover{
color:#000; 
text-decoration:underline; 
}
.column table, .column td{
border:none; 
}
.column td{
padding:0; 
}
.regItem{
margin-bottom:37px; 
}
.regItem h2 {
font-size:14px;
color:#000;
background:url(regItemTitle.gif) no-repeat 0 0;
height:24px; 
line-height:24px; 
padding-left:20px; 
font-weight:normal;
}
.regItem .flag {
text-align:center; 
padding:5px 0; 
}
.regItem .regList {
width:206px;
margin:0 auto; 
}
.regItem .regList li{
float:left;
width:100%; 
background:url(listDiv01.gif) repeat-x 0 100%;
}
.regItem .regList li a{
height:24px;
line-height:24px; 
display:block; 
padding-left:35px; 
color:#006D91;
background:url(listIcon10.gif) no-repeat 12px 5px;
}
.regItem .regList li a:hover{
color:#000; 
}
#columnRight {
float:right;
width:238px; 
display:inline; 
}
#columnLeft {
float:left;
width:730px;
display:inline; 
}
#columnCenter {
float:right;
width:481px; 
}
/***** scroll *****/
#scroll {
float:left;
width:402px; 
display:inline; 
}
/***** profile *****/
#profile {
float:right;
width:567px;
display:inline; 
background:url(profileBg.gif) no-repeat 0 100%;
}
#profile .title{
height:29px; 
line-height:29px;
background:url(profileTitle.gif) no-repeat 0 0;
position:relative; 
z-index:1;
}
#profile .content {
height:134px; 
overflow:hidden; 
}
#profile .content p{
margin:0; 
}
#profile .title h2,
#registerOversea .title h2,
#query .title h2,
#contact .title h2,
#service .title h2,
#approval .title h2,
#quality .title h2,
#affairs .title h2{
text-indent:-9999em;
}
#profile .title span{
top:9px;
right:20px;
}
/***** registerOversea *****/
#registerOversea {
width:235px; 
float:left;
margin-bottom:10px; 
}
#registerOversea .title{
height:26px; 
line-height:26px;
background:url(titleOversea.gif) no-repeat 0 0;
}
#registerOversea .content {
border:1px solid #535353; 
padding:10px 0; 
height:1092px; 
}
/***** query *****/
#query {
margin-bottom:10px; 
}
#query .title{
height:28px; 
line-height:28px;
background:url(titleQuery.gif) no-repeat 0 0;
}
#query .contentWrap {
background:url(queryBg.gif) no-repeat 0 100%; 
}
#query .content {
background:url(queryTopBg.gif) no-repeat 0 0;
padding:15px 130px 35px 20px;
font-size:14px;
min-height: 150px;
height: auto !important;
height: 150px;
overflow: visible;
}
table.simple, table.simple td {
border:none; 
}
table.simple td{
padding:5px; 
}
table.simple td a{
background:url(listIcon11.gif) no-repeat 0 50%;
padding-left:16px;
}
table.widthUnderline td a{
border-bottom:1px dashed #7A7A7A; 
}
table.widthUnderline td a:hover{
border-color:#07ACD5;
}
/***** description *****/
#tabs {
background:url(tabBg.gif) no-repeat 0 0;
height:30px; 
}
#tabs li{
float:left;
margin-right:-6px; 
position:relative; 
z-index:1;
background:url(tabItemBg.gif) no-repeat 100% 0;
}
#tabs li.tab1{
z-index:4;
}
#tabs li.tab2{
z-index:3;
}
#tabs li.tab3{
z-index:2;
}
#tabs li.tab4{
z-index:1;
}
#tabs li.active{
background-position:100% -30px;
z-index:5;
}
#tabs li span{
color:#fff; 
display:block; 
cursor:pointer;
font-weight:bold;
height:30px; 
line-height:30px; 
width:182px;
text-align:center; 
background:url(tabItemBg.gif) no-repeat 0 -60px;
}
#tabs li.active span{
background-position:0 -90px;
color:#07ACD5; 
}
.tabContent {
background:#fff url(tabContentBg.jpg) repeat-x 0 100%;
padding:5px 20px; 
height:137px; 
overflow:hidden; 
border:1px solid #7D7D7D; 
border-width:0 1px 1px;
}
.tabContent .tabItem {
display:none; 
}
/***** contact *****/
#contact {
background:url(contactBg.jpg) no-repeat 0 0;
height:453px; 
overflow:hidden; 
margin-bottom:6px;
position:relative;  
}
#contact .title{
height:63px; 
}
#contact .content {
padding:20px;
color:#fff; 
font-size:14px;
}
.Hgd {
position:absolute; 
bottom:30px;
right:20px;
text-align:right;
margin:10px 0 0 0;
}
.Hgd a{
color:#fff;
}
.Hgd a:hover{
text-decoration:underline; 
}
.Ngd {
text-align:right;
margin:10px 0 0 0;
}
.Ngd a{
color:#0078a3;
}
/***** service *****/
#service {
background-image:url(bg_service.gif);
height:210px; 
}
#service .title {
background:url(titleService.jpg) no-repeat 0 0;
height:56px; 
}
#service ul{
padding-left:110px; 
}
#service li a {
background:url(listIcon12.gif) no-repeat 0 50%;
padding-left:18px;
height:28px; 
line-height:28px; 
}
/***** approval *****/
#approval .title{
background:url(titleApproval.jpg) no-repeat 0 0;
height:156px; 
}
#approval .content {
padding:5px; 
}
#approval li,
#quality li{
float:left;
width:76px; 
line-height:18px;
padding:3px 0; 
}
#quality li{
width:114px; 
}
#approval li a,
#quality li a,
#affairs li a{
background:url(listIcon11.gif) no-repeat 0 50%;
padding-left:16px;
}
/***** quality *****/
#quality .title {
background:url(titleQuality.jpg) no-repeat 0 0;
height:151px; 
}
#quality .content {
padding:8px 1px; 
}
/***** affairs *****/
#affairs {
background:url(laborBg.jpg) no-repeat 0 0;
height:178px; 
overflow:hidden; 
}
#affairs li a{
height:30px; 
line-height:30px; 
}
/***** Sub navigation *****/
#subNav {
background:#0078A3 url(subNavBg.gif) no-repeat 0 100%; 
margin-bottom:10px;
padding-bottom:60px; 
}
#subNav h2 {
font-size:14px;
height:58px;
line-height:58px;
text-align:left;
}
#subNav ul li,
#news ul li{
float:left;
font-size:12px;
width:208px;
display:inline; 
margin-left:35px; 
margin-right:-5px;
position:relative; 
z-index:100;
background:url(subNavItemBg.gif) no-repeat 0 0;
padding:0 0 6px 0; 
}
#news ul li{
background-image:url(subNavItemBg2.gif);
}
#subNav ul ul {
display:none;
padding-left:16px;
}
#subNav ul li a,
#news ul li a{
color:#585858; 
display:block;
height:24px; 
line-height:24px;
padding:0 10px 0 40px;
}
#subNav ul li a:hover, 
#subNav ul li a.current,
#news ul li a:hover{
color:#000; 
font-weight:bold;
}
#subNav ul li li a {
background-image:url(listIcon02.gif);
padding:4px 0 4px 20px;
}

/***** Inside Pages *****/
#mainTitle {
background:url(mainTitleBg.gif) no-repeat 0 0;
height:78px;
}
#mainTitle h2 {
font-size:14px;
color:#FFE105; 
height:38px; 
line-height:38px; 
padding-left:38px; 
}
#mainTitle span{
padding-left:38px;
font-family:Verdana, Geneva, sans-serif;
}
#mainTitle span, #mainTitle span a{
color:#DCDCDC; 
}
#mainTitle span a:hover{
color:#FFE105; 
}
#function {
padding:20px;
min-height: 480px;
height: auto !important;
height: 480px;
overflow: visible;
}
#news {
background:#0078A3; 
}
#contactUs h2{
background:url(contactBg.gif) no-repeat 0 0;
height:61px; 
text-indent:-9999em;
}
#contactUs .content{
background:#F6E6A0 url(contactUsBg.jpg) repeat-x 0 0;
border:1px solid #C0C0C0; 
min-height: 180px;
height: auto !important;
height: 180px;
overflow: visible;
}
/***** Product list *****/
.productList {
text-align:center;
}
.productList li {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
padding:20px 0;
width:33.3%;
min-height:120px;
_height: 120px;
}
.productList a {
display:block; 
margin:0 auto;
width:151px; 
}
.productList a img {
display:block; 
border:#ddd 1px solid;
padding:2px;
width:147px; 
}
.productList a:hover img {
border-color:#f00;
}
.productList a span {
background:#E5E5E5; 
cursor:pointer;
display:block;
overflow:hidden;
text-align:center;
color:#333;
padding:0 8px; 
margin:4px auto 0;
line-height:20px;
}
.productList a:hover span {
color:#f00;
text-decoration:underline;
}

/***** News list *****/
.newsList {
margin:0 auto;
}
.newsList li {
border-bottom:1px solid #ddd;
float:left;
line-height:14px;
padding:10px 0;
position:relative;
text-align:left;
width:305px;
display:inline; 
margin:0 15px; 
}
.newsList li a {
background:url(listIcon02.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
font-family:Verdana, Geneva, sans-serif;
}
.newsList li span a{
background:none;
color:#A4A4A4; 
padding:0; 
}
.newsList li span a:hover{
color:#f00; 
}
.newsMainInfo {
line-height:20px; 
margin-bottom:20px; 
}
.newsList02 {
border:1px solid #C8C8C8; 
margin-bottom:17px; 
}
.newsList02 h2{
background:#E7E7E7; 
height:28px; 
line-height:28px; 
text-align:center; 
font-size:14px;
}
.newsList02 h2 a{
color:#007EA9; 
}
.newsList02 h2 a:hover{
color:#f00; 
}
.newsList02 ul{
padding:10px 0 10px 60px; 
}
.newsList02 li{
float:left;
width:196px; 
display:inline; 
height:24px; 
line-height:24px; 
overflow:hidden; 
}
.newsList02 li a{
background:url(listIcon02.gif) no-repeat scroll 0 3px;
display:block; 
padding-left:16px;
}

/***** Pagination *****/
.pagination {
height:22px;
padding:30px 0;
}
.pagination span, .pagination a {
background:#fff;
border:1px solid #ddd;
display:inline;
float:left;
height:20px;
line-height:20px;
margin-right:4px;
padding:0 8px;
}
.pagination a:hover {
background:#EDFEFF;
border-color: #78D0D6;
color:#0B93C6;
}
.pagination .current {
border:none;
color:#f00;
font-weight:bold;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}

/***** Question list *****/
.questionList dt, .jobList dt {
font-weight:normal;
margin-top:10px;
}
.questionList dt span, .jobList dt span {
cursor:pointer;
font-weight:bold;
margin:0 4px;
}
.questionList dd, .jobList dd {
border:#ccc 1px solid;
padding:6px 10px;
}

/***** Video list *****/
td.videoList a {
background:#fff url(videoIcon.jpg) no-repeat left 50%;
padding-left:25px;
}
div.videoShow {
background:#fff;
border:solid 1px #eee;
margin:0 auto;
padding:10px;
text-align:center;
width:80%;
}
div.videoShow h4 {
background:url(videoIcon.jpg) no-repeat left 50%;
font-size:14px;
height:50px;
line-height:50px;
margin:0 auto;
padding-left:25px;
text-align:left;
width:80%;
}

/***** Search result list *****/
#mainContentSearch {
margin:30px;
}
.searchTitle {
background:#f8f8f8;
border:1px solid #ddd;
border-width:1px 0;
line-height:22px;
padding:0 10px;
}
.searchTitle a {
background:url(listImg.gif) no-repeat right 50%;
padding-right:10px;
}
#mainContentSearch strong {
padding-left:2em;
}
.resultTopicTitle {
}
#mainContentSearch .newsList {
width:100%;
}

/***** Webmap *****/
#webmap {
padding:20px 20px 20px 80px;
}
.mapList ul {
margin-left:40px; 
margin-bottom:3px;
padding-bottom:12px; 
background:url(ulBg.gif) repeat-y 0 0;
}
.mapList ul ul{
padding:0; 
}
.mapList ul li{
line-height:19px;
margin-top:5px; 
float:left;
width:100%; 
}
.mapList li a{
height:19px; 
line-height:19px; 
display:inline-block; 
background:url(webmapBg.gif) no-repeat 100% -19px;
}
.mapList li a span{
display:inline-block; 
height:19px; 
line-height:19px; 
background:url(webmapBg.gif) no-repeat 0 -57px;
padding:0 20px 0 40px; 
cursor:pointer;
white-space:nowrap;
}
.mapList li a:hover{
background-position:100% 0;
}
.mapList li a:hover span{
background-position:0 -38px;
}
.mapList li a.firstItem{
background-position:100% 0;
}
.mapList li a.firstItem span, .mapList li a.firstItem:hover span{
background-position:-19px -38px;
padding:0 20px; 
}
.mapList li a.lastChild span{
background-position:0 -95px;
}
.mapList li a.lastChild:hover span{
background-position:0 -76px;
}

/***** Article *****/
.article {
background:url(bg_content.gif) no-repeat 100% 100%;
}
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
line-height:28px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}

/***** Related news list *****/
.relatedNews {
padding:10px;
}

.relatedNews li{
	float:left;
	width:33%;
}

.relatedNews h3 {
font-size:14px;
margin-bottom:8px;
}
.relatedNews a {
background:url(listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}

/***** Product details *****/
.productImage{
text-align:center; 
}
.productDetails {
margin:20px auto;
text-align:center;
width:90%;
}
.productDetails .proImg {
padding:10px;
text-align:center;
}
.productDetails th{
width:20%; 
}
.productDetails .caption{
text-align:center; 
}

/***** Form elements *****/
fieldset {
border:none;
padding-left:60px;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:20px;
margin-right:1em;
text-align: left;
}
fieldset li .tips {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
outline:none;
padding:2px;
width:300px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
/*.focusField {
border:solid 1px #83C6FA;
background:#F6FCFF;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
padding:1px;
border: solid 1px #ddd;
}*/

/***** pageNav *****/
.pageNav {
padding:20px;
text-align:center; 
}

/***** Default buttons *****/
button { 
position: relative;
border: 0; 
padding: 0;
height:24px; 
vertical-align:middle;
cursor: pointer;
overflow: visible; /* Remove the self-propagation of the width in Internet Explorer */
}
button::-moz-focus-inner {
border: none;  /* Additional padding covering Firefox */
}
button span, .pageNav a span { 
position: relative;
display: inline-block; 
white-space: nowrap;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* To amend the margin of Safari and Chrome */
button span {
margin-top: -1px;
}
}

/* Customize buttons: */		
.defaultBtn { 
padding: 0 10px 0 0; 
margin-right:5px; 
font-size:12px; 
font-family:Verdana, Geneva, sans-serif;
text-align: center; 
background: transparent url(btn_default_bg.gif) no-repeat 100% -60px; 
display:inline-block;
height:24px; 
}
.defaultBtn span {
padding: 5px 0 0 10px; 
height:19px; 
background: transparent url(btn_default_bg.gif) no-repeat 0 0; 
color:#445560; 
}
.defaultBtn:hover, .defaultBtnHover { /* Extra defaultBtnHover for IE6 */
background-position: 100% -90px; 
}
.defaultBtn:hover span, .defaultBtnHover span {
background-position: 0 -30px;
color:#052028; 
}

/***** Member *****/
#member {
position:relative;
width:100%;
}

/***** Member tools *****/
.toolbar {
position:absolute;
right:0;
text-align:right;
top:0;
background:#fff;
}
#toolbarHandler {
text-align:center;
position:absolute;
right:0;
top:0;
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
height:24px;
line-height:24px;
overflow:hidden;
width:80px;
}
#toolbarHandler img, .toolbar ul a img {
vertical-align:middle;
}
#toolsList {
text-align:left;
display:none;
}
.toolbar ul {
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
padding-top:25px;
width:150px;
}
.toolbar ul li {
float:left;
width:100%;
border-bottom:1px solid #C1D7E4;
}
.toolbar ul a {
display:block;
height:34px;
line-height:34px !important;
overflow:hidden;
}

/*********************  */
.searchinfo dt {
border-color:#D4D4D4 -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:1px medium medium;
float:left;
line-height:18px;
padding:5px 0;
text-align:center;
width:60px;  }

.searchinfo dd {
border-color:#D4D4D4 -moz-use-text-color -moz-use-text-color #D4D4D4;
border-style:solid none none solid;
border-width:1px medium medium 1px;
float:left;
line-height:18px;
padding:5px 5px 5px 10px;
width:523px;  }

.searchinfo  {
border-color:-moz-use-text-color #D4D4D4 #D4D4D4;
border-right:1px solid #D4D4D4;
border-style:none solid solid;
border-width:medium 1px 1px;
margin:30px 0 0;
width:599px; }