@charset "utf-8";
/* CSS Document */

.BGslideshow
{
	background-color: #000000;
}

.BGslideshow, .BGslideshow:after
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.BGslideshow:after
{
	content: '';
}

.BGslideshow li span
{ 
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	animation: imageAnimation 24s linear infinite 0s; 
	-webkit-animation: imageAnimation 24s linear infinite 0s;
	-moz-animation: imageAnimation 24s linear infinite 0s;
	-o-animation: imageAnimation 24s linear infinite 0s;
	-ms-animation: imageAnimation 24s linear infinite 0s;
}

.BGslideshow li:nth-child(1) span
{
	background-image: url(../images/bgImg_01.jpg);
}

.BGslideshow li:nth-child(2) span
{
	background-image: url(../images/bgImg_02.jpg);
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}

.BGslideshow li:nth-child(3) span
{
	background-image: url(../images/bgImg_03.jpg);
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}

.BGslideshow li:nth-child(4) span
{
	background-image: url(../images/bgImg_04.jpg);
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-o-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s;
}



@-webkit-keyframes imageAnimation 
{
	0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
	8% { opacity: 1; -webkit-animation-timing-function: ease-out; }
	25% { opacity: 1; }
	32% { opacity: 0; -webkit-transform: scale(1.15);}
	100% { opacity: 0; }
}

@-moz-keyframes imageAnimation 
{
	0% { opacity: 0; -moz-animation-timing-function: ease-in; }
	8% { opacity: 1; -moz-animation-timing-function: ease-out; }
	25% { opacity: 1; }
	32% { opacity: 0; -moz-transform: scale(1.15); }
	100% { opacity: 0; }
}

@-o-keyframes imageAnimation 
{
	0% { opacity: 0; -o-animation-timing-function: ease-in; }
	8% { opacity: 1; -o-animation-timing-function: ease-out; }
	25% { opacity: 1; }
	32% { opacity: 0; -o-transform: scale(1.15); }
	100% { opacity: 0; }
}

@-ms-keyframes imageAnimation 
{
	0% { opacity: 0; -ms-animation-timing-function: ease-in; }
	8% { opacity: 1; -ms-animation-timing-function: ease-out; }
	25% { opacity: 1; }
	32% { opacity: 0; -ms-transform: scale(1.15);}
	100% { opacity: 0; }
}
@keyframes imageAnimation 
{
	0% { opacity: 0; animation-timing-function: ease-in; }
	8% { opacity: 1; animation-timing-function: ease-out;  }
	25% { opacity: 1; }
	32% { opacity: 0; transform: scale(1.15); }
	100% { opacity: 0 }
}
/**/