.bxScreenBlock {background-color:rgba(0,0,0,0.9);}

ul {margin:0;padding:0;list-style-type:none;}
li {margin:0;padding:0;list-style:none;}

iframe {margin:0px;padding:0px;width:100%;height:100%;border:none;}
.pageapp-iframe-wrapper {position:relative;margin:0px;padding:0px;width:100%;height:100%;}
.pageapp-iframe {position:absolute;top:0px;left:0px;}

input[type='checkbox'] {margin:0px;padding:0px;appearance:none;-webkit-appearance:none;opacity:1;background:url('../imgs/ui/buttons/checkbox_off.png') no-repeat center;}
input[type='checkbox']:focus {outline:dotted 1px #666666;} 
input[type='checkbox']:disabled {opacity:0.5;}
input[type='checkbox']:checked {background:url('../imgs/ui/buttons/checkbox_on.png') no-repeat center;}

.flx {display:-webkit-flex;display:flex;display:-ms-flexbox;box-sizing:border-box;}
.flx.top-center {-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flx.center {-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flx.justify-left {-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
.flx.justify-right {-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}

.main-frame {background-color:#d0d0d0;}
.page-frame {color:#000000;background-color:#ffffff;}
.book-frame {background-color:#ffffff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);z-index:100;}
.book-frame.none-shadow {box-shadow:none;}

.popup-frame {color:#000000;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);background-color:#ffffff;border-radius:15px 15px 11px 11px;}
.full-popup-frame {color:#000000;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);background-color:#ffffff;}
.dialog-frame {color:#2f2f2f;font-size:17px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);background-color:#ffffff;border-radius:11px;}
.selected {background-color:#fffae1;}

.common-btn {opacity:1;cursor:pointer;}
.common-btn:hover {opacity:0.6;}
.common-btn:active {opacity:0.4;}
.common-btn.disabled {opacity:0.4;cursor:default;}
.common-btn.disabled:hover {opacity:0.4;}
.common-btn.disabled:active {opacity:0.4;}

.txt-overflow {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.img-patch-v3 {position:absolute;top:0px;height:100%;background-repeat:repeat;}
.img-patch-v3.l {left:0px;top:0px;}
.img-patch-v3.c {}
.img-patch-v3.r {right:0px;top:0px;}

.img-patch-h3 {position:absolute;left:0px;width:100%;background-repeat:repeat;}
.img-patch-h3.t {top:0px;}
.img-patch-h3.m {}
.img-patch-h3.b {bottom:0px;}

/* reader background */
.reader-bg {position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;}

/* book left/right background */
.book-bg {display:none;position:absolute;width:13px;background-repeat:repeat;opacity:0;transition:opacity 0.5s;-webkit-transition:opacity 0.5s;}

.book-bg > .lt {top:0px;height:14px;background-image:url("../imgs/130/page_deco_L_T.png");}
.book-bg > .lm {top:13px;background-image:url("../imgs/130/page_deco_L_C.png");}
.book-bg > .lb {bottom:0px;height:14px;background-image:url("../imgs/130/page_deco_L_B.png");}
.book-bg > .rt {top:0px;height:14px;background-image:url("../imgs/130/page_deco_R_T.png");}
.book-bg > .rm {top:13px;background-image:url("../imgs/130/page_deco_R_C.png");}
.book-bg > .rb {bottom:0px;height:14px;background-image:url("../imgs/130/page_deco_R_B.png");}

.plugin-reader-top {position:absolute;margin:0px;padding:0px;top:0px;left:0px;width:0px;height:0px;border:none;overflow:visible;}
.plugin-reader-btm {position:absolute;margin:0px;padding:0px;top:0px;left:0px;width:100%;height:100%;border:none;z-index:50;}

li[data-op="group_hide"] > ul {display:none;}
li[data-op="group_show"] > ul {display:block;}

.install-book {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
.install-book > div {padding-top:300px;width:267px;height:267px;background:url("../imgs/ui/install.gif") no-repeat center;color:#ffffff;font-size:18px;text-align:center;}

.update-book {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
.update-book > div {padding-top:300px;width:267px;height:267px;background:url("../imgs/ui/update_loop.gif") no-repeat center;color:#ffffff;font-size:18px;text-align:center;}