/*float*/
.f_left {float:left;}
.f_right{float:right;}

/*align*/
.txt_al_cen {text-align:center;}	 
.txt_al_left {text-align:left;}
.txt_al_right {text-align:right;}

 /*font-color*/
.color_fff{color:#fff;}	   
.color_red{color:#ae0101;}
.color_blue{color:#0f75bc;}	
.color_orange{color:#ff9000;} 
.color_pink{color:#ed0e8f;}
.color_green{color:#0b9444;} 
.color_yellow_green{color:#8ec63f}
.color_3{color:#333333;}

 /*background-color*/
.bg_green {background:#0b9444;}
.bg_yellow {background:#f7c55b;}
.bg_orange{background:#f1592a;} 
.bg_blue {background:#0195da;}	 
.bg_green_light {background:#9eca6c;}
.bg_fa {background:#fafafa;}
.bg_e{background:#eee;} 
.bg_3{background:#333;}

/*font*/
.f080em{font-size:0.8em;}	 
.f120em{font-size:1.2em;}	 
.f125em{font-size:1.25em;}
.f150em{font-size:1.5em;}	 
.f200em{font-size:2em;}	
.f250em{font-size:2.5em;}	 
.f300em{font-size:3em;}

.b200 {font-weight:300;}
.b300 {font-weight:300;}  
.b400 {font-weight:400;}
.b700 {font-weight:700;}
.b900 {font-weight:900;}

.lh12{line-height:1.2;}	  
.lh15{line-height:1.5;}
.lh20{line-height:2;}

/* padding*/
.pa05 {padding:5px;}
.pa10 {padding:10px;}
.pa20 {padding:20px;}
.pa30 {padding:30px;}
.pa40 {padding:40px;}
.pa50 {padding:50px;}
.pa60 {padding:60px;}

.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}	  
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}

.pb05 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}

.pl05 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl100 {padding-left:100px;}

.pr05 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}	
.pr100 {padding-right:100px;}

/* margin*/		 
.mt00 {margin-top:0 !important;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}

.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}

/*width*/		  
.wid100{width:100%;}  	 
.wid16{width:16.66%;}	 	 
.wid20{width:20%;}	 
.wid25{width:25%;}	 
.wid30{width:30%;}
.wid33{width:33.333333333%;}	 
.wid48{width:48%;}	   
.wid50{width:50%;}
.wid70{width:70%;}
.wid80{width:80%;}
.wid300px{width:300px;}		   
.wid400px{width:400px;}	
.wid1200px{width:1200px; margin:0 auto;}

/*border*/
.bd_1_fff {border:1px solid #fff;}	   
.bd_1_ce {border:1px solid #cecece;}
.bd_bt_1_ce {border-bottom:1px solid #cecece;}	   
.bd_r_ce {border-right:1px solid #cecece;}

/*box*/
.box_gray {background:#fafafa; border-bottom:1px dashed #ccc; border-top:1px solid #000; padding:10px;}