@import url(https://fonts.googleapis.com/css?family=Exo+2);
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,900); 
.background-widget img{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:right top;background-attachment:fixed}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.back-image{transition:2s linear all;opacity:1}.back-image.ng-hide{opacity:0}
#booklet-wrapper{color:#000;position:relative}#booklet-wrapper .opacity-mask{background-color:#c7d8ea;position:absolute;width:100%;height:100%;opacity:.7}#booklet-wrapper .wrapper{position:relative;height:100%}.booklet-toolbar{float:right}.booklet-toolbar .button{width:24px;height:24px;padding:4px 8px}.booklet-toolbar .button:hover{background-color:orange;cursor:pointer}ul.booklet-paging li,ul.booklet-paging li.active{background-color:#83b1bc}.booklet-page{float:right;padding:10px}.booklet-paragraph{float:right;width:100%;margin:0 0 10px;text-align:justify}ul.booklet-paging{position:absolute;font-size:80%;bottom:10px;right:10px;list-style:none;margin:0}ul.booklet-paging li{display:inline-block;width:12px;height:14px;padding:4px 8px 6px 10px;margin-left:4px}ul.booklet-paging li.inactive{opacity:.3}ul.booklet-paging li.active:hover{opacity:.3;cursor:pointer}
#chapter-nav-wrapper .title{font-size:280%;font-weight:700;color:orange;margin-right:10px;float:left}#chapter-nav-wrapper .description{font-size:180%;color:#000;text-transform:uppercase;float:left;width:100%;margin-top:-8px}#chapter-nav-wrapper .nav-button{font-size:180%;font-weight:700;color:orange;float:left;padding:10px 0}#chapter-nav-wrapper .nav-button:hover{cursor:pointer}
#header-wrapper{color:#efefef;font-size:80%;position:absolute;z-index:3;width:100%;height:48px}#header-wrapper .tools{background-color:#1e2f39;float:left;width:100%;height:28px}#header-wrapper .tools .info{float:right;margin:4px 10px 4px}.info div{float:right;margin-left:10px;padding:1px}#header-wrapper .tools .audio-controls{float:right;margin:4px 10px 0;border-left:1px solid #efefef}.audio-controls .button{float:right;width:40px;margin-left:4px;padding:1px;text-align:center}#header-wrapper .tools .button:hover{cursor:pointer}#header-wrapper .tools .button.on{text-decoration:none}#header-wrapper .tools .button.off,#header-wrapper .tools .button.on:hover{text-decoration:line-through}#header-wrapper .tools a{color:#efefef;text-decoration:none}#header-wrapper .tools a:hover{color:#efefef;text-decoration:underline}#header-wrapper .song-info{color:#000;float:right;margin:4px 10px 0}
#links-wrapper .opacity-mask,#links-wrapper .wrapper{width:100%;height:100%;position:absolute}#links-wrapper{color:#000;font-size:90%;position:relative;width:100%;height:100%}#links-wrapper .opacity-mask{background-color:#fff;opacity:0}ul.links-page{display:block;list-style:none;margin:0;padding:0}ul.links-page li{padding:4px;display:block;margin-bottom:10px}ul.links-page .title{font-weight:700}ul.links-page .content:hover{color:gray;cursor:pointer}ul.links-page .content.visiting{color:gray}ul.links-page .content.visiting:hover{cursor:default!important}.links-paging{position:absolute;bottom:0;right:10px;padding:2px 0}.links-paging ul{padding:0;margin:0;list-style:none}.links-paging ul li{display:inline-block;width:24px;height:24px;padding:4px 8px;margin-left:2px}.links-paging ul li:hover{background-color:orange;cursor:pointer}
body{background-color:#fff;font-family:'Exo 2';font-size:14px;letter-spacing:1px;margin:0;padding:0;overflow:hidden;transition:background ease-in-out .5s}#cover-wrapper{position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-image:url(assets/media/images/back/pp.jpg);background-size:cover;background-repeat:no-repeat;background-position:right top;background-attachment:fixed}#content-wrapper{position:relative;z-index:1;width:100%;height:100%}#content{position:absolute;margin:auto;top:40px;right:0;left:0;width:960px;height:480px}#chapter-nav-widget{float:left;width:100%;height:80px}#content-widget{float:left;width:640px;height:400px;margin:0 40px 0 0}#links-widget{width:280px;height:400px;float:left}#cover-wrapper ul.chapters{position:fixed;bottom:200px;left:60px;font-size:140%;font-weight:700;padding:0 0 0 20px;margin:0;list-style:none;border-bottom:solid 1px #000}#dialog,#footer-wrapper .footer{position:absolute;margin:auto;top:0;right:0;left:0}#cover-wrapper ul.chapters li{display:inline-block;width:80px;padding:0 0 4px 4px;border-left:solid 1px #000}#cover-wrapper ul.chapters li:hover{color:orange;cursor:pointer}#footer-wrapper{background-color:#bbcbdb;position:absolute;z-index:10;width:100%;height:68px;bottom:0;opacity:.8}#footer-wrapper .footer{width:960px;height:100%}#modal{background-color:#000;position:fixed;width:100%;height:100%;z-index:99;top:0;left:0;opacity:.6}#dialog{background-color:#e0eaf4;z-index:999;bottom:0;width:480px;height:320px;font-size:90%}#dialog div{float:left}#dialog .toolbar{width:100%}#dialog .toolbar .button{float:right;margin:4px 4px 0;font-size:110%;width:14px;height:14px;padding:0 0 6px 6px}#dialog .toolbar .button:hover{background-color:#ccc;cursor:pointer}#dialog .text{padding:20px 10px;text-align:justify}
#slideshow-wrapper{position:relative;width:100%;height:100%;font-size:80%}#slideshow-wrapper .opacity-mask{position:absolute;bottom:0;left:0;z-index:1;background-color:#000;width:100%;height:40px;opacity:.6}#slideshow-wrapper img{width:100%;height:100%}#slideshow-wrapper ul.slides{list-style:none;margin:0;padding:0}#slideshow-wrapper ul.slides li{display:inline-block}#slideshow-wrapper .image{position:absolute;top:0;left:0;z-index:0;list-style:none}#slideshow-wrapper .meta{position:absolute;bottom:20px;left:0;z-index:2;width:100%}#slideshow-wrapper .meta .description{padding:4px 4px 8px}#slideshow-wrapper .paging{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:20px;margin:0;padding:0;list-style:none;text-align:center}#slideshow-wrapper .paging li{display:inline-block;width:5px;height:5px;padding:1px;margin:4px;border:2px solid #eee;border-radius:50%}#slideshow-wrapper .paging li.active,#slideshow-wrapper .paging li:hover{cursor:pointer;background-color:#c1edee}

#timeline-wrapper{position:relative;width:100%;height:100%}#timeline-wrapper .opacity-mask{background-color:#fff;opacity:.8}#timeline-wrapper .timeline{position:absolute;bottom:68px;width:100%;z-index:3}.fadein,.fadeout{-webkit-transition:all cubic-bezier(.25,.46,.45,.94) .5s;-moz-transition:all cubic-bezier(.25,.46,.45,.94) .5s;-o-transition:all cubic-bezier(.25,.46,.45,.94) .5s;transition:all cubic-bezier(.25,.46,.45,.94) .5s}.fadein.ng-hide-remove,.fadeout.ng-hide-add.ng-hide-add-active{opacity:0;display:block!important}.fadein.ng-hide-remove.ng-hide-remove-active,.fadeout.ng-hide-add{opacity:1;display:block!important}#timeline-wrapper .timeline .references{background-color:#fff;margin:1px 0;float:left;width:100%;height:24px;padding:2px 0}#timeline-wrapper .timeline .label{background-color:#becede;float:left;font-size:60%;text-transform:uppercase;width:80px;height:14px;padding:4px 8px;margin-right:4px}#timeline-wrapper div .tip{background-color:#fff;position:absolute;bottom:130px;font-size:85%;width:180px;height:80px;padding:4px 8px}#timeline-wrapper ul.chapters{position:absolute;bottom:0;float:left;width:100%;padding:0;margin:0 0 20px;font-size:18px}#timeline-wrapper ul.chapters li{background-color:#0b93c0;color:#222;list-style:none;display:inline-block;padding:8px;margin:0 2px 0 0;width:100px}#timeline-wrapper ul.chapters li.active,#timeline-wrapper ul.chapters li:hover{background-color:#83b2ce;cursor:pointer}#timeline-wrapper ul.chapters li a{text-decoration:none;color:#222}#timeline-wrapper ul.events{list-style:none;font-size:8px;margin:0;padding:0}#timeline-wrapper ul.events li{background-color:#e3c9b4;width:24px;height:14px;display:inline-block;padding:4px;margin-right:4px}#timeline-wrapper ul.events li:hover{background-color:#efdccc;cursor:pointer}
#video-wrapper{position:relative;margin:0 auto;width:640px;height:400px}.audio-player{display:none}.videogular-container{width:540px;float:left}.videogular-container .video-player{background-color:#000;width:640px;height:400px;float:left;overflow:hidden}.video-poster{position:absolute;top:0;left:0}.play-button{position:absolute;margin:auto;top:-40px;right:0;bottom:0;left:0;width:80px;height:80px}.video-poster-hide{opacity:0}.my-facebook-button{float:right;margin:4px 0 0 10px}