@charset "utf-8";
body {
	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #1b1938;
	background: #1b161e;
}
.Rating  {
	display: none !important;
}
#wrapper {
	width: 2000px;
	height: 1000px;
	margin: 0 auto;
	position: fixed; 
	left: 50%;
	margin-left: -1000px;
	background: url("../images/bg2.jpg") no-repeat center top #000;
	transform-origin: center top;
}
#wrapper2 {
	width: 2000px;
	height: 1000px;
	margin: 0 auto;
	position: relative;
	left: 50%;
	margin-left: -1000px;
	background: url("../images/bg.jpg") no-repeat center top #000;
	transform-origin: center top;
}
h1.Logo {
	margin: 0;
	position: absolute;
	width: 256px;
	height: 97px;
	z-index: 500;
	left: 50%;
	top: 20px;
	margin-left: -130px;
}
h1.Logo a {
	background: url(../images/logo.png) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 256px;
	height: 97px;

}

ul.TopLink {
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	width: 284px;
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -160px;
	padding: 0 15px;
	text-align: center;
	z-index: 300;
	
}
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 2px;
}
ul.TopLink li a:hover {
	color: #ff0000;
	text-decoration: underline;
}
.bg-right {
	width: 237px;
	height: 158px;
	position: absolute;
	top: 40%;
	right: 10px;
	z-index: 10;
	padding: 25px 0 0 10px;
	background: url(../images/bg-button-right.png) 0 0 no-repeat;
	transform-origin: right top;
}
.bg-right .bt-download {
	width: 216px;
	height: 64px;
	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) -216px 0 no-repeat;
}
.bg-right .bt-napthe {
	width: 216px;
	height: 63px;
	background: url(../images/bt-right.png) 0 -64px no-repeat;
	display: block;
	text-indent: -9999px;
}
.bg-right .bt-napthe:hover {
	background: url(../images/bt-right.png) -216px -64px 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: 67px;
	height: 64px;
	position: fixed;
	left: 50%;
	top: 110px;
	margin-left: 480px;
	text-indent: -9999px;
	z-index: 1000;
}
a.CloseContent:hover {
	filter: brightness(1.3);
}

footer {
	width: 100%;
	height: 85px;
	position: absolute;
	bottom: 0;
	padding: 20px 0 10px;
	background: rgba(47,8,11,0.7);
	border-top: 2px solid #ce1920;
}
footer .wrap {
	width: 960px;
	margin: 0 auto;
}
footer .wrap .group-logo {
	float: left;
	padding-right: 20px;
}
footer .wrap p {
	color: #7b7a7a;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
}
#nav {
	display: block;
	margin: 0;
	padding: 0;
	z-index: 400;
	position: absolute;
	left: 50%;
	top: 659px;
	width: 1000px;
	height: 281px;
	margin-left: -500px;
	z-index: 10;
}
#nav li {
	
}
#nav li a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 17px;
	width: 129px;
	height: 301px;
}

#nav li:nth-child(1) a {
	left: 0;	
	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 {
	
	left: 143px;
	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 {
	
	left: 287px;
	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 {
	width: 142px;
	height: 333px;
	left: 428px;
	top: 0;
	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;
}
#nav li:nth-child(5) a {
	
	left: 583px;
	background: url(../images/nav-5.png) 0 0 no-repeat;
}
#nav li:nth-child(5) a:hover,
#nav li:nth-child(5) a.active {
	background: url(../images/nav-5-hov.png) 0 0 no-repeat;
}
#nav li:nth-child(6) a {
	
	left: 726px;
	background: url(../images/nav-6.png) 0 0 no-repeat;
}
#nav li:nth-child(6) a:hover,
#nav li:nth-child(6) a.active {
	background: url(../images/nav-6-hov.png) 0 0 no-repeat;
}

#nav li:nth-child(7) a {
	left: 868px;
	background: url(../images/nav-7.png) 0 0 no-repeat;
}
#nav li:nth-child(7) a:hover,
#nav li:nth-child(7) a.active {
	background: url(../images/nav-7-hov.png) 0 0 no-repeat;
}
.bg-menu-top {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0;
	background: url(../images/bg-menu.png) center top repeat-x;
	z-index: 100;
}
.menu-top {
	width: 1290px;
	height: 100px;
	margin: 0 auto;
	/*position: fixed;
	top: 0;
	left: 50%;
	margin-left: -645px;
	z-index: 100;*/
	text-align: center;
	padding: 0;
	/*background: url(../images/bg-content-top.jpg) center top no-repeat;*/
}
.menu-top li {
	float: left;
	margin: 0;
	padding: 0;
}
.menu-top li a {
	background: url(../images/menu-content.jpg) 0 0 no-repeat;
	width: 182px;
	height: 100px;
	display: block;
	text-indent: -9999px;
}
.menu-top li:nth-child(1) a {
	width: 158px;
	background-position: 0 0;
}
.menu-top li:nth-child(1) a:hover,
.menu-top li:nth-child(1) a.active {
	background-position: 0 -100px;
}
.menu-top li:nth-child(2) a {
	background-position: -704px 0;
}
.menu-top li:nth-child(2) a:hover,
.menu-top li:nth-child(2) a.active {
	background-position: -704px -100px;
}
.menu-top li:nth-child(3) a {
	background-position: -340px 0;
}
.menu-top li:nth-child(3) a:hover,
.menu-top li:nth-child(3) a.active {
	background-position: -340px -100px;
}

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

.menu-top li:nth-child(5) a {
	background-position: -886px 0;
}
.menu-top li:nth-child(5) a:hover,
.menu-top li:nth-child(5) a.active {
	background-position: -886px -100px;
}

.menu-top li:nth-child(6) a {
	background-position: -158px 0;
}
.menu-top li:nth-child(6) a:hover,
.menu-top li:nth-child(6) a.active {
	background-position: -158px -100px;
}
.menu-top li:nth-child(7) a {
	width: 222px;
	background-position: -1068px 0;
}
.menu-top li:nth-child(7) a:hover,
.menu-top li:nth-child(7) a.active {
	background-position: -1068px -100px;
}

.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: fixed;
  bottom: 50px;
  left: 50%;
  margin-left: 455px;
  height: 97px;
  width: 78px;
}

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

#MainContent {
    display: block;
    height: auto;
}

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