/*---------------Header---------------*/
.title-header{background: url(../images/bg-newcar.jpg) center no-repeat;}

.sub-title { display: block; padding: 4px 0; }
.sub-title h2 { font-weight: bold; font-size: 20px; position: relative; }
.sub-title .line-title { position: relative; width: 50px; height: 1px; background: #000; display: inline-block; top: -6px; }
.sub-title small { font-weight: normal; font-size: 14px; }

/* slide */
.car-detail { display: block; margin:50px auto 12px; }
.search-box{display:flex; flex-wrap: wrap; width: 100%; margin: 0 0 18px; position: relative; }
.search-box .full-images{ position: relative; width: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 58%, #000000 58%, #000000 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(58%, #ffffff), color-stop(58%, #000000), color-stop(100%, #000000));
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 58%, #000000 58%, #000000 100%);
    background: -o-linear-gradient(left, #ffffff 0%, #ffffff 58%, #000000 58%, #000000 100%);
    background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 58%, #000000 58%, #000000 100%);
    background: linear-gradient(to right, #ffffff 0%, #ffffff 58%, #000000 58%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );} 
.search-box .full-images section { position: relative; top: -20px; border:1px solid #000; background: #fff;  }
.search-box .full-images img{width: 100%;}
.search-box .bg-arrow { background: rgba(255, 255, 255, 0.3); position: absolute; left: 0; bottom: 26px; z-index: 9; width: 100%; height: 30px; display: block; }
.search-box .bg-black{background: #000; color: #FFF; padding: 20px 40px; width: 50%; }
.search-box .bg-black strong{display: block; margin: 0 0 10px; font-weight: 700;  border-bottom: 1px solid #fff; text-align: left; padding-bottom: 14px; }
.search-box .bg-black small{display: inline-block; font-size: 12px; border: 1px solid #FFF; padding:3px 5px; margin: 0 5px 0 0;}
.search-box .bg-black span{display: block; font-size: 30px; text-align: right; color: #c7002a; font-weight: 700; padding: 5px 0; margin-bottom: 18px; }
.search-box .price { font-size: 10px; font-weight: 300; display: inline-block; color: #fff; margin-right: 8px;}
.position-btn { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 14px; }
.position-btn .btn-default { width: 49%; background: #d9d9d9; padding: 14px 4px; display: block; text-align: center; font-size: 20px; font-weight: 700; transition: all 0.3s; }
.position-btn .btn-red { color: #c7002a; border: 2px solid #c7002a; }
.position-btn .btn-blue { color: #0071ac; border: 2px solid #0071ac; }

/* iten slide */
.item-slide section .item-img{ width: 33.33% !important; cursor: pointer; border: 4px solid #000; }
.item-slide section .item-img:focus { outline: none;}
.item-slide section .item-img img { width: 100%; }
.item-slide .slick-list .slick-track { transform: translate3d(0, 0, 0)!important; width: 100% !important; } 
.item-slide .slick-current { border: 4px solid #fff !important; }

.spec { margin: 8px auto; }
.tab-carspec{overflow: hidden;}
.tab-carspec { display: flex; flex-wrap: wrap; justify-content: space-between;}
.tab-carspec li{display:flex; flex-wrap: wrap; float: left; width: 49%; border: 1px solid #000; }
.tab-carspec li div{display: inline-block; width: 50%; padding: 12px 5px;  }
.tab-carspec li div:first-child{background: #f7f7f7;  border-right: 0; text-align: center; }
.tab-carspec li div:last-child{ border-left: 0; }

.color { display: block; margin: 50px auto 20px; }
.list-color { display: block; }
.list-color li { display: inline-block; background: #f6f6f6; padding: 6px 12px; border-bottom: 1px solid #000; margin: 8px; }

.bg-black { background: #000; padding: 24px 8px; text-align: center; }
.bg-white { background: #fff!important; }

.footer-btn { width: 100%; display: inline-block; }
.footer-btn .btn-default { display: inline-block; width: 30%; margin: 0 1%;  }
.btn-default:hover { box-shadow: 2px 2px 2px rgba(255, 255, 255, 0.8); }

/* tab */
.content-tab{margin: 50px 0 20px;}
.content-tab .tabs { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between }
.content-tab .tabs li { color:#000; display: inline-block; padding: 8px; width: 49%; text-align: center; cursor: pointer; font-weight: bold; background: #e3e3e3; }

.content-tab .tabs li.current { background: #000; color: #fff;}
.content-tab .tab-pane { display: none; margin: 0 auto;}
.content-tab .tab-pane.current { display: block;}
.content-tab .tab-contents{ border-top: 2px solid #000; padding: 12px; background: #fff; font-weight: normal;}


#soubiArea{
	padding:15px;
	/* margin:0px 0 10px;
	padding:10px 15px; */
}
#soubiArea .fl {float:left;width: 81%;}
.soubi_Select {
	float:right;
	padding:0px 4px;
	width: 19%;
}
#midashiArea1 div:hover{ color: #000 !important; background-color: #f7ff25;}

#spec_list2 {
	border-right:3px solid #fff;
  width: 100%;
}
#spec_list2 td {
	height:25px;
	border-right:1px solid #ccc;
	padding:5px 8px;
	line-height:14px;
	line-height:1.24em;
}
#soubi_disp {
	float:left;
}
.Selectbutton_koumoku:hover,.Selectbutton_koumoku.hover{text-decoration:none;}

#midashiArea1 div{

}
#midashiArea1 div:hover{
   color: #FFF !important;
   background: #000 !important;

}
#btn_midashi1{
	color:#000 !important;
}



@media (max-width:1128px) {
   .search-box .bg-arrow { display: none; }
}
@media (max-width:860px) {    
    .search-box .bg-black { padding: 20px; }
 }


 @media (max-width:768px) {
    .search-box .full-images { width: 100%; }
    .search-box .full-images section { top: 0; width: 100%; margin: 0; }
    .search-box .bg-black { width: 100%; }
    .search-box .bg-arrow { display: block; bottom: 0; }

    .item-slide section .item-img { width: 16.66% !important; }

    .tab-link.infomation { display: none !important; }
    .tab-pane.infomation { display: none !important; }
    
 }

 @media (max-width:680px) {
   .footer-btn .btn-default { width: 35%; }
 }

 @media (max-width:580px) {
    .tab-carspec li { width: 100%; }
    .position-btn .btn-default { font-size: 14px; }
 }

 @media (max-width:460px) {
    .search-box .bg-black { padding: 12px; }    
    .item-slide section .item-img { width: 33.33% !important; }
 }

 @media (max-width:430px) {
   .footer-btn .btn-default { width: 100%; margin: 8px auto; }
 }