.breadcrumb, .car-header, .car-tabs { background-color:#FFF; }

.car-header .boundary, .car-detail .boundary { width:96%; max-width:1120px; margin: 10px auto; padding: 10px; background-color: #FFF; border:1px solid #DDD; }

.car-header .boundary { border:0; padding:0; }
.car-header .car-promotion {background-color:#FAFAFA; border:1px solid #DDD; padding:5px; margin:10px 0; box-sizing:border-box; }
.car-header h1 { line-height:1.3em; }

.car-header a.tag { display:inline-block; padding:5px 10px; background-color:#FAFAFA; border:1px solid #DDD; border-radius:3px; margin:5px 5px 0 0; vertical-align:top; }
.car-header a.tag:hover { background-color:#DDD; }
.car-header a.tag.active { background-color:var(--blue-light); color:#FFF; }

.car-tabs { display:block; background-color:#FFF; text-align:center; position:sticky; top:0; z-index:1000; border-bottom:1px solid #DDD; }
.car-tabs .boundary { max-width:1120px; box-shadow:0 0 5px #FFF; }
.car-tabs a { display:inline-block; padding:10px; margin:0 2px 0 0; }
.car-tabs a:hover, .car-tabs a.active {  border-bottom:2px solid var(--orange); }
.car-tabs a.active { font-weight:bold; }

.car-detail .boundary h2, .car-detail .boundary h3 { line-height:1.3em; }
.car-detail .boundary img {max-width:100%;height:auto;}
.car-detail .image-slider { position: relative; margin-bottom: 100px; }
.car-detail .image-slider:before { content: ""; display: block; padding-top: 60%; }
.car-detail .image-slider .owl-carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; }
.car-detail .image-slider .owl-next, .car-detail .image-slider .owl-prev, .topic.cars .owl-next, .topic.cars .owl-prev {position:absolute;top:50%;left:0;transform:translateY(-50%);}
.car-detail .image-slider .owl-next i, .car-detail .image-slider .owl-prev i, .topic.cars .owl-next i, .topic.cars .owl-prev i { font-size:3em; color:#FFF; text-shadow:0 0 3px #333;}
.car-detail .image-slider .owl-next, .topic.cars .owl-next {left:unset;right:0;}
.car-detail .image-slider .square-image { width: 100%; }
.car-detail .image-slider .square-image:before {padding-top:60%;}
.car-detail .image-slider .slider-thumbs { position: absolute; left: 0; top: 100%; width: 100%; height: auto; text-align: left; margin-top: 10px; white-space:nowrap; overflow-x:auto; padding-bottom:10px; }
.car-detail .image-slider .slider-thumbs::-webkit-scrollbar { height: 5px; }
.car-detail .image-slider .slider-thumbs::-webkit-scrollbar-track { background: #888; }
.car-detail .image-slider .slider-thumbs::-webkit-scrollbar-thumb { background: var(--blue); }
.car-detail .image-slider .slider-thumbs::-webkit-scrollbar-thumb:hover { background: var(--orange); }

.car-detail .image-slider .slider-thumbs .square-image { width: 16%; border: 1px solid #DDD; display: inline-block; margin-right:5px;}

.car-detail .boundary .scrollbar-inner { overflow-x:auto; width:100%; }
.car-detail .boundary .scrollbar-inner::-webkit-scrollbar { height: 10px; }
.car-detail .boundary .scrollbar-inner table { border-collpase:collapse; font-size:0.8em; }
.car-detail .boundary .scrollbar-inner table tr th, .car-detail .boundary .scrollbar-inner table tr td { padding:5px; }
.car-detail .boundary .scrollbar-inner table tr th { white-space:nowrap; background-color:var(--blue-grey); color:#FFF; }
.car-detail .boundary .scrollbar-inner table tr td {background-color:#FFF;}
.car-detail .boundary .scrollbar-inner table tr th:first-child , .car-detail .boundary .scrollbar-inner table tr td:first-child { position:sticky; left:-1px; }

.car-detail .boundary .shrink-overflow-gradient, .car-detail .load-more {display:none;}
.car-detail .car-detail-content { position:relative; max-height:500px; overflow:hidden; }
.car-detail a { color:var(--blue); text-decoration:underline; text-underline-position:under; }
.car-detail a:hover { color:var(--blue-light);}
.car-detail .car-detail-content .car-detail-hidden {position:absolute; top:100%; left:0; width:100%; background-image:linear-gradient(to bottom, rgba(255,255,255,0), #FFF); padding:100px 0 20px; text-align:center; transform:translateY(-90%); }
.car-detail .car-detail-content .car-detail-hidden button { border-radius:3px; opacity:0.8; }
.car-detail .car-detail-content .car-detail-hidden button i { display:inline-block; transform:rotate(90deg); }

.car-detail .table-price-list { width:100%; border-collapse:collapse; }
.car-detail .table-price-list tr:first-child td {font-weight:bold;}
.car-detail .table-price-list tr td { border-bottom:1px solid #DDD; padding:5px;}
.car-detail .table-price-list tr td strong {white-space:nowrap;}

.profile-contact { padding:0!important; }
.profile-contact .showroom-profile .circle-image { width:150px; margin:0 auto; }
.profile-contact .showroom-profile .circle-image:before {padding-top:50%;}

.car-detail .car-detail-right .boundary { background:unset; border:0; }
.car-detail .car-detail-right.hide {display:none;}
.car-detail .car-detail-right .square-image { margin-bottom:20px; }
.car-detail .car-detail-right .square-image:last-child {margin-bottom:0;}
.car-detail .car-detail-right .square-image:before { padding-top:147%; }

.sale-banner { background-color:#2E358C; color:#FFF; }
.sale-banner .square-image:before { padding-top:66.666%!important; }
.sale-banner .sale-banner-content { text-align:center; padding-bottom:10px; }
.sale-banner .sale-banner-content a { display:inline-block; width:auto; padding:5px 10px; border-radius:20px; background-color:#E74C3C; text-decoration:none; color:inherit; margin:5px auto; }
.sale-banner .sale-banner-content a:hover { background-color:#FF3131; }

.car-detail .detail-banner { padding:0; border:0; }
.car-detail .detail-banner .square-image:before {padding-top:29%;}

.topic.pd-description { margin-top:  20px; line-height: 1.5em; }
.topic .topic-title {margin-top:0;font-size:1.8em;}
.topic.pd-description .topic-content { border:1px solid #DDD; padding:20px;margin-top:1em;text-align: left; }
.topic.pd-description .topic-content h2, .topic.pd-description .topic-content h3, .topic.pd-description .topic-content h4, .topic.pd-description .topic-content h5 { line-height:1.3em; font-size:1.6em; color:var(--green); }
.topic.pd-description .topic-content h3 { font-size:1.4em; }
.topic.pd-description .topic-content h4 { font-size:1.2em; }
.topic.pd-description .topic-content h5 { font-size:1em; }

.register-form { background-color:#00469C!important; color:#FFF; padding:10px; box-sizing:border-box; }
.register-form h3 { margin:0 0 20px; padding:10px 0; text-align:center; border-bottom:1px solid #FFF; }
.register-form h3 span { display:block; text-transform:uppercase; }
.register-form .register-form-content .textbox, .register-form .register-form-content .button { border-radius:3px; padding:10px; }
.register-form .register-form-content .textbox { background-color:#FFF!important; }
.register-form .register-form-content .button { padding:10px 20px; margin:10px auto; background-color:#FFF; border-color:#FFF; color:#F00!important; font-weight:bold; }

.another-cars { width:96%; max-width:1120px; margin-top:2em; }
.another-cars h3 { font-size:1.3em; text-transform:uppercase; color:var(--orange); }
.another-cars .another-cars-content .another-cars-item { display:inline-block; vertical-align:top; width:49%; margin:0 2% 20px 0; }
.another-cars .another-cars-content .another-cars-item:nth-child(2n+0) {margin-right:0;}
.another-cars .another-cars-content .another-cars-hidden {display:none;}

.another-cars .another-cars-item .square-image:before { padding-top:60%; }
.another-cars .another-cars-item .another-cars-item-name { font-weight:bold; text-align:center; margin-top:10px; }

.another-cars .owl-carousel .owl-nav i { color:#FFF; font-size:2.5em; }

#address_form .selection, #address_form .textbox { width: 100%; }

.cars .car {box-shadow: 0 0 5px #DDD;}
.cars .car:hover {background-color:var(--pink);}
.cars .car .p-title {font-family:verdana;padding:10px;}
.cars .car .p-title a {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cars .car .square-image:before {padding-top:100%;}
.cars .car .price {font-weight:bold;display:inline-block;padding: 10px;}
.topic.cars .owl-next {right:-25px;}
.topic.cars .owl-prev {left:-25px;}

.showroom .showroom-profile .circle-image { width:150px; margin:0 auto; }
.showroom .showroom-profile .circle-image:before {padding-top:50%;}

.introduction-part .square-image, .introduction-part .introduction-content { width:20%; display:inline-block; vertical-align:top; position:relative; }
.introduction-part .introduction-content { width:80%; padding-left:10px; box-sizing:border-box; line-height:1.5em; }
.introduction-part .introduction-title { font-size:1.2em; font-weight:bold; }

@media (min-width:576px){
	.car-detail .image-slider { margin-bottom: 130px; }
	
	.topic .topic-title {margin-top:0;font-size:36px;}
}

@media (min-width: 768px){
	.car-header .car-promotion { display:inline-block; margin:0 0 0 10px; }
	
	.car-detail .image-slider { margin-bottom: 110px; }
	
	.car-detail .car-detail-right .square-image {display:inline-block; width:49%; margin:0 2% 10px 0; }
	.car-detail .car-detail-right .square-image:nth-child(2n+0) {margin-right:0;}
	
	.register-form h3 {font-size:1.5em;}
	.register-form h3 span { display:inline-block; }
	
	.another-cars .another-cars-content .another-cars-item { width:32%; }
	.another-cars .another-cars-content .another-cars-item:nth-child(2n+0) {margin-right:2%;}
	.another-cars .another-cars-content .another-cars-item:nth-child(3n+0) {margin-right:0;}
}

@media (min-width:996px){
	.car-detail { width:96%; max-width:1120px;}
	.car-detail .boundary {width:100%;}
	.car-detail .car-detail-left, .car-detail .car-detail-right {display:inline-block;width:70%;vertical-align:top;}
	.car-detail .car-detail-right { width:30%; }
	
	.car-detail .boundary .scrollbar-inner table { font-size:1em; }

	.car-detail .image-slider { margin-bottom: 100px; }
	
	.car-detail .car-detail-right .boundary { border:0; padding-top:0; }
	.car-detail .car-detail-right .square-image {display:block; width:100%; margin:0 0 20px; }
	
	.register-form .table .col:first-child {padding-right:5px;}
	.register-form .table .col:last-child {padding-left:5px;}
}

@media (min-width:1200px){
	.another-cars .another-cars-content .another-cars-item { width:15%; }
	.another-cars .another-cars-content .another-cars-item:nth-child(2n+0), .another-cars .another-cars-content .another-cars-item:nth-child(3n+0) {margin-right:2%;}
	.another-cars .another-cars-content .another-cars-item:nth-child(6n+0) {margin-right:0;}
}