i.add {
    animation: myfirst 1s infinite;
}

@keyframes myfirst {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.clearboth:after {
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
}
body {
	font-family: SimSun, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429
}

body.layout {
	min-width: 1000px;
	margin-top: 128px;
	background: #010101
}

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

#logingame-body,
#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 {
	background-color: #222
}

#logingame-left form #check-code-wrapper {
	margin-left: 0
}
#hot-news marquee{color: #c3c3c3;font-size: 12px;}
#header {
	position: absolute;
	top: 35px;
	z-index: 2;
	width: 100%;
	height: 93px;
	text-align: center;
	background: #010101;
	border-bottom: 2px solid #99a02d
}

#header.ScrollTop {
	position: fixed;
	top: 0;
	min-width: 1000px
}

#header-top {
	position: absolute;
	top: 0;
	width: 100%;
	height: 35px;
	padding: 5px 0;
	background: #313131
}

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

ul.top-nav>li {
	float: left
}

ul.top-nav>li:before {
	content: '|';
	padding: 0 5px;
	color: #fff
}

ul.top-nav>li:first-child:before {
	content: none
}

ul.top-nav>li a {
	color: #fff;
	font-size: 12px;
	font-family: SimSun;
	text-decoration: none;
	text-transform: uppercase
}

ul.top-nav>li.mobile a {
	color: #6f3
}
ul.top-nav>li.mobile{position:relative;cursor:pointer;height:40px}
ul.top-nav>li.mobile:hover .mobile-down {display:block}
    ul.top-nav > li.mobile .mobile-down {
        display:none;
        position: absolute;
        top: 30px;
        color: #fff;
        z-index: 30;
        width: 585px;
        height: 225px;
        left: -100px;
        background: url(../images/downs.png) no-repeat center;
    }
.layoutdown {
    width: 107px;
    height: 108px;
    position: absolute;
    top: 50px;
    
    border-radius: 5px;
}
    .layoutdown.ios {
        left: 27px;
    }
    .layoutdown.android {
        left:297px
    }
ul.top-nav>li.promotion a {
	color: #6fc
}

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

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

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

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

ul.top-right>li {
	float: left;
	margin-left: 5px;
	height: 25px
}

ul.top-right>li:first-child {
	padding-left: 25px;
	background: url('../images/news.jpg') no-repeat left center
}

ul.top-right>li span {
	display: inline-block;
	width: 22px;
	height: 16px;
	margin-left: 5px;
	background: url('../images/flag.png');
	vertical-align: middle;
	cursor: pointer
}

ul.top-right>li span[data-language='en-US'] {
	background-position: -52px 0
}

ul.top-right>li span[data-language='zh-TW'] {
	background-position: 0 0
}

ul.top-right>li span[data-language='zh-CN'] {
	background-position: -26px 0
}

ul.top-right>li span[data-language='th'] {
	display: none
}

#news {
	width: 416px;
	height: 25px;
	position: relative;
	padding: 0 5px;
	line-height: 25px;
	background: #212121
}

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

#hot-news li {
	display: inline-block;
	height: 25px;
	vertical-align: top;
	margin: 0 5px;
	color: #c3c3c3;
	font-size: 12px;
	text-decoration: none;
	line-height: 25px
}

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

#logo-bg {
	position: relative;
	display: inline-block;
	width: 230px;
	height: 86px;
	float: left;
	background: url('../images/logo.png') no-repeat \9
}

#logo-bg img {
	width: 230px;
	height: 96px
}

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

#nav {
	display: inline-block;
	float: right;
	margin: 15px 0 5px;
	vertical-align: top
}

#nav>ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#nav>ul>li {
	float: left;
	width: 105px;
	height: 66px
}

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

#nav>ul>li.toggle-color {}

#nav>ul>li.color a {}

#nav>ul>li.hot>a {
	background: url('../images/hot.gif') no-repeat top right
}

#nav>ul>li>a {
	display: inline-block;
	width: 100%;
	height: 66px;
	padding: 12px 0;
	color: #fff;
	font-size: 15px;
	font-family: 'Microsoft YaHei';
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle
}

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

#nav>ul>li:hover a,
#nav>ul>li:hover a>span {
	color: #fcff00
}

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

.subnav {
	display: none;
	position: absolute;
	top: 79px;
	left: 0;
	z-index: 999;
	width: 100%;
	padding: 10px 0 0;
	list-style: none;
	text-align: center
}

.subnav.live,
.subnav.slot {
	width: 1000px;
	left: 145px
}
.subnav.board
{
    width: 650px;
	left: 165px
}
.subnav li {
	display: inline-block;
	width: 102px;
	height: 98px;
	background-position: center top;
	vertical-align: top
}

.subnav li:hover {
	background-position: center bottom
}

.subnav li a {
	display: inline-block;
	width: 100%;
	height: 100%
}

.subnav.lottery {
	padding-left: 335px
}
#header-account {
	position: absolute;
	z-index: 0;
	width: 100%
}

#account-box {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 1;
	display: inline-block;
	width: 233px;
	height: 235px;
	padding-top: 48px;
	text-align: center;
	background: url('../images/account.png') no-repeat
}

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

#account-box>form input {
	width: 195px;
	height: 36px;
	margin-bottom: 5px;
	padding: 0 8px;
	color: #fff;
	font-size: 12px;
	background: url('../images/input.png');
	border: none
}

#account-box>form button {
	width: 83px;
	height: 33px;
	font-size: 12px;
	background: none;
	background-position: center top;
	border: none
}

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

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

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

#account-box>form button.forget-btn {
	position: absolute;
	top: 48px;
	right: 22px;
	width: 70px;
	height: 23px;
	color: #6b6b6b;
	background: #202314
}

#account-box>form button.forget-btn:hover {
	background: #323623
}

#check-code-wrapper {
	position: relative;
	display: inline-block;
	margin: 0 16px
}

.ScrollTop #check-code-wrapper {
	margin: 0
}

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

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

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

#header-account.ScrollTop #captcha {
	top: 3px;
	right: 3px;
	height: 24px
}

#header-account.ScrollTop #agree {
	top: 81%;
	right: 281px
}

ul#account-info {
	position: relative;
	display: inline-block;
	margin: 0 20px;
	padding: 0;
	list-style: none
}

ul#account-info>li {
	display: inline-block;
	width: 100%;
	height: 27px;
	padding-bottom: 3px;
	color: #fff;
	font-size: 12px;
	line-height: 27px;
	text-align: left;
	background: url('../images/line.png') no-repeat center bottom
}

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

ul#account-info>li a {
	color: #fff;
	text-decoration: none
}

#action-box {
	display: inline-block;
	margin: 10px 0;
	vertical-align: top
}

#action-box>a {
	display: inline-block;
	width: 83px;
	height: 32px;
	font-size: 12px;
	line-height: 33px;
	text-decoration: none;
	text-align: center;
	background-position: center top
}

#action-box>a:hover {
	background-position: center bottom
}

#action-box>a.login-btn {
	color: #ffb400;
	background-image: url('../images/login.png')
}

#action-box>a.change-btn {
	color: #fff;
	background-image: url('../images/reg.png')
}

ul#account-nav {
	width: 100%;
	padding: 0 20px;
	text-align: left;
	background: url('../images/line.png') repeat-y center top
}

ul#account-nav>li {
	display: inline-block;
	line-height: 27px
}

ul#account-nav>li:first-child {
	margin-left: 0
}

ul#account-nav>li>a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	cursor: pointer
}

ul#account-nav>li>a:hover {}

#header-account.ScrollTop {
	position: fixed;
	top: 93px;
	min-width: 1000px;
	height: 46px;
	background: #000 url('../images/account_scroll.jpg') no-repeat;
	-moz-transition: all linear .5s;
	-o-transition: all linear .5s;
	-webkit-transition: all linear .5s;
	transition: all linear .5s;
	z-index: 1
}

#header-account.ScrollTop form {
	width: 100%;
	background: url('../images/txt.png') no-repeat right center
}

#header-account.ScrollTop form input {
	width: 150px;
	height: 30px;
	background: #1f1f1f;
	border: 1px solid #4a4a4a
}

#header-account.ScrollTop form button {
	font-size: 14px;
	width: 73px;
	height: 28px
}

#header-account.ScrollTop form button.forget-btn {
	position: relative;
	top: 0;
	left: 0;
	color: #b3b3b3;
	background: none
}

#header-account.ScrollTop form button.forget-btn:hover {
	color: #e4e4e4
}

#header-account.ScrollTop form button.login-btn {
	color: #fff;
	background-image: url('../images/scroll_login.png')
}

#header-account.ScrollTop form button.join-btn {
	color: #000;
	background-image: url('../images/scroll_change.png')
}

#header-account.ScrollTop #account-box {
	position: relative;
	top: 0;
	width: 100%;
	height: auto;
	padding: 7px 0;
	text-align: left;
	background: none
}

#header-account.ScrollTop #account-info li {
	position: relative;
	width: 150px;
	background: none
}

#header-account.ScrollTop #account-info li>span.account {
	color: #fffb9b
}

#header-account.ScrollTop ul#account-nav {
	width: auto;
	background: #1f1f1f;
	border: 1px solid #4b4b4b
}

#header-account.ScrollTop ul#account-nav>li {
	margin: 0 5px
}

#header-account.ScrollTop #action-box {
	margin: 0 auto;
	float: right
}

#header-account.ScrollTop #action-box a {
	float: right;
	width: 73px;
	height: 28px;
	margin: 0 5px;
	font-size: 12px;
	line-height: 28px
}

#header-account.ScrollTop #action-box a.login-btn {
	color: #fff;
	background-image: url('../images/scroll_login.png')
}

#header-account.ScrollTop #action-box a.change-btn {
	width: 86px;
	color: #000;
	background-image: url('../images/scroll_change.png')
}

#banner {
	width: 100%;
	height: 235px;
	background: #000 url('../images/banner.jpg') no-repeat top center
}

#content {
	min-width: 1000px;
	margin: 0 auto;
	text-align: center;
	background: #101010 url('../images/bg.jpg') no-repeat top center;
    background-size:cover;
}

#content:before {
	content: '';
	display: block;
	width: 100%;
	height: 9px;
	background: url('../images/bar.jpg') repeat-x
}

#footer {
	text-align: center;
	background: #1f1f1f
}

#footer:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 70px;
	background: #131313 url('../images/footer_info.png') no-repeat center
}

#footer-nav {
	display: inline-block;
	padding: 10px 0;
	margin: 0;
	list-style: none
}

#footer-nav li {
	float: left
}

#footer-nav a {
	display: inline-block;
	padding: 0 7px;
	color: #d7c8a5;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase
}

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

#footer-logo {
	position: relative;
	display: block;
	width: 1000px;
	height: 50px;
	margin: 0 auto;
	background: url('../images/footer_logo.png') no-repeat center
}

#footer-suggest {
	margin: 0;
	color: #d7c8a5
}

#footer-suggest small {
	font-size: 12px;
	line-height: 26px
}

aside.services {
	position: fixed;
	top: 180px;
	z-index: 3
}

aside.service-left {
	left: 0;
	background: url('../images/float_left.1.png') no-repeat
}

aside.service-right {
	right: 0;
	background: url('../images/float_right01.png') no-repeat
}

ul.girl {
	display: inline-block;
	margin: 0 auto;
	padding: 0
}

ul.girl>li {
	width: 128px;
	min-height: 68px;
	cursor: pointer
}

ul.girl>li>a {
	display: inline-block;
	width: 100%;
	height: 100%
}

ul.girl>li.mg {
	height: 70px
}

ul.girl>li.join {
	height: 40px
}

ul.girl>li.info {
	height: 50px
}

ul.girl>li.deposit {
	height: 115px;
	cursor: default
}

ul.girl>li.chat {
	height: 65px
}

ul.girl>li.network {
	height: 45px
}

ul.girl>li.game {
	height: 45px
}

ul.girl>li.discunt {
	height: 60px
}

ul.girl>li.omtel {
	height: 60px;
	text-align: center;
	font-size: 17px;
	color: #ffff96;
	cursor: default;
    line-height:97px;
}

#mailbox {
	position: absolute;
	right: 0;
	display: inline-block;
	vertical-align: top;
	text-decoration: none
}

#mailbox>span,
#mailbox>span:hover {
	padding: 0 2px;
	height: 16px;
	color: red;
	font-size: 12px;
	text-align: center
}

#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('../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('../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 {
	width: 99%;
	font-size: 13px;
	line-height: 15px;
	text-align: center
}

.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;
	width: 100%
}

#lobby>ul.game-list {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url('../images/box.png') repeat-y
}

#lobby>ul.game-list>li {
	position: relative;
	float: left;
	display: inline-block;
	background-position: center top
}

#lobby>ul.game-list>li:hover {
	background-position: center bottom
}

#lobby iframe {
	width: 100%;
	height: 930px
}

#un-lobby {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	padding: 25px;
	background: #212121;
	background: -moz-linear-gradient(top, #212121 0%, #1a1a1a 100%);
	background: -webkit-linear-gradient(top, #212121 0%, #1a1a1a 100%);
	background: linear-gradient(to bottom, #212121 0%, #1a1a1a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#1a1a1a', GradientType=0)
}

#un-lobby aside {
	float: left;
	width: 191px;
	min-height: 640px;
	margin: 0;
	padding-top: 115px;
	background: url('../images/aside.png') no-repeat left top
}

#un-lobby ul#sidebar {
	display: inline-block;
	margin: 0 auto;
	padding: 0 0 135px 0;
	list-style: none;
	background: url('../images/welcome.png') no-repeat center bottom
}

#un-lobby ul#sidebar li {
	width: 163px;
	height: 51px;
	padding-bottom: 1px;
	background: url('../images/sideline.png') no-repeat bottom center
}

#un-lobby ul#sidebar li:hover {}

#un-lobby ul#sidebar li:hover a {
	background: url('../images/sidebar.png')
}

#un-lobby ul#sidebar li a {
	display: inline-block;
	width: 163px;
	height: 50px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 51px
}

#articles {
	float: right;
	width: 737px;
	min-height: 815px;
	margin: 0;
	padding: 15px 15px 150px;
	color: #b4b4b4;
	font-size: 12px;
	text-align: left;
	background: url('../images/atricle.png') no-repeat right bottom;
	border: 1px solid #313131
}

#articles:after {
	content: '● 人生路漫漫  金沙常相伴  4066全球赢家的信心之选 ●';
	display: block;
	margin: 10px auto;
	color: #ffd700;
	font-size: 20px;
	font-weight: bold;
	text-align: center
}

#articles h2 {
	width: 737px;
	margin: 0 -15px;
	padding: 0 15px;
	font-size: 20px;
	color: #ffd800;
	border-bottom: 1px solid #464646
}

#articles h3 {
	color: #ffd800;
	font-family: Arial, '微軟正黑體';
	font-size: 14px;
	text-align: left
}

#articles h4 {
	color: #ffd800;
	font-family: Arial, '微軟正黑體';
	font-size: 12px;
	text-align: left
}

#articles h5,
#articles h6 {
	margin: 10px 0 0
}

#articles>ul {
	list-style: none;
	padding-left: 20px
}

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

#articles ol.disc {
	padding-left: 40px;
	list-style-type: disc
}

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

#articles p {
	margin: .5em 0
}

#articles a {
	text-decoration: none
}

#articles table {
	width: 100%
}

#articles table tr,
#articles table th,
#articles table td {
	line-height: 2em;
	color: #b4b4b4;
	text-align: center;
	font-family: SimSun, Arial;
	border: 1px solid #626262
}

#articles table th {
	color: #ffef00;
	font-size: 13px;
	font-weight: bold;
	background: #900
}

#articles .highlight {
    cursor:pointer;
	color: #ff8c00
}

#articles .highlight-red {
	color: red
}

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

#articles .highlight-normalYellow {
	color: #ff0
}

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

#articles .highlight-cyan {
	color: #0ff
}

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

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

#articles ul.mtab-menual li {
	float: left;
	padding: 0 5px;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	background: #212121;
	border: 1px solid #464646;
	cursor: pointer
}

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

.body {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 1px;
	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: #010101
}

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

.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('../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('../images/sent_bn.png') no-repeat 0 0;
	border: 0
}

.btn-submit:hover {
	color: #454545;
	background: url('../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: fixed;
	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
}

.modal-announcement>.ma-footer {
	min-height: 38px;
	color: #fff;
	padding: 5px 30px 5px 0;
	line-height: 38px;
	text-align: right;
	word-break: break-all;
	background-color: #06c;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px
}