#kx_editor_markdown_show pre {
        background: #111;
        color: #CAC4C4;
}

.markdown_editor_box_class {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #333;
        position: relative;
}

.markdown_editor_box_class textarea,
.markdown_editor_box_class div.kx_md_showdiv {
        display: inline-block;
        width: 50%;
        height: 553px;
        overflow: auto;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 10px;
        word-break: break-all;
}

.markdown_editor_box_class textarea {
        border: none;
        border-right: 1px solid #ccc;
        resize: none;
        outline: none;
        font-size: 14px;
        font-family: 'Monaco', courier, monospace;
        padding: 20px;
}

.markdown_editor_box_class code {
        border: 0;
        background-color: #D6DBDF;
        border-radius: 4px;
        color: #2C3E50;
        font-size: 90%;
        padding: 2px 4px;
}

.markdown_editor_box_class blockquote {
        border-color: #D6DBDF;
        background: none repeat scroll 0 0 rgba(102, 128, 153, .05);
        padding: 10px 15px;
        border-left-style: solid;
        border-left-width: 10px;
        margin: 0 0 20px;
}

.markdown_editor_box_class a {
        color: #08c;
        text-decoration: none;
}

.markdown_editor_box_class a:hover {
        color: #5BA4E5;
        text-decoration: underline;
}

.markdown_editor_box_class hr {
        border: 0;
        border-bottom: 1px dashed #cfcfcf;
        margin: 30px 0;
}



/* mark */

.markdown_editor_box {
        /* margin-top: 88px; */
        margin-bottom: 0px;
        width: 100%;
        min-height: 510px;
        /*padding: 1%;*/
        /*border: 1px solid #EEE;*/
        border-radius: 0;
        word-wrap: break-word;
}

.markdown_editor_box_class textarea.kx_md_textarea {
        display: inline-block;
        width: 49.9%;
        height: 555px;
        vertical-align: top;
        box-sizing: border-box;
        border: none;
        /* border-right: 1px solid #ccc; */
        resize: none;
        outline: none;
        font-size: 1.1rem;
        font-family: 'Monaco', courier, monospace;
        padding: 3px 10px;
        margin-bottom: 0px;
}

.markdown_editor_box_class div.kx_md_showdiv {
        display: inline-block;
        width: 49.5%;
        /* height: 100%; */
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 20px;
        border-left: 1px solid #ccc;
}

.kx_md_showdiv blockquote p {
        margin-bottom: 0px;
}

.kx_md_showdiv blockquote p:last-child {
        margin-bottom: 0;
}

.kx_md_showdiv pre {
        margin: .5em 0;
        padding: .4em .6em;
        background: #E2E2E2;
}

/* 切换 */
.editor_menu_bar_all button[name="changeditor"] {
        border: unset;
        padding: 0;
}

/* 全屏 */

.kx_editor_menu_bars_full_screen {
        /* position: absolute!important; */
}

.kx_md_textarea_full_screen {
        height: 100%!important;
        border-right: 0!important;
}

.markdown_editor_box_full_screen {
    padding-top: 53px;
    height: 100vh !important;
    position: absolute !important;
    top: 0;
    z-index: -2;
}

.kx_md_showdiv_full_screen {
        height: 100%!important;
        border-left: 1px solid #ccc;
}

.kx_html_editor_rich_text_button {
    display: none;
}

.kx_md_showdiv pre {
    margin: .5em 0;
    padding: .4em .6em;
    background: #E2E2E2;
}
@media only screen and (max-width: 750px) {
    
    .container > .m-a-1 {
        margin: 0 !important;
    }
     
}
@media only screen and (max-width: 992px) {
    .kx_editor_menu_bar_div div[title="markdown_font"],
    .kx_editor_menu_bar_div div[title="markdown_style"],
    .kx_editor_menu_bar_div div[title="markdown_show"],
    .kx_editor_menu_bar_div button[title="超链接"],
    .kx_editor_menu_bar_div button[title="引用MD"],
    .kx_editor_menu_bar_div button[title="代码"] {
        display: none;
    }
     
}