/*<!--Download-Top_view-->*/
.Top-View-rang {
    position: relative;
    width: 100%;
}

.View-rang {
    position: relative;
    width: 100%;
    margin-top: 5rem;
}


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

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


/*<!--DownloadList-->*/
.DownloadList {
    width: 100%;
    position: relative;
    margin-top:5rem;
    margin-bottom:5rem;
}
.Title_style {
    display: list-item;
    font-size: 20px;
    font-weight: 400;
    color: #5f6269;
    list-style-position: inside;
}

.down-row-padding {
    padding: 2rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

.down-botton {
    width: 30px;
    height: 30px;
    -webkit-mask: url(../../Images/Download/icon/download_Button.svg) no-repeat 50% 50%;
    mask: url(../../Images/Download/icon/download_Button.svg) no-repeat 50% 50%;
    background-color: #5f6269;
}

.down-botton {
    float: right;
}

.download_icon:hover .down-botton, .download_icon:active .down-botton {
    background-color: #ffb600;
    cursor: pointer;
}


@media screen and (min-width: 768px) {
    .sectionhidden {
        width: 100%;
        height: 390px;
        overflow: hidden;
    }

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

   
}


@media screen and (max-width: 991px) {
    .sectionhidden {
        width: 100%;
        height: 390px;
        overflow: hidden;
    }

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

    /*<!--Download-Top_view-->*/
    .Title_Content {
        text-align: center;
    }

}

@media (max-width:576px) {
    .sectionhidden {
        width: 100%;
        height: 300px;
        overflow: hidden;
    }

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

    /*<!--Download-Top_view-->*/
    .Title_Content {
        text-align: center;
    }
    /*<!--DownloadList-->*/
    #Download_tr {
        text-align: center;
    }
    .down-botton {
        float: initial;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .down-row-padding {
        padding: 2rem;
        padding-left: initial;
        padding-right: initial;
    }
    .Title_Content {
        font-size: 30px;
    }

}