/*//car_Area//*/
#relay_vehicle #car_Area{
position: relative;
background:url(../img/animation_bg.png?new1027) left bottom repeat-x;
overflow:hidden;
width: 100%;
}
.car_icon{
display: block;
background:url(../img/car_icon.png?new1027) center center no-repeat;
background-size: contain;
}
.car_icon2{
display: block;
background:url(../img/car_icon.png?new1027) center center no-repeat;
background-size: contain;
}

@media all and (min-width:961px) {
#relay_vehicle #car_Area{
margin-top:4em;
height:200px;
background-size: contain;
}
.car_icon{
position: absolute;bottom:0;right:0;
width:200px;
height:100px;
animation : cars 15s linear infinite;
}
}

@media all and (max-width:960px) {
#relay_vehicle #car_Area{
margin-top:2em;
height:160px;
background-size:120%;
}
.car_icon{
position: absolute;bottom:0;right:0;
width:180px;
height:90px;
animation : cars 10s linear infinite;
}
}

@media all and (max-width:600px) {
#relay_vehicle #car_Area{
margin-top:0;
background-size:200%;
}
.car_icon{
width:140px;
height:70px;
animation : cars2 10s linear infinite;
}
}

@keyframes cars {
0% {right: -25%;bottom: 15%;}
5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {bottom: 10%;}
10%,20%,30%,40%,50%,60%,70%,80%,90% {bottom: 15%;}
100% {right: 110%;bottom: 15%;}
}
@keyframes cars2 {
0% {right: -25%;bottom: 10%;}
10%,30%,50%,70%,90% {bottom: 5%;}
20%,40%,60%,80% {bottom: 10%;}
100% {right: 110%;bottom: 10%;}
}