/* ver24 */

.msg-bg + #container01 { padding-top:1rem !important;}

.msg-bg {
  width:100%;
  background:#ffd370;
}
.in-msg {
  width: 1240px;
  display: block;
  margin: 0 auto;
  padding: 6px 10px;
  text-align:center;
}

.in-msg label {
  font-size: 0.95rem;
  font-weight: 700;
  color: #000000;
  margin-bottom:0;
  line-height:1.2;
  padding:0 0.5rem;
  cursor:pointer;
}

.in-msg label::before {
  content: "!";
  margin-right:2px;
  font-weight:700;
  display:inline-block;
  width:20px;
  height:20px;
  border-radius:100%;
  background:#000000;
  color:#ffd370;
  text-align:center;
  line-height:20px;
}

.in-msg input { display:none;}
.in-msg label span { text-decoration:underline; margin-left:5px; margin-bottom:0;}
.in-msg label span.close-detail { display:none;}
.in-msg input:checked ~ label span.open-detail{ display:none !important;}
.in-msg input:checked ~ label span.close-detail { display:inline !important;}
.in-msg p {
  text-align:left;
  display:block;
  font-weight:normal;
  line-height:1.2;
  height:0;
  visibility:hidden;
  opacity:0;
  margin-bottom:0;
  background:#ffe2a3;
  font-size:.95rem;
}
.in-msg input:checked ~ p {
  height:auto;
  visibility:visible;
  opacity:1;
  padding:0.7rem 0.5rem;
  padding-bottom:1rem;
  margin-top:.5rem;
}

h2.title-ul { text-indent:4px;}
.maincontainer .secbox { padding:16px 10px; background:#fff; box-shadow:0 0 3px #ccc;}

.flexbox.topcontainer { width:calc(100vw - 17px); max-width:1440px; min-width:1240px;}
.flexbox.topcontainer .wide_slide { width:calc(100% - 297px); height:calc((100vw - 297px) * 19 / 62); max-height:350.3px; min-height:289px; margin-right:10px;}
.flexbox.topcontainer .wide_slide img { height:auto;}

.top-srhbox#searchbox { width:287px; padding:1rem; background:#e9e9e9; margin-left:10px;}
.top-srhbox#searchbox h2 { font-size:1.2rem; text-indent:0;}
.top-srhbox#searchbox form { width:100%;}
.top-srhbox#searchbox form .flexbox { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.top-srhbox#searchbox form .select-arrow { margin-bottom:.4rem;}
.top-srhbox#searchbox form .flexbox .fromto { width:10%; text-align:center; margin-bottom:.5rem;}
.top-srhbox#searchbox form span { display:block; font-weight:700; font-size:.8rem; color:#000000;}
.top-srhbox#searchbox .flexbox.just-sb { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.top-srhbox#searchbox form .flexbox button[type=reset]{ width:30%; display:block; color:#ffffff; background:#6c757d; padding:0.8rem; font-weight:normal; font-size:13px;}
.top-srhbox#searchbox form .flexbox button[type=submit] { width:60%; display:block; color:#ffffff; background:#dc3545; padding:0.8rem; font-weight:normal; font-size:13px;}

#campaignbox { width: 287px; flex:none; padding:.5rem;}
#campaignbox.campaign-vip h2 { color:#ffffff;}
#campaignbox.campaign-vip { background:#003e5f center url(../png/bg-global.png) no-repeat;}
#campaignbox.campaign-vip::after { content:""; display:block; clear:both;}
#campaignbox .registform { padding:5px 15px;}
#campaignbox input, #campaignbox select { height:30px;}
#campaignbox p { font-size:.8rem; line-height:1.1; color:#ffffff; font-weight:700;}
#campaignbox form > div { margin-bottom:5px;}
#campaignbox form input[type=checkbox] { float:left; margin-right:8px;}
#campaignbox form a { text-decoration:underline;}
#campaignbox form a:hover { color:#ffffff; text-decoration:none;}
#campaignbox form input[type=submit] { background:#ff5722; padding:13px; color:#ffffff; height:auto; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; border: 1px solid #000; font-weight:700;}
#campaignbox.campaign-giveaway { text-align:center;}

.maincontainer .deals-container.secbox { padding:16px 10px 5px;}
.deals-container { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; width:calc(100% - 594px);}
.deals-container .flexbox img { width:100%; height:auto; border:1px solid #a1a1a1;}
.deals-container .flexbox div { padding:0 20px 10px; width: 20%;}
.deals-container .flexbox div:nth-of-type(n+6) { padding:0 20px 10px;}
.deals-container .flexbox h5 { margin-top:3px; text-align:center; text-indent:0; line-height:1; font-size:.9rem; color:#000000; font-weight:100;}

#onthewaybox { margin-right:10px; width:calc(42% - 297px);}
#onthewaybox > div { margin:auto; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content;}
#onthewaybox > div img { width:100%; max-width:170px; height:auto;}
#onthewaybox > div > div { text-align:center; padding:0 30px 8px;}
#onthewaybox a h5 { font-weight:100; line-height:1.2; color:#000000; font-size:.9rem;}
#onthewaybox::after { content:""; display:block; clear:both;}

#featurebox { margin-right:10px; width:calc(42% - 297px);}
#featurebox > div { margin:auto; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content;}
#featurebox > div img { width:100%; height:auto;}
#featurebox > div > div { text-align:center;}
#featurebox a h5 { font-weight:100; line-height:1.2; color:#000000; font-size:.9rem;}
#featurebox::after { content:""; display:block; clear:both;}

.maincontainer .secbox.chinacars {
  width:287px;
  margin-left:10px;
  padding:0;
}
.maincontainer .secbox.chinacars img {
  width:100%;
  height:auto;
  vertical-align:middle;
}

.articlebox { display:flex;}
.articlebox .youtube-articles { width:50%;}
.articlebox .youtube-articles h2::before { content:""; display:inline-block; background:url(../png/acj-icon01.png) no-repeat 0px -1787px; background-size:100%; height:20px; width:32px; }
.articlebox .youtube-articles div.flexbox div{ text-align:center; width:calc(100% / 3); padding:0 6px;}
.articlebox .youtube-articles img { object-fit:cover; width:150px; height:84px;}
.articlebox p{ margin-top:7px; font-size:.9rem; line-height:1.2; margin-bottom:0;}
.articlebox .article-more { text-align:right; margin:10px 0 0 auto;}
.articlebox .notification-articles { width:calc(50% - 10px); margin-left:10px;}
.articlebox .notification-articles .flexbox div { width:50%; padding:0 1rem; text-align:center;}
.articlebox .notification-articles .flexbox div img { width:100%; height:auto; max-width:300px;}

.articlebox .securitynotice-articles { width:50%;}
.articlebox .howtobuy-articles { width:calc(50% - 10px); margin-left:10px;}
.articlebox .securitynotice-articles img, .articlebox .howtobuy-articles img { width:80px; height:auto;}
.articlebox .securitynotice-articles .flexbox div, .articlebox .howtobuy-articles .flexbox div {
  width:calc(100% - 90px);
  margin-left:10px;
}
.articlebox .securitynotice-articles h5, .articlebox .howtobuy-articles h5 {line-height:1.2;}

@media screen and (min-width:1290px) and (max-width:1445px) {
  #stock_container_n > div[class$="_n"]:nth-of-type(12) { display:none;}
}
@media screen and (max-width:1326px) {
  #stock_container_n > div[class$="_n"]:nth-of-type(11), #stock_container_n > div[class$="_n"]:nth-of-type(12) { display:none;}
}



#stock_container_n > div[class$="_n"] {
  text-align:center;
  width:109px;
  margin-left:10px;
  float:left;
  color:#000000;
  font-size:11px;
  line-height:15px;
  font-weight:700;
  padding-bottom:5px;
}

#stock_container_n img {
  width:100%;
  height:auto;
  margin-bottom:6px;
  box-sizing:border-box;
}

#stock_container_n img[src*="nophoto"] {
  border:1px solid #cccccc;
}

#stock_container_n div[class$="_n"] a:hover {
  text-decoration:none;
  opacity:.6;
}

#stock_container_n .stock_seemore {
  text-align:right;
  font-size:.95rem;
  clear:both;
}

#stock_container_n .stock_seemore::after {
  content:"";
  display:block;
  clear:both;
}

#stock_container_n .stock_seemore a {
  display: inline-block;
  padding: 3px 22px 4px;
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 #fff;
  background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #FFC107),to(#FF9800));
  background: -o-linear-gradient(top,#FFC107 0,#FF9800 100%);
  background: linear-gradient(to bottom,#FFC107 0,#FF9800 100%);
  border: 1px solid #da8201;
}

#stock_container_n .stock_seemore a:hover { text-decoration:underline;}
.pd1_n {
  color: #FFFFFF;
  background-color: rgba(255,0,0,0.8);
  font-size: 12px;
  font-weight: bold;
  width: 100px;
  font-style: italic;
  display: block;
  margin:3px auto;
}

#vgroup > div:nth-of-type(1), #vgroup > div:nth-of-type(2) { width:calc(50% - 5px); margin-top:0 !important;}
#vgroup > div:nth-of-type(2) { margin-left:10px;}
#vgroup > div:nth-of-type(3) { width:100%;}

#vgroup h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #212529;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-indent: 4px;
  font-style:italic;
}
#vgroup h3::after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  width: 100%;
  height: 1px;
  background: #9e9e9e;
  display: inline-block;
  margin-left: 13px;
}

#vgroup ul { display:flex; flex-flow:row wrap;}
#vgroup ul li { margin-bottom:.5rem; width:calc((100% - 21px) / 4);}
#vgroup ul li:nth-of-type(4n+1), #vgroup ul li:nth-of-type(4n+2), #vgroup ul li:nth-of-type(4n+3) { margin-right:7px;}
#vgroup ul li a {
  border: 1px solid #b1b1b1;
  background: -moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
  background: -ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
  background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
  background-color: #ffffff;
  display: block;
  -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
  -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
  box-shadow: inset 1px 1px 0px 0px #ffffff;
  padding:.5rem 1rem;
  width:100%;
  font-size:.85rem;
  line-height:1.6;
  text-align:center;
}

#vgroup ul li a:hover { border:1px solid #111; transition:.3s;}

#vgroup ul li a i {
  display:block;
  width:60px;
  height:26px;
  margin:auto;
}

.icon_toyota {
  background: url(../png/acj-icon01.png) no-repeat 0 0px;
  background-size:cover;
}

.icon_nissan {
  background: url(../png/acj-icon01.png) no-repeat 0 -47px;
  background-size:cover;
}

.icon_honda {
  background: url(../png/acj-icon01.png) no-repeat 0 -177px;
  background-size:cover;
}

.icon_mazda {
  background: url(../png/acj-icon01.png) no-repeat 0 -86px;
  background-size:cover;
}

.icon_subaru {
  background: url(../png/acj-icon01.png) no-repeat 0 -260px;
  background-size:cover;
}

.icon_mitsubishi {
  background: url(../png/acj-icon01.png) no-repeat 0 -132px;
  background-size:cover;
}

.icon_suzuki {
  background: url(../png/acj-icon01.png) no-repeat 0 -217px;
  background-size:cover;
}

.icon_daihatsu {
  background: url(../png/acj-icon01.png) no-repeat 0 -345px;
  background-size:cover;
}

.icon_isuzu {
  background: url(../png/acj-icon01.png) no-repeat 0 -300px;
  background-size:cover;
}

.icon_mercedes {
  background: url(../png/acj-icon01.png) no-repeat 0 -436px;
  background-size:cover;
}

.icon_bmw {
  background: url(../png/acj-icon01.png) no-repeat 0 -522px;
  background-size:cover;
}

.icon_volkswagen {
  background: url(../png/acj-icon01.png) no-repeat 0 -478px;
  background-size:cover;
}

.icon_audi {
  background: url(../png/acj-icon01.png) no-repeat 0 -565px;
  background-size:cover;
}

.icon_other {
  background: url(../png/acj-icon01.png) no-repeat 0 -863px;
  background-size:cover;
}

.icon_sedan {
  background: url(../png/acj-icon01.png) no-repeat 0 -903px;
  background-size:cover;
}

.icon_hatchback {
  background: url(../png/acj-icon01.png) no-repeat 0 -977px;
  background-size:cover;
}

.icon_suv {
  background: url(../png/acj-icon01.png) no-repeat 0 -1015px;
  background-size:cover;
}

.icon_wagon {
  background: url(../png/acj-icon01.png) no-repeat 0 -1053px;
  background-size:cover;
}

.icon_van {
  background: url(../png/acj-icon01.png) no-repeat 0 -1091px;
  background-size:cover;
}

.icon_truck {
  background: url(../png/acj-icon01.png) no-repeat 0 -1169px;
  background-size:cover;
}

.icon_hybrid {
  background: url(../png/acj-icon01.png) no-repeat 0 -1245px;
  background-size:cover;
}

.icon_micro {
  background: url(../png/acj-icon01.png) no-repeat 0 -941px;
  background-size:cover;
}

.icon_minibus {
  background: url(../png/acj-icon01.png) no-repeat 0 -1131px;
  background-size:cover;
}

.icon_price {
  background: url(../png/acj-icon01.png) no-repeat 0 -1289px;
  background-size:cover;
}

#newsupdates { width:calc(100% - 210px); margin-right:10px;}

#newsupdates .newslist {
  height:225px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left:15px;
}

#newsupdates .newslist li {
  line-height:1.7rem;
  font-size:.95rem;
  width:49%;
  border-bottom:1px dashed #ccc;
}

#newsupdates .newslist li a:hover { text-decoration:underline;}

#newsupdates .newslist li span {
  margin-right:7px;
}

#newsupdates .readmore {
  font-size: 0.95rem;
  margin-right: 30px;
  float: right;
  display: inline;
}

#bestsellers .slider.bs-slider { padding-bottom:30px;
  overflow: hidden;
  width: calc(100vw - 17px);
  max-width: 1440px;
  min-width: 1240px;
}

#bestsellers .disbox {
  width:100%;
}

#bestsellers .disbox h3 {
  text-align:center;
  font-size:30px;
  padding:0 0 20px;
  color:#000;
}

#bestsellers .cardbox {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width:100%;
}

#bestsellers .cardbox .card {
  flex:0 1 230px;
  border:1px solid #ccc;
  background:#fffbed;
  padding:5px 0;
}

#bestsellers .cardbox .card i {
  background: url(../png/acj-icon01.png) no-repeat 0px -1517px;
  background-size:100%;
  padding:11px 3px 0 0;
}

#bestsellers .cardbox .card .card-body {
  text-align:center;
}

#bestsellers .cardbox .card .yotpo.bottomLine {
  transform:scale(.9);
  display:inline-block;
}

#bestsellers .cardbox .card img {
  width:160px;
  height:80px;
  margin:10px auto;
  display:block;
  border:1px solid #ccc;
}

.card-title {
  font-weight: 700;
  font-style: italic;
  font-size: 15px;
  line-height:21px;
  text-align:center;
  margin-bottom:5px;
}

.btn_sn {
  margin:auto;
  text-align:center;
  padding:5px;
  box-sizing:border-box;
  background:#003e5f;
  color:#fff;
  font-weight:700;
  font-size:13px;
  display:block;
  width:80%;
}

.btn_sn:hover {
  color:#fff;
  text-decoration:none;
}

.adss .adrow {
  width:50%;
  padding:50px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

.adss .adrow h3 {
  font-size:3rem;
  font-weight:700;
  font-family:futura;
  margin-bottom:.75rem;
  line-height:1.2;
  word-break:break-all;
}

.adss .adrow p {
  font-size:.95rem;
  line-height:1.4;
  margin-bottom:.5rem;
}

.adss-btn {
  background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #FFC107),to(#FF9800));
  background: -o-linear-gradient(top,#FFC107 0,#FF9800 100%);
  background: linear-gradient(to bottom,#FFC107 0,#FF9800 100%);
  -webkit-box-shadow: inset 0 1px 0 #fff;
          box-shadow: inset 0 1px 0 #fff;
  color: #000;
  border: 1px solid #da8201;
  border-radius: 5px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  line-height: 22px;
  padding: .5em 1em .5em;
  display:inline-block;
  font-weight:700;
}

.adss .adrow:nth-of-type(2n) { color:#fff;}

.adss-btn:hover { text-decoration:none; background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #ffdb70),to(#FFC107)); background: -o-linear-gradient(top,#ffdb70 0,#FFC107 100%); background: linear-gradient(to bottom,#ffdb70 0,#FFC107 100%);}

.adss .adb-img { width: 50%; height:340px;}

#adb1 .adb-img {
  background: url(../jpg/register.jpg) no-repeat;
  background-position:center center;
  background-size:cover;
}

#adb2 .adb-img {
  background: url(../jpg/review1.jpg) no-repeat;
  background-position:center center;
  background-size:cover;
}

#adb3 .adb-img {
  background: url(../jpg/paypal1.jpg) no-repeat;
  background-position:center center;
  background-size:cover;
}

#adb4 .adb-img {
  background: url(../png/facebook_b.png) no-repeat;
  background-position:bottom -120px center;
  background-size:cover;
}

.in-msg a.details-link {
  font-size: 0.95rem;
  font-weight: 700;
  color: #000000;
  margin-bottom:0;
  line-height:1.2;
  padding:0 0.5rem;
  cursor:pointer;
}

.in-msg a.details-link::before {
  content: "!";
  margin-right:2px;
  font-weight:700;
  display:inline-block;
  width:20px;
  height:20px;
  border-radius:100%;
  background:#000000;
  color:#ffd370;
  text-align:center;
  line-height:20px;
}

.pr-stock {
  padding: .5rem 1rem;
  border:5px solid #FFC107;
  background-color: #FFEEE0;
  border-radius:10px;
}

.pr-stock #stock_container_n { display:flex;}
#latest_n.pr-stock .latests_n{
  flex: 0 1 160px;
  margin-left:17px;
}

#latest_n.pr-stock .latests_n:first-of-type {
  margin-left:0;
}
