#main_warpper {}

#main_warpper #sort {
    width         : 30%;
    text-align    : right;
    flex-shrink   : 0;
    display       : flex;
    align-items   : flex-end;
    flex-direction: column;
}

#main_warpper #sort ul {
    width        : 80%;
    flex-shrink  : 0;
    padding-right: 80px;
}

#main_warpper #sort .item {
    padding      : 15px;
    position     : relative;
    border-bottom: solid 1px #f08300;

}

#main_warpper #sort .item a {
    display      : inline-block;
    padding-right: 30px;
}

#main_warpper #sort .item.active a,
#main_warpper #sort .item:hover::after,
#main_warpper #sort .item.active::after {
    color: #f08300;
}

#main_warpper #sort .item::after {
    content     : ">";
    /* color    : #f08300; */
    position    : absolute;
    right       : 10px;
    top         : 50%;
    transform   : translateY(-50%);
}

#main_warpper #list {
    padding              : 50px 80px 80px;
    background           : #f5f5f5 url('../images/download/bg.jpg') no-repeat right top;
    display              : grid;
    flex-wrap            : wrap;
    justify-content      : space-evenly;
    grid-gap             : 20px;
    grid-template-columns: repeat(5, 160px);

}

#main_warpper #list .item {
    flex-shrink: 0;

}

#main_warpper #list .item:last-child {
    margin-right: auto;

}

#list .img img {
    max-width: 100%;
    border   : solid 1px #f08300;
}

#main_warpper #list .item img {
    border: solid 1px #f08300;
}

#main_warpper .rb {
    background-color: #f5f5f5;
}

#noAuth .bb {
    background-color: #efefef;
    border          : dashed 1px #333;
}



@media screen and (max-width: 768px) {

    #main_warpper {
        padding: 0 1rem 1rem;
    }

    .listSub {
        display              : grid;
        grid-gap             : 1rem;
        grid-template-columns: repeat(2, 1fr);
    }
}

#main_warpper #list .item .title {
    font-size : .75rem;
    text-align: left;
}