@charset "utf-8";
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #1b1938;
	background: #1d1f42;
	position: relative;
}
.Rating  {
	display: none !important;
}
#wrapper {
	width: 2000px;
	height: 1150px;

	margin: 0 auto;
	position: fixed; 
	left: 50%;
	margin-left: -1000px;
	background: url("../images/bg2.jpg") no-repeat center top #23080d;
	transform-origin: center top;
}
#wrapper2 {
	width: 2000px;
	height: 1150px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1000px;
	background: url("../images/bg.jpg") no-repeat center top #23080d;
	transform-origin: center top;
}

h1.Logo {
	margin: 0;
	position: absolute;
	width: 364px;
	height: 220px;
	z-index: 10;
	left: 50%;
	top: 10px;
	margin-left: -480px;
}
h1.Logo a {
	background: url(../images/logo.png) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 364px;
	height: 220px;
}

ul.TopLink {
	height: 33px;
	line-height: 33px;
	margin: 0 auto;
	width: 278px;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -490px;
	padding: 0;
	text-align: center;
	z-index: 12;
	
}
ul.TopLink li {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
}
ul.TopLink li a {
	color: #fff;
	text-decoration: none;
	display: block;
	display: inline-block;
	padding: 0 4px;
	text-shadow: 2px 2px 2px #3c2512, -2px -2px 2px #3c2512;
}
ul.TopLink li a:hover {
	color: #f1c838;
	
}
.event-name {
	width: 927px;
	height: 586px;
	display: block;
	position: absolute;
	top: 290px;
	left: 50%;
	margin-left: -475px;
}
.time-1 {
	width: 400px;
	height: 171px;
	display: block;
	position: absolute;
	top: 590px;
	left: 50%;
	margin-left: -480px;

}
.time-2 {
	width: 400px;
	height: 171px;
	display: block;
	position: absolute;
	top: 590px;
	left: 50%;
	margin-left: 80px;

}
.bt-xemtructiep {
	width: 283px;
	height: 121px;
	background: url(../images/btn-xemtructiep.png) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 280px;
	left: 50%;
	margin-left: -140px;
	z-index: 5;
}
.bt-xemtructiep:hover {
	filter: brightness(1.3);
}
.bg-right {
	width: 191px;
	height: 176px;
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 10;
	padding: 108px 0 0 35px;
	background: url(../images/bg-button-right.png) 0 0 no-repeat;
	transform-origin: right top;
}
.bg-right .bt-download {
	width: 175px;
	height: 73px;
	background: url(../images/bt-right.png) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 0 5px;
}
.bg-right .bt-download:hover {
	filter: brightness(130%);
}
.bg-right .bt-napthe {
	width: 175px;
	height: 73px;
	background: url(../images/bt-right.png) 0 -73px no-repeat;
	display: block;
	text-indent: -9999px;
}
.bg-right .bt-napthe:hover {
	filter: brightness(130%);
}
.WrapParallax {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 2000px;
    height: 1000px;
    margin-left: -700px;
}

.Bg2 {
	background: url(../images/bg2.jpg) no-repeat 50% 50% #000000;
}
.BgNoTitle {
	background: url(../images/bg.jpg) no-repeat 50% 50% #000000 !important;
}

a.CloseContent {
	background: url(../images/bt-close.png) no-repeat scroll 0 0 transparent;
	width: 38px;
	height: 38px;
	position: fixed;
	left: 50%;
	top: 100px;
	margin-left: 450px;
	text-indent: -9999px;
	z-index: 1000;
}
a.CloseContent:hover {
	filter: brightness(130%);
}

footer {
	width: 2000px;
	height: 100px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -1000px;
	padding: 240px 0 10px;
	
}
footer .wrap {
	width: 960px;
	margin: 0 auto;
}
footer .wrap .group-logo {
	float: left;
	padding-right: 20px;
}
footer .wrap p {
	color: #deccaf;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
}
#nav {
	display: block;
	margin: 0;
	padding: 0;
	z-index: 400;
	position: absolute;
	left: 50%;
	top: 790px;
	width: 640px;
	height: 200px;
	margin-left: -330px;
	z-index: 10;
}
#nav li {
	
}
#nav li a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 195px;
	height: 195px;
	top: 0;
}

#nav li:nth-child(1) a {
	left: 0;
	background: url(../images/nav-1.png) 0 0 no-repeat;
	z-index: 10;
}
#nav li:nth-child(1) a:hover,
#nav li:nth-child(1) a.active {
	background-position: -195px 0;
}
#nav li:nth-child(2) a {
	left: 150px;
	background: url(../images/nav-2.png) 0 0 no-repeat;
	z-index: 9;
}
#nav li:nth-child(2) a:hover,
#nav li:nth-child(2) a.active {
	background-position: -195px 0;
}
#nav li:nth-child(3) a {
	left: 300px;
	background: url(../images/nav-3.png) 0 0 no-repeat;
	z-index: 8;
}
#nav li:nth-child(3) a:hover,
#nav li:nth-child(3) a.active {
	background-position: -195px 0;
}
#nav li:nth-child(4) a {
	left: 450px;
	background: url(../images/nav-4.png) 0 0 no-repeat;
	z-index: 7;
}
#nav li:nth-child(4) a:hover,
#nav li:nth-child(4) a.active {
	background-position: -195px 0;
}

.bg-menu {
	width: 100%;
	height: 100px;
	
	position: fixed;
	top: 0;
	
	z-index: 50;
}
.menu-top {
	width: 1000px;
	height: 94px;
	margin: 0 auto;
	z-index: 100;
	text-align: center;
	background: #3d2917;
}
.menu-top li {
	float: left;
	padding: 6px 0 0 0;
	margin: 0;
}
.menu-top li a {
	background: url(../images/menu-content.png) 0 0 no-repeat;
	height: 84px;
	display: block;
	text-indent: -9999px;
}
.menu-top li:nth-child(1) a {
	width: 250px;
	background-position: 0 0;
}
.menu-top li:nth-child(1) a:hover,
.menu-top li:nth-child(1) a.active {
	background-position: 0 -84px;
}

.menu-top li:nth-child(2) a {
	width: 250px;
	background-position: -250px 0;
}
.menu-top li:nth-child(2) a:hover,
.menu-top li:nth-child(2) a.active {
	background-position: -250px -84px;
}

.menu-top li:nth-child(3) a {
	width: 250px;
	background-position: -500px 0;
}
.menu-top li:nth-child(3) a:hover,
.menu-top li:nth-child(3) a.active {
	background-position: -500px -84px;
}

.menu-top li:nth-child(4) a {
	width: 250px;
	background-position: -750px 0;
}
.menu-top li:nth-child(4) a:hover,
.menu-top li:nth-child(4) a.active {
	background-position: -750px -84px;
}


.TopPage {
	background: url(../images/top.jpg) no-repeat scroll 0 0 transparent;
	width: 47px;
	height: 48px;
	position: fixed;
	left: 50%;
	top: 400px;
	margin-left: 400px;
	text-indent: -9999px;
	z-index: 1000;
}
.TopPage:hover {
	background-position: -47px 0;
}


.Rating {
	z-index: 500
}
#scroll-top {
  overflow: visible !important;
  position: absolute;
  top: 200px;
  left: 1000px;
  width: 90px;
  height: 150px;
}

.top {
  background: url(../images/bt-top.png) 0 0 no-repeat;
  width: 59px;
  height: 36px;
  margin-left:  53px;
  position: fixed;
  top: 95px;
  text-indent: -9999px;
  display: block;
}
.top:hover {
 	filter: brightness(140%);
}

#MainContent {
    display: block;
    height: auto;
}
#static {
	position: relative;
}
.pagination-container {
  width: 100%;
  margin-top: 30px;
  text-align: center;
  overflow: hidden;
}
.pagination-container .pagination {
  overflow: hidden;
  display: inline-block;
  margin: 0 auto;
}
.pagination-container .pagination li {
  display: inline-block;
}
.pagination-container .pagination li a {
  background: #c9b38c;
  border: 1px solid #a48967;
  color: #513f27;
  font: bold 16px/30px Tahoma;
  margin: 0px 2px;
  padding: 0px 10px;
  display: block;
  text-decoration: none;
}
.pagination-container .pagination li a:hover, .pagination-container .pagination li.active a {
  background: #cb0000;
  border: 1px solid #cb0000;
  color: #fff;
}
.pagination-container .pagination li.first a, .pagination-container .pagination li.last a, .pagination-container .pagination li.prev a, .pagination-container .pagination li.next a {
  padding: 0px;
  background-color: #c9b38c;
  border: 1px solid #a48967;
}
.pagination-container .pagination li.disabled a, .pagination-container .pagination li.disabled a:hover {
  cursor: default;
  opacity: 0.3;
}
.pagination-container .pagination li.prev a {
	background: url(../images/content/bg-paging-left-nor.png) no-repeat;
  
  height: 30px;
  width: 30px;
  text-indent: -9999px;
}
.pagination-container .pagination li.prev a:hover {
  background: url(../images/content/bg-paging-left-hov.png) no-repeat;
  height: 30px;
  width: 30px;
}
.pagination-container .pagination li.prev.disabled a, .pagination-container .pagination li.prev.disabled a:hover {
  background: url(../images/content/bg-paging-left-nor.png) no-repeat;
  height: 30px;
  width: 30px;
  text-indent: -9999px;
}
.pagination-container .pagination li.next a {
  background: url(../images/content/bg-paging-right-nor.png) no-repeat;
  height: 30px;
  width: 30px;
  text-indent: -9999px;
}
.pagination-container .pagination li.next a:hover {
  background: url(../images/content/bg-paging-right-hov.png) no-repeat;
  height: 30px;
  width: 30px;
}
.pagination-container .pagination li.next.disabled a, .pagination-container .pagination li.next.disabled a:hover {
  background: url(../images/content/bg-paging-left-nor.png) no-repeat;
  height: 30px;
  width: 30px;
  text-indent: -9999px;
}
.pagination-container .pagination li.last a {
  background: url(../images/content/bg-paging-last-nor.png) no-repeat;
  height: 30px;
  width: 30px;
  text-indent: -9999px;
}
.pagination-container .pagination li.last a:hover {
  background: url(../images/content/bg-paging-last-hov.png) no-repeat;
  height: 30px;
  width: 30px;
}
.pagination-container .pagination li.last.disabled a, .pagination-container .pagination li.last.disabled a:hover {
  background: url(../images/content/bg-paging-last-nor.png) no-repeat;
  height: 30px;
  width: 30px;
  text-indent: -9999px;
}
.pagination-container .pagination li.first a {
  background: url(../images/content/bg-paging-first-nor.png) no-repeat;
  height: 30px;
  width: 30px;
  text-indent: -9999px;
}
.pagination-container .pagination li.first a:hover {
  background: url(../images/content/bg-paging-first-hov.png) no-repeat;
  height: 30px;
  width: 30px;
  text-indent: -9999px;
}
.pagination-container .pagination li.first.disabled a, .pagination-container .pagination li.first.disabled a:hover {
  background: url(../images/content/bg-paging-first-nor.png) no-repeat;
  height: 30px;
  width: 30px;
  text-indent: -9999px;
}