@import url("/assets/css/resolution.css");
select {
  background: url(/assets/img/ico/menu-down.svg) 96% 50% no-repeat;
  background-size: 18px;
}
.bg-gray {
  background: #585858;
  width: 100%;
}
.sort-option {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.all-flex, .msg-form h5, .assembly-table .border-table h2, .sort-option ul, .cable-assembly-length h3, .popup-btn dl, .popup-btn p {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.sort-option ul, .compare-action {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sort-option h4 {
  flex-shrink: 0;
}
.all-center, .msg-form h5, h5.assembly-btn, .part-length, .cable-assembly-length h3, .popup-btn dl, .popup-btn p {
  -webkit-justify-content: center;
  justify-content: center;
}
.assembly-pagers, .build-drawing-footer {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.l-footer-main__social img {
  max-width: 100%;
}
*.anyarc-sp {
  max-width: 900px;
}
.anyarc-intro {
  line-height:1.8;
  max-width: 720px;
}
.anyarc-intro {
  margin-top: 1em;
}
*.disabled {
  pointer-events: none;
}
/* ----- btn ----- */
p.slider-rectangle-btn * {
  text-decoration: none !important;
}
p.slider-rectangle-btn a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1;
  text-decoration: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
  font-family: Barlow Semi Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-size: calc(.125vw + 14.35px);
  letter-spacing: .6px;
  line-height: 1.6em;
  text-transform: none;
  padding: 11px 30px 13px 30px;
  position: relative;
  display: inline-block;
  transition: all .3s ease;
}
p.btn-blue-line a, p.btn-blue-line b {
  color: #1f2a44;
  font-weight: normal;
}
p.btn-blue-line a {
  border-left: 2px solid #00a9e0;
  border-right: 2px solid #00a9e0;
}
p.btn-blue-line a:hover {
  border-left: 2px solid #6cf;
  border-right: 2px solid #6cf;
}
p.btn-white-line a, p.btn-white-line b {
  color: #fff;
  font-weight: normal;
}
p.btn-white-line a {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
p.btn-white-line a:hover {
  border-left: 2px solid #6cf;
  border-right: 2px solid #6cf;
}
p.btn-blue-line a:hover b {
  color: #00a9e0;
}
p.btn-white-line a:hover b {
  color: #6cf;
}
p.btn-blue-line a:before, p.btn-blue-line a:after, p.btn-blue-line b:before, p.btn-blue-line b:after, p.btn-white-line a:before, p.btn-white-line a:after, p.btn-white-line b:before, p.btn-white-line b:after {
  content: " ";
  height: 2px;
  position: absolute;
  transition: all .6s cubic-bezier(.19, 1, .22, 1) 50ms;
}
p.btn-blue-line a:before, p.btn-blue-line a:after, p.btn-blue-line b:before, p.btn-blue-line b:after {
  background: #00a9e0;
}
p.btn-white-line a:before, p.btn-white-line a:after, p.btn-white-line b:before, p.btn-white-line b:after {
  background: #fff;
}
p.btn-white-line a:hover:before, p.btn-white-line a:hover:after, p.btn-white-line a:hover b:before, p.btn-white-line a:hover b:after {
  background: #6cf;
}
p.btn-blue-line a:before, p.btn-blue-line a:after, p.btn-white-line a:before, p.btn-white-line a:after {
  top: 0;
}
p.btn-blue-line b:before, p.btn-blue-line b:after, p.btn-white-line b:before, p.btn-white-line b:after {
  bottom: 0;
}
p.btn-blue-line a:before, p.btn-blue-line a:hover b:before, p.btn-white-line a:before, p.btn-white-line a:hover b:before {
  left: 0;
  right: calc(38% + 5px);
}
p.btn-blue-line a:after, p.btn-blue-line a:hover b:after, p.btn-white-line a:after, p.btn-white-line a:hover b:after {
  left: calc(62% + 5px);
  right: 0;
}
p.btn-blue-line b:before, p.btn-blue-line a:hover:before, p.btn-white-line b:before, p.btn-white-line a:hover:before {
  left: 0;
  right: calc(62% + 5px);
}
p.btn-blue-line b:after, p.btn-blue-line a:hover:after, p.btn-white-line b:after, p.btn-white-line a:hover:after {
  left: calc(38% + 5px);
  right: 0;
}
.c-tile-media__content p.slider-rectangle-btn {
  margin-top: 30px;
}
/* ----- get-pdf ----- */
.get-pdf {
  display: flex;
}
.get-pdf * {
  display: block;
}
.get-pdf b {
  font-weight: normal;
  margin-left: 0.25em;
}
.get-pdf i {
  font-size: calc(.125vw + 14.35px);
}
.get-pdf:link *, .get-pdf:visited * {
  color: #17b;
}
.get-pdf:hover *, .get-pdf:active * {
  color: #6cf;
}
/* ----- backtop ----- */
.backtop {
  bottom: 1.6em;
  position: fixed;
  right: 1.6em;
  z-index: 100;
}
.backtop * {
  cursor: pointer;
  display: none !important;
}
.backtop i {
  background: #39d;
  height: 3.8em;
  padding: 0.4em;
  width: 3.8em;
}
.backtop svg {
  fill: #fff;
  height: 3em;
  width: 3em;
}
/* ----- product-info ----- */
.prod-info {}
.prod-info h4 {
  font-size: 1.5em;
}
.prod-info ul {
  padding-top: 0.75em;
}
.prod-info li {
  line-height: 1.6;
}
/* ----- press ----- */
.l-articles-list__grid li .c-tile-article__title { /* padding-left:2em; */
}
/* ----- pdf-download ----- */
.pdf-download .l-children-tiles__tile img {
  max-width: 100%;
}
.msg-form, .msg-form ul {
  width: 100%;
}
.msg-form {
  padding: 3em 0;
}
.msg-form * {
  text-align: left;
}
.msg-form button, .msg-form input {
  border: 1px solid #255bb0;
  color: #fff;
  height: 3.6em;
  transition: all 300ms ease 0s;
}
.msg-form button:hover, .msg-form input:hover {
  border: 1px solid #6cf;
  color: #6cf;
}
.msg-form input {
  padding: 0 1em;
  width: calc(100% - 2px);
}
.msg-form textarea {
  background: #fff;
  color: #333;
  line-height: 1.6;
  height: 12em;
  padding: 1em;
  width: 100%;
}
.msg-form h4, .msg-form p {
  padding-bottom: 1em;
}
.msg-form h4 {
  padding-top: 1em;
}
.msg-form h5 {
  padding-top: 1.5em;
}
.msg-form button {
  padding: 0 4.2em;
  text-transform: uppercase;
}
/* ----- cable-assembly-length ----- */
.cable-assembly-length, .cable-assembly-length h3 {
  width: 100%;
}
.cable-assembly-length {
  height: 0;
  position: relative;
}
.cable-assembly-length * {
  text-align: center;
}
.cable-assembly-length h3 {
  position: absolute;
}
/* ===== product-detail ===== */
.product-data {
  background: #fff;
}
.product-pic {
  width: 100%;
}
.product-pic * {
  display: block;
  max-width: 100%;
}
.product-data-table, .product-data-table th, .product-data-table td {
  border: 1px solid #e8e8e8;
  border-collapse: collapse;
}
.product-data-table { /* margin-top:1.8em; */ width: 100%;
}
.product-data-table th, .product-data-table td {
  padding: 1em 1.5em;
}
.product-data-table th {
  background-color: #f8f8f8;
}
.product-data-table td {
  background-color: #fff;
}
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
@media (max-width: 1023px) {
  .bg-gray {
    padding: 12px;
  }
  .product_category i {
    display: block;
  }
  /* ----- product-info ----- */
  .product-info, .prod-info {
    width: 100%;
  }
  .product-info {
    padding-top: 0.5em;
  }
  .prod-info {
    padding-top: 1.5em;
  }
  .press-pic a {
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
  }
  /* ----- msg-form ----- */
  .msg-form li {
    width: 100%;
  }
  .msg-form li:nth-child(2) {
    margin: 1em 0;
  }
  /* ----- cable-assembly-configurator ----- */
  .cable-assembly-meters, .assembly-table.m-hide {
    display: none !important;
  }
  .cable-assembly-length, .cable-assembly-parts, .cable-assembly-form {
    background: #fff;
  }
  .cable-assembly-parts, .cable-assembly-form {
    border-bottom: 2px solid #eee;
  }
  /* ----- cable-assembly-length ----- */
  .cable-assembly-length {
    padding-top: 1.5em;
  }
  .cable-assembly-length h3 {
    top: 1em;
  }
  /* ----- cable-assembly-parts ----- */
  .cable-assembly-parts {
    width: 100%;
  }
  .cable-assembly-parts {
    padding-bottom: 1em;
  }
  .cable-assembly-part {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .part-middle {
    -webkit-flex-grow: 2;
    flex-grow: 2;
  }
  .part-middle {
    background-size: auto 100%;
    background-repeat: repeat-x;
  }
  .cable-assembly-part img {
    display: block;
    height: 150px;
  }
  .cable-assembly-part img.symbol, .cable-assembly-part p {
    display: none !important;
  }
  .cable-assembly-part.part-right img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .cable-assembly-form {
    padding: 0 15px 0 15px;
  }
  .cable-assembly-row {
    padding-top: 18px;
  }
  .assembly-row-content {
    margin-top: 0.5em;
    position: relative;
  }
  .assembly-row-content span {
    height: 2em;
    line-height: 2em;
    margin-top: -1em;
    position: absolute;
    right: 1em;
    top: 50%;
  }
  .assembly-row-content label i {
    font-family: Arial, "serif";
    font-style: normal;
  }
  .row-int {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 3em;
    padding: 0 1em;
    width: 100%;
  }
  .row-int.disabled {
    background: #f8f8f8;
    color: #aaa;
  }
  .row-int-select:not(:first-child) {
    margin-top: 0.5em;
  }
  h5.assembly-btn {
    padding: 1.5em 0 1.5em 0;
  }
  h5.assembly-btn button {
    padding: 0 3.6em;
    text-transform: uppercase;
  }
  h5.assembly-btn button {
    background: #255bb0;
    border-radius: 3px;
    color: #fff;
    height: 3.0em;
    transition: all 300ms ease 0s;
  }
  /* ----- */
  .assembly-table table {
    background: #ddd;
    /* border-collapse:separate;
	  border-spacing:1px;
	 */
    width: 100%;
  }
  .assembly-table th, .assembly-table td {
    background: #fff;
    color: #888;
    padding: 0.5em;
  }
  .assembly-table-1 .first-row:before {
    content: "Company Name:";
  }
  .assembly-table h2, .assembly-table strong {
    padding-top: 0.5em;
    color: #333;
    display: block;
  }
  /* ===== product-detail ===== */
  .product-data {
    margin-top: 1.8rem;
    padding: 1em;
    width: 100%;
  }
  .product-data-table th, .product-data-table td {
    display: block;
    width: 100%;
  }
  .product-data-table th {
    border-bottom-width: 0;
    color: #989898;
    padding-bottom: 0.5em;
    text-align: left;
  }
  .product-data-table td {
    border-top-width: 0;
    padding-top: 0.5em;
  }
  /* ----- end_1023px ----- */
}
/* ----- end_1023px ----- */
@media (max-width: 1023px) {
  .assembly-pagers ul {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .cable-assembly-header {
    padding-bottom: 2em;
  }
  /* l-cable-assembly-comparing */
  .l-cable-assembly-comparing {
    background: #fff;
  }
  .assembly-compare-sorter, .sort-top, .sort-options {
    width: 100%;
  }
  .sort-top {
    border-bottom: 1px solid #ccc;
    padding: 10px 25px 25px 25px;
  }
  .sort-top p, .sort-option h4 {
    color: #888;
  }
  .sort-top p {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
  }
  .sort-top p b, .sort-top h5 a {
    color: #1f2a44;
  }
  .sort-top p b, .sort-top h5 a, .sort-option li b {
    display: block;
  }
  .sort-top p b {
    padding-top: 10px;
  }
  .sort-top p i {
    font-family: Arial, sans-serif;
    font-style: normal;
  }
  .sort-top h5 a {
    text-transform: uppercase;
  }
  .sort-top h5 a {
    border: 1px solid #1f2a44;
    line-height: 3em;
    margin: 20px auto 0 auto;
    text-align: center;
    width: 62%;
  }
  /* ----- sort-options ----- */
  .sort-options {
    border-bottom: 1px solid #ccc;
    padding: 10px 25px 0 25px;
  }
  .sort-option:not(:first-child) {
    border-top: 1px solid #eee;
  }
  .sort-option h4 {
    padding: 15px 0 10px 0;
  }
  .sort-option ul {
    padding-bottom: 10px;
  }
  .sort-option li {
    padding: 0 10px 10px 0;
  }
  .sort-option li b {
    background: #f3f3f3;
    border-radius: 3px;
    color: #666;
    font-weight: normal;
    line-height: 2em;
    padding: 0 0.75em;
  }
  .sort-option li.curr b {
    background: #6cf;
    color: #fff;
  }
  /* ----- assembly-pagers ----- */
  .assembly-pagers {
    border-bottom: 1px solid #eee;
  }
  .assembly-pagers p, .page-info, .pager-tail {
    display: none !important;
  }
  .assembly-pagers {
    padding: 15px 0;
  }
  .assembly-pagers li {
    margin: 0 9px;
  }
  .assembly-pagers li a, .assembly-pagers li strong {
    display: block;
    height: 30px;
    line-height: 30px;
  }
  .assembly-pagers li a {
    color: #888;
  }
  .assembly-pagers li strong {
    color: #000;
  }
  li.pager-sp a {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 28px;
    line-height: 18px;
    padding: 6px;
    width: 28px;
  }
  li.pager-sp {
    fill: #666;
  }
  /* ----- assembly-compare-tables ----- */
  .assembly-compare-tables {
    overflow: auto;
    width: 100%;
  }
  .assembly-compare-table {
    padding-bottom: 20px;
  }
  .assembly-compare-table table {
    min-width: 1300px;
    width: 100%;
  }
  .assembly-compare-tables th, .assembly-compare-tables td {
    font-size: 14px;
    font-weight: normal;
  }
  .assembly-compare-tables th {
    background: #f3f3f3;
    border-bottom: 1px solid #ddd;
    color: #000;
    text-align: left;
    vertical-align: bottom;
  }
  .assembly-compare-tables th, .assembly-compare-tables td {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }
  .assembly-compare-tables th:not(:first-child), .assembly-compare-tables td:not(:first-child) {
    border-left: 1px solid #fff;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .assembly-compare-tables th:first-child {
    text-align: center;
  }
  .assembly-compare-tables tbody tr:nth-child(2n) td {
    background: #f8f8f8;
  }
  .assembly-compare-tables tbody tr:nth-child(2n+1) td {
    background: #fff;
  }
  .assembly-compare-tables tbody tr:hover td {
    background: #e7f5f8;
  }
  .assembly-compare-tables td, .assembly-compare-tables td * {
    transition: all 300ms ease 0s;
  }
  .assembly-compare-tables td {
    text-align: center;
    vertical-align: middle;
  }
  .assembly-compare-tables td.tal {
    text-align: left;
  }
  .assembly-compare-tables td:last-child {
    width: 250px;
  }
  .assembly-compare-tables td b {
    display: block;
  }
  .compare-action b {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    padding: 0 9px;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .compare-action b:nth-child(2) {
    margin-left: 0.25em;
  }
  .compare-action b:last-child {
    margin-top: 0.25em;
  }
  /* ----- assembly-popup ----- */
  .popup-box {
    left: 0;
    top: 0;
  }
  /* ===== ===== mask+popup ===== ===== */
  p.mask, .popup-box {
    opacity: 0;
    position: fixed;
    visibility: hidden;
    transition: all 300ms ease 0s;
  }
  p.mask.shown, .popup-box.shown {
    opacity: 1;
    visibility: visible;
  }
  p.mask {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 996;
  }
  .popup-box {
    background: #fff;
    left: 0;
    z-index: 997;
  }
  .popup-top {
    min-height: 0;
    position: relative;
    width: 100%;
    z-index: 99;
  }
  .popup-close, .popup-close:after, .popup-close:before {
    position: absolute;
    transition: all 300ms ease 0s;
  }
  .popup-close {
    background: #f8f8f8;
    cursor: pointer;
    height: 60px;
    right: 0;
    top: 0;
    width: 60px;
  }
  .popup-close:after, .popup-close:before {
    background: #333;
    content: " ";
    left: 50%;
    top: 50%;
    transform: rotate(45deg);
  }
  .popup-close:after {
    height: 24px;
    margin: -12px 0 0 -1px;
    width: 2px;
  }
  .popup-close:before {
    height: 2px;
    margin: -1px 0 0 -12px;
    width: 24px;
  }
  .popup-close:hover {
    background: #6cf;
  }
  .popup-close:hover:after, .popup-close:hover:before {
    background: #fff;
  }
  /* ----- */
  .prompt-box {
    padding: 60px 60px 0 60px;
  }
  .prompt-box h3 {
    font-size: 1.2em;
  }
  .prompt-box p {
    color: #888;
    padding-top: 1em;
  }
  .prompt-box p a {
    color: #17b;
  }
  .popup-btn {
    padding: 1.5em 0 3em 0;
  }
  .popup-btn button {
    border-radius: 3px;
    height: 3.0em;
    text-transform: uppercase;
    width: calc(100% - 2px);
  }
  .popup-btn dt, .popup-btn dd {
    padding: 0 0.5rem;
    width: calc(50% - 1em);
  }
  .popup-btn p {
    padding: 0 19%;
    width: 100%;
  }
  .popup-btn dt button, .popup-btn p button {
    background: #255bb0;
    border: 1px solid #255bb0;
    color: #fff;
  }
  .popup-btn dd button {
    background: #fff;
    border: 1px solid #255bb0;
    color: #666;
  }
  /* ----- end-1023 ----- */
}
/* ----- ----- ----- ----- ----- */
@media (max-width: 1023px) {
  .assembly-pagers ul {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .cable-assembly-header {
    padding-bottom: 2em;
  }
  /* l-cable-assembly-comparing */
  .l-cable-assembly-comparing {
    background: #fff;
  }
  .assembly-compare-sorter, .sort-top, .sort-options {
    width: 100%;
  }
  .sort-top {
    border-bottom: 1px solid #ccc;
    padding: 10px 25px 25px 25px;
  }
  .sort-top p, .sort-option h4 {
    color: #888;
  }
  .sort-top p {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
  }
  .sort-top p b, .sort-top h5 a {
    color: #1f2a44;
  }
  .sort-top p b, .sort-top h5 a, .sort-option li b {
    display: block;
  }
  .sort-top p b {
    padding-top: 10px;
  }
  .sort-top p i {
    font-family: Arial, sans-serif;
    font-style: normal;
  }
  .sort-top h5 a {
    text-transform: uppercase;
  }
  .sort-top h5 a {
    border: 1px solid #1f2a44;
    line-height: 3em;
    margin: 20px auto 0 auto;
    text-align: center;
    width: 62%;
  }
  /* ----- sort-options ----- */
  .sort-options {
    border-bottom: 1px solid #ccc;
    padding: 10px 25px 0 25px;
  }
  .sort-option:not(:first-child) {
    border-top: 1px solid #eee;
  }
  .sort-option h4 {
    padding: 15px 0 10px 0;
  }
  .sort-option ul {
    padding-bottom: 10px;
  }
  .sort-option li {
    padding: 0 10px 10px 0;
  }
  .sort-option li b {
    background: #f3f3f3;
    border-radius: 3px;
    color: #666;
    font-weight: normal;
    line-height: 2em;
    padding: 0 0.75em;
  }
  .sort-option li.curr b {
    background: #6cf;
    color: #fff;
  }
  /* ----- assembly-pagers ----- */
  .assembly-pagers {
    border-bottom: 1px solid #eee;
  }
  .assembly-pagers p, .page-info, .pager-tail {
    display: none !important;
  }
  .assembly-pagers {
    padding: 15px 0;
  }
  .assembly-pagers li {
    margin: 0 9px;
  }
  .assembly-pagers li a, .assembly-pagers li strong {
    display: block;
    height: 30px;
    line-height: 30px;
  }
  .assembly-pagers li a {
    color: #888;
  }
  .assembly-pagers li strong {
    color: #000;
  }
  li.pager-sp a {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 28px;
    line-height: 18px;
    padding: 6px;
    width: 28px;
  }
  li.pager-sp {
    fill: #666;
  }
  /* ----- assembly-compare-tables ----- */
  .assembly-compare-tables {
    overflow: auto;
    width: 100%;
  }
  .assembly-compare-table {
    padding-bottom: 20px;
  }
  .assembly-compare-table table {
    min-width: 1300px;
    width: 100%;
  }
  .assembly-compare-tables th, .assembly-compare-tables td {
    font-size: 14px;
    font-weight: normal;
  }
  .assembly-compare-tables th {
    background: #f3f3f3;
    border-bottom: 1px solid #ddd;
    color: #000;
    text-align: left;
    vertical-align: bottom;
  }
  .assembly-compare-tables th, .assembly-compare-tables td {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }
  .assembly-compare-tables th:not(:first-child), .assembly-compare-tables td:not(:first-child) {
    border-left: 1px solid #fff;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .assembly-compare-tables th:first-child {
    text-align: center;
  }
  .assembly-compare-tables tbody tr:nth-child(2n) td {
    background: #f8f8f8;
  }
  .assembly-compare-tables tbody tr:nth-child(2n+1) td {
    background: #fff;
  }
  .assembly-compare-tables tbody tr:hover td {
    background: #e7f5f8;
  }
  .assembly-compare-tables td, .assembly-compare-tables td * {
    transition: all 300ms ease 0s;
  }
  .assembly-compare-tables td {
    text-align: center;
    vertical-align: middle;
  }
  .assembly-compare-tables td.tal {
    text-align: left;
  }
  .assembly-compare-tables td:last-child {
    width: 250px;
  }
  .assembly-compare-tables td b {
    display: block;
  }
  .compare-action b {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    padding: 0 9px;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .compare-action b:nth-child(2) {
    margin-left: 0.25em;
  }
  .compare-action b:last-child {
    margin-top: 0.25em;
  }
  /* ----- assembly-popup ----- */
  .popup-box {
    left: 0;
    top: 0;
  }
  /* ===== ===== mask+popup ===== ===== */
  p.mask, .popup-box {
    opacity: 0;
    position: fixed;
    visibility: hidden;
    transition: all 300ms ease 0s;
  }
  p.mask.shown, .popup-box.shown {
    opacity: 1;
    visibility: visible;
  }
  p.mask {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 996;
  }
  .popup-box {
    background: #fff;
    left: 0;
    z-index: 997;
  }
  .popup-top {
    min-height: 0;
    position: relative;
    width: 100%;
    z-index: 99;
  }
  .popup-close, .popup-close:after, .popup-close:before {
    position: absolute;
    transition: all 300ms ease 0s;
  }
  .popup-close {
    background: #f8f8f8;
    cursor: pointer;
    height: 60px;
    right: 0;
    top: 0;
    width: 60px;
  }
  .popup-close:after, .popup-close:before {
    background: #333;
    content: " ";
    left: 50%;
    top: 50%;
    transform: rotate(45deg);
  }
  .popup-close:after {
    height: 24px;
    margin: -12px 0 0 -1px;
    width: 2px;
  }
  .popup-close:before {
    height: 2px;
    margin: -1px 0 0 -12px;
    width: 24px;
  }
  .popup-close:hover {
    background: #6cf;
  }
  .popup-close:hover:after, .popup-close:hover:before {
    background: #fff;
  }
  /* ----- */
  .prompt-box {
    padding: 60px 60px 0 60px;
  }
  .prompt-box h3 {
    font-size: 1.2em;
  }
  .prompt-box p {
    color: #888;
    padding-top: 1em;
  }
  .prompt-box p a {
    color: #17b;
  }
  .popup-btn {
    padding: 1.5em 0 3em 0;
  }
  .popup-btn button {
    border-radius: 3px;
    height: 3.0em;
    text-transform: uppercase;
    width: calc(100% - 2px);
  }
  .popup-btn dt, .popup-btn dd {
    padding: 0 0.5rem;
    width: calc(50% - 1em);
  }
  .popup-btn p {
    padding: 0 19%;
    width: 100%;
  }
  .popup-btn dt button, .popup-btn p button {
    background: #255bb0;
    border: 1px solid #255bb0;
    color: #fff;
  }
  .popup-btn dd button {
    background: #fff;
    border: 1px solid #255bb0;
    color: #666;
  }
  /* ----- end-1023 ----- */
}
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
@media (min-width: 1024px) {
  .bg-gray {
    padding: 18px;
  }
  .pc-flex, .prod-info li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .pc-narrow {
    max-width: 50%;
  }
  .pc-wrap, .press-pic, .pdf-download {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pdf-download {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .product_category i {
    display: none;
  }
  /* ----- product-info ----- */
  .prod-info {
    padding: 3em 3em 1.5em 3em;
    /* width: calc(45% - 6em); */
  }
  .prod-info li b {
    display: block;
    padding-left: 10px;
  }
  /* ----- press-pic ----- */
  .press-pic {
    width: 100%;
  }
  .press-pic p {
    margin: 25px 25px 0 0 !important;
    width: calc(50% - 50px);
  }
  .press-pic a {
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
  }
  .ft-shortcut .left-one {
    /* padding-left: 10.8vw; */
    padding-left: 100px;
  }
  .anyarc-download {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .pdf-download .l-children-tiles__tile {
    margin: 35px;
    width: calc(33.3331% - 70px);
  }
  .pdf-download .l-children-tiles__tile img {
    max-height: 72px;
  }
  /* ----- msg-form ----- */
  .msg-form {
    margin: auto;
    min-width: 900px;
    max-width: 1200px;
  }
  .msg-form li {
    width: 33.3331%;
  }
  .msg-form li:nth-child(2) {
    margin: 0 1em;
  }
  /* ----- cable-assembly-length ----- */
  .cable-assembly-length {
    padding-top: 4em;
  }
  .cable-assembly-length h3 {
    top: 3.0em;
  }
  /* ----- cable-assembly-parts ----- */
  .cable-assembly-header {
    padding-bottom: 3em;
  }
  .l-cable-assembly__container, .cable-assembly-meters p, .cable-assembly-rulers p {
    position: relative;
    z-index: 0;
  }
  .l-cable-assembly__container {
    background: #fff;
    /* box-shadow: 0 0 1.5em #eee; */
    box-sizing: content-box !important;
    /* padding: 50px; */
    padding: 18px;
    width: 1164px;
  }
  /* ----- cable-assembly-meter+cable-assembly-rulers ----- */
  .cable-assembly-meters, .cable-assembly-meters p:before {
    position: absolute;
    z-index: 1;
  }
  .cable-assembly-meters {
    box-sizing: content-box;
  }
  .cable-assembly-meters.meter-horizon {
    /*
	height: 25px;
    left: 49px;
    line-height: 25px;
	*/
    height: 16px;
    left: 17px;
    line-height: 16px;
    padding: 0 1px;
  }
  .l-cable-assembly__container .cable-assembly-meters.meter-horizon {
    width: 1164px;
  }
  .cable-assembly-meters.meter-horizon-top {
    border-bottom: 1px solid #666;
    top: 1px;
  }
  .cable-assembly-meters.meter-horizon-bottom {
    border-top: 1px solid #666;
    bottom: 1px;
  }
  .cable-assembly-meters p {
    font-size: 10px;
    text-align: center;
  }
  .cable-assembly-meters p:not(:first-child):before {
    content: " ";
  }
  .cable-assembly-meters.meter-horizon p {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .cable-assembly-meters.meter-horizon p {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  .cable-assembly-meters.meter-horizon p:before {
    border-left: 1px solid #666;
    height: 16px;
    left: 0;
    width: 0;
  }
  .cable-assembly-meters.meter-horizon-top p:before {
    bottom: 0;
  }
  .cable-assembly-meters.meter-horizon-bottom p:before {
    top: 0;
  }
  .cable-assembly-meters.meter-vertical {
    /*
	height: calc(100% - 100px);
    top: 50px;
    width: 25px;
	*/
    height: calc(100% - 36px);
    top: 18px;
    width: 16px;
  }
  .cable-assembly-meters.meter-vertical-left {
    border-right: 1px solid #666;
    left: 1px;
  }
  .cable-assembly-meters.meter-vertical-right {
    border-left: 1px solid #666;
    right: 1px;
  }
  .cable-assembly-meters.meter-vertical p {
    height: calc(100% / 6);
  }
  .cable-assembly-meters.meter-vertical p, .assembly-table .border-table h2 {
    -webkit-align-items: center;
    align-items: center;
  }
  .cable-assembly-meters.meter-vertical p {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .cable-assembly-meters.meter-vertical p, .assembly-table .border-table h2 {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .cable-assembly-meters.meter-vertical p:before {
    border-top: 1px solid #666;
    height: 0;
    left: 0;
    top: 0;
    width: 16px;
  }
  /* ----- cable-assembly-parts ----- */
  .cable-assembly-parts {
    background-size: auto 100%;
    margin: 0 auto 0 auto;
    min-height: 150px;
    width: 900px;
  }
  .cable-assembly-part {
    position: relative;
  }
  .cable-assembly-part img {
    height: 150px;
  }
  .cable-assembly-part img.symbol, .cable-assembly-part p {
    position: absolute;
  }
  .cable-assembly-part img.symbol {
    top: 90%;
    height: 48px;
    left: 50%;
    width: 48px;
  }
  .cable-assembly-part p {
    top: 100%;
  }
  .cable-assembly-part.part-left p {
    right: 0;
  }
  .cable-assembly-part.part-right p {
    left: 0;
  }
  .cable-assembly-part.part-left img.symbol {
    margin-left: -24px;
  }
  .cable-assembly-part.part-right img.symbol {
    margin-right: -24px;
  }
  .cable-assembly-part.part-left, .cable-assembly-part.part-left img, .cable-assembly-part.part-right, .cable-assembly-part.part-right img {}
  .cable-assembly-part {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .cable-assembly-part.part-middle {
    -webkit-flex-grow: 2;
    flex-grow: 2;
  }
  .cable-assembly-part.part-middle {
    background-size: auto 100%;
    background-repeat: repeat-x;
  }
  .cable-assembly-part.part-middle {
    opacity: 1;
  }
  .cable-assembly-part.part-left li:nth-child(1), .cable-assembly-part.part-right li:nth-child(2) {
    width: 115px;
  }
  .cable-assembly-part.part-left li:nth-child(2), .cable-assembly-part.part-right li:nth-child(1) {
    width: 335px;
  }
  .cable-assembly-part.part-left {}
  .cable-left p:last-child {
    margin-left: 30px;
  }
  .cable-assembly-part.part-right img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .cable-assembly-part.part-right img.symbol {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  .cable-right {
    justify-content: flex-end;
  }
  .cable-right p:first-child {
    margin-right: 30px;
  }
  /* ----- prompt-box ----- */
  .prompt-box, .cable-assembly-form {
    margin: 60px auto 0 auto;
    min-height: 120px;
    width: 900px;
  }
  .prompt-box {
    padding: 0 100px;
  }
  .prompt-box h3 {
    font-size: 24px;
  }
  .prompt-box p {
    color: #666;
    font-size: 18px;
    padding-top: 1.5em;
  }
  .prompt-box a:link, .prompt-box a:visited {
    color: #17b;
  }
  .prompt-box a:hover, .prompt-box a:active {
    color: #6cf;
  }
  .popup-btn {
    padding: 1em 0 3.6em 0;
  }
  .popup-btn dt, .popup-btn dd {
    margin: 0 0.5em;
  }
  .popup-btn button {
    border-radius: 3px;
    height: 3.3em;
    padding: 0 3.6em;
    text-transform: uppercase;
    transition: all 300ms ease 0s;
  }
  .popup-btn dt button, .popup-btn p button {
    background: #255bb0;
    border: 1px solid #255bb0;
    color: #fff;
  }
  .popup-btn dd button {
    background: #fff;
    border: 1px solid #888;
    color: #666;
  }
  .popup-btn * button:hover {
    background: #6cf;
    border: 1px solid #6cf;
    color: #fff;
  }
  /* ----- cable-assembly-form ----- */
  .cable-assembly-form {}
  .cable-assembly-row {
    margin-top: 24px;
  }
  h4.assembly-row-title, .assembly-row-content em, .assembly-row-content span {
    line-height: 48px;
  }
  h4.assembly-row-title, .cable-assembly-tables {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  h4.assembly-row-title {
    padding-right: 20px;
    width: 240px;
  }
  h4.assembly-row-title b, .assembly-row-content b {
    font-weight: normal;
  }
  .assembly-row-title em {
    color: #e00;
    font-size: 20px;
    margin-left: 10px;
  }
  .assembly-row-content {
    width: 700px;
  }
  .assembly-row-content label {
    margin-right: 30px;
  }
  .assembly-row-content label b {
    margin-left: 6px;
  }
  .assembly-row-content label i, .sort-top i {
    font-family: Arial, "serif";
    font-style: normal;
  }
  .row-int {
    border-radius: 3px;
    margin-right: 20px;
    padding: 0 10px;
    width: 240px;
  }
  .row-int {
    border: 1px solid #ccc;
    height: 42px;
  }
  .row-int.disabled {
    background: #f8f8f8;
    color: #aaa;
  }
  h5.assembly-btn {
    padding: 3em 0 3.6em 0;
  }
  h5.assembly-btn button {
    padding: 0 3.6em;
    text-transform: uppercase;
  }
  h5.assembly-btn button {
    background: #255bb0;
    border-radius: 3px;
    color: #fff;
    height: 3.3em;
    transition: all 300ms ease 0s;
  }
  h5.assembly-btn button:hover {
    background: #6cf;
  }
  .assembly-table, .assembly-table * {
    box-sizing: content-box;
  }
  .assembly-table {
    margin: 0 -1px -1px 0;
  }
  .assembly-table * {
    font-size: 12px;
    line-height: 24px;
  }
  .assembly-table th, .assembly-table td {
    background: #fff;
    text-align: center;
  }
  .assembly-table td * {
    text-align: left;
  }
  .assembly-table td img {
    height: 24px;
    margin: auto;
  }
  .assembly-table .border-table, .assembly-table .border-table th, .assembly-table .border-table td {
    background: #fff;
    border: 1px solid #888;
    border-collapse: collapse;
  }
  .assembly-table .border-table {
    min-height: 100%;
  }
  .assembly-table .border-table h2 {
    height: 49px;
    padding: 0 12px;
    text-align: center;
  }
  .assembly-table .border-table h2 b, .cable-assembly-tables #company-name {
    line-height: 20px;
    text-align: center;
  }
  .draw-int {
    border-bottom: 1px solid #ddd;
    color: #000;
    margin: auto;
  }
  .cable-assembly-tables #company-name {
    font-size: 24px;
    height: 36px;
    margin-top: 6px;
    width: 90%;
  }
  #drawn-title, #drawn-number, #drawn-model {
    font-size: 18px;
    height: 30px;
  }
  .assembly-table .border-table td {
    vertical-align: middle;
  }
  .assembly-table .border-table h3, .assembly-table .border-table h4 {
    position: relative;
  }
  .assembly-table .assembly-table-1 h3 {
    padding: 15px 6px 6px 108px;
  }
  .assembly-table .assembly-table-1 h4 {
    padding: 9px 6px 6px 120px;
  }
  .assembly-table .assembly-table-3 h3 {
    padding: 15px 6px 6px 72px;
  }
  .assembly-table .assembly-table-3 h4 {
    padding: 9px 6px 6px 72px;
  }
  .assembly-table .assembly-table-3 h4 .draw-int {
    width: 60px;
  }
  #drawn-approved, #drawn-checked, #drawn-done {
    font-size: 14px;
  }
  #drawn-rev {
    text-align: center;
  }
  .assembly-table .border-table h3 em, .assembly-table .border-table h4 em {
    left: 6px;
    position: absolute;
    text-transform: uppercase;
    top: 0px;
  }
  .assembly-table .assembly-table-1 h2 b, .assembly-table .assembly-table-1 h3 strong, .assembly-table .assembly-table-1 h4 strong {
    font-size: 16px;
  }
  .assembly-table .assembly-table-3 h3 strong, .assembly-table .assembly-table-3 h4 strong {
    font-size: 20px;
  }
  .assembly-table .border-table p {
    padding: 12px;
  }
  /* ----- define style-2 ----- */
  .assembly-table .outer-table, .assembly-table .outer-table th, .assembly-table .outer-table td {
    background: #fff;
    border: 1px solid #888;
    border-collapse: collapse;
  }
  .assembly-table .inner-table {
    border: 1px solid #888;
    border-width: 0px;
    border-style: hidden;
  }
  /* ----- l-cable-assembly-comparing ----- */
  .l-cable-assembly-comparing {
    background: #fff;
    box-shadow: 0 0 1.5em #eee;
    box-sizing: content-box !important;
    max-width: 100% !important;
    padding: 30px !important;
  }
  .assembly-compare-sorter, .sort-top {
    width: 100%;
  }
  .sort-top, .sort-top p, .sort-top p * {
    line-height: 54px;
  }
  .sort-top {
    border-bottom: 1px solid #eee;
    height: 70px;
    position: relative;
  }
  .sort-top h5 *, .sort-top, .sort-top p * {
    font-size: 15px;
  }
  .sort-top p {
    color: #888;
    padding-right: 20px;
  }
  .sort-top p b {
    color: #333;
  }
  #re-search {
    position: absolute;
    right: 0;
    top: 0;
  }
  #re-search a {
    display: block;
    height: 54px;
    line-height: 52px;
    padding: 0 2.4em 2px 2.4em;
    text-transform: uppercase;
    transition: all 300ms ease 0s;
  }
  #re-search a:link, #re-search a:visited {
    background: #39d;
    border: 1px solid #39d;
    border-radius: 3px;
    color: #fff;
  }
  #re-search a:hover, #re-search a:active {
    background: #6cf;
    border: 1px solid #6cf;
    color: #fff;
  }
  .sort-options {
    padding-top: 12px;
  }
  .sort-option {
    padding-top: 12px;
  }
  .sort-option h4, .sort-option li * {
    border-radius: 4px;
    font-size: 15px;
    line-height: 30px;
  }
  .sort-option h4 {
    background: #f1f1f1;
    color: #000;
    text-align: center;
    width: 180px;
  }
  .sort-option ul {
    padding-left: 18px;
  }
  .sort-option li {
    padding-bottom: 12px;
    padding-right: 12px;
  }
  .sort-option li b {
    background: #f8f8f8;
    color: #333;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 0 0.75em;
    transition: all 300ms ease 0s;
  }
  .sort-option li.bt-clear b {
    background: #f2ce00;
    color: #000;
    text-transform: uppercase;
  }
  .sort-option li.bt-clear b:hover {
    background: #6cf;
    color: #fff;
  }
  .sort-option li.curr b, .sort-option li b:hover {
    background: #39d;
    color: #fff;
  }
  /* ----- assembly-pagers ----- */
  .assembly-pagers {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 18px 0;
  }
  .assembly-pagers.pager-top {
    border-top: 1px solid #eee;
    margin-top: 12px;
  }
  .assembly-pagers * {
    color: #888;
    font-size: 15px;
    line-height: 30px;
  }
  .assembly-pagers li {
    margin: 0 6px;
  }
  .assembly-pagers b {
    color: #1d2d46;
  }
  .assembly-pagers li a, .assembly-pagers li strong, .assembly-pagers select {
    line-height: 28px;
  }
  .assembly-pagers li a, .assembly-pagers li strong {
    display: block;
  }
  .assembly-pagers li.pager-sp a {
    border-radius: 50%;
    box-sizing: content-box;
    height: 16px !important;
    line-height: 16px !important;
    padding: 6px;
    text-align: center;
    width: 16px;
  }
  .assembly-pagers li.pager-sp svg {
    height: 16px;
    width: 16px;
  }
  .assembly-pagers li a:link, .assembly-pagers li a:visited {
    color: #888;
  }
  .assembly-pagers li a:hover, .assembly-pagers li a:active {
    color: #6cf;
  }
  .assembly-pagers li.pager-sp a:link, .assembly-pagers li.pager-sp a:visited, .assembly-pagers select {
    border: 1px solid #ddd;
  }
  .assembly-pagers li.pager-sp a:hover, .assembly-pagers li.pager-sp a:active {
    background: #6cf;
    border: 1px solid #6cf;
    color: #fff;
  }
  .assembly-pagers li.pager-sp a svg {
    fill: #888;
  }
  .assembly-pagers li.pager-sp a:hover svg {
    fill: #fff;
  }
  .assembly-pagers li strong {
    color: #1d2d46;
  }
  .assembly-pagers select {
    border-radius: 3px;
    padding: 0 0.5em;
  }
  /* ----- assembly-compare-tables ----- */
  .assembly-compare-tables {
    margin: 1.5em 0;
    overflow: auto;
    width: 100%;
  }
  .assembly-compare-table {
    padding-bottom: 20px;
  }
  .assembly-compare-table table {
    min-width: 1300px;
    width: 100%;
  }
  .assembly-compare-tables th, .assembly-compare-tables td {
    font-size: 15px;
    font-weight: normal;
  }
  .assembly-compare-tables th {
    background: #f3f3f3;
    border-bottom: 1px solid #ddd;
    color: #000;
    text-align: left;
    vertical-align: bottom;
  }
  .assembly-compare-tables th, .assembly-compare-tables td {
    padding-bottom: 0.75em;
    padding-top: 0.75em;
  }
  .assembly-compare-tables th:not(:first-child), .assembly-compare-tables td:not(:first-child) {
    border-left: 1px solid #fff;
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .assembly-compare-tables th:first-child {
    text-align: center;
  }
  .assembly-compare-tables tbody tr:nth-child(2n) td {
    background: #f8f8f8;
  }
  .assembly-compare-tables tbody tr:nth-child(2n+1) td {
    background: #fff;
  }
  .assembly-compare-tables tbody tr:hover td {
    background: #e7f5f8;
  }
  .assembly-compare-tables td, .assembly-compare-tables td * {
    transition: all 300ms ease 0s;
  }
  .assembly-compare-tables th, .assembly-compare-tables td {
    text-align: center;
    vertical-align: middle;
  }
  .assembly-compare-tables td.tal {
    text-align: left;
  }
  .assembly-compare-tables td:last-child {
    width: 240px;
  }
  .assembly-compare-tables td b {
    display: block;
  }
  .compare-action b {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    padding: 0 9px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 103px;
  }
  .compare-action b:hover {
    background: #6cf;
    border: 1px solid #6cf;
    color: #fff;
  }
  .compare-action b:nth-child(2) {
    margin-left: 0.25em;
  }
  .compare-action b:last-child {
    margin-top: 0.25em;
  }
  /* ----- assembly-popup ----- */
  .popup-box {
    margin-left: -450px;
    top: 6rem;
  }
  /* ===== ===== mask+popup ===== ===== */
  p.mask, .popup-box {
    opacity: 0;
    position: fixed;
    visibility: hidden;
    transition: all 300ms ease 0s;
  }
  p.mask.shown, .popup-box.shown {
    opacity: 1;
    visibility: visible;
  }
  p.mask {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 996;
  }
  .popup-box {
    background: #fff;
    left: 50%;
    z-index: 997;
  }
  .popup-top {
    min-height: 0;
    position: relative;
    width: 100%;
  }
  .popup-close, .popup-close:after, .popup-close:before {
    position: absolute;
    transition: all 300ms ease 0s;
  }
  .popup-close {
    background: #f8f8f8;
    cursor: pointer;
    height: 60px;
    right: 0;
    top: 0;
    width: 60px;
  }
  .popup-close:after, .popup-close:before {
    background: #333;
    content: " ";
    left: 50%;
    top: 50%;
    transform: rotate(45deg);
  }
  .popup-close:after {
    height: 24px;
    margin: -12px 0 0 -1px;
    width: 2px;
  }
  .popup-close:before {
    height: 2px;
    margin: -1px 0 0 -12px;
    width: 24px;
  }
  .popup-close:hover {
    background: #6cf;
  }
  .popup-close:hover:after, .popup-close:hover:before {
    background: #fff;
  }
  /* ===== product-detail ===== */
  .product-data {
    margin-top: 2.4em;
    padding: 3em;
    width: 1200px;
  }
  .product-data-table th {
    text-align: right;
    width: 21em;
  }
  /* ----- end_1024px ----- */
}
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */