html,
      body,
      div,
      span,
      p,
      a,
      img {
         margin: 0;
         padding: 0;
         border: 0;
         font-size: 100%;
         font: inherit;
         vertical-align: baseline;
      }

      body {
         line-height: 1;
         touch-action: manipulation;
      }

      select {
         font-size: 20px;
         font-family: "Arial";
      }

      button,
      input {
         font-size: 20px;
         font-family: "Arial";
      }

      button {
         height: 30px;
      }

      #header {
         position: fixed;
         border-radius: 25px;
         width: 695px;
         height: 107px;
         top: -25px;
         bottom: 0px;
         left: 20px;
         right: 20px;
         line-height: 0px;
         margin: 0 auto;
         color: black;
         font-size: 20px;
         font-family: "Arial";
         font-weight: bold;
         line-height: 46px;
         background-color: #DDDDDD;
      }

      #title {
         position: relative;
         float: left;
         top: 20px;
         left: 20px;
         z-index: 3;
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
         -webkit-tap-highlight-color: transparent;
      }

      #choice {
         position: relative;
         float: left;
         top: 10px;
         left: 20px;
         z-index: 1;
      }

      #main {
         position: fixed;
         width: 1040px;
         height: 600px;
         top: 85px;
         bottom: 0px;
         left: 20px;
         right: 20px;
         margin: 0 auto;
         font-size: 0px;
         background-color: #666666;
         overflow-x: scroll;
         scrollbar-width: none;
         -ms-overflow-style: none;
      }

      #main::-webkit-scrollbar {
         width: 0;
         height: 0;
      }

      #pleft,
      #pright {
         cursor: zoom-in;
      }

      #pleft {
         height: 100%;
         width: calc(50% - 1px);
         float: left;
         background-color: #999999;
      }

      #pright {
         width: calc(50% - 1px);
         height: 100%;
         float: right;
         background-color: #999999;
      }

      .ytext {
         color: #777777;
      }

      #footer {
         position: fixed;
         width: 695px;
         height: 70px;
         bottom: -25px;
         left: 20px;
         right: 20px;
         line-height: 60px;
         text-align: center;
         margin: 0 auto;
         font-size: 20px;
         font-family: "Arial";
         font-weight: bold;
         color: #dddddd;
         background-color: #DDDDDD;
         border-radius: 25px;
         white-space: nowrap;
      }

      .slider,
      .lbutton,
      .pnumber,
      .rbutton,
      .zoom {
         position: relative;
         top: -10px;
         left: 20px;
         color: black;
         position: relative;
         float: left;
      }

      .slider {
         position: relative;
         top: -12px;
      }

      input[type=text] {
         width: 35px;
      }

      #b1 {
         width: 537px;
      }

      input[type=range] {
         -webkit-appearance: none;
         margin: 18px 0;
         width: 100%;
      }

      input[type=range]:focus {
         outline: none;
      }

      input[type=range]::-webkit-slider-runnable-track {
         width: 100%;
         height: 8.4px;
         cursor: pointer;
         box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
         background: #3071a9;
         border-radius: 1.3px;
         border: 0.2px solid #010101;
      }

      input[type=range]::-webkit-slider-thumb {
         box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
         border: 1px solid #000000;
         height: 36px;
         width: 16px;
         border-radius: 3px;
         background: #ffffff;
         cursor: pointer;
         -webkit-appearance: none;
         margin-top: -14px;
      }

      input[type=range]:focus::-webkit-slider-runnable-track {
         background: #367ebd;
      }

      input[type=range]::-moz-range-track {
         width: 100%;
         height: 8.4px;
         cursor: pointer;
         box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
         background: #3071a9;
         border-radius: 1.3px;
         border: 0.2px solid #010101;
      }

      input[type=range]::-moz-range-thumb {
         box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
         border: 1px solid #000000;
         height: 36px;
         width: 16px;
         border-radius: 3px;
         background: #ffffff;
         cursor: pointer;
      }

      input[type=range]::-ms-track {
         width: 100%;
         height: 8.4px;
         cursor: pointer;
         background: transparent;
         border-color: transparent;
         border-width: 16px 0;
         color: transparent;
      }

      input[type=range]::-ms-fill-lower {
         background: #2a6495;
         border: 0.2px solid #010101;
         border-radius: 2.6px;
         box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
      }

      input[type=range]::-ms-fill-upper {
         background: #3071a9;
         border: 0.2px solid #010101;
         border-radius: 2.6px;
         box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
      }

      input[type=range]::-ms-thumb {
         box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
         border: 1px solid #000000;
         height: 36px;
         width: 16px;
         border-radius: 3px;
         background: #ffffff;
         cursor: pointer;
      }

      input[type=range]:focus::-ms-fill-lower {
         background: #3071a9;
      }

      input[type=range]:focus::-ms-fill-upper {
         background: #367ebd;
      }

      #b2 {
         width: 40px;
      }

      #b3 {
         width: 41px;
      }

      #b4 {
         width: 45px;
      }

      #zoom-img {
         width: 100%;
         max-width: 100%;
         height: 100%;
         background: url("BOOK/_1.jpg");
         background-position: center;
         background-size: cover;
         display: block;
         background-position: center;
         background-repeat: no-repeat;
         /*background-size: contain;*/
         z-index: 3;