#fanTanPositions{
    position: absolute;
    top: 20vh;
    height: 48vh;
    width: 100%;
}

#fanTanPositions #label {
    position: absolute;
    top: 0;
    color: white;
    font-size: 3vh;
    line-height: 5vh;
    width: 100%;
    text-align: center;
}

#fanTanPositions .fanTanSensor{
    width: 15%;
    height: 5vh;
    color: white;
    font-size: 3vh;
    line-height: 3vh;
}

.fanTanBetType{
    position: absolute;
}

.fanTanSensor{
    position: absolute;
    border-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    background: rgba(0, 0, 0, 0.2);
}

.fanTanBead{
    width: 100%;
}

#fanTanCup{
    position: absolute;
    width: 25%;
    top: -100%;
    left: 50%;
    z-index: 1000;
    /*transform-origin: 100% 0;*/
    transform: rotate(90deg);
}

.fanTan #beads{
    position: absolute;
    overflow: hidden;
    width: 32%;
    height: 75%;
    top: 0%;
    left: 34%;
}

.beadDiv{
    top: 0%;
    position: absolute;
    width: 3.5%;
    left: 80%;
}

#fan{
    width: 30vw;
    height: 20vh;
    top: 30vh;
    left: 35vw;
}

#fan .posText {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 3vh;
    line-height: 3vh;
    padding-top: 1vh;
}

#fan #position1 {
    left: calc(12.5% - (15%/2));
    top: 5vh;
}

#fan #position2 {
    left: calc(37.5% - (15%/2));
    top: 10vh;
}

#fan #position3 {
    left: calc(62.5% - (15%/2));
    top: 10vh;
}

#fan #position4 {
    left: calc(87.5% - (15%/2));
    top: 5vh;
}

#nim {
    width: 30%;
    height: 20vh;
    top: 45%;
    left: 5%;
}

#nim .posText {
    position: absolute;
    width: 50%;
    text-align: center;
    font-size: 3vh;
    line-height: 3vh;
}

#nim .leftText {
    padding-top: 1vh;
    left: 0;
}

#nim .rightText {
    padding-top: 1.5vh;
    left: 50%;
    color: red;
}

#nim #position5 {
    top: 6vh;
    left: calc(12.5% - (15%/2));
}

#nim #position6 {
    top: 6vh;
    left: calc(37.5% - (15%/2));
}

#nim #position7 {
    top: 6vh;
    left: calc(62.5% - (15%/2));
}

#nim #position8 {
    top: 6vh;
    left: calc(87.5% - (15%/2));
}

#nim #position9 {
    top: 12vh;
    left: calc(12.5% - (15%/2));
}

#nim #position10 {
    top: 12vh;
    left: calc(37.5% - (15%/2));
}

#nim #position11 {
    top: 12vh;
    left: calc(62.5% - (15%/2));
}

#nim #position12 {
    top: 12vh;
    left: calc(87.5% - (15%/2));
}

#nim #position13 {
    top: 18vh;
    left: calc(12.5% - (15%/2));
}

#nim #position14 {
    top: 18vh;
    left: calc(37.5% - (15%/2));
}

#nim #position15 {
    top: 18vh;
    left: calc(62.5% - (15%/2));
}

#nim #position16 {
    top: 18vh;
    left: calc(87.5% - (15%/2));
}

#nim #position17 {
    top: 24vh;
    left: calc(12.5% - (15%/2));
}

#nim #position18 {
    top: 24vh;
    left: calc(37.5% - (15%/2));
}

#nim #position19 {
    top: 24vh;
    left: calc(62.5% - (15%/2));
}

#nim #position20 {
    top: 24vh;
    left: calc(87.5% - (15%/2));
}

#ngaTan {
    width: 30%;
    height: 20vh;
    top: 45%;
    left: 65%;
}

#ngaTan .posText {
    position: absolute;
    width: calc(100%/3);
    text-align: center;
    font-size: 3vh;

}

#ngaTan .leftText {
    padding-top: 1vh;
    left: 0;
}

#ngaTan .centerText {
    padding-top: 1.5vh;
    left: calc(100%/3);
    color: red;
}

#ngaTan .rightText {
    padding-top: 1vh;
    left: calc(100%/3*2);
}

#ngaTan #position23 {
    top: 6vh;
    left: calc(12.5% - (15%/2));
}

#ngaTan #position24 {
    top: 6vh;
    left: calc(37.5% - (15%/2));
}

#ngaTan #position25 {
    top: 6vh;
    left: calc(62.5% - (15%/2));
}

#ngaTan #position26 {
    top: 6vh;
    left: calc(87.5% - (15%/2));
}

#ngaTan #position27 {
    top: 12vh;
    left: calc(12.5% - (15%/2));
}

#ngaTan #position28 {
    top: 12vh;
    left: calc(37.5% - (15%/2));
}

#ngaTan #position29 {
    top: 12vh;
    left: calc(62.5% - (15%/2));
}

#ngaTan #position30 {
    top: 12vh;
    left: calc(87.5% - (15%/2));
}

#ngaTan #position31 {
    top: 18vh;
    left: calc(12.5% - (15%/2));
}

#ngaTan #position32 {
    top: 18vh;
    left: calc(37.5% - (15%/2));
}

#ngaTan #position33 {
    top: 18vh;
    left: calc(62.5% - (15%/2));
}

#ngaTan #position34 {
    top: 18vh;
    left: calc(87.5% - (15%/2));
}

#ngaTan #position35 {
    top: 24vh;
    left: calc(12.5% - (15%/2));
}

#ngaTan #position36 {
    top: 24vh;
    left: calc(37.5% - (15%/2));
}

#ngaTan #position37 {
    top: 24vh;
    left: calc(62.5% - (15%/2));
}

#ngaTan #position38 {
    top: 24vh;
    left: calc(87.5% - (15%/2));
}

#kwok {
    width: 20%;
    height: 20vh;
    top: 0%;
    left: 5%;
}

#kwok .posText {
    position: absolute;
    width: 50%;
    text-align: center;
    font-size: 3vh;

}

#kwok .leftText {
    padding-top: 1vh;
    left: 0;
}

#kwok .rightText {
    padding-top: 1.5vh;
    left: 50%;
}

#kwok #position17 {
    top: 6vh;
}

#kwok #position18 {
    top: 6vh;
    left: 42.5%;
}

#kwok #position19 {
    top: 6vh;
    left: 85%;
}

#kwok #position20 {
    top: 12vh;
}

#kwok #position21 {
    top: 12vh;
    left: 42.5%;
}

#kwok #position22 {
    top: 12vh;
    left: 85%;
}

#shehSamHong {
    width: 30%;
    height: 20vh;
    top: 0%;
    left: 65%;
}

#shehSamHong .posText {
    position: absolute;
    width: calc(100%/3);
    text-align: center;
    font-size: 3vh;

}

#shehSamHong .leftText {
    padding-top: 1vh;
    left: 0;
}

#shehSamHong .centerText {
    padding-top: 1.5vh;
    left: calc(100%/3);
}

#shehSamHong .rightText {
    padding-top: 1vh;
    left: calc(100%/3*2);
}

#shehSamHong #position35 {
    top: 6vh;
    left: calc(12.5% - (15%/2));
}

#shehSamHong #position36 {
    top: 6vh;
    left: calc(37.5% - (15%/2));
}

#shehSamHong #position37 {
    top: 6vh;
    left: calc(62.5% - (15%/2));
}

#shehSamHong #position38 {
    top: 6vh;
    left: calc(87.5% - (15%/2));
}

#shehSamHong #position39 {
    top: 12vh;
    left: 5%;
    width: 40%
}

#shehSamHong #position40 {
    top: 12vh;
    left: 55%;
    width: 40%
}

#shehSamHong #position39 .posText, #shehSamHong #position40 .posText{
    width: 100%;
    text-align: center;
    padding-top: 1vh;
}

.fanTan .chipCont {
    position: absolute;
    height: 4vh;
    width: 4vh;
    left: calc(50% - 2vh);
    top: calc(50% - 2vh);
    z-index: 300;
    font-size: 1vh;
}