/*border*/
.border {
	border: 1px solid black;
}
.border-b {
	border-bottom: 1px solid black;
}

/*border-collapse*/
.border-collapse {
	border-collapse: collapse;
}

/*clear*/
.clear-both {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}

/*color*/
.text-red {
	color: red;
}

/*float*/
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-none {
	float: none;
}

/*font-size*/
.text-3xs {
	font-size: 0.5rem;
	line-height: 0.75rem;
}
.text-2xs {
	font-size: 0.625rem;
	line-height: 0.875rem;
}
.text-xs {
	font-size: 0.75rem;
	line-height: 1rem;
}
.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}
.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
}
.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
}
.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem;
}
.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem;
}
.text-5xl {
	font-size: 3rem;
}
.text-6xl {
	font-size: 3.75rem;
}
.text-7xl {
	font-size: 4.5rem;
}
.text-8xl {
	font-size: 6rem;
}
.text-9xl {
	font-size: 8rem;
}

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

.font-semibold {
	font-weight: 600;
}

/*font-family*/
.font-mono {
	font-family: monospace, Consolas, 'Courier New';
}

.font-sans {
	font-family: sans-serif;
}


/*line-height*/
.leading-none {
	line-height: 1;
}
.leading-2 {
	line-height: 2;
}


/*margin*/
.m-auto {
	margin: auto;
}
.ml-20px {
	margin-left: 20px;
}
.mt-0 {
	margin-top: 0;
}
.mt-10px {
	margin-top: 10px;
}
.mt-20px {
	margin-top: 20px;
}
.mr-20px {
	margin-right: 20px;
}

/*padding*/
.pb-20px {
	padding-bottom: 20px;
}
.pl-20px {
	padding-left: 20px;
}
.pt-0 {
	padding-top: 0;
}
.pt-20px {
	padding-top: 20px;
}
.pt-30px {
	padding-top: 30px;
}

/*size*/
.size-auto {
	width: auto;
	height: auto;
}

/*text-align*/
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

/*vertical-align*/
.align-middle {
	vertical-align: middle;
}

/*max-width*/
.max-w-1/5 {
	max-width:20%;
}

/*width*/
.w-7xs {
	width: 8rem;
}
.w-6xs {
	width: 10rem;
}
.w-5xs {
	width: 12rem;
}
.w-4xs {
	width: 14rem;
}
.w-3xs {
	width: 16rem;
}
.w-2xs {
	width: 18rem;
}
.w-xs {
	width: 20rem;
}
.w-sm {
	width: 24rem;
}
.w-md {
	width: 28rem;
}
.w-lg {
	width: 32rem;
}
.w-xl {
	width: 36rem;
}
.w-2xl {
	width: 42rem;
}
.w-3xl {
	width: 48rem;
}
.w-4xl {
	width: 56rem;
}
.w-5xl {
	width: 64rem;
}
.w-6xl {
	width: 72rem;
}
.w-7xl {
	width: 80rem;
}
.w-auto {
	width: auto;
}
.w-1/5 {
	width:20%;
}
.w-1/4 {
	width:25%;
}
.w-3/10 {
	width:30%;
}
.w-1/2 {
	width: 50%;
}
.w-3/5 {
	width: 60%;
}
.w-4/5 {
	width: 80%;
}
.w-full {
	width: 100%;
}