main {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.mainBox {
    flex: 1;
}

.mainTitle {
    background: url(../images/top_tab_right_purple.png) top right no-repeat;
}

.mainTitle h2 {
    background: url(../images/top_tab_left_purple.png) repeat-x;
}

.mainBoxTop {
    background: url(../images/tc_purple.png) repeat-x;
}

.mainBoxBottom {
    background: url(../images/bc_purple.png) repeat-x;
}

.mainBoxLeft {
    background: url(../images/ml_purple.png) repeat-y;
}

.mainBoxRight {
    background: url(../images/mr_purple.png) repeat-y;
}

.mainBoxLeftTop {
    background: url(../images/tl_purple.png) no-repeat;
}

.mainBoxRightTop {
    background: url(../images/tr_purple.png) no-repeat;
}

.mainBoxLeftBottom {
    background: url(../images/bl_purple.png) no-repeat;
}

.mainBoxRightBottom {
    background: url(../images/br_purple.png) no-repeat;
}

.mainItems {
    background: #e5ddf0;
}

.mainItems>a {
    border: 1px solid rgb(192, 157, 186);
}

.mainItems>a .img-box {
    border: 1px solid #c19dbb;
}

.addGames {
    min-width: 200px;
    min-height: 26px;
    text-align: center;
    line-height: 26px;
    background: url(../images/title_purple.png) repeat-x;
    color: #fff;
    font-size: 12px;
    margin: 10px auto;
    border-radius: 4px;
}