.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0%;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: center;
  }

.rslides img {
  display: block;
  height: auto;
  float: center;
  width: 100%;
  border: 0;
  }
form {
    width: 558px;
}

@media only screen and (max-width: 568px) {
    form {
        width: 100%;
    }
} <style type="text/css">
<!--
body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F0F0F0;
}
body {
	background-color: #777777;
}
a:link {
	color: #DCDCDC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #DCDCDC;
}
a:hover {
	text-decoration: none;
	color: #E00000;
}
a:active {
	text-decoration: none;
	color: #E00000;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; line-height: 20px;
	color: #F0F0F0;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 18px;
	color: #F0F0F0;
}

.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #DCDCDC;
}
.style5 {
	color: #777777;
	font-size: xx-small;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #777777;
}

-->
  </style>
  <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
  <script type="text/javascript">
<!--