/***normal***/
.editor .sp-p1{
    font-size: 14px;
    font-family: '微軟正黑體';
    color: #444444;
    margin: 0px;
}
.editor .sp-t1{
    font-size: 16px;
    font-family: '微軟正黑體';
    color: #666661;
    margin: 0px;
    font-weight: 600;
}
/******/
/**about**/
.editor .sp-hr-1{
    width: 100%;
    height: 1px;
    background: #6F9EB0;
    margin: 26px auto;
}
.editor .sp-t2{
    color: #666661;
    font-size: 16px;
    font-family: '微軟正黑體';
    padding-left: 12px;
    margin: 0px;
    background: url(../images/hr-icon.png)left center no-repeat;
    margin-bottom: 12px;
    font-weight: 600;
}
/****/
/**service**/
.editor .service-list {
    background: #F3F3F3;
    padding: 0px;
}
.service-list li{
    padding: 50px 15px;
    list-style: none;
    background: #F3F3F3;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.service-list li+li{
    border-top: 1px solid #D8D8D8;
}
.service-list li .lsit-title{
    background: #666661;
    color: #FFF;
    max-width: 570px;
    margin: 0 auto;
    padding: 8px 15px 5px 15px;
    font-family: '微軟正黑體';
    font-weight: bold;
    font-size: 20px;
}
.service-list li .text{
    font-family: 'Arial';
    color: #666;
    font-size: 18px;
    max-width: 570px;
    margin: 0 auto;
    font-weight: bold;
}
/*****/










.editor .row,
.editor .col .row {
    margin: 0 -15px;
}
.editor .col .row {
    margin-bottom: -15px;
}
.editor .col,
.editor .col .row > .col {
    float: left;
    padding: 0 15px 30px;
}
.editor .s-gap,
.editor .col .s-gap {
    margin: 0 -3px;
}
.editor .s-gap > .col,
.editor .col .s-gap > .col {
    padding: 0 3px 6px;
}
.editor .m-gap,
.editor .col .m-gap {
    margin: 0 -7px;
}
.editor .m-gap > .col,
.editor .col .m-gap > .col {
    padding: 0 7px 14px;
}
.editor .no-gap,
.editor .col .no-gap {
    margin: 0;
}
.editor .no-gap > .col,
.editor .col .no-gap > .col {
    padding: 0;
}

.editor .grid1 > .col,
.editor .col .grid1 > .col {
    float: none;
}
.editor .grid2 > .col,
.editor .col .grid2 > .col {
    width: 50%;
}
.editor .grid3 > .col,
.editor .col .grid3 > .col {
    width: 33.33%;
}
.editor .grid4 > .col,
.editor .col .grid4 > .col {
    width: 25%;
}
.editor .grid5 > .col,
.editor .col .grid5 > .col {
    width: 20%;
}
.editor .grid6 > .col,
.editor .col .grid6 > .col {
    width: 16.66%;
}

.editor .grid2.w62-38 > .col:nth-child(1),
.editor .col .grid2.w62-38 > .col:nth-child(1) {
    width: 62%;
}
.editor .grid2.w62-38 > .col:nth-child(2),
.editor .col .grid2.w62-38 > .col:nth-child(2) {
    width: 38%;
}
.editor .grid2.w78-22 > .col:nth-child(1),
.editor .col .grid2.w78-22 > .col:nth-child(1) {
    width: 78%;
}
.editor .grid2.w78-22 > .col:nth-child(2),
.editor .col .grid2.w78-22 > .col:nth-child(2) {
    width: 22%;
}
.editor .col .grid2.w62-38 > .col:nth-child(1),
.editor .col .grid2.w62-38 > .col:nth-child(2),
.editor .col .grid2.w78-22 > .col:nth-child(1),
.editor .col .grid2.w78-22 > .col:nth-child(2) {
    float: left;
}

@media screen and (max-width: 1024px) {
    .editor .grid2.w78-22 > .col:nth-child(2) .col {
        float: left;
        width: 50%;
    }
    .editor .grid2 > .col,
    .editor .grid2.w62-38 > .col:nth-child(1),
    .editor .grid2.w62-38 > .col:nth-child(2),
    .editor .grid2.w78-22 > .col:nth-child(1),
    .editor .grid2.w78-22 > .col:nth-child(2),
    .editor .col .grid2.w78-22 > .col:nth-child(2) .col {
        float: none;
        width: auto;
    }
    .editor .grid4 > .col {
        width: 50%;
    }
    .editor .grid5 > .col,
    .editor .grid6 > .col {
        width: 33.33%;
    }
}
@media screen and (max-width: 900px) {
    .editor .grid3 > .col {
        float: none;
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    .editor .col .grid2.w78-22 > .col:nth-child(2) .col {
        float: left;
        width: 50%;
    }
    .editor .col .grid2.w78-22 > .col:nth-child(1),
    .editor .col .grid2.w78-22 > .col:nth-child(2) {
        float: none;
        width: auto;
    }
    .editor .grid5 > .col,
    .editor .grid6 > .col {
        width: 50%;
    }
    .editor .col .grid5 > .col,
    .editor .col .grid6 > .col {
        width: 33.33%;
    }
}
@media screen and (max-width: 640px) {
    .editor .grid4 > .col {
        float: none;
        width: auto;
    }
    .editor .col .grid3 > .col,
    .editor .col .grid4 > .col,
    .editor .col .grid5 > .col,
    .editor .col .grid6 > .col {
        width: 50%;
    }
}
@media screen and (max-width: 480px) {
    .editor .grid5 > .col,
    .editor .grid6 > .col,
    .editor .col .grid2 > .col,
    .editor .col .grid3 > .col,
    .editor .col .grid4 > .col,
    .editor .col .grid5 > .col,
    .editor .col .grid6 > .col,
    .editor .col .grid2.w62-38 > .col:nth-child(1),
    .editor .col .grid2.w62-38 > .col:nth-child(2),
    .editor .grid2.w78-22 > .col:nth-child(2) .col,
    .editor .col .grid2.w78-22 > .col:nth-child(2) .col {
        float: none;
        width: auto;
    }
}