@charset "UTF-8";

#mainimage .slider {
	position:relative;
}
#mainimage .slider .main img {
	width:100%;
	height:auto;
}
#mainimage .slider #slide1 img {
	width:100%;
	height:auto;
}
#mainimage .slider #slide2 img {
	width:100%;
	height:auto;
}
#mainimage .slider #slide3 img {
	width:100%;
	height:auto;
}
#mainimage .slider #slide4 img {
	width:100%;
	height:auto;
}
#mainimage .slider #slide5 img {
	width:100%;
	height:auto;
}

#mainimage .slider #slide1,
#mainimage .slider #slide2,
#mainimage .slider #slide3,
#mainimage .slider #slide4,
#mainimage .slider #slide5 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#mainimage .slider #slide1 .bg1,
#mainimage .slider #slide2 .bg1,
#mainimage .slider #slide3 .bg1,
#mainimage .slider #slide4 .bg1,
#mainimage .slider #slide5 .bg1 {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}


#mainimage .slider #slide1 .bg1 {
	background:url(../images/slider/bg1.jpg) no-repeat;
	background-size:100% auto;
	animation-name: album11;
	-webkit-animation-name: album11;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
}
#mainimage .slider #slide2 .bg1 {
	background:url(../images/slider/bg2.jpg) no-repeat;
	background-size:100% auto;
	animation-name: album21;
	-webkit-animation-name: album21;
	animation-delay: 7s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
}
#mainimage .slider #slide3 .bg1 {
	background-size:100% auto;
	background:url(../images/slider/bg3.jpg) no-repeat;
	background-size:100% auto;	
	animation-name: album31;
	-webkit-animation-name: album31;
	animation-delay: 14s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
}
#mainimage .slider #slide4 .bg1 {
	background:url(../images/slider/bg4.jpg) no-repeat;
	background-size:100% auto;
	animation-name: album41;
	-webkit-animation-name: album41;
	animation-delay: 21s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
}
#mainimage .slider #slide5 .bg1 {
	background:url(../images/slider/bg5.jpg) no-repeat;
	background-size:100% auto;
	animation-name: album51;
	-webkit-animation-name: album51;
	animation-delay: 28s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-fill-mode: forwards;
}

#mainimage .slider #slide1 .img1 {
	position:absolute;
	right:0;
	top:0;
	animation-name: album12;
	-webkit-animation-name: album12;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}

#mainimage .slider #slide1 .img2 {
	position:absolute;
	left:7%;
	top:40%;
	animation-name: album13;
	-webkit-animation-name: album13;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}
#mainimage .slider #slide1 .img1 {
	width:79%;
	height:auto;
}
#mainimage .slider #slide1 .img2 {
	width:45.8%;
	height:auto;
}

#mainimage .slider #slide2 .img1 {
	position:absolute;
	left:0;
	top:0;
	animation-name: album22;
	-webkit-animation-name: album22;
	animation-delay: 7s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}

#mainimage .slider #slide2 .img2 {
	position:absolute;
	left:7%;
	top:40%;
	animation-name: album23;
	-webkit-animation-name: album23;
	animation-delay: 7s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}
#mainimage .slider #slide2 .img1 {
	width:54%;
	height:auto;
}
#mainimage .slider #slide2 .img2 {
	width:53.5%;
	height:auto;
}


#mainimage .slider #slide3 .img1 {
	position:absolute;
	right:0;
	bottom:0;
	animation-name: album32;
	-webkit-animation-name: album32;
	animation-delay: 14s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}

#mainimage .slider #slide3 .img2 {
	position:absolute;
	left:7%;
	top:40%;
	animation-name: album33;
	-webkit-animation-name: album33;
	animation-delay: 14s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}
#mainimage .slider #slide3 .img1 {
	width:67.2%;
	height:auto;
}
#mainimage .slider #slide3 .img2 {
	width:40%;
	height:auto;
}


#mainimage .slider #slide4 .img1 {
	position:absolute;
	left:7%;
	top:40%;
	animation-name: album42;
	-webkit-animation-name: album42;
	animation-delay: 21s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}
#mainimage .slider #slide4 .img1 {
	width:46.5%;
	height:auto;
}


#mainimage .slider #slide5 .img1 {
	position:absolute;
	left:6.7%;
	top:40%;
	animation-name: album52;
	-webkit-animation-name: album52;
	animation-delay: 28s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
	animation-fill-mode: forwards;
}
#mainimage .slider #slide5 .img2 {
	position:absolute;
	left:41.8%;
	top:38.7%;
	animation-name: album53;
	-webkit-animation-name: album53;
	animation-delay: 28s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
	animation-fill-mode: forwards;
}
#mainimage .slider #slide5 .img3 {
	position:absolute;
	right:9%;
	top:42%;
	animation-name: album54;
	-webkit-animation-name: album54;
	animation-delay: 28s;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
	animation-fill-mode: forwards;
}

#mainimage .slider #slide5 .img1 {
	width:27.2%;
	height:auto;
}
#mainimage .slider #slide5 .img2 {
	width:16.4%;
	height:auto;
}
#mainimage .slider #slide5 .img3 {
	width:28%;
	height:auto;
}


@media screen and (max-width: 768px) {
#mainimage .slider #slide5 .img1 {
	left:32%;
	top:7%;
}

#mainimage .slider #slide5 .img2 {
	left:36%;
	top:30%;
}

#mainimage .slider #slide5 .img3 {
	left:31%;
	top:75%;
}

#mainimage .slider #slide5 .img1 {
	width:34%;
}
#mainimage .slider #slide5 .img2 {
	width:25%;
}
#mainimage .slider #slide5 .img3 {
	width:35%;
}

}


@keyframes album11 {
	from  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album11 {
	from  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}
@keyframes album12 {
	from  { opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album12 {
	from  { opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}
@keyframes album13 {
	0%  { opacity: 0; }
	30% { opacity: 0; }
	40% { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album13 {
	0%  { opacity: 0; }
	30% { opacity: 0; }
	40% { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@keyframes album21 {
	0%  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album21 {
	0%  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}
@keyframes album22 {
	0%  { opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 0; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album22 {
	0%  { opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 0; }
	99.9%,to{ opacity: 0; }
}
@keyframes album23 {
	0%  { opacity: 0; }
	30% { opacity: 0; }
	40% { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album23 {
	0%  { opacity: 0; }
	30% { opacity: 0; }
	40% { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@keyframes album31 {
	0%  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album31 {
	0%  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}
@keyframes album32 {
	0%  { opacity: 0; }
	20% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 0; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album32 {
	0%  { opacity: 0; }
	20% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 0; }
	99.9%,to{ opacity: 0; }
}
@keyframes album33 {
	0%  { opacity: 0; }
	30% { opacity: 0; }
	40% { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album33 {
	0%  { opacity: 0; }
	30% { opacity: 0; }
	40% { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}


@keyframes album41 {
	0%  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album41 {
	0%  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 0; }
}
@keyframes album42 {
	0%  { opacity: 0; }
	25% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 0; }
	99.9%,to{ opacity: 0; }
}

@-webkit-keyframes album42 {
	0%  { opacity: 0; }
	25% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 0; }
	99.9%,to{ opacity: 0; }
}

@keyframes album51 {
	0%  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 1; }
}

@-webkit-keyframes album51 {
	0%  { opacity: 1; }
	80% { opacity: 1; }
	99.9%,to{ opacity: 1; }
}
@keyframes album52 {
	0%  { opacity: 0; }
	15% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 1; }
	99.9%,to{ opacity: 1; }
}

@-webkit-keyframes album52 {
	0%  { opacity: 0; }
	15% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 1; }
	99.9%,to{ opacity: 1; }
}
@keyframes album53 {
	0%  { opacity: 0; }
	15% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 1; }
	99.9%,to{ opacity: 1; }
}

@-webkit-keyframes album53 {
	0%  { opacity: 0; }
	15% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 1; }
	99.9%,to{ opacity: 1; }
}
@keyframes album54 {
	0%  { opacity: 0; }
	15% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 1; }
	99.9%,to{ opacity: 1; }
}

@-webkit-keyframes album54 {
	0%  { opacity: 0; }
	15% { opacity: 1; }
	80% { opacity: 1; }
	85% { opacity: 1; }
	99.9%,to{ opacity: 1; }
}