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: #b08507; text-decoration:none; font-weight: bold;}*/
a, a:hover, a:active, a:focus { color: #3f4142; text-decoration: none; font-weight: lighter; }
ul, ol { margin-left: 20px; }
li { list-style-type: disc; padding: 5px 0; }

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; font-weight: bold; margin: 0.83em 0; text-align: center; line-height: normal; }
h3 { font-size: 22px; color: #b08507; 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; }
.text-left { text-align: left !important; }

.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; }

/* PROD
***********************/
#cms5-prod-list { text-align: center; }
    #cms5-prod-list ul { margin: 10px; width: 23%; padding: 0px 15px; display: inline-block; transition: 0.3s; }
        #cms5-prod-list ul:hover { box-shadow: 2px 4px 10px #d4d4d4; }
        #cms5-prod-list ul li { list-style: none; }
    #cms5-prod-list .caption, #cms5-prod-list #desc, #cms5-prod-list #details, #cms5-prod-list #enquiry, #cms5-prod-list #code { display: none; }
    #cms5-prod-list #price { font-weight: 600; }
#cms5-prod-view > table > tbody > tr > td { width: 50%; direction: ltr; display: inline-block; }
#cms5-prod-view > table > tbody > tr { direction: rtl; display: inline-block; }
#cms5-prod-view #particular #caption { display: none; }
#cms5-prod-view #particular td#title { font-size: 30px; font-weight: 600; }
#cms5-prod-view #particular #price { font-size: 20px; }
#cms5-prod-view #particular #sharelink { padding: 0; }
#cms5-prod-view #desc { border-top: 2px solid #d4d4d4; padding-top: 10px; }
#prod_cat { display: none; }
#addcart a { padding: 5px 10px; background: linear-gradient(0deg, #f7c976, #faf7ad, #f7c976); border-radius: 10px; border: 1px solid #b5962c; display: block; width: fit-content; }
#cms5-prod-list #addcart a { margin: auto; }
#enquiry, #sharelink { display: none; }
#prod-cart .tbllist form table { border: 1px solid #000; }
    #prod-cart .tbllist form table tr { border-bottom: 1px solid #000; }
    #prod-cart .tbllist form table tfoot tr:first-child { border: 0; }
    #prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th { border-right: 1px solid; text-align: center; padding: 10px; }
        #prod-cart .tbllist form table tr td:last-child, #prod-cart .tbllist form table tr th:last-child { border-right: 0; }
    #prod-cart .tbllist form table tr:first-child { background: #d4d4d4; }
.ctrllist.iconx32 ul { margin: 0; }
#icon-delete { list-style: none; }
    #icon-delete a { color: #f00; }
#prod-cart > p > a { color: #0008ff; }
#submember-login table { width: fit-content; background: #efefef; }
    #submember-login table tr td { padding: 10px 20px; }
    #submember-login table tr:last-child td:last-child > p:nth-child(1) > a { background: #d4d4d4; padding: 5px 20px; display: block; text-align: center; }
#submember-login input[type=submit] { background: #ffc903; padding: 5px 20px; display: block; width: 100%; text-align: center; }
#submember-login table tr:last-child td:last-child > p:nth-child(3) > a { text-decoration: underline; color: #0008ff; }
#prod-cart .tbllist form #continue-shopping a { padding: 10px; margin: 5px 0; text-align: center; background: #fbed86; display: inline-block; float: right; border-radius: 10px; }
#prod-cart .tbllist form table input[value=UPDATE] { padding: 0 10px; background: transparent; text-decoration: underline; color: blue; }
#prod-cart .tbllist form table input[value=EMPTY] { background: transparent; }

@media screen and (max-width: 1024px) {
    .btn-gold { font-size: 3vw; }
    #cms5-prod-list ul { width: 31%; }
    #cms5-prod-view .gcontent { width: 100% !important; }
    #cms5-prod-view .galleria-container { width: 100% !important; }
}

@media screen and (max-width: 768px) {
    .btn-gold { padding: 2vw 4vw; }
    #cms5-prod-list ul { width: 47%; }
    #cms5-prod-view > table > tbody > tr > td { width: 100%; }
}

@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; }
}

@media screen and (max-width: 425px) {
    #divBody > div { width: 100% !important; }
    #cms5-prod-list ul { width: 48%; border: 1px solid #d4d4d4; margin: 3px; padding: 3px; }
    #cms5-prod-list #photo img { max-width: 100%; height: 100%; }
    #cms5-prod-list ul li#title { min-height: 115px; }
    #cartlist table { width: 150%; }
    #prod-cart .tbllist form { overflow-x: scroll; }
    #prod-cart { width: 95%; margin: auto; }
    #submember-login table { margin: auto; }
}

/******************************************************************** font-face ******************/
/* montserrat-regular - latin */
@font-face { font-family: 'Montserrat-Regular'; font-style: normal; font-weight: 400; src: url('/theme/gdwon3/imgs/font/Montserrat-Regular/Montserrat-Regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/theme/gdwon3/imgs/font/Montserrat-Regular/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 *//* url('/theme/gdwon3/imgs/font/Montserrat-Regular/Montserrat-Regular.woff2') format('woff2'),*/ /* Super Modern Browsers */ url('/theme/gdwon3/imgs/font/Montserrat-Regular/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */ url('/theme/gdwon3/imgs/font/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/gdwon3/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/gdwon3/imgs/font/poppins/poppins-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Poppins Regular'), local('Poppins-Regular'), url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ }
/* poppins-600 - latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-600.eot'); /* IE9 Compat Modes */ src: local('Poppins Black'), local('Poppins-Black'), url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-600.woff') format('woff'), /* Modern Browsers */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */ }
/* poppins-800 - latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: bold; src: url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-800.eot'); /* IE9 Compat Modes */ src: local('Poppins Black'), local('Poppins-Black'), url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-800.woff') format('woff'), /* Modern Browsers */ url('/theme/gdwon3/imgs/font/poppins/poppins-v9-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/gdwon3/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 ---*/
.headerTop-nav { background-color: #fff; border-bottom: 1px solid #eee; }
    .headerTop-nav ul { font-size: 0; margin: 5px 20px; }
        .headerTop-nav ul > li { list-style-type: none; display: inline-block; text-align: center; padding: 0px 5px; }
            .headerTop-nav ul > li > a { display: block; padding: 5px; font-size: 12px; color: #666; }
                .headerTop-nav ul > li > a:hover { text-decoration: underline; color: #222; }
                .headerTop-nav ul > li > a > img { height: 30px; margin-right: 2px; }

@media screen and (max-width: 767px) {
    .headerTop-nav ul { margin: 0; text-align: center; }
        .headerTop-nav ul > li { padding: 0; }
            .headerTop-nav ul > li > a { padding: 10px 5px; font-size: 10px; }
}


/*----------------- 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: 90%; bottom: 0; left: -30%; right: -30%; margin: auto; pointer-events: none; z-index: -1; border-radius: 0% 0% 50% 50%/0% 0% 100% 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: 8.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: 380px; 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; }
/*==== btn login ====*/
.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;*/ }
/*==== btn login ====*/
#btnLanguange-top { color: #fff; text-align: center; padding: 0 10px; cursor: pointer; }
    #btnLanguange-top img { margin: 0px auto 5px; display: inline-block; border-radius: 50%; border: 1px solid #444; }

@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: 4px; }
    #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 { height: 2px; width: 20px; border-radius: 2px; display: block; -webkit-transform: translateY(1px) rotate(45deg); transform: translateY(1px) rotate(45deg); background-color: #d4af3c; }
        .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 { background-color: #d4af3c; }
        .btn-close-popup:hover span { background-color: #fff; }

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

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

.login-form-all { border: 0px solid red; }
    .login-form-all ul { width: 100%; list-style: none; }
        .login-form-all ul li { list-style: none; display: inline-block; width: 49%; }
.log-title { text-align: center; font-size: 20px; color: #898886; }

.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; }
        #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; }
    .login-form-all { padding-top: 40px; }
        .login-form-all ul li { width: 90%; }
}

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

#loginFormV1 { max-width: 500px; }
    #loginFormV1 + hr { border-color: #ddd; }

/*----------------- 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; }
.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/1262/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/1262/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; }
}

/******************************************************************** CSS MENU ******************/
/*----------------- css menu ---*/
#cssmenu { background-color: rgba(0,0,0,1); z-index: 99; margin-top: -2.5vw; padding-top: 2.5vw; position: absolute; width: 100%; }
    #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: static; padding: 0; }
            #cssmenu > ul > li > a { -o-border-image: none; border-image: none; font-size: 14px; padding: 15px 20px 12px; text-transform: capitalize; border: 0; text-align: center; font-weight: 600; }
                #cssmenu > ul > li > a img { margin-right: 0; height: 25px; width: 25px; position: relative; 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.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: 1920px; margin: 0 auto; margin-left: 50%; width: 100%; }
    #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; z-index: -1; top: 0; bottom: 0; background-color: rgba(0,0,0,0.7); -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 50%; }
    #cssmenu ul ul:after { content: ''; position: absolute; bottom: 0px; 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: 11%; }
        #cssmenu ul ul li:hover { height: auto; border: none; }
        #cssmenu ul ul li a { width: auto; color: #fff; font-size: 12px; padding-bottom: 25px; background-color: transparent; text-align: center; -webkit-transition: color 0s; transition: color 0s; }
            #cssmenu ul ul li a:hover { color: #222; background: rgb(255,235,161); background: -webkit-radial-gradient(circle, rgba(255,235,161,1) 0%, rgba(191,149,40,1) 100%); background: radial-gradient(circle, rgba(255,235,161,1) 0%, rgba(191,149,40,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeba1",endColorstr="#bf9528",GradientType=1); }
            #cssmenu ul ul li a:after { display: none !important; }
            #cssmenu ul ul li a img { display: block; margin-bottom: 10px; width: 100%; }

    #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: 1200px) {
    #cssmenu > ul > li > a { padding-left: 12px; padding-right: 12px; }
}

@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; width: 25px; height: 4px; }
            .slide-nav .btn-close-popup span:nth-child(2) { -webkit-transform: translateY(-3px) rotate(-45deg); transform: translateY(-3px) rotate(-45deg); }

.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(255,255,255,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; 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 !important; font-weight: 600; }

.slideNav-content { overflow: hidden; padding-bottom: 200px; }
    .slideNav-content ul { margin: auto; width: 80%; }
        .slideNav-content ul > li { display: block; text-align: left; /*float: left;*/ margin-top: 5px; /*width: 50%;*/ text-transform: capitalize; margin-left: 15px; margin-right: 15px; }
    .slideNav-content > ul > li { border-bottom: 1px solid #ededed; }
    .slideNav-content ul > li > a { display: block; padding: 15px 20px 10px 30px; color: #666; 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: #b08507; /*border-bottom: 1px solid #b08507;*/ }
    .slideNav-content ul > li.has-sub > ul { display: none; }
    .slideNav-content ul > li > a > img { margin-right: 15px; 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; }

#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; }
.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/1262/uploads/btn-arrow-menu_up.png') !important; }


.slideNav-language { position: absolute; top: 7px; 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 #444; margin: 10px 0; }

@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:400px) {
    .slideNav-social { position: absolute; top: 12px; right: 50px; }
}

@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; }
}

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

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

        .slideNav-content ul > li.has-sub > ul { /*background-color: #ddd;*/ /*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; }
}

/*==== 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 { height: 45px; }
}

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

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



/******************************************************************** 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; }
    .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; }

.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-copyright { text-align: center; padding: 20px 0; border-top: 1px solid #444; color: #444; }


@media screen and (min-width: 1024px) {
    #divFooter-mobile > div { 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: 0px; }

    #divFooter-mobile { position: fixed; bottom: 0; left: 0; right: 0; margin: auto; z-index: 8031; display: none; 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%; }
}

@media screen and (max-width: 400px) {
    #divFooter-mobile > div > a, #icnContect_more div { font-size: 11px; }
}

/********************* 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: 60px; height: 60px; 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: 15px; left: 15px; z-index: 150; width: auto; }
    .iconContact { border-radius: 50%; width: 60px; height: 60px; 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: 8px; }

    #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; }

    #divFloat-contact .contactBody { display: flex; flex-direction: column; }
        #divFloat-contact .contactBody a.livechat { opacity: 0; order: 1; }
}
/******************************************************************** BODY ******************/
#divBody > div { width: 90%; max-width: 1250px; margin: 70px auto 0; }

    #divBody > div#theme-contain-home,
    #divBody > div#theme-contain-index,
    #divBody > div#theme-contain-sportsbook,
    #divBody > div#theme-contain-live-casino,
    #divBody > div#theme-contain-livecasino,
    #divBody > div#theme-contain-games,
    #divBody > div#theme-contain-lottery,
    #divBody > div#theme-contain-cockfight,
    #divBody > div#theme-contain-cock-fighting,
    #divBody > div#theme-contain-live-tv,
    #divBody > div#theme-contain-s-sport,
    #divBody > div#theme-contain-m-sport,
    #divBody > div#theme-contain-e-sport,
    #divBody > div#theme-contain-maxbet,
    #divBody > div#theme-contain-sbobet,
    #divBody > div#theme-contain-live-score,
    #divBody > div#theme-contain-poker,
    #divBody > div#theme-contain-vvvip,
    #divBody > div#theme-contain-banking,
    #divBody > div#theme-contain-affiliate,
    #divBody > div#theme-contain-promotions,
    #divBody > div#theme-contain-GDCharity,
    #divBody > div#theme-contain-live-jackpot { 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 { height: 45px; }
}

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

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

/*==== welcome ====*/
.welcome-h1 { /*background: -webkit-linear-gradient(0deg, #7b5900 0%, #eccd5e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ display: table; margin-left: auto; margin-right: auto; font-size: 45px; }
.welcome-h2 { /*background: -webkit-linear-gradient(0deg, #7b5900 0%, #eccd5e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ 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 #ccc; 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; }

div#divSport { background-size: cover; border-radius: 20px; }


.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; }
.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: 22px; font-weight: 600; text-shadow: 1px 1px 1px #fff; }
.text-title { font-size: 48px; color: #b08507; font-weight: 600; }
.small-title { font-size: 24px; color: #b08507; font-weight: 600; }
.text-narrow { font-size: 16px; margin: 0; color: #888; text-shadow: 1px 1px 1px #fff; }
.text-center { text-align: center; }
.text-gold { color: #b08507; }
.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 #888; }

.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; bottom: -10px; left: 15px; right: 0; height: 1px; width: auto; background-color: #ddd; pointer-events: none; }
.sub-container .sub-slide:nth-child(4n+4) .sub-detail:after { display: none; }

.sub-texthead { font-weight: 600; margin-bottom: 0; font-size: 14px; margin-bottom: 5px; color: #222; }

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

.text-container h4 { margin-top: 4em; text-align: center; position: relative; }
    .text-container h4:after { content: ''; position: absolute; top: -2em; left: 0; right: 0; margin: auto; max-width: 150px; height: 1px; width: 100%; border-top: 2px dotted #ddd; pointer-events: none; }

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

@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 { right: -5%; }
        .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%; }

    .text-bold { font-size: 16px; }
    .text-narrow { font-size: 12px; }
}


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

#divJackpot-title { position: relative; z-index: 2; }
.divJackpot-background { padding: 0; }
.divJackpot-title-img { text-align: center; }
.jackpot-main-count { font-size: 48px; margin-top: -75px; /*color: #191818;*/ color: #fff; 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; font-weight: 600; }
        .jackpot-main-count > div > span { display: inline-block; }
            .jackpot-main-count > div > span#foo { padding-left: 5%; }
.divJackpot-float-count { position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; z-index: 2; }
.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; }

.jakcpot-intro h2 { font-size: 18px; margin-top: 40px; color: #b3a288; text-align: center; font-weight: 600; }
#divHome-jackpot-intro { max-width: initial; max-width: none; width: 100%; }
#top-winner { overflow: hidden; }
    #top-winner > table { }
        #top-winner > table > tbody > tr { display: block; }
            #top-winner > table > tbody > tr > td { display: block; }
                #top-winner > table > tbody > tr > td:first-child { font-size: 14px; }
                #top-winner > table > tbody > tr > td:nth-child(2) { font-size: 18px; font-weight: 600; }

    #top-winner.swiper-container { }
        #top-winner.swiper-container > ul.swiper-wrapper { padding: 0; margin: 0; }
            #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide { list-style-type: none; text-align: center; }
                #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide > div:first-child { font-size: 14px; }
                #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide > div:nth-child(2) { font-size: 18px; font-weight: 600; }

            #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide { padding-top: 60px; background-position: top center; background-repeat: no-repeat; background-size: 50px 50px; }

                #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide:nth-child(7n+1) { background-image: url('/data/1262/uploads/icn-avatar-01.jpg'); }
                #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide:nth-child(7n+2) { background-image: url('/data/1262/uploads/icn-avatar-02.jpg'); }
                #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide:nth-child(7n+3) { background-image: url('/data/1262/uploads/icn-avatar-03.jpg'); }
                #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide:nth-child(7n+4) { background-image: url('/data/1262/uploads/icn-avatar-04.jpg'); }
                #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide:nth-child(7n+5) { background-image: url('/data/1262/uploads/icn-avatar-05.jpg'); }
                #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide:nth-child(7n+6) { background-image: url('/data/1262/uploads/icn-avatar-06.jpg'); }
                #top-winner.swiper-container > ul.swiper-wrapper > li.swiper-slide:nth-child(7n+7) { background-image: url('/data/1262/uploads/icn-avatar-07.jpg'); }

.jakcpot-intro { margin-top: 40px; }

.divJackpot-gif { text-align: center; overflow: hidden; max-height: 388px; height: 36vw; pointer-events: none; }
    .divJackpot-gif > img { -webkit-animation: myTurn 2s linear infinite; animation: myTurn 2s linear infinite; max-width: 100%; pointer-events: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

@-webkit-keyframes myTurn {
    100% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
}

@keyframes myTurn {
    100% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
}


@media screen and (max-width: 1024px) {
    .jackpot-main-count { font-size: 4vw; padding: 7vw 0 4vw; margin-top: -6vw; }
        .jackpot-main-count > div { width: 37vw; }
    .divJackpot-title-img img { height: 8vw; 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: -9vw; }
        .jackpot-main-count > div { width: 55vw; }
    .divJackpot-title-img img { height: 12vw; }
    .jackpot-sub-container { padding-top: 15px; border-top: 1px solid #ccc; 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 #ececec; 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: 0px; }
    .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: 0px auto; }
    .home-highlightVideo > div { border-top: 1px solid #ccc; }
.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 #444; }

@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: 10%; left: 10%; margin: auto; }
.sport-sub .sub-detail:after { bottom: -5px; }

h1.maintitle { font-size: 45px; }

@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: 767px) {
    .divSport-title-img { left: 5%; bottom: 13%; }
}

/*==== 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/1262/uploads/logo-allbet.png'); }
    .casinoResult-logo.bg { background-image: url('/data/1262/uploads/logo-bgGaming.png'); }
    .casinoResult-logo.ez { background-image: url('/data/1262/uploads/logo-ezugi.png'); }
    .casinoResult-logo.eg { background-image: url('/data/1262/uploads/logo-evo.png'); }
    .casinoResult-logo.ls { background-image: url('/data/1262/uploads/logo-luckyStreak.png'); }
    .casinoResult-logo.dg { background-image: url('/data/1262/uploads/logo-dreamgaming.png'); }
    .casinoResult-logo.wm { background-image: url('/data/1262/uploads/logo-wm.png'); }
    .casinoResult-logo.ag { background-image: url('/data/1262/uploads/logo-asiaGaming.png'); }
    .casinoResult-logo.sb { background-image: url('/data/1262/uploads/logo-sexyBaccarat.png'); }
    .casinoResult-logo.sa { background-image: url('/data/1262/uploads/logo-saGaming.png'); }
    .casinoResult-logo.gg { background-image: url('/data/1262/uploads/logo-gua.png'); }
    .casinoResult-logo.gd { background-image: url('/data/1262/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; background-size: 100% 100%; }
    .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; }
    .divGame-title-img { bottom: 5vw !important; }
    .box-content .btn-Newgame { margin: 0 auto; font-size: 3vw; padding: 1vw 10vw; border-radius: 1.5vw; width: auto; }
    .box-content .btn-bet { margin: 10px 0 0 2vw; }

    .divCasino-float-img > img { position: relative; right: -10vw; }
}

/*==== game ====*/
.home-game { margin: 40px auto; }
#gameLobby-title { overflow: hidden; padding: 10px 20px; }
    #gameLobby-title .text-bold { font-size: 35px; float: left; margin: 0; 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 { }
.gameLobby-slide { padding: 10px; }

.divGame-background { }
.divGame-title-img { text-align: center; position: absolute; bottom: 20%; left: 5%; /*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 3px rgba(0,0,0,0.5); }
.game-top { position: relative; padding: 25px 20px 15px; overflow: hidden; color: #444; }
    .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: 18px; font-weight: 600; margin: 0; }
.game-pro { font-size: 12px; margin: 0; color: #666; }
.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; }
    .gameLobby-nav .swiper-button-black { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

@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; }
    .gameLobby-container { padding-bottom: 50px; }
    .game-top .btn-play { font-size: 14px; position: absolute; bottom: -30px; text-align: center; left: 0; right: 0; margin: auto; width: 60%; display: block; border-radius: 2vw; }
}

.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); }
}

/*==== bottom text ====*/
.home-text { }
    .home-text .text-box-content { }
    .home-text .text-intro { }
.star-point li { list-style-type: none; text-align: left; padding-left: 20px; background: url('/data/1262/uploads/icn-star.png') no-repeat; background-position: top 8px left; background-size: 15px 15px; }
    .star-point li b { }
.star-point p { margin-top: 10px; margin-bottom: 20px; text-align: justify; line-height: normal; }

@media screen and (max-width: 1023px) {
    .home-text .text-box-content { border-top: 1px solid #ececec; padding-top: 40px; }
}

@media screen and (max-width: 767px) {
    .home-text h1 { font-size: 22px; }
    .home-text h2 { font-size: 18px; }

    .home-text .text-intro { border: 0; width: 100%; margin-top: 0; padding: 20px 0; }
    .star-point ul { margin-right: 20px; }
}


/*==== live-tv ====*/
.brick { }
    .brick ul { margin: 0px; padding: 0px; }
        .brick ul li { margin: 0px; padding: 0px; list-style: none; text-align: center; font-weight: bold; }
        .brick ul #playtime { background: transparent; color: #241400; }
        .brick ul #versus { background: #efefef; color: #ce9601; padding: 8px 0px; min-height: 120px; }

#api-leaguefeed { clear: both; display: block; width: 100%; }
    #api-leaguefeed .brick > ul { list-style: none; margin: 0px; padding: 0px; }
        #api-leaguefeed .brick > ul > li { padding: 0px 10px; }
    #api-leaguefeed #playtime { background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%); color: #313131; font-weight: bold; text-align: center; }
    #api-leaguefeed #versus { text-align: center; font-size: 13px; font-weight: bold; padding: 20px 0px; }
        #api-leaguefeed #versus div:nth-child(1) { color: #0080FF; }
        #api-leaguefeed #versus div:nth-child(2) { color: #000000; font-size: 12px; }
        #api-leaguefeed #versus div:nth-child(3) { color: #ff0000; }
    #api-leaguefeed #livetv { text-align: center; }
        #api-leaguefeed #livetv a,
        #api-leaguefeed #livetv a:visited { display: block; color: #ffffff; text-decoration: none; text-align: center; background: #0080FF; padding: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
            #api-leaguefeed #livetv a:hover { background: #0073E6; }
.api-leaguefeed-free-wall .brick { height: 190px !important; width: 190px; border-radius: 12px; overflow: hidden; }
#api-leaguefeed #versus { padding: 14px 0px; font-size: 11px; }
#api-leaguefeed #livetv a:hover { background: #cd292e; }
#api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited { background: #cea83b; }

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

    .api-leaguefeed-free-wall .brick { width: 43% !important; display: inline-block !important; min-height: 236px; margin: 10px; position: unset !important; display: inline-block; vertical-align: top; text-align: center; }
    #api-leaguefeed { padding-bottom: 40px !important; height: auto !important; }
}

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

.divAffiliate-title-img { text-align: center; position: absolute; top: 10%; bottom: 10%; left: 10%; margin: auto; }
    .divAffiliate-title-img img { height: 100%; max-height: 100%; }

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

.affiliate-info { }
    .affiliate-info h4 { text-align: left; }

.affiliate-faq-container { border: 0; padding: 0; }
.affiliate-faq.text-info { border: 3px dashed #f1d9a9; padding: 40px 60px 40px 40px; border-radius: 50px; width: 80%; }

@media screen and (min-width: 1200px) {
    .affliate-sub-container.subPage-container .subPage_detail:nth-child(3) .sub-detail:after { display: none; }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .affliate-sub-container.subPage-container .subPage_detail { width: 33.33%; padding: 0 10px !important; }
        .affliate-sub-container.subPage-container .subPage_detail > div { display: block; text-align: center; }
            .affliate-sub-container.subPage-container .subPage_detail > div.img-slot { margin-bottom: 5px; height: auto; }
            .affliate-sub-container.subPage-container .subPage_detail > div.sub-detail { padding: 0; }
}

@media screen and (max-width: 1024px) {
    .affiliate-faq-container { margin-top: 0; }
    .affiliate-faq.text-info { width: 100%; }

    .tbl-affiliate { width: 100%; }
}

@media screen and (max-width: 767px) {
    .affiliate-faq.text-info { padding: 2vw 5vw 2vw 0vw; border-radius: 5vw; border-width: 2px; }

    .tbl-affiliate > tbody > tr:first-child > td > span { font-size: 3vw !important; }
    .tbl-affiliate td { padding: 2vw 1vw; font-size: 2.5vw; }
}


/******************************************************************************************************************************************************** promotion */
#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: #222; background: rgb(255,235,161); background: -webkit-radial-gradient(circle, rgba(255,235,161,1) 0%, rgba(191,149,40,1) 100%); background: radial-gradient(circle, rgba(255,235,161,1) 0%, rgba(191,149,40,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeba1",endColorstr="#bf9528",GradientType=1); }
            #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; }
    #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: 415px; float: right; height: 200px; position: absolute; top: 0; right: 0; margin: auto; padding: 0 10px; display: block; width: 100%; padding-right: 15px; }
    .promocontent h2 { font-size: 18px; color: #8a6212; text-align: left; padding: 20px 0px; }
    .promocontent p { color: #666; font-size: 13px; line-height: normal; margin: 0; padding: 0px 10px; }
.btnFaq { position: absolute; bottom: 15px; }
    .btnFaq .btnMore { color: #222; }
.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%,#7b5900 100%); background: linear-gradient(to bottom, #eccd5e 0%,#7b5900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#7b5900',GradientType=0 ); }
.btnJoin { background-color: #fff; border: 1px solid #8a6212; color: #8a6212; margin-left: 5px; }
    .btnJoin:hover, .btnJoin:active, .btnJoin:visited { color: #8a6212; }

ol#faq { position: relative; }
    ol#faq > li { list-style-type: none; padding: 0; }

#answer { max-width: 1000px; border: 2px solid #b08507; 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 3px; overflow: hidden; padding: 0; }
.fancybox-inner { padding: 20px; padding-bottom: 100px; width: auto !important; }
    .fancybox-inner h1 { color: #000; }
    .fancybox-inner li { list-style-type: disc; }

.faq-promos .tab { border: 0px solid red; text-align: center; width: 82%; margin: auto; }
.tab-title { font-size: 30px; padding-bottom: 20px; font-weight: bold; }
button.tablinks { border: 0px solid green; width: 16%; padding: 20px 10px; }


.fancybox-skin{padding:0 !important;}
#faq_fbouter{height:90vh; overflow-y:auto; padding:15px;}

@media screen and (min-width: 1024px) {
    #divBody > div#theme-contain-promotions > .w90 { width: 100%; }


    .fancybox-inner .promot { overflow: hidden; }
    .fancybox-inner .promocontent { max-width: 380px; }
        .fancybox-inner .promocontent h2 { font-size: 17px; font-weight: 600; }
        .fancybox-inner .promocontent h4 { font-weight: normal; }
}

@media (max-width: 1000px) and (min-width: 768px) {
    .promot { height: auto; }
        .promot > a > img { width: 100%; }
    .promocontent { max-width: 43%; height: 18.7vw; }
        .promocontent h2 { font-size: 1.7vw; font-family: 'Montserrat-Regular'; margin-bottom: 5px; }
        .promocontent p { font-size: 12px; }
    .btnFaq { bottom: 1.5vw; }
    .btnMore, .btnJoin { font-size: 1.5vw; padding-top: 0.5vw; padding-bottom: 0.5vw; }
}

@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: 5px; 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'%23888888'%2F%3E%3C%2Fsvg%3E"); }
        #promotion-filter:after { content: ''; position: absolute; top: 0; bottom: 5px; 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'%23888888'%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; }


    .fancybox-inner .promot { overflow: hidden; }
        .fancybox-inner .promot img { width: auto; height: 32.5vw; }
    .fancybox-inner .promocontent { display: none; }

    button.tablinks { border: 0px solid green; width: 49%; padding: 20px 10px; }
        button.tablinks span { font-size: 12px; }
}

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

@media screen and (max-width: 767px) {
    #faq_template_list { overflow: hidden; width: 100%; margin: auto; max-width: 507px; }
    .promot { height: auto; }
        .promot > a, .promot-img { overflow: hidden; display: block !important; width: 100%; height: 32.6vw; 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/1262/uploads/bg-promotion-detail.jpg?v1'); background-size: 100% 100%; max-width: initial; }
        .promocontent h2 { font-weight: 600; }
    .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; padding: 0; }
    .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: 40px; min-height: 100vh; overflow-x: auto; margin-bottom: 40px; }
    .titlePromotion { display: table; width: 100%; background-color: #eee; border-bottom: 1px solid #ccc; position: fixed; top: 0; }
        .titlePromotion > p { display: table-cell; vertical-align: middle; text-align: center; height: 50px; }
    .promotionClose { display: table-cell; width: 50px; height: 50px; vertical-align: middle; text-align: center; position: absolute; top: 0; right: 0; }
        .promotionClose span { background-color: #888; 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: #fff; }

    #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 { }
        .fancybox-inner .promot { overflow: hidden; }
            .fancybox-inner .promot img { width: auto; height: 29.5vw; }
        .fancybox-inner .promocontent { display: none; }


    #faq_fbinner .tbl-lottery > thead > tr > th,
    #faq_fbinner .tbl-lottery > tbody > tr > th:first-child,
    #faq_fbinner .tbl-lottery > tbody > tr > th,
    #faq_fbinner .tbl-lottery > tbody > tr > td { font-size: 12px; }
}



/************************************* body */
.gamelist { display: block; margin: 20px auto 25px; border-top: 1px solid #ccc; }
.gamelist-right { width: 100%; }

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

.gamelist-right .list { padding-top: 2%; font-size: 0; }
.imgItem { width: 48%; margin: 5% 1% 1%; display: inline-block; border: 1px solid #ececec; background-size: 100% 100%; position: relative; text-align: center; border-radius: 15px; }
    .imgItem img.logo { position: absolute; top: 10px; height: 5vw; max-height: 50px; left: 10px; margin: auto; }
    .imgItem img.img { 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; margin-top: -30px; }

    .imgItem .text { width: 80%; margin: auto; }
    .imgItem h3 { margin: 10px auto; text-shadow: 1px 1px 1px #fff; }
    .imgItem em { margin: 0; font-size: 10px; }
    .imgItem p { margin-top: 5px; font-size: 10px; min-height: 48px; line-height: normal; text-shadow: 1px 1px 1px #fff; }

    .imgItem .btn { text-align: center; cursor: pointer; color: #222; padding: 15px 0; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; font-weight: 600; background: rgb(236,205,94); background: -webkit-radial-gradient(circle, rgba(236,205,94,1) 0%, rgba(123,89,0,1) 100%); background: radial-gradient(circle, rgba(236,205,94,1) 0%, rgba(123,89,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eccd5e",endColorstr="#7b5900",GradientType=1); }
        .imgItem .btn:hover { background: rgb(255,235,161); background: -webkit-radial-gradient(circle, rgba(255,235,161,1) 0%, rgba(191,149,40,1) 100%); background: radial-gradient(circle, rgba(255,235,161,1) 0%, rgba(191,149,40,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeba1",endColorstr="#bf9528",GradientType=1); }

.list .imgItem:hover img.img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.list .imgItem { background: url(/data/1262/uploads/bg-white.jpg); background-size: 100% 100%; }

@media screen and (min-width: 1400px) {
    .imgItem { width: 31.33%; margin: 3% 1% 1%; }
}

@media screen and (min-width: 1024px) {
    .imgItem img.img { margin-left: -10px; }
    .imgItem .main { text-align: left; }
        .imgItem .main .img { width: 50%; }
        .imgItem .main .logo { max-height: 50px; top: auto; bottom: 10px; left: auto; right: 10px; }
    .imgItem .detail { position: absolute; width: 55%; top: 0; right: 0; text-align: left; padding-right: 15px; }
    .imgItem h3 { text-align: left; }
    .imgItem .text { width: 100%; }
    .imgItem h3 { margin-top: 20px; }
    .imgItem p { min-height: 32px; }
    .imgItem .btn { border-radius: 10px; display: table; padding: 8px 25px; font-size: 12px; }
}

@media screen and (max-width: 1023px) {
    .imgItem { cursor: pointer; }
        .imgItem h3 { font-size: 2vw; }
}

@media screen and (max-width: 768px) {
    .imgItem div { font-size: 2vw; }
    .imgItem .btn { display: block; }
}

@media screen and (max-width: 767px) {
    .imgItem h3 { font-size: 3vw; }
    .imgItem img.logo { left: 5px; height: 7vw; }
    .imgItem { width: 48%; border-radius: 2vw; margin-top: 8vw; }
        .imgItem .text { padding-bottom: 2vw; }
        .imgItem p { font-size: 9px; display: none; }
}

@media screen and (max-width: 425px) {
    .imgItem { margin-top: 10vw; }
        .imgItem .btn { padding: 2vw 0; font-size: 3vw; }
        .imgItem p { font-size: 9px; display: none; }
}

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

/*==== sportsbook ====*/
.sport-list .imgItem { background-image: url('/data/1262/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 #ccc; padding-top: 40px; margin-top: 40px; }

/*==== home free play game ====*/
.owl-slidee .item { margin: 7%; }


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

.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 #b08507; border-left: 1px solid #b08507; text-align: center; background-color: #fff; }
    .tbl-lottery td, .tbl-lottery th { border-right: 1px solid #b08507; border-bottom: 1px solid #b08507; padding: 7px; }
    .tbl-lottery > thead > tr > th { text-align: center; background-color: #b08507; 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; }


.lottery-new { padding: 10px; }
    .lottery-new .btn-primary:hover { color: #fff; background-color: #2caffc; border-color: #24b9fc; }
    .lottery-new .btn:hover { box-shadow: 0px 3px 5px rgb(46 46 46); transform: translateY(-3px); }

    .lottery-new button { margin: 17px; background-color: #1ac8fd; text-transform: uppercase; }

.panel-heading { font-size: 15px; }
.lottery-new .panel-heading { color: #000; border: 0px solid red; }


.panel-body { padding: 0; color: #fff; font-size: 15px; min-height: 0px; }
    .panel-body .logo { padding: 10px 0; position: unset; width: unset; }
        .panel-body .logo .col-sm-4 { margin-left: 9px; width: 29%; border: 0px solid red; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { padding: 15px; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body a { color: #eccd5e; }


#Magnumimg { background: url(/theme/gdwon3/imgs/4D_magnum.png) left no-repeat #383838; height: 50px; width: 85px; }
#PMPimg { background: url(/theme/gdwon3/imgs/4D_damacai.png) left no-repeat; height: 50px; width: 85px; }
#Totoimg { background: url(/theme/gdwon3/imgs/4D_toto.png) left no-repeat; height: 50px; width: 85px; }
#Singaporeimg { background: url(/theme/gdwon3/imgs/4D_sgpool.png) left no-repeat; height: 50px; width: 85px; }
#Sabahimg { background: url(/theme/gdwon3/imgs/4D_sabah88.png) left no-repeat; height: 50px; width: 85px; }
#Sandakanimg { background: url(/theme/gdwon3/imgs/4D_stc.png) left no-repeat; height: 50px; width: 85px; }
#Sarawakimg { background: url(/theme/gdwon3/imgs/4D_cashsweep.png) left no-repeat; height: 50px; width: 85px; }
#GDLottoimg { background: url(/theme/gdwon3/imgs/4D_gdlotto.png) left no-repeat; height: 50px; width: 85px; }
#Perdanaimg { background: url(/theme/gdwon3/imgs/4D_perdana.png) left no-repeat; height: 50px; width: 85px; }
#LuckyHari-Hariimg { background: url(/theme/gdwon3/imgs/4D_luckyharihari.png) left no-repeat; height: 50px; width: 85px; }
#GOOD4Dimg { background: url(/theme/gdwon3/imgs/4D_good4d.png) left no-repeat; height: 50px; width: 85px; }

#THV88 { display: none; }


#Magnum .panel-heading, #Magnum .logo { background: #f2bc00; color: #000 !important; }
#PMP .panel-heading, #PMP .logo { background: #148ea4; }
#Toto .panel-heading, #Toto .logo { background: #dd0000; }
#Singapore .panel-heading, #Singapore .logo { background: #12689a; }
#Sabah .panel-heading, #Sabah .logo { background: #eee; color: #000 !important; }
#Sandakan .panel-heading, #Sandakan .logo { background: #2f9405; }
#Sarawak .panel-heading, #Sarawak .logo { background: #094405; }
#GDLotto .panel-heading, #GDLotto .logo { background: #95650a; }
#Perdana .panel-heading, #Perdana .logo { background: #777; }
#LuckyHari-Hari .panel-heading, #LuckyHari-Hari .logo { background: #00aced; }
#GOOD4D .panel-heading, #GOOD4D .logo { background: #ffd45e; color: #000 !important; }


#Magnum .panel-default { border: 3px solid #f2bc00; border-radius: 10px; overflow: hidden; }
#PMP .panel-default { border: 3px solid #148ea4; border-radius: 10px; overflow: hidden; }
#Toto .panel-default { border: 3px solid #dd0000; border-radius: 10px; overflow: hidden; }
#Singapore .panel-default { border: 3px solid #12689a; border-radius: 10px; overflow: hidden; }
#Sabah .panel-default { border: 3px solid #eee; border-radius: 10px; overflow: hidden; }
#Sandakan .panel-default { border: 3px solid #2f9405; border-radius: 10px; overflow: hidden; }
#Sarawak .panel-default { border: 3px solid #094405; border-radius: 10px; overflow: hidden; }
#GDLotto .panel-default { border: 3px solid #95650a; border-radius: 10px; overflow: hidden; }
#Perdana .panel-default { border: 3px solid #777; border-radius: 10px; overflow: hidden; }
#LuckyHari-Hari .panel-default { border: 3px solid #00aced; border-radius: 10px; overflow: hidden; }
#GOOD4D .panel-default { border: 3px solid #ffd45e; border-radius: 10px; overflow: hidden; }



#LuckyHari-Hari .col-sm-9 { font-size: 14px; }
#Magnum #datetime label, #GOOD4D #datetime label, #Sabah #datetime label { color: #000; }


#datetime { text-align: right; }
    #datetime label { background: transparent; }
    #datetime .col-sm-12 { padding: 0; }

.panel.panel-default { background-color: #2e2e2e; }
.panel-body label { color: #fff; background: #000; padding: 4px; width: 100%; }

.panel-body #TopThree .col-sm-4 { padding: 1px; }

#TopThree, #Special, #Consolation { padding: 10px 20px; }

.popwin { color: #fff; }
#TopThree { padding-top: 20px; }
#Consolation { padding-bottom: 20px; }




@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; margin: 15px 0 25px; }
}

@media screen and (max-width: 767px) {
    .tbl-lottery > tbody > tr > th:first-child { font-size: 2vw; padding-left: 2vw; }
    .tbl-lottery td, .tbl-lottery th { padding: 1vw 0; }
    .tbl-lottery > thead > tr > th { font-size: 2vw; }
    .tbl-lottery > tbody > tr > th { font-size: 2vw; }
    .tbl-lottery > tbody > tr > td { font-size: 2vw; }


    .divLotteryResult { width: 90%; }
    .divLottery_result { padding: 20px; }
        .divLottery_result iframe { height: 1890px; }
    .lottery-new .col-sm-4 { display: inline-block; width: 50%; }
}

@media screen and (max-width: 425px) {
    .divLottery_result iframe { height: 1282vw; }
    .lottery-new .col-sm-4 { display: inline-block; width: 99%; }
}

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

@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 */
.tbl-vip { border-top: 1px solid #b08507; border-left: 1px solid #b08507; text-align: center; margin: 20px auto; width: 80%; background-color: #fff; outline: 1px solid #84753a; }
    .tbl-vip td { border-right: 1px solid #b08507; border-bottom: 1px solid #b08507; 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; }

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

.tbl-vvvip .row-title { background-color: #b08507; 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; }
        .ultablevip > li img { max-width: 118px; 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 #b08507; border-top: 1px solid #b08507; }
        .tbl-vvvip td, .tbl-vvvip th { padding: 7px; text-align: center; position: relative; border-right: 1px solid #b08507; border-bottom: 1px solid #b08507; }
        .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 #b08507; border-top: 1px solid #b08507; }
            .ultablevip > li:last-child { border-right: 1px solid #b08507; }
    .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 #b08507; border-top: 1px solid #b08507; }
        .tbl-vvvip td, .tbl-vvvip th { padding: 7px; text-align: center; position: relative; border-right: 1px solid #b08507; border-bottom: 1px solid #b08507; }
        .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: #eaeaea; padding: 15px 5% 40px; margin-top: -15px; border-radius: 2vw; }
    .divVipTitle { color: #000; text-align: center; margin: 15px 0; font-size: 5vw; }
}

@media screen and (max-width: 400px) {
    .tbl-vvvip .row-title { font-size: 4vw; }
    .tbl-vvvip td, .tbl-vvvip th { padding: 3vw; font-size: 3.5vw; }

    .ultablevip > li { padding-top: 15px; margin-bottom: 10px; }
        .ultablevip > li.active { padding-bottom: 15px; }
}


/*--- new ---*/
.btn-tnc { color: #4085d6; background-color: transparent; text-decoration: underline; }
#popupTnC li { list-style-type: decimal; }

.vip-container ul, .vip-container ol { margin: 0; padding: 0; }
.vip-container li { list-style-type: none; }
.vip-slide { padding: 50px 10px 10px; }
.vip-box { border-radius: 10px; background-color: #fff; border: 1px solid #ccc; padding: 5px 20px 20px; }
.viplevel-title { text-align: center; }
    .viplevel-title .imgs { }
    .viplevel-title .title { font-size: 16px; }

.viplevel-body .info { border-radius: 6px; margin: 20px 0; padding: 0; }
    .viplevel-body .info .title { font-size: 12px; color: #ccac43; margin: 0; margin-bottom: 0px; margin-top: 0px; text-align: center; }
    .viplevel-body .info.entry-point .description { font-size: 14px; }
    .viplevel-body .info .description { margin: 0; margin-bottom: 0px; line-height: normal; text-align: center; font-size: 20px; }
        .viplevel-body .info .description.table { display: flex; text-align: left; align-items: center; border-bottom: 1px solid #eee; padding: 5px 0; }
            .viplevel-body .info .description.table:last-child { border: 0; }
            .viplevel-body .info .description.table .left { width: 50%; color: #888; font-size: 14px; padding-right: 5px; flex: 1; }
                .viplevel-body .info .description.table .left .additional { display: inline-block; }
            .viplevel-body .info .description.table .right { padding-left: 5px; flex: 1; }
                .viplevel-body .info .description.table .right .additional { display: block; }
    .viplevel-body .info .additional { display: block; font-size: 10px; color: #aaa; }
    .viplevel-body .info .exclusive { }
.viplevel-body .important { font-size: 30px; color: #ff0000; }
    .viplevel-body .important span { font-size: 14px; }
    .viplevel-body .important + span { text-align: center; }

.viplevel-footer { text-align: center; }
button.vip-check { display: block; font-size: 12px; color: #4085d6; padding: 10px 0; margin: auto; margin-bottom: 10px; background-color: transparent; }
    button.vip-check:hover { text-decoration: underline; }
.viplevel-footer .btn-reg { display: table; margin: auto; opacity: 0; }
.vip-box:hover .viplevel-footer .btn-reg { opacity: 1; }

.access-box { display: none; }
    .access-box ul { padding-left: 10px; padding-top: 10px; }
        .access-box ul > li { font-size: 12px; display: flex; padding: 2px 0; }
            .access-box ul > li.true { }
            .access-box ul > li.false { color: #aaa; }
            .access-box ul > li img { width: 15px; margin-right: 5px; height: 15px; }


.popup-vip { overflow: auto; }
.tblVip { }
    .tblVip thead img { width: 50px; display: block; margin: auto; margin-bottom: 5px; }
    .tblVip td { padding: 10px 10px; text-align: center; border: 3px solid #fff; }
        .tblVip td:first-child { border-left: 0; padding-left: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
        .tblVip td:last-child { border-bottom-right-radius: 15px; border-top-right-radius: 15px; border-right: 0; }
    .tblVip tr > td:first-child { text-align: left; }
    .tblVip tbody tr td { background-color: #eee; }
    .tblVip tbody tr:hover td { background-color: #fff; }
    .tblVip img { width: 15px; }


@media screen and (min-width:1200px) {
    .viplevel-title, .viplevel-body { transition: 0.5s ease-in-out; }
    .vip-box:hover { box-shadow: 0px 0px 10px rgba(208,176,71,0.5); background-color: #fdfbf6; border-color: #c1a13a; }
        .vip-box:hover .viplevel-title, .vip-box:hover .viplevel-body { transform: translateY(-50px); }
            .vip-box:hover .viplevel-body .info .description.table { border-color: #ccc; }
            .vip-box:hover .viplevel-body .info .additional { color: #888; }
}

@media screen and (max-width:1199px) {
    .vip-container { margin-left: -5%; margin-right: -5%; }

    .swiper-slide-active .viplevel-title, .swiper-slide-active .viplevel-body { transition: 0.5s ease-in-out; }
    .swiper-slide-active .vip-box { box-shadow: 0px 0px 10px rgba(208,176,71,0.5); background-color: #fdfbf6; border-color: #c1a13a; }
    .swiper-slide-active .viplevel-title, .swiper-slide-active .viplevel-body { transform: translateY(-50px); }
    .swiper-slide-active .viplevel-footer .btn-reg { opacity: 1; }
    .swiper-slide-active .viplevel-body .info .description.table { border-color: #ccc; }
    .swiper-slide-active .viplevel-body .info .additional { color: #888; }
}


@media screen and (max-width:550px) {
    .viplevel-body .info { margin: 10px 0; }
        .viplevel-body .info .description.table .left { font-size: 12px; }

    .popup-vip .popup-container { width: 95%; position: static; margin: 20px auto 75px; }
    .popup-vip .popup-wrapper { padding: 15px; }
    #popupVip .btn-close-popup { top: 5px; right: 5px; }
    .popup-vip .popup-content > h5 { text-align: left !important; }
    .popup-vip ul { font-size: 12px; }
    .tblVip td:first-child { padding-left: 5px; }
    .tblVip thead img { width: 30px; }
    .tblVip td { font-size: 10px; padding: 10px 5px; }
}

@media screen and (max-width:365px) {
    .tblVip td { font-size: 9px; }
    #popupVip .popup-wrapper { padding: 5px; }
    .tblVip tr > td:not(:first-child) { font-size: 8px; }
}

@media screen and (max-width:319px) {
    .tblVip td { font-size: 8px; padding-left: 2px; padding-right: 2px; }
}



/******************************************************************** 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: #888; 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%, #7b5900 100%); background: linear-gradient(90deg, #eccd5e 0%, #7b5900 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; }

.reglist ul { width: 100%; }
    .reglist ul li { display: block; width: 95%; text-align: center; }
h4.regcontop { font-size: 30px; }
h5.regcontsd { font-size: 17px; }
p.regconbot { font-style: italic; font-weight: bold; }
.reg-page.register h2 { font-size: 35px; }
.titleleftreg { background: #151313; padding: 15px; color: #fff; font-weight: bold; font-size: 22px; letter-spacing: 1px; }


@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; padding: 8px; }
        .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%,#7b5900 100%); background: linear-gradient(to bottom, #eccd5e 0%,#7b5900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#7b5900',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: #ececec; 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: #000; font-weight: normal; font-size: 20px; }
    .contactDetail p { margin: 0; color: #666; 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; }
}


/************************************************************ 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/1262/uploads/icn-star.png') no-repeat; background-position: top 7px 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 #ccc; }
}

@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; }
}

/********************* popup landing */
.popuplanding { background-color: rgba(0,0,0,0.6); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; -webkit-transition: 0.2s linear; transition: 0.2s linear; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; }
    .popuplanding.active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }

    .popuplanding .btn-close-popup { padding: 15px 9px; display: inline-block; background-color: #af9a51; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); border-radius: 50%; position: absolute; top: -20px; right: -22px; z-index: 2; cursor: pointer; }
        .popuplanding .btn-close-popup span { background-color: #fff; width: 18px; height: 3px; display: block; }
        .popuplanding .btn-close-popup:hover span { background-color: #222; }
        .popuplanding .btn-close-popup span:first-child { -webkit-transform: translate(0,3px) rotate(45deg); transform: translate(0,3px) rotate(45deg); }
        .popuplanding .btn-close-popup span:last-child { -webkit-transform: translate(0,0) rotate(-45deg); transform: translate(0,0) rotate(-45deg); }

.popuplanding-inner { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #fff; max-width: 900px; width: 90%; height: 90%; overflow: visible; border: 5px solid #fff; border-radius: 10px; border-top-right-radius: 0; }
.popuplanding .popup-wrapper { overflow-x: auto; height: 100%; border-radius: 8px; }
.popuplanding .popup-wrapper { padding: 20px 40px; }

/********************* GD Live Jackpot */
.divGDJackpot-background { background-position: center top; }
.divGDJackpot-title-img { text-align: center; position: absolute; left: 5%; right: 30%; margin: auto; }

#gdjackpot #drawresult ul > li { width: 100%; margin: 0; }
#gdjackpot #drawresult ul > #N table caption { background: url(/data/1262/uploads/icn-perdanalogo.png) #0077BB no-repeat; background-position: top center; height: 115px; font-size: 12px; text-align: center; padding: 0; color: transparent; }
#gdjackpot #drawresult ul > li table caption div { font-size: 26px; color: #fff; margin-top: 55px; }
#gdjackpot #drawresult ul > li table tr td { padding: 0; padding-bottom: 5px; }

#gdjackpot #drawresult ul > li ol.abc { font-size: 0; }
    #gdjackpot #drawresult ul > li ol.abc li { width: 33.33%; display: inline-block; font-size: 14px; padding-top: 35px; position: relative; }
        #gdjackpot #drawresult ul > li ol.abc li:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background-color: #add8e6; font-weight: bold; font-size: 14px; padding: 3px; border: 2px solid #efefef; }

#gdjackpot #drawresult ul > li ol.p, #gdjackpot #drawresult ul > li ol.c { position: relative; padding-top: 35px; }
    #gdjackpot #drawresult ul > li ol.p:after, #gdjackpot #drawresult ul > li ol.c:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background-color: #add8e6; font-weight: bold; font-size: 14px; padding: 3px; border: 2px solid #efefef; }
    #gdjackpot #drawresult ul > li ol.p li, #gdjackpot #drawresult ul > li ol.c li { padding: 0 5px; }

.tblGDJackpot { border-top: 1px solid #a28200; border-left: 1px solid #a28200; }
    .tblGDJackpot td { padding: 5px 5px; text-align: center; border-bottom: 1px solid #a28200; border-right: 1px solid #a28200; }
    .tblGDJackpot > tbody > tr:first-child > td { background-color: #c6b388; font-weight: 600; }

@media screen and (max-width: 1024px) {
    .divGDJackpot-float-img.float-img img { height: 100%; }

    .divGDJackpot-background { height: 360px; }

    #gdjackpot #drawresult ul > #N table caption { background-size: auto 60%; height: 10vw; }
    #gdjackpot #drawresult ul > li table caption div { font-size: 2.5vw; margin-top: 3.5vw; }
}

@media screen and (max-width: 768px) {
    .divGDJackpot-background { height: 335px; }
    .divGDJackpot-float-img.float-img img { height: 65vw; }
    .divGDJackpot-title-img { left: 2%; }
    #gdjackpot #drawresult ul > li table caption div { margin-top: 3vw; }

    #gdjackpot #drawresult ul > li ol.p li, #gdjackpot #drawresult ul > li ol.c li { padding: 0 2px; }
}

@media screen and (max-width: 700px) {
    .divGDJackpot-background { height: 345px; background-size: auto 100%; }

    .divGDJackpot-float-img.float-img { bottom: auto; top: -30vw; }
    .divGDJackpot-title-img { left: 2%; right: 2%; }

    #gdjackpot #drawresult ul > #N table caption { background-size: auto 50%; height: 73px; background-position: center top 5px; }
    #gdjackpot #drawresult ul > li table caption div { font-size: 20px; margin-top: 18px; }

    #gdjackpot #drawresult ul > li ol.p li, #gdjackpot #drawresult ul > li ol.c li { padding: 0 4px; }

    #gdjackpot #drawresult ul > li ol.abc li, #gdjackpot #drawresult ul > li ol.p, #gdjackpot #drawresult ul > li ol.c { padding-top: 30px; }
        #gdjackpot #drawresult ul > li ol.abc li:after, #gdjackpot #drawresult ul > li ol.p:after, #gdjackpot #drawresult ul > li ol.c:after { font-size: 12px; }
}

/********************* term */
.term-text { border-top: 0; margin-top: 0; padding-top: 25px; }
    .term-text > div { width: 100%; padding-right: 10px; }

@media screen and (max-width: 1023px) {
    .term-text li { text-align: justify; }
}

@media screen and (max-width: 700px) {
    .term-text li { font-size: 12px; }
}


/************************************************************ 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; color: #fff; }
.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: 55%; }
    #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; }
}
/************************************************************ download */
.divBanner-download { margin-bottom: 25px; }
    .divBanner-download .divBanner-wrapper { display: flex; max-width: 1200px; margin: auto; margin-top: -100px; padding-top: 100px; align-items: center; justify-content: center; width: 80%; }
        .divBanner-download .divBanner-wrapper .left { text-align: center; flex: 4; padding-bottom: 50px; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
            .divBanner-download .divBanner-wrapper .left img { height: 120px; width: 120px; }
            .divBanner-download .divBanner-wrapper .left h1 { margin-bottom: 0; color: #fff; }
            .divBanner-download .divBanner-wrapper .left h5 { margin-top: 0; color: #fff; }
        .divBanner-download .divBanner-wrapper .right { flex: 8; }
            .divBanner-download .divBanner-wrapper .right img { max-width: 100%; }

@media screen and (max-width:1100px) {
    .divBanner-download .divBanner-wrapper .left img { height: 80px; width: 80px; }
}

@media screen and (max-width:1023px) {
    .divBanner-download .divBanner-wrapper { width: 90%; }
}

@media screen and (max-width:767px) {
    .divBanner-download { margin-bottom: 0; }
        .divBanner-download .divBanner-wrapper { display: block; padding-top: 70px; padding-bottom: 60px; }
            .divBanner-download .divBanner-wrapper .right { display: none; }
}

@media screen and (min-width:768px) {
    .divBanner-download .divBanner-wrapper .left h1 { font-size: 36px; }
}

@media screen and (max-width:1023px)and (min-width:500px) {
    .divBanner-download .divBanner-wrapper { padding-top: 50px; padding-bottom: 50px; }
        .divBanner-download .divBanner-wrapper .left { padding-bottom: 0; }
}


.dc-icon { flex: 1 1 33.33%; max-width: 33.33%; padding: 10px; text-align: center; font-weight: bold; font-size: 16px; }
    .dc-icon img { max-width: 100%; display: block; margin: 10px auto; }

.db-code { }
.dbc { }

.qr-box { margin: 10px; border: 1px solid #ccc; border-radius: 10px; flex: 1; padding: 15px; }
    .qr-box ul { display: flex; margin: 0; padding: 0; }
        .qr-box ul > li { flex: 1; list-style-type: none; }
            .qr-box ul > li.info { flex: 2; }
            .qr-box ul > li.qr-imgs { flex: 2; }
    .qr-box img { width: 100%; }

    .qr-box .imgs { display: flex; justify-content: center; align-items: center; }
        .qr-box .imgs img { max-width: 120px; }
    .qr-box .qr-imgs { display: flex; justify-content: center; align-items: center; }
    .qr-box .qe-imgs img { width: 100px; }
    .qr-box .info { padding: 0 15px; }
    .qr-box h5 { font-weight: bold; }
    .qr-box p { line-height: normal; font-size: 12px; }
    .qr-box span { display: block; font-size: 12px; color: #bbb; }
    .qr-box a { display: table; padding: 7px 25px; background-color: #eccd5e; margin-top: 15px; border-radius: 50px; font-weight: bold; font-size: 12px; }
.dbc a:hover { background-color: #dbaf3a; color: #fff; }
.dbc a:active { background-color: #7b5900; color: #fff; }

.step-box { border-radius: 10px; overflow: hidden; background-color: #f4f4f5; margin: 10px 0; }
    .step-box .info { position: relative; z-index: 2; }
    .step-box h4 { font-size: 15px; font-weight: bold; display: table; border-radius: 6px; padding: 5px 10px; margin: -10px 0px 0px; background-color: #eccd5e; border: 2px solid #fff; }

.btn-step { padding: 15px 15px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid #efefef; border-bottom: 0; margin-bottom: -1px; display: inline-flex; justify-content: center; }
    .btn-step img { opacity: 0.6; margin-left: 5px; }
    .btn-step.active { background-color: #fff; }
.step-container { display: none; padding: 15px; border: 1px solid #efefef; border-radius: 10px; border-top-left-radius: 0; }
    .step-container.active { display: block; }
    .step-container .step-wrapper { display: flex; flex-wrap: wrap; margin: 0; }
    .step-container .step-box { flex: 1 1 33.33%; max-width: calc(33.33% - 10px); margin: 5px; text-align: center; padding: 0; }
        .step-container .step-box p { margin: 0 0 10px; }
        .step-container .step-box .imgs img { width: 100%; }

.guide.isMobile { margin: 5px 0 15px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); border-radius: 6px; }
    .guide.isMobile .btn-step { width: 100%; background-color: #fff; border-radius: 6px; color: #000; padding: 10px 25px; text-align: left; border: 1px solid #efefef; }
        .guide.isMobile .btn-step:active { color: #fff; background-color: #222; }
        .guide.isMobile .btn-step.active { background-color: #5f6470; color: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
    .guide.isMobile .step-containerm { display: block; }
    .guide.isMobile .guide-step { display: none; background-color: #fff; padding: 5px 15px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
        .guide.isMobile .guide-step p { text-align: center; }

@media screen and (min-width:1024px) {
    .w-hide { display: none; }
    .guide.isMobile { display: none; }
    .db-code { display: flex; }
    .dbc { flex: 1; }
}

@media screen and (max-width:1300px) and (min-width:1023px) {
    .db-code { flex-wrap: wrap; }
    .dbc { flex: 50%; max-width: 50%; }
}

@media screen and (max-width:1023px) {
    .m-hide { display: none; }
    .qr-box .qr-imgs { display: none; }
    .qr-box { margin: 0; margin-top: 25px; }

    .step-box h4 { font-size: 12px; margin: 0px; }
    .step-box p { margin: 10px 0; }
}

@media screen and (max-width:600px) {
    .qr-box .imgs { position: absolute; margin-top: 20px; }
        .qr-box .imgs img { width: 60px; }
    .qr-box .info { padding: 0; padding-left: 90px; }
        .qr-box .info a { display: block; border-radius: 50px; text-align: center; margin-left: -90px; }
}
/************************************************************ faq */
.faq-content { margin-top: 25px; }

.faq-tabs { margin-bottom: 15px; }
    .faq-tabs ul { margin: 0; padding: 0; }
        .faq-tabs ul > li { list-style-type: none; padding: 0; margin: 5px 2px; }
            .faq-tabs ul > li:first-child { margin-top: 0; }
[data-faq] { padding: 10px 25px; border-radius: 6px; border: 1px solid #f4f4f5; display: flex; align-items: center; width: 100%; text-align: left; font-size: 16px; line-height: normal; }
    [data-faq]:hover { border-color: #ccc; }
    [data-faq] img { margin-right: 10px; opacity: 0.6; }
    [data-faq].active { background-color: #fff; border-color: #aaa; }
        [data-faq].active img { opacity: 1; }

.faq-box { list-style-type: none !important; padding: 0; }
    .faq-box ol#faq { margin: 0; }
    .faq-box li#faq { border: 1px solid #aaa; border-radius: 6px; background-color: #fff; }
        .faq-box li#faq:first-child { margin-top: 0; }
        .faq-box li#faq #question { }
            .faq-box li#faq #question a { padding: 10px 25px; display: block; cursor: pointer; }
        .faq-box li#faq #answer { max-width: 1920px; border: 0; color: #888; padding: 15px 25px 15px; padding-left: 40px; margin: 0; position: relative; }
            .faq-box li#faq #answer a { color: #b08507; text-decoration: underline; }
            .faq-box li#faq #answer:before { content: ''; position: absolute; top: 22px; left: 22px; border-radius: 50%; width: 5px; height: 5px; background: #888; pointer-events: none; }
            .faq-box li#faq #answer:after { content: ''; position: absolute; top: 0; left: 15px; right: 15px; height: 1px; background-color: #ddd; pointer-events: none; }

.faq-tab #faq_template_list { max-width: 1920px; }

@media screen and (min-width:768px) {
    .faq-content { display: flex; }
    .faq-tabs { flex: 2; }
    .faq-tab { flex: 10; }
    .faq-tabs ul { position: sticky; top: 10px; }
}

@media screen and (max-width: 767px) {
    .faq-box ol#faq { position: static; }
    .faq-tab > ul { margin: 0; }
    .faq-box li#faq { border-color: #ccc !important; }
        .faq-box li#faq #question + div { position: static; overflow: auto; }
        .faq-box li#faq #answer { min-height: 1px !important; padding-top: 10px !important; padding-bottom: 15px !important; margin-bottom: 0 !important; color: #777; }

    .faq-tabs { overflow-x: scroll; position: sticky; top: 0; border-bottom: 1px solid #ccc; z-index: 9; margin-left: -15px; margin-right: -15px; }
        .faq-tabs::-webkit-scrollbar { height: 0px; }
        .faq-tabs > ul { display: flex; }
            .faq-tabs > ul > li { margin: 0 !important; }
    [data-faq] { font-size: 12px; white-space: nowrap; padding: 15px 25px 10px; border: 0; border-bottom: 5px solid #fff; display: block; border-radius: 0; background-color: #fff; color: #888; }
        [data-faq]:hover { border-color: #fff; }
        [data-faq]:active { background: #f4f4f5; border-color: #f4f4f5; }
        [data-faq].active { border-color: #eccd5e; background-color: #fff; color: #222; }
        [data-faq] img { width: 20px; display: block; margin: auto; margin-bottom: 5px; }
}
/************************************************************ payment method */
#btnPayment-box { display: flex; border-bottom: 1px solid #ccc; }
.btn-payment { flex: 1; border-bottom: 5px solid #fff; background: #fff; padding: 15px 10px; color: #aaa; }
    .btn-payment:active { background: #f4f4f5; border-color: #f4f4f5; }
    .btn-payment.active { background: #fff; border-color: #eccd5e; color: #222; }


.meths-wrapper { }
    .meths-wrapper > ul { margin: 0; }
        .meths-wrapper > ul > li { list-style-type: none; }

.meths-items { }
.meths-img img { max-width: 100%; }

.btn-reg { border-radius: 6px; background: #1b1919; border: 1px solid #d19a25; color: #fecd06; padding: 5px 15px; }
    .btn-reg:hover { color: #fff; }
#divWithdrwal .btn-reg { color: #fff; background: linear-gradient(to left, #eccd5e 0%, #7b5900 100%); }
    #divWithdrwal .btn-reg:hover { color: #1b1919; }

@media screen and (min-width:1024px) {
    .payment-thead, .meths-content { display: flex; justify-content: space-between; align-content: center; }
    .meths-img { flex: 2 !important; }
    .payment-thead > div, .meths-content > div { flex: 1; text-align: center; }

    .payment-thead { background-color: #fff; }
        .payment-thead > div { padding: 10px 10px; display: flex; justify-content: center; align-content: center; margin: auto; }

    .meths-wrapper > ul > li { padding: 5px 0; }
    .meths-content > div { background-color: #eee; margin: 0 2px; border-radius: 5px; padding: 10px 10px; display: flex; justify-content: center; align-items: center; }
    .meths-content:hover > div { background-color: #fff; }
}

@media screen and (max-width:1023px) {
    #btnPayment-box { position: sticky; top: 0; }
    .meths-wrapper > ul { padding-top: 5px; }
    .meths-content { border-radius: 6px; margin: 3px 0; background-color: #eee; padding: 15px; }
    .meths-img { text-align: center; margin-bottom: 10px; }
    .meths-reg { margin-top: 10px; text-align: center; margin-bottom: 5px; }
    [data-title] { display: flex; padding: 5px 0px; align-items: center; }
    .meths-content > div { font-size: 12px; line-height: normal; }
    .meths-content [data-title]:before { content: attr(data-title); min-width: 50%; width: 50%; padding-right: 10px; color: #999; font-size: 12px; line-height: normal; }
}

@media screen and (max-width:1023px) and (min-width:768px) {
    .divPayment { margin-left: -15px; margin-right: -15px; }
    .meths-wrapper > ul { display: flex; flex-wrap: wrap; }
    .meths-items { flex: 33.33%; max-width: calc(33.33% - 7px); }
        .meths-items:nth-child(3n+2) { margin-left: 10px; }
        .meths-items:nth-child(3n+3) { margin-left: 10px; }
    .meths-content { height: 100%; display: flex; flex-direction: column; }
    .meths-reg { margin-top: auto; margin-bottom: 5px; }
    .meths-content > div:nth-last-child(2) { padding-bottom: 15px; }
}

.fancybox-inner ol.f li { list-style-type: decimal !important; }


/************************************************************ 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 0.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; }


#continue-shopping{display:table; width:auto;}
#apimeminfo{max-width:1200px; margin:auto;}
#prod-cart{max-width:1200px; margin:auto;}
#prod-cart #customform{max-width:600px; margin:auto;}

#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;}


@media only screen and (max-width: 479px) {
    #left a{vertical-align:middle !important;}
    #headerTop-left{top:18px;}
    .slideNav-social{text-align: center;}
    .slideNav-language{right:10px;}
}