.main-content{margin-top:157px}@media screen and (max-width: 1199px){.main-content{display:-ms-grid;display:grid;grid-template-areas:'filter' 'search' 'content'}}@media screen and (min-width: 768px){.main-content{margin-top:110px}}@media screen and (min-width: 1200px){.main-content{display:-ms-grid;display:grid;-ms-grid-columns:306px 1fr;grid-template-columns:306px 1fr;grid-template-areas:'search content';grid-column-gap:1%;margin:0;margin-top:93px;padding:0 150px}}.filter-mobile{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.25em 0;background:#046F98;width:20%;height:40px;margin:auto;border-radius:10px;grid-area:filter}@media screen and (max-width: 1199px){.filter-mobile{display:-webkit-box;display:-ms-flexbox;display:flex}}.filter-mobile img{width:18px;height:18px;-webkit-filter:invert(1);filter:invert(1);margin-right:5px}.filter-mobile span{color:#fff;font-size:1em}.right{grid-area:content}.box-car{background:#1C1C1C;padding:1em 0;margin:1em 0;height:-webkit-max-content;height:-moz-max-content;height:max-content}@media screen and (min-width: 1024px){.box-car{padding:1em}}.box-car .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:0 1em}.box-car .title span{font-size:1.2em;margin-left:1em}.box-car .grid-car{display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;grid-row-gap:1em;margin-bottom:1em}@media screen and (min-width: 768px){.box-car .grid-car{-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}}@media screen and (min-width: 1200px) and (max-width: 1366px){.box-car .grid-car{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important;grid-column-gap:5%}}@media screen and (min-width: 1024px){.box-car .grid-car{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);grid-column-gap:4%}}@media screen and (min-width: 1200px){.box-car .grid-car{padding:0 2em}}.box-car .grid-car .box figure{text-align:center}.box-car .grid-car .box figure img{max-width:300px;max-height:186px}@media screen and (min-width: 768px){.box-car .grid-car .box figure img{width:300px;height:186px}}@media screen and (min-width: 1024px){.box-car .grid-car .box figure img{width:100%;height:166px}}@media screen and (min-width: 1600px){.box-car .grid-car .box figure img{width:100%;height:186px}}.box-car .grid-car .box .detail .name{color:#F19800;text-align:center}.box-car .grid-car .box .detail .name p{font-size:1.4em}.box-car .grid-car .box .detail .price{color:#fff;text-align:center}.box-car .grid-car .box .detail .price p{font-size:1.5em}.box-car .grid-car .box .detail .car-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box-car .grid-car .box .detail .car-detail .date,.box-car .grid-car .box .detail .car-detail .mile,.box-car .grid-car .box .detail .car-detail .fuel{color:#fff;margin-right:8px}@media screen and (min-width: 1024px){.box-car .grid-car .box .detail .car-detail .date,.box-car .grid-car .box .detail .car-detail .mile,.box-car .grid-car .box .detail .car-detail .fuel{display:-webkit-box;display:-ms-flexbox;display:flex}.box-car .grid-car .box .detail .car-detail .date span,.box-car .grid-car .box .detail .car-detail .mile span,.box-car .grid-car .box .detail .car-detail .fuel span{font-size:.7em;margin-left:5px}}.box-car .grid-car .box .detail .car-detail .fuel{margin-right:0}.box-car .grid-car .box .button{margin-top:1em;text-align:center}.box-car .grid-car .box .button button{width:50%;background:#046F98;color:#fff}@media screen and (min-width: 1024px){.box-car .grid-car .box .button button{width:70%}}.box-car .grid-car .box.soldout{position:relative}.box-car .grid-car .box.soldout:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000d4}.box-car .grid-car .box.soldout:after{content:'';position:absolute;top:50%;left:0;width:100%;height:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url("/img/sold-out.png");background-size:contain;background-repeat:no-repeat}.brand-popular{border:1px dashed #707070;background:#fff;margin:1em 0;padding:1em}.brand-popular h4{text-align:center;color:#046F98}.brand-popular .grid-brand{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5, 1fr);grid-column-gap:1%;margin-top:1em}.brand-popular .grid-brand figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.brand-popular .grid-brand figure img{width:148px;height:100%}.search-box{display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;margin-bottom:1em;grid-area:search;height:-webkit-max-content;height:-moz-max-content;height:max-content}@media screen and (max-width: 1199px){.search-box{height:0;overflow:hidden;-webkit-transition:.5s;transition:.5s;margin-top:1em}.search-box.expand{height:100%;-webkit-transition:.8s;transition:.8s}}@media screen and (min-width: 1200px){.search-box{grid-template-areas:'brand' 'select' 'button';margin-top:1em}}.search-box .brand{background:#046F98;color:#fff;padding:1em;margin-bottom:1em}@media screen and (min-width: 768px) and (max-width: 1199px){.search-box .brand{margin-bottom:1}}@media screen and (min-width: 1200px){.search-box .brand{grid-area:brand}}.search-box .brand .backCate{color:#fff;font-size:1.2em}.search-box .brand .list-brand{margin-top:.5em;margin-bottom:.5em;margin-left:50px;height:300px;overflow-y:auto}@media screen and (min-width: 768px){.search-box .brand .list-brand{height:270px}}.search-box .brand .list-brand::-webkit-scrollbar{width:5px}.search-box .brand .list-brand::-webkit-scrollbar-track{background:#fff;border-radius:20px}.search-box .brand .list-brand::-webkit-scrollbar-thumb{background:#F19800;border-radius:20px}.search-box .brand .list-brand a{color:#fff}.search-box .brand .list-brand a li{margin-bottom:.5em}.search-box .brand .list-brand .sub-cate{display:none;padding-left:1em;padding-top:.5em;border-top:1px solid #D1D1D1}.search-box .brand .list-brand .sub-cate.active{display:block}.search-box .brand .list-brand .sub-cate a.active li{color:#F19800}.search-box .select-box{background:#046F98;color:#fff;padding:1em}@media screen and (min-width: 1200px){.search-box .select-box{grid-area:select}}.search-box .select-box .input-box{margin-bottom:.5em}.search-box .select-box .input-box label{font-size:1.2em}.search-box .select-box .input-box select,.search-box .select-box .input-box input{color:#F19800;background-color:#fff}.search-box .select-box .input-box select::-webkit-input-placeholder,.search-box .select-box .input-box input::-webkit-input-placeholder{color:#F19800}.search-box .select-box .input-box select:-ms-input-placeholder,.search-box .select-box .input-box input:-ms-input-placeholder{color:#F19800}.search-box .select-box .input-box select::-ms-input-placeholder,.search-box .select-box .input-box input::-ms-input-placeholder{color:#F19800}.search-box .select-box .input-box select::placeholder,.search-box .select-box .input-box input::placeholder{color:#F19800}@supports (-webkit-touch-callout: none){.search-box .select-box .input-box select,.search-box .select-box .input-box input{-webkit-appearance:none;-moz-appearance:none;appearance:none}}.search-box .select-box .input-box>.d-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-box .select-box .input-box>.d-box>select,.search-box .select-box .input-box>.d-box input{width:48%}@supports (-webkit-touch-callout: none){.search-box .select-box .input-box{position:relative}.search-box .select-box .input-box:after{content:'\02C5';position:absolute;right:5px;top:30px;color:#F19800;font-size:2em}}.search-box .button{margin:.5em 0;text-align:center}@media screen and (min-width: 1200px){.search-box .button{grid-area:button}}.search-box .button button{width:150px;background:#046F98;color:#fff}
/*# sourceMappingURL=car.min.css.map */