/* clearfix */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	}
	
/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block; 
}
/**/

/* margin padding */
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}

.ptb10{padding-top: 10px;padding-bottom: 10px;}
.plr10{padding-left: 10px; padding-right: 10px;}

/* font color */
.red{color: #F00;}
.blk{color: #333;}
.gry{color: #CCC;}