/*
1.buycar-01
2.buycar-02
3.buycar-09
4.buycar-13
5.stronghold-04
*/

@media screen and (max-width: 1200px) {
  .mobileClose {
    display: none;
  }
}

.DETAILBOX {
  margin: 10px;
}

.buyCarDetailContentSpec h3.MARGINLEFT {
  margin: 20px 0 20px 38px;
}

.buyCarDetailContentSpec div.REDLOGO {
  background-color: #d60c1a;
  height: 60px;
  margin-bottom: 22px;
  text-align: left;
}

.buyCarDetailContentSpec footer.REDLOGO {
  background-color: #d60c1a;
  padding: 12px 22px;
  height: 108px;
}

.buyCarDetailContentSpec footer.REDLOGO p {
  font-size: 15px;
  color: #fff;
  line-height: 20px;
  margin-top: 25px;
}

.buyCarDetailContentSpec div.REDLOGO img,
.buyCarDetailContentSpec footer.REDLOGO img {
  float: left;
}

.buyCarDetailContentSpec div.REDTITLE {
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  line-height: 60px;
  text-align: left;
}

.buyCarDetailContentSpec > ul > li.LIGHTBOX {
  width: 33%;
}

.buyCarDetailContentSpec li.TOP,
.buyCarDetailContentSpec > ul > li.TOP {
  background-position: left top;
}

.buyCarDetailContentSpec > ul > li.TOP {
  margin-top: 40px;
}

.buyCarDetailContentSpec > ul > li.TOP img {
  margin-top: 10px;
}

.TOPIC {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 3px solid #9fa1a4;
  margin: 0px 34px;
  padding: 8px 0px;
  position: relative;
}

.TOPIC:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  border-bottom: 3px solid #d60c1a;
  z-index: 100;
  padding: 20px 59px;
}

.TAKEOFFBOT {
  padding: 0px;
}

.buyCarDetailContentSpec li.LIGHTBOX p,
.buyCarDetailContentSpec h3.MARGINLEFT {
  font-size: 19px;
}

@media screen and (max-width: 600px) {
  .buyCarDetailContentSpec > ul > li.LIGHTBOX {
    width: 100%;
  }

  .buyCarDetailContentSpec div.REDTITLE {
    font-size: 18px;
  }

  .buyCarDetailContentSpec footer.REDLOGO {
    padding: 12px 11px 0px 5px;
  }

  .buyCarDetailContentSpec footer.REDLOGO p {
    font-size: 13px;
    line-height: 15px;
    margin-top: 14px;
  }

  .TOPIC {
    font-size: 20px;
  }

  .TOPIC:after {
    padding: 18px 50px;
  }

  .buyCarDetailContentSpec li.LIGHTBOX p,
  .buyCarDetailContentSpec h3.MARGINLEFT {
    font-size: 16px;
  }
}

/*-- buycar-02 --*/

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

.but_selection {
  float: left;
  margin: 8px;
}

.but_selection a {
  float: left;
  font-size: 13px;
  color: #fff;
  line-height: 16px;
  padding: 6px 10px 9px 10px;
  background-color: #555;
  text-decoration: none;
}

.but_selection a:hover.COLOR-B {
  background-color: #006ab6;
}

.but_selection a:hover.COLOR-R,
.but_selection a.COLOR-RAction {
  background-color: #e00e0d;
}

.but_selection a:hover.COLOR-O {
  background-color: #ff7300;
}

.but_selection a {
  color: #fff;
  background-color: #bbbbbb;
}

.toggle {
  margin: -9999px;
}

.buyAdvSearchBrand select {
  width: calc(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;
}

.buyAdvSearch {
  width: 100%;
  min-height: auto;
  border-bottom: 1px solid #c0c0c0;
  padding-top: 20px;
}

.MOREsearch {
  width: 100%;
}

.MOREsearch div.SELECT_BOX:nth-child(2n + 1) {
  margin-right: unset;
}

.MOREsearch .SELECT_BOX {
  width: calc(25% - 15px);
  margin-left: 20px;
}

.MOREsearch div.w20per{ width: calc(20% - 15px);}
.MOREsearch div.w30per{ width: calc(30% - 15px);}
.MOREsearch div.w40per{ width: calc(40% - 15px);}
.MOREsearch div.w45per{ width: calc(45% - 15px);}
.MOREsearch div.HALF { width: calc(50% - 10px);}

.MOREsearch .SELECT_BOX:nth-child(1),
.MOREsearch .SELECT_BOX:nth-child(4),
.MOREsearch .SELECT_BOX:nth-child(5),
.MOREsearch .SELECT_BOX:nth-child(8) {
  margin-left: 0px;
}
/*.MOREsearch .SELECT_BOX:nth-child(4n + 1) {
  margin-left: 0px;
}

.MOREsearch div.HALF:nth-child(2n) {
  margin-left: 0px;
}

.MOREsearch div.HALF:nth-child(3n) {
  margin-left: 20px;
}*/

.buyAdvSearchDealer {
  border-bottom: 1px solid #c0c0c0;
  margin-top: 0px;
}

@media screen and (max-width: 1200px) {
  .SELECTION_CENTER {
    padding: 9px 0px;
    text-align: center;
  }

  .sequenceDiv {
    float: right;
    width: 120px;
  }

  .toggle {
    margin: 5px 0 0 0; padding: 0; width: 20px; height: 20px; float: right;
    background: url(../images/icon01.jpg);
    border: none;
  }

  .toggle.change {
    float: right;
    width: 20px;
    height: 20px;
    background: url(../images/icon02.jpg);
    border: none;
  }

  .MOREsearch {
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 1s;
  }

  .MOREsearch.active {
    max-height: 9999px;
  }

  .MOREsearch .SELECT_BOX,
  .MOREsearch .SELECT_BOX.w20per,
  .MOREsearch .SELECT_BOX.w30per,
  .MOREsearch .SELECT_BOX.w40per,
  .MOREsearch .SELECT_BOX.w45per,
  .MOREsearch .SELECT_BOX.HALF {
    width: 100%;
  }

  .MOREsearch .SELECT_BOX,
  .MOREsearch div.HALF:nth-child(2n),
  .MOREsearch div.HALF:nth-child(3n) {
    margin-left: 0px;
  }

  .MORES_W {
    width: 280px;
  }

  .buyAdvSearch {
    width: 100%;
    /* min-height: auto; */
    border-bottom: unset;
  }

  .buyAdvSearchDealer {
    border-bottom: 1px solid #c0c0c0;
  }
}

/*--buycar09--*/

.IMAGE_SET a {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 1200px) {
  .IMAGE_SET a {
    width: 100%;
    height: 155px;
    display: block;
    position: relative;
    overflow: hidden;
  }
  .IMAGE_SET {
    width: 90%;
    background: none;
    background-size: none;
  }
}

@media screen and (max-width: 768px) {
  .IMAGE_SET a {
    width: 100%;
    height: 155px;
    display: block;
    position: relative;
    overflow: hidden;
  }
}

/*--buycar02--*/

.buyTitle img {
  height: 120px;
}

@media screen and (max-width: 1200px) {
  .buyTitle {
    background: url(../images/bgBuyTitle.png) no-repeat center right;
  }

  .buyTitle img {
    right: -1px;
  }

  .buyTitle img.BUYCAR2IMG_SET {
    right: -9999px;
  }
}

@media screen and (max-width: 768px) {
  .buyTitle {
    background: url(../images/bgBuyTitle.png) no-repeat center center;
    background-size: cover;
  }

  .buyTitle img.BUYCAR2IMG_SET {
    right: -1px;
  }

  .buyTitle img {
    right: -1px;
  }
}

.searchOptionYear,
.searchOptionRegion,
.searchOptionStyle {
  height: 88px;
  text-align: center;
}

.searchOptionStyle {
  float: left;
  width: 267px;
  border: 1px solid #8e9093;
  background: #fff;
  margin: 0 11px 15px 0;
}

.searchOptionYear select,
.searchOptionRegion select,
.searchOptionStyle 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;
}

.searchOptionType {
  clear: both;
}

@media screen and (max-width: 1024px) {
  .searchOptionYear,
  .searchOptionRegion,
  .searchOptionStyle {
    width: 100%;
  }

  .searchOptionRegion {
    margin-bottom: 10px;
  }

  .searchOptionYear,
  .searchOptionRegion,
  .searchOptionStyle {
    height: 315px;
  }
}

.buySearchResultContentSticky {
  background-color: #5dc1cf;
  padding: 1px;
  margin-bottom: 10px;
}

.buySearchResultContent > ul > li:nth-child(2n + 2) {
  background-color: #fff5e8;
}

.buySearchResultContentStickyContent {
  margin: 3px;
  width: calc(100% - 6px);
  padding: 0px;
}

.buySearchResultContent > ul > li {
  padding-left: 0px; overflow: hidden;
  background: #fff;
}

.BGCOLOR {
  background-color: #e3eaef;
}

.buySearchResultContentSticky > h2 {
  padding-top: 9px;
  line-height: 17px;
}

.buySearchResultContentSticky > h2.REMOVEpt {
  padding-top: 0px;
}

@media screen and (max-width: 1200px) {
  .buySearchResultContentSticky {
    margin: 0px;
  }

  .buySearchResultContentSticky > h2 {
    padding-top: 9px;
    line-height: 17px;
  }

  .buySearchResultContentSticky > h2.REMOVEpt {
    padding-top: 0px;
  }

  .buySearchResultContentStickyContent,
  .buySearchResultContent > ul > li {
    padding-left: 0px;
  }

  .searchOptionYear select {
    width: 59%;
  }

  .buySearchResultContent > ul {
    padding: 10px;
  }
}

.TITLE-M p {
  display: inline-block;
  width: 74px;
  margin-right: 10px;
}
.condition-box {
  float: right;
  width: calc(100% - 84px);
}

/*-- SELECT_BOX --*/

.buycar01TOP {
  margin-top: 50px;
}

div.SELECT_BOX:nth-child(2n + 1) {
  margin-right: 30px;
}

.SELECT_BOX:last-child {
  width: 100%;
}

.SELECT_BOX {
  float: left;
  margin: 0px 0px 20px 0px;
  width: 536px;
}

.TITLE-M {
  float: left;
  font-size: 16px;
  color: #58595b;
  width: 100%;
  line-height: 34px;
}

.SEPARATE {
  margin: 0px 10px;
  float: left;
  display: block;
}

.SELECT_BOX select {
  width: 100%;
  height: 33px;
  font-size: 14px;
  color: #58595b;
  box-shadow: 0 0 0 1px #58595b inset;
  border: none;
  padding: 0 0 0 5px;
}

.SELECT_BOX select#caryear1,
.SELECT_BOX select#caryear2,
.SELECT_BOX select#cc1,
.SELECT_BOX select#cc2{
  width: calc(50% - 10px);
}
.SELECT_BOX select#price {
  width: 100px;
}
.SELECT_BOX .setUp{ display: inline-block;}
.SELECT_BOX .setUp .priceRange{ width: 30px;}

.SELECT_BOX select#caryear2,
.SELECT_BOX select#cc2 {
  margin-left: 0px;
}

.RESET {
  padding: 15px 25px;
  margin-top: 10px;
  display: inline-block;
  border: 1px solid #58595b;
  background-color: #fff;
}

.SELECT_BOX_BOTTOM {
  padding-bottom: 50px;
}

.MARGINTOP {
  margin-top: 10px;
}

.HALF {
  width: 253px;
  margin-right: 0px;
}
.HALF:first-child {
  margin-right: 30px;
}
.HALF select {
  width: 100%;
}

.BUYCARBTNWIDTH {
  width: calc(96.9% / 8);
}

@media screen and (max-width: 1024px) {
  #tabs {
    padding-bottom: 0;
  }

  .SELECT_BOX {
    width: 100%;
  }

  .SELECT_BOX select {
    width: calc(100% - 0px);
    height: 34px;
  }

  .TITLE-M {
    width: 100%;
  }

  .HALF:first-child {
    margin-bottom: 20px;
  }

  .REMOVEPADDINGTOP {
    padding: 0px;
  }

  .SELECT_BOX select#caryear1,
  .SELECT_BOX select#caryear2,
  .SELECT_BOX select#cc1,
  .SELECT_BOX select#cc2 {
    width: calc(50% - 10px);
  }
  .SELECT_BOX select#price {
    width: calc(100% - 10px);
  }
  .SELECT_BOX .setUp{ display: block; margin-top: 5px;}
  .SELECT_BOX .setUp .priceRange{ width: 65px;}
}

@media screen and (max-width: 320px) {
  .SELECT_BOX select {
    width: 204px;
  }
}

.buyAdvSearchPrice select,
.buyAdvSearchOtherColorContent select,
.buyAdvSearchOtherFuelContent select,
.buyAdvSearchOtherTypeContent select,
.buyAdvSearchOtherDoorsContent select,
.buyAdvSearchOtherGearContent select,
.buyAdvSearchOtherDriveContent select,
.buyAdvSearchOtherPersonsContent select,
.buyAdvSearchProtectionContent 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: 0px;
  border: 1px solid #cdcfd0;
  background: url(../images/bgSelectCarType.svg) no-repeat right 10px center;
  background-size: 9px 6px;
}

.buyAdvSearchPrice select {
  margin: 10px 0 0 0;
}

.buyAdvSearchOtherColorContent select {
  color: #181818;
}

.buyAdvSearchYear select,
.buyAdvSearchOtherCcContent select {
  width: 45%;
  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;
}

.buyAdvSearchOtherColorContent li p {
  line-height: 46px;
}

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

.ICON-COPY,
.ICON-FB,
.ICON-LINE { height: 25px;
  display: inline-block;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  padding: 1px 6px 1px 1px;
  line-height: 22px;
  text-decoration: none;
}

.ICON-COPY img,
.ICON-FB img,
.ICON-LINE img {
  width: 15px;
  margin: 4px;
  float: left;
  color: #fff;
}

.ICON-COPY {
  background-color: #ff9537;
}

.ICON-FB {
  background-color: #4267b2;
}

.ICON-LINE {
  background-color: #00b833;
}

.buyCarDetailContentNav li {
  width: calc(100% / 3);
}

.buyCarDetailContentNav {
  border: 0px;
  border-top: 1px solid #58595b;
  border-bottom: 5px solid #58595b;
}

.btnCarDetailContentNavSpec {
  border-left: 1px solid #58595b;
}

@media screen and (max-width: 1200px) {
  .buyCarDetailContentNav_m {
    display: none;
  }

  .buyCarDetailContentNav {
    display: block;
  }
}

/*-- stronghold-04 --*/

.wrapBuyLocationSearchResultOtherLink {
  bottom: 0px;
}

.buyCarGift {
  top: 0px;
  left: 0px;
}

@media screen and (max-width: 1200px) {
  .wrapBuyLocationSearchResultContent {
    padding-bottom: 10px;
  }

  .wrapBuyLocationSearchResultText {
    height: auto;
  }
}

/*-- buycar-13--*/

.buyDealerDetailContentNav li {
  width: calc(100% / 4);
}

@media screen and (max-width: 1200px) {
  .buyDealerDetailContentNav {
    display: block;
  }

  .buyDealerDetailContentNav_m {
    display: none;
  }
}

/*-- BUYCAR02 --*/

.buyAdvSearchOtherSelect {
  width: 100%;
  height: 32px;
  margin: 0px 0 5px;
  clear: both;
}

.btnCarSelect {
  width: 49%;
  float: left;
  height: 32px;
  display: block;
  position: relative;
  cursor: pointer;
}
.btnCarSelect:nth-child(odd) {
  margin-right: 2%;
}

.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;
}

.buyAdvSearchOtherType,
.buyAdvSearchOtherColor,
.buyAdvSearchOtherCc,
.buyAdvSearchOtherFuel,
.buyAdvSearchOtherDoors,
.buyAdvSearchOtherGear,
.buyAdvSearchOtherDrive,
.buyAdvSearchOtherPersons,
.buyAdvSearchProtection,
.buyAdvSearchRegionCity,
.buyAdvSearchOtherBox,
.buyAdvSearchseecar {
  width: 99%;
  height: 30px;
  box-shadow: 0 0 0 1px #808080;
  margin: 1px auto 5px;
  background: url(../images/bgAdvSearchOther.svg) no-repeat right 10px center
    #fff;
  background-size: 16px 16px;
  cursor: pointer;
  clear: both;
}

.buyAdvSearchOtherBox {
  width: 98%;
  margin: 10px 0px 10px 13px;
  padding: 7px;
  display: inline-block;
}

.buyAdvSearchRegionCity {
  margin-bottom: 15px;
}

.buyAdvSearchOtherType p,
.buyAdvSearchOtherColor p,
.buyAdvSearchOtherCc p,
.buyAdvSearchOtherFuel p,
.buyAdvSearchOtherDoors p,
.buyAdvSearchOtherGear p,
.buyAdvSearchOtherDrive p,
.buyAdvSearchOtherPersons p,
.buyAdvSearchProtection p,
.buyAdvSearchRegionCity p,
.buyAdvSearchseecar p {
  font-size: 16px;
  color: #58595b;
  line-height: 30px;
  text-align: center;
}

.buyAdvSearchOtherTypeContent,
.buyAdvSearchOtherColorContent,
.buyAdvSearchOtherCcContent,
.buyAdvSearchOtherFuelContent,
.buyAdvSearchOtherDoorsContent,
.buyAdvSearchOtherGearContent,
.buyAdvSearchOtherDriveContent,
.buyAdvSearchOtherPersonsContent,
.buyAdvSearchProtectionContent,
.buyAdvSearchseecarContent {
  width: 100%; display: none;
  margin: 0 0 10px 0; padding: 0px;
}

.btnCarType,
.btnCarFuel,
.btnCarDoor,
.btnCarGear,
.btnCarPersons {
  display: inline-block;
  width: calc((100% / 3) - 3px);
  height: 30px;
  position: relative;
  margin: 5px 0 0 0;
  cursor: pointer;
}

.btnCarSelect:nth-child(3),
.btnCarSelect:nth-child(4),
.btnCarPersons:nth-child(3),
.btnCarPersons:nth-child(4) {
  margin-top: 5px;
}

.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;
}

.btnCarFuel input[type="checkbox"] + span,
.btnCarDoor input[type="checkbox"] + span,
.btnCarGear input[type="checkbox"] + span,
.btnCarPersons input[type="checkbox"] + span,
.btnCarType input[type="checkbox"] + span {
  width: 100%; height: 30px; margin: 1px 0;
  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;
}

.buyAdvSearchOtherTypeClick,
.buyAdvSearchOtherColorClick,
.buyAdvSearchOtherCcClick,
.buyAdvSearchOtherFuelClick,
.buyAdvSearchOtherDoorsClick,
.buyAdvSearchOtherGearClick,
.buyAdvSearchOtherDriveClick,
.buyAdvSearchOtherPersonsClick,
.buyAdvSearchRegionCityClick,
.buyAdvSearchProtectionClick,
.buyAdvSearchseecarClick,
.buyAdvSearchOtherBoxClick {
  background: url(../images/bgAdvSearchOtherClick.svg) no-repeat right 10px
    center #fff;
  background-size: 16px 16px;
}

.buyWidth {
  width: 823px;
  height: 204px;
  margin: 0px;
  background-color: #535353;
}

.swiper-container .buyHeight {
  height: 204px;
}
@media screen and (max-width: 1200px) {
  .btnCarSelect {
    width: 100%;
    margin-bottom: 4px;
  }
  .btnCarSelect:first-child {
    margin-right: 0%;
  }
}
@media screen and (max-width: 415px) {
  .buyCarDetailTitleTextPrice p {
    width: unset;
  }
}

@media screen and (min-width: 415px) and (max-width: 1200px) {
  .buyCarDetailTitleTextPrice p {
    padding: 0 0 0 50px;
    width: 385px;
    margin: 0 auto;
  }

  .buyCarDetailTitleTextPrice p b {
    font-size: 34px;
    position: unset;
    right: unset;
    top: unset;
    float: right;
    padding-right: 10px;
  }
}

.buyCarDetailTitleTextReservation {
  margin: 10px auto;
  position: relative;
}
.buyCarDetailTitleTextReservation img {
  position: absolute;
  top: 50%;
  left: calc(50% - 38px);
  transform: translate(-50%, -50%);
}
.buyCarDetailTitleTextReservation a {
  background: url(../images/bgBtnReservation-new.png);
}
.btnBuyCarDetailContentDealerPage {
  width: 100%;
  margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
  .buyCarDetailContentDealerInfo {
    width: 92%;
    margin: 40px auto 0;
  }

  .buyCarDetailContentDealerImg {
    height: min-content;
    justify-content: space-between;
  }

  .buyCarDetailContentSpecial {
    margin: 0 auto;
    width: 95%;
  }
}

.buyCarDetailTitleText h2 a,
.buyCarDetailTitleText h2 a:hover {
  display: block;
  color: #fff;
  text-decoration: none;
}

.buyCarDetailTitleTextLink {
  margin-bottom: 10px;
}

/*-- buycar-13靽格㺿 --------------------*/

.buyDealerDetailContentInstock > ul > li {
  max-height: unset;
}

.flexbox {
  display: flex;
  flex-flow: row wrap;
}

.flexbox .darkBg {
  background: #58595b;
}

.buyBuyDealerResult > ul > li {
  height: unset;
}

/*-- buycar-02靽格㺿 --------------------*/

.buySearchResultContentImg {
  overflow: hidden;
}

.MOREsearch div.buyAdvSearchBrand,
.MOREsearch div.buyAdvSearchCarType,
.MOREsearch div.buyAdvSearchPrice,
.MOREsearch div.buyAdvSearchYear {
  width: 23%;
  margin: 0% 1%;
  float: left;
  clear: unset;
  margin-bottom: -7px;
}

_:-ms-fullscreen,
:root .MOREsearch div.buyAdvSearchBrand,
.MOREsearch div.buyAdvSearchCarType,
.MOREsearch div.buyAdvSearchPrice,
.MOREsearch div.buyAdvSearchYear {
  clear: none;
}

@media screen and (min-width: 0\0) {
  .MOREsearch div.buyAdvSearchBrand,
  .MOREsearch div.buyAdvSearchCarType,
  .MOREsearch div.buyAdvSearchPrice,
  .MOREsearch div.buyAdvSearchYear {
    clear: none\9;
  }

  /* backslash-9 removes ie11+ & old Safari 4 */
}

.buyAdvSearchOther {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  /*display: none;*/
}

.buyAdvSearchOther ul {
  width: 100%;
  overflow: hidden;
}

.buyAdvSearchOther ul.selectBox li.selectList {
  width: 16%;
  float: left;
  margin-left: 0.75%;
}
.buyAdvSearchOther ul.selectBox li.selectList:first-child {
  margin-left: 0.1%;
}

.selectBoxflexbox {
  display: flex;
  flex-flow: row wrap;
}

.buyAdvSearchRegion,
.buyAdvSearchRegionCity {
  width: 98%;
  margin-left: 12px;
}

.buycar02Btn {
  width: 100%;
}

.buyAdvSearchOtherTypeContent label.btnCarType {
  width: 24%;
  margin: 0 4px 5px 0;
}
.buyAdvSearchDealer .buyAdvSearchOtherTypeContent label.btnCarType {
  width: 48%;
}
.buyAdvSearchOtherTypeContent label.btnCarType:nth-child(4n + 4) {
  margin-right: 0px;
}

.buyAdvSearchOtherTypeContent label.btnCarType:nth-child(even) {
  float: left;
}

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

.buyAdvSearchOtherFuelContent label span,
.buyAdvSearchOtherDoorsContent label span,
.buyAdvSearchOtherGearContent label span,
.buyAdvSearchOtherDriveContent label span,
.buyAdvSearchOtherPersonsContent label span,
.btnCarPersons input[type="checkbox"] + span {
  font-size: 14px;
}

.buyAdvSearchOtherShow {
  display: block;
}

.buyAdvSearchOtherClose {
  display: none;
}

.buyAdvSearchRegion {
  display: none;
}

.btnCarColorYellow input[type="checkbox"] + span {
  background-color: #ffc31f;
  color: #131314;
}

.btnCarColorOrange input[type="checkbox"] + span {
  background-color: #f7800b;
  color: #fff;
}

.leftMoreSearch {
  width: 280px;
}

.sliderInfoCarDetailCondition li:nth-child(6n) {
  margin: 0 10px 5px 0;
}
@media screen and (max-width: 1200px) {
  .buyAdvSearchRegion {
    display: block;
  }

  .MOREsearch div.buyAdvSearchBrand,
  .MOREsearch div.buyAdvSearchCarType,
  .MOREsearch div.buyAdvSearchPrice,
  .MOREsearch div.buyAdvSearchYear,
  .MOREsearch div.buyAdvSearchRegion {
    width: 100%;
  }

  .buyAdvSearchRegion,
  .buyAdvSearchRegionCity {
    width: 100%;
    margin-left: 0px;
  }

  .buyAdvSearchOther {
    margin-left: 2px;
    display: block;
  }

  .buyAdvSearchOther ul.selectBox li.selectList {
    width: 100%;
    margin: 0px;
  }

  .buyAdvSearchRegionCity {
    width: 99.4%;
    margin-left: 3px;
    /*margin-top: 10px;*/
    overflow: hidden;
  }

  .buyAdvSearchProtectionContent label {
    display: inline-block;
  }

  .buyAdvSearchOtherCcContent select {
    margin-bottom: 10px;
  }

  .buyAdvSearchOther h2 {
    display: block;
    width: 100%;
    height: unset;
    float: unset;
    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: unset;
    text-align: center;
  }

  .buycar02Btn {
    width: 100%;
    display: none;
  }

  .buycar02Btn-m {
    display: block;
  }

  .buyAdvSearchOtherTypeContent label {
    width: 48%;
    margin: 0 0 5px 0;
  }

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

  .buyAdvSearchOtherTypeContent label:nth-child(4n + 4) {
    margin-right: unset;
  }

  .buyAdvSearchOtherColorContent li {
    width: 30.3%;
  }

  .buyAdvSearchOther .buyAdvSearchOtherFuelContent label span,
  .buyAdvSearchOtherDoorsContent label span,
  .buyAdvSearchOtherGearContent label span,
  .buyAdvSearchOtherDriveContent label span,
  .buyAdvSearchOtherPersonsContent label span,
  .buyAdvSearchProtectionContent .btnCarPersons span,
  .buyAdvSearchseecarContent .btnCarPersons span {
    font-size: 16px;
  }

  .buyAdvSearchOtherFuelContent label,
  .buyAdvSearchOtherDoorsContent label,
  .buyAdvSearchOtherGearContent label,
  .buyAdvSearchOtherDriveContent label,
  .buyAdvSearchOtherPersonsContent label {
    width: calc(25% - 4px);
  }

  .buyAdvSearchOtherBox {
    display: none;
  }

  .buyAdvSearchOtherType,
  .buyAdvSearchOtherColor,
  .buyAdvSearchOtherCc,
  .buyAdvSearchOtherFuel,
  .buyAdvSearchOtherDoors,
  .buyAdvSearchOtherGear,
  .buyAdvSearchOtherDrive,
  .buyAdvSearchOtherPersons,
  .buyAdvSearchProtection,
  .buyAdvSearchOther,
  .buyAdvSearchseecar {
    display: block;
  }

  .buyAdvSearchOtherClose {
    display: block;
  }

  .buyAdvSearchProtectionContent label.btnCarSelect,
  .buyAdvSearchseecarContent label.btnCarSelect,
  .buyAdvSearchOtherTypeContent label.btnCarType {
    width: calc(50% - 2px);
    margin: 0px;
    margin-bottom: 4px;
  }

  .buyAdvSearchProtectionContent label.btnCarSelect:nth-child(-n + 2),
  .buyAdvSearchseecarContent label.btnCarSelect:nth-child(-n + 2),
  .buyAdvSearchOtherTypeContent label.btnCarType:nth-child(-n + 2) {
    margin-top: 0px;
  }

  .buyAdvSearchProtectionContent label.btnCarSelect:nth-child(even),
  .buyAdvSearchseecarContent label.btnCarSelect:nth-child(even),
  .buyAdvSearchOtherTypeContent label.btnCarType:nth-child(even) {
    margin-left: 4px;
  }

  .buyCarDetailTitleTextPrice p b {
    font-size: 28px;
    right: 5px;
  }
}

/*-- repair --*/

.wrapMaintenanceLocationSearch2ResultContent {
  width: 860px;
  border-bottom: unset;
}

.wrapMaintenanceLocationSearch2ResultImg {
  width: 376px;
  height: 282px;
}

.wrapMaintenanceLocationSearch2ResultImg img {
  width: unset;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}

.wrapBuyLocationSearchResultText {
  /*height: 319px;*/
  width: 450px;
}

.wrapMaintenanceLocationSearch2ResultOtherLink {
  width: 100%;
}

.maintenanceLocationDetailContentInfo {
  margin-top: 0px;
}

.maintenanceLocationDetailContentTextLogo {
  width: 212px;
  height: 159px;
  border-radius: unset;
  position: absolute;
  right: 0;
  top: 0px;
  overflow: hidden;
  border-radius: 20px;
}

.maintenanceLocationDetailContentTextLogo img {
  width: 100%;
}

.swiper-container-maintenance {
  height: 347px;
}

.maintenanceLocationDetailContentImgSlider .swiper-slide {
  overflow: hidden;
}

.maintenanceLocationDetailContentImgSlider .swiper-slide img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.maintenanceLocationDetailContentImgSlider .gallery-thumbs {
  height: 90px;
  overflow: hidden;
}

.maintenanceLocationDetailContentInfo p strong {
  font-weight: bold;
  font-size: 17px;
}

.maintenanceLocationDetailContent .fixBrand {
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
}

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

.maintenanceLocationDetailContent .fixBrand p strong {
  font-weight: bold;
  width: 100%;
  display: block;
  border: 1px solid #df0e0d;
  border-width: 1px 0px;
  margin: 25px 0px;
  color: #df0e0d;
  font-size: 18px;
  padding: 10px 0px;
}

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

.maintenanceLocationDetailContentImgSlider .gallery-thumbs .swiper-slide {
  width: calc(20.4% - 10px);
  height: 100%;
  margin-right: 10px;
}

.maintenanceLocationDetailContentImgSlider
  .gallery-thumbs
  .swiper-slide:last-child {
  margin-right: 0px;
}

.wrapBuyLocationSearchResultText h3 {
  height: 42px;
  line-height: 42px;
  background: none;
  color: #282828;
  padding: 0px;
  font-size: 20px;
}

.wrapBuyLocationSearchResultText a strong.goodIcon {
  font-size: 13px;
  background: #ffc414;
  padding: 6px 20px 6px 27px;
  position: relative;
  float: left;
  margin-top: 8px;
  color: #282828;
}

.wrapBuyLocationSearchResultText a strong.black {
  background: #282828;
  color: #fff;
}

.wrapBuyLocationSearchResultText a strong.goodIcon img {
  position: absolute;
  top: 2px;
  left: 2px;
}

.wrapBuyLocationSearchResultText a strong.goodIcon::after {
  content: "";
  width: 0px;
  height: 0;
  margin: 0px auto;
  border-left: 18px solid transparent;
  border-top: 30px solid #fafafa;
  position: absolute;
  top: 0px;
  right: 0px;
}

.carDetailSelectedShowroom {
  top: 1px;
}

@media screen and (max-width: 1200px) {
  .maintenanceLocationDetailContentImg {
    border-bottom: 1px solid #aaa;
  }

  .wrapMaintenanceLocationSearch2ResultContent {
    width: calc(50% - 5px);
    float: left;
    margin-right: 10px;
    border-bottom: 1px solid #b2b2b2;
  }

  .wrapMaintenanceLocationSearch2ResultContent:nth-child(odd) {
    margin-right: 10px;
  }

  .wrapMaintenanceLocationSearch2ResultOtherLink li {
    width: calc(50% - 2px);
    margin: 1px 4px 2px 0px;
  }

  .wrapMaintenanceLocationSearch2ResultOtherLink li:nth-child(even) {
    margin: 1px 0px 2px 0px;
  }

  .wrapMaintenanceLocationSearch2ResultOtherLink li:last-child {
    width: 100%;
    margin-top: 2px;
  }

  .wrapMaintenanceLocationSearch2ResultImg {
    width: 100%;
  }

  .wrapMaintenanceLocationSearch2ResultImg img {
    width: 100%;
    height: auto;
    position: unset;
    left: unset;
    transform: unset;
  }

  .maintenanceLocationDetailContentTextLogo {
    position: relative;
    width: 287px;
    height: 215px;
    position: relative;
    margin: 30px auto 30px;
    top: 0;
  }

  .maintenanceLocationDetailContentInfo {
    margin-top: 20px;
  }

  .swiper-container-maintenance {
    height: 69.7%;
  }

  .maintenanceLocationDetailContentImgSlider .gallery-top .swiper-slide {
    padding-bottom: 56.22%;
  }

  .maintenanceLocationDetailContentInfo p.address {
    width: 100%;
  }

  .fixBrand ul li {
    float: left;
    width: 50%;
  }

  .swiper-container-maintenance .swiper-slide img {
    height: 100%;
    width: unset;
  }

  .maintenanceLocationDetailContentImgSlider .resultByrecommend {
    display: none;
  }

  .wrapBuyLocationSearchResultText {
    width: 100%;
    height: unset;
  }

  .wrapBuyLocationSearchResultContent {
    height: auto;
    margin: unset;
    margin-bottom: 30px;
  }

  .wrapBuyLocationSearchResultImg {
    height: auto;
  }

  .carDetailSelectedShowroom {
    width: 42px;
    right: 0px;
    top: 2px;
  }

  .selectedShowroom img {
    width: 100%;
  }
  .gallery-thumbs .swiper-slide {
    overflow: hidden;
  }
  .gallery-thumbs .swiper-slide img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .swiper-container-carDetail .swiper-slide img {
    position: relative;
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
  }
}
@media screen and (max-width: 767px) {
  /*.gallery-top {
    height: 320px;
  }*/
  .gallery-thumbs {
    height: 76px;
  }
  /*.swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: inherit;
  }*/
}
@media (min-width: 768px) and (max-width: 1200px) {
  /*.gallery-top {
    height: 700px;
  }*/
  .gallery-thumbs {
    height: 146px;
  }
  /*.swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: inherit;
  }*/
}
/*-- buycar-01 start---------------------*/
.wrapBuySlider div.Title {
  font-size: 22px;
  color: #e00e0d;
  text-align: center;
  margin: 0 0 10px 0;
}

#tabs-2 div.Title {
  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;
}

.warnBar {
  width: 100%;
  padding: 10px 10px;
  background-color: #7a0000;
}

.warnBarText {
  font-size: 15px;
  color: #fff;
  text-align: center;
}

.warnBarText a {
  color: #ffcd4e;
  text-decoration: none;
}

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

/*.buyCarDetailTitleText {
  height: unset;
}*/

.btnDealerTitle1 {
  left: unset;
  bottom: unset;
  position: unset;
}

.facebookPlugin {
  width: 100%; height: 350px;
  margin: 5px 0px;
}

@media screen and (max-width: 1024px) {
  .warnBarText {
    font-size: 13px;
  }

  .wrapBuyTitle {
    margin-top: 0px;
  }

  #tabs-2 div.Title {
    width: 90%;
    margin: 0 auto 15px;
  }
}

/*-- buycar-02 start---------------------*/
.sortingBar > ul li p span.browseByImg,
.sortingBar_m > p span.browseByImg {
  background: url(../images/bgBrowseByImg.png) no-repeat left center;
  background-size: 13px 13px;
  padding: 0 0 0 15px;
  cursor: pointer;
}

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

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

.sortingBar > ul li p span.browseByListActive,
.sortingBar_m > p span.browseByListActive {
  background: url(../images/bgBrowseByListActive.png) no-repeat left center;
  background-size: 13px 13px;
  cursor: default;
}
@media screen and (max-width: 1200px){
  .sortingBar > ul li p span.browseByImg,
  .sortingBar_m > p span.browseByImg {
    background: url(../images/bgBrowseByImg.png) no-repeat left center;
    background-size: 20px 20px;
    padding: 0 0 0 20px;
    text-indent: -9999px;
    cursor: pointer;
  }

  .sortingBar > ul li p span.browseByImgActive,
  .sortingBar_m > p span.browseByImgActive {
    background: url(../images/bgBrowseByImgActive.png) no-repeat left center;
    background-size: 20px 20px;
    padding: 0 0 0 20px;
    text-indent: -9999px;
    cursor: default;
  }

  .sortingBar > ul li p span.browseByList,
  .sortingBar_m > p span.browseByList {
    background: url(../images/bgBrowseByList.png) no-repeat left center;
    background-size: 20px 20px;
    padding: 0 0 0 20px;
    text-indent: -9999px;
    cursor: pointer;
  }

  .sortingBar > ul li p span.browseByListActive,
  .sortingBar_m > p span.browseByListActive {
    background: url(../images/bgBrowseByListActive.png) no-repeat left center;
    background-size: 20px 20px;
    padding: 0 0 0 20px;
    text-indent: -9999px;
    cursor: default;
  }
}

.buySearchResultContentSticky .Title {
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #5dc1cf;
}

/*.buySearchResultContentInfo .Title {
  font-size: 16px;
  color: #6d6e71;
  margin: 0 0 10px 0;
  width: 94%;
  min-height: 32px;
}

.buySearchResultContent .searchByBox .buySearchResultContentInfo .Title {
  width: 100%;
}*/

.buySearchResultContent > .searchByBox > li {
  background: url(../images/mobile/bgBuySearchResultContent_m.png) no-repeat
    left top #fff;
  background-size: 100% 29px;
  padding-top: 10px;
}

.buySearchResultContent > .searchByBox > li {
  width: calc(25.27% - 13px);
  float: left;
  margin-right: 13px;
  padding-left: 0px;
  height: auto;
}

.buySearchResultContent > .searchByBox > li:nth-child(4n + 4) {
  margin-right: 0px;
}

.buySearchResultContent > .searchByBox > li .buySearchResultContentImg,
.buySearchResultContent > .searchByBox > li .buySearchResultContentInfo {
  width: 100%; position: relative;
}

/*.buySearchResultContent > ul.searchByBox > li .buySearchResultContentInfo {
  position: relative;
  padding: 10px;
  height: unset;
}

.buySearchResultContent > ul.searchByBox > li .buySearchResultContentInfo h2 {
  width: 100%;
}*/

.buySearchResultContent > ul > li.special,
.buySearchResultContent > ul.searchByBox > li.special {
  background: unset;
  padding-left: 0px;
  height: unset;
  border-top: unset;
  padding-top: 0px;
  background: linear-gradient(110deg, #dbaa4b 70%, #ffdd8c 100%);
  background: -moz-linear-gradient(110deg, #dbaa4b 70%, #ffdd8c 100%);
  background: -webkit-linear-gradient(110deg, #dbaa4b 70%, #ffdd8c 100%);
  background: -o-linear-gradient(110deg, #dbaa4b 70%, #ffdd8c 100%);
}

.buySearchResultContent > ul > li.special:first-child {
  margin-bottom: 10px;
}

.buySearchResultContent > ul.searchByBox > li.special:first-child {
  margin-bottom: 10px;
}

.buySearchResultContent > ul > li.special .Title,
.buySearchResultContent > ul.searchByBox > li.special .Title {
  font-size: 18px;
  color: #2f2f2f;
  margin: 10px 0px;
  text-align: center;
  font-weight: bold;
}

/*.buySearchResultContent > ul > li.special .buySearchResultContentInfo .Title,
.buySearchResultContent
  > ul.searchByBox
  > li.special
  .buySearchResultContentInfo
  .Title {
  font-size: 16px;
  color: #6d6e71;
  margin: 0 0 10px 0;
  width: 94%;
  min-height: 32px;
  text-align: unset;
  background: unset;
}*/

.buySearchResultContent
  > ul.searchByBox
  > li.special
  .buySearchResultContentInfo
  .Title {
  width: 100%;
}

/*.buySearchResultContent
  > ul.searchByBox
  > li.special
  .buySearchResultContentStickyContent {
  height: unset;
}

.buySearchResultContent
  > ul.searchByBox
  > li
  .buySearchResultContentInfo
  .selectedShowroom {
  position: absolute;
  right: 3px;
  top: 5px;
}

.buySearchResultContent
  > ul
  > li
  .buySearchResultContentInfo
  .selectedShowroom {
  position: absolute;
  right: -12px;
  top: -105px;
}*/

.buycarError {
  margin: 111px 0px;
}

.buycarError p {
  color: #2f2d30;
  font-weight: bold;
  font-size: 22px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica,
    "Times New Roman", Times, serif;
  line-height: 42px;
  text-align: center;
  margin-top: 30px;
}

.buycarError a {
  width: 280px;
  height: 85px;
  display: block;
  background-color: #de0e0d;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 auto;
}

.buycarError a img {
  width: 90%;
  margin: 5%;
}

.PADDING10 {
  padding-left: 10px;
}

@media screen and (max-width: 1200px) {
  .wrapSortingBar_m_dealer {
    height: 50px;
  }

  .buySearchResultContent > ul.searchByBox > li .buySearchResultContentInfo {
    padding: 5px;
  }

  .buySearchResultContent
    > ul.searchByBox
    > li
    .buySearchResultContentInfo
    .carCondition {
    display: none;
  }

  .buySearchResultContent
    > ul.searchByBox
    > li.special
    .buySearchResultContentInfo
    .Title {
    display: block;
  }

  .buySearchResultContent > ul > li.special {
    padding-top: 0px;
  }

  .buySearchResultContent > ul.searchByBox > li {
    width: calc(50% - 7px);
    padding-top: 0px;
  }

  .buySearchResultContent > ul.searchByBox > li:nth-child(2n + 2) {
    margin-right: 0px;
  }

  .buySearchResultContent
    > ul.searchByBox
    > li
    .buySearchResultContentInfo
    .selectedShowroom {
    display: none;
  }

  .buySearchResultContent > ul > li .buySearchResultContentInfo h4 {
    position: unset;
  }

  .buySearchResultContent
    > ul
    > li
    .buySearchResultContentInfo
    .selectedShowroom {
    position: absolute;
    top: 3px;
    right: 10px;
  }

  .dealerModelBadge,
  .dealerGoldBadge,
  .dealerGoodBadge {
    width: 24px;
    height: 16px;
    position: absolute;
    left: 3px;
    top: -2px;
  }

  .dealerModelBadge img,
  .dealerGoldBadge img,
  .dealerGoodBadge img {
    width: 80%;
  }

  .buySearchResultContentInfo > ul {
    width: 100%;
    display: inline-block;
  }

  /*.buySearchResultContentInfo > ul > li > p {
    margin: 2px 0px;
    padding: 0px;
  }

  .buySearchResultContentInfo > ul > li {
    margin: 0px;
  }

  .buySearchResultContentInfo > ul > li:nth-child(2) p {
    padding-left: 19px;
  }

  .buySearchResultContentInfo > ul > li:nth-child(2) {
    padding: 0 0px 0 3px;
    border: none;
  }*/

  .buySearchResultContent
    > ul.searchByBox
    > li
    .buySearchResultContentStickyContent
    .buySearchResultContentInfo
    ul
    li
    .dealerGoldBadge
    img {
    width: 90%;
  }

  .buySearchResultContent
    > ul.searchByBox
    > li
    .buySearchResultContentImg
    .buySearchResultContentGift
    img {
    width: 80%;
  }

  .buySearchResultContent > ul.searchByBox > li,
  .buySearchResultContent > ul > li {
    padding: 0;
  }

  .buySearchResultContent
    > ul.searchByBox
    > li
    .buySearchResultContentStickyContent {
    margin: 2px;
    width: calc(100% - 4px);
    padding: 0px;
  }

  .buySearchResultContentImg img {
    width: 100%;
  }

  .buySearchResultContent > ul > li.special .buySearchResultContentInfo .Title,
  .buySearchResultContent
    > ul.searchByBox
    > li.special
    .buySearchResultContentInfo
    .Title,
  .buySearchResultContentInfo .Title {
    width: calc(100% - 50px);
  }

  .buySearchResultContent
    > ul.searchByBox
    > li
    .buySearchResultContentInfo
    .Title {
    width: 100%;
  }
}

/* 0906 h1&h2 modify */

.buyAdvSearch div.MORES_titleW {
  display: none;
  font-size: 24px;
  color: #58595b;
}

@media screen and (max-width: 1200px) {
  .buyAdvSearch div.MORES_titleW {
    display: block;
  }

  .buyAdvSearch > div.MORES_titleW {
    margin: 10px; vertical-align: middle;
  }
}

/*-- buycar-02 end-----------------------*/

/*-- buycar-09 start---------------------*/
.carDetailBadge {
  width: unset;
  height: unset;
  position: absolute;
  left: 10px;
  top: 10px;
}

.carDetailBadge img {
  width: unset;
}

.sliderInfoCarDetail {
  height: 201px;
}

.sliderInfoCarDetailPrice {
  bottom: 90px;
}

.wrapBuyCarDetailTitle {
  height: 150px;
}

.IMAGE_SET {
  width: 100%;
  height: 150px;
  overflow: hidden; text-align: center;
}

.IMAGE_SET .IMAGE_SET_Table {
  display: block;
}

.IMAGE_SET .IMAGE_SET_Mobile {
  display: none;
}

@media screen and (max-width: 1200px) {
  .swiper-container-m {
    height: auto;
  }

  .wrapBuyCarDetailTitle {
    height: 120px;
  }

  .IMAGE_SET .IMAGE_SET_Table {
    display: none;
  }

  .IMAGE_SET {
    width: 100%;
    height: 120px;
    overflow: hidden;
  }

  .IMAGE_SET .IMAGE_SET_Mobile {
    display: block;
  }

  .IMAGE_SET a.IMAGE_SET_Mobile {
  }

  .IMAGE_SET a.IMAGE_SET_Mobile img {
    width: unset;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* 0906 h1&h2 modify */
.buyCarDetailTitleImg .Title {
  min-height: 49px;
  font-size: 22px;
  color: #fff;
  line-height: 125%;
  background-size: cover;
  padding: 10px;
  background: linear-gradient(50deg, #940202 29%, #d90d0c 100%);
  background: -moz-linear-gradient(50deg, #940202 29%, #d90d0c 100%);
  background: -webkit-linear-gradient(50deg, #940202 29%, #d90d0c 100%);
  background: -o-linear-gradient(50deg, #940202 29%, #d90d0c 100%);
}

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

.buyCarDetailTitleText .secondTitle a,
.buyCarDetailTitleText .secondTitle a:hover {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

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

.buyCarDetailContentSpec .Title 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;
}

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

.sliderInfoCarDetail div.Title {
  font-size: 18px; font-weight: 900;
  color: #fff;
  text-align: left;
  height: 54px;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  .buyCarDetailTitleImg .Title {
    padding: 5px 10px; overflow: hidden; font-size: 16px;
  }

  .buyCarDetailTitleText .secondTitle {
    background-size: 100% 49px;
  }

  .buyCarDetailContentSpec .Title {
    height: 72px;
  }

  .buyCarDetailContentSpec .Title a {
    top: 30px;
  }

  .buyCarDetailContentDealerInfo .Title {
    width: calc(100% - 65px);
  }
}

/*-- buycar-09 end-----------------------*/

/*-- buycar-13 start---------------------*/

.buyCarDetailTitleText {
  height: unset;
}

.btnDealerTitle1 {
  left: unset;
  bottom: unset;
  position: unset;
}

.facebookPlugin {
  width: 100%;
  margin: 5px 0px;
}

@media screen and (max-width: 1200px) {
  .facebookPlugin {
    display: none;
  }
}

/* 0906 h1&h2 modify */
.buyDealerDetailContentInstock > .Title {
  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;
}

/*.buyDealerDetailOnSale .Title {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 10px 0;
  height: 54px;
  overflow: hidden;
}*/

.buyAdvSearch > .Title { margin-bottom: 15px;
  font-size: 24px; color: #58595b;
}
@media screen and (max-width: 1200px) {
  .buyAdvSearch > .Title { margin-bottom: 5px;}
}

/*-- buycar-13 end-----------------------*/

/*-- stronghold-04 start-----------------------*/

/* 0906 h1&h2 modify */
.wrapMaintenanceLocationSearch2 .Title,
.wrapMaintenanceLocationSearch2Result .Title {
  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;
}

.maintenanceLocationOtherOption .Title {
  font-size: 18px;
  color: #58595b;
  padding: 25px 0 0 28px;
  margin: 0 0 25px 0;
}

@media screen and (max-width: 1200px) {
  .wrapMaintenanceLocationSearch2 .Title,
  .wrapMaintenanceLocationSearch2Result .Title {
    width: 100%;
    background-size: 90%;
    margin: 0 auto 10px;
  }

  .maintenanceLocationOtherOption .Title {
    padding: 25px 0 0 0;
    margin: 0 0 25px 0;
    text-align: center;
  }
}

/*-- stronghold-04 end-----------------------*/

/*-- FOOTER start-----------------------*/

/* 0906 h1&h2 modify */
.sitemapContent > ul > li > .Title {
  width: 95px;
  font-size: 19px;
  color: #fff;
  border-bottom: 3px solid #fff;
  margin: 0 auto 20px;
  padding: 0 0 5px 0;
}

@media screen and (max-width: 1200px) {
  .sitemapContent > ul > li > .Title {
    width: 100%;
    border-bottom: none;
    margin: 0;
    padding: 0;
    line-height: 3;
  }
}

/*-- FOOTER end-----------------------*/

/*-- Menu start-----------------------*/

@media screen and (max-width: 1200px) {
  .logo h1 {
    height: 31px;
  }

  .logo {
    width: 155px;
    left: 2%;
    z-index: 9;
  }
}

/* 0906 h1&h2 modify */
.navIndex ul li a.active {
  box-shadow: 0 -3px 0 #fff inset;
}

@media screen and (max-width: 1200px) {
  .sitemapContent > ul > li > .Title {
    width: 100%;
    border-bottom: none;
    margin: 0;
    padding: 0;
    line-height: 3;
  }

  .sellPromise .Title {
    font-size: 14px;
    color: #474747;
    line-height: 1.5;
  }
}

/*-- Menu end-----------------------*/

/*-- orther start-------------------------*/

/* 0918 h1&h2 modify */
.aboutMaintenanceContent .Title {
  font-size: 22px;
  color: #fff;
  display: block;
  line-height: 40px;
  height: 40px;
  padding: 0 0 0 20px;
  background: url(../images/bgAboutMaintenanceContentH2.png) no-repeat;
  background-size: cover;
  margin: 0 0 10px 0;
}

.otherInfo .Title {
  font-size: 22px;
  color: #fff;
  display: block;
  line-height: 40px;
  height: 40px;
  padding: 0 0 0 20px;
  margin: 0 0 10px 0;
  background: url(../images/bgAboutMaintenanceContentH2.png) no-repeat;
  background-size: cover;
}

.buyGuarantee1stMoreContent .Title,
.buyGuarantee2ndMoreContent .Title,
.buyGuarantee3rdMoreContent .Title,
.buyGuarantee4thMoreContent .Title,
.buyGuarantee5thMoreContent .Title,
.buyGuarantee6thMoreContent .Title,
.buyGuarantee7thMoreContent .Title,
.buyGuarantee8thMoreContent .Title,
.buyGuarantee9thMoreContent .Title,
.buyGuarantee10thMoreContent .Title {
  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;
}

/*-- orther end-------------------------*/
/*.buyDealerDetailOnSale h3 {
  margin: 0 0 15px 0;
}

.styleForStore ul li {
  background-color: #58595b;
}

.styleForStore > ul > li:nth-child(2n + 2) {
  background-color: #58595b;
}

.resultByList .styleForStore .buySearchResultContentInfo {
  border: none;
  width: 565px;
}

.styleForStore .buySearchResultContentInfo .Title,
.styleForStore .buySearchResultContentInfo h3,
.styleForStore .buySearchResultContentInfo > ul > li > p,
.styleForStore .buySearchResultContentInfo h4 {
  color: #fff;
}*/

.SELECT_BOX_Full {
  width: 100%;
  margin: 0px 0px 20px 0px;
  position: relative;
}

.SELECT_BOX input {
  width: calc(100% - 0px);
  /*height: 34px;
  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;
  padding: 0 0 0 5px;
}

.SELECT_BOX_Full a {
  position: absolute;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 34px;
  padding: 0px 50px 0px 10px;
  background-color: #c90b0b;
}

.SELECT_BOX_Full a img {
  position: absolute;
  top: 6px;
  right: 10px;
}

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

.visionBox {
  width: 100%; max-width: 100%; height: 250px; margin: 0 auto; padding: 0;
}

.visionBox .swiper-slide > a{ display: block; width: 100%; height: 250px;
	background-size: auto 100%; background-position: center center;}
/*.visionBox .swiper-slide > a > img {
  width: 1234px;
  height: 250px;
}*/

.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  z-index: 9;
}

div.SELECT_BOX.ml30 {
  margin: 0px 0px 20px 30px;
}

.SELECT_BOX .btnCarPersons {
  height: 34px;
  margin: 0px;
  width: calc((100% - 15px) / 4);
}

.FloatBtn { display: block; position: fixed; z-index: 9;
  margin-top: -180px; top: 50%; right: 0px;}
.FloatBtn a {
  display: block; background: #3470bb;
  width: 50px; padding: 10px; margin-bottom: 1px;
  color: #fff; text-decoration: none;
  -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;
}
.FloatBtn a img{ width: 30px;}
.FloatBtn a strong {
  margin: 5px 7px 0px; display: block;
  text-align: center; line-height: 100%; font-size: 16px;}
.FloatBtn a.newsR { background: #dd3030;}
.FloatBtn a.theOne { }
.FloatBtn a.theOne strong{
  writing-mode: tb-rl; writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr;
  -moz-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr;
}
.FloatBtn a:hover { opacity: 0.8;}

@media screen and (max-width: 767px) {
  .wrapBuyTitle {
    width: 100%;
    height: 120px;
    background: #8e9093;
    position: relative;
    padding: 0px; margin: 0;
  }

  .visionBox {
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 0;
    display: block;
  }

  .visionBox .swiper-slide {
    position: relative;
    overflow: hidden;
    background: #8e9093;
  }
	
	.visionBox .swiper-slide > a{ height: 120px;}
  /*.visionBox .swiper-slide > a > img {
    width: 100%;
    height: 120px;
  }

  .visionBox .swiper-slide a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
  }*/
}

@media screen and (max-width: 1024px) {
  .SELECT_BOX .btnCarPersons {
    width: calc((100% - 6px) / 2);
  }

  div.SELECT_BOX.ml30 {
    margin: 0px 0px 20px 0px;
  }
  div.w30per {
    width: 30%;
    margin: 0px 0px 20px 0px;
  }
  div.SELECT_BOX.HALF {
    margin-left: 0px;
  }

  .buySearchResultContent > ul > li .buySearchResultContentInfo {
    position: relative;
  }

  .buySearchResultContentInfo {
    width: 100%;
    padding: 15px;
  }

  .FloatBtn { top: 85%;}
  .FloatBtn a{ display: none;}
}

/*.buyBuyDealerResult > ul > li a {
  overflow: hidden;
  display: block;
}

.buyBuyDealerResult > ul.resultByList > li a .buyDealerDetailOnSalePrice {
  position: absolute;
  bottom: 5px;
  right: 10px;
}*/

.buyBuyDealerResult > ul.resultByList > li,
.buyBuyDealerResult > ul.specialList > li{
  width: 100%;
  margin: 0 0 10px 0;
}

/*.buyBuyDealerResult > ul.resultByList > li a .buyDealerDetailOnSale .Title {
  width: calc(100% - 50px);
}

.buyBuyDealerResult > ul.resultByList > li a img {
  width: 290px;
  height: auto;
  float: left;
}

.buyBuyDealerResult > ul.resultByList > li a .buyDealerDetailOnSale {
  width: 575px;
  float: right;
}

.buyBuyDealerResult > ul.resultByList > li a .buyDealerDetailOnSaleCondition {
  width: 575px;
  float: right;
}*/

.sortingBar_m .floatRight {
  float: right;
}

@media screen and (max-width: 1200px) {
  .buyBuyDealerResult .searchByBox li.stroe {
    width: calc(50.7% - 11px);
    margin-right: 10px;
  }

  .buyBuyDealerResult .searchByBox li.stroe:nth-child(2n + 2) {
    margin-right: 0px;
  }

  .buyBuyDealerResult .searchByBox li.stroe .buyDealerDetailOnSaleCondition {
    display: none;
  }

  .buyBuyDealerResult .searchByBox li.stroe .buyDealerDetailOnSalePrice {
    position: unset; bottom: unset; right: unset;
    padding: 10px 0; border-top: solid 1px #8d8f92;
  }

  .buyBuyDealerResult > ul.resultByList > li.stroe{
    width: 100%;
  }

  .buyBuyDealerResult > ul.resultByList > li.stroe a img {
    width: 100%;
    margin-right: 0px;
  }

  .buyBuyDealerResult > ul.resultByList > li a .buyDealerDetailOnSale {
    width: 100%;
  }

  .buyBuyDealerResult > ul.resultByList > li a .buyDealerDetailOnSaleCondition {
    width: 100%;
  }

  .buyBuyDealerResult > ul.resultByList > li a .buyDealerDetailOnSaleCondition ul,
  .buyDealerDetailOnSaleCondition ul {
    width: 95%;
  }

  .buyBuyDealerResult
    > ul.resultByList
    > li
    a
    .buyDealerDetailOnSaleCondition
    li:nth-child(6n),
  .buyBuyDealerResult
    > ul.resultByList
    > li
    a
    .buyDealerDetailOnSaleCondition
    li:nth-child(3n),
  .buyDealerDetailOnSaleCondition li:nth-child(6n),
  .buyDealerDetailOnSaleCondition li:nth-child(3n) {
    margin: 0 5px 5px 0;
  }

  .buyBuyDealerResult .resultByList li.stroe a .buyDealerDetailOnSaleCondition {
    display: block;
  }

  .buyBuyDealerResult .resultByList li.stroe a .buyDealerDetailOnSale .Title {
    display: block;
    width: 100%;
  }

  .buyBuyDealerResult .resultByList li.stroe a .buyDealerDetailOnSalePrice{
    position: absolute;
    bottom: 5px;
    right: 5px;
  }

  .buyBuyDealerResult
    .resultByList
    li.stroe
    a
    .buyDealerDetailOnSaleCondition
    ul {
    width: 94%;
  }
}

.sellIndexMenuContent {
  overflow: hidden;
  margin: 0 0 2px 0;
}

.sellIndexMenuTitle {
  margin: 0 0 7px 0;
}

.btnSellSearch,
.btnSellSubmit {
  margin: 0px;
}

.sellIndexMenuContent input,
.sellIndexMenuContent select {
  height: 30px;
}

.sellIndexMenuContent div {
  height: 32px;
  background: #58595b;
  font-size: 12px;
  color: #fff;
  border: none;
}

.sellIndexMenuContent div p {
  font-size: 12px;
  line-height: 23px;
}

.sellIndexMenuContent .choose {
  width: 60px;
  background: #aeaeae;
  float: left;
  padding: 5px 5px 5px 5px;
}

.sellIndexMenuContent .FileName {
  width: calc(100% - 65px);
  background: #58595b;
  float: right;
  padding: 5px;
}

.sellIndexMenuContent div.choose p {
  color: #282828;
  text-align: center;
}

.sellIndexMenuContent .FileName button {
  cursor: pointer;
}

.sellIndexMenuContent .FileName p {
  color: #fff;
  width: calc(100% - 75px);
  float: right;
  overflow: hidden;
}

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

/*1206 修改*/
.buyServiceDeco {
  z-index: 10;
}

.wrapBuyService li a {
  position: relative; display: block;
}

.wrapBuyService li a strong {
  position: absolute;
  bottom: 8px;
  left: 40px;
  z-index: 9;
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  font-size: 18px; font-weight: normal;
  color: #fff;
}

.wrapBuyService li a strong.moveL {
  left: 30px;
}

.buyRecommend ul li a {
  display: block;
  position: relative;
}

.buyRecommend ul li a strong {
  position: absolute;
  bottom: 13px;
  left: 90px;
  z-index: 9;
  font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
    sans-serif;
  font-size: 18px;
  color: #fff;
}

.buyWidth .swiper-slide a {
  height: 155px;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.buyWidth .swiper-slide a img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.buyWidth .swiper-slide .bestTitle {
  color: #fff;
  margin-top: 8px;
  font-size: 16px;
  height: 32px;
  overflow: hidden;
}

.buyWidth.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 55px;
}

/* 19'0604_lineScan */
.buyCarDetailTitleTextContent,
.buyCarDealerTitleInfo {
  position: relative;
}
.buyCarDetailTitleTextContent div.discountInfo{ margin: 10px 150px 0 0; color: #ea6e04;}
.buyCarDetailTitleTextContent div.discountInfo strong{
  padding: 0 5px; margin-right: 10px; display: inline-block;
  background: #ea6e04; border-radius: 5px; color: #fff;}
.buyCarDealerTitleInfo div.lineScan,
.buyCarDetailTitleTextContent div.lineScan {
  width: 140px;
  height: 90px;
  background-color: #00b900;
  border-radius: 8px;
  padding: 8px;
  display: block;
}

.buyCarDealerTitleInfo div.lineScan .qrCodebox,
.buyCarDetailTitleTextContent div.lineScan .qrCodebox {
  background-color: #fff;
  width: 74px;
  height: 74px;
  border-radius: 5px;
  float: right;
}

.buyCarDealerTitleInfo div.lineScan .qrCodebox img,
.buyCarDetailTitleTextContent div.lineScan .qrCodebox img {
  padding: 2px;
  width: 100%;
}

.buyCarDealerTitleInfo div.lineScan .lineIcon,
.buyCarDetailTitleTextContent div.lineScan .lineIcon {
  margin: 6px 0px 0px 2px;
}

.buyCarDetailTitleTextContent div.lineScan {
  position: absolute;
  bottom: 0;
  right: 0;
}

.buyCarDealerTitleInfo div.lineScan {
  position: absolute;
  top: 10px;
  right: 0;
}

@media screen and (max-width: 1200px) {
  .buyCarDetailTitleTextContent div.discountInfo{ margin: 10px 0 0 0;}
  .buyCarDealerTitleInfo div.lineScan,
  .buyCarDetailTitleTextContent div.lineScan {
    position: inherit;
    bottom: 0; right: 0;
    margin: 10px 0;
  }
}

/*19'0604_systemClass*/
.buyCarDetailContentSpec > ul > li {
  width: 210px;
}

.buyCarDetailContentSpec li.secTitle {
  width: 100%;
  background: none;
  padding: 0px;
  font-weight: bold;
  position: relative;
}

.buyCarDetailContentSpec li.secTitle::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 0px;
  width: calc(100% - 71px);
  border-top: 1px dotted #333;
}

.buyCarDetailContentSpec li.secTitle p {
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .buyCarDetailContentSpec li.secTitle {
    width: calc(100% - 36px);
  }

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

  .buyCarDetailContentSpec > ul > li {
    width: calc(50% - 18px);
    background: url(../images/bgCarSpecUnchecked.png) no-repeat left top;
  }
}

/* 19'0604_stronghold04_Shop */
@media screen and (max-width: 1200px) {
  .wrapMaintenanceLocationSearch2ResultText p.closePhone {
    display: none;
  }

  .pages {
    width: 100%;
    display: inline-block;
  }

  .wrapBuyLocationSearchResultText h3 {
    width: 74%;
    height: 36px;
    font-size: 19px;
    line-height: 36px;
    background: none;
    background-size: unset;
    display: inline-block;
    color: #282828;
  }

  .wrapBuyLocationSearchResultText a strong.goodIcon {
    margin-top: 0px;
  }

  .carDetailBadge {
    width: unset;
    height: unset;
    position: absolute;
    left: 3px;
    top: 5px;
  }

 .flexboxPhone {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

/*.wrapBuySlider {
  height: unset;
  padding: 35px 0px 2px;
}*/
@media screen and (max-width: 1200px) {
}

.wrapBuySearch {
  display: inline-block;
}

.dealerRegionSelectType {
  margin: 11px 40px 11px 0;
}

/*0610找據點*/
.dealerRegionSelect {
  width: 1040px;
  display: inline-block;
  margin: 10px auto;
  overflow: unset;
  padding: unset;
}

.btnDealerSearch,
.btnDealerClear {
  width: 92px;
  height: 40px;
  float: left;
  position: unset;
  left: unset;
  top: unset;
}

.btnDealerSearch,
.btnDealerClear {
  margin-right: 5px;
}

.dealerRegionSelecInput {
  position: unset;
  left: unset;
  top: unset;
  float: left;
  margin-right: 5px;
}

.dealerRegionSelectGroup {
  width: unset;
  height: unset;
  position: unset;
  left: unset;
  top: unset;
}

.dealerRegionSelectGroupList1 {
  width: 140px;
  position: unset;
  left: unset;
  top: unset;
  display: inline-block;
}

.dealerRegionSelectGroupList2 {
  width: 140px;
  position: unset;
  right: unset;
  top: unset;
  display: inline-block;
}
/*
.btnDealerRegion {
  border: 1px solid #58595b;
}*/

.wrapBuyLocationSearchResultText {
  border: 2px solid #222222;
  border-width: 2px 0px 0px 0px;
  padding-top: 5px;
}

.wrapBuyLocationSearchResultText .storeTitle {
  border-bottom: 1px dotted #bbbbbb;
  margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
  .dealerRegionSelect {
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding: 5px 5px 30px 5px;
  }

  .dealerRegionSelectType {
    margin: 0 0px 20px 0;
  }

  .dealerRegionSelecInput {
    float: unset;
    position: unset;
    left: unset;
    top: unset;
    width: 195px;
    margin: 0 auto 10px;
  }

  .btnDealerSearch,
  .btnDealerClear {
    transform: translate(-50%, 0px);
  }

  .btnDealerSearch {
    margin-left: calc(50% - 50px);
  }

  .btnDealerClear {
    margin-left: 0px;
    margin-right: 0px;
  }

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

  .dealerRegionSelectGroupList2 {
    transform: translate(-50%, 0px);
  }

  .dealerRegionSelectGroupList1 {
    transform: translate(-50%, 0px);
    margin-left: calc(50% - 72px);
  }

  .btnDealerTitle2 a {
    width: calc(50% - 3px); padding: 8px; display: inline-block;
    border-radius: 5px; background-color: #fe0000;
    text-align: center; color: #fff;
  }

  .btnDealerTitle2 strong {
    position: absolute;
    top: 7px;
    left: calc(50% - 46px);
  }

  .dealerRegionSelect {
    display: none;
  }

  .dealerRegionSelect_m {
    display: block;
  }
}
.resultByImg li.stroe .buyCarGift img {
  width: 100%;
  height: auto;
}

.searchByBox li.stroe .buyCarGift img {
  width: 96px;
  height: 96px;
}

/**/
@media screen and (max-width: 1200px) {
  .wrapSortingBar_m {
    display: block;
    width: 100%;
    height: unset;
    background: #ebecec;
    padding: 5px;
  }

  .sortingBar_m {
    width: 100%; height: auto; box-sizing: border-box;
    background: #f6f6f6;
    padding: 5px;
    position: relative;
  }

  .sortingBar_m p.sortingBar_m_p {
    padding: unset;
    width: 100%; box-sizing: border-box;
    text-align: left;
    border-bottom: 1px dotted #bababa;
  }

  .sortingBar_m > p {
    padding: unset; margin: 4px 0;
    text-align: left;
    display: inline-block;
  }

  .sortingBar_m .but_selection {
    display: inline-block;
    float: none;
    margin: 0px 8px;
  }

  .sortingBar_m > p span {
    margin-bottom: 2px;
    display: inline-block;
  }

  .sortingBar_m p.sequence {
    width: 36px;
    line-height: 13px;
  }

  .sortingBar_m select {
    font-family: "PingFangTC-Light", "Microsoft JhengHei", Helvetica, Arial,
      sans-serif;
    height: 28px;
    border: 1px solid #bfbfbf;
    font-size: 13px;
    color: #58595b;
    background: #f6f6f6;
    margin: 0 5px;
  }

  .sortingBar_m_option {
    position: absolute; left: 123px; top: 45px; right: unset;
    line-height: 14px;
  }

  .sortingBar_m_option.topPosition {
    top: 12px;
  }

  .sortingBar_m_option p {
    padding: 0; margin: 0;
    line-height: 14px;
  }

  .sortingBar_m p select {
    position: absolute;
    left: 35px;
    top: 46px;
    width: 80px;
  }

  .sortingBar_m p select.topPosition {
    top: 10px;
  }

  .switchMode { display: inline-block;
    position: absolute; right: 10px; bottom: 5px;
  }

  .sortingBar > ul li p span.browseByImgSearch,
  .sortingBar_m > p span.browseByImgSearch {
    background: url(../images/bgBrowseByImg.png) no-repeat left center;
    background-size: 20px 20px;
    padding: 0 0 0 20px;
    text-indent: -9999px;
    cursor: pointer;
  }

  .sortingBar > ul li p span.browseByImgSearchActive,
  .sortingBar_m > p span.browseByImgSearchActive {
    background: url(../images/bgBrowseByImgActive.png) no-repeat left center;
    background-size: 20px 20px;
    cursor: default;
  }

  .sortingBar > ul li p span.browseByListSearch,
  .sortingBar_m > p span.browseByListSearch {
    background: url(../images/bgBrowseByList.png) no-repeat left center;
    background-size: 20px 20px;
    padding: 0 0 0 20px;
    text-indent: -9999px;
    cursor: pointer;
  }

  .sortingBar > ul li p span.browseByListSearchActive,
  .sortingBar_m > p span.browseByListSearchActive {
    background: url(../images/bgBrowseByListActive.png) no-repeat left center;
    background-size: 20px 20px;
    cursor: default;
  }

  .resultByImg li.stroe .buyCarGift img {
    width: 100%;
    height: auto;
  }

  .searchByBox li.stroe .buySearchResultContentSelected img,
  .searchByBox li div.buySearchResultContentSelected img {
    width: 30px;
    height: 30px;
  }

  .searchByBox li.stroe .buyCarGift img {
    width: 75px;
    height: 75px;
  }
}
.btnDealerRegion input[type="checkbox"] {
  visibility: hidden; display: none;
  opacity: 0; overflow: hidden;
}
.btnDealerRegion input[type="checkbox"] + span {
  display: block; overflow: hidden;
  border: 1px solid #58595b; background: #fff;
  padding: 8px; width: 100%; text-align: center;
}
.btnDealerRegion input[type="checkbox"]:checked + span {
  color: #fff;
  background: #df0e0d;
  border: 1px solid #df0e0d;
}

.wrapMaintenanceLocationSearch2ResultOtherLink li a.textPc {
  display: block;
}
.wrapMaintenanceLocationSearch2ResultOtherLink li a.textMobile {
  display: none;
}

div.showCar {
  display: block;
}
@media screen and (max-width: 1200px) {
  .wrapMaintenanceLocationSearch2ResultOtherLink li a.textPc {
    display: none;
  }
  .wrapMaintenanceLocationSearch2ResultOtherLink li a.textMobile {
    display: block;
  }

  div.showCar {
    display: block;
  }
  /*.swiper-container {
    display: block;
    width: 95%;
  }*/
  .wrapBuySlider {
    height: unset;
    padding: 35px 0px 30px;
  }
}

/* ad area */
.ad300x250 {
  display: block;
  width: 300px;
  height: 250px;
  position: fixed;
  top: 520px;
  right: 0px;
  z-index: 9;
  background-color: #fff;
}
.ad970x250 {
  display: block;
  width: 970px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 30px;
}
.ad300x250inner {
  display: block;
  width: 300px;
  height: 250px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.swiper-slide > a.ad300x250inner > img {
  width: 100%;
  height: auto;
}
.adLeftBox {
  float: left;
  width: 280px;
}
.ad300x600 img {
  margin-top: 10px;
  width: 100%;
}
.ad300x50 {
  display: none;
}
.closeAD {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-color: #fff;
}

/* buycar-02 ad area */
.buySearchResultContent > ul > li.adsetting {
  width: 100%;
  height: 250px;
  background-color: #eceded;
  background: none;
  padding-top: 0px;
}
.buySearchResultContent > ul.searchByBox > li.adsetting {
  width: calc(25.27% - 13px);
  float: left;
  margin-right: 13px;
  padding-left: 0px;
  height: auto;
  background-color: #fff;
}
.buySearchResultContent > ul > li.adsetting .ad970 {
  display: block;
  position: relative;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.buySearchResultContent > ul > li.adsetting .ad300 {
  display: none;
}
.buySearchResultContent > ul.searchByBox > li.adsetting .ad970 {
  display: none;
}
.buySearchResultContent > ul.searchByBox > li.adsetting .ad300 {
  display: block;
  width: 87%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1200px) {
  .ad300x250,
  .ad300x600 {
    display: none;
  }
  .adLeftBox {
    float: unset;
    width: unset;
  }
  .ad300x50 {
    display: block;
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 300px;
    height: 50px;
  }
  .ad970x250 img {
    width: 100%;
  }
  /* buycar-02 ad area */
  .buySearchResultContent > ul.searchByBox > li.adsetting {
    width: calc(50% - 7px);
  }
  .buySearchResultContent > ul > li.adsetting {
    height: auto;
  }
  .buySearchResultContent > ul > li.adsetting .ad970 {
    width: 100%;
  }
}

/* 0225 Q1 修改 */

.tabNavIndex_m li {
  width: 24%;
}
.tabNavIndex_m li.tabNavIndex4rd {
  position: absolute;
  top: 0;
  left: 66.6666666666%;
  background: url(../images/mobile/bgTabNavIndex3rd.svg) no-repeat;
  background-size: cover;
}
.tabNavIndex_m li.tabNavIndex1st {
  left: 0%;
  background-position-x: -14px;
}
.tabNavIndex_m li.tabNavIndex2nd {
  left: 24%;
  background-position-x: -17px;
}
.tabNavIndex_m li.tabNavIndex3rd {
  left: 48%;
  background-position-x: -17px;
}
.tabNavIndex_m li.tabNavIndex4rd {
  width: 28%;
  left: 72%;
  background-position-x: -13px;
}
.tabNavIndex_m li.tabNavIndex1stFocus {
  background: url(../images/mobile/bgTabNavIndex3rdFocus.svg) no-repeat;
  background-size: cover;
  background-position-x: -16px;
}
.tabNavIndex_m li.tabNavIndex2ndFocus {
  background: url(../images/mobile/bgTabNavIndex3rdFocus.svg) no-repeat;
  background-size: cover;
  background-position-x: -16px;
}
.tabNavIndex_m li.tabNavIndex3rdFocus {
  background: url(../images/mobile/bgTabNavIndex3rdFocus.svg) no-repeat;
  background-size: cover;
  background-position-x: -16px;
}

.tabNavIndex_m li.tabNavIndex4rd a {
  display: block;
  color: #de0e0d;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  margin: 5px;
  border-radius: 5px;
}
.tabNavIndex_m li.tabNavIndex4rd a .btnIcon {
  width: 14px;
  height: 14px;
}
.tabNavIndex_m li.tabNavIndex4rd a .btnIcon path {
  fill: #de0e0d;
}

/* Header 修改 - 202101 */
.navBuy, .navMaintenance, .navSell{ right: 50px;}

.community{ float: right; margin-left: 20px;}
.community a{ margin-right: 3px; color: #fff; vertical-align: middle;}
.community a img{ width: 25px; height: auto;}
@media screen and (max-width: 1200px) {
  .community{ float: none; margin: 0 auto; text-align: center;}
  .community a img{ width: 40px;}
}
.memberBtnBox { float: right;}


/* 0304 seo優化*/
.sellIndexBanner a {
  display: block;
  text-decoration: none;
  background-image: url(../images/mobile/sellcar-bg.png);
  width: 100%;
  height: 30px;
  background-size: 100%;
}
.sellIndexBanner a h1 {
  font-weight: bold;
  font-size: 29px;
  color: #df0e0d;
  text-align: center;
}

.buyTitle2Text ul li,
.buyTitle3Text ul li {
  font-weight: bold;
  font-size: 24px;
  color: #fff;
  line-height: 28px;
}
.buyTitle2Text ul,
.buyTitle3Text ul {
  position: relative;
  float: right;
  margin-right: 20px;
}

.wrapBuyTitle2 {
  background-image: url(../images/buyTitle2.jpg);
  background-size: cover;
  background-position: center;
  height: 262px;
}
.buyTitle2Text {
  background-image: url(../images/buyTitle2Text-bg.png);
  background-size: 100%; background-repeat: no-repeat;
}
.buyTitle2Text ul li.firstTitle {
  position: absolute;
  top: 0px;
  left: -198px;
}

.wrapBuyTitle3 {
  background-image: url(../images/buyTitle3.jpg);
  background-size: cover;
  background-position: center;
  height: 262px;
}
.buyTitle3Text {
  background-image: url(../images/buyTitle3Text-bg.png);
  background-size: 100%;
}
.buyTitle3Text ul li {
  color: #000;
}
.buyTitle3Text ul li.firstTitle {
  position: absolute;
  top: 0px;
  left: -198px;
}
@media screen and (max-width: 1200px) {
  .buyTitle2Text,
  .buyTitle3Text {
    display: block;
  }
  .wrapBuyTitle2,
  .wrapBuyTitle3 {
    height: 140px;
  }
  .buyTitle2Text,
  .buyTitle3Text {
    width: 300px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: 280px auto;
  }
  .buyTitle2Text ul li,
  .buyTitle3Text ul li {
    font-size: 16px;
    line-height: 21px;
  }
  .buyTitle2Text ul,
  .buyTitle3Text ul {
    top: 50%;
    left: 50%;
    margin-left: 5px;
    margin-right: unset;
    float: none;
  }
  .buyTitle2Text ul li.firstTitle,
  .buyTitle3Text ul li.firstTitle {
    top: 2px;
    left: -140px;
  }
}

/* 0312 新增尋車速配按鈕&打開燈箱 */
.btnSearch2 {
  width: 100%;
  background: none;
  height: auto;
  overflow: hidden;
}
.btnSearch2 ul {
  display: inline-block;
  float: right;
}
.btnSearch2 ul li {
  float: left;
  border: 1px solid #c90b0b;
  border-radius: 6px;
  margin-left: 10px;
}
.btnSearch2 ul li:first-child {
  background: #c90b0b;
  margin-left: 0px;
}
.btnSearch2 ul li a {
  padding: 8px 30px;
  display: block;
  text-align: center;
  line-height: normal;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  color: none;
  color: #c90b0b;
}
.btnSearch2 ul li:first-child a {
  color: #fff;
}
@media screen and (max-width: 600px) {
  .btnSearch2 ul {
    width: 100%;
  }
  .btnSearch2 ul li {
    width: 100%;
    margin-bottom: 5px;
    margin-left: 0px;
  }
}

.lightbox {
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  transform: scale(0);
  transition: transform 0.3s;
}
.lightbox.active {
  left: 0;
  transform: scale(1);
  z-index: 1051;
}
.lightbox-body {
  display: block;
  position: absolute;
  width: 500px;
  height: auto;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 40px 30px 30px 30px;
  border-radius: 4px;
  border-top: 8px solid #c90b0b;
}
  
.lightbox-body > p{
  font-size: 16px;
  color: #58595b;
  line-height: 150%;
}
.lightbox-body > dl dt{ margin-top: 10px; font-size: 18px; color: #000; font-weight: normal;}
.lightbox-body > dl dt:first-child{ margin-top: 0;}
.lightbox-body > dl dd{ font-size: 15px; color: #666;}

.lightbox .close {
  position: absolute; top: 0px; right: 0px;
  width: 25px; height: 25px; margin: 10px;
  background-color: #fff; border-radius: 50%;
}
.redbtntyle {
  display: block;
  background-color: #c90b0b;
  border-radius: 6px;
  padding: 8px 30px;
  margin: 20px auto 0px;
  text-decoration: none;
  text-align: center;
  width: 140px;
}
.redbtntyle:link,.redbtntyle:visited,.redbtntyle:hover,.redbtntyle:active{ color: #fff;}
@media screen and (max-width: 768px) {
  .lightbox-body{
    width: 90%; padding: 40px 20px 30px 20px;
  }
}

/* 縣市選單設定 */
.cityPosition .btnDealerRegion input[type="checkbox"] + span {
  margin-left: 10px;
  padding: 5px;
}

/* footer 社群icon設定 */
.footer .sitemapContent > ul > li > p > a img {
  margin-right: 5px;
  vertical-align: middle;
}

/* buycar-13車輛查詢列表 */
.buyAdvSearchDealer_m .SELECT_BOX {
  width: 100%;
}
.buyAdvSearchDealer_m .SELECT_BOX .TITLE-M p {
  width: 100%;
  margin-right: 0px;
}

.buyAdvSearchDealer_m .SELECT_BOX .TITLE-M .condition-box {
  width: 100%;
}
.buyAdvSearchDealer_m .SELECT_BOX .TITLE-M .condition-box .btnCarPersons {
  width: calc(50% - 2px);
}

.buyAdvSearchDealer_m div.SELECT_BOX {
  margin: 0px 0px 10px 0px;
}

.warning-wrap {
  display: block;
  margin: 10px 0px 30px;
}
.warning-wrap p {
  font-size: 20px;
  color: #de0e0d;
  text-align: center;
}

/* 進階搜尋-縣市複選區 */
.buyAdvSearchRegionCity {
  float: right;
  width: calc(100% - 85px);
}
.MOREsearch .full .buyAdvSearchRegionCity p {
  display: block;
  text-align: center;
}
.MOREsearch .full p {
  font-size: 16px;
  line-height: 34px;
  color: #58595b;
}
.btnBuyRegion {
  width: calc((100% / 16) - 0px);
  margin: 0px 0px 5px;
}
.btnBuyRegion:nth-child(16n + 1) {
  margin-right: 0px;
}
.btnBuyRegion input[type="checkbox"] + span {
  width: 100%;
}
.buyAdvSearchRegionCityContent {
  width: calc(100% - 85px); margin-top: -10px;
  float: right; clear: both;
}
.MOREsearch .full {
  width: 100%;
}
.MOREsearch .full p {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .btnBuyRegion {
    width: calc((100% / 5) - 3.2px);
  }
  .btnBuyRegion input[type="checkbox"] + span {
    font-size: 13px;
  }
  .buyAdvSearchRegionCity {
    width: calc(100% - 84px);
  }
  .buyAdvSearchRegionCityContent {
    width: calc(100% - 84px);
  }
  .noShow-m {
    display: none;
  }
}