.banner{background: url("https://img.asiancancer.com/images/kazakhstan/basic/team_detail.webp") no-repeat center;height: 300px;}
.banner .img{text-align: center;}
.banner .banner-text{padding-top:60px;}
.banner .banner-text .title{font-size: 52px;color: #ffffff;display: grid;}
.banner .banner-text .first{border-bottom: 2px solid #13BFB1;width: 615px;}
.banner .banner-text .second{font-size: 35px;}

.team-content .title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
.team-content .cancer_type{margin:10px 0;text-align: center;}
.team-content .caner_type_select{width:50%;height: 32px;}
.team-content .text{font-size: 16px;margin:20px 0;}
.team-content  .doc_list .doc_c{}
.team-content  .doc_list .doc_c{border-radius: 16px;background: #ffffff;width: 24%;float: left;margin-right: 16px;margin-bottom: 16px;
 box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);height:538px;}
.team-content  .doc_list .doc_c .doc_c_p{text-align: center;padding-top: 20px;position: relative;}
.team-content .doc_list .doc_c .doc_c_p .tg{width:100%;}
.team-content .doc_list .doc_c .doc_c_p a{position: absolute;bottom: 0;right: 0;display: none;}
.team-content  .doc_list .doc_c dl{padding: 10px 15px;border-radius: 0 0 16px 16px;height:145px;}
.team-content  .doc_list .doc_c dl dt{font-size: 20px;font-weight: bold;}
.team-content  .doc_list .doc_c dl dd.first{font-size: 14px;height: 42px;overflow:hidden;color:#1E5484;}
.team-content  .doc_list .doc_c:hover  dl,.team-content  .doc_list .doc_c:active  dl{background:#1E5484;color: #ffffff;}
.team-content  .doc_list .doc_c:hover dl dd.first{color:#ffffff;}
.team-content .doc_list .doc_c:hover .doc_c_p a{display: block;}
.team-content  .doc_list .doc_c dl dd,.team-content  .doc_list .doc_c p{padding-top: 10px;}
.team-content  .doc_list .doc_c p{}
.team-content  .doc_list .doc_c p a{width:102px;border-radius: 16px;border:1px solid #363636;padding: 5px 10px;display: block;text-align: center;height:140px;}
.team-content  .doc_list .doc_c p a:hover{background:#1E5484;color:#ffffff;}
.team-content  .doc_list #wrap4,.team-content  .doc_list #wrap8,.team-content  .doc_list #wrap12{margin-right: 0px;}



.cancer_type .caner_type_select{
    width: 500px;
    border: 1px solid #62c0e0;
    border-radius: 20px;
    padding: 0 10px;
    margin: 10px auto;
    color: #46a8ca;
    display: block;
}

.sod_select .sod_placeholder{display:none;}
.sod_select .sod_list {
    width: 450px;
    border: 1px solid #62c0e0;
    color: #46a8ca;
    border-top: none;
    margin-left: 25px;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    height: auto;
    margin: 0 0 0 -3px;
    background: #ffffff;
    font-weight: 300;
    z-index: 1;
}
.sod_select .sod_list ul {
    overflow-y: auto;
    padding: 0;
    margin: 0;
}
.sod_select .sod_list .selected {
    font-weight: 700;
    padding-right: 25px;
}

.sod_select .sod_list .active {
    background: #f7f7f7;
    color: #333333;
}
.sod_select .sod_list li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding: 10px 10px;
    list-style-type: none;
}
.sod_select, .sod_select * {
    box-sizing: border-box;
}


@media screen and (max-width:768px) {
 .banner{background: url("https://img.asiancancer.com/images/kazakhstan/basic/team_detail.webp") no-repeat center;height: auto;background-size: cover;}
 .banner .img{text-align: center;}
 .banner .banner-text{padding: 30px 20px;}
 .banner .banner-text .title{font-size: 36px;}

 .team-content{text-align: center;margin: 0 auto;}
 .team-content .text{padding:0 10px;text-align:left;}
 .team-content .doc_list .doc_c{width: 48%;height: auto;margin: 3px;display: inline-grid;float: none;}
 .team-content .doc_list .doc_c .doc_c_p img{width: 100%;}

 .team-content .doc_list .doc_c p a{padding: 3px 10px;}
 .team-content .doc_list .doc_c dl dd.first{height: 70px;font-size:12px;text-align:left;}
}