@charset "utf-8";

.sb-item { display: block; position: relative; width: 100%; }

.sb-item .game-searching-box { display: block; margin: 5px 0 0; background: #000; border: 1px #222 solid; border-radius: 10px; height: 50px; padding: 0 10px; position: relative; }
.sb-item .game-searching-box input { width: 100%; height: 50px; background: #transparent; color: #fff; font-size: 14px; color: #fff; }
.sb-item .game-searching-box .search-button-type { width: 38px; height: 38px; border-radius: 10px; background: #ccc; position: absolute; top: 5px; right: 5px; }
.sb-item .game-searching-box .search-button-type img { width: 20px; height: 20px; opacity: 0.5; }

.sb-item .item-flagname { display: block; padding: 18px; color: #fff; font-size: 12px; margin: 8px 0 0; background: #111317; border-bottom: 1px #252931 solid; }
.sb-item .item-flagname span { opacity: 0.5; font-size: 11px; }

.sb-item-wrap { display: block; margin: 0; padding: 20px; position: relative; } .sbiw-bgclr { background: #262a33; border: 1px #323843 solid; }

.bl-category-div { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; text-align: left; color: #fff; font-size: 14px; padding: 0; background: #1a2780; padding: 10px 0; margin: 5px 0 0; }
.bl-category-div .ctg { text-align: center; }
.bl-category-div .ctg:nth-child(1) { width: 11%; }
.bl-category-div .ctg:nth-child(2) { width: 9%; }
.bl-category-div .ctg:nth-child(3) { width: 28%; }
.bl-category-div .ctg:nth-child(4) { width: 14%; }
.bl-category-div .ctg:nth-child(5) { width: 28%; }
.bl-category-div .ctg:nth-child(6) { width: 2.666%; }
.bl-category-div .ctg:nth-child(7) { width: 2.666%; }
.bl-category-div .ctg:nth-child(8) { width: 2.666%; }

.bl-item-wrap { display: block; height: 50px; padding: 2px 150px 2px 400px; position: relative; }
.bl-item-wrap .data-info-div { position: absolute; width: 150px; height: 100%; top: 0; left: 0; display: flex; justify-content: flex-start; align-items: center; }
.bl-item-wrap .data-info-div .dtid { padding: 0 10px 0; }
.bl-item-wrap .data-info-div .dtid cc { color: #ffa200; font-size: 12px; }
.bl-item-wrap .data-info-div .dtid cc span { color: #fff; font-size: 12px; }

.bl-item-wrap .data-info-event { position: absolute; width: 130px; height: 100%; top: 0; left: 150px; display: flex; justify-content: flex-start; align-items: center; }
.bl-item-wrap .data-info-event cc { color: #ccc; background: #000; border-radius: 4px; padding: 3px 7px; }
.bl-item-wrap .data-info-lg { position: absolute; width: 180px; height: 100%; top: 0; left: 220px; display: flex; justify-content: flex-start; align-items: center; color: #fff; }
.bl-item-wrap .data-info-lg i img { width: 24px; margin: 0 5px 0 0; }

.bl-item-wrap .data-info-div .dtid .data-ctg { padding: 1px 8px 2px; background: #444; border: 1px #555 solid; color: #fff; border-radius: 10px; position: relative; top: -6px; }

.bl-item-wrap .rst-info-div { position: absolute; width: 140px; height: 100%; top: 0; right: 0; display: flex; justify-content: flex-start; align-items: center; }

.btnway { padding: 5px; border-bottom: 0; }
.sb-ms { padding: 5px 10px; }
.btnway .button-item-wrap { display: flex; width: auto; height: 100%; flex-direction: row; align-items: stretch; flex-basis: auto; }
.btnway .button-item-wrap .bl-button-cont { background: #111; padding: 0 10px 0; color: #ffa200; position: relative; }
.btnway .button-item-wrap .bl-button-cont img { width: 18px; }
.btnway .button-item-wrap .bl-button-cont cc { color: #fff; }
.btnway .button-item-wrap .bl-button-cont:hover { background: #3289db; color: #fff; }
.btnway .button-item-wrap .bl-button-cont:hover cc { color: #fff; }
.btnway .button-item-wrap .bl-button-cont:nth-child(1) { width: 33.666%; }
.btnway .button-item-wrap .bl-button-cont:nth-child(2) { width: 33.666%; margin: 0 5px 0; }
.btnway .button-item-wrap .bl-button-cont:nth-child(3) { width: 33.666%; }
.btnway .button-item-wrap .bl-button-cont .odds-cont5 { position: relative; padding: 0 60px 0 0; text-align: left; word-break: break-all; }
.btnway .button-item-wrap .bl-button-cont .odds-cont5 .odds { position: absolute; top: 0; right: 0; width: 60px; height: 100%; text-align: center; }
.btnway .button-item-wrap .bl-button-cont .odds-cont5 .odds span { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; }
.btnway .button-item-wrap .bl-button-cont:hover .odds-cont5 .odds { color: #fff; }
.btnway .button-item-wrap .bl-button-cont .odds-cont5 .odds img { margin: 0 0 0 5px; }



/* --------------------- 1111 ------------------------*/

.button-item-wrap .bonus-btn-cont { width: 100%; background: linear-gradient(#3a404d, #2f333e); border: 1px #495060 solid; border-radius: 3px; padding: 0 10px 0; color: #fff; }
.button-item-wrap .bonus-btn-cont .odds-cont5 { position: relative; padding: 0 60px 0 0; text-align: left; word-break: break-all; }
.button-item-wrap .bonus-btn-cont .odds-cont5 .odds { position: absolute; top: 0; right: 0; width: 60px; height: 100%; text-align: center; }
.button-item-wrap .bonus-btn-cont .odds-cont5 .odds span { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; }
.button-item-wrap .bonus-btn-cont .odds-cont5 .odds img { margin: 0 0 0 5px; }
.button-item-wrap .bonus-btn-cont img { width: 18px; }

.biw-ms { }
.bcslip-side-div .rst-cont-wrap .biw-ms { height: 60px; padding: 0 0 10px 0; }

/* --------------------- 1111 ------------------------*/



.rst-info-cont { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; width: 100%; }
.rst-info-cont .contdd { justify-content: center; align-items: center; color: #fff; text-align: center; }
.rst-info-cont .contdd:nth-child(1) { flex-basis: 33.333%; }
.rst-info-cont .contdd:nth-child(2) { flex-basis: 33.333%; }
.rst-info-cont .contdd:nth-child(3) { flex-basis: 33.333%; }

.rst-info-cont .ctd-clr-red { color: #f00; }
.rst-info-cont .ctd-clr-grn { color: #00ff7e; }
.rst-info-cont .ctd-clr-blu { color: #0084ff; }
.rst-info-cont .ctd-clr-gry { color: #999; }
.rst-info-cont .ctd-clr-pp { color: #ae00ff; }

.button-item-wrap { display: flex; width: auto; height: 100%; flex-direction: row; align-items: stretch; flex-basis: auto; }
.button-item-wrap .bl-button-cont { background: linear-gradient(#3a404d, #2f333e); border: 1px #495060 solid; border-radius: 3px; padding: 0 10px 0; color: #ffa200; position: relative; }
.button-item-wrap .bl-button-cont cc { color: #fff; }
.button-item-wrap .bl-button-cont:hover { background: #614c32; border: 1px #8f7554 solid; color: #fff; }
.button-item-wrap .bl-button-cont:hover cc { color: #fff; }
.button-item-wrap .bl-button-cont:nth-child(1) { width: 40%; }
.button-item-wrap .bl-button-cont:nth-child(2) { width: 20%; margin: 0 5px 0; }
.button-item-wrap .bl-button-cont:nth-child(3) { width: 40%; }
.button-item-wrap .bl-button-cont .odds-cont5 { position: relative; padding: 0 60px 0 0; text-align: left; word-break: break-all; }
.button-item-wrap .bl-button-cont .odds-cont5 .odds { position: absolute; top: 0; right: 0; width: 60px; height: 100%; text-align: center; }
.button-item-wrap .bl-button-cont .odds-cont5 .odds span { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; }
.button-item-wrap .bl-button-cont:hover .odds-cont5 .odds { color: #fff; }
.button-item-wrap .bl-button-cont .odds-cont5 .odds img { margin: 0 0 0 5px; }

.button-item-wrap .bl-button-cont .odds-cont6 { position: relative; padding: 0 0 0 60px; text-align: right; word-break: break-all; }
.button-item-wrap .bl-button-cont .odds-cont6 .odds { position: absolute; top: 0; left: 0; width: 60px; height: 100%; text-align: center; }
.button-item-wrap .bl-button-cont .odds-cont6 .odds span { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; }
.button-item-wrap .bl-button-cont .odds-cont6 .odds img { margin: 0 5px 0 0; }
.button-item-wrap .bl-button-cont .over-p { position: absolute; left: 0; top: 0; }
.button-item-wrap .bl-button-cont .over-p img { width: 10px; }
.button-item-wrap .bl-button-cont .under-p { position: absolute; right: 0; bottom: 0; }
.button-item-wrap .bl-button-cont .under-p img { width: 10px; }
.button-item-wrap .bl-button-cont .right-hp { position: absolute; left: 0; bottom: 0; }
.button-item-wrap .bl-button-cont .right-hp img { width: 10px; }
.button-item-wrap .bl-button-cont .left-hp { position: absolute; right: 0; bottom: 0; }
.button-item-wrap .bl-button-cont .left-hp img { width: 10px; }

.button-item-wrap .bl-on { background: #614c32; border: 1px #8f7554 solid; color: #fff; }
.button-item-wrap .bl-on cc { color: #fff; }
.button-item-wrap .bl-on .odds-cont5 .odds { color: #fff; }

.button-item-wrap button:disabled,
.button-item-wrap button[disabled]{ cursor: inherit; pointer-events: none; }


/* 0115 */
.button-item-wrap-csnrst { display: flex; width: auto; height: 100%; flex-direction: row; align-items: stretch; flex-basis: auto; }
.button-item-wrap-csnrst .bl-button-cont { background: linear-gradient(#3a404d, #2f333e); border: 1px #495060 solid; border-radius: 3px; padding: 0 10px 0; color: #ffa200; position: relative; }
.button-item-wrap-csnrst .bl-button-cont cc { color: #fff; }
.button-item-wrap-csnrst .bl-button-cont:nth-child(1) { width: 40%; }
.button-item-wrap-csnrst .bl-button-cont:nth-child(2) { width: 20%; margin: 0 5px 0; }
.button-item-wrap-csnrst .bl-button-cont:nth-child(3) { width: 20%; margin: 0 5px 0 0; }
.button-item-wrap-csnrst .bl-button-cont:nth-child(4) { width: 20%; }
.button-item-wrap-csnrst .bl-on { background: #614c32; border: 1px #8f7554 solid; color: #fff; }
.button-item-wrap-csnrst .bl-on cc { color: #fff; }
.button-item-wrap-csnrst .bl-on .odds-cont5 .odds { color: #fff; }




.button-end { opacity: 0.3; position: relative; }
.button-end .end-cover { width: 100%; height: 100%; background: #000; opacity: 0.3; position: absolute; top: 0; left: 0; z-index: 10; }

.rst-cont-wrap .button-item-wrap .bl-button-cont:hover { background: #333; color: #ffa200; }
.rst-cont-wrap .button-item-wrap .bl-button-cont:hover cc { color: #fff; }
.rst-cont-wrap .button-item-wrap .bl-button-cont:hover .odds-cont5 .odds { color: #ffa200; }

.rst-cont-wrap .button-item-wrap .bl-on:hover { background: #614c32; color: #000; }
.rst-cont-wrap .button-item-wrap .bl-on:hover cc { color: #000; }
.rst-cont-wrap .button-item-wrap .bl-on:hover .odds-cont5 .odds { color: #000; }

.rst-cont-wrap button:disabled,
.rst-cont-wrap button[disabled]{ cursor: inherit; }

.bcslip-side-div {  }
.bcslip-side-div .item-flagname { display: block; padding: 14px; color: #fff; font-size: 12px; margin: 5px 0 0; border: 1px #333 solid; } .bcslip-side-div .bgclr { background: #111; }
.bcslip-side-div .sb-item-wrap { margin: 5px 0 0; border-radius: 0; padding: 20px 2px; }
.bcslip-side-div .bl-category-div .ctg:nth-child(1) { display: none; }
.bcslip-side-div .bl-category-div .ctg:nth-child(2) { width: 40%; }
.bcslip-side-div .bl-category-div .ctg:nth-child(3) { width: 20%; }
.bcslip-side-div .bl-category-div .ctg:nth-child(4) { width: 40%; }
.bcslip-side-div .bl-category-div .ctg:nth-child(5) { display: none; }
.bcslip-side-div .bl-category-div .ctg:nth-child(6) { display: none; }
.bcslip-side-div .bl-category-div .ctg:nth-child(7) { display: none; }
.bcslip-side-div .bl-item-wrap { height: 105px; padding: 45px 0 10px 0; }
.bcslip-side-div .bl-item-wrap .data-info-div { width: auto; height: auto; display: block; top: 25px; left: -7px; }
.bcslip-side-div .bl-item-wrap .data-info-div .dtid cc { font-size: 12px; }
.bcslip-side-div .bl-item-wrap .data-info-div .dtid cc span { font-size: 12px; }
.bcslip-side-div .bl-item-wrap .rst-info-div { width: 120px; height: 100%; top: -18px; right: 0; font-size: 12px; }
.bcslip-side-div .bl-item-wrap .data-info-event { width: auto; height: auto; top: 2px; left: 0; }
.bcslip-side-div .button-item-wrap .bl-button-cont:nth-child(2) { margin: 0 2px 0; }
.bcslip-side-div .button-item-wrap .bl-button-cont { padding: 0 4px 0; font-size: 12px; line-height: 1; }
.bcslip-side-div .button-item-wrap .bl-button-cont .odds-cont5 { padding: 0 35px 0 0; word-break: break-all; }
.bcslip-side-div .button-item-wrap .bl-button-cont .odds-cont5 .odds { width: 35px; }
.bcslip-side-div .button-item-wrap .bl-button-cont .odds-cont6 { padding: 0 0 0 35px; word-break: break-all; }
.bcslip-side-div .button-item-wrap .bl-button-cont .odds-cont6 .odds {  width: 35px; }


/* 0108 */
.btnway .button-item-wrap .org-line { border: 1px #d8b07d solid; }
.btnway .button-item-wrap .org-line cc { color: #fff; }
.btnway .button-item-wrap .org-line:hover { background: #614c32; }















@media only screen and (max-width: 640px) {
	
	.sb-item { padding: 0; }
	
	.sb-item .game-searching-box { margin: 5px 5px 0; }
	.sb-item .item-flagname { padding: 18px; border-radius: 0; }
	.sb-item-wrap { margin: 5px 0 0; border-radius: 0; padding: 5px 2px; }
	
	.bl-item-wrap .data-info-div .dtid cc cc { display: none; }
	.bl-item-wrap .data-info-div .dtid .data-ctg { top: -1px; }
	
	.bl-category-div .ctg:nth-child(1) { display: none; }
	.bl-category-div .ctg:nth-child(2) { display: none; }
	.bl-category-div .ctg:nth-child(3) { width: 40%; }
	.bl-category-div .ctg:nth-child(4) { width: 20%; }
	.bl-category-div .ctg:nth-child(5) { width: 40%; }
	.bl-category-div .ctg:nth-child(6) { display: none; }
	.bl-category-div .ctg:nth-child(7) { display: none; }
	.bl-category-div .ctg:nth-child(8) { display: none; }
	
	.bl-item-wrap { height: 105px; padding: 45px 0 10px 0; }
	.bl-item-wrap .data-info-div { width: auto; height: auto; display: block; top: 25px; left: -7px; }
	.bl-item-wrap .data-info-div .dtid cc { font-size: 12px; }
	.bl-item-wrap .data-info-div .dtid cc span { font-size: 12px; }
	
	.bl-item-wrap .data-info-lg { width: auto; height: auto; top: 1px; left: 70px; }
	
	.bl-item-wrap .rst-info-div { width: 120px; height: 100%; top: -18px; right: 0; font-size: 12px; }
	
	.btnway { padding: 2px 0; height: 50px; }
	.sb-ms { padding: 0; }
	.btnway .button-item-wrap .bl-button-cont { padding: 0 5px 0; }
	.btnway .button-item-wrap .bl-button-cont img { width: 14px; }
	.btnway .button-item-wrap .bl-button-cont:nth-child(2) { margin: 0 3px 0; }
	.btnway .button-item-wrap .bl-button-cont .odds-cont5 { padding: 0 25px 0 0; }
	.btnway .button-item-wrap .bl-button-cont .odds-cont5 .odds { width: 25px; }
	.btnway .button-item-wrap .bl-button-cont .odds-cont5 .odds span { font-size: 12px; }
	
	.button-item-wrap .bl-button-cont:nth-child(2) { margin: 0 2px 0; }
	
	.button-item-wrap .bl-button-cont { padding: 0 4px 0; font-size: 12px; line-height: 1; }
	.button-item-wrap .bl-button-cont .odds-cont5 { padding: 0 55px 0 0; word-break: break-all; }
	.button-item-wrap .bl-button-cont .odds-cont5 .odds { width: 55px; }
	.button-item-wrap .bl-button-cont .odds-cont5 .odds img { margin: 0 0 0 2px; }

	.button-item-wrap .bl-button-cont .odds-cont6 { padding: 0 0 0 55px; word-break: break-all; }
	.button-item-wrap .bl-button-cont .odds-cont6 .odds {  width: 55px; }
	.button-item-wrap .bl-button-cont .odds-cont6 .odds img { margin: 0 2px 0 0; }
	
	.betslip { display: none; }
	.betslip-ms { display: block; margin: 12px 0 0; }
	
	.lds-wrap { position: fixed; right: 20px; bottom: 20px; z-index: 50; display: inline-block; width: 60px; height: 60px; }
	
	.lds-uci { position: absolute; width: 60px; height: 60px; background: url("../images/usericon-cart.png") center center no-repeat; background-size: cover; top: 15px; left: 15px; display: inline-block; cursor: pointer; }
	.lds-uci .counting { position: absolute; display: inline-block; padding: 1px 5px 3px; background: #ff004e; font-size: 11px; color: #fff; border-radius: 20px; left: -10px; top: -5px; }
	
	
	.cart-on { position: fixed; left: 0; bottom: 0; background: #000; z-index: 80; width: 100%; box-shadow: rgba(0, 0, 0, 1) 0 1px 20px; }
	
	.betcart-name { display: block; text-align: left; padding: 13px 10px; color: #3cf396; font-size: 20px; position: relative; background: #333; }
	.betcart-name .crt-close { position: absolute; top: 14px; right: 15px; color: #3cf396; font-size: 14px; cursor: pointer; }
	
	
	/* --------------------- 1111 ------------------------*/
	
	.biw-ms { height: 60px; padding: 0 0 10px 0; }
	
	/* --------------------- 1111 ------------------------*/
	
	
	
	
	
	/* 0108 */
	.bl-item-wrap .data-info-event { width: auto; height: auto; top: 2px; left: 0; display: none; }
	.list-zip { height: 65px; padding: 5px 0 10px 0; }
	.list-zip-topline { height: 90px; padding: 30px 0 10px 0; }
	.list-zip-topline .data-info-div { width: auto; height: auto; display: block; top: 5px; left: -7px; }
	
	
	/*0115*/
	.button-item-wrap-csnrst .bl-button-cont:nth-child(1) { width: 40%; }
	.button-item-wrap-csnrst .bl-button-cont:nth-child(2) { width: 20%; margin: 0 2px 0; }
	.button-item-wrap-csnrst .bl-button-cont:nth-child(3) { width: 20%; margin: 0 2px 0 0; }
	.button-item-wrap-csnrst .bl-button-cont:nth-child(4) { width: 20%; }
	.list-zip-topline .rst-info-div { top: -30px; }
	
	.tab-position .evt-button { margin: 0 1px 0; font-size: 13px; }
	.tab-position .per20 { width: 22%; }
	
	.gcp-content { float: inherit; width: 100%; }
	
	
	
	
	
	
	
	
}