/*DISPLAY*/
html,body{height: 100%;background-color: #8888; padding: 0; margin: 0}
.dp-flx{display: flex; flex-direction: column; justify-content: center; text-align: center;align-items: center}
.d-b{display: block;}


/*COLOR*/
.c-w{color: white}
.c-ig{background-color: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}


/*LINK*/
#link{color: black;text-decoration: none;}
#b-link{background-color: #fff; border-radius: 50px; font-size: 20px; font-weight: 500; font-family: Noto Sans SC;padding: 10px}


/*FONT*/
	/*FONT-FAMILY*/
	#ft-zh{font-family: Ma Shan Zheng}
	#ft-eng{font-family: Acme}
	#ft-noto{font-family: Noto Sans SC}
	#ft-mooli{font-family: Mooli}
	#ft-xiaowei{font-family: ZCOOL XiaoWei}

	/*FONT-SIZE*/
	.fs-15{font-size: 15px}
	.fs-20{font-size: 20px}
	.fs-25{font-size: 25px}
	.fs-30{font-size: 30px}
	.fs-35{font-size: 35px}
	.fs-40{font-size: 40px}
	.fs-45{font-size: 45px}
	.fs-50{font-size: 50px}

	/*FONT-WEIGHT*/
	.fw-400{font-weight: 400}
	.fw-500{font-weight: 500}
	.fw-600{font-weight: 600}
	.fw-700{font-weight: 700}
	.fw-800{font-weight: 800}
	.fw-900{font-weight: 900}


/*BACKGROUND*/
.bg-fff{background-color: #fff}


/*BORDER*/
	/*BORDER-RADIUS*/
	.br-50px{border-radius: 50px}
	.br-50{border-radius: 50%}


/*WIDTH*/
	/*PIXEL*/
	.w-20px{width: 20px}
	.w-25px{width: 25px}
	.w-30px{width: 30px}
	.w-35px{width: 35px}
	.w-40px{width: 40px}
	.w-45px{width: 45px}
	.w-50px{width: 50px}
	.w-55px{width: 55px}
	.w-60px{width: 60px}
	.w-65px{width: 65px}
	.w-100px{width: 100px}

	/*PERCENT*/
	.w-40{width: 40%}
	.w-50{width: 50%}
	.w-95{width: 95%}
	.w-100{width:100%}


/*HEIGHT*/
.h-100{height: 100%}


/*PADDING*/
.p-10px{padding: 10px}
.p-25px{padding: 25px}


/*MARGIN*/
	/*MARGIN-TOP*/
	.mt-20px{margin-top: 20px}
	.mt-30px{margin-top: 30px}

	/*MARGIN-BOTTOM*/
	.mb-10px{margin-bottom: 10px}