.megamenu-wrapper {
	position: relative;
	width: 1500px;
	margin: 0 auto
}

#top-nav {
	padding-top: 10px;
	height: 30px;
	background: #222;
	border-bottom: 1px solid #2f2f2f
}

ul.left-nav {
	float: left;
	color: #969696
}

ul.left-nav li {
	float: left
}

ul.left-nav li[select-language] {
	margin-right: 15px
}

ul.left-nav li[select-language] span {
	display: inline-block;
	width: 22px;
	height: 14px;
	vertical-align: middle;
	cursor: pointer
}

ul.left-nav li span[data-language="zh-CN"] {
	background: url('../images/lang02.png') no-repeat
}

ul.left-nav li span[data-language="zh-TW"] {
	background: url('../images/lang01.png') no-repeat
}

ul.left-nav li span[data-language="en-US"] {
	background: url('../images/lang03.png') no-repeat
}

ul.left-nav li span[data-language="th"] {
	display: none
}

ul.right-nav {
	float: right
}

ul.right-nav li {
	float: left;
	border-left: 1px solid #969696
}

ul.right-nav li:first-child {
	border: none
}

ul.right-nav li a {
	padding: 0 8px;
	text-decoration: none
}

ul.right-nav li.red a {
	color: #e60012
}

ul.right-nav li.brown a {
	color: #cfa972
}

ul.right-nav li.gold a {
	color: #ffe153
}

ul.right-nav li.orange a {
	color: #eb6100
}

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

ul.right-nav li.gray a {
	color: #dcdcdc
}

ul.right-nav li.yellow a {
	color: #d4e193
}

#header {
	position: relative;
	width: 100%
}

#nav #logo-bg {
	position: absolute;
	width: 300px;
	height: 70px;
	margin-top: 10px;
	background: url('../images/LOGO3ok.png') no-repeat
}

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

#nav {
	position: relative;
}

#nav>ul {
	display: block
}

#nav>ul>li {
	float: left;
    position: relative;
    width: 108px;
    height: 47px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    list-style: none;
}


#nav>ul>li:hover {
	/*background: url('../images/nav.png') no-repeat*/
}

#nav>ul>li.color.red a,#nav>ul>li.color.red a span {
	color: red
}

#nav>ul>li.color.orange a,#nav>ul>li.color.orange a span {
	color: #ffaf4d
}

#nav>ul>li.color.green a,#nav>ul>li.color.green a span {
	color: #0f0
}

#nav>ul>li a {
	display: inline-block;
	width: 100%;
	height: 100%;
    color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none
}

#nav>ul>li a span {
	display: block;
	color: #505050;
	font-size: 10px
}

li.hot.red.menu.hi41{width: 56px !important;}
li.nav01{width: 39px !important;}
li.hot.red.menu{width: 107px !important;}
#nav>ul>li:hover a {
    background: #4F0001;
    color: #fff;
}

#nav>ul>li:hover a span {
	color: #8e6f2d
}

#nav>ul>li.hot:after {
	content: '';
	position: absolute;
	top: 19px;
	left: 66px;
	display: inline-block;
	width: 21px;
	height: 12px;
	/*background: url('../images/hot.gif') no-repeat*/
}


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

#nav>ul>li:hover .subnav:before {
	content: '';
	position: absolute;
	top: -9px;
	left: 0;
	right: 0;
	height: 9px;
	/*background: url('../images/menu.png') no-repeat center bottom*/
}

#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: 47px;
	left: 50%;
	z-index: 10;
	 margin-left: -153px; 
	font-size: 0;
	-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 li {
	position: relative;
	list-style: none;
	/* width: 166px; */
	width: 236px;
	height: 44px;
	/* padding-left: 70px; */
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	opacity: 0;
	background:rgba(0,0,0,.8);
	border:1px solid #ffd053;
	-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;
	background-repeat: no-repeat; 
	background-position: 8px center;

}

.subnav li.hot:after {
	content: '';
	position: absolute;
	top: 5px;
	right: 12px;
	width: 21px;
	height: 12px;
}

.subnav ol li a {
	padding-left: 70px;
}

.subnav li:hover,
.subnav li a:hover {
	color: #ffd053 !important;
	/* background-color: #ffd053 !important; */
	cursor: pointer !important;
}

.subnav li.front {
	padding: 0;
	color: #ff0;
	text-align: center
}

/* .subnav li a {
	display: block;
	height: 100%;
	width: 100%;
	color: inherit;
	text-decoration: none;
} */

.subnav li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	/* width: 70px; */
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat
}

.subnav li.front:before {
	display: none;
}

.subnav.fish li {
	padding-left: 60px
}

.subnav.fish li.front {
	padding: 0
}

.psgame {
	background: url(../images/dz/psse.jpg)no-repeat;
}

.psgame.on, .psgame:hover {
	background: url(../images/dz/pshover.jpg)no-repeat;
}

.jdbgame {
	background: url(../images/dz/jdbse.jpg)no-repeat;
}

.jdbgame.on, .jdbgame:hover {
	background: url(../images/dz/jdbhover.jpg)no-repeat;
}

.fggame {
	background: url(../images/dz/fg.jpg)no-repeat;
}

.fggame.on, .fggame:hover {
	background: url(../images/dz/fghover.jpg)no-repeat;
}

.wwggame {
	background: url(../images/dz/WW1.jpg)no-repeat;
}

.wwggame.on, .wwggame:hover {
	background: url(../images/dz/WW2.jpg)no-repeat;
}

.lygame {
	background: url(../images/dz/ly.jpg)no-repeat;
}

.lygame.on, .lygame:hover {
	background: url(../images/dz/lyhover.jpg)no-repeat;
}

#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
}

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

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

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

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

#header-bot {
	width: 100%;
	height: 49px;
	background: #1b1b1b;
	border-bottom: 3px solid #3c3c3c;
	text-align: right
}

#account-box {
	padding-top: 7px
}

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

#account-box>form input {
	margin: 0 10px 0 0;
	padding-left: 10px;
	width: 143px;
	height: 29px;
	background: none;
	border: 1px solid #2f2f2f;
	color: #a9a9a9;
	font-family: Arial;
	font-size: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	outline: none
}

#account-box>form #check-code-wrapper input {
	width: 105px
}

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

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

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

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

#account-box>form button {
	border: none;
	outline: none
}

.login-btn {
	width: 87px;
	height: 31px;
	background: url('../images/regbtn.png') no-repeat center top;
	color: #fcf988;
	font-size: 14px;
	line-height: 31px;
	text-align: center
}

.login-btn#login-box {
	margin-right: 10px;
	background: url('../images/subbtn.png') no-repeat center top;
	color: #342701
}

.login-btn#login-box:hover,.login-btn:hover {
	background-position: center bottom
}

.login-btn02 {
	background: none;
	color: #fff;
	margin-left: 8px;
	text-decoration: underline
}

.login-btn02:hover {
	color: #ffe469
}

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

#captcha {
	position: absolute;
	top: 2px;
	right: 11px;
	width: auto;
	height: 24px
}

#agree {
	display: inline-block;
	position: absolute;
	top: 82%;
	right: 200px;
	padding: 2px 5px;
	font-size: 13px;
	color: #fff
}

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

ul#account-info>li {
	display: inline-block;
	padding-left: 20px;
	float: left;
	margin-right: 26px;
	color: #fff;
	line-height: 34px
}

ul#account-info>li>span.account {
	display: inline-block;
	max-width: 4em;
	color: #fff100;
	-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 {
	position: absolute;
	top: 15px;
	right: 5px
}

#action-box>a {
	display: inline-block;
	margin-right: 8px;
	color: #fed45d;
	text-align: center
}

#action-box>a.change-password {
	display: none
}

ul#account-nav {
	width: 520px;
	text-align: left;
	vertical-align: top
}

ul#account-nav>li {
	display: inline-block;
	margin-bottom: 2px;
	line-height: 34px;
	-webkit-transition: background .4s;
	-o-transition: background .4s;
	-moz-transition: background .4s;
	transition: background .4s
}

ul#account-nav>li+li:before {
	content: '|';
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
        width: 71px;
        height: 28px;
}

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

ul#account-nav>li.account-nav01 a {
	color: #ff0
}

#news {
	width: 100%;
	height: 46px;
	color: #aaa;
	background: #1a1a1a
}

#news>.megamenu-wrapper {
	padding: 0 240px 0 100px;
}

#news>.megamenu-wrapper:before {
        font-size: 17px;
        font-weight: bold;
	content: '最新公告';
	position: absolute;
	top: 9px;
	left: 0;
	padding-left: 20px;
	/*background: url('../images/notice.png') no-repeat left center;*/
        width:71px;
        height:28px;

}

#news>.megamenu-wrapper:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 227px;
	height: 46px;
	background: url('../images/web1.png') no-repeat
}

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

#hot-news a {
        font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	line-height: 46px
}

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


#news1 {
	width: 100%;
	height: 46px;
	color: #aaa;
	background: #1a1a1a
}

#news1>.megamenu-wrapper {
	padding: 0 240px 0 100px
}

#news1>.megamenu-wrapper:before {
       
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	padding-left: 20px;
	background: url('../images/notice.png') no-repeat left center;
        width:71px;
        height:28px;

}

#news1>.megamenu-wrapper:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 227px;
	height: 46px;
	background: url('../images/web1.png') no-repeat
}

#hot-news1 {
	white-space: nowrap;
	overflow: hidden
}

#hot-news1 a {
        font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	line-height: 46px
}

#hot-news1 a:hover {
	text-decoration: underline
}


#content {
	position: relative;
	margin: 0 auto;
	/*background: url('../images/bg.jpg') no-repeat center top;*/
	text-align: center
}

#footer {
	background: #222;
	border-top: 1px solid #323232;
	text-align: center
}

#footer-logo {
	height: 180px;
	background: url('../images/footerimg.png') no-repeat center
}

#footer-info {
	border-bottom: 1px dotted #424242;
	margin-top: 5px;
	width: 100%;
	height: 60px
}

#footer-info li {
	display: inline-block;
	margin-left: 18px;
	color: #797979;
	font-size: 12px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

#footer-info li:first-child {
	margin-left: -20px;
}

#footer-info li:before {
	content: '';
	display: inline-block;
	margin-right: 12px;
	width: 36px;
	height: 36px;
	background-image: url('../images/fico.png');
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	vertical-align: middle
}

#footer-info li.info01:before {
	background-position: 0 top
}

#footer-info li.info01:hover:before {
	background-position: 0 bottom
}

#footer-info li.info02:before {
	background-position: -266px top
}

#footer-info li.info02:hover:before {
	background-position: -266px bottom
}

#footer-info li.info03:before {
	background-position: -560px top
}

#footer-info li.info03:hover:before {
	background-position: -560px bottom
}

#footer-info li.info04:before {
	background-position: -824px top
}

#footer-info li.info04:hover:before {
	background-position: -824px bottom
}

#footer-info li span {
	margin-left: 5px;
	color: #878787;
	font-size: 18px
}

#footer-nav {
	margin: 10px 0
}

#footer-nav li {
	float: left
}

#footer-nav a {
	display: inline-block;
	margin: 0 22px;
	color: #797979;
	font-size: 14px;
	text-decoration: none;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

#footer-nav a:hover {
	color: #eee
}

#footer-suggest {
	margin: 0;
	padding-bottom: 15px;
	color: #797979
}

aside.services {
	position: absolute;
	top: 138px;
	z-index: 2
}

aside#service-l {
	left: 1px
}

aside#service-r {
	right: 1px
}

aside#service-l ul.girl {
	background: url('../images/service_left.png') no-repeat
}

aside#service-r ul.girl {
	background: url('../images/service_right.png') no-repeat
}

ul.girl>li {
	width: 130px;
	color: #ecec81;
	font-size: 16px;
	text-align: center
}

ul.girl>li a {
	display: block;
	height: 100%;
	color: #ecec81;
	text-decoration: none
}

aside#service-l li#l01 {
	height: 72px
}

aside#service-l li#l02 {
	margin-top: 0px;
	height: 40px
}

aside#service-l li#l002 {
	margin-top: 0px;
	height: 40px
}

aside#service-l li#l03 {
	height: 42px
}

aside#service-l li#l04 {
	height: 180px
}

aside#service-l li#l05 {
	height: 27px;
	cursor: pointer
}

aside#service-r li#r01 {
	height: 66px
}

aside#service-r li#r02 {
	padding-top: 0px;
	height: 60px
}

aside#service-r li#r03 {
	height: 56px
}

aside#service-r li#r03 a {
	padding-top: 34px
}

aside#service-r li#r04 {
	padding-top: 0px;
	height: 57px
}

aside#service-r li#r05 {
	height: 140px
}

aside#service-r li#r06 {
	height: 26px;
	cursor: pointer
}

aside#service-left-bottom {
	position: fixed;
	bottom: 80px;
	left: 0;
	width: 250px;
	height: 100px
}

aside#service-left-bottom #close {
	position: absolute;
	top: 2px;
	right: 60px;
	width: 18px;
	height: 18px;
	background: url('../images/close.png');
	cursor: pointer;
	z-index: 101
}

aside#service-left-bottom a {
	width: 100%;
	height: 170%
}

aside#service-left-bottom a.pro01 {
	background: url('../images/aside_left_bottom_01.png') no-repeat
}

aside#service-left-bottom a.pro02 {
	background: url('../images/aside_left_bottom_03.png') no-repeat
}

aside#service-left-top {
	position: fixed;
	top: 0;
	left: 0;
	width: 140px;
	height: 140px;
	background: url('../images/aside_lefttop.png') no-repeat;
	z-index: 2
}

aside#service-left-top a {
	display: block;
	height: 100%
}

#mailbox {
	position: relative;
	display: inline-block;
	top: 0;
	width: 24px;
	height: 24px;
	vertical-align: top;
	text-decoration: none;
	background: url('/CdnRedirect/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;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#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('/CdnRedirect/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('../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('/CdnRedirect/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
}

#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 {
	z-index: 999
}

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

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

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

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

#lobby {
	display: inline-block;
	width: 1000px;
	margin-bottom: 20px
}

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

#un-lobby {
	display: inline-block;
	width: 1000px;
	margin: 0 auto
}

#un-lobby aside {
	float: left;
	width: 261px;
	height: 442px;
	padding-top: 60px;
	background: url('../images/side.png') no-repeat left top
}
/*#un-lobby aside:after{content:'';display:inline-block;margin-top:50px;width:261px;height:300px;background:url('../images/side_img.png') no-repeat left top}*/
#un-lobby ul#sidebar li {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 47px;
	border-bottom: 1px dotted #917924;
	font-size: 14px;
	text-align: left
}

#un-lobby ul#sidebar li:hover {
	background: url('../images/side_hover.png') no-repeat right center
}

#un-lobby ul#sidebar li a {
	display: block;
	color: #805013;
	line-height: 47px;
	text-decoration: none
}

#articles {
	float: right;
	width: 720px;
	min-height: 740px;
	margin: 0 0 10px 13px;
	padding: 15px 35px;
	color: #333;
	text-align: left;
	background-color: #222
}

#articles h2 {
	margin: 0;
	background: url('../images/title.png') no-repeat center;
	color: #f8f285;
	font-size: 18px;
	font-weight: normal;
	line-height: 80px;
	text-align: center
}

#articles h3 {
	color: #ffd053;
	font-size: 14px;
	font-weight: normal;
	text-align: left
}

#articles h4 {
	color: #ffd053;
	font-size: 14px;
	font-weight: normal;
	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: justify;
	line-height: 2em
}

#articles p {
	margin: 1em 0
}

#articles table {
	width: 100%
}

#articles table tr,#articles table th,#articles table td {
	border: 1px solid #fff;
	color: #fff;
	line-height: 35px;
	text-align: center
}

#articles table th {
	background: #000;
	color: #ff0
}

#articles .highlight {
	color: red
}

#articles .highlight02 {
	color: #ffaf4d
}

#articles .highlight03 {
	color: #fff
}

#articles ul.mtab-menual {
	padding-bottom: 15px;
	padding-left: 0;
	text-align: left
}

#articles ul.mtab-menual li {
	display: inline-block;
	margin-right: 8px;
	padding: 0 20px;
	background: #434343;
	color: #aaa;
	line-height: 26px;
	cursor: pointer
}

#articles ul.mtab-menual li.mtab {
	background: #d6bd7b;
	color: #000
}

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

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

#articles ul.deposit>li+li {
	padding-top: 10px
}

#articles ul.deposit>li>a:first-child:before {
	content: "方式 " counter(title,upper-alpha)"-";
	color: #ff0;
	font-size: 14px
}

#articles ul.deposit>li a {
	color: #ff0;
	font-size: 14px;
	text-decoration: none
}

#articles ul.deposit>li a.method-a {
	display: block;
	margin-bottom: 10px;
	cursor: default
}

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

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

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

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

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

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

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

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

.panel {
	width: 100%;
	color: #5f5f5f;
	background: url('../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('/CdnRedirect/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('../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('../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('../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('/CdnRedirect/Web.Portal/_Common/Content/Views/Shared/images/sent_bn.png') no-repeat 0 0;
	border: 0
}

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

.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
}

.slotnav {
	width: 960px;height: 240px;
        /*height: 61px;*/
        /*background: #343535;
        border-bottom: 5px solid #202020;*/
	margin: 0 auto;
}

.slotnav ul {
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}

.slotnav li {
	float: left;
            /*border-left: 1px solid #202020;
            border-right: 1px solid #444444;*/
	height: 120px;
	width: 120px;
	text-align: center;
	cursor: pointer;
	line-height: 61px;
	color: #fff;
	padding: 0 10px;
	font-family: microsoft yahei;
}

.AmbGamen {
	background: url(../images/dz/aephn.jpg)no-repeat;
}

.AmbGamen.on, .AmbGamen:hover {
	background: url(../images/dz/hoveraen.jpg)no-repeat;
}
.AGn {
	background: url(../images/dz/agphn.png)no-repeat;
}

.AGn.on, .AGn:hover {
	background: url(../images/dz/hoveragn.png)no-repeat;
}

.eBBinn {
	background: url(../images/dz/eBBinn.png)no-repeat;
}

.eBBinn.on, .eBBinn:hover {
	background: url(../images/dz/hoverbbinn.png)no-repeat;
}

.GbGamen {
	background: url(../images/dz/cq9n.png)no-repeat;
}

.GbGamen.on, .GbGamen:hover {
	background: url(../images/dz/hovercq9n.png)no-repeat;
}

.DtGamen {
	background: url(../images/dz/dtn.jpg)no-repeat;
}

.DtGamen.on, .DtGamen:hover {
	background: url(../images/dz/dthovern.jpg)no-repeat;
}

.fggamen {
	background: url(../images/dz/fgn.jpg)no-repeat;
}

.fggamen.on, .fggamen:hover {
	background: url(../images/dz/fgnhover.jpg)no-repeat;
}

.GpGamen {
	background: url(../images/dz/gipn.jpg)no-repeat;
}

.GpGamen.on, .GpGamen:hover {
	background: url(../images/dz/giphovern.jpg)no-repeat;
}

.HbGamen {
	background: url(../images/dz/hbn.png)no-repeat;
}

.HbGamen.on, .HbGamen:hover {
	background: url(../images/dz/hoverhbn.png)no-repeat;
}
.jdbgamen {
	background: url(../images/dz/jdbn.jpg)no-repeat;
}

.jdbgamen.on, .jdbgamen:hover {
	background: url(../images/dz/jdbnhover.jpg)no-repeat;
}

.SlotGamen {
	background: url(../images/dz/mgn.png)no-repeat;
}

.SlotGamen.on, .SlotGamen:hover {
	background: url(../images/dz/hovermgn.png)no-repeat;
}
.psgamen {
	background: url(../images/dz/psn.jpg)no-repeat;
}

.psgamen.on, .psgamen:hover {
	background: url(../images/dz/psnhover.jpg)no-repeat;
}

.PtGamen {
	background: url(../images/dz/ptn.png)no-repeat;
}

.PtGamen.on, .PtGamen:hover {
	background: url(../images/dz/hoverptn.png)no-repeat;
}
.QtGamen {
	background: url(../images/dz/qtn.jpg)no-repeat;
}

.QtGamen.on, .QtGamen:hover {
	background: url(../images/dz/qtnhover.jpg)no-repeat;
}

.sgdzgamen {
	background: url(../images/dz/sgdzgamen.jpg)no-repeat;
}

.sgdzgamen.on, .sgdzgamen:hover {
	background: url(../images/dz/sgdzgamenhover.jpg)no-repeat;
}
.wwggamen {
	background: url(../images/dz/wwgn.jpg)no-repeat;
}

.wwggamen.on, .wwggamen:hover {
	background: url(../images/dz/wwgnhover.jpg)no-repeat;
}






.ByGamen {
	background: url(../images/dz/buyun.jpg)no-repeat;
}

.ByGamen.on, .ByGamen:hover {
	background: url(../images/dz/hoverbuyun.jpg)no-repeat;
}