#ban{background: url(../gf1/ban1.png)}
#rama{width:840px;height:600px;position:relative;top:220px;left:79px;border:solid 1px;border-radius:9px;background:#FFF;pointer-events:none}
.box{position:absolute;width:279px;height:199px;border:solid 1px #ccc;border-radius:23px;box-shadow:9px 9px 9px 0 rgba(0, 0, 0, 0.8) inset,-9px -9px 9px 0 rgba(255, 255, 255, .8) inset;overflow:hidden}
.img{position:relative;width:279px;height:199px} 
.ps{position:absolute}
#spr {position:absolute;top:60px;left:320px;animation:spring 2s;animation-timing-function:ease}
@keyframes spring {
0% {transform:scale(1) translateY(0)}
10% {transform:scale(1.2,.6)}
30% {transform:scale(0.8,1.1) translateY(-45px)}
50% {transform:scale(1) translateY(0)}
100% {transform:translateY(0)}}
#h1{position:absolute;width:630px;top:780px;margin-left:19%;font-weight:900;font-size:32px;font-family:'Courier New',Courier New}