@charset "utf-8";
/* global */
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: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; vertical-align: middle;}
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;}
/* custom */
body {background: #f3f3f3 url(topbar.png) repeat-x;}
body, input, select, textarea {color: #555; font: normal 12px 微软雅黑;}
a {color: #05c; text-decoration: none;}
a:hover {color: #f30; text-decoration: underline;}
.clearfix:after {clear: both; content: '.'; display: block; font-size: 0; height: 1; visibility: hidden;}
*html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
/* common */
.mag {margin-top: 15px;}
.sipt {border: solid 2px #ff9000; display: block; font: normal 14px/30px normal; float: left; height: 28px; padding: 0 5px 0 90px; width: 300px;}
.sbtn {background: #ff9000; border: 0; color: #fff; cursor: pointer; font-weight: bold; height: 32px; width: 70px;}
.title {color: #333; font: normal 24px normal; padding-bottom: 10px;}
/* wrapper */
#wrapper {margin: 0 auto; padding: 0px 8px; width: 950px;}
/* header */
#header {}
/* topbar */
#topbox {height: 60px;}
#logo {background: url(logo.png) no-repeat; display: block; float: left; height: 60px; width: 100px;}
#navbar {float: left; list-style: none; margin-left: 40px; padding-top: 20px;}
#navbar li {float: left; font: normal 15px normal; margin-right: 25px;}
#navbar a {color: #fff; text-decoration: none;}
#navbar a:hover {color: #fff; text-decoration: none;}
#other {color: #fff;　float: right; padding-top: 20px; text-align: right;}
#other a {color: #fff; text-decoration: none;}
#other a:hover {color: #fff; text-decoration: none;}
/* sobox */
#sobox {background: url(sobg.png) no-repeat; height: 50px;}
#search {display: block; margin: 0 auto; padding-top: 8px; position: relative; width: 500px;}
/* selopt */
#selopt {background: url(select.gif) no-repeat; position: absolute; left: 2px; top: 11px; width: 88px;}
#cursel {cursor: pointer; display: block; height: 28px; line-height: 28px; overflow: hidden; text-indent: 12px; width: 85px;}
#options {border: solid 2px #ff9000; border-top: 0; display: none; list-style: none; position: absolute; left: -2px; width: 80px; 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 .current a {background: #ff9000; color: #fff; display: block; text-decoration: none; width: 70px;}
/* homebox */
#homebox {}
#homebox-left {float: left; width: 685px;}
#homebox-right {float: right; width: 250px;}
/* adbox */
.adbox {}
.adbox-left {float: left; width: 730px;}
.adbox-right {float: right; width: 200px;}
/* homecate */
#homecate {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#homecate h2 {color: #333; font-size: 14px;}
.hcatelist {}
.hcatelist li {float: left; padding: 0 15px; padding-top: 10px;}
.hcatelist li em {color: #555; font-size: 10px; padding-left: 3px;}
/* homebest */
#homebest {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#homebest h2 {color: #333; font-size: 14px;}
.hbestlist {}
.hbestlist li {float: left; font-size: 12px; margin: 1px; padding: 10px 12px 5px 13px; text-align: center;}
.hbestlist li img {background: #fff; border: solid 1px #dbdbdb; padding: 3px;}
.hbestlist li strong {display: block; font-weight: normal; height: 15px; margin-top: 3px; overflow: hidden; white-space: nowrap; width: 138px;}
.hbestlist li a {color: #05c; text-decoration: none;}
.hbestlist li a:hover {color: #f30; text-decoration: underline;}
/* hiobox */
#hiobox {background: #fff; border: solid 1px #dbdbdb; padding: 0 10px;}
/* inbox */
#hinbox {float: left; width: 320px;}
#hinbox h2 {border-bottom: dashed 1px #e8e8e8; color: #333; font-size: 14px; padding: 10px;}
.hinlist {}
.hinlist li {border-bottom: solid 1px #e8e8e8; padding: 10px;}
.hinlist li strong {display: block; height: 20px; overflow: hidden; white-space: nowrap;}
.hinlist li p {display: block; height: 14px; overflow: hidden;}
/* houtbox */
#houtbox {float: right; width: 320px;}
#houtbox h2 {border-bottom: dashed 1px #e8e8e8; color: #333; font-size: 14px; padding: 10px;}
.houtlist {}
.houtlist li {border-bottom: solid 1px #e8e8e8; padding: 10px;}
.houtlist li strong {display: block; height: 20px; overflow: hidden; white-space: nowrap;}
.houtlist li p {display: block; height: 14px; overflow: hidden;}
/* count */
#count {background: #fff; border: solid 1px #dbdbdb; color: #999; display: block; font: normal 12px/25px normal; padding: 10px 20px;}
#count em {color: #333; font: bold 24px Arial;}
/* newbox */
#newbox {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#newbox h2 {color: #333; font-size: 14px;}
.newlist {}
.newlist li {overflow: hidden; padding: 5px 0; white-space: nowrap; _width: 225px;}
/* archives */
#archives {background: #fff; border: solid 1px #dbdbdb;}
#archives h2 {color: #333; font-size: 14px; padding: 10px;}
.arclist {padding: 10px; padding-top: 0;}
.arclist li {}
.arclist li h3 {color: #05c;}
.arclist li p {line-height: 23px; padding: 3px 0;}
.arclist li a {color: #555; padding: 0 7px; text-decoration: none;}
/* category */
#category {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#catebox {margin: 5px 0;}
#catebox h2 {color: #333; font-size: 14px;}
#catebox h2 a {color: #05c; text-decoration: none;}
#catebox h2 a:hover {color: #f30; text-decoration: underline;}
#catebox h2 em {color: #888; font: 10px normal;}
#catebox ul {display: block; margin-top: 2px;}
#catebox ul li {float: left; height: 23px; line-height: 23px; margin: 1px; text-indent: 30px; width: 121px;}
#catebox ul li em {color: #888; font: 10px normal;}
#catebox ul li a {color: #444; text-decoration: none;}
#catebox ul li a:hover {color: #f30; text-decoration: underline;}
/* linkbox */
#linkbox {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#linkbox h2 {color: #333; font-size: 14px;}
.linklist {}
.linklist li {float: left; padding: 3px 10px; white-space: nowrap;}
/* footer */
#footer {text-align: center;}
#fmenu {color: #ccc; padding-bottom: 5px;}
#fmenu a {color: #555; text-decoration: none;}
#fmenu a:hover {color: #f00; text-decoration: underline;}
#fcopy {line-height: 23px;}
/* sitepath */
.sitepath {padding: 10px 0px;}
/* mainbox */
#mainbox {}
#mainbox-left {float: left; width: 685px;}
#mainbox-right {float: right; width: 250px;}
/* scatebox */
#scatebox {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#scatebox h2 {color: #333; font-size: 14px;}
#scatebox h2 span {color: #555; float: right; font: normal 12px normal;}
.scatelist {padding-top: 5px;}
.scatelist li {display: block; float: left; height: 20px; line-height: 20px; width: 95px;}
.scatelist li a {color: #555;}
.scatelist li em {color: #ccc; font: normal 10px normal;}
.scatelist .highlight a {color: #f60; font-weight: bold;}
.sort-show {background: #fcfcfc; border-bottom: solid 1px #f3f3f3; padding: 6px;}
.sort-show em {font-style: normal;}
.sort-show a {color: #05c; text-decoration: none;}
/* listbox */
#listbox {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#listbox h2 {color: #333; font-size: 14px;}
/* sitelist */
.sitelist {margin: 5px 0;}
.sitelist li {border-bottom: dashed 1px #f5f5f5; display: block; height: 85px; padding: 15px 5px; position: relative;}
.sitelist li img {background: #fff; border: solid 1px #d7dde3; float: left; padding: 3px; position: absolute;}
.sitelist li .info {margin-left: 115px; position: absolute; width: 400px;}
.sitelist li .info h3 {display: block; font: normal 13px normal; height: 15px; position: absolute; top: 0;}
.sitelist li .info p {display: block; font-size: 12px; height: 45px; line-height: 25px; overflow: hidden; position: absolute; top: 22px;}
.sitelist li .info address {color: #080; font: normal 12px Arial; padding: 0 10px 3px 0; position: absolute; top: 75px;}
.sitelist li .attr {border-left: solid 1px #e8e8e8; float: right; font-size: 10px; line-height: 21px; padding: 0px 10px; width: 110px;}
.cate a {color: #77c;}
.gray-bg {background: #f9f9f9;}
.visit {background: url(visit.gif) no-repeat right; color: #080; padding-right: 15px;}
.gre {color: #080;}
.org {color: #f60;}
/* showpage */
.showpage {display: block; font-size: 12px; text-align: left; padding: 10px 0;}
.total_page, .jump_page {background: #1678bd; border: solid 1px #096cb2; color: #fff; display: block; float: left; margin-right: 5px; padding: 3px 5px;}
.first_page, .last_page, .prev_page, .next_page, .pages {background: #fff; border: 1px solid #096cb2; color: #486ba2; display: block; float: left; margin-right: 5px; padding: 3px 5px; text-decoration: none;}
.current {background: #1678bd; color: #fff; display: block; float: left; margin-right: 5px; padding: 4px 5px;}
/* bestbox */
#bestbox {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#bestbox h2 {color: #333; font-size: 14px;}
.bestlist {}
.bestlist li {padding: 8px 0 5px 0; position: relative;}
.bestlist li img {background: #fff; border: solid 1px #dbdbdb; height: 65px; width: 85px;}
.bestlist li strong {display: block; font: bold 12px/15px normal; height: 15px; overflow: hidden; position: absolute; left: 90px; top: 8px; width: 135px;}
.bestlist li strong a {color: #05c; text-decoration: none;}
.bestlist li strong a:hover {color: #f60; font: bold 12px normal; text-decoration: none;}
.bestlist li p {display: block; height: 35px; line-height: 18px; overflow: hidden; position: absolute; left: 90px; top: 25px; width: 140px;}
.bestlist li address {display: block; height: 15px; overflow: hidden; position: absolute; left: 90px; top: 60px; width: 130px;}
/* inbox */
#inbox {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#inbox h2 {color: #333; font-size: 14px;}
.inlist {padding-top: 5px;}
.inlist li {padding: 10px 0 5px 0;}
.inlist li strong {display: block; font: bold 12px/15px normal; height: 15px; margin-bottom: 5px; overflow: hidden;}
.inlist li strong a {color: #05c; text-decoration: none;}
.inlist li strong a:hover {color: #f60; font: bold 12px normal; text-decoration: none;}
.inlist li p {display: block; height: 40px; line-height: 20px; overflow: hidden;}
.inlist li address {display: block; height: 15px; overflow: hidden;}
/*siteinfo*/
#infobox {}
#infobox-left {float: left; width: 750px;}
#infobox-right {float: right; width: 185px;}
#sitebox {background: #fff; border: solid 1px #dbdbdb; border-top: solid 2px #ff9000; padding: 10px;}
.wtitle {color: #f60; font: bold 24px normal; padding-bottom: 15px;}
.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;}
#wdata li {color: #9177aa; display: block; float: left; text-align: center; width: 100px;}
#wdata li em {color: #666666; display: block; font-size: 12px; 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;}
.siteinfo {padding-top: 15px; position: relative;}
.wthumb {background: #fff; border: solid 1px #dadada; float: left; padding: 1px; width: 140px;}
.siteitem {margin-left: 150px;}
.siteitem li {padding-bottom: 8px;}
.siteitem li label {font-weight: bold; width: 70px;}
.siteitem li p {}
.infoad {background: #fff; border: solid 1px #dbdbdb; margin-top: 15px; padding: 10px; text-align: center;}
/* relsite */
#relsite {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#relsite h2 {color: #333; font-size: 14px;}
.rellist {}
.rellist li {float: left; font-size: 12px; margin: 1px; padding: 10px 10px 5px 25px; text-align: center;}
.rellist li img {background: #fff; border: solid 1px #dbdbdb; padding: 2px;}
.rellist li strong {display: block; font-weight: normal; height: 15px; overflow: hidden; white-space: nowrap; width: 106px;}
.rellist li a {color: #05c; text-decoration: none;}
.rellist li a:hover {color: #f30; text-decoration: underline;}
/* tagbox */
#tagbox {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#tagbox h2 {color: #333; font-size: 14px;}
#tagbox ul {}
#tagbox ul li {list-style: inside circle; padding: 5px;}
#tagbox ul li em {font-size: 10px;}
/* infoad */
#infoad {background: #fff; border: solid 1px #dbdbdb; padding: 10px; text-align: center;}
/* archives */
#arcbox {border: solid 1px #e6e8eb; padding: 1px;}
#arcbox h2 {background: url(sprite.png) no-repeat 0px -170px; color: #3c61a4; font: bold 13px/30px normal; height: 30px; text-indent: 10px;}
#arcbox div {overflow: hidden; _zoom: 1;}
.archives {padding: 5px 10px;}
.archives li {border-bottom: dashed 1px #dadada; color: #666; display: block; font: normal 13px/30px normal; height: 30px;}
.archives li strong {color: #05c; padding-right: 15px;}
.archives li a {padding-right: 20px; text-decoration: none;}
/* comsite */
.topsite {background: #fff; border: solid 1px #dbdbdb; float: left; padding: 10px; width: 310px;}
.topsite h2 {color: #333; font-size: 14px;}
.toplist {}
.toplist li {overflow: hidden; padding-top: 10px; white-space: nowrap; _width: 310px;}
.toplist li span {color: #f30; padding-right: 10px;}
.toplist li em {font: normal 12px Arial;}
.toplist li em a {color: #080;}
.toplist li a {color: #555; text-decoration: none;}
.toplist li a:hover {color: #f30; text-decoration: underline;}
/* diypage */
#diypage {}
#diypage-left {float: left; width: 200px;}
#diypage-right {margin-left: 208px;}
#pagenav {background: #fff; border: solid 1px #dbdbdb; list-style: none; padding: 10px;}
#pagenav li {border-bottom: dashed 1px #ccc; display: block; padding: 10px; text-align: center;}
#pagenav li a {color: #05c; text-decoration: none;}
#pagenav li a:hover {color: #f60; text-decoration: underline;}
#pagenav .cur {background: #f3f5f9; clear: both; display: block;}
#content {background: #fff; border: solid 1px #dbdbdb; padding: 10px;}
#content h3 {border-bottom: dotted 1px #ccc; color: #f60; font-size: 24px; padding: 8px; text-align: center;}
#content div {line-height: 25px; padding: 5px;}
#content a {color: #087acf; text-decoration: none;}
#content a:hover {color: #f00; text-decoration: underline;}
/* apply */
#subbox {background: #fff; border: solid 1px #e6e8eb; padding: 10px;}
#subbox h2 {color: #333; font-size: 14px;}
.fbform {margin-left: 200px;}
.fbform li {padding: 10px;}
.fbform li strong {float: left; font-weight: normal; text-align: right; width: 60px;}
.fbform li p {float: left; margin-left: 5px;}
.fbform li span {color: #999;}
.fipt {background: url(ipt.png); border-top: solid 1px #aca899; border-left: solid 1px #aca899; border-right: solid 1px #f6f6f6; border-bottom: solid 1px #f6f6f6; padding: 4px;}
.fbtn {background: #3c0; border: solid 1px #083; color: #fff; font-weight: bold; padding: 3px 8px;}