body{background:#efefef;}
.booklet-content{width:100%;height:100%;margin:0px;background:#efefef;}
.booklet-content .in_content{width:1104px;margin:0 auto;background:#efefef;position:relative;padding:0px;}
.booklet-content .in_content h2{padding:15px;margin:0px;}
.booklet-content .in_content .booklet-wrap {width:1104px;height:755px; margin-top:60px; box-shadow:5px 5px 10px rgba(1,1,1,.2); background:#fff url('/images/webzine/booklet_wrap_bg.png') no-repeat top center; background-size:100%;}/*1160 1200px;*/
.booklet-content .in_content .booklet-wrap #mybook img{width:100%;}

@media only all and (max-width:1199px){
	.booklet-content .in_content .booklet-wrap {box-shadow:none;}
}
@media only all and (max-width:767px)
{
	.booklet-content .in_content{width:700px;}
	.booklet-content .in_content .booklet-wrap{width:700px;height:479px;}
}
@media only all and (max-width:640px)
{
	.booklet-content .in_content{width:600px;}
	.booklet-content .in_content .booklet-wrap{width:600px;height:410px;}
}
@media only all and (min-width:1440px)
{
}
@media only all and (min-width:1600px)
{

}
.wz-top {width:100%; height:60px; margin-bottom:15px;}
.wz-top h1 {width:100%; padding:0 15px; background-color:#333; color:#fff; font-size:28px; line-height:60px; margin:0; text-align:left;}

.wz-top .controls {top:10px; right:10px; position:absolute;}
.wz-top .controls .control-btn {background: url("/images/webzine/btn_booklet.png") no-repeat 10px -24px rgb(243, 243, 243); margin: 0px -1px 0px 0px; padding: 0px; border: 1px solid rgba(190, 190, 190,0.2); border-image: none; width: 40px; height: 40px; text-indent: -9999em; overflow: hidden; float: left; display: block;}
.wz-top .controls .control-btn:hover {background-position: 10px 11px; background-color: rgb(190, 190, 190);}
.wz-top .controls .control-btn2 {color:#999999;background: none; margin: 0px -1px 0px 0px; padding: 0px; border: 1px solid rgba(190, 190, 190,0.3); border-image: none; width: 40px; height: 40px;  overflow: hidden; float: left; display: block;}
.wz-top .controls .control-btn2:hover {	background-position: 10px 11px; background-color: rgb(190, 190, 190);color:#ffffff;}

.wz-top .ctrl-player {position:fixed; bottom:0; left:0; background-color:#333; width:100%; padding:5px 0; text-align:center;}
.wz-top .ctrl-player .control-btn2 {color:#999999; background: none; margin: 0px -1px 0px 0px; padding: 0px; border: 1px solid rgba(190, 190, 190, 0.2); border-image: none; width:40px; height:40px;  overflow:hidden; display:inline-block;}
.wz-top .ctrl-player .control-btn2:hover {background-position: 10px 11px; background-color: rgb(190, 190, 190);color:#ffffff;}
.wz-top .ctrl-player .prev-page {background-position: -20px -24px;}
.wz-top .ctrl-players .prev-page:hover {background-position: -20px 11px;}
.wz-top .ctrl-player .next-page {background-position: -50px -24px;}
.wz-top .ctrl-player .next-page:hover {	background-position: -50px 11px;}
.wz-top .ctrl-player .last-page {background-position: -80px -24px;}
.wz-top .ctrl-player .last-page:hover {background-position: -80px 11px;}
.wz-top .ctrl-player .page-number {padding:10px; border:0px solid rgba(190, 190, 190, 0.3); border-image: none; height:40px; line-height:24px; font-size:1.6em; margin-right:-1px; display:inline-block; background-color:none; color:#fff;}
.wz-top .ctrl-player .page-number input{background-color:#333; width:30px; padding:0px; margin:0px;}
.wz-top .ctrl-player .curr-page {display:inline-block; background-color: rgb(243, 243, 243);}
.wz-top .ctrl-player .total-page {display:inline-block;}
.wz-top .ctrl-player .curr-page {padding:0px; border:0px currentColor; border-image: none; width:30px; height:20px; text-align:center; background-color:rgb(255, 255, 255);}
.wz-top .ctrl-player .list-page {margin-left:15px;}
#play_btn{margin-right:10px;}
#pause_btn{margin-right:10px;}