.sidebar{z-index:99;padding-top:80px}#doc-header,#doc-footer{display:flex;background:#404550;color:#eee;z-index:98}#doc-header a,#doc-footer a{color:#eee}#doc-footer{min-height:60px;align-items:center;justify-content:center}#doc-header{padding:0 20px;align-items:center;height:60px;justify-content:space-between}main{padding:20px;background:#fff;z-index:99}#doc-sidebar{width:300px;position:fixed;top:0;bottom:0;left:0;background:#f1f2f4;z-index:98;padding-top:50px}#doc-sidebar .fd-c{padding-top:20px !important}#doc-sidebar a{transition:all ease .3s;padding:3px 7px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid 1px rgba(0,0,0,0);margin-bottom:2px}#doc-sidebar a.isActive{background:#fff;border:solid 1px #f1f2f6}#doc-sidebar a:hover{background:#e2e4e9;border:solid 1px #f1f2f6}.top-box,.bottom-box{background:#7dbff5;margin:20px 20px 0;margin-left:320px;padding:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.15),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.15),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 2px 0 rgba(0,0,0,0.15),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.1)}