* {
    margin: 0;
    padding: 0;
}
body {
    font: 12px/20px Verdana,"Microsoft YaHei",Arial;
    color: #555;
    background: #fff url(../img/nav-bg.gif) repeat-x 0 100px;
}
h1,h2,h3 {
    font-size: 14px;
}
h3 small {
    font-weight:normal;
}
h4 {
    font-size: 12px;
}
li {
    list-style: none;
}
img {
    border: 0;
}
a {
    color: #06c;
}
a:hover {
    color: #f60;
}
.clear {
    clear: both; 
}
.more {
    font-weight: 700;
}
.require {
    color: #f30;
}


#wrap {
    margin-left: 15px;
    width: 945px;
}
#header {
    position: relative;
    z-index: 99;
    height: 145px;
}
#container {
    padding-bottom: 15px;
}
#logo a {
    float: left;
    margin-top: 25px;
    display: block;
    width: 215px;
    height: 60px;
    background: url(../img/bg.png) no-repeat 0 0;
    text-indent: -999px;
}

#quick-link {
    position: absolute;
    right:10px;
    top:0;
    line-height: 30px;
}

#head-contact {
    position: absolute;
    right:10px;
    top:40px;
    padding: 30px 0 0 80px;
    width: 200px;
    background: url(../img/bg.png) no-repeat 0 -455px;
}

#nav {
    position: absolute;
    left:0;
    top:100px;
    z-index: 99;
    font-size: 14px;
    line-height: 30px;
    * line-height: 32px;
    * font-weight:700;
}
#nav li.title {
    position: relative;
    float: left;
    padding-right: 1px;
    background: transparent url(../img/bg.png) no-repeat 100% -60px;
}
#nav li a {
    float: left;
    display: block;
    padding: 0 36px;
    height: 32px;
    color: #fff;
    text-decoration: none;
}
#nav li a:hover,#nav li.current a {
    background-color:#222;
}
#nav li.chosen a {
    background:#222 url(../img/bg.png) no-repeat 50% -64px;
}
#nav li ul {
    display: none;
    position: absolute;
    left:0;
    top:32px;
    width: 128px;
    width: 132px\9;
}
#nav li li {
    height: 32px;
    overflow: hidden;
}
#nav li.title li a {
    float: none;
    padding: 0;
    border-top: 1px solid #fff;
    background: #222;
    text-align: center;
}
#nav li li a:hover {
    background: #555;
}

.banner {
    padding-bottom: 15px;
    background: url(../img/banner.png) no-repeat 0 0;
}
.banner .search-box {
    float: left;
    padding: 10px 0 0 202px;
    width: 500px;
    height: 142px;
    color: #fff;
}
.banner .search-box h3 {
    font-size: 20px;
    line-height: 52px;
    font-weight:normal;
    * font-weight:700;
}
.banner .search-box h3 strong {
    color: #ff0;
    font-weight:normal;
}
.banner .search-box input.text {
    padding: 4px;
    width: 320px;
    border: 1px solid #1a4bb0;
    background: #fff;
}
.banner .search-button {
    width: 70px;
    height: 26px;
    border:0;
    vertical-align: -1px;
    background: url(../img/bg.png) no-repeat 100% 0;
    cursor: pointer;
}
.banner .search-box p {
    line-height: 30px;
}
.banner .search-box p span {
    float: left;
    display: inline;
    width: 335px;
    color: #b2d7f1
}
.banner .search-box a {
    color: #fff;
}
.banner .contact {
    float: left;
    width: 240px;
}
.banner .contact h3,.banner .contact .tel {
    height: 30px;
    text-indent: -999px;
    background: url(../img/bg.png) no-repeat 0 -100px;
}
.banner .contact .tel {
    background-position: 0 -130px;
}
.banner .contact .online {
    height: 80px;
    background: url(../img/bg.png) no-repeat 120px -155px;
}
.banner .contact .online ul {
    padding: 10px 0;
}


.box-wrap {
    margin-bottom: 15px;
    border-top: 1px solid #4490da;
    background: url(../img/border-line.gif) no-repeat 100% 0;
}
.box-wrap .inner {
    min-height:100px;
    _height: 100px;
    padding: 8px 0;
    background: url(../img/border-line.gif) no-repeat 0 0;
}
.box-1 {
    float: left;
    padding: 0 12px;
    width: 446px;
}
.box-1 h3,#find h3 {
    margin-bottom: 6px;
    padding-left: 42px;
    line-height: 18px;
    font-weight:normal;
    * font-weight:700;
    color: #06c;
    background: url(../img/bg.png) no-repeat -270px -108px;
}
.box-1 h3 small,#find h3 small {
    display: block;
    color: #999;
}
.box-1 table {
    width: 100%;
    line-height: 24px;
}
.box-1 table th,.box-wrap .box-1 table td {
    padding: 0 5px;
}
.box-1 table th {
    background: #dee9f3;
    text-align: left;
    font-weight:400;
}
.box-1 table .n2 {
    background-color: #eee;
}
.box-1 .more {
    clear:both;
    padding: 6px 0;
}
table .domain {
    width: 30%;
    text-align: left;
}
.box-1 table .datetime,.box-1 table .th-mibiao {
    text-align: right;
}
.box-1 table .th-inquiry {
    text-align: center;
}

.form-box .item {
    padding: 5px 0;
    line-height: 20px;
}
.form-box .item label.title {
    float: left;
    padding-right: 10px;
    width: 80px;
    height: 20px;
    text-align: right;
}
.form-box .item strong {
    color: #f00;
}
.form-box .item span {
    color: #999;
}

.where {
    margin-bottom: 6px;
}

#side {
    float: left;
    width: 200px;
}
#main {
    float: right;
    width: 720px;
}

#menu {
    padding: 1px 2px;
    border: 1px solid #b6c6db;
}
#menu h2 {
    margin-top: 1px;
    padding: 3px 10px;
    color: #fff;
    background: #7b97b8;
}
#menu li.title {
    margin: 1px 0;
    line-height: 25px;
}
#menu li .title {
    display: block;
    height: 25px;
    overflow: hidden;
    background-color: #edf1f7;
}
#menu li a.title:hover {
    background-color: #e0ebf7;
}
#menu li.title a,#menu li.title p {
    padding-left: 10px;
}
#menu li.chosen .title {
    color: #fff;
    background: #7b97b8;
} 
#menu li.title .has {
    background-image: url(../img/bg.png);
    background-position: 8px -404px;
}
#menu li.title .has {
    padding-left: 24px;
}
#menu li ol {
    padding: 2px 0;
    background: #fff;
}
#menu li ul {
    padding: 2px 0;
    background: #fff;
}
#menu li ul li {
    padding-left: 14px;
    border-bottom: 1px dotted #ddd;
}
#menu li ul li a {
    display: inline;
}
#menu li ul li strong {
    color: #f60;
    font-weight:400;
}

#publish h3 {
    line-height: 36px;
}
#publish .item .text {
    padding: 2px;
}

#order,#auction,#templates,#news {
    border-right: 1px dotted #ddd;
}
#sale {
    background: url(../img/light.gif) no-repeat 90% 100%;
}
#sale dd {
    margin-bottom: 10px;
}
#sale h3 {
    background-position: -242px -151px;
}
#sale .text p {
    padding: 6px 0;
}
a#create {
    display: block;
    width: 155px;
    height: 36px;
    text-indent: -999px;
    background: url(../img/bg.png) no-repeat 0 -249px;
}
#sale a {
    text-decoration: none;
}
#auction h3 {
    background-position: -204px -189px;
}
#recom h3 {
    background-position: -166px -227px;
}
#recom a.inquiry {
    display: block;
    margin: auto;
    width: 69px;
    height: 19px;
    overflow: hidden;
    text-indent: -999px;
    background: url(../img/bg.png) no-repeat -120px -169px;
}
#templates {
    width: 370px;
}
#news {
    width: 265px;
}
#templates h3,#news h3 {
    padding-left: 0;
    background-image:none;
}
#google-ad {
    float: left;
    padding: 10px;
    width: 200px;
}

.box-sp {
    margin: -4px 5px 0;
    padding: 8px 0;
    background: #fff url(../img/bg-line.gif) repeat-x 0 0;
}

.template-list li {
	float: left;
	position: relative;
	margin-bottom: 10px;
	width: 123px;
	height: 81px;
	overflow: hidden;
}
.template-list li img {
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
}
.template-list li em {
	background: #ffdb01 url(../img/orange.gif) repeat-y;
	width: 75px;
	height: 20px;
	position: absolute;
	top: 60px;
	left: 0px;
}

.article h2,.ucenter h2 {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
}
.article h3,.ucenter h3 {
    font-size: 14px;
    line-height: 36px;
}
.article p {
    margin-bottom: 6px;
    line-height: 24px;
}
.article ol,.article ul {
    margin: 0 0 10px 30px;
    line-height: 24px;
}
.article ul li {
    list-style: disc outside none;
}
.article ol li {
    list-style: decimal outside none;
}

.law-list h1 {
    margin: 10px;
    font-size: 20px;
}
.law-list ul {
    margin-left: 60px;
    min-height: 180px;
    _height: 180px;
    color: #999;
}
.law-list ul li {
    margin: 20px 0;
    list-style: none;
}
.law-list ul li strong {
    margin-right: 16px;
    font-size: 16px;
    color: #333;
}


.ucenter .errors,.ucenter .no-data {
    margin: 10px 0;
    padding: 5px 10px;
    line-height: 20px;
    background:#ffc;
    border:1px solid #ff9c00;
}
.ucenter .data-list strong.error {
    color: #f00;
    font-weight:normal;
}
.ucenter .no-data {
    background: #eee;
    border-color: #ddd;
    text-align: center;
    color: #999;
}
.ucenter .tips {
    color: #999;
}
.ucenter .service {
    margin: 15px 0;
    border: 1px solid #ddd;
}
.ucenter .service h3 {
    padding-left: 10px;
    background: #eef;
    line-height: 30px;
}
.ucenter .service .box {
    padding: 5px 10px;
}
.ucenter .service ul {
    margin: 5px 10px;
}
.ucenter .info strong {
	color: #f60;
}
.ucenter .options {
    padding: 6px 0;
}
.ucenter .options a {
    display: inline;
    float: left;
    margin-right: 5px;
    padding: 2px 12px;
    background: #f5f7ff;
    border: 1px solid #acbaf4;
    border-color: #eceffa #7B97B8 #7B97B8 #eceffa;
    text-decoration: none;
}
.ucenter .options a:hover {
    border-color: #f1f1ab #d60 #d60 #f1f1ab;
    background: #ffc;
}
.ucenter table {
    margin-bottom: 10px;
    width: 100%;
}
.ucenter table,.ucenter table td,.ucenter table th {
    padding: 5px;
    text-align: center;
    border: 1px solid #ddd;
    border-collapse: collapse;
}
.ucenter table th {
    background: #eef;
}
.ucenter table .options a {
    float: none;
    margin: auto;
}
.form-table table th {
    width: 15%;
    text-align: right;
}
.form-table table td {
    text-align: left;
}
.form-table table input,.form-table table textarea {
    margin-right: 10px;
}
.form-table th p.tips {
    color: #999;
    font-weight:normal;
}
.form-table th strong {
    color: #f60;
}
.reg-template-form table th {
    width: 28%;
    text-align: left;
}
.reg-template-form table .text {
    padding: 5px;
    width: 80%;
}

.date-sample h4,.data-list h4 {
    margin: 5px 0;
    padding-left: 20px;
    line-height: 24px;
    font-size: 14px;
    background: url(../img/bg.png) no-repeat -250px -403px;
}
.date-sample table td {
    text-align: left;
}
.date-sample table th {
    width: 20%;
    text-align: right;
}
.date-sample p.tips {
    color: #999;
    font-weight:normal;
}

.data-list .text {
    padding: 2px;
}

.news-list li {
    padding: 6px 0;
    border-bottom: 1px dotted #ddd;
}
.news-view {
    padding-bottom: 20px;
}
.news-view h1 {
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
}
.news-view .tips {
    margin-bottom: 10px;
    color: #999;
    text-align: center;
}

#news li {
    padding: 0 0 0 15px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    background: url(../img/bg.png) no-repeat -290px -258px;
}

.reg-box table {
    width: 100%;
    background: #fff; 
}
.reg-box table,.reg-box table td,.reg-box table th {
    padding: 8px;
    border: 1px solid #ddd;
    border-collapse: collapse;
}
table.tld,table.tld td,table.tld th {
    border: 0;
}
.reg-box table th {
    width: 12%;
    background: #f5f8fb;
    text-align: right;
}
.reg-box h4 {
    line-height: 30px;
    font-size: 14px;
}

.reg-box .text {
    padding: 2px;
    width: 300px;
}
.reg-box textarea.text {
    width: 500px;
}
.reg-box .bottom,.reg-form .bottom,.ucenter .bottom {
    padding: 10px 0;
    text-align: center;
}
.reg-box .button,.reg-form .button,.ucenter .bottom .button {
    cursor: pointer;
    margin: 0 5px;
    padding: 2px 12px;
    background: #f5f7ff;
    border: 1px solid #acbaf4;
    border-color: #eceffa #7B97B8 #7B97B8 #eceffa;
    color: #333;
    font-weight:bold;
}
.reg-box span.tips {
    color: #999;
    font-size: 12px;
    font-weight:normal;
}

.reg-form {
    margin-bottom: 10px;
    padding: 0 12px 12px;
    background: #fff;
    border: 1px solid #fe9b2b;
}
.reg-form h4 {
    line-height: 36px;
    font-size: 14px;
}
.reg-form table {
    width: 100%;
    background: #fff;
}
.reg-form table,.reg-form table td,.reg-form table th {
    padding: 5px;
    border: 1px solid #ddd;
    border-collapse: collapse;
}
.reg-form table th {
    text-align: left;
    background: #f5f8fb;
}
.reg-form td strong {
    color: #f00;
    font-weight:normal;
}


#find {
    padding: 8px 12px;
}
#find h3 {
    background-position: -242px -281px;
}
.whois-box {
    position: relative;
    min-height:300px;
    _height:300px;
}
.whois-form {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
}
.whois-form input {
    padding: 2px;
}
.whois-result h4 {
    font-size: 14px;
    line-height: 30px;
}
.whois-link {
    position: absolute;
    right:0;
    top:60px;
    width: 200px;
    padding: 0 10px 8px;
    border: 1px solid #a6cdf4;
}
.find-box {
    border: 1px solid #ddd;
    background: #f6f6f6;
}
.find-box .form-box {
    float: left;
    padding: 10px;
    width: 460px;
    background: #fff;
}
.find-box #search-line {
    width: 889px;
}
.find-box .catalog {
    float: left;
    padding: 6px 12px;
    width: 400px;
}
.find-box .catalog table {
    width: 100%;
}
.find-box .catalog th {
    font-weight:400;
    text-align: left;
}
.find-box .catalog select {
    width: 160px;
    height:112px;
    border: 1px solid #999;
}

.find-result table {
    width: 100%;
    text-align: center;
}
.find-result table,.find-result table td,.find-result table th {
    padding: 5px;
    border: 1px solid #ccc;
    border-width: 1px 0;
    border-collapse: collapse;
}
.find-result thead th,.find-result tfoot th {
    padding-left: 12px;
    background: #e6eef6;
    text-align: left;
}
.find-result tbody th {
    background: #ddd;
}
.find-result tbody th a {
    padding-right: 12px;
    color: #555;
    text-decoration: none;
}
.find-result tbody th a:hover {
    color: #000;
}
.find-result tbody th a.sort-asc {    
    background: url(../img/sort.gif) no-repeat 100% -15px;
}
.find-result tbody th a.sort-desc {    
    background: url(../img/sort.gif) no-repeat 100% 0;
}
.find-result .check {
    width: 5%;
    text-align: center;
}
.find-result table .n2 {
    background-color:#eee;
}
.find-result .space {
    padding-left: 12px;
    text-align: left;
}
.find-result .domain {
    text-align: left;
}
.topic h3,.topic .more {
    padding-left: 5px;
    line-height: 30px;
}

.topic table {
    width: 100%;
    text-align: center;
}
.topic table td,.topic table th {
    padding: 5px;
    border-bottom: 1px dotted #ddd;
}
.topic table .title {
    text-align: left;
}

.topic-view {
    padding: 6px;
}

.first .photo img,
.comment .item img {
    float: left;
    display: inline;
    margin: 0 12px 0 0;
}
.first .info,
.comment .info {
    float: left;
    padding: 0 10px;
    background: #eee;
    width: 630px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}
.first .info {
    background: #dee9f3;
}
.first .info span,
.comment .info span {
    float: right;
}
.first .text,
.comment .item .text  {
    float: left;
    padding: 8px;
    width: 630px;
    line-height: 22px;
}
.comment .item {
    padding: 6px 0;
}
.comment .more {
    line-height: 30px;
}
.comment-add h3 {
    margin-top: 15px;
}
.datetime {
    color: #999;
}


#sale-domain {
    float: left;
    padding: 10px 0;
    width: 720px;
}

.side-box {
    float: right;
    width: 200px;
}

.side-box-1 {
    margin-bottom: 12px;
    padding: 0 10px 12px;
    background: #f0f5f9;
    border: 1px solid #a6cdf4;
}
.side-box-1 h3 {
    line-height: 30px;
}
.side-box-1-foot {
    padding: 0 5px;
    color: #f60;
}
.side-box-2 {
    margin-bottom: 12px;
    padding: 6px 10px 12px;
    border: 1px solid #b6c6db;
    background: url(../img/bg-line.gif) repeat-x 0 -30px;
}
.online-tel {
    padding: 10px 0;
    color: #f60;
}

.sale-step,.sign-step {
    height: 90px;
    background: url(../img/sale-step.gif) no-repeat 50% 0;
}
.sale-step li,.sign-step li {
    text-indent: -999px;
}
.sign-step {
    background-image:url(../img/sign-step.gif);
}


#sale-domain .reg {
    padding: 20px;
}
#sale-domain .reg h3 {
    padding: 0 0 20px 20px;
    color: #06c;
    background: url(../img/bg.png) no-repeat 0 -320px;
}
#sale-domain .reg .text {
    padding: 2px;
    width: 260px;
}
#sale-domain .reg table {
    width: 100%;
}
#sale-domain .reg table th,#sale-domain .reg table td {
    padding: 5px;
}
#sale-domain .reg table th {
    width: 12%;
    text-align: right;
}
#sale-domain .reg table input {
    margin-right: 10px;
    padding: 2px;
}
#sale-domain .reg table td img {
    vertical-align: middle;
}
#sale-domain .reg table .fi_bottom input {
    padding: 5px 10px;
}
#sale-domain .reg .bottom {
    padding-left: 90px;
}
#sale-domain .reg .bottom a {
    margin-right:10px;
}


#submit-order {
    position: relative;
    z-index: 9;
    height: 436px;
    background: url(../img/order.png) no-repeat;
}
#submit-order .tabs {
    position: absolute;
    left:280px;
    top:65px;
    width: 190px;
    overflow: hidden;
    background: url(../img/order-tab.png) no-repeat;
}
#submit-order .tabs li a {
    display: block;
    height: 93px;
    text-indent: -999px;
}
#submit-order .tabs li a:hover,#submit-order .tabs li a.chosen {
    background: url(../img/order-tab.png) no-repeat
}
#submit-order .tabs li.tab-1 a:hover {
    background-position: -200px 0;
}
#submit-order .tabs li.tab-2 a:hover {
    background-position: -200px -93px;
}
#submit-order .tabs li.tab-3 a:hover {
    background-position: -200px -186px;
}

#submit-order .tabs li.tab-1 a.chosen {
    background-position: -400px 0;
}
#submit-order .tabs li.tab-2 a.chosen {
    background-position: -400px -93px;
}
#submit-order .tabs li.tab-3 a.chosen {
    background-position: -400px -186px;
}

#submit-order .form-box {
    position: absolute;
    left:460px;
    top: 60px;
}
#submit-order .form-box h3 {
    margin-bottom: 10px;
    padding: 8px 0 6px 65px;
    font-size: 16px;
    background: url(../img/bg.png) no-repeat -245px -370px;
}
#submit-order .form-box .text {
    padding: 2px;
    width:260px;
}
#submit-order .form-box textarea {
    height: 100px;
}
#submit-order .form-box .button {
    width: 86px;
    height: 31px;
    background: url(../img/bg.png) no-repeat 0 -372px;
    border: 0;
    cursor: pointer;
}
.services {
    margin: 0 0 0 20px;
    padding-bottom: 20px;
    background: url(../img/border-dotted.gif) repeat-y 12px 0;
}
.services h3 {
    margin-bottom: 6px;
    padding-left: 26px;
    background: #fff url(../img/bg.png) no-repeat -244px -405px;
}
.services .list {
    float: left;
    width: 430px;
}
.services .cases,.services .seo,.services .quotation {
    float: right;
    width: 446px;
}
.services .seo {
    padding-bottom: 15px;
}
.services ol li {
    margin-left: 50px;
    line-height: 24px;
    list-style: decimal outside none;
    color: #f60;
}
.services .list .order {
    margin-left: 40px;
    padding: 10px;
    color: #999;
}
.services ol li p {
    color: #555;
}
.cases li {
    float: left;
    display: inline;
    margin: 5px 15px 10px 0;
    padding: 3px;
    text-align: right;
    background: #eee;
    border: 1px solid #ddd;
}
.cases li img {
    margin-bottom: 6px\9;
}
.services .cases .more {
    clear:both;
    padding: 0 15px 0 0;
    text-align: right;
}
.services .seo li {
    float: left;
    display: inline;
    margin: 0 15px 10px 0;
    padding: 3px;
    border: 1px solid #eee;
}
.services .quotation table {
    width: 430px;
}
.services .quotation table,.services .quotation table td,.services .quotation table th {
    padding: 5px;
    border: 1px solid #ddd;
    border-collapse: collapse;
}
.services .quotation thead th {
    background: #eee;
}

#auction-view {
    float: left;
    margin-bottom: 20px;
    width: 730px;
}
#auction-view .view {
    padding: 5px 12px;
}
#auction-view .view h2 {
    margin-bottom: 6px;
}
#auction-view .view h2 small {
    font-weight:normal;
}
#auction-view .view .info {
    float: left;
    width: 380px;
}
#auction-view .view .info strong {
    color: #f60;
}
#auction-view .view .info p {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}
#auction-view .view .offer {
    float: right;
    width: 300px;
}
#auction-view .view .offer .box {
    margin-bottom: 10px;
    padding: 8px 0;
    background: #dee9f3;
    text-align: center;
}
#auction-view .view .offer .box p {
    padding: 5px 0;
}
#auction-view .desc {
    padding: 12px;
}
#auction-view .find-result table {
    margin: 2px 0 10px;
}
.auction-info {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #ddd;
    background: #f2f6fa;
}
.auction-info .photo {
    float: left;
    margin: 5px 10px;
    width: 65px;
}
.auction-info .info {
    float: left;
}

.member h3 {
    margin-bottom: 6px;
    line-height: 24px;
}
.member li {
    float: left;
    display: inline;
    margin: 0 4px 6px;
    width: 80px;
    height: 86px;
    overflow: hidden;
    text-align: center;
}
.member li a.photo {
    display: block;
    margin: auto;
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.member li img {
    margin-bottom: 5px\9;
}
.member li p {
    height: 20px;
    overflow: hidden;
}

.history table {
    margin: 10px 0;
    width: 100%;
    text-align: center;
}
.history table,.history table td,.history table th {
    padding: 5px;
    border: 1px solid #ddd;
    border-collapse: collapse;
    border-width: 1px 0;
}
.history table .title {
    padding-left: 15px;
    text-align: left;
}
.history table th {
    background: #eee;
}

.group {
    padding: 6px 0;
}
.group h3 {
    margin-bottom: 12px;
}
.group li {
    float: left;
    margin: 0 5px 10px;
    display: inline;
    width: 90px;
    height: 86px;
    overflow: hidden;
    text-align: center;
}
.group li a.photo {
    display: block;
    margin: auto;
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.group li img {
    margin-bottom: 6px\9;
}
.group li p {
    height: 20px;
    overflow: hidden;
}
.topic-add {
    float: right;
    margin-top: -24px;
}
.topic-add a {
    display: block;
    padding: 0 12px;
    text-align: center;
    border: 1px solid #b6c6db;
    background: #eef2f7;
    text-decoration: none;
}
.topic-add a:hover {
    background: #f6f9fc;
}
.side-button {
    margin-bottom: 12px;
}
.side-button a {
    display: block;
    text-align: center;
    border: 1px solid #c60;
    line-height:30px;
    color: #fff;
    background: #fe7f03;
    text-decoration: none;
    font-weight:700;
}
.side-button a:hover {
    background: #fa3;
}

#forum {
    padding-bottom: 10px;
}
#forum h2 {
    margin-bottom: 10px;
}
.forum-info,.forum-options {
    float: right;
    margin: -30px 6px 0 0;
    color: #666;
    line-height: 20px;   
    text-align: right;
}
.forum-options {
     margin-top: -40px;
}
.forum-options img {
    vertical-align: middle;
}
.forum-here {
    position: absolute;
    left:210px;
    top:25px;
    line-height: 20px;
}
.forum-here a:link,.forum-here a:visited {
    color: #333;
    text-decoration: none;
}
.forum-here a:hover {
    color: #000;
    text-decoration: underline;
}
.forum-div,.viewthread {
    margin-bottom: 12px;
    padding: 1px;
    border: 1px solid #B6C6DB;
    background-color: #fff;
}
.forum-div h3,.viewthread h3 {
    padding-left: 16px;
    line-height: 30px;
    border-bottom: 1px solid #7793b4;
    color: #fff;
    background: #7B97B8 url(../img/forum-bg.gif) repeat-x 0 0;
    font-weight:normal;
    * font-weight:bold;
}
.forum-div table {
    width: 100%;
}
.forum-div table th,.forum-div table td {
    text-align: left;
}
.forum-div table td {
    line-height: 14px;
}
.forum-div tbody th {
    padding: 6px 0 6px 55px;
    width: 33%;
    background: #f4f6f8 url(../img/forum.gif) no-repeat 12px 50%;
    border-top: 1px solid #d9e0e6;
}
.forum-div table th.new {
    background-image:url(../img/forum-new.gif);
}
.forum-div table th.null {
    background-image:none;
}
.forum-div table th h4 a:link,.forum-div table th h4 a:visited {
    font-size: 14px;
    font-weight:normal;
    * font-weight:bold;
    color: #333;
    text-decoration: none;
}
.forum-div table th h4 a:hover {
    text-decoration: underline;
}
.forum-div table th h4 span {
    font-weight:normal;
    color: #1c85c9;
}
.forum-div table th p {
    font-weight:normal;
    line-height: 20px;
    color: #666;
}
.forum-div table th {
    font-weight:normal;
    * font-weight:bold;
}
.forum-div .icon {
    width: 5%;
    text-align: center;
}
.forum-div a:link,.forum-div a:visited {
    color: #333;
    text-decoration: none;
}
.forum-div a:hover {
    color: #000;
    text-decoration: underline;
}
img.forum-common {
    width: 19px;
    height: 22px;
    background: url(../img/forum-icon.png) no-repeat -150px -55px;
}
img.forum-new {
    width: 19px;
    height: 22px;
    background: url(../img/forum-icon.png) no-repeat -180px -55px;
}
img.forum-top {
    width: 19px;
    height: 22px;
    background: url(../img/forum-icon.png) no-repeat -90px -55px;
}
img.forum-essence {
    width: 19px;
    height: 22px;
    background: url(../img/forum-icon.png) no-repeat 0 -55px;
}


/* post start */
.forum-div .user {
	padding-left: 8px;
	width: 15%;
}
.forum-div .user p, .forum-div .user p a {
	color: #666;
	font-weight: bold;
}
.forum-div .user small {
	color: #666;
	font-size: 11px;
}
.forum-div .count {
    width: 10%;
    text-align: center;
    font-size: 11px;
}
.forum-div .count .count_visit {
	color: #666;
	font-weight: bold;
}
.forum-div .count .count_post {
	color: #090;
	font-weight: bold;
}
.forum-div .last_post {
	padding-right: 8px;
	width: 15%;
	text-align: right;
}
.forum-div .last_post p, .forum-div .last_post p a {
	color: #666;
	font-weight: bold;
}
.forum-div .last_post small {
	color: #666;
	font-size: 11px;
}
/* post end */



.forum-div thead th {
    padding: 4px 0;
    background: url(../img/forum-bg.gif) repeat-x 0 -30px;
}
.forum-div tbody td {
    padding: 4px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}
.viewthread table {
    width: 100%;
}
.viewthread .postauthor {
    width: 20%;
    line-height: 20px;
    background-color: #F4F6F8;
    font-weight:normal;
    vertical-align: top;
    text-align: left;
}
.viewthread .postcontent {
    vertical-align: top;
}
.viewthread .postauthor cite {
    display: block;
}
.viewthread .avatar {
    text-align: center;
}
.viewthread .signatures {
    margin: 6px;
    padding-top: 20px;
    background: url(../img/sigline.gif) no-repeat 0 0;
}
.viewthread .postauthor cite,.viewthread .postinfo {
    padding: 0 10px;
    line-height: 24px;
    border-bottom:1px solid #CAD9EA;
    margin-bottom: 10px;
}
.viewthread .postauthor p {
    margin: 0 10px;
}
.viewthread .postmessage {
    padding: 0 10px 10px;
    min-height:200px;
    _height:200px;
    font-size: 14px;
}
.viewthread .postmessage p {
    margin-bottom: 12px;
}
.viewthread .postactions {
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    background: #f7f7f7;
    border-top: 1px solid #e8e8e8;
}
.viewthread .postactions small {
    float: right;
    display: inline;
    margin-right: 10px;
}

.legend {
    margin:10px auto;
    padding:10px;
    width:500px;
    background-color:#EDF1F7;
    border:1px solid #B6C6DB;
    line-height:35px;
    text-align:center;
}
.legend label {
    padding:0 20px;
}
.legend img {
    margin-right:10px;
    vertical-align:middle;
}

.forum-add {
    margin-bottom: 15px;
    padding: 1px;
    border: 1px solid #cadaea;
    background-color: #fff;
}
.forum-add h3 {
    padding-left: 10px;
    line-height: 30px;
    background: url(../img/forum-bg.gif) repeat-x 0 -57px;
    border-bottom: 1px solid #e8e8e8;
    font-weight:normal;
    * font-weight:bold;
}
.forum-add table {
    margin: 5px 0;
    width: 100%;
}
.forum-add th,.forum-add td {
    padding: 3px;
    font-size: 14px;
}
.forum-add th {
    width: 20%;
    text-align: right;
    font-weight:normal;
    * font-weight:bold;
}
.forum-add input#title {
    padding: 2px;
    width: 50%;
    border: 1px solid #e8e8e8;
    border-color: #7a7a7a #e8e8e8 #e8e8e8 #7a7a7a;
}
.forum-add input#submit {
    padding: 3px 5px;
    background: #fff8c4;
    border: 1px solid #fdba35;
    border-color: #fffdee #fdba35 #fdba35 #fffdee;
}

.pagination {
    padding: 10px 0;
    text-align: left;
}
.pagination a {
    border:1px solid #ddd;
    color:#036CB4;
    margin:2px;
    padding:2px 5px;
    text-decoration:none;
}
.pagination a:hover {
    color: #f60;
}
.pagination .current {
    background-color:#036CB4;
    border:1px solid #036CB4;
    color:#fff;
    font-weight:bold;
    margin:2px;
    padding:2px 5px;
}
.pagination .disabled {
    border:1px solid #ddd;
    color:#ccc;
    margin:2px;
    padding:2px 5px;
}

#footer {
    padding: 12px 0;
    border-top: 1px solid #555;
    background: #f3f3f3;
}
#footer .inner {
    padding-left: 15px;
    width: 945px;
}
#footer li.title {
    float: left;
    padding-left: 10px;
    width: 150px;
}
#footer .copyright {
    clear:both;
    padding: 8px 0;
}
#footer a {
    text-decoration: none;
}


/* add */
form * {
	font-size: 12px;
}
small {
	font-size: 12px;
	color: #999;
}
.bd {
	font-weight: bold;
}
.bd a {
	color: #555;
	text-decoration: none;
}
.num {
	font-size: 11px;
	font-weight: bold;
}
.money {
	font-size: 11px;
	font-weight: bold;
	color: #009933;
}
.message div {
	text-align: left;
}
.message .datetime_add {
	float: right;
	font-size: 11px;
    font-weight: bold;
    color: #ccc;
}
.message .title {
    font-weight: bold;
	color: #666;
}
.message .content {
	color: #666;
	border: 1px solid #ddd;
	margin-top: 5px;
	padding: 8px;
}
ul.tab {
	text-align: left;
	margin: 5px 0 10px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #b6c6db;
	list-style-type: none;
	padding: 3px 10px 3px 10px;
	clear: both;
}
ul.tab li {
	display: inline;
}
ul.tab li a {
	position: relative;
	top: 1px;
	padding: 4px 10px;
	border: 1px solid #b6c6db;
	background-color: #edf1f7;
	color: #666;
	text-decoration: none;
	border-bottom: none;
}
ul.tab li.cur a {
	padding: 5px 10px;
	background-color: #fff;
}
ul.tab li a:hover {
	background-color: #fff;
	color: #666;
}
span.error {
	color: red;
	display: block;
}
.info {
	padding: 5px;
	line-height: 20px;
}
.message_box {
	text-align: center;
	height: 200px;
	margin-top: 20px;
}
.message_box h1 {
    margin: 5px auto;
	width: 500px;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 20px;
	color: #666;
}
.message_box a {
	color: #bbb;
	text-decoration: none;
}
table.contact th {
	background-color: #fbfbfb;
}
table.contact td {
	background-color: #fbfbfb;
}
.filter {
    margin:-6px auto 6px;
}
.filter a {
    margin: 0 5px;
}