body{
	background:#ccc url(../images/bg2.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	color:#444;
	font-size:12px;
	color: #000;
}





/* Booklet jQuery Plugin Style*/
.booklet{
	-moz-box-shadow:0px 0px 1px #fff;
	-webkit-box-shadow:0px 0px 1px #fff;
	box-shadow:0px 0px 1px #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.booklet .b-wrap-left  {
	background:#fff url(../images/left_bg.jpg) no-repeat top left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.booklet .b-wrap-right {
	background:#efefef url(../images/right_bg.jpg) no-repeat top left;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:90%;
	height:20px;
	border-top:1px solid #ddd;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}
.book_wrapper{
	margin:0 auto;
	padding-top:60px;
	width:1344px;
	height:777px;
	margin-top: 80px;
	position:relative;
	background:transparent url(../images/bg.png) no-repeat 9px 27px;
}
.book_wrapper h1{
	color:#13386a;
	margin:5px 5px 5px 15px;
	font-size:26px;
	background:transparent url(../images/h1.png) no-repeat bottom left;
	padding-bottom:7px;
}
.book_wrapper p{
	font-size:16px;
	margin:5px 5px 5px 15px;
}
.book_wrapper a.article,
.book_wrapper a.demo{
	background:transparent url(../images/circle.png) no-repeat 50% 0px;
	display:block;
	width:95px;
	height:41px;
	text-decoration:none;
	outline:none;
	font-size:16px;
	color:#555;
	float:left;
	line-height:41px;
	padding-left:47px;
}
.book_wrapper a.demo{
	margin-left:50px;
}
.book_wrapper a.article:hover,
.book_wrapper a.demo:hover{
	background-position:50% -41px;
	color:#13386a;
}
/* .book_wrapper img{
	margin:10px 0px 5px 35px;
	width:300px;
	padding:4px;
	border:1px solid #ddd;
	-moz-box-shadow:1px 1px 1px #fff;
	-webkit-box-shadow:1px 1px 1px #fff;
	box-shadow:1px 1px 1px #fff;
} */
/* .booklet .b-wrap-right img{
	border:1px solid #E6E3C2;
} */
a#next_page_button,
a#prev_page_button{
	z-index:999;
	display:none;
	position:absolute;
	width:41px;
	height:40px;
	cursor:pointer;
	margin-top:-20px;
	top:50%;
	background:transparent url(../images/buttons.png) no-repeat 0px -40px;
}
a#prev_page_button{
	left:-30px;
}
a#next_page_button{
	right:-30px;
	background-position:-41px -40px;
}
a#next_page_button:hover{
	background-position:-41px 0px;
}
a#prev_page_button:hover{
	background-position:0px 0px;
}
.loading{
	width:160px;
	height:56px;
	position: absolute;
	top:50%;
	margin-top:-28px;
	right:135px;
	line-height:56px;
	color:#fff;
	padding-left:60px;
	font-size:15px;
	background: #000 url(../images/ajax-loader.gif) no-repeat 10px 50%;
	opacity: 0.7;
	z-index:9999;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.b-selector li{
  line-height: 40px;
	margin:20px auto;
	width:90%;
}
.b-selector li:nth-child(7) , .b-selector li:nth-child(8), .b-selector li:nth-child(10),.b-selector li:nth-child(1n+10){
	display: none;
}
.b-selector a{
  height: 40px;
  width:90%;
  margin:0 auto;
	padding:0px;
	border:#fbe7aa solid 2px;
	color: #fbe7aa;
	font-size: 15px;
}
.b-selector li:first-child a{
	background: #fbe7aa;
	color: #ad182b;
	font-size: 20px;
}
.b-menu{
	position:absolute;
	left:10px;
	top:50%;
	margin-top: -300px;
}
.b-selector-page ul{
	width:180px;
	height:470px !important;

	border-radius: 10px;


}
.b-selector .b-current {
	display: none;
}
.b-selector ul{
	position: relative !important;
	background:#ad182b;

}
.b-selector a .b-num{
	display: none;
}
.b-selector a .b-text{
 width:100%;
 text-align: center;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mr15{
	margin-right: 15px;
}
.ssfl{
	float: left;
}
.clearb{
	clear:both;
}
.over{
	overflow: hidden;
	zoom:1;
}

.ssptext{
	position: relative;
	width:100%;
	cursor: pointer;
}
.sstextbox p{
	position: absolute;
	top:40%;
	text-align: center;
	width:90%;
}
.sstextbox p a{
	color:#fff;
}
.ssptext:hover > .sstextbox{
opacity: 1;
transition: opacity .5s ease-in .1s ;
transition: opacity .5s ease-in .1s; /* Firefox 4 */
transition: opacity .5 ease-in .1s; /* Safari 和 Chrome */
transition: opacity .5 ease-in .1s; /* Opera */
}
.sstextbox{
	position: absolute;
	left:0px;
	top:0px;
	z-index: 999;
	background: rgba(0,0,0,.5);
	color: #fff;
	width:100%;
	height: 100%;
	opacity: 0;
	transition: opacity .5s ease-in .1s ;
	transition: opacity .5s ease-in .1s; /* Firefox 4 */
  transition: opacity .5 ease-in .1s; /* Safari 和 Chrome */
  transition: opacity .5 ease-in .1s; /* Opera */
}
.ssp2{
	width:282px;
}
.ssp3{
	width:282px;
}
.ssindex img{
  width:100%;
	margin-top: 5%;
	margin-bottom: -150px;
}
.ssindex a{
	display: block;
	margin:0 auto;
	z-index: 1;
	width:10%;
	height:auto;
}
.b-page-0 .b-wrap,.b-page-1 .b-wrap{
	padding:0px !important;
}
.b-page-16 .b-wrap-left{
	background: url(../images/n9_01.png) no-repeat center;
}
.b-page-2 .b-wrap-left{
	background: url(../images/011.jpg) no-repeat center;
}
.b-page-3 .b-wrap-right{
	background: url(../images/012.jpg) no-repeat center;
}
.b-page-4 .b-wrap-left{
	background: url(../images/021.png) no-repeat center;
}
.b-page-5 .b-wrap-right{
	background: url(../images/022.jpg) no-repeat center;
}
.b-page-6 .b-wrap-left{
	background: url(../images/031.png) no-repeat center;
}
.b-page-7 .b-wrap-right{
	background: url(../images/032.jpg) no-repeat center;
}
.b-page-8 .b-wrap-left{
	background: url(../images/041.png) no-repeat center;
}
.b-page-9 .b-wrap-right{
	background: url(../images/042.jpg) no-repeat center;
}
.b-page-10 .b-wrap-left{
	background: url(../images/211.jpg) no-repeat center;
}
.b-page-11 .b-wrap-right{
	background: url(../images/212.jpg) no-repeat center;
}
.b-page-12 .b-wrap-left{
	background: url(../images/213.jpg) no-repeat center;
}
.b-page-13 .b-wrap-right{
	background: url(../images/214.jpg) no-repeat center;
}
.b-page-14 .b-wrap-left{
	background: url(../images/215.jpg) no-repeat center;
}
.b-page-15 .b-wrap-right{
	background: url(../images/216.jpg) no-repeat center;
}

.b-page-17 .b-wrap-right{
	background: url(../images/n9_02.png) no-repeat center;
}
.b-wrap-left {
	position: relative;
}
.b-wrap-left a{
	position: absolute;
	right:110px;
	bottom:70px;
	color:#8f0105;
}