@charset "utf-8";
@font-face {
  font-family: fontMenu;
  src: url(../font/UTMGodWordR.ttf);
}
body {
	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #1b1938;
	background: #1b161e;
}
.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;
	transform-origin: center top;
}
#wrapper2 {
	width: 2000px;
	height: 1150px;
	margin: 0 auto;
	position: relative;
	left: 50%;
	margin-left: -1000px;
	background: url("../images/bg.jpg") no-repeat center top #412015;
	transform-origin: center top;
}
h1.Logo {
	margin: 0;
	position: absolute;
	width: 260px;
	height: 200px;
	z-index: 10;
	left: 50%;
	top: 40px;
	margin-left: 320px;
}
h1.Logo a {
	background: url(../images/logo.png) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 260px;
	height: 200px;

}

ul.TopLink {
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	width: 284px;
	position: absolute;
	top: 240px;
	left: 50%;
	margin-left: 300px;
	padding: 0 15px;
	text-align: center;
	z-index: 300;
	background: rgba(255,255,255,0.3);
}
ul.TopLink li {
	color: #000;
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	white-space: nowrap;
}
ul.TopLink li a {
	color: #000;
	text-decoration: none;
	display: block;
	display: inline-block;
	padding: 0 4px;
}
ul.TopLink li a:hover {
	color: #ff0000;
	text-decoration: underline;
}
.bg-right {
	width: 186px;
	height: 138px;
	position: absolute;
	top: 40%;
	right: 10px;
	z-index: 10;
	padding: 23px 0 0 23px;
	background: url(../images/bg-button-right.png) 0 0 no-repeat;
	transform-origin: right top;
}
.bg-right .bt-download {
	width: 162px;
	height: 58px;
	background: url(../images/bt-right.png) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
}
.bg-right .bt-download:hover {
	background: url(../images/bt-right.png) -162px 0 no-repeat;
}
.bg-right .bt-napthe {
	width: 162px;
	height: 58px;
	background: url(../images/bt-right.png) 0 -58px no-repeat;
	display: block;
	text-indent: -9999px;
}
.bg-right .bt-napthe:hover {
	background: url(../images/bt-right.png) -162px -58px no-repeat;
}
.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% #1b161e;
}
/*.Bg:after {
	content:"";
	width: 100%;
	height: 1000px;
	background: url(../images/mask.png) center top no-repeat;
	position: absolute;
	z-index: 5;
	display: block;
	top: 0;
	left: 0;
}*/
.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: 65px;
	height: 65px;
	position: fixed;
	left: 50%;
	top: 10px;
	margin-left: 510px;
	text-indent: -9999px;
	z-index: 1000;
}
a.CloseContent:hover {
	filter: brightness(130%);
}

footer {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	padding: 30px 0 20px;
}
footer .wrap {
	width: 960px;
	margin: 0 auto;
}
footer .wrap .group-logo {
	float: left;
	padding-right: 20px;
}
footer .wrap p {
	color: #b0b0b0;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
}
#nav {
	display: block;
	margin: 0;
	padding: 0;
	z-index: 400;
	position: absolute;
	left: 50%;
	top: 268px;
	width: 693px;
	height: 683px;
	margin-left: 118px;
	z-index: 12;
	background: url(../images/bg-nav.png) no-repeat;
}
#nav li {
	
}
#nav li a {
	display: block;
	text-indent: -9999px;
	width: 195px;
	height: 195px;
	position: absolute;
}

#nav li:nth-child(1) a {
	top: 140px;
	left: 155px;	
	background: url(../images/nav-1.png) 0 0 no-repeat;
}
#nav li:nth-child(1) a:hover,
#nav li:nth-child(1) a.active {
	background: url(../images/nav-1-hov.png) 0 0 no-repeat;
}
#nav li:nth-child(2) a {
	top: 140px;
	left: 350px;
	background: url(../images/nav-2.png) 0 0 no-repeat;
}
#nav li:nth-child(2) a:hover,
#nav li:nth-child(2) a.active {
	background: url(../images/nav-2-hov.png) 0 0 no-repeat;
}
#nav li:nth-child(3) a {
	top: 335px;
	left: 155px;
	background: url(../images/nav-3.png) 0 0 no-repeat;
}
#nav li:nth-child(3) a:hover,
#nav li:nth-child(3) a.active {
	background: url(../images/nav-3-hov.png) 0 0 no-repeat;
}
#nav li:nth-child(4) a {
	top: 335px;
	left: 350px;
	background: url(../images/nav-4.png) 0 0 no-repeat;
}
#nav li:nth-child(4) a:hover,
#nav li:nth-child(4) a.active {
	background: url(../images/nav-4-hov.png) 0 0 no-repeat;
}

.menu-top {
	width: 1000px;
	height: 70px;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -500px;
	z-index: 100;
	text-align: center;
	background: #e8e6d0;
}
.menu-top li {
	width: 249px;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}
.menu-top li a {
	background: #784717;
	color: #fff0ad;
	width: 249px;
	height: 70px;
	display: block;
	font-size: 23px;
	line-height: 70px;
	text-decoration: none;
	font-family: fontMenu, Tahoma, Arial;
}
.menu-top li a:hover,
.menu-top li a.active {
	background: #c37c09;
	color: #ffffb8;
}
/*.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 -70px;
}

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

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

.menu-top li:nth-child(4) a {
	background-position: -375px 0;
}
.menu-top li:nth-child(4) a:hover,
.menu-top li:nth-child(4) a.active {
	background-position: -375px -70px;
}*/

.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;
  height: 60px;
  width: 40px;
  margin-left:  35px;
  position: absolute;
  bottom: 0;
  text-indent: -9999px;
  display: block;
}
.top:hover {
  background: url(../images/bt-top.png) -40px 0 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;
}