@charset "utf-8";
@keyframes slide1 {
 0% {
opacity: 0;
}
 10% {
opacity: 1;
}
 30% {
opacity: 1;
}
 40% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@keyframes slide2 {
 0% {
opacity: 0;
}
 20% {
opacity: 0;
}
 30% {
opacity: 1;
}
 60% {
opacity: 1;
}
 70% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
 @keyframes slide3 {
 0% {
opacity: 0;
}
 50% {
opacity: 0;
}
 60% {
opacity: 1;
}
 85% {
opacity: 1;
}
 95% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
.mainimg {
	clear: left;
	width: 960px;
	margin: 0 auto;
	position: relative;
	/*box-shadow: 0px 20px 30px rgba(0,0,0,0.1);*/ background-color: #F5DD4D;
}
.bgimgBK {
	background-color: #F5DD4D;
	width: 100%;
}
.slide1, .slide2, .slide3 {
	animation-duration: 15s;
	animation-iteration-count: infinite;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	animation-fill-mode: both;
	animation-delay: 1s;
}
.slide0 {
	position: relative;
	width: 100%;
	height: auto;
}
.slide1 {
	animation-name: slide1;
}
.slide2 {
	animation-name: slide2;
}
.slide3 {
	animation-name: slide3;
}
@media screen and (max-width:960px) {
.mainimg {
	clear: left;
	width: 100%;
	margin: 0 auto;
	position: relative;
	box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
	background-color: #F5DD4D;
}
}