.btn-primary {
  color: #fff;
  background-color: #269F94;
  border-color: #269F94;
}
.btn-primary:hover {
  background-color: #219184;
  border-color: #219184;
}
.btn-primary:active {
  background-color: #67BEB4;
  border-color: #67BEB4;
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #5094BF;
  border-color: #5094BF;
  cursor: not-allowed;
}

.btn-outline-primary {
  color: #269F94;
  border-color: #269F94;
}
.btn-outline-primary:hover {
  background-color: #269F94;
  border-color: #269F94;
}
.btn-outline-primary:active {
  background-color: #67BEB4;
  border-color: #67BEB4;
}

.btn-outline-secondary {
  background-color: #FFF;
}

.btn-success {
  background-color: #269F94;
  border-color: #269F94;
}
.btn-success:hover {
  background-color: #269F94;
  border-color: #269F94;
}
.btn-success:active {
  background-color: #67BEB4;
  border-color: #67BEB4;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #269F94;
  background-color: #269F94;
}

/* =========================================================
  top.css
========================================================= */
#hero_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}
@media only screen and (max-width: 991px) {
  #hero_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    margin-top: 0;
  }
}

#hero {
  margin-top: 2px;
  text-align: center;
}

#hero_banners {
  margin-left: 1rem;
}
@media only screen and (max-width: 991px) {
  #hero_banners {
    margin-left: 0;
  }
}
#hero_banners #search h2 {
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  #hero_banners #search h2 {
    margin-top: 1rem;
  }
}
#hero_banners #search #form_tabs {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0.9rem;
}
#hero_banners #search #form_tabs ul.tabs li {
  padding: 0.7rem 1rem;
  margin-bottom: 0;
}

#top_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 991px) {
  #top_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
  }
}
@media only screen and (max-width: 768px) {
  #top_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
  }
}
#top_contents > div {
  margin-top: 2rem;
}
@media only screen and (max-width: 991px) {
  #top_contents > div {
    margin-top: 0;
  }
}
#top_contents .col_main {
  -ms-flex-preferred-size: calc(100% - 250px);
      flex-basis: calc(100% - 250px);
}
#top_contents .col_main > section h2 {
  text-align: left;
  font-size: 1.2rem;
}
@media only screen and (max-width: 991px) {
  #top_contents .col_main > section h2 {
    text-align: center;
  }
}
#top_contents .col_main > section ul, #top_contents .col_main > section ol {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#top_contents .col_main > section ul li, #top_contents .col_main > section ol li {
  list-style: none;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
#top_contents .col_main > section#new ul li, #top_contents .col_main > section#new ol li, #top_contents .col_main > section#discount ul li, #top_contents .col_main > section#discount ol li {
  width: 180px;
  min-width: 180px;
}
@media only screen and (max-width: 1200px) {
  #top_contents .col_main > section#new ul li, #top_contents .col_main > section#new ol li, #top_contents .col_main > section#discount ul li, #top_contents .col_main > section#discount ol li {
    width: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #top_contents .col_main > section#new ul li, #top_contents .col_main > section#new ol li, #top_contents .col_main > section#discount ul li, #top_contents .col_main > section#discount ol li {
    width: 30%;
  }
}
@media only screen and (max-width: 991px) {
  #top_contents .col_main > section#new ul li, #top_contents .col_main > section#new ol li, #top_contents .col_main > section#discount ul li, #top_contents .col_main > section#discount ol li {
    width: 30%;
  }
}
#top_contents .col_main > section#popular ul li, #top_contents .col_main > section#popular ol li {
  width: 18%;
}
@media only screen and (max-width: 1200px) {
  #top_contents .col_main > section#popular ul li, #top_contents .col_main > section#popular ol li {
    width: 18%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #top_contents .col_main > section#popular ul li, #top_contents .col_main > section#popular ol li {
    width: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #top_contents .col_main > section#popular ul li, #top_contents .col_main > section#popular ol li {
    width: 47.5%;
  }
}
@media only screen and (max-width: 767px) {
  #top_contents .col_main > section#popular ul li, #top_contents .col_main > section#popular ol li {
    width: 47.5%;
  }
}
#top_contents .col_main > section .car_card {
  width: 100%;
}
#top_contents .col_sub {
  -ms-flex-preferred-size: 220px;
      flex-basis: 220px;
}
#top_contents .col_sub a {
  color: #3F3F40;
  text-decoration: underline;
}
#top_contents .col_sub h2 {
  font-size: 1.2rem;
  padding-bottom: 0.2rem;
  border-bottom: 2px solid #FCD000;
  color: #3F3F40;
  margin-top: 2rem;
}
#top_contents .loading_top_contents {
  width: 100%;
  height: 240px;
}
#top_contents .loading_top_contents .loader,
#top_contents .loading_top_contents .loader:before,
#top_contents .loading_top_contents .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
#top_contents .loading_top_contents .loader {
  color: #245c7f;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
#top_contents .loading_top_contents .loader:before,
#top_contents .loading_top_contents .loader:after {
  content: "";
  position: absolute;
  top: 0;
}
#top_contents .loading_top_contents .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#top_contents .loading_top_contents .loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%, 80%, 100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0;
  }
}
#top_contents #new, #top_contents #discount {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 991px) {
  #top_contents #new, #top_contents #discount {
    margin-left: 1rem;
  }
}
#top_contents #new h2, #top_contents #discount h2 {
  margin-bottom: 1.5rem;
}
#top_contents #new h2:before, #top_contents #discount h2:before {
  content: "\f1b9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 1rem;
}
@media only screen and (max-width: 991px) {
  #top_contents #new ul li, #top_contents #discount ul li {
    margin-right: 0.5rem;
  }
  #top_contents #new ul li:nth-child(2n), #top_contents #discount ul li:nth-child(2n) {
    margin-right: 0;
  }
}
#top_contents #popular {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 991px) {
  #top_contents #popular {
    margin-left: 1rem;
  }
}
#top_contents #popular h2 {
  margin-bottom: 1.5rem;
}
#top_contents #popular h2:before {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 1rem;
}
#top_contents #popular .rank_car_item {
  width: 150px;
}
#top_contents #popular .rank_car_item img {
  width: 150px;
}
#top_contents #popular .rank_car_item .info .rank_val {
  font-size: 1.8rem;
  font-weight: bold;
  color: #269F94;
}
#top_contents #popular .rank_car_item .info .rank_val i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
  line-height: 2rem;
  display: none;
}
#top_contents #popular .rank_car_item .info .rank_val.rank_1 {
  /*
  			&:before {
  				content:'\f521';
  				font-family: "Font Awesome 5 Free";
  				color: #F8E71C;
  				font-weight: bold;
  				margin-right: 1rem;

  			}
  */
}
#top_contents #popular .rank_car_item .info .rank_val.rank_1 i {
  display: inline;
  color: #F8E71C;
}
#top_contents #popular .rank_car_item .info .rank_val.rank_2 i {
  display: inline;
  color: #C6C5C5;
}
#top_contents #popular .rank_car_item .info .rank_val.rank_3 i {
  display: inline;
  color: #BC9B86;
}
#top_contents #popular .rank_car_item .info .year {
  color: #4A4A4A;
  margin-right: 0.5rem;
}
#top_contents #popular .rank_car_item .info .car_name {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 0.7rem;
}
#top_contents #popular .rank_car_item .info .car_name > a {
  color: #000;
}
#top_contents #popular ol li {
  margin-right: 0.5rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  #top_contents #popular ol {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  #top_contents #popular ol li {
    margin-right: 0.5rem;
  }
  #top_contents #popular ol li:nth-child(2n) {
    margin-right: 0;
  }
}
#top_contents .banner {
  text-align: center;
}
#top_contents #information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #269F94;
  background-color: #F6FFFE;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 991px) {
  #top_contents #information {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
#top_contents #information h2 {
  font-size: 1rem;
  margin-right: 1rem;
  margin-bottom: 0;
  color: #269F94;
}
#top_contents #information dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
#top_contents #information dl dt {
  font-weight: normal;
  width: 100px;
}
#top_contents #information dl dd {
  width: calc(100% - 100px);
}
#top_contents #information a {
  color: #000;
  text-decoration: underline;
  font-size: 0.9rem;
}
#top_contents #information a:hover {
  color: #269F94;
}
#top_contents #information .add_link {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 190px;
  text-align: right;
  margin-bottom: 0;
}
#top_contents #information .add_link a {
  font-weight: bold;
}
#top_contents #information .add_link a:before {
  content: "\f054\f054";
  font-family: "Font Awesome 5 Free";
  margin-right: 0.5rem;
  font-weight: 900;
  font-size: 0.6rem;
}
#top_contents .stock ul {
  padding: 0;
  margin: 0;
}
#top_contents .stock ul li {
  list-style: none;
  line-height: 2rem;
}
#top_contents .about {
  padding-bottom: 2rem;
}
#top_contents .about p {
  font-size: 0.8rem;
}
#top_contents .about .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*# sourceMappingURL=top.css.map */