.flex{display: flex;flex-direction: row;}
.jc-c{justify-content: center;}
.jc-sb{justify-content: space-between;}
.jc-e{justify-content: flex-end;}
.ai-c{align-items: center;}
.flex1{flex: 1;}
.fw-b{font-weight: bold;}
.none{display: none!important;}
body{
	background: #F3F3F3;
}
#content{
	width: 1020px;
	background: #fff;
	box-shadow: 0px 0px 40px 0px #ACACACCC;
	/* min-height: 100vh; */
	overflow: initial;
}
.c_box{
	width: 980px;
	margin: 0 auto;
	min-height: 70vh;
}
/* .o_box{
	background: #fff;
}
.o_box th{
	font-weight: normal;
	color: #666666;
	border: #ddd 1px solid;
    line-height: 27px;
    height: 27px;
} */
tr.box_b{
	background: #F8F8F8;
}
.o_box td{
	border: #ddd 1px solid;
    line-height: 37px;
    height: 37px;
}
.historyList{
	text-align: center;
	/* border-bottom: #ddd 1px solid;
	border-left: #ddd 1px solid; */
}
.history_header{
	background-color: #E6F5FF;	
	color: #666;
	font-size: 12px;
	border-left: #ddd 1px solid;
	position: sticky;
    top: 86px;
    z-index: 10;
	border-bottom: #ddd 1px solid;
}
.history_header div{
	border-top: #ddd 1px solid;
	border-right: #ddd 1px solid;
	height: 27px;
}
.history_header div:last-child{
	min-width: 104px;
}
.history_body{
	border-left: #ddd 1px solid;
}
.history_body .cell{
	height: 34px;
	padding: 3px 0;
	box-sizing: border-box;
	border-bottom: 1px #ddd solid;
	border-right: 1px #ddd solid;
}
.history_body .cell:last-child{
	min-width: 105px;
}
.even-row {
    background-color: #F8F8F8; /* 设置偶数行的背景颜色 */
}

.font_black{
	/* font-weight: 700; */
	font-weight: normal;
    color: #4B4B4B;
}

.font_red{
	/* font-weight: 700; */
	font-weight: normal;
    color: #FC4756;
}

.font_green{
	/* font-weight: 700; */
	font-weight: normal;
    color: #308E61;
}

.font_blue{
	/* font-weight: 700; */
	font-weight: normal;
    color: #3873FC;
}

.s_box_all{
	background: transparent;
	font-size: 12px;
	height: 38px;
    line-height: 38px;
	margin-top: 0;
	margin-right: 0;
	padding: 0;
	float: none;
}
.s_liter_img{
	background: none;
	position: relative;
	padding-left: 16px;
}
.s_liter_img::after{
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 16px;
	left: 2px;
}
.s_liter_img_en::after,.s_liter_img_vn::after,.s_liter_img_th::after{
	background: #308E61;
}
.s_liter_img_kr::after{
	background: #FC4756;
}
.s_dorp_img{
	background: none;
	position: relative;
	padding-left: 16px;
	margin-left: 12px;
}
.s_dorp_img::after{
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 16px;
	left: 2px;
}
.s_dorp_img_en::after,.s_dorp_img_vn::after,.s_dorp_img_th::after{
	background: #FC4756;
}
.s_dorp_img_kr::after{
	background: #3873FC;
}

.instantTable{
	width: 100%;
    border: 1px solid #C1C1C1;
    border-collapse: collapse;
    text-align: center;
    color: #4B4B4B;
    font-size: 12px;
    line-height: 26px;
}
.instantTable tbody{
	border: none;
}
.instantTable th {
    /* background-color: #FFF8F0; */
    border: 1px solid #ddd;
    text-align: center;
    line-height: 14px;
    height: 27px;
}
tr.t_box_tr1{
    color: #4B4B4B;
	background: #FFF1E3!important;
}
tr.t_box_tr2{
    color: #4B4B4B;
	background: #FFF8F0!important;
}
.instantTable td {
    border: 1px solid #ddd;
    height: 38px;
}
.cs_tableItem{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 14px;
    padding: 4px 0;
}
.cs_tableItem:last-child {
    border-right: none; /* 最后一个元素不显示右边框 */
}
.cs_tableItem_last{
    border-bottom: none;
}

.splitLine{
	border-right-color: #FFBF91!important;
}

.btnList div{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 8px;
    margin: 0 5px 24px 5px;
    cursor: pointer;
}
.btnList_vn div, .btnList_th div{
    background: #42C27E;
}
.btnList_en div{
    background: #E4312B;
}
.btnList_kr div{
    background: #3873FC    ;
}

.pointer{
    cursor: pointer;
}

.totalCompany{
    text-align: right;
    line-height: 34px;
}

.totalCompany span{
    color: red;
    font-weight: bold;
}

#js_playTypeList{
	display: flex;
	flex-direction: row;
	margin: 20px 0 16px;
}

#js_playTypeList li{
	border: 1px solid #ddd;
	line-height: 22px;
	margin-right: 8px;
	color: #666;
	font-size: 12px;
	padding: 0 8px;
	cursor: pointer;
}
#js_playTypeList li a{
	text-decoration: none;
	color: #666;
}
#js_playTypeList .item_vn.active{
	background: #42C27E;
	color: #fff!important;
	border: 1px solid #42C27E;
	font-weight: bold;
}
#js_playTypeList .item_th.active{
	background: #59D496;
	color: #fff;
	border: 1px solid #59D496;
	font-weight: bold;
}
#js_playTypeList .item_kr.active{
	background: #2F5098;
	color: #fff;
	border: 1px solid #2F5098;
	font-weight: bold;
}
#js_playTypeList .item_en.active{
	background: #E4312B;
	color: #fff;
	border: 1px solid #E4312B;
	font-weight: bold;
}
#js_playTypeList .item_vn.active a, 
#js_playTypeList .item_th.active a, 
#js_playTypeList .item_kr.active a, 
#js_playTypeList .item_en.active a{
	color: #fff;
}

.toTop{
	position: fixed;
	right: 20px;
    bottom: 20px;
	width: 46px;
    cursor: pointer;
}
.toTop img{
    width: 100%;
}

/* 格式下拉 */
.horseMatch{display:block; min-width:110px;border:1px solid #DDDDDD;padding:0 0 0 0;height:24px;position:relative;font-size: 12px;color: #000;margin-left: 8px;z-index: 9999; }
.horseMatch .hm_title{color:#000;font-size:11px;min-width:80px;white-space:nowrap;height:24px;line-height:24px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;position:relative;padding-right:20px;padding-left:12px;position:relative;z-index:10;}
.horseMatch::after{content:'';display:block;position:absolute;right:5px;top:10px;border-color:#000 transparent transparent transparent;border-style:solid solid dashed solid;border-width:6px 5px 0 5px;height:0px;width:0px;overflow:hidden;z-index:1;}
.horseMatch .hm_ul{display:none;position:absolute;right:0;top:100%;padding-top:10px;}
.horseMatch .hm_ulBox{min-width:120px;background-color:rgba(54, 54, 54, 0.95);border-radius:8px;padding:16px 12px 8px 12px;box-shadow:0px 0px 16px 0px rgba(0,0,0,0.3);}
.horseMatch .hm_ulBox::after{content:'';display:block;position:absolute;right:50px;top:2px;border-color:transparent transparent rgba(54, 54, 54, 0.95) transparent;border-style:solid solid dashed solid;border-width:0px 8px 8px 8px;height:0px;width:0px;overflow:hidden;}
.horseMatch .hm_ulBox a{display:block; color:#fff;font-size:12px;font-weight: bold;line-height: 28px; padding: 0 8px;border: 1px solid transparent; margin-bottom: 8px; margin: 0!important;}
.horseMatch .hm_ulBox a.on{font-weight: bold;border: 1px solid rgba(154, 154, 154, 1);} 
.horseMatch .hm_ul ul{padding:0;overflow-x:hidden;overflow: hidden;}
.horseMatch .hm_ul li{height:28px;}
.horseMatch .hm_ul li a{display:block;min-height:28px;color:#fff;font-size:12px;position:relative;padding:2px 15px 2px 22px;padding-left:22px;display:flex;align-items:center;justify-content:flex-start;line-height:14px;text-decoration:none !important;}
.horseMatch .hm_ul li a::after{content:'';display:block;position:absolute;left:8px;top:50%;width:6px;height:6px;background-color:#DDDDDD;transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-o-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);}
.horseMatch .hm_ul li a.matchON::after{background-color:#FC4756;}
.horseMatch .hm_ul li a.on,.horseMatch .hm_ul li a:hover{background-color:#F0FAF5;}
.top_menu{position: relative;z-index: 999;}

#mainMenu{display: contents;}
.horseMatch{
    display: inline-block!important;
}

.nodata{
    text-align: center;
    color: #999;
	background-color: transparent!important;
	border: none!important;
	margin: 20vh auto;
}
.nodata .nodataIicon{
    background: url('../images/nodata.png');
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    margin: 0 auto;
}