/* 
	grid  
	margin: 10px;
	column width: 60px;
*/

.grid16,
.container {
	margin:10px;
}

.grid16-full,
.container-full {
	margin:0px;
}

.grid16,
.container-auto {
	margin:auto;
}

.grid16 .row,
.row{
	margin: 0 -10px ;
}
.grid16 .box,
.container .box {
	margin: 10px;
	float:left;
	overflow:hidden;
}
.grid16 .box-nofloat,
.container .box-nofloat {
	margin: 10px;
	overflow:hidden;
}
.grid16 .col1,
.grid16 .col2,
.grid16 .col3,
.grid16 .col4,
.grid16 .col5,
.grid16 .col6,
.grid16 .col7,
.grid16 .col8,
.grid16 .col9,
.grid16 .col10,
.grid16 .col11,
.grid16 .col12,
.grid16 .col13,
.grid16 .col14,
.grid16 .col15,
.grid16 .col16,
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12,
.col13,
.col14,
.col15,
.col16{
	float:left;
	overflow:hidden;
	box-sizing: border-box;
}

.grid16 .col1,
.col1{
	width: 60px;
}
.grid16 .col2,
.col2{
	width: 140px;
}
.grid16 .col3,
.col3{
	width: 220px;
}
.grid16 .col4,
.col4{
	width: 300px;
}
.grid16 .col5,
.col5{
	width: 380px;
}
.grid16 .col6,
.col6{
	width: 460px;
}
.grid16 .col7,
.col7{
	width: 540px;
}
.grid16 .col8,
.col8{
	width: 620px;
}
.grid16 .col9,
.col9{
	width: 700px;
}
.grid16 .col10,
.col10{
	width: 780px;
}
.grid16 .col11,
.col11{
	width: 860px;
}
.grid16 .col12,
.col12{
	width: 940px;
}
.grid16 .col13,
.col13{
	width: 1020px;
}
.grid16 .col14,
.col14{
	width: 1100px;
}
.grid16 .col15,
.col15{
	width: 1180px;
}
.grid16 .col16,
.col16{
	width: 1260px;
}



.grid16 .span1,
.span1{
	width: 60px;
}
.grid16 .span2,
.span2{
	width: 140px;
}
.grid16 .span3,
.span3{
	width: 220px;
}
.grid16 .span4,
.span4{
	width: 300px;
}
.grid16 .span5,
.span5{
	width: 380px;
}
.grid16 .span6,
.span6{
	width: 460px;
}
.grid16 .span7,
.span7{
	width: 540px;
}
.grid16 .span8,
.span8{
	width: 620px;
}
.grid16 .span9,
.span9{
	width: 700px;
}
.grid16 .span10,
.span10{
	width: 780px;
}
.grid16 .span11,
.span11{
	width: 860px;
}
.grid16 .span12,
.span12{
	width: 940px;
}
.grid16 .span13,
.span13{
	width: 1020px;
}
.grid16 .span14,
.span14{
	width: 1100px;
}
.grid16 .span15,
.span15{
	width: 1180px;
}
.grid16 .span16,
.span16{
	width: 1260px;
}



.grid16 .col-1,
.grid16 .col-2,
.grid16 .col-3,
.grid16 .col-4,
.grid16 .col-5,
.grid16 .col-6,
.grid16 .col-7,
.grid16 .col-8,
.grid16 .col-9,
.grid16 .col-10,
.grid16 .col-11,
.grid16 .col-12,
.grid16 .col-13,
.grid16 .col-14,
.grid16 .col-15,
.grid16 .col-16{
	float:left;
	overflow:hidden;
	box-sizing: border-box;
}


/* 940px */
.grid16.span12 .per1 {
width:60px;
}
.grid16.span12 .per2 {
width:140px;
}
.grid16.span12 .per3 {
width:220px;
}
.grid16.span12 .per4 {
width:300px;
}
.grid16.span12 .per5 {
width:380px;
}
.grid16.span12 .per6 {
width:460px;
}
.grid16.span12 .per7 {
width:540px;
}
.grid16.span12 .per8 {
width:620px;
}
.grid16.span12 .per9 {
width:700px;
}
.grid16.span12 .per10 {
width:780px;
}
.grid16.span12 .per11 {
width:860px;
}

.grid16 .col-8,
.grid16.span12 .col-8 {
width:300px;
}
.grid16 .col-7,
.grid16.span12 .col-7 {
width:380px;
}
.grid16 .col-6,
.grid16.span12 .col-6 {
width:460px;
}
.grid16 .col-5,
.grid16.span12 .col-5 {
width:540px;
}
.grid16 .col-4,
.grid16.span12 .col-4 {
width:620px;
}
.grid16 .col-3,
.grid16.span12 .col-3 {
width:700px;
}
.grid16 .col-2,
.grid16.span12 .col-2 {
width:780px;
}
.grid16 .col-1,
.grid16.span12 .col-1 {
width:860px;
}


/* 1100px */
.grid16 .per1,
.grid16 .per2,
.grid16 .per3,
.grid16 .per4,
.grid16 .per5,
.grid16 .per6,
.grid16 .per7,
.grid16 .per8,
.grid16 .per9,
.grid16 .per10,
.grid16 .per11,
.grid16 .per12{
float:left;
}
.grid16.span14 .per1 {
width:73px;
}
.grid16.span14 .per2 {
width:166px;
}
.grid16.span14 .per3 {
width:260px;
}
.grid16.span14 .per4 {
width:353px;
}
.grid16.span14 .per5 {
width:446px;
}
.grid16.span14 .per6 {
width:540px;
}
.grid16.span14 .per7 {
width:633px;
}
.grid16.span14 .per8 {
width:726px;
}
.grid16.span14 .per9 {
width:820px;
}
.grid16.span14 .per10 {
width:913px;
}
.grid16.span14 .per11 {
width:1006px;
}



.grid16.span14 .col-13 {
width:60px;
}
.grid16.span14 .col-12 {
width:140px;
}
.grid16.span14 .col-11 {
width:220px;
}
.grid16.span14 .col-10 {
width:300px;
}
.grid16.span14 .col-9 {
width:380px;
}
.grid16.span14 .col-8 {
width:460px;
}
.grid16.span14 .col-7 {
width:540px;
}
.grid16.span14 .col-6 {
width:620px;
}
.grid16.span14 .col-5 {
width:700px;
}
.grid16.span14 .col-4 {
width:780px;
}
.grid16.span14 .col-3 {
width:860px;
}
.grid16.span14 .col-2 {
width:940px;
}
.grid16.span14 .col-1 {
width:1020px;
}



.grid16 .pull-center{
float:none;
}
.grid16 .pull-right{
float:right;
}