@import url("./font/font.css");

@viewport {width: device-width;zoom: 1;}
html,body{width:100%;color: #dedede;height:100%;margin:0px;padding:0px;font-size:12px;font-family: 'Roboto-r',sans-serif;overflow-x:hidden;}

.clearboth {clear:both;}

::-webkit-scrollbar {background: #d5aa40;width: 5px;border-radius: 5px;}
::-webkit-scrollbar-thumb {background: #d5aa40;border-radius: 6px;border: 0px solid #CFD8DC;}
::-webkit-scrollbar-track {background: #080808;border-radius: 2px;}

html {display:table;}
body {display:table-row;}
.h1, .h2, .h3, h1, h2, h3 {margin-top:0;}

/*-- #theme-content {
    margin: auto;
    border: 1px solid red;
    width: 1200px;
    padding: 10px;
}--*/

#theme{
	display:table-cell;
	height:100%;
	width:100%;
    background: #080808;
}

.themetbl {display:table;}
.themetblrow {display:block;}
.themetblcell {display:block;}

.theme-container-box { width:100%; height:500px; }

#theme-content {min-height: 60vh;}

#theme-container {background:#080808;}
#theme-frame{margin:auto;width:100%;background: #080808;}
#theme-header {background: #080808;}
#menu-line {position: absolute;top: 0;left: 0;height: 0;background: #009ae1;transition: all .25s ease-out;}

.offsett {background: linear-gradient(-45deg, #d59b16, #f4ed7b);height: 45px;}
.menu {position: relative;border: 0px solid green;}
#theme-header-logo {border: 0px solid red;position: absolute;z-index:99;}
#theme-header-logo img	{width:100%;}
#theme-menu {z-index:9;border: 0px solid blue;position: absolute;top: 0;right: 0;width: 100%;}

.submenu-icn p { transition: .3s ease-in-out;background: #d7a01c;;color: #fff; padding: 5px 11px; border-radius: 5px;  margin: 11px 25px 5px;}
.submenu-icn img { width: 100%; transition: .3s ease-in-out;}
.submenu-icn:hover img, .submenu-icn:hover p { transform: scale(1.05); transition: .3s ease-in-out;}

.row {margin-right: 0;margin-left: 0;}
.w1100 {margin:auto;width:1100px;}
.w1300 {margin:auto;width:1300px;}
.w1200 {margin: auto; width: 1200px;}


input[type="submit"] {
    border-radius: 5px;
    padding: 6px 26px;
    margin: 0 5px;
    background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);
    color: #1b1b1b;
    font-weight: 900;
    border: 2px solid #1b1b1b;
}



/*=== HEADERLINK ===*/
.mobile path {fill: #fff;}
.header {background: #0073ba;}
.lang {padding: 9px;}
.lang ul {margin:0;padding:0;}
.lang ul li {display: inline-block;padding: 7px 10px;vertical-align: middle;}
.lang ul li a {color: #fff;text-decoration: none;}
.header-right {text-align: right;margin: 9px 15px;}
.header-right ul {margin:0;padding:0;}
.header-right ul li {display:inline-block;}
.regis-btn a { background: #00be28; padding: 7px 20px; border-radius: 3px; color: #fff; font-weight: bold; text-transform: uppercase; border: 0px solid red;text-decoration:none;}

.language {display: inline-block;width: 8%; text-align: right;}

.language .modal-content {padding: 0;}
.lp-title ul {padding: 0;margin: 0;text-align: center;}
.lp-title ul li {display: inline-block;width: 19%;}
.language .modal-dialog {margin: 7% auto;}
.language .modal-header {padding: 0;}



/*===LOGIN===*/
.customform , .loginform  {border: 0px solid green;margin: 0;text-align: right;}
#customform_submit, #loginformsubmit{ color: #fff; background: #0073ba; padding: 4px 20px;letter-spacing: 0.5px;  border-radius: 3px; border: 1px solid #fff;text-transform: uppercase;}
#customform input[type=text], #customform input[type=password] ,#loginform input[type=text], #loginform input[type=password]  {border: 1px solid #0073ba;padding: 4px;border-radius: 3px;}
#customform dl , #loginform dl {display: inline-block;width: 100%;text-align: center;}

.modal-open {padding-right:0 !important;overflow:unset;}
.modal-header .close {margin-top: -10px;padding: 10px;}
.login-popup ul {margin:0; padding:0;text-align:center;}
.login-popup ul li {width: 49%;vertical-align: top;}
.login .modal {z-index:99999;}
.login-popup ul li:first-child {border-right: 1px solid #80808052;}
.login .modal-lg {width: 40%;    padding-top: 100px;}
.login .modal-header {padding: 10px;border-bottom: 1px solid #e5e5e5; text-align: center;color: #fff;background: #009ce8;border-radius: 5px 5px 0 0;}
.login .modal-content {border-radius: 15px 15px 0 0;}
.login.v1 dl, .login.v2 dl {margin-bottom: 10px;}

/*=== LANGUAGE ===*/
.header-right ul li:nth-child(3) {width: 5%;}

.language img {width: 100%;}
.language .btn {padding: 0;}
.language .btn-info {color: #fff;  background-color: transparent;border-color: transparent;}
.language .btn-info:hover {transform:none;box-shadow:none;}

.language .modal-header {border:none;text-align:center;}
.language .modal-title { margin: 0;line-height: 1.42857143; color: #fff;background: #b70000;padding: 10px;text-align: center;text-transform: uppercase; font-size: 23px;}
.language .modal-title {margin: 0;line-height: 1.42857143;color: #fff;background: #d0000e;padding: 10px;text-align: center;}
.language .modal-header .close {border-radius: 21px; margin-top: -10px;background: red;width: 30px; height: 30px;color: #fff;margin-right: -24px;padding:0;}



/*=== ADMINLOGINX ===*/
#theme-contain-adminloginx {padding: 10px;}
#theme-contain-adminloginx table {margin: auto;}
#theme-contain-adminloginx img {width: 60%;padding: 10px 0;}
#theme-contain-adminloginx table td {padding: 5px;}
#theme-contain-adminloginx textarea, #theme-contain-adminloginx  input[type=text], #theme-contain-adminloginx  input[type=password] {border: none;}


#theme-contain-registration {background: url(imgs/register-bg.jpg)center center no-repeat;background-size:cover;}






/*==========Header==========*/
#theme-header-logo{ 
  display: inline-block;
  width: 217px;
  margin: 0 0 0 30px;
}
#theme-menu{ 
       background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);
  position: relative;
}
#theme-header-top {
    background: #080808;
}
.h-top {padding: 14px 0; position: relative; min-height: 70px;}
.m-btn{ float: left; }
.right-btn {float: right; margin-top: 4px;text-align: right;margin-right: 10px;}
.right-btn .dropdown{ display: inline-block; }

.m-btn a{
  padding: 6px 12px;
  color: #010101;
  font-size: 14px;
  font-weight: 900;
}
.m-btn a:hover{ text-decoration: none; }
.m-btn a i{ 
  font-size: 30px;
  vertical-align: middle;
  margin-right: 5px;
}
.login-btn, .sign-btn {
    display: inline-block;
    border-radius: 5px;
    padding: 6px 26px;
    margin: 0 5px;
    background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);
    color: #1b1b1b;
    font-weight: 900;
    border: 2px solid #1b1b1b;
}

.sign-btn a {color: #080808;}
.sign-btn a:hover {text-decoration:none;}
.sign-btn:hover a{color: #dedede;}

.login-btn:hover, .sign-btn:hover {
    text-decoration: none;
    color: #fff;
    background: linear-gradient(180deg, #000000, #525252);
    border: 2px solid #6f6f6f;
    box-shadow: 0px 2px 5px 0px #634200;}
.lang-img{ width: 21px; }
.dropdown-menu{left: -7px;min-width: unset;padding: 0;overflow:hidden;}
.lang-btn{background: transparent;}
.lang-btn:hover, .lang-btn:focus{ color: #000; }
.caret {
  border-top: 5px dashed;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.right-btn .dropdown-menu{ background: linear-gradient(180deg, #b77e18, #f6d680);color: #010101;border: 0px solid red;}
.right-btn .dropdown-menu>li>a{ padding: 8px 20px; }
.right-btn .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #d5a93f;}

.modal-header{ border-bottom: 2px solid #fff; background: #fff;}

.modal-header .close{ opacity: 1; }
.modal-body{
  padding: 10px 0px;text-align:center;
}
.right-btn form#customform input, .right-btn form#registerform input, #registerform_Currency, #registerform_BankName{
  width: 100%;
  font-size: 12px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #bd8620;
  color: #fff;
  padding: 6px 3px;
  border-radius: 0px;
}

.small, small {padding-top: 7px;color: #c1b597;}

.right-btn form#registerform input{ margin-bottom: 10px; }
#registerform{ color: #fff; }
#registerform option{ color: #000; }
/* Logo slider
-------------------------------------------*/
.logo-slider{ padding: 2% 0; }
.owl-carousel{position: relative;}
.owl-carousel .item{ width: 90%; margin: 12px auto;}
.owl-theme .owl-nav{ margin-top: 0; }
.owl-nav button[role=presentation]{  position: absolute; top: 50%; height: 100%; width: 30px; transform: translateY(-50%); font-size: 45px !important;}
.owl-nav button[role=presentation]:hover { background: #584510 !important; height: 70px; box-shadow: 0px 0px 5px -1px black;}
.owl-nav button.owl-prev{left: -5px;}
.owl-nav button.owl-next{right: -5px;}

.owl-nav button:focus {outline: -webkit-focus-ring-color auto 0px;}


.logo {
    border: 0px solid red;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 20%;
    z-index:99;
}
.logo img {
    width: 100%;
}



.container-fluid {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin: auto;
    width: 1300px;
}




/*===SEO===*/
#theme-contain-mainpage .seo {padding: 10px 0;width:1170px;}

.seo { padding: 20px 10px;border-top: 0px solid #cbcbcb;width: 1200px;margin: 0 auto;}

.panel-default>.panel-heading {color: #fff;background: linear-gradient(45deg, #006c98, #25aae1);border-color: #25aae1;}
.panel-default>.panel-heading:hover {background: linear-gradient(-45deg, #006c98, #25aae1);}
a:hover >.panel-title{ text-decoration: none;filter: drop-shadow(1px 1px 8px #fff);}
.panel-heading a:after {font-family: 'Glyphicons Halflings';content: "\e080";float: right; color: #fff;margin-top:-17px;}
.panel-heading a.collapsed:after{content:"\e114"; }

.seo .panel h1 {font-size: 15px;margin:0;}
.seo-line {border-top: 1px solid #222222;padding: 30px 0px 0;}
.seo p {text-align: justify;}
 
.panel-title {color: #fff;}


/*==========LOGIN========*/
button.close {border: 0px solid red;width: 25px;height: 25px;opacity: 1; text-shadow: 0 0 black;color: #fff;z-index: 999;position: absolute;right: 0;top: 0;}
.modal-dialog.modal-md {width: 24%; margin: 65px auto;}

.modal-content {background: #040404;border: 1px solid #bd8620;padding: 10% 15%; border-radius: 0px;}
input#remoteloginformsubmit {background: linear-gradient(to top, #b77e18, #e6c256) !important; text-transform: uppercase;border: 0px solid red;padding: 7px 8px;color: #080808;font-weight: bold;width: 100%;}
.modal-body p a {color: #cd9e35;}
.modal-title, .modal-header .close {color: #cd9e35;font-weight: 900;letter-spacing: 2px;text-align: center;font-size: 30px;margin-bottom: 25px;}


form#remoteloginform dl:nth-of-type(3) dt {width: 39%; display: inline-block;}
dl:nth-of-type(3) img#imgCaptcha {width: 100%;}
form#remoteloginform dl:nth-of-type(3) dd {width: 59%;display: inline-block;}
.close:focus, .close:hover {color: #cd9e35; opacity: 1;}






/*===HOMEPAGE===*/
.banner {margin-bottom: -1px;}
.banner img {width:100%;}
.banner img:hover {cursor: pointer;}
.progress-bar {background-color: #d5aa40;}
.flexslider {margin:0;border: 0 solid transparent;}
.flex-direction-nav .flex-next {right: 0;text-align: right;}

span.darkblue {color: #9e7a18;;}
span.lightblue {color: #d0a249;}
.why .col-sm-12 {padding:3%;}
.why {position: relative;overflow:unset;}
.why-title {line-height: 38px;padding-bottom: 40px;font-size: 41px;font-weight: bolder;}
.why-title span {font-family: 'Roboto-blk', sans-serif;}
.why-list {font-size: 14px;line-height: 32px;}
.why-list ul {margin: 0;padding: 0;}
.why-list ul li {display: block;}
.why-pic {position: absolute;bottom: 0;right: 60px;width: 40%;}
.why-pic img {  width: 100%;}



.avg {width: 55%;margin: auto;position: relative;}
.progress {height: 7px; margin: 30px 0 0; overflow: hidden; background-color: #d5aa4073;border-radius: 4px;}
.txt {border: 0px solid red;}
.txt ul {padding:0;margin:0;}
.txt ul li {display: block;margin-bottom: -4px;}
.txt ul li:last-child {}
.txt ul li:first-child {font-size: 25px;font-family: 'Roboto-blk',sans-serif;}
.min {position: absolute;border: 0px solid red;top: 0;right: 0;font-size: 38px;font-family: 'Roboto-blk',sans-serif;}
.spacer {padding: 20px;}
.avg-box { margin: auto; padding-top: 120px;}
#theme-contain-mainpage .promo {padding: 35px;position:relative;}
.promo-page {padding:35px;position:relative;}
.promo-btn {position: absolute;top: 50px;right: 50px; border: 0px solid red;}
.promo-btn a { color: #4bb8fc; border: 1px solid #b0ddf9; padding: 5px 20px; text-decoration: none; background: #fff;  transition: .2s ease-in;}
.promo-btn a:hover {filter: drop-shadow(2px 4px 6px #b0ddf9);}
.promo-txt{font-size: 25px;color: #4bb8fc; font-weight: bold;}
.promo-sec ol { margin: 0; padding: 0;text-align: center;}
.promo-sec ol li.question { display: inline-block; width: 33%; padding: 9px;}
.promo-sec ol li.question img { width: 100%;}
.promo-sec2 ol {margin: 0;padding: 0;}
.promo-sec2 ol li.question { display: inline-block; padding: 9px;}
.promo-sec2 ol li.question img { width: 100%;}
.info {padding: 15px 20px;margin: auto;border: 0px solid red;}
.info .col-sm-3 {padding: 0;}
.info .col-sm-3 img {}
.info .col-sm-3:first-child img {border: none;}
.info h3 { margin: 0;font-weight: bolder;font-size: 17px;color: #cea148;}
.info p { margin: 0;font-size: 14px;}
.info ul {margin: 0;padding: 0;text-align: center;}
.info ul li:nth-child(2) {width: 77%;padding: 10px;}
.info ul li { display: inline-block;width: 18%; border: 0px solid red;vertical-align: top; text-align: left;}
.info ul li img {width: 100%;padding: 6px 0 0 14px;}

.tg-title {font-size: 25px;
    color: #d0a249;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;}
.top-games {    padding: 35px 0;
    text-align: center;
    background: url(imgs/bg-h1.png)center center no-repeat;
    background-size: cover;
}
.top-games > img {width: 100%;padding-left: 0;margin-left: 480px;}
.tg-bg {}

.gamestp {
    border: 0px solid red;
    z-index: 0;
    background: url(imgs/top-game.png)right center no-repeat;    padding: 45px 0;
    background-size: cover;
}

.tg-bg img {width: 100%;}
.tg-prod {}
.tg-prod ul { margin: 0; padding: 0; text-align: center;}

.tg-prod ul li:hover {box-shadow: 0px -1px 6px 2px #94751c;transform: translateY(-8px);transition: .5s ease;cursor:pointer;}
.tg-prod ul li {    display: inline-block;
    width: 17%;
    border-radius: 13px;
    overflow: hidden;
    margin: 10px;
    box-shadow: 0px -1px 6px 2px #000;
    border: 0px solid red;
    background: #232323;
    vertical-align: top;}

  
.tg-prod ul li img {width: 100%;}
.tg-item {position:relative;}
.tg-inside {position: absolute;top: 0px; padding: 6px 0 0; width: 100%; margin: auto;text-align: center;border: 0px solid red;}
.tg-icon {width: 20%;margin: auto;}
.tg-txt { position: absolute; top: 237px; left: 40px;width: 15%; border: 0px solid red;}
.tg-small-txt {color:#fff;}
.tg-small-txt p {font-size: 9px;margin:0;}
.tg-small-txt h3 {font-size: 15px;font-weight: bolder;margin:10px 0;}

.hp-des {padding: 20px; position: relative; min-height: 200px;}
.hp-des h4 {color: #e8c558;font-weight: bold; letter-spacing: 1px;}

a.play-now {width: 43%; border-radius: 20px;padding: 10px 0; font-size: 12px; margin: 10px auto;background: linear-gradient(0deg,rgb(229 192 85) 63%, rgba(236,205,94,1) 100%);
    color: #000; font-weight: bold; position: absolute;text-transform: uppercase; left: 0; right: 0; bottom: 9px;}
a.play-now:hover { transform: scale(1.05);transition: .3s ease; box-shadow: 0 0 9px 3px #846823; text-decoration: none; background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);}

.hp-des p {font-size: 11px;}

#jp {border: 3px solid #1f1f1f;position: relative;overflow: hidden;border-radius: 20px;background: url(imgs/bg-2.jpg)center center no-repeat;background-size: cover;}

#jackpot {position: absolute; bottom: 37px;font-size: 5em; border:0px solid green; left: 0;right: 0; margin: auto;z-index: 99;text-align:center;text-shadow: 2px 1px 4px #332000;color: #fff;}
span#foo {text-align: center;font-family: 'Roboto-r',sans-serif;}

.steps ul {padding: 0;margin: 0;}
.steps ul li {display: block;border: 0px solid green;padding: 14px 14px 14px 0;position: relative;margin: 0 0 11px;}

.home-jack {padding: 45px 0px;}

.lsimg img {width: 100%;}
.lsimg {width: 28%;display: inline-block; vertical-align: middle;}
.rsdes {display: inline-block; width: 63%; border: 0px solid red; vertical-align: middle;margin-left: 20px;cursor: default;}
.rsdes h6 {font-size: 17px;color: #e2bb71; text-transform: uppercase;}
.rsdes p { font-style: italic;text-transform: uppercase;font-size: 14px;letter-spacing:1px;}

.line-grey {height: 1px; width: 65%;background: #1f1f1f;right: 0%;position: absolute;}




.img-box {border: 0px solid red;min-height: 470px;}

.about-p-coin,.about-img-box,.about-balls,.about-ship,.about-rich-god,.about-girl,.about-cards,.about-f-coin{position:absolute;}
.about-p-coin{animation-name: d-left-small-move;    animation: left-small-move 10s infinite;}
.about-p-coin {width: 72%;margin: auto; left: 0; right: 0;}
.about-img-box {width: 60%;margin: auto; right: 0; left: 0;}
.about-f-coin {border: 0px solid green; width: 250px; left: 0;right: 0; top: 60px; z-index: 98;margin: auto;    animation: right-pig-move 8s linear infinite alternate;animation-name: d-right-pig-move;}
.about-cards {border: 0px solid red;bottom: 49px; width: 151px;right: 63px; z-index: 100;animation-name: d-left-small-move;animation: left-small-move 8s -2s infinite reverse;}
.about-girl {left: 0;right: 0; width: 54%;margin: auto;z-index: 99; bottom: 6px;}
.about-rich-god {width: 200px;border: 0px solid rebeccapurple; right: 7px; top: 20px;animation: left-pig-move 9s infinite;}
.about-ship {width: 200px; bottom: 42px; left: 20px; z-index: 100;animation: right-small-move 7s infinite;animation-name: d-right-small-move;animation-name: d-left-pig-move;}
.about-balls { left: 20px; top: 63px;animation-name: d-left-small-move;    animation: left-small-move 10s -7s infinite alternate-reverse;}
.about-p-coin.bgg {width: 100%; bottom: -20px;}
.about-girl.jkk {bottom: -5%; width: 38%;z-index: 97;filter: drop-shadow(1px 8px 29px black);}


#jp:before{content: "";
    pointer-events: none;
    width: 100%;
    height: 0;
    background-size: cover;
    position: absolute;
    left: 0;
    -webkit-animation: bg-animate 18s -4.5s linear infinite both paused;
    animation: bg-animate 18s -4.5s linear infinite both paused;  }

#jp:before{  background-image: url(imgs/about_move_bg.png);padding-bottom: 63%;animation-play-state: running;}


@keyframes head-slide {
    0% {
        transform: translate3d(0, -100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes pig-desk-head-slide {
    0% {
        transform: translate3d(-50%, -100%, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}
@keyframes m-home-stage {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
@keyframes home-stage {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
    99.999% {
        z-index: 0;
    }
    100% {
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0, 0)
    }
}
@keyframes img-box {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    33.33% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    66.66% {
        z-index: 0;
        transform: scale3d(.9, .9, .9);
    }
    100% {
        opacity: 1;
        z-index: 2;
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bg-animate {
    0% {
        opacity: .2;
        transform: scale3d(.6, .6, 1);
    }
    60% {
        opacity: .2;
    }
    100% {
        opacity: .1;
        z-index: 1;
        transform: scale3d(2, 2, 1);
    }
}
@keyframes golden-title-flash {
    0%, 33.33%{
        opacity: 1;
    }
    66.66%, 100% {
        opacity: 0;
    }
}
@keyframes right-small-move {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    } //原4倍數 //3
    35% {
        transform: translate3d(0, 8px, 0);
    } //6
    65% {
        transform: translate3d(-8px, 0, 0);
    } //9
}
@keyframes d-right-small-move {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    35% {
        transform: translate3d(0, 12px, 0);
    }
    65% {
        transform: translate3d(-12px, 0, 0);
    }
}
@keyframes right-pig-move {
    0%,
    100% {
        transform: translate3d(0, 4px, 0);
    } //原4倍數 //3
    35% {
        transform: translate3d(-4px, 12px, 0);
    } //9
    65% {
        transform: translate3d(-12px, -4px, 0);
    }
}
@keyframes d-right-pig-move {
    0%,
    100% {
        transform: translate3d(0, 6px, 0);
    }
    35% {
        transform: translate3d(-6px, 18px, 0);
    }
    65% {
        transform: translate3d(-18px, -6px, 0);
    }
}
@keyframes left-small-move {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    35% {
        transform: translate3d(0, -8px, 0);
    }
    65% {
        transform: translate3d(8px, 0, 0);
    }
}
@keyframes d-left-small-move {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    35% {
        transform: translate3d(0, -12px, 0);
    }
    65% {
        transform: translate3d(12px, 0, 0);
    }
}
@keyframes left-pig-move {
    0%,
    100% {
        transform: translate3d(0, -4px, 0);
    }
    35% {
        transform: translate3d(4px, -12px, 0);
    }
    65% {
        transform: translate3d(12px, 4px, 0);
    }
}
@keyframes d-left-pig-move {
    0%,
    100% {
        transform: translate3d(0, -6px, 0);
    }
    35% {
        transform: translate3d(6px, -18px, 0);
    }
    65% {
        transform: translate3d(18px, 6px, 0);
    }
}
@keyframes right-left-move {
    0% {
        transform: translate3d(-9px, 0, 0);
    } //原3倍數
    35% {
        transform: translate3d(3px, 0, 0);
    }
    65% {
        transform: translate3d(-6px, 0, 0);
    }
    100% {
        transform: translate3d(9px, 0, 0);
    }
}
@keyframes d-right-left-move {
    0% {
        transform: translate3d(-12px, 0, 0);
    }
    35% {
        transform: translate3d(4px, 0, 0);
    }
    65% {
        transform: translate3d(-8px, 0, 0);
    }
    100% {
        transform: translate3d(12px, 0, 0);
    }
}
@keyframes m-sexy-bg-animate {
    0% {
        opacity: .3;
        transform: scale3d(.8, .8, 1);
    }
    50% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
    100% {
        opacity: .2;
        transform: scale3d(1.2, 1.2, 1);
    }
}
@keyframes sexy-bg-animate {
    0% {
        opacity: .4;
        transform: scale3d(1.6, 1.6, 1);
    }
    50% {
        opacity: 1;
        transform: scale3d(2, 2, 1);
    }
    100% {
        opacity: .3;
        transform: scale3d(2.4, 2.4, 1);
    }
}
@keyframes d-sexy-bg-animate {
    0% {
        opacity: .3;
        transform: scale3d(1, 1, 1);
    }
    50% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1);
    }
    100% {
        opacity: .2;
        transform: scale3d(1.4, 1.4, 1);
    }
}
@keyframes m-process-arrow {
    0% {
        transform: translate3d(0, 0, 0);
    }
    50%,
    100% {
        transform: translate3d(0, 14px, 0);
    }
}
@keyframes process-arrow {
    0%,
    20% {
        transform: translate3d(0, 0, 0);
    }
    60%,
    100% {
        transform: translate3d(14px, 0, 0);
    }
}
@keyframes gif-effect{
 0%{opacity:0;}
 47%{opacity:0;}
 50%{opacity:1;}
 97%{opacity:1;}
 100%{opacity:0;}
}
@keyframes ae-girls-ig {
    0% {transform:translate3d(0, 0, 0);}
    100% {transform:translate3d(0, 5px, 0);}
}


/*==================HOME-HOT GAMES==================*/
.hot-games {padding: 45px 15px ;background: url(imgs/bg-hot.png)center center no-repeat;background-size: cover;}
.game-detail {width: 100%;text-align: left;background: #232323;border-radius: 20px; overflow: hidden;position:relative;box-shadow: 0 0 7px 0px black;}
p.game-title {color: #d0a249;font-size: 14px;padding: 20px 20px 0;}
.game-pro {color: #fff;font-size: 11px;padding: 0 20px; margin: 0 0 20px;}
.game-detail img { width: 100% !important;}

.game-detail a.play-now {bottom: unset; right: 6px; width: 30%;text-align: center;top: 6%; left: unset;font-size: 10px;}
.hot-games #sectionLogo .swiper-slide {width: 23% !important;margin: 10px;text-align: center;height: auto !important;}

.hot-games #sectionLogo .swiper-container { width: 95%;}

a.seeall {
    float: right;
    color: #181818;
    font-weight: bold;
    margin-top: -40px;
    font-size: 13px;
    margin-right: 20px;
    background: linear-gradient(0deg,rgb(245 47 47) 85%, rgb(255 181 118) 100%);
    box-shadow: 0 0 4px 0px black;
    padding: 6px 10px;
    border-radius: 5px;
    font-style: italic;
}

a.seeall:hover {
    background: linear-gradient(0deg,rgb(189 189 189) 85%, rgb(255 255 255) 100%);
    transform: scale(1.05);
    transition: .5s ease;
    text-decoration: none;
}

.hot-games .tg-title { margin-left: 20px; color: #080808;}


.top-banner {
    cursor: pointer;
}






/*==================FOOTER==================*/
.content {width: 100%; margin: 0 auto;} 
#sectionLogo {position: relative;margin: 20px auto;}
#sectionLogo .swiper-container {width: 90%;margin: 0 auto;} #sectionLogo
.swiper-wrapper {} #sectionLogo .swiper-slide {text-align: center;height: auto !important;}
#sectionLogo .swiper-slide img {width:125px;}
 #sectionLogo .swiper-button-next, #sectionLogo .swiper-button-prev {border-radius: 5px;background-size: auto 50%;outline: 0;border: 0;}
#sectionLogo .swiper-button-next img, #sectionLogo .swiper-button-prev img{display: block;padding: 12px 8px;} #sectionLogo .swiper-button-next:hover;}
#sectionLogo .swiper-button-prev:hover {background-color: #8e1a1a;}
#sectionLogo .swiper-button-next.swiper-button-white {right: 0;z-index: 2;}
#sectionLogo .swiper-button-next.swiper-button-white:hover {background-image: url("/data/1257/uploads/arrow.png");} #sectionLogo .swiper-button-prev.swiper-button-white {left: 0;z-index: 2;}
#sectionLogo.swiper-button-prev.swiper-button-white:hover {background-image:url("/data/1257/uploads/arrow.png");} #sectionLogo .swiper-button-white:hover img {display: none;} 
#sectionLogo .swiper-button-next {}
#sectionLogo .swiper-button-prev {} 
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}

#theme-footer {padding: 25px 0;background:#1d1d1d;}
.ft-ars {border-bottom: 1px solid #404040;}
p.ft-right {text-align: right;}
p.ft-right a {color: #dedede;}
p.ft-last {text-align: center;margin: 0;}

.ft-left { float: left;}
.ft-left ul li {display: inline-block;border-left: 1px solid #404040;padding: 0 6px;}
.ft-left ul li:first-child {padding-left: 0px; border-left: 0px;}
.ft-left ul { padding: 0; margin: 0;}
.ft-left ul li a {color: #dedede;}
p.ft-right a:hover,.ft-left ul li a:hover {color: #e5c055; text-decoration: none;}

.flag-con {margin-bottom: 20px;}
.flag-con ul{padding:0;margin:0;text-align:center;}
.flag-con ul li { display: inline-block; width: 3%; margin: 3px;}
.flag-con ul li img {width: 100%;}





/*==================REGISTER==================*/
#registerform dl dt, #registerform dl dd {display: inline-block;vertical-align:top;}
#registerform dl dt { width: 20%; text-transform: uppercase;letter-spacing: 1px;margin-top: 9px;}
#registerform dl { }
#registerform dl dd {width: 79%;}

input#registerform_UserName {width: 86%;}
input#registerform_Email,textarea, input[type=text], input[type=password] {
     border: 0px solid #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    padding: 6px;
    width: 100%;
    color: #fff;
    background: transparent;
    border-bottom: 2px solid #bd8620;}

dl#groupVerifyCode dd {display: inline-block;border: 0px solid red;width: 39%;}

.right-btn #customformsubmit, .btnCheckUser, #registerform_btnSubmit {
    background: linear-gradient(to top, #b77e18, #e6c256) !important;
    text-transform: uppercase;
    border: 0px solid red;
    padding: 7px 8px;
    color: #080808;
    font-weight: bold;}

.con-reg ul {padding: 0;margin: 0;text-align: center;}
.con-reg ul li { display: inline-block;border: 0px solid red;width: 50%;margin: 10px auto;border-radius: 33px;background: linear-gradient(to top, #b77e18, #e6c256);text-align: left;padding: 6px 10px;}
.con-reg ul li img {width: 40px; filter: drop-shadow(1px 1px 1px black);}
.con-reg ul li span {padding-left: 8%; text-align: center;font-size: 15px;color: #080808;font-weight: bold;}

.con-reg ul li a:hover span {text-decoration: none !important; color: #980000;}
.con-reg ul li a:hover{text-decoration: none;}
.con-reg {text-align: center;}



/*--- PROMOTION ---*/
li.question:hover {filter:brightness(1.1);transition: .5s;}
li.question a{text-decoration:none;}
.fancybox-opened {z-index: 9999 !important;}
.fancybox-opened .fancybox-skin { margin: auto !important;}
.fancybox-skin {background:#080808;;color: #fff;border: 0px solid red;padding: 30px;}
.fancybox-inner {height: 80vh !important;width: auto !important;}
.fancybox-wrap { width: 70% !important;height: auto !important;position: fixed !important;top: 20px !important;left: 0 !important;right: 0 !important;opacity: 1 !important;margin: auto !important;overflow: visible !important;}

.fancybox-inner .tbl-list tr td {border: 0px solid red;font-size:15px;}
.fancybox-inner .tbl-list1 tr {padding:5px;}
.fancybox-inner .tbl-list1 tr td {border: 0px solid red;font-size:13px;color:grey;padding:2px;}

.promo .info{}
.promo .col-md-9{margin:0px !important;padding:0px !important; border-radius: 10px;overflow: hidden;border: 2px solid #222222;}
.promo .col-md-9 h3 {padding: 0; margin: 0;border: 0px solid white;}
.promo .col-md-9 img {width: 100%;}

.promo .col-md-9 h5{margin-bottom:40px;}
.promo .col-md-9 a:hover{color:#0738cd;}
.promo-count {padding: 10px 0;margin-bottom: 10px;font-size: 15px;color: #dedede;}
.promo-count i {font-size: 20px;vertical-align: middle;}

.promo .col-md-3 .join-btn {color: #080808;font-weight: bold;padding: 7px 20px;background: linear-gradient(0deg,rgb(239 189 60) 63%, rgba(236,205,94,1) 100%);font-size: 12px;text-transform: uppercase; border-radius: 5px;margin-left: 0 !important;cursor: pointer;}

li.question a:hover span.join-btn {background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);transition: .5s ease;box-shadow: 0 0 4px 0px #efbd3c;}
.promo .col-md-5 .join-btn:hover{background: linear-gradient(to left, #25aae1, #0771d9);transition: .5s ease;}
.promo-title{font-size:18px;font-weight:bold;color:#021f6b;}
.promo-subtitle{font-size:14px;color:#021f6b;font-weight:400;margin-bottom:10px;}

#cms5-faqcatlist {display: none;}

.faq-promos .tab {text-align: center;    width: 90%;}
.faq-promos button.tablinks { width: 90%; margin: 8px auto;}

.contact-pg .title h1,.promo-page .title h1 {font-size: 25px;color: #eebc3a;}






/*=================SPORTS==================*/
.top-banner img {width: 100%;}
.pg-cont {padding: 40px 0;}
.pg-cont .col-sm-7 {padding: 0;}

.tiltle-lbanner {border: 2px solid #6b6b6b;position:relative;}
.tiltle-lbanner p.tpt {background: linear-gradient(0deg, #717171, #353535);padding: 10px 15px; font-size: 16px; color: #dedede;font-weight: bold;margin: 0;    letter-spacing: 1.5px;}
.tiltle-lbanner img {width: 100%;}
span.ticon img {width: 25px;margin-right: 6px;}
.tiltle-lbanner a.play-now {text-align: center;left: 7%;bottom: 9%;right: unset;width: 17%;font-size: 12px;cursor: pointer;background: linear-gradient(0deg,rgb(239 189 60) 63%, rgba(236,205,94,1) 100%);}
.des-lb {border: 0px solid red;position: absolute;bottom: 23%; left: 7%;text-shadow: 2px 2px 4px black;}
.des-lb p {font-weight: bold;font-style: italic;color: #eec64e;font-size: 21px; margin: 0;line-height: 23px;}
.des-lb h4 {font-weight: bold;color: #fff; letter-spacing: 1px; font-size: 36px; margin: 0;}


.right-prodc ul {padding: 0; margin: 0;text-align: center;}
.right-prodc ul li {display: inline-block;width: 30%;border: 2px solid #1f1f1f;margin: 0 10px 10px;border-radius: 20px;overflow: hidden;}
.right-prodc ul li img {width: 100%;}
.right-prodc ul li p {background: linear-gradient(180deg, #e2a624, #a7811e); margin: 0;padding: 10px;text-align: center;color: #080808;font-weight: bolder;font-size: 14px;}
.right-prodc ul li:hover {transition: .5s ease;filter: brightness(1.2);transform: scale(1.02);cursor: pointer;}
.right-prodc ul li a:hover {text-decoration:none;} 
.right-prodc ul li:hover p {background: linear-gradient(180deg, #dedede -12%, #525252);}


.seo-sec {padding: 35px 0;}
.seo-sec h1 {color: #d5aa40; text-transform: uppercase; font-size: 28px; margin-bottom: 35px;}
.lvscre,.lvscr {border: 3px solid #d5aa40;}
.lvscrm {display:none;border: 3px solid #d5aa40;}





/*=================CASINO==================*/

.tab {border: 0px solid red;width: 80%;margin: 5% auto 0;background: linear-gradient(0deg, #080808, #252525);padding: 20px;box-shadow: 0 0 2px 5px black; border-radius: 10px;}
.tab-title {text-align: center;font-size: 14px;font-weight: bold;letter-spacing: 1px; margin-bottom: 10px;color: #eec145;}
button.tablinks {display: inline-block;width: 45%;background: linear-gradient(0deg,rgb(239 189 60) 63%, rgba(236,205,94,1) 100%);padding: 10px;border: 0px solid red;margin: 8px;color: #080808;border-radius: 22px;font-weight: bold;letter-spacing: 1px;}
button.tablinks.active,button.tablinks:hover {background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);transform: translateY(-3px);transition: .5s ease; box-shadow: 0 0 4px 0px #efbd3c;}
button.tablinks.active{    transform: translateY(0px);}
:focus {outline: -webkit-focus-ring-color auto 0px;}




/*==================   LOTTERYCONTENT   ====================*/
#theme-contain-lottery .tg-title {text-align: center;}

.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; width: 47%; margin: 13px;}
.lottab ul li h4{color:#fff;letter-spacing: 1px;}
.lottab table{width:100%; text-align:center;}
.lottab table th {text-align: center; padding: 10px 9px;font-family: 'Roboto-bold',sans-serif; border: 1px solid #d5b144; background: #e8ba3a;; color: #161616;}

#drawresult ul > li ol {text-align: center;}
.lottab table tr td { padding: 8px; border: 1px solid #e5c456; background-color: #2e2e2e;color: #ffffff;}
.lottab ul li h4 font {font-size: 16px;}
.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;}


.lottery-new {padding: 10px;}
.lottery-new .btn-primary:hover {color: #fff;background-color: #2caffc;border-color: #24b9fc;}
.lottery-new .btn:hover {box-shadow: 0px 3px 5px rgb(46 46 46);transform: translateY(-3px);}

.lottery-new button {margin: 17px;background-color: #1ac8fd;text-transform: uppercase;}

.panel-heading { font-size: 15px;}
.lottery-new .panel-heading {color: #000; border: 0px solid red;}


.panel-body {padding: 0;color: #fff;font-size: 15px;min-height: 425px;}
.panel-body .logo{padding: 10px 0;position: unset;width: unset;}
.panel-body .logo .col-sm-4 {margin-left: 9px;width: 29%;border: 0px solid red;}


#Magnumimg {background: url(imgs/4D_magnum.png) left no-repeat #383838; height: 50px;width: 85px;}
#PMPimg {background: url(imgs/4D_damacai.png) left no-repeat; height: 50px;width: 85px;}
#Totoimg {background: url(imgs/4D_toto.png) left no-repeat; height: 50px;width: 85px;}
#Singaporeimg {background: url(imgs/4D_sgpool.png) left no-repeat; height: 50px;width: 85px;}
#Sabahimg {background: url(imgs/4D_sabah88.png) left no-repeat; height: 50px;width: 85px;}
#Sandakanimg {background: url(imgs/4D_stc.png) left no-repeat; height: 50px;width: 85px;}
#Sarawakimg {background: url(imgs/4D_cashsweep.png) left no-repeat; height: 50px;width: 85px;}
#GDLottoimg {background: url(imgs/4D_gdlotto.png) left no-repeat; height: 50px;width: 85px;}
#Perdanaimg {background: url(imgs/4D_perdana.png) left no-repeat; height: 50px;width: 85px;}
#LuckyHari-Hariimg {background: url(imgs/4D_luckyharihari.png) left no-repeat; height: 50px;width: 85px;}
#GOOD4Dimg {background: url(imgs/4D_good4d.png) left no-repeat; height: 50px;width: 85px;}

#THV88 {display: none;}


#Magnum .panel-heading,#Magnum .logo  {background: #f2bc00;color:#000 !important;}
#PMP .panel-heading,#PMP .logo  {background: #148ea4;}
#Toto .panel-heading,#Toto .logo  {background: #dd0000}
#Singapore .panel-heading,#Singapore .logo  {background: #12689a;}
#Sabah .panel-heading,#Sabah .logo  {background: #eee;color:#000 !important;}
#Sandakan .panel-heading,#Sandakan .logo  {background: #2f9405;}
#Sarawak .panel-heading,#Sarawak .logo  {background: #094405;}
#GDLotto .panel-heading,#GDLotto .logo  {background: #95650a;}
#Perdana .panel-heading,#Perdana .logo  {background: #777;}
#LuckyHari-Hari .panel-heading,#LuckyHari-Hari .logo  {background: #00aced;}
#GOOD4D .panel-heading,#GOOD4D .logo  {background:#ffd45e;color:#000 !important;}


#Magnum .panel-default{border: 3px solid #f2bc00;border-radius: 10px;overflow: hidden;}
#PMP .panel-default {border: 3px solid #148ea4;border-radius: 10px;overflow: hidden;}
#Toto .panel-default {border: 3px solid #dd0000;border-radius: 10px;overflow: hidden;}
#Singapore .panel-default {border: 3px solid #12689a;border-radius: 10px;overflow: hidden;}
#Sabah .panel-default {border: 3px solid #eee;border-radius: 10px;overflow: hidden;}
#Sandakan .panel-default {border: 3px solid #2f9405;border-radius: 10px;overflow: hidden;}
#Sarawak .panel-default {border: 3px solid #094405;border-radius: 10px;overflow: hidden;}
#GDLotto .panel-default  {border: 3px solid #95650a;border-radius: 10px;overflow: hidden;}
#Perdana .panel-default {border: 3px solid #777;border-radius: 10px;overflow: hidden;}
#LuckyHari-Hari .panel-default  {border: 3px solid #00aced;border-radius: 10px;overflow: hidden;}
#GOOD4D .panel-default  {border: 3px solid #ffd45e;border-radius: 10px;overflow: hidden;}



#LuckyHari-Hari .col-sm-9 {font-size: 14px;}
#Magnum #datetime label, #GOOD4D #datetime label, #Sabah #datetime label {color: #000;}


#datetime {text-align: right;}
#datetime label {background: transparent;}
#datetime .col-sm-12 {padding: 0;}

.panel.panel-default { background-color: #2e2e2e;}
.panel-body label {color: #fff;background: #000;padding: 4px;width: 100%;}

.panel-body #TopThree .col-sm-4 {padding: 1px;}

#TopThree, #Special, #Consolation {padding: 10px 20px;}

.popwin {color: #fff;}
#TopThree {padding-top:20px;}
#Consolation {padding-bottom: 20px;}



/*==================   COCKFIGHT   ====================*/
.right-seo h1, .right-seo h2 {font-size: 23px;text-transform: uppercase;color: #eec64e;}
.right-seo {padding: 16% 0px;}



/*==================   CONTACT  ====================*/
.contact-pg {padding: 35px 0 10px;}
.c-area img {width: 100%;}
.qr {width: 45%;margin: auto;position: absolute;bottom: 20px;left: 0;right: 0;}
.qr img { width: 100%;}
.c-inner {width: 100%;padding: 10px 34px;margin: 20px auto;border: 1px solid #c9972f;min-height: 350px;position: relative;}
.c-area { border: 0px solid red;padding: 10px;}
.c-txt {font-size: 14px;}
p.c-title {font-size: 22px;letter-spacing: 1px;font-weight: bolder;color: #c9972f;text-align: center;}
.c-txt a {color: #dedede;}
.c-inner p {margin: 0 0 6px;}
.c-txt div {color: #d0a64c;border: 0px solid red; width: 39%;margin-bottom: 5px;}
.c-txt div {display: inline-block;}



/*==================   NEWS VIDEO ====================*/
.yt {position: absolute;bottom: 13%;left: 10%;}
.vid-jk {width: 100%;height: 336px;margin: auto;}
.video-bg {position: relative;}
.video-bg img {width: 100%;}
.vid-jk iframe {height: 336px;width: 100%;}
.video-left #myCarousel {border: 2px solid #6b6b6b;}
h2.vidti { margin: 0;padding: 10px 15px;font-size: 16px;background: linear-gradient(0deg, #717171, #353535);}
.video-left .carousel-control {text-shadow: 0 0px 0px rgba(0,0,0,.6); opacity: 1; z-index: 99;background: transparent;}
.video-left span.glyphicon {color: #dedede;border: 0px solid red;margin: 0 !important;padding: 5px;font-size: 18px !important;width: 30px !important;height: 30px !important;background: #575757;border-radius: 30px;}


.video-left .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: 10px;}
.video-left .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 10px;}



.home-news-box{height:360px; overflow: auto; margin: 8px 0px 10px; border:0px solid #eecd5c; padding:5px 20px 10px 0px;}
#style-1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(44,44,44,0.3);border-radius: 10px;background-color: #5b5b5b;}
#style-1::-webkit-scrollbar{width: 3px;background-color: #F5F5F5;}
#style-1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(44,44,44,.3);background-color: #c7c7c7;}
#cms5-newscatlist { display: none;}

#news_template_list ul { list-style:none; margin:0px; padding:0px; } 
#news_template_list ul li {border-top: 1px solid #222222;padding: 15px 0;clear: both;}
#news_template_list ul li:first-child {border-top: 0px solid red;}
#news_template_list #spacer{ margin-top: 3px; margin-bottom: 3px;}
#news_template_list #separator{ background-image:url(imgs/line-dot.gif); margin-top: 3px; margin-bottom: 3px; display:block; height:1px;}
#news_template_list #photo {float:left; margin: 0px 5px 0px 5px; clear: right; border: 0px solid #494949; overflow:hidden;width: 12%;}
#news_template_list #photo img { width: 100%; height: unset;}
#news_template_list #title{ padding-left:15px; margin:5px; background-image:url(imgs/icon-news.gif); background-position:top left; background-repeat:no-repeat; display:block; }
#news_template_list #title a{text-decoration : none; font-size : 13px;color: #eebc2b;}
#news_template_list #title a:hover{ color:#080808; /*background:url(imgs/arrow.gif) top left no-repeat;*/}
#news_template_list #message { color:#dedede; font-size : 12px; text-align:justify;}
#news_template_list #message a:hover{ color:#FF952B;}
#news_template_list #details { color:#FF952B; text-align:right; padding-top:10px; font-size:10px;}
#news_template_list #details a {border-radius: 2px;padding: 5px 10px;font-size: 12px;margin: 10px auto;background: linear-gradient(0deg,rgb(229 192 85) 63%, rgba(236,205,94,1) 100%);color: #000;font-weight: bold;}
#news_template_list #details a:hover {transition: .3s ease; box-shadow: 0 0 2px 1px #846823; text-decoration: none;background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);}
#news_template_list #source{ font-size : 12px; font : bold; color:#4D5259; display:block;  }
#news_template_list #source a{ color:#ff4e00; }
#news_template_list #source a:hover{ color:#d94200;}
#news_template_list #doc1link{ font-size : 13px; font : bold; color:#4D5259; padding:10px;}
#news_template_list #doc1link a{ text-decoration : none; color:#text-decoration : none; color:#6c00ff;}
#news_template_list #doc1link a:hover{ color:#4a01ae;}
#news_template_list #doc2link{ font-size : 13px; font : bold; color:#4D5259; padding:10px;}
#news_template_list #doc2link a{ text-decoration : none; color:#text-decoration : none; color:#760088;}
#news_template_list #doc2link a:hover{ color:#9200a8;}
#news_template_list #doc3link{ font-size : 13px; font : bold; color:#4D5259; padding:10px;}
#news_template_list #doc3link a{ text-decoration : none; color:#text-decoration : none; color:#00a8b7;}
#news_template_list #doc3link a:hover{ color:#007d88;}

#template_maillist_archieve{ margin:5px; padding:5px; border-bottom:1px dashed #9D9D9D; }
#template_maillist_archieve #subject{ font-size:11px;}
#template_maillist_archieve #date{ color:#9D9D9D;}
#template_maillist_archieve #message{}

#cms5-news-view {width: 1200px; margin: auto; padding: 45px 0;}




/*==================   SLOTS GAME ====================*/
.toptab.tab {width: 98%;text-align: center;margin: 20px auto;}
.toptab.tab button.tablinks {width: 16%;border-radius: 0;margin: 0;margin-left: -4px;}


.right-slot-float .right-prodc ul li {width: 18%;margin: 8px;}
.right-slot-float { border: 0px solid red;}
.toptab.tab button.tablinks {width: 16%;border-radius: 0;margin: 0;margin-left: -4px;}
.toptab.tab {width: 100%;text-align: center;margin: 20px auto;}
.pg-cont.slotss {padding: 0 17px 20px;overflow: hidden;}
.left-float-slot {float: left;width: 38%;margin: 21px 0 0 17px;}



#tab-top{position:relative;overflow:hidden;}
#tab-top>div{}
#arrowR, #arrowL {position: absolute;top: 50%;transform: translateY(-50%);z-index:99;}
#arrowL{left:0;}
#arrowR{right:0;}
#tab-home ul > li a + .menu-new{width:30%; max-width:50px;min-width:30px;}
#arrowR i.fa, #arrowL i.fa {font-size: 23px;color: #d5aa40;cursor: pointer;}
#arrowR:hover i.fa, #arrowL:hover i.fa {color: #fff;}
#tab-home::-webkit-scrollbar{display:none;height:4px;cursor:pointer;}

#tab-home {width:90vw;overflow:auto; margin:auto;}
#tab-home ul {overflow-x:auto;padding: 0;    margin: 0; list-style: none;}
#tab-home ul>li {background-image: none;background: #212121;float: left;position: relative;box-sizing: border-box; width: 18vw;text-align: center;color: #d5aa40;}
#tab-home ul > li:not(:last-child):before{content:"";height:100%; position:absolute;border-left: 1px solid #080808; right:0; top:0 ;bottom:0; margin:auto;}
#tab-home ul > li:not(:first-child):after{content:"";height:100%; position:absolute; border-left:1px solid rgba(0,0,0,0.2); left:0; top:0 ;bottom:0; margin:auto;}
#tab-home ul > li.active {background-color:#171717; color:#af9a52; background-image:none;}
#tab-home ul > li.active .icn-home-body{background-position-y:100%;}
#tab-home ul > li i {margin-bottom:5px;}
#tab-home ul > li a{letter-spacing:1px; color:#dedede;padding:17px 0; display:block; font-weight:bold;font-size: 12px;}
#tab-home ul > li.active a{color:#fff;text-decoration: none;}
#tab-home ul>li img {width: 150px;margin-bottom: 10px;}
.nav-toplogo {margin: 2% auto;}

#tab-home ul>li:hover {background: #efbd3c;}
#tab-home ul>li:hover a {color: #080808;text-decoration: none;}
#tab-home ul>li:hover a img {filter: drop-shadow(1px 1px 1px black);}

.right-slot-float .right-prodc ul li {position: relative;}
.right-slot-float  .right-prodc ul li:hover img {filter: brightness(0.3);}
.play-now-slot {border: 0px solid red;position: absolute;left: 0; right: 0;width: 40%; top: 50%;padding: 10px 0;transform: translateY(-50%);margin: auto;background: #efbf40;color: #080808;text-transform: uppercase;border-radius: 20px;font-weight: bold;visibility: hidden;}
.right-slot-float  .right-prodc ul li:hover .play-now-slot{visibility:visible;box-shadow: 0 0 9px 3px #846823;text-decoration: none;background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);}




/*==================   MOBILE DOWNLOAD ====================*/

.mob-game {border: 1px solid #d5aa40;text-align: center;padding: 20px 10px;display: inline-block;width: 23.5%;margin: 8px;vertical-align:top;}
img.logo-mobb {width: 88px !important;}
.mob-game img {width: 100%;}
.mob-game h2 {color: #d5aa3b; margin: 10px auto 20px;font-size: 24px;}
.mob-game ul {padding: 0; margin: 0;}
.mob-game ul li {display: inline-block;width: 28%;margin: 5px;}

.mbg1 {background: url(imgs/mbg1.png)center center no-repeat;background-size: cover;}
.mbg2 {background: url(imgs/mbg2.png)center center no-repeat;background-size: cover;}
.mbg3 {background: url(imgs/mbg3.png)center center no-repeat;background-size: cover;}
.mbg4 {background: url(imgs/mbg4.png)center center no-repeat;background-size: cover;}
.mbg5 {background: url(imgs/mbg5.png)center center no-repeat;background-size: cover;}
.mbg6 {background: url(imgs/mbg6.png)center center no-repeat;background-size: cover;}
.mbg7 {background: url(imgs/mbg7.png)center center no-repeat;background-size: cover;}
.mbg8 {background: url(imgs/mbg8.png)center center no-repeat;background-size: cover;}


.content-overlay li {margin: 15px auto;}
.content-overlay li a {color: #d5aa40;}


#cms5-news-list {display: none;}

.seo-sec .right-seo {padding: 25px 0 0;}
.seo-sec .right-seo h1, .seo-sec .right-seo h2 {margin: 20px auto 10px;}

.promo-ans ul {padding-left: 20px;}

.lottery-new .panel.panel-default {min-height: 500px;}
#GDLotto {display: none;}


table.tbl-list {width: 100%;}
table.tbl-list.casinoo {border: 1px solid #4c4c4c;}
table.tbl-list.casinoo th {text-align: center;padding: 10px 0;background: #d5aa40;font-size: 15px;color: #080808;}
table.tbl-list.casinoo td {border: 1px solid #4c4c4c;padding: 10px 0;text-align: center;}


.lang-btn:hover, .lang-btn:focus {color: #f9da82;}
.right-btn .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: #800900;color: #fff;}
.right-btn .dropdown-menu>li>a {text-align: center;}

.home-slot.active {display: block;}
.home-slot {display: none;}


/*----------------------------------------------------------------------------------------------------------------------*/
/*===========================BIG SCREEN===========================*/
/*--------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (max-width:1920px) and (min-width:1800px){

.logo { width: 16%;}
 #tab-home ul>li { width: 14.5vw;}
 .hot-games .container-fluid {width: 1800px;}
 .h-top { min-height: 80px;}
 
.hot-games {padding: 45px 15px ;background: url(imgs/bg-hot.png)center center no-repeat;background-size: cover;}
.game-detail {width: 100%;text-align: left;background: #232323;border-radius: 20px; overflow: hidden;position:relative;box-shadow: 0 0 7px 0px black;}
p.game-title {color: #d0a249;font-size: 20px;padding: 20px 20px 0;}
.game-pro {color: #fff;font-size: 13px;padding: 0 20px; margin: 0 0 20px;}
.game-detail img { width: 100% !important;}
 
 

}



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

.container-fluid { width: 100%;}
.w1200,.w1300 {margin: auto;width: 100%;}

.logo { position: unset; width: 70%;}

.modal-dialog.modal-md {width: 77%;}

.language .modal-dialog {width: 70%;}
.lp-title ul li {display: inline-block;width: 40%; margin: 16px auto;}

.flexslider .slides img {max-width: 100%;}
#sectionLogo .swiper-slide img {width: 100%;}
#sectionLogo .swiper-slide {width: 20% !important;}
.right-btn {float: unset; margin-top: 4px;text-align: center;margin-right: 0;}

.language { display: block; width: 13%; text-align: center; margin: 10px auto 0;}

.info ul li {width: 12%;}
.info ul li img {padding: 0;}
.info ul li:nth-child(2) { width: 73%; padding: 10px;}
.info {padding: 15px 0;}

.hot-games {padding: 45px 0px;}
.hp-des {padding: 20px 10px;}

.avg {width: 100%;}
.owl-slidee {border: 0px solid red;overflow: hidden; width: 345px;margin: auto;}
.why-pic {position: unset; width: 100%;}

.tg-prod ul li { width: 43%;}
.why .col-sm-12 { padding: 3% 3% 0;}

.img-box { min-height: 215px;}

.ft-left {margin: 10px auto;float: unset;}
.ft-left ul {text-align: center;}
p.ft-right {text-align: center;padding: 0 10px;}

.flag-con ul li {width: 8%;}

#jackpot {bottom: 19px;font-size: 23px;}
.hot-games .tg-title {color: #ffffff;}

.tiltle-lbanner a.play-now {bottom: 6%;width: 24%;}
.right-prodc ul li { width: 43%; margin: 10px;}

.tab {width: 100%;}
button.tablinks {width: 44%;margin: 6px;padding: 10px 0;}

#tab-home ul>li {width: 28vw;}
.toptab.tab button.tablinks { width: 46%; margin: 5px; margin-left: 5px;}

.left-float-slot {float: left; width: 100%; margin: 21px auto;}
.right-slot-float .right-prodc ul li {width: 44%; vertical-align: top;}
.play-now-slot {width: 60%;}

.right-prodc ul li p { padding: 10px 0; font-size: 12px;}

a.play-now {width: 53%;}

#tab-home ul > li a {padding: 17px 3px; font-size: 12px;}
#tab-home ul>li img {width: 100%;margin-bottom: 10px;}

.lottab ul li { width: 90%; margin: 13px auto;}
.panel-body .col-sm-3 {display: inline-block;width: 33%;}

.faq-promos .tab {width: 100%; margin: 5% auto;}
.promo-page {padding: 0;}
.fancybox-wrap {width: 88% !important;}

.qr {width: 37%;}

#registerform dl dd {width: 100%;}
#registerform dl dt {width: 100%;}
input#registerform_UserName {width: 74%;}
.con-reg ul li {width: 54%; margin: 10px 5px;}

dl#groupVerifyCode dd {width: 45% !important;}

.mob-game { width: 96%;}
}







/*=============================================================*/
/*---------------------------------------      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) {

.logo { width: 40%;}
.language { width: 5%;}

.img-box { min-height: 315px;}
#jackpot {bottom: 30px;font-size: 40px;}

.info .col-sm-3 { display: inline-block; width: 49.5%;}
.steps ul li {display: inline-block;width: 49%;}

.owl-slidee {width: 630px;}
.avg-box {padding-top: 30px;}
.avg { width: 80%;}

button.tablinks {width: 30%;}
.lottery-new .col-sm-4 {display: inline-block; width: 50%;}

.right-seo {padding: 2% 0px;}

.faq-promos button.tablinks { width: 30%; margin: 6px;}

.promo .info {text-align: center;}

.contact-pg .col-sm-3 {display: inline-block; width: 49%; vertical-align: top;}
.qr {width: 46%;}

.col-sm-6.news-right { padding: 20px 15px;}
.con-reg ul li {width: 34%;}
input#registerform_UserName {width: 85%;}


.mob-game { width: 47%;}


}



/*=============================================================*/
/*------------------------------------------------- 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) { 
  	


}

/*=============================================================*/
/*------------------------------------------------- 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) { 




}




/*=============================================================*/
/*------------------------------------------------- iPhone X landscape---------------------------------------------*/		
/*=============================================================*/

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

.logo { width: 29%;}
.why-pic {position: absolute;width: 38%;right: 0;}

.info .col-sm-3 { width: 50%;}
.language { width: 6%;}
.tg-prod ul li {width: 22%;}

.img-box {min-height: 400px;}
#jackpot {bottom: 36px;font-size: 45px;}
.col-sm-9.jackpot {width: 100%;}

.col-sm-3.steps {width: 100%;padding: 20px 15px 0;}

.steps ul li {display: inline-block;width: 48.5%;padding: 14px;}
.modal-dialog.modal-md {width: 43%;}

.tiltle-lbanner a.play-now {bottom: 2%;width: 31%;}
button.tablinks {width: 100%; margin: 6px auto;}

.left-float-slot {float: left;width: 47%; margin: 11px auto 21px;}

.right-slot-float .right-prodc ul li { width: 21%;}

.right-seo {padding: 0px;}
.faq-promos .tab { padding: 20px 5px;}

.contact-pg .col-sm-3 {display: inline-block; width: 49%; vertical-align: top;}
.con-reg ul li {width: 72%;}

.flag-con ul li {width: 6%;}

.mob-game {width: 47.9%;}

}






/*==========================================================*/
/*-------------------------------------------------      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) {

.logo { width: 35%;}
.tg-prod ul li {width: 22%;}
.modal-dialog.modal-md {width: 43%;}
.info .col-sm-3 { width: 50%;}

.img-box {min-height: 380px;}
#jackpot {bottom: 36px;font-size: 45px;}
.col-sm-9.jackpot {width: 100%;}

.col-sm-3.steps {width: 100%;padding: 20px 15px 0;}
.steps ul li {display: inline-block;width: 48.5%;padding: 14px;}
.why-pic {position: absolute;width: 38%;right: 0;}

.con-reg ul li {width: 79%;}

.tiltle-lbanner a.play-now {bottom: 2%;width: 31%;}
button.tablinks {width: 100%; margin: 6px auto;}

.left-float-slot {float: left;width: 47%; margin: 11px auto 21px;}

.right-slot-float .right-prodc ul li { width: 21%;}

.right-seo {padding: 0px;}
.faq-promos .tab { padding: 20px 5px;}

.contact-pg .col-sm-3 {display: inline-block; width: 49%; vertical-align: top;}


.flag-con ul li {width: 6%;}

.mob-game {width: 47.9%;}

#registerform dl dt {width: 24%;}
#registerform dl dd {width: 63%;}

input#registerform_UserName {width: 70%;}
dl#groupVerifyCode dd {width: 37% !important;}


}


/*==========================================================*/
/*-------------------------------------------------      iPad  --------------------------------------------------*/		
/*==========================================================*/

/*---------------------Landscape---------------------*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

.logo { width: 34%;}
.language { width: 5%;}
.con-reg ul li {width: 61%;}
.modal-dialog.modal-md {width: 32%;}

#registerform dl dt {width: 24%;}
#registerform dl dd {width: 75%;}

input#registerform_UserName {width: 70%;}
dl#groupVerifyCode dd {width: 37% !important;}

.mob-game {width: 31.7%;}

.tg-prod ul li {width: 22%;}

.col-sm-3.steps {width: 100%;padding: 20px 15px 0;}
.steps ul li {display: inline-block;width: 48.5%;padding: 14px;}
.why-pic {position: absolute;width: 38%;right: 0;}

.img-box {min-height: 450px;}
#jackpot {bottom: 36px;font-size: 68px;}
.col-sm-9.jackpot {width: 100%;}

.steps ul li {width: 24.7%;padding: 5px;}
.lsimg {width: 20%;}
.rsdes h6 { font-size: 15px;}
.avg {width: 85%;}

.flag-con ul li {width: 4%;}

#tab-home ul>li {width: 18vw;}
.toptab.tab button.tablinks {width: 18%;}

.tiltle-lbanner a.play-now {bottom: 2%;width: 31%;}
button.tablinks {width: 100%; margin: 6px auto;}

.left-float-slot {float: left;width: 47%; margin: 11px auto 21px;}

.right-slot-float .right-prodc ul li { width: 21%;}
.panel-heading .col-sm-9 {font-size: 14px;}

.right-seo { padding: 45px 0px;}
.contact-pg .col-sm-3 {display: inline-block; width: 25%; vertical-align: top;}

.c-inner {padding: 10px 9px; border: 1px solid #c9972f; min-height: 300px;}
.c-area {border: 0px solid red; padding: 0;}

}




/*=============================================================*/
/*------------------------------------------------- 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){

.language { width: 6%;}
.img-box {min-height: 450px;}
#jackpot {bottom: 44px; font-size: 64px;}

.steps ul li {width: 24.7%;padding: 5px;}
.lsimg {width: 20%;}
.rsdes h6 { font-size: 15px;}
.avg {width: 85%;}

button.tablinks {width: 45%; margin: 8px;}

#tab-home ul>li {width: 18vw;}
.toptab.tab button.tablinks {width: 18%;}
.panel-heading .col-sm-9 {font-size: 14px;}

.right-seo { padding: 45px 0px;}
.contact-pg .col-sm-3 {display: inline-block; width: 25%; vertical-align: top;}

.c-inner {padding: 10px 9px; border: 1px solid #c9972f; min-height: 300px;}
.c-area {border: 0px solid red; padding: 0;}

}

/*=============================================================*/
/*------------------------------------------------- iPhone 5 ---------------------------------------------*/		
/*=============================================================*/
@media screen and (device-aspect-ratio: 40/71) {

}




/*=============================================================*/
/*------------------------------------------------- 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) {



}