#container {
    height: 600px;    
    position: relative;    
}

#container div {
    float:none;
    margin:0 auto;
    margin-top: 20px;
}

#pages, #pagess {    
    position: relative;    
}

ol li .page {    
    height: 600px;    
    font-size: 15px;
    background: #fff;    
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ol li .page img {
    width: 100%;
    height: 100%;    
}

ol._css_page_flip li .page {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    visibility: hidden;
}

ol._css_page_flip.ready li .page {
    -webkit-backface-visibility: hidden;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    -webkit-transition: 0s ease-in;
    -webkit-transform-origin: left;
    -webkit-transform: rotateY(0);
}

ol._css_page_flip.first_touch li .page { 
    -webkit-transition: 0.5s ease-in;
}

ol._css_page_flip.ready li .page.right_page_next {
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform-origin: right;
    -webkit-transform: rotateY(180deg);
}

ol._css_page_flip.ready li .page.right_page {
    top: 0;
    right: 0;
    z-index: 1;
}

ol._css_page_flip li.current .page.right_page, ol li.current .page.right_page_next {
    z-index: 1000;
    visibility: visible;
}

ol._css_page_flip li.current .page.right_page_next {
    z-index: 999;
}

ol._css_page_flip li.turn .page.right_page_next {
    -webkit-transform: rotateY(0);
    visibility: visible;
}

ol._css_page_flip li.turn .page.right_page {
    -webkit-transform: rotateY(-180deg);
    visibility: visible;
}