/* Minification failed. Returning unminified contents.
(1596,36): run-time error CSS1046: Expect comma, found '0'
(1596,40): run-time error CSS1046: Expect comma, found '/'
(1680,36): run-time error CSS1046: Expect comma, found '0'
(1680,40): run-time error CSS1046: Expect comma, found '/'
(1696,36): run-time error CSS1046: Expect comma, found '0'
(1696,40): run-time error CSS1046: Expect comma, found '/'
 */
.wapper_list_car {
	width:100%;
	display:inline-block;
	padding-top:15px;
	}
.wapper_list_car * {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	}	
.wapper_list_car .box-head {
	width:100%;
	display:inline-block;
	margin-bottom:10px;
	}
.wapper_list_car .box-head  .heading {
	display:none;
	font-style: normal;
	font-weight: 300;
	font-size: 35px;
	line-height: 48px;
	color: #101010;
	padding-bottom:20px;
	text-decoration:none;
	text-transform:none;
	}
.wapper_list_car .box-head .head {
	background: rgba(229, 51, 48, 0.1);
	border-radius: 5px;
	width:100%;
	display:inline-block;
	height:28px;
	}
.wapper_list_car .box-head .location {
	line-height:28px;
	text-align:left;
	float:left;
	font-weight: 400;
	font-size: 15px;
	color: #E53330;
	padding-left:10px;
	}
.wapper_list_car .box-head .location:before {
	float:left;
	content: '\e804';
	 font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:5px;
	}
.wapper_list_car .box-head  .box-select {
	float:right;
	width:195px;
	height:28px;
	text-align:right;
	}
.box-content-list-car {
	width: 100%;
	display:inline-block;
	margin-bottom:15px;
	}
.c-column-car-list {
	width: 100%;
	display:inline-block;
	}			
.box-select .custom-select {
    position: relative;
	text-align:right;
}
.box-select .custom-select:after {
	font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
	width:28px;
	text-align:center;
  display: inline-block;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80c';
  height:28px;
  line-height:28px;
  position:absolute;
  right:0;
  top:0;
  color: #E53330;
  	
	}
.box-select .custom-select > select {
    background: none;
    padding-left: 9px;
    padding-right: 28px;
    position: relative;
    z-index: 1;
    -moz-appearance: none;
    -webkit-appearance: none;
	text-align:right;
	color: #E53330;
}
.box-select .select-box {
    height: 28px;
    width: 100%;
	padding:0;
	padding-right: 28px;
	background-color:transparent;
    border: 0;
   font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #E53330;
    margin: 0;
	text-align:right;
}
.box-select .select-box option {
	text-align:right;
	}
.box-select select, .box-select option {
    text-align:right !important; 
	direction:rtl !important;  
}	
.box-review-listcar {
	width:100%;
	display:inline-block;
	overflow:hidden;
	height:182px;
	position:relative;
	padding-bottom:40px;
	margin-top:10px;
	}
.box-review-listcar:after {
	position:absolute;
	z-index:1;
	left:0;
	width:100%;
	bottom:40px;
	content:"";
	background: rgba(255,255,255,0.7);
	height:58px;
	
	}
.box-review-listcar .small-content {
	width:100%;
	display:inline-block;
	}
.box-review-listcar .title {
	margin:0;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: #101010;
	margin-bottom:12px;
	}
.box-review-listcar .des {
	margin:0;
	font-weight: 400;
font-size: 15px;
line-height: 26px;
color:#303030;
	}				
.box-review-listcar .btn-show-hide {
	position:absolute;
	z-index:2;
	border:0;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	color: #E53330;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	height:40px;
	padding-top:12px;
	background:#fff;
	cursor:pointer;
	}
.box-review-listcar .btn-show-hide:after {
	font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: auto;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f107'; 
  margin-left:5px;
	}	
.box-review-listcar.open .btn-show-hide:after {
	content: '\f106'; 
	}	
.box-review-listcar.open {
	height:auto;
	}	
.box-review-listcar.open:after { display:none;}		
.box-Sort {
	width:100%;
	display:inline-block;
	margin-bottom:8px;
	}
.box-Sort .results {
	float:left;
	line-height:28px;
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	color: #959CA2;
	}
.box-Sort .results .number {
	color: #E53330;
	font-weight:bold;
	}		
.box-Sort .Sort{
	height: 28px;
	background: rgba(229, 51, 48, 0.1);
	border-radius: 5px;
	float:left;
	line-height:28px;
	padding:0 10px;
	float:right;
	font-weight: 400;
	font-size: 15px;
	color: #E53330;
	cursor:pointer;
	border:0;
    position:relative;
	}
.box-Sort .Sort:before{
	width:11px;
	height:28px;
	content:"";
	background:url(/Content/images/icon-Sort.svg) no-repeat 0  center;
	float:left;
	margin-right:10px;
	}		
/*list card*/
.box-list-card {
	width:100%;
	display:block;
	}
.box-list-card .item {
	width:100%;
	float:left;
	padding:15px 0;
	border-top:1px solid #E1E1E1;
	}						
.box-list-card .photo {
	float:left;
	width:93px;
	height:70px;
	overflow:hidden;
	border-radius: 3px;
	margin-right:10px;
	}
.box-list-card  .small-content {
	width: calc(100% - 103px);
	float:left;
	}
.box-list-card .title {
	margin:0;
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	color: #101010;
	max-height:38px;
	overflow:hidden;
	}
.box-list-card .title a {
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
	color: #101010;
	}
.box-list-card .price {
	margin:0;
	margin-top:5px;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	color: #D02028;
	}
.box-list-card .list-info {
	margin:0;
	padding:0;
	display:inline-block;
	width:100%;
	}
.box-list-card .list-info li {
	width:100%;
	float:left;
	list-style:none;
	padding-top:5px;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #303030;
	}
.box-list-card .list-info .date:before, .box-list-card .list-info .location:before, .box-list-card .list-info .user:before, .box-list-card .list-info .mileage:before{
	font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float:left;
  margin-right:5px;
  color:#000000;
	}	
.box-list-card .list-info .date:before {content: '\e811';}
.box-list-card .list-info .location:before{content: '\e804';}
.box-list-card .list-info .user:before {content: '\e814';}
.box-list-card .list-info .mileage:before{content: '\e815';}
.box-list-card .list-info .date { display:none;}
.box-list-card .list-info .user{display:none;}
.btn-more-car-list {
	width:100%;
	display:inline-block;
	background: #FFFFFF;
	border: 1px solid #D7DFE3;
	border-radius: 3px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-weight: 400;
	font-size: 13px;
	color: #101010;
	cursor:pointer;
	}
.btn-more-car-list.col {
	color: #E53330;
	}
.btn-more-car-list.col i { color:#000000; margin-left:10px; font-size:15px;}
.btn-more-car-list.col  span { display:none;}		
.box-list-card.list-col {
	margin-bottom:15px;
	display:inline-block;
	}	
.box-list-card.list-col .row {
	margin:0;
	}
.box-list-card.list-col .col-item {
	width:100%;
	}	
.box-list-card.list-col .item  {
	border-top: 0;
	border-bottom:1px solid #E1E1E1;
	}									
/*--box right--*/

.c-column-car-list .heading-c {
	margin:0;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #101010;
	margin-bottom:5px;
	}
.c-column-car-list .box-c {
	width:100%;
	background-color:#fff;
	float:left;
	margin-bottom:30px;
	}
.c-column-car-list .list-brand{
	margin:0;
	padding:0;
	width:100%;
	display:inline-block;
	margin-top:15px;
	
	}	
.c-column-car-list .list-brand li:last-child { margin-bottom:0;}		
.c-column-car-list .list-brand li {
	list-style:none;
	width:100%;
	float:left;
	margin-bottom:10px;
	line-height:25px;
	position:relative;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #101010;
	}
.c-column-car-list .list-brand li:before {
	width: 5px;
	height: 5px;
	background: #E53330;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-2.5px;
	border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
	content:"";
	}		
.c-column-car-list .list-brand li a {color: #101010; display:block; padding-left:15px;}
.c-column-car-list .list-brand li .number { color:#E53330;}
.c-column-car-list .btn-see-more {
	width:100%;
	display:inline-block;
	cursor:pointer;
	height:28px;
	line-height:28px;
	text-align:center;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #E53330;
	 border-top:1px solid #E9ECEE;
	 margin-top:10px;
	 padding-top:5px;
	}
.c-column-car-list .list-review {
	margin:0;
	padding:0;
	display:inline-block;
	width:100%;
	}
.c-column-car-list .list-review li {
	width:100%;
	float:left;
	list-style:none;
	padding:15px 0;
	border-bottom:1px solid #ECEFF1;
	}
.c-column-car-list .list-review li:last-child { border:0; padding-bottom:0;}	
.c-column-car-list .list-review .photo {
	width: 87px;
	height: 66px;
	float:left;
	overflow:hidden;
	border-radius: 3px;
	margin-right:10px;
	}	
.c-column-car-list .list-review .info {
	float:left;
	width: calc(100% - 97px);
	}
.c-column-car-list .list-review .title {
	margin:0;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #101010;
	height:44px;
	overflow:hidden;
	
	}	
.c-column-car-list .list-review .title  a {
	color: #101010;
	 display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
	}
.c-column-car-list .list-review .price {
	margin:0;
	margin-top:5px;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #E53330;
	}	
.c-column-car-list .list-review .box-rating {
	width:100%;
	display:inline-block;
	}
.c-column-car-list .list-review .box-rating .icon-star {
	color:#D7DFE3;
	float:left;
	margin-right:3px;
	font-size:12px;
	cursor:pointer;
	} 
.c-column-car-list .list-review .box-rating .icon-star:before {
	margin:0;
	width:auto;
	}	
.c-column-car-list .list-review .box-rating .icon-star.active {
	color:#F3AC21;
	}
.c-column-car-list .list-link{
	margin:0;
	padding:0;
	width:100%;
	display:inline-block;
	margin-top:5px;
	}	
.c-column-car-list .list-link li {
	list-style:none;
	width:100%;
	float:left;
	position:relative;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #101010;
	padding:10px 0;
	border-bottom:1px solid #ECEFF1;
	padding-left:15px;
	}
.c-column-car-list .list-link li:last-child {
	padding-bottom:0;
	border:0;
	}	
.c-column-car-list .list-link li:before {
	width: 5px;
	height: 5px;
	background: #E53330;
	position:absolute;
	left:0;
	top:20px;
	border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
	content:"";
	}		
.c-column-car-list .list-link li a {
	color: #101010; 
	display:block;
	 }	
.header, .navi { position:relative; z-index:11; }
.header {background:#fff;} 

	.heading-list {
	margin:0;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #101010;
	margin-top:20px;
	}									
@media only screen and (min-width:960px){
.heading-list {

	font-size: 20px;
	}	
.wapper_list_car {
	background: #F8FAFA;
	padding:30px 0;
	}
.wapper_list_car .box-head {
	background-color:#ffffff;
	padding:20px;
	border-radius: 5px;
	margin-bottom:20px;
	}
.wapper_list_car .box-head  .heading {
	display:block;}
	
.box-content-list-car {
	width: calc(100% - 315px);
	float:left;
	}
.box-review-listcar {
	margin-top:20px;
	height: 156px;
	}
.box-review-listcar:after {   
    height: 30px;
}		
.box-Sort {
	margin-bottom:16px;
	}	
.box-list-card .item {
	background: #FFFFFF;
	border: 1px solid #D7DFE3;
	border-radius: 5px;
	padding:20px;
	margin-bottom:15px;
	}						
.box-list-card .photo {
	width: 255px;
	height: 191px;
	border-radius: 0;
	margin-right:20px;
	}
.box-list-card  .small-content {
	width: calc(100% - 275px);
	}
.box-list-card .title {
	font-weight: 600;
	font-size: 20px;
	line-height: 27px;
	max-height:54px;
	}

.box-list-card .price {
	margin-top:12px;
	font-size: 24px;
	line-height: 33px;
	}

.box-list-card .list-info li {
	font-size: 14px;
	line-height: 19px;
	width:50%;
	padding-top:12px;
	}


.box-list-card .list-info .date { display: block;}
.box-list-card .list-info .user{display: block;}	
.box-list-card.list-col .row {
	margin:0 -7px;
	}
.box-list-card.list-col .col-item {
	width:33.33333%;
	float:left;
	padding:7px;
	}
.box-list-card.list-col .item {    
    padding: 15px;
    margin-bottom: 0;
	border: 1px solid #D7DFE3;
}
.box-list-card.list-col {
	margin-bottom:10px;
	margin-top:10px;
	}
.box-list-card.list-col .photo {
    width: 100%;
    height: 174px;
    border-radius: 3px;
    margin-right: 0;
	overflow:	hidden;
	margin-bottom:8px;
}	
.box-list-card.list-col .photo img { width:100%; border-radius: 3px;}
.box-list-card.list-col .small-content {
	width:100%;
	}
.box-list-card.list-col .title {    height: 50px; font-size:18px; line-height:25px;}	
.box-list-card.list-col .price {
    margin-top: 8px;
    font-size: 20px;
    line-height: 27px;
}
.box-list-card.list-col  li{ 
width:100%; padding-top:8px;
text-overflow:ellipsis;
white-space: nowrap;
 overflow: hidden;
}	
.box-list-card.list-col .list-info .date, .box-list-card.list-col .list-info .user, .box-list-card.list-col .list-info .mileage { display:none;}	
.btn-more-car-list {
	
	height:40px;
	line-height:40px;
	font-size: 14px;
	}		
.btn-more-car-list.col  span { display: inline;}
/*--box right--*/
.c-column-car-list {
	width:285px;
	float:right;
	}
.c-column-car-list .heading-c strong{
	font-weight: 600;
	}
.c-column-car-list .box-c {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.07);
	margin-bottom:20px;
	padding: 10px 15px;
	}
.c-column-car-list .list-brand{
	margin:0;
	padding:0;
	width:100%;
	display:inline-block;
	margin-top:15px;
	}	
.c-column-car-list .list-brand li {
	list-style:none;
	width:100%;
	float:left;
	margin-bottom:10px;
	line-height:25px;
	position:relative;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #101010;
	}
.c-column-car-list .list-brand li:last-child { margin-bottom:0;}	
.c-column-car-list .list-brand li:before {
	width: 5px;
	height: 5px;
	background: #E53330;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-2.5px;
	border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
	content:"";
	}		
.c-column-car-list .list-brand li a {color: #101010; display:block; padding-left:15px;}
.c-column-car-list .btn-see-more {
	width:100%;
	display:inline-block;
	cursor:pointer;
	height:28px;
	line-height:28px;
	text-align:center;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #E53330;
	}			
.footer { margin-top:0;}		
	
}

.scroll-tu::-webkit-scrollbar-track {
    border-radius: 10px;
	
}

.scroll-tu::-webkit-scrollbar {
	width:3px;    
	background: #ECEFF1;
	height:3px;
}

.scroll-tu::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background: #ACACAC;

}	

.scroll-tu:hover::-webkit-scrollbar-thumb {
    background: #ACACAC;
}
/*fillter*/
.box-fillter {
    display: inline-block;
    width: 100%;
	overflow:auto;
	padding-left:15px;
	
}
.box-fillter  .fillter{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    overflow-x: auto;
    overflow-y: hidden;
	padding-bottom:10px;
	padding-top:6px;
	}

.box-fillter .item-fillter {
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    padding: 0 10px;
    line-height: 30px;
    position: relative;
    height: 34px;
	float:left;
	margin-right:15px;
	padding-right:28px;
}
.box-fillter .item-fillter.sort { padding-right:10px; font-weight:bold;}
.box-fillter .custome-select {
	width:100%;
	display:inline-block;
	}
 .box-fillter .item-fillter .arrow {
	 position:absolute;
	 right:0;
	 width:17px;
	 text-align:left;
	 line-height:32px;
	 top:0;
	 color:#E53330;
	 }


.item-fillter .number {
    background: #D41C1C;
    border-radius: 8px;
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    left: 6px;
    top: 3px;
    color: #FFFFFF;
}

.item-fillter .selected {
  
}

.box-fillter .item-fillter.active {
    border: 1px solid #E53330;

}

.rlt {
    position: relative;
}

.box-fillter .item-fillter s{
    text-decoration: none;
    position: absolute;
    top: -12px;
    font-size: 12px;
}
.box-fillter .item-fillter .arrow {
  
}


.box-fillter .item-fillter .selected span {
    padding-right: 10px;
}

.item-fillter .ic-fillter {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/Content/images/ic-filter.svg) center no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}

.item-fillter .custome-select i:before {
    width: auto;
	margin:0;
}
.item-fillter.all { padding-right:38px;}
.box-fillter .item-fillter.all .arrow { width:25px;}
.item-fillter.all .icon-dot-3{
	color:#000;
	}
/* box-brand */
.box-brand {
    padding: 0 2px;
    overflow-x: auto;
    width: 100%;
	background-color:transparent;
}

.box-brand .list-brand {
    padding-top: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0;
	padding-bottom:10px;
	padding-left:10px;
}

.box-brand .list-brand .item {
    text-align: center;
    padding: 0 10px;
    border: none!important;
    max-width: 100%;
    box-sizing: border-box;
}
.box-brand .list-brand .item.more-brand { padding:0 20px;}
.box-brand .list-brand .item.more-brand .icon-dot-3 { font-size:18px;}
.box-brand .list-brand .item > a{
    text-align: center;
    display: block;
    float: left;
    padding: 0;
}
.box-brand .list-brand .item a:last-child{
    padding: 0;
}
.box-brand .list-brand .item a{
    float: left;
}
.box-brand .list-brand .item img {
	width:40px;
	padding:8px 0;
	}

.box-brand .list-brand .item .name {
    margin: 0;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	color: #303030;
}
.box-brand .list-brand .item.active .name {color: #E53330;}
.box-brand .list-brand .item .more-brand {
    height: 38px;
    display: inline-block;
	line-height:38px;
}

.box-brand .list-brand .item .more i:before {
    line-height: 43px;
    color: #222222;
    font-size: 16px;
    margin-top: 3px;
}

.box-brand .list-brand .box-filter-version a,
.box-brand .list-brand .box-filter-model a{
    text-align: left;
    width: auto;
    color: #135EAC;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 14px;
    display: block;
    margin-right: 20px;
}
.box-brand .list-brand .box-filter-version a:last-child,
.box-brand .list-brand .box-filter-model a:last-child{
}
.box-brand .list-brand .box-filter-version a.other,
.box-brand .list-brand .box-filter-model a.other{
    font-weight: 700;
}


.box-brand .list-brand ul li.active a{
    font-weight: 700;
    color: #222222;
}
/*model*/
.filter-model {
	width:100%;
	display:inline-block;
	padding:10px 0;
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	}
.filter-model .box-left-filter {
	width:70px;
	float:left;
	border-right: 1px solid #E1E1E1;
	padding:10px 5px;
	height:74px;
	}	
.filter-model .box-left-filter .name {
	margin:0;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	color: #303030;
	margin-top:5px;
	}
.filter-model .box-list-model {
	float:left;
	width: calc(100% - 70px);
	padding-left:10px;
	}
.filter-model .box-list-model .sub-text {
	margin:0;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #222222;
	}	
.filter-model .box-list-model .list-model {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    overflow-x: auto;
    overflow-y: hidden;
	margin:0;
	padding:0;
	}	
.filter-model .box-list-model .list-model li {
	margin-right:20px;
	list-style:none;
	}
.filter-model .box-list-model .list-model a {
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	color: #E53330;
	text-decoration:none;
	margin-top:10px;
	display:block;
	}
.filter-model .box-list-model .list-model a.other {color: #303030;}	
.filter-model .box-list-model .list-model a.active { font-weight:bold;}	
/*year*/
.filter-year {
	width:100%;
	display:inline-block;
	padding:10px 0;
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	}
.filter-year .box-left-filter {
	width:70px;
	float:left;
	border-right: 1px solid #E1E1E1;
	padding:10px 5px;
	height:74px;
	}	
.filter-year .box-left-filter .name {
	margin:0;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	color: #303030;
	margin-top:5px;
	}
.filter-year .box-list-year {
	float:left;
	width: calc(100% - 70px);
	padding-left:10px;
	}
.filter-year .box-list-year .sub-text {
	margin:0;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #222222;
	}	
.filter-year .box-list-year .list-year {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    overflow-x: auto;
    overflow-y: hidden;
	margin:0;
	padding:0;
	}	
.filter-year .box-list-year .list-year li {
	margin-right:20px;
	list-style:none;
	}
.filter-year .box-list-year .list-year a {
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	color: #E53330;
	text-decoration:none;
	margin-top:10px;
	display:block;
	}
.filter-year .box-list-year .list-year a.other {color: #303030;}	
.filter-year .box-list-year .list-year a.active { font-weight:bold;}
/* box full filter */
.box-full-filter {
	position:fixed;
	left:0;
	z-index:10;	
	right:0;
	top:0;
	width:100%;
	padding-bottom:110px;
	
	height:100%
	}
.box-full-filter .content-full-filter {
	width:100%;
	display:inline-block;
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	height:100%;
	padding:0 10px;
	padding-bottom:110px;
	padding-top:90px;
	overflow:auto;
	}
.box-full-filter .head-full-filter {
	width:100%;
	display:inline-block;
	margin-bottom:22px;
	margin-top:25px;
	}
.box-full-filter .head-full-filter .label {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #101010;
	display:inline-block;
	width:100%;
	margin-bottom:11px;
	}
.head-full-filter .box {
	margin:0 -7px;
	}
.head-full-filter .item {
	width:33.33333%;
	float:left;
	padding:0 7px;
	}		
.head-full-filter .radio-filter  {
  position: relative;
  display: inline-block;
  width:100%;
}
.head-full-filter .radio-filter  input[type="radio"] {
  position: absolute;
  opacity: 0;
  display:none;
}
.head-full-filter  .radio-filter  input[type="radio"] + .radio-label {
  background: #FFFFFF;
	border: 1px solid #D7DFE3;
 border-radius: 3px;
 height:28px;
 line-height:26px;
 font-weight: 400;
font-size: 13px;
color: #9EA6AB;
width:100%;
display:inline-block;
text-align:center;
}

.head-full-filter .radio-filter  input[type="radio"]:checked + .radio-label {
 background: #E53330;
 border: 1px solid #E53330;
 color:#fff;
}
.head-full-filter .radio-filter  input[type="radio"]:focus + .radio-label:before {
  outline: none;
}
	
.box-full-filter .list-form {
	margin:0;
	padding:0;
	width:100%;
	display:inline-block;
	
	}
.box-full-filter .list-form li {
	width:100%;
	float:left;
	padding:5px 0;
	}
.custom-select-filter{
    position: relative;
    background: #fff;
	width:100%;
	display:inline-block;
}
.custom-select-filter .icon-down-dir {
	position:absolute;
	z-index:1;
	top:0;
	right:5px;
	line-height:36px;
	color:#E53330;
	font-size:16px;
	}
.custom-select-filter > select {
    background: none;
    padding-left: 9px;
    padding-right: 35px;
    position: relative;
    z-index: 1;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.select-box-filter {
    height: 38px;
    font-size: 14px;
    width: 100%;
    padding: 9px 10px;
    line-height: 18px;
    background: #fff;
   	border: 1px solid #ECEFF1;
	border-radius: 4px;
    color: #222;
    margin: 0;
}
			
.box-full-filter .box-button {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#fff;
	z-index:1;
	padding:5px 10px;
	}
.box-full-filter .box-button .item  {
	width:100%;
	display:inline-block;
	padding:5px 0;
	}
.box-full-filter .box-button .btn-cancel {
	width:100%;
	display:inline-block;
	background: #FFFFFF;
	border: 1px solid #D7DFE3;
	border-radius: 3px;
	height:38px;
	cursor:pointer;
	text-align:center;
	line-height:36px;
	font-weight: 400;
	font-size: 16px;
	color: #9EA6AB;
	}
.box-full-filter .box-button .btn-submit {
	width:100%;
	display:inline-block;
	background: #E53330;
	border: 0;
	border-radius: 3px;
	height:38px;
	cursor:pointer;
	text-align:center;
	line-height:36px;
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	}
/*price*/
.box-list-price{
	width:100%;
	display:inline-block;
	border-bottom:1px solid #E1E1E1;
	padding:0 10px;
	padding-bottom:10px;
	}
 .box-list-price .box-slider-range {
	width:100%;
	display:inline-block;
	margin-bottom:10px;
	margin-top:10px;
	padding:0 5px;
	}
.box-list-price .list-price {
	margin:0 ;
	display:inline-block;
	width:100%;
	margin-bottom:5px;
	
	}
.box-list-price .list-price:before, .box-list-price .list-price:after {
	content:"";
	display:table;
	height:1px;
	}	
.box-list-price .list-price	 .item {
	width:33.333333%;
	float:left;
	padding:5px;
	}	
.box-list-price .list-price .radio-filter  {
  position: relative;
  display: inline-block;
  width:100%;
}
.box-list-price .list-price .radio-filter  input[type="radio"] {
  position: absolute;
  opacity: 0;
  display:none;
}
.box-list-price .list-price  .radio-filter  input[type="radio"] + .radio-label {
  background: #FFFFFF;
	border: 1px solid #D7DFE3;
 border-radius: 3px;
 height:30px;
 line-height:28px;
 font-weight: 400;
font-size: 13px;
color: #222222;
width:100%;
display:inline-block;
text-align:center;
}

.box-list-price .list-price .radio-filter  input[type="radio"]:checked + .radio-label {
 background: #E53330;
 border: 1px solid #E53330;
 color:#fff;
}
.box-list-price .box-button  {
	margin:0 -2px;
	
	}
.box-list-price .box-button:before, .box-list-price .box-button:after {
	content:"";
	display:table;
	height:1px;
	}	
.box-list-price .box-button .item {
	width:50%;
	float:left;
	padding: 0 7px;
	}	
.box-list-price .box-button .btn-cancel {
	width:100%;
	display:inline-block;
	background: #FFFFFF;
	border: 1px solid #D7DFE3;
	border-radius: 3px;
	height:28px;
	cursor:pointer;
	text-align:center;
	line-height:26px;
	font-weight: 400;
	font-size: 13px;
	color: #9EA6AB;
	}
.box-list-price .box-button .btn-submit {
	width:100%;
	display:inline-block;
	background: #E53330;
	border: 0;
	border-radius: 3px;
	height:28px;
	cursor:pointer;
	text-align:center;
	line-height:26px;
	font-weight: 400;
	font-size: 13px;
	color: #ffffff;
	}
/*year*/
.box-list-year{
	width:100%;
	display:inline-block;
	border-bottom:1px solid #E1E1E1;
	padding:0 10px;
	padding-bottom:10px;
	}
 .box-list-year .box-slider-range {
	width:100%;
	display:inline-block;
	margin-bottom:10px;
	margin-top:10px;
	padding:0 5px;
	}
.box-list-year .list-year {
	margin:0 ;
	display:inline-block;
	width:100%;
	margin-bottom:5px;
	
	}
.box-list-year .list-year:before, .box-list-year .list-year:after {
	content:"";
	display:table;
	height:1px;
	}	
.box-list-year .list-year	 .item {
	width:33.333333%;
	float:left;
	padding:5px;
	}	
.box-list-year .list-year .radio-filter  {
  position: relative;
  display: inline-block;
  width:100%;
}
.box-list-year .list-year .radio-filter  input[type="radio"] {
  position: absolute;
  opacity: 0;
  display:none;
}
.box-list-year .list-year  .radio-filter  input[type="radio"] + .radio-label {
	background: #FFFFFF;
	border: 1px solid #D7DFE3;
	border-radius: 3px;
	height:30px;
	line-height:28px;
	font-weight: 400;
	font-size: 13px;
	color: #222222;
	width:100%;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}

.box-list-year .list-year .radio-filter  input[type="radio"]:checked + .radio-label {
 background: #E53330;
 border: 1px solid #E53330;
 color:#fff;
}
.box-list-year .box-button  {
	margin:0 -2px;
	
	}
.box-list-year .box-button:before, .box-list-year .box-button:after {
	content:"";
	display:table;
	height:1px;
	}	
.box-list-year .box-button .item {
	width:50%;
	float:left;
	padding: 0 7px;
	}	
.box-list-year .box-button .btn-cancel {
	width:100%;
	display:inline-block;
	background: #FFFFFF;
	border: 1px solid #D7DFE3;
	border-radius: 3px;
	height:28px;
	cursor:pointer;
	text-align:center;
	line-height:26px;
	font-weight: 400;
	font-size: 13px;
	color: #9EA6AB;
	}
.box-list-year .box-button .btn-submit {
	width:100%;
	display:inline-block;
	background: #E53330;
	border: 0;
	border-radius: 3px;
	height:28px;
	cursor:pointer;
	text-align:center;
	line-height:26px;
	font-weight: 400;
	font-size: 13px;
	color: #ffffff;
	}				
@media only screen and (max-width:950px){.hide-scroll-body-filter { overflow:hidden;}	}	

@media only screen and (min-width:540px) and (max-width:960px){
	.box-full-filter .content-full-filter {
		padding-top: 150px;
		}
	}									
@media only screen and (min-width:960px){
.box-search-car .row { margin:0;}
.scroll-tu::-webkit-scrollbar {
	height:5px;
}
.box-brand .list-brand { padding-left:0;}
.box-brand .list-brand .item img {
    width: 60px;
}
.box-brand .list-brand .item .more-brand {
    height: 49px;
    line-height: 49px;
	font-size:16px;
}
.box-brand {
	border: 1px solid #ECEFF1;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	padding:10px;
}
.box-fillter { padding-left:0;}
.box-fillter  .fillter{
	padding:20px 0;
	}
.box-fillter .item-fillter {
   
    line-height: 36px;
    height: 38px;
}
.box-fillter .item-fillter .arrow {
	 line-height: 36px;
	}	
.item-fillter.all .icon-dot-3 { font-size:18px;}	
/*model*/	
.filter-model {
	background: #FFFFFF;
	border: 1px solid #ECEFF1;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	padding:10px;
	margin-top:20px;
	}
.filter-model .box-left-filter {
	width:110px;
	height:119px;
	padding:15px 10px;
	padding-left:0;
	}	
.filter-model .box-left-filter .name {
	font-size: 16px;
	margin-top:15px;
	}
.filter-model .box-list-model {
	width: calc(100% - 110px);
	padding-left:20px;
	}
.filter-model .box-list-model .sub-text {
	font-size: 14px;
	line-height: 18px;
	}	

.filter-model .box-list-model .list-model {	
	padding-bottom:27px;
	padding-top:7px;
	}	
.filter-model .box-list-model .list-model li {
	min-width:109px;
	}
.filter-model .box-list-model .list-model a {
	margin-top:15px;
	}
/*year*/
.filter-year {
	background: #FFFFFF;
	border: 1px solid #ECEFF1;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	padding:10px;
	margin-top:20px;
	}
.filter-year .box-left-filter {
	width:110px;
	height:119px;
	padding:15px 10px;
	padding-left:0;
	}	
.filter-year .box-left-filter .name {
	font-size: 16px;
	margin-top:15px;
	}
.filter-year .box-list-year {
	width: calc(100% - 110px);
	padding-left:20px;
	}
.filter-year .box-list-year .sub-text {
	font-size: 14px;
	line-height: 18px;
	}	

.filter-year .box-list-year .list-year {	
	padding-bottom:27px;
	padding-top:7px;
	}	
.filter-year .box-list-year .list-year li {
	min-width:109px;
	}
.filter-year .box-list-year .list-year li:last-child { margin-right:0;}	
.filter-year .box-list-year .list-year a {
	margin-top:15px;
	}		
/* box full filter */
.box-full-filter {
	position: relative;
	left:auto;
	right:auto;
	top:auto;
	padding-bottom:0;
	height:auto;
	background: #FFFFFF;
    border: 1px solid #ECEFF1;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 12%);
    border-radius: 4px;
    padding: 15px 10px;
    margin-top: 0;
	width:100%;
	display:inline-block;
	}
.box-full-filter .content-full-filter {
	
	position: relative;
	left:auto;
	top:auto;
	bottom:auto;
	height:auto;
	padding:0;
	padding-bottom:0;
	padding-top:0;
	overflow: hidden;
	width:100%;
	display:inline-block;
	margin-bottom:5px;
	}
.box-full-filter .head-full-filter {
	margin-bottom:10px;
	margin-top:0;
	padding:0 5px;
	}
.box-full-filter .head-full-filter .label {
	
	font-size: 14px;
	line-height: 30px;
	width:70px;
	margin-bottom:0;
	float:left;
	}
.head-full-filter .box {
	margin:0;
	width: calc(100% - 70px);
	float:left;
	}
.head-full-filter .item {
	width:95px;
	padding:0;
	margin-right:15px;
	}		
.head-full-filter .radio-filter  {
  
}

.head-full-filter  .radio-filter  input[type="radio"] + .radio-label {
 
 height:30px;
 line-height:28px;
font-size: 14px;
cursor:pointer;

}


.box-full-filter .list-form li {
	width:33.333333%;
	padding:10px 5px;
	}

			
.box-full-filter .box-button {
	position: relative;
	left:auto;
	bottom:auto;
	width:auto;
	background:#fff;
	z-index:1;
	padding:0;
	margin:0 -2px;
	}
.box-full-filter .box-button .item  {
	width:50%;
	float:left;
	padding:0 7px;
	}

/*price*/
.box-list-price{
	border: 1px solid #ECEFF1;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 12%);
    border-radius: 4px;
    padding: 15px 10px;
	margin-bottom:20px;
	}
 .box-list-price .box-slider-range {
	margin-top:0;
	padding:0 5px;
	}
.box-list-price .list-price {	
	margin-bottom:5px;
	
	}
/*year*/
.box-list-year{
	border: 1px solid #ECEFF1;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 12%);
    border-radius: 4px;
    padding: 15px 10px;
	margin-bottom:20px;
	}
 .box-list-year .box-slider-range {
	margin-top:0;
	padding:0 5px;
	}
.box-list-year .list-year {	
	margin-bottom:5px;
	
	}
.box-list-year .list-year .item { width:10%;}		

}



