﻿@charset "utf-8";
/*
布局样式部分
*/
@import url("public.css");
#page-top {
	WIDTH: 100%;
	HEIGHT: 100px;
	background-image: url(../index/topbg.jpg);
	background-repeat: repeat-x;
}
#page-top .left {
	FLOAT: left;
	WIDTH: 10px;
	HEIGHT: 100px;
	background-color: #CCC;
}
#page-top .right {
	FLOAT: right;
	WIDTH: 10px;
	HEIGHT: 100px;
	background-color: #CCC;
}
#page-top .center {
	MARGIN: auto; WIDTH: 900px
}
#site-logo {
	PADDING-LEFT: 20px; FLOAT: left; PADDING-TOP: 4px
}
#top-navigator {
	FLOAT: right; COLOR: #fff; PADDING-TOP: 10px
}
#top-navigator A {
	COLOR: #fff; TEXT-DECORATION: none
}
#top-navigator A:hover {
	TEXT-DECORATION: underline
}
#top-button {
	FLOAT: right; MARGIN-RIGHT: 20px
}
#topbar {
	FONT-SIZE: 12px; COLOR: #666666; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; POSITION: relative; HEIGHT: 26px; BACKGROUND-COLOR: #E0F8E8
}
#toplogo {
	PADDING-LEFT: 6px; FLOAT: left
}
#toplogo A:hover {
	BACKGROUND: 0px 0px; TEXT-DECORATION: none; moz-background-clip: border; moz-background-inline-policy: continuous; moz-background-origin: padding
}
#toplogo A {
	COLOR: #666666; TEXT-DECORATION: none
}
#topmessage {
	PADDING-RIGHT: 6px; FLOAT: right
}
.idt20{
	text-indent:20px;}
.header {
	height:40px;
	width:760px;
	text-align:left;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	background-position: 0px 0px;
	background-color: #1f73bb;
}
.header .logo { float:left; position:absolute; top:0px; left:0px; }
.header .logo a { height: 40px; width: 137px; display: block; text-decoration: none; background-image: url(images/logo.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.header .logo a:hover { height: 40px; width: 137px; display: block; text-decoration: none; }
.header .nav { margin-left: 150px; padding-top: 8px; }
.header .nav ul { list-style-type:none; margin: 0px; padding: 0px; }
.header .nav ul li { font-size:14px; color:#FFFFFF; font-weight:bold; float:left; position:relative; line-height:32px; display:block; margin: 0px; padding: 0px; list-style-type: none; }
.header .nav ul li.on { background-color: #FFF; font-size:14px; line-height:30px; border-top-width: 2px; border-right-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #6bafd4; border-right-color: #6bafd4; border-left-color: #6bafd4; display: block; margin: 0px; padding: 0px; }
.header .nav ul li.on a.fb14 { color: #005FAB; white-space: nowrap; font-size: 14px; padding: 0px 18px 0px 14px; display: block; }
.header .nav ul li .ico_new { position:absolute; top:-10px; right:0px; }
.header .nav ul li .ico_arrow { background-image:url(images/ico_arrow_1.gif); background-repeat:no-repeat; background-position:47px center; }
.header .nav ul li a.fb14 { color:#FFFFFF; white-space:nowrap; padding: 0px 20px 0px 16px; display: block; }
.header .nav ul li .dropmenu { visibility: hidden; z-index: 9000; top: 30px; left: -2px; position: absolute; width: 110px; }
.header .nav ul li.on .ico_arrow { background-image:url(images/ico_arrow.gif); background-repeat:no-repeat; background-position:45px center; }
.header .nav ul li.on .dropmenu { background-color: #FFF; z-index: 9000; top: 30px; left: -2px; position: absolute; width: 110px; text-align: left; padding-bottom: 5px; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #6bafd4; border-right-color: #6bafd4; border-bottom-color: #6bafd4; border-left-color: #6bafd4; visibility: visible; font-size: 12px; }
.header .nav ul li.on .dropmenu a { line-height: 20px; font-size: 12px; background-color:#fff; font-weight: normal; display: block; margin: 5px 5px 0px; padding: 0px 0px 0px 10px; }
.header .nav ul li.on .dropmenu a:hover { background-color: #E8F7FF; text-decoration: none; color: #005FAB; }
.header .nav_sub { position:absolute; white-space:nowrap; color:#D5ECFF; right:10px; top:15px; }
.header .nav_sub a { color:#D5ECFF; }
.header .nav ul li .msg_top { background-image: url(images/msg.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 20px; text-align: center; line-height: 16px; padding-left: 8px; color: #cc0000; text-decoration: none; position: absolute; top:0; left:72px; float: left; }
.header .nav ul li .msg_top a { display: block; background-image: url(images/msg.gif); background-repeat: no-repeat; background-position: right 0px; height: 20px; padding-right: 10px; text-decoration: none; line-height: 17px; float: left; color: #F00; white-space: nowrap; }
.header .nav ul li.on .msg_top { background-image: url(images/msg.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 20px; text-align: center; line-height: 16px; padding-left: 8px; color: #cc0000; text-decoration: none; position: absolute; top:-2px; left:70px; float: left; }
/* 内容部分样式 */
.content {
	text-align: left;
	width: auto;
	margin-right: 100px;
	margin-left: 100px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #D1D1D1;
	border-bottom-color: #D1D1D1;
}
.content .cc { width: 560px; float: left; }
.content .cr { float: right; width: 254px; }
/* 主要内容样式 */
.main {
	float: left;
	width: 760px;
	background-color: #FFF;
	padding: 10px 10px 30px 10px;
}
.page_title { margin-bottom:20px; clear:both width: 100%;}
.page_title h2{line-height:25px;font-size:14px;font-weight:bold;}
.page_title h2 img {float:left;height:24px;margin-right:5px;width:24px;}

/* 尾部内容样式 */
.footer { clear:both; width:1000px; border-top-width:1px; border-top-style:solid; border-top-color:#CCCCCC; line-height:30px; text-align:left; color:#666666; margin-right: auto; margin-left: auto; }
.footer .menu { float:right; color:#005FAB; }

/* 右边分类列表 */
.sidebar { float:right; width:175px; }
.sidebar p { padding:5px 0; margin:0 8px; }
.FSort { width:175px; background:#fbfbfb url(images/FSort_bg.gif) repeat-y 0px 0px; margin-bottom:10px; }
.FSort .tit { line-height:28px; height:28px; font-size:13px; font-weight:bold; background: #fbfbfb url(images/FSort_tit.gif) no-repeat 0px 0px; padding: 0px 0px 0px 14px; margin: 0px; }
.FSort ul { margin: 5px auto 0px auto; padding: 0px; width: 171px; }
.FSort li { width:100%; margin: 0px; padding: 0; }
.FSort li a { line-height: 25px; padding-left: 14px; }
.FSort li.on { width:100%; display: inline-block; line-height: 25px; background-image: url(images/FSort_on.gif); background-repeat: no-repeat; background-position: center center; }
.FSort li.on a { padding-left: 27px; }
.FSort .btm { background: url(images/FSort_btm.gif) no-repeat 0px 0px; height: 5px; font-size: 0px; line-height: 0px; clear: both; }
/* 用户列表 */
.UserList { width: 252px; margin-bottom: 10px; overflow: hidden; }
.UserList .tit { background-image: url(images/tit_bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 32px; line-height: 30px; font-size: 12px; color: #666; font-weight: bold; padding-right: 10px; padding-left: 10px; }
.UserList .tit span { font-size: 12px; font-weight: normal; color: #666666; }
.UserList .tit span img { float: left; margin-top: 10px; margin-right: 5px; }
.UserList .ListBox { background-image: url(images/list_box_bg.jpg); background-repeat: repeat-y; background-position: 0px 0px; padding-top: 10px; clear: both; overflow: hidden; padding-bottom: 10px; width: 252px; }
.UserList .ListBox ul { overflow: hidden; clear: both; width: 247px; margin-left: 5px; padding: 0; }
.UserList .ListBox ul li { width: 80px; float: left; text-align: center; padding: 0px; margin-top: 0 0 5px 0; }
.UserList .ListBox ul li span { background-image: url(images/headpicl.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 60px; width: 60px; display: block; text-align: center; margin-right: auto; margin-left: auto; overflow: hidden; }
.UserList .ListBox ul li span img { height: 50px; width: 50px; margin-top: 4px; margin-right: 6px; margin-bottom: 6px; margin-left: 4px; }
.UserList .ListBox ul li .name { text-align:center; height: 20px; padding-top: 5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.UserList .ListBox ul li .name img { margin-right: 2px; margin-left: 0px; }
.UserList .ListBox ul li .name a { }
.UserList .ListBox ul li em { line-height: 12px; }
.UserList .btm { background-image: url(images/btm_bg.jpg); background-position: 0px -4px; height: 4px; overflow: hidden; background-repeat: no-repeat; }
.critique { width:640px; }
.critique ul { margin:10px auto 0; padding:0; }
.critique ul li { clear:both; line-height:20px; margin-bottom:10px; overflow:hidden; padding-bottom:5px; padding-top:5px; width:100%; }
.critique ul li p { margin:0; padding:0; }
.tit_Critique { background-color: #F7F7F7; border-top-width: 1px; border-top-style: solid; border-top-color: #D8DFEA; padding-right: 5px; padding-left: 5px; font-weight: normal; font-size: 12px; }
.headpic50 { background-image: url(images/headpic50.jpg); background-repeat: no-repeat; background-position: 0px 0px; line-height: 60px; height: 60px; width: 60px; display: inline-block; }
.headpic50 img { height: 50px; width: 50px; margin-top: 4px; margin-right: 6px; margin-bottom: 6px; margin-left: 4px; }
.headpic100 { display:block; height:112px; overflow:hidden; text-align:center; width:112px; background-color: #EBEBEB; background-image: url(images/user_img_bg.gif); background-repeat: no-repeat; background-position: 0 0; }
.headpic100 img { border:1px solid #FFFFFF; height:100px; margin-top:5px; width:100px; }
.pic80 { height: 80px; width: 80px; }
.pic80 img { height: 80px; width: 80px; }
.pic38 { height: 38px; width: 38px; }
.pic38 img { height: 38px; width: 38px; }
.pic30 { height: 30px; width: 30px; }
.pic30 img { height: 30px; width: 30px; }
.pic20 { height: 20px; width: 20px; }
.pic20 img { height: 20px; width: 20px; }
.pic100 { height: 100px; width: 100px; }
.pic100 img { height: 100px; width: 100px; }
.bg_ico_arrow { background-image: url(images/ico_arrow_3bg.gif); background-repeat: no-repeat; background-position: 0px 10px; }
.photo135 { background:url(images/photo_bg.gif) no-repeat 0 0; display:block; height:113px; margin-left:auto; margin-right:auto; padding-left:8px; padding-top:7px; text-align:left; width:135px; }
.photo135 a { height: 100px; width: 120px; overflow: hidden; text-align: center; display: block; }
.photo135 img { width:120; height:100px; }
/* 留言板 回复 */
.Guestbook {
	text-align: left;
	background-color: #f7f7f7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	padding: 5px;
	clear:both;
	overflow:hidden;
	width: auto;
	margin-right: 200px;
	margin-left: 100px;
}
.Guestbook .tit { border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #bdc7d8; border-right-color: #bdc7d8; border-left-color: #bdc7d8; line-height: 28px; background-image: url(images/Guestbook_tit.gif); background-repeat: repeat-x; background-position: 0px bottom; font-weight: bold; height: 29px; width:100%; margin: 0px; padding: 0px; }
.Guestbook .GB_box { margin: 0px 0px 5px; padding: 0px; background-color: #f7f7f7; }
.Guestbook .GB_box textarea { border:1px solid #BDC7D8; font-size:12px; height: 90px; margin: 0px 0px 10px; line-height: 18px; width:100%; padding: 0px; overflow: auto; }
