@charset "utf-8";
.font-format{
font-family: 'Kanit', sans-serif;
font-size: 16px;
}
.cars-size{
width: 1200px; 

border-radius: 4px;
margin-top: 10px;
overflow: hidden;
}
.bodyall{
border-radius : 4px;
background-color:#D7D7D7;
color:#3D3D3D;
float:left;
width:50px;
height:30px;
line-height:30px;
text-align:center;
margin:4px;
}
.bodyall-select{
border-radius : 4px;
background-color:#626262;
color:#FFF;
float:left;
width:50px;
height:30px;
line-height:30px;
text-align:center;
margin:4px;
}
.cars-body{
float: left; width: 49%;padding: 0.5%;
}
.heightcontent{
height: auto;
}
@media screen and (max-width: 1280px)   {
.cars-size{
width: 100%;

border-radius: 4px;
margin-top: 10px;
overflow: hidden;
}
.cars-body{
float: left; width: 49%;padding: 0.5%;
}
.heightcontent{
height: auto;
}
}
@media screen and (max-width: 1100px)   {
.heightcontent{
height: auto;
}
}
@media screen and (max-width: 1000px)   {
.heightcontent{
height: auto;
}
}
@media screen and (max-width: 990px)   {
.heightcontent{
height: auto;
}
}
@media screen and (max-width: 900px)   {
.cars-size{
width: 100%; 

border-radius: 4px;
margin-top: 10px;
overflow: hidden;
}	
.cars-body{
float: left; width: 49%;padding: 0.5%;
}
.heightcontent{
height: auto;
}
}

@media screen and (max-width: 850px)   {
.heightcontent{
height: auto;
}
}
@media screen and (max-width: 790px)   {
.heightcontent{
height: auto;
}
}

@media screen and (max-width: 789px)   {
.heightcontent{
height: auto;
}
}
@media screen and (max-width: 651px)   {
.heightcontent{
height: auto;
}
}
@media screen and (max-width: 575px)   {
.heightcontent{
height: auto;
}	
}
@media screen and (max-width: 570px)   {
.cars-size{
width: 100%; 

border-radius: 4px;
margin-top: 10px;
overflow: hidden;
}	
.cars-body{
width: 99%;padding: 0.5%;
}
.heightcontent{
height: auto;
}	
}