/*********** 前後台編輯器區塊共用的CSS設定 ***********/

.about-editor-title {
    font-size: 25px;
    color: #888788;
}

.about-editor-title2 {
    font-size: 17px;
    color: #F7AC18;
}

.about-editor-text {
    float: left;
    width: 54%;
}

.about-editor-pic {
    float: right;
    margin: 75px 0 0 0;
    width: 43%;
}

.terms-title {
    color: #F89601;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px;
}

.editor-title {
    color: #FF5B2C;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
}

.editor-title2 {
    color: #02A0B8;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.editor-grid .row {
    margin: 0 -20px;
}

.editor-grid .col {
    padding: 0 20px;
    float: left;
}

.editor-grid.x3 .col {
    width: 33.33%;
}

@media screen and (max-width: 1200px) {
    .editor-grid.x3 .col {
        width: 100%;
    }
    .editor-grid.x3 .col + .col {
        margin-top: 1.7em;
    }
}

@media screen and (max-width: 900px) {
    .about-editor-text,
    .about-editor-pic {
        float: none;
        width: auto;
    }
}