.flipbook-wrap { margin: 30px auto 50px;}
.flipbook-1 {width: 600px;}
.flipbook-2 { width: 1024px; }
.flipbook-3 { width: 1024px; }
.flipbook-wrap h3.booktitle {font-size:12px; line-height:21px; letter-spacing:3px; text-align:center; margin:30px 0 10px; font-weight: 600;}
.sample-flipbook{
  -webkit-transition:margin-left 0.2s;
  -moz-transition:margin-left 0.2s;
  -ms-transition:margin-left 0.2s;
  -o-transition:margin-left 0.2s;
  transition:margin-left 0.2s;
}

.sample-flipbook .page{
  background-color:white;
  background-repeat:no-repeat;
  background-size:100% 100%;
}

#flipbook-1.sample-flipbook, #flipbook-1.sample-flipbook .page{ width: 600px; height:464px;  }
#flipbook-2.sample-flipbook, #flipbook-2.sample-flipbook .page{ width: 1024px; height:512px;  }
#flipbook-3.sample-flipbook, #flipbook-3.sample-flipbook .page{ width: 1024px; height: 1975px;  }

.sample-flipbook .page{
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
  -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
  -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
  box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.sample-flipbook .page img{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:0;
}

.sample-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;
}