/* 
    CSS For Results Items
*/

#mainresults {
    position: relative;
    font-size: 1.5vw;
}

#drawNumber {
    position: absolute;
    left: 35.85%;
    top: 8.8%;
}
#drawDate {
    position: absolute;
    left: 70.3%;
    top: 8.8%;
}

#first4D {
    position: absolute;
    left: 17%;
    top: 19.4%;
    font-size: 1.1em;
}
#second4D {
    position: absolute;
    left: 17%;
    top: 26.2%;
    font-size: 1.1em;
}
#third4D {
    position: absolute;
    left: 17%;
    top: 33.1%;
    font-size: 1.1em;
}

#sp1 {
    position: absolute;
    left: 26.8%;
    top: 19.4%;
}
#sp2 {
    position: absolute;
    left: 26.8%;
    top: 22.8%;
}
#sp3 {
    position: absolute;
    left: 26.8%;
    top: 26.3%;
}
#sp4 {
    position: absolute;
    left: 26.8%;
    top: 29.6%;
}
#sp5 {
    position: absolute;
    left: 26.8%;
    top: 33.1%;
}
#sp6 {
    position: absolute;
    left: 33.6%;
    top: 19.4%;
}
#sp7 {
    position: absolute;
    left: 33.6%;
    top: 22.8%;
}
#sp8 {
    position: absolute;
    left: 33.6%;
    top: 26.3%;
}
#sp9 {
    position: absolute;
    left: 33.6%;
    top: 29.6%;
}
#sp10 {
    position: absolute;
    left: 33.6%;
    top: 33.1%;
}

#sagu1 {
    position: absolute;
    left: 41.4%;
    top: 19.4%;
}
#sagu2 {
    position: absolute;
    left: 41.4%;
    top: 22.8%;
}
#sagu3 {
    position: absolute;
    left: 41.4%;
    top: 26.3%;
}
#sagu4 {
    position: absolute;
    left: 41.4%;
    top: 29.6%;
}
#sagu5 {
    position: absolute;
    left: 41.4%;
    top: 33.1%;
}
#sagu6 {
    position: absolute;
    left: 48.2%;
    top: 19.4%;
}
#sagu7 {
    position: absolute;
    left: 48.2%;
    top: 22.8%;
}
#sagu8 {
    position: absolute;
    left: 48.2%;
    top: 26.3%;
}
#sagu9 {
    position: absolute;
    left: 48.2%;
    top: 29.6%;
}
#sagu10 {
    position: absolute;
    left: 48.2%;
    top: 33.1%;
}

#jackPotOnePrize {
    position: absolute;
    right: 50.4%;
    top: 37.8%;
    font-size: 1.47em;
}

#jackPotTwoPrize {
    position: absolute;
    right: 50.4%;
    top: 43.6%;
    font-size: 1.47em;
}

img#zodiacImage {
    position: absolute;
    left: 37%;
    top: 59%;
    height: 8%;
    width: auto;
}

#fireballNumber {
    position: absolute;
    left: 25.5%;
    top: 52.3%;
    font-size: 1.8em;
    font-weight: bold;
}

#fiveD_1 {
    position: absolute;
    /* left: 24.5%;
    top: 60.9%; */
    left: 72.3%;
    top: 70.9%;
    letter-spacing: 0.27em;
    font-family: Arial;
}

#fiveD_2 {
    position: absolute;
    left: 72.3%;
    top: 74.4%;
    letter-spacing: 0.27em;
    font-family: Arial;
}

#fiveD_3 {
    position: absolute;
    left: 72.3%;
    top: 78%;
    letter-spacing: 0.27em;
    font-family: Arial;
}

#fiveD_4 {
    position: absolute;
    right: 5.5%;
    top: 70.9%;
    letter-spacing: 0.27em;
    font-family: Arial;
}

#fiveD_5 {
    position: absolute;
    right: 5.5%;
    top: 74.4%;
    letter-spacing: 0.27em;
    font-family: Arial;
}

#fiveD_6 {
    position: absolute;
    right: 5.5%;
    top: 78%;
    letter-spacing: 0.27em;
    font-family: Arial;
}

#sixD_1 {
    position: absolute;
    left: 30.5%;
    top: 70%;
    letter-spacing: 0.27em;
    font-family: Arial;
}

#sixD_2_first {
    position: absolute;
    left: 23.9%;
    top: 74.6%; /* 78.4% - 3.8% */
    letter-spacing: 0.27em;
    font-family: Arial;
}

#sixD_2_second {
    position: absolute;
    right: 56.2%;
    top: 74.6%; /* 78.4% - 3.8% */
    letter-spacing: 0.27em;
    font-family: Arial;
}

#sixD_3_first {
    position: absolute;
    left: 23.9%;
    top: 78.1%; /* 81.9% - 3.8% */
    letter-spacing: 0.27em;
    font-family: Arial;
}

#sixD_3_second {
    position: absolute;
    right: 56.2%;
    top: 78.1%; /* 81.9% - 3.8% */
    letter-spacing: 0.27em;
    font-family: Arial;
}

#sixD_4_first {
    position: absolute;
    left: 23.9%;
    top: 81.6%; /* 85.4% - 3.8% */
    letter-spacing: 0.27em;
    font-family: Arial;
}

#sixD_4_second {
    position: absolute;
    right: 56.2%;
    top: 81.6%; /* 85.4% - 3.8% */
    letter-spacing: 0.27em;
    font-family: Arial;
}

#sixD_5_first {
    position: absolute;
    left: 23.9%;
    top: 85.1%; /* 88.9% - 3.8% */
    letter-spacing: 0.27em;
    font-family: Arial;
}

#sixD_5_second {
    position: absolute;
    right: 56.2%;
    top: 85.1%; /* 88.9% - 3.8% */
    letter-spacing: 0.27em;
    font-family: Arial;
}

#supremeNumber1 {
    position: absolute;
    left: 76.2%;
    top: 16.1%;
    font-size: 1.2em;
}

#supremeNumber2 {
    position: absolute;
    left: 79.8%;
    top: 16.1%;
    font-size: 1.2em;
}

#supremeNumber3 {
    position: absolute;
    left: 83.3%;
    top: 16.1%;
    font-size: 1.2em;
}

#supremeNumber4 {
    position: absolute;
    left: 86.9%;
    top: 16.1%;
    font-size: 1.2em;
}

#supremeNumber5 {
    position: absolute;
    left: 90.4%;
    top: 16.1%;
    font-size: 1.2em;
}

#supremeNumber6 {
    position: absolute;
    left: 94%;
    top: 16.1%;
    font-size: 1.2em;
}

#supremePrize {
    position: absolute;
    font-size: 1.73em;
    right: 6.1%;
    top: 23.65%;
}

#powerNumber1 {
    position: absolute;
    left: 76.2%;
    top: 33%;
    font-size: 1.2em;
}

#powerNumber2 {
    position: absolute;
    left: 79.8%;
    top: 33%;
    font-size: 1.2em;
}

#powerNumber3 {
    position: absolute;
    left: 83.3%;
    top: 33%;
    font-size: 1.2em;
}

#powerNumber4 {
    position: absolute;
    left: 86.9%;
    top: 33%;
    font-size: 1.2em;
}

#powerNumber5 {
    position: absolute;
    left: 90.4%;
    top: 33%;
    font-size: 1.2em;
}

#powerNumber6 {
    position: absolute;
    left: 94%;
    top: 33%;
    font-size: 1.2em;
}

#powerPrize {
    position: absolute;
    font-size: 1.73em;
    right: 6.1%;
    top: 40%;
}

#starNumber1 {
    position: absolute;
    left: 71.2%;
    top: 49.5%;
    font-size: 1.2em;
}

#starNumber2 {
    position: absolute;
    left: 74.8%;
    top: 49.5%;
    font-size: 1.2em;
}

#starNumber3 {
    position: absolute;
    left: 78.3%;
    top: 49.5%;
    font-size: 1.2em;
}

#starNumber4 {
    position: absolute;
    left: 81.9%;
    top: 49.5%;
    font-size: 1.2em;
}

#starNumber5 {
    position: absolute;
    left: 85.4%;
    top: 49.5%;
    font-size: 1.2em;
}

#starNumber6 {
    position: absolute;
    left: 88.9%;
    top: 49.5%;
    font-size: 1.2em;
}

#starNumberAfterPlus {
    position: absolute;
    left: 93.9%;
    top: 49.5%;
    font-size: 1.2em;
}

#starPrizeOne {
    position: absolute;
    font-size: 1.53em;
    right: 7.5%;
    top: 55.5%;
}

#starPrizeTwo {
    position: absolute;
    font-size: 1.53em;
    right: 8%;
    top: 61.2%;
}

#special_draw_dates {
    font-size: 1.2em;
    top: 94.6%;
    right: 23%;
    position: absolute;
    color: white;
    font-family: Arial;
}