body{text-align:center;font-family:Helvetica;font-size:18px;background:#eee}h1{margin:0;font-size:23px;color:#fff}img{width:300px;height:200px}p{font-family:arial;font-size:14px;color:#fff}#container{width:862px;margin:20px auto 20px auto;text-align:left;position:relative}ol li .page{border:5px solid #313132;height:500px;background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#094969),color-stop(50%,#0C4E90),color-stop(61%,#2C89B8),color-stop(100%,#81B1D2));font-size:15px;padding:30px;-webkit-box-shadow:3px 3px 6px 8px rgba(100,100,102,.96);box-shadow:3px 3px 6px 8px rgba(62,121,157,1)}.curl_right{width:77px;height:79px;margin-left:323px;margin-top:28px;z-index:3000}.curl_right:hover{width:77px;height:79px;margin-left:323px;margin-top:28px;background:linear-gradient(135deg,#C1D1DB,#FAFBFC 45%,#FFF 50%,rgba(250,249,249,.12) 50%,rgba(249,247,247,0) 56%,rgba(255,255,255,0) 62%,#FFF 80%,#fff 100%);box-shadow:0 0 20px rgba(3,8,95,.5);z-index:3000}.curl_right:hover:after,.curl_right:hover:before{width:77px;height:79px;margin-left:323px;margin-top:28px}.curl_left{width:77px;height:79px;margin-left:-35px;margin-top:-4px;z-index:3000}.curl_left:hover{width:77px;height:79px;margin-left:-35px;margin-top:-4px;background:linear-gradient(45deg,rgba(241,244,245,1) 20%,rgba(40,85,108,1) 40%,#153b5a 45%,#fafbfc 50%,rgba(250,250,250,.77) 80%,rgba(255,255,255,1) 100%);box-shadow:0 0 20px rgba(3,8,95,.5);z-index:3000}.curl_left:hover:after,.curl_left:hover:before{width:77px;height:79px;margin-left:-35px;margin-top:-4px}.curl_left_last{width:77px;height:79px;margin-left:-35px;margin-top:450px;z-index:3000}.curl_left_last:hover{width:77px;height:79px;margin-left:-35px;margin-top:452px;background:linear-gradient(45deg,rgba(241,244,245,1) 20%,rgba(40,85,108,1) 40%,#153b5a 45%,#fafbfc 50%,rgba(250,250,250,.77) 80%,rgba(255,255,255,1) 100%);box-shadow:0 0 20px rgba(3,8,95,.5);z-index:3000}.roll_right_first{width:30px;height:555px;margin-right:0;margin-top:-571px;z-index:-30005;margin-left:372px}.roll_right_first:hover{width:30px;height:565px;margin-right:0;margin-top:-571px;z-index:30005;margin-left:372px;background:-webkit-linear-gradient(right,rgba(249,249,250,.03) 0,rgba(255,255,255,.82) 17%,rgba(250,251,252,.96) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(122,181,228,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%)}.roll_right_first:hover:after,.roll_right_first:hover:before{width:30px;height:555px;margin-right:0;margin-top:-571px;z-index:30005;margin-left:372px}.roll_right{width:30px;height:555px;margin-right:0;margin-top:-565px;z-index:30005;margin-left:372px}.roll_right:hover{width:30px;height:565px;margin-right:0;margin-top:-565px;z-index:30005;margin-left:372px;background:-webkit-linear-gradient(right,rgba(249,249,250,.03) 0,rgba(255,255,255,.82) 17%,rgba(250,251,252,.96) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(122,181,228,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%)}.roll_right:hover:after,.roll_right:hover:before{width:30px;height:555px;margin-right:0;margin-top:-565px;z-index:30005;margin-left:372px}.roll_left_first{width:30px;height:568px;margin-left:-35px;margin-top:-568px;z-index:30008}.roll_left_first:hover{width:30px;height:568px;margin-left:-35px;margin-top:-568px;z-index:30008;background:-webkit-linear-gradient(left,rgba(249,249,250,.03) 0,rgba(255,255,255,.82) 17%,rgba(250,251,252,.96) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(122,181,228,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%)}.roll_left_first:hover:after,.roll_left_first:hover:before{width:30px;height:568px;margin-left:-35px;margin-top:-568px;z-index:30008}.roll_left_top{width:30px;height:568px;margin-left:-35px;margin-top:-577px;z-index:30008}.roll_left_top:hover{width:30px;height:568px;margin-left:-35px;margin-top:-577px;z-index:30008;background:-webkit-linear-gradient(left,rgba(249,249,250,.03) 0,rgba(255,255,255,.82) 17%,rgba(250,251,252,.96) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(122,181,228,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%)}.roll_left_top:hover:after,.roll_left_top:hover:before{width:30px;height:568px;margin-left:-35px;margin-top:-577px;z-index:30008}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:.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 li.current .page.right_page_next,ol._css_page_flip li.current .page.right_page{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}