@charset "utf-8";

/*footer*/

.ic_phone{

    font-size: 20px;

    color: #444444;

    margin: -9px 15px 0 0;

    display: inline-block;

    vertical-align: middle;

}

.ic_phone:before{

    content: "\e1050";

    font-family: 'icon-font2' !important;

}

.ic_mail{

    display: inline-block;

    vertical-align: text-bottom;

    background: url(../../../images/layout04/common/siteinfo_ic.png) no-repeat;

    width: 20px;

    height: 20px;

    margin-right: 14px;

    background-position: 0 -20px;

}

.ic_fax{

    display: inline-block;

    vertical-align: text-bottom;

    background: url(../../../images/layout04/common/siteinfo_ic.png) no-repeat;

    width: 20px;

    height: 20px;

    margin-right: 14px;

    background-position: 0 -40px;

}

.ic_add{

    display: inline-block;

    vertical-align: text-bottom;

    background: url(../../../images/layout04/common/siteinfo_ic.png) no-repeat;

    width: 20px;

    height: 20px;

    margin-right: 14px;

    background-position: 0 -60px;

}

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

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

.about-editor .title{

    font-size: 50px;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 1.2;

}

.about-editor td{

    vertical-align: top;

}

.about-editor .pic2{

    padding: 0 0 0 40px;

    width: 424px;

    position: relative;

    top: 0px;

}

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

/*------------ contact-editor ------------*/

.contact-map iframe{

    border: 10px solid#fff;

    width: 100%;

    box-sizing: border-box;

    height: 300px;

    margin: 0px 0 20px;

}

.contact-editor{

    text-align: center;

    margin: 5px 0;

}

.contact-editor .row{

    display: table;

    width: 100%;

    table-layout: fixed;

    border: 0;

}

.contact-editor .col{

    display: table-cell;

    vertical-align: top;

    padding: 0 15px;

    border-width: 0 1px 0 1px;

    border-color: #D1D1CF #D1D1CF #eee #eee ;

    border-style: solid;

}

.contact-editor .col1{

    border-width: 0 1px 0 0;

}

.contact-editor .col3{

    border-width: 0 0 0 1px;

}

.contact-info-txt{

    max-width: 200px;

    margin: 0 auto;

}

.contact-info-txt .img-ic{

    display: inline-block;

    margin-bottom: 20px;

}

.contact-info-txt a:hover{

    color: #B20000;

    text-decoration: underline;

}

.contact-info-txt i{

    font-size: 22px;

    color: #3f9b73;

    background: #282828;

    padding: 10px;

    border-radius: 23px;

    width: 23px;

    height: 23px;

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 15px;

}

.contact-info-txt i:before{

    font-family: 'icon-font2' !important;

}

.contact-info-txt .ic-locat:before{

    content: "\e1026";

}

.contact-info-txt .ic-tel:before{

    content: "\e1050";

}

.contact-info-txt .ic-mail:before{

    content: "\e1034";

}

.contact-info-txt .ic-mail{

    font-size: 16px;

    line-height: 23px;

}

/*------------ video-editor ------------*/

.video-editor .pic{

    float: left;

    margin-right: 25px;

}

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

.terms-editor{

    font-size: 15px;

    line-height: 2;

    /*max-width: 1045px;*/

    margin: 0 auto;

}

.terms-editor .title:before{

    content: '/';

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    margin-top: -5px;

}

.terms-editor .title{

    color: #B25900;

    font-size: 16px;

    margin: 0;

}

.terms-editor p{

    text-indent: 0em;

    margin: 0 0 50px;

}

.terms-editor .row{

    margin: 0 -27px;

}

.terms-editor .col{

    padding: 0 27px;

    width: 50%;

    float: left;

    box-sizing: border-box;

}

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

/*------------ rwd ------------*/

@media screen and (max-width: 1280px){

    .about-editor .row_2 .txt_box{

        padding:50px 90px 50px 50px;

    }

}

@media screen and (max-width: 1000px){

    .about-editor .tb01 td,

    .about-editor .tb02 td,

    .service-table td,

    .service-table .pic{

        width: 100%;

        float: left;

        padding: 0;

        box-sizing: border-box;

    }

    .about-editor .pic2{

        top: 0;

    }

    .contact-editor .row,

    .contact-editor .col{

        display: block;

        width: auto;

        border-width: 1px 0;

    }

    .contact-editor .col{

        border-width: 1px 0;

        padding: 15px 0;

    }

    .contact-editor .col1{

        border-width: 0 0 1px;

    }

    .contact-editor .col3{

        border-width: 1px 0 0;

    }

    .contact-editor .col{

        border-color: #D1D1CF #D1D1CF #eee #eee ;

    }

    .contact-map iframe{

        border: 5px solid#fff;

        height: 200px;

        margin: 0px;

    }

}

@media screen and (max-width: 767px){

    .terms-editor .row{

        margin: 0;

    }

    .terms-editor .col{

        padding: 0;

        width: 100%;

    }

     .contact-map{

        height: 200px;

    }

}