@charset "UTF-8";
/* China Delight Slideshow CSS Document */

.slideshow_container {
	width: 100%;
	height: 0;
	padding-bottom: 39%;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.placeholder {
	height: 100%;
	width: 100%;
	visibility: hidden;
}
.layer_0, .layer_1, .layer_2, .layer_3, .layer_4 {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		z-index: 10;
	}
.layer_0 {
	background-image: url("../images/slideshow/logo_layer.png");
	animation: slide1 25s infinite;
	background-position: center;
	background-size: contain;
}
.layer_1 {
	background-image: url("../images/slideshow/slide_1_d.jpg");
	animation: slide2 25s infinite;
	background-size: contain;
}
.layer_2 {
	background-image: url("../images/slideshow/slide_2_b.jpg");
	animation: slide3 25s infinite;
	background-size: 100%;
}
.layer_3 {
	background-image: url("../images/slideshow/slide_3_b.jpg");
	animation: slide4 25s infinite;
	background-size: 100%;
}

.layer_4 {
	background-image: url("../images/slideshow/slide_5.jpg");
	animation: slide5 25s infinite;
	background-size: 100%;
}




@keyframes slide1 {
	0% {opacity: 1;}
	15% {opacity: 1;}
	20% {opacity: 0; transform: scale(0.5);}
	90% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes slide2 {
	0% {opacity: 0;}
	5% {opacity: 0;}
	15% {opacity: 1;}
	30% {opacity: 1;}
	35% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes slide3 {
	0% {opacity: 0; }
	30% {opacity: 0;}
	35% {opacity: 1;}
	50% {opacity: 1;}
	55% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes slide4 {
	0% {opacity: 0; }
	50% {opacity: 0;}
	55% {opacity: 1;}
	70% {opacity: 1;}
	75% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes slide5 {
	0% {opacity: 0; }
	70% {opacity: 0;}
	75% {opacity: 1;}
	90% {opacity: 1;}
	95% {opacity: 0;}
	100% {opacity: 0;}
}



@media (max-width: 576px) {
	.slideshow_container {
		width: 96%;
		margin: 0 auto;
	}
}