@charset "utf-8";




.coverchangewrap {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	overflow:hidden;
    -webkit-backface-visibility: hidden;
	animation-delay:0s;

    -webkit-animation: ImgAnime2 24s linear infinite;
    -moz-animation: ImgAnime2 24s linear infinite;
    -o-animation: ImgAnime2 24s linear infinite;
    -ms-animation: ImgAnime2 24s linear infinite;
    animation: ImgAnime2 24s linear infinite;
    z-index: 0;
}

.coverchangewrap ul > li{
    position: absolute;
    top:0;
    margin:0 auto;
    width: 100%;
    height: 100%;
    left:0;
    right:0;
    opacity: 0;
	visibility: hidden;
    -webkit-backface-visibility: hidden;
	background-size: cover;

}
.coverchangewrap ul > li:nth-of-type(1){
	-webkit-animation: fadeSlideImg01 24s linear infinite;
    -moz-animation: fadeSlideImg01  24s linear infinite;
    -o-animation: fadeSlideImg01 24s linear infinite;
    -ms-animation: fadeSlideImg01 24s linear infinite;
    animation: fadeSlideImg01 24s linear infinite;
	animation-delay:0s;
	/* background-position: center center; */
  background-position: left 30% center;
}
.coverchangewrap ul > li:nth-of-type(2){
	-webkit-animation: fadeSlideImg02 24s linear infinite;
    -moz-animation: fadeSlideImg02  24s linear infinite;
    -o-animation: fadeSlideImg02 24s linear infinite;
    -ms-animation: fadeSlideImg02 24s linear infinite;
    animation: fadeSlideImg02 24s linear infinite;
	animation-delay:8s;
}
.coverchangewrap ul > li:nth-of-type(3){
	-webkit-animation: fadeSlideImg03 24s linear infinite;
    -moz-animation: fadeSlideImg03  24s linear infinite;
    -o-animation: fadeSlideImg03 24s linear infinite;
    -ms-animation: fadeSlideImg03 24s linear infinite;
    animation: fadeSlideImg03 24s linear infinite;
	animation-delay:16s;
	background-position: left 35% center;
}


.txtArea ol li{
}

.txtArea ol li .txtBox {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 410px;
    transform: translate(-50%, -50%);
    z-index: 3001;
    text-align: center;
    color: #fff;
    text-shadow: 4px 0px 6px rgba(17,131,166,0.8), 0px 4px 6px rgba(17,131,166,0.8), -4px 0px 6px rgba(17,131,166,0.8), 0px -4px 6px rgba(17,131,166,0.8);
    -moz-text-shadow: 4px 0px 6px rgba(17,131,166,0.8) , 0px 4px 6px rgba(17,131,166,0.8) , -4px 0px 6px rgba(17,131,166,0.8) , 0px -4px 6px rgba(17,131,166,0.8);
    -webkit-text-shadow: 4px 0px 6px rgba(17,131,166,0.8) , 0px 4px 6px rgba(17,131,166,0.8) , -4px 0px 6px rgba(17,131,166,0.8) , 0px -4px 6px rgba(17,131,166,0.8);
	opacity: 0;
    -webkit-backface-visibility: hidden;

    -webkit-animation: fadeSlideTxt01 24s linear infinite;
    -moz-animation: fadeSlideTxt01  24s linear infinite;
    -o-animation: fadeSlideTxt01 24s linear infinite;
    -ms-animation: fadeSlideTxt01 24s linear infinite;
    animation: fadeSlideTxt01 24s linear infinite;
}
.txtArea ol li:nth-of-type(1) .txtBox{
	animation-delay:0s;
}
.txtArea ol li:nth-of-type(2) .txtBox{
	animation-delay:8s;
}
.txtArea ol li:nth-of-type(3) .txtBox{
	animation-delay:16s;
}


@keyframes ImgAnime2 {

}
@keyframes fadeSlideImg01 {
	0% {
		opacity: 0;
		visibility: hidden;
		-moz-transform: scale(1.0) rotate(0.1deg);
		-webkit-transform: scale(1.0) rotate(0.1deg);
		-ms-transform: scale(1.0) rotate(0.1deg);
		transform: scale(1.0) rotate(0.1deg);
		animation-timing-function: ease-out;
	}
	8% {
		opacity: 1;
		visibility: visible;
	}

	26% {
		opacity: 1;
		visibility: visible;
	}
	33% {
		opacity: 0;
		visibility: hidden;
		-moz-transform: scale(1.1) rotate(0.1deg);
		-webkit-transform: scale(1.1) rotate(0.1deg);
		-ms-transform: scale(1.1) rotate(0.1deg);
		transform: scale(1.1) rotate(0.1deg);
		animation-timing-function: ease-out;
	}
	100% {
		opacity: 0;
		visibility: hidden;
		-moz-transform: scale(1.0) rotate(0.1deg);
		-webkit-transform: scale(1.0) rotate(0.1deg);
		-ms-transform: scale(1.0) rotate(0.1deg);
		transform: scale(1.0) rotate(0.1deg);
		animation-timing-function: ease-out;
	}
}
@keyframes fadeSlideImg02 {
	0% {
		opacity: 0;
		visibility: hidden;
		-moz-transform: scale(1.1) rotate(0.1deg);
		-webkit-transform: scale(1.1) rotate(0.1deg);
		-ms-transform: scale(1.1) rotate(0.1deg);
		transform: scale(1.1) rotate(0.1deg);
		animation-timing-function: ease-out;
	}
	8% {
		opacity: 1;
		visibility: visible;
	}

	26% {
		opacity: 1;
		visibility: visible;
	}
	33% {
		opacity: 0;
		visibility: hidden;
		-moz-transform: scale(1.0) rotate(0.1deg);
		-webkit-transform: scale(1.0) rotate(0.1deg);
		-ms-transform: scale(1.0) rotate(0.1deg);
		transform: scale(1.0) rotate(0.1deg);
		animation-timing-function: ease-out;
	}
	100% {
		opacity: 0;
		visibility: hidden;
		-moz-transform: scale(1.1) rotate(0.1deg);
		-webkit-transform: scale(1.1) rotate(0.1deg);
		-ms-transform: scale(1.1) rotate(0.1deg);
		transform: scale(1.1) rotate(0.1deg);
		animation-timing-function: ease-out;
	}
}
@keyframes fadeSlideImg03 {
	0% {
		opacity: 0;
		visibility: hidden;
		-moz-transform: scale(1.0) rotate(0.1deg);
		-webkit-transform: scale(1.0) rotate(0.1deg);
		-ms-transform: scale(1.0) rotate(0.1deg);
		transform: scale(1.0) rotate(0.1deg);
		animation-timing-function: ease-out;
	}
	8% {
		opacity: 1;
		visibility: visible;
	}

	26% {
		opacity: 1;
		visibility: visible;
	}
	33% {
		opacity: 0;
		visibility: hidden;
		-moz-transform: scale(1.1) rotate(0.1deg);
		-webkit-transform: scale(1.1) rotate(0.1deg);
		-ms-transform: scale(1.1) rotate(0.1deg);
		transform: scale(1.1) rotate(0.1deg);
		animation-timing-function: ease-out;
	}
	100% {
		opacity: 0;
		visibility: hidden;
		-moz-transform: scale(1.0) rotate(0.1deg);
		-webkit-transform: scale(1.0) rotate(0.1deg);
		-ms-transform: scale(1.0) rotate(0.1deg);
		transform: scale(1.0) rotate(0.1deg);
		animation-timing-function: ease-out;
	}
}
@keyframes fadeSlideTxt01 {
	0% {
		opacity: 0;
		visibility: hidden;
	}

	10% {
		opacity: 1;
		visibility: visible;
	}

	28% {
		opacity: 1;
		visibility: visible;
	}
	34% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}