@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: Barlow-Regular; font-display: auto; src: local('Barlow-Regular'),url('../font/Barlow-Regular.ttf');
}

@font-face {
	font-family: Barlow-SemiBold; font-display: auto; src: local('Barlow-SemiBold'),url('../font/Barlow-SemiBold.ttf');
}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #1F1D2B;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.coming {
	font-size: 50px;
	font-family: Barlow-SemiBold;
	color: #C4C4C4;
}

.hello {
	font-size: 45px;
	font-family: Barlow-SemiBold;
	color: #C4C4C4;
}

.body {
	width: 950px;
	height: 100%;
	margin: 0 auto;
}

.info {
	width: 100%;
	height: 380px;
	margin-top: 120px;
}

.footer {
	width: 950px;
	height: 100%;
	line-height: 100%;
	margin: 0 auto;
	position: relative;
	top: -40px;
	margin-top: 80px;
}

.header-text {
	width: 100%;
	height: 320px;
	margin-top: 260px;
}

.image-s {
	position: relative;
	top: -120px;
	left: 700px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	border: solid #060509 2px;
}

.text-2 {
	margin-left: 5px;
	line-height: 35px;
	font-size: auto;
	font-family: Barlow-Regular;
	color: #ABABAB;
}

.text-mx {
	margin-left: 1px;
	line-height: 25px;
	font-size: 10px;
	font-family: Barlow-Regular;
	color: #F0787A;
}

.copyright {
	font-family: Barlow-Regular;
	position: relative;
	font-size: 10px;
	color: #9A9A9A;
	float: left;
}

.footer-info {
	font-family: Barlow-Regular;
	font-size: 10px;
	float: right;
	margin-right: 5px;
}

a.head-link:link,a.head-link:visited {
	color: #F0787A;
	text-decoration: none;
	border-radius: 4px;
	padding: 4px;
	transition: .2s;
}

a.head-link:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #F0787A;
	border-radius: 4px;
	padding: 4px;
	transition: .4s;
}

a.go-link:link,a.go-link:visited {
	color: #EFEFEF;
	text-decoration: none;
	transition: .2s;
}

a.go-link:hover {
	color: #ACACAC;
	text-decoration: none;
	transition: .4s;
}

.info-text {
	font-size: auto;
	font-family: Barlow-Regular;
	line-height: 130%;
	color: #ABABAB;
}

.nav-ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #0F0E16;
}

.nav-li {
	float: left;
}

.navocs {
	width: 995px;
	height: 100%;
	margin: 0 auto;
}

a.pag:link,a.pag:visited {
	font-family: Barlow-Regular;
	display: block;
	width: 100px;
	color: #EFEFEF;
	padding: 20px;
	text-decoration: none;
	text-align: left;
	transition: .2s;
}

a.pag:hover,a.pag:active {
	color: #F0787A;
	transition: .4s;
}

.wangan {
	position: relative;
	top: 3px;
	width: 15px;
	height: 15px;
}

.footer-upyun {
	float: right;
	margin-right: 5px;
}

.upyun {
    position: relative;
    top: 1px;
    width: 211px;
    height: 15px;
    background-image: url(../img/upyun2.svg);
    background-size: 100%;
    transition: opacity .4s ease;
    overflow: hidden;
}

.upyun::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/upyun2-hover.svg);
    background-size: 100%;
    opacity: 0;
    transition: opacity .4s ease;
}

.upyun:hover::before {
    opacity: 1;
}