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

* {            
    margin: 0px;
    padding: 0px;
  }
#anim2F,#anim3F,#anim4F,#anim5F,#anim6F,#anim7F,#anim8F,#anim9F,#anim10F {
		width:100vw; 
		height:40vw;
		position:relative;
		border:solid 1px #555;
		background-color:#000000;
		overflow:hidden;
	}
#anim2F-list img,#anim3F-list img,#anim4F-list img,#anim5F-list img,#anim6F-list img,#anim7F-list img,#anim8F-list img,#anim9F-list img,#anim10F-list img {
		width:100vw;	
		height:40vw;
		margin:0px;
	}
#anim2F-list{
		list-style-type:none;
		display:flex;
		display: -webkit-flex;
		position:absolute;
		-webkit-animation: fadeInOut1steps 16s steps(1) infinite;
		animation:fadeInOut1steps 16s steps(1) infinite;
	}
#anim3F-list{
		list-style-type:none;
		display:flex;
		display: -webkit-flex;
		position:absolute;
		-webkit-animation: fadeInOut2steps 12s steps(2) infinite;
		animation:fadeInOut2steps 12s steps(2) infinite;
	}
#anim4F-list{
		list-style-type:none;
		display:flex;
		display: -webkit-flex;
		position:absolute;
		-webkit-animation: fadeInOut3steps 16s steps(3) infinite;
		animation:fadeInOut3steps 16s steps(3) infinite;
	}
#anim5F-list{
		list-style-type:none;
		display:flex;
		display: -webkit-flex;
		position:absolute;
		-webkit-animation: fadeInOut4steps 20s steps(4) forwards;
		animation:fadeInOut4steps 20s steps(4) forwards;
	}
#anim6F-list{
		list-style-type:none;
		display:flex;
		display: -webkit-flex;
		position:absolute;
		-webkit-animation:fadeInOut5steps 24s steps(5) forwards;
		animation:fadeInOut5steps 24s steps(5) forwards;
	}
#anim7F-list{
		list-style-type:none;
		display:flex;
		display: -webkit-flex;
		position:absolute;
		-webkit-animation:fadeInOut6steps 30s steps(6) infinite;
		animation:fadeInOut6steps 30s steps(6) infinite;
	}
#anim8F-list{
		list-style-type:none;
		display:flex;
		display: -webkit-flex;
		position:absolute;
		-webkit-animation:fadeInOut7steps 35s steps(7) infinite;
		animation:fadeInOut7steps 35s steps(7) infinite;
	}
#anim9F-list{
		list-style-type:none;
		display:flex;
		display: -webkit-flex;
		position:absolute;
		-webkit-animation:fadeInOut8steps 40s steps(8) forwards;
		animation:fadeInOut8steps 40s steps(8) forwards;
	}
#anim10F-list{
		list-style-type:none;
		display:flex;
		display: -webkit-flex;
		position:absolute;
		-webkit-animation:fadeInOut9steps 40s steps(9) forwards;
		animation:fadeInOut9steps 40s steps(9) forwards;
	}
/*------------- keyframes ------------------*/			

@keyframes fadeInOut1steps {
			0% {opacity: 0;left:0vw;}
			2%  {opacity: 1;animation-timing-function: ease-out;}
			48% {opacity: 1; animation-timing-function: ease-in;}
			50% {opacity: 0;left:-100vw;animation-timing-function: ease-out;}
			52% {opacity: 1;}
                        98% {opacity: 1; animation-timing-function: ease-in;}
			100% {opacity: 0;left:-100vw;}
			}
@-webkit-keyframes fadeInOut1steps {
			0% {opacity: 0;left:0vw;}
			2%  {opacity: 1;-webkit-animation-timing-function: ease-out;}
			48%	{opacity: 1; -webkit-animation-timing-function: ease-in;}
			50% {opacity: 0;left:-100vw;-webkit-animation-timing-function: ease-out;}
			52% {opacity: 1;}
                        98% {opacity: 1; animation-timing-function: ease-in;}
			100% {opacity: 0;left:-100vw;}
			}
@keyframes fadeInOut2steps {
			0% {opacity: 0;left:0px;}
			2%  {opacity: 1;animation-timing-function: ease-out;}
			31% {opacity: 1; animation-timing-function: ease-in;}
			33% {opacity: 0;animation-timing-function: ease-out;}
                        35% {opacity: 1;}
                        64% {opacity: 1; animation-timing-function: ease-in;}
			66% {opacity: 0;left:-200vw;animation-timing-function: ease-out;}
			68% {opacity: 1;}
			100% {opacity: 1;left:-200vw;}
			}
@-webkit-keyframes fadeInOut2steps {
			0% {opacity: 0;left:0px;}
			2%  {opacity: 1;-webkit-animation-timing-function: ease-out;}
			31% {opacity: 1; -webkit-animation-timing-function: ease-in;}
			33% {opacity: 0;-webkit-animation-timing-function: ease-out;}
                        35% {opacity: 1;}
                        64% {opacity: 1; -webkit-animation-timing-function: ease-in;}
			66% {opacity: 0;left:-200vw;-webkit-animation-timing-function: ease-out;}
			68% {opacity: 1;}
			100% {opacity: 1;left:-200vw;}
			}
@keyframes fadeInOut3steps {
			0% {opacity: 1;left:0px;}
			23% {opacity: 1;animation-timing-function: ease-in;}
			25% {opacity: 0;animation-timing-function: ease-out;}
			27% {opacity: 1;}
			48% {opacity: 1; animation-timing-function: ease-in;}
			50% {opacity: 0; animation-timing-function: ease-out;}
			52% {opacity: 1;}
			73% {opacity: 1; animation-timing-function: ease-in;}
			75% {opacity: 0;left:-300vw;animation-timing-function: ease-out;}
			77% {opacity: 1;}
			100% {opacity: 1;left:-300vw;}
			}
@-webkit-keyframes fadeInOut3steps {
			0% {opacity: 1;left:0px;}
			23% {opacity: 1;-webkit-animation-timing-function: ease-in;}
			25% {opacity: 0;-webkit-animation-timing-function: ease-out;}
			27% {opacity: 1;}
			48% {opacity: 1; -webkit-animation-timing-function: ease-in;}
			50% {opacity: 0; -webkit-animation-timing-function: ease-out;}
			52% {opacity: 1;}
			73% {opacity: 1; -webkit-animation-timing-function: ease-in;}
			75% {opacity: 0;left:-300vw;-webkit-animation-timing-function: ease-out;}
			77% {opacity: 1;}
			100% {opacity: 1;left:-300vw;}
			}
@keyframes fadeInOut4steps {
			0% {opacity: 1;left:0px;}
			18% {opacity: 1; animation-timing-function: ease-in;}
			20% {opacity: 0; animation-timing-function: ease-out;}
			22% {opacity: 1;}
			38% {opacity: 1; animation-timing-function: ease-in;}
			40% {opacity: 0; animation-timing-function: ease-out;}
			42% {opacity: 1;}
			58% {opacity: 1; animation-timing-function: ease-in;}
			60% {opacity: 0; animation-timing-function: ease-out;}
			62% {opacity: 1;}
			78% {opacity: 1; animation-timing-function: ease-in;}
			80% {opacity: 0;left:-2612px; animation-timing-function: ease-out;}
			82% {opacity: 1;}
			100% {opacity: 1;left:-2612px;}
			}
@-webkit-keyframes fadeInOut4steps {
			0% {opacity: 1;left:0px;}
			18% {opacity: 1; -webkit-animation-timing-function: ease-in;}
			20% {opacity: 0; -webkit-animation-timing-function: ease-out;}
			22% {opacity: 1;}
			38%	{opacity: 1;-webkit-animation-timing-function: ease-in;}
			40% {opacity: 0;-webkit-animation-timing-function: ease-out;}
			42% {opacity: 1;}
			58%	{opacity: 1;-webkit-animation-timing-function: ease-in;}
			60% {opacity: 0;-webkit-animation-timing-function: ease-out;}
			62%	{opacity: 1;}
			78%	{opacity: 1;-webkit-animation-timing-function: ease-in;}
			80% {opacity: 0;left:-2612px;-webkit-animation-timing-function: ease-out;}
			82%	{opacity: 1;}
			100% {opacity: 1;left:-2612px;}
			}
@keyframes fadeInOut5steps {
		0% {opacity: 1;left:0%;}
		14% {opacity: 1; animation-timing-function: ease-in;}
		16.666666% {opacity: 0; animation-timing-function: ease-out;}
		20% {opacity: 1;}
		30% {opacity: 1; animation-timing-function: ease-in;}
		33.333333% {opacity: 0; animation-timing-function: ease-out;}
		36% {opacity: 1;}
		46%	{opacity: 1; animation-timing-function: ease-in;}
		49.999998% {opacity: 0; animation-timing-function: ease-out;}
		52% {opacity: 1;}
		63%	{opacity: 1; animation-timing-function: ease-in;}
		66.666664% {opacity: 0; animation-timing-function: ease-out;}
		69%	{opacity: 1;}
		80%	{opacity: 1; animation-timing-function: ease-in;}
		83.333333% {opacity: 0;left:-3265px; animation-timing-function: ease-out;}
		86%	{opacity: 1;}
		100% {opacity: 1;left:-3265px;}
}
@-webkit-keyframes fadeInOut5steps {
		0% {opacity: 1;left:0%;}
		14% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		16.666666% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		20% {opacity: 1;}
		30% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		33.333333% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		36% {opacity: 1;}
		46%	{opacity: 1;-webkit-animation-timing-function: ease-in;}
		49.999998% {opacity: 0;-webkit-animation-timing-function: ease-out;}
		52% {opacity: 1;}
		63%	{opacity: 1;-webkit-animation-timing-function: ease-in;}
		66.666664% {opacity: 0;-webkit-animation-timing-function: ease-out;}
		69%	{opacity: 1;}
		80%	{opacity: 1;-webkit-animation-timing-function: ease-in;}
		83.333333% {opacity: 0;left:-3265px;-webkit-animation-timing-function: ease-out;}
		86%	{opacity: 1;}
		100% {opacity: 1;left:-3265px;}
}
@keyframes fadeInOut6steps {
		0% {opacity: 1;left:0%;}
		12.8% {opacity: 1; animation-timing-function: ease-in;}
		14.285714285714% {opacity: 0; animation-timing-function: ease-out;}
		15.8% {opacity: 1;}
		27% {opacity: 1; animation-timing-function: ease-in;}
		28.5714284% {opacity: 0; animation-timing-function: ease-out;}
		30% {opacity: 1;}
		41.3%	{opacity: 1; animation-timing-function: ease-in;}
		42.8571426% {opacity: 0; animation-timing-function: ease-out;}
		44.3% {opacity: 1;}
		55.7%	{opacity: 1; animation-timing-function: ease-in;}
		57.1428568% {opacity: 0; animation-timing-function: ease-out;}
		58.7%	{opacity: 1;}
		69.9%	{opacity: 1; animation-timing-function: ease-in;}
		71.428571% {opacity: 0; animation-timing-function: ease-out;}
		72.9%	{opacity: 1;}
		84.2%	{opacity: 1; animation-timing-function: ease-in;}
		85.7142852% {opacity: 0;left:-3918px; animation-timing-function: ease-out;}
		87.2%	{opacity: 1;}
		100% {opacity: 1;left:-3918px;}
}
@-webkit-keyframes fadeInOut6steps {
		0% {opacity: 1;left:0%;}
		12.8% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		14.285714285714% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		15.8% {opacity: 1;}
		27% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		28.5714284% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		30% {opacity: 1;}
		41.3%	{opacity: 1; -webkit-animation-timing-function: ease-in;}
		42.8571426% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		44.3% {opacity: 1;}
		55.7%	{opacity: 1; -webkit-animation-timing-function: ease-in;}
		57.1428568% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		58.7%	{opacity: 1;}
		69.9%	{opacity: 1; -webkit-animation-timing-function: ease-in;}
		71.428571% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		72.9%	{opacity: 1;}
		84.2%	{opacity: 1; -webkit-animation-timing-function: ease-in;}
		85.7142852% {opacity: 0;left:-3918px; -webkit-animation-timing-function: ease-out;}
		87.2%	{opacity: 1;}
		100% {opacity: 1;left:-3918px;}
}

@keyframes fadeInOut7steps {
		0% {opacity: 1;left:0%;}
		10.5% {opacity: 1; animation-timing-function: ease-in;}
		12.5% {opacity: 0; animation-timing-function: ease-out;}
		14.5% {opacity: 1;}
		23% {opacity: 1; animation-timing-function: ease-in;}
		25% {opacity: 0; animation-timing-function: ease-out;}
		27% {opacity: 1;}
		35.5% {opacity: 1; animation-timing-function: ease-in;}
		37.5% {opacity: 0; animation-timing-function: ease-out;}
		39.5% {opacity: 1;}
		48% {opacity: 1; animation-timing-function: ease-in;}
		50% {opacity: 0; animation-timing-function: ease-out;}
		52% {opacity: 1;}
		60.5% {opacity: 1; animation-timing-function: ease-in;}
		62.5% {opacity: 0; animation-timing-function: ease-out;}
		64.5% {opacity: 1;}
		73% {opacity: 1; animation-timing-function: ease-in;}
		75% {opacity: 0; animation-timing-function: ease-out;}
		77% {opacity: 1;}
		85.5% {opacity: 1; animation-timing-function: ease-in;}
		87.5% {opacity: 0;left:-4571px; animation-timing-function: ease-out;}
		89.5% {opacity: 1;}
		100% {opacity: 1;left:-4571px;}
}
@-webkit-keyframes fadeInOut7steps {
		0% {opacity: 1;left:0%;}
		10.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		12.5% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		14.5% {opacity: 1;}
		23% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		25% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		27% {opacity: 1;}
		35.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		37.5% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		39.5% {opacity: 1;}
		48% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		50% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		52% {opacity: 1;}
		60.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		62.5% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		64.5% {opacity: 1;}
		73% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		75% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		77% {opacity: 1;}
		85.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		87.5% {opacity: 0;left:-4571px; -webkit-animation-timing-function: ease-out;}
		89.5% {opacity: 1;}
		100% {opacity: 1;left:-4571px;}
}


@keyframes fadeInOut8steps {
		0% {opacity: 1;left:0%;}
		10.611111% {opacity: 1; animation-timing-function: ease-in;}
		11.111111% {opacity: 0; animation-timing-function: ease-out;}
		11.711111% {opacity: 1;}
		21.6% {opacity: 1; animation-timing-function: ease-in;}
		22.222222% {opacity: 0; animation-timing-function: ease-out;}
		22.9% {opacity: 1;}
		32.7% {opacity: 1; animation-timing-function: ease-in;}
		33.333333% {opacity: 0; animation-timing-function: ease-out;}
		34% {opacity: 1;}
		43.8% {opacity: 1; animation-timing-function: ease-in;}
		44.444444% {opacity: 0; animation-timing-function: ease-out;}
		45.1% {opacity: 1;}
		54.9%	{opacity: 1; animation-timing-function: ease-in;}
		55.555555% {opacity: 0; animation-timing-function: ease-out;}
		56.2% {opacity: 1;}
		66% {opacity: 1; animation-timing-function: ease-in;}
		66.666666% {opacity: 0; animation-timing-function: ease-out;}
		67.3% {opacity: 1;}
		77.1%	{opacity: 1; animation-timing-function: ease-in;}
		77.777777% {opacity: 0; animation-timing-function: ease-out;}
		78.4%	{opacity: 1;}
		88.2% {opacity: 1; animation-timing-function: ease-in;}
		88.888888% {opacity: 0;left:-5224px; animation-timing-function: ease-out;}
		89.5% {opacity: 1;}
		100% {opacity: 1;left:-5224px;}
}

@-webkit-keyframes fadeInOut8steps {
		0% {opacity: 1;left:0%;}
		10.611111% {opacity: 1; animation-timing-function: ease-in;}
		11.111111% {opacity: 0; animation-timing-function: ease-out;}
		11.711111% {opacity: 1;}
		21.6% {opacity: 1; animation-timing-function: ease-in;}
		22.222222% {opacity: 0; animation-timing-function: ease-out;}
		22.9% {opacity: 1;}
		32.7% {opacity: 1; animation-timing-function: ease-in;}
		33.333333% {opacity: 0; animation-timing-function: ease-out;}
		34% {opacity: 1;}
		43.8% {opacity: 1; animation-timing-function: ease-in;}
		44.444444% {opacity: 0; animation-timing-function: ease-out;}
		45.1% {opacity: 1;}
		54.9%	{opacity: 1; animation-timing-function: ease-in;}
		55.555555% {opacity: 0; animation-timing-function: ease-out;}
		56.2% {opacity: 1;}
		66% {opacity: 1; animation-timing-function: ease-in;}
		66.666666% {opacity: 0; animation-timing-function: ease-out;}
		67.3% {opacity: 1;}
		77.1%	{opacity: 1; animation-timing-function: ease-in;}
		77.777777% {opacity: 0; animation-timing-function: ease-out;}
		78.4%	{opacity: 1;}
		88.2% {opacity: 1; animation-timing-function: ease-in;}
		88.888888% {opacity: 0;left:-5224px; animation-timing-function: ease-out;}
		89.5% {opacity: 1;}
		100% {opacity: 1;left:-5224px;}
}
@keyframes fadeInOut9steps {
		0% {opacity: 1;left:0%;}
		9.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		10% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		10.51% {opacity: 1;}
		19.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		20% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		20.5% {opacity: 1;}
		29.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		30% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		30.5% {opacity: 1;}
		39.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		40% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		40.5% {opacity: 1;}
		49.5%	{opacity: 1; -webkit-animation-timing-function: ease-in;}
		50% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		50.5% {opacity: 1;}
		59.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		60% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		60.5% {opacity: 1;}
		69.5%	{opacity: 1;-webkit-animation-timing-function: ease-in;}
		70% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		70.5%	{opacity: 1;}
		79.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		80% {opacity: 0;; -webkit-animation-timing-function: ease-out;}
		80.5% {opacity: 1;}
                89.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		90% {opacity: 0;left:-5877px; -webkit-animation-timing-function: ease-out;}
		90.5% {opacity: 1;}
                100% {opacity: 1;left:-5877px;}
}

@-webkit-keyframes fadeInOut9steps {
		0% {opacity: 1;left:0%;}
		9.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		10% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		10.51% {opacity: 1;}
		19.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		20% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		20.5% {opacity: 1;}
		29.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		30% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		30.5% {opacity: 1;}
		39.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		40% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		40.5% {opacity: 1;}
		49.5%	{opacity: 1; -webkit-animation-timing-function: ease-in;}
		50% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		50.5% {opacity: 1;}
		59.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		60% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		60.5% {opacity: 1;}
		69.5%	{opacity: 1;-webkit-animation-timing-function: ease-in;}
		70% {opacity: 0; -webkit-animation-timing-function: ease-out;}
		70.5%	{opacity: 1;}
		79.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		80% {opacity: 0;; -webkit-animation-timing-function: ease-out;}
		80.5% {opacity: 1;}
                89.5% {opacity: 1; -webkit-animation-timing-function: ease-in;}
		90% {opacity: 0;left:-5877px; -webkit-animation-timing-function: ease-out;}
		90.5% {opacity: 1;}
                100% {opacity: 1;left:-5877px;}
}