html,body {
	
	background-color: #000;
	width: 100%;
	height: 100%;
}

	#nav {
		position: fixed;
		left: 100px;
		top: 100px;
		z-index: 1000;
		color: #red;
	}
	.WrapperType {
		width: 100%;
		height:100%;
		position: relative;
		
	}
	#wrapper1 {
		background: url(../images/bg1.jpg) center top no-repeat;
		height: 900px;		
		}
		#glass {
			width: 100%;
			height: 769px;
			background: url(../images/glass.png) center top no-repeat;
			position: absolute;
			margin: 0 :auto;
		}
		#coin {
			width: 100%;
			height: 531px;
			background: url(../images/coin.png) center top no-repeat;
			position: absolute;
			margin: 0 :auto;
		}
	#wrapper2 {
		background: url(../images/bg2.jpg) center top no-repeat;
		height: 996px;				
		}
			#manTrai {
				background:url(../images/man-trai.png) no-repeat;
				left: 24px;
				top: 0px;
				width: 539px;
				height: 994px;
				overflow: hidden;
				text-indent: -9999px;
				position: absolute;
				z-index: 2;
			}
			#manPhai {
				position: absolute;
				background:url(../images/man-phai.png) no-repeat;
				left: 572px;
				top: 0px;
				width: 539px;
				height: 994px;
				overflow: hidden;
				text-indent: -9999px;
				z-index: 1;
			}
			#nv3 {
				position: absolute;
				background:url(../images/nv3.png) no-repeat;
				left: -900px;
				top: 0px;
				width: 639px;
				height: 993px;
				overflow: hidden;
				text-indent: -9999px;
				z-index: 1;
				
			}
			#nv4 {
				background:url(../images/nv4.png) no-repeat;
				left: 1200px;
				top: 150px;
				width: 663px;
				height: 740px;
				overflow: hidden;
				text-indent: -9999px;
				position: absolute;
				z-index: 1;
			}
		#wrapper3 {
		background: url(../images/bg3.jpg) center top no-repeat;	
		height: 992px;	
		}
			
				.ScrollWrapperOut{
					 overflow: hidden;
					 width: 608px;
					 padding: 186px 0 0 200px ;
					 background: url(../images/bg-scroll-top.png) 200px  130px no-repeat;
					 position: absolute;
					
					 
					}
					.ScrollWrapperIn {
						overflow: hidden;
						width: 608px;
						padding:  0 0 58px 20px; ;
						background: url(../images/bg-scroll-bottom.png)0 bottom no-repeat;
					 
					}
						.Scroll {
							display: block;
							width: 564px;
							height: 0px;
							background: url(../images/bg-scroll-content.png) no-repeat 
						}
					#bookCoinLeft {
				background:url(../images/coin-book.png) no-repeat;
				left: -1200px;
				bottom: 0px;
				width: 780px;
				height: 761px;
				overflow: hidden;
				text-indent: -9999px;
				position: absolute;
				
			}
			#bookCoinRight {
					background:url(../images/coin-book-right.png) no-repeat;
					left: 200px;
					top: 150px;
					width: 1068px;
					height: 759px;
					overflow: hidden;
					text-indent: -9999px;
					position: absolute;
					
			}
		#wrapper4 {
		background: url(../images/bg4.jpg) center top no-repeat;
		height: 992px;		
		}
		
		#wrapper5 {
		background: url(../images/bg5.jpg) center top no-repeat;	
		height: 1024px;	
		}
			#nv5 {
			width: 100%;
			height: 883px;
			background: url(../images/nv5.png) center bottom no-repeat;
			position: absolute;
			margin: 0 :auto;
		}
	
	.Logo {
		width: 164px;
		height: 170px;
		position: absolute;
		text-indent: -9999px;
		display: block;
		left: 27px;
		top: 21px;
		z-index: 100;
	}
	 .Header {
		height: 134px;
		overflow: hidden;
		position: relative;
	}
	
	#block-right {
		width: 147px;
		height: 407px;
		position: fixed;
		top: 70px;
		right: 0px;
		z-index: 1000;
		background: url(../images/bgd_nav.png) no-repeat
	}
	#nav {
		width: 147px;
		height: 348px;
		display: block;
		position: absolute;
		z-index: 1;
		top: 10px;
		left: 0;
		overflow: hidden;
	}
		#nav li {
			overflow: hidden;
			float: left;
			width: 100%;
		}
			#nav li a {
				display: block;
				width: 146px;
				text-indent: -9999px;
				background: url(../images/nav-nor.jpg) 0 0 no-repeat;
			}
			#nav li a.nav01 {
				background-position: 0 0;
				height: 67px;
			}
			#nav li a.nav02 {
				background-position: 0 -67px;
				height: 50px;
			}
			#nav li a.nav03 {
				background-position: 0 -117px;
				height: 49px;
			}
			#nav li a.nav04 {
				background-position: 0 -166px;
				height: 59px;
			}
			#nav li a.nav05 {
				background-position: 0 -225px;
				height: 56px;
			}
			#nav li a.nav06 {
				background-position: 0 -281px;
				height: 67px;
			}
			#nav li a:hover, #nav li.Hilite a {
				background-image: url(../images/nav-hov.jpg);
			}
			#nav li.Off a, #nav li.Off a:hover {
				cursor: default;
				background-image: url(../images/nav-off.jpg);
			}
	#top {
		position: absolute;
		bottom: 0;
		left: 29px;
		width: 89px;
		height: 49px;
		z-index: 10;
		background: url(../images/top.png) no-repeat 0 0;
		text-indent: -9999px;
	}
	#top:hover {
		background-position: -120px 0;
	}

	.Header ul.LinkRegister {
		overflow: hidden;
		position: absolute;
		left: 267px;
		top: 2px;
	}
	.Header ul.LinkRegister li {
			float: left;
			margin: 0 10px 0 0;
		}
			.Header ul.LinkRegister li.Off a:hover {
				cursor: default;
			}
			.Header ul.LinkRegister li a {
				height: 49px;
				width: 131px;
				background: url(../images/bt-napthe.png) no-repeat;
				display: block;
				text-indent: -9999px
			}
			.Header ul.LinkRegister li a.DangKyNhanh:link,
			.Header ul.LinkRegister li a.DangKyNhanh:visited {
				background-position: 0 0;				
			}
			.Header ul.LinkRegister li a.DangKyNhanh:hover {
				background-position: 0 -49px;				
			}
			.Header ul.LinkRegister li.Off a.DangKyNhanh:hover,
			.Header ul.LinkRegister li.Off a.DangKyNhanh:link,
			.Header ul.LinkRegister li.Off a.DangKyNhanh:visited {
				background-position: 0 -98px;				
			}
			
			.Header ul.LinkRegister li a.NapThe:link,
			.Header ul.LinkRegister li a.NapThe:visited {
				background-position: -131px 0;				
			}
			.Header ul.LinkRegister li a.NapThe:hover {
				background-position: -131px -49px;				
			}
			.Header ul.LinkRegister li.Off a.NapThe:hover,
			.Header ul.LinkRegister li.Off a.NapThe:link,
			.Header ul.LinkRegister li.Off a.NapThe:visited {
				background-position: -131px -98px;				
			}
			.Header ul.FanPage {
		overflow: hidden;
		position: absolute;
		left: 569px;
		top: 5px;
	}
	.Header ul.FanPage li {
			float: left;
			margin: 0 10px 0 0;
		}
			.Header ul.FanPage li.Off a:hover {
				cursor: default;
			}
			.Header ul.FanPage li a {
				height: 41px;
				width: 40px;
				background: url(../images/bt-fanpage.png) no-repeat;
				display: block;
				text-indent: -9999px
			}
			.Header ul.FanPage li a.ZingMe:link,
			.Header ul.FanPage li a.ZingMe:visited {
				background-position: 0 0;				
			}
			.Header ul.FanPage li a.ZingMe:hover {
				background-position: 0 -42px;				
			}
			
			
			.Header ul.FanPage li a.Facebook:link,
			.Header ul.FanPage li a.Facebook:visited {
				background-position: -40px 0;				
			}
			.Header ul.FanPage li a.Facebook:hover {
				background-position: -40px -41px;				
			}
			
			
	.Header ul.LinkTop {
		overflow: hidden;
		top: 103px;
		left: 333px;
		position: absolute;
	}
	
		.Header ul.LinkTop li {
			float: left;
		}
		.Header ul.LinkTop li.Line {
			padding: 0 5px;
			color: #fff;
		}
			.Header ul.LinkTop li a:link,
			.Header ul.LinkTop li a:visited {
				float: left;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				font-size: 11px;
			}
			.Header ul.LinkTop li a:hover {
				color: #f6d51d;
				text-decoration: underline;
			}
			.WrapperOut {
				position: absolute;
				width: 100%;
				overflow: hidden;
				height: 100%;
			}
.WrapperIn {
	width: 1000px;
	margin: 0 auto;

	position: relative;
	height: 100%;
	
	}
.NhanVat {
	position: absolute;
}
	#nv1 {
		background:url(../images/nv1.png) no-repeat;
		left: -370px;
		top: 0px;
		width: 964px;
		height: 1014px;
		overflow: hidden;
		text-indent: -9999px;
		
	}
	#nv2 {
		background:url(../images/nv2.png) no-repeat;
		left: 365px;
		top: 0px;
		width: 958px;
		height: 962px;
		overflow: hidden;
		text-indent: -9999px;
	}
.Content {
	height: 550px;
	position: relative;
}

	
		

	#footer .Footer {
		width: 1000px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		height: 134px;
		
		
	}
		#footer .Footer .LogoVNG {
			width: 31px;
			height: 47px;
			display: block;
			text-indent: -9999px;
			background: url(../images/logovng.png) no-repeat;
			position: absolute;
			top: 39px;
			left: 181px; 
			
		
		}
			#footer .Footer .LogoNX {
			width: 51px;
			height: 45px;
			display: block;
			text-indent: -9999px;
			background: url(../images/logonx.png) no-repeat;
			position: absolute;
			top: 40px;
			left: 121px; 
			
		
		}
	#footer .Rating {
		background: url(../images/rating.jpg) no-repeat;
		display: block;
		position: absolute;
		top: 29px;
		left: 766px;
		height: 68px;
		margin: 15px 0 0;
		text-indent: -9999px;
		width: 140px;
	}
	#footer .CopyRight {
		width: 512px;
		height: 70px;
		position: absolute;
		left: 255px;
		top: 38px;
		font-size: 11px;
		text-align: left;
		color: #000;
	}
.PopUpQuickReg {
    height: 500px;
    overflow: hidden;
    position: absolute;
    width: 550px;
    z-index: 2001;
	}
	.PopUpQuickReg .SurveyClose {
    background: url("../images/bt-close.gif") repeat scroll 0 0 transparent;
    display: block;
    height: 37px;
    left: 433px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 6px;
    width: 37px;
	}
	.FlashContainer {
		display: block;
		height: 63px;
		width: 285px;
		position: absolute;
		top: 454px;
		left: 520px;
	}
	.Popup {
		position: absolute;
		display: none;
		width: 500px;
		z-index: 1000;
	}
	.PopupClose {
		position: absolute;
		font-weight: bold;
		color: #fff;
		background: #000;
		padding: 8px;
		right: 0px;
	}