/* ********************************************
		    LOGIN & JOIN
		  **********************************************/
		.input-group.line.new {
			font-size: 24px;
			margin : 15px 0px;
			line-height: 50px;
		}
		.input-group.line.new input {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.input-group.line.new input:focus {
			transition: 0.3s;
			border-bottom: none!important;
			box-shadow: 0px 0px 5px #269dd3;
			border-radius: 10px;
		}
		.input-group.line.new i {
			font-size: 28px;
			color : #03a4ed!important;
		}
		.login-btn-red {
			background-color : #fe3f40;
			color : #FFF;
			border-radius: 20px;
			font-size: 24px;
			padding: 24px 0px;
			margin-top: 25px;
		}
		.collapse.join {
			background-color: #EFEFEF;
		}
		.input-group.line.new .fa-gear {
			font-size: 50px;
		}
		.well .input-group.line.new {
			text-align: center;
		}
		.well .input-group.line.new input {
			text-align: center;
			padding-left: 0px;
		}
		.kt-logo {
			position: relative;
			text-align: center;
			width: 100%;
		}
		.kt-logo img {
			width: 100%;
			border-radius: 10px;
			box-shadow: 0 0 8px #555555;
			margin-top: 20px;
		}
		.con_img img {
			display: inline-block;
			width: 75px;
			margin-right: 8px;
			border: 1px solid #DDD;
			cursor: pointer;
		}
		.con_img img:hover {
			filter: sepia(30%);
			transform: scale(1.05);
			transition: 0.1s;
		}
		@media (max-width : 767px) {
			.main-banner {
				padding-top: 133px!important;
			}
			.main-banner .left-content h2 {
				font-size: 26px!important;
				line-height: 40px!important;
			}
			.input-group.line.new input {
				width: 100%!important;
				text-align: center!important;
				padding-left: 0px!important;
				padding-right: 0px!important;
			}
			.input-group.line.new .fa-gear {
				font-size: 50px!important;
			}
			.con_img {
				width: 100%;
				text-align: center;
			}
		}
		.modal.join .modal-header {
			text-align: center;
			padding: 15px 0px;
			font-size: 32px;
			color: #036999;
		}
		.modal.join table td {
			font-size: 16px;
			padding: 5px;
			border: 1px solid #EDEDED;
		}
		.modal.join tbody td:first-child {
			background-color: #269dd3;
			color: #FFFFFF;
			width: 20%;
			text-align: center;
		}
		.modal.join table td:last-child {
			width: 25%;
			font-size: 12px;
		}
		.modal.join table td:last-child div {
			padding: 8px 0px;
			width: 100%;
		}
		.join-phone input {
			display: inline-block;
			width: 30%;
		}
		.modal.join tfoot td {
			text-align: center;
		}
		.contents_wrap.join .theme-btn-3:hover {
			color: #FFFFFF;
		}


		  /* ********************************************
		    HEADER CSS
		  **********************************************/
		.flash-text {
			font-size: 14px;
			line-height: 25px;
			text-align: center;
			letter-spacing: 3px;
		}
		.flash-text b {
			color: #F2DF3A;
		}
		#m-nav-menu {
			background-image: url('/asset/main/img/background/bg_m_header_side.jpg');
			background-size: 100%;
			filter: grayscale(50%);
		}
		.container.pc-nav {
			width: 100%;
		}
		#cssmenu ul ul li {
			cursor: pointer;
		}
		.sidenav-bottom {
			padding: 10px 0px;
			background-color: var(--color-blue-3);
			color : white;
		}
		.sidenav-bottom .col-xs-4 {
			text-align: center;
			padding : 0px 3px;
		}
		.sidenav-bottom .col-xs-4 img {
			display: block;
			width: 40px;
			margin : 0 auto;
		}
		.sidenav-bottom .col-xs-4.slot img {
			position: relative;
			right: -4px;
		}
		.badge.hot {
			position: absolute;
			top: -5px;
			font-size: 12px;
			background-color: transparent;
			color: var(--color-yellow);
			transform: rotate(20deg);
		}
		.con_img.hd {
			position: absolute;
			top: 15px;
			right: 50px;
		}
		.con_img.hd img {
			width: 35px;
		}
		@media (max-width : 767px) {
			.flash-text {
				color : #DDDDDD;
				letter-spacing: 1.5px;
			}
			.con_img.hd {
				position: static;
				display: block;
				text-align: center;
				padding : 8px 0px;
			}
			.con_img.hd img {
				width: 50px;
			}
		}


		  /* ********************************************
		    POINT & CS_MAIN & Recomlist
		  **********************************************/
		.point_table {
			width: 100%;
			max-width: 400px;
			margin : 0 auto;
		}
		.point_table > tbody > tr > td {
			padding : 3px;
		}
		.form-control.point {
			text-align: right;
		}
		.input-group.point {
			width: 100%;
		}
		.cs_sure {
			font-size: 12px;
			padding-left: 3px;
		}
		.cs_sure b {
			color: #970000;
		}
		.cs_custom_box.sure .col-xs-10 {
			padding-left: 3px;
		}
		.cs_custom_box.sure .row.p-sure {
			margin-top: 15px;
			margin-bottom: 10px;
		}
		.cs_mms {
			font-size: 20px;
			position: relative;
			top: 3px;
			margin-right: 3px;
		}
		.cs_mms.open {
			color : var(--color-close);
		}
		.cs_mms.point {
			color : #d4af37;
		}
		.cs_mms_new {
			font-size: 13px;
			color : #AAA;
			font-style: italic;
			margin-left: 5px;
		}
		.recom_table {
			width: 100%;
		}
		.recom_table caption {
			text-align: center;
			font-size: 14px;
			color: #000;
		}
		.recom_table caption > p:last-child {
			color: #970000;
			margin-top: 5px;
			margin-bottom: 10px;
			font-size: 22px;
		}
		.recom_table th {
			padding : 10px 0px;
			text-align: center;
			background-color: #269dd3;
			color: #EDEDED;
		}
		.recom_table th:first-child {
			border-top-left-radius: 5px;
		}
		.recom_table th:last-child {
			border-top-right-radius: 5px;
		}
		.recom_table td {
			text-align: center;
			padding : 10px;
		}
		.recom_table tr:nth-child(even) > td {
			background-color: #EFEFEF;
		}
		.re_evetn_table {
			width: 100%;
		}
		.re_evetn_table b {
			color: #970000;
		}
		.re_evetn_table th {
			text-align: center;
		}
		.re_evetn_table td {
			text-align: center;
			padding : 5px 0px;
		}
		@media (max-width: 767px) {
			.re_evetn_table {
				margin-top: 50px;
			}
		}


		  /* ********************************************
		    CHARGE & EXCHANGE
		  **********************************************/
		.wallet-p {
			text-align: center!important;
		}
		.wallet-p.first {
			font-size: 18px!important;
		}
		.wallet-p.second {
			margin-top: 8px;
		}
		#coin-select {
			width: 300px!important;
		}
		.row.charge .bt.theme-btn-1.full {
			padding: 15px 0px;
			font-size: 18px;
			margin-bottom: 8px;
		}
		.ex-coin-w {
			margin-bottom: 15px;
			font-size: 14px;
		}
		.ex-coin-w b {
			color: #970000;
		}
		.input-group.new-01 i {
			position: absolute;
			top: 0px;
			bottom: 0px;
			margin : auto;
			height: 20px;
			width: 20px;
			text-align: center;
			line-height: 20px;
			font-size: 20px;
			left: 4px;
		}
		@media (max-width: 767px) {
			#coin-select {
				width: 175px!important;
			}
		}



		  /* ********************************************
		    MINI - vsoccer
		  **********************************************/
		.contents_left.vsoccer {
			padding-bottom: 150px;
		}


		  /* ********************************************
		    Boardlist & Boardread
		  **********************************************/
		.table_a.boardlist td {
			font-size: 13px;
			padding : 15px 0px;
		}
		.table_a.boardlist tbody > tr:nth-child(odd) > td {
			background-color: #FBFBFB;
		}
		.table_a.boardlist .betting {
			margin-left: 10px;
		}
		.boardread {
			padding : 12px 0px;
			background-color: var(--color-blue-1);
			color : white;
			font-size: 14px;
			padding : 12px 0px;
			letter-spacing: 1px;
			width: 100%;
			margin-bottom: 20px;
		}
		.badge.idx {
			margin : 0 auto;
		}
		.col-md-offset-2.col-md-2.col-xs-12.add-0905 {
			padding-bottom: 15px;
		}
		@media (max-width : 767px) {
			.overflowtext-new {
				width: 100%;
				text-align: left;
				margin : 0!important;
			}
			.mybet-bottom .bt.icon {
				padding : 8px 15px;
			}
		}
		@media (max-width : 445px) {
			.overflowtext-new { width : 335px; }
			.mybet-result tbody > tr:first-child > td:first-child {
				font-size: 11px;
			}
		}
		@media (max-width : 385px) {
			.overflowtext-new { width : 250px; }
		}


		  /* ********************************************
		    EVENT Rollbook_new CSS
		  **********************************************/

		.rollbook_wrap {
			margin-bottom: 150px;
		}
		.rollbook_wrap header {
			border-radius: 1em 1em 0 0;
			background-color : #0f8be0;
			border-image-source : linear-gradient(315deg, #eebb3b 0%, #684d08 74%);
			color: #fff;
			padding: 3em 2em;
		}
		.rollbook {
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			background-color: #fff;
		}
		.rollbook th,.rollbook td {
			padding: 15px;
			font-size: 18px;
			text-align: center;
			border-bottom: 1px solid #ddd;
			border-top: 1px solid #ddd;
		}
		.rollbook td:nth-child(odd) {
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
		}
		.rollbook td img {
			width: 100%;
		}
		.rbook_header_left th,.rbook_header_left td {
			font-size: 14px;
			padding : 15px 0px;
		}
		.panel.rollbook {
			margin-bottom: 50px;
			background-color: transparent;
		}
		@media (max-width : 767px) {
			.rollbook_wrap header {
				padding: 2em 2em;
			}
			.rollbook th,.rollbook td {
				padding: 5px;
			}
			.paypoint .bt.icon {
				margin-right: 0px;
				margin-left: 0px;
			}
			.ring-left { bottom: 845px; left: 25px; }
			.ring-right { bottom: 898px; left: 303px;}
			.rollbook_wrap {
				margin-bottom: 50px;
			}
		}



		  /* ********************************************
		    EVENT Vote CSS
		  **********************************************/
		.contents_wrap.match {
			padding-bottom: 200px;
		}
		.match .text-area p {
			color: var(--color-blue-3);
			font-size: 20px;
			margin-bottom: 5px;
		}
		.event-body.match {
			padding-bottom: 15px;
		}
		.match-table-1 caption {
			text-align: center;
			font-size: 16px;
			font-weight: bolder;
			color: black;
			padding: 15px 0px;
		}
		.match-table-1 td {
			padding: 3px;
			padding-top: 0px;
			border : 0px;
			width: 33%;
		}
		.match-table-1 tfoot td {
			padding-top: 20px;
		}
		.match-table-1 .match-box {
			width: 100%;
			border : 1px solid #DDD;
			border-radius: 10px;
			text-align: center;
			font-size: 16px;
			padding : 15px;
		}
		.match-box.active {
			background-color: var(--color-blue-2);
			color : white;
		}
		.contents_wrap.match .board_rep {
			background-color: white;
		}
		.contents_wrap.match .board_rep_table td {
			font-size: 20px;
			color : #333;
		}
		.contents_wrap.match .board_rep_table tbody > tr > td:first-child {
			width: 30%;
		}
		.contents_wrap.match .badge {
			background-color: var(--color-blue-3);
		}
		.vote-title {
			font-size: 14px;
			padding : 8px 12px;
			text-align: left;
			border : 1px solid #DDD;
			border-radius: 8px;
			background-color: #EDEDED;
			margin-top: 20px;
		}
		.vote-title.first {
			margin-top: 0px;
		}
		@media (max-width : 767px) {
			.match-table-1 .match-box {
				font-size: 14px;
				padding: 15px 3px;
			}
			.match-table-1 > tbody > tr > td:nth-child(2) {
				width: 14%;
			}
			.match .payback-border {
				padding: 5px 3px;
			}
			.contents_wrap.match .board_rep_table td {
				font-size: 14px;
			}
			.match .text-area p {
				font-size: 20px;
				margin-bottom: 8px;
			}
			.match .text-area {
				font-size: 14px;
			}
			.match-table-1 td {
				padding : 2px;
			}
			.vote-title {
				margin-top: 15px;
			}
			.event-body.match .title {
				font-size: 20px;
			}
			.event-body.match .contents {
				font-size: 14px;
			}
		}




		  /* ********************************************
		    Extream slotgame_v
		  **********************************************/

		.review {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			word-break: break-all;
		}
		.container.casino .thumbnail {
			border-radius: 10px;
			border : 3px groove #ededed;
			background-color: var(--color-blue-3);
			transition: 0.2s;
		}
		.container.casino .thumbnail img {
			border-radius: 3px;
			width: 100%;
		}
		.container.casino .thumbnail .caption {
			text-align: center;
		}
		.container.casino .thumbnail .review {
			font-size: 14px;
			color: lightcyan;
		}
		.container.casino .thumbnail .small-title {
			text-transform: uppercase;
			font-size: 8px;
			letter-spacing: 1px;
			margin-top: 6px;
			color : #DDD;
		}
		.container.casino .thumbnail:hover {
			filter: sepia(65%);
			transition: 0.2s;
		}
		.container.casino .title {
			text-align: center;
			font-size: 24px;
			margin : 15px 0px 28px;
			text-transform: uppercase;
		}
		.container.casino .title img {
			height: 40px;
			position: relative;
			top: -3px;
			right: 5px;
		}
		.img-thumb {
			width: 100%;
			height: 82px;
			overflow: hidden;
		}