head#Head1 { border: none; padding: 0; margin: 0; }
body, html { width: 100%; height: 100%; }
body { font-size: 12px; color: #000; background-color: inherit !important; }
@media screen and (max-width: 1024px) {
    #code_area, #code_open, #drag { display: none !important; }
}
/**clear float**/
.clearfix { display: block; zoom: 1; }
    .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.nav_box { background: #444; width: 100%; min-width: 1000px; height: 50px;border-bottom: 1px solid #ccc;   }
    .nav_box .demo-down { font-size: 12px; color: blue; padding-left: 20px; }
.nav_ft { width: 90%; font-size: 20px; color: #eee; line-height: 50px; text-align: left; padding-left:70px; font-weight:bold;}
.nav_ft img{position:absolute;width:40px;margin-top:5px;left:20px;}
.rtbox {  float: left; overflow: hidden;width:95%; }
.ltbox { width: 100%; margin: 0 auto; margin-top: 20px;display:flex }

#header { width: 100%; height: 50px; background-color: #0075c7; position: absolute; }
    #header .logo { height: 34px; float: left; margin-top: 6px; margin-left: 20px; }

#content { position: absolute; width: 100%; border-bottom: 1px solid #ccc; top: 50px; bottom: 0; }
#menu { width: 280px; float: left; /* border-right:1px solid #e9e9e9; */ /* overflow-y: scroll; */ }
    #menu ul { font-size: 14px;padding: 0px 10px; border-radius: 3px; }
        #menu ul li { list-style: none; border-bottom: 1px solid #e9e9e9; padding: 15px 10px; }
    #menu > ul > li > a { width: 100%; display: block; height: 21px; text-decoration: none; color: #000; font-weight:bold;}
    #menu ul li:last-child { border-bottom: none; }
    #menu .submenu a { margin: 0; text-decoration: none; display: block; height: 35px; width: 100%; color: #000; }
    #menu .submenu { z-index: 9999; width: 100%; margin-left: 6px; margin-top: 10px; }
        #menu .submenu dl { list-style-type: square; }
            #menu .submenu dl dd { line-height: 35px; height: 35px; font-size: 14px; }
                #menu .submenu dl dd:before { border-bottom: 1px dotted #b0b5c2; content: ""; display: inline-block; float: left; width: 10px; margin: -15px 0 0; height: 33px; border-left: 1px dotted #b0b5c2; }
                #menu .submenu dl dd a { margin-left: 11px; }
    #menu ul li a:hover,
    #menu a:hover,
    .clickState { color: #565656 !important; }
    #menu .submenu dl dd a:before { font-size: 27px; float: left; margin-left: 2px; margin-right: 1px; }
    #menu i { width: 13px; height: 13px; display: block; float: left; margin-top: 4px; margin-right: 7px; }
    #menu .t_close { background: url(../images/result.png) no-repeat 0 -96px; }
    #menu .t_open { background: url(../images/result.png) no-repeat 0 -119px; }

.CodeMirror { font-family: Consolas,monaco,'Courier New', Courier, monospace; position: absolute; bottom: 0px; top: 33px; width: 100%; }
    .CodeMirror pre { line-height: 1.5em; }
.CodeMirror-sizer { padding-left: 2px; }
#drag { width: 2px; height: 100%; background: #eee; cursor: w-resize; float: left; }

/*rtbot-contert*/
.title { font-size: 18px; border-bottom:1px #ccc dotted; padding: 4px 10px; margin:0px 15px 0 15px;}
.content { padding: 20px 20px; }
    .content * { margin: 10px 0; word-break: break-all; }
    .content b { margin: 15px 0; font-size: 16px; display: block; }
    .content a { color: #2255AA; display: block; }
    .content input[type="text"] { width: 300px; }
    .content .descriptionbox { padding: 0 10px; border: 1px solid #ccc; color: #333; background-color: #F8F8F8; border-radius: 3px; margin: 10px 0; }
    .content table th { padding: 10px; text-align: center; }
    .content table td { padding: 10px; text-align: center; }
        .content table td:last-child { text-align: left; }
        .content table td * { margin: 0px; }
    .content .method { color: #0075C7; padding-right: 10px; }
    .content .remark, .red { color: red; }
    .content .descriptionbox .modifier { color: blue; }
    .content .note { color: green; }