body {
    height: auto;
    width: auto;
    background: url(../../img/board/month/backgroundImg.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    color: rgba(255, 255, 255, .95);
    font: normal 100% Arial, sans-serif;
}

.satisfaction{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 15%;
    left: 2.5%;
}
.outputStatistics{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 60%;
    left: 2.5%;
}
.quality{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 60%;
    left: 26.5%;
}
.ecosphere{
    background: url(../../img/board/month/one.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 23%;
    height: 35%;
    top: 15%;
    left: 75%;
}
.scene{
    background: url(../../img/board/month/two.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 23%;
    height: 35%;
    top: 15%;
    left: 50.5%;
}
.HighlightOne{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*position: absolute;*/
    width:200px;
    height: 200px;
    /*top: 16%;*/
    /*left: 27.5%;*/
}
.HighlightTwo{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*position: absolute;*/
    width:200px;
    height: 200px;
    /*top: 16%;*/
    /*left: 38.5%;*/
}
.HighlightThree{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*position: absolute;*/
    width:200px;
    height: 200px;
    /*top: 34.5%;*/
    /*left: 27.5%;*/
}
.HighlightFour{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*position: absolute;*/
    width:200px;
    height: 200px;
    /*top: 34.5%;*/
    /*left: 38.5%*/
}