.system_myclass_page_introductLocal {
    display: flex;
}

.system_myclass_page_introductLocal .col-left,
.system_myclass_page_introductLocal .col-right {
    width: 50%;
}

.system_myclass_page_introduct .col-right .title {
    font-size: 36px;
    line-height: 1.4;
}

.system_myclass_page_introductLocal .container-main {
    margin: unset;
    position: relative;
    transform-style: preserve-3d;
    min-height: 500px;
}

.system_myclass_page_introductLocal .container-main .img_main {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transform: translateZ(100px);
    z-index: 1;
}

.system_myclass_page_introductLocal .container-main .img_main img {
    width: 100%;
    transform: scale(0.7);
    border-radius: 4px;
}


.system_myclass_page_introductLocal .container-main .box {
    width: 160px;
    height: 160px;
    position: absolute;
    left: 0;
    top: -3%;
    transform: translateZ(-200px);
    z-index: 0;
}

.system_myclass_page_introductLocal .container-main .bg-line {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -2;
    transform: translateZ(-50px);

}

.system_myclass_page_introductLocal .container-main .bg-line>svg {
    transform: scale(1);
}

/* start numberRun */
.system_myclass_page_introduct .numberRun {
    display: flex;
}

.system_myclass_page_introduct .numberRun .item {
    width: 25%;
    display: flex;
    padding: 0 12px;
    align-items: center;
}

.system_myclass_page_introduct .numberRun .item .icon {
    margin-right: 12px;
}

.system_myclass_page_introduct .numberRun .item .content .number>.number_item {
    font-size: 36px;
    line-height: 1.4;
}

.system_myclass_page_introduct .numberRun .item .content .number>.content-item {
    line-height: 1.3;
}

/* end numberRun */

@media screen and (min-width: 993px) {
    .system_myclass_page_introduct .numberRun {
        margin-top: 110px;
    }

    .system_myclass_page_introductLocal .col-right {
        padding-left: 50px;
    }

       .system_myclass_page_introductLocal .container-main {
        min-height: 360px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .system_myclass_page_introduct .znColumnElement-innerWrapper-eluidb87b7e37 {
        padding-right: 30px;
    }

    .system_myclass_page_introductLocal {
        padding: 0;
    }

    .system_myclass_page_introductLocal .col-left {
        width: 60%;
    }

    .system_myclass_page_introductLocal .col-right {
        width: 40%;
    }

    .system_myclass_page_introduct .container-main .img_1 {
        width: 40vw;
        height: 23.5vh;
        position: relative;
        bottom: -3px;
        right: -1px;
    }

    .system_myclass_page_introduct .container-main {
        padding: 0 12px;
        transform: scale(0.9) !important;
    }

    .system_myclass_page_introductLocal .container-main .box {
        top: 0.5%;
        left: 2%;
        width: 120px;
        height: 120px;
    }

    .system_myclass_page_introductLocal .container-main .img_main img {
        transform: scale(0.9);
    }

    .system_myclass_page_introduct .container-main .bg-line {
        top: -3px;
    }

    .system_myclass_page_introduct .container-main .bg-line>svg {
        transform: scale(1);
    }

    .system_myclass_page_introduct .container-main::after {
        height: 70px;
        width: 70px;
        top: -4px;
        left: 0;
    }

    .system_myclass_page_introduct .numberRun .item .icon svg {
        transform: scale(0.7);
    }

    .system_myclass_page_introduct .numberRun .item .content .number>.number_item {
        font-size: 26px;
    }

    .system_myclass_page_introduct .numberRun .item .content .number>.content-item {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .system_myclass_page_introductLocal {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .system_myclass_page_introductLocal .col-left {
        width: 100%;
        transform: none !important;
        display: flex;
        justify-content: center;
        padding: 0;
        min-height: 300px;
    }

    .system_myclass_page_introductLocal .container-main .box {
        left: 4%;
        top: 3%;
        width: 100px;
        height: 100px;
    }

    .system_myclass_page_introductLocal .container-main .img_main img {
        transform: scale(0.85);
    }

    .system_myclass_page_introduct .col-right .title {
        font-size: 24px;
        line-height: 1.4;
    }

    .system_myclass_page_introductLocal .col-right {
        width: 100%;
    }

    .system_myclass_page_introduct .eluid4bcb35fe {
        padding-top: 0;
        margin-top: 0;
    }

    .system_myclass_page_introduct #eluid94f758f5 {
        padding: 0;
    }

    .system_myclass_page_introduct .znColumnElement-innerWrapper-eluidb87b7e37 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .system_myclass_page_introduct .eluid452a5d89 {
        padding-top: 80px;
    }

    .system_myclass_page_introduct .numberRun {
        flex-wrap: wrap;
    }

    .system_myclass_page_introduct .numberRun .item {
        width: 50%;
        margin-bottom: 20px;
    }

    /* .system_myclass_page_introduct .container-main .bg-line {
        top: -12px;
        right: 0px;
        left: -33px;
    } */

    .system_myclass_page_introductLocal .container-main .img_1 img {
        width: 85%;
    }

    .system_myclass_page_introduct .container-main .bg-line>svg {
        transform: scale(1);
    }

    .system_myclass_page_introduct .container-main::after {
        left: 40px;
        top: -10px;
        height: 75px;
        width: 75px;
    }

    .system_myclass_page_introduct .numberRun .item .content .number>.number_item {
        font-size: 24px;
    }

    .system_myclass_page_introduct .numberRun .item .content .number>.content-item {
        font-size: 14px;
    }

    .system_myclass_page_introduct .numberRun .item .icon svg {
        transform: scale(0.9);
    }

    .system_myclass_page_introduct .container-main .img_1 {
        width: 63vw;
        height: 23vh;
    }
}