* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

body {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
}

select::-ms-expand {
  display: none;
}

/*擐㚚�header & footer*/

.wrapHeaderIndex {
  width: 100%;
  height: 100px;
  background: #de0e0d;
  position: relative;
}

.bgBtnAppDl {
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.2) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.2) 100%
  );
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.2) 100%
  );
}

.btnAppDl {
  width: 1200px;
  height: 50px;
  margin: auto;
  background: url(../images/doubleBigSlash.svg) no-repeat right top;
  padding: 7px 0 0 0;
}

.btnAppDl_m,
.appDl_m,
.btnClose_m,
.tabNavIndex_m,
.wrapHeaderIndex_m,
.bgBtnAppDl_m,
.bgMask_m,
.btnCloseIndex_m {
  display: none;
}

.btnAppDl ul {
  float: right;
  margin: 0 86px 0 0;
}

.btnAppDl li {
  width: 112px;
  height: 36px;
  float: left;
  margin: 0 12px 0 0;
}

.headerIndex {
  width: 1200px;
  height: 100px;
  position: relative;
  margin: auto;
}



.logo h1 {
  text-indent: -9999px;
  width: 240px;
  height: 48px;
  margin: 0;
  background: url(../images/logo.svg) no-repeat;
  background-size: cover;
}

.logo img {
  max-width: 100%;
}

.navIndex {
  width: 314px;
  height: 50px;
  background: url(../images/bigSlash.svg) no-repeat left top;
  position: absolute;
  right: 120px;
  top: 0;
  padding: 0 0 0 62px;
}

.navIndex li {
  width: 72px;
  height: 50px;
  float: left;
  margin: 0 12px 0 0;
}

.navIndex li:nth-child(1),
.navIndex li:nth-child(2) {
  background: url(../images/smallSlash.svg) no-repeat right center;
  background-size: 14px 22px;
}

.navIndex li:nth-child(4),
.navIndex li:nth-child(5),
.navIndex li:nth-child(6) {
  width: 115px;
  margin: 4px 12px 0 0;
}

.navIndex li a {
  text-decoration: none;
  line-height: 50px;
  color: #fff;
  font-size: 22px;
  padding: 10px 0;
}

.navIndex li a:hover {
  box-shadow: 0 -3px 0 #fff inset;
}

.footer {
  width: 100%;
}

.sitemap {
  width: 100%;
  height: 324px;
  background: #58595b;
}

.sitemapContent {
  width: 1200px;
  height: 324px;
  margin: auto;
  padding: 30px 39px;
  position: relative;
}

.sitemapContent > ul > li {
  float: left;
  width: 187px;
  text-align: center;
}

.sitemapContent > ul > li > h2 {
  width: 95px;
  font-size: 19px;
  color: #fff;
  border-bottom: 3px solid #fff;
  margin: 0 auto 26px;
  padding: 0 0 10px 0;
}

.sitemapContent > ul > li > p > a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #fff;
  margin: 0 0 5px 0;
}

.sitemapContent > ul > li > p > a:hover {
  text-decoration: underline;
}

.sitemapContent_m {
  display: none;
}

.servicePhone {
  position: absolute;
  left: 39px;
  bottom: 30px;
}

.servicePhone p {
  font-size: 20px;
  color: #fff;
}

.socialNetworkAndContact {
  position: absolute;
  right: 39px;
  bottom: 30px;
}

.socialNetworkAndContact li {
  float: left;
  width: 114px;
  height: 24px;
  border-radius: 5px;
  margin: 0 0 0 10px;
  padding: 0 10px 0 0;
  background: url(../images/bgFacebook.svg) no-repeat 10px bottom #3b5991;
  background-size: 9px 19px;
}

.socialNetworkAndContact li:nth-child(3),
.socialNetworkAndContact li:nth-child(4) {
  background: url(../images/bgContact.svg) no-repeat 10px center #fff;
  background-size: 18px 14px;
}

.socialNetworkAndContact li a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  text-align: right;
  line-height: 24px;
}

.socialNetworkAndContact li:nth-child(3) a,
.socialNetworkAndContact li:nth-child(4) a {
  color: #58595b;
}

.copyright {
  width: 100%;
  height: 56px;
  background: #de0e0d;
}

.copyright p,
.copyright p a {
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-decoration: none;
}

.copyright p a:hover {
  text-decoration: underline;
}

.contactUs_m {
  display: none;
}

.goToTop {
  width: 50px;
  height: 50px;
  margin-top: 10px;
  box-sizing: border-box;
  display: none;
  position: fixed;
  right: 0;
  bottom: 75px;
  cursor: pointer;
  background: url(../images/bgGoToTop.png) no-repeat center center #fff;
  background-size: 24px 12px;
  border: 1px solid #aaa;
}
.goToTop:hover {
  border: 1px solid #58595b;
}

/*擐㚚�header & footer*/

/*�嗡�㚚�header*/

.navBuy,
.navMaintenance,
.navSell {
  /*width: 715px;*/
  width: 588px;
  height: 50px;
  background: url(../images/bgNavBigSlash.png) no-repeat left top;
  position: absolute;
  right: 136px;
  top: 0;
  padding: 0 0 0 82px;
}

.navMaintenance,
.navSell {
  width: 588px;
}

.navSubmenu {
  width: 1200px;
  height: 50px;
  background: url(../images/bgNavSubmenu_1.png) no-repeat right center;
  position: absolute;
  right: 50%;
  top: 0;
  z-index: 6;
  margin-right: -450px;
  padding: 0 84px 0 0;
}

.navSubmenu li {
  float: right;
  height: 50px;
  margin: 0 0 0 40px;
  position: relative;
}

.navSubmenu li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #fff;
  line-height: 50px;
}

.navSubmenu li a:hover {
  box-shadow: 0 -3px 0 #fff inset;
}

/*�嗡�㚚�header*/

/*擐㚚�*/

.navBanner {
  width: 100%;
  height: 667px;
  position: relative;
}

.navBannerBuy {
  position: absolute;
  left: 50%;
  margin-left: -494px;
  top: 0;
}

.navBannerMaintainese {
  position: absolute;
  left: 50%;
  margin-left: -594px;
  top: 225px;
}

.navBannerSell {
  position: absolute;
  left: 50%;
  margin-left: -697px;
  top: 451px;
}

.navBanner_m {
  display: none;
}

/*擐㚚�*/

/*鞎瑁��*/

.wrapBuyTitle {
  width: 100%;
  height: 155px;
  background: #8e9093;
  position: relative;
  padding: 155px 0 0 0;
}

.buyTitle {
  width: 1234px;
  height: 155px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -600px;
  background: url(../images/bgBuyTitle.png) no-repeat left top;
}

.buyTitle img {
  display: none;
}

.wrapBuySearch {
  width: 100%;
  background: #eceded;
}

.buySearch {
  width: 1200px;
  margin: -52px auto 0;
  padding: 0 45px;
}

#tabs {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
}

#tabs-1 > p {
  font-size: 20px;
  color: #231f20;
  line-height: 2;
}

#tabs-1 > p input {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  width: 738px;
  height: 40px;
  border: 3px solid #a2a4a7;
  font-size: 15px;
  color: #231f20;
  padding: 0 10px;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cecece;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #cecece;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #cecece;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #cecece;
}

.btnSearch {
  width: 110px;
  height: 40px;
  position: absolute;
  right: 8px;
  top: 70px;
}

.btnSearch a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #fff;
  background: #e00e0d;
  text-align: center;
  line-height: 40px;
}

#tabs p.hotKeywords {
  font-size: 15px;
  color: #6d6e71;
  padding: 0 0 0 236px;
}

.searchOption {
  width: 100%;
  overflow: hidden;
  margin: 20px 0 0 0;
}

.searchOption h2 {
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background: url(../images/bgSearchOption.png) no-repeat right 30px top #58595b;
  background-size: contain;
}

.searchOptionType,
.searchOptionPrice {
  float: left;
  width: 545px;
  height: 204px;
  border: 1px solid #8e9093;
  background: #fff;
  margin: 0 13px 15px 0;
}

.searchOptionPrice {
  margin: 0 0 15px 0;
}

.searchOptionTypeContent,
.searchOptionPriceContent {
  width: 100%;
  padding: 5px 25px;
  overflow: hidden;
}

.searchOptionTypeContent li {
  float: left;
  width: 115px;
  height: 74px;
  cursor: pointer;
  text-align: center;
  padding: 12px 0 0 0;
  margin: 0 11px 11px 0;
}

.searchOptionTypeContent li:nth-child(4n) {
  margin: 0 0 11px 0;
}

.btnCarTypeFocus,
.btnCarYearFocus,
.btnCarRegionFocus {
  background: #cccecf;
}

.searchOptionTypeContent li img {
  width: 80%;
  height: auto;
}

.searchOptionTypeContent li p {
  font-size: 14px;
  color: #58595b;
  line-height: 2;
}

.searchOptionPriceContent {
  background: url(../images/searchOptionPrice.svg) no-repeat center 25px;
  background-size: 90%;
  padding: 5px 46px 5px 30px;
}

#slider-range {
  background: #cccecf;
  border-radius: 0.5em;
  margin: 50px 0 30px;
}

#slider-range span {
  background: #58595b;
  border-radius: 50%;
}

.searchOptionPriceContent p input {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #58595b;
}

.searchOptionYear,
.searchOptionRegion {
  float: left;
  width: 267px;
  height: 189px;
  border: 1px solid #8e9093;
  background: #fff;
  margin: 0 11px 15px 0;
}

.searchOptionRegion {
  margin: 0 0 15px 0;
}

.searchOptionYear ul {
  padding: 14px 0 0 0;
}

.searchOptionYear li {
  width: 70px;
  height: 24px;
  margin: 0 auto 10px;
  cursor: pointer;
}

.searchOptionYear li p,
.searchOptionRegion li p {
  font-size: 14px;
  color: #58595b;
  text-align: center;
  line-height: 24px;
}

.searchOptionRegion ul {
  width: 156px;
  margin: auto;
  overflow: hidden;
  padding: 28px 0 0 6px;
}

.searchOptionRegion li {
  width: 73px;
  height: 24px;
  margin: 0 0 10px 0;
  cursor: pointer;
}

.searchOptionRegion li:nth-child(odd) {
  float: left;
}

.searchOptionRegion li:nth-child(even) {
  float: right;
}

.searchOptionColor {
  float: right;
  width: 545px;
  height: 189px;
  border: 1px solid #8e9093;
  background: #fff;
}

.searchOptionColor ul {
  padding: 15px 10px 15px 20px;
}

.searchOptionColor li {
  float: left;
  width: 80px;
  height: 58px;
  cursor: pointer;
  margin: 0 8px 10px 0;
}

.searchOptionColor li:nth-child(6n) {
  margin: 0 0 10px 0;
}

.searchOptionColor li p {
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 58px;
}

.searchOptionColor li.btnCarColorBlue {
  background: #0261b2;
}

.searchOptionColor li.btnCarColorGreen {
  background: #418041;
}

.searchOptionColor li.btnCarColorPurple {
  background: #661a64;
}

.searchOptionColor li.btnCarColorRed {
  background: #c90b0b;
}

.searchOptionColor li.btnCarColorYellow {
  background: #ffc41f;
}

.searchOptionColor li.btnCarColorOrange {
  background: #f7800b;
}

.searchOptionColor li.btnCarColorWhite {
  background: #fff;
  border: 1px solid #d6d6d6;
}

.searchOptionColor li.btnCarColorSilver {
  background: #e8eae9;
}

.searchOptionColor li.btnCarColorGray {
  background: #474747;
}

.searchOptionColor li.btnCarColorBrown {
  background: #5e3c26;
}

.searchOptionColor li.btnCarColorBlack {
  background: #131314;
}

.searchOptionColor li.btnCarColorYellow p,
.searchOptionColor li.btnCarColorWhite p,
.searchOptionColor li.btnCarColorSilver p,
.searchOptionColor li.btnCarColorOther p {
  color: #131314;
}

.btnCarColorFocus {
  box-shadow: 0 0 5px 1px #000;
}

.btnSearch2 {
  width: 150px;
  height: 34px;
  margin: auto;
  border-radius: 5px;
  background: #c90b0b;
}

.btnSearch2 a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 34px;
}

.btnAdvSearch {
  position: absolute;
  right: 0;
  bottom: 34px;
}

.btnAdvSearch a {
  text-decoration: none;
  font-size: 13px;
  color: #58595b;
}

.btnAdvSearch a:hover {
  text-decoration: underline;
}

#tabs-2 h2 {
  width: 600px;
  font-size: 22px;
  color: #e40e0d;
  text-align: center;
  line-height: 2;
  background: url(../images/buyBrandLine.png) no-repeat center bottom;
  background-size: contain;
  margin: 0 auto 35px;
}

.dealerRegionSelect {
  width: 1040px;
  margin: 30px auto;
  overflow: hidden;
  padding: 5px 0;
}

.dealerRegionSelectType {
  float: left;
  width: 72px;
  margin: 0 40px 0 0;
}

.dealerRegionSelectType p,
.dealerRegionTaiwan p {
  font-size: 18px;
  color: #58595b;
}

.dealerRegionSelectTypeContent {
  float: right;
  width: 928px;
  margin: 0 0 15px 0;
  position: relative;
}

.dealerRegionTaiwan {
  float: left;
  width: 36px;
  margin: 0 12px 0 0;
}

.dealerRegionTaiwanContent {
  float: left;
  width: 880px;
  overflow: hidden;
  margin: 0;
}

.btnDealerRegion,
.allbtnn,
.allbtnm,
.allbtns,
.allbtne {
  float: left;
  width: 105px;
  border: 1px solid #58595b;
  color: #58595b;
  margin: 0 5px 0 0;
  cursor: pointer;
}

.dealerRegionTaiwanContent li p {
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
}

.btnDealerRegionFocus,
.allbtnFocus {
  background: #df0e0d;
  color: #fff;
  border: none;
  border: 1px solid #df0e0d;
}

.dealerRegionSelectGroup {
  width: 300px;
  height: 40px;
  position: absolute;
  left: 0;
  top: -12px;
}

.dealerRegionSelectGroupList1 {
  width: 138px;
  position: absolute;
  left: 0;
  top: 0;
}

.dealerRegionSelectGroupList2 {
  width: 138px;
  position: absolute;
  right: 0;
  top: 0;
}

.dealerRegionSelectGroupList1 select,
.dealerRegionSelectGroupList2 select {
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #58595b;
  padding: 0 0 0 10px;
  background: #fff;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.dealerRegionSelectOr {
  position: absolute;
  left: 350px;
  top: 11px;
}

.dealerRegionSelectOr p {
  font-size: 18px;
  color: #58595b;
}

.dealerRegionSelecInput {
  position: absolute;
  left: 0;
  top: 0;
}

.dealerRegionSelecInput input {
  width: 195px;
  height: 40px;
  padding: 0 0 0 10px;
  font-size: 14px;
  border: 1px solid #58595b;
}

.btnDealerSearch,
.btnDealerClear {
  width: 92px;
  height: 40px;
  position: absolute;
  left: 205px;
  top: 0;
}

.btnDealerClear {
  left: 305px;
}

.btnDealerSearch a,
.btnDealerClear a {
  display: block;
  text-decoration: none;
  border-radius: 5px;
  background: url(../images/bgBtnDealerSearch.svg) no-repeat right 10px center
    #df0e0d;
  background-size: 7px 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.btnDealerClear a {
  background: #58595b;
}

.wrapBuySlider {
  width: 100%;
  height: auto;
  background: #cccecf;
  padding: 35px 0 15px 0;
  position: relative;
}

.wrapBuySlider h2 {
  font-size: 22px;
  color: #e00e0d;
  text-align: center;
  margin: 0 0 10px 0;
}

.buySliderLine {
  width: 600px;
  height: 2px;
  margin: 5px auto 25px;
  background: url(../images/buySliderLine.png) no-repeat center center;
}

.wrapBuySlider > p {
  width: 600px;
  margin: auto;
  font-size: 13px;
  color: #58595b;
  text-align: center;
  line-height: 1.5;
}

.swiper-container {
  width: calc(100% - 30px);
  max-width: 1200px;
  padding: 0 0 50px 0;
  margin: 20px auto;
}
/*.swiper-container-m {
    display: none;
}*/

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  position: relative;
}

.swiper-container .swiper-button-next {
  right: 0;
  top: 0;
  width: 45px;
  height: 300px;
  background: url(../images/sliderNext.svg) no-repeat center center
    rgba(0, 0, 0, 0.5);
  background-size: 30%;
  margin-top: 0;
}

.swiper-container .swiper-button-prev {
  left: 0;
  top: 0;
  width: 45px;
  height: 300px;
  background: url(../images/sliderPrev.svg) no-repeat center center
    rgba(0, 0, 0, 0.5);
  background-size: 30%;
  margin-top: 0;
}

.swiper-pagination-bullet {
  background: #e00e0d;
  opacity: 0.2;
}

.swiper-pagination-bullet-active {
  background: #e00e0d;
  opacity: 1;
}

.sliderInfo {
  width: 100%;
  height: 41px;
  position: relative;
  /*left: 0;
    bottom: 0;*/
  background: #eceded;
}

.sliderInfoYear {
  position: absolute;
  left: 5px;
  top: 0;
}

.sliderInfoPrice {
  position: absolute;
  right: 5px;
  top: 0;
}

.sliderInfo p {
  line-height: 41px;
}

.sliderInfo p,
.sliderInfoYear p,
.sliderInfoPrice p {
  font-size: 14px;
  color: #6d6e71;
  text-align: center;
}

.btnMoreSelect {
  width: 150px;
  height: 18px;
  position: absolute;
  right: 50%;
  bottom: 40px;
  margin-right: -600px;
}

.btnMoreSelect img {
  width: 100%;
  height: auto;
}

.wrapBuyRecommend {
  width: 100%;
  background: #a2a4a7;
}

.buyRecommend {
  width: 1200px;
  margin: auto;
  overflow: hidden;
}

.buyRecommend li {
  float: left;
  width: 300px;
  height: 270px;
  position: relative;
}

.buyRecommend li img {
  width: 100%;
  height: auto;
}

.buyRecommendType1st,
.buyRecommendType2nd,
.buyRecommendType3rd,
.buyRecommendType4th {
  width: 240px;
  height: 43px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/bgBuyRecommend1st.png) no-repeat;
}

.buyRecommendType2nd {
  background: url(../images/bgBuyRecommend2nd.png) no-repeat;
}

.buyRecommendType3rd {
  background: url(../images/bgBuyRecommend3rd.png) no-repeat;
}

.buyRecommendType4th {
  background: url(../images/bgBuyRecommend4th.png) no-repeat;
}

.wrapBuyDealer {
  width: 100%;
  background: url(../images/bgBuyDealer.jpg) no-repeat center center #172127;
  background-size: cover;
  padding: 25px 0;
}

.buyDealerSum_m,
.buyDealerGuest_m,
.buyDealerInfo_m {
  display: none;
}

.buyDealerSum {
  width: 1140px;
  margin: 0 auto 5px;
  background: url(../images/bgBuyDealerSum.png) no-repeat left center;
  background-size: 310px 204px;
}
.buyDealerGuest {
  width: 1140px;
  margin: 0 auto 5px;
  background: url(../images/Model.png) no-repeat left center;
  background-size: 310px 204px;
}
.buyDealerInfo {
  width: 1140px;
  margin: 0 auto 5px;
  background: url(../images/bgBuyDealerInfo.png) no-repeat left center;
  background-size: 310px 204px;
}

.buyDealerSum ul,
.buyDealerInfo ul,
.buyDealerGuest ul {
  padding: 0 0 0 316px;
  margin: 0;
  overflow: hidden;
}

.buyDealerSum li,
.buyDealerGuest li,
.buyDealerInfo li {
  float: left;
  width: 271px;
  margin: 0 5px 0 0;
}

.buyDealerSum li:last-child,
.buyDealerGuest li:last-child,
.buyDealerInfo li:last-child {
  margin: 0;
}

.wrapBuyService {
  width: 100%;
  height: 270px;
  background: #e1e2e3;
}

.wrapBuyService_m {
  display: none;
}

.wrapBuyService ul {
  width: 1110px;
  margin: auto;
  overflow: hidden;
  padding: 0 0 0 150px;
  position: relative;
}

.buyServiceDeco {
  position: absolute;
  left: 0;
  top: 0;
}

.wrapBuyService li {
  float: left;
  width: 500px;
  height: 270px;
  padding: 0 0 0 13px;
}

.wrapBuyService li:nth-child(3) {
  padding: 0;
  margin-left: -53px;
}

.wrapBuyBrandLine {
  width: 100%;
  background: #eceded;
}

.wrapBuyBrand {
  width: 100%;
  height: 376px;
  background: #eceded;
  padding: 40px 0;
}

.buyBrandLineH2 {
  font-size: 22px;
  color: #e00e0d;
  text-align: center;
  padding: 30px 0 10px;
  background: #eceded;
}

.buyBrandLine {
  width: 1140px;
  margin: auto;
  background: #eceded;
}

.wrapBuyBrand ul {
  width: 1109px;
  margin: auto;
  overflow: hidden;
}

.wrapBuyBrand li {
  float: left;
  width: 162px;
  margin: 0 74px 15px 0;
}

.wrapBuyBrand li:nth-child(5n) {
  margin: 0 0 15px 0;
}

.wrapBuyBrand li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #58595b;
}

.wrapBuyBrand li a:hover {
  text-decoration: underline;
}

.wrapBuy {
  width: 100%;
  background: #eceded;
}

.wrapBuyContent {
  width: 1200px;
  margin: auto;
  overflow: hidden;
}

.buyAdvSearch {
  float: left;
  width: 280px;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  padding: 35px 15px 0;
  background: #f6f6f6;
  min-height: 2354px;
}

.buyAdvSearch > h2 {
  font-size: 24px;
  color: #58595b;
  margin: 0 0 10px 0;
}

.buyAdvSearchBrand,
.buyAdvSearchCarType,
.buyAdvSearchPrice,
.buyAdvSearchYear,
.buyAdvSearchRegion,
.buyAdvSearchOther {
  width: 100%;
  padding: 0 0 20px 0;
  clear: both;
}

.buyAdvSearchBrand h2,
.buyAdvSearchCarType h2,
.buyAdvSearchPrice h2,
.buyAdvSearchYear h2,
.buyAdvSearchRegion h2,
.buyAdvSearchOther h2 {
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background: url(../images/bgSearchOption.png) no-repeat right 20px top #58595b;
  background-size: contain;
}

.buyAdvSearchBrandMajor,
.buyAdvSearchBrandMore {
  width: 100%;
  overflow: hidden;
  padding: 10px 0 0 0;
}

.buyAdvSearchBrandMore {
  padding: 0;
  display: none;
}

.buyAdvSearchBrandMajor li,
.buyAdvSearchBrandMore li {
  float: left;
  width: 80px;
  height: 80px;
  margin: 0 4px 5px 0;
  position: relative;
  cursor: pointer;
}

.buyAdvSearchBrandMajor li:nth-child(3n),
.buyAdvSearchBrandMore li:nth-child(3n) {
  margin: 0 0 5px 0;
}

.buyAdvSearchBrandMajor li img,
.buyAdvSearchBrandMore li img {
  width: 65%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.btnAdvSearchBrand {
  background-image: url(../images/bgBtnBrandMajor.png);
  background-size: 80px 80px;
}

.btnAdvSearchBrandFocus {
  background-image: url(../images/bgBtnBrandFOcus.png);
  background-size: 80px 80px;
}

.btnAdvSearchBrandMore {
  width: 64px;
  height: 13px;
  margin: auto;
  background: url(../images/bgBtnBrandMore.svg) no-repeat right center;
  background-size: 7px 6px;
}

.btnAdvSearchBrandMore a {
  display: block;
  text-decoration: none;
  font-size: 13px;
  color: #647997;
}

.btnAdvSearchBrandMore_m {
  display: none;
}

.buyAdvSearchCarType select {
  width: 100%;
  height: 30px;
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  font-size: 14px;
  color: #58595b;
  padding: 0 0 0 10px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 10px 0 0 0;
  border: 1px solid #cdcfd0;
  background: url(../images/bgSelectCarType.svg) no-repeat right 10px center;
  background-size: 9px 6px;
}

.buyAdvSearchPriceContent {
  padding: 15px 5px 0;
}

.searchYear,
.searchPrice {
  margin: 10px 0 0 0;
  max-width: 100%;
}

#slider-range2,
#slider-range3,
#slider-range4 {
  background: #cccecf;
  border-radius: 0.5em;
  margin: 10px 0;
}

#slider-range2 span,
#slider-range3 span,
#slider-range4 span {
  background: #58595b;
  border-radius: 50%;
}

.buyAdvSearchPriceContent p input,
.buyAdvSearchYearContent p input,
.buyAdvSearchOtherCcContent p input {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #58595b;
  background: transparent;
}

.buyAdvSearchRegion ul {
  padding: 10px 0 0 0;
}

.buyAdvSearchRegion li {
  float: left;
  width: 80px;
  height: 30px;
  margin: 0 4px 5px 0;
  cursor: pointer;
}

.buyAdvSearchRegion li:nth-child(3n) {
  margin: 0 0 5px 0;
}

.buyAdvSearchRegion li p {
  font-size: 16px;
  color: #58595b;
  line-height: 30px;
  text-align: center;
}

.btnAdvSearchOtherType {
  background: #fff;
  border: 1px solid #808080;
}

.btnAdvSearchRegion {
  background: #fff;
  border: 1px solid #808080;
}

.btnAdvSearchRegionFocus,
.btnAdvSearchOtherTypeFocus {
  border: none;
  background: #cbcdce;
}

.buyAdvSearchOtherType,
.buyAdvSearchOtherColor,
.buyAdvSearchOtherCc,
.buyAdvSearchOtherFuel,
.buyAdvSearchOtherDoors,
.buyAdvSearchOtherGear,
.buyAdvSearchOtherPersons,
/*0122�鰵憓�*/
.buyAdvSearchProtection {
  width: 100%;
  height: 30px;
  box-shadow: 0 0 0 1px #808080;
  margin: 15px 0 5px;
  background: url(../images/bgAdvSearchOther.svg) no-repeat right 10px center
    #fff;
  background-size: 16px 16px;
  cursor: pointer;
  clear: both;
}

.buyAdvSearchOtherTypeClick,
.buyAdvSearchOtherColorClick,
.buyAdvSearchOtherCcClick,
.buyAdvSearchOtherFuelClick,
.buyAdvSearchOtherDoorsClick,
.buyAdvSearchOtherGearClick,
.buyAdvSearchOtherPersonsClick,
/*0122�鰵憓�*/
.buyAdvSearchProtectionClick {
  background: url(../images/bgAdvSearchOtherClick.svg) no-repeat right 10px
    center #fff;
  background-size: 16px 16px;
}

.buyAdvSearchOtherType p,
.buyAdvSearchOtherColor p,
.buyAdvSearchOtherCc p,
.buyAdvSearchOtherFuel p,
.buyAdvSearchOtherDoors p,
.buyAdvSearchOtherGear p,
.buyAdvSearchOtherPersons p,
/*0122�鰵憓�*/
.buyAdvSearchProtection p {
  font-size: 16px;
  color: #58595b;
  line-height: 30px;
  text-align: center;
}

.buyAdvSearchOtherTypeContent,
.buyAdvSearchOtherColorContent,
.buyAdvSearchOtherCcContent,
.buyAdvSearchOtherFuelContent,
.buyAdvSearchOtherDoorsContent,
.buyAdvSearchOtherGearContent,
.buyAdvSearchOtherPersonsContent,
/*0122�鰵憓�*/
.buyAdvSearchProtectionContent {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  display: none;
  /*overflow: hidden;*/ /*0119靽格㺿*/
}

.buyAdvSearchOtherTypeContent ul,
.buyAdvSearchOtherColorContent ul,
.buyAdvSearchOtherCcContent ul,
.buyAdvSearchOtherFuelContent ul,
.buyAdvSearchOtherDoorsContent ul,
.buyAdvSearchOtherGearContent ul,
.buyAdvSearchOtherPersonsContent ul,
/*0122�鰵憓�*/
.buyAdvSearchProtectionContent ul {
  padding: 0 0 10px 0;
}

.buyAdvSearchOtherTypeContent li {
  float: left;
  width: 48%;
  height: 70px;
  margin: 0 0 5px 0;
  padding: 20px 0 0 0;
  text-align: center;
  cursor: pointer;
}

.buyAdvSearchOtherTypeContent li:nth-child(odd) {
  float: left;
}

.buyAdvSearchOtherTypeContent li:nth-child(even) {
  float: right;
}

.buyAdvSearchOtherTypeContent li img {
  width: 70%;
  margin-top: -10px;
}

.buyAdvSearchOtherTypeContent li p {
  font-size: 14px;
}

.buyAdvSearchOtherColorContent li {
  float: left;
  width: 32.25355%;
  height: 58px;
  margin: 0 4px 5px 0;
  cursor: pointer;
}

.buyAdvSearchOtherColorContent li:nth-child(3n),
.buyAdvSearchOtherFuelContent li:nth-child(3n) {
  margin: 0 0 5px 0;
}

.buyAdvSearchOtherColorContent li p {
  font-size: 12px;
  color: #fff;
  line-height: 58px;
  text-align: center;
}

.btnAdvSearchOtherColorFocus {
  box-shadow: 0 0 0 5px #df0e0d inset;
}

.buyAdvSearchOtherCcContent li {
  width: 100%;
  float: left;
}

.buyAdvSearchOtherFuelContent li,
.buyAdvSearchOtherDoorsContent li,
.buyAdvSearchOtherGearContent li,
.buyAdvSearchOtherPersonsContent li {
  float: left;
  width: 31%;
  height: 30px;
  margin: 0 4px 5px 0;
  cursor: pointer;
}

.buyAdvSearchOtherFuelContent li p,
.buyAdvSearchOtherDoorsContent li p,
.buyAdvSearchOtherGearContent li p,
.buyAdvSearchOtherPersonsContent li p {
  font-size: 16px;
  color: #58595b;
  line-height: 30px;
  text-align: center;
}

.btnAdvSearchOtherFuel,
.btnAdvSearchOtherDoors,
.btnAdvSearchOtherGear,
.btnAdvSearchOtherPersons {
  background: #fff;
  border: 1px solid #808080;
}

.btnAdvSearchOtherFuelFocus,
.btnAdvSearchOtherDoorsFocus,
.btnAdvSearchOtherGearFocus,
.btnAdvSearchOtherPersonsFocus {
  border: none;
  background: #cbcdce;
}

.buyAdvSearchResult {
  float: right;
  width: 100%;
  padding: 25px 0;
}

.buySearchResult {
  float: right;
  width: 880px;
  padding: 25px 0;
  margin: 0 160px 0 0;
}

.sortingBar {
  width: 100%;
  height: 48px;
  background: #f6f6f6;
  border: 1px solid #c0c0c0;
  position: relative;
  margin: 0 0 15px 0;
}

.wrapSortingBar_m {
  display: none;
}

.sortingBar > ul {
  padding: 0 0 0 10px;
}

.sortingBar > ul > li {
  float: right;
  height: 48px;
  position: relative;
  padding: 0 20px;
}

.sortingBar > ul > li:after {
  content: "";
  width: 1px;
  height: 13px;
  background: #58595b;
  position: absolute;
  left: 0;
  top: 18px;
}

.sortingBar > ul > li:last-child:after {
  display: none;
}

.sortingBar > ul > li > p {
  font-size: 13px;
  color: #58595b;
  line-height: 48px;
}

.sortingBar > ul > li a {
  display: block;
  text-decoration: none;
  font-size: 13px;
  color: #58595b;
  line-height: 48px;
}

.sortingBar > ul > li ul {
  width: 100%;
  padding: 5px 10px;
  background: #fff;
  position: absolute;
  left: 0;
  top: -9999px;
  z-index: 10;
  background: #f6f6f6;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
}

.sortingBar > ul > li:hover ul {
  top: 47px;
}

.sortingBar > ul > li ul li {
  width: 100%;
  margin: 0 0 5px 0;
}

.sortingBar > ul > li ul li a {
  cursor: pointer;
  line-height: 1;
  text-align: center;
  color: #0f83c6;
}

.sortingBar > ul > li ul li a:hover {
  text-decoration: underline;
}

.btnSeeCarCompare {
  width: 110px;
  height: 13px;
  position: absolute;
  left: 20px;
  top: 16px;
}

.btnSeeCarCompare a {
  display: block;
  text-decoration: none;
  font-size: 13px;
  color: #e00e0d;
  text-align: center;
}

.btnSeeCarCompare a:hover {
  text-decoration: underline;
}

.buySearchResultContent {
  width: 100%;
}

.buySearchResultContentSticky {
  width: 100%;
}

.buySearchResultContentSticky > h2 {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
  text-align: center;
  background: #5dc1cf;
}

.buySearchResultContentStickyContent,
.buySearchResultContent > ul > li {
  width: 100%;
  overflow: hidden;
  /*height: 220px;*/
  margin: 0 0 10px 0;
  position: relative;
  background: url(../images/bgBuySearchResultContentStickyContent.png) no-repeat
    left top #fff;
  background-size: contain;
  padding: 0 0 0 36px;
}

.buySearchResultContent > ul > li {
  background: url(../images/bgBuySearchResultContent.png) no-repeat left top
    #fff;
  background-size: contain;
}

.buySearchResultContentGift,
.buySearchResultContentDiscount {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 9;
}

.buySearchResultContentSelected {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 9;
}

.buySearchResultContentSelected img {
  width: 100%;
  height: auto;
}

.buySearchResultContentLike {
  width: 26px;
  height: 26px;
  background-color: #fff;
  background-image: url(../images/bgBuySearchResultContentLike.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 12px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  cursor: pointer;
  z-index: 9;
}

.buySearchResultContentLikeActive {
  background-image: url(../images/bgBuySearchResultContentLikeActive.png);
}

.selectedShowroom {
  position: absolute;
  right: 20px;
  top: 0;
}

/* 車輛資訊 */
.carImg {
  width: 100%;
  position: relative;
}
.resultByList .carImg,
.specialList .carImg {
  float: left;
}
.carImg img {
  width: 100%;
}

.carInfo {
  width: 100%;
  padding: 15px;
  position: relative;
  text-align: left;
}
.carInfo h3 {
  margin: 0 40px 0 0;
  padding: 0 0 5px 0;
  font-size: 20px;
  line-height: 125%;
}
.carInfo h3 > a {
  margin-right: 10px;
  color: #333;
  font-weight: 600;
  text-decoration: none;
}
.carInfo > ul {
  margin: 6px 0;
}
.carInfo > ul > li {
  padding: 0 7px 0 0;
  margin: 5px 5px 2px 0;
  display: inline-block;
  border-right: 1px solid #6d6e71;
  font-size: 15px;
  color: #6d6e71;
  line-height: 16px;
}
.carInfo > ul > li:last-child {
  border: none;
}
.carInfo .salePrice {
  margin: 15px 0 20px 0;
  font-weight: bold;
  line-height: 18px;
  color: #e00e0d;
  font-size: 32px;
}
.carInfo .salePrice small {
  margin-left: 5px;
  font-size: 18px;
  font-weight: normal;
}
.searchByBox .carInfo .salePrice,
.resultByrecommend .carInfo .salePrice {
  text-align: right;
}
.resultByList .carInfo .salePrice,
.specialList .carInfo .salePrice {
  text-align: left;
}
.carInfo .congratulate {
  color: #d20375;
}
@media screen and (max-width: 768px) {
  .carInfo > ul {
    margin: 5px 0 8px 0;
  }
  .carInfo > ul > li {
    padding: 0 4px 0 0;
    margin: 2px 2px 2px 0;
  }
}

/* 深色底 */
.darkBg .carInfo h3,
.darkBg .carInfo h3 > a,
.darkBg .carInfo > ul li {
  color: #fff;
}
.darkBg .carInfo .salePrice {
  color: #f9d67f;
}
.darkBg .carInfo .congratulate {
  color: #ffeb00;
}
.darkBg .carInfo > ul > li {
  border-color: #999;
}

/* 車輛資訊 - 圖片或列表切換 */
@media screen and (min-width: 768px) {
  .resultByList .carImg,
  .specialList .carImg {
    max-width: 290px;
  }
  .resultByList .carInfo,
  .specialList .carInfo {
    width: calc(100% - 290px);
    margin-left: 290px;
  }
}
@media screen and (max-width: 480px) {
  .carInfo h3 {
    font-size: 16px;
  }
  .resultByList .carImg,
  .specialList .carImg {
    float: none;
  }
  .resultByList .carInfo,
  .specialList .carInfo {
    display: block;
  }
}

/*.carInfo>ul>li:nth-child(2) {
    padding: 0 5px 0 35px;
    border: none;
}
.carInfo>ul>li>p span {
    width: 50px;
    height: 14px;
    position: absolute;
    right: 1px;
    top: 1px;
    background: #fff;
    color: #d61518;
    text-align: center;
    line-height: 14px;
}

.dealerModelBadge,
.dealerGoldBadge,
.dealerGoodBadge {
    width: 32px;
    height: 16px;
    position: absolute;
    left: 5px;
    top: -5px;
}

.dealerSelectBadge {
    width: 19px;
    height: 22px;
    position: absolute;
    left: 5px;
    top: -4px;
}*/

.buySearchResultContentInfoScore {
  width: 118px;
  height: 18px;
  border: 1px solid #6c6e71;
  position: absolute;
  top: -2px;
  left: 0;
}

.buySearchResultContentInfoScore p {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  background: #6c6e71;
  padding: 0 10px;
  position: relative;
}

.buySearchResultContentInfoScore p span {
  width: 50px;
  height: 14px;
  position: absolute;
  right: 1px;
  top: 1px;
  background: #fff;
  color: #d61518;
  text-align: center;
  line-height: 14px;
}

/*.buySearchResultContentInfo h4 {
    margin-bottom: 10px; clear: both; position: relative;
    font-size: 38px; color: #e00e0d;
}*/

.addToCompare {
  width: 76px;
  height: 26px;
  position: absolute;
  left: 113px;
  top: 17px;
}

.addToCompare a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  background: #e00e0d;
}

.carCondition {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #ccc;
}
.buyCarDetailTitleTextBadge .carCondition {
  border-top: none;
}
.darkBg .carCondition {
  border-top: 1px solid #8d8f92;
}

.carCondition h3 {
  margin: 10px 0;
  font-size: 15px;
  line-height: 140%;
  color: #6d6e71;
}
@media screen and (max-width: 768px) {
  .searchByBox .carCondition h3,
  .resultByrecommend .carCondition h3 {
    margin-bottom: 0;
  }
  .searchByBox .carCondition ul,
  .resultByrecommend .carCondition ul {
    display: none;
  }
}
.carCondition li {
  display: inline-block;
  width: 77px;
  height: 20px;
  background-color: #bbbbbb;
  background-repeat: no-repeat;
  background-position: 4px center;
  padding: 0 5px;
  margin: 0 3px 3px 0;
}
.carCondition li.carConditionActive {
  background-color: #0f83c6;
}

.carCondition li.carCondition1st,
.buyCompareContent3 li.carCondition1st {
  background-image: url(../images/bgCarCondition1st.png);
}

.carCondition li.carCondition2nd,
.buyCompareContent3 li.carCondition2nd {
  background-image: url(../images/bgCarCondition2nd.png);
}

.carCondition li.carCondition3rd,
.buyCompareContent3 li.carCondition3rd {
  background-image: url(../images/bgCarCondition3rd.png);
}

.carCondition li.carCondition4th,
.buyCompareContent3 li.carCondition4th {
  background-image: url(../images/bgCarCondition4th.png);
}

.carCondition li.carCondition5th,
.buyCompareContent3 li.carCondition5th {
  background-image: url(../images/bgCarCondition5th.png);
}

.carCondition li.carCondition6th,
.buyCompareContent3 li.carCondition6th {
  background-image: url(../images/bgCarCondition6th.png);
}

.carCondition li.carCondition7th,
.buyCompareContent3 li.carCondition7th {
  background-image: url(../images/bgCarCondition7th.png);
}

.carCondition li.carCondition8th,
.buyCompareContent3 li.carCondition8th {
  background-image: url(../images/bgCarCondition8th.png);
}

.carCondition li p {
  font-size: 12px;
  color: #fff;
  text-align: right;
  line-height: 20px;
}

.pages {
  width: auto;
  height: 34px;
  text-align: center;
  margin: 35px 0 10px;
}

.pages a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #231f20;
  background: #fff;
  line-height: 34px;
}

.pages a:hover {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  background: #58595b;
}

.btnPagesPrev,
.btnPagesNext {
  width: 70px;
  height: 34px;
  display: inline-block;
}

.btnPagesNumber {
  width: 30px;
  height: 34px;
  display: inline-block;
}

.btnPagesNumberActive a {
  background: #58595b;
  color: #fff;
  cursor: default;
}

.wrapBuyTitle2,
.wrapBuyTitle3 {
  width: 100%;
  /* height: 354px; */
  overflow: hidden;
  position: relative;
}

.wrapBuyTitle3 {
  margin: -3px 0 0 0;
}

.wrapBuyTitle2 img,
.wrapBuyTitle3 img {
  width: 100%;
  height: auto;
}

.buyTitle2Text {
  position: absolute;
  left: 52%;
  top: 20%;
  /*cursor: pointer;*/ /*0119靽格㺿*/
  width: 25%;
}

.buyTitle3Text {
  position: absolute;
  right: 52%;
  top: 25%;
  /*cursor: pointer;*/ /*0119靽格㺿*/
  width: 25%;
}

.buyTitle2Text img,
.buyTitle3Text img {
  width: 100%;
  height: auto;
}
.buyTitle2Text a {
  color: #fff;
}
.buyTitle3Text a {
  color: #000;
}

.wrapBuyGuarantee {
  width: 100%;
  background: #eceded;
  margin: -3px 0 0 0;
}

.buyGuarantee {
  width: 1000px;
  margin: auto;
  padding: 20px 0;
}

.buyGuarantee li {
  width: 100%;
  margin: 0 0 20px 0;
  /* min-height: 284px; */
  padding: 80px 0 0 0;
  text-align: center;
}

.buyGuarantee li.buyGuarantee1st {
  background: url(../images/bgBuyGuarantee1st.png) no-repeat center top;
}

.buyGuarantee li.buyGuarantee2nd {
  background: url(../images/bgBuyGuarantee2nd.png) no-repeat center top;
}

.buyGuarantee li.buyGuarantee3rd {
  background: url(../images/bgBuyGuarantee3rd.png) no-repeat center top;
}

.buyGuarantee li.buyGuarantee4th {
  background: url(../images/bgBuyGuarantee4th.png) no-repeat center top;
}

.buyGuarantee li.buyGuarantee5th {
  background: url(../images/bgBuyGuarantee5th.png) no-repeat center top;
}

.buyGuarantee li.buyGuarantee6th {
  background: url(../images/bgBuyGuarantee6th.png) no-repeat center top;
}

.buyGuarantee li.buyGuarantee7th {
  background: url(../images/bgBuyGuarantee7th.png) no-repeat center top;
}

.buyGuarantee li.buyGuarantee8th {
  background: url(../images/bgBuyGuarantee8th.png) no-repeat center top;
}

.buyGuarantee li.buyGuarantee9th {
  background: url(../images/bgBuyGuarantee9th.png) no-repeat center top;
}

.buyGuarantee li.buyGuarantee10th {
  background: url(../images/bgBuyGuarantee10th.png) no-repeat center top;
}

.btnBuyGuarantee1stMore,
.btnBuyGuarantee1stLess,
.btnBuyGuarantee2ndMore,
.btnBuyGuarantee2ndLess,
.btnBuyGuarantee3rdMore,
.btnBuyGuarantee3rdLess,
.btnBuyGuarantee4thMore,
.btnBuyGuarantee4thLess,
.btnBuyGuarantee5thMore,
.btnBuyGuarantee5thLess,
.btnBuyGuarantee6thMore,
.btnBuyGuarantee6thLess,
.btnBuyGuarantee7thMore,
.btnBuyGuarantee7thLess,
.btnBuyGuarantee8thMore,
.btnBuyGuarantee8thLess,
.btnBuyGuarantee9thMore,
.btnBuyGuarantee9thLess,
.btnBuyGuarantee10thMore,
.btnBuyGuarantee10thLess {
  width: 151px;
  height: 34px;
  margin: 25px auto;
  cursor: pointer;
  clear: both;
}

.buyGuarantee1stMoreContent,
.btnBuyGuarantee1stLess,
.buyGuarantee2ndMoreContent,
.btnBuyGuarantee2ndLess,
.buyGuarantee3rdMoreContent,
.btnBuyGuarantee3rdLess,
.buyGuarantee4thMoreContent,
.btnBuyGuarantee4thLess,
.buyGuarantee5thMoreContent,
.btnBuyGuarantee5thLess,
.buyGuarantee6thMoreContent,
.btnBuyGuarantee6thLess,
.buyGuarantee7thMoreContent,
.btnBuyGuarantee7thLess,
.buyGuarantee8thMoreContent,
.btnBuyGuarantee8thLess,
.buyGuarantee9thMoreContent,
.btnBuyGuarantee9thLess,
.buyGuarantee10thMoreContent,
.btnBuyGuarantee10thLess {
  clear: both;
}

.buyGuarantee1stMoreContent,
.buyGuarantee2ndMoreContent,
.buyGuarantee3rdMoreContent,
.buyGuarantee4thMoreContent,
.buyGuarantee5thMoreContent,
.buyGuarantee6thMoreContent,
.buyGuarantee7thMoreContent,
.buyGuarantee8thMoreContent,
.buyGuarantee9thMoreContent,
.buyGuarantee10thMoreContent {
  margin: 25px 0 0 0;
}

.buyGuarantee1stMoreContent img,
.buyGuarantee2ndMoreContent img,
.buyGuarantee3rdMoreContent img,
.buyGuarantee4thMoreContent img,
.buyGuarantee5thMoreContent img,
.buyGuarantee6thMoreContent img,
.buyGuarantee7thMoreContent img,
.buyGuarantee8thMoreContent img,
.buyGuarantee9thMoreContent img,
.buyGuarantee10thMoreContent img {
  max-width: 100%;
}

.wrapBreadCrumb {
  width: 100%;
  height: 50px;
  background: #ebecec;
}

.breadCrumb {
  width: 1200px;
  height: 50px;
  margin: auto;
}

.breadCrumb p,
.breadCrumb p a {
  font-size: 16px;
  color: #6d6e71;
  line-height: 50px;
}

.breadCrumb p a {
  text-decoration: none;
}

.breadCrumb p a:hover {
  text-decoration: underline;
}

.wrapBuyCarDetailTitle {
  width: 100%;
  height: 155px;
  background: #8d8f92;
}

.buyCarDetailTitleContent {
  width: 1200px;
  height: 155px;
  margin: auto;

  position: relative;
}

.buyCarDetailTitleContent a {
  position: absolute;
}

.wrapBuyCarDetail {
  width: 100%;
  padding: 20px 0 45px;
  background: #eceded;
}

.buyCarDetail {
  width: 1200px;
  margin: auto;
}

.buyCarDetailTitle {
  width: 100%;
  overflow: hidden;
}

.buyCarDetailTitleImg {
  float: left;
  width: 760px;
}

.buyCarDetailTitleImg h2 {
  min-height: 49px;
  font-size: 22px;
  color: #fff;
  line-height: 1.2;
  background: url(../images/bgBuyCarDetailTitleH2.png) no-repeat;
  background-size: cover;
  padding: 10px 10px 20px 10px;
}

.buyCarDetailTitleLike {
  width: 38px;
  height: 38px;
  background-color: #fff;
  background-image: url(../images/bgBuyCarDetailTitleLike.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 5px;
  bottom: 5px;
  cursor: pointer;
  z-index: 9;
}

.buyCarDetailTitleLikeActive {
  background-image: url(../images/bgBuyCarDetailTitleLikeActive.png);
}

.swiper-container-carDetail {
  width: 760px;
  height: 520px;
  overflow: hidden;
  position: relative;
}

.buyCarDetailTitleText {
  float: right;
  width: 410px;
  height: 646px;
  position: relative;
  overflow: hidden;
}

.buyCarDetailTitleText h2 {
  width: 347px;
  height: 49px;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  background: url(../images/bgCarDeatilDealerName.png);
  padding: 0 0 0 50px;
}

.carDetailBadge {
  position: absolute;
  left: 10px;
  top: 10px;
}

.carDetailSelectedShowroom {
  position: absolute;
  right: 6px;
  top: 0;
}

.buyCarDetailTitleTextScore {
  width: 100%;
  height: 27px;
  margin: 10px 0;
  position: relative;
}

.buyCarDetailTitleTextScore p {
  font-size: 15px;
  color: #636363;
  line-height: 27px;
  position: relative;
}

.buyCarDetailTitleTextScore p span {
  color: #fff;
  background: #6d6e71;
  padding: 3px 10px;
}

.buyCarDetailTitleTextScore p img {
  position: absolute;
  left: 87px;
  top: 2px;
}

.buyCarDetailTitleTextScore p b {
  padding: 0 0 0 94px;
}

.buyCarDetailTitleTextScore p a {
  text-decoration: none;
  font-size: 16px;
  line-height: 27px;
  color: #425b92;
}

.buyCarDetailTitleTextScore p a:hover {
  text-decoration: underline;
}

.buyCarDetailTitleTextScoreStar {
  position: absolute;
  left: 130px;
  top: 5px;
}

.buyCarDetailTitleTextScoreStat {
  position: absolute;
  right: 15px;
  top: 0;
}

.buyCarDetailTitleTextContent {
  width: 100%;
  padding: 5px 0 0 10px;
}
.buyCarDetailTitleTextContent > div {
  padding: 0;
  overflow: hidden;
  font-size: 16px;
  color: #6d6e71;
  line-height: 1.5;
}
.buyCarDetailTitleTextContent > div > span {
  width: calc(100% - 80px);
  /*以下為居家旅行必備良方*/
  /*solve the vertical-align problem of horizontal divs*/
  /*float: left;不可使用!*/
  vertical-align: top;
  zoom: 1;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  height: auto !important;
  min-height: 24px;
}

.buyCarDetailTitleTextPrice {
  width: 100%;
  margin: 10px 0;
  padding: 5px 10px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  color: #eceded;
  background: #a00404;
  background: -moz-linear-gradient(left, #a00404 0%, #d90d0c 35%, #a00404 100%);
  background: -webkit-linear-gradient(
    left,
    #a00404 0%,
    #d90d0c 35%,
    #a00404 100%
  );
  background: linear-gradient(to right, #a00404 0%, #d90d0c 35%, #a00404 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a00404', endColorstr='#a00404',GradientType=1 );
}
.buyCarDetailTitleTextPrice > div strong {
  display: block;
  font-size: 19px;
}
.buyCarDetailTitleTextPrice > div small {
  margin-right: 15px;
  font-size: 13px;
}
.buyCarDetailTitleTextPrice > div small i {
  margin-right: 5px;
  color: #ffd60b;
}
.buyCarDetailTitleTextPrice > b {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 34px;
  line-height: 57px;
}

.buyCarDetailTitleTextBadge {
  width: 100%;
  margin: 20px 0 10px;
  padding: 0 0 0 10px;
}

.buyCarDetailTitleTextBadge p {
  font-size: 16px;
  color: #6d6e71;
  margin: 0 0 10px 0;
}

.yesReport {
  width: 100%;
  margin: 10px 0;
}

.yesReport_m {
  display: none;
}

.yesReport a {
  text-decoration: none;
  font-size: 16px;
  color: #074e98;
  padding: 0 0 0 25px;
  background: url(../images/bgYesReport.png) no-repeat left center;
}

.yesReport a:hover {
  text-decoration: underline;
}

.buyCarDetailTitleTextOther {
  width: 100%;
  margin: 20px 0;
  padding: 0 0 0 10px;
  overflow: hidden;
}
.buyCarDetailTitleTextOther li {
  width: 49%;
  height: 24px;
  float: left;
  border-left: 1px solid #58595b;
}
.buyCarDetailTitleTextOther li:first-child {
  border: none;
}
.buyCarDetailTitleTextOther li:nth-child(3) {
  display: none;
}
.buyCarDetailTitleTextOther li a {
  display: block;
  text-decoration: none;
  font-size: 17px;
  color: #58595b;
  line-height: 24px;
  text-align: center;
}
.buyCarDetailTitleTextOther li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
  .buyCarDetailTitleTextOther {
    padding: 0;
  }
  .buyCarDetailTitleTextOther li {
    width: 33%;
  }
  .buyCarDetailTitleTextOther li:nth-child(3) {
    display: block;
  }
  .buyCarDetailTitleTextOther li a {
    padding: 0 0 0 5px;
    font-size: 12px;
  }
}

.buyCarDetailTitleTextReservation {
  width: 100%;
  height: 45px;
  margin: 20px 0;
}

.buyCarDetailTitleTextReservation a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  background: url(../images/bgBtnReservation.png);
  padding: 0 0 0 30px;
}

.buyCarDetailTitleTextLink {
  width: 100%;
  position: relative;
}

.buyCarDetailTitleTextLinkReport {
  position: absolute;
  right: 0;
  top: 3px;
}

.buyCarDetailTitleTextLinkReport_m,
.buyCarDetailTitleTextOther1st_m,
.buyCarDetailTitleTextReservation_m {
  display: none;
}

.buyCarDetailTitleTextLinkReport a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #58595b;
  background: url(../images/bgReport.png) no-repeat left center;
  padding: 0 0 0 20px;
  line-height: 17px;
}

.wrapBtnCarSelect {
  width: 1200px;
  height: 18px;
  margin: 20px auto 10px;
  overflow: hidden;
}

.btnCarSelectPrev {
  float: left;
  height: 18px;
  padding: 0 0 0 40px;
  background: url(../images/bgBtnCarSelectPrev.png) no-repeat left center;
}

.btnCarSelectNext {
  float: right;
  height: 18px;
  padding: 0 40px 0 0;
  background: url(../images/bgBtnCarSelectNext.png) no-repeat right center;
}

.btnCarSelectPrev a,
.btnCarSelectNext a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  color: #e00e0d;
}

.wrapBuyCarDetailContent {
  width: 1200px;
  margin: auto;
  background: #fff;
  position: relative;
}

.buyCarDetailContentNav {
  width: 100%;
  overflow: hidden;
  border: 1px solid #58595b;
  border-bottom: 5px solid #58595b;
  margin: 0 0 10px 0;
}

.buyCarDetailContentNav_m {
  display: none;
}

.buyCarDetailContentNav li {
  float: left;
  width: 254px;
  height: 45px;
  border-right: 1px solid #58595b;
  cursor: pointer;
  color: #6d6e71;
  background: #fff;
}

.buyCarDetailContentNav li p {
  font-size: 16px;
  text-align: center;
  line-height: 45px;
}

.buyCarDetailContentNav li.buyCarDetailContentNavActive {
  background: #58595b;
  color: #fff;
}

.buyCarDetailContentSpec,
.buyCarDetailContentSpecial,
.buyCarDetailContentDealer {
  width: 100%;
  padding: 30px; /*1219靽格㺿*/
}

.buyCarDetailContentSpecial,
.buyCarDetailContentDealer {
  opacity: 0;
  position: absolute;
  top: -9999px;
  left: 0;
}

.buyCarDetailContentSpec h2 {
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #353535;
  position: relative;
  line-height: 36px;
}

.buyCarDetailContentSpec h2 a {
  display: block;
  text-decoration: none;
  color: #fff;
  background: url(../images/bgBtnCarSelectNext.png) no-repeat left center;
  padding: 0 0 0 40px;
  position: absolute;
  right: 10px;
  top: 0;
}

.buyCarDetailContentSpec h2 a:hover {
  text-decoration: underline;
}

.buyCarDetailContentSpec h3 {
  margin: 20px 0 20px 20px;
  font-size: 16px;
  color: #e00e0d;
  background: url(../images/bgCarSpecTitle.png) no-repeat left center;
  padding: 0 0 0 15px;
}

.buyCarDetailContentSpec ul {
  margin: 0 0 20px 36px;
  overflow: hidden;
}

.buyCarDetailContentSpec > ul > li {
  float: left;
  width: 190px;
  font-size: 16px;
  background: url(../images/bgCarSpecUnchecked.png) no-repeat left center;
  padding: 0 0 0 20px;
  margin: 0 0 15px 0;
}

.buyCarDetailContentSpec li.specChecked {
  background: url(../images/bgCarSpecChecked.png) no-repeat left center;
}

.buyCarDetailContentSpec li p {
  font-size: 16px;
  color: #595959;
}

.buyCarDetailContentSpecContent li {
  float: left;
  width: 26%;
  margin: 0 0 5px 0;
}

.buyCarDetailContentSpecContent li p {
  margin: 0 0 10px 0;
}

.buyCarDetailContentDealer {
  overflow: hidden;
  padding: 25px 30px;
}

.buyCarDetailContentDealerImg {
  float: left;
  width: 660px;
  margin-bottom: 25px;
  position: relative;
}

.swiper-container-carDealer {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-container-carDealer .swiper-pagination-bullets {
  bottom: -20px;
}

.swiper-container-carDealer .swiper-pagination-bullet {
  background: #58595b;
}

.swiper-container-carDealer .swiper-pagination-bullet-active {
  background: #58595b;
}

.buyCarDetailContentDealerInfo {
  float: right;
  width: 410px;
  position: relative;
}

.buyCarDetailContentDealerInfo h2 {
  width: 347px;
  height: 49px;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  background: url(../images/bgCarDeatilDealerName.png) no-repeat; /*1219靽格㺿*/
  padding: 0 0 0 50px;
}

.buyCarDetailContentDealerContact {
  width: 100%;
  padding: 10px 0;
}

.buyCarDetailContentDealerContact p {
  margin-bottom: 0;
  position: relative;
  font-size: 16px;
  color: #6d6e71;
  line-height: 1.8;
}

.buyCarDetailContentDealerContact p a {
  margin: 0 0 0 10px;
}

.btnBuyCarDetailContentDealerPage {
  width: 100%;
  height: 45px;
  background: #e00e0d;
  border-radius: 5px;
  margin-top: 4px;
}

.btnBuyCarDetailContentDealerPage a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 45px;
}

.wrapBuySlider .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
}
.wrapBuySlider .swiper-slide {
  background: #58595b;
}

.wrapBuyCarDetailSliderOdd,
.wrapBuyCarDetailSliderEven {
  height: auto;
}

.wrapBuyCarDetailSliderEven {
  background: #a2a4a7;
}

.wrapBuyCarDetailSliderOdd .swiper-container,
.wrapBuyCarDetailSliderEven .swiper-container {
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.wrapBuyCarDetailSliderOdd .swiper-container .swiper-button-next,
.wrapBuyCarDetailSliderOdd .swiper-container .swiper-button-prev,
.wrapBuyCarDetailSliderEven .swiper-container .swiper-button-next,
.wrapBuyCarDetailSliderEven .swiper-container .swiper-button-prev {
  height: calc(100% - 50px);
}

.wrapBuyCarDetailSliderOdd ul,
.wrapBuyCarDetailSliderEven ul {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .wrapBuySlider .bestCarBox .swiper-pagination {
    bottom: 0;
  }
}

.sliderInfoCarDetail {
  width: 100%;
  height: 170px;
  background: #58595b;
  margin-top: -2px;
  padding: 10px;
  position: relative;
}

.sliderInfoCarDetail h2 {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  text-align: left;
  height: 54px; /*1219靽格㺿*/
  overflow: hidden; /*1219靽格㺿*/
}

.sliderInfoCarDetail h3 {
  font-size: 16px;
  color: #fff;
  text-align: left;
}

.sliderInfoCarDetail > p {
  font-size: 14px;
  color: #fff;
  text-align: left;
  line-height: 1.5; /*1219靽格㺿*/
  border-bottom: 1px solid #8d8f92;
  padding: 0 0 5px 0;
  margin: 0 0 4px 0; /*1219靽格㺿*/
}

.sliderInfoCarDetailPrice {
  position: absolute;
  right: 10px;
  bottom: 58px; /*1219靽格㺿*/
}

.sliderInfoCarDetailPrice p {
  font-size: 40px;
  color: #fff;
}

.sliderInfoCarDetailPrice p span {
  font-family: Arial;
  font-weight: 900;
}

.sliderInfoCarDetailCondition ul {
  padding: 0 0 0 9px;
}

.sliderInfoCarDetailCondition li {
  margin: 0 10px 5px 0;
}

.sliderInfoCarDetailCondition li:nth-child(4n) {
  margin: 0 0 5px 0;
}

.sliderInfoCarDetailCondition li:nth-child(6) {
  margin: 0 10px 5px 0;
}

.buyCarDealerTitleInfo {
  width: 100%;
  padding: 10px 0;
}

.buyCarDealerTitleInfo p {
  font-size: 16px;
  color: #6d6e71;
  line-height: 1.5;
}

.btnDealerTitle1,
.btnDealerTitle2 {
  width: 100%;
  /*position: absolute;*/
}

.btnDealerTitle1 {
  left: 0;
  bottom: 123px;
}

.btnDealerTitle2 {
  display: none;
}

.wrapBuyDealerDetailContent {
  width: 1200px;
  margin: auto;
  background: #fff;
  position: relative;
}

.buyDealerDetailContentNav {
  width: 100%;
  overflow: hidden;
  border: 1px solid #58595b;
  border-bottom: 5px solid #58595b;
  margin: 0 0 10px 0;
}

.buyDealerDetailContentNav li {
  float: left;
  width: 20%;
  height: 45px;
  border-right: 1px solid #58595b;
  cursor: pointer;
  color: #6d6e71;
  background: #fff;
}

.buyDealerDetailContentNav li:last-child {
  border: none;
}

.buyDealerDetailContentNav li p {
  font-size: 16px;
  text-align: center;
  line-height: 45px;
}

.buyDealerDetailContentNav li.buyDealerDetailContentNavActive {
  background: #58595b;
  color: #fff;
}

.buyDealerDetailContentInstock,
.buyDealerDetailContentInfo,
.buyDealerDetailContentShare,
.buyDealerDetailContentVideo,
.buyDealerDetailContentFeedback {
  width: 100%;
  padding: 15px 20px;
  background: #fff;
  overflow: hidden;
}

.buyDealerDetailContentInfo,
.buyDealerDetailContentShare,
.buyDealerDetailContentVideo,
.buyDealerDetailContentFeedback {
  background: #fff;
  opacity: 0;
  position: absolute;
  top: -9999px;
  left: 0;
}

.buyDealerDetailContentInstockSummary {
  width: 100%;
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  padding: 10px 30px 0 30px;
  margin: 0 0 20px 0;
  clear: both;
  overflow: hidden;
}

.buyDealerDetailContentInstockSummary li {
  float: left;
  width: 205px;
  height: 20px;
  margin: 0 18px 10px 0;
  border: 1px solid #bfbfbf;
}

.buyDealerDetailContentInstockSummary li:nth-child(5n) {
  margin: 0 0 10px 0;
}

.buyDealerDetailContentInstockSummary li p {
  font-size: 12px;
  color: #58595b;
  line-height: 18px;
  padding: 0 0 0 80px;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary1st {
  background: url(../images/bgDealerDetailContentInstockSummary1st.png)
    no-repeat left top #fff;
  background-size: contain;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary2nd {
  background: url(../images/bgDealerDetailContentInstockSummary2nd.png)
    no-repeat left top #fff;
  background-size: contain;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary3rd {
  background: url(../images/bgDealerDetailContentInstockSummary3rd.png)
    no-repeat left top #fff;
  background-size: contain;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary4th {
  background: url(../images/bgDealerDetailContentInstockSummary4th.png)
    no-repeat left top #fff;
  background-size: contain;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary5th {
  background: url(../images/bgDealerDetailContentInstockSummary5th.png)
    no-repeat left top #fff;
  background-size: contain;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary6th {
  background: url(../images/bgDealerDetailContentInstockSummary6th.png)
    no-repeat left top #fff;
  background-size: contain;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary7th {
  background: url(../images/bgDealerDetailContentInstockSummary7th.png)
    no-repeat left top #fff;
  background-size: contain;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary8th {
  background: url(../images/bgDealerDetailContentInstockSummary8th.png)
    no-repeat left top #fff;
  background-size: contain;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary9th {
  background: url(../images/bgDealerDetailContentInstockSummary9th.png)
    no-repeat left top #fff;
  background-size: contain;
}

.buyDealerDetailContentInstockSummary
  li.buyDealerDetailContentInstockSummary10th {
  background: url(../images/bgDealerDetailContentInstockSummary10th.png)
    no-repeat left top #fff;
  background-size: contain;
}

/*.buyDealerDetailContentInstock>h2 {
    font-size: 17px;
    color: #fff;
    line-height: 32px;
    padding: 0 0 0 20px;
    background: url(../images/bgBuyDealerDetailContenth2.png);
    background-size: cover;
    margin: 0 0 20px 0;
}*/

.buyDealerDetailContentInstock > ul > li {
  float: left;
  width: 280px;
  margin: 0 13px 13px 0;
  position: relative;
  /*max-height: 386px;*/
}

.buyDealerDetailContentInstock > ul > li:nth-child(4n) {
  margin: 0 0 13px 0;
}
@media screen and (max-width: 768px) {
  .buyDealerDetailContentInstock ul.resultByrecommend {
    display: none;
  }
  .buyDealerDetailContentInstock ul.resultByrecommend > li {
    width: 100%;
    margin: 0 5px 10px 5px;
    position: relative;
    max-height: auto;
  }
  .buyDealerDetailContentInstockul ul.resultByrecommend > li:nth-child(4n) {
    margin: 0 5px 10px 5px;
  }
}

.buyCarGift {
  position: absolute;
  left: 10px;
  top: 10px;
}

.buyDealerDetailContentInstock > ul > li a {
  text-decoration: none;
}

.buyDealerDetailContentInstock > ul > li img {
  width: 100%;
  height: auto;
}

/*.buyDealerDetailOnSale {
    width: 100%;
    padding: 10px 10px 0 10px;
    position: relative; color: #fff;
}

.buyDealerDetailOnSale h2 {
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    margin: 0 0 10px 0;
    overflow: hidden;
}

.buyDealerDetailOnSale h3{ margin: 0 0 10px 0;}
.buyDealerDetailOnSale h3 > a:link { margin: 5px 0; font-size: 18px; color: #fff;}
.buyDealerDetailOnSale h3 > a:visited { color: #fff;}
.buyDealerDetailOnSale h3 > a:hover { color: #f9d67f;}
.buyDealerDetailOnSale h3 > a:active { color: #fff;}*/

.buyDealerDetailOnSale > ul {
  margin: 4px 0 10px 0;
}
.buyDealerDetailOnSale > ul > li {
  padding: 0 7px 0 0;
  margin: 5px 3px 2px 0;
  display: inline-block;
  border-right: 1px solid #fff;
  font-size: 14px;
  line-height: 16px;
}
.buyDealerDetailOnSale > ul > li:last-child {
  border: none;
}

.buyDealerDetailOnSalePrice {
  position: absolute;
  bottom: 0;
  right: 10px;
}
.buyDealerDetailOnSalePrice p {
  padding: 0;
  margin: 0;
  color: #f9d67f;
  line-height: 30px;
  font-size: 18px;
}
.buyDealerDetailOnSalePrice p strong {
  margin-right: 5px;
  font-size: 32px;
}

.buyDealerDetailOnSaleCondition {
  width: 100%;
  padding: 10px;
  border-top: 1px solid #8d8f92;
}
.buyDealerDetailOnSaleCondition h3 {
  color: #fff;
}

.buyDealerDetailOnSaleCondition ul {
  padding: 0;
}

.buyAdvSearchDealer {
  border: 1px solid #d2d2d2;
  min-height: 1843px;
  position: relative;
  clear: both; /*0119靽格㺿*/
}

.buyBuyDealerResult {
  float: right;
  width: 867px;
  padding: 0 0 60px 0;
}

.buyBuyDealerResult > ul > li {
  float: left;
  width: 280px;
  margin: 0 13px 13px 0;
  position: relative;
  /*height: 435px;*/
}

.buyBuyDealerResult > ul > li:nth-child(3n) {
  margin: 0 0 13px 0;
}

.buyBuyDealerResult > ul > li a img {
  width: 100%;
  height: auto; /*0119靽格㺿*/
}

.buyBuyDealerResult > ul > li a {
  text-decoration: none;
}

.sortingBar > p {
  font-size: 13px;
  color: #58595b;
  position: absolute;
  left: 30px;
  top: 16px;
}

.sortingBar > p span.browseByImg {
  background: url(../images/bgBrowseByImg.png) no-repeat left center;
  background-size: 13px 13px;
  padding: 0 0 0 15px;
  cursor: pointer;
}

.sortingBar > p span.browseByImgActive {
  background: url(../images/bgBrowseByImgActive.png) no-repeat left center;
  background-size: 13px 13px;
  cursor: default;
}

.sortingBar > p span.browseByList {
  background: url(../images/bgBrowseByList.png) no-repeat left center;
  background-size: 13px 13px;
  padding: 0 0 0 15px;
  cursor: pointer;
}

.sortingBar > p span.browseByListActive {
  background: url(../images/bgBrowseByListActive.png) no-repeat left center;
  background-size: 13px 13px;
  cursor: default;
}

.sortingBar > p a.browseByList:hover {
  text-decoration: underline;
}

.btnSearch4 {
  width: 150px;
  height: 34px;
  margin: 0 auto 20px;
  clear: both;
}

.btnSearch4 a {
  display: block;
  text-decoration: none;
  background: #df0e0d;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 34px;
  border-radius: 5px;
}

.buyDealerDetailContentShare > p {
  font-size: 18px;
  color: #58595b;
  margin: 0 0 20px 0;
  position: relative;
}

.buyDealerDetailContentShare > p input {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 10px;
  border: 1px solid #8d8f92;
  color: #fff;
  background: url(../images/bgDatepicker.png) no-repeat right 10px center
    #58595b;
}

.btnSearch3 {
  position: absolute;
  left: 606px;
  top: 55px;
  width: 100px;
  height: 40px;
  background: #e00e0d;
}

.btnSearch3 a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}

.buyDealerDetailContentShare ul {
  margin: 50px 0 0 0;
  overflow: hidden;
}

.buyDealerDetailContentShare li:nth-child(odd) {
  float: left;
  width: 48%;
  margin: 0 0 30px 0;
}

.buyDealerDetailContentShare li:nth-child(even) {
  float: right;
  width: 48%;
  margin: 0 0 30px 0;
}

.buyDealerDetailContentShare li img {
  width: 100%;
  height: auto;
}

.buyDealerDetailContentShare li h4 {
  font-size: 18px;
  color: #df0e0d;
  margin: 5px 0 10px;
  line-height: 1.3;
}

.buyDealerDetailContentShare li p {
  font-size: 18px;
  color: #58595b;
  margin: 5px 0 10px;
  line-height: 1.3;
  min-height: 300px;
  overflow: hidden;
}

.buyDealerDetailContentVideo li {
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px 0;
}

.buyDealerDetailContentVideoLink {
  float: left;
  width: 430px;
  height: 242px;
}

.buyDealerDetailContentVideoInfo {
  float: right;
  width: 700px;
}

.buyDealerDetailContentVideoInfo h2 {
  font-size: 22px;
  color: #df0e0d;
  margin: 0 0 15px 0;
}

.buyDealerDetailContentVideoInfo h3,
.buyDealerDetailContentVideoInfo p {
  font-size: 18px;
  color: #a0a0a0;
  margin: 0 0 25px 0;
  line-height: 1.5;
}

.buyDealerDetailContentVideoInfo p {
  color: #58595b;
}

.resultByList,
.resultByImg {
  clear: both;
}

.resultByList {
  display: none;
}

.resultByrecommend {
  display: none;
}

/*.resultByList .buySearchResultContentInfo {
    border-top: 1px solid #ebecec;
    border-right: 1px solid #ebecec;
    border-bottom: 1px solid #ebecec;
    width: 544px;
    padding: 10px 20px;
}*/

.buyDealerDetailContentFeedback {
  padding: 30px 40px;
}

.scoreDetail {
  margin: 0 0 30px 0;
}

.scoreDetail p {
  font-size: 16px;
  color: #6d6e71;
  line-height: 1.5;
  position: relative;
}

.scoreDetail img {
  position: absolute;
  left: 90px;
  top: 0;
}

.buyDealerDetailContentFeedback select {
  position: absolute;
  right: 40px;
  top: 30px;
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  width: 130px;
  height: 35px;
  border: none;
  padding: 0 0 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  color: #fff;
  background: url(../images/bgMaintenanceSelect.png) no-repeat right 15px center
    #58595b;
}

.wrapFeedbacketail {
  width: 800px;
  margin: 0 0 40px 0;
}

.feedbackDetail {
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #cbcbcb;
}

.feedbackDetailScore {
  float: left;
  width: 100px;
  height: 40px;
  background: #e20e0d;
  border-right: 1px solid #cbcbcb;
}

.feedbackDetailName {
  float: left;
  width: 522px;
  height: 40px;
  background: #58595b;
  border-right: 1px solid #cbcbcb;
  padding: 0 0 0 30px;
}

.feedbackDetailDate {
  float: left;
  width: 176px;
  height: 40px;
  background: #6d6e71;
}

.feedbackDetailScore p {
  font-size: 22px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-weight: 900;
}

.feedbackDetailName p {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
}

.feedbackDetailDate p {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  text-align: center;
}

.feedbackDetailContent,
.feedbackDetailReplyContent {
  width: 100%;
  padding: 20px 30px;
  clear: both;
  position: relative;
  background: #fff;
}

.feedbackDetailReplyContent {
  padding: 20px 30px 60px;
}

.feedbackDetailContent p,
.feedbackDetailReplyContent p {
  font-size: 16px;
  color: #6d6e71;
  line-height: 1.5;
}

.btnFeedbackDetailMore,
.btnFeedbackDetailLess {
  width: 64px;
  height: 26px;
  margin: 15px auto;
  background: #e20e0d;
  border-radius: 5px;
  cursor: pointer;
}

.btnFeedbackDetailMore p,
.btnFeedbackDetailLess p {
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 26px;
}

.feedbackDetailReply {
  width: 100%;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  display: none;
}

.feedbackDetailReply h2 {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  background: #58595b;
  padding: 0 30px;
}

.btnFeedbackDetailLess {
  display: none;
  background: #58595b;
}

.buyDealerDetailContentNav_m {
  display: none;
}

.feedbackDetailReplyContentHelpful {
  position: absolute;
  left: 30px;
  bottom: 20px;
}

.feedbackDetailReplyContentHelpful b {
  font-size: 13px;
  color: #6d6e71;
  border: 1px solid #cbcbcb;
  padding: 2px 5px;
}

.feedbackDetailReplyContentHelpfulOption {
  position: absolute;
  left: 250px;
  top: 2px;
  width: 250px;
  font-size: 13px;
  color: #425b92;
}

.feedbackDetailReplyContentHelpfulOption a {
  text-decoration: none;
  font-size: 13px;
  color: #6d6e71;
  border: 1px solid #cbcbcb;
  padding: 2px 5px;
  margin: 0 5px 0 0;
}

.feedbackDetailReplyContentHelpfulOption a:hover,
.feedbackDetailReplyContentHelpfulOption a:focus {
  background: #cbcbcb;
  color: #fff;
}

/*鞎瑁��*/

/*�蒈��*/

.wrapTitleLogin {
  width: 100%;
  background: #58595b;
  position: relative;
}

.wrapTitleLogin img {
  max-width: 100%;
}

.wrapLogin {
  width: 484px;
  height: 254px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  padding: 0 35px;
}

.wrapLogin h2 {
  font-size: 18px;
  color: #58595b;
  line-height: 3;
  text-align: center;
}

.btnFbLogin {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background: url(../images/bgFacebook.svg) no-repeat left 20px center #3b598e;
  background-size: 16px 33px;
  margin: 20px 0;
  position: relative;
}

.btnFbLogin a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

.btnFbLogin:after {
  content: "";
  width: 100%;
  height: 1px;
  background: url(../images/loginLine.png);
  position: absolute;
  left: 0;
  bottom: -30px;
}

.btnMemberTerms {
  width: 125px;
  height: 40px;
}

.btnMemberTerms a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background: #e00e0d;
  border-radius: 5px;
  margin: 55px 0 0 0;
}

.loginServicePhone {
  position: absolute;
  right: 35px;
  bottom: 45px;
}

.loginServicePhone p {
  font-size: 16px;
  color: #58595b;
}

/*�蒈��*/

/*靽��啹*/

.wrapBuyOnsaleTitle {
  width: 100%;
  background: #8e9093;
  position: relative;
}

.wrapBuyOnsaleTitle:before {
  content: "";
  width: 50%;
  height: 50px;
  background: #8e9093;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: -1;
}

.wrapBuyOnsaleTitle:after {
  content: "";
  width: 50%;
  height: 50px;
  background: #8e9093;
  position: absolute;
  right: 50%;
  bottom: 0;
  z-index: -1;
}

.buyOnsaleTitle {
  width: 1200px;
  height: 230px;
  margin: auto;
  position: relative;
}

.buyOnsaleTitle img {
  position: absolute;
  left: 0;
  top: 0;
}

.buyOnsaleSearch {
  position: absolute;
  right: 50px;
  bottom: 15px;
}

.buyOnsaleSearch input {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  width: 300px;
  height: 40px;
  border: 2px solid #a2a4a7;
  padding: 0 0 0 10px;
  font-size: 15px;
}

.buyOnsaleSearch a {
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  padding: 8px 40px;
  background: #e00e0d;
  margin: 0 0 0 10px;
}

.wrapBuyOnsaleTabs {
  width: 100%;
  background: #eceded;
}

.buyOnsaleTabs {
  width: 1200px;
  margin: auto;
  position: relative;
  padding: 0 0 30px 0;
}

.buyOnsalePrimary,
.buyOnsaleSecondary {
  width: 100%;
  overflow: hidden;
  margin: 0 0 40px 0;
  padding: 40px 0 0 0;
}

.buyOnsaleSecondary {
  margin: 0;
  padding: 0;
}

.buyOnsalePrimary li:nth-child(odd) {
  float: left;
  width: 49%;
  background: #141414;
  cursor: pointer;
}

.buyOnsalePrimary li:nth-child(even) {
  float: right;
  width: 49%;
  background: #141414;
  cursor: pointer;
}

.buyOnsalePrimary li img,
.buyOnsaleSecondary li img {
  width: 100%;
  height: auto;
}

.buyOnsalePrimary li p,
.buyOnsaleSecondary li p {
  font-size: 14px;
  color: #a3a3a3;
  padding: 5px 0 0 10px;
  margin: 0 0 10px 0;
}

.buyOnsalePrimary li h2,
.buyOnsaleSecondary li h2 {
  font-size: 18px;
  color: #fff;
  padding: 0 0 0 10px;
  line-height: 1.3;
  height: 44px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.buyOnsalePrimary li h3,
.buyOnsaleSecondary li h3 {
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  padding: 0 0 10px 22px;
  background: url(../images/bgBtnBuyOnsalesMore.png) no-repeat left 10px top;
}

.buyOnsalePrimary li:hover,
.buyOnsaleSecondary li:hover {
  background: #fff;
}

.buyOnsalePrimary li:hover h2,
.buyOnsaleSecondary li:hover h2 {
  color: #353535;
}

.buyOnsalePrimary li:hover h3,
.buyOnsaleSecondary li:hover h3 {
  color: #58595b;
}

.buyOnsaleSecondary li {
  float: left;
  width: 32%;
  background: #141414;
  cursor: pointer;
  margin: 0 2% 2% 0;
}

.buyOnsaleSecondary li:nth-child(3n) {
  margin: 0 0 2% 0;
}

.buyOnsaleSecondary li img {
  width: 100%;
  height: auto;
}

.onsalePages {
  margin: 0;
}

.buyOnsaleDetail {
  width: 100%;
  padding: 20px 20px 100px 20px;
}

.buyOnsaleDetail h2 {
  font-size: 25px;
  color: #353535;
  margin: 0 0 10px 0;
}

.buyOnsaleDetail h3 {
  font-size: 16px;
  color: #a3a3a3;
  margin: 0 0 20px 0;
}

.buyOnsaleDetail h4 {
  font-size: 16px;
  color: #e00e0d;
  margin: 20px 0;
}

.buyOnsaleDetail p {
  font-size: 16px;
  color: #4c4c4c;
  line-height: 1.5;
  margin: 0 0 10px 0;
}

.buyOnsaleDetail img {
  margin: 0 0 20px 0;
}

.btnBack {
  width: 110px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: 50px;
}

.btnBack a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background: #58595b;
}

.buyOnsaleShareLink {
  width: auto;
  position: absolute;
  right: 0;
  top: 20px;
}

/*靽��啹*/

/*靽苷耨*/

.wrapMaintenance {
  width: 100%;
  background: #f9f9f9;
}

.maintenanceIndex {
  width: 1200px;
  height: 720px;
  margin: auto;
  background: url(../images/bgMaintenanceIndex.jpg) no-repeat left top;
  background-size: contain;
  overflow: hidden;
  position: relative;
}

.maintenanceIndexText {
  position: absolute;
  left: 586px;
  top: 300px;
  width: 192px;
}

.maintenanceIndexText p {
  font-size: 16px;
  color: #fff;
  line-height: 1.2;
}

.maintenanceIndexMenu {
  float: right;
  width: 300px;
  overflow: hidden;
  padding: 15px 0 0 0;
}

.maintenanceIndexMenuRepair,
.maintenanceIndexMenuTires {
  width: 100%;
  overflow: hidden;
}

.maintenanceIndexMenuRepairTitle,
.maintenanceIndexMenuTiresTitle {
  width: 100%;
  height: 78px;
  background: url(../images/bgMaintenanceIndexMenuRepair.png) no-repeat right
    20px center #58595b;
  cursor: pointer;
  margin: 0 0 5px 0;
}

.maintenanceIndexMenuTiresTitle {
  background: url(../images/bgMaintenanceIndexMenuTires.png) no-repeat right
    20px center #58595b;
}

.maintenanceIndexMenuRepairTitleFocus {
  box-shadow: 0 0 0 4px #df0e0d inset;
  background: url(../images/bgMaintenanceIndexMenuRepair.png) no-repeat right
    20px center #303133;
}

.maintenanceIndexMenuTiresTitleFocus {
  box-shadow: 0 0 0 4px #df0e0d inset;
  background: url(../images/bgMaintenanceIndexMenuTires.png) no-repeat right
    20px center #303133;
}

.maintenanceIndexMenuRepairTitle p,
.maintenanceIndexMenuMaintenance p,
.maintenanceIndexMenuPaint p,
.maintenanceIndexMenuEtag p,
.maintenanceIndexMenuTiresTitle p,
.maintenanceIndexMenuHelp p {
  font-size: 20px;
  color: #fff;
  line-height: 78px;
  padding: 0 0 0 20px;
}

.maintenanceIndexMenuSelect1,
.maintenanceIndexMenuSelect2,
.maintenanceIndexMenuSelect4,
.maintenanceIndexMenuSelect5 {
  float: left;
  width: 49%;
  height: 34px;
  margin: 0 0 5px 0;
}

.maintenanceIndexMenuSelect2,
.maintenanceIndexMenuSelect5 {
  float: right;
}

.maintenanceIndexMenuSelect3 {
  width: 100%;
  height: 34px;
  clear: both;
  margin: 45px 0 5px;
}

.maintenanceIndexMenuSelect1 select,
.maintenanceIndexMenuSelect2 select,
.maintenanceIndexMenuSelect3 select,
.maintenanceIndexMenuSelect4 select,
.maintenanceIndexMenuSelect5 select {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  width: 100%;
  height: 34px;
  border: none;
  padding: 0 0 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  color: #fff;
  background: url(../images/bgMaintenanceSelect.png) no-repeat right 15px center
    #303133;
}

.maintenanceIndexMenuSelectFocus select {
  background: url(../images/bgMaintenanceSelect.png) no-repeat right 15px center
    #303133;
}

.maintenanceIndexMenuMaintenanceTitle,
.maintenanceIndexMenuPaintTitle,
.maintenanceIndexMenuEtagTitle,
.maintenanceIndexMenuHelpTitle {
  width: 100%;
  height: 78px;
  background: url(../images/bgMaintenanceIndexMenuMaintenance.png) no-repeat
    right 20px center #58595b;
  cursor: pointer;
  margin: 0 0 5px 0;
}

.maintenanceIndexMenuPaintTitle {
  background: url(../images/bgMaintenanceIndexMenuPaint.png) no-repeat right
    20px center #58595b;
}

.maintenanceIndexMenuEtagTitle {
  background: url(../images/bgMaintenanceIndexMenuEtag.png) no-repeat right 20px
    center #58595b;
}

.maintenanceIndexMenuHelpTitle {
  background: url(../images/bgMaintenanceIndexMenuHelp.png) no-repeat right 20px
    center #58595b;
}

.maintenanceIndexMenuMaintenanceFocus {
  box-shadow: 0 0 0 4px #df0e0d inset;
  background: url(../images/bgMaintenanceIndexMenuMaintenance.png) no-repeat
    right 20px center #303133;
}

.maintenanceIndexMenuPaintFocus {
  box-shadow: 0 0 0 4px #df0e0d inset;
  background: url(../images/bgMaintenanceIndexMenuPaint.png) no-repeat right
    20px center #303133;
}

.maintenanceIndexMenuEtagFocus {
  box-shadow: 0 0 0 4px #df0e0d inset;
  background: url(../images/bgMaintenanceIndexMenuEtag.png) no-repeat right 20px
    center #303133;
}

.maintenanceIndexMenuHelpFocus {
  box-shadow: 0 0 0 4px #df0e0d inset;
  background: url(../images/bgMaintenanceIndexMenuHelp.png) no-repeat right 20px
    center #303133;
}

.btnMaintenanceSearch {
  width: 100%;
  height: 34px;
  margin: 0 0 5px 0;
  clear: both;
  overflow: hidden;
}

.btnMaintenanceSearch a {
  display: block;
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 34px;
  border-radius: 5px;
  background: #df0e0d;
}

.maintenanceBanner {
  width: 154px;
  position: fixed;
  right: 20px;
  top: 125px;
  padding: 10px;
  background: #eff0f0;
}

.maintenanceBanner p {
  font-size: 13px;
  color: #58595b;
  text-align: center;
  line-height: 32px;
  background: #fff;
  border: 1px solid #a5a7aa;
  margin: 0 0 5px 0;
}

.maintenanceBanner img {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
}

.btnMaintenanceBanner {
  width: 100%;
  height: 32px;
}

.btnMaintenanceBanner a {
  display: block;
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 32px;
  background: #df0e0d;
}

.wrapMaintenanceTitle {
  width: 100%;
  height: 155px;
  background: #8d8f92;
}

.maintenanceTitle {
  width: 1200px;
  height: 155px;
  margin: auto;
  background: url(../images/maintenanceTitleImg.png) no-repeat;
  position: relative;
}

.wrapMaintenanceIndexTitle {
  display: none;
}

.maintenanceTitle a {
  position: absolute;
  right: 95px;
  top: 40px;
}

.wrapMaintenanceLocationSearch {
  width: 100%;
  height: 114px;
  background: #f0f1f1;
}

.maintenanceLocationSearch {
  width: 1020px;
  height: 40px;
  margin: auto;
  padding: 37px 0 0 0;
}

.maintenanceLocationSearch p {
  font-size: 22px;
  color: #231f20;
  height: 40px;
}

.maintenanceLocationSearch input {
  width: 726px;
  height: 40px;
  border: 3px solid #a6a8ab;
  margin: 0 15px 0;
  padding: 0 0 0 10px;
  font-size: 15px;
}

.maintenanceLocationSearch p a {
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #e40e0d;
  padding: 10px 30px;
}

.wrapMaintenanceMap {
  width: 100%;
  height: 870px;
  position: relative;
}

.maintenanceLocationSearchNearby {
  width: 450px;
  height: 105px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 0;
  background: url(../images/bgMaintenanceLocationNearby.png) no-repeat left top
    #fff;
  padding: 50px 10px 10px 10px;
}

.maintenanceLocationSearchNearbySelect_m {
  display: none;
}

.maintenanceLocationSearchNearby input {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  width: 316px;
  height: 36px;
  border: 3px solid #a6a8ab;
  padding: 0 0 0 10px;
  font-size: 15px;
  margin: 0 25px 0 0;
}

.maintenanceLocationSearchNearby a {
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #e40e0d;
  padding: 8px 30px;
}

.maintenanceLocationSearchMenu {
  width: 695px;
  height: 50px;
  position: absolute;
  right: 50%;
  margin-right: -600px;
  bottom: 0;
}

.maintenanceLocationSearchMenu li {
  float: left;
  width: 170px;
  height: 50px;
  margin: 0 5px 0 0;
}

.maintenanceLocationSearchMenu li:first-child {
  background: url(../images/bgMaintenanceLocationSearchMenu1st.png) no-repeat
    center top #fff;
}

.maintenanceLocationSearchMenu li:nth-child(2) {
  background: url(../images/bgMaintenanceLocationSearchMenu2nd.png) no-repeat
    center top #fff;
}

.maintenanceLocationSearchMenu li:nth-child(3) {
  background: url(../images/bgMaintenanceLocationSearchMenu3rd.png) no-repeat
    center top #fff;
}

.maintenanceLocationSearchMenu li:last-child {
  margin: 0;
  background: url(../images/bgMaintenanceLocationSearchMenu4th.png) no-repeat
    center top #fff;
}

.maintenanceLocationSearchMenu a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #58595b;
  text-align: center;
  line-height: 50px;
  padding: 0 0 0 30px;
}

.maintenanceLocationSearchNearbyResult {
  width: 450px;
  height: 765px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 105px;
  overflow-y: auto;
  background: #fff;
  padding: 0 0 0 10px;
}

.maintenanceLocationSearchNearbyResult > ul > li {
  width: 410px;
  margin: 0 0 10px 0;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #515151;
  padding: 0 0 10px 0;
}

.maintenanceLocationSearchNearbyResult > ul > li:last-child {
  padding: 0;
}

.maintenanceLocationSearchNearbyResult h2,
.maintenanceLocationDetail h2 {
  background: url(../images/bgMaintenanceSearcgResultH2.png) no-repeat center
    top;
  background-size: cover;
  font-size: 16px;
  color: #fff;
  padding: 0 0 0 10px;
  line-height: 32px;
  margin: 0 0 10px 0;
}

.maintenanceLocationSearchResultScoreStar {
  left: 160px;
}

.maintenanceLocationSearchResultScoreStat a {
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  line-height: 32px;
}

.maintenanceLocationSearchNearbyResultImg {
  float: left;
  width: 190px;
  height: 100px;
  position: relative;
  margin: 0 0 10px 0;
  overflow: hidden;
}

.maintenanceLocationSearchNearbyResultImg img {
  max-width: 100%;
}

.maintenanceLocationSearchNearbyResultText,
.maintenanceLocationDetailInfo {
  float: right;
  width: 208px;
  height: 100px;
  position: relative;
}

.goodStore {
  margin: 0 0 5px 0;
}

.maintenanceLocationSearchNearbyResultText p {
  font-size: 12px;
  color: #58595b;
  line-height: 1.5;
}

.maintenanceLocationSearchNearbyResult ul ul {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 120px 0 0 0;
}

.maintenanceLocationSearchNearbyResult ul ul li {
  float: left;
  width: 25%;
  height: 30px;
  background: url(../images/bgMaintenanceLocationOtherLink.png) no-repeat;
}

.maintenanceLocationSearchNearbyResult ul ul li:first-child {
  background: url(../images/bgMaintenanceLocationDistance.png) no-repeat;
}

.maintenanceLocationSearchNearbyResult ul ul li p {
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}

.maintenanceLocationSearchNearbyResult ul ul li a {
  display: block;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}

.maintenanceLocationDetail {
  width: 450px;
  padding: 0 20px 20px 20px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 105px;
}

.maintenanceLocationDetailScoreStar {
  left: 180px;
  top: 4px;
}

.maintenanceLocationDetailScoreStat {
  right: 30px;
  top: 0;
}

.maintenanceLocationDetailScoreStat a {
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  line-height: 32px;
}

.maintenanceLocationDetailInfo img {
  margin: 0 0 10px 0;
}

.maintenanceLocationDetailText {
  width: 100%;
  clear: both;
  margin: 10px 0 0 0;
  position: relative;
}

.maintenanceLocationDetailDistance {
  position: absolute;
  right: 0;
  top: 0;
}

.maintenanceLocationDetailText p {
  font-size: 12px;
  color: #58595b;
  line-height: 1.5;
}

.maintenanceLocationDetailText ul {
  overflow: hidden;
}

.maintenanceLocationDetailText li {
  float: left;
  width: 20%;
  background: url(../images/bgMaintenanceLocationDetailBrand.png) no-repeat left
    center;
  margin: 0 0 5px 0;
}

.maintenanceLocationDetailText li p {
  padding: 0 0 0 10px;
}

.maintenanceLocationDetailDistance p {
  font-size: 18px;
  color: #e40e0d;
}

.maintenanceLocationDetailDistance p span {
  font-size: 36px;
}

.btnMaintenanceLocationDetail,
.maintenanceLocationDetailOtherLink {
  width: 100%;
  height: 32px;
  background: url(../images/bgBtnMaintenanceLocationDetail.png);
  background-size: cover;
  margin: 20px 0 10px;
}

.maintenanceLocationDetailOtherLink {
  background: transparent;
  margin: 0;
  overflow: hidden;
}

.btnMaintenanceLocationDetail a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 32px;
}

.maintenanceLocationDetailOtherLink li {
  float: left;
  width: 33.3333333333%;
  height: 32px;
  background: url(../images/bgMaintenanceLocationDetailOtherLink.png);
  background-size: cover;
}

.maintenanceLocationDetailOtherLink li a {
  display: block;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  line-height: 32px;
  text-align: center;
}

.wrapMaintenanceLocationSearch2 {
  width: 100%;
  background: #f0f1f1;
  padding: 30px 0;
}

.wrapMaintenanceLocationSearch2 h2,
.wrapMaintenanceLocationSearch2Result h2 {
  font-size: 22px;
  color: #e40e0d;
  text-align: center;
  width: 600px;
  margin: 0 auto 30px;
  background: url(../images/bgMaintenanceH2Line.png) no-repeat center bottom;
  padding: 0 0 10px 0;
}

.wrapMaintenanceLocationSearch2Result {
  width: 100%;
  height: auto;
  background: #fafafa;
  padding: 30px 0;
}

.wrapMaintenanceLocationSearch2ResultContent {
  width: 1000px;
  height: 282px;
  margin: 0 auto 20px;
}

.wrapMaintenanceLocationSearch2ResultImg {
  float: left;
  width: 524px;
  height: 282px;
  position: relative;
  overflow: hidden;
}

.wrapMaintenanceLocationSearch2ResultImg img {
  width: 100%;
  height: auto;
}

.wrapMaintenanceLocationSearch2ResultText {
  float: right;
  width: 458px;
  position: relative;
}

.wrapMaintenanceLocationSearch2ResultText h3 {
  font-size: 20px;
  font-weight: 900;
  color: #df0e0d;
  position: relative;
  margin: 0 0 5px 0;
}

.maintenanceLocationDetailScoreStar2 {
  position: relative;
  left: 0;
  top: 0;
  margin: 0 0 8px 0;
}

.maintenanceLocationDetailScoreStat2 {
  left: 110px;
  top: -7px;
}

.maintenanceLocationDetailScoreStat2 a {
  text-decoration: none;
  font-size: 12px;
  color: #58595b;
  line-height: 32px;
}

.wrapMaintenanceLocationSearch2ResultText p {
  font-size: 16px;
  color: #58595b;
  line-height: 1.4;
}
.wrapMaintenanceLocationSearch2ResultText p.address span {
  position: relative;
  overflow: hidden;
}
.wrapMaintenanceLocationSearch2ResultText p.address a {
  margin-right: 5px;
}
@media screen and (max-width: 1200px) {
  .wrapMaintenanceLocationSearch2ResultText p.address span {
    height: 4em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

.wrapMaintenanceLocationSearch2ResultOtherLink {
  width: 400px;
  height: 35px;
  /*position: absolute;
    left: 0;
    bottom: 0;*/
}

.wrapMaintenanceLocationSearch2ResultOtherLink li {
  float: left;
  width: 100%;
  height: 35px;
  margin: 0;
}

.wrapMaintenanceLocationSearch2ResultOtherLink li:nth-child(2),
.wrapMaintenanceLocationSearch2ResultOtherLink li:nth-child(3) {
  display: none;
}

.wrapMaintenanceLocationSearch2ResultOtherLink li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  background: #df0e0d;
  border-radius: 5px;
}

.wrapMaintenanceLocationOtherOption {
  width: 100%;
  height: 208px;
  background: #d0d2d3;
}

.maintenanceLocationOtherOption {
  width: 1200px;
  margin: auto;
}

.maintenanceLocationOtherOption h2 {
  font-size: 18px;
  color: #58595b;
  padding: 25px 0 0 28px; /*0105靽格㺿*/
  margin: 0 0 25px 0;
}

.maintenanceLocationOtherOptionContent {
  width: 1142px;
  height: 110px;
  margin: auto;
  position: relative;
  overflow: hidden;
  padding: 0 0 0 161px;
}

.maintenanceLocationOtherOptionContentMask1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

.maintenanceLocationOtherOptionContentMask1_m {
  display: none;
}

.maintenanceLocationOtherOptionContent li {
  float: left;
  width: 334px;
  height: 110px;
  position: relative;
}

.maintenanceLocationOtherOptionContent li:nth-child(2),
.maintenanceLocationOtherOptionContent li:last-child {
  margin-left: -11px;
}

.maintenanceLocationOtherOptionContentMask2 {
  position: absolute;
  right: -34px;
  top: 0;
  z-index: 9;
  display: none; /*0105�鰵憓�*/
}

.maintenanceLocationOtherOptionContentLiMask {
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 8;
  display: none; /*0105�鰵憓�*/
}

.maintenanceLocationOtherOptionContentLiMask2 {
  width: 334px;
  height: 110px;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
  opacity: 0;
  transition: all 0.2s;
}

.maintenanceLocationOtherOptionContent
  li:hover
  .maintenanceLocationOtherOptionContentLiMask2 {
  opacity: 0.7;
}

.wrapMaintenanceLocationDetailTitle {
  width: 100%;
  height: 50px;
  background: #8d8f92;
}

.maintenanceLocationDetailTitle {
  width: 1200px;
  height: 50px;
  margin: auto;
}

.maintenanceLocationDetailTitle li {
  float: left;
  width: 168px;
  height: 50px;
  background: rgba(235, 236, 236, 0.5);
  font-size: 20px;
  color: #58595b;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}

.maintenanceLocationDetailTitle li.maintenanceLocationDetailTitleActive {
  background: #eff0f0;
}

.wrapMaintenanceLocationDetailContent {
  width: 100%;
  background: #f0f1f1;
  padding: 30px 0 60px;
}

.wrapMaintenanceLocationDetailContent > h2,
.wrapMaintenanceLocationDetailComment .maintenanceLocationDetailComment > h2 {
  font-size: 26px;
  font-weight: 900;
  color: #e40e0d;
  text-align: center;
  width: 600px;
  margin: 0 auto 30px;
  background: url(../images/bgMaintenanceH2Line.png) no-repeat center bottom;
  padding: 0 0 10px 0;
}

.maintenanceLocationDetailContent {
  width: 1004px;
  margin: auto;
  overflow: hidden;
}

.maintenanceLocationDetailContentImg {
  float: left;
  width: 463px;
}

.maintenanceLocationDetailContentImgTitle {
  width: 100%;
  height: 45px;
  background: url(../images/bgMaintenanceLocationDetailContentTitle.png)
    no-repeat;
  background-size: 100% 45px;
  position: relative;
  margin: 0 0 10px 0;
}

.maintenanceLocationDetailContentImgTitle_m {
  display: none;
}

.maintenanceLocationDetailContentImgSlider {
  width: 100%;
}

.swiper-container-maintenance {
  width: 463px;
  height: 249px;
  overflow: hidden;
  position: relative;
}

.maintenanceLocationDetailContentImgLink {
  width: 100%;
  overflow: hidden;
}

.maintenanceLocationDetailContentImgLink_m {
  display: none;
}

.maintenanceLocationDetailContentImgLink li {
  float: left;
  width: 100%;
  height: 42px;
}

.maintenanceLocationDetailContentImgLink li:nth-child(2),
.maintenanceLocationDetailContentImgLink li:nth-child(3) {
  display: none;
}

.maintenanceLocationDetailContentImgLink li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  background: #df0e0d;
  border-radius: 5px;
}

.maintenanceLocationDetailContentText {
  float: right;
  width: 517px;
  position: relative;
}

.maintenanceLocationDetailContentTextLogo {
  width: 212px;
  height: 212px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 12%;
  overflow: hidden;
}

.maintenanceLocationDetailContentText > img {
  margin: 0 0 10px 0;
}

.maintenanceLocationDetailContentAward {
  width: 100%;
  height: 21px;
  font-size: 15px;
  color: #6d6e71;
}

.maintenanceLocationDetailContentInfo {
  width: 100%;
  margin: 20px 0 0 0;
}

.maintenanceLocationDetailContentInfo p {
  font-size: 16px;
  color: #58595b;
  line-height: 1.5;
}

.maintenanceLocationDetailContentInfo p.address {
  width: 300px;
}

.maintenanceLocationDetailContentInfo p span {
  position: relative;
}

.maintenanceLocationDetailContentInfo ul {
  overflow: hidden;
}

.maintenanceLocationDetailContentInfo li {
  float: left;
  width: 20%;
  background: url(../images/bgMaintenanceLocationDetailBrand.png) no-repeat left
    center;
  margin: 0 0 5px 0;
  padding: 0 0 0 10px;
}

.maintenanceLocationDetailContentInfo p b {
  padding: 0 0 0 10px;
  background: url(../images/bgMaintenanceLocationDetailBrand.png) no-repeat left
    center;
  margin: 0 0 0 10px;
}

.wrapMaintenanceLocationDetailComment {
  display: none;
  width: 100%;
  background: #eff0f0;
}

.maintenanceLocationDetailComment {
  width: 800px;
  margin: auto;
  position: relative;
  padding: 30px 0;
}

.wrapMaintenanceLocationDetailComment select {
  position: absolute;
  right: 0;
  top: 90px;
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  width: 130px;
  height: 35px;
  border: none;
  padding: 0 0 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  color: #fff;
  background: url(../images/bgMaintenanceSelect.png) no-repeat right 15px center
    #58595b;
}

.wrapMaintenanceLogin {
  width: 100%;
  height: 574px;
  background: url(../images/buyTitleLogin.jpg);
  background-size: cover;
  position: relative;
}

.maintenanceLogin {
  width: 976px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -480px;
  top: 55px;
}

.maintenanceLoginTitle {
  float: left;
  width: 492px;
  height: 142px;
  background: url(../images/bgMaintenanceLoginTitle.png);
  margin: 180px 0 0 0;
}

.maintenanceLoginTitle p {
  font-size: 18px;
  color: #fff;
  padding: 60px 30px 0 30px;
  line-height: 1.3;
}

.maintenanceLoginContent {
  float: left;
  width: 484px;
  height: 473px;
  background: #fff;
  padding: 20px 30px;
}

.maintenanceLoginContent h2 {
  font-size: 18px;
  color: #58595b;
  text-align: center;
  margin: 0 0 20px 0;
}

.maintenanceLoginContent h3,
.maintenanceLoginForgetContentDetail h3,
.maintenanceLoginSignup h3 {
  font-size: 18px;
  color: #58595b;
  line-height: 40px;
  margin: 0 0 20px 0;
}

.maintenanceLoginContent h3 input,
.maintenanceLoginForgetContentDetail h3 input,
.maintenanceLoginSignup h3 input {
  margin: 0 0 0 20px;
  width: 368px;
  height: 40px;
  padding: 0 0 0 20px;
  font-size: 18px;
  color: #58595b;
  border: 1px solid #58595b;
}

.maintenanceLoginContent p,
.maintenanceLoginForgetContentDetail p,
.maintenanceLoginSignup p {
  font-size: 13px;
  color: #58595b;
  line-height: 1.3;
  padding: 0 0 0 56px;
  margin: -10px 0 0 0;
}

.wrapBtnMaintenanceLoginSignin {
  width: 100%;
  height: 40px;
  position: relative;
  margin: 10px 0 20px;
  padding: 0 0 51px 0;
  background: url(../images/bgBtnMaintenanceLogin.png) no-repeat center bottom;
}

.btnMaintenanceLoginSignin {
  width: 92px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
}

.btnMaintenanceLoginSignin a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background: #ff7300;
  border-radius: 5px;
}

.btnMaintenanceLoginForget {
  position: absolute;
  right: 112px;
  top: 12px;
}

.btnMaintenanceLoginForget a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #58595b;
}

.btnMaintenanceLoginForget a:hover {
  text-decoration: underline;
}

.maintenanceLoginContent h4 {
  font-size: 16px;
  color: #58595b;
  margin: 10px 0;
}

.maintenanceLoginForgetContent {
  float: right;
  width: 484px;
  height: 402px;
  background: url(../images/bgMaintenanceForgetContent.png) no-repeat left top
    70px;
  padding: 70px 0 0 0;
}

.maintenanceLoginForgetContent h2 {
  font-size: 18px;
  color: #58595b;
  line-height: 44px;
  padding: 0 0 0 89px;
}

.maintenanceLoginForgetContentDetail {
  width: 100%;
  height: 288px;
  background: #fff;
  padding: 20px 30px;
}

.maintenanceLoginForgetContentDetail h4 {
  font-size: 16px;
  color: #58595b;
  margin: 0 0 20px 0;
}

.maintenanceLoginForgetContentDetail h3 input {
  width: 350px;
}

.maintenanceLoginForgetContentDetail h3 a {
  width: 74px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  background: #58595b;
  padding: 11px 29px;
  border-radius: 5px;
  margin: 0 0 0 9px;
}

.maintenanceLoginForgetContentDetail p,
.maintenanceLoginSignup p {
  padding: 0 0 0 72px;
}

.btnMaintenanceLoginForgetSubmit {
  width: 92px;
  height: 40px;
  position: absolute;
  right: 30px;
  bottom: 25px;
}

.btnMaintenanceLoginForgetSubmit a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background: #ff7300;
  border-radius: 5px;
}

.maintenanceLoginSignup {
  float: right;
  width: 484px;
  height: 460px;
  background: #fff;
  padding: 25px 30px;
}

.maintenanceLoginSignup h2 {
  font-size: 18px;
  color: #58595b;
  text-align: center;
  margin: 0 0 25px 0;
}

.maintenanceLoginSignup h3 input {
  width: 350px;
}

.maintenanceLoginSignup h3 a {
  width: 74px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  background: #58595b;
  padding: 11px 29px;
  border-radius: 5px;
  margin: 0 0 0 9px;
}

.maintenanceLoginSignup p {
  margin: -10px 0 20px;
}

.maintenanceLoginSignup h3 input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 72px;
}

.wrapMaintenanceRecord {
  width: 100%;
  background: #f0f1f1;
  padding: 45px 0;
}

.maintenanceMyrecord {
  width: 1100px;
  margin: auto;
}

.maintenanceMyrecord h2 {
  font-size: 22px;
  color: #e40e0d;
  padding: 0 0 15px 0;
  width: 600px;
  margin: 0 auto 40px;
  text-align: center;
  background: url(../images/bgMaintenanceH2Line.png) no-repeat center bottom;
}

.maintenanceMyrecordContent {
  width: 756px;
  margin: 0 auto 50px;
  overflow: hidden;
  padding: 0 0 30px 0;
}

.maintenanceMyrecordContentLeft {
  width: 532px;
  margin: auto;
  position: relative;
}

.btnMaintenanceMyrecordSave {
  width: 92px;
  height: 40px;
  margin: auto;
}

.maintenanceMyrecordContentLeft p a,
.btnMaintenanceMyrecordSave a {
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #df0e0d;
  border-radius: 5px;
  margin: 0 0 0 10px;
  padding: 9px 25px;
}

.btnMaintenanceMyrecordSave a {
  background: #000;
}

.maintenanceMyrecordContentLeft p {
  font-size: 18px;
  color: #58595b;
  line-height: 40px;
  margin: 0 0 20px 0;
  position: relative;
}

.maintenanceMyrecordContentLeft input,
.maintenanceMyrecordContentLeft select {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  width: 250px;
  height: 40px;
  font-size: 18px;
  color: #58595b;
  padding: 0 0 0 20px;
  border: 1px solid #58595b;
  margin: 0 0 0 26px;
}

.maintenanceMyrecordContentLeft select {
  margin: 0 0 0 22px;
}

.maintenanceMyrecordContentLeft p span {
  position: absolute;
  right: -55px;
  top: 0;
}

.maintenanceMyrecord table {
  text-align: center;
  color: #fff;
  margin: 0 0 50px 0;
}

.maintenanceMyrecordTable_m {
  display: none;
}

.maintenanceMyrecord thead tr {
  background: #58595b;
}

.maintenanceMyrecord tbody tr {
  background: #828282;
}

.maintenanceMyrecord thead td,
.maintenanceMyrecord tbody td {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  border-right: 1px solid #ccc;
}

.maintenanceMyrecord tbody td {
  height: 72px;
  border-top: 1px solid #ccc;
}

.maintenanceMyrecord tbody td a {
  text-decoration: none;
  color: #fff;
}

.maintenanceMyrecord tbody td a:hover {
  text-decoration: underline;
}

.maintenanceMyrecord > p {
  font-size: 14px;
  color: #58595b;
  line-height: 1.5;
  text-align: center;
}

.maintenanceCarRecordContent {
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  padding: 30px;
  margin: 15px 0;
}

.maintenanceCarRecordContentNothing p {
  font-size: 16px;
  color: #58595b;
}

.wrapMaintenanceReservationTitle {
  width: 100%;
  height: 154px;
  background: #929497;
  position: relative;
}

.wrapMaintenanceReservationTitle_m {
  display: none;
}

.wrapMaintenanceReservationTitle img {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 0;
}

.wrapMaintenanceReservationContent,
.wrapMaintenanceReservationResult {
  width: 892px;
  margin: auto;
  padding: 30px 0 70px;
}

.wrapMaintenanceReservationContent h2 {
  font-size: 22px;
  color: #e40e0d;
  padding: 0 0 15px 0;
  width: 777px;
  margin: 0 auto 40px;
  text-align: center;
  background: url(../images/bgMaintenanceReservationH2.png) no-repeat center
    bottom;
}

.wrapMaintenanceReservationContent p,
.wrapMaintenanceReservationResult p {
  font-size: 18px;
  color: #58595b;
  line-height: 40px;
  margin: 0 0 20px 144px;
  position: relative;
}

.input_m {
  display: none;
}

.wrapMaintenanceReservationContent p input[type="text"],
.wrapMaintenanceReservationContent p input[type="tel"],
.wrapMaintenanceReservationContent p select {
  width: 175px;
  height: 40px;
  font-size: 18px;
  color: #58595b;
  padding: 0 0 0 20px;
  border: 1px solid #58595b;
  margin: 0 50px 0 26px;
}

.wrapMaintenanceReservationContent p select {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #fff;
  background: url(../images/bgMaintenanceSelect.png) no-repeat right 15px center
    #58595b;
  margin: 0 45px 0 22px;
}

.wrapMaintenanceReservationContent p input[type="email"] {
  width: 469px;
  margin: 0 0 0 26px;
}

.maintenanceReservationContentLocation,
.maintenanceReservationContentDate,
.maintenanceReservationContentDetail {
  margin: 50px 0 0 0;
}

.maintenanceReservationContentLocation h2,
.maintenanceReservationContentDate h2,
.maintenanceReservationContentDetail h2 {
  margin: 0 auto 20px;
}

.maintenanceReservationContentDate p {
  margin: 0 0 20px 0;
}

.maintenanceReservationContentLocation p {
  margin: 0 0 20px 0;
  text-align: center;
}

#datepicker {
  width: 212px;
  height: 40px;
  font-size: 16px;
  padding: 0 10px;
  border: 1px solid #8d8f92;
  color: #fff;
  background: url(../images/bgDatepicker.png) no-repeat right 10px center
    #58595b;
}

.maintenanceReservationContentDate p select {
  width: 80px;
  margin: 0 21px;
}

#ui-datepicker-div {
  border: 1px solid #c5c5c5;
  background: #fff;
}

.wrapMaintenanceReservationResult {
  margin: 30px auto 0;
  padding: 0;
}

.wrapMaintenanceReservationResult h2 {
  font-size: 22px;
  color: #e40e0d;
  padding: 0 0 15px 0;
  width: 777px;
  margin: 0 auto 20px;
  text-align: center;
  background: url(../images/bgMaintenanceReservationH2.png) no-repeat center
    bottom;
}

.wrapMaintenanceReservationResult p {
  text-align: center;
  line-height: 2;
  margin: 0;
}

.dealerRegionSelectLine_m {
  display: none;
}

.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  width: 20%;
  height: 100%;
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide img {
  max-width: 100%;
}

.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url(../images/btnCarDetailImgNext.png);
  z-index: 3;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url(../images/btnCarDetailImgPrev.png);
  z-index: 3;
}

.wrapMaintenanceSet {
  width: 100%;
  padding: 0;
  background: #eff0f0;
}

.maintenanceSet {
  width: 1100px;
  margin: auto;
  padding: 30px 0 0 0;
  overflow: hidden;
}

.wrapMaintenanceSet h2,
.wrapMaintenanceWage h2 {
  font-size: 22px;
  color: #e40e0d;
  padding: 0 0 15px 0;
  width: 60%;
  margin: 0 auto 20px;
  text-align: center;
  background: url(../images/bgMaintenanceReservationH2.png) no-repeat center
    bottom;
  background-size: contain;
}

.wrapMaintenanceWage img {
  max-width: 100%;
}

.wrapMaintenanceSet li {
  float: left;
  width: 350px;
  background: #fff;
  margin: 0 25px 10px 0;
}

.wrapMaintenanceSet li:last-child {
  margin: 0 0 10px 0;
}

.wrapMaintenanceSet li img {
  width: 100%;
  height: auto;
}

.wrapMaintenanceSet li p {
  font-size: 14px;
  color: #6d6e71;
  padding: 10px;
  line-height: 1.2;
}

.wrapMaintenanceWage {
  width: 100%;
  padding: 30px 5px;
  background: #eff0f0;
}

.maintenanceWage {
  width: 1100px;
  margin: auto;
}

.wrapMaintenanceWage textarea {
  width: 100%;
  height: 100px;
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  font-size: 16px;
  color: #58595b;
  padding: 5px;
}

.wrapAboutMaintenance {
  width: 100%;
  background: #eff0f0;
}

.aboutMaintenance {
  width: 1200px;
  margin: auto;
  overflow: hidden;
  padding: 30px 0;
}

.aboutMaintenanceMenu {
  float: left;
  width: 280px;
  background: #f6f6f6;
  min-height: 500px;
}

.aboutMaintenanceMenu h2,
.aboutMaintenanceContent h2,
.aboutMaintenanceMenu label {
  font-size: 22px;
  color: #fff;
  display: block;
  line-height: 40px;
  height: 40px;
  padding: 0 0 0 20px;
  background: url(../images/bgAboutMaintenanceMenuH2.png) no-repeat;
  background-size: contain;
  margin: 0 0 10px 0;
}

#open {
  display: none;
}

.aboutMaintenanceMenu li {
  width: 100%;
  height: 40px;
  padding: 0 0 0 30px;
}

.aboutMaintenanceMenu li a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  color: #58595b;
  line-height: 40px;
}

.aboutMaintenanceMenu li a:hover {
  text-decoration: underline;
}

.aboutMaintenanceContent {
  float: right;
  width: 900px;
  min-height: 500px;
}

.aboutMaintenanceContent h2 {
  background: url(../images/bgAboutMaintenanceContentH2.png) no-repeat;
  background-size: cover;
}

.aboutMaintenanceContent h3 {
  font-size: 20px;
  color: #de0e0d;
  margin: 0 0 0 20px;
  background: url(../images/bgAboutMaintenanceContentH3.png) no-repeat left
    center;
  padding: 0 0 0 20px;
  line-height: 2;
}

.aboutMaintenanceContent p {
  font-size: 18px;
  color: #6d6e71;
  margin: 0 0 0 20px;
  padding: 0 20px 0 0;
  line-height: 1.5;
}

.aboutMaintenanceContent2nd,
.aboutMaintenanceContent3rd,
.aboutMaintenanceContent4th {
  display: none;
}

.btnMap {
  height: auto;
  margin: 0 0 0 5px;
}

#twzipcode select {
  width: 138px;
  height: 40px;
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  font-size: 16px;
  color: #58595b;
  padding: 0 0 0 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0 10px 0 0;
  position: relative;
  background: url(../images/bgZipcode.png) no-repeat right 15px center #fff;
  border: 1px solid #58505b;
}

.zipcode {
  display: none;
}

.maintenanceLocationSearch_m {
  display: none;
}

/*靽苷耨*/

/*鞈���*/

.navSubmenuSell li {
  background: url(../images/bgNavSubmenu.png) no-repeat right center;
  padding: 0 12px 0 0;
}

.navSubmenuContent {
  width: 138px;
  position: absolute;
  left: -10px;
  top: -500px;
  padding: 10px 20px;
  background: #0f83c6;
}

.navSubmenu li:hover .navSubmenuContent {
  top: 50px;
}

.navSubmenuContent p {
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
}

.sellIndex {
  width: 1200px;
  height: 683px;
  margin: auto;
  background: url(../images/bgSellIndex.jpg) no-repeat left top;
  overflow: hidden;
}

.sellIndexTitle {
  display: none;
}

.sellIndexBanner {
  display: none;
}

.sellIndexMenu {
  float: right;
  width: 300px;
  overflow: hidden;
  padding: 15px 0 15px 15px;
}

.sellIndexMenuTitle {
  width: 100%;
  height: 42px;
  border: 1px solid #ccc;
  background: #000;
  margin: 0 0 20px 0;
}

.sellIndexMenuTitle p {
  width: 269px;
  font-size: 12px;
  color: #231f20;
  line-height: 40px;
  padding: 0 15px;
  background: #fff;
}

.sellIndexMenuContent {
  width: 100%;
  position: relative;
  margin: 0 0 5px 0;
}

.sellIndexMenuContent input {
  width: 100%;
  height: 34px;
  background: #58595b;
  font-size: 12px;
  color: #fff;
  padding: 0 0 0 10px;
  border: none;
}

.sellIndexMenuContent span.sellCarWarning {
  font-size: 12px;
  color: #e50e0d;
}

.sellIndexMenuContent ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}

.sellIndexMenuContent ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.sellIndexMenuContent :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

.sellIndexMenuContent :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

.sellIndexMenuContentTitle {
  position: absolute;
  left: 10px;
  top: 11px;
}

.sellIndexMenuContentTitle p {
  font-size: 12px;
  color: #fff;
}

.sellIndexMenuContent select.timeStart,
.sellIndexMenuContent select.timeEnd {
  width: 127px;
  height: 34px;
  background: #58595b;
  font-size: 12px;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../images/bgMaintenanceSelect.png) no-repeat right 15px center
    #58595b;
}

.sellIndexMenuContent select.timeEnd {
  float: right;
}

.sellIndexMenuContent select {
  width: 100%;
  height: 34px;
  font-size: 12px;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../images/bgMaintenanceSelect.png) no-repeat right 15px center
    #58595b;
  border: none;
  padding: 0 0 0 10px;
}

/*.btnSellSearch,*/
.btnSellSubmit {
  width: 100%;
  height: 34px;
  margin: 0 0 10px 0;
}

/*.btnSellSearch a,*/
.btnSellSubmit a {
  display: block;
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  color: #fff;
  line-height: 34px;
  background: #000;
  border-radius: 5px;
}

.sellIndexMenu > p {
  font-size: 10px;
  color: #58595b;
  line-height: 1.2;
  margin: 0 0 10px 0;
}

.btnSellSubmit a {
  background: #e50e0d;
}

.sellIndexMenuContent input[type="checkbox"] {
  width: 12px;
  height: 12px;
}

.sellIndexMenuContent span {
  font-size: 12px;
  color: #58595b;
}

.sellIndexMenuContent span a {
  color: #1d4199;
  text-decoration: none;
}

.btnSellSearch_m,
.btnSellSubmit_m {
  display: none;
}

/*鞈���*/

/*��𡁻��*/

.buyTitle2 {
  width: 1240px;
  height: 155px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -600px;
  background: url(../images/buyTitle2.png) no-repeat left top;
}

.locationSearch {
  padding: 0;
}

.locationSearch #tabs-1 {
  width: 100%;
  margin: auto;
}

#tabs-2 ul.btnBadge {
  width: 100%;
  overflow: hidden;
  padding: 15px 0 10px;
}

#tabs-2 ul.btnBadge li {
  float: left;
  width: 374px;
  height: 48px;
  margin: 0 35px 0 0;
}

#tabs-2 ul.btnBadge li.btnBadgeModel {
  background: url(../images/bgBtnModelBadge3.png);
  background-size: cover;
}

#tabs-2 ul.btnBadge li.btnBadgeGold {
  background: url(../images/bgBtnGoldBadge3.png);
  background-size: cover;
}

#tabs-2 ul.btnBadge li.btnBadgeGood {
  background: url(../images/bgBtnGoodBadge3.png);
  background-size: cover;
  margin: 0;
}

#tabs-2 ul.btnBadge li a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  text-align: center;
  height: 48px;
  padding: 0 0 0 50px;
}

.maintenanceLocationSearchMenu li.locationSearchMenuActive {
  margin-top: -15px;
}

.maintenanceLocationSearchMenu li.locationSearchMenuActive:first-child {
  background: url(../images/bgMaintenanceLocationSearchMenu1stActive.png)
    no-repeat center top #f0f1f1;
}

.maintenanceLocationSearchMenu li.locationSearchMenuActive:nth-child(2) {
  background: url(../images/bgMaintenanceLocationSearchMenu2ndActive.png)
    no-repeat center top #f0f1f1;
}

.maintenanceLocationSearchMenu li.locationSearchMenuActive:nth-child(3) {
  background: url(../images/bgMaintenanceLocationSearchMenu3rdActive.png)
    no-repeat center top #f0f1f1;
}

.maintenanceLocationSearchMenu li.locationSearchMenuActive:last-child {
  background: url(../images/bgMaintenanceLocationSearchMenu4thActive.png)
    no-repeat center top #f0f1f1;
}

.buyLocationSearchResult {
  border-bottom: 1px solid #515151;
  padding: 0 0 20px 0;
}

.maintenanceLocationSearchNearbyResult li.buyLocationSearchResult:last-child {
  border: none;
}

.buyLocationSearchResult h2,
.buyLocationDetail h2 {
  width: 347px;
  height: 49px;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  background: url(../images/bgCarDeatilDealerName.png);
  padding: 0 0 0 50px;
}

.buyLocationSearchResultBadge {
  position: absolute;
  right: 15px;
  top: 6px;
}

.buyLocationSearchResultStarAndScore {
  width: 100%;
  height: 24px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.buyLocationSearchResultStar {
  left: 3px;
  top: 3px;
}

.buyLocationSearchResultStar img {
  width: 70%;
  height: auto;
}

.buyLocationSearchResultScore {
  right: 3px;
  top: 2px;
}

.buyLocationSearchResultScore a {
  text-decoration: none;
  font-size: 10px;
  color: #fff;
}

.btnBuyShowroom a {
  background: #e00e0d;
}

.buyLocationDetailBadge {
  position: absolute;
  right: 30px;
  top: 6px;
}

.buyLocationDetailImg {
  width: 100%;
  height: auto;
  margin: 0 0 15px 0;
}

.buyLocationDetailStarAndScore {
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.buyLocationDetailStar {
  left: 15px;
  top: 3px;
}

.buyLocationDetailScore {
  right: 15px;
  top: 6px;
}

.buyLocationDetailScore a {
  text-decoration: none;
  font-size: 16px;
  color: #fff;
}

.buyLocationDetailText p {
  font-size: 16px;
}

.wrapBuyLocationSearchResult {
  height: auto;
}

.wrapBuyLocationSearchResultContent {
  width: 1056px;
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #b2b2b2;
  padding: 0 0 30px 0;
  margin: 0 auto 30px;
}

.wrapBuyLocationSearchResultImg {
  width: 630px;
  height: 430px;
}

.wrapBuyLocationSearchResultImg img {
  width: 100%;
  height: 430px;
}

.wrapBuyLocationSearchResultImg h3 {
  width: 100%;
  height: 42px;
  background: url(../images/bgBuyLocationDetailH3.png);
  position: relative;
  font-size: 18px;
  color: #fff;
  line-height: 42px;
  padding: 0 0 0 60px;
}

.buyLocationSearchResultImgRank {
  position: absolute;
  left: 15px;
  top: 10px;
}

.buyLocationSearchResultImgBadge {
  position: absolute;
  right: 15px;
  top: 12px;
}

.wrapBuyLocationSearchResultText {
  width: 410px;
  /*height: 430px;*/
}

.wrapBuyLocationSearchResultOtherLink {
  bottom: 45px;
}

.btnBuyLocationSearchResultMore {
  width: 400px;
  height: 40px;
  background: url(../images/bgBtnBuyLocationSearchResultMore.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
}

.btnBuyLocationSearchResultMore p {
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.buyLocationSearchResultAllcars {
  display: none;
  width: 100%;
  padding: 40px 0 0 0;
  clear: both;
  margin: auto;
  position: relative;
}

.buyLocationSearchResultAllcars .buyBuyDealerResult {
  padding: 0 0 20px 0;
}

.btnBuyLocationSearchResultDetail {
  width: 370px;
  height: 40px;
  margin: -40px auto 0;
  background: url(../images/bgBtnBuyLocationSearchResultDetail.png);
  clear: both;
}

.btnBuyLocationSearchResultDetail a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.btnBuyLocationSearchResultLess {
  position: absolute;
  right: 0;
  bottom: 11px;
  background: url(../images/bgBtnBuyLocationSearchResultLess.png) no-repeat
    right center;
  padding: 0 22px 0 0;
  cursor: pointer;
}

.btnBuyLocationSearchResultLess p {
  font-size: 18px;
  color: #58595b;
}

.wrapBuyLocationSearchResultText h4,
.wrapBuyLocationSearchResultTextBadge,
.wrapBuyLocationSearchResultTextSelect,
.buyCarDetailTitleTextScore_m {
  display: none;
}

.buyBuyDealerResultAllcars {
  float: none;
  width: 100%;
}

.buyLocationSearchResultAllcars li:nth-child(3n) {
  margin: 0 4px 4px 0;
}

.wrapMaintenanceLocationSearch2Result .buyBuyDealerResultAllcars h2 {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 10px 0;
  width: 100%;
  height: 54px; /*0119靽格㺿*/
  overflow: hidden; /*0119靽格㺿*/
  background: none;
  text-align: left;
}

.wrapBuyLocationSearchResultContentLast {
  border-bottom: none;
}

.maintenanceLocationOtherOptionContentMask3_m {
  display: none;
}

/*��𡁻��*/

/*銝剖𧂈銵峕��*/

.wrapBuyUsedcar {
  background: #cbcdce;
}

.buyUsedcarSearch {
  min-height: 2563px;
}

.buyUsedcarTopTen {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 0 0 40px 0;
}

.buyUsedcarTopTen h2,
.buySearchResultContent > h2 {
  font-size: 22px;
  color: #df0e0d;
  text-align: center;
  padding: 0 0 10px 0;
  background: url(../images/bgMaintenanceReservationH2.png) no-repeat center
    bottom;
  background-size: contain;
  margin: 0 0 30px 0;
}

.buyUsedcarTopTen1-5,
.buyUsedcarTopTen6-10 {
  float: left;
  width: 50%;
}

.buyUsedcarTopTenTable_m {
  display: none;
}

.buyUsedcarTopTen table td {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #666;
}

.buyUsedcarTopTen table img {
  width: 25px;
  height: auto;
}

.buyUsedcarTopTen table td span {
  font-size: 10px;
  color: #fff;
  background: #7f7f7f;
  padding: 2px 4px;
}

.buyUsedcarTopTenContent {
  position: absolute;
  right: 0;
  top: 0;
  width: 536px;
  height: 200px;
  padding: 20px 20px 10px 0;
}

.buyUsedcarContent > ul > li {
  background: none;
  margin: 0 0 15px 0;
}

.buyUsedcarTopTenContent h2 {
  font-size: 25px;
  color: #6d6e71;
  text-align: center;
  margin: 0 0 30px 0;
}

.buyUsedcarTopTenContent h3 {
  font-size: 40px;
  font-weight: 900;
  color: #d1191a;
  text-align: center;
  margin: 0 0 20px 0;
}

.btnUsedcarSearch {
  width: 190px;
  height: 45px;
  margin: auto;
}

.btnUsedcarSearch a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  background: #d1191a;
  text-align: center;
  line-height: 45px;
}

.buyUsedcarResultTitle {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 0 0 50px 0;
}

.buyUsedcarResultTitleText {
  float: left;
  width: 328px;
  padding: 10px 0 0 0;
}

.buyUsedcarResultTitleText p {
  background: url(../images/bgBuyUsedcarResultTitleText.png) no-repeat left
    center;
  background-size: 6px 7px;
  font-size: 13px;
  color: #58595b;
  padding: 0 0 0 15px;
  margin: 0 0 10px 0;
}

.buyUsedcarResultTitleText h4 {
  font-size: 13px;
  color: #df0e0d;
  line-height: 1.3;
  margin: 20px 0 0 0;
}

.buyUsedcarResultTitleChart {
  float: right;
  width: 535px;
  height: 351px;
  background: #fff;
  border: 1px solid #878787;
}

.buyUsedcarResult > h2 {
  width: 70%;
  font-size: 22px;
  color: #df0e0d;
  text-align: center;
  padding: 0 0 10px 0;
  background: url(../images/bgMaintenanceReservationH2.png) no-repeat center
    bottom;
  background-size: contain;
  margin: 0 auto 30px;
}

/*銝剖𧂈銵峕��*/

/*���𥼚*/

.wrapBuyInfoTitle {
  height: 230px;
}

.buyInfoTitle {
  width: 1200px;
  height: 230px;
  background: url(../images/bgBuyInfoTitle.jpg) no-repeat center center;
  background-size: cover;
}

.buyInfoTitleSearch {
  position: absolute;
  width: 430px;
  height: 40px;
  right: 20px;
  top: -58px;
}

.buyInfoTitleSearch input {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 300px;
  height: 40px;
  border: 3px solid #a2a4a7;
  padding: 0 0 0 15px;
  font-size: 15px;
  color: #58595b;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  line-height: 34px;
}

.btnBuyInfoTitleSearch {
  width: 110px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

.btnBuyInfoTitleSearch a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background: #e00e0d;
}

.buyInfo {
  width: 1200px;
  margin: auto;
  padding: 40px 0;
  position: relative;
  /* overflow: hidden; */
}

.buyInfo #tabs > ul {
  margin: 3px 0 0 -3px;
}

.buyInfo #tabs > ul > li {
  width: 180px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.buyInfo #tabs > ul > li:last-child {
  border: none;
}

.buyInfo .ui-tabs-anchor {
  width: 180px;
}

.buyInfo .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 25px 0;
  text-align: center;
}

.buyInfo .ui-tabs .ui-tabs-panel {
  padding: 35px 0;
}

.buyInfo .ui-tabs {
  padding: 0;
}

.buyInfo > h2 {
  height: 45px;
  font-size: 22px;
  color: #fff;
  line-height: 45px;
  padding: 0 0 0 20px;
  background: url(../images/bgBuyInfoTabsContentTitle.png) no-repeat;
  background-size: 100%;
  margin: 0 0 20px 0;
  clear: both;
}

.buyInfo .buyInfoContentUl,
.buyInfo .buyInfoContentUl2,
.buyInfo #tabs-3 ul,
.buyInfo #tabs-4 ul {
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 0 0 30px 0;
}

.buyInfo .buyInfoContentUl li {
  float: left;
  width: 291px;
  height: 578px;
  background: #141414;
  margin: 0 12px 12px 0;
  position: relative;
}

.buyInfo .buyInfoContentUl2 li {
  float: left;
  width: 386px;
  height: 375px;
  background: #141414;
  margin: 0 21px 21px 0;
  position: relative;
}

.buyInfo .buyInfoContentUl li:nth-child(4n) {
  margin: 0 0 12px 0;
}

.buyInfo .buyInfoContentUl2 li:nth-child(3n) {
  margin: 0 0 21px 0;
}

.buyInfoTabs1ContentVideo {
  width: 100%;
}

.buyInfoTabs1ContentVideoTitle {
  padding: 15px;
}

.buyInfoTabs1ContentVideoTitle h3 {
  font-size: 18px;
  color: #fff;
  line-height: 1.2;
}

.buyInfoTabs1ContentVideointro {
  padding: 0 15px;
}

.buyInfoTabs1ContentVideointro p {
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
}

.buyInfoTabs1ContentLinkFb,
.buyInfoTabs1ContentLinkLine {
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 15px;
}

.buyInfoTabs1ContentLinkFb {
  right: 43px;
}

.buyInfoTabs1ContentLinkLine {
  right: 15px;
}

.buyInfoTabs1ContentLinkFb img,
.buyInfoTabs1ContentLinkLine img {
  max-width: 100%;
}

.buyInfo > p {
  font-size: 16px;
  color: #58595b;
  margin: 0 0 10px 0;
}

.buyInfo #tabs-1 > p span {
  color: #e00e0d;
}

.buyInfo #tabs-2,
.buyInfo #tabs-3,
.buyInfo #tabs-4 {
  clear: both;
  overflow: hidden;
}

.buyInfo #tabs-2 > ul > li,
.buyInfo #tabs-3 > ul > li,
.buyInfo #tabs-4 > ul > li {
  float: left;
  width: 386px;
  height: 375px;
  background: #141414;
  margin: 0 21px 21px 0;
  position: relative;
}

.buyInfo #tabs-2 > ul > li:nth-child(3n),
.buyInfo #tabs-3 > ul > li:nth-child(3n),
.buyInfo #tabs-4 > ul > li:nth-child(3n) {
  margin: 0 0 21px 0;
}

.buyInfo .buyInfoContentUl2 li img,
.buyInfoContentDetail > img {
  max-width: 100%;
}

.buyInfo .buyInfoContentUl2 li h3 {
  font-size: 14px;
  color: #a3a3a3;
  padding: 10px;
}

.buyInfo .buyInfoContentUl2 li h4 {
  font-size: 18px;
  color: #fff;
  line-height: 1.2;
  padding: 0 10px;
  margin: 0 0 15px 0;
}

.buyInfoContentDetail > h3 {
  font-size: 25px;
  color: #353535;
  margin: 0 0 15px 0;
}

.buyInfoContentDetail > h4 {
  font-size: 16px;
  color: #a3a3a3;
  margin: 0 0 30px 0;
}

.buyInfo .buyInfoContentUl2 li a {
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  padding: 0 0 0 15px;
  background: url(../images/bgBtnBuyOnsalesMore.png) no-repeat left center;
  background-size: 8px 10px;
  position: absolute;
  left: 10px;
  bottom: 15px;
}

.buyInfo .buyInfoContentUl2 > h3,
.buyInfo #tabs-3 > h3,
.buyInfo #tabs-4 > h3 {
  font-size: 25px;
  color: #353535;
  margin: 0 0 10px 0;
}

.buyInfo .buyInfoContentUl2 > h4,
.buyInfo #tabs-3 > h4,
.buyInfo #tabs-4 > h4 {
  font-size: 16px;
  color: #a3a3a3;
  margin: 0 0 20px 0;
}

.buyInfo .buyInfoContentUl2 > img,
.buyInfo #tabs-3 > img,
.buyInfo #tabs-4 > img {
  margin: 0 0 20px 0;
}

.buyInfo .buyInfoContentUl2 > p,
.buyInfoContentDetail > p {
  font-size: 16px;
  color: #4c4c4c;
  line-height: 1.3;
  margin: 0 0 20px 0;
}

.btnBackTabs2Content {
  width: 110px;
  height: 30px;
  background: #58595b;
  margin: 30px 0;
  float: right;
}

.btnBackTabs2Content a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}

.buyInfoTabs2ContentLink {
  position: absolute;
  right: 0;
  top: 40px;
}

.buyInfoTabs2ContentLink img {
  width: auto;
  height: 20px;
  margin: 0 0 0 5px;
}

.buyInfoTabs4Sorting {
  width: 100%;
  height: 40px;
  margin: 0 0 30px 0;
  clear: both;
  overflow: hidden;
}

.btnTabs4Sorting {
  float: left;
  width: 126px;
  height: 40px;
  margin: 0 15px 0 0;
  background: #fff;
  border: 3px solid #939393;
  cursor: pointer;
  color: #58595b;
}

.btnTabs4Sorting p {
  font-size: 20px;
  line-height: 34px;
  text-align: center;
}

.btnTabs4SortingFocus {
  background: #939393;
  color: #fff;
  border: 3px solid #fff;
}

.buyInfo .pages {
  clear: both;
}

/*���𥼚*/

/*靽苷耨靽格㺿0904*/

.maintenanceIndexMenuRepairQuery,
.maintenanceIndexMenuRepairQuery2,
.maintenanceIndexMenuRepairQuery3,
.maintenanceIndexMenuRepairQuery4,
.maintenanceIndexMenuRepairQuery5,
.maintenanceIndexMenuRepairQuery6 {
  display: none;
}

.dealerRegionSelect2 {
  margin: 30px auto;
  border-bottom: 1px solid #58595b;
  height: 58px;
}

.dealerRegionSelectGroup2 {
  width: 440px;
}

.dealerRegionSelectGroupType select {
  width: 138px;
  height: 40px;
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  font-size: 16px;
  color: #58595b;
  padding: 0 0 0 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0 6px 0 0;
  position: relative;
  background: url(../images/bgZipcode.png) no-repeat right 15px center #fff;
  border: 1px solid #58505b;
}

#selectBrand {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}

.maintenanceMyrecord table.tableResume {
  margin: 0;
}

.tableResume thead tr {
  background: #e00e0d;
}

.tableResume thead td {
  height: 40px;
  color: #fff;
}

.tableResume tbody td {
  height: 40px;
  color: #58595b;
  background: #fff;
  text-align: left;
  padding: 0 0 0 10px;
}

.tableResume tbody tr {
  border: 1px solid #ccc;
}

.tableResume tbody td a {
  color: #58595b;
  text-decoration: underline;
}

.workDetail {
  width: 100%;
  clear: both;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;
  display: none;
}

.workDetailShow {
  display: block;
}

.workDetailLeft {
  float: left;
  width: 25%;
  padding: 10px;
}

.workDetailLeft p {
  font-size: 16px;
  color: #58595b;
}

.workDetailRight {
  float: left;
  width: 75%;
  padding: 10px;
  border-left: 1px solid #ccc;
}

.maintenanceReservationContentLocationSelect {
  width: 67%;
  margin: auto;
  clear: both;
  overflow: hidden;
}

.maintenanceReservationContentLocationSelectLeft {
  float: left;
  width: 25%;
}

.maintenanceReservationContentLocationSelectLeft select {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 40px;
  font-size: 18px;
  color: #fff;
  background: url(../images/bgMaintenanceSelect.png) no-repeat right 15px center
    #58595b;
  margin: 0 45px 0 0;
  padding: 0 0 0 20px;
}

.maintenanceReservationContentLocationSelectRight {
  float: right;
  width: 75%;
  padding: 0 0 0 20px;
}

.maintenanceReservationContentLocationSelectRight p {
  font-size: 18px;
  color: #58595b;
  margin: 0 0 20px 0;
  line-height: 1;
  text-align: left;
}

#maintenanceReservationContentLocationSelect1,
#maintenanceReservationContentLocationSelect2,
#maintenanceReservationContentLocationSelect3,
#maintenanceReservationContentLocationSelect4,
#maintenanceReservationContentLocationSelect5,
#maintenanceReservationContentLocationSelect6,
#maintenanceReservationContentLocationSelect7,
#maintenanceReservationContentLocationSelect8,
#maintenanceReservationContentLocationSelect9,
#maintenanceReservationContentLocationSelect10,
#maintenanceReservationContentLocationSelect11,
#maintenanceReservationContentLocationSelect12,
#maintenanceReservationContentLocationSelect13,
#maintenanceReservationContentLocationSelect14,
#maintenanceReservationContentLocationSelect15,
#maintenanceReservationContentLocationSelect16,
#maintenanceReservationContentLocationSelect17,
#maintenanceReservationContentLocationSelect18,
#maintenanceReservationContentLocationSelect19 {
  display: none;
}

.btnMaintenanceMyrecordSave_m {
  display: none;
}

/*靽苷耨靽格㺿0904*/

/*鞎瑁�𠹺耨�㺿*/

.btnSeeAll,
.btnSeeLess {
  display: none;
}

.btnSearchOptionShow_m,
.btnSearchOptionHide_m {
  display: none;
}

.wrapBuyLocationSearch {
  width: 100%;
  background: #f0f1f1;
}

.buyLocationSearch {
  width: 1200px;
  margin: auto;
  padding: 40px 0;
  background: #f0f1f1;
}

.buyLocationSearch h2 {
  width: 600px;
  font-size: 22px;
  color: #e40e0d;
  text-align: center;
  line-height: 2;
  background: url(../images/buyBrandLine.png) no-repeat center bottom;
  background-size: contain;
  margin: 0 auto 35px;
}

.buyLocationSearchNearbyResultImg {
  height: 138px;
  margin: 0;
}

.buyLocationSearchNearbyResultImg img {
  height: 138px;
}

.buyLocationSearchNearbyResultText {
  height: 138px;
  position: relative;
}

.buyLocationSearchNearbyResultText p {
  line-height: 1.2;
}

.btnDealerDetail {
  width: 100%;
  height: 26px;
  margin: 20px 0 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
}

.btnDealerDetail a {
  display: block;
  text-decoration: none;
  font-size: 11px;
  color: #fff;
  line-height: 26px;
  text-align: center;
  border-radius: 5px;
  background: url(../images/bgBtnBuyDealerDetail.png) no-repeat right 40px
    center #e00e0d;
  background-size: 6px 8px;
}

.wrapBuyLocationSearchResultText h3 {
  width: 347px;
  height: 49px;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  background: url(../images/bgCarDeatilDealerName.png) no-repeat;
  background-size: 400px 49px;
  padding: 0 0 0 50px;
}

.buyLocationSearchResultAllcars .buyBuyDealerResult > ul > li {
  float: left;
  width: 344px;
  margin: 0 12px 12px 0;
  position: relative;
  height: auto; /*0119靽格㺿*/
}

.buyLocationSearchResultAllcars .buyBuyDealerResult > ul > li:nth-child(3n) {
  margin: 0 0 12px 0;
}

.buyLocationSearchResultAllcars .buyDealerDetailOnSalePrice {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.buyLocationSearchResultAllcars .buyDealerDetailOnSaleCondition ul {
  padding: 0 10px;
}

/*.buyLocationSearchResultAllcars .carCondition li {
    margin: 0 0 4px 0;
}

.buyLocationSearchResultAllcars .carCondition li:nth-child(4n) {
    margin: 0 0 4px 0;
}

.buyLocationSearchResultAllcars .carCondition li:nth-child(6n) {
    margin: 0 4px 4px 0;
}*/

.btnCarBrand {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: relative;
  margin: 0 -1px 10px 0;
  cursor: pointer;
}

.btnCarBrand input[type="radio"],
.btnBuyRegion input[type="checkbox"],
.btnCarFuel input[type="checkbox"],
.btnCarDoor input[type="checkbox"],
.btnCarGear input[type="checkbox"],
.btnCarPersons input[type="checkbox"] {
  visibility: hidden;
  margin: 0;
}

.btnCarBrand img {
  width: 65%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.btnCarBrand input[type="radio"] + span {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/bgBtnBrandMajor.png);
  background-size: 80px 80px;
}

.btnCarBrand input[type="radio"]:checked + span {
  background-image: url(../images/bgBtnBrandFOcus.png);
  background-size: 80px 80px;
}

.btnBuyRegion {
  display: inline-block;
  width: 75px;
  height: 30px;
  position: relative;
  margin: 5px 3px 0 0;
  cursor: pointer;
}

.btnBuyRegion input[type="checkbox"] + span {
  width: 75px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: #58595b;
  line-height: 30px;
  text-align: center;
  box-shadow: 0 0 0 1px #808080 inset;
  background: #fff;
}

.btnBuyRegion input[type="checkbox"]:checked + span {
  box-shadow: none;
  background: #cbcdce;
}

.buyAdvSearchOtherTypeContent {
  padding: 0 0 0 5px;
}

.buyAdvSearchOtherFuelContent,
.buyAdvSearchOtherDoorsContent,
.buyAdvSearchOtherGearContent,
.buyAdvSearchOtherPersonsContent {
  padding: 0 0 0 5px;
}

.btnCarFuel,
.btnCarDoor,
.btnCarGear,
.btnCarPersons {
  display: inline-block;
  width: 75px;
  height: 30px;
  position: relative;
  margin: 5px 0 0 0;
  cursor: pointer;
}

.btnCarFuel input[type="checkbox"] + span,
.btnCarDoor input[type="checkbox"] + span,
.btnCarGear input[type="checkbox"] + span,
.btnCarPersons input[type="checkbox"] + span {
  width: 75px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: #58595b;
  line-height: 30px;
  text-align: center;
  box-shadow: 0 0 0 1px #808080 inset;
  background: #fff;
}

.btnCarFuel input[type="checkbox"]:checked + span,
.btnCarDoor input[type="checkbox"]:checked + span,
.btnCarGear input[type="checkbox"]:checked + span,
.btnCarPersons input[type="checkbox"]:checked + span {
  box-shadow: none;
  background: #cbcdce;
}

/*鞎瑁�𠹺耨�㺿*/

/*靽��啹靽格㺿*/

.buyOnsaleTabs #tabs > ul {
  margin: 3px 0 0 -3px;
}

.buyOnsaleTabs #tabs > ul > li {
  width: 180px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.buyOnsaleTabs #tabs > ul > li:last-child {
  border: none;
}

.buyOnsaleTabs .ui-tabs-anchor {
  width: 180px;
}

.buyOnsaleTabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 25px 0;
  text-align: center;
}

.buyOnsaleTabs .ui-tabs .ui-tabs-panel {
  padding: 35px 0;
}

.buyOnsaleTabs .ui-tabs {
  padding: 0;
}

/*靽��啹靽格㺿*/

/*��𨅯�衤耨�㺿*/

.btnDealerRegion {
  display: block;
  width: 106px;
  position: relative;
  border: none;
  margin: 0 4px 0 0;
  cursor: pointer;
}

.btnDealerRegionLast {
  margin: 0;
}

.btnDealerRegion input[type="radio"] {
  visibility: hidden;
  opacity: 0;
  margin: 0;
}

.btnDealerRegion input[type="radio"] + span {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #58595b;
  padding: 4px 28px;
}

.btnDealerRegionLast input[type="radio"] + span {
  padding: 4px 36px;
}

.btnDealerRegion input[type="radio"]:checked + span {
  border: none;
  color: #fff;
  background: #df0e0d;
  padding: 5px 28px;
}

.btnDealerRegionLast input[type="radio"]:checked + span {
  padding: 5px 36px;
}

.btnCarType,
.btnCarRegion {
  float: left;
  width: 116px;
  height: 74px;
  display: block;
  position: relative;
  margin: 0 4px 4px 0;
  cursor: pointer;
}

.btnCarYear,
.btnCarRegion {
  display: block;
  position: relative;
  margin: 15px 0;
  cursor: pointer;
}

.btnCarRegion {
  width: 70px;
  height: 20px;
  margin: 8px 0;
}

.btnCarColor {
  width: 32%;
  margin-bottom: 1px;
  box-sizing: border-box;
}

.btnCarType input[type="checkbox"],
.btnCarYear input[type="checkbox"],
.btnCarRegion input[type="checkbox"] {
  visibility: hidden;
  margin: 0;
  opacity: 0;
}
.btnCarColor input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
}

.btnCarType input[type="checkbox"] + span,
.btnCarRegion input[type="checkbox"] + span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: #58595b;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 1px #58595b inset;
}

.btnCarType1st input[type="checkbox"] + span {
  padding: 50px 30px 10px;
  background-image: url(../images/carType1.svg);
  background-position: center top 20px;
  background-size: 85px 25px;
}

.btnCarType2nd input[type="checkbox"] + span {
  padding: 50px 30px 10px;
  background-image: url(../images/carType2.svg);
  background-position: center top 20px;
  background-size: 85px 25px;
}

.btnCarType3rd input[type="checkbox"] + span {
  padding: 50px 23px 10px;
  background-image: url(../images/carType3.svg);
  background-position: center top 15px;
  background-size: 82px 30px;
}

.btnCarType4th input[type="checkbox"] + span {
  padding: 50px 23px 10px;
  background-image: url(../images/carType4.svg);
  background-position: center top 15px;
  background-size: 82px 30px;
}

.btnCarType5th input[type="checkbox"] + span {
  padding: 50px 30px 10px;
  background-image: url(../images/carType5.png);
  background-position: center top 10px;
  background-size: 79px 37px;
}

.btnCarType6th input[type="checkbox"] + span {
  padding: 50px 37px 10px;
  background-image: url(../images/carType6.svg);
  background-position: center top 13px;
  background-size: 79px 37px;
}

.btnCarType7th input[type="checkbox"] + span {
  padding: 50px 23px 10px;
  background-image: url(../images/carType7.svg);
  background-position: center top 15px;
  background-size: 86px 32px;
}

.btnCarType8th input[type="checkbox"] + span {
  padding: 50px 30px 10px;
  background-image: url(../images/carType8.svg);
  background-position: center top 18px;
  background-size: 80px 28px;
}

.btnCarYear input[type="checkbox"] + span {
  width: 80px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  top: 0;
  padding: 3px 10px;
  font-size: 14px;
  color: #58595b;
  text-align: center;
  box-shadow: 0 0 0 1px #58595b inset;
}

.btnCarRegion input[type="checkbox"] + span {
  padding: 3px 10px;
  margin: 0 0 0 4px;
}

.btnCarType1st input[type="checkbox"]:checked + span,
.btnCarType2nd input[type="checkbox"]:checked + span,
.btnCarType3rd input[type="checkbox"]:checked + span,
.btnCarType4th input[type="checkbox"]:checked + span,
.btnCarType5th input[type="checkbox"]:checked + span,
.btnCarType6th input[type="checkbox"]:checked + span,
.btnCarType7th input[type="checkbox"]:checked + span,
.btnCarType8th input[type="checkbox"]:checked + span,
.btnCarYear input[type="checkbox"]:checked + span,
.btnCarRegion input[type="checkbox"]:checked + span {
  background-color: #cbcdce;
  box-shadow: none;
}

.btnCarColor input[type="checkbox"] + span {
  width: 100%;
  padding: 8px 0;
  box-sizing: border-box;
  font-size: 12px;
  color: #fff;
  display: block;
  text-align: center;
  border: 4px solid #f6f6f6;
}

.btnCarColorBlue input[type="checkbox"] + span {
  background-color: #0261b1;
}

.btnCarColorGreen input[type="checkbox"] + span {
  background-color: #418041;
}

.btnCarColorPurple input[type="checkbox"] + span {
  background-color: #661a64;
}

.btnCarColorRed input[type="checkbox"] + span {
  background-color: #c80b0b;
}

.btnCarColorYellow input[type="checkbox"] + span {
  background-color: #ffc31f;
  color: #131314; /*1219靽格㺿*/
}

.btnCarColorOrange input[type="checkbox"] + span {
  background-color: #f6800b; /*1219靽格㺿*/
}

.btnCarColorWhite input[type="checkbox"] + span,
.btnCarColorOther input[type="checkbox"] + span {
  background-color: #fff;
  box-shadow: 0 0 0 1px #d5d5d5 inset;
  color: #131314;
}

.btnCarColorSilver input[type="checkbox"] + span {
  background-color: #e7e9e8;
  color: #131314;
}

.btnCarColorGray input[type="checkbox"] + span {
  background-color: #474747;
}

.btnCarColorBrown input[type="checkbox"] + span {
  background-color: #5e3c26;
}

.btnCarColorBlack input[type="checkbox"] + span {
  background-color: #131314;
}

.btnCarColor input[type="checkbox"]:checked + span {
  /*box-shadow: 0 0 0 5px #df0e0d inset;*/
  box-shadow: unset;
  border: 4px solid #ffff4d;
}

/*��𨅯�衤耨�㺿*/

/*靽苷耨靽格㺿0912*/

.maintenanceLoginForgetContent {
  position: relative;
}

.maintenanceLoginForgetContent h5 {
  position: absolute;
  left: 30px;
  bottom: 25px;
  font-size: 13px;
  color: #58595b;
  line-height: 1.3;
}

.maintenanceMyrecordTable,
.maintenanceResumeTable {
  width: 100%;
  margin: 0 0 40px 0;
}

.maintenanceMyrecordTableTitle {
  width: 100%;
  background: #58595b;
  border-bottom: 1px solid #ccc;
  clear: both;
  overflow: hidden;
}

.maintenanceMyrecordTableDetailTitle {
  width: 100%;
  clear: both;
  overflow: hidden;
}

.maintenanceMyrecordTableTitle1,
.maintenanceMyrecordTableTitle2,
.maintenanceMyrecordTableTitle3,
.maintenanceMyrecordTableTitle4,
.maintenanceMyrecordTableDetailTitle1,
.maintenanceMyrecordTableDetailTitle2 {
  float: left;
  height: 40px;
  border-left: 1px solid #ccc;
}

.maintenanceMyrecordTableDetailTitle1 {
  width: 220px;
  background: #fff;
  border-left: 1px solid #58595b;
  border-right: 1px solid #58595b;
  border-bottom: 1px solid #58595b;
}

.maintenanceMyrecordTableDetailTitle2 {
  width: 220px;
  background: #fff;
  border-right: 1px solid #58595b;
  border-bottom: 1px solid #58595b;
}

.maintenanceMyrecordTableTitle2,
.maintenanceMyrecordTableContent2 {
  width: 220px;
}

.maintenanceMyrecordTableTitle3,
.maintenanceMyrecordTableContent3 {
  width: 440px;
}

.maintenanceMyrecordTableTitle4,
.maintenanceMyrecordTableContent4 {
  width: 220px;
}

.maintenanceMyrecordTableContent4 {
  padding: 10px 0 0 0;
}

.maintenanceMyrecordTableTitle1 p,
.maintenanceMyrecordTableTitle2 p,
.maintenanceMyrecordTableTitle3 p,
.maintenanceMyrecordTableTitle4 p,
.maintenanceMyrecordTableDetailTitle1 p,
.maintenanceMyrecordTableDetailTitle2 p {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  text-align: center;
}

.maintenanceMyrecordTableDetailTitle1 p,
.maintenanceMyrecordTableDetailTitle2 p {
  color: #58595b;
}

.maintenanceMyrecordTableContent {
  width: 100%;
  background: #828282;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}

.maintenanceMyrecordTableDetailContent {
  width: 100%;
  clear: both;
  overflow: hidden;
}

.maintenanceMyrecordTableContent1,
.maintenanceMyrecordTableContent2,
.maintenanceMyrecordTableContent3,
.maintenanceMyrecordTableContent4,
.maintenanceMyrecordTableDetailContent1,
.maintenanceMyrecordTableDetailContent2 {
  float: left;
  height: 72px;
  border-left: 1px solid #ccc;
}

.maintenanceMyrecordTableDetailContent1 {
  width: 220px;
  background: #fff;
  border-left: 1px solid #58595b;
  border-right: 1px solid #58595b;
  border-bottom: 1px solid #58595b;
}

.maintenanceMyrecordTableDetailContent1,
.maintenanceMyrecordTableDetailContent2 {
  width: 220px;
  background: #fff;
  border-right: 1px solid #58595b;
  border-bottom: 1px solid #58595b;
}

.maintenanceMyrecordTableTitle1,
.maintenanceMyrecordTableContent1 {
  width: 220px;
  border-right: none;
}

.maintenanceMyrecordTableContent1 p,
.maintenanceMyrecordTableContent2 p,
.maintenanceMyrecordTableContent3 p,
.maintenanceMyrecordTableDetailContent1 p,
.maintenanceMyrecordTableDetailContent2 p {
  font-size: 16px;
  color: #fff;
  line-height: 72px;
  text-align: center;
}

.maintenanceMyrecordTableDetailContent1 p,
.maintenanceMyrecordTableDetailContent2 p {
  color: #58595b;
}

.maintenanceMyrecordTableContent4 p {
  width: 64px;
  text-align: center;
  margin: auto;
  color: #fff;
}

.maintenanceMyrecordTableContent4 p span {
  display: none;
}

.maintenanceMyrecordTableContent4 p a {
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  line-height: 2;
}

.maintenanceResumeTable {
  margin: 0;
}

.maintenanceResumeTableTitle {
  width: 100%;
  background: #e00e0d;
  clear: both;
  overflow: hidden;
}

.maintenanceResumeTableTitle1,
.maintenanceResumeTableTitle2,
.maintenanceResumeTableTitle3,
.maintenanceResumeTableTitle4 {
  float: left;
  width: 25%;
  height: 40px;
  border-left: 1px solid #ccc;
}

.maintenanceResumeTableTitle1 p,
.maintenanceResumeTableTitle2 p,
.maintenanceResumeTableTitle3 p,
.maintenanceResumeTableTitle4 p {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  text-align: center;
}

.maintenanceResumeTableContent {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ccc;
  clear: both;
  overflow: hidden;
}

.maintenanceResumeTableContent1,
.maintenanceResumeTableContent2,
.maintenanceResumeTableContent3,
.maintenanceResumeTableContent4 {
  float: left;
  width: 25%;
  height: 40px;
  border-left: 1px solid #ccc;
  padding: 0 10px;
}

.maintenanceResumeTableContent4 {
  border-right: 1px solid #ccc;
}

.maintenanceResumeTableContent1 p,
.maintenanceResumeTableContent2 p,
.maintenanceResumeTableContent3 p,
.maintenanceResumeTableContent4 p {
  font-size: 16px;
  color: #58595b;
  line-height: 40px;
  text-align: center;
}

.wrapMaintenanceReservationInput {
  width: 72%;
  margin: auto;
}

.maintenanceReservationInput {
  display: inline-block;
  width: 49%;
  height: 40px;
  text-align: center;
  margin: 0 0 25px 0;
}

.maintenanceReservationInput p {
  margin: 0;
}

.maintenanceReservationInput p input[type="text"],
.maintenanceReservationInput p input[type="tel"],
.maintenanceReservationInput p select {
  margin: 0 0 0 25px;
}

.maintenanceLoginSignup h3 a.inline {
  font-size: 18px;
  color: #58595b;
  text-decoration: underline;
  background: none;
  padding: 0;
  margin: 0;
}

.btnReservatioSubmitn {
  width: 100px;
  height: 36px;
  margin: 30px auto 0;
}

.btnReservatioSubmitn a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  border-radius: 5px;
  background: #e40e0d;
}

.maintenanceMyrecordTableDetail1,
.maintenanceMyrecordTableDetail2 {
  display: none;
}
.maintenanceMyrecordTableDetailShow {
  display: block;
}

.wrapBuyCompare {
  width: 100%;
  background: #ebecec;
}

.buyCompare {
  width: 1200px;
  margin: auto;
  padding: 0 0 60px 0;
  clear: both;
  overflow: hidden;
}

.buyCompare p {
  font-size: 16px;
  color: #fff;
  padding: 0 0 0 20px;
}

.buyCompare1st {
  float: left;
  width: 476px;
  overflow: hidden;
}

.buyCompare2nd,
.buyCompare3rd {
  float: left;
  width: 352px;
  margin: 0 0 0 10px;
}

.buyCompare1stImg {
  width: 100%;
  overflow: hidden;
}

.buyCompare2nd .buyCompareTitle,
.buyCompare3rd .buyCompareTitle {
  display: none;
}

.buyCompareTitle {
  float: left;
  width: 114px;
}

.buyCompareTitle1 {
  width: 100%;
  height: 244px;
  background: #6d6e71;
  margin: 0 0 10px 0;
}

.buyCompareTitle1 p {
  line-height: 244px;
}

.buyCompareTitle2,
.buyCompareContent2 {
  width: 100%;
  height: 40px;
  background: #6d6e71;
  margin: 0 0 2px 0;
}

.buyCompareTitle2 p,
.buyCompareContent2 p {
  line-height: 40px;
}

.buyCompareTitle3,
.buyCompareContent3 {
  width: 100%;
  height: 120px;
  background: #6d6e71;
  margin: 0 0 2px 0;
}

.buyCompareTitle3 p {
  padding: 20px 0 0 20px;
}

.buyCompareContent {
  float: right;
  width: 352px;
}

.buyCompareContent1 {
  width: 100%;
  height: 244px;
  overflow: hidden;
  position: relative;
  margin: 0 0 10px 0;
}

.buyCompareContent1 > img {
  width: 100%;
  height: 244px;
}

.buyCompareContent3 {
  padding: 20px;
}

.buyCompareContent3 li {
  float: left;
  width: 82px;
  height: 25px;
  background-color: #0f83c6;
  background-repeat: no-repeat;
  background-position: 4px center;
  padding: 0 5px;
  margin: 0 5px 5px 0;
}

.buyCompareContent3 li p {
  font-size: 12px;
  color: #fff;
  text-align: right;
  line-height: 25px;
}

/*colorbox*/

#signUpNotice {
  width: 600px;
  padding: 20px;
  background: #fff;
}

#signUpNotice p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 10px 0;
  color: #58595b;
}

#sellTerms {
  width: 900px;
  height: 192px;
  background: #f1f2f2;
  padding: 50px 20px 30px;
  position: relative;
}

#sellTerms p {
  font-size: 18px;
  color: #231f20;
  line-height: 1.5;
}

.btnSellSubmitDone {
  width: 200px;
  height: 34px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  bottom: 30px;
}

.btnSellSubmitDone a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 34px;
  background: #e50e0d;
}

.onsaleMenu,
.buyInfoMenu {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: -76px;
  z-index: 9;
}

.onsaleMenu li,
.buyInfoMenu li {
  float: left;
  width: 180px;
  height: 76px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.6);
}

.onsaleMenu li:last-child,
.buyInfoMenu li:last-child {
  border: none;
}

.onsaleMenu li.onsaleMenuActive,
.buyInfoMenu li.buyInfoMenuActive {
  background: #eceded;
}

.onsaleMenu li a,
.buyInfoMenu li a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #58595b;
  text-align: center;
  line-height: 76px;
}

.buyGuarantee1stMoreContent,
.buyGuarantee2ndMoreContent,
.buyGuarantee3rdMoreContent,
.buyGuarantee4thMoreContent,
.buyGuarantee5thMoreContent,
.buyGuarantee6thMoreContent,
.buyGuarantee7thMoreContent,
.buyGuarantee8thMoreContent,
.buyGuarantee9thMoreContent,
.buyGuarantee10thMoreContent {
  width: 920px;
  margin: auto;
}

.buyGuarantee1stMoreContent h2,
.buyGuarantee2ndMoreContent h2,
.buyGuarantee3rdMoreContent h2,
.buyGuarantee4thMoreContent h2,
.buyGuarantee5thMoreContent h2,
.buyGuarantee6thMoreContent h2,
.buyGuarantee7thMoreContent h2,
.buyGuarantee8thMoreContent h2,
.buyGuarantee9thMoreContent h2,
.buyGuarantee10thMoreContent h2 {
  height: 40px;
  font-size: 20px;
  color: #fff;
  background: url(../images/bgAboutMaintenanceContentH2.png) no-repeat;
  background-size: cover;
  text-align: left;
  line-height: 40px;
  padding: 0 0 0 15px;
  margin: 0 0 15px 0;
}

.buyGuarantee1stMoreContent p,
.buyGuarantee2ndMoreContent p,
.buyGuarantee3rdMoreContent p,
.buyGuarantee4thMoreContent p,
.buyGuarantee5thMoreContent p,
.buyGuarantee6thMoreContent p,
.buyGuarantee7thMoreContent p,
.buyGuarantee8thMoreContent p,
.buyGuarantee9thMoreContent p,
.buyGuarantee10thMoreContent p {
  font-size: 18px;
  color: #6d6e71;
  line-height: 1.4;
  text-align: left;
  padding: 0 15px;
  margin: 0 0 20px 0;
}

.buyGuarantee1stMoreContent p span,
.buyGuarantee2ndMoreContent p span,
.buyGuarantee5thMoreContent p span,
.buyGuarantee7thMoreContent p span,
.buyGuarantee8thMoreContent p span,
.buyGuarantee9thMoreContent p span {
  color: #df0e0d;
}

.buyGuarantee5thMoreContent p a,
.buyGuarantee6thMoreContent p a {
  color: #6d6e71;
}

.buyGuarantee1stImg,
.buyGuarantee1stText {
  width: 656px;
  margin: 0 auto 10px;
  position: relative;
  overflow: hidden;
}

.buyGuarantee1stImg img {
  max-width: 100%;
}

.buyGuarantee1stImg1,
.buyGuarantee1stText1 {
  float: left;
  width: 129px;
}

.buyGuarantee1stImg2,
.buyGuarantee1stText2 {
  width: 127px;
  position: absolute;
  left: 50%;
  margin-left: -63px;
  top: 0;
}

.buyGuarantee1stImg3,
.buyGuarantee1stText3 {
  width: 110px;
  float: right;
}

.buyGuarantee1stText p {
  font-size: 20px;
  color: #6d6e71;
  text-align: center;
}

.buyGuarantee2ndImg {
  float: left;
  width: 40%;
  text-align: right;
  margin: 0 0 25px 0;
}

.buyGuarantee2ndText {
  float: left;
  width: 60%;
  padding: 30px 132px 0 30px;
}

.buyGuarantee2ndText p {
  font-size: 20px;
  color: #6d6e71;
  line-height: 1.5;
  text-align: left;
}

.buyGuarantee6th > p {
  font-size: 20px;
  color: #6d6e71;
  line-height: 1.5;
  margin: 0 0 25px 0;
}

.buyGuarantee6thImg2,
.buyGuarantee6thText2 {
  width: 163px;
  position: absolute;
  left: 50%;
  margin-left: -82px;
  top: 0;
}

.buyGuarantee6thImg3,
.buyGuarantee6thText3 {
  width: 175px;
  float: right;
}

.buyInfoContentDetail {
  overflow: hidden;
}

/*鞎瑁��0920�鰵憓�*/

/*頠𠹺蜓閰閖��0925�鰵憓�*/

.wrapBuyEvaluation {
  padding: 30px 0;
  background: #ebecec;
}

.buyEvaluation {
  width: 810px;
  margin: auto;
}

.buyEvaluation > h2 {
  font-size: 16px;
  color: #e00e0d;
  background: url(../images/bgCarSpecTitle.png) no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 30px 0;
}

.buyEvaluation > p {
  font-size: 16px;
  color: #58595b;
  line-height: 36px;
  margin: 0 0 10px 0;
}

.buyEvaluation > p input {
  width: 340px;
  height: 36px;
  border: 1px solid #58595b;
  margin: 0 0 0 10px;
  padding: 0 20px;
  font-size: 16px;
  color: #58595b;
}

.btnGetCode {
  width: 150px;
  height: 36px;
  margin: 0 0 10px 90px;
  position: relative;
}

.btnGetCode a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  background: #e00e0d;
}

.btnGetCode span {
  position: absolute;
  left: 160px;
  top: 0;
  font-size: 16px;
  color: #e00e0d;
  line-height: 36px;
  width: 448px;
}

.btnQuery {
  width: 100%;
  height: 40px;
  position: relative;
  margin: 0 0 15px 0;
}

.btnQuery a {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  padding: 12px 35px;
  font-size: 16px;
  color: #fff;
  background: #e00e0d;
  border-radius: 5px;
}

.buyEvaluationSearchResult {
  width: 100%;
  min-height: 200px;
  border-top: 1px solid #58595b;
  padding: 10px 0 0 0;
}

.buyEvaluationSearchResult li {
  width: 100%;
  height: 50px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.buyEvaluationSearchResultDealerName {
  float: left;
  width: 150px;
  height: 50px;
  background: #e00e0d;
  margin: 0 8px 0 0;
}

.buyEvaluationSearchResultDealerName p {
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

.btnEvaluation,
.btnDealerInfo {
  float: left;
  width: 58px;
  height: 50px;
  background: #425b92;
  margin: 0 8px 0 0;
}

.btnEvaluation a,
.btnDealerInfo a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  line-height: 1.2;
  padding: 6px 13px;
}

.buyEvaluationSearchResultDealerInfo {
  float: left;
  width: 518px;
  height: 50px;
  background: #fff;
  padding: 6px 0 0 10px;
}

.buyEvaluationSearchResultDealerInfo p {
  font-size: 16px;
  color: #6d6e71;
  line-height: 1.2;
}

.btnDealerInfo {
  float: right;
  background: #e00e0d;
  margin: 0;
}

#buyEvaluationForm,
#buyEvaluationForm2 {
  width: 560px;
  padding: 40px;
  background: #f0f1f1;
  position: relative;
}

#buyEvaluationForm h2,
#buyEvaluationForm2 h2 {
  font-size: 22px;
  color: #e00e0d;
  text-align: center;
  padding: 0 0 10px 0;
  background: url(../images/bgMaintenanceH2Line.png) no-repeat bottom center;
  background-size: contain;
  margin: 0 0 20px 0;
}

#buyEvaluationForm p,
#buyEvaluationForm2 p {
  font-size: 16px;
  color: #6d6e71;
  margin: 0 0 15px 0;
}

.buyEvaluation1st,
.buyEvaluation2nd,
.buyEvaluation3rd,
.buyEvaluation4th {
  position: absolute;
  left: 130px;
  top: 89px;
  overflow: hidden;
}

.buyEvaluation2nd {
  top: 120px;
}

.buyEvaluation3rd {
  top: 151px;
}

.buyEvaluation4th {
  top: 182px;
}

.btnStar {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
}

.btnStar input[type="checkbox"] {
  visibility: hidden;
  opacity: 0;
}

.btnStar input[type="checkbox"] + span {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/star.png) no-repeat center center;
  background-size: 16px 16px;
}

.btnStar input[type="checkbox"]:checked + span {
  background: url(../images/starFocus.png) no-repeat center center;
  background-size: 16px 16px;
}

#buyEvaluationForm textarea,
#buyEvaluationForm2 textarea {
  width: 100%;
  height: 150px;
  background: #fff;
  border: 1px solid #58595b;
  margin: 0 0 20px 0;
  padding: 15px;
}

.btnEvaluationSubmit {
  width: 140px;
  height: 40px;
  margin: auto;
}

.btnEvaluationSubmit a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background: #e00e0d;
  border-radius: 5px;
}

/*0930�鰵憓�*/
.buyOnsaleTabs a,
.buyInfoContentUl a {
  text-decoration: none;
}

/*1016�鰵憓�*/
.dealerRegionSelectTypeContentHide1,
.dealerRegionSelectTypeContentHide2,
.dealerRegionSelectTypeContentHide3,
.dealerRegionSelectTypeContentHide4 {
  display: none;
}

.dealerRegionSelectTypeContentShow1,
.dealerRegionSelectTypeContentShow2,
.dealerRegionSelectTypeContentShow3,
.dealerRegionSelectTypeContentShow4 {
  display: block;
}

.dealerRegionSelectFast {
  margin: 40px auto 0;
  border-bottom: 0px solid #58595b;
}

.dealerRegionSelectDistrict {
  display: block;
  margin: 0 auto 120px;
}

.dealerRegionSelectDistrictShow {
  display: block;
}

.maintenanceReservationContentDetail textarea {
  width: 100%;
  height: 100px;
}

.btnSignUpNoticeClose {
  width: 100px;
  height: 40px;
  margin: auto;
}

.btnSignUpNoticeClose a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
}

/*1023�鰵憓�*/
.btnDealerSearch3 {
  left: 444px;
}

.btnDealerClear3 {
  left: 544px;
}

.btnDealerSearch4 {
  left: 444px;
  top: -12px;
}

.btnDealerClear4 {
  left: 544px;
  top: -12px;
}

/*1025�鰵憓�*/
#twzipcode .county {
  /*  display: none;*/
}

/*1026�鰵憓�*/
.dealerRegionSelectDistrict_m {
  display: none;
}

@-webkit-keyframes loading /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loading {
  width: 72px;
  /*height: 50px;*/
  margin: auto;
  padding: 0 0 30px 0;
  text-align: center;
}

.loading img {
  max-width: 50px;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -ms-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}

/*1109�鰵憓�*/
.usedCarQuotes {
  padding: 10px 0 10px 10px; /*0122靽格㺿*/
  margin: 0 0 10px 0; /*0122�鰵憓�*/
}

.usedCarQuotes span {
  padding: 5px;
}

.note {
  margin: 0 0 20px 0;
}

.note li {
  margin: 0 0 5px 0;
  line-height: 1.3;
}

#searchResult h2 {
  margin: 0 0 5px 0;
}

#loadMore {
  margin: 10 0 20px 536px;
}

.buyDealerDetailContentShare {
  padding: 15px 20px 40px 20px;
}

/*1219�鰵憓�*/
.bestCarBox .swiper-slide > a > img {
  max-width: 100%;
  height: 259px;
  /*width: 380px; height: 259px;*/
}

.buyCarDetailContentSpecial img,
.buyCarDetailContentSpecial iframe {
  max-width: 100%;
}

/*0119�鰵憓�*/
.searchOptionYear {
  text-align: center;
}

.searchOptionYear select {
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  font-size: 14px;
  color: #58595b;
  box-shadow: 0 0 0 1px #58595b inset;
  border: none;
  margin: 16px 0 0 0;
  padding: 0 0 0 5px;
}

.buyTitle2Text_m,
.buyTitle3Text_m {
  display: none;
}

/*0123�鰵憓�*/
.buyAdvSearchOtherSelect {
  width: 100%;
  height: 32px;
  margin: 15px 0 5px;
  clear: both;
}

.btnCarSelect {
  width: 100%;
  height: 32px;
  display: block;
  position: relative;
  cursor: pointer;
}

.btnCarSelect input[type="checkbox"] {
  visibility: hidden;
  margin: 0;
  opacity: 0;
}

.btnCarSelect input[type="checkbox"] + span {
  width: 100%;
  height: 32px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: #58595b;
  line-height: 32px;
  text-align: center;
  box-shadow: 0 0 0 1px #808080 inset;
  background: #fff;
}

.btnCarSelect input[type="checkbox"]:checked + span {
  background-color: #cbcdce;
  box-shadow: none;
}

.compMessage {
  display: inline-block;
}

.compMessage_m {
  display: none;
}

.btnAdvAll,
.btnAdvLess {
  display: none;
  width: 88px;
  height: 18px;
  margin: 0 auto 60px;
  padding: 5px;
}

.btnAdvLess {
  display: none;
  width: 52px;
}

.btnAdvAll p,
.btnAdvLess p {
  font-size: 18px;
  color: #d1191a;
  background: url(../images/mobile/bgBtnSeeAll.png) no-repeat right center;
  background-size: 10px 8px;
}

.btnAdvLess p {
  background: url(../images/mobile/bgBtnSeeLess.png) no-repeat right center;
  background-size: 10px 8px;
}

/*-- member_button start--*/

.navIndex,
.navBuy {
  width: 800px;
}

.memberBtnBox {
  height: 25px;
  padding: 0 10px;
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
  line-height: 25px;
  color: #de0e0d;
  font-size: 13px;
}
.memberBtnBox a {
  color: #de0e0d;
  font-weight: bold;
  text-decoration: underline;
}

/*.memberBtnBox a:nth-child(2) {
  border-left: 1px solid #de0e0d;
}

.memberBtnBox a .btnIcon {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 15px;
}

.memberBtnBox a .btnIcon path {
  fill: #de0e0d;
}

.memberBtnBox a:hover {
  text-decoration: underline;
}*/

@media screen and (max-width: 1200px) {
  .tabNavIndex1stContentOtherLink ul li,
  .tabNavIndex1stContentOtherLink li:last-child,
  .tabNavIndex2ndContent,
  .tabNavIndex1stContentOtherLink,
  .tabNavIndex2ndContentOtherLink,
  .tabNavIndex3rdContentOtherLink,
  .tabNavIndex3rdContentOtherLink li {
    height: unset;
  }
  .tabNavIndex1stContentOtherLink,
  .tabNavIndex1stContentOtherLink li:first-child,
  .tabNavIndex1stContentOtherLink li:last-child,
  .tabNavIndex2ndContentOtherLink,
  .tabNavIndex2ndContentOtherLink li:first-child,
  .tabNavIndex2ndContentOtherLink li:last-child,
  .tabNavIndex3rdContentOtherLink,
  .tabNavIndex3rdContentOtherLink li:first-child,
  .tabNavIndex3rdContentOtherLink li:last-child {
    background: unset;
  }
  .tabNavIndex2ndContentOtherLink ul li,
  .tabNavIndex2ndContentOtherLink li:last-child {
    height: unset;
  }
  .tabNavIndex1stContent,
  .tabNavIndex2ndContent,
  .tabNavIndex3rdContent {
    padding: 0 0 20px 0;
    margin-top: -1px;
  }
  .tabNavIndex1stContentOtherLink,
  .tabNavIndex2ndContentOtherLink,
  .tabNavIndex3rdContentOtherLink {
    padding: 0px 10px;
  }
  .memberBtnBox_m ul li,
  .memberBtnBox_m li:last-child {
    width: calc(96% / 2);
    margin: 0px 1%;
    float: left;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .memberBtnBox_m ul li a {
    display: block;
    color: #de0e0d;
    font-weight: normal;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
  }
  .memberBtnBox_m ul li a .btnIcon,
  .memberBtnBox_m ul li a .btnIconFB {
    width: 16px;
    height: 16px;
  }
  .memberBtnBox_m ul li a .btnIcon path {
    fill: #de0e0d;
  }
  .memberBtnBox_m ul li a .btnIconFB path {
    fill: #ffffff;
  }
  .memberBtnBox_m ul li.fb {
    width: 98%;
    margin: 0px 1%;
    margin-bottom: 10px;
    background-color: #3b5992;
  }
  .memberBtnBox_m ul li.fb a {
    color: #fff;
  }
}

/*-- member_button end--*/

.stroe img {
  /*left: 100px;*/
  width: 40px;
  height: 40px;
}

/* 展場標示 */
.dealerModelTag {
  display: inline-block;
}
.carModelTag {
  display: inline-block;
  vertical-align: text-top;
}
.dealerModelTag span,
.carModelTag span {
  padding: 2px 4px;
  margin: 1px 0 1px 3px;
  display: inline-block;
  border: solid 1px #e00e0d;
  color: #e00e0d;
  font-size: 14px;
  line-height: 100%;
}

.darkBg .dealerModelTag span,
.darkBg .carModelTag span {
  border: solid 1px #f9d67f;
  color: #f9d67f;
}
.darkBg .dealerModelTag span.directions,
.darkBg .carModelTag span.directions {
  border: solid 1px rgba(249, 214, 147, 0);
  background: rgba(249, 214, 147, 0.5);
}
.darkBg .dealerModelTag span.directions:hover,
.darkBg .carModelTag span.directions:hover {
  border: solid 1px rgba(249, 214, 147, 0);
  background: rgba(249, 214, 147, 1);
}
.darkBg .dealerModelTag span.directions a,
.darkBg .carModelTag span.directions a {
  color: #333;
}
.storeTitle {
  position: relative;
}
.gold-icon {
  position: relative;
  display: inline-block;
  padding: 3px 4px;
  border-radius: 8px;
  border: 1px solid #f4c772;
  background-color: #ffde6d;
  cursor: pointer;
  margin-right: 18px;
  color: #424242;
  font-weight: bold;
  font-size: 13px;
  line-height: 13px;
  text-align: left;
}

.gold-icon b {
  color: #424242;
  font-weight: bold;
  font-size: 13px;
  line-height: 13px;
  text-align: left;
}
.gold-icon p {
  position: absolute;
  top: 0px;
  right: -23px;
}
.gold-icon p img,
.gold-icon p svg.icon-i {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  vertical-align: -2px;
}
.gold-icon p img path,
.gold-icon p svg.icon-i path {
  fill: #bdbdbd;
}

.gold-icon img,
.gold-icon svg.icon-star {
  width: 14px;
  height: 14px;
  margin-right: 2px;
  vertical-align: -2px;
}
.gold-icon img path,
.gold-icon svg.icon-star path {
  fill: #424242;
}
.gold-explain {
  max-height: 0px;
  overflow: hidden;
  z-index: 1;
  transition: max-height 0.4s ease-in-out;
  width: 100%;
  position: absolute;
}

@media screen and (max-width: 768px) {
}

.gold-explain p {
  margin-top: 5px;
  border-radius: 10px;
  background-color: #fafafa;
  padding: 10px 10px;
  color: #424242;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  text-align: left;
  border: 1px solid #e1e1e1;
}
.gold-explain p strong {
  display: block;
  margin-bottom: 3px;
  color: $primary;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
}
.gold-explain.gold-exOpen {
  max-height: 1000px;
  position: absolute;
  z-index: 9;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .gold-explain.gold-exOpen {
    width: 100%;
  }
}
@media screen (min-width: 768px) and (max-width: 1024px) {
  .gold-explain.gold-exOpen {
    width: 570px;
  }
}
@media screen and (min-width: 1025px) {
  .gold-explain.gold-exOpen {
    width: 310px;
  }
}
.gold-plus {
  color: #fff;
  border: 1px solid #d80c18;
  background-color: #fa000f;
}
.gold-plus img,
.gold-plus svg.icon-crown {
  width: 14px;
  height: 14px;
  margin-right: 2px;
  vertical-align: -2px;
}

.gold-plus img path,
.gold-plus svg.icon-crown path,
.gold-plus img .st0,
.gold-plus svg.icon-crown .st0 {
  fill: #fff;
}

/* 標示說明PopUp按鈕 */
span.directions {
  max-width: 20px;
  padding: 2px;
  line-height: 100%;
  text-align: center;
  border-radius: 2px;
  background: #aaa;
  border-color: #aaa;
  -webkit-transition: all 200ms ease-out;
  -mozilla-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
span.directions:hover {
  background: #e00e0d;
  border-color: #e00e0d;
}
span.directions a {
  color: #fff;
  text-decoration: none;
  font-weight: 800;
}

/* 營業時間 */
.businessTime {
  width: 100%;
  margin-bottom: 10px;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border-left: solid 1px #ccc;
}
.businessTime th,
.businessTime td {
  padding: 4px 6px;
  vertical-align: middle;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background: #fff;
  text-align: center;
  font-size: 13px;
}
.businessTime th {
  border-top: solid 1px #ccc;
  background: #e5e5e5;
}
.businessTime th.redBg {
  background: #fbdede;
}
.businessTime td span {
  width: 100%;
  height: 10px;
  margin: 0 0 4px 0;
  display: block;
  overflow: hidden;
}

@media screen and (max-width: 630px) {
  .businessTime {
    display: block;
    overflow-x: auto;
  }
}

/* PC & M版顯示 */
.forPc {
  display: block;
}
.forM {
  display: none;
}
@media screen and (max-width: 768px) {
  .forPc {
    display: none;
  }
  .forM {
    display: block;
  }
}

/* goToTop */
.goToTop {
  position: relative;
  bottom: 0;
}