h1.h6{
	position:fixed;
	z-index:-999999999;
	opacity:0;
}
#sub-banner{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	padding: 200px 0 250px;
}
#layoutbar{
	position: relative;
    margin-top: -135px;
}
#layoutbar .waylink{
	overflow:hidden;
	color:#575757;
	font-size:13px;
	border-bottom: 2px solid #d2d2d2;
    padding-bottom: 25px;
}
#layoutbar .waylink .pon{
	float:left;
	margin: 0;
	overflow:hidden;
	padding: 0;
}
#layoutbar .waylink .pon li{
	display:inline-block;
	color:#575757;
	position:relative;
	padding-right:15px;
}
#layoutbar .waylink .pon li:after{
	content:'>';
	position:absolute;
	right:0;
	top:0;
	color: #575757;
}
#layoutbar .waylink .pon li:last-child:after{
	display:none;
}
#layoutbar .waylink .pon a{
	color:#575757;
}
#layoutbar .waylink .pon .h7{
	display:inline;
	font-size:13px;
	font-weight:normal;
}
#layoutbar .waylink p{
	float:right;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
}
#side-nav{
	background: rgba(226, 226, 226, 0.53);
}
#side-nav ul{
	text-align:center;
}
#side-nav li{
	display: inline-block;
	padding: 10px 0;
	position:relative;
	margin-left: -4px;
}
#side-nav li.action:after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 46%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #ffffff transparent;
}
#side-nav li a{
	color:#575757;
	font-size:16px;
	padding: 15px 40px;
    display: block;
    border-right: 1px solid rgba(87, 87, 87, 0.38);
    border-left: 1px solid rgba(87, 87, 87, 0.38);
}
#content{
	background-image:url(/images/35/article-bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-color:#fff;
	min-height: 300px;
}
.content-wrap{
	margin: 40px 0;
	background: rgba(255, 255, 255, 0.73);
    padding: 40px;
}
.content-wrap .article-img{
	margin-bottom: 50px;
	overflow:hidden;
}
#community{
	margin:50px 0;
}
#community >h5{
	font-size: 17px;
    color: #504c4b;
    margin-bottom: 10px;
}
#community li{
	float:left;
	line-height:0;
	margin-right:10px;
	margin-bottom:5px;
}
#community li.fbb{
	width:100%;
	margin-right:0;
}
#side-nav p.catebtn{
	display:none;
	text-align: center;
    padding: 15px 0;
    font-size: 16px;
}
#side-nav p.catebtn a{
	display:block;
	color:#fff;
}
@media screen and (max-width: 1366px) {
	#layoutbar .waylink p{
		font-size:24px;
	}
}
@media screen and (min-width: 980px) {
	#side-nav ul li{
		display:inline-block !important;
	}
	#side-nav p.catebtn{
		display:none !important;
	}
}
@media screen and (max-width: 980px) {
	#side-nav li a{
		padding: 5px 30px;	
	}
	#layoutbar{
	    margin-top: -115px;	
	}
	#side-nav ul li{
		display:block;
	}
	#side-nav p.catebtn{
		display:block !important;
		background: #dc9569;
	}
	#side-nav li a{
		border-right: 0;
		border-left: 0;	
	}
	#side-nav section{
		width:100%;
	}
}
@media screen and (max-width: 640px) {
	.content-wrap .article-img{
		margin: 0 0 20px;
	}
	#layoutbar .waylink .pon{
		float:none;
	}
	#layoutbar .waylink p{
		float:none;
	}
	#layoutbar{
	    margin-top: 25px;	
	}
	#layoutbar .waylink,
	#layoutbar .waylink .pon a,
	#layoutbar .waylink .pon .h7,
	#layoutbar .waylink .pon li:after{
		font-size:12px;
		color: #555;
	}
	#side-nav li.action:after{
		display:none;
	}
	#side-nav li{
		padding: 5px 0;
	}
	#side-nav li.action{
		background: rgba(0, 0, 0, 0.39);
	}
	#side-nav li a{
		padding: 5px 20px;	
	}
}
@media screen and (max-width: 480px) {
	.content-wrap .article-img img{
		height:40px;
	}
	#side-nav li a{
		font-size:14px;
		color: #ffffff;
	}
	.content-wrap{
		padding: 20px;	
	}
	#content section{
		width:90%;
	}
	#sub-banner{
	    padding: 115px 0 55px;
	}
	#sub-banner img{
		width:100%;
	}
	#layoutbar .waylink, #layoutbar .waylink .pon a, #layoutbar .waylink .pon .h7, #layoutbar .waylink .pon li:after{
	    font-size: 5pt;	
	}
	#layoutbar .waylink .pon li{
	    padding-right: 8pt;	
	}
	#content section{
		width:100%;
	}
}