section{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}section:first-child,section.show{-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
section.hide{-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
section.pop{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);z-index:0;opacity:0;-webkit-transition:all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}section.pop:first-child,section.pop.show{z-index:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}
section.pop.hide{z-index:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0;}
section.flow{-webkit-transform:translate3d(100%, 0, 0) scale(0.7);-moz-transform:translate3d(100%, 0, 0) scale(0.7);-o-transform:translate3d(100%, 0, 0) scale(0.7);transform:translate3d(100%, 0, 0) scale(0.7);}section.flow:first-child,section.flow.show{-webkit-animation:flow-show 350ms 500ms cubic-bezier(0.39, 0.575, 0.565, 1) forwards;}
section.flow.show-revoke{-webkit-animation:flow-show-revoke 350ms cubic-bezier(0.39, 0.575, 0.565, 1) forwards;}
section.flow.hide{-webkit-animation:flow-hide 350ms cubic-bezier(0.39, 0.575, 0.565, 1) forwards;}
section.flow.hide-revoke{-webkit-animation:flow-hide-revoke 350ms 500ms cubic-bezier(0.39, 0.575, 0.565, 1) forwards;}
header,footer{position:absolute;left:0px;width:100%;height:38px;display:block;z-index:2;line-height:39px;}
header{top:0px;}header .onleft{margin-left:4px !important;}
header .onright{margin-right:4px !important;}
footer{bottom:0px;}
header .title,footer .title{margin:0 4px;float:left;z-index:-1;font-size:15px;font-weight:bold;}
header .title{position:absolute;left:0px;right:0px;text-align:center;display:inline-block;}
section header a.button,section footer a.button{margin:3px 1px 0px;}
