/* #productTabs */
#productTabs ul.tabs {margin:50px 0 35px;padding:0 15px;border-bottom:1px solid #e5e5e5;text-align:center;font-size:0}
#productTabs ul.tabs li {display:inline-block}
#productTabs ul.tabs li a {padding:10px 25px;background:#fff;border:1px solid #eee;border-bottom:0;color:#8a8d91}
#productTabs ul.tabs li.active a {background:#eb6100;border-color:#eb6100;color:#fff}

/* #productdetail */
#productdetail,#productdetail * {box-sizing:border-box}
#productdetail {--pd-primary:#d71920;--pd-primary-dark:#ad1117;--pd-secondary:#202832;--pd-secondary-light:#3b4959;--pd-dark:#20252d;--pd-text:#626b75;--pd-light:#f3f5f7;--pd-light-2:#e9ecef;--pd-paper:#fff;--pd-line:rgba(32,40,50,.1);--pd-shadow:0 25px 65px rgba(25,32,40,.1);--pd-shadow-dark:0 28px 70px rgba(12,17,23,.2);position:relative;display:grid;grid-template-columns:minmax(340px,.68fr) minmax(0,1.32fr);align-items:center;gap:clamp(45px,5vw,85px);width:100%;padding:clamp(20px,8vw,40px) clamp(30px,5vw,90px) clamp(20px,2vw,40px);color:var(--pd-dark);isolation:isolate}
#productdetail::before {content:"PRODUCT DETAIL";position:absolute;top:-15px;left:0;z-index:-1;color:rgba(32,40,50,.032);font-family:Arial,sans-serif;font-size:clamp(85px,12vw,120px);font-weight:900;line-height:.85;letter-spacing:-.065em;white-space:nowrap;pointer-events:none}

/* #productinfo */
#productinfo {position:sticky;top:110px;z-index:3;min-width:0;padding:clamp(30px,4vw,45px);color:#fff;background:linear-gradient(145deg,#202832 0%,#2d3946 55%,#455466 100%);border:1px solid rgba(255,255,255,.08);border-top:4px solid var(--pd-primary);border-radius:20px;box-shadow:var(--pd-shadow-dark);overflow:hidden;isolation:isolate}
#productinfo::before {content:"PRODUCT INFORMATION";display:flex;align-items:center;gap:13px;margin-bottom:42px;color:rgba(255,255,255,.52);font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.22em}
#productinfo::after {content:"";position:absolute;right:-95px;bottom:-120px;z-index:-1;width:260px;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.018),0 0 0 68px rgba(215,25,32,.018);pointer-events:none}
#productinfo .titleJbox {position:relative;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12)}
#productinfo .titleJbox::before {content:"";position:absolute;bottom:-1px;left:0;width:90px;height:3px;background:linear-gradient(90deg,var(--pd-primary),#ef4248);border-radius:99px}
#productinfo .h2 {margin:0;color:#fff;font-size:clamp(30px,3vw,46px);font-weight:800;line-height:1.35;letter-spacing:-.045em;word-break:normal;overflow-wrap:break-word;text-wrap:auto}
#productinfo .article {position:relative;margin-top:30px;padding-left:22px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.95;letter-spacing:.01em}
#productinfo .article::before {content:"";position:absolute;top:.55em;bottom:.55em;left:0;width:3px;background:linear-gradient(180deg,var(--pd-primary),rgba(215,25,32,.1));border-radius:99px}
#productinfo .article:empty {display:none}
#productinfo .coptext {position:relative;display:flex;align-items:center;gap:14px;margin-top:35px;color:var(--pd-light-2);font-family:Arial,sans-serif;font-size:17px;font-weight:800;line-height:1.4;letter-spacing:.18em;flex-wrap: wrap;}
#productinfo .coptext::before {content:"PRODUCT NO.";color:rgba(255,255,255,.35);font-size:9px;font-weight:700;letter-spacing:.2em}
#productinfo .coptext::after {content:"";display:block;width:45px;height:1px;background:linear-gradient(90deg,var(--pd-light-2),transparent)}
#productinfo .btns {position:relative;z-index:2;display:flex;margin-top:40px}
#productinfo .btns .ask {position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:210px;min-height:58px;padding:0 20px 0 26px;color:#fff;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.12em;text-decoration:none;background:linear-gradient(90deg,#38802b,#349b21);border:1px solid #72b866;border-radius:8px;box-shadow:0 15px 30px rgba(8,13,19,.2);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
#productinfo .btns .ask::before {content:"→";display:flex;align-items:center;justify-content:center;order:2;width:35px;height:35px;color:#fff;font-family:Arial,sans-serif;font-size:17px;background:rgba(24,30,38,.7);border-radius:50%;transition:background .35s ease,transform .35s ease}
#productinfo .btns .ask::after {content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.15) 48%,transparent 72%);transform:translateX(-130%);transition:transform .65s ease}
#productinfo .btns .ask:hover {color:#fff;box-shadow:0 20px 40px rgba(8,13,19,.3);transform:translateY(-3px)}
#productinfo .btns .ask:hover::before {background:#171d24;transform:translateX(4px)}
#productinfo .btns .ask:hover::after {transform:translateX(130%)}
#productinfo .btns .ask:focus-visible {outline:3px solid rgba(255,255,255,.65);outline-offset:4px}

/* #productspecification */
#productspecification {position:relative;z-index:2;min-width:0;padding:69px clamp(32px,4vw,58px) clamp(35px,4vw,55px);background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(247,248,249,.97));border:1px solid var(--pd-line);border-top:4px solid var(--pd-primary);border-radius:20px;box-shadow:var(--pd-shadow);overflow:hidden}
#productspecification::before {content:"PRODUCT SPECIFICATIONS";position:absolute;top:36px;left:clamp(32px,4vw,58px);display:flex;align-items:center;gap:14px;color:var(--pd-primary);font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.22em}
#productspecification::after {content:"";position:absolute;top:31px;right:32px;width:64px;height:64px;border-top:1px solid rgba(215,25,32,.22);border-right:1px solid rgba(65,80,97,.18);pointer-events:none}
#productspecification>.contentbuilder {position:relative;margin:0!important;padding:0!important}
#productspecification .contentbuilder.row {display:block;margin-right:0!important;margin-left:0!important}
#productspecification .contentbuilder>[class*="col-"] {float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
#productspecification table {width:100%!important;max-width:100%!important;margin:0!important;color:var(--pd-dark);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;font-size:15px;border:0!important;border-spacing:0!important;border-collapse:separate!important;background:transparent!important;table-layout:fixed}
#productspecification table tbody {counter-reset:specification-item}
#productspecification table tr {counter-increment:specification-item;transition:background .35s ease,transform .35s ease;display:grid;grid-template-columns:160px 1fr}
#productspecification table tr:hover td:last-child {background:#f7f8f9!important}
#productspecification table td {height:auto!important;padding:25px 15px!important;color:var(--pd-text)!important;font-size:15px!important;font-weight:400!important;line-height:1.9!important;letter-spacing:.01em!important;text-align:left!important;vertical-align:top!important;border:0!important;border-bottom:1px solid var(--pd-line)!important;background:#fff!important;word-break:normal;overflow-wrap:break-word;display:flex;align-items:center}
#productspecification table tr:last-child td {border-bottom:0!important}
#productspecification table td:first-child {position:relative;width:100%!important;padding:15px 20px 15px 25px!important;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1.6!important;text-align:left!important;background:linear-gradient(135deg,#202832,#34404e)!important;border-right:1px solid rgba(255,255,255,.06)!important;overflow:hidden}
#productspecification table td:first-child::before {content:counter(specification-item,decimal-leading-zero);display:block;color:rgba(255,255,255,.27);font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.14em;position:absolute;right:20px}
#productspecification table td:first-child::after {content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--pd-primary),transparent)}
#productspecification table tr:nth-child(even) td:first-child {background:linear-gradient(135deg,#27313d,#3d4a59)!important}
#productspecification table td:last-child {padding-right:30px!important}
#productspecification table span {color:inherit!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
#productspecification table strong {color:inherit!important;font-size:inherit!important;font-weight:700!important;line-height:1;height:100%;display:flex;align-items:center}
#productspecification table p {margin:0 0 12px!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}
#productspecification table p:last-child {margin-bottom:0!important}
#productspecification table br {content:"";display:block;margin-bottom:5px}
#productspecification table a {color:var(--pd-primary)!important;text-decoration:none!important;border-bottom:1px solid rgba(215,25,32,.28);transition:color .3s ease,border-color .3s ease}
#productspecification table a:hover {color:var(--pd-primary-dark)!important;border-color:var(--pd-primary-dark)}
#productspecification img {max-width:100%!important;height:auto!important}

/* #productlsit */
#productlsit,#productlsit * {box-sizing:border-box}
#productlsit {position:relative;padding:clamp(40px,8vw,50px) clamp(20px,1vw,30px) clamp(30px,5vw,40px);isolation:isolate}
#productlsit::before {content:"PRODUCT SYSTEMS";position:absolute;top:-75px;left:0;z-index:-1;color:rgba(32,40,50,.032);font-family:Arial,sans-serif;font-size:clamp(85px,12vw,115px);font-weight:900;line-height:.85;letter-spacing:-.065em;white-space:nowrap;pointer-events:none}
#productlsit>ul {position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(100%,1480px);margin:0 auto;padding:0;list-style:none;counter-reset:product-item}
#productlsit>ul::before {content:"YU TAI PROFESSIONAL COATING COLLECTION";position:absolute;top:-42px;left:0;color:#89919b;font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.24em}
#productlsit>ul::after {content:"";position:absolute;top:-35px;right:0;width:min(300px,28%);height:1px;background:linear-gradient(90deg,transparent,rgba(32,40,50,.16),var(--inner-primary,#d71920))}
#productlsit>ul>li {position:relative;counter-increment:product-item;display:flex;flex-direction:column;min-width:0;padding:35px 32px 31px;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,247,248,.97));border:1px solid rgba(32,40,50,.09);border-top:3px solid transparent;border-radius:15px;box-shadow:0px 6px 14px rgba(25,32,40,.065);overflow:hidden;isolation:isolate;transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .42s ease,box-shadow .42s ease,background .42s ease}
#productlsit>ul>li::before {content:counter(product-item,decimal-leading-zero);position:absolute;top:5px;right:20px;z-index:-1;color:rgb(241 236 237 / 29%);font-family:Arial,sans-serif;font-size:64px;font-weight:900;line-height:1;letter-spacing:-.07em;transition:color .4s ease,transform .4s ease}
#productlsit>ul>li::after {content:"";position:absolute;right:-45px;bottom:-60px;z-index:-1;width:135px;aspect-ratio:1;border:1px solid rgba(32,40,50,.05);border-radius:50%;box-shadow:0 0 0 20px rgba(32,40,50,.014);transition:border-color .4s ease,transform .5s ease}
#productlsit>ul>li>a {position:absolute;inset:0;z-index:5;display:block;border-radius:inherit}
#productlsit>ul>li>a::before {content:"";position:absolute;right:15px;bottom:15px;width:43px;height:43px;background:#eef0f2;border:1px solid rgba(32,40,50,.08);border-radius:50%;transition:background .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease}
#productlsit>ul>li>a::after {content:"→";position:absolute;right:15px;bottom:15px;display:flex;align-items:center;justify-content:center;width:43px;height:43px;color:#3d4651;font-family:Arial,sans-serif;font-size:18px;line-height:1;transition:color .35s ease,transform .35s ease}
#productlsit>ul>li>a:focus-visible {outline:3px solid rgba(215,25,32,.35);outline-offset:-3px}
#productlsit .taProductNO {position:relative;z-index:2;display:flex;align-items:center;gap:13px;margin-bottom:25px;padding-right:75px;color:var(--inner-primary,#d71920);font-family:Arial,sans-serif;font-size:13px;font-weight:800;line-height:1.4;letter-spacing:.16em}
#productlsit .taProductNO::after {content:"";display:block;width:52px;height:1px;background:linear-gradient(90deg,var(--inner-primary,#d71920),transparent);transition:width .4s ease}
#productlsit .info {position:relative;z-index:2;padding-right:30px;color:var(--inner-dark,#20252d);font-size:clamp(21px,1.65vw,27px);font-weight:700;line-height:1.48;letter-spacing:-.025em;word-break:normal;overflow-wrap:break-word;transition:color .35s ease;height:auto}

#productlsit .info_text {position:relative;z-index:2;margin-top:auto;padding:0 65px 0 0;color:var(--inner-text,#626b75);font-size:14px;line-height:1.82;letter-spacing:.01em}
#productlsit .info_text:empty {display:none}
#productlsit>ul>li:hover {background:linear-gradient(145deg,#fff,#f3f4f6);border-color:rgba(215,25,32,.22);border-top-color:var(--inner-primary,#d71920);box-shadow:0 27px 58px rgba(25,32,40,.13);transform:translateY(-8px)}
#productlsit>ul>li:hover::before {color:rgba(215,25,32,.075);transform:translateY(-4px)}
#productlsit>ul>li:hover::after {border-color:rgba(215,25,32,.16);transform:scale(1.1)}
#productlsit>ul>li:hover .taProductNO::after {width:85px}
#productlsit>ul>li:hover .info {color:#151a20}
#productlsit>ul>li:hover .info::after {width:75px}
#productlsit>ul>li:hover>a::before {background:var(--inner-primary,#d71920);border-color:var(--inner-primary,#d71920);box-shadow:0 10px 23px rgba(215,25,32,.22);transform:translateX(4px)}
#productlsit>ul>li:hover>a::after {color:#fff;transform:translateX(4px)}
#productlsit>ul>li:nth-child(3n+2) {background:linear-gradient(145deg,#fff,#f1f3f5)}
#productlsit>ul>li:nth-child(3n+2)::after {right:auto;left:-45px}
#productlsit>ul>li:nth-child(3n) .taProductNO::after {background:linear-gradient(90deg,var(--inner-primary,#d71920),rgba(73,91,112,.2),transparent)}

@media screen and (max-width:1470px){
  #productinfo{padding: clamp(20px,4vw,30px);}
  #productinfo .h2{font-size: clamp(24px, 3vw, 30px);}
  #productspecification table td{padding: 15px 15px !important;}
  #productspecification{padding: 61px clamp(25px, 4vw, 35px) clamp(34px, 4vw, 50px);}
  #productdetail{padding: clamp(20px, 8vw, 40px) clamp(10px, 5vw, 10px) clamp(20px, 2vw, 40px);}
}
@media screen and (max-width:1200px) {
  /* #productdetail */
  #productdetail { grid-template-columns: minmax(310px,.7fr) minmax(0,1.3fr); gap: 42px; padding-right: 45px; padding-left: 45px; --pd-shadow: 0 5px 25px rgba(25,32,40,.1) }
  /* #productinfo */
  #productinfo { padding: 42px 36px }
  #productinfo .h2 { font-size: 36px }
  /* #productspecification */
  #productspecification { padding-right: 38px; padding-left: 38px }
  #productspecification::before { left: 38px }
  #productspecification table td:first-child { width: 135px!important }
  /* #productlsit */
  #productlsit { padding-right: 45px; padding-left: 45px }
  #productlsit>ul { grid-template-columns: repeat(2,minmax(0,1fr)) }
  #productlsit>ul>li { padding: 32px 29px 29px }
  #productlsit .info { font-size: 24px }
}
@media screen and (max-width:960px) {
  /* #productdetail */
  #productdetail { grid-template-columns: 1fr; gap: 30px; padding: 90px 35px 100px }
  /* #productinfo */
  #productinfo { position: relative; top: auto; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 35px; padding: 45px }
  #productinfo::before { grid-column: 1/3 }
  #productinfo .titleJbox { grid-column: 1/2 }
  #productinfo .article { grid-column: 1/2 }
  #productinfo .coptext { grid-column: 1/2 }
  #productinfo .btns { grid-column: 2/3; grid-row: 2/5; align-items: flex-end; margin-top: 0 }
  /* #productspecification */
  #productspecification { padding-top: 92px }
}
@media screen and (max-width:767px) {
  /* #productlsit */
  #productlsit { padding: 85px 20px 90px }
  #productlsit::before { top: 25px; font-size: 78px }
  #productlsit>ul { grid-template-columns: 1fr; gap: 13px }
  #productlsit>ul::before { top: -35px; font-size: 9px; letter-spacing: .17em }
  #productlsit>ul::after { top: -29px; width: 110px }
  #productlsit>ul>li { padding: 29px 25px 26px; border-radius: 12px }
  #productlsit>ul>li::before { top: 21px; right: 22px; font-size: 56px }
  #productlsit .taProductNO { margin-bottom: 38px; padding-right: 65px; font-size: 12px }
  #productlsit .info { padding-right: 5px; font-size: 22px }
  
  #productlsit .info_text { padding-right: 58px; font-size: 13px }
  #productlsit>ul>li>a::before,#productlsit>ul>li>a::after { right: 21px; bottom: 21px; width: 40px; height: 40px }
}
@media screen and (max-width:700px) {
  /* #productdetail */
  #productdetail {padding: 78px 20px 10px;--pd-shadow: 0 10px 25px rgba(25,32,40,.1)}
  #productdetail::before { top: 22px; font-size: 78px }
  /* #productinfo */
  #productinfo { display: block; padding: 38px 28px; border-radius: 15px }
  #productinfo::before { margin-bottom: 32px }
  #productinfo .h2 { font-size: 31px; line-height: 1.42 }
  #productinfo .article { font-size: 15px; line-height: 1.85 }
  #productinfo .coptext { font-size: 15px }
  #productinfo .btns { margin-top: 32px }
  /* #productspecification */
  #productspecification { padding: 80px 22px 22px; border-radius: 15px }
  #productspecification::before { top: 29px; left: 22px; font-size: 10px }
  #productspecification::after { top: 24px; right: 19px; width: 45px; height: 45px }
  #productspecification table,#productspecification table tbody { display: block; width: 100%!important }
  #productspecification table tr { display: block; margin-bottom: 13px; background: #fff; border: 1px solid var(--pd-line); border-radius: 10px; box-shadow: 0 9px 25px rgba(25,32,40,.045); overflow: hidden }
  #productspecification table tr:last-child { margin-bottom: 0 }
  #productspecification table td { display: block; width: 100%!important; border: 0!important }
  #productspecification table td:first-child { width: 100%!important; padding: 14px 18px!important }
  #productspecification table td:first-child::before { display: inline-block; margin: 0 12px 0 0 }
  #productspecification table td:first-child::after { width: 42px }
  #productspecification table td:last-child { padding: 18px!important; background: #fff!important }
  #productspecification table tr:hover td:last-child { background: #fff!important }
}
@media screen and (max-width:480px) {
  /* #productdetail */
  #productdetail {padding: 10px 0px 5px;}
  /* #productinfo */
  #productinfo { padding: 34px 22px }
  #productinfo .h2 { font-size: 27px }
  #productinfo .article { padding-left: 17px; font-size: 14px }
  #productinfo .coptext { display: block }
  #productinfo .coptext::before { display: block; margin-bottom: 6px }
  #productinfo .coptext::after { margin-top: 9px }
  #productinfo .btns .ask { width: 100%; min-width: 0 }
  /* #productspecification */
  #productspecification { padding: 76px 15px 15px }
  #productspecification::before { left: 16px; letter-spacing: .16em }
  #productspecification table td:first-child { padding: 13px 15px!important; font-size: 14px!important }
  #productspecification table td:last-child { padding: 16px 15px!important; font-size: 14px!important; line-height: 1.8!important }
  /* #productlsit */
  #productlsit { padding: 75px 15px 78px }
  #productlsit>ul>li { padding: 26px 21px 24px }
  #productlsit>ul>li::before { font-size: 49px }
  #productlsit .taProductNO { margin-bottom: 34px }
  #productlsit .info { font-size: 20px; line-height: 1.55 }
  #productlsit .info_text { padding-right: 48px; font-size: 12px }
  #productlsit>ul>li>a::before,#productlsit>ul>li>a::after { right: 18px; bottom: 18px; width: 37px; height: 37px }
}
@media (prefers-reduced-motion:reduce) {
  /* #productinfo */
  #productinfo .btns .ask,#productinfo .btns .ask::before,#productinfo .btns .ask::after,#productspecification table tr,#productspecification table a { transition: none }
  /* #productlsit */
  #productlsit>ul>li,#productlsit>ul>li::before,#productlsit>ul>li::after,#productlsit>ul>li>a::before,#productlsit>ul>li>a::after,#productlsit .taProductNO::after { transition: none }
}