body{padding-bottom:60px}
body.unS{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
figure{display:inline-block;width:300px;height:300px;margin:0;padding:30px 0 0}
figure>div{display:inline-block;height:300px;vertical-align:middle;-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;-ms-perspective:1200px;perspective:1200px}
#a2{height:225px}
#a3{margin-left:75px}
figure img{max-width:300px;max-height:300px}
figure img{position:absolute}
figure img:first-child{z-index:3;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform .7s;-moz-transition:-moz-transform .7s;-o-transition:-o-transform .7s;-ms-transition:-ms-transform .7s;transition:transform .7s}
figure div.ini img:first-child{box-shadow:#999 0 0 2px;-webkit-transform:rotateY(-40deg);-moz-transform:rotateY(-40deg);-o-transform:rotateY(-40deg);-ms-transform:rotateY(-40deg);transform:rotateY(-40deg)}
figure>div:hover img:first-child{-webkit-transform:rotateY(-60deg);-moz-transform:rotateY(-60deg);-o-transform:rotateY(-60deg);-ms-transform:rotateY(-60deg);transform:rotateY(-60deg)}
figure>div img.pre:first-child{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
figure img+img{z-index:1;box-shadow:#999 0 0 5px}
#epMax{position:fixed;z-index:10;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:50px 60px}
#epMax,#epMax>img.max{-webkit-transition:1.5s;-o-transition:1.5s;-moz-transition:1.5s;transition:1.5s}
#epMax.max{top:1px;left:0;margin-top:-1px;background:#fff;background:rgba(255,255,255,1)}
#epMax.cls{*display:none;background:none}
#epMax.pre,#epMax.cls{cursor:wait}
:root #epMax>div{-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
#epMax.cls>div{-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;transition:.2s}
#epMax>div#epBook{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
body.g #epMax>div,body.g #epMax.max.pre>div,body.g #epMax.max.cls>div{opacity:0}
body.g #epMax.max>div,body.g #epMax>div#epBook{opacity:1}
#epMax>div.hid{opacity:0;visibility:hidden}
body.g #gBP,body.g #gBN,body.g #gBC{width:57px;*z-index:200}
body.g #gBC{height:57px}
body.g #gBC,body.g #gBN{*right:120px}
body.g #gBC:active:before{background-position:-150px -196px}
body.g #gBN.clk:before,body.g #gBN.tch.clk:hover:before{background-position:-146px -100px}
body.g #gBN.tch:hover:before{background-position:0 -100px}
body.g #gBP.clk:before,body.g #gBP.tch.clk:hover:before{background-position:-154px 0}
body.g #gBP.tch:hover:before{background-position:0 0}
figure .hid img,#epMax img.hid{visibility:hidden;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
#epMax img.max{position:absolute;margin:auto}
#epBook{position:absolute;top:0;right:0;bottom:0;left:0;z-index:21;margin:auto}
.page-wrapper{-webkit-perspective:3000px;-moz-perspective:3000px;-ms-perspective:3000px;perspective:3000px}
.page{box-shadow:#999 0 0 2px;background:#fff url(/i/ldr.gif) 50% 50% no-repeat}
.page,#epBook>div>div>div{*bottom:auto !important}
.side{position:absolute;z-index:-1;top:0;right:2px;width:5px;height:100%;background:#333;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:top right;-moz-transform-origin:top right;-o-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}
#epBook .page>img{width:100%;height:100%}
#epBook.ini .side,#epBook.ini .depth{visibility:hidden}
.depth{position:absolute;top:0;width:16px;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.depth img{width:32px;height:100%;margin-left:-16px}
.p2 .depth img{margin-left:0}
#epBar{position:absolute;right:0;bottom:20px;left:0; display:none; width:80%;height:8px;margin:auto;border:1px solid #ddd;border-radius:10px;background:#eee;cursor:pointer}
:root #epBar{display:block}
#epBar>div{position:relative;width:60px;margin-top:-15px;padding:15px 0;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
#epBar>div div{height:6px;border:1px solid #ccc;border-radius:10px;background:#ddd;-webkit-transition:.1s;-o-transition:.1s;-moz-transition:.1s;transition:.1s}
#epBar>div:hover div{background:#ccc}
#epBar>div.clk{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
#epBar>div.clk div{background:#888}



@media (max-width:1150px){
	body.g section{zoom:.85}
}
@media (max-width:1000px){
	body.g section{zoom:.7}
}
@media (max-width:850px){
	body.g section{zoom:.5}
}
@media (max-width:620px){
	body.g section{zoom:.4}
}
@media (max-width:500px){
	body.g section{zoom:.3}
}
@media (max-width:400px){
	body.g section{zoom:.25}
}