/* basic */
*{
	margin: 0px;
	padding: 0px;
}

body{
	color:#333333;
	background: #333333;
	text-align: center;
	font: 12px/120% 宋体,Verdana,Arial,sans-serif;
}

a{
	color: #333;
	text-decoration: none;
	background-color: transparent;
}

a:hover{
	color: #ff6600;
}

span{
	line-height: 120%;
}

p{
	line-height: 150%;
}

h1, h2, h3, h4, h5, h6{
	font-size: 16px;
	line-height: 150%;
}
.font14{ font-size:14px;}
img{
	border: 0px;
}

div{
	text-align: left;
}

hr{
	height: 1px;
	border: 1px solid #666;
	clear: both;
	margin: 5px 0px;
}

ul{
	list-style: none;
	clear: both;
	text-align: left;
}

li{
	line-height: 150%;
}

/* table */
table{
	text-align: left; 
	font: 12px/120% 宋体,Verdana,Arial,sans-serif;
}

table td{
  font-family: 宋体, 新细明体, Verdana, Arial, sans-serif;
  font-size: 12px;
}

table.fix{
	table-layout: fixed;
}

table.fix td{
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

table.grid{
	border-collapse: collapse;
	border: 1px solid #666;
	padding: 3px;
	margin: auto;
}

table.grid caption, .gridtop{
	border: 1px solid #666;
	background: #DBDBDB;
	vertical-align: middle; 
	text-align: center;
	color:#656728;
	font-weight: bold;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	background: url("images/caption_bg.gif");
	margin: auto;
}

table.grid th, .head{
	border: 1px solid #666;
	background: #efefef;
	color:#1F4332;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 200%;
}

table.grid td{
	border: 1px solid #666;
	padding: 3px;
	background-color: #ffffff !important; 
}

table.hide, table.hide th, table.hide td{
	border: 0;
}

/* table add-ons */

/*
.title{
	background: #e9f1f8;
	text-align: center;
	padding: 3px;
	color:#054e86;
	font-weight: bold;
	font-size: 14px;
}
*/
.even{
	background: #ffffff; 
	padding: 3px;
}
.even INPUT{
	vertical-align: middle;
}
.odd{
	background: #e7f4fe; 
	padding: 5px;
}
/*
.foot{
	background: #f0f7ff; 
	padding: 3px; 
	text-align: center;
}
*/
.bottom{
	height: 9px;
	background: #b7b785; 
}


/* form */

form{}

input{}

.text{
	border: 1px solid #666; 
	background: #ffffff;
	color: #333;
	height: 20px;
}

.textarea{
	border: 1px solid #666; 
	background: #ffffff;
	color: #054e86; 
}

.button{
		height: 21px; width:52px; color:#FFF;
		background:url("images/button_03.jpg") no-repeat;
		border: 0px;
}

.checkbox, .radio{border-width: 0px;}

.select{height: 21px;}

/* structure */

#wrapper{}

#left{
	float: left;
	width:210px;
	margin-left:12px !important;
	margin-left:6px;
	margin-right:6px;
}

#right{
	float: right;
	width:210px;
	margin-right:12px !important;
	margin-right:6px;
}

#centers{
	float: left;
	width:491px; 
	margin-left:6px;
}

#centerm{
	float: left;
	width: 720px;
}

#centerl{
	float: left;
	width: 940px;
	margin-left:10px !important;
	margin-left:5px;
}

#cleft{
	float: left;
	width: 355px;
	margin-left:12px !important;
	margin-left:6px;
}
#cright{
	float: left;
	width: 355px;
	margin-left:8px;
}

#content{

}

.block{
	border: 1px solid #666;
	margin-bottom: 10px;
}

.blocktitle{
	font-weight: bold;
	font-size: 14px;
	background: #e9f1f8;
	color: #333; 
	height: 30px;
	line-height: 30px; 
	background: url("images/caption_bg.gif");
	text-align: center;
}

.blockcontent{
	padding: 3px;
	background: #ffffff;
}

#centers .block{
	background:url("images/title3.gif") no-repeat center bottom; 
	overflow:hidden;
	padding-bottom:15px;
}
#centers .blocktitle{
	font-weight: bold;
	font-size: 14px;
	color: #333; 
	height:53px; border:none;
	line-height:53px; text-align:center;
	background:url("images/title.gif") no-repeat;
}
#centers .blockcontent{
	padding:5px 18px; overflow:hidden;
	background:url("images/title2.gif") repeat-y;
}


.blocknote{
	border-top: 1px solid #a3bee8;
	padding: 3px;
	text-align: center;
	background: #f0f7ff;
	line-height: 150%;
}

.blocktitle span{
	position: relative;
	bottom: -5px;
	border-top: 1px solid #a3bee8;
	border-left: 1px solid #a3bee8;
	border-right: 1px solid #a3bee8;
	background: #ffffff;
	padding: 3px 6px 3px 6px;
	color: #c42205;
	height: 22px;
	line-height: 22px; 
}

#left .block,#right .block{
	background:url("images/index_48.jpg") no-repeat center bottom;
	width:210px; overflow:hidden; padding-bottom:11px; border:none;
}
#left .blocktitle,#right .blocktitle{
	line-height:31px; 
	text-align: center;
	background:url("images/index_25.jpg") no-repeat;
	height:31px;
	width:210px; border:none;
}

#left .blockcontent,#right .blockcontent{
	background:url("images/index_37.gif") repeat-y;
	width:210px; 
	padding: 5px 0px 0px 0px;
	overflow:hidden;
}

#cleft .block,#cright .block{
	background:url("images/index_76.jpg") no-repeat center bottom;
	width:355px; overflow:hidden; padding-bottom:11px; border:none;
}
#cleft .blocktitle,#cright .blocktitle{
	line-height:32px; 
	text-align: center;
	background:url("images/index_57.jpg") no-repeat;
	height:32px;
	width:355px; border:none;
}

#cleft .blockcontent,#cright .blockcontent{
	background:url("images/index_61.gif") repeat-y;
	width:355px; 
	padding: 5px 0px 0px 0px;
	overflow:hidden;
}

/* custom */

.ultop li{list-style: decimal inside; margin: 3px 7px; border-bottom: 1px dashed #c3c3c3; color: #666;}
.ultop li a{color: #c42205;}
.ulitem li{list-style: square inside; line-height:19px;margin: 3px 0px 3px 15px; color:#b2971b;}
.ulrow li{padding:2px;margin: 0px 7px;}
.ulcenter li{text-align: center;}
.ulmul{overflow: hidden;}
.ulmul li{ float:left; line-height:21px; width:49%; text-align:center;}

.fix, .lm{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both; font-size:0px; height:0px;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.more{text-align: right;padding-right:10px;}

.c_navigation{}
.c_title{
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 200%;
}
.c_head{
	line-height: 150%;
}
.c_content{
	font-size: 14px;
	line-height: 150%;
}
.c_foot{
	line-height: 150%; list-style:none
}
.c_label{
	font-weight: bold;
}
.c_value{
}

.c_row{}
.c_subject{}
.c_tag{}
.c_description{}
.c_note{}


/* attention */

.hottext, a.hottext{color: #ff0000;}
.poptext, a.poptext{color: #c42205;}
.mltext, a.mltext{color: #258fcd;}
.mltext:hover{color: #ff6600;}
.notetext, a.notetext{color: #1979cc;}
.errortext, a.errortext{color: #ff0000;}

a.btnlink, a.btnlink:visited{color: #ffffff; background: url("images/btnlink_bg.gif"); width:90px; height:24px; line-height:24px; text-align:center;display:block;}
a.btnlink:hover{font-weight:bold;}
.ulrow2 li{ background:url(images/button.jpg) no-repeat; width:100px; height:30px;
	line-height:30px; font-size:14px; font-weight:bold; text-align:center; margin:0px 10px 10px 0px;
	float:left;}


/* interface */

.jieqiQuote, .jieqiCode, .jieqiNote{
	border: #000000 1px solid; 
	padding: 2px; 
	font-size: 12px; 
	color: #000000; 
	background-color: #a3bee8;
}

.divbox{
	border: 1px solid #666;
	margin-bottom: 3px;
	text-align: center;
}

.textbox{
	border: 1px solid #666;
	padding: 5px;
	margin: 3px;
	line-height: 150%;
}

.popbox{
	position:absolute;
	width:190px !important;
	height:110px !important;
	width:200px;
	height:120px;
	border: 1px solid #666;
	background: #f0f7ff;
	color: #ff0000;
	font-size: 12px;
	line-height:120%;
	padding: 3px;
	display:none;
	z-index:9999;
}

.ajaxtip{
	position:absolute;
	border: 1px solid #666;
	background: #f0f7ff;
	color: #ff0000;
	font-size: 12px;
	line-height:120%;
	padding: 3px;
	z-index:1000;
}

#tips {
	border: 1px solid #666;
	padding: 3px;
	display: none;
	background: #f0f7ff;
	position: absolute;
	z-index: 2000;
}

#dialog{
	position:absolute;
	top:0px;
	left:0px;
	border: 5px solid #333333;
	background: #ffffff;
	font-size: 12px;
	line-height:120%;
	padding: 20px 10px 10px 10px;
	visibility: hidden;
}

#mask{
	position:absolute;
	top:0px;
	left:0px;
	background: #777777;
	filter: Alpha(opacity=30);
	opacity: 0.3;
}

.pages{
	padding: 5px 0px;
}
.pagelink{
	border: 1px solid #666;
	float: right;
	background: #efefef;
	line-height:24px;
	padding:0;
}
.pagelink a, .pagelink strong, .pagelink em, .pagelink kbd, .pagelink a.first, .pagelink a.last, .pagelink a.prev, .pagelink a.next, .pagelink a.pgroup, .pagelink a.ngroup{
	float: left;
	padding: 0 6px;
}
.pagelink a:hover{background-color: #ffffff; }
.pagelink strong{font-weight: bold; color: #ff6600; background: #e9f1f8;}
.pagelink kbd{height:24px; border-left: 1px solid #a3bee8;}
.pagelink em{height:24px; border-right: 1px solid #a3bee8; font-style:normal;}
.pagelink input{border: 1px solid #666; color: #054e86; margin-top:1px; height: 18px;}

img.avatar{border: 0px;}
img.avatars{width: 48px; height: 48px; background:url("images/avatars_bg.gif") right bottom; padding:3px 7px 7px 3px; cursor:pointer;}
img.avatari{width: 16px; height: 16px; border: 1px solid #cccccc;margin-bottom:-3px;}

a.message{background:url("images/aicons.gif") 0px 0px no-repeat; padding-left:16px;}
a.parlor{background:url("images/aicons.gif") 0px -16px no-repeat; padding-left:16px;}
a.friend{background:url("images/aicons.gif") 0px -34px no-repeat; padding-left:16px;}
a.bookcase{background:url("images/aicons.gif") 0px -54px no-repeat; padding-left:16px;}
a.group{background:url("images/aicons.gif") 0px -73px no-repeat; padding-left:16px;}
a.space{background:url("images/aicons.gif") 0px -94px no-repeat; padding-left:16px;}
a.userinfo{background:url("images/aicons.gif") 0px -113px no-repeat; padding-left:16px;}
a.logout{background:url("images/aicons.gif") 0px -133px no-repeat; padding-left:16px;}

.tablist ul{height:25px; margin:0px 0px 0px 10px; padding:0px;}
.tablist li{float:left; height:24px; list-style:none; margin-right:3px;}
.tablist li a{float:left; height:24px; line-height:24px; padding:0px 10px; display:block; background:#f0f7ff; text-decoration:none; color:#000000; border:1px solid #666666; border-bottom:none; }
.tablist li a.selected{ background:#ffffff; height:25px; position:relative; margin-bottom:-1px;}
.tabcontent{clear:both; border:1px solid #666666; padding:10px;}

.ultab li{float:left;background:#efefef; border:1px solid #666666; height:24px; line-height:24px; font-size:14px; font-weight:bold; text-align:center; list-style:none; position:relative; margin:0px 0px -1px 10px; position:relative;padding:0px 10px;}
.ultab li.selected{background:#ffffff;border-bottom:1px solid #ffffff;}

.bg_top{ width:1024px; height:32px; margin:0 auto; background: url("images/bg_01.jpg") no-repeat;}
.bg{width: 1024px; background:url("images/bg_03.gif") repeat-y center center; overflow:hidden;	margin:0 auto;}
#topbar {background: url("images/index_05.gif") no-repeat; height:56px; width:960px; padding-top:45px;margin:0 auto;}
.m_head{overflow:hidden; width:960px;margin:0px auto 8px auto;}
.main{width: 960px; clear: both; margin:0 auto; padding:0px; text-align: center; overflow:hidden;}
.main1{width: 960px; clear: both; margin:0 auto; padding:10px; color:#FFF; text-align: center; overflow:hidden;}
.main1 a{color:#CCC;}
.main1 a:hover{color:#ff6600;}
.m_top{padding:12px 0px 0px 0px;height: 15px; color:#CCC;}
.m_top a{ color:#CCC;}
.h_logo{float:left;	width:118px;}
.h_banner{float:left;}
.m_foot{width:960px; height:97px; margin:0 auto; text-align:center; line-height:120%; color:#CCC;background: url("images/index_116.jpg") no-repeat;}
.m_foot a{color:#CCC;}

.nav{ width:840px; overflow:hidden;}
.menu{ width:756px; _width:759px; height:46px; margin:15px 0px 0px 50px; font-size:12px; font-weight:bold;}
.me_bg{width:102px; height:40px; background: url("images/mebg.jpg") no-repeat; margin:3px;}
.menu a{ width:102px; height:40px; line-height:40px; text-align:center; color:#1F4332; float:left;}
.menu a:hover{color: #ff6600;position:relative;left:1px;top:1px;}

.drc_output{width:100%; height:58px; margin:10px 0px 10px 0px; overflow:hidden;}
.drc_output UL{ height:116px; padding:0px 16px 0px 53px;}
.drc_output UL LI{ width:33%; height:58px; padding-top:2px; line-height:58px; float:left; display:inline;}
.drc_output IMG{ border:#ccc 1px solid; padding:2px; width:40px; height:40px; float:left; margin-right:5px;}
.drc_content{ float:none; display:block; padding-right:10px; font-family:"微软雅黑";}
.drc_content P{ line-height:24px; display:block; white-space:normal; height:48px; overflow:hidden;}
.drc_content P EM{ font-style:normal; color:#999999;}

#search {width:740px; padding:10px 0px 0px 100px;height:46px;background: url("images/index_20.jpg") no-repeat;}
#search .sbuttom{width: 52px; height: 21px; line-height: 21px; border: 0px; background: url("images/button_03.jpg") no-repeat; font-size: 12px; float: left;   cursor: pointer; color: #eaddc4;  text-align: center;}
#search .hotkeywords {display: inline; clear:none; float: right; margin-left: 12px; width:310px; line-height: 21px}
#search .hotkeywords li {float: left; margin-right: 8px; white-space: nowrap;}
#search .hotkeywords span {font-weight: 600; float: left; color: #000000;padding-top:3px;}
#search .input {border: #666 1px solid; padding-right: 0px; background: url(images/pic01.gif) 3px 4px no-repeat; padding-left: 0px; float: left; padding-bottom: 0px; margin: 1px 4px 1px 0px; width: 120px; TEXT-INDENT: 20px; line-height: 17px; padding-top: 0px; height: 17px;}
#search .select {border: #666 1px solid; padding-right: 0px; padding-left: 0px; font-size: 12px; float: left; padding-bottom: 0px; margin: 0px 4px 0px 0px; line-height: 21px; padding-top: 0px; font-family: Tahoma; height: 21px; }
#search label {	float: left; line-height: 21px; margin-right: 4px; height: 21px}
.bg3{ width:960px; height:163px; margin:0 auto;}
#style_bottom {background: url("images/background.jpg") no-repeat; width: 1024px; height:30px; margin:0 auto;}
.flink {width:100%; clear:both;}
.flink li{line-height:150%;width:10%;float:left;text-align:center;}
.flink li a{color:#ffffff;}

/* 首页左右推荐 */
dd, dl, dt { margin: 0px; }
.bookpics   a:hover { background-position: -73px; padding-bottom: 4px; padding-left: 6px; padding-right: 4px; padding-top: 6px; float: left; }

.bookpics  a { background-image: url('images/bookpicsbg.gif'); background-repeat: no-repeat; float: left; height: 78px; padding-bottom: 6px; padding-left: 4px; padding-right: 6px; padding-top: 4px; width: 63px }
/* 首页封面推荐 */
.bookpicsc   a:hover { background-position: -175px 0px; background-repeat: no-repeat; display: inline; float: left; height: 188px; margin: 5px; padding: 12px; width: 150px;}

.bookpicsc  a { background-image: url('images/bookpicsbgb.gif');  background-position: 0px 0px; background-repeat: no-repeat; display: inline; float: left; height: 188px; margin: 5px; padding: 12px; width: 150px }
/* 首页总排行点击数排列 */
.ultop1 li{list-style : none; margin: 3px 3px; border-bottom: 1px dashed #d8e4ef; color: #000000;}
.ultop1 li a{color: #525252;}
.ultop1 li a:hover{color:#258FCD}

.stat { color: #000000; float: right; font-size: 11px; line-height: 21px; padding-right: 4px;}
.stat1 { color: #004D00; float: left; font-size: 11px; line-height: 21px; padding-left: 4px; }
.more1{text-align: right;margin: 8pt 0pt 0pt 3pt;}
/* 首页分类推荐排列 */
.ulmul1{overflow: hidden;}
.ulmul1 li{ float:left}
.picshow{ border:1px solid #CFCFCF; padding:1px; text-align:center; margin:4px; float:left; background:#F6F6F6}
.picshow:hover{border:1px solid #258FCD;}
/* 用户排行榜 */
.face{text-align:center; line-height:20px; margin:7px 8px; width:52px; display:inline; float:left; height:70px; overflow:hidden;}
.face .image{border:#d8d8d8 1px solid; padding:1px; width:48px; height:48px;}

.red{ color:#d00016;}
.red a:link { color:#d00016; text-decoration:none;}
.red a:visited { color:#d00016; text-decoration:none;}
.red a:hover { color:#ff0000; text-decoration:none;}

.YD{ height:43px !important; height:33px; background:url(images/yd1_03.jpg) top repeat-x; line-height:48px; padding:5px 0px 0px 0px !important; padding:15px 0px 0px 0px; overflow:hidden;}
.YD img{ margin:0 3px;}
.YD span{ color:#b00b00}
.YDcon{ width:918px; border:#999999 solid 5px; background:#defff8; padding:5px;}
.YDcon01{ width:918px; text-align:center; margin-top:10px; line-height:30px;}
.YDcon01 span{ color:#b00b00; font-size:30px; font-weight:bold;}
.YDcon02{ line-height:32px; font-size:14px;}
.tips{ text-align:center;}


/* QQ登录绑定界面 */
.bindconbox { width:460px; height:340px; overflow:hidden; padding:15px 10px 15px 10px; background:#fff; margin:0 auto;}
.bindtit{ width:460px; height:58px; overflow:hidden;}
.bindtit dt { height:33px;line-height:33px; width:455px; padding-left:5px; font-weight:bolder; color:#000; font-size:14px;}
.bindtit dd { height:25px; padding-left:5px;}
.bindblock{ border:#666 1px solid;}
.bindtype{ width:460px; overflow:hidden; height:31px;}
.bindtype ul{ width:460px; overflow:hidden;}
.bindtype li {float:left;}
.bindtype li b { color:#fff; padding-right:14px;}
.bindtype A{ width:228px; display:inline; margin-right:2px; cursor:pointer; padding:8px 0px 0px 0px; text-align:center; height:21px; background:#5a91c7; float:left; color:#eff4f9;}
.bindtype A.selected { background:#d8eafb; height:23px; color:#2b2f32; width:228px;}
.bindtype A.selected b { color:#000;}
.bindcon{ width:458px; height:190px; background:#d9eafc; padding:10px 0px; overflow:hidden;}
#bindlogin INPUT,#bindlogin IMG{ vertical-align:middle;}
#bindregister INPUT,#bindregister IMG{ vertical-align:middle;}
.bindbtn{ width:460px; height:32px; overflow:hidden; padding:10px 0px; text-align:center;}
.bindbtn input { width:96px; height:31px; overflow:hidden; vertical-align:middle; border:0; background:url('images/loginWinBg.gif') no-repeat left top; font-size:14px; font-weight:bolder; color:#fff; cursor:pointer;}


/* QQ解绑界面 */
.unbindbox,.nobind { width:460px; text-align:center; overflow:hidden; padding:15px 10px 15px 10px; background:#fff; margin:0 auto;}
.unbindbtn { text-align:center; }
.unbindbtn input { width:96px; height:31px; overflow:hidden; vertical-align:middle; border:0; background:url('images/loginWinBg.gif') no-repeat left top; font-size:14px; font-weight:bolder; color:#fff; cursor:pointer;}