.menu .logo img {
  max-height: 30px;
}

.menu .menuMask .items {
  flex: 0 0 14%;
}
@media (max-width: 1000px) {
  .menu .menuMask .items {
    flex: 0 0 13%;
  }
}

#s1.dark {
  background-color: #000;
}

.menu .menuMask .items.active, .menu .menuMask .items:not(.logo):hover {
  color: #0f6564;
  opacity: 1;
}

.menu .menuMask .items:after {
  background: #0f6564;
}

@media (max-width: 640px) {
  .specificationBox .leftSlide {
    background: #0f6564;
  }
}

.specificationBox .leftSlide > * {
  background: #0f6564;
}

.specificationBox .rightSlide {
  border: solid 17px #0f6564;
  border-left: none;
}

.specificationBox .rightSlide:after {
  background: #0f6564;
}

.specificationBox .rightSlide .mask {
  background: #0f6564;
}

.textBox .boxTitle .decoration {
  background: #0f6564;
}

.stopIframe, .adList, .textBox, .videoBox {
  width: 100%;
  max-width: 100%;
  margin: auto;
}

.adList.grid {
  width: 1080px;
  max-width: 90%;
}

.focusColorContainer .motoList .rightSlide .slick-slider .items {
  flex: 1 0 33%;
}

#kvBg {
  z-index: 0;
  opacity: 1;
  top: 0;
  width: 100%;
  height: 100%;
}
#kvBg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#kvBg video.tallSize {
  display: none;
}
@media (max-aspect-ratio: 640/1024) {
  #kvBg video.tallSize {
    display: block;
  }
}
#kvBg video.wideSize {
  display: block;
}
@media (max-aspect-ratio: 640/1024) {
  #kvBg video.wideSize {
    display: none;
  }
}

.video01-cover {
  position: absolute;
  top: 22%;
  left: 22%;
  width: 27%;
}
@media (max-width: 640px) {
  .video01-cover {
    top: 15%;
    left: 8%;
    width: 84%;
  }
}

.box-cover {
  position: absolute;
  top: 15%;
  left: 12%;
  width: 74%;
}
@media (max-width: 640px) {
  .box-cover {
    top: 15%;
    left: 8%;
    width: 84%;
  }
}

.box-cover {
  position: absolute;
  top: 15%;
  left: 12%;
  width: 74%;
}
@media (max-width: 640px) {
  .box-cover {
    top: 42%;
    left: -7%;
    width: 100%;
  }
}

.power-cover {
  position: absolute;
  top: 6%;
  width: 55%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .power-cover {
    top: 7%;
    width: 93%;
  }
}

.LED-cover {
  position: absolute;
  top: 12%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .LED-cover {
    top: 15%;
    left: 50%;
    width: 100%;
  }
}

.LED-cover2 {
  position: absolute;
  top: 7%;
  left: 50%;
  width: 74%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .LED-cover2 {
    top: 15%;
    left: 50%;
    width: 84%;
  }
}

.LCD-cover {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 104%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .LCD-cover {
    top: 42%;
    left: 50%;
    width: 84%;
  }
}

.USB-cover {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .USB-cover {
    top: 0%;
    left: 50%;
    width: 100%;
  }
}

.taillight-cover {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .taillight-cover {
    top: 0%;
    left: 50%;
    width: 100%;
  }
}

.adList {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-gap: 15px;
  color: white;
  line-height: 1.5;
}

.adList.adList_gap0 {
  max-width: 100%;
}

.adList .video {
  width: 100%;
  display: block;
}

.adList .items {
  position: relative;
  grid-column-start: span 12;
}

.adList .items .photo,
.adList .items .photo img {
  display: block;
}

.adList .items .listTextBox .title,
.adList .items .listTextBox .detail {
  letter-spacing: 0;
}

@media (max-width: 640px) {
  #s1.dark .listTextBox, #s1.dark .title, #s1.dark .detail {
    color: #fff;
  }
}
.adList .items .listTextBox .title {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bolder;
}

.adList .items .listTextBox .decoration {
  width: 20px;
  height: 5px;
  margin-top: 20px;
  background: white;
}

@media (min-width: 641px) {
  .adList.grid .items:nth-child(1), .adList.grid .items:nth-child(2), .adList.grid .items:nth-child(3), .adList.grid .items:nth-child(4), .adList.grid .items:nth-child(5), .adList.grid .items:nth-child(6), .adList.grid .items:nth-child(7), .adList.grid .items:nth-child(8), .adList.grid .items:nth-child(9), .adList.grid .items:nth-child(10), .adList.grid .items:nth-child(11), .adList.grid .items:nth-child(12), .adList.grid .items:nth-child(13), .adList.grid .items:nth-child(14), .adList.grid .items:nth-child(15), .adList.grid .items:nth-child(16) {
    grid-column-start: span 6;
  }
  .adList.grid .items:nth-child(0) {
    height: 57.5%;
  }
  .adList.grid .items:nth-child(0) {
    margin-top: -36.4%;
  }
  .adList.grid .items:nth-child(5) {
    margin-top: 0%;
  }
  .adList.grid .items .listTextBox {
    position: absolute;
    padding: 20px 20px;
  }
  .adList.grid .items .listTextBox.leftTop {
    left: 0;
    top: 0;
  }
  .adList.grid .items .listTextBox.leftBottom {
    left: 0;
    bottom: 0;
  }
  .adList.grid .items .listTextBox.rightTop {
    right: 0;
    top: 0;
  }
  .adList.grid .items .listTextBox.rightBottom {
    right: 0;
    bottom: 30px;
  }
  .adList.grid .items .listTextBox .title,
  .adList.grid .items .listTextBox .detail {
    color: white;
  }
  .adList.grid .items .listTextBox .decoration {
    background: white;
  }
}
@media (max-width: 640px) {
  .adList.grid .items .listTextBox {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .adList.grid .items .listTextBox .title,
  .adList.grid .items .listTextBox .detail {
    display: inline;
    vertical-align: top;
    letter-spacing: 0.05rem;
  }
  .adList.grid .items .listTextBox br {
    display: none;
  }
  .adList.grid .items .listTextBox .title {
    margin-bottom: 0;
    padding-right: 10px;
  }
  .adList.grid .items .listTextBox .decoration {
    margin-top: 10px;
  }
}
.adList_gap0 {
  grid-gap: 0px;
}

.video_radius {
  border-radius: 20px;
}

@media (max-width: 640px) {
  .video_radius {
    border-radius: 5px;
  }
}
.nav-link {
  position: absolute;
  top: 12%;
  left: 52%;
  width: 11%;
  height: 77%;
}
@media (max-width: 640px) {
  .nav-link {
    top: 37%;
    left: 17%;
    width: 31%;
    height: 53%;
  }
}
.nav-link.nav-link-right {
  left: 64%;
}
@media (max-width: 640px) {
  .nav-link.nav-link-right {
    left: 50%;
  }
}/*# sourceMappingURL=abs.css.map */