@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;
}
.card {
    width: 100%;
    border-radius: 10px;
    font-family: 'Kanit', sans-serif;
}
.card-img-top {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.swal2-content {
    z-index: 9000 !important;
}
body.swal2-shown > [aria-hidden='true'] {
    transition: 0.1s filter;
    filter: blur(10px);
}
span.text-muted {
    font-size: 12px;
}
small.text-muted {
    font-size: 11px;
    font-family: 'Kanit', sans-serif;
}
h5.mb-0 {
    font-size: 1rem;
}
small.ghj {
    font-size: 9px;
}
.mid {
    background: #ECEDF1;
}
h6.ml-1 {
    font-size: 13px;
}
small.key {
    text-decoration: underline;
    font-size: 9px;
    cursor: pointer;
}
.btn-danger {
    color: #FFCBD2;
}
.btn-danger:focus {
    box-shadow: none;
}
small.justify-content-center {
    font-size: 9px;
    cursor: pointer;
    text-decoration: underline;
}
.itemx {
float: left;margin-top:0.5%;padding: 1%;
}
.adsbanner_a{
position:absolute;
z-index:2;margin: 0%;padding: 0.5%;font-size: 12px; width: 50px;text-align: center;border-top-left-radius: 8px; background-color: #FF0004;color: #FFFFFF;-webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.17);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.17); 
}
.yearcars{
position: absolute; z-index: 2; margin: 0%; padding: 0.5%; font-size: 12px; padding-left: 10px; padding-right: 10px; text-align: center; background-color: #FFFFFF; color: #000000; -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.17); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.17); right: -17px; top: -22px; margin-top: 10px; margin-right: 10px; border: 1px solid #E5E5E5;
}
.refix{
height:auto;
}
@media screen and (max-width:500px) {
.col-sm-4 {
    margin-bottom: 50px;
}
.itemx {
padding: 1%;margin-right: 1%; width: 82%;
}
}
.content {
}
img {
    max-width: 100%;
}
.style-box {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    padding: 8px;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
.refix{
height:auto;
}
@media screen and (max-width: 1280px)   {
.cars-size{
width: 100%;

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

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

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

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

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