/* ���� */
@keyframes myfirst
{
    0%   {transform: rotate(15deg);}
    20%  {transform: rotate(-15deg);}
    40%  {transform: rotate(15deg);}
    60% {transform: rotate(-15deg);}
    80% {transform: rotate(15deg);}
    100% {transform: rotate(0deg);}
}
@-moz-keyframes myfirst /* Firefox */
{
    0%   {transform: rotate(15deg);}
    20%  {transform: rotate(-15deg);}
    40%  {transform: rotate(15deg);}
    60% {transform: rotate(-15deg);}
    80% {transform: rotate(5deg);}
    100% {transform: rotate(0deg);}
}
@-webkit-keyframes myfirst /* Safari �� Chrome */
{
    0%   {transform: rotate(15deg);}
    20%  {transform: rotate(-15deg);}
    40%  {transform: rotate(15deg);}
    60% {transform: rotate(-15deg);}
    80% {transform: rotate(5deg);}
    100% {transform: rotate(0deg);}
}
@-o-keyframes myfirst /* Opera */
{
    0%   {transform: rotate(15deg);}
    20%  {transform: rotate(-15deg);}
    40%  {transform: rotate(15deg);}
    60% {transform: rotate(-15deg);}
    80% {transform: rotate(5deg);}
    100% {transform: rotate(0deg);}
}
@keyframes overturn
{
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(360deg);}
    100% {transform: rotateY(0deg);}
}
@-moz-keyframes overturn /* Firefox */
{
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(360deg);}
    100% {transform: rotateY(0deg);}
}
@-webkit-keyframes overturn /* Safari �� Chrome */
{
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(360deg);}
    100% {transform: rotateY(0deg);}
}
@-o-keyframes overturn /* Opera */
{
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(360deg);}
    100% {transform: rotateY(0deg);}
}