h1.h6 { position: fixed; z-index: -999999999; opacity: 0; }

/* sub-banner */
#sub-banner { padding: 130px 0; background: no-repeat 50% / cover; }

/* layoutbar */
#layoutbar { position: relative; margin-top: -135px; }
#layoutbar .waylink { overflow: hidden; padding-bottom: 25px; border-bottom: 2px solid #fff; color: #fff; font-size: 13px; }
#layoutbar .waylink .pon { overflow: hidden; margin: 0; padding: 0; float: left; }
#layoutbar .waylink .pon li { position: relative; padding-right: 15px; display: inline-block; color: #fff; }
#layoutbar .waylink .pon li:after { position: absolute; right: 0; top: 0; color: #fff; content: ">"; }
#layoutbar .waylink .pon li:last-child:after { display: none; }
#layoutbar .waylink .pon a { color: #fff; }
#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 */
#side-nav { background: rgba(0, 0, 0, 0.51); }
#side-nav ul { text-align: center; }
#side-nav li { position: relative; margin-left: -4px; padding: 15px 0; display: inline-block; }
#side-nav li.action:after { position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #fff transparent; bottom: 0; left: 46%; content: ""; }
#side-nav li a { padding: 15px 40px; display: block; border: solid rgba(255, 255, 255, 0.43); border-width: 0 1px; color: #fff; font-size: 16px; }

/* content */
#content { min-height: 300px; background: url(/images/35/article-bg.jpg) #fff no-repeat 50% 100%; }
.content-wrap { margin: 40px 0; padding: 40px; background: rgba(255, 255, 255, 0.73); }
.content-wrap .article-img { overflow: hidden; margin-bottom: 50px; }

/* community */
#community { margin: 50px 0; }
#community >h5 { margin-bottom: 10px; font-size: 17px; color: #504c4b; }
#community li { margin: 0 10px 5px 0; float: left; line-height: 0; }
#community li.fbb { margin-right: 0; width: 100%; }
#side-nav ul li.catebtn { display: none; }

@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 ul li.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: none; }
	#side-nav ul li.catebtn { background: #22556b; display: block !important; }
	#side-nav li a { border-width: 0; }
	#side-nav section { width: 100%; }
}
@media screen and (max-width: 640px) {
	.content-wrap .article-img { margin: 0 0 20px; }
	#layoutbar .waylink .pon , #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; }
	.content-wrap { padding: 20px;	 }
	#content section { width: 90%; }
	#sub-banner { padding: 150px 0 100px; }
	#sub-banner img { width: 80%; }
	#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%; }
}