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

.editor-title {
    color: #634166;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 8px;
}

.editor-title.c2 {
    color: #f1bba1;
}

.editor-title .ic {
    font-size: 20px;
    vertical-align: top;
    margin-right: 6px;
}

.about-editor-layout,
.service_1-editor-layout,
.service_2-editor-layout,
.service_3-editor-layout,
.service-editor-layout {
    max-width: 1060px;
    margin: 0 auto;
}


/*---------products-editor---------*/

.products-editor-pic {
    float: right;
    margin-left: 30px;
    width: 50%;
    max-width: 386px;
}


/*---------about-editor---------*/

.about-editor-layout .row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.about-editor-layout .col {
    display: table-cell;
    vertical-align: middle;
}

.about-editor-layout .col1 {
    padding-right: 25px;
}

.about-editor-layout .col2 {
    border: 1px solid #ddd;
    border-width: 0 0 0 1px;
    width: 370px;
    text-align: center;
    padding: 0 15px;
}

.about-editor-layout.newtwo {
    max-width: 750px;
    margin: -180px 0 0 0;
    background: url(../../images/common/about/pic_3.jpg)8% bottom no-repeat #fff;
    position: relative;
    float: right;
    padding: 65px 0 0 70px;
}

.about-editor-layout.newtwo .boxing {
    position: relative;
    display: flex;
}

.about-editor-layout.newtwo .boxing span {
    width: 21%;
    font-size: 32px;
    color: #262626;
    font-family: 'Arimo';
    font-weight: 100;
    line-height: 1.2em;
}

.about-editor-layout.newtwo .boxing span:after {
    content: '';
    background: #000;
    width: 59px;
    height: 1px;
    top: 16px;
    margin-left: 45px;
    display: inline-block;
    position: absolute;
}

.about-editor-layout.newtwo .boxing p {
    margin: 0px;
    padding-top: 5px;
    color: #202020;
    font-size: 15px;
    padding: 0px;
    line-height: 1.75em;
    max-width: 500px;
    margin-left: 110px;
}


/*---------service_1-editor---------*/

.service_1-editor-layout .row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.service_1-editor-layout .col {
    display: table-cell;
    vertical-align: middle;
}

.service_1-editor-layout .col1 {
    padding-right: 25px;
}

.service_1-editor-layout .col2 {
    border: 1px solid #ddd;
    border-width: 0 0 0 1px;
    width: 370px;
    text-align: center;
    padding: 0 15px;
}


/*---------service_2-editor---------*/

.service_2-editor-layout .row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.service_2-editor-layout .col {
    display: table-cell;
    vertical-align: middle;
}

.service_2-editor-layout .col1 {
    padding-right: 25px;
}

.service_2-editor-layout .col2 {
    border: 1px solid #ddd;
    border-width: 0 0 0 1px;
    width: 370px;
    text-align: center;
    padding: 0 15px;
}


/*---------service_3-editor---------*/

.service_3-editor-layout .row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.service_3-editor-layout .col {
    display: table-cell;
    vertical-align: middle;
}

.service_3-editor-layout .col1 {
    padding-right: 25px;
}

.service_3-editor-layout .col2 {
    border: 1px solid #ddd;
    border-width: 0 0 0 1px;
    width: 370px;
    text-align: center;
    padding: 0 15px;
}


/*---------service-editor---------*/

.service-editor-layout .row {
    margin: 0 -5%;
    position: relative;
}

.service-editor-layout .row:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #d7ccb7;
}

.service-editor-layout .col {
    float: left;
    width: 50%;
    padding: 0 5%;
}

.service-editor-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 1px solid #bbb;
}

.service-editor-table tr {
    border-bottom: 1px solid #bbb;
}

.service-editor-table td {
    padding: 8px;
}

.service-editor-table td:last-child {
    color: #655262;
    font-size: 14px;
}

.service-editor-table td:last-child b {
    font-size: 18px;
}


/*---------terms-editor---------*/

.terms-editor-layout .row {
    margin: 0 -4%;
    position: relative;
}

.terms-editor-layout .row:before {
    content: '';
    border-left: 1px solid #ddd;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
}

.terms-editor-layout .col {
    float: left;
    width: 50%;
    padding: 0 4%;
}

.terms_txt {
    text-align: left;
}

.terms-editor-layout .editor-title.c2 {
    color:#86a7ea;
    font-weight: bold;
}


/*---------index-about-editor---------*/

.index-about-editor a:hover {
    text-decoration: underline;
}

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

.index-about-editor .col {
    float: left;
    padding: 0 4%;
    width: 50%;
}

.index-about-pic {
    text-align: center;
    border-bottom: 1px solid #282835;
    padding-bottom: 12px;
    max-width: 480px;
    margin: 0 auto;
}


/*---------index-service-editor---------*/

.index-service-more {
    display: block;
    position: relative;
    padding-left: 40px;
    max-width: 440px;
    margin: 0 auto;
}

.index-service-more:before {
    content: '';
    display: block;
    background: url('../../images/common/index/service_more.svg');
    width: 30px;
    height: 132px;
    position: absolute;
    left: 0;
    top: 3px;
}

.no-svg .index-service-more:before {
    background: url('../../images/common/index/service_more.png');
}

.index-service-more:hover:before {
    background-position: 100% 0;
}
.table-responsive{
	width:100%;
	overflow-x:auto;
}
.table_style{
	width:100%;
	min-width:840px;
}
.table_style th{
	color:#fff;
	text-align:left;
	padding:8px 8px;
}
.table_style td{
	padding:8px 8px;
}
.table_style tr:nth-child(odd){
	background:#E4E7EF;
}
.table_style thead,.table_style thead tr:nth-child(n){
	background:#0C3388;
}
@media screen and (max-width: 1120px) {
    .about-editor-layout.newtwo {
        padding: 45px 0 0 40px;
    }
    .about-editor-layout.newtwo .boxing span {
        width: 25%;
    }
}

@media screen and (max-width: 1000px) {
    /*---------terms-editor---------*/
    .terms-editor-layout .col {
        width: 100%;
    }
    .terms-editor-layout .row:before {
        display: none;
    }
    .terms-editor-layout .col2 {
        margin-top: 1.5em;
    }
    .terms_txt {
        text-align: left;
    }
    /*---------index-about-editor---------*/
    .index-about-editor .col {
        width: 100%;
        text-align: center;
    }
    .index-about-editor .col2 {
        margin-top: 25px;
    }
    .editor {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 900px) {
    /*---------about-editor---------*/
    .about-editor-layout .col2 {
        width: 300px;
    }
    .about-editor-layout .col {
        float: left;
    }
    .about-editor-layout .col2 {
        border: none;
        margin-top: 30px;
        padding: 0;
    }
    /*---------service_1-editor---------*/
    .service_1-editor-layout .col2 {
        width: 300px;
    }
    .service_1-editor-layout .col {
        float: left;
    }
    .service_1-editor-layout .col2 {
        border: none;
        margin-top: 30px;
        padding: 0;
    }
}


/*---------service_2-editor---------*/

.service_2-editor-layout .col2 {
    width: 300px;
}

.service_2-editor-layout .col {
    float: left;
}

.service_2-editor-layout .col2 {
    border: none;
    margin-top: 30px;
    padding: 0;
}


}

/*---------service_3-editor---------*/
.service_3-editor-layout .col2 {
    width: 300px;
}
.service_3-editor-layout .col {
    float: left;
}
.service_3-editor-layout .col2 {
    border: none;
    margin-top: 30px;
    padding: 0;
}

}
@media screen and (max-width: 767px) {
    /*---------products-editor---------*/
    .products-editor-pic {
        float: none;
        text-align: center;
        margin: 0 0 3em;
        width: auto;
        max-width: none;
    }
    /*---------about-editor---------*/
    .about-editor-layout .row,
    .about-editor-layout .col {
        display: block;
        width: auto;
        padding: 0;
    }
    .about-editor-layout .col2 {
        padding-top: 20px;
        margin-top: 20px;
        border-width: 1px 0 0;
    }
    /*---------service_1-editor---------*/
    .service_1-editor-layout .row,
    .service_1-editor-layout .col {
        display: block;
        width: auto;
        padding: 0;
    }
    .service_1-editor-layout .col2 {
        padding-top: 20px;
        margin-top: 20px;
        border-width: 1px 0 0;
    }
    /*---------service_2-editor---------*/
    .service_2-editor-layout .row,
    .service_2-editor-layout .col {
        display: block;
        width: auto;
        padding: 0;
    }
    .service_2-editor-layout .col2 {
        padding-top: 20px;
        margin-top: 20px;
        border-width: 1px 0 0;
    }
    /*---------service_3-editor---------*/
    .service_3-editor-layout .row,
    .service_3-editor-layout .col {
        display: block;
        width: auto;
        padding: 0;
    }
    .service_3-editor-layout .col2 {
        padding-top: 20px;
        margin-top: 20px;
        border-width: 1px 0 0;
    }
    /*---------service-editor---------*/
    .service-editor-layout .row:before {
        display: none;
    }
    .service-editor-layout .col {
        width: 100%;
    }
    .service-editor-layout .col+.col {
        margin-top: 1.5em;
    }
}
@media screen and (max-width: 767px) {
    .about-editor-layout.newtwo {
        margin: 0px;
        background: url(../../images/common/about/pic_3.jpg)right bottom no-repeat;
        position: relative;
        float: none;
        padding: 0px 0 230px 0px;
    }
    .about-editor-layout.newtwo .boxing {
        display: block;
    }
    .about-editor-layout.newtwo .boxing span {
        width: 100%;
        font-size: 22px;
    }
    .about-editor-layout.newtwo .boxing span:after {
        top: 12px;
        margin-left: 35px;
    }
    .about-editor-layout.newtwo .boxing p {
        margin: 0px;
        padding-top: 5px;
        padding: 0px;
        max-width: 100%;
        margin: 10px 0px;
    }
}
@media screen and (max-width: 480px) {
    /*---------index-service-editor---------*/
    .index-service-more {
        padding: 40px 0 0;
    }
    .index-service-more:before {
        top: 30px;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}