/*image banner*/
#image_banner{
  background-color:#BBB;
  height:125px;
  border: 1px solid;
  border-radius: 4px 4px 0px 0px;
}

#img_banner_cont{
  position:relative;
  margin:0 auto;  
  height:125px;
  overflow:hidden;
}

#img_banner_cont img{
  position:absolute;
  left:0;
   -webkit-transform: translate(0%,0%) scale(1.4,1.4);
  -ms-transform: translate(0%,0%) scale(1.4,1.4);
  -moz-transform: translate(0%,0%) scale(1.4,1.4);
  transform: translate(0%,0%) scale(1.4,1.4);
  width:100%;
  max-width: none;
}

#img_container{
  position:relative;
  margin:0 auto;  
  height:125px;
  overflow:hidden;
}
#img_container img{
  position:absolute;
  left:0;
  max-width:none;
}

@-webkit-keyframes imgFadeInOut{
  0%{
    opacity:1;
    -moz-transform: scale(1.0,1.0) translate(-20px,-10px);
    -ms-transform: scale(1.0,1.0) translate(-20px,-10px);
    -webkit-transform: scale(1.0,1.0) translate(-20px,-10px);
    transform: scale(1.0,1.0) translate(-20px,-10px);

  }
  17%{
    opacity:1;
  }
  25%{    
    opacity:0;
  }
  50%{
    -moz-transform: scale(1.4,1.4) translate(-80px,-220px);
    -ms-transform: scale(1.4,1.4) translate(-80px,-220px);
    -webkit-transform: scale(1.4,1.4) translate(-80px,-220px);
    transform: scale(1.4,1.4) translate(-80px,-220px);
  }
  92%{
    opacity:0;
  }
  100%{
    opacity:1;
    -moz-transform: scale(1.0,1.0) translate(-20px,-10px);
    -ms-transform: scale(1.0,1.0) translate(-20px,-10px);
    -webkit-transform: scale(1.0,1.0) translate(-20px,-10px);
    transform: scale(1.0,1.0) translate(-20px,-10px);
  }
}

@-moz-keyframes imgFadeInOut{
  0%{
    opacity:1;
    -moz-transform: scale(1.0,1.0) translate(-20px,-10px);
    -ms-transform: scale(1.0,1.0) translate(-20px,-10px);
    -webkit-transform: scale(1.0,1.0) translate(-20px,-10px);
    transform: scale(1.0,1.0) translate(-20px,-10px);

  }
  17%{
    opacity:1;
  }
  25%{    
    opacity:0;
  }
  50%{
    -moz-transform: scale(1.4,1.4) translate(-80px,-220px);
    -ms-transform: scale(1.4,1.4) translate(-80px,-220px);
    -webkit-transform: scale(1.4,1.4) translate(-80px,-220px);
    transform: scale(1.4,1.4) translate(-80px,-220px);
  }
  92%{
    opacity:0;
  }
  100%{
    opacity:1;
    -moz-transform: scale(1.0,1.0) translate(-20px,-10px);
    -ms-transform: scale(1.0,1.0) translate(-20px,-10px);
    -webkit-transform: scale(1.0,1.0) translate(-20px,-10px);
    transform: scale(1.0,1.0) translate(-20px,-10px);
  }
}

@-ms-keyframes imgFadeInOut{
  0%{
    opacity:1;
    -moz-transform: scale(1.0,1.0) translate(-20px,-10px);
    -ms-transform: scale(1.0,1.0) translate(-20px,-10px);
    -webkit-transform: scale(1.0,1.0) translate(-20px,-10px);
    transform: scale(1.0,1.0) translate(-20px,-10px);

  }
  17%{
    opacity:1;
  }
  25%{    
    opacity:0;
  }
  50%{
    -moz-transform: scale(1.4,1.4) translate(-80px,-220px);
    -ms-transform: scale(1.4,1.4) translate(-80px,-220px);
    -webkit-transform: scale(1.4,1.4) translate(-80px,-220px);
    transform: scale(1.4,1.4) translate(-80px,-220px);
  }
  92%{
    opacity:0;
  }
  100%{
    opacity:1;
    -moz-transform: scale(1.0,1.0) translate(-20px,-10px);
    -ms-transform: scale(1.0,1.0) translate(-20px,-10px);
    -webkit-transform: scale(1.0,1.0) translate(-20px,-10px);
    transform: scale(1.0,1.0) translate(-20px,-10px);
  }
}

@keyframes imgFadeInOut{
  0%{
    opacity:1;
    -moz-transform: scale(1.0,1.0) translate(-20px,-10px);
    -ms-transform: scale(1.0,1.0) translate(-20px,-10px);
    -webkit-transform: scale(1.0,1.0) translate(-20px,-10px);
    transform: scale(1.0,1.0) translate(-20px,-10px);

  }
  17%{
    opacity:1;
  }
  25%{    
    opacity:0;
  }
  50%{
    -moz-transform: scale(1.4,1.4) translate(-80px,-220px);
    -ms-transform: scale(1.4,1.4) translate(-80px,-220px);
    -webkit-transform: scale(1.4,1.4) translate(-80px,-220px);
    transform: scale(1.4,1.4) translate(-80px,-220px);
  }
  92%{
    opacity:0;
  }
  100%{
    opacity:1;
    -moz-transform: scale(1.0,1.0) translate(-20px,-10px);
    -ms-transform: scale(1.0,1.0) translate(-20px,-10px);
    -webkit-transform: scale(1.0,1.0) translate(-20px,-10px);
    transform: scale(1.0,1.0) translate(-20px,-10px);
  }
}



#img_container img{
  -webkit-animation-name: imgFadeInOut;
  -webkit-animation-timing-function: cubic-bezier(0.2,0,0.8,1);
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 120s;
  
  -moz-animation-name: imgFadeInOut;
  -moz-animation-timing-function: cubic-bezier(0.2,0,0.8,1);
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 120s;
  
  -ms-animation-name: imgFadeInOut;
  -ms-animation-timing-function: cubic-bezier(0.2,0,0.8,1);
  -ms-animation-iteration-count: infinite;
  -ms-animation-duration: 120s;
    
  animation-name: imgFadeInOut;
  animation-timing-function: cubic-bezier(0.2,0,0.8,1);
  animation-iteration-count: infinite;
  animation-duration: 120s;
}

#img_container img:nth-of-type(1){
  -ms-animation-delay:90s;
  -webkit-animation-delay:90s;
  -moz-animation-delay:90s;
  animation-delay:90s;
}
#img_container img:nth-of-type(2){
  -webkit-animation-delay:60s;
  -moz-animation-delay:60s;
  -ms-animation-delay:60s;
  animation-delay:60s;
}
#img_container img:nth-of-type(3){
  -webkit-animation-delay:30s;
  -moz-animation-delay:30s;
  -ms-animation-delay:30s;
  animation-delay:30s;
}
#img_container img:nth-of-type(4){
  -webkit-animation-delay:0s;
  -moz-animation-delay:0s;
  -ms-animation-delay:0s;
  animation-delay:0s;
}