@charset"euc-kr";
/*@import url('fonts.css');*/

/* default */
* {margin:0;padding:0;box-sizing:border-box}
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0px;padding:0px;font-family:"Noto Sans Korean";font-size:16px;color:#ffffff;line-height:18px;font-weight:400;-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
div, p, ul, li, table, th, td, textarea, input,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, cite {margin:0px;padding:0px;font-family:"Noto Sans Korean",sans-serif;color:#ffffff;line-height:18px;font-weight:400;}
span{margin:0px;padding:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:18px;}
table {width:100%;table-layout:fixed;border:0;border-spacing:0;border-collapse:collapse}
select {;font-size:14px;}
fieldset {border:0;margin:0px;padding:0px;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
img {border:0;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input,select {margin:0;vertical-align:middle;font-family:inherit;outline:none}
button {font-family:inherit;outline:none;cursor:pointer}

a {text-decoration:none;color:#fff;margin:0px;padding:0px;}
a:link, a:visited {text-decoration:none;color:#ffffff;}
a:hover, a:focus, a:active {text-decoration:none}
a:focus, img:focus {outline:none;}

/* common */
.clear:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.fl {float:left !important}
.fr {float:right !important}
.btn_type_1 {width:93px;height:28px;background:#45b5da;border:0;font-size:14px;color:#22272b;line-height:28px;text-align:center;cursor:pointer}

body {width:100%;height:100%;background:#171a1c}

#router-container {}
#router-container > div {height:100%}
#game-header {height:82px;padding-top:20px}
#game-header .hash_line {position:relative;height:16px}
#game-header .hash_line span {display:inline-block;font-weight:500;color:#d4d4d4;line-height:16px}
#game-header .hash_line .r_num {color:#727577}
#game-header .hash_line .hash {position:absolute;top:0;left:17%;width:60%;padding-left:7%}
#game-header .hash_line .hash .tit {position:absolute;top:0;left:15px}
#game-header .hash_line .hash .hash_result {overflow:hidden;width:100%;padding-left:20px;text-overflow:ellipsis;white-space:nowrap;color:#727577;cursor:pointer}
#game-header .hash_line .limit_money {position:absolute;top:0;right:0}
#game-header .hash_line .limit_money .money {color:#727577}
#game-header .time_line {position:relative;width:100%;height:37px;margin-top:9px;padding:0 145px 0 0}
#game-header .time_line > div {position:relative;width:100%;height:27px;background:#000;border:1px solid #666;text-align:center}
#game-header .time_line > div #status {display:inline-block;position:relative;z-index:10;font-size:13px;color:#fff;line-height:25px}
#game-header .time_line > div .time_bar {position:absolute;top:-1px;left:-1px;height:27px;background:#db0d18}
#game-header .time_line .graph_sound {position:absolute;right:5px;top:0;width:22px;height:27px;background:url(../images/ico_sound_on.png) no-repeat 0 50%}
#game-header .time_line .graph_sound.off {background:url(../images/ico_sound_off.png) no-repeat 0 50%}

/* S:add_20180815 */
.betting_history_wrap {position:absolute;top:45px;right:0;z-index:9999999999999999999999999999999;width:680px}
.betting_history_wrap .btn_history {position:absolute;top:0;right:40px;width:100px;height:27px;padding-left:30px;background:url(../images/btn_history.png) no-repeat 10px 50%;background-color:#45b5da;border:0;font-weight:500;color:#22272b;line-height:27px}
.betting_history_wrap .betting_history_cont {display:none;position:relative;z-index:1000001;width:100%;margin-top:25px;padding:20px 20px 40px;background:#22272b;border:1px solid #45b5da}
.betting_history_wrap .betting_history_cont .select_wrap {padding-bottom:18px}
.betting_history_wrap .betting_history_cont .select_wrap p {float:left;width:76px;color:#b2b2b2;line-height:33px;text-align:center}
.betting_history_wrap .betting_history_cont .select_wrap select {display:block;float:left;width:180px;height:33px;padding-left:10px;background:#383c40;border:1px solid #313438;border-right-color:#53575a;border-bottom-color:#53575a;color:#b2b2b2;font-size:inherit}
.betting_history_wrap .betting_history_cont .tbl_bet_history thead th {height:35px;background:#2c2f36;color:#b2b2b2}
.betting_history_wrap .betting_history_cont .tbl_bet_history tbody td {overflow:hidden;height:40px;border-bottom:1px solid #2c2f36;color:#b2b2b2;text-align:center;text-overflow:ellipsis;white-space:nowrap}

.page_skip {text-align:center;margin-top:30px}
.page_skip span {display:inline-block;cursor:pointer;margin:0px 6px 0px 6px;vertical-align:top;transition:400ms all;}
.page_skip span:hover {opacity:0.7;}
.page_skip .prev {height:30px;width:30px;text-align:center;}
.page_skip .next {height:30px;width:30px;text-align:center;}
.page_skip img {height:21px;margin-top:4px;}
.page_skip .num {border:2px solid #919194;height:30px;min-width:30px;padding:0px 5px 0px 5px;text-align:center;line-height:26px;}
.page_skip .on {background:#444}

.betting_history_wrap .btn_his_close {position:absolute;top:20px;right:20px;width:32px;height:32px;background:url(../images/btn_his_close.png) no-repeat 0 0;border:0;text-indent:-9999px}
/* E:add_20180815 */


#game-wrapper {width:100%;height:100%}
#game-content {position:absolute;top:82px;bottom:0;right:0;left:0}
#game-container {overflow:hidden;width:100%;height:100%}
#game-inner-container {position:relative;width:100%;height:100%}
#game-playable-container {position:absolute;top:0;right:0;bottom:0;left:0}
#game-container-wrapper {display:table;position:relative;width:100%;height:100%}
#hilo-controls-row {display:table-row}
#tabs-controls-row {display:table-row}
#hilo-controls-col {display:table-cell;height:528px}
#tabs-controls-col {display:table-cell;height:calc(100% - 528px)}
.cell-wrapper {height:100%}
#hilo-controls-col .cell-wrapper {width:640px}

.game_area_wrap {width:100%}
.game_area_wrap .game_history {width:100%;height:66px;padding:6px 0;background:#323336;border:1px solid #383d43;text-align:center;overflow:hidden;}
/* .game_area_wrap .game_history_list {display:inline-block} */
/* .game_area_wrap .game_history_list li {float:left;position:relative;width:40px;height:52px;margin-left:6px;padding-top:3px;background:#fff;border-radius:2px;text-align:center;transition:400ms all} */
.game_area_wrap .game_history_list {height:52px;display:inline-flex;float:left;flex-wrap:wrap;overflow:hidden;width:auto;height:auto;}
.game_area_wrap .game_history_list li {display:inline-block;position:relative;width:36px;height:52px;margin-left:6px;padding-top:3px;background:#fff;border-radius:2px;text-align:center;transition:400ms all}
.game_area_wrap .game_history_list li:first-child {margin-left:0;margin-bottom:13px;}
.game_area_wrap .game_history_list li span {display:block;font-size:30px;font-weight:bold;line-height:20px}
.game_area_wrap .game_history_list li span:first-child {display:inline-block;width:14px;height:17px;line-height:17px;text-indent:-9999px}
.game_area_wrap .game_history_list li .ico_his_c {background:url(../images/ico_his_c.png) no-repeat 50% 2px}
.game_area_wrap .game_history_list li .ico_his_d {background:url(../images/ico_his_d.png) no-repeat 50% 0}
.game_area_wrap .game_history_list li .ico_his_h {background:url(../images/ico_his_h.png) no-repeat 50% 2px}
.game_area_wrap .game_history_list li .ico_his_s {background:url(../images/ico_his_s.png) no-repeat 50% 2px}
.game_area_wrap .game_history_list li.red {color:#b42b2d}
.game_area_wrap .game_history_list li.black {color:#252424}
.game_area_wrap .game_history_list li.joker {background:url(../images/ico_joker_s.png) no-repeat 50% 50%;background-color:#45b5da;text-indent:-9999px}
.game_area_wrap .game_history_list li.high:before {content:"";position:absolute;top:50%;right:-13px;z-index:10;width:20px;height:20px;margin-top:-10px;background:url(../images/ico_high.png) no-repeat 0 0}
.game_area_wrap .game_history_list li.low:before {content:"";position:absolute;top:50%;right:-13px;z-index:10;width:20px;height:20px;margin-top:-10px;background:url(../images/ico_low.png) no-repeat 0 0}
.game_area_wrap .game_history_list li.mid:before {content:"";position:absolute;top:50%;right:-13px;z-index:10;width:20px;height:20px;margin-top:-10px;background:url(../images/ico_mid.png) no-repeat 0 0}

.hilo_card_wrap {position:relative;width:100%;height:312px;margin-top:10px}
.hilo_card_wrap .card_wrap {position:absolute;top:0;left:50%;width:200px;height:312px;margin-left:-100px;background:url(../images/bg_card_wrap.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .card {display:block;width:200px;height:307px;text-indent:-9999px}
.hilo_card_wrap .card_wrap .card_cover {display:block;position:absolute;top:0;left:0;z-index:1000000;width:200px;height:307px;background:url(../images/card_cover.png) no-repeat 0 0;text-indent:-9999px}

.hilo_card_wrap .card_wrap .c2 {background:url(../images/c2.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .c3 {background:url(../images/c3.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .c4 {background:url(../images/c4.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .c5 {background:url(../images/c5.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .c6 {background:url(../images/c6.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .c7 {background:url(../images/c7.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .c8 {background:url(../images/c8.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .c9 {background:url(../images/c9.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .c10 {background:url(../images/c10.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .cj {background:url(../images/cj.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .cq {background:url(../images/cq.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .ck {background:url(../images/ck.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .ca {background:url(../images/ca.png) no-repeat 0 0}

.hilo_card_wrap .card_wrap .d2 {background:url(../images/d2.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .d3 {background:url(../images/d3.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .d4 {background:url(../images/d4.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .d5 {background:url(../images/d5.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .d6 {background:url(../images/d6.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .d7 {background:url(../images/d7.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .d8 {background:url(../images/d8.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .d9 {background:url(../images/d9.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .d10 {background:url(../images/d10.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .dj {background:url(../images/dj.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .dq {background:url(../images/dq.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .dk {background:url(../images/dk.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .da {background:url(../images/da.png) no-repeat 0 0}

.hilo_card_wrap .card_wrap .h2 {background:url(../images/h2.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .h3 {background:url(../images/h3.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .h4 {background:url(../images/h4.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .h5 {background:url(../images/h5.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .h6 {background:url(../images/h6.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .h7 {background:url(../images/h7.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .h8 {background:url(../images/h8.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .h9 {background:url(../images/h9.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .h10 {background:url(../images/h10.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .hj {background:url(../images/hj.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .hq {background:url(../images/hq.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .hk {background:url(../images/hk.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .ha {background:url(../images/ha.png) no-repeat 0 0}

.hilo_card_wrap .card_wrap .s2 {background:url(../images/s2.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .s3 {background:url(../images/s3.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .s4 {background:url(../images/s4.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .s5 {background:url(../images/s5.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .s6 {background:url(../images/s6.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .s7 {background:url(../images/s7.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .s8 {background:url(../images/s8.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .s9 {background:url(../images/s9.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .s10 {background:url(../images/s10.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .sj {background:url(../images/sj.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .sq {background:url(../images/sq.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .sk {background:url(../images/sk.png) no-repeat 0 0}
.hilo_card_wrap .card_wrap .sa {background:url(../images/sa.png) no-repeat 0 0}

.hilo_card_wrap .card_wrap .joker {background:url(../images/joker.png) no-repeat 0 0}

.hilo_card_wrap .btn_wrap button {display:block;position:relative;width:100%;height:100%;border:2px solid;border-radius:5px;box-shadow:0px 4px 9px 0px rgba(0, 0, 0, 1)}
/* .hilo_card_wrap .btn_wrap button:before {content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:100;background:rgba(0,0,0,0.57);border-radius:5px} */
/* .hilo_card_wrap .btn_wrap button:hover:before {content:"";display:none} */
.hilo_card_wrap .btn_wrap button.result_ing:before {content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:100;background:rgba(0,0,0,0.57);border-radius:5px}
.hilo_card_wrap .btn_wrap .left_area {float:left;width:31.875%}
.hilo_card_wrap .btn_wrap .left_area .inner_btn_wrap {width:100%;height:152px;margin-top:8px}
.hilo_card_wrap .btn_wrap .left_area div:first-child {margin-top:0}
.hilo_card_wrap .btn_wrap .left_area .btn_action_high {background:url(../images/bg_btn_high.png) no-repeat 50% 16px;background-color:#ceb56d;border-color:#ceb56d;border-top-color:#d8c48a}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low {background:url(../images/bg_btn_low.png) no-repeat 50% 16px;background-color:#50505d;border-color:#50505d;border-top-color:#73737d}
.hilo_card_wrap .btn_wrap .left_area button span {display:block;width:100%;position:absolute;font-weight:bold;text-align:center}
.hilo_card_wrap .btn_wrap .left_area button .btn_tit_1 {top:50px;font-size:25px;line-height:25px}
.hilo_card_wrap .btn_wrap .left_area button .btn_tit_2 {top:78px;font-size:17px;line-height:17px}
.hilo_card_wrap .btn_wrap .left_area button .btn_tit_3 {top:102px;font-size:17px;color:#fff;line-height:17px}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low .btn_tit_1 {top:28px}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low .btn_tit_2 {top:58px}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low .btn_tit_3 {top:82px}
.hilo_card_wrap .btn_wrap .left_area .btn_action_high .btn_tit_1 {color:#191919}
.hilo_card_wrap .btn_wrap .left_area .btn_action_high .btn_tit_2 {color:#322f30}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low .btn_tit_1 {color:#e0bf61}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low .btn_tit_2 {color:#e0bf61}

.hilo_card_wrap .btn_wrap .right_area {float:right;width:31.875%}
.hilo_card_wrap .btn_wrap .right_area .inner_btn_wrap {float:left;width:49%;height:100px;margin-left:2%;margin-top:6px}
.hilo_card_wrap .btn_wrap .right_area .inner_btn_wrap.w_100 {width:100%}
.hilo_card_wrap .btn_wrap .right_area div:nth-child(2n+1) {margin-left:0}
.hilo_card_wrap .btn_wrap .right_area div:first-child,
.hilo_card_wrap .btn_wrap .right_area div:nth-child(2) {margin-top:0}
.hilo_card_wrap .btn_wrap .right_area button {background-color:#454648;border-color:#454648;border-top-color:#6a6b6d}

.hilo_card_wrap .btn_wrap .right_area button span {display:block;width:100%;position:absolute;font-size:14px;font-weight:bold;color:#fff;text-align:center}
.hilo_card_wrap .btn_wrap .right_area button .btn_tit_1 {top:26px;font-size:18px;line-height:24px}
.hilo_card_wrap .btn_wrap .right_area button .btn_tit_2 {top:50px;font-size:17px;line-height:17px}
.hilo_card_wrap .btn_wrap .right_area .btn_red .btn_tit_1 {color:#e94237}
.hilo_card_wrap .btn_wrap .right_area .btn_green .btn_tit_1 {color:#81bf39}
.hilo_card_wrap .btn_wrap .right_area .btn_joker .btn_tit_1 {color:#45b5da}

.hilo_card_wrap .btn_wrap button.result_win {border-color:#ab3730 !important}
.hilo_card_wrap .btn_wrap button.result_win:before {content:"";display:none}
.hilo_card_wrap .btn_wrap button.result_lose:before {content:"";position:absolute;top:-2px;left:-2px;z-index:100;width:calc(100% + 4px);height:106%;background:rgba(0,0,0,0.57);border-radius:5px}
.hilo_card_wrap .btn_wrap button.result_lose1:before {content:"";position:absolute;top:-2px;left:-2px;z-index:100;width:calc(100% + 4px);height:106%;background:rgba(0,0,0,0.57);border-radius:5px}
.hilo_card_wrap .btn_wrap button.my_bet {border-color:#fff !important}
.hilo_card_wrap .btn_wrap button.my_bet:before {content:"";display:none}
.hilo_card_wrap .btn_wrap button .bet_money {top:72px;font-size:16px !important;color:#fffc01 !important}
.hilo_card_wrap .btn_wrap .btn_action_high .bet_money {top:120px}
.hilo_card_wrap .btn_wrap .btn_action_low .bet_money {top:114px}

.betting_cart_wrap {margin-top:10px;padding:16px 10px 10px;background:#323336}
.betting_cart {position:relative;height:100%}
.betting_cart .money_info {float:left;width:38.5%;margin-left:2.5%;padding-top:4px}
.betting_cart dl:first-of-type {margin-left:0}
.betting_cart .money_info dt {float:left;font-size:16px;font-weight:500;color:#c6b273;line-height:42px}
.betting_cart .money_info dd {float:right;position:relative;width:60.45197740112994%;height:42px;background:#1b1b1b;border-radius:5px;box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.75) inset;}
.betting_cart .money_info dd p {padding-right:9px;font-size:16px;font-weight:500;color:#fff;line-height:42px;text-align:right}
.betting_cart .money_info dd input {width:100%;height:100%;padding-right:9px;background:none;border:0;font-family:inherit;font-size:16px;font-weight:500;color:#fff;text-align:right;}
.betting_cart .btn_reset {float:right;width:18%;height:50px;background:#393c41;border:1px solid #4d4d4d;font-size:16px;font-weight:500;color:#81bf39;box-shadow:1px 1px 0px 0px rgba(0, 0, 0, 1)}
.betting_cart .btn_reset:hover {border:1px solid #81bf39}
.betting_cart .btn_reset:active {background:#81bf39;color:#fff}
.betting_cart .btn_area {clear:both;padding-top:8px}
.betting_cart .btn_area .btn_betting {float:left;width:18%;height:50px;margin-left:2.5%;background:#393c41;border:1px solid #4d4d4d;font-size:16px;font-weight:500;color:#fff;box-shadow:1px 1px 0px 0px rgba(0, 0, 0, 1)}
.betting_cart .btn_area .btn_betting:hover {border:1px solid #45b5da}
.betting_cart .btn_area .btn_betting:active {background:#45b5da;color:#fff}
.betting_cart .btn_area button:first-child {margin-left:0}

#tabs-controls-row .cell-wrapper {padding-top:14px}
.round_wrap {width:640px}
.round_wrap .hash_tit dt {float:left;width:12%;height:41px;border-bottom:2px solid #323336;color:#ccc;line-height:39px;text-align:center}
.round_wrap .hash_tit dd {float:left;width:80%;height:41px;border-bottom:2px solid #323336;color:#ccc;line-height:39px;text-align:center}
.round_wrap .hash_tit dd.hash_result_dd {width:8%}
.round_wrap .hash_list dt {float:left;width:12%;height:40px;padding-left:1%;border-bottom:1px solid #323336;color:#ccc;line-height:39px;text-align:center}
.round_wrap .hash_list dd {float:left;position:relative;width:80%;height:40px;border-bottom:1px solid #323336;color:#ccc;line-height:39px}
.round_wrap .hash_list dd:nth-of-type(2n) {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.round_wrap .hash_list dd.hash_result_dd {width:8%;padding:7px;text-align:center;}
.round_wrap .hash_list dd.hash_result_dd span {display:inline-block;width:26px;height:30px;margin-top:4px;background:#fff;font-size:20px;font-weight:bold;line-height:30px;text-align:center}
.round_wrap .hash_list dd.hash_result_dd .result_red {color:#b42b2d}
.round_wrap .hash_list dd.hash_result_dd .result_black {color:#252424}
.round_wrap .hash_list dd.hash_result_dd .result_joker {background:url(../images/ico_joker_ss.png) no-repeat 50% 50%;background-color:#45b5da;text-indent:-9999px}
.round_wrap .hash_list dd p {overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;color:#ccc;line-height:39px}
.round_wrap .hash_list dd .ico_copy {position:absolute;top:0;right:0;width:24px;height:100%;background:url(../images/ico_copy.png) no-repeat 50% 50%;border:0;text-indent:-9999px}



.list_wrap {position:absolute;top:0;right:0;width:calc(100% - 660px)}
.list_wrap .game_tit dt {float:left;width:40%;height:41px;padding-left:19%;border-bottom:2px solid #22272b;background:#1c1f23;color:#ccc;line-height:39px}
.list_wrap .game_tit dd {float:left;width:20%;height:41px;border-bottom:2px solid #22272b;background:#1c1f23;color:#ccc;line-height:39px;text-align:center}
.list_wrap .game_tit dd.bet_money {width:40%}
.list_wrap .list_area dt {float:left;clear:left;overflow:hidden;width:40%;height:40px;padding-left:5%;border-bottom:1px solid #1c1f23;background:#1c1f23;line-height:39px;white-space:nowrap;text-overflow:ellipsis}
.list_wrap .list_area dd {overflow:hidden;float:left;width:20%;height:40px;padding-left:6%;border-bottom:1px solid #1c1f23;background:#1c1f23;line-height:39px;white-space:nowrap;text-overflow:ellipsis}
.list_wrap .list_area dd.bet_money {width:40%;padding:0;padding-right:5%;text-align:right}
.list_wrap .list_area dl:nth-of-type(even) dt {border-bottom:1px solid #1f2427;background:#1f2427}
.list_wrap .list_area dl:nth-of-type(even) dd {border-bottom:1px solid #1f2427;background:#1f2427}
.list_wrap .list_area dl:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.list_wrap .list_area .green dt {color:#81bf39}
.list_wrap .list_area .green dd {color:#81bf39}
.list_wrap .list_area .red dt {color:#ed3327}
.list_wrap .list_area .red dd {color:#ed3327}

@media screen and (max-width:1099px){
body {font-size:14px}
}

@media screen and (max-width:999px){
body {font-size:12px}
#hilo-controls-col .cell-wrapper {width:600px}
.round_wrap {width:600px}
.list_wrap {width:calc(100% - 600px)}
.list_wrap .list_area dd {padding-left:3%}
}

@media screen and (max-width:767px){
#hilo-controls-col {height:268px}
#hilo-controls-col .cell-wrapper {width:100%}
.game_area_wrap .game_history {height:33px;padding:3px 0}
.game_area_wrap .game_history_list li {width:20px;height:25px;margin-left:3px;padding-top:1px}
.game_area_wrap .game_history_list li.low:before,
.game_area_wrap .game_history_list li.high:before,
.game_area_wrap .game_history_list li.mid:before {right:-9px;width:14px;height:14px;margin-top:-7px;background-size:100% 100%}
.game_area_wrap .game_history_list li span:first-child {width:7px;height:8px;line-height:16px}
.game_area_wrap .game_history_list li .ico_his_h {background-position:50% 1px;background-size:6px 7px}
.game_area_wrap .game_history_list li .ico_his_d {background-size:8px 8px}
.game_area_wrap .game_history_list li .ico_his_c {background-position:50% 1px;background-size:6px 7px}
.game_area_wrap .game_history_list li .ico_his_s {background-position:50% 1px;background-size:6px 7px}
.game_area_wrap .game_history_list li.joker {background-size:60% 60%}
.game_area_wrap .game_history_list li span {margin-top:-6px;font-size:15px;line-height:10px}

.hilo_card_wrap {height:156px;margin-top:5px}
.hilo_card_wrap .card_wrap {width:100px;height:156px;margin-left:-50px;background-size:100% 100%}
.hilo_card_wrap .btn_wrap .left_area {width:calc(50% - 58px)}
.hilo_card_wrap .btn_wrap .left_area .inner_btn_wrap {height:76px;margin-top:4px}
.hilo_card_wrap .btn_wrap .left_area .btn_action_high {background-position:50% 8px;background-size:auto 75%}
.hilo_card_wrap .btn_wrap .left_area button .btn_tit_1 {top:20px;font-size:13px;line-height:13px}
.hilo_card_wrap .btn_wrap .left_area button .btn_tit_2 {top:35px;font-size:10px;line-height:10px}
.hilo_card_wrap .btn_wrap .left_area button .btn_tit_3 {top:45px;font-size:10px;line-height:10px}
.hilo_card_wrap .btn_wrap .btn_action_high .bet_money {top:56px;font-size:10px !important}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low {background-position:50% 8px;background-size:auto 75%}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low .btn_tit_1 {top:14px}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low .btn_tit_2 {top:29px}
.hilo_card_wrap .btn_wrap .left_area .btn_action_low .btn_tit_3 {top:41px}
.hilo_card_wrap .btn_wrap .btn_action_low .bet_money {top:56px;font-size:10px !important}
.hilo_card_wrap .card_wrap .card_cover {width:100px;height:154px;background-size:100% 100%}
.hilo_card_wrap .card_wrap .card {width:100px;height:154px;background-size:100% 100%}

.hilo_card_wrap .btn_wrap .right_area {width:calc(50% - 58px)}
.hilo_card_wrap .btn_wrap .right_area .inner_btn_wrap {height:50px;margin-top:3px}
.hilo_card_wrap .btn_wrap .right_area button .btn_tit_1 {top:6px;font-size:12px;line-height:12px}
.hilo_card_wrap .btn_wrap .right_area button .btn_tit_2 {top:20px;font-size:10px;line-height:10px}
.hilo_card_wrap .btn_wrap button .bet_money {top:32px;font-size:10px !important;line-height:10px}
.hilo_card_wrap .btn_wrap button.result_lose:before {height:104%}

.betting_cart_wrap {margin-top:5px}
.betting_cart .money_info {padding-top:2px}
.betting_cart .money_info dt {font-size:14px;line-height:28px}
.betting_cart .money_info dd {height:28px}
.betting_cart .money_info dd p {padding-right:5px;font-size:12px;line-height:28px}
.betting_cart .money_info dd input {font-size:12px}
.betting_cart .btn_reset {height:30px;font-size:14px}
.betting_cart .btn_area .btn_betting {height:30px;font-size:14px}

#tabs-controls-col {height:calc(100% - 268px)}
#tabs-controls-row .cell-wrapper {position:relative;padding-top:7px}
.round_wrap {position:absolute;width:50%}
.round_wrap .hash_tit dt {height:26px;line-height:24px}
.round_wrap .hash_tit dd {height:26px;line-height:24px}
.round_wrap .hash_list dt {height:27px;line-height:27px}
.round_wrap .hash_list dd {height:27px;line-height:27px}
.round_wrap .hash_list dd.hash_result_dd span {width:15px;height:18px;margin-top:3px;font-size:12px;line-height:18px}
.round_wrap .hash_list dd p {line-height:27px}
.round_wrap .hash_list dd .ico_copy {background-size:10px 12px}

.list_wrap {top:7px;width:46%}
.list_wrap .game_tit dt {height:26px;line-height:24px}
.list_wrap .game_tit dd {height:26px;line-height:24px}
.list_wrap .list_area dt {height:27px;line-height:27px}
.list_wrap .list_area dd {height:27px;line-height:27px}
.betting_history_wrap {width:100%}
}

@media screen and (max-width:639px){
.round_wrap .hash_tit dt {width:20%}
.round_wrap .hash_tit dd.hash_result_dd {width:15%}
.round_wrap .hash_tit dd {width:65%}
.round_wrap .hash_list dt {width:20%}
.round_wrap .hash_list dd.hash_result_dd {width:15%}
.round_wrap .hash_list dd.hash_result_dd img {width:12px !important}
.round_wrap .hash_list dd {width:65%}
}

@media screen and (max-width:479px){
body {font-size:10px}
#game-header .hash_line .hash {left:20%;width:50%}
#game-header .time_line .graph_sound {background-size:15px 15px}
#game-header .time_line .graph_sound.off {background-size:15px 15px}
.betting_history_wrap .betting_history_cont {overflow-y:auto;max-height:400px;padding:10px 10px 20px}
.betting_history_wrap .betting_history_cont .select_wrap {padding-bottom:10px}
.betting_history_wrap .betting_history_cont .select_wrap p {width:50px}
.betting_history_wrap .betting_history_cont .select_wrap select {width:110px}
.betting_history_wrap .btn_his_close {top:10px;right:10px;width:16px;height:16px;background-size:cover}
}


/* S:20180627_add */
#hashPopup {position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000000000000;background:rgba(0,0,0,0.75);display:none;}
#hashPopup .hash_popup {position:relative;max-width:550px;margin:30px auto;padding:40px 15px 30px;background:#21242b;border-radius:10px;height:300px}
#hashPopup .hash_popup .popup_title {text-align:left;padding-bottom:10px;}
#hashPopup .hash_popup .popup_title span {display:contents;font-size:16px}
#hashPopup .hash_popup .popup_title .titles {float:left;width:20%;}
#hashPopup .hash_popup .popup_title .text_success {float:left;color:#81bf39;;width:70%;word-break:break-all}
#hashPopup .hash_popup .popup_cont {padding-top:20px;font-size:13px;color:rgba(255,255,255,0.7);word-wrap:break-word}
#hashPopup .hash_popup .popup_close {position:absolute;top:0;right:0;width:40px;height:40px;background:none;border:0;font-size:22px;color:rgba(255,255,255,0.7);text-align:center}
#hashPopup .hash_popup .popup_close:hover {color:#fff}


/* S:20180627_add */
#hashPopup2 {position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000000000000;background:rgba(0,0,0,0.75);display:none;}
#hashPopup2 .hash_popup {position:relative;max-width:550px;margin:30px auto;padding:40px 15px 30px;background:#21242b;border-radius:10px;height:300px}
#hashPopup2 .hash_popup .popup_title {text-align:left;padding-bottom:10px;}
#hashPopup2 .hash_popup .popup_title span {display:contents;font-size:16px}
#hashPopup2 .hash_popup .popup_title .titles {float:left;width:20%;}
#hashPopup2 .hash_popup .popup_title .text_success {float:left;color:#81bf39;;width:70%;word-break:break-all}
#hashPopup2 .hash_popup .popup_cont {padding-top:20px;font-size:13px;color:rgba(255,255,255,0.7);word-wrap:break-word}
#hashPopup2 .hash_popup .popup_close {position:absolute;top:0;right:0;width:40px;height:40px;background:none;border:0;font-size:22px;color:rgba(255,255,255,0.7);text-align:center}
#hashPopup2 .hash_popup .popup_close:hover {color:#fff}


@media screen and (max-width:639px){
#hashPopup .hash_popup {max-width:100%;margin:30px 10px}
#ui_notifIt {margin-top:230px}
}
/* E:20180627_add */

.my {background:#298A08 !important;}

/* S:20181231_add */
@media screen and (max-width: 767px){
.betting_cart_wrap {margin-top:10px;padding:10px}
}
@media screen and (max-width: 639px){
.betting_cart .btn_reset {font-size:12px}
.betting_cart .btn_area .btn_betting {font-size:12px}
}
@media screen and (max-width: 479px){
.betting_cart .money_info dt {font-size:12px}
}
/* E:20181231_add */

/* S:add_20190101 */
#game-header .time_line {padding:0 110px 0 0}
.betting_history_wrap .btn_history {right:35px;width:70px;padding:0 5px 0 0;background-position:5px 50%;font-size:12px;text-align:right}
@media screen and (max-width:767px){
#game-header {height:62px;padding-top:10px}
.betting_history_wrap {top:35px}
#game-content {top:62px}
#game-header .time_line {height:27px}
#game-header .time_line > div {height:20px}
#game-header .time_line > div .time_bar {height:20px}
#game-header .time_line > div #status {font-size:11px;line-height:18px;vertical-align:top}
.betting_history_wrap .btn_history {height:20px;font-size:11px;line-height:20px}
#game-header .time_line .graph_sound {height:20px}
}
/* E:add_20190101 */

/* S:add_20190128 */
.result_prev_info {position:absolute;top:90px;left:0;z-index:100;width:100%;height:50px;background:rgba(0,0,0,0.8);font-size:16px;font-weight:700;color:#fff;line-height:50px;text-align:center}
/* E:add_20190128 */


/* S:add_20230505 */
.betting_history_wrap {z-index:990}
#game-header .hash_line .limit_money.type_max {top:-8px;z-index:991;padding:8px 0 8px 29px;background:url(../images/ico_max.png) no-repeat 0 50%;cursor:pointer}
#game-header .hash_line .limit_money.type_max .pop_max {display:none;position:absolute;top:25px;right:0;width:222px;padding:15px 20px;background:#191919;border:1px solid #3f4040}
#game-header .hash_line .limit_money.type_max:hover .pop_max {display:block}
#game-header .hash_line .limit_money.type_max .pop_max dl {display:flex}
#game-header .hash_line .limit_money.type_max .pop_max dl dt {width:60px;font-size:14px;font-weight:400;color:#fff;line-height:18px}
#game-header .hash_line .limit_money.type_max .pop_max dl dd {width:calc(100% - 60px);font-size:14px;font-weight:400;color:#f4cd1a;line-height:18px;white-space:nowrap}

@media screen and (max-width:479px){
	#game-header .hash_line .hash {width:34%}
}
/* E:add_20230505 */
