section.selfies h3{
    background-image : url("/statics/xdimg/after2/best.png");
    background-repeat : no-repeat;
    background-size : 90px;
    height : 100px;
    padding-left : 110px;
    display : flex;
    align-items: center;
    font-size : 1.5em;
}

section.selfies ul.best{
    border-bottom : 1px solid #ddd;
    padding : 30px 0;
}

section.selfies ul:not(.pagination){
    border-top : 0;
    display : flex;
    flex-wrap : wrap;
}

section.list.selfies li:not(.page-item){
    width : 25%;
    padding : 10px;
    flex-flow : column;
    align-items: center;
    border-bottom : 0;
}

section.selfies div.title{
    font-weight : 700;
    margin : 10px 0;
}

section.list.selfies ul.type li{
    padding : 0;
    width : 20%;
    height : 50px;
}

section.selfies ul.type li a{
    display : flex;
    align-items : center;
    justify-content: center;
    width : 100%;
    height : 100%;
    border : 1px solid #ddd;
    color : #666;
}

section.selfies ul.type li.on a{
    color : #fff;
    background : #fab734;
}

section.selfies .thumbnail{
    max-width:234px;
    max-height: 180px;
    overflow: hidden;
}

@media screen and (max-width : 800px){
    section.list.selfies li:not(.page-item){
        width : 50%;
    }
}