.move1{
    animation:moveLager1 0.3s  ease-in-out;
    -webkit-animation:moveLager1 0.3s  ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
@keyframes moveLager1 {
    from{
        transform: scale(1);
        -ms-transform:scale(1); 	/* IE 9 */
        -webkit-transform:scale(1);
    }
    to{
        transform: scale(1.1);
        -ms-transform:scale(1.1); 	/* IE 9 */
        -webkit-transform:scale(1.1);
    }
}
@-webkit-keyframes moveLager1 {
    from{
        transform: scale(1);
        -ms-transform:scale(1); 	/* IE 9 */
        -webkit-transform:scale(1);
    }
    to{
        transform: scale(1.1);
        -ms-transform:scale(1.1); 	/* IE 9 */
        -webkit-transform:scale(1.1);
    }
}
.move2{
    animation:moveLager2 0.3s  ease-in-out;
    -webkit-animation:moveLager2 0.3s  ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
@keyframes moveLager2 {
    from{
        transform: scale(1.1);
        -ms-transform:scale(1.1); 	/* IE 9 */
        -webkit-transform:scale(1.1);
    }
    to{
        transform: scale(1);
        -ms-transform:scale(1); 	/* IE 9 */
        -webkit-transform:scale(1);
    }
}
@-webkit-keyframes moveLager2 {
    from{
        transform: scale(1.1);
        -ms-transform:scale(1.1); 	/* IE 9 */
        -webkit-transform:scale(1.1);
    }
    to{
        transform: scale(1);
        -ms-transform:scale(1); 	/* IE 9 */
        -webkit-transform:scale(1);
    }
}

@keyframes moveLager3 {
    from{
        transform: scale(1);
        -ms-transform:scale(1); 	/* IE 9 */
        -webkit-transform:scale(1);
        opacity: 0.8;
    }
    20%{
        opacity: 0.6;
    }
    40%{
        transform: scale(1.1);
        -ms-transform:scale(1.1); 	/* IE 9 */
        -webkit-transform:scale(1.1);
        opacity: 0.4;
    }
    60%{
        opacity: 0.6;
    }
    80%{
        opacity: 0.8;
    }
    to{
        transform: scale(1);
        -ms-transform:scale(1); 	/* IE 9 */
        -webkit-transform:scale(1);
        opacity: 1;
    }

}
@-webkit-keyframes moveLager4 {
    from{
        transform: scale(1);
        -ms-transform:scale(1); 	/* IE 9 */
        -webkit-transform:scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.1);
        -ms-transform:scale(1.1); 	/* IE 9 */
        -webkit-transform:scale(1.1);
        opacity: 0.5;
    }
    to{
        transform: scale(1);
        -ms-transform:scale(1); 	/* IE 9 */
        -webkit-transform:scale(1);
        opacity: 0;
    }

}


.move3{
    animation:moveColor 0.3s  ease-in-out;
    -webkit-animation:moveColor 0.3s  ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
@keyframes moveColor {
    from{
        background-color: #b54122;
        color: #ffffff;
    }
    to{
        background-color: #e9e9e9;
        color: #b54122;
    }
}
@-webkit-keyframes moveColor {
    from{
        background-color: #b54122;
        color: #ffffff;
    }
    to{
        background-color: #e9e9e9;
        color: #b54122;
    }
}
.move4{
    animation:moveColor2 0.3s  ease-in-out;
    -webkit-animation:moveColor2 0.3s  ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
@keyframes moveColor2 {
    from{
        background-color: #e9e9e9;
        color: #b54122;
    }
    to{
        background-color: #b54122;
        color: #ffffff;
    }
}
@-webkit-keyframes moveColor2 {
    from{
        background-color: #e9e9e9;
        color: #b54122;
    }
    to{
        background-color: #b54122;
        color: #ffffff;
    }
}