.flex{
	display: flex;
}
.flex-1{
	flex: 1;
}
.wrap{
	flex-wrap: wrap;
}
.nowrap{
	flex-wrap: nowrap;
	white-space: nowrap;
}
.row{
	flex-direction: row;
}
.column{
	flex-direction: column;
}
.hidden{
	overflow: hidden;
}
.auto{
	overflow: auto;
}
.ai-c{
	align-items: center;
}
.ai-e{
	align-items: end;
}
.jc-se{
	justify-content: space-evenly;
}
.jc-sa{
	justify-content: space-around;
}
.jc-sb{
	justify-content: space-between;
}
.jc-c{
	justify-content: center;
}
.jc-e{
	justify-content: flex-end;
}
.mt-1{
	margin-top: 10px;
}
.mt-2{
	margin-top: 20px;
}
.mt-3{
	margin-top: 30px;
}
.ml-1{
	margin-left: 10px;
}
.ml-2{
	margin-left: 20px;
}
.ml-3{
	margin-left: 30px;
}
.mb-1{
	margin-bottom: 10px;
}
.mb-2{
	margin-bottom: 20px;
}
.mb-3{
	margin-bottom: 30px;
}
.mr-1{
	margin-right: 10px;
}
.mr-2{
	margin-right: 20px;
}
.mr-3{
	margin-right: 30px;
}
.ta-c{
	text-align: center;
}
.ta-l{
	text-align: left;
}
.cursor{
	cursor: pointer;
}
.pos-r{
	position: relative;
}
.pos-a{
	position: absolute;
}
.pos-f{
	position: fixed;
}
.max-w{
    width: 100%;
}
.max-h{
    height: 100%;
}
.fz-12{
	font-size: 12px;
}
.fz-14{
	font-size: 14px;
}
.fz-16{
	font-size: 16px;
}
.fz-18{
	font-size: 18px;
}
.fz-20{
	font-size: 20px;
}
.fz-22{
	font-size: 22px;
}
.fz-24{
	font-size: 24px;
}
.fz-26{
	font-size: 26px;
}
.fz-28{
	font-size: 28px;
}
.fc-w{
	color: white;
}
.fc-b{
	color: black;
}
.fc-r{
	color: red;
}
.fw-b{
	font-weight: bold;
}