.section {
    margin-top: 0;
}

.main-game {
    position: relative;
}

.main-game img {
    width: 100%;
    display: block;
}

.modal-body ul li {
    list-style: disc;
    margin-left: 15px;
}
.luotchoi {
    cursor: pointer;
    position: absolute;
    left: 57.7%;
    top: 85%;
    width: 26%;
    padding: 5px;
    font-size: 32px;
    text-transform: uppercase;
    color: #f8d185;
    font-weight: 600;
    border-radius: 44px;
    text-align: center;
    font-style: italic;
}
.luotchoi span span {
    font-size: 30px;
}
#thelePopup .modal-content{
    width: 580px;
}
.tbhistory {
    max-width: 700px
}

#circle {
    position: absolute;
    left: 48.6%;
    top: 15.9%;
    width: 43.54%;
    height: 67.028%;
}

.arrow {
    position: absolute;
    left: 64.27%;
    top: 36%;
    width: 12%;
    cursor: pointer;
}

.the-le {
    cursor: pointer;
    position: absolute;
    left: 11.7%;
    top: 64%;
    width: 15%;
    height: 155px;
    padding: 5px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    border-radius: 44px;
    /* background: #000; */
    text-align: center;
}

.lich-su {
    cursor: pointer;
    position: absolute;
    left: 27.7%;
    top: 64%;
    width: 14%;
    height: 155px;
    padding: 5px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    border-radius: 44px;
    /* background: #000; */
    text-align: center;
}