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

.slogan{	
	position:absolute;
	top:50%;
	width:100%;
	z-index: 10;
}
.slogan li{
	position:absolute;
	left:20px;
	right:20px;
	text-align:center;
	color:#FFF;
	font-family: 'Quicksand', sans-serif;
	font-size:1.5em;
}

.black_box{	
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
}
.black_box_on{
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
}

.bg {
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.bg li {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.bg li.showNow {
	-moz-transform: scale(1.0, 1.0);
	-webkit-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	-webkit-transition: -webkit-transform 11000ms ease-out;
	-moz-transition: -moz-transform 11s ease-out;
	-ms-transition: -ms-transform 11s ease-out;
	-o-transition: -o-transform 11s ease-out;
	transition: transform 11s ease-out;
}
@media screen and (max-width:1100px) {
	
}
@media screen and (max-width:780px) {
	
}