#Specifications {
  max-width: 1336px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  padding: 32px 16px 40px;
  gap: 27px;
  box-sizing: border-box;
}
#Specifications .title {
  font-size: var(--font-l2);
  font-weight: 700;
  color: var(--global-azureblue);
}
#Specifications .block {
  background: var(--global-white);
  box-shadow: 0px 1.6px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
#Specifications .introduce {
  padding: 16px;
  display: flex;
  gap: 17px;
}
#Specifications .introduce .images .images-focus {
  width: 663px;
  height: 374px;
  overflow: hidden;
  border: 1px solid var(--global-lightgray);
  border-radius: 8px;
  margin-bottom: 8px;
  position: relative;
}
#Specifications .introduce .images .images-focus img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
#Specifications .introduce .images .images-list {
  display: flex;
  gap: 8px;
}
#Specifications .introduce .images .images-list > div {
  width: 20%;
  height: 90px;
  border-radius: 8px;
  border: 1px solid var(--global-lightgray);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
#Specifications .introduce .images .images-list > div img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#Specifications .introduce .information {
  width: calc(100% - 663px);
  display: flex;
  flex-direction: column;
}
#Specifications .introduce .information .title {
  font-size: var(--font-l2);
  color: var(--global-black);
  margin-bottom: 24px;
}
#Specifications .introduce .information .text {
  color: var(--global-darkgray);
  margin-bottom: auto;
}
#Specifications .introduce .information .information-options {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
#Specifications .introduce .information .information-options .option {
  display: flex;
  align-items: center;
}
#Specifications .introduce .information .information-options .option span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--global-black);
  font-weight: 700;
  width: 26px;
  height: 26px;
  background-color: var(--global-background);
}
#Specifications .introduce .information .information-options .option span:nth-child(2) {
  margin: 0px 5px;
  padding: 5px 5px;
}
#Specifications .introduce .information .information-options .option span:nth-child(2n+1) {
  cursor: pointer;
}
#Specifications .introduce .information .information-options .share {
  display: flex;
  gap: 16px;
}
#Specifications .introduce .information .information-options .share .fb,
#Specifications .introduce .information .information-options .share .line {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 50px;
}
#Specifications .introduce .information .information-options .share .fb img,
#Specifications .introduce .information .information-options .share .line img {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
#Specifications .introduce .information .information-options .share .fb span,
#Specifications .introduce .information .information-options .share .line span {
  font-size: var(--font-l5);
}
#Specifications .introduce .information .information-options .share .fb {
  border: 1px solid #1877F2;
}
#Specifications .introduce .information .information-options .share .fb span {
  color: #1877F2;
}
#Specifications .introduce .information .information-options .share .line {
  border: 1px solid #00B900;
}
#Specifications .introduce .information .information-options .share .line span {
  color: #00B900;
}
#Specifications .introduce .information .information-btn {
  cursor: pointer;
  background-color: var(--global-azureblue);
  border-radius: 8px;
  padding: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#Specifications .introduce .information .information-btn img {
  width: 33px;
  height: 33px;
  margin-right: 9px;
}
#Specifications .introduce .information .information-btn span {
  font-weight: 700;
  font-size: var(--font-l3);
  color: var(--global-white);
}
@media (max-width: 1200px) {
  #Specifications .introduce {
    flex-wrap: wrap;
    gap: 24px;
  }
  #Specifications .introduce .images {
    width: 100%;
  }
  #Specifications .introduce .images .images-focus {
    width: 100%;
  }
  #Specifications .introduce .information {
    width: 100%;
  }
  #Specifications .introduce .information .information-options {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  #Specifications .introduce .images .images-focus {
    height: 175px;
  }
  #Specifications .introduce .images .images-list > div {
    height: 47px;
  }
}
#Specifications .helplinks {
  padding: 8px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#Specifications .helplinks span {
  color: var(--global-azureblue);
  font-weight: 700;
}
#Specifications .helplinks .link {
  color: var(--global-azureblue);
  font-weight: 700;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid var(--global-azureblue);
}
#Specifications .details {
  padding: 16px;
  position: relative;
  border-radius: 8px;
  background-color: var(--global-white);
}
#Specifications .details .btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px;
  margin-bottom: 10px;
}
#Specifications .details .btns li {
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: var(--global-blackblue);
}
#Specifications .details .btns li.active {
  background-color: var(--global-azureblue);
}
#Specifications .details .detail {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#Specifications .details .detail li {
  display: flex;
  background-color: #EAEAEA;
}
#Specifications .details .detail li:nth-child(2n) {
  background-color: var(--global-background);
}
#Specifications .details .detail li .name {
  width: 100%;
  max-width: 237px;
  padding: 24px;
  font-size: var(--font-l4);
  font-weight: 700;
  text-align: center;
  color: var(--global-black);
}
#Specifications .details .detail li .illustrate {
  width: 100%;
  padding: 24px;
  font-size: var(--font-l4);
  font-weight: 700;
  text-align: left;
  color: var(--global-black);
}
#Specifications .details .more {
  cursor: pointer;
  width: 100%;
  padding: 26px;
  display: flex;
  justify-content: center;
  gap: 16px;
  box-sizing: border-box;
  background: linear-gradient(360deg, #6C6C6C 0%, rgba(108, 108, 108, 0) 100%);
}
#Specifications .details.detailsmax {
  height: 404px;
  overflow: hidden;
}
#Specifications .details.detailsmax .more {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(360deg, #6C6C6C 0%, rgba(108, 108, 108, 0) 100%);
}
#Specifications .videos {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 1303px;
}
#Specifications .videos .video {
  display: flex;
  flex-direction: column;
  width: 168px;
}
#Specifications .videos .video img {
  width: 168px;
  height: 95px;
  margin-bottom: 7.5px;
}
#Specifications .videos .video span {
  text-align: justify;
  color: var(--global-black);
}
#Specifications .images {
  display: flex;
  flex-direction: column;
}
#Specifications .images img {
  width: 100%;
  margin-bottom: 27px;
}
#Specifications .manuals {
  padding: 40px 80px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#Specifications .manuals .manual {
  display: flex;
}
#Specifications .manuals .manual a {
  display: flex;
  padding: 8px 16px;
  background-color: var(--global-background);
  border: 1px solid var(--global-azureblue);
  border-radius: 8px;
  color: var(--global-azureblue);
}
#Specifications .manuals #manuals-link {
  width: 1px;
  height: 184px;
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateY(-100%);
}
@media (max-width: 768px) {
  #Specifications .manuals {
    padding: 40px 16px;
  }
}
#Specifications .notices {
  padding: 40px 80px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#Specifications .notices .content {
  line-height: 32px;
  color: var(--global-warn);
}
@media (max-width: 768px) {
  #Specifications .notices {
    padding: 40px 16px;
  }
}