.game-list{display:flex;align-items:stretch;flex-wrap:wrap;}
.game-list > div, .game-list > div.game-left > div {flex:0 0 100%;width:100%;max-width:100%;}
.game-list ul{display:flex;align-items:stretch;flex-wrap:wrap}
.game-list ul > li{padding:10px 5px;border-bottom:solid 1px #ccc; border-left: solid 1px #ccc;text-align:center;}
.game-list ul ul > li:first-child{border-left:none}
.game-list > div > div > ul > li {border-left: solid 1px #ccc;}
.game-list div:first-child > ul:first-child, .game-list div:first-child > ul {border-top: solid 1px #ccc;}
.game-list ul li:last-child,
.row-justified .col-auto:last-child
{border-right: solid 1px #ccc;}
.game-list ul.header{background: rgb(61,26,111);color:#fff;}
.game-list ul.header li{font-size:13px;font-weight:bold;color:#fff;border-color:#ccc;white-space:nowrap;}
.game-list ul li.datetime, .game-list ul li.type{display:inline-flex;align-items:center;justify-content:center;}
.game-list ul li.datetime{flex:0 0 110px;width:110px;max-width:110px;}
.game-list ul.euro li.datetime{flex:0 0 65px;width:65px;max-width:65px;}
.game-list ul li.type{flex:0 0 90px;width:90px;max-width:90px;}
.game-list ul li.odds-box {padding:0;border-right:none;}
.game-list ul.basic-game li.odds-box, .game-list.tb_virtualsoccer ul li.odds-box {flex:0 0 calc(100% - 200px);width:calc(100% - 200px);max-width:calc(100% - 200px);}
.game-list ul li.odds-box.tb_powerball {flex:0 0 85%;width:85%;max-width:85%;}
.game-list ul li.odds-box ul, .game-list div.custom-game ul {align-items:stretch;}
.game-list ul li.odds-box ul {min-height:100%;height:100%;}
.game-list div.custom-game > ul > li:not(.odds-box) {display:inline-flex;min-height:100%;align-items:center}
.game-list ul.header li.subject{flex:0 0 100%;width:100%;max-width:100%;text-align:left;border-right: solid 1px #ccc;border-left: solid 1px #ccc;border-bottom-color:#ccc;position:relative;overflow:hidden}
.game-list ul.header li.subject .btn-prev{position:absolute;right:10px;}
.game-list ul.header li.subject.title{background: #f9f9f9;}
.game-list ul li.tween a, .game-list ul li.tween, .game-list ul.euro li.more, .game-list ul.custom-game > li {padding:2px;border-left:none;}
.game-list ul li.tween a, .game-list ul li.tween p, .game-list ul.euro li.more a {display:flex;min-height:100%;height:100%;align-items:center;justify-content:space-between;padding:0 10px;border: solid 1px #ccc;background: #f0f0f0 url(/images/common/bg-light2.png) repeat-x 0 0;}
.game-list ul.euro li.tween a, .game-list ul.euro li.tween p {padding:0 0px;}
.game-list div.custom-game ul > li.odds-box > ul > li a, .game-list div.custom-game ul > li.odds-box > ul > li p{background:#f0f0f0;border-color:#ccc;}
.game-list ul li.tween.vs a, .game-list ul li.tween.vs p, .game-list ul.euro li.tween a, .game-list ul.euro li.tween p, .game-list ul li.more a {justify-content:center !important;align-items:center !important;-ms-align-items:center !important;height:100%;}
.game-list ul li.tween strong {font-weight:bold;white-space:nowrap}
.game-list ul.euro, .game-list .powerball ul {align-items:stretch;flex-wrap:nowrap}
.game-list ul.euro li.type {flex:1 1 auto;width:auto;max-width:100%;padding:10px 10px;display:inline-flex;justify-content:center;align-items: flex-start;flex-direction:column}
.game-list ul.euro li.odds-box{flex:0 0 180px;width:180px;max-width:180px;min-height:100%;}
.game-list ul li.more{flex:0 0 40px;width:40px;max-width:40px;}
.game-list ul.euro li.more a {justify-content:center;}
.game-list ul.euro li.more a::after{display:block;content:'+';font-size:16px;}
/*
.game-list ul li.odds-box > ul, .game-list ul li.odds-box > ul li, .game-list ul li.odds-box > ul li a, .game-list ul li.odds-box > ul li p {height:100%;}
*/
.game-list div.custom-game {padding-left:1px;}
.game-list div.custom-game ul > li.datetime {display:none;}
.game-list div.custom-game ul > li.type {flex:0 0 100%;width:100%;max-width:100%;border-right:1px solid #ccc;text-align:left;background-color:#e0e0e0;font-weight:bold;justify-content:space-between}
	.game-list div.custom-game ul > li.type > span {margin:0 auto;padding-left:15px;}
.game-list div.custom-game ul > li.odds-box {flex:0 0 100%;width:100%;max-width:100%;}
.game-list ul > li.odds-box > ul > li {min-height:40px;}
.game-list div ul.basic-game > li.odds-box > ul > li:nth-child(1), .game-list div ul.basic-game > li.odds-box > ul > li:nth-child(3){flex:0 0 43%;width:43%;max-width:43%;}
.game-list div ul.basic-game > li.odds-box > ul > li:nth-child(2) {flex:0 0 14%;width:14%;max-width:14%;}
.game-list div.custom-game ul > li.odds-box > ul > li{min-width:25%;}
.game-list div.custom-game ul > li.odds-box > ul > li a, .game-list div.custom-game ul > li.odds-box > ul > li p {padding:8px 6px;height:100%}
.game-list .odds-box li.col-max {max-width:25%;}
.game-list .odds-box li.col-max a,
.game-list .odds-box li.col-max p
{flex-flow:column}
.game-list .odds-box li.col-max a *,
.game-list .odds-box li.col-max p *
{text-align:center}
.game-list .odds-box li.col-max{flex:0 0 25%;width:25%}
.game-list div.custom-game ul li.odds-box ul {align-items:stretch;border-right:1px solid #ccc;}
.game-list div.custom-game ul li.odds-box ul li:last-child, .game-list.tb_greyhounds ul li.odds-box ul li:last-child {border-right:none;}
.game-list div.custom-game ul li.odds-box ul li span{color:#666;text-align:left;line-height:1.2}
.game-list .odds-box li.col-max span{width:100%;text-align:center !important;}
.row-justified {flex-wrap:nowrap;align-items: stretch !important;}
.row-justified .col-auto {-ms-flex-preferred-size: 0;flex-basis: 0 !important;-ms-flex-positive: 1; flex-grow: 1 !important;text-align: center;/*border:dashed 1px #ff0000;*/}
.btn-result{display:flex;align-items:center;justify-content:center;width:calc(100% - 2px);margin:0px 1px;background:#012060 url("/images/common/bg-light2.png?ver=171204") repeat-x 0 0;border:solid 1px #012060;padding:0px 0;font-size:0;height:25px;color:#fff !important;}
.btn-result::before{content:attr(data-open);font-size:12px; }
.btn-result.open::before{content:attr(data-close) }

.game-list ul.header li.title2 {background-color: rgb(23,25,26);}
.game-list ul li.baedang_title{flex:0 0 15%;width:15%;}
.game-list.realtime ul li.datetime, .game-list.realtime ul li.type {border-bottom:1px solid #ccc !important}
.game-list.realtime ul li.datetime p, .game-list.realtime ul li.type p, .game-list ul li.baedang_title {display:inline-flex;min-height:100%;align-items:center;justify-content:center}
.game-list.realtime ul li.odds-box ul li{flex:0 0 33.3333%;width:33.3333%;max-width:33.3333%;flex-basis: auto !important}
.game-list.tb_virtualsoccer ul li.odds-box ul li.c5 a, .game-list.tb_virtualsoccer ul li.odds-box ul li.c5 p {justify-content:space-between;}
.game-list.tb_virtualsoccer ul li.odds-box ul li a, .game-list.tb_virtualsoccer ul li.odds-box ul li p {flex-direction:row-reverse;flex-flow: row-reverse;}
.game-list.tb_powerball ul.header li.subject{padding-left:15%;text-align:center;}
/*game result */
.tb_common.gameResultGrid {border:1px solid #ccc;}
.gameResultGrid ul {border-top:none !important;}
.gameResultGrid ul li p {display:flex;align-items:stretch;justify-content:start;text-align:left;padding:8px;height:100%;flex-wrap: wrap;}
.gameResultGrid ul li p span {margin-right:10px;}
.gameResultGrid li p:hover strong {max-height: none;-webkit-line-clamp: inherit;}
.game-list ul.header.euro{display:flex;}
/*end */
.game-list .end {
	opacity:0.85;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
 }
.custom-scroll {-webkit-overflow:scroll;-webkit-overflow-scrolling: touch;}
.custom-scroll::-webkit-scrollbar { width:6px;height:6px;background-color:#fff;}
.custom-scroll::-webkit-scrollbar-track { background-color:#fff;}
.custom-scroll::-webkit-scrollbar-thumb { background-color:#f0f0f0;border:1px solid #ccc;}
.custom-scroll { -ms-overflow-style: none; overflow: -moz-scrollbars-none;}

.custom-scroll.game-scroll::-webkit-scrollbar { background-color:#f0f0f0;}
.custom-scroll.game-scroll::-webkit-scrollbar-track { background-color:transparent;}
/* aside-etc */
.aside-etc.category.betting{display:none}
#contentFrame .aside-etc.category.betting{display:block}
.aside-etc.category{}
.aside-etc.category ul, .aside-etc.category li{list-style:none;margin:0;padding:0;display:block;position:relative;}
.aside-etc.category ul li, .aside-etc.category ul li.dropdown-link a.active{border-bottom:1px solid #ccc;}
.aside-etc.category > ul > li:last-child{border-bottom:none;}
.aside-etc.category ul li a{display:flex;align-items:center;padding:5px;cursor:pointer;}
.aside-etc.category > ul.list-group{background-color:#f0f0f0;border: 1px solid #ccc;}
.aside-etc.category > ul.list-group > li.list-item a.list-link.soccer.active > i{color:#fff;}
.aside-etc.category ul li a.active, .aside-etc.category ul li.active > a{background-color:#012060 !important;color:#fff;}
.aside-etc.category > ul > li.active > a{background:rgb(20,60,100) url(../images/common/bg-light2.png) repeat-x}
.aside-etc.category ul li a.active2, .aside-etc.category ul li.active > a{background-color:#012060 !important;color:#fff;}
.aside-etc.category > ul > li.active2 > a{background:rgb(20,60,100) url(../images/common/bg-light2.png) repeat-x}
.aside-etc.category ul.dropdown-menu{display:none;padding:3px 0;background-color:#fff;}
.aside-etc.category ul.dropdown-menu.show{display:block;}
.aside-etc.category > ul.list-group > li.list-item a.list-link + .dropdown-menu {padding:3px;}
.aside-etc.category ul.dropdown-menu li a.dropdown-link{background-color:#fff;border-right:1px solid #ccc;border-left:1px solid #ccc;}
.aside-etc.category ul.dropdown-menu > li:first-child > a{border-top:1px solid #ccc;}
.aside-etc.category ul.dropdown-menu.show{display:block !important;}
.aside-etc.category ul li a[data-toggle="dropdown"]::after{content:attr(data-qty);position:absolute;right:20px}
.aside-etc.category ul li a[data-toggle="dropdown"] span {content:'';margin-left:auto;position:relative;width:12px;height:12px;}
.aside-etc.category ul li a[data-toggle="dropdown"] span::before, .aside-etc.category ul li a[data-toggle="dropdown"] span::after {content:'';width:2px;height:8px;position:absolute;background-color:#999;top:2px}
.aside-etc.category ul li a[data-toggle="dropdown"] span::before {left:3px;
	-webkit-transform: translateX(0%) translateY(0px) rotate(-45deg);
	-ms-transform: translateX(0%) translateY(0px) rotate(-45deg);
	transform: translateX(0%) translateY(0px) rotate(-45deg);
}
.aside-etc.category ul li a[data-toggle="dropdown"] span::after {right:3px;
	-webkit-transform: translateX(0%) translateY(0px) rotate(45deg);
	-ms-transform: translateX(0%) translateY(0px) rotate(45deg);
	transform: translateX(0%) translateY(0px) rotate(45deg);
}
.aside-etc.category ul li a[data-toggle="dropdown"].active span::before {right:3px;left:auto}
.aside-etc.category ul li a[data-toggle="dropdown"].active span::after {left:3px;right:auto;}
.aside-etc.category ul li a.list-all span.icon{width:20px;height:20px;position:relative;} 
.aside-etc.category ul li a.list-all span.icon i{width:5px;height:5px;position:absolute;background-color:#fff;} 
.aside-etc.category ul li a.list-all span.icon i:nth-child(1){left:3px;top:3px;} 
.aside-etc.category ul li a.list-all span.icon i:nth-child(2){right:3px;top:3px;} 
.aside-etc.category ul li a.list-all span.icon i:nth-child(3){left:3px;bottom:3px;} 
.aside-etc.category ul li a.list-all span.icon i:nth-child(4){right:3px;bottom:3px;} 
.aside-etc.category ul li a strong{font-weight:normal}
.aside-etc.rules li a{font-size:14px;}
.aside-etc.rules li  [class^="icon-"], .aside-etc.rules li [class*=" icon-"]{font-size:16px;}

.vs-image{background:url(../images/bg-default.jpg) no-repeat 50% 50%;background-size:cover;font-size:20px;color:#fff;border:1px solid #ccc;border-top:none;position:relative;}
.vs-image.S001{background-image:url(../images/bg-soccer.jpg)}
.vs-image.S002{background-image:url(../images/bg-baseball.jpg)}
.vs-image.S003{background-image:url(../images/bg-icehockey.jpg)}
.vs-image.S004{background-image:url(../images/bg-basketball.jpg)}
.vs-image.S005{background-image:url(../images/bg-handball.jpg)}
.vs-image.S006{background-image:url(../images/bg-starcraft.jpg)}
.vs-image.S007{background-image:url(../images/bg-valleyball.jpg)}
.vs-image.S008{background-image:url(../images/bg-boxing.jpg)}
.vs-image.S009{background-image:url(../images/bg-tennis.jpg)}
.vs-image.S016{background-image:url(../images/bg-football.jpg)}
.vs-image > ul {display:flex;align-items:center;justify-content:center;}
.vs-image > ul li {border:none !important}
.vs-image > ul li:nth-child(1), .vs-image > ul li:nth-child(3) {flex:0 0 42%;width:42%;max-width:42%;color:#fff;font-weight:bold;}
.vs-image > ul li:nth-child(1) {text-align:right;}
.vs-image > ul li:nth-child(3) {text-align:left;}
.vs-image > ul li:nth-child(2) {flex:1 1 auto;text-align:center;color:rgba(255,255,255,.7)}
.vs-image .flag  {position:absolute;width:40px;left:50%;margin-left:-20px;top:0;}
.rules-wrapper{margin:0; border: solid 1px #ccc;padding:15px; line-height:180%; text-align:left;}
.rules-wrapper table {margin:15px 0;display:table;}
.rules-wrapper table thead, .rules-wrapper table tbody {display:table-row-group !important;}
.rules-wrapper table tr {display:table-row;}
.rules-wrapper table th, .rules-wrapper table td {display:table-cell;padding:6px;}
.rules-wrapper table th { 
	height:36px; 
	border-top:solid 1px #ccc; 
	border-bottom:solid 1px #ccc; 
	border-left:solid 1px #ccc; 
	background:rgba(0,25,50) url("/images/common/bg-light2.png?ver=171204") repeat-x 0 0;
	font-weight:bold; color:#fff;
	font-size:12px;
	text-align:center;
}
.rules-wrapper .t-button{white-space:nowrap;}
.rules-wrapper h4 {  display:block; font-size:20px; padding:15px 0 10px 0;font-weight:bold;}
.rules-wrapper strong {color:#012060;}
.rules-wrapper .color1 {color:#3d1a6f;}
.rules-wrapper p {  line-height:180%; color:#999;}
.sb-sport-icon{font-weight:bold;}
.aside-etc.rules ul.list-group li.list-item a{font-size:12px;}
.aside-etc.category.result{width:100%}
.aside-etc.category.result ul.list-group{display:flex;}
.aside-etc.category.result ul.list-group li.list-item +  li.list-item a {border-left:solid 1px #ccc;}

@media(max-width:1499px){ 
	#contentFrame.fixed-top .aside-etc.category{left:0}
	.aside-etc.category > ul.list-group{max-height:100vh}
}
