.rGrid{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*margin 0px*/
.rGrid > .rCol {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width:100%;
}
.rGrid > .rCol1 {
	-webkit-box-flex: 0;
	-ms-flex: 8.333333%;
	flex: 8.333333%;
	max-width: 8.333333%;
}
.rGrid > .rCol2 {
	-webkit-box-flex: 0;
	-ms-flex: 16.666667%;
	flex: 16.666667%;
	max-width: 16.666667%;
}
.rGrid > .rCol3 {
	-webkit-box-flex: 0;
	-ms-flex: 25%;
	flex: 25%;
	max-width: 25%;
}
.rGrid > .rCol4 {
	-webkit-box-flex: 0;
	-ms-flex: 33.333333%;
	flex: 33.333333%;
	max-width: 33.333333%;
}
.rGrid > .rCol5 {
	-webkit-box-flex: 0;
	-ms-flex: 41.666667%;
	flex: 41.666667%;
	max-width: 41.666667%;
}
.rGrid > .rCol6{
	-webkit-box-flex: 0;
	-ms-flex: 50%;
	flex: 50%;
	max-width: 50%;
}
.rGrid > .rCol7 {
	-webkit-box-flex: 0;
	-ms-flex: 58.333333%;
	flex: 58.333333%;
	max-width: 58.333333%;
}
.rGrid > .rCol8 {
	-webkit-box-flex: 0;
	-ms-flex: 66.666667%;
	flex: 66.666667%;
	max-width: 66.666667%;
}
.rGrid > .rCol9 {
	-webkit-box-flex: 0;
	-ms-flex: 75%;
	flex: 75%;
	max-width: 75%;
}
.rGrid > .rCol10 {
	-webkit-box-flex: 0;
	-ms-flex: 83.333333%;
	flex: 83.333333%;
	max-width: 83.333333%;
}
.rGrid > .rCol11 {
	-webkit-box-flex: 0;
	-ms-flex: 91.666667%;
	flex: 91.666667%;
	max-width: 91.666667%;
}
.rGrid > .rCol12 {
	-webkit-box-flex: 0;
	-ms-flex: 100%;
	flex: 100%;
	max-width: 100%;
}
/*margin 10px*/
.rGrid.rM10 > .rCol {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: calc(100% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol1 {
	-webkit-box-flex: 0;
	-ms-flex: calc(8.333333% - 10px);
	flex: calc(8.333333% - 10px)%;
	max-width: calc(8.333333% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol2 {
	-webkit-box-flex: 0;
	-ms-flex: calc(16.666667% - 10px);
	flex: calc(16.666667% - 10px);
	max-width: calc(16.666667% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol3 {
	-webkit-box-flex: 0;
	-ms-flex: calc(25% - 10px);
	flex: calc(25% - 10px);
	max-width: calc(25% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol4 {
	-webkit-box-flex: 0;
	-ms-flex: calc(33.333333% - 10px);
	flex: calc(33.333333% - 10px);
	max-width: calc(33.333333% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol5 {
	-webkit-box-flex: 0;
	-ms-flex: calc(41.666667% - 10px);
	flex: calc(41.666667% - 10px);
	max-width: calc(41.666667% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol6{
	-webkit-box-flex: 0;
	-ms-flex: calc(50% - 10px);
	flex: calc(50% - 10px);
	max-width: calc(50% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol7 {
	-webkit-box-flex: 0;
	-ms-flex: calc(58.333333% - 10px);
	flex: calc(58.333333% - 10px);
	max-width: calc(58.333333% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol8 {
	-webkit-box-flex: 0;
	-ms-flex: calc(66.666667% - 10px);
	flex: calc(66.666667% - 10px);
	max-width: calc(66.666667% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol9 {
	-webkit-box-flex: 0;
	-ms-flex: calc(75% - 10px);
	flex: calc(75% - 10px);
	max-width: calc(75% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol10 {
	-webkit-box-flex: 0;
	-ms-flex: calc(83.333333% - 10px);
	flex: calc(83.333333% - 10px);
	max-width: calc(83.333333% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol11 {
	-webkit-box-flex: 0;
	-ms-flex: calc(91.666667% - 10px);
	flex: calc(91.666667% - 10px);
	max-width: calc(91.666667% - 10px);
	margin:0 0 0 10px;
}
.rGrid.rM10 > .rCol12 {
	-webkit-box-flex: 0;
	-ms-flex: calc(100% - 10px);
	flex: calc(100% - 10px);
	max-width: calc(100% - 10px);
	margin:0 0 0 10px;
}
/*margin 20px*/
.rGrid.rM20 > .rCol {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: calc(100% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol1 {
	-webkit-box-flex: 0;
	-ms-flex: calc(8.333333% - 20px);
	flex: calc(8.333333% - 20px)%;
	max-width: calc(8.333333% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol2 {
	-webkit-box-flex: 0;
	-ms-flex: calc(16.666667% - 20px);
	flex: calc(16.666667% - 20px);
	max-width: calc(16.666667% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol3 {
	-webkit-box-flex: 0;
	-ms-flex: calc(25% - 20px);
	flex: calc(25% - 20px);
	max-width: calc(25% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol4 {
	-webkit-box-flex: 0;
	-ms-flex: calc(33.333333% - 20px);
	flex: calc(33.333333% - 20px);
	max-width: calc(33.333333% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol5 {
	-webkit-box-flex: 0;
	-ms-flex: calc(41.666667% - 20px);
	flex: calc(41.666667% - 20px);
	max-width: calc(41.666667% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol6{
	-webkit-box-flex: 0;
	-ms-flex: calc(50% - 20px);
	flex: calc(50% - 20px);
	max-width: calc(50% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol7 {
	-webkit-box-flex: 0;
	-ms-flex: calc(58.333333% - 20px);
	flex: calc(58.333333% - 20px);
	max-width: calc(58.333333% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol8 {
	-webkit-box-flex: 0;
	-ms-flex: calc(66.666667% - 20px);
	flex: calc(66.666667% - 20px);
	max-width: calc(66.666667% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol9 {
	-webkit-box-flex: 0;
	-ms-flex: calc(75% - 20px);
	flex: calc(75% - 20px);
	max-width: calc(75% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol10 {
	-webkit-box-flex: 0;
	-ms-flex: calc(83.333333% - 20px);
	flex: calc(83.333333% - 20px);
	max-width: calc(83.333333% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol11 {
	-webkit-box-flex: 0;
	-ms-flex: calc(91.666667% - 20px);
	flex: calc(91.666667% - 20px);
	max-width: calc(91.666667% - 20px);
	margin:0 0 0 20px;
}
.rGrid.rM20 > .rCol12 {
	-webkit-box-flex: 0;
	-ms-flex: calc(100% - 20px);
	flex: calc(100% - 20px);
	max-width: calc(100% - 20px);
	margin:0 0 0 20px;
}
/*margin 30px*/
.rGrid.rM30 > .rCol {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: calc(100% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol1 {
	-webkit-box-flex: 0;
	-ms-flex: calc(8.333333% - 30px);
	flex: calc(8.333333% - 30px)%;
	max-width: calc(8.333333% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol2 {
	-webkit-box-flex: 0;
	-ms-flex: calc(16.666667% - 30px);
	flex: calc(16.666667% - 30px);
	max-width: calc(16.666667% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol3 {
	-webkit-box-flex: 0;
	-ms-flex: calc(25% - 30px);
	flex: calc(25% - 30px);
	max-width: calc(25% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol4 {
	-webkit-box-flex: 0;
	-ms-flex: calc(33.333333% - 30px);
	flex: calc(33.333333% - 30px);
	max-width: calc(33.333333% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol5 {
	-webkit-box-flex: 0;
	-ms-flex: calc(41.666667% - 30px);
	flex: calc(41.666667% - 30px);
	max-width: calc(41.666667% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol6{
	-webkit-box-flex: 0;
	-ms-flex: calc(50% - 30px);
	flex: calc(50% - 30px);
	max-width: calc(50% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol7 {
	-webkit-box-flex: 0;
	-ms-flex: calc(58.333333% - 30px);
	flex: calc(58.333333% - 30px);
	max-width: calc(58.333333% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol8 {
	-webkit-box-flex: 0;
	-ms-flex: calc(66.666667% - 30px);
	flex: calc(66.666667% - 30px);
	max-width: calc(66.666667% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol9 {
	-webkit-box-flex: 0;
	-ms-flex: calc(75% - 30px);
	flex: calc(75% - 30px);
	max-width: calc(75% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol10 {
	-webkit-box-flex: 0;
	-ms-flex: calc(83.333333% - 30px);
	flex: calc(83.333333% - 30px);
	max-width: calc(83.333333% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol11 {
	-webkit-box-flex: 0;
	-ms-flex: calc(91.666667% - 30px);
	flex: calc(91.666667% - 30px);
	max-width: calc(91.666667% - 30px);
	margin:0 0 0 30px;
}
.rGrid.rM30 > .rCol12 {
	-webkit-box-flex: 0;
	-ms-flex: calc(100% - 30px);
	flex: calc(100% - 30px);
	max-width: calc(100% - 30px);
	margin:0 0 0 30px;
}
/*margin 40px*/
.rGrid.rM40 > .rCol {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: calc(100% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol1 {
	-webkit-box-flex: 0;
	-ms-flex: calc(8.333333% - 40px);
	flex: calc(8.333333% - 40px)%;
	max-width: calc(8.333333% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol2 {
	-webkit-box-flex: 0;
	-ms-flex: calc(16.666667% - 40px);
	flex: calc(16.666667% - 40px);
	max-width: calc(16.666667% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol3 {
	-webkit-box-flex: 0;
	-ms-flex: calc(25% - 40px);
	flex: calc(25% - 40px);
	max-width: calc(25% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol4 {
	-webkit-box-flex: 0;
	-ms-flex: calc(33.333333% - 40px);
	flex: calc(33.333333% - 40px);
	max-width: calc(33.333333% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol5 {
	-webkit-box-flex: 0;
	-ms-flex: calc(41.666667% - 40px);
	flex: calc(41.666667% - 40px);
	max-width: calc(41.666667% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol6{
	-webkit-box-flex: 0;
	-ms-flex: calc(50% - 40px);
	flex: calc(50% - 40px);
	max-width: calc(50% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol7 {
	-webkit-box-flex: 0;
	-ms-flex: calc(58.333333% - 40px);
	flex: calc(58.333333% - 40px);
	max-width: calc(58.333333% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol8 {
	-webkit-box-flex: 0;
	-ms-flex: calc(66.666667% - 40px);
	flex: calc(66.666667% - 40px);
	max-width: calc(66.666667% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol9 {
	-webkit-box-flex: 0;
	-ms-flex: calc(75% - 40px);
	flex: calc(75% - 40px);
	max-width: calc(75% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol10 {
	-webkit-box-flex: 0;
	-ms-flex: calc(83.333333% - 40px);
	flex: calc(83.333333% - 40px);
	max-width: calc(83.333333% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol11 {
	-webkit-box-flex: 0;
	-ms-flex: calc(91.666667% - 40px);
	flex: calc(91.666667% - 40px);
	max-width: calc(91.666667% - 40px);
	margin:0 0 0 40px;
}
.rGrid.rM40 > .rCol12 {
	-webkit-box-flex: 0;
	-ms-flex: calc(100% - 40px);
	flex: calc(100% - 40px);
	max-width: calc(100% - 40px);
	margin:0 0 0 40px;
}
/*margin 50px*/
.rGrid.rM50 > .rCol {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: calc(100% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol1 {
	-webkit-box-flex: 0;
	-ms-flex: calc(8.333333% - 50px);
	flex: calc(8.333333% - 50px)%;
	max-width: calc(8.333333% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol2 {
	-webkit-box-flex: 0;
	-ms-flex: calc(16.666667% - 50px);
	flex: calc(16.666667% - 50px);
	max-width: calc(16.666667% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol3 {
	-webkit-box-flex: 0;
	-ms-flex: calc(25% - 50px);
	flex: calc(25% - 50px);
	max-width: calc(25% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol4 {
	-webkit-box-flex: 0;
	-ms-flex: calc(33.333333% - 50px);
	flex: calc(33.333333% - 50px);
	max-width: calc(33.333333% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol5 {
	-webkit-box-flex: 0;
	-ms-flex: calc(41.666667% - 50px);
	flex: calc(41.666667% - 50px);
	max-width: calc(41.666667% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol6{
	-webkit-box-flex: 0;
	-ms-flex: calc(50% - 50px);
	flex: calc(50% - 50px);
	max-width: calc(50% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol7 {
	-webkit-box-flex: 0;
	-ms-flex: calc(58.333333% - 50px);
	flex: calc(58.333333% - 50px);
	max-width: calc(58.333333% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol8 {
	-webkit-box-flex: 0;
	-ms-flex: calc(66.666667% - 50px);
	flex: calc(66.666667% - 50px);
	max-width: calc(66.666667% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol9 {
	-webkit-box-flex: 0;
	-ms-flex: calc(75% - 50px);
	flex: calc(75% - 50px);
	max-width: calc(75% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol10 {
	-webkit-box-flex: 0;
	-ms-flex: calc(83.333333% - 50px);
	flex: calc(83.333333% - 50px);
	max-width: calc(83.333333% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol11 {
	-webkit-box-flex: 0;
	-ms-flex: calc(91.666667% - 50px);
	flex: calc(91.666667% - 50px);
	max-width: calc(91.666667% - 50px);
	margin:0 0 0 50px;
}
.rGrid.rM50 > .rCol12 {
	-webkit-box-flex: 0;
	-ms-flex: calc(100% - 50px);
	flex: calc(100% - 50px);
	max-width: calc(100% - 50px);
	margin:0 0 0 50px;
}


.rM10{
	margin:0 0 0 -10px;
}
.rM20{
	margin:0 0 0 -20px;
}
.rM30{
	margin:0 0 0 -30px;
}
.rM40{
	margin:0 0 0 -40px;
}
.rM50{
	margin:0 0 0 -50px;
}

.rvStart{
	align-items: flex-start;
}
.rvCenter{
	align-items: center;
}
.rvEnd{
	align-items: flex-end;
}
.rhStart{
	justify-content:flex-start;
}
.rhCenter{
	justify-content:center;
}
.rhEnd{
	justify-content:flex-end;
}
.rhAround{
	justify-content:space-around;
}
.rhBetween{
	justify-content:space-between;
}


.rhReverse{
	flex-direction:row-reverse
}