.test01 div {
    /*border: 1px solid blue;*/
}

* {
    margin: 0;
    padding: 0;
}

.t_01 {
    /*width: 80px;*/
    /*height: 80px;*/
    color: #adadad;
    position: relative;
    top: 0;
    height: 100%;
    width: 100%;
}

.tell_number .t_01 {
    opacity: 0;
}

.t_01 tr {
    /*border: 1px solid white;*/
    height: 33.33%;
}

.t_01 td {
    width: 33.33%;
}

.t_02 {
    width: 100%;
    height: 100%;
}

.t_02 tr {
    height: 33.33%;
}

.desk {
    width: 100%;
    height: 585px;
}

.t_03 {
    /*width: 810px;*/
    /*height: 810px;*/
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.t_03 tr {
    height: 33.33%;
}

.select_may_number {
    color: deepskyblue;
    font-weight: bolder;
}

.confirm_number {
    position: absolute;
    width: 100%;
    height: 100%;
    /*font-size: 100%;*/
    /*line-height: 60px;*/
}

.mark_border {
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: left;
    /*font-size: 12px;*/
    /*line-height: 90px;*/
    border-radius: 45px;
    /*border: 1px solid red;*/
}

.mark_error {
    border: 1px solid #a45959;
}

.remain_box {
    /*margin-left: 20px;*/
    width: 100%;
    margin-top: 5px;
}

.remain_box > div {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 60px;
    /*border: 1px solid;*/
    text-align: center;
    color: #1ea830;
    margin-bottom: 5px;
}

.remain_box > div {
    margin-right: 5px;
}

.remain_total {
    position: absolute;
    height: 20px;
    width: 20px;
    font-size: 20px;
    bottom: 0;
    right: 0;
    line-height: 20px
}

.confirm_box {
    border: 1px solid white;
    color: #888888;
    width: 100%;
    height: 100%;
    position: relative;
}

.confirm_box_hover:hover {
    border: 1px solid deepskyblue;
}

.nine_box {
    border: 1px solid black;
    width: 100%;
    height: 100%;
    /*height: 194px;*/
}

.color_repeat {
    /*color: #c40101 !important;*/
    background-color: rgb(143, 227, 250) !important;
    /*font-weight: bold;*/
}

.nine_box_hover {
    /*border: 1px solid deepskyblue;*/
    background-color: rgb(185, 240, 255) !important;
    z-index: 999;
}

.remain_num.nine_box_hover,.color_repeat{
    color: #c40101 !important;
}

.bg_yellow {
    background-color: yellow;
}

.bg_purple {
    background-color: #ffeaff;
}

.bg_black {
    background-color: #2B2937;
}

/*.nine_box:hover {*/
/*    background-color: rgb(185, 240, 255);*/
/*    z-index: 999;*/
/*}*/

.confirm_box_hover {
    color: #3b79e1;
}

.may_number {
    font-size: 14px;
}

.may_number:hover {
    background-color: rgb(214, 255, 244);
}

.confirm_box_hover .t_01:hover {
    background-color: rgba(255, 255, 255, 0.77);
}


html, .container-fluid {
    background-color: #FDE6E0;
    background-image: url("/img/bg_01.jpg");
    color: white;
}

td, .remain_box > div {
    border-color: #b2b0b0 !important;
}

.players_box {
    background-color: #EEEEEE;
    color: #6e6e6e;
    padding: 10px;
    margin-top: 10px;
}

#players {
    /*color: black;*/
    padding: 10px;
}

.player_question {
    background-color: white;
    width: 50px;
    height: 50px;
}

.bg_gray {
    background-color: #EEEEEE;
    color: #888888;
}

.player_question td {
    /*width: 20px;*/
    /*height: 20px;*/
    padding: 0 !important;
}

.fl > div {
    float: left;
}

table div {
    text-align: center;
}

.container-fluid {
    padding: 0;
}

.not_look {
    opacity: 0;
}

.bg_wood {
    background-image: url("/game/sudoku/img/cell.png");
    color: rgb(255, 255, 255) !important;
    /*line-height: 58px !important;*/
}

.confirm_box_hover .bg_wood {
    color: rgb(184, 235, 255);
}

.bg_wood .select_may_number{
    color: rgb(184, 235, 255);
}

.bg_wood .remain_total{
    color: rgb(184, 235, 255) !important;
}