body {
	background: rgba(0, 0, 0, 1);
	/* min-width: 1200px;
	overflow-x: hidden; */
}
a{
	cursor: pointer;
}

.con-header {
	background: rgba(21, 21, 21, 1);
	height: 70px;
	width: 100%;

	.logo {
		.logo1 {
			width: 73px;
			height: 25px;
			margin-right: 35px;
		}

		.logo2 {
			width: 70px;
			height: 24px;
		}
	}

	.right {
		color: #fff;
		font-weight: 400;
		font-family: Poppins;

		p {
			margin: 0;
			text-align: center;
			line-height: 25px;

			&:last-child {
				font-size: 10px;
				line-height: normal;
				margin-top: -5px;
			}
		}

		h3 {
			background-color: rgb(61, 255, 168);
			width: 5px;
			height: 5px;
			border-radius: 50%;
			margin: 0px 5px 10px;
			font-weight: 400;
		}
	}

}

.pc-1 {
	height: 502px;
	padding: 0px 30px;

	.img-wh {
		width: 653px;
		height: 523px;
	}

	.pc-con1 {
		width: 580px;
	}
}

.ios1 .img-wh,.con1-img-wh img{
	max-width: 320px;
	width: 100%;
	height: auto;
	display: block;
	margin: auto;
}

.con2{
	margin-top: 55px;
	.bg-1{
		background-image: url(../img/19.png);
	}
	.bg-2{
		background-image: url(../img/18.png);
	}
	.bg-3{
		background-image: url(../img/16.png);
	}
	.bg-4{
		background-image: url(../img/17.png);
	}
	.pub-bg{
		width: 265px;
		height: 417px;
		background-size: 100% 100%;
		padding: 10px 20px;
		box-sizing: border-box;
		.tle{
			border: 1px solid #3aec9c;
			border-radius: 5px;
			padding: 5px;
			text-align: center;
			width: 80px;
		}
	}
}



.pub_tle {
	background-color: #0d0d0d;
	border: 1px solid #202020;
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 10px 10px;
	text-align: center;

	img {
		width: 20px;
	}
}

.text-green {
	color: rgb(61, 255, 168);
}

.font-bold {
	font-weight: bold;
}

.pub-button {
	box-shadow: 0px 4px 4px #00000000 !important;
	border-radius: 8px;
	width: 357px;
	height: 57px;
	background-color: rgba(61, 255, 168, 1);
	text-align: center;
	line-height: 57px;
	cursor: pointer;
	a {
		color: #000000;
		text-decoration: none;
	}
}

.con-center {
	background: rgba(255, 255, 255, 0);
	background-image: url(../img/bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border-radius: 0px;
	width: 100%;
	.row{
		background-image: url(../img/6.png);
		background-repeat: no-repeat;
		height: 380px;
		p{
			margin-bottom: 0;
		}
	}
	.pc-2{
		background-size: 656px 439px;
		background-position: right center;
		div{
			width:35%;
			margin-left: 20%;
		}
	}
	
	.ios2{
		height: 544px;
		background-size: 413px 276px;
		background-position: center bottom;
		div{
			width:50%;
			padding: 50px 0 400px;
		}
	}
}

.con-center1{
	background: rgba(14,14,14,1);
	.study-list{
		background-color: #000000;
		border: 1px solid #333333;
		border-radius:10px;
		padding: 30px;
		margin: 20px auto;
		display: flex;
		flex-wrap: wrap;
		img{
			max-width: 291px;
			height: auto;
			/* width: 100%; */
			/* display: block; */
		}
		div:last-child{
			margin-top: 30px;
			flex: 1;
		}
	}
	
	.bg-5{
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		min-height: 580px;
		background-image: url(../img/8.png);
	}
	@media (max-width: 768px) {
		.bg-5{
			background:none;
		}
	}
	.com-tle{
		border-top: 2px solid #1b1b1b;
		max-width: 1100px;
		width: 100%;
	}
}
.con-footer {
	.f1{
		width: 50px;
	}
	.f2{
		width: 40px;
	}
}