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

* {
  margin: 0;
  padding: 0;
}

.pic-wrapper {
  width: 100%;
  overflow: hidden;
  z-index:-10;
}

.pic-1 {
  opacity: 1;
  	width: 100%;
  	height:auto;
  	opacity: 1;
	position:absolute;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
    animation-delay: 0s;
  -o-animation-delay: 0s;
  -moz--animation-delay: 0s;
  -webkit-animation-delay: 0s;
}

.pic-2 {
	position:absolute;
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 8s;
  -o-animation-delay: 8s;
  -moz--animation-delay: 8s;
  -webkit-animation-delay: 8s;
}

.pic-3 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 16s;
  -o-animation-delay: 16s;
  -moz--animation-delay: 16s;
  -webkit-animation-delay: 16s;
}

.pic-4 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 24s;
  -o-animation-delay: 24s;
  -moz--animation-delay: 24s;
  -webkit-animation-delay: 24s;
}

.pic-5 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 32s;
  -o-animation-delay: 32s;
  -moz--animation-delay: 32s;
  -webkit-animation-delay: 32s;
}

.pic-6 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 40s;
  -o-animation-delay: 40s;
  -moz--animation-delay: 40s;
  -webkit-animation-delay: 40s;
}

.pic-7 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 48s;
  -o-animation-delay: 48s;
  -moz--animation-delay: 48s;
  -webkit-animation-delay: 48s;
}

.pic-8 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 56s;
  -o-animation-delay: 56s;
  -moz--animation-delay: 56s;
  -webkit-animation-delay: 56s;
}

.pic-9 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 64s;
  -o-animation-delay: 64s;
  -moz--animation-delay: 64s;
  -webkit-animation-delay: 64s;
}

.pic-10 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 72s;
  -o-animation-delay: 72s;
  -moz--animation-delay: 72s;
  -webkit-animation-delay: 72s;
}

.pic-11 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 80s;
  -o-animation-delay: 80s;
  -moz--animation-delay: 80s;
  -webkit-animation-delay: 80s;
}

.pic-12 {
	position:absolute;
	
  	width: 100%;
  	height:auto;
  	opacity: 0;
  /*animation*/
  
  animation: slideShow 96s linear infinite 0s;
  -o-animation: slideShow 96s linear infinite 0s;
  -moz-animation: slideShow 96s linear infinite 0s;
  -webkit-animation: slideShow 96s linear infinite 0s;
  animation-delay: 88s;
  -o-animation-delay: 88s;
  -moz--animation-delay: 88s;
  -webkit-animation-delay: 88s;
}
/* keyframes*/

@keyframes 
slideShow {  0% {
 opacity: 0;
}
 1% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;

}
 100% {
 opacity: 0;

}
}
 @-o-keyframes 
slideShow {  0% {
 opacity: 0;

}
 1% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
}
 100% {
 opacity: 0;
}
}
 @-moz-keyframes 
slideShow {  0% {
 opacity: 0;
}
 1% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
}
 100% {
 opacity: 0;
}
}
 @-webkit-keyframes 
slideShow {  0% {
 opacity: 0;
}
 1% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
}
 100% {
 opacity: 0;
}
}


.span-1 {
	position:absolute;
	left: 0;
    top: 30%;
	left:-100vw;
  /*animation*/
  
  animation: move 24s ease infinite 0s;
  -o-animation: move 24s ease infinite 0s;
  -moz-animation: move 24s ease infinite 0s;
  -webkit-animation: move 24s ease infinite 0s;
   animation-delay: 0s;
  -o-animation-delay: 0s;
  -moz--animation-delay: 0s;
  -webkit-animation-delay: 0s;
}

.span-2 {
	position:absolute;
	left: 0;
    top: 30%;
	left:-100vw;
  /*animation*/
  
  animation: move 24s ease infinite 0s;
  -o-animation: move 24s ease infinite 0s;
  -moz-animation: move 24s ease infinite 0s;
  -webkit-animation: move 24s ease infinite 0s;
  animation-delay: 8s;
  -o-animation-delay: 8s;
  -moz--animation-delay: 8s;
  -webkit-animation-delay: 8s;
}

.span-3 {
	position:absolute;
	left: 0;
    top: 30%;
	left:-100vw;
  /*animation*/
  
  animation: move 24s ease infinite 0s;
  -o-animation: move 24s ease infinite 0s;
  -moz-animation: move 24s ease infinite 0s;
  -webkit-animation: move 24s ease infinite 0s;
  animation-delay: 16s;
  -o-animation-delay: 16s;
  -moz--animation-delay: 16s;
  -webkit-animation-delay: 16s;
}

@keyframes move {
  10% {
     transform: translate(100vw, 0px);
  }
  30%
  {
     transform: translate(100vw, 0px);
  }
  40%
  {
     transform: translate(232vw, 0px);
  }
  42%
  {
     transform: translate(232vw, 100vw);
  }
  44%
  {
     transform: translate(-132vw, 100vw);
  }
}