#cssmenu::-webkit-scrollbar { display: none; }
#tab-home::-webkit-scrollbar { display: none; }
#cssmenu > ul > li > a > img { display:block; padding-bottom:5px;height:50px;margin:auto; }
#cssmenu ul li p { text-transform:uppercase; font-size: 14px; margin: 0; }
#sidebar-wrapper::-webkit-scrollbar { display: none; }
.menu-new { position:absolute; top:0; left:0; width:35px; }
.ft-log{margin: 20px auto;}
.ft-log ul{padding:0;margin:0;text-align:center;}
.ft-log ul li{display:inline-block;width: 8%;}
.ft-log ul li img {width:100%;}
.socmed {margin: 15px auto;}
.socmed ul{padding:0;margin:0;text-align:center;}
.socmed ul li{display:inline-block;width:3%;}
.socmed ul li img {width:100%;}
.reg-top {border: 0px solid red; background: linear-gradient(to bottom, #626d71 0%,#454c4f 100%); overflow: hidden;}
.reg-top .col-sm-6{background: linear-gradient(to bottom, #626d71 0%,#454c4f 100%);box-sizing: border-box; padding: 15px 0; text-transform: uppercase; font-weight: bold; text-align: center;display: table-cell; width: 50%;}
.col-sm-6.log {border-right: 2px solid #626d71;}
.reg-top .col-sm-6 a{color:#fff;}
.reg-top .col-sm-6 a:hover,.reg-top .col-sm-6 a:focus {text-decoration:none;}
.reg-top .col-sm-6:hover {background: linear-gradient(to bottom, #454c4f 0%,#626d71 100%); cursor: pointer;}
.divDesc.homepg { margin: 2% auto;text-align: justify; text-align-last: unset;}
.divDesc.homepg h5 {font-weight: bold;text-transform: uppercase;margin: 20px auto;}
.divTitle.homepg {width: 70%;margin: 20px auto;text-transform: uppercase;}
/*----------------CASINO HOME-------------------*/
#home-slot.home-slot>div>ul>li, #home-casino.home-slot>div>ul>li {width: 33%;}
.prod-foot ul { margin: 0; padding: 0; }
/*--------------------XE HOME----------------*/
.xe-ctn {padding: 10px;}
.xe-ctn img{width:100%;}
.donwload-btn-popup {text-align: center;border: 0px solid red;width: 35%;margin: 25px auto 10px;background: linear-gradient(to bottom, #626d71 0%,#454c4f 100%); padding: 13px; color: #fff;text-transform: uppercase;font-weight: bold;}
/*-------------------------------- ANNOUNCEMENT------------------------------*/
#divAnnouncement {background: #efeff3;border-bottom: 1px solid #dddde4;border-top: 1px solid #dddde4;}
#divAnnouncement-main {margin:auto;width:1000px;background: #efeff3;border-top: 1px solid #dddde4;border-bottom: 1px solid #dddde4;}
#divAnnouncement-main>div {display:inline-block;box-sizing: border-box;}
#divAnnouncement-main>div.announce-icon {width: 20px;text-align: center;vertical-align: middle;}
#divAnnouncement-main>div.announce-icon img{width:20px;}
#divAnnouncement-main>div.announce-marquee {font-size: 12px; width: 92%; overflow: hidden; padding: 10px 0; vertical-align: middle;}
#horizontal-scrolling-msg{}
#divAnnouncement-main>div.announce-marquee ul{margin:0;}
#divAnnouncement-main>div.announce-marquee ul>li{display:inline-block;}
#horizontal-scrolling-msg { line-height: 18px; }
#horizontal-scrolling-msg ul { margin:0; }
#horizontal-scrolling-msg ul li { list-style: none; display:inline-block; }
#theme-header-link ul { list-style:none; }
#theme-header-link ul li { display:inline; border-left:0px solid #efefef; }
#theme-header-link ul li:first-child { border:0px; }
.prod-foot ul { margin: 0; padding: 0; }
/*---------------------------LUCKY PAGE-------------------------------*/
.divDesc.seo-o{}
.divDesc.seo-o img{width:100%;}
#winner-content table tr td:first-child {text-align: left !important; }
#top-winner table{border:1px solid grey;}
#winner-content table tr:nth-child(even) {background: #f2bc00;}
#winner-list h4 {background: #f2bc00;margin: 0;font-weight: bold;padding: 20px 0;margin-top: 10px;}
/*--------------------------------POPUP ANNOUNCE------------------------------*/
.popup { background-color: #eee; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); overflow: auto; }
.popup.active{-webkit-transform: translate(0, 0);transform: translate(0, 0); }
.btn-close { padding: 24px 19px; cursor: pointer; position: absolute; top: 0; bottom: auto; right: 0; z-index:3; }
.btn-close span { background-color: #af9a51; width: 18px; height: 3px; display: block; }
.btn-close span:first-child { -webkit-transform: translate(0,3px) rotate(45deg); transform:translate(0,3px) rotate(45deg); }
.btn-close span:last-child { -webkit-transform: translate(0,0) rotate(-45deg); transform:translate(0,0) rotate(-45deg); }
.popup-title { padding-bottom: 20px; border-bottom: 1px dashed #c4c4c4; margin-bottom: 10px; }
.popup ul { margin-left: 40px; }
.popup ul>li { list-style: initial; padding: 5px 0; }
.popup .body40>div.date-countdown { margin: 0; }
.popup .remaining-time { margin-left: 25px; }
.popup .banner-top { width: auto; margin: auto; }
.popup .popup-btn .btn-more { display: none; }
.popup .popup-btn .btn-apply { width:100%; margin: 0; }
.popup-inner { }
.popup-inner-2 { height: 95vh; position: relative; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding-bottom: 50px; }
.popup-inner-2>div { padding: 20px; }
#popupAnnounce { }
#popupAnnounce h5 { position: relative; text-align: center; margin: 0.83em; font-size: 20px; font-weight: bold; }
#popupAnnounce h5:after { content:""; border-bottom: 1px solid #ccc; width: 100%; position: absolute; bottom: -18px; left: 0; right: 0; margin: auto; }
#popupAnnounce ul { margin: 0; padding: 0; }
#popupAnnounce ul>li { position: relative; padding-bottom: 15px; }
#popupAnnounce ul>li:not(:last-child):after { content: ""; position: absolute; bottom: 4px; left: 0; right: 0; margin: auto; border: 1px dashed #ccc; width: 100px; }
#tab-top { position: relative; border-top: 1px solid #ececec; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15), 0 -1px 2px 0 rgba(0,0,0,.05); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15), 0 -1px 2px 0 rgba(0,0,0,.05); box-shadow: 0 2px 4px 0 rgba(0,0,0,.15), 0 -1px 2px 0 rgba(0,0,0,.05); margin-bottom: 8px; }
#tab-top>div{ }
#arrowL, #arrowR{width:5vw; background-color:#ececec; height:100%; position:absolute; top:0; bottom:0;background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-arrow.png); background-repeat:no-repeat; background-position:center center; background-size:50% auto;}
#arrowL{left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
#arrowR{right:0;}
#tab-home ul > li a + .menu-new{width:30%; max-width:50px;min-width:30px;}
#tab-home {width:90vw;overflow:auto; margin:auto;}
#tab-home ul {overflow-x:auto;padding: 0; margin: 0; list-style: none;}
#tab-home ul>li{background-image:none;background:#626d71;background:-moz-linear-gradient(top,#626d71 0,#626d71 44%,#626d71 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#626d71),color-stop(44%,#626d71),color-stop(100%,#626d71));background:-webkit-linear-gradient(top,#626d71 0,#626d71 44%,#626d71 100%);background:-o-linear-gradient(top,#626d71 0,#626d71 44%,#626d71 100%);background:-ms-linear-gradient(top,#626d71 0,#626d71 44%,#626d71 100%);background:linear-gradient(to bottom,#626d71 0,#626d71 44%,#626d71 100%);
float:left; position:relative;box-sizing: border-box; width:18vw;text-align:center; color:#987119;}
#tab-home ul > li:not(:last-child):before{content:"";height:100%; position:absolute; border-left:1px solid rgba(255,255,255,0.2); right:0; top:0 ;bottom:0; margin:auto;}
#tab-home ul > li:not(:first-child):after{content:"";height:100%; position:absolute; border-left:1px solid rgba(0,0,0,0.2); left:0; top:0 ;bottom:0; margin:auto;}
#tab-home ul > li.active {background-color:#eaeaea; color:#af9a52; background-image:none;}
#tab-home ul > li.active .icn-home-body{background-position-y:100%;}
#tab-home ul > li i {margin-bottom:5px;}
#tab-home ul > li a{color:#fff; padding:5vw 0; display:block; font-size: 12px;}
#tab-home ul > li.active a{color:#000;text-decoration: none;}
.icn-home-body {background-size:auto 200%; width:5vw; height:5vw; min-width:30px; min-height:30px; margin:auto; display:block; background-repeat:no-repeat; background-position-y:0px;}
.icn-sport{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-sportsbook-02.png);}
.icn-casino {background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-live-casino-03.png);}
.icn-slot{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-slot-games-02.png);}
.icn-xe{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-xe.png);}
.icn-lottery{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-lottery-02.png);}
.icn-contact {background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-ctc.png);}
.icn-tv{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-live-tv-02.png);}
.icn-promotion{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-promotion-01.png);}
.icn-jp{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-4d.png);}
.home-slot { padding:10px; display:none; }
.home-slot.active { display:block; }
.home-slot>div { background-color:#eaeaea; border-radius:10px;overflow:auto;border: 1px solid #d8d8d8; }
.home-slot>div>ul { text-align:center;padding:0;margin:0; }
.home-slot>div>ul>li { display:inline-block;width:45%; }
.home-slot>div>ul>li>a { display:block; text-align:center;color:#000; padding:15px 5px; position:relative; }
.home-slot>div>ul>li>a>img { max-width:100%; display:block; margin:auto; margin-bottom:10px; }
.tag-new>img { background-image: url(/data/1491/uploads/tag-bg-04.png); background-size:79% 96%; background-repeat:no-repeat; background-position:center; }
.tag-new:after { content:""; position:absolute; width:10vw; height:3.5vw; max-width:97px; max-height:35px; right:3.5vw; bottom:8vh; background-image: url('/data/1565/uploads/tag-new.png'); background-size:auto 100%; background-repeat:no-repeat; }
.tag-hot>img { background-image: url(/data/1491/uploads/tag-bg-04.png); background-size:79% 96%; background-repeat:no-repeat; background-position:center; }
.tag-hot:after { content:""; position:absolute; width:10vw; height:4vw; max-width:97px; max-height:35px; right:2vw; bottom:9vh; background-image: url('/data/1565/uploads/tag-hot.gif'); background-size:auto 100%; background-repeat:no-repeat; }
.hr-break { width:95%; margin:auto; border:0.5px solid #d8d8d8; }
.btn-gold { width:225px; margin:10px auto 20px; }
.btn-gold>a { display:block; color:#a34806; font-weight:bold; font-size:14px; text-align:center; padding:15px 35px 22px;background-repeat:no-repeat; background-size: auto 100%;background-position:center;background-image: url('/data/1262/uploads/btn-claim.png'); }
/*-----------------------------------S-SPORT---------------------------------*/
/* E-sports */
#theme-contain-e-sport iframe{ width: calc(100% - 20px); height: calc(100vh - 132px); margin: 10px auto; display: block; }
/* M-sports */
#theme-contain-m-sport iframe{ width: calc(100% - 20px); height: calc(100vh - 132px); margin: 10px auto; display: block; }
/* S-sports */
#theme-contain-s-sport iframe{ width: calc(100% - 20px); height: calc(100vh - 132px); margin: 10px auto; display: block; }
#divHeader-Sub { position: fixed; min-height: 65px; top: 0; left: 0; right: 0; background-color: #fff; z-index: 99; border-bottom: 3px solid #626d71;}
#backtohome {position: absolute; top: 0; left: 0; max-height: 50px; max-width: 50px; min-height: 50px; min-width: 50px;}
#backtohome a {padding: 10px; display: block;}
.arrow-left {display: inline-block !important; position: relative;width: 30px; height: 30px; background: rgba(0,0,0,0); box-sizing: content-box;}
.arrow-left:before {position: absolute; content: ''; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 10px; height: 10px; background: rgba(0,0,0,0); border: 3px solid #959494; border-right: none; border-top: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-sizing: content-box;}
.arrow-left:after {position: absolute; content: ''; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 15px; height: 3px; background-color: #959494; box-sizing: content-box;}
#subHeader-title {text-align: center;padding: 17px 0; text-transform: capitalize; color: #959494; font-size: 14px; font-weight: bold;}
.div-iframe {padding: 15px;}
.divTitle {text-align: center;margin: 20px auto; font-weight: bold;}
.divDesc {width: calc(100% - 20px);border-radius: 6px;padding: 13px;border-top: #f7f7f7 1px solid;border-bottom: #d8d8d8 1px solid;background: #eaeaea;margin: 0 10px; color: #969696;text-align: justify;text-align-last: center;}
.divNoted {text-align: center; margin: 20px auto;}
#theme-contain-s-sport h1 {color: #a49145;text-align: center;font-weight: bold;text-transform: uppercase; font-size: 25px;}
/*-------------------------------LOTTERY-----------------------*/
#theme-contain-lottery .div-iframe{ margin: 0; display: block; padding:0; }
.div-iframe #drawresult ul > li {width: calc(50% - 30px); border: 2px solid rgba(226,91,27,1); margin: 5px; padding: 5px; background: rgba(230,159,62,1);border-radius: 0;}
.div-iframe #drawresult ul > li table caption {padding: 9px !important;margin: 0; color:#000; border-radius: 0;text-align: center; background: rgba(226,91,27,1) !important; font-weight:bold;}
.div-iframe #drawresult ul > li table tr td {border-top: 1px solid rgba(226,91,27,1);}
.div-iframe #drawresult ul > li ol.abc li {padding: 0px 4px;}
.div-iframe #drawresult ul {text-align: center;}
.div-iframe #drawresult ul > li ol {text-align: center;}
.div-iframe table.tpp {width: calc(100% - 20px); border: 1px solid rgba(226,91,27,1); margin: 0 10px;}
.div-iframe table.tpp tbody tr th, .div-iframe table tbody tr td {padding: 5px 0px; text-align: center;}
.div-iframe table.tpp tbody tr th {background: rgba(226,91,27,1);}
.div-iframe table.tpp tbody tr td {background: rgba(230,159,62,1);}
/*----------------------------LOTTO PAGE-----------------------------*/
.lottom{width:100%;}
.lottom img{width:100%;}
.divDesc.luckyh {padding: 0;}
.jklink{width: 65%;margin: 30px auto 0;}
.jklink img {width:100%;}
/*-------------------------------LIVE TV-----------------------*/
#api-leaguefeed { width: calc(100% - 20px); height: calc(100vh - 132px); margin: 10px auto; display: block; }
#api-leaguefeed .brick > ul {height: 210px;}
#api-leaguefeed #playtime {background: #99732c;}
#api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited {background: #846d3a;}
#api-leaguefeed #livetv a:hover {background: #9c8e58;}
#api-leaguefeed .brick > ul { list-style:none; margin:0px; padding:0px;}
#api-leaguefeed .brick > ul > li {padding:5px 10px;}
#api-leaguefeed #playtime {color:#ffffff; 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 { display:block; color:#ffffff; text-decoration:none; text-align:center; padding:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
/*------------------------------- LiveCHat -------------------------------*/
div#chat-widget-container { margin-bottom:60px; }
/*---------------------------CONTACT-------------------------*/
.col-sm-6.sg .ctc-b{background: linear-gradient(140deg, rgba(230,159,62,1) 0%, rgba(226,91,27,1) 100%);}
.col-sm-6.my .ctc-b{background: linear-gradient(90deg, rgba(59,164,222,1) 0%, rgba(0,125,194,1) 100%);}
.ctc-b {color:#fff; padding-top: 87px; margin-top: -84px; border-radius: 7px;padding-bottom: 50px;}
.ctc-b ul{padding:0;margin:0;text-align:center;}
.ctc-b ul li{display:block;width:100%;margin:5px auto;}
.ctc-b ul li:last-child{width:20%;margin:auto;}
.ctc-b ul li img{width:100%;}
.flc{width:30%;margin:auto;}
.flc img {width: 100%;}
#contactPage { width: calc(100% - 20px); margin: 10px auto; display: block; }
#contactPage .div-iframe { padding:0; }
.div-iframe .col-sm-6 {padding:0;width: 49%;margin: 10px auto;display: inline-block; float: none;border: 0px solid red;text-align: center;}
/*---------------------------MORE GAMES-------------------------*/
.ctn-mb { text-align: center; }
.ctn-mb p a { color: #fff; font-weight: bold; }
.ctn-mb p a:hover,.ctn-mb p a:focus { color: #2f2912; text-decoration:none; }
.ctn-mb table { margin: 15px auto; border: 2px solid rgba(226,91,27,1); background-color: rgba(230,159,62,1); }
.ctn-mb table tr th { text-align:center; }
.ctnm { width:15%;margin: auto; }
.ctnm img { width:100%; }
.nav-tabs>li>a { font-weight: bold; color: #555; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { font-weight: bold;background-color: #ebc316; }
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #ebc316; color: #a49145; font-weight: bold; }
/*--------------------------SPIN------------------------*/
#webet_taste_wrap{background:url(/theme/ecwonaffiliate/imgs/spin1.png) center center no-repeat;background-size:100%;position: relative;height: 160px;}
.fancy .jSlots-wrapper ul {padding: 0; margin: 0; list-style-type: none; }
.spinbtn {width: 6%; position: absolute;bottom: -5px; left: 47%;}
.spinbtn img{width:100%;}
.fancy .slot li img{width:100%;}
.jSlots-wrapper {overflow: hidden; height: 20px;display: inline-block;}
.slot {float: left;}
input[type="button"] {display: block;}
/* ------------------------------FANCY--------------------------------- */
.fancy {width: 493px;padding-left: 0px;padding-top: 125px; margin: 0 auto;}
.fancy .jSlots-wrapper {overflow: hidden; height: 116px; display: inline-block;}
.fancy .slot li {width: 107px; margin: 18px auto; line-height: 100px;text-align: center;font-size: 124px;font-weight: bold;color: #d2a900;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);border-left: 1px solid #999;}
.fancy .slot li {border-left: none;}
.fancy .slot li span {display: block;}
/* ------------------------------ANIMATIONS----------------------------------------- */
@-webkit-keyframes winner {
0%, 50%, 100% { -webkit-transform: rotate(0deg); font-size: 70px; color: #fff; }
25% { -webkit-transform: rotate(20deg); font-size: 90px; color: #FF16D8; }
75% { -webkit-transform: rotate(-20deg); font-size: 90px; color: #FF16D8; }
}
@-moz-keyframes winner {
0%, 50%, 100% { -moz-transform: rotate(0deg); font-size: 70px; color: #fff; }
25% { -moz-transform: rotate(20deg); font-size: 90px; color: #FF16D8; }
75% { -moz-transform: rotate(-20deg); font-size: 90px; color: #FF16D8; }
}
@-ms-keyframes winner {
0%, 50%, 100% { -ms-transform: rotate(0deg); font-size: 70px; color: #fff; }
25% { -ms-transform: rotate(20deg); font-size: 90px; color: #FF16D8; }
75% { -ms-transform: rotate(-20deg); font-size: 90px; color: #FF16D8; }
}
@-webkit-keyframes winnerBox {
0%, 50%, 100% { box-shadow: inset 0 0 0px yellow; background-color: #FF0000; }
25%, 75% { box-shadow: inset 0 0 30px yellow; background-color: aqua; }
}
@-moz-keyframes winnerBox {
0%, 50%, 100% { box-shadow: inset 0 0 0px yellow; background-color: #FF0000; }
25%, 75% { box-shadow: inset 0 0 30px yellow; background-color: aqua; }
}
@-ms-keyframes winnerBox {
0%, 50%, 100% { box-shadow: inset 0 0 0px yellow; background-color: #FF0000; }
25%, 75% { box-shadow: inset 0 0 30px yellow; background-color: aqua; }
}
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.winner li { -webkit-animation: winnerBox 2s infinite linear; -moz-animation: winnerBox 2s infinite linear; -ms-animation: winnerBox 2s infinite linear; }
.winner li span { -webkit-animation: winner 2s infinite linear; -moz-animation: winner 2s infinite linear; -ms-animation: winner 2s infinite linear; }
.dp-highlighter ol { padding: 10px;}
/*----------------------PAGE ADMINLOGIN X-----------------*/
#theme-contain-adminloginx {padding-top: 50px;}
#theme-contain-adminloginx table {margin: auto;}
#theme-contain-adminloginx table tr td {height: 44px;border: 0px solid red;text-align:left;}
#theme-contain-adminloginx table tr div {border: 0px solid red;margin: 10px auto;}
#theme-contain-adminloginx table tr td textarea,#theme-contain-adminloginx table tr td input[type=text],#theme-contain-adminloginx table tr td input[type=password] {border-radius: 0px; padding: 8px;}
#theme-contain-adminloginx table tr td:first-child {height: 0;}
#theme-contain-adminloginx table tr:last-child td{text-align:center;}
.modal-header{ padding: 0 15px; }
/*---------------------- HOME ----------------------*/
#sf-marquee-00001{ padding: 0 35px; color: #fff; font-size: 14px; }
.marquee_box { background: #999; width:calc(100vw - 15px); margin: auto; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.announce-icon img { width: 20px; margin-left:10px; margin-top:3px; }
.announce-icon { position:absolute; }
#tab-demo { border: 0; background-color: #fcfcfc; width: 100%; overflow: hidden; margin: auto; position: relative; }
#tab-demo ul.tab-title { width: 100%; height: 40px; background: transparent; border: 0; margin: 0; padding: 0; }
#tab-demo ul.tab-title li { float: left; margin: 0; width: 15.5%; background: url(/theme/ecwonaffiliate/imgs/tabmobile-2.png) repeat-x 0px 0px; display: inherit; margin: 0 -1px; }
#tab-demo ul.tab-title li a { text-align: center; margin: 0 auto; display: block; font-size: 11px; color: #666; line-height: 38px; }
#tab-demo .active { width: 25% !important; background: url(/theme/ecwonaffiliate/imgs/tabmobile.png) no-repeat 0 -1px !important; border-bottom: 0 !important; height: 45px; background-size: contain !important; }
#tab-demo .active a { padding-top: 0px; font-size: 11px !important; color: #fff !important; line-height: 42px !important; position: relative; top: 2px; padding-left: 3px; line-height: 45px; }
#tab-demo .tab-inner { padding-top: 49px; margin-bottom: -49px; }
#tab-demo .tab-inner li { overflow: hidden; list-style: none; margin-bottom: 10px; }
#tab-demo .tab-inner li a { margin-top: 5px; margin-bottom: 5px; padding: 0; }
#tab-demo .tab-inner li a img { width: 100%; }
#tab06-1 { /*padding-bottom: 120px;*/ }
.homeAccordion { background-color: rgba(226,91,27,1); color: #fff; font-weight: bold; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 14px; border-top: 1px solid #fff; line-height:1.4; }
.homeAccordion:nth-child(1), .homeAccordion:nth-child(5), .homeAccordion:nth-child(9) { background: rgba(230,159,62,1); }
.homeAccordion:after { content: '\002B'; color: #fff; font-weight: normal; float: left; font-size: 28px; width: 8%; display: block; text-align: center; vertical-align: middle; line-height: 19px; }
.homeAccordion p { width: 92%; display: block; float: left; margin: 0; }
.homePanel { padding: 0 18px 0 18px; background-color: #007dc2; max-height: 0; color: #fff; overflow: hidden; transition: max-height 0.2s ease-out; line-height: 1.4; margin-top: -2px; }
.accoTitle { width: 90%; margin: 30px auto; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 1.4; color: #444; }
.buttonBox { width: 100%; position: absolute; top: 0; z-index: 2; text-align: center; }
button.homeAccordion.active:after { content: "\2212"; color: #fff; }
button.homeAccordion.active { background: #007dc2; color: #fff; }
.games { width: auto; height: 100%; position: relative; height: 350px; overflow-x: auto; top: 0; padding: 0 10px; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
.accoContainer a { color:rgba(230,159,62,1); }
/*---------------------- Mobile2 ----------------------*/
#theme-contain-mobile2 .div-iframe { width: calc(100% - 20px); margin: 10px auto; display: block; padding:0; }
.M2accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; font-weight:bold; border-radius: 6px; }
.M2accordion.active { color: #fff; background: #007dc2; border-radius: 6px 6px 0 0; }
.M2panel { padding: 0; display: none; background-color: white; overflow: hidden; background-color: #007dc2; border-radius: 0 0 6px 6px; margin-top: -2px; }
.M2panel h3 { margin:0; }
.M2accordion:after { content: '\002B'; font-size: 23px; color: #444; float: right; margin-left: 5px; font-weight:bold; line-height: 15px; }
.M2accordion.active:after { content: "\2212"; color: #fff; }
.cust-text { margin: 20px 10px; color:#fff; }
.moreDes { background-color: #eee; color: #444; padding: 18px; border: none; border-radius: 6px; font-size: 15px; line-height: 18px; }
/*---------------------- PROMOTION ----------------------*/
#promoPag { width: calc(100% - 20px); margin: 10px auto; display: block; }
.div-iframe { padding:0; }
.promocontent li { margin-bottom:5px; }
/* The Modal (background) */
.infoModal { display: none; position: fixed; z-index: 99; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
/* Modal Content */
.info-modal-content { background-color: #fefefe; margin: auto; width: 90%; border-radius: 6px; }
/* The Close Button */
.closeInfo1, .closeInfo2, .closeInfo3, .closeInfo4, .closeInfo5, .closeInfo6 { color: #fff; float: right; font-size: 28px; font-weight: normal; line-height: 56px; margin-right: 10px; }
/* Bottom Nav */
#theme-footer .material-icons { font-size:24px; }
.custom-bottom-navbar { background:#fff; bottom: 0; margin-bottom: 0; height:62px; position: fixed; right: 0; left: 0; z-index: 1; box-shadow: 1px 2px 17px 1px rgb(0 0 0 / 9%); }
.custom-bottom-navbar nav { display: grid; grid-template-columns:20% 20% 20% 20% 20%; }
.custom-bottom-navbar nav a { color:#777; padding: 6px 0; line-height: 1.5; color: inherit; text-decoration: none; }
.custom-bottom-navbar nav a:hover { text-decoration: none; }
.custom-bottom-navbar nav a span { display: block; text-align: center; }
.custom-bottom-navbar .glyphicon-bottom-navbar { font-size: 1.5em; margin-bottom: 10px; }
.custom-bottom-navbar .bottom-navbar-text { padding-bottom: 0; font-size: .85em; }
.custom-bottom-navbar .bottom-navbar-text { font-size:12px; }
.active1 { color:#007dc2 !important; }
#widget-global-fimmi8ha9k * { font-size: 10px !important; }
/* ------------------------------------- My CSS -------------------------------- */
/* Header Link */
/* The Close Button */
.close1, .close2 { color: rgba(0,0,0,0.2); font-size: 32px; font-weight: normal; }
.close1:hover, .close1:focus { color: #000; text-decoration: none; cursor: pointer; }
.close2:hover, .close2:focus { color: #000; text-decoration: none; cursor: pointer; }
/* The Modal (background) */
.modal-backdrop { z-index: 0; }
.modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal-dialog { margin: 90px auto; }
/* Modal Content */
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border-radius: 10px; width: 100%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.4s; }
.modal-content { background: linear-gradient(180deg, #493730, #927a6e); box-shadow: 0 0 15px #a0766085; text-align: center; }
.modal-header { padding: 0; border: unset; height: 0; position: absolute; top: 10px; right: 10px; z-index: 999; }
.modal-header { padding: 2px 16px; background-color: transparent; color: white; }
.modal-header .close { margin-top: -1px; padding: 8px 13px; background: #ec1c12; opacity: 1; border-radius: 50%; color: #fff; text-shadow: none; }
.modal-body { color: #ffffff; text-align: center; }
.modal-body { padding: 30px; text-align: left; line-height:18px; background: url(/theme/ecwonaffiliate/imgs/loginrebg.png); background-repeat: no-repeat; background-size: cover; background-position: center -20px; }
.modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; }
#customform { margin: 30px auto; width: 50%; }
.login-btm a { color: #fbc653; }
#registerBtn { padding: 0 10px; height: 32px; line-height: 32px; font-size: 12px; color: #ffffff; border: none; border-radius: 5px; background: linear-gradient(90deg, rgba(59,164,222,1) 0%, rgba(0,125,194,1) 100%); transition: background-color .5s ease,color .5s ease; }
#loginBtn { margin-right: 5px; padding: 0 10px; height: 32px; line-height: 32px; font-size: 12px; color: #ffffff; border: none; border-radius: 5px; background: linear-gradient(140deg, rgba(230,159,62,1) 0%, rgba(226,91,27,1) 100%); transition: all .36s ease-out 0s; }
#theme-header-link .material-icons { vertical-align: sub; line-height: 32px; font-size: 16px; }
img#regcaptcha { margin-top: 10px; }
#remoteloginform input, input#customform_UserName, input#customform_Password, input#customform_varifycode, input#registerform_UserName, input#registerform_Password, input#registerform_CPassword, input#registerform_FullName, input#registerform_Mobile, select#registerform_Currency, input#registerform_varifycode, input#registerform_Email, input#registerform_PromotionCode { display: block; width: 100%; height: 34px; padding: 0 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: rgba(255, 255, 255, 0.5); background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
input.btnCheckUser { margin-top: 10px; background: linear-gradient(140deg, rgba(230,159,62,1) 0%, rgba(226,91,27,1) 100%);
color: #fff; border: none; border-radius: 6px; padding: 5px 10px; text-transform: capitalize; }
input#registerform_btnSubmit, input#remoteloginformsubmit, input#customform_submit { width: 50%; height: 40px; color: #fff; border: none; background: #fe5501; border-radius: 4px; font-weight:bold; text-transform: uppercase; -webkit-appearance: none; }
div#registerform_FullNameDescription, div#registerform_UserNameMsg, div#registerform_PasswordMsg, div#registerform_CPasswordMsg { margin-top: 5px; color: red; font-style: italic; }
/*--------------------------PROMOTION------------------*/
#answer .popup::-webkit-scrollbar {display: none;}
#answer #popupAnnounce ul>li:not(:last-child):after{display:none;}
#answer #popupAnnounce ul { margin: 0;padding: 0px 23px; text-align: justify;}
#answer #popupAnnounce ul>li {padding: 5px;}
.ansbnr{width:100%;margin:auto;}
.ansbnr img{width:100%;}
.ans-ctn h5 {margin-top: 0; text-align: center; color: #8a6d3b;font-weight: bold;font-size: 16px; letter-spacing: 1px;}
ol#faq_modal{padding:0;margin:0;text-align:center;}
ol#faq_modal li.question {display: inline-block; width: 23%;border: 0px solid red; background: #e6e6e6; min-height: 350px; border-radius: 7px;vertical-align: top;}
#question #divAnnouncement-main {width: 100%;background: #a49145;padding: 10px;text-align: center;border-top: 0px solid #dddde4; border-bottom: 0px solid #dddde4;}
.promom {width:100%;}
.promom img{width:100%; border-radius: 7px 7px 0 0;}
a .promo-top p{color:#555;text-decoration:none;font-size:12px;text-align:center;}
a .promo-top h3{font-size:18px;color:#000;text-align:center;}
li.question a:hover {text-decoration:none;}
.info-btn {
cursor: pointer;color: #fff;font-size: 15px;text-align: center;padding: 10px; background: linear-gradient(90deg, rgba(59,164,222,1) 0%, rgba(0,125,194,1) 100%); width: 50%; margin: 25px auto;border-radius: 7px;
}
.fancybox-overlay {display: none;}
.fancybox-opened .fancybox-skin {box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);}
.fancybox-opened {top: 0 !important; left: 0 !important;width: 100% !important;position: fixed !important;overflow:scroll !important; overflow-x:hidden !important;height: 100% !important;}
.fancybox-outer, .fancybox-inner {width: 100% !important; height: 100% !important;}
.fancybox-close { top: 0; right: 0;}
.fancybox-outer::-webkit-scrollbar, .fancybox-inner::-webkit-scrollbar { display: none; }
.fancybox-wrap::-webkit-scrollbar { display: none; }
.ans-ctn {padding: 30px 20px;}
.promocontent {text-align: justify;}
.promocontent ul{padding-left:10px;}
p.ans-title { text-align: center; padding: 20px 50px; margin: 0; background: linear-gradient(140deg, rgba(230,159,62,1) 0%, rgba(226,91,27,1) 100%); color: #fff; font-weight: bold; border-radius: 6px 6px 0 0; }