body{
background:url(images/bg.jpg) repeat scroll 0 0;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
color:#fff;
font-family:Helvetica,Arial,"LiHei Pro",PMingLiU,sans-serif;
font-size:13px;
line-height:20px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote{
margin:0;
padding:0;
}

#header img, #gotop img {
border:none;
}

#container {
width:960px;
margin:0 auto;
}

#content {
background:#c60a16;
width:930px;
padding:15px;
min-height:300px;
overflow:hidden
}

#bar {
height:50px;
background:transparent url(images/top.jpg) no-repeat;
}

#qdlogo a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/logolink.gif) no-repeat top left;
display:block;
float:left;
height:50px;
width:200px;
}

li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#share a img, #account a img {
border:0;
}

ul#share {
float:right;
margin:15px 10px 0 10px;
}

ul#share a {
margin-left:5px;
}

	ul#share li, ul#account li {
	float:left;
	}

ul#account {
float:right;
text-align:center;
}

ul#account li {
width:92px;
height:26px;
background:url(images/bu01.gif) no-repeat;
margin:12px 3px 0 10px;
}

ul#account li:hover {
background:url(images/bu02.gif) no-repeat;
}

ul#account li a {
font-size:13px;
color:#FFF;
text-decoration:none;
vertical-align:middle;
line-height:26px;
}

.w01 {
color:#f0e2c9;
}

.left-5px {
margin:3px 0 0 5px;
}


.w02 {
color:#ffde00;
}

#index .w01{

}

.mg1 {
padding:5px 10px 10px 10px

}

.w01.index2{
padding:5px 10px 10px 10px;
}

.w01.bookname{
height:45px;
}

#p2-2 .w01.bookname{
height:auto;
}

.line {
height:5px;
background:url(images/line.gif) repeat-x;
}

.w03 {
color:#440005;
padding-top:10px;
}


.title{
background:url(images/title.jpg);
height:575px;
height:37px;
margin-top:10px;
}

.title2{
background:url(images/title2.jpg);
height:575px;
height:37px;
margin-top:10px;
}

.title3{
background:url(images/title3.jpg);
height:930px;
height:37px;
margin-top:10px;
}

.author-content {
width:575px;
background:#f0e2c8;
float:right
}

.author-book {
height:200px
}

.author-book p {
font-weight:bold
}

.author-book img {
float:left;
padding-right:10px;
}


.author-content .up {
height:5px;
background:url(images/p1_up.jpg)
}

.author-content .down {
height:5px;
background:url(images/p1_down.jpg)
}

#p1 h2, #p1 .w01, #p1 .w01 a{
color:#450005;
text-decoration:none
}

#p1 h2 {
padding-top:10px;
}

#p1 .w01 {
padding:0 8px;
}

#author-list {
width:340px;
float:left;
}

#author-list li  a{
height:90px;
width:340px;
display:block
}

#author-list li.a1{
background:url(images/a1.jpg)
}
	#author-list li.a1.on{
	background:url(images/a1_on.jpg)
	}
#author-list li.a2{
background:url(images/a2.jpg)
}
	#author-list li.a2.on{
	background:url(images/a2_on.jpg)
	}
#author-list li.a3{
background:url(images/a3.jpg)
}
	#author-list li.a3.on{
	background:url(images/a3_on.jpg)
	}
#author-list li.a4{
background:url(images/a4.jpg)
}
	#author-list li.a4.on{
	background:url(images/a4_on.jpg)
	}
#author-list li.a5{
background:url(images/a5.jpg)
}
	#author-list li.a5.on{
	background:url(images/a5_on.jpg)
	}

.board {
width:930px;
height:730px;
background:url(images/board.jpg);
}

.board-box {
width:365px;
height:550px;
float:left;
}

.board-box td {
border-bottom:1px solid #e2b567;
height:30px;
}

h2 {
font-size:15px;
line-height:37px;
font-weight:bold;
margin-left:10px;
}

h2 a {
font-weight:normal;
color:#F0E2C9;
}

h2 img{
margin:0 0 -10px -2px;
}

ul#menu1 {
width:960px;
height:90px;
}

ul#menu1 li {
float:left;
height:90px;
}

ul#menu1 li a{
display:block;
height:90px;
}

	ul#menu1 li.m1_1{
	width:186px;
	background:url(images/m1_1.jpg)
	}

	ul#menu1 li.m1_2{
	width:158px;
	background:url(images/m1_2_0.jpg)
	}
		ul#menu1 li.m1_2:hover{
		background:url(images/m1_2_1.jpg)
		}
		
		ul#menu1 li.m1_2.on{
		background:url(images/m1_2_2.jpg)
		}
	ul#menu1 li.m1_3{
	width:133px;
	background:url(images/m1_3_0.jpg)
	}
		ul#menu1 li.m1_3:hover{
		background:url(images/m1_3_1.jpg)
		}
		
		ul#menu1 li.m1_3.on{
		background:url(images/m1_3_2.jpg)
		}
	ul#menu1 li.m1_4{
	width:169px;
	background:url(images/m1_4_0.jpg)
	}
		ul#menu1 li.m1_4:hover{
		background:url(images/m1_4_1.jpg)
		}
		
		ul#menu1 li.m1_4.on{
		background:url(images/m1_4_2.jpg)
		}
		
	ul#menu1 li.m1_5{
	width:128px;
	background:url(images/m1_5_0.jpg)
	}
		ul#menu1 li.m1_5:hover{
		background:url(images/m1_5_1.jpg)
		}
		
		ul#menu1 li.m1_5.on{
		background:url(images/m1_5_2.jpg)
		}
	ul#menu1 li.m1_6{
	width:186px;
	background:url(images/m1_6.jpg)
	}
	
#menu2 {
width:960px;
height:76px;
}

#menu2 img {
border:0;
}

.bookbox-big {
width:914px;
border-style:double;
border-color:#c60a16;
border-width:8px;
min-height:100px;
background:#410005;
}

.bookbox {
padding:10px 0;
}

.book-button {
width:142px;
height:35px;
}

	.book-button a {
	display:block;
	height:35px;
	}

	.book-button.b1 {
	background:url(images/bookbutton1.jpg)
	}
	
	.book-button.b2 {
	background:url(images/bookbutton2.jpg)
	}
	
	.book-button.b3 {
	background:url(images/bookbutton3.jpg)
	}

.list {
padding-left:20px;
}	

.list li {
clear: both;
list-style:decimal outside !important;
}	

#fwbox {
width:400px;
height:270px;
background:url(images/fw.jpg);
float:right
}
	#fwbox img{
	vertical-align: middle;
	margin:0 10px 0 0;
	}

	#fwbox input {
	width:265px;
	margin-top:10px;
	}
	
	#fwbox #invite_submit {
	width:90px;
	height:37px;
	background:url(images/submit.jpg);
	border:0;
	font-size:0;
	line-height:0;
	text-indent: -9999px;
	vertical-align: middle;
	margin:0
	}
	
#res {
width:327px;
height:175px;
background:url(images/res.jpg);
float:right;
padding:55px 0 0 13px;
}

	#res h3 a {
    color: #440005;
    line-height: 30px;
    padding: 0;
	}
	
	.scrollable {
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 280px;
	float:left
	}
	.scrollable .items {
	width: 25000px;
	position: absolute;
	clear: both;
	left: 0px;
	}
	.scrollable .items .item {
    float: left;
    width: 280px;
	}

	.scrollable .user_photo img {
    width: 35px;
	}
	
	.grid-box-data {
    float: left;
    width: 120px;
	}
	
	.scrollable .user_photo {
    background-image: none;
    border: 1px solid #FFFFFF;
    float: right;
    height: 35px;
    width: 35px;
	}
	
	.scrollable .items .item h3 a {
    display: block;
    height: 35px;
    overflow: hidden;
    width: 280px;
	text-decoration:none;
	font-weight:normal;
	text-align:center
	}
	
	.scrollable h3 {
    width: 240px;
	}

	#res .prev {
    background: url("images/prev.jpg") no-repeat;
    float: left;
    height: 29px;
    margin-top: 80px;
    width: 15px;
	}
	#res .next {
    background: url("images/next.jpg") no-repeat 0 0px;
    float: left;
    height: 29px;
    margin-top: 80px;
    width: 15px;
	}
#res .prev.disabled{
    background:url(images/prev.jpg) no-repeat ;
    background-position:bottom;
    }
#res .next.disabled{
    background:url(images/next.jpg) no-repeat 0 0px;
    background-position:bottom;
    }
	
	.scrollable .grid-box {
    background-color:#eeeeee;
    float: left;
    height: 104px;
    padding: 8px;
    width: 170px;
	}
	
	.grid-box {
    color: #888888;
    font-size: 12px;
    line-height: 20px;
	}
	
	.scrollable img {
    cursor: pointer;
    float: left;
	}
	
	#res.grid-img {
    border: 1px solid #CCCCCC;
    height: 112px;
    padding: 0;
    width: 85px;
}

	.scrollable .grid-img {
    background-image: none;
    float: left;
    height: 112px;
    margin-right: 7px;
    padding: 0;
    width: 85px;
    border: 1px #CCCCCC solid
	}
	
	fieldset, img {
		border: 0 none;
	}
	
	.scrollable .grid-author {
    clear: both;
    height: 65px;
    margin-top: 5px;
	}

	.grid-author {
    height: 20px;
    overflow: hidden;
	}
	
	.scrollable .user_id a {
    color: #dc4f02;
    font-size: 12px;
	text-decoration:none
	}