:root {
  --spacing: 0.52083333vw;
  --radius-md: calc(var(--spacing) * 1);
  --red: #e81d24;
  --blue: #0070b9;
  --blue-2: #f2f7fb;
  --grey: #808080;
  --grey-2: #aaa;
  --grey-3: #f5f5f5;
  --black-300: #3a3a3a;
  --green: #00a766;
  --font: 'DB Heavent';
  --font-li: 'DB Heavent Li';
  --font-md: 'DB Heavent Md';
  --font-bd: 'DB Heavent Bd';
  --text-xs: calc(var(--spacing)*1.8);
  --text-sm: calc(var(--spacing)*2.2);
  --text-base: calc(var(--spacing)*2.4);
  --text-lg: calc(var(--spacing)*2.8);
  --text-xl: calc(var(--spacing)*3);
  --text-2xl: calc(var(--spacing)*3.2);
  --text-3xl: calc(var(--spacing)*3.6);
  --text-4xl: calc(var(--spacing)*4);
  --text-5xl: calc(var(--spacing)*4.4);
  --text-6xl: calc(var(--spacing)*4.8);
  --text-7xl: calc(var(--spacing)*5.2);
  --text-8xl: calc(var(--spacing)*5.6);
  --text-9xl: calc(var(--spacing)*6);
  --text-10xl: calc(var(--spacing)*6.4);
  --text-11xl: calc(var(--spacing)*6.8);
  --text-12xl: calc(var(--spacing)*7.2);
  --text-13xl: calc(var(--spacing)*7.6);
  --text-14xl: calc(var(--spacing)*8);
  --text-15xl: calc(var(--spacing)*9);
}

@media (min-width: 1920.1px) {
  :root {
    --spacing: 10px;
  }
}
@media (max-width: 991px) {
  :root {
    --spacing: 1.30283333vw;
    --text-xs: calc(var(--spacing)*3.2);
    --text-sm: calc(var(--spacing)*3.6);
    --text-base: calc(var(--spacing)*4);
    --text-lg: calc(var(--spacing)*4.4);
    --text-xl: calc(var(--spacing)*4.8);
    --text-2xl: calc(var(--spacing)*5.2);
    --text-3xl: calc(var(--spacing)*5.6);
    --text-4xl: calc(var(--spacing)*6);
    --text-5xl: calc(var(--spacing)*6.4);
    --text-6xl: calc(var(--spacing)*6.8);
    --text-7xl: calc(var(--spacing)*7.2);
    --text-8xl: calc(var(--spacing)*7.6);
    --text-9xl: calc(var(--spacing)*8);
    --text-10xl: calc(var(--spacing)*8.4);
    --text-11xl: calc(var(--spacing)*8.8);
    --text-12xl: calc(var(--spacing)*9.2);
    --text-13xl: calc(var(--spacing)*9.6);
    --text-14xl: calc(var(--spacing)*10);
    --text-15xl: calc(var(--spacing)*10.4);
  }
}
.box__all-duration .detail {
  padding: calc(var(--spacing) * 16) calc(var(--spacing) * 3) calc(var(--spacing) * 3);
  text-align: left;
}
@media (max-width: 991px) {
  .box__all-duration .detail {
    padding: 16.9270833333vw 3.90625vw 3.90625vw;
  }
}
.box__all-duration .head__info {
  font-size: calc(var(--spacing) * 3.6);
}
@media (max-width: 991px) {
  .box__all-duration .head__info {
    font-size: 6.5104166667vw;
  }
}
.box__all-duration .box__detail .pic {
  margin: 0 calc(var(--spacing) * 3) calc(var(--spacing) * 3) 0;
  width: calc(var(--spacing) * 44);
}
@media (max-width: 991px) {
  .box__all-duration .box__detail .pic {
    margin: 0 1.953125vw 3.90625vw 0;
    width: 37.7604166667vw;
  }
}
.box__all-duration .box__detail .list__info {
  padding: calc(var(--spacing) * 3) 0 0;
}
@media (max-width: 991px) {
  .box__all-duration .box__detail .list__info {
    padding: 1.953125vw 0 0;
  }
}
.box__all-duration .box__detail .list__info li {
  border-bottom: #9d9d9d 1px solid;
  padding: calc(var(--spacing) * 1) 0 calc(var(--spacing) * 0.5);
}
@media (max-width: 991px) {
  .box__all-duration .box__detail .list__info li {
    font-size: 4.4270833333vw;
    padding: 1.3020833333vw 0 0.6510416667vw;
  }
}
@media (max-width: 991px) {
  .box__all-duration .box__table {
    width: 92.1875vw;
  }
}
@media (max-width: 991px) {
  .box__all-duration .box__table-all {
    overflow-x: auto;
  }
  .box__all-duration .box__table-all .box__overflow {
    width: 364.5833333333vw;
  }
}
.box__all-duration .table__info {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0;
  background-size: 1px 100%, 100% 1px, 1px 100%;
}
.box__all-duration .table__info table col {
  width: 4%;
}
.box__all-duration .table__info table col:nth-of-type(1) {
  width: 46%;
}
.box__all-duration .table__info table col:nth-of-type(2), .box__all-duration .table__info table col:nth-of-type(5) {
  width: 14%;
}
.box__all-duration .table__info table col:nth-of-type(3) {
  width: 10%;
}
.box__all-duration .table__info table col:nth-of-type(4) {
  width: 16%;
}
@media (max-width: 991px) {
  .box__all-duration .table__info table col:nth-of-type(1) {
    width: 38%;
  }
  .box__all-duration .table__info table col:nth-of-type(2), .box__all-duration .table__info table col:nth-of-type(3), .box__all-duration .table__info table col:nth-of-type(4), .box__all-duration .table__info table col:nth-of-type(5) {
    width: 17%;
  }
  .box__all-duration .table__info table col:nth-of-type(3) {
    width: 11%;
  }
}
.box__all-duration .table__info table th {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat, url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #fff;
  background-size: 1px 100%, 100% 1px;
  font-family: var(--font);
  font-size: calc(var(--spacing) * 2.2);
  font-weight: 400;
  padding: 54px 0 7px;
  vertical-align: top;
  text-align: center;
  height: auto;
}
@media (max-width: 991px) {
  .box__all-duration .table__info table th {
    font-size: 3.6458333333vw;
    padding-left: 5px;
    padding-right: 5px;
    height: auto;
  }
}
.box__all-duration .table__info table th:first-child {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #fff;
  background-size: 100% 1px;
  font-family: var(--font-bd);
  font-size: calc(var(--spacing) * 3);
  text-align: left;
}
@media (max-width: 991px) {
  .box__all-duration .table__info table th:first-child {
    font-size: 4.4270833333vw;
  }
}
.box__all-duration .table__info table th:last-child {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0, url(../img/bg/color__grey-9d9d9d.png) no-repeat, url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #fff;
  background-size: 1px 100%, 1px 100%, 100% 1px;
}
.box__all-duration .table__info table td {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat;
  background-size: 1px 100%;
  border: 0;
  font-size: var(--text-sm);
  line-height: 1.1;
  padding: 10px 10px 7px 0;
  text-align: right;
  vertical-align: top;
}
@media (max-width: 991px) {
  .box__all-duration .table__info table td {
    font-size: 4.4270833333vw;
    font-size: 3.6458333333vw;
    padding-right: 5px;
  }
  .box__all-duration .table__info table td strong {
    font-size: 5.46875vw;
    font-size: 3.6458333333vw;
  }
}
.box__all-duration .table__info table td:first-child {
  border: 0;
  padding: 0.5208333333vw 0.78125vw 0.3645833333vw;
  padding: 10px 10px 7px;
  text-align: left;
}
@media (max-width: 991px) {
  .box__all-duration .table__info table td:first-child {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.box__all-duration .table__info table td:nth-of-type(2), .box__all-duration .table__info table td:nth-of-type(3) {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.box__all-duration .table__info table td:last-child {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0, url(../img/bg/color__grey-9d9d9d.png) no-repeat;
  background-size: 1px 100%, 1px 100%, 100% 1px;
}
.box__all-duration .table__info table tr {
  background: #fff;
}
.box__all-duration .table__info table tr:nth-of-type(even) {
  background-color: #f2f2f2;
}
.box__all-duration .table__info table tr.head {
  background: none;
}
.box__all-duration .table__info table tfoot td {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat, url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ccc;
  background-size: 1px 100%, 100% 1px;
  border: 0;
}
.box__all-duration .table__info table tfoot td:nth-of-type(2), .box__all-duration .table__info table tfoot td:nth-of-type(3) {
  text-align: right;
}
.box__all-duration .table__info table tfoot td:last-child {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0, url(../img/bg/color__grey-9d9d9d.png) no-repeat #eee;
  background-size: 1px 100%, 1px 100%;
  border-top: 1px solid #000;
}
@media (max-width: 991px) {
  .box__all-duration .table__info table tfoot td {
    font-size: 3.6458333333vw;
  }
}
.box__all-duration .table__total table col {
  width: 5.4%;
}
.box__all-duration .table__total table col:nth-of-type(1) {
  width: 44%;
}
.box__all-duration .table__total table col:nth-of-type(2), .box__all-duration .table__total table col:nth-of-type(3), .box__all-duration .table__total table col:nth-of-type(4), .box__all-duration .table__total table col:nth-of-type(5) {
  width: 5.4%;
}
.box__all-duration .table__total table col:nth-of-type(3) {
  width: 5.4%;
}
.box__all-duration .table__total table th {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat, url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ccc !important;
  background-size: 1px 100%, 100% 1px !important;
  text-align: center;
}
.box__all-duration .table__total table th:first-child {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ccc !important;
  background-size: 100% 1px !important;
  padding-left: calc(var(--spacing) * 1.5);
  text-align: left;
}
@media (max-width: 991px) {
  .box__all-duration .table__total table th:first-child {
    padding-left: 5px;
  }
}
.box__all-duration .box__note {
  margin: 0 0 calc(var(--spacing) * 3);
}
@media (max-width: 991px) {
  .box__all-duration .box__note {
    margin: 0 0 3.90625vw;
  }
}
.box__all-duration .box__note p, .box__all-duration .box__note li {
  font-size: calc(var(--spacing) * 2.2);
}
@media (max-width: 991px) {
  .box__all-duration .box__note p, .box__all-duration .box__note li {
    font-size: 3.3854166667vw;
  }
}
.box__all-duration .box__note p {
  margin: 0;
}
.box__all-duration .box__duration {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat, url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0;
  background-size: 100% 1px, 1px 100%;
  width: calc(var(--spacing) * 73);
}
@media (max-width: 991px) {
  .box__all-duration .box__duration {
    width: 272.3958333333vw;
  }
}
.box__all-duration .box__duration .head {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ddd;
  background-size: 100% 1px;
  padding: 10px 10px 7px;
}
@media (max-width: 991px) {
  .box__all-duration .box__duration .head {
    font-size: 3.6458333333vw !important;
  }
}
.box__all-duration .box__duration .clone-table {
  font-size: var(--text-sm);
  line-height: 1.1;
  padding: 0.5208333333vw 0.78125vw 0.3645833333vw;
  padding: 10px 10px 7px;
  width: calc(var(--spacing) * 35);
  position: absolute;
  top: 0;
  left: -9998px;
}
@media (max-width: 991px) {
  .box__all-duration .box__duration .clone-table {
    font-size: 3.6458333333vw;
    padding-left: 5px;
    padding-right: 5px;
    width: 35.15625vw;
  }
}
.box__all-duration .box__duration .slider {
  border-right: #9d9d9d 1px solid;
}
@media (max-width: 991px) {
  .box__all-duration .box__duration .slider {
    display: flex;
    flex-flow: row wrap;
  }
}
.box__all-duration .box__duration .slider .item {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0;
  background-size: 1px 100%;
}
.box__all-duration .box__duration .slider .item:last-child {
  background: none;
}
.box__all-duration .box__duration .slider .item:last-child .box {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #fff;
  background-size: 100% 1px;
}
.box__all-duration .box__duration .slider .item:last-child .box:nth-of-type(odd) {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #f2f2f2;
  background-size: 100% 1px;
}
.box__all-duration .box__duration .slider .item:last-child .box.total {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ccc;
  background-size: 100% 1px;
}
@media (max-width: 991px) {
  .box__all-duration .box__duration .slider .item {
    width: 5%;
  }
}
.box__all-duration .box__duration .slider .text {
  font-family: var(--font);
  font-size: var(--text-sm);
  line-height: 1.1;
  margin: 0;
  overflow: hidden;
  padding: 0.5208333333vw 0.2604166667vw 0.3645833333vw;
  padding: 10px 10px 7px 0;
  text-align: right;
}
.box__all-duration .box__duration .slider .text i {
  font-style: normal;
}
@media (max-width: 991px) {
  .box__all-duration .box__duration .slider .text i {
    display: block;
  }
}
@media (max-width: 991px) {
  .box__all-duration .box__duration .slider .text {
    font-size: 3.6458333333vw;
    padding-right: 5px;
  }
}
.box__all-duration .box__duration .slider .box {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0 #fff;
  background-size: 1px 100%;
}
.box__all-duration .box__duration .slider .box:nth-of-type(odd) {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0 #f2f2f2;
  background-size: 1px 100%;
}
.box__all-duration .box__duration .slider .box.total {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0 #eee;
  background-size: 1px 100%;
  background-color: #eee !important;
  border-top: 1px solid #000;
}
.box__all-duration .box__duration .slider .slick-prev,
.box__all-duration .box__duration .slider .slick-next {
  cursor: pointer;
  display: none !important;
  text-indent: -9998vw;
  z-index: 10;
  width: calc(var(--spacing) * 3.3);
  height: calc(var(--spacing) * 3.3);
  position: absolute;
  top: calc(var(--spacing) * -3.8);
  border-radius: calc(var(--spacing) * 0.5);
}
.box__all-duration .box__duration .slider .slick-prev,
.box__all-duration .box__duration .slider .slick-prev:hover {
  background: url(../img/icon/arrow-left__blue.svg) no-repeat center center #fff;
  background-size: calc(var(--spacing) * 1) auto;
  left: calc(var(--spacing) * 0.4);
}
.box__all-duration .box__duration .slider .slick-next,
.box__all-duration .box__duration .slider .slick-next:hover {
  background: url(../img/icon/arrow-right__blue.svg) no-repeat center center #fff;
  background-size: calc(var(--spacing) * 1) auto;
  right: calc(var(--spacing) * 0.4);
}
.box__all-duration .box__main {
  z-index: 50;
  position: sticky;
  top: 0;
  left: 0;
}
.box__all-duration .box__main .box__duration .head {
  background-color: var(--blue);
}
.box__all-duration .box__main .box__duration .text {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.box__all-duration .box__main .box__duration .slider .box:first-of-type {
  background-color: #101010 !important;
}
.box__all-duration .box__main .box__duration .slider .box:first-of-type .text {
  color: #fff;
}
.box__all-duration .box__main .box__duration .slider .box:nth-of-type(2) {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom, url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0 #fff;
  background-size: 100% 1px, 1px 100%;
}
.box__all-duration .box__main .box__duration .slider .slick-prev,
.box__all-duration .box__main .box__duration .slider .slick-next {
  display: block !important;
}
.box__all-duration .box__main .box__duration .slider .slick-prev.slick-disabled,
.box__all-duration .box__main .box__duration .slider .slick-next.slick-disabled {
  cursor: default !important;
  opacity: 0.25;
}
.box__all-duration .box__sub .table__info table tr.head {
  background: none;
  overflow: hidden;
}
.box__all-duration .box__sub .table__info table tr.head td {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ddd;
  background-size: 100% 1px;
  transform: translateX(0);
}
.box__all-duration .box__sub .box__duration .slider .item:last-child .box {
  background: #fff;
}
.box__all-duration .box__sub .box__duration .slider .item:last-child .box:nth-of-type(odd) {
  background: #f2f2f2;
}
.box__all-duration .box__sub.box__total {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat;
  background-size: calc(var(--spacing) * 183.3) 1px;
  padding: 1px 0 0;
}
@media (max-width: 991px) {
  .box__all-duration .box__sub.box__total {
    background: url(../img/bg/color__grey-9d9d9d.png) no-repeat;
    background-size: 100% 1px;
  }
}
.box__all-duration .box__sub.box__total .table__info table tr td {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0, url(../img/bg/color__grey-9d9d9d.png) no-repeat, url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ddd;
  background-size: 1px 100%, 1px 100%, 100% 1px;
}
.box__all-duration .box__sub.box__total .table__info table tr.head {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat #ccc;
  background-size: 1px 100%;
}
.box__all-duration .box__sub.box__total .table__info table tr.head td {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat, url(../img/bg/color__grey-cccccc.png) no-repeat right 0, url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom;
  background-size: 100% 1px, 1px 100%, 100% 1px;
}
.box__all-duration .box__sub.box__total .table__info.table__total table tr:nth-of-type(2) td {
  background-color: #181818;
  color: #fff;
}
.box__all-duration .box__sub.box__total .box__duration .head {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0, url(../img/bg/color__grey-9d9d9d.png) no-repeat, url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ccc;
  background-size: 1px 100%, 100% 1px, 100% 1px;
  color: #ccc;
}
@media (max-width: 991px) {
  .box__all-duration .box__sub.box__total .box__duration .clone-table {
    width: 92.1875vw;
  }
}
.box__all-duration .box__sub.box__total .box__duration .slider .box {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0, url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ccc;
  background-size: 1px 100%, 100% 1px;
}
.box__all-duration .box__sub.box__total .box__duration .slider .box:nth-of-type(odd) {
  background: url(../img/bg/color__grey-9d9d9d.png) no-repeat right 0, url(../img/bg/color__grey-9d9d9d.png) no-repeat 0 bottom #ddd;
  background-size: 1px 100%, 100% 1px;
  background-color: #ddd !important;
}
.box__all-duration .box__sub.box__total .box__duration .slider .box:last-child {
  background-color: #000;
  color: #fff;
}