body {
    height: auto;
    width: auto;
    background: url(../../img/board/week/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;
}

.manpowerAttendance{
    position: absolute;
    width: 25%;
    height: 35%;
    top: 15%;
    left: 71.5%;
}
.IQC{
    position: absolute;
    width: 40%;
    height: 35%;
    top: 15%;
    left: 30%;
}
.productionEfficiency{
    position: absolute;
    width: 25%;
    height: 35%;
    top: 60%;
    left: 3%;
}
.topLeft{
    position: absolute;
    width: 25%;
    height: 34%;
    top: 15.5%;
    left: 3.5%;
}
.equipmentPowerOne{
    position: absolute;
    width: 13%;
    height: 16%;
    top: 60%;
    left: 30.5%;
}
.equipmentPowerTwo{
    position: absolute;
    width: 13%;
    height: 16%;
    top: 60%;
    left: 43.5%;
}
.equipmentPowerThree{
    position: absolute;
    width: 13%;
    height: 16%;
    top: 60%;
    left: 56.5%;
}
.equipmentPowerFour{
    position: absolute;
    width: 19%;
    height: 16%;
    top: 76%;
    left: 30.5%;
}
.equipmentPowerFive{
    position: absolute;
    width: 19%;
    height: 16%;
    top: 76%;
    left: 49.5%;
}
.back{
    display: none;
}
.backLeft {
    background-image: url(../../img/board/week/back.png);
    background-size: 100% 100%;
    position: absolute;
    height: 5%;
    aspect-ratio: 236/204;
    top: 53.5%;
    left: 2%;
}
.backRight {
    background-image: url(../../img/board/week/back.png);
    background-size: 100% 100%;
    position: absolute;
    height: 5%;
    aspect-ratio: 236/204;
    top: 53.5%;
    right: 2%;
}