body {
    background-image: url(/img/bgb.jpg);
    background-repeat: repeat-x;
    background-position: center top;
}

.section {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    text-shadow: 2px 4px 30px #fff;
    padding: 2em;
}
.ol-m-left{
    list-style: disc !important; 
    margin-left: -1rem;
}
.ol-m-left li{
    list-style: disc !important;
}
.ml-10 {
        border-right: 1px solid #ccc;
}

@media screen and (max-width:74em ){  
    .ml-10 {   
        border-right: 0px solid #ccc;
    }
}
#content-spacer h5{
    line-height: 1.75rem;
}
.main-info h3{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.a-center{text-align:center;}
@media screen and (max-width: 30em) {
    .ml-10 {
        border-right: 0px solid #ccc;
        text-align: left !important;
    }
    .main-info h3{
        height: 66px;
    }
}

.h_wrap_custom_height_01 {
    height: 330px;
}

.h_wrap_custom_height_02 {
    height: 330px;
}

.h_wrap_custom_height_03 {
    height: 330px;
}

.h_wrap_custom_height_04 {
    height: 500px;
}


@media screen and (max-width: 75em) {
.h_wrap_custom_height_01, .h_wrap_custom_height_02 {
    height: 35vh;
}
.h_wrap_custom_height_03 {
    height: 65vh;
}
.h_wrap_custom_height_04 {
    height: 115vh;
}
}

@media screen and (max-width: 64em) {
    .h_wrap_custom_height_01 {
        height: 40vh;
    }
    .h_wrap_custom_height_02 {
        height: 40vh;
    }
    .h_wrap_custom_height_03 {
        height: 70vh;
    }
    .h_wrap_custom_height_04 {
        height: 130vh;
    }
}

@media screen and (max-width: 48em) {
    .h_wrap_custom_height_01 {
        height: 40vh;
    }
    .h_wrap_custom_height_02 {
        height: 40vh;
    }
    .h_wrap_custom_height_03 {
        height: 70vh;
    }
    .h_wrap_custom_height_04 {
        height: 120vh;
    }
}

@media screen and (max-width: 33.75em) {
    .h_wrap_custom_height_01 {
        height: 50vh;
    }
    .h_wrap_custom_height_02 {
        height: 60vh;
    }
    .h_wrap_custom_height_03 {
        height: 90vh;
    }
    .h_wrap_custom_height_04 {
        height: 150vh;
    }
    .course_list .box .list .item p {
        line-height: 1.2em;
        font-size: 1rem;
    }
    .main-info {
        padding: 1.875em 0 0 0;
        margin-bottom: 0;
    }
    .course_list{
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 24em) {
    .h_wrap_custom_height_01 {
        height: 50vh;
    }
    .h_wrap_custom_height_02 {
        height: 60vh;
    }
    .h_wrap_custom_height_03 {
        height: 95vh;
    }
    .h_wrap_custom_height_04 {
        height: 165vh;
    }
}


.contain_bg_1{
    background-image: url('/img/course-1.png');
}

.contain_bg_2{
    background-image: url('/img/course-2.png');
}

.contain_bg_3{
    background-image: url('/img/course-3.png');
}

.contain_bg_4{
    background-image: url('/img/course-4.png');
}

.course_list .box .list .item{
    display: block !important;
}

/*@media screen and (max-width: 64em) {
.items{
    display: none;
}
}*/

.ml-66{
    margin-left: -1.5em;
}

.m-666{
    margin-right: -2.5em;
}