/* port-block.py:sv-tanica ← http://127.0.0.1:8825/ .index__products.ct-svc(11-12 服務項目比較;改原版不會自動更新,要重跑) */
#ctp-sv-tanica#ctp-sv-tanica, #ctp-sv-tanica#ctp-sv-tanica :where(*:not(svg, svg *)) { all: revert; }
#ctp-sv-tanica { --ctp-rem: 16px; display: block; }
#ctp-sv-tanica { --ctp-rem: calc(var(--vw)/144); }
@media (max-width: 767px) { #ctp-sv-tanica { --ctp-rem: calc(var(--vw)/37.5); } }
#ctp-sv-tanica#ctp-sv-tanica *, #ctp-sv-tanica#ctp-sv-tanica ::after, #ctp-sv-tanica#ctp-sv-tanica ::before { border-style: solid; border-width: 0px; box-sizing: border-box; }
#ctp-sv-tanica#ctp-sv-tanica h2 { font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0px; }
#ctp-sv-tanica#ctp-sv-tanica ul { list-style: none; margin: 0px; padding: 0px; }
#ctp-sv-tanica#ctp-sv-tanica a { background-color: transparent; color: inherit; text-decoration: none; }
#ctp-sv-tanica#ctp-sv-tanica ::-webkit-file-upload-button { appearance: button; font: inherit; }
#ctp-sv-tanica#ctp-sv-tanica ::selection { background-color: rgb(136, 127, 123); color: rgb(255, 255, 255); }
#ctp-sv-tanica#ctp-sv-tanica :focus-visible { outline: none; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-hoverRoll__text { display: block; height: auto; overflow: hidden; position: relative; width: auto; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-hoverRoll__text > span { display: block; width: 100%; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linkrectarrow { padding-right: calc(3.2 * var(--ctp-rem)); position: relative; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linkrectarrow__rect { background-image: url('files/images/common/rect_bk.svg'); background-position: 50% center; background-repeat: no-repeat; background-size: contain; display: block; height: calc(2.2 * var(--ctp-rem)); overflow: hidden; position: absolute; right: 0px; top: calc(50% - calc(1.1 * var(--ctp-rem))); width: calc(2.2 * var(--ctp-rem)); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linkrectarrow__rect span { display: block; height: 100%; left: calc(0.4 * var(--ctp-rem)); overflow: hidden; position: absolute; top: 0px; width: calc(1.4 * var(--ctp-rem)); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linkrectarrow__rect span::after, #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linkrectarrow__rect span::before { color: rgb(255, 255, 255); content: "→"; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; font-size: calc(1.2 * var(--ctp-rem)) !important; letter-spacing: 0px !important; line-height: calc(2.2 * var(--ctp-rem)) !important; text-align: center !important; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linkrectarrow__rect span::before { left: 0px; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linkrectarrow__rect span::after { left: -100%; }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linkrectarrow { padding-right: calc(3.1 * var(--ctp-rem)); } }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading { align-items: flex-end; display: flex; flex-flow: row; justify-content: space-between; padding-top: calc(3.4 * var(--ctp-rem)); position: relative; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading__label { font-size: max(calc(1.4 * var(--ctp-rem)), 10px); left: 0px; letter-spacing: 0px; line-height: 1.28571em; padding-left: calc(2.8 * var(--ctp-rem)); position: absolute; top: 0px; white-space: nowrap; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading__label::before { background-image: url('files/images/common/rect_be.svg'); background-position: 50% center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: calc(1.8 * var(--ctp-rem)); left: 0px; position: absolute; top: calc(-0.1 * var(--ctp-rem)); width: calc(1.8 * var(--ctp-rem)); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading__title { font-size: max(calc(5.2 * var(--ctp-rem)), 10px); letter-spacing: 0px; line-height: 1em; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading--sub { padding-top: calc(2.6 * var(--ctp-rem)); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading--sub .sv-tanica-sectionheading__title { font-size: max(calc(3.6 * var(--ctp-rem)), 10px); letter-spacing: 0px; line-height: 1.44444em; }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading { padding-top: calc(2 * var(--ctp-rem)); } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading__label { font-size: max(calc(1.1 * var(--ctp-rem)), 10px); letter-spacing: 0px; line-height: 1.27273em; padding-left: calc(2 * var(--ctp-rem)); } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading__label::before { height: calc(1.4 * var(--ctp-rem)); top: calc(-0.05 * var(--ctp-rem)); width: calc(1.4 * var(--ctp-rem)); } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading__title { font-size: max(calc(3.6 * var(--ctp-rem)), 10px); letter-spacing: 0px; line-height: 1em; } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading--sub { padding-top: calc(2 * var(--ctp-rem)); } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading--sub .sv-tanica-sectionheading__title { font-size: max(calc(2.6 * var(--ctp-rem)), 10px); letter-spacing: 0px; line-height: 1em; } }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linklist__item { border-top: 1px solid rgb(204, 204, 204); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linklist__link { display: block; padding: calc(1.9 * var(--ctp-rem)) calc(5.2 * var(--ctp-rem)) calc(1.9 * var(--ctp-rem)) 0px; position: relative; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linklist__link .sv-tanica-linkrectarrow__rect { position: absolute; right: calc(1.5 * var(--ctp-rem)); top: calc(50% - calc(1.1 * var(--ctp-rem))); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linklist__link__text { font-size: max(calc(1.8 * var(--ctp-rem)), 10px); letter-spacing: 0px; line-height: 1em; }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linklist__link { padding: calc(1.4 * var(--ctp-rem)) calc(4.2 * var(--ctp-rem)) calc(1.4 * var(--ctp-rem)) 0px; } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linklist__link .sv-tanica-linkrectarrow__rect { right: calc(1 * var(--ctp-rem)); } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-linklist__link__text { font-size: max(calc(1.6 * var(--ctp-rem)), 10px); letter-spacing: 0px; line-height: 1em; } }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-index__products { margin-top: calc(20 * var(--ctp-rem)); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-index__products__support { align-items: flex-start; display: flex; flex-flow: row; height: auto; justify-content: space-between; margin: calc(10 * var(--ctp-rem)) auto 0px; width: calc(100% - calc(12 * var(--ctp-rem))); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-index__products__support__heading { flex: 0 0 calc(39 * var(--ctp-rem)); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-index__products__support__list { flex: 0 0 calc(87 * var(--ctp-rem)); }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-index__products { margin-top: calc(10 * var(--ctp-rem)); } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-index__products__support { display: block; margin: calc(5 * var(--ctp-rem)) auto 0px; width: calc(100% - calc(3 * var(--ctp-rem))); } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-index__products__support__heading { width: 100%; } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-index__products__support__list { margin-top: calc(3 * var(--ctp-rem)); width: 100%; } }
#ctp-sv-tanica#ctp-sv-tanica [data-ct-draw] path { stroke-dasharray: 1; stroke-dashoffset: 1; }
#ctp-sv-tanica#ctp-sv-tanica [data-ct-draw].sv-tanica-is-drawn path { stroke-dashoffset: 0; transition: stroke-dashoffset 1.4s var(--ct-ease-io); }
#ctp-sv-tanica#ctp-sv-tanica [data-ct-draw].sv-tanica-is-drawn path:nth-child(2) { transition-delay: 0.2s; }
#ctp-sv-tanica#ctp-sv-tanica [data-ct-draw].sv-tanica-is-drawn path:nth-child(3) { transition-delay: 0.35s; }
#ctp-sv-tanica#ctp-sv-tanica [data-ct-draw].sv-tanica-is-drawn path:nth-child(4) { transition-delay: 0.5s; }
#ctp-sv-tanica#ctp-sv-tanica [data-ct-draw].sv-tanica-is-drawn path:nth-child(5) { transition-delay: 0.65s; }
@media (prefers-reduced-motion: reduce) { #ctp-sv-tanica#ctp-sv-tanica *, #ctp-sv-tanica#ctp-sv-tanica ::before, #ctp-sv-tanica#ctp-sv-tanica ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading__label { letter-spacing: 0.12em; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-sectionheading__title { font-weight: 700; letter-spacing: 0.04em; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-ct-svc { margin-top: calc(16 * var(--ctp-rem)) !important; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-ct-svc .sv-tanica-index__products__support { margin-top: 0px; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-ct-svlink { align-items: center; gap: calc(2.4 * var(--ctp-rem)); display: flex !important; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-ct-svlink__icon { flex: 0 0 auto; width: calc(4.8 * var(--ctp-rem)); height: calc(4.8 * var(--ctp-rem)); color: rgb(0, 0, 0); }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-ct-svlink .sv-tanica-linklist__link__text { font-size: max(calc(2.2 * var(--ctp-rem)), 17px); font-weight: 700; letter-spacing: 0.08em; }
#ctp-sv-tanica#ctp-sv-tanica .sv-tanica-ct-svc .sv-tanica-linklist__link { padding-top: calc(2.2 * var(--ctp-rem)) !important; padding-bottom: calc(2.2 * var(--ctp-rem)) !important; }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-ct-svc { margin-top: calc(8 * var(--ctp-rem)) !important; } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-ct-svlink { gap: calc(1.4 * var(--ctp-rem)); } }
@media (max-width: 767px) { #ctp-sv-tanica#ctp-sv-tanica .sv-tanica-ct-svlink__icon { width: calc(3.6 * var(--ctp-rem)); height: calc(3.6 * var(--ctp-rem)); } }