#imgFadeContainer {
  margin: auto;
  width: 100%;
  display: block;
  position: relative;
}

#imgFadeContainer img {
  position:absolute;
  width:100%;
  left:0;
  opacity:0;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

#imgFade2 img {
  -webkit-animation-name: imgFade2InOut;
  -webkit-animation-duration: 6s;
  -moz-animation-name: imgFade2InOut;
  -moz-animation-duration: 6s;
  -o-animation-name: imgFade2InOut;
  -o-animation-duration: 6s;
  animation-name: imgFade2InOut;
  animation-duration: 6s;
}

#imgFade3 img {
  -webkit-animation-name: imgFade3InOut;
  -webkit-animation-duration: 9s;
  -moz-animation-name: imgFade3InOut;
  -moz-animation-duration: 9s;
  -o-animation-name: imgFade3InOut;
  -o-animation-duration: 9s;
  animation-name: imgFade3InOut;
  animation-duration: 9s;
}

#imgFade4 img {
  -webkit-animation-name: imgFade4InOut;
  -webkit-animation-duration: 12s;
  -moz-animation-name: imgFade4InOut;
  -moz-animation-duration: 12s;
  -o-animation-name: imgFade4InOut;
  -o-animation-duration: 12s;
  animation-name: imgFade4InOut;
  animation-duration: 12s;
}

#imgFade5 img {
  -webkit-animation-name: imgFade5InOut;
  -webkit-animation-duration: 15s;
  -moz-animation-name: imgFade5InOut;
  -moz-animation-duration: 15s;
  -o-animation-name: imgFade5InOut;
  -o-animation-duration: 15s;
  animation-name: imgFade5InOut;
  animation-duration: 15s;
}

#imgFade6 img {
  -webkit-animation-name: imgFade6InOut;
  -webkit-animation-duration: 18s;
  -moz-animation-name: imgFade6InOut;
  -moz-animation-duration: 18s;
  -o-animation-name: imgFade6InOut;
  -o-animation-duration: 18s;
  animation-name: imgFade6InOut;
  animation-duration: 18s;
}

#imgFadeContainer img:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
#imgFadeContainer img:nth-of-type(2) {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}
#imgFadeContainer img:nth-of-type(3) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#imgFadeContainer img:nth-of-type(4) {
  -webkit-animation-delay: 9s;
  -moz-animation-delay: 9s;
  -o-animation-delay: 9s;
  animation-delay: 9s;
}
#imgFadeContainer img:nth-of-type(5) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#imgFadeContainer img:nth-of-type(6) {
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  -o-animation-delay: 15s;
  animation-delay: 15s;
}

@-webkit-keyframes imgFade2InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 50% {opacity:1;}
 59% {opacity:0;}
 100% {opacity:0;}
}
@-moz-keyframes imgFade2InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 50% {opacity:1;}
 59% {opacity:0;}
 100% {opacity:0;}
}
@-o-keyframes imgFade2InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 50% {opacity:1;}
 59% {opacity:0;}
 100% {opacity:0;}
}
@keyframes imgFade2InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 50% {opacity:1;}
 59% {opacity:0;}
 100% {opacity:0;}
}

@-webkit-keyframes imgFade3InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 27% {opacity:1;}
 36% {opacity:0;}
 100% {opacity:0;}
}
@-moz-keyframes imgFade3InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 27% {opacity:1;}
 36% {opacity:0;}
 100% {opacity:0;}
}
@-o-keyframes imgFade3InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 27% {opacity:1;}
 36% {opacity:0;}
 100% {opacity:0;}
}
@keyframes imgFade3InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 27% {opacity:1;}
 36% {opacity:0;}
 100% {opacity:0;}
}

@-webkit-keyframes imgFade4InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 20% {opacity:1;}
 29% {opacity:0;}
 100% {opacity:0;}
}
@-moz-keyframes imgFade4InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 20% {opacity:1;}
 29% {opacity:0;}
 100% {opacity:0;}
}
@-o-keyframes imgFade4InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 20% {opacity:1;}
 29% {opacity:0;}
 100% {opacity:0;}
}
@keyframes imgFade4InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 20% {opacity:1;}
 29% {opacity:0;}
 100% {opacity:0;}
}

@-webkit-keyframes imgFade5InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 15% {opacity:1;}
 24% {opacity:0;}
 100% {opacity:0;}
}
@-moz-keyframes imgFade5InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 15% {opacity:1;}
 24% {opacity:0;}
 100% {opacity:0;}
}
@-o-keyframes imgFade5InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 15% {opacity:1;}
 24% {opacity:0;}
 100% {opacity:0;}
}
@keyframes imgFade5InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 15% {opacity:1;}
 24% {opacity:0;}
 100% {opacity:0;}
}

@-webkit-keyframes imgFade6InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 12% {opacity:1;}
 21% {opacity:0;}
 100% {opacity:0;}
}
@-moz-keyframes imgFade6InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 12% {opacity:1;}
 21% {opacity:0;}
 100% {opacity:0;}
}
@-o-keyframes imgFade6InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 12% {opacity:1;}
 21% {opacity:0;}
 100% {opacity:0;}
}
@keyframes imgFade6InOut {
 0% {opacity:0;}
 9% {opacity:1;}
 12% {opacity:1;}
 21% {opacity:0;}
 100% {opacity:0;}
}


#frontpagesites {
  position: absolute;
  margin-left: 20px;
  margin-top: 45%;
  max-width: 170px;
  width: 35%;
  font-size:22px;
}

#frontpagesites .chinese {
  position: relative;
  background: black;
  border: 1px solid black;
  opacity: 0.7;
  min-height: 45px;
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px; 
}

#frontpagesites .chinese p {
  margin-left:10px;
  font-weight: bold;
  vertical-align:middle;
}

#frontpagesites .chinese:hover {
  background: transparent;
  color: red;
  border: 2px solid red;
}

#frontpagesites .english {
  position: relative;
  background: black;
  border: 1px solid black;
  opacity: 0.8;
  min-height: 45px;
  top: 10px;
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px; 
}

#frontpagesites .english p {
  margin-left:10px;
  font-weight: bold;
  vertical-align:middle;
}

#frontpagesites .english:hover {
  background: transparent;
  color: red;
  border: 2px solid red;
}

#frontpagesites .offering {
  position: relative;
  background: black;
  border: 1px solid black;
  opacity: 0.8;
  min-height: 45px;
  top: 15px;
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px; 
}

#frontpagesites .offering p {
  margin-left:10px;
  font-weight: bold;
  vertical-align:middle;
}

#frontpagesites .offering:hover {
  background: transparent;
  color: red;
  border: 2px solid red;
}

#frontpagesites a:link {
  color: white;
  text-decoration: none;
}

#frontpagesites a:visited {
  color: white;
  text-decoration: none;
}

#frontpagesites a:hover {
  color: red;
  text-decoration: none;
}

#rcaclogo {
  position: absolute;
  margin-top: 20px;
  margin-left: 60%;
  padding-left: 20px;
  font-size:32px;
  color: white;
  width: 35%;
  max-width: 300px;
  background: black;
  border: 1px solid black;
  opacity: 0.7;
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px; 
}