.f12px {
	font-size: 12px;
}

.f13px {
	font-size: 13px;
}

.f14px {
	font-size: 14px;
}

.f16px {
	font-size: 16px;
}

.f18px {
	font-size: 18px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.pos_re {
	position: relative;
}

.pos_ab {
	position: absolute;
}

.w100per {
	width: 100%;
}

.w10 {
	width: 10%;
}

.w20 {
	width: 20%;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w80 {
	width: 80%;
}

.w90 {
	width: 90%;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.block {
	display: block;
}

.hide {
	display: none;
}

.blue {
	color: blue;
}

.red {
	color: red;
}

.gray {
	color: gray;
}

.green {
	color: green;
}

.mar-left5 {
	margin-left: 5px;
}

.mar-left10 {
	margin-left: 10px;
}

.mar-left15 {
	margin-left: 15px;
}

.mar-left20 {
	margin-left: 20px;
}

.mar-rig5 {
	margin-right: 5px;
}

.mar-rig10 {
	margin-right: 10px;
}

.mar-rig15 {
	margin-right: 15px;
}

.mar-rig20 {
	margin-right: 20px;
}

.mar-top5 {
	margin-top: 5px;
}

.mar-top10 {
	margin-top: 10px;
}

.mar-top15 {
	margin-top: 15px;
}

.mar-top20 {
	margin-top: 20px;
}
.mar-top30 {
	margin-top: 30px;
}

.mar-bot5 {
	margin-bottom: 5px;
}

.mar-bot10 {
	margin-bottom: 10px;
}

.mar-bot15 {
	margin-bottom: 15px;
}

.mar-bot20 {
	margin-bottom: 20px;
}
.mar-bot25 {
	margin-bottom: 25px;
}
.mar-bot30 {
	margin-bottom: 30px;
}
.pad-left5 {
	padding-left: 5px;
}

.pad-left10 {
	padding-left: 10px;
}

.pad-left15 {
	padding-left: 15px;
}

.pad-rig5 {
	padding-right: 5px;
}

.pad-rig10 {
	padding-right: 10px;
}

.pad-rig15 {
	padding-right: 15px;
}

.pad-top5 {
	padding-top: 5px;
}

.pad-top10 {
	padding-top: 10px;
}

.pad-top15 {
	padding-top: 15px;
}

.pad-bot5 {
	padding-bottom: 5px;
}

.pad-bot10 {
	padding-bottom: 10px;
}

.pad-bot15 {
	padding-bottom: 15px;
}