/*hoangnx -------------------*/
.svg-box .fa{color:#FFF;font-size:20px;font-weight:100}
.svg-box .dfml15{margin-left:-18px}
.fa-close{margin-left:10px;font-size:120%}
/*style3===========================================*/
.phoneTopBar{position:absolute;width:100%;height:40px;left:0;top:0;z-index:99}
.phoneTopBar .button{width:40px;height:40px;position:absolute;cursor:pointer}
.phoneTopBar .button img{max-height:40px;position:absolute;top:0;bottom:0;margin:auto}
.phoneTopBar .button .svg{max-height:40px;position:absolute;top:0;bottom:0;margin:auto}
.phoneTopBar .button .icon{position:absolute;left:10px;top:10px}
.phoneTopBar .button div{width:20px;height:20px}
.phoneTopBar .button span{display:none}
.phoneBottomBar{position:absolute;width:100%;height:40px;bottom:0;left:0;z-index:99}
.phoneBottomBar .button{width:40px;height:40px;position:absolute;cursor:pointer}
.phoneBottomBar .button img{height:20px;left:-31px;width:20px;position:absolute;top:0;bottom:0;margin:auto}
.phoneBottomBar .button .svg{height:20px;left:1px;width:20px;position:absolute;top:0;bottom:0;margin:auto}
.phoneBottomBar .button .icon{overflow:hidden;position:absolute;left:9px;top:9px;width:22px;height:22px}
.phoneBottomBar .button span{display:none}
.phoneBottomBar .button img.custom{left:0}
.phone.extendedBar .arrow{position:absolute;width:50px;height:20px;left:50%;cursor:pointer;margin-left:-25px;border-radius:5px 5px 0 0;top:-20px;background-color:rgba(0,0,0,0.8)}
.phone.extendedBar .arrow img{width:10px;margin:5px 20px}
.extendedBar.phone{border-bottom:1px solid rgba(255,255,255,0.1);overflow:hidden;position:absolute;bottom:-280px;z-index:99;border-radius:0;background:#000;width:100%;height:72px}
.extendedBar.phone .button{width:40px;height:52px;border-radius:0;float:left;margin:10px 0 0 30px;position:relative;text-align:center}
.extendedBar.phone .button .icon{overflow:hidden;position:relative;display:block;width:32px;height:32px;border-radius:16px;background-color:rgba(255,255,255,0.1);margin:0 0 0 4px}
.extendedBar.phone .button img{left:-25px;display:block;width:18px;height:18px;position:absolute;top:7px;margin:0}
.extendedBar.phone .button .svg{left:7px;display:block;width:18px;height:18px;position:absolute;top:7px;margin:0}
.extendedBar.phone .button span{top:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:white;line-height:20px;display:block;position:relative;margin:0 0 0 -15px;width:70px}
.extendedBar.phone .button img.custom{left:7px}
.extendedBar.phone .svg-box{width:14px;height:14px;cursor:pointer;margin:3px 0 0 18px}
.extendedBar.phone .cancel{width:100%;height:40px;position:absolute;bottom:-41px;text-align:center;line-height:40px}
.extendedBar.phone .stage{height:100%}
.extendedBar.phone .stage .swiper{height:100%}
.extendedBar.phone .stage .swiper .item{height:100%}
.extendedBar.phone .stage .swiper .dots{height:20px;position:absolute;left:0;bottom:0}
.extendedBar.phone .stage .swiper .dots .dot{width:10px;height:10px;border-radius:5px;background:#fff}
.phoneGotoPageContent img{/*width:22px;*/ /*height:22px;*/ cursor:pointer;margin:4px -2px 4px 0}
.phoneGotoPageContent .inputButton{display:inline-block;position:relative;overflow:visible;top:10px;margin-left:7px;width:25px;height:30px;cursor:pointer;/*border:1px solid rgba(255,255,255,0.1);*/}
.phoneGotoPageContent .goBtn div{width:20px;height:20px;margin:4px}
.phoneGotoPageContent .btn{display:inline-block;position:relative;overflow:visible;top:5px;margin-top:12px;margin-left:10px;width:30px;height:30px;cursor:pointer;/*border:1px solid rgba(255,255,255,0.1);*/}
.phoneGotoPageContent .btn div{width:20px;height:20px}
.phoneGotoPageContent .svg-box{margin-top:5px}
.phoneGotoPageContent .goBtn{width:30px;height:30px;top:0;right:0;cursor:pointer;z-index:5;position:absolute}
.form_mask_phone{opacity:0.5;background:#000;z-index:9999;position:absolute;width:100%;height:100%;top:0;left:0}
.phone .form_title{text-align:center;vertical-align:middle;font-family:"Arial";font-size:18px;line-height:20px;padding:0 20px;margin:15px 0}
.phone .form_title span{margin:0;line-height:20px;padding:0}
.phone .close{top:13px;position:absolute;cursor:pointer;left:10px;padding:0;margin:0;width:25px;height:25px}
.phone.rightToLeft .close{top:13px;position:absolute;cursor:pointer;left:10px}
/* .print_form_phone */ .print_form_phone{text-align:left;vertical-align:middle;line-height:20px;left:0;top:0;z-index:1000;background:#000;width:310px;padding:0;color:#fff;font-size:15px;font-family:Calibri;position:absolute}
.print_form_phone .printButton{cursor:pointer;background:rgba(255,255,255,0.25);vertical-align:middle;text-align:center;margin:10px 20px;width:auto;height:40px;line-height:40px;font-size:15px}
.print_form_phone .item span{margin-left:10px;vertical-align:middle}
.print_form_phone{background:transparent;width:100%;padding:0}
.print_form_phone{background:transparent;width:100%;padding:0;border-radius:0;border:none;box-shadow:none;filter:none}
.print_form_phone .item{cursor:pointer;line-height:20px;vertical-align:middle;position:relative;padding:10px 20px 10px;margin:0 20px;border-bottom:1px solid rgba(255,255,255,0.2)}
.print_form_phone .item .print_icon{vertical-align:middle;position:absolute;left:10px;top:11px;width:24px;height:24px}
.print_form_phone.rightToLeft .item{text-align:right}
.print_form_phone.rightToLeft .item .print_icon{vertical-align:middle;position:absolute;right:10px;left:auto;top:11px}
.print_form_phone .printRange input{border-radius:0;padding:0 5px;width:100px;height:26px;border:none;margin-left:10px;font-size:12px;background-color:#D3D3D3}
.print_form_phone.rightToLeft .printRange input{margin-left:0;margin-right:10px}
.print_form_phone .item span{margin-left:20px}
.print_form_phone.rightToLeft .item span{margin:0 20px 0 0}
/* bookmark_form_phone */ .bookmark_form_phone{text-align:left;vertical-align:middle;line-height:20px;position:absolute;display:block;z-index:1000;left:-350px;top:157px;width:250px;height:425px;background:#000;padding:0;color:#FFF;font-size:15px;font-family:Calibri}
.bookmark_form_phone .inputForm{width:100%;margin-top:10px;height:30px;position:relative}
.bookmark_form_phone .input_title{width:192px;height:30px;border:none;padding:0 10px;position:absolute;left:0}
.bookmark_form_phone .colorSelection{width:28px;height:28px;border:1px solid #fff;position:absolute;right:0}
.bookmark_form_phone .add_page{display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;width:120px;height:30px;line-height:30px;margin-top:10px;background:rgba(255,255,255,0.25)}
.bookmark_form_phone .add_page.left{margin-right:10px}
.bookmark_form_phone .list_title{cursor:default;font-size:15px;height:30px;width:100%;margin-top:10px;background:rgba(255,255,255,0.1);line-height:30px;vertical-align:middle;text-align:left}
.bookmark_form_phone .list_title span{padding:0 10px;display:inline-block}
.bookmark_form_phone .list_title .page{border-right:1px solid rgba(255,255,255,0.1);width:30px}
.bookmark_form_phone .list_title .description{width:108px;border-right:1px solid rgba(255,255,255,0.1)}
.bookmark_form_phone .list_title .edit{}
.bookmark_form_phone .stage{overflow:hidden;width:100%;position:relative}
.bookmark_form_phone .swiper{width:100%;left:0;top:0}
.bookmark_form_phone .progress{width:15px;height:5px;position:absolute;bottom:0;right:0;cursor:pointer}
.bookmark_form_phone .progressBar{width:5px;height:5px;background:rgba(255,255,255,0.25);position:absolute;right:0;top:0;cursor:pointer;border-radius:2px}
.bookmark_form_phone .removeAll{width:100%;height:30px;line-height:30px;background:rgba(255,255,255,0.25);margin-top:5px;cursor:pointer;vertical-align:middle;text-align:center;display:none}
.bookmark_form_phone .item{width:100%;height:30px;line-height:30px;vertical-align:middle;text-align:left;position:relative;margin-top:0}
.bookmark_form_phone .item span{padding:0 10px;display:inline-block}
.bookmark_form_phone .item input{display:inline-block}
.bookmark_form_phone .item .page{width:30px}
.bookmark_form_phone .item .title{width:82px;height:20px;line-height:20px;vertical-align:middle;border:none;padding:0 10px;background:transparent}
.bookmark_form_phone .item .colorSelection{margin:0;width:20px;height:18px;position:absolute;left:130px;top:6px;display:none}
.bookmark_form_phone .item img{position:absolute;cursor:pointer}
.bookmark_form_phone .item .save{left:160px;top:7px;display:none}
.bookmark_form_phone .item .cancel{left:190px;top:7px;display:none}
.bookmark_form_phone .item .edit{left:190px;top:7px}
.bookmark_form_phone .item .delete{left:214px;top:7px}
.bookmark_form_phone.rightToLeft{text-align:right}
.bookmark_form_phone.rightToLeft .input_title{left:auto;right:0;direction:rtl}
.bookmark_form_phone.rightToLeft .colorSelection{right:auto;left:0}
.bookmark_form_phone.rightToLeft .add_page.left{margin-left:10px;margin-right:0}
.bookmark_form_phone.rightToLeft .list_title{text-align:right}
.bookmark_form_phone.rightToLeft .list_title .page{border-left:1px solid rgba(255,255,255,0.1);border-right:none;width:30px}
.bookmark_form_phone.rightToLeft .list_title .description{border-left:1px solid rgba(255,255,255,0.1);border-right:none}
.bookmark_form_phone.rightToLeft .list_title .edit{}
.bookmark_form_phone.rightToLeft .progress{left:0;right:auto}
.bookmark_form_phone.rightToLeft .progressBar{left:0;right:auto}
.bookmark_form_phone{background:transparent;width:100%;height:100%;padding:0;left:0;top:0;margin:0}
.bookmark_form_phone .stage{margin:0;width:100%;height:100%}
.bookmark_form_phone .item{position:relative;width:100%;height:100px;line-height:100px;vertical-align:middle;font-size:15px;cursor:pointer}
.bookmark_form_phone .item span{margin:0 10px;line-height:20px;vertical-align:middle;display:inline-block;width:auto}
.bookmark_form_phone .item img{height:76px;vertical-align:middle;margin:12px 0;position:relative}
.bookmark_form_phone{background:transparent;width:100%;height:100%;padding:0;left:0;top:0;margin:0;border-radius:0;border:none;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.bookmark_form_phone .stage{margin:0;width:100%;height:100%}
.bookmark_form_phone .item{position:relative;width:100%;height:100px;line-height:100px;vertical-align:middle;font-size:15px;cursor:pointer}
.bookmark_form_phone .item span{margin:0 10px;display:inline-block;width:auto}
.bookmark_form_phone .item img{height:76px;margin:12px 0;position:relative}
.bookmark_form_phone.rightToLeft .item img{float:right}
.bookmark_form_phone.rightToLeft .item span{float:right;transform:translate(-20px,-50%);top:50%;position:relative}
.bookmark_form_phone.rightToLeft .item .delete{left:20px;right:auto}
.bookmark_form_phone.rightToLeft .item .page{transform:translate(0,-50%)}
.bookmark_form_phone .item .delete{position:absolute;cursor:pointer;top:30px;left:auto;right:20px;width:41px;height:41px;background-repeat:no-repeat}
.bookmark_form_phone .item .delete{background-image:url(img/bookmark_form_phone.png)}
.bookmark_form_phone .item .delete:hover{background-image:url(img/bookmark_form_phone_hover.png)}
/* search_form_phone */ .search_form_phone{text-align:left;vertical-align:middle;line-height:20px;z-index:1000;left:-300px;top:0;width:250px;height:548px;background:#000;padding:0;color:#fff;font-size:15px;font-family:Calibri;position:absolute}
.search_form_phone .result{margin-top:10px}
.search_form_phone .stage{overflow:hidden;width:250px;height:460px;position:relative;margin:10px 0 0 0}
.search_form_phone .swiper{width:100%;position:absolute;left:0;top:0}
.search_form_phone .progress{width:15px;height:5px;position:absolute;bottom:0;right:0;cursor:pointer}
.search_form_phone .progressBar{width:5px;height:5px;opacity:0.25;background:#fff;position:absolute;right:0;top:0;cursor:pointer;border-radius:2px}
.search_form_phone .item{padding:10px 20px;cursor:pointer}
.search_form_phone .item .description{font-size:15px;margin-top:3px;opacity:0.6}
.search_form_phone .item:hover{background:rgba(255,255,255,0.25)}
.search_form_phone.rightToLeft{text-align:right}
.search_form_phone.rightToLeft .progress{left:0;right:auto}
.search_form_phone.rightToLeft .progressBar{left:0;right:auto}
.search_form_phone{border-top:1px solid rgba(255,255,255,0.25);width:100%;height:100%;padding:0;left:0;top:0;background:transparent}
.search_form_phone .stage{width:100%;position:relative;margin:0}
.search_form_phone{width:100%;height:100%;padding:0;left:0;top:0;background:transparent;border-radius:0;border:none;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.search_form_phone .result{margin:0;height:35px;line-height:35px;background:rgba(255,255,255,0.05);padding:0 20px}
.search_form_phone .stage{width:100%;position:relative;margin:0}
/* tableofcontent_form_phone */ .tableofcontent_form_phone{text-align:left;vertical-align:middle;line-height:20px;position:absolute;z-index:1000;left:-300px;top:150px;width:250px;height:548px;background:#000;padding:0;color:#fff;font-size:15px;font-family:Calibri}
.tableofcontent_form_phone .swiper{width:100%;position:absolute;left:0;top:0}
.tableofcontent_form_phone .progress{width:15px;height:5px;position:absolute;bottom:0;right:0;cursor:pointer}
.tableofcontent_form_phone .progressBar{width:5px;height:5px;background:rgba(255,255,255,0.25);position:absolute;right:0;top:0;cursor:pointer;border-radius:2px}
.tableofcontent_form_phone .item{font-size:15px;cursor:pointer;position:relative;margin-right:0;margin-left:0;line-height:40px;padding-left:10px}
.tableofcontent_form_phone .item .arrow{padding:10px 10px 10px 0;position:absolute;top:0}
.tableofcontent_form_phone .item .description{display:inline-block}
.tableofcontent_form_phone .item:hover{background:rgba(255,255,255,0.1)}
.tableofcontent_form_phone.rightToLeft{text-align:right}
.tableofcontent_form_phone.rightToLeft .item{margin-right:0;margin-left:0}
.tableofcontent_form_phone.rightToLeft .item .arrow{padding:10px 0 10px 10px}
.tableofcontent_form_phone.rightToLeft .progress{left:0;right:auto}
.tableofcontent_form_phone.rightToLeft .progressBar{left:0;right:auto}
.tableofcontent_form_phone{background:transparent;width:100%;height:100%;padding:0;left:0;top:0;margin:0}
.tableofcontent_form_phone{background:transparent;width:100%;height:100%;padding:0;left:0;top:0;margin:0;border-radius:0;border:none;box-shadow:none;filter:none}
.tableofcontent_form_phone .stage{position:relative;margin:0 20px}
.phone .searchButton{position:absolute;top:70px;right:20px;cursor:pointer;z-index:10;max-width:25px;max-height:25px;transform:translate(0,-50%)}
.phone .input_search{background-color:#fff;border-radius:5px;margin:0 20px;height:40px;line-height:40px;padding:0 25px 0 10px;width:275px;border:1px solid transparent}
.phone.rightToLeft .searchButton{left:20px;right:0}
.phone.rightToLeft .input_search{padding:0 10px 0 25px}
/* about form */ .about_form_phone{vertical-align:middle;line-height:20px;text-align:center;width:100%;height:auto;padding:0;color:#fff;font-size:15px;font-family:Calibri;position:absolute}
.about_form_phone .content_title{border:1px solid transparent;top:51px;cursor:pointer;width:105px;height:34px;position:absolute;line-height:34px;vertical-align:middle;text-align:center}
.about_form_phone .contact_title{left:51%}
.about_form_phone .description_title{right:51%}
.about_form_phone .focus{background:rgba(255,255,255,0.25)}
.about_form_phone .content{margin:0 0 0 75px;width:auto}
.about_form_phone .content1{display:none;height:220px;overflow:auto}
.about_form_phone .content2{height:220px;overflow:hidden;position:relative}
.about_form_phone .description{text-align:left;border-top:1px solid rgba(255,255,255,0.2)}
.about_form_phone .item{position:relative;min-height:18px;text-align:left;cursor:pointer;margin:0;vertical-align:middle;padding:10px 20px 10px;border-bottom:1px solid rgba(255,255,255,0.2)}
.about_form_phone .item .title{display:inline-block;position:absolute;left:20px;top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;width:70px}
.about_form_phone .content2 .item .content{margin:0;width:auto}
.about_form_phone .content1 .item .content{margin:0 0 0 80px;width:auto}
.about_form_phone .content1 .item{height:34px;line-height:34px}
.about_form_phone a{text-decoration:underline}
.about_form_phone .aboutLogo{width:300px;height:70px;margin:0 20px;display:inline-block}
.about_form_phone .swiper{width:98%;position:absolute;left:0;top:0}
.about_form_phone .progress{width:15px;height:5px;position:absolute;bottom:0;right:0;cursor:pointer}
.about_form_phone .progressBar{width:5px;height:5px;background:rgba(255,255,255,0.25);position:absolute;right:0;top:0;cursor:pointer;border-radius:2px}
.about_form_phone.rightToLeft{text-align:right}
.about_form_phone.rightToLeft .item .title{left:auto;right:20px}
.about_form_phone.rightToLeft a{float:right}
.about_form_phone.rightToLeft a.aboutLogo{float:inherit}
.about_form_phone.rightToLeft .content2 .item .content{margin:0;text-align:right}
.about_form_phone.rightToLeft .content1 .item .content{margin:0 80px 0 0;text-align:right}
.about_form_phone.rightToLeft .item .title{text-align:right}
.about_form_phone .description.item .content{margin:0}
.about_form_phone.rightToLeft .content{margin:0 65px 0 0}
.about_form_phone.rightToLeft .item{text-align:right}
/* share_form_phone */ .share_form_phone{border-radius:0;border:none;box-shadow:none;filter:none}
.share_form_phone .item .logo{width:40px;height:40px;margin:0 auto;display:block;float:none}
.share_form_phone .item .logo_title{line-height:30px}
.share_form_phone .item .logo div{width:40px;height:40px}
.share_form_phone .copy{width:74%;height:30px;line-height:30px;cursor:pointer;background:rgba(255,255,255,0.4);color:#fff;position:absolute;top:320px;left:12%;right:auto;vertical-align:middle;text-align:center}
.share_form_phone{padding:0;top:auto;border-radius:10px 10px 0 0;border:none;box-shadow:none;filter:none}
.share_form_phone .form_title{top:0;left:0;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,0.2);background:transparent;width:100%;font-family:"Arial";font-size:15px;line-height:40px;position:relative;margin:0;height:40px;padding:0}
.share_form_phone .close{border-top:1px solid rgba(255,255,255,0.2);top:auto;bottom:0;left:0;position:absolute;cursor:pointer;width:100%;height:40px;line-height:40px;text-align:center;vertical-align:middle;font-size:15px}
.share_form_phone.rightToLeft .close{top:auto;left:0}
.share_form_phone .stage{position:absolute;top:60px;left:10px;right:10px;bottom:60px;margin:auto;width:auto}
.share_form_phone .back{z-index:100;position:absolute;top:0;left:10px;height:40px;line-height:40px;vertical-align:middle}
.share_form_phone .back span{font-family:"Arial";font-size:12px;margin-left:10px}
.share_form_phone .back img{vertical-align:middle}
.share_form_phone .qrcode{position:absolute;top:54px;left:0;right:0;bottom:54px;margin:auto;text-align:center}
.share_form_phone .qrcode .checked{background:rgba(255,255,255,0.2)}
.share_form_phone .qrcode .QRcode>canvas{border:5px solid #fff}
.share_form_phone .qrcode>div{display:none}
.share_form_phone .qrcode>div.showQR{display:block}
.share_form_phone .qrcode .title{position:absolute;text-align:center;bottom:0;width:100%}
.share_form_phone .qrcode img{width:100px;height:100px;padding:5px;background:#fff}
.share_form_phone .qrcode span{cursor:pointer;font-size:15px;margin-top:15px;text-align:center;vertical-align:middle;width:150px;height:40px;line-height:40px;border-radius:20px;display:inline-block;background:rgba(255,255,255,0);border:1px solid #333}
.share_form_phone .item{padding:0;vertical-align:middle;font-size:12px;position:relative;display:inline-block;width:20%;margin-bottom:15px;margin-left:4%;text-align:center}
.share_form_phone .qrcode.two span{width:95px}
.share_form_phone .qrcode.two .left{border-radius:20px 0 0 20px}
.share_form_phone .qrcode.two .right{border-radius:0 20px 20px 0}
.share_form_phone .item .logo{width:40px;height:40px;margin:0 auto;display:block;float:none}
.share_form_phone .item .logo_title{line-height:30px;font-size:12px}
.share_form_phone .item .logo div{width:40px;height:40px}
.share_form_phone .progress{width:10px;right:0;position:absolute}
.share_form_phone .progressBar{cursor:pointer;background:rgba(0,0,0,0.3);position:absolute;left:0;width:10px;border-radius:5px}
/* thumbnail_form_phone */ .thumbnail_form_phone .result{text-align:left;margin:0;height:35px;line-height:35px;background:rgba(255,255,255,0.05);padding:0 20px}
.thumbnail_form_phone.rightToLeft .result{text-align:right}
.thumbnail_form_phone .input_search{background-color:#fff;border-radius:5px;height:40px;line-height:40px;padding:0 25px 0 10px;width:305px;border:1px solid transparent}
/* setting_form_phone */ .setting_form_phone{right:auto}
.setting_form_phone{width:100%;height:100%;left:0;vertical-align:middle;font-family:Arial,Tahoma;background:transparent;z-index:1}
.setting_form_phone .stage{margin:0;width:100%;height:100%}
.setting_form_phone .scrollBox{position:absolute;width:100%}
.setting_form_phone .scrollBox .item{position:relative;width:100%;height:50px;border-bottom:1px solid rgba(255,255,255,0.2);cursor:pointer}
.setting_form_phone .scrollBox .item img{position:absolute;cursor:pointer;width:25px;height:25px;top:13px;right:18px}
.setting_form_phone .scrollBox .item .title{line-height:50px;font-size:15px;padding:0 18px;text-align:left}
.setting_form_phone.rightToLeft .item .title{text-align:right}
.setting_form_phone.rightToLeft .item img{right:auto;left:18px}
/* language_form_phone */ .language_form_phone{width:100%;height:100%;left:0;vertical-align:middle;font-family:Arial,Tahoma;background:transparent;z-index:1}
.language_form_phone .stage{margin:0;width:100%;height:100%}
.language_form_phone .scrollBox{position:relative;width:100%;top:0;transform:none;-webkit-transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none}
.language_form_phone .scrollBox .item{position:relative;width:100%;height:50px;margin:0;border-bottom:1px solid rgba(255,255,255,0.2);cursor:pointer}
.language_form_phone .scrollBox .item img{display:none;position:absolute;cursor:pointer;width:25px;height:25px;top:13px;right:15px}
.language_form_phone .scrollBox .item .title{line-height:50px;font-size:15px;text-align:left;padding:0;width:100%;margin-left:0;left:0}
.language_form_phone .scrollBox .item.focus .title{border:none}
.language_form_phone .scrollBox .item.focus img{display:block}
/* copy_form */ .copy_form{font-family:Arial;border-radius:5px;overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;width:80%;height:170px;padding:10px;margin:auto;vertical-align:middle;color:#fff}
.copy_form textarea{vertical-align:top;top:0;left:0;border-radius:5px;height:130px;width:100%;background:#fff;font-size:15px;color:#000;padding:0;margin:0;border:none}
.copy_form p{position:absolute;top:152px;margin-right:100px;line-height:15px;font-size:15px;text-align:left}
.copy_form .cancel{cursor:pointer;border-radius:2px;position:absolute;right:10px;top:150px;height:27px;line-height:27px;background-color:rgba(255,255,255,0.2);font-size:15px;vertical-align:middle;padding:0 15px}
/* tel_form */ .tel_form{font-family:Arial;border-radius:5px;overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;width:85%;margin:auto;vertical-align:middle;color:#fff}
.tel_form .form_title{margin:auto;height:40px;width:100%;background:#000;line-height:40px}
.tel_form .stage{overflow:hidden;width:100%;position:relative;background:rgba(0,0,0,0.8)}
.tel_form .swiper{width:100%;position:relative;left:0;top:0;max-height:50%}
.tel_form .progress{width:15px;height:5px;position:absolute;bottom:0;right:4px;cursor:pointer}
.tel_form .progressBar{width:5px;height:5px;opacity:0.25;background:#fff;position:absolute;right:4px;top:0;cursor:pointer;border-radius:2px}
.tel_form .swiper .item{position:relative;font-size:15px;margin:0 10px;height:70px;line-height:70px;border-bottom:1px solid rgba(255,255,255,0.1)}
.tel_form .swiper .item .number{max-width:calc(100% - 120px);float:left;margin-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tel_form .swiper .item a{display:inline-block;color:#fff;position:absolute;right:0;margin:20px;border-radius:5px;padding:5px 20px;border:1px solid rgba(255,255,255,0.9);height:20px;line-height:20px;vertical-align:middle}
.doublepage_form{font-family:Arial;overflow:hidden;width:80%;margin:auto;vertical-align:middle;color:#575757;background:#fff}
.doublepage_form .form_title{margin:auto;width:100%;color:#393939;font-size:16px;padding-top:5px}
.doublepage_form .secondTitle{overflow:hidden;width:100%;position:relative;color:#353535;font-size:13px;line-height:22px}
.doublepage_form .itemList{overflow:hidden;width:100%;position:relative;color:#79797A;font-size:13px}
.doublepage_form .itemList .item{line-height:22px}
.doublepage_form .closeButton{overflow:hidden;width:100%;height:38px;line-height:38px;position:relative;color:#639FE7;font-size:14px;border-top:1px solid #E8E0E0;margin-top:10px}
.doublepage_form img{overflow:hidden;width:100%;display:block}
.doublepage_form .wordBox{padding-top:10px;/* padding-bottom:15px;*/}
.videogallery_form_phone{text-align:left;vertical-align:middle;line-height:20px;z-index:1000;color:#fff;margin:auto;width:80%;background:#000;padding:15px 20px 20px 20px;font-size:15px;font-family:Calibri;position:absolute;overflow:hidden}
.win10_border.videogallery_form_phone{border-radius:unset}
.videogallery_form_phone .form_title{font-size:18px;line-height:20px}
.videogallery_form_phone .title{font-size:18px;line-height:20px}
.videogallery_form_phone .video{width:100%;height:180px;background:rgba(255,255,255,0.25);margin-top:15px}
.videogallery_form_phone .close{top:16px;right:20px;padding:3px;position:absolute;cursor:pointer}
.videogallery_form_phone .video_list{width:100%;height:120px;margin-top:6px}
.videogallery_form_phone .info{margin-top:5px}
.videogallery_form_phone .info .description{width:100%}
.videogallery_form_phone .description{opacity:0.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.videogallery_form_phone .stage{width:100%;position:relative;height:100px;overflow:hidden}
.videogallery_form_phone .swiper{width:max-content;position:absolute}
.videogallery_form_phone .progress{width:15px;height:5px;position:absolute;bottom:-105px;right:-5px}
.videogallery_form_phone .progressBar{width:5px;height:5px;background:rgba(255,255,255,0.25);position:absolute;right:5px;top:0;cursor:pointer;border-radius:2px}
.videogallery_form_phone .item{width:80px;padding-right:10px;min-height:42px;margin-top:5px;position:relative;display:inline-block}
.videogallery_form_phone .item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.videogallery_form_phone .item .thumbnail{background-color:rgba(255,255,255,0.25);width:80px;height:50px;background-position:center center;background-size:contain;background-repeat:no-repeat;border-radius:3px}
.videogallery_form_phone .item:hover{text-decoration:underline}
.videogallery_form_phone.rightToLeft{text-align:right}
.videogallery_form_phone.rightToLeft .video_list{left:15px;right:auto}
.videogallery_form_phone.rightToLeft .item{padding-right:61px;padding-left:0;margin-left:5px}
.videogallery_form_phone.rightToLeft .item .thumbnail{left:auto;right:0}
.videogallery_form_phone.rightToLeft .progress{left:-5px;right:auto}
/* download_form_phone */ .download_form_phone{font-size:15px;width:100%;height:100%;left:0;vertical-align:middle;font-family:Arial,Tahoma;background:transparent;z-index:1}
.download_form_phone .stage{margin:0;width:100%;height:100%}
.download_form_phone .content{position:relative}
.download_form_phone .content2{height:196px}
.download_form_phone .pictureList_win10{margin-left:-75px;left:50%;border:none}
.download_form_phone .downloadButton{cursor:pointer;width:auto;font-size:15px;height:40px;margin:10px 20px;background:rgba(255,255,255,0.25);line-height:40px;vertical-align:middle;text-align:center}
.download_form_phone .item{cursor:pointer;line-height:20px;height:20px;vertical-align:middle;position:relative;margin:0 20px;padding:10px 20px 10px;border-bottom:1px solid rgba(255,255,255,0.2)}
.download_form_phone .item span{margin-left:12px;vertical-align:middle}
.download_form_phone .item img{vertical-align:middle;position:absolute;left:10px;top:13px}
.download_form_phone .downloadAttachments input{padding:0 5px;width:102px;height:30px;border:none;margin-left:10px;font-size:12px}
.download_form_phone .content1 select{margin:10px;width:80%;color:#989898;height:30px;border:none;border-radius:0;outline:none}
.download_form_phone .select_content{margin:0 20px;border-bottom:1px solid rgba(255,255,255,0.2)}
.download_form_phone.rightToLeft .item img{vertical-align:middle;position:absolute;right:10px}
/*style3====================================================================================*/
*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
*:before,*:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{width:100%;height:100%;left:0;top:0;margin:0;padding:0;position:fixed}
body{position:fixed;overflow:hidden!important;width:100%;height:100%;margin:0;padding:0!important;-ms-transform:translate(0);border:0;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tmpContainer{position:fixed;width:100%;height:100%;bottom:0;top:0;left:0;display:block;z-index:-1}
.bookContainer{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;display:block;overflow:hidden}
/*//book object*/ img{-webkit-user-drag:none}
p{margin:0;padding:0}
input{outline:none}
textarea{outline:none}
ul,ol,li{list-style-type:none;margin:0;padding: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:visible;-moz-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible}
.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);will-change:transform}
.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);will-change:transform}
.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);will-change:transform}
.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);will-change:transform}
.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:0;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:0;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:0 0 2px #666 inset}
.flip-vertical-thick{width:100%;height:6px;overflow:hidden;visibility:hidden;z-index:20;position:absolute;top:-6px;background:#dadada;box-shadow:0 0 2px #666 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;*/ /*opacity:0.5;*/ transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;/*border:2px solid #ff0000;*/ 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-vertical-mask{cursor:default;position:absolute;bottom:100%;top:auto;/*background:blue;*/ /*opacity:0.5;*/ transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;/*border:2px solid #ff0000;*/ 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-vertical-mask{cursor:default;position:absolute;bottom:0;top:auto;/*background:blue;*/ /*opacity:0.5;*/ transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;/*border:2px solid #ff0000;*/ 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)}
.down-single-mask-side{cursor:default;position:absolute;/*background-color:white;*/ top: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)}
.up-single-mask-side{cursor:default;position:absolute;/*background-color:white;*/ bottom: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)}
.down-mask-side{cursor:default;position:absolute;/*background-color:white;*/ top: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)}
.up-mask-side{cursor:default;position:absolute;/*background-color:white;*/ bottom: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)}
.down-flip-side{cursor:default;position:absolute;/*background-color:white;*/ bottom: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)}
.down-side{cursor:default;position:absolute;/*background-color:white;*/ bottom: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)}
.up-side{cursor:default;position:absolute;/*background-color:white;*/ top: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.up-side{top:auto;bottom:50%}
.double.down-side{bottom:auto;top:50%}
.down-mask-side .down-side{top:0}
.up-mask-side .up-side{bottom:0;top:auto}
.down-single-mask-side .down-side{top:0}
.up-single-mask-side .up-side{bottom:0;top:auto}
.side-content{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.attachments-content{width:100%;height:100%;position:absolute;top:0;left:0;z-index:4}
.side-highlight{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.8;z-index:1}
.thickness{position:absolute;height:100%;perspective:500;-webkit-perspective:500;-moz-perspective:500;-ms-perspective:500;cursor:pointer}
.thickness .top_part{position:relative;height:50px;width:100%}
.thickness .center_part{position:relative;height:auto;width:100%}
.thickness .bottom_part{position:relative;height:50px;width:100%}
.thickness .part{background-repeat:no-repeat}
.left_thickness .top_part{background:url(img/thickness_left.png);background-position:right 0}
.left_thickness .center_part{background:url(img/thickness_left.png);background-position:right -50px}
.left_thickness .bottom_part{background:url(img/thickness_left.png);background-position:right bottom}
.right_thickness .top_part{background:url(img/thickness.png);background-position:left 0}
.right_thickness .center_part{background:url(img/thickness.png);background-position:left -50px}
.right_thickness .bottom_part{background:url(img/thickness.png);background-position:left bottom}
.left_thickness{-webkit-transform-origin:100% 0%;-moz-transform-origin:100% 0%;-ms-transform-origin:100% 0%;-o-transform-origin:100% 0%;transform-origin:100% 0%}
.right_thickness{-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%}
.thickness .shadow{position:absolute;z-index:-1;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;/* background-color:#ccc;*/ top:0;left:0;width:100%;height:100%}
.left_thickness .shadow{-webkit-box-shadow:-3px 0 6px rgba(125,125,125,0.7);-moz-box-shadow:-3px 0 6px rgba(125,125,125,0.7);-ms-box-shadow:-3px 0 6px rgba(125,125,125,0.7);box-shadow:-3px 0 6px rgba(125,125,125,0.7);-webkit-transform-origin:100% 0%;-moz-transform-origin:100% 0%;-ms-transform-origin:100% 0%;-o-transform-origin:100% 0%;transform-origin:100% 0%;transform:rotateY(-20deg) scaleX(1) scaleZ(1);-webkit-transform:rotateY(-20deg) scaleX(1) scaleZ(1);-moz-transform:rotateY(-20deg) scaleX(1) scaleZ(1);-ms-transform:rotateY(-20deg) scaleX(1) scaleZ(1);margin-left:1px}
.right_thickness .shadow{margin-left:-1px;-webkit-box-shadow:3px 0 6px rgba(125,125,125,0.7);-moz-box-shadow:3px 0 6px rgba(125,125,125,0.7);-ms-box-shadow:3px 0 6px rgba(125,125,125,0.7);box-shadow:3px 0 6px rgba(125,125,125,0.7);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;transform:rotateY(20deg) scaleX(1) scaleZ(1);-webkit-transform:rotateY(20deg) scaleX(1) scaleZ(1);-moz-transform:rotateY(20deg) scaleX(1) scaleZ(1);-ms-transform:rotateY(20deg) scaleX(1) scaleZ(1)}
.bookShadow{position:absolute;top:0;-webkit-box-shadow:0 0 5px rgba(40,40,40,0.7);-moz-box-shadow:0 0 5px rgba(40,40,40,0.7);-o-box-shadow:0 0 5px rgba(40,40,40,0.7);-ms-box-shadow:0 0 5px rgba(40,40,40,0.7);box-shadow:0 0 5px rgba(40,40,40,0.7)}
.bookShadow-vertical{position:absolute;left:0;-webkit-box-shadow:0 0 5px rgba(40,40,40,0.7);-moz-box-shadow:0 0 5px rgba(40,40,40,0.7);-o-box-shadow:0 0 5px rgba(40,40,40,0.7);-ms-box-shadow:0 0 5px rgba(40,40,40,0.7);box-shadow:0 0 5px rgba(40,40,40,0.7)}
@media all and (max-width:400px){.bookShadow{position:absolute;top:0;-webkit-box-shadow:0 0 5px rgba(40,40,40,0.7);-moz-box-shadow:0 0 5px rgba(40,40,40,0.7);-o-box-shadow:0 0 5px rgba(40,40,40,0.7);-ms-box-shadow:0 0 5px rgba(40,40,40,0.7);box-shadow:0 0 5px rgba(40,40,40,0.7)}
}
@media all and (max-height:400px){.bookShadow{position:absolute;top:0;-webkit-box-shadow:0 0 5px rgba(40,40,40,0.7);-moz-box-shadow:0 0 5px rgba(40,40,40,0.7);-o-box-shadow:0 0 5px rgba(40,40,40,0.7);-ms-box-shadow:0 0 5px rgba(40,40,40,0.7);box-shadow:0 0 5px rgba(40,40,40,0.7)}
}
.singleWidth{width:50%;height:100%}
.doubleWidth{width:100%;height:100%}
.singleHeight{width:100%;height:50%}
.doubleHeight{width:100%;height:100%}
.zoomBook{position:absolute}
.zoomPage{position:absolute;top:0;left:0;width:800px;height:600px}
.zoomSide{position:absolute;top:0;left:0;width:800px;height:600px}
.bookStage{top:0;left:0;display:block;overflow:hidden;/**/}
.image{width:640px;height:920px;top:1px;left:1px;/*-webkit-transform-origin:0% 0%;-webkit-transform:scale3d(1,1,1);*/}
/**content of side (image or swf)*/ .sideContent{position:absolute;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;background-color:white}
.boxShadow{-webkit-box-shadow:0 0 3px rgba(40,40,40,0.2);-moz-box-shadow:0 0 3px rgba(40,40,40,0.2);-ms-box-shadow:0 0 3px rgba(40,40,40,0.2);box-shadow:0 0 3px rgba(40,40,40,0.2)}
.miniFullscreen{z-index:1000;height:30px;line-height:30px;background:#000;border-radius:18px;left:50%;transform:translate(-50%,0);position:absolute;color:#fff;vertical-align:middle;text-align:center;cursor:pointer;font-family:"Tahoma","sans-serif","Arial";font-size:12px;padding:3px 20px;opacity:0.7;white-space:nowrap}
.miniFullscreen:hover{opacity:0.7}
/***/ .sideBackground{position:inherit;top:0;left:0;width:320px;height:460px}
.kong{position:absolute;top:0;left:0;z-index:1}
/**shadow between sides*/ /*left shadow*/ .catalogLeftShadow{position:absolute;top:0;right:0;height:100%;z-index:5;pointer-events:none;-webkit-transform:translate3d(0,0,0);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#cc3f3f3f',StartColorStr='#007b7b7b');background-image:linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);/*background-image:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(60,60,60,0.3)),color-stop(0.23,rgba(250,250,250,0.05)),color-stop(0.28,rgba(255,255,255,0.05)),color-stop(0.34,rgba(250,250,250,0.05)),color-stop(0.54,rgba(50,50,50,0.1)),color-stop(1,rgba(200,200,200,0)));*/}
.catalogRightShadow{position:absolute;top:0;left:0;height:100%;z-index:5;pointer-events:none;-webkit-transform:translate3d(0,0,0);background-image:linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#00C8C8C8',StartColorStr='#CC5D5D5D')}
.catalogUpShadow{position:absolute;left:0;bottom:0;width:100%;z-index:5;pointer-events:none;-webkit-transform:translate3d(0,0,0);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#cc3f3f3f',StartColorStr='#007b7b7b');background-image:linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);/*background-image:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(60,60,60,0.3)),color-stop(0.23,rgba(250,250,250,0.05)),color-stop(0.28,rgba(255,255,255,0.05)),color-stop(0.34,rgba(250,250,250,0.05)),color-stop(0.54,rgba(50,50,50,0.1)),color-stop(1,rgba(200,200,200,0)));*/}
.catalogDownShadow{position:absolute;left:0;top:0;width:100%;z-index:5;pointer-events:none;-webkit-transform:translate3d(0,0,0);background-image:linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#00C8C8C8',StartColorStr='#CC5D5D5D')}
/*catalog guid toolbar*/ .catalog_simple_bar{position:absolute;height:38px;top:5px;left:0;right:0;margin:auto;border-radius:3px;z-index:1000;background:#f6f6f6;-webkit-box-shadow:0 0 5px rgba(40,40,40,0.5);-moz-box-shadow:0 0 5px rgba(40,40,40,0.5);-o-box-shadow:0 0 5px rgba(40,40,40,0.5);-ms-box-shadow:0 0 5px rgba(40,40,40,0.5);box-shadow:0 0 5px rgba(40,40,40,0.5)}
.catalog_simple_bar .button:hover{opacity:0.8}
.catalog_simple_bar .button{position:absolute;cursor:pointer;top:0;width:38px;height:38px}
.catalog_simple_bar .button div{margin-left:1px;margin-top:1px;width:35px;height:35px}
.catalog_simple_bar .page_num{position:absolute;font-size:16px;color:#bababa;height:38px;line-height:38px;vertical-align:middle;text-align:center;font-family:arial,tahoma,sans-serif}
.catalog_logo{position:absolute;cursor:pointer;z-index:95}
/*catalog guid toolbar css end*/ .leftCoverShadow{position:absolute;top:0;right:0;height:100%;width:4px;background-image:linear-gradient(left,rgba(200,200,200,0),rgba(200,200,200,1));background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(rgba(200,200,200,0)),to(rgba(200,200,200,1)));background-image:-moz-linear-gradient(left,rgba(200,200,200,0),rgba(200,200,200,1));background-image:-o-linear-gradient(left,rgba(200,200,200,0),rgba(200,200,200,1));background-image:-ms-linear-gradient(left,rgba(200,200,200,0),rgba(200,200,200,1));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC5D5D5D',EndColorStr='#00C8C8C8')}
.rightCoverShadow{position:absolute;top:0;left:0;height:100%;width:4px;background-image:linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(rgba(200,200,200,1)),to(rgba(200,200,200,0)));background-image:-moz-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-o-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-ms-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC5D5D5D',EndColorStr='#00C8C8C8')}
.emboss-left{background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));pointer-events:none}
.emboss-right{background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));pointer-events:none}
.edgeShadow{background-image:linear-gradient(left,rgba(50,50,50,0.5),rgba(230,230,230,0));background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(rgba(50,50,50,0.5)),to(rgba(230,230,230,0)));background-image:-moz-linear-gradient(left,rgba(50,50,50,0.5),rgba(230,230,230,0));background-image:-o-linear-gradient(left,rgba(50,50,50,0.5),rgba(230,230,230,0));background-image:-ms-linear-gradient(left,rgba(50,50,50,0.5),rgba(230,230,230,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#007b7b7b',StartColorStr='#cc3f3f3f');width:50%;height:100%;z-index:1000;position:absolute;left:-35%;top:-30%;pointer-events:none;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
.grayShadow{width:100%;height:100%;position:absolute;z-index:10000;overflow:hidden;display:none;pointer-events:none}
.leftPaperCoil2_bg{position:absolute;right:0;width:6px;height:100%;background-image:url(img/leftCoil2_bg.png);background-repeat:repeat-y;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;-webkit-transform:translate3d(0px,0px,0px) scale(1);-moz-transform:translate3d(0px,0px,0px) scale(1);-ms-transform:translate3d(0px,0px,0px) scale(1);-o-transform:translate(0px,0px) scale(1)}
.rightPaperCoil2_bg{position:absolute;left:0;width:6px;height:100%;background-image:url(img/rightCoil2_bg.png);background-repeat:repeat-y;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;-webkit-transform:translate3d(0px,0px,0px) scale(1);-moz-transform:translate3d(0px,0px,0px) scale(1);-ms-transform:translate3d(0px,0px,0px) scale(1);-o-transform:translate(0px,0px) scale(1)}
.upPaperCoil2_bg{position:absolute;bottom:0;width:100%;height:6px;background-image:url(img/upCoil2_bg.png);background-repeat:repeat-x;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;-webkit-transform:translate3d(0px,0px,0px) scale(1);-moz-transform:translate3d(0px,0px,0px) scale(1);-ms-transform:translate3d(0px,0px,0px) scale(1);-o-transform:translate(0px,0px) scale(1)}
.downPaperCoil2_bg{position:absolute;top:0;width:100%;height:6px;background-image:url(img/downCoil2_bg.png);background-repeat:repeat-x;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;-webkit-transform:translate3d(0px,0px,0px) scale(1);-moz-transform:translate3d(0px,0px,0px) scale(1);-ms-transform:translate3d(0px,0px,0px) scale(1);-o-transform:translate(0px,0px) scale(1)}
.leftPaperCoil2{position:absolute;right:0;/*left:auto;*/ width:41px;height:180px;top:0;bottom:0;background-image:url(img/leftCoil2.png);background-repeat:repeat-y;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;-webkit-transform:translate3d(0px,0px,0px) scale(1);-moz-transform:translate3d(0px,0px,0px) scale(1);-ms-transform:translate3d(0px,0px,0px) scale(1);-o-transform:translate(0px,0px) scale(1)}
.rightPaperCoil2{position:absolute;left:0;/*right:auto;*/ width:41px;height:180px;top:0;bottom:0;background-image:url(img/rightCoil2.png);background-repeat:repeat-y;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;-webkit-transform:translate3d(0px,0px,0px) scale(1);-moz-transform:translate3d(0px,0px,0px) scale(1);-ms-transform:translate3d(0px,0px,0px) scale(1);-o-transform:translate(0px,0px) scale(1)}
.upPaperCoil2{position:absolute;right:0;left:0;width:180px;height:41px;top:auto;bottom:0;background-image:url(img/upCoil2.png);background-repeat:repeat-x;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;-webkit-transform:translate3d(0px,0px,0px) scale(1);-moz-transform:translate3d(0px,0px,0px) scale(1);-ms-transform:translate3d(0px,0px,0px) scale(1);-o-transform:translate(0px,0px) scale(1)}
.downPaperCoil2{position:absolute;left:0;right:0;width:180px;height:41px;top:0;bottom:auto;background-image:url(img/downCoil2.png);background-repeat:repeat-x;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;-webkit-transform:translate3d(0px,0px,0px) scale(1);-moz-transform:translate3d(0px,0px,0px) scale(1);-ms-transform:translate3d(0px,0px,0px) scale(1);-o-transform:translate(0px,0px) scale(1)}
.leftPaperCoil_bg{position:absolute;right:0;/*left:auto;*/ width:3px;height:100%;background-image:url(img/leftCoil1_bg.png);background-repeat:repeat-y}
.rightPaperCoil_bg{position:absolute;left:0;/*right:auto;*/ width:3px;height:100%;background-image:url(img/rightCoil1_bg.png);background-repeat:repeat-y}
.upPaperCoil_bg{position:absolute;bottom:0;width:100%;height:3px;background-image:url(img/upCoil1_bg.png);background-repeat:repeat-x}
.downPaperCoil_bg{position:absolute;top:0;width:100%;height:3px;background-image:url(img/downCoil1_bg.png);background-repeat:repeat-x}
.leftPaperCoil{position:absolute;right:0;/*left:auto;*/ width:41px;height:100%;top:0;bottom:0;margin:auto;background-image:url(img/leftCoil1.png);background-repeat:repeat-y}
.rightPaperCoil{position:absolute;left:0;/*right:auto;*/ width:41px;height:100%;top:0;bottom:0;margin:auto;background-image:url(img/rightCoil1.png);background-repeat:repeat-y}
.upPaperCoil{position:absolute;bottom:0;left:0;right:0;margin:auto;height:41px;width:100%;background-image:url(img/upCoil1.png);background-repeat:repeat-x}
.downPaperCoil{position:absolute;top:0;left:0;right:0;margin:auto;height:41px;width:100%;background-image:url(img/downCoil1.png);background-repeat:repeat-x}
/**flip right to left,animate shadow*/ .shadowA{background-image:-webkit-linear-gradient(left,rgba(123,123,123,0.05) 0%,rgba(63,63,63,0.4) 93%,rgba(123,123,123,0) 100%);background-image:-moz-linear-gradient(left,rgba(123,123,123,0.05) 0%,rgba(63,63,63,0.4) 93%,rgba(123,123,123,0) 100%);background-image:-ms-linear-gradient(left,rgba(123,123,123,0.05) 0%,rgba(63,63,63,0.4) 93%,rgba(123,123,123,0) 100%);background-image:-o-linear-gradient(left,rgba(123,123,123,0.05) 0%,rgba(63,63,63,0.4) 93%,rgba(123,123,123,0) 100%);background-image:linear-gradient(left,rgba(123,123,123,0.05) 0%,rgba(63,63,63,0.4) 93%,rgba(123,123,123,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#663f3f3f',StartColorStr='#007b7b7b');position:inherit;top:0;left:0;width:320px;height:460px}
/**flip right to left,static shadow*/ .shadowD{background-image:-webkit-linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 30%,rgba(123,123,123,0) 100%);background-image:-moz-linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 30%,rgba(123,123,123,0) 100%);background-image:-ms-linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 30%,rgba(123,123,123,0) 100%);background-image:-o-linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 30%,rgba(123,123,123,0) 100%);background-image:linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 30%,rgba(123,123,123,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#007b7b7b',StartColorStr='#663f3f3f');position:inherit;top:0;left:0;width:320px;height:460px}
/**flip left to right,animate shadow*/ .shadowC{background-image:-webkit-linear-gradient(left,rgba(123,123,123,0.1) 0%,rgba(63,63,63,0.4) 7%,rgba(123,123,123,0) 100%);background-image:-moz-linear-gradient(left,rgba(123,123,123,0.1) 0%,rgba(63,63,63,0.4) 7%,rgba(123,123,123,0) 100%);background-image:-ms-linear-gradient(left,rgba(123,123,123,0.1) 0%,rgba(63,63,63,0.4) 7%,rgba(123,123,123,0) 100%);background-image:-o-linear-gradient(left,rgba(123,123,123,0.1) 0%,rgba(63,63,63,0.4) 7%,rgba(123,123,123,0) 100%);background-image:linear-gradient(left,rgba(123,123,123,0.1) 0%,rgba(63,63,63,0.4) 7%,rgba(123,123,123,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#007b7b7b',StartColorStr='#663f3f3f');position:inherit;top:0;left:0;width:320px;height:460px}
/**flip left to right,static shadow*/ .shadowB{background-image:-webkit-linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 70%,rgba(123,123,123,0) 100%);background-image:-moz-linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 70%,rgba(123,123,123,0) 100%);background-image:-ms-linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 70%,rgba(123,123,123,0) 100%);background-image:-o-linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 70%,rgba(123,123,123,0) 100%);background-image:linear-gradient(left,rgba(123,123,123,0) 0%,rgba(63,63,63,0.8) 70%,rgba(123,123,123,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#63f3f3f',StartColorStr='#007b7b7b');position:inherit;top:0;left:0;width:320px;height:460px}
/** shadow of side .sideShadow{background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));display:none;position:inherit;top:0;left:0;width:320px;height:460px}
*/ /**mask for shadow**/ .shadowMask{position:inherit;top:0;left:0;width:320px;height:460px;overflow:hidden}
/**the position of sidew**/ .sidePosition{position:absolute;top:0;left:0;width:320px;height:460px}
/**mask for shadow .shadowMask{position:absolute;top:0;left:0;width:320px;height:460px;overflow:hidden;background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(rgba(0,0,0,0.4)),to(rgba(0,0,0,0.7)))}
background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(rgba(255,122,0,0.1)),to(rgba(0,0,255,0.5)));*/ .pageMask{position:inherit;top:0;left:0;width:320px;height:860px;overflow:hidden}
.loadingImage{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;/* width:24px;*/ /* height:24px;*/}
/*=============================*/ .preview-area{width:30px;height:30px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.chasing-dots{text-align:center;-webkit-animation:rotate 2.0s infinite linear;animation:rotate 2.0s infinite linear;height:30px;width:30px;right:0;left:0;z-index:10;display:inline-block;position:relative;-webkit-transition:all 0.3s ease-in-out 0;transition:all 0.3s ease-in-out 0}
.chasing-dots .dot1,.chasing-dots .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#279fcf;border-radius:100%;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out}
.chasing-dots .dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);opacity:0}
50%{-webkit-transform:scale(1);opacity:1}
}
@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0);opacity:0}
50%{transform:scale(1);-webkit-transform:scale(1);opacity:1}
}
@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
/*=============================*/ .scrollButton{position:absolute;top:15px;width:40px;height:70px}
.shareBar{position:absolute;width:135px;height:220px;background-color:#888;opacity:0.8;overflow:hidden}
.shareButton{position:absolute;width:133px;height:30px}
.shareImg{width:22px;height:22px}
.shareBarImg{width:30px;height:30px}
.moreImg{width:17px;height:17px;margin-top:8px;/*padding-left:2px;*/}
.moreButton{position:absolute;width:130px;height:30px;top:3px}
.adsBar{position:absolute;width:200px;height:100px;overflow:hidden}
.bubble{/* Make it an inline-block element so we can specify the size */ display:inline-block;/* Size */ width:100px;height:100px;/* Set the box-sizing so the border fit's within our specified size*/ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:5px solid #ffb000;/*background:#f00;*/ /* The transition from:hover ->normal */ -webkit-transition:1s ease;-moz-transition:1s ease;-ms-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.radiotext{border:1px solid;border-radius:5px}
.google{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");/* IE6-9 */ -webkit-filter:grayscale(100%);/* Chrome 19+ & Safari 6+ */}
/* Hide the text */ .bubble>span{display:block;overflow:hidden;text-indent:-10000px;font-size:1px;width:1px;height:1px;position:absolute}
/* The hovered state */ .bubble:hover{border-width:2px;/* The transition from normal>:hover */ -webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.star{-webkit-mask:url(img/star.svg) no-repeat center center;-ms-mask:url(img/star.svg) no-repeat center center;-o-mask:url(img/star.svg) no-repeat center center;-moz-mask:url(img/star.svg) no-repeat center center}
.heart{-webkit-mask:url(img/heart.svg) no-repeat center center;-ms-mask:url(img/heart.svg) no-repeat center center;-o-mask:url(img/heart.svg) no-repeat center center;-moz-mask:url(img/heart.svg) no-repeat center center}
.rect{-webkit-mask:url(img/rect.svg) no-repeat center center;-ms-mask:url(img/rect.svg) no-repeat center center;-o-mask:url(img/rect.svg) no-repeat center center;-moz-mask:url(img/rect.svg) no-repeat center center}
.round{-webkit-mask:url(img/round.png) no-repeat center center;-ms-mask:url(img/round.png) no-repeat center center;-o-mask:url(img/round.png) no-repeat center center;-moz-mask:url(img/round.png) no-repeat center center}
.round:hover{-webkit-animation:loop_frames 1s ease infinite;-webkit-animation-direction:alternate;-webkit-mask-size:auto 100%}
.printBar{bottom:0;left:0;right:0;position:absolute;background-color:#000;opacity:0.6;height:120px;z-index:100}
.printBG p{padding:18px 0 0 0}
.printBG{position:absolute;bottom:1px;left:0;right:0;height:105px;overflow:hidden;opacity:0.9;/*background-color:#fff;*/ border-radius:5px;z-index:102}
.printBack{position:absolute;bottom:1px;left:0;right:0;height:105px;overflow:hidden;opacity:0.9;background-color:#999;border-radius:5px;z-index:101}
.printBox{position:absolute;/*bottom:1px;*/ /*left:0;*/ /*right:0;*/ /*height:95px;*/ /*background-color:#333;*/ /*z-index:103;*/}
.printBox input[type="radio"]{background-color:#bbb000}
.printBox label{display:inline-block;/*background-color:#ddd000;*/ /*padding:4px 11px;*/ font-family:Arial;font-size:10px}
.printBox input[type="radio"]:checked + label{/*background-color:#bbb000;*/}
a:hover{text-decoration:underline}
a{text-decoration:none;color:inherit}
.hint{z-index:101;position:absolute;display:none;left:0;top:0;cursor:default;font-family:Arial;font-size:12px;color:#EDAA1D;border:1px solid #505050;border-radius:4px;padding:5px;background-color:rgba(40,40,40,1);/* background-image:linear-gradient(top,rgba(80,80,80,1) 0%,rgba(0,0,0,1) 100%);background-image:-o-linear-gradient(top,rgba(80,80,80,1) 0%,rgba(0,0,0,1) 100%);background-image:-moz-linear-gradient(top,rgba(80,80,80,1) 0%,rgba(0,0,0,1) 100%);background-image:-webkit-linear-gradient(top,rgba(80,80,80,1) 0%,rgba(0,0,0,1) 100%);background-image:-ms-linear-gradient(top,rgba(80,80,80,1) 0%,rgba(0,0,0,1) 100%);background-image:linear-gradient(linear,top,bottom,color-stop(0,rgba(80,80,80,1)),color-stop(1,rgba(0,0,0,1)));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#000',StartColorStr='#545454');*/ box-shadow:1px 1px 2px rgba(96,96,96,0.5);-o-box-shadow:1px 1px 2px rgba(96,96,96,0.5);-moz-box-shadow:1px 2px 2px rgba(96,96,96,0.5);-webkit-box-shadow:1px 1px 2px rgba(96,96,96,0.5);-ms-box-shadow:1px 1px 2px rgba(96,96,96,0.5)}
.hint_active{cursor:pointer}
.hint_active:hover{background-color:rgba(60,60,60,1)}
.hint_active:active{background-color:rgba(80,80,80,1)}
.hintBackground{background-color:#CECECE;color:#FCFCFC;border-color:#FCFCFC;border-radius:3px 3px 3px 3px;position:absolute;max-width:120px;max-height:30px;text-align:center;z-index:101;padding-left:5px;padding-right:5px;padding-bottom:5px;padding-top:5px}
/* backissues */ .overOption{background:#c8c8c8;/*#3698FB;*/ color:#fff;cursor:pointer}
.textEllipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/*.Description:after{top:50%;border:10px solid transparent;content:" ";width:0;height:0;position:absolute;pointer-events:none;margin-top:-8px}
.Description:after{border-left-color:#fff;border-width:8px;right:-8px;margin-right:-8px;opacity:0.9}
*/ .backIssuesTitle{background:#fff;border-radius:5px;box-shadow:0 1px 0 rgba(0,0,0,0.2);cursor:pointer;outline:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.backIssuesTitle .innerTitle:after{content:"";width:0;height:0;position:absolute;top:50%;right:3px;margin-top:-3px;border-width:6px 6px 0 6px;border-style:solid;border-color:#4cbeff transparent}
.backIssuesTitle .dropdown{/* Styles */ background:#fff;border-radius:0 0 5px 5px;border:1px solid rgba(0,0,0,0.2);border-top:none;border-bottom:none;list-style:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;/* Hiding */ max-height:0;overflow:hidden}
.backIssuesTitle.active{border-radius:5px 5px 0 0;background:#4cbeff;box-shadow:none;border-bottom:none;color:white}
.backIssuesTitle.active .innerTitle:after{border-color:#82d1ff transparent}
.backIssuesTitle.active .dropdown{border-bottom:1px solid rgba(0,0,0,0.2);max-height:99999px}
.backIssuesTitle .dropdown li{display:block;text-decoration:none;color:#333;padding:10px 0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;border-bottom:1px solid #e6e8ea}
.backIssuesTitle .dropdown li:hover{color:#57a9d9}
.slider-button{position:absolute;z-index:10;opacity:0.4;background:#808080}
.slider-shadow{-webkit-box-shadow:0 0 8px rgba(80,80,80,0.8);-moz-box-shadow:0 0 8px rgba(80,80,80,0.8);-o-box-shadow:0 0 8px rgba(80,80,80,0.8);-ms-box-shadow:0 0 8px rgba(80,80,80,0.8);box-shadow:0 0 8px rgba(80,80,80,0.8)}
.slider-action{cursor:pointer}
.view-read{position:absolute;z-index:9;/*border-radius:3px;*/ overflow:hidden}
.view-zoom{position:absolute;z-index:9;overflow:visible}
.item-transparent{background:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.item-enter{background:#383838;-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.92);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.92);box-shadow:inset 0 0 2px rgba(0,0,0,0.92);-ms-box-shadow:inset 0 0 2px rgba(0,0,0,0.92);-o-box-shadow:inset 0 0 2px rgba(0,0,0,0.92);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.18);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.18);-o-box-shadow:0 1px 1px rgba(255,255,255,0.18);box-shadow:0 1px 1px rgba(255,255,255,0.18)}
.flipHTML5PhotoGallery-BG{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:0.5}
.flipHTML5PhotoGallery{position:absolute;width:320px;height:320px;background-color:#fff;border:8px solid #fff;cursor:pointer}
.flipHTML5PhotoGallery-prevBtn,.flipHTML5PhotoGallery-nextBtn{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px;cursor:pointer;background-color:#fff;color:#474747;font-weight:bold;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:24px;text-align:center;line-height:30px}
.flipHTML5PhotoGallery-thumb{position:absolute;width:100%;height:64px;background-color:rgba(0,0,0,0.5);left:0;bottom:0;top:auto}
.flipHTML5PhotoGallery-thumbView{position:absolute;overflow:hidden;height:100%}
.flipHTML5PhotoGallery-thumbList{position:absolute;height:56px;top:4px;left:0}
.flipHTML5PhotoGallery-thumbTitle{position:absolute;background-color:#000;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#fff;height:24px;line-height:24px;font-size:14px;font-weight:bold;padding:0 10px}
.flipHTML5PhotoGallery-thumbTitle:after{content:"";width:0;height:0;position:absolute;top:100%;left:6px;border-width:11px 7px 0 7px;border-style:solid;border-color:#000 transparent}
.flipHTML5PhotoThumb,.flipHTML5PhotoThumbBG{-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
.flipHTML5VideoGallery-BG{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:0.5}
.flipHTML5VideoGallery{position:absolute;width:866px;height:422px;left:50%;margin-left:-433px;top:50%;margin-top:-211px;border:4px solid rgba(252,251,249,0.5);border-radius:4px}
.flipHTML5VideoGallery-videoDiv{position:absolute;width:504px;height:370px;left:17px;top:6px;background-color:#000}
.flipHTML5VideoGallery-videoListDiv{position:absolute;width:320px;height:370px;left:auto;right:17px;top:6px;background-color:#fff;box-shadow:0 0 1px #494949}
.flipHTML5VideoGallery-eachVideo{background:-webkit-linear-gradient(top,#F0F0F0,#D6D6D6);/*#F8F3F3,#D3CDCD*/ background:-moz-linear-gradient(top,#F0F0F0,#D6D6D6);background:-o-linear-gradient(top,#F0F0F0,#D6D6D6);background:linear-gradient(top,#F0F0F0,#D6D6D6);background-color:#D3CDCD;box-shadow:0 0 1px #000}
.flipHTML5VideoGallery-eachVideo:hover{background:#949494}
.flipHTML5VideoGallery-eachVideoDes{position:absolute;padding:6px 8px 0 8px;width:224px;height:5em;/*56px;*/ overflow:hidden;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:11px;color:#1a1a1a;font-weight:bold}
.flipHTML5VideoGallery-videoTitle{position:absolute;left:17px;bottom:0;width:500px;height:30px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:16px;color:#fff;vertical-align:middle;line-height:30px;font-weight:bold}
.flipHTML5VideoGallery-closeTitle,.flipHTML5PhotoGallery-closeTitle{position:absolute;background-color:#000;color:#fff;font-weight:bold;font-size:13px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;z-index:8;height:15px;line-height:15px;padding:0 4px}
.flipHTML5Loading{background-image:url(img/progress.gif);background-position:center center;background-repeat:no-repeat no-repeat;background-repeat:no-repeat}
.noteCookie-note,.flipHTML5Signature,.flipHTML5BookMark{margin-left:-200px;position:absolute;overflow:hidden;width:500px;height:auto;left:50%;top:50px;border:4px solid rgba(252,251,249,0.5);border-radius:4px;z-index:9999}
.flipHTML5Signature-title,.noteCookie-noteTitle,.flipHTML5BookMark-top{position:relative;overflow:hidden;left:0;top:0;width:100%;height:34px;background-color:#373737}
.flipHTML5Signature-titleText,.noteCookie-noteTitle-text,.flipHTML5BookMark-topText{position:absolute;left:0;top:0;height:100%;width:280px;color:#fff;font-size:16px;font-weight:bold;text-shadow:0 -1px 1px rgba(19,28,0,0.35);font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height:34px;vertical-align:middle;text-indent:8px}
.noteCookie-noteTitle-closeBtn,.noteCookie-noteTitle-showBtn,.flipHTML5BookMark-topShrink,.flipHTML5BookMark-topClose{position:absolute;width:24px;height:24px;top:5px;cursor:pointer;color:#fff;z-index:2}
.flipHTML5BookMark-bottom,.noteCookie-noteButton{position:relative;width:100%;left:0;background-color:#C7C7C7;overflow:hidden;padding-bottom:6px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.flipHTML5BookMark-saveText{position:absolute;top:8px;left:18px;width:426px;/*460*/ height:28px;font-size:19px;text-indent:2px;color:#1a1a1a;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
.flipHTML5BookMark-addLeftMark,.flipHTML5BookMark-addRightMark,.flipHTML5BookMark-removeBookMark{position:absolute;height:28px;line-height:28px;vertical-align:middle;text-align:center;top:52px;cursor:pointer;font-size:12px;font-weight:bold;white-space:nowrap;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.2);background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e6e5e6),color-stop(100%,#d1d0d1));background:-webkit-linear-gradient(top,#e6e5e6,#d1d0d1);background:-moz-linear-gradient(top,#e6e5e6,#d1d0d1);background:-o-linear-gradient(top,#e6e5e6,#d1d0d1);background:linear-gradient(top,#e6e5e6,#d1d0d1);background-color:#E4E4E4;border:1px solid #8C8D8C;color:#464343}
.flipHTML5BookMark-removeBookMark:hover,.flipHTML5Signature-nuderClose:hover,.flipHTML5Signature-typeEdit-typeDel:hover,.flipHTML5Signature-type-cancel:hover,.noteCookie-noteButton-removeAllBtn:hover,.noteCookie-noteButton-addBtn:hover{background-color:#8c8d8c;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#afb0af),color-stop(100%,#7a7b7a));background:-webkit-linear-gradient(top,#afb0af,#7a7b7a);background:-moz-linear-gradient(top,#afb0af,#7a7b7a);background:-o-linear-gradient(top,#afb0af,#7a7b7a);background:linear-gradient(top,#afb0af,#7a7b7a)}
.flipHTML5BookMark-removeBookMark:active,.flipHTML5Signature-nuderClose:active,.flipHTML5Signature-typeEdit-typeDel:active,.flipHTML5Signature-type-cancel:active,.noteCookie-noteButton-removeAllBtn:active,.noteCookie-noteButton-addBtn:active{background:#E4E4E4;color:#374f00;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 white;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 white;box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 white;text-shadow:0 1px 0 rgba(255,255,255,0.4)}
.flipHTML5BookMark-table,.noteCookie-noteTable{position:relative;width:100%;left:0;top:0;margin:0;border:0;padding:0;overflow:hidden}
.flipHTML5BookMark-table-lists,.noteCookie-noteTable-inner{position:relative;width:100%;left:0;top:0;margin:0;border:0;padding:0}
.flipHTML5BookMark-row-th,.noteCookie-noteTable-row-th{position:relative;height:28px;background-color:#373737;line-height:28px;vertical-align:middle;color:#fff;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:11px;font-weight:bold}
.flipHTML5BookMark-cellLeft-th,.noteCookie-noteTable-cellLeft-th{position:absolute;left:0;width:54px;height:100%;text-indent:6px;overflow:hidden}
.flipHTML5BookMark-cellRight-th,.noteCookie-noteTable-cellRight-th{position:absolute;width:410px;height:100%;left:54px}
.flipHTML5BookMark-table-row:hover,.noteCookie-noteTable-row:hover{background-color:#949494 !important}
.flipHTML5BookMark-table-cellLeft,.noteCookie-noteTable-cellLeft{position:absolute;left:0;width:54px;height:100%;text-indent:14px;color:#1a1a1a;line-height:28px;vertical-align:middle;overflow:hidden;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:11px}
.flipHTML5BookMark-table-cellRight-text,.noteCookie-noteTable-cellRight-text{background-color:transparent;border:0;width:320px;position:absolute;left:0;top:0;height:100%;margin:0;padding:0;line-height:20px;text-indent:8px;color:#1a1a1a;cursor:pointer;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:11px}
.flipHTML5BookMark-table-cellRight-edit,.flipHTML5BookMark-table-cellRight-cancel,.flipHTML5BookMark-table-cellRight-del,.noteCookie-noteTable-cellRight-del,.noteCookie-noteTable-cellRight-edit{position:absolute;width:24px;height:24px;top:2px}
.flipHTML5BookMark-normal,.flipHTML5Signature-normal{background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e6e5e6),color-stop(100%,#d1d0d1));background:-webkit-linear-gradient(top,#e6e5e6,#d1d0d1);background:-moz-linear-gradient(top,#e6e5e6,#d1d0d1);background:-o-linear-gradient(top,#e6e5e6,#d1d0d1);background:linear-gradient(top,#e6e5e6,#d1d0d1);background-color:#E4E4E4;border:1px solid #8C8D8C;color:#464343}
.flipHTML5BookMark-hover,.flipHTML5Signature-hover{background-color:#8c8d8c;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#afb0af),color-stop(100%,#7a7b7a));background:-webkit-linear-gradient(top,#afb0af,#7a7b7a);background:-moz-linear-gradient(top,#afb0af,#7a7b7a);background:-o-linear-gradient(top,#afb0af,#7a7b7a);background:linear-gradient(top,#afb0af,#7a7b7a)}
.noteCookie-noteButton-top{position:absolute;height:134px;width:464px;top:14px;left:18px;margin:0;padding:0;border:0;box-shadow:inset 1px 1px 0 #a6a6a6,1px 1px 0 #f6f6f6}
.noteCookie-noteButton-inputText{height:80px;position:absolute;width:444px;left:10px;top:11px;margin:0;border:0;padding:0;resize:none;color:#000;text-shadow:0 -1px 1px rgba(19,28,0,0.35);font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:11px;z-index:2}
.noteCookie-noteButton-removeAllBtn,.noteCookie-noteButton-addBtn{position:absolute;text-align:center;line-height:27px;vertical-align:middle;width:79px;height:27px;top:100px;cursor:pointer;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:12px;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e6e5e6),color-stop(100%,#d1d0d1));background:-webkit-linear-gradient(top,#e6e5e6,#d1d0d1);background:-moz-linear-gradient(top,#e6e5e6,#d1d0d1);background:-o-linear-gradient(top,#e6e5e6,#d1d0d1);background:linear-gradient(top,#e6e5e6,#d1d0d1);background-color:#E4E4E4;border:1px solid #8C8D8C;color:#1a1a1a;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.2);z-index:2}
.noteCookie-noteList{position:relative;width:464px;left:18px;top:0;margin:0;border:0;padding:0;z-index:2}
.noteCookie-eachNote{position:absolute;cursor:pointer;width:56px;height:56px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}
.noteCookie-eachNote-img:hover{box-shadow:0 0 2px #fff,0 0 3px #fff,0 0 5px #7C7878;z-index:2}
.noteCookie-eachNote-img:active{-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 #7C7878;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 #7C7878;box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 #7C7878;z-index:2}
.noteCookie-eachNote-textList{position:absolute;width:180px;height:140px;border:1px solid #9c9c9c;border-radius:3px;left:0;top:0;box-shadow:0 1px 3px rgba(0,0,0,0.69),0 1px 3px #7C7878;z-index:122}
.noteCookie-eachNote-textList-current,.flipHTML5LocalFile-current{z-index:124 !important}
.noteCookie-eachNote-textList-topTitle{position:absolute;width:100%;height:15px;left:0;bottom:0;top:auto;line-height:16px;vertical-align:middle;text-indent:5px;color:#1a1a1a;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:12px;z-index:2;border-top:1px solid #9c9c9c;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.noteCookie-eachNote-textList-topDel,.noteCookie-eachNote-textList-topClose,.noteCookie-eachNote-textList-topSave{position:absolute;width:18px;height:18px;right:46px;top:1px;cursor:pointer;z-index:2}
.noteCookie-eachNote-textList-text{height:104px;position:absolute;width:100%;left:0;top:0;margin:0;border:0;padding:0;resize:none;text-indent:6px;background-color:#FFF4A1;color:#000;text-shadow:0 -1px 1px rgba(19,28,0,0.35);font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:11px;z-index:2}
.noteCookie-eachNote-textList-textDiv-bgNo,.noteCookie-eachNote-textList-textDiv-bgYes{position:absolute;top:60px;width:42px;height:20px;text-align:center;border-radius:4px;font-family:Helvetica;font-size:14px;line-height:20px;color:#1D1C1C;cursor:pointer;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.2);z-index:2}
.noteCookie-eachNote-textList-textDiv-bgNo:hover,.noteCookie-eachNote-textList-textDiv-bgYes:hover{background-color:#4d5358;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#50535a),color-stop(100%,#474445));background:-webkit-linear-gradient(top,#50535a,#474445);background:-moz-linear-gradient(top,#50535a,#474445);background:-o-linear-gradient(top,#50535a,#474445);background:linear-gradient(top,#50535a,#474445);z-index:2}
.noteCookie-eachNote-textList-textDiv-bgNo:active,.noteCookie-eachNote-textList-textDiv-bgYes:active{background:rgb(173,180,153);color:#000;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 white;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 white;box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 white;text-shadow:0 1px 0 rgba(255,255,255,0.4);z-index:2}
.flipHtml5AnnotationSizeWrap{cursor:all-scroll;z-index:1;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;outline:1px dashed rgb(61,61,61);position:absolute}
.flipHtml5SVGContainer{position:absolute}
.flipHtml5ArrowRightBottom{left:100%;top:100%;right:auto;bottom:auto}
.flipHtml5ArrowLeftBottom{left:auto;top:100%;right:100%;bottom:auto}
.flipHtml5ArrowLeftTop{left:auto;top:auto;right:100%;bottom:100%}
.flipHtml5ArrowRightTop{left:100%;top:auto;right:auto;bottom:100%}
.flipHtml5SizePoint{background-color:rgb(61,61,61);position:absolute;border:1px solid black;box-shadow:inset 0 1px 1px white}
.flipHtml5SizePoint:hover{box-shadow:inset 0 1px 3px white}
.flipHtml5SizePoint:active{box-shadow:none}
.flipHtml5SizePoint1{cursor:nw-resize;z-index:2;width:6px;height:6px;left:-4px;top:-4px}
.flipHtml5SizePoint2{cursor:n-resize;z-index:3;width:4px;height:4px;margin-left:-3px;left:50%;top:-3px}
.flipHtml5SizePoint3{cursor:ne-resize;z-index:2;width:6px;height:6px;right:-4px;top:-4px}
.flipHtml5SizePoint4{cursor:e-resize;z-index:1;width:4px;height:4px;right:-3px;margin-top:-3px;top:50%}
.flipHtml5SizePoint5{cursor:se-resize;z-index:2;width:6px;height:6px;right:-4px;bottom:-4px}
.flipHtml5SizePoint6{cursor:s-resize;z-index:3;width:4px;height:4px;left:50%;margin-left:-3px;bottom:-3px}
.flipHtml5SizePoint7{cursor:sw-resize;z-index:2;width:6px;height:6px;left:-4px;bottom:-4px}
.flipHtml5SizePoint8{cursor:w-resize;z-index:1;width:4px;height:4px;left:-3px;margin-top:-3px;top:50%}
.fliphtml5AnnotationLineToolsContainer{position:absolute;padding:3px;top:50px;left:40%;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:none;background:rgba(77,77,77,0.9);border-radius:5px;border:1px groove rgb(150,149,149)}
.flipHtml5AnnotationClickButton,.flipHtml5AnnotationActiveButton{position:relative;width:18px;height:18px;border:1px solid black;left:7px;top:3px;outline:none;margin:0 10px 0 0;display:inline-block;background:rgb(77,77,77);box-shadow:inset 0 1px 2px rgba(255,255,255,0.61)}
.flipHtml5AnnotationClickButton:hover,.flipHtml5AnnotationActiveButton:hover{background-color:rgb(125,125,125)}
.flipHtml5AnnotationClickButton:active,.flipHtml5AnnotationActiveButton-active{position:relative;width:18px;height:18px;border:1px solid black;left:7px;top:3px;margin:0 10px 0 0;display:inline-block;background:rgba(77,77,77,0.9);box-shadow:inset 0 1px 3px rgba(0,0,0,0.61)}
.flipHtml5AnnotationButtonImage{position:absolute;width:100%;height:100%;top:0;background:no-repeat 0 0}
.flipHtml5AnnotationColorSelectorWrap{position:absolute;z-index:10000;width:242px;cursor:default;height:205px;background:rgba(41,41,41,0.9);border:1px solid rgb(88,88,88);padding:6px;font-size:14px;text-decoration:none;color:white;font-family:serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}
.flipHtml5AnnotationColorSelectorMessage{font-size:14px;font-family:serif;text-align:left;line-height:22px;margin-bottom:5px;width:57px;padding:0 6px;border:0;border-radius:0;box-shadow:none}
.flipHtml5AnnotationOpacity{width:150px;height:1px;text-align:center;line-height:20px;color:white;cursor:pointer;border:1px black;background:rgb(255,255,255);position:relative;display:inline-block;left:10px}
.flipHtml5AnnotationOpacitySpan{position:absolute;top:-24px;left:45px}
.flipHtml5AnnotationOpacityCursor{left:0;width:5px;height:12px;display:inline-block;position:absolute;background:rgb(175,174,174);top:-6PX;box-shadow:inset 0 1px 1px white}
.flipHtml5AnnotationOpacityCursor:hover{outline:1px solid rgb(23,211,211)}
.flipHtml5AnnotationOpacityCursor:active{background-color:white}
.flipHtml5AnnotationColorSelectorBlock{width:18px;height:18px}
.flipHtml5AnnotationColorBar{width:12px;height:3px;position:absolute;z-index:2;background-color:black;bottom:2px;left:3px}
.flipHtml5AnnotationColorSelectorBlock:hover{outline:1px solid rgb(6,142,185)}
.flipHtml5AnnotationImage-delete{background-image:url(img/delete.png)}
.flipHtml5AnnotationImage-stroke,.flipHtml5AnnotationImage-fill{background-color:white;width:10px;height:10px;margin:3px;position:absolute;z-index:3;border:1px solid black}
.flipHtml5AnnotationSelect{padding:0;width:100px;height:21px;position:relative;top:-2px;left:4px;margin:0 10px 0 0;display:inline-block;text-align:center;font-size:12px;background:rgb(77,77,77);color:white;border-color:black;box-shadow:inset 0 1px 6px rgb(39,39,39);outline:0;line-height:15px}
.flipHTML5Signature-toolBar-del,.flipHTML5Signature-toolBar-up,.flipHTML5Signature-toolBar-down,.flipHTML5Signature-toolBar-revert,.flipHTML5Signature-toolBar-date{position:absolute;width:22px;height:22px;top:4px;border-radius:2px;cursor:pointer;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgb(61,61,61)),color-stop(100%,rgb(61,61,61)));background:-webkit-linear-gradient(top,#141414,rgb(61,61,61));background:-moz-linear-gradient(top,#141414,rgb(61,61,61));background:-o-linear-gradient(top,#141414,rgb(61,61,61));background:linear-gradient(top,#141414,rgb(61,61,61));background-color:rgb(61,61,61);border:1px solid #111010;box-shadow:inset 0 1px 0 rgba(255,255,255,0.34),0 1px 2px rgba(255,255,255,0.34)}
.flipHTML5Signature-toolBar-del:hover,.flipHTML5Signature-toolBar-up:hover,.flipHTML5Signature-toolBar-down:hover,.flipHTML5Signature-toolBar-revert:hover,.flipHTML5Signature-toolBar-date:hover{background-color:#242524;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#000),color-stop(100%,#6D706D));background:-webkit-linear-gradient(top,#000,#6D706D);background:-moz-linear-gradient(top,#000,#6D706D);background:-o-linear-gradient(top,#000,#6D706D);background:linear-gradient(top,#000,#6D706D)}
.flipHTML5Signature-toolBar-del:active,.flipHTML5Signature-toolBar-up:active,.flipHTML5Signature-toolBar-down:active,.flipHTML5Signature-toolBar-revert:active,.flipHTML5Signature-toolBar-date:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.38),0 1px 0 rgba(14,13,13,0.28)}
.flipHTML5Signature-eachSignatureImg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flipHTML5Signature-titleClose,.flipHTML5VideoGallery-close{position:absolute;cursor:pointer;border-radius:4px;border-left:1px solid rgba(255,255,255,0.47);border-top:1px solid rgba(255,255,255,0.48);box-shadow:0 1px 0 rgba(255,255,255,0.55),1px 0 0 rgba(255,255,255,0.57),0 0 4px #000}
.flipHTML5Signature-titleClose:hover,.flipHTML5VideoGallery-close:hover{box-shadow:0 0 0 #000}
.flipHTML5Signature-titleClose:active,.flipHTML5VideoGallery-close:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.83),0 1px 0 white}
.flipHTML5Signature-eachDate{position:absolute;width:180px;height:45px;border:1px dashed rgb(47,47,47);top:-24px;left:26px;line-height:70px;color:#1a1a1a;font-size:16px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:bold;text-indent:10px}
.flipHTML5Signature-nuderMessage{position:absolute;left:10px;top:10px;width:534px;height:36px;border:1px solid #ccc;border-radius:4px;padding-left:6px;word-spacing:4px;color:#1a1a1a;font-size:15px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-indent:8px;box-shadow:0 0 2px #000}
.flipHTML5Signature-typeTitle{position:absolute;left:0;top:0;width:100%;height:24px;background-color:#373737;line-height:24px;vertical-align:middle;text-align:center;color:#fff;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:15px;font-weight:bold}
.flipHTML5Signature-typeUnder{position:absolute;left:0;top:24px;width:100%;height:110px;background-color:#E0E0E0}
.flipHTML5Signature-typeMid{position:absolute;left:17px;top:8px;width:204px;height:70px;border:1px solid #ccc;background-color:#FAFAFA;box-shadow:0 0 1px #584F4F;cursor:pointer;text-align:center;font-family:Mistral;color:#000;font-size:13px;vertical-align:bottom;line-height:70px;box-shadow:rgb(166,166,166) 1px 1px 0 inset,rgb(246,246,246) 1px 1px 0}
.flipHTML5Signature-typeEdit-typeDel{height:22px;top:auto;bottom:3px;font-size:14px;font-weight:bold;line-height:22px;text-indent:17px;position:absolute;cursor:pointer;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e6e5e6),color-stop(100%,#d1d0d1));background:-webkit-linear-gradient(top,#e6e5e6,#d1d0d1);background:-moz-linear-gradient(top,#e6e5e6,#d1d0d1);background:-o-linear-gradient(top,#e6e5e6,#d1d0d1);background:linear-gradient(top,#e6e5e6,#d1d0d1);background-color:#E4E4E4;border:1px solid #8C8D8C;color:#464343}
.flipHTML5Signature-type-cancel{left:371px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.2);background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e6e5e6),color-stop(100%,#d1d0d1));background:-webkit-linear-gradient(top,#e6e5e6,#d1d0d1);background:-moz-linear-gradient(top,#e6e5e6,#d1d0d1);background:-o-linear-gradient(top,#e6e5e6,#d1d0d1);background:linear-gradient(top,#e6e5e6,#d1d0d1);background-color:#E4E4E4;border:1px solid #8C8D8C;color:#464343}
.flipHTML5Signature-typeBtn{position:absolute;width:84px;height:22px;border:1px solid #8C8D8C;line-height:22px;vertical-align:middle;text-align:center;top:auto;bottom:10px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:bold;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
.flipHTML5Signature-nuderClose{width:80px;height:27px;left:50%;margin-left:-40px;bottom:11px;top:auto;line-height:27px;font-size:15px;position:absolute;text-align:center;cursor:pointer;vertical-align:middle;font-weight:bold;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e6e5e6),color-stop(100%,#d1d0d1));background:-webkit-linear-gradient(top,#e6e5e6,#d1d0d1);background:-moz-linear-gradient(top,#e6e5e6,#d1d0d1);background:-o-linear-gradient(top,#e6e5e6,#d1d0d1);background:linear-gradient(top,#e6e5e6,#d1d0d1);background-color:#E4E4E4;border:1px solid #8C8D8C;color:#464343}
.flipHTML5Signature-drawTypeMid-preview{position:absolute;width:234px;height:60px;background-color:#fff;border:1px solid #ccc;top:15px;left:auto;right:17px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:11px;color:#A29696;font-weight:bold;text-indent:4px;box-shadow:rgb(166,166,166) 1px 1px 0 inset,rgb(246,246,246) 1px 1px 0}
.flipHTML5Signature-drawTypeMid-redo,.flipHTML5Signature-drawTypeMid-undo,.flipHTML5Signature-drawTypeMid-clearAll{position:absolute;width:44px;height:22px;border:1px solid #ccc;border-radius:4px;left:80px;top:54px;text-align:center;line-height:22px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:bold;font-size:13px;color:#5F5E5E;cursor:pointer}
.flipHtml5Remark{z-index:2;position:absolute;width:0;height:0;resize:none;outline:2px solid rgb(255,173,0);cursor:text;overflow:hidden;border:0;padding:0;margin:0;line-height:normal}
.flipHtml5Highlight{z-index:3;position:absolute;width:0;height:0;resize:none;outline:2px solid rgb(255,173,0);overflow:hidden;border:0;padding:0;margin:0;line-height:normal}
.flipHtml5RemarkWrap{position:absolute;padding:0;margin:0;border:8px solid transparent}
.flipHtml5RemarkWrap:focus{outline:1px solid #3181E7}
.flipHtml5SizeWrap{cursor:all-scroll;z-index:1;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;min-width:40px;min-height:20px;border:1px dashed rgb(61,61,61);position:absolute}
.flipHtml5SizePoint{background-color:rgb(61,61,61);position:absolute;border:1px solid black;box-shadow:inset 0 1px 1px white}
.flipHtml5SizePoint:hover{box-shadow:inset 0 1px 3px white}
.flipHtml5SizePoint:active{box-shadow:none}
.flipHtml5SizePoint1{cursor:nw-resize;width:6px;height:6px;left:-4px;top:-4px}
.flipHtml5SizePoint2{cursor:n-resize;width:4px;height:4px;margin-left:-3px;left:50%;top:-3px}
.flipHtml5SizePoint3{cursor:ne-resize;width:6px;height:6px;right:-4px;top:-4px}
.flipHtml5SizePoint4{cursor:e-resize;width:4px;height:4px;right:-3px;margin-top:-3px;top:50%}
.flipHtml5SizePoint5{cursor:se-resize;width:6px;height:6px;right:-4px;bottom:-4px}
.flipHtml5SizePoint6{cursor:s-resize;width:4px;height:4px;left:50%;margin-left:-3px;bottom:-3px}
.flipHtml5SizePoint7{cursor:sw-resize;width:6px;height:6px;left:-4px;bottom:-4px}
.flipHtml5SizePoint8{cursor:w-resize;width:4px;height:4px;left:-3px;margin-top:-3px;top:50%}
.fliphtml5RemarkToolbarContainer{position:absolute;height:47px;width:420px;z-index:10;padding:5px;display:none;background:rgba(77,77,77,0.9);border-radius:5px;border:1px groove rgb(150,149,149)}
.fliphtml5RemarkHighlightToolbarContainer{display:none;left:325px;top:70px;z-index:10;position:absolute;height:20px;padding:0;width:57px}
.flipHtml5Remark pre{border:1px solid rgba(0,0,0,0.1);margin-bottom:12px;max-width:100%;overflow:auto;padding:6px;display:inline-block;white-space:pre-wrap;word-wrap:break-word}
.flipHtml5Remark address{font-style:italic;margin-bottom:12px}
/*.flipHtml5Remark a{*/ /*text-decoration:none;*/ /*font-style:italic;*/ /*color:dodgerblue;*/ /*cursor:pointer;*/ /*}
*/ /*.flipHtml5Remark a:hover{*/ /*text-decoration:underline;*/ /*}
*/ .flipHtml5RemarkButton{position:relative;width:18px;height:18px;border:1px solid black;top:1px;outline:none;margin:0 0 0 2px;display:inline-block;background:rgb(77,77,77);box-shadow:inset 0 1px 2px rgba(255,255,255,0.61)}
.flipHtml5RemarkButton:hover{background-color:rgb(125,125,125)}
.flipHtml5RemarkButton:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.61)}
.flipHtml5RemarkButtonImage{position:absolute;width:100%;height:100%;top:0;background:no-repeat 0 0}
.flipHtml5RemarkColorSelectorWrap{position:absolute;z-index:10000;width:242px;cursor:default;height:205px;background:rgba(0,0,0,0.8);border:1px solid rgb(88,88,88);padding:6px;font-size:14px;text-decoration:none;color:white;font-family:serif}
.flipHtml5RemarkColorSelectorMessage{font-size:14px;font-family:serif;text-align:left;line-height:22px;border:1px solid black;margin-bottom:5px;width:57px;padding:0 6px}
.flipHtml5RemarkOpacity{width:150px;height:1px;text-align:center;line-height:20px;color:white;cursor:pointer;border:1px black;background:rgb(255,255,255);position:relative;display:inline-block;left:10px}
.flipHtml5RemarkOpacitySpan{position:absolute;top:-24px;left:45px}
.flipHtml5RemarkOpacityCursor{left:0;width:5px;height:12px;display:inline-block;position:absolute;background:rgb(175,174,174);top:-6PX;box-shadow:inset 0 1px 1px white}
.flipHtml5RemarkOpacityCursor:hover{outline:1px solid rgb(23,211,211)}
.flipHtml5RemarkOpacityCursor:active{background-color:white}
.flipHtml5RemarkColorSelectorBlock{width:18px;height:18px}
.flipHtml5RemarkColorBar{width:16px;height:3px;position:absolute;z-index:2;background-color:black;bottom:1px;left:1px}
.flipHtml5RemarkColorSelectorBlock:hover{outline:1px solid rgb(6,142,185)}
.flipHtml5RemarkImage-bold{background-image:url(img/bold.png)}
.flipHtml5RemarkImage-strikeThrough{background-image:url(img/strikethrough.png)}
.flipHtml5RemarkImage-undo{background-image:url(img/undo.png)}
.flipHtml5RemarkImage-delete{background-image:url(img/delete.png)}
.flipHtml5RemarkImage-forecolor{background:url(img/fontcolor.png) 0 2px}
.flipHtml5RemarkImage-redo{background-image:url(img/redo.png)}
.flipHtml5RemarkImage-removeFormat{background-image:url(img/clear.png)}
.flipHtml5RemarkImage-italic{background-image:url(img/italic.png)}
.flipHtml5RemarkImage-underline{background-image:url(img/underline.png)}
.flipHtml5RemarkImage-justifyLeft{background-image:url(img/justyleft.png)}
.flipHtml5RemarkImage-justifyCenter{background-image:url(img/justycenter.png)}
.flipHtml5RemarkImage-justifyRight{background-image:url(img/justyright.png)}
.flipHtml5RemarkImage-insertOrderedList{background-image:url(img/orderlist.png)}
.flipHtml5RemarkImage-insertUnorderedList{background-image:url(img/unorderlist.png)}
.flipHtml5RemarkImage-blockquote{background-image:url(img/blockquote.png)}
.flipHtml5RemarkImage-outdent{background-image:url(img/oudent.png)}
.flipHtml5RemarkImage-indent{background-image:url(img/indent.png)}
.flipHtml5RemarkImage-createLink{background-image:url(img/hyperlink.png)}
.flipHtml5RemarkImage-backcolor{background-color:white;width:10px;height:10px;margin:3px;position:absolute;z-index:3;border:1px solid black}
.flipHtml5RemarkSelect{padding:0;width:100px;height:21px;position:relative;top:2px;left:2px;margin:0 17px 0 0;display:inline-block;text-align:center;font-size:12px;background:rgb(71,71,71);color:white;border-color:black;box-shadow:inset 0 1px 6px rgb(39,39,39);outline:0;line-height:15px}
.flipHtml5RemarkHr{margin:0;padding:0;position:relative;top:0}
.flipHTML5AddFile{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:8;overflow:hidden}
.flipHTML5ZoomFrame{z-index:6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;/*min-width:40px;*/ /*min-height:20px;*/ border:1px dashed rgb(61,61,61);position:absolute}
.flipHTML5ZoomFrame .flipHTML5Point{background-color:#0202FF;/*background-color:rgb(61,61,61);*/ position:absolute;border:1px solid black;box-shadow:inset 0 1px 1px white}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint0{left:-4px;top:-4px;cursor:nw-resize;width:6px;height:6px}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint1{left:50%;margin-left:-2px;top:-3px;cursor:n-resize;width:4px;height:4px}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint2{right:-4px;top:-4px;cursor:ne-resize;width:6px;height:6px}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint3{right:-3px;top:50%;margin-top:-2px;cursor:e-resize;width:4px;height:4px}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint4{right:-4px;bottom:-4px;cursor:se-resize;width:6px;height:6px}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint5{left:50%;margin-left:-2px;bottom:-3px;cursor:s-resize;width:4px;height:4px}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint6{left:-4px;bottom:-4px;cursor:sw-resize;width:6px;height:6px}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint7{left:-3px;top:50%;margin-top:-2px;cursor:w-resize;width:4px;height:4px}
.flipHTML5LocalFile-toolBar-del,.flipHTML5LocalFile-toolBar-update{position:absolute;width:22px;height:22px;top:4px;border-radius:2px;cursor:pointer;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgb(61,61,61)),color-stop(100%,rgb(61,61,61)));background:-webkit-linear-gradient(top,#141414,rgb(61,61,61));background:-moz-linear-gradient(top,#141414,rgb(61,61,61));background:-o-linear-gradient(top,#141414,rgb(61,61,61));background:linear-gradient(top,#141414,rgb(61,61,61));background-color:rgb(61,61,61);border:1px solid #111010;box-shadow:inset 0 1px 0 rgba(255,255,255,0.34),0 1px 2px rgba(255,255,255,0.34)}
.flipHTML5LocalFile-toolBar-del:hover,.flipHTML5LocalFile-toolBar-update:hover{background-color:#242524;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#000),color-stop(100%,#6D706D));background:-webkit-linear-gradient(top,#000,#6D706D);background:-moz-linear-gradient(top,#000,#6D706D);background:-o-linear-gradient(top,#000,#6D706D);background:linear-gradient(top,#000,#6D706D)}
.flipHTML5LocalFile-toolBar-del:active,.flipHTML5LocalFile-toolBar-update:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.38),0 1px 0 rgba(14,13,13,0.28)}
.menuTitle{cursor:pointer;overflow:hidden;width:100%;height:50px;font-family:Arial,Tahoma}
.menuTitleIcon{cursor:pointer;position:absolute;top:10px;left:20px;width:32px;height:32px;border-radius:16px}
.menuTitleIcon div{cursor:pointer;position:absolute;top:6px;left:6px;width:20px;height:20px}
.menuTitleCaption{cursor:pointer;position:absolute;left:60px;top:18px;font-size:14px;color:#fff}
.menuTitleState{position:absolute;top:15px;right:20px;width:24px;height:24px}
.dockMenu{text-align:center;z-index:300;display:block;overflow:visible;position:absolute;bottom:10px;white-space:nowrap;-webkit-box-reflect:below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0.85,transparent),to(rgba(255,255,255,0.3)));-moz-box-reflect:below 1px -moz-gradient(linear,left top,left bottom,from(transparent),color-stop(0.85,transparent),to(rgba(255,255,255,0.3)))}
.dockMenuContent{padding:0;list-style:none;text-align:center;display:inline-block;white-space:nowrap}
.dockMenuItem{display:inline-block;vertical-align:bottom;position:relative;overflow:visible;text-align:center;cursor:pointer}
.dockMenuItemContent{/*background:#ff0000;*/ position:absolute;bottom:1px;background:#fff}
.dockMenuItemShadow{-webkit-box-shadow:0 0 5px rgba(40,40,40,0.5);-moz-box-shadow:0 0 5px rgba(40,40,40,0.5);-o-box-shadow:0 0 5px rgba(40,40,40,0.5);-ms-box-shadow:0 0 5px rgba(40,40,40,0.5);box-shadow:0 0 5px rgba(40,40,40,0.5)}
.dockMenuItemCaption{line-height:1.3em;text-align:center;width:auto;overflow:visible;font-weight:bold;color:#fff;font-size:80%;padding:4px 12px;opacity:0.4;background-color:#000;display:none;margin:0 auto;top:0;border-radius:10px;white-space:nowrap}
.dockMenuItemCaptionAfter{display:none;height:9px;line-height:9px;left:50%;opacity:0.4;color:transparent;position:absolute;text-align:center;width:16px;margin-left:-4px;margin-top:-2px}
.flipShotBar{position:absolute}
.flipbutton{position:relative;width:100%;background:rgba(0,0,0,0.6);cursor:pointer}
.flipbutton:hover{background:rgba(0,0,0,0.2)}
.flipbutton.upbutton{border-bottom:1px solid #fff;height:20%}
.flipbutton.downbutton{height:80%}
.flipbutton.upbutton.left{border-radius:5px 0 0 0}
.flipbutton.downbutton.left{border-radius:0 0 0 5px}
.flipbutton.upbutton.right{border-radius:0 5px 0 0}
.flipbutton.downbutton.right{border-radius:0 0 5px 0}
.flipbutton img{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px}
.zoomControlBar{width:260px;height:40px;position:absolute;z-index:5;display:none;opacity:0.3;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.zoomControlBar.catalog{width:138px}
.zoomControlBar:hover{opacity:0.7}
.zoomControlBar .button{display:inline-block;cursor:pointer;position:relative;width:26px;height:26px;margin-left:15px;margin-top:6px}
.zoomControlBar .button img{margin-left:4px;margin-top:4px}
.zoomControlBar .button:hover{opacity:0.8}
.slideShortcut{position:absolute;z-index:101;width:210px;height:40px;background-color:#D0D7DF;/*background:linear-gradient(top,#F6FAFD,#E1E8F0);background:-webkit-linear-gradient(top,#F6FAFD,#E1E8F0);background:-ms-linear-gradient(top,#F6FAFD",#E1E8F0);background:-moz-linear-gradient(top,#F6FAFD",#E1E8F0);background:-o-linear-gradient(top,#F6FAFD",#E1E8F0);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#E1E8F0',StartColorStr='#F6FAFD');*/ opacity:0.6;-webkit-box-shadow:0 0 5px rgba(40,40,40,0.5);-moz-box-shadow:0 0 5px rgba(40,40,40,0.5);-o-box-shadow:0 0 5px rgba(40,40,40,0.5);-ms-box-shadow:0 0 5px rgba(40,40,40,0.5);box-shadow:0 0 5px rgba(40,40,40,0.5)}
.shortcutItem{position:relative;float:left;top:0;width:70px;height:40px;border-width:0;cursor:default}
.shortcurtItemEnter{position:relative;float:left;top:0;width:68px;border-left:1px solid #7297C1;border-right:1px solid #7297C1;height:40px;background-color:#8FACCC;cursor:pointer}
.slideToolbar{z-index:5;position:absolute;top:0;left:50%;margin:0 auto;padding:5px;border-radius:0 0 5px 5px;opacity:0.7}
.slideToolbar:hover{opacity:1}
.slideToolbar img{width:32px;margin:0 5px;cursor:pointer}
.slideBar{z-index:5;position:absolute;cursor:pointer;width:50px;height:50px;top:50%;opacity:0.7;margin-top:-25px}
.passwardPannel{position:absolute;z-index:991;background:#fff;width:90%;left:0;right:0;top:0;bottom:0;height:330px;margin:auto;max-width:400px;border-radius:5px;line-height:50px;vertical-align:middle;text-align:center;font-family:"Arial Black";font-size:20px}
.passwardPannel .icon div{width:100%;height:100%}
.passwardPannel .icon{width:100px;height:100px;left:50%;position:relative;margin:10px 0 10px -50px}
.passwardPannel input{width:82%;height:50px;border-radius:5px;margin-bottom:10px;border-width:0;background:#EBEBEB;padding:0 3%;color:#9FA0A3}
.passwardPannel p{margin:0 6% 10px 6%;width:88%;height:50px;border-radius:5px;background:#189BED;color:#fff;cursor:pointer}
.passwardPannel .cancleIn{background:#F4F1F1;border:1px solid #E5E1E1;color:#B6B5B5}
.passwardPannel .passwardResult{color:#ff0000;position:absolute;bottom:-8px;margin-left:6%;left:0;font-size:10px}
.passwardPannel .prompt{background:rgba(0,0,0,0.8);position:absolute;padding:10px;color:#fff;font-size:15px;display:none;z-index:5;width:170px;border-radius:5px;max-height:310px;overflow-y:auto;line-height:20px}
.passwardPannel .prompt u{color:#fff;text-decoration:underline}
.passwardPannel .arrow{border-width:6px 8px 6px 8px;border-style:solid;border-color:transparent rgba(0,0,0,0.5) transparent transparent;position:absolute;left:370px;top:45%;margin-top:-6px}
.passwardPannel-background{position:absolute;z-index:990;background:rgba(0,0,0,0.5);width:100%;height:100%}
.passwardPannel .passwardInfo{line-height:30px;background:rgba(0,0,0,0.7);text-align:left;position:absolute;border-radius:5px;color:#fff;padding:10px;right:-300px;top:10px;width:260px;height:auto}
.passwardPannel .passwardInfo .top{position:absolute;width:0;height:0;line-height:0;border-right:10px solid rgba(0,0,0,0.7);border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px;top:26px}
.passwardPannel .passwardInfo a{text-decoration:underline}
.phoneSharePanel{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.phoneSharePanel .item{padding:10px;border-bottom:1px solid #474747;vertical-align:middle;color:#fff;line-height:50px;height:50px;font-weight:bold}
.phoneSharePanel .item .logo{width:50px;height:50px;display:inline-block;float:left}
.phoneSharePanel .item .logo div{width:50px;height:50px}
.phoneSharePanel .item span{margin-left:20px;float:left}
.sharePanel{}
.sharePanel .item{width:30px;height:30px;margin:10px 0 10px 10px;display:inline-block}
.sharePanel .item .logo{width:30px;height:auto}
.ad-box-container{position:absolute;z-index:2000;bottom:25px;left:0;right:0;margin:0 auto;width:100%;display:none}
.ad-box-container .ad-box-image{width:100%;cursor:pointer;float:left}
.ad-box-container .ad-box-cancel{position:absolute;z-index:2;right:0;top:0;cursor:pointer}
.phoneBookmark{}
.phoneBookmark .scrollBox{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.phoneBookmark .item{position:relative;width:100%;height:100px;line-height:100px;vertical-align:middle;font-size:15px;color:#aaa;cursor:pointer}
.phoneBookmark .item span{margin:0 10px;float:left;display:inline-block;width:20px}
.phoneBookmark .item img{height:76px;float:left;margin:12px 0}
.phoneBookmark .item .close{position:absolute;cursor:pointer;top:30px;right:10px;width:41px;height:41px;background-position:-402px -429px;background-image:url(img/phone_icon.png);background-repeat:no-repeat}
.phoneBookmark .item .close:hover{background-position:-462px -429px}
.miniLogo{width:100px;right:0;bottom:0;opacity:0.5;position:absolute;cursor:pointer;z-index:100}
.miniLogo:hover{opacity:1}
.miniTitle{z-index:1000;height:30px;line-height:30px;background:rgba(51,51,51,0.5);border-radius:5px;left:50%;top:0;bottom:0;transform:translate(-50%,0);position:absolute;color:#fff;vertical-align:middle;text-align:center;cursor:pointer;font-family:"Tahoma","sans-serif","Arial";font-size:12px;padding:3px 7px;margin:auto;white-space:nowrap}
.hardCover{position:absolute;z-index:-1}
.hardSide{position:absolute}
.pageSide{overflow:hidden;position:absolute}
.bookSpine{position:absolute;left:50%;overflow:hidden}
.bookSpine .left_shadow{position:absolute;left:0;top:0;height:100%;width:0}
.bookSpine .right_shadow{position:absolute;right:0;top:0;height:100%;width:0}
.bookSpine .shadow{-webkit-box-shadow:0 0 10px 3px #252929;-moz-box-shadow:0 0 10px 3px #252929;-ms-box-shadow:0 0 10px 3px #252929;box-shadow:0 0 10px 3px #252929}
.top_spine{position:absolute;top:0;left:50%}
.botoom_spine{position:absolute;bottom:0;left:50%}
.SlideBook{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
.SlideBook .slide_side{width:100%;height:100%;position:absolute}
.SlideBook .slide_pages{position:absolute}
.shoppingCount{position:absolute;top:5px;left:38px;font-size:15px;font-weight:bold;color:#fff}
.menu{position:absolute;width:100%;height:170px;overflow:hidden;z-index:5;bottom:-170px}
.dockMenuContent{position:absolute;bottom:30px;height:140px;left:25px;z-index:1}
.thumbnailItemContent{position:absolute;bottom:0;width:100%;height:30px;text-align:center;line-height:30px;z-index:2;display:inline-block}
.thumbnailItem{position:relative;width:40px;height:20px;display:inline-block;margin-left:4px;cursor:pointer;margin-top:5px}
.thumbnailRect{position:absolute;top:7px;width:40px;height:5px;border-radius:3px;background:#505a60}
.dockButton{width:30px;height:60px;margin-left:10px;bottom:1px}
.dockButton div{width:100%;height:100%;background:#333;opacity:0.5}
.dockButton img{left:0;right:0;bottom:0;top:0;margin:auto;position:absolute}
.tipsBox{padding:10px 6px;background-color:#333;opacity:0.5;display:none;width:190px;left:0;right:0;top:100px;margin:auto;z-index:110;position:absolute;font-size:15px;color:#f0f0f0;vertical-align:middle;text-align:center}
.tipsBoxShadow{-webkit-box-shadow:0 0 15px rgba(40,40,40,0.6);-moz-box-shadow:0 0 15px rgba(40,40,40,0.6);-ms-box-shadow:0 0 15px rgba(40,40,40,0.6);-o-box-shadow:0 0 15px rgba(40,40,40,0.6);box-shadow:0 0 15px rgba(40,40,40,0.6)}
.tipsBoxRadius{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.thumbnail_map{position:absolute;z-index:202;display:none;border:5px solid #fff;-webkit-box-shadow:0 0 5px gray;-moz-box-shadow:0 0 5px gray;-o-box-shadow:0 0 5px gray;-ms-box-shadow:0 0 5px gray;box-shadow:0 0 5px gray;background-color:white}
.map_img_left{top:0;left:0;height:98px;position:absolute;border-left:1px solid gray;border-top:1px solid gray;border-bottom:1px solid gray}
.map_img_right{top:0;right:0;height:98px;position:absolute;border-right:1px solid gray;border-top:1px solid gray;border-bottom:1px solid gray}
.map_img_up{top:0;left:0;height:98px;position:absolute;border-left:1px solid gray;border-top:1px solid gray;border-right:1px solid gray}
.map_img_down{bottom:0;left:0;height:98px;position:absolute;border-left:1px solid gray;border-bottom:1px solid gray;border-right:1px solid gray}
.map_cursor{position:absolute;border:2px solid green;background-color:RGBA(250,240,185,0.5)}
.text_bubble{position:absolute;z-index:10003;display:none}
.text_bubble_content{position:relative;border-radius:3px}
.text_bubble_text{font-family:"Tahoma","sans-serif","Arial";font-size:12px;font-weight:100}
.text_bubble_arrow{position:absolute;font-size:0;z-index:1;overflow:hidden}
/*bookmark*/ .left_bookmark_bar{position:absolute;overflow:hidden;z-index:1;height:65px;top:-65px}
.left_bookmark_bar.vertical{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.right_bookmark_bar{position:absolute;overflow:hidden;z-index:1;height:65px;top:-65px}
.right_bookmark_bar.vertical{-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.up_bookmark_bar{position:absolute;overflow:hidden;z-index:1;height:65px;top:-65px}
.up_bookmark_bar.vertical{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.down_bookmark_bar{position:absolute;overflow:hidden;z-index:1;height:65px;left:-100%;bottom:0;top:auto;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.down_bookmark_bar.vertical{left:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.bookmark_item{top:40px;width:auto;min-width:50px;max-width:110px;display:inline-block;height:60px;padding:10px;cursor:pointer;border-radius:3px 3px 0 0;position:absolute;-webkit-box-shadow:1px 0 3px 0 rgba(51,51,51,0.7);-moz-box-shadow:1px 0 3px 0 rgba(51,51,51,0.7);-ms-box-shadow:1px 0 3px 0 rgba(51,51,51,0.7);-o-box-shadow:1px 0 3px 0 rgba(51,51,51,0.7);box-shadow:1px 0 3px 0 rgba(51,51,51,0.7)}
.bookmark_caption{font-family:"Tahoma","sans-serif","Arial";font-size:12px;text-align:center;color:#eee;word-wrap:break-word}
.loader{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:column;flex-grow:1;flex-shrink:0;flex-basis:25%;max-width:25%;height:200px;align-items:center;justify-content:center;margin:auto;top:0;bottom:0;left:0;right:0;position:absolute}
@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}
66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}
66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.ball-pulse-sync>div:nth-child(0){-webkit-animation:ball-pulse-sync 0.6s 0s infinite ease-in-out;animation:ball-pulse-sync 0.6s 0s infinite ease-in-out}
.ball-pulse-sync>div:nth-child(1){-webkit-animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out;animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out}
.ball-pulse-sync>div:nth-child(2){-webkit-animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out;animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out}
.ball-pulse-sync>div:nth-child(3){-webkit-animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out;animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out}
.ball-pulse-sync>div{background-color:rgba(51,51,51,0.8);width:10px;height:10px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}
.bookInstructions.icon_show{position:absolute;text-align:center;left:9px;top:9px;font-size:33px;width:33px;height:33px;line-height:33px;border-radius:50%;color:#fff;background:#00daff}
.bookInstructions.helpBody{background:#fff;text-align:center;position:absolute;overflow:hidden;box-sizing:border-box;width:100%;height:100%;z-index:1000}
.bookInstructions.hide{visibility:hidden}
.bookInstructions.show{visibility:visible}
.bookInstructions .swiper{position:relative;width:500%;height:100%;transform-style:preserve-3d;font-size:0;perspective:0;-webkit-perspective:0;-o-perspective:0;-moz-perspective:0;-ms-perspective:0}
.bookInstructions .helpImgs{position:relative;z-index:100;width:100%;height:100%;font-size:0}
.bookInstructions .helpPage{position:relative;width:20%;height:100%;display:inline-block}
.bookInstructions .helpPageImg{width:100%;position:absolute;top:10%;margin-top:10px;height:60%}
.bookInstructions .icon_drop{width:44px;height:44px;font-size:44px;cursor:pointer;position:absolute;border-radius:50%;line-height:44px;right:18px;top:18px;color:#fff;background:#7FCEFF;z-index:100}
.bookInstructions .icon_show{width:33px;height:33px;font-size:33px;cursor:pointer;position:fixed;border-radius:50%;line-height:100%;left:18px;top:18px;color:#fff;background:#7FCEFF;z-index:100}
.bookInstructions .icon_drop img{width:100%;height:100%}
.bookInstructions .helpBullet>li{background:#aaa;opacity:0.5;display:inline-block;cursor:pointer;border-radius:50%}
.bookInstructions .helpBullet>li.icon_active{background:#81D3FB;opacity:1}
.rtl{direction:rtl}
.book_style_choose_container{width:100%;height:100%}
.book_style_choose_container .book_style_box{width:700px;height:460px;left:0;right:0;bottom:0;top:0;margin:auto;position:absolute;z-index:10;color:#fff;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 0 10px #8c97cb,0 0 20px #8c97cb,0 0 30px #8c97cb}
.book_style_choose_container .book_style_box .title{position:absolute;height:50px;line-height:50px;width:100%;left:0;top:44px;font-size:30px}
.book_style_choose_container .book_style_box .description{position:absolute;height:50px;line-height:50px;width:100%;left:0;top:99px;font-size:20px}
.book_style_choose_container .book_style_box .flipModel{position:absolute;left:100px;top:169px;cursor:pointer}
.book_style_choose_container .book_style_box .slideModel{position:absolute;left:360px;top:169px;cursor:pointer}
.book_style_choose_container .book_style_box .flipModel:hover{border:2px solid #ff8040}
.book_style_choose_container .book_style_box .slideModel:hover{border:2px solid #ff8040}
.photogallery{position:absolute;display:none;z-index:10001;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);text-align:center;vertical-align:middle}
.photogallery .imgContainer{position:absolute;z-index:1;overflow:hidden;cursor:pointer;border:8px solid #fff;background:#fff}
.photogallery .photoBG{position:absolute;z-index:0;background:rgba(0,0,0,0.5);left:0;top:0;bottom:0;right:0}
.photogallery .close{position:absolute;right:0;top:0;z-index:3;cursor:pointer}
.photogallery .leftBtn{position:absolute;left:-32px;z-index:3;cursor:pointer}
.photogallery .rightBtn{position:absolute;right:-32px;z-index:3;cursor:pointer}
.photogallery .imgContainer>img{position:absolute;cursor:pointer}
.photogallery .thumbContainer{position:absolute;bottom:0;width:100%;height:60px;z-index:1}
.photogallery .thumbBG{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:block;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.photogallery .thumbBox{position:absolute;cursor:pointer;width:50px;height:46px;top:4px;border:2px solid #fff;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.photogallery .thumbBox img{position:absolute;cursor:pointer}
.photogallery .thumbBox:hover{border:2px solid #00ff00;/*transform:scale(1.2);*/ /*-ms-transform:scale(1.2);*/ /*-moz-transform:scale(1.2);*/ /*-webkit-transform:scale(1.2);*/ /*-o-transform:scale(1.2);*/}
.photogallery .thumbBox.focus{border:2px solid #ff0000}
.photogallery .thumbBox:hover .thumbBG{z-index:0}
.photogallery .thumbBox.focus .thumbBG{z-index:0}
.language_form{width:100%;height:100%;left:0;vertical-align:middle;font-family:Arial,Tahoma;background:transparent}
.language_form .stage{margin:0;width:100%;height:100%}
.language_form .form_title{display:none}
.language_form .close{display:none}
/*.language_form.rightToLeft .close{position:absolute;left:10px;right:auto;top:6px;cursor:pointer}
*/ .language_form .scrollBox{position:absolute;width:100%;vertical-align:middle;text-align:center;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%)}
.language_form .scrollBox .item{position:relative;width:100%;height:38px;margin:5px 0;line-height:38px;cursor:pointer;vertical-align:middle;text-align:center}
.language_form .scrollBox .item img{display:none}
.language_form .scrollBox .item .title{width:182px;line-height:34px;font-size:20px;color:#fff;padding:0 3px;position:absolute;margin-left:-91px;left:50%}
.language_form .scrollBox .item.focus .title{border:2px solid #F2947C}
.clip[style]{opacity:0}
.active .clip:not([style]){opacity:0;animation:fadeIn .1s 1s both}
.active .clip[style]{will-change:transform;animation:noTransform 1s both}
@keyframes noTransform{to{opacity:1;transform:translate3d(0,0,0) rotate(0)}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.flip_button_left{position:absolute;cursor:pointer;right:auto;z-index:10}
.flip_button_right{position:absolute;cursor:pointer;left:auto;z-index:10}
.flip_button_first{position:absolute;cursor:pointer;right:auto;z-index:10;opacity:0.2}
.flip_button_last{position:absolute;cursor:pointer;left:auto;opacity:0.2;z-index:10}
@-webkit-keyframes handSwipeAnimate{0%{opacity:0;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg)}
25%{opacity:1;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg)}
75%{opacity:1;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
100%{opacity:0;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
}
@keyframes handSwipeAnimate{0%{opacity:0;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg)}
25%{opacity:1;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg)}
75%{opacity:1;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
100%{opacity:0;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
}
@-webkit-keyframes handSwipeAnimate_Right{0%{opacity:0;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
25%{opacity:1;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
75%{opacity:1;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg)}
100%{opacity:0;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg)}
}
@keyframes handSwipeAnimate_Right{0%{opacity:0;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
25%{opacity:1;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
75%{opacity:1;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg)}
100%{opacity:0;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg)}
}
.handSwipeHelp_Left{opacity:0;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:handSwipeAnimate 1.5s 1s infinite ease-in-out;animation:handSwipeAnimate 1.5s 1s infinite ease-in-out}
.handSwipeHelp_Right{opacity:0;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:handSwipeAnimate_Right 1.5s 1s infinite ease-in-out;animation:handSwipeAnimate_Right 1.5s 1s infinite ease-in-out}
.handSwipeHelp_Right>img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.handSwipeHelp_Top{opacity:0;-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation:handSwipeAnimate 1.5s 1s infinite ease-in-out;animation:handSwipeAnimate 1.5s 1s infinite ease-in-out}
.handSwipeHelp_Top>img{-webkit-transform:rotateZ(75deg);transform:rotateZ(75deg)}
.textContainer a{color:inherit}
.annotationPanel>.topBox>.annoBtnBox>div{margin-left:3px;border-radius:2px}
.annotationPanel>.topBox>.annoBtnBox>div:hover{background:#d3d3d8}
.annotationPanel>.topBox>.annoBtnBox .anno-split-line{float:left;width:1px;height:12px;margin:13px 5px 11px 9px;background:rgba(0,0,0,0.25)}
.anno-noteAdd{cursor:pointer;position:absolute;right:-22px;z-index:1111;top:0;width:18px;height:22px;background:url(img/note_page_add.png) top right no-repeat}
.anno-noteAdd:hover{opacity:0.85}
.noteBox .note-btn-icon:hover{opacity:0.5}
.annotationPanel.mobile>.topBox>.annoBtnBox>div{margin-left:14px;border-radius:2px}
.annotationPanel.mobile>.topBox>.annoBtnBox .anno-split-line{float:left;width:1px;height:25px;margin:14px 5px 0 9px;background:#767676}
.assist-control{position:absolute;bottom:40px;left:23px;width:94px;height:94px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.assist-btn{cursor:pointer;width:40px;height:40px;background-color:rgba(11,11,11,0.35);float:left;margin:3px;text-align:center;line-height:40px}
.assist-btn .assist-icon{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);background-position:center center;background-repeat:no-repeat;width:40px;height:40px;float:left}
.assist-play .assist-icon{background-image:url(img/player-play.png)}
.assist-pause .assist-icon{background-image:url(img/player-pause.png)}
.assist-next .assist-icon{background-image:url(img/NE.png)}
.assist-prev .assist-icon{background-image:url(img/PR.png)}
.assist-sound .assist-icon{background-image:url(img/player-volume-full.png)}
.assist-muted .assist-icon{background-image:url(img/player-volume.png)}
.assist-btn:hover{opacity:0.8}
.assist-close{position:absolute;right:0;top:0;width:20px;height:20px;opacity:0.5;background-color:rgba(11,11,11,0.35)}
.assist-close .assist-icon{width:20px;height:20px;background-image:url(img/close.png);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0)}
.assistantButton{z-index:111;transition:all 0.3s;position:absolute;right:0;bottom:0;width:42px;height:32px;cursor:pointer;opacity:0.5;background:url(img/assistant.png) center center no-repeat;background-size:contain}
.assistantButton:hover{opacity:1}
.hover_opacity:hover{opacity:0.8}
.hover_background:hover{background:rgba(0,0,0,0.1)}
.bookmark_form .item:hover{background:rgba(0,0,0,0.1)}
.pctel_form{font-family:Arial;position:absolute;margin:auto;vertical-align:middle;width:200px}
.pctel_form .stage{overflow:hidden;width:100%;position:relative}
.pctel_form .swiper{width:100%;position:relative;left:0;top:0;box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox */ -webkit-box-sizing:border-box;/* Safari */}
.pctel_form .swiper .item{position:relative;font-size:14px;min-height:40px;display:table;border-bottom:1px solid rgba(255,255,255,0.1)}
.pctel_form .text_bubble_content{border-radius:0}
.pctel_form .swiper .item .number{width:72px;text-align:center;display:table-cell;padding:4px;vertical-align:middle}
.pctel_form .swiper .item a{display:table-cell;padding:4px;width:112px;text-align:center;vertical-align:middle}
.pctel_form .stageArrow{position:absolute;font-size:0;z-index:1;overflow:hidden;/* border-style:solid;*/ bottom:-3px}
.pictureList_win10{width:150px;height:196px;position:absolute;left:0}
.pictureList_win10 .thumbnail .page{width:100%;height:20px;line-height:20px}
.pictureList_win10 .thumbnail img{vertical-align:middle;width:100%}
.pictureList_win10 .btn{position:absolute;top:0;bottom:0;width:18px;height:18px;cursor:pointer;margin:auto;z-index:3}
.pictureList_win10 .leftBtn{left:0}
.pictureList_win10 .rightBtn{right:0}
.pictureList_win10{left:0;text-align:center;vertical-align:middle}
.pictureList_win10 .thumbnail{width:100%;position:relative;display:inline-block;left:0;top:0;text-align:center;vertical-align:middle}
.pictureList_win10:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.clickToRead{position:absolute;top:50%;left:50%;width:120px;height:auto;margin-left:-70px;margin-top:-20px;color:#fff;background-color:rgba(0,0,0,.7);cursor:pointer;padding:10px;border-radius:5px;text-align:center;font-size:13px;line-height:20px;z-index:5000;transition:opacity .25s,background-color .25s;transition-delay:.5s,0s;touch-action:pan-y;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-weight:500}
.clickToRead:hover{background-color:rgba(0,0,0,.8)}
.cover_shadow{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1}
.flip_x{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH}
.flip_y{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);-ms-transform:scaleX(-1);transform:scaleY(-1);filter:FlipV}
.hard_top_border{position:absolute;left:0;top:0;height:3px;width:100%;background-image:linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));background-image:-o-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));background-image:-moz-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));background-image:-webkit-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));background-image:-ms-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8')}
.hard_inner_left_border{position:absolute;z-index:1;left:0;right:auto;top:0;width:10px;height:100%;background-image:linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));background-image:-o-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));background-image:-moz-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));background-image:-webkit-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));background-image:-ms-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66969696',EndColorStr='#00B4B4B4')}
.hard_left_cover_border{position:absolute;z-index:0;left:0;right:auto;top:0;width:4px;height:100%;background-image:linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));background-image:-o-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));background-image:-moz-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));background-image:-webkit-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));background-image:-ms-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8')}
.cover_shadow.flip_x .hard_right_border{position:absolute;left:auto;right:0;top:1px;width:3px;background-image:linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));background-image:-o-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));background-image:-moz-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));background-image:-webkit-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));background-image:-ms-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896')}
.hard_right_border{position:absolute;left:auto;right:0;top:1px;width:3px;background-image:linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-ms-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896')}
.hard_bottom_border{position:absolute;left:12px;top:auto;bottom:0;height:3px;background-image:linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-ms-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896')}
/*flat stitching - stitch*/ .cover_shadow.stitch .hard_left_border{position:absolute;left:0;top:0;width:0.5%;height:100%;background-image:linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));background-image:-o-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));background-image:-moz-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));background-image:-webkit-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));background-image:-ms-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC3C3C28',EndColorStr='#CCDCDCB4')}
/*.hard_stitch_shadow_body{position:absolute;left:2%;top:0;width:2%;height:100%;background-image:linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);background-image:-o-linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);background-image:-moz-linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);background-image:-webkit-linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);background-image:-ms-linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66DCDCB4',EndColorStr='#00DCDCB4')}
*/ .cover_shadow.stitch .hard_left_body{position:absolute;left:2.5%;top:0;width:1.5%;height:100%;background-image:linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);background-image:-o-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);background-image:-moz-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);background-image:-webkit-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);background-image:-ms-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66DCDCB4',EndColorStr='#00DCDCB4')}
.cover_shadow.stitch.flip_x .hard_left_body{position:absolute;left:2.5%;top:0;width:1.5%;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);background-image:-o-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);background-image:-moz-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);background-image:-webkit-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);background-image:-ms-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66DCDCB4',EndColorStr='#00DCDCB4')}
.cover_shadow.stitch .hard_bottom_border_width{left:0.5%;width:99%}
.cover_shadow.stitch .normal_left_border{position:absolute;left:0;top:0;width:2px;height:100%;background-image:linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-o-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-moz-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-webkit-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-ms-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#FFC8C8C8',EndColorStr='#CCC8C8C8')}
.cover_shadow.stitch .normal_left_body{position:absolute;left:3%;top:0;width:3px;height:100%;background-image:linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4')}
/*side stitching - side*/ .cover_shadow.side .hard_left_border{position:absolute;left:0;top:0;width:1.2%;height:100%;background-image:linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4')}
.cover_shadow.side .hard_left_body{position:absolute;left:2.5%;top:0;width:1.5%;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);background-image:-o-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);background-image:-moz-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);background-image:-webkit-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);background-image:-ms-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#00282815')}
.cover_shadow.side.flip_x .hard_left_body{position:absolute;left:2.5%;top:0;width:1.5%;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);background-image:-o-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);background-image:-moz-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);background-image:-webkit-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);background-image:-ms-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#00282815')}
.cover_shadow.side .hard_bottom_border_width{left:0.4%;width:99.6%}
.cover_shadow.side .normal_left_border{position:absolute;left:0;top:0;width:1.2%;height:100%;background-image:linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC')}
.cover_shadow.side .normal_left_body{display:none}
/*press stitching - press*/ .cover_shadow.press .hard_left_border{position:absolute;left:0;top:0;width:7px;height:100%;background-image:url(img/press_left.png);background-repeat:repeat-y}
.cover_shadow.press .hard_left_body{position:absolute;left:4.5%;top:0;width:16px;height:100%;background-image:url(img/press_right.png);background-repeat:repeat-y}
.cover_shadow.press .hard_bottom_border_width{left:0;width:100%}
.cover_shadow.press .normal_left_border{position:absolute;left:0;top:0;width:2px;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));background-image:-o-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));background-image:-moz-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));background-image:-webkit-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));background-image:-ms-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC282815',EndColorStr='#CCF0F0C8')}
.cover_shadow.press .normal_left_body{position:absolute;left:4%;top:0;width:3px;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));background-image:-o-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));background-image:-moz-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));background-image:-webkit-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));background-image:-ms-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66282815',EndColorStr='#00282815')}
.cover_shadow.press.flip_x .normal_left_body{position:absolute;left:4%;top:0;width:4px;height:100%;background-image:linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66C8C896',EndColorStr='#00F0F0C8')}
/*sewing - sewing*/ .cover_shadow.sewing .hard_left_border{position:absolute;left:0;top:0;width:2px;height:100%;background-image:linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-o-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-moz-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-webkit-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-ms-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0))}
.cover_shadow.sewing .hard_leftbody{display:none}
.cover_shadow.sewing .normal_left_border{position:absolute;left:0;top:0;width:2px;height:100%;background-image:linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-o-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-moz-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-webkit-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-ms-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0))}
.cover_shadow.sewing .normal_left_body{display:none}
/*hardcover - pit*/ .cover_shadow.pit .hard_left_border{position:absolute;left:0;top:0;width:6px;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));background-image:-o-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));background-image:-moz-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));background-image:-webkit-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));background-image:-ms-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#77F0F0C8')}
.cover_shadow.pit .hard_left_body{position:absolute;left:6px;top:0;width:4%;height:100%;background-image:linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);background-image:-o-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);background-image:-moz-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);background-image:-webkit-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);background-image:-ms-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77F0F0C8',EndColorStr='#00F0F0C8')}
.cover_shadow.pit .hard_bottom_border_width{left:4%;width:96%}
.cover_shadow.pit .normal_left_border{position:absolute;left:0;top:0;width:6px;height:100%;background-image:linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));background-image:-webkit-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));background-image:-o-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));background-image:-moz-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));background-image:-ms-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66F0F0C8',EndColorStr='#33F0F0C8')}
.cover_shadow.pit .normal_left_body{position:absolute;left:5%;top:0;width:6px;height:100%;background-image:linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-o-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-moz-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-webkit-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-ms-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77F0F0C8',EndColorStr='#00F0F0C8')}
.cover_shadow.pit.flip_x .normal_left_body{position:absolute;left:5%;top:0;width:6px;height:100%;background-image:linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-o-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-moz-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-webkit-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-ms-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77F0F0C8')}
/*hardcover - pit2*/ .cover_shadow.pit2 .hard_left_border{position:absolute;left:1px;top:0;width:4%;height:100%;background-size:100% auto;background-repeat:repeat-y;background-image:url(img/pit2.png);background-position-x:-2px}
.cover_shadow.pit2 .hard_left_body{}
.cover_shadow.pit2 .hard_bottom_border_width{left:0%;width:100%}
.cover_shadow.pit2 .normal_left_border{position:absolute;left:0;top:0;width:7px;height:100%;background-image:url(img/press_left.png);background-repeat:repeat-y}
.cover_shadow.pit2 .normal_left_body{display:none}
/*saddle stitching -saddle*/ .cover_shadow.saddle .hard_left_border{position:absolute;left:0;top:0;width:2.4%;height:100%;background-image:linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-o-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-moz-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-webkit-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-ms-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC')}
.cover_shadow.saddle .hard_left_body{display:none}
.cover_shadow.saddle .hard_bottom_border_width{left:1.4%;width:98.6%}
/* .cover_shadow.saddle .normal_left_border{position:absolute;left:0;top:0;width:2.4%;height:100%;background-image:linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-o-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-moz-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-webkit-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-ms-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC')}
.cover_shadow.saddle .normal_left_body{display:none}
*/ .cover_shadow.saddle .normal_left_border{position:absolute;left:0;top:0;width:87px;height:100%;background-repeat:repeat-y;background-image:url(img/left-shadow2.png);background-size:100% auto;opacity:0.7}
.cover_shadow.saddle .normal_left_body{position:absolute;z-index:1;left:1px;top:0;width:10px;height:100%}
.cover_shadow.saddle .top_nail{position:absolute;left:0;top:25%;width:2px;height:60px;background:#c8c8c8;box-shadow:0 1px 2px rgba(0,0,0,0.5)}
.cover_shadow.saddle .bottom_nail{position:absolute;left:0;bottom:25%;width:2px;height:60px;background:#c8c8c8;box-shadow:0 1px 2px rgba(0,0,0,0.5)}
/*loose leaf stitching -loose*/ .cover_shadow.loose .hard_left_border{position:absolute;left:0;top:0;width:4px;height:100%;background-image:linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8')}
.cover_shadow.loose .hard_left_body{display:none}
.cover_shadow.loose .hard_bottom_border_width{left:0%;width:100%}
.cover_shadow.loose .normal_left_border{display:none}
.cover_shadow.loose .normal_left_body{display:none}
/*catalog default shadow*/ .cover_shadow.catalog .hard_left_border{position:absolute;left:0;top:0;width:2%;height:100%;background-image:linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4')}
.cover_shadow.catalog .hard_left_body{display:none}
.cover_shadow.catalog .hard_bottom_border_width{left:0.2%;width:99.8%}
.cover_shadow.catalog .normal_left_border{position:absolute;left:0;top:0;width:2%;height:100%;background-image:linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC')}
.cover_shadow.catalog .normal_left_body{display:none}
.leftShadow{position:absolute;top:0;right:0;height:100%;z-index:5;pointer-events:none;background-repeat:repeat-y;background-size:100%}
.rightShadow{position:absolute;top:0;left:0;height:100%;z-index:5;pointer-events:none;background-repeat:repeat-y;background-size:100%}
.upShadow{position:absolute;left:0;bottom:0;width:100%;z-index:5;pointer-events:none;background-repeat:repeat-x;background-size:100% 100%}
.downShadow{position:absolute;left:0;top:0;width:100%;z-index:5;pointer-events:none;background-repeat:repeat-x;background-size:100% 100%}
.magazine.leftShadow{url(img/magazine_left.png)}
.magazine.rightShadow{url(img/magazine_right.png)}
.magazine.upShadow{url(img/magazine_up.png)}
.magazine.downShadow{url(img/magazine_down.png)}
.book.leftShadow{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#cc3f3f3f',StartColorStr='#007b7b7b');background-image:linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(right,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%)}
.book.rightShadow{background-image:linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(left,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#00C8C8C8',StartColorStr='#CC5D5D5D')}
.book.upShadow{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#cc3f3f3f',StartColorStr='#007b7b7b');background-image:linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(bottom,rgba(60,60,60,0.4) 0%,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%)}
.book.downShadow{background-image:linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(top,rgba(53,53,53,0.5) 0%,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr='#00C8C8C8',StartColorStr='#CC5D5D5D')}
.flip-shadowB2{background-image:url(img/flip_shadowB2.png);background-repeat:repeat-y;overflow:hidden;width:60px;z-index:20;position:absolute;visibility:hidden;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) scaleX(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleX(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleX(1) rotate(0);-o-transform:translate3d(0,0,0) scaleX(1) rotate(0);transform:translate3d(0,0,0) scaleX(1) rotate(0)}
.flip-top-edge-shadow{background-image:url(img/flip_top_edge_shadow.png);background-repeat:repeat-y;width:3px;overflow:hidden;visibility:hidden;z-index:21;position:absolute;/* opacity:0.2;*/ -webkit-transform:translate3d(0,0,0) scaleX(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleX(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleX(1) rotate(0);-o-transform:translate3d(0,0,0) scaleX(1) rotate(0);transform:translate3d(0,0,0) scaleX(1) rotate(0)}
.flip-top-hightlight-shadow{background-image:url(img/flip_top_hightlight_shadow.png);background-repeat:repeat-y;width:18px;overflow:hidden;visibility:hidden;z-index:22;position:absolute;/* opacity:0.2;*/ -webkit-transform:translate3d(0,0,0) scaleX(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleX(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleX(1) rotate(0);-o-transform:translate3d(0,0,0) scaleX(1) rotate(0);transform:translate3d(0,0,0) scaleX(1) rotate(0)}
.flip-front-top-hightlight-shadow{background-image:url(img/flip_front_top_hightlight_shadow.png);background-repeat:repeat-y;background-size:100% auto;width:78px;overflow:hidden;visibility:hidden;z-index:23;position:absolute;/* opacity:0.2;*/ -webkit-transform:translate3d(0,0,0) scaleX(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleX(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleX(1) rotate(0);-o-transform:translate3d(0,0,0) scaleX(1) rotate(0);transform:translate3d(0,0,0) scaleX(1) rotate(0)}
.flip-topshadow2{background-image:url(img/flip_topshadow2.png);background-repeat:repeat-y;background-size:100% auto;/* background:rgba(0,0,0,0.3);*/ width:260px;overflow:hidden;visibility:hidden;z-index:20;position:absolute;/* opacity:0.2;*/ -webkit-transform:translate3d(0,0,0) scaleX(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleX(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleX(1) rotate(0);-o-transform:translate3d(0,0,0) scaleX(1) rotate(0);transform:translate3d(0,0,0) scaleX(1) rotate(0)}
.flip-vertical-shadowB2{background-image:url(img/flip_vertical_shadowB2.png);background-repeat:repeat-x;overflow:hidden;height:60px;z-index:20;position:absolute;visibility:hidden;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) scaleY(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleY(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleY(1) rotate(0);-o-transform:translate3d(0,0,0) scaleY(1) rotate(0);transform:translate3d(0,0,0) scaleY(1) rotate(0)}
.flip-vertical-top-edge-shadow{background-image:url(img/flip_vertical_top_edge_shadow.png);background-repeat:repeat-x;height:3px;overflow:hidden;visibility:hidden;z-index:21;position:absolute;/* opacity:0.2;*/ -webkit-transform:translate3d(0,0,0) scaleY(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleY(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleY(1) rotate(0);-o-transform:translate3d(0,0,0) scaleY(1) rotate(0);transform:translate3d(0,0,0) scaleY(1) rotate(0)}
.flip-vertical-top-hightlight-shadow{background-image:url(img/flip_vertical_top_hightlight_shadow.png);background-repeat:repeat-x;height:18px;overflow:hidden;visibility:hidden;z-index:22;position:absolute;/* opacity:0.2;*/ -webkit-transform:translate3d(0,0,0) scaleY(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleY(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleY(1) rotate(0);-o-transform:translate3d(0,0,0) scaleY(1) rotate(0);transform:translate3d(0,0,0) scaleY(1) rotate(0)}
.flip-vertical-front-top-hightlight-shadow{background-image:url(img/flip_vertical_front_top_hightlight_shadow.png);background-repeat:repeat-x;background-size:auto 100%;height:78px;overflow:hidden;visibility:hidden;z-index:23;position:absolute;/* opacity:0.2;*/ -webkit-transform:translate3d(0,0,0) scaleY(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleY(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleY(1) rotate(0);-o-transform:translate3d(0,0,0) scaleY(1) rotate(0);transform:translate3d(0,0,0) scaleY(1) rotate(0)}
.flip-vertical-topshadow2{background-image:url(img/flip_vertical_topshadow2.png);background-repeat:repeat-x;background-size:auto 100%;height:260px;overflow:hidden;visibility:hidden;z-index:20;position:absolute;-webkit-transform:translate3d(0,0,0) scaleY(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleY(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleY(1) rotate(0);-o-transform:translate3d(0,0,0) scaleY(1) rotate(0);transform:translate3d(0,0,0) scaleY(1) rotate(0)}
.flip-shadowB{background-image:url(img/flip_shadowB.png);background-repeat:repeat-y;overflow:hidden;width:100px;opacity:0.2;z-index:20;position:absolute;visibility:hidden;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) scaleX(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleX(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleX(1) rotate(0);-o-transform:translate3d(0,0,0) scaleX(1) rotate(0);transform:translate3d(0,0,0) scaleX(1) rotate(0)}
.flip-topshadow{background-image:url(img/flip_topshadow.png);background-repeat:repeat-y;width:100px;overflow:hidden;visibility:hidden;z-index:20;position:absolute;opacity:0.2;-webkit-transform:translate3d(0,0,0) scaleX(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleX(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleX(1) rotate(0);-o-transform:translate3d(0,0,0) scaleX(1) rotate(0);transform:translate3d(0,0,0) scaleX(1) rotate(0)}
.flip-vertical-shadowB{background-image:url(img/flip_vertical_shadowB.png);background-repeat:repeat-x;overflow:hidden;height:100px;opacity:0.2;z-index:20;position:absolute;visibility:hidden;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) scaleY(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleY(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleY(1) rotate(0);-o-transform:translate3d(0,0,0) scaleY(1) rotate(0);transform:translate3d(0,0,0) scaleY(1) rotate(0)}
.flip-vertical-topshadow{background-image:url(img/flip_vertical_topshadow.png);background-repeat:repeat-x;height:100px;overflow:hidden;visibility:hidden;z-index:20;position:absolute;opacity:0.2;-webkit-transform:translate3d(0,0,0) scaleY(1) rotate(0);-moz-transform:translate3d(0,0,0) scaleY(1) rotate(0);-ms-transform:translate3d(0,0,0) scaleY(1) rotate(0);-o-transform:translate3d(0,0,0) scaleY(1) rotate(0);transform:translate3d(0,0,0) scaleY(1) rotate(0)}
.cover_shadow{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1}
.flip_x{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH}
.flip_y{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);-ms-transform:scaleX(-1);transform:scaleY(-1);filter:FlipV}
.hard_top_border{position:absolute;left:0;top:0;height:3px;width:100%;background-image:linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));background-image:-o-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));background-image:-moz-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));background-image:-webkit-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));background-image:-ms-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8')}
.hard_inner_left_border{position:absolute;z-index:1;left:0;right:auto;top:0;width:10px;height:100%;background-image:linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));background-image:-o-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));background-image:-moz-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));background-image:-webkit-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));background-image:-ms-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66969696',EndColorStr='#00B4B4B4')}
.hard_left_cover_border{position:absolute;z-index:0;left:0;right:auto;top:0;width:4px;height:100%;background-image:linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));background-image:-o-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));background-image:-moz-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));background-image:-webkit-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));background-image:-ms-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8')}
.cover_shadow.flip_x .hard_right_border{position:absolute;left:auto;right:0;top:1px;width:3px;background-image:linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));background-image:-o-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));background-image:-moz-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));background-image:-webkit-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));background-image:-ms-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896')}
.hard_right_border{position:absolute;left:auto;right:0;top:1px;width:3px;background-image:linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-ms-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896')}
.hard_bottom_border{position:absolute;left:12px;top:auto;bottom:0;height:3px;background-image:linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-ms-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896')}
/*flat stitching - stitch*/ .cover_shadow.stitch .hard_left_border{position:absolute;left:0;top:0;width:0.5%;height:100%;background-image:linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));background-image:-o-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));background-image:-moz-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));background-image:-webkit-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));background-image:-ms-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC3C3C28',EndColorStr='#CCDCDCB4')}
/*.hard_stitch_shadow_body{position:absolute;left:2%;top:0;width:2%;height:100%;background-image:linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);background-image:-o-linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);background-image:-moz-linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);background-image:-webkit-linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);background-image:-ms-linear-gradient(left,rgba(220,220,180,0) 0%,rgba(220,220,180,0.4) 50%,rgba(220,220,180,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66DCDCB4',EndColorStr='#00DCDCB4')}
*/ .cover_shadow.stitch .hard_left_body{position:absolute;left:2.5%;top:0;width:1.5%;height:100%;background-image:linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);background-image:-o-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);background-image:-moz-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);background-image:-webkit-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);background-image:-ms-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66DCDCB4',EndColorStr='#00DCDCB4')}
.cover_shadow.stitch.flip_x .hard_left_body{position:absolute;left:2.5%;top:0;width:1.5%;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);background-image:-o-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);background-image:-moz-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);background-image:-webkit-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);background-image:-ms-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66DCDCB4',EndColorStr='#00DCDCB4')}
.cover_shadow.stitch .hard_bottom_border_width{left:0.5%;width:99%}
.cover_shadow.stitch .normal_left_border{position:absolute;left:0;top:0;width:2px;height:100%;background-image:linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-o-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-moz-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-webkit-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));background-image:-ms-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#FFC8C8C8',EndColorStr='#CCC8C8C8')}
.cover_shadow.stitch .normal_left_body{position:absolute;left:3%;top:0;width:3px;height:100%;background-image:linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);background-image:-o-linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);background-image:-moz-linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);background-image:-webkit-linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);background-image:-ms-linear-gradient(left,rgba(200,200,200,0) 0%,rgba(220,220,220,0.5) 50%,rgba(200,200,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4')}
/*side stitching - side*/ .cover_shadow.side .hard_left_border{position:absolute;left:0;top:0;width:1.2%;height:100%;background-image:linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4')}
.cover_shadow.side .hard_left_body{position:absolute;left:2.5%;top:0;width:1.5%;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);background-image:-o-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);background-image:-moz-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);background-image:-webkit-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);background-image:-ms-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#00282815')}
.cover_shadow.side.flip_x .hard_left_body{position:absolute;left:2.5%;top:0;width:1.5%;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);background-image:-o-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);background-image:-moz-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);background-image:-webkit-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);background-image:-ms-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#00282815')}
.cover_shadow.side .hard_bottom_border_width{left:0.4%;width:99.6%}
.cover_shadow.side .normal_left_border{position:absolute;left:0;top:0;width:1.2%;height:100%;background-image:linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC')}
.cover_shadow.side .normal_left_body{display:none}
/*press stitching - press*/ .cover_shadow.press .hard_left_border{position:absolute;left:0;top:0;width:7px;height:100%;background-image:url(img/press_left.png);background-repeat:repeat-y}
.cover_shadow.press .hard_left_body{position:absolute;left:4.5%;top:0;width:16px;height:100%;background-image:url(img/press_right.png);background-repeat:repeat-y}
.cover_shadow.press .hard_bottom_border_width{left:0;width:100%}
.cover_shadow.press .normal_left_border{position:absolute;left:0;top:0;width:2px;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));background-image:-o-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));background-image:-moz-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));background-image:-webkit-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));background-image:-ms-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC282815',EndColorStr='#CCF0F0C8')}
.cover_shadow.press .normal_left_body{position:absolute;left:4%;top:0;width:3px;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));background-image:-o-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));background-image:-moz-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));background-image:-webkit-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));background-image:-ms-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66282815',EndColorStr='#00282815')}
.cover_shadow.press.flip_x .normal_left_body{position:absolute;left:4%;top:0;width:4px;height:100%;background-image:linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66C8C896',EndColorStr='#00F0F0C8')}
/*sewing - sewing*/ .cover_shadow.sewing .hard_left_border{position:absolute;left:0;top:0;width:2px;height:100%;background-image:linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-o-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-moz-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-webkit-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-ms-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0))}
.cover_shadow.sewing .hard_leftbody{display:none}
.cover_shadow.sewing .normal_left_border{position:absolute;left:0;top:0;width:2px;height:100%;background-image:linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-o-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-moz-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-webkit-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-ms-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0))}
.cover_shadow.sewing .normal_left_body{display:none}
/*hardcover - pit*/ .cover_shadow.pit .hard_left_border{position:absolute;left:0;top:0;width:6px;height:100%;background-image:linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));background-image:-o-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));background-image:-moz-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));background-image:-webkit-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));background-image:-ms-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#77F0F0C8')}
.cover_shadow.pit .hard_left_body{position:absolute;left:6px;top:0;width:4%;height:100%;background-image:linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);background-image:-o-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);background-image:-moz-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);background-image:-webkit-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);background-image:-ms-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77F0F0C8',EndColorStr='#00F0F0C8')}
.cover_shadow.pit .hard_bottom_border_width{left:4%;width:96%}
.cover_shadow.pit .normal_left_border{position:absolute;left:0;top:0;width:6px;height:100%;background-image:linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));background-image:-webkit-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));background-image:-o-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));background-image:-moz-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));background-image:-ms-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66F0F0C8',EndColorStr='#33F0F0C8')}
.cover_shadow.pit .normal_left_body{position:absolute;left:5%;top:0;width:6px;height:100%;background-image:linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-o-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-moz-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-webkit-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-ms-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77F0F0C8',EndColorStr='#00F0F0C8')}
.cover_shadow.pit.flip_x .normal_left_body{position:absolute;left:5%;top:0;width:6px;height:100%;background-image:linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-o-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-moz-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-webkit-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);background-image:-ms-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77F0F0C8')}
/*hardcover - pit2*/ .cover_shadow.pit2 .hard_left_border{position:absolute;left:1px;top:0;width:4%;height:100%;background-size:100% auto;background-repeat:repeat-y;background-image:url(img/pit2.png);background-position-x:-2px}
.cover_shadow.pit2 .hard_left_body{}
.cover_shadow.pit2 .hard_bottom_border_width{left:0%;width:100%}
.cover_shadow.pit2 .normal_left_border{position:absolute;left:0;top:0;width:7px;height:100%;background-image:url(img/press_left.png);background-repeat:repeat-y}
.cover_shadow.pit2 .normal_left_body{display:none}
/*saddle stitching -saddle*/ .cover_shadow.saddle .hard_left_border{position:absolute;left:0;top:0;width:2.4%;height:100%;background-image:linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-o-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-moz-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-webkit-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-ms-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC')}
.cover_shadow.saddle .hard_left_body{display:none}
.cover_shadow.saddle .hard_bottom_border_width{left:1.4%;width:98.6%}
/* .cover_shadow.saddle .normal_left_border{position:absolute;left:0;top:0;width:2.4%;height:100%;background-image:linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-o-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-moz-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-webkit-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);background-image:-ms-linear-gradient(left,rgba(240,240,200,0) 0%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0) 100%);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC')}
.cover_shadow.saddle .normal_left_body{display:none}
*/ .cover_shadow.saddle .normal_left_border{position:absolute;left:0;top:0;width:87px;height:100%;background-repeat:repeat-y;background-image:url(img/left-shadow2.png);background-size:100% auto;opacity:0.7}
.cover_shadow.saddle .normal_left_body{position:absolute;z-index:1;left:1px;top:0;width:10px;height:100%}
.cover_shadow.saddle .top_nail{position:absolute;left:0;top:25%;width:2px;height:60px;background:#c8c8c8;box-shadow:0 1px 2px rgba(0,0,0,0.5)}
.cover_shadow.saddle .bottom_nail{position:absolute;left:0;bottom:25%;width:2px;height:60px;background:#c8c8c8;box-shadow:0 1px 2px rgba(0,0,0,0.5)}
/*loose leaf stitching -loose*/ .cover_shadow.loose .hard_left_border{position:absolute;left:0;top:0;width:4px;height:100%;background-image:linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8')}
.cover_shadow.loose .hard_left_body{display:none}
.cover_shadow.loose .hard_bottom_border_width{left:0%;width:100%}
.cover_shadow.loose .normal_left_border{display:none}
.cover_shadow.loose .normal_left_body{display:none}
/*catalog default shadow*/ .cover_shadow.catalog .hard_left_border{position:absolute;left:0;top:0;width:2%;height:100%;background-image:linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4')}
.cover_shadow.catalog .hard_left_body{display:none}
.cover_shadow.catalog .hard_bottom_border_width{left:0.2%;width:99.8%}
.cover_shadow.catalog .normal_left_border{position:absolute;left:0;top:0;width:2%;height:100%;background-image:linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));background-image:-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC')}
.cover_shadow.catalog .normal_left_body{display:none}
/*player3=====================================================================================*/
body{position:fixed}
.video-player{}
.video-play,.volume-button{cursor:pointer}
.video-timer{cursor:default}
/*Start of circle*/ .video-player.circle{position:absolute}
.video-player.circle .bevel{width:0;height:0;display:none}
.video-circle-controls{z-index:50;top:2px;background:rgba(0,0,0,0.2);cursor:hand}
.video-circle-play{width:22px;height:28px;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;background:url(img/video-circle.png) no-repeat -10px -39px;z-index:120;cursor:hand;-moz-transition:all 0.2s ease-in-out;/* Firefox */ -webkit-transition:all 0.2s ease-in-out;/* Safari and Chrome */ -o-transition:all 0.2s ease-in-out;/* Opera */ transition:all 0.2s ease-in-out}
.video-paused-button{background:url(img/video-circle.png) no-repeat -43px -41px}
.video-circle-play:hover{opacity:1}
/* volume button */ .video-circle-volume-button{margin-top:7px;right:50px;position:absolute;display:block;width:15px;height:15px;background:url(img/video-circle.png) no-repeat -6px -6px}
.video-circle-volume-mute{background:url(img/video-circle.png) no-repeat -32px -6px}
/*fullscreen*/ .video-circle-player-fullscreen{margin-top:7px;right:15px;display:block;width:15px;height:15px;position:absolute;background:url(img/video-circle.png) no-repeat -57px -6px}
.video-circle-exit-fullscreen{background:url(img/video-circle.png) no-repeat -79px -6px}
/*video seek*/ /* seek */ .video-circle-seek{position:absolute;width:70px;height:70px;margin:auto;top:0;bottom:0;left:0;right:0;border-radius:50%;background:rgba(0,0,0,0.7);z-index:50}
.video-circle-time{position:absolute;width:55px;height:35px;margin:auto;top:0;bottom:0;left:0;right:0;color:red}
.video-circle-range{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1;margin:auto;top:0;bottom:0;left:0;right:0;border-radius:50%;border:2px solid white;z-index:100;z-index:2}
/*Start of default*/ .video-player.default{position:absolute}
.video-player.default .bevel{width:0;height:0;display:none}
.video-player.default .video-controls{position:absolute;z-index:2;visibility:hidden;opacity:0;width:100%;left:0;bottom:4px;height:30px;background:#222;-moz-transition:all 0.2s ease-in-out;/* Firefox */ -webkit-transition:all 0.2s ease-in-out;/* Safari and Chrome */ -o-transition:all 0.2s ease-in-out;/* Opera */ transition:all 0.2s ease-in-out}
.video-player.default .control-border{position:absolute;width:100%;left:0;top:1px;height:1px;background:#444}
/*.video-player.default video:hover + .video-controls{visibility:visible;opacity:1}
.video-player.default .video-controls:hover{visibility:visible;opacity:1}
*/ .video-player.default .video-play,.video-player.default .volume-box,.video-player.default .volume-button,.video-player.default .video-timer,.video-player.default .player-fullscreen{float:left;margin-top:4px}
.video-player.default .video-play{width:22px;height:22px;margin-left:5px;margin-right:10px;background:url(img/player-play2.png) no-repeat;opacity:0.7;cursor:hand;-moz-transition:all 0.2s ease-in-out;/* Firefox */ -webkit-transition:all 0.2s ease-in-out;/* Safari and Chrome */ -o-transition:all 0.2s ease-in-out;/* Opera */ transition:all 0.2s ease-in-out}
.video-player.default .paused-button{background:url(img/player-pause2.png) no-repeat}
.video-player.default .video-play:hover{opacity:1}
.video-player.default .video-timer{margin-top:8px;margin-right:10px;cursor:default;color:#999;font-family:Arial,Tahoma;font-size:0.7em;font-weight:bold}
/* volume button */ .video-player.default .volume-button{margin-right:10px;display:block;width:22px;height:22px;background:url(img/player-volume-full2.png) no-repeat;cursor:hand;opacity:0.8}
.video-player.default .volume-button:hover{opacity:1}
.video-player.default .volume-mute{background:url(img/player-volume2.png) no-repeat}
/*fullscreen*/ .video-player.default .player-fullscreen{margin-top:6px;display:block;width:22px;height:22px;background:url(img/player-fullscreen.png) no-repeat;cursor:hand;opacity:0.8}
.video-player.default .player-fullscreen:hover{opacity:1}
.video-player.default .player-exit-fullscreen{margin-top:4px;background:url(img/player-exit-fullscre.png) no-repeat}
/*video seek*/ /* seek */ .video-player.default .video-seek{float:left;position:relative;width:80px;height:10px;margin-top:10px;margin-right:10px}
.video-player.default .video-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid #494949;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background:#535353;background-image:-moz-linear-gradient(top,#535353,#333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#535353),color-stop(1,#333));box-shadow:inset 0 -3px 3px #333}
.video-player.default .video-seek .slider-range{position:absolute;top:1px;left:0;height:100%;-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;z-index:2;background:#4cbae8;background-image:-moz-linear-gradient(top,#4cbae8,#39a2ce);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4cbae8),color-stop(1,#39a2ce));box-shadow:inset 0 -3px 3px #39a2ce}
.video-player.default .video-seek .slider-handle{position:absolute;top:0;left:0;width:10px;height:10px;border:1px solid #323232;z-index:3;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#e6e6e6;background-image:-moz-linear-gradient(top,#e6e6e6,#d5d5d5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#d5d5d5));box-shadow:inset 0 -3px 3px #d5d5d5}
.video-player.default .volume-seek{position:absolute;height:60px;width:6px;bottom:30px;visibility:hidden;opacity:0}
.video-player.default .volume-seek:hover{visibility:visible;opacity:1}
.video-player.default .volume-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid #444;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#535353;background-image:-moz-linear-gradient(top,#535353,#333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#535353),color-stop(1,#333));box-shadow:inset 0 3px 3px #333}
.video-player.default .volume-seek .slider-range{position:absolute;bottom:0;left:1px;width:100%;height:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;z-index:2;background:#e6e6e6;background-image:-moz-linear-gradient(top,#e6e6e6,#d5d5d5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#d5d5d5));box-shadow:inset 0 -3px 3px #b9a2ce}
.video-player.default .volume-seek .slider-handle{position:absolute;bottom:0;left:-2px;width:10px;height:10px;border:1px solid #323232;z-index:3;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#e6e6e6;background-image:-moz-linear-gradient(top,#e6e6e6,#d5d5d5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#d5d5d5));box-shadow:inset 0 -3px 3px #b9a2ce}
/*start of round*/ .video-player.round{position:absolute;-webkit-mask:none}
.video-player.round .bevel{display:block;float:left;position:relative;height:80%;top:10%;width:0;margin-right:10px;border-left:1px solid #000;border-right:1px solid #555}
.video-player.round .video-controls{position:absolute;z-index:2;visibility:hidden;opacity:0;width:90%;left:5%;bottom:10px;height:30px;background:#222;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;-moz-transition:all 0.2s ease-in-out;/* Firefox */ -webkit-transition:all 0.2s ease-in-out;/* Safari and Chrome */ -o-transition:all 0.2s ease-in-out;/* Opera */ transition:all 0.2s ease-in-out}
.video-player.round .control-border{display:none}
/*.video-player.round video:hover + .video-controls{visibility:visible;opacity:0.8}
.video-player.round .video-controls:hover{visibility:visible;opacity:0.8}
*/ .video-player.round .video-play,.video-player.round .volume-box,.video-player.round .volume-button,.video-player.round .video-timer,.video-player.round .player-fullscreen{float:left;margin-top:4px}
.video-player.round .video-play{width:22px;height:22px;margin-left:10px;margin-right:10px;background:url(img/player-play.png) no-repeat;opacity:0.7;cursor:hand;-moz-transition:all 0.2s ease-in-out;/* Firefox */ -webkit-transition:all 0.2s ease-in-out;/* Safari and Chrome */ -o-transition:all 0.2s ease-in-out;/* Opera */ transition:all 0.2s ease-in-out}
.video-player.round .paused-button{background:url(img/player-pause.png) no-repeat}
.video-player.round .video-play:hover{opacity:1}
.video-player.round .video-timer{margin-top:8px;margin-right:10px;cursor:default;color:#999;font-family:Arial,Tahoma;font-size:0.7em;font-weight:bold}
/* volume button */ .video-player.round .volume-button{margin-right:10px;display:block;width:22px;height:22px;background:url(img/player-volume-full.png) no-repeat;cursor:hand;opacity:0.8}
.video-player.round .volume-button:hover{opacity:1}
.video-player.round .volume-mute{background:url(img/player-volume.png) no-repeat}
/*fullscreen*/ .video-player.round .player-fullscreen{display:block;margin-right:10px;width:22px;height:22px;cursor:hand;opacity:0.8}
.video-player.round .player-fullscreen:hover{opacity:1}
.video-player.round .player-exit-fullscreen{margin-top:4px}
/*video seek*/ /* seek */ .video-player.round .video-seek{float:left;position:relative;width:80px;height:5px;margin-top:12px;margin-right:15px}
.video-player.round .video-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid #968F89;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background:#535353;background-image:-moz-linear-gradient(top,#C8C8CA,#CECECE);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#CECECE),color-stop(1,#C8C8CA));box-shadow:inset 0 -3px 3px #C8C8CA}
.video-player.round .video-seek .slider-range{position:absolute;top:1px;left:1px;height:100%;-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;z-index:2;background:#F68100;background-image:-moz-linear-gradient(top,#F68100,#EE840E);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#F68100),color-stop(1,#EE840E));box-shadow:inset 0 -3px 3px #EE840E}
.video-player.round .video-seek .slider-handle{position:absolute;top:-5px;left:0;width:20px;height:20px;z-index:3}
.video-player.round .volume-seek{position:absolute;height:60px;width:6px;bottom:25px;visibility:hidden;opacity:0}
.video-player.round .volume-seek:hover{visibility:visible;opacity:1}
.video-player.round .volume-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid #444;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#535353;background-image:-moz-linear-gradient(top,#535353,#333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#535353),color-stop(1,#333));box-shadow:inset 0 3px 3px #333}
.video-player.round .volume-seek .slider-range{position:absolute;bottom:0;left:1px;width:100%;height:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;z-index:2;background:#e6e6e6;background-image:-moz-linear-gradient(top,#e6e6e6,#d5d5d5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#d5d5d5));box-shadow:inset 0 -3px 3px #b9a2ce}
.video-player.round .volume-seek .slider-handle{position:absolute;bottom:0;left:-2px;width:10px;height:10px;border:1px solid #323232;z-index:3;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#e6e6e6;background-image:-moz-linear-gradient(top,#e6e6e6,#d5d5d5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#d5d5d5));box-shadow:inset 0 -3px 3px #b9a2ce}
/*start of classic*/ .video-player.classic{position:absolute}
.video-player.classic .bevel{display:block;float:left;position:relative;height:80%;top:10%;width:0;border-left:1px solid #000;border-right:1px solid #555}
.video-player.classic .video-controls{position:absolute;z-index:2;visibility:hidden;opacity:0;width:100%;left:0;bottom:0;height:40px;background:#222;-moz-transition:all 0.2s ease-in-out;/* Firefox */ -webkit-transition:all 0.2s ease-in-out;/* Safari and Chrome */ -o-transition:all 0.2s ease-in-out;/* Opera */ transition:all 0.2s ease-in-out}
.video-player.classic .control-border{position:absolute;width:100%;left:0;top:1px;height:1px;background:#444}
/*.video-player.classic video:hover + .video-controls{visibility:visible;opacity:1}
.video-player.classic .video-controls:hover{visibility:visible;opacity:1}
*/ .video-player.classic .video-play,.video-player.classic .volume-box,.video-player.classic .volume-button,.video-player.classic .video-timer,.video-player.classic .player-fullscreen{float:left;margin-top:4px}
.video-player.classic .video-play{width:32px;height:32px;margin-left:10px;margin-right:10px;background:url(img/classic-buttons.png) 0 0 no-repeat;opacity:0.7;cursor:hand;-moz-transition:all 0.2s ease-in-out;/* Firefox */ -webkit-transition:all 0.2s ease-in-out;/* Safari and Chrome */ -o-transition:all 0.2s ease-in-out;/* Opera */ transition:all 0.2s ease-in-out}
.video-player.classic .paused-button{background:url(img/classic-buttons.png) -33px 0 no-repeat}
.video-player.classic .video-play:hover{opacity:1}
.video-player.classic .video-timer{margin-top:13px;margin-right:10px;cursor:default;color:#999;font-family:Arial,Tahoma;font-size:0.7em;font-weight:bold}
/* volume button */ .video-player.classic .volume-button{display:block;width:22px;height:22px;background:url(img/classic-buttons.png) -100px 0 no-repeat;cursor:hand;opacity:0.8}
.video-player.classic .volume-button:hover{opacity:1}
.video-player.classic .volume-mute{background:url(img/classic-buttons.png) -100px -32px no-repeat}
/*fullscreen*/ .video-player.classic .player-fullscreen{margin-top:4px;margin-right:10px;display:block;width:22px;height:22px;background:url(img/classic-buttons.png) -193px 0 no-repeat;cursor:hand;opacity:0.8}
.video-player.classic .player-fullscreen:hover{opacity:1}
.video-player.classic .player-exit-fullscreen{margin-top:4px;background:url(img/classic-buttons.png) -225px 0 no-repeat}
/*video seek*/ /* seek */ .video-player.classic .video-seek{float:left;position:relative;width:80px;height:8px;margin-top:15px;margin-right:15px}
.video-player.classic .video-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid #494949;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background:#535353;background-image:-moz-linear-gradient(top,#535353,#333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#535353),color-stop(1,#333));box-shadow:inset 0 -3px 3px #333}
.video-player.classic .video-seek .slider-range{position:absolute;top:1px;left:0;height:100%;-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;z-index:2;background:#90C962;background-image:-moz-linear-gradient(top,#90C962,#7AB750);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#90C962),color-stop(1,#7AB750));box-shadow:inset 0 -3px 3px #7AB750}
.video-player.classic .video-seek .slider-handle{position:absolute;top:-5px;left:0;width:16px;height:20px;background:url(img/classic-buttons.png) -168px -5px no-repeat;z-index:3}
.video-player.classic .volume-seek{position:absolute;height:72px;width:13px;bottom:30px;visibility:hidden;opacity:0;background:url(img/classic-buttons.png) 0 -33px no-repeat}
.video-player.classic .volume-seek:hover{visibility:visible;opacity:1}
.video-player.classic .volume-seek .slider-total{position:absolute;top:5px;left:5px;width:4px;height:62px;z-index:1;background-color:#000}
.video-player.classic .volume-seek .slider-range{position:absolute;bottom:6px;left:6px;width:2px;height:0;background-color:#2292FE;z-index:2}
.video-player.classic .volume-seek .slider-handle{position:absolute;bottom:0;left:1px;width:12px;height:12px;z-index:3;background:url(img/classic-buttons.png) -138px -11px no-repeat}
/*Start of smallblack*/ .video-player.smallblack{position:absolute}
.video-player.smallblack .bevel{width:0;height:0;display:none}
.video-player.smallblack .video-controls{position:absolute;z-index:2;visibility:hidden;opacity:0;width:100%;left:0;bottom:0;height:24px;background:#222;-moz-transition:all 0.2s ease-in-out;/* Firefox */ -webkit-transition:all 0.2s ease-in-out;/* Safari and Chrome */ -o-transition:all 0.2s ease-in-out;/* Opera */ transition:all 0.2s ease-in-out}
.video-player.smallblack .control-border{position:absolute;width:100%;left:0;top:1px;height:1px;background:#444}
/*.video-player.smallblack video:hover + .video-controls{visibility:visible;opacity:1}
.video-player.smallblack .video-controls:hover{visibility:visible;opacity:1}
*/ .video-player.smallblack .video-play,.video-player.smallblack .volume-box,.video-player.smallblack .volume-button,.video-player.smallblack .video-timer,.video-player.smallblack .player-fullscreen{float:left;margin-top:0}
.video-player.smallblack .video-play{width:24px;height:24px;margin-left:5px;margin-right:5px;background:url(img/smallblack-buttons.png) no-repeat;opacity:0.7;cursor:hand}
.video-player.smallblack .paused-button{background:url(img/smallblack-buttons.png) -24px 0 no-repeat}
.video-player.smallblack .video-play:hover{opacity:1}
.video-player.smallblack .video-timer{margin-top:5px;margin-right:10px;cursor:default;color:#AAA;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
/* volume button */ .video-player.smallblack .volume-button{margin-right:0;display:block;width:24px;height:24px;background:url(img/smallblack-buttons.png) -48px 0 no-repeat;cursor:hand;opacity:0.8}
.video-player.smallblack .volume-button:hover{opacity:1}
.video-player.smallblack .volume-mute{background:url(img/smallblack-buttons.png) -72px 0 no-repeat}
/*fullscreen*/ .video-player.smallblack .player-fullscreen{margin-right:10px;display:block;width:24px;height:24px;background:url(img/smallblack-buttons.png) -96px 0 no-repeat;cursor:hand;opacity:0.8}
.video-player.smallblack .player-fullscreen:hover{opacity:1}
.video-player.smallblack .player-exit-fullscreen{background:url(img/smallblack-buttons.png) -120px 0 no-repeat}
/*video seek*/ /* seek */ .video-player.smallblack .video-seek{float:left;position:relative;width:80px;height:5px;margin-top:8px;margin-right:10px}
.video-player.smallblack .video-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid #494949;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#535353;background-image:-moz-linear-gradient(top,#535353,#333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#535353),color-stop(1,#333));box-shadow:inset 0 -3px 3px #333}
.video-player.smallblack .video-seek .slider-range{position:absolute;top:1px;left:0;height:100%;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;z-index:2;background:#ECECEC;background-image:-moz-linear-gradient(top,#ECECEC,#ddd);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ECECEC),color-stop(1,#ddd));box-shadow:inset 0 -3px 3px #ddd}
.video-player.smallblack .video-seek .slider-handle{position:absolute;top:0;left:0;width:6px;height:6px;border:1px solid #323232;z-index:3;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#323232;background-image:-moz-linear-gradient(top,#323232,#222);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#222));box-shadow:inset 0 -3px 3px #222}
.video-player.smallblack .volume-seek{position:absolute;height:70px;width:12px;bottom:20px;visibility:hidden;opacity:0;border:1px solid #000;background:#222}
.video-player.smallblack .volume-seek:hover{visibility:visible;opacity:1}
.video-player.smallblack .volume-seek .slider-total{position:absolute;top:3px;left:4px;width:2px;height:62px;z-index:1;border:1px solid #444;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#535353;background-image:-moz-linear-gradient(top,#535353,#333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#535353),color-stop(1,#333));box-shadow:inset 0 3px 3px #333}
.video-player.smallblack .volume-seek .slider-range{position:absolute;bottom:4px;left:5px;width:2px;height:60px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;z-index:2;background:#e6e6e6;background-image:-moz-linear-gradient(top,#e6e6e6,#d5d5d5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#d5d5d5));box-shadow:inset 0 -3px 3px #b9a2ce}
.video-player.smallblack .volume-seek .slider-handle{position:absolute;bottom:0;left:1px;width:8px;height:8px;border:1px solid #323232;z-index:3;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background:#e6e6e6;background-image:-moz-linear-gradient(top,#e6e6e6,#d5d5d5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#d5d5d5));box-shadow:inset 0 -3px 3px #b9a2ce}
.audio-file,.audio-timer{cursor:default}
.video-center-button{position:absolute;z-index:50;width:56px;height:56px;margin:auto;left:0;top:0;right:0;bottom:0;cursor:pointer;opacity:0.8;background:url(img/play.png) center center no-repeat;background-size:contain;border:0 solid #FFD666}
.video-center-button:hover{opacity:1}
.audio-player{}
/* start of skin1 */ .audio-player.skin1{position:relative;background:#7b796f}
.audio-player.skin1 .back_button{display:none}
.audio-player.skin1 .audio-play{position:absolute;cursor:pointer;background:url(img/audio-skin.png) no-repeat -15px -16px;width:10px;height:10px;left:11px;top:0;bottom:0;z-index:20;margin:auto}
.audio-player.skin1 .paused-button{position:absolute;cursor:pointer;background:url(img/audio-skin.png) no-repeat -31px -17px;width:10px;height:10px;left:11px;top:0;bottom:0;margin:auto;z-index:20}
.audio-player.skin1 .forward_button{display:none}
.audio-player.skin1 .volume-button{display:none}
.audio-player.skin1 .volume-mute{display:none}
.audio-player.skin1 .audio-timer{display:none}
.audio-player.skin1 .audio-file{display:none}
/* seek */ .audio-player.skin1 .audio-seek{position:absolute;width:120px;height:10px;left:35px;bottom:0;top:0;margin:auto}
.audio-player.skin1 .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-image:-webkit-linear-gradient(top,#616159,#B7B4A5);border-radius:4px}
.audio-player.skin1 .audio-seek .slider-range{position:absolute;top:0;left:0;height:100%;z-index:2;box-shadow:inset 0 -3px 3px #ACACAC}
.audio-player.skin1 .audio-seek .slider-handle{position:absolute;width:11px;height:11px;z-index:100;background:url(img/audio-skin.png) no-repeat -46px -17px}
.audio-player.skin1 .volume-seek{position:absolute;width:79px;height:90%;top:0;bottom:0;margin:auto;right:8px}
.audio-player.skin1 .volume-seek .slider-total{position:absolute;left:0;top:0;width:100%;height:90%;z-index:1;background:url(img/audio-skin.png) no-repeat -150px -7px}
.audio-player.skin1 .volume-seek .slider-range{position:absolute;left:0;width:100%;top:0;height:90%;z-index:2;background:url(img/audio-skin.png) no-repeat -68px -7px}
.audio-player.skin1 .volume-seek .slider-handle{display:none}
/* start of skin2 */ .audio-player.skin2{position:relative;background:#7b796f}
.audio-player.skin2 .back_button{display:none}
.audio-player.skin2 .audio-play{position:absolute;cursor:pointer;background:url(img/audio-skin.png) no-repeat -15px -62px;width:10px;height:17px;left:11px;top:0;bottom:0;z-index:20;margin:auto}
.audio-player.skin2 .paused-button{position:absolute;cursor:pointer;background:url(img/audio-skin.png) no-repeat -33px -65px;width:15px;height:10px;left:11px;top:0;bottom:0;margin:auto;z-index:20}
.audio-player.skin2 .forward_button{display:none}
.audio-player.skin2 .volume-button{display:none}
.audio-player.skin2 .volume-mute{display:none}
.audio-player.skin2 .audio-timer{display:none}
.audio-player.skin2 .audio-file{display:none}
/* seek */ .audio-player.skin2 .audio-seek{position:absolute;width:120px;height:10px;left:35px;bottom:0;top:0;margin:auto}
.audio-player.skin2 .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:10px;background-image:-webkit-linear-gradient(top,#616159,#B7B4A5)}
.audio-player.skin2 .audio-seek .slider-range{position:absolute;top:0;left:0;width:100%;height:10px;z-index:2;background-image:-webkit-linear-gradient(top,#fff,#b8fb7d)}
.audio-player.skin2 .audio-seek .slider-handle{display:none}
.audio-player.skin2 .volume-seek{position:absolute;width:31px;height:26px;top:0;bottom:0;margin:auto;right:8px}
.audio-player.skin2 .volume-seek .slider-total{position:absolute;left:0;top:0;width:31px;height:26px;z-index:1;background:url(img/audio-skin.png) no-repeat -95px -58px}
.audio-player.skin2 .volume-seek .slider-range{position:absolute;left:0;width:31px;top:0;height:26px;z-index:2;background:url(img/audio-skin.png) no-repeat -60px -58px}
.audio-player.skin2 .volume-seek .slider-handle{display:none}
/*Start of default*/ .audio-player.default{position:relative;background:#DEDDD8;background-image:-moz-linear-gradient(top,#DEDDD8,#A19F95);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#DEDDD8),color-stop(1,#A19F95));box-shadow:3px 3px 5px #b9a2ce;min-height:55px}
.audio-player.default .back_button{display:none}
.audio-player.default .audio-play{position:absolute;cursor:pointer;width:36px;height:21px;left:11px;bottom:11px;background:url(img/audio-default.png) -34px -29px no-repeat}
.audio-player.default .paused-button{background:url(img/audio-default.png) -80px -29px no-repeat}
.audio-player.default .forward_button{display:none}
.audio-player.default .volume-button{position:absolute;width:20px;height:15px;right:100px;bottom:11px;background:url(img/audio-default.png) -133px -34px no-repeat}
.audio-player.default .volume-mute{background:url(img/audio-default.png) -158px -34px no-repeat}
.audio-player.default .audio-timer{display:none}
.audio-player.default .audio-file{display:none}
/* seek */ .audio-player.default .audio-seek{position:absolute;width:80px;height:10px;left:11px;bottom:40px}
.audio-player.default .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#6D9CB7}
.audio-player.default .audio-seek .slider-range{position:absolute;top:0;left:0;height:100%;z-index:2;background:#C9C9C8;background-image:-moz-linear-gradient(top,#E6E6E4,#ACACAC);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#E6E6E4),color-stop(1,#ACACAC));box-shadow:inset 0 -3px 3px #ACACAC}
.audio-player.default .audio-seek .slider-handle{position:absolute;left:0;top:0;width:15px;height:10px;z-index:3;background:#A69F9A;background-image:-moz-linear-gradient(top,#DED2D2,#6F6B63);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#DED2D2),color-stop(1,#6F6B63));box-shadow:inset 0 -3px 3px #6F6B63}
.audio-player.default .volume-seek{position:absolute;width:80px;height:10px;right:11px;bottom:15px}
.audio-player.default .volume-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-top:1px solid #AAA9A0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#999}
.audio-player.default .volume-seek .slider-range{position:absolute;top:0;left:0;height:100%;-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 5px;z-index:2;border:1px solid #A3A2A2;background:#CECECC;background-image:-moz-linear-gradient(top,#E1E1DF,#B1B1B0);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#E1E1DF),color-stop(1,#B1B1B0));box-shadow:inset 0 -3px 3px #B1B1B0}
.audio-player.default .volume-seek .slider-handle{position:absolute;top:0;left:0;width:6px;height:12px;z-index:3;background:#AAA29E;background-image:-moz-linear-gradient(top,#DED2D2,#76726A);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#DED2D2),color-stop(1,#76726A))}
/*Start of decent*/ .audio-player.decent{width:308px;height:114px;background:url(img/audio-decent.png) 0 0 no-repeat}
.audio-player.decent .back_button{position:absolute;cursor:pointer;width:42px;height:42px;left:115px;top:30px;background:url(img/audio-decent.png) 0 -133px no-repeat}
.audio-player.decent .audio-play{position:absolute;cursor:pointer;width:54px;height:54px;left:160px;top:20px;background:url(img/audio-decent.png) -48px -133px no-repeat}
.audio-player.decent .paused-button{background:url(img/audio-decent.png) -105px -133px no-repeat}
.audio-player.decent .forward_button{position:absolute;cursor:pointer;width:42px;height:42px;left:220px;top:30px;background:url(img/audio-decent.png) -168px -134px no-repeat}
.audio-player.decent .volume-button{position:absolute;width:21px;height:18px;left:276px;top:84px;background:url(img/audio-decent.png) -222px -134px no-repeat}
.audio-player.decent .volume-mute{background:url(img/audio-decent.png) -222px -158px no-repeat}
.audio-player.decent .audio-timer{display:none}
.audio-player.decent .audio-file{display:none}
/* seek */ .audio-player.decent .audio-seek{position:absolute;width:160px;height:10px;left:107px;top:88px}
.audio-player.decent .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-top:1px solid #919191;border-bottom:1px solid #F1F1F1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#C3C3C3;box-shadow:inset 0 -3px 3px #C3C3C3}
.audio-player.decent .audio-seek .slider-range{position:absolute;top:0;left:0;height:100%;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;z-index:2;border:1px solid #A3A2A2;background:#C3F4FC;background-image:-moz-linear-gradient(top,#C3F4FC,#A8D3E7);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#C3F4FC),color-stop(1,#A8D3E7));box-shadow:inset 0 -3px 3px #A8D3E7}
.audio-player.decent .audio-seek .slider-handle{position:absolute;left:0;top:-3px;width:18px;height:18px;z-index:3;background:url(img/audio-decent.png) -337px -83px no-repeat}
.audio-player.decent .volume-seek{position:absolute;left:280px;top:15px;height:60px;width:6px;bottom:30px}
.audio-player.decent .volume-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid #979797;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#535353;background-image:-moz-linear-gradient(top,#535353,#333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#535353),color-stop(1,#333));box-shadow:inset 0 3px 3px #333}
.audio-player.decent .volume-seek .slider-range{position:absolute;bottom:0;left:1px;width:100%;height:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;z-index:2;background:#FFF6D5;background-image:-moz-linear-gradient(top,#FFF6D5,#D7F695);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF6D5),color-stop(1,#D7F695));box-shadow:inset 0 -3px 3px #FFF6D5}
.audio-player.decent .volume-seek .slider-handle{position:absolute;bottom:0;left:-4px;width:18px;height:18px;z-index:3;background:url(img/audio-decent.png) -337px -83px no-repeat}
/*Start of advanced*/ .audio-player.advanced{width:398px;height:195px;background:url(img/audio-advanced.png) -17px -6px no-repeat}
.audio-player.advanced .back_button{position:absolute;cursor:pointer;width:11px;height:10px;left:15px;top:165px;background:url(img/audio-advanced.png) -33px -212px no-repeat}
.audio-player.advanced .audio-play{position:absolute;cursor:pointer;width:7px;height:10px;left:50px;top:165px;background:url(img/audio-advanced.png) -70px -211px no-repeat}
.audio-player.advanced .paused-button{background:url(img/audio-advanced.png) -98px -212px no-repeat}
.audio-player.advanced .forward_button{position:absolute;cursor:pointer;width:11px;height:10px;left:78px;top:165px;background:url(img/audio-advanced.png) -128px -211px no-repeat}
.audio-player.advanced .volume-button{display:none}
.audio-player.advanced .volume-mute{display:none}
.audio-player.advanced .audio-timer{position:absolute;right:10px;top:40px;color:#999;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
.audio-player.advanced .audio-file{position:absolute;right:10px;top:65px;color:#999;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
/* seek */ .audio-player.advanced .audio-seek{position:absolute;width:250px;height:2px;left:10px;top:110px}
.audio-player.advanced .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#5888A5}
.audio-player.advanced .audio-seek .slider-range{position:absolute;top:-1px;left:0;height:100%;z-index:2;border:1px solid #5888A5;background:#6CACD5}
.audio-player.advanced .audio-seek .slider-handle{display:none}
.audio-player.advanced .volume-seek{display:none}
.audio-player.advanced .volume-seek .slider-total{display:none}
.audio-player.advanced .volume-seek .slider-range{display:none}
.audio-player.advanced .volume-seek .slider-handle{display:none}
/*list*/ .audio-player.advanced .list-button{position:absolute;cursor:pointer;width:12px;height:10px;left:235px;top:165px;background:url(img/audio-advanced.png) -153px -210px no-repeat}
.audio-player.advanced .list-panel-bk{position:absolute;background-color:#333;width:378px;height:120px;left:0;top:196px;border-radius:10px;padding:10px;display:none}
.audio-player.advanced .list-panel{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}
.audio-player.advanced .list-item{position:relative;float:bottom;white-space:nowrap;cursor:pointer;width:350px;height:28px;line-height:28px;text-align:left;vertical-align:middle;font-family:"Tahoma","sans-serif","Arial";font-size:12px;color:#eee}
.audio-player.advanced .list-item.selected{color:red}
.audio-player.advanced .list-item:hover{color:red}
/*Start of wave*/ .audio-player.wave{background:#000}
.audio-player.wave .back_button{position:absolute;cursor:pointer;width:12px;height:11px;right:20px;bottom:5px;background:url(img/audio-default.png) -245px -34px no-repeat}
.audio-player.wave .audio-play{position:absolute;cursor:pointer;width:7px;height:11px;left:12px;bottom:4px;background:url(img/audio-default.png) -211px -34px no-repeat}
.audio-player.wave .paused-button{width:9px;background:url(img/audio-default.png) -226px -35px no-repeat}
.audio-player.wave .forward_button{position:absolute;cursor:pointer;width:12px;height:11px;right:2px;bottom:5px;background:url(img/audio-default.png) -269px -34px no-repeat}
.audio-player.wave .volume-button{position:absolute;cursor:pointer;width:12px;height:12px;right:40px;bottom:4px;background:url(img/audio-default.png) -289px -33px no-repeat}
.audio-player.wave .volume-mute{background:url(img/audio-default.png) -308px -33px no-repeat}
.audio-player.wave .audio-timer{position:absolute;left:10px;top:5px;color:#2C8DB5;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
.audio-player.wave .audio-file{position:absolute;right:10px;top:5px;color:#2C8DB5;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
/* seek */ .audio-player.wave .audio-seek{position:absolute;width:150px;height:2px;left:32px;bottom:9px}
.audio-player.wave .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#5888A5}
.audio-player.wave .audio-seek .slider-range{position:absolute;top:-1px;left:0;height:100%;z-index:2;border:1px solid #5888A5;background:#6CACD5}
.audio-player.wave .audio-seek .slider-handle{display:none}
.audio-player.wave .volume-seek{position:absolute;width:30px;height:2px;right:55px;bottom:9px}
.audio-player.wave .volume-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#5888A5}
.audio-player.wave .volume-seek .slider-range{position:absolute;top:-1px;left:0;height:100%;z-index:2;border:1px solid #5888A5;background:#6CACD5}
.audio-player.wave .volume-seek .slider-handle{display:none}
/*list*/ .audio-player.wave .list-button{display:none}
.audio-player.wave .list-panel-bk{position:absolute;width:33%;background-color:#000;height:80%;right:0;top:22px;overflow:hidden}
.audio-player.wave .list-panel{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}
.audio-player.wave .list-item{position:relative;float:bottom;white-space:nowrap;cursor:pointer;width:100%;height:22px;line-height:22px;text-align:left;vertical-align:middle;font-family:"Tahoma","sans-serif","Arial";font-size:12px;color:#5888A5}
.audio-player.wave .list-item.selected{color:#80B0C6}
.audio-player.wave .list-item:hover{color:#80B0C6}
/*Start of glass*/ .audio-player.glass{width:405px;height:140px;background:url(img/audio-glass.png) -11px -13px no-repeat}
.audio-player.glass .back_button{position:absolute;cursor:pointer;width:11px;height:12px;left:14px;top:62px;background:url(img/audio-glass.png) -251px -316px no-repeat}
.audio-player.glass .audio-play{position:absolute;cursor:pointer;width:50px;height:50px;left:44px;top:44px;background:url(img/audio-glass.png) -42px -294px no-repeat}
.audio-player.glass .paused-button{background:url(img/audio-glass.png) -104px -294px no-repeat}
.audio-player.glass .forward_button{position:absolute;cursor:pointer;width:11px;height:12px;left:110px;top:62px;background:url(img/audio-glass.png) -279px -316px no-repeat}
.audio-player.glass .volume-up-button{position:absolute;cursor:pointer;width:11px;height:12px;left:62px;top:16px;background:url(img/audio-glass.png) -190px -316px no-repeat}
.audio-player.glass .volume-down-button{position:absolute;cursor:pointer;width:11px;height:12px;left:62px;top:110px;background:url(img/audio-glass.png) -220px -316px no-repeat}
.audio-player.glass .volume-button{display:none}
.audio-player.glass .volume-mute{display:none}
.audio-player.glass .audio-timer{position:absolute;left:275px;bottom:20px;color:#ccc;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
.audio-player.glass .audio-file{position:absolute;left:150px;top:20px;color:#ccc;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
/* seek */ .audio-player.glass .audio-seek{position:absolute;width:207px;height:6px;left:146px;top:95px}
.audio-player.glass .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:url(img/audio-glass.png) -44px -369px no-repeat}
.audio-player.glass .audio-seek .slider-range{position:absolute;top:0;left:0;height:100%;z-index:2;background:url(img/audio-glass.png) -44px -381px no-repeat}
.audio-player.glass .audio-seek .slider-handle{display:none}
.audio-player.glass .volume-seek{display:none}
.audio-player.glass .volume-seek .slider-total{display:none}
.audio-player.glass .volume-seek .slider-range{display:none}
.audio-player.glass .volume-seek .slider-handle{display:none}
/*list*/ .audio-player.glass .list-button{position:absolute;cursor:pointer;width:14px;height:12px;left:146px;top:108px;background:url(img/audio-glass.png) -311px -317px no-repeat}
.audio-player.glass .list-panel-bk{position:absolute;width:310px;height:69px;background:url(img/audio-glass.png) -16px -152px no-repeat;left:10px;top:116px;padding:26px;overflow:hidden;display:none}
.audio-player.glass .list-panel{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}
.audio-player.glass .list-item{position:relative;float:bottom;white-space:nowrap;cursor:pointer;width:310px;height:25px;line-height:25px;text-align:left;margin-left:2px;vertical-align:middle;font-family:"Tahoma","sans-serif","Arial";font-size:12px;background-color:transparent;color:#999}
.audio-player.glass .list-item.selected{background-color:rgba(0,200,0,0.1);color:#00CC00}
.audio-player.glass .list-item.selected:hover{background-color:rgba(0,200,0,0.1);color:#00CC00}
.audio-player.glass .list-item:hover{background-color:transparent;color:#ddd}
/*Start of simple*/ .audio-player.simple{width:203px;height:90px;background:url(img/audio-simple.png) -20px -21px no-repeat}
.audio-player.simple .back_button{position:absolute;cursor:pointer;width:25px;height:25px;left:21px;top:24px;background:url(img/audio-simple.png) -21px -131px no-repeat}
.audio-player.simple .audio-play{position:absolute;cursor:pointer;width:40px;height:40px;left:52px;top:13px;background:url(img/audio-simple.png) -57px -123px no-repeat}
.audio-player.simple .paused-button{background:url(img/audio-simple.png) -103px -124px no-repeat}
.audio-player.simple .forward_button{position:absolute;cursor:pointer;width:25px;height:25px;left:97px;top:24px;background:url(img/audio-simple.png) -156px -131px no-repeat}
.audio-player.simple .volume-button{position:absolute;width:26px;height:24px;left:156px;top:21px;background:url(img/audio-simple.png) -196px -131px no-repeat}
.audio-player.simple .volume-mute{background:url(img/audio-simple.png) -242px -131px no-repeat}
.audio-player.simple .audio-timer{display:none}
.audio-player.simple .audio-file{display:none}
/* seek */ .audio-player.simple .audio-seek{position:absolute;width:160px;height:10px;left:20px;top:63px}
.audio-player.simple .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid #040404;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#14161D}
.audio-player.simple .audio-seek .slider-range{position:absolute;top:0;left:0;height:100%;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;z-index:2;border:1px solid #040404;background:#41546B;background-image:-moz-linear-gradient(left,#A05CA6,#2F7A61);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#A05CA6),color-stop(1,#2F7A61));box-shadow:inset 0 -3px 3px #2F7A61}
.audio-player.simple .audio-seek .slider-handle{position:absolute;left:0;top:0;width:12px;height:12px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;z-index:3;background:#ccc;background-image:-moz-linear-gradient(left,#FCFCFC,#ccc);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#FCFCFC),color-stop(1,#ccc))}
.audio-player.simple .volume-seek{display:none}
.audio-player.simple .volume-seek .slider-total{display:none}
.audio-player.simple .volume-seek .slider-range{display:none}
.audio-player.simple .volume-seek .slider-handle{display:none}
/*Start of enjoy*/ .audio-player.enjoy{width:350px;height:63px;background:url(img/audio-enjoy.png) -19px -10px no-repeat}
.audio-player.enjoy .back_button{display:none}
.audio-player.enjoy .audio-play{position:absolute;cursor:pointer;width:48px;height:48px;left:8px;top:5px;background:url(img/audio-enjoy.png) -32px -93px no-repeat}
.audio-player.enjoy .paused-button{background:url(img/audio-enjoy.png) -84px -93px no-repeat}
.audio-player.enjoy .forward_button{display:none}
.audio-player.enjoy .volume-button{position:absolute;width:48px;height:48px;left:295px;top:5px;background:url(img/audio-enjoy.png) -137px -93px no-repeat}
.audio-player.enjoy .volume-mute{background:url(img/audio-enjoy.png) -192px -94px no-repeat}
.audio-player.enjoy .audio-timer{display:none}
.audio-player.enjoy .audio-file{display:none}
/* seek */ .audio-player.enjoy .audio-seek{position:absolute;width:223px;height:36px;left:63px;top:12px}
.audio-player.enjoy .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:url(img/audio-enjoy.png) -35px -171px no-repeat}
.audio-player.enjoy .audio-seek .slider-range{position:absolute;top:0;left:0;height:100%;z-index:2;background:url(img/audio-enjoy.png) -33px -217px no-repeat}
.audio-player.enjoy .audio-seek .slider-handle{position:absolute;left:0;top:-3px;width:45px;height:52px;z-index:3;background:url(img/audio-enjoy.png) -248px -96px no-repeat}
.audio-player.enjoy .volume-seek{display:none}
.audio-player.enjoy .volume-seek .slider-total{display:none}
.audio-player.enjoy .volume-seek .slider-range{display:none}
.audio-player.enjoy .volume-seek .slider-handle{display:none}
/*Start of background*/ .audio-player.background{width:100px;height:100px}
.audio-player.background .back_button{display:none}
.audio-player.background .audio-play{position:absolute;cursor:pointer;width:100px;height:100px;background:url(img/audio-background.png) 0 -101px no-repeat;display:none}
.audio-player.background .paused-button{background:url(img/audio-background.png) 0 0 no-repeat;display:none}
.audio-player.background .forward_button{display:none}
.audio-player.background .volume-button{display:none}
.audio-player.background .volume-mute{display:none}
.audio-player.background .audio-timer{display:none}
.audio-player.background .audio-file{display:none}
/* seek */ .audio-player.background .audio-seek{display:none}
.audio-player.background .audio-seek .slider-total{display:none}
.audio-player.background .audio-seek .slider-range{display:none}
.audio-player.background .audio-seek .slider-handle{display:none}
.audio-player.background .volume-seek{display:none}
.audio-player.background .volume-seek .slider-total{display:none}
.audio-player.background .volume-seek .slider-range{display:none}
.audio-player.background .volume-seek .slider-handle{display:none}
/*Start of tree*/ .audio-player.tree{width:322px;height:125px;background:url(img/audio-tree.png) -2px -11px no-repeat}
.audio-player.tree .back_button{position:absolute;cursor:pointer;width:42px;height:42px;left:78px;top:75px;background:url(img/audio-tree.png) -12px -159px no-repeat}
.audio-player.tree .audio-play{position:absolute;cursor:pointer;width:49px;height:49px;left:137px;top:73px;background:url(img/audio-tree.png) -62px -154px no-repeat}
.audio-player.tree .paused-button{background:url(img/audio-tree.png) -172px -156px no-repeat}
.audio-player.tree .forward_button{position:absolute;cursor:pointer;width:42px;height:42px;left:200px;top:75px;background:url(img/audio-tree.png) -122px -159px no-repeat}
.audio-player.tree .volume-button{display:none}
.audio-player.tree .volume-mute{display:none}
.audio-player.tree .audio-timer{position:absolute;left:245px;top:43px;color:#666;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
.audio-player.tree .audio-file{position:absolute;left:75px;top:13px;color:#666;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
/* seek */ .audio-player.tree .audio-seek{position:absolute;width:160px;height:7px;left:72px;top:48px}
.audio-player.tree .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:url(img/audio-tree.png) -13px -220px no-repeat}
.audio-player.tree .audio-seek .slider-range{position:absolute;top:0;left:0;height:100%;z-index:2;background:url(img/audio-tree.png) -13px -240px no-repeat}
.audio-player.tree .audio-seek .slider-handle{position:absolute;left:0;top:-4px;width:14px;height:14px;z-index:3;background:url(img/audio-tree.png) -193px -225px no-repeat}
.audio-player.tree .volume-seek{display:none}
.audio-player.tree .volume-seek .slider-total{display:none}
.audio-player.tree .volume-seek .slider-range{display:none}
.audio-player.tree .volume-seek .slider-handle{display:none}
/*Start of christmas*/ .audio-player.christmas{width:374px;height:95px;background:url(img/audio-christmas.png) -26px -15px no-repeat}
.audio-player.christmas .back_button{position:absolute;cursor:pointer;width:11px;height:12px;left:16px;top:68px;background:url(img/audio-christmas.png) -40px -133px no-repeat}
.audio-player.christmas .audio-play{position:absolute;cursor:pointer;width:6px;height:12px;left:57px;top:68px;background:url(img/audio-christmas.png) -79px -133px no-repeat}
.audio-player.christmas .paused-button{width:8px;background:url(img/audio-christmas.png) -106px -133px no-repeat}
.audio-player.christmas .forward_button{position:absolute;cursor:pointer;width:11px;height:12px;left:93px;top:68px;background:url(img/audio-christmas.png) -133px -133px no-repeat}
.audio-player.christmas .volume-button{position:absolute;cursor:pointer;width:13px;height:13px;left:347px;top:68px;background:url(img/audio-christmas.png) -169px -133px no-repeat}
.audio-player.christmas .volume-mute{background:url(img/audio-christmas.png) -200px -133px no-repeat}
.audio-player.christmas .audio-timer{position:absolute;left:10px;top:30px;color:#333;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
.audio-player.christmas .audio-file{position:absolute;left:10px;top:10px;color:#333;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
/* seek */ .audio-player.christmas .audio-seek{position:absolute;width:180px;height:10px;left:126px;top:68px}
.audio-player.christmas .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-top:1px solid #252525;border-bottom:1px solid #939393;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#1F1F1F}
.audio-player.christmas .audio-seek .slider-range{position:absolute;top:1px;left:0;height:100%;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;z-index:2;border-bottom:1px solid #225D94;background:#4388D1;background-image:-moz-linear-gradient(top,#5C99E2,#A8D3E7);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5C99E2),color-stop(1,#2A76BF));box-shadow:inset 0 -3px 3px #2A76BF}
.audio-player.christmas .audio-seek .slider-handle{position:absolute;left:0;top:0;width:14px;height:15px;z-index:3;background:url(img/audio-christmas.png) -232px -133px no-repeat}
.audio-player.christmas .volume-seek{display:none}
.audio-player.christmas .volume-seek .slider-total{display:none}
.audio-player.christmas .volume-seek .slider-range{display:none}
.audio-player.christmas .volume-seek .slider-handle{display:none}
/*Start of turnonoff*/ .audio-player.turnonoff{width:100px;height:26px;background:#333;border-radius:3px}
.audio-player.turnonoff .back_button{display:none}
.audio-player.turnonoff .audio-play{position:absolute;cursor:pointer;width:22px;height:22px;left:0;top:2px;background:url(img/player-volume2.png) no-repeat}
.audio-player.turnonoff .paused-button{background:url(img/player-volume-full2.png) no-repeat}
.audio-player.turnonoff .volume-status{position:absolute;cursor:pointer;width:78px;height:26px;line-height:26px;left:22px;top:0;color:#ccc;text-align:center;vertical-align:middle;font-family:"Tahoma","sans-serif","Arial";font-size:14px}
.audio-player.turnonoff .volume-status:hover{color:#fff}
.audio-player.turnonoff .forward_button{display:none}
.audio-player.turnonoff .volume-button{display:none}
.audio-player.turnonoff .volume-mute{display:none}
.audio-player.turnonoff .audio-timer{display:none}
.audio-player.turnonoff .audio-file{display:none}
/* seek */ .audio-player.turnonoff .audio-seek{display:none}
.audio-player.turnonoff .audio-seek .slider-total{display:none}
.audio-player.turnonoff .audio-seek .slider-range{display:none}
.audio-player.turnonoff .audio-seek .slider-handle{display:none}
.audio-player.turnonoff .volume-seek{display:none}
.audio-player.turnonoff .volume-seek .slider-total{display:none}
.audio-player.turnonoff .volume-seek .slider-range{display:none}
.audio-player.turnonoff .volume-seek .slider-handle{display:none}
/*Start of fade*/ .audio-player.fade{width:345px;height:65px;background:url(img/audio-fade.png) -19px -2px no-repeat}
.audio-player.fade .back_button{position:absolute;cursor:pointer;width:28px;height:28px;left:16px;top:17px;background:url(img/audio-fade.png) -30px -91px no-repeat}
.audio-player.fade .audio-play{position:absolute;cursor:pointer;width:31px;height:31px;left:44px;top:15px;background:url(img/audio-fade.png) -64px -89px no-repeat}
.audio-player.fade .paused-button{background:url(img/audio-fade.png) -100px -89px no-repeat}
.audio-player.fade .forward_button{position:absolute;cursor:pointer;width:28px;height:28px;left:75px;top:17px;background:url(img/audio-fade.png) -138px -91px no-repeat}
.audio-player.fade .volume-button{display:none}
.audio-player.fade .volume-mute{}
.audio-player.fade .audio-timer{position:absolute;right:18px;top:22px;color:#999;font-family:Arial,Tahoma;font-size:0.6em;font-weight:bold}
.audio-player.fade .audio-file{display:none}
/* seek */ .audio-player.fade .audio-seek{position:absolute;width:150px;height:10px;left:108px;top:25px}
.audio-player.fade .audio-seek .slider-total{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:url(img/audio-fade.png) -31px -139px no-repeat}
.audio-player.fade .audio-seek .slider-range{position:absolute;top:0;left:0;height:100%;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;z-index:2;background:url(img/audio-fade.png) -193px -138px no-repeat}
.audio-player.fade .audio-seek .slider-handle{position:absolute;left:0;top:-2px;width:15px;height:15px;z-index:3;background:url(img/audio-fade.png) -176px -98px no-repeat}
.audio-player.fade .volume-seek{display:none}
.audio-player.fade .volume-seek .slider-total{display:none}
.audio-player.fade .volume-seek .slider-range{display:none}
.audio-player.fade .volume-seek .slider-handle{display:none}
.volume-bar{vertical-align:middle;position:absolute;z-index:999}
.volume-reduce{cursor:pointer;position:absolute}
.volume-add{cursor:pointer;position:absolute}
.volume-pgress{position:absolute;border:0 none}
.volume-pgress span{cursor:pointer;display:block;position:absolute;width:12px;height:12px;background:#FFF;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}