#sub-banner { text-align: center; }

aside { margin: 0 10px; background: no-repeat / 100%; }

/* side-nav */
#side-nav { overflow: hidden; float: left; width: 190px; padding: 1%; width: 20%; }
#side-nav ul { margin: 20px 0; width: 100%; }
#side-nav li { margin: 10px 0; }
#side-nav ul >li.none { display: none; }
#side-nav ul >li.action { display: block; }
#side-nav li a { position: relative; padding: 15px 10px; display: block; font-size: 16px; color: #de1600; }
#side-nav ul li ul.sub-category { margin: 0; width: auto; }
#side-nav ul li:hover ul.sub-category { height: auto; }
#side-nav ul li ul.sub-category li { border-bottom: 1px dashed #ddd; }
#side-nav ul li .menu_head { overflow: hidden; position: relative; }
#side-nav ul li .menu_head h3 { padding: 0 3px; background-color: #ebebeb3d; }
#side-nav ul li .menu_head h3 a {padding: 15px 0;}
#side-nav ul li .menu_head b { position: absolute; display: block; color: #de1600; right: 7px; top: 15px; }
#side-nav ul li.c0 .menu_head b , #side-nav ul li .menu_body , .content-main .waylinktitle .waylink ol li:first-child:after { display: none; }
#side-nav ul li .menu_body { transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; }
#side-nav ul >li.action .menu_body , #side-nav ul li:last-child .menu_head b { display: block; }
#side-nav ul li ul.sub-category li a { padding: 10px; background: none; font-weight: 900; font-size: 16px; color: inherit; }

/* content-main */
.content-main { margin: 0 5px 5px; padding: 20px 1%; float: right; width: 71%; }
.content-main .waylinktitle { background: url(/images/23/pro-article-bg.png) no-repeat / 100%; }
.content-main article { overflow: hidden; width: 100%; }
.content-main article table { width: 100%; }
.content-main article table td img { max-width: 358px; }
.content-main .waylinktitle .waylink { font-size: 14px; }
.content-main .waylinktitle .waylink ol { overflow: hidden; margin: 0; padding: 0; color: #5d5d5d; }
.content-main .waylinktitle .waylink ol li { position: relative; margin-left: 5px; padding-left: 10px; float: left; list-style: none; }
.content-main .waylinktitle .waylink ol li:first-child { padding-left: 0; margin-left: 0; }
.content-main .waylinktitle .waylink ol li a { color: #5d5d5d; }
.content-main .waylinktitle .waylink ol li .h3 { font-weight: normal; font-size: 14px; }
.content-main .waylinktitle .waylink ol li:after { position: absolute; color: #5d5d5d; left: 0; top: 0; content: '>'; }
.content-main .waylinktitle .h2 { padding: 7px 0 45px; font-size: 24px; color: #de1600; }
.content-main .waylinktitle .h2 b { margin-left: 10px; font-weight: normal; color: #a6a6a6; }

/* community */
#community ul li { float: left; margin-right: 10px; }

/* upload_file */
.upload_file font { margin-right: 20px; display: inline-block; }
.upload_file font.imgBox { display: none; }
.upload_file font img { width: 80px; height: 80px; object-fit: cover; }
.upload_file .upbtn { position: relative; margin-right: 15px; padding: 0.7rem 1rem; background: #222; display: inline-block; color: #fff; }
.upload_file input[type="file"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }

@media screen and (max-width:1280px) {
	.content-main .waylinktitle .h2 { padding: 0 0 36px; }
	.content-main article table td img { max-width: 285px; }
}
@media screen and (max-width:960px) {
	.content-main .waylinktitle { background: none; }
	.content-main .waylinktitle .h2 { padding: 20px 0; }
	.content-main article table td img { max-width: 221px; }
	#side-nav { overflow: hidden; padding: 0; float: left; width: 100%; }
	.content-main { float: right; width: 88%; }
}
@media screen and (max-width:768px) {
	.content-main .waylinktitle .h2 { font-size: 18px; }
	.content-main .waylinktitle .waylink , .content-main .waylinktitle .waylink ol li .h3 { font-size: 12px; }
	.content-main article table td img { max-width: 178px; }
}
@media screen and (max-width:640px) {
	#sub-banner { padding-top: 30px; }
	#side-nav h3 img { width: 250px; }
	.content-main article table td img { max-width: 125px; }
}
@media screen and (max-width:480px) {
	#side-nav ul { padding: 7px 5px 0; width: calc(100% - 10px); }
	.content-main article table td img { max-width: 84px; }
	#side-nav li { margin-right: 0; }
}