.topimgbox {
    width: 100%;
    height: 100%;
    display: flex;
}
.topimgbox img {
    width: 100%;
    height: 100%;
    display: block;
}
.care_clas {
    display: flex;
    background-image: url(../img/class_room1.png);
    padding-bottom: 80px;
}
.care_clas .clasroombox {
    margin: 150px auto;
    display: flex;
    justify-content: space-between;
}
.list_room {
    width: 23%;
    cursor: pointer;
    border: 1px solid #6270b0;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}
.list_room .clasimg {
    width: 100%;
    /* border: 1px solid red; */
    overflow: hidden;
}

.list_room .clasimg img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition-duration: 1.2s;

}

.list_room .clasimg img:hover {
    transform: scale(1.2);
}

.list_room p {
    font-size: 26px;
    margin: 20px auto;
}