/***---response---***/
*,*:before,*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*(min-width:1024px)*/
@media screen and (min-width: 1024px){
	.container{
		margin: 0 auto;
	}
	.row{
		position: relative;
	}
	.row:last-of-type{
		margin-bottom: 0;
	}
	.column{
		float: left;
		width: 100%;
	}
	/*--1/2--*/
	.half{
		width: 50%;
	}
	/*--1/3--*/
	.third{
		width:33.3333%;
	}
	/*--2/3--*/
	.two-thirds{
		width: 66.6667%;
	}
	/*--1/4--*/
	.fourth{
		width:25%;
	}
	/*--3/4--*/
	.three-fourths{
		width:75%;
	}
	/*--1/5--*/
	.fifth{
		width:20%;
	}
	/*--2/5--*/
	.two-fifths{
		width:40%;
	}
	/*--3/5--*/
	.three-fifths{
		width:60%;
	}
	/*--4/5--*/
	.four-fifths{
		width:80%;
	}
	/*--1/6--*/
	.sixth{
		width: 16.6667%;
	}
	/*--5/6--*/
	.five-sixths{
		width: 83.3333%;
	}
	/*--1/7--*/
	.seventh{
		width: 14.2857%;
	}
	/*--2/7--*/
	.two-sevenths{
		width: 28.5714%;
	}
	/*--3/7--*/
	.three-sevenths{
		width: 42.8571%;
	}
	/*--4/7--*/
	.four-sevenths{
		width: 57.1429%;
	}
	/*--5/7--*/
	.five-sevenths{
		width: 71.4286%;
	}
	/*--6/7--*/
	.six-sevenths{
		width: 85.7143%;
	}
	/*--1/8--*/
	.eighth{
		width:12.5%;
	}
	/*--3/8--*/
	.three-eighths{
		width:37.5%;
	}
	/*--5/8--*/
	.five-eighths{
		width:62.5%;
	}
	/*--7/8--*/
	.seven-eighths{
		width:87.5%;
	}
	/*--1/9--*/
	.ninth{
		width:11.1111%;
	}
	/*--2/9--*/
	.two-ninths{
		width:22.2222%;
	}
	/*--4/9--*/
	.four-ninths{
		width:44.4444%;
	}
	/*--5/9--*/
	.five-ninths{
		width:55.5556%;
	}
	/*--7/9--*/
	.seven-ninths{
		width:77.7778%;
	}
	/*--8/9--*/
	.eight-ninths{
		width:88.8889%;
	}
	/*--1/10--*/
	.tenth{
		width: 10%;
	}
	/*--3/10--*/
	.three-tenths{
		width: 30%;
	}
	/*--7/10--*/
	.seven-tenths{
		width: 70%;
	}
	/*--9/10--*/
	.nine-tenths{
		width: 90%;
	}
	/**反向文档流**/
	.flow-opposite{
		float: right;
	}
}

/*(max-width: 1024px) and (min-width:768px)*/
@media only screen and (max-width: 1024px) and (min-width: 768px){
	
}

@media only screen and (max-width: 768px){
	
}