.game{
    position: relative;
    margin-top: 20px;
}
.checkerboard{
    width: 150px;
    height: 100px;
    background-color: #dddddd;
    text-align: center;
    line-height: 100px;
    position: absolute;
}
#No\.2{left:160px;}
#No\.3{left:320px;}
#No\.4{left:480px;}
#No\.5{left:640px;}
#No\.6{left:800px;}
#No\.7{left:960px;}
#No\.8{left:960px;top:110px;}
#No\.9{left:960px;top:220px;}
#No\.10{left:960px;top:330px;}
#No\.11{left:960px;top:440px;}
#No\.12{left:800px;top:440px;}
#No\.13{left:640px;top:440px;}
#No\.14{left:480px;top:440px;}
#No\.15{left:320px;top:440px;}
#No\.16{left:160px;top:440px;}
#No\.17{top:440px;}
#No\.18{top:330px;}
#No\.19{top:220px;}
#No\.20{top:110px;
    background-color: #4eff1e;}

.random{
    position:relative;
    left:480px;
    top:110px;
    margin-top: 40px;
}
.dice{
    height: 100px;
    width: 100px;
    background-image: url(dice_1.jpg);
    cursor: pointer;
}
.game-set{
    position:relative;
    left: 400px;
    top: 150px;
}
.event3{
    background-color: #882fff;
}
.event2{
    background-color: #49b1ff;
}

.event1{
     background-color: #ff57f0;
 }