@media only screen and (max-width: 1920px) {
    label.result_font {
        font-size: 14px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 180px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 180px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 180px;
        left: 180px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 180px;
        left: 370px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 310px;
        left: 180px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 700px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 180px;
        left: 500px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 180px;
        left: 700px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 180px;
        left: 870px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 310px;
        left: 700px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 1366px) {
    label.result_font {
        font-size: 12px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 140px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 140px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 140px;
        left: 140px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 140px;
        left: 260px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 230px;
        left: 140px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 480px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 140px;
        left: 350px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 140px;
        left: 480px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 140px;
        left: 610px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 230px;
        left: 480px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 1160px) {
    label.result_font {
        font-size: 12px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 120px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 140px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 140px;
        left: 120px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 140px;
        left: 240px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 220px;
        left: 120px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 450px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 140px;
        left: 320px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 140px;
        left: 450px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 140px;
        left: 560px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 220px;
        left: 450px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 1024px) {
    label.result_font {
        font-size: 12px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 95px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 120px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 120px;
        left: 95px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 120px;
        left: 190px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 180px;
        left: 95px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 340px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 120px;
        left: 250px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 120px;
        left: 340px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 120px;
        left: 440px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 180px;
        left: 340px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    label.result_font {
        font-size: 10px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 70px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 105px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 105px;
        left: 70px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 105px;
        left: 130px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 150px;
        left: 70px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 250px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 105px;
        left: 180px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 105px;
        left: 250px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 105px;
        left: 310px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 150px;
        left: 250px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 736px) {
    label.result_font {
        font-size: 12px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 140px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 150px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 150px;
        left: 140px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 150px;
        left: 270px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 240px;
        left: 140px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 490px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 150px;
        left: 360px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 150px;
        left: 490px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 150px;
        left: 620px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 240px;
        left: 490px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 640px) {
    label.result_font {
        font-size: 12px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 120px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 140px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 140px;
        left: 120px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 140px;
        left: 230px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 210px;
        left: 120px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 430px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 140px;
        left: 320px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 140px;
        left: 430px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 140px;
        left: 540px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 210px;
        left: 430px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 414px) {
    label.result_font {
        font-size: 10px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 70px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 105px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 105px;
        left: 70px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 105px;
        left: 130px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 150px;
        left: 70px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 245px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 105px;
        left: 180px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 105px;
        left: 245px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 105px;
        left: 310px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 150px;
        left: 245px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 375px) {
    label.result_font {
        font-size: 8px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 65px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 100px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 100px;
        left: 65px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 100px;
        left: 120px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 140px;
        left: 65px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 220px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 100px;
        left: 160px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 100px;
        left: 220px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 100px;
        left: 280px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 140px;
        left: 220px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 360px) {
    label.result_font {
        font-size: 8px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 65px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 100px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 100px;
        left: 60px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 100px;
        left: 115px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 135px;
        left: 60px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 205px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 100px;
        left: 150px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 100px;
        left: 205px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 100px;
        left: 260px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 135px;
        left: 205px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {
    label.result_font {
        font-size: 8px;
    }

    .od_topcenter {
        position: absolute;
        top: 60px;
        left: 55px;
        font-size: 18px;
    }

    .od_middleleft {
        position: absolute;
        top: 90px;
        left: 0px;
        font-size: 18px;
    }

    .od_middlecenter {
        position: absolute;
        top: 90px;
        left: 55px;
        font-size: 18px;
    }

    .od_middleright {
        position: absolute;
        top: 90px;
        left: 100px;
        font-size: 18px;
    }

    .od_bottomcenter {
        position: absolute;
        top: 120px;
        left: 55px;
        font-size: 18px;
    }

    .oe_topcenter {
        position: absolute;
        top: 60px;
        left: 175px;
        font-size: 18px;
    }

    .oe_middleleft {
        position: absolute;
        top: 90px;
        left: 130px;
        font-size: 18px;
    }

    .oe_middlecenter {
        position: absolute;
        top: 90px;
        left: 175px;
        font-size: 18px;
    }

    .oe_middleright {
        position: absolute;
        top: 90px;
        left: 220px;
        font-size: 18px;
    }

    .oe_bottomcenter {
        position: absolute;
        top: 120px;
        left: 175px;
        font-size: 18px;
    }
}