@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0; padding: 0;}
body, button, input, select, textarea {font: 14px/1.5 "Segoe UI", tahoma, arial, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier, monospace;}
small {font-size: 12px;}
ul, ol {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend {color: #000;}
fieldset, img {border: 0;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
/* clear float */
.clearfix:after {clear: both; content: '.'; display: block; font-size: 0; height: 1; visibility: hidden;}
*html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}

/* global */
body {background: #fff;}
body, td, th, input, select, textarea {color: #555; font-family: Arial, Helvetica, sans-serif;}
a {color: #666; text-decoration: none;}
a:hover {color:#54a642; text-decoration: underline;}
.blank10 {clear: both; display: block; height: 10px; width: 100%;}
.tips {color: #aaa; padding-left: 5px;}
/* layout */
.wrapper {margin: 0 auto; width: 1200px;}
/* logo */
.logo {display: block; float: left; height: 70px; padding:15px 0;}
.logo img{height:70px;}
/* navbar */
.navbar {background:#54a642;display: block; height: 38px;}
.navbar li {float: left;height: 38px; text-align: center; width: 132.4px;letter-spacing:2px;}
.navbar li a {color: #fff; display: block; text-decoration: none;font: bold 16px/38px Arial;}
.navbar li a:hover {background:#307322;}
.navbar .navline {background: #f7ffec; display: block; height: 38px; width: 1px;}

/* sobox */
.sobox {float: right; padding-top: 20px;}
.sofrm {display: block; padding-top: 14px; position: relative; width: 500px;}
.sipt {background: url(ipt.png) no-repeat top left; border: solid 1px #97c853; display: block; font: normal 13px/30px normal; float: left; height: 30px; padding: 0 5px 0 95px; width: 300px;}
.sbtn {background: #54a642; border: 0; color: #fff; cursor: pointer; font: bold 14px normal; height: 32px; width: 70px;}
/* selopt */
#selopt {background: url(select.gif) no-repeat; height: 30px; width: 90px; position: absolute; left: 2px; top: 17px;}
#cursel {cursor: pointer; display: block; height: 28px; line-height: 28px; overflow: hidden; text-indent: 12px; width: 90px;}
#options {border: solid 1px #97c853; border-top: 0; display: none; list-style: none; position: absolute; left: -2px; width: 90px; z-index: 1000;}
#options li {background: #fff; clear: both; cursor: pointer;}
#options li a {color: #555; display: block; height: 25px; line-height: 25px; text-decoration: none; text-align: center;}
#options li a:hover {background:#97c853;color: #fff;}
.current {background: #97c853; color: #fff; display: block; text-decoration: none;}
/* inbox */
#inbox {background: #f7ffec; border: solid 1px #97c853; padding: 5px 8px;}
#inbox h3 {color: #000000; float: left; height: 23px; line-height: 23px; width: 140px;}
.inlist {}
.inlist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; white-space: nowrap;}

/* hcatebox */
.hcatebox {background: #f7ffec; border: solid 1px #97c853; padding: 8px;}
.hcatebox dt {clear: both; display: block; font: bold 14px normal; padding: 5px 0;}
.hcatebox dt a {color: #000000;}
.hcatebox dd {}
.hcatelist {}
.hcatelist li {float: left; padding: 5px; width: 60px;}
.hcatelist li a {font-size: 13px;}
/* famebox */
.famebox {border: solid 1px #97c853;}
.famebox h3 {background: #f7ffec; border-bottom: solid 1px #97c853; font: bold 14px normal; height: 30px;}
.famebox h3 span {background: #fff; border: solid 1px #97c853; border-bottom: 0; color: #000000; cursor: pointer; display: block; float: left; height: 25px; line-height: 25px; margin-left: 5px; margin-top: 5px; text-align: center; width: 80px;}
.fame_on {background: #fff; border: solid 1px #97c853; border-bottom: 0; color: #000000;}
.fame_off {color: #555;}
.famelist {padding: 8px;}
.famelist li {display: inline; float: left; height: 122px; line-height: 15px; margin: 5px 9px; text-align: center; width: 125px;}
.famelist li img {background: #fff; border: solid 1px #e8e8e8;}
.famelist li a {font-size: 13px;}
.famelist li p{line-height:20px;height:20px;overflow:hidden;}
/* coolbox */
.coolbox {border: solid 1px #97c853;}
.coolbox h3 {background: #f7ffec; border-bottom: dashed 1px #97c853; color: #000000; font-size: 14px; padding: 6px;}
.csitelist {padding: 5px 8px;}
.csitelist li {display: block; font-size: 14px; height: 30px; overflow: hidden; vertical-align: top; width: 100%;}
.csitelist li h4 {display: block; float: left; font: bold 13px normal; height: 30px; line-height: 30px; width: 70px;}
.csitelist li h4 a {color: #000000;}
.csitelist li span {display: block; float: left; height: 30px; line-height: 30px; margin-right: 20px; overflow: hidden; white-space: nowrap; width: 104px;}
.csitelist li span a {font-size: 13px;}
.csitelist .sline{margin:5px 0;height:1px;border-bottom:1px dashed #97c853;width:100%;}
.csitelist .more {color: #54a642; float: right; font-size: 12px; line-height: 30px;}
/* linkbox */
.linkbox {background: #f7ffec; border: solid 1px #97c853;padding:5px 15px;}
.linkbox h3 {height:30px;line-height:30px;font-size:15px;color:#f60;}
.linklist li {float: left; height: 25px; line-height: 25px; padding:0 10px;}
/* sitepath */
.sitepath {padding:0 10px;line-height:40px;border-bottom:1px dashed #97c853;margin-bottom:10px;}
/* scatebox */
.scatebox {background: #f7ffec; border: dashed 1px #97c853; padding: 5px 10px;}
.scatebox h3 {float: left; font-weight: bold; width: 70px;}
/* bestbox */
.bestbox {border: solid 1px #97c853;}
.bestbox h3 {background: #f7ffec; border-bottom: dashed 1px #97c853; color: #000000; font-size: 14px; padding: 6px;}
.bestlist {padding: 5px;}
/* hotbox */
.hotbox {border: solid 1px #97c853;}
.hotbox h3 {background: #f7ffec; border-bottom: dashed 1px #97c853; color: #000000; font-size: 14px; padding: 6px;}
.hotlist {padding: 5px;}
.hotlist li {padding: 6px;}
.hotlist li span {color: #f60; float: left; font: normal 14px Arial;}
.hotlist li em {color: #aaa; float: right;}
/* mainbox */
.mainbox {}
.mainbox-left {float: left; width: 880px;}
.mainbox-right {float: right; width: 300px;}
/* timelink */
.timelink {float: right;}
.timelink a {color: #000000; font-size: 12px; font-weight: normal; margin: 0 5px;}
a.timelink_bg {background: #000000; color: #fff; padding: 3px;}
/* arcbox */
.arcbox {background: #f7ffec; border: dashed 1px #97c853; padding: 10px;}
.arcbox h3 {color: #000000; font-size: 14px; padding-bottom: 10px;}
.arclist {}
.arclist li {}
.arclist li h3{font-size:15px;color:#000;}
.arclist li h4 {color: #333;font-size:14px;line-height:30px;}
.arclist li p {line-height:25px;overflow:hidden;}
.arclist li a {color: #666;display:block;width:46.3px;text-align:center;float:left;text-decoration: none;}
/* listbox */
.listbox {border: solid 1px #97c853;overflow:hidden;}
.listbox h3 {background: #f7ffec; border-bottom: dashed 1px #97c853; color: #000; font-size:15px;line-height:36px; padding-left:10px;}
.sitelist {padding: 5px 15px;}
.sitelist li {border-bottom: dashed 1px #dadada; display: block; height:90px;padding: 10px 0;}
.thumb {background: #fff; border:solid 1px #e8e8e8;float: left; width:120px;height:88px;}
.info {float: right; width:716px;}
.sitelist .title a{color: #666; font-size: 15px; font-weight: bold;}
.sitelist .title a:hover{color:#54a642;}
.intro {height:50px;line-height: 25px;overflow: hidden;}
.attr {color: #999;}
.url {color: #090;}
.gre {color: #090;}
.visit {color:#090;background: url(visit.gif) no-repeat right;font: normal 12px Arial; padding-right: 15px;}
/* showpage */
.showpage {overflow:hidden;display: block; font-size: 14px; text-align: left; padding:6px 15px 11px;}
.showpage a{font-size: 14px;}
.showpage a:hover{background:#54a642;color:#fff;text-decoration:none;}
.total_page, .jump_page {background: #54a642;border: solid 1px #54a642; color: #fff; display: block; float: left; margin-right: 7px; padding: 5px 8px;}
.first_page, .last_page, .prev_page, .next_page, .pages {background: #fff; border: 1px solid #54a642; color:#54a642; display: block; float: left; margin-right:7px; padding:5px 8px; text-decoration: none;}
.current {background: #54a642; color: #fff; display: block; float: left; margin-right: 7px; padding: 5px 8px;border: 1px solid #54a642;}
/* sitebox */
.sitebox{background: #fff; border: solid 1px #97c853; border-top: solid 2px #97c853; padding: 15px 0;}
.sitebox .title{height:30px;line-height:30px;margin-bottom:15px;padding:0 15px;}
.sitebox .title h1 {color:#f60;font-size:20px;float:left;max-width:500px;overflow:hidden;height:30px;margin-right:10px;}
.sitebox .title .site-in{float:left;width:300px;}
.wtitle a {color: #F60; text-decoration: none;}
.wtitle font {font: normal 12px normal;}
.wdata {background: #fcfcfc;border-top:dotted 1px #dadada; border-bottom: dotted 1px #dadada;height: 40px;list-style: none;padding:5px 0;}
.wdata li {color: #9177aa;float:left;text-align: center;width:96.6px;}
.wdata li em {display: block; font-size: 13px; padding-top: 3px;}
.line {border-right: solid 1px #ddd;}
#retips {display: block; height: 13px; margin-top: 10px;}
#retips a {font-size: 12px; text-decoration: underline;}

.infoad {background: #fff; border: solid 1px #e8e8e8; margin-top: 15px; padding: 10px; text-align: center;}
/* relsite */
.relsite {background: #fff; padding: 10px;}
.relsite h3 {border-bottom: solid 1px #e8e8e8; font-size: 14px; padding-bottom: 8px;}
.rellist {padding-top: 10px;}
.rellist li {display: inline; float: left; height: 115px; margin: 8px; text-align: center; width: 126px;}
.rellist li img {background: #fff; border: solid 1px #e8e8e8; padding: 2px;}
.rellist li strong {display: block; font-weight: normal; height: 15px; overflow: hidden; white-space: nowrap;}
.rellist li a {color: #06c;}
/* comment */
.comment {padding: 10px;}
.comment h3 {border-bottom: solid 1px #e8e8e8; font-size: 14px; padding-bottom: 8px;}
.comment-list {}
.comment-list li {padding: 10px 0 10px 75px; position: relative; zoom: 1; min-height: 52px;}
.comment-gravatar {position: absolute; left: 0; top: 10px; width: 54px; height: 60px; text-align: center;}
.comment-title {background: #f2fbf2; color: #06c; font-size: 14px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; text-indent: 5px; white-space: nowrap;}
.comment-title time {color: #999; font-size: 12px;}
.comment-text {line-height: 25px; padding: 5px 0;}
.comment-reply {background: #fafef6; border: dotted 1px #c6e0af; line-height: 25px; margin: 5px 0; padding: 3px 8px;}
/* tagbox */
.tagbox {border: solid 1px #97c853;}
.tagbox h3 {background: #f7ffec; border-bottom: dashed 1px #97c853; color: #000000; font-size: 14px; padding: 6px;}
.tagbox ul {padding: 5px 0;}
.tagbox ul li {font: normal 12px Arial; list-style: inside circle; padding: 5px; padding-left: 15px;}
.tagbox ul li em {font-size: 10px;}
/* infoad */
#infoad {background: #fff; border: solid 1px #e8e8e8; padding: 10px; text-align: center;}

/* apply */
.subbox {background: #fff; border: solid 1px #e6e8eb;}
.subbox h2 {font-size:15px; padding:10px;}
.subbox form{width:500px;margin:30px auto;}
.stepbox {margin: 0 auto; padding: 10px;}
.stepbox h3 {border-bottom: dashed 1px #dadada; font: bold 14px normal; padding-bottom: 10px;}
.stepbox p {padding: 15px;}
.textbox {background: #ffe; border: dashed 1px #307322; color: #000000; line-height: 23px; margin-bottom: 10px; padding: 10px;}
.formbox {}
.formbox li {display: block; padding: 3px;margin-bottom:5px;}
.formbox li strong {display: block; float: left; font-weight: normal; height: 25px; line-height: 25px; text-align: right; width: 90px;}
.formbox li p {float: left; padding-top: 0;}
.fipt {background: #fff url(ipt.png); border: solid 1px #e8e8e8; font-size: 13px; padding: 6px;}
.fbtn {background: #54a642;border: 0;color:#fff;cursor: pointer;padding:5px 30px;border-radius:5px;}
.fbtn:hover{background:#119209;}
/* resbox */
.resbox {background: #f8fef4; border: dashed 1px #690; line-height: 25px; margin: 10px; padding: 10px 15px;}
/* urlbox */
.urlbox {margin: 10px;}
.urlbox h3 {float: left; padding-right: 30px;}
.urlbox ul {}
.urlbox ul li {float: left; padding: 5px 0; padding-right: 30px;}
/* footer */
.footer {height: 70px; text-align: center;}
.fmenu {background: #f7ffec; border: solid 1px #97c853; color: #ccc; padding: 7px;}
.fmenu a {color: #000000; padding: 0 3px; text-decoration: none;}
.fmenu a:hover {text-decoration: underline;color:#54a642;}
.fcopy {line-height:40px;}