@font-face {
    font-family: 'BMJUA';
    src: url('/public/webfont/BMJUA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.fxgame_stats_list { box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.2); border-radius: 5px; overflow: hidden; }
.fxgame_stats_list .tbl {width:100%; border:1px solid #d6d6d6;}
.fxgame_stats_list caption {display:none;}
.fxgame_stats_list th {height:51px; border-bottom:1px solid #d6d6d6; background:#f2f2f7;}
.fxgame_stats_list td {height:51px; text-align:center; border-bottom:1px solid #f2f2f2;}
.fxgame_stats_list thead {border-bottom:1px solid #d6d6d6;}
.fxgame_stats_list thead tr:first-child th {border-top:none;}
.fxgame_stats_list tr:first-child td {border-top:1px solid #d6d6d6;}
.fxgame_stats_list th:first-child,
.fxgame_stats_list td:first-child {border-left:none;}
.fxgame_stats_list th.line_left,
.fxgame_stats_list td.line_left {border-left:1px solid #d6d6d6;}
.fxgame_stats_list th {border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; border-bottom:none;}
.fxgame_stats_list td {border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; border-bottom:none;}
.fxgame_stats_list .oddeven_cell span,
.fxgame_stats_list .buysell_cell span,
.fxgame_stats_list .underover_cell span {display:inline-block; width:31px; height:31px; line-height:31px; border-radius:16px; color:#fff;}
.fxgame_stats_list .underover_cell .INVALID {display:inline-block; width:31px; height:31px; line-height:31px; border-radius:16px; background-color: #b7b7b7; color:#fff;}

.fxgame_stats_list .oddeven_cell .total.ODD {width:29px; height:29px; line-height:29px; border:1px solid #3498db; color:#3498db;}
.fxgame_stats_list .oddeven_cell .total.EVEN {width:29px; height:29px; line-height:29px; border:1px solid #e74c3c; color:#e74c3c;}
.fxgame_stats_list .oddeven_cell .INVALID {display:inline-block; width:31px; height:31px; line-height:31px; border-radius:16px; background-color: #b7b7b7; color:#fff;}
.fxgame_stats_list .underover_cell .underover.UNDER {width:29px; height:29px; line-height:29px; border:1px solid #3498db; color:#3498db;}
.fxgame_stats_list .underover_cell .underover.OVER {width:29px; height:29px; line-height:29px; border:1px solid #e74c3c; color:#e74c3c;}

.fxgame_stats_list .buysell_cell .buysell.SELL {background-color:#3498db;}
.fxgame_stats_list .buysell_cell .buysell.BUY  {background-color:#e74c3c;}
.fxgame_stats_list .buysell_cell .buysell.READY  {background-color:#27ae60;}
.fxgame_stats_list .buysell_cell .buysell.ext_1  { border: 3px solid #00ff6a; border-radius: 30px; }
.fxgame_stats_list .buysell_cell .INVALID {display:inline-block; width:31px; height:31px; line-height:31px; border-radius:16px; background-color: #b7b7b7; color:#fff;}

.fxgame_summary_data {margin-bottom:5px; border:1px solid #d6d6d6; box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.2); border-radius: 5px; overflow: hidden;}
.fxgame_summary_data .hd {height:51px; line-height:51px; text-align:center; border-bottom:1px solid #d6d6d6; background-color:#f2f2f7;}
.fxgame_summary_data .bd:after {clear: both; content: ""; display: block;}
.fxgame_summary_data .bar_graph {float:left; padding:30px 71px 0 71px; width:272px;}
.fxgame_summary_data .bar_graph dt {display:block; padding-bottom:10px; text-align:center;}
.fxgame_summary_data .bar_graph .bar {margin-bottom:30px; width:100%; height:21px; border-radius:11px; background-color:#ededed;}
.fxgame_summary_data .bar_graph p {position:relative; height:21px; border-radius:11px; color:#979797;}
.fxgame_summary_data .bar_graph .per {position:absolute; top:0; line-height:21px; white-space:nowrap; font-family:Tahoma; font-size:9px;}
.fxgame_summary_data .bar_graph .tx {position:absolute; top:-5px; width:29px; height:29px; line-height:29px; text-align:center; border:1px solid #d8d8d8; border-radius:16px; background-color:#fff; color:#333;}
.fxgame_summary_data .bar_graph .left {float:left;max-width:50px;}
.fxgame_summary_data .bar_graph .right {float:right;max-width:50px;}
.fxgame_summary_data .bar_graph .left .per {left:9px;}
.fxgame_summary_data .bar_graph .right .per {right:9px;}
.fxgame_summary_data .bar_graph .left .tx {left:-41px;}
.fxgame_summary_data .bar_graph .right .tx {right:-41px;}
.fxgame_summary_data .bar_graph .left.on {background-color:#3498db; color:#fff;max-width:250px;}
.fxgame_summary_data .bar_graph .left.on .tx {background-color:#3498db; color:#fff;}
.fxgame_summary_data .bar_graph .right.on {background-color:#e74c3c; color:#fff;max-width:250px;}
.fxgame_summary_data .bar_graph .right.on .tx {background-color:#e74c3c; color:#fff;}
.fxgame_summary_data .bar_graph .left.on .tx {border:1px solid #3498db;}
.fxgame_summary_data .bar_graph .right.on .tx {border:1px solid #e74c3c;}

.fxgame_summary_data .pie_graph {float:right; width:413px; border-left:1px solid #d6d6d6;}
.fxgame_summary_data .pie_graph .graph {float:left; margin:49px 30px 0 30px;}

.fxgame_summary_data .pie_graph .info {float:left; margin:15px 0;}
.fxgame_summary_data .pie_graph .info li {margin-top:8px; height:15px; line-height:15px;}
.fxgame_summary_data .pie_graph .info li:first-child {margin-top:0;}
.fxgame_summary_data .pie_graph .info .ic {float:left; margin:1px 10px 0 0; width:11px; height:11px; border-radius:6px;}
.fxgame_summary_data .pie_graph .info .left4odd .ic {background-color:#3498db;}
.fxgame_summary_data .pie_graph .info .right3odd .ic {background-color:#2980b9;}
.fxgame_summary_data .pie_graph .info .left3even .ic {background-color:#e74c3c;}
.fxgame_summary_data .pie_graph .info .right4even .ic {background-color:#c0392b;}
.fxgame_summary_data .pie_graph .info .on {font-weight:bold;}
.fxgame_summary_data .pie_graph .info .left4odd.on {color:#3498db;}
.fxgame_summary_data .pie_graph .info .right3odd.on {color:#2980b9;}
.fxgame_summary_data .pie_graph .info .left3even.on {color:#e74c3c;}
.fxgame_summary_data .pie_graph .info .right4even.on {color:#c0392b;}

.fxgame_summary_data .pie_graph .info .section1 .ic {background-color:#000000;}
.fxgame_summary_data .pie_graph .info .section2 .ic {background-color:#8c8c8c;}
.fxgame_summary_data .pie_graph .info .section3 .ic {background-color:#745ec5;}
.fxgame_summary_data .pie_graph .info .section4 .ic {background-color:#0000cc;}
.fxgame_summary_data .pie_graph .info .section5 .ic {background-color:#3498db;}
.fxgame_summary_data .pie_graph .info .section6 .ic {background-color:#27ae60;}
.fxgame_summary_data .pie_graph .info .section7 .ic {background-color:#ffff00;}
.fxgame_summary_data .pie_graph .info .section8 .ic {background-color:#ffa800;}
.fxgame_summary_data .pie_graph .info .section9 .ic {background-color:#e74c3c;}

.fxgame_summary_data.popup .bd {margin:auto; width:700px;}
.fxgame_summary_data.popup .bar_graph {width:200px; padding:30px 61px 0 61px; border-right:none;}
.fxgame_summary_data.popup .pie_graph {float:left; width:auto;}
.fxgame_summary_data.popup .pie_graph .graph {margin:25px 30px 0 10px;}
.fxgame_summary_data.popup .pie_graph .info {float:left; width:auto;}

.pattern_list .result_cell .under {background-color:#3498db; color:#fff;}
.pattern_list .result_cell .over {background-color:#e74c3c; color:#fff;}

/* 선택날짜 테이터 비교 팝업 */
.pop_data_view {min-width:1420px;}
.pop_data_view h1 {margin-bottom:5px; padding-left:20px; height:43px; line-height:43px; font-size:12px; background-color:#e74c3c; color:#fff;}
.pop_data_view .inner {text-align:center;}
.pop_data_view .left_column {display:inline-block; margin-right:1px; vertical-align:top;}
.pop_data_view .right_column {display:inline-block; margin-left:1px; vertical-align:top;}








#margin_bet_container {
    position : relative;
}


#margin_bet_container .margin_bet_header {
    position : relative;
    height : 50px;
    display: flex;
    justify-content:space-between;
    background: #3F4D8E;
    color : #fff;
    overflow: hidden;
}
#margin_bet_container .margin_bet_header > div {
    font-size: 12px;
    padding : 0px 30px;
    align-items: center;
}
#remain_timer , #next_timer{
    font-size : 36px;
    vertical-align: bottom;
    font-family: 'Swagger';
    margin-top : 5px;
}
#remain_timer > div {
    float: left;
    overflow: visible;
}
.screw_bg{
    position: absolute;
    width: 340px;
    height: 50px;
    right: -10px;
    top: 0px;
    background: rgba(0, 0, 0, 0.2);
    transform: skewX(-25deg);
}
.deal_btn {
    display: inline-block;
    width: 98px;
    height: 25px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: bold;
    padding: 3px 0px;
    cursor : pointer;
}
.deal_buy_side_btn {
    border: 1px solid #E74C3C;
    color : #E74C3C;
    transition : all ease 0.2s;
}
.deal_buy_side_btn:hover {
    border: 1px solid #E74C3C;
    background-color: #E74C3C;
    color : #fff;
}

.deal_buy_side_btn:active {
    border: 1px solid #E74C3C;
    color : #E74C3C;
    background-color: #fff;
}


.deal_sell_side_btn {
    transition : all ease 0.2s;
    border: 1px solid #3498DB;
    color : #3498DB;
}
.deal_sell_side_btn:hover {
    border: 1px solid #3498DB;
    background-color : #3498DB;
    color : #fff;
}
.deal_sell_side_btn:active {
    border: 1px solid #3498DB;
    color : #3498DB;
    background-color: #fff;
}
.max_btn {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: #E74C3C;
    color : white;
    font-size : 10px;
    line-height: 25px;
    cursor : pointer;
}

#margin_bet_container .bet_table {
    width : 100%;
    border: 1px solid #F2F2F2;
}
#margin_bet_container .bet_table > thead tr th{
    background: #ECEDF4;
    padding: 10px 0px;
    font-size: 13px;
}
#margin_bet_container .bet_table > tbody tr td {
    text-align: center;
    padding: 15px 0px;
    border-bottom: 1px solid #F2F2F2;
}
#margin_bet_container .bet_table > tfoot {
    background: #ECEDF4;
}
#margin_bet_container .bet_table > tfoot tr td{
    height: 50px;
}
.deal_buy_max {
    background-color: #E74C3C;
    border : 1px solid #E74C3C;
    transition : all ease 0.3s;
}
.deal_buy_max:hover {
    background-color: #fff;
    color : #E74C3C;
    
}
.deal_sell_max {
    border : 1px solid #3498DB;
    background-color: #3498DB;
    transition : all ease 0.3s;
}
.deal_sell_max:hover {
    background-color: #fff;
    color : #3498DB;
}

.my_exp_title{
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
}
.my_exp {
    color: #A8CA02;
    font-size: 18px;
    font-weight: bold;

}

.refill_btn {
    background: #FFFFFF;
    border: 1px solid #DCDCE3;
    height: 20px;
    font-size: 12px;
    padding: 1px 5px;
    cursor : pointer;
}

.buy_color {
    color: #E74C3C !important;
}
.sell_color {
    color: #3498DB !important;
}
.bold {
    font-weight: bold;
}

#buy_amount,#sell_amount {
    text-align: center;
    font-size: 18px;
}

.bet_calcurate {
    display: flex;
    justify-content:space-between;
    margin-bottom : 27px;
}
.betting_btns {
    display: flex;
    padding-top : 12px;
}

.betting_btn{
    width: 235px;
    height: 46px;
    border-radius: 3px;
    line-height: 46px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    cursor : pointer;
    margin : 0px 0px 7px 7px;
    
}
.bet_expect_contents {
    padding : 12px 0px 0px 31px;
    color: #7D7D7D;
    font-size: 12px;
}

#buy_submit_btn {
    color : #ffffff;
    background: #E74C3C;
}
#sell_submit_btn {
    color : #ffffff;
    background: #3498DB;
}
#init_submit_btn {
    color: #5E5F62;
    background: #fff;
    border: 1px solid #E9ECEE;

}
#max_submit_btn {
    border: 1px solid #E9ECEE;
    color: #A8CA02;
    background: #FFFFFF;
    border: 1px solid #A8CA02;
}
.bet_expect_contents .bold {
    font-size: 15px;
}
.current_pick_result_container {
    padding-bottom: 20px;
}
.current_pick_result_container > .current_pick_result_title {
    font-size: 16px;
    color: #3F4D8E;
    margin-bottom: 8px;
    padding-left: 28px;
    font-weight: bold;
    margin-top: 20px;
}
.current_pick_result_title > img {
    vertical-align: bottom;
}
.current_pick_history_table{
    width: 100%;
}
.current_pick_history_table thead tr th{
    border-top : 1px solid #D6D6D6;
    border-bottom : 1px solid #D6D6D6;
    height: 40px;
    background: #FCFCFC;
    color: #5E5F62;
    font-size: 13px;
}
.current_pick_history_table tbody tr td{
    height: 50px;
    border-bottom : 1px solid #F2F2F2;
    text-align: center;
    font-size: 13px;
    color : #555;
}
#my_pick_ready_list {
    font-size: 20px;
}
.header_timer_container {
    position: relative; display:flex; height: 50px; align-items: center;
}

.margin_popup {
    position : absolute;
    width : 100%;
    height: 100%;
    top : 0px;
    font-size: 28px;
    text-align: center;
    font-family: 'BMJUA';
    display: none;
    color : black;
}
.margin_popup > img{
    margin-top : 150px;
}
.check_popup{
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    color : white;
}

.bet_check_popup {
    background-color: rgba(127,127,127,0.8);
}

.pick_deadline_popup{
    background-color: rgba(255,255,255,0.9);
    border-bottom : 1px solid #ccc;
    z-index: 99;
}
.user_login_need_popup{
    position : absolute;
    text-align: center;
    width : 100%;
    height: 460px;
    backdrop-filter: blur(10px);
    background-color : rgba(255,255,255,0.6);
    padding-top : 150px;
    z-index: 999;
}
.user_login_need_popup .title {
    font-size : 28px;
    font-family: 'BMJUA';
    font-weight: bold;
    margin-top : 50px;
}

.check_caution{
    position : absolute;
    text-align: center;
    width : 100%;
    height: 460px;
    backdrop-filter: blur(10px);
    background-color : rgba(255,255,255,0.6);
    padding-top : 150px;
    z-index: 999;
}
.check_caution .title {
    font-size : 28px;
    font-family: 'BMJUA';
    font-weight: bold;
    margin-top : 50px;
}

.margin_popup .title {
    font-size: 40px;
    margin-top : 25px;
    margin-bottom : 20px;
}

figure, figcaption {
	display: block;
}

.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear;
}

.timeTo {
	font-size: 36px;
	line-height: 105%;
	height: 36px;
}

.timeTo span {
    vertical-align: top;
    float: left;
}

.timeTo.timeTo-white div {

}
.timeTo.timeTo-black div {

}

.timeTo.timeTo-black .timeTo-alert {

}

.timeTo.timeTo-white .timeTo-alert {
    
}

.timeTo figure {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.timeTo figcaption {
	text-align: center;
	/*font-size: 12px;*/
	line-height: 80%;
	font-weight: normal;
	color: #888;
}

.timeTo div {
	position: relative;
	display: inline-block;
	/* width: 25px;
	height: 30px; */
	
    overflow-y: hidden;
    overflow-x: visible;
}
.timeTo div.first {
	
}

.timeTo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.statistics_result {
    display: flex;
    width : 100%;
    justify-content: space-between;
}
.statistics_result > div {
}

.statistics_result_title{
    margin-top : 15px;
    font-size: 16px;
    color : #3F4D8E;
    font-weight: bold;
    margin-bottom : 8px;
    cursor : pointer;
}

#analysis_spread{
    display: none;
}