#banner {
 width: 100%;
  height: 100%;


}

#item1, #item2 {
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	margin:0px;
	border-radius: 10px;
	border:1px solid #666666;
	box-shadow: 0 4px 5px 1px #000000;
	padding:5px;
	margin-top:5px;

	}

#item1 {
animation: move1 15s infinite ;
}
#item2{
animation: move2 15s infinite;
}

@keyframes move1 {
   0% { transform: translateX(-102%); }
   15%,
   80% { transform: translateX(0%); }
  100% { transform: translateX(102%); }
}

@keyframes move2 {
   0% { transform: translateX(102%); }
   15% { transform: translateX(102%); }
   50%,
   80% { transform: translateX(0%); }
  100% { transform: translateX(-102%); }
  }