.bc_blue {
    background-color: #15c1e5;
}

#school {
    margin-top: 60px;
    margin-bottom: -150px;
}

.sch_main_b {
    background-color: #FFFFFF;
    margin: 0 auto;
    box-shadow: 0px 0px 70px 0px #f0ecec;
    padding: 90px 0;
}

.sch_name {
    color: #3a3a3a;
    margin-top: 10px;
}

.sch_recommend {
    color: #535353;
    display: inline-block;
    text-align: justify;
    text-align-last: left;
}

.sch_img {
    /*display: inline-block;*/
    /*float: left;*/
    /*top: 108px;*/
}

.sch_info {
    /*float: right;*/
    /*top: 100px;*/
    /*width: 928px;*/
}

.recom_icon {
    width: 10%;
    padding: 5px 0;
    background-color: #fd7114;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    border-radius: 25px;
    vertical-align: top;
}

.recom_t {
    width: 88%;
    color: #464646;
    display: inline-block;
}

.recom_b {
    margin-top: 16px;
}

.recom_b:first-of-type {
    margin-top: unset;
}

.sch_name_e {
    color: #6D6D6D;
}

.sch_line {
    width: 52px;
    height: 3px;
    background-color: #dedede;
    opacity: 0.6;
    margin-top: 40px;
    margin-bottom: 20px
}

.pic_border {
    width: 100%;
    max-height: 400px;
    border-radius: 15px;
    margin-top: 50px;
    box-sizing: content-box;
    object-fit: cover;
}

@media (max-width: 1599px) {
    .sch_name_b {
        display: inline-block;
    }

    .sch_img {
        margin-bottom: 30px;
    }
}

@media (max-width: 1399px) {

}

@media (max-width: 1199px) {
    .recom_icon {
        width: 12%;
    }

    .recom_t {
        width: 86%;
    }
}

@media (max-width: 991px) {

    .recom_t {
        width: 80%;
    }
    .sch_main_b {
        box-shadow:unset;
        padding: unset;
    }
    #school{
        margin-top: 65px;
        margin-bottom: unset;
    }
}

@media (max-width: 767px) {
    .recom_icon{
        width: 12%;
    }
}

@media (max-width: 575px) {
    .recom_icon{
        width: 18%;
    }
}

@media screen and (max-width: 480px) {

}
