/* Page Banner */

#Page_Banner {
    background-image: url(../images/system/system.png);
}


/* section-1 */

#section-1 .col-right {
    background-color: #F2F2F2;
}

#section-1 span {
    background-color: #F2F2F2;
    border: 1px solid rgb(228, 228, 228);
    padding: 10px 30px;
    color: #333333;
}


/* section-2 */

#section-2 {
    background-color: rgba(242, 242, 242, 0.75);
}

#section-2 .box {
    background-repeat: no-repeat;
    background-size: 95% 450px;
    height: 380px;
    padding: 100px 0 0 85px;
    margin-top: 50px;
}

#section-2 .box-1 {
    background-image: url(../images/system/6-1.png);
}

#section-2 .box-2 {
    background-image: url(../images/system/6-2.png);
}

#section-2 .box-3 {
    background-image: url(../images/system/6-3.png);
}

#section-2 .box p {
    font-size: 18px;
    color: #ffffff;
}

#section-2 .box p.title {
    font-size: 24px;
    font-weight: bold;
}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 768px) {
    section div.row>div {
        margin-bottom: 0px;
    }
    #section-2 .people {
        display: none;
    }
    #section-2 .box {
        background-size: unset;
        padding: 100px 70px 0 85px;
        margin-top: 0px;
        margin-left: 20px;
    }
    #section-2 .box-1,
    #section-2 .box-2,
    #section-2 .box-3 {
        float: left !important;
    }
}