@charset "utf-8";
body {
	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #5b2b02;
	background: #000000;
}
#wrapper {
	width: 2000px;
	height: 150px;
	margin: 0 auto;
	position: fixed;
	z-index: 2;
	left: 50%;
	top: 0;
	margin-left: -1000px;
	/*margin-top: -500px;*/
}
#wrapper2 {
	width: 2000px;
	height: 980px;
	margin: 0 auto;
	position: fixed;
	z-index: 1;
	background: url("../images/bg.jpg") no-repeat center top;
	left: 50%;
	top: 50%;
	margin-left: -1000px;
	margin-top: -490px;
	
}


.headerText {
	display: block;
	width: 702px;
	height: 671px;
	text-indent: -9999px;
	position: absolute;
	top: 112px;
	left: 280px;
	z-index: 10;
	background: url('../images/text.png');
}
h1.Logo {
	margin: 0;
	position: absolute;
	width: 279px;
	height: 147px;
	z-index: 500;
	left: 50%;
	top: 10px;
	margin-left: -130px;
}
h1.Logo a {
	background: url(../images/logo.png) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 279px;
	height: 147px;

}

.text-ngaothequanhung {
	background: url(../images/text-ngaothequanhung.png) 0 0 no-repeat;
	width: 488px;
	height: 351px;
	display: block;
	position: absolute;
	top: 221px;
	left: 50%;
	margin-left: -216px;
	z-index: 10;
}
.WrapParallax {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 2000px;
    height: 1000px;
    margin-left: -700px;
}
.Bg {
	width: 2000px;
	height: 1000px;
	position: absolute;
	
	top: 0;
	left: 50%;
	margin-left: -1000px;
	z-index: 5;
	background: url(../images/bg.jpg) no-repeat 50% 50% #000000;
}
.Bg2 {
	background: url(../images/bg2.jpg) no-repeat 50% 50% #000000;
}
.BgNoTitle {
	background: url(../images/bg.jpg) no-repeat 50% 50% #000000 !important;
}

.Title {
	width: 1400px;
	height: 742px;
	position: absolute;
	
	top: 220px;
	left: 50%;
	margin-left: -650px;
	z-index: 8;
}
.CuHanh {
	width: 1400px;
	height: 742px;
	position: absolute;
	
	top: 220px;
	left: 50%;
	margin-left: -650px;
	z-index: 7;
}
.page-header__link {
        width: 240px;
        margin: 0px auto;
        height: 14px;
        position: absolute;
        top: 165px;
        left: 50%;
        margin-left: -110px;
        z-index: 510;
    }
     .page-header__link li {
        border-right: 1px solid #000;
        float: left;
        padding: 0 5px;
        line-height: 14px;
        white-space: nowrap;
    }
    .page-header__link li:last-child {
        border-right: none;
    }
    .page-header__link li a {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }
    .page-header__link li a:hover {
        color: #990000;
        text-decoration: underline;
    }


@keyframes changeOpacity {
 0% {
opacity: 0
}
 25% {
opacity: 1
}
 50% {
opacity: 0
}
 75% {
opacity: 1
}
 100% {
opacity: 0
}
}
@-webkit-keyframes changeOpacity {
 0% {
opacity: 0
}
 25% {
opacity: 1
}
 50% {
opacity: 0
}
 75% {
opacity: 1
}
 100% {
opacity: 0
}
}



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

.footer {
	width: 2000px;
	height: 88px;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -1000px;
	background: url(../images/footer.png) no-repeat;
	z-index: 6;

}
#nav {
	display: block;
	margin: 0;
	padding: 0;
	z-index: 400;
	position: absolute;
	left: 50%;
	top:0;
	width: 1000px;
	margin-left: -500px;
}
#nav li {
	
}
#nav li a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 108px;
	height: 244px;
}

#nav li:nth-child(1) a {
	background: url(../images/nav01.png) 0 0 no-repeat;
	top: 660px;
    left: 245px;
	z-index: 10;
}
#nav li:nth-child(1) a:hover,
#nav li:nth-child(1) a.active {
	background: url(../images/nav01-hover.png) 0 0 no-repeat;
}
#nav li:nth-child(2) a {
	background: url(../images/nav02.png) 0 0 no-repeat;
	top: 630px;
    left: 375px;
	z-index: 12;
}
#nav li:nth-child(2) a:hover,
#nav li:nth-child(2) a.active {
	background: url(../images/nav02-hover.png) 0 0 no-repeat;
}
#nav li:nth-child(3) a {
	background: url(../images/nav03.png) 0 0 no-repeat;
	top: 630px;
	left: 505px;
	z-index: 14;
}
#nav li:nth-child(3) a:hover,
#nav li:nth-child(3) a.active {
	background: url(../images/nav03-hover.png) 0 0 no-repeat;
}
#nav li:nth-child(4) a {
	background: url(../images/nav04.png) 0 0 no-repeat;
	
	top: 660px;
	left: 635px;
	z-index: 13;
}
#nav li:nth-child(4) a:hover,
#nav li:nth-child(4) a.active {
	background: url(../images/nav04-hover.png) 0 0 no-repeat;
}

.menu-top {
	width: 600px;
	height: 110px;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -500px;
	padding: 0 190px 0 210px;
	z-index: 100;
	background: url(../images/menu-mask.jpg) 0 0 no-repeat;
}
.menu-top li {
	float: left;
}
.menu-top li a {
	background: url(../images/nav-top.png) 0 0 no-repeat;
	width: 146px;
	height: 79px;
	display: block;
	text-indent: -9999px;
}
.menu-top li:nth-child(1) a {
	
	background-position: 0 0;
}
.menu-top li:nth-child(1) a:hover,
.menu-top li:nth-child(1) a.active {
	background-position: 0 -79px;
}

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

.menu-top li:nth-child(3) a {
	background-position: -292px 0;
}
.menu-top li:nth-child(3) a:hover,
.menu-top li:nth-child(3) a.active {
	background-position: -292px -79px;
}

.menu-top li:nth-child(4) a {
	background-position: -438px 0;
}
.menu-top li:nth-child(4) a:hover,
.menu-top li:nth-child(4) a.active {
	background-position: -438px -79px;
}

.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;
}

.PopupIframe {
    background: none repeat scroll 0 0 #000;
    border: 3px solid #000;
    height: 315px;
   	position: absolute;
    top: -1000px;
    width: 560px;
    z-index: 1100;
}

.Rating {
	z-index: 500
}
#scroll-top {
  overflow: visible !important;
  position: absolute;
  top: 200px;
  left: 910px;
  width: 90px;
  height: 150px;
}
.bt-play {
	width: 100px;
	height: 169px;
	display: block;
	text-indent: -9999px;
	margin-top: 150px;
	background: url(../images/btn_gif.gif) 0 0 no-repeat;
	z-index: 5;
}

.top {
  background: url(../images/bt-top.png) 0 0 no-repeat;
  height: 30px;
  width: 33px;
  margin-left:  35px;
  position: absolute;
  bottom: 0;
  text-indent: -9999px;
  display: block;
}
.top:hover {
  background: url(../images/bt-top.png) 0 -30px no-repeat;
}

#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;
}