@font-face{
	src:url("/font/AppleSDGothicNeoM.ttf");
	font-family:"apple";
}

p,span,div,strong,h1,h2,h3,h4,h5,h6,td,th,dl,dt,dd{font-family:"apple";}

.row_bet{width:100%; margin:20px 0;}
.bet_main{width:100%;}

#bet_top{width:100%; background:rgb(19, 21, 28); padding:0 40px;}
#bet_top .bet_top_info{width:100%; display:flex; flex-wrap:wrap; padding:20px 0;}
#bet_top .bet_top_info .chart_top{display:flex; align-items:center;}
#bet_top .bet_top_info .chart_top .top_title{display:flex; flex-wrap:wrap; gap:15px; position:relative;}
#bet_top .bet_top_info .chart_top .top_title h2{font-size:20px; font-weight:700; color:#fff; margin:0;}
#bet_top .bet_top_info .chart_top .top_title .title_btn{border:0; outline:0; cursor:pointer; font-weight:500; font-size:14px; transition:all 0.3s ease-in-out 0s; border-radius:4px; background:rgba(81, 129, 255, 0.15); color:#fff; display:flex; align-items:center; justify-content:center; padding:5px 6px;}
#bet_top .bet_top_info .chart_top .top_title .char_menu{position:absolute; left:110%; top:0; z-index:100; display:none;}
#bet_top .bet_top_info .chart_top .top_title .char_menu.show{display:block;}
#bet_top .bet_top_info .chart_top .top_title .char_menu .char_menu_info{width:300px; padding:10px 15px; border-radius:7px; background:rgb(19, 21, 28); box-shadow:rgba(255, 255, 255, 0.1) 0px 0px 0.5625rem 0.1875rem;}
#bet_top .bet_top_info .chart_top .top_title .char_menu .char_menu_info table{width:100%;}
#bet_top .bet_top_info .chart_top .top_title .char_menu .char_menu_info table th{background:rgb(19, 21, 28); color:rgb(136, 140, 158); font-size:12px; font-weight:500; padding:10px 5px;}
#bet_top .bet_top_info .chart_top .top_title .char_menu .char_menu_info table td{background:rgb(19, 21, 28); color:#fff; font-size:12px; font-weight:500; padding:7px 5px;}
#bet_top .bet_top_info .chart_top .top_title .char_menu .char_menu_info table td a{color:#fff;}
#bet_top .bet_top_info .chart_top .top_title .char_menu .char_menu_info table .up .precent{color:rgb(9, 202, 137);}
#bet_top .bet_top_info .chart_top .top_title .char_menu .char_menu_info table .down .precent{color:rgb(255, 123, 123);}

#bet_top .bet_top_info .chart_top .first{font-size:20px; font-weight:700; color:#fff; padding:0 60px; line-height:1.2;}
#bet_top .bet_top_info .chart_infos{display:flex; gap:60px;}
#bet_top .bet_top_info .chart_infos .ty01{display:flex; flex-direction:column; gap:5px;}
#bet_top .bet_top_info .chart_infos .ty01.up span{color:rgb(9, 202, 137);}
#bet_top .bet_top_info .chart_infos .ty01.down span{color:rgb(255, 123, 123);}
#bet_top .bet_top_info .chart_infos .ty01 p{margin:0; color:rgb(136, 140, 158); font-size:14px; font-weight:500;}
#bet_top .bet_top_info .chart_infos .ty01 span{font-size:14px; font-weight:500; color:#fff;}
#bet_top .bet_top_info .chart_infos .ty02{display:flex; flex-direction:column; gap:5px;}
#bet_top .bet_top_info .chart_infos .ty02 p{margin:0; color:rgb(136, 140, 158); font-size:14px; font-weight:500;}
#bet_top .bet_top_info .chart_infos .ty02 span{font-size:14px; font-weight:500; color:#fff;}

#bet_bottom{width:100%; display:flex; flex-wrap:wrap; gap:10px; padding:20px 0;}
#bet_bottom .bet_chart_area{width:calc(60% - 5px);}
#bet_bottom .row_result_info{width:calc(40% - 5px); display:flex; gap:10px;}
#bet_bottom .row_result_info .result_trade{width:calc(50% - 5px);}
#bet_bottom .row_result_info .result_trade .result_trade_top{background:rgb(27, 29, 36); display:flex; flex-direction:row; gap:20px; padding:0 10px;}
#bet_bottom .row_result_info .result_trade .result_trade_top .result_view{display:inline-block; height:42px; font-size:14px; cursor:pointer; color:rgb(136, 140, 158); line-height:42px;}
#bet_bottom .row_result_info .result_trade .result_trade_top .result_view.on{font-weight:700; border-bottom:2px solid #fff; color:#fff;}
#bet_bottom .row_result_info .result_trade .result_div_ta{width:100%; background:rgb(19,21,28); height:550px; overflow-y:scroll;}
#bet_bottom .row_result_info .result_trade .result_div_ta table{width:100%;}
#bet_bottom .row_result_info .result_trade .result_div_ta table thead th{background:rgb(19,21,28); color:rgb(136, 140, 158); font-size:12px; font-weight:500; padding:10px 5px;}
#bet_bottom .row_result_info .result_trade .result_div_ta table tbody th{background:rgb(19,21,28); color:rgb(136, 140, 158); font-size:12px; font-weight:500; padding:7px 5px;}
#bet_bottom .row_result_info .result_trade .result_div_ta table tbody td{background:rgb(19,21,28); color:#fff; font-size:12px; font-weight:500; padding:7px 5px;}
#bet_bottom .row_result_info .bet_char_menu{width:calc(50% - 5px);}
#bet_bottom .row_result_info .bet_char_menu .bet_char_top{background:rgb(27, 29, 36); display:flex; flex-direction:row; gap:20px; padding:0 10px;}
#bet_bottom .row_result_info .bet_char_menu .bet_char_top .bet_char_top_view{display:inline-block; height:42px; font-size:14px; cursor:pointer; color:rgb(136, 140, 158); line-height:42px;}
#bet_bottom .row_result_info .bet_char_menu #Row_bet{width:100%; background:rgb(19,21,28); height:550px; overflow-y:hidden; padding:0 20px;}

#Row_bet .brows_top{width:100%; padding:10px 0;}
#Row_bet .brows_top .borws_content{width:100%; display:flex; justify-content:space-between;}
#Row_bet .brows_top .borws_content .borws_item{width:33%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
#Row_bet .brows_top .borws_content .borws_item p{margin:0; color:rgb(136, 140, 158); font-size:14px; font-weight:500;}
#Row_bet .brows_top .borws_content .borws_item span{font-size:14px; font-weight:500; color:#fff;}
#Row_bet .brows_top .borws_betmoney{width:100%; margin-top:10px; display:flex; flex-direction:column; gap:5px;}
#Row_bet .brows_top .borws_betmoney .borws_betmoney_ote{display:flex; justify-content:space-between; padding:10px 15px; background:rgb(8,9,13); border:1px solid rgb(27,29,36); border-radius:7px;}
#Row_bet .brows_top .borws_betmoney .borws_betmoney_ote p{margin:0; font-size:14px; font-weight:700; color:rgb(136, 140, 158);}
#Row_bet .brows_top .borws_betmoney .borws_betmoney_ote span{font-size:14px; font-weight:500; color:#fff;}
#Row_bet .brows_top .borws_betmoney .borws_betmoney_ote input{padding:3px 5px; text-align:right; font-size:14px; color:#fff; background:rgb(27,29,36); border:1px solid rgb(8,9,13);}

#Row_bet .borws_bot{width:100%; padding:0 0 10px;}
#Row_bet .borws_bot .brow_money_info{width:100%; display:flex; flex-wrap:wrap; gap:10px;}
#Row_bet .borws_bot .brow_money_info .brow_money_btn{width:calc(50% - 5px); background:rgb(19,21,28); border:1px solid rgb(8,9,13); color:#fff; text-align:center; padding:7px 0; font-size:14px;}
#Row_bet .borws_bot .brow_money_info .brow_money_btn span{font-size:12px; color:#666; display:block;}
#Row_bet .borws_bot .borws_mtxn{width:100%; display:flex; flex-wrap:wrap; gap:10px; margin-top:10px;}
#Row_bet .borws_bot .borws_mtxn button{width:calc(50% - 5px); background:rgb(19,21,28); border:1px solid rgb(8,9,13); color:#fff; text-align:center; padding:7px 0; font-size:14px;}
#Row_bet .borws_bot .borws_mtxn button.dark_order{background:rgb(8,9,13); border:1px solid rgb(27,29,36);}
#Row_bet .borws_bot .borws_mtxn button.all_max{background:rgb(27,29,36); border:1px solid rgb(8,9,13);}
#Row_bet .borws_bot .borws_bton{width:100%; display:flex; flex-wrap:wrap; gap:10px; margin-top:10px;}
#Row_bet .borws_bot .borws_bton button{width:calc(50% - 5px); background:rgb(19,21,28); border:1px solid rgb(8,9,13); color:#fff; text-align:center; padding:25px 0; font-size:14px;}
#Row_bet .borws_bot .borws_bton button.buy_order{background:#0dc489; border-color:#0dc489;}
#Row_bet .borws_bot .borws_bton button.sell_order{background:#d43f3a; border-color:#d43f3a;}
#chartFrame{display:none;}
#my_result2{display:none;}

.time_result{width:100%; margin-top:10px;}
.time_result .bet_char_sub{width:100%; background:rgb(27, 29, 36); padding:0 10px;}
.time_result .bet_char_sub h2{height:42px; padding:0; margin:0; font-size:14px; color:#fff; line-height:42px; text-align:center;}
.time_result .bet_char_sub_t{width:100%;}
.time_result .bet_char_sub_t table{width:100%;}
.time_result .bet_char_sub_t table th{background:rgb(19,21,28); color:rgb(136, 140, 158); font-size:12px; font-weight:500; padding:10px 5px; text-align:center;}
.time_result .bet_char_sub_t table td{background:rgb(19,21,28); color:#fff; font-size:12px; font-weight:500; padding:7px 5px; text-align:center;}

#trade_paper{
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    border: 2px solid #111;
    z-index: 101;
    background: #fff;
    color: #111;
}

#trade_paper .pop-container{
    width: 450px;
}

.pop-container .pop-head{    
    background: #222;
    padding: 10px;
    text-align: center;
    color: #FFF;
}

.pop-container .pop-body{
    padding: 10px;
}
.pop-body .title{
    font-size: 26px;
    text-align: center;
    padding: 3px 5px;
}
.pop-body .subtitle{
    font-size: 12px;
    display: block;
    color: #666;
    text-align: center;
    margin-bottom: 30px;
}
.pop-body .tr_date{
    display: block;
    text-align: center;
}
.pop-body .tr_money_txt{
    display: block;
    text-align: center;
}
.pop-body .tr_money{
    font-size: 30px;
    color: #CC0000;
    padding-left: 10px;
}
.pop-body .tbl_cont{
    margin: 20px 0;
    text-align: center;
    width: 100%;
}
.tbl_cont thead th{
    padding:10px;
}
.tbl_cont tbody td{
    text-align: right;
    padding-right: 20px;
}
.pop-body .tail{
    font-size: 12px;
    display: block;
    padding: 0 15px;
}

.pop-body .submit{
    display: inline-block;
    --float: right;
    padding: 10px 20px;
}
.pop-body .btn_trade{
    border: 1px solid #222;
    border-radius: 5px;
    padding: 7px 20px;
    background: #222;
    width: 170px;
    margin: 0 0 0 20px;
    color: #FFFFFF;
    font-weight: bold;
}

.pop-body .btn_trade_buy{
    border: 1px solid #0dc489;
    border-radius: 5px;
    padding: 7px 20px;
    background: #0dc489;
    width: 170px;
    margin: 0 20px 0 0;
    color: #FFFFFF;
    font-weight: bold;
}

.pop-body .btn_trade_sell{
    border: 1px solid #d43f3a;
    border-radius: 5px;
    padding: 7px 20px;
    background: #d43f3a;
    width: 170px;
    margin: 0 20px 0 0;
    color: #FFFFFF;
    font-weight: bold;
}

.pop-body .btn_trade_cancel{
    border: 1px solid #111;
    border-radius: 5px;
    padding: 7px 20px;
    background: #fff;
    width: 170px;
    margin: 0 0 0 20px;
    color: #111;
    font-weight: bold;   
}

.result_ul{
    background: #111;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    border-radius: 7px;
}

.result_tab{
    text-align: center;
    padding: 15px;
    display: inline;
    position: relative;
    float: left;
    width: 50%;
}

.result_tab.active{

    --border-top: 3px solid #d43f3a;
    --border-bottom: 3px solid #d43f3a;   
    BACKGROUND: #d43f3a;
    border-radius: 7px;
}

.aln-left { text-align: left !important;}
.aln-center { text-align: center !important;}
.aln-right { text-align: right !important;}


.liveTrade, .liveResult{
    background: #111;
    color: #eee;
    width: 400px;
    max-width: 100%;
    border: 0px;
    border-radius: .25rem;
}

.liveTrade div, .liveResult div{

    border: 0px;
    border-radius: .25rem;
}

.liveTrade{
  
}

.liveResult{
    
}

.colorset_long{ 
    background: #ff8080;
    color : #EEE; 
}
.colorset_short{ 
    background: #6699ff;
    color : #eee; 
}
#backpower{display:none;}
#bet_bottom .row_result_info .mb_result_top{display:none;}
@media (max-width: 768px) {
	#trade_paper{position:fixed; margin:0 auto; top:52px; left:0; width:90%; transform:none; right:0;}
	#trade_paper .pop-container{width:100%; margin:0 auto;}
	.pop-body .submit{display:flex; gap:10px;}
	.pop-body .submit button{width:calc(50% - 5px);}
	.pop-body .btn_trade_cancel{margin:0;}
	.pop-body .btn_trade_buy{margin:0;}

	#bet_top{padding:0 20px;}
	#bet_top .bet_top_info .chart_top{width:50%; flex-wrap:wrap;}
	#bet_top .bet_top_info .chart_top .top_title{gap:10px;}
	#bet_top .bet_top_info .chart_top .top_title h2{font-size:18px;}
	#bet_top .bet_top_info .chart_top .first{padding:0; font-size:24px;}
	#bet_top .bet_top_info .chart_top .top_title .title_btn{width:70%; margin-bottom:5px;}
	#bet_top .bet_top_info .chart_top .top_title .char_menu{position:fixed; left:0; bottom:0; right:0; top:auto; z-index:110;}
	#bet_top .bet_top_info .chart_top .top_title .char_menu .char_menu_info{width:100%;}

	#bet_top .bet_top_info .chart_infos{width:50%; flex-wrap:wrap; gap:5px;}
	#bet_top .bet_top_info .chart_infos .ty01{width:100%;}
	#bet_top .bet_top_info .chart_infos .ty02{width:calc(50% - 5px);}

	#bet_bottom .bet_chart_area{width:100%; height:320px;}
	#bet_bottom .row_result_info{width:100%; display:block;}
	#bet_bottom .row_result_info .mb_result_top{background:rgb(27, 29, 36); display:flex; flex-direction:row; gap:12px; padding:0 10px;}
	#bet_bottom .row_result_info .mb_result_top .mb_result_view{display:inline-block; height:42px; font-size:14px; cursor:pointer; color:rgb(136, 140, 158); line-height:42px;}
	#bet_bottom .row_result_info .mb_result_top .mb_result_view.on{font-weight:700; border-bottom:2px solid #fff; color:#fff;}
	#bet_bottom .row_result_info .result_trade .result_trade_top{display:none;}
	#bet_bottom .row_result_info .result_trade{width:100%;}
	#bet_bottom .row_result_info .result_trade .result_div_ta{display:none;}
	#bet_bottom .row_result_info .bet_char_menu{width:100%;}
	#bet_bottom .row_result_info .bet_char_menu .bet_char_top{display:none;}
	#backpower{z-index:55; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; right:0; bottom:0; display:none;}
}