/* CSS Document */
.version{version:2019010202;}
html{width:100%;height:100%;position:fixed;left:0;top:0;margin:0;padding:0;}
body{overflow:hidden!important;width:100%;height:100%;margin:0;padding:0!important;-ms-transform:translate(0);border:0;left:0;top:0;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.tmpContainer{position:fixed;width:100%;height:100%;top: 0;left:0;display:block;overflow:hidden;z-index:-1;}
.bookContainer{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;display:block;overflow:hidden;}
/*//book object*/
p{margin:0;padding:0;}
input{outline:none;}
textarea{outline:none;}
ul,ol,li{list-style-type: none;margin:0;}
h1, h1, h2, h3, h4, h5, h6{font-weight:normal;}
i,u{font-style:normal;text-decoration:none;}
.book{
	position : absolute;
	z-index : 2;
	cursor : default;
}

.mask {
	 cursor : default;
     position : absolute;
     right:50%;
     left:auto;
     transform-origin : 100% 50%;
     -webkit-transform-origin : 100% 50%;
	 -moz-transform-origin : 100% 50%;
	 -ms-transform-origin : 100% 50%;
     overflow:hidden;

     -webkit-backface-visibility : hidden;
     -moz-backface-visibility : hidden;
     -ms-backface-visibility : hidden;
     backface-visibility : hidden;

     -webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.single-book-mask {
	 cursor : default;
     position : absolute;
     right:100%;
     left:auto;
     transform-origin : 100% 50%;
     -webkit-transform-origin : 100% 50%;
	 -moz-transform-origin : 100% 50%;
	 -ms-transform-origin : 100% 50%;
     overflow:hidden;

     -webkit-backface-visibility : hidden;
     -moz-backface-visibility : hidden;
     -ms-backface-visibility : hidden;
     backface-visibility : hidden;

     -webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.single-book-right-mask {
	 cursor : default;
     position : absolute;
     right:0;
     left:auto;
     transform-origin : 100% 50%;
     -webkit-transform-origin : 100% 50%;
	 -moz-transform-origin : 100% 50%;
	 -ms-transform-origin : 100% 50%;
     overflow:hidden;

     -webkit-backface-visibility : hidden;
     -moz-backface-visibility : hidden;
     -ms-backface-visibility : hidden;
     backface-visibility : hidden;
      -webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.right-single-mask-side{
	cursor : default;
	position:absolute;
	left:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
	 -webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.left-single-mask-side{
	cursor : default;
	position:absolute;
	right:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.right-mask-side{
	cursor : default;
	position:absolute;
	left:50%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.left-mask-side{
	cursor : default;
	position:absolute;
	right:50%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.right-flip-side{
	cursor : default;
	position:absolute;
	right:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.right-side{
	cursor : default;
	position:absolute;
	right:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.left-side{
	cursor : default;
	position:absolute;
	left:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}
.double.left-side{
	left:auto;
	right:50%;
}
.double.right-side{
	right:auto;
	left:50%;
}
.right-mask-side .right-side{
	left:0;
}
.left-mask-side .left-side{
	right:0;
	left:auto;
}
.right-single-mask-side .right-side{
	left:0;
}
.left-single-mask-side .left-side{
	right:0;
	left:auto;
}

.center-side{
	cursor : default;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}

.flip-side{
	cursor : default;
	position:absolute;
	left:100%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}

.flip-vertical-side{
	cursor : default;
	position:absolute;
	/*background-color:white;*/
	top:100%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}

.flip-hard-left-side{
	cursor : default;
	position:absolute;
	background-color:white;
	/*overflow:hidden;*/
	left:auto;
	right:auto;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-perspective-origin : right center;
	-moz-perspective-origin : right center;
	-ms-perspective-origin : right center;
	perspective-origin : right center;
	-webkit-transform-style : preserve-3d;
	-moz-transform-style : preserve-3d;
	-ms-transform-style : preserve-3d;
	transform-style : preserve-3d;
	transform-origin : 100% 50%;
	-webkit-transform-origin : 100% 50%;
	-moz-transform-origin : 100% 50%;
	-ms-transform-origin : 100% 50%;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}

.flip-hard-right-side{
	cursor : default;
	position:absolute;
	background-color:white;
	/*overflow:hidden;*/
	right:0px;
	left:auto;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-perspective-origin : left center;
	-moz-perspective-origin : left center;
	-ms-perspective-origin : left center;
	perspective-origin : left center;
	-webkit-transform-style : preserve-3d;
	-moz-transform-style : preserve-3d;
	-ms-transform-style : preserve-3d;
	transform-style : preserve-3d;
	transform-origin : 0% 50%;
	-webkit-transform-origin : 0% 50%;
	-moz-transform-origin : 0% 50%;
	-ms-transform-origin : 0% 50%;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}

.flip-hard-up-side{
	cursor : default;
	position:absolute;
	background-color:white;
	/*overflow:hidden;*/
	top:auto;
	bottom:auto;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-perspective-origin : bottom center;
	-moz-perspective-origin : bottom center;
	-ms-perspective-origin : bottom center;
	perspective-origin : bottom center;
	-webkit-transform-style : preserve-3d;
	-moz-transform-style : preserve-3d;
	-ms-transform-style : preserve-3d;
	transform-style : preserve-3d;
	transform-origin : 50% 100%;
	-webkit-transform-origin : 50% 100%;
	-moz-transform-origin : 50% 100%;
	-ms-transform-origin : 50% 100%;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}

.flip-hard-down-side{
	cursor : default;
	position:absolute;
	background-color:white;
	/*overflow:hidden;*/
	bottom:0px;
	top:auto;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-perspective-origin : top center;
	-moz-perspective-origin : top center;
	-ms-perspective-origin : top center;
	perspective-origin : top center;
	-webkit-transform-style : preserve-3d;
	-moz-transform-style : preserve-3d;
	-ms-transform-style : preserve-3d;
	transform-style : preserve-3d;
	transform-origin : 50% 0%;
	-webkit-transform-origin : 50% 0%;
	-moz-transform-origin : 50% 0%;
	-ms-transform-origin : 50% 0%;

	-webkit-transform : translate3d(0,0,0) rotate(0);
	-moz-transform : translate3d(0,0,0) rotate(0);
	-ms-transform : translate3d(0,0,0) rotate(0);
	-o-transform : translate3d(0,0,0) rotate(0);
	transform : translate3d(0,0,0) rotate(0);
}

.flip-thick{
	height : 100%;
	width:6px;
	overflow : hidden;
	visibility : hidden;
	z-index : 20;
	position : absolute;
	left:-6px;
	background:#dadada;
	box-shadow: 0px 0px 2px #666666 inset;
}

.flip-vertical-thick{
	width : 100%;
	height:6px;
	overflow : hidden;
	visibility : hidden;
	z-index : 20;
	position : absolute;
	top:-6px;
	background:#dadada;
	box-shadow: 0px 0px 2px #666666 inset;
}

.flip-hard-left-side .flip-thick{
	left:-6px;
	transform-origin : 100% 50%;
    -webkit-transform-origin : 100% 50%;
	-moz-transform-origin : 100% 50%;
	-ms-transform-origin : 100% 50%;
}
.flip-hard-right-side .flip-thick{
	left:100%;
	transform-origin : 0% 50%;
    -webkit-transform-origin : 0% 50%;
	-moz-transform-origin : 0% 50%;
	-ms-transform-origin : 0% 50%;
}
.flip-hard-up-side .flip-vertical-thick{
	top:-6px;
	transform-origin : 50% 100%;
    -webkit-transform-origin : 50% 100%;
	-moz-transform-origin : 50% 100%;
	-ms-transform-origin : 50% 100%;
}
.flip-hard-down-side .flip-vertical-thick{
	top:100%;
	transform-origin : 50% 0%;
    -webkit-transform-origin : 50% 0%;
	-moz-transform-origin : 50% 0%;
	-ms-transform-origin : 50% 0%;
}

.vertical-mask {
	 cursor : default;
     position : absolute;
     bottom:50%;
     top:auto;
     /*background:blue;*/