/* Zoom */
#reader #book .book-zoom {
	width: 180px;
	/*min-width: 170px;*/
	left: 218px;
	background-color: #18222E;
	color: #A8BBCE;
	bottom: 60px;
}
#reader[data-isApp="true"] #book .book-zoom {
	left: 4px;
}
#reader #book .book-zoom:after {
	/*left: 169px;*/
	left: 45%;
	border-color: #18222E transparent;
}
/*#reader[data-isApp="true"] #book .book-zoom:after {
	left: 136px;
}
#reader[data-isGuest="true"] #book .book-zoom:after {
	left: 172px;
}*/

#reader #book .book-zoom .bubble-content {
	height: 70px;
}
#reader #book .book-zoom .bubble-content:active {
	cursor: pointer;
}
#reader #book .book-zoom .bubble-footer {
	height: 12px;
}
#reader #book .book-zoom .bubble-content .progressbar-container {
	position: absolute;
	width: 100%;
	height: 37px;
	top: 15px;
}
#reader #book .book-zoom .progressbar {
	display: none;
	margin: auto;
	width: 70%;
	width: calc(100% - 130px);
	height: 14px;
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
/*	//Kelvin Kwong 19/5/2020 for pointer event*/
	touch-action:none;
}
#reader #book .book-zoom .button-zoom-handle {
	top: -75%;
	/*	//Kelvin Kwong 19/5/2020 for pointer event*/
	touch-action:none;
}
#reader #book .book-zoom .button-zoomout {
	position: absolute;
	left: 45px;
}
#reader #book .book-zoom .button-zoomfitheight {
	position: absolute;
	right: 45px;
}
#reader #book .book-zoom .button-zoomin {
	position: absolute;
	left: 5px;
}
#reader #book .book-zoom .button-zoomfitwidth {
	position: absolute;
	right: 5px;
}
#reader #book .book-zoom .button-zoomseperator {
	position: absolute;
	right: 70px;
	top: 15px;
	width: 35px;
	height: 0px;
	border: 1px solid #DDDDDD;
	transform: rotate(90deg);
}
/* // Zoom */