
.name-car{ display: block; width: 100%; padding: 18px 0;}
.name-car .brand{ display: inline-block; background: #8e8e8e; font-size: 14px; color: #fff; padding: 2px 8px;}
.name-car h3{ font-size: 22px; color: #3b1705; font-weight: 600;}

.box-slide{ background: #6e6e6e; padding: 24px 0;}
.box-slide img{ max-width: 100%;}

/* Detail */
.detail-wrapper{background: #e3fffc; padding: 40px 0; margin:0 0 -24px;}

.price-container{border-top: 4px solid #45cec1; background: #FFF; padding:20px; display: flex; flex-wrap: wrap; margin: 0 0 20px;}
.price-container h2{text-align: center; padding:0 0 10px; font-size: 30px; font-weight: 600; border-bottom:3px solid #e7e7e7; width: 100%;}


.car-price,.table-spec{width: 48%; margin: 0 1%; border-bottom: 3px solid #CCC; padding: 10px 0 10px; display: inline-block; vertical-align:top;}
.detail-info{width: 48%;margin: 0 1%;padding: 10px 0 10px;display: inline-block;text-align: center;font-size: 20px;color:666;border-bottom:3px dashed #CCC;}
.detail-distance{width: 48%;margin: 0 1%;padding: 10px 0 10px;display: inline-block;text-align: center;font-size: 18px;font-weight: 600;}

.car-price{text-align: center; color:#666; font-size: 35px; font-weight: 600;}
.car-price strong{color:#f12174; font-size: 60px;}
.car-price span{font-size:35px; color:#000;}
.car-price small{font-size:30px; color:#000;}
.car-price div{background: #8d8d8d; color:#FFF; font-size: 20px; font-weight: 300;}

.table-spec table{width: 100%; border-spacing: 5px; border-collapse: separate;}
.table-spec table td{background: #45cec1; color: #FFF; font-size: 16px; text-align: center; padding: 9px 10px; font-weight: 600;
text-shadow: rgb(15, 98, 90) 3px 0px 0px, rgb(15, 98, 90) 2.83333px 0.983333px 0px, rgb(15, 98, 90) 2.35px 1.85px 0px,
 rgb(15, 98, 90) 1.61667px 2.51667px 0px, rgb(15, 98, 90) 0.7px 2.91667px 0px, rgb(15, 98, 90) -0.283333px 2.98333px 0px,
 rgb(15, 98, 90) -1.25px 2.73333px 0px, rgb(15, 98, 90) -2.06667px 2.16667px 0px, rgb(15, 98, 90) -2.66667px 1.36667px 0px,
 rgb(15, 98, 90) -2.96667px 0.416667px 0px, rgb(15, 98, 90) -2.95px -0.566667px 0px, rgb(15, 98, 90) -2.6px -1.5px 0px,
 rgb(15, 98, 90) -1.96667px -2.26667px 0px, rgb(15, 98, 90) -1.11667px -2.78333px 0px, rgb(15, 98, 90) -0.133333px -3px 0px,
 rgb(15, 98, 90) 0.85px -2.88333px 0px, rgb(15, 98, 90) 1.75px -2.43333px 0px, rgb(15, 98, 90) 2.45px -1.73333px 0px, rgb(15, 98, 90) 2.88333px -0.833333px 0px;}
.table-spec table td span{color:#fff600; display: inline-block; margin: 0 5px; font-size: 25px;}

.info-container{border-top: 4px solid #45cec1; background: #FFF; padding:20px; display: flex; flex-wrap: wrap; margin: 0 0 20px;}
.info-container h2{text-align: center; padding:0 0 10px; color: #45cec1; font-size: 25px; font-weight: 600; border-bottom:3px solid #e7e7e7; width: 100%;}
.info-container p{font-size: 20px; line-height: 20pt; padding: 20px 0 0;}

.spec-container{margin:0 0 20px;}
.spec-container h2{background: #ff8c05; color:#FFF; padding: 5px 70px; display: inline-block; font-size:25px; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.spec-list{border:2px solid #ff8c05; background: #FFF; display: flex; flex-wrap: wrap;}
.spec-list li{font-size: 0; width: 50%; border-bottom: 1px solid #CCC;}
.spec-list li div{width: 70%;font-size: 16px;display: inline-block;padding: 10px 5px;box-sizing: border-box;}
.spec-list li div:nth-child(1){background: #f8f8f8;width: 30%;}

.color-container{border:2px solid #ff8c05; background: #FFF; display: flex; flex-wrap: wrap;}
.color-container div,.color-container p{display: inline-block; padding: 20px; box-sizing: border-box;}
.color-container div{width: 10%; background: #f8f8f8;}
.color-container p{width: 90%;}

@media(max-width:980px){
.car-price,.table-spec{width:100%;}
.detail-info{width:100%;}
.detail-distance{width:100%; border-bottom:3px solid #e7e7e7;}
}

@media(max-width:780px){
.spec-list li{width: 100%;}
}
/* .slick-slider .slick-track
{
    transform: translate3d(0, 0, 0) !important;
} */ 
