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

.editor-title {
    color: #7f2121;
    /* font-family: 'Gentium Basic', serif; */
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}

.editor-title2 {
    color: #7f2121;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px;
}

.about-editor .row {
    margin: 0 -1%;
}

.about-editor .col {
    padding: 0 1%;
    float: left;
}

.about-editor .col1 {
    width: 51%;
}

.about-editor .col2 {
    width: 49%;
}

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

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

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

.news-editor-pic {
    float: left;
    margin: 0 50px 1.7em 0;
    width: 45%;
    text-align: center;
}

.service-editor-title {
    border: 1px solid #ac282d;
    border-width: 1px 0;
    color: #7f2121;
    font-family: 'Gentium Basic', serif;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}

.service-editor .row {
    margin: 0 -10px;
}

.service-editor .col {
    padding: 0 10px;
    float: left;
    width: 28%;
}

.service-editor .col2 {
    width: 44%;
    text-align: center;
}

.service-editor-txt {
    color: #7f2121;
    font-family: 'Gentium Basic', serif;
    font-size: 20px;
    text-align: center;
    margin: 10px 0;
}

@media screen and (max-width: 1700px) {
    .about-editor .col,
    .service-editor .col {
        width: 100%;
    }
    .about-editor .col + .col,
    .service-editor .col + .col {
        margin-top: 1.7em;
    }
}

@media screen and (max-width: 767px) {
    .news-editor-pic {
        float: none;
        margin: 0 auto 1.7em;
        width: auto;
    }
}

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