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


#wrapper{
	background:rgba(0,0,0,0.1);
	transition:background 0.3s linear;
}
#wrapper.menuOver{
	background:rgba(0,0,0,0.5);
}
.index {
	top:0;
	height: 100%;
	opacity:0.7;
	padding:0;
}
.index .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -60px;
	width: 120px;	
}

.indexMenu{
	top:50%;
}
.indexMenu li{
	margin:0 3%;
}
.indexMenu li:nth-child(3){
	margin-right:18%;
}
.indexMenu a::after{
	opacity:0.3;
	background:#FFF;
}

.bgOpacity{
	opacity:0.5;
}


.slogan{
	position:absolute;
	bottom:20%;
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:1.5em;
	line-height:1.5em;
	font-weight:300;
}
.slogan .txt{
	display:inline-block;
	margin:0 5px;
}

@media screen and (max-width:1024px),screen and (max-height:650px){
.index{opacity:1;}	
.index .logo{z-index:auto;}
.menuBtn {display: block;}
.menuBar {background:#FFF;}

.slogan{font-size:1.2em;}
}

@media screen and (max-width:400px){
.slogan .txt{
	display:block;
}
}
@media screen and (max-height:650px){
.slogan{
	bottom:15%;
}
}