/*======page-right======*/

@-webkit-keyframes page_open_right {
  0% {   
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(50px) rotateY(-20deg) scaleX(0) scaleY(.55) translateY(-40px);
    transform:perspective(400px) rotateY(-20deg) scaleX(0) scaleY(.55) translateY(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(350px) rotateY(-20deg) scaleX(.35) scaleY(.95) translateY(-5px);
    transform:perspective(350px) rotateY(-20deg) scaleX(.35) scaleY(.95) translateY(-5px);  
  }
  100%{
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);
    transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);  
  }
}
@-moz-keyframes page_open_right {
  0% {   
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(50px) rotateY(-20deg) scaleX(0) scaleY(.55) translateY(-40px);
    transform:perspective(400px) rotateY(-20deg) scaleX(0) scaleY(.55) translateY(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(350px) rotateY(-20deg) scaleX(.35) scaleY(.95) translateY(-5px);
    transform:perspective(350px) rotateY(-20deg) scaleX(.35) scaleY(.95) translateY(-5px);  
  }
  100%{
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);
    transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);  
  }
}
@-o-keyframes page_open_right {
  0% {   
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(50px) rotateY(-20deg) scaleX(0) scaleY(.55) translateY(-40px);
    transform:perspective(400px) rotateY(-20deg) scaleX(0) scaleY(.55) translateY(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(350px) rotateY(-20deg) scaleX(.35) scaleY(.95) translateY(-5px);
    transform:perspective(350px) rotateY(-20deg) scaleX(.35) scaleY(.95) translateY(-5px);  
  }
  100%{
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);
    transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);  
  }
}
@keyframes page_open_right {
  0% {   
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(50px) rotateY(-20deg) scaleX(0) scaleY(.55) translateY(-40px);
    transform:perspective(400px) rotateY(-20deg) scaleX(0) scaleY(.55) translateY(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(350px) rotateY(-20deg) scaleX(.35) scaleY(.95) translateY(-5px);
    transform:perspective(350px) rotateY(-20deg) scaleX(.35) scaleY(.95) translateY(-5px);  
  }
  100%{
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);
    transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);  
  }
}



/*======page-left======*/

@-webkit-keyframes page_open_left{
  0% {   
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(50px) rotateY(20deg) scaleX(0) scaleY(.55) translateY(-40px);
    transform:perspective(50px) rotateY(20deg) scaleX(0) scaleY(.55) translateY(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(450px) rotateY(20deg) scaleX(.35) scaleY(.95) translateY(-5px);
    transform:perspective(450px) rotateY(20deg) scaleX(.35) scaleY(.95) translateY(-5px);  
  }
  100%{
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);
    transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);  
  }
}
@-moz-keyframes page_open_left{
  0% {   
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(50px) rotateY(20deg) scaleX(0) scaleY(.55) translateY(-40px);
    transform:perspective(50px) rotateY(20deg) scaleX(0) scaleY(.55) translateY(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(450px) rotateY(20deg) scaleX(.35) scaleY(.95) translateY(-5px);
    transform:perspective(450px) rotateY(20deg) scaleX(.35) scaleY(.95) translateY(-5px);  
  }
  100%{
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);
    transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);  
  }
}
@-o-keyframes page_open_left{
  0% {   
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(50px) rotateY(20deg) scaleX(0) scaleY(.55) translateY(-40px);
    transform:perspective(50px) rotateY(20deg) scaleX(0) scaleY(.55) translateY(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(450px) rotateY(20deg) scaleX(.35) scaleY(.95) translateY(-5px);
    transform:perspective(450px) rotateY(20deg) scaleX(.35) scaleY(.95) translateY(-5px);  
  }
  100%{
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);
    transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);  
  }
}
@keyframes page_open_left{
  0% {   
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(50px) rotateY(20deg) scaleX(0) scaleY(.55) translateY(-40px);
    transform:perspective(50px) rotateY(20deg) scaleX(0) scaleY(.55) translateY(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(450px) rotateY(20deg) scaleX(.35) scaleY(.95) translateY(-5px);
    transform:perspective(450px) rotateY(20deg) scaleX(.35) scaleY(.95) translateY(-5px);  
  }
  100%{
    -webkit-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);
    transform:perspective(0) rotateY(0) scaleX(1) scaleY(1) translateY(0);  
  }
}

/*======form_bg_shadow======*/

@-webkit-keyframes page_open_shadow{
  0%,70% { 
    -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0);
    box-shadow: 0px 0px 35px rgba(0,0,0,0);
    background: rgba(255,255,255,0);
  }
  100%{
    -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
    background: rgba(255,255,255,1);
  }
}
@-moz-keyframes page_open_shadow{
  0%,70% { 
    -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0);
    box-shadow: 0px 0px 35px rgba(0,0,0,0);
    background: rgba(255,255,255,0);
  }
  100%{
    -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
    background: rgba(255,255,255,1);
  }
}
@-o-keyframes page_open_shadow{
  0%,70% { 
    -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0);
    box-shadow: 0px 0px 35px rgba(0,0,0,0);
    background: rgba(255,255,255,0);
  }
  100%{
    -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
    background: rgba(255,255,255,1);
  }
}
@keyframes page_open_shadow{
  0%,70% { 
    -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0);
    box-shadow: 0px 0px 35px rgba(0,0,0,0);
    background: rgba(255,255,255,0);
  }
  100%{
    -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
    background: rgba(255,255,255,1);
  }
}


/*======page-top======*/

@-webkit-keyframes page_open_top {
  0% {   
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(50px) rotateX(-20deg) scaleY(0) scaleX(.55) translateX(-40px);
    transform:perspective(400px) rotateX(-20deg) scaleY(0) scaleY(.55) translateX(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(350px) rotateX(-20deg) scaleY(.35) scaleX(.95) translateX(-5px);
    transform:perspective(350px) rotateX(-20deg) scaleY(.35) scaleX(.95) translateX(-5px);  
  }
  100%{
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);
    transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);  
  }
}
@-moz-keyframes page_open_top {
  0% {   
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(50px) rotateX(-20deg) scaleY(0) scaleX(.55) translateX(-40px);
    transform:perspective(400px) rotateX(-20deg) scaleY(0) scaleY(.55) translateX(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(350px) rotateX(-20deg) scaleY(.35) scaleX(.95) translateX(-5px);
    transform:perspective(350px) rotateX(-20deg) scaleY(.35) scaleX(.95) translateX(-5px);  
  }
  100%{
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);
    transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);  
  }
}
@-o-keyframes page_open_top {
  0% {   
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(50px) rotateX(-20deg) scaleY(0) scaleX(.55) translateX(-40px);
    transform:perspective(400px) rotateX(-20deg) scaleY(0) scaleY(.55) translateX(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(350px) rotateX(-20deg) scaleY(.35) scaleX(.95) translateX(-5px);
    transform:perspective(350px) rotateX(-20deg) scaleY(.35) scaleX(.95) translateX(-5px);  
  }
  100%{
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);
    transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);  
  }
}
@keyframes page_open_top {
  0% {   
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(50px) rotateX(-20deg) scaleY(0) scaleX(.55) translateX(-40px);
    transform:perspective(400px) rotateX(-20deg) scaleY(0) scaleY(.55) translateX(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(350px) rotateX(-20deg) scaleY(.35) scaleX(.95) translateX(-5px);
    transform:perspective(350px) rotateX(-20deg) scaleY(.35) scaleX(.95) translateX(-5px);  
  }
  100%{
    -webkit-transform-origin:bottom;
    -o-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);
    transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);  
  }
}


/*======page-bottom======*/

@-webkit-keyframes page_open_bottom {
  0% {   
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(50px) rotateX(20deg) scaleY(0) scaleX(.55) translateX(-40px);
    transform:perspective(400px) rotateX(20deg) scaleY(0) scaleX(.55) translateX(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(350px) rotateX(20deg) scaleY(.35) scaleX(.95) translateX(-5px);
    transform:perspective(350px) rotateX(20deg) scaleY(.35) scaleX(.95) translateX(-5px);  
  }
  100%{
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);
    transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);  
  }
}
@-moz-keyframes page_open_bottom {
  0% {   
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(50px) rotateX(20deg) scaleY(0) scaleX(.55) translateX(-40px);
    transform:perspective(400px) rotateX(20deg) scaleY(0) scaleX(.55) translateX(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(350px) rotateX(20deg) scaleY(.35) scaleX(.95) translateX(-5px);
    transform:perspective(350px) rotateX(20deg) scaleY(.35) scaleX(.95) translateX(-5px);  
  }
  100%{
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);
    transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);  
  }
}
@-o-keyframes page_open_bottom {
  0% {   
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(50px) rotateX(20deg) scaleY(0) scaleX(.55) translateX(-40px);
    transform:perspective(400px) rotateX(20deg) scaleY(0) scaleX(.55) translateX(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(350px) rotateX(20deg) scaleY(.35) scaleX(.95) translateX(-5px);
    transform:perspective(350px) rotateX(20deg) scaleY(.35) scaleX(.95) translateX(-5px);  
  }
  100%{
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);
    transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);  
  }
}
@keyframes page_open_bottom {
  0% {   
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(50px) rotateX(20deg) scaleY(0) scaleX(.55) translateX(-40px);
    transform:perspective(400px) rotateX(20deg) scaleY(0) scaleX(.55) translateX(-40px);  
  }
  30%{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(350px) rotateX(20deg) scaleY(.35) scaleX(.95) translateX(-5px);
    transform:perspective(350px) rotateX(20deg) scaleY(.35) scaleX(.95) translateX(-5px);  
  }
  100%{
    -webkit-transform-origin:top;
    -o-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);
    transform:perspective(0) rotateX(0) scaleY(1) scaleX(1) translateX(0);  
  }
}