/*<!--System-Top_view-->*/
.System-Top_view {
    position: relative;
}

.TopView_content-rang {
    position: absolute;
    top: 40%;
    left: 10%;
    width: 80%;
    margin: 0 auto;
}

.Title_Content {
    font-size: 50px;
    font-weight: 500;
    color: #fefefe;
}


/*<!--System-Introduction-->*/
.System-Introduction {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.System-Introduction-text {
    line-height: 1.5;
    text-align: justify;
}



/*<!--System-OurFeature-->*/
.System-OurFeature {
    width: 100%;
    position: relative;
    background-color: #fbfbfb;
    overflow: hidden;
}

.System-OurFeature-title-rang {
    position: relative;
    text-align: center;
}


.OurFeatureIconPosition {
    /*display: inline-flex;*/
    margin-top: 3rem;
    margin-bottom: 3rem;
}


.Content_OurFeatureIcon {
    /*text-align: justify;*/
    margin-top: 0.5rem;
}



.OurFeatureIconTitle {
    font-size: 24px;
    font-weight: 400;
    color: #003a70;
}



/*<!--System-UserVoice-->*/
.UserSpeaks {
    width: 100%;
    background-color: #f0f5f7;
    position: relative;
}

.InvertedTriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
}

.fontstyle {
    font-family: 'Montserrat';
}

.Q_Text {
    font-size: 18px;
    color: #5f6269;
}

.InvertedTriangle_blue {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #f0f5f7 transparent transparent transparent;
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
}

.ManagerSpeaks {
    width: 100%;
    background-color: #bac6cc;
    position: relative;
}

/*<!--System-ServiceFeatures-->*/
.ServiceFeatures {
    width: 100%;
    position: relative;
    background-color: #fbfbfb;
}


/*<!--System-SystemArchitecture-->*/
.SystemArchitecture {
    width: 100%;
    position: relative;
    margin-top: 5rem;
    background-color: #ffffff;
}

.Engery-Architecture_Text {
    font-size: 18px;
    font-weight: 300;
    color: #5f6269;
    text-align: justify;
}

/* <!--System-UnderstandMore-->*/
.UnderstandMore {
    width: 100%;
    position: relative;
    background-color: #3f5774;
}

.UnderstandMore-Content {
    font-size: 30px;
    font-weight: 300;
    color: #ffb600;
}

/*WEB*/
@media screen and (min-width: 768px) {
    /*<!--System-Top_view-->*/
    .sectionhidden {
        width: 100%;
        height: 390px;
        overflow: hidden;
    }

    .section {
        width: 100%;
        height: 590px;
        background: url(../../Images/System_Freezer/Top_View/freezer_web_banner_pic@2x.jpg) no-repeat #ffffff;
        background-size: cover;
    }
}
/*PAD(768px改992px)*/
@media screen and (max-width: 991px) {

    /*<!--System-Top_view-->*/
    .sectionhidden {
        width: 100%;
        height: 390px;
        overflow: hidden;
    }

    .section {
        width: 100%;
        height: 590px;
        background: url(../../Images/System_Freezer/Top_View/freezer_panel_banner_pic@2x.jpg) no-repeat #ffffff;
        background-size: cover;
    }

    .TopView_content-rang {
        text-align: center;
    }

    /*<!--System-UserVoice-->*/
    .pad-left-2 {
        margin-left: 2rem;
    }

    .m1 {
        order: 2;
    }

    .m2 {
        order: 1;
    }

    /*<!--System-ServiceFeatures-->*/
    .System-ServiceFeatures-pos {
        text-align: left;
    }
}
/*PHONE(414px改576px)*/
@media (max-width:576px) {

    /*<!--System-Top_view-->*/
    .sectionhidden {
        width: 100%;
        height: 300px;
        overflow: hidden;
    }

    .section {
        width: 100%;
        height: 500px;
        background: url(../../Images/System_Freezer/Top_View/freezer_mobile_banner_pic@2x.jpg) no-repeat #ffffff;
        background-size: cover;
    }

    .Title_TopView {
        font-size: 43px;
    }

    /* <!--System-OurFeature-->*/
    .System-OurFeature_webicon {
        text-align: center;
    }

    .Title_OurFeatureIcon {
        text-align: center;
        margin-top: 0.5rem;
    }

    .Content_OurFeatureIcon {
        margin: 0 auto;
        text-align: center;
    }

    .Content_OurFeatureIconlist {
        text-align: justify;
        margin-top: 1rem;
    }


    /*<!--System-UserVoice-->*/
    .text-phone-center {
        text-align: center;
    }

    .pad-left-2 {
        margin-left: 0rem;
    }
    /*<!--System-ServiceFeatures-->*/
    .System-ServiceFeatures-pos {
        text-align: center;
    }
}