@import url("/theme/Default/style.css");
@import url('https://fonts.googleapis.com/css?family=Lora:700');
@viewport {  width: device-width;  zoom: 1;  }

::-webkit-scrollbar {  display: none;  }

.dragging {
  cursor: grabbing;
  user-select: none;
  scroll-behavior: auto !important; 
}

body {
    background:url(/theme/template_desktop11-2/imgs/bg7.jpg) #f1f2f3 bottom  fixed;
    background: #f1f2f3;
    background-size:cover;
    font-family: Montserrat;
    font-size: 15px;
}
.max-container {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.cmsview{ padding-top: 80px; }

#theme-nav, header {  display: none;  }
#theme-title .title {
  text-align:center;color:#fff;
  padding:10px;
  font-size:20px;
  font-weight:bold;
  font-family: 'Lora', serif;
}

#theme-menu {  float:right;  }
#page-content {
  font-size:16px;
  color:#fff;
  text-align:justify;
  padding:10px;
}
	
.site-content {  min-height:500px;  }

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {  background-color: #b40404;  }
  
#sidebar ul li a.dropdown {  display: inline-block !important;  }


.btn {
  color:#fff;
    background: url(/data/2213/uploads/buttn-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    border: 0;
    padding: 10px;
    font-weight: 600;
    font-size: 14px;
    text-shadow: 0 0 black;
    text-transform: uppercase;
    font-family: Montserrat;
    background: linear-gradient(-90deg, #f5e3d0 0%, #e0c7ae 100%);
    box-shadow: #e0c7ae 0px -2px inset;
    color: #000;
    border-radius: 5px;
}
.btn a {color:#9f5151;}

.btn:hover {  filter: contrast(0.9);  color: #000;  }

a, a:hover, a:visited {  color:#fff;  }
a:hover {  text-decoration: none;  }

li {  list-style: none;  }

/*----------------------dark mode----------------------*/
body.dark {  background: #232626;  }
body.dark .btn {  box-shadow: rgb(227 204 180 / 30%) 0px 0px 12px, #e0c7ae 0px -2px inset;  }
body.dark .navbar-inverse {  background: #292d2e;  }
body.dark .theme-switch {  background-color: #3a4142;  }
body.dark .theme-switch .icon svg {  fill: #fff;  }
body:not(.dark) .theme-switch .icon.moon svg {  display: none;  }
body.dark .theme-switch .icon.sun {  display: none;  }


/*----------------------header----------------------*/
#navbar { display: none !important; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {  border-color: #333 !important;  }
.navbar {  height:60px;  margin-bottom: 0px;  }
.navbar-brand {  padding: 5px 0px;  }
.visible-sm {  }

.navbar-nav>li>a {
  border-right: 1px solid #3c3c3c;
  border-left: 1px solid #292929;
  border-bottom: 1px solid #232323;
  border-top: 1px solid #red;
  padding-top: 22px;
  padding-bottom: 21px;
  }

.navbar-header {  width: 100%;  }
.navbar-header > .row {  display: flex;  }
.navbar-header > .row .col-md-4 {  width: fit-content;  height: 60px; margin: auto; }
.navbar-header > .row .col-md-4 .navbar-brand {
    display: flex;
    height: 60px;
    pointer-events: auto;
    align-items: center;
    margin-left: 0;
   float: unset;
}
.navbar-brand img {  width: auto;  height: 100%; }

.navbar-header > .row .col-md-8 {
    position: absolute;
    width: fit-content;
    right: 0;
    height: 100%;
    align-content: center;
    top: 0;
}

.navbar-inverse{  background: #fff;  border: none;  }
.navbar-inverse.visible-xs {  width: fit-content;  background: unset;  display: block !important;  }
.navbar-inverse.visible-xs .navbar-right {
  float: unset !important;
  margin-right: unset;
  display: flex;
    height: 60px;
    margin-left: 25px;
}
.navbar-inverse.visible-xs #sidebarCollapse span { display: none; }

.theme-toggle {  padding: 0 10px;  }
.theme-switch {
    position: relative;
    width: 43px;
    height: 24px;
    border-radius: 18px;
    background-color: #f0f2f2;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
    box-sizing: border-box;
    transition: background-color 0.3s ease;
}
.theme-switch .icon {  display: flex;  }
.theme-switch .icon svg {  width: 14px;  fill: #5f6d6d;  }

.theme-switch .toggle-ball {
    position: absolute;
    top: 2px;
    left: 0px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s ease, background-color 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
body.dark .theme-switch .toggle-ball {
    transform: translateX(21px);
}
body:not(.dark) .theme-switch .toggle-ball {
    transform: translateX(0);
}


.theme-toggle2 {
    display: inline-flex;
    background-color: #f9f9f9;
    overflow: hidden;
    height: 40px;
    border-radius: 10px;
}
body.dark .theme-toggle2 {
    background-color: #323738;
}
.theme-option {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: fit-content;
    background: transparent;
    border: none;
    outline: none;
    transition: background 0.3s, color 0.3s;
    color: #b0b9b9;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    line-height: 1;
}
.theme-option.active {
    background-color: #fff;
    color: #171a1a;
    border: 2px solid #f9f9f9;
    border-radius: 10px;
}
body.dark .theme-option.active {
    background-color: #4a5354;
    color: #fff;
    border: 2px solid #4a5354;
}
.theme-option svg {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    fill: #b0b9b9;
}
.theme-option.active svg {
    color: #171a1a;
}
body.dark .theme-option.active svg {
    color: #fff;
}


.scrolling-msg {
    position: fixed;
    top: 60px;
    width: 100%;
    box-shadow: none;
    color: #630000;
    font-weight: 600;
    background: linear-gradient(180deg, #e0c7ae, #f5e3d0, #e0c7ae);
    padding: 4px 0;
    line-height: 1.3;
    height: 20px;
    z-index: 2;
    font-size: 12px;
}
body.dark .scrolling-msg {
    //background: linear-gradient(180deg, #ebb700, #e4c13f, #e2b100);
}
.scrolling-msg ul { margin: 0; }
.scrolling-msg ul li {
  list-style: none;
  line-height: 1;
  margin: 0;
}

/*----------------------sidebar--------------*/
.visible-xs { display: block !important; }
#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -260px;
    height: 100vh;
    z-index: 1200;
    background: #fff;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow-y: scroll;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
body.dark #sidebar {
    background: #292d2e;
}
#sidebar ul.components > li {
    //border-bottom: 2px solid #958574;
    background: #f9f9f9;
    margin-bottom: 5px;
}
#sidebar ul.components > li.active, #sidebar ul.components > li:hover {
    background: linear-gradient(to bottom, rgb(255 245 235) 0%, rgb(249 249 249) 100%);
}
#sidebar ul.components > li.active a, #sidebar ul.components > li:hover a {
    font-weight: bold;
}
body.dark #sidebar ul.components > li {
    background: #323738;
}
body.dark #sidebar ul.components > li.active, body.dark #sidebar ul.components > li:hover {
    background: linear-gradient(to bottom, rgb(149 133 116) 0%, rgb(60 65 66) 100%);
}
body.dark #sidebar ul.components > li a {
  color: #fff;
}
#sidebar ul.components > li:has(#language) {
  pointer-events: none;
  position: relative;
}
#sidebar ul.components > li > a #language {
  width: 100%;
  pointer-events: auto;
    display: flex;
    align-items: center;
    gap: 5px;
}
.img-logo{
    width: 150px;
}
.navbar-right .btn-info {
  margin: 0;  
  height: 40px;
  width: 40px;
  display: flex;
    justify-content: center;
    align-self: center;
  align-items: center;
    background: #f0f2f2;
  border-color: transparent !important;
  outline: 0; 
  padding: 0;
  border-radius: 10px;
  box-shadow: unset;
}
body.dark .navbar-right .btn-info {
    background: #3a4142;
  box-shadow: unset;
}
.navbar-right .btn-info:hover {
    filter: contrast(0.9);
}
.navbar-right .btn-info:focus {
  outline: 0;
    background: #f0f2f2;
  box-shadow: unset;
}
.navbar-right .btn-info .glyphicon {
  background: url(/data/2213/uploads/menubtn-open.png);
  background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}
body.dark .navbar-right .btn-info .glyphicon {
  background: url(/data/2213/uploads/menubtn-open-w.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.navbar-right .btn-info .glyphicon-align-left:before {
  content: "\e052";
  display: none;
}
#sidebar.active {
    left: 0;
}
#dismiss {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.glyphicon {
  font-size: 14px;
}
.glyphicon-arrow-left:before { 
    content: "\e014";
}
.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1040;
    display: none;
    top: 0;
}
#sidebar .sidebar-header {
    padding: 40px 20px;
    background: url(/data/2213/uploads/sidebar-bg.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
}
#sidebar ul li a {
    padding: 10px;
    font-size: 15px;
    display: flex;
    gap: 5px;
    align-items: center;
    text-decoration:none;
    color: #171a1a;
    transition: all 0.3s;
    font-weight: 500;
}
#sidebar a[data-toggle="collapse"] {
    position: relative;
}
#sidebar a[aria-expanded="false"]::before, 
#sidebar a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
#sidebar a[aria-expanded="true"]::before {
    content: '\e260';
}
#sidebar ul li a img {
      filter: invert(1) hue-rotate(290deg) sepia(1) saturate(1) contrast(1);
  width: 36px;
}
#sidebar ul ul a {
    padding: 5px 10px;
    margin-left: 10%;
    width: 90%;
    font-size: 14px;
} 
#sidebar ul ul li:last-child a {
  padding-bottom: 15px;
}
#sidebar ul ul a img {
  width: 28px;
}
/*-----------------------home------------------------*/
.home-main-content {
  display: flex;
}
.home-box1 {
  width: 400px;
  background: #fff;
  padding: 15px 15px 100px;
  border-right: 1px solid #ddd;
}
body.dark .home-box1 {
    background: #292d2e;
  border-right: 1px solid #e4eaf019;
}
.home-box1-mobile {
  display: none;
}
.flexslider {
  border: none;
  margin-bottom: 15px;
}
.flex-control-nav {
  bottom: 3px;
    z-index: 2;
  line-height: 1;
}
.flex-control-nav li {
  margin: 0;
}
.flex-control-paging li a {
  width: 6px;
  height: 6px;
  margin: 3px;
  opacity: .7;
  background: #ccc;
}
.flex-control-paging li a.flex-active {
    transform: scale(1.4);
    background: #fff;
}

.home-jackpot img {
  width: 100%;
}

.home-livetx {
  margin-top: 15px;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
}
.livetx-title {
    position: relative;
    padding: 4px;
    border: 1px solid #e0c7ae;
    display: flex;
    justify-content: space-between;
    color: #e0c7ae;
    font-weight: 700;
    width: 100%;
    background: #232626;
}
.livetx-button {
    background: red;
    padding: 1px 3px;
    border-radius: 2px;
    color: #fff;
    font-weight: 400;
  animation: blinkme 1.5s linear infinite;
}
@keyframes blinkme {
  0%, 38% { opacity: 0; }
  39%, 100% { opacity: 1; }
}
span.circle {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    margin: 1px 1px 0 3px;
}
.livetx-deposit {
  width: 45%;
  background-image: linear-gradient(to bottom, #e0c7ae, #958574);
    border: 1px solid #e0c7ae;
    color: #000;
    padding: 4px;
}
.livetx-withdraw {
  width: 55%;
    background-image: linear-gradient(to bottom, #FF0E00, #A31D1D);
    border: 1px solid #f2e277;
    color: #fff;
    padding: 4px;
}
table.home-board {
  width: 100%;
  display: flex;
}
table.home-board tbody {
    width: 100%;
}
table.home-board tr {
  display: flex;
}
table.home-board tr td {
  flex: 1 1 20%;
position: relative;
    max-width: 20%;
overflow-wrap: break-word;
    padding: 4px;
    background: #000;
    line-height: 1;
border: 1px solid #e0c7ae;
align-content: center;
}
table.home-board tr td:nth-child(2n) {
    color: #d1ae8e;
}


.home-refer {
  position: relative;
}
.home-refer > img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid transparent;
  margin-top: 15px;
}
body.dark .home-refer > img {
  border: 1px solid #e0c7ae;
}
.home-refer-btngroup {
  position: absolute;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    bottom: 0;
    padding: 12px;
    justify-content: center;
}
.home-refer-btngroup a {
    width: calc(50% - 5px);
    color:#630000;
}
.home-refer-btngroup a:hover, .home-refer-btngroup a:active {
    background: linear-gradient(-90deg, #f5e3d0 0%, #e0c7ae 100%);
    color: #630000;
    filter: contrast(0.9);
}
.home-movie {
  margin-top: 10px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #e0c7ae;
}
.home-movie img {
  width: 100%;
}


.home-box2 {
  width: calc(100% - 800px);
    background: #f1f2f3;
  min-height: 100vh;
}
body.dark .home-box2 {
    background: #232626;
}
.home-box3-mobile {
  display: none;
}
.home-tabs-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
    margin-top: 15px;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
}
body.dark .home-tabs-wrapper {
    border-bottom: 1px solid #e4eaf019;
}
.home-game-tabs {
  border-bottom: none;
  margin: 0;
  padding: 0;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.home-game-tabs li {
  float: none;
  display: inline-block;
    width: fit-content;
    max-width: 120px;
    flex: 0 0 fit-content;
    padding-bottom: 15px;
}
.home-game-tabs li:not(:last-child) {
    margin-right: 10px;
}
.home-game-tabs li a {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0;
  user-drag: none;
  -webkit-user-drag: none;
  pointer-events: auto;
}
.home-game-tabs li a img {
  width: 100%;
  padding: 10px;
  user-drag: none;
  -webkit-user-drag: none;
  pointer-events: auto;
}
.home-game-tabs li.active a img {
    border-bottom: 2px solid #e0c7ae;
    animation: mymove 0.3s infinite;
    filter: drop-shadow(0 4px 10px #d1ae8e);
}
@keyframes mymove {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}

.game-list .tab-pane .footer-copyright {
  display: none;
}
.game-list {
    padding: 0 15px;
}
.game-container {
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: auto;
padding-bottom: 30px;
}
.game-container a {
  display: block;
  flex: 0 0 calc(25% - 10px);
  border: 2px solid transparent;
  margin: 5px;
  animation: gameani 1.5s linear infinite;
}
@keyframes gameani {
  50% { transform: scale(0.90); }
}
.game-container a img {
  width: 100%;
}


.feedback {
    padding: 0 15px 50px;
}
.maintitle {
    margin: 30px 0px 5px 6px;
    background: linear-gradient(-90deg, #f5e3d0 0%, #e0c7ae 100%);
    color: #000000;
    padding: 5px 15px;
    border-radius: 25px;
    text-align: center;
    font-size: 13px;
    width: fit-content;
    text-transform: uppercase;
    box-shadow: #e0c7ae 0px -2px inset;
}
body.dark .maintitle {
    box-shadow: rgb(227 204 180 / 30%) 0px 0px 12px, #e0c7ae 0px -2px inset;
}
.scroll-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.scroll-track {
  display: flex;
  width: calc(250px * 5); /* 图片总宽度 */
  animation: slide 20s linear infinite;
}
@keyframes slide {
  0% { transform: translateX(0); }
  99.999% { transform: translateX(-220%); }
  100% { transform: translateX(0); }
}
.card {
    background: linear-gradient(0deg, #e0c7ae 0%, #f5e3d0 80%);
    padding: 15px;
    border-radius: 15px;
    min-width: 250px;
    text-align: center;
    margin: 4px;
    display: flex;
    flex-direction: column;
    height: auto;
    box-shadow: 0 0 3px #000000;
}
.card h3 {
    margin: 0px 0px 10px 0px;
    font-size: 12px;
    color: #000;
    line-height: 1.5;
}
.card p {
    margin: 5px 0;
    font-size: 11px;
    line-height: 1.5;
    color: #000;
}
.stars {
    color: #7b1e00;
    font-size: 20px;
    margin: 0 auto 5px;
    animation: pulse 1s infinite ease-in-out alternate;
}
.player {
    font-size: 12px;
    color: #000;
}


.home-box3 {
  width: 400px;
  background: #fff;
  padding: 10px 15px 15px;
  border-left: 1px solid #ddd;
}
body.dark .home-box3 {
    background: #292d2e;
  border-left: 1px solid #e4eaf019;
}
.home-dailyCheckIn {
    overflow: hidden;
    border: 2px solid transparent;
    background: #ddc4af;
    margin-top: 15px;
    padding: 10px;
    border-radius: 8px;
}
body.dark .home-dailyCheckIn {
    border: 2px solid #e0c7ae;
}
.home-dailyCheckIn p {
  margin: 0;
  align-items: center;
    display: flex;
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
}
.home-dailyCheckIn .point-wrapper {
    display: flex;
    flex-direction: column;
}
.home-dailyCheckIn .point-wrapper .point b {
    font-size: 1.5em;
    padding-left: 5px;
}
.home-dailyCheckIn .btn-redeem {
    background: #FF9800;
    display: inline-block;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 20px;
    position: relative;
    font-weight: 700;
    text-shadow: 1px 1px #000;
    margin: 0 10px;
    opacity: .5;
}
.home-dailyCheckIn .point-wrapper .point-note {
    font-size: 13px;
    color: #4f352a;
    margin-top: 5px;
}

.home-dailyCheckIn .checkin-wrapper {
    overflow: hidden;
    background: #00000026;
    padding: 10px;
    margin-top: 15px;
    border-radius: 6px;
}
.home-dailyCheckIn .checkin-wrapper .checkin-header {
  display: flex;
    color: #fff;
    justify-content: space-between;
    line-height: 1.3;
    font-size: 15px;
    align-items: center;
}
.btn-checkin {
    background: linear-gradient(-90deg, #f5e3d0 0%, #e0c7ae 100%);
    display: inline-block;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 20px;
    position: relative;
    font-weight: 700;
    text-shadow: 1px 1px #000;
}
.checkin-content {
    display: flex;
    font-size: 11px;
    margin-top: 10px;
}
.checkin-content .day {
  flex: 1;
  text-align: center;
  margin: 0 2px;
}
.checkin-content .amount {
    font-weight: 600;
    color: #fff585;
    margin-bottom: 3px;
}
.checkin-content .day img {  width: 100%;  }
.checkin-content .day .day-label {
    margin-top: 3px;
    color: #471c0a;
    text-transform: capitalize;
}

.home-balance {
  background: url(/data/2213/uploads/loginregis-bg.jpg);
    padding: 5px 10px 10px;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 5px #000;
    font-size: 13px;
    margin-top: 15px;
    line-height: 23px;
}
.home-balance-btngroup {
   padding: 5px 0;
  display: flex;
}
.home-balance-btngroup a {
    height: 50px;
    margin: 5px;
    text-transform: uppercase;
    flex: 1;
    background: url(/data/2213/uploads/btn-loginregis.png);
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    font-size: 22px;
    font-family: fantasy;
    letter-spacing: 0.2px;
    display: flex;
    align-items: self-end;
    justify-content: center;
    padding-bottom: 5px;
}
.home-balance-btngroup a span {
    background: linear-gradient(180deg, #fce9a4, #c99a4c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0px 0px 1px black);
}

.home-balance-details {
  display: flex;
  justify-content: space-between; 
  align-items: center;  
  color: #693100;
  font-size: 13px;
  margin-top: 10px;
  line-height: 1.5;
}
.balance-details-left {  flex: 1;  }
.balance-details-left p {  margin: 0;  }

p.vc-balance {
    font-size: 1.5em;
    margin: 5px 0;
    color: #812e09;
    font-weight: 700;
}
.balance-details-right {
  width: fit-content;
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}
.balance-details-right a {
    margin-top: 5px;
    padding: 10px 24px;
    font-weight: 600;
    text-shadow: 0 0 black;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Montserrat;
    background: url(/data/2213/uploads/buttn-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    background: linear-gradient(-90deg, #cba07e 0%, #e6b06d 100%);
    box-shadow: #e0c7ae 0px -2px inset;
    color: #000;    
    border-radius: 5px;
}
.balance-details-right a:hover {  filter: contrast(0.9);  }
body.dark .balance-details-right a {  box-shadow: rgb(227 204 180 / 30%) 0px 0px 12px, #e0c7ae 0px -2px inset;  }

.home-leaderboard {  margin-top: 15px;   }
.home-leaderboard img {  width: 100%;  border: 3px solid #e8be8e;  border-radius: 10px;  }


/*----------------------------footer----------------------------------*/
.footer-copyright {
    background: #fbfbfb;
    font-size: 13px;
    text-align: center;
    padding: 50px 10px 100px;
    text-transform: uppercase;
    color: #aaa;
}
body.dark .footer-copyright {
    background: #1e2121;
}
.footer-copyright a {
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #aaa;
    transition: .3s;
}
.footer-copyright a:hover {
    color: #000;
    text-decoration: none;
}
body.dark .footer-copyright a:hover {
    color: #fff;
}
.footerterms {
    margin: 5px 0;
    font-size: 16px;
}

.footer-items {
    box-shadow: none;
    background: linear-gradient(0deg, #e0c7ae 0%, #f5e3d0 80%);
    border-top: 2px solid #e0c7ae;
    color: #000;
    font-size: 12px;
    height: 55px;
    position: fixed;
    width: 100%;
    bottom: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 15px;
    display: flex;
}
.downloadapp {
    position: absolute;
    bottom: 55px;
    width: 500px;
    display: none;
}
.page-home .downloadapp {
  display: block;
}
.downloadapp .close-btn {
    width: 28px;
    height: 28px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    font-size: 19px;
    line-height: 1.3;
    align-items: center;
    border: 2px solid #5f6d6d;
    opacity: .7;
    float: right;
    margin: 0 5px 5px;
    font-weight: bold;
    background: transparent;
    color: #5f6d6d;
}
body.dark .downloadapp .close-btn {
  color: #fff;
  border: 2px solid #fff;
}
.downloadapp img {
  width: 100%;
}
.footer-items > a {
  flex: 1;
 display: flex;
 flex-direction: column;
 padding: 5px 0 0;
  position: relative;
  color: #000;
} 
.footer-items a.active {
    font-weight: bold;
    padding: 8px 0 0;
}
.footer-items a.livechat {
    animation: pulse 1s infinite ease-in-out alternate;
}
.footer-icons {
        filter: invert(1) hue-rotate(290deg) sepia(1) saturate(1) contrast(1);
    width: 30px;
    margin: auto;
}
.footer-items a .badge {
    position: absolute;
    background: #d1ae8e;
    color: #fff;
    line-height: 1.2;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 10px;
    top: 5px;
    right: 50%;
    margin: 0 -35px;
    font-weight: 700;
    font-size: 12px;
}
.main-pulse {
    animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
  0% { transform: scale(1); }
  100% { transform: scale(0.8); }
}
footer.footer {
  display: none;
}

/*----------------------------login----------------------------------*/

#redirectaddr {
color: #d1ae8e;
text-align: center;
}


.login-box {
  display: flex;
  padding: 30px 30px 50px;
  align-items: center;
  min-height: 100%;
}
.login-img {
    width: calc(50% - 60px);
    margin: 30px;
    display: block;
}
.form-box {
    flex: 1;
    font-size: 15px;
    line-height: 1.3;
    padding: 30px;
}
.form-box dl { margin: 0; }
.form-box > img {
    margin: 0 auto 30px;
    max-width: 220px;
    max-height: 120px;
    display: block;
}
dd:has(input#customformv2_UserName):before {
    content: 'Mobile No / Username';
    position: relative;
    margin: 10px 0;
    color: #000;
    display: block;
    line-height: 1.3;
    font-weight: 500;
}
body.dark dd:has(input#customformv2_UserName):before {
    color: #fff;
}
.customformv2 input {
    width: 100%;
    font-size: 15px;
    margin: 0;
    padding: 12px;
    position: relative;
    display: block;
    outline: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #fff;
    color: #000;
    -webkit-appearance: none;
    -webkit-user-select: text;
    line-height: 1.3;
   height: 40px;
}
body.dark .customformv2 input {
    background: #1e2121;
    color: #fff;
    border: 1px solid #3a4142;
}
dd:has(input#customformv2_Password):before {
    content: 'Password';
    position: relative;
    margin: 10px 0;
    color: #000;
    display: block;
    line-height: 1.3;
   font-weight: 500;
}
body.dark dd:has(input#customformv2_Password):before {
    color: #fff;
}

input#customformv2_submit {
    background: linear-gradient(-90deg, #f5e3d0 0%, #e0c7ae 100%);
    border: none;
    font-weight: 700;
    font-size: 16px;
    display: block;
    padding: 8px 0;
    border-radius: 4px;
    text-align: center;
    color: #000;
    line-height: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    box-shadow: #e0c7ae 0px -2px inset;
    height: 40px;
}
input#customformv2_submit:hover {
    filter: contrast(0.9);
}
body.dark input#customformv2_submit {
    box-shadow: rgb(227 204 180 / 30%) 0px 0px 12px, #e0c7ae 0px -2px inset;
}


.form-box p {
  margin: 0;
  margin-top: 20px;
    text-align: center;
    color: #000;
    text-transform: capitalize;
}
body.dark .form-box p {
    color: #fff;
}
.form-box a.reglink {
    margin: 20px auto 5px;
    width: fit-content;
    background: linear-gradient(-90deg, #f5e3d0 0%, #e0c7ae 100%);
    color: #000;
    font-weight: 500;
    font-size: 16px;
    display: block;
    padding: 8px 10px;
    border-radius: 4px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    text-align: center;
    align-content: center;
    line-height: 1.5;
    min-width: 150px;
    text-transform: uppercase;
    box-shadow: #e0c7ae 0px -2px inset;
    height: 40px;
}
.form-box a.reglink:hover {
    filter: contrast(0.9);
}
body.dark .form-box a.reglink {
    box-shadow: rgb(227 204 180 / 30%) 0px 0px 12px, #e0c7ae 0px -2px inset;
}
.form-box a.resetlink {
    margin: 20px auto 0;
    display: block;
    color: #d1ae8e;
    text-align: center;
    font-weight: bold;
    width: fit-content;
}

/*----------------------------register----------------------------------*/
#groupCurrency {
display:none;
}

.registerform input {
    width: 100%;
    font-size: 15px;
    margin: 0;
    padding: 12px;
    position: relative;
    display: block;
    outline: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #fff;
    color: #000;
    -webkit-appearance: none;
    -webkit-user-select: text;
    line-height: 1.3;
    height: 40px;
}
body.dark .registerform input {
    background: #1e2121;
    color: #fff;
    border: 1px solid #3a4142;
}
input#registerform_btnSubmit {
    background: linear-gradient(-90deg, #f5e3d0 0%, #e0c7ae 100%);
    border: none;
    font-weight: 700;
    font-size: 16px;
    display: block;
    padding: 8px 0;
    border-radius: 4px;
box-shadow: #e0c7ae 0px -2px inset;
    text-align: center;
    color: #000;
    line-height: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    height: 40px;
}
input#registerform_btnSubmit:hover {
  filter: contrast(0.9);
}
body.dark input#registerform_btnSubmit {
    box-shadow: rgb(227 204 180 / 30%) 0px 0px 12px, #e0c7ae 0px -2px inset;
}
.form-box .registerform dl {
    display: flex;
    color: #000;
    margin: 12px 0;
    align-items: center;
}
body.dark .form-box .registerform dl {
  color: #fff;
}
.form-box .registerform dl dt {
    font-weight: 500;
}
.form-box .registerform dl .small {
    font-size: .8em;
    color: #ff0f0f;
    padding: 5px 0 0;
}
.form-box .registerform dl#groupUsername > dd {
  display: flex;
  flex-wrap: wrap;
}
.form-box .registerform dl#groupUsername > dd > :first-child {
  flex: 1;
}
.form-box .registerform dl#groupUsername > dd .btnCheckUser {
  width: fit-content;
    margin-left: 10px;
    min-width: 150px;
    background: linear-gradient(-90deg, #f5e3d0 0%, #e0c7ae 100%);
    color: #000;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
  border: none;
    box-shadow: #e0c7ae 0px -2px inset;
    height: 40px;
}
.form-box .registerform dl#groupUsername > dd .btnCheckUser:hover {
    filter: contrast(0.9);
}
body.dark .form-box .registerform dl#groupUsername > dd .btnCheckUser {
    box-shadow: rgb(227 204 180 / 30%) 0px 0px 12px, #e0c7ae 0px -2px inset;
}
.form-box .registerform dl#groupUsername > dd #registerform_UserNameMsg {
  width: 100%;
}
.form-box .registerform dl#groupVerifyCode > dd > img {
    height: 100%;
    padding-left: 10px;
    width: 100%;
}
.form-box .registerform dl#groupSubmit {
    display: block;
}
.form-box .registerform dl  > :first-child {
    flex: 0 0 20%;
}
.form-box .registerform dl > *:not(:first-child) {
  flex: 1;
}
.form-box .registerform dl:has(> :nth-child(3)) > :last-child {
  flex: 0 0 auto;
  width: fit-content;
}

/*---------------------------popup--------------------------*/
.fancybox-skin {
  padding: 0 !important;
  background: transparent;
}
.fancybox-inner {
 margin: auto;
    border: 1px solid #e0c7ae;
} 
.popup1 {
  width: 500px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0;
    background: #000;
    display: flex;
    flex-direction: column;
}

.carousel {
  position: relative;
  width: 90%;       /* 弹窗内整体宽度 */
  overflow: visible; /* 允许左右图片露出 */
  margin: auto;
}
.carousel-track {
  display: flex;
  align-items: center;
  animation: slidepeek 12s infinite ease-in-out;
}
.carousel-track img {
  width: 85%;        /* 每张图占中间 80%，左右能露出部分 */
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  margin-right: 10px; /* 取代 gap */
  transition: transform 0.5s;
}

/* 关键帧动画：每 3 秒移动一次 */
@keyframes slidepeek {
  0%, 20%   { transform: translateX(0%); } /* ✅ 补回左右留白 */
  25%, 45%  { transform: translateX(calc(-85% - 10px + 7.5%)); }
  50%, 70%  { transform: translateX(calc(-170% - 10px + 7.5%)); }
  75%, 95%  { transform: translateX(calc(-255% - 10px + 7.5%)); }
  100%      { transform: translateX(0%); }
}
.popup1-btn {
    border-radius: 4px;
    border: 1px solid #e22b32;
    background: linear-gradient(to bottom, #c3c3c3, #93181b 15%, #e22b32);
    box-shadow: inset 0px 2px 2px #93181b;
    width: fit-content;
    padding: 6px 15px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin: 20px auto 0;
    cursor: pointer;
}

/*-------------------------leaderboard---------------------------*/
.leaderboard {
  color: #fff;
  padding: 12px 12px 50px;
}
.bigtitle {
    color: #d1ae8e;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
}
.leaderboard .nav-tabs {
  border: none;
}
.leaderboard-tabs li a {
    background: #f9f9f9;
    color: #b0b9b9;
    line-height: 1;
    padding: 10px 15px;
    margin: 10px 10px 0 0;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
}
body.dark .leaderboard-tabs li a {
    background: #323738;
}
.leaderboard-tabs li.active a, .leaderboard-tabs li a:hover {
    background: #fff !important;
    color: #171a1a !important;
    border: 1px solid #f9f9f9 !important;
}
body.dark .leaderboard-tabs li.active a, body.dark .leaderboard-tabs li a:hover {
    background: #4a5354 !important;
    color: #fff !important;
    border: 1px solid #4a5354 !important;
}
.leaderboard p {
    color: #171a1a;
    margin: 10px 0 0 0;
}
body.dark .leaderboard p {
    color: #fff;
}
.scrollable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    border: 1px solid #888;
    margin-top: 10px;
}
.scrollable::-webkit-scrollbar {
  display: none;
}
.leaderboard table.board {
    width: 100%;
    text-align: center;
    color: #171a1a;
    font-size: 15px;
    line-height: 1.2;
}
body.dark .leaderboard table.board {
    color: #fff;
}
.leaderboard table td {
    padding: 5px;
    border: 1px solid #888;
}
.leaderboard table thead td {
    padding: 5px;
    background-color: #dac586;
    border: 1px solid #888888;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

/*-------------------------downloadapp---------------------------*/
.dp-wrapper {
    display: flex;
    margin: 10vh 0;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.dp-top {
    position: relative;
    z-index: 2;
}
.dp-top:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    pointer-events: none;
}
.dp-top:after {
    content: "";
    border-top: 2px solid #b5862d;
    position: absolute;
    width: 125vw;
    height: 75px;
    bottom: -30%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50% 50% 0% 0% / 100% 100% 0% 0%;
    z-index: 1;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}
.dp-logo {
    padding: 25px 0 55px;
    position: relative;
    z-index: 3;
    text-align: center;
}
.dp-logo img {
    height: 60px;
    margin: auto;
}
.dp-inner {
    position: relative;
    z-index: 3;
    padding: 0 10px;
    display: flex;
    gap: 10px;
}
.btn-dp {
    max-width: 550px;
    width: 100%;
    margin: 10px auto;
    background-color: #000;
    border-radius: 10px;
    text-align: center;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
    border: 1px solid #b5862d;
    transition: transform 0.2s ease;
    transform: scale(1);
}
.btn-dp img {
    width: 100%;
    max-width: 200px;
    height: auto;
}
.dp-r {
    max-width: 650px;
    width: 90%;
    display: block;
    border-top: 2px solid #b5862d;
    margin: 25px auto 0;
}
.btn-dp-r {
    display: table;
    margin: auto;
    padding: 15px 25px;
    color: #000;
    background: linear-gradient(#ceaf8e, #e7d1bb, #ceaf8e);
    border-radius: 60px;
    margin-top: 20px;
}
.btn-dp-r:hover { color: #000; }
/*------------------------------language---------------------------*/
#popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: none;   /* 初始隐藏 */
    z-index: 2000;
}

/* 弹窗 */
#langPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    transform: translate(-50%, -50%);
    background: #f9f9f9;
    border-radius: 8px;
    display: none;   /* 初始隐藏 */
    z-index: 2001;
    border: 1px solid transparent;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    color: #000;
    overflow: hidden;
}
body.dark #langPopup {
    border: 1px solid #d1ae8e;
    background: #232626;
}
/* 弹窗标题 */
#langPopup h3 {
    margin-bottom: 15px;
}

/* 语言按钮 */
#langPopup .language-btn {
    display: block;
    padding: 15px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
body.dark #langPopup .language-btn {
    color: #fff;
}
#langPopup .language-btn.active {
    font-weight: bold;
}
#langPopup .language-btn:hover {
    font-weight: bold;
    filter: contrast(0.9);
}

#langPopup .language-btn:not(:last-child) {
    border-bottom: 1px solid #d1ae8e;
}
#langPopup .language-btn .glyphicon-ok {
    position: relative;
    margin: 3px 5px;
    font-size: 15px;
    color: #d1ae8e;
    display: inline-block;
}


/*------------------------------promotion---------------------------*/
.promotion-section {
    width: 90%;
    margin: auto;
    max-width: 1400px;
    padding-bottom: 50px;
}
ul#promo-tab {
    margin: 35px 0;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0;
}
ul#promo-tab li {
    cursor: pointer;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    transition: 0.2s;
    flex: 1 1 auto;
    font-weight: 700;
    font-size: 16px;
  position: relative;
  z-index: 1;
}
ul#promo-tab li:not(:last-child) {
  margin-right: 20px;
}
ul#promo-tab li:hover {
    animation: mymove 0.3s infinite;
}
ul#promo-tab li:not(.inactive) .shine-text, ul#promo-tab li:hover .shine-text {
    background: linear-gradient(90deg, #755837, #512800, #755837);
    background-size: 200% 100%;
    background-position: -50% 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 1.5s steps(20, end) infinite;
}
ul#promo-tab li:not(.inactive) {
    animation: mymove 0.3s infinite;
}
ul#promo-tab li:after {
    content: "";
    background: url(/data/2213/uploads/btn-loginregis.png);
    background-size: 100% 100%;
    width: 100%;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0;
    top: 0;
}
.shine-text {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index:2;
    background: linear-gradient(90deg, #755837, #512800);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@keyframes shine {
    0%, 50% { background-position: -50% 0; }  
    100%     { background-position: 150% 0; }
}


ol#faq_modal {
  display: flex;
flex-wrap: wrap;
    padding: 0;
}
ol#faq_modal li {
  width: calc((100% - 30px) / 3);
  margin: 5px;
}
ol#faq_modal li .promo {
  height: auto;
    display: flex;
    flex-direction: column;
}
ol#faq_modal li .promo-img img {
  width: 100%;
    height: 100%;
    object-fit: cover;
}
.promo-img {
  height: 100%;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
ol#faq_modal .promo-img-color {
    height: 150px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border-radius: 8px 8px 0 0;
}
.promo-content ol#faq_modal .promo-img-color h3 {
    font-weight: bold;
    margin: 0;
    font-size: 16px;
    width: 55%;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px black;
    padding-left: 15px;
    line-height: 1.2;
    margin: 0;
}
body.dark ol#faq_modal .promo-img-color h3 {

}
.promo-content .promo-img-color p {
  color: #512800;
  text-shadow: 1px 1px 1px #512800;
    font-size: 14px;
    width: 55%;
    padding-left: 15px;
    margin: 0;
}
body.dark .promo-content  .promo-img-color p {
    color: #512800;
    text-shadow: 1px 1px 1px #512800;
}
.countdown {
    font-size: 14px;
    color: #171a1a;
}
body.dark .countdown {
    color: #fff;
}
.countdown span {
    display: flex;
    gap: 5px;
    font-weight: bold;
    margin-bottom: 3px;
}
.countdown span img {
    width: 14px;
    height: 14px;
}
body.dark .countdown span img {
    filter: invert(1);
}
.countdown p {
    margin: 0;
    font-size: 12px;
}
.promo-txt {
    position: relative;
    background: #ffffff;
    border-radius: 0 0 8px 8px;
    padding: 15px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body.dark .promo-txt {
    background: #3a4142;
}
.promo-content .promo-txt h1 {
    color: #171a1a;
    font-size: 14px;
    margin-bottom: 0;
}
body.dark .promo-content .promo-txt h1 {
    color: #fff;
}
.pbtn-info {
    color: #171a1a;
    font-weight: 600;
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    white-space: nowrap;
}




.fancybox-wrap:has(#faq_fbinner) {
    width: 60% !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
}
#faq_fbinner {
    background: #fff;
    color: #171a1a;
    border: none;
    border-radius: 14px;
    max-height: 90vh;
    overflow: auto;
    width: 100% !important;
}
body.dark #faq_fbinner {
    background: #272a2a;
}
.fancybox-inner > div > h4, .fancybox-inner > div > p {
    margin: 0;
}
.fancybox-inner h4 {
    margin: 0;
    display: none;
}
#faq_fbinner .promo-content {
  padding: 20px;
  color: #171a1a;
  color: #5f6d6d;
    font-size: 15px;
    line-height: 1.2;
}
body.dark .promo-content ul li, body.dark .promo-content {
    color: #b3bec1;
}
.promo-content h1 {
    line-height: 24px;
    color: #d1ae8e;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20pt;
}
.promo-content h2 {
    margin-top: 0;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 16pt;
}
body.dark .promo-content h2, body.dark .promo-content table {
    color: #fff;
}
.promo-content p {
    color: #5f6d6d;
}
body.dark .promo-content p {
    color: #b3bec1;
}
#faq_fbinner table {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}
#faq_fbinner table tr th {
    padding: 5px;
    background-color: #dac586;
    border: 1px solid #888888;
    text-align: center;
}
#faq_fbinner table tr th span {
  color: #fff;
}
.fancybox-inner table tr td {
    border: 1px solid #888;
    padding: 5px;
}
#faq_fbinner table tr {
    display: flex;
}
#faq_fbinner table tr td {
  padding: unset;
  border: unset;
    flex: 0 0 50%;
    display: flex;
}
#faq_fbinner table tr td > div {
    border: 1px solid #888888;
    text-align: center;
    color: #000;
    font-weight: bold;
    padding: 5px;
    border-radius: 8px;
    min-height: 40px;
    align-content: center;
    width: 100%;
}
body.dark #faq_fbinner table tr td > div {
  color: #fff;
}
#faq_fbinner table tr td:first-child > div {
    background-color: #dac586;
    color: #fff;
}
.promo-content h3 {
    color: #a06b6b;
}
body.dark .promo-content h3 {
    color: #fff;
}
.promo-content h5 {
  color: #5f6d6d;
}
body.dark .promo-content h5 {
    color: #b3bec1;
}
.promo-content ul {
    padding-left: 30px;
}
.promo-content ul li {
    color: #5f6d6d;
    list-style: disc;
}

.promo-content ul li a {
    color: #ff0000;
    text-transform: uppercase;
    font-weight: bold;

}
.promo-content ul li a:hover {
    text-decoration: unset;
    text-decoration: underline;
}
body.dark .promo-content ul li a {
    color: #dac586;
}
.promo-content span.red {
  color: #ff0000;
}

.promo-icon-group {
    display: flex;
    margin-bottom: 20px;
    align-items: stretch;
}
.promo-icon-items {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 2px solid #d1ae8e;
    border-radius: 30px;
    margin: 10px;
    background: #f1f2f3;
    flex: 1;
    text-align: center;
    justify-content: center;
}
body.dark .icon-item {
    background: #232626;
}
.icon-item img {
  width: 100px;
}
.icon-item span {
    color: #d1ae8e;
    font-weight: bold;
    text-transform: uppercase;
}
.icon-true {
  background: url(/data/2213/uploads/promo-icon-true.png);
  background-size: 80% auto;
  background-position: center;
  background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-color: green;
    border-radius: 50%;
}
.icon-false {
  background: url(/data/2213/uploads/promo-icon-false.png);
  background-size: 80% auto;
  background-position: center;
  background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-color: red;
    border-radius: 50%;
}

.promo-btngroup {
    display: flex;
    flex-wrap: wrap;
}
.btn-close {
    width: fit-content;
    min-width: 150px;
    border: 1px solid #C62828;
    background-color: #F44336;
background-image: linear-gradient(to bottom, #F44336, #B71C1C);
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    padding: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    line-height: 20px;
    text-align: center;
}
.btn-claim {
    flex: 1;
    width: 100%;
    border: 1px solid #34740e;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    padding: 8px 0;
    border-radius: 4px;
    background-color: #4ba614;
    background-image: linear-gradient(to bottom, #4ba614, #008c00);
    cursor: pointer;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
}

/*----------------------- terms ------------------------*/
section.terms-slider-sec {
    margin: 20px 0 40px 0;
}
.termscwrap {
    width: 100%;
    display: block;
    background: #fff;
    margin-bottom: 0;
    padding: 20px;
    border-radius: 15px;
}
body.dark .termscwrap {
    background: #3a4142;
}
.seo-container {
  margin: auto;
}
.seo-container h2 {
    margin: 0;
    color: #d1ae8e;
    font-weight: bold;
}
.seo-container p {
    line-height: 1.5;
    color: #5f6d6d;
}
body.dark .seo-container p {
    color: #b3bec1;
}
.termscwrap h2 {
    font-size: 20px;
    margin-bottom: 5px;
}
.termscwrap p {
    color: #171a1a;
    margin-bottom: 15px;
}
body.dark .seo-container.termscwrap p {
    color: #fff;
}
.seo-container ul {
    line-height: 1.5;
    color: #5f6d6d;
    list-style: decimal;
    padding-left: 20px;
}
body.dark .seo-container ul {
    color: #b3bec1;
}
.termscwrap ul {
    list-style: disc;
    color: #171a1a;
}
body.dark .seo-container.termscwrap ul {
    color: #fff;
}
/*================result style=====================*/

.col-sm-2 button{margin-bottom:10px !important;}

#live-4d{
	margin-left:-0.7%;
	}

#live-4d .col-sm-12 {
	margin-top:10px;
	padding-left:0px !important;
	}
	
#live-4d .fb-like {
	position:absolute;
	right:-15px;
	}
	
div#live {
     background: url(/theme/template_desktop11-2/imgs/live.gif) no-repeat;
     width: 8px ;
     height: 8px ;
}	

#past-4d{
	margin-left:-2%;
	}

#past-4d div#live{
	display:none;
	}
	
#past-4d .fb-like {
	position:absolute;
	right:-15px;
	}
	
#past-4d label{
	color:#fff;
	}


#past-4d #daterow{
	margin: -15px auto 25px;
	text-align:center;
	border:#333 solid 1px;
	display:block;
	width:240px;
	padding:10px;
	background:rgba(255,255,255,0.1);
}

#past-4d #daterow input{
	border-radius:3px !important;
	border:none;
	padding:4px 0px 4px 5px;
	width:100px;
	margin-left:5px;
}
	
	
#past-4d #Magnum .panel-body .logo #datetime .control-label,
#past-4d #Sabah .panel-body .logo #datetime .control-label{
	color:#333;
}	
	
	
#live {
	position:absolute;
	right:90px;
	top:18px;
	}


.panel {
    background-color: #2e2e2e;  
    margin-bottom:40px;
}

.panel-default>.panel-heading {
    color: #fff;
    font-size:11px;
    font-weight:bold; 
    height:40px;
}

.panel-body{
	color:#fff;
	padding-top:0px !important;
	}

.panel-body .logo{
	padding-bottom:10px;
	}

.panel-body .logo .col-sm-8{
	padding:0px !important
	}

.panel-body .logo #datetime{
	text-align:right;
	color:#fff;
}

.panel-body .logo #datetime .col-sm-12{
	margin:0px !important
	}
	
.panel-body #TopThree,.panel-body #Special,.panel-body #Consolation{
  padding:0px 15px 0px;
  line-height:28px;
  margin:16px 0px 0px;
  font-size:16px;
}

.panel-body #TopThree label,.panel-body #Special label, .panel-body #Consolation label{
  background:#1c1c1c;
  width:100%;
  border:#333 solid 1px;
  margin-bottom: 0px !important;
  padding:2px;
  font-size:14px;
}

.panel-body #TopThree{
	padding:0px !important;
	}
	
.panel-body #TopThree .col-sm-4{
	padding:0px !important;
	margin:0px !important;
}



/*=================magnum=====================*/
#Magnum .panel {
    border: 3px solid #f2bc00 !important;
}

#Magnum .panel-default>.panel-heading {
    background-color: #f2bc00 !important;
    border-color: #f2bc00 !important;
    color:#333 !important;
}

#Magnum .panel-body .logo #datetime{
	color:#333;
}

#Magnum .panel-body .logo{
	background:#f2bc00 !important;
	padding-bottom:10px;
	}

#Magnum .panel-body .logo #Magnumimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_magnum.png)no-repeat #333;
	width:80px ;
  height:40px ;
}



/*=================PMP=====================*/
#PMP .panel {
    border: 3px solid #148ea4 !important;
}

#PMP .panel-default>.panel-heading {
    background-color: #148ea4 !important;
    border-color: #148ea4 !important;
}

#PMP .panel-body .logo{
	background:#148ea4 !important;
	padding-bottom:10px;
	}

#PMP .panel-body .logo #PMPimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_damacai.png)no-repeat;
	width:80px ;
  height:40px ;
}




/*=================Toto=====================*/
#Toto .panel {
    border: 3px solid #dd0000 !important;
}

#Toto .panel-default>.panel-heading {
    background-color: #dd0000 !important;
    border-color: #dd0000 !important;
}

#Toto .panel-body .logo{
	background:#dd0000 !important;
	padding-bottom:10px;
	}

#Toto .panel-body .logo #Totoimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_toto.png)no-repeat;
	width:80px ;
  height:40px ;
}


/*=================Singapore=====================*/
#Singapore .panel {
    border: 3px solid #12689a !important;
}

#Singapore .panel-default>.panel-heading {
    background-color: #12689a !important;
    border-color: #12689a !important;
}

#Singapore .panel-body .logo{
	background:#12689a !important;
	padding-bottom:10px;
	}

#Singapore .panel-body .logo #Singaporeimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_sgpool.png)no-repeat;
	width:80px ;
  height:40px ;
}



/*=================Sabah=====================*/
#Sabah .panel {
    border: 3px solid #eee !important;
}

#Sabah .panel-default>.panel-heading {
    background-color: #eee !important;
    border-color: #eee !important;
    color:#333;
}

#Sabah .panel-body .logo{
	background:#eee !important;
	padding-bottom:10px;
	}

#Sabah .panel-body .logo #datetime{
	color:#333;
}

#Sabah .panel-body .logo #Sabahimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_sabah88.png)no-repeat;
	width:80px ;
  height:40px ;
}



/*=================Sandakan=====================*/
#Sandakan .panel {
    border: 3px solid #2f9405 !important;
}

#Sandakan .panel-default>.panel-heading {
    background-color: #2f9405 !important;
    border-color: #2f9405 !important;
}

#Sandakan .panel-body .logo{
	background:#2f9405 !important;
	padding-bottom:10px;
	}

#Sandakan .panel-body .logo #Sandakanimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_stc.png)no-repeat;
	width:80px ;
  height:40px ;
}




/*=================Sarawak=====================*/
#Sarawak .panel {
    border: 3px solid #094405 !important;
}

#Sarawak .panel-default>.panel-heading {
    background-color: #094405 !important;
    border-color: #094405 !important;
}

#Sarawak .panel-body .logo{
	background:#094405 !important;
	padding-bottom:10px;
	}

#Sarawak .panel-body .logo #Sarawakimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_cashsweep.png)no-repeat;
	width:80px ;
  height:40px ;
}




/*=================GDLotto=====================*/
#GDLotto .panel {
    border: 3px solid #95650a !important;
}

#GDLotto .panel-default>.panel-heading {
    background-color: #95650a !important;
    border-color: #95650a !important;
}

#GDLotto .panel-body .logo{
	background:#95650a !important;
	padding-bottom:10px;
	}

#GDLotto .panel-body .logo #GDLottoimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_gdlotto.png)no-repeat;
	width:80px ;
  height:40px ;
}


/*=================Perdana=====================*/
#Perdana .panel {
    border: 3px solid #777 !important;
}

#Perdana .panel-default>.panel-heading {
    background-color: #777 !important;
    border-color: #777 !important;
}

#Perdana .panel-body .logo{
	background:#777 !important;
	padding-bottom:10px;
	}

#Perdana .panel-body .logo #Perdanaimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_perdana.png)no-repeat;
	width:80px ;
  height:40px ;
}


/*=================HariHariLucky=====================*/
#LuckyHari-Hari .panel {
    border: 3px solid #00aced !important;
}

#LuckyHari-Hari .panel-default>.panel-heading {
    background-color: #00aced !important;
    border-color: #00aced !important;
}

#LuckyHari-Hari .panel-body .logo{
	background:#00aced !important;
	padding-bottom:10px;
	}

#LuckyHari-Hari .panel-body .logo #LuckyHari-Hariimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_luckyharihari.png)no-repeat;
	width:80px ;
  height:40px ;
}


/*=================thv88=====================*/
#THV88 .panel {
    border: 3px solid #dd4b39!important;
}

#THV88 .panel-default>.panel-heading {
    background-color: #dd4b39 !important;
    border-color: #dd4b39!important;
}

#THV88 .panel-body .logo{
	background:#dd4b39 !important;
	padding-bottom:10px;
	}

#THV88 .panel-body .logo #THV88img{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_thv88.png)no-repeat;
	width:80px ;
  height:40px ;
}





/*=================GOOD4D=====================*/
#GOOD4D .panel {
    border: 3px solid #8a7aff !important;
}

#GOOD4D .panel-default>.panel-heading {
    background-color: #8a7aff !important;
    border-color: #8a7aff !important;
    color:#333 !important;
}

#GOOD4D .panel-body .logo #datetime{
	color:#333;
}

#GOOD4D .panel-body .logo{
	background:#8a7aff !important;
	padding-bottom:10px;
	}

#GOOD4D .panel-body .logo #GOOD4Dimg{
	top:-5px;
	position:absolute;
	background:url(/theme/template_desktop11-2/imgs/4D_good4d.png)no-repeat ;
	width:105px ;
  height:40px ;
}



/*=================result history pop up=====================*/
#title h1.title {text-align:center;color:#fff;}
#content {color:#fff;}
#content table{font-size:15px}
#content thead {background-color:#dd0000;color:#fff}
#content .table-striped>tbody>tr:nth-of-type(odd){background-color:#333}
#content .table-striped>tbody>tr:nth-of-type(even){background-color:#444}
#aMagnumimg {	background:url(/theme/template_desktop11-2/imgs/logo_magnum.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aPMPimg {	background:url(/theme/template_desktop11-2/imgs/logo_damacai.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aTotoimg {	background:url(/theme/template_desktop11-2/imgs/logo_stoto.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aSingaporeimg {	background:url(/theme/template_desktop11-2/imgs/logo_sg4d.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aSabahimg {	background:url(/theme/template_desktop11-2/imgs/logo_88.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aSandakanimg {	background:url(/theme/template_desktop11-2/imgs/logo_stc.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aSarawakimg  {	background:url(/theme/template_desktop11-2/imgs/logo_cashsweep.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aGDLottoimg {	background:url(/theme/template_desktop11-2/imgs/logo_gd.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aPerdanaimg {	background:url(/theme/template_desktop11-2/imgs/logo_perdana.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aLuckyHari-Hariimg {	background:url(/theme/template_desktop11-2/imgs/logo_hari.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aTHV88img {	background:url(/theme/template_desktop11-2/imgs/logo_thv88.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}


/*=================Contact=====================*/
.contact .col-md-5 img {width:100%;} 
.contact .col-md-7 {padding:15px;margin-top:0px 10px 20px;}
.contact .col-md-7 .col-xs-4{ width:31% !important;min-height:160px;text-align:center;border:#c62021 solid 6px !important;background:rgba(0,0,0,0.8);
	margin:5px;padding:30px 10px;background:url(/theme/template_desktop11-2/imgs/box1.jpg)top center;color:#fff;background-size:cover;}
.contact .col-md-7 .col-xs-4 i {font-size:40px;color:#c62021}
.contact .col-md-7 .col-xs-4 a {color:#fff;}
.contact .col-md-7 .col-xs-4:hover i {font-size:43px;color:#fff}
.contact .col-md-7 .col-xs-4 p {margin-top:20px;width:100%;font-size:11px;font-weight:400}
.contact h2 {font-size:28px;text-align:center;color:#fff;	font-weight:bold;font-family: 'Lora', serif;}
.contact h3 {font-size:16px;text-align:center;color:#fff;}

.form-bg {background:#222;padding:15px;border-radius:5px;margin:10px;}
.form-bg .sendbtn input{background:#c62021;border-radius:5px;padding:10px;border:none;color:#fff;font-weight:bold;}
.form-bg .form-group label {color:#fff}


.pstable {
    text-align: left;
    font-size: 12px;
    color: #000;
    width: 100%;
    padding: 10px 35px;
    margin-bottom:40px;
}

.pstdtitle {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    background-color: #333;
    color: #fff;
    vertical-align: middle;
    padding: 10px 6px;
}

.pstddetails {
    font-size: 16px;
    color: #000;
    text-align: left;
    border-color: #c5c5c5;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    background:#fff;
}

p.infocontenttitle {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    background-color: #b40404;
    color: #fff;
    line-height: 1.5;
    padding: 0 15px;
}



#footer-logo img{width:35px;}
#footer-logo button {margin:4px 2px;font-size:12px;min-height:35px;}





@media (min-width:1800px) {

.btn {
    font-size: 18px;
    padding: 14px 20px;
}
.card { padding: 20px 25px; }

}

@media (min-width: 768px) {
    .container { width: 100%; padding: 0; }
}

@media (max-width: 1200px) {
  .home-main-content {
    display: grid;
    grid-template-columns: calc(100% - 400px) 400px;
    align-items: start;
  }
  .home-box1 {
      width: auto;
      padding: 0;
    grid-column: 1;
  }
  .home-box2 {
      width: auto;
    grid-column: 1;
    min-height: unset;
  }
  .home-box3 {
      grid-column: 2;
      grid-row: 1 / span 2;
  }

  .home-jackpot img { padding: 15px; }
  .home-refer, .home-movie { display: none; }
  .home-box1-mobile .home-refer, .home-box1-mobile .home-movie { display: block; }
  .home-box1-mobile { display: block; }


  .flexslider {  margin-bottom: 0; }
  .home-livetx {
      margin-top: 10px;
      padding: 0 10px;
  }

  .promo-icon-group {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .promo-icon-items {
    width: fit-content;
  }

}

@media (max-width: 1024px) {
  .login-box {
    flex-direction: column;
    padding: 0;
  }
  .login-img {
    width: 100%;
    margin: 0;
  }
  .form-box  {
    width: 100%;
    padding-bottom: 50px;
  }
  .form-box > img {
    display: none;
  }
ul#promo-tab li:not(:last-child) {
    margin-right: 10px;
}
}

@media (max-width: 767px){
  .container { padding: 0; }

  .visible-lg, .visible-md, .visible-sm, .visible-xs { display: block !important; }
  .navbar-toggle { display: none; }
  .theme-toggle2 button span { display: none; }
  .navbar-inverse.visible-xs .navbar-right {
    margin-left: 10px;
  }
  .navbar-brand img {
    height: 90%;
  }
  .theme-option {
    padding: 10px;
  }
  .theme-option svg {
    margin-right: 0px;
  }
  .navbar-header > .row .col-md-8 { padding: 0 10px; }

  .scrolling-msg {    font-size: 10px; }

  .home-main-content {
      display: flex;
      flex-direction: column;
  }
  .home-box3-mobile {
      display: block;
      padding: 0 10px;
  }
  .home-refer, .home-movie {
      display: block;
      padding: 0 10px;
  }

  .home-box1 { width: 100%; }
  .home-box2 {
    width: 100%;
    display: block;
    min-height: unset;
  }
  .home-box3 { display: none; }


  .col-md-4 { text-align: center; }
  .home-refer-btngroup {
      gap: 20px;
      left: 0;
      width: 100%;
      padding: 25px 25px 35px;
  }
  .home-refer-btngroup a {
      padding: 20px 10px;
        line-height: 1.3;
      font-size: 4vw;
    width: calc(50% - 10px);
  }

  .home-game-tabs {
    width: 100%;
    justify-content: space-between;
  }
  .game-container a {
    flex: 0 0 calc(33.3% - 10px);
  }

.container-fluid>.navbar-collapse, 
.container-fluid>.navbar-header, 
.container>.navbar-collapse, 
.container>.navbar-header { margin-right: 0; margin-left: 0;}
.container-fluid>.navbar-header{ margin-top: 15px; }

.navbar-header {
    float: left;
}

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}

.navbar-right{
    float: right;
    margin-right: 15px;
}

.navbar-collapse {
    float: right;
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

ul#promo-tab {
    margin: 15px 0;
}
ul#promo-tab li {
    flex: 0 0 fit-content;
    width: fit-content;
    padding: 0px 30px;
    margin: 0 5px;
} 
ul#promo-tab li:not(:last-child) {
    margin-right: 5px;
}
ol#faq_modal li {
    width: calc((100% - 20px) / 2);
}


.fancybox-wrap:has(#faq_fbinner) {
    width: 90% !important;
  }
.icon-item {
    margin: 7px;
}
.icon-item img {
    width: 85px;
}
.icon-true, .icon-false {
    width: 35px;
    height: 35px;
}

.footer-copyright {
  font-size: 11px;
}


.max-container {
  padding: 0 15px;
}
.seo-container h2 {
  font-size: 24px;
}

}


@media (max-width: 500px){
  .home-jackpot img { padding: 10px; }
  .home-refer-btngroup {
    gap: 10px;
    padding: 10px 20px;
  }
  .home-refer-btngroup a {
    padding: 15px 10px;
    width: calc(50% - 5px);
  }

  .game-container a {
    flex: 0 0 calc(50% - 10px);
  }
  .home-game-tabs li a img {
    padding: 5px;
  }

  .popup1 {
    width: 100%;
  }

  .downloadapp {
    width: 100%;
  }
.downloadapp img {
    width: 100%;
}


ul#promo-tab li {
    padding: 0px 35px;
}
ol#faq_modal li {
    width: calc((100% - 10px) / 1);
}
.shine-text { font-size: 16px; }


.form-box {
    font-size: 14px;
    padding: 15px 15px 50px;
}
.customformv2 input {
    font-size: 14px;
}
.form-box p {
    margin-top: 15px;
    font-size: 12px;
}
.form-box a.reglink {
    margin: 10px auto 5px;
    font-size: 14px;
}

.form-box .registerform dl {
    font-size: 12px;
}
.form-box .registerform dl > :first-child {
    flex: 0 0 25%;
}
.registerform input {
    font-size: 12px;
}
.form-box .registerform dl#groupUsername > dd .btnCheckUser {
    min-width: fit-content;
    font-size: 12px;
}
input#registerform_btnSubmit {
  font-size: 14px;
}
.form-box a.resetlink {
    margin: 15px auto 0;
}


.leaderboard table.board {
  font-size: 12px;
}


#faq_fbinner .promo-content {
  font-size: 12px;
}
.promo-content h1 {
    line-height: 18px;
    font-size: 18pt;
}
hr {
    margin-top: 15px;
    margin-bottom: 15px;
}
.promo-content h3 {
  font-size: 16px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.promo-content ul {
    padding-left: 20px;
}
.icon-item {
    padding: 5px 7px;
    border: 1px solid #d1ae8e;
    border-radius: 15px;
    margin: 5px;
}
.icon-item img {
    width: 60px;
}
.icon-item span {
    font-size: 9px;
}
.icon-true, .icon-false {
    width: 30px;
    height: 30px;
}
.promo-content h5 {
    font-size: 9px;
}
}





@media all 
and (max-width: 767px), 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:99%;
	}
	#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;}


#live-4d {margin-left:1%;}
#live-4d .fb-like ,#past-4d .fb-like{right:12px;top:-14px;}
#page-live .fb-like {top:-16px;right:0px;}
#page-live {margin-left:-2%;}

.contact .col-md-7 .col-xs-4{ width:30.5% !important;min-height:160px;}
.contact .col-md-7 .col-xs-4 p{font-size:10px;}

.panel-default>.panel-heading .col-sm-8{text-align:left;}


#footer-logo img{width:35px;}
#footer-logo button {margin:4px 2px;font-size:12px;min-height:35px;width:85%;}

.panel-body #TopThree label, .panel-body #Special label, .panel-body #Consolation label{font-size:16px;}
.panel-body #TopThree, .panel-body #Special, .panel-body #Consolation{font-size:20px;}
.panel-body #TopThree .col-sm-4 {width:33.33%;float:left;}

.panel-body #TopThree,.panel-body #Special,.panel-body #Consolation{
line-height:32px;
font-size:19px;
}

.panel-body .logo #datetime .col-sm-12{
	margin:0px 12px 0px 0px !important;
	}

.col-sm-12 {padding:0px 0px 0px 2.5%;}
.col-sm-3 {width:25% !important;float:left;}
.col-sm-4 {padding:0px !important;}


#Magnum .panel-body .logo #Magnumimg, 
#PMP .panel-body .logo #PMPimg,
#Toto .panel-body .logo #Totoimg,
#Singapore .panel-body .logo #Singaporeimg,
#Sabah .panel-body .logo #Sabahimg,
#Sandakan .panel-body .logo #Sandakanimg,
#Sarawak .panel-body .logo #Sarawakimg,
#GDLotto .panel-body .logo #GDLottoimg,
#Perdana .panel-body .logo #Perdanaimg,
#LuckyHari-Hari .panel-body .logo #LuckyHari-Hariimg,
#THV88 .panel-body .logo #THV88img{
	left:15px;
}

}