@import url("/theme/Default/style.css");
@import url("./font/font-css.css");

@viewport {  width: device-width;  zoom: 1;  }

html {  display: table;  }
body {  display: table-row;  }
html, body {  font-family: "Galano-Medium", "krungthep", sans-serif;  overflow-x: hidden;  }

img {  display: block;  }
ul {  list-style-type: none;  padding: 0;  }
center {  display: none;  }

#theme {  display: block;  height: 100%;  width: 100%;  background: #fff;  }
#theme-frame {  height: 100%;  margin: auto;  width: 100%;  }
#theme-header {  height: 123px;  background: #fff;  }
#theme-header-content {  position: relative;  }

.themetblrow {  display: block;  }

.mobile-side {  display: none  }
#mobile-menu {  display: none  }

/*---------------------------------------------------------------------- MENU ----------------------------------------------------------------------*/
.top {  background: linear-gradient(180deg, lightblue, #d5f3fd);  color: #404654;  }
.topBox {  width: 1200px;  margin: 0 auto;  overflow: hidden;  height: 22px;  line-height: 18px;  position: relative;  z-index: 1;  }
.topBox div {  width: 50%;  float: left;  display: flex;  align-items: center;  font-size: 11px;  }
.topBox div a {  margin-left: 5px;  }

#nowtime {  text-align: right;  justify-content: flex-end;  margin: 2px 0;  }

.yuyan {  display: inline-block;  vertical-align: top;  width: 20px;  height: 14px;  cursor: pointer;  margin: 4px 2px;  }
.lang-en {  background: url(/data/2114/uploads/flag-icon-us.jpg) no-repeat;  }
.lang-cn {  background: url(/data/2114/uploads/flag-icon-cn.jpg) no-repeat;  }
.lang-my {  background: url(/data/2114/uploads/flag-icon-my.jpg) no-repeat;  }

#theme-header-link {  position: unset;  right: 10px;  top: 0px;  width: 1200px;  margin: auto;  }
#logo {  width: 180px;  margin-right: 0;  height: 101px;  border: 0px solid red;  float: left;  }
.logo {  width: 198px;   position: relative;  display: block;  max-width: 230px;  }

#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;  }
#logo img {  width: 100%;  border: 0px solid green;  display: block;  }

#theme-menu {  border: 0px solid red;  width: 71%;  margin: auto;  float: left;  padding: 32px 0 0;  text-align: center;  }
#cssmenu {  float: unset;  }
#menu-line {  margin: 0 5px;  background: #afdae7;  bottom: -101px;  }

#theme-header-link ul {  list-style: none;  }
#theme-header-link ul li:first-child {  border: 0px;  }

#cssmenu>ul>li {  font-weight: 600;  margin: 0px 6px;  height: 72px;  }
#cssmenu > ul > li > a {  color: #46abc5;    font-weight: unset;  }
#cssmenu li:hover > ul {  height: auto;  }
#cssmenu>ul>li:hover>a, #cssmenu>ul>li.active>a {  background: linear-gradient(180deg, #add8e6 40%, #d5f3fd 100%);  font-size: 12px; 
 color: #ffffff;  height: 40%;  border-radius: 13px;  margin-bottom: 0;  display: flex;  align-items: center;  }

li.has-sub>a:after{display:none;}

#cssmenu ul li.has-sub ul li:first-child {  pointer-events: unset;  float: unset;  margin-left: unset;  }
#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 img {  width: 146px;  margin: auto;  }
#cssmenu ul li.has-sub ul li h3 {  font-size: 14px;  font-weight: 500;  color: #46abc5;  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 {
  display: block;  width: 110px;  height: 42px;  margin-top: 10px;    color: #2c6675;  margin: auto;  text-align: center;  cursor: pointer;  line-height: 28px;  background: url(/data/2114/uploads/btn-regis-lightblue.png) center center no-repeat;  background-size: 100%; font-weight: 500;  font-size: 12px;  }

.clearboth {  clear: both;  }

#top-log {  text-align: right !important;  border: 0px solid red;  width: 12%;  float: right;  margin-top: 28px;  }
.loginBox {  display: flex;  align-items: center;  }
.loginBar {  display: flex;  justify-content: center;  align-items: center;  }
.userIcon {  width: 40px;  height: 40px;  border-radius: 50%;  position: relative;  overflow: hidden;  }
.userIcon img {  width: 100%;  display: block;  filter: hue-rotate(155deg);  }
.userBtn {  display: flex;  align-items: center;  margin-left: 4px;  font-size: 14px;  color: #404654;  margin-top: -4px;  }


/*---------------------------------------------------------------------- BANNER ----------------------------------------------------------------------*/
#theme-container {  clear: both;  position: relative;  }
.themetblcell {  display: block;  }
.sportBetMy {  background-size: cover;  }
.sportBetMy {  background: url(/data/2114/uploads/ecwin-bg.png) top no-repeat;  }

.top-swiper {  width: 100%;  }
.banner {  position: relative;  }
.banner .swiper-container {  width: 100%;  height: 100%;  }
.banner .swiper-slide {
    text-align: center;  font-size: 18px;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;
    -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;
    -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;  width: 100% !important;
}
.banner img {  width: 100%;  }
.banner .bannerAction {  z-index: 1;  position: absolute;  top: calc(84% - 30px);  left: 0;  right: 0;  display: flex;  justify-content: center;  align-items: center;  }
.bannerAction {  position: absolute;  margin-top: -90px;  left: 45%;  right: 45%;  }
.bannerAction a {
    width: 192px;  height: 60px;  line-height: 59px;  text-align: center;  color: #2c6675;  font-size: 16px;  z-index: 1;
    background-image: none !important;  position: relative;  cursor: pointer;  transition: all .2s ease;  display: block;
    transform-origin: 50% 50%;  animation: uw88_grow 3000ms linear infinite;
}
.bannerAction a:before {  content: "";  z-index: -1;  top: 0;  display: block;  width: 216px;  height: 80px;  position: absolute; transform: translate3d(-50%, 0, 0); left: 50%;  background-image: url(/data/2114/uploads/btn-regis-lightblue.png);  background-repeat: no-repeat;  background-size: 100% 100%;  }

.flex-control-nav {  top: 70%;  }
.flex-control-paging li a {  height: 2px;  background: #bbd3e1;  }
.flex-control-paging li a.flex-active {  background: #1eb3c3;  width: 11px;  }

.flex-direction-nav a {  top: 40%;  }
.flex-direction-nav a:before {  color: #47abc5;  font-size: 35px;  }

/*-------------------------------------------------------- SCROLLING MESSAGE --------------------------------------------------------*/
.container {  padding: 0;  }
.container {  width: 1200px;  margin: 0 auto;  }

.noticeBox {  
  display: flex;  align-items: center;  width: 100%;  height: 40px;  padding: 0 10px 0 18px;  border: 1px solid #b9e7ef;
  margin-top: 35px;  border-radius: 20px;  background-image: linear-gradient(180deg, #fff 14%, #d4f2fc 74%, #fefeff 98%);  }

#horizontal_scrollmsg {  overflow: hidden;  width: calc(100vw - 120px);  }
#horizontal_scrollmsg ul {  width: 100%;  margin-bottom:0;  }
#horizontal_scrollmsg ul li {  list-style: none;  width: 100%;  display: inline-block;  }

.marqueeIcon {  height: 100%;  position: relative;  z-index: 1;  display: flex;  align-items: center;  width: 61px;  }
.marqueeIcon img {  display: block;  position: relative;  width: 53px;  height: 63px;  top: 4px;  }
.txtMarquee-left {  width: 1028px;  overflow: hidden;  height: 42px;  line-height: 42px;  }
.txtMarquee-left ul {  overflow: hidden;  }
.txtMarquee-left li {  white-space: nowrap;  font-weight: 500;  display: inline-block;  height: 100%;  cursor: pointer;  font-size: 12px;  color: #696969;  width: auto;  padding-right: 40px;  }

.noticeBox a.moreBtn {  width: 75px;  height: 26px;  line-height: 24px;  margin-left: 10px;  font-size: 12px;  text-align: center;  border: 1px solid #2dcbff;  border-radius: 15px;  color: #2dcbff;  cursor: pointer;  transition: all .2s;  }


/*-------------------------------------------------------- BEST GAME --------------------------------------------------------*/
.gameBox {  margin-top: 0;  margin-bottom: 72px;  }
.titleCell {  text-align: center;  margin-top: 70px !important;  }
.titleCell h2 {  font-size: 25px;  font-weight: 700;  position: relative;  text-align: center;  line-height: 40px; color: #a6dceb;  text-transform: uppercase;  }
.titleCell h2:before {  content: "";  display: block;  position: absolute;  width: 460px;  height: 21px;  top: 10px;  
    background: url(/data/2114/uploads/tittle-line-left.png) right center;  background-size: cover;  }
.titleCell h2:after {  content: "";  display: block;  position: absolute;  width: 460px;  height: 21px;  right: 0;  top: 10px;
    background: url(/data/2114/uploads/tittle-line-right.png) left center;  background-size: cover;  }
.titleCell p {  margin-top: 10px;  color: #43727f;  font-size: 14px;  }

.gameChose {  margin-top: 26px;  justify-content: center;  position: relative;  display: flex;  }
.gameChose li.cur {  background: 0 0;  color: #5f8fff;  z-index: 1;  }
.gameChose li {
    float: left;  display: flex;  justify-content: center;  align-items: center;  width: 160px;  height: 50px;  line-height: 50px;  cursor: pointer;
    margin-left: 12px;  text-align: center;  box-shadow: 0 6px 10px 0 #b8d0ff4d;  background: url(/data/2114/uploads/btn-white.png);
    background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;  color: #43727f;  transition: all .3s;
}
.gameChose li.cur:before {
  content: "";  z-index: -2;  top: 0;  display: block;  width: 180px;  height: 66px;  position: absolute;  left: 50%;  transform: translate3d(-50%, 0, 0);  background-image: url(/data/2114/uploads/btn-regis-lightblue.png);  background-repeat: no-repeat;  background-size: 100% 100%;
}
.gameChose li i {  display: block;  width: 28px;  height: 28px;  margin-right: 14px;   background: url(/data/2114/uploads/homegame-icon.png) no-repeat;  background-size: 606px 44px;  margin-right: 14px;  }
.gameChose li.cur i {  width: 44px;  height: 44px;  margin-right: 0;  position: relative;  top: 4px;  }

.gameChose li i.cion1 {  background-position: -456px 0;  }
.gameChose li.cur i.cion1 {  background-position: -490px 0;  }
.gameChose li i.cion2 {  background-position: -152px 0;  }
.gameChose li.cur i.cion2 {  background-position: -184px 0;  }
.gameChose li i.cion3 {  background-position: -76px 0;  }
.gameChose li.cur i.cion3 {  background-position: -108px 0;  }
.gameChose li i.cion4 {  background-position: -228px 0;  }
.gameChose li.cur i.cion4 {  background-position: -260px 0;  }
.gameChose li i.cion5 {  background-position: -304px 0;  }
.gameChose li.cur i.cion5 {  background-position: -336px 0;  }
.gameChose li i.cion6 {  background-position: -380px 0;  }
.gameChose li.cur i.cion6 {  background-position: -413px 0;  }


.choseBar {  position: relative;  display: flex;  height: 451px;  box-sizing: border-box;  z-index: 1;  margin-top: 68px;  }
.choseBox {  display: none;  position: absolute;  width: 100%;  height: 100%;  }
div.choseBox.active {  display: flex;   }
.choseBox.active .gamePic {  animation: fadeInaniLeft .5s ease-in forwards;  }
.choseBox.active .uw88_home_tab {  animation: fadeInaniLeft .5s ease-in forwards;  }

.uw88_home_tab {  width: 650px;  top: -40px;  position: relative;  z-index: 1;  background: url(/data/2114/uploads/logo-bg.png) top center no-repeat;  }
.uw88_home_tab>div {  position: relative;  width: 100%;  display: flex;  justify-content: center;  align-items: center;  text-align: center;  flex-direction: column;  margin-top: 0px;  }

.uw88_home_tab .leftBall {  position: absolute;  top: 370px;  left: 240px;  width: 60px;  animation: Y1_ZG 5s infinite;  }
.uw88_home_tab .rightBall {  position: absolute;  top: 70px;  right: 77px;  width: 50px;  animation: Y1_ZE 5s infinite;  }
.uw88_home_tab .fadeBall {  position: absolute;  top: 87px;  left: 73px; width: 60px;  animation: Y1_ZB 5s infinite;  }

.uw88_home_tab .bigglod {  position: absolute;  z-index: 1; top: 340px;  left: 383px;  width: 71px;  animation: Y1_ZG 5s infinite;  }
.uw88_home_tab .smallglod {  position: absolute;  z-index: 1;  top: 25px;  left: 424px;  width: 35px;  animation: Y1_ZI 5s infinite;  }
.uw88_home_tab .flypan {  position: absolute;  z-index:  top: 129px;  left: 80px;  width: 100px;  animation: Y1_ZB 5s infinite;  }
.uw88_home_tab .touzi {  position: absolute;  z-index: 1;  top: 295px;  left: 160px;  width: 46px;  animation: Y1_ZE 5s infinite;  }

.uw88_home_tab .pokerSmallRightCoin {  position: absolute;  top: 350px;  right: 50px;  width: 50px;  animation: Y1_ZB 5s infinite;   }
.uw88_home_tab .pokerLeftCoin {  position: absolute;  top: 200px;  left: 0;  width: 80px;  animation: Y1_ZG 5s infinite;   }
.uw88_home_tab .pokerRightToken2 {  position: absolute;  top: 140px;  right: 50px;  width: 50px;  animation: Y1_ZE 5s infinite;   }

.uw88_home_tab .leftJoy {  position: absolute;  z-index: 1;  top: 340px;  left: 25px;  animation: Y1_ZB 5s infinite;  }
.uw88_home_tab .rightJoy {  position: absolute;  top: 17px;  right: 10px;  width: 110px;  animation: Y1_ZE 5s infinite;  }

.uw88_home_tab .lotteryLeftBall {  position: absolute;  top: 80px;  left: 40px;  width: 100px;  animation: Y1_ZG 5s infinite;  }
.uw88_home_tab .lotteryRightBall {  position: absolute;  top: 140px;  right: 87px;  width: 50px;  animation: Y1_ZE 5s infinite;  }


.gameTxt {  width: 542px;  position: relative;  margin-top: 40px;  animation: fadeOutRights .5s ease-in forwards;  }
.choseBox.active .gameTxt {  animation: fadeInaniRight .5s ease-in forwards;  }

.eventTit {  margin-top: 20px;  font-size: 70px;  line-height: 75px;  background-image: -webkit-linear-gradient(#9ccad5 40%, #46abc5 70%);
  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  font-weight: 700;  white-space: nowrap;  }
.eventNotice {  line-height: 1.6;  margin-top: 20px;  font-size: 14px;  color: #636363;  letter-spacing: -.47px;  }
.tagList {  bottom: 17px;  position: absolute;  left: 0;  z-index: 1;  }
.tagList ul {  position: relative;  display: flex;  }
.tagList li {  position: relative;  text-align: center;  cursor: pointer;  margin-right: 5px;  }

.flexChose ul {  position: relative;  display: flex;  margin-top: 40px;  flex-wrap: wrap;  }
.flexChose li {  margin-right: 5px;  cursor: pointer;  }

.enterIcon {  width: 90px;  height: 100px;  display: flex;  justify-content: center;  align-items: center;  background-image: none !important;  position: relative;  z-index: 1;  }
.enterIcon:after {  content: "";  z-index: -1;  top: 0;  display: block;  width: 101px;  height: 113px;  position: absolute;  left: 50%;  transform: translate3d(-50%, 0, 0);  background-image: url(/data/2114/uploads/pent-white.png);  background-repeat: no-repeat;  background-size: 100% 100%;  }
.tagList li:hover .enterIcon:after {  content: "";  z-index: -1;  top: 0;  display: block;  width: 101px;  height: 113px;  position: absolute;  left: 50%;  transform: translate3d(-50%,0,0);  background: url(/data/2114/uploads/pent-blue.png);  background-repeat: no-repeat;  background-size: 100% 100%;  }

.tagList li i {  width: 50px;  height: 50px;  display: inline-block;  background: url(../images/huanya/sprite8.png);  background-repeat: no-repeat;  background-size: 2182px 50px;  }

.flexChose li i {  width: 50px;  height: 50px;  display: inline-block;  }
.flexChose li p {  position: relative;  margin-top: 8px;  font-size: 14px;  color: #4655b6;  text-align: center;  line-height: 1.1em;  }

.flexChose li i.m-sport {  background: url(/data/2114/uploads/sport-m8bet.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.s-sport {  background: url(/data/2114/uploads/sport-ssport.png) top;  background-size: 40px 80px;  width: 40px; height: 40px;  }
.flexChose li i.e-sport {  background: url(/data/2114/uploads/sport-iae.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.sbobet {  background: url(/data/2114/uploads/sport-sbobet.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.maxbet {  background: url(/data/2114/uploads/sport-maxbet.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.ibc {  background: url(/data/2114/uploads/sport-ibcbet.png) top;  background-size: 40px 80px;  width: 40px;  height: 40px;  }
.flexChose li i.s-virtual {  background: url(/data/2114/uploads/sport-ssportv.png) top;  background-size: 40px 80px;  width: 40px;  height: 40px;  }
.flexChose li i.sbo-virtual{  background: url(/data/2114/uploads/sport-sbov.png) top;  background-size: 40px 80px;  width: 40px;  height: 40px;  }
.flexChose li i.igx{  background: url(/data/2114/uploads/sport-igx.png) top;  background-size: 40px 80px;  width: 40px;  height: 40px;  }


.flexChose li i.aesexy {  background: url(/data/2114/uploads/casino-aesexy.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.allbet {  background: url(/data/2114/uploads/casino-allbet.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.asiag{  background: url(/data/2114/uploads/casino-asiag.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.bigg {  background: url(/data/2114/uploads/casino-bigg.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.dreamg {  background: url(/data/2114/uploads/casino-dreamg.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.evo{  background: url(/data/2114/uploads/casino-evo.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.ezugi {  background: url(/data/2114/uploads/casino-ezugi.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.lg88 {  background: url(/data/2114/uploads/casino-lg88.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.luckystreak {  background: url(/data/2114/uploads/casino-ls.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.pragp {  background: url(/data/2114/uploads/casino-pragp.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.sag {  background: url(/data/2114/uploads/casino-sag.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.wm{  background: url(/data/2114/uploads/casino-wmcasino.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.yeebet {  background: url(/data/2114/uploads/casino-yeebet.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }

.flexChose li i.s128 {  background: url(/data/2114/uploads/battle-s128.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.ggg {  background: url(/data/2114/uploads/battle-gg.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.ygr {  background: url(/data/2114/uploads/battle-ygr.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.joker {  background: url(/data/2114/uploads/battle-joker.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.cq9 {  background: url(/data/2114/uploads/battle-cq.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.playt {  background: url(/data/2114/uploads/battle-pt.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.gfg {  background: url(/data/2114/uploads/battle-gfg.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.skywind {  background: url(/data/2114/uploads/battle-skywind.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.jili {  background: url(/data/2114/uploads/battle-jili.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.iconic {  background: url(/data/2114/uploads/battle-iconic.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }

.flexChose li i.poker {  background: url(/data/2114/uploads/poker-1g.png) top;  background-size: 40px 80px;   width: 40px;  height: 40px;  }
.flexChose li i.leg {  background: url(/data/2114/uploads/poker-leg.png) top;  background-size: 40px 80px;   width: 40px;  height: 40px;  }
.flexChose li i.v8 {  background: url(/data/2114/uploads/poker-v8.png) top;  background-size: 40px 80px;   width: 40px;  height: 40px;  }

.flexChose li i.kiss {  background: url(/data/2114/uploads/slot-918kiss.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.ace333 {  background: url(/data/2114/uploads/slot-ace333.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.betsoft {  background: url(/data/2114/uploads/slot-betsoft.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.bng {  background: url(/data/2114/uploads/slot-bng.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.dreamtech {  background: url(/data/2114/uploads/slot-dreamt.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.drag {  background: url(/data/2114/uploads/slot-dragong.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.fg {  background: url(/data/2114/uploads/slot-fung.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.genesis {  background: url(/data/2114/uploads/slot-genesis.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.habanero {  background: url(/data/2114/uploads/slot-hbnr.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.jdb {  background: url(/data/2114/uploads/slot-jdb.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.king {  background: url(/data/2114/uploads/slot-kingmaker.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.mario {  background: url(/data/2114/uploads/slot-mario.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.png {  background: url(/data/2114/uploads/slot-png.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.simple {  background: url(/data/2114/uploads/slot-simpleplay.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.vt {  background: url(/data/2114/uploads/slot-vt.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.ygg {  background: url(/data/2114/uploads/slot-ygg.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }

.flexChose li i.microg {  background: url(/data/2114/uploads/slot-microg.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.relax {  background: url(/data/2114/uploads/slot-relax.png) top;  background-size: 40px 80px; width: 40px; height: 40px;  }

.flexChose li i.magnum {  background: url(/data/2114/uploads/lottery-magnum.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.toto {  background: url(/data/2114/uploads/lottery-toto.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.dmc {  background: url(/data/2114/uploads/lottery-dmc.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.s88{  background: url(/data/2114/uploads/lottery-sabah88.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.stc{  background: url(/data/2114/uploads/lottery-stc.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.scs {  background: url(/data/2114/uploads/lottery-scs.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.sg4d {  background: url(/data/2114/uploads/lottery-sg4d.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }

.flexChose li i.g4d {  background: url(/data/2114/uploads/lottery-good4d.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.perdana{  background: url(/data/2114/uploads/lottery-perdana.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }
.flexChose li i.lhh{  background: url(/data/2114/uploads/lottery-hhl.png) top; background-size: 40px 80px; width: 40px; height: 40px;  }

/*-------------------------------------------------------- ANIMATION --------------------------------------------------------*/
@keyframes fadeInaniLeft {
0% {  opacity: 0;  z-index: 0;  transform: translate3d(-70px, 0, 0);  }
100% {  opacity: 1;  z-index: 2;  transform: translateZ(0);  }
}

@keyframes gymAni3 {
0% {  opacity: 0;  transform: rotateX(20deg);  }
100% {  opacity: 1;  transform: rotateX(0);  }
}

@keyframes Y1_ZG {
0% {  transform: translateZ(0);  }
50% {  transform: translate3D(10px, 10px, 0);  }
100% {  transform: translateZ(0);  }
}

@keyframes Y1_ZE {
0% {  transform: translateZ(0);  }
50% {  transform: translate3D(10px, -10px, 0);  }
100% {  transform: translateZ(0);  }
}

@keyframes Y1_ZB {
0% {  transform: translateX(0);  }
50% {  transform: translateY( -10px);  }
100% {  transform: translateX(0);  }
}

@keyframes Y1_ZI {
0% {  transform: translateZ(0);  }
50% {  transform: translate3D(-10px,10px,0);  }
100% {  transform: translateZ(0);  }
}

/*-------------------------------------------------------- HOME- PROMOTION --------------------------------------------------------*/
.prod-box {  display: flex;  margin: 30px 0;  flex-direction: column;  }
ul#tabs {  display: flex;  flex-direction: row;  margin: 0;  padding: 0;  }
.select-sec ul {  border-bottom: 1px solid #c8f3ff;  }
.select-sec ul li {  padding: 10px 20px;  background: #c8f3ff;  border-radius: 5px 5px 0 0;  font-weight: bold;  cursor: pointer;  margin-right: 10px;  border: 1px solid #c8f3ff;  color: #4655b6;  list-style: none;  }

.select-sec ul li.inactive {  background: #ebebeb;  border: 1px solid #dfdfdf;  color: #888;  }
#cms5faq_modal_template_list {  margin: 20px auto 80px;  }
ol#faq_modal {  display: flex;  flex-direction: row;  flex-wrap: wrap;  margin: 0;  padding: 0;  justify-content: flex-start;  }
ol#faq_modal li.question {  width: 33%;  list-style: none;  padding: 10px;  }

.promo {  padding: 5px 0;  display: flex;  flex-direction: column;  }
.promo a {  text-decoration: none;  }
.promo-img {  border-radius: 20px 20px 0 0;  overflow: hidden;  }
.promo-img img {  width: 100%;  }

.promo-txt {  position: relative;  background: #fff;  border-radius: 0 0 20px 20px;  padding: 15px;  border: 1px solid #a5dbea;  }
.promo-txt::before {  height: 3px;  background: #a5dbea;  position: absolute;  top: 0;  left: 0;  right: 0;  content: "";  }
.promo-txt::after {  height: 3px;  background: #a5dbea;  position: absolute;  top: 3px;  left: 0;  right: 0;  width: 30%;  margin: auto;  transform: perspective(0.5em) rotateX(354deg);  content: "";  }
.promo-txt h3 {  color: #3a3a3a;  font-weight: bold;  margin: 0 0 15px 0;  font-size: 19px;  }
.promo-btn {  display: flex;  padding-bottom: 5px;  }

.promo-btn a, .pbtn-apply a {  color: #fff;  text-decoration: none;  font-weight: bold;  }
.pbtn-info, .pbtn-apply {  padding: 5px 10px;  background: #3a3a3a;  font-size: 15px;  border-radius: 5px;  margin-right: 10px;  }
.pbtn-apply {  background: #a5dbea;  }


/*-------------------------------------------------------- HOME-SERVICE --------------------------------------------------------*/
.serviceBox {  margin: -110px auto 0;  }
.serviceList {  padding: 50px 0;  }
.serviceList ul {  display: flex;  justify-content: space-between;  }
.serviceList li {  text-align: center;  }

.circle {  position: relative;  width: 130px;  height: 130px;  margin: 0 auto;  text-align: center;  font-size: 14px;  color: #fff;
    background-image: url(/data/2114/uploads/service-circle-blue.png);  background-repeat: no-repeat;  background-size: 100% 100%;  }
.circleBox {  position: relative;  height: 100%;  line-height: 130px;  }
.circleBox span {  font-size: 24px;  }
.aniCricle {  width: 90px;  height: 90px;  position: absolute;  left: 20px;  top: 20px;  background: url(/data/2114/uploads/service-scale-b.png);  background-repeat: no-repeat;  background-size: 100% 100%;  }

.line1 {  width: 50%;  height: 100%;  position: absolute;  top: 0;  background-image: url(/data/2114/uploads/image-scale-default-all.png);  background-repeat: no-repeat;  overflow: hidden;  background-size: 90px 90px;  z-index: 1;  left: 0;  background-position: 0 100%;  transform-origin: right;  transform: rotate(-4deg);  }
.line2 {  width: 50%;  height: 100%;  position: absolute;  top: 0;  background-image: url(/data/2114/uploads/image-scale-default-all.png);  background-repeat: no-repeat;  overflow: hidden;  background-size: 90px 90px;  z-index: 1;  right: 0;  background-position: -45px 100%;  transform: rotate(-139deg);  transform-origin: 0 50%;  }
.line3 {  width: 50%;  height: 100%;  position: absolute;  top: 0;  background-image: url(/data/2114/uploads/image-scale-default-all.png);    background-repeat: no-repeat;  overflow: hidden;  background-size: 90px 90px;  z-index: 1;  right: 0;  background-position: -45px 100%;  animation-iteration-count: 1;  transform: rotate(-180deg);  transform-origin: 0 50%;  }
.line4 {  width: 50%;  height: 100%;  position: absolute;  top: 0;  background-image: url(/data/2114/uploads/image-scale-default-all.png);    background-repeat: no-repeat;  overflow: hidden;  background-size: 90px 90px;  z-index: 1;  right: 0;  background-position: -45px 100%;  animation-iteration-count: 1;  transform: rotate(-120deg);  transform-origin: 0 50%;  }

.active .circle .line2 {  animation: rota1 1.5s linear infinite;  animation-iteration-count: 1;  }
.active .circle .line3 {  animation: rota2 1.5s linear infinite;  animation-iteration-count: 1;  }
.active .circle .line4 {  animation: rota3 1.5s linear infinite;  animation-iteration-count: 1;  }

.serviceList li p {  margin-top: 20px;  font-size: 18px;  font-weight: 700;  color: #424a66;  }
.serviceList li p:last-child {  width: 128px;  line-height: 1.4;  margin: 10px auto;  font-size: 12px;  color: #636363;  font-weight: 400;  }

.serviceList dl {  position: relative;  overflow: hidden;  margin-top: 40px;  }
.serviceList dl dt {  float: left;  position: relative;  display: flex;  align-items: center;  width: 540px;  margin-bottom: 30px;  }
.serviceList dt img {  width: 107px;  height: 107px;  }

.serviceTxt {  position: relative;  margin-left: 10px;  flex: 1;  }
.serviceTxt h2 {  font-weight: 700;  font-size: 16px;  color: #32426b;  }
.serviceTxt p {  line-height: 1.6;  margin-top: 10px;  font-size: 14px;  color: #76b4bf;  }


/*-------------------------------------------------------- SEO --------------------------------------------------------*/
.seo {  border: 4px solid #a5dbea;  border-radius: 12px;  padding: 10px 15px;  margin-bottom: 36px;  }
.seo h4 {  color: #5aa1df;  }
.seo p {  font-weight: bold;  text-align: justify;  color: #43727f;  }



/*-------------------------------------------------------- FOOTER --------------------------------------------------------*/
#theme-footer {  margin-top: 30px;  }
#theme-footer center {  display: none;  }
.footer {  padding-bottom: 30px;  position: relative;  width: 100%;  background: #a5dbea;  }
.footerBox {  width: 1200px;  margin: 0 auto;  }

.footerLink {  height: 77px;  position: relative;  }
.footerLink:after, .footerLink:before {  content: "";  display: block;  position: absolute;  width: 100%;  height: 1px;  left: 0;  }
.footerLink ul {  display: flex;  justify-content: space-between;  align-items: center;  height: 100%;  }
.footerLink li {  position: relative;  cursor: pointer;  }

.footerLink li:nth-child(1) .linkIcon {  background-position: 0 0 !important;  }
.footerLink li:nth-child(2) .linkIcon {  background-position: -90px 0 !important;}
.footerLink li:nth-child(3) .linkIcon {  background-position: -185px 0 !important;  }
.footerLink li:nth-child(4) .linkIcon {  background-position: -260px 0 !important;  }
.footerLink li:nth-child(5) .linkIcon {  background-position: -335px 0 !important;  }
.footerLink li:nth-child(6) .linkIcon {  background-position: -440px 0 !important;  }
.footerLink li:nth-child(7) .linkIcon {  background-position: -515px 0 !important;  }
.footerLink li:nth-child(8) .linkIcon {  background-position: -615px 0 !important;  }
.footerLink li:nth-child(9) .linkIcon {  background-position: -695px 0 !important;  }
.footerLink li:nth-child(10) .linkIcon {  background-position: -775px 0 !important;  }

.footerLink li > div, .footerCop li .curIcon > div {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  transition: all 0.4s ease;
  background: url(/data/2114/uploads/footer-logo.png) no-repeat;  background-size: 1712px 50px;  background-color: #a5dbea;  }
.footerLink li .linkIconcur {  opacity: 0;  }
.footerLink li:hover .linkIconcur {  opacity: 1  }

.footerLink li:nth-child(1) .linkIconcur {  background-position: -855px 0 !important;  }
.footerLink li:nth-child(2) .linkIconcur {  background-position: -945px 0 !important;  }
.footerLink li:nth-child(3) .linkIconcur {  background-position: -1040px 0 !important;  }
.footerLink li:nth-child(4) .linkIconcur {  background-position: -1115px 0 !important;  }
.footerLink li:nth-child(5) .linkIconcur {  background-position: -1190px 0 !important;  }
.footerLink li:nth-child(6) .linkIconcur {  background-position: -1295px 0 !important;  }
.footerLink li:nth-child(7) .linkIconcur {  background-position: -1375px 0 !important;  }
.footerLink li:nth-child(8) .linkIconcur {  background-position: -1470px 0 !important;  }
.footerLink li:nth-child(9) .linkIconcur {  background-position: -1550px 0 !important;  }
.footerLink li:nth-child(10) .linkIconcur {  background-position: -1630px 0 !important;  }

.footerTxt {  display: flex;  justify-content: center;  line-height: 1.4;  padding: 0 20px;  margin-top: 18px;  font-size: 14px;  text-transform: uppercase;  }
.footerTxt .footcol {  flex: 1;  padding: 0 20px;  }
.footerTxt .footcol:not(:last-child) {  border-right: 1px solid #6dbaea;  }
.footerTxt h4 {  font-size: 20px;  font-family: "Galano-Bold", sans-serif;  font-weight: 700;  line-height: 32px;  }
.footerRow {  padding: 6px 0;  display: flex;  flex-direction: row;  color: #205770;  }
.footerIcon {  width: 30px;  margin-right: 15px;  }
.footerIcon img {  width: 100%;  }
.footerCol-50 {  flex: 1; }
.footerCol-50 span {  display: block;  }

.footerHighlight {  font-size: 18px;  line-height: 24px;  font-family: "Galano-Bold", sans-serif;  font-weight: 700;  }
.footerDarkText {  color: #32426b;  }
.footerNormalCase {  text-transform: capitalize;  }
.childInline span {  display: inline-block;  }

.copyRight {  text-align: center;  margin-top: 27px;  font-size: 12px;  color: #1b5fff;  font-weight: bold;  }


/*-------------------------------------------------------- ASIDE --------------------------------------------------------*/
.aside {  position: fixed;  z-index: 100;  top: 50%;  right: 6px;  transform: translateY(-50%);  width: 56px;  }
.asideBox {  width: 100%;  height: 100%;  display: flex;  flex-direction: column;  }
.asideBar {  position: relative;  }

.asideIcon1 {
  width: 56px;  height: 56px;  background-size: 56px;  transition: all 0.4s ease;  display: block;  box-shadow: 0 4px 6px 0 rgba(184, 208, 255, 0.3);  border-radius: 50%;  margin-bottom: 3px;  background: url(/data/2114/uploads/socail-icon-call-grey.png) center no-repeat;  background-size: contain; }
.asideBar:hover .asideIcon1 {  background: url(/data/2114/uploads/socail-icon-call-blue.png) no-repeat;  background-size: contain;  }

.asideIcon2 {
  width: 56px;  height: 56px;  background-size: 56px;  transition: all 0.4s ease;  display: block;  box-shadow: 0 4px 6px 0 rgba(184, 208, 255, 0.3);  border-radius: 50%;  margin-bottom: 3px;  background: url(/data/2114/uploads/socail-icon-down-grey.png) center no-repeat;  background-size: contain;  }
.asideBar:hover .asideIcon2 {  background: url(/data/2114/uploads/socail-icon-down-blue.png) no-repeat;  background-size: contain;  }

.helpCenter {
  width: 216px;  margin: 3px 0;  display: flex;  position: relative;  background: #fff;  top: 5px;  text-align: center;  line-height: 46px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014, 0 9px 28px 8px #0000000d;  border-radius: 4px;  font-size: 14px;  }
.helpCenter a {  color: #a5dbea;  margin: 0px 15px;  }
.helpCenter:after {
  content: "";  position: absolute;  display: block;  width: 8.48528137px;  height: 8.48528137px;  right: -2px;  top: 50%;  background: transparent;
  border-style: solid;  border-width: 4.24264069px;  border-color: #fff #fff transparent transparent;  box-shadow: 3px -3px 7px #00000012;
  transform: translateY(-50%) rotate(45deg);  }

.asideAlt {  position: absolute;  display: none;  right: 56px;  padding-right: 15px;  top: 2px;  }
.asideBar:hover .asideAlt {  display: block;  }
.notice_layer, .notice_layer2, .notice_layer_wx {  background: #fff;  display: none;  }

.scrollTop {
  position: fixed;  z-index: 100;  bottom: 150px;  right: 6px;  width: 56px;  height: 56px;  border-radius: 6px;  box-shadow: 0 4px 6px 0 #b8d0ff4d;
  cursor: pointer;  display: block;  background: url(/data/2114/uploads/socail-icon-top-grey.png);  background-repeat: no-repeat;  background-size: 100%;  }
.scrollTop:hover {   background: url(/data/2114/uploads/socail-icon-top-blue.png);  background-repeat: no-repeat;  background-size: 100%;  transition: all 0.4s ease;  }


/*-------------------------------------------------------- SPORT --------------------------------------------------------*/
.nrBox {  padding-top: 80px;  position: relative;  width: 1200px;  height: auto;  box-sizing: border-box;  margin: auto;  }
.flexBar {  position: relative;  display: flex;  }
.flexLeft {  width: 55%;  height: auto;  position: relative;  left: 0;  }
.tiyuImgs {  display: none; }
.nrBox .active {  display: block;  }

.zhenrenimgChose {  position: relative;  }
.zhenrenimgChose.active {  animation: Y1_Y5 1s ease-in-out forwards;  }

.active .gymani1 {  -webkit-animation: gymAni1 0.7s forwards;  animation: gymAni1 0.7s forwards;  }
.active .gymani3 {  -webkit-animation: gymAni3 0.7s forwards;  animation: gymAni3 0.7s forwards;  width: 540px;  }

.tiyuImgs > img {  position: absolute;  left: 0;  right: 0;  margin: auto;  }
.tiyuImgs .gymtop {  top: -45px;  }
.tiyuImgs .gymbottom {  bottom: 0px;  width: 600px;  }


.flexRight {  width: 45%;  position: relative;  margin-top: 0px;  }
.gymChose {  display: none;  }
.gymChose.active {  -webkit-animation: gymAni4 1s forwards;  animation: gymAni4 1s forwards;  }

h3.golden {  font-size: 56px;  line-height: 64px;  font-weight: 700;  font-style: oblique;  background-image: -webkit-linear-gradient(#9ccad5 40%, #46abc5 70%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  }
h4.golden {  line-height: 33px;  font-size: 24px;  font-weight: 700;  background: -webkit-linear-gradient(#2c6675 40%, #33a2be 70%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  }

.gymChose p {  margin-top: 9px;  line-height: 1.4;  font-size: 14px;  color: #636363;  }
.gymChose a, .promotionChose a, a.uw88_btn {  width: 160px;  height: 50px;  line-height: 40px;  text-align: center;  margin-top: 20px;  color: #2c6675;  font-size: 16px;  background-image: none !important;  position: relative;  z-index: 1;  cursor: pointer;  transition: all 0.2s ease;  display: block;  }
.gymChose a:before, .promotionChose a:before, a.uw88_btn::before {  content: "";  z-index: -1;  position: absolute;  left: 50%;  top: 0;  display: block;  width: 180px;  height: 66px;  transform: translate3d(-50%, 0, 0);  background: url(/data/2114/uploads/btn-regis-lightblue.png) no-repeat;   background-size: 100% 100%;  }


.buttonIcon {  width: 90px;  height: 100px;  display: flex;  justify-content: center;  align-items: center;  background-image: none !important;  position: relative;  z-index: 1;  }
.buttonIcon:before {  content: "";  z-index: -1;  top: 0;  display: block;  width: 101px;  height: 113px;  position: absolute;  left: 50%;  transform: translate3d(-50%, 0, 0);  background: url(/data/2114/uploads/pent-white.png) no-repeat;  background-size: 100% 100%; }

.flexChose li.cur .buttonIcon:before {  background: url(/data/2114/uploads/pent-blue.png) no-repeat;  background-size: 100% 100%;  }
.flexChose.uw88Chose li.cur i, .flexChose.uw88Chose li:hover i {  background-position: bottom;  }

/*-------------------------------------------------------- CASINO --------------------------------------------------------*/
.tiyuImgs .casinotop {  top: -45px;  height: 500px;  }
.tiyuImgs .casinocenter {  left: -20px;  top: 40px;  }
.w515 {  width: 515px;  }

.uw88casino .bigglod {  position: absolute;  top: 400px;  left: 330px;  z-index: 1;  animation: Y1_ZG 5s infinite;  width: 110px;  }
.uw88casino .smallglod {  position: absolute;  top: 25px;  left: 494px;  z-index: 1;  animation: Y1_ZI 5s infinite;  width: 35px;  }
.uw88casino .flypan {  position: absolute;  top: 179px;  left: 30px;  z-index: 1;  animation: Y1_ZB 5s infinite;  width: 121px;  }
.uw88casino .touzi {  position: absolute;  top: 405px;  left: 95px;  z-index: 1;  animation: Y1_ZE 5s infinite;  width: 66px;  }

.uw88casino .bigglod9 {  position: absolute;  top: 465px;  left: 118px;  z-index: 1;   animation: Y1_ZI 5s infinite;  width: 85px;  }
.uw88casino .smallglod9 {  position: absolute;  top: 250px;  left: 50px;  z-index: 1;  animation: Y1_ZB 5s infinite;  width: 51px;  }
.uw88casino .touzi9 {  position: absolute;  top: 400px;  right: 50px;  z-index: 1;  animation: Y1_ZE 5s infinite;  width: 40px;  }


/*-------------------------------------------------------- SLOT --------------------------------------------------------*/
.tiyuImgs .slottop {  top: -45px;  }
.leftJoy {  position: absolute;  top: 80px;  left: 23px;  z-index: 1;  animation: Y1_ZB 5s infinite;  width: 125px;  }
.rightJoy {  position: absolute;  top: 250px;  right: 30px;  animation: Y1_ZE 5s infinite;  width: 100px;  }

.slotGames {  display: flex;  flex-wrap: wrap;  flex-direction: row;  justify-content: center;  padding: 10px 0 100px;  }
.slotGamesBlk {  flex: 33.3%;  height: 310px;  display: flex;  justify-content: center;  align-items: center;  background-repeat: no-repeat;  position: relative;  overflow: hidden;  }
.slotGamesBlk a {  width: 160px;  height: 50px;  line-height: 50px;  text-align: center;  margin-top: 40px;  color: #fff;  font-size: 16px;  background-image: none !important;  position: relative;  z-index: 1;  cursor: pointer;  transition: all 0.2s ease;  display: none;  }

.slotGamesBlk a:before {  content: "";  z-index: -1;  top: -55px;  display: block;  width: 250px;  height: 180px;  position: absolute;  left: 50%;  transform: translate3d(-50%, 0, 0);  background-image: url(../images/huanya/slot_button.png);  background-repeat: no-repeat;  background-size: 100% 100%;  }
.slotGamesBlk a:hover {  transform: scale(1.03);  }
.slotGamesBlk:hover a {  display: block;  }

.slotGamesBlk.sloten:nth-child(1) {  background-image: url(/theme/ecwin888-2/imgs/slot_game_pragmatic_en.png);  }
.slotGamesBlk.sloten:nth-child(2) {  background-image: url(/theme/ecwin888-2/imgs/slot_game_ace333_en.png);  }


/*-------------------------------------------------------- POKER--------------------------------------------------------*/
.tiyuImgs .pokertop {  top: -45px;  height: 500px;  }
.tiyuImgs .pokercenter {  bottom: 0px;  width: 540px;  height: fit-content;  }

.pokerTopLeft {  position: absolute;  top: 120px;  left: 200px;  animation: Y1_ZE 5s infinite;  width: 50px;  }
.pokerRightDice {  position: absolute;  top: 550px;  right: 10px;  animation: Y1_ZB 5s infinite;  width: 64px;  }
.pokerLeftToken {  position: absolute;  top: 380px;  left: 100px;  animation: Y1_ZG 5s infinite;  width: 80px;  }

.pokerLeftCoin2 {  position: absolute;  top: 350px;  left: 0px; animation: Y1_ZG 5s infinite;  width: 60px;  }
.pokerRightToken1 {  position: absolute;  top: 50px;  left: 0px;  animation: Y1_ZB 5s infinite;  width: 50px;  }
.pokerRightToken2 {  position: absolute;  top: 320px;  right: 30px;  animation: Y1_ZE 5s infinite;  width: 50px;  }

.pokerLeftBottomDice {  position: absolute;  top: 350px;  left: 150px;  animation: Y1_ZE 5s infinite;  width: 50px;  }
.pokerRightBottomCoin {  position: absolute;  top: 50px;  right: 50px;  animation: Y1_ZB 5s infinite;  width: 65px;  }



/*-------------------------------------------------------- BATTLE --------------------------------------------------------*/
.tiyuImgs .battletop {  top: -45px;  height: 500px;  left: 0px;  }
.tiyuImgs .battlecenter {  width: 540px;  height: auto;  left: 0px;  }

.tiyuImgs .battlebg {  position: absolute;  top: 450px;  left: 150px; animation: Y1_ZG 5s infinite;  width: 80px;  }
.tiyuImgs .battlesm {  position: absolute;  top: 50px;  right: 136px;  animation: Y1_ZB 5s infinite;  width: 64px;  }

.tiyuImgs .battleLeft {  position: absolute;  top: 50px;  left: 0px; animation: Y1_ZG 5s infinite;  width: 60px;  }
.tiyuImgs .battleRight {  position: absolute;  top: 420px;  right: 30px;  animation: Y1_ZE 5s infinite;  width: 50px;  }


/*-------------------------------------------------------- LOTTERY--------------------------------------------------------*/
.tiyuImgs .lotterycenter {  position: absolute;  width: 540px;  }

.lotteryLeftBall {  position: absolute;  top: 110px;  left: 40px;  animation: Y1_ZG 5s infinite;  width: 80px;  }
.lotteryRightBall {  position: absolute;  top: 10px;  right: 70px;  animation: Y1_ZE 5s infinite;  width: 90px;  }

.lotteryLeftBall2 {  position: absolute;  top: 100px;  left: 20px;  animation: Y1_ZG 5s infinite;  width: 95px;  }
.lotteryRightBall2 {  position: absolute;  top: 160px;  right: 87px;  animation: Y1_ZE 5s infinite;  width: 50px;  }

.lotteryLeftBall3 {  position: absolute;  top: 100px;  left: 40px;  animation: Y1_ZG 5s infinite;  width: 100px;  }
.lotteryRightBall3 {  position: absolute;  top: 10px;  right: 180px;  animation: Y1_ZB 5s infinite;  width: 60px;  }


.lotteryTable {  width: 100%;  display: table;  margin: 25px 0;  border-spacing: 0;  border: 0px solid #a5dbea;  }
.lotteryTableHeader {  color: #1f1f1f;   text-transform: uppercase;  font-weight: bold;  font-size: 22px;  background: transparent;  }
.lotteryTable td {  padding: 8px 16px;  font-size: 14px;  line-height: 14px;  display: table-cell;  border: 1px solid #fff;  }
.lotteryTableColHeader {  color: #1f1f1f;  text-transform: uppercase;  font-weight: bold;  font-size: 18px;  background: #d9edf7;  }
.lotteryTableRow {  color: #296c7f;  background: #add8e6;  }


/*-------------------------------------------------------- VIP--------------------------------------------------------*/
.vipWrapper {  width: 1000px;  display: flex;  flex-direction: column;  justify-content: top;  align-items: center;  }
.vipWrapper > div {  border: 1px solid #89dbff;  margin-bottom: 40px;  }
.vipContent {  padding: 50px 40px;  background: linear-gradient(#bbeeff 3%, #e7f9ff 70%);  }
.vipTable {  display: table;  border-spacing: 0;  margin: 15px 0 30px;  width: 100%;  }
.vipTable .vipRow {  color: #4781c5;  font-size: 14px;  display: flex;  padding: 5px 0;  align-items: center;  }

.vipTable .vipCell {  display: table-cell;  flex: 1;  padding: 4px 8px;  font-size: 12px;  }
.vipTable .vipCell.vipCellH0 {  font-size: 16px;  font-weight: bold;  color: #1c3570;  flex: 2;  padding: 4px 0;  }
.vipTable .vipCell.vipCellH1 {  font-size: 28px;  font-weight: bold;  color: #264a9f;  flex: 2;  padding: 4px 8px 0 0;  }
.vipTable .vipCell.vipCellH2 {  font-size: 12px;  font-weight: bold;  color: #5286ff;  flex: 2;  padding: 4px 0;  text-align: left;  }

.vipCell .sponBar {  margin: 0 auto 35px;  }

.sponBar {  position: relative;  margin: 35px auto 100px;  }
.sponBar ul {  position: relative;  display: flex;  justify-content: space-between;  }
.sponBar li {  position: relative;  width: 100px;  height: 117px;  border-radius: 15px;  overflow: visible;  box-shadow: 0 8px 12px 0 #4f8abd80;  text-align: center;  transition: all .3s;  }
.sponBar li a {  display: block;  background: url(/data/2114/uploads/vip-bg-blue.png) no-repeat;  background-size: cover;  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  transition: all .1s;  }

.sponBar.vip li .sopnImg.uw88_classic {  background: url(/data/2114/uploads/vip-lvl-1.png) no-repeat;  background-size: 80%;  background-position: center center;  filter: drop-shadow(0px 0px 10px #909da1);  }
.sponBar.vip li .sopnImg.uw88_silver {  background: url(/data/2114/uploads/vip-lvl-2.png) no-repeat;  background-size: 80%;  background-position: center center;  filter: drop-shadow(0px 0px 10px #95f5ff);  }
.sponBar.vip li .sopnImg.uw88_gold {  background: url(/data/2114/uploads/vip-lvl-3.png) no-repeat;  background-size: 80%;  background-position: center center;  filter: drop-shadow(0px 0px 10px #ffed89);  }
.sponBar.vip li .sopnImg.uw88_platinum {  background: url(/data/2114/uploads/vip-lvl-4.png) no-repeat;  background-size: 80%;  background-position: center center;  filter: drop-shadow(0px 0px 10px #d99cff);  }
.sponBar.vip li .sopnImg.uw88_diamond {  background: url(/data/2114/uploads/vip-lvl-5.png) no-repeat;  background-size: 80%;  background-position: center center;  filter: drop-shadow(0px 0px 10px #45a8ff);  }
.sponBar.vip li .sopnImg.uw88_royal {  background: url(/data/2114/uploads/vip-lvl-6.png) no-repeat;  background-size: 80%;  background-position: center center;  filter: drop-shadow(0px 0px 10px #db3f2b);  }

.sponBar li .sopnImg {  width: 65px;  height: 65px;  margin: 12px auto;  background-size: 516px 72px;  }
.sponBar li a p {  color: #627ac3;  font-size: 11px;  line-height: 13px;  }
.sponBar li:nth-child(1) .sopnImg {  background-position: -296px 0;  }

.vipRules p {  font-weight: bold;  color: #46abc5;  }
.vipRules ol, .vipRules ul {  color: #4e7b99;  }


/*-------------------------------------------------------- PROMOTION--------------------------------------------------------*/
.fancybox-close {  top: 5px;  right: 5px;  }
.fancybox-wrap {  width: 88% !important;  margin: 30px auto !important;  top: 0 !important;  left: 0 !important;  right: 0 !important;  }
.fancybox-skin {  border-radius: 20px;  }
.fancybox-inner {  width: 100% !important;  background-color: #fff;  }

.fancybox-inner > div > h4, .fancybox-inner > div > p {  margin: 0;  }

.fancybox-inner .table-dark {  background-color: #00b7cd;  border-color: #ffffff;  color: #fff;  text-align: center;  }
.fancybox-inner .table th {  text-align: center;  }
.fancybox-inner .table tr th {  border: 1px solid #fff;  }
.fancybox-inner .table tr td {  border: 1px solid #fff;  align-content: center;  }
.fancybox-inner p {  color: #9a9a9a;  margin-bottom: 20px;  font-size: 14px;  margin: 0;  }
.fancybox-inner .promo-info {  margin-bottom: 20px;  }
.fancybox-inner .promo-info p {  color: #00b7cd;  font-size: 12px;  }
.fancybox-inner ul {  margin-left: 15px;  line-height: 1.7rem;  }
.fancybox-inner h4 {  display: none;  }

.bg-primary {  color: #fff;  background-color: #008bc1;  }
.bg-danger {  background-color: #ff3346;  }

.fancybox-inner .promo-header {  padding: 10px;  text-align: center;  font-size: 20px;  font-weight: bold;  color: #fff;  background: #a5dbea;  }
.fancybox-inner .promo {  display: flex;  flex-direction: row;  justify-content: space-around;  padding: 20px;  border-bottom: 1px solid #40a8c3;  }
.fancybox-inner > div > div {  padding: 20px;  }
.fancybox-inner .promo-img, .fancybox-inner .promo-txt {  border-radius: 0;  width: 100%;  }
.fancybox-inner .promo-img img {  width: 100%;  }

.fancybox-inner .promo-txt {  color: #5a5a5a;  font-size: 13px;  background: url(images/huanya/white-bg.jpg) bottom center no-repeat;  background-size: cover;  }
.fancybox-inner .promo-txt h3 {  font-size: 15px;  }
.fancybox-inner .promo-btn {  padding-bottom: 10px;  }

.fancybox-inner .promo-txt::before, .fancybox-inner .promo-txt::after {  display: none;  }
.fancybox-inner strong {  font-size: 15px;  color: #37a4c0;  }
.fancybox-inner ol li {  color: #7d7d7d;  font-size: 14px;  }


/*-------------------------------------------------------- LOGIN --------------------------------------------------------*/
.uw88casino .login1 {  position: absolute;  top: -50px;  left: 210px;  z-index: 1;  animation: Y1_ZI 5s infinite;  width: 137px;  }
.uw88casino .login2 {  position: absolute;  top: 60px;  left: 20px;  z-index: 1;  animation: Y1_ZE 5s infinite;  width: 40px;  }
.uw88casino .login3 {  position: absolute;  top: 60px;  right: 50px;  z-index: 1;  animation: Y1_ZB 5s infinite;  width: 66px;  }

.modal-footer {  padding: 15px;  text-align: center;  border-top: 1px solid #d5f3fd;  margin-top: 120px;  }
hr {  margin: 20px auto;  border: 0;  border-top: 1px solid #d5f3fd;  }
.logv h3 {  font-size: 30px;  text-align: left;  color: #33a2be;  }

form#customform{  width: 370px;  margin-top: 15px;  padding: 30px 18px;  border-radius: 10px;  background-color: #d5f3fdcc;  position: relative;  }

textarea, input[type=text], input[type=password], input[type=date]  {  border: 0px solid #333333;  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: #ffffff80;  outline: none;  color: #333;  font-size: 14px;  overflow: hidden;  padding-left: 15px;  }

input#customform_submit, input#registerform_btnSubmit {  position: absolute;  bottom: -70px;  width: 160px;  height: 75px;  line-height: 30px;  text-align: center;  color: #2c6675;  font-size: 16px;  z-index: 1;  cursor: pointer;  transition: all 0.2s ease;  background: url(/data/2114/uploads/btn-regis-lightblue.png) center 17px no-repeat;  background-size: 100%;  border: 0px solid;  left: 100px;  }


/*-------------------------------------------------------- REGISTER --------------------------------------------------------*/
.uw88casino .regDice1 {  position: absolute;  top: 250px;  right: 50px;  z-index: 1;  animation: Y1_ZI 5s infinite;  width: 52px;  }
.uw88casino .regDice2 {  position: absolute;  top: 120px;  left: 30px;  z-index: 1;  animation: Y1_ZE 5s infinite;  width: 42px;  }

.newregister form#registerform {  width: 76%;  margin-bottom: 60px;  }
.small, small {  font-size: 90%;  padding: 3px 14px 0;  }
form#customform, form#registerform {  margin-top: 15px;  padding: 30px 18px;  border-radius: 10px;  width: 370px;  background-color: #d5f3fdcc;  position: relative;  }

form#registerform dl {  margin-bottom: 0px;  }
form#registerform dl dt {  display: none;  }

dl#groupUsername dd input {  display: inline-block;  vertical-align: top;  }
input#registerform_UserName {  width: 221px;  margin-top: 0;  }
input.btnCheckUser {  width: 110px;  text-align: center;  color: #fff;  padding: 12px 4px;  border-radius: 50px;  background-image: linear-gradient(180deg, #aed9e6 40%, #46abc5 100%);  background-size: 100%;  border: 0px solid;  }


select#registerform_BankName, 
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: #ffffff80;  outline: none;  color: #333;  font-size: 14px;  overflow: hidden;  padding-left: 15px;  }

dl#groupVerifyCode dd {  border: 0px solid red;  display: inline-block;  vertical-align: middle;  }
.newregister input#registerform_btnSubmit {  left: 0;  }




/*-------------------------------------------------------- MOBILE-VIEW --------------------------------------------------------*/
@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-header, #theme-footer {  display: none;  }
.cont {  display: none;  }
.mobile-side {  display: block;  }
.container {  width: 100%;  }

.header {  height: 44px;  display: flex;  align-items: center;  justify-content: space-between;  }
.header img {  width: 26%;  margin-left: 15px;  }
.mobile-language {  display: flex;  align-items: center;  margin: 0 5px;  }
.mobile-language p {  margin: 0;  }
a:link {  text-decoration: none;  }
a.lang-flag img {  width: 20px;  margin: 4px 2px;  }

.flexslider {  margin: 0;  border: 0px solid red;  border-radius: 6px;  overflow: hidden;  }
.flex-control-nav {  top: 90%;  bottom: 0;  }
.flex-control-paging li a {  height: 2px;  background: #bbd3e1;  }
.flex-control-paging li a.flex-active {  background: #1eb3c3;  width: 11px;  }

.noticeBox {  margin: 2px 0px;  display: inline-flex;  height: 28px;  }
.noticeBox img {  display: inline-block;;  position: relative;  width: 25px;  height: 30px;  top: 2px;  }
.userControl {  position: relative;  z-index: 1;  background-color: #fff;  padding: 2.5px 0;  display: flex;  -webkit-box-pack: justify;  justify-content: space-between;  }
.userControl a {  animation-iteration-count: unset;  width: 100%;  height: 50px;  text-align: center;  position: relative;  z-index: 1;  cursor: pointer;  transition: all 0.2s ease;  display: block;  animation: uw88_grow 500ms ease infinite;  transform-origin: 50% 50%;  }
.userControl a img {  display: inline-block;  width: 14px;  margin: -4px 4px 0px;  }
.userControl a span {  font-size: 11.5px;  font-weight: bold !important;  color: #fff;  line-height: 39px;  }
.userControl a:before {  content: "";  z-index: -1;  display: block;  width: 100%;  height: 50px;  position: absolute;  top: 0;  left: 50%;  transform: translate3d(-50%, 0, 0);  background: url(/data/2114/uploads/btn-regis-lightblue.png) no-repeat;  background-size: 100% 100%;  }

.gameList {  padding-left: 10px;  }
.gamebox {  display: flex;  -webkit-box-pack: justify;  justify-content: space-between;  }
.gamecontrol {  padding-top: 5px;  padding-right: 5px;  }
.gamecontrol .gameChose {  width: 70px;  height: 40px;  box-sizing: border-box;  margin-top: 0px;  margin-bottom: 10px;  border-radius: 10px;  box-shadow: 0 2px 2px 0 #7979794d;  background: url(/data/2114/uploads/tabNormal.png) no-repeat;  background-position: 50%;  background-size: 100% 100%;  -webkit-box-align: center;  align-items: center;  position: relative;  overflow: hidden;  }
.gamecontrol .gameChose.active {  border-radius: 10px;  box-shadow: 0 2px 2px 0 #c3eaf1;  border-bottom: 1px solid #c3eaf1;  background: url(/data/2114/uploads/tabBlue.png) no-repeat;  background-size: cover;  }
.gameChose span {  display: inline-block;  width: 26px;  text-align: center;  font-size: 8px;  color: #9aa4c2;  position: absolute;  right: 5px;  top: 17px;  }
.gamecontrol .gameChose.active span {  color: #fff;  }
.gameChose .icon {  width: 40px;  height: 40px;  position: absolute;  left: -5px;  background-repeat: no-repeat;  background-size: 48px 575px;  }


.icon5 {  background: url(/data/2114/uploads/mobile-home-tabs.png);  background-position: 0px -4px;  }
.icon6 {  background: url(/data/2114/uploads/mobile-home-tabs.png);  background-position: 0px -51px;  }
.icon7 {  background: url(/data/2114/uploads/mobile-home-tabs.png);  background-position: 0px -243px;  }
.icon8 {  background: url(/data/2114/uploads/mobile-home-tabs.png);  background-position: 0px -147px;  }
.icon9 {  background: url(/data/2114/uploads/mobile-home-tabs.png);  background-position: 0px -98px;  }
.icon10 {  background: url(/data/2114/uploads/mobile-home-tabs.png);  background-position: 0px -195px;  }

.gamecontrol .gameChose.active .icon5 {  background-position: 0px -292px;  }
.gamecontrol .gameChose.active .icon6 {  background-position: 0px -340px;  }
.gamecontrol .gameChose.active .icon7 {  background-position: 0px -531px;  }
.gamecontrol .gameChose.active .icon8 {  background-position: 0px -434px;  }
.gamecontrol .gameChose.active .icon9 {  background-position: 0px -386px;  }
.gamecontrol .gameChose.active .icon10 {  background-position: 0px -482px;  }

.gameBarr {  position: relative;  z-index: 0;  -webkit-box-flex: 1;  flex: 1;  }
.gamebox .swiper-container {  width: 100%;  height: 380px;  }
.gamebox .swiper-slide {  font-size: 18px; background: #fff; display: -webkit-box; display: -ms-fslexbox; display: -webkit-flex; display: flex;  }

.swiper-container2 .swiper-slide {  font-size: 18px;  height: auto;  -webkit-box-sizing: border-box;  box-sizing: border-box;  display: block;  }
.box {  width: 58%;  display: contents;  padding: 5px 0px 0 5px;  vertical-align: middle;  text-align: left;  }

.cardBottom a {  display: block;  float: left;  background: #f7fdff;  border-radius: 5px;  box-shadow: 0 2px 3px 0 #c0f0ff;  position: relative;  margin: 0 6px 7px;  width: 45.5%;  -webkit-box-direction: normal;  box-sizing: border-box;  overflow: hidden;  }
.cardBottom a img {  width: 100%;  }


/*-------------------------------------------------------- MOBILE-MENU --------------------------------------------------------*/
#mobile-menu {  display: block;  width: 100%;  position: fixed;  height: 48px;  left: 0;  bottom: 0;  z-index: 10;  background-color: #fff;  border-radius: 20px 20px 0 0;  box-shadow: 0 0 4px 0 #84e8ff;  }
#mo-menu ul {  margin: 0;  }
#mo-menu li a {  text-align: center;  padding-top: 4px;  float: left;  width: 20%;  display: block;  }
#mo-menu li a p {  color: #9aa4c2;  margin-top: -3px;  font-size: 10px;  }
#mo-menu li.active a p {  color: #3ba6c2;  margin-top: -3px;  font-size: 10px;  }
#mo-menu li a .menumobile {  margin: 0 auto;  display: block;  width: 30px;  height: 30px;  }

#mo-menu li:nth-child(1) a .menumobile {
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: 0px 0px;  }
#mo-menu li:nth-child(2) a .menumobile {
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: -29px 1px;  }
#mo-menu li:nth-child(3) a .menumobile {
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: -86px 0px;  }
#mo-menu li:nth-child(4) a .menumobile {
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: -116px 0px;  }
#mo-menu li:nth-child(5) a .menumobile {
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: -59px 0px;  }

#mo-menu li.active:nth-child(1) a .menumobile, #cssmenu li:hover:nth-child(1) a .menumobile {  
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: -144px 0px;  }
#mo-menu li.active:nth-child(2) a .menumobile, #cssmenu li:hover:nth-child(2) a .menumobile {  
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: -174px 1px;  }
#mo-menu li.active:nth-child(3) a .menumobile, #cssmenu li:hover:nth-child(3) a .menumobile {  
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: -231px 0px;  }
#mo-menu li.active:nth-child(4) a .menumobile, #cssmenu li:hover:nth-child(4) a .menumobile {  
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: -261px 0px;  }
#mo-menu li.active:nth-child(5) a .menumobile, #cssmenu li:hover:nth-child(5) a .menumobile {  
  background: url(/data/2114/uploads/mobile-footer-nav.png) no-repeat;  background-size: cover;  background-position: -203px 0px;  }


/*-------------------------------------------------------- MOBILE-VIP --------------------------------------------------------*/
.mobile_top_header {  display: block;  position: fixed;  width: 100%;  left: 0;  background: linear-gradient(to right, #aed8e6 10%, #d4f2fc 40%);  color: #32a1be;  font-size: 16px;  font-weight: 600;  padding: 6px 0;  text-align: center;  z-index: 9999;  }

.mobile_main_content {  padding: 22.5px 0 14px;  display: flex;  justify-content: center;  flex-direction: column;  }
.vip_header {  font-weight: 700;  font-size: 29px;  line-height: 27px;  background-image: -webkit-linear-gradient(#9ccad5 40%, #46abc5 70%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  text-align: center;  padding: 30px 0 5px;  margin-bottom: 30px;  }

.vip-frame {  width: 90%;  margin: auto;  padding: 0;  background: #fff;  box-shadow: 0 4px 8px 0 #00000033, 0 6px 10px 0 #0000001a;  border-radius: 15px;  }
.vip-frame .nrBox {  padding-top: 0;  }
.vip-frame .vipWrapper {  width: 100%;  display: flex;  flex-direction: row;  justify-content: flex-start;  }
.vip-frame .vipWrapper > div {  border: none;  }


/*-------------------------------------------------------- MOBILE-PROMOTION --------------------------------------------------------*/
ol#faq_modal {  display: flex;  flex-direction: column;  align-items: center;  }
ol#faq_modal li.question {  width: 90%;  }


/*-------------------------------------------------------- MOBILE-LOGIN / MOBILE-REGISTER --------------------------------------------------------*/
.modal-footer {  margin: 120px auto 50px;  }
.nrBox {  width: 100%;  }
.flexBar {  flex-direction: column;  }
.flexLeft, .flexRight {  width: 100%;  height: auto;  }
.active .gymani1 {  width: 100%;  }
.active .gymani3 {  width: 100%;  position: relative;  }
h3.golden {  font-size: 50px;  text-align: center;  }
.logv h3 {  text-align: center;  }

.uw88casino .login1 {  position: absolute;  top: -65px;  left: 5px;  z-index: 1;  animation: Y1_ZI 5s infinite;  width: 120px;  }
.uw88casino .login2 {  position: absolute;  top: 80px;  left: 10px;  z-index: 1;  animation: Y1_ZE 5s infinite;  width: 40px;  }
.uw88casino .login3 {  position: absolute;  top: 0px;  right: 10px;  z-index: 1;  animation: Y1_ZB 5s infinite;  width: 66px;  }

form#customform, form#registerform {  width: 100%;  }


.register1 {  padding-bottom: 60px;  }
.uw88casino .regDice1 {  position: absolute;  top: -60px;  right: 15px;  z-index: 1;  animation: Y1_ZI 5s infinite;  width: 52px;  }
.uw88casino .regDice2 {  position: absolute;  top: 180px;  left: 0px;  z-index: 1;  animation: Y1_ZE 5s infinite;  width: 42px;  }

.newregister form#registerform {  width: 100%;  margin-bottom: 150px;  }
input#registerform_UserName {  width: 60%;  }
.loginv input#customform_submit, input#registerform_btnSubmit {  position: absolute;  margin: auto;  bottom: -70px;  line-height: 15px;  text-align: center;  color: #2c6675;  font-size: 14px;  z-index: 1;  cursor: pointer;  transition: all 0.2s ease;  background: url(/data/2114/uploads/btn-regis-lightblue.png)center 17px no-repeat;  background-size: 100%;  border: 0px solid;  font-weight: bold;  }


/*-------------------------------------------------------- LIVE CHAT --------------------------------------------------------*/
.widget-visible iframe {  right: 10px !important;  bottom: 50px !important;  }


}


/*=========================================MOBILE PORTRAIR===================================*/
@media only screen and (min-device-width: 250px) and (max-device-width:660px) and (orientation: portrait)  {

.vip-frame {  width: 350px;  }
.fancybox-inner .table-dark {  font-size: 7px;  }
  }


/*=========================================MOBILE LANDSCAPE===================================*/
@media only screen and (min-device-width: 375px) and (max-device-width: 932px) and (orientation: landscape) { 

.header {  height: 78px;  }


}


/*=========================================iPad PORTRAIR===================================*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and 
(orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { 

.header {  height: 78px;  }

 }


/*=========================================iPad LANDSCAPE===================================*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px)  
and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {  

.header {  height: 78px;  }


}