body {
    font-family: Arial, SimSun, 'Microsoft YaHei', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    overflow-x: hidden
}
body.layout {
    min-width: 1080px;
    background-color: #0e0a0b
}
* {
    -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: 1080px;
    margin: 0 auto
}
#announcement-dialog .modal-announcement > .ma-title,
#announcement-dialog .modal-announcement > .ma-footer,
#announcement-dialog .modal-announcement .ma-sidebar li:hover,
#announcement-dialog .modal-announcement .ma-sidebar li.active,
#logingame-body {
    background: #1e1718
}
#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    min-width: 1080px;
    background: url('../images/header.png') no-repeat center center
}
#header > .wrapper {
    position: static
}
#div-meiDonNow {
    position: absolute;
    left: 50%;
    margin-left: -415px;
    top: 12px;
    color: #fff;
    font-size: 12px
}
ul.top-nav {
    position: absolute;
    right: 50%;
    margin-right: -540px;
    top: 12px;
    font-size: 0
}
ul.top-nav > li {
    display: inline-block;
    color: #fff;
    vertical-align: top
}
ul.top-nav > li.purple {
    color: #f0f
}
ul.top-nav > li.yellow {
    color: #ffe400
}
ul.top-nav > li.red {
    color: red
}
ul.top-nav > li.green {
    color: #0f0
}
ul.top-nav > li.cyan {
    color: #0ff
}
ul.top-nav > li.yellowgreen {
    color: #a2d899
}
ul.top-nav > li + li:before {
    content: '|';
    display: inline-block;
    padding: 0 5px;
    color: #fff;
    font-size: 12px
}
ul.top-nav > li > a {
    color: inherit;
    font-size: 12px;
    text-decoration: none
}
ul.top-nav > li:hover {
    color: #ffe400
}
ul.top-nav > li#language {
    margin-left: 8px
}
ul.top-nav > li#language:before {
    display: none
}
ul.top-nav > li#language span {
    display: inline-block;
    width: 20px;
    height: 17px;
    margin-right: 3px;
    vertical-align: top;
    background: url('../images/lan.png')no-repeat;
    cursor: pointer
}
ul.top-nav > li#language span[data-language="zh-CN"] {
    background-position: left center
}
ul.top-nav > li#language span[data-language="zh-TW"] {
    background-position: center center
}
ul.top-nav > li#language span[data-language="en-US"] {
    background-position: right center
}
ul.top-nav > li#language span[data-language="th"] {
    display: none
}
#logo-bg {
    position: relative;
    display: inline-block;
    width: 307px;
    height: 116px;
    margin: 18px 0 0 -.5px;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/logo/logo.png') no-repeat center center \9
}
#logo-bg iframe {
    width: 307px;
    height: 116px
}
#logo-bg > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
#nav {
    float: right;
    margin-top: 46px;
    font-size: 0;
    text-align: center
}
#nav > ul > li {
    float: left;
    width: 80px;
    height: 93px;
    color: #fff
}
#nav > ul > li:hover,
#nav > ul > li .active {
    background: url('../images/nav_hover.png') no-repeat center top
}
#nav > ul > li a {
    position: relative;
    display: block;
    height: 100%;
    padding-top: 20px;
    color: #fff;
    font-size: 14px;
    text-decoration: none
}
#nav > ul > li.toggle-color a {
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s;
    transition: color .3s
}
#nav > ul > li.yellow.color a {
    color: #fcff00
}
#nav > ul > li.red.color a {
    color: #ff000e
}
#nav > ul > li a span {
    display: block;
    font-size: 11px;
    -webkit-transform: scale(.9)
}
#nav > ul > li.hot a:after {
    content: '';
    position: absolute;
    top: 10px;
    right: -8px;
    width: 16px;
    height: 17px;
    background: url('../images/hot.gif') no-repeat center top
}
#nav > ul > li:hover .subnav {
    display: block
}
.subnav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 139px;
    text-align: center;
    font-size: 0;
    white-space: nowrap;
    z-index: 1;
    background: #1b1515\9;
    background: rgba(27, 21, 21, .9)
}
.subnav .main-cell,
.subnav ol {
    display: inline-block;
    vertical-align: top
}
.subnav .slide-ctrl {
    position: absolute;
    top: 45px;
    width: 28px;
    height: 40px;
    vertical-align: top;
    cursor: pointer;
    background-position: center top
}
.subnav .slide-ctrl:hover {
    background-position: center bottom
}
.subnav .slide-ctrl.prev {
    left: 50%;
    margin-left: -600px;
    background-image: url('../images/prev.png')
}
.subnav .slide-ctrl.next {
    right: 50%;
    margin-right: -562px;
    background-image: url('../images/next.png')
}
.subnav .discount {
    display: inline-block;
    height: 139px;
    width: 159px;
    background-repeat: no-repeat;
    background-position: center center;
    border-right: 1px solid #3f3131
}
.subnav .discount.bonus-10 {
    background-image: url('../images/10.png')
}
.subnav .discount.bonus-12 {
    background-image: url('../images/12.png')
}
.subnav .discount.bonus-15 {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/discount/15.png')
}
.subnav .discount.bonus-30 {
    background-image: url('../images/30.png')
}
.subnav li {
    display: inline-block;
    height: 139px;
    width: 100px!important;
    padding-top: 70px;
    color: #fff;
    font-size: 15px;
    vertical-align: top;
    background-position: center 15px;
    background-repeat: no-repeat;
    border-right: 1px solid #3f3131;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.subnav li:after {
    content: '';
    display: block;
    width: 70px;
    height: 24px;
    margin: 10px auto 0;
    background: url('../images/play.png') no-repeat center top
}
.subnav li:hover:after {
    background-position: center bottom
}

.subnav li[game-box="SG"] {
    background-image: url('../images/sg.png')
}
.subnav li[game-box="MG"] {
    background-image: url('../images/mg.png')
}
.subnav li[game-box="fish"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/fish.png')
}
.subnav li[game-box="PT"] {
    background-image: url('../images/pt.png')
}
.subnav li[game-box="EVO"] {
    background-image: url('../images/evo.png')
}
.subnav li[game-box="FB"] {
    background-image: url('../images/fb.png')
}
.subnav li[game-box="CMD"] {
    background-image: url('../images/cmd.png')
}
.subnav li[game-box="DTQP"] {
    background-image: url('../images/dtqp.png')
}
.subnav li[game-box="JOKER"] {
    background-image: url('../images/joker.png')
}
.subnav li[game-box="AGTY"],
.subnav li[game-box="AGBY"],
.subnav li[game-box="AG"] {
    background-image: url('../images/ag.png')
}
.subnav li[game-box="r8"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/r8.png')
}
.subnav li[game-box="AI"] {
    background-image: url('../images/ai.png')
}
.subnav li[game-box="PP"] {
    background-image: url('../images/pp.png')
}
.subnav li[game-box="MW"] {
    background-image: url('../images/mw.png')
}
.subnav li[game-box="HB"] {
    background-image: url('../images/hb.png')
}
.subnav li[game-box="JDB"] {
    background-image: url('../images/jdb.png')
}
.subnav li[game-box="ne"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/ne.png')
}
.subnav li[game-box="CQ9"] {
    background-image: url('../images/cq9.png')
}
.subnav li[game-box="NEWBB"],
.subnav li[game-box="BBCARD"],
.subnav li[game-box="BBIN"] {
    background-image: url('../images/bb.png')
}
.subnav li[game-box="sw"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/sw.png')
}
.subnav li[game-box="png"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/png.png')
}
.subnav li[game-box="FG"] {
    background-image: url('../images/fg.png')
}
.subnav li[game-box="RMG"] {
    background-image: url('../images/RMG.png')
}
.subnav li[game-box="SGL"],
.subnav li[game-box="SGP"] {
    background-image: url('../images/sgp.png')
}
.subnav li[game-box="gpk"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/gpk.png')
}
.subnav li[game-box="gpk2"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/gpk2.png')
}
.subnav li[game-box="gpk3"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/gpk3.png')
}
.subnav li[game-box="ALLBET"] {
    background-image: url('../images/ab.png')
}
.subnav li[game-box="evo"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/evo.png')
}
.subnav li[game-box="GD"] {
    background-image: url('../images/gd.png')
}
.subnav li[game-box="SUNBET"] {
    background-image: url('../images/sb.png')
}
.subnav li[game-box="BG"] {
    background-image: url('../images/bg.png')
}
.subnav li[game-box="EBET"] {
    background-image: url('../images/ebet.png')
}
.subnav li[game-box="OG"] {
    background-image: url('../images/og.png')
}
.subnav li[game-box="SA"] {
    background-image: url('../images/sa.png')
}
.subnav li[game-box="IBC"],
.subnav li[game-box="saba"],
.subnav li[game-box="sabae"] {
    background-image: url('../images/saba.png')
}
.subnav li[game-box="SS"],
.subnav li[game-box="3sing"] {
    background-image: url('../images/3sing.png')
}
.subnav li[game-box="cmd"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/cmd.png')
}
.subnav li[game-box="ESB"] {
    background-image: url('../images/esb.png')
}
.subnav li[game-box="IM"] {
    background-image: url('../images/im.png')
}
.subnav li[game-box="cr"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/cr.png')
}
.subnav li[game-box="IG"] {
    background-image: url('../images/ig.png')
}
.subnav li[game-box="ig6"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/ig.png')
}
.subnav li[game-box="lx"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/lx.png')
}
.subnav li[game-box="VR"] {
    background-image: url('../images/vr.png')
}
.subnav li[game-box="rg"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/rg.png')
}
.subnav li[game-box="KYS"],
.subnav li[game-box="KYSS"],
.subnav li[game-box="KY"] {
    background-image: url('../images/kg.png')
}
.subnav li[game-box="AP"] {
    background-image: url('../images/ap.png')
}
.subnav li[game-box="OBCP"],
.subnav li[game-box="OB"] {
    background-image: url('../images/ob.png')
}
.subnav li[game-box="TH"] {
    background-image: url('../images/th.png')
}
.subnav li[game-box="GDQ"] {
    background-image: url('../images/gdq.png')
}
.subnav li[game-box="GMFX"] {
    background-image: url('../images/gmfx.png')
}
.subnav li[game-box="WM"] {
    background-image: url('../images/wm.png')
}
.subnav li[game-box="AB"] {
    background-image: url('../images/ab.png')
}
.subnav li[game-box="XGLIVE"] {
    background-image: url('../images/xg.png')
}
.subnav li[game-box="YB"] {
    background-image: url('../images/yb.png')
}
.subnav li[game-box="RTG"] {
    background-image: url('../images/rtg.png')
}
.subnav li[game-box="TTG"] {
    background-image: url('../images/ttg.png')
}
.subnav li[game-box="AT"] {
    background-image: url('../images/at.png')
}
.subnav li[game-box="GSS"] {
    background-image: url('../images/gss.png')
}
.subnav li[game-box="IA"] {
    background-image: url('../images/ia.png')
}
.subnav li[game-box="TFG"] {
    background-image: url('../images/tfg.png')
}
.subnav li[game-box="SBO"] {
    background-image: url('../images/sbo.png')
}
.subnav li[game-box="fg"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/fg.png')
}
.subnav li[game-box="nw"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/nw.png')
}
.subnav li[game-box="NW"] {
    background-image: url('../images/nw.png')
}
.subnav li[game-box="js"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/js.png')
}
.subnav li[game-box="th"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/th.png')
}
.subnav li[game-box="ps"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/ps.png')
}
.subnav li[game-box="ka"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/ka.png')
}
.subnav li[game-box="ae"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/ae.png')
}
.subnav li[game-box="PG"] {
    background-image: url('../images/pg.png')
}
.subnav li[game-box="MT"] {
    background-image: url('../images/mt.png')
}
.subnav li[game-box="rm"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/rm.png')
}
.subnav li[game-box="tog"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/tog.png')
}
.subnav li[game-box="dt"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/dt.png')
}
.subnav li[game-box="vt"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/vt.png')
}
.subnav li[game-box="SEXY"] {
    background-image: url('../images/se.png')
}
.subnav li[game-box="VG"] {
    background-image: url('../images/vg.png')
}
.subnav li[game-box="LEGS"],
.subnav li[game-box="LEGSS"],
.subnav li[game-box="LEG"] {
    background-image: url('../images/leg.png')
}
.subnav li[game-box="gh"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/gh.png')
}
.subnav li[game-box="gmg"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/gmg.png')
}
.subnav li[game-box="dte"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/dte.png')
}
.subnav li[game-box="lb"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/lb.png')
}
.subnav li[game-box="ll"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/common/ll.png')
}
.subnav li[game-box="ds"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/ds.png')
}
.subnav li[game-box="DG"] {
    background-image: url('../images/dg.png')
}
.subnav li[game-box="igzr"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/43x43/igzr.png')
}
.subnav li[game-box="wm"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/43x43/wm.png')
}
.subnav li[game-box="n2"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/43x43/n2.png')
}
.subnav li[game-box="vgzr"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/43x43/vgzr.png')
}
.subnav li[game-box="dszr"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/43x43/dszr.png')
}
.subnav li[game-box="swqp"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/swqp.png')
}
.subnav li[game-box="hgqp"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/HGQP.png')
}
.subnav li[game-box="im"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/imqp.png')
}
.subnav li[game-box="GG"] {
    background-image: url('../images/gg.png')
}
.subnav li[game-box="bs"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/bs.png')
}
.subnav li[game-box="RT"] {
    background-image: url('../images/rt.png')
}
.subnav li[game-box="QT"] {
    background-image: url('../images/qt.png')
}
.subnav li[game-box="BNG"] {
    background-image: url('../images/bng.png')
}
.subnav li[game-box="gns"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/bng.png')
}
.subnav li[game-box="ug"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/UG.png')
}
.subnav li[game-box="cat"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/cat.png')
}
.subnav li[game-box="sc"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/sc.png')
}
.subnav li[game-box="eg"] {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Supplier/60x40/eg.png')
}
.subnav li[game-box="gpk-cut"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/gpk_cut.png')
}
.subnav li[game-box="gpk-tycoon"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/gpk_tycoon.png')
}
.subnav li[game-box="gpk-king"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/gpk_king.png')
}
.subnav li[game-box="jdb-money"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/jdb_money.png')
}
.subnav li[game-box="jdb-dragon"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/jdb_dragon.png')
}
.subnav li[game-box="jdb-dragon2"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/jdb_dragon2.png')
}
.subnav li[game-box="bb-expert"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/bb_expert.png')
}
.subnav li[game-box="bb-master"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/bb_master.png')
}
.subnav li[game-box="fg-beauty"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/fg_beauty.png')
}
.subnav li[game-box="fg-thunder"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/fg_beauty.png')
}
.subnav li[game-box="fg-happy"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/fg_happy.png')
}
.subnav li[game-box="fg-everyday"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/fg_everyday.png')
}
.subnav li[game-box="fg-bird"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/fg_bird.png')
}
.subnav li[game-box="ag-fish"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/ag_fish.png')
}
.subnav li[game-box="mw-fish"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/mw_fish.png')
}
.subnav li[game-box="cq9-fish"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/cq9_fish.png')
}
.subnav li[game-box="ap-fish"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/ap_fish.png')
}
.subnav li[game-box="ap-jinchan"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/ap_jinchan.png')
}
.subnav li[game-box="js-fish"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/js_fish.png')
}
.subnav li[game-box="gpk-monopoly"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/gpk_rich.png')
}
.subnav li[game-box="gpk-chainLong"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/gpk_dragon.png')
}
.subnav li[game-box="th-lee"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/th_lee.png')
}
.subnav li[game-box="th-toad"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/th_toad.png')
}
.subnav li[game-box="th-dasheng"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/th_dasheng.png')
}
.subnav li[game-box="th-monkey"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/th_monkey.png')
}
.subnav li[game-box="th-monkey2"] {
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/fish/th_monkey2.png')
}
.subnav li[game-box="AVIAS"],
.subnav li[game-box="AVIA"] {
    background-image: url('../images/avia.png')
}
.subnav li[game-box="DT"] {
    background-image: url('../images/dt.png')
}
.subnav li[game-box="KX"] {
    background-image: url('../images/KX.png')
}
.subnav li[game-box="WALI"] {
    background-image: url('../images/WALI.png')
}
.subnav li[game-box="EG"] {
    background-image: url('../images/eg.png')
}
.subnav li[game-box="FH"] {
    background-image: url('../images/fh.png')
}
.subnav li[game-box="GA"] {
    background-image: url('../images/ga.png')
}
.subnav li[game-box="HG"] {
    background-image: url('../images/hg.png')
}
.subnav li[game-box="XJ"] {
    background-image: url('../images/xj.png')
}
.subnav li[game-box="BL"],
.subnav li[game-box="GJ"] {
    background-image: url('../images/gj.png')
}
.subnav li[game-box="GNS"] {
    background-image: url('../images/gns.png')
}
.subnav li[game-box="GPI"] {
    background-image: url('../images/gpi.png')
}
.subnav li[game-box="GTI"] {
    background-image: url('../images/gti.png')
}
.subnav li[game-box="ISB"] {
    background-image: url('../images/isb.png')
}
.subnav li[game-box="LEBO"] {
    background-image: url('../images/lebo.png')
}
.subnav li[game-box="PG"] {
    background-image: url('../images/pg.png')
}
.subnav li[game-box="PGS"] {
    background-image: url('../images/pgs.png')
}

.subnav li[game-box="PNG"] {
    background-image: url('../images/png.png')
}
.subnav li[game-box="SW"] {
    background-image: url('../images/sw.png')
}
.subnav li[game-box="TCG"] {
    background-image: url('../images/tcg.png')
}
.subnav:after {
    content: '';
    display: inline-block;
    width: 152px;
    height: 139px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center center
}
.subnav.game:after {
    background-image: url('../images/game.png')
}
.subnav.live:after {
    width: 139px;
    background-image: url('../images/live.png')
}
.subnav.lottery:after {
    width: 236px;
    background-image: url('../images/lottery.png')
}
.subnav.sport:after {
    width: 185px;
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/img/sport.png')
}
.subnav.board:after {
    width: 139px;
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/subnav/img/board.png')
}
.subnav.fish:after {
    width: 139px;
    background-image: url('../images/fish.png')
}
#account-bot {
    position: fixed;
    top: 139px;
    left: 0;
    right: 0;
    height: 45px;
    z-index: 2;
    font-size: 0;
    background: url('../images/login_bg_1.png') repeat-x left center
}
#account-box {
    padding-left: 130px;
    background: url('../images/login_icon.png') no-repeat left center
}
#account-box > form {
    position: relative;
    display: block;
    padding: 7px 0;
    text-align: right
}
#account-box > form .input-group {
    display: inline-block;
    position: relative;
    margin-right: 5px
}
#account-box > form .input-group .input-icon {
    position: absolute;
    top: 8px;
    left: 5px;
    width: 17px;
    height: 17px;
    background-position: center center;
    background-repeat: no-repeat
}
#account-box > form .input-group .input-icon.account {
    background-image: url('../images/icon01.png')
}
#account-box > form .input-group .input-icon.password {
    background-image: url('../images/icon02.png')
}
#account-box > form .input-group .input-icon.check {
    background-image: url('../images/icon03.png')
}
#account-box > form input {
    display: inline-block;
    width: 171px;
    height: 31px;
    padding: 0 0 0 26px;
    color: #fff;
    font-size: 14px;
    background-color: transparent;
    background-image: url('../images/input.png');
    background-repeat: no-repeat;
    background-position: center center;
    border: none
}
#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 button {
    width: 91px;
    height: 31px;
    font-size: 16px;
    font-weight: bold;
    border: none
}
#account-box > form button:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}
#account-box > form button + button {
    margin-left: 5px
}
*.login-btn {
    color: #000;
    background: url('../images/btn04.png') no-repeat center top
}
*.login-btn:hover {
    color: #fff
}
*.register-btn {
    color: #fff;
    background: url('../images/btn05.png') no-repeat center top
}
*.freeplay-btn {
    color: #fff;
    background: url('../images/btn06.png') no-repeat center top
}
*.linechat-btn {
    display: inline-block;
    width: 91px;
    height: 31px;
    vertical-align: top;
    background: url('../images/btn07.png') no-repeat center top
}
*.linechat-btn:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}
*.forget-btn {
    position: absolute;
    top: 8px;
    right: 3px;
    color: #87696e;
    font-size: 12px
}
*.forget-btn:hover {
    color: #ffd800
}
#check-code-wrapper {
    position: relative;
    display: inline-block
}
#captcha {
    position: absolute;
    top: 3px;
    right: 3px;
    width: auto;
    height: 25px
}
#agree {
    display: inline-block;
    position: absolute;
    top: 85%;
    right: 190px;
    z-index: 1;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    background-color: #000
}
#agree a {
    font-weight: bold;
    cursor: pointer
}
#account-box.login {
    text-align: right;
    background-image: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/login_icon2.png')
}
ul#account-info {
    position: relative
}
ul#account-info > li {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 45px
}
ul#account-info > li + li {
    margin-left: 15px
}
ul#account-info > li > span.account {
    display: inline-block;
    max-width: 6em;
    color: #fcff00;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden
}
ul#account-info > li a {
    cursor: pointer
}
ul#account-info > li a:hover {
    color: #ffd800
}
#action-box {
    display: inline-block;
    vertical-align: sub
}
#action-box > a {
    display: inline-block;
    width: 91px;
    height: 31px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 31px;
    text-decoration: none;
    text-align: center
}
#action-box > a.signout {
    margin-right: 5px;
    background: url('../images/btn05.png') no-repeat center center
}
#action-box > a:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}
#account-nav {
    text-align: center;
    margin: 0 8px
}
#account-nav {
    text-align: left
}
#account-nav > li {
    display: inline-block
}
#account-nav > li + li:before {
    content: '|';
    padding: 0 8px;
    color: #fff;
    font-size: 12px
}
#account-nav > li > a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}
#account-nav > li > a:hover {
    color: #ffb65b
}
#banner {
    height: 409px;
    margin-top: 39px;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/banner.jpg') no-repeat center top
}
#news {
    position: relative;
    z-index: 1;
    height: 32px;
    margin-top: -32px;
    background: url('../images/news_bg.png') left top
}
#news .wrapper {
    padding-left: 25px;
    background: url('../images/news_icon.png') no-repeat left center
}
#hot-news {
    white-space: nowrap;
    overflow: hidden
}
#hot-news li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    color: #fffad2;
    font-size: 12px;
    text-decoration: none;
    line-height: 32px
}
#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.567.sh/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:before,
.leaderboard-instance:after {
    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;
    padding: 30px 0;
    background-color: #1e1718;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url('../images/bg.jpg')
}
#footer {
    background: url('../images/footer_bg.jpg') no-repeat center top
}
#footer-logo {
    display: block;
    padding: 20px 0;
    font-size: 0;
    text-align: center
}
#footer-logo li {
    position: relative;
    display: inline-block;
    height: 47px;
    margin: 0 8px;
    background-position: center center;
    background-repeat: no-repeat
}
#footer-logo li:before {
    content: '';
    display: block;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    background-position: center bottom;
    background-repeat: no-repeat;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}
#footer-logo li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}
#footer-logo li:hover:before {
    opacity: 1;
    filter: alpha(opacity=100)
}
#footer-logo li:hover:after {
    background-position: center 47px
}
#footer-logo li[data-img="1"]:before,
#footer-logo li[data-img="1"]:after {
    width: 78px;
    background-image: url('../images/01.png')
}
#footer-logo li[data-img="2"]:before,
#footer-logo li[data-img="2"]:after {
    width: 97px;
    background-image: url('../images/02.png')
}
#footer-logo li[data-img="3"]:before,
#footer-logo li[data-img="3"]:after {
    width: 124px;
    background-image: url('../images/03.png')
}
#footer-logo li[data-img="4"]:before,
#footer-logo li[data-img="4"]:after {
    width: 146px;
    background-image: url('../images/04.png')
}
#footer-logo li[data-img="5"]:before,
#footer-logo li[data-img="5"]:after {
    width: 57px;
    background-image: url('../images/05.png')
}
#footer-logo li[data-img="6"]:before,
#footer-logo li[data-img="6"]:after {
    width: 95px;
    background-image: url('../images/06.png')
}
#footer-logo li[data-img="7"]:before,
#footer-logo li[data-img="7"]:after {
    width: 79px;
    background-image: url('../images/07.png')
}
#footer-logo li[data-img="8"]:before,
#footer-logo li[data-img="8"]:after {
    width: 154px;
    background-image: url('../images/08.png')
}
#footer-logo li[data-img="9"]:before,
#footer-logo li[data-img="9"]:after {
    width: 46px;
    background-image: url('../images/09.png')
}
#footer-logo li[data-img="10"]:before,
#footer-logo li[data-img="10"]:after {
    width: 32px;
    background-image: url('../images/10_1.png')
}
#footer-nav {
    display: block;
    font-size: 0;
    line-height: 32px;
    text-align: center
}
#footer-nav li {
    display: inline-block
}
#footer-nav li + li:before {
    content: '|';
    padding: 0 10px;
    color: #ebcf76;
    font-size: 12px
}
#footer-nav a {
    color: #ebcf76;
    font-size: 12px;
    text-align: center;
    text-decoration: none
}
#footer-nav a:hover {
    color: #ff3131
}
#footer-suggest {
    margin: 0;
    height: 74px;
    padding-top: 15px;
    color: #a18088;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    background: #0e0a0b
}
aside.services {
    position: absolute;
    z-index: 3;
    top: 195px;
    width: 139px
}
aside.services ul {
    width: 100%
}
aside.services ul li a {
    display: block;
    width: 100%;
    height: 100%
}
aside.services ul li img {
    width: 100%
}
aside.service-left {
    left: 0;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/service/left.png') no-repeat center top
}
aside.service-right {
    right: 0;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/service/right.png') no-repeat center top
}
aside.service-left li.board {
    height: 83px
}
aside.service-left li.discunt {
    height: 51px
}
aside.service-left li.deposit {
    height: 51px
}
aside.service-left li.agent {
    height: 47px
}
aside.service-left li.app {
    height: 156px;
    padding: 37px 18px 19px;
    text-align: center
}
aside.service-right li.chat {
    height: 83px
}
aside.service-right li.qq {
    height: 52px
}
aside.service-right li.detect {
    height: 51px
}
aside.service-right li.mobile {
    height: 46px
}
aside.service-right li.qrcode {
    height: 157px;
    padding: 37px 18px 19px;
    text-align: center
}
#review-list {
    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.567.sh/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.567.sh/Web.Portal/_Common/Content/Views/Shared/images/review/up.png') no-repeat
}
#review-list .down:after {
    background: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/review/down.png') no-repeat
}
#review-list .wrapper {
    padding-left: 80px;
    height: 77px;
    background: url('https://cdn.567.sh/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.567.sh/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: middle;
    text-decoration: none;
    background: url('https://cdn.567.sh/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.567.sh/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.567.sh/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 300ms;
    -o-transition: margin-top ease-in 300ms;
    -webkit-transition: margin-top ease-in 300ms;
    transition: margin-top ease-in 300ms
}
#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.567.sh/Web.Portal/_Common/Content/Views/Shared/images/sent_bn.png');
    cursor: pointer
}
#marquee > footer > span:hover {
    background-position: 0 -45.5px
}
.ui-dialog.popup-dialog .ui-widget-header {
    min-height: 30px;
    line-height: 30px
}
#ad-dialog {
    display: none;
    padding: 0
}
#ad-dialog img {
    width: 100%;
    height: auto!important
}
#ad-dialog .dialog-footer {
    height: 30px;
    padding: 0 3px;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    border-top: 1px solid #000
}
.ui-dialog.popup-dialog {
    z-index: 999
}
.ui-dialog.popup-dialog .ui-dialog-title {
    font-size: 13px;
    line-height: 15px
}
.ui-dialog.popup-dialog .ui-dialog-buttonpane {
    margin: 0;
    padding: 0;
    border: none
}
.ui-dialog.popup-dialog button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    font-size: 12px
}
.ui-dialog.popup-dialog .ui-dialog-buttonpane button {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 3px 6px;
    background: #ffd800
}
#lobby {
    display: inline-block;
    width: 100%
}
#lobby > ul.game-list {
    font-size: 0;
    text-align: center
}
#lobby > ul.game-list > li {
    display: inline-block;
    margin: 5px 10px;
    vertical-align: bottom;
    background-position: center top;
    background-repeat: no-repeat
}
#lobby > ul.game-list > li:hover {
    background-position: center bottom
}
#un-lobby {
    position: relative;
    display: inline-block;
    width: 1081px;
    margin: 0 auto;
    background-color: #2b2123;
    border: 1px solid #4c393c
}
#un-lobby:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: 0;
    height: 13px;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/border_top.png')
}
#un-lobby:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: 0;
    height: 13px;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/border_bottom.png')
}
#un-lobby aside {
    float: left;
    width: 243px;
    height: 825px;
    padding: 90px 0 0;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/nav_bg.png') no-repeat left top
}
#un-lobby aside:after {
    content: '';
    display: block;
    padding: 180px 0 27px;
    margin-top: 50px;
    color: #e5ca6a;
    font-size: 12px;
    text-align: center;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/img.png') no-repeat center top
}
#un-lobby ul#sidebar {
    display: block
}
#un-lobby ul#sidebar li {
    height: 45px;
    margin-bottom: 7px
}
#un-lobby ul#sidebar li a {
    position: relative;
    display: block;
    height: 100%;
    padding-left: 70px;
    color: #fff;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    text-decoration: none;
    line-height: 45px
}
#un-lobby ul#sidebar li:hover a {
    color: #fefb85;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/bg_hover.png') no-repeat center center
}
#un-lobby ul#sidebar li a:before {
    content: '*';
    margin-right: 10px
}
#un-lobby ul#sidebar li a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 60px
}
#articles {
    float: right;
    width: 836px;
    min-height: 825px;
    padding: 0 40px 20px 60px;
    color: #fff;
    text-align: left;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/shadow.png') no-repeat left top
}
#articles h2 {
    height: 36px;
    margin-bottom: 30px;
    color: #ffd053;
    font-size: 20px;
    text-align: center;
    line-height: 33px;
    background: url('https://cdn.567.sh/Web.Portal/AR016-01.Portal/Content/Views/Shared/images/title_bg.png') no-repeat center center
}
#articles h3 {
    font-size: 16px;
    text-align: left
}
#articles h4 {
    font-size: 14px;
    text-align: left
}
#articles > ul {
    list-style: none
}
#articles > ul.upper-latin {
    padding-left: 15px;
    list-style-type: upper-latin
}
#articles ol {
    padding-left: 20px;
    list-style-type: decimal
}
#articles p,
#articles li {
    font-size: 12px;
    text-align: justify;
    line-height: 2em
}
#articles p {
    margin: 1em 0
}
#articles table {
    width: 100%
}
#articles table tr,
#articles table th,
#articles table td {
    color: #d9b86f;
    line-height: 2em;
    text-align: center;
    border: 1px solid #955410
}
#articles table th {
    color: #000;
    background: #f2922d
}
#articles .highlight {
    color: #c03;
    font-weight: bolder
}
#articles ul.mtab-menual {
    padding-bottom: 15px;
    padding-left: 0;
    text-align: left
}
#articles ul.mtab-menual li {
    display: inline-block;
    width: 70px;
    height: 28px;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    background: #96541a;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}
#articles ul.mtab-menual li.mtab,
#articles ul.mtab-menual li:hover {
    color: #000;
    background: #f2922d
}
.body {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 1px;
    font-size: 14px;
    font-family: PMingLiU;
    background: #272625;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.body #title {
    color: #fff;
    text-align: center;
    background: #272625
}
.body.container #title,
.body #account-heading,
.body #withdrawal-heading {
    color: #fff;
    background: #43413d
}
.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
}
[ng-cloak] {
    display: none!important
}
.panel {
    width: 100%;
    color: #5f5f5f;
    background: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Account/images/panel_background.jpg') repeat;
    border: 0
}
#title {
    height: 48px;
    font-weight: bold;
    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.567.sh/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: bold;
    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.567.sh/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
}
.tooltip.tooltip-right {
    left: auto;
    right: 0
}
.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.567.sh/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.567.sh/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: bold;
    background: url('https://cdn.567.sh/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.567.sh/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 > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    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: bold;
    line-height: 29px;
    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: .6
}
.modal-announcement {
    position: fixed;
    top: 7%;
    left: 50%;
    margin-left: -499px;
    width: 1000px;
    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-noshow {
    padding-bottom: 2px;
    text-align: right
}
.modal-announcement > .ma-noshow span {
    margin: 0 5px;
    color: #fff;
    font-size: 14px
}
.modal-announcement > .ma-title {
    min-height: 38px;
    padding: 7px 0;
    color: #fff;
    text-align: center;
    word-break: break-all;
    background-color: #c03;
    border-bottom: 2px solid #ccc;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}
.modal-announcement > .ma-title > span {
    font-size: 18px;
    font-weight: bold
}
.modal-announcement > .ma-title > i {
    float: right;
    margin: 2px 20px 0 0;
    font-size: 22px;
    cursor: pointer
}
.modal-announcement > .ma-body > section {
    height: 560px;
    display: inline-block;
    vertical-align: top
}
.modal-announcement .ma-sidebar {
    width: 27%;
    background-color: #fff;
    border-right: 1px solid #d6d6d6;
    overflow-y: auto;
    overflow-x: hidden
}
.modal-announcement .ma-sidebar ul {
    width: 100%
}
.modal-announcement .ma-sidebar li {
    width: 100%;
    height: 50px;
    padding: 0 12px;
    color: #000;
    line-height: 49px;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}
.modal-announcement .ma-sidebar li span {
    display: inline-block;
    width: 80%;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.modal-announcement .ma-sidebar li:hover,
.modal-announcement .ma-sidebar li.active {
    color: #fff;
    background-color: #c03
}
.modal-announcement .ma-sidebar i.fa-comment-dots {
    vertical-align: middle;
    margin-right: 10px
}
.modal-announcement .ma-sidebar i.fa-chevron-right {
    float: right;
    margin-top: 19px
}
.modal-announcement .ma-content {
    width: 73%;
    background-color: #fff;
    overflow: auto
}
.modal-announcement .ma-content img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}
.modal-announcement .ma-content ul {
    display: block;
    margin: 1em 0;
    padding-left: 40px;
    list-style: disc
}
.modal-announcement .ma-content ol {
    display: block;
    margin: 1em 0;
    padding-left: 40px;
    list-style: decimal
}
.modal-announcement > .ma-footer {
    height: 10px;
    background-color: #c03;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px
}
.modal-announcement > .ma-body > section::-webkit-scrollbar {
    width: 10px;
    height: 3px
}
.modal-announcement > .ma-body > section::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: #535353
}
.modal-announcement > .ma-body > section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: #ededed
}
.modal-announcement.single-content {
    width: 730px;
    margin-left: -365px
}
.modal-announcement.single-content .ma-sidebar {
    display: none
}
.modal-announcement.single-content .ma-content {
    width: 100%
}
[ng-controller="LobbiesCtrl"] iframe {
    -moz-transition: none!important;
    -o-transition: none!important;
    -webkit-transition: none!important;
    transition: none!important
}
[ng-controller="LobbiesCtrl"] iframe.ng-hide {
    display: block!important;
    height: 0!important;
    visibility: hidden!important
}
.relative {
    position: relative
}
.no-padding-vertical {
    padding-top: 0;
    padding-bottom: 0
}

.modal-atd .atd-frame {
    display: none
}
[red-envelope-float] {
    position: relative;
    display: inline-block;
    width: 348px;
    height: 66px;
    font-size: 0;
    text-align: left;
    background: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/RedEnvelope/images/float_bg.1.png') no-repeat center;
    cursor: pointer
}
[red-envelope-float]:before {
    content: '';
    position: absolute;
    top: -23px;
    left: 0;
    display: inline-block;
    width: 130px;
    height: 100px;
    background: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/RedEnvelope/images/float_icon.gif') no-repeat center
}
[red-envelope-float] > div {
    padding: 19px 28px 0 142px;
    color: #000;
    font-size: 14px
}
[red-envelope-float] > div .re-tip {
    color: #f7ff00
}
[red-envelope-float] > div .re-tip span {
    color: #fff
}
[red-envelope-float] > div .re-close {
    float: right;
    cursor: pointer
}
[float-entrance] > .entrance-track {
    position: fixed;
    bottom: 100px;
    z-index: 998;
    min-width: 100%;
    height: 0;
    white-space: nowrap;
    -moz-animation-name: marquee;
    -o-animation-name: marquee;
    -webkit-animation-name: marquee;
    animation-name: marquee;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-duration: 35s;
    -o-animation-duration: 35s;
    -webkit-animation-duration: 35s;
    animation-duration: 35s
}
[float-entrance] > .entrance-track:hover {
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}
[float-entrance] > .entrance-track > div {
    display: inline-block;
    margin-right: 30px
}
@keyframes marquee {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(-100%)
    }
}
@-moz-keyframes marquee {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(-100%)
    }
}
@-webkit-keyframes marquee {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(-100%)
    }
}
.float-native-app {
    position: fixed;
    right: 0;
    bottom: 175px;
    width: 80px;
    height: 80px;
    z-index: 9999;
    line-height: 80px;
    white-space: nowrap;
    overflow: hidden;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s
}
.float-native-app .click-box {
    display: inline-block;
    height: 100%;
    line-height: normal;
    vertical-align: top
}
.float-native-app .app-icon {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    padding-top: 11px;
    color: #ff4c4c;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    background: #fff;
    border: 3px solid #ff4c4c;
    overflow: hidden;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-transition: color .6s;
    -o-transition: color .6s;
    -webkit-transition: color .6s;
    transition: color .6s;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.float-native-app .app-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #ff8f4c;
    background: -moz-linear-gradient(left, rgba(255, 143, 76, 1) 0%, rgba(255, 76, 76, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 143, 76, 1) 0%, rgba(255, 76, 76, 1) 100%);
    background: linear-gradient(to right, rgba(255, 143, 76, 1) 0%, rgba(255, 76, 76, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8f4c', endColorstr='#ff4c4c', GradientType=1);
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s
}
.float-native-app .app-icon .icon {
    height: 31px;
    margin-bottom: 4px;
    background: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/AppIcon/red.png') no-repeat center;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s
}
.float-native-app .app-icon .en {
    font-size: 16px
}
.float-native-app .app-text {
    position: relative;
    display: inline-block;
    width: 190px;
    height: 80px;
    margin-left: 5px;
    padding: 13px 60px 0 11px;
    color: #fff;
    font-size: 16px;
    vertical-align: top;
    background: #ff4c4c;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}
.float-native-app .app-text .download {
    font-size: 28px;
    font-weight: bold;
    line-height: 30px
}
.float-native-app .app-text i {
    position: absolute;
    top: 15px;
    right: 8px;
    font-size: 50px
}
.float-native-app .close {
    position: relative;
    margin-left: 5px;
    color: #ff4c4c;
    font-size: 30px;
    vertical-align: middle
}
.float-native-app .close:before {
    content: '';
    position: absolute;
    top: 13px;
    left: 8px;
    width: 15px;
    height: 15px;
    z-index: -1;
    background: #fff
}
.float-native-app:hover {
    width: 320px
}
.float-native-app:hover .app-icon {
    padding-top: 14px;
    color: #fff!important;
    background: transparent;
    border: none
}
.float-native-app:hover .app-icon:before {
    opacity: 1;
    filter: alpha(opacity=100)
}
.float-native-app:hover .app-icon .icon {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/AppIcon/white.png')!important
}
.float-native-app.orange .app-icon {
    color: #ffa100;
    border-color: #ffa100
}
.float-native-app.orange .app-icon .icon {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/AppIcon/orange.png')
}
.float-native-app.orange .app-icon:before {
    background: #ffc400;
    background: -moz-linear-gradient(left, rgba(255, 196, 0, 1) 0%, rgba(255, 154, 0, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 196, 0, 1) 0%, rgba(255, 154, 0, 1) 100%);
    background: linear-gradient(to right, rgba(255, 196, 0, 1) 0%, rgba(255, 154, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc400', endColorstr='#ff9a00', GradientType=1)
}
.float-native-app.orange .app-text {
    background: #ffa100
}
.float-native-app.orange .close {
    color: #ffa100
}
.float-native-app.green .app-icon {
    color: #50cc7f;
    border-color: #50cc7f
}
.float-native-app.green .app-icon .icon {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/AppIcon/green.png')
}
.float-native-app.green .app-icon:before {
    background: #6fdb2e;
    background: -moz-linear-gradient(left, rgba(111, 219, 46, 1) 0%, rgba(80, 204, 127, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(111, 219, 46, 1) 0%, rgba(80, 204, 127, 1) 100%);
    background: linear-gradient(to right, rgba(111, 219, 46, 1) 0%, rgba(80, 204, 127, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6fdb2e', endColorstr='#50cc7f', GradientType=1)
}
.float-native-app.green .app-text {
    background: #50cc7f
}
.float-native-app.green .close {
    color: #50cc7f
}
.float-native-app.blue .app-icon {
    color: #4cc3ff;
    border-color: #4cc3ff
}
.float-native-app.blue .app-icon .icon {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/AppIcon/blue.png')
}
.float-native-app.blue .app-icon:before {
    background: #647cd5;
    background: -moz-linear-gradient(left, rgba(100, 124, 213, 1) 0%, rgba(76, 195, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(100, 124, 213, 1) 0%, rgba(76, 195, 255, 1) 100%);
    background: linear-gradient(to right, rgba(100, 124, 213, 1) 0%, rgba(76, 195, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#647cd5', endColorstr='#4cc3ff', GradientType=1)
}
.float-native-app.blue .app-text {
    background: #4cc3ff
}
.float-native-app.blue .close {
    color: #4cc3ff
}
.float-native-app.brown .app-icon {
    color: #b1713f;
    border-color: #b1713f
}
.float-native-app.brown .app-icon .icon {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/AppIcon/brown.png')
}
.float-native-app.brown .app-icon:before {
    background: #cf995a;
    background: -moz-linear-gradient(left, rgba(207, 153, 90, 1) 0%, rgba(177, 113, 63, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(207, 153, 90, 1) 0%, rgba(177, 113, 63, 1) 100%);
    background: linear-gradient(to right, rgba(207, 153, 90, 1) 0%, rgba(177, 113, 63, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cf995a', endColorstr='#b1713f', GradientType=1)
}
.float-native-app.brown .app-text {
    background: #b1713f
}
.float-native-app.brown .close {
    color: #b1713f
}
.float-native-app.black .app-icon {
    color: #596164;
    border-color: #596164
}
.float-native-app.black .app-icon .icon {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/AppIcon/black.png')
}
.float-native-app.black .app-icon:before {
    background: #868f96;
    background: -moz-linear-gradient(left, rgba(134, 143, 150, 1) 0%, rgba(89, 97, 100, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(134, 143, 150, 1) 0%, rgba(89, 97, 100, 1) 100%);
    background: linear-gradient(to right, rgba(134, 143, 150, 1) 0%, rgba(89, 97, 100, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#868f96', endColorstr='#596164', GradientType=1)
}
.float-native-app.black .app-text {
    background: #596164
}
.float-native-app.black .close {
    color: #596164
}
.float-native-app.en-US .app-text,
.float-native-app.th .app-text {
    padding: 17px 60px 0 11px
}
.float-native-app.en-US .app-text .download,
.float-native-app.th .app-text .download {
    font-size: 15px
}
#service-float {
    position: fixed;
    right: 0;
    bottom: 0;
    display: none;
    width: 145px;
    height: 160px;
    z-index: 9999
}
#service-float .activity-list {
    display: block;
    height: 100%;
    white-space: nowrap;
    overflow: hidden
}
#service-float .activity-list li {
    width: 145px;
    height: 160px;
    line-height: 160px
}
#service-float .activity-list li img {
    display: inline-block;
    max-width: 145px;
    max-height: 160px;
    vertical-align: middle
}
#service-float > ul.float-pager {
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    font-size: 0;
    text-align: left;
    z-index: 10
}
#service-float > ul.float-pager li {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin: 0 3px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer
}
#service-float > ul.float-pager li.on {
    background: #ffd053
}
#service-float .closed {
    position: absolute;
    left: -26px;
    top: 3px;
    z-index: 11;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/close.png')
}
#preview-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
    font-family: Arial, 'Microsoft YaHei';
    text-align: center;
    background-color: #000;
    background-color: rgba(0, 0, 0, .7)
}
#preview-overlay:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
#preview-overlay > i {
    vertical-align: middle;
    color: #fff;
    font-size: 80px
}
#preview-overlay div {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 25px
}
#preview-overlay div > i {
    font-size: 150px
}
#preview-overlay div > span {
    display: block;
    margin: 20px 0
}
#preview-overlay div > a {
    display: table;
    padding: 5px 15px;
    margin: 0 auto;
    color: inherit;
    font-size: 20px;
    text-decoration: none;
    border: 1px solid #fff
}
#preview-overlay div > a i {
    margin-left: 10px
}
[trial-click] {
    cursor: pointer
}
.extension-height-zero {
    height: 0!important
}
.extension-display-none {
    display: none!important
}
.extension-position-relative {
    position: relative
}
.extension-position-left {
    left: 0
}
.extension-position-right {
    right: 0
}
#nav > ul > li:hover .subnav.extension-show-block {
    display: block
}
.subnav.extension-rotate-effect {
    display: none \9;
    visibility: hidden;
    -webkit-perspective: 320px;
    -moz-perspective: 320px;
    -ms-perspective: 320px;
    perspective: 320px;
    -moz-transition: visibility linear .4s;
    -o-transition: visibility linear .4s;
    -webkit-transition: visibility linear .4s;
    transition: visibility linear .4s
}
.subnav.extension-rotate-effect li {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s
}
#nav > ul > li:hover .subnav.extension-rotate-effect {
    display: block\9;
    visibility: visible
}
#nav > ul > li:hover .subnav.extension-rotate-effect li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(9) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(10) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(11) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(12) {
    -webkit-transition-delay: 550ms;
    -moz-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(13) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(14) {
    -webkit-transition-delay: 650ms;
    -moz-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(15) {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(16) {
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(17) {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(18) {
    -webkit-transition-delay: 850ms;
    -moz-transition-delay: 850ms;
    -o-transition-delay: 850ms;
    transition-delay: 850ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(19) {
    -webkit-transition-delay: 900ms;
    -moz-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(20) {
    -webkit-transition-delay: 950ms;
    -moz-transition-delay: 950ms;
    -o-transition-delay: 950ms;
    transition-delay: 950ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(21) {
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(22) {
    -webkit-transition-delay: 1050ms;
    -moz-transition-delay: 1050ms;
    -o-transition-delay: 1050ms;
    transition-delay: 1050ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(23) {
    -webkit-transition-delay: 1100ms;
    -moz-transition-delay: 1100ms;
    -o-transition-delay: 1100ms;
    transition-delay: 1100ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(24) {
    -webkit-transition-delay: 1150ms;
    -moz-transition-delay: 1150ms;
    -o-transition-delay: 1150ms;
    transition-delay: 1150ms
}
#nav > ul > li:hover .subnav.extension-rotate-effect li:nth-child(25) {
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms
}
.float-fixed-service {
    position: fixed;
    top: 0;
    z-index: 5;
    background-repeat: no-repeat;
    background-position: center top;
    cursor: pointer
}
.float-element-default {
    display: block;
    height: 100%
}
.element-animation-left {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    -moz-transform: skewX(145deg);
    -ms-transform: skewX(145deg);
    -o-transform: skewX(145deg);
    -webkit-transform: skewX(145deg);
    transform: skewX(145deg);
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}
.element-animation-right {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    -moz-transform: skewX(-145deg);
    -ms-transform: skewX(-145deg);
    -o-transform: skewX(-145deg);
    -webkit-transform: skewX(-145deg);
    transform: skewX(-145deg);
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}
.element-animation-start {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}
.float-fixed-closed {
    position: absolute;
    top: 0;
    width: 26px;
    height: 26px;
    background: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/close.png') no-repeat center top;
    cursor: pointer
}
.site-closed {
    position: absolute;
    top: 0;
    width: 26px;
    height: 26px;
    background: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/close.png') no-repeat center top;
    cursor: pointer
}
.site-closed.outline {
    width: 22px;
    height: 22px;
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/close_outline.png')
}
.site-closed.white {
    background-image: url('https://cdn.567.sh/Web.Portal/_Common/Content/Views/Shared/images/close_white.png')
}
.site-closed.left {
    left: 0
}
.site-closed.right {
    right: 0
}
[float-slider] .float-pager {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    font-size: 0;
    text-align: center
}
[float-slider] .float-pager li {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: #888;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer
}
[float-slider] .float-pager li.on,
[float-slider] .float-pager li:hover {
    background: red
}