*{
	box-sizing: border-box;	
}
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.collapse {
	-webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}
.on-320, .on-480, .on-767, .on-989, .on-1279, .on-1359 {
	display: none;
}
.off {	
	display: none;			
}
.box-container {
	margin: 0 auto;
	/*width: 1440px;*/
	width: 940px;
}
.box-fluid-container {
	margin: 0 auto;
	max-width: 1680px;
	padding: 0;
}
.box-row [class*="fluid-box"], .box-container [class*="fluid-box"], .box-fluid-container [class*="fluid-box"] {
	float: left;
	min-height: 1px;
	box-sizing: border-box;
}
.box-row.box-float-right [class*="fluid-box"], .box-container.box-float-right [class*="fluid-box"], .box-fluid-container.box-float-right [class*="fluid-box"] {
	float: right;
}
.box-row [class*="fluid-box"] {
	padding-right: 15px;
	padding-left: 15px;
}
.box-row {
	margin-left: -15px;
	margin-right: -15px;
}
.box-container:before,
.box-container:after,
.box-fluid-container:before,
.box-fluid-container:after,
.box-row:before,
.box-row:after,
.box-row [class*="fluid-box"]:before, 
.box-row [class*="fluid-box"]:after{
  display: table;
  content: " ";
}
.box-container:after,
.box-fluid-container:after,
.box-row:after {
  clear: both;
}
.fluid-box-1 {
  width: 100%;
}
.fluid-box-2 {
  width: 50%;
}
.fluid-box-3 {
  width: 33.333%;
}
.fluid-box-4 {
  width: 25%;
}
.fluid-box-5 {
  width: 20%;
}
.fluid-box-6 {
  width: 15%;
}
.fluid-box-1-12 {
  width: 8.33333333%;
}
.fluid-box-2-12 {
  width: 16.66666666%;
}
.fluid-box-3-12 {
  width: 24.99999999%;
}
.fluid-box-4-12 {
  width: 33.33333333%;
}
.fluid-box-5-12 {
  width: 41.66666666%;
}
.fluid-box-6-12{
  width: 49.99999999%;
}
.fluid-box-7-12 {
  width: 58.33333333%;
}
.fluid-box-8-12 {
  width: 66.6666666%;
}
.fluid-box-9-12 {
  width: 74.99999999%;
}
.fluid-box-10-12 {
  width: 83.33333333%;
}
.fluid-box-11-12 {
  width: 91.66666666%;
}
.fluid-box-12-12 {
  width: 100%;
}

/*----------------------------------------------------------------------------------------*/
/*-----------------------------------------media------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
@media (min-width: 1600px) {
		
}
@media (min-width: 1360px) {
		
}
@media (min-width: 1280px) {

}
@media (max-width: 1599px) {
	.on-1599 {
		display: inherit;	
	}
	.off-1599 {	
		display: none;			
	}
	.box-container {
	  /*width: 1200px;*/
	  width: 940px;
	}
}
@media (max-width: 1359px) {  
	.on-1359 {
		display: inherit;	
	}
	.off-1359 {	
		display: none;			
	}
}
@media (max-width: 1279px) { 
	.on-1279 {
		display: inherit;	
	}
	.off-1279 {	
		display: none;			
	}
	.box-container {
	  width: 940px;
	}
	.box-container.box-toggle-1279 [class*="fluid-box"], .box-fluid-container.box-toggle-1279 [class*="fluid-box"] {
	  float: none;
	  padding-left: 0;
	  padding-right: 0;
	  width: 100%;
	}
	.box-row.box-toggle-1279 [class*="fluid-box"] {
		padding-left: 0;
		padding-right: 0;
	}
	.box-row.box-toggle-1279 {
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width: 989px) {
	.on-989 {
		display: inherit;	
	}
	.off-989 {	
		display: none;			
	}
	.box-container, .box-fluid-container {
		width: 100%;
		padding: 0 15px;
	}
	.box-container.box-toggle-989 [class*="fluid-box"], .box-fluid-container.box-toggle-989 [class*="fluid-box"] {
	  float: none;
	  padding-left: 0;
	  padding-right: 0;
	  width: 100%;
	}
	.box-row.box-toggle-989 [class*="fluid-box"] {
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.box-toggle-989 .box-row, .box-row.box-toggle-989 {
		margin-left: 0;
		margin-right: 0;
	}
}	
@media (max-width: 767px) {
	.on-767 {
		display: inherit;	
	}
	.off-767 {	
		display: none;			
	}

	.box-container [class*="fluid-box"], .box-fluid-container [class*="fluid-box"] {
		float: none;
		min-height: 0;
		width: 100%;
	}
	.box-row [class*="fluid-box"] {
	  padding-left: 0;
	  padding-right: 0;
	}
	.box-row {
		margin-left: 0;
		margin-right: 0;
	}
} 
@media (max-width: 480px) {
	.on-480 {
		display: inherit;	
	}
	.off-480 {	
		display: none;			
	}
}
@media (max-width: 320px) {
	.on-320 {
		display: inherit;	
	}
	.off-320 {	
		display: none;			
	}
}