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


/* ----------- INDEX START ---------------------- */

body {
	background: #000;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.8;
}

a:hover {
	-webkit-transition:all .15s ease;
-moz-transition:all .15s ease;
-o-transition:all .15s ease;
-ms-transition:all .15s ease;
}

.logo {
	text-align: center;
	margin:50px auto;
}

.logo img{
	width: 145px;
}

.index-store {
	background: url(../images/index_store.jpg) no-repeat;
	background-size: 100%;
	text-align: center;	
	height: 0;
	padding-bottom:50%;
	position: relative;
}

.index-teach {
	background: url(../images/index_teach.jpg) no-repeat;
	background-size: 100%;
	text-align: center;	
	height: 0;
	padding-bottom:50%;
	position: relative;
}

.index-tit {
	background: rgba(00,00,00,0.6);
	height: 100%;
	width: 100%;
	padding-top:23%;
	color: #FFF;
	font-size: 30px;
	letter-spacing: 7px;
	position: absolute;
}

.index-tit:hover {
	background: rgba(00,00,00,0.3);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
}


.footer {
	background: #fcd63e;
	padding:40px 0;
	font-size: 13px;

}

.footer-logo {
	background: rgba(00,00,00,0.9);
	border-radius: 60px;
	padding:36px 20px;
	margin-bottom: 15px;
	height: 100px;
	width: 100px;
	max-width: 100%;
}

.footer-logo img{
	
}

.footer-info {
	padding-bottom:40px;
}

.footer-info p{
	padding-left:20px;
}

.footer h4 {
	margin-top:0;
	padding: 0;
}

.footer h4 img{
	vertical-align: middle;
	margin-top: -3px;
	margin-left:4px;
	letter-spacing: 1px;
}

.footer-store, .footer-teach {
	margin-bottom: 40px;
}

.footer-store a, .footer-teach a{
	display:inline-block;
}

.footer-store .icon, .footer-teach .icon{
	vertical-align: middle;
	font-size: 16px;
}

.footer-map {
	margin-bottom:40px;
}

.copyright {
	text-align: center;
	color: #666;
	font-size: 12px;
}

/* ----------- INDEX END ---------------------- */




@media (max-width:992px){
	
	.logo img{
		width: 120px;
	}
	
	.index-tit {
		background: rgba(00,00,00,0.6);
		padding-top:18%;
		font-size: 24px;
		letter-spacing: 5px;
	}
	
	.footer {
		text-align: center;
	}
	
	.footer-info {
		padding-left:0;
	}
	
	.footer-logo {
		float: none;
		margin:0 auto 20px auto;
		
	}
	
	.footer-info p{
		padding-left:0px;
	}
	
	
	
	
	
	
	
	
}