.booklet {
	height: 600px; width: 800px; position: relative; margin: 0px auto 10px
}
.booklet .b-page {
	overflow: hidden; position: absolute; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; left: 0px; top: 0px; padding-right: 0px
}
.booklet .b-pn {
	
}
.booklet .b-p0 {
	
}
.booklet .b-p1 {
	
}
.booklet .b-p2 {
	
}
.booklet .b-p3 {
	
}
.booklet .b-p4 {
	
}
.booklet .b-wrap {
	position: absolute; top: 0px
}
.booklet .b-wrap-left {
	background: #fff
}
.booklet .b-wrap-right {
	background: #efefef
}
.booklet .b-pn .b-wrap {
	left: 0px
}
.booklet .b-p1 .b-wrap {
	left: 0px
}
.booklet .b-p2 .b-wrap {
	left: 0px
}
.booklet .b-p3 .b-wrap {
	left: 0px
}
.booklet .b-p4 .b-wrap {
	left: 0px
}
.booklet .b-p0 .b-wrap {
	right: 0px
}
.booklet .b-page-blank {
	height: 100%; width: 100%; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px
}
.booklet .b-page-cover {
	height: 100%; width: 100%; background: #925c0e; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px
}
.booklet .b-page-cover h3 {
	color: #fff; text-shadow: 0px 1px 3px #222
}
.booklet .b-counter {
	font-size: 10px; height: 20px; font-family: georgia, "times new roman", times, serif; width: 25px; background: #ccc; position: absolute; color: #444; padding-bottom: 0px; text-align: center; padding-top: 5px; padding-left: 0px; display: block; padding-right: 0px; bottom: 10px
}
.booklet .b-wrap-left .b-counter {
	left: 10px
}
.booklet .b-wrap-right .b-counter {
	right: 10px
}
.booklet .b-shadow-f {
	background-image: url(/uploads/image/ccimages/shadow-top-forward.png); right: 0px; background-repeat: repeat-y; position: absolute; background-position: 100% 0px; top: 0px; opacity: 0
}
.booklet .b-shadow-b {
	background-image: url(/uploads/image/ccimages/shadow-top-back.png); background-repeat: repeat-y; position: absolute; background-position: 0px 0px; left: 0px; top: 0px; opacity: 0
}
.booklet .b-p0 {
	background-image: url(/uploads/image/ccimages/shadow.png); background-repeat: repeat-y; background-position: 100% 10px
}
.booklet .b-p3 {
	background-image: url(/uploads/image/ccimages/shadow.png); background-repeat: repeat-y; background-position: 0px 10px
}
.booklet .b-overlay {
	height: 100%; width: 50%; position: absolute; top: 0px
}
.booklet .b-overlay-prev {
	left: 0px
}
.booklet .b-overlay-next {
	right: 0px
}
.booklet .b-tab {
	font-size: 11px; height: 40px; width: 100%; background: #000; position: absolute; color: #ccc; padding-bottom: 0px; text-align: center; padding-top: 10px; padding-left: 0px; padding-right: 0px
}
.booklet .b-tab-prev {
	left: 0px
}
.booklet .b-tab-next {
	right: 0px
}
.booklet .b-tab:hover {
	background: #aaa; color: #000
}
.booklet .b-arrow {
	height: 100%; width: 74px; position: absolute; display: block; top: 0px; text-indent: -9999px
}
.booklet .b-arrow div {
	height: 170px; width: 74px; position: absolute; left: 0px; display: none; top: 25%; text-indent: -9999px
}
.booklet .b-arrow-next {
	right: -80px
}
.booklet .b-arrow-prev {
	left: -80px
}
.booklet .b-arrow-next div {
	background: url(/uploads/image/ccimages/arrow-next.png) no-repeat left top
}
.booklet .b-arrow-prev div {
	background: url(/uploads/image/ccimages/arrow-prev.png) no-repeat left top
}
body {
	z-index: 0
}
.b-menu {
	z-index: 100
}
.b-selector {
	z-index: 100
}
.booklet {
	z-index: 10
}
.b-pn {
	z-index: 10
}
.b-p0 {
	z-index: 10
}
.b-p1 {
	z-index: 10
}
.b-p2 {
	z-index: 10
}
.b-p3 {
	z-index: 10
}
.b-p4 {
	z-index: 10
}
.b-prev {
	z-index: 40
}
.b-next {
	z-index: 40
}
.b-counter {
	z-index: 40
}
.b-menu {
	height: 40px; padding-bottom: 10px; padding-top: 0px; padding-left: 0px; padding-right: 0px
}
.b-selector {
	border-top-style: none; cursor: pointer; height: 40px; border-bottom-style: none; position: relative; float: right; color: #cecece; border-right-style: none; border-left-style: none
}
.b-selector .b-current {
	height: 20px; background: #000; min-width: 18px; padding-bottom: 12px; text-align: center; padding-top: 8px; padding-left: 15px; display: block; line-height: 20px; padding-right: 15px
}
.b-selector-page {
	width: auto; margin-left: 15px
}
.b-selector-chapter {
	width: auto
}
.b-selector:hover {
	background-position: left 0px; color: #fff
}
.b-selector:hover .b-current {
	background-position: right 0px
}
.b-selector ul {
	list-style-type: none !important; overflow: hidden; width: 240px; background: #000; right: 0px; position: absolute; padding-bottom: 10px; padding-top: 0px; font: 12px "myriad pro", myriad, "dejavu sans condensed","liberation sans", "nimbus sans l", tahoma, geneva, "helvetica neue", helvetica, arial, sans-serif; padding-left: 0px; margin: 0px; top: 40px; padding-right: 0px
}
.b-selector li {
	border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none
}
.b-selector a {
	text-decoration: none; height: 14px; color: #cecece; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; display: block; padding-right: 10px
}
.b-selector a .b-text {
	float: left; clear: none
}
.b-selector a .b-num {
	float: right; clear: none
}
.b-selector a:hover {
	color: #fff
}