/* NEW VERSION 2022.10.24 */

:root { 
	--theme-text-4 : #FDB304;
	--black : #1f1f1f;
	--theme-4 : #FDB304;
}

	/* Common CSS */
	marquee { width: 100%; }
	.cursor { cursor: pointer; }
	.img-under { width: 15px; }
	.img-over { width: 15px; }
	.odds-close { color: #212121; }
	.theme-text-blue { color: cornflowerblue; }
	.float-r { float: right; }
	.float-l { float: left; }
	.mt25 { margin-top:25px; }
	.pd-lr-5 { padding-left:5px; padding-right:5px }



	/* Header NEW */
	.custom-nav ul > li, .custom-nav ul > li > ul > li {
		width: 155px;
	}
	.custom-navbar .nav li a {
		font-size: 16px;
	}
	.mnav a {
		color: var(--theme-4);
		letter-spacing: 1.0px;
		font-size: 12px;
	}
	.nav-top .img-text {
		display: inline-block;
	}
	.nav-top .img-text img {
		width: 100px;
		filter: grayscale(100%);
	}
	.nav-top .img-text img:hover {
		filter: grayscale(0%) sepia(100%);
	}
	.namebar .col-xs-6 a {
		font-size: 14px;
		margin-right: 15px;
	}
	.namebar .chbox img {
		width: 85px;
		filter: grayscale(100%);
		transition: 0.3s;
		position: relative;
		top : -5px;
	}
	.namebar .chbox img:hover {
		filter: grayscale(20%);
		transition: 0.3s;
	}
	.bottom-add td {
		width: 33.3%;
	}
	.mobile-navwrap .bottom-add td {
		padding : 15px 0px;
	}
	.mnav.sports {
		background: url('/asset/black/img/icon/nav/background/nav-sports.jpg')  #000000 no-repeat;
		background-size: cover;
	}
	.mnav.casino {
		background: url('/asset/black/img/icon/nav/background/nav-casino.jpg')  #000000 no-repeat;
		background-size: cover;
	}
	.mnav.mini {
		background: url('/asset/black/img/icon/nav/background/nav-mini.jpg')  #000000 no-repeat;
		background-size: cover;
	}
	#m-nav-menu-sports {
		background-image: url('/asset/black/img/icon/nav/background/nav-sports.jpg');
	}
	#m-nav-menu {
		background-image: url('/asset/black/img/icon/nav/background/m-casino.jpg');
	}
	#m-nav-menu-mini {
		background-image: url('/asset/black/img/icon/nav/background/m-mini-1.jpg');
	}
	.nav-top .icons {
		padding-top: 5px;
	}
	.nav-top .icons a {
		margin-right: 33px;
		font-size: 24px;
	}
	.nav-top .menubox {
		padding-top: 3px;
	}
	.nav-top .menubox i {
		margin-left: 2px;
	}
	.nav-top .menubox a > div:hover {
		-webkit-text-stroke : 5px transparent;
	}
	.navbar-collapse.namebar .col-xs-3 {
		font-size: 16px;
		line-height: 25px;
	}
	.navbar-collapse.namebar b {
		color: var(--theme-text-4);
	}
	.menu_sid tr:nth-child(2) > td:nth-child(2) {
		color: var(--theme-4);
		font-weight: bolder;
	}
	.menu_sid tr:nth-child(3) > td:nth-child(2) {
		color: mediumseagreen;
		font-weight: bolder;
	}
	.goldtext {
		display: inline-block;
		background-clip: text;  
		-webkit-background-clip: text;
		color: #363833;
		font-weight: 700;
		font-size: 26px;
		grid-area: overlap;
		letter-spacing: 1px;
		-webkit-text-stroke: 4px transparent;
		background-image: repeating-linear-gradient( 5deg,  
			#FDB304 0% , 
			#77571d 23%, 
			#FDB304 31%);
		color: #1e2127;
	}
	.shine-black {
		animation: shine-black 1s ease infinite;
		-moz-animation: shine-black 1s ease infinite;
		-webkit-animation: shine-black 1s ease infinite;
	}
	@keyframes shine-black {
		0%,
		100% {
			color: #000000;
		}
		50% {

			color: #333;
		}
	}
	.nav-top .menubox div {
		margin-left: 35px;
		margin-right: 35px;
	}

	.tab-content .thumbnail {
		background-color: #000000;
		background-image: linear-gradient(315deg, #000000 0%, #414141 74%);
		border  : 1px solid #212121;
		padding : 0px;
		border-radius: 15px 15px 0px 0px;
		box-shadow: 0 0 5px #555;
		height: auto;
	}
	.tab-content .thumbnail > img, .thumbnail a > img {
		border-radius: 15px 15px 0px 0px;
		margin : 0 auto!important;
		height: auto;
	}
	.tab-content .thumbnail .caption {
		color : #AAA;
		text-shadow: 2px 2px 5px #555;
	}
	@media (max-width : 767px) {
		.tab-content .thumbnail { height:auto; }
    .tab-content .thumbnail .caption {
      padding : 8px 0px;
    }
    .modal-nav .tab-content .row .col-xs-4 {
      padding-left: 3px;
      padding-right: 3px;
    }
	}


	/* Prematch NEW */
	.contents_wrap.pre-black {
		font-size: 13px;
		font-weight: bolder;
		color : #C8C8C8;
	}
	.betmenu_tab.new_2 {
		margin-bottom: 10px;
	}
	.betmenu_tab.new_2 label {
		padding: 8px 0px;
	}
	.betmenu_tab.new_2 label i {
		display: block;
		font-size: 30px;
	}
	.betmenu_tab.new_2 input[type="radio"]:checked + label {
		/*background: linear-gradient(315deg, #000000 0%, #2c3e50 74%);*/
		background-color: #FDB304;
		color : #000;
	}
	.betmenu_tab.new_2 input[type="radio"]:checked + label i {
		color: chocolate;
	}
	.betmenu_tab.new_2 input[type="radio"]:checked + label span {
		color : #000;
	}
	.betmenu_tab.new_2 label img {
	  width: 34px;
	  display: block;
	  margin : 0 auto;
	  margin-bottom: 5px;
	}
	.sports-games .league-black {
		margin-top: 25px;
		padding : 0px 0px 5px 2px;
	}
	.img-sports {
		width: 25px;
		margin-right: 5px;
	}
	.img-country {
		width: 30px;
		margin-right: 10px;
	}
	.pre-black .ls-btn,
	.sports-games .ls-btn {
		text-align: center;
		border: 1px solid #555;
		border-radius: 5px;
		padding: 8px 0px;
		cursor: pointer;
	}
	.row.market-1 {
		margin-bottom: 5px;
	}
	.row.market-1 > .col-xs-2,
	.row.market-1 > .col-xs-1 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.row.market-1 > .col-xs-9 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.row.btn-market1 > .col-xs-4 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.row.btn-market1 > .col-xs-4:nth-child(2) {
		padding-left: 3px;
		padding-right: 3px;
	}
	.row.btn-market1 > .col-xs-6 {
		padding-left: 3px;
		padding-right: 3px;
	}
	.ls-btn.act-collapse {
		padding: 0px;
		line-height: 26px;
	}
	.act-close {
		padding: 8px 0px;
		background-color: #212121;
	}
	.act-close i {
		font-size: 24px;
		margin-top: 6px;
	}
	.sports-collapse {
		padding-bottom: 50px;
	}
	.sports-collapse .league-black {
		background-color: #212121;
		text-align: center;
		padding: 8px 0px;
		border-radius: 5px;
		margin-bottom: 5px;
	}
	.row.market-2 > .col-xs-6,
	.row.market-2 > .col-xs-4 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.act-collapse.lock {
	  font-size: 24px;
	  line-height: 53px;
	}
	.act-collapse.lock .odd-close {
	  color: #555;
	}
	.sports-wrap.bonus .ls-btn {
	  padding: 15px 0px;
	}
  .contents_wrap.pre-black > .container > .row > .col-xs-9 {
    margin-bottom: 200px;
  }
  .ls-btn.stdate.default {
    cursor: default;
    line-height: 37px;
  }
  .ls-btn.stdate {
    cursor: default;
  }
  .odds-close i {
    font-size: 24px;
    position: relative;
    top: 3px;
    color: #555555;
  }
	.odds-close b {
		color: #888888;
	}
		/* Active CSS */
		.row.btn-market1 > .col-xs-4.active .ls-btn,
		.row.btn-market1 > .col-xs-6.active .ls-btn,
		.row.market-2 > .col-xs-4.active .ls-btn,
		.row.market-2 > .col-xs-6.active .ls-btn {
			background-color: #FDB304;
			color: #000;
		}
		.row.market-2 > .col-xs-6.active .ls-btn .theme-text-4,
		.row.market-2 > .col-xs-4.active .ls-btn .theme-text-4,
		.row.market-2 > .ls-btn.col-xs-6.active .theme-text-4 {
			color: blue;
		}
		.row.market-2 > .ls-btn.col-xs-6.active {
			background-color: #FDB304;
			color: #000;
		}
			/* Hover CSS */
			@media (min-width : 767px) {
				.contents_wrap.pre-black .btn-market1 > .col-xs-4 .ls-btn:hover,
				.contents_wrap.pre-black .btn-market1 > .col-xs-6 .ls-btn:hover,
				.contents_wrap.pre-black .market-2 > .col-xs-4 .ls-btn:hover,
				.contents_wrap.pre-black .market-2 > .col-xs-6 .ls-btn:hover {
					background-color: #FDB304;
					color: #000;
				}
				.contents_wrap.pre-black .market-2 > .col-xs-6 .ls-btn:hover .theme-text-4,
				.contents_wrap.pre-black .market-2 > .col-xs-4 .ls-btn:hover .theme-text-4 {
					color: blue;
				}
			}

	    /* BETZINO CSS */
	    .row.btn-market1 > .col-xs-4.active .ls-btn .theme-text-4,
	    .row.btn-market1 > .col-xs-6.active .ls-btn .theme-text-4,
	    .row.market-2 > .col-xs-4.active .ls-btn .theme-text-4,
	    .row.market-2 > .col-xs-6.active .ls-btn .theme-text-4 {
	      color: #000;
	    }
	    .row.market-2 > .ls-btn.col-xs-6.active .theme-text-4 {
	      color: #000;
	    }
	    @media (min-width : 767px) {
	      .row.btn-market1 > .col-xs-4 .ls-btn:hover .theme-text-4,
	      .row.btn-market1 > .col-xs-6 .ls-btn:hover .theme-text-4,
	      .row.market-2 > .col-xs-4 .ls-btn:hover .theme-text-4,
	      .row.market-2 > .col-xs-6 .ls-btn:hover .theme-text-4 {
	        color: #000!important;
	      }
	    }

	    /* SMILE Active CSS */
	    .row.btn-market1 > .col-xs-4.active .ls-btn.smile,
	    .row.btn-market1 > .col-xs-6.active .ls-btn.smile,
	    .row.market-2 > .col-xs-4.active .ls-btn.smile,
	    .row.market-2 > .col-xs-6.active .ls-btn.smile {
	      background-color: #000000;
	      background : linear-gradient(315deg, #000000 0%, #2c3e50 74%); 
	      color: #DDDDDD;
	    }
	    .row.market-2 > .ls-btn.smile.col-xs-6.active {
	      background-color: #000000;
	      background : linear-gradient(315deg, #000000 0%, #2c3e50 74%); 
	      color: #DDDDDD
	    }
	    .row.market-2 > .col-xs-6.active .ls-btn.smile .theme-text-4,
	    .row.market-2 > .col-xs-4.active .ls-btn.smile .theme-text-4,
	    .row.market-2 > .ls-btn.smile.col-xs-6.active .theme-text-4 {
	      color: cornflowerblue;
	    }
	    /* Hover CSS */
	    @media (min-width : 767px) {
	      .row.btn-market1 > .col-xs-4 .ls-btn.smile:hover,
	      .row.btn-market1 > .col-xs-6 .ls-btn.smile:hover,
	      .row.market-2 > .col-xs-4 .ls-btn.smile:hover,
	      .row.market-2 > .col-xs-6 .ls-btn.smile:hover {
	        background-color: #000000;
	        background : linear-gradient(315deg, #000000 0%, #2c3e50 74%); 
	        color: #DDDDDD
	      }
	      .row.market-2 > .col-xs-6 .ls-btn.smile:hover .theme-text-4,
	      .row.market-2 > .col-xs-4 .ls-btn.smile:hover .theme-text-4 {
	        color: cornflowerblue;
	      }
	    }

		/* BET CART NEW */
		.betcart_wrap_box {
			background-color: #212121;
			border: 1px solid #555;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			padding : 10px 5px;
		}
		.betcart_wrap_box .bt {
			border : 1px solid #555;
		}
		.bc-team {
			color: #555;
			font-style: italic;
			margin : 5px 0px;
		}
		.bc-title {
			display: flex;
			justify-content: space-around;
			align-content: center;
		}
		.bc-title > div {
			text-align: center;
			font-size: 13px;
			padding: 8px 0px;
		}
		.bc-title > div > i {
			font-size: 22px;
		}
		.bc-title > div:nth-child(1),
		.bc-title > div:nth-child(3) {
			width : 50px;
		}
		.bc-title > div:nth-child(2) {
			padding-top: 12px;
		}
		.bc-select-box {
			overflow: scroll;
			max-height: 290px;
			border-bottom: 1px solid #AAA;
		}
		.bc-select-box::-webkit-scrollbar {
			display: none;
		}
		.bc-select {
			border-top: 1px solid #AAA;
		}
		.bc-select tbody > tr > td:nth-child(1) { width: 40%; text-align: left; padding-left: 3px; }
		.bc-select tbody > tr > td:nth-child(2) { width: 40%; }
		.bc-select tbody > tr > td:nth-child(3) { width: 10%; }
		.bc-select tbody > tr > td {
			text-align: center;
			padding: 5px 0px;
		}
		.bc-select tbody > tr:nth-child(odd) > td {
			background-color: #111111;
		}
		.bc-betting tbody td {
			width: 50%;
			text-align: right;
			padding: 8px 5px;
			font-size: 14px;
		}
		.bc-betting tfoot td {
			padding: 3px 5px;
		}
		.betcart-guide {
			margin-top: 15px;
		}
		.betcart-guide .list-group-item span {
			float: right;
		}
		/* Modal area */
		.modal-user-bet-confirm.black .modal-footer .bt.size-3 {
			margin-bottom: 15px;
		}


		/* Mobile CSS */
		@media (max-width : 767px) {
			.row.market-1 .col-xs-2 {
				padding-left: 0px;
				padding-right: 0px;
			}
			.row.market-1 .col-xs-8 {
				padding-left: 3px;
				padding-right: 3px;
			}
			.ls-btn {
				padding-left: 3px!important;
				padding-right: 2px!important;
			}
			.bc-select-box {
				max-height: 188px;
			}
			.ls-btn.act-collapse {
				padding-left: 0px!important;
				padding-right: 0px!important;
			}
			.betmenu_tab.new_2 label img {
				width: 34px;
			}
		}
		.contents_wrap.pre-black .container.mobile {
			width: 95%;
			padding-left: 0px;
			padding-right: 0px;
		}
		.sports-wrap.bonus .col-xs-3 {
			padding-left: 5px;
			padding-right: 0px;
		}
		.sports-wrap.bonus .col-xs-9 {
			padding-left: 5px;
			padding-right: 5px;
		}
		.mobile-bc-wrap {
			padding: 0px;
		}
		.mobile-bc-wrap .bc-title {
			border-top: 1px solid darkgoldenrod;
			border-bottom: 3px groove darkgoldenrod;
		}
		.mobile-bc-wrap .bc-title td {
			padding: 25px 0px;
			font-size: 15px;
			text-align: center;
		}
		.mobile-bc-wrap .bc-title td:first-child {
			border-right: 1px solid darkgoldenrod;
			width: 30%;
		}
		.mobile-bc-wrap .bc-title td > i {
			font-size: 24px;
		}
		.mobile-bc-wrap .bc-caption {
			font-size: 15px;
			padding: 15px 0px;
			text-align: center;
			background-color: #383838;
			border-top-left-radius: 30px;
			border-top-right-radius: 30px;
		}
		.mobile-bc-wrap .resultmoney td:nth-child(1) {
			width: 30%;
			text-align: right;
		}
		.mobile-bc-wrap .resultmoney td:nth-child(2) {
			padding-right: 15px;
			text-align: right;
		}
		.mobile-bc-wrap .resultmoney tbody td {
			font-size: 13px;
			padding: 3px 0px;
		}
		.mobile-bc-wrap .resultmoney tfoot td {
			font-size: 16px;
			padding: 5px 10px;
		}
		.mobile-bc-wrap .resultmoney .bc-input-betmoney {
			background-color: #EDEDED;
			color: #000;
			text-align: right;
			padding: 8px 8px;
		}
		.mobile-bc-wrap .m_betcart_money > tbody > tr > td > div {
			padding: 15px 5px;
		}
		.m_betcart_money tbody > tr:nth-child(1) > td:last-child,
		.m_betcart_money tbody > tr:nth-child(2) > td:last-child,
		.m_betcart_money tbody > tr:nth-child(3) > td:last-child,
		.m_betcart_money tbody > tr:nth-child(4) > td:last-child {
			background-color: #383838;
		}
		.mobile.alert-danger {
			z-index: 1050;
			padding: 105px 0px!important;
			line-height: 35px;
			text-align: center;
			position: fixed;
			bottom: 0px;
			left: 0px;
			background-color: #ec7d62;
			font-size: 18px;
			margin-bottom: 0px;
		}






	/* Inplay CSS PC */
	.inplay-box.pc {
		font-size: 14px;
		margin-bottom: 30px;
		background-color: #212121;
	}
	.inplay-box.pc .league-black {
		background-color: #383838;
		padding : 10px;
		font-size: 14px;
	}
	.row.inp-main {
		padding: 15px 0px;
	}
	.row.inp-main > .col-xs-4 {
		text-align: center;
	}
	.row.inp-main > .col-xs-4.score {
		line-height: 30px;
	}
	.row.inp-main > .col-xs-4.score i {
		width: 25px;
		display: inline-block;
	}
	.row.inp-main > .col-xs-4.score p:last-child {
		font-size: 24px;
	}
	.row.inp-main > .col-xs-4 img {
		width: 50px;
		display: block;
		margin : 0 auto;
		margin-bottom: 5px;
	}
	.inplay-coll {
		text-align: center;
		padding: 12px 0px;
		font-size: 16px;
		cursor: pointer;
		background-color: #383838;
	}
	.inplay-coll:hover {
		background-color: #555;
	}
	.inplay-box.lock {
		font-size: 22px;
		padding : 50px 0px;
		text-align: center;
		background-color: #212121;
		letter-spacing: 2px;
		border-radius: 5px;
	}
	.inplay-box.lock .fa-hourglass-start {
		font-size: 38px;
	}
	.ls-btn.ls-lock {
		background-color: #1f1f1f;
	}
	.ls-btn.ls-lock p:first-child {
		color : #383838;
	}
	.ls-btn.ls-lock .fa-lock {
		font-size: 22px;
		position: relative;
		top: -8px;
		left: -16px;
		color: #555;
	}
	.mobile-bc-wrap.inplay-pc {
		display: inline-block;
		position: sticky;
		bottom: 50px;
		width: 100%;
		background-color: transparent;
	}
	.mobile-bc-wrap.inplay-pc .bc-button {
		width: 250px;
		background-color: #FDB304;
		color : #000;
		margin : 0 auto;
		margin-bottom: 30px;
		display: flex;
		justify-content : space-around;
		align-items: center;
		padding : 15px 0px;
		font-size: 24px;
		border-radius: 10px;
		box-shadow: 0px 0px 5px darkgoldenrod;
		cursor: pointer;
	}
	.mobile-bc-wrap.inplay-pc .bc-button:hover {
		color : #FFF;
	}
	.mobile-bc-wrap.inplay-pc .bc-box {
		background-color: #1f1f1f;
	}
	.bc-betting caption {
		text-align: center;
		font-size: 14px;
	}
	.bet-default .theme-btn-4 {
		margin-top: 15px;
	}
	.bet-default .size-2 {
		margin-top: 15px;
	}
	.bc-select .betcart-lock td {
		background-color: #000;
		color : #212121;
	}
	.bc-select .betcart-lock .fa-lock {
		font-size: 24px;
		color : #ec7d62;
	}
	#modal-user-bet-confirm .bc-betting td:nth-child(1) {
		text-align: left;
	}
	#modal-user-bet-confirm .bc-betting td:nth-child(2) {
		text-align: right;
	}
  #modal-user-bet-confirm .bet-default {
    padding-top: 0px;
    padding-bottom: 15px;
    text-align: center;
  }
  #modal-user-bet-confirm .bet-default .fa-hourglass-start {
    display: block;
    font-size: 32px;
    color: #DDD;
    margin : 0 auto;
    margin-bottom: 10px;
  }
  #modal-user-bet-confirm .bet-complete {
    text-align: center;
    font-size: 16px;
    padding: 25px;
    line-height: 25px;
  }
  #modal-user-bet-confirm .bet-complete i {
    font-size: 60px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  #modal-user-bet-confirm .bet-complete p {
    margin-bottom: 15px;
  }
  @media (max-width : 767px) {
  	.row.inp-main > .col-xs-4.score p:last-child {
  		font-size: 16px;
  	}
  }












  /* Score box CSS */
  .overflowtext.sc-team { width: 120px; }
  .inplay-scorebox {
    width: 100%;
    height: auto;
    background-repeat : no-repeat;
    background-size : 100%;
    margin-bottom: 15px;
    background-color: #000000;
    padding-bottom: 1px;
  }
  .inplay-scorebox.baseball { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_baseball.jpg'); }
  .inplay-scorebox.basketball { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_basketball_2.jpg'); }
  .inplay-scorebox.basketball .bottom td:nth-child(4) { border-right: 3px groove #DDDDDD; }

  .inplay-scorebox.volleyball { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_volleyball.jpg'); }
  .inplay-scorebox.soccer { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_soccer.jpg'); }
  .inplay-scorebox.soccer table { width: 100%; }
  
  .inplay-scorebox.hockey { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_hockey_2.jpg'); }

  .inplay-scorebox .scorebox-tablebox {
    overflow: scroll;
  }
  .inplay-scorebox .bottom {
    width: 515px;
    color: #DDDDDD;
  }
  .inplay-scorebox .bottom th {
    text-align: center;
    font-size: 10px;
    padding-bottom: 3px;
    min-width: 40px;
  }
  .inplay-scorebox .bottom td:first-child {
    width: 115px;
    background-color: #036999;
    color: #FFFFFF;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
  }
  .inplay-scorebox .bottom td:nth-child(2) {
    background-color: #036999;
    color: #F2DF3A;
    border-right: 5px groove #DDDDDD;
  }
  .inplay-scorebox .bottom td {
    padding: 5px 0px;
    border: 1px solid #DDD;
  }

  .scorebox-title .top {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .scorebox-title .top caption {
    text-align: center;
    color: #fed600;
  }
  .scorebox-title .top tbody td {
    color: #EDEDED;
  }
  .scorebox-title .top > tbody > tr > td:nth-child(1),
  .scorebox-title .top > tbody > tr > td:nth-child(5) {
    width: 35%;
  }
  .scorebox-title .top > tbody > tr > td:nth-child(2),
  .scorebox-title .top > tbody > tr > td:nth-child(4) {
    width: 13%;
  }
  .scorebox-title .top .show-score {
    border-radius: 5px;
    font-size: 18px;
    padding: 8px 0px;
  }





  /* Mybetlist NEW */

	.modal .note-editor.note-frame .note-editing-area .note-editable {
		text-align: left;
		font-size: 14px;
	}
	.overflowtext.mybet-league {
		width: 285px;
	}
	.mybet-wrap {
		padding: 35px 0px;
	}
	.mybet-box {
		margin-bottom: 35px;
	}
	.mybet-table .sports > tr > td {
		border : 1px solid #383838;
		text-align: center;
		font-size: 14px;
		color : #C1C1C1;
		padding: 5px;
	}
	.mybet-table > tfoot > tr > td {
		border : 1px solid #383838;
	}
	.mybet-table .sports > tr:first-child > td {
		padding: 10px;
		background-color: #555555;
	}
	.mybet-table .sports > tr:nth-child(even) > td {
		background-color: #0f0f0f;
	}
	.mybet-table .sports .text-left {
		text-align: left!important;
	}
	.mybet-league {
		margin-left: 5px;
		margin-right: 5px;
	}
	.mybet-table .sports .badge {
		border-radius: 5px;
		background-color: #232323;
	}
	.mybet-table .sports .badge.inplay {
		background-color: darkblue;
	}
	.mybet-table .sports .badge.minigame {
		background-color: brown;
	}
	.mybet-table .sports .badge.odds {
		margin-right: 15px;
	}
	.mybet-table .sports marquee {
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.mybet-result > tbody > tr > td {
		text-align: center;
		color: #C1C1C1;
		padding: 5px;
		font-size: 14px;
		background-color: #212121;
	}
	.mybet-bottom.row .col-xs-8,
	.mybet-bottom.row .col-xs-4 {
		padding-top: 10px;
		text-align: right;
	}
	.mybet-bottom.row .col-xs-4 i {
		font-size: 36px;
	}
	.mybet-bottom.row .col-xs-4 span {
		position: relative;
		top: -10px;
		right: 10px;
	}
	.mybetlist_nav_checkbox.new > span {
		font-size: 16px;
	}
	.mybet-table .minigame .mybet-td-1 { width: 15%; }
	.mybet-table .minigame .mybet-td-2 { width: 25%; }
	@media (max-width : 767px) {
		.mybet-table .sports > tr:first-child > td {
			padding: 10px 3px;
		}
		.mybetlist_nav_checkbox.new > span {
			font-size: 14px;
		}
		.mybet-table .sports > tr > td,
		.mybet-result > tbody > tr > td {
			font-size: 12px;
			padding : 5px 3px;
		}
		.mybet-table .minigame .mybet-td-1 { width: 32%; }
		.mybet-table .sports .badge.odds {
			margin-right: 3px;
		}
	}


	/* Prematch - korea */
	.btn-sports {
		text-align: center;
		padding: 20px 0px;
		font-size: 18px;
		border : 1px solid #383838;
		border-radius: 10px;
		margin-bottom: 10px;
		filter: brightness(0.3) grayscale(50%);
		transition: 0.3s;
	}
	.btn-sports.active,.btn-sports:hover {
		filter: brightness(1.0) grayscale(0%);
		box-shadow: 0px 0px 5px var(--theme-text-4);
		transition: 0.3s;
	}
	.btn-sports.livesports {
		background : url("/asset/black/img/banner/sports-live-1.jpg") #000000 no-repeat;
		background-size: cover;
	}
	.btn-sports.eusports {
		background : url("/asset/black/img/banner/sports-eu-1.jpg") #000000 no-repeat;
		background-size: cover;
	}
	.btn-sports.krsports {
		background : url("/asset/black/img/banner/sports-kr-1.jpg") #000000 no-repeat;
		background-size: cover;
	}
	.row.btn-market1 .col-xs-5,
	.row.btn-market1 .col-xs-2 {
		padding-left: 2px;
		padding-right: 2px;
	}
	.ls-btn.korea {
		height: 40px;
		padding: 0px;
	}
	.ko-btn,.baseline {
		height: 40px;
		padding : 10px 8px;
		border-radius: 5px;
	}
	.ls-btn.korea .baseline {
		cursor: default;
	}
	.league-black .startdate {
		padding : 0px 20px 0px 0px;
		font-size: 14px;
		color : #DDDDDD;
	}
	.league-black .startdate .vsteam {
		font-style: italic;
		color : #383838;
		font-size: 12px;
		margin-left: 15px;
	}
	.row.btn-market1 .col-xs-5 {
		width: 46%;
	}
	.row.btn-market1 .col-xs-2 {
		width: 8%;
	}
	.row.btn-market1 .col-xs-5.active .ko-btn,
	.row.btn-market1 .col-xs-2.active .ko-btn {
		background-color: var(--theme-4);
		color : #000;
	}
	.league-black .float-r {
		padding-right: 20px;
	}
	.bc-select .bonustd td:last-child {
		font-size: 16px!important;
		color : var(--theme-4);
	}
	.bc-select td > p > .badge {
		float: right;
	}
	.bc-select.new tr > td:first-child > p:first-child {
		font-size: 16px;
	}
	.bc-select.new td .bc-vsteam {
		font-style: italic;
		font-size: 12px;
		color : #555;
		margin-top: 8px;
	}
	.bc-select.new tr > td:last-child {
		width: 10%!important;
		font-size: 22px;
	}
	.bc-select.new tr > td:last-child:hover i {
		color: var(--theme-4);
	}
	@media (max-width : 767px) {
		.pre-black.korea {
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom : 150px;
		}
		.pre-black.korea .row.market-1 .col-xs-10 {
			padding-right: 3px;
			padding-left: 3px;
		}
		.btn-sports {
			font-size: 14px;
		}
		.nav-sports .col-xs-4 {
			padding-left: 3px;
			padding-right: 3px;
		}
		.row.btn-market1 .col-xs-5 {
			width: 42.5%;
		}
		.row.btn-market1 .col-xs-2 {
			width: 15%;
		}
		.ko-btn, .baseline {
			font-size: 11px;
			padding : 10px 3px;
		}
		.ko-btn .betname {
			width: 95px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.float-l.betname {
			text-align: left;
		}
		.float-r.betname {
			text-align: right;
		}
		.ko-btn .float-r.price {
			position: absolute;
			right: 8px;
		}
		.ko-btn .float-l.price {
			position: absolute;
			left: 8px;
		}
		.league-black .float-r {
			padding-right: 5px;
		}
		.league-black p {
			margin-top: 3px;
		}
		.league-black .vsteam {
			padding-left: 7px;
			font-size: 11px;
			color : #555;
			font-style: italic;
		}
		.ls-btn.korea {
			margin-bottom: 3px;
			padding-left: 0px!important;
			padding-right: 0px!important;
		}
	}
	/* Only PC */
	@media (min-width : 767px) {
		.row.btn-market1 .col-xs-5 .ls-btn .ko-btn:hover,
		.row.btn-market1 .col-xs-2 .ls-btn .ko-btn:hover {
			background-color: var(--theme-4);
			color : #000;
		}
		.row.btn-market1 .col-xs-2 .ls-btn .baseline:hover {
			background-color: transparent;
			color : inherit;
		}
	}


	/* Main page CSS */
  .mainbox-pc {
    width : 100%;
    max-width: 1200px;
    display: block;
    margin : 0 auto;
    padding-top: 30px;
  }
  .mainbox-pc .colwrap {
    background-color: rgb(0,0,0,0.85);
    border-radius: 15px;
    padding : 40px 50px;
    margin : 20px 0px;
  }
  .mainbox-pc .fiximg-1 {
    position: absolute;
    width: 100%;
    top: -15px;
  }
  .mainbox-pc .mainitem {
    width: 320px;
    height: 175px;
    transition: 0.3s;
    margin : 0 auto;
    border-radius: 10px;
    box-shadow: 0px 0px 10px darkgoldenrod;
  }
  .mainbox-pc .mainitem.hotelcasino {
    background : url("/asset/black/img/main/new/hotel-1.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.hotelcasino:hover {
    background : url("/asset/black/img/main/new/hotel-2.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.livecasino {
    background : url("/asset/black/img/main/new/casino-1.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.livecasino:hover {
    background : url("/asset/black/img/main/new/casino-2.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.kplay {
    background : url("/asset/black/img/main/new/kplay-0.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.kplay:hover {
    background : url("/asset/black/img/main/new/kplay-3.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.sports {
    background : url("/asset/black/img/main/new/sports-1.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.sports:hover {
    background : url("/asset/black/img/main/new/sports-2.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.minigame {
    background : url("/asset/black/img/main/new/mini-1.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.minigame:hover {
    background : url("/asset/black/img/main/new/mini-2.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.event {
    background : url("/asset/black/img/main/new/event-1.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.event:hover {
    background : url("/asset/black/img/main/new/event-2.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.token {
    background : url("/asset/black/img/main/new/token-1.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.token:hover {
    background : url("/asset/black/img/main/new/token-2.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.lotus {
    background : url("/asset/black/img/main/new/lotus-1.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.lotus:hover {
    background : url("/asset/black/img/main/new/lotus-2.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.crown {
    background : url("/asset/black/img/main/new/crown-1.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.crown:hover {
    background : url("/asset/black/img/main/new/crown-2.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.virtual {
    background : url("/asset/black/img/main/new/virtual-1.jpg") #000000 no-repeat;
    background-size: cover;
  }
  .mainbox-pc .mainitem.virtual:hover {
    background : url("/asset/black/img/main/new/virtual-2.jpg") #000000 no-repeat;
    background-size: cover;
  }


  .slot-letter {
    width: 1200px;
    height: 145px;
    background : url('/asset/black/img/main/new/letter-2.jpg') #000 no-repeat;
    background-size: cover;
    transition: 0.5s;
    margin : 0 auto;
    border-radius: 10px;
    box-shadow: 0px 0px 15px darkgrey;
  }
  .slot-letter p {
  	font-size: 100px;
  	font-weight: 600;
  	position: absolute;
  	top: -8px;
  	right: 20px;
  	background-clip: text;  
  	-webkit-background-clip: text;
  	padding-right: 25px;
  	margin-top: 0px;
  	-webkit-text-stroke : 13px transparent;
  	letter-spacing: 3px;
  	background-image: repeating-linear-gradient( 5deg,  
  		#DAA520 0% , 
  		#faebd7 23%, 
  		#FDB304 31%);
  	color: #3c0d60!important;
  }
  .letter-slot b {
  	margin-right: 15px;
  }
  footer.main-pc {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  footer.main-pc p {
    line-height: 30px;
    font-size: 13px;
    letter-spacing: 1px;
  }
  .modal-dialog.modal-nav {
    width: 100%;
    max-width: 1100px;
  }
  .modal-nav .tab-pane {
    padding: 30px 10px;
  }
  .nav.nav-tabs.main li {
    width: 10%;
    font-size: 14px;
    font-weight: 700;
  }
  .nav-tabs.main > li > a {
    font-size: 14px;
    padding : 18px 0px;
  }
  .nav-tabs.main > li.active > a, .nav-tabs.main > li.active > a:hover, .nav-tabs.main > li.active > a:focus,.nav-tabs.main > li > a:hover {
    background-color: var(--theme-text-4)!important;
    color : var(--black);
    border : 0px;
  }
  .modal-nav .tab-content .row img {
    width: 100%;
    margin : 15px 0px;
  }
  .modal-nav .tab-content .row p {
    font-size: 14px;
    color : burlywood;
  }
  #tab-mini p {
    font-size: 12px;
  }
  .modal-nav .tab-content .row > div {
    cursor: pointer;
    transition: 0.3s;
  }
  .modal-nav .tab-content .row > div:hover {
    filter: sepia(70%);
    transition: 0.3s;
  }
  .tab-close {
    color : #ec7d62;
    width: 60px;
    border-radius: 10px!important;
    padding : 15px 0px!important;
    float: right;
  }
  .tab-close i {
    font-size: 24px;
  }
  .modal-nav .modal-body {
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 0px 10px #555555;
  }
  .modal-nav .tab-content .caption span {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
	.custom-nav.new-1019 > ul {
		width : 100%;
	}
	.custom-nav.new-1019 > ul > li {
		width: 11%;
	}
  .new-modal-close {
    width: 100%;
    text-align: center;
    padding : 10px 0px;
  }
  .new-modal-close i {
    font-size: 24px;
    position: absolute;
    right: 20px;
    top : 13px;
  }
  .new-modal-close img {
    width: 150px;
    filter: sepia(50%);
  }
	@media (max-width : 1460px) {
		.custom-nav.new-1019 > ul > li > a {
			font-size: 13px;
		}
	}
  @media (max-width : 767px) {
  	.main-img {
  		width : 100%;
  		margin-bottom: -25px;
  	}
    .mainbox-pc {
      padding-top: 0px;
    }
    #home {
      height: auto;
      display: block;
      padding-top: 0px;
    }
    .pc_main_bottom {
      background-color: rgb(0,0,0,0.75);
      margin-top: 0px;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    #home .col-xs-12 img {
      width: 98%;
    }
    .mainbox-pc .imp {
      font-size: 30px!important;
    }
    .mainbox-pc .fiximg-1 {
      z-index: -1;
      filter: grayscale(30%);
    }
    .mainbox-pc .colwrap {
      padding : 10px 8px;
      margin : 20px 0px 0px;
    }
    .mainbox-pc .mainitem {
      width: 100%;
      height: 185px;
      box-shadow: 0px 0px 3px darkgoldenrod;
    }
    .colwrap a > img,
    .second a > img {
      width: 100%;
      box-shadow: 0px 0px 3px darkgoldenrod!important;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    .second .tele {
      padding-left: 10px!important;
      padding-right: 10px!important;
    }
    .second .tele img {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      box-shadow: 0px 0px 3px grey!important;
    }
    .slot-letter {
      width: 97%;
      height: 100px;
    }
    .slot-letter p {
      font-size: 40px;
      top: 0px;
      padding-right: 0px;
      -webkit-text-stroke : 5px transparent;
    }
    #home .col-xs-12 {
      padding : 5px;
    }
    footer.main-pc {
      padding : 30px 0px;
    }
    .nav.nav-tabs.main li {
      width: 33%;
      border : 1px solid transparent;
    }
    .nav-tabs.main > li.active > a, .nav-tabs.main > li.active > a:hover, .nav-tabs.main > li.active > a:focus, .nav-tabs.main > li > a:hover {
      border : 1px solid transparent;
    }
    .nav-tabs.main > li > a {
      font-size: 12px;
    }
    .modal-dialog.modal-nav {
      width: 94%;
      max-width: 94%;
    }
    .modal-nav .modal-body {
      border-radius: 10px 10px 0 0;
      box-shadow: 0px 0px 10px grey;
    }
    .modal-nav .tab-content .row p {
      font-size: 11px;
    }
    .nav-tabs > li > a {
      border-radius: 0px 0px 0 0;
    }
    .modal-nav .tab-pane {
      padding : 10px 0px 20px;
    }
    #tab-mini p {
      font-size: 11px;
    }
    .modal-nav .tab-content .row img {
      margin-bottom: 5px;
    }
    .tab-close {
      color : #ec7d62;
      width: 60px;
      border-radius: 10px!important;
      padding : 15px 0px!important;
      float: right;
    }
    .tab-close i {
      font-size: 24px;
    }
    .pc_main_bottom_logo img {
      filter : brightness(1) grayscale(100%)!important;
    }
    .row.colwrap .col-xs-6 {
      padding-left: 3px;
      padding-right: 3px;
      margin-top: 5px;
      margin-bottom: 15px;
    }
    .row.colwrap .col-xs-6 .theme-btn-0 {
      border : 1px solid #383838;
    }
    .modal-nav .tab-content .caption span {
      display: none;
    }
  }


  /* Minigame CSS */
  .btn_live.active {
    box-shadow: 0 0 8px #EFEFEF!important;
  }
  .btn_live {
    padding : 1.2em 1em!important;
  }
  .btn_live.baccara_b:hover span:nth-child(2),
  .active.baccara_b span:nth-child(2) {
    right: 5px!important;
    bottom: 15px!important;
  }
	/*************************************************************************************************************
	* TOKENGAME PAGE ***********************************************************************************************
	**************************************************************************************************************/
  .tkbox .tk-header {
    width: 100%;
    height: auto;
    padding-top: 10px;
    text-align: center;
    border : 1px solid #171a1c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #171a1c;
  }
  .tk-header p {
    font-size: 24px;
    color: silver;
  }
  .tkbox .tk-contents {
    padding: 0px 15px 30px 15px;
    margin-bottom: 30px;
    background-color: #171a1c;
  }
  .tk-header table { width: 100%; margin-bottom: 30px; }
  .tk-header td {
  	width: 14%;
    text-align: center;
    color: #ededed;
    font-size: 16px;
    cursor: pointer;
    padding : 5px 0px;
    border-right: 1px solid #555;
  }
  .tk-header a {
    transition: 0.2s;
  }
  .tk-header a:hover,.tk-header a:active {
    transition: 0.2s;
    filter: sepia(100%);
  }
  .tk-header p { margin: 10px 0px 30px 0px; }

	.tk-header tbody > tr > td:first-child { border-left: 0px; }
  .tk-header tbody > tr > td:last-child { border-right: 0px; }


  .tkbox table tbody > tr > td > a > img { 
    width: 30px;
    margin : 0 auto;
    display: block;
    position: relative;
    top: -5px;
  }

  @media (max-width : 767px) {
    .tkbox .tk-header {
      text-align: left;
    }
    .tk-header p { padding-left: 15px; margin-bottom: 20px; }
    .tkbox table tbody > tr > td > a > img { width: 25px; }
    
    .tk-header td { 
    	width: 20%;
    	font-size: 12px; 
    	padding: 0px; 
    	height: 55px;
    }
    .tk-header tr:last-child > td {
    	padding-top: 10px;
    }
  }



	/*************************************************************************************************************
	* TOKENGAME PAGE ***********************************************************************************************
	**************************************************************************************************************/

	.ch-new-box {
		font-size: 16px;
	}
	.ch-new-box h5 {
		font-size: 24px;
	}
	.ch-new-box h5,
	.ch-new-box b {
		color : #ffb800; /* 주황 */
	}
	.ch-new-box span {
		color :  #fffe6a; /* 노랑 */
	}
	.ch-new-box font {
		color : #00ffe8; /* 형광*/
	}
	.charge .form-group h5 {
		text-align: left;
		font-size: 28px;
		padding-bottom: 8px;
	}
	.charge .form-group h5 > i {
		font-size: 36px;
		color : var(--theme-4);
		margin-right: 5px;
		position: relative;
		top: 5px;
	}
	.charge .form-group {
		margin-bottom: 25px;
	}
	.charge .size-3 {
		padding: 25px 0px!important;
	}
	.charge .btn-fw {
		font-size: 24;
		margin : 15px 0px;
		cursor: pointer;
	}
	.charge .btn-fw:hover {
		box-shadow: 0 0 8px grey;
	}
	#charge-money .row .bt {
		padding: 15px 0px;
	}
	#charge-money .row .bt:hover {
		color : var(--theme-4);
	}
	.charge-btn {
		padding: 5px 25px;
	}
	@media (max-width : 767px) {
		.charge .form-control.select {
			font-size: 14px;
		}
		.charge-btn {
			padding: 5px 13px;
		}
		.charge .text-area {
			padding-top: 15px;
		}
		.ch-new-box {
			font-size: 14px;
		}
		.ch-new-box h5 {
			font-size: 18px;
		}
	}
		/* Media CSS */
		@media (max-width : 1885px) {
			.nav-top .icons a {
				margin-right: 28px;
			}
			.nav-top .menubox div {
				margin-left: 25px;
				margin-right: 25px;
			}
		}
		@media (max-width : 1735px) {
			.nav-top .icons a {
				margin-right: 26px;
			}
			.nav-top .menubox div {
				margin-left: 18px;
				margin-right: 18px;
			}
		}
		@media (max-width : 1655px) {
			.nav-top .icons a {
				margin-right: 24px;
			}
		}
		@media (max-width : 1585px) {
			.nav-top .icons,
			.nav-top .menubox {
				padding-left: 5px;
				padding-right: 5px;
			}
			.nav-top .menubox div {
				margin-right: 10px;
				margin-left: 10px;
			}
		}
		@media (max-width : 1555px) {
			.nav-top .menubox div {
				margin-left: 7px;
				margin-right: 7px;
			}
			.nav-top .icons a {
				margin-right: 22px;
			}
		}


	/*************************************************************************************************************
	★ Toggle navigation 
	**************************************************************************************************************/
  :root {
    --color-main-00 : #EDEDED;
    --color-main-01 : burlywood;
    --color-main-02 : darkorange;
    --color-main-03 : darkgoldenrod;
    --color-button-01 : #555;
    --color-button-02 : #212121;
    --color-button-03 : #111111;
    --color-sil-1 : rgba(0, 0, 0, 0.5);
    --color-sil-2 : darkgrey;
    --color-sil-3 : ghostwhite;
    --color-sil-4 : #454545;
    --color-sil-red : firebrick;
  }
  .toggle-section {
  	background-image: url('/asset/design/default/img/background/toggle-background-02.jpg');
  	padding-bottom: 5px;
  }
  .toggle-section .container {
    width: 100%;
    max-width: 1052px;
    position: relative;
    top: 8px;
  }
  .toggle-btn:first-child {
    margin-right: auto;
  }
  .toggle-btn {
    width: calc(50% - 45px);
    height: 72px;
    background-color: rgb(0, 0, 0, 0);
    border: none;
    color: #FFF;
    font-size: 24px;
    transition: 0s;
  }
  .toggle-btn:first-child .btn-panel {
    margin-right: 29px;
  }
  .toggle-btn .btn-panel {
    width: calc(100% - 123px);
    height: 80%;
    border: 1px solid var(--color-sil-2);
    border-radius: 10px;
    background-image: linear-gradient(var(--color-button-01), var(--color-button-02));
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.5));
    flex-wrap: nowrap;
  }
  .toggle-btn .btn-panel:before {
    width: 100%;
    height: 0px;
    left: 0;
    bottom: 5px;
    background-color: #392b19;
  }
  .toggle-btn:first-child .btn-panel:after {
    right: -29px;
  }
  .toggle-btn .btn-panel:after {
    width: 29px;
    height: calc(100% + 20px);
    top: -1px;
    background-size: 100% 100%;
  }
  .toggle-btn:first-child .icon-panel {
    margin-left: -95px;
    margin-right: 25px;
  }
  .toggle-btn .icon-panel {
    width: 152px;
    height: 120px;
  }
  .toggle-btn .icon-panel:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
  }
  .toggle-btn:last-child .btn-panel:after {
    left: -29px;
    transform: rotateY(180deg);
  }
  .toggle-btn.active .icon-panel img {
    animation: toggleIconAnim 2s ease infinite;
  }
  .toggle-btn .icon-panel img {
    transition: 0.3s;
  }
  .toggle-btn .btn-panel .category {
    position: relative;
    top: -3px;
    white-space: nowrap;
    font-weight: bolder;
  }
  .toggle-btn.active .indicator {
    opacity: 1;
  }
  .toggle-btn .indicator {
    font-size: 30px;
    opacity: 0;
    animation: indicatorAnim 1s ease infinite;
  }
  .toggle-btn.active {
    color : var(--color-main-01);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1), 0 0 15px rgba(255, 255, 255, 0.4);
  }
  .toggle-btn:last-child .btn-panel {
    margin-left: 29px;
  }
  .toggle-btn:last-child .icon-panel {
    margin-right: -95px;
    margin-left: 25px;
  }
  .toggle-btn:last-child .icon-panel:before {
    transform: rotateY(180deg);
  }
  .toggle-section.tab-4 .row.container {
    max-width: 1300px;
    margin : 0 auto;
  }
  .toggle-section.tab-4 .col-lg-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .toggle-section.tab-4 .toggle-btn:last-child .icon-panel {
    margin-right: 0px;
    margin-left: 0px;
  }
  .toggle-section.tab-4 .toggle-btn .btn-panel {
    width: 100%;
    height: 55px;
  }
  .toggle-section.tab-4 .toggle-btn .icon-panel {
    width: 100%;
  }
  .toggle-section.tab-4 .icon-panel img {
    width: 140px;
  }
  .tgbox-sports {
    color : var(--color-main-01);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1), 0 0 15px rgba(255, 255, 255, 0.4);
    background-image: linear-gradient(var(--color-button-01), var(--color-button-02));
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.5));
    border : 1px solid var(--color-sil-2);
    border-radius: 10px;
    transition: 0.2s;
    cursor: pointer;
  }
  .tgbox-sports:hover {
    filter: sepia(50%);
    transition: 0.2s;
  }
  .tgbutton-sports {
    width: 100%;
    border : 0px;
  }
  .tgbutton-sports td:nth-child(1) img {
    width: 150px;
    animation : toggleIconAnim 2s ease infinite;
    position: absolute;
    top : -14px;
    left: 0;
  }
  .tgbutton-sports td:nth-child(3) i {
    animation : indicatorAnim 1s ease infinite;
    position: relative;
    right: 8px;
  }
  .tgbutton-sports td:nth-child(1) {
    width: 40%;
  }
  .tgbutton-sports td:nth-child(2) {
    width: 50%;
  }
  .tgbutton-sports td {
    text-align: center;
    padding : 10px 0px;
    font-size: 22px;
  }
  .tab-content .tab-pane.mini {
    height: 760px;
  }
  @media (max-width : 767px) {
    .tgbutton-sports td:nth-child(1) img {
      width: 80px;
      top: 0px;
      left: -10px;
    }
    .tgbutton-sports td {
      font-size: 1em;
    }
    .toggle-section.tab-4 .col-xs-6 {
      margin-bottom: 10px;
    }
  }
  /* Key frame animation */
  @keyframes toggleIconAnim {
    0% { transform: scale(1.0); }
    50% { transform: scale(0.95); }
    100% { transform: scale(1.0); }
  }
  @keyframes indicatorAnim {
    0% { transform:translateY(0); }
    50% { transform:translateY(-3px); }
    100% { transform:translateY(0px); }
  }
  @keyframes scContAnim {
    0% {
      opacity: 0;
      transform: translateY(25px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes scCharAnim {
    0% {
      opacity: 0;
      transform: scale(0.9);
    }
    100% {
      opacity: 1;
      transform: scale(1.0);
    }
  }
  @keyframes scLogoAnim {
    0% {
      opacity: 0;
      transform: translateX(-5%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes scFooterAnim {
    0% {
      opacity: 0;
      transform: translateY(-25px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes scFooterGlowAnim {
    0% { opacity:0; }
    100% { opacity:1; }
  }
  @keyframes toggleGLow {
    0% { opacity:1; }
    50% { opacity:0.6; }
    100% { opacity:1; }
  }