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

body.layout {
	min-width: 1000px;
}

* {
	-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: 1000px;
	margin: 0 auto
}

#logingame-body {
	background: #001d59
}

#header {
	height: 137px;
	font-size: 0
}

.header-top {
	height: 35px;
	background: #111
}

.topnav-left {
	display: inline-block
}

.topnav-left li {
	display: inline-block;
	height: 35px;
	color: #ccc;
	font-size: 12px;
	line-height: 35px;
	cursor: pointer;
}

.topnav-left li.license {
	padding-left: 20px;
	margin-right: 10px;
	background: url('../images/license_icon.png') no-repeat left center
}

.topnav-left li.license:before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 100%;
	left: 0;
	width: 728px;
	height: 0;
	background: url('../images/license_h.png');
	transition: height .5s
}

.topnav-left li.license:hover:before {
	height: 268px
}

.topnav-right {
	position: absolute;
	top: 0;
	right: 0
}

.topnav-right>li {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	line-height: 35px
}

.topnav-right>li+li:before {
	content: '|';
	display: inline-block;
	padding: 0 5px;
	color: #777
}

.topnav-right>li>a {
	color: inherit;
	text-decoration: none
}

.topnav-right>li.red {
	color: red
}

.topnav-right>li.blue {
	color: #0ff
}

.topnav-right>li.yellow {
	color: #ff0
}

.topnav-right>li:hover {
	color: #ff0
}

.topnav-right>li.language:before {
	content: ''
}

.topnav-right>li.language span {
	display: inline-block;
	width: 22px;
	height: 16px;
	vertical-align: sub;
	background: url('../images/lang.png') no-repeat left center;
	cursor: pointer
}

.topnav-right>li.language span+span {
	margin-left: 5px
}

.topnav-right>li.language span[data-language="zh-CN"] {
	background-position: -27px center
}

.topnav-right>li.language span[data-language="en-US"] {
	background-position: -54px center
}

.topnav-right>li.language span[data-language="th"] {
	display: none
}

.header-content {
	height: 102px;
	background: url('../images/nav_bg.jpg') repeat-x
}

#logo-bg {
	position: relative;
	display: inline-block;
	width: 264px;
	height: 77px;
	margin: 12px 0;
	/*background: url('../images/logo.png') no-repeat*/
}

#logo-bg>a {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%
}

#nav {
	float: right
}

#nav>ul>li {
	position: relative;
	float: left;
	width: 90px;
	height: 101px;
	color: #fff;
	font-size: 14px;
	text-align: center
}

#nav>ul>li:hover {
	color: #ff0
}

#nav>ul>li.hot:before {
	content: '';
	position: absolute;
	top: 20px;
	right: -5px;
	width: 22px;
	height: 12px;
	background: url('../images/hot.gif')
}

#nav>ul>li a {
	display: block;
	height: 100%;
	padding-top: 30px;
	color: inherit;
	text-decoration: none
}

#nav>ul>li a span {
	display: block;
	margin-top: 10px;
	font-size: 12px
}

#nav>ul>li:hover .subnav {
	display: block \9;
	visibility: visible
}

#nav>ul>li:hover .subnav li {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}

.subnav {
	visibility: hidden;
	display: none \9;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 3;
	margin-left: -83px;
	-webkit-perspective: 280px;
	-moz-perspective: 280px;
	-ms-perspective: 280px;
	perspective: 280px;
	-moz-transition: visibility linear .5s;
	-o-transition: visibility linear .5s;
	-webkit-transition: visibility linear .5s;
	transition: visibility linear .5s
}

.subnav.col2 {
	width: 332px;
	margin-left: -166px
}

.subnav.col2 ol {
	display: inline-block;
	vertical-align: top
}

.subnav ol {
	float: left
}

.subnav li {
	position: relative;
	width: 165px;
	height: 43px;
	padding-left: 70px;
	color: #fff;
	font-size: 13px;
	line-height: 41px;
	text-align: left;
	background-color: #000;
	background-color: rgba(0,0,0,.8);
	background-repeat: no-repeat;
	background-position: 20px center;
	border: 1px solid #fae19e;
	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
}

.subnav li:hover {
	left: 5px
}

.subnav li.hot:after {
	content: '';
	position: absolute;
	top: 4px;
	right: 20px;
	width: 13px;
	height: 16px;
	background: url('../images/sub_hot.gif') no-repeat
}

.subnav li[game-box="sg"] {
	background-image: url('../images/sg.png')
}

.subnav li[game-box="ds"] {
	background-image: url('../images/ds.png')
}

.subnav li[game-box="fish"] {
	background-image: url('../images/fish.png')
}

.subnav li[game-box="cq9"] {
	background-image: url('../images/cq9.png')
}

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

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

.subnav li[game-box="ty"] {
	background-image: url('../images/ty.png')
}

.subnav li[game-box="cp"] {
	background-image: url('../images/cp.png')
}

.subnav li[game-box="cp1"] {
	background-image: url('../images/pt.png')
}

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

.subnav li[game-box="gns"] {
	background-image: url('../images/gns.png')
}

.subnav li[game-box="by"] {
	background-image: url('../images/by.png')
}

.subnav li[game-box="gd"] {
	background-image: url('../images/gd.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('../images/ne.png')
}

.subnav li[game-box="rt"] {
	background-image: url('../images/rt.png')
}

.subnav li[game-box="ga"] {
	background-image: url('../images/ga.png')
}

.subnav li[game-box="pg"] {
	background-image: url('../images/pg.png')
}

.subnav li[game-box="lg"] {
	background-image: url('../images/lg.png')
}

.subnav li[game-box="isb"] {
	background-image: url('../images/isb.png')
}

.subnav li[game-box="png"] {
	background-image: url('../images/png.png')
}

.subnav li[game-box="pts"] {
	background-image: url('../images/pts.png')
}

.subnav li[game-box="bb"] {
	background-image: url('../images/bb.png')
}

.subnav li[game-box="bg"] {
	background-image: url('../images/bg.png')
}

.subnav li[game-box="ab"] {
	background-image: url('../images/ab.png')
}

.subnav li[game-box="evo"] {
	background-image: url('../images/evo.png')
}

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

.subnav li[game-box="sb"] {
	background-image: url('../images/sb.png')
}

.subnav li[game-box="og"] {
	background-image: url('../images/og.png')
}

.subnav li[game-box="ebet"] {
	background-image: url('../images/ebet.png')
}

.subnav li[game-box="hg"] {
	background-image: url('../images/hg.png')
}

.subnav li[game-box="saba"] {
	background-image: url('../images/saba.png')
}

.subnav li[game-box="cmd"] {
	background-image: url('../images/cmd.png')
}

.subnav li[game-box="esb"] {
	background-image: url('../images/esb.png')
}

.subnav li[game-box="ig"] {
	background-image: url('../images/ig.png')
}

.subnav li[game-box="lx"] {
	background-image: url('../images/lx.png')
}

.subnav li[game-box="kg"] {
	background-image: url('../images/kg.png')
}

.subnav li[game-box="kg-game1"] {
	background-image: url('../images/kg01.png')
}

.subnav li[game-box="kg-game2"] {
	background-image: url('../images/kg02.png')
}

.subnav li[game-box="kg-game3"] {
	background-image: url('../images/kg03.png')
}

.subnav li[game-box="kg-game4"] {
	background-image: url('../images/kg04.png')
}

.subnav li[game-box="kg-game5"] {
	background-image: url('../images/kg05.png')
}

.subnav li[game-box="kg-envelop"] {
	background-image: url('../images/kg_envelop.png')
}

.subnav li[game-box="kg-tbcow"] {
	background-image: url('../images/kg_tbcow.png')
}

.subnav li[game-box="kg-tiger"] {
	background-image: url('../images/kg_tiger.png')
}

.subnav li[game-box="kg-21"] {
	background-image: url('../images/kg_21.png')
}

.subnav li[game-box="gpk"] {
	background-image: url('../images/gpk.png')
}

.subnav li[game-box="hot"] {
	background-image: url('../images/hot.png')
}

.subnav li[game-box="kg01"] {
	background-image: url('../images/kg01.png')
}

.subnav li[game-box="kg02"] {
	background-image: url('../images/kg02.png')
}

.subnav li[game-box="kg03"] {
	background-image: url('../images/kg03.png')
}

.subnav li[game-box="kg04"] {
	background-image: url('../images/kg04.png')
}

.subnav li[game-box="kg05"] {
	background-image: url('../images/kg05.png')
}

.subnav li[game-box="kg06"] {
	background-image: url('../images/kg06.png')
}

.subnav li[game-box="kg07"] {
	background-image: url('../images/kg07.png')
}

.subnav li[game-box="kg08"] {
	background-image: url('../images/kg08.png')
}

.subnav li[game-box="kg09"] {
	background-image: url('../images/kg09.png')
}

.subnav li[game-box="kg10"] {
	background-image: url('../images/kg10.png')
}

.subnav li[game-box="kg20"] {
	background-image: url('../images/kg20.png')
}

.subnav li[game-box="kg30"] {
	background-image: url('../images/kg30.png')
}

#nav li:hover .subnav li:nth-child(1) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

#nav li:hover .subnav li:nth-child(2) {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms
}

#nav li:hover .subnav li:nth-child(3) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms
}

#nav li:hover .subnav li:nth-child(4) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms
}

#nav li:hover .subnav li:nth-child(5) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms
}

#nav li:hover .subnav li:nth-child(6) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms
}

#nav li:hover .subnav li:nth-child(7) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

#nav li:hover .subnav li:nth-child(8) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms
}

#nav li:hover .subnav li:nth-child(9) {
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms
}

#nav li:hover .subnav li:nth-child(10) {
	-webkit-transition-delay: 450ms;
	-moz-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	transition-delay: 450ms
}

#nav li:hover .subnav li:nth-child(11) {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms
}

#nav li:hover .subnav li:nth-child(12) {
	-webkit-transition-delay: 550ms;
	-moz-transition-delay: 550ms;
	-o-transition-delay: 550ms;
	transition-delay: 550ms
}

.header-bottom {
	position: relative;
	height: 50px;
	z-index: 1;
	text-align: right;
	background: #000c26;
	background: rgba(0,12,38,.8)
}

.header-bottom.ScrollTop {
	z-index: 2;
	height: 50px;
	margin: 0
}

#account-box {
	display: inline-block;
	font-size: 0
}

#account-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 50px;
	background: url('../images/acc_title.png') no-repeat center
}

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

#account-box>form input {
	width: 120px;
	height: 35px;
	padding: 0 10px;
	color: #fae19e;
	font-size: 12px;
	background: transparent;
	border: 1px solid #786b52
}

#account-box>form input#username,#account-box>form input#password {
	width: 168px
}

#account-box>form input#password {
	margin: 0 5px
}

#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: 97px;
	height: 40px;
	font-size: 14px;
	background-position: center top;
	border: none;
	cursor: pointer;
}

#account-box>form button:hover {
	background-position: center bottom
}

#account-box>form button.login-btn {
	color: #fff;
	background-image: url('../images/login_btn.png')
}

#account-box>form button.register-btn {
	margin-left: 5px;
	color: #000;
	background-image: url('../images/register_btn.png')
}

#account-box>form .account-link {
	position: relative;
	display: inline-block;
	margin: 0 10px
}

#account-box>form .account-link:before {
	content: '|';
	position: absolute;
	top: 15px;
	left: 48%;
	height: 100%;
	color: #fff;
	font-size: 12px
}

#account-box>form .account-link a {
	color: #fff;
	font-size: 12px;
	line-height: 50px;
	text-decoration: none
}

#account-box>form .account-link a:hover {
	text-decoration: underline
}

#account-box>form .account-link a.trial-btn {
	margin-left: 20px;
	color: #fae19e
}

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

#vPic {
	position: absolute;
	top: 5px;
	right: 2px;
	width: auto;
	height: 25px
}

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

#agree a {
	color: #c4aa6d;
	font-weight: bold;
	cursor: pointer
}

#account-box.login:before {
	background: url('../images/acc_title_login.png') no-repeat center
}

ul#account-info {
	position: relative
}

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

ul#account-info>li>span.account {
	display: inline-block;
	max-width: 6em;
	color: #fae19e;
	-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: top
}

#action-box>a {
	display: block;
	width: 70px;
	height: 25px;
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 25px;
	text-decoration: none;
	text-align: center
}

#account-nav {
	display: inline-block;
	margin-left: 10px;
	text-align: center
}

#account-nav>li {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	line-height: 50px
}

#account-nav>li.logout-btn {
	color: red
}

#account-nav>li:hover {
	color: #fb0
}

#account-nav>li+li:before {
	content: '|';
	color: #fff;
	margin: 0 3px 0 5px
}

#account-nav>li>a {
	display: inline-block;
	color: inherit;
	text-decoration: none
}

#banner {
	position: relative;
	/*margin-top: -50px;
	background: url('../images/banner.png') no-repeat center top*/
}

#news {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 45px;
	background: #000;
	background: rgba(0,0,0,.8)
}

#news .wrapper {
	padding-left: 25px;
	color: #fae19e;
	font-size: 14px;
	line-height: 45px;
	background: url('../images/news.png') no-repeat left center
}

#hot-news {
	display: inline-block;
	width: 904px;
	margin-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top
}

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

#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: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: 20px 0;
	background: #001d59;
}

#content .main {
	width: 1055px;
	margin: 0 auto;
}

#footer {
	color: #fff;
	font-size: 0;
	text-align: center
}

.footer-top {
	height: 207px;
	background: #282828
}

#footer-info {
	margin: 28px 0 41px
}

#footer-info>li {
	position: relative;
	float: left;
	height: 44px;
	font-size: 14px;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat
}

#footer-info>li+li:before {
	position: absolute;
	content: '|';
	top: 15px;
	left: 0;
	height: 15px;
	color: #606060
}

#footer-info>li span {
	display: block;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#footer-info>li.macau-tel,#footer-info>li.inter-tel {
	background-image: url('../images/footer_tel.png')
}

#footer-info>li.macau-tel {
	width: 199px;
	padding-left: 60px
}

#footer-info>li.inter-tel {
	width: 227px;
	padding-left: 75px;
	background-position: 20px top
}

#footer-info>li.company-email,#footer-info>li.agent-email {
	background-image: url('../images/footer_email.png')
}

#footer-info>li.company-email {
	width: 194px;
	padding-left: 80px;
	background-position: 24px top
}

#footer-info>li.agent-email {
	width: 229px;
	padding-left: 90px;
	background-position: 30px top
}

#footer-info>li.chat {
	width: 151px;
	padding-left: 83px;
	background: url('../images/footer_chat.png') no-repeat 26px top
}

#footer-info>li:hover {
	color: #fef659;
	background-position-y: bottom
}

#footer-logo {
	display: inline-block;
	width: 100%;
	height: 77px;
	padding-top: 17px;
	background: url('../images/footer_logo.png?12') no-repeat center
}

#footer-logo li {
	position: relative;
	display: inline-block;
	top: 0;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center top;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s
}

#footer-logo li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s
}

#footer-logo li:hover {
	background-position: center 68px
}

#footer-logo li:hover:before {
	filter: alpha(opacity=100);
	opacity: 1
}

#footer-logo li+li {
	margin-left: 20px
}

#footer-logo li.bb,#footer-logo li.bb:before {
	width: 68px;
	background-image: url('../images/footer_logo_bb.png')
}

#footer-logo li.ag,#footer-logo li.ag:before {
	width: 100px;
	background-image: url('../images/footer_logo_ag.png')
}

#footer-logo li.mg,#footer-logo li.mg:before {
	width: 138px;
	background-image: url('../images/footer_logo_mg.png')
}

#footer-logo li.pt,#footer-logo li.pt:before {
	width: 130px;
	background-image: url('../images/footer_logo_pt.png')
}

#footer-logo li.pt {
	margin-left: 304px
}

#footer-logo li.saba,#footer-logo li.saba:before {
	width: 90px;
	background-image: url('../images/footer_logo_saba.png')
}

#footer-logo li.fish,#footer-logo li.fish:before {
	width: 90px;
	background-image: url('../images/footer_logo_fish.png')
}

.footer-bottom {
	height: 113px;
	background: url('../images/footer_bg.jpg') repeat-x center
}

#footer-nav {
	display: inline-block;
	margin: 20px 0
}

#footer-nav li {
	display: inline-block;
	color: #fff;
	font-size: 12px
}

#footer-nav li:hover {
	color: red
}

#footer-nav li+li:before {
	content: '|';
	padding: 0 10px;
	color: #fff
}

#footer-nav a {
	color: inherit;
	text-decoration: none
}

#footer-suggest {
	margin: 0;
	color: #fff;
	font-size: 12px;
	line-height: 20px
}

#footer-suggest span {
	display: block;
	margin-top: 4px
}

aside.services {
	position: absolute;
	z-index: 2;
	top: 210px;
	width: 37px;
	-moz-transition: width .3s;
	-o-transition: width .3s;
	-webkit-transition: width .3s;
	transition: width .3s;
	overflow: hidden
}

aside.services li {
	color: #fff77f;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	filter: alpha(opacity=0);
	opacity: 0
}

aside.services li.closed {
	height: 25px;
	cursor: pointer
}

aside.services:hover {
	width: 168px
}

aside.services:hover li {
	width: 131px;
	filter: alpha(opacity=100);
	opacity: 1
}

aside.services li a {
	display: block;
	height: 100%
}

aside.services1 {
	width: 124px;
	height: 383px;
}

aside.service-left {
	position: absolute;
	left: 20px;
	top: 312px;
	height: 423px;
	background: url('../images/left.png?sss') no-repeat right top;
}

.services1 li, .services li {
	width: 124px;
}

.services1 a, .services a {
	display: block;
	height: 100%;
}

aside.service-left li.join {
	height: 56px
}

aside.service-left li.download {
	height: 40px
}

aside.service-left li.envelope {
	height: 40px
}

aside.service-left li.promo {
	height: 40px
}

aside.service-left li.browser {
	height: 62px
}

aside.service-left li.app {
	height: 162px
}

aside.service-right {
	right: 0;
	padding-left: 37px;
	background: url('../images/right.png') left top
}

aside.service-right li.chat {
	height: 56px
}

aside.service-right li.join {
	height: 53px
}

aside.service-right li.app {
	height: 53px
}

aside.service-right li.tel2 {
	height: 53px;
	padding-top: 31px
}

aside.service-right li.tel {
	height: 48px;
	padding-top: 27px;
	font-size: 12px
}

aside.service-right li.email {
	height: 48px;
	padding-top: 26px
}

aside.service-right li.qrcode {
	height: 112px
}

#mailbox {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: sub;
	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 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.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
}

.ui-widget-overlay {
}

#lobby {
	display: inline-block;
	color: #fff;
	font-size: 0;
	width: 100%
}

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

#un-lobby {
	display: inline-block;
	width: 100%;
	margin: 0 auto
}

#un-lobby aside {
	float: left;
	width: 260px
}

#un-lobby ul#sidebar:before {
	content: '';
	display: block;
	height: 108px;
	margin-bottom: 5px;
	background: url('../images/sidebar_top.png')
}

#un-lobby ul#sidebar:after {
	content: '';
	display: block;
	height: 254px;
	margin-top: 22px;
	background: url('../images/sidebar_bottom.png?v1') no-repeat center
}

#un-lobby ul#sidebar li {
	width: 260px;
	height: 39px;
	color: #fff;
	font-size: 14px;
	line-height: 39px;
	background: url('../images/sidebar_btn.png')no-repeat center top
}

#un-lobby ul#sidebar li:hover {
	color: #feca31;
	background-position: center bottom
}

#un-lobby ul#sidebar li a {
	display: block;
	height: 100%;
	padding-left: 77px;
	color: inherit;
	text-decoration: none
}

#articles {
	float: right;
	width: 728px;
	min-height: 740px;
	padding: 25px 47px;
	color: #8f8f8f;
	text-align: left;
	background: #fff
}

#articles h2 {
	color: #003abd;
	font-size: 18px
}

#articles h3 {
	font-size: 14px;
	text-align: left
}

#articles h4 {
	font-size: 14px;
	text-align: left
}

#articles>ul {
	list-style: none
}

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

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

#articles p {
	margin: 1em 0
}

#articles table {
	width: 100%
}

#articles table tr,#articles table th,#articles table td {
	line-height: 2em;
	text-align: center;
	background: #fff;
	border: 1px solid #d5d5d5
}

#articles table th {
	background: #f2f2f2
}

#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: 102px;
	height: 28px;
	color: #474747;
	font-size: 13px;
	line-height: 28px;
	text-align: center;
	background: #e1e1e1;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	cursor: pointer
}

#articles ul.mtab-menual li.mtab,#articles ul.mtab-menual li:hover {
	color: #fff;
	background: #003cbd
}

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

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

#articles ul.deposit>li>a:before {
	content: "方法 " counter(title,upper-alpha)"、"
}

#articles ul.deposit>li a {
	color: #ff6a00;
	font-size: 16px;
	text-decoration: underline
}

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

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

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

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

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

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

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

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

.panel {
	width: 100%;
	color: #5f5f5f;
	background: url('https://cdn.igsttech.com/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.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: 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.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: bold;
	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>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: .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 {
	min-height: 38px;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	word-break: break-all;
	background-color: #06c;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}

.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 span {
	display: inline-block;
	width: 80%;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.modal-announcement .ma-sidebar li:hover,.modal-announcement .ma-sidebar li.active {
	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
}

.modal-announcement .ma-content img {
	max-width: 100%;
	height: auto
}

#banner {
	height: 465px;
	margin-top: 0;
}

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

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

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

#slide-banner .slide-pager {
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 100%;
	text-align: center
}

#slide-banner .slide-pager li {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 4px;
	font-size: 0;
	background-color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer
}

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

.slot-tab {
	height: 91px;
	padding: 1px 0;
	background: url('../images/slot_tab_bg.jpg') repeat-x;
	overflow: hidden
}

.slot-tab span {
	position: absolute;
	top: 0;
	z-index: 1;
	display: inline-block;
	width: 50px;
	height: 89px;
	background-position: center top;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top
}

.slot-tab span:hover {
	background-position: center bottom
}

.slot-tab span:before {
	content: '';
	position: absolute;
	top: 34px;
	left: 14px;
	width: 21px;
	height: 21px;
	background-repeat: no-repeat;
	background-position: center top
}

.slot-tab span:hover:before {
	background-position: center bottom
}

.slot-tab span.prev {
	left: 0
}

.slot-tab span.prev:before {
	background-image: url('../images/slot_prev.png')
}

.slot-tab span.next {
	right: 0
}

.slot-tab span.next:before {
	background-image: url('../images/slot_next.png')
}

.slot-tab .main-cell {
	margin: 0 50px
}

.slot-tab ul.company-list>li {
	position: relative;
	width: 100px;
	height: 89px;
	padding-top: 57px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	white-space: nowrap
}

/*.slot-tab ul.company-list>li:hover,.slot-tab ul.company-list>li.active {
	background: url('../images/slot_hover.png')
}*/

.slot-tab ul.company-list>li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 7px
}

.slot-tab ul.company-list>li[game-box="sg"]:before {
	/* background-image: url('../images/sg.png') */
	background-image: url('../images/LHC.png')
}

.slot-tab ul.company-list>li[game-box="fish"]:before {
	/* background-image: url('../images/fish.png') */
	background-image: url('../images/CQSSC.png')
}

.slot-tab ul.company-list>li[game-box="mg"]:before {
	/* background-image: url('../images/mg.png') */
	background-image: url('../images/SFLHC.png')
}

.slot-tab ul.company-list>li[game-box="ag"]:before {
	/* background-image: url('../images/ag.png') */
	background-image: url('../images/FFC.png')
}

.slot-tab ul.company-list>li[game-box="cp"]:before {
	/* background-image: url('../images/ag.png') */
	background-image: url('../images/cp.png')
}

.slot-tab ul.company-list>li[game-box="prg"]:before {
	background-image: url('../images/pp.png')
}

.slot-tab ul.company-list>li[game-box="mw"]:before {
	/* background-image: url('../images/mw.png') */
}

.slot-tab ul.company-list>li[game-box="pt"]:before {
	/* background-image: url('../images/pt.png') */
	background-image: url('../images/SFSC.png')
}

.slot-tab ul.company-list>li[game-box="gpi"]:before {
	/* background-image: url('../images/gpi.png') */
	background-image: url('../images/WFC.png')
}

.slot-tab ul.company-list>li[game-box="gns"]:before {
	/* background-image: url('../images/gns.png') */
	background-image: url('../images/PCEGG.png')
}

.slot-tab ul.company-list>li[game-box="hb"]:before {
	/* background-image: url('../images/hb.png') */
}

.slot-tab ul.company-list>li[game-box="jdb"]:before {
	/* background-image: url('../images/jdb.png') */
}

.slot-tab ul.company-list>li[game-box="ne"]:before {
	/* background-image: url('../images/ne.png') */
}

.slot-tab ul.company-list>li[game-box="cq9"]:before {
	/* background-image: url('../images/cq9.png') */
	background-image: url('../images/BJSC.png')
}

.slot-tab ul.company-list>li[game-box="rt"]:before {
	/* background-image: url('../images/rt.png') */
}

.slot-tab ul.company-list>li[game-box="ga"]:before {
	/* background-image: url('../images/ga.png') */
}

.slot-tab ul.company-list>li[game-box="pg"]:before {
	/* background-image: url('../images/pg.png') */
}

.slot-tab ul.company-list>li[game-box="lg"]:before {
	/* background-image: url('../images/lg.png') */
}

.slot-tab ul.company-list>li[game-box="isb"]:before {
	/* background-image: url('../images/isb.png') */
}

.slot-tab ul.company-list>li[game-box="bb"]:before {
	/* background-image: url('../images/bbin.png') */
}

.slot-bottom {
	height: 496px;
	background: url('../images/slot_bg.jpg') no-repeat center top
}

.slot-bottom .wrapper {
	padding-left: 260px
}

.slot-bottom .game-list {
	position: relative;
	margin-top: 18px;
	width: 480px;
	font-size: 0
}

.slot-bottom .game-list:before {
	content: '';
	position: absolute;
	top: 0;
	left: -401px;
	width: 391px;
	height: 393px
}

.slot-bottom .game-list li {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 140px;
	margin: 0 10px 15px 0;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	background: #02287e
}

.slot-bottom .game-list li span.img {
	position: relative;
	display: block;
	width: 150px;
	height: 100px
}

.slot-bottom .game-list li:hover span.img:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	filter: alpha(opacity=60);
	opacity: .6
}

.slot-bottom .game-list li span.enter {
	display: none;
	position: absolute;
	top: 35px;
	left: 30px;
	width: 90px;
	height: 30px;
	line-height: 30px;
	background: #13b5b1;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px
}

.slot-bottom .game-list li:hover span.enter {
	display: block
}

.slot-bottom .game-list.sg:before {
	background-image: url('../images/sg/img.png')
}

.slot-bottom .game-list.sg li.game1 span.img {
	background: url('../images/sg/01.jpg')
}

.slot-bottom .game-list.sg li.game2 span.img {
	background: url('../images/sg/02.jpg')
}

.slot-bottom .game-list.sg li.game3 span.img {
	background: url('../images/sg/03.jpg')
}

.slot-bottom .game-list.sg li.game4 span.img {
	background: url('../images/sg/04.jpg')
}

.slot-bottom .game-list.sg li.game5 span.img {
	background: url('../images/sg/05.jpg')
}

.slot-bottom .game-list.sg li.game6 span.img {
	background: url('../images/sg/06.jpg')
}

.slot-bottom .game-list.fish:before {
	background-image: url('../images/fish/img.png')
}

.slot-bottom .game-list.fish li.fish span.img {
	background: url('../images/fish/fish.jpg')
}

.slot-bottom .game-list.fish li.ag span.img {
	background: url('../images/fish/ag.jpg')
}

.slot-bottom .game-list.fish li.mw span.img {
	background: url('../images/fish/mw.jpg')
}

.slot-bottom .game-list.fish li.jdb span.img {
	background: url('../images/fish/jdb.jpg')
}

.slot-bottom .game-list.fish li.pg span.img {
	background: url('../images/fish/pg.jpg')
}

.slot-bottom .game-list.fish li.pt span.img {
	background: url('../images/fish/pt.jpg')
}

.slot-bottom .game-list.cq9:before {
	background-image: url('../images/cq9/img.png')
}

.slot-bottom .game-list.cq9 li.game1 span.img {
	background: url('../images/cq9/01.jpg')
}

.slot-bottom .game-list.cq9 li.game2 span.img {
	background: url('../images/cq9/02.jpg')
}

.slot-bottom .game-list.cq9 li.game3 span.img {
	background: url('../images/cq9/03.jpg')
}

.slot-bottom .game-list.cq9 li.game4 span.img {
	background: url('../images/cq9/04.jpg')
}

.slot-bottom .game-list.cq9 li.game5 span.img {
	background: url('../images/cq9/05.jpg')
}

.slot-bottom .game-list.cq9 li.game6 span.img {
	background: url('../images/cq9/06.jpg')
}

.slot-bottom .game-list.mg:before {
	background-image: url('../images/mg/img.png')
}

.slot-bottom .game-list.mg li.game1 span.img {
	background: url('../images/mg/01.jpg')
}

.slot-bottom .game-list.mg li.game2 span.img {
	background: url('../images/mg/02.jpg')
}

.slot-bottom .game-list.mg li.game3 span.img {
	background: url('../images/mg/03.jpg')
}

.slot-bottom .game-list.mg li.game4 span.img {
	background: url('../images/mg/04.jpg')
}

.slot-bottom .game-list.mg li.game5 span.img {
	background: url('../images/mg/05.jpg')
}

.slot-bottom .game-list.mg li.game6 span.img {
	background: url('../images/mg/06.jpg')
}

.slot-bottom .game-list.ag:before {
	background-image: url('../images/ag/img.png')
}

.slot-bottom .game-list.ag li.game1 span.img {
	background: url('../images/ag/01.jpg')
}

.slot-bottom .game-list.ag li.game2 span.img {
	background: url('../images/ag/02.jpg')
}

.slot-bottom .game-list.ag li.game3 span.img {
	background: url('../images/ag/03.jpg')
}

.slot-bottom .game-list.ag li.game4 span.img {
	background: url('../images/ag/04.jpg')
}

.slot-bottom .game-list.ag li.game5 span.img {
	background: url('../images/ag/05.jpg')
}

.slot-bottom .game-list.ag li.game6 span.img {
	background: url('../images/ag/06.jpg')
}

.slot-bottom .game-list.pt:before {
	background-image: url('../images/pt/img.png')
}

.slot-bottom .game-list.pt li.game1 span.img {
	background: url('../images/pt/01.jpg')
}

.slot-bottom .game-list.pt li.game2 span.img {
	background: url('../images/pt/02.jpg')
}

.slot-bottom .game-list.pt li.game3 span.img {
	background: url('../images/pt/03.jpg')
}

.slot-bottom .game-list.pt li.game4 span.img {
	background: url('../images/pt/04.jpg')
}

.slot-bottom .game-list.pt li.game5 span.img {
	background: url('../images/pt/05.jpg')
}

.slot-bottom .game-list.pt li.game6 span.img {
	background: url('../images/pt/06.jpg')
}

.slot-bottom .game-list.gns:before {
	background-image: url('../images/gns/img.png')
}

.slot-bottom .game-list.gns li.game1 span.img {
	background: url('../images/gns/01.jpg')
}

.slot-bottom .game-list.gns li.game2 span.img {
	background: url('../images/gns/02.jpg')
}

.slot-bottom .game-list.gns li.game3 span.img {
	background: url('../images/gns/03.jpg')
}

.slot-bottom .game-list.gns li.game4 span.img {
	background: url('../images/gns/04.jpg')
}

.slot-bottom .game-list.gns li.game5 span.img {
	background: url('../images/gns/05.jpg')
}

.slot-bottom .game-list.gns li.game6 span.img {
	background: url('../images/gns/06.jpg')
}

.slot-bottom .game-list.gpi:before {
	background-image: url('../images/gpi/img.png')
}

.slot-bottom .game-list.gpi li.game1 span.img {
	background: url('../images/gpi/01.jpg')
}

.slot-bottom .game-list.gpi li.game2 span.img {
	background: url('../images/gpi/02.jpg')
}

.slot-bottom .game-list.gpi li.game3 span.img {
	background: url('../images/gpi/03.jpg')
}

.slot-bottom .game-list.gpi li.game4 span.img {
	background: url('../images/gpi/04.jpg')
}

.slot-bottom .game-list.gpi li.game5 span.img {
	background: url('../images/gpi/05.jpg')
}

.slot-bottom .game-list.gpi li.game6 span.img {
	background: url('../images/gpi/06.jpg')
}

.slot-bottom .game-list.pp:before {
	background-image: url('../images/pp/img.png')
}

.slot-bottom .game-list.pp li.game1 span.img {
	background: url('../images/pp/01.jpg')
}

.slot-bottom .game-list.pp li.game2 span.img {
	background: url('../images/pp/02.jpg')
}

.slot-bottom .game-list.pp li.game3 span.img {
	background: url('../images/pp/03.jpg')
}

.slot-bottom .game-list.pp li.game4 span.img {
	background: url('../images/pp/04.jpg')
}

.slot-bottom .game-list.pp li.game5 span.img {
	background: url('../images/pp/05.jpg')
}

.slot-bottom .game-list.pp li.game6 span.img {
	background: url('../images/pp/06.jpg')
}

.slot-bottom .game-list.mw:before {
	background-image: url('../images/mw/img.png')
}

.slot-bottom .game-list.mw li.game1 span.img {
	background: url('../images/mw/01.jpg')
}

.slot-bottom .game-list.mw li.game2 span.img {
	background: url('../images/mw/02.jpg')
}

.slot-bottom .game-list.mw li.game3 span.img {
	background: url('../images/mw/03.jpg')
}

.slot-bottom .game-list.mw li.game4 span.img {
	background: url('../images/mw/04.jpg')
}

.slot-bottom .game-list.mw li.game5 span.img {
	background: url('../images/mw/05.jpg')
}

.slot-bottom .game-list.mw li.game6 span.img {
	background: url('../images/mw/06.jpg')
}

.slot-bottom .game-list.hb:before {
	background-image: url('../images/hb/img.png')
}

.slot-bottom .game-list.hb li.game1 span.img {
	background: url('../images/hb/01.jpg')
}

.slot-bottom .game-list.hb li.game2 span.img {
	background: url('../images/hb/02.jpg')
}

.slot-bottom .game-list.hb li.game3 span.img {
	background: url('../images/hb/03.jpg')
}

.slot-bottom .game-list.hb li.game4 span.img {
	background: url('../images/hb/04.jpg')
}

.slot-bottom .game-list.hb li.game5 span.img {
	background: url('../images/hb/05.jpg')
}

.slot-bottom .game-list.hb li.game6 span.img {
	background: url('../images/hb/06.jpg')
}

.slot-bottom .game-list.jdb:before {
	background-image: url('../images/jdb/img.png')
}

.slot-bottom .game-list.jdb li.game1 span.img {
	background: url('../images/jdb/01.jpg')
}

.slot-bottom .game-list.jdb li.game2 span.img {
	background: url('../images/jdb/02.jpg')
}

.slot-bottom .game-list.jdb li.game3 span.img {
	background: url('../images/jdb/03.jpg')
}

.slot-bottom .game-list.jdb li.game4 span.img {
	background: url('../images/jdb/04.jpg')
}

.slot-bottom .game-list.jdb li.game5 span.img {
	background: url('../images/jdb/05.jpg')
}

.slot-bottom .game-list.jdb li.game6 span.img {
	background: url('../images/jdb/06.jpg')
}

.slot-bottom .game-list.ne:before {
	background-image: url('../images/ne/img.png')
}

.slot-bottom .game-list.ne li.game1 span.img {
	background: url('../images/ne/01.jpg')
}

.slot-bottom .game-list.ne li.game2 span.img {
	background: url('../images/ne/02.jpg')
}

.slot-bottom .game-list.ne li.game3 span.img {
	background: url('../images/ne/03.jpg')
}

.slot-bottom .game-list.ne li.game4 span.img {
	background: url('../images/ne/04.jpg')
}

.slot-bottom .game-list.ne li.game5 span.img {
	background: url('../images/ne/05.jpg')
}

.slot-bottom .game-list.ne li.game6 span.img {
	background: url('../images/ne/06.jpg')
}

.slot-bottom .game-list.rt:before {
	background-image: url('../images/rt/img.png')
}

.slot-bottom .game-list.rt li.game1 span.img {
	background: url('../images/rt/01.jpg')
}

.slot-bottom .game-list.rt li.game2 span.img {
	background: url('../images/rt/02.jpg')
}

.slot-bottom .game-list.rt li.game3 span.img {
	background: url('../images/rt/03.jpg')
}

.slot-bottom .game-list.rt li.game4 span.img {
	background: url('../images/rt/04.jpg')
}

.slot-bottom .game-list.rt li.game5 span.img {
	background: url('../images/rt/05.jpg')
}

.slot-bottom .game-list.rt li.game6 span.img {
	background: url('../images/rt/06.jpg')
}

.slot-bottom .game-list.ga:before {
	background-image: url('../images/ga/img.png')
}

.slot-bottom .game-list.ga li.game1 span.img {
	background: url('../images/ga/01.jpg')
}

.slot-bottom .game-list.ga li.game2 span.img {
	background: url('../images/ga/02.jpg')
}

.slot-bottom .game-list.ga li.game3 span.img {
	background: url('../images/ga/03.jpg')
}

.slot-bottom .game-list.ga li.game4 span.img {
	background: url('../images/ga/04.jpg')
}

.slot-bottom .game-list.ga li.game5 span.img {
	background: url('../images/ga/05.jpg')
}

.slot-bottom .game-list.ga li.game6 span.img {
	background: url('../images/ga/06.jpg')
}

.slot-bottom .game-list.pg:before {
	background-image: url('../images/pg/img.png')
}

.slot-bottom .game-list.pg li.game1 span.img {
	background: url('../images/pg/01.jpg')
}

.slot-bottom .game-list.pg li.game2 span.img {
	background: url('../images/pg/02.jpg')
}

.slot-bottom .game-list.pg li.game3 span.img {
	background: url('../images/pg/03.jpg')
}

.slot-bottom .game-list.pg li.game4 span.img {
	background: url('../images/pg/04.jpg')
}

.slot-bottom .game-list.pg li.game5 span.img {
	background: url('../images/pg/05.jpg')
}

.slot-bottom .game-list.pg li.game6 span.img {
	background: url('../images/pg/06.jpg')
}

.slot-bottom .game-list.lg:before {
	background-image: url('../images/lg/img.png')
}

.slot-bottom .game-list.lg li.game1 span.img {
	background: url('../images/lg/01.jpg')
}

.slot-bottom .game-list.lg li.game2 span.img {
	background: url('../images/lg/02.jpg')
}

.slot-bottom .game-list.lg li.game3 span.img {
	background: url('../images/lg/03.jpg')
}

.slot-bottom .game-list.lg li.game4 span.img {
	background: url('../images/lg/04.jpg')
}

.slot-bottom .game-list.lg li.game5 span.img {
	background: url('../images/lg/05.jpg')
}

.slot-bottom .game-list.lg li.game6 span.img {
	background: url('../images/lg/06.jpg')
}

.slot-bottom .game-list.isb:before {
	background-image: url('../images/isb/img.png')
}

.slot-bottom .game-list.isb li.game1 span.img {
	background: url('../images/isb/01.jpg')
}

.slot-bottom .game-list.isb li.game2 span.img {
	background: url('../images/isb/02.jpg')
}

.slot-bottom .game-list.isb li.game3 span.img {
	background: url('../images/isb/03.jpg')
}

.slot-bottom .game-list.isb li.game4 span.img {
	background: url('../images/isb/04.jpg')
}

.slot-bottom .game-list.isb li.game5 span.img {
	background: url('../images/isb/05.jpg')
}

.slot-bottom .game-list.isb li.game6 span.img {
	background: url('../images/isb/06.jpg')
}

.slot-bottom .game-list.bb:before {
	background-image: url('../images/bb/img.png')
}

.slot-bottom .game-list.bb li.game1 span.img {
	background: url('../images/bb/01.jpg')
}

.slot-bottom .game-list.bb li.game2 span.img {
	background: url('../images/bb/02.jpg')
}

.slot-bottom .game-list.bb li.game3 span.img {
	background: url('../images/bb/03.jpg')
}

.slot-bottom .game-list.bb li.game4 span.img {
	background: url('../images/bb/04.jpg')
}

.slot-bottom .game-list.bb li.game5 span.img {
	background: url('../images/bb/05.jpg')
}

.slot-bottom .game-list.bb li.game6 span.img {
	background: url('../images/bb/06.jpg')
}

.slot-bottom .jackpot {
	width: 470px;
	height: 105px;
	padding-left: 210px;
	color: #ff0;
	font-size: 30px;
	line-height: 76px;
	background: url('../images/jackpot_bg.png')
}

.slot-bottom .winner {
	position: absolute;
	top: 18px;
	right: 0;
	width: 227px;
	height: 411px;
	padding-top: 90px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	background: url('../images/winner_list.png')
}

.slot-bottom .winner span.money {
	margin: 0 22px
}

.slot-bottom .winner .winner-list {
	width: 200px;
	height: 180px;
	margin: 0 auto;
	overflow: hidden
}

.slot-bottom .winner .winner-list span {
	display: inline-block;
	width: 31%;
	color: #00a0e9;
	font-size: 12px;
	line-height: 21px;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.game-sec {
	position: relative;
	height: 885px;
	padding-top: 110px;
	text-align: center;
	background: #01184c url('../images/gamebox_title.png?2') no-repeat center 30px
}

.game-sec:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 356px;
	width: 100%;
	background: url('../images/mobile_bgpage.png?11') no-repeat center top
}

#game-box {
	font-size: 0
}

#game-box li {
	display: inline-block;
	width: 231px;
	height: 327px;
	margin: 0;
	background-position: center top
}

#game-box li:hover {
	background-position: center bottom
}

#game-box li+li {
	margin-left: 25px
}

#game-box li a {
	display: inline-block;
	width: 100%;
	height: 100%
}

#game-box li[data-img="live"] {
	background-image: url('../images/live.png')
}

#game-box li[data-img="sport"] {
	background-image: url('../images/sport.png')
}

#game-box li[data-img="slot"] {
	background-image: url('../images/game.png')
}

#game-box li[data-img="lottery"] {
	background-image: url('../images/lottery.png')
}

.ng-hide {
	display: none;
}

/*返回顶部*/
#ele-float-top-wrap {
    position: fixed;
    right: 5px;
    bottom: 51px;
    min-width: 40px;
    z-index: 20;
}
.ele-float-top-btn {
    margin-top: 2px;
    display: block;
    position: relative;
    height: 40px;
    border-radius: 3px;
    transition: opacity 0.6s ease;
    background-color: white;
    background-position: 50% 0;
    background-repeat: no-repeat;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
    opacity: 0.8;
}
#ele-float-top-up {
    display: none;
    cursor: pointer;
    margin-top: -40px;
    background-image: url(../images/float_top_up.png);
}