@charset "utf-8";
/* CSS Document */

.main .mainContent {
    margin-bottom: 50px;
}

div.NextPre {
    display: none;
}

.tips {
    margin: 0 auto 20px auto;
}

.editor .itenName {
    margin: 0;
}

.EditingArea {
    display: table;
}

div.editor {
    margin-bottom: 60px;
}

.editor .Form {
    float: right;
    width: 49%;
}

    .editor .Form:first-child {
        float: left;
    }

    .editor .Form input, .editor .Form select {
        height: 40px; /* -webkit-appearance: menulist-button;*/
    }

    .editor .Form input {
        border: 1px solid #cbc9c6;
    }

    .editor .Form input, .editor .Form select, .editor .Form textarea {
        width: 100%;
        padding: 8px 15px;
        margin: 4px 0;
        box-sizing: border-box;
        font-size: 15px;
        color: #282828;
        background: #FFF;
    }

    .editor .Form textarea {
        height: 232px;
        resize: none;
        border: 1px solid #cbc9c6;
    }

.editor div.code {
    float: left;
    width: 100%;
}

    .editor div.code input {
        width: 60%;
        float: left;
    }

p.Captcha {
    float: left;
    margin: 4px;
}

.editor div.code div {
    float: right;
    width: 49%;
}

    .editor div.code div:first-child {
        float: left;
    }

.editor div.code a {
    text-decoration: none;
    color: #333;
    float: right;
    padding: 5px 18px;
    text-align: center;
    transition: all 0.4s;
}

a.submit {
    background: #b4a991;
    color: #5b574d;
    margin-right: 5px
}

a.reset {
    background: #b4a991;
    color: #5b574d;
}

.editor div.code a:hover {
    color: #fff;
    background: #977836;
    transition: all 0.4s;
}

/*針對safari hack*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .editor .Form select {
            -webkit-appearance: menulist-button;
        }
    }
}

@media screen and (min-width: 701px) {
    .editor form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .Form {
        width: 49%;
    }

        .Form.code {
            width: 100%;
        }

    div.inputDiv {
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .editor .Form {
        width: 100%;
    }

    .editor div.code div {
        width: 100%;
    }

    div.code div {
        display: table;
    }

    .editor div.code a {
        display: block;
        float: none;
        margin: 10px 0;
        padding: 15px 0;
    }
    /*.editor div.code a.reset{ background:none; color:#666; text-decoration:underline; padding:0; margin:0;}*/
}