.icon50px{
    width: 50px;
    height: 50px;
    float: left;
}
.icon40px{
    width: 40px;
    height: 40px;
    float: left;
}
.icon30px{
    width: 30px;
    height: 30px;
    float: left;
}
.icon20px{
    width: 20px;
    height: 20px;
    float: left;
}
.iconBlackHover{
    border: 1px solid #FFF;
}
.iconBlackHover:hover{
    border: 1px solid #000;
}
.iconWhiteHover{
    border: 1px solid #000;
}
.iconWhiteHover:hover{
    border: 1px solid #FFF;
}
.user-Black{
    background-image: url(../icon/index_user-01.webp);
    background-size: cover;
}
.user-White{
    background-image: url(../icon/index_user-02.webp);
    background-size: cover;
}
.plus-Black{
    background-image: url(../icon/index_plus-01.webp);
    background-size: cover;
}
.plus-White{
    background-image: url(../icon/index_plus-02.webp);
    background-size: cover;
}
.menu-Black{
    background-image: url(../icon/index_menu-05.webp);
    background-size: cover;
}
.menu-White{
    background-image: url(../icon/index_menu-06.webp);
    background-size: cover;
}
.search-Black{
    background-image: url(../icon/index_search-07.webp);
    background-size: cover;
}
.search-White{
    background-image: url(../icon/index_search-08.webp);
    background-size: cover;
}
.close-Black{
    background-image: url(../icon/index_close-09.webp);
    background-size: cover;
}
.close-White{
    background-image: url(../icon/index_close-10.webp);
    background-size: cover;
}
.logout-Black{
    background-image: url(../icon/index_logout-17.webp);
    background-size: cover;
}
.logout-White{
    background-image: url(../icon/index_logout-18.webp);
    background-size: cover;
}