English@import url("/theme/wm996sg/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;}
body{ overflow-x: clip;}
.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: #000 !important;
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%) !important;
border-radius: 5px !important;
margin: 0;
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: 2px solid #cfa138; 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: #bd8620;padding: 10px;text-align: center;text-transform: uppercase; font-size: 23px;}
.language .modal-title {margin: 0;line-height: 1.42857143;color: #fff;background: #bd8620;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(/theme/megawin88/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, #d5aa40, #af841b);
border-color: #7c5c10;
padding: 0;
}
.panel-heading a {
padding: 10px;
display: block;
}
.panel-default>.panel-heading:hover {background: linear-gradient(-45deg, #d4a93f, #b0851c);}
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: #000;
font-weight: 600;
}
/*==========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(/data/1976/uploads/bg-h1.png)left 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(/data/1976/uploads/top-game.png)center repeat; padding: 45px 0;
background-size: 796px;
}
.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); cursor:pointer;}
.tg-prod ul li {
display: inline-block;
width: 17%;
vertical-align: top;
margin: 10px;
transition: .5s ease;
border-radius:13px;
}
.tg-prod ul li > div{
border-radius: 13px;
overflow: hidden;
box-shadow: 0px -1px 6px 2px #000;
border: 1px solid #e5c055;
background: #232323;
}
.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(/theme/megawin88/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%; filter: drop-shadow(0px 0px 5px gold);}
.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(/theme/megawin88/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: #00000090 url(/data/1976/uploads/bg-hot.png)center center no-repeat; background-blend-mode: overlay; 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(229 192 85) 85%, rgb(255 233 200) 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;
overflow: hidden;
}
/*==================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; filter:drop-shadow(-13px 0px 0px gold); transition: 0.3s;}
#sectionLogo .swiper-button-prev.swiper-button-white {filter:drop-shadow(13px 0px 0px gold); transition: 0.3s;}
#sectionLogo .swiper-button-next.swiper-button-white:hover {filter:drop-shadow(0px 0px 4px gold);}
#sectionLogo .swiper-button-prev.swiper-button-white:hover {filter:drop-shadow(0px 0px 4px gold);}
#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 #00000050);}
.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 ---*/
#myBtnContainer {
margin-bottom: 8px;
}
#myBtnContainer a.btn {
color: #000;
background: linear-gradient(45deg, #e1bb4f, #b77e18);
margin: 0px 10px 0px 0px;
padding: 10px 15px;
width: 13%;
font-size: 18px;
border-radius: 10px;
transition: 0.3s;
border: 1px solid #fff;
box-shadow: 0 0 0 0;
}
#myBtnContainer a.btn:last-child { margin: 0;}
#myBtnContainer a:hover.btn, #myBtnContainer a.btn.active {
color: #fff;
background: linear-gradient(45deg, #b9811b, #dfb94d);
box-shadow: inset 0 0 10px 0px #000;
border: 1px solid #b96412;
}
#faq_modal li {
width: 33.33%;
border: 0px solid red;
list-style: none;
float: left;
}
#faq_modal li img {
width: 100%;
border-radius: 10px;
border: 1px solid #ddb54a;
}
#cms5faq_modal_template_list ol#faq_modal {
padding: 0px;
}
.promo-tit {
color: #d1ae8e !important;
font-weight: bold;
letter-spacing: 0.5px;
font-size: 20px !important;
}
.contentpromo div {
font-size: 17px;
color: #ffa012;
}
.contentpromo div span {
color: #000;
}
.contentpromo .sDetail {
color: #000;
font-size: 17px;
}
.question a:hover {
text-decoration: none;
}
.contentpromo .butplay2 {
margin-top: 25px;
}
.promo-content {
border: 0px solid red;
}
.promo-content-content {
border: 0px solid green;
overflow: hidden;
height: 700px;
padding: 50px 0px;
}
.promo-content-content .promoright {
margin-top: 80px;
}
.content-size {
padding: 25px;
margin-bottom: 42px;
border-radius: 16px;
filter: drop-shadow(2px 4px 6px black);
overflow: hidden;
text-align: center;
}
.filterDiv {
display: none;
margin: 5px 6px ;
}
.fancybox-opened .promo {
position: relative;
overflow: hidden;
}
.fancybox-inner h4 {
display: none;
}
.fancybox-inner {
padding: 20px;
padding-bottom: 100px;
width: auto !important;
}
.fancybox-inner {
padding: 0px 40px;
}
.fancybox-inner ol {
padding: 20px;
}
.fancybox-skin ul li {
list-style: circle;
line-height: 20px;
}
div#cms5-faqcatlist{ display: none;}
/*=================SPORTS==================*/
.top-banner img {width: 100%;}
.pg-cont {padding: 40px 0;}
.pg-cont .col-sm-7 {padding: 0;}
.tiltle-lbanner {
border: 2px solid #754a11;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.tiltle-lbanner p.tpt {background: linear-gradient(0deg, #734811, #b78b1f);padding: 0px 15px; font-size: 16px; color: #dedede;font-weight: bold;margin: 0; letter-spacing: 1.5px;}
.tiltle-lbanner img {width: 100%;}
span.ticon img {width: 50px;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; transition: .5s ease;}
.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 {filter: brightness(1.4);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, #a8811e -12%, #d9a023);}
.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: 10px; color: #fff;font-size: 15px; }
.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(/theme/megawin88/imgs/4D_magnum.png) left no-repeat #383838; height: 50px;width: 85px;}
#PMPimg {background: url(/theme/megawin88/imgs/4D_damacai.png) left no-repeat; height: 50px;width: 85px;}
#Totoimg {background: url(/theme/megawin88/imgs/4D_toto.png) left no-repeat; height: 50px;width: 85px;}
#Singaporeimg {background: url(/theme/megawin88/imgs/4D_sgpool.png) left no-repeat; height: 50px;width: 85px;}
#Sabahimg {background: url(/theme/megawin88/imgs/4D_sabah88.png) left no-repeat; height: 50px;width: 85px;}
#Sandakanimg {background: url(/theme/megawin88/imgs/4D_stc.png) left no-repeat; height: 50px;width: 85px;}
#Sarawakimg {background: url(/theme/megawin88/imgs/4D_cashsweep.png) left no-repeat; height: 50px;width: 85px;}
#GDLottoimg {background: url(/theme/megawin88/imgs/4D_gdlotto.png) left no-repeat; height: 50px;width: 85px;}
#Perdanaimg {background: url(/theme/megawin88/imgs/4D_perdana.png) left no-repeat; height: 50px;width: 85px;}
#LuckyHari-Hariimg {background: url(/theme/megawin88/imgs/4D_luckyharihari.png) left no-repeat; height: 50px;width: 85px;}
#GOOD4Dimg {background: url(/theme/megawin88/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; text-align:left;}
.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;}
/*================== VIP ====================*/
.table-vip table tr th {
background: #d5aa40;
color: #000;
letter-spacing: 1px;
}
.table-vip table tr th, .table-vip table tr td {
border: 1px solid #d5aa40;
padding: 5px 10px;
text-align: center;
}
.table-vip table {
width: 100%;
}
.table-vip {
margin-bottom: 20px;
}
/*================== affilitate ====================*/
hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(254 213 62), rgba(0, 0, 0, 0));
margin: 5% 0;
}
.affiliate-content{ text-align: center; }
.affiliate-content h1 {
color: #d9b636;
font-weight: 900;
}
.affiliate-content table tr th {
background: linear-gradient(180deg, rgb(236 205 94), #d5aa40);
color: #000;
}
.affiliate-content table tr th, .affiliate-content table tr td {
border: 1px solid #fff;
text-align: center;
padding: 5px 10px;
}
.affiliate-content table {
width: 100%;
margin-bottom: 3%;
}
/*================== float ========================*/
.toggleMain {
position: fixed;
left: -244px;
top: 161px;
z-index: 99;
transition: 0.3s;
}
.toggleMain.show {
left: 0;
}
.toggleLeftInfo {
float: left;
background-color: #000;
border-bottom-right-radius: 10px;
box-shadow: 0 2px 6px 0 rgb(0 0 0 / 50%);
border-bottom: 1px solid #2c2c2c;
border-right: 1px solid #2c2c2c;
border-top: 1px solid #2c2c2c;
}
.toggleLeftInfo td {
text-align: center;
padding: 2px;
}
.toggleLeft {
cursor: pointer;
float: left;
height: 170px;
width: 42px;
background: #deae37;
display: flex;
align-items: center;
flex-direction: column;
transition: .3s;
border-top-right-radius: 0.05rem;
border-bottom-right-radius: 0.05rem;
background-image: url(/data/1976/uploads/contact-us-bar.png);
}
.toggleRight {
float: left;
height: 170px;
width: 42px;
background: #deae37;
display: flex;
align-items: center;
flex-direction: column;
transition: .3s;
border-top-right-radius: 0.05rem;
border-bottom-right-radius: 0.05rem;
background-image: url(/data/1976/uploads/contact-us-bar.png);
}
.hotgameIconGif {
margin-top: 140px;
position: absolute;
}
.downloadTitle {
transform: rotate(90deg); /* Equal to rotateZ(45deg) */
color: #000;
/*margin-left: -80px;*/
margin-left: -40px;
margin-top: 30px;
height: 100px;
font-weight: bold;
}
.downloadimg {
border: 1px solid rgba(64,64,64,0.5);
background-color: rgba(51,51,51,0.5);
margin: 2px;
}
.downloadimg img {
width: 100px;
padding: 5px;
}
/*================== MALL ========================*/
.ctrllist.iconx32 ul li a {
padding: 6px 10px;
background: #f00;
color: #fff;
border-radius: 5px;
}
.ctrllist.iconx32 ul {
list-style: none;
padding: 0;
}
form#cartlist input[type="button"] {
background: linear-gradient(50deg, #bf8a23, #fddd9b, #bf8a23, #fddd9b);
color: #000;
border: 0;
padding: 6px 10px;
border-radius: 5px;
}
.tbllist .tbl tfoot td {
border-top: 1px solid #fff;
padding: 3px 8px;
background: transparent;
}
div#prod-cart .spacer {
padding: 20px 0;
}
form#cartlist thead {
background: #b18200;
}
div#continue-shopping a {
color: #000;
}
div#continue-shopping {
background: #ffd400;
width: fit-content;
padding: 10px;
border-radius: 8px;
}
div#prod-cart {
width: 95%;
margin: auto;
max-width: 1000px;
}
#search-bar {
width: 97%;
max-width: 1000px;
margin: auto;
border: 1px solid #bd8620;
border-radius: 10px;
color: #fff;
padding: 10px 20px;
}
legend{ color: #fff; }
select#sortlist {
background: #000;
border-radius: 4px;
}
a#clear-btn {
background: #f00;
color: #fff;
padding: 8px;
border-radius: 4px;
}
#cms5-prod-list {
margin: 20px auto;
width: 97%;
text-align: center;
}
#cms5-prod-list ul {
list-style: none;
height: auto;
margin: 8px 4px;
display: inline-block;
transition: 0.3s;
border: 0px solid #efcd60;
width: 19%;
padding: 25px 0 25px;
background: #fff;
box-shadow: 0px 2px 5px 0px #00000091;
border-radius: 25px;
}
#cms5-prod-list ul #photo {
display: block;
text-align: center;
}
#cms5-prod-list ul #title {
display: block;
height: 50px;
overflow: hidden;
text-align: center;
font-size: 15px;
font-weight: 700;
}
#cms5-prod-list ul #code {
display: none;
overflow: hidden;
}
#cms5-prod-list ul #price {
display: block;
clear: both;
text-align: center;
color: #7a7a8d;
}
#cms5-prod-list ul #desc {
display: none;
height: 85px;
overflow: hidden;
}
#cms5-prod-list ul #addcart {
text-align: center;
padding-top: 10px;
margin-top: 10px;
}
#cms5-prod-list ul #details {
display: none;
}
#cms5-prod-list ul li {
clear: both;
display: block;
}
#cms5-prod-list ul #photo .caption {
display: none;
}
#cms5-prod-list ul #title .caption, #cms5-prod-list ul #price .caption, #cms5-prod-list ul li#enquiry{
display: none;
}
#cms5-prod-list ul #title a, #cms5-prod-list ul #title a:visited {
color: #787878;
}
#cms5-prod-list ul #addcart a , td#addcart a{
padding: 11px 17px;
text-align: center;
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%);
background-size: 100%;
width: 126px;
height: 38px;
border: 0px;
color: #000;
border-radius: 10px;
box-shadow: 0px 2px 4px 1px #b77e18;
margin: auto;
}
div#price-range input#price-min, div#price-range input#price-max {
display: inline-block;
width: 18%;
margin: 5px 0px;
}
#price-range input#stock { margin-left: 10px;}
#cms5-prod-view {
clear: both;
display: block;
margin: 60px auto;
width: 80%;
border-radius: 10px;
border: 2px solid #c5c5c5;
background: transparent;
padding: 20px;
color: #fff;
}
td#title {
font-size: 33px;
color: #c8962e;
font-weight: 600;
}
#cms5-prod-view > table > tbody > tr > td{ vertical-align: middle; }
td#caption, tr#enquiry, td#sharelink, tr#code { display: none; }
form#customform {
width: 90%;
max-width: 400px;
margin: auto;
padding: 10px 15px;
border-radius: 10px;
border: 1px solid #d6ab41;
}
form#customform dd {
text-align: left;
margin-bottom: 5px;
}
/*================== CONTACT ====================*/
.contactus {
width: 100%;
margin: auto;
position: relative;
text-align: center;
background: #00000080 url(/data/1976/uploads/contact-bg.png);
background-size: cover;
background-position: bottom;
background-blend-mode: overlay;
}
.rightimg { position: relative; display: inline-block; }
.girl {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
}
.leftcontent p {
margin: 10px 0;
font-size: 18px;
letter-spacing: 2px;
color: rgb(255 255 255);
}
.leftcontent {
display: inline-block;
vertical-align: middle;
margin-right: -6%;
position: relative;
z-index: 1;
}
.leftcontent-box {
text-align: left;
}
.leftcontent h1 {
font-weight: 900;
font-size: 77px;
color: #fff;
font-family: sans-serif;
}
.stroke{-webkit-text-stroke: 2px #fff; color: #0000;}
/*================== 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(/theme/megawin88/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(/theme/megawin88/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(/theme/megawin88/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%);}
/*================== popmsg ====================*/
div#popmsg {
max-width: 100%;
width: 581px;
margin: auto;
}
/*================== 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(/theme/megawin88/imgs/mbg1.png)center center no-repeat;background-size: cover;}
.mbg2 {background: url(/theme/megawin88/imgs/mbg2.png)center center no-repeat;background-size: cover;}
.mbg3 {background: url(/theme/megawin88/imgs/mbg3.png)center center no-repeat;background-size: cover;}
.mbg4 {background: url(/theme/megawin88/imgs/mbg4.png)center center no-repeat;background-size: cover;}
.mbg5 {background: url(/theme/megawin88/imgs/mbg5.png)center center no-repeat;background-size: cover;}
.mbg6 {background: url(/theme/megawin88/imgs/mbg6.png)center center no-repeat;background-size: cover;}
.mbg7 {background: url(/theme/megawin88/imgs/mbg7.png)center center no-repeat;background-size: cover;}
.mbg8 {background: url(/theme/megawin88/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: #00000090 url(/data/1976/uploads/bg-hot.png)center center no-repeat; background-blend-mode: overlay; 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;}
}
@media all and (min-width: 1025px){
#theme-frame{ position: sticky; top: 0; z-index: 1050; }
}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*===========================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: 25%; 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) {
}
@media all and (max-width:1024px){
#cms5-prod-list ul{ width: 26%;}
#myBtnContainer a.btn, #myBtnContainer a.btn:last-child {
margin: 0px 2px 6px 2px;
width: 32%;
}
.content-size{ padding: 20px 0; }
}
@media all and (max-width:988px){
.leftcontent{ margin-right: 0; }
.leftcontent p{text-align: center;}
#faq_modal li { width: 50%; }
}
@media all and (max-width: 563px){
.leftcontent h1{ font-size: 60px;}
#cms5-prod-list ul{ width: 48%; }
#myBtnContainer a.btn, #myBtnContainer a.btn:last-child { width: 47%; }
}
