.ios,
.ios * { 
        cursor: pointer;
}

.btnwengua {
    width:50px;
    cursor:pointer;
}
.tbl4Dgua {
    width: 400px;
    border: 2px solid black;
}
.bifishcenter {
    width: 80px;
    height:80px;

}
.gua4ftitle {
    font-size: 18px;
    font-weight: bold;
    width: 400px;
    text-align: center;
}

.tdwithborder {
     
    border: 1px solid black;
    height: 40px;
    width: 40px;
}

.tdwithnoborder {
   
    border: 0px;
    width: 40px;
    height: 40px;
}

.tdtopmiddle {    
    vertical-align: central;
    text-align: center;
}
.tdleftmiddle {
    vertical-align: central;
    text-align: center;
}

.tdrightmiddle {
    vertical-align: central;
    text-align: center;
}

.topup {
    font-size: 18px;
    font-weight: bold;
    color: blue;
    text-align: center;
    cursor: pointer;
    transform: rotate(-180deg);
    vertical-align: middle;
    text-align: center;
}
.leftup {
    font-size: 18px;
    font-weight: bold;
    color: blue;
    cursor: pointer;
    vertical-align: central;
    text-align: center;
    transform: rotate(-270deg);
}
.rightup {
    font-size: 18px;
    font-weight: bold;
    color: blue;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    transform: rotate(-90deg);
}
.bottomup {
    font-size: 18px;
    font-weight: bold;
    color: blue;
    cursor: pointer;
    text-align: center;
    vertical-align: central;
}

.lbltopmiddle {
    font-size: 30px;
    font-weight: bold;
    color: blue;
    text-align: center;
    cursor: pointer;
    transform: rotate(-180deg);
}

.lblleftmiddle {
    font-size: 30px;
    font-weight: bold;
    color: blue;
    cursor: pointer;
    vertical-align: central;
    text-align: center;
    transform: rotate(-270deg);
    /*    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);*/
}

.whitebg {
    background-color: white;
}

.lblrightmiddle {
    font-size: 30px;
    font-weight: bold;
    color: blue;
    cursor: pointer;
    text-align: center;
    vertical-align: central;
    transform: rotate(-90deg);
    /*   -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);*/
}

.tdbottommiddle {
    vertical-align: central;
    text-align: center;
}

.lblbottommiddle {
    font-size:30px;
    font-weight: bold;
    color: blue;
    cursor: pointer;
    text-align: center;
}

.centerpoint {
    border: 1px solid black;
    cursor: pointer;
    text-align: center;
}

.tdguaselected {
    color: blue !important;
  
}

.tdtop {
    cursor: pointer;
    text-align: center;
    transform: rotate(-180deg);
    /*    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);*/
}

.tdleft {
    cursor: pointer;
    text-align: center;
    transform: rotate(-270deg);
    /*  -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);*/
}

.tdright {
    cursor: pointer;
    text-align: center;
    transform: rotate(-90deg);
    /*  -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);*/
}

.lbltopleft45 {
    font-weight: bold;
    color: blue;
    text-align: center;
    transform: rotate(-45deg) !important;
    /* -webkit-transform: rotate(135deg) !important;
    -ms-transform: rotate(135deg) !important;
    -o-transform: rotate(135deg) !important;*/
}

.topleft45 {
    vertical-align: central;
    text-align: center;
}

.lbltopright45 {
    font-weight: bold;
    color: blue;
    text-align: center;
    transform: rotate(-135deg) !important;
    /* -webkit-transform: rotate(-135deg) !important;
    -ms-transform: rotate(-135deg) !important;
    -o-transform: rotate(-135deg) !important;*/
}

.topright45 {
    vertical-align: central;
    text-align: center;
}

.bottomleft45 {
    font-weight: bold;
    color: blue;
    text-align: center;
    transform: rotate(45deg) !important;
    /*  -webkit-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;*/
}

.bottomright45 {
    font-weight: bold;
    color: blue;
    text-align: center;
    transform: rotate(-45deg) !important;
    /*  -webkit-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;*/
}

.tdbottom {
    cursor: pointer;
    text-align: center;
}