@keyframes cf3FadeInOut {0% {opacity:1;} 25% {opacity:1;} 75% {opacity:0;} 100% {opacity:0;}}

#cf3 {position:relative; height:281px; width:450px; margin:0 auto;}
#cf3 img {position:absolute; left:0;}

#cf3 img.top {
  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  animation-direction: alternate;
}

@keyframes crossfading01FadeInOut {0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;}}

#crossfading01 {position:relative; height:140px; width:210px; margin:0 auto;}
#crossfading01 img {position:absolute; top:6px; left:10px;}

#crossfading01 img {
  animation-name: crossfading01FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 32s;
}

#crossfading01 img:nth-of-type(1) {
  animation-delay:25s;
}

#crossfading01 img:nth-of-type(2) {
  animation-delay: 20s;
}

#crossfading01 img:nth-of-type(3) {
  animation-delay: 15s;
}

#crossfading01 img:nth-of-type(4) {
  animation-delay: 10s;
}

#crossfading01 img:nth-of-type(5) {
  animation-delay: 5s;
}

#crossfading01 img:nth-of-type(6) {
  animation-delay: 0s;
}

#crossfading01 img:nth-of-type(1) {animation-delay: 25s;}
#crossfading01 img:nth-of-type(2) {animation-delay: 20s;}
#crossfading01 img:nth-of-type(3) {animation-delay: 15s;}
#crossfading01 img:nth-of-type(4) {animation-delay: 10s;}
#crossfading01 img:nth-of-type(5) {animation-delay: 5s;}
#crossfading01 img:nth-of-type(6) {animation-delay: 0s;}

@keyframes crossfading02FadeInOut {0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;}}

#crossfading02 {position:relative; height:281px; width:450px; margin:0 auto;}
#crossfading02 img {position:absolute;  top:6px; left:10px;}

#crossfading02 img {
  animation-name: crossfading02FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 40s;
}
#crossfading02 img:nth-of-type(1) {
  animation-delay: 35s;
}
#crossfading02 img:nth-of-type(2) {
  animation-delay: 30s;
}
#crossfading02 img:nth-of-type(3) {
  animation-delay: 25s;
}
#crossfading02 img:nth-of-type(4) {
  animation-delay: 20s;
}
#crossfading02 img:nth-of-type(5) {
  animation-delay: 15s;
}
#crossfading02 img:nth-of-type(6) {
  animation-delay: 10s;
}
#crossfading02 img:nth-of-type(7) {
  animation-delay: 5s;
}
#crossfading02 img:nth-of-type(8) {
  animation-delay: 0s;
}
#crossfading02 img:nth-of-type(1) {animation-delay: 35s;}
#crossfading02 img:nth-of-type(2) {animation-delay: 30s;}
#crossfading02 img:nth-of-type(3) {animation-delay: 25s;}
#crossfading02 img:nth-of-type(4) {animation-delay: 20s;}
#crossfading02 img:nth-of-type(5) {animation-delay: 15s;}
#crossfading02 img:nth-of-type(6) {animation-delay: 10s;}
#crossfading02 img:nth-of-type(7) {animation-delay: 5s;}
#crossfading02 img:nth-of-type(8) {animation-delay: 0s;}

@keyframes crossfading03FadeInOut {0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;}}

#crossfading03 {position:relative; height:281px; width:450px; margin:0 auto;}
#crossfading03 img {position:absolute;  top:0px; left:0px;}

#crossfading03 img {
  animation-name: crossfading03FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 82s;
}
#crossfading03 img:nth-of-type(1) {
  animation-delay: 70s;
}
#crossfading03 img:nth-of-type(2) {
  animation-delay: 60s;
}
#crossfading03 img:nth-of-type(3) {
  animation-delay: 50s;
}
#crossfading03 img:nth-of-type(4) {
  animation-delay: 40s;
}
#crossfading03 img:nth-of-type(5) {
  animation-delay: 30s;
}
#crossfading03 img:nth-of-type(6) {
  animation-delay: 20s;
}
#crossfading03 img:nth-of-type(7) {
  animation-delay: 10s;
}
#crossfading03 img:nth-of-type(8) {
  animation-delay: 0s;
}
#crossfading03 img:nth-of-type(1) {animation-delay: 70s;}
#crossfading03 img:nth-of-type(2) {animation-delay: 60s;}
#crossfading03 img:nth-of-type(3) {animation-delay: 50s;}
#crossfading03 img:nth-of-type(4) {animation-delay: 40s;}
#crossfading03 img:nth-of-type(5) {animation-delay: 30s;}
#crossfading03 img:nth-of-type(6) {animation-delay: 20s;}
#crossfading03 img:nth-of-type(7) {animation-delay: 10s;}
#crossfading03 img:nth-of-type(8) {animation-delay: 0s;}

@keyframes crossfading04FadeInOut {0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;}}

#crossfading04 {position:relative; height:281px; width:450px; margin:0 auto;}
#crossfading04 img {position:absolute; left:0;}

#crossfading04 img {
  animation-name: crossfading04FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 82s;
}
#crossfading04 img:nth-of-type(1) {
  animation-delay: 70s;
}
#crossfading04 img:nth-of-type(2) {
  animation-delay: 60s;
}
#crossfading04 img:nth-of-type(3) {
  animation-delay: 50s;
}
#crossfading04 img:nth-of-type(4) {
  animation-delay: 40s;
}
#crossfading04 img:nth-of-type(5) {
  animation-delay: 30s;
}
#crossfading04 img:nth-of-type(6) {
  animation-delay: 20s;
}
#crossfading04 img:nth-of-type(7) {
  animation-delay: 10s;
}
#crossfading04 img:nth-of-type(8) {
  animation-delay: 0s;
}
#crossfading04 img:nth-of-type(1) {animation-delay: 70s;}
#crossfading04 img:nth-of-type(2) {animation-delay: 60s;}
#crossfading04 img:nth-of-type(3) {animation-delay: 50s;}
#crossfading04 img:nth-of-type(4) {animation-delay: 40s;}
#crossfading04 img:nth-of-type(5) {animation-delay: 30s;}
#crossfading04 img:nth-of-type(6) {animation-delay: 20s;}
#crossfading04 img:nth-of-type(7) {animation-delay: 10s;}
#crossfading04 img:nth-of-type(8) {animation-delay: 0s;}

@keyframes crossfading05FadeInOut {0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;}}

#crossfading05 {position:relative; height:281px; width:450px; margin:0 auto;}
#crossfading05 img {position:absolute; left:0;}

#crossfading05 img {
  animation-name: crossfading05FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 82s;
}
#crossfading05 img:nth-of-type(1) {
  animation-delay: 70s;
}
#crossfading05 img:nth-of-type(2) {
  animation-delay: 60s;
}
#crossfading05 img:nth-of-type(3) {
  animation-delay: 50s;
}
#crossfading05 img:nth-of-type(4) {
  animation-delay: 40s;
}
#crossfading05 img:nth-of-type(5) {
  animation-delay: 30s;
}
#crossfading05 img:nth-of-type(6) {
  animation-delay: 20s;
}
#crossfading05 img:nth-of-type(7) {
  animation-delay: 10s;
}
#crossfading05 img:nth-of-type(8) {
  animation-delay: 0s;
}
#crossfading05 img:nth-of-type(1) {animation-delay: 70s;}
#crossfading05 img:nth-of-type(2) {animation-delay: 60s;}
#crossfading05 img:nth-of-type(3) {animation-delay: 50s;}
#crossfading05 img:nth-of-type(4) {animation-delay: 40s;}
#crossfading05 img:nth-of-type(5) {animation-delay: 30s;}
#crossfading05 img:nth-of-type(6) {animation-delay: 20s;}
#crossfading05 img:nth-of-type(7) {animation-delay: 10s;}
#crossfading05 img:nth-of-type(8) {animation-delay: 0s;}

@keyframes crossfading06FadeInOut {0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;}}

#crossfading06 {position:relative; height:281px; width:450px; margin:0 auto;}
#crossfading06 img {position:absolute; left:0;}

#crossfading06 img {
  animation-name: crossfading06FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 82s;
}
#crossfading06 img:nth-of-type(1) {
  animation-delay: 70s;
}
#crossfading06 img:nth-of-type(2) {
  animation-delay: 60s;
}
#crossfading06 img:nth-of-type(3) {
  animation-delay: 50s;
}
#crossfading06 img:nth-of-type(4) {
  animation-delay: 40s;
}
#crossfading06 img:nth-of-type(5) {
  animation-delay: 30s;
}
#crossfading06 img:nth-of-type(6) {
  animation-delay: 20s;
}
#crossfading06 img:nth-of-type(7) {
  animation-delay: 10s;
}
#crossfading06 img:nth-of-type(8) {
  animation-delay: 0s;
}
#crossfading06 img:nth-of-type(1) {animation-delay: 70s;}
#crossfading06 img:nth-of-type(2) {animation-delay: 60s;}
#crossfading06 img:nth-of-type(3) {animation-delay: 50s;}
#crossfading06 img:nth-of-type(4) {animation-delay: 40s;}
#crossfading06 img:nth-of-type(5) {animation-delay: 30s;}
#crossfading06 img:nth-of-type(6) {animation-delay: 20s;}
#crossfading06 img:nth-of-type(7) {animation-delay: 10s;}
#crossfading06 img:nth-of-type(8) {animation-delay: 0s;}