.left .grid-match-row .grid-bottom{
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 50%;
    position: absolute;
    right: -31px;
    top: 50%;
    width: 30px;
}

.left .grid-match-row .grid-top{
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    bottom: 50%;
    height: 50%;
    position: absolute;
    right: -31px;
    width: 30px;
}

.left .grid-match-row .grid-bottom1{
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 100%;
    position: absolute;
    right: -61px;
    top: 0;
    width: 30px;
}

.left .grid-match-row .grid-top1{
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: -61px;
    width: 30px;
}

.left .grid-match-row .grid-bottom2{
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 100%;
    position: absolute;
    right: -91px;
    top: 0;
    width: 30px;
}

.left .grid-match-row .grid-top2{
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: -91px;
    width: 30px;
}

.left .grid-match-row .grid-right2{
    border-right: 1px solid #ededed;
    top: 0;
    height: 100%;
    position: absolute;
    right: -91px;
    width: 30px;
}

.left .grid-match-row .grid-bottom3{
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 100%;
    position: absolute;
    right: -121px;
    top: 0;
    width: 30px;
}

.left .grid-match-row .grid-top3{
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: -121px;
    width: 30px;
}

.left .grid-match-row .grid-right3{
    border-right: 1px solid #ededed;
    top: 0;
    height: 100%;
    position: absolute;
    right: -121px;
    width: 30px;
}

.left .grid-match-row .grid-bottom4{
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 100%;
    position: absolute;
    right: -151px;
    top: 0;
    width: 30px;
}

.left .grid-match-row .grid-top4{
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: -151px;
    width: 30px;
}

.left .grid-match-row .grid-right4{
    border-right: 1px solid #ededed;
    top: 0;
    height: 100%;
    position: absolute;
    right: -151px;
    width: 30px;
}

.right .grid-match-row .grid-bottom{
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 50%;
    position: absolute;
    left: -31px;
    top: 50%;
    width: 30px;
}

.right .grid-match-row .grid-top{
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    bottom: 50%;
    height: 50%;
    position: absolute;
    left: -31px;
    width: 30px;
}

.right .grid-match-row .grid-bottom1{
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 100%;
    position: absolute;
    left: -61px;
    top: 0;
    width: 30px;
}

.right .grid-match-row .grid-top1{
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    bottom: 0;
    height: 100%;
    position: absolute;
    left: -61px;
    width: 30px;
}

.right .grid-match-row .grid-bottom2{
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 100%;
    position: absolute;
    left: -91px;
    top: 0;
    width: 30px;
}

.right .grid-match-row .grid-top2{
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    bottom: 0;
    height: 100%;
    position: absolute;
    left: -91px;
    width: 30px;
}

.right .grid-match-row .grid-right2{
    border-left: 1px solid #ededed;
    top: 0;
    height: 100%;
    position: absolute;
    left: -91px;
    width: 30px;
}

.right .grid-match-row .grid-bottom3{
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 100%;
    position: absolute;
    left: -121px;
    top: 0;
    width: 30px;
}

.right .grid-match-row .grid-top3{
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    bottom: 0;
    height: 100%;
    position: absolute;
    left: -121px;
    width: 30px;
}

.right .grid-match-row .grid-right3{
    border-left: 1px solid #ededed;
    top: 0;
    height: 100%;
    position: absolute;
    left: -121px;
    width: 30px;
}

.right .grid-match-row .grid-bottom4{
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 100%;
    position: absolute;
    left: -151px;
    top: 0;
    width: 30px;
}

.right .grid-match-row .grid-top4{
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    bottom: 0;
    height: 100%;
    position: absolute;
    left: -151px;
    width: 30px;
}

.right .grid-match-row .grid-right4{
    border-left: 1px solid #ededed;
    top: 0;
    height: 100%;
    position: absolute;
    left: -151px;
    width: 30px;
}

.grid-line{
    position: absolute;
    bottom: 0;
    background: #ededed;
}