body{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        margin: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased; 
    background:linear-gradient(45deg, #0a91bf, #003844);
}
*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
}
.main_body{
    position:fixed;left:0;top:0;right:0;bottom:0;
}
.logo_div{
    position: absolute;bottom: 120;left:-110;
}
.logo_img{
    /*width: 260px;*/
    height: 32px;
    margin: 0 0 0 20px;
    transform: rotate(270deg);
}
.game_left_top{
    position: absolute;   top: 10;left: 10; z-index: 1;
}

@media screen and (min-width: 1440px){
    .Tang_img{
        width: 240px;
    }
    .GameTitle{
        width: 220px;
    }
    .right_buttons{
        width: 168px;
        height: 198px;
    }
    .scan_img{
        width: 155px;
    }
}
@media screen  and (max-width: 1440px){
    .Tang_img{
        width: 180px;
    }
    .GameTitle{
        width: 170px;
    }
    .right_buttons{
        width:128px;
        height: 158px;  
    }
    .scan_img{
        width: 116px;
    }
} 
.GameTitle{ 
    text-align: right;
    margin-top: -13px;
    font-size: 22px;font-weight: bold;color:#ebfaff;text-shadow: 0 0 18px #41dcff;
}
.scan_area{
    margin-top:12px ;
}

.game_right_top{
    position: absolute; top: 26; right: 18; z-index: 1;
}
.newgame_bt_txt{
    font-size:12px;color:#0886b1;font-weight: bold;text-shadow: 0 0 2px #00beff;
}

.set_win_table{font-size:18px;}

.pop_window_topdiv{position:relative;top:50%;}
.pop_window_div{ position:absolute;z-index:990;left:50%;display:none; transform: translate(-50%, -50%);}
.pop_cover{display: none;position: fixed;z-index: 100;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(23,45,54,0.7);}

.finish_modal{  width: 100%;display: block;}
.finish_show_div {  color: #fff; z-index: 0; border-radius: 10px;  -webkit-user-select: none; touch-action: manipulation; background-color:#fefefe;position:relative;font-size:5px;padding:1.5px ; }
.finish_show_div:before {
    content: "";
    background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 );
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing_finish_show_div 20s linear infinite;
    transition: opacity 0.3s ease-in-out;
    border-radius: 10px;
}
.finish_show_div:after {
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #003e5acf;
    left: 0;
    top: 0;
    border-radius: 10px;
}
 @keyframes glowing_finish_show_div {
              0% {
                background-position: 0 0;
              }
              50% {
                background-position: 400% 0;
              }
              100% {
                background-position: 0 0;
              }
            }
.finish_div{
    padding:50px 60px;position:relative;text-align:center;direction:ltr;
}
.finish_close_bt{
    position:absolute;right:15px;top:15px;color:#9e9e9e;font-size: 16px;text-decoration-line: none;
}
.finish_close_bt:hover{
    color:#fff;
}
.finish_div_header{
    font-size: 46px;font-weight: bold;
    margin-bottom: 35px; 
}
.finish_svg_div{
        margin: 35px 0;
    color: #e7cd97;
}

@keyframes box {
            0% {transform: rotate(0);}
            10% {transform: rotate(0.01turn);}
            30% {transform: rotate(-0.01turn);}
            40% {transform: rotate(0);}
        }
.finish_svg{ 
            position: relative;
            animation-name: box;
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-direction: reverse;
            height: 25em;
        }
.finish_div_msg{
    color: #fff;
    font-size: 28px;
    padding: 0.6em 2em;
    margin-bottom: 15px; 
}
.finish_button_div{
    margin:30px  12% 10px;text-align: center;text-decoration-line: none;color: #ffff00;
}
.finish_button{
    background-color:#F74547;color: #ffffff;padding: 10px; border-radius: 5px;    font-size: 22px;    text-decoration-line: none;
}
.finish_button:hover{
    color: #ffff22;background-color:#e73537;    text-decoration-line: none;
}
.Game_Area_topdiv{
     margin-left:auto;margin-right:auto;padding:50px;border-radius:10px;background:#fdfeff;box-shadow:0 0 12px #bdf3ff;
}
.game_left_bar{
    float:left;margin-right:20px;margin-top:6px;border:1px #9dd0e1  solid;border-radius:3px;background-color:#f4f4f4;padding:3px 3px 10px 3px;box-shadow: 0 0 1px 0px #0081c2b5;
}
.bar_label{
    line-height: 28px; font-size: 12px;
}
.textbox .textbox-text {
    font-size: 14px;
    border: 0;
    margin: 0;
    padding: 0 4px;
    white-space: normal;
    vertical-align: top;
    outline-style: none;
    resize: none;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    height: 28px;
    line-height: 28px;
}
.bar_buttons{
    width:80px;height:30px;
}
.timer_show{
    font-size: 20px; color: #0c3d4c; font-family: inherit; font-weight: bold;text-align:center;margin-bottom:0px;
}
.sd_id_show{
    font-size: 20px; color: #0c3d4c; font-family: inherit; font-weight: bold;text-align:center;margin-top:10px;
}
.Game_Table{
     height:auto;background-color: #0a91bf;float:left;
}
.gametb_tr{
    background-color: #0a91bf;
}
.gametb_td{
    background-color: #bed9df;
}
.second_table{background-color:#bed9df;width:100%;height:100%;}
.second_table_tr{
    background-color: #bed9df;
}
.cell_unsel{
    box-Shadow:none;
    border-radius: 0px; 
    cursor:pointer;
}
.cell_fixed{
    cursor:pointer;
}
.cell_error{
    background-color:#ffb8f0;
}
.cell_select{ 
    box-shadow: 0 0 0 3px rgb(3 40 45), 0 0 3px 3px #040404, inset 0 0 1px 4px rgb(0 188 212 / 32%);
    border-radius: 3px;
    cursor:pointer;
}
.cell_select{
    animation: cell_select_ani 1s linear infinite; 
    -webkit-animation: cell_select_ani 1s linear infinite;
    transition: opacity 0.3s ease-in-out;
    border-radius: 3px;
}
 @keyframes cell_select_ani{
    0% {
        box-shadow: 0 0 0 3px rgb(73 10 15), 0 0 3px 3px #040404, inset 0 0 1px 4px rgb(37 223 247 / 45%);
    }
    40% {
        box-shadow: 0 0 0 3px rgb(3 40 45), 0 0 3px 3px #f40404, inset 0 0 1px 4px rgb(0 212 55 / 52%);
    }
    100% {
        box-shadow: 0 0 0 3px rgb(43 40 95), 0 0 3px 3px #04f404, inset 0 0 1px 4px rgb(245 239 62 / 90%); 
    }
  }
.cell_div1{position:relative; width: 100%; padding-bottom: 100%;}
.cell_div2{position: absolute;top:0;left:0;width: 100%;height:100%;z-index:2;}
.cell_txt{position: absolute; text-align:center; width:100%; height:100%;  z-index:1; border:0; color:#000000;}
.cell_mark0{position: absolute; left:0px; text-align:left; top:-3px; width:100%; font-size:small; color:#959595; overflow-x: hidden;}
.cell_mark1{ position: absolute; left: 0px; text-align: left; top: -4px; width: 100%; font-size: small; color: #959595;  overflow-x: hidden;}
.cell_mark2{position: absolute; left:0px; text-align:left; top:-3px; width:100%; font-size:x-small; color:#959595; overflow-x: hidden;}
.cell_mark3{position: absolute; left:7px; text-align:left; top:3px; width:100%; font-size:16px; color:#959595; overflow-x: hidden;    letter-spacing: 3px;}
.cell_mark4{position: absolute; left:5px; text-align:left; top:1px; width:100%; font-size:16px; color:#959595; overflow-x: hidden;letter-spacing: 2px;}
.cell_txt0{font-size:46px;top:1px;}
.cell_txt1{font-size:28px;top:6px;}
.cell_txt2{font-size:20px;top:5px;}
.cell_txt3{font-size:68px;top:12px;}
.cell_txt4{font-size:50px;top:5px;}
.cell_txt_fixed{color: #4a4a4a;font-weight: bold;}
.cell_txt_input{color: #000;}
.game_right_bar{
    float:left;margin-left:20px;margin-top:6px;border:1px #9dd0e1  solid;border-radius:3px;background-color:#f4f4f4;padding:3px 5px 10px 5px;box-shadow: 0 0 1px 0px #0081c2b5;
}
.number_buttons{
    width:70px;height:30px;
} 
.number_left{ 
    position: absolute;
    top: -2px;
    right: -25px;
    min-width: 10px;
    line-height: 1;
    font-size: x-small;
    text-align: center;
    white-space: nowrap;
    border-radius: 10px;
    padding: 2px 4px;
    border-style: solid;
    border-width: 0px;
    background-color: #0a91bf;
    color: #fff;
    z-index: 99;
}
input[type=checkbox]{-ms-transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);padding-right: 6px;}

.l-btn, .l-btn-left {
    overflow: visible;
    position: relative;
}
.combobox-item, .combobox-group, .combobox-stick {
    font-size: 14px; 
    padding: 0;
    line-height: 20px;
    cursor: pointer;
}
.combobox-item-selected {
    background-color: #ffe48d;
    color: #000000;
}
.combobox-item-hover {
  background-color: #eaf2ff;
  color: #000000;
  cursor:pointer;
}
A:link {
    COLOR: #000000;
    background-color: transparent;
    text-decoration: none;
}
.alert_msg{ 
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    color: #f00;
}
.messager-body {
    padding-bottom: 0 !important;
    overflow: auto;
}
.bg_marking{
    background: -webkit-linear-gradient(top,#ffffff 0,#ff9800 100%);
    background: -moz-linear-gradient(top,#ffffff 0,#ff9800 100%);
    background: -o-linear-gradient(top,#ffffff 0,#ff9800 100%);
    background: linear-gradient(to bottom,#ffffff 0,#ff9800 100%);
}