* {
    font-family: Consolas, "lucida Grande", Verdana, "Microsoft YaHei";
}
body {
    width: 55em;
    margin-top: 10px;
    margin-right: 450px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
.markdown-body {
    line-height: 1.5;
}
.markdown-body p,
.markdown-body li {
    font-size: 14px;
}
.markdown-body li>p {
    margin: 10px 0;
}
.markdown-body .codehilite pre,
.markdown-body pre,
tspan {
    font-size: 12px;
}

/* H title*/

.markdown-body h1 {
    color: #009193;
    border-bottom: none;
}
.markdown-body h2 {
    color: #009193;
    border-bottom: 1px solid #009193;
    font-size: 24px;
}
.markdown-body h3,
.markdown-body h4,
.markdown-body h5 {
    color: #6C8C37;
    font-size: 20px;
}
.markdown-body h4 {
    font-size: 18px;
}

/* Task */

.task-list-item {
    font-size: 14px;
}
.task-list-item p {
    margin-bottom: 4px;
}
.task-list-item ul>li {
    font-size: 12px;
    line-height: 22px;
}

/* Toc */

div.toc {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
div.toc b {
    border-bottom: 1px solid #EDF3DE;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
div.toc li {
    line-height: 1.5;
}
div.toc ul {
    padding-left: 1.1em;
}
div.toc a {
    font-size: 14px;
    color: #6C8C37;
}
div.toc a:hover {
    text-decoration: none;
    color: #009193;
}

/* zTree*/

div.zTreeDiv {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 400px;
    max-width: 400px;
    overflow: hidden;
}
div.zTreeDiv li {
    line-height: 1.5;
}
div.zTreeDiv b {
    border-bottom: 1px solid #EDF3DE;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

/* SVG */

.uml-sequence-diagram,
.uml-flowchart {
    padding: 5px 15px;
    border-radius: 3px;
    margin: 5px 0;
    background: #f7f7f7;
}
svg tspan.gd {
    fill: #0086b3;
    font-weight: bold;
}

/* diagram */

.actor rect {
    rx: 5;
    ry: 5;
    stroke: #CCCCFF;
    fill: #ECECFF;
}
.uml-sequence-diagram line {
    stroke: #c1c1cc;
}
.uml-sequence-diagram .signal line {
    stroke: #a2a2d6;
}

/* flowchart */

.uml-flowchart rect {
    stroke: #ccc;
    fill: #eee;
    stroke-width: 2;
}
.uml-flowchart path.flowchart {
    stroke: #CCCCFF;
    fill: #ECECFF;
}
.uml-flowchart path,
.uml-flowchart rect {
    stroke-width: 2;
}


.markdown-body table th,
.markdown-body table td {
    font-size: 12px;
}


/* UDC.css 样式 */
body{margin-right:0;margin-left:290px;margin-top:0;border:0;width:auto;}
/* left */
div.zTreeDiv{left:0;right:0;top:0;min-width:290px;max-width:290px;border:0;padding-top:30px;padding-bottom:99999px;margin-bottom:-99999px;background:#fafbfc;border-right:1px solid #e5e6eb;overflow-y:auto;}
div.zTreeDiv .ztree{padding-left:0}
div.zTreeDiv b{display: none;}
div.zTreeDiv li{line-height: 2.4;}
div.zTreeDiv>ul>li{padding-left:20px;}
.ztree>li>a{display:inline-block;height:40px !important;line-height: 40px !important;}
.ztree>li>a>span.node_name{padding-left:5px;font-size:16px;font-weight: bold;}
.ztree>li>a>span.button{display:inline-block;height:40px;background:url(icon_02.png) no-repeat left 10px !important;}
.ztree li span.ico_open,.ztree li span.ico_close,.ztree li span.ico_docu,.ztree li span.center_docu,.ztree li span.bottom_docu{display:none;}
.ztree li ul{padding-left:23px;}
.ztree li ul ul{padding-left:35px;}
.ztree li ul.line{background:none;}
.ztree li span.root_open{display: none;}
.ztree li span.button.switch{height:24px;}
.ztree li span.bottom_open{background:url(icon_032.png?20180918) no-repeat !important;}
.ztree li span.bottom_close{background:url(icon_031.png?20180918) no-repeat !important;}
.ztree li span.center_open{background:url(icon_032.png?20180918) no-repeat !important;}
.ztree li span.center_close{background:url(icon_031.png?20180918) no-repeat !important;}
.ztree>li>ul>li>a .node_name{font-size:16px;}
.ztree>li>ul>li>ul>li>a .node_name{font-size:14px;}
.ztree li a{height:28px;padding:0;}
.ztree li a:hover{color:#1790f7;}
.ztree li a.curSelectedNode{height:28px;background:none;border:none;color:#4484c2;}
/* left scroll */
.ztree{overflow-y:scroll;}
.ztree::-webkit-scrollbar-track{}
.ztree::-webkit-scrollbar{ width: 6px;}
.ztree::-webkit-scrollbar-thumb{background-color: #e5e6eb; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
/* .ztree::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.ztree::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.ztree::-webkit-scrollbar-thumb{background-color: #000000;} */

/* right */
body .markdown-body{min-width:600px;max-width: 960px;padding:0 50px;}
.headerlink{width:16px;height:16px;background: url(icon_01.png) no-repeat !important;overflow: hidden;text-indent: -9999px;display:inline-block;margin-left:6px;}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5{color:#333;font-size:26px;font-family:Verdana,arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53","\9ED1\4F53",sans-serif;font-weight: normal;}
.markdown-body h1 span,
.markdown-body h2 span,
.markdown-body h3 span,
.markdown-body h4 span,
.markdown-body h5 span{display:none;}
.markdown-body h1{border-bottom:4px solid #e5e6eb;line-height: 1.5;padding-top:1em;}
.markdown-body h2{font-size:22px;border-bottom:4px solid #e5e6eb;padding:20px 0 10px;}
.markdown-body h3{font-size:20px;font-weight: bold;}
.markdown-body h4{font-size:16px;font-weight: bold;}
.markdown-body h5{font-size:14px;font-weight: bold;}
.markdown-body hr{height:1px;margin:40px 0;}