.tcon {
    zoom: 1;
    padding: 9px;
    font-size: 14px;
    overflow: hidden
}

.tcon:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ''
}

.tcon .tcon, .tcon .bcon {
    padding: 0
}

a.bbtn {
    text-decoration: none
}

.tcon h3, .tcon .h3 {
    margin: auto -9px
}

.tcon h3, .tcon h3 a, .tcon .h3, .tcon .h3 a {
    color: #008000
}

.tcon h3.red, .tcon h3.red a, .tcon .h3.red, .tcon .h3.red a {
    color: red
}

.tcon ul.pu, .tcon ul.pu ul, .tcon .pu ul {
    padding: revert;
    list-style-type: disc
}

.tcon ul.pu li, .tcon .pu li {
    line-height: 1.5
}

.tcon ul.pu ul {
    list-style-type: circle
}

.tcon pre {
    display: block;
    padding: 9px;
    margin: 9px 0;
    font-size: 13px;
    line-height: 1.5;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: auto
}

.tcon p {
    line-height: 1.8;
    margin: 9px 0
}

.tcon p img {
    text-align: center;
    max-width: 100%;
    display: block;
    margin: auto
}

.tcon .op {
    vertical-align: middle;
    display: inline-block;
    margin: 9px 0
}

.tcon .op.ml input[type=button], .tcon .op.ml button, .tcon .op.ml .bbtn, .tcon .op.ml .bfct {
    margin-left: 9px
}

.tcon .op.mr input[type=button], .tcon .op.mr button, .tcon .op.mr .bbtn, .tcon .op.mr .bfct {
    margin-right: 9px
}

.tcon .op.m input[type=button], .tcon .op.m button, .tcon .op.m .bbtn, .tcon .op.m .bfct {
    margin-left: 4.5px;
    margin-right: 4.5px
}

.tcon .op.inbl {
    display: inline-block
}

.tcon .op.c {
    display: block;
    text-align: center
}

.tcon .flex {
    display: flex
}

.tcon table {
    clear: both;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 9px 0;
    table-layout: auto
}

.tcon table caption {
    line-height: 48px;
    text-align: center;
    font-size: 18px
}

.tcon table th, .tcon table td {
    padding: 6px;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    border: 1px solid #e6e6e6
}

.tcon table th {
    border-bottom: 1px solid #e6e6e6;
    font-weight: 600;
    height: 23px;
    background-color: #f8f8f8
}

.tcon table th, .tcon table td {
    box-sizing: border-box;
    vertical-align: middle
}

.tcon .code {
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: auto
}

@media screen and (max-device-width: 768px), screen and (orientation: landscape) and (max-device-width: 980px) {
    .tcon {
        padding: 6px
    }

    .tcon h3 {
        margin: auto -6px
    }

    .tcon pre {
        overflow: auto
    }

    .tcon .op {
        display: inline-block
    }

    .tcon .op.ml input[type=button] {
        margin-left: 0
    }

    .tcon .op * {
        margin: 6px 6px 6px 0
    }

    .tcon table {
        min-width: 0;
        margin: 9px 0
    }

    .tcon table caption {
        line-height: 1.5
    }

    .tcon table td, .tcon table th {
        padding: 3px
    }

    .tcon table th {
        white-space: normal
    }
}