body{text-align:center ;margin:0px;width:100%;height:100%; overflow:hidden ;position: fixed;}
a{border-width:0px;}
a:hover{border-width:0px;color:#146ded;}
*{ font-family:Verdana ;}
.container_wrap{width:100%;height:100%; padding: 0;text-align:center ;}
.progress-box{top:50%;margin-top:-50px;left:50%;margin-left:-100px; position:absolute ;}
.progress-text{text-shadow:1px 1px #cccccc;padding:5px 0px; text-align:right ;color:#666;font-size:10px;}
.loader{ background-image:url(loader.gif); background-position:50% 50%; width:100%;height:100%;background-repeat:no-repeat; display:block ; z-index:99;}
.clear{clear:both;}
.book-nav{position:absolute ;vertical-align:middle ;background:#000;opacity:0.1; z-index:100; width:35px; display:none; }
.book-nav img{position:absolute;top:50%;margin-top:-25px;left:10px;}
.book-nav i{margin-top:40%;}
.book-nav-left{border-radius:10px 0px 0px 10px;}
/*.book-nav-left{left:0px;top:0px;position:absolute ;width:40px;border-radius:0px 10px 10px 0px;}*/
.book-nav-right{border-radius:0px 10px 10px 0px;}
/*.book-nav-right{right:0px;top:0px;position:absolute ;width:40px;border-radius:10px 0px 0px 10px; }*/
.book-nav-over{opacity:0.3; }
.book-nav-over img{opacity:0.9;}
.flipx{-moz-transForm:scaleX(-1); -webkit-transform:scaleX(-1);-o-transform:scaleX(-1); transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}



/*container*/
#entity{ display:none;}
#book-container{position:relative ;overflow:hidden; width:100%;z-index:10;height:100%;}
#magazine{margin:auto;position:absolute ; z-index:99;}
#text-container{position:relative ;overflow:hidden; width:100%;z-index:10;height:100%;}
#magazine-text{margin:auto;position:absolute ;opacity: 1; z-index:99;font-size: 22px;text-align: left;overflow: auto;background-color: #f7f7f7;border: 0 solid;}
#text-nav-left{left:0px;top:48%;position:absolute ;background:#000;opacity:0.2;width:40px;height:50; z-index:100;}
#text-nav-left img{position:absolute;top:15;left:10px;}
#text-nav-right{right:0px;top:48%;position:absolute ;background:#000;opacity:0.2;width:40px; height:50;z-index:100;}
#text-nav-right img{position:absolute;top:15;right:10px;}

#large-container{position:relative ;z-index:10;height:100%;}
#large-nav-left{left:0px;top:0px;position:absolute ;width:40px; }
#large-nav-right{right:0px;top:0px;position:absolute ;width:40px; }

#large-content{position:absolute ; z-index:99;width:100%;height:100%;}
#large-wrapper,#large-nav-left,#large-nav-right{height:100%;}
#large-wrapper{position:absolute ; overflow:auto ; text-align:center ;width:100%;}
#large-scroller{text-align:center ; position:absolute; width:100%;}
#preload{ display:block ;}

.error-box{ background:#f9edbe url(warning.png) 10px 10px no-repeat;  border:1px solid #f0c36d;padding:10px;margin:10px; font-size:14px; font-family:Arial Verdana ; text-align:left;
            padding-left:80px;
}



.turn-page,.page{background-color:#fff;background-size:100% 100%;position:relative;width:100%;height:100%;}

.page img{width:100%;height:100%;}

.odd{
    background-image:-webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image:-moz-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image:-o-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image:-ms-linear-gradient(left, #FFF 95%, #ddd 100%);
}

.even{
    background-image:-webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image:-moz-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image:-o-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image:-ms-linear-gradient(right, #FFF 95%, #ddd 100%);
}

.grad{position:absolute ;width:30px;height:100%;top:0px;}
.grad-odd{right:0px;background:url(grad_left.png) left top repeat-y;opacity: 0.5;}
.grad-even{left:0px;background:url(grad_right.png) right top repeat-y;opacity: 0.5;}

/*book header*/
#book-header{ z-index:100;width:100%;height:44px;position:absolute;opacity:0.7;filter:alpha(opacity=60);background:#000; top:0px;border: 1 solid;}
.controls ul{margin:0px;padding:0px;}
.controls li{float:left;list-style-type:none;padding:0px;font-size:0.8em;color:#fff;border-radius: 4px;width: 40;height: 40;}
.controls a{width:40px;height:40px;float:left;background-image:url(icon.png); background-repeat:no-repeat ;}
/*.menu-left{margin:0px 10px;}*/
/*.menu-right{margin:0px 10px;right:0px}*/


.menu-left{float:left;margin:0px 10px;}
.menu-right{float:right;margin:0px;width: 40px;background: #000}
.menu-center{position:absolute;}
.menu-page{line-height:30px;}
.menu-prev a{background-position:-240px -90px;}
.menu-next a{background-position:-300px -90px;}
.menu-first a{background-position:-60px -5px;}
.menu-last a{background-position:-90px -5px;}
.menu-zoom a{background-position:-140px 5px;}
.menu-zoomin a{background-position:-10px 5px;}
.menu-zoomout a{background-position:-50px 5px;}
.menu-thumb a{background-position:-90px 5px;}
.menu-help a{background-position:-130px 5px;}
.menu-share a{background-position:-210px 5px;}
.menu-sound a{background-position:-300px -5px;}
.menu-mute a{background-position:-330px -5px;}
.menu-home a{background-position:-170px 5px;}
.menu-comment a{background-position:-380px -5px;}
.menu-export a{background-position:-300px -5px;}
.menu-fullscreen a{background-position:-290px 5px;}
.fullbtn{width: 20;height: 20;background: url(icon.png) no-repeat -420px -5px;margin: 9; }
.menu-down a{background-position:-250px 5px;}
.menu-autoflip a{background-position:-250px -35px;}
.menu-autoflip1 a{background-position:-290px -35px;}
.menu-contents a{background-position:-210px -35px;}
.menu-search a{background-position:-170px -35px;}
/*.menu-searchblack {background: #fff;width: 10%;height: 30px;float: right;}*/
.menu-searchblack {background:url(icon.png) no-repeat -380px -40px;;height:33px;width: 33px;position: absolute;right:0;cursor:pointer;}
#search-cross{background:url(x-.png) no-repeat center;height: 33px; display: none;width: 20px;position: absolute;right:38;}
.menu-list a{background-position:-10px -35px;}
.menu-setting a{background-position:-90px -35px;}
.menu-text a{background-position:-130px -35px;}
.menu-img a{background-position:-50px -35px;}
.menu-bookmark{opacity:0.6; position: absolute;width: 15;height: 40;right:11;top: 0;;z-index: 101;background: url(icon.png) no-repeat -286px -37px;}
.menu-bookmark-off{display: block; opacity:1;background: url("icon.png") no-repeat -262px -37px;}
.chide{display: block}
.menu-hide-div{width: 34px;height: 100%;float: right;position: absolute;right: 0;}
.menu-hide {background: url(icon.png) no-repeat -420px -60px;width: 34px;height:60px;position: absolute;top: 50%;}
.audioimg{position: absolute;display:none;top:44;left:10;width:50; height:50;background: url("audio1.png") no-repeat;z-index: 100;}
.audioimg0{background: url("audio0.png") no-repeat;}

/*book footer*/
#book-footer{ z-index:100;width:100%;position:absolute;position:absolute;bottom:0px; text-align:center ;}
#book-footer{}
#thumb-nav-dot {width:30px;height:14px;background:url(icon.png) -340px -45px no-repeat ; margin:auto;}
#thumb-content{padding-top:10px;opacity:0.8;filter:alpha(opacity=80);background:#000; display:none; }
#thumb-nav-left,#thumb-nav-right{height:94px; position:absolute ;width:30px;}
#thumb-nav-left span,#thumb-nav-right span{margin-top:30px;width:30px;height:30px; display:block ; background-image:url(icon.png);  background-repeat:no-repeat ;}
#thumb-nav-left{left:0px;}
#thumb-nav-right{right:0px;}
#thumb-nav-left span{ background-position:-230px -90px;}
#thumb-nav-right span{ background-position:-260px -90px;}
#thumb-pages{overflow:hidden;position:relative ;height:110px;} 
#thumblist{ position:absolute ; height: 100%;}
#thumblist-entry{height: 100%;}
#thumblist td{cursor:hand; list-style-type:none; text-align:center;color:#eee;font-size:0.8em;}
#thumblist td a{color:#fff; font-size:smaller; text-decoration:none; float:left;}
.disable span{opacity:0.1;filter:alpha(opacity=10);}
.thumb-odd{margin-right:10px;}
.thumb-even{margin-right:1px;}

/*dialog*/
.sharelist{margin:10px;padding:0px;}
.sharelist li{float:left;margin-right:20px; list-style-type:none;}
.sharelist a{width:30px;height:30px;float:left;background-image:url(icon.png); background-repeat:no-repeat ;}
.share-mail a{background-position:0px -90px;}
.share-twitter a{background-position:-60px -90px;}
.share-facebook a{background-position:-120px -90px;}
.share-google a{background-position:-180px -90px;}

.oddp{width:100%;height:100%;background:url(shadowl.png) right top repeat-y;}
.evenp{width:100%;height:100%;background:url(shadowr.png) left top repeat-y;}


.side-dialog{display:none;overflow: hidden; color:white;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 999;}
.side-bg { width: 100%;height: 100%;background: #000000;opacity: 0.6;float: left;}
.book-dialog{text-align:left;position:absolute;background: #000;width: 100% ;height: 100%; box-shadow: 3px 3px 4px #333232;}
/*.book-dialog p{font-size:0.8em;}*/
.side-title { position:fixed;width: 258px;height: 40px;background: #999;text-align: left;font-size: 28px;left: 0px;}
.side-title p{ margin-left: 5px;}
.side-body { width: 100%;height: 80%;padding: 10;font-size: 18px;margin-top: 40px;overflow: auto;}
.poweredby {white-space: pre-wrap;word-wrap: break-word;color:#ccc; text-align:right ;font-size: 12px;position: absolute;bottom:-5;right:10;}
.side-table {z-index: 99999; display: none;font-size: 13px;color: white;width: 100%}
.side-table td{ padding: 5px;}
.lbl{color:#999;  width:60px; text-align:right;float:left; font-size:small ;}
.val{margin-left:70px; font-size:small ;}


/* Dialog */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444;}
#simplemodal-container .simplemodal-data {padding:8px;-webkit-overflow-scrolling:touch}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:0.8em; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

#simplemodal-container p,#simplemodal-container b{font-size:smaller; font-family:Arial;}
#simplemodal-container .poweredby{color:#ccc; text-align:right ;}


.axlink{position:absolute;text-decoration: none;cursor:hand;overflow: hidden}
.axlink:hover{border-radius: 8px;border:1px solid blue;box-shadow: 2px 2px 2px #ccc; }

.cmedia{position:absolute;z-index: 100;border: 1px solid;overflow: hidden;background:#000000}
.caudio{position:absolute;z-index: 100;overflow: hidden; }
.audio1{position: absolute;top: 0;left: 0;}
.turn-page img,#large-scroller img{-ms-user-select: none;-moz-user-select: none;-webkit-user-select:none;}

.highlight{font-weight:bold;color:red;}
pre{white-space: pre-wrap;word-wrap: break-word;}