@import url("../Default/style.css");
@import url("./font/font-css.css");

@viewport {
  width: device-width;
  zoom: 1;
}

html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: "Galano-Medium","krungthep", sans-serif;overflow-x: hidden;
}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;}
html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
}

textarea, input[type=text], input[type=password] {
    border: 0px solid #333333;
    padding: 2px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    border-radius: 20px;
    box-shadow: inset 0 1px 15px 0 #fff;
    background-color: hsla(0, 0%, 100%, 0.5);
    outline: none;
    color: #333;
    font-size: 14px;
    font-family: DinProMedium;
    opacity: 0.9;
    overflow: hidden;
    padding-left: 15px;
}
select#registerform_Currency {
    border: 0px solid #333333;
    padding: 2px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    border-radius: 20px;
    box-shadow: inset 0 1px 15px 0 #fff;
    background-color: hsla(0, 0%, 100%, 0.5);
    outline: none;
    color: #333;
    font-size: 14px;
    font-family: DinProMedium;
    opacity: 0.9;
    overflow: hidden;
    padding-left: 15px;
}
 

#theme{
	display:block;
	height:100%;
	width:100%;
	background: #fff;
	}

.themetbl {display:table;}
.themetblrow {display:block;}
.themetblcell {display:block;}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:500px; }
.w1000{width:1000px; margin:auto;}

#theme-frame{
	height:100%;
	margin:auto;
	width:100%;
}

#theme-header {
    height: 128px;
    background: #fff;
}
#theme-header-content { position:relative; }

#theme-menu {
    border: 0px solid red;
    width: 71%;
    margin: auto;
    float: left;
    padding: 32px 0 0;
    text-align: center;
}
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both; position:relative;}


#theme-title {  padding-left:10px;}
#theme-lang {}
#theme-header-link {position:unset; right:10px; top:0px;    width: 1200px;margin: auto;}
#theme-header-link ul {list-style:none; }
#theme-header-link ul li { }
#theme-header-link ul li:first-child{ border:0px;}
#theme-header-link a,
#theme-header-link a:visited {font-size:12px; text-decoration:none; padding:2px 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#theme-header-link a:hover {  color:#6aaaf5;}
#theme-header-logo {position:absolute; left:0px; top:0px;}
#theme-header-logo img { width:120px;}

.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:100%; height:100%; min-height:350px; padding-top:10px;}
.themetbl .cellbox > li {display:inline-block; vertical-align:top; }
.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:770px; height:100%; min-height:350px;}
.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef;  width:190px; height:100%; min-height:350px; display:inline-block;}

#theme-nav { clear:both; padding:10px; background:#efefef; display:block; }
#theme-nav ul {margin:0px; padding:0px; list-style:none;  }
#theme-nav ul li { display:inline; }
#theme-nav ul li a,
#theme-nav ul li a:visited { color:#000000; text-decoration:none; font-weight:bold; padding:0px 10px 0px 10px; background:url(icon/arrow-v.png) left no-repeat; }


.top-swiper {width: 100%;}

ul {list-style-type: none;padding:0;}
a:focus, a:hover {text-decoration: none;}

.banner .swiper-slide {width:100% !important;}

#logo {
    width: 180px;
    margin-right: 0;
    height: 101px;
    border: 0px solid red;
    float: left;
}
#logo img {
    width: 100%;
    border: 0px solid green;
    margin-top: -57px;
}

#top-log {
    text-align: right !important;
    border: 0px solid red;
    width: 12%;
    float: right;
    margin-top: 28px;
}
.container { padding: 0;}

#cssmenu>ul>li:hover>a, #cssmenu>ul>li.active>a {
    background: linear-gradient(to right, #c2a884 40%, #e9d6c1 100%);
    font-size: 13px;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
  
    margin-bottom: 0;
    border: 0px solid red;
    height: 40%;
    border-radius: 13px;
}
#menu-line {
    bottom: -101px;
    margin: 0 5px;
}
#cssmenu>ul>li:hover>a p:before, #cssmenu>ul>li.active>a p:before {
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    border-radius: 50px;
    background-image: linear-gradient(to right, #c2a884 40%, #e9d6c1 100%);
    z-index: -1;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: -4px;
}
#cssmenu>ul>li>a p {
    position: relative;
    z-index: 99;
    margin: 0;
    padding: 0 10px;
}

#cssmenu>ul>li:hover>a p:before, #cssmenu>ul>li.active>a p:before {ß
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    border-radius: 50px;
    background-image: linear-gradient(to right, #c2a884 40%, #e9d6c1 100%);
    z-index: -1;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: -4px;
}

#cssmenu>ul>li>a {padding: 5px 2px 5px;color:#404654;font-size: 13px;font-weight: unset; }
#cssmenu>ul>li {
    margin: 0px 6px;
    height: 72px;
    font-weight: normal;
}



.giftBtn img { width: 75px;}

li.has-sub>a:after{display:none;}

#cssmenu ul ul {
    position: absolute;
    top: 123px;
    left: 50%;
    transform: translate(-50%,0);
    display: inline;
    width: 100%;
    box-shadow: 0 6px 19px 0 hsl(0deg 0% 40% / 27%);
    background-color: hsla(0, 0%, 100%, 0.96);
    height: 0;
    overflow: hidden;
    text-align: center;
    z-index: 9;
}
#cssmenu { float: unset;}


#cssmenu ul li.has-sub ul li h3 {
    font-size: 14px;
    font-weight: 500;
    color: #636363;
    line-height: 15px;
    text-align: center;
    margin: 6px 0;
}
#cssmenu ul li.has-sub ul li .cPopup,#cssmenu ul li.has-sub ul li #cPp{
    width: 110px;
    height: 42px;
    margin-top: 10px;
    background: url(images/huanya/primary-medium-new-selected.png)center center no-repeat;
    background-size: 100%;
    color: #fff;
    margin: auto;
    text-align: center;
    cursor: pointer;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 28px;
}

#cssmenu>ul>li:nth-child(3) ul li a img, #cssmenu>ul>li:nth-child(3) ul li a #rtm {
    border: 0px solid green;
    display: inline-block;
    vertical-align: middle;
}

#cssmenu>ul>li:nth-child(3) ul li {
    width: 302px !important;
    padding: 70px 17px !important;
}

#menu-line {bottom: -101px;}
#cssmenu ul li.has-sub ul li img {width: 146px;margin:auto;}
#cssmenu ul li.has-sub ul li a:hover img{transform: scale(1.1);    transition: .5s;}

/*#cssmenu ul ul li a:hover {
    background-image: linear-gradient( 
180deg
 , #dee4f6, hsla(0, 0%, 100%, 0.6));
    background-size: 100% 100%;
    border-radius: 0px;float: none;
}*/

#cssmenu ul li.has-sub ul li:hover {
    border-bottom: 0px solid red;
    background: linear-gradient( 
180deg
 , #dee4f6, hsla(0, 0%, 100%, 0.6));
    background-size: 100% 100%;
    border-radius: 0px;
}


#cssmenu li:hover > ul {padding: 0px 0 0 0;0}


#cssmenu ul li.has-sub ul li {
    border-bottom: 0px solid transparent;
    transition: border .4s;
    padding: 15px 0;
    border: 0px solid red;
    width:200px;
    text-align: center;
    margin-left: -4px;
}

#cssmenu ul ul li a { float:unset;}
#cssmenu ul li.has-sub ul li:first-child {
    pointer-events: unset;
    float: unset;
    margin-left: unset;
}

#cssmenu ul li.has-sub:nth-child(2) ul li:hover {
    border-bottom: 0px solid red;
}



form#customform,form#registerform {
    margin-top: 15px;
    padding: 30px 18px;
    border-radius: 10px;
    width: 370px;
    background-color: rgba(155, 153, 151, 0.5);
    position: relative;
}



input#customform_submit:hover,input#registerform_btnSubmit:hover {transform: scale(1.1);transition: .5s;}
input#customform_submit:focus,input#registerform_btnSubmit:focus,input.btnCheckUser:focus {outline: -webkit-focus-ring-color auto 0px;}


form#registerform dl dt {display: none;}
form#registerform dl {margin-bottom: 0px;}

dl#groupUsername dd input {display: inline-block;vertical-align: top;}
input#registerform_UserName {width: 221px;margin-top: 0;}
.small, small {font-size: 90%;padding: 3px 14px 0;}

input.btnCheckUser {
    width: 110px;
    text-align: center;
    color: #fff;
    padding: 12px 4px;
    border-radius: 50px;
    background-image: linear-gradient(to right, #c2a884 40%, #e9d6c1 100%);
    background-size: 100%;
    border: 0px solid;
}

input.btnCheckUser:hover,input.btnCheckUser:focus {color:#636363;transition: .5s;box-shadow: inset 0 0 5px 1px #ad916b;transform: scale(0.9);}
dl#groupVerifyCode dd {border: 0px solid red;display: inline-block;vertical-align: middle;}


.notice_layer h3, .notice_layer2 h3, .notice_layer_wx h3 {margin: 0;}


/*==================   LANDING   ====================*/

.webpage-home{background: url(images/huanya/UW88_Background_1.png) top center no-repeat !important;  background-size: cover;}

.landing-logo {margin: auto;width: 300px;border: 0px solid red;height: 150px;overflow: hidden;}
.landing-logo img {width: 100%;filter: drop-shadow(0px 2px 2px grey);margin-top: -75px;}

.land-ctn .gameBox {margin: 0;}

.land-ctn .gameTxt {width: 100%;margin: 0;border: 0px solid red;}
.land-ctn form#registerform {width: 100%;}
.land-ctn .flexRight {width: 100%;margin-top: 0;}
.land-ctn form#registerform dl {display: inline-block;width: 48%;margin-left: 7px;vertical-align: top;}

.land-ctn dl#groupUsername dd input {vertical-align: middle;margin-top: 14px;}
.land-ctn input#registerform_UserName {width: 156px;}



/*==================   LOTTERYCONTENT   ====================*/
.panel-heading { font-size: 15px;}
.lottery-new .panel-heading {color: #000; border: 0px solid red;}
.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,#GOOD4D,#LuckyHari-Hari,#GDLotto,#Sarawak,#Sandakan,#Sabah,#Singapore,#Toto,#PMP,#Magnum,.lottt button.btn.btn-primary.btnReload.Timer,.lottt input#time {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;}
#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;}
#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 #TopThree .col-sm-4 {padding: 1px;}
#TopThree, #Special, #Consolation {padding: 10px 0;}
.popwin {color: #ccab8c;}
#TopThree {padding-top:20px;}
#Consolation {padding-bottom: 20px;}

#Perdana {width: 100%;}
#Perdana .panel-default {border: 2px solid #b6947b;border-radius: 0px;overflow: hidden;}
.panel-body {padding: 0;font-size: 15px; min-height: 425px; color: #ccab8c; background: #f8f3ef;}
.panel-body label {color: #fff;background: linear-gradient(to right,#cbae90 20%,#ddc7af 50%);padding: 15px;width: 100%;font-size: 16px;text-transform: uppercase;font-weight: 700;letter-spacing: 1.2px;}
#Perdana .logo {width: 100%;max-width: 100%;margin: 0;color: #fff;background: linear-gradient(to right,#cbae90 20%,#ddc7af 50%);}
#Perdana .panel-heading {color: #fff;position: absolute;width: 75% ;background: transparent ;margin: auto ; left: 0; right: 0;top: 10px;border: 0px;text-align: left;}

.eventTit{font-family:"Galano-Bold";}



.newWheelBox1 .span7 b {
    transform: rotate(90deg);
    transform-origin: 38% 119%;
}
.tiyuImgs .lotterycenter {
    top: 0px;
    box-shadow: none;
}
.resultWrapper .resultRow div {
    padding: 11px 36px;

}

.jackpotRow p {
    color: #d1ae8e;
    text-align: left;
    font-size: 14px;
    line-height: 12px;
    padding: 5px 0px;
}

/*==================   jackpot  ====================*/
.nrBox {
    padding-top: 80px;
    position: relative;
    width: 1200px;
    height: 766px;
    box-sizing: border-box;
    margin: auto;
}
.tiyuImgs .pokercenter {
    bottom: 92px;  
}
.vipWrapper {
  width: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
}

.vipWrapper > div {
  border: 1px solid #b6947b;
  margin-bottom: 40px;
}

.vipWrapper > h3.golden {
  line-height: 60px;
  margin: 20px 0 40px;
  text-align: center;
}

.vipBlockHeader {
  background: linear-gradient(to right, #cbae90 10%, #ddc7af 40%);
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
}

.vipBlockBody {
  padding: 20px 150px;
  color: #404654;
  text-align: center;
  background: #f8f3ef;
}

.vipBlockBody p {
  font-size: 14px;
  line-height: 16px;
}

.vipContent {
  padding: 50px 40px;
  background: linear-gradient(#d2af8f 3%, #f8f3ef 30%);
}

.vipTable {
  display: table;
  border-spacing: 0;
  margin: 15px 0 30px;
  width: 100%;
}
.vipTable .vipCell {
  display: table-cell;
  flex: 1;
  padding: 4px 8px;
  font-size: 12px;
}

.vipTable .vipCell.vipCellH2 {
  font-size: 12px;
  font-weight: bold;
  color: #414755;
  flex: 2;
  padding: 4px 0;
}

.vipTable .vipCell.vipCellH1 {
  font-size: 28px;
  font-weight: bold;
  color: #414755;
  flex: 2;
  padding: 4px 8px 0 0;
}

.vipTable .vipRow {
  color: #797e84;
  font-size: 14px;
  display: flex;
  padding: 5px 0;
  align-items: center;
}

.vipRules p {
  color: #b7997f;
  font-size: 14px;
  padding-bottom: 10px;
}
/*==================   slot games   ====================*/


.slotGamesBlk.sloten:nth-child(1) {
  background-image: url(imgs/uw88_slot_game_pragmatic_en.png);
}
.slotGamesBlk.sloten:nth-child(2) {
  background-image: url(imgs/uw88_slot_game_ace333_en.png);
}
.slotGamesBlk.sloten:nth-child(3) {
  background-image: url(imgs/uw88_slot_game_virtualtech_en.png);
}
.slotGamesBlk.sloten:nth-child(4) {
  background-image: url(imgs/uw88_slot_game_cq9game_en.png);
}
.slotGamesBlk.sloten:nth-child(5) {
  background-image: url(imgs/uw88_slot_game_sagaming_en.png);
}
.slotGamesBlk.sloten:nth-child(6) {
  background-image: url(imgs/uw88_slot_game_betsoft_en.png);
}
.slotGamesBlk.sloten:nth-child(7) {
  background-image: url(imgs/uw88_slot_game_skywin_en.png);
}
.slotGamesBlk.sloten:nth-child(8) {
  background-image: url(imgs/uw88_slot_game_cq9_en.png);
}
.slotGamesBlk.sloten:nth-child(9) {
  background-image: url(imgs/uw88_slot_game_globalfish_en.png);
}
.slotGamesBlk.sloten:nth-child(10) {
  background-image: url(imgs/uw88_slot_game_habanero_en.png);
}
.slotGamesBlk.sloten:nth-child(11) {
  background-image: url(imgs/uw88_slot_game_ptgaming_en.png);
}
.slotGamesBlk.sloten:nth-child(12) {
  background-image: url(imgs/uw88_slot_game_dreamtech_en.png);
}
.slotGamesBlk.sloten:nth-child(13) {
  background-image: url(imgs/uw88_slot_game_virtualtech2_en.png);
}
.slotGamesBlk.sloten:nth-child(14) {
  background-image: url(imgs/uw88_slot_game_joker_en.png);
}
.slotGamesBlk.sloten:nth-child(15) {
  background-image: url(imgs/uw88_slot_game_iconicgaming_en.png);
}

div#m-footer {
    display: none;
}


input#customform_submit, input#registerform_btnSubmit {
    position: absolute;
    bottom: -73px;
    width: 160px;
    height: 75px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    color: #fff;
    font-size: 16px;
    z-index: 1;
    cursor: pointer;
    transition: all 0.2s ease;
    background: url(imgs/primary-medium-new-selected.png)center 17px no-repeat;
    background-size: 100%;
    border: 0px solid;
right: 55px;
}

form#remoteloginform {
    margin-top: 15px;
    padding: 30px 18px;
    padding-top: 30px;
    padding-right: 18px;
    padding-bottom: 30px;
    padding-left: 18px;
    border-radius: 10px;
    width: 370px;
    background-color: rgba(155, 153, 151, 0.5);
    position: relative;
}


input#remoteloginformsubmit {
    position: absolute;
    bottom: -73px;
    width: 160px;
    height: 75px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    color: #fff;
    font-size: 16px;
    z-index: 1;
    cursor: pointer;
    transition: all 0.2s ease;
    background: url(imgs/primary-medium-new-selected.png)center 17px no-repeat;
    background-size: 100%;
    border: 0px solid;
right: 55px;
}

form#customform, form#registerform {

    width: 266px;

}
.col-sm-6.logv2 h3 {
    font-size: 51px;
    text-align: center;
    color: #d1b493;
}
form#remoteloginform {
    width: 267px;
}

.col-sm-6.logv1 h3{
    font-size: 51px;
    text-align: center;
    color: #d1b493;
}
.movie {
    position: absolute;
    top: 21px;
    left: 16px;
    width: 7%;
}
.movie img {
    width: 100%;
    height: auto;
    cursor: pointer;
}
.titleCell h2 {
    font-size: 25px;
}
.tagList {

    bottom: 17px;
}
.newWheelBox1 span b {
    font-size: 12px;
}
.seo {
    border: 4px solid #d3b797;
    border-radius: 12px;
    padding: 2px 41px;
    margin-bottom: 36px;
    font-family: 'galano-medium';
    margin-left: 28px;
    margin-top: 127px;
}
h4.golden {
    line-height: 33px;


}
.gymChose p {
    margin-top: 9px;   
}
div#results-contorl {
    background-image: url(imgs/primary-medium-new-selected.png);
}

#results-contorl {
    margin: 8px auto;
    text-align: center;
    border-radius: 12px;
    padding: 6px 0;
    color: #ffffff;
    /* background-image: url(/data/1348/uploads/primary-medium-new-selected.png); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 180px;
    height: 66px;
    font-size: 22px;
    text-transform: uppercase;
}

#ct-1 p {
    border: 2px solid #825d12;
    padding: 6px;
    margin: 5px;
    border-radius: 18px;
    background: #dccbbc;
    color: #383636;
}
td#ct-1 {
    text-align: center;
    margin: 0px 0;
    font-size: 25px;
}
th.text-left img {
    margin: auto;
}
.table-fill th {
    color: #000000;
    background: rgb(205 170 138);
    border: 0px solid #c8996b;
    font-size: 23px;
    font-weight: 100;
    padding: 5px;
    text-align: center !important;
    vertical-align: middle;
    border-radius: 18px;
}
#ct-2 {
    color: #666B85;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}
table.table-fill {
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    height: 150px;
    width: 100%;
    padding: 5px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    animation: float 5s infinite;
    margin: 0 auto;
    text-align: center;
}

div#resultsm-contorl:hover {
    color: #ffffff;
    background-image: url(imgs/uw88_mobile_promotion_btn_02.png);
    background-size: 100%;
}
div#resultsm-contorl {
    padding: 6px 16px;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    color: #2e363e;
    border: 0px solid #c8996b;
    background-image: url(imgs/uw88_mobile_promotion_btn_01.png);
    background-position: center;
    background-size: 100%;
}
.sponBar.promo li .sopnImg.uw88_promo_04 {
    background-image: url(imgs/uw88_home_block_icon_04.png);
}
.sponBar.promo li .sopnImg.uw88_promo_05 {
    background-image: url(imgs/uw88_home_block_icon_05.png);
  
}
.sponBar.promo li .sopnImg.uw88_promo_06 {
    background-image: url(imgs/uw88_home_block_icon_06.png);
}

span.yuyan.lang-en {
    background-image: url(/exe/cms5/data/1348/uploads/lang_indo.jpg);
}
.morepromo_details {
    display: contents;
}
h3.golden {
    font-size: 56px !important;
}
.seo ol {
    color: #b54040;
    font-family: 'galano-bold';
}
.seo.h3, h3, .h5, h5 {
    padding: 0 !important;
}
h2#font-mega-number {
    font-size: 60px !important;
    font-weight: bold !important;
    color: #a94442 !important;
    border-radius: 126px;
    border: 2px solid #b6947b;
    width: 32%;
    margin: auto;
    padding-bottom: 19px;
    background: #ddd;
}
.counter.col_fourth small {
    color: #c75909;
    font-size: 27px;
    font-weight: bold;
}
.counter.col_fourth h1 {
    font-size: 26px;
    text-align: center;
    color: #c75909;
    font-weight: bold;
}
#theme-title-box .h3, h3, .h5, h5 {
    font-size: 18px;
    padding: 1px 62px;
    color: #a06b6b;
}
.counter.col_fourth:nth-child(1) {
    background-color: #eddfd2;
}
.counter.col_fourth:nth-child(2) {
    background-color: #f4eae1;
}
.counter.col_fourth:nth-child(3) {
    background-color: #f6f1ed;
}
.counter.col_fourth:nth-child(4) {
    background-color: #f3f1ed;
}

.col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth {
    position: relative;
    display: inline;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}
.lotterycenter {

    padding: 20px 0px 40px;
    overflow: hidden;
    background-size: cover;
}
.counter.col_fourth img {
    text-align: center;
    margin: 0 auto;
}
#bgluckydraw {
    border: 1px solid #b6947b;
    border-radius: 30px;
    background: #efefef;
}
#bgluckydraw .wrapper {
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: relative;
    padding-top: 20px;
    overflow: hidden;
}

#bgluckydraw .counter2 {
    width: 100%;
}

#bgluckydraw p {
    text-align: center;
}
.count-text {
    font-size: 25px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #7c7878;
}
#bgluckydraw .count-title {
    font-size: 36px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: black;
    text-shadow: 0px 1px 2px #ffffff, 0px 3px 0px white, 0px 3px 2px #b6947b;
}

#bgluckydraw .counter {
    border: 1px solid #b6947b;
    padding: 20px 0;
    border-radius: 5px;
    width: 19.8%;
    margin: 10px 1px;
    min-height: 375px;
}
#theme-title-box {
    text-align: center;
    padding-bottom: 120px;
}



#theme-title {
    padding-left: 10px;
    display: none;
}


span#foo {
    margin-left: 5px;
}
div#jp {
    margin: 32px;
}


div#jackpot-background img {
    width: 100%;
}
div#jackpot {
    color: #d1ae8e;
    font-size: 42px;
    position: relative;
    top: -96px;
}
.jackpotRow>div {
    padding: 20px 0;
}
.jpr2 div:nth-child(5) {
    background-color: #f3f1ed;
}
.jpr1 div:nth-child(5) {
    background-color: #efd9cb;
}
.jpr1 div:nth-child(4) {
    background-color: #e0d0c6;
}

.result-menu td, th {
    padding: 5px;
}
.result-menu table {
    margin: 42px auto;
}

.logo {width: 198px;}
.movie {
    position: absolute;
    top: 61px;
    left: 16px;
    width: 7%;
}
.movie img {
 width: 100%;
 height: auto;
    cursor: pointer;
}


.jackpotRow p {line-height: 22px;}
.big-title h5 {
    text-align: center;
    font-size: 50px;
    border: 1px solid #cdaa8a;
    padding: 23px 8px;
    background: #cdaa8a;
    color: #fdf4eb;
    font-weight: bold;
    border-radius: 12px;
    margin-bottom: 62px;
}


.seo h1 {
    color: #ce9046;
    font-size: 24px;
    font-weight: bold;
}
.seo p {
    font-weight: bold;
    text-align: justify;
    color: #868484;
}
.seo h2 {color: #d09856;font-size: 25px;}
.seo a {color: red;}
.seo i {color: black;}
.sportBetMy{background-size: cover;}
#drawresult ul > li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 197px;
    border: 1px solid #B2B2B2;
    margin: 17px;
    padding: 10px;
    text-align: center;
    background: #efd6ba !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#drawresult ul > li table caption div {font-size: 13px;color: #f44336;}

.newregister form#registerform {width: 76%;}
.newregister input#registerform_btnSubmit {left: 0;}

.login2 form#remoteloginform {width: 100%;}

#cssmenu>ul>li {font-weight: 600;}



#cms5-prod-list ul #addcart a {
    text-align: center;
    display: block;
    width: 87%;
    height: unset;
    padding-left: unset;
    padding-top: 5px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 0;
}


.jpcontent ul {
    margin: 0px;
    padding: 0px;
}
.jpcontent ul li p {
    color: #996f31;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 37px;
    margin: 0 auto;
    text-align: center;
}
.jpcontent ul li {
    display: inline-block;
    width: 24%;
    vertical-align: bottom;
}
.jpcontent {
    padding: 10px 0px;
}
.jpimage img {
    width: 100%;
}
div#jackpot-count {
    background: #e1cfbc;
    padding: 10px 15px;
    border-radius: 17px;
    border: 2px solid #996f31;
    font-size: 24px;
    font-weight: bold;
    color: #563c0e;
    text-align: center;
}

.homecenter{background:url(imgs/casinohomebg.jpg)center top no-repeat fixed; padding:20px 0px 40px; overflow: hidden; background-size:cover;}
.centerhomeslot{position:relative; margin-top:-3px;}
.tophomebanner img{width:92%;}
.slothomeoverlay {
    position: absolute;
    top: 45px;
    left: 60px;
}
.stephome{border:0px solid red; }
.stephome img{width:100%; background:#000000;}
.mobilehomecenter{ border:0px solid red; text-align: right;}
.mobilehomecenter img{width:90%;}
.slothomecontent { padding-top: 12px; }
.slothomecontent table tr td{padding:0px 7px 0px 4px;}
.slothomecontent table tr td img{margin: -4px 5px;}


.bottomslothome{padding:45px 0px; background-size:100% 100%; text-align: center;}
.bottomslothome ul{margin:0px; padding:0px;}
.bottomslothome ul li{display:inline-block; width: 14%; padding: 5px; text-align:center;}
.bottomslothome ul li img {
    width: 90%;
    filter: drop-shadow(2px 4px 6px black);
}
.seo .title {
    font-size: 23px;
    text-align: center;
    color: #af8660;
    font-weight: bold;
}
.page-title {
    text-align: center;
    font-size: 34px;
    color: #a27043;
    font-weight: normal;
    margin: 12px 0;
}
.gameBox {
    margin-top: 0;
    margin-bottom: 72px;
}

.helpCenter img {
    width: 24%;
}


.seo .title h3 {
    font-size: 22px;
    text-align: center;
    color: #af8660;
}
.promopage div#answer {
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 20px;
    border: 3px solid #caa049;
    background: #282828;
    color: #fffcf8;
    text-align: justify;
    padding: 20px 41px 40px;
    width: 100%;
    margin: 15px auto;
    border-radius: 43px;
}
div#question {
    margin: 22px 0;
}
div#question img {
    width: 100%;
    border-radius: 42px;
}
li#faq {
    list-style: none;
}
.helpCenter {
    width: 216px;
    margin: 3px 0;
    display: flex;
}
.helpCenter2 {
    position: relative;
    width: 54px;
    background: #fff;
    top: 5px;
    text-align: center;
    line-height: 46px;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
    border-radius: 4px;
    clear: #b1987f;
    font-size: 14px;
}
.helpCenter2 img {
    width: 100%;
    margin: 3px 0;
}
  .api-leaguefeed-free-wall .brick {
    height: 200px !important;
}
#api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited {
   
    color: #000;
    background: #d1ae8e;
}
#api-leaguefeed #livetv a:hover {
    background: #d1b27b;
}
#api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited {
    display: block;
    color: #000;
    text-decoration: none;
    text-align: center;
    background: #fbb16e;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#api-leaguefeed #playtime {
    background: #d1ae8e;
    color: #060606;
    text-align: center;
}
#api-leaguefeed #versus div:nth-child(3) {
    color: #896545;
    font-size: 11px;
}

#api-leaguefeed #versus div:nth-child(1) {
    color: #93412a;
    font-size: 11px;
}
/*====================  POPUP VIDEO  ========================*/
.bts-popup {
  z-index:999999;
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;

}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;

}

.bts-popup-container a{color:transparent;}
.bts-popup-container {
    top: 0;
    position: relative;
    width: 41%;
    margin: 10% auto;
    border-radius: 10px;
    text-align: center;
    background: #b6947bd9 !important;
    padding: 10px;
    color: #fff;
    border: 1px solid #000000;
    text-shadow: 1px 1px #000;
}
.info-text1 {font-size: 24px !important;}
.info-text2 {font-size: 18px !important;}

.bts-popup-container .bts-popup-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
background:#000;
border-radius:40px;
}
.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 16px;
  height: 3px;
  background-color: white;
}
.bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
}

.bannerAction a {
    line-height: 59px;
}
@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;}

#theme-header-link,.container,.footerBox,.topBox,.headerBox,.slideBar,.txtMarquee-left,.noticeBox .w
,.nrBox,.ElectronicsgameList{ width: 100%;}

#loading-image {width: 50%;}
.noticeBox .w{min-width:100%;}

#logo {width: 50%;margin: auto !important; margin-right: 0;float:unset;overflow: hidden;}
#theme-menu {border-bottom: 1px solid #fff7ef;border-top: 1px solid #fff7ef;width: 100%;padding-top: 0;}
#cssmenu #menu-button {color: #d3b7a4;}
#cssmenu #menu-button::before {top: 17px;border-top: 2px solid #d3b7b8;border-bottom: 2px solid #d3b7b8;}
#cssmenu #menu-button::after {top: 12px;background: #d3b7b8;}

#cssmenu>ul>li {height: 50px;padding-top: 13px;}
#cssmenu ul li a, #cssmenu ul ul li a {width: 100%;color: #d3b7b8 !important;}


#top-log {width: 100%;}
.loginBar { width: 100%;}

.titleCell h2:before {width: 100%;}
.titleCell h2:after { width: 100%;}



.bannerAction a {

    font-size: 14px;
}
.loginBar {
    background: white;
}
#cssmenu #menu-button {

    background: white;
}
.themetblrow {
    background: white;
}
img.gymani3 {
    width: 96%;
}

.promotionBlock ul li {
 
    text-align: justify;
}
.tiyuImgs .casinotop {
    top: -42px;
    height: unset;
}
.tiyuImgs .casinocenter {
    left: -20px;
    bottom: -100px;
}
div#m-footer {
    display: none;
}

#cssmenu>ul>li:hover>a, #cssmenu>ul>li.active>a {
   
    height: 100%;

}
.tiyuImgs .pokercenter {
    width: 100%;
    height: unset;
    bottom: 0px;
    left: unset;
}
.leftJoy {
    width: 46px;
}
.rightJoy {
    right: 44px;
    width: 43px;
}
.vipWrapper {
    width: 100%;
}
.vipBlockBody {
    padding: 20px 56px;

}
h3.golden {
    font-size: 33px !important;
}
 
 .vipWrapper > h3.golden {
    line-height: 60px;
    margin: 0;
    text-align: center;
}

.sponBar li a {
    display: block;
  
    position: absolute;
    left: -38px;
    top: 13px;
    right: 0px;
    bottom: 0px;
    width: 18%;
    height: 93%;
    transition: all 0.1s;
}

.vipContent {
    padding: 1px 1px;
    background: linear-gradient(#d2af8f 3%, #f8f3ef 30%);
    margin: 0 auto;
}
.sponBar li a p {

    padding: 0 6px;
}
.jackpotMsg p {
    font-size: 11px;
    font-weight: 700;
}
.lotteryTable td {
    padding: 10px 0px;
    font-size: 9px;

}
.resultWrapper .resultRow div {
    padding: 0px 40px;
}
.jpCoinLT {
    top: 0;
    left: 0;
}
.jpCoinRB {
    top: 0;
    left: 0;
}
.jpCoinLB {

    top: 0;
    left: 0;
}
.jpCoinRT {

    top: 0;
    left: 0;
  }
  .jackpotRow .jpr4 {
    padding: 40px 16px 19px;
}
.active .gymani3 {
 
    position: relative;
}
/*-------------HOME-------------*/

.bannerAction a:before {width: 172px; height: 67px;}

.banner .swiper-button-next{right:0;}
.banner .swiper-button-prev{left:0;}

marquee#horizontal_scrollmsg {width: 200px;}
.sponBar {text-align: center;}
.sponBar ul {display: unset;}
.sponBar li {display: inline-block;margin: 10px 17px;width: 40%;height: 186px;}

.gameBox,.appDown,.serviceBox{margin-top: 50px;}


.gameChose li {width: 45%;margin: 10px 5px;}
.choseBar {position: relative;display: flex;height: 910px;box-sizing: border-box;z-index: 1;margin-top: 0px;border: 0px solid red;overflow: hidden;}
.choseBox {display: inline-block;position: absolute;width: 100%;height: 100%;}
.uw88_home_tab {width: 100%;top: 0;}
.gameTxt {width: 100%;text-align: center;}
.tagList {position: unset;}
.flexChose ul {display: unset;}
.flexChose li { margin-right: 0; cursor: pointer;display: inline-block; vertical-align: top; width: 23%;}
.tagList ul {display: unset;}
.enterIcon {width: 100%;}

.promotionImgs {width: 100%;height: 100%;overflow: hidden;padding: 74px 19px 23px;}
.promotionFlex {display: unset;}
.flexRight {width: 100% !important;padding: 0 23px;}

.newWheelBox {width: 100%;height: 100%;}
.newWheelMainBox {width: 300px;height: 300px;background-position: center center;background-size: cover;margin:auto;}
.newWheelBox .wheelButton {width: 50px;height: 50px;}

.newWheelBox1 span {width: 120px;height: 120px;}
.newWheelBox1 span b {font-size: 9px; line-height: 9px;}

.newWheelBox1 span.span1 {
    clip-path: polygon(0 87%,100% 50%,0 0%);
    top: 91px;
    left: 11px;
    background-image: url(images/huanya/wheel_01.png);
    background-size: cover;
}
.newWheelBox1 span.span2 {
    clip-path: polygon(0% 32%,100% 100%,29% 0);
    top: 26px;
    left: 28px;
    background-image: url(images/huanya/wheel_02.png);
    background-size: cover;
}

.newWheelBox1 span.span3 {
    clip-path: polygon(0 0,50% 100%,100% 0);
    top: 11px;
    left: 89px;
    background-image: url(images/huanya/wheel_03.png);
    background-size: cover;
}

.newWheelBox1 span.span4 {
    clip-path: polygon(40% 0,0 100%,100% 60%);
    top: 18px;
    left: 161px;
    background-image: url(images/huanya/wheel_04.png);
    background-size: cover;
}

.newWheelBox1 span.span5 {
    clip-path: polygon(100% 8%,0 50%,100% 92%);
    top: 90px;
    left: 169px;
    background-image: url(images/huanya/wheel_05.png);
    background-size: cover;
}

.newWheelBox1 span.span6 {
    clip-path: polygon(100% 40%,0 0,40% 100%);
    top: 162px;
    left: 163px;
    background-image: url(images/huanya/wheel_06.png);
    background-size: cover;
}

.newWheelBox1 span.span7 {
    clip-path: polygon(92% 100%,0 100%,48% 0);
    top: 168px;
    left: 92px;
    background-image: url(images/huanya/wheel_07.png);
    background-size: cover;
}

.newWheelBox1 span.span8 {
    clip-path: polygon(60% 100%,0 40%,100% 0);
    top: 163px;
    left: 19px;
    background-image: url(images/huanya/wheel_08.png);
    background-size: cover;
}


.serviceList ul {display: unset; text-align: center;}
.serviceList li {text-align: center;display: inline-block;vertical-align: top;width: 49%;}
.serviceList dl dt { width: 100%;}

.footerLink {height: unset;}
.footerLink ul {display: unset;}
.footerLink li {display: inline-block;width: 24% !important;}
.footerTxt .footcol {display: inline-block; width: 100%;padding: 20px;}
.footerTxt { display: unset;}
.footerTxt .footcol:not(:last-child) {border-right: 0px solid #b79478;border-bottom: 1px solid #b79478;}

.footerTxt { padding: 0;}
.footer {padding: 25px;}

#layui-layer1 { left: 0 !important; width: 80% !important; right: 0 !important; margin: auto;}
	

/*-------------CASINO-------------*/
.nrBox { height: auto;}
.flexBar {display: unset;}
.flexChose {text-align: center;}
.flexLeft { width: 100% !important; overflow: hidden;}
.tiyuImgs>img { width: 100%;}
.nrBox .flexChose li {width: 32%; margin: 10px 1px;}
.buttonIcon { width: 100%;}
.flexLeft {left: 0;}
#theme-contain-online-casino .flexLeft {height: 754px !important;}

/*-------------SPORTS-------------*/
.tiyuImgs .gymbottom { left: 0; bottom: 0px; width: 100%;}
.sportBetMy .flexLeft {left: 0 !important; height: 269px !important;}
.sportBetMy .flexRight {margin-top: 0;}
h3.golden {font-size: 35px;}

.gymChose {text-align: center;}
.gymChose a { left: 0; right: 0; margin: 10px auto;}

/*-------------SLOTS-------------*/
.tiyuImgs .slottop { width: 100%;}
.slotGamesBlk {flex: 34.3%;height: 144px;background-size: cover;}
.slotGamesBlk.slotth:nth-child(15) { height: 280px;}
.slotGamesBlk a:before { top: -34px; width: 167px;height: 129px;}

/*-------------PROMO-------------*/
.zhenrenFlex { display: unset;}
.zhenrenImgs {width: 100% !important;padding: 0;padding-top: 0 !important; overflow:hidden;}

img.gymtop.gymani1 { width: 100% !important;top: 0 !important;}
#theme-contain-promotion .nrBox {padding-top: 0;}
.morepromotion { width: 90%; padding: 20px !important;}

/*-------------LOTTERY-------------*/
.tiyuImgs .pokertop {top: 0;height: auto;left: 0;width: 100%;}
iframe.lotterycenter.gymani3 {width: 300px;}
.lotteryContent img,.lotteryMain>img {display: none;}
.lotteryMain {width: 100%;overflow: hidden;}

/*-------------ALLIANCE------------*/
.allianceBg {width: 100%;}
.allianceWrapper,.allianceContent {width: 100%;}
.allianceTable { width: 100%;}

/*-------------GIFT------------*/
.jackpotBoxWrapper { width: 100%;}
.jackpotRules {height: auto;background-size: cover;}
.jackpotDiv img,.gift2ndBox img { display: none;}
.jackpotRow .jpr4 {padding: 40px 0px 20px;}

/*-------------REG/LOGIN------------*/
#theme-contain-login .flexRight {padding: 0 !important;height: 350px;}
#theme-contain-registration .flexRight {padding: 0; height: 850px;}
input#registerform_UserName { width: 220px;}
h3.golden {text-align: center;}
form#customform, form#registerform { margin: auto;}
input#customform_submit, input#registerform_btnSubmit { margin: auto; left: 0;right: 0;}


div#jackpot-background img {
    width: 88%;
    margin: 0 auto;
}
.jackpotRow.jpr1 {
    align-items: unset;
}
	.mbl-h {
    height: auto !important;
}
.movie {
    position: relative;
    right: -248px;
    top: 2px;
}
.movie img {width: 53%;}
.jackpotRow .jpr4 {padding: 40px 16px 20px;}
.big-title h5 {font-size: 22px;}
#cssmenu #menu-button {background: #efefef;}
#nowtime {text-align: center;}
.topBox {padding-left: 25px;}

.login2 form#remoteloginform {width: 100%;}
.login2 input#remoteloginformsubmit {  position: unset;
}.login2 form#customform {
    width: 100%;
}


.login2 input#customform_submit, input#registerform_btnSubmit {
    position: unset;

}
.newregister form#registerform {
    width: 92%;
}
.sponBar li a {
    left: 0px;
    width: 100%;

}
.vipCell .sponBar li a {
    left: -26px;
    width: 0%;
}
.vipCell .sponBar li .sopnImg {

    margin: 30px -21px 12px;

}
.uw88_home_tab .leftBall {
    top: 303px;
    left: 240px;
    width: 19px;
}
.registerform input#registerform_UserName {
    width: 100%;
}
.movie {
    top: 62px;
    width: 24%;
    position: absolute;
}
#top-log {  width: 70%;}

.eventNotice {
    line-height: 1.6;
    margin-top: 20px;
    font-size: 14px;
    color: #636363;
    letter-spacing: -.47px;
    padding: 0 8px;
    text-align: justify;
}
.seo {
    margin-left: 0;

}
.w1000 {
    width: 100%;
}
h2#font-mega-number {
    font-size: 47px !important;
    width: 73%;
}
div#img-icon-jackpot img {
    width: 92%;
}
.counter.col_fourth h1 {
    font-size: 21px;
}
#bgluckydraw .counter {
    padding: 13px 0;
    width: 32.8%;
    min-height: 368px;
}
.counter.col_fourth small {

    font-size: 22px;
  
}
#bgluckydraw .count-title {
    font-size: 31px;
    margin-top: 7px;
  
}
#theme-title-box .h3, h3, .h5, h5 {
    font-size: 16px;
    margin: 0 15px;
    text-align: justify;
}
div#resultsm-contorl {
    padding: 4px 14px;
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    background-size: cover;
}
iframe {
    width: 100%;
}


	.casinocenter, .lotterycenter, .homecenter {
    background-attachment: fixed;
}.w1000 {
    width: 100%;
}
.tophomebanner img {
    width: 100%;
}
.centerhomeslot {
    display: none;
}
table {
    width: 100%;
}
.bottomslothome {
    padding: 10px 0px;
}
.bot5column {
    margin-top: 0px;
}
.bot5column ul.bot5columntop li {
    width: 50%;
}
.bot5column ul.bot5columntop li img {
    width: 100%;
}
.scndoverlayhome {
    top: 5px;
}
ul.bot5columntop li img {
    width: 100%;
}
.bot5column-overlay p {
    font-size: 1.2em;
}

.bot5cont {
    padding: 15px 0px;
}
.bot5cont img {
    width: 50%;
}
.bot5cont p {
    font-size: 19px;
}
.jpcontent {
    padding: 20px 40px;
}
.jpcontent ul li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.jpimage img {
    width: 100%;
    margin-bottom: 10px;
}
.homecenter {
    padding: 20px 0px 0px;
}

.headlogreg ul li img {
    width: 100%;
}
#question img {
    width: 90%;
}
.bts-popup-container {
    width: 94%;
}


}




/*=============================================================*/
/*-------------------------    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) {
  	
.welc-land .bannerAction a {margin: -265px auto 0;}
.land-ctn form#registerform dl { width: 48%;}
.land-ctn input#registerform_UserName {width: 170px;}
.choseBox.cbox3 {height: 513px !important;overflow-y: unset;}

#logo {width: 36%;overflow: hidden;}
#logo img {margin-top: -85px;}

marquee#horizontal_scrollmsg {width: 480px;}
.sponBar li {width: 27%;height: 214px;}

.choseBar {height: 1130px;}
.gameTxt {padding: 0 20px;}

.serviceList li { width: 24.6%;}

.footerLink li { width: 15% !important;}

/*-------------CASINO-------------*/
.nrBox .flexChose li { width: 18%;}
.tiyuImgs>img {width: 66%;}

/*-------------SPORTS-------------*/
.tiyuImgs .gymbottom {bottom: 0;width: 72%;}

/*-------------SLOTS-------------*/
.slotGamesBlk {height: 250px;}
.slotGamesBlk.slotth:nth-child(15) {height: 260px;background-size: contain;}
.slotGamesBlk.slotth:nth-child(15) a {left: -24%;}

/*-------------LOTTERY------------*/
iframe.lotterycenter.gymani3 {width: 450px; margin: auto; left: 0; right: 0; height: 208px;}


}


/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width:414px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 


.welc-land .bannerAction a { margin: -285px auto 0;}
.footerLink li {width: 13% !important;}


}


/*=============================================================*/
/*----------------------     MOBILE VIEW SAMSUNG S9, S9+ --------------------------------*/		
/*=============================================================*/
/*----------------Landscape-------------*/
@media only screen 
  and (min-device-width: 740px) 
  and (max-device-width: 780px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.welc-land .bannerAction a {margin: -328px auto 0;}
.land-ctn form#registerform dl { width: 48%;}
.land-ctn input#registerform_UserName {width: 170px;}
.choseBox.cbox3 {height: 513px !important;overflow-y: unset;}

#logo {width: 36%;overflow: hidden;}
#logo img {margin-top: -85px;}

marquee#horizontal_scrollmsg {width: 480px;}
.sponBar li {width: 25%;height: 214px;}

.choseBar {height: 1130px;}
.gameTxt {padding: 0 20px;}

.serviceList li { width: 24.6%;}

.footerLink li { width: 12% !important;}

/*-------------CASINO-------------*/
.nrBox .flexChose li { width: 18%;}
.tiyuImgs>img {width: 66%;}

/*-------------SPORTS-------------*/
.tiyuImgs .gymbottom {bottom: 0;width: 72%;}

/*-------------SLOTS-------------*/
.slotGamesBlk {height: 250px;}
.slotGamesBlk.slotth:nth-child(15) {height: 260px;background-size: contain;}
.slotGamesBlk.slotth:nth-child(15) a {left: -24%;}

/*-------------LOTTERY------------*/
iframe.lotterycenter.gymani3 {width: 450px; margin: auto; left: 0; right: 0; height: 208px;}


}


/*=============================================================*/
/*------------------------------ iPhone X landscape-----------------------------------*/		
/*=============================================================*/

@media only screen 
  and (min-device-width: 812px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  	
.welc-land img.gymani3 {width: 68% !important;}
.welc-land .bannerAction a {margin: -215px auto 0;}


#logo {width: 23%;}

marquee#horizontal_scrollmsg {width: 630px;}
.sponBar li {width: 20%; height: 195px;}
img.gymani3 {width: 65%;}
.choseBar {height: 965px;}
.serviceList li { width: 24.6%;}
.footerLink ul {display: flex;}

.nrBox .flexChose li { width: 13%;}

.tiyuImgs .gymbottom { bottom: 0; width: 55%;}
.slotGamesBlk {height: 306px;}
.slotGamesBlk.slotth:nth-child(15) {height: 306px;background-size: contain;}
.slotGamesBlk.slotth:nth-child(15) a {left: -24%;}

.zhenrenFlex .gymChose {text-align: unset;}

iframe.lotterycenter.gymani3 {width: 450px; margin: auto; left: 0; right: 0; height: 208px;}

}


/*==========================================================*/
/*---------------------------------    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) {

.land-ctn .choseBar { height: 700px;}
.welc-land img.gymani3 {width: 75% !important;}

#logo {width: 25%;}

marquee#horizontal_scrollmsg {width: 585px;}
.sponBar li {width: 18%;height: 163px;}

.uw88_home_tab .leftBall {top: 223px;}
.uw88_home_tab .bigglod {top: 187px;left: 193px;}
.uw88_home_tab .smallglod {left: 223px;}
.uw88_home_tab {background-size: cover;}
.uw88_home_tab, .gameTxt {display: inline-block;width: 49%;vertical-align: middle;}
.choseBar {height: 550px;}

.serviceList li { width: 24.6%;}
.serviceList dl dt { width: 50%;}

.footerLink li { width: 12% !important;}


.tiyuImgs>img {width: 63%;}
.nrBox .flexChose li { width: 13.5%;}
.tiyuImgs .gymbottom {bottom: 0;width: 65%;}
.slotGamesBlk {flex: 27%;height: 197px;}
.slotGamesBlk.slotth:nth-child(15) {height: unset;}

.zhenrenFlex .gymChose {text-align: unset;}

iframe.lotterycenter.gymani3 {width: 650px; margin: auto; left: 0; right: 0; height: 308px;}

}


/*==========================================================*/
/*-------------------------------------------------      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) {
  	
.land-ctn .gameChose li {width: 160px;}
.welc-land img.gymani3 {width: 50% !important;}
.land-ctn .choseBar {height: 600px;}

.lgreg .uw88_home_tab, .lgreg .gameTxt {display: inline-block;vertical-align: top;width: 49%;}
.lgreg form#registerform dl {width: 48%;}
.choseBox.cbox3 {height: unset;overflow-y:unset;}
.land-ctn input#registerform_UserName {width: 110px;}

#logo {width: 18%;}

marquee#horizontal_scrollmsg {width: 845px;}
.sponBar li {width: 13%;height: 156px;}

.gameChose li {width: 160px;margin: 10px;}

.uw88_home_tab .leftBall {top: 223px;}
.uw88_home_tab .bigglod {top: 187px;left: 193px;}
.uw88_home_tab .smallglod {left: 300px;}
.uw88_home_tab {background-size: cover;}
.uw88_home_tab, .gameTxt {display: inline-block;width: 49%;vertical-align: middle;}
.choseBar {height: 550px;}

.serviceList li { width: 24.6%;}
.serviceList dl dt { width: 50%;}

.footerLink li { width:9% !important;}

.flexBar { display: flex;}
.tiyuImgs>img {width: 88%;}
.nrBox .flexChose li { width: 17.5%;}
.uw88casino .bigglod { left: 341px;}
.uw88casino .smallglod {left: 453px;}
.uw88casino .bigglod2 {left: 366px;}
.uw88casino .flypan3 {left: 400px;}
.uw88casino .bigglod5 {left: 406px;}
.uw88casino .smallglod8 {left: 429px;}
.uw88casino .flypan6 {left: 427px;}


.tiyuImgs .gymbottom {bottom: 0;width: 100%;}
.slotGamesBlk {flex: 27%;height: 260px;}
.slotGamesBlk.slotth:nth-child(15) {height: unset;}

.zhenrenFlex .gymChose {text-align: unset;}

iframe.lotterycenter.gymani3 {width: 371px;top: 109px;margin: auto; left: 0;right: 0;height: 230px;}

.regDice2 {top: 124px; left: 415px;}

.footerTxt { display: flex;}
.footerTxt .footcol:not(:last-child) {border-right: 1px solid #b79478;border-bottom: 0px solid #b79478;}
.footerTxt .footcol {display: unset; width: unset; padding: 0 20px;}

}


/*=============================================================*/
/*------------------------------------------------- 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){
  	
 .landing-logo {margin: 127px auto 0;}
.land-ctn .gameChose li {width: 160px;}
.welc-land img.gymani3 {width:100% !important;}
.land-ctn .choseBar {height: 1000px;max-height: unset;}

.lgreg .uw88_home_tab{display:flex;}
.lgreg .gameTxt {display: inline-block;vertical-align: top;width: 100%;}
.lgreg form#registerform dl {width: 48%;}
.choseBox.cbox3 {height: unset;overflow-y:unset;}
.land-ctn input#registerform_UserName {width: 360px;}
.land-ctn img.gymani3 {width: 55%;}


#logo {width: 18%;}

marquee#horizontal_scrollmsg {width: 845px;}
.sponBar li {width: 13%;height: 156px;}

.gameChose li {width: 160px;margin: 10px;}

.uw88_home_tab .leftBall {top: 223px;}
.uw88_home_tab .bigglod {top: 187px;left: 193px;}
.uw88_home_tab .smallglod {left: 300px;}
.uw88_home_tab {background-size: cover;}
.uw88_home_tab, .gameTxt {display: inline-block;width: 49%;vertical-align: middle;}
.choseBar {height: 550px;}

.serviceList li { width: 24.6%;}
.serviceList dl dt { width: 50%;}

.footerLink li { width:9% !important;}

.flexBar { display: flex;}
.tiyuImgs>img {width: 88%;}
.nrBox .flexChose li { width: 17.5%;}
.uw88casino .bigglod { left: 341px;}
.uw88casino .smallglod {left: 453px;}
.uw88casino .bigglod2 {left: 366px;}
.uw88casino .flypan3 {left: 400px;}
.uw88casino .bigglod5 {left: 406px;}
.uw88casino .smallglod8 {left: 429px;}
.uw88casino .flypan6 {left: 427px;}

#theme-contain-login .flexRight {height: 750px;}


.tiyuImgs .gymbottom {bottom: 0;width: 100%;}
.slotGamesBlk {flex: 27%;height: 260px;}
.slotGamesBlk.slotth:nth-child(15) {height: unset;}

.zhenrenFlex .gymChose {text-align: unset;}

iframe.lotterycenter.gymani3 {width: 371px;top: 109px;margin: auto; left: 0;right: 0;height: 230px;}

.regDice2 {top: 124px; left: 415px;}

.footerTxt { display: flex;}
.footerTxt .footcol:not(:last-child) {border-right: 1px solid #b79478;border-bottom: 0px solid #b79478;}
.footerTxt .footcol {display: unset; width: unset; padding: 0 20px;}

}

/*=============================================================*/
/*-------------------------------------- iPhone 5 ----------------------------------------*/		
/*=============================================================*/
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 360px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

#loading {width: 111vw;height: 111vh;}
marquee#horizontal_scrollmsg {width: 180px;}
form#customform, form#registerform { width: 300px;}

}
