/***[ flip.min.css ]***/
html,body{height:100%;overflow:hidden}
body{font-size:12px;background-color:#454545;user-select:none}
.warningScreen{width:100%;height:100%;background-color:#fff;text-align:center;color:#000;font-size:24px}
input[type="text"],select,textarea{color:#000}
.page{overflow:hidden;background-color:#fff}
textarea{resize:none}
.animation{transition:all .5s ease-in-out}
#right-ad-position{position:relative;display:none}
#top-ad-position,#right-ad-position{overflow:hidden}
.flipbook .page img{-webkit-touch-callout:none;user-select:none;margin:0}
.book-background{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}
#dialogLayer{width:100%;height:100%;position:absolute;top:0;left:0}
.toolbarbg{background-color:transparent}
.top-menu,.bottom-menu{width:100%;height:40px;overflow:hidden;display:none;padding:3px;text-align:center;position:relative}
.top-menu{padding-top:6px}
.bottom-menu{padding:0;padding-bottom:6px}
.top-menu a,.bottom-menu a{display:inline-block;cursor:pointer;text-align:center;margin-right:12px;margin-top:5px}
#info{margin-right:40px}
#forward{margin-right:28px}
#lastpage{margin-right:28px}
#prevpage{margin-right:20px}
#gotoPageController{vertical-align:middle;margin-right:20px;position:relative;top:-12px}
#gotoPageInput{width:120px;height:20px;text-align:center;background:rgba(0,0,0,0);color:#000000;}
#gotoPageButton{position:absolute;left:102px;top:4px}
#help{margin-right:5px}
#help-exit-tips{width:32px;height:32px;z-index:9999;position:absolute;cursor:pointer}
#back{margin-right:5px}
.plane-dialog{z-index:102}
.plane-dialog.ui-dialog{background:rgba(0,0,0,.6)}
.plane-dialog.ui-widget.ui-widget-content{border:2px solid #fff}
.plane-dialog .ui-dialog-titlebar{background:none;border-radius:0;border:none;border-bottom:1px solid #fff}
.ui-dialog input[type="text"],.ui-dialog select{color:#000}
.blank-plane .ui-dialog-titlebar{display:none}
.blank-plane.ui-dialog{background:none}
.blank-plane.ui-widget.ui-widget-content{border:none}
.audio-player{background:none !important;border:none !important}
.audio-player .ui-dialog-titlebar{background:none !important;border:none !important;padding:2em 1em}
.audio-player .ui-dialog-titlebar-close{z-index:1}
.videoPlayer{background:none !important;border:none !important}
.pictureViewer,.messageViewer{background:none !important}
.pictureViewer .ui-dialog-title,.messageViewer .ui-dialog-title{display:none}
.pictureViewer .ui-dialog-titlebar,.messageViewer .ui-dialog-titlebar{padding:0 !important}
.videoPlayer .ui-dialog-content,.pictureViewer .ui-dialog-content,.messageViewer .ui-dialog-content{padding:0 !important}
.videoPlayer .ui-dialog-titlebar,.pictureViewer .ui-dialog-titlebar,.messageViewer .ui-dialog-titlebar{background:none !important;border:none !important}
.videoPlayer .ui-dialog-titlebar-close,.pictureViewer .ui-dialog-titlebar-close,.messageViewer .ui-dialog-titlebar-close{z-index:1;top:auto;right:-10px;bottom:-10px}
.side-container{width:100%;height:100%;padding:3px;margin-top:25px;text-align:center;position:relative}
#side-plane{width:500px;height:450px;position:absolute;left:-460px;top:0;z-index:99;transition:left .2s ease-in-out;color:#fff;font-size:14px}
#selectLangs{color:#000;padding:3px 2px}
#side-plane input[type="text"]{width:280px}
#side-plane textarea{width:280px;height:150px;margin-top:10px}
#plane-icon{width:30px;position:absolute;right:0;top:0;padding-top:10px}
#plane-icon div{cursor:pointer;text-align:center;margin-bottom:-15px}
#plane-container{float:left;text-align:center;padding-top:10px;width:450px;height:100%;background-color:transparent;border:2px solid #fff}
#plane-container-title{width:100%;height:30px;border-bottom:2px solid #fff}
#plane-container-title #side-plane-box-lable{float:left;font-size:16px;padding-left:10px}
#plane-container-title #side-plane-box-close{float:right;cursor:pointer;top:-20%}
#plane-container-content{text-align:left;width:100%;height:92.8%;overflow-y:auto}
#email_form table td{height:40px}
.treemenu li{list-style:none}
.tree-empty{cursor:pointer}
.treemenu .toggler:before{display:inline-block}
li.tree-empty > .toggler{color:#aaa}
li.tree-closed > .toggler:before{content:url(../images/icon/icon_tree_up_arrow.png)}
li.tree-opened > .toggler:before{content:url(../images/icon/icon_tree_down_arrow.png)}
#tree{width:500px;margin:0;padding:0;font-size:80%}
#treeList{margin:0;padding:0;width:100%;border-top:1px solid #fff}
.treemenu .toggler{cursor:pointer;margin-left:10px;margin-right:10px}
#tree li{height:18px}
#treeList li{width:100%;height:18px;line-height:18px;border-bottom:1px solid #fff;white-space:nowrap}
#treeList li .toggler{margin-right:40px}
#treeList li .page_div{width:80px;height:100%;text-align:center;border-left:1px solid #fff}
.minimize-button{text-align:center;width:20px;height:20px;border:none}
.arrow-closed{background:url(../images/icon/icon_tree_up_arrow.png) no-repeat center center}
.arrow-opened{background:url(../images/icon/icon_tree_down_arrow.png) no-repeat center center}
#search_results p,#bookmark_results p{height:19px;border:1px solid #fff;border-top:none;margin:0;padding:0}
.table_head{height:19px;border:1px solid #fff}
.page_number{display:inline-block;width:50px;height:100%;border-right:1px solid #fff;text-align:center}
.viewport{width:100%;height:100%;overflow:hidden;position:relative}
.flipbook{width:100%;height:100%}
.colorPicker{width:22px;height:22px;background-color:#fff}
.light{transition:box-shadow ease-in-out 100ms;box-shadow:0 0 200px 20px rgba(255,255,255,.3) inset;border-radius:20px}
.dark{filter:brightness(.6)}
#previous-button{width:60px;height:60px;position:absolute;top:50%;left:-15px;z-index:15;cursor:pointer;display:none;background:rgba(0,0,0,0);border-radius:5px}
#next-button{width:60px;height:60px;position:absolute;top:50%;right:10px;z-index:15;cursor:pointer;display:none;background:rgba(0,0,0,0);border-radius:5px}
#previous-button a,#next-button a{display:block;width:34px;height:34px}
#thumbnail-arrow-prev{width:34px;height:34px;position:absolute;top:30%;left:5%;z-index:15;cursor:pointer}
#thumbnail-arrow-next{width:34px;height:34px;position:absolute;top:30%;right:5%;z-index:15;cursor:pointer}
.icon-leftArrow{background:url(../images/icon/icon-leftArrow.png) no-repeat center center}
.icon-rightArrow{background:url(../images/icon/icon-rightArrow.png) no-repeat center center}
.icon-topArrow{background:url(../images/icon/icon-topArrow.png) no-repeat center 12px}
.icon-bottomArrow{background:url(../images/icon/icon-bottomArrow.png) no-repeat center 12px}
.icon-zoomIn{background:url(../images/icon/icon-zoomIn.png) no-repeat}
.icon-zoomOut{background:url(../images/icon/icon-zoomOut.png) no-repeat}
.slider-container{text-align:center}
.zoomOut_btn{width:10px;height:10px;float:left;cursor:pointer;margin-right:10px}
.zoomIn_btn{width:10px;height:10px;float:left;cursor:pointer}
#zoomNavigator_slider{width:250px;height:6px;float:left;margin-right:10px}
.ui-tooltip{margin:0;padding:4px;box-shadow:2px 2px 2px rgba(0,0,0,.5);border-radius:2px;font-size:1em;border:none !important}
.notification{color:#fff;background-color:rgba(0,0,0,.3);background-image:none;border:none;border-radius:5px;position:absolute;display:inline-block;font-size:2em;padding:.5em;box-shadow:2px 2px 5px -2px rgba(0,0,0,.5)}
.flipbook .loader{background-image:url(../images/loader.gif);background-repeat:no-repeat;width:31px;height:31px;position:absolute;top:50%;left:50%}
.even .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/right-shadow.png);background-position:right top;background-repeat:repeat-y}
.odd .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/left-shadow.png);background-position:left top;background-repeat:repeat-y}
.hard-depth{perspective:2000px}
#book-logo{display:block;width:300px;height:150px;overflow:hidden;text-align:right;position:absolute;top:10px;right:10px}
.leftBookDepth{width:32px;height:100%;z-index:-100;position:absolute;top:0;background-image:url(../images/pages-depth.png);background-repeat:repeat-y;background-position:0 center;left:0;display:none}
.rightBookDepth{width:32px;height:100%;z-index:-100;position:absolute;top:0;background-image:url(../images/pages-depth.png);background-repeat:repeat-y;background-position:right center;right:0;display:none}
.bottomBookDepth_left_1{width:48%;height:100%;z-index:-100;position:absolute;left:-10px;bottom:-3px;border-bottom:1px solid #666;display:none}
.bottomBookDepth_left_2{width:49%;height:100%;z-index:-101;position:absolute;left:-10px;bottom:-2px;border-bottom:1px solid #666;display:none}
.bottomBookDepth_left_3{width:50%;height:100%;z-index:-102;position:absolute;left:-10px;bottom:-1px;border-bottom:1px solid #666;display:none}
.bottomBookDepth_right_1{width:48%;height:100%;z-index:-100;position:absolute;right:-10px;bottom:-3px;border-bottom:1px solid #666;display:none}
.bottomBookDepth_right_2{width:49%;height:100%;z-index:-101;position:absolute;right:-10px;bottom:-2px;border-bottom:1px solid #666;display:none}
.bottomBookDepth_right_3{width:50%;height:100%;z-index:-102;position:absolute;right:-10px;bottom:-1px;border-bottom:1px solid #666;display:none}
#leftBookMark{z-index:-1;width:200px;height:100%;position:absolute;top:6px;left:-200px;transform-origin:top right}
#rightBookMark{z-index:-1;width:210px;height:100%;position:absolute;top:0px;right:-208px;transform-origin:top left}
#leftBookMark a{border-radius:2px 0 0 2px;background-image:url(../images/right-shadow.png);background-position:right top;background-repeat:repeat-y;position:absolute;text-align:center;top:0;right:0}
#rightBookMark a{border-radius:0 2px 2px 0;background-image:url(../images/left-shadow.png);background-position:left top;background-repeat:repeat-y;position:absolute;text-align:center;top:0;left:0}
#leftBookMark a,#rightBookMark a{text-decoration:none;color:#ffffff;overflow:hidden;text-align:center;padding:3px;z-index:0;background-color:#0000000;width:18px;height:100%;font-size:6px}
#leftBookMark a .content,#rightBookMark a .content{overflow:hidden;width:100%;height:100%;text-align:center;}
#leftBookMark a .content div,#rightBookMark a .content div{padding:0;margin:0;margin-bottom:-4px;margin-left:10px;margin-right:10px;min-width:10px;transform:rotate(270deg);font-family:Arial;font-size:9px;font-weight:bold;text-align:center;}
.currentBookmark div{color:#fff;text-shadow:0 0 5px #000;font-weight:bold}
#thumbnail-button{position:absolute;top:-30px;left:50%;width:75px;height:0;border-radius:5px 5px 0 0;background-color:rgba(0,0,0,.9);cursor:pointer}
.thumbnail-container{width:100%;height:90px;padding:3px;display:none;text-align:center;position:relative;bottom:0;transition:bottom .3s ease-out;background-color:transparent}
.thumbnail-list{width:100%;height:100%;text-align:center}
.thumbnail-list-container{width:80%;height:100%;overflow:hidden;margin:0 auto;text-align:center}
.thumbnail-list ul{position:relative;left:-12%;top:0;display:block;width:100%;height:100%;margin:0 auto;text-align:center;word-break:keep-all;white-space:nowrap;transform:scale(.7,.7);transition:all .5s ease-in-out}
.thumb-hover{transform:scale(1.2,1.2)}
.thumbnail-list li{width:182px;height:98px;list-style:none;display:inline-block;margin:0 15px;transition:all .25s ease-in-out}
.thumbnail-list img{display:inline}
#leftmenuThumbnail{width:100%;height:100%}
#leftmenuThumbnail ul{position:relative;left:0;top:0;display:block;width:100%;height:100%;margin:0;padding:0;text-align:center;transition:transform ease-in-out 100ms}
#leftmenuThumbnail li{width:182px;height:98px;list-style:none;display:inline-block;margin:0 5px;transition:transform 60ms;transform:scale(.7,.7)}
#leftmenuThumbnail img{display:inline}
.position-element-zoom{transition:transform ease-in-out 100ms;transform:scale(1.1,1.1)}
.position-element-light{transition:box-shadow ease-in-out 100ms;box-shadow:0 0 20px 10px rgba(255,255,255,.4) inset;border-radius:60px}
.row{margin-bottom:10px}
.bookmark_color_block{width:10px;height:10px;display:inline-block;vertical-align:middle;margin-left:10px}
.small_del_icon{width:10px;height:10px;display:inline-block;vertical-align:middle;margin-left:25px;background-image:url(../images/icon/icon_cross_small.png);cursor:pointer}
.controls img{vertical-align:middle;margin:5px 2% 0 0 !important;cursor:pointer}
.controls{display:table-cell;width:100%;height:42px;text-align:center;position:absolute;bottom:0;vertical-align:middle}
.controls span{font-size:14px;color:#fff;margin-right:20px}
#zoomNavigator_icon img{cursor:pointer;margin-right:15px}
.zoomRedBox{border:3px solid #f00;position:absolute;left:0;top:0}
.icon-cross{width:30px;height:30px;background:url(../images/icon/icon_cross_middle.png) no-repeat}
#positionElementLayer{width:100%;height:100%;z-index:999;position:relative}
#positionElementLayer #leftPage{width:50%;height:100%;position:absolute;left:0;top:0}
#positionElementLayer #rightPage{width:50%;height:100%;position:absolute;right:0;top:0}
.ui-slider-float .ui-slider-tip,.ui-slider-float .ui-slider-tip-number{position:absolute;visibility:hidden;top:-40px;display:block;width:34px;margin-left:-17px;left:50%;height:20px;line-height:20px;background:#fff;border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.4);text-align:center;font-size:12px;opacity:-1;transition:all .4s ease;color:#333}
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,.ui-slider-float .ui-slider-handle:focus .ui-slider-tip{opacity:.9;top:-30px;color:#333;visibility:visible}
.ui-slider-float .ui-slider-tip:after{content:" ";width:0;height:0;border:5px solid rgba(255,255,255,0);border-top-color:#fff;position:absolute;bottom:-10px;left:50%;margin-left:-5px}
#mobileMenu a{position:relative;display:block;width:40px;height:40px;background-color:#666;border-radius:50%;cursor:pointer;text-align:center;line-height:40px}
.center{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}