body {
    min-height: 300px;
    padding-top: 20px;
    background: #ffffff;
}

.container {
    width: 98%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.title {
    color: #159957;
    width: 98%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

.CodeMirror {
    min-height: 300px;
    font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace;
}

#textareaCode {
    min-height: 300px
}

#iframeResult {
    display: block;
    overflow: hidden;
    border: 0 !important;
    min-width: 100px;
    width: 100%;
    min-height: 300px;
    background-color: #fff
}

@media screen and (max-width: 768px) {
    #textareaCode {
        height: 300px
    }

    .CodeMirror {
        height: 300px;
        font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace;
    }

    #iframeResult {
        height: 300px
    }

    .form-inline {
        padding: 6px 0 2px 0
    }
}

.logo h1 {
    background-image: url(https://bornforthis.cn/html_online/plus/img/gzh.jpg);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 160px;
    height: 39px;
    margin-top: 10px;
    display: block
}