#subpage_book .btn_prev{
	left:0;
	text-align:right;
	border-top:1px solid #FFF;
}
#subpage_book #book_controller{
	position:relative;
	width:100%;
	height:80px;
	margin:10px 0;
}
#subpage_book #book_controller #bookpage{
	
	width:160px;
	color:#FFF;
	font-size:18px;
	position:absolute;
	left:calc(50% - 55px);
	text-align:center;
	padding:2px;
}
#subpage_book .btn_next,#subpage_book .btn_prev{
	position:absolute;
	top:0px;
	font-size:10px;
	width:85px;
	letter-spacing:0.1em;
	background-size:20px;
}
#subpage_book .btn_next{
	right:0;
	text-align:left;
	border-bottom:1px solid #FFF;
	background-image:url(images/button/arrow.png);
	background-position:right 5px center;
}
#subpage_book .btn_prev{
	background-image:url(images/button/arrow2.png);
	background-position:left 5px  center;
}
#subpage_book .selected{
	border:2px solid #FFF;
}
#subpage_book .zoom{
	width:25px;
	height:25px;
	display:inline-block;
	position: relative;
    top: 6px;
}
#subpage_book .zoom_reset{
	background-image:url(images/zoom/btn_zoom1.png);
}
#subpage_book .zoom_1x{
	background-image:url(images/zoom/btn_zoom2.png);
}
#subpage_book .zoom_2x{
	background-image:url(images/zoom/btn_zoom3.png);
}
#subpage_book .middle{
	position:absolute;
	top:calc(50% - 100px);
    width: 100%;
    z-index: 80;
	background-color:rgba(0,0,0,0.8);
}


#flipbook_cointainer{
	margin:0px auto 10px auto!important;
}
#bookpage_input{
	width:28px;
	background:none;
	border:1px solid #FFF;
	-webkit-appearance: none;
	text-align:center;
}

#book_hide{
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
	min-height:300px;
}
*{
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
#bookzoom{
	position:absolute;
	height:1824px;
	width:2304px;
	display:none;
	z-index:50;
	
}
#bookzoom>*{
	position:absolute;
	width:50%;
	height:100%;
	    background-size: cover;
}
#bookzoom .img_m{
	background-position:center center;
	left: 25%;
}
#bookzoom .img_l{
	background-position:right center;
}
#bookzoom .img_r{
	left:50%;
	background-position:left center;
}

@media screen and (max-width: 767px) {
	#subpage_book .btn_prev{
		width:110px;
	}
	
	#bookzoom .img_m{
		background-position:center center;
	}
	#bookzoom>*{
		width:100%;
		left:0 !important;
	}
	
}
@media screen and (min-width: 768px) {
#subpage_book .btn_next, #subpage_book .btn_prev {
    font-size: 20px;
    width: 230px;
	background-size:50px;
	padding-top:5px;
	height:38px;
}
#subpage_book .btn_prev {
    background-position: left 25px center;
}
#subpage_book .btn_next{
	background-position:right 25px center;
}
}