.index-banner{
	width: 100%;
    height: 100vh;
}
#content{
	background:#fff;
}
#content #control{
    padding: 50px 0 0;
}
#layoutlgog{
	position: fixed;
    width: 100px;
    left: 48.8%;
    top: 0;
    margin: 20px 0 0 -27px;
    z-index: 9;
}
#layoutlgog img{
	width:100%;
}
#sub-banner{
    text-align: center;	
}
.content-main{
	margin:50px auto 0;
	min-height:600px;
}
.content-main h2{
	text-align:center;
	color: #525252;
    font-size: 18px;
}
.layoutbox{
	overflow:hidden;
	width:100%;
}
.layoutbox .content-main{
}
.layoutbox aside li{
	display:inline-block;
	display: inline-block;
    border: 1px solid #676767;
    padding: 5px 15px;
	margin-bottom: 10px;
}
.layoutbox aside li a{
	color:#676767;
}
#side-nav{
	margin-top: 30px;
    border-top: 1px solid #737373;
    padding-top: 10px;
}
#side-nav h3{
	font-size: 18px;
    color: #717171;
}
#side-nav ul li{
    float: left;
    margin-right: 40px;	
}
#side-nav ul li a{
	color: #949494;
    font-size: 16px;
}
#side-nav ul.sub-category{
	
}
#side-nav ul.sub-category li{
    border: 0;
    margin: 0 15px 0 0;
    padding: 0;	
}
#side-nav ul.sub-category li a{
    color: #ababab;
    font-size: 14px;	
}
#content #community{
	float: none;
}
#content #community li{
	float: left;
    line-height: 0;
}

.page,
.page a{
	color:#676767;
}
@media screen and (max-width: 980px) {
	.layoutbox .content-main{
		margin: 0 auto;	
	}
}
@media screen and (max-width: 500px) {
	#layoutlgog{
	    left: 26%;
	}
	#side-nav ul li{
		margin-right: 0;
		display: block;
		border: 0;
		width: 50%;
		text-align: center;
		padding: 5px 0%;
	}
	#side-nav ul.sub-category li{
	    border: 0;
		margin: 0;
		padding: 0;
		width: 100%;	
	}
}
@media screen and (max-width: 370px) {
	#layoutlgog{
	    left: 42.5%;
		top: 20px;
	}
	#side-nav ul li{
		width: 100%;
	}
}