section.list.beforeafter ul.type{
    display: flex;
    flex-wrap: wrap;
    border-top : 0;
}

section.list.beforeafter ul.type li {
    padding: 0;
    width: 20%;
    height: 50px;
    flex-flow: column;
    align-items: center;
    border-bottom: 0;
}

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

section.list.beforeafter .beforeafters-list{
    display : flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding : 50px 0;
    background-color : #eee;
    border-top : 0;
    border : 1px solid #f4f4f4;
}

section.list.beforeafter .beforeafters-list li{
   border-bottom : 1px solid #f4f4f4;
   width : 100%;
   overflow : hidden;
}

section.list.beforeafter .beforeafters-list a{
    display: block;
    width: 80%;
    margin: 50px auto 0;
}

section.list.beforeafter .beforeafters-list .title{
    text-align : center;
    font-weight : 700;
    font-size : 20px;
    margin-top : 20px;
}

section.beforeafter .beforeafters-list img{
    /* width : auto; */
}