@import url("/theme/Default/style.css");

body#page404, body#page404 h1 { color: #000 !important; text-align: center; }

html { }
body { line-height: normal; font-family: Tahoma, Arial; font-size: 14px; background-color: #fff; color: #444; }
body, html { }

    html.stop { height: 100%; }
    body.stop { overflow-y: hidden; height: 100%; }

* { padding: 0; margin: 0; vertical-align: middle; box-sizing: border-box; font-family: "Poppins", "Microsoft JhengHei"; }
table { width: 100%; }
button { outline: 0; border: 0; }
input { outline: 0; border: 0; }
iframe { width: 100%; height: 650px; border: 0; }
a, a:hover, a:active, a:focus { color: #000; text-decoration: none; }
ul, ol { margin-left: 20px; }
li { list-style-type: disc; }

h1 { font-size: 28px; color: #b08507; font-weight: 900; margin: 0.67em 0; text-align: center; line-height: normal; }
h2 { font-size: 22px; color: #b08507 !important; font-weight: bold; margin: 0.83em 0; text-align: center; line-height: normal; }
h3 { font-size: 22px; color: #b08507 !important; font-weight: bold; margin: 1em 0; text-align: center; line-height: normal; }
h4 { font-size: 16px; color: #444; font-weight: bold; margin: 1em 0; line-height: normal; }
p { margin: 20px 0; line-height: 30px; }

#imgLogo { display: none; }
.w90 { max-width: 1920px; width: 90%; margin: 0 auto; }
.w1100 { max-width: 1140px; width: 100%; margin: 0 auto; position: relative; z-index: 4; padding: 0 20px; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }

.btn-gold { padding: 1vw 4vw; font-size: 2vw; border-radius: 18px; color: #fecd06; position: relative; -webkit-transition: 0.2s -webkit-transform; transition: 0.2s -webkit-transform; transition: 0.2s transform; transition: 0.2s transform, 0.2s -webkit-transform; background: #eccd5e; background: -webkit-linear-gradient(top, #eccd5e 0%,#7b5900 100%); background: linear-gradient(to bottom, #eccd5e 0%,#7b5900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#7b5900',GradientType=0 ); background: #1b1919; border: 6px solid #d19a25; }
    .btn-gold:hover, .btn-gold:hover a { -webkit-transform: scale(0.95); transform: scale(0.95); color: #f5f5f5; background: #1b1919; border: 6px solid #d19a25; }
.btn-black { background: #222 !important; color: #fff !important; }
.btn-link { font-size: 1.5vw; display: table; margin: 30px auto; border-radius: 12px; font-weight: 600; cursor: pointer; }


@media screen and (max-width: 1024px) {
    .btn-gold { font-size: 3vw; }
}

@media screen and (max-width: 768px) {
    .btn-gold { padding: 2vw 4vw; }
}

@media screen and (max-width: 767px) {
    .btn-gold { padding: 2vw 6vw; font-size: 4vw; border-radius: 3vw; }
    p { line-height: 20px; font-size: 12px; }

    h2 { font-size: 6vw; }
    h3 { font-size: 4.5vw; }
}

/******************************************************************** font-face ******************/
/* montserrat-regular - latin */
@font-face { font-family: 'Montserrat-Regular'; font-style: normal; font-weight: 400; src: url('/theme/gdsingapore4/imgs/font/Montserrat-Regular/Montserrat-Regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/theme/gdsingapore4/imgs/font/Montserrat-Regular/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/gdsingapore4/imgs/font/Montserrat-Regular/Montserrat-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/gdsingapore4/imgs/font/Montserrat-Regular/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */ url('/theme/gdsingapore4/imgs/font/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/gdsingapore4/imgs/font/Montserrat-Regular/Montserrat-Regular.svg#Montserrat') format('svg'); /* Legacy iOS */ }
/* poppins-regular - latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Poppins Regular'), local('Poppins-Regular'), url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ }
/* poppins-900 - latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: bold; src: url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-800.eot'); /* IE9 Compat Modes */ src: local('Poppins Black'), local('Poppins-Black'), url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-800.woff') format('woff'), /* Modern Browsers */ url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/gdsingapore4/imgs/font/poppins/poppins-v9-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */ }

/*--------------------------------- scroll bar --*/
::-webkit-scrollbar { width: 8px; height: 5px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { background: #888; border: 0px none #ffffff; border-radius: 50px; }
    ::-webkit-scrollbar-thumb:hover { background: #888; }
    ::-webkit-scrollbar-thumb:active { background: #888; }
::-webkit-scrollbar-track { background: #F5F5F5; border: 0px none #ffffff; border-radius: 50px; }
    ::-webkit-scrollbar-track:hover { background: #F5F5F5; }
    ::-webkit-scrollbar-track:active { background: #F5F5F5; }
::-webkit-scrollbar-corner { background: transparent; }


/******************************************************************** HEADER ******************/
#divHeader-top { overflow-x: hidden; }
/*----------------- header top nav ---*/
.top-icn { width: 25px; height: 25px; background-color: #888; border-radius: 50%; margin: auto; }

.headerTop-nav { background-color: #4a4436; border-bottom: 1px solid #fff; overflow: hidden; }
    .headerTop-nav ul { display: table; margin: 5px auto; }
        .headerTop-nav ul > li { list-style-type: none; display: table-cell; text-align: center; padding: 0px 5px; }
            .headerTop-nav ul > li > a { display: block; padding: 5px; }

/*----------------- header top ---*/
.headerTop-bottom { display: table; width: 100%; margin: auto; position: relative; z-index: 100; z-index: 110; padding-bottom: 2.5vw; }
    .headerTop-bottom:after { content: ''; background-color: #fff; border-bottom: 2px solid #000; position: absolute; width: auto; height: 100%; bottom: 0; left: -30%; right: -30%; margin: auto; pointer-events: none; z-index: -1; border-radius: 0% 0% 50% 50%/0% 0% 100% 100%; /*background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 00%, rgba(74,68,54,1) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 00%, rgba(74,68,54,1) 100%);*/ }
    .headerTop-bottom > div { display: table-cell; table-layout: fixed; }
        .headerTop-bottom > div#divHeaderTop-logo { width: 100%; }


@media screen and (min-width: 1400px) {
    .headerTop-bottom { padding-bottom: 36px; }
}

@media screen and (max-width: 1023px) {
    .headerTop-bottom { padding-bottom: 5.5vw; }
}

@media screen and (max-width: 767px) {
    .headerTop-bottom { padding-bottom: 4.5vw; }
}

/*==== btn menu ====*/
#headerTop-left { /*position:absolute;*/ left: 0; }

.btn-menu { position: relative; }
    .btn-menu > div { padding: 25px 15px; cursor: pointer; }
    .btn-menu span { width: 30px; height: 4px; display: block; margin: 4px 0; background-color: #444; border-radius: 4px; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; }
        .btn-menu span:nth-child(2) { width: 25px; }
        .btn-menu span:nth-child(3) { width: 20px; }

/*==== logo ====*/
.headerTop-logo { text-align: center; padding: 10px 0; }
    .headerTop-logo > a { display: table; margin: auto; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transform-origin: top center; transform-origin: top center; }
        .headerTop-logo > a > img { max-height: 60px; height: 5vw; }

#logoCharity { position: absolute; top: 5px; left: 320px; right: 0; margin: auto; z-index: 2; text-align: center; pointer-events: none; }
    #logoCharity > a { pointer-events: auto; }
        #logoCharity > a > img { width: 100px; height: 100px; }
}
/*----------------- header right ---*/
#divHeadertop-right { position: absolute; right: 0; }
    #divHeadertop-right > div { /*display:inline-block;*/ display: table-cell; }
/*==== btn login ====*/
/*.btn-login { text-align: center; padding: 15px; cursor: pointer; color: #888; font-size: 14px; font-weight: bold; }
    .btn-login img { margin: 0px auto 5px; display: block; width: 35px; height: 35px; }*/

.btn-login { text-align: center; padding: 15px; cursor: pointer; color: #888; font-size: 14px; font-weight: 600; }
    .btn-login img { margin: 0px auto; display: block; width: 35px; height: 35px;/*background: #fe4b2a !important;*//*border: 1px solid #444;*/ filter:invert(1);}

/*==== btn login ====*/
#btnLanguange-top { color: #fff; text-align: center; padding: 0 10px; cursor: pointer; }
    #btnLanguange-top img { margin: 0px auto 5px; display: block; border-radius: 50%; border: 1px solid #888; }

@media screen and (max-width: 1024px) {
    .headerTop-logo > a > img { height: 8vw; }
}

@media screen and (max-width: 767px) {
    .headerTop-logo > a > img { height: 9vw; margin-right: 8vw; margin-top: -5px; }
    #divHeadertop-right > div#btnLanguange-top { display: none; }

    .btn-login { padding: 10px; }
        .btn-login img { height: 30px; width: 30px; margin-bottom: 0; }

    #logoCharity { left: 45vw; }
        #logoCharity > a > img { height: 17vw; width: 17vw; max-width: 85px; max-height: 85px; }
}



/*----------------- popup ---*/
.popup { position: fixed; z-index: 111; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: rgba(0,0,0,0.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.popup-container { background-color: #fff; max-width: 900px; width: 90%; top: 50px; position: absolute; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
.popup-wrapper { padding: 25px; }
.popup-content { }

.popup.active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }
    .popup.active .popup-container { -webkit-transform: translateY(0px); transform: translateY(0px); }

.btn-close-popup { position: absolute; top: 15px; right: 15px; cursor: pointer; z-index: 9; }
    .btn-close-popup > div { padding: 16px 8px; border-radius: 50%; border: 1px solid #d4af3c; }
    .btn-close-popup span { background-color: #d4af3c; height: 3px; width: 20px; border-radius: 2px; display: block; -webkit-transform: translateY(2px) rotate(45deg); transform: translateY(1px) rotate(45deg); }
        .btn-close-popup span:nth-child(2) { -webkit-transform: translateY(-1px) rotate(-45deg); transform: translateY(-1px) rotate(-45deg); }
    .btn-close-popup:hover { }
        .btn-close-popup:hover > div { border: 1px solid #7a6b45; background-color: #7a6b45; }
        .btn-close-popup:hover span { background-color: #fff; }

/*==== popup login ====*/
.popup-login { z-index: 112; }
    .popup-login .popup-container { max-width: 600px; }

.popup-login-logo { text-align: center; }
    .popup-login-logo img { height: 75px; }
.text-selectLogin { margin-top: 25px; color: #888; text-align: center; }

.login-form-container { font-size: 0; padding: 0 10px; text-align: center; }
.login-form-wrapper { width: 90%; padding: 20px; padding-top: 50px; display: inline-block; vertical-align: top; }
.login-form-content { border: 1px solid #eee; border-radius: 15px; padding: 25px 25px 35px; -webkit-tap-highlight-color: transparent; }
.login-form-title { text-align: center; font-size: 18px; margin-top: -50px; color: #000; }
.login-form-icon { width: 70px; height: 70px; margin: 0 auto 5px; background-image: url('/data/1262/uploads/icn-userlogin_unactive.png'); background-size: 100%; background-color: #fff; border-radius: 50%; }
.login-form-bottom { font-size: 12px; text-align: center; color: #333; }

.login-form-content { border: 1px solid #ebcb5c; box-shadow: 0 0 25px #ebcb5c; -webkit-animation: myGlow 2s infinite linear; animation: myGlow 2s infinite linear; }
    .login-form-content .login-form-icon { background-image: url('/data/1262/uploads/icn-userlogin_active.png'); }

.popup-login-bottom { }

.popup-login-register { padding-bottom: 15px; }
    .popup-login-register a { display: table; padding: 10px; margin: 0 auto; color: #686152; text-decoration: underline; }
        .popup-login-register a:hover { color: #d0b351; }

.popup-login-v1-btn, .popup-login-v2-btn > div { margin-top: 5px; }
    .popup-login-v1-btn a { display: table; margin: auto; }
        .popup-login-v1-btn a .btn, .popup-login-v2-btn > div { display: table; padding: 10px 30px; margin: 0 auto; color: #222; border: 1px solid #bbb; background-color: #ddd; border-radius: 10px; font-size: 14px; cursor: pointer; }
            .popup-login-v1-btn a .btn:hover,
            .popup-login-v1-btn a .btn:active,
            .popup-login-v2-btn > div:hover,
            .popup-login-v2-btn > div:active { color: #222; background-color: #d0b351; border: 1px solid transparent; }

.popup-login-v2-btn { font-size: 12px; display: table; margin: auto; }
.popup-login-v1-btn .login-form-bottom { color: #888; }

#remoteloginform, #customform { width: 100%; margin: 25px auto 0; text-align: center; }
    #remoteloginform dl, #customform dl { margin-bottom: 0; }
    #remoteloginform input, #customform input { padding: 10px 15px; border: 0px solid #ccc; border-bottom: 1px solid #ccc; margin: 5px auto; width: 100%; color: #000; font-size: 14px; }
        #remoteloginform input#remoteloginformsubmit, #customform input#customform_submit { background-color: #ccc; color: #000; font-size: 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-transform: uppercase; border-radius: 10px; cursor: pointer;width: 100%; }
        #remoteloginform input#remoteloginformsubmit, #customform input#customform_submit { color: #fff; border-top: 1px solid #eccd5e; border-bottom: 1px solid #7b5900; background: -webkit-linear-gradient(top, #eccd5e 0%,#7b5900 100%); background: linear-gradient(to bottom, #eccd5e 0%,#7b5900 100%); }
.login-form-content.active #remoteloginform input#remoteloginformsubmit:hover,
.login-form-content.active #customform input#customform_submit:hover { border-top: 1px solid #ffd522; border-bottom: 1px solid #69511d; background: -webkit-linear-gradient(bottom, rgba(193,97,3,1) 00%, rgba(255,213,34,1) 100%) !important; background: linear-gradient(0deg, rgba(193,97,3,1) 00%, rgba(255,213,34,1) 100%) !important; }

.login-form-content.active #remoteloginform input#remoteloginformsubmit:active,
.login-form-content.active #customform input#customform_submit:active { color: #888; border-top: 1px solid #a68b12; border-bottom: 1px solid #7e3f01; background: -webkit-linear-gradient(bottom, rgba(126,63,1,1) 0%, rgba(166,139,18,1) 100%) !important; background: linear-gradient(0deg, rgba(126,63,1,1) 0%, rgba(166,139,18,1) 100%) !important; }



@-webkit-keyframes myGlow {
    0%, 100% { box-shadow: 0 0 10px #ebcb5c; }
    50% { box-shadow: 0 0 25px #ebcb5c; }
}



@keyframes myGlow {
    0%, 100% { box-shadow: 0 0 10px #ebcb5c; }
    50% { box-shadow: 0 0 25px #ebcb5c; }
}

@media screen and (max-width: 1023px) {
    .popup-login { }

    .login-form-content { padding-bottom: 25px; }
    .login-form-title { margin-top: 0; }


    .popup-login > .popup-container { height: 100%; width: 100%; top: 0; max-width: initial; }
    .popup-login .popup-wrapper { padding: 0px; height: 100%; }
    .login-form-wrapper { padding: 15px 10px; max-width: 500px; }
    .login-form-content { padding: 25px; }
    .login-form-icon { max-height: 70px; max-width: 70px; width: 15vw; height: 15vw; }
    .login-form-title { font-size: 3vw; padding-bottom: 10px; }
    .login-form { }
        .login-form:before { /*position:absolute; color:#000; top:0; left:0; right:0; margin:auto; font-size:16px; text-align:center; padding:10px 0; margin-top:20px;*/ }
        .login-form:after { /*content:''; position:absolute; top:-20px; left:0; right:0; margin:auto; width: 0; height: 0; border-style: solid; border-width: 0 10px 20px 10px; border-color: transparent transparent #ebcb5c transparent;*/ }
    .popup-login-register a { font-size: 14px; }
    .popup-login-register hr { display: none; }
    .popup-login-register { display: block !important; }

    .popup-login.popup .popup-container { top: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
    .popup-login.popup.active .popup-container { -webkit-transform: translateY(0px); transform: translateY(0px); }

    #remoteloginform input, #customform input { border: 1px solid #ccc; }


    .popup-login-logo { padding: 25px 0 55px; position: relative; z-index: 3; }
        .popup-login-logo img { height: 60px; }
    .popup-login .btn-close-popup > div { /*background-color:#fff;*/ }

    .popup-login .btn-close-popup { }
        .popup-login .btn-close-popup > div { border: 0; background-color: transparent; }
        .popup-login .btn-close-popup:hover > div { background-color: transparent; }
        .popup-login .btn-close-popup span { background-color: #fff; width: 25px; height: 4px; }
            .popup-login .btn-close-popup span:nth-child(2) { -webkit-transform: translateY(-3px) rotate(-45deg); transform: translateY(-3px) rotate(-45deg); }



    .popup-login > .popup-container { background-color: #fff; }
    .popup-login .popup-wrapper { }
    .popup-login-top { position: relative; z-index: 2; }
        .popup-login-top:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #d4af3c; z-index: -1; pointer-events: none; }
        .popup-login-top:after { content: ''; background-color: #fff; position: absolute; width: 125vw; height: 75px; bottom: -30%; left: 0; right: 0; margin: auto; border-radius: 50% 50% 0% 0%/100% 100% 0% 0%; z-index: 1; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; }
    .login-form-container { position: relative; z-index: 3; padding: 0; }
    .text-selectLogin { position: relative; z-index: 3; }

    #remoteloginform, #customform { margin-top: 5px; }

    .popup-login.popup .popup-container { overflow-y: auto; overflow-x: hidden; }
        .popup-login.popup .popup-container::-webkit-scrollbar { width: 0px; height: 0px; }
    .popup-login-v1-btn { padding-bottom: 75px; }

    .popup-login-register { display: none; }
}

@media screen and (max-width: 767px) {
    .login-form-title { font-size: 5vw; }
}

@media (max-width: 767px) and (max-height: 700px) {
    .popup-login-v1-btn { padding-bottom: 150px; }
}

#loginFormV1 { max-width: 500px; }
    #loginFormV1 + hr { border-color: #63543c; }
    #loginFormV1 .login-form-title { color: #fff; }
    #loginFormV1 .login-form-bottom { color: #bbb; }

/*----------------- popup language ---*/

.language-top { text-align: center; }
.langauge-logo img { height: 50px; }
.text-selectLanguage { margin-top: 25px; color: #888; }

.language-inner { margin-top: 35px; }
    .language-inner > div { }
.language-country { font-size: 18px; color: #130c00; padding: 20px; text-align: center; vertical-align: top; }
    .language-country > div { border: 1px solid #ccc; border-radius: 1vw; height: 100%; }
.icn-language { width: 70px; height: 70px; border-radius: 50%; border: 3px groove #ccc; margin-top: -25px; }
.languange-inner-select ul { margin: 25px auto 30px; }
    .languange-inner-select ul > li { list-style-type: none; padding: 0; }
.languange-inner-select a { display: block; color: #444; padding: 15px; -webkit-transition: 0.2s -webkit-transform; transition: 0.2s -webkit-transform; transition: 0.2s transform; transition: 0.2s transform, 0.2s -webkit-transform; margin: 10px auto; width: 80%; }

@media screen and (min-width: 600px) {
    .language-inner > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .language-country { width: 50%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    .languange-inner-select a { border-radius: 1vw; border: 2px groove #eee; background-color: #fff; }
        .languange-inner-select a:hover { -webkit-transform: scale(0.9); transform: scale(0.9); }
    .language-country > div:hover, .language-country.active > div { border: 1px solid #ebcb5c; box-shadow: 0 0 25px #ebcb5c; -webkit-animation: myGlow 2s infinite linear; animation: myGlow 2s infinite linear; }
        .language-country > div:hover .languange-inner-select li.active a, .language-country.active .languange-inner-select li.active a { border-color: #fff; background-color: #aaa; background-image: url('/data/1724/uploads/icn-checked.png'); background-size: auto 50%; background-repeat: no-repeat; background-position: center right 20px; }
}

@media screen and (max-width: 599px) {

    .popup-language .popup-wrapper { height: 100%; padding: 0px 0px; }
    .popup-language .popup-container { width: 100%; top: 0; height: 100%; }
    .language-country > div { padding: 0px; border: 0; }
    .language-country { padding: 0px; }
        .language-country:not(:last-child) { border-bottom: 1px solid #ccc; }
    .text-selectLanguage { margin-top: 20px; }
    .language-inner { margin-top: 20px; }
    .languange-inner-top { text-align: left; padding-left: 15px; position: relative; margin-top: 15px; }
    .icn-language { width: 25px; height: 25px; margin-top: 0; display: inline-block; border: 1px solid #888; }
        .icn-language + p { display: inline-block; font-size: 12px; color: #888; }
    .languange-inner-select ul { margin-bottom: 10px; margin-top: 10px; padding: 0 15px; }
    .languange-inner-select a { width: 100%; padding-left: 30px; padding-right: 0; margin: 0 auto; text-align: left; }
    .languange-inner-select li:not(:last-child) a { border-bottom: 1px dotted #ccc; }
    .languange-inner-select li.active a { background-color: #efde9e; background-image: url('/data/1724/uploads/icn-checked.png'); background-size: auto 50%; background-repeat: no-repeat; background-position: center right 20px; }
    .language-inner:active li.active a, .languange-inner:hover li.active a { background-color: transparent; }
    .language-inner:active li a, .language-inner:hover li a { background-color: transparent; }
    .language-inner li a:hover { background-color: #efde9e; }


    .popup-language.popup .popup-container { top: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
    .popup-language.popup.active .popup-container { -webkit-transform: translateY(0px); transform: translateY(0px); }

    .popup-language .btn-close-popup > div { background-color: #fff; }
    .langauge-logo { padding: 25px 0 8px; position: relative; z-index: 3; }

    .popup-language > .popup-container { background-color: #fff; }
    .popup-language .popup-wrapper { }
    .language-top { position: relative; z-index: 2; }
        .language-top:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #d4af3c; z-index: -1; pointer-events: none; }
        .language-top:after { content: ''; background-color: #fff; position: absolute; width: 125vw; height: 75px; bottom: -23%; left: 0; right: 0; margin: auto; border-radius: 50% 50% 0% 0%/100% 100% 0% 0%; z-index: 1; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; }
    .text-selectLanguage { position: relative; z-index: 3; }
    .popup-language .btn-close-popup > div { background-color: #fff; }

    #divlanguage > .popup-container { overflow-y: auto; overflow-x: hidden; }
    #divlanguage .popup-content { padding-bottom: 200px; }
}

/******************************************************************** CSS MENU ******************/
/*----------------- css menu ---*/
#cssmenu { background-color: rgba(0,0,0,10); z-index: 99; margin-top: -2.5vw; padding-top: 2.5vw; }
    #cssmenu > ul { position: static; text-align: center; font-size: 0px; padding: 0; display: table; margin: 0 auto; }
        #cssmenu > ul > li { display: inline-block; float: none; position: relative; padding: 0; }
            #cssmenu > ul > li > a { -o-border-image: none; border-image: none; font-size: 14px; padding: 15px 17px 12px; text-transform: capitalize; border: 0; text-align: center; }
                #cssmenu > ul > li > a img { margin-right: 0; height: 25px; width: 25px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
                    #cssmenu > ul > li > a img + div { display: none; }
                #cssmenu > ul > li > a:hover { color: #fff; }
            #cssmenu > ul > li:hover > a { color: #fff; }

            #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
            #cssmenu > ul > li.has-sub a:before { display: none; }
            #cssmenu > ul > li.has-sub a:after, #cssmenu > ul > li a:after, #cssmenu > ul > li.active a:after { content: ''; position: absolute; display: none; top: auto; bottom: 0px; left: 15px; right: 15px; width: auto; height: 2px; margin: auto; border-radius: 2px; background-color: #bf9e39; -webkit-transform: none; transform: none; border: 0; }
            #cssmenu > ul > li:hover a:after, #cssmenu > ul > li.active a:after { display: block; }
        #cssmenu > ul:hover li.active a:after { display: none; }
        #cssmenu > ul:hover li.active a { -webkit-transform: none; transform: none; }
        #cssmenu > ul li.active:hover a:after { display: block; }
        #cssmenu > ul li.active:hover a { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

        #cssmenu > ul > li.active ul { padding-top: 5px; }

    /*#cssmenu > ul > li.has-sub > a::after{border-color:#fff; top:0; bottom:0; margin:auto;}*/
    /*#cssmenu > ul > li.has-sub:hover > a::after{border-color:#bf9e39;}*/

    #cssmenu ul li:hover > ul > li { height: auto; }
    #cssmenu ul ul { left: 0; right: 0; /*text-align:center;*/ z-index: 9; font-size: 0px; display: none; max-width: 1100px; margin: 0 auto; width: 100%; text-align: left; min-width: 150px; }
    #cssmenu ul > li:hover ul { display: block; }
    #cssmenu ul ul:before { content: ''; position: absolute; border-top: 1px solid #5d4b15; left: 0; right: 0; /*width:100vw;*/ top: 0; bottom: 0; background-color: rgba(0,0,0,0.6); /*-webkit-transform:translateX(-50%);*/ /*transform:translateX(-50%); */ /*margin-left:50%;*/ }
    #cssmenu ul ul:after { content: ''; position: absolute; bottom: -5px; left: 0px; right: 0px; /*width:100vw;*/ height: 5px; background-color: #bf9e39; pointer-events: none; /*-webkit-transform:translateX(-50%);*/ /*transform:translateX(-50%); */ /*margin-left:50%;*/ }
    #cssmenu li:hover > ul { left: 0; }
    #cssmenu ul ul li { /*display:inline-block; */ height: auto; /*width:16.66%;*/ /*width:14.28%;*/ }
        #cssmenu ul ul li:hover { height: auto; border: none; }
        #cssmenu ul ul li a { width: auto; color: #fff; font-size: 12px; /*padding-bottom:25px;*/ padding: 15px 20px; background-color: transparent; text-align: center; display: flex; align-items: center; white-space: nowrap; }
            #cssmenu ul ul li a:hover { color: #fff; background: rgb(166,139,18); background: -webkit-radial-gradient(circle, rgba(166,139,18,1) 0%, rgba(126,63,1,1) 100%); background: radial-gradient(circle, rgba(166,139,18,1) 0%, rgba(126,63,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a68b12",endColorstr="#7e3f01",GradientType=1); }
            #cssmenu ul ul li a:after { display: none !important; }
            #cssmenu ul ul li a img { display: block; margin-right: 5px; width: 25px; }


    #cssmenu:hover, #cssmenu:hover ul ul:before { background-color: rgba(0,0,0,0.9); }

@media screen and (min-width: 1400px) {
    #cssmenu { margin-top: -36px; padding-top: 36px; }
}

@media screen and (max-width: 1023px) {
    #cssmenu { display: none; }
}

/*----------------- slide nav ---*/
.slide-nav { }
    .slide-nav .popup-container { max-width: 480px; width: 100%; left: -480px; right: auto; top: 0; height: 100%; background-color: #fff; overflow-y: auto; -webkit-transform: none; transform: none; box-shadow: 0 0 25px rgba(0,0,0,0.9); }
    .slide-nav .popup-wrapper { min-height: 100vh; height: 100%; padding: 0; }
    .slide-nav .popup-content { position: relative; z-index: 2; }

    .slide-nav.popup.active .popup-container { -webkit-transform: translateX(480px); transform: translateX(480px); }

    .slide-nav .btn-close-popup { right: auto; left: 15px; z-index: 3; }
        .slide-nav .btn-close-popup > div { border-color: transparent; background-color: transparent; }
        .slide-nav .btn-close-popup:hover > div { background-color: transparent; }
        .slide-nav .btn-close-popup span { background-color: #fff; }

.slideNav-header { position: relative; overflow: hidden; z-index: 2; background: #eccd5e; background: -webkit-linear-gradient(left, #eccd5e 0%,#7b5900 100%); background: -webkit-linear-gradient(right, #eccd5e 0%,#7b5900 100%); background: linear-gradient(to left, #eccd5e 0%,#7b5900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#7b5900',GradientType=0 ); }
    .slideNav-header:after { content: ''; background-color: #fff; position: absolute; bottom: -30px; left: 0; right: 0; margin: auto; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 125%; height: 50%; z-index: -1; pointer-events: none; border-radius: 50% 50% 0% 0%/100% 100% 0% 0%; }

.slideNav-logo { padding-top: 10px; padding-bottom: 15px; padding-left: 50px; border-bottom: 1px solid rgba(19,12,0,0.3); }
    .slideNav-logo img { max-height: 50px; height: 15vw; padding: 3px; }

.slideNav-social { text-align: right; padding: 10px; }


.slideNav-loginRegister { display: flex; max-width: 80%; margin: auto; }
.btn-slideNav-LR { padding: 15px 0; font-size: 22px; font-weight: bold; width: 60%; margin: 20px 4px; border-radius: 1vw; -webkit-transition: 0.2s -webkit-transform; transition: 0.2s -webkit-transform; transition: 0.2s transform; transition: 0.2s transform, 0.2s -webkit-transform; }
    .btn-slideNav-LR:hover { -webkit-transform: scale(0.9); transform: scale(0.9); }
.btn-slideNav-login { background-color: #f9cc54; color: #222; }
.btn-slideNav-register { background: #eccd5e; font-weight: 600; background: -webkit-linear-gradient(top, #eccd5e 0%,#7b5900 100%); background: linear-gradient(to bottom, #eccd5e 0%,#7b5900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#7b5900',GradientType=0 ); }
    .btn-slideNav-register > a { color: #332b07; }

.slideNav-content { overflow: hidden; padding-bottom: 200px; }
    .slideNav-content ul { margin: auto; width: 80%; }
    .slideNav-content > ul > li { border-bottom: 1px solid #ededed; }
    .slideNav-content ul > li { display: block; text-align: left; /*float: left; */ margin-top: 5px; /*width: 50%;*/ padding: 0 15px; text-transform: capitalize; padding-top: 5px; padding-bottom: 5px; }
        .slideNav-content ul > li > a { display: block; padding: 15px 20px 10px 30px; color: #666; /*border-bottom: 1px solid #989080;*/ font-size: 16px; -webkit-transition: color 0.2s, border 0.2s; transition: color 0.2s, border 0.2s; }
            .slideNav-content ul > li > a:hover, .slideNav-content ul > li.active > a { color: #666; /*border-bottom: 1px solid #fff;*/ }
        .slideNav-content ul > li.has-sub > ul { display: none; }
        .slideNav-content ul > li > a > img { margin-right: 5px; height: 18px; width: 18px; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
            .slideNav-content ul > li > a > img + div { display: inline-block; vertical-align: top; }

.slide-nav .popup-container::-webkit-scrollbar { width: 0px; height: 0px; }
.slide-nav .popup-container::-webkit-scrollbar-button { width: 0px; height: 0px; }
.slide-nav .popup-container::-webkit-scrollbar-thumb { background: #e1e1e1; border: 0px none #ffffff; border-radius: 50px; }

.slideNav-language { position: absolute; top: 15px; right: 0px; z-index: 3; text-align: center; font-size: 12px; padding: 0 15px; color: #312000; cursor: pointer; }
    .slideNav-language img { border-radius: 50%; display: block; border: 1px solid #c3c3c3; }

.slideNav-content ul > li > ul > li img { display: none; }



#slideNavUL > li > a > img { margin-right: 10px; }
.slideNav-content ul > li.has-sub > a { background-position: center right 20px !important; background-size: 10px auto !important; background-image: url(/data/1724/uploads/btn-arrow-menu.png); background-repeat: no-repeat; }
.slideNav-content ul > li.has-sub.on > a { color: #b08507; }
.slideNav-content ul > li.has-sub > ul { padding: 15px 0; }
    .slideNav-content ul > li.has-sub > ul > li > a { border: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 30px !important; font-size: 14px; }
.slideNav-content ul > li.has-sub.on > a { background-image: url('/data/1724/uploads/btn-arrow-menu_up.png') !important; }


@media screen and (min-width:400px) {
    .slideNav-social { position: absolute; top: 12px; right: 50px; }
}

@media screen and (min-width: 1024px) {
    #cssmenu > ul > li.has-sub:before { transition: border-color .2s; top: 0; bottom: 0; margin: auto; width: 4px; height: 4px; right: 20px; border-right-color: #fff; border-bottom-color: #fff; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute; content: ""; transform: rotate( 45deg); -webkit-transition: border-color .2s ease; -moz-transition: border-color .2s ease; -o-transition: border-color .2s ease; -webkit-transform: rotate( 45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
    #cssmenu > ul > li.has-sub:hover:before { top: -7px; }
    #cssmenu > ul > li.has-sub > a { padding-right: 30px; }
}

@media screen and (min-width: 768px) {
    .slideNav-content ul > li.has-sub { margin-top: 0; }
        .slideNav-content ul > li.has-sub > a { /*display: none;*/ }
        .slideNav-content ul > li.has-sub > ul { /*display: block !important;*/ width: 100%; }
            .slideNav-content ul > li.has-sub > ul > li:first-child { margin-top: 0; }
            .slideNav-content ul > li.has-sub > ul > li { padding: 0; float: none; width: 100%; }
}

@media screen and (max-width: 1023px) {
    .slideNav-content { }
}

@media screen and (max-width: 767px) {
    .slideNav-content ul > li { float: none; width: 100%; }
        .slideNav-content ul > li > a { font-size: 16px; }

        .slideNav-content ul > li.has-sub > a { background: url(/data/1724/uploads/btn-arrow-menu.png)right no-repeat; background-position: right; background-size: 5% 20%; }
        .slideNav-content ul > li.has-sub.on > a { background-image: url('/data/1724/uploads/btn-arrow-menu_up.png') !important; }
        .slideNav-content ul > li.has-sub > ul { padding: 0px 15px 15px; width: 100%; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
            .slideNav-content ul > li.has-sub > ul > li:first-child { margin-top: 0; }
}


/******************************************************************** FOOTER ******************/
.footer-conatiner { position: relative; margin-top: 80px; }
.footer-wrapper { position: relative; z-index: 2; }
.footer-logo-top { text-align: center; padding: 75px 0 50px; position: relative; z-index: 2; overflow: hidden; display: block !important; }
    .footer-logo-top:after { content: ''; position: absolute; top: 0; bottom: -100%; left: -10%; right: -10%; margin: auto; z-index: -1; pointer-events: none; border-radius: 50% 50% 0% 0%/100% 100% 0% 0%; background: #eccd5e; background: -webkit-linear-gradient(left, #eccd5e 0%,#7b5900 100%); background: -webkit-linear-gradient(right, #eccd5e 0%,#7b5900 100%); background: linear-gradient(to left, #eccd5e 0%,#7b5900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#7b5900',GradientType=0 ); }
    .footer-logo-top img { max-height: 70px; height: 10vw; display: none; }

.footer-content { position: relative; z-index: 2; overflow: hidden; }
    .footer-content:after { content: ''; position: absolute; top: 0; bottom: 0; left: -10%; right: -10%; margin: auto; z-index: -1; pointer-events: none; background: #eccd5e; background: -webkit-linear-gradient(left, #eccd5e 0%,#7b5900 100%); background: -webkit-linear-gradient(right, #eccd5e 0%,#7b5900 100%); background: linear-gradient(to left, #eccd5e 0%,#7b5900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#7b5900',GradientType=0 ); }

.footer-partner-logo { padding: 20px 0; }
    .footer-partner-logo img { padding: 10px; }
    .footer-partner-logo .swiper-wrapper { height: auto; }

.footer-copyright { text-align: center; padding: 20px 0; border-top: 1px solid #444; color: #444; }

@media screen and (min-width: 1024px) {
    #divFooter-mobile > div:first-child { display: none; }
    #divFooter-mobile > div#divFloat-contact { display: block; }
}

@media screen and (max-width: 1024px) {
    .footer-logo-top { padding: 10vw 0 2vw; }
}

@media screen and (max-width: 1023px) {
    .footer-content { padding-bottom: 100px; }

    #divFooter-mobile { position: fixed; bottom: 0; left: 0; right: 0; margin: auto; z-index: 8031; display: block; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
        #divFooter-mobile > div { float: left; width: 25%; background: rgb(193,97,3); background: -webkit-linear-gradient(0deg, rgba(193,97,3,1) 00%, rgba(255,213,34,1) 50%, rgba(250,242,151,1) 100%); background: -webkit-linear-gradient(bottom, rgba(193,97,3,1) 00%, rgba(255,213,34,1) 50%, rgba(250,242,151,1) 100%); background: linear-gradient(0deg, rgba(193,97,3,1) 00%, rgba(255,213,34,1) 50%, rgba(250,242,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c16103",endColorstr="#faf297",GradientType=1); }
            #divFooter-mobile > div > a { text-align: center; font-weight: bold; display: block; padding: 7px 0; color: #000; }
                #divFooter-mobile > div > a img { height: 20px; width: 20px; display: block; margin: auto; }
            #divFooter-mobile > div:not(:last-child) { border-right: 1px solid #222; }

    .footer-logo-top:after { left: -20%; right: -20%; }
    .footer-content:after { left: -20%; right: -20%; }
}

/********************* contact float */
#divFloat-contact.active .mdi-close { display: block; }
#divFloat-contact .contactList { position: absolute; bottom: 55px; display: none; }
#divFloat-contact.active .contactList { display: block; }

#divFloat-contact .contactDetail { display: none; }
#divFloat-contact .contactBody { width: auto; margin: 0; }
    #divFloat-contact .contactBody a { display: block; border-radius: 50%; border: 0; width: 55px; height: 55px; position: relative; margin: 10px auto; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
        #divFloat-contact .contactBody a > div { position: absolute; background-color: transparent; border-radius: 50%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; }
#divFloat-contact .contactIcon { width: auto; }
    #divFloat-contact .contactIcon img { width: 35px; height: 35px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }

@media screen and (min-width: 1024px) {
    #divFooter-mobile > div#divFloat-contact { position: fixed; bottom: 240px; left: 15px; z-index: 150; width: auto; }
    .iconContact { border-radius: 50%; width: 55px; height: 55px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); position: relative; cursor: pointer; }
        .iconContact img { height: 30px; width: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

    #icnContect_more div { display: none; }

    #divFloat-contact .mdi-close { display: none; }
    #divFloat-contact.active .mdi-headphones-settings { display: none; }

    #divFloat-contact .contactIcon:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@media screen and (max-width: 1023px) {
    #divFloat-contact .mdi-close, #divFloat-contact.active .mdi-close { display: none; }
    #divFloat-contact .contactList { right: 15px; }

    #icnContect_more { background-color: transparent !important; text-align: center; padding: 7px 0; }
        #icnContect_more img { height: 20px; width: 20px; margin: auto; display: block; }
        #icnContect_more div { color: #000; font-weight: bold; }
}

/******************************************************************** BODY ******************/
#divBody > div { width: 90%; max-width: 1250px; margin: 25px auto 0; }

    #divBody > div#theme-contain-home,
    #divBody > div#theme-contain-sportsbook,
    #divBody > div#theme-contain-live-casino,
    #divBody > div#theme-contain-games,
    #divBody > div#theme-contain-lottery,
    #divBody > div#theme-contain-cockfight,
    #divBody > div#theme-contain-vip,
    #divBody > div#theme-contain-affiliate,
    #divBody > div#theme-contain-banking,
    #divBody > div#theme-contain-promotions,
    #divBody > div#theme-contain-GDCharity { width: 100%; margin: 0 auto; max-width: initial; max-width: none; }

/*==== banner moving ====*/
.flexslider { background-color: #000; margin: 0; border: 0; }

.divBanner,
.divBanner-other { position: relative; }
    .divBanner img,
    .divBanner-other img { width: 100%; }
    .divBanner .divBanner-wrapper,
    .divBanner-other .divBanner-wrapper { overflow: hidden; position: relative; background-color: #000; margin: 0; border: 0; margin-top: 0; border-radius: 0; height: 38vw; }
        .divBanner .divBanner-wrapper:after,
        .divBanner-other .divBanner-wrapper:after { content: ''; background-color: #fff; border-top: 2px solid #d9b749; position: absolute; width: 125vw; height: 15vw; bottom: -23%; left: 0; right: 0; margin: auto; border-radius: 50% 50% 0% 0%/100% 100% 0% 0%; z-index: 9; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; }
.flex-direction-nav,
.flex-direction-nav li { height: 0px; list-style-type: none; }
.divBanner img,
.divBanner-other img { -webkit-transform: scale(1.025); transform: scale(1.025); }

@media screen and (min-width: 1400px) {
    .divBanner .divBanner-wrapper,
    .divBanner-other .divBanner-wrapper { margin-top: 0px; }
}

@media screen and (max-width: 1023px) {
    .divBanner img,
    .divBanner-other img { -webkit-transform: scale(1); transform: scale(1); }
    .divBanner .divBanner-wrapper,
    .divBanner-other .divBanner-wrapper { margin-top: -3.5vw; }
}

@media screen and (max-width: 767px) {
    .divBanner .divBanner-wrapper,
    .divBanner-other .divBanner-wrapper { margin-top: -5.5vw; }
}

/*==== banner bottom register button ====*/
.btn-register { margin: auto; margin-top: -8vw; z-index: 10; font-weight: bold; position: relative; }
    .btn-register > a { display: table; margin: auto; margin-bottom: 1vw; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7); }

.btnRegister-banner { font-weight: 800; }
    .btnRegister-banner a:hover { -webkit-animation: none !important; animation: none !important; }

/*==== banner bottom announcement ====*/
.top-announce { position: relative; z-index: 11; max-width: 1200px; margin: auto; width: 90%; padding: 10px; text-align: center; font-size: 13px; color: #000; line-height: 18px; }
    .top-announce > div { height: 35px; }
    .top-announce ul { margin-left: 0; }
        .top-announce ul > li { list-style-type: none; }

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 767px) {
    .top-announce { font-size: 10px; }
        .top-announce > div { }
}

@media screen and (max-width: 370px) {
    .top-announce > div { height: 55px; }
}

/*==== welcome ====*/
.welcome-h1 { color: #c79a32; display: table; margin-left: auto; margin-right: auto; font-size: 45px; }
.welcome-h2 { color: #c79a32; display: table; margin-left: auto; margin-right: auto; font-size: 30px; }
.home-intro { max-width: 1300px; margin: 0 auto; }

@media screen and (max-width: 768px) {
    .welcome-h1 { font-size: 5vw; }
    .welcome-h2 { font-size: 3vw; }
}

@media screen and (max-width: 767px) {
    .welcome-h1 { font-size: 8vw; margin-top: 0; }
    .welcome-h2 { font-size: 6vw; }
    .home-intro { text-align: center; }
}

/*==== home section ====*/
.box-content { display: table; width: 100%; border-top: 1px solid #63543c; padding-top: 20px; }
    .box-content > div { display: table-cell; vertical-align: top; }
        .box-content > div.main { width: 70%; }
        .box-content > div.sub { width: 30%; padding-left: 40px; }


.section-background { height: 388px; padding: 20px 0; border-radius: 1vw; background-size: 100% auto; background-position: center; position: relative; }
.float-img { position: absolute; bottom: 0; right: -20px; margin: auto; text-align: center; max-height: 550px; overflow: hidden; pointer-events: none; }
    .float-img img { height: 100%; width: auto; }

.title-sub { position: relative; }
    .title-sub .title-sub { color: #b08507; }
.control-nav { position: absolute; top: 0; right: 0; }
    .control-nav > span { background-color: #fff; margin: 2px; }

.main-title { padding: 10px 0; position: relative; z-index: 2; }
.text-bold { margin: 0; font-size: 18px; }
.text-title { font-size: 48px; /*text-shadow: 1px 1px 5px rgba(0,0,0,0.5);*/ color: #b08507; font-weight: bold; }
.small-title { font-size: 24px; }
.text-narrow { font-size: 13px; margin: 0; }
.text-center { text-align: center; }
.text-gold { color: #e3a014; }
.float-title { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; }
    .float-title img { }

.img-slot { height: 100px; margin: 10px auto; }
    .img-slot img { width: 8vw; height: 8vw; max-width: 100px; max-height: 100px; border-radius: 15px; border: 1px solid #837287; }

.sub-container { width: 23vw; }
.sub-slide > a { display: table; margin: 10px 0; }
    .sub-slide > a > div { display: table-cell; }
.sub-content { width: 100%; }
.sub-detail { position: relative; width: 100%; padding-left: 15px; font-size: 12px; }
    .sub-detail:after { content: ''; position: absolute; display: block; bottom: -10px; left: 15px; right: 0; height: 1px; width: auto; background-color: #63543c; pointer-events: none; margin: auto; }
.sub-container .sub-slide:nth-child(4n+4) .sub-detail:after { display: none; }

.sub-texthead { font-weight: bold; margin-bottom: 0; font-size: 14px; margin-bottom: 5px; color: #000; }
.game-detail { color: #000; }

.text-container { margin: 50px auto; width: 100%; padding: 50px 0; border-top: 1px solid #63543c; border-bottom: 1px solid #63543c; }
.text-intro { max-width: 1200px; margin: 40px auto 0; width: 100%; text-align: center; }
    .text-intro h2 { }

.btn-Newgame { display: table; margin: 15px auto; width: 35%; padding: 10px; font-size: 16px; font-weight: bold; border-radius: 12px; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); }
.content-text { margin: auto; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sub-detail:after { display: none; }
}


@media screen and (max-width: 1024px) {
    .section-background { height: 31vw; }
    .float-img img { height: 47vw; }
}

@media screen and (max-width: 1023px) {
    .box-content { display: block; }
        .box-content > div { display: block; }
            .box-content > div.main { width: 100%; padding: 0px; }
            .box-content > div.sub { width: 100%; padding: 0px; }


    .section-background { height: 36vw; }
    .float-img img { height: 63vw; }

    .small-title { font-size: 18px; margin-top: 40px; color: #b3a288; text-align: center; }
    .sub-container { width: 100%; }
    .sub-detail:after { display: none; }
    .img-slot { height: auto; }

    .text-container { margin: 0 auto; padding: 0; }
        .text-container > div { width: 90%; }
}

@media screen and (max-width: 767px) {
    .float-img img { height: 73vw; }
    .small-title { font-size: 6vw; margin-bottom: 30px; }

    .img-slot { height: auto; }
        .img-slot img { height: 25vw; width: 25vw; }
    .sub-texthead { margin: 5px 0; }

    .text-container { width: 100%; }
        .text-container > div { width: 100%; }
}


/*==== home jackpot ====*/
#divJakcpot { }

#divJackpot-title { position: relative; z-index: 2; }
.divJackpot-background { }
.divJackpot-title-img { text-align: center; }
.jackpot-main-count { font-size: 48px; margin-top: -55px; color: #000; padding: 80px 0 45px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; text-align: center; }
    .jackpot-main-count > div { display: table; margin: auto; width: 450px; text-align: left; vertical-align: bottom; }
        .jackpot-main-count > div > span { display: inline-block; }
.divJackpot-float-count { position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; }
.divJackpot-float-girl { max-width: 450px; }

.jackpot-sub { display: table; margin: 23px 0; }
    .jackpot-sub:last-child { margin-bottom: 0 !important; }
    .jackpot-sub > div { display: table-cell; }
.jackpot-sub-wrapper > div:nth-child(4n+4) .sub-detail:after { display: none; }

.jackpot-count { padding-left: 15px; width: 100%; }
.jackpot-span { font-size: 18px; }

@media screen and (max-width: 1024px) {
    .jackpot-main-count { font-size: 4vw; padding: 7vw 0 4vw; margin-top: -5vw; }
        .jackpot-main-count > div { width: 37vw; }
    .divJackpot-title-img img { height: 10vw; max-height: 115px; }
    .jackpot-sub { margin: 0.7vw 0; }
}

@media screen and (max-width: 980px) {
    .jackpot-main-count { font-size: 6vw; padding: 9vw 0 5.5vw; margin-top: -6vw; }
        .jackpot-main-count > div { width: 55vw; }
    .divJackpot-title-img img { height: 12vw; }
    .jackpot-sub-container { padding-top: 15px; border-top: 1px solid #63543c; width: 100%; }
    .jackpot-sub-wrapper { overflow: hidden; width: 90%; display: table; margin: auto; }
    .jackpot-sub { display: block; float: left; width: 50%; }

    .jackpot-sub-wrapper .sub-detail:after { display: none; }
    .jackpot-sub > div { height: auto; }
    .jackpot-sub { margin: 1vw auto; }

    .text-intro { margin: 40px auto; border-top: 1px solid #332b1d; padding: 40px 5% 0; width: 90%; }
}

@media screen and (max-width: 767px) {
    .text-title { font-size: 7vw; }

    .divJackpot-float-girl img { height: 73vw; }
    .divJackpot-float-count { bottom: -20px; }
    .jackpot-main-count { padding: 10vw 0 6.5vw; }

    .jackpot-sub-title .small-title { margin-top: 40px; }
    .jackpot-sub > div { display: block; padding: 0px; text-align: center; }
    .jackpot-span { font-size: 3.8vw; }
    .jackpot-sub-wrapper { width: 100%; }
}

/*==== home video ====*/
.home-highlightVideo { margin: 40px auto; }
    .home-highlightVideo > div.w90 { border-top: 1px solid #63543c; }
.highlightVideo-container { padding: 40px 0; width: 70%; margin: 0 auto; }
.highlightVideo-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
    .highlightVideo-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2vw; background-color: #000; border: 1px solid #666; }

@media screen and (max-width: 1023px) {
    .highlightVideo-container { width: 100%; }
}

/*==== sportsbook ====*/
#divHome-sectionSport { }

.sport-box-content { }

.divSport-title-img { text-align: center; position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; }
.sport-sub .sub-detail:after { bottom: -5px; }


@media screen and (max-width: 1023px) {
    .divSport-title-img img { height: 20vw; }
}

@media screen and (max-width: 768px) {
    .sport-nav { display: none; }

    .sport-sub > a { display: block; margin: 10px 0; }
        .sport-sub > a > div { display: block; text-align: center; }
    .sport-right-img img { margin: 0 auto 5px; display: block; }
    .sport-sub-content { padding: 0 15px; }
    .sport-sub-texthead { text-align: center; }
}

@media screen and (max-width: 768px) {
    .divSport-float-img img { position: relative; right: -15vw; }
}

/*==== casino ====*/
.home-casino { margin: 40px auto; overflow: hidden; }

.casino-box-content > div.sub { width: 30%; padding-left: 0; padding-right: 40px; float: left; }
.casino-box-content > div.main { width: 70%; float: right; padding-left: 0; }

.divCasino-background.section-background { height: 411px; }

#liveResult { position: relative; z-index: 4; width: 70%; margin-left: 2vw; max-width: 650px; }
#casinoResult { padding: 12px; background-color: rgba(255,255,255,0.5); border-radius: 12px; }

.casinoResult-title { display: table; width: 100%; margin: 0; }
    .casinoResult-title > div { display: table-cell; vertical-align: middle; }
.casinoResult-logo { height: 75px; background-repeat: no-repeat; background-position: center left; background-size: auto 100%; }

    .casinoResult-logo.ab { background-image: url('/data/1724/uploads/logo-allbet.png'); }
    .casinoResult-logo.bg { background-image: url('/data/1724/uploads/logo-bgGaming.png'); }
    .casinoResult-logo.ez { background-image: url('/data/1724/uploads/logo-ezugi.png'); }
    .casinoResult-logo.eg { background-image: url('/data/1724/uploads/logo-evo.png'); }
    .casinoResult-logo.ls { background-image: url('/data/1724/uploads/logo-luckyStreak.png'); }
    .casinoResult-logo.dg { background-image: url('/data/1724/uploads/logo-dreamgaming.png'); }
    .casinoResult-logo.wm { background-image: url('/data/1724/uploads/logo-wm.png'); }
    .casinoResult-logo.ag { background-image: url('/data/1724/uploads/logo-asiaGaming.png'); }
    .casinoResult-logo.sb { background-image: url('/data/1724/uploads/logo-sexyBaccarat.png'); }
    .casinoResult-logo.sa { background-image: url('/data/1724/uploads/logo-saGaming.png'); }
    .casinoResult-logo.gg { background-image: url('/data/1724/uploads/logo-gua.png'); }
    .casinoResult-logo.gd { background-image: url('/data/1724/uploads/logo-goldDeluxe.png'); }

.casinoResult-game { text-align: right; color: #888; text-transform: capitalize; }

.resultTable { width: 100%; overflow: hidden; position: relative; -webkit-column-count: 9; -moz-column-count: 9; column-count: 9; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; background-color: rgba(255,255,255,0.8); }
.result { border: 0px dashed #aaa; border-bottom-width: 1px; border-right-width: 1px; padding: 2px 0; }
    .result:first-child, .result:nth-child(5n+6) { border-top-width: 1px; }
    .result:nth-child(-n+5) { border-left-width: 1px; }

.circle { padding: 5px 5px; margin: 0px auto; font-family: 'Montserrat-Regular'; max-width: 35px; height: 35px; font-weight: bold; font-size: 18px; box-sizing: border-box; text-align: center; vertical-align: middle; border: 1.5px solid #fff; border-radius: 50%; text-transform: uppercase; }
.resultB-p { border-color: #dd0000; color: #dd0000; }
.resultB-b { border-color: #1818ff; color: #1818ff; }
.resultB-t { border-color: #298c00; color: #298c00; }

.resultR-red { background-color: #dd0000; color: #fff; border-color: #dd0000; }
.resultR-blc { background-color: #000; color: #fff; border-color: #000; }
.resultR-green { background-color: #298c00; color: #fff; border-color: #298c00; }

.resultSoon { background-color: rgba(0,0,0,0.1); }
    .resultSoon .circle { border: 0; }

.btn-bet { text-align: center; width: auto; margin-left: 2vw; padding-left: 35px; padding-right: 35px; }

.box-content .btn-bet { margin-left: 2vw; }

@media screen and (max-width: 1024px) {
    .divCasino-background.section-background { height: 388px; }
    .circle { padding: 2px; height: 30px; max-width: 30px; }
    .casino-sub.sub-slide > a { margin: 10px auto; }
}

@media screen and (max-width: 1023px) {
    .casino-box-content > div.main { width: 100%; padding-right: 0px; float: none; }
    .casino-box-content > div.sub { width: 100%; float: none; padding: 0; }
}

@media screen and (max-width: 768px) {
    .casino-nav { display: none; }

    .casino-sub > a { display: block; margin: 10px 0; }
        .casino-sub > a > div { display: block; text-align: center; }
    .casino-right-img img { margin: 0 auto 5px; display: block; }
    .casino-sub-content { padding: 0 15px; }
    .casino-sub-texthead { text-align: center; }
}

@media screen and (max-width: 767px) {
    .home-casino > div { padding: 20px 0; }
    .divCasino-background.section-background { height: 60vw; padding: 3vw 0; }
    .casinoResult-logo { height: 10vw; margin-bottom: 0.5vw; }
    #casinoResult { padding: 1vw; border-radius: 2vw; }
    .result { padding: 0.5vw; }
    .circle { max-width: none; min-height: initial; height: 5vw; width: 5vw; font-size: 3vw; border-width: 0.2vw; padding: 0.5vw; }
    .box-content .btn-Newgame { margin: 10px auto 0; font-size: 3vw; padding: 1vw 10vw; border-radius: 1.5vw; width: auto; }
    .box-content .btn-bet { margin: 10px 0 0 2vw; }
}

/*==== game ====*/
#divhome-sectionGame #div-gameLobby { border-bottom: 1px solid #000; }

.home-game { margin: 40px auto; }
#gameLobby-title { overflow: hidden; padding: 10px 20px; }
    #gameLobby-title .text-bold { font-size: 35px; float: left; margin: 0; font-weight: bold; color: #b08507; }
    #gameLobby-title a { display: block; float: right; position: relative; }
        #gameLobby-title a:hover { text-decoration: underline; }
        #gameLobby-title a:after { content: ''; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; margin: auto; }
.gameLobby-container { }
.gameLobby-wrapper { height: auto; }
.gameLobby-slide { padding: 10px; }

.divGame-background { }
.divGame-title-img { text-align: center; position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; }
.divGame-float-img img { }

#div-gameLobby { padding-top: 40px; }
.game-slide { background-color: #fff; color: #000 !important; border-radius: 18px; display: block; overflow: hidden; box-shadow: 1px 1px 5px rgba(0,0,0,0.6); }
.game-top { position: relative; padding: 25px 20px 15px; overflow: hidden; color: #fff; }
    .game-top .game-detail { float: left; }
    .game-top .btn-play { padding: 0.5vw 1.5vw; float: right; margin: 0; font-size: 14px; }
.game-title { font-size: 16px; font-weight: bold; margin: 0; }
.game-pro { font-size: 11px; margin: 0; }
.game-img img { width: 100%; }

.gameLobby-nav { position: relative; display: table; margin: auto; }
    .gameLobby-nav > div { position: static; display: inline-block; padding: 0 20px; margin: 20px 20px 0; }
        .gameLobby-nav > div:active, .gameLobby-nav > div:focus { border: 0; outline: 0; }

@media screen and (min-width: 1200px) {
    .game-sub-wrapper .game-sub:nth-child(4n+4) .game-sub-content:after { display: none; }
}

@media screen and (max-width: 1200px) {
    .game-sub-title .small-title { text-align: center; color: #b3a288; font-size: 18px; margin-top: 40px; }

    .game-sub-container { width: 100%; }
    .game-sub-content:after { display: none; }

    .game-sub-container .img-slot { height: auto; }

    .game-box-content { display: block; }
        .game-box-content > div.main { width: 100%; display: block; }
        .game-box-content > div.sub { width: 100%; display: block; }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .game-sub > a { display: block; margin: 10px 0; }
        .game-sub > a > div { display: block; }
    .game-right-img img { margin: 0 auto 5px; display: block; }
    .game-sub-content { padding: 0 15px; }
    .game-sub-texthead { text-align: center; }
}

@media screen and (max-width: 1023px) {
    .game-top .btn-play { padding: 5px 10px; font-size: 22px; }
    .game-sub > a { padding: 0 10px; text-align: center; }

    .divGame-title-img img { height: 20vw; }
    .btn-Newgame { margin: 5px auto 0; }

    .game-nav { display: none; }
    .game-sub-content { padding-left: 0; }
}

@media screen and (max-width: 767px) {
    .divGame-float-img img { height: 73vw; }
    .btn-Newgame { margin: 5px auto 0; font-size: 3vw; padding: 1vw 3vw; border-radius: 2vw; }


    .game-sub > a { display: block; margin: 10px 0; }
        .game-sub > a > div { display: block; }
    .game-right-img img { margin: 0 auto 5px; display: block; height: 20vw; width: 20vw; }
    .game-sub-content { }
    .game-sub-texthead { text-align: center; font-size: 4vw; }
    .game-detail { font-size: 10px; }

    #gameLobby-title .text-bold { font-size: 24px; }

    .game-slide { border-radius: 4vw; }
    .game-top { position: static; padding: 15px 0px 10px 0; text-align: center; }
        .game-top .game-detail { float: none; }
    .game-title { font-size: 3vw; }
    .game-pro { display: none; }
    .game-top .btn-play { font-size: 14px; position: absolute; bottom: 15px; text-align: center; left: 0; right: 0; margin: auto; width: 60%; display: block; }
}

.floating { -webkit-animation-name: myFloating; animation-name: myFloating; }

@-webkit-keyframes myFloating {
    0%, 100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
    50% { -webkit-transform: translateY(30px); transform: translateY(30px); }
}

@keyframes myFloating {
    0%, 100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
    50% { -webkit-transform: translateY(30px); transform: translateY(30px); }
}

/*==== collapse ====*/
.collapse-box { text-align: left; margin: 5px 0; }
.collapse-btn { position: relative; width: 100%; text-align: left; padding: 7px 20px; border-radius: 6px; font-weight: bold; background: rgb(193,97,3); background: -webkit-linear-gradient(90deg, rgba(193,97,3,1) 00%, rgba(255,213,34,1) 50%, rgba(250,242,151,1) 100%); background: -webkit-linear-gradient(left, rgba(193,97,3,1) 00%, rgba(255,213,34,1) 50%, rgba(250,242,151,1) 100%); background: linear-gradient(90deg, rgba(193,97,3,1) 00%, rgba(255,213,34,1) 50%, rgba(250,242,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c16103",endColorstr="#faf297",GradientType=1); }
    .collapse-btn:after { content: '+'; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; font-size: 23px; color: #221e17; display: flex; justify-content: center; align-items: center; font-weight: normal; }
    .collapse-btn:active { background: #000; }
    .collapse-btn.active:after { content: '-'; font-size: 30px; }
.collapse-content { overflow: hidden; display: none; padding: 20px; border: 1px solid #c26304; border-radius: 6px; }



/******************************************************************************************************************************************************** vip */
.tbl-vip { border-top: 1px solid #a49145; border-left: 1px solid #a49145; text-align: center; margin: 20px auto; width: 80%; background-color: #fff; outline: 1px solid #84753a; }
    .tbl-vip td { border-right: 1px solid #a49145; border-bottom: 1px solid #a49145; padding: 7px; }
    .tbl-vip > tbody > tr > td:first-child { text-align: left; background-color: #61542d; text-align: center; color: #222; }
    .tbl-vip > tbody > tr > td { color: #666; font-size: 12px; }

#divVip h1 { text-align: center; }
#divVip ul { margin-left: 40px; }
    #divVip ul > li { padding: 3px 0; list-style-type: disc; }

/******************************************************************************************************************************************************** affiliate */
#divAffiliate ul { margin-left: 40px; }
    #divAffiliate ul > li { padding: 3px 0; list-style-type: disc; }

.tbl-affiliate { border-top: 1px solid #a49145; border-left: 1px solid #a49145; text-align: center; margin: 5px auto 20px; width: 75%; background-color: #fff; }
    .tbl-affiliate td { border-right: 1px solid #a49145; border-bottom: 1px solid #a49145; padding: 7px; color: #000; }
    .tbl-affiliate > tbody > tr:first-child > td { background-color: #61542d; color: #fff; }


/******************************************************************************************************************************************************** promotion */
#theme-contain-promotions > .w90 { width: 100%; }

#promotion-filter { text-transform: capitalize; margin: 25px 0; }
    #promotion-filter > ul { overflow: hidden; margin: 0; }
        #promotion-filter > ul > li { float: left; padding: 15px 20px; text-align: center; background-color: #fffcf3; cursor: pointer; border: 1px solid #a59347; border-left: 0; list-style-type: none; }
            #promotion-filter > ul > li:first-child { border-left: 1px solid #a59347; }
            #promotion-filter > ul > li img { display: block; margin: 0 auto; }
            #promotion-filter > ul > li.mixitup-control-active { color: #000; background: #a59347; }
            #promotion-filter > ul > li *::-moz-selection, #promotion-filter > ul > li::-moz-selection { color: none; background: none; -moz-user-select: none; user-select: none; }
            #promotion-filter > ul > li *::selection, #promotion-filter > ul > li::selection { color: none; background: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


#promotion-banner { overflow: hidden; padding-bottom: 40px; }

.banner-container { width: 49%; margin: 0.5%; border: 1px solid #ccc; box-shadow: 0 0 3px rgba(0,0,0,0.2); border-radius: 10px; padding: 20px; float: left; box-sizing: border-box; }
    .banner-container .body40 > div { margin-left: 10px; }

.banner-top { display: table; width: 100%; }
    .banner-top > div { display: table-cell; position: relative; }
.banner-img { }
    .banner-img img { border: 1px solid #ccc; width: 352px; height: 168px; }
.banner-top-right { vertical-align: bottom; }

.remaining-time { }
    .remaining-time img { height: 20px; margin-right: 2px; vertical-align: bottom; }
.date-countdown { font-size: 12px; color: #b9b9b9; position: absolute; top: 10px; left: 0; width: 100%; }
    .date-countdown span { font-size: 18px; font-weight: bold; }
    .date-countdown b { color: #dd0000; }
    .date-countdown p { font-weight: bold; text-transform: capitalize; color: #0094c7; }
.dateCountdown { margin: 5px 10px 10px; text-align: right; color: #8e7a3e; }

.banner-cat { text-align: right; color: #8e7a3e; font-size: 12px; text-transform: capitalize; margin-bottom: 10px; }

.btn-more { color: #fff; padding: 7px 0; border-radius: 5px; display: block; text-align: center; }
.btn-apply { width: 49%; padding: 6px 0; color: #8e7a3e; border: 1px solid #8e7a3e; background-color: #fff; display: inline-block; text-align: center; border-radius: 5px; margin-left: 1%; box-sizing: border-box; }
    .btn-apply:hover, .btn-apply:focus { background-color: #8e7a3e; color: #fff; }

.btn-both { width: 49%; display: block; float: left; box-sizing: border-box; }

.banner-detail { }
    .banner-detail h3 { color: #222; font-size: 20px; font-weight: bold; margin: 10px 0 5px; }
    .banner-detail p { font-size: 14px; color: #888; text-align: justify; min-height: 35px; }

/*** new faq ***/
#promotion-top { text-align: center; }
#promotion-filter { display: table; margin: auto; }
#prmotion-faq > div { max-width: 1000px; margin-left: auto; margin-right: auto; padding-bottom: 25px; padding-top: 25px; }

#faq { margin: 7px 0; list-style-type: none; }
    #faq > a, #faq > a:hover, #faq > a:visited { color: #444; }
.promot { position: relative; max-width: 1000px; width: 100%; margin: auto; height: 200px; }

.promocontent { max-width: 450px; float: right; height: 200px; position: absolute; top: 0; right: 0; margin: auto; padding: 0 10px; padding-left: 25px; display: block; width: 100%; }
    .promocontent h2 { font-size: 18px; color: #8a6212; text-align: left; }
    .promocontent p { color: #666; font-size: 13px; line-height: normal; margin: 0; }
.btnFaq { position: absolute; bottom: 15px; }
.btnMore, .btnJoin { padding: 7px 15px; min-width: 100px; display: inline-block; cursor: pointer; border-radius: 5px; text-align: center; }
.btnMore { background: #eccd5e; background: -webkit-linear-gradient(top, #eccd5e 0%,#b88f23 100%); background: linear-gradient(to bottom, #eccd5e 0%,#b88f23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#b88f23',GradientType=0 ); }
.btnJoin { background-color: #fff; border: 1px solid #8a6212; color: #8a6212; margin-left: 5px; }
    .btnJoin:hover, .btnJoin:active, .btnJoin:visited { color: #8a6212; }

#answer { max-width: 1000px; border: 2px solid #a49145; margin: 5px auto; padding: 0 20px 20px; box-sizing: border-box; }
    #answer table { margin: 10px auto 20px; border-top: 1px solid #444; border-left: 1px solid #444; }
        #answer table > tbody > tr:first-child > td, .popup-info table > thead > tr > th, popup-info table > thead > tr:first-child > td { background-color: #61542d !important; padding: 7px; color: #fff; }
    #answer th { padding: 7px; border-right: 1px solid #444; border-bottom: 1px solid #444; }
    #answer td, #answer table > thead + tbody > tr:first-child > td { padding: 4px 7px; border-right: 1px solid #444; border-bottom: 1px solid #444; background-color: #fff; color: #000; font-weight: normal; }
    #answer span { display: block; }
    #answer p + ol, #answer p + ul, #answer ul, #answer ol { margin-left: 40px; }
        #answer p + ol > li, #answer p + ul > li, #answer ul > li, #answer ol > li { padding: 7px 0; list-style-type: decimal; }
            #answer p + ol > li a, #answer p + ul > li a, #answer ol > li a, #answer ul > li a { text-decoration: underline; color: #dd0000; }
            #answer p + ol > li ol, #answer p + ul > li ul, #answer p + ol > li ul, #answer p + ul > li ol { margin: 5px 20px; }
                #answer p + ol > li ul > li, #answer p + ul > li ol > li { list-style-type: disc; }


#faq_modal { margin-left: 0; }
    #faq_modal > li { margin: 10px 0; overflow: hidden; padding: 0; }
.fancybox-inner { padding-bottom: 100px; width: auto !important; }
    .fancybox-inner h1 { color: #000; }
    .fancybox-inner li { list-style-type: disc; }

.fancybox-inner { max-width: 1300px; margin: auto; }

@media (max-width: 1000px) and (min-width: 768px) {
    #prmotion-faq > div { padding: 20px; }
    .promot { height: auto; }
        .promot > a > img { width: 100%; }
    .promocontent { max-width: 45%; height: 18.9vw; }
        .promocontent h2 { font-size: 2vw; font-family: 'Montserrat-Regular'; margin-bottom: 5px; }
        .promocontent p { font-size: 12px; }
    .btnFaq { bottom: 1vw; }
    .btnMore, .btnJoin { font-size: 1.5vw; padding-top: 0.5vw; padding-bottom: 0.5vw; }
}

@media screen and (max-width: 1024px) and (min-width: 1000px) {
    .fancybox-inner .promocontent { max-width: 410px; height: 185px; }
}

@media screen and (max-width: 1023px) {
    #promotion-filter { display: block; margin: auto; width: 100%; padding: 0 5%; position: relative; }
        #promotion-filter:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 5%; pointer-events: none; border-right: 1px solid #a59347; text-align: center; background-size: 50% auto; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
        #promotion-filter:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 5%; pointer-events: none; border-left: 1px solid #a59347; text-align: center; background-size: 50% auto; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
        #promotion-filter > ul { display: block; width: 100%; overflow-y: hidden; overflow-x: auto; }
            #promotion-filter > ul > li { display: table-cell; float: none; vertical-align: top; text-align: center; padding: 15px 15px; line-height: 18px; white-space: nowrap; }

    #faq { margin: 10px 0; }
    #prmotion-faq > div { padding-top: 0; }
}

@media screen and (min-width: 768px) {
    .titlePromotion { display: none; }
    #answer > .promot-img { display: none; }

    .fancybox-inner .promot img { max-width: 1000px; width: 100%; }
}

@media screen and (max-width: 767px) {
    #prmotion-faq { width: 90%; margin: auto; }

    #faq_template_list { overflow: hidden; width: 90%; margin: auto; max-width: 507px; }
    .promot { height: auto; }
        .promot > a, .promot-img { overflow: hidden; display: block !important; width: 100%; height: 32.7vw; margin: auto; }
    .promot-img { border: 1px solid #441414; height: 33.2vw; }
        .promot > a > img, .promot-img img { height: 100%; width: auto; }
    .promocontent { position: static; border-top: 1px solid #63543c; padding-bottom: 10px; height: auto; background-image: url('/data/1724/uploads/bg-promotion-detail.jpg'); background-size: 100% 100%; max-width: initial; padding-left: 15px; }
    .fright > a { display: block; }
    .fright br { display: none; }
    .fleft { width: 0; padding: 0; }
    #faq_template_list ol#faq li#faq { overflow: hidden; border: 1px solid #63543c; }
    .blackpromo { font-size: 16px; margin: 5px 0 5px !important; font-weight: bold; }
    .blackp-content { padding-bottom: 0; font-size: 11px; line-height: normal; }

    .butgrey { margin: 0 !important; font-size: 12px; padding: 5px 15px; }
    .butred { font-size: 12px; padding: 5px 15px; }

    #question { }
        #question + div { position: fixed; z-index: 111; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #fff; overflow: scroll; }
    #faq_template_list ol#faq li#faq div#answer { margin-top: 0; padding-top: 80px; padding-bottom: 65px; min-height: 100vh; overflow-x: auto; }
    .titlePromotion { display: table; width: 100%; background-color: #fff; border-bottom: 1px solid #441414; background-color: #63543c; position: fixed; top: 0; }
        .titlePromotion > p { display: table-cell; vertical-align: middle; text-align: center; height: 50px; color: #fff; }
    .promotionClose { display: table-cell; width: 50px; height: 50px; vertical-align: middle; text-align: center; position: absolute; top: 0; right: 0; }
        .promotionClose span { background-color: #fff; width: 18px; height: 3px; display: block; }
            .promotionClose span:first-child { -webkit-transform: translate(15px,23px) rotate(45deg); transform: translate(15px,23px) rotate(45deg); }
            .promotionClose span:last-child { -webkit-transform: translate(15px, 20px) rotate(-45deg); transform: translate(15px, 20px) rotate(-45deg); }
    #answer > a { margin-bottom: 10px; }

    #faq_template_list ol#faq li#faq div#answer { border: 0; background-color: #221e17; }

    #tab-promotion { padding: 15px 0; overflow: auto; width: 100vw; padding: 0px 0px 10px; border-top: 1px solid #441414; }
        #tab-promotion > ul { margin: auto; text-align: center; display: table; width: 100%; background-color: #efefef; }
            #tab-promotion > ul > li { padding: 12px 10px; display: table-cell; font-size: 12px; word-break: keep-all; }
                #tab-promotion > ul > li:not(:last-child) { border-right: 1px solid #ddd; }
                #tab-promotion > ul > li.active { }

    .btnFaq { position: static; bottom: auto; display: table; margin: 15px 0 0 auto; }

    .fancybox-inner .promot { overflow: hidden; }
        .fancybox-inner .promot img { height: 32.7vw; width: auto; }
    .fancybox-inner .btnMore, .fancybox-inner .btnJoin { font-size: 13px; min-width: 1px; }
    .fancybox-inner .promocontent h2 { font-size: 15px; }
    .fancybox-inner .promocontent p { font-size: 11px; font-weight: normal; }
}


/************************************* body */
.gamelist { display: table; margin: 20px auto 25px; }
.gamelist-left { display: table-cell; width: 40%; vertical-align: top; padding-top: 0.5%; float: left; }
.gamelist-right { display: table-cell; width: 60%; float: right; }

.gamelist-left > div { background-color: #63543c; padding: 2px; }
.gamelist-title { font-size: 16px; font-weight: bold; padding: 10px 5px; text-transform: capitalize; color: #fff; }
    .gamelist-title img { width: 25px; margin: 0 10px; }
.gamelist-slide img { width: 100%; }

.gamelist-right .list { overflow: visible; padding-left: 1%; }
.imgItem { width: 31.33%; margin: 1%; float: left; cursor: pointer; border: 1px solid #63543c; background-size: auto 100%; position: relative; text-align: center; border-radius: 15px; }
    .imgItem img.logo { position: absolute; bottom: 45px; height: 75px; left: 0; right: 0; margin: 0 auto; }
    .imgItem img.girl { width: 60%; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear; -webkit-transform-origin: bottom; transform-origin: bottom; margin: auto; }
    .imgItem:hover { border-color: #fdf2ae; }
        .imgItem:hover img.girl { -webkit-transform: scale(1.1); transform: scale(1.1); }


    .imgItem div { color: #fff; padding: 10px 7px; padding-left: 14px; background-color: rgba(0,0,0,0.75); position: relative; text-align: left; overflow: hidden; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
        .imgItem div > span { padding: 5px 15px; background-color: #ffd522; color: #222; font-size: 12px; float: right; border-radius: 10px; }
            .imgItem div > span:hover { background-color: #c39512; color: #fff; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }
            .imgItem div > span:active { box-shadow: inset 0px 0px 5px 3px rgba(0,0,0,0.25); }

.casino-list > div { background-image: url('/data/1724/uploads/bg-liveResult.jpg'); }

@media screen and (max-width: 768px) {
    .gamelist-left, .gamelist-right { display: block; width: 100%; vertical-align: top; padding-top: 0; float: none; }
        .gamelist-right .list { overflow: hidden; padding-left: 0; padding-top: 20px; }

    .gamelist-left { display: none; }

    .imgItem div { font-size: 2vw; }
    .imgItem img.logo { bottom: 5vw; height: 9vw; }
}

@media screen and (max-width: 767px) {
    .gamelist-right .list { padding-top: 0px; }
    .imgItem { width: 48%; border-radius: 2vw; }
        .imgItem div { font-size: 3vw; text-align: center; }
        .imgItem img.logo { bottom: 9vw; height: 15vw; }
}

.text-info { max-width: 1250px; margin: 0 auto; width: 100%; text-align: center; padding: 20px 0 40px; color: #000; }

/*==== sportsbook ====*/
.sport-list .imgItem { background-image: url('/data/1724/uploads/bg-sport_2.jpg'); background-position: center; }

.imgItem img.sport { width: 100%; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear; -webkit-transform-origin: bottom; transform-origin: bottom; margin: auto; }
.imgItem:hover img.sport { -webkit-transform: scale(1.1); transform: scale(1.1); }


.iframe-sport { max-width: 1100px; margin: 0 auto; border: 3px solid #4a4a4a; background-color: #222; border-radius: 15px; overflow: hidden; position: relative; }
    .iframe-sport > iframe { }


/*==== casino ====*/
.subPage-container .subPage_detail { display: table; width: 100%; margin: 25px auto; }
    .subPage-container .subPage_detail > div { display: table-cell; }
    .subPage-container .subPage_detail:nth-child(4) .sub-detail:after { display: none; }
.subPage_detail .img-slot img { border: 0; }

@media screen and (max-width: 1200px) {
    .subPage-box-content > div { display: block; width: 100% !important; padding: 0 !important; }
    .subPage-box-content .sub-container { width: 100%; overflow: hidden; }
    .subPage-box-content > div.sub { display: block !important; }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .subPage-container > div { font-size: 0; }
    .subPage-container .subPage_detail { display: inline-block; width: 50%; margin: 10px auto; vertical-align: top; }
        .subPage-container .subPage_detail:nth-child(odd) { padding-right: 20px; }
        .subPage-container .subPage_detail:nth-child(even) { padding-left: 20px; }
        .subPage-container .subPage_detail .sub-detail:after { display: none; }
    .sub.casino_choose { margin: 40px 0; }
        .sub.casino_choose .subPage_detail { overflow: hidden; }
}

@media screen and (max-width: 767px) {
    .subPage-container .subPage_detail:first-child { margin-top: 0; }
}
/*==== game ====*/
.gameDetail_mainFreeGame { }
    .gameDetail_mainFreeGame img { display: block; margin: auto; }
    .gameDetail_mainFreeGame p { font-size: 12px; line-height: 20px; margin: 10px auto; }
    .gameDetail_mainFreeGame li { font-size: 12px; line-height: 20px; margin: 5px auto; }

#theme-contain-games #gameLobby-title a { display: none; }
#theme-contain-games #div-gameLobby { border-top: 1px solid #63543c; padding-top: 20px; margin-top: 40px; }

@media screen and (max-width: 767px) {
}

.games-list .imgItem { background-image: url('/data/1724/uploads/bg-games.jpg'); background-position: center; }

.imgItem img.games { width: 100%; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear; -webkit-transform-origin: bottom; transform-origin: bottom; margin: auto; }
.imgItem:hover img.games { -webkit-transform: scale(1.1); transform: scale(1.1); }


/*==== lottery ====*/
.divLotterytable { overflow: hidden; margin: 20px auto; }
.div-tbl-lottery { margin: 15px 0.5% 25px; width: 49%; float: left; }
.tbl-lottery { border-top: 1px solid #a49145; border-left: 1px solid #a49145; text-align: center; background-color: #fff; }
    .tbl-lottery td, .tbl-lottery th { border-right: 1px solid #a49145; border-bottom: 1px solid #a49145; padding: 7px; }
    .tbl-lottery > thead > tr > th { text-align: center; background-color: #a49145; color: #000; }
    .tbl-lottery > tbody > tr > th { text-align: center; background-color: #dac586; color: #000; font-weight: normal !important; }
        .tbl-lottery > tbody > tr > th:first-child { text-align: left; padding-left: 20px; }
    .tbl-lottery > tbody > tr > td { color: #666; font-size: 12px; }

.divLottery_result { padding: 20px; background-color: #000; }
    .divLottery_result iframe { width: 100%; height: 1760px; }

@media screen and (max-width: 1350px) {
    .divLottery_result iframe { height: 1800px; }
}

@media screen and (max-width: 1024px) {
    .tbl-lottery > tbody > tr > th:first-child { padding-left: 10px; }
    .tbl-lottery td, .tbl-lottery th { padding: 7px 2px; }
}

@media screen and (max-width: 1023px) {
    .divLotteryResult { width: 100%; }
    .divLottery_result { padding: 0; }
        .divLottery_result iframe { height: 1890px; }

    .div-tbl-lottery { width: 100%; float: none; overflow-x: auto; }
}

@media screen and (max-width: 767px) {
    .divLotteryResult { width: 90%; }
    .divLottery_result { padding: 20px; }
        .divLottery_result iframe { height: 1890px; }

    .tbl-lottery td, .tbl-lottery th { padding: 7px 10px; }
}

@media screen and (max-width: 425px) {
    .divLottery_result iframe { height: 1282vw; }
}

@media screen and (max-width: 414px) {
    .divLottery_result iframe { height: 1317vw; }
}

@media screen and (max-width: 411px) {
    .divLottery_result iframe { height: 1325vw; }
}

@media screen and (max-width: 375px) {
    .divLottery_result iframe { height: 1464vw; }
}

@media screen and (max-width: 370px) {
    .divLottery_result iframe { height: 1513vw; }
}

@media screen and (max-width: 360px) {
    .divLottery_result iframe { height: 1524vw; }
}

@media screen and (max-width: 320px) {
    .divLottery_result { padding: 0; }
        .divLottery_result iframe { height: 1720vw; }
}

/*==== cockfight ====*/
@media screen and (min-width: 1025px) {
    .divCockfight-right.sub .btn-link { margin: 10px auto; font-size: 1vw; padding: 0.75vw 4vw; }
}

@media screen and (max-width: 1024px) {
    .cockfight-box-content { }
        .cockfight-box-content.box-content { display: block; width: 100%; border-top: 1px solid #63543c; padding-top: 20px; }
            .cockfight-box-content.box-content > div { display: block; vertical-align: top; }
                .cockfight-box-content.box-content > div.main { width: 100%; }
                .cockfight-box-content.box-content > div.sub { width: 100%; padding-left: 00px; display: block !important; }
        .cockfight-box-content .gameDetail_mainFreeGame { display: block; }
}


/*==== VIP ====*/
.bodyvip { max-width: 1200px; margin: 0 auto; width: 90%; }

.tbl-vvvip .row-title { background-color: #a49145; color: #222; }

.ultablevip { font-size: 0; margin-left: 0; margin-bottom: 0; }
    .ultablevip > li { display: inline-block; font-size: 16px; color: #000; list-style-type: none; text-align: center; padding: 0px; }
        .ultablevip > li img { max-width: 50px; width: 50%; display: block; margin: 0 auto; }
li#vipBronze { background: #f3e2c7; background: -webkit-linear-gradient(-45deg, #f3e2c7 0%,#c19e67 50%,#b68d4c 74%,#e9d4b3 100%); background: -webkit-linear-gradient(315deg, #f3e2c7 0%,#c19e67 50%,#b68d4c 74%,#e9d4b3 100%); background: linear-gradient(135deg, #f3e2c7 0%,#c19e67 50%,#b68d4c 74%,#e9d4b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 ); }

li#vipSilver { background: #e2e2e2; background: -webkit-linear-gradient(-45deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 79%,#fefefe 100%); background: -webkit-linear-gradient(315deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 79%,#fefefe 100%); background: linear-gradient(135deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 79%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); }
li#vipGold { background: #fceabb; background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 48%,#f8b500 75%,#fbdf93 100%); background: -webkit-linear-gradient(315deg, #fceabb 0%,#fccd4d 48%,#f8b500 75%,#fbdf93 100%); background: linear-gradient(135deg, #fceabb 0%,#fccd4d 48%,#f8b500 75%,#fbdf93 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 ); }
li#vipPlatinum { background: #f2f6f8; background: -webkit-linear-gradient(-45deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 74%,#e0eff9 100%); background: -webkit-linear-gradient(315deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 74%,#e0eff9 100%); background: linear-gradient(135deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 74%,#e0eff9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 ); }


@media screen and (min-width: 1024px) {
    .tbl-vvvip { width: 100%; position: relative; z-index: 2; overflow: hidden; color: #444; border-left: 1px solid #a49145; border-top: 1px solid #a49145; }
        .tbl-vvvip td, .tbl-vvvip th { padding: 7px; text-align: center; position: relative; border-right: 1px solid #a49145; border-bottom: 1px solid #a49145; }
        .tbl-vvvip > tbody > tr > th:first-child { text-align: left; padding-left: 20px; font-weight: normal; width: 30%; }
        .tbl-vvvip > tbody > tr > th:not(:first-child), .tbl-vvvip > tbody > tr > td:not(:first-child) { width: 17.5%; }

        .tbl-vvvip:not(.nohover) tbody tr:hover { background-color: #ecdcaa; }

        .tbl-vvvip td:hover:after,
        .tbl-vvvip tbody th:not(:empty):hover:after,
        .tbl-vvvip td:focus:after,
        .tbl-vvvip tbody th:not(:empty):focus:after { content: ''; height: 10000px; left: 0; position: absolute; top: -5000px; width: 100%; z-index: -1; }

        .tbl-vvvip td.active { background-color: #ecdcaa; }

        .tbl-vvvip td:hover:after, .tbl-vvvip th:hover:after { background-color: #ecdcaa; }
        .tbl-vvvip th.row-title:hover:after, .tbl-vvvip > tbody > tr > th:hover:after { display: none; }

    .ultablevip { display: table; margin-left: auto; margin-right: 0; font-size: 0; width: 70%; }
        .ultablevip > li { width: 25%; padding: 10px 0; border-left: 1px solid #a49145; border-top: 1px solid #a49145; }
            .ultablevip > li:last-child { border-right: 1px solid #a49145; }
    .ultablevip { display: table; margin-left: auto; margin-right: 0; width: 70%; }

    .divVipTitle { display: none; }
    .divViptable { background-color: #fff; position: relative; }
}

@media screen and (max-width: 1023px) {
    .tbl-vvvip { background-color: #fff; width: 100%; color: #000; margin: auto; border-left: 1px solid #a49145; border-top: 1px solid #a49145; }
        .tbl-vvvip td, .tbl-vvvip th { padding: 7px; text-align: center; position: relative; border-right: 1px solid #a49145; border-bottom: 1px solid #a49145; }
        .tbl-vvvip > tbody > tr > th:first-child { text-align: left; font-weight: normal; }
        .tbl-vvvip > tbody > tr > td { display: none; }
            .tbl-vvvip > tbody > tr > td.active { display: table-cell; }

    .ultablevip { width: 90%; margin: 0 auto; }
        .ultablevip > li { margin: 0 0.5%; cursor: pointer; font-size: 3vw; width: 24%; padding: 25px 0 10px; border-top-left-radius: 2vw; border-top-right-radius: 2vw; vertical-align: top; box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.3) inset; }
            .ultablevip > li.active { padding-bottom: 25px; border-bottom-left-radius: 2vw; border-bottom-right-radius: 2vw; box-shadow: 0px 2px 2px rgba(0,0,0,0.5); }

    .divViptable { background-color: #fff; padding: 15px 5% 40px; margin-top: -15px; border-radius: 2vw; }
    .divVipTitle { color: #000; text-align: center; margin: 15px 0; font-size: 5vw; }
}


/******************************************************************** registration ******************/
.register { }
    .register ul { margin: 0; padding: 0; overflow: hidden; display: table; width: 100%; position: relative; }
        .register ul > li { width: 50%; border: 0px solid red; vertical-align: middle; list-style-type: none; display: table-cell; }
            .register ul > li.scroll-bg { position: relative; border: 5px outset #e6c557; border-radius: 40px 0 40px 0; border: 5px outset #e6c557; overflow: hidden; float: left; position: absolute; top: 0; bottom: 0; left: 0; }
.clouds1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; background-size: 100% auto; }
.register ul > li.registration-form { padding-left: 40px; padding-bottom: 20px; float: right; }
.register #registerform { width: 100%; }
    .register #registerform dl { margin: 15px auto; }
    .register #registerform dt { width: 100%; color: #927d37; font-size: 10px; display: none; }
    .register #registerform textarea, .register #registerform input[type=text], .register #registerform input[type=password] { width: 100%; color: #000; font-size: 15px; padding: 6px; background: transparent; border-bottom: 2px solid #b48e37 !important; border: 0px solid red; }
#groupUsername dd { font-size: 0; }
.register #registerform #registerform_UserName { width: 70%; display: inline-block; }
.register #registerform .btnCheckUser { width: 30%; display: inline-block; text-align: center; }
.register #registerform #registerform_Currency { background: transparent; border-bottom: 2px solid #b48e37 !important; border-radius: 0px; padding: 10px; font-size: 18px; color: #000; border: 0px solid red; }
.register #registerform #registerform_varifycode { width: 135px; float: left; }
.register #registerform .btnCheckUser, #registerform_btnSubmit { border-radius: 15px; background: -webkit-linear-gradient(left, #eccd5e 0%, #b88f23 100%); background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%); color: #161616; font-weight: bold; border: 0px; padding: 8px 12px; font-size: 14px; text-transform: uppercase; margin: 6px 0; }
.register #registerform_btnSubmit { padding: 10px 35px; cursor: pointer; }
.register #registerform:after { font-size: 10px; color: #fff; }
#groupVerifyCode img { margin-left: 15px; height: 30px; }
.register input::-webkit-input-placeholder { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: .4s; transition: .4s; }
.register input::-moz-placeholder { transform: translateX(0px); -webkit-transition: .4s; transition: .4s; }
.register input:-ms-input-placeholder { transform: translateX(0px); -webkit-transition: .4s; transition: .4s; }
.register input::placeholder { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: .4s; transition: .4s; }
.register input:focus::-webkit-input-placeholder { -webkit-transform: translateX(200px); transform: translateX(200px); -webkit-transition: .4s; transition: .4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.register input:focus::-moz-placeholder { transform: translateX(200px); -webkit-transition: .4s; transition: .4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-timing-function: ease-in; }
.register input:focus:-ms-input-placeholder { transform: translateX(200px); -webkit-transition: .4s; transition: .4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-timing-function: ease-in; }
.register input:focus::placeholder { -webkit-transform: translateX(200px); transform: translateX(200px); -webkit-transition: .4s; transition: .4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.small { font-size: 12px; }
.w3-text-red { color: #dd0000; }

@media screen and (max-width: 1023px) {
    .register #registerform #registerform_UserName { width: 60%; }
    .register #registerform .btnCheckUser { width: 40%; }

    .register #registerform .btnCheckUser, #registerform_btnSubmit { border-radius: 2vw; }
}

@media screen and (max-width: 767px) {
    .register ul { display: block; }
        .register ul > li { width: 100%; display: block; }
            .register ul > li.scroll-bg { float: none; position: relative; min-height: 80vh; }
            .register ul > li.registration-form { padding-left: 0; padding-bottom: 20px; float: none; }

    .register #registerform { width: 90%; margin: 0 auto; padding-left: 0; max-width: 480px; }
        .register #registerform .btnCheckUser { font-size: 3vw; }

    .register #registerform_btnSubmit { margin: 25px auto 0; display: table; }
}

/******************************************************************************************************************************************************** contact */
#theme-contain-contact { width: 80%; margin: 50px auto; }
    #theme-contain-contact td { padding: 5px 0; }
    #theme-contain-contact input { border: 1px solid #bbb; width: 100%; padding: 7px 0; background-color: #fff; }
        #theme-contain-contact input[value="Submit"] { border: 0; border-radius: 5px; cursor: pointer; width: auto; padding: 5px 10px; color: #222; background: #eccd5e; background: -webkit-linear-gradient(top, #eccd5e 0%,#b88f23 100%); background: linear-gradient(to bottom, #eccd5e 0%,#b88f23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#b88f23',GradientType=0 ); }
    #theme-contain-contact button,
    #theme-contain-contact input,
    #theme-contain-contact select,
    #theme-contain-contact textarea { background-color: #fff; }

    #theme-contain-contact > table { display: none; }
/******************************************************************************************************************************************************** adminLogin */
#theme-contain-adminloginx input { padding: 5px 7px; border: 1px solid #666; margin: 5px auto; background-color: #fff; }
#theme-contain-adminloginx > p + table { width: 350px; margin: 0 auto; }
ds #theme-contain-adminloginx > p + table > tbody > tr > td:nth-child(2) { padding-left: 10px; }


/********************* contact page */
.contactBody { max-width: 500px; margin: auto; width: 90%; }

.contactBody { }
    .contactBody a { }
        .contactBody a > div { display: table; width: 100%; border-radius: 15px; background-color: #39352f; margin: 15px auto; padding: 10px 25px; }
            .contactBody a > div > div { display: table-cell; }
.contactIcon { text-align: center; width: 55px; }
.contactDetail { padding: 10px; }
    .contactDetail h4 { margin: 0; color: #fff; font-weight: normal; font-size: 20px; }
    .contactDetail p { margin: 0; color: #aaa; line-height: normal; font-size: 12px; }


@media screen and (max-width: 767px) {
    .contactBody a > div { padding: 5px 15px; }
    .contactIcon { width: 40px; }
        .contactIcon img { width: 30px; height: 30px; }
}

/************************************************************ live tv */
#api-leaguefeed #versus { font-weight: 800; }
#api-leaguefeed .brick > ul > li { list-style-type: none; padding: 0; }

/************************************************************ news */
#news_template_list { }
    #news_template_list ul li { list-style-type: none; overflow: hidden; padding: 10px; }
    #news_template_list #title a { color: #fff; }
        #news_template_list #title a:hover { color: #fff; text-decoration: underline; }
    #news_template_list #message { color: #aaa; }



/************************************************************ banking */
.banking-sub-container .sub-slide > div { display: table; margin: 10px 0; }
    .banking-sub-container .sub-slide > div > div { display: table-cell; }

.banking-info2 { text-align: left; }
    .banking-info2 > div ul { margin-left: 0; }
    .banking-info2 > div li { list-style-type: none; padding-left: 20px; background: url('/data/1724/uploads/icn-star.png') no-repeat; background-position: top 3px left; background-size: 15px 15px; }

    .banking-info2 > div.left li > b { font-family: 'Montserrat-Regular'; }
    .banking-info2 > div.left li > p { margin-top: 5px; color: #888; }

@media screen and (min-width: 1023px) {
    .banking-info2 { display: table; width: 100%; }
        .banking-info2 > div { width: 50%; display: table-cell; vertical-align: top; }
            .banking-info2 > div.left { padding-right: 50px; }
            .banking-info2 > div.right { padding-left: 50px; border-left: 1px solid #63543c; }
}

@media screen and (max-width: 1023px) {
    .banking-nav { display: none; }

    .banking-sub > a { display: block; margin: 10px 0; }
        .banking-sub > a > div { display: block; text-align: center; }
    .banking-right-img img { margin: 0 auto 5px; display: block; }
    .banking-sub-content { padding: 0 15px; }
    .banking-sub-texthead { text-align: center; }

    .divBanking-right { margin-bottom: 40px; }
}

/************************************************************ know your customer */
.kyc-info { padding-bottom: 0; }
.kyc_noc { max-width: 900px; width: 80%; border: 1px dashed #fcea77; padding: 15px; margin: 20px auto; color: #fcea77; font-style: italic; font-size: 12px; border-radius: 10px; }
.kyc-list { max-width: 800px; width: 100%; text-align: left; margin: auto; }
    .kyc-list li { list-style-type: decimal; padding-left: 5px; }

.kyn_bank { text-align: center; }
    .kyn_bank img { max-width: 100%; width: auto; }
    .kyn_bank > div { margin-top: 40px; }

@media screen and (min-width: 767px) {
    .kyn_bank { overflow: hidden; border-bottom: 0; }
        .kyn_bank > div { float: left; width: 50%; margin: 0; }
            .kyn_bank > div:nth-child(odd) { padding-right: 10px; padding-left: 20px; }
            .kyn_bank > div:nth-child(even) { padding-left: 10px; padding-right: 20px; }
}

/************************************************************ GDCharity */
#divCharityBanner .banner-right img { display: block; margin: auto; }
.banner-left { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 50%; text-align: center; }
    .banner-left img { width: auto; position: absolute; bottom: 0; height: 90%; max-height: 100%; right: -10%; z-index: 2; }
.banner-right { position: absolute; top: 80px; right: 10%; margin: auto; width: 40%; text-align: center; z-index: 4; }
    .banner-right img { width: auto; }

#divCharityBanner .banner-right img.banner-right_logoGD { max-height: 50px; height: 5vw; width: auto; margin-top: 10px; }
#divCharityBanner .banner-right img.banner-right_logoCharity { max-width: 200px; max-height: 200px; width: 12vw; height: 12vw; }

.banner-text { font-size: 36px; text-shadow: 2px 2px 2px #fff; color: #c53434; font-weight: bold; margin: 10px auto 15px; }
    .banner-text .small { font-size: 16px; }

.amountCharity { margin: auto; margin-top: -9vw; z-index: 10; position: relative; text-align: center; }
.titleAmountCharity { padding: 10px 20px; font-size: 22px; position: relative; z-index: 2; background-size: auto 100%; background-position: center; background-repeat: no-repeat; }
.bgAmountCharity { font-size: 48px; color: #fff; padding: 40px 0 30px; margin: auto; margin-top: -40px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }

.heartbeat { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; pointer-events: none; }

#sectionActivity { }
.event_posts { font-size: 0; text-align: center; overflow: hidden; }
.charityWrapper > .event:not(:first-child) { margin-top: 50px; border-top: 1px dashed #63543c; }
#sectionActivity .fb-post { vertical-align: top; width: 32.33% !important; margin: 0.5%; display: inline-block !important; }
    #sectionActivity .fb-post > span { margin: auto; width: 100% !important; background-color: #fff; }
        #sectionActivity .fb-post > span > iframe { background-color: #fff; }

@media screen and (max-width: 1024px) {
    .banner-text { font-size: 3vw; margin: 0; }
    .amountCharity { margin-top: -4vw; }
    .titleAmountCharity { font-size: 2vw; padding: 1vw 2vw; }
    .bgAmountCharity { font-size: 5vw; padding: 4vw 0 3vw; margin-top: -4vw; }

    #sectionActivity .fb-post { width: 50% !important; margin: 0; }
}

@media screen and (max-width: 1023px) {
    .banner-right { top: 5vw; }
}

@media screen and (max-width: 450px) {
    .banner-text .small { font-size: 2vw; }

    #divCharityBanner .divBanner-wrapper { height: 45vw; }
        #divCharityBanner .divBanner-wrapper > img { width: auto; height: 100%; }
        #divCharityBanner .divBanner-wrapper:after { bottom: -20%; }

    #divCharityBanner .banner-left { width: 45%; }
    #divCharityBanner .banner-right { width: 55%; right: 5%; }

    #divCharityBanner .banner-text { font-size: 4vw; }
        #divCharityBanner .banner-text .small { font-size: 3vw; }
    #divCharityBanner .banner-right img.banner-right_logoCharity { width: 15vw; height: 15vw; }

    .amountCharity { margin-top: -2vw; }
    .bgAmountCharity { font-size: 6vw; }

    #sectionActivity .fb-post { width: 100% !important; margin: 5px 0; }
}

.ShowHide { background-image: url('/data/1724/uploads/app_bg.jpg') !important; background-position: center !important; }
.livesports { background: transparent !important; }
/****************************  collapse  */
.collapse-btn { background: linear-gradient(to left, #eccd5e 0%, #7b5900 100%) !important; color: #fff; font-weight: normal; padding: 10px 15px; }
.collapse-content { background-color: #2e2e2e; color: #fff; border-color: #fff; border-radius: 3px !important; }
    .collapse-content a { color: #fff; }
.collapse-btn:after { color: #fff; }
.collapse-content p { line-height: normal; margin: 10px auto; }

/****************************  horse racing*/
#divBody > div#theme-contain-horseracing { width: 100%; margin: 0 auto; max-width: initial; max-width: none }

@media screen and (min-width: 1023px) {
    .bannerIMG img { animation: myhorse infinite .7s linear }
}

@keyframes myhorse {
    0%,80%,100% { transform: translate(0,0) }

    20% { transform: translate(-25px,0px) }

    40% { transform: translate(0px,-25px) }
}

.responsive { max-width: 100%; height: auto; }


#popmsg {text-align:center;}
#popmsg img{border: rgba(255,255,255,0.2) 1px solid; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}
.fancybox-inner{height:auto !important;}