/*** SCSS CuKiNaCha 2016
	http://sass-lang.com/

	Library: http://bourbon.io/
	Bourbon 4.2.3
***/
*, body, html { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ul, ol, li { margin: 0; padding: 0; list-style: none; }

button { background: none; border: none; outline: none;  }

input, select { outline: none; }

body {
	background-color: #020101;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	overflow: hidden;
	background-size: contain, cover;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

 input:disabled {
	pointer-events:none;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}


.bgload {
	 
	background: url(../images/bg_load.jpg) top no-repeat;
	background-size: 100%;
}

.wrapper {
	width: 1920px;
	 
	position: relative;
	margin: auto;
	z-index: 1;
	display: none;
	/*background: url(../images/background.jpg) top no-repeat;
	background-size: 120%;*/
}


.apploading {
	width: 1920px;
	height: 1080px;
	 
	position: relative;
	margin: auto;
	overflow: hidden;
}
.apploading .logo {
	width: 218px;
	height: 218px;
	background-image: url(../images/lg_load.png);
	position: absolute;
	background-repeat: no-repeat;
	left: 851px;
	top: 277px;
}

.loading .loading-bar {
	display: inline-block;
	width: 722px;
	height: 19px;
	background-image: url(../images/progress.png);
	background-position: -2px -2px;
	top: 550px;
	left: 599px;
	position: absolute;
	background-repeat: no-repeat;
}

.loading .loading-progress {
	width: 735px;
	height: 31px;
	position: absolute;
	top: 538px;
	left: 601px;
}

.loading .loading-progress .loading-percent {
	height: 31px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.loading .loading-progress .loading-percent:before {
	content: " ";
	display: inline-block;
	width: 735px;
	height: 31px;
	background-repeat: no-repeat;
	background-image: url(../images/progress.png);
	background-position: -2px -86px;
	position: absolute;
	top: 0;
	left: 0;
}

.loading .loading-progress .loading-mask {
	width: 751px;
	height: 57px;
	background-repeat: no-repeat;
	background-image: url(../images/progress.png);
	background-position: -2px -25px;
	position: absolute;
	top: -3px;
	left: -15px;
	overflow: hidden;
}

 


.game-wrap {
 
	background: url(../images/background.jpg) no-repeat center top;
	width:1920px;
	height:815px;
	margin:auto;
}


input, label {
	font-family: 'Roboto', sans-serif;
}

table td { vertical-align: top; }

a {
	text-decoration: none;
	color: #ffca12;
	cursor: pointer;
}
a:hover { text-decoration: none; }

.disabled {
	opacity: .8;
	filter: alpha(opacity = 40);
	pointer-events: none;
	cursor: default;
	-webkit-filter: invert(20%);
	-ms-filter: "alpha(opacity=40)";
}

.button {cursor:pointer}
.btn-glg { background-image: url(../images/gradient/gradient-green-light-lg.png), url(../images/gradient/gradient-green-lg.png); background-repeat: no-repeat, repeat-x; background-position: center top, 0 0; border-radius: 6px; width: 240px; height: 35px; display: inline-block; cursor: pointer; text-align: center; font-size: 20px; color: #0a4a15; font-weight: 700; padding-top: 6px; padding-right: 20px; padding-left: 20px; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.btn-glg:hover { color: #04420e; box-shadow: inset 0 2px 3px #fff,  inset 0 -2px 3px #fff; }
.btn-glg:active { box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5); }
.btn-glg.inline { width: auto; }
.btn-glg.block { width: auto; display: block; }

.btn-gmd { background-image: url(../images/gradient/gradient-green-light-lg.png), url(../images/gradient/gradient-green-md.png); background-repeat: no-repeat, repeat-x; background-position: center top, 0 0; border-radius: 6px; width: 240px; height: 30px; display: inline-block; cursor: pointer; text-align: center; font-size: 17px; color: #0a4a15; font-weight: 700; padding-top: 6px; padding-right: 20px; padding-left: 20px; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.btn-gmd:hover { color: #04420e; box-shadow: inset 0 1px 2px #fff,  inset 0 -1px 2px #fff; }
.btn-gmd:active { box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5); }
.btn-gmd.inline { width: auto; }

.btn-gxs { background-image: url(../images/gradient/gradient-green-xs.png); background-repeat: repeat-x; background-position: 0 0; width: 105px; height: 22px; border-radius: 4px; cursor: pointer; text-align: center; color: #164605; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 3px 10px; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.btn-gxs:hover { box-shadow: inset 0 1px 2px #fff,  inset 0 -1px 2px #fff; }
.btn-gxs:active { box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5); }
.btn-gxs.inline { width: auto; }

.btn-bmd { background-image: url(../images/gradient/gradient-blue-light-lg.png), url(../images/gradient/gradient-blue-md.png); background-repeat: no-repeat, repeat-x; background-position: center top, 0 0; border-radius: 6px; width: 240px; height: 30px; display: inline-block; cursor: pointer; text-align: center; font-size: 17px; color: #0a274a; font-weight: 700; padding-top: 6px; padding-right: 20px; padding-left: 20px; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.btn-bmd:hover { color: #1e3464; box-shadow: inset 0 1px 2px #fff,  inset 0 -1px 2px #fff; }
.btn-bmd:active { box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5); }
.btn-bmd.inline { width: auto; }

.btn-olg { background-image: url(../images/gradient/gradient-orange-light-lg.png), url(../images/gradient/gradient-orange-lg.png); background-repeat: no-repeat, repeat-x; background-position: center top, 0 0; border-radius: 6px; width: 240px; height: 35px; display: inline-block; cursor: pointer; text-align: center; font-size: 20px; color: #512609; font-weight: 700; padding-top: 6px; padding-right: 20px; padding-left: 20px; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.btn-olg:hover { box-shadow: inset 0 2px 3px #fff,  inset 0 -2px 3px #fff; }
.btn-olg:active { box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5); }
.btn-olg.inline { width: auto; }

.btn-omd { background-image: url(../images/gradient/gradient-orange-light-lg.png), url(../images/gradient/gradient-orange-md.png); background-repeat: no-repeat, repeat-x; background-position: center top, 0 0; border-radius: 6px; width: 240px; height: 30px; display: inline-block; cursor: pointer; text-align: center; font-size: 17px; color: #512609; font-weight: 700; padding-top: 6px; padding-right: 20px; padding-left: 20px; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.btn-omd:hover { box-shadow: inset 0 2px 3px #fff,  inset 0 -2px 3px #fff; }
.btn-omd:active { box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5); }
.btn-omd.inline { width: auto; }

.wrapper.fixed { position: fixed; top: 0; left: 0; width: 100%; }

.container { width: 980px; margin: 0 auto; position: relative; }

.btn-hover { position: relative; overflow: hidden; }
.btn-hover:hover:before { -webkit-animation: button-hover 1.5s infinite ease-in-out; -moz-animation: button-hover 1.5s infinite ease-in-out; animation: button-hover 1.5s infinite ease-in-out; }
.btn-hover:before { content: ' '; width: 0px; height: 0px; position: absolute; top: 50%; left: 50%; margin: 0px 0 0 0px; background: rgba(255, 255, 255, 0.3); border-radius: 100%; }





.tabhelp {
	display: inline-block;
	width: 166px;
	height: 28px;
	background: rgb(0 0 0 / 10%);
	color: #b16336;
	font-size: 14px;
	font-weight: 700;
	padding-top: 6px;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 22px;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	margin-top: 10px;
	border-radius: 6px;
	cursor: pointer;
	text-align: center;
}

.tabhelp.active, .tabhelp:hover {
	background-image: url(../images/gradient/gradient-orange-light-lg.png), url(../images/gradient/gradient-orange-lg.png);
	background-repeat: no-repeat, repeat-x;
	background-position: center top, 0 0;
	 
	color: #512609;
 
 
}


.header {
	height: 60px;
	z-index: 2;
	width: 1920px;
	position: absolute;
}
.header .logo { width: 100px; height: 60px; float: left; padding-top: 10px; }
.header .logo img { max-width: 100%; max-height: 100%; }
.header .user-info { float: left; width: 880px; height: 60px; }
.header .user-info .column { float: left; margin-right: 10px; }
.header .user-info .row { clear: both; width: 100%; }
.header .user-info .column-right { float: right; }
	.header .user-info .avatar {
		width: 54px;
		height: 54px;
		text-align: center;
		border-radius: 100%;
		border: 2px solid #d07129;
		margin-top: 1px;
		cursor: pointer;
	}
.header .user-info .avatar img { width: 50px; height: 50px; border-radius: 100%; }
.header .user-info .icon-vip { float: left; width: 32px; height: 30px; }
.header .user-info .icon-vip.vip1:before {
	content: ' ';
	width: 30px;
	height: 25px;
	background: url(../images/da.png) no-repeat;
	display: block;
	margin-top: 8px;
}
.header .user-info .icon-vip.vip2:before {
	content: ' ';
	width: 30px;
	height: 25px;
	background: url(../images/dong.png) no-repeat;
	display: block;
	margin-top: 8px;
}
.header .user-info .icon-vip.vip3:before {
	content: ' ';
	width: 30px;
	height: 25px;
	background: url(../images/bac.png) no-repeat;
	display: block;
	margin-top: 8px;
}
.header .user-info .icon-vip.vip4:before {
	content: ' ';
	width: 30px;
	height: 25px;
	background: url(../images/vang.png) no-repeat;
	display: block;
	margin-top: 8px;
}
.header .user-info .icon-vip.vip5:before {
	content: ' ';
	width: 30px;
	height: 25px;
	background: url(../images/diamond.png) no-repeat;
	display: block;
	margin-top: 8px;
}
.header .user-info .icon-vip.vip6:before {
	content: ' ';
	width: 30px;
	height: 25px;
	background: url(../images/platinum.png) no-repeat;
	display: block;
	margin-top: 8px;
}
.header .user-info .icon-vip.vip7:before {
	content: ' ';
	width: 30px;
	height: 25px;
	background: url(../images/platinum.png) no-repeat;
	display: block;
	margin-top: 8px;
}


.header .user-info .name {
	float: left;
	width: 163px;
	height: 30px;
	padding-top: 10px;
	font-weight: 400;
	color: #ffd988;
}
.header .user-info .name-vip { height: 22px; padding-right: 6px; padding-top: 3px; font-weight: 700; font-size: 12px; color: #ffd988; float: left; }
.header .user-info .level { width: 115px; height: 20px; border-radius: 4px; border: 1px solid #3d3031; background-color: #1f1919; background-image: -webkit-linear-gradient(top, #1f1919, #251e1e); background-image: linear-gradient(to bottom,#1f1919, #251e1e); padding: 2px; position: relative; float: left; }
.header .user-info .level .progress { height: 14px; background-color: #478311; background-image: -webkit-linear-gradient(bottom, #478311, #64d315); background-image: linear-gradient(to top,#478311, #64d315); border-radius: 3px; display: block; }
.header .user-info .level .number { display: block; position: absolute; top: 2px; left: 0; width: 100%; text-align: center; color: #fff; font-weight: 500; font-size: 12px; }
.header .user-info .money { width: 152px; height: 36px; float: left; margin-right: 10px; background-color: #1d1718; background-image: -webkit-linear-gradient(bottom, #1d1718, #282021); background-image: linear-gradient(to top,#1d1718, #282021); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35); border: 1px solid #3f3334; border-radius: 8px; position: relative; margin-top: 10px; }
.header .user-info .money.money-1 { margin-left: 10px; }
.header .user-info .money.money-1 .icon { background: url(../images/icon-money-1.png) no-repeat; }
.header .user-info .money.money-2 { margin-left: 25px; }
.header .user-info .money.money-2 .icon { background: url(../images/icon-money-2.png) no-repeat; }
.header .user-info .money .number { 
	color: #ffde00; font-size: 17px; font-weight: 700; padding-top: 7px; display: block; padding-left: 24px; width: 138px; text-align: right; }

.header .user-info .money.money-1 .number {
	color: #ffde00;
	 
}
.header .user-info .money.money-2 .number {
	color: #eae6c9;
}

.header .user-info .money .icon { width: 35px; height: 35px; position: absolute; top: 0; left: -14px; }
.header .user-info .money .btn-buy { background: url(../images/misc.png) no-repeat no-repeat; width: 34px; height: 34px; background-position: -291px -531px; position: absolute; top: 0; right: -24px; cursor: pointer; border-radius: 5px; }
.header .user-info .money .btn-buy:hover { background: url(../images/misc.png) no-repeat no-repeat; width: 34px; height: 34px; background-position: -327px -531px; }
.header .btn-head { float: left; width: 45px; height: 45px; border-radius: 10px; background: #1e1819; margin: 8px 5px 0 5px; cursor: pointer; position: relative; }
.header .btn-head.btn-group { background: none; cursor: default; }
.header .btn-head.btn-group .btn-head { margin: 0; }
.header .btn-head.btn-group .list-btn { width: 170px; background: #32292a; border-radius: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); border: 1px solid #ff9142; position: absolute; top: 48px; right: 0; display: none; z-index: 10; }
.header .btn-head.btn-group .list-btn.open { display: block; }
.header .btn-head.btn-group .list-btn li { padding: 5px 10px 5px 5px; font-size: 14px; color: #c1aaad; text-align: right; cursor: pointer; position: relative; }
.header .btn-head.btn-group .list-btn li:first-child { padding-top: 15px; }
.header .btn-head.btn-group .list-btn li:last-child { padding-bottom: 15px; }
.header .btn-head.btn-group .list-btn li:hover { color: #fff; }
.header .btn-head.btn-group .list-btn li:hover:before { background: url(../images/icons.png) no-repeat no-repeat; width: 5px; height: 7px; background-position: -55px -258px; }
.header .btn-head.btn-group .list-btn li:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 5px; height: 7px; background-position: -53px -198px; float: left; margin-top: 5px; margin-left: 8px; }
.header .btn-head.btn-group .list-btn li.divider { height: 1px; padding: 0; margin: 3px 0; cursor: default; background: #493e3f; }
.header .btn-head.btn-group .list-btn li.divider:before { display: none; }
.header .btn-head.btn-group .list-btn li a { color: #c1aaad; }
.header .btn-head.btn-group .list-btn li a:hover { text-decoration: none; color: #fff; }
.header .btn-head:hover { background: #140e0f; }
.header .btn-head:hover:before { opacity: .8; }
.header .btn-head:before { content: ' '; display: block; margin: 0 auto; }
.header .btn-head .badge { background: url(../images/misc.png) no-repeat no-repeat; width: 26px; height: 26px; background-position: -415px -554px; position: absolute; top: -9px; right: -9px; text-align: center; color: #fff; font-size: 12px; font-weight: 700; padding-top: 6px; }
.header .btn-event:before {
	background: url(../images/icons.png) no-repeat no-repeat; width: 31px; height: 27px; background-position: -1px -33px; margin-top: 8px;

}




.header .btn-inbox:before { background: url(../images/icons.png) no-repeat no-repeat; width: 32px; height: 25px; background-position: -22px -87px; margin-top: 10px; }
	.header .btn-gift:before {
		background: url(../images/icons.png) no-repeat no-repeat;
		width: 29px;
		height: 29px;
		background-position: -64px -0px;
		margin-top: 7px;
	}
.header .btn-bar:before { background: url(../images/icons.png) no-repeat no-repeat; width: 29px; height: 23px; background-position: -22px -115px; margin-top: 11px; }
	.header .form {
		position: absolute;
		left: 764px;
		top: 0px;
	}

  
.header .form .input { float: left; border: 1px solid #3b3031; background-color: #1d1718; background-image: -webkit-linear-gradient(top, #1d1718, #282021); background-image: linear-gradient(to bottom,#1d1718, #282021); border-radius: 8px; width: 174px; height: 35px; margin-top: 13px; margin-right: 15px; }
.header .form .input .icon-user { float: left; background: url(../images/icons.png) no-repeat no-repeat; width: 13px; height: 14px; background-position: -39px -258px; margin: 9px 0 0 10px; }
.header .form .input .icon-password { float: left; background: url(../images/icons.png) no-repeat no-repeat; width: 12px; height: 13px; background-position: -39px -275px; margin: 9px 0 0 10px; }
.header .form .input input { float: left; width: 130px; margin-left: 10px; margin-top: 9px; background: none; border: none; color: #fff; font-weight: 500; font-size: 14px; }
.header .form .input input::-webkit-input-placeholder { color: #67585a; font-size: 13px; font-weight: 400; }
.header .form .input input::-moz-placeholder { color: #67585a; font-size: 13px; font-weight: 400; }
.header .form .input input:-moz-placeholder { color: #67585a; font-size: 13px; font-weight: 400; }
.header .form .input input:-ms-input-placeholder { color: #67585a; font-size: 13px; font-weight: 400; }
		.header .form .btn-register {
			float: left;
			background: url(../images/misc.png) no-repeat no-repeat;
			width: 196px;
			height: 68px;
			background-position: -216px -2px;
			cursor: pointer;
			margin-right: 15px;
			margin-top: 13px;
			padding-left: 9px;
			color: #382326;
			position: relative;
		}

.header .form .btn-register:hover {
	
	filter:brightness(110%);
}
.header .form .btn-login {
	float: left;
	background: url(../images/misc.png) no-repeat no-repeat;
	width: 196px;
	height: 68px;
	background-position: -2px -2px;
	cursor: pointer;
	margin-right: 15px;
	margin-top: 13px;
	padding-left: 9px;
	color: #382326;
	position: relative;
}

.header .form .btn-login:hover {
	filter: brightness(110%);
}

.wrapper .notifygame {
	position: absolute;
	height: 50px;
	background-color: rgba(29, 16, 18, 0);
	background-image: -webkit-linear-gradient(left, rgba(29, 16, 18, 0) 0%, rgba(255, 193, 7, 0.2) 20%, rgba(255, 193, 7, 0.2) 80%, rgba(29, 16, 18, 0) 100%);
	background-image: linear-gradient(to right, rgba(29, 16, 18, 0) 0%, rgb(0 0 0 / 20%) 20%, rgb(0 0 0 / 20%) 80%, rgba(29, 16, 18, 0) 100%);
	width: 900px;
	left: 226px;
	pointer-events: none;
	top: 102px;
	left: 512px;
	z-index: 3;
	font-size: 22px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	color: #ffe49e;
	 
	opacity: 0;
}        

.main .games .box-list-game .list-game {  }
.main .games .box-list-game .list-game li.icon {
	background: url(../images/misc.png) no-repeat no-repeat;
	width: 173px !important;
	height: 199px;
	background-position: -331px -198px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}
	.main .games .box-list-game .list-game li.icon:nth-child(4), .main .games .box-list-game .list-game li.icon:nth-child(8) {
		margin-right: 0;
	}
	.main .games .box-list-game .list-game li.icon:nth-child(1), .main .games .box-list-game .list-game li.icon:nth-child(5) {
		margin-left: 0;
	}
	.main .games .box-list-game .list-game li.icon:nth-child(5), .main .games .box-list-game .list-game li.icon:nth-child(6), .main .games .box-list-game .list-game li.icon:nth-child(7), .main .games .box-list-game .list-game li.icon:nth-child(8) {
		margin-top: 18px;
	}
	.main .games .box-list-game .list-game li.icon.comingsoon {
		background: url(../images/misc.png) no-repeat no-repeat;
		width: 171px;
		height: 196px;
		background-position: -335px 0px;
	}

	.main .games .box-list-game .list-game li.icon a {
		margin: 1px 0 0 3px;
		display: block;
		height: 190px;
		position: relative;
	}
	.main .games .box-list-game .list-game li.icon a:after {
		content: '';
		width: 167px;
		height: 190px;
		background: rgba(244, 226, 166, 0.8);
		mix-blend-mode: overlay;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
		border-radius: 10px;
		opacity: 0;
	}
	.main .games .box-list-game .list-game li.icon a:hover:after {
		opacity: 1;
	}
	.main .games .box-list-game .list-game li.icon a img {
		width: 167px;
		height: 190px;
	}
	.main .games .box-list-game .list-game li.icon a .jackpot {
		width: 167px;
		height: 28px;
		background: rgba(15, 9, 10, 0.8);
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
		color: #fff;
		font-weight: 400;
		font-size: 16px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-top: 5px;
	}
.main .games .box-list-game .list-game-page 
{ text-align: center; width: 100%; position: absolute; bottom: 0; left: 0; display: none; 

}
.main .games .box-list-game .list-game-page li {
	display: inline-block; margin: 0 10px; width: 10px; height: 10px; background-color: #db6e1c; background-image: -webkit-linear-gradient(bottom, #db6e1c, #7e3906); background-image: linear-gradient(to top,#db6e1c, #7e3906); border-radius: 100%; cursor: pointer; }
.main .games .box-list-game .list-game-page li.active, .main .games .box-list-game .list-game-page li:hover { background-color: #c4680c; background-image: -webkit-linear-gradient(bottom, #c4680c, #f99d24); background-image: linear-gradient(to top,#c4680c, #f99d24); }
 
 

.footer { width: 100%; display: table; }
.footer .foot-icon { width: 555px; height: 104px; margin: 0 auto; }
.footer .foot-icon span { width: 33.33%; height: 104px; float: left; text-align: center; position: relative; cursor: pointer; }


.footer .foot-icon span.icon-giftcode { width: 104px; margin: 0 20px 0 60px; }
.footer .foot-icon span.icon-giftcode:before { content: ' '; width: 54px; height: 67px; background: url(../images/GiftFrames.png) no-repeat; display: block; margin: 0 auto; margin-top: 10px; }
.footer .foot-icon span.icon-giftcode:after { content: ' '; background: url(../images/text.png) no-repeat no-repeat; width: 104px; height: 22px; background-position: -1px -1px; position: absolute; top: 70px; left: 0px; }
.footer .foot-icon span.icon-giftcode:hover:before { -webkit-animation: icon-giftcode 0.8s steps(20) infinite; -moz-animation: icon-giftcode 0.8s steps(20) infinite; animation: icon-giftcode 0.8s steps(20) infinite; }

.footer .foot-icon span.icon-big {
	width: 150px;
	margin: 0 40px;
	position:absolute;
	left:0px;
	 
}
.footer .foot-icon span.icon-big:before { content: ' '; width: 150px; height: 98px; background: url(../images/bigFrames.png) no-repeat; display: block; margin: 0 auto; }
.footer .foot-icon span.icon-big:before {
-webkit-animation: icon-big 2.0s steps(31) infinite;
-moz-animation: icon-big 2.0s steps(31) infinite;
animation: icon-big 2.0s steps(31) infinite;
}

.footer .foot-icon span.icon-agency {
	 
	position: absolute;
	left: 751px;
}

.footer .foot-icon span.icon-agency:before {
	content: " ";
	position: absolute;
	display: inline-block;
	width: 162px;
	height: 68px;
	background: url(../images/icons.png) no-repeat no-repeat;
	background-position: -89px -78px;
	top: 35px;
	left: 56px;
}

	.footer .foot-icon span.icon-agency:after {
		display: inline-block;
		content: " ";
		width: 99px;
		height: 99px;
		background: url(../images/light.png) no-repeat no-repeat;
		background-position: -1px -1px;
		top: 5px;
		left: 48px;
		opacity: 0;
		-webkit-animation: agency_l 2s infinite ease-in-out;
		animation: agency_l 2s infinite ease-in-out;
		mix-blend-mode: color-dodge;
		position: absolute;
	}



.footer .foot-link .txt { font-size: 15px; color: #9c8e82; }
.footer .foot-link .col-left { width: 600px; float: left; }
.footer .foot-link .col-left a { color: #e0e0e0; margin-right: 25px; font-size: 15px; font-weight: 400; }
.footer .foot-link .col-left a:last-child { margin-right: 0; }
.footer .foot-link .col-left a:hover { text-decoration: underline; color: #ffd300; }
.footer .foot-link .col-left .row { clear: both; padding-top: 10px; }
.footer .foot-link .col-left .txt { margin-right: 25px; }
.footer .foot-link .col-right { width: 380px; float: left; text-align: right; }
.footer .foot-link .col-right .row { clear: both; padding-top: 10px; }
.footer .foot-link .col-right .txt { display: block; text-align: right; }
	.footer .store {
		clear: both;
		 
		margin: auto;
		width: 475px;
		position: absolute;
		top: 0px;
	}

.footer .store div {
	position: absolute;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 140px;
	height: 85px;
	cursor: pointer;
}

.footer .store div:hover i:hover {
	-webkit-animation: bounceScale .25s ease-in-out;
	animation: bounceScale .25s ease-in-out;
}
.footer .store div .text {
	color: #fe9b01;
	font-size: 18px;
	width: 100%;
	display: block;
	text-align: center;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
 
}




.footer .store .btn-support {
	top: 35px;
	left: 198px;
}
.footer .store .btn-gift {
	top: 37px;
	left: 308px;
}
.footer .store .btn-secure {
	top: 35px;
	left: 431px;
}
.footer .store .btn-download {
	top: 35px;
	left: 533px;
}

.footer .store .btn-card {
	top: 35px;
	left: 640px;
}


.ic-support {
	position: relative;
	width: 42px;
	height: 53px;
	background-image: url(../images/icons.png);
	background-position: -179px -0px;
}
.ic-gift {
	position: relative;
	width: 54px;
	height: 47px;
	background-image: url(../images/icons.png);
	background-position: -221px -0px;
}

.ic-secure {
	position: relative;
	width: 46px;
	height: 54px;
	background-image: url(../images/icons.png);
	background-position: -275px -0px;
}
.ic-download {
	position: relative;
	width: 43px;
	height: 53px;
	background-image: url(../images/icons.png);
	background-position: -93px -0px;
}
.ic-bar-card {
	position: relative;
	width: 43px;
	height: 55px;
	background-image: url(../images/icons.png);
	background-position: -136px -0px;
}




.mCSB_inside > .mCSB_container { margin-right: 0; }
.mCSB_inside > .mCSB_container .row-table .input-col input { width: 180px !important; }

.mCSB_scrollTools { opacity: .25; width: 2px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }

.mCustomScrollBox { padding-right: 5px; }

.overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 90; background: rgba(0, 0, 0, 0.6); }

.form-popup {
	position: absolute; top: 100px; left: 50%; z-index: 91; width: 550px; padding: 35px;
	margin-left: -275px; background-color: #1b0101; background-image: -webkit-linear-gradient(top, #1b0101, #3a1c0b);
	background-image: linear-gradient(to bottom,#1b0101, #3a1c0b); border-radius: 15px;
	 

}
	.form-popup > .close {
		background: url(../images/ui.c23.png) no-repeat no-repeat;
		width: 83px;
		height: 49px;
		background-position: -5px -614px;
		position: absolute;
		top: 3px;
		right: 3px;
		cursor: pointer;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
.form-popup > .close:hover { 
	filter:brightness(120%);
}
	.form-popup > .title {
		background: url(../images/ui.c23.png) no-repeat no-repeat;
		width: 311px;
		height: 40px;
		background-position: -1059px -469px;
		position: absolute;
		top: -6px;
		left: 50%;
		margin-left: -155px;
		text-align: center;
		text-transform: uppercase;
		color: #692f00;
		font-size: 22px;
		font-weight: 700;
		padding-top: 8px;
	}
	.form-popup > .back {
		background: url(../images/icons.png) no-repeat no-repeat;
		width: 12px;
		height: 21px;
		background-position: -39px -212px;
		position: absolute;
		top: 13px;
		left: 15px;
		
		cursor: pointer;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
.form-popup > .back:hover { -webkit-transform: translateX(-1px); -moz-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px); }
.form-popup p { margin-bottom: 10px; }
.form-popup select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: #d7cace url(../images/select-arrow.png) no-repeat 94% 50% !important; }
.form-popup .center { text-align: center; }
.form-popup .pull-right { float: right; }
.form-popup .pull-left { float: left; }
.form-popup .pages { padding-top: 10px; width: 100%; text-align: center; }
.form-popup .pages a {
	border-radius: 4px;
	padding: 2px 8px 1px 8px;
	background: #693d22;
	color: #fff;
	display: inline-block;
	text-align: center;
	margin-left: 4px;
	font-weight: bold;
	font-size: 18px;
}
.form-popup .pages a.active { color: #ffde00; background: #462e1f; }
.form-popup .pages a:hover { text-decoration: none; background: #43342b; }
.form-popup .pages a.prev { padding: 2px 5px; }
.form-popup .pages a.prev:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 6px; height: 11px; background-position: -57px -87px; display: inline-block; }
.form-popup .pages a.next { padding: 2px 5px; }
.form-popup .pages a.next:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 7px; height: 12px; background-position: -22px -63px; display: inline-block; }
.form-popup .pages a.first { padding: 2px 5px; }
.form-popup .pages a.first:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 9px; height: 12px; background-position: -54px -133px; display: inline-block; }
.form-popup .pages a.last { padding: 2px 5px; }
.form-popup .pages a.last:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 9px; height: 12px; background-position: -54px -275px; display: inline-block; }
.form-popup .icon-n-1 { background: url(../images/icon-money-1.png) no-repeat 0 0/100% 100%; }
.form-popup .icon-n-2 { background: url(../images/icon-money-2.png) no-repeat 0 0/100% 100%; }
.form-popup .icon-n-1, .form-popup .icon-n-2 { display: inline-block; margin: 0 3px; }
.form-popup .icon-n-1.size-15, .form-popup .icon-n-2.size-15 { width: 15px; height: 15px; }
.form-popup .icon-n-1.size-16, .form-popup .icon-n-2.size-16 { width: 16px; height: 16px; }
.form-popup .icon-n-1.size-17, .form-popup .icon-n-2.size-17 { width: 17px; height: 17px; }
.form-popup .icon-n-1.size-18, .form-popup .icon-n-2.size-18 { width: 18px; height: 18px; }
.form-popup .icon-n-1.size-19, .form-popup .icon-n-2.size-19 { width: 19px; height: 19px; }
.form-popup .icon-n-1.size-20, .form-popup .icon-n-2.size-20 { width: 20px; height: 20px; }
.form-popup .icon-n-1.size-21, .form-popup .icon-n-2.size-21 { width: 21px; height: 21px; }
.form-popup .icon-n-1.size-22, .form-popup .icon-n-2.size-22 { width: 22px; height: 22px; }
.form-popup .form-main { padding-top: 10px; }
.form-popup .form-main.form-secure { width: 500px; margin: 0 auto; }
.form-popup .form-main.form-secure .row { padding-bottom: 8px !important; }
.form-popup .form-main.form-secure .row-table > .label { display: block; }
.form-popup .form-main.form-secure .row-table > .input-col select { width: 160px !important; }
.form-popup .form-main.form-secure .row-table > .input-col input { width: 330px !important; }
.form-popup .form-main.form-game-manage { width: 360px; margin: 0 auto; padding-top: 5px; }
.form-popup .form-main.form-game-manage .form .row { padding-bottom: 5px; }
.form-popup .form-main .form .row { padding-bottom: 20px; position: relative; }
.form-popup .form-main .form .row:last-child { padding-bottom: 10px; }
.form-popup .form-main .form .row.captcha { width: 100%; display: table; }
.form-popup .form-main .form .row.captcha > .label { width: 100%; clear: both; }
.form-popup .form-main .form .row.captcha > .input { width: 160px; float: left; margin-right: 15px; }
.form-popup .form-main .form .row.captcha .captcha-col { width: 185px; float: left; }
.form-popup .form-main .form .row.captcha .captcha-col .captcha-img { background: #473c40; width: 125px; height: 50px; float: left; border-radius: 5px; text-align: center; padding-top: 5px; margin-right: 15px; }
.form-popup .form-main .form .row.captcha .captcha-col .btn-reload-captcha { width: 45px; height: 45px; border-radius: 5px; cursor: pointer; background-color: #612830; background-image: -webkit-linear-gradient(bottom, #612830, #733a3e); background-image: linear-gradient(to top,#612830, #733a3e); float: left; position: relative; }
.form-popup .form-main .form .row.captcha .captcha-col .btn-reload-captcha:hover:before { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.form-popup .form-main .form .row.captcha .captcha-col .btn-reload-captcha:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 28px; height: 25px; background-position: -35px -59px; position: absolute; top: 10px; left: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform-origin: 12px 12px; -moz-transform-origin: 12px 12px; -ms-transform-origin: 12px 12px; -o-transform-origin: 12px 12px; transform-origin: 12px 12px; }
.form-popup .form-main .form .row.row-table { width: 100%; display: table; }
.form-popup .form-main .form .row.row-table > .input-col { float: left; width: auto; }
.form-popup .form-main .form .row.row-table > .input-col input { width: 220px; }
.form-popup .form-main .form .row.row-table > .input-col select { margin-right: 5px; width: 130px; height: 50px; background: #d7cace; border-radius: 5px; font-size: 17px; font-weight: 500; color: #343434; border: none; padding: 0px 10px 0 20px; }
.form-popup .form-main .form .row.row-table > .input-col select:focus { background: #fff; }
.form-popup .form-main .form .row.row-table .column { float: right; width: 145px; }
.form-popup .form-main .form .row.float { margin-right: 114px; width: auto; }
.form-popup .form-main .form .row > .label { color: #d7cace; font-size: 17px; font-weight: 400; padding-bottom: 5px; }
.form-popup .form-main .form .row > .label .require { color: #ffc104; }
.form-popup .form-main .form .row > .label .btn-guide { float: right; margin-top: -5px; margin-bottom: 5px; margin-right: 160px; }
.form-popup .form-main .form .row > .input { width: 360px; position: relative; }
.form-popup .form-main .form .row > .input.input-col-50 { width: 50%; float: left; padding-right: 5px; }
.form-popup .form-main .form .row > .input.radio { width: auto; text-align: center; }
.form-popup .form-main .form .row > .input.radio input { display: none; }
.form-popup .form-main .form .row > .input.radio input:checked ~ .radio-style { background: #8ffe56; border-color: #8ffe56; border-width: 8px; }
.form-popup .form-main .form .row > .input.radio input:checked ~ label { color: #8ffe56; }
.form-popup .form-main .form .row > .input.radio .input-radio { margin: 0 10px; }
.form-popup .form-main .form .row > .input.radio .input-radio .radio-style { width: 16px; height: 16px; border-radius: 100%; cursor: pointer; border: 2px solid #665e5f; background: rgba(143, 254, 86, 0); margin-right: 5px; display: inline-block; margin-bottom: -2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.form-popup .form-main .form .row > .input.radio .input-radio label { color: #d7cace; font-size: 17px; margin: 0; cursor: pointer; }
.form-popup .form-main .form .row > .input.radio .input-radio label:hover { color: #8ffe56; }
.form-popup .form-main .form .row > .input .name { padding-top: 12px; display: block; font-size: 16px; font-style: italic; color: #ef8e1c; }
.form-popup .form-main .form .row > .input select { font-weight: 500; font-family: 'Roboto', sans-serif; }
	.form-popup .form-main .form .row > .input input, .form-popup .form-main .form .row > .input select {
		width: 100%;
		height: 50px;
		background: #d7cace;
		border-radius: 5px;
		font-size: 20px;
		font-weight: 700;
		color: #343434;
		border: none;
		padding: 0px 10px 0 20px;
	}
	.form-popup .form-main .form .row > .input input::-webkit-input-placeholder, .form-popup .form-main .form .row > .input select::-webkit-input-placeholder {
		font-size: 20px;
		font-weight: 300;
		color: #746368;
	}
.form-popup .form-main .form .row > .input input::-moz-placeholder, .form-popup .form-main .form .row > .input select::-moz-placeholder { font-size: 18px; font-weight: 300; color: #746368; }
	.form-popup .form-main .form .row > .input input:-moz-placeholder, .form-popup .form-main .form .row > .input select:-moz-placeholder {
		font-size: 20px;
		font-weight: 300;
		color: #746368;
	}
	.form-popup .form-main .form .row > .input input:-ms-input-placeholder, .form-popup .form-main .form .row > .input select:-ms-input-placeholder {
		font-size: 20px;
		font-weight: 300;
		color: #746368;
	}
.form-popup .form-main .form .row > .input input:focus, .form-popup .form-main .form .row > .input select:focus { background: #fff; }
.form-popup .form-main .form .row > .input input.input-1, .form-popup .form-main .form .row > .input select.input-1 { width: 62px; float: left; margin-right: 10px; padding-left: 10px; padding-right: 5px; }
.form-popup .form-main .form .row > .input input.input-2, .form-popup .form-main .form .row > .input select.input-2 { width: 240px; }
.form-popup .form-main .form .row > .input .check { position: absolute; top: 7px; right: 7px; font-size: 11px; color: #329a21; text-transform: uppercase; padding-top: 20px; }
.form-popup .form-main .form .row > .input .check:before { content: ' '; width: 18px; height: 18px; border-radius: 100%; background-color: #339601; background-image: -webkit-linear-gradient(bottom, #339601, #64e423); background-image: linear-gradient(to top,#339601, #64e423); position: absolute; top: 0; left: 5px; }
.form-popup .form-main .form .row > .input .check:after { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 13px; height: 10px; background-position: -47px -173px; display: block; position: absolute; top: 4px; left: 7px; }
.form-popup .form-main .form .row > .input .icon-calendar { background: url(../images/icons.png) no-repeat no-repeat; width: 17px; height: 19px; background-position: -39px -236px; position: absolute; top: 13px; right: 13px; }
.form-popup .form-main .form .row .secure-input { padding-left: 60px; width: 100%; display: table; margin-bottom: 10px; font-size: 17px; }
.form-popup .form-main .form .row .secure-input > .label { float: left; }
.form-popup .form-main .form .row .secure-input > .input { margin-left: 100px; }
.form-popup .form-main .form .row .box {
	background: rgba(0, 0, 0, .5);
	border-radius: 5px;
	padding: 4px 8px;
	margin: 2px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}



.form-popup .form-main .form .btn-guide { background: url(../images/misc.png) no-repeat no-repeat; width: 24px; height: 24px; background-position: -389px -562px; float: right; margin-left: 5px; cursor: pointer; position: relative; }
.form-popup .form-main .form .btn-guide:hover .tooltip { display: block; }
.form-popup .form-main .form .btn-guide .tooltip { display: none; font-size: 13px; font-weight: 300; font-style: italic; width: 286px; margin-left: -134px; position: absolute; top: 33px; border-radius: 10px; background: rgba(147, 65, 65, 0.9); padding: 10px 15px; color: #fff; line-height: 13px; z-index: 5; text-align: justify; }
.form-popup .form-main .form .btn-guide .tooltip:before { content: ' '; height: 0; width: 0; border-bottom: 8px solid rgba(147, 65, 65, 0.9); border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -8px; left: 138px; }
.form-popup .form-main .form .more { float: right; padding-top: 12px; }
.form-popup .form-main .form .thumb { width: 104px; height: 100px; float: right; background: #fff; display: flex; flex-wrap: wrap; align-items: center; border-radius: 5px; margin-left: 10px; }
.form-popup .form-main .form .thumb img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.form-popup .form-main .action { padding-top: 10px; width: 100%; display: table; }
.form-popup .form-main .action .btn-submit { 
	background: url(../images/misc.png) no-repeat no-repeat; width: 148px; height: 48px; background-position: 0px -367px; cursor: pointer; color: #4f2412; font-weight: 700; font-size: 20px; text-align: center; padding-top: 10px; display: block;  text-transform: uppercase; margin: auto; }
.form-popup .form-main .action .btn-submit:hover { background: url(../images/misc.png) no-repeat no-repeat; width: 148px; height: 48px; background-position: 0px -417px; padding-top: 11px; }
.form-popup .form-main .action .btn-submit:active { background: url(../images/misc.png) no-repeat no-repeat; width: 148px; height: 48px; background-position: -327px -399px; }
.form-popup .form-main .action .btn-login-facebook { background: url(../images/misc.png) no-repeat no-repeat; width: 254px; height: 45px; background-position: 0px -152px; cursor: pointer; color: #fff; font-weight: 400; font-size: 16px; text-align: center; padding-top: 12px; padding-left: 34px; display: block; float: left; margin-left: 15px; }
.form-popup .form-main .action .btn-login-facebook:hover { background: url(../images/misc.png) no-repeat no-repeat; width: 254px; height: 45px; background-position: 0px -199px; padding-top: 13px; }
.form-popup .form-main .action .btn-login-facebook:active { background: url(../images/misc.png) no-repeat no-repeat; width: 254px; height: 45px; background-position: 0px -246px; }
.form-popup .form-main .action .btn-center { float: none; margin: 0 auto; }
.form-popup .form-main .action .btn-glg, .form-popup .form-main .action .btn-olg { padding-left: 7px; padding-right: 7px; }
.form-popup .form-main .action .btn-glg { margin-left: 2px; }
.form-popup .form-main .action .btn-olg { margin-right: 2px; }
.form-popup .tips { padding: 7px 0; color: #fff; font-size: 17px; font-weight: 400; text-align: center; }
.form-popup .tips.up { color: #dd861f; font-style: italic; font-size: 14px; padding-bottom: 5px; }
.form-popup .tips .bold { color: #ffd200; }
.form-popup .tips a { color: #ff8f1c }
.form-popup .tips a:hover { color: #ffc71c; }
.form-popup .tip { margin: 5px 0; font-style: italic; }
.form-popup .divider { background: rgba(255, 255, 255, 0.1); height: 1px; clear: both; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }
.form-popup .alert { background: #3c3333; border-radius: 5px; width: 100%; padding: 6px 25px; font-weight: 400; font-size: 18px; text-align: center; }
	.form-popup .alert.warning {
		color: #d02a2a;
		background: rgb(2 0 0 / 40%);
	}
.form-popup .alert.warning .icon-warning { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 22px; height: 19px; background-position: -22px -167px; display: inline-block; margin-right: 10px; position: relative; top: 2px; }
.form-popup .alert.success { color: #5aff34; background: #1b3c11; }
.form-popup .alert.success .icon-success { background: url(../images/icons.png) no-repeat no-repeat; width: 14px; height: 14px; background-position: -22px -212px; display: inline-block; margin-right: 10px; margin-top: 2px; position: relative; top: 2px; }
.form-popup .confirm { color: #d7cace; font-weight: 400; font-size: 14px; width: 100%; display: table; padding-top: 5px; padding-bottom: 10px; }
.form-popup .confirm .confirm-text { cursor: pointer; }
.form-popup .checkbox { display: inline-block; }
.form-popup .checkbox .style-checkbox { width: 22px; height: 22px; border-radius: 5px; background: #d7cace; display: inline-block; cursor: pointer; position: relative; top: 5px; margin-right: 10px; }
.form-popup .checkbox .style-checkbox:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 13px; height: 10px; background-position: -48px -148px; position: absolute; top: 6px; left: 5px; }
.form-popup .checkbox input { display: none; }
.form-popup .checkbox input:checked ~ label .style-checkbox { background: #5cea06; }
.form-popup .checkbox input:checked ~ label .style-checkbox:before { background: url(../images/icons.png) no-repeat no-repeat; width: 13px; height: 10px; background-position: -47px -173px; }
.form-popup .promotion .promo-register { width: 396px; height: 71px; background: url(../images/promo-register.png) no-repeat; position: absolute; top: -78px; left: 65px; }
.form-popup .promotion .promo-register:before { content: ' '; width: 396px; height: 71px; background: url(../images/promo-register.png) no-repeat; position: absolute; top: 0px; left: 0px; -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; -webkit-animation: opacity50 2s infinite ease-in-out; -moz-animation: opacity50 2s infinite ease-in-out; animation: opacity50 2s infinite ease-in-out; }
.form-popup .promotion .model { width: 250px; height: 562px; background: url(../images/model-register.png) no-repeat; position: absolute; top: 50%; left: -206px; margin-top: -281px; }
	.form-popup .flex-container {
		width: 100%;
		height: 563px;
		display: flex;
		flex-wrap: wrap;
		flex-flow: row wrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		align-content: flex-start;
		margin-top: 10px;
	}
.form-popup .flex-container .flex-box { flex-grow: 1; position: relative; margin-right: 15px; margin-left: 15px; }
.form-popup .flex-container .flex-box.profile { flex-grow: 0; }
.form-popup .profile { width: 276px; height: 550px; background-color: #5b341d; background-image: -webkit-linear-gradient(top, #5b341d, #4a2e1f); background-image: linear-gradient(to bottom,#5b341d, #4a2e1f); border-radius: 10px; position: relative; text-align: center; padding-top: 135px; }
.form-popup .profile.flex-box { margin-right: 0px; }
.form-popup .profile .avatar {
	position: absolute;
	width: 150px;
	height: 150px;
	background: url(../assets/avartar.png) no-repeat;
	background-position:-4px -4px;
	top: -25px;
	left: 63px;
}
.form-popup .profile .avatar.avartar1 {
	background-position: -4px -4px;
}
.form-popup .profile .avatar.avartar2{
	background-position: -162px -4px;
}
.form-popup .profile .avatar.avartar3 {
	background-position: -320px -4px;
}
.form-popup .profile .avatar.avartar4 {
	background-position: -4px -162px;
}





 .form-popup .profile .list-data { width: 240px; display: flex; flex-wrap: wrap; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; line-height: 24px; }
.form-popup .profile .list-data dt, .form-popup .profile .list-data dd { width: 50%; display: block; font-size: 17px; margin-bottom: 5px; }
.form-popup .profile .list-data dt { text-align: left; color: #ffeee2; }
.form-popup .profile .list-data dd { text-align: right; color: #ffc000; font-weight: 500; }
	.form-popup .profile .list-data .btn-buy {
		background: url(../images/misc.png) no-repeat no-repeat;
		 
		width: 24px;
		height: 24px;
		background-position: -363px -562px;
		float: right;
		margin-left: 5px;
		cursor: pointer;
	}
.form-popup .profile .list-data .btn-buy:hover { opacity: .8; }

.form-popup .profile .list-data .ic-gold {
	background: url(../images/icon-money-1.png) no-repeat no-repeat;
	width: 35px;
	height: 35px;
	position: absolute;
	margin-top: -3px;
	margin-left: 5px;
	cursor: pointer;
}

	.form-popup .profile .list-data .ic_ket {
		background: url(../images/btn_ket.png) no-repeat no-repeat;
		width: 35px;
		height: 30px;
		position: absolute;
		margin-top: 10px;
		margin-left: 5px;
		cursor: pointer;
	}

 




.form-popup .profile .list-data .btn-guide { background: url(../images/misc.png) no-repeat no-repeat; width: 24px; height: 24px; background-position: -389px -562px; float: right; margin-left: 5px; cursor: pointer; position: relative; }
.form-popup .profile .list-data .btn-guide:hover .tooltip { display: block; }
.form-popup .profile .list-data .btn-guide .tooltip { display: none; font-size: 13px; font-weight: 300; font-style: italic; width: 286px; margin-left: -134px; position: absolute; top: 33px; border-radius: 10px; background: rgba(147, 65, 65, 0.7); padding: 10px 15px; color: #fff; line-height: 13px; z-index: 5; text-align: justify; }
.form-popup .profile .list-data .btn-guide .tooltip:before { content: ' '; height: 0; width: 0; border-bottom: 8px solid rgba(147, 65, 65, 0.7); border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -8px; left: 138px; }
.form-popup .profile .profile-level { width: 240px; height: 20px; margin: 0 auto; background-color: #3a2316; background-image: -webkit-linear-gradient(bottom, #3a2316, #321b0f); background-image: linear-gradient(to top,#3a2316, #321b0f); border-radius: 4px; box-shadow: inset 0 2px rgba(29, 16, 10, 0.65); border: 1px solid #563523; padding: 2px; }
.form-popup .profile .profile-level .progress { height: 14px; background-color: #478311; background-image: -webkit-linear-gradient(bottom, #478311, #64d315); background-image: linear-gradient(to top,#478311, #64d315); border-radius: 2px; }
.form-popup .profile .btn-giftcode { position: absolute; bottom: 15px; left: 20px; }
.form-popup .profile .divider { width: 240px; }
.form-popup .ptab-controls { width: 100%; height: 40px; }
	.form-popup .ptab-controls .tab {
		float: left;
		width: 140px;
		height: 40px;
		margin-right: 7px;
		cursor: pointer;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		background-color: #2a1d16;
		background-image: -webkit-linear-gradient(bottom, #2a1d16 0%, #3c2b22 14%, #47352b 100%);
		background-image: linear-gradient(to top,#2a1d16 0%, #3c2b22 14%, #47352b 100%);
		text-align: center;
		color: #977e6f;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: 700;
		padding-top: 10px;
	}
.form-popup .ptab-controls .tab:first-child { margin-left: 16px; }
.form-popup .ptab-controls .tab.active, .form-popup .ptab-controls .tab:hover { background: none; border-top: 1px solid #593b17; border-left: 1px solid #593b17; border-right: 1px solid #593b17; color: #ffdb5d; }
.form-popup .ptab-controls .tab.active { height: 41px; background: #1e0402; }

.form-popup .tabs-pp {
	height: 30px;
	text-align: center;
	background: rgba(0, 0, 0, .1);
	margin-bottom: 10px;
}
	.form-popup .tabs-pp .tab-pp {
		cursor: pointer;
		font-size: 18px;
		text-decoration: none;
		border: 1px solid #734f2b;
		color: #fff;
		font-weight: 700;
		display: block;
		font-weight: normal;
		width: 110px;
		display: inline-block;
		text-align: center;
		padding: 4px 5px;
		border-radius: 5px;
		margin: 0 2px;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}
	.form-popup .tabs-pp .tab-pp.active, .form-popup .tabs-pp .tab-pp:hover {
		background-color: #e5a143;
		background-image: -webkit-linear-gradient(bottom, #895fb5, #604277);
		background-image: linear-gradient(to top, #e5a143, #bc7d26);
		border: 1px solid #ffc78f;
		color: #ffea00;
	}


.form-popup .ptab-tabs { border: 1px solid #593b17; border-radius: 10px; }
.form-popup .ptab-tabs > .tab { display: none; padding: 10px; width: 100%; height: 495px; }
.form-popup .ptab-tabs > .tab.active { display: block; }
.form-popup .ptab-tabs > .tab .guide { font-size: 14px; color: #ffe09d; padding-left: 20px; position: absolute; bottom: 5px; left: 0; }
.form-popup .ptab-tabs > .tab .guide .icon-info { display: inline-block; background: url(../images/icons.png) no-repeat no-repeat; width: 23px; height: 23px; background-position: -22px -141px; margin-bottom: -6px; margin-right: 10px; }
.form-popup .profile-form { padding-left: 90px; padding-right: 90px; padding-top: 35px; }
.form-popup .profile-form .form-row { width: 100%; display: table; position: relative; margin-bottom: 10px; }
.form-popup .profile-form .form-row .label { float: left; width: 175px; font-size: 17px; padding-top: 5px; }
.form-popup .profile-form .form-row .input { margin-left: 175px; }
.form-popup .profile-form .form-row .input input { background: #7e7174; border-radius: 6px; display: block; width: 100%; padding: 10px; border: none; font-size: 17px; color: #3f3235; }
.form-popup .profile-form .form-row .input input:focus { background: #fff; color: #551227; }
.form-popup .profile-form .form-row .input input:disabled { color: #fff000; background: none; }
.form-popup .profile-form .form-row .input .facebook { background-color: #3251a1; background-image: -webkit-linear-gradient(bottom, #3251a1, #3f6eb6); background-image: linear-gradient(to top,#3251a1, #3f6eb6); border-radius: 5px; cursor: pointer; padding: 6px 30px; margin-top: 4px; color: #fff; display: inline-block; }
.form-popup .profile-form .form-row .input .facebook:hover { text-decoration: none; background-color: #3a5db7; background-image: -webkit-linear-gradient(bottom, #3a5db7, #2884bf); background-image: linear-gradient(to top,#3a5db7, #2884bf); }
.form-popup .profile-form .form-row .input .google { background-color: #a13232; background-image: -webkit-linear-gradient(bottom, #a13232, #b63f3f); background-image: linear-gradient(to top,#a13232, #b63f3f); border-radius: 5px; cursor: pointer; padding: 6px 30px; margin-top: 4px; color: #fff; display: inline-block; }
.form-popup .profile-form .form-row .input .google:hover { text-decoration: none; background-color: #bd3c3c; background-image: -webkit-linear-gradient(bottom, #bd3c3c, #dc5a5a); background-image: linear-gradient(to top,#bd3c3c, #dc5a5a); }
.form-popup .profile-form .form-row .action { width: 28px; float: right; margin-left: 10px; padding-top: 5px; }
.form-popup .profile-form .form-row .action .btn-edit { background: url(../images/misc.png) no-repeat no-repeat; width: 28px; height: 28px; background-position: -477px -429px; cursor: pointer; display: block; }
.form-popup .profile-form .form-row .action .btn-edit:hover { opacity: .8; }
.form-popup .profile-form .form-row .action .btn-delete { background: url(../images/misc.png) no-repeat no-repeat; width: 28px; height: 28px; background-position: -477px -399px; cursor: pointer; display: block; }
.form-popup .profile-form .form-row .action .btn-delete:hover { opacity: .8; }
.form-popup .profile-form .form-row .action:not([style*="display: none"]) ~ .input { margin-right: 38px; }
.form-popup .profile-form .form-submit { text-align: center; padding-top: 10px; }
.form-popup .profile-form .connect { padding: 20px 0; display: flex; flex-wrap: wrap; font-size: 14px; font-style: italic; font-weight: 500; }
.form-popup .profile-form .connect dt { display: block; width: 50%; text-align: right; color: #8d6e75; padding-right: 5px; }
.form-popup .profile-form .connect dd { display: block; width: 50%; text-align: left; color: #b0999e; padding-left: 5px; }
.form-popup .vip-section { height: 60px; padding: 0 20px; }
.form-popup .vip-section .vip { width: 74px; float: left; cursor: pointer; position: relative; }
.form-popup .vip-section .vip:hover .btn-vip { border-width: 8px; border-color: #fff; background: #fff; }
.form-popup .vip-section .vip:hover .score, .form-popup .vip-section .vip:hover .name { color: #fff; opacity: 1; }
.form-popup .vip-section .vip:last-child { width: 16px; }
.form-popup .vip-section .vip:last-child .level { display: none; }


.form-popup .vip-section .vip.active { width: 204px; }

.form-popup .vip-section .vip:last-child.active {
	width: 10px;
}
.form-popup .vip-section .vip.active .score, .form-popup .vip-section .vip.active .name { color: #64e423; opacity: 1; }
.form-popup .vip-section .vip.active .btn-vip { border-width: 8px; border-color: #64e423; background: #64e423; }
.form-popup .vip-section .vip.active .level { height: 4px; top: 26px; }
.form-popup .vip-section .vip.active .level .text, .form-popup .vip-section .vip.active .level .progress { display: block; }
.form-popup .vip-section .vip.active .level { width: 189px; }
.form-popup .vip-section .vip .btn-vip { width: 16px; height: 16px; background: #563e2c; border-radius: 100%; border: 2px solid #ffde00; cursor: pointer; float: left; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: 20px; }
.form-popup .vip-section .vip .level { background: #ffde00; position: absolute; top: 27px; left: 15px; height: 2px; width: 60px; }
.form-popup .vip-section .vip .level .text { color: #64e423; font-size: 14px; text-align: center; width: 60px; position: absolute; top: -15px; left: 84px; display: none; }
.form-popup .vip-section .vip .level .progress { height: 4px; background: #64e423; display: none; }
.form-popup .vip-section .vip .score { font-size: 14px; color: #feb300; text-align: center; position: absolute; top: 5px; left: -46px; width: 100px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; }
.form-popup .vip-section .vip .name { font-size: 14px; color: #feb300; text-align: center; position: absolute; top: 40px; left: -28px; width: 70px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.form-popup .table table { width: 100%; border-radius: 5px; }
.form-popup .table table.table-size-12 td { font-size: 12px; }
.form-popup .table table.table-size-14 td { font-size: 14px; }
.form-popup .table table.table-size-17 td { font-size: 17px; }
.form-popup .table table.table-size-18 td {
	font-size: 18px;
}
.form-popup .table table.table-size-19 td {
	font-size: 19px;
}
.form-popup .table table.table-column-border tbody tr:first-child td:first-child { border-top-left-radius: 4px; }
.form-popup .table table.table-column-border tbody tr:first-child td:last-child { border-top-right-radius: 4px; }
.form-popup .table table.table-hover-cell tbody tr:hover { background: #4f3221; }
.form-popup .table table.table-hover-cell tbody tr:nth-child(2n+1):hover { background: #5e3f2d; }
.form-popup .table table.table-hover-cell tbody tr td:hover { background: #4a2f1f; }
.form-popup .table table.table-hover-off tbody tr:hover { background: #4f3221; }
.form-popup .table table.table-hover-off tbody tr:nth-child(2n+1):hover { background: #5e3f2d; }
.form-popup .table table.table-padding th, .form-popup .table table.table-padding td { padding: 10px; }
.form-popup .table table.table-striper-column tbody tr { background: none; }
.form-popup .table table.table-striper-column tbody tr td { background: #4f3221; }
.form-popup .table table.table-striper-column tbody tr td:nth-child(2n+1) { background: #5e3f2d; }
.form-popup .table table.table-border-hoz tbody tr td { border-top: 1px solid #4a2f1f; box-shadow: inset 0 1px rgba(149, 118, 99, 0.2); }
.form-popup .table table.table-border-ver thead tr th + th { border-left: 1px solid #6b4631; box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); }
.form-popup .table table.table-border-ver tbody tr td + td { border-left: 1px solid #4a2f1f; box-shadow: inset 1px 0 rgba(149, 118, 99, 0.2); }
.form-popup .table table.table-radius-top-off { border-top-left-radius: 0; border-top-right-radius: 0; border-top: none; }
.form-popup .table table.table-radius-top-off thead tr th:first-child { border-top-left-radius: 0; }
.form-popup .table table.table-radius-top-off thead tr th:last-child { border-top-right-radius: 0; }
.form-popup .table table.table-radius-bottom-off { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none; }
.form-popup .table table caption { text-transform: uppercase; font-size: 20px; font-weight: 700; color: #ffb628; text-align: left; padding-top: 10px; padding-bottom: 5px; }
.form-popup .table table thead tr { background-color: #7a523b; background-image: -webkit-linear-gradient(bottom, #7a523b, #9c7556); background-image: linear-gradient(to top,#7a523b, #9c7556); }
	.form-popup .table table thead tr th {
		font-size: 18px;
		color: #ffde00;
		text-align: center;
		font-weight: 500;
		padding: 6px 10px;
	}
.form-popup .table table thead tr th:first-child { border-top-left-radius: 4px; }
.form-popup .table table thead tr th:last-child { border-top-right-radius: 4px; }
.form-popup .table table thead tr th.left { text-align: left; }
.form-popup .table table thead tr th.right { text-align: right; }
.form-popup .table table thead tr th .check { width: 18px; height: 18px; position: relative; border-radius: 100%; display: inline-block; background-color: #339601; background-image: -webkit-linear-gradient(bottom, #339601, #64e423); background-image: linear-gradient(to top,#339601, #64e423); top: 2px; }
.form-popup .table table thead tr th .check:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 13px; height: 10px; background-position: -47px -173px; display: block; margin: 0 auto; margin-top: 4px; }
.form-popup .table table thead tr th .uncheck { width: 18px; height: 18px; position: relative; border-radius: 100%; display: inline-block; background-color: #fff; background-image: -webkit-linear-gradient(bottom, #fff, #fff); background-image: linear-gradient(to top,#fff, #fff); top: 2px; }
.form-popup .table table thead tr th .uncheck:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 13px; height: 10px; background-position: -48px -148px; display: block; margin: 0 auto; margin-top: 4px; }
.form-popup .table table tbody tr { background: #4f3221; }
.form-popup .table table tbody tr:nth-child(2n+1) { background: #5e3f2d; }
.form-popup .table table tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; }
.form-popup .table table tbody tr:last-child td:last-child { border-bottom-right-radius: 4px; }
.form-popup .table table tbody tr:hover { background: #4a2f1f; }
	.form-popup .table table tbody tr td {
		color: #e3dbdb;
		font-size: 16px;
		padding: 7px 10px;
		font-weight: 400;
	}
.form-popup .table table tbody tr td .highlight { color: #ffe400; }
 
.form-popup .tooltip-box { display: inline-block; position: relative; }
.form-popup .tooltip-box:hover .tooltip { display: block; }
.form-popup .tooltip-box .tooltip { display: none; font-size: 14px; font-weight: 300; font-style: italic; min-width: 120px; margin-left: -134px; position: absolute; top: 28px; left: 105px; border-radius: 10px; background: #934141; padding: 10px 15px; color: #fff; line-height: 13px; z-index: 5; text-align: center; }
.form-popup .tooltip-box .tooltip:before { content: ' '; height: 0; width: 0; border-bottom: 8px solid #934141; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -8px; left: 50%; margin-left: -8px; }
.form-popup .compares { margin: 15px 0; display: table; }
.form-popup .compares .compare { width: 300px; float: left; margin: 0 7px; }
.form-popup .vip-option { width: 100%; display: table; margin-bottom: 5px; }
.form-popup .vip-option .column { padding: 0 20px; float: left; width: 50%; line-height: 24px; font-size: 14px; font-weight: 400; }
.form-popup .vip-option .column .highlight { color: #f3bf01; }
.form-popup .vip-option .column .btn-gxs { float: right; }
.form-popup .refferal .input-refferal { width: 100%; display: block; border: none; background: #eee; border-radius: 4px; padding: 7px 15px; font-size: 14px; font-weight: 700; }
.form-popup .refferal .input-refferal::-webkit-input-placeholder { font-weight: 400; }
.form-popup .refferal .input-refferal::-moz-placeholder { font-weight: 400; }
.form-popup .refferal .input-refferal:-moz-placeholder { font-weight: 400; }
.form-popup .refferal .input-refferal:-ms-input-placeholder { font-weight: 400; }
.form-popup .refferal .input-refferal:focus { background: #fff; }
.form-popup .refferal .reffer-code { margin: 20px 0; }
.form-popup .refferal .reffer-code .txt { float: left; margin-right: 10px; padding-top: 6px; }
.form-popup .refferal .reffer-code .box { width: 150px; height: 32px; background: #432a24; border-radius: 5px; margin-left: 160px; }
.form-popup .refferal .reffer-code .box .code { text-transform: uppercase; color: #ffda0f; font-weight: 500; padding: 4px 0 0 10px; font-size: 20px; display: inline-block; }
.form-popup .refferal .reffer-code .box .btn-guide { background: url(../images/misc.png) no-repeat no-repeat; width: 24px; height: 24px; background-position: -389px -562px; cursor: pointer; float: right; margin-top: 4px; margin-right: 4px; position: relative; }
.form-popup .refferal .reffer-code .box .btn-guide:hover .tooltip { display: block; }
.form-popup .refferal .reffer-code .box .btn-guide .tooltip { display: none; font-size: 13px; font-weight: 300; font-style: italic; width: 286px; margin-left: -134px; position: absolute; top: 33px; border-radius: 10px; background: #934141; padding: 10px 15px; color: #fff; line-height: 13px; z-index: 5; text-align: justify; }
.form-popup .refferal .reffer-code .box .btn-guide .tooltip:before { content: ' '; height: 0; width: 0; border-bottom: 8px solid #934141; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -8px; left: 138px; }
.form-popup .refferal .reffer-btn { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.form-popup .refferal .reffer-btn span { margin: 0 5px; }
.form-popup .refferal .reffer-stats { margin-bottom: 10px; }
.form-popup .achievement { padding-top: 20px; }
.form-popup .achievement .table { margin-bottom: 20px; }
.form-popup ._slb { width: 100%; min-height: 430px; display: flex; flex-wrap: wrap; align-items: center; }
.form-popup ._slb ._slb-btn { border: 2px solid #ffb400; width: 170px; height: 200px; border-radius: 15px; background-color: #61331f; background-image: -webkit-linear-gradient(bottom, #61331f, #200603); background-image: linear-gradient(to top,#61331f, #200603); margin: 15px 30px; position: relative; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.form-popup ._slb ._slb-btn:hover { background-color: #8a4608; background-image: -webkit-linear-gradient(bottom, #8a4608, #200603); background-image: linear-gradient(to top,#8a4608, #200603); }
.form-popup ._slb ._slb-btn .image { width: 100%; height: 166px; position: relative; display: flex; flex-wrap: wrap; align-items: center; text-align: center; }
.form-popup ._slb ._slb-btn .image img { display: block; margin: 0 auto; }
.form-popup ._slb ._slb-btn .button { width: 100%; height: 32px; background-color: #ff8700; background-image: -webkit-linear-gradient(bottom, #ff8700, #fbb900); background-image: linear-gradient(to top,#ff8700, #fbb900); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; text-align: center; font-size: 17px; font-weight: 700; color: #500a20; padding-top: 4px; }
.form-popup ._slb ._slb-btn .promo { position: absolute; top: -20px; right: -30px; background: url(../images/misc.png) no-repeat no-repeat; width: 73px; height: 58px; background-position: -256px -178px; z-index: 2; text-align: center; padding-top: 13px; font-weight: 700; font-size: 17px; }
.form-popup ._pfb { width: 100%; display: flex; flex-wrap: wrap; }
.form-popup ._pfb ._fc { flex-grow: 1; }
.form-popup ._pfb ._fc._fcl { width: 320px; flex-grow: 0; margin-right: 15px; }
.form-popup ._pfb ._fc._fcl .row { padding-bottom: 10px; }
.form-popup ._pfb ._fc._fcl .input { width: 100%; }
.form-popup ._pfb ._fc._fcl .captcha .input { width: 115px; }
.form-popup ._pfb ._fc._fcl .row-table .input-col input { width: 185px; }
.form-popup ._pfb ._fc._fcr { flex-basis: 320px; }
.form-popup ._fctrls { margin-bottom: 10px; width: 100%; display: table; }
.form-popup ._fctrls ._fctrl { height: 35px; display: inline-block; margin: 0 10px; text-align: center; cursor: pointer; color: #9e744e; font-size: 17px; font-weight: 500; padding-top: 7px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; }
.form-popup ._fctrls ._fctrl.active, .form-popup ._fctrls ._fctrl:hover { color: #ffde00; }
.form-popup ._fcts ._fct { display: none; }
.form-popup ._fcts ._fct.active { display: block; }
.form-popup .breadcrumb > li { display: inline-block; font-size: 17px; }
.form-popup .breadcrumb > li a { color: #fff; }
.form-popup .breadcrumb > li + li:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 5px; height: 8px; background-position: -45px -198px; display: inline-block; margin: 0 10px; position: relative; top: -2px; }
.form-popup .dialog { width: 520px; border-radius: 10px; background: #2d221b; border: 1px solid #ffd200; box-shadow: 0 9px 15px rgba(0, 0, 0, 0.35); position: absolute; top: 50%; left: 50%; margin: -180px 0 0 -260px; }
.form-popup .dialog > .title { height: 28px; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 38px; background-color: rgba(63, 47, 38, 0); background-image: -webkit-linear-gradient(bottom, rgba(63, 47, 38, 0), #3f2f26); background-image: linear-gradient(to top,rgba(63, 47, 38, 0), #3f2f26); text-align: center; font-size: 20px; font-weight: 500; color: #faeb00; padding-top: 7px; display: block; text-transform: uppercase; }
.form-popup .dialog .dialog-action { text-align: center; padding: 15px 0; }
.form-popup .dialog .dialog-action span { margin: 0 10px; }
.form-popup .dialog .dialog-content { min-height: 100px; display: flex; flex-wrap: wrap; align-items: center; }
.form-popup .dialog .dialog-content .dc-txt { text-align: center; font-size: 17px; display: block; flex-grow: 1; }

.message-popup {
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 91;
}

.message-popup .dialog { width: 520px; border-radius: 10px; background: #2d221b; border: 1px solid #ffd200; box-shadow: 0 9px 15px rgba(0, 0, 0, 0.35); position: absolute; top: 50%; left: 50%; margin: 0px 0 0 -260px; }
.message-popup .dialog > .title { height: 28px; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 38px; background-color: rgba(63, 47, 38, 0); background-image: -webkit-linear-gradient(bottom, rgba(63, 47, 38, 0), #3f2f26); background-image: linear-gradient(to top,rgba(63, 47, 38, 0), #3f2f26); text-align: center; font-size: 20px; font-weight: 500; color: #faeb00; padding-top: 7px; display: block; text-transform: uppercase; }
.message-popup .dialog .dialog-action { text-align: center; padding: 15px 0; }
.message-popup .dialog .dialog-action span { margin: 0 10px; }
.message-popup .dialog .dialog-content { min-height: 100px; display: flex; flex-wrap: wrap; align-items: center; }
.message-popup .dialog .dialog-content .dc-txt { text-align: center; font-size: 17px; display: block; flex-grow: 1; }


.form-popup .dialog .dialog-form { width: 100%; padding: 10px 20px 0 20px; }
.form-popup .dialog .dialog-form .row { width: 100%; display: table; font-size: 17px; line-height: 30px; }
.form-popup .dialog .dialog-form .row .label { width: 200px; float: left; margin-right: 10px; }
.form-popup .dialog .dialog-form .row .label:after { content: ':'; float: right; }
.form-popup .dialog .dialog-form .row .input { margin-left: 210px; }
.form-popup .dialog .dialog-form .row .input input { width: 100%; display: block; border: none; background: #726e6a; border-radius: 4px; padding: 7px 15px; }
.form-popup .dialog .dialog-form .row .input input:focus { background: #fff; }

.form-popup .dialog .dialog-form .row select {
	margin-right: 5px;
	width: 130px;
	height: 45px;
	background: #d7cace;
	border-radius: 5px;
	font-size: 17px;
	font-weight: 500;
	color: #343434;
	border: none;
	padding: 0px 10px 0 20px;
}


.form-popup .dialog .guide { font-size: 14px; font-style: italic; color: #fdd87e; padding-left: 15px; padding-bottom: 8px; }
.form-popup .dialog .dialog-refferal { padding: 10px 15px; }
.form-popup .dialog .dialog-refferal .head { width: 100%; display: table; }
.form-popup .dialog .dialog-refferal .head .column-left { width: 275px; float: left; }
.form-popup .dialog .dialog-refferal .head .column-left .txt { float: left; width: 150px; }
.form-popup .dialog .dialog-refferal .head .column-left .highlight { margin-left: 150px; display: block; }
.form-popup .dialog .dialog-refferal .head .column-right { width: 200px; float: right; }
.form-popup .dialog .dialog-refferal .head .column-right .txt { float: left; width: 80px; padding-top: 5px; }
.form-popup .dialog .dialog-refferal .head .column-right .input { width: 120px; height: 32px; float: left; position: relative; }
.form-popup .dialog .dialog-refferal .head .column-right .input input { float: left; font-size: 14px; color: #ffde00; width: 120px; height: 32px; background: none; border: 1px solid #4a4343; border-radius: 5px; padding: 0 10px; }
.form-popup .dialog .dialog-refferal .head .column-right .input input:focus { border-color: #ffde00; }
.form-popup .dialog .dialog-refferal .head .column-right .input .icon-calendar { float: left; background: url(../images/icons.png) no-repeat no-repeat; width: 13px; height: 15px; background-position: -23px -275px; margin-top: 6px; position: absolute; top: 1px; right: 7px; cursor: pointer; }
.form-popup .dialog .dialog-refferal .content { height: 145px; }
.form-popup .dialog .dialog-refferal .content .list { width: 33.33%; float: left; margin-bottom: 8px; color: #ffde00; }
.form-popup .highlight { color: #f4e000; }
.form-popup .highlight2 { color: #ff0000; }
.form-popup .icon-facebook { background: url(../images/icons.png) no-repeat no-repeat; width: 20px; height: 20px; background-position: -1px -231px; display: inline-block; }
	 
.form-popup .list-arrow { font-size: 17px; font-weight: 500; padding: 5px 0 5px 15px; }
.form-popup .list-arrow li { padding-bottom: 3px; }
.form-popup .list-arrow li:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 5px; height: 8px; background-position: -45px -198px; display: inline-block; margin-right: 10px; }
.form-popup .bank-rule { width: 100%; }
.form-popup .bank-rule li { padding-bottom: 8px; }
.form-popup .bank-slides { margin-top: 10px; margin-left: 10px; margin-right: 10px; }
.form-popup .bank-slides .arrow { cursor: pointer; margin-top: 3px; }
.form-popup .bank-slides .arrow.left { background: url(../images/icons.png) no-repeat no-repeat; width: 18px; height: 39px; background-position: -1px -63px; float: left; }
.form-popup .bank-slides .arrow.left:hover { background: url(../images/icons.png) no-repeat no-repeat; width: 18px; height: 39px; background-position: -1px -105px; }
.form-popup .bank-slides .arrow.right { background: url(../images/icons.png) no-repeat no-repeat; width: 18px; height: 39px; background-position: -1px -147px; float: right; }
.form-popup .bank-slides .arrow.right:hover { background: url(../images/icons.png) no-repeat no-repeat; width: 18px; height: 39px; background-position: -1px -189px; }
.form-popup .bank-slides .slide-box { width: 500px; overflow: hidden; }
.form-popup .bank-slides .slide-box > ul { display: flex; flex-wrap: nowrap; flex-direction: row; }
.form-popup .bank-slides .slide-box .bank { background: #fff; border-radius: 5px; overflow: hidden; width: 100px; height: 45px; display: block; margin: 0 13px; flex: none; }
.form-popup .bank-slides .slide-box .bank img { max-width: 100%; max-height: 100%; }
.form-popup .cards {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; }
.form-popup .cards .card { background: #e7e7e7; width: 245px; border-radius: 10px; padding: 15px; margin: 10px 15px; color: #2c2324; font-size: 14px; }
.form-popup .cards .card .name { font-size: 17px; color: #76404d; text-align: center; }
.form-popup .cards .card .price { font-size: 20px; color: #76404d; text-align: center; font-weight: 700; margin-bottom: 5px; }
.form-popup .cards .card .code { background: url(../images/pattern-card.png) repeat; text-align: center; font-family: 'Arial', sans-serif; color: #000; font-size: 20px; font-weight: bold; border-radius: 3px; padding: 6px 10px; margin-bottom: 5px; }
.form-popup .cards .card .seri-date { font-size: 15px; margin-bottom: 5px; }
.form-popup .cards .card .seri-date > div { width: 100%; display: table; }
.form-popup .cards .card .seri-date span { float: right; font-weight: 700; color: #76404d; font-size: 16px; }
.form-popup .cards .card .guide-key { margin-bottom: 5px; text-align: left; }
.form-popup .cards .card .guide-key > div + div { padding-left: 10px; }
.form-popup .cards .card .guide-key .key { display: inline-block; color: #2c2324; font-weight: 700; background: #c2bdbd; border-radius: 3px; padding: 2px 6px; }
.form-popup .cards .card p { margin-bottom: 0; }
.form-popup .game-manage { padding: 5px 15px; }
.form-popup .game-manage .tip { margin-top: 0; }
.form-popup .game-manage .game-box { margin-bottom: 5px; max-height: 220px; /*.icon-manage{
	display: inline-block;
	margin-right: 5px;
	cursor: pointer;
	margin-bottom: -6px;
	&.unlock{
		@include icon-unlock;
	}
	&.locked{
		@include icon-locked;
	}
}*/ }
.form-popup .game-manage .game-box .table table tbody tr td { font-size: 17px; }
.form-popup .game-manage .game-box .game-input-checkbox label { cursor: pointer; }
.form-popup .game-manage .game-box .game-input-checkbox label span { color: #40d939; }
.form-popup .game-manage .game-box .game-input-checkbox label .icon-manage { display: inline-block; margin-right: 5px; cursor: pointer; margin-bottom: -6px; background: url(../images/icons.png) no-repeat no-repeat; width: 26px; height: 26px; background-position: -37px -30px; }
.form-popup .game-manage .game-box .game-input-checkbox input { display: none; }
.form-popup .game-manage .game-box .game-input-checkbox input:checked + label span { color: #efe1d8; }
.form-popup .game-manage .game-box .game-input-checkbox input:checked + label .icon-manage { background: url(../images/icons.png) no-repeat no-repeat; width: 26px; height: 26px; background-position: -37px -1px; }
.form-popup .inbox { display: flex; flex-wrap: wrap; padding: 20px 15px; }
.form-popup .inbox .left { width: 208px; flex-grow: 0; }
.form-popup .inbox .left .btn-glg { margin-bottom: 15px; }
.form-popup .inbox .left .category { background: #4f3221; border: 1px solid #694a38; height: 470px; border-radius: 5px; }
.form-popup .inbox .left .category table tr:first-child td { border: none; box-shadow: none; }
	.form-popup .inbox .right {
		margin-left: 15px;
		flex-grow: 0;
		border-radius: 5px;
		background: #4f3221;
		border: 1px solid #694a38;
		width: 780px;
		height: 470px;
	}
.form-popup .inbox .right table tr:first-child td { border: none; box-shadow: none; }
.form-popup .inbox .right .inbox-row-message { width: 100%; display: table; }
.form-popup .inbox .right .inbox-row-message .thumb { float: left; width: 50px; height: 50px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; background: #402618; border-radius: 10px; margin-right: 10px; }
.form-popup .inbox .right .inbox-row-message .thumb i { display: inline-block; }

.form-popup .inbox .right .inbox-row-message .thumb .icon-box1 {
	background: url(../images/icons.png) no-repeat no-repeat;
	width: 32px;
	height: 25px;
	background-position: -22px -87px;
}

.form-popup .inbox .right .inbox-row-message .thumb .icon-box2 {
	background: url(../images/icon-minigame.png) no-repeat no-repeat;
	width: 32px;
	height: 32px;
	background-position: -43px -44px;
}
.form-popup .inbox .right .inbox-row-message .thumb .icon-box3 {
	background: url(../images/icons.png) no-repeat no-repeat;
	width: 32px;
	height: 32px;
	background-position: -0px -0px;
}

.form-popup .inbox .right .inbox-row-message .info { margin-right: 100px; margin-left: 70px; }
.form-popup .inbox .right .inbox-row-message .info .title { color: #fff; }
.form-popup .inbox .right .inbox-row-message .info .author { font-size: 12px; color: #beaa9e; font-style: italic; }
.form-popup .inbox .right .inbox-row-message .info .short { font-size: 12px; color: #beaa9e; }
.form-popup .inbox .right .inbox-row-message .message { clear: both; margin: 5px 20px; border-top: 1px solid #694a38; padding-top: 10px; padding-bottom: 10px; position: relative; top: 5px; }
.form-popup .inbox .right .inbox-row-message .action { float: right; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; height: 50px; width: 80px; }
.form-popup .inbox .right .inbox-row-message .action .delete { display: block; width: 80px; height: 24px; border-radius: 4px; background: #9b3536; color: #fff; text-align: center; padding-top: 4px; font-size: 14px; font-weight: 500; cursor: pointer; }
.form-popup .inbox .right .inbox-row-message .action .receive { display: block; width: 80px; height: 24px; border-radius: 4px; background: #369431; color: #fff; text-align: center; padding-top: 4px; font-size: 14px; font-weight: 500; cursor: pointer; margin-bottom: 3px; }
.form-popup .inbox .right .inbox-row-message .action .receive.disable { background: #4e3024; color: #0a0601; cursor: no-drop; }
.form-popup .inbox .right .inbox-row-message .action .receive.disable:hover { text-decoration: none; }
.form-popup .inbox .right .form-main { padding: 25px 20px; }
.form-popup .inbox .right .form-main .form .row { width: 100%; display: table; }
.form-popup .inbox .right .form-main .form .row label.label { width: 150px; float: left; padding-top: 8px; }
.form-popup .inbox .right .form-main .form .row .input { width: auto; display: block; margin-left: 150px; }
.form-popup .inbox .right .form-main .form .row .input input { width: 100%; display: block; }
.form-popup .inbox .right .form-main .form .row .input .check { right: 27px; top: 12px; }
.form-popup .inbox .right .form-main .form .row div.label + .input { margin-left: 0; }
.form-popup .inbox .right .form-main .form .row textarea { border: none; border-radius: 5px; background: #d7cace; width: 100%; height: 300px; }
.form-popup .inbox .right .form-main .form .row textarea:focus { background: #fff; }
.form-popup .inbox .pages { margin-left: 220px; }
.form-popup .inbox .inbox-action { padding-left: 220px; width: 100%; text-align: center; flex: none; padding-top: 5px; }
.form-popup > .guide { display: flex; flex-wrap: wrap; padding: 0 15px; }
.form-popup > .guide .left { width: 208px; flex-grow: 0; }
.form-popup > .guide .left .btn-glg { margin-bottom: 15px; }
.form-popup > .guide .left .category { height: 470px; border-radius: 5px; }
.form-popup > .guide .left .category table { margin-bottom: 10px; }
.form-popup > .guide .left .category table thead tr th { padding: 3px 2px; }
.form-popup > .guide .left .category table tr:first-child td { border: none; box-shadow: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.form-popup > .guide .left .category table tr td { padding: 8px 10px; }
.form-popup > .guide .right { margin-left: 15px; flex-grow: 1; border-radius: 5px; background: #4f3221; border: 1px solid #694a38; }
.form-popup > .guide .right table tr:first-child td { border: none; box-shadow: none; }
.form-popup.form-nouser {
	background: url(../images/ui.c23.png) no-repeat no-repeat;
	width: 534px;
	height: 454px;
	background-position: -1059px -5px;
	margin-left: -275px;
}
.form-popup.form-nouser .form { width: 360px; margin: 0 auto; }

.form-popup.form-message {
	background: url(../images/ui.c23.png) no-repeat no-repeat;
	width: 520px;
	height: 288px;
	background-position: -375px -663px;
	margin-left: -275px;
}
.form-popup.form-message .form {
	width: 360px;
	margin: 0 auto;
}

.form-popup.form-dowload {
	width: 756px;
	margin-left: -338px;
}

.form-popup.form-dowload .form {
	width: 695px;
	margin: 0 auto;
}



.form-popup.form-isuser {
	width: 1044px;
	height: 599px;
	background: url(../images/ui.c23.png) no-repeat no-repeat;
	 
	background-position: -5px -5px;
	 

	margin-left: -518px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
}
.form-popup.form-minigame {
	width: 1044px;
	height: 599px;
	background: url(../images/ui.c23.png) no-repeat no-repeat;
	background-position: -5px -5px;
	margin-left: -518px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
}
.form-popup.form-rank {
	width: 632px;
	height: 509px;
	background: url(../images/ui.c23.png) no-repeat no-repeat;
	background-position: -953px -665px;
	margin-left: -320px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
}
.form-popup.form-register .form { width: 100%; }
.form-popup.form-register .form .row { width: 100%; display: table; padding-bottom: 8px; }
.form-popup.form-register .form .row.captcha > .label { width: 163px; }
.form-popup.form-register .form .row.captcha > .input { width: 115px; }
.form-popup.form-register .form .row.referral { width: 100%; display: table; padding-bottom: 8px; }
.form-popup.form-register .form .row.referral .label { width: 163px; }
.form-popup.form-register .form .row.referral .input { width: 120px; }
.form-popup.form-register .form .row .error { background: #d23838; color: #fff; text-align: left; position: absolute; top: 5px; left: 102%; padding: 10px 20px 8px 20px; width: 100%; max-width: 200px; border-radius: 5px; }
.form-popup.form-register .form .row .error:before { content: ' '; height: 0; width: 0; border-bottom: 6px solid transparent; border-right: 6px solid #d23838; border-top: 6px solid transparent; position: absolute; top: 12px; left: -6px; }
.form-popup.form-register .form .row .check { width: 20px; height: 20px; border-radius: 100%; background: #5cea06; position: absolute; top: 12px; right: -25px; }
.form-popup.form-register .form .row .check:before { content: ' '; background: url(../images/icons.png) no-repeat no-repeat; width: 13px; height: 10px; background-position: -47px -173px; position: absolute; top: 5px; left: 4px; }
.form-popup.form-register .form .row > .input { width: 315px; float: left; }
.form-popup.form-register .form .row > .label { float: left; width: 163px; font-size: 17px; font-weight: 400; padding-top: 14px; }

@-webkit-keyframes button-hover { 80% { width: 50px; height: 50px; margin: -25px 0 0 -25px; opacity: 0; }
  100% { opacity: 0; } }
@-moz-keyframes button-hover { 80% { width: 50px; height: 50px; margin: -25px 0 0 -25px; opacity: 0; }
  100% { opacity: 0; } }
@keyframes button-hover { 80% { width: 50px; height: 50px; margin: -25px 0 0 -25px; opacity: 0; }
  100% { opacity: 0; } }
@-webkit-keyframes icon-big { to { background-position: -4650px 0; } }
@-moz-keyframes icon-big {
	to {
		background-position: -4650px 0;
	} }
@keyframes icon-big {
	to {
		background-position: -4650px 0;
	} }

@-webkit-keyframes icon-giftcode { to { background-position: 0 -1340px; } }
@-moz-keyframes icon-giftcode { to { background-position: 0 -1340px; } }
@keyframes icon-giftcode { to { background-position: 0 -1340px; } }
@-webkit-keyframes icon-coin { to { background-position: -870px 0; } }
@-moz-keyframes icon-coin { to { background-position: -870px 0; } }
@keyframes icon-coin { to { background-position: -870px 0; } }
@-webkit-keyframes opacity50 { 50% { opacity: 1; } }
@-moz-keyframes opacity50 { 50% { opacity: 1; } }
@keyframes opacity50 { 50% { opacity: 1; } }
@-webkit-keyframes down5 { 50% { -webkit-transform: translateY(5px); } }
@-moz-keyframes down5 { 50% { -moz-transform: translateY(5px); } }
@keyframes down5 { 50% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } }
@-webkit-keyframes rotate360 { to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate360 { to { -moz-transform: rotate(360deg); } }
@keyframes rotate360 { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }



@-webkit-keyframes bounceScale {
	50% {
		-webkit-transform: scale(.85);
		transform: scale(.85)
	}
}

@keyframes bounceScale {
	50% {
		-webkit-transform: scale(.85);
		transform: scale(.85)
	}
}

.app {
	position: absolute;
	width: 100%;
	top: 0px;
	z-index:4;
}

.app .mini-game {
	width: 980px;
	margin: 0 auto;
	position: relative;
	display:block;
}

	.app .mini-game .mini-game-button {
		position: absolute;
		top: 210px;
		z-index: 99999;
		left: 245px;
	}

		.app .mini-game .mini-game-button .mg-btn {
			background: url(../images/misc.png) no-repeat no-repeat;
			width: 71px;
			height: 72px;
			background-position: -338px -236px;
			position: absolute;
			top: -68px;
			left: 939px;
			cursor: pointer;
			z-index: 2;
		}

	.app .mini-game .mini-game-button .mg-btn:before {
		content: ' ';
		background: url(../images/icons.png) no-repeat no-repeat;
		width: 12px;
		height: 9px;
		background-position: -47px -186px;
		position: absolute;
		top: 48px;
		left: 30px;
		-webkit-animation: down5 1s infinite ease-in-out;
		-moz-animation: down5 1s infinite ease-in-out;
		animation: down5 1s infinite ease-in-out;
	}

		.app .mini-game .mini-game-button .mg-btn .text-jackpot:before {
			content: ' ';
			background: url(../images/text.png) no-repeat no-repeat;
			width: 36px;
			height: 35px;
			background-position: -170px -26px;
			position: absolute;
			top: 15px;
			left: 19px;
			opacity: 1;
		}

		.app .mini-game .mini-game-button .mg-btn .text-jackpot:after {
			content: ' ';
			background: url(../images/text.png) no-repeat no-repeat;
			width: 40px;
			height: 39px;
			background-position: -211px -1px;
			position: absolute;
			top: 12px;
			left: 17px;
			opacity: 0;
			-webkit-animation: opacity50 1s 0.5s infinite ease-in-out;
			-moz-animation: opacity50 1s 0.5s infinite ease-in-out;
			animation: opacity50 1s 0.5s infinite ease-in-out;
		}

		.app .mini-game .mini-game-button .mg-btn .text-minigame:before {
			content: ' ';
			background: url(../images/text.png) no-repeat no-repeat;
			width: 41px;
			height: 29px;
			background-position: -126px -26px;
			position: absolute;
			top: 17px;
			left: 15px;
			opacity: 1;
		}

		.app .mini-game .mini-game-button .mg-btn .text-minigame:after {
			content: ' ';
			background: url(../images/text.png) no-repeat no-repeat;
			width: 45px;
			height: 33px;
			background-position: -78px -26px;
			position: absolute;
			top: 14px;
			left: 13px;
			opacity: 0;
			-webkit-animation: opacity50 1s 0.5s infinite ease-in-out;
			-moz-animation: opacity50 1s 0.5s infinite ease-in-out;
			animation: opacity50 1s 0.5s infinite ease-in-out;
		}

		.app .mini-game .mini-game-button .mg-jackpot {
			z-index: 1;
			background: url(../images/misc.png) no-repeat no-repeat;
			width: 271px;
			height: 451px;
			background-position: -519px -2px;
			position: absolute;
			top: 63px;
			left: -62px;
			visibility: hidden;
			opacity: 0;
			-webkit-transition: opacity 0.5s ease;
			-moz-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
			overflow: hidden;
		}

		.app .mini-game .mini-game-button .mg-jackpot.open {
			opacity: 1;
			visibility: inherit;
		}

		.app .mini-game .mini-game-button .mg-jackpot .controls {
			position: absolute;
			top: 7px;
			left: 39px;
		}

			.app .mini-game .mini-game-button .mg-jackpot .controls .btn-ctrl {
				    width: 60px;
    height: 35px;
    text-align: center;
    padding-top: 10px;
    color: #ffe3c1;
    font-size: 20px;
    font-weight: bold;
    float: left;
    cursor: pointer;
			}

				.app .mini-game .mini-game-button .mg-jackpot .controls .btn-ctrl:hover, .app .mini-game .mini-game-button .mg-jackpot .controls .btn-ctrl.active {
					color: #ffe400;
				}



			.app .mini-game .mini-game-button .mg-jackpot .tabs {
				position: absolute;
				height: 375px;
				top: 50px;
				left: 9px;
				overflow-y: hidden;
			}

				.app .mini-game .mini-game-button .mg-jackpot .tabs .list-jackpot {
					position: absolute;
					height: 377px;
					width: 254px;
					overflow-y: hidden;
				}




				.app .mini-game .mini-game-button .mg-jackpot .tabs .tab {
					display: none;
				}

				.app .mini-game .mini-game-button .mg-jackpot .tabs .tab.active {
					display: block;
				}

					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab li {
						 
						width: 208px;
						height: 62px;
						margin-top: 12px;
						display: table;
					}
					 
					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab li.jack1 {
						background: url(../images/jackpot/1.png) no-repeat no-repeat;
					}
					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab li.jack2 {
						background: url(../images/jackpot/2.png) no-repeat no-repeat;
					}
					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab li.jack3 {
						background: url(../images/jackpot/3.png) no-repeat no-repeat;
					}
					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab li.jack4 {
						background: url(../images/jackpot/4.png) no-repeat no-repeat;
					}
					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab li.jack5{
						background: url(../images/jackpot/5.png) no-repeat no-repeat;
					}
					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab li.jack6 {
						background: url(../images/jackpot/6.png) no-repeat no-repeat;
					}
					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab li.jack115 {
						background: url(../images/jackpot/115.png) no-repeat no-repeat;
					}
					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab li.jack218 {
						background: url(../images/jackpot/218.png) no-repeat no-repeat;
					}

					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab .icon {
						width: 46px;
						height: 46px;
						background-color: #bd662f;
						background-image: -webkit-linear-gradient(bottom, #bd662f, #ff9c00);
						background-image: linear-gradient(to top,#bd662f, #ff9c00);
						border-radius: 100%;
						float: left;
						margin-right: 5px;
						padding: 2px;
					}

						.app .mini-game .mini-game-button .mg-jackpot .tabs .tab .icon img {
							width: 42px;
							height: 42px;
							border-radius: 100%;
						}

					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab .name {
						position: absolute;
						left: 91px;
						margin-top: 3px;
						width: 130px;
						color: #fff;
						font-size: 16px;
						font-weight: 500;
						text-align: left;
					}

					.app .mini-game .mini-game-button .mg-jackpot .tabs .tab .jackpot {
						position: absolute;
						left: 91px;
						margin-top: 30px;
						width: 130px;
						color: #ffd400;
						font-size: 18px;
						font-weight: 500;
						text-align: left;
					}
.ic-ej {
	position: absolute;
	margin-top: 8px;
	left: 207px;
}
	.ic-ej.x2, .ic-ej.x2:after {
		display: inline-block;
		background-repeat: no-repeat;
		background: url(../images/misc.png) no-repeat no-repeat;
		background-position: -0px -606px;
		width: 36px;
		height: 36px;
		 
	}

	.ic-ej.x6, .ic-ej.x6:after {
		display: inline-block;
		background-repeat: no-repeat;
		background: url(../images/misc.png) no-repeat no-repeat;
		background-position: -48px -606px;
		width: 36px;
		height: 36px;
	}


	.ic-ej:after {
		content: " ";
		position: absolute;
		-webkit-animation: icejs 1s infinite ease-in-out;
		animation: icejs 2s infinite ease-in-out;
		-webkit-filter: brightness(200%);
		filter: brightness(200%);
	}
   @-webkit-keyframes icejs {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	50% {
		opacity: .3
	}

	to {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@keyframes icejs {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	50% {
		opacity: .3
	}

	to {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}






.app .mini-game .mini-game-button .mg-games {
	z-index: 1;
	background: url(../images/ic_mini.png) no-repeat no-repeat;
	background-position: -9px -76px;
	width: 431px;
	height: 415px;
	position: absolute;
	top: 25px;
	left: -13px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	visibility: hidden;
	opacity: 0;
}
 
.app .mini-game .mini-game-button .mg-games .list-minigame li {
	cursor: pointer;
	position: absolute;
	text-align: center;
		 
}
.app .mini-game .mini-game-button .mg-games .list-minigame li:hover {
	-webkit-animation: bounceScale .25s ease-in-out;
	animation: bounceScale .25s ease-in-out;
	filter:brightness(120%);
}
		 

.app .mini-game .mini-game-button .mg-games .list-minigame li:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.app .mini-game .mini-game-button .mg-games .list-minigame li span[class|=icon] {
	margin: 0 auto;
	display: block;
	margin-bottom: 1px;
}

.app .mini-game .mini-game-button .mg-games .list-minigame li .icon-tx {
	background: url(../images/ic_mini.png) no-repeat no-repeat;
	width: 61px;
	height: 61px;
	background-position: -430px -5px;
}

.app .mini-game .mini-game-button .mg-games .list-minigame li .icon-mp {
	background: url(../images/ic_mini.png) no-repeat no-repeat;
	width: 61px;
	height: 61px;
	background-position: -288px -5px;
}

		.app .mini-game .mini-game-button .mg-games .list-minigame li .icon-ct {
			background: url(../images/ic_mini.png) no-repeat no-repeat;
			width: 61px;
			height: 61px;
			background-position: -76px -5px;
		}

		.app .mini-game .mini-game-button .mg-games .list-minigame li .icon-rh {
			background: url(../images/ic_mini.png) no-repeat no-repeat;
			width: 61px;
			height: 61px;
			background-position: -501px -5px;
		}


		.app .mini-game .mini-game-button .mg-games .list-minigame li .icon-kc {
			background: url(../images/ic_mini.png) no-repeat no-repeat;
			width: 61px;
			height: 61px;
			background-position: -146px -5px;
		}

		.app .mini-game .mini-game-button .mg-games .list-minigame li .icon-bala {
			background: url(../images/ic_mini.png) no-repeat no-repeat;
			width: 61px;
			height: 61px;
			background-position: -217px -5px;
		}

		 
		.app .mini-game .mini-game-button .mg-games .list-minigame li .icon-bc {
			background: url(../images/ic_mini.png) no-repeat no-repeat;
			width: 61px;
			height: 61px;
			background-position: -5px -5px;
		}

		.app .mini-game .mini-game-button .mg-games .list-minigame li .icon-xd {
			background: url(../images/ic_mini.png) no-repeat no-repeat;
			width: 61px;
			height: 61px;
			background-position: -492px -76px;
		}

		.app .mini-game .mini-game-button .mg-games .list-minigame li .icon-ab {
			background: url(../images/ic_mini.png) no-repeat no-repeat;
			width: 61px;
			height: 61px;
			background-position: -359px -5px;
		}

			.app .mini-game .mini-game-button .mg-games .list-minigame li .name {
				text-align: center;
				color: #c8bdbe;
				font-size: 15px;
				font-weight: 500;
			}


	            

.spinner {
	margin: 15% 45% 0;
	width: 150px;
	text-align: center;
	position: absolute;
	z-index: 1000000;
}
.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #fff;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner .bounce1 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -.64s;
	animation-delay: -.64s;
}
.spinner .bounce3 {
	-webkit-animation-delay: -.48s;
	animation-delay: -.48s;
}
.spinner .bounce4 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s;
}
.spinner .bounce5 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s;
}
.clear {
	clear: both;
}
@-webkit-keyframes bouncedelay {
	0%,80%,100% {
		-webkit-transform: scale(0.0);
	}

	40% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes bouncedelay {
	0%,80%,100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}

	40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

.form-popup .form-main .btn-facebook {
	background: url(../images/misc.png) no-repeat no-repeat;
	width: 41px;
	height: 33px;
	background-position: -424px -449px;
	display: block;
	float: left;
	cursor: pointer;
	margin-top: 13px;
}

@-webkit-keyframes agency_l {
	0% {
		-webkit-transform: rotate(0deg) translate(0) scale(.7);
		transform: rotate(0deg) translate(0) scale(.7);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%
	}

	20% {
		opacity: 1
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: rotate(-45deg) translate(0) scale(.7);
		transform: rotate(-45deg) translate(0) scale(.7);
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%
	}

	51% {
		opacity: 0;
		-webkit-transform: rotate(0deg) translate(50px) scale(.7);
		transform: rotate(0deg) translate(50px) scale(.7);
		-webkit-transform-origin: 150px 90px;
		transform-origin: 150px 90px
	}

	70% {
		opacity: 1
	}

	80% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: rotate(45deg) translate(50px) scale(.7);
		transform: rotate(45deg) translate(50px) scale(.7);
		-webkit-transform-origin: 150px 90px;
		transform-origin: 150px 90px
	}
}

@keyframes agency_l {
	0% {
		-webkit-transform: rotate(0deg) translate(0) scale(.7);
		transform: rotate(0deg) translate(0) scale(.7);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%
	}

	20% {
		opacity: 1
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: rotate(-45deg) translate(0) scale(.7);
		transform: rotate(-45deg) translate(0) scale(.7);
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%
	}

	51% {
		opacity: 0;
		-webkit-transform: rotate(0deg) translate(50px) scale(.7);
		transform: rotate(0deg) translate(50px) scale(.7);
		-webkit-transform-origin: 150px 90px;
		transform-origin: 150px 90px
	}

	70% {
		opacity: 1
	}

	80% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: rotate(45deg) translate(50px) scale(.7);
		transform: rotate(45deg) translate(50px) scale(.7);
		-webkit-transform-origin: 150px 90px;
		transform-origin: 150px 90px
	}
}

.agic_fb {
	background: url(../images/misc.png) no-repeat no-repeat;
	width: 30px;
	height: 30px;
	background-position: -138px -607px;
	position: relative;
	display: block;
	float: left;
	margin-left: 1px;
}
.agic_zalo {
	background: url(../images/misc.png) no-repeat no-repeat;
	width: 30px;
	height: 30px;
	background-position: -183px -607px;
	position: relative;
	display: block;
	float: left;
	margin-left: 1px;
}
.agic_tele {
	background: url(../images/misc.png) no-repeat no-repeat;
	width: 30px;
	height: 30px;
	background-position: -228px -607px;
	position: relative;
	display: block;
	float: left;
	margin-left: 1px;
}

.lobby {
	height: 810px;
	position: absolute;
	margin: auto;
	top: 0px;
	z-index: 1;
	width: 1920px;
}

 
 
.noticeVqmm {
	top: -5px;
	right: auto;
	left: 50px;
	z-index: 100000;
	min-width: 60px;
	font-size: 25px;
	line-height: 16px;
	padding: 8px;
	position: absolute;
	background: red;
	text-align: center;
	border-radius: 5px;
	color: #fff !important;
}
#mg-minigame .button-back {
	width: 70px;
	height: 70px;
	border: 3px solid hsla(0, 0%, 100%, .2);
	border-radius: 100%;
	position: absolute;
	top: 169px;
	left: 194px;
}
	#mg-minigame .button-back:before {
		content: " ";
		display: inline-block;
		background: url(../images/ic_mini.png) no-repeat no-repeat;
		width: 26px;
		height: 44px;
		background-position: -525px -158px;
		position: absolute;
		top: 12px;
		left: 19px;
		-webkit-transition: all .7s ease;
		-o-transition: all .7s ease;
		transition: all .7s ease;
	}

.app .mini-game .effect_mini {
	position: absolute;
	top: -20px;
	left: -33px;
	width: 145px;
	height: 110px;
	pointer-events: none;
}

.app .mini-game .effect_mini canvas {
	position: absolute;
	top: -37px;
	left: -6px;
	pointer-events:none;
}

.road-map {
	position: relative;
	width: 762px;
	height: 101px;
	background: url(../images/media/quest_Event.12ea04b2.png) no-repeat top;
	background-position: -5px -80px;
	margin: auto;
	margin-top: 15px;
}
.road-map .road-name {
	color: #ff9f50;
	font-size: 15px;
	font-weight: 500;
	font-style: italic;
	height: 52px;
	position: absolute;
	top: -22px;
	left: 20px;
}
.road-map .road-points {
	height: 24px;
	padding-left: 33px;
	width: 727px;
	display: -ms-flexbox;
	display: flex;
	padding-top: 22px;
}

.road-map .point {
	width: 81px;
	height: 11px;
	position: relative;
}
.road-map .point:after {
	content: " ";
	position: absolute;
	top: -1px;
	right: -6px;
	width: 11px;
	height: 11px;
	background: url(../images/media/quest_Event.12ea04b2.png) no-repeat top;
	background-position: -247px -5px;
	z-index: 1;
}


.road-map .point.start-point {
	width: 0;
}

.road-map .progress {
	background: #ffef45;
	position: absolute;
	height: 11px;
}
.road-map .gift {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 32px;
	right: -16px;
}
.road-map .gift:after {
	content: " ";
	position: absolute;
}

.road-map .gift.locked:after {
	width: 29px;
	height: 31px;
	background: url(../images/media/quest_Event.12ea04b2.png) no-repeat top;
	background-position: -5px -5px;
	top: -13px;
	left: -21px;
}
.road-map .gift.opened:after {
	width: 50px;
	height: 47px;
	background: url(../images/media/quest_Event.12ea04b2.png) no-repeat top;
	background-position: -113px -5px;
	top: -22px;
	left: -32px;
}

.road-map .gift.opened + .tag {
	opacity: .5
}
.road-map .gift.activated:hover {
	-webkit-filter: brightness(150%);
	filter: brightness(150%);
}
.road-map .gift.activated:before {
	content: " ";
	width: 64px;
	height: 65px;
	background: url(../images/media/quest_Event.12ea04b2.png) no-repeat top;
	background-position: -173px -5px;
	position: absolute;
	top: -30px;
	left: -37px;
	-webkit-animation: ct-r 4s infinite linear;
	animation: ct-r 4s infinite linear;
}
.road-map .gift.activated:after {
	width: 47px;
	height: 48px;
	background: url(../images/media/quest_Event.12ea04b2.png) no-repeat top;
	background-position: -56px -5px;
	top: -21px;
	left: -27px;
	cursor: pointer;
		 
	-webkit-animation: gscale 1s infinite ease-in-out;
	animation: gscale 1s infinite ease-in-out;
}

.quest_map {
	width: 850px;
	position: relative;
	margin: auto;
}


.form-main .quest-row {
	width: 100%;
	height: 81px;
	background-color: #5b341d;
	background-image: -webkit-linear-gradient(top, #5b341d, #732e09);
	background-image: linear-gradient(to bottom, #5b341d, #732e09);
	border: 1px solid #7d3b13;
	box-shadow: inset 0 1px rgba(149, 118, 99, 0.2);
	border-radius: 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px;
}
.form-main .quest-row .name {
	-ms-flex: 1 1;
	flex: 1 1;
	padding: 0 15px;
}

.form-main .quest-row .quest-name {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
}

	.form-main .quest-row .process-name {
		text-align: center;
		font-style: italic;
		color: #f1926c;
		font-size: 15px;
	}

.form-main .quest-row .quest-name .name {
	font-size: 18px;
	color: #ffd800;
	font-weight: 500;
	padding: 0;
}

.form-main .quest-row .quest-content {
	font-size: 16px;
	color: #fff;
	padding-top: 10px;
}
.form-main .quest-row .quest-time {
	font-size: 14px;
	color: #6bff66;
	padding-top: 10px;
}
.form-main .quest-row .quest-bar {
	height: 15px;
	width: 220px;
	margin: auto;
	background: rgb(0 0 0 / 60%);
	margin-top: 10px;
	border-radius: 5px;
}

.form-main .quest-row .quest-bar .bar-percent {
	height: 15px;
	width: 19%;
	border-radius: 5px;
	position: relative;
	background: #eed602;
	z-index: 0;
	display: block;
}

.form-main .quest-row .reward {
	width: 45px;
	margin-left: 2px;
}
.form-main .quest-row .box-reward {
	border-radius: 100px;
	height: 45px;
	background: rgba(0, 0, 0, .5);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
}

.form-main .quest-row .box-reward .gold {
	width: 66px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}
.form-main .quest-row .box-reward .gold span {
	width: 35px;
	height: 35px;
			 
	display: block;
	background: url(../images/icon-money-1.png) no-repeat top;
}

.form-main .quest-row .box-reward .money {
	-ms-flex: 1 1;
	flex: 1 1;
	color: #ffea00;
	font-size: 34px;
	font-weight: 700;
}
.form-main .quest-row .action {
	width: 100px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px;
}

.form-main .quest-row .process {
	width: 280px;
}

.form-main .quest-row .rewardmoney {
	text-align: center;
	color: #ffd800;
	font-size: 15px;
	position: absolute;
	margin-top: -4px;
}


.form-main .quest-row.haschargex3
{
	display:none;
}


.mapwrap {
	position: absolute;
	top: 0px;
	z-index: 2;
	display: none;
}


.mapruong1 {
	position: relative;
	width: 30px;
	height: 30px;
	display: block;
	background: url(../images/minigame/maya/assets.png) no-repeat top;
	background-position: -4px -4px;
	float: left;
	margin-left: 7px;
}

.mapruong2 {
	position: relative;
	width: 28px;
	height: 30px;
	display: block;
	background: url(../images/minigame/maya/assets.png) no-repeat top;
	background-position: -42px -4px;
	float: left;
	margin-left: 8px;
}

.mapruong3 {
	position: relative;
	width: 29px;
	height: 30px;
	display: block;
	background: url(../images/minigame/maya/assets.png) no-repeat top;
	background-position: -4px -42px;
	float: left;
	margin-left: 8px;
}

.mapruong4 {
	position: relative;
	width: 38px;
	height: 30px;
	display: block;
	background: url(../images/minigame/maya/assets.png) no-repeat top;
	background-position: -41px -42px;
	float: left;
}

.mapruong5 {
	position: relative;
	width: 35px;
	height: 30px;
	display: block;
	background: url(../images/minigame/maya/assets.png) no-repeat top;
	background-position: -78px -4px;
	float: left;
	margin-left: 3px;
}
.mapruong6 {
	position: relative;
	width: 30px;
	height: 30px;
	display: block;
	background: url(../images/minigame/maya/assets.png) no-repeat top;
	background-position: -87px -42px;
	float: left;
	margin-left: 8px;
}

@-webkit-keyframes ct-r {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes ct-r {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
@-webkit-keyframes gscale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	20% {
		-webkit-transform: scale(1.08);
		transform: scale(1.08)
	}

	40% {
		-webkit-transform: scale(.93);
		transform: scale(.93)
	}

	60% {
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}

	80% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes gscale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	20% {
		-webkit-transform: scale(1.08);
		transform: scale(1.08)
	}

	40% {
		-webkit-transform: scale(.93);
		transform: scale(.93)
	}

	60% {
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}

	80% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}