/*********** 前後台編輯器區塊共用的CSS設定 ***********/
.editor{
    line-height: 2;
}
.editor a:hover {
    text-decoration: underline;
}
.editor-title {
    color: #BEAD80;
    font-family: 'Playfair Display', '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei',  '微软雅黑', 'メイリオ', '맑은 고딕', serif;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}
.editor-title2 {
    color: #777;
    font-family: 'Lato', '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei',  '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}
.editor-title3 {
    color: #f2951d;
    font-size: 18px;
    margin: 0;
}

.index-about-title {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.05em;
    margin: 0 0 10px;
}
.index-about-t{
    color: #7FFFFF;
    font-size: 18px;
}
.index-about-title small {
    font-size: 0.8em;
}
.index-about-title .slash {
    font-weight: 300;
    color: #ddd;
    font-style: normal;
}
.about-editor .row {
    margin: 0 -15px;
}
.about-editor .col {
    float: left;
    padding: 0 15px;
    width: 25%;
}
.about-editor .col2 {
    width: 50%;
}
.service-editor-pic {
    float: left;
    width: 425px;
    margin: 0 30px 15px 0;
    text-align: center;
}
.service-slogan {
    color: #777;
    font-family: 'Lato', '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei',  '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2;
}
.service-slogan strong {
    color: #33C4B3;
    font-weight: bold;
}

.contact-info-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-family: 'Lato', '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei',  '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;
}
.contact-info-list li {
    position: relative;
    padding: 0 0 0 40px;
}
.contact-info-list li+li {
    margin-top: 14px;
}
.contact-info-list li .phone {
    color: #f2951d;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 1;
}
.contact-info-list li .ic {
    color: #f2951d;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
/*---about---*/
.about_t{
    font-size: 20px;
    color: #2660A4;
    font-weight: bold;
    line-height: 1.5;
}
.about_t2{
    font-size: 18px;
    color: #F18804;
    position: relative;
    
}
.about_t2:before {
    content: '';
    display: inline-block;
    background: #F18804;
    width: 8px;
    height: 8px;
    margin: 0 10px 0 0;
    position: relative;
    /*top: 50%;
    margin-top: -4px;*/
    top:-4px;
    -moz-transform   : rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform     : rotate(45deg);
    -ms-transform    : rotate(45deg);
    transform        : rotate(45deg);
}
.normal-txt{
    margin: 0 0 15px;
}
/*-----------*/

@media screen and (max-width: 1200px) {
    .about-editor .col1 {
        width: 100%;
    }
    .about-editor .col2 {
        width: 60%;
    }
    .about-editor .col3 {
        width: 40%;
    }
    .about-editor .col + .col {
        margin-top: 1.8em;
    }
}
@media screen and (max-width: 1000px) {
    .service-editor-pic {
        width: 45%;
    }
    .service-slogan {
        clear: both;
    }
}
@media screen and (max-width: 767px) {
    .editor-title {
        font-size: 24px;
    }
    .editor-title2 {
        font-size: 18px;
    }
    .about-editor .col {
        width: 100%;
    }
    .service-slogan {
        font-size: 30px;
    }
    .index-about-title {
        font-size: 33px;
    }
}
@media screen and (max-width: 600px) {
    .service-editor-pic {
        float: none;
        width: auto;
        margin: 0 auto 1.8em;
    }
}