html, body{background: white}
a.site-brand {display:block;background:white;padding:10px;border-bottom:1px solid #ccc}
a.site-brand img{ height:60px;display:block;margin:0 auto}
aside{overflow-y:auto;border-right:1px solid #ccc;background:#eee; z-index:10}
aside li>a{display: block;color:#666}
article{padding:15px 30px !important;margin:0 auto;line-height:1.6;font-size:110%}

aside>nav{padding:15px 30px}
nav>ul{list-style:none;padding:0;line-height: 1.6}
main footer{text-align:center;margin-top:100px}
footer.copyright{padding-left:300px; z-index:0}
.cate a{font-size:18px; padding-top:18px;color:#333}
.subCate a{margin-left: 18px;padding-top:5px;color:#666}
article hr:last-child {margin-top:100px}
article>div h3:not(:first-child), .subMethod h3, .subMethod h4{ border-top: 1px solid #eee; padding: 10px 0; }
h3 {padding-top:30px}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height:1.6 }

@media (min-width: 901px) {
  aside{width:300px; height:100vh; position:fixed}
  html > body > main.wrap_main{padding-left:300px;min-height:calc(100vh - 120px); padding-top: 0}
  main nav ul{border-left: 1px solid #aaa;margin-top:15px;padding:10px 15px;font-size:15px;position:fixed; max-height: 100vh; overflow: auto;}
}
@media (max-width: 900px) {
  aside{height:200px}
  main{border-top:1px solid #ccc}
}