*{padding:0; margin:0;}
html{overflow-x:hidden;}
body {box-sizing:border-box; font-family: "Poppins-Regular", "Microsoft JhengHei"; font-size:14px; line-height:normal; background-color:#eee;}
body>div{min-height:100vh;}

table{width:100%;}
button{outline:0; border:0;}
input{outline:0; border:0;}
iframe{width:100%; border:0;}
a, a:hover, a:active, a:focus{color:#444;text-decoration:none;}
li{list-style-type:disc;}

h1{font-weight:bold;}

.screen-container{width:100%; max-width:1024px; margin:auto; background-color:#fff; overflow:hidden; position:relative; height:100vh;}
.body-container{-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; overflow-y: auto; height: 100vh; width: 100%; overflow-x: hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.body-container.active{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
#navbar{-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; -webkit-transform:translateX(100%); transform:translateX(100%)}
#navbar.active{-webkit-transform:translateX(0px);transform:translateX(0px);}

/*--------------------------------- scroll bar --*/
@media screen and (min-width: 1024px){
    ::-webkit-scrollbar {width: 0px; 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 */
.img-logo{height:68px;}

#divHeader{position:fixed; top:0; left:0; right:0; margin:auto; background-color:#3c3a3b; z-index:99; max-width:1024px; width:100%; -webkit-transition:background-color 0.2s; transition: background-color 0.2s;}
#divHeader.stick-header{/*background-color:#3c3a3b;*/}
#divHeader.stick-header .icn-menu span{/*background-color:#dab99a;*/}
#divHeader>.inner{}

.logo{height:50px; margin-left:10px;}

/*** btn menu ***/
.btn-menu{background-color:transparent; border:0; outline:0 !important; box-shadow:none !important;}
.text-menu{color:#fff; text-transform:uppercase;}
.icn-menu{position:relative; padding:15px 15px;}
.icn-menu span{width:25px; height:4px; display:block; margin-top:4px; margin-left:auto; margin-bottom:4px; margin-right:0; background-color:#dab99a; 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;}
.icn-menu span:nth-child(1){}
.icn-menu span:nth-child(2){width:20px;}
.icn-menu span:nth-child(3){width:15px;}

.icn-menu.active span:nth-child(1){-webkit-transform:translate(0px, 8px) rotate(45deg);transform:translate(0px, 8px) rotate(45deg);}
.icn-menu.active span:nth-child(2){width:25px; -webkit-transform:translateX(10px); transform:translateX(10px); opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.icn-menu.active span:nth-child(3){-webkit-transform:translate(0px, -8px) rotate(-45deg);transform:translate(0px, -8px) rotate(-45deg);}

/**************************************************************************************************************************** NAV */
#navbar{position:absolute; top:0; left:0; right:0; bottom:0; max-width:1024px; width:100%; height:100%; margin:auto; background-color:#fff;}
.navbar-inner{height:100%; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}

.menuTop{font-weight:bold; border-bottom:1px solid #ddd; padding:5px;}
.menuTop button{padding:10px 5px; font-weight:bold; background-color:transparent; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-right:50px;}
.menuTop button:focus, .menuTop button:active{outline:0; border:0; background-color:transparent;}
.menuTop i{margin:0 5px; font-size:16px;}

#divMenu{padding-top:5px; overflow-y:auto;}

#cssmenu{position:static;}
#cssmenu>ul, .add-menu ul{position:static; padding:0; margin:0;}
#cssmenu>ul>li, .add-menu ul>li{position:static; display:block; float:none; padding:2px 5px;}
#cssmenu>ul>li:not(:first-child)>a, .add-menu ul>li:not(:first-child)>a{}
#cssmenu>ul>li>a, #cssmenu>ul>li:hover>a, .add-menu ul>li>a{color:#222; font-weight:bold; text-transform:capitalize; border:0; padding-left:15px; padding-top:10px; padding-bottom:10px; padding-right:0; display:-webkit-box; display:-ms-flexbox; display:flex;  border-radius:50px; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#cssmenu>ul>li>a:hover, .add-menu ul>li>a:hover{color:#222; background-color:#eee;}
#cssmenu>ul>li.active>a{color:#222; background-color:#eaddd0;}
#cssmenu>ul>li>a img, .add-menu ul>li>a img{margin-right:10px;}
#cssmenu>ul>li>a i, .add-menu ul>li>a i{color:#dab99a; font-size:25px; margin-right:10px;}
#cssmenu>ul>li.active>a i{color:#cc6500;}
#cssmenu>ul>li>ul, #cssmenu>ul>li:hover>ul{display:none !important;}

.add-menu{padding-top:5px;}
.add-menu>div{border-top:1px solid #dbdbdb; padding-bottom:5px;}
.add-menu>div.nav-language{padding-bottom:25px;}
.add-menu p{line-height:normal; padding:15px 25px 10px; color:#888; font-size:12px; margin-top:5px; margin-bottom:0;}

    .nav-language li.active a{background-color:#efefef !important; background-repeat:no-repeat; background-image: url('/data/1806/uploads/icn-checked.png'); background-position:right 15px center; background-size:18px; pointer-events:none; cursor:default;}
    #divHeader-other{}
    .nav-language .country{font-size:10px; color:#aaa;padding-left:15px; padding-top:10px; padding-bottom:5px;}
    .nav-language .flag{width:20px; margin-right:5px; border-radius:50%; border:1px solid #aaa;}


.nav-footer{background-color:#222; padding-top:15px; padding-bottom:60px !important; color:#fff; text-align:center;}

/**************************************************************************************************************************** FOOTER */
#divFooter{padding-bottom:80px;margin-top:auto;}

.footer-info{display:flex; text-align:center; padding:15px 0;}
.footer-info>div{flex:1;}
.footer-info h3{font-size:14px; margin-bottom:15px;}
.footer-info img{height:30px; margin:0 5px;}

.footer-copyright{border-top:1px solid #ddd; padding-top:15px;}

#divFooter-main{position:fixed; bottom:0; left:0; right:0; max-width:1024px; width:100%; margin:auto; background-color:#3c3a3b; border-top-left-radius:25px; border-top-right-radius:25px; box-shadow:0px 0px 5px #222;  transition: background-color 0.2s;}
#divFooter-main>ul{display:flex; margin:0; padding:0;}
#divFooter-main>ul>li{flex:1; list-style-type:none;}
#divFooter-main a{text-align:center; padding:10px 5px;display:table; margin:auto; line-height:normal;}
#divFooter-main a>i{display:block; font-size:20px; margin:5px auto;}
#divFooter-main a{color:#dab99a;}

#divFooter-main.stick-footer{/*box-shadow:0px 0px 5px #222;*/ /*background-color:#3c3a3b;*/}
#divFooter-main.stick-footer a{/*color:#dab99a;*/}

#divFooter-main .icn-home a>i, #divFooter-main .icn-home a,
#divFooter-main a:hover>i, #divFooter-main a:hover
{/*color:#cc6500;*/}

@media screen and (max-width: 767px) {
    .footer-info{display:block;}
    .footer-info h3{margin-top:20px; margin-bottom:5px;}
}
@media screen and (max-width: 400px) {
   #divFooter-main a{font-size:10px;}
}

.divFooter-bottom{padding:5px 0; color:#b49577!important; text-align:center;}


/**************************************************************************************************************************** BODY */
#divBody{margin-bottom:auto; padding-top:68px;}

.divBanner{padding:5px;max-height:385px; height:38vw;}
.divBanner-2{padding:5px;}
.divBanner img, .divBanner-2 img{width:100%; border-radius:20px;}
.flexslider{margin:0; border:0;}
.flex-direction-nav{height:0px; overflow:hidden;}
.flex-control-nav{bottom:10px;}

.divAnnounce{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center; padding:0 5px;}
.divAnnounce .left{margin-right:10px;}
.icn-announce{width:50px; -webkit-transform:rotate(20deg); transform:rotate(20deg);}
#horizontal-scrolling-msg{}
#horizontal-scrolling-msg ul{margin:0; padding:0;}
#horizontal-scrolling-msg ul>li{list-style-type:none;}

.goto-ls{background-color:#dab99a; border-radius:20px; padding:8px 15px; margin-left:10px; font-weight:bold; color:#fff;}
.goto-ls:hover{color:#fff; background-color:#b49577;}
.goto-ls img{margin-right:5px;}

.divmainTab{padding:0 5px;}
.divmainTab .left{padding-left:10px;}
.divmainTab h3{font-weight:bold; color:#dab99a; margin-bottom:0;}
.divmainTab p{color:#888; margin:0;}
.divmainTab .right a{display:block; text-align:center; color:#dab99a; font-weight:bold; text-transform:uppercase; padding:1vw;}
.divmainTab .right img{display:block; margin:0 auto 5px; max-width:75px; width:12vw;}

@media screen and (max-width: 450px) {
   .divmainTab p{font-size:10px;}
   .divmainTab .right a{font-size:12px;}
}


/***************************** home product */
.prod-container{}
.prod-container>.inner{padding: 0 5px;}

.prod-tabs{position:relative; -webkit-box-flex:20; -ms-flex:20; flex:20; min-width:70px;}
.prod-tabs>div{position:relative;}
.prod-tab{padding:10px; text-align:center; border-radius:10px; background:#fff; margin:10px auto; cursor:pointer; background-image: url('/data/1606/uploads/img-frame.png?v1'); background-size:100% 100%; border:2px solid #fff; box-shadow: 0 0 2px #ba9e83; color:#888;}
.prod-tab i{display:block; margin:5px auto auto; font-size:26px;}
.prod-tab.active{color:#cc6500; box-shadow: 0 0 2px #cc6500;  background-image: url('/data/1606/uploads/img-frame-active.png?v1');}

.sticky{position:relative; width:100%;}

.prod-contain{margin-left:10px; -webkit-box-flex:1; -ms-flex:auto; flex:auto;}
.prod-box{display:none;}
.prod-box.active{display:block;}
.prod-box a{margin:10px auto; display:block; text-align:center;}
.prod-box a>img{max-width:650px; width:100%; border-radius:15px; box-shadow:0 0 10px rgba(218,185,154,0.5); border:3px solid #fff;}

@media screen and (max-height: 675px) {
    .prod-tab{padding:2px 10px; margin:5px auto;}
    .prod-tab:first-child{margin-top:10px;}
    .prod-tab i{font-size:18px;}
}

/***************************** sportsbook */
.divSport-title{text-align:center; font-weight:bold;}
.iframe-sport {width:95%; margin:auto;}
.iframe-sport iframe{height:650px; border:1px solid #444; margin:25px auto 10px;}

.divSport .btn{display:table; margin:10px auto 50px; padding:10px 25px; border-radius:10px; border:1px solid #fff; color: #cc6500; box-shadow: 0 0 2px #cc6500; background-image: url(/data/1606/uploads/img-frame-active.png?v1); background-size:100% 100%;}

/***************************** title top */
.title-top{text-align:center; position:relative; margin:10px auto;}
.title-top>.text{display:table; max-width:260px; width:100%; padding:15px 0; background-image:url(/data/1606/uploads/img-title.png); background-size:100% 100%; color:#b49577; z-index:2; margin:auto; position:relative; font-size:30px;}
.title-top:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; height:5px; width:100vw; background-color:#dab99a;z-index:1; pointer-events:none;}

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

}
/**************************************************************************************************************************** Modal */
.modal{background-color:rgba(0,0,0,0.7); /*display:block !important*/; /*opacity:0;*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*visibility:hidden*/; -webkit-transition:0.2s; transition:0.2s;}
.modal.active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility:visible; -webkit-transition:0.5s; transition:0.5s;}
.modal>div{-webkit-transition:0.5s;transition:0.5s; -webkit-transform:translateY(-100px); transform:translateY(-100px); opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.modal.active>div{-webkit-transform:translateY(0);transform:translateY(0); opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition:0.2s; transition:0.2s;}

.modal>.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; margin:auto;}
.modal .modal-content{width:100%; margin-top:-100px; margin-bottom:0;}

/*---------- btn close --*/
.btn-close{position:absolute; top:5px; right:5px; cursor:pointer; z-index:9; padding:20px;}
.btn-close>div{padding:20px 12px; border-radius:50%;}
.btn-close span{height:4px; width:22px; border-radius:2px; display:block;-webkit-transform:translateY(2px) rotate(45deg);transform:translateY(2px) rotate(45deg); background-color:#aaa;}
.btn-close span:nth-child(2){-webkit-transform:translateY(-2px) rotate(-45deg);transform:translateY(-2px) rotate(-45deg);}
.btn-close:hover{}
.btn-close:hover>div, .btn-close:active>div{background-color:#eee;}
.btn-close:hover span, .btn-close:active span{background-color:#222;}

/*---------- please login --*/
.plsLogin-container{text-align:center; padding:50px 25px;}
.plsLogin-container h3{color:#b49577 !important; font-weight:bold; margin-top:15px;}
.plsLogin-container p{color:#444 !important;}

.modal-plsLogin .modal-content{width:90%; margin:auto;}

.plsLogin-bottom {display:-webkit-box;display:-ms-flexbox;display:flex; padding-top:15px;}
.plsLogin-bottom .btn-goPage{text-align:center; -webkit-box-flex:1; -ms-flex:1 1; flex:1 1; text-transform:uppercase; padding:10px 10px; margin:5px 10px; font-weight:bold; color:#fff !important; border-radius:30px; font-size:18px; background: rgb(206,200,166); background: -webkit-linear-gradient(90deg, rgba(206,200,166,1) 0%, rgba(218,185,154,1) 100%); background: -webkit-linear-gradient(left, rgba(206,200,166,1) 0%, rgba(218,185,154,1) 100%); background: linear-gradient(90deg, rgba(206,200,166,1) 0%, rgba(218,185,154,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cec8a6",endColorstr="#dab99a",GradientType=1);}

@media screen and (max-width: 767px) {
    .plsLogin-bottom {padding-left:0; padding-right:0; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .plsLogin-bottom .btn-goPage{}
    #modal_plsLogin.modal .modal-content{margin-bottom:auto; margin-top:100px;}

    .divLogin{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .divlogin-box{margin-left:auto; margin-right:auto;}
}


/**************************************************************************************************************************** Login */
.divLogin{padding:10px; max-width:500px; width:100%; margin:auto; min-height:95vh;}

.login-tabs{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; padding:0 10px;}
.login-tab{-webkit-box-flex:1;-ms-flex:1;flex:1; text-align:center; border:1px solid #888; margin:10px; padding:20px 0 10px; border-radius:10px; color:#888; background-color:#fff;}
.login-tab i{display:block; font-size:48px; margin-bottom:5px;}
.login-tab.active{color:#dab99a; border-color:#dab99a; box-shadow:0px 0px 10px #eaddd0;}

.login-body{position:relative; padding:0 20px;}
.divlogin-box{padding:40px 20px 20px; margin:25px 0; background-color:#fff; border-radius:10px; box-shadow:0px 0px 10px #eaddd0; display:none; position:relative; border: 1px solid #dab99a;}
.divlogin-box h3{text-align:center;}
.divlogin-box.active{display:block;}
.divlogin-box: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 #dab99a transparent;*/}
#divLogin-V1:after{/*-webkit-transform: translateX(-115px);transform: translateX(-115px);*/}
#divLogin-V2:after{/*-webkit-transform: translateX(115px);transform: translateX(115px);*/}

@media screen and (max-width: 767px) {
    .divLogin{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .divlogin-box{margin-left:auto; margin-right:auto;}
}
@media screen and (max-width: 425px) {
    #divLogin-V1:after{-webkit-transform: translateX(-20vw);transform: translateX(-20vw);}
    #divLogin-V2:after{-webkit-transform: translateX(20vw);transform: translateX(20vw);}
}


/*---------- login --*/
.login-form{width:90%; margin:0px auto; padding:25px 25px; border-radius:20px; position:relative;}
.login-form h3{text-align:center; font-weight:bold; color:#b49577; font-size:30px; letter-spacing:1px;}

#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 10px; border:0px solid #ccc; border-bottom:1px solid #ccc; width:100%; color:#000; font-size:14px; position:relative;}
#remoteloginform input[name="user"], #remoteloginform input[name="pwd"], #customform_UserName, #customform_Password{padding-left:50px !important; background-position:center left 10px; background-repeat:no-repeat;}
#remoteloginform input[name="user"]:focus, #remoteloginform input[name="pwd"]:focus{border-color:#dab99a;}
#remoteloginform input[name="user"], #customform_UserName{background-image: url('/data/1606/uploads/icn-user_s.png?v1') !important;}
#remoteloginform input[name="pwd"], #customform_Password{background-image: url('/data/1606/uploads/icn-lock.png?v1') !important;}
#remoteloginform input#remoteloginformsubmit, #customform input#customform_submit{margin-top:50px;background-color:#ccc; color:#000; font-size:18px; text-transform:uppercase; border-radius:25px; cursor:pointer; font-weight:bold; letter-spacing:1px;}
#remoteloginform input#remoteloginformsubmit, #customform input#customform_submit
{
    color:#fff; border:0; background: rgb(206,200,166); background: -webkit-linear-gradient(90deg, rgba(206,200,166,1) 0%, rgba(218,185,154,1) 100%); background: -webkit-linear-gradient(left, rgba(206,200,166,1) 0%, rgba(218,185,154,1) 100%); background: linear-gradient(90deg, rgba(206,200,166,1) 0%, rgba(218,185,154,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cec8a6",endColorstr="#dab99a",GradientType=1);
}
#remoteloginform input#remoteloginformsubmit:hover, 
#customform input#customform_submit:active,
#remoteloginform input#remoteloginformsubmit:hover, 
#customform input#customform_submit:active{
    background: rgb(180,149,119); background: -webkit-linear-gradient(90deg, rgba(180,149,119,1) 0%, rgba(218,185,154,1) 100.%); background: -webkit-linear-gradient(left, rgba(180,149,119,1) 0%, rgba(218,185,154,1) 100.%); background: linear-gradient(90deg, rgba(180,149,119,1) 0%, rgba(218,185,154,1) 100.%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b49577",endColorstr="#dab99a",GradientType=1);
}

#remoteloginform input::-webkit-input-placeholder {-webkit-transition:1s;transition:1s;}

#remoteloginform input::-moz-placeholder {-webkit-transition:1s;transition:1s;}

#remoteloginform input:-ms-input-placeholder {-webkit-transition:1s;transition:1s;}

#remoteloginform input::placeholder {-webkit-transition:1s;transition:1s;}
#remoteloginform input:focus::-webkit-input-placeholder {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform:translateX(50px); transform:translateX(50px); opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#remoteloginform input:focus::-moz-placeholder {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform:translateX(50px); opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#remoteloginform input:focus:-ms-input-placeholder {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform:translateX(50px); opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#remoteloginform input:focus::placeholder {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform:translateX(50px); transform:translateX(50px); opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

#remoteloginform input[name="user"]:-webkit-autofill,
#remoteloginform input[name="user"]:-webkit-autofill:hover, 
#remoteloginform input[name="user"]:-webkit-autofill:focus, 
#remoteloginform input[name="user"]:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #fffde7 inset !important;
}

.btn-fogetp{text-align:right; margin-top:-105px; position:absolute; left:5%; right:5%;}
.btn-fogetp a{color:#b49577 !important; padding:15px 0;}
.btn-fogetp a:hover{text-decoration:underline; color:#444 !important;}


/**************************************************************************************************************************** REGISTRATION */
#registerform {width: 90%; margin:15px auto; border:0px solid #dab99a; background-color:#fff; border-radius:20px; padding:25px 10px;}
#registerform dl {margin: 15px auto; overflow:hidden;}
#registerform dt {width: 100%;color: #222;font-size: 10px; margin-bottom:5px;}
#registerform textarea, #registerform input[type=text], #registerform input[type=password] {width: 100%;color: #000;font-size: 15px;padding: 10px;background: transparent;border-bottom: 2px solid #ccc;}
#registerform textarea:focus, #registerform input[type=text]:focus, #registerform input[type=password]:focus{border-color:#dab99a;}
#groupUsername dd{font-size:0;}
#registerform #registerform_UserName {width: 70%; display:inline-block;}
#registerform .btnCheckUser{width:30%; display:inline-block; text-align:center;}
#registerform #registerform_Currency {background: transparent; border:0; border-bottom: 2px solid #ccc;border-radius: 0px;padding: 10px;font-size: 18px;color: #888; width:100%;}
#registerform #registerform_Currency:focus{border-color:#dab99a;}
#registerform #registerform_varifycode {width: 135px;float: left;}
#registerform .btnCheckUser, #registerform_btnSubmit {border-radius:15px; color: #161616;font-weight: bold;border: 0px;padding: 8px 12px;font-size: 14px;text-transform: uppercase;margin: 6px 0; background: rgb(206,200,166); background: -webkit-linear-gradient(90deg, rgba(206,200,166,1) 0%, rgba(218,185,154,1) 100%); background: -webkit-linear-gradient(left, rgba(206,200,166,1) 0%, rgba(218,185,154,1) 100%); background: linear-gradient(90deg, rgba(206,200,166,1) 0%, rgba(218,185,154,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cec8a6",endColorstr="#dab99a",GradientType=1)}
#registerform_btnSubmit{padding:10px 35px; cursor:pointer;}
#registerform:after {font-size: 10px;color: #fff;}
#groupVerifyCode img {margin-left: 15px;height:30px}
input::-webkit-input-placeholder {-webkit-transform: translateX(0px);transform: translateX(0px);-webkit-transition: .4s;transition: .4s;}
input::-moz-placeholder {transform: translateX(0px);-webkit-transition: .4s;transition: .4s;}
input:-ms-input-placeholder {transform: translateX(0px);-webkit-transition: .4s;transition: .4s;}
input::placeholder {-webkit-transform: translateX(0px);transform: translateX(0px);-webkit-transition: .4s;transition: .4s;}
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;}
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;}
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;}
input:focus::placeholder {-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: .4s;transition: .4s;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
.small{font-size:12px}
.w3-text-red{color:#dd0000;}

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

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

@media screen and (max-width: 767px) {
    #registerform {padding:10px;}
    #registerform .btnCheckUser{font-size:3vw;}

    #registerform_btnSubmit{margin:15px auto 0; display:table;}
}

/**************************************************************************************************************************** Promotions */
#faq_modal{margin-left:0; padding-left:5px; padding-right:10px;}
#faq_modal>li{list-style-type:none; padding:5px 0;}
.promo .row>*{padding-left:0 !important; padding-right:0 !important;}
#question img{width:100%;}
.question .promo .row{border-right: #fee1c3 1px solid;border-bottom: #fee1c3 1px solid; margin-left:0; margin-right:0;}
.fancybox-inner .info {display:none;}
.promo .col-md-5 .more-btn{margin-left:0 !important;}

#promo{display:-webkit-box;display:-ms-flexbox;display:flex; padding-left:5px;}
#promo #prmotion-faq{-webkit-box-flex:6;-ms-flex:6;flex:6}

.popup_contain{max-width:90% !important; height:90% !important; top:5%; margin:auto !important; padding:20px !important;}
.popup_contain .donatetab {overflow-y:auto; height:100%; padding:10px 0 10px; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}

#promotion-filter{text-transform:capitalize; margin:25px auto; max-width:1024px; -webkit-box-flex:1; -ms-flex:1; flex:1; margin-top:0; position:relative;}
#promotion-filter>ul{overflow:hidden; margin: 0; display:-webkit-box; display:-ms-flexbox; display:flex; padding:0; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position:relative;}
#promotion-filter>ul>li{padding:10px 5px; text-align:center; margin:5px; cursor:pointer; list-style-type:none; background-image: url('/data/1606/uploads/img-frame.png?v1'); background-size:100% 100%; text-align:center; border-radius:10px; border:2px solid #fff; box-shadow:0 0 3px #aaa; color:#888;}
#promotion-filter>ul>li i{display:block; margin:5px auto; font-size:26px;}
#promotion-filter>ul>li img{margin-right:5px; height:25px;}
#promotion-filter>ul>li.mixitup-control-active, #promotion-filter>ul>li.active{color:#cc6500; background-image: url('/data/1606/uploads/img-frame-active.png?v1'); box-shadow:0 0 3px #cc6500;}
#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;}

#faq_template_list{}
#faq_template_list ol#faq{padding:0; margin:0; list-style:none;}
#faq_template_list ol#faq li#faq div#question a{display:inline;}
#faq_template_list ol#faq li#faq {margin-bottom:25px;}
#faq_template_list ol#faq li#faq div#question {padding:0px 15px;}
#faq_template_list ol#faq li#faq div#question a:hover{text-decoration:none;}
#faq_template_list ol#faq li#faq div#answer{border:6px solid #0c0c0c; padding:15px 20px; margin-top:15px;background:rgba(0,0,0,0.8)}

.promo .col-md-7{margin:0px !important;padding:0px !important; width:100%;}
.promo .col-md-7 h3{position:absolute;right:10px;text-transform: uppercase;text-shadow: 1px 1px 1px #333;color:#fff;text-align:right;padding:10px 20px;font-size:30px}
.promo .col-md-7 img {width:100%}
.promo .col-md-5{min-height:205px;padding:10px 30px !important;background:#fdead7; width:100%;}
.promo .col-md-5 h5{margin-bottom:40px;color:#dbba9c}
.promo .col-md-5 a{color:#c39972}
.promo .col-md-5 .more-btn{color:#333; padding:5px 20px; background:#ddd; font-size:18px; text-transform:uppercase; border:2px solid #999;cursor:pointer;margin-left:50px;}
.promo .col-md-5 .more-btn:hover {background:#fff}
.promo .col-md-5 .join-btn{color:#fff; padding:5px 20px; background:#b49577;  font-size:18px; text-transform:uppercase; border:2px solid #b49577;}
.promo .col-md-5 .join-btn:hover {background:#dab99a;border:2px solid #dab99a;}
.promo-title{font-size:18px;font-weight:bold;color:#dab867}
.promo-subtitle{font-size:14px;color:#dab867;font-weight:400;margin-bottom:10px}

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

}
@media screen and (max-width: 767px) {
    #promotion-filter>ul>li{font-size:3vw;}

    .promo .col-md-5 .more-btn, .promo .col-md-5 .join-btn{font-size:3vw;}
    .promo .col-md-5 .join-btn{margin-left:5px;}
    .promo .col-md-5 h3{font-size:5vw;}
    .promo .col-md-5 h5{font-size:4vw; margin-bottom:20px;}
    .promo .col-md-5{padding-left:15px !important; padding-right:15px!important; min-height:1px; padding-bottom:25px!important; padding-top:15px !important;}
}
@media screen and (max-height: 675px) {
    #promotion-filter>ul>li{padding:2px 10px; margin:5px;}
    #promotion-filter>ul>li i{font-size:18px;}
}

/**************************************************************************************************************************** VIP */
.seopage-content{padding:0 5px;}
.vip-tabs{display:-webkit-box;display:-ms-flexbox;display:flex; margin:0; padding:0;}
.vip-tabs>li{-webkit-box-flex:1;-ms-flex:1;flex:1; text-align:center; -webkit-box-align:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; list-style-type:none;}
.vip-tabs>li>a{border:1px solid #dab99a; border-top-left-radius:20px; border-top-right-radius:20px; height:100%; display:block;}
.vip-tabs>li:first-child>a{margin-left:0;}
.vip-tabs>li:last-child>a{margin-right:0;}
.vip-tabs>li>a h4{font-size:24px;margin:10px auto;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color:#dab99a; color:#fff;}
.nav-tabs>li:hover>a{background-color:#e0d3c7; border-color:#dab99a;}

.sml-title {margin: 15px 0 5px; font-weight: bold;}

.vip-content{padding-bottom:30px;}
.vip-content .tab-pane{border:0px solid #dab99a; border-top:3px solid #dab99a; border-bottom:1px solid #dab99a; padding:25px 5px; background-color:#fff;}
.vip-content .tab-pane.active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.vip-content li{margin:10px 0;}
.vip-content table {text-align:center;border-spacing: 0 !important;border-collapse: collapse !important;width: 100%;}
.vip-content table tbody tr:first-child th{background:#000;text-align:center;} 
.vip-content table tbody tr:first-child td, .vip-content table tbody tr:nth-child(2) td {color:#fff; background-color:#b49577; border:1px solid #dab99a;}
.vip-content table tbody td {border:1px solid #dab99a;background:#fff;}
.vip-content table tbody th, table tbody td{padding:6px 10px;}
.bg-subtit{color:#222; font-weight:bold; background-color:#dab99a;}

.vip-content p{line-height:normal;}
.ms-scroll{padding:20px 0;}

.img-vip{width:100%;}

@media screen and (max-width: 1000px) {
    .vip-tabs>li>a h4{font-size:2vw;}
    .ms-scroll{width:100%; overflow-x:auto;}
}
@media screen and (max-width: 1000px) {
    .vip-tabs>li>a h4{font-size:4vw; margin:10px auto;}
}

/**************************************************************************************************************************** HELP */
.help-container{padding-bottom:50px;}
.help-container>.inner{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;}
.help-box{padding:30px; border:1px solid #dab99a; margin:10px; max-width:320px; width:100%; border-radius:20px; background-color:#fff; display:flex; flex-direction:column; align-items:center;}
.help-box:hover{background-color:#fff; box-shadow:0 0 10px #dab99a;}
.help-box .img{text-align:center;}
.help-box .img img{max-width:100px; width:100%;}
.help-box .text{text-align:center; margin-bottom:auto;}
.help-box .text h3{font-size:24px; font-weight:bold; margin-top:15px;}
.help-box .button{padding:7px 15px; display:table; margin:25px auto 0; background-color:#dab99a; color:#fff; border-radius:4px; margin-top:auto;}
.help-box .button:hover{background-color:#b49577;}

.help-title{text-align:center; color:#888;padding-bottom:10px; padding-left:15px; padding-right:15px;}
.help-title p{margin-bottom:0; font-size:12px;}

@media screen and (max-width: 767px) {
    .help-container>.inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; align-items:center;}
}

.aboutus-container{margin-bottom:50px; padding:10px 5px;}
.aboutus-container>.inner{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-line-pack:stretch; align-content:stretch;}
.aboutus-container>.inner>.left{max-width:180px; width:100%; height:100%;}
.aboutus-container>.inner>.right{width:100%; padding-left:5px; padding-right:5px; /*border-left:1px solid #dab99a;*/ padding-bottom:25px;}

.left-inner{position:relative;}
.left-inner a{display:block; text-align:center; padding:10px 5px; text-align:center; margin:10px 5px; cursor:pointer; list-style-type:none; background-image: url('/data/1606/uploads/img-frame.png?v1'); background-size:100% 100%; text-align:center; border-radius:10px; border:2px solid #fff; box-shadow:0 0 3px #aaa; color:#888;}
.left-inner a.active, .left-inner a.active:hover{color:#cc6500; background-image: url('/data/1606/uploads/img-frame-active.png?v1'); box-shadow:0 0 3px #cc6500;}
.left-inner a img{max-width:30px; margin-right:5px;}
.left-inner a i{display:block; margin:5px auto; font-size:26px;}

.right-title h3{font-size:24px; font-weight:bold; border-bottom:1px dashed #aaa; margin-bottom:20px; padding-bottom:20px;}

@media screen and (max-width: 767px) {
    .aboutus-container>.inner>.left{width:auto;}
    .left-inner a{}
    .left-inner a img{display:block; margin-right:auto;}
    .left-inner a span{/*display:none;*/}
}

/*************** social media */
.sm-container{}
.sm-container>.inner{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.sm-box{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%; max-width:calc(50% - 20px); margin:10px; background-color:#fff; border:1px solid #dab99a; padding:25px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-line-pack:stretch; align-content:stretch; -webkit-transition:-webkit-transform 0.5s ease-in-out; transition:-webkit-transform 0.5s ease-in-out; transition:transform 0.5s ease-in-out; transition:transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; box-shadow:none; border-radius:8px;}
.sm-box:hover{box-shadow:0px 0px 10px #dab99a; -webkit-transform:scale(1.05); transform:scale(1.05);}
.sm-box .img{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-right:10px;}
.sm-box .img img{width:50px;}
.sm-box .text{}
.sm-box .text h3{margin:0;}
.sm-box .text p{margin-bottom:0; display:inline-block; padding:5px 0;}

@media screen and (max-width: 767px) {
    .sm-box{-webkit-box-flex: 1;-ms-flex: 1 100%;flex: 1 100%; max-width:100%; width:100%; margin:10px 0;}
}

/*************** feedback */
.contact_form{padding:20px; background-color:#eee; border-radius:20px; margin:10px 0;}
.contact_form input, .contact_form select, .contact_form textarea{padding:5px 10px; border:1px solid #888;}
.contact_form td{vertical-align:middle;}
.contact_form input[type=submit]{background-color:#dab99a; border-radius:20px; padding:10px 25px; color:#fff; font-weight:bold; border:0; margin-top:25px;}
.contact_form input[type=submit]:hover{background-color:#b49577;}


@media screen and (max-width: 767px) {
    .contact_form{}
    .contact_form tr{padding:10px 0; display:block;}
    .contact_form td{display:block; width:100%; padding:0;}
    .contact_form tr>td:nth-child(2){display:none !important;}
}

/*************** contact us */
.cu-container{}
.cu-container>.inner{display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.cu-box{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;max-width:calc(50% - 10px); margin-bottom:25px; margin-top:10px; background-color:#fff; border:1px solid #dab99a; border-radius:20px; padding:25px; position:relative; text-align:center;}
.cu-box:first-child{margin-right:10px;}
.cu-box:nth-child(2){margin-left:10px;}

.cu-box .icn-country{position:absolute; top:-15px; right:-10px; width:50px;}
.cu-box a{padding:5px 0; font-weight:bold; font-size:16px;}
.cu-box a:hover{text-decoration:underline;}
.cu-box .img-qr{width:90%; display:block; margin:10px auto;}

@media screen and (max-width: 767px) {
    .cu-box{max-width:100%; -webkit-box-flex:1; -ms-flex:1 1 100%; flex:1 1 100%; margin-left:0 !important; margin-right:10px !important;}
    .cu-box a{display:block;}
}

/*************** contact us */
.guide-container{}
.guide-container #faq_modal{display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row;}
.guide-container li.question{-webkit-box-flex:1;-ms-flex:1 1 33%;flex:1 1 33%; margin:10px; max-width:calc(33% - 20px); background-color:#fff; border:1px solid #dab99a; border-radius:20px;}
.guide-container li.question:hover{box-shadow:0px 0px 10px #dab99a;}
.guide-container li.question>a{display:block; padding:20px; font-weight:bold; text-align:center;}
.guide-container li.question>a img{display:block; margin:auto; margin-bottom:10px; max-width:80px; width:100%;}

@media screen and (max-width: 767px) {
    .guide-container li.question{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%; max-width:calc(50% - 20px);}
}
@media screen and (max-width: 399px) {
    .guide-container li.question{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%; max-width:calc(100% - 20px);}
    .guide-container li.question>a{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:left;}
    .guide-container li.question>a img{margin-bottom:auto; margin-right:10px; max-width:60px; margin-left:0;}
}

/**************************************************************************************************************************** CHARITY */
#theme-contain-charity .hub-charity-container .tile-content{bottom:0; left:0; right:25%; margin:auto; top:10px;}
.hub-charity-container[data-game="ch"] .tile-content .tile-title .title-box h2{color:#6b4625 !important;}
.hub-charity-container .tile-content .tile-title .title-box{border-color:#6b4625 !important;}
.hub-charity-container .tile-content .tile-title .title-box .line{border-color:#6b4625 !important;}
.hub-charity-container .button{background-color:#6b4625 !important;}
.hub-charity-container[data-game="ch"] .tile-content .tile-title h1{color:#6b4625 !important;}

#theme-contain-charity .flex-control-nav li{margin:0 10px;}
#theme-contain-charity .flex-control-paging li a.flex-active{background-color:#b49577 !important;}
#theme-contain-charity .flex-control-paging li a{background-color:#dab99a !important;}

#theme-contain-charity .ab_titleh3{color:#b49577 !important;}

#app2 .titleBox{margin-bottom:0; padding-bottom:110px; text-align:center;}
#app2 .titles {float:none; padding-bottom:25px;}
#app2 .catNav{float:none;}
#app2 .catNav ul li{width:150px; margin:5px; height:auto; padding:0;}
#app2 .catNav ul li a {display:block; padding:25px 0;}
#app2 .catNav ul li button{width:100%; background-color:transparent; border:0; padding:25px 0;}
#app2 .tooltip-inner img{width:100%;}

.donatetab table{background-color:#fff !important;}
.donatetab table tr:nth-child(1){background-color:#b49577 !important;}
.donatetab table tr:nth-child(even) {background: #ecd9c8 !important;}
.donatetab table, .donatetab table th, .donatetab table tr, .donatetab table td{border-color:#6b4625 !important;}

#theme-contain-charity .open_popup{background: rgb(180,149,119); background: -moz-linear-gradient(90deg, rgba(180,149,119,1) 0%, rgba(218,185,154,1) 100.%); background: -webkit-linear-gradient(90deg, rgba(180,149,119,1) 0%, rgba(218,185,154,1) 100.%); background: linear-gradient(90deg, rgba(180,149,119,1) 0%, rgba(218,185,154,1) 100.%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b49577",endColorstr="#dab99a",GradientType=1);}
#theme-contain-charity .popup_close{background-color:#b49577 !important;}

#theme-contain-charity .newsContent .titdiv ul .onli{background-color:#b49577 !important;}

.tab1 ul li a:hover .numLeft, .tab1 ul li a:hover .numTxt h4, .tab1 ul li a:hover .numTxt span{color:#b49577 !important;}
#theme-contain-charity .catNav ul li:hover {background-color: #b49577 !important;}
#theme-contain-charity .catNav ul li span.ps01 {background-image: url('/data/1806/uploads/charity-icn-contact-whatapp-hover.png');}
#theme-contain-charity .catNav ul li span.ps02 {background-image: url('/data/1806/uploads/charity-icn-contact-telegram-hover.png');}
#theme-contain-charity .catNav ul li span.ps03 {background-image: url('/data/1806/uploads/charity-icn-contact-wechat-hover.png');}
#theme-contain-charity .catNav ul li span.ps04 {background-image: url('/data/1806/uploads/charity-icn-contact-fb-hover.png');}

#theme-contain-charity .catNav ul li:hover span.ps01 {background-image: url('/data/1806/uploads/charity-icn-contact-whatapp.png');}
#theme-contain-charity .catNav ul li:hover span.ps02 {background-image: url('/data/1806/uploads/charity-icn-contact-telegram.png');}
#theme-contain-charity .catNav ul li:hover span.ps03 {background-image: url('/data/1806/uploads/charity-icn-contact-wechat.png');}
#theme-contain-charity .catNav ul li:hover span.ps04 {background-image: url('/data/1806/uploads/charity-icn-contact-fb.png');}

@media screen and (max-width: 1024px) {
    #theme-contain-charity .hub-charity-container .flexslider .slides{transform: translateX(-100%); margin-right: 77%;}
    #theme-contain-charity .hub-charity-container .flexslider .slides img{width:auto; height:100%;}
    #theme-contain-charity .hub-charity-container{min-height:400px;}
    #theme-contain-charity .hub-charity-container .tile-bgs div{/*position:static;*/}
    #theme-contain-charity .hub-charity-container .flexslider .slides>li{height:355px;}

}

@media screen and (max-width: 1000px) {
    #theme-contain-charity .hub-charity-container{/*min-height:100px;*/ height:auto; padding:0;}
    #theme-contain-charity .hub-charity-container .tile-bgs{/*position:static;*/}
    #theme-contain-charity .hub-charity-container .tile-bgs div{/*position:static;*/}
    #theme-contain-charity .hub-charity-container .tile-content{/*position:static; */*margin:40px auto 0;*/ right:35%;}
    #theme-contain-charity .hub-charity-container .flexslider .slides{margin-right:auto; margin-left:22%;}
    #theme-contain-charity .news-box{width:90%; margin:auto; float:none;}
    #theme-contain-charity .news-box .title a i{top:auto;}
    #theme-contain-charity .Img-b{float:none; margin:20px auto 0; max-width:540px; width:100% !important;}
    #theme-contain-charity .mr_frUl{}

    #theme-contain-charity .newsContent{max-width:640px; width:90%; margin:auto; float:none;}
    #theme-contain-charity .newsContent .titdiv {text-align:center;}
    #theme-contain-charity .newsContent .titdiv ul{margin:auto; display:inline-block;}

}

@media screen and (max-width: 767px) {
    #theme-contain-charity .hub-charity-container .tile-content{left:0; right:0; top:30px;}
    #theme-contain-charity .hub-charity-container .flexslider .slides{margin-left: -100%; margin-right: -100%; transform:translateX(-15%);}

    #theme-contain-charity .tile-logo img{max-width:33% !important;}
    #theme-contain-charity .hub-charity-container[data-game="ch"] .tile-content .tile-title h1{padding:10px 0;}

   #theme-contain-charity .ab_titleh3{font-size:4vw !important;}
   #theme-contain-charity .newsContent .titdiv ul{width:100%;}
   #theme-contain-charity .tempWrap{width:100% !important;}
   #theme-contain-charity .mr_frUl ul li{height:auto !important;}
   #theme-contain-charity .tempWrap>ul{width:auto !important;}
   #theme-contain-charity .tempWrap>ul>li{height:65vw !important; width:100% !important;}
   .flex-control-nav, .flex-direction-nav{display:none;}
   #theme-contain-charity .open_popup{width:auto !important; font-size:3vw !important;}
   .popup_body{height:100vh;}
   .popup_contain .donatetab table tr, .popup_contain .donatetab table td{font-size:2.5vw; padding:1vw !important;}
   #app2 .titleBox{padding:0 20px;}
   #app2 .titles{float:none;}
   #app2 .catNav {float:none; margin:20px auto 100px; display:block;}
   #app2 .catNav ul li{width:49%; margin:0.5%;}
}
@media screen and (max-width: 375px) {
    .header-charity {right:230px; margin-top:28px; z-index:98;}
    .header-charity img{height:20px;}

}
@media screen and (max-width: 374px) {
    #theme-contain-charity .tempWrap>ul>li{height:77vw !important;}
}

/**************************************************************************************************************************** LUCKY JACKPOT */
@media screen and (max-width: 1200px) {
    #theme-contain-lucky-jackpot #divTitle #priceMYR{margin-top:18vw;}
    #theme-contain-lucky-jackpot #divTitle #priceSGD{margin-top:27vw;}
}
@media screen and (max-width: 1000px) {
    #theme-contain-lucky-jackpot .wl-section--main {height:60vw !important; background-position:center !important;}
    #theme-contain-lucky-jackpot .wl-section__inner{width:90vw !important;}
    #theme-contain-lucky-jackpot .wl-section--steps{height:auto;}
    #theme-contain-lucky-jackpot .wl-section--steps .wl-section__inner{padding-bottom:25px;}
    #theme-contain-lucky-jackpot #divTitle{position:relative; height:36vw !important;}
    #theme-contain-lucky-jackpot #divTitle #priceMYR{width:100%; font-size:4vw; margin-top:16vw;}
    #theme-contain-lucky-jackpot #divTitle #priceSGD{width:100%; font-size:4vw; margin-top:24vw;}
    #theme-contain-lucky-jackpot #divTitle #priceMYR span,#theme-contain-lucky-jackpot #divTitle #priceSGD span{font-size:6vw;}
    #theme-contain-lucky-jackpot #lottery-title{width:100%;}
    #theme-contain-lucky-jackpot #tdLucky-top > div > ul > li > h1{font-size:6vw;}
    #theme-contain-lucky-jackpot #tdLucky-bottom > div{padding: 8vw 5vw 0;}
    #theme-contain-lucky-jackpot .perdanaContainer{}
    #theme-contain-lucky-jackpot .wl-section--steps-bottom{height:auto !important;}
    #theme-contain-lucky-jackpot .perdanaDetail{width:100%;}
    #theme-contain-lucky-jackpot .perdanaDetail td{padding:5px 0.25vw;}
    #theme-contain-lucky-jackpot .perdanaContainer td{padding:7px 0.25vw; width:auto !important;}
    #theme-contain-lucky-jackpot .perdanaContainer{min-width:initial; min-width:1px; width:79vw;}
}
@media screen and (max-width: 1000px) {
    #theme-contain-lucky-jackpot .wl-section--steps .wl-section__inner {margin-top:-7vw;}
}