* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

body {
	background: #000000;
    font-family: glht;
    color: #d7ceb9;
    font-size: 14px;
}

a {
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
	text-decoration: none;
	cursor: pointer;
    font-family: glht;
}

@font-face {
    font-family: glexb;
    src: url(../fonts/glexb.otf);
    font-display: swap;
}
@font-face {
    font-family: glht;
    src: url(../fonts/glht.otf);
    font-display: swap;
}
@font-face {
    font-family: Corona, sans-serif;
    src: url(../fonts/Corona.otf);
}
@font-face {
    font-family: 'montserratregular';
    src: url(../fonts/montserrat-regular-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
     font-family: 'montserratlight';
    src: url(../fonts/montserrat-light-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-light-webfont.woff) format('woff'),
  		 url(../fonts/montserrat-light.eot);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/


.no-webp #general {
 position: relative;
	display: block;
	width: 100%;
	max-width: 2640px;
	min-width: 1200px;
	height: 1980px;
	margin: 0 auto;
	background: url(../images/bg4.jpg) no-repeat center top 1500px,
				url(../images/bg3.jpg) no-repeat center top 1000px,
				url(../images/bg2.jpg) no-repeat center top 500px,
				url(../images/bg1.jpg) no-repeat center top 0px;
	overflow: hidden;
}

.webp #general {
position: relative;
	display: block;
	width: 100%;
	max-width: 2640px;
	min-width: 1200px;
	height: 1980px;
	margin: 0 auto;
	background: url(../images/bg4.webp) no-repeat center top 1500px,
				url(../images/bg3.webp) no-repeat center top 1000px,
				url(../images/bg2.webp) no-repeat center top 500px,
				url(../images/bg1.webp) no-repeat center top 0px;
	overflow: hidden;
}

.fake-button{
    cursor:        pointer;
    box-shadow:    rgba(0, 0, 0, 0.15) 0px 3px 12px;
    border-radius: 50%;
    position:      fixed;
    bottom:        24px;
    right:         24px
}

.animate > img {
       animation: pulse 1s linear infinite;
      }
      @keyframes pulse {
      0% { transform: scale(1); }
      25% { transform: scale(1.1); }
      50% { transform: scale(1); }
      75% { transform: scale(0.9); }
      100% { transform: scale(1); }
      }


.wrapper {
	position: relative;
	display: block;
	width: 1200px;
	height: 1980px;
	margin: 0 auto;
}

.inner {
	position: relative;
	display: block;
	width: 1200px;
	margin: 0 auto;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.gif-fire {
	position: absolute;
	display: block;
	width: 123px;
	height: 105px;
	
	top: 187px;
    left: 419px;
}

.no-webp .logo {
 position: absolute;
	display: block;
	width: 355px;
	height: 90px;
	background: url(../images/logo.png) no-repeat center top;
	top: 283px;
    left: 419px;
    z-index: 1;
}

.webp .logo {
position: absolute;
	display: block;
	width: 355px;
	height: 90px;
	background: url(../images/logo.webp) no-repeat center top;
	top: 283px;
    left: 419px;
    z-index: 1;
}

.gif-btn {
	position: absolute;
	display: block;
	width: 276px;
	height: 101px;
	
	top: 534px;
    left: 931px;
}

.no-webp .gif-char {
 position: absolute;
	display: block;
	width: 425px;
	height: 521px;
	background: url(../images/char.png) no-repeat;
	top: 111px;
    left: 789px;
}

.webp .gif-char {
position: absolute;
	display: block;
	width: 425px;
	height: 521px;
	background: url(../images/char.webp) no-repeat;
	top: 111px;
    left: 789px;
    user-select: none;
}

/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-1 {
	height: 100px;
	padding-bottom: 5px;
}

.screen-1 ul {
	position: relative;
	height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 980px;
}

.screen-1 ul li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0  0 0 25px;
}

.screen-1 ul li a {
	position: relative;
	display: block;
}

.screen-1 ul li a span {
	position: relative;
	display: block;
	color: #ffd45f;
	font-size: 18px;
    font-family: Corona, sans-serif;
    -webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.screen-1 ul li a p {
	position: relative;
	display: block;
	color: #9e967f;
	text-shadow: 0 0 0 #9e967f;
	font-size: 12px;
    font-family: glht;
    margin-top: -5px;
    -webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.screen-1 ul li a:hover span {
	color: #ff875f;
}
.screen-1 ul li a:hover p {
	color: #bfb7a3;
}

.screen-1 .login {
	position: absolute;
	display: block;
	width: 154px;
	height: 43px;
	background: url(../images/btn-login.png) no-repeat;
	top: 0;
	right: 34px;
	bottom: 0;
	margin: auto;
	box-shadow: 0 0 13px 6px rgba(0, 0, 0, 0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.screen-1 .login span {
	position: relative;
	display: block;
	line-height: 43px;
	width: calc(100% - 14px);
	height: 43px;
	color: #fffbdc;
	font-size: 14px;
    font-family: glht;
    margin-left: 14px;
    text-align: center;
}

.screen-1 .login:hover {
	box-shadow: 0 0 13px 6px rgba(0, 0, 0, 0.78);
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-2 {
	height: 430px;
}

.screen-2 .lang {
	position: absolute;
	display: block;
	width: 48px;
	height: 48px;
	background: url(../images/lang.png) no-repeat;
	top: 10px;
	right: 17px;
}

.screen-2 .lang .desc {
	position: absolute;
	display: block;
	width: 150px;
	height: 48px;
	line-height: 48px;
	right: calc(100% + 12px);
	color: #ada591;
	text-shadow: 0 0 0 #ada591;
	font-size: 14px;
	text-align: right;
}

.screen-2 .lang a.active {
	position: absolute;
	display: block;
	width: 48px;
	height: 48px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.screen-2 .lang a img {
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.screen-2 .lang .sub {
	position: absolute;
	display: block;
	width: 48px;
	top: 100%;
	padding-top: 2px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.screen-2 .lang:hover .sub {
	visibility: visible;
	opacity: 1;
}

.screen-2 .lang .sub a {
	position: relative;
	display: block;
	width: 48px;
	height: 48px;
	background: url(../images/lang.png) no-repeat;
	margin-top: 2px;
	left: 30px;
	-webkit-transition:all 0.5s ease; 
	-o-transition:all 0.5s ease; 
	-moz-transition:all 0.5s ease; 
	transition:all 0.5s ease;
	opacity: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

}

.screen-2 .lang:hover .sub a:nth-child(1) {
	left: 0;
	transition-delay: 0s;
	opacity: 1;
}
.screen-2 .lang:hover .sub a:nth-child(2) {
	left: 0;
	transition-delay: 0.05s;
	opacity: 1;
}
.screen-2 .lang:hover .sub a:nth-child(3) {
	left: 0;
	transition-delay: 0.1s;
	opacity: 1;
}
.screen-2 .lang:hover .sub a:nth-child(4) {
	left: 0;
	transition-delay: 0.15s;
	opacity: 1;
}
.screen-2 .lang:hover .sub a:nth-child(5) {
	left: 0;
	transition-delay: 0.2s;
	opacity: 1;
}
.screen-2 .lang:hover .sub a:nth-child(6) {
	left: 0;
	transition-delay: 0.25s;
	opacity: 1;
}
.screen-2 .lang:hover .sub a:nth-child(7) {
	left: 0;
	transition-delay: 0.3s;
	opacity: 1;
}
.screen-2 .lang:hover .sub a:nth-child(8) {
	left: 0;
	transition-delay: 0.35s;
	opacity: 1;
}
.screen-2 .lang:hover .sub a:nth-child(9) {
	left: 0;
	transition-delay: 0.4s;
	opacity: 1;
}
.screen-2 .lang:hover .sub a:nth-child(10) {
	left: 0;
	transition-delay: 0.45s;
	opacity: 1;
}

.screen-2 .lang .sub a:hover {
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
}

.screen-2 .lang .desc:hover ~ .sub {
	visibility: hidden;
	opacity: 0;
}
.screen-2 .lang .desc:hover ~ .sub a {
	left: 30px;
	opacity: 0;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-2 .time-block {
	position: absolute;
	display: block;
	width: 330px;
	padding: 0;
	bottom: 0;
	left: 12px;
	background: rgba(26,15,13,0.86);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.screen-2 .time-block .item {
	position: relative;
	display: block;
	width: calc(100% - 70px);
	margin: 0 auto;
	padding: 0 30px;
	height: 35px;
	line-height: 35px;
	color: #ffffff;
	font-size: 12px;
    font-family: montserrat-regular;
    text-align: right;
    border-bottom: 1px solid #362f2d;
}

.screen-2 .time-block .item span {
	position: relative;
	display: inline-block;
	width: 100px;
	text-align: left;
	float: left;
	color: #ffcd53;
	font-size: 12px;
    font-family: montserrat-regular;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-3 {
	height: 115px;
}

.screen-3 .status {
	position: absolute;
	display: inline-block;
	height: 75px;
	width: 930px;
	top: 24px;
	left: 0;
}

.screen-3 .status .item {
	position: relative;
	display: inline-block;
	float: left;
	width: 310px;
	height: 75px;
	margin-left: 100px;
}

.screen-3 .status .item .ico {
	position: absolute;
	display: block;
	width: 82px;
	height: 100%;
	top: 0;
	left: 0;
}

.screen-3 .status .item .ico img {
	position: absolute;
	display: block;
	top: 50%;
	left: 60%;
	transform: translate(-50%, -50%);
}

.screen-3 .status .item .desc {
	position: absolute;
	display: block;
	width: 102px;
	top: 50%;
	transform: translateY(-50%);
	left: 82px;
}

.screen-3 .status .item .desc span {
	position: relative;
	display: block;
	color: #ffcd53;
	font-size: 18px;
    font-family: glexb;
}

.screen-3 .status .item .desc p {
	position: relative;
	display: block;
	color: #9c9687;
	font-size: 14px;
    font-family: glht;
    margin-top: 1px;
}

.screen-3 .status .item .online {
	position: absolute;
	display: block;
	width: 104px;
	height: 71px;
	top: 0;
	left: 187px;
	bottom: 0;
	margin: auto;
}

.screen-3 .status .item .online[data-status="on"] {
	background: url(../images/ico-on.png) no-repeat;
}
.screen-3 .status .item .online[data-status="off"] {
	background: url(../images/ico-off.png) no-repeat;
}

.screen-3 .status .item .online span {
	position: absolute;
	display: block;
	width: 60px;
	top: 50%;
	transform: translateY(-50%);
	left: -3px;
	right: 0;
	margin: auto;
	color: #ffffff;
	font-size: 17px;
    font-family: glexb;
    text-align: center;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-3 .btn {
	position: absolute;
	display: block;
	width: 267px;
	height: 115px;
	top: 0;
	right: 0;
}

.screen-3 .btn div {
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.screen-3 .btn div span {
	position: relative;
	display: block;
	color: #ffe0bf;
	font-size: 18px;	
    font-family: glexb;
    -webkit-transition:all 0.2s ease; 
	-o-transition:all 0.2s ease; 
	-moz-transition:all 0.2s ease; 
	transition:all 0.2s ease;
}

.screen-3 .btn div p {
	position: relative;
	display: block;
	color: #6f7162;
	text-shadow: 0 0 0 #6f7162;
	font-size: 14px;	
    font-family: glht;
    margin-top: 2px;
    -webkit-transition:all 0.2s ease; 
	-o-transition:all 0.2s ease; 
	-moz-transition:all 0.2s ease; 
	transition:all 0.2s ease;
}


.screen-3 .btn:hover div span {
	letter-spacing: 2px;
}

.screen-3 .btn:hover div p {
	color: #9ea18c;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-4 {
	height: 1250px;
}

.screen-4 .content {
	position: absolute;
	display: block;
	width: 720px;
	height: 840px;
	overflow: hidden;
	top: 30px;
	left: 40px;
}

.screen-4 .content .news {
	position: relative;
	display: block;
	width: 720px;
	height: 260px;
	background: #0d0e0f;
	margin: 30px auto 0;
}

.screen-4 .content .news:first-child {
	margin: 0 auto;
}

.screen-4 .content .news .frame {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}

.screen-4 .content .news .frame img {
	position: relative;
	display: block;
}

.screen-4 .content .news .title {
	position: relative;
	display: block;
	margin: 0 20px 0 235px;
	color: #ffcd53;
	font-size: 24px;
    font-family: glexb;
    padding-top: 20px;
}

.screen-4 .content .news .date {
	position: relative;
	display: block;
	margin: 3px 20px 0 235px;
	color: #ece8e7;
	font-size: 14px;
    font-family: glht;
}

.screen-4 .content .news .text {
	position: relative;
	display: block;
	margin: 10px 20px 0 235px;
	color: #d7ceb9;
	font-size: 14px;
    font-family: glht;
    line-height: 21px;
}

.screen-4 .content .news .desc {
	position: relative;
	display: block;
	margin: 10px 20px 0 235px;
}

.screen-4 .content .news .desc a {
	position: relative;
	display: inline-block;
	width: 144px;
	height: 37px;
	background: #151517;
	border: 2px solid #505a35;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	line-height: 37px;
	text-align: center;
	color: #d7ceb9;
	font-size: 14px;
    font-family: glht;
}

.screen-4 .content .news .desc a:hover {
	background: #0a0a0a;
	border: 2px solid #687c33;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-4 .sider {
	position: absolute;
	display: block;
	width: 320px;
	top: 20px;
	right: 35px;
}

.screen-4 .sider .side-block {
	position: relative;
	display: block;
	width: 320px;
	margin: 0 auto;
}

.screen-4 .sider .side-block-1 {
	height: 390px;
}
.screen-4 .sider .side-block-2 {
	height: 530px;
}
.screen-4 .sider .side-block-3 {
	height: 310px;
}

.screen-4 .sider .side-block .side-title {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}

.screen-4 .sider .side-block .side-title span {
	position: relative;
	display: block;
	color: #ffcd53;
	font-size: 24px;
    font-family: glexb;
}

.screen-4 .sider .side-block .side-title p {
	position: relative;
	display: block;
	color: #7a7263;
	text-shadow: 0 0 0 #7a7263;
	font-size: 14px;
    font-family: glht;
    margin-top: 3px;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-4 .sider .side-block .table {
	position: relative;
	display: none;
	width: 270px;
	margin: 0 auto 0;
}

.screen-4 .sider .side-block .table .side-title {
	margin-bottom: 25px;
}

.screen-4 .sider .side-block .table.active {
	display: block;
}

.screen-4 .sider .side-block .table .item-desc {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0 0 10px;
}

.screen-4 .sider .side-block .table .item-desc span {
	position: relative;
	display: inline-block;
	float: left;
	color: #ffefcf;
	font-size: 12px;
	font-family:'Times New Roman', sans-serif;
}

.screen-4 .sider .side-block .table .item-desc span:nth-child(1) {
	width: 20px;
	text-align: center;
}

.screen-4 .sider .side-block .table .item-desc span:nth-child(2) {
	width: 180px;
	padding-left: 28px;
	text-align: left;
}
.screen-4 .sider .side-block .table .item-desc span:nth-child(3) {
	width: 42px;
	text-align: center;
}

.screen-4 .sider .side-block .table .item-desc span i {
	position: relative;
	display: inline-block;
	font-style: normal;
	font-size: 10px;
	color: #c2ff1f;
	transform: translateY(-50%);
}

.screen-4 .sider .side-block .table .item {
	position: relative;
	display: table;
	width: 100%;
	margin: 0 0 10px;
}

.screen-4 .sider .side-block .table .item span {
	position: relative;
	display: inline-block;
	float: left;
	color: #ffd78b;
	font-size: 12px;
	font-family:'Times New Roman', sans-serif;
	height: 15px;
	line-height: 15px;
}

.screen-4 .sider .side-block .table .item span:nth-child(1) {
	width: 20px;
	text-align: center;
	color: #6f7b7d;
}

.screen-4 .sider .side-block .table .item span:nth-child(2) {
	width: 179px;
	padding-left: 28px;
	text-align: left;
	color: #ffd78b;
}
.screen-4 .sider .side-block .table .item span:nth-child(3) {
	width: 42px;
	text-align: center;
	color: #ffffff;
}

.screen-4 .sider .side-block .table .item span i {
	position: relative;
	display: inline-block;
	font-style: normal;
	font-size: 10px;
	color: #c2ff1f;
	transform: translateY(-50%);
}

.screen-4 .sider .side-block .table .item span:nth-child(2) img {
	position: absolute;
	display: block;
	top: -2px;
	left: 5px;
	bottom: 0;
	margin: auto;
}

.screen-4 .sider .side-block .table .more-rank {
	position: relative;
	display: block;
	width: 189px;
	height: 43px;
	background: url(../images/btn-rank.png) no-repeat;
	margin: 17px auto 0;
	box-shadow: 0 0 13px 6px rgba(0, 0, 0, 0);
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.screen-4 .sider .side-block .table .more-rank span {
	position: relative;
	display: block;
	line-height: 43px;
	width: calc(100% - 14px);
	height: 43px;
	color: #fffbdc;
	font-size: 14px;
    font-family: glht;
    margin-left: 14px;
    text-align: center;
}

.screen-4 .sider .side-block .table .more-rank:hover {
	box-shadow: 0 0 13px 6px rgba(0, 0, 0, 0.78);
}

.screen-4 .sider .side-block .top-tabs {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	height: 29px;
	bottom: 50px;
	left: 0;
}

.screen-4 .sider .side-block .top-tabs a {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	color: #d6ccb8;
	font-size: 14px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    font-family: glht;
}

.screen-4 .sider .side-block .top-tabs a:hover,
.screen-4 .sider .side-block .top-tabs a.active {
	background: rgba(186,131,104,0.13);
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-4 .sider .side-block-2 .side-title {
	padding-top: 12px;
}

.screen-4 .sider .side-block .block {
	position: relative;
	display: block;
	width: 310px;
	margin: 25px auto 0;
}

.screen-4 .sider .side-block .block .item {
	position: relative;
	display: block;
	width: 285px;
	margin: 0 0 16px 25px;
}

.screen-4 .sider .side-block .block .item .ico {
	position: absolute;
	display: block;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	left: -25px;
}

.screen-4 .sider .side-block .block .item .ico img {
	position: relative;
	display: block;
	margin: 0 auto;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.screen-4 .sider .side-block .block .item .desc {
	position: relative;
	display: block;
	width: 281px;
	padding: 9px 0;
	background: #151517 url(../images/ico-market-0.png) no-repeat center right 18px;
	border: 2px solid #2b2b2e;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.screen-4 .sider .side-block .block .item .desc span {
	position: relative;
	display: block;
	margin: 0 45px 0 55px;
	color: #f9ff9f;
	font-size: 12px;
}

.screen-4 .sider .side-block .block .item .desc p {
	position: relative;
	display: block;
	margin: 4px 45px 0 55px;
	color: #ffde9f;
	font-size: 12px;
}

.screen-4 .sider .side-block .block .item:hover .desc {
	background: #0b0b0d url(../images/ico-market-0.png) no-repeat center right 8px;
	border: 2px solid #38383a;
}
.screen-4 .sider .side-block .block .item:hover .ico img {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.screen-4 .sider .side-block .more-btn {
	position: relative;
	display: block;
	width: 189px;
	height: 43px;
	background: url(../images/btn-rank.png) no-repeat;
	margin: 12px auto 0;
	box-shadow: 0 0 13px 6px rgba(0, 0, 0, 0);
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.screen-4 .sider .side-block-2 .more-btn {
	margin-top: 45px;
}

.screen-4 .sider .side-block .more-btn span {
	position: relative;
	display: block;
	line-height: 43px;
	width: calc(100% - 14px);
	height: 43px;
	color: #fffbdc;
	font-size: 14px;
    font-family: glht;
    margin-left: 14px;
    text-align: center;
}

.screen-4 .sider .side-block .more-btn:hover {
	box-shadow: 0 0 13px 6px rgba(0, 0, 0, 0.78);
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-4 .sider .side-block-3 .side-title {
	padding-top: 12px;
}

.screen-4 .sider .side-block .castle-block {
	position: relative;
	display: block;
	width: 321px;
	height: 139px;
	background: url(../images/castle.png) no-repeat;
	margin: 12px auto 0;
	padding: 10px 0;
}

.screen-4 .sider .side-block .castle-block .item {
	position: relative;
	display: block;
	width: 100%;
}

.screen-4 .sider .side-block .castle-block .item .top,
.screen-4 .sider .side-block .castle-block .item .bottom {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	height: 35px;
}

.screen-4 .sider .side-block .castle-block .item .top {
	background: rgba(255,255,255,0.03);
}
.screen-4 .sider .side-block .castle-block .item .bottom {
	background: rgba(7, 9, 10, 0.19);
}

.screen-4 .sider .side-block .castle-block .item .top span,
.screen-4 .sider .side-block .castle-block .item .bottom span {
	position: relative;
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;
	height: 35px;
	line-height: 35px;
}

.screen-4 .sider .side-block .castle-block .item .top span {
	color: #d6ccb8;
	font-size: 14px;
}
.screen-4 .sider .side-block .castle-block .item .bottom span {
	color: #ffcd53;
	font-size: 14px;
    font-family: glexb;
}

.screen-4 .sider .side-block .castle-block .item .bottom span img {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-4 .gallery .item .desc {
	position: relative;
	display: table;
	width: 284px;
	padding: 0 20px;
	height: 42px;
	line-height: 42px;
	background: #151517;
	border: 2px solid #2b2b2e;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-top: 4px;
	overflow: hidden;
	text-align: right;
	color: #616169;
	font-size: 14px;
}

.screen-4 .gallery .item .desc:first-child {
	margin-top: 0;
}

.screen-4 .gallery .item .desc span {
	text-align: left;
	position: relative;
	display: inline-block;
	float: left;
	color: #ffffff;
	font-size: 14px;
	width: 200px;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-5 {
	height: 90px;
}

.screen-5 .logo-mu {
	position: absolute;
	display: block;
	width: 171px;
	height: 70px;
	background: url(../images/logo-mu.png) no-repeat;
	top: 0;
	left: -54px;
	bottom: 0;
	margin: auto;
}

.screen-5 .logo-mu:hover {
	-webkit-filter:brightness(1.2); 
	-moz-filter:brightness(1.2); 
	-o-filter:brightness(1.2); 
	filter:brightness(1.2); 
}

.screen-5 .copyright {
	position: absolute;
	display: block;
	width: 420px;
	top: 50%;
	transform: translateY(-50%);
	color: #ffcd53;
	text-shadow: 0 0 0 #ffcd53;
	font-size: 12px;
	left: 120px;
    font-family: montserrat-light;
}

.screen-5 .terms {
	position: absolute;
	display: block;
	width: 420px;
	transform: translateY(-30%);
	color: #ffcd53;
	font-size: 15px;
	left: 460px;
    top: 15%;
    font-family: montserrat-light;
}

.screen-5 .privacy {
	position: absolute;
	display: block;
	width: 420px;
	top: 45%;
	transform: translateY(-30%);
	color: #ffcd53;
	font-size: 15px;
	left: 460px;
    font-family: montserrat-light;
}

.screen-5 .refund {
	position: absolute;
	display: block;
	width: 420px;
	top: 75%;
	transform: translateY(-30%);
	color: #ffcd53;
	font-size: 15px;
	left: 460px;
    font-family: montserrat-light;
}

.screen-5 ul.banner {
	position: absolute;
	display: inline-block;
	top: 50%;
	transform: translateY(-50%);
	left: 604px;
}

.screen-5 ul.banner li {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 12px;
}

.screen-5 .coolness {
	position: absolute;
	display: block;
	width: 122px;
	height: 31px;
	background: url(../images/coolness.png) no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.screen-5 .coolness:hover {
	opacity: 0.7;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-1 .logon {
	position: absolute;
	display: block;
	width: 180px;
	height: 42px;
	top: 0;
	right: 17px;
	bottom: 0;
	margin: auto;
}

.screen-1 .logon .desc {
	position: absolute;
	display: block;
	width: 180px;
	height: 42px;
	top: 0;
	left: 0;
	cursor: pointer;
}

.screen-1 .logon .desc .avatar {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: #111315;
	border: 1px solid #323232;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.screen-1 .logon .desc .avatar span {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.screen-1 .logon .desc .avatar span img {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.screen-1 .logon .desc .name {
	position: absolute;
	display: block;
	width: 128px;
	top: 50%;
	transform: translateY(-50%);
	left: 52px;
	color: #ffcd53;
	font-size: 12px;
    font-family: montserrat-regular;
}

.screen-1 .logon .desc .name span {
	position: relative;
	display: inline-block;
	max-width: 105px;
	word-wrap: break-word;
}

.screen-1 .logon .desc .name span:after {
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 8px;
	background: url(../images/select.png) no-repeat;
	top: 3px;
    bottom: 0;
    right: -19px;
	margin: auto;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-1 .logon .sub {
	position: absolute;
	display: block;
	width: 248px;
	border: 1px solid #323232;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	top: 100%;
	right: -0px;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;

	-webkit-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.screen-1 .logon:hover .sub {
	/*right: 0;*/
	visibility: visible;
	opacity: 1;

	-webkit-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.screen-1 .logon .sub a {
	position: relative;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	background: rgba(20,21,21,1);
	padding: 2px 0;
}

.screen-1 .logon .sub a:nth-child(even) {
	background: rgba(17,18,21,0.9);
}

.screen-1 .logon .sub a .ico {
	position: absolute;
	display: block;
	width: 60px;
	left: 5px;
	height: 32px;
	top: 0;
}

.screen-1 .logon .sub a .ico img {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.screen-1 .logon .sub a .title {
	position: relative;
	display: block;
	margin: 0 5px 0 65px;
	color: #fffcdf;
	font-size: 12px;
    font-family: montserrat-regular;
}

.screen-1 .logon .sub a:hover {
	background: rgb(12, 13, 13);
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/
.screen-4 .sider .side-block-1 .logon-block {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.screen-4 .sider .side-block-1 .logon-block .current {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #bdbdbd;
	font-size: 14px;
}

.screen-4 .sider .side-block-1 .logon-block .current span {
	color: #ffffff;
}

.screen-4 .sider .side-block-1 .logon-block .current .reload {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/ico-reload.png) no-repeat;
	vertical-align: middle;
	top: -2px;
	margin-left: 12px;
}

.screen-4 .sider .side-block-1 .logon-block .current .reload:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.screen-4 .sider .side-block-1 .logon-block .count {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 5px 0 10px;
}

.screen-4 .sider .side-block-1 .logon-block .count span {
	position: relative;
	display: inline-block;
	color: #d6ccb8;
	font-size: 14px;
	margin: 0 8px;
}

.screen-4 .sider .side-block-1 .logon-block .count span i {
	font-style: normal;
	color: #ffcd53;
	font-size: 14px;
    font-family: glexb;
}

.screen-4 .sider .side-block-1 .logon-block .link {
	position: relative;
	display: block;
	width: 189px;
	margin: 0 auto;
}

.screen-4 .sider .side-block-1 .logon-block .link a {
	position: relative;
	display: block;
	width: 189px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #d6ccb8;
	font-size: 14px;
	background: url(../images/btn-link.png) no-repeat;
	margin: 0 auto 3px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.screen-4 .sider .side-block-1 .logon-block .link a:hover {
	box-shadow: inset 0 0 13px 8px rgba(214, 77, 33, 0.26);
}