@charset "UTF-8";
body {
  font-family: '微軟正黑體';
}

body .book_container {
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: auto;
}

body h1 {
  margin: 10px;
  text-align: center;
}

body .controls {
  position: fixed;
  z-index: 9;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0.2;
}

body .controls:hover {
  opacity: 1;
}

body button {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}

body img {
  width: 100%;
  height: 100%;
}

body #flipbook .shadow, body #flipbook.shadow {
  -webkit-box-shadow: 0 4px 10px #666;
          box-shadow: 0 4px 10px #666;
}

body .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body .even .gradient {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.2)));
}

body .odd .gradient {
  background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.15)));
}
/*# sourceMappingURL=style.css.map */