html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, em, button { margin: 0; padding: 0; }
body { background: #fff; font: normal 14px Verdana; color: #000; text-align: center; }
ul, li { list-style: none; }
img { border: none; }
input, textarea { font-size: 12px; }
a { color: #000; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }

.bg0 { background: #fff; }
.bg1 { background: #f0f7ff; }
a.emphasis1 { color: #f0f; }
a.emphasis2 { color: #f00; }
a.emphasis3 { color: #090; }
.layoutfix { display: inline-block;}
.layoutfix { display: block; overflow: hidden; }

#topNav { width: 980px; margin: 0 auto; line-height: 1.8; background: url("../images/line.gif") repeat; font-size: 12px; }
.navigation { float: left; padding: 0 5px; }
.navigation a { margin-right: 10px; }
.navigation a.navMail { margin-right: 0; margin-left: 10em; }
.pageTools { float: right; }
.pageTools li { float: left; margin-right: 8px; padding-left: 20px; background-image: url("../images/bg_16x16.gif"); background-repeat: no-repeat; }
.pageTools li a { color: #666; }
.pageTools .navHome { background-position: 0 2px; }
.pageTools .navAddfav { background-position: 0 -30px; }
.pageTools .navContact { background-position: 0 -62px; }

#header { width: 980px; margin: 0 auto; padding: 5px 0; }
h1.logo { float: left; width: 200px; }
.fillslot { float: left; margin-left: 16px; }
.calendar { float: right; width: 110px; background: #f0f7fe; font-family: Arial; line-height: 1.5; }
.bbs { width: 970px; margin: 0 auto; padding: 2px 5px; text-align: left; background: #3db836; font-weight: bold; color: #fff; }
.bbs a { color: #fff; }
.sinaRoll { width: 980px; margin: 5px auto 0; }

.search { width: 980px; margin: 5px auto 6px; padding-top: 5px; position: relative; text-align: left; }
.searchAd { float: right; line-height: 18px; }
.searchAd a { color: #687070; }
.tabmenu { margin-left: 80px; }
.tabmenu li { float: left; width: 55px; background: #e8ece8; border-right: 3px solid #fcfff7; font-size: 13px; line-height: 18px; text-align: center; cursor: pointer; }
.tabmenu .cur { background: #38B830; color: #f8fcf0; font-weight: bold; }
.tabmenu a { color: #687070; }
.tabmenu li.more { padding-right: 12px; height: 16px; line-height: 16px; background: url("../images/dropdown.gif") no-repeat right 0;
border: 1px solid #fff; cursor: pointer; vertical-align: middle; }
.searchForm { padding: 8px 10px; height: 32px; background:url("../images/line.gif") repeat; border: 1px solid #b6dd8e; font-size:13px; }
.searchForm form { margin-left: 50px; }
.searchForm #hao_img_logo, .searchForm #sugOut { float: left; margin-right: 10px; }
.searchForm input { height: 1.4em; margin-top: 1px; padding: 2px;width: 355px; font-size: 16px; }
.searchForm button { float: left; width: 6.8em; height: 2.3em; font-size: 14px; line-height: 2em; }
#hao_more_popup { position: absolute; top: 30px; left: 544px; width: 67px; border: 1px solid #b0bec7; z-index: 65536; }
#hao_more_popup li { width: 67px; background: #fff; font-size: 13px; }
#hao_more_popup a { display: block; height: 20px; line-height: 20px; color: #000; text-decoration: none; }
#hao_more_popup a:hover { background: #316ac5; color: #fff; }

.indexedNew { width: 980px; margin: 5px auto 0; text-align: left; font-size: 13px; }
.indexedNew a { margin-right: 12px; }
.linkTop { width: 980px; margin: 5px auto 0; padding: 5px 0; background: url("../images/line.gif") repeat; text-align: left; }
.linkTop a { margin-right: 6px; }
.linkTop a.last { margin: 0; }

#container { width: 980px; margin: 0 auto; }
.inner { border: 2px solid #e8f4d0; }
#sideNav { width: 216px; float: left; background: url("../images/line.gif") repeat; border: 1px solid #70ba27; text-align: left; }
#sideNav iframe { width: 100%; padding: 6px 0; border-bottom: 1px solid #e8f4d0; }
#sideNav h2 { padding: 0 10px; line-height: 25px; height: 25px; color: #59a016; font-size: 14px; }
#sideNav ul { padding: 5px 0 15px; font-size: 13px; }
#sideNav ul li { padding-left: 10px; width: 96px; line-height: 24px; float: left; }

#mainNav { width: 756px; float: right; }
.tab_menu { height: 26px; background: url("../images/un_tabmenu.gif") no-repeat; }
.tab_menu li { float: left; height: 26px; }
.tab_menu li a { display: block; width: 80px; margin-left: -1px; text-align: center; line-height: 26px; background: url("../images/un_tabmenu.gif") no-repeat 0 -52px; }
.tab_menu li a.menu_on { background-position: 0 -26px; font-weight: bold; color: #59a016; }
.tab_menu li a:hover { text-decoration: none; }
.mainlink { border: 1px solid #70ba27; border-top: none; }
.mainlink .inner { border-top: none; }
.mainlink ul { height: 191px; padding: 10px 0; }
.mainlink li { width: 150px; line-height: 27px; float: left; }
.linkContact { padding: 0 10px; line-height: 23px; font-size: 12px; color: #f0f; }
.linkContact a { margin-right: 2em; color: #f0f; }
.category { border: 1px solid #70ba27; }
.category dl { line-height: 25px; font-size: 13px; }
.category dt { float: left; width: 70px; }
.category dt a { color: #874604; }
.category dd { float: left; width: 630px; margin-right: -2em; }
.category dd a { margin-right: 20px; }
.category dd.more { float: right; width: 70px; margin: 0; }
.category dd.more a { margin: 0; }
.linkBottom { margin-top: 6px; border: 1px solid #70ba27; }
.linkBottom li { float: left; width: 93px; height: 22px; line-height: 22px; font-size: 13px; }

.searchMap { width: 978px; margin: 6px auto 0; text-align: left; border: 1px solid #70ba27; }
.searchMap dl { padding: 0 10px; line-height: 1.8; font-size: 13px; }
.searchMap dl a { color: #205001; }
.searchMap dl dt { float: left; font-weight: bold; }
.searchMap dl dd a { margin-right: 20px; }
.searchMap a.emphasis1 { color: #f0f; }
.searchMap a.more { margin: 0; }

.friendlink { width: 978px; margin: 6px auto 0; text-align: left; border: 1px solid #b5db90; }
.friendlink dt { float: left; width: 20px; padding: 3px 0 3px 8px; font-weight: bold; color: #59a016; text-align: center; }
.friendlink dd { float: left; width: 924px; padding: 3px 10px; line-height: 1.6; font-size: 13px; }
.friendlink dd a { margin-right: 1em; white-space: nowrap; }
.friendlink dd a.join { color: #205001; }

.location { width: 960px; margin: 0 auto; padding: 5px 10px; text-align: left; font-size: 12px; background: #eef7ff; }

table { border-collapse: collapse; }
.site { width: 100%; background: #f0f7ff; border: 1px solid #70ba27; }
.site th { width: 128px; padding: 3px 10px; line-height: 1.8; text-align: center; font-weight: bold; border-top: 1px solid #b5db90; }
.site td { padding: 3px 10px; line-height: 1.8; }
.site thead td { text-align: center; background: #d9edda; font-weight: bold; color: #205001; }
.site tbody td { text-align: left; width: 145px; border-top: 1px solid #b5db90; border-left: 1px solid #b5db90; }

.map { width: 100%; background: #f0f7ff; border: 1px solid #70ba27; text-align: center; }
.map th { padding: 3px 10px; line-height: 1.8; background: #d9edda; border-top: 1px solid #b5db90; border-bottom: 1px solid #b5db90; font-weight: bold; color: #205001; }
.map thead th { border-top: none; }
.map td { width: 102px; padding: 3px 10px; line-height: 1.8; }

.about { background: #f0f7ff; border: 1px solid #b5db90; text-align: left; line-height: 1.8; }
.about .inner { padding: 10px 30px; }
.about dl { padding: 10px 0 10px 140px; }
.about dt { float: left; width: 120px; margin-left: -140px; font-weight: bold; }
.about dd span.floatr { float: right; width: 360px; }
.about p { padding: 10px 0; text-indent: 2em; }

#footer { width: 980px; margin: 0 auto; padding: 10px 0; font-size: 13px; }