@charset "utf-8";

* {
	position:relative;
}

html {
	height:100%;
}

body {
	padding:0px;
	margin:0px;
	font-family:sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:12pt;
	color:#FFF;
	font-size:10pt;
	transition: background 1s linear;
	min-width:1300px;
	padding-top:30px;
}

h1, h2, h3, p {
	margin-top:0px;
	margin-bottom:20px;
}

a img {
	border:none;
}

.clear {
	clear:both;
}

.main {
	margin:auto;
	width:1300px;
	height:650px;
	overflow:hidden;
}

.wrapper {
	width:1300px;
	height:650px;
	overflow:hidden;
}

.main-wrapper {
	width:500%;
}

.page {
	width:20%;
	float:left;
	z-index:100;
}

.content {
	width:75%;
	height:60%;
	margin-top:6%;
	margin-left:12.5%;
}

.menus {
	/*margin-left:-300px;*/
	margin-left:-200px;
	left:50%;
	padding:0px;
	list-style:none;
	position:absolute;
	width:601px;
	height:120px;
	z-index:999;
	bottom:0px;
}

.menus li {
	float:left;
}

.nav {
	z-index:999;
}

.nav-left {
	position:absolute;
	left:20px;
	margin-top:300px;
}

.nav-right {
	position:absolute;
	right:20px;
	margin-top:300px;
}

.main-banner {
	width:1200px;
	height:467px;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-600px;
	text-align:center;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
}

.register-wrapper {
	position:absolute;
	width:900px;
	height:500px;
	background:rgba(0,0,0,0.5);
	left:50%;
	margin-left:-450px;
	top:130px;
	border-radius:10px;
	text-align:center;
}

.topup-wrapper {
	position:absolute;
	width:900px;
	height:500px;
	background:rgba(0,0,0,0.5);
	left:50%;
	margin-left:-450px;
	top:130px;
	border-radius:10px;
	text-align:center;
}

.download-wrapper {
	position:absolute;
	width:900px;
	height:500px;
	background:rgba(0,0,0,0.5);
	left:50%;
	margin-left:-450px;
	top:130px;
	border-radius:10px;
	text-align:center;
}

.block {
	width:70%;
	background:rgba(0,0,0,0.5);
	border-radius:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:12%;
	padding-left:3%;
	padding-right:3%;
}

.center {
	text-align:center;
}

.block .cufon {
	font-size:14pt;
}

.block .heading {
	font-size:23pt;
}

.login-banner-left {
	/*
	width:527px;
	height:253px;
	position:absolute;
	left:50%;
	top:500px;
	margin-left:-839px;
	text-align:center;
	*/
	width:32%;
	height:170px;
	float:left;
	margin-right:2%;
	overflow:hidden;
}

.login-box {
	/*
	background:url(../../img/themes/new/login_bg.png) no-repeat;
	width:544px;
	height:169px;
	position:absolute;
	left:50%;
	top:500px;
	margin-left:-272px;
	*/
	background-image: url(../images/login_bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width:32%;
	height:170px;
	float:left;
	margin-right:2%;
}

.block-shadow {
	width:60%;
	margin-bottom:-20px;
	margin-left:20%;
	margin-top:-1px;
}

.login-banner-right {
	/*
	width:527px;
	height:253px;
	position:absolute;
	left:50%;
	top:500px;
	margin-left:303px;
	text-align:center;
	*/
	width:32%;
	height:167px;
	float:left;
}

.small-banner-nav {
	text-align:center;
}

.login-banner-left ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	overflow:hidden;
	width:100%;
}

.login-banner-left li {
	width:100%;
	float:left;
}

.login-banner-right .new-movies {
	list-style:none;
	margin:0px;
	padding:0px;
	background:rgba(0,0,0,0.5);
	width:100%;
	overflow:hidden;
	margin-bottom:5px;
	height:124px;
}

.login-banner-right p {
	text-align:center;
	font-size:10pt;
	margin-bottom:3px;
	padding-top:3px;
}

.top-nav {
	position:absolute;
	width:520px;
	height:40px;
	left:50%;
	top:20px;
	margin-left:-240px;
	text-align:center;
	z-index:999;
}

.top-nav a {
	margin-right:10px;
}

.top-nav .ip-address {
	float:right;
	font-size:16pt;
	line-height:40px;
	height:40px;
	width:180px;
}

.textbox, .pages input[type="text"], .pages input[type="password"] {
	background:#e5e3d4;
	height:30px;
	color:#4c4c4d;
	font-size:12pt;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	box-shadow: 0px 0px 20px #8e8e82 inset;
	border:none;
}

.header, .pages h1 {
	display:block;
	border-radius:10px;
	background:#000;
	width:110%;
	height:43px;
	margin-left:-7%;
	margin-bottom:30px;
	padding-top:20px;
	padding-left:2%;
	padding-right:2%;
	font-size:21pt;
	color:#636161;
	font-weight:bold;
	background:linear-gradient(to right, #ffcc00, #ff9900);
	background:-webkit-linear-gradient(to right, #ffcc00, #ff9900);
	background:-moz-linear- gradient(to right, #ffcc00, #ff9900);
	background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(100%, #ffcc00), color-stop(100%, #ff9900));
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
	text-align:left;
}

.header-logo {
	position:absolute;
	right:0%;
	top:7px;
	z-index:1000;
}

.form .button, .pages .submit input {
	width:207px;
	height:50px;
	border:none;
	background:none;
	line-height:50px;
	color:#FFF;
	cursor:pointer;
	background-image: url(../images/button_bg.png);
	font-size:18pt;
}

.form table, .pages form table {
	margin-bottom:10px;
}

.regist-form .button, .pages .submit input {
	width:207px;
	height:50px;
	border:none;
	background:none;
	line-height:50px;
	color:#FFF;
	cursor:pointer;
	background-image: url(../images/button_bg.png);
	font-size:18pt;
}

.loader {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:url(../images/loader.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:10000;
}

.login-form .login-textbox {
	padding:5px;
	font-size:12pt;
	border:none;
	background:none;
}

.login-form .login-username {
	position:absolute;
	top:12px;
	left:5px;
	background:url(../images/username.png) no-repeat left;
}

.login-form .login-password {
	position:absolute;
	top:55px;
	left:5px;
	background:url(../images/password.png) no-repeat left;
}

.login-form .login-username-en {
	position:absolute;
	top:12px;
	left:5px;
	background:url(../images/username_en.png) no-repeat left;
}

.login-form .login-password-en {
	position:absolute;
	top:55px;
	left:5px;
	background:url(../images/password_en.png) no-repeat left;
}

.login-form .login-remember {
	position:absolute;
	top:100px;
	left:0px;
	font-size:12pt;
	text-shadow:1px 1px #000;
}

.login-form .button {
	position:absolute;
	right:0px;
	top:0px;
	width:97px;
	height:97px;
	text-align:center;
	line-height:97px;
	color:#FFF;
	font-size:11pt;
	background:none;
	padding:0px;
	cursor:pointer;
	border:none;
}

.message, #flashMessage {
	display:block;
	border-radius:10px;
	background:#000;
	width:101.5%;
	height:43px;
	left:-19px;
	top:10px;
	padding-top:20px;
	padding-left:2%;
	padding-right:2%;
	font-size:21pt;
	color:#FFF;
	font-weight:bold;
	background:linear-gradient(to right, #cc0000, #990000);
	background:-webkit-linear-gradient(to right, #cc0000, #990000);
	background:-moz-linear- gradient(to right, #cc0000, #990000);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
	text-align:left;
	position:absolute;
	z-index:999;
}

.success {
	background:linear-gradient(to right, #009999, #006666);
	background:-webkit-linear-gradient(to right, #009999, #006666);
	background:-moz-linear- gradient(to right, #009999, #006666);
}

#authMessage, .message {
	background:linear-gradient(to right, #cc0000, #990000);
	background:-webkit-linear-gradient(to right, #cc0000, #990000);
	background:-moz-linear- gradient(to right, #cc0000, #990000);
}

.back-button {
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	width:207px;
	height:40px;
}

.back-button a {
	display:block;
	width:207px;
	height:35px;
	border:none;
	background:none;
	padding-top:15px;
	background-image: url(../images/button_bg.png);
	font-size:18pt;
	text-align:center;
	color:#FFF;
}

#owl-demo .item{
	/* padding: 30px 0px; */
	margin: 0;
	text-align: center;
	width:75px;
	height:104px;
	margin-right:3px;
}

.customNavigation{
  text-align: center;
}

.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor:pointer;
}
 
/* new home */

.new-body {
	height:100%;
	padding:0px;
	margin:0px;
}

.new-logo {
	margin:auto;
	padding-top:30px;
	width:477px;
	margin-bottom:20px;
}

.new-bottom {
	width:100%;
	height:47px;
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:center;
}

.new-wrapper {
	width:100%;
	height:200px;
	background:rgba(255,255,255,0.5);
	box-shadow:0px 10px 10px rgba(0,0,0,0.5);
}

.new-login-form {
	width:610px;
	height:100px;
	margin:auto;
	padding-top:50px;
}

.new-login-username {
	width:190px;
	height:43px;
	float:left;
	background:url(../images/box_username_old.png) no-repeat;
	border:none;
	padding-left:50px;
	line-height:43px;
	font-size:16pt;
	color:#FFF;
	margin-right:15px;
}

.new-login-password {
	width:190px;
	height:43px;
	float:left;
	background:url(../images/box_password_old.png) no-repeat;
	border:none;
	padding-left:50px;
	line-height:43px;
	font-size:16pt;
	color:#FFF;
}

.new-login-vip {
	width:106px;
	height:43px;
	float:right;
	background:url(../images/box_vip_old.png) no-repeat;
	border:none;
	padding-left:50px;
	line-height:43px;
	font-size:16pt;
	color:#FFF;
	margin-right:17px;
	margin-top:8px;
}

.new-login-button {
	width:95px;
	height:95px;
	float:right;
	background:url(../images/button_login1.png) no-repeat;
	cursor:pointer;
	border:none;
}

.new-body .message, .new-body #flashMessage {
	position:absolute;
	left:0px;
	top:10px;
	width:100%;
	margin:0px;
	padding:0px;
	border-radius:0px;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
}

#message_result{
	display: none;
	background-color:#9CC66F;
	padding:12px 0 15px 0;
	font-size:14pt;
	font-weight: bold;
	text-align:center;
	color:#fff;
	margin-bottom:10px;
}

.validateInput {
	background-color:#9CC66F;
}