/* car name */
.car-name { display: block; text-align: center; padding: 22px 0; font-weight: 900; font-size: 28px; }
.car-name span { display: inline-block; margin: 0 8px; }
.car-name small { display: inline-block; margin: 0 8px; font-size: 16px; }

/* slide */
.slide { display: flex; flex-wrap: wrap; }
.slide .full-slide { display: block; width: 70%; padding-right: 5%; }
.slide .nav-item-slide { display: block; width: 30%; }

.full-slide .slider-for { background: #fff; padding: 4px; border: 3px solid #000; box-shadow: 6px 6px 0 #97dae6; }
.nav-item-slide .slick-list .slick-track { transform: translate3d(0, 0, 0)!important; width: 100% !important; } 
.nav-item-slide .slick-slide { width: 48% !important; margin: 0 1% 8px; line-height: 0; background: #fff; padding: 3px; transition: all 0.3s; cursor: pointer; }
.nav-item-slide .slick-slide.slick-current.slick-active,
.nav-item-slide .slick-slide.slick-current { background: #62d9f7; }
.nav-item-slide .item-img img { width: 100%; }
.nav-item-slide .item-img:focus { outline: none; }
.nav-item-slide .slider-nav { padding: 12px; }

/* data slide car detail */
.box-border-blue { display: block; width: 100%; border-top: 4px solid #3ebfe2; background: #fff; margin-bottom: 24px;  }
.box-border-blue .body-price { background: #f1f1f1; padding: 2px; text-align: center; }
.box-border-blue .price { font-size: 34px; color: #ff0024; font-weight: 900; padding: 12px; text-align: right; }
.box-border-blue .price small { font-size: 12px; font-weight: 500; color: #000; }


/* btn */
.bg-btn { background: url(../images/newcar-detail/bg-btn.jpg) #fff top center repeat-x; padding: 15px 0 45px; }
.btn-inquire  { display: block; background: #fff701; max-width: 320px; width: 100%; text-align: center; padding: 18px; margin:0 auto; border: 4px solid #000; font-size: 22px; font-weight: 600; box-shadow: 3px 3px 0px #70f4a5, inset 2px 2px 2px #fff; transition: all 0.3s; }
.btn-inquire:hover { background: #fff; box-shadow: none; 
    border-style: solid;
    border-width: 4px;
    -moz-border-image: url(../images/newcar-detail/border-btn.png) 4 repeat;
    -webkit-border-image: url(../images/newcar-detail/border-btn.png) 4 repeat;
    -o-border-image: url(../images/newcar-detail/border-btn.png) 4 repeat;
    border-image: url(../images/newcar-detail/border-btn.png) 4 fill repeat;}

/* tabs */
.border-tab { border-bottom: 5px solid #50d19c; }
.content-tab .tabs { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
.content-tab .tabs li { color:#000; font-size: 18px; display: inline-block; padding: 8px; width: 49%; text-align: center; cursor: pointer; background: #fff; border: 2px solid #000;border-bottom: 0; }

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



/* spec car detail */
.title-spec { color: #51ae3e; font-size: 14px; }
.title-spec h2 { color:#000; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: 700; text-align: left; }

.car-spec ul { display: flex; flex-wrap: wrap; padding: 24px 0; }
.car-spec ul li { display: flex; width: 50%; font-size: 14px; }
.car-spec .title { display: block; width: 30%; padding: 8px; font-weight: 500; text-align: right; }
.car-spec .data { display: block; width: 70%; padding:8px 12px; font-weight: 300; }
.car-spec ul li:nth-of-type(4n), .car-spec ul li:nth-of-type(4n-1){background:#f5f5f5;}
.car-spec ul li:nth-of-type(4n-2), .car-spec ul li:nth-of-type(4n-3){background:#ffffff;}

/* color car detail */
.title-color { color: #f9ab05; font-size: 14px; }
.title-color h2 {color:#000;  font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: 700; text-align: left; }

.color ul { padding: 18px 0; }
.color li { display: inline-block; padding: 8px; margin: 12px 12px 12px 0; position: relative; }
.color li::before { content: url(../images/newcar-detail/arrow-color.png); margin-right: 8px; }



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

#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{

}

#btn_midashi1{
	color:#000 !important;
}

@media(max-width:991px) {
    .slide .full-slide { width: 100%; padding: 0 0 24px; }
    .slide .nav-item-slide { display: flex; flex-wrap: wrap-reverse; width: 100%; padding: 0 0 24px; }

    .nav-item-slide .slick-slide { width: 14.66% !important; }
    .box-border-blue { margin-top: 18px; }

    .bg-btn { margin-top: -55px; }

    .content-tab .tabs li.infomation, 
    .content-tab .tab-pane.infomation { display: none;}
    .tabs{display:none !important;}
    .border-tab{ border-bottom: none;}
    .content-tab .tab-contents{ padding: 0px; }
    .car-spec ul { padding: 10px 0;}

}

@media(max-width:767px) {  
    .color li { margin: 6px 12px 6px 0; }

    .car-spec .title { width: 40%; }
    .car-spec .data { width: 60%; }
}

@media(max-width:520px) {
    .car-name { font-size: 22px; }
    .box-border-blue .price { font-size: 26px; }

    .car-spec ul li { width: 100%; }
    .car-spec ul li:nth-of-type(4n), .car-spec ul li:nth-of-type(4n-1){background:none;}
    .car-spec ul li:nth-of-type(4n-2), .car-spec ul li:nth-of-type(4n-3){background:none;}
    .car-spec ul li:nth-child(odd) { background: #fff; }
    .car-spec ul li:nth-child(even) { background: #f5f5f5; }
}

@media(max-width:480px) {
    .nav-item-slide .slick-slide { width: 31.33% !important; }
}