img { -ms-interpolation-mode: bicubic; }
#bookout {
	overflow:hidden;
	padding:2px;
}
#book {
	width:920px;
	height:600px;
	position:relative;
}
#page_l {
	float:left;
	width:50%;
}
#page_r {
	float:right;
	width:50%;
}
#page_la,#page_lb,#page_lc,#page_ra,#page_rb,#page_rc {
	position:absolute;
	top:0%;
	width:50%;
	height:100%;
	border: 1px solid #999999;
}
#page_ra,#page_rb,#page_rc {
	left:calc(50% - 1px);
}
#page_la,#page_lb,#page_lc {
	right:calc(50% + 1px);
}

#page_lm,#page_rm {
	position:absolute;
	top:0%;
	width:3%;
	height:100%;
	border: 1px solid #000000;
}
#page_rm {
	left:100%;
	background: linear-gradient(90deg, rgb(100, 100, 100), rgb(255, 255, 255));
	opacity:0.2;
}
#page_lm {
	right:100%;
	background: linear-gradient(90deg, rgb(255, 255, 255), rgb(100, 100, 100));
	opacity:0.2;
}

#page_la img,#page_lb img,#page_lc img,#page_ra img,#page_rb img,#page_rc img{
	width:100%;
	height:100%;
}
#btn_l {
	position:absolute;
	left: -40px;
	top: 48%;
}
#btn_r {
	position:absolute;
	right: -40px;
	top: 48%;
}
.mycursor {
	cursor:pointer;
}
#msg {
	position:absolute;
	bottom:0%;
}
#page_ls,#page_rs{
	position:absolute;
	top:0%;
	width:1%;
	height:100%;
	opacity:0.2;
}
#index {
	position:absolute;
	top:5%;
	left:50%;
	margin-left:-30%;
	width: 60%;
	height: 90%;
	padding:0px;
	z-index:12;
	text-align:left;
	display:none;
	/*background-color:rgba(255,255,255,0.8);*/
	background-color:#f6f6f6;
	overflow:scroll;
}

#index a {
	text-decoration:none;
}
#index .row {
	padding-left:3%;
	padding-right:3%;
	padding-top:1%;
	padding-bottom:1%;
	width: 94%;
	font-size:13px;
	text-align:left;
	line-height:16px;
	background-color:#f6f6f6;
}
#index .row:hover {
	background-color:#ffffff;
}
#page_ls {
	right:50%;
	width:1%;
	background: linear-gradient(90deg, rgb(255, 255, 255), rgb(100, 100, 100));
	mix-blend-mode: multiply;
}
#page_rs {
	left:50%;
	width:1%;
	background: linear-gradient(90deg, rgb(100, 100, 100), rgb(255, 255, 255));
	mix-blend-mode: multiply;
}