.flipbook-viewport{position: relative; width: 100%;}
.flipbook-viewport .container {margin:10px auto }
.flipbook-viewport .page { width: 700px; height: 700px; background-color: white; background-repeat: no-repeat; background-size: 100% 100%; }
.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); }
.flipbook-viewport .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; }
.flipbook-viewport .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; }
.flipbook-viewport .double {background-size: contain; background-repeat: no-repeat;background-position: center center;}
#tip{position:absolute;top:20px;left:50%;margin-left:370px;width:24px;height:30px;background:url(../images/guide.gif) left center no-repeat}

@media screen and (max-width:1280px) {
    #tip{display: none;}
}