*{
	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: 1200px;
}
.box-fluid-container {
    margin: 0 auto;
    max-width: 1680px;
    min-width: 990px;
    padding: 0 40px;
}
[class*="w_box"], .box-group [class*="w_box"], .box-container [class*="w_box"], .box-fluid-container [class*="w_box"] {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0 15px;
    display: block;
}
[class*="r_box"], .box-group [class*="r_box"], .box-container [class*="r_box"], .box-fluid-container [class*="r_box"] {
	box-sizing: border-box;
	float: right;
	min-height: 1px;
	padding: 0 15px;
}
.box-group {
	clear: both;
	margin-left: -15px;
	margin-right: -15px;
}
.box-group [class*="box"] {
	padding-left: 15px;
	padding-right: 15px;
}
.box-container:before,
.box-container:after,
.box-fluid-container:before,
.box-fluid-container:after,
.box-group:before,
.box-group:after,
.box-group [class*="w_box"]:before, 
.box-group [class*="w_box"]:after{
  display: table;
  content: " ";
}
.box-container:after,
.box-fluid-container:after,
.box-group:after {
  clear: both;
}
.w_box1, .r_box1 {
  width: 100%;
}
.w_box2, .r_box2 {
  width: 50%;
}
.w_box3, .r_box3 {
  width: 33.333%;
}
.w_box4, .r_box4 {
  width: 25%;
}
.w_box5, .r_box5 {
  width: 20%;
}
.w_box6, .r_box6 {
  width: 15%;
}
.w_box1-12 , .r_box1-12 {
  width: 8.33333333%;
}
.w_box2-12, .r_box2-12 {
  width: 16.66666666%;
}
.w_box3-12, .r_box3-12 {
  width: 24.99999999%;
}
.w_box4-12, .r_box4-12 {
  width: 33.33333333%;
}
.w_box5-12, .r_box5-12 {
  width: 41.66666666%;
}
.w_box6-12, .r_box6-12{
  width: 49.99999999%;
}
.w_box7-12, .r_box7-12 {
  width: 58.33333333%;
}
.w_box8-12, .r_box8-12 {
  width: 66.6666666%;
}
.w_box9-12, .r_box9-12 {
  width: 74.99999999%;
}
.w_box10-12, .r_box10-12 {
  width: 83.33333333%;
}
.w_box11-12, .r_box11-12 {
  width: 91.66666666%;
}
.w_box12-12, .r_box12-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 !important;			
	}
	.box-container {
	  width: 1200px;
	}
}
@media (max-width: 1359px) {  
	.on-1359 {
		display: inherit;	
	}
	.off-1359 {	
		display: none !important;			
	}
}
@media (max-width: 1279px) { 
	.on-1279 {
		display: inherit;	
	}
	.off-1279 {	
		display: none !important;			
	}
	.box-container {
	  width: 940px;
	}
	.box-group.toggle-1279 [class*="w_box"], .box-group.toggle-1279 [class*="r_box"] {
	  float: none;
	  padding: 0;
	  width: 100%;
	}
	.box-group.toggle-1279 {
		margin-left: 0;
		margin-right: 0;
	}
}


@media (max-width: 989px) {
	.on-989 {
		display: inherit;	
	}
	.off-989 {	
		display: none !important;			
	}
	.box-container, .box-fluid-container {
	  width: 100%;
	  padding: 0 15px;
	}
	.box-group.toggle-989 [class*="w_box"], .box-group.toggle-989 [class*="r_box"] {
	  float: none;
	  padding: 0;
	  width: 100%;
	}
	.box-group.toggle-989 {
		margin-left: 0;
		margin-right: 0;
	}
}	
 
@media (max-width: 767px) {
	.on-767 {
		display: inherit;	
	}
	.off-767 {	
		display: none !important;			
	}
	[class*="w_box"], .box-group [class*="w_box"], [class*="r_box"], .box-group [class*="r_box"] {
	  float: none;
	  padding: 0;
	  width: 100%;
	}
	.box-group {
		margin-left: 0;
		margin-right: 0;
	}
} 
@media (max-width: 480px) {
	.on-480 {
		display: inherit;	
	}
	.off-480 {	
		display: none !important;			
	}
}
@media (max-width: 376px) {

}
@media (max-width: 320px) {
	.on-320 {
		display: inherit;	
	}
	.off-320 {	
		display: none !important;			
	}
}