@charset "UTF-8";
/**
 * Grid
 * @authors leedow (644743991@qq.com)
 * @website http://www.leedow.com
 * @date    2015-05-17 12:01:55
 * @version $Id$
 */
@w-1: 8.333333%;
@w-2: 16.666666%;
@w-3: 25%;
@w-4: 33.333333%;
@w-5: 41.666666%;
@w-6: 50%;
@w-7: 58.333333%;
@w-8: 66.666666%;
@w-9: 75%;
@w-10: 83.333333%;
@w-11: 91.666666%;

.col{
	float:left;
	display: block;

 
}

.@{prefix}{
	&ovf{
		overflow: hidden;	
	}

	&hf{
		height: 100%;
	}

	&row{
	 	&:after{
	 		display: block;
	 		content: '';
	 		width: 100%;
	 		clear:both;
	 		height:0;
	 		line-height: 0;
	 		overflow: hidden;
	 	}
	}

	&col{
		float:left;
	}

	&col-1{
		.col;
		width: @w-1;
	}

	&col-2{
		.col;
		width: @w-2;
	}

	&col-3{
		.col;
		width: @w-3;
	}

	&col-4{
		.col;
		width: @w-4;
	}

	&col-5{
		.col;
		width: @w-5;
	}

	&col-6{
		.col;
		width: @w-6;
	}

	&col-7{
		.col;
		width: @w-7;
	}

	&col-8{
		.col;
		width: @w-8;
	}

	&col-9{
		.col;
		width: @w-9;
	}

	&col-10{
		.col;
		width: @w-10;
	}

	&col-11 {
		.col;
		width: @w-11;
	}

	&offset-1{
		margin-left: @w-1;
	}

	&offset-2{
		margin-left: @w-2;
	}

	&offset-3{
		margin-left: @w-3;
	}

	&offset-4{
		margin-left: @w-4;
	}

	&offset-5{
		margin-left: @w-5;
	}

	&offset-6{
		margin-left: @w-6;
	}

	&offset-7{
		margin-left: @w-7;
	}

	&offset-8{
		margin-left: @w-8;
	}

	&offset-9{
		margin-left: @w-9;
	}

	&offset-10{
		margin-left: @w-10;
	}

	&offset-11{
		margin-left: @w-11;
	}


	&offset-1-r{
		margin-right: @w-1;
	}

	&offset-2-r{
		margin-right: @w-2;
	}

	&offset-3-r{
		margin-right: @w-3;
	}

	&offset-4-r{
		margin-right: @w-4;
	}

	&offset-5-r{
		margin-right: @w-5;
	}

	&offset-6-r{
		margin-right: @w-6;
	}

	&offset-7-r{
		margin-right: @w-7;
	}

	&offset-8-r{
		margin-right: @w-8;
	}

	&offset-9-r{
		margin-right: @w-9;
	}

	&offset-10-r{
		margin-right: @w-10;
	}

	&offset-11-r{
		margin-right: @w-11;
	}
}