@font-face {
  font-family: "Noto Sans Thai", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
body{
	font-family: "Noto Sans Thai" !important;
	background: var(--bg_main);
}
body.nav-fixed{
	/*min-height: 75rem;*/
	padding-top: 4.5rem;
}
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1145px;
	}
}


@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@keyframes pulse {
    0%, 100% {
		height:25%;
        opacity: 0.5;
    }
    50% {
		height:45%;
        opacity: 1;
    }
}

@keyframes shake {
   10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
  100% {
    transform: scale(1.1);
  }
   
}
.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}
.animate-zoom {
   -webkit-animation: pulse 2s infinite;
   -moz-animation: pulse 2s infinite;
   -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.animate-shake-hover:focus, .animate-shake-hover:hover {
   -webkit-animation: shake 1s forwards;
   -moz-animation: shake 1s forwards;
   -o-animation: shake 1s forwards;
    animation: shake 1s forwards;
	 
}
.animate-zoom-focus {
    transition: transform 0.3s ease-in-out;
}
.animate-zoom-focus:focus ,.animate-zoom-focus:hover {
   transform: scale(1.1);
}
@keyframes blink {
	0% { color: black; }
	100% { color: red; }
}
.text-hot-animate{
	font-weight: bold;
	animation: blink 0.5s infinite alternate;
}
.block-process{
	background-color: #4b4b4bd9;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1060;
}
.block-process .loading{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-container {
	max-width: 480px;
	width: 100%;
	padding: 0.5rem 1.5rem;
	margin: 0.5rem 0;
	border-radius: 40px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	background: linear-gradient(320deg, var(--ci_color_2), var(--ci_color_1));
	color: var(--ci_color_font_1);
}
 .password-toggle {
	cursor: pointer;
	color: #6c757d;
}
.nav-home-img {
    color: var(--bg_frame_data);
    background-image: var(--bg_topbar_img);
}
.nav-home-color {
    color: var(--bg_frame_data);
	
	background: linear-gradient(160deg, var(--ci_color_headbar_1), var(--ci_color_headbar_2));
}
.bg-home {
    color: var(--ci_color_font_1);
    background: var(--bg_frame_data);
}
.menu-home  a{
	text-decoration: none;
    color: var(--ci_color_font_1);
}
.btn-play{
	display: inline-block;
	border: none;
	width: 320px;
	height: 130px;
	background: linear-gradient(160deg, var(--ci_color_1), var(--ci_color_2));
	transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
	will-change: background, transform;
	
}
.btn-play:hover{
	border: none;
	background: linear-gradient(160deg, var(--ci_color_2), var(--ci_color_1));
	transform: scale(1.05);
}
.btn-play div{
	width: 100%;
	height: 100%;
	background-image: url(/_nuxt/img/icon/btn_play.png)
}
.btn-menu{
	border: none;
	background: var(--ci_color_1);
    color: var(--ci_color_font_1);
}
.btn-menu:hover{
	background: var(--ci_color_2);
    color: var(--ci_color_font_1);
}
.btn-menu.active{
	background: var(--ci_color_2);
    color: var(--ci_color_font_2);
}
.custom-button-group {
	display: flex;
	border-radius: 30px;
	overflow: hidden;
	border: 2px solid var(--ci_color_1);
	width: 100%;
	max-width: 480px;
}

.btn-login {
	flex: 1;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.3s, color 0.3s;
	border-radius: 30px;
	margin: 3px;
	border: none;
	color: white;
}

.btn-login.active {
	background-color: var(--ci_color_1);
	color: var(--ci_color_font_1);
}
.btn-login:hover {
	background-color: var(--ci_color_2);
	color: var(--ci_color_font_2);
}
.btn-login:active {
	background-color: var(--ci_color_1) !important;
	color: var(--ci_color_font_1) !important;
}
.data-dynamic-select{
	color: #FFF !important;
    border: 1px solid #292f3d !important;
    background-color: #FFF !important;
}
.dynamic-select, .dynamic-select-options {
    /*color: #FFF !important;*/
    /*border: 1px solid #292f3d !important;*/
    background-color: #FFF !important;
}
.dynamic-select .dynamic-select-options .dynamic-select-option:hover, .dynamic-select .dynamic-select-options .dynamic-select-option:active {
    background-color: #535969;
	color: #FFF !important;
}
.footerindex {
    position: fixed;
}
.footerindex, .footerindex-login {
    background: #151515;
    border-top: 1px solid #222;
    bottom: 0;
    color: #d3d3d3;
    display: flex
;
    flex-direction: column;
    font-size: 80%;
    padding: 5px 5px 20px;
    text-align: center;
    width: 100%;
    z-index: 100;
}
.btn-gold{
	background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
    background-position: 50%;
    background-size: 100% 100%;
    border: 1px solid #a55d07;
    border-radius: .2em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(110, 80, 20, .4), inset 0 -1px 2px 1px #8b4208, inset 0 -1px 1px 2px #fae385;
    box-sizing: border-box;
    color: #783205;
    cursor: pointer;
    display: inline-block;
    /*font-size: 1em;*/
    height: auto;
    line-height: 1.5em;
    outline: none;
    /*padding: 3px 0;*/
    text-shadow: 0 2px 2px #fae385;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}
.btn-gold:focus, .btn-gold:hover {
    background-size: 150% 150%;
    border: 1px solid rgba(165, 93, 7, .6);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23), inset 0 -2px 5px 1px #b17d10, inset 0 -1px 1px 3px #fae385;
    color: rgba(120, 50, 5, .8);
}

.btn-silver{
    background-image: linear-gradient(160deg, #525252, #8d8a83, #d8d8d6, #6b6b6b, #383838);
    background-position: 50%;
    background-size: 100% 100%;
    border: 1px solid #69645d;
    border-radius: .2em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(110, 80, 20, .4), inset 0 -1px 2px 1px #494949, inset 0 -1px 1px 2px #bebebe;
    box-sizing: border-box;
    color: #303030;
    cursor: pointer;
    display: inline-block;
    /*font-size: 1em;*/
    height: auto;
    line-height: 1.5em;
    outline: none;
    /*padding: 3px 0;*/
    text-shadow: 0 2px 2px #bebebe;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}
.btn-silver:focus, .btn-silver:hover {
    background-size: 150% 150%;
    border: 1px solid hsla(30, 2%, 45%, .6);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23), inset 0 -2px 5px 1px #88837a, inset 0 -1px 1px 3px #e6e2d2;
    color: rgba(54, 53, 53, .8);
}
.card-login{
	background-color: #000;
    border: 1px solid #f5bd70;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    color: #ffebcd;
    display: block;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 15px;
    width: 100%;
}
}
.footer-fixed{
    position: fixed;
    height: 100px;
    width: 100%;
    bottom: 0;
    left: 0;
	
	background: #151515;
    border-top: 1px solid #222;
    bottom: 0;
    color: #d3d3d3;
	
    font-size: 80%;
    padding: 5px 5px 20px;
    text-align: center;
    width: 100%;
    z-index: 100;
}
.menu-box{
	/*min-height: 45px;*/
}
.menu-box a{
	align-self: center !important;
	margin: 0px 5px;
	cursor: pointer;
    color: #ffebcd;
    -webkit-text-decoration: none;
    text-decoration: none;
}
.menu-box a:hover {
    color: #deb887;
}
.titlestyle {
    font-size: 120%;
    line-height: 1;
}
.tb-stock span.flag-icon {
    background-size: cover;
    border-bottom-right-radius: 8px;
    border-color: #333 #555 #555 #333;
    border-style: solid;
    border-top-left-radius: 4px;
    border-width: 1px;
    display: flex
;
}
.flag-icon:before {
    content: "\00a0";
}
.flag-icon {
    display: inline-block;
    line-height: 1em;
    position: relative;
    width: 1.33333333em;
}
.flag-icon, .flag-icon-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.flag-icon-card {
	background-image: url(/_nuxt/img/icon/icon_card.png)
}
.flag-icon-casino {
	background-image: url(/_nuxt/img/icon/icon_casino.png)
}
.flag-icon-slot {
	background-image: url(/_nuxt/img/icon/icon_slot.png)
}
.flag-icon-sport {
	background-image: url(/_nuxt/img/icon/icon_sport.png)
}
.flag-icon-kr {
	background-image: url(/_nuxt/img/flag/kr.svg)
}
.flag-icon-hk {
	background-image: url(/_nuxt/img/flag/hk.svg)
}
.flag-icon-eg {
	background-image: url(/_nuxt/img/flag/eg.svg)
}
.flag-icon-in {
	background-image: url(/_nuxt/img/flag/in.svg)
}
.flag-icon-us {
	background-image: url(/_nuxt/img/flag/us.svg)
}
.flag-icon-my {
	background-image: url(/_nuxt/img/flag/my.svg)
}
.flag-icon-jp {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWpwIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNLTg4IDMyaDY0MHY0ODBILTg4eiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCIgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4OCAtMzIpIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMTI4IDMyaDcyMHY0ODBoLTcyMHoiLz4KICAgIDxlbGxpcHNlIGN4PSI1MjMuMSIgY3k9IjM0NC4xIiBmaWxsPSIjZDMwMDAwIiByeD0iMTk0LjkiIHJ5PSIxOTQuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2OC40IDguNikgc2NhbGUoLjc2NTU0KSIvPgogIDwvZz4KPC9zdmc+Cg==)
}
.flag-icon-cn {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iZmxhZy1pY29uLWNzcy1jbiIgdmlld0JveD0iMCAwIDY0MCA0ODAiPgogIDxkZWZzPgogICAgPHBhdGggaWQ9ImEiIGZpbGw9IiNmZmRlMDAiIGQ9Ik0tLjYuOEwwLTEgLjYuOC0xLS4zaDJ6Ii8+CiAgPC9kZWZzPgogIDxwYXRoIGZpbGw9IiNkZTI5MTAiIGQ9Ik0wIDBoNjQwdjQ4MEgweiIvPgogIDx1c2Ugd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIiB0cmFuc2Zvcm09Im1hdHJpeCg3MS45OTkxIDAgMCA3MiAxMjAgMTIwKSIgeGxpbms6aHJlZj0iI2EiLz4KICA8dXNlIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEyLjMzNTYyIC0yMC41ODcxIDIwLjU4Njg0IC0xMi4zMzU3NyAyNDAuMyA0OCkiIHhsaW5rOmhyZWY9IiNhIi8+CiAgPHVzZSB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0ibWF0cml4KC0zLjM4NTczIC0yMy43NTk5OCAyMy43NTk2OCAtMy4zODU3OCAyODggOTUuOCkiIHhsaW5rOmhyZWY9IiNhIi8+CiAgPHVzZSB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0ibWF0cml4KDYuNTk5MSAtMjMuMDc0OSAyMy4wNzQ2IDYuNTk5MTkgMjg4IDE2OCkiIHhsaW5rOmhyZWY9IiNhIi8+CiAgPHVzZSB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0ibWF0cml4KDE0Ljk5OTEgLTE4LjczNTU3IDE4LjczNTMzIDE0Ljk5OTI5IDI0MCAyMTYpIiB4bGluazpocmVmPSIjYSIvPgo8L3N2Zz4K)
}
.flag-icon-tw {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXR3IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNMCAwaDY4Mi43djUxMkgweiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCIgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InNjYWxlKC45Mzc1KSI+CiAgICA8cGF0aCBmaWxsPSIjZmUwMDAwIiBkPSJNMCAwaDc2OHY1MTJIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAwOTUiIGQ9Ik0wIDBoMzg1Ljd2MjU2SDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjgyLjEgMTc4LjZsLTQ3LjMtOS44IDEwIDQ3LjMtMzYtMzIuMS0xNSA0Ni0xNS4yLTQ1LjktMzYgMzIuNCA5LjgtNDcuNC00Ny4yIDEwLjEgMzItMzYuMS00Ni0xNSA0Ni0xNS4yLTMyLjQtMzUuOCA0Ny4zIDkuNy0xMC00Ny4zIDM2IDMyLjEgMTUtNDYgMTUuMiA0NS45IDM1LjktMzIuNC05LjcgNDcuNCA0Ny4yLTEwLjEtMzIgMzYuMSA0NS45IDE1LTQ1LjkgMTUuMnoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAwOTUiIGQ9Ik0yMzguNSAxNzVsLTE1IDcuOS0xNC41IDguNi0xNy0uNi0xNi45LjItMTQuMy05TDE0NiAxNzRsLTgtMTUtOC42LTE0LjUuNi0xNi44LS4yLTE3IDktMTQuMiA4LjMtMTQuOCAxNC45LTcuOSAxNC42LTguNiAxNi45LjYgMTctLjIgMTQuMyA5IDE0LjcgOC4yIDggMTQuOSA4LjYgMTQuNS0uNiAxNi45LjIgMTYuOS05IDE0LjN6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQ0LjYgMTI4LjNhNTEuOSA1MS45IDAgMSAxLTEwMy43IDAgNTEuOSA1MS45IDAgMCAxIDEwMy43IDB6Ii8+CiAgPC9nPgo8L3N2Zz4K)
}
.flag-icon-th {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXRoIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNmNGY1ZjgiIGQ9Ik0wIDBoNjQwdjQ4MEgweiIvPgogICAgPHBhdGggZmlsbD0iIzJkMmE0YSIgZD0iTTAgMTYyLjVoNjQwdjE2MEgweiIvPgogICAgPHBhdGggZmlsbD0iI2E1MTkzMSIgZD0iTTAgMGg2NDB2ODIuNUgwem0wIDQwMGg2NDB2ODBIMHoiLz4KICA8L2c+Cjwvc3ZnPgo=)
}
.flag-icon-sg {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXNnIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1wYXRoPSJ1cmwoI2EpIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAgMGg3MjB2NDgwSC0yMHoiLz4KICAgIDxwYXRoIGZpbGw9IiNkZjAwMDAiIGQ9Ik0tMjAgMGg3MjB2MjQwSC0yMHoiLz4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNDYgNDAuMmE4NC40IDg0LjQgMCAwIDAgLjggMTY1LjIgODYgODYgMCAwIDEtMTA2LjYtNTkgODYgODYgMCAwIDEgNTktMTA2YzE2LTQuNiAzMC44LTQuNyA0Ni45LS4yeiIvPgogICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzMyAxMTBsNC45IDE1LTEzLTkuMi0xMi44IDkuNCA0LjctMTUuMi0xMi44LTkuMyAxNS45LS4yIDUtMTUgNSAxNWgxNS44em0xNy41IDUybDUgMTUuMS0xMy05LjItMTIuOSA5LjMgNC44LTE1LjEtMTIuOC05LjQgMTUuOS0uMSA0LjktMTUuMSA1IDE1aDE2em01OC41LS40bDQuOSAxNS4yLTEzLTkuMy0xMi44IDkuMyA0LjctMTUuMS0xMi44LTkuMyAxNS45LS4yIDUtMTUgNSAxNWgxNS44em0xNy40LTUxLjZsNC45IDE1LjEtMTMtOS4yLTEyLjggOS4zIDQuOC0xNS4xLTEyLjktOS40IDE2LS4xIDQuOC0xNS4xIDUgMTVoMTZ6bS00Ni4zLTM0LjNsNSAxNS4yLTEzLTkuMy0xMi45IDkuNCA0LjgtMTUuMi0xMi44LTkuNCAxNS44LS4xIDUtMTUuMSA1IDE1aDE2eiIvPgogIDwvZz4KPC9zdmc+Cg==)
}
.flag-icon-de {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWRlIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0iTTAgMzIwaDY0MHYxNjBIMHoiLz4KICA8cGF0aCBkPSJNMCAwaDY0MHYxNjBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZDAwIiBkPSJNMCAxNjBoNjQwdjE2MEgweiIvPgo8L3N2Zz4K)
}
.flag-icon-gb {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWdiIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNLTg1LjMgMGg2ODIuNnY1MTJILTg1LjN6Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwKSBzY2FsZSguOTQpIj4KICAgIDxnIHN0cm9rZS13aWR0aD0iMXB0Ij4KICAgICAgPHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTS0yNTYgMEg3Njh2NTEySC0yNTZ6Ii8+CiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjU2IDB2NTcuMkw2NTMuNSA1MTJINzY4di01Ny4yTC0xNDEuNSAwSC0yNTZ6TTc2OCAwdjU3LjJMLTE0MS41IDUxMkgtMjU2di01Ny4yTDY1My41IDBINzY4eiIvPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTcwLjcgMHY1MTJoMTcwLjZWMEgxNzAuN3pNLTI1NiAxNzAuN3YxNzAuNkg3NjhWMTcwLjdILTI1NnoiLz4KICAgICAgPHBhdGggZmlsbD0iI2M4MTAyZSIgZD0iTS0yNTYgMjA0Ljh2MTAyLjRINzY4VjIwNC44SC0yNTZ6TTIwNC44IDB2NTEyaDEwMi40VjBIMjA0Ljh6TS0yNTYgNTEyTDg1LjMgMzQxLjNoNzYuNEwtMTc5LjcgNTEySC0yNTZ6bTAtNTEyTDg1LjMgMTcwLjdIOUwtMjU2IDM4LjJWMHptNjA2LjQgMTcwLjdMNjkxLjcgMEg3NjhMNDI2LjcgMTcwLjdoLTc2LjN6TTc2OCA1MTJMNDI2LjcgMzQxLjNINTAzbDI2NSAxMzIuNVY1MTJ6Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K)
}
.flag-icon-ru {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXJ1IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDM5YTYiIGQ9Ik0wIDE2MGg2NDB2MzIwSDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZDUyYjFlIiBkPSJNMCAzMjBoNjQwdjE2MEgweiIvPgogIDwvZz4KPC9zdmc+Cg==)
}
.flag-icon-vn {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXZuIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNLTg1LjMgMGg2ODIuNnY1MTJILTg1LjN6Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODApIHNjYWxlKC45Mzc1KSI+CiAgICA8cGF0aCBmaWxsPSIjZWMwMDE1IiBkPSJNLTEyOCAwaDc2OHY1MTJoLTc2OHoiLz4KICAgIDxwYXRoIGZpbGw9IiNmZjAiIGQ9Ik0zNDkuNiAzODFMMjYwIDMxNC4zbC04OSA2Ny4zTDIwNCAyNzJsLTg5LTY3LjcgMTEwLjEtMSAzNC4yLTEwOS40TDI5NCAyMDNsMTEwLjEuMS04OC41IDY4LjQgMzMuOSAxMDkuNnoiLz4KICA8L2c+Cjwvc3ZnPgo=)
}
.flag-icon-la {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWxhIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1wYXRoPSJ1cmwoI2EpIj4KICAgIDxwYXRoIGZpbGw9IiNjZTExMjYiIGQ9Ik0tNDAgMGg3MjB2NDgwSC00MHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDI4NjgiIGQ9Ik0tNDAgMTE5LjNoNzIwdjI0MS40SC00MHoiLz4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00MjMuNCAyNDBhMTAzLjQgMTAzLjQgMCAxIDEtMjA2LjggMCAxMDMuNCAxMDMuNCAwIDEgMSAyMDYuOCAweiIvPgogIDwvZz4KPC9zdmc+Cg==)
}
 .flag-icon-gsb {
	background-color: #f90a86
}

.flag-icon-baac {
	background-color: #3c7aff
}

.marqueemain {
    background-color: #111;
    border: 1px solid #555;
    margin-bottom: 0;
    padding: 5px 10px;
}
.topbox {
    background: #222;
    border: 1px solid #333;
    border-radius: 5px;
    color: #fafad2;
    display: block;
    padding: 10px 10px;
}

.l-btn {
    background: #0a0600;
    width: 50px;
    padding: 0px;
	margin: -9px -17px;
    border-radius: 6px 0px 0px 6px;
    line-height: 2.5em;
}
.box {
   cursor: pointer;
}
.boxhuay{
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
.boxhuay.disabled{
    filter: grayscale(1) opacity(.7);
}
.goldpattern {
    background: url('https://www.lotto432c.com/_nuxt/img/gold-pattern.c316495.jpg') top;
    background-size: 100%;
}
.head-huay {
    align-items: stretch;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start;
    width: 100%;
}
a .lotto-card:hover, a.lotto-card:focus {
    box-shadow: 0 0 10px #555;
}

.headtxt{
    color: #fff;
    letter-spacing: .04em;
    text-align: right;
    text-shadow: #000 2px 0 0, #000 1.75517px .958851px 0, #000 1.0806px 1.68294px 0, #000 .141474px 1.99499px 0, #000 -.832294px 1.81859px 0, #000 -1.60229px 1.19694px 0, #000 -1.97998px .28224px 0, #000 -1.87291px -.701566px 0, #000 -1.30729px -1.5136px 0, #000 -.421592px -1.95506px 0, #000 .567324px -1.91785px 0, #000 1.41734px -1.41108px 0, #000 1.92034px -.558831px 0;
}
.headflag {
    align-self: stretch;
    border-right: 1px solid rgba(0, 0, 0, .5);
    overflow: hidden;
    width: 50px;
}
.headflag>span {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
}
.fullflag{
    background-size: cover;
    height: 100%;
    width: 100%;
}
.lotto-yeekee{
	background-color: #ce0a1e;
    border: 1px solid #aa1423;
}
.body-huay{
    background: #252525;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 8px 5px;
    text-align: right;
    width: 100%;
}

.subhead-huay {
    background: rgba(0, 0, 0, .5);
    color: gold;
    display: block;
    font-size: 80%;
    padding: 2px 2px 1px;
    text-shadow: #000 1px 1px 2px;
    width: 100%;
}

.div_res{
	border-radius: 8px;
	/*background: #181d21;*/
}
.div_res .div_res_head{
	text-align: center;
	color: #000;
	font-size: 15px;
	background: #FFF;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	min-height:30px;
	padding: 5px;
}
.div_res_head .row{
	min-height:50px;
}
.div_res_head .order{
	text-align: left;
	padding-top: 5px;
	padding-left: 15px;
	
}
.div_res_head .order_st{
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 0 5px 0 0;
}
.div_res .div_res_body{
	color: #fff;
	text-align: center;
	padding: 5px;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
}
.div_res_body .div_type{
	color: #000;
    margin: 0.5rem;
	background: #ffffff;
	border-radius: 5px;
}
.div_res .div_res_foot{
	/*background: #eaeaea;*/
	text-align: center;
	padding: 5px;
	/*border-top: 1px solid #c3c3c3;*/
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.div_res_foot .div_numo{
	border-top: 1px solid #c3c3c3;
	font-size: 12px;
}

.btn-app2 {
    appearance: button;
    border: solid transparent;
    border-radius: 16px;
    border-width: 0 0 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    /*font-family: din-round, sans-serif;*/
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 20px;
    outline: none;
    overflow: visible;
    /*padding: 13px 16px;*/
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transform: translateZ(0);
    transition: filter .2s;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
    white-space: nowrap;
	height: 60px;
	min-width: 60px;
	margin: 0 0 10px 10px;
}
.btn-app2:after {
    background-clip: padding-box;
    border: solid transparent;
    border-radius: 16px;
    border-width: 0 0 4px;
    bottom: -4px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.btn-app2.btn-app2-info{
	background-color: #1899D6;
	color: #FFFFFF;
}
.btn-app2.btn-app2-info:after{
    background-color: #1CB0F6;
}
.btn-app2.btn-app2-warning{
	background-color: #c79708;
	color: #000;
}
.btn-app2.btn-app2-warning:after{
    background-color: #ffc107;
}
.btn-app2.btn-app2-danger{
	background-color: #610009;
	color: #FFFFFF;
}
.btn-app2.btn-app2-danger:after{
    background-color: #bd2130;
}

.btn-app2:hover:not(:disabled) {
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
}
.btn-app2, .btn-app2:focus {
    user-select: auto;
}
.btn-app2:active {
    border-width: 4px 0 0;
	border-color: #ffffff00 !important;
}

.digit-group input {
    width: 55px;
    height: 55px;
    margin: 0px 2px;
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    color: #158fbc;
    border-radius: 10px;
    border: solid 2px #158fbc;
	
}

.ribbon_hot {
    background-position: bottom;
    background-size: cover;
    border-radius: 10px 10px 10px 10px;
    top: 0 !important;
    filter: hue-rotate(-12deg);
    max-height: 130px;
    max-width: 130px;
    mix-blend-mode: plus-lighter;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    background-image: url(https://xn--q3crjgt8k.com/_nuxt/img/hot_1.gif);
}
.ribbon_dev {
    background-position: bottom;
    background-size: cover;
    position: absolute;
    border-radius: 10px 10px 10px 10px;
    width: 100%;
    height: 100%;
    max-height: 130px;
    max-width: 130px;
    top: 0 !important;
	/*background:#6a6a6ac9;*/
    left: 50%;
    transform: translate(-50%, 0%);
    background-image: url(https://xn--q3crjgt8k.com/_nuxt/img/dev_1.png),linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}


.ck-button {
    margin-bottom:5px;
    /*background-color:#EFEFEF;*/
    border-radius:4px;
    /*border:1px solid #D0D0D0;*/
    overflow:auto;
    /*float:left;*/
	border: solid 1px;
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	flex-direction: row;
}

.ck-button label input {
	position: absolute;
    z-index: -1;
}

.ck-button label {
    /*float:left;*/
    width:100%;
	margin:0;
	cursor: pointer;
	user-select: none;
}

.ck-button label span {
    text-align:center;
    padding:10px 10px;
    display:block;
}
.ck-button.ck-sm label span {
    text-align:center;
    padding:5px 5px;
    display:block;
}
.ck-button.ck-default {
	color: #000;
    border-color: #000;
}
.ck-button.ck-default input:checked + span {
	color: #FFF;
    background-color: #7b7b7b;
    border-color: #7b7b7b;
}

.ck-button.ck-success {
	color: #28a745;
    border-color: #28a745;
}
.ck-button.ck-success input:checked + span {
	color: #FFF;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.ck-button.ck-info {
	color: #17a2b8;
    border-color: #17a2b8;
}
.ck-button.ck-info input:checked + span {
	color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}
.ck-button.ck-primary {
	color: #007bff;
    border-color: #007bff;
}
.ck-button.ck-primary input:checked + span {
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.ck-button.ck-warning {
	color: #ffc107;
    border-color: #ffc107;
}
.ck-button.ck-warning input:checked + span {
	color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
.ck-button.ck-danger {
	color: #bd2130;
    border-color: #bd2130;
}
.ck-button.ck-danger input:checked + span {
	color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}
.ck-button.ck-lotto {
	color: var(--ci_color_font_1);
	/*color: var(--ci_color_1);*/
    border-color: var(--ci_color_1);
    background-color: var(--ci_color_2);
}
.ck-button.ck-lotto input:checked + span {
	color: var(--ci_color_font_1);
    background-color: var(--ci_color_1);
    border-color: var(--ci_color_1);
}