﻿.newslist {}
.newslist .item{padding-bottom:40px;}
.newslist .item .img{display:block; padding-bottom:15px; float:left; width:40%}
.newslist .item .img img{width:100%}
.newslist .item .info{float:right; width:60%; padding:0 0 0 15px}
.newslist .item .info .title{padding:0 0 5px ;}
.newslist .item .info .title a{text-transform:uppercase; font-size: 16px; line-height:150%; font-weight: 600; color:#222}
.newslist .item .info .title a:hover{color:#981b1e}
.newslist .item .info .desc{color:#333; font-size:15px;padding: 0 0 10px}
.newslist .extra {font-size:14px;padding-bottom: 15px;}
.newslist .extra span{padding:0 15px 0 0}
.newslist .extra .far, .newslist .extra .fas{ color:#d38629; padding: 0 3px 0 0}
.newslist .item .info .linkview {font-size:14px; color:#d38629}
@media (max-width: 767px) {
    .newslist .item{padding-left:5px; padding-right:5px}
    .newslist .item .title a{font-size:16px}
}

@media (max-width: 500px) {
    .newslist .item .img, .newslist .item .info{width:100%; padding:5px 0}
}

.topDesc {margin:0px 0 20px 0; background:#fff; border:1px solid #eee;border-top:5px solid #125a30;  padding:20px; width:100%;}
.topDesc .capservice {font-size:16px}
.topDesc .topimg {padding-bottom:30px; text-align:center}
.topDesc .topimg img {max-width:100%;}
.topDesc .topright {text-align:center}
.topDesc .infodesc .title {text-align:left; color:#125a30; font-size:24px; text-align:left; font-weight:bold; padding:5px 0 10px}
.topDesc .infodesc .desc { text-align:left; padding:0 0 20px}

@media screen and (max-width: 600px) {
    .topDesc .topimg, .topDesc .topright{width:100%}
    .topDesc{padding:10px 0 20px;}
}

.tab_item{display:none}
.tab_branch {}
.tab_branch .card-title{border-bottom: 1px solid #686868; padding-bottom: 10px; margin:0px}
.fnprice {}
.fnprice span{font-weight:bold}

.divbranchlist {}
.divbranchlist .item{padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
    padding-top: 15px;
}
.divbranchlist .item .img{display:block; padding-bottom:15px; float:left; width:40%}
.divbranchlist .item .img img{width:100%}
.divbranchlist .item .info{padding-left:0px}
.divbranchlist .item .title{font-size: 14px; line-height:150%; font-weight: 600; color:#222}
.divbranchlist .item .title .ico{color:#125a30}

/*-------------------------------------------------*/

.divSug{padding:0 0 25px; position:relative; }
.divSug .item{text-align:left;color:#484848; margin-bottom:15px}
.divSug .item .box{text-align:center; background:#f7f7f7;height: 100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px;}
.divSug .item .img{}
.divSug .item .img img{max-width:100%;padding: 15px 0 0;}
.divSug .item .info{text-align:center; padding:20px 0; font-size:16px; }

.divSug .item .info .title{}
.divSug .item .info .title a{color:#5a361c; font-size:18px}
.divSug .item .info .desc{text-align:justify; padding:0 8px}
@media screen and (max-width: 992px) {
   .divSug{padding:15px 0 15px; }
}


/* service */
.blg_ServiceList {}
.blg_ServiceList .boxsv{background: url(/images/temp/z2.png) no-repeat right 10px bottom 10px; border:1px solid #ccc; border-radius: 10px;padding: 15px 15px 0px;font-weight: 600;line-height: 150%; height:100%}
.blg_ServiceList .imgsv{ text-align:center}
.blg_ServiceList .imgsv img{ max-width:99px; width:100%}
.blg_ServiceList .capsv{    padding-top: 6%;    }
.blg_ServiceList .capsv .cap1{font-size:24px; color:#d38629; padding-bottom: 5px;}
.blg_ServiceList .capsv .cap2{font-size:18px; color:#333}
.blg_ServiceList .boxsv .desc{padding:12px 40px 0 0; position:relative}
.blg_ServiceList .boxsv .desc a{padding:12px 40px 0 0; position:absolute; bottom:0; right:0; width:20px; height:35px; display:block}
@media screen and (max-width: 767px) {
    .blg_ServiceList .capsv .cap1{font-size:22px;}
    .blg_ServiceList .capsv .cap2{font-size:16px;}
}

.blg_ServiceList .boxsv:hover{background: url(/images/temp/z1.png) #d38629 no-repeat right 10px bottom 10px; color:#fff }
.blg_ServiceList .boxsv:hover .capsv{color:#fff}
.blg_ServiceList .boxsv:hover .capsv .cap1, .blg_ServiceList .boxsv:hover .capsv .cap2{color:#fff; }


/**/
.divNews{padding:30px 0 25px; position:relative; }
.divNews .item{text-align:left;color:#484848; margin-bottom:15px}
.divNews .item .box{text-align:center; background:#f7f7f7;height: 100%;}
.divNews .item .img{}
.divNews .item .img img{width:100%;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius: 20px;}
.divNews .item .info{text-align:center; padding:20px 0; font-size:16px; }

.divNews .item .info .title{}
.divNews .item .info .title a{color:#5a361c; font-size:18px}
.divNews .item .info .desc{text-align:justify; padding:0 8px}
@media screen and (max-width: 992px) {
   .divNews{padding:15px 0 15px; }
}