.m5 { margin:5px;}
.m10 { margin:10px;}
.m15 { margin:15px;}
.ml5 { margin-left: 5px; }
.mt5{margin-top:5px}
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.mr10 { margin-right:10px;}
.mt10 { margin-top:10px;}
.mt20{margin-top:20px}

.pl0{padding-left:0px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.p10 { padding:10px;}
.p5 { padding:5px;}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font22 {font-size:22px;}
.fbold {font-weight:bold;}

.color_gray { color: #aaa; }
.color_red { color: red; }
.color_blue{color:#0094ff}
.color_666{color:#666}
.color_green{color:green}
.color_ff00{color:#FF00FF}
.color_orange {color:orange}
.bg_d32f30{background: #d32f30;}

.f_left{float:left}
.f_right{float:right}
.clear{clear:both}

.w50 { width:50px;}
.w100 { width:100px;}

.va_top { vertical-align:top;}
.t_right{text-align:right}
.t_center{text-align:center}
.t_left{text-align:left}