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 > a.C_BUTTON23
{
	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;
	line-height: 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 > a
{
	flex: 1;
	text-align: center;
	border: 2px solid var(--main-active-color);
	border-radius: 20px;
	padding: 20px;
	text-decoration: none;
}
div.C_APPHOME div.C_STEPS > a > span
{
	display: block;
}
div.C_APPHOME div.C_STEPS > a > span > i.fa
{
	font-size: 60px;
	color: var(--main-active-color);
}
div.C_APPHOME div.C_STEPS > a > h2
{
	color: #000000;
	margin: 8px 0px 8px 0px;
}
div.C_APPHOME div.C_STEPS > a > font
{
	color: #000000;
}
div.C_APPHOME div.C_START
{
	padding: 40px 0px 40px 0px;
	text-align: center;
}
div.C_APPHOME div.C_START > button
{
	margin: 0px auto 0px auto;
}
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 > a.C_BUTTON23
	{
		right: 0px;
		bottom: 40px;
		transform: translateX(30%);
	}
	div.C_APPHOME div.C_SLOGAN
	{
	}
	div.C_APPHOME div.C_SLOGAN > h1
	{
	}
	div.C_APPHOME div.C_STEPS
	{
		gap: 32px;
	}
	div.C_APPHOME div.C_STEPS > a
	{
		border-radius: 20px;
		padding: 20px;
	}
	div.C_APPHOME div.C_STEPS > a > span
	{
	}
	div.C_APPHOME div.C_STEPS > a > span > i.fa
	{
		font-size: 60px;
	}
	div.C_APPHOME div.C_STEPS > a > h2
	{
	}
	div.C_APPHOME div.C_STEPS > a > 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 > a.C_BUTTON23
	{
		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 > a
	{
		position: relative;
		border-radius: 4vw;
		padding: 4vw 4vw 4vw 20vw;
		line-height: 4vw;
		text-align: left;
	}
	div.C_APPHOME div.C_STEPS > a > span
	{
		position: absolute;
		left: 3vw;
		top: 5vw;
		width: 14vw;
		height: 14vw;
		text-align: center;
	}
	div.C_APPHOME div.C_STEPS > a > span > i.fa
	{
		font-size: 12vw;
		line-height: 12vw;
	}
	div.C_APPHOME div.C_STEPS > a > h2
	{
		margin: 1vw 0px 1vw 0px;
		font-size: 5vw;
		line-height: 6vw;
	}
	div.C_APPHOME div.C_STEPS > a > 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
	{
	}
}


/* STORES */
div.C_APPHOME > div.C_MOBILEAPP_TOP_STORES
{
	padding: 60px 0px 60px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 32px;
}
div.C_APPHOME > .C_MOBILEAPP_TOP_STORES > h6
{
	padding: 0px;
	margin: 0px;

	font-size: 30px;
	line-height: 30px;
	color: var(--main-active-color);
}
div.C_APPHOME > div.C_MOBILEAPP_TOP_STORES > a
{
	cursor: pointer;
}
div.C_APPHOME > div.C_MOBILEAPP_TOP_STORES > a > img
{
	width: 240px;
	height: 80px;
}

div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES
{
	padding: 60px 0px 60px 0px;
	text-align: center;
}
div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > h6
{
	padding: 0px;
	margin: 0px;

	font-size: 30px;
	line-height: 30px;
	color: var(--main-active-color);
}
div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div
{
	margin: 60px 0px 0px 0px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
}
div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > div
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > div > a
{
	cursor: pointer;
}
div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > div > a > img
{
	width: 240px;
	height: 80px;
}
div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > div > i.fa
{
	font-size: 36px;
	line-height: 36px;
	color: #777777;
}
div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > div > canvas
{
	width: 160px;
	height: 160px;
}
div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > i.fa
{
    height: 80px;
	font-size: 36px;
	line-height: 80px;
	color: #777777;
}
div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > img
{
	margin-top: -20px;
	width: 120px;
	height: 120px;
}
@media screen and (max-width: 800px)
{
	div.C_APPHOME > div.C_MOBILEAPP_TOP_STORES
	{
		padding: 6vw 0px 6vw 0px;
		gap: 3vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_TOP_STORES > h6
	{
		font-size: 3vw;
		line-height: 3vw;
	}
	div.C_APPHOME > div.C_MOBILEAPP_TOP_STORES > a > img
	{
		width: 24vw;
		height: 8vw;
	}

	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES
	{
		padding: 6vw 0px 6vw 0px;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > h6
	{
		font-size: 3vw;
		line-height: 3vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div
	{
		margin: 6vw 0px 0px 0px;
		gap: 1.6vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > a
	{
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > a > img
	{
		width: 24vw;
		height: 8vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > i.fa
	{
		font-size: 3.6vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > img
	{
		margin-top: -1vw;
		width: 12vw;
		height: 12vw;
	}
}
@media screen and (max-width: 640px)
{
	div.C_APPHOME > div.C_MOBILEAPP_TOP_STORES
	{
		flex-direction: column;
		margin: 6vw 0px 0px 0px;
		gap: 3vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_TOP_STORES > h6
	{
		font-size: 5vw;
		line-height: 5vw;
	}
	div.C_APPHOME > div.C_MOBILEAPP_TOP_STORES > a > img
	{
		width: 48vw;
		height: 16vw;
	}

	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES
	{
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > h6
	{
		font-size: 5vw;
		line-height: 5vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div
	{
		flex-direction: column;
		justify-content: center;
		align-items: center;
        		
		margin: 6vw 0px 0px 0px;
		gap: 3vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > div
	{
	    gap: 3vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > div > a
	{
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > div > a > img
	{
		width: 48vw;
		height: 16vw;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > i.fa
	{
		transform: rotate(90deg);
		font-size: 7vw;
		line-height: 7vw;
		height: auto;
	}
	div.C_APPHOME > .C_MOBILEAPP_BOTTOM_STORES > div > img
	{
		transform: rotate(-90deg);
		width: 20vw;
		height: 20vw;
	}
}