#fullScreen #full-container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#fullScreen #full-header    { position: absolute; left: 0; right: 0; top: 0; height: 30px; background-color: #000; border-bottom: 1px solid #333; }
#fullScreen #full-header h3 { margin: 0 auto; color: #fff; text-align: center; padding-top: 3px;}
#fullScreen #full-body      { position: absolute; left: 0; right: 0; top: 30px; bottom: 0; }
#fullScreen #column-left    { position: absolute; left: 0; top: 0; bottom: 0; width: 50%;   }
#fullScreen #column-right   { position: absolute; right: 10px; top: 45px; bottom: 30px; width: 45%; overflow: hidden;  }
#fullScreen .close-window, #information { width: 22px; height: 22px; border-radius: 50%; background-color: #fff; color: #000; line-height: 20px; font-size: 20px; text-align: center;}
#fullScreen .close-window { top: 3px; }
#fullScreen #information    {left: 5px; }
#fullScreen #row-jplayer    { position: absolute; left: 0; right: 0; top: 0; height: 60px; z-index: 3; }

#fullScreen #flipbook-nav { position: absolute; top: 0; left: 0; right: 0; height: 35px; }
#fullScreen #flipbook-nav div { margin: 0 auto; display: inline-block; }
#fullScreen #flipbook-nav div a {
    margin:2px; padding: 4px; line-height: 22px; text-align: center; vertical-align: middle; color: #aaaaaa; text-decoration: none;
    display: inline-block; width:29px;height:29px;cursor:pointer;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;
    -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none
}
#fullScreen #flipbook-nav div a:hover           {   color: #dddddd;     }
#fullScreen #flipbook-nav div a.active          {   color: #333;     }
#fullScreen #flipbook-nav div a.active:hover    {   color: #333;      }
#fullScreen #flipbook{  overflow:hidden; position: absolute;  bottom: 0; left: 0; right: 0;  top:0px;  width:800px;  height:600px; padding: 10px;  }
#fullScreen #flipbook .page{
    width:800px;  height:600px;  background-color:white;  line-height:300px;   font-size:20px;  text-align:justify; padding: 0;
}
#fullScreen #flipbook .page p { line-height: 20px; font-size: 14px; margin: 0;   }
#fullScreen #flipbook .page-wrapper{  -webkit-perspective:2000px;  -moz-perspective:2000px;  -ms-perspective:2000px;  -o-perspective:2000px;  perspective:2000px;  }
#fullScreen #flipbook .hard{  background:#ccc !important;  color:#333;  -webkit-box-shadow:inset 0 0 5px #666;  -moz-box-shadow:inset 0 0 5px #666;  -o-box-shadow:inset 0 0 5px #666;  -ms-box-shadow:inset 0 0 5px #666;  box-shadow:inset 0 0 5px #666;  font-weight:bold;  }

#fullScreen #flipbook .effect {
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;

    /*-webkit-box-shadow:10px 10px 5px #aaaaaa;*/
    /*-moz-box-shadow:10px 10px 5px #aaaaaa;*/
    /*-o-box-shadow:10px 10px 5px #aaaaaa;*/
    /*-ms-box-shadow:10px 10px 5px #aaaaaa;*/
    /*box-shadow:10px 10px 5px #aaaaaa; !* 0 0 20px #ccc; *!*/

    border: 1px solid #eee;
    /*box-shadow: 10px 10px 5px #aaaaaa;*/
    -moz-box-shadow: 8px 8px 5px 0px #aaaaaa;
    -webkit-box-shadow: 8px 8px 5px 0px #aaaaaa;
    -o-box-shadow: 8px 8px 5px 0px #aaaaaa;
    box-shadow: 8px 8px 5px 0px #aaaaaa;
    -ms-box-shadow: 8px 8px 5px 0px #aaaaaa;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, Direction=134, Strength=5);

    /*border: 1px solid #BFBFBF;*/
}

#fullScreen #flipbook .shadow{
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;
    -webkit-box-shadow:0 0 20px #ccc;
    -moz-box-shadow:0 0 20px #ccc;
    -o-box-shadow:0 0 20px #ccc;
    -ms-box-shadow:0 0 20px #ccc;
    box-shadow:0 0 20px #ccc;
}

#fullScreen #flipbook .odd{
    background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA));
    background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    -webkit-box-shadow:inset 0 0 5px #666;
    -moz-box-shadow:inset 0 0 5px #666;
    -o-box-shadow:inset 0 0 5px #666;
    -ms-box-shadow:inset 0 0 5px #666;
    box-shadow:inset 0 0 5px #666;
}

#fullScreen #flipbook .even{
    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
    background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:linear-gradient(left, #fff 95%, #dadada 100%);
    -webkit-box-shadow:inset 0 0 5px #666;
    -moz-box-shadow:inset 0 0 5px #666;
    -o-box-shadow:inset 0 0 5px #666;
    -ms-box-shadow:inset 0 0 5px #666;
    box-shadow:inset 0 0 5px #666;
}

#fullScreen .lg-music-button i  { font-size: 20px; line-height: 20px; margin: 8px 7px; }
#fullScreen .lg-numeric-button  { font-size: 9px; text-align: center; line-height: 16px; }
#fullScreen .lg-white-skin .lg-music-controls span.active, .lg-white-skin .lg-music-controls  span.active:hover  { color: #666;}

/* region display image */
#fullScreen #img-media {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* endregion display image */

/* region audio */
#fullScreen .jp-audio {
    width: 370px;
}
#fullScreen .jp-audio .lg-music-container {
    width: 380px;
}
/* endregion audio */