div.C_APPHOME
{
	margin: 20px 0px 0px 0px;
}
div.C_APPHOME div.C_BANNER
{
	text-align: center;
}
div.C_APPHOME div.C_BANNER > span
{
	position: relative;
	display: inline-block;
	width: 640px;
	height: 320px;
	border: 4px solid var(--main-active-color);
	border-radius: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
div.C_APPHOME div.C_BANNER > span[pic="1"]
{
	background-image: url(/images/home/banner-800x533.jpg);
}
div.C_APPHOME div.C_BANNER > span[pic="2"]
,div.C_APPHOME div.C_BANNER > span:hover
{
	background-image: url(/images/home/banner-v2-800x533.jpg),url(/images/home/banner-800x533.jpg);
}
div.C_APPHOME div.C_BANNER > span > button
{
	position: absolute;
	right: 0px;
	bottom: 40px;
	transform: translateX(30%);
}
div.C_APPHOME div.C_SLOGAN
{
	text-align: center;
}
div.C_APPHOME div.C_SLOGAN > h1
{
	font-size: 40px;
	color: var(--main-active-color);
}
div.C_APPHOME div.C_STEPS
{
	display: flex;
	gap: 32px;
	padding: 0px 20px 0px 20px
}
div.C_APPHOME div.C_STEPS > div
{
	flex: 1;
	text-align: center;
	border: 4px solid var(--main-active-color);
	border-radius: 20px;
	padding: 20px;
}
div.C_APPHOME div.C_STEPS > div > span
{
	display: block;
}
div.C_APPHOME div.C_STEPS > div > span > i.fa
{
	font-size: 60px;
	color: var(--main-active-color);
}
div.C_APPHOME div.C_STEPS > div > h2
{
	color: #000000;
	margin: 8px 0px 8px 0px;
}
div.C_APPHOME div.C_STEPS > div > font
{
	color: #000000;
}
div.C_APPHOME div.C_START
{
	padding: 40px 0px 40px 0px;
	text-align: center;
}
div.C_APPHOME div.C_START > button
{
}
div.C_APPHOME div.C_START > button > i.fa
{
}
div.C_APPHOME div.C_START > button > font
{
}
@media screen and (max-width: 1024px)
{
	div.C_APPHOME div.C_BANNER
	{
	}
	div.C_APPHOME div.C_BANNER > span
	{
		width: 64vw;
		height: 32vw;
	}
	div.C_APPHOME div.C_BANNER > span > button
	{
		right: 0px;
		bottom: 40px;
		transform: translateX(30%);
	}
	div.C_APPHOME div.C_SLOGAN
	{
	}
	div.C_APPHOME div.C_SLOGAN > h1
	{
		font-size: 40px;
	}
	div.C_APPHOME div.C_STEPS
	{
		gap: 32px;
	}
	div.C_APPHOME div.C_STEPS > div
	{
		border-radius: 20px;
		padding: 20px;
	}
	div.C_APPHOME div.C_STEPS > div > span
	{
	}
	div.C_APPHOME div.C_STEPS > div > span > i.fa
	{
		font-size: 60px;
	}
	div.C_APPHOME div.C_STEPS > div > h2
	{
	}
	div.C_APPHOME div.C_STEPS > div > font
	{
	}
	div.C_APPHOME div.C_START
	{
	}
	div.C_APPHOME div.C_START > button
	{
	}
	div.C_APPHOME div.C_START > button > i.fa
	{
	}
	div.C_APPHOME div.C_START > button > font
	{
	}
}
@media screen and (max-width: 640px)
{
	div.C_APPHOME
	{
		margin: 0px 0px 0px 0px;
	}
	div.C_APPHOME div.C_BANNER
	{
	}
	div.C_APPHOME div.C_BANNER > span
	{
		width: 100%;
		height: 50vw;
		border: 0px;
		border-radius: 0px;
	}
	div.C_APPHOME div.C_BANNER > span > button
	{
		right: 5vw;
		bottom: -5vw;
		transform: translateX(0%);
	}
	div.C_APPHOME div.C_SLOGAN
	{
	}
	div.C_APPHOME div.C_SLOGAN > h1
	{
        margin: 6vw 0px 6vw 0px;
        font-size: 7vw;
        line-height: 7vw;
	}
	div.C_APPHOME div.C_STEPS
	{
		gap: 4vw;
		flex-direction: column;
		padding: 0px 12vw 0px 12vw;
	}
	div.C_APPHOME div.C_STEPS > div
	{
		position: relative;
		border-radius: 4vw;
		padding: 4vw 4vw 4vw 20vw;
		line-height: 4vw;
		text-align: left;
	}
	div.C_APPHOME div.C_STEPS > div > span
	{
		position: absolute;
		left: 3vw;
		top: 5vw;
		width: 14vw;
		height: 14vw;
		text-align: center;
	}
	div.C_APPHOME div.C_STEPS > div > span > i.fa
	{
		font-size: 12vw;
		line-height: 12vw;
	}
	div.C_APPHOME div.C_STEPS > div > h2
	{
		margin: 1vw 0px 1vw 0px;
		font-size: 5vw;
		line-height: 6vw;
	}
	div.C_APPHOME div.C_STEPS > div > font
	{
		clear: both;
		font-size: 4.4vw;
		line-height: 5.4vw;
	}
	div.C_APPHOME div.C_START
	{
		padding: 5vw 0px 5vw 0px;
	}
	div.C_APPHOME div.C_START > button
	{
	}
	div.C_APPHOME div.C_START > button > i.fa
	{
	}
	div.C_APPHOME div.C_START > button > font
	{
	}
}