/* BASIC css start */
.my-wrap { font-size: 0; line-height: 0; zoom: 1;      margin-bottom: 30px;}
.my-wrap:after { content: ""; display: block; clear: both; }

.my-wrap li {
    float: left;
    width: 16%;
    margin-right:0.6%;
    border-left: solid 1px #ddd;
    border-top: solid 1px #ddd;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom:5px

}

.my-wrap li > a{
    display: block;
    padding:20px 0 ;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    box-sizing: border-box;
    color: #757575;
    font-size: 11px;
    text-align: center;
}

.my-wrap li > a:hover,
.bbs_board_menu > a.bbs_on{
    background: #333333;
    color: #fff;
    font-weight: bold;
}


.my-wrap li > a{
    -webkit-transition: all .35s cubic-bezier(.25, .1, .11, .99);
    -moz-transition: all .35s cubic-bezier(.25, .1, .11, .99);
    transition: all .35s cubic-bezier(.25, .1, .11, .99);
}


/* BASIC css end */