@import url("/library/site/css/common.css");

.Mockup {
	background-image: url(../image/view-01@2x.png);
}

@-webkit-keyframes fade {
	  0% { background-image: url(../image/view-01.png); }
	 10% { background-image: url(../image/view-01.png); }
	 15% { background-image: url(../image/view-02.png); }
	 20% { background-image: url(../image/view-02.png); }
	 25% { background-image: url(../image/view-03.png); }
	 30% { background-image: url(../image/view-03.png); }
	 35% { background-image: url(../image/view-04.png); }
	 40% { background-image: url(../image/view-04.png); }
	 45% { background-image: url(../image/view-05.png); }
	 50% { background-image: url(../image/view-05.png); }
	 55% { background-image: url(../image/view-06.png); }
	 70% { background-image: url(../image/view-06.png); }
	 75% { background-image: url(../image/view-07.png); }
	 80% { background-image: url(../image/view-07.png); }
	 85% { background-image: url(../image/view-08.png); }
	 90% { background-image: url(../image/view-08.png); }
	 95% { background-image: url(../image/view-09.png); }
	100% { background-image: url(../image/view-09.png); }
}
@keyframes fade {
	  0% { background-image: url(../image/view-01.png); }
	 10% { background-image: url(../image/view-01.png); }
	 15% { background-image: url(../image/view-02.png); }
	 20% { background-image: url(../image/view-02.png); }
	 25% { background-image: url(../image/view-03.png); }
	 30% { background-image: url(../image/view-03.png); }
	 35% { background-image: url(../image/view-04.png); }
	 40% { background-image: url(../image/view-04.png); }
	 45% { background-image: url(../image/view-05.png); }
	 50% { background-image: url(../image/view-05.png); }
	 55% { background-image: url(../image/view-06.png); }
	 70% { background-image: url(../image/view-06.png); }
	 75% { background-image: url(../image/view-07.png); }
	 80% { background-image: url(../image/view-07.png); }
	 85% { background-image: url(../image/view-08.png); }
	 90% { background-image: url(../image/view-08.png); }
	 95% { background-image: url(../image/view-09.png); }
	100% { background-image: url(../image/view-09.png); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	@-webkit-keyframes fade {
		  0% { background-image: url(../image/view-01@2x.png); }
		 10% { background-image: url(../image/view-01@2x.png); }
		 15% { background-image: url(../image/view-02@2x.png); }
		 20% { background-image: url(../image/view-02@2x.png); }
		 25% { background-image: url(../image/view-03@2x.png); }
		 30% { background-image: url(../image/view-03@2x.png); }
		 35% { background-image: url(../image/view-04@2x.png); }
		 40% { background-image: url(../image/view-04@2x.png); }
		 45% { background-image: url(../image/view-05@2x.png); }
		 50% { background-image: url(../image/view-05@2x.png); }
		 55% { background-image: url(../image/view-06@2x.png); }
		 70% { background-image: url(../image/view-06@2x.png); }
		 75% { background-image: url(../image/view-07@2x.png); }
		 80% { background-image: url(../image/view-07@2x.png); }
		 85% { background-image: url(../image/view-08@2x.png); }
		 90% { background-image: url(../image/view-08@2x.png); }
		 95% { background-image: url(../image/view-09@2x.png); }
		100% { background-image: url(../image/view-09@2x.png); }
	}
	@keyframes fade {
		  0% { background-image: url(../image/view-01@2x.png); }
		 10% { background-image: url(../image/view-01@2x.png); }
		 15% { background-image: url(../image/view-02@2x.png); }
		 20% { background-image: url(../image/view-02@2x.png); }
		 25% { background-image: url(../image/view-03@2x.png); }
		 30% { background-image: url(../image/view-03@2x.png); }
		 35% { background-image: url(../image/view-04@2x.png); }
		 40% { background-image: url(../image/view-04@2x.png); }
		 45% { background-image: url(../image/view-05@2x.png); }
		 50% { background-image: url(../image/view-05@2x.png); }
		 55% { background-image: url(../image/view-06@2x.png); }
		 70% { background-image: url(../image/view-06@2x.png); }
		 75% { background-image: url(../image/view-07@2x.png); }
		 80% { background-image: url(../image/view-07@2x.png); }
		 85% { background-image: url(../image/view-08@2x.png); }
		 90% { background-image: url(../image/view-08@2x.png); }
		 95% { background-image: url(../image/view-09@2x.png); }
		100% { background-image: url(../image/view-09@2x.png); }
	}
}