@charset "utf-8";

/*@keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#cf4a img:nth-of-type(1) {
  animation-delay: 6s;
}
#cf4a img:nth-of-type(2) {
  animation-delay: 4s;
}
#cf4a img:nth-of-type(3) {
  animation-delay: 2s;
}
#cf4a img:nth-of-type(4) {
  animation-delay: 0;
}*/
/*#hero {
	
}*/
#hero img {
	width: 660px;
	height: 660px;
	/* [disabled]margin-top: 0px; */
	/* [disabled]margin-left: 0px; */
	position: absolute;
	/*opacity: 0;*/
	-webkit-animation-name: crossfade;
	-webkit-animation-duration: 24s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: crossfade;
	-moz-animation-duration: 24s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-name: crossfade;
	-o-animation-duration: 24s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	animation-name: crossfade;
	animation-duration: 24s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

#f01 {
	-webkit-animation-delay : 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	z-index: 6;
}
#f02 {
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	animation-delay: 4s;
	z-index: 5;
}
#f03 {
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-o-animation-delay: 8s;
	animation-delay: 8s;
	z-index: 4;
}
#f04 {
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	animation-delay: 12s;
	z-index: 3;
}
#f05 {
	-webkit-animation-delay: 16s;
	-moz-animation-delay: 16s;
	-o-animation-delay: 16s;
	animation-delay: 16s;
	z-index: 2;
}
#f06 {
	-webkit-animation-delay: 20s;
	-moz-animation-delay: 20s;
	-o-animation-delay: 20s;
	animation-delay: 20s;
	z-index: 1;
}


@-webkit-keyframes crossfade {
	0% {
		opacity: 1
		}
	14.58% {
		opacity: 1
		}
	16.68% {
		opacity: 0
		}
	97.9% {
		opacity: 0
		}
	100% {
		opacity: 1
		}
}
@-moz-keyframes crossfade {
	0% {
		opacity: 1
		}
	14.58% {
		opacity: 1
		}
	16.68% {
		opacity: 0
		}
	97.9% {
		opacity: 0
		}
	100% {
		opacity: 1
		}
}
@-o-keyframes crossfade {
	0% {
		opacity: 1
		}
	14.58% {
		opacity: 1
		}
	16.68% {
		opacity: 0
		}
	97.9% {
		opacity: 0
		}
	100% {
		opacity: 1
		}
}
@keyframes crossfade {
	0% {
		opacity: 1
		}
	14.58% {
		opacity: 1
		}
	16.68% {
		opacity: 0
		}
	97.9% {
		opacity: 0
		}
	100% {
		opacity: 1
		}
}