@charset "utf-8";
body{margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
color:#333;
}
img{border:0}
form{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#666}
ul{margin:0; padding:0; list-style:none}

.container{width:960px; margin:0 auto; clear:both}
div a{color:#666; text-decoration:none}
div a:hover{color:#c00; text-decoration:underline}

#top{background:url(../images/lefttop.gif) right bottom no-repeat}
#logo{float:left}
#toplink{float:right; margin-top:70px; width:320px; text-align:right}
#toplink ul li{float:left;padding:0 10px; line-height:16px; border-right:1px dashed #ccc; display:inline}
#toplink ul  #lastli{border:none}
#top{height:10px}
.box{float:left;}
#leftbox{width:708px; height:449px}
#rightbox{width:252px; height:449px; background:url(../images/lbg.jpg) repeat-x top}
#logintt{width:252px; height:21px; background:url(../images/logintt.gif) left top no-repeat;}

#loginformbox{width:213px; margin:10px auto; background:url(../images/line.gif) no-repeat bottom center; padding-bottom:10px}
.inputbox{margin:15px 0; display:block; height:26px; clear:both}
#loginform span input{border:0; width:133px; height:22px; background:none; line-height:22px; padding-top:4px; padding-left:80px; color:#666}
#loginform .off{background:url(../images/username.gif) no-repeat top center;}
#loginform .off2{background:url(../images/password.gif) no-repeat 0 -27px;}

#loginform .on1{background:url(../images/username.gif) no-repeat 1px -27px;}
#loginform .on2{background:url(../images/password.gif) no-repeat 0 0;}

#loginform #loginbt{width:97px; height:31px; background:url(../images/loginbutton.gif) no-repeat 0 0; cursor:pointer;}
#loginform #loginbt:hover{width:97px; height:31px; background:url(../images/loginbutton.gif) no-repeat 0 -31px;}
.loginbt{width:97px; height:31px; background:url(../images/loginbutton.gif) no-repeat 0 0; cursor:pointer;}
.loginbt:hover{width:97px; height:31px; background:url(../images/loginbutton.gif) no-repeat 0 -31px;}
.inputbox{display:block; clear:both}
#rmbrme{ line-height:22px;}
#nomargin{margin:0 2px 0 0; padding:0; clear:both;}
#forget{ position:relative; top:-35px; left:100px;  font-size:14px; padding-left:10px}
#forget a{color:#fff;}

#regbox{background:url(../images/line2.gif) no-repeat bottom center; padding:20px}
.regyes{display:block;  text-align:center; font-size:14px; clear:both}
.regnow a{width:194px; height:27px; display:block; background:url(../images/regist.gif) no-repeat 0 0; text-align:center; margin:10px 0}
.regnow a:hover{background:url(../images/regist.gif) no-repeat 0 -27px;}
.hidden{visibility:hidden; display:block}

.newstt{color:#c00; font-weight:normal; width:708px; font-size:14px; display:block; border-top:0px solid #ccc; line-height:30px;}
.newsbox ul li{line-height:30px; padding-left:30px;}
.newsbox ul #new1{background:url(../images/icon/1.gif) no-repeat left center}
.newsbox ul #new2{background:url(../images/icon/2.gif) no-repeat left center}
.newsbox ul #new3{background:url(../images/icon/3.gif) no-repeat left center}
.newsbox ul #new4{background:url(../images/icon/4.gif) no-repeat left center}
.newsbox ul #new5{background:url(../images/icon/5.gif) no-repeat left center}

#bottom{border-top:1px solid #ccc; padding:10px 0; margin:50px auto 0 }
.bleft{display:block; float:left; width:400px }
.bright{display: block ; float:right; width:400px; text-align:right}
#news{ margin-top:-10px;}

.onenews{width:320px; height:60px; padding:10px; float:left; margin-right:10px}
.avatar{width:48px; height:48px; float:left; margin-right:10px}
.novelname a{color:#333;}
.s2{color:#999}
.plun{color:#666}
.plun a{color:#c00; text-decoration:underline}

.leftnews{width:700px; float:left; overflow:hidden}
.rightnews{width:230px; margin-left:20px; float:left; height:150px}
.zxdttt{font-weight:800; padding-left:30px; background:url(../images/new.gif) no-repeat left center; height:25px; line-height:25px}
.tttime{font-weight:normal; color:#999; padding-left:20px}
.dtnr{ text-indent:2em;  margin-bottom:20px; color:#666}

#lefttt{font-size:14px; border-bottom:3px solid #efefef; display:block; line-height:30px; color:#999}
.loginbooks{padding:5px 0; border-bottom:1px solid #efefef; padding-right:10px; overflow:hidden; width:100%}
.loginpic{width:100px; height:100px; solid #ccc; float:left; }
.bookinfo{margin-left:100px; overflow:hidden}
.bookname{display:block; line-height:25px; font-size:14px}
.bookname a{color:#009ACC; text-decoration:none;}
.bookname a:hover{text-decoration:none}
.infobox{line-height:30px; height:30px; color:#999;}
.infobox a{color:#f60}
.author{ float:left; padding-left:10px; font-size:14px; font-weight:800; color:#666}
.time{float:right; color:#ccc}
.intro{color:#999; padding:0px 0 10px 10px; display:block}

.todaynews{display:block; padding:10px; padding-left:30px;  border:1px solid #fee9be; margin-top:30px; background:#fffdd7 url(../images/todayinfo.gif) no-repeat 5% 50%}

#lastbook{border-bottom: none}