/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

#fb7,
#fb7 a,
#fb7 abbr,
#fb7 address,
#fb7 article,
#fb7 aside,
#fb7 audio,
#fb7 b,
#fb7 blockquote,
#fb7 button,
#fb7 canvas,
#fb7 caption,
#fb7 cite,
#fb7 code,
#fb7 dd,
#fb7 del,
#fb7 details,
#fb7 dfn,
#fb7 div,
#fb7 dl,
#fb7 dt,
#fb7 em,
#fb7 embed,
#fb7 fieldset,
#fb7 figcaption,
#fb7 figure,
#fb7 footer,
#fb7 form,
#fb7 h1,
#fb7 h2,
#fb7 h3,
#fb7 h4,
#fb7 h5,
#fb7 h6,
#fb7 header,
#fb7 hgroup,
#fb7 i,
#fb7 iframe,
#fb7 img,
#fb7 ins,
#fb7 kbd,
#fb7 label,
#fb7 legend,
#fb7.fb6 li,
#fb7 mark,
#fb7 menu,
#fb7 nav,
#fb7 object,
#fb7 ol,
#fb7 p,
#fb7 pre,
#fb7 q,
#fb7 samp,
#fb7 section,
#fb7 small,
#fb7 span,
#fb7 sub,
#fb7 summary,
#fb7 sup,
#fb7 table,
#fb7 tbody,
#fb7 td,
#fb7 tfoot,
#fb7 th,
#fb7 thead,
#fb7 time,
#fb7 tr,
#fb7 ul,
#fb7 var,
#fb7 video,
#fb7 input {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  line-height: 1.5;
  text-align: left;

  box-shadow: none;
  text-shadow: none;
  overflow: visible;
  background: none;
  list-style: none;
  background-image: none;
  box-sizing: content-box;
}

#fb7.fb6 li,
#fb7 li:before,
#fb7:after {
  content: none;
}

#fb7 article,
#fb7 aside,
#fb7 canvas,
#fb7 details,
#fb7 figcaption,
#fb7 figure,
#fb7 footer,
#fb7 header,
#fb7 hgroup,
#fb7 menu,
#fb7 nav,
#fb7 section,
#fb7 summary {
  display: block;
}

#fb7 a,
#fb7 ins,
#fb7 del {
  text-decoration: none;
}

#fb7 ul,
#fb7 ol {
  list-style: none;
  text-indent: 0;
  margin: 0 !important;
}

#fb7 table {
  border-spacing: 0;
  border-collapse: collapse;
}

#fb7 caption,
#fb7 th {
  text-align: left;
}

#fb7 q:after,
#fb7 q:before {
  content: '';
}

#fb7 a,
#fb7 button:hover {
  cursor: pointer;
}

#fb7 input,
#fb7 textarea {
  outline: none;
}
/* = Menu
-------------------------------------------------------------- */

#fb7 .fb7-menu ul {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}

#fb7 .fb7-menu li {
  float: left;
  position: relative;
  width: 38px;
  height: 65px;
  margin: 0;
  padding: 0 2px 0 2px;
  list-style: none;
  /*background: url(../img/icons.png) no-repeat/*/
  background-position: -39px 0;

  border: 0 solid #f00;
}

#fb7 .fb7-menu li:last-child {
  background-position: -76px 0;
  padding: 0;
  width: 48px;
}

#fb7 .fb7-menu li:first-child {
  background-position: 0 0;
  padding: 0;
  width: 48px;
}

#fb7 .fb7-menu li a {
  display: block;
  background: inherit;
  width: 38px;
  height: 65px;
  margin: -37px 0;
}

#fb7 .fb7-menu li a.fb7-download {
  background-position: 0 -65px;
}
#fb7 .fb7-menu li a.fb7-download:hover {
  background-position: 0 -130px;
}

#fb7 .fb7-menu li a.fb7-home {
  background-position: -228px -65px;
}
#fb7 .fb7-menu li a.fb7-home:hover {
  background-position: -228px -130px;
}

#fb7 .fb7-menu li a.contact {
  background-position: -226px -5px;
}
#fb7 .fb7-menu li a.contact:hover {
  background-position: -226px -5px;
}

#fb7 .fb7-menu li a.fb7-fullscreen {
  background-position: -266px -65px;
}
#fb7 .fb7-menu li a.fb7-fullscreen:hover {
  background-position: -266px -130px;
}

#fb7 .fb7-menu li a.fb7-show-all {
  background-position: -190px -65px;
}
#fb7 .fb7-menu li a.fb7-show-all:hover {
  background-position: -190px -130px;
}

#fb7 .fb7-menu li a.fb7-zoom-auto {
  background-position: -114px -65px;
}
#fb7 .fb7-menu li a.fb7-zoom-auto:hover {
  background-position: -114px -130px;
}

#fb7 .fb7-menu li a.fb7-zoom-in {
  background-position: -76px -65px;
}
#fb7 .fb7-menu li a.fb7-zoom-in:hover {
  background-position: -76px -130px;
}

#fb7 .fb7-menu li a.fb7-zoom-original {
  background-position: -152px -65px;
}
#fb7 .fb7-menu li a.fb7-zoom-original:hover {
  background-position: -152px -130px;
}

#fb7 .fb7-menu li a.fb7-zoom-out {
  background-position: -37px -65px;
}
#fb7 .fb7-menu li a.fb7-zoom-out:hover {
  background-position: -37px -130px;
}

#fb7 .fb7-menu#fb7-center {
  width: auto;
  margin-top: 14px;
  position: absolute;
  display: none;

  /*
  margin-left: auto;
  margin-right: auto;
    /*/
}

#fb7 .fb7-menu#fb7-right {
  float: right;
  width: auto;
  margin: 15px 6px 0 0;
}

#fb7 .fb7-menu#fb7-right li {
  background: none;
}

#fb7 .fb7-menu li.fb7-goto {
  position: relative;
  width: auto;
  margin: -6px 4px 0 0;
  padding: 6px 0 0 10px;
  display: none;
}

#fb7 .fb7-menu li.fb7-goto #fb7-label-page-number {
  font-family: Arial, sans-serif;
  display: inline;
  float: left;
  margin: 6px 5px 0 0;
  line-height: 12px;
  font-size: 10px;
  font-weight: bold;
  color: #5f6f7b;
  -webkit-font-smoothing: antialiased;
  width: auto;
}

#fb7 .fb7-menu li.fb7-goto input[type='text'] {
  background: #141f28;
  width: 28px;
  height: 29px;
  padding: 0 25px 0 7px;
  text-align: center;
  font-size: 14px;
  font-family: Nunito;
  font-weight: bold;
  color: #616465;
  display: inline;
  border-radius: 25px;
  box-shadow: inset 1px 2px 3px #cccccc;
}

#fb7 .fb7-menu li.fb7-goto input[type='text'].focus_input {
  box-shadow: 0 0 7px 2px #97dcea;
}

#fb7 .fb7-menu li.fb7-goto button {
  text-shadow: none;
  font-family: Nunito, sans-serif;
  position: absolute;
  right: 1px;
  top: 7px;
  height: 29px;
  width: 40px;
  border: 3px solid;
  border-top-right-radius: 3em;
  border-bottom-right-radius: 3em;

  /*border:1px solid #EBEEF0;/*/
  display: inline;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
  padding: 0 1px;
  background: #ff0000;
  color: #5f6f7b;
  cursor: pointer;
}

#fb7 .ui-btn-text {
  display: none;
}

/* = Tooltip
-------------------------------------------------------------- */

#fb7 .fb7-tooltip {
  font-family: Nunito, sans-serif;
  position: absolute;
  left: 0;
  top: -25px;
  z-index: 5;
  display: none;
  padding: 2px 10px;
  background: #64c8d3;
  white-space: nowrap;
  font-size: 10px;
  font-weight: bold;
  /*text-transform: uppercase/*/
  color: #616465;

  background: -webkit-linear-gradient(#ffffff, #eaeaea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffffff, #eaeaea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #eaeaea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #eaeaea); /* Standard syntax */

  border-radius: 1px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 0 1px 1px #dbdbdb;
  font-size: 12px;
}

/*
  #fb7 .fb7-tooltip b {
    
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #64c8d3;
    bottom: -7px;
    display: block;
    height: 0;
    left: 6px;
    position: absolute;
    width: 0;
  }
  /*/

/* = Footer
-------------------------------------------------------------- */

#fb7 #fb7-footer {
  opacity: 0;
}

#fb7 #fb7-footer {
  position: absolute;
  bottom: 0;
  z-index: 15;
  left: 0;
  /*background: url(../img/bg-footer.png);/*/
  /*background-color: rgba(0, 0, 0, .55);/*/
  /*border-top: 3px solid #0A334A;/*/
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
}

#fb7 #fb7-footer #fb7-logo {
  position: absolute;
  left: 10px;
  top: 18px;
  z-index: 5;
}

#fb7 #fb7-footer .fb7-bcg-tools {
  background-color: #000000;
  height: 100%;
  left: 0;
  opacity: 0.55;
  position: absolute;
  top: 0;
  width: 100%;
}

/* = Show All Pages
-------------------------------------------------------------- */

#fb7 #fb7-all-pages .fb7-container-pages {
  position: absolute;
  width: 100%;
  height: 225px;
  background: black;
  padding: 2% 0;
  box-shadow: 0 0 40px #64c8d3;
  box-shadow: 0 0 40px rgba(100, 200, 211, 0.8);
  -moz-box-shadow: 0 0 40px rgba(100, 200, 211, 0.8);
  -webkit-box-shadow: 0 0 40px rgba(100, 200, 211, 0.8);
}

#fb7 #fb7-menu-holder {
  position: absolute;
  height: inherit;
  overflow: hidden;
  width: 100%;
}

#fb7 #fb7-slider {
  position: absolute;
  left: 0;
  list-style: none;
  height: inherit;
  margin: 0;
  padding: 0;
}

#fb7 #fb7-slider li {
  float: left;
  position: relative;
  height: inherit;
  padding: 0 10px;
  text-align: center;
  cursor: pointer;
  margin: 0;
  list-style: none;
}

#fb7 #fb7-slider li:first-child {
  padding-left: 100px;
}

#fb7 #fb7-slider li:last-child {
  padding-right: 100px;
}

#fb7 #fb7-slider li img {
  float: left;
  height: inherit;
}

/* = Contact Form
-------------------------------------------------------------- */

#fb7 #fb7-contact form {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #161616;
  width: 300px;
  height: auto;
  margin: -115px 0 0 -165px;
  padding: 10px 15px 15px 15px;
  box-shadow: 0 0 60px #64c8d3;
  box-shadow: 0 0 60px rgba(100, 200, 211, 0.7);
  -moz-box-shadow: 0 0 60px rgba(100, 200, 211, 0.7);
  -webkit-box-shadow: 0 0 60px rgba(100, 200, 211, 0.7);
}

#fb7 #fb7-contact form,
#fb7 #fb7-contact input,
#fb7 #fb7-contact textarea {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#fb7 #fb7-contact form h3 {
  font-family: Arial, sans-serif;
  margin: 0 0 6px 0;
  font-size: 0.875em;
  font-weight: bold;
  /*text-transform: uppercase;/*/
  color: white;
  -webkit-font-smoothing: antialiased;
}

#fb7 #fb7-contact form p {
  padding: 0 0 3px 0;
  font-size: 0.75em;
  margin: 0;
}

#fb7 #fb7-contact form input,
#fb7 #fb7-contact form textarea {
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: none;
  width: 270px;
  height: 30px;
  background: black;
  border: 0;
  padding: 8px 15px;
  font-size: 11px;
  color: #737373;
  margin: 2px 0 0 0;

  box-sizing: content-box;
}

#fb7 #fb7-contact form input {
  height: 15px;
  max-height: 15px;
  min-height: 15px;
}

#fb7 #fb7-contact form textarea {
  height: 60px;
  resize: none;
  max-height: 60px;
  min-height: 60px;
  box-sizing: inherit;
}

#fb7 #fb7-contact button,
#fb7 #fb7-contact .fb7-close {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#fb7 #fb7-contact button {
  height: 18px;
  background: #64c8d3;
  margin: 10px 0 0 100px;
  padding: 4px 8px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  /*text-transform: uppercase;/*/
  font-size: 11px;
  color: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#fb7 #fb7-contact .fb7-close {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 5;
  background: #64c8d3;
  padding: 2px 5px;
  line-height: 12px;
  font-size: 11px;
  color: black;
}

#fb7 #fb7-contact .fb7-error {
  color: white;
}

#fb7 #fb7-contact .fb7-thanks {
  color: #444444;
  display: none;
}

#fb7 #fb7-contact .fb7-thanks h1 {
  font-size: 18px;
  color: #444 444;
}

#fb7 #fb7-contact .fb7-thanks p {
  font-size: 11px;
  color: #444444;
}

/* Preloader /*/

#fb6 .fb6-preloader {
  position: relative;
  width: 90px;
  height: 90px;

  /*position /*/
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 101;
  margin-left: -45px;
  margin-top: -65px;

  /*position /*/
}

#fb6 .fb6-preloader .wBall {
  position: absolute;
  width: 86px;
  height: 86px;
  opacity: 0;
  -moz-transform: rotate(225deg);
  -moz-animation: orbit 7.15s infinite;
  -webkit-transform: rotate(225deg);
  -webkit-animation: orbit 7.15s infinite;
  -ms-transform: rotate(225deg);
  -ms-animation: orbit 7.15s infinite;
  -o-transform: rotate(225deg);
  -o-animation: orbit 7.15s infinite;
  transform: rotate(225deg);
  animation: orbit 7.15s infinite;
}

#fb6 .fb6-preloader .wBall .wInnerBall {
  position: absolute;
  width: 11px;
  height: 11px;
  background: #64c8d3;
  left: 0;
  top: 0;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
}

#fb6 .fb6-preloader #wBall_1 {
  -moz-animation-delay: 1.56s;
  -webkit-animation-delay: 1.56s;
  -ms-animation-delay: 1.56s;
  -o-animation-delay: 1.56s;
  animation-delay: 1.56s;
}

#fb6 .fb6-preloader #wBall_2 {
  -moz-animation-delay: 0.31s;
  -webkit-animation-delay: 0.31s;
  -ms-animation-delay: 0.31s;
  -o-animation-delay: 0.31s;
  animation-delay: 0.31s;
}

#fb6 .fb6-preloader #wBall_3 {
  -moz-animation-delay: 0.62s;
  -webkit-animation-delay: 0.62s;
  -ms-animation-delay: 0.62s;
  -o-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

#fb6 .fb6-preloader #wBall_4 {
  -moz-animation-delay: 0.94s;
  -webkit-animation-delay: 0.94s;
  -ms-animation-delay: 0.94s;
  -o-animation-delay: 0.94s;
  animation-delay: 0.94s;
}

#fb6 .fb6-preloader #wBall_5 {
  -moz-animation-delay: 1.25s;
  -webkit-animation-delay: 1.25s;
  -ms-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

@-moz-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -moz-transform: rotate(180deg);
    -moz-animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    -moz-transform: rotate(300deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 0%;
  }

  30% {
    opacity: 1;
    -moz-transform: rotate(410deg);
    -moz-animation-timing-function: ease-in-out;
    -moz-origin: 7%;
  }

  39% {
    opacity: 1;
    -moz-transform: rotate(645deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 30%;
  }

  70% {
    opacity: 1;
    -moz-transform: rotate(770deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 39%;
  }

  75% {
    opacity: 1;
    -moz-transform: rotate(900deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 70%;
  }

  76% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }

  100% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }
}

@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -webkit-transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    -webkit-transform: rotate(300deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 0%;
  }

  30% {
    opacity: 1;
    -webkit-transform: rotate(410deg);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-origin: 7%;
  }

  39% {
    opacity: 1;
    -webkit-transform: rotate(645deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 30%;
  }

  70% {
    opacity: 1;
    -webkit-transform: rotate(770deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 39%;
  }

  75% {
    opacity: 1;
    -webkit-transform: rotate(900deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 70%;
  }

  76% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }
}

@-ms-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -ms-transform: rotate(180deg);
    -ms-animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    -ms-transform: rotate(300deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 0%;
  }

  30% {
    opacity: 1;
    -ms-transform: rotate(410deg);
    -ms-animation-timing-function: ease-in-out;
    -ms-origin: 7%;
  }

  39% {
    opacity: 1;
    -ms-transform: rotate(645deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 30%;
  }

  70% {
    opacity: 1;
    -ms-transform: rotate(770deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 39%;
  }

  75% {
    opacity: 1;
    -ms-transform: rotate(900deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 70%;
  }

  76% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }

  100% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }
}

@-o-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -o-transform: rotate(180deg);
    -o-animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    -o-transform: rotate(300deg);
    -o-animation-timing-function: linear;
    -o-origin: 0%;
  }

  30% {
    opacity: 1;
    -o-transform: rotate(410deg);
    -o-animation-timing-function: ease-in-out;
    -o-origin: 7%;
  }

  39% {
    opacity: 1;
    -o-transform: rotate(645deg);
    -o-animation-timing-function: linear;
    -o-origin: 30%;
  }

  70% {
    opacity: 1;
    -o-transform: rotate(770deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 39%;
  }

  75% {
    opacity: 1;
    -o-transform: rotate(900deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 70%;
  }

  76% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }

  100% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }
}

@keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    transform: rotate(180deg);
    animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    transform: rotate(300deg);
    animation-timing-function: linear;
    origin: 0%;
  }

  30% {
    opacity: 1;
    transform: rotate(410deg);
    animation-timing-function: ease-in-out;
    origin: 7%;
  }

  39% {
    opacity: 1;
    transform: rotate(645deg);
    animation-timing-function: linear;
    origin: 30%;
  }

  70% {
    opacity: 1;
    transform: rotate(770deg);
    animation-timing-function: ease-out;
    origin: 39%;
  }

  75% {
    opacity: 1;
    transform: rotate(900deg);
    animation-timing-function: ease-out;
    origin: 70%;
  }

  76% {
    opacity: 0;
    transform: rotate(900deg);
  }

  100% {
    opacity: 0;
    transform: rotate(900deg);
  }
}

/* ================================================================================================= */
#fb7 {
  font-family: Arial, sans-serif;
  font-size: 14px;
  -webkit-text-size-adjust: none;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 300px;
  opacity: 0;
  /*margin-bottom: 30px;*/
}

/* =  Shadow for flipbook 
--------------------------*/

#fb7 .fb7-shadow {
  height: 100%;
  position: absolute;
  top: 0;
  box-shadow: 00 10px 1px #999;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

#fb7 .fb7-shadow-double {
  width: 100%;
  left: 0%;
}

#fb7 .fb7-shadow-right {
  width: 50%;
  left: 50%;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

#fb7 .fb7-shadow-left {
  width: 50%;
  left: 0%;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* =  Gradient ( for right page )
--------------------------*/

/* =  Gradient ( for left page )
--------------------------*/

/* corner left page /*/

#fb7 .turn-page.odd {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;

  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* corner right page /*/

#fb7 .turn-page.even {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;

  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#fb7.fullScreen,
#fb7-ajax[data-template='true'] #fb7 {
  margin-bottom: 0;
}

#fb7 #fb7-container-book {
  position: absolute;
  z-index: 5;
  display: none;
  width: 1280px;
  height: 920px;
}

#fb7 #fb7-deeplinking {
  display: none;
}

#fb7 .fb7-bcg-book {
  background: none no-repeat top center;
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  width: 100%;
  height: 100%;
}

#test {
  margin: 0 auto;
  width: 100%;
}

#fb7 #page.mobile {
  width: 640px;
  height: 358px;
  margin: -210px 0 0 -275px;
}

#fb7 .cursor-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

#fb7 .fb7-overlay {
  position: absolute;
  left: -10000px;
  top: 0;
  z-index: 20;

  /*background: url(../img/bg-overlay.png);/*/
  background: rgba(0, 0, 0, 0);

  width: 100%;
  height: 100%;
  display: none;
}

#fb7 .fb7-overlay.active {
  left: 0;
  display: block;
}

/* = Back button
-------------------------------------------------------------- */
#fb7 #fb7-button-back {
  text-decoration: none;

  font-family: Nunito, ​sans-serif;

  color: #393939;
  position: absolute;
  left: -5px;
  top: 45px;
  box-shadow: 0 0 2px 2px #bebebe;

  background: -webkit-linear-gradient(#ffffff, #eaeaea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffffff, #eaeaea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #eaeaea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #eaeaea); /* Standard syntax */

  border-radius: 5px 5px 5px 5px;
  border: 1px solid #b9b9b9;
  padding: 5px;
  padding-left: 15px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: bold;
  margin-top: -45px;
}

/* = About
-------------------------------------------------------------- */

#fb7 #fb7-about {
  position: absolute;
  z-index: 5;
  width: 45%;
  display: none;

  /*padding-top: 6%;/*/
}

#fb7 #fb7-about h1,
#fb7 #fb7-about h2,
#fb7 #fb7-about h3,
#fb7 #fb7-about h4,
#fb7 #fb7-about h5,
#fb7 #fb7-about h6 {
  margin: 0 0 2% 0;
  padding: 0;
  font-size: 1.375em;
  color: #64c8d3;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-weight: 300;
}

#fb7 #fb7-about h1 {
  /*background: url(../img/icons.png) no-repeat;/*/
  padding: 0 000;
}

#fb7 #fb7-about ul,
#fb7-about ol {
  list-style: disc;
  margin: 0;
  padding-left: 10px;
  padding-top: 0%;
  padding-bottom: 2%;
}

#fb7 #fb7-about li {
  color: #cfeaee;
  margin-bottom: 4px;
}

#fb7 #fb7-about p {
  /*font-size: 0.688em;/*/
  color: #cfeaee;
  margin-bottom: 8%;
  margin-top: 0%;
}

#fb7 #fb7-about a {
  color: #ffffff;
  text-decoration: underline;
}

#fb7 #fb7-about a:hover {
  /*color:#ffffff;/*/
  text-decoration: none;
}

/* = Book
-------------------------------------------------------------- */

#fb7 #fb7-book {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
}

#fb7 #fb7-book .turn-page {
  background-color: #fff;
  background-size: 100% 100%;
}

#fb7 .fb7-double {
  background-size: 200% 100% !important;
}

#fb7 .fb7-double.fb7-first {
  background-position: 0% 0%;
}

#fb7 .fb7-double.fb7-second {
  background-position: -100% 0%;
}

/* = Nav Arrows
  ---------------------------------------- */

#fb7 .fb7-nav-arrow {
  position: absolute;
  top: 50%;
  z-index: 15;
  /*background: url(../img/icons.png);/*/
  width: 158px;
  height: 100px;
  margin-top: -50px;
  cursor: pointer;
}

#fb7 .fb7-nav-arrow.next {
  right: 0;
  background-position: -174px -205px;
}
#fb7 .fb7-nav-arrow.next:hover {
  background-position: -174px -315px;
}

#fb7 .fb7-nav-arrow.prev {
  background-position: 0 -205px;
  display: none;
}
#fb7 .fb7-nav-arrow.prev:hover {
  background-position: 0 -315px;
}

#fb7 .fb7-nav-arrow.next {
  transform-origin: 0 center;
}

#fb7 .fb7-nav-arrow.prev {
  transform-origin: right center;
}

/*#page.mobile .fb7-nav-arrow.next { right: -24px; }*/

/* = Cover
  ---------------------------------------- */

#fb7 #fb7-logo-cover {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 5;
}

#fb7 #fb7-cover ul {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  clear: both;
  width: 100%;
  list-style: none;
  padding: 20px 0;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

#fb7 #fb7-cover ul:after {
  clear: both;
  content: '';
  display: block;
}

#fb7 #fb7-cover li {
  float: left;
  width: 28.3%;
  margin: 0 2.5%;
  list-style: none;
}

#fb7 #fb7-cover li,
#fb7 #fb7-cover img {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  box-shadow: none;
}

#fb7 #fb7-cover li:last-child {
  margin-right: 0;
}

#fb7 #fb7-cover li img {
  float: left;
  width: 100%;
}

/* = End
  ---------------------------------------- */

#fb7 #end {
  text-align: center;
}

#fb7 #end p {
  padding-top: 60%;
}

/* = Meta data
  ---------------------------------------- */

#fb7 #fb7-book .fb7-meta {
  position: absolute;
  bottom: 2%;
  left: 48%;
  width: 45px;
  height: 45px;
  text-align: center;

  border-radius: 50%;
}

#fb7 .fb7-meta .fb7-num {
  line-height: 43px;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 2px 2px 6px #666666;
}

/*
    
  #fb7 .fb7-meta .fb7-description {
      font-size: 11px;
      color: #666;
          font-family:Arial,sans-serif;
  }

  #fb7 .fb7-meta.fb7-left { 
      left:3%;
  }
  
  #fb7 .fb7-meta.fb7-left .fb7-num {
        padding-right: 10px;
  }
    
  #fb7 .fb7-meta.fb7-right {
      right:3%;
      text-align: right;
  }
    
  #fb7 .fb7-meta.fb7-right .fb7-num {
        padding-left: 10px;
  }
  /*/

/*= Video in lightbox
  ----------------------------*/

#v7_lightbox {
  width: 100%;
  height: 100%;
  z-index: 555789;
  position: fixed;
  display: block;
  top: 0;
}

#v7_lightbox .bcg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  position: absolute;
  cursor: pointer;
}

/* --------------------------*/

.fb7-cont-page-book {
  position: absolute;
}

#fb7 .fb7-page-book {
  position: absolute;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  overflow: hidden;
}

#fb7 .fb7-page-book img {
  border: none;
  padding: 0;
}

#fb7 .fb7-page-book p {
  margin-bottom: 20px;
  line-height: 1.5;
}

#fb7 .fb7-page-book p strong {
  font-weight: bold;
  -webkit-text-size-adjust: none;
}

#fb7 .fb7-page-book a {
  text-decoration: underline;
  color: #64c8d3;
  /*font-weight:bold;/*/
}

#fb7 .fb7-page-book p a:hover {
  text-decoration: none;
}

#fb7 .fb7-page-book h1,
#fb7 .fb7-page-book h2,
#fb7 .fb7-page-book h3,
#fb7 .fb7-page-book h4,
#fb7 .fb7-page-book h5,
#fb7 .fb7-page-book h6 {
  font-family: Arial, sans-serif;
  text-transform: none;
  margin-bottom: 2%;
}

#fb7 .fb7-page-book ul {
  list-style: disc inside;
  margin-bottom: 3% !important;
}

#fb7 .fb7-page-book ul li {
  margin-bottom: 2px;
  list-style: disc inside;
}

#fb7 .fb7-page-book ol {
  margin-bottom: 3% !important;
}

#fb7 .fb7-page-book ol li {
  list-style: decimal inside;
  margin: 0;
}

#fb7 .fb7-page-book ul li a,
#fb7 .fb7-page-book ol li a {
  color: #77797f;
  font-weight: normal;
  text-decoration: none;
}

#fb7 .fb7-page-book ul li a:hover,
#fb7 .fb7-page-book ol li a:hover {
  text-decoration: underline;
}

#fb7 .fb7-page-book a:hover img {
  opacity: 0.8;
}

/* =WordPress Core
-------------------------------------------------------------- */
#fb7 .fb7-page-book .alignnone,
#fb7-about .alignnone {
  margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book.aligncenter,
.fb7-page-book div.aligncenter,
#fb7-about.aligncenter,
#fb7-about div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

#fb7 .fb7-page-book .alignright,
#fb7-about .alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

#fb7 .fb7-page-book .alignleft,
#fb7-about .alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book .aligncenter,
#fb7-about .aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

#fb7 .fb7-page-book a img.alignright,
#fb7-about a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

#fb7 #fb7 .fb7-page-book a img.alignnone,
#fb7-about a img.alignnone {
  margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book a img.alignleft,
#fb7-about a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book a img.aligncenter,
#fb7-about a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#fb7 .fb7-page-book .wp-caption,
#fb7-about .wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

#fb7 .fb7-page-book .wp-caption.alignnone,
#fb7-about .wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book .wp-caption.alignleft,
#fb7-about .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book .wp-caption.alignright,
#fb7-about .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.fb7-page-book .wp-caption img,
#fb7-about .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

#fb7 .fb7-page-book .wp-caption p.wp-caption-text,
#fb7-about .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* = Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  /*
    .fb7-nav-arrow.next{
    transform-origin:0 center;
    -ms-transform-origin:0 center;
    -webkit-transform-origin:0 center;     
    }
  
   .fb7-nav-arrow.prev{
    transform-origin:right center;
    -ms-transform-origin:right center;
    -webkit-transform-origin:right center;     
    }

  .fb7-nav-arrow{
    transform:scale(2);
    ms-transform:scale(2);
    -webkit-transform:scale(2);
  }
  /*/
}

/* all icons for flipbook */
#fb7 .fb7-nav-arrow,
#fb7 .fb7-menu li {
  background: url(../../images/picturealbum/icons.png) no-repeat;
}

#fb7 .fb7-menu li {
  background-position: -39px 0;
}

/* background flipbook */
#fb7 .fb7-bcg-book {
  background-image: url(../../images/picturealbum/bcg.jpg);
  background-size: cover;
}

/* tools bar*/
#fb7 #fb7-footer .fb7-bcg-tools {
  background: -webkit-linear-gradient(#ffffff, #eaeaea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffffff, #eaeaea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #eaeaea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #eaeaea); /* Standard syntax */
  border-radius: 10px;
  border-bottom: 1px solid #ffffff;
  box-shadow: 0 4px 0 #878787;
  opacity: 0;
}

#fb7 .fb7-tooltip {
  background: -webkit-linear-gradient(#42b6f9, #0776b6) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -o-linear-gradient(#42b6f9, #0776b6) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(#42b6f9, #0776b6) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: linear-gradient(#42b6f9, #0776b6) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  color: #ffffff;
}

/* logo /*/
#fb7 #fb7-footer #fb7-logo {
  left: 12px;
  top: -5px;
}

/*  page manager   /*/
#fb7 .fb7-menu li.fb7-goto input[type='text'] {
  color: #000000;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #566c43;
}

#fb7 .fb7-menu li.fb7-goto input[type='text'].focus_input {
  box-shadow: 0 0 7px 2px #4f9b09;
}

#fb7 .fb7-menu li.fb7-goto button {
  border: none;
  color: #803900;
  background: -webkit-linear-gradient(#f6ee0d, #e7a506); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f6ee0d, #e7a506); /* For Opera 11.1 to 12.0 */
  background: linear-gradient(#f6ee0d, #e7a506); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f6ee0d, #e7a506); /* Standard syntax */
}

/* book /*/

#fb7 .fb7-shadow {
  box-shadow: 0 0 10px 1px #666666;
}

/* corner left page /*/
#fb7 .turn-page.odd {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* corner right page /*/
#fb7 .turn-page.even {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#fb7 .fb7-shadow {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#fb7 .turn-page.fb7-noshadow .fb7-cont-page-book {
  background: none;
}

#fb7 #fb7-book .turn-page {
  background-color: #ffffff;
}

#fb7 #fb7-book .fb7-meta {
  background-position: -139px -9px;

  background: -webkit-radial-gradient(#d0d0d0, #a8a8a8); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#d0d0d0, #a8a8a8); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#d0d0d0, #a8a8a8); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#d0d0d0, #a8a8a8); /* Standard syntax */

  box-shadow: inset 0 0 4px 8px #adadad;
}

#fb7 .fb7-meta .fb7-num {
  /* text /*/
  color: #ffffff;
  text-shadow: 2px 2px 6px #666666;
}

/* list thumbs /*/
#fb7 #fb7-all-pages .fb7-container-pages {
  background: none repeat scroll 0 0 #000000;
  box-shadow: 0 0 40px rgba(245, 220, 11, 0.8);
}

/* form /*/
#fb7 #fb7-contact form {
  background: none repeat scroll 0 0 #161616;
  box-shadow: 0 0 60px rgba(100, 200, 211, 0.7);
}
#fb7 #fb7-contact form h3 {
  color: #ffffff;
}
#fb7 #fb7-contact button {
  background: none repeat scroll 0 0 #64c8d3;
  color: #ffffff;
}
#fb7 #fb7-contact form input,
#fb7-contact form textarea {
  color: #737373;
}
#fb7 #fb7-contact .fb7-close {
  color: #000000;
  background: none repeat scroll 0 0 #64c8d3;
}

#fb7 #fb7-contact .fb7-thanks p {
  color: #444444;
}
#fb7 #fb7-contact .fb7-thanks h1 {
  color: #ffffff;
}

/* preloader /*/
#fb7 .fb7-preloader .wBall .wInnerBall {
  background: #f5dc0b;
}

/* formatt page for flipbook  /*/
#fb7 .fb7-page-book p {
  color: #77797f;
  font-family: Nunito;
  font-size: 14px;
}
#fb7 .fb7-page-book a {
  color: #000000;
}
#fb7 .fb7-page-book h1 {
  color: #2e577c;
  font-family: Nunito;
  font-size: 28px;
}
#fb7 .fb7-page-book h2 {
  color: #2e577c;
  font-family: Nunito;
  font-size: 26px;
}
#fb7 .fb7-page-book h3 {
  color: #2e577c;
  font-family: Nunito;
  font-size: 24px;
}
#fb7 .fb7-page-book h4 {
  color: #2e577c;
  font-family: Nunito;
  font-size: 22px;
}
#fb7 .fb7-page-book h5 {
  color: #2e577c;
  font-family: Nunito;
  font-size: 20px;
}
#fb7 .fb7-page-book h6 {
  color: #2e577c;
  font-family: Nunito;
  font-size: 18px;
}
#fb7 .fb7-page-book li {
  color: #77797f;
  font-family: Nunito;
  font-size: 14px;
}
#fb7 .fb7-page-book ul li a,
#fb7 .fb7-page-book ol li a {
  color: #2e577c;
}

/*  about style  /*/
#fb7 #fb7-about p,
#fb7 #fb7-about li {
  color: #344f02;
  font-family: Nunito;
  font-size: 15px;
}
#fb7 #fb7-about a {
  color: #ffffff;
}
#fb7 #fb7-about h1 {
  color: #ffffff;
  font-family: Nunito;
  font-size: 30px;
}

#fb7 #fb7-about h2 {
  color: #ffffff;
  font-family: Nunito;
  font-size: 24px;
}
#fb7 #fb7-about h3 {
  color: #ffffff;
  font-family: Nunito;
  font-size: 22px;
}
#fb7 #fb7-about h4 {
  color: #ffffff;
  font-family: Nunito;
}
#fb7 #fb7-about h5 {
  color: #ffffff;
  font-family: Nunito;
  font-size: 18px;
}
#fb7 #fb7-about h6 {
  color: #ffffff;
  font-family: Nunito;
  font-size: 16px;
}
/* back  button /*/
#fb7 #fb7-button-back {
  color: #803900;

  background: -webkit-linear-gradient(#f6ee0d, #e7a506); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f6ee0d, #e7a506); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#f6ee0d, #e7a506); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f6ee0d, #e7a506); /* Standard syntax */

  box-shadow: none;

  border: 1px solid #488015;
}

/*  Other style   /*/
#fb7 .fb7-overlay {
  background: rgba(0, 0, 0, 0.6);
}

html,
body {
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  #fb7-ajax {
    height: 600px;
  }
}
.r_nav {
  position: absolute;
  right: -30px;
  top: 0;
  text-align: center;
}

.r_nav ol li {
  width: 12px;
  padding: 10px;
  vertical-align: middle;
  background-color: #0071ad;
  color: #fff;
  margin-bottom: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-family: '华文楷体';
}
.r_nav ol li a {
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: bolder;
  font-family: '楷体_GB2312';
}
#fb7 .fb7-nav-arrow {
  top: 78%;
}
.r_nav ol li.dys_mulu {
  height: 58px;
  background: #1a5281;
  line-height: 26px;
}

.r_nav ol li.dys_mulu1 {
  background: #0249a5;
}
.r_nav ol li.dys_mulu2 {
  background: #009edd;
}
.r_nav ol li.dys_mulu3 {
  background: #2fc192;
}
.r_nav ol li.dys_mulu4 {
  background: #614091;
}

.zfwz-book{
    background: url(../../images/picturealbum/bcg.jpg) no-repeat center top;
    background-size: cover;
}
#fb7 .fb7-bcg-book {
  background-image: none;
}
#fb7-container-book.showFmS{left: 50%!important;transform: translateX(-74%);}
#fb7-container-book.showFmE{left: 50%!important;transform: translateX(-25%);}
#fb7 .fb7-nav-arrow.notallowed{opacity: .4;cursor: not-allowed!important;}
@media(max-width:450px){
  .zfwz-book{display: none;}
}