@charset "utf-8";
/* CSS Document */
body {
	background: #cbfffc;
}
#outer {
	background: url(../images/outer2.jpg) no-repeat center top;
}
#wrapper {
	width: 1000px;
	height: 1074px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.FlashContent {
	position:absolute;
	height: 600px;
	z-index: 1000px;
}
.Main {
	width: 100%;
	height: 200px;
	position: absolute;
	z-index: 1px;
	bottom:0px;
}
.Header {
	position: relative;
	width: 1000px;
	height: 800px;
	overflow: hidden;
}
ul.TopLink {
	position: absolute;
	top: 15px;
	left: 190px;
	overflow: hidden;
	width: 250px;
}
ul.TopLink li {
	display: inline;
}
ul.TopLink li a:link, ul.TopLink li a:visited {
	font-size: 12px;
	color: #004173;
	font-weight: bold;
	margin: 0 2px 0 0;
}
ul.TopLink li a:hover {
	color: #ffffff;
}
h1 a:link, 
h1 a:visited,
h1 a:hover {
	width: 320px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 290px;
	left: 320px;
	background: url(../images/space.gif)  0 0px;
}
a.Trailer:link, 
a.Trailer:visited {
	width: 125px;
	height: 96px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 18px;
	left: 40px;
	background: url(../images/trailer.png) no-repeat 0 -96px;
}
a.Trailer:hover {
	background: url(../images/trailer.png) no-repeat 0 0px;
}
a.TrailerOff:link, 
a.TrailerOff:visited,
a.TrailerOff:hover {
	width: 125px;
	height: 96px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 18px;
	left: 40px;
	background: url(../images/trailer.png) no-repeat 0 -192px;
	cursor: default;
}
a.SuKienKhac:link, 
a.SuKienKhac:visited {
	width: 512px;
	height: 71px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 652px;
	left: 254px;
	background: url(../images/sukienkhac.png) no-repeat 0 0;
}
a.SuKienKhac:hover {
	background: url(../images/sukienkhac.png) no-repeat 0 -71px;
}
a.SuKienKhacOff:link, 
a.SuKienKhacOff:visited,
a.SuKienKhacOff:hover {
	width: 512px;
	height: 71px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 652px;
	left: 254px;
	background: url(../images/sukienkhac.png) no-repeat 0 -145px;
	cursor: default;
}
a.PlayNow:link, a.PlayNow:visited {
	position: absolute;
	width: 98px;
	height: 99px;
	text-indent: -9999px;
	right: 40px;
	top: 6px;
}
a.PlayNow:hover {
	background: url(../images/bt-playnow-hover.jpg) no-repeat;
}
a.Pet:link, 
a.Pet:visited {
	position: absolute;
	text-indent: -9999px;
	width: 91px;
	height: 85px;
	left: 68px;
	top: 137px;
}
a.Pet:hover {
	background: url(../images/bt-pet.png) no-repeat;
}
a.LoRen:link, 
a.LoRen:visited {
	position: absolute;
	text-indent: -9999px;
	width: 92px;
	height: 86px;
	left: 214px;
	top: 72px;
}
a.LoRen:hover {
	background: url(../images/bt-loren.png) no-repeat;
}
a.PhoBan:link, 
a.PhoBan:visited {
	position: absolute;
	text-indent: -9999px;
	width: 92px;
	height: 87px;
	left: 226px;
	top: 242px;
}
a.PhoBan:hover {
	background: url(../images/the-bai.png) no-repeat;
}
a.Vip:link, 
a.Vip:visited {
	position: absolute;
	text-indent: -9999px;
	width: 92px;
	height: 85px;
	right: 138px;
	top: 91px;
}
a.Vip:hover {
	background: url(../images/bt-vip.png) no-repeat;
}
a.Max:link, 
a.Max:visited {
	position: absolute;
	text-indent: -9999px;
	width: 92px;
	height: 86px;
	right: 36px;
	top: 139px;
}
a.Max:hover {
	background: url(../images/bt-maxlevel.png) no-repeat;
}

ul.BtEvent {
	width: 970px;
	height: 190px;
	overflow: hidden;
	position: relative;
	top: 435px;
	left: 15px;
}
ul.BtEvent li {
	display: inline;
	float: left;
}
ul.BtEvent li a:link,
ul.BtEvent li a:visited {
	position: absolute;
	text-indent: -9999px;
	display: block;
	float: left;
	background: url(../images/nav.png) no-repeat 0 0;
}

ul.BtEvent li.Off a:link,
ul.BtEvent li.Off a:visited,
ul.BtEvent li.Off a:hover {
	background: none !important;
	cursor: default;
}
ul.BtEvent li a.BtEvent1:link,
ul.BtEvent li a.BtEvent1:visited {
	width: 117px;
	height: 92px;
	top: 81px;
	left: 0px;
	background-position: 0 -38px;
}
ul.BtEvent li a.BtEvent1:hover {
	background-position: 0 -185px;
}
ul.BtEvent li a.BtEvent2:link,
ul.BtEvent li a.BtEvent2:visited {
	width: 223px;
	height: 110px;
	top: 73px;
	left: 117px;
	background-position: -117px -30px;
}
ul.BtEvent li a.BtEvent2:hover {
	background-position: -117px -177px;
}
ul.BtEvent li a.BtEvent3:link,
ul.BtEvent li a.BtEvent3:visited {
	width: 290px;
	height: 147px;
	top: 43px;
	left: 340px;
	background-position: -340px 0px;
}
ul.BtEvent li a.BtEvent3:hover {
	background-position: -340px -147px;
}
ul.BtEvent li a.BtEvent4:link,
ul.BtEvent li a.BtEvent4:visited {
	width: 223px;
	height: 110px;
	top: 73px;
	right: 117px;
	background-position: -630px -30px;
}
ul.BtEvent li a.BtEvent4:hover {
	background-position: -630px -177px;
}

ul.BtEvent li a.BtEvent5:link,
ul.BtEvent li a.BtEvent5:visited {
	width: 303px;
	height: 60px;
	top: 0px;
	right: 6px;
	background: url(../images/btevent5.png) no-repeat 0 -60px;
}
ul.BtEvent li a.BtEvent5:hover {
	background-position: 0 0px;
}

ul.BtEvent li a.BtEvent6:link,
ul.BtEvent li a.BtEvent6:visited {
	width: 117px;
	height: 92px;
	top: 81px;
	right: 0px;
	background-position: -852px -38px;
}
ul.BtEvent li a.BtEvent6:hover {
	background-position: -852px -185px;
}
#footer {
	width: 100%;
	height: 300px;
	margin: 0 auto;
	position: absolute;
	z-index: 1px;
	bottom: 0px;
}
#footer a.LogoVNG:link, #footer a.LogoVNG:hover, #footer a.LogoVNG:visited {
	height: 53px;
	width: 35px;
	left: 256px;
	top: 63px;
	position: absolute;
	text-indent: -9999px;
}
#footer a.Logo7Road:link, #footer a.Logo7Road:hover, #footer a.Logo7Road:visited {
	height: 36px;
	width: 38px;
	left: 312px;
	top: 75px;
	position: absolute;
	text-indent: -9999px
}
#footer a.Rating:link, #footer a.Rating:hover, #footer a.Rating:visited {
	height: 74px;
	right: 205px;
	position: absolute;
	text-indent: -9999px;
	top: 55px;
	width: 151px;
}
#footer p.Copyright {
	position: absolute;
	width: 280px;
	color: #3d9c97;
	font-size: 11px;
	left: 358px;
	top: 65px;
	text-align:center;
	font: Tahoma, Geneva, sans-serif;
}
.PopupReg {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #000000;
	display: none;
	height: 398px;
	position: absolute;
	width: 404px;
	z-index: 1000;
}
.Close {
	background: url("../images/close.gif") no-repeat scroll 0 0 transparent;
	display: block;
	height: 23px;
	left: 366px;
	position: absolute;
	text-indent: -1000em;
	top: 16px;
	width: 25px;
}
.Popup {
    display: none;
    height: 300px;
    left: 1px;
    padding: 27px 0 0;
    position: absolute;
    top: 1px;
    width: 661px;
    z-index: 1000;
}
	.Popup .Title {
		color: #FFFFFF;
		font-size: 18px;
		font-weight: bold;
		left: 10px;
		position: absolute;
		top: -30px;
	}
	.Popup .PopupWrapper {
		position: relative;
		width: 640px;
		padding: 11px 11px 11px 11px; 
	}
	.Popup .PopupClose:link, .Popup .PopupClose:visited {
		display: block;
		font-size: 11px;
		height: 33px;
		padding-right: 15px;
		position: absolute;
		right: -16px;
		text-align: right;
		text-decoration: none;
		top: -36px;
		width: 31px;
		text-indent: -9999px;
	}
	.Popup .PopupClose:link {
		text-decoration: none;
	}
	.Popup .InnerContent {
		height: 395px;
		width: 640px;
	}
	.QuickVideo{
	background: none;
	overflow: hidden;
	padding-top: 36px;
	position: absolute;
	z-index: 1000;
	height: 416px;
	width: 705px;
	padding: 0;	
}
.QuickVideo .SurveyClose{
	background: url(http://img.zing.vn/gn/images/landingpage/gunny3.4/images/close.png) no-repeat;	
	height: 23px;
	left: 665px;
	top: 0px;
	width: 25px;
	position: absolute;
	display: block;
	text-indent: -1000em;
}
.QuickVideo .SurveyContent{
	height: auto;
	overflow: hidden;
	padding: 0 0 0 20px;
	width: auto;	
}