@charset "utf-8";
/*global*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*custom*/
body {background: #DEE7EE url(bg.gif) repeat-x;}
body,input,select,textarea {color: #666; font: normal 12px normal Verdana, Arial, Helvetica, sans-serif;}
a {color: #06C; text-decoration: none;}
a:hover {color: #FF6600; text-decoration: underline;}
.clear {clear: both; display: block;}

.mag {margin-top: 6px;}
#container {margin: 0 auto; width: 960px;}
#header {}
#navbar {background: url(navbar.gif) no-repeat; height: 40px;}
#navbar li {float: left; font-size: 14px; line-height: 40px; text-align: center;}
#navbar a {display: block; color: #FFF; height: 40px; width: 100px; text-decoration: none;}
#navbar a:hover {color: #FF0; text-decoration: underline;}
a.sel {background: url(navsel.gif); display: block; color: #474; height: 40px; width: 110px; text-decoration: underline;}
.navline {background: url(navline.gif) no-repeat; height: 40px; width: 2px;}
.navcate {background: url(navcate.gif) no-repeat; cursor: pointer; display: block; height: 40px; margin-left: 125px; width: 120px;}
#rcatebox {background: #FFF; border: solid 1px #CCDFF2; display: none; padding: 6px;}
.rcatelist li {float: left; height: 25px; line-height: 25px; text-align: center; width: 133px;}
.rcatelist li em {color: #BBB; font: normal 10px normal; padding-left: 3px;}

#topbox {background: url(header.gif) no-repeat; height: 100px;}
#topbox-left {float: left; width: 230px;} 	
#topbox-right {margin-left: 230px;}
#topbox-logo {display: block; height: 80px; margin-top: 10px;}
#topbox-link {text-align: right;}
#topbox-search {padding: 35px 15px 0px 270px;}
.search-bg {padding: 3px;}
.sipt {background: #FFF; border: solid 1px #86CAEA; font-size: 13px; padding: 6px;}
.sbtn {background: url(search.gif) no-repeat; border: 0; float: right; height: 30px; width: 60px;}
#adver {background: #FFF; border: solid 1px #CCDFF2; padding: 6px;}
#adver-left {float: left; height: 90px; width: 730px;}
#adver-right {float: right; height: 90px; width: 200px;}
.gad {margin-top: 5px;}
.bad {padding-left: 8px;}
#mainer {}
#mainer-left {background: #FFF; border: solid 1px #CCDFF2; float: left; padding: 6px; width: 626px;}
#mainer-right {background: #FFF; border: solid 1px #CCDFF2; float: right; padding: 6px; margin-left: 6px; width: 300px;}
.leftbox {background: #FFF;}
.leftbox h3 {background: #4AA0E1; color: #FFF; font: bold 13px normal; padding: 7px;}
.leftbox div {padding-top: 10px;}
.count {color: #FFF; float: right; font: normal 12px normal;}
.count strong {color: #FF0; padding: 0px 3px;}
/*catebox*/
.catebox {}
.catebox dt {border-bottom: solid 1px #E9E9E9; font: bold 13px normal; padding: 5px 3px;}
.catebox dt a {color: #06C; text-decoration: underline;}
.catebox dt a:hover {color: #F60; text-decoration: none;}
.catebox dd {padding: 3px 0px;}
.catelist {}
.catelist li {float: left; font-size: 13px; height: 20px; line-height: 20px; margin: 3px 1px; text-align: center; width: 102px;}
.catelist li em {color: #BBB; font: normal 10px normal; padding-left: 3px;}
.catelist li a {color: #444444; text-decoration: none;}
.catelist li a:hover {color: #FF0000; text-decoration: none;}
/*webhot*/

#webhot {}
#webhot dt {background: #FF6633; color: #FFF; font: bold 13px normal; padding: 7px;}
#webhot dd {padding: 3px;}
#webelite {}
#webelite dt {background: #5DB30A; color: #FFF; font: bold 13px normal; padding: 7px;}
#webelite dd {padding: 3px;}
#webnew {}
#webnew dt {background: #4AA0E1; color: #FFF; font: bold 13px normal; padding: 7px;}
#webnew dd {padding: 3px;}
#webrnd {}
#webrnd dt {background: #4AA0E1; color: #FFF; font: bold 13px normal; padding: 7px;}
#webrnd dd {padding: 3px;}
#arcbox {}
#arcbox dt {background: #EF7800; color: #FFFFFF; font: bold 13px normal; padding: 7px;}
#arcbox dd {padding: 0px 3px 8px 8px;}
#arcbox dd h3 {display: block; margin: 8px 0px 3px 0px;}
#arcbox dd h3 a {color: #06C; font-size: 13px; text-decoration: underline;}
#arcbox dd li {float: left; list-style: none; margin-right: 13px;}
#arcbox dd li a {color: #666;}
/*urlbox*/
.urlbox {list-style: none;}
.urlbox li {padding: 5px;}
.urlbox li em {color: #FF6600; font: bold 14px normal;}
.urlbox li .ThumbImg {background: #FFFFFF; border: solid 1px #DADADA; float: left; height: 40px; margin-right: 8px; padding: 1px; width: 40px;}
.urlbox li p {color: #666; display: block; height: 35px; line-height: 150%; margin: 3px 0px; _margin: 2px 0px 3px 0px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.urlbox li p:after {content: "...";}
.urlbox li address {font-style: normal;}
.urlbox li strong {overflow: hidden;}
.urlbox li strong a {color: #06C; font: bold 12px normal; text-decoration: underline;}
.urlbox li strong a:hover {color: #FF6600; font: bold 12px normal; text-decoration: none;}
/*sitepath*/
.sitepath {background: #FFF; border: solid 1px #CCDFF2; padding: 10px 6px;}
/*scatebox*/
#scatebox {background: #F9FDFE; border: dotted 1px #C0C0C0; padding: 1px;}
#scatebox dt {color: #06C; font: bold 13px normal; padding: 5px;}
#scatebox dd {}
.scatelist {}
.scatelist li {float: left; height: 20px; line-height: 20px; padding-bottom: 5px; text-align: center; width: 102px;}
.scatelist li strong {color: #F60; text-decoration: underline;}
.scatelist li em {color: #BBB; font: normal 10px normal; padding-left: 3px;}
.scatelist a {color: #575757; text-decoration: none;}
.scatelist a:hover {color: #F60;}
/*weblist*/
#olink {border-bottom: solid 1px #E6E8EB; color: #06C; font: bold 13px normal; padding: 8px;}
#olink em {float: right; font: normal 12px normal Arial;}
#olink em a {color: #0066CC; margin: 0px 5px; text-decoration: none;}
#olink em a:hover {color: #FF0000; text-decoration: underline;}
#olink em strong {color: #FF6600; text-decoration: underline;}
#olink em strong a {color: #FF0000;}
#weblist {margin: 0px 8px; padding: 0px 0px;}
#weblist li {border-bottom: dotted 1px #C0C0C0; display: block; list-style: none; padding: 18px 5px;}
#weblist li .ThumbImg {border: solid 1px #CCCCCC; float: left; margin: 0px 10px 5px 0px; padding: 1px;}
#weblist li p {color: #666; display: block; height: 60px; line-height: 160%; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#weblist li p:after {content: "...";}
#weblist li address {color: #999; font-style: normal;}
#weblist li address a {color: #77C; text-decoration: underline;}
#weblist li a {color: #63C; text-decoration: none;}
#weblist li a:hover {color: #FF6600; text-decoration: underline;}
#weblist li strong a {color: #06C; font: bold 14px normal; text-decoration: underline;}
#weblist li strong a:hover {color: #FF6600; font: bold 14px normal; text-decoration: none;}

.tline {border-bottom: dotted 1px #DADADA; line-height: 37px; text-align: center;}
.rank {color: #FF6600; font-size: 12px;}
.hits {color: #CCC; font-size: 10px;}

.showpage {clear: both; padding: 8px; text-align: center;}
.showpage a {color: #06C; text-decoration: none;}
.showpage a:hover {color: #FF6600; text-decoration: underline;}

.syndata {color: #666; font: normal 11px Tahoma, Geneva, sans-serif;}
.syndata em {color: #F00; font-size: 11px; font-style: normal;}
.syndata b {color: #008000; font: bold 11px Georgia;}
.green {color: #080;}
/*webinfo*/
.wtitle {color: #F30; font: bold 24px normal Arial, Helvetica, sans-serif; padding: 5px 8px 8px 8px;}
.wtitle a {color: #F60; text-decoration: none;}
.wtitle font {font: normal 12px normal;}
#retips {display: block; height: 13px; margin-top: 10px;}
#retips a {font-size: 12px; text-decoration: underline;}
#wdata {background: #F9F9F9; 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: 13px; font-style: normal; padding: 5px 0px;}
#wdata .line {border-right: solid 1px #DDDDDD;}
.siteinfo {padding-top: 10px;}
.siteinfo a {color: #06C; text-decoration: underline;}
.siteinfo a:hover {color: #F60; text-decoration: none;}
.wthumb {float: left; text-align: center; width: 140px;}
.siteitem {margin-left: 140px;}
.siteitem li {line-height: 23px; padding: 3px;}
.siteitem li label {float: left; font-weight: bold; width: 80px;}
.siteitem li p {}
/*ranklist*/
.ranklist {list-style: none;}
.ranklist li {padding: 5px;}
.ranklist li em {color: #F60; font-size: 20px;}
.ranklist li strong a {color: #06C; font: normal 13px normal; text-decoration: none;}
.ranklist li strong a:hover {color: #FF6600; font: normal 13px normal; text-decoration: none;}
.ranklist li p {color: #9C9C9C; display: block; height: 14px; margin: 2px 0px; overflow: hidden;}
.ranklist li address {font-style: normal;}
/*relatedweb*/
#relatedweb {list-style: none;}
#relatedweb h3 {border-bottom: solid 1px #CCDFF2; color: #06C; font: bold 13px normal; padding: 7px;}
#relatedweb li {display: block; float: left; margin: 8px 16px; _margin: 8px 12px;}
#relatedweb li .ThumbImg {background: #FFF; border: solid 1px #DADADA; margin-bottom: 5px; padding: 1px;}
#relatedweb li strong {color: #77C; display: block; font-weight: normal; height: 14px; overflow: hidden; text-align: center; width: 125px;}
#relatedweb li strong a {color: #77C; text-decoration: none;}
#relatedweb li p {color: #666; display: block; height: 14px; margin: 2px 0px; overflow: hidden;}
#relatedweb li p:after {content: "...";}
#relatedweb li address {display: block; font-style: normal; height: 8px;}
#alexaweb {list-style: none;}
#alexaweb h3 {border-bottom: solid 1px #CCDFF2; color: #06C; font: bold 13px normal; padding: 7px;}
#alexaweb li {padding: 5px 0px;}
#webad {list-style: none;}
#webad h3 {border-bottom: solid 1px #CCDFF2; color: #06C; font: bold 13px normal; padding: 7px;}
#webad li {padding: 8px 16px 0px 16px;}
/*flink*/
#flink {background: #FFF; border: solid 1px #CCDFF2;}
#flink h3 {border-bottom: solid 1px #DADADA; color: #06C; font: bold 12px normal; height: 30px; line-height: 30px; text-indent: 5px;}
#flink div {padding: 5px 10px;}
.linklist li {float: left; height: 23px; line-height: 23px; width: 117px;}
.linklist li a {color: #666; text-decoration: none;}
.linklist li a:hover {color: #F00; text-decoration: underline;}
/*申请*/
#subbox {background: #FFFFFF; border: solid 1px #E6E8EB; padding: 1px;}
#subbox dt {background: #F9F9F9; font: bold 13px normal; padding: 7px;}
#subbox dd {}

#hint {}
#hint h3 {border-bottom: dotted 1px #DEDEDE; color: #F60; font: bold 13px normal; padding: 7px;}
#hint div {line-height: 23px; padding: 5px;}

.rowsbox {padding: 10px;}
.rowsbox label {float: left; font-weight: normal; line-height: 23px; margin-right: 15px; text-align: right; width: 60px;}
.rowsbox p {color: #999;}
.ipt {background: url(Input.png); border-top: solid 1px #ACA899; border-left: solid 1px #ACA899; border-right: solid 1px #F6F6F6; border-bottom: solid 1px #F6F6F6; padding: 4px;}
.btn {background: #6C3; border: solid 1px #393; color: #FFFFFF; font-weight: bold; padding: 3px;}
/*footer*/
#footer {color: #3A3A3A; height: 80px; line-height: 23px; text-align: center;}