@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: #DFE9F0 url(BG.gif) repeat-y center;}
body,input,select,textarea {color: #666666; font: 12px Arial, Helvetica, sans-serif;} /*106EC1*/
ul {list-style: none;}
.count {color: #FFF; font: normal 12px normal; line-height: 150%; padding: 10px 10px 0px 10px; text-align: left;}
.count strong {color: #FF0; padding: 0px 3px;}
.tab {list-style: none; margin-left: 10px;}
.tab li {cursor: pointer; display: block; float: left; padding: 0px 10px;}
.tab li a {color: #4465A2; text-decoration: none;}
.tab li a:hover {color: #FF6600; text-decoration: underline;}
.tabon {background: #FFFFFF; border-left: solid 1px #E6E8EB; border-right: solid 1px #E6E8EB; color: #FF6600;}
.taboff {color: #4465A2;}
.sipt {background: #FFFFFF; border: solid 1px #ECF8FE; font-size: 13px; padding: 4px;}
.selt {background: #FFFFFF; border: solid 1px #ECF8FE; font-size: 13px; padding: 3px;}
.sbt {background: #66CC33; border: solid 1px #A2FE00; color: #FFFFFF; font-weight: bold; padding: 4px; *padding: 3px; position: absolute;}
.clear {clear: both;}
.pad {margin-top: 8px;}

#topbar {background: #F8F8F8; border-bottom: solid 1px #E8E8E8; padding: 5px; width: 940px;}
#topbar-left {float: left; width: 450px;}
#topbar-right {margin-left: 450px; text-align: right;}
#topbar a {color: #555555; text-decoration: none;}
#topbar a:hover {color: #FF6600; text-decoration: none;}
#container {background: #FFFFFF; margin: 0px auto 0px auto; padding: 0px 8px; width: 950px;}
#header {}
#header-logo {background: url(Logo.png) no-repeat; display: block; float: left; height: 80px; width: 200px;}
#header-notice {margin-left: 200px; height: 35px; text-align: right;}
#header-notice a {color: #087ACF; text-decoration: none;}
#header-notice a:hover {color: #FF6600; text-decoration: underline;}
#header-navbar {margin-left: 200px; list-style: none; padding-top: 15px;}
#header-navbar li {background: url(Nav.png) no-repeat; float: left; height: 20px; margin: 0px 5px; padding-top: 10px; text-align: center; width: 80px;}
#header-navbar a {color: #FFFFFF; font: bold 12px normal; text-decoration: none;}
#header-navbar a:hover {color: #FFFF00; font: bold 12px normal; text-decoration: none;}
#header-search {background: url(Header.png) no-repeat; height: 80px;}
#header-search-left {float: left; width: 200px;}
#header-search-right {float: right; width: 150px;}
#header-search-center {margin: 0px 150px 0px 200px;}
#searchform {padding: 15px 10px 0px 15px !important; *padding: 11px 10px 0px 15px;}
/*SelOpt*/
#SelOpt {background: url(Select.png) no-repeat; cursor: pointer; display: block; margin: 2px 3px 0px 0px; padding: 5px 0px 0px 5px; *padding: 7px 0px 0px 5px; position: absolute; width: 70px; z-index: 100;}
#Options {display: none; list-style: none; margin-top: 26px; position: absolute; z-index: 100;}
#Options li {background: #FFFFFF; clear: both; cursor: pointer;}
#Options li a {color: #555555; display: block; padding: 5px 0px; text-align: center; text-decoration: none; width: 70px;}
#Options li a:hover {background: #3F88C6; color: #FFFFFF; display: block; padding: 5px 0px; text-align: center; text-decoration: none; width: 70px;}
.Current {color: #3F88C6; font-weight: bold;}
/*hotkeys*/
#hotkeys {color: #FFFFFF; margin-top: 15px; padding: 0px 15px;}
#hotkeys a {color: #FFFFFF; text-decoration: none;}
#hotkeys a:hover {color: #FFFF00; text-decoration: underline;}
#reglink {display: block; margin: 15px 0px 1px 5px; height: 25px; width: 80px;}
#loginlink {display: block; margin: 1px 0px 7px 5px; height: 25px; width: 80px;}
/*sitepath*/
.sitepath {padding: 3px;}
.sitepath a {color: #087ACF; text-decoration: none;}
.sitepath a:hover {color: #FF6600; text-decoration: underline;}
/*mainbox*/
#mainbox {}
#mainbox-left {float: left; width: 670px;}
#mainbox-right {float: right; width: 270px;}
#leftbox {background: #FFFFFF; border: solid 1px #E6E8EB; padding: 1px;}
#leftbox h1 {background: url(Title.png) repeat-x; color: #4465A2; font: bold 13px normal; padding: 7px;}
#leftbox h1 em {float: right; font: normal 12px normal Arial;}
#leftbox h1 em a {color: #0066CC; margin: 0px 5px; text-decoration: none;}
#leftbox h1 em a:hover {color: #FF0000; text-decoration: underline;}
#leftbox h1 em strong {color: #FF6600; text-decoration: underline;}
#leftbox h1 em strong a {background: #FFFFFF; color: #FF0000;}
#leftbox div {padding: 5px;}
#rightbox {}
/*classbox*/
.classbox {padding: 5px; padding: 8px !important; _padding: 4px; padding: 8px\0;}
.classbox dt {border-bottom: dotted 1px #B2CDEB; font: bold 13px normal; height: 25px; line-height: 25px;}
.classbox dt a {color: #4465A2; text-decoration: none;}
.classbox dt a:hover {color: #FF9900; text-decoration: underline;}
.classbox dd {padding: 3px;}
.classlist {list-style: none;}
.classlist li {float: left; font-size: 13px; height: 25px; line-height: 25px; list-style: none; text-align: center; width: 105px;}
.classlist li a {color: #666666; text-decoration: none;}
.classlist li a:hover {color: #FF0000; text-decoration: underline;}
#adsense {background: #FFFFFF; border: solid 1px #E6E8EB; padding: 1px;}
#adsense dt {background: url(Title1.png) repeat-x; color: #4465A2; font: bold 13px normal; padding: 8px;}
#adsense dd {padding: 3px 8px;}
.adtext {background: #F5F8FF; border-bottom: dotted 1px #E6E8EB;}
/*in-outbox*/
#in-outbox {background: #FFFFFF; border: solid 1px #E6E8EB; padding: 1px;}
#in-outbox dt {background: url(Title1.png) repeat-x; font: bold 13px normal; height: 30px; line-height: 30px;}
#in-outbox dd {padding: 5px;}
#in-outbox dd li {list-style: none;}
.io-urlbox {list-style: none;}
.io-urlbox li {border-bottom: dotted 1px #CCCCCC; display: block; float: left; height: 55px; margin: 5px; width: 302px; _width: 298px;}
.io-urlbox li p {color: #9C9C9C; height: 14px; margin: 3px 0px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.io-urlbox li p:after {content: "...";}
.io-urlbox li address {font-style: normal;}
.io-urlbox li strong a {color: #087ACF; font: bold 12px normal; text-decoration: none;}
.io-urlbox li strong a:hover {color: #FF6600; font: bold 12px normal; text-decoration: none;}
/*webelite*/
#webelite {background: #FFFFFF; border: solid 1px #E6E8EB; padding: 1px;}
#webelite dt {background: url(Title1.png) repeat-x; color: #4465A2; font: bold 13px normal; padding: 8px;}
#webelite dd {padding: 3px;}
#webnew {background: #FFFFFF; border: solid 1px #E6E8EB; padding: 1px;}
#webnew dt {background: url(Title1.png) repeat-x; color: #4465A2; font: bold 13px normal; padding: 8px;}
#webnew dd {padding: 3px;}
#arcbox {background: #FFFFFF; border: solid 1px #E6E8EB; padding: 1px;}
#arcbox dt {background: url(Title1.png) repeat-x; color: #4465A2; font: bold 13px normal; padding: 8px;}
#arcbox dd {padding: 0px 3px 8px 8px;}
#arcbox dd h3 {display: block; margin: 8px 0px 3px 0px;}
#arcbox dd h3 a {color: #087ACF; font-size: 13px; text-decoration: underline;}
#arcbox dd li {float: left; list-style: none; margin-right: 15px;}
#arcbox dd li a {color: #555;}
/*urlbox*/
.urlbox {list-style: none;}
.urlbox li {padding: 5px;}
.urlbox li .ThumbImg {background: #FFFFFF; border: solid 1px #DADADA; float: left; height: 65px; margin-right: 8px; padding: 1px; width: 85px;}
.urlbox li p {color: #555; 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 a {color: #087ACF; font: bold 12px normal; text-decoration: underline;}
.urlbox li strong a:hover {color: #FF6600; font: bold 12px normal; text-decoration: none;}
/*relclass*/
#sclassbox {border: solid 1px #E6E8EB; padding: 1px;}
#sclassbox dt {background: #ECF4FB; color: #4465A2; font: bold 13px normal; padding: 6px;}
#sclassbox dd {background: #FFF;}
.sclass {}
.sclass li {float: left; height: 20px; padding-top: 8px; text-align: center; width: 106px;}
.sclass li strong {color: #F60; text-decoration: underline;}
.sclass a {color: #555; text-decoration: none;}
.sclass a:hover {color: #F60;}
/*sitelist*/
#sitelist {margin: 0px 8px; padding: 0px 0px;}
#sitelist li {border-bottom: dotted 1px #E6E8EB; display: block; list-style: none; padding: 18px 5px !important; padding: 17px 5px;}
#sitelist li .ThumbImg {border: solid 1px #CCCCCC; float: left; margin: 0px 10px 5px 0px; padding: 1px;}
#sitelist li p {color: #555; display: block; height: 60px; line-height: 160%; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#sitelist li p:after {content: "...";}
#sitelist li address {color: #999; font-style: normal;}
#sitelist li address a {color: #77C; text-decoration: underline;}
#sitelist li a {color: #6633CC; text-decoration: none;}
#sitelist li a:hover {color: #FF6600; text-decoration: underline;}
#sitelist li strong a {color: #087ACF; font: bold 14px normal; text-decoration: underline;}
#sitelist li strong a:hover {color: #FF6600; font: bold 14px normal; text-decoration: none;}
.syndata {color: #555; 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;}
/*keylist*/
.keylist {padding: 0px 5px;}
.keylist a {color: #087ACC; text-decoration: underline;}
.keylist a:hover {color: #FF6600; text-decoration: none;}
.keytitle {background: #ECF4FC; font-weight: bold; height: 25px;}
.botline {border-bottom: dotted 1px #E6E8EB;}
.rank {color: #F60; font-weight: bold;}
.sohits {color: #999; font-size: 10px;}

.showpage {clear: both; text-align: center;}
.showpage a {color: #087ACF; text-decoration: none;}
.showpage a:hover {color: #FF6600; text-decoration: underline;}
/*siteinfo*/
#ReTips {color: #F60; float: right; font: bold 12px normal;}
#ReTips a {color: #F60; font: bold 12px normal; text-decoration: none;}
#siteinfo {}
#siteinfo dt {border-bottom: dotted 1px #E6E8EB; color: #087ACF; font: bold 14px normal; padding: 7px;}
#siteinfo dd {padding: 0px 8px;}
#siteinfo a {color: #087ACF; text-decoration: none;}
#siteinfo a:hover {color: #FF0000; text-decoration: underline;}
#wdata {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;}
.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: 65px;}
.siteitem li p {}
/*relatedinfo*/
#relatedweb {list-style: none; margin-top: 5px;}
#relatedweb h3 {border-bottom: solid 1px #CCDFF2; color: #06C; font: bold 13px normal; padding: 7px;}
#relatedweb li {display: block; float: left; margin: 8px 14px; _margin: 8px 11px;}
#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;}
/*rank*/
#rankbox {padding: 8px;}
.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;}
/*footer*/
#footer {background: url(Footer.png) repeat-x; height: 100px; text-align: center;}
#fmenu {color: #DDDDDD; padding: 8px;}
#fmenu a {color: #555555; text-decoration: none;}
#fmenu a:hover {color: #FF0000; text-decoration: underline;}
#fcopy {color: #898888; line-height: 180%;}
/*diypage*/
#diybox {}
#diybox-left {float: left; width: 200px;}
#diybox-right {margin-left: 208px;}
#diynav {background: #FFFFFF; border: solid 1px #E6E8EB; list-style: none;}
#diynav li {background: #F3F5F9; display: block; margin: 1px; padding: 10px; text-align: center;}
#diynav li a {color: #087ACF; text-decoration: none;}
#diynav li a:hover {color: #FF6600; text-decoration: underline;}
#diycontent {background: #F7F8F9; border: solid 1px #E6E8EB; padding: 5px;}
#diycontent h3 {border-bottom: dotted 1px #CCC; color: #F60; padding: 5px; text-align: center;}
#diycontent div {padding: 5px;}
#diycontent a {color: #087ACF; text-decoration: none;}
#diycontent a:hover {color: #FF0000; text-decoration: underline;}
/*link*/
.linkbox {list-style: none;}
.linkbox li {float: left; margin-left: 1px; padding: 5px 0px; width: 119px;}
.linkbox a {color: #087ACF; text-decoration: none;}
.linkbox a:hover {color: #FF0000; text-decoration: underline;}
/*申请*/
#subbox {background: #FFFFFF; border: solid 1px #E6E8EB; padding: 1px;}
#subbox h3 {background: #F9F9F9; font: bold 13px normal; padding: 7px;}
#subbox div {padding: 5px;}
.rowsbox {padding: 10px;}
.rowsbox strong {float: left; font-weight: normal; line-height: 23px; margin-right: 15px; text-align: right; width: 60px;}
.rowsbox span {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: #66CC33; border: solid 1px #75CC11; color: #FFFFFF; font-weight: bold; padding: 3px 5px;}