/*------------ about-editor ------------*/
.about-editor .row_ img{
    object-fit: contain;
}
.about-editor .row_{
    display: flex;
}
.about-editor .row_ .col1{
    flex-basis: 53%
}

.about-editor .row_ .col2{
     flex-basis: 47%;
     padding-left: 50px;
}
.contact_box{
    margin-top: 40px;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../../images/common/about/pic2.jpg) left center no-repeat;
}
.contact_box .border{
    width: 100%;
    display: flex;
    margin:10px;
    height: 110px;
    border:solid 2px #A37063;
    margin-right: 35px;
    align-items: flex-end;
    padding-bottom: 15px;
    box-sizing: border-box;
	justify-content: flex-end;
	padding: 0 50px;
	
}
.contact_box .en_title{
    color: #fff;
    font-size: 30px;
    font-family: 'Kanit', sans-serif;
    text-shadow:2px 2px 3px rgba(0,0,0,0.75) ;
    margin-left: 0%;
    display: inline-block;
    margin-right: 15px;
    line-height: 1.6;
	min-width: 158px;
}
.contact_box .txt{
   min-width: 267px;
    display: inline-block; 
    color: #2D2110;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
	 top: -30%;
   position:  relative;
}
.contact_box .txt .tel{
    font-family: Expletus Sans;
    font-size: 22px;
    font-style: italic;
}
.contact_box .txt .ic-phone{
    font-size: 25px;
    background: #2D2110;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    margin:3px 10px 0 0;
}
.editor_title{
    font-family: Kanit;
    font-size: 45px;
    color: #A37063;
    line-height: 1;
    margin-top: 50px;
}
.editor_title:before{
    content: '';
    margin:-3px 15px 0 3px;
    vertical-align: middle;
    display: inline-block;
    border-left: 6px solid #A37063;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.editor_title span{
    color: #026133;
    display: inline-block;
    padding-left: 10px;

}
.sub_title{
    font-size: 22px;
    color: #2C2010;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 35px;

}
.about-editor .service-list{
    display: flex;
}
.about-editor .service-list li {
    width: 25%;
    padding: 0 10px 50px;
    position: relative;
    text-align: center;
     border-bottom: solid 1px #A37063;
}

.about-editor .service-list li:nth-child(4n+1) {
    clear: left;
}

.about-editor .service-list li a {
    max-width: 282px;
    margin: 0 auto;
}

.about-editor .service-list li .pic {
    position: relative;
    box-sizing: border-box;
    border-radius: 50%;
    max-width: 200px;
    margin: 0 auto;
}

.about-editor .service-list li .pic span {
    display: block;
    min-height: 188px;
    max-width: 188px;
}

.about-editor .service-list li .text {
    text-align: left;
}

.about-editor .service-list li .name {
    font-size: 20px;
    color: #333326;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}
.about-editor .service-list li .txt{
    color: #A37063;
    font-weight: bold;
    text-align: center;
}
.about-editor .service-list li .txt span{
    display: block;
}
.about-editor .service-list li .txt:after{
    content: '';
    display: inline-block;
    border-top: 14px solid #A37063;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;

}
.about-editor .service-list li .description {
    letter-spacing: 2px;
    font-size: 15px;
    color: #333326;
    line-height: 1.5;
}


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

.products-editor .list,
.products-editor .list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.products-editor .list {
    margin: 0 -13px;
}

.products-editor .list li {
    width: calc((100% / 3) - 0.1px);
    display: inline-block;
    margin-right: -4px;
    padding: 0 13px;
    box-sizing: border-box;
    letter-spacing: 0.6px;
}

.products-editor .list li b {
    color: #C69664;
    display: block;
    font-size: 16px;
}
.editor .number{
	background: #c3944f;
    width: 20px;
    height: 20px;
    position: relative;
    color: #fff;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    border-radius: 100%;
    margin: 0 5px 0 0;
}

/*------------ news-editor ------------*/

.news-editor .tb01 h2 {
    font-size: 16px;
    color: #C79664;
    line-height: 1.6;
    margin: 0;
}

.news-editor .tb01 .pic {
    width: 345px;
    padding: 0 10px 0 0;
}


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

.terms-editor {
    color: #666;
    line-height: 1.75;
}

.terms-editor .title {
    font-size: 17px;
    font-weight: bold;
    color: #687418;
    margin: 0;
}


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

.index-about-editor {
    color: #333326;
    padding: 0 0 50px;
    text-align: justify;
    letter-spacing: 0px;
}
.index-about-editor b{
    font-size: 20px;
}
.index-about-editor table .pic {
    width: 507px;
    padding: 0 15px;
}

.contact-info-list .tel{
		font-size:20px;
	}
/*------------ rwd ------------*/
@media screen and (max-width: 1100px) {
    .about-editor .row_{
        display: block;
    }
    .contact_box{
        padding-top:145px;
        background-position: top;
    }
    .about-editor .row_ .col2{
        padding-left: 0;
    }
    .contact_box .en_title{
        color: #A37063;
        text-shadow: 0 0 0;
    }
    .editor_title{
        font-size: 26px;

    }
    .sub_title{
        font-size: 18px;
    }
    .contact_box .border{
        display: block;
        text-align: center;
        margin-right: 10px;
		padding:25px 0;
    }
    .contact_box .txt{
        width:235px;
        text-align: left;
		top: 5px;
    }
    .contact_box .en_title{
        margin-left: 0;
    }
    .about-editor .service-list{
        display: block;
    }
    .about-editor .service-list li{
        width: 100%;
    }
    .about-editor .service-list li {
    margin-bottom: 20px;
}
.contact_box .txt .tel{
	font-size:20px;
}
}
@media screen and (max-width: 1024px) {
    .index-about-editor table td {
        width: 100%;
        float: left;
    }
    .index-about-editor table .pic {
        width: 100%;
        text-align: center;
        padding: 15px 0;
    }
}

@media screen and (max-width: 900px) {
    .news-editor .tb01 .pic,
    .news-editor .tb01 .txt {
        width: 100%;
        display: block;
        padding: 0 0 20px;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .about-editor .list,
    .products-editor .list {
        text-align: center;
        margin: 0;
    }
    .about-editor .list li,
    .products-editor .list li {
        width: 50%;
        padding: 0 13px 25px;
        text-align: left;
    }
}
@media screen and (max-width: 514px) {
	.contact_box .border{
		padding:0;
	}
	.contact_box .txt .ic-phone{
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin:3px 5px 0 20px;
}
	.contact_box .txt{
      
        font-size: 16px;
    }
	.contact-info-list .tel{
		font-size: 18px;
	}
}
@media screen and (max-width: 480px) {
    .about-editor .list li,
    .products-editor .list li {
        width: 100%;
        padding: 0 0 25px;
    }
    .notice-editor h2 i {
        font-size: 30px;
    }
}