/*------------------------------------------------------------
* Description：Layout CSS of the website, based on CSS2.0
* Author：Gavin
* E-mail: shengzhizhang@gmail.com
* Created On：2008-10-27
* Last modification On：2010-01-27 
------------------------------------------------------------*/

/***** Container *****/
#container {
width:984px;
background:url(mainBg.gif) repeat-y 0 0;
margin:0 auto;
}

/***** Header *****/
#header {
position:relative;
height:261px;
}

/***** Banner *****/
#banner {
overflow:hidden;
height:261px; 
}
#banner img{
display:block; 
}

/***** Main *****/
#main {
overflow: hidden;
text-align:left;
}

/***** Sidebar *****/
#sidebar {
float:left;
width:223px;
padding-bottom:60px; 
}

/* Content */
#content {
float:right;
width:761px;
background:url(contentBg.gif) no-repeat 0 0;
padding:20px 0; 
}


/***** Footer *****/
#footer {
height:91px; 
background:url(footBg.jpg) no-repeat 0 0;
position:relative; 
}
.footFigure{
background:url(footFigure.png) no-repeat 0 0;
position:absolute; 
width:134px; 
height:146px; 
left:28px;
bottom:0;
}
#copyright {
line-height:20px;
padding:24px 60px 0 200px; 
}

/***** Index modules *****/
#category {
background:url(categoryBg.jpg) no-repeat 0 0;
height:270px;
overflow:hidden; 
}
#category .title{
height:82px; 
}
#category .title h2{
float:left;
text-indent:-9999em;
}
#category ul{
width:170px; 
margin:0 auto; 
}
#category li{
float:left;
width:100%; 
}
#category li a{
background:url(listIcon01.gif) no-repeat 0 50%;
padding-left:20px;
display:block; 
height:36px; 
line-height:36px;
font-size:13px;
}
#category li a:link, #category li a:visited {
color:#672C00;
text-decoration:none;
}
#category li a:hover, #category li a:active {
color:#f00;
}

/***** Contact *****/
#contact {
background:url(contactBg.jpg) no-repeat 0 0;
width:199px; 
margin:0 auto; 
}
#contact .title{
height:82px; 
}
#contact .title h2{
float:left;
text-indent:-9999em;
}
#contact .content{
padding:10px;
line-height:20px; 
min-height: 155px;
height: auto !important;
height: 155px;
overflow: visible;
}

#part1 {
background:url(partBg.gif) no-repeat 0 0;
width:698px; 
height:258px; 
overflow:hidden;
padding:20px;
position:relative; 
margin-left:15px; 
}
.figure2{
display:block; 
width:62px; 
height:114px; 
background:url(figure2.png) no-repeat 0 0;
position:absolute; 
bottom:5px;
right:10px;
}
#profile {
float:left;
width:326px; 
}
#profile .content{
padding:16px 10px; 
}
#news {
float:right;
width:326px; 
}
#profile .title,
#news .title{
background-position:0 0;
background-repeat:no-repeat;
position:relative; 
padding:5px 0 0 20px; 
height:29px; 
}
#news .title{
background-image:url(titleNewsBg.gif);
}
#profile .title{
background-image:url(titleProfileBg.gif);
}
#profile .title span,
#news .title span{
position:absolute; 
top:10px;
right:24px;
}
#news ul{
padding-top:10px; 
}
#products {
background:url(productBg.gif) no-repeat 0 0;
height:210px; 
width:728px; 
margin-left:15px; 
overflow:hidden; 
}
#marqueeDemo{
margin:20px 0 0 80px; 
}
#marqueeDemo2{
margin:0 0 0 110px; 
}
#marqueeDemo table, #marqueeDemo table td,
#marqueeDemo2 table, #marqueeDemo2 table td{
border:none; 
}
#marqueeDemo a {
display:inline-block;  
width:142px;
text-align:center; 
height:150px;
padding-top:10px; 
overflow:hidden; 
background:url(productItemBg.gif) no-repeat 0 0;
margin:0 4px; 
}
#marqueeDemo a:hover{
background-position:0 -160px;
}
#marqueeDemo a span{
display:block;
line-height:40px; 
}
#marqueeDemo a span{
color:#503203;
}
#marqueeDemo2 a {
padding:0 3px; 
}
#marqueeDemo2 a img{
border:1px solid #666; 
}
#links {
background:url(linkBg.gif) no-repeat 0 50%;
height:43px;
padding-top:8px; 
margin:8px 0 0 13px; 
}

/***** Sub navigation *****/
#subNav {
margin-bottom:20px;
}

#subNav h2 {
height:32px;
line-height:32px;
text-align:left;
font-size:14px;
}

#subNav ul li {
font-size:12px;
width:100%;
float:left;
}
#subNav ul ul {
display:none;
padding-left:16px;
}

#subNav ul li a {
line-height:14px;
display:block;
background:url(listIcon01.gif) no-repeat 0 50%;
padding:8px 0 8px 20px;
}

#subNav ul li li a {
background-image:url(listIcon02.gif);
padding:4px 0 4px 20px;
}

#subNav ul li.current li li a {
background-image:url(listIcon03.gif);
}

/***** Inside Pages *****/
.box{
width:736px; 
margin-left:15px; 
background:url(mainContentBg.gif) repeat-y 0 0;
}
.box .boxWrap1{
background:url(mainBottom.jpg) no-repeat 0 100%;
}
.box .boxWrap2{
background:url(mainTop.gif) no-repeat 0 0;
padding-top:20px; 
}
#function {
min-height: 540px;
height: auto !important;
height: 540px;
overflow: visible;
padding:20px 30px 80px;
}
#mainTitle{
width:692px;
margin:0 auto; 
background:url(mainTitleBg.gif) no-repeat 0 0;
height:31px; 
line-height:31px; 
position:relative; 
}
#mainTitle h2{
font-size:16px;
padding-left:40px; 
color:#724701; 
}
#mainTitle span{
position:absolute; 
top:0;
right:20px;
}

/***** Product list *****/
.productList {
text-align:center;
}

.productList li {
width:33.3%;
float:left;
text-align:center;
padding-bottom:30px; 
}

.productList a {
display:block;
margin:0 auto;
width:142px; 
height:160px; 
overflow:hidden; 
background:url(productItemBg.gif) no-repeat 0 -320px;
}
.productList a:hover{
background-position:0 -160px;
}

.productList a img {
margin-top:6px; 
width:132px;
height:111px; 
}

.productList a span {
color:#918065;
display:block;
cursor:pointer;
overflow:hidden;
text-align:center;
line-height:40px;
height:40px;
margin:4px auto 0;
}

.productList a:hover span {
color:#000; 
}

/***** News list *****/
.newsList {
margin:0 auto;
}

.newsList li {
float:left;
line-height:14px;
position:relative;
text-align:left;
width:100%;
padding:8px 0;
background:url(listDiv01.gif) repeat-x 0 100%;
}

.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;
}

/***** 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 {
border-color: #78D0D6;
background:#EDFEFF;
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 {
text-align:center;
background:#fff;
border:solid 1px #eee;
width:80%;
padding:10px;
margin:0 auto;
}

div.videoShow h4 {
width:80%;
margin:0 auto;
background:url(videoIcon.jpg) no-repeat left 50%;
text-align:left;
padding-left:25px;
font-size:14px;
height:50px;
line-height:50px;
}

#mainContentSearch {
margin:30px;
}

/***** Search result list *****/
.searchTitle {
border:1px solid #ddd;
border-width:1px 0;
padding:0 10px;
line-height:22px;
background:#f8f8f8;
}

.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-bottom:20px;
}

#webmap dt {
color:#975317;
float:left;
height:19px;
line-height:19px;
margin-top:20px;
width:100%;
}

#webmap dt .dtBg01 {
background:url(webmapBg.gif) no-repeat 100% top;
float:left;
}

#webmap dt .dtBg02 {
background:url(webmapBg.gif) no-repeat 0 -38px;
float:left;
line-height:19px;
padding:0 10px;
}

#webmap dd {
float:left;
height:19px;
line-height:19px;
margin:4px 3px 0 0;
}

#webmap dd a {
background:url(webmapBg.gif) no-repeat 100% -19px;
float:left;
}

#webmap dd a span {
background:url(webmapBg.gif) no-repeat 0 -57px;
cursor:pointer;
float:left;
line-height:19px;
padding:0 10px;
white-space:nowrap;
}

#webmap dd a:hover {
background-position:100% 0;
}

#webmap dd a:hover span {
background-position: 0 -38px;
color:#975317;
}

/***** News list *****/
.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 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:95%;
}

.productDetails .proImg {
padding:10px;
text-align:center;
}

.productDetails th{
width:16%; 
}

.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;
}
.zhenshu{
background:url(zhenshu.gif) no-repeat 100%;
height:158px;
width:677px;
overflow: hidden;
}
.zhenshu ul{
width:400px;
margin:0 auto;
padding-top:13px;
padding-left:60px;
}
.zhenshu li{
float:left;
width:20%; 
}
.zhenshu li a{
padding-left:20px;
display:block; 
height:92px; 
line-height:92px;
}