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

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

*{padding:0; margin:0; vertical-align:middle;  box-sizing:border-box; font-family: "Poppins", "Microsoft JhengHei";}
table{width:100%;}
button{outline:0; border:0;}
input{outline:0; border:0;}
iframe{width:100%; height:650px; border:0;}
/*a, a:hover, a:active, a:focus{color: #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;}
/*==== btn login ====*/
#btnLanguange-top{color:#fff; text-align:center; padding:0 10px; cursor:pointer;}
#btnLanguange-top img{margin:0px auto 5px; display:block; border-radius:50%; border:1px solid #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; text-align: center; }
.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;}


.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:4vw;}

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

    .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,0.7); 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-top{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-top:after{content:''; background-color:#fff; position:absolute; bottom:0; 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{text-align:center; padding:30px 0 15px;}
.slideNav-logo img{max-height:65px; height:14vw;}

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

.slideNav-content {overflow:hidden; padding-bottom:200px;}
.slideNav-content ul{margin:auto; width:80%;}
.slideNav-content ul>li{display:block; text-align:center; float:left; margin-top:5px; width:50%; padding: 0 15px; text-transform:capitalize;}
.slideNav-content ul>li>a{display:block; padding:20px 0 10px; color:#666; border-bottom:1px solid #666; font-size:14px; -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:5px; height:18px; width:18px; opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
.slideNav-content ul>li>a>img+div{display:inline-block; vertical-align:top;}

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

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


@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%;}
    .slideNav-content ul>li>a{font-size:16px;}

}

/*==== 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:150px;}
.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-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:-2vw; 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:-72px;
    }
}

@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:0px; 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; 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:40px auto;}
.home-highlightVideo>div{border-top:1px solid #ccc;}
.highlightVideo-container{padding:40px 0; width:100%; 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/1845/uploads/logo-allbet.webp');  }
.casinoResult-logo.bg {  background-image: url('/data/1845/uploads/logo-bgGaming.webp');  }
.casinoResult-logo.ez {  background-image: url('/data/1845/uploads/logo-ezugi2.webp');  }
.casinoResult-logo.eg {  background-image: url('/data/1845/uploads/logo-evo.webp');  }
.casinoResult-logo.ls {  background-image: url('/data/1845/uploads/logo-luckyStreak.webp');  }
.casinoResult-logo.dg {  background-image: url('/data/1845/uploads/logo-gdg.webp');  }
.casinoResult-logo.wm {  background-image: url('/data/1845/uploads/logo-wm.webp');  }
.casinoResult-logo.ag {  background-image: url('/data/1845/uploads/logo-asiaGaming.webp'); }
.casinoResult-logo.sb {  background-image: url('/data/1845/uploads/logo-sexyBaccarat.webp');  }
.casinoResult-logo.sa {  background-image: url('/data/1845/uploads/logo-saGaming.webp');  }
.casinoResult-logo.gg {  background-image: url('/data/1845/uploads/logo-gua.webp');  }
.casinoResult-logo.gd {  background-image: url('/data/1845/uploads/logo-goldDeluxe.webp');}

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

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

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

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


/************************************* 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(/theme/998bos-02/imgs/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: 425px;}
.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;}


#Magnumimg {background: url(/theme/998bos-02/imgs/4D_magnum.png) left no-repeat #383838; height: 50px;width: 85px;}
#PMPimg {background: url(/theme/998bos-02/imgs/4D_damacai.png) left no-repeat; height: 50px;width: 85px;}
#Totoimg {background: url(/theme/998bos-02/imgs/4D_toto.png) left no-repeat; height: 50px;width: 85px;}
#Singaporeimg {background: url(/theme/998bos-02/imgs/4D_sgpool.png) left no-repeat; height: 50px;width: 85px;}
#Sabahimg {background: url(/theme/998bos-02/imgs/4D_sabah88.png) left no-repeat; height: 50px;width: 85px;}
#Sandakanimg {background: url(/theme/998bos-02/imgs/4D_stc.png) left no-repeat; height: 50px;width: 85px;}
#Sarawakimg {background: url(/theme/998bos-02/imgs/4D_cashsweep.png) left no-repeat; height: 50px;width: 85px;}
#GDLottoimg {background: url(/theme/998bos-02/imgs/4D_gdlotto.png) left no-repeat; height: 50px;width: 85px;}
#Perdanaimg {background: url(/theme/998bos-02/imgs/4D_perdana.png) left no-repeat; height: 50px;width: 85px;}
#LuckyHari-Hariimg {background: url(/theme/998bos-02/imgs/4D_luckyharihari.png) left no-repeat; height: 50px;width: 85px;}
#GOOD4Dimg {background: url(/theme/998bos-02/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 ====*/
.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:50px; width:50%; display:block; margin:0 auto;}
li#vipBronze{background: #f3e2c7;background: -webkit-linear-gradient(-45deg,  #f3e2c7 0%,#c19e67 50%,#b68d4c 74%,#e9d4b3 100%);background: -webkit-linear-gradient(315deg,  #f3e2c7 0%,#c19e67 50%,#b68d4c 74%,#e9d4b3 100%);background: linear-gradient(135deg,  #f3e2c7 0%,#c19e67 50%,#b68d4c 74%,#e9d4b3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 );}

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


@media screen and (min-width: 1024px) {
    .tbl-vvvip {width:100%;position: relative; z-index:2; overflow: hidden; color: #444; border-left: 1px solid #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;}
}

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


p.titleleft {
    color: #149ec7;
    font-size: 18px;
    font-weight: bold;
}
#licensing ul {
    list-style-type: disc;
    padding-left: 20px;
}
.crimg {
    width: 100%;
    max-width: 300px;
    margin: auto;
}
.crbox {
    background: #1b1919;
    color: #fff;
    padding: 20px;
    width: 100%;
    max-width: 650px;
    text-align: left;
    border-radius: 15px;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 30px;
}
.footer-licensing a {
    color: #1b1919;
    padding: 0 8px;
    font-size: 16px;
    font-family: "Galano-Medium", "krungthep", sans-serif;
    font-weight: normal;
}
.footer-licensing a:hover {
    color: #fff;
}
.footer-licensing {
    color: #fecd06;
}
.copyRight {
    text-align: center;
    margin-top: 30px;
}

#licensing h2, #licensing h3{
text-align: left;
}