/* @title        : css document */
/* @description  : esuo.cn css document */
/* @company      : esuo network development co.,ltd guangzhou */
/* @program      : css */
/* @author       : 杨剑洪(yang jahoo) */
/* @email        : esuo@live.com */
/* @version      : 1.0 */
/* @copyright    : (c)2003-2007 esuo.cn all rights reserved */

body {margin:0px;padding:0px;font-family:arial,helvetica,sans-serif;font-size:12px;text-align:center;}
a {text-decoration:none;color:#000000;}
a:hover {text-decoration:none;color:#336699;}
.input {font-family:宋体;font-size:9pt;border:1px solid #1ba555;margin:0;}
input.button{border:1px solid #1ba555;background:#f2fddb;color:#000;font-family:宋体;font-size:9pt;padding-top:2px;margin:0;}
input.submit{border:1px solid #1ba555;background:#f2fddb;color:#000;font-family:宋体;font-size:9pt;padding-top:2px;margin:0;height:20px;width:50px;}

#header {width:852px;height:100px;margin:0 auto;padding-left:108px;background:url(../images/logo.gif) no-repeat;border-left:1px solid #a4b979;border-right:1px solid #a4b979;border-bottom:1px solid #a4b979;text-align:left;line-height:200%;}

#menu {width:960px;height:24px;background:url(../images/menu.gif) repeat-x;margin:0 auto;border-left:1px solid #a4b979;border-right:1px solid #a4b979;border-bottom:1px solid #a4b979;}
#menu ul {float:left;margin:0;padding:0;}
#menu ul li {float:left;list-style-type:none;text-align:center;height:24px;line-height:25px;*line-height:26px;_line-height:26px;overflow:hidden;font-weight:bold;width:84px;}
#menu ul li a {float:left;text-decoration:none;height:24px;line-height:25px;*line-height:26px;_line-height:26px;overflow:hidden;margin:0;color:#16387c;width:84px;}
#menu ul li a:hover {text-decoration:underline;height:24px;line-height:25px;*line-height:26px;_line-height:26px;overflow:hidden;margin:0;background:url(../images/menuover.gif) repeat-x;color:#8ea85e;width:84px;}
#menu ul li .active {text-decoration:none;height:24px;line-height:25px;*line-height:26px;_line-height:26px;overflow:hidden;margin:0;background:url(../images/menuactive.gif) repeat-x;color:#16387c;width:84px;}

#WLSearchBoxButton {float:left;display:block;width:23px;height:20px;overflow:hidden;line-height:20px;background:white url(../images/srchbtn.gif) no-repeat left top;}
#WLSearchBoxButton:hover {background-image:url(../images/srchbtn_over.gif);}
#WLSearchBoxInput {float:left;border:solid 0px white;height:18px;padding:0;padding-top:2px;font-size:12px;line-height:18px;border-right:solid 1px #4b7c9f;border-left:solid 1px white;background:white url(../images/searchbox_background.png) no-repeat right top;width:112px;}
#WLSearchBoxDiv {float:right;padding:1px 3px 0 0;*padding:1px 3px 0 0;_padding:1px 1px 0 0;margin:0;width:137px;text-align:right;}
#WLSearchBoxPlaceholder{height:20px;line-height:18px;border:solid 1px #4b7c9f;width:137px;overflow:hidden;background:white;}

#main {width:962px;text-align:center;margin:0 auto;}

#error {float:left;padding:0;width:960px;height:300px;border:1px solid #a4b979;}

#left {float:left;padding:0;width:200px;margin:0 10px 0 0;*margin:0 8px 0 0;_margin:0 6px 0 0;}

#search {float:left;padding:0;width:200px;border:1px solid #a4b979;height:220px;_height:221px;}
#search h1 {height:20px;margin:0px;background:url(../images/tabs.gif) repeat-x;font-size:12px;text-align:left;line-height:20px;border-bottom:1px solid #afd79e;}
#search ul {float:left;margin:2px 0 0 0;padding:0;}
#search ul li {float:left;list-style-type:none;width:200px;text-align:left;margin:4px 0 0 0;}
#search ul li textarea {width:186px;height:119px;border:1px solid #1ba555;font-size:12px;padding:0;margin:0;}
#search form {padding:0;margin:0;}

#annount {float:left;padding:0;width:200px;border:1px solid #a4b979;height:220px;_height:221px;}
#annount h1 {float:left;width:140px;height:20px;margin:0;background:url(../images/tabs.gif) repeat-x;font-size:12px;text-align:left;line-height:20px;border-bottom:1px solid #afd79e;}
#annount h2 {float:right;width:60px;text-align:right;height:20px;margin:0;background:url(../images/tabs.gif) repeat-x;font-size:12px;line-height:20px;border-bottom:1px solid #afd79e;}
#annount ul {float:left;margin:0;padding:0;}
#annount ul li {float:left;list-style-type:none;height:25px;*height:25px;_height:21px;width:200px;text-align:left;}
#annount ul li a {float:left;text-decoration:none;height:25px;*height:25px;_height:21px;overflow:hidden;padding:4px 0 0 0;margin:0;color:#16387c;width:200px;text-align:left;}
#annount ul li a:hover {text-decoration:none;height:25px;*height:25px;_height:21px;overflow:hidden;padding:4px 0 0 0;margin:0;background:url(../images/menuover.gif) repeat-x;color:#8ea85e;width:200px;text-align:left;}

#mainer {float:left;padding:0;width:752px;_width:754px;}

#center {float:left;padding:0;width:544px;}

#ads {float:right;padding:0;width:752px;height:200px;border:1px solid #a4b979;}

#news {float:right;padding:0;width:544px;height:220px;border:1px solid #a4b979;}
#news h1 {float:left;width:484px;height:20px;line-height:20px;margin:0px;font-size:12px;text-align:left;border-bottom:1px solid #afd79e;background:url(../images/title.gif) repeat-x;}
#news h2 {float:right;width:60px;height:20px;line-height:20px;margin:0px;font-size:12px;text-align:right;border-bottom:1px solid #afd79e;background:url(../images/title.gif) repeat-x;}
#news ul {float:left;margin:0;padding:0;}
#news ul li {float:left;list-style-type:none;height:25px;*height:25px;_height:21px;text-align:left;width:544px;}
#news ul li a {float:left;text-decoration:none;height:25px;*height:25px;_height:21px;padding:4px 0 0 0;width:544px;overflow:hidden;margin:0;color:#16387c;text-align:left;}
#news ul li a:hover {text-decoration:none;height:25px;*height:25px;_height:21px;padding:4px 0 0 0;width:544px;overflow:hidden;margin:0;background:url(../images/menuover.gif) repeat-x;color:#8ea85e;text-align:left;}

#split {width:100%;height:6px;margin:auto;overflow:hidden;clear:both;}

#right {float:left;padding:0;width:200px;margin:0 0 0 6px;*margin:0 0 0 8px;_margin:0 0 0 6px;}

#link {float:left;padding:0;width:200px;border:1px solid #a4b979;height:200px;}
#link h1 {height:20px;margin:0;background:url(../images/tabs.gif) repeat-x;font-size:12px;text-align:left;line-height:20px;border-bottom:1px solid #afd79e;}
#link ul {float:left;margin:0;padding:0;}
#link ul li {float:left;list-style-type:none;height:43px;*height:43px;_height:37px;width:100px;text-align:center;margin:0;}
#link ul li a {float:left;text-decoration:none;height:37px;overflow:hidden;margin:0;padding:6px 0 0 0;width:100px;text-align:center;}
#link ul li a:hover {text-decoration:none;height:37px;overflow:hidden;margin:0;padding:6px 0 0 0;background:#e3edd4;width:100px;text-align:center;}


#links {float:left;padding:0;width:200px;border:1px solid #a4b979;height:480px;}
#links h1 {height:20px;margin:0;background:url(../images/tabs.gif) repeat-x;font-size:12px;text-align:left;line-height:20px;border-bottom:1px solid #afd79e;}

#about {float:left;padding:0;width:200px;border:1px solid #a4b979;}
#about {float:left;padding:0;width:200px;border:1px solid #a4b979;}
#about h1 {height:20px;margin:0;background:url(../images/tabs.gif) repeat-x;font-size:12px;text-align:left;line-height:20px;border-bottom:1px solid #afd79e;}
#about ul {float:left;margin:0;padding:0;}
#about ul li {float:left;list-style-type:none;height:25px;*height:25px;_height:21px;width:200px;text-align:right;}
#about ul li a {float:left;text-decoration:none;height:25px;*height:25px;_height:21px;overflow:hidden;padding:4px 0 0 0;margin:0;color:#16387c;width:200px;text-align:right;}
#about ul li a:hover {text-decoration:none;height:25px;*height:25px;_height:21px;overflow:hidden;padding:4px 0 0 0;margin:0;color:#8ea85e;text-align:right;}

#aboutnews {float:right;padding:0;width:752px;border:1px solid #a4b979;}
#aboutnews h1 {height:20px;line-height:20px;margin:0px;font-size:12px;text-align:left;border-bottom:1px solid #afd79e;background:url(../images/title.gif) repeat-x;}
#aboutnews ul {float:left;margin:0;padding:0;}
#aboutnews div {float:left;margin:0;padding:0;font-size:9pt;text-align:left;width:752px;}
#aboutnews ul li {float:left;list-style-type:none;height:25px;*height:25px;_height:21px;text-align:left;width:752px;}
#aboutnews ul li a {float:left;text-decoration:none;height:25px;*height:25px;_height:21px;padding:4px 0 0 0;width:752px;overflow:hidden;margin:0;color:#16387c;text-align:left;}
#aboutnews ul li a:hover {text-decoration:none;height:25px;*height:25px;_height:21px;padding:4px 0 0 0;width:752px;overflow:hidden;margin:0;background:url(../images/menuover.gif) repeat-x;color:#8ea85e;text-align:left;}
#aboutnews h2 {float:left;height:25px;*height:25px;_height:21px;text-align:right;width:752px;font-size:12px;}

#reg {float:right;padding:0;width:752px;border:1px solid #a4b979;}
#reg h1 {height:20px;line-height:20px;margin:0px;font-size:12px;text-align:left;border-bottom:1px solid #afd79e;background:url(../images/title.gif) repeat-x;}
#reg form {padding:0;margin:0;}
#reg ul {float:left;margin:0;padding:0 0 4px 0;}
#reg ul li {float:left;list-style-type:none;text-align:left;width:752px;margin:2px 0 0 0;line-height:24px;}
#reg ul li span {font-size:9pt;color:#ff0000;font-family:宋体;}
#reg ul li hr {margin:0 5px 0 5px;padding:0;border-top:1px dotted red;height:0;color:#adcd3c;}
#reg ul li textarea {width:532px;height:100px;border:1px solid #1ba555;font-size:12px;padding:0;margin:0;}

#track {float:right;padding:0;width:752px;border:1px solid #a4b979;}
#track h1 {float:left;width:500px;height:20px;line-height:20px;margin:0px;font-size:12px;text-align:left;border-bottom:1px solid #afd79e;background:url(../images/title.gif) repeat-x;}
#track h2 {float:right;width:70px;height:20px;line-height:20px;text-align:right;margin:0px;font-size:12px;border-bottom:1px solid #afd79e;background:url(../images/title.gif) repeat-x;}
#track form {padding:0;margin:0;}
#track ul {float:left;margin:0;padding:0 0 4px 0;}
#track ul li {float:left;list-style-type:none;text-align:left;width:752px;margin:2px 0 0 0;line-height:24px;}
#track ul li span {font-size:9pt;color:#ff0000;font-family:宋体;}

#read {float:right;padding:0;width:752px;}
#read h3 {height:20px;border:1px solid #ADCD3C;margin:0px 0px 5px 0px;background:url(../images/title.gif) repeat-x;text-align:left;font-weight:bold;font-size:12px;line-height:20px;width:752px;}

#wait {height:30px;line-height:30px;color:#f00;}

.note {border:1px solid #ADCD3C;width:752px;background:#F2FDDB;margin:0px 0px 5px 0px;float:left;}
.userInfo {float:left;text-align:left;clear:right;width:752px;height:25px;line-height:25px;border-bottom:1px solid #ADCD3C;}
.userInfo strong {margin-left:10px;}
.content {float:right;text-align:left;width:752px;overflow:auto;height:110px !important;height:100px;padding-top:10px !important;padding-top:20px;}
.content strong {display:block;margin-left:10px;}
.content p {margin:5px 10px;}

#pageList {border:1px solid #ADCD3C;background:#F2FDDB;height:22px;margin:0px;width:752px;float:left;padding-top:2px;}
#pageList div {float:right;margin:0px;}
#pageList .tip {color:#f00;margin:0px 2px}

#write {float:right;padding:0;width:752px;}
#write h3 {height:20px;border:1px solid #ADCD3C;margin:0px 0px 5px 0px;background:url(../images/title.gif) repeat-x;text-align:left;font-weight:bold;font-size:12px;line-height:20px;width:752px;}
#form {width:752px;clear:both;border:1px solid #ADCD3C;margin:0px;padding:0;background:#F2FDDB;}
#form ul {margin-top:5px;}
#form ul li {margin:5px;list-style-type:none;text-align:left;}
#form form ul li {font-weight:bold;vertical-align:sub;}
#form ul li .tip {color:#f00;font-weight:normal;padding-left:5px;font-size:14px;}
#form ul li textarea {width:360px;height:120px;border:1px solid #1BA555;}
#form ul li#send {text-align:left;padding-left:65px;}

#login {float:left;padding:0;margin:0;width:200px;border:1px solid #a4b979;height:220px;_height:221px;}
#login h1 {height:20px;margin:0px;background:url(../images/tabs.gif) repeat-x;font-size:12px;text-align:left;line-height:20px;border-bottom:1px solid #afd79e;}
#login form {padding:0;margin:0;}
#login ul {float:left;margin:2px 0 0 0;padding:0;width:200px;}
#login ul li lable {padding:0;margin:0;}
#login ul li {float:left;list-style-type:none;text-align:left;height:20px;width:200px;margin:4px 0 0 0;}

#footer {width:960px;height:120px;margin:0 auto;border-top:1px solid #a4b979;border-left:1px solid #a4b979;border-right:1px solid #a4b979;text-align:center;line-height:150%;background:url(../images/logo.gif) no-repeat;}