.hide {
	display: none;
}

.show {
	display: block;
}

.btn {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	background-color: #181818;
	color: #ccc;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index:2;
	background-color: #000;
	display: none;
}

.sel_bet {
	width: 1322px;
	margin: 0 auto;
	overflow: hidden;
}

.sel_bet li {
	position: relative;
	top: 10px;
	width: 33.3%;
	height: 60px;
	margin-left: -1px;
	line-height: 30px;
	float: left;
	text-align: center;
	color: #999;
	font-size: 14px;
	background: rgba(0, 0, 0, 0.8);
	border: 1px #404040 solid;
	border-bottom: none;
	cursor: pointer;
}

.sel_bet li:first-child {
	margin-left: 0px;
	width: 33.553%
}

.sel_bet li.on {
	top: 0px;
	padding-top: 10px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.sel_bet li:hover {
	top: 0px;
	padding-top: 10px;
	background: rgba(0, 0, 0, 0.8);
	color: #ccc;
}

.sel_bet li.on:hover {
	color: #fff;
}

.sel_bet li span {
	font-size: 12px;
	line-height: 8px;
	display: block;
}

.container_lobby {
	width: 1322px;
	margin: 10px auto;
	padding:30px 10px 30px 20px;
	background: rgba(0, 0, 0, 0.8);
	border: 1px #999 solid;
}

.container_game {
	position: relative;
	width: 1322px;
	margin: 0 auto;
	background: #000;
	border: 1px #404040 solid;
	overflow: hidden;
}

.roadmap_wrap_lobby {
	display:table-cell;
}

.roadmap_wrap_lobby .side {
	width: 240px;
	padding-right: 20px;
	background: url("../../img/hs/game/bg_lobby_side.png") center center;
	display:table-cell;
	vertical-align:top;
	overflow:hidden;
	float:left;
}

.roadmap_wrap_lobby .side .now_game {
	width:100%;
	height: 120px;
	padding:5%;
	text-align: center;
}
	.roadmap_wrap_lobby .side .now_game img {
		max-height: 100%;
		max-width:100%;
	}

.roadmap_wrap_lobby .side .sel_game {
	border-top: 1px #666 solid;
}

.roadmap_wrap_lobby .side .sel_game li {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px #666 solid;
	text-align: center;
	cursor: pointer;
}

.roadmap_wrap_lobby .side .sel_game li img {
	max-width: 120px;
	max-height: 35px;
	filter: grayscale(1);
    opacity: .7;
}

.roadmap_wrap_lobby .side .sel_game li:hover img {
	-webkit-filter: brightness(1);
	opacity: 1;
}

.cate_game {
	width: 1030px;
	height:40px;
	float:right;
}
	.cate_game div {
		height:40px;
		line-height:40px;
		text-align:center;
		color:#ccc;
		font-size:1.3rem;
		border:1px #333 solid;
		cursor:pointer;
	}
	.cate_game div:hover {
		color:#fff;
	}
	.cate_game div.on {
		height:40px;
		line-height:40px;
		color:#fff;
		font-size:1.5rem;
		font-weight:bold;
		border:1px #666 solid;
		border-bottom:none;
	}
	.cate_game div{ float: left; }
	.cate_game div:only-child { width: 100%; }
	.cate_game div:first-child:nth-last-child(2), .cate_game div:first-child:nth-last-child(2)+div { width: 50%; }
	.cate_game div:first-child:nth-last-child(3), .cate_game div:first-child:nth-last-child(3)~div { width: 33.33%; }
	.cate_game div:first-child:nth-last-child(4), .cate_game div:first-child:nth-last-child(4)~div { width: 25%; }

.roadmap_wrap_lobby .roadmap_list {
	width: 1045px;
	border-left: 1px #666 solid;
	padding-left: 15px;
	float:right;
}

.roadmap_wrap_lobby .game_list {
	width: 200px;
	text-align: right;
	float: left;
}

.roadmap_wrap_lobby .roadmap {
	position: relative;
	width:497px;
	padding-bottom:30px;
	margin:15px 15px 5px 0px;
	border-style:solid;
	border-image:linear-gradient(to bottom right, #654302 0%, #feffda 10%, #644202 20%, #c79e50 30%, #feffda 50%, #c79e50 70%, #694809 80%, #feffda 90%, #6f4d0c 100%);
	border-image-slice:1;
	border-width:1px;
	background: #000;
	cursor:pointer;
	display:inline-block;
}

.roadmap_wrap_lobby .roadmap .info {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding:0 10px;
	color: #fff;
	text-align: left;
}

.roadmap_wrap_lobby .roadmap .info .no {
	position:absolute;
	top:1px;
	right:10px;
	text-align: right;
	font-size: 0px;
}

.roadmap_wrap_lobby .roadmap .info .no li {
	position: relative;
	top: 5px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	margin: 0 1px;
}

.roadmap_wrap_lobby .roadmap .info .no li.p {
	background: #191cf7;
}
.roadmap_wrap_lobby .roadmap .info .no li.b {
	background: #e72c2c;
}
.roadmap_wrap_lobby .roadmap .info .no li.t {
	background: #0aa824;
}

.roadmap_wrap_lobby .roadmap .info .room, .roadmap_wrap_lobby .roadmap .info .game_status {
	position: relative;
	top:1px;
	font-size:.9rem;
	display:inline-block;
	height:20px;
	line-height:20px;
	text-align: center;
	border-radius: 3px;
	margin: 0 5px;
}

.roadmap_wrap_lobby .roadmap .info .room {
	font-size:1.1rem;
}
.roadmap_wrap_lobby .roadmap .info .game_status {
	padding:0 10px;
}

.roadmap_wrap_lobby .roadmap .info .game_status.during {
	background: #ff6a00;
}

.roadmap_wrap_lobby .roadmap .info .game_status.waiting {
	background: #666;
}

.roadmap_wrap_lobby .roadmap .timer_wrap {
	position:absolute;
	bottom:0;
	left:0;
	width:150px;
	height:30px;
	background:linear-gradient(#222, #555);
}
.roadmap_wrap_lobby .roadmap .timer_wrap .progress_bar {
	height: 100%;
	background-image: url("../../img/hs/game/time_bar.png");
	background-size: cover;
	display: block;
}

.roadmap_wrap_lobby .roadmap .timer_wrap .timer {
	position: absolute;
	z-index: 3;
	top:0;
	left: 10px;
	width: 13%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.roadmap_wrap_lobby .roadmap .bet_grade {
	position:absolute;
	bottom:0;
	left:150px;
	width:250px;
	height:30px;
	cursor:pointer;
	letter-spacing: 0px;
}

.roadmap_wrap_lobby .roadmap .bet_grade:hover {
	background: #111;
}

.roadmap_wrap_lobby .roadmap .bet_grade:hover .grade_list {
	display: block;
}

.roadmap_wrap_lobby .roadmap .bet_grade .grade {
	padding: 0 30px 0 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 31px;
	color: #fefe00;
	text-align: center;
	background-image: url("../../img/hs/game/icon_arrow3.png");
	background-repeat: no-repeat;
	background-position: 220px 13px;
}

.roadmap_wrap_lobby .roadmap .bet_grade .grade_list {
	position: absolute;
	z-index:11;
    top: 0%;
    transform: translate(0px, -50%);
	width: 100%;
	margin-left: -1px;
	color: #fefe00;
	position: absolute;
	display: none;
}

.roadmap_wrap_lobby .roadmap .bet_grade .grade_list li {
	width: 101%;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background: #000;
	border: 1px #666 solid;
}

.roadmap_wrap_lobby .roadmap .bet_grade .grade_list li:hover {
	border: 1px #999 solid;
	color: #fefe00;
	background: #333;
	font-weight: bold;
}

.roadmap_wrap_lobby .roadmap .enter_game {
	position:absolute;
	bottom:0;
	right:0;
	width:95px;
	height:30px;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	color: #000;
	border: 1px solid #999;
	text-shadow: 0px 1px 1px #FFF;
	text-decoration: none;
	border-radius: 1px;
	background: #ffcc66;
	background: -moz-linear-gradient(top, #ffcc66 0%, #ffe6b6 50%, #ffbc47 51%, #ffc75d
		100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66),
		to(#ffe6b6), color-stop(0.4, #ffe6b6), color-stop(0.5, #fff),
		color-stop(.5, #ffbc47), color-stop(0.9, #ffc75d));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66',
		endColorstr='#ffe6b6', GradientType=0);
}

	.road_mask {
		position:absolute;
		top:0px;
		left:0px;
		z-index:10;
		width:100%;
		height:100%;
		padding-top:120px;
		font-size:1.5rem;
		text-align:center;
		background:rgba(0,0,0,.9);
		overflow:hidden;
		display:none;
	}
	.road_mask:after {
		position: absolute;
		top:50px;
		left:0%;
		width:100%;
		height:70px;
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center center;
		content:"";
	}

	.container_lobby .letsgame .mask_bet {
		position:absolute;
		top:0px;
		left:0px;
		z-index:2;
		width:100%;
		height:calc(100% - 30px);
		padding:40px 0;
		text-align:center;
		background:rgba(0,0,0,.8);
		color:#fff;
		overflow:hidden;
		display:none;
	}
	.container_lobby .letsgame:hover .mask_bet {
		display:block;
	}
		.container_lobby .roadmap .mask_bet dt {
			text-align:left;
		}
		.container_lobby .roadmap .mask_bet dd {
			text-align:right;
		}
		.container_lobby .roadmap .mask_bet dt, .container_lobby .roadmap .mask_bet dd {
			width:40%;
			line-height:2;
			font-size:1.2rem;
			display:inline-block;
		}

.roadmap_wrap_lobby .roadmap .roadmap_wrap {
	position:relative;
	width:100%;
	background:#fff;
}
	.roadmap_wrap_lobby .roadmap .roadmap_wrap .bigroadWrap {
		position:absolute;
		z-index:1;
		width:100%;
		height:100%;
		overflow:auto;
	}
	.roadmap_wrap_lobby .roadmap .roadmap_wrap .bigroadWrap::-webkit-scrollbar {
		background-color:none;
		width:0px;
		height:0px;
	}
		.roadmap_wrap_lobby .roadmap .roadmap_wrap td {
			width:0;
			height:0;
			border:none;
		}
			.roadmap_wrap_lobby .roadmap .roadmap_wrap td span {
				text-align:center;
				font-size:1.2rem;
				font-weight:bold;
				color: #1c9500;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
				display:none;
			}
			.roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.a, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.b, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.c, 
			.roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.d, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.e, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.f, 
			.roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.g, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.h, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.i, 
			.roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.j, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.k, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.l,
			.roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.m, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.n, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.o,
			.roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.p, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.q, .roadmap_wrap_lobby .roadmap .roadmap_wrap table.bigroad td span.r {
				width:19px;
				height:19px;
				line-height:18px;
				display:block !important;
			}

	.roadmap_wrap_lobby .roadmap .roadmap_wrap .table_rayout {
		position:relative;
		overflow:hidden;
	}
		.roadmap_wrap_lobby .roadmap .roadmap_wrap .table_rayout table {
			position:sticky;
			z-index:0;
			top:0;
			left:0;
		}
			.roadmap_wrap_lobby .roadmap .roadmap_wrap .table_rayout table td {
				width:19px;
				height:19px;
				border:1px #ccc solid;
			}



.header_game {
	position: relative;
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: #333;
	color: #fff;
	overflow: hidden;
}

.header_game h2 {
	width: 50%;
	display: block;
	position: absolute;
	left: 10px;
}

.header_game .info {
	width: 803px;
	text-align: right;
	float: left;
	padding-right: 10px;
}

.header_game .info li {
	color: #ffb8218a;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
}

.header_game .info li span {
	padding: 0 20px 0 5px;
	font-size: 14px;
	color: #FFF;
	display: inline-block;
}

.header_game .btn_header {
	position: absolute;
	right: 0;
	width: 517px;
	float: left;
	background: #333;
}

.header_game .btn_header .btn {
    width: 128px;
    line-height: 32px;
    padding-left: 10px;
    text-align: left;
    margin-left: 1px;
    font-size: 1rem;
    opacity: .5;
    background: #000;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
}

.header_game .btn_header .btn:first-of-type {
	margin-left: 0px;
}

.header_game .btn_header .btn:last-of-type {
	width: 130px;
}

.header_game .btn_header .btn:hover {
	opacity: 1;
}

.header_game .btn_header .exit {
	background-image: url("../../img/hs/game/icon_exit.png");
	background-position: 105px 8px;
	background-size: 15%;
}

.header_game .btn_header .bet {
	background-image: url("../../img/hs/game/icon_chip.png");
	background-position: 105px 8px;
	background-size: 14%;
}

.header_game .btn_header .mute {
	background-image: url("../../img/hs/game/icon_sound.png");
	background-position: 105px 8px;
	background-size: 14%;
}

.header_game .btn_header .sound {
	background-image: url("../../img/hs/game/icon_sound_on.png");
	background-position: 105px 8px;
	background-size: 13%;
}

.header_game .btn_header .lobby {
	background-image: url("../../img/hs/game/icon_lobby.png");
	background-position: 105px 8px;
	background-size: 13%;
}

.video_wrap {
	position: relative;
	width: 802px;
	height: 465px;
	padding-bottom:34px;
	float: left;
	overflow: hidden;
}

.video_wrap object {
	width: 100%;
	margin-top: -10px;
}

.video_wrap object embed {
	position: relative;
	width: 100%;
	height: 109%;
}

.video_wrap #preloader {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
}

.video_wrap .timer {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	display: block;
	text-align: center;
	background-color: rgba(0, 0, 0, .5);
	padding: 10px;
	border-radius: 5px;
	border-bottom: 1px #333 solid;
	text-transform: uppercase;
}

.video_wrap .timer dt {
	height: 30px;
	line-height: 30px;
	font-family: Georgia;
	font-weight: 700;
	color: #fff;
	border-bottom: 1px #333 solid;
}

.video_wrap .timer dd {
	font-size: 60px;
	width: 120px;
	height: 80px;
	line-height: 70px;
	font-family: Georgia;
	font-weight: 700;
	color: #ffb821;
	text-align: center;
}

.video_wrap .menu {
	position: absolute;
	z-index: 10;
	bottom: 45px;
	right: 10px;
}
	.video_wrap .menu a  {
		width:25px;
		height:25px;
		margin:5px 0;
		background-position:center center;
		background-size:contain;
		background-repeat:no-repeat;
		cursor:pointer;
		display:block;
	}
	.video_wrap .menu .refresh {
		background-image: url("../../img/hs/game/icon_refresh.png");
	}
	.video_wrap .menu .zoomin {
		background-image: url("../../img/hs/game/icon_zoomin.png");
	}
	.video_wrap .menu .zoomout {
		background-image: url("../../img/hs/game/icon_zoomout.png");
	}
	.video_wrap .menu a:hover p  {
		display:block;
	}
	.video_wrap .menu a p  {
		position:absolute;
		right:0;
		margin:3px 30px 0 0;
		width:75px;
		height:20px;
		line-height:20px;
		font-size:.9rem;
		text-align:center;
		background:#fff;
		border-radius:3px;
		display:none;
	}
		.video_wrap .menu a p:after {
			top: 27%;
			left: 50%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-left-color: #fff;
			border-width: 5px;
			margin-left: 37px;
		}

.video_wrap iframe {
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
    height: 100%;
	border:none;
    overflow: hidden;
}
.video_wrap iframe.zoom0 {
	top: calc(0% - 0px);
	left:0%;
	width: 100%;
    height: calc(100% - 34px);
}
.video_wrap iframe.zoom1 {
	top: calc(-10% - 20px);
	left:-10%;
	width: 120%;
    height: 120%;
}
.video_wrap iframe.zoom2 {
	top: calc(-20% - 20px);
	left:-20%;
	width: 140%;
    height: 140%;
}
.video_wrap iframe.zoom3 {
	top: calc(-30% - 20px);
	left:-30%;
	width: 160%;
    height: 160%;
}
.video_wrap iframe.zoom4 {
	top: calc(-40% - 20px);
	left:-40%;
	width: 180%;
    height: 180%;
}
.video_wrap iframe.zoom5 {
	top: calc(-50% - 20px);
	left:-50%;
	width: 200%;
    height: 200%;
}

.bbin_live .video_wrap iframe.zoom1 {
	top: calc(-20% - 20px);
}
.bbin_live .video_wrap iframe.zoom2 {
	top: calc(-40% - 20px);
}
.bbin_live .video_wrap iframe.zoom3 {
	top: calc(-60% - 20px);
}
.bbin_live .video_wrap iframe.zoom4 {
	top: calc(-80% - 20px);
}
.bbin_live .video_wrap iframe.zoom5 {
	top: calc(-100% - 20px);
}



.video_wrap .notice {
	position: absolute;
	z-index: 2;
	width: 802px;
	height: 34px;
	bottom: 0px;
	display: block;
	background-color: #000;
	overflow: hidden;
}

.video_wrap .notice .header {
	width: 120px;
	float: left;
}

.video_wrap .notice .header .title {
	padding-left: 24px;
	line-height: 23px;
	color: #ffb821;
	font-size: 12px;
	font-weight: bold;
	background: url("../../img/hs/game/notice.gif") 6px 7px no-repeat;
}

.video_wrap .notice .header .time {
	width: 120px;
	line-height: 6px;
	text-align: center;
	color: #ccc;
	font-size: 11px;
}

.video_wrap .notice .content {
	width: calc(100% - 130px);
	font-size: 12px;
	line-height: 34px;
	color: #fff;
	float: left;
}

/*
 .choice_bet {
	position: absolute;
	z-index:2;
	top: 465px;
	left: 623px;
	width: 180px;
	height: 34px;
	background-color: #000;
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	overflow: hidden;
}

.choice_bet .icons {
	float: left;
	margin: 3px 5px 0 5px;
}
.dragon_tiger .choice_bet .icons {
	float: right;
}

.choice_bet .icons ul {
	font-size: 0;
	text-align: center;
}

.choice_bet .icons ul li {
	display: inline-block;
	width: 18px;
	height: 20px;
	padding: 0;
	margin: 0;
	margin-right: 0px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

.choice_bet .icons ul li.redBankerFullCircle {
	width: 20px;
	height: 20px;
	background-image: url(../../img/common/roadmap/icon_B.png);
}
.choice_bet .icons ul li.bluePlayerFullCircle {
	width: 20px;
	height: 20px;
	background-image: url(../../img/common/roadmap/icon_P.png);
}
.lang_ch .choice_bet .icons ul li.redBankerFullCircle {
	width: 20px;
	height: 20px;
	background-image: url(../../img/common/roadmap/icon_B_cn.png);
}
.lang_ch .choice_bet .icons ul li.bluePlayerFullCircle {
	width: 20px;
	height: 20px;
	background-image: url(../../img/common/roadmap/icon_P_cn.png);
}

.dragon_tiger .choice_bet .icons ul li.redBankerFullCircle {
	width: 20px;
	height: 20px;
	background-image: url(../../img/common/roadmap/icon_dr.png);
}
.dragon_tiger .choice_bet .icons ul li.bluePlayerFullCircle {
	width: 20px;
	height: 20px;
	background-image: url(../../img/common/roadmap/icon_tr.png);
}
.dragon_tiger .lang_ch .choice_bet .icons ul li.redBankerFullCircle {
	width: 20px;
	height: 20px;
	background-image: url(../../img/common/roadmap/icon_dr_cn.png);
}
.dragon_tiger .lang_ch .choice_bet .icons ul li.bluePlayerFullCircle {
	width: 20px;
	height: 20px;
	background-image: url(../../img/common/roadmap/icon_tr_cn.png);
}

.choice_bet .icons ul li.redLineCircle {
	background-image: url(../../img/common/roadmap/icon_m5.png);
}
.choice_bet .icons ul li.blueFullCircle {
	background-image: url(../../img/common/roadmap/icon_s3.png);
}
.choice_bet .icons ul li.redDiagLine {
	background-image: url(../../img/common/roadmap/icon_s6.png);
}
.choice_bet .icons ul li.blueLineCircle {
	background-image: url(../../img/common/roadmap/icon_m1.png);
}
.choice_bet .icons ul li.redFullCircle {
	background-image: url(../../img/common/roadmap/icon_s4.png);
}
.choice_bet .icons ul li.blueDiagLine {
	background-image: url(../../img/common/roadmap/icon_s5.png);
}
*/

.game_wrap {
	position: relative;
	width: 517px;
	height: 462px;
	background-image: url(../../img/hs/game/game_panel.png);
	background-size:cover;
	float: left;
}

.game_info {
	padding: 3px;
	overflow: hidden;
}

.game_info .game_info_left {
	width: 140px;
	margin-right: 1px;
	float: left;
}

.game_info .game_info_left>div {
	margin-right: 1px;
	border: 2px solid rgb(0, 0, 0);
	background-color: #181818;
	height: 60px;
	text-align: center;
	display: table;
	float: left;
}

.game_info .game_info_left .game_count {
	width: 73px;
}

.game_info .game_info_left .table_no {
	width: 65px;
}

.game_info .game_info_left dl {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-size: 11px;
}

.game_info .game_info_left dt {
	color: #ffffff;
	font-weight: 600;
}

.game_info .game_info_left dd {
	font-size: 18px;
	font-weight: 600;
	color: #01c179;
	line-height: 1;
	margin-top: 5px;
}

.game_info .game_info_left .table_no dd {
	color: #ff2d42;
}

.game_info .game_info_left .table_change {
	float: left;
	margin-top: 1px;
	margin-right: 1px;
	background: url(../../img/hs/game/icon_change.png) 6px 9px no-repeat
		#696464;
	padding-left: 14px;
	border: 2px solid rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 40px;
	display: table;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-size: 13px;
	line-height: 35px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	font-weight: 600;
	cursor: pointer;
}

.game_info .game_info_left .table_change:hover {
	background-color: #000;
}

.game_info .game_info_mid {
	width: 126px;
	margin-right: 3px;
	padding: 6px 10px 6px 5px;
	border: 2px solid rgb(0, 0, 0);
	background-color: #181818;
	color: #fff;
	height: 101px;
	display: table;
	float: left;
	font-size: 11px;
}

.game_info .game_info_mid dt, .game_info .game_info_mid dd {
	height: 17px;
	display: table-cell;
	float: left;
}

.game_info .game_info_mid dt {
	width: 90px;
	color: #999;
}

.game_info .game_info_right {
	width: 241px;
	padding: 6px 10px 6px 5px;
	border: 2px solid rgb(0, 0, 0);
	background-color: #181818;
	color: #fff;
	height: 101px;
	display: table;
	float: left;
	font-size: 11px;
}

.game_info .game_info_right dt, .game_info .game_info_right dd {
	width:150px;
	height: 17px;
	display: table-cell;
	float: left;
}

.game_info .game_info_right dt {
	width: 70px;
	color: #999;
}

.game_info dt span.dot {
	position: relative;
	top: 2px;
	background-color: #fff;
	border-radius: 50%;
	width: 11px;
	height: 11px;
	display: inline-block;
	border: 2px solid #000;
}

.game_info dt span.dot_banker {
	background-color: #c92e37;
}

.game_info dt span.dot_player {
	background-color: #2448d7;
}

.game_info dt span.dot_tie {
	background-color: #0cba5a;
}

.game_info dt span.dot_bankerP {
	background-color: #c92e37;
}

.game_info dt span.dot_playerP {
	background-color: #2448d7;
}

.game_info .game_info_mid dd {
	font-weight: bold;
}

.game_panel {
	position: relative;
	width:100%;
	height:190px;
}

.game_panel .game_line {
	text-align:center;
	display:none;
}
.game_panel .game_line img {
	width:100%;
}

.game_item_wrap {
	position: absolute;
	width:100%;
}

.game_item {
	cursor: pointer;
}

.game_item_wrap>div {
	position: absolute;
	background-image:url(../../img/hs/game/game_panel.png);
	background-position:center center;
	border:3px #71af91 solid;
}

.game_item dl {
	position: absolute;
	width: 100%;
	height:100%;
	text-transform: uppercase;
	padding:10px;
	text-align:center;
}
	.game_item dl dt {
		line-height:1;
		font-weight: 600;
		color: #fff;
	}
	.game_item dl dd {
		line-height:.3;
		font-size: 1.2rem;
		font-weight: 600;
		color: #ffff00;
	}
	.game_item dl p {
		line-height:2.2;
		color:#fff;
		font-weight:bold;
		opacity:.7;
	}

.game_item_wrap .item_1 dt, .game_item_wrap .item_3 dt {
	font-size:1.6rem;
}
.game_item_wrap .item_2 dt, .game_item_wrap .item_4 dt, .game_item_wrap .item_5 dt {
	font-size:2.8rem;
}
.game_item_wrap .item_1 dt, .game_item_wrap .item_1 dd, .game_item_wrap .item_1 p {
	text-align:left;
}
.game_item_wrap .item_3 dt, .game_item_wrap .item_3 dd, .game_item_wrap .item_3 p {
	text-align:right;
}
.game_item_wrap .item_4 dt, .game_item_wrap .item_4 dd, .game_item_wrap .item_4 p {
	width:60%;
}
.game_item_wrap .item_5 dt, .game_item_wrap .item_5 dd, .game_item_wrap .item_5 p {
	width:60%;
	float:right;
}
.game_item_wrap .item_2 dl, .game_item_wrap .item_4 dl, .game_item_wrap .item_5 dl {
	padding-top:25px;
}
.dragon_tiger .game_item_wrap .item_4 dl, .dragon_tiger .game_item_wrap .item_5 dl {
	padding-top:60px;
}
.dragon_tiger .game_item_wrap .item_4 dl:before {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../../img/hs/game/img_dr.png") 10px center no-repeat;
	background-size:40%;
	content:"";
}
.dragon_tiger .game_item_wrap .item_5 dl:before {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../../img/hs/game/img_tr.png") 160px center no-repeat;
	background-size:32%;
	content:"";
}


.game_item_wrap .item_1 {
	width: 160px;
	height: 76px;
	top: 0px;
	left: 4px;
}
	.game_item_wrap .item_1:hover, .game_item_wrap .item_1.on {
		background:rgba(0,60,255,.5);
	}

.game_item_wrap .item_2 {
	width: 195px;
	height: 106px;
	top: 0px;
	left:161px;
	z-index:2;
	border-radius:0 0px 20px 20px;
}
	.game_item_wrap .item_2:hover, .game_item_wrap .item_2.on {
		background:rgba(70,120,30,1);
	}

.game_item_wrap .item_3 {
	width: 160px;
	height: 76px;
	top: 0px;
	right: 4px;
}
	.game_item_wrap .item_3:hover, .game_item_wrap .item_3.on {
		background:rgba(184,23,23,.6);
	}

.game_item_wrap .item_4 {
	width: 256px;
	height: 110px;
	top: 73px;
	left: 4px;
	border-radius:0 0 0 40px;
}
	.game_item_wrap .item_4:hover, .game_item_wrap .item_4.on {
		background:rgba(0,60,255,.5);
	}

.game_item_wrap .item_5 {
	width: 256px;
	height: 110px;
	top: 73px;
	right: 4px;
	border-radius:0 0 40px 0;
}
	.game_item_wrap .item_5:hover, .game_item_wrap .item_5.on {
		background:rgba(184,23,23,.6);
	}

.dragon_tiger .game_item_wrap .item_1 {
	display:none;
}
.dragon_tiger .game_item_wrap .item_3 {
	display:none;
}
.dragon_tiger .game_item_wrap .item_2 {
	width: 155px;
	height: 150px;
	left:181px;
}
.dragon_tiger .game_item_wrap .item_4 {
	width: 256px;
	height: 183px;
	top: 0px;
}
.dragon_tiger .game_item_wrap .item_4:hover, .dragon_tiger .game_item_wrap .item_4.on {
	background:rgba(184,23,23,.6);
}
.dragon_tiger .game_item_wrap .item_5 {
	width: 256px;
	height: 183px;
	top: 0px;
}
.dragon_tiger .game_item_wrap .item_5:hover, .dragon_tiger .game_item_wrap .item_5.on {
	background:rgba(0,60,255,.5);
}

.game_coin {
	position: relative;
	top: 3px;
	margin: 0 4px;
	border-radius: 5px;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.game_coin ul {
	padding-top: 3px;
	overflow: hidden;
}

.game_coin li {
	position:relative;
	z-index:1;
	width: 63px;
	height: 63px;
	margin: 3px 1px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	background-size: 90%;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: .5;
}

.game_coin li:hover {
	background-size: 100%;
	opacity: 1;
}

.game_coin li.on {
	background-size: 100%;
	opacity: 1;
}

.game_coin li.on:after {
	content: " ";
	height: 60px;
	width: 60px;
	position: absolute;
	z-index:0;
	top:0px;
	left:0px;
	border: 2px #ffff00 solid;
	border-radius: 30px;
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}

.game_coin .notice {
	position: absolute;
	z-index:3;
	top: -193px;
	left: -1px;
	width: calc(100% + 2px);
	height: 268px;
	padding-top:100px;
	text-align: center;
	color: #ffff00;
	font-size: 24px;
	background: rgba(0, 0, 0, .6);
	text-shadow: 1px 1px 1px #000;
}

.game_btns {
	font-size: 0;
	padding: 5px 3px;
	position: absolute;
}

.game_btns button {
	height: 50px;
	margin: 0 1px 0 0;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	display: inline-block;
	background-color: #181818;
	color: #fff;
	padding: 10px;
	border: none;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.game_btns button:hover {
	opacity: 1;
}

.game_btns .betting button {
	width: 180px;
}
.game_btns .betting button:nth-child(-n+2) {
	width: 329px;
}

.game_btns .betting button.submit {
	background-color: #c72e3b;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.game_btns .betting button.reset {
	width: 180px;
}

.game_btns .apply button {
	width: 511px;
}

.game_btns .waiting button {
	width: 511px;
}

.game_stats {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0px 3px;
}

.game_stats ul {
	border: 1px solid #fff;
	overflow: hidden;
	font-size: 0;
	color: #fff;
}

.game_stats ul li {
	display: inline-block;
	width: 29%;
	padding: 6px 5px;
	border-right: 1px solid #fff;
	height:30px;
}
.game_stats ul li:first-child {
	width: 41%;
}

.game_stats ul li:last-child {
	border-right: none;
}

.game_stats ul li span {
	line-height:20px;
	font-size: 12px;
}

.game_stats ul li strong {
	line-height:20px;
	font-size: 14px;
	float: right;
	text-align: right;
	color: #ffff00;
}

.container_game .roadmapInMain {
	position:relative;
	z-index:1;
	width:100%;
	height:205px;
	background:rgba(0,0,0,.2);
	float:left;
	display:block;
	overflow:hidden;
}
api .container_game .roadmapInMain {
	width:calc(100% - 109px);
}
.container_game .roadmapInMain * {
	-moz-transition: all 0s ease-in-out;
	-webkit-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

	.container_game .roadmapInMain .roadmapLayout {
		position:relative;
		width:100%;
		height:100%;
	}
		.container_game .roadmapInMain .roadmapLayout table {
			position:absolute;
			top:0;
			left:0;
			z-index:0;
		}
		.container_game .roadmapInMain .roadmapLayout table.roadmapLayout-bigroad {
			left:408px;
		}
		.container_game .roadmapInMain .roadmapLayout table.roadmapLayout-bigroad:after {
			position:absolute;
			top:0;
			left:-1px;
			z-index:1;
			width:1px;
			height:100%;
			background:#333;
			content:"";
		}
			.container_game .roadmapInMain .roadmapLayout table td {
				border:1px #ccc solid;
				background:#fff;
				transition:none;
			}
			.container_game .roadmapInMain .roadmapLayout table.roadmapLayout-bead td {
				width:34px;
				height:34px;
			}
			.container_game .roadmapInMain .roadmapLayout table.roadmapLayout-bigroad td {
				width:16px;
				height:17px;
			}
			.container_game .roadmapInMain .roadmapLayout table.roadmapLayout-bigroad tr:nth-child(6) td, .container_game .roadmapInMain .roadmapLayout table.roadmapLayout-bigroad tr:nth-child(9) td {
				border-bottom:1px #333 solid;
			}
			.container_game .roadmapInMain .roadmapLayout table.roadmapLayout-bigroad tr:nth-child(n+10) td:nth-child(22) {
				border-right:1px #333 solid;
			}

	.container_game .roadmapInMain .roadmapScroll {
		position:absolute;
		z-index:2;
		top:0;
		left:0;
		overflow:hidden;
	}
	.container_game .roadmapInMain .roadmapScroll.beadWrap {
		top:0;
		left:0;
		width:407px;
		height:205px;
	}
	.container_game .roadmapInMain .roadmapScroll.bigroadWrap {
		top:0;
		left:408px;
		width:681px;
		height:102px;
	}
	.container_game .roadmapInMain .roadmapScroll.bigeyeWrap {
		top:103px;
		left:407px;
		width:681px;
		height:51px;
	}
	.container_game .roadmapInMain .roadmapScroll.smallWrap, .container_game .roadmapInMain .roadmapScroll.cockWrap {
		top:153px;
		left:407px;
		width:339px;
		height:51px;
	}
	.container_game .roadmapInMain .roadmapScroll.cockWrap {
		left:760px;
	}
		.container_game .roadmapInMain .roadmapScroll table {
			position:relative;
		}
		.container_game .roadmapInMain .roadmapScroll table td {
			position:static;
			width:0;
			height:0;
			border:none;
		}
		.container_game .roadmapInMain .roadmapScroll td span {
			text-align:center;
			font-size:1rem;
			font-weight:bold;
			color: #1c9500;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
			display:none;
		}
		.roadmapInMain .roadmapScroll table.bead td span.a, .roadmapInMain .roadmapScroll table.bead td span.b, .roadmapInMain .roadmapScroll table.bead td span.c, 
		.roadmapInMain .roadmapScroll table.bead td span.d, .roadmapInMain .roadmapScroll table.bead td span.e, .roadmapInMain .roadmapScroll table.bead td span.f, 
		.roadmapInMain .roadmapScroll table.bead td span.g, .roadmapInMain .roadmapScroll table.bead td span.h, .roadmapInMain .roadmapScroll table.bead td span.i, 
		.roadmapInMain .roadmapScroll table.bead td span.j, .roadmapInMain .roadmapScroll table.bead td span.k, .roadmapInMain .roadmapScroll table.bead td span.l,
		.roadmapInMain .roadmapScroll table.bead td span.m, .roadmapInMain .roadmapScroll table.bead td span.n, .roadmapInMain .roadmapScroll table.bead td span.o,
		.roadmapInMain .roadmapScroll table.bead td span.p, .roadmapInMain .roadmapScroll table.bead td span.q, .roadmapInMain .roadmapScroll table.bead td span.r {
			width:34px;
			height:34px;
			display:block !important;
		}
		.roadmapInMain .roadmapScroll table.bigroad td span.a, .roadmapInMain .roadmapScroll table.bigroad td span.b, .roadmapInMain .roadmapScroll table.bigroad td span.c, 
		.roadmapInMain .roadmapScroll table.bigroad td span.d, .roadmapInMain .roadmapScroll table.bigroad td span.e, .roadmapInMain .roadmapScroll table.bigroad td span.f, 
		.roadmapInMain .roadmapScroll table.bigroad td span.g, .roadmapInMain .roadmapScroll table.bigroad td span.h, .roadmapInMain .roadmapScroll table.bigroad td span.i, 
		.roadmapInMain .roadmapScroll table.bigroad td span.j, .roadmapInMain .roadmapScroll table.bigroad td span.k, .roadmapInMain .roadmapScroll table.bigroad td span.l,
		.roadmapInMain .roadmapScroll table.bigroad td span.m, .roadmapInMain .roadmapScroll table.bigroad td span.n, .roadmapInMain .roadmapScroll table.bigroad td span.o,
		.roadmapInMain .roadmapScroll table.bigroad td span.p, .roadmapInMain .roadmapScroll table.bigroad td span.q, .roadmapInMain .roadmapScroll table.bigroad td span.r {
			width:16px;
			height:17px;
			line-height:16px;
			display:block !important;
		}
		.roadmapInMain .roadmapScroll table.bigeye td span.a, .roadmapInMain .roadmapScroll table.bigeye td span.b, .roadmapInMain .roadmapScroll table.bigeye td span.c, 
		.roadmapInMain .roadmapScroll table.bigeye td span.d, .roadmapInMain .roadmapScroll table.bigeye td span.e, .roadmapInMain .roadmapScroll table.bigeye td span.f, 
		.roadmapInMain .roadmapScroll table.bigeye td span.g, .roadmapInMain .roadmapScroll table.bigeye td span.h, .roadmapInMain .roadmapScroll table.bigeye td span.i, 
		.roadmapInMain .roadmapScroll table.bigeye td span.j, .roadmapInMain .roadmapScroll table.bigeye td span.k, .roadmapInMain .roadmapScroll table.bigeye td span.l,
		.roadmapInMain .roadmapScroll table.bigeye td span.m, .roadmapInMain .roadmapScroll table.bigeye td span.n, .roadmapInMain .roadmapScroll table.bigeye td span.o,
		.roadmapInMain .roadmapScroll table.bigeye td span.p, .roadmapInMain .roadmapScroll table.bigeye td span.q, .roadmapInMain .roadmapScroll table.bigeye td span.r,
		.roadmapInMain .roadmapScroll table.small td span.a, .roadmapInMain .roadmapScroll table.small td span.b, .roadmapInMain .roadmapScroll table.small td span.c, 
		.roadmapInMain .roadmapScroll table.small td span.d, .roadmapInMain .roadmapScroll table.small td span.e, .roadmapInMain .roadmapScroll table.small td span.f, 
		.roadmapInMain .roadmapScroll table.small td span.g, .roadmapInMain .roadmapScroll table.small td span.h, .roadmapInMain .roadmapScroll table.small td span.i, 
		.roadmapInMain .roadmapScroll table.small td span.j, .roadmapInMain .roadmapScroll table.small td span.k, .roadmapInMain .roadmapScroll table.small td span.l,
		.roadmapInMain .roadmapScroll table.small td span.m, .roadmapInMain .roadmapScroll table.small td span.n, .roadmapInMain .roadmapScroll table.small td span.o,
		.roadmapInMain .roadmapScroll table.small td span.p, .roadmapInMain .roadmapScroll table.small td span.q, .roadmapInMain .roadmapScroll table.small td span.r,
		.roadmapInMain .roadmapScroll table.cock td span.a, .roadmapInMain .roadmapScroll table.cock td span.b, .roadmapInMain .roadmapScroll table.cock td span.c, 
		.roadmapInMain .roadmapScroll table.cock td span.d, .roadmapInMain .roadmapScroll table.cock td span.e, .roadmapInMain .roadmapScroll table.cock td span.f, 
		.roadmapInMain .roadmapScroll table.cock td span.g, .roadmapInMain .roadmapScroll table.cock td span.h, .roadmapInMain .roadmapScroll table.cock td span.i, 
		.roadmapInMain .roadmapScroll table.cock td span.j, .roadmapInMain .roadmapScroll table.cock td span.k, .roadmapInMain .roadmapScroll table.cock td span.l,
		.roadmapInMain .roadmapScroll table.cock td span.m, .roadmapInMain .roadmapScroll table.cock td span.n, .roadmapInMain .roadmapScroll table.cock td span.o,
		.roadmapInMain .roadmapScroll table.cock td span.p, .roadmapInMain .roadmapScroll table.cock td span.q, .roadmapInMain .roadmapScroll table.cock td span.r {
			width:8px;
			height:8.5px;
			display:block !important;
		}


.container_game .game_result {
	position: absolute;
	z-index: 2;
	bottom: 0px;
	width: calc(100% - 225px);
	height: 205px;
	background: rgba(0, 0, 0, .8);
	display:none;
}

.container_game .game_result ul {
	position: relative;
	margin-top: 50px;
	padding: 0 20px;
	width: 50%;
	height: 153px;
	float: left;
}

.container_game .game_result ul.player_result {
	border-right: 1px #999 solid;
}

.container_game .game_result ul li {
	width: 110px;
	height: 153px;
	float: right;
	margin: 0 5px;
}

.container_game .game_result ul.banker_result li {
	float: left;
}

.container_game .game_result ul li:last-child {
	margin: 22px 28px;
	transform: rotate(90deg);
}

.container_game .game_result ul li img {
	width: 100%;
}

.container_game .game_result ul h2 {
	position: absolute;
	top: -42px;
	width:320px;
	height:40px;
	line-height:40px;
	padding:0 10px;
	border-radius:20px;
	color:#fff;
	font-size: 30px;
	font-weight: normal;
}
.container_game .game_result ul.player_result h2 {
	right: 26px;
	background: #0080ff;
	text-align:right;
}
.container_game .game_result ul.banker_result h2 {
	left: 26px;
	background: #ff2d42;
}
.dragon_tiger .container_game .game_result ul.player_result h2 {
	background: #ff2d42;
	text-align:center;
}
.dragon_tiger .container_game .game_result ul.banker_result h2 {
	background: #0080ff;
	text-align:center;
}
	.container_game .game_result ul h2 span {
		width:40px;
		height:30px;
		line-height:30px;
		font-size:2.5rem;
		font-weight:bold;
		text-align:center;
		color:#fff;
		background: #000;
		border-radius:15px;
		display:inline-block;
	}


.container_game .game_result>h3 {
	position: absolute;
	z-index: 3;
	top: 45px;
	width: 425px;
	height: 160px;
	line-height: 165px;
	font-size: 45px;
	text-align: center;
	color: #fff;
	text-shadow: 3px 1px #000;
	display: none;
}

.container_game .game_result>h3.win {
	display: block;
}

.container_game h3.player {
	left: 115px;
	border: 2px #0080ff solid;
	background: rgba(0, 128, 255, .3);
}

.container_game h3.banker {
	right: 115px;
	border: 2px #ff2d42 solid;
	background: rgba(255, 45, 66, .3);
}
.dragon_tiger .container_game h3.player {
	border: 2px #ff2d42 solid;
	background: rgba(255, 45, 66, .3);
}

.dragon_tiger .container_game h3.banker {
	border: 2px #0080ff solid;
	background: rgba(0, 128, 255, .3);
}

.container_game h3.tie {
	left: 50%;
	margin-left: -430px;
	width: 860px;
	border: 2px #01c179 solid;
	background: rgba(1, 193, 121, .3);
}

.change_table_pop {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../../img/hs/game/tableCH_bg.jpg");
	background-size: cover;
	z-index: 5;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	overflow:hidden;
	padding-bottom: 20px;
	display: none;
}

.change_table_pop .title {
	width:100%;
	height:40px;
	background:#000;
}

.change_table_pop .title .close {
	position: absolute;
	top:10px;
	right:20px;
	width:20px;
	cursor: pointer;
}
.change_table_pop .title h1 {
	font-size:1.5rem;
	line-height:40px;
	font-weight:normal;
}
	.change_table_pop .roadmap_list {
		width:100%;
		height:calc(100% - 40px);
		overflow-y:auto;
	}
	.change_table_pop .roadmap_list::-webkit-scrollbar {
		width:2px;
	}

.change_table_pop .roadmap_list .roadmap {
	position: relative;
	width:423px;
	margin:15px auto;
	border-style:solid;
	border-image:linear-gradient(to bottom right, #654302 0%, #feffda 10%, #644202 20%, #c79e50 30%, #feffda 50%, #c79e50 70%, #694809 80%, #feffda 90%, #6f4d0c 100%);
	border-image-slice:1;
	border-width:1px;
	background: #000;
	cursor:pointer;
}

.change_table_pop .roadmap_list .roadmap .info {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding:0 10px;
	color: #fff;
	text-align: left;
}

.change_table_pop .roadmap_list .roadmap  .info .no {
	position:absolute;
	top:1px;
	right:10px;
	text-align: right;
	font-size: 0px;
}

.change_table_pop .roadmap_list .roadmap  .info .no li {
	position: relative;
	top: 5px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	margin: 0 1px;
}

.change_table_pop .roadmap_list .roadmap .info .no li.p {
	background: #191cf7;
}
.change_table_pop .roadmap_list .roadmap .info .no li.b {
	background: #e72c2c;
}
.change_table_pop .roadmap_list .roadmap .info .no li.t {
	background: #0aa824;
}

.change_table_pop .roadmap_list .roadmap  .info .room, .change_table_pop .roadmap_list .roadmap  .info .game_status {
	position: relative;
	top:1px;
	font-size:.9rem;
	display:inline-block;
	height:20px;
	line-height:20px;
	text-align: center;
	border-radius: 3px;
	margin: 0 5px;
}

.change_table_pop .roadmap_list .roadmap .info .room {
	font-size:1.1rem;
}
.change_table_pop .roadmap_list .roadmap .info .game_status {
	padding:0 10px;
}

.change_table_pop .roadmap_list .roadmap  .info .game_status.during {
	background: #ff6a00;
}

.change_table_pop .roadmap_list .roadmap  .info .game_status.waiting {
	background: #666;
}

.change_table_pop .roadmap_list .roadmap .timer_wrap {
	position:absolute;
	top:6px;
	right:80px;
	width:100px;
	height:20px;
	border-radius:3px;
	background:linear-gradient(#222, #555);
	overflow:hidden;
}
.change_table_pop .roadmap_list .roadmap .timer_wrap .progress_bar {
	height:100%;
	background-image: url("../../img/hs/game/time_bar.png");
	background-size: cover;
	display: block;
}
.change_table_pop .roadmap_list .roadmap .timer_wrap .progress_bar_wrap {
	display: none;
}

.change_table_pop .roadmap_list .roadmap .timer_wrap .timer {
	position: absolute;
	z-index: 3;
	top:1px;
	left:5px;
	width: 13%;
	font-size:1rem;
	font-weight: bold;
	color: #fff;
}

.change_table_pop .roadmap_list .roadmap .roadmap {
	position: relative;
	width:497px;
	padding-bottom:30px;
	margin:15px 15px 5px 0px;
	border-style:solid;
	border-image:linear-gradient(to bottom right, #654302 0%, #feffda 10%, #644202 20%, #c79e50 30%, #feffda 50%, #c79e50 70%, #694809 80%, #feffda 90%, #6f4d0c 100%);
	border-image-slice:1;
	border-width:1px;
	background: #000;
	cursor:pointer;
	display:inline-block;
}
	.change_table_pop .road_mask {
		padding-top:75px;
		font-size:1.2rem;
	}
	.change_table_pop .road_mask:after {
		top:25px;
		height:45px;
	}

.change_table_pop .roadmap_list .roadmap .roadmap_wrap {
	position:relative;
	width:100%;
	background:#fff;
}
	.change_table_pop .roadmap_list .roadmap .roadmap_wrap .bigroadWrap {
		position:absolute;
		z-index:1;
		width:100%;
		height:100%;
		overflow:auto;
	}
	.change_table_pop .roadmap_list .roadmap .roadmap_wrap .bigroadWrap::-webkit-scrollbar {
		background-color:none;
		width:0px;
		height:0px;
	}
		.change_table_pop .roadmap_list .roadmap .roadmap_wrap td {
			width:0;
			height:0;
			border:none;
		}
			.change_table_pop .roadmap_list .roadmap .roadmap_wrap td span {
				text-align:center;
				font-size:1.2rem;
				font-weight:bold;
				color: #1c9500;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
				display:none;
			}
			.change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.a, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.b, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.c, 
			.change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.d, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.e, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.f, 
			.change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.g, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.h, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.i, 
			.change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.j, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.k, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.l,
			.change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.m, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.n, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.o,
			.change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.p, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.q, .change_table_pop .roadmap_list .roadmap .roadmap_wrap table.bigroad td span.r {
				width:14px;
				height:14px;
				line-height:12px;
				display:block !important;
			}

	.change_table_pop .roadmap_list .roadmap .roadmap_wrap .table_rayout {
		position:relative;
		overflow:hidden;
	}
		.change_table_pop .roadmap_list .roadmap .roadmap_wrap .table_rayout table {
			position:sticky;
			z-index:0;
			top:0;
			left:0;
		}
			.change_table_pop .roadmap_list .roadmap .roadmap_wrap .table_rayout table td {
				width:14px;
				height:14px;
				border:1px #ccc solid;
			}

.bet_history h1 {
    font-size:2rem;
}
.bet_history table th, .bet_history table td {
	font-size:.9rem;
}
.bet_history table tr:hover {
	cursor: url("../../img/euro/game/ic_pointer.png"), auto;
	background:#000;
}

.pop_alert {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.pop_alert .container {
	position: relative;
	width: 400px;
	min-height: 100px;
	left: 50%;
	top: 30%;
	margin-left: -200px;
	padding: 20px;
	background: #fff;
	border: 2px #efbf2d solid;
	border-radius: 10px;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.pop_alert .container h2 {
	padding: 0 10px;
	border-bottom: 1px #333 solid;
	display: inline-block;
}

.pop_alert .container .close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -2px;
	top: -2px;
	background: #efbf2d;
	border-radius: 50%;
	color: #292929;
	font-weight: bold;
}

.pop_alert .container>div {
	margin: 15px 0;
}

.api .side {
	position:relative;
	left:-20px;
	width: 266px;
	height:100%;
	margin-left: -20px;
	margin-right: 0px;
}

.api .side .top {
	position:fixed;
	width: 266px;
	height: 500px;
	margin-left: 20px;
	padding-top: 20px;
	text-align: center;
	background: url("../../img/hs/game/bg_lobby_side_girl.png") bottom center no-repeat;
}
.api .side .top img {
	max-width:80%;
}

.api .side .btm {
	position:fixed;
	width: 270px;
	top: 330px;
	margin-left:19px;
	background:none;
	text-align:right;
	display:none;
}

.video_wrap object embed.video_up {
	top: -47px;
}

.video_wrap object embed.video_down {
	top: -47px;
}


tr.betting {
	background:#4aa770;
}
tr.betCancel {
	background:#712e2a;
}


.video-js .vjs-tech {
  top: -150px;
 }
.video-js .mtable2 {
  top: -50px !important;
 }
.video-js .mtable5 {
  top: -20px !important;
 }
.video-js .mtable8 {
  top: -40px !important;
 }


.game_info_mid_og {
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 132px;
    width: 92px;
    height: 205px;
    background: #fff;
    border-left: 1px #e5e5e5 solid;
    text-align: center;
    overflow: hidden;
}
	.game_info_mid_og dt, .game_info_mid_og dd {
		width:50%;
		line-height:34px;
		font-size:1rem;
		border-bottom:1px #e5e5e5 solid;
		color:#000;
		float:left;
	}
	.dragon_tiger .game_info_mid_og dt, .dragon_tiger .game_info_mid_og dd {
		line-height:56px;
	}
	.game_info_mid_og dl dt:nth-child(3) {
		color:#ff0b57;
	}
	.game_info_mid_og dl dd:nth-child(4) {
		color:#ff0b57;
	}
	.game_info_mid_og dl dt:nth-child(5) {
		color:#1f68e5;
	}
	.game_info_mid_og dl dd:nth-child(6) {
		color:#1f68e5;
	}
	.game_info_mid_og dl dt:nth-child(7) {
		color:#399d07;
	}
	.game_info_mid_og dl dd:nth-child(8) {
		color:#399d07;
	}
	.game_info_mid_og dl dt:nth-child(9) {
		color:#ff0b57;
	}
	.game_info_mid_og dl dd:nth-child(10) {
		color:#ff0b57;
	}
	.game_info_mid_og dl dt:nth-child(11) {
		color:#1f68e5;
	}
	.game_info_mid_og dl dd:nth-child(12) {
		color:#1f68e5;
	}

.choice_bet {
	position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0px;
    width: 132px;
    height: 205px;
    background: #dcdcdc;
    overflow: hidden;
}
	.choice_bet .icons {
		width:100%;
		height:50%;
		margin:2px 0;
		border-bottom:1px #c6c6c6 solid;
	}
		.choice_bet .icons ul {
			padding:10px;
			font-size:0;
			text-align: center;
		}
			.choice_bet .icons ul li {
				width: 18px;
				height: 18px;
				margin:0 5px;
				background-repeat:no-repeat;
				background-size:contain;
				background-position:center;
				display:inline-block;
			}
			.choice_bet .icons ul p {
				margin:5px 0;
				font-size:.8rem;
				color:#000;
			}
			.choice_bet .icons ul li:first-child {
				width: 80px;
				height: 35px;
				line-height: 35px;
				margin:0 auto;
				font-size:.7rem;
				font-weight:bold;
				color:#fff;
				border-radius:2px;
				background:#0000ff;
				background-image:none;
				display:block;
			}
			.choice_bet .icons ul li.redBankerFullCircle{
				background:#ff0000;
			}