body {
	color: #333;
	padding-top:50px;
}

.normal-book{
	padding-top:0px;
	background: url(../book/images/bg.png);
}

.container-book{
	width:65%;
	background: url(../book/images/bg_mini.png);
}

.book-content-bg{
	background: url(../book/images/bg_mini.png);
}

.book-content-bg2{
	background: url(../book/images/bg_mini.png);
	padding:5px 12% 5px 12%;
}

.m-book-content-bg2{
	background: url(../book/images/bg_mini.png);
	padding:5px 2% 5px 2%;
}

.book-panel{
	height: 65px;
	color: #666;
	font-size: 14px;
	padding: 30px 0 7px;
	width: 100%;
	border-bottom: #dedede solid 1px;
}

.book-panel-list {
	position: absolute;
	right: 10%;
	font-size: 12px;
	top: 31px;
	#width: 210px;
	z-index: 20;
}

.book-panel-list li {
	float: left;
	display: inline;
	margin: 0 5px;
	cursor: pointer;
	width: 25px;
	height: 25px;
	position: relative;
}

.book-panel-list li a {
	width: 25px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(../book/images/b6.png?3_20131101190829) no-repeat;
}

.catalogue {
	background: #f4f4f4;
	border: #ccc solid 1px;
	position: absolute;
	top: 65px;
	width: 658px;
	z-index: 20;
}

.r-show {
	-webkit-animation: i-r .12s ease-out;
	-moz-animation: i-r .12s ease-out;
	-ms-animation: i-r .12s ease-out;
	-o-animation: i-r .12s ease-out;
	animation: i-r .12s ease-out;
	display: block;
}

.r-hide {
	display: none;
}

.catalogue i.angle {
	width: 14px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	top: -8px;
	right: 60px;
}

.catalogue i.close {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 15px;
	right: 28px;
	cursor: pointer;
}

.catalogue .bd {
	margin: 0 57px;
	line-height: 3em;
}

.catalogue .chapter-list li {
	line-height: 39px;
	height: 39px;
	border-bottom: #bcbcbc dashed 1px;
	list-style-type:none;
}

.catalogue .chapter-list li a {
	color: #2b2b2b;
}

.catalogue .hd h2 {
	text-align: center;
	font-size: 1.5em;
	font-weight: 400;
	color: #4f4f4f;
	line-height: 4em;
	margin-top: -32px;
}

.catalogue .catainner {
	overflow-y: auto;
	overflow-x: hidden;
	margin: 2em 0;
}

.book-panel-list li.cata-trigger div {
	position: absolute;
	width: 61px;
	height: 24px;
	color: #fff;
	background: #b2b2b2;
	border: #989898 solid 1px;
	text-align: center;
	top: 34px;
	left: -20px;
	z-index: 1000;
}

.jumppage {
	background: #efefef;
	border: #e0e0e0 solid 1px;
	position: absolute;
	top: 70px;
	right: 15%;
	z-index: 20;
	color: #9d9d9d;
	width: 130px;
}

.jumppage i.angle {
	width: 14px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	top: -8px;
	right: 5px;
}

.jumppage p {
	height: 24px;
	line-height: 24px;
	padding: 5px;
	font-size: 12px;
}

.jumppage input {
	height: 18px;
	line-height: 18px;
	padding: 2px;
	width: 35px;
	border: #ccc solid 1px;
	margin: 0 4px;
	vertical-align: middle;
}

.jumppage a, .jumppage a:visited {
	background: none repeat scroll 0 0 #CC201C;
	border: 1px solid #B21310;
	color: #fff;
	height: 19px;
	line-height: 19px;
	text-align: center;
	padding: 1px 5px;
	margin-left: 10px;
	display: inline-block;
}

.book-panel-list li.jump-trigger a {
	background-position: -25px 0;
}

.font {
	background: #efefef;
	border: #e0e0e0 solid 1px;
	position: absolute;
	top: 70px;
	z-index: 20;
	color: #9d9d9d;
	right: 10%;
	padding:0px;
}

.font ul{
	margin: 0;
	padding: 0;
}

.font i.angle {
	width: 14px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	top: -8px;
	right: 5px;
}

.font li {
	width: 29px;
	height: 29px;
	overflow: hidden;
	display: inline;
	float: left;
}

.font li a {
	width: 29px;
	height: 29px;
	display: block;
	background: url(../book/images/b14.png) no-repeat;
	text-indent: -9999px;
}

.bookmark {
	background: #f4f4f4;
	border: #ccc solid 1px;
	position: absolute;
	top: 65px;
	width: 658px;
	z-index: 20;
}

.font16pt{
	font-size:14pt;
}

.font18pt{
	font-size:16pt;
}

.font20pt{
	font-size:18pt;
}

.font24pt{
	font-size:22pt;
}

.font .font16 a {
	background-image: 0 0;
}

.font .font16 a:hover, .font .font16 a.on {
background-position: 0 -29px;
}

.font .font18 a {
background-position: -29px 0;
}

.font .font18 a:hover, .font .font18 a.on {
	background-position: -29px -29px;
}

.font .font20 a {
	background-position: -58px 0;
}

.font .font20 a:hover, .font .font20 a.on {
background-position: -58px -29px;
}

.font .font24 a {
	background-position: -87px 0;
}

.font .font24 a:hover, .font .font24 a.on {
background-position: -87px -29px;
}

.bookmark i.angle {
	width: 14px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	top: -8px;
	right: 9px;
}

.bookmark i.close {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 15px;
	right: 28px;
	cursor: pointer;
}

.bookmark .add a {
	width: 143px;
	height: 26px;
	color: #fff;
	line-height: 26px;
	font-size: 14px;
	background: #cc201c;
	border: #b21310 solid 1px;
	display: block;
	margin: 50px auto 30px;
	text-align: center;
}
.book-panel-list li.font-trigger a {
	background-position: -50px 0;
}

.book-panel-list li.bookmark-trigger div {
	position: absolute;
	width: 61px;
	height: 24px;
	color: #fff;
	background: #b2b2b2;
	border: #989898 solid 1px;
	text-align: center;
	top: -30px;
	left: -20px;
	z-index: 1000;
}

.book-panel-list li.bookmark-trigger a {
	background-position: -100px 0;
}

.J_GuideDemo_1, .J_GuideDemo_2 {
	display: none;
}

.bookmark i.angle, .catalogue i.angle, .jumppage i.angle, .font i.angle {
	_background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAMAAAD+zz7+AAAAGXRFW…7PpSRxW+BvYbj1i6lRcW5SJwDnwbma9xkgomZrB4yvAAMAdd8J/KZLYtcAAAAASUVORK5CYII=);
	background: url(../book/images/b3.png) no-repeat;
}

.bookmark i.close, .catalogue i.close, .shelf-pop .close, .review .hd .close {
	_background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAGXRFW…WSvbXRnhONlhAnmlLcCIk/8kU/7ybcqj/kb3s4HuEQYABlUAOVJQy3mAAAAABJRU5ErkJggg==);
	background: url(../book/images/b17.png) no-repeat;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}

::-webkit-scrollbar-thumb {
background-color: #c2c2c2;
background-clip: padding-box;
border: 1px solid #979797;
min-height: 28px;
}

::-webkit-scrollbar-track-piece {
background-color: #E9E9E9;
border-left: 1px solid #d2d2d2;
}

.normal-book .prev-turn {
	height: 500px;
	z-index: 10;
	position: absolute;
	width: 50%;
	left: 0;
	top: 60px;
	bottom: 80px;
	cursor: url(../book/images/cur1.cur),-moz-zoom-out;
	cursor: url(../book/images/cur1.cur),auto;
}

.normal-book .next-turn {
	height: 500px;
	position: absolute;
	width: 50%;
	z-index: 10;
	right: 0;
	top: 60px;
	bottom: 80px;
	cursor: url(../book/images/cur2.cur),-moz-zoom-out;
	cursor: url(../book/images/cur2.cur),auto;
}

.popo-black {
	background: #333;
	border-radius: 5px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: fixed;
	_position: absolute;
	top: 200px;
	display: none;
	z-index: 200;
	padding: 0 40px;
	box-shadow: 0 0 30px #000;
}

.m-logsection {
	float: right;
	width: 225px;
	height: 200px;
	padding: 17px;
	background-color: #f4f4f4;
}

.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #cccccc;
	content: "\00a0";
}

.breadcrumb > li {
	padding: 10px 0px;
	display: inline-block;
}

.media-heading {
	padding-top: 5px;
	height: 30px;
	line-height: 18px;
	overflow: hidden;
	font-weight: bold;
}

.media-body p.author {
margin: 9px 0 6px 0;
}

.media-body p.disc {
height: 54px;
line-height: 18px;
margin: 15px 0 0 0;
color: #666;
overflow: hidden;
}

.media-body p.disc a {
color: #1c77ba;
}

.w-star span,.w-img,.m-dy .op .o1,.m-dy .op .o2,.m-sdbox h3,.m-stars .sc,.m-dy .op .o3,.m-info a.edit{background:url(/webapp/skins/default/images/sprite2.png) no-repeat 9999px 9999px;}
.w-star,.w-star span{height:17px;overflow:hidden;}
.w-star{display:block;width:95px;cursor:default;}
.w-star span{float:left;width:20px;margin:0 0 0 -1px;background-position:1px 0;}
.w-star span.no{background-position:-23px 0;}
.w-star1,.w-star1 span{height:12px;}
.w-star1 span{width:16px;background-position:0 -550px;}
.w-star1 span.no{background-position:-18px -550px;}
.w-img,.w-img img{width:75px;height:75px;float:left;}
.w-img{margin:0 10px 0 0;padding:2px;background-position:-241px -340px;}


.media-body h4 {
font-weight: bold;
}

.list-chapter  {
	padding-left: 5px;
}

.list-chapter  .single{
	background: url(../book/images/bookwdg.png) 0 -974px no-repeat;
}

.list-chapter  li {
	position: relative;
	height: 39px;
	line-height: 39px;
	overflow: hidden;
	border-bottom: #bcbcbc dashed 1px;
}

.book-tag-name{
	font-size:12pt;
}
.book-catalogue-span{
	font-weight:bold;font-size:16px;display:block;text-align:center;
}
.book-catalogue-a{
	font-weight:bold;font-size:16px;padding-left:10px;
}

.book-pf{
	position: relative;
	float: left;
}

.book-pf .w-star {
	margin: 7px 4px 0 0;
	float: left;
}

.book-pf p {
	line-height: 30px;
	float: left;
}

.book-pf p.num span.space {
	margin: 0 3px;
}

.book-pf p.num a {
	color: #4472ad;
	margin: 0 0 0 5px;
}

.bottombar{
	line-height: 52px;
}
.bottombar p.size-leave {
	text-indent: 4px;
	font-size: 12px;
	color: #888;
	line-height: 12px;
	margin-top: 15px;
}

.bottombar .btn {
	text-align: right;
	margin-top: -27px;
}