@import url("/theme/Default/style.css");
@import url("/theme/ecity888m/font/font.css")
@viewport {
width: device-width;
zoom: 1;
}
html,body{
height:100%;
width:100%;
height:100%;
margin:0px;
padding:0px;
font-size:12px;
font-family:'helvetica',sans-serif;overflow-x:hidden !important;
}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;}
html,body{
height:100%;
width:100%;
height:100%;
margin:0px;
padding:0px;
font-size:12px;
}
textarea, input[type=text], input[type=password] {
width: 100%;
border: 1px solid #333333;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding: 15px;
}
input#customform_submit {
padding: 15px;
width: 100%;
border-radius: 50px;
border: 0px solid red;
background: linear-gradient(#980000,#4c0000);
color: #fff;
text-transform: uppercase;
font-size: 15px;
}
#theme{
display:block;
height:100%;
width:100%;
background: #fff;
}
.themetbl {display:table;}
.themetblrow {display:block;}
.themetblcell {display:block;}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:500px; }
#theme-frame{margin:auto;width:100%;}
#theme-header { }
#theme-header-content { position:relative;background: linear-gradient(#980000,#4c0000); }
#theme-menu{ height:32px; z-index:500; position:relative;}
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both; position:relative;}
#theme-footer {
background: linear-gradient(#8c8c8c,#464646);
clear: both;
padding: 20px;
padding-top: 0;
padding-bottom: 20px;
border-top: 2px solid #fff;
z-index: 99;
left: 0;
right: 0;
}
#theme-title { padding-left:10px;}
#theme-lang {position:absolute; left:0px; top:0px;}
#theme-header-link {position:absolute; right:0px; top:0px;}
#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;}
#theme-header-link a,
#theme-header-link a:visited { color:#000; text-decoration:none; padding:2px 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#theme-header-logo img { width:100%;}
.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:100%; height:100%; min-height:350px; padding-top:10px;}
.themetbl .cellbox > li {display:inline-block; vertical-align:top; }
.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:770px; height:100%; min-height:350px;}
.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef; width:190px; height:100%; min-height:350px; display:inline-block;}
#theme-nav { clear:both; padding:10px; background:#efefef; display:block; }
#theme-nav ul {margin:0px; padding:0px; list-style:none; }
#theme-nav ul li { display:inline; }
#theme-nav ul li a,
#theme-nav ul li a:visited { color:#000000; text-decoration:none; font-weight:bold; padding:0px 10px 0px 10px; background:url(icon/arrow-v.png) left no-repeat; }
.loginbar { line-height: 46px;
margin: 5px auto 0;
width: 100%;
text-indent: 25px;
font-size: 11px;
background: url(/theme/ecity888m/imgs/Login_joinbar.png);
background-size: cover;
letter-spacing: 0;
}
.logo {
width: 44px;
margin: auto;
line-height: 39px;
padding: 6px 0;
}
/*--------------------------------MENU------------------------------*/
#divMenu{position:fixed; width:0; height:100%; left:0; right:0; top:0; bottom:0; margin:0;z-index:9999;}
#divMenu.active{width:100vw;}
#cssmenu{height:100%; position:fixed; left: -53%; -webkit-transition:left 0.8s; transition:left 0.5s; overflow:auto;
margin: 0;
width: 50%;
border-radius: 0 30px 30px 0;
height: 100vh;
background: linear-gradient(
90deg
,rgba(66,4,4,1) 0%,rgba(99,6,6,1) 12%,rgba(66,4,4,1) 26%,rgba(213,213,213,1) 26%,rgba(218,218,218,1) 26%,rgba(250,250,250,1) 68%,rgba(213,213,213,1) 100%);
filter: drop-shadow(2px 4px 13px black);
}
#divMenu.active #cssmenu{left:0;}
#cssmenu:after{content:"";}
#cssmenu::-webkit-scrollbar {display: none;}
#tab-home::-webkit-scrollbar {display: none;}
#cssmenu > ul:after{content:"";}
#cssmenu > ul > li{float:none;}
#cssmenu > ul > li.active > a,#cssmenu > ul > li:hover > a {color:#ffbe4d;}
#cssmenu > ul > li > a {
min-width: 100px;
min-height: 100px;
padding: 0!important;
font-size: 15px;
width: auto!important;
font-weight: 700;
color: #550505;
text-align: left;
}
#cssmenu > ul > li > a:hover{text-decoration:none;}
#cssmenu > ul > li > a > img {display:block; padding-bottom:5px;width:40px;margin:auto;}
#cssmenu .submenu-button { position: absolute;z-index: 10; right: 0;top: 0;display: block; border-left: 0px solid rgba(120, 120, 120, 0.15); height: 100%;width: 22px; cursor: pointer;}
#cssmenu .submenu-button::before {content: "\f0d7"; font-family: 'fontawesome'; position: absolute;left: 6px;top: 15px;color: #0054ab; display: block; z-index: 99;}
span.side-icon {background: url(/theme/ecity888m/imgs/side-icon.png);background-position: -24px -11px;width: 50px;height: 40px;background-size: 450px;display: inline-block;vertical-align: middle;}
#cssmenu ul li:nth-child(2) .side-icon {background-position: -69px -10px;}
#cssmenu ul li:nth-child(3) .side-icon {background-position: -113px -10px;}
#cssmenu ul li:nth-child(4) .side-icon {background-position: -158px -10px;}
#cssmenu ul li:nth-child(5) .side-icon {background-position: -203px -10px;}
#cssmenu ul li:nth-child(6) .side-icon {background-position: -248px -10px;}
#cssmenu ul li:nth-child(7) .side-icon {background-position: -293px -10px;}
#cssmenu ul li:nth-child(8) .side-icon {background-position: -382px -10px;}
#cssmenu ul li:nth-child(9) .side-icon {background-position: -24px -46px;}
#cssmenu ul li:nth-child(10) .side-icon {background-position: -83px -46px;}
#cssmenu ul li:nth-child(11) .side-icon {background-position: -259px -46px;}
#cssmenu ul li:nth-child(12) .side-icon {background-position: -144px -46px;}
#cssmenu ul li:nth-child(13) .side-icon {background-position: -202px -46px;}
/*===============HAS SUB=================*/
#cssmenu ul li.has-sub ul li {border: 0px solid white;padding: 10px 0;}
#menu-button {display: none;}
li.has-sub {position: relative;}
li.has-sub ul { display: none !important;}
li.has-sub ul.open {display: block !important;}
li.has-sub ul li a p {font-size: 9px !important;}
/*===============HAS SUB=================*/
.menu-new{position:absolute; top:0; left:0; width:35px;}
#btnMenu {
position: absolute;
top: 4px;
left: -10px;
padding: 10px;
cursor: pointer;
z-index: 99;
}
#btnMenu>div{}
#btnMenu span {
width: 30px;
height: 3px;
display: block;
background: #ffffff;
margin: 0 auto 6px;
border-radius: 30px;
}
#btnMenu span:nth-child(2){width:20px;margin-left:0;}
#cssmenu > ul > li > a span:nth-child(2) {margin-left: 10px;}
.homeprod-icn ul li a {color: #000;}
.scrolling-txt marquee ul li {display: inline-block;}
#sidebar-wrapper::-webkit-scrollbar {display: none;}
#cssmenu ul {padding: 0;margin: 0;}
#cssmenu ul li { padding:0px; display: block; }
#cssmenu ul li p{font-size: 14px;letter-spacing: 0.3px;margin-bottom:0;}
#cssmenu ul li.has-sub ul li a {color: #fff;font-size: 14px;letter-spacing: 0.3px;text-decoration: none;}
/*==MENU LEFT==*/
.webpage-livecasino footer,.webpage-lottery footer,.webpage-sportsbook footer,.webpage-slotgames footer,.webpage-promotion footer,.webpage-poker footer,.webpage-battle footer,.webpage-contact-us footer,.webpage-m-sport footer,.webpage-s-sport footer,
.webpage-e-sport footer,.webpage-maxbet footer { display: none;}
.webpage-home #navbar,.webpage-login #navbar,.webpage-registration #navbar,.webpage-m-sport #navbar,.webpage-s-sport #navbar,.webpage-e-sport #navbar,.webpage-maxbet #navbar {display: none;}
.container-margin {margin: 0 30px 0 105px;}
.page-home .navbar-right {display:none;}
.navbar-right {text-align: center;width: 14%;padding: 7.5px 0;background: linear-gradient(to bottom, #DCDCDC, #FFFFFF, #DCDCDC);border-radius: 0px 20px 20px 0px;position: fixed;filter: drop-shadow(2px 4px 3px #888); top: 43%;left:0;z-index: 999;border: 0px solid red;
height: 325px;
overflow: hidden;}
.navbar-right #cssmenu {left: 0 !important;}
.navbar-right #cssmenu > ul > li > a span:nth-child(2) {
margin-left: 0;
}
.navbar-right #cssmenu {
width: unset;
border-radius: 0;
background: transparent;
filter: unset;
}
.navbar-right .side-icon {background: url(/theme/ecity888m/imgs/side-icon.png) no-repeat;background-position: -24px -11px;width: 50px;height: 40px; margin: auto; background-size: 450px; display:block; vertical-align: middle; filter: contrast(0.1);margin-bottom: -9px;margin-top: 0;}
.navbar-right li {display:none;}
.navbar-right li:nth-child(1n+8) {display:block !important;text-align:center;}
.navbar-right li a {padding:0;}
.navbar-right li a:hover {background:none;color:#000;}
.navbar-right li:nth-child(8) .side-icon {background-position: -382px -10px;}
.navbar-right li:nth-child(9) .side-icon {background-position: -24px -46px;}
.navbar-right li:nth-child(10) .side-icon {background-position: -83px -46px;}
.navbar-right li:nth-child(11) .side-icon {background-position: -259px -46px;}
.navbar-right li:nth-child(12) .side-icon {background-position: -144px -46px;}
.navbar-right li:nth-child(13) .side-icon {background-position: -202px -46px;}
.navbar-right li span {font-size: 8px;}
.navbar-right #cssmenu ul li{display:none;}
.navbar-right #cssmenu ul li a {color: #8c8c8c;}
.navbar-right #cssmenu ul li.active:before {
content: '';
border-left: 3px solid #7c0000;
height: -webkit-fill-available;
position: absolute;
left: 0;height:53px;
}
button.backbtn {
background: linear-gradient(#980000,#4c0000);
padding: 10px 15px;
border: none;
border-radius: 30px;
color: #fff;
font-size: 12px;
width: 17%;
margin-left: 10px;
}
button.homebtn {
background: linear-gradient(#980000,#4c0000);
padding: 10px 30px;
border: none;
border-radius: 30px;
color: #fff;
font-size: 12px;
width: 68%;
margin: 10px;
}
/*==BANNER==*/
.carousel-control.left,.carousel-control.right {display:none;}
.hidden-xs { display: block !important;}
.carousel-indicators{ bottom: -5px;}
.carousel-indicators li {width: 25px;height: 2px;margin: 0px 3px;background-color:#830707;border:unset;box-shadow: 0 1px 1px 1px #000;}
.carousel-indicators .active { width: 25px;height: 2px; margin: 0px 3px; background-color: #fff;}
.flexslider {margin: 0px;background: #fff;border: 0px solid #fff;}
/*==SCROLLING TEXT MARQUEEEEEEE==*/
.scrolling-txt {position: relative;}
.scrolling-txt marquee {height: 25px;background-image: linear-gradient(#ffcb4d,#c58500,#ffcf4d);color: #fff;font-size: 12px;padding-top: 5px;text-shadow: 0px 0px 3px black;}
.scrolling-icn {width: 50px;height: 25px;margin-top: 0;margin-left: 0;z-index: 4;background-image: url(/theme/ecity888m/imgs/announcement_holder_icon.png); background-size: cover;position: absolute;z-index: 99; top: 0;left: 0;}
/*==BELOW BANNER SECTION==*/
.welcome {margin-top: -5px; height: 54px;}
.welcome-left,
.welcome-right {}
.welcome-left {width:25%; margin-left: 12px;float:left;}
.welcome-right {width: 67%;background-image: url(/theme/ecity888m/imgs/shortcut_icons_bar.png);background-size: cover;padding-left: 14px;margin-left: 2px;float:right;}
.welcome-right ul {padding:0;margin:0;text-align:center;}
.welcome-right ul li { display: inline-block; text-align: center;width: 15%; margin: 0px 8px -6px;}
.welcome-right ul li img {width:100%;}
.welcome-right p {color: #fff;font-size: xx-small;font-weight: bold;}
p.black {font-size: 11px;line-height: 0;margin-top: -14px;}
p.red { font-size: 13px;color: maroon; line-height: 3;}
.bg {background: linear-gradient(to bottom,#ffffff,#DCDCDC);padding-bottom: 10px;min-height: 80vh;}
/*==HOME PRODUCT ICON==*/
.homeprod-icn {text-align: center;padding-top: 10px;clear: both;}
.homeprod-icn ul {padding: 0;margin: 0;}
.homeprod-icn ul li {display: inline-block;width: 15%;}
.homeprod-icn ul li img { width: 90%;}
.homeprod-icn ul li p {font-size: 10px;margin-top: 4px;font-family: 'helveticaneue',sans-serif;}
/*==SLIDE SECTION==*/
.slide-prod {overflow-x: scroll;padding: 10px 0;}
.slide-prod ul {padding: 0;margin: 0;width: 90vw;display: inline-flex;}
.slide-prod ul li {width: 80%;display: inline-block;margin: 0 10px;min-width: 300px;}
.slide-prod ul li img {width: 100%;border-radius: 15px;}
.title-bg{width: 100%;margin: 0; position: relative;}
.title-bg:before {position: absolute;top: 30%;transform: translateY(-50%);right: 20px;content: "\f054";font-family: FontAwesome;color: maroon;animation: arrowmove linear 0.5s;
animation-iteration-count: infinite;}
.title-bg h5 {font-weight: bold;background: linear-gradient(#980000,#4c0000);padding: 10px 20px;border-radius: 30px;color: #fff; font-size: 20px; width: fit-content;margin-left: 10px;}
p.promo-title {padding: 10px 20px;background: #dba01d;border-radius: 30px;margin: 10px 0;text-align: center;font-size: 13px;color: #000;}
@keyframes arrowmove{0% {transform: translate(-20px,0px) ;}100% {transform: translate(0px,0px);}}
.line {border: 1px solid white;margin: 30px 0;}
.slide-prod.sect-4 ul li{width: 68%;}
/*==FOOTER==*/
.copyright { padding: 10px 0;}
.copyright p { color: #fff;font-size: 11px;margin: 10px 0;}
.copyright img {width: 30%;margin: auto;}
footer.footer {background: linear-gradient(#8c8c8c, #464646); padding-top: 0;padding-bottom:20px;position:absolute;z-index:99;left: 0; right: 0;}
.footer-top > p {color: #fff; font-size: 13px;text-transform: uppercase;padding:5px 0;border-bottom:1px solid white;}
.footer-top > img {width: 100%;}
.home-info {padding: 20px;text-align: justify;line-height: 20px;background: grey;margin: 10px;border-radius: 20px;}
.home-info h3 {color: #770101;font-weight: bold;}
.home-info p { color: #ffffff;}
.contact ul {padding: 0;margin: 0;}
.contact ul li {display: block;}
.contact ul li img {width: 15%;padding:5px;}
.contact ul li a {font-size: 13px;color: #fff;}
.contact,.quicklink, .licence {padding-bottom:20px;}
.licence ul {padding: 0;margin: 0;}
.licence ul li {display: inline-block;width: 31%;padding:0 10px;}
.licence ul li img {width: 100%;}
.quicklink ul {padding:0;margin:0;}
.quicklink ul li {display:inline-block;width:49%;}
.quicklink ul li:nth-child(2n+2) {text-align: right;}
.quicklink ul li a {color:#fff; font-size: 15px;}
.seo {padding: 20px;background: grey;margin-top: 10px;border-radius: 12px;text-align: justify;}
.seo h4 {font-weight: 700;font-size: 14px;color: #870000;}
.seo p {color: #dcdcdc;font-size: 11px;}
/*===SPORTSBOOK===*/
.sports {margin-top: 5px;}
.sports ul {padding: 0;margin: 0;}
.sports ul li {display: inline-block;width: 100%;padding: 5px 0;position: relative;}
.sports ul li:hover {transform: scale(0.8);transition: .3s;}
.sports ul li img {width: 100%; border-radius: 8px;}
.sports ul li p {position: absolute;border: 0px solid red;color: #a20d07;font-weight: bold;}
.sports ul li p.lplay{bottom: 4px;left: 40px;}
.sports ul li p.rplay{bottom: 4px;right: 32px;}
.page-casino .sports ul li,
.page-slotgames .sports ul li,
.page-download .sports ul li {display: inline-block;width: 48.9%;padding: 5px 0;}
/*===LOTTERY / TOGEL===*/
.lot-prod ul {padding: 0;margin: 0;text-align: center;}
.lot-prod ul li {display: inline-block;width: 20%;margin: 0 10px;}
.lot-prod ul li img {width: 100%;}
.lottab {text-align: center;margin: auto;padding: 10px 0;background: transparent; color: #0073ba;}
.lottab ul {margin:0; padding:0;}
.lottab table {background: #a8a8a8;border: 0px solid #102632;width: 100%;margin: auto;font-size: 11px;text-align:center;}
.lottab table tbody tr:first-child {background: #800000;border: 1px solid maroon;}
.lottab table tbody tr:first-child th {color: #fff;padding: 10px 4px;text-align:center;}
.lot-popup {
background: linear-gradient(#464646,#797979,#464646);
font-size: 14px;
border: 2px double #353535;
margin: 10px 0; width: 60%;
}
.lot-popup:focus, .lot-popup:hover {
background: linear-gradient(#1b1b1b,#3a3a3a,#1b1b1b);
border: 1px solid #000;
}
.page-lottery .container-margin {text-align: center;}
.lotto-drawresult .col-sm-4 {padding: 0;}
/*==DOWNLOAD==*/
.page-download h4 {font-weight: bold; text-transform: uppercase;font-size: 17px; margin-top: 20px; color: #750000;}
/*==CONTACT PAGE==*/
/*
.contact-us {
text-align: center;
}
.contact-us img:nth-child(2),.contact-us img:nth-child(5) {
width: 60px;
}
.contact-us img {
width: 80px;
}
.contact-us p {font-size:10px;}
.border-contact:nth-child(odd) {
background: linear-gradient(#980000,#4c0000);
color: #fff;
}
.border-contact {
border-radius: 10px;
padding: 5px;
margin: 10px 0;
color: #970101;
background: linear-gradient( #3a3a3a, transparent);
}
.contact-us img.qr {
width: 70%;
}*/
.contact-us ul {padding:0;margin:0;}
.contact-us ul li {display: block;padding: 15px;border-bottom: 1px solid #ebebeb;}
.contact-us ul li i.fa {font-size: 34px;border: 0px solid red;width: 43px;text-align: center;color: #6a0000;margin-right: 10px;vertical-align: top;}
.ctc-txt {border: 0px solid red;display: inline-block;font-size:11px;}
.ctn-ctc ul li p.ctcpix {margin: 16px auto 0;width: 58%;}
.ctcpix img {width: 80%;margin-top:10px;}
/*==LOGIN & REGISTER PAGE==*/
.login-reg-tab {float:right;}
.login-reg-tab .isactive.btn { background: url(/theme/ecity888m/imgs/buttonactive.png)center center no-repeat; background-size: cover; height: 50px; width: 145px;}
.login-reg-tab .btn { background: url(/theme/ecity888m/imgs/buttonnormal.png)center center no-repeat; background-size: cover; height: 50px; width: 146px; font-size: 11px; font-size: 12px; letter-spacing: -1px; color: #7d0000;}
.login-reg-tab .btn:nth-child(1) {border: 0px solid red;margin-right: -57px;}
.page-login #cmscontent .container,
.page-registration #cmscontent .container {clear: both;}
.page-login .loginbar,
.page-registration .loginbar {display:none;}
.reg-txta::after {content:"REGISTER HERE";animation: changeText 3s infinite;animation-delay:2s;margin-left: 33px;}
@keyframes changeText { 0% {content:"REGISTER HERE";} 100% {content:"JOIN NOW";}}
::placeholder {font-size: 13px;color: #6a00007a !important;}
form#memberloginform img,
#regform img {width: 140px;margin-top: 10px;}
/*-------------------LOGIN/REG------------------*/
form#customform {padding-top: 90px;}
a.clickregis {text-decoration: none;line-height: 50px;color: #6d0101;font-weight: bold;}
#regform input {border-radius: 30px;border: #000 1px solid;}
form#registerform dl dt {display: none;}
form#registerform {margin: 50px auto;}
input#registerform_UserName {width: 68%;}
input.btnCheckUser {padding: 16px 13px;border-radius: 30px;border: 0px solid red;background: #770000;color: #fff;text-transform: uppercase;}
select#registerform_Currency {width: 100%;padding: 15px;border-radius: 30px;background: #fff;}
dl#groupVerifyCode dd {width: 50%;display: inline-block;}
input#registerform_btnSubmit {
padding: 15px;
width: 100%;
border-radius: 30px;
background: #770000;
border: 0px solid red;
color: #fff;
text-transform: uppercase;
font-size: 15px;}
.small, small {font-size: 90%;padding: 5px 0 0;color: #bb0808;}
img#regcaptcha {width: 85%;}
#theme-contain-adminloginx table {margin: auto;}
.template-register h2 {font-weight: bold;text-transform: uppercase;color: #830101;}
#template-faq .faq .answer h1 {font-size: 19px;font-weight: bold;color: maroon;margin-top: 22px;}
#template-faq ol {padding: 0;margin: 0;}
#template-faq ol li {display: inline-block;width: 100%;}
#template-faq ol li img {width: 100%;}
body.cmsview { padding-top: 48px;}
.navbar {min-height:48px;}
.header-link { position: absolute; top: 3px; right: 0;}
.lang {padding-top: 30px; margin: 20px;border-radius: 20px; border: 2px solid gold;}
.langicon {margin: 20px; display: inline-block; width: 45%;}
.langicon img { width: 100%;filter: drop-shadow(0px 7px 6px #b1b1b1);}
.langicon p { font-weight: bold; margin-top: 20px; font-size: 20px; color: #c30000;}
.slide-prod ul li img {padding: 10px; background: linear-gradient(#980000,#4c0000);}
p.promo-title {font-size: 13px; color: #930101; font-weight: bold; margin: 4px 0; border-radius: unset;background:unset;}
.navbar-right .nav li:nth-child(12) span { line-height: 0;}
/*---END---*/
.page-memberlogin .navbar-right,
.page-reg .navbar-right {display:none;}
.page-livecasino .footer {display:none;}
.page-livecasino .sports ul li {display: inline-block;width: 48.9%;padding: 5px 0;}
.template-memberlogin {background: #ffffff00;}
.page-memberlogin #cmscontent .container,
.page-reg #cmscontent .container {clear: both;}
/*-----------------------------------LOTTERY---------------------------------*/
.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 {display: none;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: 42%;border: 0px solid red;}
#Magnumimg {background: url(/theme/ecity888m/imgs/4D_magnum.png) left no-repeat #383838; height: 50px;width: 85px;}
#PMPimg {background: url(/theme/ecity888m/imgs/4D_damacai.png) left no-repeat; height: 50px;width: 85px;}
#Totoimg {background: url(/theme/ecity888m/imgs/4D_toto.png) left no-repeat; height: 50px;width: 85px;}
#Singaporeimg {background: url(/theme/ecity888m/imgs/4D_sgpool.png) left no-repeat; height: 50px;width: 85px;}
#Sabahimg {background: url(/theme/ecity888m/imgs/4D_sabah88.png) left no-repeat; height: 50px;width: 85px;}
#Sandakanimg {background: url(/theme/ecity888m/imgs/4D_stc.png) left no-repeat; height: 50px;width: 85px;}
#Sarawakimg {background: url(/theme/ecity888m/imgs/4D_cashsweep.png) left no-repeat; height: 50px;width: 85px;}
#GDLottoimg {background: url(/theme/ecity888m/imgs/4D_gdlotto.png) left no-repeat; height: 50px;width: 85px;}
#Perdanaimg {background: url(/theme/ecity888m/imgs/4D_perdana.png) left no-repeat; height: 50px;width: 85px;}
#LuckyHari-Hariimg {background: url(/theme/ecity888m/imgs/4D_luckyharihari.png) left no-repeat; height: 50px;width: 85px;}
#GOOD4Dimg {background: url(/theme/ecity888m/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: center;}
#datetime label {background: transparent;}
#datetime .col-sm-12 {padding: 0;}
.panel.panel-default { background-color: #2e2e2e;}
.panel-body label {color: #fff;background: #404040;padding: 4px; width: 100%; margin: 0;}
#TopThree, #Special, #Consolation {padding: 10px 20px;}
.popwin {color: #fff;}
#TopThree {padding-top:20px;}
#Consolation {padding-bottom: 20px;}
/*-----lott change-------*/
.panel-body #TopThree .col-sm-4 {padding: 1px; width: 100%; border-bottom: 3px solid #404040;}
.panel-body #TopThree .col-sm-4 label, .panel-body #TopThree .col-sm-4 div {background:transparent;display: inline-block;width: 50%;margin-left: -4px;vertical-align: middle;font-size: 20px;font-weight: unset;}
#Special,#Consolation {text-transform: uppercase;}
#Special .row, #Consolation .row{border: 2px solid #404040;}
#Special .col-sm-3, #Consolation .col-sm-3 {border: 1px solid #404040;display: inline-block;width: 33.33%;font-size: 17px;padding: 2px 0;}
.panel-heading .col-sm-2 {display: none;}
.logo div {display: inline-block;text-align: center; vertical-align: middle;}
#GDLotto,#Toto-5D,#Toto-6D{display:none;}
#theme-contain-lottery .modal-dialog {
margin: 0;
width: 100%;
overflow: hidden;
}
.lottab{margin:0px 0px 40px;}
.lott .col-sm-6{padding:0;}
.lottab ul {padding: 0; margin: 0; text-align: center;}
.lottab ul li {display: inline-block; border: 0px solid forestgreen; margin: 0px auto;padding: 0;width:100%;}
.lottab ul li h4{color:#fff;letter-spacing: 1px;color: #8d0000;}
.lottab ul li h4 font{font-size: 16px;}
.lottab table{width:100%; text-align:center;}
#drawresult ul > li ol {text-align: center;}
.lottab table tr td { padding: 8px 2px; border: 1px solid #b10202; background-color: #ffffff; color: #161616;}
.lotterybox{ text-align: center; margin-bottom:20px;}
#drawresult ul > li ol li {padding: 0px 8px !important;}
.lotterybox #drawresult ul > li { width: 210px; border: 1px solid #4a4628; margin: 5px; padding: 10px; text-align: center; font-size: 11px; background: #e5c456;border-radius: 0px; }
.lotterybox #drawresult ul > li table tr td {color: #161616; border-top: 1px solid #161616;}
.lotterybox #drawresult ul > li table caption {background: #b88f23 !important; text-align: center; padding-left: 0px !important; border-radius: 0px;}
.tab-pg {margin-top: 20px;}
.tab-pg .tab {background-color: #323232; text-align: center;}
.tab-pg .tab button {background: #5f5f5f;border: 0px solid red;color: #fff;padding: 14px 0;display: inline-block;margin-left: -4px;width: 50%;font-size: 15px;}
.tab-pg .tab button:first-child {margin-left: 0;}
.tab-pg .tab button.active {background-color: #860000 !important;}
.tab-pg .tab button:focus {outline: -webkit-focus-ring-color auto 0px;}
ol#faq_modal {padding: 0;margin: 0;}
ol#faq_modal li{display:block;margin: 10px auto;border-radius: 5px;overflow: hidden;}
li.question img { width: 100%;}
.fancybox-inner img {width: 100%;}
.fancybox-inner {padding: 10px 8px; width: 100% !important;}
.fancybox-opened .fancybox-skin { width: 100% !important;}
.fancybox-opened,.fancybox-wrap {width: 85% !important;left: 0 !important;right: 0; margin: auto;}
.promocontent table {border: 1px solid #868686 !important;background: #e0e0e0;}
.promocontent table tr {border: 1px solid #868686;}
.promocontent table tr th, .promocontent table tr td {border: 1px solid #868686;text-align: center;}
.promocontent table tr th {background: #4a0303;color: #fff;}
.promocontent ul, .promocontent ol {padding: 0;}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*===========================MOBILE SCREEN===========================*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
@media all
and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2)
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2)
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1)
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2)
and (max-width: 1024px), only screen and (min-resolution: 192dpi)
and (max-width: 1024px), only screen and (min-resolution: 2dppx)
and (max-width: 1024px) {
#theme-frame{width:100%;}
#theme-frame-panel{ display:block; width:100%;}
.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:90%; height:100%; min-height:350px;}
.themetbl .cellbox > li {display:block; vertical-align:top; }
.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:100%; height:100%; }
.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef; width:100%; height:100%; display:inline-block;}
.hiddenNav {width: 100%;}
}
/*=============================================================*/
/*------------------------- MOBILE VIEW LANDSCAPE ---------------------------*/
/*=============================================================*/
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.navbar-right {width: 14%;top: 17%;height: 300px;}
.navbar-right #cssmenu ul { margin: 0 22px;}
.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}
#cssmenu {width: 28%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}
.welcome-right {width: 57%;}
p.red {font-size: 18px;}
p.black {font-size: 15px;}
.container-margin {margin: 37px 9px 0px 85px;}
.hiddenNav .nav.navbar-nav{background: linear-gradient(90deg, rgba(66,4,4,1) 0%, rgba(99,6,6,1) 12%, rgba(66,4,4,1) 15%, rgba(213,213,213,1) 15%, rgba(218,218,218,1) 18%, rgba(250,250,250,1) 67%, rgba(213,213,213,1) 100%);}
.hiddenNav .nav.navbar-nav { width: 32%;overflow: scroll;}
.contact-us p {font-size: 17px;}
.page-casino .sports ul li, .page-slotgames .sports ul li, .page-download .sports ul li {width:32%;}
.langicon {width: 20%;}
input#registerform_UserName {width: 83%;}
.page-sportsbook .sports ul li {width: 49%;}
.page-lottery .sports ul li{width: 49%;}
.licence ul li {width: 10%;}
.sports ul li p.lplay {bottom: 7px;left: 53px;}
.sports ul li p.rplay {bottom: 7px;right: 47px;}
}
/*=============================================================*/
/*-------------------------- iPhone 6/7/8 plus portrait ----------------------------*/
/*=============================================================*/
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
.navbar-right {width: 18%;}
.page-sportsbook .sports ul li { width: 100%;}
.ctc-txt {font-size:10px;}
}
/*=============================================================*/
/*----------------------- iPhone 6/7/8 plus landscape ---------------------------*/
/*=============================================================*/
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 3) {
p.red {font-size: 17px;margin-top: 11px;}
p.black {font-size: 14px;}
.slide-prod ul li {width: 26%;}
.hiddenNav .nav.navbar-nav{width: 26%; overflow: scroll;}
.navbar-right{width: 10%;top: 17%;}
.container-margin {margin: 0px 30px 0px 105px;}
.sports ul li {width:32%;}
.page-sportsbook .sports ul li {width: 49%;}
.page-lottery .sports ul li{width: 49%;}
.licence ul li {width: 10%;}
.contact ul li {display: inline-block;width: 49%;}
}
/*=============================================================*/
/*----------------------------- iPhone X portrait -----------------------------------*/
/*=============================================================*/
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {
.navbar-right {top: 35%;}
}
/*=============================================================*/
/*----------------------------- iPhone X landscape --------------------------------*/
/*=============================================================*/
@media only screen
and (device-width : 812px)
and (device-height : 375px)
and (orientation : landscape)
and (-webkit-device-pixel-ratio : 3) {
#memberloginform .form-group .col-sm-8,
#memberloginform .form-group .col-sm-6 {float:none;}
#memberloginform .form-group .col-sm-offset-4 {margin-left:0;}
.licence ul li {width: 10.4%;}
.contact ul li {display: inline-block;width: 49%;}
.page-sportsbook .sports ul li {width: 49%;}
.page-lottery .sports ul li{width: 49%;}
.licence ul li {width: 10%;}
input#registerform_UserName {width: 84%;}
#cssmenu {width: 23%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}
.navbar-right {width: 14%;top: 47%;height: 158px;}
.navbar-right #cssmenu ul { margin: 0px;}
.navbar-right li:nth-child(1n+8) {display: inline-block !important; text-align: center;width: 45%;position: relative;}
.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}
.lotto-drawresult .col-sm-4 {width: 47%;margin: 10px;}
.tab-pg {margin-top: 70px;}
.navbar-right #cssmenu ul li.active:before {height: 47px;}
img#regcaptcha {width: 46%;}
.ctcpix img {width: 24%;}
.langicon {width: 20%;}
.sports ul li p.lplay {bottom: 11px;left: 68px;}
.sports ul li p.rplay {bottom: 11px;right: 59px;}
}
/*=============================================================*/
/*------------------------- Mi 9T PRO / SAMSUNG A50 --------------------------*/
/*=============================================================*/
/* ----------- Mi 9T PRO ----------- */
/*Landscape */
@media only screen
and (min-device-width: 491px) /*== 1920 1800 ==*/
and (max-device-width: 491px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.hiddenNav {width: 80%;}
.navbar-right{ width: 15%;top: 34%;}
.navbar {margin-bottom:0;}
.page-casino {height: 100vh;}
.ctc-txt {font-size: 1em;}
.navbar-right .nav li span {font-size: 9px;}
}
/*==========================================================*/
/*-------------------------------------iPad --------------------------------------*/
/*==========================================================*/
/*---------------------Portrait----------------------*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
#memberloginform .form-group .col-sm-8,
#memberloginform .form-group .col-sm-6,
#regform .form-group .col-sm-3,
#regform .form-group .col-sm-5,
#regform .form-group .col-sm-9,
#regform .form-group .col-sm-10 {float:none;}
#memberloginform .form-group .col-sm-offset-4 ,
#regform .form-group .col-sm-offset-2 {margin-left:0;}
main {min-height: 53vh;}
.licence ul li {width: 10.4%;}
.contact ul li {display: inline-block;width: 49%;}
.copyright img {width: 15%;}
.hiddenNav .nav.navbar-nav {width: 29%;background:linear-gradient(90deg, rgba(66,4,4,1) 0%, rgba(99,6,6,1) 23%, rgba(66,4,4,1) 13%, rgba(213,213,213,1) 13%, rgba(218,218,218,1) 16%, rgba(250,250,250,1) 68%, rgba(213,213,213,1) 100%);}
.ctc-txt {font-size:13px;}
p.red {font-size: 23px;}
p.black {font-size: 16px;}
.navbar-right .nav li.active:before{left: -11px;}
.container-margin {margin: 50px 30px 0px 105px;}
input#registerform_UserName {width: 84%;}
#cssmenu {width: 23%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}
.navbar-right {width: 7%;top: 47%;height: 300px;padding-left: 10px;}
.navbar-right #cssmenu ul { margin: 0px;}
.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}
.lotto-drawresult .col-sm-4 {width: 46%;margin: 10px;}
.tab-pg {margin-top: 70px;}
.navbar-right #cssmenu ul li.active:before {height: 47px;}
img#regcaptcha {width: 46%;}
.ctcpix img {width: 24%;}
.langicon {width: 20%;}
.homeprod-icn ul li p {font-size: 17px;}
p.promo-title {font-size: 20px;}
img#regcaptcha {width: 38%;}
.sports ul li p.lplay {bottom: 11px;left:68px;}
.sports ul li p.rplay {bottom: 11px;right: 55px;}
}
/*-----------------Landscape---------------------*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
#memberloginform .form-group .col-sm-8,
#memberloginform .form-group .col-sm-6,
#regform .form-group .col-sm-3,
#regform .form-group .col-sm-5,
#regform .form-group .col-sm-9,
#regform .form-group .col-sm-10 {float:none;}
#memberloginform .form-group .col-sm-offset-4 ,
#regform .form-group .col-sm-offset-2 {margin-left:0;}
#template-register .col-md-7 {float: unset;}
.licence ul li {width: 10.4%;}
.contact ul li {display: inline-block;width: 49%;}
.copyright img {width: 15%;}
.hiddenNav .nav.navbar-nav {width: 20%;}
.ctc-txt {font-size:15px;}
.container-margin {margin:50px 30px 0px 105px;}
input#registerform_UserName {width: 84%;}
#cssmenu {width: 18%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}
.navbar-right {width: 7%;top: 47%;height: 300px;padding-left: 10px;}
.navbar-right #cssmenu ul { margin: 0px;}
.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}
.lotto-drawresult .col-sm-4 {width: 46%;margin: 10px;}
.tab-pg {margin-top: 70px;}
.navbar-right #cssmenu ul li.active:before {height: 47px;}
img#regcaptcha {width: 46%;}
.ctcpix img {width: 24%;}
.langicon {width: 20%;}
.homeprod-icn ul li p {font-size: 17px;}
p.promo-title {font-size: 20px;}
img#regcaptcha {width: 38%;}
.flex-direction-nav .flex-next {right: 0;}
.navbar-right { width: 5%;}
.sports ul li p.lplay {bottom: 19px;left: 98px;}
.sports ul li p.rplay {bottom: 20px;right: 87px;}
}
/*=============================================================*/
/*------------------------------------------------- iPad PRO ---------------------------------------------*/
/*=============================================================*/
/*------------- Portrait-----------------*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2){
hiddenNav {width: 74%;}
.slide-prod ul li {width: 26%;}
.slide-prod.sect-4 ul li {width: 42%;}
.container-margin {margin: 100px 30px 0px 105px;}
input#registerform_UserName {width: 84%;}
#cssmenu {width: 18%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}
.navbar-right {width: 7%;top: 47%;height: 300px;padding-left: 10px;}
.navbar-right #cssmenu ul { margin: 0px;}
.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}
.lotto-drawresult .col-sm-4 {width: 46%;margin: 10px;}
.tab-pg {margin-top: 70px;}
.navbar-right #cssmenu ul li.active:before {height: 47px;}
img#regcaptcha {width: 46%;}
.ctcpix img {width: 24%;}
.langicon {width: 20%;}
.homeprod-icn ul li p {font-size: 17px;}
p.promo-title {font-size: 20px;}
img#regcaptcha {width: 38%;}
.flex-direction-nav .flex-next {right: 0;}
.navbar-right { width: 5%;}
.navbar-nav {margin: 6.5px 13px;}
.navbar-right .nav li.active:before { left: -14px;}
.sports ul li p.lplay {bottom: 19px;left: 98px;}
.sports ul li p.rplay {bottom: 20px;right: 87px;}
}