.tem101-service {background-color: #222;background-size: cover;}
.tem101-service .items{margin:15px 0;}
.tem101-service .item a{height: 100%;display: block;}
.tem101-service .item:hover{box-shadow: 0 0 20px rgba(0,0,0,.05)}
.tem101-service .item{width: 100%;display: block;margin:auto;height: 100%;background-color: #fff;border-radius: 6px;transition: .4s;border:1px solid;border-color: #eee;overflow: hidden;}
.tem101-service .icon{padding: 5%;}
.tem101-service .icon img{max-width: 100%;display: block;margin:0 auto;}
.tem101-service .text{color:#333;padding: 5% 8%;}
.tem101-service.content-middle .text{text-align: center;}
.tem101-service.content-right .text{text-align: right;}
.tem101-service .text .title{font-size: 16px;margin-bottom: 15px;}
.tem101-service .text .description{opacity: .7;line-height:170%;}
.tem101-service .more_item{display: flex;display: -webkit-flex;align-items: center;background-color: transparent;border:none;}
.tem101-service .more{text-align: center;border-radius: 6px;margin:auto;max-width: 100%;}
.tem101-service .more .btn{border-radius: 200px;box-shadow: 0 5px 10px rgba(0,0,0,.1);padding: 16px 34px;font-weight: 600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
@media (max-width: 768px){
    .tem101-service .container,
    .tem101-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important;}
    .tem101-service .more .btn{font-size: 12px;padding: 12px 26px;}
    .tem101-service .items{margin:5px 0;}
}
@media (max-width: 480px){
    .tem101-service .item{border-radius: 4px;}
    .tem101-service .items{width: 100%;max-width: 100%;margin:5px 0;}
    .tem101-service .icon,
    .tem101-service .text{padding:3% 5%;}
    .tem101-service .more .btn{font-weight: normal;padding:8px 18px;margin-top:5px;}
}