html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}


body {
   margin: 0;
   background: #460000 !important;
   font-family: 'Karla', sans-serif;
   cursor: pointer !important;
   position: relative;
    padding-top: 175px!important;
}

#nav ul li, .title-section, span, p, a {
   font-family: 'Karla', sans-serif;
   font-weight: 300 !important;
  }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
   display: block
}

audio,
canvas,
progress,
video {
   display: inline-block;
   vertical-align: baseline
}

audio:not([controls]) {
   display: none;
   height: 0
}

[hidden],
template {
   display: none
}

a {
   background: 0 0
}

a:active,
a:hover {
   outline: 0
}

abbr[title] {
   border-bottom: 1px dotted
}

b,
strong {
   font-weight: 700
}

dfn {
   font-style: italic
}

h1 {
   font-size: 2em;
   margin: .67em 0
}

mark {
   background: #ff0;
   color: #000
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sup {
   top: -.5em
}

sub {
   bottom: -.25em
}

img {
   border: 0
}

svg:not(:root) {
   overflow: hidden
}

figure {
   margin: 1em 40px
}

hr {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0
}

pre {
   overflow: auto
}

code,
kbd,
pre,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
   color: inherit;
   font: inherit;
   margin: 0
}

button {
   overflow: visible
}

button,
select {
   text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
   -webkit-appearance: button;
   cursor: pointer
}

button[disabled],
html input[disabled] {
   cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0
}

input {
   line-height: normal
}

input[type=checkbox],
input[type=radio] {
   box-sizing: border-box;
   padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   height: auto
}

input[type=search] {
   -webkit-appearance: textfield;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: .35em .625em .75em
}

legend {
   border: 0;
   padding: 0
}

textarea {
   overflow: auto
}

optgroup {
   font-weight: 700
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

td,
th {
   padding: 0
}

#banner {
   height: 391px;
   background: #000
}

#slide-banner {
   position: relative;
   height: 391px;
   overflow: hidden
}

#slide-banner .slide {
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -960px
}

#slide-banner .slide a {
   display: inline-block;
   width: 1920px;
   height: 342px
}

#slide-banner .slide-pager {
   position: absolute;
   top: 0;
   right: 0;
   height: 49px;
   z-index: 1;
   padding: 20px 0 0 15px;
   text-align: center;
   background: #000
}

#slide-banner .slide-pager li {
   display: inline-block;
   width: 10px;
   height: 10px;
   vertical-align: top;
   margin: 0 2px;
   font-size: 0;
   background-color: #cf962a;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   -moz-transition: background ease-in-out .5s;
   -o-transition: background ease-in-out .5s;
   -webkit-transition: background ease-in-out .5s;
   transition: background ease-in-out .5s;
   cursor: pointer
}

#slide-banner .slide-pager li.on,
#slide-banner .slide-pager li:hover {
   background-color: #a90600
}

#slide-banner .slide-click {
   position: absolute;
   top: 0;
   width: 190px;
   height: 342px;
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#slide-banner .slide-click:hover {
   background-color: rgba(0, 0, 0, .1)
}

#slide-banner .slide-click.prev {
   left: 0;
   background-image: url(../images/home/slider/slider_prev.png);
   -moz-border-radius: 0 100% 100% 0;
   -webkit-border-radius: 0 100% 100% 0;
   border-radius: 0 100% 100% 0
}

#slide-banner .slide-click.next {
   right: 0;
   background-image: url(../images/home/slider/slider_next.png);
   -moz-border-radius: 100% 0 0 100%;
   -webkit-border-radius: 100% 0 0 100%;
   border-radius: 100% 0 0 100%
}

#casino-content {
   position: relative;
   z-index: 0;
   background: #4a0206 url(../images/live-casino/content_bg.jpg) no-repeat center top
}

#casino-news {
   width: 1200px;
   margin: 0 auto;
   height: 49px;
   background: #000
}

#casino-news .wrapper {
   height: 49px;
   padding: 0 20px 0 160px
}

#casino-news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top
}

#casino-news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top
}

#ca-lobby {
   padding: 7px 0;
   background-color: #b51818
}

#ca-lobby ul.live-top {
   width: 1027px;
   margin: 7px auto;
   padding: 4px 0;
   background-color: #870909
}

#ca-lobby ul.live-top li {
   margin: 4px
}

#ca-lobby>ul.game-list {
   display: block;
   text-align: center;
   text-align: left;
   margin-left: 85px;
}

#ca-lobby>ul.game-list {
   display: block
}

#ca-lobby>ul.game-list>li {
   display: inline-block;
   vertical-align: top;
   background-repeat: no-repeat
}

#ca-lobby>ul.game-list>li {
   position: relative;
   width: 333px;
   height: 323px;
   margin: 4px;
   overflow: hidden
}

#ca-lobby>ul.game-list>li:before {
   content: '';
   display: inline-block;
   width: 100%;
   height: 100%;
   -moz-transition: transform ease .5s;
   -o-transition: transform ease .5s;
   -webkit-transition: transform ease .5s;
   transition: transform ease .5s
}

#ca-lobby>ul.game-list>li div.title {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   width: 100%;
   height: 100%;
   padding: 85px 0 0 28px;
   color: #fff;
   font-size: 14px;
   text-align: left;
   background: url(../images/casino/title.png) no-repeat left top;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}
#ca-lobby>ul.game-list>li[game-box=first]:before {
   background-image: url(../images/live-casino/first.jpg);
}
#ca-lobby>ul.game-list>li div.title:before {
   content: '';
   position: absolute;
   top: 10px;
   right: 10px;
   left: 10px;
   display: block;
   height: 70px;
   background-repeat: no-repeat;
   background-position: left top
}

#ca-lobby>ul.game-list>li:hover:before {
   -moz-transform: scale(1.05);
   -ms-transform: scale(1.05);
   -o-transform: scale(1.05);
   -webkit-transform: scale(1.05);
   transform: scale(1.05)
}

#ca-lobby>ul.game-list>li:hover div.title {
   background-image: url(../images/casino/title_h.png)
}

#ca-lobby>ul.game-list>li[game-box=first] {
   width: 671px;
   height: 323px
}

#ca-lobby>ul.game-list>li[game-box=last] {
   width: 671px;
   height: 323px
}

#ca-lobby>ul.game-list>li:hover div.title {
   background-image: url(../images/live-casino/title_h.png)
}

#ca-lobby>ul.game-list>li[game-box=tga_casino] {
   width: 671px;
   height: 323px
}

#ca-lobby>ul.game-list>li[game-box=gd]:before {
   background-image: url(../images/live-casino/ag.jpg)
}

#ca-lobby>ul.game-list>li[game-box=gd] div.title {
   background-image: url(../images/live-casino/title_large.png)
}

#ca-lobby>ul.game-list>li[game-box=gd]:hover div.title {
   background-image: url(../images/live-casino/title_largeh.png)
}

#ca-lobby>ul.game-list>li[game-box=gd] div.title:before {
   background-image: url(../images/live-casino/title_gd.png)
}
#ca-lobby>ul.game-list>li[game-box=first] div.title:before {
   background-image: url(../images/live-casino/title_sexy.png);
}
#ca-lobby>ul.game-list>li[game-box=bb] {
   height: 340px
}

ul.game-list>li[game-box=gold]:before {
   background-image: url(../images/live-casino/gold.jpg)
}

ul.game-list>li[game-box=gold] div.title:before {
   background-image: url(../images/live-casino/title_gold.png)
}

ul.game-list>li[game-box=agt]:before {
   background-image: url(../images/live-casino/gd.jpg)
}

ul.game-list>li[game-box=agt] div.title:before {
   background-image: url(../images/live-casino/title_ag.png)
}

ul.game-list>li[game-box=pp_ca]:before {
   background-image: url(../images/live-casino/pp_ca.jpg)
}

ul.game-list>li[game-box=pp_ca] div.title:before {
   background-image: url(../images/live-casino/title_pp_ca.png)
}
ul.game-list>li[game-box=ag]:before {
   background-image: url(../images/live-casino/ag.jpg) !important;
}

ul.game-list>li[game-box=ag] div.title:before {
   background-image: url(../images/live-casino/title_ag.png)
}
ul.game-list>li[game-box=dg99]:before {
   background-image: url(../images/live-casino/dg99.jpg) !important;
}

ul.game-list>li[game-box=dg99] div.title:before {
   background-image: url(../images/live-casino/title_dg99.png)
}
ul.game-list>li[game-box=allbet]:before {
   background-image: url(../images/live-casino/allbet.jpg)
}

ul.game-list>li[game-box=allbet] div.title:before {
   background-image: url(../images/live-casino/title_allbet.png)
}
ul.game-list>li[game-box=n2live]:before {
   background-image: url(../images/live-casino/n2live.jpg)
}

ul.game-list>li[game-box=n2live] div.title:before {
   background-image: url(../images/live-casino/title_n2live.png)
}
ul.game-list>li[game-box=yeebet]:before {
   background-image: url(../images/live-casino/yeebet.jpg)
}

ul.game-list>li[game-box=yeebet] div.title:before {
   background-image: url(../images/live-casino/title_yeebet.png)
}
ul.game-list>li[game-box=royal]:before {
   background-image: url(../images/live-casino/royal.jpg)
}

ul.game-list>li[game-box=royal] div.title:before {
   background-image: url(../images/live-casino/title_royal.png)
}
ul.game-list>li[game-box=bg]:before {
   background-image: url(../images/live-casino/bg.jpg)
}

ul.game-list>li[game-box=bg] div.title:before {
   background-image: url(../images/live-casino/title_bg.png)
}
ul.game-list>li[game-box=tga]:before {
   background-image: url(../images/live-casino/tga.jpg)
}

ul.game-list>li[game-box=tga] div.title:before {
   background-image: url(../images/live-casino/title_tga.png)
}

ul.game-list>li[game-box=w88]:before {
   background-image: url(../images/live-casino/w88.jpg)
}

ul.game-list>li[game-box=w88] div.title:before {
   background-image: url(../images/live-casino/title_w88.png)
}

ul.game-list>li[game-box=crown]:before {
   background-image: url(../images/live-casino/crown.jpg)
}

ul.game-list>li[game-box=crown] div.title:before {
   background-image: url(../images/live-casino/title_crown.png)
}

ul.game-list>li[game-box=ab]:before {
   background-image: url(../images/live-casino/ab.jpg)
}

ul.game-list>li[game-box=ab] div.title:before {
   background-image: url(../images/live-casino/title_ab.png)
}

ul.game-list>li[game-box=sa]:before {
   background-image: url(../images/live-casino/sa.jpg)
}

ul.game-list>li[game-box=sa] div.title:before {
   background-image: url(../images/live-casino/title_sa.png)
}

ul.game-list>li[game-box=sexy]:before {
   background-image: url(../images/live-casino/sexy.jpg)
}

ul.game-list>li[game-box=sexy] div.title:before {
   background-image: url(../images/live-casino/title_sexy.png)
}

ul.game-list>li[game-box=wm] div.title:before {
   background-image: url(../images/live-casino/title_wm.png)
}

ul.game-list>li[game-box=wm]:before {
   background-image: url(../images/live-casino/wm.jpg)
}

ul.game-list>li[game-box=evo] div.title:before {
   background-image: url(../images/live-casino/evo_title.png)
}

ul.game-list>li[game-box=evo]:before {
   background-image: url(../images/live-casino/evo.jpg)
}

ul.game-list>li[game-box="hbo"] div.title:before {
   background-image: url('../images/live-casino/title_hbo.png')
}

ul.game-list>li[game-box="hbo"]:before {
   background-image: url('../images/live-casino/hongbo.jpg')
}

ul.game-list>li[game-box="n2live"] div.title:before {
   background-image: url('../images/live-casino/title_n2live.png')
}

ul.game-list>li[game-box="n2live"]:before {
   background-image: url('../images/live-casino/n2live.jpg')
}

ul.game-list>li[game-box="miki"] div.title:before {
   background-image: url('../images/live-casino/title_miki.png')
}

ul.game-list>li[game-box="miki"]:before {
   background-image: url('../images/live-casino/miki.jpg')
}

ul.game-list>li[game-box="royal"] div.title:before {
   background-image: url('../images/live-casino/royal.png')
}

ul.game-list>li[game-box="royal"]:before {
   background-image: url('../images/live-casino/royal.jpg')
}

ul.game-list>li[game-box=hg_casino] div.title:before {
   background-image: url(../images/live-casino/hg.png)
}

ul.game-list>li[game-box=hg_casino]:before {
   background-image: url(../images/live-casino/hg.jpg)
}

ul.game-list>li[game-box=tga_casino] div.title:before {
   background-image: url(../images/live-casino/tga.png)
}

ul.game-list>li[game-box=tga_casino]:before {
   background-image: url(../images/live-casino/tga.jpg)
}

ul.game-list>li[game-box=casino_pplay] div.title:before {
   background-image: url(../images/live-casino/logo-pp.png)
}

ul.game-list>li[game-box=casino_pplay]:before {
   background-image: url(../images/live-casino/pp_ca.jpg)
}

#ca-lobby>ul.game-list>li[game-box=sb] {
   width: 671px;
   height: 323px
}

#ca-lobby>ul.game-list>li[game-box=sb]:before {
   background-image: url(../images/live-casino/sb.jpg)
}

#ca-lobby>ul.game-list>li[game-box=sb] div.title {
   background-image: url(../images/live-casino/title_large.png)
}

#ca-lobby>ul.game-list>li[game-box=sb]:hover div.title {
   background-image: url(../images/live-casino/title_largeh.png)
}

#ca-lobby>ul.game-list>li[game-box=sb] div.title:before {
   background-image: url(../images/live-casino/title_sb.png)
}

#ca-lobby>ul.game-list>li[game-box=welive] div.title:before {
   background-image: url(../images/live-casino/title_welive.png)
}

#ca-lobby>ul.game-list>li[game-box=welive]:before {
   background-image: url(../images/live-casino/welive.jpg)
}

#ca-lobby>ul.game-list>li[game-box=supernowa] div.title:before {
   background-image: url(../images/live-casino/title_supernowa.png)
}

#ca-lobby>ul.game-list>li[game-box=supernowa]:before {
   background-image: url(../images/live-casino/supernowa.png)
}

#content {
   padding: 0;
   font-size: 0;
   background-color: #520308;
   background-image: url(../images/home/content_bg.jpg)
}

#content>div.wrapper {
   padding: 16px;
   background-color: #7e0505
}

#news {
   position: absolute;
   top: -49px;
   right: 0;
   left: 0;
   width: 100%;
   margin: 0
}

#home-slot {
   margin-bottom: 16px
}

#home-slot .game-list a {
   color: #fff
}

#home-slot a {
   color: #fff
}

#home-slot .slider-left {
   position: relative;
   height: 84px;
   overflow: hidden;
   margin-bottom: 10px;
   padding: 20px 0;
   background-color: #970909
}

#home-slot .slider-left>a>span {
   position: absolute;
   top: 12px;
   z-index: 1;
   display: inline-block;
   width: 30px;
   height: 60px;
   background-color: #870909;
   background-position: center center;
   background-repeat: no-repeat;
   cursor: pointer;
   vertical-align: top
}

#home-slot .slider-left>a>span.prev {
   left: 10px;
   background-image: url(../images/slots/prev.png)
}

#home-slot .slider-left>a>span.next {
   right: 10px;
   background-image: url(../images/slots/next.png)
}

#home-slot .main-cell {
   margin: 0 120px
}

#home-slot ul.game-list>li {
   position: relative;
   width: 200px;
   height: 60px;
   padding-top: 12px;
   color: #fff;
   font-size: 15px;
   line-height: normal;
   text-align: left
}

#home-slot ul.game-list>li span {
   display: block;
   color: #e52326;
   font-size: 12px
}

#home-slot ul.game-list>li:before {
   content: '';
   float: left;
   display: inline-block;
   width: 70px;
   height: 50px;
   margin-top: -7px;
   background-repeat: no-repeat;
   background-position: center center
}

#home-slot ul.game-list>li.active:after,
#home-slot ul.game-list>li:hover:after {
   content: '';
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   display: block;
   height: 2px;
   background-color: #ffe1ab
}

#home-slot ul.game-list>li[game-box=fh]:before {
   background-image: url(../images/slots/fh/fh.png)
}

#home-slot ul.game-list>li[game-box=gold]:before {
   background-image: url(../images/slots/gold/gold.png)
}

#home-slot ul.game-list>li[game-box=bg]:before {
   background-image: url(../images/slots/bg/bg.png)
}

#home-slot ul.game-list>li[game-box=hb]:before {
   background-image: url(../images/slots/hb/hb.png)
}

#home-slot ul.game-list>li[game-box=gd]:before {
   background-image: url(../images/slots/gd/gd.png)
}

#home-slot ul.game-list>li[game-box=mg]:before {
   background-image: url(../images/slots/mg/mg.png)
}

#home-slot ul.game-list>li[game-box=gp]:before {
   background-image: url(../images/slots/gp/gp.png)
}

#home-slot ul.game-list>li[game-box=pt]:before {
   background-image: url(../images/slots/pt/pt.png)
}

.subnav li[game-box=jk]:before,
.subnav li[game-box=joker]:before {
   background-image: url(../images/home/sub-nav/slots/joker123.png)
}

.subnav li[game-box=rtg]:before {
   background-image: url(../images/home/sub-nav/slots/rtg.png)
}

.subnav li[game-box=pp]:before,
.subnav li[game-box=pplay]:before {
   background-image: url(../images/home/sub-nav/slots/pp.png)
}

.subnav li[game-box=flow]:before {
   background-image: url(../images/home/sub-nav/slots/flow.png)
}

.subnav li[game-box=xe88]:before {
   background-image: url(../images/home/sub-nav/slots/xe88.png)
}

.subnav li[game-box=918kiss]:before, .subnav li[game-box=kiss]:before {
   background-image: url(../images/home/sub-nav/slots/918kiss.png)
}

.subnav li[game-box=nagaslots]:before {
   background-image: url(../images/home/sub-nav/slots/nagaslots.png)
}

.subnav li[game-box=popok]:before {
   background-image: url(../images/home/sub-nav/slots/popok.png)
}

.subnav li[game-box=cq9]:before {
   background-image: url(../images/home/sub-nav/slots/cq9.png)
}

.subnav li[game-box=bp]:before {
   background-image: url(../images/home/sub-nav/slots/bp.png)
}
.subnav li[game-box=cg]:before {
   background-image: url(../images/home/sub-nav/slots/cg.png)
}

.subnav li[game-box=icg]:before {
   background-image: url(../images/home/sub-nav/slots/icg.png)
}

.subnav li[game-box=platipus]:before {
   background-image: url(../images/home/sub-nav/slots/platipus.png)
}

.subnav li[game-box=fc]:before {
   background-image: url(../images/home/sub-nav/slots/fc.png)
}

.subnav li[game-box=jilis]:before,
.subnav li[game-box=jili]:before {
   background-image: url(../images/home/sub-nav/slots/jili.png)
}

.subnav li[game-box=kaslot]:before,
.subnav li[game-box=kaslots]:before {
   background-image: url(../images/home/sub-nav/slots/kaslots.png)
}

.subnav li[game-box=leapslots]:before {
   background-image: url(../images/home/sub-nav/slots/leapslots.png)
}

.subnav li[game-box=rich88]:before {
   background-image: url(../images/home/sub-nav/slots/rich88.png)
}

.subnav li[game-box=spadegaming]:before {
   background-image: url(../images/home/sub-nav/slots/spadegaming.png)
}

.subnav li[game-box=nextspin]:before {
   background-image: url(../images/home/sub-nav/slots/nextspin.png)
}

.subnav li[game-box=live22]:before {
   background-image: url(../images/home/sub-nav/slots/live22.png)
}

.subnav li[game-box=nagaslots]:before {
   background-image: url(../images/home/sub-nav/slots/nagaslots.png)
}
.subnav li[game-box=popok]:before {
   background-image: url(../images/home/sub-nav/slots/popok.png)
}

#home-slot div.slot-panel {
   display: inline-block;
   width: 824px;
   vertical-align: middle;
   background-color: #b51818
}

#home-slot div.slot-panel ul {
   display: block;
   padding: 12px 0 10px 6px
}

#home-slot div.slot-panel ul li {
   display: inline-block;
   width: 265px;
   height: 171px;
   vertical-align: top;
   margin: 3px;
   color: #fff;
   font-size: 14px;
   line-height: 40px;
   text-align: center;
   background-color: #171717
}

#home-slot div.slot-panel ul li div.img {
   width: 185px;
   height: 80px;
   margin: 0 auto;
   overflow: hidden;
   cursor: pointer
}

#home-slot img {
   cursor: pointer
}

#home-slot div.slot-panel ul li div.img:before {
   content: '';
   display: inline-block;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center center;
   -moz-transition: transform ease .5s;
   -o-transition: transform ease .5s;
   -webkit-transition: transform ease .5s;
   transition: transform ease .5s
}

#home-slot div.slot-panel ul li.en:after {
   content: 'PLAY NOW' !important
}

#home-slot div.slot-panel ul li.cn:after {
   content: '开始游戏' !important
}


#home-slot div.slot-panel ul li.ma:after {
   content: 'Main sekarang' !important
}

#home-slot div.slot-panel ul li.id:after {
   content: 'Main sekarang' !important
}

#home-slot div.slot-panel ul li:after {
   content: 'PLAY NOW';
   display: block;
   width: 100px;
   height: 24px;
   margin: 15px auto 0;
   color: #000;
   font-size: 12px;
   font-weight: 500;
   line-height: 24px;
   cursor: pointer;
   text-align: center;
   background: -moz-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: -webkit-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: linear-gradient(to bottom, #ffe1ab 0, #805723 100%);
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -moz-transition: all ease .5s;
   -o-transition: all ease .5s;
   -webkit-transition: all ease .5s;
   transition: all ease .5s
}

#home-slot div.slot-panel ul li:hover div.img:before {
   -moz-transform: scale(1.05);
   -ms-transform: scale(1.05);
   -o-transform: scale(1.05);
   -webkit-transform: scale(1.05);
   transform: scale(1.05)
}

#home-slot div.slot-panel ul li:hover:after {
   color: #fff;
   background: -moz-linear-gradient(top, #c01111 0, #720101 100%);
   background: -webkit-linear-gradient(top, #c01111 0, #720101 100%);
   background: linear-gradient(to bottom, #c01111 0, #720101 100%)
}

#home-slot div.slot-panel ul li.fh-ag div.img:before {
   background-image: url(../images/slots/fh/ag.png)
}

#home-slot div.slot-panel ul li.fh-gns div.img:before {
   background-image: url(../images/slots/fh/gns.png)
}

#home-slot div.slot-panel ul li.fh-jdb div.img:before {
   background-image: url(../images/slots/fh/jdb.png)
}

#home-slot div.slot-panel ul li.fh-jdb2 div.img:before {
   background-image: url(../images/slots/fh/jdb2.png)
}

#home-slot div.slot-panel ul li.fh-mw div.img:before {
   background-image: url(../images/slots/fh/mw.png)
}

#home-slot div.slot-panel ul li.fh-pg div.img:before {
   background-image: url(../images/slots/fh/pg.png)
}

#home-slot div.slot-panel ul li.fh-pg2 div.img:before {
   background-image: url(../images/slots/fh/pg2.png)
}

#home-slot div.slot-panel ul li.fh-pt div.img:before {
   background-image: url(../images/slots/fh/pt.png)
}

#home-slot div.slot-panel ul li.fh-rg div.img:before {
   background-image: url(../images/slots/fh/rg.png)
}

#home-slot div.slot-panel ul li.gold01 div.img:before {
   background-image: url(../images/slots/gold/01.png)
}

#home-slot div.slot-panel ul li.gold02 div.img:before {
   background-image: url(../images/slots/gold/02.png)
}

#home-slot div.slot-panel ul li.gold03 div.img:before {
   background-image: url(../images/slots/gold/03.png)
}

#home-slot div.slot-panel ul li.gold04 div.img:before {
   background-image: url(../images/slots/gold/04.png)
}

#home-slot div.slot-panel ul li.gold05 div.img:before {
   background-image: url(../images/slots/gold/05.png)
}

#home-slot div.slot-panel ul li.gold06 div.img:before {
   background-image: url(../images/slots/gold/06.png)
}

#home-slot div.slot-panel ul li.gold07 div.img:before {
   background-image: url(../images/slots/gold/07.png)
}

#home-slot div.slot-panel ul li.gold08 div.img:before {
   background-image: url(../images/slots/gold/08.png)
}

#home-slot div.slot-panel ul li.gold09 div.img:before {
   background-image: url(../images/slots/gold/09.png)
}

#home-slot div.slot-panel ul li.bg01 div.img:before {
   background-image: url(../images/slots/bg/01.png)
}

#home-slot div.slot-panel ul li.bg02 div.img:before {
   background-image: url(../images/slots/bg/02.png)
}

#home-slot div.slot-panel ul li.bg03 div.img:before {
   background-image: url(../images/slots/bg/03.png)
}

#home-slot div.slot-panel ul li.bg04 div.img:before {
   background-image: url(../images/slots/bg/04.png)
}

#home-slot div.slot-panel ul li.bg05 div.img:before {
   background-image: url(../images/slots/bg/05.png)
}

#home-slot div.slot-panel ul li.bg06 div.img:before {
   background-image: url(../images/slots/bg/06.png)
}

#home-slot div.slot-panel ul li.bg07 div.img:before {
   background-image: url(../images/slots/bg/07.png)
}

#home-slot div.slot-panel ul li.bg08 div.img:before {
   background-image: url(../images/slots/bg/08.png)
}

#home-slot div.slot-panel ul li.bg09 div.img:before {
   background-image: url(../images/slots/bg/09.png)
}

#home-slot div.slot-panel ul li.hb01 div.img:before {
   background-image: url(../images/slots/hb/01.png)
}

#home-slot div.slot-panel ul li.hb02 div.img:before {
   background-image: url(../images/slots/hb/02.png)
}

#home-slot div.slot-panel ul li.hb03 div.img:before {
   background-image: url(../images/slots/hb/03.png)
}

#home-slot div.slot-panel ul li.hb04 div.img:before {
   background-image: url(../images/slots/hb/04.png)
}

#home-slot div.slot-panel ul li.hb05 div.img:before {
   background-image: url(../images/slots/hb/05.png)
}

#home-slot div.slot-panel ul li.hb06 div.img:before {
   background-image: url(../images/slots/hb/06.png)
}

#home-slot div.slot-panel ul li.hb07 div.img:before {
   background-image: url(../images/slots/hb/07.png)
}

#home-slot div.slot-panel ul li.hb08 div.img:before {
   background-image: url(../images/slots/hb/08.png)
}

#home-slot div.slot-panel ul li.hb09 div.img:before {
   background-image: url(../images/slots/hb/09.png)
}

#home-slot div.slot-panel ul li.hb10 div.img:before {
   background-image: url(../images/slots/hb/10.png)
}

#home-slot div.slot-panel ul li.hb11 div.img:before {
   background-image: url(../images/slots/hb/11.png)
}

#home-slot div.slot-panel ul li.gd01 div.img:before {
   background-image: url(../images/slots/gd/01.png)
}

#home-slot div.slot-panel ul li.gd02 div.img:before {
   background-image: url(../images/slots/gd/02.png)
}

#home-slot div.slot-panel ul li.gd03 div.img:before {
   background-image: url(../images/slots/gd/03.png)
}

#home-slot div.slot-panel ul li.gd04 div.img:before {
   background-image: url(../images/slots/gd/04.png)
}

#home-slot div.slot-panel ul li.gd05 div.img:before {
   background-image: url(../images/slots/gd/05.png)
}

#home-slot div.slot-panel ul li.gd06 div.img:before {
   background-image: url(../images/slots/gd/06.png)
}

#home-slot div.slot-panel ul li.gd07 div.img:before {
   background-image: url(../images/slots/gd/07.png)
}

#home-slot div.slot-panel ul li.gd08 div.img:before {
   background-image: url(../images/slots/gd/08.png)
}

#home-slot div.slot-panel ul li.gd09 div.img:before {
   background-image: url(../images/slots/gd/09.png)
}

#home-slot div.slot-panel ul li.mg01 div.img:before {
   background-image: url(../images/slots/mg/01.png)
}

#home-slot div.slot-panel ul li.mg02 div.img:before {
   background-image: url(../images/slots/mg/02.png)
}

#home-slot div.slot-panel ul li.mg03 div.img:before {
   background-image: url(../images/slots/mg/03.png)
}

#home-slot div.slot-panel ul li.mg04 div.img:before {
   background-image: url(../images/slots/mg/04.png)
}

#home-slot div.slot-panel ul li.mg05 div.img:before {
   background-image: url(../images/slots/mg/05.png)
}

#home-slot div.slot-panel ul li.mg06 div.img:before {
   background-image: url(../images/slots/mg/06.png)
}

#home-slot div.slot-panel ul li.mg07 div.img:before {
   background-image: url(../images/slots/mg/07.png)
}

#home-slot div.slot-panel ul li.mg08 div.img:before {
   background-image: url(../images/slots/mg/08.png)
}

#home-slot div.slot-panel ul li.mg09 div.img:before {
   background-image: url(../images/slots/mg/09.png)
}

#home-slot div.slot-panel ul li.gp01 div.img:before {
   background-image: url(../images/slots/gp/01.png)
}

#home-slot div.slot-panel ul li.gp02 div.img:before {
   background-image: url(../images/slots/gp/02.png)
}

#home-slot div.slot-panel ul li.gp03 div.img:before {
   background-image: url(../images/slots/gp/03.png)
}

#home-slot div.slot-panel ul li.gp04 div.img:before {
   background-image: url(../images/slots/gp/04.png)
}

#home-slot div.slot-panel ul li.gp05 div.img:before {
   background-image: url(../images/slots/gp/05.png)
}

#home-slot div.slot-panel ul li.gp06 div.img:before {
   background-image: url(../images/slots/gp/06.png)
}

#home-slot div.slot-panel ul li.gp07 div.img:before {
   background-image: url(../images/slots/gp/07.png)
}

#home-slot div.slot-panel ul li.gp08 div.img:before {
   background-image: url(../images/slots/gp/08.png)
}

#home-slot div.slot-panel ul li.gp09 div.img:before {
   background-image: url(../images/slots/gp/09.png)
}

#home-slot div.slot-panel ul li.pt01 div.img:before {
   background-image: url(../images/slots/pt/01.png)
}

#home-slot div.slot-panel ul li.pt02 div.img:before {
   background-image: url(../images/slots/pt/02.png)
}

#home-slot div.slot-panel ul li.pt03 div.img:before {
   background-image: url(../images/slots/pt/03.png)
}

#home-slot div.slot-panel ul li.pt04 div.img:before {
   background-image: url(../images/slots/pt/04.png)
}

#home-slot div.slot-panel ul li.pt05 div.img:before {
   background-image: url(../images/slots/pt/05.png)
}

#home-slot div.slot-panel ul li.pt06 div.img:before {
   background-image: url(../images/slots/pt/06.png)
}

#home-slot div.slot-panel ul li.pt07 div.img:before {
   background-image: url(../images/slots/pt/07.png)
}

#home-slot div.slot-panel ul li.pt08 div.img:before {
   background-image: url(../images/slots/pt/08.png)
}

#home-slot div.slot-panel ul li.pt09 div.img:before {
   background-image: url(../images/slots/pt/09.png)
}

#home-slot div.winner-list {
   display: inline-block;
   width: 339px;
   height: 560px;
   vertical-align: middle;
   margin-left: 5px;
   padding-top: 204px
}

#home-slot div.bg_en {
   background: url(../images/home/winner.1.png) no-repeat center top
}

#home-slot div.bg_id {
   background: url(../images/home/winner_id.png) no-repeat center top
}

#home-slot div.winner-list span.jackpot {
   display: block;
   height: 43px;
   padding: 0 18px 0 116px;
   margin-bottom: 33px;
   color: #fdc735;
   font-size: 26px;
   font-weight: 700;
   font-family: Arial;
   line-height: 43px;
   text-align: center
}

#home-slot div.winner-list div.jackpot-info ul {
   display: block
}

#home-slot div.winner-list div.jackpot-info li {
   height: 62px
}

#home-slot div.winner-list div.jackpot-info li span {
   color: #fdc735;
   font-size: 20px;
   font-weight: 700;
   line-height: 62px
}

#home-slot div.winner-list div.jackpot-info li:before {
   content: '';
   display: inline-block;
   width: 90px;
   height: 62px;
   vertical-align: top;
   margin: 0 55px 0 10px;
   background-repeat: no-repeat;
   background-position: center center
}

#home-slot div.winner-list div.jackpot-info li.fh:before {
   background-image: url(../images/slots/fh/fh.png)
}

#home-slot div.winner-list div.jackpot-info li.gold:before {
   background-image: url(../images/slots/gold/gold.png)
}

#home-slot div.winner-list div.jackpot-info li.bg:before {
   background-image: url(../images/slots/bg/bg.png)
}

#home-slot div.winner-list div.jackpot-info li.hb:before {
   background-image: url(../images/slots/hb/hb.png)
}

#home-slot div.winner-list div.jackpot-info li.gd:before {
   background-image: url(../images/slots/gd/gd.png)
}

#home-slot div.winner-list div.jackpot-info li.mg:before {
   background-image: url(../images/slots/mg/mg.png)
}

#home-slot div.winner-list div.jackpot-info li.gp:before {
   background-image: url(../images/slots/gp/gp.png)
}

#home-slot div.winner-list div.jackpot-info li.pt:before {
   background-image: url(../images/slots/pt/pt.png)
}

#home-slot div.winner-list span.more {
   display: block;
   text-align: center;
   color: #fff;
   font-size: 14px
}

#home-slot div.winner-list span.more a {
   color: red;
   text-decoration: none
}

#home-slot div.winner-list span.more a:hover {
   text-decoration: underline
}

#home-casino {
   display: block
}

#home-casino li {
   display: inline-block;
   width: 378px;
   height: 168px;
   vertical-align: top;
   margin-left: 5px
}

#home-casino li a {
   position: relative;
   display: inline-block;
   width: 100%;
   height: 100%;
   text-decoration: none
}

#home-casino li a span {
   display: block;
   height: 38px;
   color: #301a04;
   font-size: 16px;
   font-weight: 700;
   line-height: 38px;
   text-align: center;
   text-shadow: 0 1px 0 #c0994f;
   background: -moz-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: -webkit-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: linear-gradient(to bottom, #ffe1ab 0, #805723 100%);
   -moz-border-radius: 3px 3px 0 0;
   -webkit-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0
}

#home-casino li a div.img {
   height: 130px;
   overflow: hidden
}

#home-casino li a div.img:before {
   content: '';
   display: inline-block;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center;
   -moz-transition: transform ease .5s;
   -o-transition: transform ease .5s;
   -webkit-transition: transform ease .5s;
   transition: transform ease .5s
}

#home-casino li a:after {
   content: '';
   position: absolute;
   right: 14px;
   bottom: 14px;
   z-index: 1;
   width: 149px;
   height: 37px;
   background-repeat: no-repeat;
   background-position: center top
}

#home-casino li:hover a div.img:before {
   -moz-transform: scale(1.05);
   -ms-transform: scale(1.05);
   -o-transform: scale(1.05);
   -webkit-transform: scale(1.05);
   transform: scale(1.05)
}

#home-casino li.fish {
   float: left;
   width: 400px;
   height: 341px;
   margin: 0
}

#home-casino li.fish div.img {
   height: 303px
}

#home-casino li.fish div.img:before {
   background-image: url(../images/home/casino_fish.png)
}

#home-casino li.fish a:after {
   bottom: 40px;
   right: 106px;
   background-image: url(../images/home/btn_fish.png)
}

#home-casino li.game {
   margin-bottom: 4px
}

#home-casino li.game div.img:before {
   background-image: url(../images/home/casino_game.png)
}

#home-casino li.game a:after {
   background-image: url(../images/home/btn_game.png)
}

#home-casino li.live {
   margin-bottom: 4px
}

#home-casino li.live div.img:before {
   background-image: url(../images/home/casino_live.png)
}

#home-casino li.live a:after {
   background-image: url(../images/home/btn_live.png)
}

#home-casino li.sport div.img:before {
   background-image: url(../images/home/casino_sport.png)
}

#home-casino li.sport a:after {
   background-image: url(../images/home/btn_sport.png)
}

#home-casino li.lottery div.img:before {
   background-image: url(../images/home/casino_lottery.png)
}

#home-casino li.lottery a:after {
   background-image: url(../images/home/btn_lottery.png)
}

.panel {
   margin: 0 auto;
   border-color: #ddd;
   background: #e5e5e5;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
   box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-heading {
   padding: 10px 15px;
   border-bottom: 1px solid transparent;
   -webkit-border-top-right-radius: 2px;
   border-top-right-radius: 2px;
   -webkit-border-top-left-radius: 2px;
   border-top-left-radius: 2px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.panel-body {
   position: relative;
   padding: 15px 15px 20px 15px
}

form.form-horizontal {
   clear: both;
   display: inline-block;
   width: 100%
}

form.form-horizontal:after,
form.form-horizontal:before {
   content: ' ',
}

.form-group {
   position: relative;
   display: inline-block;
   width: 100%;
   margin: 5px 0
}

.form-group .control-label {
   display: inline-block;
   float: left;
   width: 30%;
   height: 20px;
   margin: 0 auto;
   padding: 0 15px;
   font-weight: 700;
   text-align: right
}

.form-group .control-div {
   display: block;
   float: left;
   width: 45%;
   padding: 0 15px;
   text-align: left;
   color: #fff
}

.form-group .form-control-static {
   text-align: left
}

.form-group .control-btn {
   text-align: center
}

.form-group .control-div .form-control-static {
   margin: 0;
   text-align: left
}

.panel-shadow {
   position: absolute;
   left: 0;
   bottom: -19px;
   width: 100%;
   height: 18px;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/WithdrawApplication/images/panel_shadow.jpg) no-repeat
}

.btn {
   display: inline-block;
   padding: 5px 4px;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.428571429;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none
}

.btn-default {
   color: #333;
   background-color: #fff;
   border-color: #ccc
}

.btn-sm {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px
}

.btn-link {
   font-weight: 400;
   color: #428bca;
   cursor: pointer;
   background-color: transparent;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0
}

.btn-link:hover {
   text-decoration: underline
}

.btn-submit {
   position: relative;
   width: 119px;
   height: 45px;
   font-size: 15px;
   font-family: PMingLiU;
   font-weight: 700;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/sent_bn.png) 0 0 no-repeat;
   border: 0
}

.btn-submit:active {
   background-position: 0 -46px
}

button[disabled],
html input[disabled] {
   color: #999;
   cursor: default
}

button {
   color: #454545
}

.alert {
   padding: 15px;
   margin-bottom: 20px;
   border: 1px solid transparent;
   border-radius: 3px
}

.alert h4 {
   margin-top: 0;
   color: inherit
}

.alert .alert-link {
   font-weight: 700
}

.alert>p,
.alert>ul {
   margin-bottom: 0
}

.alert>p+p {
   margin-top: 5px
}

.alert-dismissable {
   padding-right: 35px
}

.alert-dismissable .close {
   position: relative;
   top: -2px;
   right: -21px;
   color: inherit
}

.alert-success {
   color: #3c763d;
   background-color: #dff0d8;
   border-color: #d6e9c6
}

.alert-success hr {
   border-top-color: #c9e2b3
}

.alert-success .alert-link {
   color: #2b542c
}

.alert-info {
   color: #31708f;
   background-color: #d9edf7;
   border-color: #bce8f1
}

.alert-info hr {
   border-top-color: #a6e1ec
}

.alert-info .alert-link {
   color: #245269
}

.alert-warning {
   color: #8a6d3b;
   background-color: #fcf8e3;
   border-color: #faebcc
}

.alert-warning hr {
   border-top-color: #f7e1b5
}

.alert-warning .alert-link {
   color: #66512c
}

.alert-danger {
   color: #a94442;
   background-color: #f2dede;
   border-color: #ebccd1
}

.alert-danger hr {
   border-top-color: #e4b9c0
}

.alert-danger .alert-link {
   color: #843534
}

.center-block {
   display: block;
   margin-right: auto;
   margin-left: auto
}

.container {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
}

.modal-open {
   overflow: hidden
}

.modal {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1040;
   display: none;
   color: #000;
   overflow: auto;
   overflow-y: scroll;
   background: rgba(0, 0, 0, .5);
   -webkit-transition: margin-top ease-in .3s;
   -moz-transition: margin-top ease-in .3s;
   -o-transition: margin-top ease-in .3s;
   transition: margin-top ease-in .3s;
   padding-top: 250px
}

.modal.fade .modal-dialog {
   -webkit-transform: translate(0, -25%);
   -ms-transform: translate(0, -25%);
   -moz-transform: translate(0, -25%);
   -o-transform: translate(0, -25%);
   transform: translate(0, -25%);
   -webkit-transition: -webkit-transform .3s ease-out;
   -moz-transition: -moz-transform .3s ease-out;
   -o-transition: -o-transform .3s ease-out;
   transition: -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -o-transform: translate(0, 0);
   transform: translate(0, 0)
}

.modal-dialog {
   width: 550px;
   position: relative;
   z-index: 1050;
   margin: 20px auto;
   cursor: default
}

.modal-content {
   position: relative;
   background-color: #fff;
   background-image: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/table_background.jpg);
   -moz-background-clip: padding-box;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   border: 1px solid #999;
   border: 1px solid rgba(0, 0, 0, .2);
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   outline: 0;
   -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
   -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
   box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1030;
   background-color: #000
}

.modal-backdrop.fade {
   opacity: 0
}

.modal-backdrop.in {
   opacity: .5
}

.modal-header {
   min-height: 16.428571429px;
   padding: 15px;
   background-color: #370101;
   border-bottom: 1px solid #ccc
}

.modal-header>.modal-title {
   color: #0080e3;
   font-family: Microsoft JhengHei;
   font-size: 21px;
   font-weight: bolder
}

.modal-header .close {
   float: right;
   margin-top: -2px;
   padding: 0;
   color: #000;
   font-size: 21px;
   font-weight: 700;
   text-shadow: 0 1px 0 #fff;
   line-height: 1;
   background: 0 0;
   opacity: .2;
   border: none;
   -webkit-appearance: none;
   cursor: pointer
}

.modal-title {
   margin: 0;
   line-height: 1.428571429
}

.modal-body {
   position: relative;
   padding: 20px
}

.modal-footer {
   margin-top: 15px;
   padding: 30px 20px 20px;
   text-align: center;
   background-color: #e9e9e9;
   border-top: 0 solid #e5e5e5
}

.modal-footer>button {
   width: 119px;
   height: 45px;
   font-size: 15px;
   font-weight: bolder;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/sent_bn.png) 0 0 no-repeat
}

.modal-footer:after,
.modal-footer:before {
   display: table;
   content: " "
}

.modal-footer:after {
   clear: both
}

.modal-footer .btn+.btn {
   margin-bottom: 0;
   margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
   margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
   margin-left: 0
}

table {
   max-width: 100%;
   background-color: transparent
}

th {
   text-align: left;
   font-weight: 700
}

.table {
   width: 100%;
   margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
   padding: 8px;
   line-height: 1.428571429;
   vertical-align: top;
   border-top: 1px solid #ccc
}

.table>thead>tr>th {
   vertical-align: bottom;
   border-bottom: 1px solid #ccc
}

.table-bordered {
   border: 1px solid #ccc
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
   border: 1px solid #ccc
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
   border-bottom-width: 2px
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
   background-color: #f5f5f5
}

.text-danger {
   color: #a94442
}

.text-muted {
   color: #999
}

.text-success {
   color: #3c763d
}

.text-center {
   text-align: center
}

.text-right {
   text-align: right
}

.text-left {
   text-align: left
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline {
   color: #a94442
}

.row {
   margin-right: -15px;
   margin-left: -15px
}

ul.top-nav>li.language span {
   padding-left: 15px
}

#nav>ul>li a {
   font-size: 12px;
   text-transform: uppercase
}

.subnav li {
   letter-spacing: -1px;
   white-space: nowrap
}

#un-lobby>aside>ul li a {
   padding-left: 5px;
   font-size: 12px;
   text-transform: uppercase
}

#un-lobby>aside>ul li.active a,
#un-lobby>aside>ul li:hover a {
   padding-left: 15px
}

#footer-nav li a {
   font-size: 12px;
   text-transform: uppercase
}

#nav ol.subnav li {
   cursor: pointer
}

#nav ol.subnav li a {
   color: #fff
}

body {
   font-family: 'Microsoft YaHei', Arial, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 14px;
   line-height: 1.428571429
}

body.layout {
   position: relative;
   padding-top: 175px;
   min-width: 1056px;
   background-color: #4a0206
}

* {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

iframe {
   border: none
}

[ng-click] {
   cursor: pointer
}

ol,
ul {
   display: inline-block;
   margin: 0 auto;
   padding: 0;
   list-style: none
}

.wrapper {
   position: relative;
   width: 1200px;
   margin: 0 auto
}

#logingame-body {
   background: #6f0101
}

#header {
   position: fixed;
   top: 36px;
   right: 0;
   left: 0;
   z-index: 9990;
   min-width: 1200px;
   height: 148px;
   font-size: 0;
   background: url(../images/home/header_bg.png) no-repeat center top;
   background-size: 100% 100%
}

#header-top {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 9999;
   min-width: 1200px;
   height: 36px;
   font-size: 0;
   background: #620303;
   border-bottom: 1px solid #810101
}

#div-meiDonNow {
   display: inline-block;
   color: #fff;
   font-size: 12px
}

ul.top-nav {
   position: absolute;
   top: 0;
   right: 0
}

ul.top-nav>li {
   display: inline-block;
   vertical-align: middle
}

ul.top-nav>li+li:before {
   content: '|';
   padding: 0 12px;
   color: #cbcaca;
   font-size: 12px
}

ul.top-nav>li>a {
   color: #cbcaca;
   font-size: 12px;
   line-height: 42px;
   text-decoration: none
}

ul.top-nav>li.green>a {
   color: #28ff28
}

ul.top-nav>li.light-blue>a {
   color: #4dffff
}

ul.top-nav>li.yellow>a {
   color: #ffff37
}

ul.top-nav>li.blue>a {
   color: #0ff
}

ul.top-nav>li.purple>a {
   color: #f0f
}

ul.top-nav>li.color>a {
   color: #fff
}

ul.top-nav>li>a:hover {
   color: #fff;
   text-decoration: underline
}

ul.top-nav>li.language {
   position: relative;
   height: 42px;
   text-align: right
}

ul.top-nav>li.language:before {
   padding-right: 30px;
   vertical-align: bottom
}

ul.top-nav>li.language span {
   display: inline-block;
   width: 65px;
   height: 30px;
   vertical-align: top;
   padding: 7px 0 0 11px;
   text-align: left;
   background: #af0000 url(../images/home/lang_bg.png) no-repeat center center;
   -moz-border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px
}

ul.top-nav>li.language span[data-language=cn]:before {
   content: 'CN'
}

ul.top-nav>li.language span[data-language=en]:before {
   content: 'EN'
}

ul.top-nav>li.language span[data-language=th]:before {
   content: 'TH'
}
ul.top-nav>li.language span[data-language=hi]:before {
   content: 'HI'
}

ul.top-nav>li.language span[data-language=kh]:before {
   content: 'ខ្មែរ'
}

ul.top-nav>li.language span[data-language=kr]:before {
   content: 'KR'
}

ul.top-nav>li.language span[data-language=ma]:before {
   content: 'MY'
}

ul.top-nav>li.language span[data-language=vn]:before {
   content: 'VN'
}

ul.top-nav>li.language span[data-language=id]:before {
   content: 'ID'
}

ul.top-nav>li.language span[data-language=de]:before {
   content: 'DE'
}

ul.top-nav>li.language span[data-language=sq]:before {
   content: 'SQ'
}

ul.top-nav>li.language span[data-language=tr]:before {
   content: 'TR'
}

ul.top-nav>li.language span[data-language=mk]:before {
   content: 'MK'
}

ul.top-nav>li.language span:before {
   content: '';
   color: #fff;
   font-size: 12px
}

ul.top-nav>li.language ul {
   position: absolute;
   top: 26px;
   right: 0;
   display: none;
   padding: 10px;
   background-color: #af0000
}

ul.top-nav>li.language:hover ul {
   display: block
}
.languageSwitcherContainer .currentCountryBtn:hover ul {
   display: block
}

ul.top-nav>li.language ul li {
   width: 140px !important;
   height: 30px !important;
   padding-left: 27px;
   color: #cbcaca;
   font-size: 12px;
   line-height: 26px;
   text-align: left;
   background-repeat: no-repeat;
   background-position: left 5px;
   cursor: pointer;
   white-space: pre
}

ul.top-nav>li.language ul li a {
   color: #cbcaca
}

ul.top-nav>li.language ul li a:hover {
   color: #fff
}

ul.top-nav>li.language ul li:hover {
   color: #fff;
   text-decoration: underline
}
ul.top-nav>li.language ul li[data-language=hi] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -345px;
   width: 22px;
   height: 20px
}
ul.top-nav>li.language ul li[data-language=cn] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -27px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=zh-TW] {
   background-image: url(../images/home/lang_tw.png)
}

ul.top-nav>li.language ul li[data-language=en] {
   background-image: url(../images/home/lang.png);
/*   background-position: 0 0;*/
   background-position: 0px -368px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=kh] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -55px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=kr] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -85px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=ma] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -113px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=id] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -200px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=vn] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -170px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=th] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -140px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=de] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -230px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=sq] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -258px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=tr] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -286px;
   width: 22px;
   height: 20px
}

ul.top-nav>li.language ul li[data-language=mk] {
   background-image: url(../images/home/lang.png);
   background-position: 0 -315px;
   width: 22px;
   height: 20px
}

#logo-bg {
   display: inline-block;
   width: 256px;
   height: 105px;
   vertical-align: top;
   background: url(../images/home/logo.png) no-repeat left center
}

#logo-bg>a {
   display: inline-block;
   width: 100%;
   height: 100%
}

#account-box {
   position: absolute;
   top: 9px;
   right: 0
}

#account-box ul.login-list {
   display: block;
   padding-right: 20px;
   text-align: right
}

#account-box ul.login-list li {
   display: inline-block;
   vertical-align: top
}

#account-box ul.login-list li+li:before {
   content: '|';
   color: #fff;
   font-size: 12px;
   padding: 0 8px
}

#account-box ul.login-list li a {
   color: #fff;
   font-size: 12px;
   line-height: 34px;
   text-decoration: none
}

#account-box ul.login-list li a:hover {
   text-decoration: underline
}

#account-box>form {
   position: relative;
   display: inline-block
}

#account-box>form input {
   display: inline-block;
   width: 109px;
   height: 26px;
   vertical-align: top;
   margin-right: 3px;
   padding: 0 5px 0 10px;
   color: #757575;
   font-size: 14px;
   line-height: 26px;
   background-color: #fff;
   border: 2px solid #cca968;
   background-repeat: no-repeat;
   background-position: left center;
}

#account-box>form input::-webkit-input-placeholder {
   color: inherit
}

#account-box>form input:-ms-input-placeholder {
   color: inherit
}

#account-box>form input::-moz-placeholder {
   color: inherit
}

#account-box>form input.placeholder {
   color: inherit
}

#account-box>form input#login_account {
   padding-left: 26px;
   background-image: url(../images/home/input_account.png)
}

#account-box>form input#login_password {
   padding-left: 26px;
   background-image: url(../images/home/input_pwd.png)
}

#account-box>form button {
   display: inline-block;
   width: 120px;
   height: 26px;
   vertical-align: top;
   font-size: 12px;
   border: none;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px
}

#account-box>form button:hover {
   text-decoration: underline
}

#account-box>form button.login-btn {
   margin: 0 5px 0 3px;
   color: #590000;
   background-color: #f0dd54
}

#account-box>form button.join-btn {
   color: #fff;
   background-color: #e52326
}

#account-box>form button.join-btn a {
   color: #fff;
   background-color: #e52326
}

#check-code-wrapper {
   position: relative;
   display: inline-block
}

#captcha {
   position: absolute;
   top: 2px;
   right: 5px;
   width: auto;
   height: 22px
}

#agree {
   display: inline-block;
   position: absolute;
   top: 100%;
   right: 53px;
   z-index: 1;
   padding: 2px 5px;
   font-size: 12px;
   color: #fff
}

#agree a {
   font-weight: 700;
   cursor: pointer
}

#account-box.is-login {
   top: 20px;
   padding-right: 110px
}

ul#account-info {
   position: relative;
   display: block;
   text-align: center
}

ul#account-info>li {
   display: inline-block;
   height: 27px;
   margin-right: 20px;
   padding: 0 5px;
   color: #fff;
   font-size: 12px;
   line-height: 27px
}

ul#account-info>li>span.account {
   display: inline-block;
   max-width: 6em;
   color: #fcff1a;
   -ms-text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   white-space: nowrap;
   vertical-align: top;
   overflow: hidden
}

ul#account-info>li a {
   color: #fff;
   cursor: pointer
}

ul#account-info>li a:hover {
   color: #fff
}

#action-box {
   position: absolute;
   top: 0;
   right: 0
}

#action-box>a {
   display: block;
   width: 96px;
   height: 54px;
   color: #fcff1a;
   font-size: 16px;
   font-weight: 700;
   line-height: 52px;
   text-align: center;
   text-decoration: none;
   border: 1px solid #e10000;
   -moz-transition: border-color ease .5s;
   -o-transition: border-color ease .5s;
   -webkit-transition: border-color ease .5s;
   transition: border-color ease .5s
}

#action-box>a:hover {
   border-color: #810101
}

#account-nav {
   text-align: center
}

#account-nav>li {
   display: inline-block;
   vertical-align: top
}

#account-nav>li+li:before {
   content: '|';
   padding: 0 12px;
   color: #fff;
   font-size: 12px
}

#account-nav>li>a {
   color: #fff;
   font-size: 12px;
   line-height: 27px;
   text-decoration: none
}

#account-nav>li>a:hover {
   text-decoration: underline
}

#nav {
   display: block;
   height: 43px;
   background: url(../images/home/nav_bg.png) no-repeat center
}

#nav ul {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: flex
}

#nav ul li {
   text-align: center;
   margin: 0 1px;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
   float: left
}

#nav>ul>li {
   position: static;
   display: inline-block;
   width: 120px;
   height: 43px;
   vertical-align: top
}

#nav>ul>li:first-child {
   width: 102px
}

#nav>ul>li+li:before {
   content: '';
   position: absolute;
   width: 2px;
   height: 43px;
   background: url(../images/home/nav_line.png) no-repeat center center
}

#nav>ul>li>a {
   position: relative;
   display: inline-block;
   width: 100%;
   color: #190501;
   font-size: 13px;
   line-height: 43px;
   text-align: center;
   text-decoration: none
}

#nav>ul>li.hot>a:before {
   content: '';
   position: absolute;
   top: -8px;
   right: -5px;
   z-index: 1;
   width: 27px;
   height: 20px;
   background: url(../images/home/hot.gif) no-repeat center top
}

#nav>ul>li.active>a,
#nav>ul>li:hover>a {
   color: #fff;
   background: url(../images/home/nav_hover.png) repeat-x center top
}

#nav>ul>li:hover .subnav {
   display: block
}

.subnav {
   display: none;
    position: absolute;
    width: 1200px;
    left: 0px !important;
    top: 100%;
    text-align: left;
    z-index: 3;
    padding-top: 4px;
    background: #4a0206;
    max-width: 1200px;
}

.subnav li {
   position: relative;
   display: inline-block;
   width: 190px;
   height: 90px;
   vertical-align: top;
   margin: 4px !important;
   color: #fff;
   font-size: 12px;
   text-align: center;
   line-height: normal;
   background: -moz-linear-gradient(top, #a00101 0, #620303 100%);
   background: -webkit-linear-gradient(top, #a00101 0, #620303 100%);
   background: linear-gradient(to bottom, #a00101 0, #620303 100%);
   border: 1px solid #a00101;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid gold;
}

.subnav li:before {
   content: '';
   display: block;
   height: 50px;
   background-repeat: no-repeat;
   background-position: center center
}

.subnav li.hot:after {
   content: '';
   position: absolute;
   top: -8px;
   right: -5px;
   z-index: 1;
   width: 27px;
   height: 20px;
   background: url(../images/home/hot.gif) no-repeat center top
}

.subnav li:hover {
   background: -moz-linear-gradient(top, #620303 0, #a00101 100%);
   background: -webkit-linear-gradient(top, #620303 0, #a00101 100%);
   background: linear-gradient(to bottom, #620303 0, #a00101 100%);
   border-color: #e10000
}

.subnav li[game-box="afb"]:before,
.subnav li[game-box="afb2"]:before {
   background-image: url('../images/home/sub-nav/sport/afb.png')
}

.subnav li[game-box="ibc"]:before {
   background-image: url('../images/home/sub-nav/sport/ibc.png')
}

.subnav li[game-box="tf"]:before {
   background-image: url('../images/home/sub-nav/sport/tf.png')
}

.subnav li[game-box="sbo"]:before {
   background-image: url('../images/home/sub-nav/sport/sbo.png')
}

.subnav li[game-box="ggcs"]:before {
   background-image: url('../images/home/sub-nav/sport/ggcs.png')
}

.subnav li[game-box="ggcs"]:before {
   background-image: url('../images/home/sub-nav/sport/ggcs.png')
}

.subnav li[game-box="tfsport"]:before {
   background-image: url('../images/home/sub-nav/sport/tfg_nav.png')
}

.subnav li[game-box="horse"]:before {
   background-image: url('../images/home/sub-nav/sport/horse.png')
}

.subnav li[game-box="gd"]:before {
   background-image: url('../images/home/sub-nav/casino/gd.png')
}

.subnav li[game-box="dg99"]:before {
   background-image: url('../images/home/sub-nav/casino/dg99.png')
}

.subnav li[game-box="crown"]:before {
   background-image: url('../images/home/sub-nav/casino/crown.png')
}

.subnav li[game-box="w88"]:before {
   background-image: url('../images/home/sub-nav/casino/w88.png')
}

.subnav li[game-box="allbet"]:before {
   background-image: url('../images/home/sub-nav/casino/allbet.png')
}

.subnav li[game-box="sa"]:before {
   background-image: url('../images/home/sub-nav/casino/sa.png')
}

.subnav li[game-box="ag"]:before {
   background-image: url('../images/home/sub-nav/casino/ag.png')
}

.subnav li[game-box="sexy"]:before {
   background-image: url('../images/home/sub-nav/casino/sexy.png')
}

.subnav li[game-box="sboc"]:before {
   background-image: url('../images/home/sub-nav/casino/sbo.png')
}

.subnav li[game-box="goldc"]:before {
   background-image: url('../images/home/sub-nav/casino/gold.png')
}

.subnav li[game-box="wm"]:before {
   background-image: url('../images/home/sub-nav/casino/wm.png')
}

.subnav li[game-box="evo"]:before {
   background-image: url('../images/home/sub-nav/casino/evo_logo.png')
}

.subnav li[game-box="hbocasino"]:before,
.subnav li[game-box="hbo"]:before {
   background-image: url('../images/home/sub-nav/casino/hongbo.png')
}

.subnav li[game-box="n2live"]:before {
   background-image: url('../images/home/sub-nav/casino/n2live.png')
}

.subnav li[game-box="miki"]:before {
   background-image: url('../images/home/sub-nav/casino/miki.png')
}

.subnav li[game-box="supernowa"]:before {
   background-image: url('../images/home/sub-nav/casino/supernowa.png')
}

.subnav li[game-box="casino_tga"]:before,
.subnav li[game-box="tga"]:before {
   background-image: url('../images/home/sub-nav/casino/tga.png')
}

.subnav li[game-box="pp_ca"]:before {
   background-image: url('../images/home/sub-nav/casino/pp_ca.png')
}

.subnav li[game-box="royal"]:before {
   background-image: url('../images/home/sub-nav/casino/royal.png')
}
.subnav li[game-box="yeebet"]:before {
   background-image: url('../images/home/sub-nav/casino/yeebet.png')
}
.subnav li[game-box="evo"]:before {
   background-image: url('../images/home/sub-nav/casino/evo.png')
}
.subnav li[game-box="welive"]:before {
   background-image: url('../images/home/sub-nav/casino/welive.png')
}

.subnav li[game-box="fh"]:before,
.subnav li[game-box="fishing"]:before {
   background-image: url('../images/home/sub-nav/slots/fh.png')
}

.subnav li[game-box="gold"]:before {
   background-image: url('../images/home/sub-nav/slots/gold.png')
}

.subnav li[game-box="bg"]:before{
   background-image: url('../images/home/sub-nav/casino/bg-logo.png')
}
.slot li[game-box="afb"]:before {
   background-image: url('../images/home/sub-nav/slots/bg.png')
}

.subnav li[game-box="hb"]:before {
   background-image: url('../images/home/sub-nav/slots/hb.png')
}

.subnav.slot li[game-box="gd"]:before {
   background-image: url('../images/home/sub-nav/slots/gd.png')
}

.subnav li[game-box="mg"]:before {
   background-image: url('../images/home/sub-nav/slots/mg.png')
}

.subnav li[game-box="gp"]:before {
   background-image: url('../images/home/sub-nav/slots/gp.png')
}

.subnav li[game-box="pt"]:before {
   background-image: url('../images/home/sub-nav/slots/pt.png')
}

.subnav li[game-box="neten"]:before,
.subnav li[game-box="netent"]:before {
   background-image: url('../images/home/sub-nav/slots/netent.png')
}

.subnav li[game-box="dragoon"]:before {
   background-image: url('../images/home/sub-nav/slots/dragoon.png')
}

.subnav li[game-box="kiss"]:before {
   background-image: url('../images/home/sub-nav/slots/918kiss.png')
}

.subnav li[game-box="rtg"]:before {
   background-image: url('../images/home/sub-nav/slots/rtg.png')
}
.subnav li[game-box="nlc"]:before {
   background-image: url('../images/home/sub-nav/slots/nlc.png')
}
.subnav li[game-box="netent"]:before {
   background-image: url('../images/home/sub-nav/slots/netent.png')
}
.subnav li[game-box="btg"]:before {
   background-image: url('../images/home/sub-nav/slots/btg.png')
}
.subnav li[game-box="png"]:before {
   background-image: url('../images/home/sub-nav/slots/png.png')
}

.subnav li[game-box="star"]:before,
.subnav li[game-box="playstar"]:before {
   background-image: url('../images/home/sub-nav/slots/playstar.png')
}

.subnav li[game-box="pgs"]:before,
.subnav li[game-box="pg"]:before {
   background-image: url('../images/home/sub-nav/slots/pg.png')
}

.subnav li[game-box="slots_dfwgame"]:before,
.subnav li[game-box="slots_dfwgame"]:before {
   background-image: url('../images/home/sub-nav/slots/slots_dfwgame.png')
}

.subnav li[game-box="xe88"]:before,
.subnav li[game-box="xe88"]:before {
   background-image: url('../images/home/sub-nav/slots/xe88.png')
}

.subnav li[game-box="9gslots"]:before,
.subnav li[game-box="9gslots"]:before {
   background-image: url('../images/home/sub-nav/slots/9gslots.png')
}

.subnav li[game-box="smartsoft"]:before,
.subnav li[game-box="smartsoft"]:before {
   background-image: url('../images/home/sub-nav/slots/smartsoft.png')
}

.subnav li[game-box="lucky365"]:before {
   background-image: url('../images/home/sub-nav/slots/lucky365.png')
}
.subnav li[game-box="mega88"]:before {
   background-image: url('../images/home/sub-nav/slots/mega888.png')
}
.subnav li[game-box="pussy888"]:before {
   background-image: url('../images/home/sub-nav/slots/pussy888.png')
}
.subnav li[game-box="bng"]:before {
   background-image: url('../images/home/sub-nav/slots/bng.png')
}


.subnav li[game-box="ylslots"]:before {
   background-image: url('../images/home/sub-nav/slots/ylslots.png')
}

.subnav li[game-box="yesbingo"]:before {
   background-image: url('../images/home/sub-nav/slots/yesbingo.png')
}

.subnav li[game-box="play8"]:before {
   background-image: url('../images/home/sub-nav/slots/play8.png')
}

.subnav li[game-box="kmslots"]:before {
   background-image: url('../images/home/sub-nav/slots/kmslots.png')
}

.subnav li[game-box="ap"]:before {
   background-image: url('../images/home/sub-nav/slots/ap.png')
}

.subnav li[game-box="jdb"]:before {
   background-image: url('../images/home/sub-nav/slots/jdb.png')
}


.subnav li[game-box="relax"]:before {
   background-image: url('../images/home/sub-nav/slots/relax.png')
}

.subnav li[game-box="genesis"]:before {
   background-image: url('../images/home/sub-nav/slots/genesis.png')
}

.subnav li[game-box="hacksaw"]:before {
   background-image: url('../images/home/sub-nav/slots/hacksaw.png')
}

.subnav li[game-box="fastspin"]:before {
   background-image: url('../images/home/sub-nav/slots/fastspin.png')
}

.subnav li[game-box="lt"]:before,
.subnav li[game-box="lottery"]:before {
   background-image: url('../images/home/sub-nav/lottery/lt.png')
}

.subnav li[game-box="tlt"]:before,
.subnav li[game-box="thai_lottery"]:before {
   background-image: url('../images/home/sub-nav/lottery/tlt.png')
}

.subnav li[game-box="vlt"]:before,
.subnav li[game-box="vn_lottery"]:before,
.subnav li[game-box="vn2_lottery"]:before {
   background-image: url('../images/home/sub-nav/lottery/vlt.png')
}

.subnav li[game-box="4dlottery"]:before,
.subnav li[game-box="4d_lottery"]:before {
   background-image: url('../images/home/sub-nav/lottery/4d-lottery.png')
}

.subnav li[game-box="ffgames_lottery"]:before,
.subnav li[game-box="ffgames_lottery"]:before {
   background-image: url('../images/home/sub-nav/lottery/ffgames_lottery.png')
}

.subnav li[game-box="afb288_lottery"]:before,
.subnav li[game-box="afb288_lottery"]:before {
   background-image: url('../images/home/sub-nav/lottery/afb288_lottery.png')
}

.subnav li[game-box="hclottery"]:before {
   background-image: url('../images/home/sub-nav/lottery/hc-lottery.png')
}

.subnav li[game-box="nb"]:before,
.subnav li[game-box="number"]:before {
   background-image: url('../images/home/sub-nav/number/number.png')
}

.subnav li[game-box="lnb"]:before,
.subnav li[game-box="livenumber"]:before {
   background-image: url('../images/home/sub-nav/number/lnb.png')
}

.subnav li[game-box="kn"]:before,
.subnav li[game-box="keno"]:before {
   background-image: url('../images/home/sub-nav/number/keno.png')
}

.subnav li[game-box="keno_new"]:before {
   background-image: url('../images/home/sub-nav/number/new-keno.png')
}

.subnav li[game-box="s128"]:before {
   background-image: url('../images/home/sub-nav/number/coc128.png')
}

.subnav li[game-box="mora88"]:before {
   background-image: url('../images/home/sub-nav/number/mora88.png')
}

.subnav li[game-box="fight"]:before,
.subnav li[game-box="sv388"]:before {
   background-image: url('../images/home/sub-nav/cock/cock-fighting.png')
}
.subnav li[game-box="fight"]:before,
.subnav li[game-box="s128"]:before {
   background-image: url('../images/home/sub-nav/cock/s128.png')
}
.subnav li[game-box="fight"]:before,
.subnav li[game-box="cf361"]:before {
   background-image: url('../images/home/sub-nav/cock/cf361.png')
}
.subnav li[game-box="fight"]:before,
.subnav li[game-box="dgv99"]:before {
   background-image: url('../images/home/sub-nav/cock/cock-fighting.png')
}



#sport-news {
   width: 1200px;
   margin: 0 auto;
   height: 49px;
   background: #000
}

#sport-news .wrapper {
   height: 49px;
   padding: 0 20px 0 160px
}

#sport-news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top
}

#news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top;
   z-index: 2
}

#hot-news {
   white-space: nowrap;
   overflow: hidden;
   height: 50px
}

#hot-news li {
   display: inline-block;
   height: 49px;
   vertical-align: top;
   color: #fff;
   font-size: 14px;
   text-decoration: none;
   line-height: 49px
}

#hot-news li:hover {
   text-decoration: underline
}

#leaderboard {
   position: relative;
   margin-top: -32px;
   width: 100%;
   height: 65px;
   font-size: 0;
   text-align: center;
   background: #010101;
   z-index: 2;
   overflow: hidden
}

#leaderboard .wrapper {
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/leaderboard_icon.png) no-repeat left center
}

.leaderboard-instance {
   float: right;
   position: relative;
   width: 42%;
   height: 63px;
   color: #fff;
   font-size: 12px;
   text-align: center;
   line-height: 30px
}

.leaderboard-instance:after,
.leaderboard-instance:before {
   content: '';
   display: inline-block;
   position: absolute;
   top: 0;
   left: -1px;
   width: 1px;
   height: 100%;
   background: #333
}

.leaderboard-instance:after {
   left: auto;
   right: 0
}

.leaderboard-instance>ul.head {
   position: relative;
   width: 100%;
   height: 30px;
   color: #ff0;
   vertical-align: middle
}

.leaderboard-instance>ul.head>li {
   display: inline-block;
   padding: 0 4px;
   width: 25%;
   max-width: 25%;
   height: 100%;
   white-space: nowrap;
   -ms-text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   overflow: hidden
}

.leaderboard-instance>ul.list {
   display: inline-block;
   position: relative;
   width: 100%;
   height: 33px;
   border-top: 1px solid #333
}

.leaderboard-instance>ul.list>*,
.leaderboard-instance>ul.list>li>div {
   width: 100%
}

.leaderboard-instance>ul.list li span {
   display: inline-block;
   padding: 0 2px;
   width: 25%;
   max-width: 25%;
   white-space: nowrap;
   -ms-text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   overflow: hidden
}

#content {
   position: relative;
   z-index: 0;
   padding-top: 10px;
   background: #4a0206 url(../images/home/9cyggseamlessbgred.png) no-repeat center top
}

#footer {
   font-size: 0;
   background: #4a0206;
 
}

#footer-nav {
   display: block;
   text-align: center;
   border-bottom: 1px solid #5c1c1f
}

#footer-nav li {
   display: inline-block;
   vertical-align: top
}

#footer-nav li+li:before {
   content: '|';
   padding: 0 10px;
   color: #e49393;
   font-size: 14px
}

#footer-nav li a {
   color: #e49393;
   font-size: 14px;
   line-height: 54px;
   text-align: center;
   text-decoration: none
}

#footer-nav li.yellow a {
   color: #ff0
}

#footer-nav li.white a {
   color: #fff
}

#footer-nav li.pink a {
   color: #ff00f6
}

#footer-nav li a:hover {
   color: #fff;
   text-decoration: underline
}

#footer-logo {
   height: 158px;
   background: url(../images/home/footer_logo.png) no-repeat center center
}

#footer div.footer-bottom {
   position: relative;
   height: 115px;
   border-top: 1px solid #5c1c1f
}

#footer-info {
   display: inline-block;
   width: 590px;
   vertical-align: top
}

#footer-info p {
   margin: 0;
   font-size: 12px;
   color: #d38489
}

#footer-info p.title {
   height: 44px;
   color: #fff600;
   font-size: 14px;
   line-height: 44px
}

#footer-contact li a {
   color: #d38489;
   cursor: pointer
}

#footer-contact li a:hover {
   color: #fff;
   cursor: pointer
}

#footer-contact {
   position: absolute;
   top: 16px;
   right: 0;
   width: 450px
}

#footer-contact li {
   display: inline-block;
   width: 225px;
   vertical-align: top;
   padding-left: 40px;
   color: #d38489;
   font-size: 12px;
   line-height: 40px;
   background-repeat: no-repeat;
   background-position: left center
}

#footer-contact li.mail {
   background-image: url(../images/home/footer_mail.png)
}

#footer-contact li.tel {
   background-image: url(../images/home/footer_tel.png)
}

#footer-contact li.chat {
   background-image: url(../images/home/footer_chat.png)
}

#footer-contact li.qq {
   background-image: url(../images/home/footer_qq.png)
}

#footer-contact li.qq span {
   color: #fff600
}

aside.services {
   position: absolute;
   z-index: 6;
   top: 210px;
   width: 235px;
   height: 400px;
   background-repeat: no-repeat;
   overflow: hidden;
   -moz-transition: width ease .5s;
   -o-transition: width ease .5s;
   -webkit-transition: width ease .5s;
   transition: width ease .5s;
   display: none;
}
aside.services:hover {
   width: 235px;
    left: 0;
    -moz-transition: ease .5s;
    -o-transition: ease .5s;
    -webkit-transition: ease .5s;
    transition: ease .5s;
}
aside.services li {
   width: 190px;
   color: #fff000;
   font-weight: bold
}
aside.service-left {
   position: fixed;
   left: 0;
   padding-right: 45px;
   background-image: url('../images/home/left.1.png');
   background-position: right top
}
aside.service-left {
    left: -189px;
    padding-right: 45px;
    background-image: url(../images/home/left.1.png);
    background-position: right top;
}
aside.service-left li.mg {
   height: 59px
}
aside.service-left li.ios {
   height: 147px
}
aside.service-left li.android {
   height: 210px
}
aside.service-right {
   position: fixed;
   right: 0;
   padding-left: 45px;
   background-image: url('../images/home/right.png');
   background-position: left top
}
aside.service-right li.chat {
   height: 59px
}
aside.service-right li.qq {
   height: 96px;
   padding: 46px 0 0 78px;
   font-size: 21px
}
aside.service-right li.wechat {
   height: 111px;
   padding-top: 68px;
   font-size: 23px;
   text-align: center
}
aside.service-right li.tel {
   height: 101px;
   padding-top: 64px;
   font-size: 20px;
   text-align: center
}
#review-list {
   display: none;
   position: fixed;
   bottom: -77px;
   left: 0;
   width: 100%;
   height: 77px;
   background: rgba(0,0,0,.8);
   background: #000\9;
   color: #fff;
   z-index: 1;
   -webkit-transition: bottom .4s;
   -o-transition: bottom .4s;
   -moz-transition: bottom .4s;
   transition: bottom .4s
}
#review-list.open {
   bottom: 0
}
#review-list .up, #review-list .down {
   position: absolute;
   top: -24px;
   left: 0;
   width: 150px;
   height: 24px;
   line-height: 24px;
   text-align: center;
   background: url('https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/tab.png') no-repeat
}
#review-list .up:after, #review-list .down:after {
   content: '';
   display: inline-block;
   margin-left: 5px;
   width: 7px;
   height: 8px
}
#review-list .up:after {
   background: url('https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/up.png') no-repeat
}
#review-list .down:after {
   background: url('https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/down.png') no-repeat
}
#review-list .wrapper {
   padding-left: 80px;
   height: 77px;
   background: url('https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/txt.png') no-repeat 20px 15px
}
#review-box li {
   display: inline-block;
   position: relative;
   margin: 10px 8px 0;
   width: 60px;
   height: 60px
}
#review-box li.no-review {
   line-height: 60px
}
#review-box li img {
   width: 60px;
   height: 60px
}
#review-box li div {
   display: none;
   position: absolute;
   top: -31px;
   left: -5px;
   padding-top: 2px;
   width: 70px;
   height: 29px;
   text-align: center;
   -ms-text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   background: url('https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/title.png') no-repeat
}
#review-box li:hover div {
   display: block
}

#review-list .down,
#review-list .up {
   position: absolute;
   top: -24px;
   left: 0;
   width: 150px;
   height: 24px;
   line-height: 24px;
   text-align: center;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/tab.png) no-repeat
}

#review-list .down:after,
#review-list .up:after {
   content: '';
   display: inline-block;
   margin-left: 5px;
   width: 7px;
   height: 8px
}

#review-list .up:after {
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/up.png) no-repeat
}

#review-list .down:after {
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/down.png) no-repeat
}

#review-list .wrapper {
   padding-left: 80px;
   height: 77px;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/txt.png) no-repeat 20px 15px
}

#review-box li {
   display: inline-block;
   position: relative;
   margin: 10px 8px 0;
   width: 60px;
   height: 60px
}

#review-box li.no-review {
   line-height: 60px
}

#review-box li img {
   width: 60px;
   height: 60px
}

#review-box li div {
   display: none;
   position: absolute;
   top: -31px;
   left: -5px;
   padding-top: 2px;
   width: 70px;
   height: 29px;
   text-align: center;
   -ms-text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/review/title.png) no-repeat
}

#review-box li:hover div {
   display: block
}

#mailbox {
   position: relative;
   display: inline-block;
   width: 24px;
   height: 24px;
   vertical-align: top;
   text-decoration: none;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/m_icon.png) no-repeat
}

#mailbox>span,
#mailbox>span:hover {
   position: absolute;
   left: 80%;
   bottom: 60%;
   min-width: 16px;
   padding: 0 2px;
   height: 16px;
   color: #000;
   font-size: 12px;
   text-align: center;
   line-height: 16px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   background: #fff47e
}

#marquee-wrapper {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   display: none
}

#marquee-wrapper.show {
   display: block;
   z-index: 1000;
   background-image: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/transparent-black.png)
}

#marquee {
   width: 600px;
   max-height: 500px;
   margin: 30px auto 0 auto;
   background-color: #fff;
   background-image: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/table_background.jpg);
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   cursor: default;
   -moz-transition: margin-top ease-in .3s;
   -o-transition: margin-top ease-in .3s;
   -webkit-transition: margin-top ease-in .3s;
   transition: margin-top ease-in .3s
}

#marquee>header {
   text-align: center;
   background-color: #e9e9e9;
   border-bottom: 1px solid #ccc;
   -moz-border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0
}

#marquee>header>h2 {
   margin: 0;
   color: #0080e3;
   font-size: 21px;
   line-height: 60px
}

ul#newsBags {
   margin: 0;
   padding: 10px 50px;
   max-height: 380px;
   overflow: auto
}

ul#newsBags>li {
   color: #454545;
   font-size: 13px;
   line-height: 27px;
   list-style: disc;
   white-space: pre-line;
   border-bottom: 1px dashed #999
}

#marquee>footer {
   text-align: center;
   line-height: 80px;
   background-color: #e9e9e9;
   background-image: -webkit-radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, .3), transparent);
   background-size: 100% 8px;
   background-repeat: no-repeat;
   border-top: 1px solid #ccc;
   -moz-border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px
}

#marquee>footer>span {
   display: inline-block;
   width: 119px;
   font-size: 15px;
   font-weight: bolder;
   line-height: 45.5px;
   background-image: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/sent_bn.png);
   cursor: pointer
}

#marquee>footer>span:hover {
   background-position: 0 -45.5px
}

.ui-widget-header {
   min-height: 30px;
   line-height: 30px
}

.ui-dialog {
   z-index: 999
}

.ui-dialog .ui-dialog-title {
   font-size: 13px;
   line-height: 15px
}

.ui-dialog .ui-dialog-buttonpane {
   margin: 0;
   padding: 0;
   border: none
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
   font-size: 12px
}

.ui-dialog .ui-dialog-buttonpane button {
   position: absolute;
   bottom: 0;
   right: 0;
   margin: 3px 6px;
   background: #ffd800
}

#lobby {
   display: inline-block;
   width: 100%;
   vertical-align: top;
   margin-top: 100px;
   font-size: 0
}

#lobby>ul.game-list {
   display: block;
   text-align: center
}

#lobby>ul.game-list>li {
   display: inline-block;
   vertical-align: top;
   background-repeat: no-repeat
}

#un-lobby {
   display: inline-block;
   width: 100%;
   vertical-align: top;
   padding: 16px;
   background-color: #670509
}

#un-lobby aside {
   float: left;
   width: 241px;
   background: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/bg.png) no-repeat left top
}

#un-lobby aside:before {
   content: '';
   display: block;
   height: 71px;
   margin: 20px 0;
   background: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/top.2.png) no-repeat center top
}

#un-lobby aside:after {
   content: '';
   display: block;
   height: 235px;
   margin-top: 20px;
   background: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/bottom.1.jpg) no-repeat center top
}

#un-lobby>aside>ul {
   display: block
}

#un-lobby>aside>ul li {
   width: 241px;
   height: 45px;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#un-lobby>aside>ul li a {
   display: block;
   width: 209px;
   height: 100%;
   margin: 0 auto;
   padding-left: 20px;
   color: #fff;
   font-size: 14px;
   text-align: left;
   text-decoration: none;
   line-height: 44px;
   border-bottom: 1px dashed #77070c;
   -moz-transition: all ease .5s;
   -o-transition: all ease .5s;
   -webkit-transition: all ease .5s;
   transition: all ease .5s
}

#un-lobby>aside>ul li a:before {
   content: '';
   display: inline-block;
   width: 32px;
   height: 32px;
   vertical-align: middle;
   margin-right: 8px;
   background-repeat: no-repeat;
   background-position: center top
}

#un-lobby>aside>ul.slot li a {
   padding-left: 0
}

#un-lobby>aside>ul.slot li a:before {
   width: 60px;
   height: 45px;
   margin-right: 13px
}

#un-lobby>aside>ul li.about a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/about.png)
}

#un-lobby>aside>ul li.contact a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/contact.png)
}

#un-lobby>aside>ul li.deposit a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/deposit.png)
}

#un-lobby>aside>ul li.withdraw a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/withdraw.png)
}

#un-lobby>aside>ul li.faq a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/faq.png)
}

#un-lobby>aside>ul li.partner a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/partner.png)
}

#un-lobby>aside>ul li.privacy a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/privacy.png)
}

#un-lobby>aside>ul li.responsible a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/responsible.png)
}

#un-lobby>aside>ul li.mg a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/mg.png)
}

#un-lobby>aside>ul li.pt a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/pt.png)
}

#un-lobby>aside>ul li.ag a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/ag.png)
}

#un-lobby>aside>ul li.bb a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/bb.png)
}

#un-lobby>aside>ul li.mw a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/mw.png)
}

#un-lobby>aside>ul li.sg a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/sg.png)
}

#un-lobby>aside>ul li.gns a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/gns.png)
}

#un-lobby>aside>ul li.prg a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/pp.png)
}

#un-lobby>aside>ul li.hb a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/hb.png)
}

#un-lobby>aside>ul li.cq9 a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/cq9.png)
}

#un-lobby>aside>ul li.jdb a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/jdb.png)
}

#un-lobby>aside>ul li.kg a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/kg.png)
}

#un-lobby>aside>ul li.fish a:before {
   background-image: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/fish.png)
}

#un-lobby>aside>ul li a:after {
   content: '';
   float: right;
   display: inline-block;
   width: 28px;
   height: 28px;
   margin-top: 9px;
   background: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/aside/arrow.png) no-repeat center top;
   -moz-transition: all ease .5s;
   -o-transition: all ease .5s;
   -webkit-transition: all ease .5s;
   transition: all ease .5s;
   opacity: 0
}

#un-lobby>aside>ul li.active,
#un-lobby>aside>ul li:hover {
   background: -moz-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: -webkit-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: linear-gradient(to bottom, #ffe1ab 0, #805723 100%)
}

#un-lobby>aside>ul li.active a,
#un-lobby>aside>ul li:hover a {
   padding-left: 40px;
   color: #6d0409
}

#un-lobby>aside>ul li.active a:before,
#un-lobby>aside>ul li:hover a:before {
   background-position: center bottom
}

#un-lobby>aside>ul li.active a:after,
#un-lobby>aside>ul li:hover a:after {
   opacity: 1
}

#un-lobby>aside>ul.slot li.active a,
#un-lobby>aside>ul.slot li:hover a {
   padding-left: 20px
}

#articles {
   float: right;
   width: 730px;
   padding: 0;
   color: #fff;
   text-align: left
}

#articles h2 {
   margin: 0;
   padding: 22px 0;
   position: relative;
   color: #f5ef01;
   font-size: 30px;
   font-weight: 400;
   line-height: 35px;
   text-align: center;
   background: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/h2_bg.png) no-repeat center bottom
}

#articles h2 span {
   display: block;
   color: #b79a04
}

#articles h2:after,
#articles h2:before {
   content: '';
   position: absolute;
   top: 20px;
   width: 68px;
   height: 70px;
   background: url(https://cdn.igsttech.com/Web.Portal/FJ003-01.Portal/Content/Views/Shared/images/h2_icon.png) no-repeat center center
}

#articles h2:before {
   left: 210px
}

#articles h2:after {
   right: 210px
}

#articles h3 {
   color: #ff0;
   font-size: 16px;
   font-weight: 400;
   text-align: left
}

#articles h4 {
   color: #ff0;
   font-size: 14px;
   font-weight: 400;
   text-align: left
}

#articles>ul {
   list-style: none
}

#articles ol {
   padding-left: 20px;
   list-style-type: decimal
}

#articles li,
#articles p {
   font-size: 14px;
   text-align: justify;
   line-height: 2em
}

#articles p {
   margin: 1em 0
}

#articles table {
   width: 100%
}

#articles table td,
#articles table th,
#articles table tr {
   color: #745d43;
   line-height: 2.5em;
   text-align: center;
   background-color: #f8e1cb;
   border: 1px solid #999
}

#articles table th {
   color: #ff0;
   background-color: #670509
}

#articles .highlight {
   color: #ff0
}

#articles .highlight-yellow {
   color: #fcff2a
}

#articles .highlight-red {
   color: #e21022
}

#articles .highlight-orange {
   color: #ff8000
}

#articles .highlight-green {
   color: #0f0
}

#articles .highlight-pink {
   color: #f0f
}

#articles ul.mtab-menual {
   display: block;
   border-bottom: 1px solid #cd0000
}

#articles ul.mtab-menual li {
   display: inline-block;
   height: 30px;
   padding: 0 10px;
   margin-left: 14px;
   color: #fcff2a;
   font-size: 14px;
   line-height: 30px;
   text-align: center;
   background: #cd0000;
   -moz-border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;
   cursor: pointer
}

#articles ul.mtab-menual li.mtab,
#articles ul.mtab-menual li:hover {
   color: #640408;
   background: -moz-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: -webkit-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: linear-gradient(to bottom, #ffe1ab 0, #805723 100%)
}

#articles ul.deposit-top {
   padding-top: 25px
}

#articles ul.deposit {
   list-style-type: none
}

#articles ul.deposit>li {
   counter-increment: title
}

#articles ul.deposit>li>a:before {
   content: "æ–1æ3• " counter(title, upper-alpha) "、"
}

#articles ul.deposit-top>li>a,
#articles ul.deposit>li a {
   color: #ff0;
   font-size: 16px;
   text-decoration: underline;
   cursor: pointer
}

#articles ul.deposit-top>li>a>img,
#articles ul.deposit>li>a>img {
   width: 30px
}

.body {
   position: relative;
   width: 1000px;
   margin: 0 auto;
   padding: 1px;
   font-size: 14px;
   font-family: PMingLiU;
   background: #470509;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.body #title {
   color: #fff;
   text-align: center;
   background: #470509
}

.body #account-heading,
.body #withdrawal-heading,
.body.container #title {
   color: #fff;
   background: #470509
}

.body #show-account-info.btn {
   color: #fff
}

.form-group .control-div input::-webkit-input-placeholder {
   color: #999
}

.form-group .control-div input::-moz-placeholder {
   color: #999
}

.form-group .control-div input:-ms-input-placeholder {
   color: #999
}

.form-group .control-div input.placeholder {
   color: #999
}

.panel {
   width: 100%;
   color: #5f5f5f;
   border: 0;
   background-color: #790e0d
}

#title {
   height: 48px;
   font-weight: 700;
   font-size: 21px;
   font-family: 'Microsoft JhengHei';
   text-transform: uppercase;
   border: none
}

#title>div {
   margin-top: -1px;
   text-align: center;
   text-transform: uppercase
}

#account-panel,
#withdrawal-panel {
   width: 792px;
   color: #5f5f5f;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/WithdrawApplication/images/panel_background.jpg) repeat;
   border: 1px solid #b7b7b7;
   -moz-box-shadow: inset 0 0 1px 1px #fff;
   -webkit-box-shadow: inset 0 0 1px 1px #fff;
   box-shadow: inset 0 0 1px 1px #fff
}

#account-heading,
#withdrawal-heading {
   margin: 1px 1px;
   font-family: PMingLiU;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   text-transform: uppercase
}

.panel-body {
   text-align: center
}

.panel-body>form {
   width: 700px;
   margin: 0 auto
}

.control-div input {
   width: 100%;
   padding: 3px 5px;
   line-height: 25px;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Account/images/input_center.png) repeat-y;
   border: 0
}

.control-div input:focus {
   outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 249, 149, .6);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 249, 149, .6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 249, 149, .6)
}

.tooltip {
   position: absolute;
   left: 93%;
   top: -2px;
   z-index: 1;
   display: inline-block
}

.tooltipshowarrow_int {
   position: absolute;
   top: 5px;
   right: -1px;
   z-index: 1000;
   display: block;
   border: 8px solid;
   border-color: transparent #fff;
   border-left-width: 0;
   -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
   -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
   box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

.tooltipshowarrow_out {
   position: absolute;
   top: 5px;
   right: 0;
   z-index: 999;
   display: block;
   border: 8px solid;
   border-left-width: 0;
   border-color: transparent #bbb;
   -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
   -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
   box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

.tooltipshow {
   position: absolute;
   z-index: 999 !important;
   width: 250px;
   padding: 5px;
   background-color: #fff;
   border: 1px solid;
   border-color: #bbb #bbb #a8a8a8;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
   box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.form-control::-webkit-input-placeholder {
   color: #878787
}

.form-control:-moz-placeholder {
   color: #878787
}

.form-control::-moz-placeholder {
   color: #878787
}

.form-control:-ms-input-placeholder {
   color: #878787
}

.input-block {
   position: relative;
   display: inline-block;
   width: 304px
}

.help-block {
   color: #8a6d3b
}

.input-block-top {
   position: absolute;
   top: -2px;
   left: 0;
   display: inline-block;
   width: 100%;
   height: 4px;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Account/images/input-top-btm.png) no-repeat 0 0
}

.input-block-btm {
   position: absolute;
   bottom: -8px;
   left: 0;
   display: inline-block;
   height: 10px;
   width: 100%;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Account/images/input-top-btm.png) no-repeat 0 -4px
}

.btn-submit {
   position: relative;
   width: 119px;
   height: 45px;
   color: #454545;
   font-size: 15px;
   font-family: PMingLiU;
   font-weight: 700;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/sent_bn.png) no-repeat 0 0;
   border: 0
}

.btn-submit:hover {
   color: #454545;
   background: url(https://cdn.igsttech.com/Web.Portal/_Common/Content/Views/Shared/images/sent_bn.png) no-repeat 0 -46px
}

.btn-submit[disabled]:hover {
   color: #999;
   background-position-y: 0
}

.table {
   color: #000
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
   line-height: 2em
}

table tfoot {
   text-align: center;
   background: #eee
}

#popup-dialog {
   display: none;
   padding: 0
}

#popup-dialog img {
   width: 100%;
   height: auto !important
}

#popup-dialog .dialog-footer {
   height: 30px;
   padding: 0 3px;
   font-size: 12px;
   font-weight: 700;
   line-height: 30px;
   border-top: 1px solid #000
}

ul#newsBags>li {
   white-space: pre-line;
   word-break: break-all;
   word-wrap: break-word
}

.modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
   background-color: #000;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s
}

.modal-overlay.modal-show {
   visibility: visible;
   opacity: .5
}

.modal-announcement {
   position: absolute;
   top: 7%;
   left: 50%;
   margin-left: -499px;
   width: 997px;
   z-index: 10000;
   visibility: hidden;
   -moz-transform: scale(.5);
   -ms-transform: scale(.5);
   -o-transform: scale(.5);
   -webkit-transform: scale(.5);
   transform: scale(.5);
   opacity: 0;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s
}

.modal-announcement.modal-show {
   visibility: visible;
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 1
}

.modal-announcement>.ma-title {
   padding: 5px 0;
   background-color: #06c;
   color: #fff;
   border-radius: 4px 4px 0 0;
   text-align: center
}

.modal-announcement>.ma-title>span {
   font-size: 20px
}

.modal-announcement>.ma-title>i {
   float: right;
   margin-right: 10px;
   cursor: pointer
}

.modal-announcement>.ma-body>section {
   height: 542px;
   display: inline-block;
   vertical-align: top
}

.modal-announcement .ma-sidebar {
   width: 24%;
   background-color: #fff;
   overflow-y: auto;
   overflow-x: hidden
}

.modal-announcement .ma-sidebar ul {
   width: 100%
}

.modal-announcement .ma-sidebar li {
   width: 100%;
   padding: 10px 12px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   color: #000;
   cursor: pointer
}

.modal-announcement .ma-sidebar li.active,
.modal-announcement .ma-sidebar li:hover {
   background-color: #06c;
   color: #fff
}

.modal-announcement .ma-sidebar i.fa-comment-o {
   padding-right: 4px
}

.modal-announcement .ma-sidebar i.fa-chevron-right {
   float: right;
   margin-top: 4px
}

.modal-announcement .ma-content {
   width: 76%;
   background-color: #fff;
   overflow: auto
}

.ui-helper-hidden {
   display: none
}

.ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px
}

.ui-helper-reset {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   line-height: 1.3;
   text-decoration: none;
   font-size: 100%;
   list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
   content: "";
   display: table;
   border-collapse: collapse
}

.ui-helper-clearfix:after {
   clear: both
}

.ui-helper-clearfix {
   min-height: 0
}

.ui-helper-zfix {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   filter: Alpha(Opacity=0)
}

.ui-front {
   z-index: 100
}

.ui-state-disabled {
   cursor: default !important
}

.ui-icon {
   display: block;
   text-indent: -99999px;
   overflow: hidden;
   background-repeat: no-repeat
}

.ui-widget-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.ui-draggable-handle {
   -ms-touch-action: none;
   touch-action: none
}

.ui-resizable {
   position: relative
}

.ui-resizable-handle {
   position: absolute;
   font-size: .1px;
   display: block;
   -ms-touch-action: none;
   touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
   display: none
}

.ui-resizable-n {
   cursor: n-resize;
   height: 7px;
   width: 100%;
   top: -5px;
   left: 0
}

.ui-resizable-s {
   cursor: s-resize;
   height: 7px;
   width: 100%;
   bottom: -5px;
   left: 0
}

.ui-resizable-e {
   cursor: e-resize;
   width: 7px;
   right: -5px;
   top: 0;
   height: 100%
}

.ui-resizable-w {
   cursor: w-resize;
   width: 7px;
   left: -5px;
   top: 0;
   height: 100%
}

.ui-resizable-se {
   cursor: se-resize;
   width: 12px;
   height: 12px;
   right: 1px;
   bottom: 1px
}

.ui-resizable-sw {
   cursor: sw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   bottom: -5px
}

.ui-resizable-nw {
   cursor: nw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   top: -5px
}

.ui-resizable-ne {
   cursor: ne-resize;
   width: 9px;
   height: 9px;
   right: -5px;
   top: -5px
}

.ui-button {
   display: inline-block;
   position: relative;
   padding: 0;
   line-height: normal;
   margin-right: .1em;
   cursor: pointer;
   vertical-align: middle;
   text-align: center;
   overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
   text-decoration: none
}

.ui-button-icon-only {
   width: 2.2em
}

button.ui-button-icon-only {
   width: 2.4em
}

.ui-button-icons-only {
   width: 3.4em
}

button.ui-button-icons-only {
   width: 3.7em
}

.ui-button .ui-button-text {
   display: block;
   line-height: normal
}

.ui-button-text-only .ui-button-text {
   padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
   padding: .4em;
   text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
   padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
   padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
   padding-left: 2.1em;
   padding-right: 2.1em
}

input.ui-button {
   padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
   position: absolute;
   top: 50%;
   margin-top: -8px
}

.ui-button-icon-only .ui-icon {
   left: 50%;
   margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
   left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
   right: .5em
}

.ui-buttonset {
   margin-right: 7px
}

.ui-buttonset .ui-button {
   margin-left: 0;
   margin-right: -.3em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
   border: 0;
   padding: 0
}

.ui-datepicker {
   width: 17em;
   padding: .2em .2em 0;
   display: none
}

.ui-datepicker .ui-datepicker-header {
   position: relative;
   padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
   position: absolute;
   top: 2px;
   width: 1.8em;
   height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
   top: 1px
}

.ui-datepicker .ui-datepicker-prev {
   left: 2px
}

.ui-datepicker .ui-datepicker-next {
   right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
   left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
   right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   top: 50%;
   margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
   margin: 0 2.3em;
   line-height: 1.8em;
   text-align: center
}

.ui-datepicker .ui-datepicker-title select {
   font-size: 1em;
   margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
   width: 45%
}

.ui-datepicker table {
   width: 100%;
   font-size: .9em;
   border-collapse: collapse;
   margin: 0 0 .4em
}

.ui-datepicker th {
   padding: .7em .3em;
   text-align: center;
   font-weight: 700;
   border: 0
}

.ui-datepicker td {
   border: 0;
   padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
   display: block;
   padding: .2em;
   text-align: right;
   text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
   background-image: none;
   margin: .7em 0 0 0;
   padding: 0 .2em;
   border-left: 0;
   border-right: 0;
   border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
   float: right;
   margin: .5em .2em .4em;
   cursor: pointer;
   padding: .2em .6em .3em .6em;
   width: auto;
   overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: left
}

.ui-datepicker.ui-datepicker-multi {
   width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
   float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
   width: 95%;
   margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
   width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
   width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
   width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
   border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
   clear: left
}

.ui-datepicker-row-break {
   clear: both;
   width: 100%;
   font-size: 0
}

.ui-datepicker-rtl {
   direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
   right: 2px;
   left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
   left: 2px;
   right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
   right: 1px;
   left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
   left: 1px;
   right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
   clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
   float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
   float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px
}

.ui-dialog {
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
   padding: .2em;
   outline: 0
}

.ui-dialog .ui-dialog-titlebar {
   padding: .4em 1em;
   position: relative
}

.ui-dialog .ui-dialog-title {
   float: left;
   margin: .1em 0;
   white-space: nowrap;
   width: 90%;
   overflow: hidden;
   text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
   position: absolute;
   right: .3em;
   top: 50%;
   width: 20px;
   margin: -10px 0 0 0;
   padding: 1px;
   height: 20px
}

.ui-dialog .ui-dialog-content {
   position: relative;
   border: 0;
   padding: .5em 1em;
   background: 0 0;
   overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
   text-align: left;
   border-width: 1px 0 0 0;
   background-image: none;
   margin-top: .5em;
   padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
   float: right
}

.ui-dialog .ui-dialog-buttonpane button {
   margin: .5em .4em .5em 0;
   cursor: pointer
}

.ui-dialog .ui-resizable-se {
   width: 12px;
   height: 12px;
   right: -5px;
   bottom: -5px;
   background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
   cursor: move
}

.ui-widget {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1.1em
}

.ui-widget .ui-widget {
   font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1em
}

.ui-widget-content {
   border: 1px solid #aaa;
   background: #fff url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
   color: #222
}

.ui-widget-content a {
   color: #222
}

.ui-widget-header {
   border: 1px solid #aaa;
   background: #ccc url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
   color: #222;
   font-weight: 700
}

.ui-widget-header a {
   color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   border: 1px solid #d3d3d3;
   background: #e6e6e6 url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
   font-weight: 400;
   color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
   color: #555;
   text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
   border: 1px solid #999;
   background: #dadada url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
   font-weight: 400;
   color: #212121
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
   color: #212121;
   text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
   border: 1px solid #aaa;
   background: #fff url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
   font-weight: 400;
   color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
   color: #212121;
   text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   border: 1px solid #fcefa1;
   background: #fbf9ee url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
   color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
   color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
   border: 1px solid #cd0a0a;
   background: #fef1ec url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
   color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
   color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
   color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
   font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
   opacity: .7;
   filter: Alpha(Opacity=70);
   font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
   opacity: .35;
   filter: Alpha(Opacity=35);
   background-image: none
}

.ui-state-disabled .ui-icon {
   filter: Alpha(Opacity=35)
}

.ui-icon {
   width: 16px;
   height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_888888_256x240.png)
}

.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
   background-position: 16px 16px
}

.ui-icon-carat-1-n {
   background-position: 0 0
}

.ui-icon-carat-1-ne {
   background-position: -16px 0
}

.ui-icon-carat-1-e {
   background-position: -32px 0
}

.ui-icon-carat-1-se {
   background-position: -48px 0
}

.ui-icon-carat-1-s {
   background-position: -64px 0
}

.ui-icon-carat-1-sw {
   background-position: -80px 0
}

.ui-icon-carat-1-w {
   background-position: -96px 0
}

.ui-icon-carat-1-nw {
   background-position: -112px 0
}

.ui-icon-carat-2-n-s {
   background-position: -128px 0
}

.ui-icon-carat-2-e-w {
   background-position: -144px 0
}

.ui-icon-triangle-1-n {
   background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
   background-position: -16px -16px
}

.ui-icon-triangle-1-e {
   background-position: -32px -16px
}

.ui-icon-triangle-1-se {
   background-position: -48px -16px
}

.ui-icon-triangle-1-s {
   background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
   background-position: -80px -16px
}

.ui-icon-triangle-1-w {
   background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
   background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
   background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
   background-position: -144px -16px
}

.ui-icon-arrow-1-n {
   background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
   background-position: -16px -32px
}

.ui-icon-arrow-1-e {
   background-position: -32px -32px
}

.ui-icon-arrow-1-se {
   background-position: -48px -32px
}

.ui-icon-arrow-1-s {
   background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
   background-position: -80px -32px
}

.ui-icon-arrow-1-w {
   background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
   background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
   background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
   background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
   background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
   background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
   background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
   background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
   background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
   background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
   background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
   background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
   background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
   background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
   background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
   background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
   background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
   background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
   background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
   background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
   background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
   background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
   background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
   background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
   background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
   background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
   background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
   background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
   background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
   background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
   background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
   background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
   background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
   background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
   background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
   background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
   background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
   background-position: -176px -64px
}

.ui-icon-arrow-4 {
   background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
   background-position: -16px -80px
}

.ui-icon-extlink {
   background-position: -32px -80px
}

.ui-icon-newwin {
   background-position: -48px -80px
}

.ui-icon-refresh {
   background-position: -64px -80px
}

.ui-icon-shuffle {
   background-position: -80px -80px
}

.ui-icon-transfer-e-w {
   background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
   background-position: -112px -80px
}

.ui-icon-folder-collapsed {
   background-position: 0 -96px
}

.ui-icon-folder-open {
   background-position: -16px -96px
}

.ui-icon-document {
   background-position: -32px -96px
}

.ui-icon-document-b {
   background-position: -48px -96px
}

.ui-icon-note {
   background-position: -64px -96px
}

.ui-icon-mail-closed {
   background-position: -80px -96px
}

.ui-icon-mail-open {
   background-position: -96px -96px
}

.ui-icon-suitcase {
   background-position: -112px -96px
}

.ui-icon-comment {
   background-position: -128px -96px
}

.ui-icon-person {
   background-position: -144px -96px
}

.ui-icon-print {
   background-position: -160px -96px
}

.ui-icon-trash {
   background-position: -176px -96px
}

.ui-icon-locked {
   background-position: -192px -96px
}

.ui-icon-unlocked {
   background-position: -208px -96px
}

.ui-icon-bookmark {
   background-position: -224px -96px
}

.ui-icon-tag {
   background-position: -240px -96px
}

.ui-icon-home {
   background-position: 0 -112px
}

.ui-icon-flag {
   background-position: -16px -112px
}

.ui-icon-calendar {
   background-position: -32px -112px
}

.ui-icon-cart {
   background-position: -48px -112px
}

.ui-icon-pencil {
   background-position: -64px -112px
}

.ui-icon-clock {
   background-position: -80px -112px
}

.ui-icon-disk {
   background-position: -96px -112px
}

.ui-icon-calculator {
   background-position: -112px -112px
}

.ui-icon-zoomin {
   background-position: -128px -112px
}

.ui-icon-zoomout {
   background-position: -144px -112px
}

.ui-icon-search {
   background-position: -160px -112px
}

.ui-icon-wrench {
   background-position: -176px -112px
}

.ui-icon-gear {
   background-position: -192px -112px
}

.ui-icon-heart {
   background-position: -208px -112px
}

.ui-icon-star {
   background-position: -224px -112px
}

.ui-icon-link {
   background-position: -240px -112px
}

.ui-icon-cancel {
   background-position: 0 -128px
}

.ui-icon-plus {
   background-position: -16px -128px
}

.ui-icon-plusthick {
   background-position: -32px -128px
}

.ui-icon-minus {
   background-position: -48px -128px
}

.ui-icon-minusthick {
   background-position: -64px -128px
}

.ui-icon-close {
   background-position: -80px -128px
}

.ui-icon-closethick {
   background-position: -96px -128px
}

.ui-icon-key {
   background-position: -112px -128px
}

.ui-icon-lightbulb {
   background-position: -128px -128px
}

.ui-icon-scissors {
   background-position: -144px -128px
}

.ui-icon-clipboard {
   background-position: -160px -128px
}

.ui-icon-copy {
   background-position: -176px -128px
}

.ui-icon-contact {
   background-position: -192px -128px
}

.ui-icon-image {
   background-position: -208px -128px
}

.ui-icon-video {
   background-position: -224px -128px
}

.ui-icon-script {
   background-position: -240px -128px
}

.ui-icon-alert {
   background-position: 0 -144px
}

.ui-icon-info {
   background-position: -16px -144px
}

.ui-icon-notice {
   background-position: -32px -144px
}

.ui-icon-help {
   background-position: -48px -144px
}

.ui-icon-check {
   background-position: -64px -144px
}

.ui-icon-bullet {
   background-position: -80px -144px
}

.ui-icon-radio-on {
   background-position: -96px -144px
}

.ui-icon-radio-off {
   background-position: -112px -144px
}

.ui-icon-pin-w {
   background-position: -128px -144px
}

.ui-icon-pin-s {
   background-position: -144px -144px
}

.ui-icon-play {
   background-position: 0 -160px
}

.ui-icon-pause {
   background-position: -16px -160px
}

.ui-icon-seek-next {
   background-position: -32px -160px
}

.ui-icon-seek-prev {
   background-position: -48px -160px
}

.ui-icon-seek-end {
   background-position: -64px -160px
}

.ui-icon-seek-start {
   background-position: -80px -160px
}

.ui-icon-seek-first {
   background-position: -80px -160px
}

.ui-icon-stop {
   background-position: -96px -160px
}

.ui-icon-eject {
   background-position: -112px -160px
}

.ui-icon-volume-off {
   background-position: -128px -160px
}

.ui-icon-volume-on {
   background-position: -144px -160px
}

.ui-icon-power {
   background-position: 0 -176px
}

.ui-icon-signal-diag {
   background-position: -16px -176px
}

.ui-icon-signal {
   background-position: -32px -176px
}

.ui-icon-battery-0 {
   background-position: -48px -176px
}

.ui-icon-battery-1 {
   background-position: -64px -176px
}

.ui-icon-battery-2 {
   background-position: -80px -176px
}

.ui-icon-battery-3 {
   background-position: -96px -176px
}

.ui-icon-circle-plus {
   background-position: 0 -192px
}

.ui-icon-circle-minus {
   background-position: -16px -192px
}

.ui-icon-circle-close {
   background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
   background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
   background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
   background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
   background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
   background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
   background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
   background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
   background-position: -160px -192px
}

.ui-icon-circle-zoomin {
   background-position: -176px -192px
}

.ui-icon-circle-zoomout {
   background-position: -192px -192px
}

.ui-icon-circle-check {
   background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
   background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
   background-position: -16px -208px
}

.ui-icon-circlesmall-close {
   background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
   background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
   background-position: -64px -208px
}

.ui-icon-squaresmall-close {
   background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
   background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
   background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
   background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
   background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
   background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
   background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
   border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
   border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
   border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
   border-bottom-right-radius: 4px
}

.ui-widget-overlay {
   background: #aaa url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
   opacity: .3;
   filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
   margin: -8px 0 0 -8px;
   padding: 8px;
   background: #aaa url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
   opacity: .3;
   filter: Alpha(Opacity=30);
   border-radius: 8px
}

.ui-widget {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1.1em
}

.ui-widget .ui-widget {
   font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1em
}

.ui-widget-content {
   border: 1px solid #aaa;
   background: #fff url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
   color: #222
}

.ui-widget-content a {
   color: #222
}

.ui-widget-header {
   border: 1px solid #aaa;
   background: #ccc url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
   color: #222;
   font-weight: 700
}

.ui-widget-header a {
   color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   border: 1px solid #d3d3d3;
   background: #e6e6e6 url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
   font-weight: 400;
   color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
   color: #555;
   text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
   border: 1px solid #999;
   background: #dadada url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
   font-weight: 400;
   color: #212121
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
   color: #212121;
   text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
   border: 1px solid #aaa;
   background: #fff url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
   font-weight: 400;
   color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
   color: #212121;
   text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   border: 1px solid #fcefa1;
   background: #fbf9ee url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
   color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
   color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
   border: 1px solid #cd0a0a;
   background: #fef1ec url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
   color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
   color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
   color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
   font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
   opacity: .7;
   filter: Alpha(Opacity=70);
   font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
   opacity: .35;
   filter: Alpha(Opacity=35);
   background-image: none
}

.ui-state-disabled .ui-icon {
   filter: Alpha(Opacity=35)
}

.ui-icon {
   width: 16px;
   height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_888888_256x240.png)
}

.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
   background-image: url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
   background-position: 16px 16px
}

.ui-icon-carat-1-n {
   background-position: 0 0
}

.ui-icon-carat-1-ne {
   background-position: -16px 0
}

.ui-icon-carat-1-e {
   background-position: -32px 0
}

.ui-icon-carat-1-se {
   background-position: -48px 0
}

.ui-icon-carat-1-s {
   background-position: -64px 0
}

.ui-icon-carat-1-sw {
   background-position: -80px 0
}

.ui-icon-carat-1-w {
   background-position: -96px 0
}

.ui-icon-carat-1-nw {
   background-position: -112px 0
}

.ui-icon-carat-2-n-s {
   background-position: -128px 0
}

.ui-icon-carat-2-e-w {
   background-position: -144px 0
}

.ui-icon-triangle-1-n {
   background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
   background-position: -16px -16px
}

.ui-icon-triangle-1-e {
   background-position: -32px -16px
}

.ui-icon-triangle-1-se {
   background-position: -48px -16px
}

.ui-icon-triangle-1-s {
   background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
   background-position: -80px -16px
}

.ui-icon-triangle-1-w {
   background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
   background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
   background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
   background-position: -144px -16px
}

.ui-icon-arrow-1-n {
   background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
   background-position: -16px -32px
}

.ui-icon-arrow-1-e {
   background-position: -32px -32px
}

.ui-icon-arrow-1-se {
   background-position: -48px -32px
}

.ui-icon-arrow-1-s {
   background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
   background-position: -80px -32px
}

.ui-icon-arrow-1-w {
   background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
   background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
   background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
   background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
   background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
   background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
   background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
   background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
   background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
   background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
   background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
   background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
   background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
   background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
   background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
   background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
   background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
   background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
   background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
   background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
   background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
   background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
   background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
   background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
   background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
   background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
   background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
   background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
   background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
   background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
   background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
   background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
   background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
   background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
   background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
   background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
   background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
   background-position: -176px -64px
}

.ui-icon-arrow-4 {
   background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
   background-position: -16px -80px
}

.ui-icon-extlink {
   background-position: -32px -80px
}

.ui-icon-newwin {
   background-position: -48px -80px
}

.ui-icon-refresh {
   background-position: -64px -80px
}

.ui-icon-shuffle {
   background-position: -80px -80px
}

.ui-icon-transfer-e-w {
   background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
   background-position: -112px -80px
}

.ui-icon-folder-collapsed {
   background-position: 0 -96px
}

.ui-icon-folder-open {
   background-position: -16px -96px
}

.ui-icon-document {
   background-position: -32px -96px
}

.ui-icon-document-b {
   background-position: -48px -96px
}

.ui-icon-note {
   background-position: -64px -96px
}

.ui-icon-mail-closed {
   background-position: -80px -96px
}

.ui-icon-mail-open {
   background-position: -96px -96px
}

.ui-icon-suitcase {
   background-position: -112px -96px
}

.ui-icon-comment {
   background-position: -128px -96px
}

.ui-icon-person {
   background-position: -144px -96px
}

.ui-icon-print {
   background-position: -160px -96px
}

.ui-icon-trash {
   background-position: -176px -96px
}

.ui-icon-locked {
   background-position: -192px -96px
}

.ui-icon-unlocked {
   background-position: -208px -96px
}

.ui-icon-bookmark {
   background-position: -224px -96px
}

.ui-icon-tag {
   background-position: -240px -96px
}

.ui-icon-home {
   background-position: 0 -112px
}

.ui-icon-flag {
   background-position: -16px -112px
}

.ui-icon-calendar {
   background-position: -32px -112px
}

.ui-icon-cart {
   background-position: -48px -112px
}

.ui-icon-pencil {
   background-position: -64px -112px
}

.ui-icon-clock {
   background-position: -80px -112px
}

.ui-icon-disk {
   background-position: -96px -112px
}

.ui-icon-calculator {
   background-position: -112px -112px
}

.ui-icon-zoomin {
   background-position: -128px -112px
}

.ui-icon-zoomout {
   background-position: -144px -112px
}

.ui-icon-search {
   background-position: -160px -112px
}

.ui-icon-wrench {
   background-position: -176px -112px
}

.ui-icon-gear {
   background-position: -192px -112px
}

.ui-icon-heart {
   background-position: -208px -112px
}

.ui-icon-star {
   background-position: -224px -112px
}

.ui-icon-link {
   background-position: -240px -112px
}

.ui-icon-cancel {
   background-position: 0 -128px
}

.ui-icon-plus {
   background-position: -16px -128px
}

.ui-icon-plusthick {
   background-position: -32px -128px
}

.ui-icon-minus {
   background-position: -48px -128px
}

.ui-icon-minusthick {
   background-position: -64px -128px
}

.ui-icon-close {
   background-position: -80px -128px
}

.ui-icon-closethick {
   background-position: -96px -128px
}

.ui-icon-key {
   background-position: -112px -128px
}

.ui-icon-lightbulb {
   background-position: -128px -128px
}

.ui-icon-scissors {
   background-position: -144px -128px
}

.ui-icon-clipboard {
   background-position: -160px -128px
}

.ui-icon-copy {
   background-position: -176px -128px
}

.ui-icon-contact {
   background-position: -192px -128px
}

.ui-icon-image {
   background-position: -208px -128px
}

.ui-icon-video {
   background-position: -224px -128px
}

.ui-icon-script {
   background-position: -240px -128px
}

.ui-icon-alert {
   background-position: 0 -144px
}

.ui-icon-info {
   background-position: -16px -144px
}

.ui-icon-notice {
   background-position: -32px -144px
}

.ui-icon-help {
   background-position: -48px -144px
}

.ui-icon-check {
   background-position: -64px -144px
}

.ui-icon-bullet {
   background-position: -80px -144px
}

.ui-icon-radio-on {
   background-position: -96px -144px
}

.ui-icon-radio-off {
   background-position: -112px -144px
}

.ui-icon-pin-w {
   background-position: -128px -144px
}

.ui-icon-pin-s {
   background-position: -144px -144px
}

.ui-icon-play {
   background-position: 0 -160px
}

.ui-icon-pause {
   background-position: -16px -160px
}

.ui-icon-seek-next {
   background-position: -32px -160px
}

.ui-icon-seek-prev {
   background-position: -48px -160px
}

.ui-icon-seek-end {
   background-position: -64px -160px
}

.ui-icon-seek-start {
   background-position: -80px -160px
}

.ui-icon-seek-first {
   background-position: -80px -160px
}

.ui-icon-stop {
   background-position: -96px -160px
}

.ui-icon-eject {
   background-position: -112px -160px
}

.ui-icon-volume-off {
   background-position: -128px -160px
}

.ui-icon-volume-on {
   background-position: -144px -160px
}

.ui-icon-power {
   background-position: 0 -176px
}

.ui-icon-signal-diag {
   background-position: -16px -176px
}

.ui-icon-signal {
   background-position: -32px -176px
}

.ui-icon-battery-0 {
   background-position: -48px -176px
}

.ui-icon-battery-1 {
   background-position: -64px -176px
}

.ui-icon-battery-2 {
   background-position: -80px -176px
}

.ui-icon-battery-3 {
   background-position: -96px -176px
}

.ui-icon-circle-plus {
   background-position: 0 -192px
}

.ui-icon-circle-minus {
   background-position: -16px -192px
}

.ui-icon-circle-close {
   background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
   background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
   background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
   background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
   background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
   background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
   background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
   background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
   background-position: -160px -192px
}

.ui-icon-circle-zoomin {
   background-position: -176px -192px
}

.ui-icon-circle-zoomout {
   background-position: -192px -192px
}

.ui-icon-circle-check {
   background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
   background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
   background-position: -16px -208px
}

.ui-icon-circlesmall-close {
   background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
   background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
   background-position: -64px -208px
}

.ui-icon-squaresmall-close {
   background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
   background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
   background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
   background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
   background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
   background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
   background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
   border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
   border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
   border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
   border-bottom-right-radius: 4px
}

.ui-widget-overlay {
   background: #aaa url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
   opacity: .3;
   filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
   margin: -8px 0 0 -8px;
   padding: 8px;
   background: #aaa url(/Web.Portal/_Common/Content/jquery-ui/v1.11.3/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
   opacity: .3;
   filter: Alpha(Opacity=30);
   border-radius: 8px
}

@font-face {
   font-family: FontAwesome;
   src: url(../fonts/fontawesome-webfont.eot?v=4.2.0);
   src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');
   font-weight: 400;
   font-style: normal
}

.fa {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.fa-lg {
   font-size: 1.33333333em;
   line-height: .75em;
   vertical-align: -15%
}

.fa-2x {
   font-size: 2em
}

.fa-3x {
   font-size: 3em
}

.fa-4x {
   font-size: 4em
}

.fa-5x {
   font-size: 5em
}

.fa-fw {
   width: 1.28571429em;
   text-align: center
}

.fa-ul {
   padding-left: 0;
   margin-left: 2.14285714em;
   list-style-type: none
}

.fa-ul>li {
   position: relative
}

.fa-li {
   position: absolute;
   left: -2.14285714em;
   width: 2.14285714em;
   top: .14285714em;
   text-align: center
}

.fa-li.fa-lg {
   left: -1.85714286em
}

.fa-border {
   padding: .2em .25em .15em;
   border: solid .08em #eee;
   border-radius: .1em
}

.pull-right {
   float: right
}

.pull-left {
   float: left
}

.fa.pull-left {
   margin-right: .3em
}

.fa.pull-right {
   margin-left: .3em
}

.fa-spin {
   -webkit-animation: fa-spin 2s infinite linear;
   animation: fa-spin 2s infinite linear
}

@-webkit-keyframes fa-spin {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
   }

   100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
   }
}

@keyframes fa-spin {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
   }

   100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
   }
}

.fa-rotate-90 {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg)
}

.fa-rotate-180 {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg)
}

.fa-rotate-270 {
   -webkit-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   transform: rotate(270deg)
}

.fa-flip-horizontal {
   -webkit-transform: scale(-1, 1);
   -ms-transform: scale(-1, 1);
   transform: scale(-1, 1)
}

.fa-flip-vertical {
   -webkit-transform: scale(1, -1);
   -ms-transform: scale(1, -1);
   transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
   filter: none
}

.fa-stack {
   position: relative;
   display: inline-block;
   width: 2em;
   height: 2em;
   line-height: 2em;
   vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center
}

.fa-stack-1x {
   line-height: inherit
}

.fa-stack-2x {
   font-size: 2em
}

.fa-inverse {
   color: #fff
}

.fa-glass:before {
   content: "\f000"
}

.fa-music:before {
   content: "\f001"
}

.fa-search:before {
   content: "\f002"
}

.fa-envelope-o:before {
   content: "\f003"
}

.fa-heart:before {
   content: "\f004"
}

.fa-star:before {
   content: "\f005"
}

.fa-star-o:before {
   content: "\f006"
}

.fa-user:before {
   content: "\f007"
}

.fa-film:before {
   content: "\f008"
}

.fa-th-large:before {
   content: "\f009"
}

.fa-th:before {
   content: "\f00a"
}

.fa-th-list:before {
   content: "\f00b"
}

.fa-check:before {
   content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
   content: "\f00d"
}

.fa-search-plus:before {
   content: "\f00e"
}

.fa-search-minus:before {
   content: "\f010"
}

.fa-power-off:before {
   content: "\f011"
}

.fa-signal:before {
   content: "\f012"
}

.fa-cog:before,
.fa-gear:before {
   content: "\f013"
}

.fa-trash-o:before {
   content: "\f014"
}

.fa-home:before {
   content: "\f015"
}

.fa-file-o:before {
   content: "\f016"
}

.fa-clock-o:before {
   content: "\f017"
}

.fa-road:before {
   content: "\f018"
}

.fa-download:before {
   content: "\f019"
}

.fa-arrow-circle-o-down:before {
   content: "\f01a"
}

.fa-arrow-circle-o-up:before {
   content: "\f01b"
}

.fa-inbox:before {
   content: "\f01c"
}

.fa-play-circle-o:before {
   content: "\f01d"
}

.fa-repeat:before,
.fa-rotate-right:before {
   content: "\f01e"
}

.fa-refresh:before {
   content: "\f021"
}

.fa-list-alt:before {
   content: "\f022"
}

.fa-lock:before {
   content: "\f023"
}

.fa-flag:before {
   content: "\f024"
}

.fa-headphones:before {
   content: "\f025"
}

.fa-volume-off:before {
   content: "\f026"
}

.fa-volume-down:before {
   content: "\f027"
}

.fa-volume-up:before {
   content: "\f028"
}

.fa-qrcode:before {
   content: "\f029"
}

.fa-barcode:before {
   content: "\f02a"
}

.fa-tag:before {
   content: "\f02b"
}

.fa-tags:before {
   content: "\f02c"
}

.fa-book:before {
   content: "\f02d"
}

.fa-bookmark:before {
   content: "\f02e"
}

.fa-print:before {
   content: "\f02f"
}

.fa-camera:before {
   content: "\f030"
}

.fa-font:before {
   content: "\f031"
}

.fa-bold:before {
   content: "\f032"
}

.fa-italic:before {
   content: "\f033"
}

.fa-text-height:before {
   content: "\f034"
}

.fa-text-width:before {
   content: "\f035"
}

.fa-align-left:before {
   content: "\f036"
}

.fa-align-center:before {
   content: "\f037"
}

.fa-align-right:before {
   content: "\f038"
}

.fa-align-justify:before {
   content: "\f039"
}

.fa-list:before {
   content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
   content: "\f03b"
}

.fa-indent:before {
   content: "\f03c"
}

.fa-video-camera:before {
   content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
   content: "\f03e"
}

.fa-pencil:before {
   content: "\f040"
}

.fa-map-marker:before {
   content: "\f041"
}

.fa-adjust:before {
   content: "\f042"
}

.fa-tint:before {
   content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
   content: "\f044"
}

.fa-share-square-o:before {
   content: "\f045"
}

.fa-check-square-o:before {
   content: "\f046"
}

.fa-arrows:before {
   content: "\f047"
}

.fa-step-backward:before {
   content: "\f048"
}

.fa-fast-backward:before {
   content: "\f049"
}

.fa-backward:before {
   content: "\f04a"
}

.fa-play:before {
   content: "\f04b"
}

.fa-pause:before {
   content: "\f04c"
}

.fa-stop:before {
   content: "\f04d"
}

.fa-forward:before {
   content: "\f04e"
}

.fa-fast-forward:before {
   content: "\f050"
}

.fa-step-forward:before {
   content: "\f051"
}

.fa-eject:before {
   content: "\f052"
}

.fa-chevron-left:before {
   content: "\f053"
}

.fa-chevron-right:before {
   content: "\f054"
}

.fa-plus-circle:before {
   content: "\f055"
}

.fa-minus-circle:before {
   content: "\f056"
}

.fa-times-circle:before {
   content: "\f057"
}

.fa-check-circle:before {
   content: "\f058"
}

.fa-question-circle:before {
   content: "\f059"
}

.fa-info-circle:before {
   content: "\f05a"
}

.fa-crosshairs:before {
   content: "\f05b"
}

.fa-times-circle-o:before {
   content: "\f05c"
}

.fa-check-circle-o:before {
   content: "\f05d"
}

.fa-ban:before {
   content: "\f05e"
}

.fa-arrow-left:before {
   content: "\f060"
}

.fa-arrow-right:before {
   content: "\f061"
}

.fa-arrow-up:before {
   content: "\f062"
}

.fa-arrow-down:before {
   content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
   content: "\f064"
}

.fa-expand:before {
   content: "\f065"
}

.fa-compress:before {
   content: "\f066"
}

.fa-plus:before {
   content: "\f067"
}

.fa-minus:before {
   content: "\f068"
}

.fa-asterisk:before {
   content: "\f069"
}

.fa-exclamation-circle:before {
   content: "\f06a"
}

.fa-gift:before {
   content: "\f06b"
}

.fa-leaf:before {
   content: "\f06c"
}

.fa-fire:before {
   content: "\f06d"
}

.fa-eye:before {
   content: "\f06e"
}

.fa-eye-slash:before {
   content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
   content: "\f071"
}

.fa-plane:before {
   content: "\f072"
}

.fa-calendar:before {
   content: "\f073"
}

.fa-random:before {
   content: "\f074"
}

.fa-comment:before {
   content: "\f075"
}

.fa-magnet:before {
   content: "\f076"
}

.fa-chevron-up:before {
   content: "\f077"
}

.fa-chevron-down:before {
   content: "\f078"
}

.fa-retweet:before {
   content: "\f079"
}

.fa-shopping-cart:before {
   content: "\f07a"
}

.fa-folder:before {
   content: "\f07b"
}

.fa-folder-open:before {
   content: "\f07c"
}

.fa-arrows-v:before {
   content: "\f07d"
}

.fa-arrows-h:before {
   content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
   content: "\f080"
}

.fa-twitter-square:before {
   content: "\f081"
}

.fa-facebook-square:before {
   content: "\f082"
}

.fa-camera-retro:before {
   content: "\f083"
}

.fa-key:before {
   content: "\f084"
}

.fa-cogs:before,
.fa-gears:before {
   content: "\f085"
}

.fa-comments:before {
   content: "\f086"
}

.fa-thumbs-o-up:before {
   content: "\f087"
}

.fa-thumbs-o-down:before {
   content: "\f088"
}

.fa-star-half:before {
   content: "\f089"
}

.fa-heart-o:before {
   content: "\f08a"
}

.fa-sign-out:before {
   content: "\f08b"
}

.fa-linkedin-square:before {
   content: "\f08c"
}

.fa-thumb-tack:before {
   content: "\f08d"
}

.fa-external-link:before {
   content: "\f08e"
}

.fa-sign-in:before {
   content: "\f090"
}

.fa-trophy:before {
   content: "\f091"
}

.fa-github-square:before {
   content: "\f092"
}

.fa-upload:before {
   content: "\f093"
}

.fa-lemon-o:before {
   content: "\f094"
}

.fa-phone:before {
   content: "\f095"
}

.fa-square-o:before {
   content: "\f096"
}

.fa-bookmark-o:before {
   content: "\f097"
}

.fa-phone-square:before {
   content: "\f098"
}

.fa-twitter:before {
   content: "\f099"
}

.fa-facebook:before {
   content: "\f09a"
}

.fa-github:before {
   content: "\f09b"
}

.fa-unlock:before {
   content: "\f09c"
}

.fa-credit-card:before {
   content: "\f09d"
}

.fa-rss:before {
   content: "\f09e"
}

.fa-hdd-o:before {
   content: "\f0a0"
}

.fa-bullhorn:before {
   content: "\f0a1"
}

.fa-bell:before {
   content: "\f0f3"
}

.fa-certificate:before {
   content: "\f0a3"
}

.fa-hand-o-right:before {
   content: "\f0a4"
}

.fa-hand-o-left:before {
   content: "\f0a5"
}

.fa-hand-o-up:before {
   content: "\f0a6"
}

.fa-hand-o-down:before {
   content: "\f0a7"
}

.fa-arrow-circle-left:before {
   content: "\f0a8"
}

.fa-arrow-circle-right:before {
   content: "\f0a9"
}

.fa-arrow-circle-up:before {
   content: "\f0aa"
}

.fa-arrow-circle-down:before {
   content: "\f0ab"
}

.fa-globe:before {
   content: "\f0ac"
}

.fa-wrench:before {
   content: "\f0ad"
}

.fa-tasks:before {
   content: "\f0ae"
}

.fa-filter:before {
   content: "\f0b0"
}

.fa-briefcase:before {
   content: "\f0b1"
}

.fa-arrows-alt:before {
   content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
   content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
   content: "\f0c1"
}

.fa-cloud:before {
   content: "\f0c2"
}

.fa-flask:before {
   content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
   content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
   content: "\f0c5"
}

.fa-paperclip:before {
   content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
   content: "\f0c7"
}

.fa-square:before {
   content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
   content: "\f0c9"
}

.fa-list-ul:before {
   content: "\f0ca"
}

.fa-list-ol:before {
   content: "\f0cb"
}

.fa-strikethrough:before {
   content: "\f0cc"
}

.fa-underline:before {
   content: "\f0cd"
}

.fa-table:before {
   content: "\f0ce"
}

.fa-magic:before {
   content: "\f0d0"
}

.fa-truck:before {
   content: "\f0d1"
}

.fa-pinterest:before {
   content: "\f0d2"
}

.fa-pinterest-square:before {
   content: "\f0d3"
}

.fa-google-plus-square:before {
   content: "\f0d4"
}

.fa-google-plus:before {
   content: "\f0d5"
}

.fa-money:before {
   content: "\f0d6"
}

.fa-caret-down:before {
   content: "\f0d7"
}

.fa-caret-up:before {
   content: "\f0d8"
}

.fa-caret-left:before {
   content: "\f0d9"
}

.fa-caret-right:before {
   content: "\f0da"
}

.fa-columns:before {
   content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
   content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
   content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
   content: "\f0de"
}

.fa-envelope:before {
   content: "\f0e0"
}

.fa-linkedin:before {
   content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
   content: "\f0e2"
}

.fa-gavel:before,
.fa-legal:before {
   content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
   content: "\f0e4"
}

.fa-comment-o:before {
   content: "\f0e5"
}

.fa-comments-o:before {
   content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
   content: "\f0e7"
}

.fa-sitemap:before {
   content: "\f0e8"
}

.fa-umbrella:before {
   content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
   content: "\f0ea"
}

.fa-lightbulb-o:before {
   content: "\f0eb"
}

.fa-exchange:before {
   content: "\f0ec"
}

.fa-cloud-download:before {
   content: "\f0ed"
}

.fa-cloud-upload:before {
   content: "\f0ee"
}

.fa-user-md:before {
   content: "\f0f0"
}

.fa-stethoscope:before {
   content: "\f0f1"
}

.fa-suitcase:before {
   content: "\f0f2"
}

.fa-bell-o:before {
   content: "\f0a2"
}

.fa-coffee:before {
   content: "\f0f4"
}

.fa-cutlery:before {
   content: "\f0f5"
}

.fa-file-text-o:before {
   content: "\f0f6"
}

.fa-building-o:before {
   content: "\f0f7"
}

.fa-hospital-o:before {
   content: "\f0f8"
}

.fa-ambulance:before {
   content: "\f0f9"
}

.fa-medkit:before {
   content: "\f0fa"
}

.fa-fighter-jet:before {
   content: "\f0fb"
}

.fa-beer:before {
   content: "\f0fc"
}

.fa-h-square:before {
   content: "\f0fd"
}

.fa-plus-square:before {
   content: "\f0fe"
}

.fa-angle-double-left:before {
   content: "\f100"
}

.fa-angle-double-right:before {
   content: "\f101"
}

.fa-angle-double-up:before {
   content: "\f102"
}

.fa-angle-double-down:before {
   content: "\f103"
}

.fa-angle-left:before {
   content: "\f104"
}

.fa-angle-right:before {
   content: "\f105"
}

.fa-angle-up:before {
   content: "\f106"
}

.fa-angle-down:before {
   content: "\f107"
}

.fa-desktop:before {
   content: "\f108"
}

.fa-laptop:before {
   content: "\f109"
}

.fa-tablet:before {
   content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
   content: "\f10b"
}

.fa-circle-o:before {
   content: "\f10c"
}

.fa-quote-left:before {
   content: "\f10d"
}

.fa-quote-right:before {
   content: "\f10e"
}

.fa-spinner:before {
   content: "\f110"
}

.fa-circle:before {
   content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
   content: "\f112"
}

.fa-github-alt:before {
   content: "\f113"
}

.fa-folder-o:before {
   content: "\f114"
}

.fa-folder-open-o:before {
   content: "\f115"
}

.fa-smile-o:before {
   content: "\f118"
}

.fa-frown-o:before {
   content: "\f119"
}

.fa-meh-o:before {
   content: "\f11a"
}

.fa-gamepad:before {
   content: "\f11b"
}

.fa-keyboard-o:before {
   content: "\f11c"
}

.fa-flag-o:before {
   content: "\f11d"
}

.fa-flag-checkered:before {
   content: "\f11e"
}

.fa-terminal:before {
   content: "\f120"
}

.fa-code:before {
   content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
   content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
   content: "\f123"
}

.fa-location-arrow:before {
   content: "\f124"
}

.fa-crop:before {
   content: "\f125"
}

.fa-code-fork:before {
   content: "\f126"
}

.fa-chain-broken:before,
.fa-unlink:before {
   content: "\f127"
}

.fa-question:before {
   content: "\f128"
}

.fa-info:before {
   content: "\f129"
}

.fa-exclamation:before {
   content: "\f12a"
}

.fa-superscript:before {
   content: "\f12b"
}

.fa-subscript:before {
   content: "\f12c"
}

.fa-eraser:before {
   content: "\f12d"
}

.fa-puzzle-piece:before {
   content: "\f12e"
}

.fa-microphone:before {
   content: "\f130"
}

.fa-microphone-slash:before {
   content: "\f131"
}

.fa-shield:before {
   content: "\f132"
}

.fa-calendar-o:before {
   content: "\f133"
}

.fa-fire-extinguisher:before {
   content: "\f134"
}

.fa-rocket:before {
   content: "\f135"
}

.fa-maxcdn:before {
   content: "\f136"
}

.fa-chevron-circle-left:before {
   content: "\f137"
}

.fa-chevron-circle-right:before {
   content: "\f138"
}

.fa-chevron-circle-up:before {
   content: "\f139"
}

.fa-chevron-circle-down:before {
   content: "\f13a"
}

.fa-html5:before {
   content: "\f13b"
}

.fa-css3:before {
   content: "\f13c"
}

.fa-anchor:before {
   content: "\f13d"
}

.fa-unlock-alt:before {
   content: "\f13e"
}

.fa-bullseye:before {
   content: "\f140"
}

.fa-ellipsis-h:before {
   content: "\f141"
}

.fa-ellipsis-v:before {
   content: "\f142"
}

.fa-rss-square:before {
   content: "\f143"
}

.fa-play-circle:before {
   content: "\f144"
}

.fa-ticket:before {
   content: "\f145"
}

.fa-minus-square:before {
   content: "\f146"
}

.fa-minus-square-o:before {
   content: "\f147"
}

.fa-level-up:before {
   content: "\f148"
}

.fa-level-down:before {
   content: "\f149"
}

.fa-check-square:before {
   content: "\f14a"
}

.fa-pencil-square:before {
   content: "\f14b"
}

.fa-external-link-square:before {
   content: "\f14c"
}

.fa-share-square:before {
   content: "\f14d"
}

.fa-compass:before {
   content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
   content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
   content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
   content: "\f152"
}

.fa-eur:before,
.fa-euro:before {
   content: "\f153"
}

.fa-gbp:before {
   content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
   content: "\f155"
}

.fa-inr:before,
.fa-rupee:before {
   content: "\f156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
   content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
   content: "\f158"
}

.fa-krw:before,
.fa-won:before {
   content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
   content: "\f15a"
}

.fa-file:before {
   content: "\f15b"
}

.fa-file-text:before {
   content: "\f15c"
}

.fa-sort-alpha-asc:before {
   content: "\f15d"
}

.fa-sort-alpha-desc:before {
   content: "\f15e"
}

.fa-sort-amount-asc:before {
   content: "\f160"
}

.fa-sort-amount-desc:before {
   content: "\f161"
}

.fa-sort-numeric-asc:before {
   content: "\f162"
}

.fa-sort-numeric-desc:before {
   content: "\f163"
}

.fa-thumbs-up:before {
   content: "\f164"
}

.fa-thumbs-down:before {
   content: "\f165"
}

.fa-youtube-square:before {
   content: "\f166"
}

.fa-youtube:before {
   content: "\f167"
}

.fa-xing:before {
   content: "\f168"
}

.fa-xing-square:before {
   content: "\f169"
}

.fa-youtube-play:before {
   content: "\f16a"
}

.fa-dropbox:before {
   content: "\f16b"
}

.fa-stack-overflow:before {
   content: "\f16c"
}

.fa-instagram:before {
   content: "\f16d"
}

.fa-flickr:before {
   content: "\f16e"
}

.fa-adn:before {
   content: "\f170"
}

.fa-bitbucket:before {
   content: "\f171"
}

.fa-bitbucket-square:before {
   content: "\f172"
}

.fa-tumblr:before {
   content: "\f173"
}

.fa-tumblr-square:before {
   content: "\f174"
}

.fa-long-arrow-down:before {
   content: "\f175"
}

.fa-long-arrow-up:before {
   content: "\f176"
}

.fa-long-arrow-left:before {
   content: "\f177"
}

.fa-long-arrow-right:before {
   content: "\f178"
}

.fa-apple:before {
   content: "\f179"
}

.fa-windows:before {
   content: "\f17a"
}

.fa-android:before {
   content: "\f17b"
}

.fa-linux:before {
   content: "\f17c"
}

.fa-dribbble:before {
   content: "\f17d"
}

.fa-skype:before {
   content: "\f17e"
}

.fa-foursquare:before {
   content: "\f180"
}

.fa-trello:before {
   content: "\f181"
}

.fa-female:before {
   content: "\f182"
}

.fa-male:before {
   content: "\f183"
}

.fa-gittip:before {
   content: "\f184"
}

.fa-sun-o:before {
   content: "\f185"
}

.fa-moon-o:before {
   content: "\f186"
}

.fa-archive:before {
   content: "\f187"
}

.fa-bug:before {
   content: "\f188"
}

.fa-vk:before {
   content: "\f189"
}

.fa-weibo:before {
   content: "\f18a"
}

.fa-renren:before {
   content: "\f18b"
}

.fa-pagelines:before {
   content: "\f18c"
}

.fa-stack-exchange:before {
   content: "\f18d"
}

.fa-arrow-circle-o-right:before {
   content: "\f18e"
}

.fa-arrow-circle-o-left:before {
   content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
   content: "\f191"
}

.fa-dot-circle-o:before {
   content: "\f192"
}

.fa-wheelchair:before {
   content: "\f193"
}

.fa-vimeo-square:before {
   content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
   content: "\f195"
}

.fa-plus-square-o:before {
   content: "\f196"
}

.fa-space-shuttle:before {
   content: "\f197"
}

.fa-slack:before {
   content: "\f198"
}

.fa-envelope-square:before {
   content: "\f199"
}

.fa-wordpress:before {
   content: "\f19a"
}

.fa-openid:before {
   content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
   content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
   content: "\f19d"
}

.fa-yahoo:before {
   content: "\f19e"
}

.fa-google:before {
   content: "\f1a0"
}

.fa-reddit:before {
   content: "\f1a1"
}

.fa-reddit-square:before {
   content: "\f1a2"
}

.fa-stumbleupon-circle:before {
   content: "\f1a3"
}

.fa-stumbleupon:before {
   content: "\f1a4"
}

.fa-delicious:before {
   content: "\f1a5"
}

.fa-digg:before {
   content: "\f1a6"
}

.fa-pied-piper:before {
   content: "\f1a7"
}

.fa-pied-piper-alt:before {
   content: "\f1a8"
}

.fa-drupal:before {
   content: "\f1a9"
}

.fa-joomla:before {
   content: "\f1aa"
}

.fa-language:before {
   content: "\f1ab"
}

.fa-fax:before {
   content: "\f1ac"
}

.fa-building:before {
   content: "\f1ad"
}

.fa-child:before {
   content: "\f1ae"
}

.fa-paw:before {
   content: "\f1b0"
}

.fa-spoon:before {
   content: "\f1b1"
}

.fa-cube:before {
   content: "\f1b2"
}

.fa-cubes:before {
   content: "\f1b3"
}

.fa-behance:before {
   content: "\f1b4"
}

.fa-behance-square:before {
   content: "\f1b5"
}

.fa-steam:before {
   content: "\f1b6"
}

.fa-steam-square:before {
   content: "\f1b7"
}

.fa-recycle:before {
   content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
   content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
   content: "\f1ba"
}

.fa-tree:before {
   content: "\f1bb"
}

.fa-spotify:before {
   content: "\f1bc"
}

.fa-deviantart:before {
   content: "\f1bd"
}

.fa-soundcloud:before {
   content: "\f1be"
}

.fa-database:before {
   content: "\f1c0"
}

.fa-file-pdf-o:before {
   content: "\f1c1"
}

.fa-file-word-o:before {
   content: "\f1c2"
}

.fa-file-excel-o:before {
   content: "\f1c3"
}

.fa-file-powerpoint-o:before {
   content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
   content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
   content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
   content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
   content: "\f1c8"
}

.fa-file-code-o:before {
   content: "\f1c9"
}

.fa-vine:before {
   content: "\f1ca"
}

.fa-codepen:before {
   content: "\f1cb"
}

.fa-jsfiddle:before {
   content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
   content: "\f1cd"
}

.fa-circle-o-notch:before {
   content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before {
   content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
   content: "\f1d1"
}

.fa-git-square:before {
   content: "\f1d2"
}

.fa-git:before {
   content: "\f1d3"
}

.fa-hacker-news:before {
   content: "\f1d4"
}

.fa-tencent-weibo:before {
   content: "\f1d5"
}

.fa-qq:before {
   content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
   content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
   content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
   content: "\f1d9"
}

.fa-history:before {
   content: "\f1da"
}

.fa-circle-thin:before {
   content: "\f1db"
}

.fa-header:before {
   content: "\f1dc"
}

.fa-paragraph:before {
   content: "\f1dd"
}

.fa-sliders:before {
   content: "\f1de"
}

.fa-share-alt:before {
   content: "\f1e0"
}

.fa-share-alt-square:before {
   content: "\f1e1"
}

.fa-bomb:before {
   content: "\f1e2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
   content: "\f1e3"
}

.fa-tty:before {
   content: "\f1e4"
}

.fa-binoculars:before {
   content: "\f1e5"
}

.fa-plug:before {
   content: "\f1e6"
}

.fa-slideshare:before {
   content: "\f1e7"
}

.fa-twitch:before {
   content: "\f1e8"
}

.fa-yelp:before {
   content: "\f1e9"
}

.fa-newspaper-o:before {
   content: "\f1ea"
}

.fa-wifi:before {
   content: "\f1eb"
}

.fa-calculator:before {
   content: "\f1ec"
}

.fa-paypal:before {
   content: "\f1ed"
}

.fa-google-wallet:before {
   content: "\f1ee"
}

.fa-cc-visa:before {
   content: "\f1f0"
}

.fa-cc-mastercard:before {
   content: "\f1f1"
}

.fa-cc-discover:before {
   content: "\f1f2"
}

.fa-cc-amex:before {
   content: "\f1f3"
}

.fa-cc-paypal:before {
   content: "\f1f4"
}

.fa-cc-stripe:before {
   content: "\f1f5"
}

.fa-bell-slash:before {
   content: "\f1f6"
}

.fa-bell-slash-o:before {
   content: "\f1f7"
}

.fa-trash:before {
   content: "\f1f8"
}

.fa-copyright:before {
   content: "\f1f9"
}

.fa-at:before {
   content: "\f1fa"
}

.fa-eyedropper:before {
   content: "\f1fb"
}

.fa-paint-brush:before {
   content: "\f1fc"
}

.fa-birthday-cake:before {
   content: "\f1fd"
}

.fa-area-chart:before {
   content: "\f1fe"
}

.fa-pie-chart:before {
   content: "\f200"
}

.fa-line-chart:before {
   content: "\f201"
}

.fa-lastfm:before {
   content: "\f202"
}

.fa-lastfm-square:before {
   content: "\f203"
}

.fa-toggle-off:before {
   content: "\f204"
}

.fa-toggle-on:before {
   content: "\f205"
}

.fa-bicycle:before {
   content: "\f206"
}

.fa-bus:before {
   content: "\f207"
}

.fa-ioxhost:before {
   content: "\f208"
}

.fa-angellist:before {
   content: "\f209"
}

.fa-cc:before {
   content: "\f20a"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
   content: "\f20b"
}

.fa-meanpath:before {
   content: "\f20c"
}

#sport-content {
   position: relative;
   z-index: 0;
   background: #4a0206 url(../images/sportsbook/content_bg.jpg) no-repeat center top;
   background-position-y: 167px;
}

#lobby div.lottery-top {
   /* position: relative;
   height: 1070px;
   height: 546px; */
   background: #670509 url(../images/sportsbook/list_bg.jpg) repeat-x center center;
   background-size: 100% 100%;
}

#lobby ul.game-list {
   /* position: absolute;
   left: 0;
   right: 0;
   bottom: 42px; */
   text-align: center;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 25px;

}

#lobby ul.game-list>li {
   position: relative;
   display: inline-block;
   /* width: 280px;
   height: 388px; */
   width: 255px;
   height: 428px;
   vertical-align: bottom;
   /* margin: 0 10px; */
   background: #860d0d;
   border: 4px solid #860d0d;
   -moz-transition: all ease .5s !important;
   -o-transition: all ease .5s !important;
   -webkit-transition: all ease .5s !important;
   transition: all ease .5s !important;
   -moz-box-shadow: 0 20px 20px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, .2);
   box-shadow: 0 20px 20px rgba(0, 0, 0, .2)
}

#lobby ul.game-list>li:before {
   content: '';
   position: absolute;
   bottom: -4px;
   left: -4px;
   width: 280px;
   height: 448px;
   background-repeat: no-repeat;
   background-position: center bottom;
   background-size: 100%;
   -moz-transition: all ease .5s;
   -o-transition: all ease .5s;
   -webkit-transition: all ease .5s;
   transition: all ease .5s
}

#lobby ul.game-list>li div.enter {
   position: absolute;
   left: 50%;
   bottom: 20%;
   width: 228px;
   height: 94px;
   margin-left: -114px;
   padding-top: 60px;
   text-align: center;
   background-color: rgba(0, 0, 0, .7);
   background-repeat: no-repeat;
   background-position: center top;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   opacity: .7;
   -moz-transition: all ease .5s;
   -o-transition: all ease .5s;
   -webkit-transition: all ease .5s;
   transition: all ease .5s
}

#lobby ul.game-list>li div.enter:before {
   content: 'PLAY NOW';
   display: inline-block;
   padding-right: 14px;
   color: #fff;
   font-size: 14px;
   background: url(../images/sportsbook/arrow.png) no-repeat right center
}

#lobby ul.game-list>li.active,
#lobby ul.game-list>li:hover {
   z-index: 1;
   width: 255px;
   height: 428px;
   border-color: #faf482;
}

#lobby ul.game-list>li.active:before,
#lobby ul.game-list>li:hover:before {
   width: 300px;
   height: 480px;
}

#lobby ul.game-list>li.active div.enter,
#lobby ul.game-list>li:hover div.enter {
   bottom: 30%;
   opacity: 1
}

ul.game-list>li[game-box=afb]:before {
   background-image: url(../images/sportsbook/afb.png)
}

ul.game-list>li[game-box=afb2]:before {
   background-image: url(../images/sportsbook/im.png)
}

ul.game-list>li[game-box=afb2] div.enter {
   background-image: url(../images/sportsbook/logo_afb2.png)
}

ul.game-list>li[game-box=afb] div.enter {
   background-image: url(../images/sportsbook/logo_afb.png)
}

ul.game-list>li[game-box=sbo]:before {
   background-image: url(../images/sportsbook/sbo.png)
}

ul.game-list>li[game-box=sbo] div.enter {
   background-image: url(../images/sportsbook/logo_sbo.png)
}

ul.game-list>li[game-box=horse]:before {
   background-image: url(../images/sportsbook/horse.png)
}

ul.game-list>li[game-box=horse] div.enter {
   background-image: url(../images/sportsbook/logo_horse.png)
}


ul.game-list>li[game-box=ibc]:before {
   background-image: url(../images/sportsbook/ibc.png)
}

ul.game-list>li[game-box=ibc] div.enter {
   background-image: url(../images/sportsbook/logo_ibc.png)
}

ul.game-list>li[game-box=ggcs]:before {
   background-image: url(../images/sportsbook/ggcs.png)
}

ul.game-list>li[game-box=ggcs] div.enter {
   background-image: url(../images/sportsbook/logo_ggcs.png)
}

ul.game-list>li[game-box=tf]:before {
   background-image: url(../images/sportsbook/tf.png)
}

ul.game-list>li[game-box=tf] div.enter {
   background-image: url(../images/sportsbook/logo_tf.png)
}

ul.game-list>li[game-box=cmd]:before {
   background-image: url(../images/sportsbook/cmd.png)
}

ul.game-list>li[game-box=cmd] div.enter {
   background-image: url(../images/sportsbook/logo_cmd.png)
}

ul.game-list>li[game-box=im]:before {
   background-image: url(../images/sportsbook/im.png)
}

ul.game-list>li[game-box=im] div.enter {
   background-image: url(../images/sportsbook/logo_im.png)
}

#lobby div.lottery-logo {
   height: 219px;
   padding-top: 40px;
   color: #e61010;
   font-size: 28px;
   font-weight: 700;
   line-height: 1.2em;
   text-align: center;
   background: #7a050a
}

#lobby div.lottery-logo span {
   display: block;
   padding-bottom: 20px;
   color: #faf482
}

#lobby div.lottery-logo:after {
   content: '';
   display: block;
   height: 48px;
   background: url(../images/sportsbook/logo.png) no-repeat center top
}

#slot-content,
.slot-content {
   position: relative;
   z-index: 0;
   padding-top: 10px;
   background: #4a0206 url(../images/slots/content_bg.jpg) no-repeat center top
}

#slot-news {
   width: 1200px;
   margin: 0 auto;
   height: 49px;
   background: #000
}

#slot-news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top;
   z-index: 2
}

#slot-lobby div.slot-top {
   margin-bottom: 9px
}

#slot-lobby div.slot-top div.slot-slide {
   position: relative;
   display: inline-block;
   width: 687px;
   height: 228px;
   vertical-align: middle
}

#slot-lobby div.slot-top div.slot-slide li {
   width: 810px;
   height: 228px;
   background-repeat: no-repeat;
   background-position: left top
}

#slot-lobby div.slot-top div.slot-slide li.slide01 {
   background-image: url(../images/slots/slide01.jpg)
}

#slot-lobby div.slot-top div.slot-slide li.slide02 {
   background-image: url(../images/slots/slide02.jpg)
}

#slot-lobby div.slot-top div.slot-slide li.slide03 {
   background-image: url(../images/slots/slide03.jpg)
}

#slot-lobby div.slot-top div.slot-slide ul.slide-pager {
   position: absolute;
   bottom: 10px;
   right: 23px
}

#slot-lobby .slider-left>a>span.prev {
   left: 0
}

#slot-lobby .slider-left>a>span.next {
   right: 0
}

#slot-lobby .slider-left>a>span {
   top: 0
}

#slot-lobby div.slot-top div.slot-slide ul.slide-pager li {
   display: inline-block;
   width: 10px;
   height: 10px;
   vertical-align: top;
   margin: 0 2px;
   font-size: 0;
   background-color: #cf962a;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   -moz-transition: background-color ease-in-out .5s;
   -o-transition: background-color ease-in-out .5s;
   -webkit-transition: background-color ease-in-out .5s;
   transition: background-color ease-in-out .5s;
   cursor: pointer
}

#slot-lobby div.slot-top div.slot-slide ul.slide-pager li.on {
   background-color: #a90600
}

#slot-lobby div.slot-top div.slot-winner {
   position: relative;
   display: inline-block;
   width: 348px;
   height: 238px;
   vertical-align: middle;
   margin-left: 130px;
   padding-top: 78px;
   background: url(../images/slots/winner.png) no-repeat center top
}

#slot-lobby div.slot-top div.slot-winner ul {
   display: block
}

#slot-lobby div.slot-top div.slot-winner li {
   color: #ffde00;
   font-size: 16px;
   line-height: 35px;
   text-align: center
}

#slot-lobby div.slot-top div.slot-winner li span.account {
   color: #ffde00
}

#slot-lobby div.slot-top div.slot-winner li span.money {
   color: #ffde00
}

#slot-lobby iframe {
   width: 100%;
   height: 900px;
   background: #fff;
   -moz-transition: all linear .2s;
   -o-transition: all linear .2s;
   -webkit-transition: all linear .2s;
   transition: all linear .2s
}

#slot-lobby .slider-left {
   position: relative;
   height: 60px;
   overflow: hidden;
   margin-bottom: 10px;
   background-color: #970909;
   margin: 10px 0;
   padding: 8px
}

#slot-lobby .slider-left>span {
   position: absolute;
   top: 0;
   z-index: 1;
   display: inline-block;
   width: 30px;
   height: 60px;
   background-color: #870909;
   background-position: center center;
   background-repeat: no-repeat;
   cursor: pointer;
   vertical-align: top
}

#slot-lobby .slider-left>span.prev {
   left: 0;
   background-image: url(../images/slots/prev.png)
}

#slot-lobby .slider-left>span.next {
   right: 0;
   background-image: url(../images/slots/next.png)
}

#slot-lobby .main-cell {
   margin-top: -12px
}

#slot-lobby div.slot-panel ul li {
   display: inline-block;
   width: 281px;
   height: 171px;
   vertical-align: top;
   margin: 3px;
   color: #fff;
   font-size: 14px;
   line-height: 40px;
   text-align: center;
   background-color: #171717
}

#slot-lobby ul.game-list>li {
   position: relative;
   width: 200px;
   height: 60px;
   padding-top: 12px;
   color: #fff;
   font-size: 15px;
   line-height: normal;
   text-align: left
}

#slot-lobby ul.game-list>li span {
   display: block;
   color: #e52326;
   font-size: 12px
}

#slot-lobby ul.game-list>li:before {
   content: '';
   float: left;
   display: inline-block;
   width: 70px;
   height: 50px;
   margin-top: -7px;
   background-repeat: no-repeat;
   background-position: center center
}

#lobby ul.game-list>li:hover:after,
#slot-lobby ul.game-list>li.active:after {
   content: '';
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   display: block;
   height: 2px;
   background-color: #ffe1ab
}

#slot-lobby div.slot-panel {
   display: inline-block;
   width: 1200px;
   vertical-align: middle;
   background: #171717
}

ul.game-list>li[game-box=bb]:before {
   background-image: url(../images/slots/bb.png)
}

ul.game-list>li[game-box=mg]:before {
   background-image: url(../images/slots/mg.png)
}

ul.game-list>li[game-box=pt]:before {
   background-image: url(../images/slots/pt.png)
}

ul.game-list>li[game-box=ag]:before {
   background-image: url(../images/slots/ag.png)
}

ul.game-list>li[game-box=gpi]:before {
   background-image: url(../images/slots/gpi.png)
}

ul.game-list>li[game-box=gns]:before {
   background-image: url(../images/slots/gns.png)
}

ul.game-list>li[game-box=prg]:before {
   background-image: url(../images/slots/pp.png)
}

ul.game-list>li[game-box=sg]:before {
   background-image: url(../images/slots/sg.png)
}

ul.game-list>li[game-box=fish]:before {
   background-image: url(../images/slots/fish.png)
}

ul.game-list>li[game-box=mw]:before {
   background-image: url(../images/slots/mw.png)
}

ul.game-list>li[game-box=hb]:before {
   background-image: url(../images/slots/hb.png)
}

ul.game-list>li[game-box=jdb]:before {
   background-image: url(../images/slots/jdb.png)
}

ul.game-list>li[game-box=ne]:before {
   background-image: url(../images/slots/ne.png)
}

ul.game-list>li[game-box=cq9]:before {
   background-image: url(../images/slots/cq9.png)
}

ul.game-list>li[game-box=rt]:before {
   background-image: url(../images/slots/rt.png)
}

ul.game-list>li[game-box=ga]:before {
   background-image: url(../images/slots/ga.png)
}

ul.game-list>li[game-box=pg]:before {
   background-image: url(../images/slots/pg.png)
}

ul.game-list>li[game-box=lg]:before {
   background-image: url(../images/slots/lg.png)
}

ul.game-list>li[game-box=isb]:before {
   background-image: url(../images/slots/isb.png)
}

ul.game-list>li[game-box=pts]:before {
   background-image: url(../images/slots/pts.png)
}

ul.game-list>li[game-box=png]:before {
   background-image: url(../images/slots/png.png)
}

#lottery-content {
   position: relative;
   z-index: 0;
   background: #4a0206 url(../images/number/content_bg.jpg) no-repeat center top
}

#lottery-news {
   width: 1200px;
   margin: 0 auto;
   height: 49px;
   background: #000
}

#lottery-news .wrapper {
   height: 49px;
   padding: 0 20px 0 160px
}

#lottery-news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top
}

#lottery-lobby {
   padding-bottom: 36px;
   background-color: #670509
}

#lottery-lobby ul.lottery-list {
   display: block;
   width: 1090px;
   margin: 0 auto;
   padding: 12px 0;
   text-align: center;
   background-color: #5a0408
}

#lottery-lobby ul.lottery-list li {
   position: relative;
   display: inline-block;
   width: 326px;
   height: 183px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   background: url(../images/lottery/list_bg.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#lottery-lobby ul.lottery-list li:hover a {
   color: #fff
}

#lottery-lobby ul.lottery-list li span {
   display: block;
   width: 80px;
   color: #e2a443;
   font-size: 10px;
   font-weight: 400;
   line-height: 25px;
   background: url(../images/lottery/arrow.png) no-repeat right center;
   -moz-transition: all ease .5s;
   -o-transition: all ease .5s;
   -webkit-transition: all ease .5s;
   transition: all ease .5s
}

#lottery-lobby ul.lottery-list li:before {
   content: '';
   position: absolute;
   top: 35px;
   left: 35px;
   width: 115px;
   height: 115px;
   background-repeat: no-repeat;
   background-position: center top;
}

#lottery-lobby ul.lottery-list li:after {
   content: '';
   position: absolute;
   top: 70px;
   right: 13px;
   width: 14px;
   color: #ffff65;
   font-size: 14px;
   font-weight: 400;
   line-height: 16px;
   -moz-transition: color ease .5s;
   -o-transition: color ease .5s;
   -webkit-transition: color ease .5s;
   transition: color ease .5s;
}

#lottery-lobby ul.lottery-list li:hover:after {
   color: #f90
}

#lottery-lobby ul.lottery-list li span:hover {
   width: 72px;
   color: #ffff65
}

#lottery-lobby ul.lottery-list li.lottery01:before {
   background-image: url(../images/lottery/lt.png)
}

#lottery-lobby ul.lottery-list li.lottery02:before {
   background-image: url(../images/lottery/tlt.png)
}

#lottery-lobby ul.lottery-list li.lottery03:before {
   background-image: url(../images/lottery/vlt.png)
}

#number-lobby {
   padding-bottom: 36px;
   background-color: #670509
}

#number-lobby ul.number-list {
   display: block;
   width: 1165px;
   margin: 0 auto;
   padding: 12px 0;
   text-align: center;
   background-color: #5a0408;
   text-align: left
}

#number-lobby ul.number-list li:nth-child(1),
#number-lobby ul.number-list li:nth-child(4),
#number-lobby ul.number-list li:nth-child(7) {
   margin-left: 18px !important
}

#number-lobby ul.number-list li.n {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/number/list-n.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.n:hover {
   background: url(../images/number/list-n_hover.png) no-repeat right center
}

#number-lobby ul.number-list li.fight {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/number/fight-box.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.fight:hover {
   background: url(../images/number/fight-box-hover.png) no-repeat right center
}

#number-lobby ul.number-list li.number {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/number/number.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.number:hover {
   background: url(../images/number/number_hover.png) no-repeat right center
}

#number-lobby ul.number-list li.livenumber {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/number/livenumber.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.livenumber:hover {
   background: url(../images/number/livenumber_hover.png) no-repeat right center
}

#number-lobby ul.number-list li.keno_new {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/number/keno_new.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.keno_new:hover {
   background: url(../images/number/keno_new_hover.png) no-repeat right center
}

#number-lobby ul.number-list li.keno_new2 {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/number/keno_new2.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.keno_new2:hover {
   background: url(../images/number/keno_new2_hover.png) no-repeat right center
}

#number-lobby ul.number-list li.keno {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/number/keno.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.keno:hover {
   background: url(../images/number/keno_hover.png) no-repeat right center
}

/*togel*/
#number-lobby ul.number-list li.lottery {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/lottery/lottery.jpg) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.lottery:hover {
   background: url(../images/number/lottery_hover.jpg) no-repeat right center
}
#number-lobby ul.number-list li.thai_lottery {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/lottery/thai_lottery.jpg) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.thai_lottery:hover {
   background: url(../images/number/thai_lottery_hover.jpg) no-repeat right center
}
#number-lobby ul.number-list li.vn_lottery {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/lottery/vn_lottery.jpg) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.vn_lottery:hover {
   background: url(../images/number/vn_lottery_hover.jpg) no-repeat right center
}
#number-lobby ul.number-list li.vn2_lottery {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/lottery/vn2_lottery.jpg) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.vn2_lottery:hover {
   background: url(../images/number/vn2_lottery_hover.jpg) no-repeat right center
}
#number-lobby ul.number-list li.ffgames_lottery {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/lottery/ffgames_lottery.jpg) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.ffgames_lottery:hover {
   background: url(../images/number/ffgames_lottery_hover.jpg) no-repeat right center
}
#number-lobby ul.number-list li.afb288_lottery {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/lottery/afb288_lottery.jpg) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.afb288_lottery:hover {
   background: url(../images/number/afb288_lottery_hover.jpg) no-repeat right center
}

#number-lobby ul.number-list li.d4 {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/lottery/4d_lottery.jpg) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#number-lobby ul.number-list li.d4:hover {
   background: url(../images/number/4d_lottery_hover.jpg) no-repeat right center
}
/*togel*/

#number-lobby ul.number-list li.cf361 {
   background: url(../images/cockfight/cf361.png) no-repeat right center;
}
#number-lobby ul.number-list li.sv388 {
   background: url(../images/cockfight/sv388.png) no-repeat right center;
}
#number-lobby ul.number-list li.s128 {
   background: url(../images/cockfight/s128.png) no-repeat right center;
}
#number-lobby ul.number-list li.dgv99 {
   background: url(../images/cockfight/dgv99.png) no-repeat right center;
}
#number-lobby ul.number-list li.cf361 {
   background: url(../images/cockfight/cf361.jpg) no-repeat right center;
}

/* number_style******** */
#number-lobby ul.number-list li {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 226px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}
#number-lobby ul.number-list li span.caption {
   display: block;
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   line-height: 25px;
   bottom: 12px;
   position: absolute;
   left: 20px
}

#number-lobby ul.number-list li span.rule {
   display: block;
   width: 130px;
   color: #e2a443;
   font-size: 16px;
   font-weight: 600;
   line-height: 25px;
   position: absolute;
   bottom: 11px;
   right: 20px;
   background: url(../images/Lottery/arrow.png) no-repeat right center;
   -moz-transition: all ease .5s;
   -o-transition: all ease .5s;
   -webkit-transition: all ease .5s;
   transition: all ease .5s
}

#number-lobby ul.number-list li:before {
   content: '';
   position: absolute;
   top: 35px;
   left: 35px;
   width: 115px;
   height: 115px;
   background-repeat: no-repeat;
   background-position: center top
}

#number-lobby ul.number-list li:after {
   content: '';
   position: absolute;
   top: 70px;
   right: 13px;
   width: 14px;
   color: #ffff65;
   font-size: 14px;
   font-weight: 400;
   line-height: 16px;
   -moz-transition: color ease .5s;
   -o-transition: color ease .5s;
   -webkit-transition: color ease .5s;
   transition: color ease .5s
}

#number-lobby ul.number-list li:hover:after {
   color: #f90
}

#number-lobby ul.number-list li span:hover {
   width: 110px;
   color: #ffff65
}
/*poerk*/
#poker-content {
   position: relative;
   z-index: 0;
   background: #4a0206 url(../images/poker/content_bg.jpg) no-repeat center top
}

#poker-news {
   width: 1200px;
   margin: 0 auto;
   height: 49px;
   background: #000
}

#poker-news .wrapper {
   height: 49px;
   padding: 0 20px 0 160px
}

#poker-news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top
}

#poker-lobby {
   padding-bottom: 36px;
   background-color: #670509
}

#poker-lobby ul.poker-list {
   display: block;
   width: 1165px;
   margin: 0 auto;
   padding: 12px 0;
   text-align: left;
   background-color: #5a0408
}

#poker-lobby ul.poker-list a {
   color: #fff
}

#poker-lobby ul.poker-list li.ongdo {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/ongdo.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.kp:hover {
   background: url('../images/poker/ongdo_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.poke {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/poke.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.kp:hover {
   background: url('../images/poker/poke_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.ham {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/ham.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.ham:hover {
   background: url('../images/poker/ham_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.tienlen {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/tienlen.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.tienlen:hover {
   background: url('../images/poker/tienlen_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.klaklouk {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/klaklouk.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.klaklouk:hover {
   background: url('../images/poker/klaklouk_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.sikuthai {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/sikuthai.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.sikuthai:hover {
   background: url('../images/poker/sikuthai_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.kate {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/kate.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.kate:hover {
   background: url('../images/poker/kate_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.kaiyuan {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/kaiyuan.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.kaiyuan:hover {
   background: url('../images/poker/kaiyuan_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.we1poker {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/we1poker.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.kp:hover {
   background: url('../images/poker/we1poker_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.v8poker {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/v8poker.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.v8poker:hover {
   background: url('../images/poker/v8poker_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.lightning_poker {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/lightning_poker.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.lightning_poker:hover {
   background: url('../images/poker/lightning_poker_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.ffgames_poker {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/ffgames_poker.png') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.ffgames_poker:hover {
   background: url('../images/poker/ffgames_poker_hover.png') no-repeat right center;
}
#poker-lobby ul.poker-list li.marble_poker {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 10px;
   background: url('../images/poker/marble_poker.jpg') no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.marble_poker:hover {
   background: url('../images/poker/marble_poker_hover.jpg') no-repeat right center;
}

/*poker*/
ul.poker-list li:nth-child(1),
ul.poker-list li:nth-child(10),
ul.poker-list li:nth-child(4),
ul.poker-list li:nth-child(7) {
   margin-left: 18px !important
}

#poker-lobby ul.poker-list li.kp {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/poker/kp.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.kp:hover {
   background: url(../images/poker/kp_hover.png) no-repeat right center
}

#poker-lobby ul.poker-list li.v8 {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/poker/v8.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.v8:hover {
   background: url(../images/poker/v8-hover.png) no-repeat right center
}

#poker-lobby ul.poker-list li.tp {
   position: relative;
   display: inline-block;
   width: 360px;
   height: 360px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/poker/tp.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#poker-lobby ul.poker-list li.tp:hover {
   background: url(../images/poker/tp_hover.png) no-repeat right center
}

#poker-lobby ul.poker-list li span.caption {
   display: block;
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   line-height: 25px;
   bottom: 12px;
   position: absolute;
   left: 20px
}

#poker-lobby ul.poker-list li span.rule {
   display: block;
   width: 135px;
   color: #e2a443;
   font-size: 16px;
   font-weight: 600;
   line-height: 25px;
   position: absolute;
   bottom: 11px;
   right: 20px;
   background: url(../images/Lottery/arrow.png) no-repeat right center;
   -moz-transition: all ease .5s;
   -o-transition: all ease .5s;
   -webkit-transition: all ease .5s;
   transition: all ease .5s
}

#poker-lobby ul.poker-list li:before {
   content: '';
   position: absolute;
   top: 35px;
   left: 35px;
   width: 115px;
   height: 115px;
   background-repeat: no-repeat;
   background-position: center top
}

#poker-lobby ul.poker-list li:after {
   content: '';
   position: absolute;
   top: 70px;
   right: 13px;
   width: 14px;
   color: #ffff65;
   font-size: 14px;
   font-weight: 400;
   line-height: 16px;
   -moz-transition: color ease .5s;
   -o-transition: color ease .5s;
   -webkit-transition: color ease .5s;
   transition: color ease .5s
}

#poker-lobby ul.poker-list li:hover:after {
   color: #f90
}

#poker-lobby ul.poker-list li span:hover {
   width: 110px;
   color: #ffff65
}

#bu-content {
   position: relative;
   z-index: 0;
   padding-top: 10px;
   background: #4a0206 url(../images/bullfight/content_bg.jpg) no-repeat center top
}

#bu-news {
   width: 1200px;
   margin: 0 auto;
   height: 49px;
   background: #000
}

#bu-news .wrapper {
   height: 49px;
   padding: 0 20px 0 160px
}

#bu-news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top
}

#bu-lobby {
   padding-bottom: 36px;
   background-color: #670509
}

#bu-lobby ul.bu-list {
   display: block;
   width: 1090px;
   margin: 0 auto;
   padding: 12px 0;
   text-align: center;
   background-color: #5a0408
}

#bu-lobby ul.bu-list li.b {
   position: relative;
   display: inline-block;
   width: 720px;
   height: 466px;
   vertical-align: top;
   margin: 5px 18px;
   padding: 74px 0 0 172px;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   text-align: left;
   margin: 10px;
   background: url(../images/bullfight/b.png) no-repeat right center;
   -moz-transition: background ease .5s;
   -o-transition: background ease .5s;
   -webkit-transition: background ease .5s;
   transition: background ease .5s
}

#bu-lobby ul.bu-list li.b:hover {
   background: url(../images/bullfight/b_hover.png) no-repeat right center
}

#bu-lobby ul.bu-list li span.caption {
   display: block;
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   line-height: 25px;
   bottom: 12px;
   position: absolute;
   left: 20px
}

#bu-lobby ul.bu-list li span.rule {
   display: block;
   width: 110px;
   color: #e2a443;
   font-size: 16px;
   font-weight: 600;
   line-height: 25px;
   position: absolute;
   bottom: 11px;
   right: 20px;
   background: url(../images/Lottery/arrow.png) no-repeat right center;
   -moz-transition: all ease .5s;
   -o-transition: all ease .5s;
   -webkit-transition: all ease .5s;
   transition: all ease .5s
}

#bu-lobby ul.bu-list li:before {
   content: '';
   position: absolute;
   top: 35px;
   left: 35px;
   width: 115px;
   height: 115px;
   background-repeat: no-repeat;
   background-position: center top
}

#bu-lobby ul.bu-list li:after {
   content: '';
   position: absolute;
   top: 70px;
   right: 13px;
   width: 14px;
   color: #ffff65;
   font-size: 14px;
   font-weight: 400;
   line-height: 16px;
   -moz-transition: color ease .5s;
   -o-transition: color ease .5s;
   -webkit-transition: color ease .5s;
   transition: color ease .5s
}

#bu-lobby ul.bu-list li:hover:after {
   color: #f90
}

#bu-lobby ul.bu-list li span:hover {
   width: 110px;
   color: #ffff65
}

#pro-content {
   position: relative;
   z-index: 0;
   padding-top: 10px;
   background: #4a0206 url(../images/promotion/content_bg.jpg) no-repeat center top
}

#pro-news {
   width: 1200px;
   margin: 0 auto;
   height: 49px;
   background: #000
}

#pro-news .wrapper {
   height: 49px;
   padding: 0 20px 0 160px
}

#pro-news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top
}

#pro-content>div.wrapper {
   padding-bottom: 20px;
   background: #b51818
}

#un-lobby {
   display: block;
   width: 1021px;
   margin: 0 auto;
   padding: 9px;
   background-color: #870909
}

ul.navtab {
   display: block;
   margin-bottom: 9px;
   border-bottom: 1px solid #cd0000
}

ul.navtab li {
   display: inline-block;
   height: 30px;
   padding: 0 10px;
   margin-left: 14px;
   color: #fcff2a;
   font-size: 14px;
   line-height: 30px;
   text-align: center;
   background: #cd0000;
   -moz-border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;
   cursor: pointer
}

ul.navtab li.tab,
ul.navtab li:hover {
   color: #640408;
   background: -moz-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: -webkit-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: linear-gradient(to bottom, #ffe1ab 0, #805723 100%)
}

ul.discount {
   margin: 0 auto;
   width: 100%
}

ul.discount>li {
   width: 100%
}

ul.discount>li:first-child {
   margin-bottom: 5px
}

ul.discount>li:first-child>img {
   width: 100%;
   vertical-align: top
}

ul.discount>li.content {
   padding: 20px;
   color: #fff;
   text-align: justify;
   overflow-x: auto;
   background-color: #790e0d
}

li.content img {
   margin: 0 -20px
}

li.content dd {
   margin-left: 0
}

li.content table {
   width: 100%
}

li.content table td,
li.content table th,
li.content table tr {
   line-height: 2em;
   text-align: center
}

li.content ol {
   padding-left: 20px;
   list-style-type: decimal
}

li.content ul {
   padding-left: 20px;
   list-style-type: disc
}

li.content .highlight {
   color: red
}

#un-lobby .panel h3 {
   font-size: 20px;
   font-family: 'Century Gothic', sans-serif;
   color: #f0dd54;
   text-align: left
}

#un-lobby .panel ol {
   font-size: 14px;
   color: #fff;
   font-weight: 400;
   padding: 20px
}

#re-content fieldset {
   width: 1000px;
   margin: 0 auto 35px;
   border: 1px solid #cd0000
}

#re-content fieldset legend {
   padding: 0 34px;
   color: #ffe000;
   font-size: 18px;
   line-height: 30px;
   text-align: center
}

#re-content .form-group .control-label {
   width: 20%;
   color: #ffe000;
   font-size: 14px;
   font-weight: 400;
   line-height: 24px
}

#re-content .form-group .control-div {
   width: 40%;
   text-align: left;
   line-height: 24px
}

#checkcode-input-group input,
#re-content .form-group .control-div input {
   display: block;
   width: 100%;
   height: 24px;
   padding: 0 4px;
   font-size: 14px;
   line-height: 24px;
   color: #555;
   background-color: #fff;
   background-image: none;
   border: none;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px
}

#re-content .form-group .control-info {
   display: inline-block;
   width: 40%;
   text-align: left;
   color: #fff
}

#re-content {
   position: relative;
   z-index: 0;
   padding-top: 10px;
   background: #4a0206 url(../images/register/content_bg.jpg) no-repeat center top
}

#re-news {
   width: 1200px;
   margin: 0 auto;
   height: 49px;
   background: #000
}

#re-news .wrapper {
   height: 49px;
   padding: 0 20px 0 160px
}

#re-news span.title {
   position: absolute;
   top: 0;
   left: 0;
   width: 149px;
   height: 49px;
   padding-left: 50px;
   color: #f0dd54;
   font-size: 14px;
   font-weight: 700;
   line-height: 49px;
   background: url(../images/home/news_bg.png) no-repeat center top
}

#re-lobby {
   display: inline-block;
   width: 100%;
   vertical-align: top;
   padding: 16px;
   background-color: #670509
}

#re-content .form-group .control-label .fa:before {
   content: '*';
   color: #fa1919
}

#re-content #moreoption,
.agreement {
   color: #e5abad;
   cursor: pointer
}

#re-content #btn-submit {
   color: #4c0306;
   background: -moz-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: -webkit-linear-gradient(top, #ffe1ab 0, #805723 100%);
   background: linear-gradient(to bottom, #ffe1ab 0, #805723 100%)
}

#re-content #btn-reset {
   color: #000;
   background: #fff
}

#btn-reset,
#re-content #btn-submit {
   display: inline-block;
   width: 124px;
   height: 58px;
   vertical-align: top;
   margin: 0 5px;
   padding: 0;
   font-size: 20px;
   border: none;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px
}

#re-content .form-group .control-div {
   width: 40%;
   text-align: left;
   line-height: 24px
}

#re-content .form-group .control-div>label {
   display: inline-block
}

#re-content .form-group .control-div input[type=radio],
.form-group .control-div input[type=checkbox] {
   display: inline-block;
   padding: 0;
   width: 14px;
   height: 14px
}

#re-content .form-group {
   position: relative;
   display: inline-block;
   width: 100%;
   margin: 5px 0;
   line-height: 40px
}

ul.member-header-info li {
   display: inline-block;
   margin: 0 5px
}

ul.member-header-info {
   padding-top: 30px;
   padding-left: 10px;
   margin-right: 2px;
   text-align: right;
   color: red
}

ul.member-header-info li a {
   color: #333;
   margin-right: 2px;
   font-weight: 700;
   font-size: 12px
}

.member-header-info li a:hover {
   color: red
}

.member-header-info li a span {
   color: red
}

.member-header-info li a.icon_deposit {
   padding: 10px 20px 10px 20px;
   border-radius: 50px;
   border: 1px solid #ecd5a5;
   background: rgba(235, 155, 34, 1);
   background-image: -webkit-linear-gradient(top, #f6f6f6, #e2b659)
}

.member-header-info li a.icon_deposit:hover {
   border: 1px solid red
}

ul.member-header li {
   display: inline-block;
   margin: 0 10px;
   line-height: 35px
}

ul.member-header li a {
   color: #fff
}

.logo-modal {
   background: url(../images/logo.png) no-repeat;
   width: 260px;
   height: 55px;
   text-indent: -999999px;
   display: block;
   background-size: contain;
   background-position-x: 18px;
   margin: 10px auto;
   font-family: dinpro, sans-serif
}

.dig88-facebook-page-modal-container .modal-content,
.login-modal-container .modal-content,
.not-yet-login .modal-content,
.sign-up-modal-container .modal-content {
   background-color: #fff;
   border-radius: 10px;
   color: #fff;
   font-family: dinpro, sans-serif;
   font-size: 14px
}

.login-modal-container .modal-header {
   border-bottom: 0
}

.login-modal-container .modal-body {
   width: 90%;
   margin: auto
}

.login-modal-container form .form-control,
.sign-up-modal-container form .form-control {
   height: 40px;
   background-color: #fff;
   border: none;
   color: #000;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   border: 1px solid #ccc
}

.dig88-facebook-page-modal-container .modal-header,
.login-modal-container .modal-header,
.not-yet-login-modal-container .modal-header,
.promo-info-modal-container .modal-header,
.sign-up-modal-container .modal-header {
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   border-top: 10px solid #a30300;
   border-bottom: none;
   font-family: Arial, Helvetica, sans-serif
}

.login-modal-container .btn-login,
.not-yet-login-modal-container .btn-login,
.not-yet-login-modal-container .btn-sign-up,
.sign-up-page-container .btn-sign-up {
   color: #fff !important;
   background: url(../images/home/nav_hover.png) repeat-x center top;
   box-shadow: none;
   border: none;
   padding: 12px;
   font-size: 14px;
   width: 100%;
   font-weight: 700;
   text-shadow: none !important
}

.login-modal-container p {
   font-family: Arial, Helvetica, sans-serif
}

.login-modal-container .forgot-pwd,
.sign-up-modal-container .forgot-pwd {
   float: right;
   color: #fff
}

.sign-up-link {
   color: #fff;
   padding: 10px 10px;
   background: #9a090c;
   border-radius: 5px;
   margin-left: 10px;
   font-weight: 700;
   font-family: Arial, Helvetica, sans-serif
}

.login-modal-container label {
   margin-bottom: 5px !important;
   color: #333 !important
}

.modal-open .modal {
   z-index: 999999
}

.logo-modal {
   background: url(../images/home/logo.png) no-repeat;
   width: 210px;
   height: 55px;
   text-indent: -999999px;
   display: block;
   background-size: contain;
   background-position-x: 18px;
   margin: 0 auto;
   font-family: dinpro, sans-serif
}

.form-control {
   display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   color: #555;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.modal-header .close {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAlCAYAAAAwYKuzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTdERUU3QjRFOTFFMTFFNzk5MDNBNTZGNTAxMkU4OEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTdERUU3QjVFOTFFMTFFNzk5MDNBNTZGNTAxMkU4OEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxN0RFRTdCMkU5MUUxMUU3OTkwM0E1NkY1MDEyRTg4QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxN0RFRTdCM0U5MUUxMUU3OTkwM0E1NkY1MDEyRTg4QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlfLXBoAAAnQSURBVHjapFh3aNVLFp5bkpt+NVETY0k0dkyiaFh9Zq3I2rD9IwQV4aGIIuiKCJbVqLuIoGLvghUVxLWuXaKiuBasPEvA/qIxRk3vv/2+2TOX8b7EyO7A4d77m7m/+eaU75wzLvXzwy2fHhH+9lq/KQ6kVubq5Dul2vrtyHvqfmZT10/OuwUAAYVCwiDhMl8jAGplngAqBYB9iCpIhQXagHX+V4Au2YASIqAiLWAE4E9JSWnXu3fvji6XKyYpKalJRESENzc3t7Cmpqbw3bt3udeuXXuGdR/lEGECtFI+a+U9DYL0NgIwRDRGYDGy3hsXF9dh7Nix/YYMGfILRicAa1rfC0ow7ty58+bmzZs5hw4dOv/w4cN/C9BIeVe5WKCuMU0GA/OIprhxEiQNkhoSEjJ85syZ2549e5bvNDCqq6vrff7ly5eKrVu3HkhOTh4gAOMhsaJVr+zraszEBpzxsyaQOJ6uQ4cOGWvXrp0+atSoNLO4qKhIPXjwQJ0/f169ePFClZWVqbq6OhUWFqYSExNV//79Va9evVS7du0CG/yOMWfOnKVHjhzZL1ahmUusQHIai9QwAdUB0heS2bdv37+9ffu2yGgDwJxVq1Y58D0nOjra8Xq9DnzQgYad0NBQ/d3j8Tg+n8+B+Z3p06c7T548+U6js2bNyhYFtBBL+UQ5roZiwy2LuJhH/gUyFOCWf/v2rcq8+MqVK06fPn109BFMs2bNHJjN6dSpU0A6d+7stG/f3klISHBiYmL02ubNmztbtmz5DuSiRYtWijII0i8+77ZBeYK+U3tR4h8xLVq0SDt69OicNm3a8Jnas2ePmjp1qjYnnimAU+Hh4Qoa06a1hc+gQQUNK7/frwoLC9WJEydUeXm5Gjx4sJ7HZ+abN2/y7t+/f0v2NXT1B4BGe1FyouYEuX379hmIVO1Ax48fV5MmTVI4uGrbtq2CCTUQ/m5ocM6AJUi4gjp37pyCRdSwYcP0mszMzAz448WvX7/+Lhi+i2qPRTfh4hPUXvSIESNGrly58i+cZCCMGzdOb9i6dWtVW/vfQ3JjSoN0IPP8H4XaZgBdvHhRA4b7KPBmBCwVd+zYsZPmXHbGMQ5pIrYlAcK3Ol6+fHl+v379EmmS0aNH65d26dJFgUb0piBihVPrjZs2baoQIAHg1C4jmpoiKJrZAKXZ379/r9xut7p69apKTU3VoDIyMsaBMy+IFktEk47bImRqMJochcXpBMd/nj59WgGs9jkCMCatqqpSCA6FTKLy8/NVZWWlNiGFwAkwLS1NIUj0WqNprkPw6DU7duwIKBvuM8ZKlR4VlGNNtoigJmHe7gYEMoDeFJbQAHlyUI5CJKszZ86oU6dOqaysLAVn19rlxgUFBWrFihWaHw8ePKiQeRSIWv9XVwnwS5hVnT17Vj169Eg/Gzhw4J+wLkn8z2ui2WsBpAYjYaoE8FsrTt69e1fdu3dPv4yb24Mmpiaomc2bN2vN7Nu3T89t3LhRzZgxQ3+PjY3VkWv7KgFGRkZqU9N1aOaOHTumQNI/f/78WsBp9zMa9AnAsJYtWyaCy5iCFMhVn5watCOTUXzhwgWFtKc3o/9t27ZNDRo0SIGU9XMOanXixIkqLy9PA+VaO4B46MePH+vf8FUf9k2xlKa381olEUH6oGYEmJ9g1cePHwOObwM0mgHxqvj4eLVw4UIdnTQnPzl4MHLmrVu3FEj7D+8xwUR+RE2hoqKiVPfu3VtIwFbYGjQAdeWCKAszGquoqNCmDKYSbsbopImXLl2q/Y1rGM2kj+LiYu2X9EEGEn2vPr7kc5qfwgGzRwQXDm5L+MCLjTy2M/+w7BGeI40Y7VJ4QGrErGmIzE0GsgB7glOdO7hABT3UwuH1G7mxyRjBpuGpP3z4oLU3d+5crVX6Gp9Ru3v37tX8+fLlSw2wPkI3wWLcAgxQYlXiyvCgY0ktOK0UfsGKV0cvA8B+uTEXqiY1ZcoUtWDBggAvTp48WWVnZxunVxs2bFA9evTQwHmo4MEgQRERsAAK2oKgssvltlKLzoEAWIhTF/MPcFrtUzbRUlMMnjFjxqg1a9YENps9e7a6fv26Qv5Wu3bt0s8Y7Tt37tR+yGAwrmNMzsN369bN+Hs1WoU3As4A1Bo0XRd7hBoAKLpx4wZ7CM1P4ERNvPQrgiTfMUswCJo0aaJfTjMTGLMNoxu1ns5AHCxYST/gt+9chJHL9UOHDlVCabm/YZg4NF2f6dTCJIuwwg1DFEbDfJ3pGxRUG/q0yNFaC8ynz58/11TCuXXr1gVMxYzDA7BqIQMw3xKsSYMGIDmSLkKe5Ni9e/dZ/Oe4gKsQpenA8ElvwCqmPSQZmko+efJk1siRI+PoyOPHj9flFpg+4PA0GYEYTqSzG0qy+c3MM6o5z0MSHF0nJydHv7O0tLQCqfNXkPZVAfZVOr9Ag10pHVYRpAwgClevXv3ABMXy5cu1hhiRJqq5AQtWBhK1zM2Nf/E75zlnz1ODdBcebPHixRocx4EDB3IA7r7VP9faBavLqmhM/xvz6tWrcjh5Ys+ePf3MFunp6erw4cO6UaLvESTBGsevt4fAnJk3Vc6nT5905M+fP18/f/36dSGiPxtulSeKKjalll2wuix/NMVrCExQDAdPRpHqY1nFiLt06ZJO8vQ3bv6jotXMUViSMcMsWbJELVu2zFBTHcCtQUGSI4C+BGvQbuBJRm0gPSGszf4K+Ttaxn8iwspNo4OXOSjXdddGgX85OIBukmyB9h2Y1wEfarqAOZ39+/cHGiZYwJk2bRr5KIOMBkkQxbgbuuLwST+SIh1dFoR2+EfXrl1Poewvt9vO9evXO9CuBggf0x2eEbahfIbAcaB1Z968ec7Tp08D4FBp1yCCWa3+WRSSLAwSEtxyuurp6iIEKE/UGsLa0I8qp92mTZsGTZgwId662tDlEgmatEPnN2U9yjY2RDqT8LsZOGgBasUd4Np/CZ3QrCTJUsv3nPoAuqyyK0r643gBmignjOPNAnJv6oABA5r+qGEKHgi6CnDddRS3x0Haj8TXPkEKyRzyu66xqw+3dcUWJY1UrAWUIMNBxq0AsP3w4cNbozNrhZQYaRK+XQgAVOXt27ffoqd5htbgLvL3PdEYNVcgfFdugXN+5vrNBmlutfxWv+wXZ6YrRIHvYgEwDrVgOOgnlIEDki5DhJbC7/JAI8yv+aKpEpFC4dyKH4Fr6PKovkukSNGoARsjzyKtm1VHDmdSlblaI4BvAqhIAJYJ5zV6YeRq5CLJrrbDLc0ZCRefDZW1joCqFYBl4vxGjDmrZZ36f29YbW16rAtNn/Xda2UkRzRSY1VIVZa2an726teM/wgwAM5IKbn9tHaoAAAAAElFTkSuQmCC) no-repeat;
   width: 40px;
   height: 37px;
   margin-top: -37px;
   margin-right: -30px;
   opacity: 1
}

.index_play {
   position: absolute;
   color: #fff;
   right: 0;
   margin-top: 87px;
   z-index: 9999;
   width: 200px;
   text-align: center
}

@media screen and (min-width:768px) {
   .carousel-indicators {
      bottom: 60px !important
   }

   .carousel-inner>.item>a>img,
   .carousel-inner>.item>img,
   .img-responsive,
   .thumbnail a>img,
   .thumbnail>img {
      display: block;
      max-width: 100%;
      height: auto
   }

   .carousel {
      position: relative
   }

   .carousel-inner {
      position: relative;
      width: 100%;
      overflow: hidden
   }

   .carousel-inner>.item {
      position: relative;
      display: none;
      -webkit-transition: .6s ease-in-out left;
      -o-transition: .6s ease-in-out left;
      transition: .6s ease-in-out left
   }

   .carousel-inner>.item>a>img,
   .carousel-inner>.item>img {
      line-height: 1;
      margin: auto;
      width: 100%
   }
}

@media all and (transform-3d),
(-webkit-transform-3d) {
   .carousel-inner>.item {
      -webkit-transition: -webkit-transform .6s ease-in-out;
      -o-transition: -o-transform .6s ease-in-out;
      transition: transform .6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      perspective: 1000px
   }

   .carousel-inner>.item.active.right,
   .carousel-inner>.item.next {
      left: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
   }

   .carousel-inner>.item.active.left,
   .carousel-inner>.item.prev {
      left: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
   }

   .carousel-inner>.item.active,
   .carousel-inner>.item.next.left,
   .carousel-inner>.item.prev.right {
      left: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
   }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
   display: block
}

.carousel-inner>.active {
   left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
   position: absolute;
   top: 0;
   width: 100%
}

.carousel-inner>.next {
   left: 100%
}

.carousel-inner>.prev {
   left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
   left: 0
}

.carousel-inner>.active.left {
   left: -100%
}

.carousel-inner>.active.right {
   left: 100%
}

.carousel-control {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 15%;
   font-size: 20px;
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
   opacity: .5
}

.carousel-control.left {
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
   background-repeat: repeat-x
}

.carousel-control.right {
   right: 0;
   left: auto;
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
   background-repeat: repeat-x
}

.carousel-control:focus,
.carousel-control:hover {
   color: #fff;
   text-decoration: none;
   outline: 0;
   opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
   position: absolute;
   top: 50%;
   z-index: 5;
   display: inline-block;
   margin-top: -10px
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
   left: 50%;
   margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
   right: 50%;
   margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
   width: 20px;
   height: 20px;
   font-family: serif;
   line-height: 1
}

.carousel-control .icon-prev:before {
   content: '\2039'
}

.carousel-control .icon-next:before {
   content: '\203a'
}

.carousel-indicators {
   position: absolute;
   bottom: 10px;
   left: 50%;
   z-index: 15;
   width: 60%;
   padding-left: 0;
   margin-left: -30%;
   text-align: center;
   list-style: none
}

.carousel-indicators li {
   display: inline-block;
   width: 10px;
   height: 10px;
   margin: 1px;
   text-indent: -999px;
   cursor: pointer;
   background-color: rgba(0, 0, 0, 0);
   border: 1px solid #fff;
   border-radius: 10px
}

.carousel-indicators .active {
   width: 12px;
   height: 12px;
   margin: 0;
   background-color: #fff
}

.carousel-caption {
   position: absolute;
   right: 15%;
   bottom: 20px;
   left: 15%;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
   text-shadow: none
}

@media screen and (min-width:768px) {

   .carousel-control .glyphicon-chevron-left,
   .carousel-control .glyphicon-chevron-right,
   .carousel-control .icon-next,
   .carousel-control .icon-prev {
      width: 30px;
      height: 30px;
      margin-top: -15px;
      font-size: 30px
   }

   .carousel-control .glyphicon-chevron-left,
   .carousel-control .icon-prev {
      margin-left: -15px
   }

   .carousel-control .glyphicon-chevron-right,
   .carousel-control .icon-next {
      margin-right: -15px
   }

   .carousel-caption {
      right: 20%;
      left: 20%;
      padding-bottom: 30px
   }
}

#hot-news {
   background: #000
}

.game-list {
   margin: auto;
   width: 93%
}

.col-md-2 {
   width: 20%;
   padding-bottom: 1%;
   left: 3%
}

.col-md-2,
.col-sm-6,
.col-xs-12 {
   float: left;
   position: relative
}

#home-slot .game-list .item img {
   position: absolute;
   top: -5px;
   left: -10px
}

#home-slot .game-list .item div:hover {
   border-bottom: 2px solid #ffe1ab
}

#home-slot .game-list a {
   color: #fff;
   margin-left: 55px
}

#home-slot .game-list span {
   color: #fff;
   margin-left: 55px
}

@media all and (transform-3d),
(-webkit-transform-3d) {
   .carousel-inner.horizontal>.item {
      -webkit-transition: -webkit-transform .6s ease-in-out;
      -o-transition: -o-transform .6s ease-in-out;
      transition: transform .6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      perspective: 1000px
   }

   .carousel-inner.horizontal>.item.active.right,
   .carousel-inner.horizontal>.item.next {
      left: 0;
      -webkit-transform: translate3d(20%, 0, 0);
      transform: translate3d(20%, 0, 0)
   }

   .carousel-inner.horizontal>.item.active.left,
   .carousel-inner.horizontal>.item.prev {
      left: 0;
      -webkit-transform: translate3d(-20%, 0, 0);
      transform: translate3d(-20%, 0, 0)
   }

   .carousel-inner.horizontal>.item.active,
   .carousel-inner.horizontal>.item.next.left,
   .carousel-inner.horizontal>.item.prev.right {
      top: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
   }
}

.carousel-inner.vertical {
   height: 245px
}

.carousel-inner.vertical>.item {
   -webkit-transition: .6s ease-in-out top;
   -o-transition: .6s ease-in-out top;
   transition: .6s ease-in-out top;
   left: 20px
}

.carousel-inner.vertical>.item div {
   height: 60px;
   margin-top: 3px;
   position: relative
}

.carousel-inner.vertical>.item div>span {
   position: absolute;
   font-size: 20px;
   top: 28%;
   right: 18%;
   color: #fdc735;
   font-weight: 700
}

@media all and (transform-3d),
(-webkit-transform-3d) {
   .carousel-inner.vertical>.item {
      -webkit-transition: -webkit-transform .6s ease-in-out;
      -o-transition: -o-transform .6s ease-in-out;
      transition: transform .6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000;
      perspective: 1000
   }

   .carousel-inner.vertical>.item.active.right,
   .carousel-inner.vertical>.item.next {
      top: 0;
      -webkit-transform: translate3d(0, 20%, 0);
      transform: translate3d(0, 20%, 0)
   }

   .carousel-inner.vertical>.item.active.left,
   .carousel-inner.vertical>.item.prev {
      top: 0;
      -webkit-transform: translate3d(0, -20%, 0);
      transform: translate3d(0, -20%, 0)
   }

   .carousel-inner.vertical>.item.active,
   .carousel-inner.vertical>.item.next.left,
   .carousel-inner.vertical>.item.prev.right {
      top: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 20px
   }
}

.carousel-inner.vertical>.active {
   top: 0
}

.widget-right {
   display: block;
   position: fixed;
   background-color: transparent;
   top: 35%;
   right: 0;
   width: 43px;
   z-index: 9
}

.widget-right ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.widget-right ul li img.icon-pop {
   width: 100%;
   height: auto;
   background-color: #94070b;
   padding: 8px;
   position: relative;
   z-index: 2;
   border-bottom: 1px solid #cca968
}

.widget-right ul li:first-child img.icon-pop {
   border-top-left-radius: 8px
}

.widget-right ul li:nth-child(7) img.icon-pop {
   border-bottom: 0
}

.widget-right ul li .popup {
   display: block;
   opacity: 0;
   position: absolute;
   right: -400px;
   top: 0;
   padding: 16px;
   background-color: #94070b;
   transition: all .3s linear;
   z-index: 1;
   color: #fff;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px
}

.widget-right ul li .popup.qq {
   top: -45px;
   background-color: #94070b;
   color: #fff;
   border-radius: 8px
}

.widget-right ul li .popup.qq.wc {
   top: -91px
}

.widget-right ul li .popup.links {
   background-color: #94070b;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px
}

.popup.links p {
   text-align: left;
   margin-bottom: 6px
}

.popup a {
   color: #fff
}

.widget-right ul li .popup.qr {
   top: -80px
}

.widget-right ul li .popup p {
   white-space: nowrap;
   margin-bottom: 0
}

.popup.qq img,
.popup.qr img {
   width: 100% !important
}

.box-qr {
   font-size: 12px;
   width: 90px
}

.box-qr:first-child {
   margin-bottom: 4px
}

.box-qr p {
   margin: 0
}

.widget-right ul li .popup.active {
   display: block;
   opacity: 1
}

@keyframes showPopUp {
   from {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

.widget-right ul li {
   position: relative;
   background-color: #b93b47;
   width: 100%;
   text-align: center;
   cursor: pointer
}

.widget-right ul li:active,
.widget-right ul li:hover {
   background-color: #c25d66
}

.widget-right ul li:first-child {
   border-top-left-radius: 8px
}

.widget-right ul li:last-child {
   background-color: #79797b;
   border-bottom-left-radius: 8px;
   padding: 8px;
   position: relative;
   z-index: 2
}

.widgetArrow {
   position: absolute;
   border: 6px solid transparent;
   border-left-color: #fff;
   width: 0;
   height: 0;
   top: 16px;
   right: -12px;
   transition: none
}

.popup.qq .widgetArrow {
   top: 54px;
   z-index: 2
}

.widget-left-container {
   position: fixed;
   display: block;
   background-color: transparent;
   top: 35%;
   left: -218px;
   transition: all .3s linear;
   z-index: 9
}

.widget-left-container.open {
   left: 0
}

:after,
:before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

:after,
:before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

html:not(.ismobile)::-webkit-scrollbar {
   width: .5em;
   height: .5em
}

html:not(.ismobile)::-webkit-scrollbar-thumb {
   background: #e52326
}

html:not(.ismobile)::-webkit-scrollbar-track {
   background: #d8c3c7
}

.transfer_joker123 {
   position: absolute;
   z-index: 99999;
   top: 25%;
   width: 100%
}

.transfer {
   width: 483px;
   margin: auto
}

.transfer .tran-title {
   background: #6f0406;
   height: 50px;
   border-top-right-radius: 10px;
   border-top-left-radius: 10px
}

.transfer h1 {
   line-height: 50px;
   color: #fff;
   font-size: 22px;
   padding-left: 15px
}

.transfer .tran-body {
   background: #fff;
   height: 300px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border: 1px solid #fff
}

.tran-body label {
   width: 130px;
   text-align: left;
   display: inline-block
}

.tran-body p {
   color: #000 !important
}

.tran-body label,
.tran-body p {
   color: #3b4b56;
   padding-left: 15px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 40px
}

.tran-body .amount,
.tran-body select {
   height: 30px;
   border: 1px solid #3b4b56;
   width: 230px;
   color: #000;
   font-size: 16px
}

.tran-body select option {
   font-size: 16px
}

.tran-body .amount {
   text-indent: 10px
}

.tran-body select option {
   color: #000
}

.tran-body .button-tran {
   height: 30px;
   line-height: 11px;
   padding: 10px 31px;
   background: #171717;
   color: #fff;
   border: none;
   font-size: 17px
}

.checkbox .label_turnover {
   position: absolute
}

.word_wrap {
   width: 250px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: left
}

.word_wrap_title {
   width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: left;
   margin: 0 25px
}

table.msgbox {
   min-width: 300px;
   padding: 10px;
   width: 100%;
   text-align: center
}

.msgbox tbody tr {
   height: 35px;
   vertical-align: middle;
   line-height: 35px
}

.msgbox th {
   text-align: center
}

.msgbox tbody tr.unread {
   font-weight: 700;
   color: #000
}

.agotime {
   font-weight: 400;
   font-size: 12px
}

.msgbox tbody tr {
   cursor: pointer
}

.msgbox tbody tr:hover {
   background: rgb(111, 4, 6, 1)
}

.msgbox tbody tr:hover .word_wrap p,
.msgbox tbody tr:hover a,
.msgbox tbody tr:hover span,
.msgbox tbody tr:hover td {
   color: #fff !important
}

.msgicon {
   background: url(../images/msgicon.png) no-repeat;
   width: 35px;
   height: 35px;
   position: absolute;
   margin-top: -22px;
   margin-left: -15px
}

.msgcoun {
   color: red;
   text-align: center;
   width: 32px;
   position: absolute
}

.bet_record_list select {
   width: 250px !
}

#logo-bg a img{
   margin-left: -64px;
}
#footer-info_{
   width:375px;
   padding: 20px 50px;
}
#footer-info_ li{
   padding: 5px 0;
   display: block;
}
#footer-info_ li a{
color: #fff;
 font-size: 14px;
 line-height: 20px;
 text-align: center;
 text-decoration: none;
}
#footer-info_ li a:hover {
color: #fff;
text-decoration: underline
}
aside.service-left li img {
    width: 150px;
    margin-left: 20px;
    margin-top: 38px;
}
.fish a .index_play{
       margin-right: 100px;
    margin-top: 235px;
}
#main-home-slider div.carousel-inner{margin-top: 0!important}
/*footer*/
.footer-container {
   background: linear-gradient(180deg, #334A9E 0%, #0F1E49 100%)
}
.footer-container {
    width: 100%;
}

.m-footer-container {
   background: linear-gradient(180deg, #334A9E 0%, #0F1E49 100%)
}

.m-footer-container .footer-row {
   display: flex
}
._flagIcon_j9d9l_79 {
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
}
.footer-column-container img, .footer-column-container svg {
    width: auto;
    height: 100%;
    border-radius: unset;
}
.footer-column-container img,
.footer-column-container svg {
   width: auto;
   height: 100%;
   border-radius: unset
}
._currentCountryName_j9d9l_94 {
    color: #adb6c4;
    font-size: 15px;
    margin: 0 0 0 16px;
}
.footer-language-switcher .languageSwitcherContainer .currentCountryName {
    color: #000;
}
._changeLanguageDropdownIcon_j9d9l_113 {
    display: flex;
    margin-left: auto;
    transition: linear .1s;
    width: 19px;
    height: 19px;
}
.languageSwitcherContainer .currentCountryBtn {
    background: rgb(96 13 18)
}
.languageSwitcherContainer .currentCountryBtn span{color: #fff}
.footer-column-container.filter-grayscale-img img,
.footer-column-container.filter-grayscale-img svg {
   filter: grayscale(100%) brightness(155%) contrast(0.4)
}
.languageSwitcherContainer{width: 200px}
.footer-column-container.filter-grayscale-img img:hover,
.footer-column-container.filter-grayscale-img svg:hover {
   filter: grayscale(0%)
}

.footer-column-container.filter-invert-grayscale-img img,
.footer-column-container.filter-invert-grayscale-img svg {
   filter: grayscale(0%)
}

.footer-column-container.filter-invert-grayscale-img img:hover,
.footer-column-container.filter-invert-grayscale-img svg:hover {
   filter: grayscale(100%)
}

.footer-column-container.footer-provider img,
.footer-column-container.footer-provider svg {
   height: 0.42rem;
   margin: 0 0.2rem 0.18rem 0;
   padding: 0 0.2rem 0 0
}

.footer-column-container.footer-payment-method img,
.footer-column-container.footer-payment-method svg {
   height: 0.42rem;
   margin: 0 0.2rem 0.18rem 0;
   padding: 0
}

.footer-column-container.footer-license-by img,
.footer-column-container.footer-license-by svg {
   height: 0.42rem;
   margin: 0 0.2rem 0.18rem 0;
   padding: 0
}

.footer-column-container.footer-follow-us-list {
   margin-top: 0.3rem;
   display: flex;
   align-items: center
}

.footer-column-container.footer-follow-us-list img,
.footer-column-container.footer-follow-us-list svg {
   height: 0.45rem;
   padding: 0 0.1rem 0 0
}

.footer-column-container.footer-suggested-browser img,
.footer-column-container.footer-suggested-browser svg {
   height: 0.42rem;
   margin: 0 0.2rem 0.18rem 0;
   padding: 0
}

.footer-column-container.footer-responsible-gaming img,
.footer-column-container.footer-responsible-gaming svg {
   height: 0.42rem;
   margin: 0 0.2rem 0.18rem 0;
   padding: 0
}

.footer-column-container.footer-follow-us img,
.footer-column-container.footer-follow-us svg {
   height: 0.42rem;
   margin: 0 0.2rem 0.18rem 0;
   padding: 0
}

.footer-column-container.footer-copyright .copyrightColumn .copyrightContent img,
.footer-column-container.footer-copyright .copyrightColumn .copyrightContent svg {
   height: 0.42rem
}

.footer-column-container .fcol-title {
   color: #656567;
   font-size: 20px;
   margin: 0 0 5px;
   font-size: 14px!important;
}
.copyrightContent{font-size: 14px!important;}

.footer-column-container .fcol-title .dropdown-transition {
   transform: rotate(0deg);
   transition: .3s
}

.footer-column-container .fcol-title .dropdown-transition.on-clicked {
   transform: rotate(180deg)
}

.footer-column-container .list-item {
   display: undefined;
   color: #fff;
   font-size: 15px;
   text-transform: none;
   margin: 0 0 5px
}

.footer-column-container .list-item .pointer-item, .footer-column-container .list-item .pointer-item a {
   color: #fff;
   cursor: pointer;
   font-size: 14px!important;
   margin: unset
}

.footer-column-container .list-item .pointer-item:hover {
   color: #fff
}

.footer-column-container .list-item .pointer-item .special-symbol {
   border: 0.01rem solid;
   border-radius: 50%;
   width: 0.15rem;
   height: 0.15rem;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 0.05rem 0 0;
   font-size: 0.08rem
}

.footer-custom {
   padding-right: 0.2rem
}

.footer-custom:last-child {
   padding-right: 0
}

.dropdown-absolute {
   position: absolute;
   z-index: 1
}

@media(max-width: 1440px) {

   .footer-column-container.footer-provider img,
   .footer-column-container.footer-provider svg {
      height: 0.4rem
   }

   .footer-column-container.footer-payment-method img,
   .footer-column-container.footer-payment-method svg {
      height: 0.4rem
   }

   .footer-column-container.footer-license-by img,
   .footer-column-container.footer-license-by svg {
      height: 0.4rem
   }

   .footer-column-container.footer-follow-us-list img,
   .footer-column-container.footer-follow-us-list svg {
      height: 0.4rem
   }

   .footer-column-container.footer-follow-us img,
   .footer-column-container.footer-follow-us svg {
      height: 0.4rem
   }

   .footer-column-container.footer-suggested-browser img,
   .footer-column-container.footer-suggested-browser svg {
      height: 0.4rem
   }

   .footer-column-container.footer-footer-responsible-gaming img,
   .footer-column-container.footer-footer-responsible-gaming svg {
      height: 0.4rem
   }
}

@media(max-width: 768px) {

   .footer-column-container.footer-provider img,
   .footer-column-container.footer-provider svg {
      height: 1rem
   }

   .footer-column-container.footer-payment-method img,
   .footer-column-container.footer-payment-method svg {
      height: 1rem
   }

   .footer-column-container.footer-license-by img,
   .footer-column-container.footer-license-by svg {
      height: 1rem
   }

   .footer-column-container.footer-follow-us-list img,
   .footer-column-container.footer-follow-us-list svg {
      height: 1rem
   }

   .footer-column-container.footer-suggested-browser img,
   .footer-column-container.footer-suggested-browser svg {
      height: 1rem
   }

   .footer-column-container.footer-follow-us-list img,
   .footer-column-container.footer-follow-us-list svg {
      height: 1rem
   }

   .footer-column-container.footer-footer-responsible-gaming img,
   .footer-column-container.footer-footer-responsible-gaming svg {
      height: 1rem
   }
}

@media(max-width: 768px) {
   .footer-column-container .fcol-title {
      font-size: 0.35rem;
      margin: 0 0 0.3rem
   }

   .footer-column-container .list-item {
      font-size: 0.35rem
   }

   .footer-column-container.footer-provider img,
   .footer-column-container.footer-provider svg,
   .footer-column-container.footer-payment-method img,
   .footer-column-container.footer-payment-method svg,
   .footer-column-container.footer-license-by img,
   .footer-column-container.footer-license-by svg,
   .footer-column-container.footer-follow-us-list img,
   .footer-column-container.footer-follow-us-list svg,
   .footer-column-container.footer-suggested-browser img,
   .footer-column-container.footer-suggested-browser svg,
   .footer-column-container.footer-footer-responsible-gaming img,
   .footer-column-container.footer-footer-responsible-gaming svg {
      height: undefined
   }
}
._currentCountryBtn_j9d9l_38 {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius:6px;
    padding: 10px 20px;
    position: relative;
    background: rgba(255, 255, 255, .05);
    height: 40px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
}
.slideInDown a img{max-width: 1200px!important;}