:root {
--utrun-brand: #0C4F47;
--utrun-brand-soft: #176b5f;
--utrun-brand-tint: #eef4f3;
--utrun-line: #dfe3e3;
--utrun-line-strong: #c9d4d2;
--utrun-surface: #f6f8f8;
--utrun-ink: #2f3434;
--utrun-ink-2: #4a4f4f;
--utrun-ink-3: #6a6f6f;
--utrun-ink-4: #8a8f8f;
--utrun-radius: 6px;
--utrun-shadow: 0 1px 2px rgba(12, 79, 71, .05), 0 6px 20px rgba(12, 79, 71, .06);
--utrun-shadow-hover: 0 2px 4px rgba(12, 79, 71, .07), 0 12px 28px rgba(12, 79, 71, .10);
} .utrun-specs {
--utrun-specs-primary: var(--utrun-brand);
--utrun-specs-border: var(--utrun-line);
--utrun-specs-zebra: var(--utrun-surface);
margin: 0 0 2em;
color: var(--utrun-ink-2);
font-size: 15px;
line-height: 1.6;
} .utrun-cat {
margin: 0 0 1.5em;
}
.utrun-cat__inner {
max-width: 100%;
padding: 1.4em 0 0;
color: var(--utrun-ink-2);
font-size: 15px;
line-height: 1.85;
} .utrun-cat__heading {
position: relative;
margin: 0 0 .9em;
padding: 0 0 .5em;
border-bottom: 1px solid var(--utrun-line);
color: var(--utrun-brand);
font-size: 1.35em;
line-height: 1.4;
}
.utrun-cat__heading::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 48px;
height: 2px;
background: var(--utrun-brand);
}
.utrun-cat__subheading {
margin: 1.8em 0 .6em;
color: var(--utrun-brand);
font-size: 1.1em;
}
.utrun-cat__p {
margin: 0 0 1em;
}
.utrun-cat .utrun-specs__table th[scope="row"] {
text-align: left;
}
.utrun-cat .utrun-specs__table a {
color: var(--utrun-brand);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(12, 79, 71, .35);
}
.utrun-cat .utrun-specs__table a:hover {
border-bottom-color: var(--utrun-brand);
}
.utrun-cat__note {
color: var(--utrun-ink-3);
font-size: .95em;
}
@media (max-width: 767px) {
.utrun-cat__inner {
font-size: 14px;
}
.utrun-cat__heading {
font-size: 1.2em;
}
} .utrun-apps {
display: grid;
gap: 1.1em;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
margin: 1em 0 0;
}
.utrun-apps__item {
padding: 1.2em 1.3em 1.25em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
box-shadow: var(--utrun-shadow);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.utrun-apps__item:hover {
transform: translateY(-2px);
border-color: var(--utrun-line-strong);
box-shadow: var(--utrun-shadow-hover);
}
.utrun-apps__title {
position: relative;
margin: 0 0 .5em;
padding-left: 1em;
color: var(--utrun-brand);
font-size: 1.02em;
font-weight: 600;
line-height: 1.55;
} .utrun-apps__title::before {
content: "";
position: absolute;
top: .58em;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--utrun-brand);
}
.utrun-apps__desc {
margin: 0;
color: #5a5f5f;
font-size: .93em;
line-height: 1.85;
} .utrun-faq {
margin: 2.4em 0 0;
}
.utrun-faq__title {
margin: 0 0 .9em;
color: var(--utrun-brand);
font-size: 1.15em;
}
.utrun-faq__item {
position: relative;
margin: 0 0 .8em;
padding: 1.05em 1.3em 1.05em 1.4em;
background: var(--utrun-surface);
border-radius: var(--utrun-radius);
overflow: hidden;
}
.utrun-faq__item::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
background: var(--utrun-brand);
opacity: .75;
}
.utrun-faq__q {
margin: 0 0 .5em;
color: var(--utrun-ink);
font-size: 1.02em;
font-weight: 600;
line-height: 1.65;
}
.utrun-faq__a {
margin: 0;
color: #5a5f5f;
font-size: .95em;
line-height: 1.9;
} .utrun-intro {
position: relative;
margin: 0 0 1.8em;
padding: 1.35em 1.6em 1.25em 1.75em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
box-shadow: var(--utrun-shadow);
overflow: hidden;
} .utrun-intro::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background: linear-gradient(180deg, var(--utrun-brand), var(--utrun-brand-soft));
}
.utrun-intro__lead {
margin: 0;
color: #3f4444;
font-size: 16.5px;
line-height: 1.8;
letter-spacing: .01em;
}
.utrun-intro__meta {
margin: 1em 0 0;
padding: .8em 0 0;
border-top: 1px solid var(--utrun-line);
color: #7a7f7f;
font-size: .88em;
line-height: 1.7;
}
.utrun-intro__meta a {
color: var(--utrun-brand);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(12, 79, 71, .35);
}
.utrun-intro__meta a:hover {
border-bottom-color: var(--utrun-brand);
} .utrun-related {
margin: 2.4em 0 0;
padding: 1.4em 1.5em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
}
.utrun-related__title {
margin: 0 0 .3em;
color: var(--utrun-brand);
font-size: 1.1em;
}
.utrun-related__list {
margin: 0;
padding: 0;
list-style: none;
}
.utrun-related__item {
margin: 0;
padding: 1em 0;
border-top: 1px solid var(--utrun-line);
color: #5a5f5f;
font-size: .95em;
line-height: 1.8;
}
.utrun-related__item a {
display: inline-block;
margin: 0 0 .15em;
color: var(--utrun-brand);
font-size: 1.05em;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.utrun-related__item a:hover {
border-bottom-color: var(--utrun-brand);
} .utrun-related__desc {
display: block;
color: var(--utrun-ink-3);
font-size: .93em;
line-height: 1.85;
}
.utrun-related__more {
margin: 1.1em 0 0;
padding: .9em 1.1em;
background: var(--utrun-brand-tint);
border-radius: var(--utrun-radius);
color: #5a5f5f;
font-size: .95em;
line-height: 1.8;
}
.utrun-related__more a {
color: var(--utrun-brand);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(12, 79, 71, .35);
}
.utrun-related__more a:hover {
border-bottom-color: var(--utrun-brand);
}
@media (max-width: 767px) {
.utrun-intro {
padding: 1.1em 1.1em 1em 1.25em;
}
.utrun-intro__lead {
font-size: 15.5px;
}
.utrun-related,
.utrun-apps__item,
.utrun-faq__item {
padding-right: 1.1em;
padding-left: 1.1em;
}
.utrun-faq__item {
padding-left: 1.2em;
}
} .utrun-specs__title {
position: relative;
margin: 2.2em 0 .9em;
padding: 0 0 .5em;
border-bottom: 1px solid var(--utrun-line);
color: var(--utrun-specs-primary);
}
.utrun-specs__title::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 48px;
height: 2px;
background: var(--utrun-specs-primary);
}
.utrun-specs__title:first-child {
margin-top: 0;
}
.utrun-specs__subtitle {
margin: 1.4em 0 .5em;
color: var(--utrun-specs-primary);
font-size: 1.05em;
} .utrun-specs__scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .utrun-specs__table {
width: 100%;
min-width: 640px;
border: 1px solid var(--utrun-specs-border);
border-radius: var(--utrun-radius);
border-collapse: separate;
border-spacing: 0;
background: #fff;
}
.utrun-specs__table--narrow {
min-width: 420px;
}
.utrun-specs__table caption {
padding: 0 0 .7em;
color: var(--utrun-ink-4);
font-size: .9em;
text-align: left;
}
.utrun-specs__table th,
.utrun-specs__table td {
padding: .75em .95em;
border-right: 1px solid var(--utrun-specs-border);
border-bottom: 1px solid var(--utrun-specs-border);
text-align: center;
vertical-align: middle;
}
.utrun-specs__table tr > *:last-child {
border-right: 0;
}
.utrun-specs__table tbody tr:last-child > * {
border-bottom: 0;
} .utrun-specs__table thead tr:first-child > *:first-child {
border-top-left-radius: calc(var(--utrun-radius) - 1px);
}
.utrun-specs__table thead tr:first-child > *:last-child {
border-top-right-radius: calc(var(--utrun-radius) - 1px);
}
.utrun-specs__table tbody tr:last-child > *:first-child {
border-bottom-left-radius: calc(var(--utrun-radius) - 1px);
}
.utrun-specs__table tbody tr:last-child > *:last-child {
border-bottom-right-radius: calc(var(--utrun-radius) - 1px);
}
.utrun-specs__table thead th {
background: linear-gradient(180deg, #12655b, var(--utrun-specs-primary));
border-right-color: rgba(255, 255, 255, .18);
border-bottom: 0;
color: #fff;
font-weight: 600;
white-space: nowrap;
letter-spacing: .01em;
}
.utrun-specs__table tbody th[scope="row"] {
background: var(--utrun-specs-zebra);
color: var(--utrun-ink);
font-weight: 600;
text-align: left;
white-space: nowrap;
}
.utrun-specs__table tbody tr:nth-child(even) td {
background: #fbfcfc;
} .utrun-specs__table thead th:first-child,
.utrun-specs__table tbody th[scope="row"] {
position: sticky;
left: 0;
z-index: 1;
}
.utrun-specs__table thead th:first-child {
z-index: 2;
}
.utrun-specs__table tbody tr:hover td:not(.is-on),
.utrun-specs__table tbody tr:nth-child(even):hover td:not(.is-on) {
background: var(--utrun-brand-tint);
}
.utrun-specs__table tbody tr:hover th[scope="row"] {
background: #e6eeed;
}
.utrun-specs__table--io td.is-on {
background: var(--utrun-specs-primary);
color: #fff;
font-weight: 600;
}
.utrun-specs__table--io tbody tr:nth-child(even) td.is-on {
background: var(--utrun-specs-primary);
}
.utrun-specs__table--io td:last-child {
text-align: left;
} .utrun-specs__table--prose {
min-width: 560px;
}
.utrun-specs__table--prose td,
.utrun-specs__table--prose tbody th[scope="row"] {
text-align: left;
vertical-align: top;
}
.utrun-specs__table--prose tbody th[scope="row"] {
white-space: normal;
min-width: 6.5em;
}
.utrun-specs__note {
margin: .8em 0 0;
color: #7a7f7f;
font-size: .92em;
} .utrun-methods {
display: grid;
gap: 1.2em;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
margin: 1.2em 0 0;
}
.utrun-methods__item {
padding: 1.1em 1.2em 1.2em;
border: 1px solid var(--utrun-specs-border);
border-radius: var(--utrun-radius);
background: #fff;
box-shadow: var(--utrun-shadow);
}
.utrun-methods__chart {
margin: 0 0 .9em;
padding: .4em .2em;
background: var(--utrun-specs-zebra);
border-radius: var(--utrun-radius);
}
.utrun-chart {
display: block;
width: 100%;
height: auto;
}
.utrun-chart__axis {
fill: none;
stroke: #b9c0c0;
stroke-width: 1.2;
}
.utrun-chart__axisname {
fill: #8a8f8f;
font-size: 11px;
}
.utrun-chart__guide {
stroke: #a6acac;
stroke-width: 1;
stroke-dasharray: 3 3;
}
.utrun-chart__dim {
fill: none;
stroke: #8a8f8f;
stroke-width: 1;
}
.utrun-chart__ok {
fill: #7fb069;
fill-opacity: .28;
stroke: #7fb069;
stroke-width: 1;
}
.utrun-chart__curve {
fill: none;
stroke: #c0392b;
stroke-width: 2.4;
stroke-linecap: round;
} .utrun-chart__curve--after {
stroke-width: 1.8;
stroke-dasharray: 4 3;
opacity: .6;
}
.utrun-chart__point {
fill: var(--utrun-specs-primary);
}
.utrun-chart__label,
.utrun-chart__oklabel {
fill: #5f6565;
font-size: 11px;
}
.utrun-chart__oklabel {
fill: #4a7a3a;
}
.utrun-methods__title {
margin: 0 0 .5em;
color: var(--utrun-specs-primary);
font-size: 1.02em;
font-weight: 600;
line-height: 1.5;
}
.utrun-methods__en {
display: block;
color: #9aa0a0;
font-size: .78em;
font-weight: 400;
letter-spacing: .01em;
}
.utrun-methods__desc {
margin: 0;
color: #5a5f5f;
font-size: .93em;
line-height: 1.8;
}
.utrun-methods__meta {
margin: .7em 0 0;
padding: .6em .8em;
background: var(--utrun-specs-zebra);
border-radius: 3px;
color: #4a4f4f;
font-size: .88em;
line-height: 1.7;
}
.utrun-specs__pattern {
margin: .5em 0 1em;
padding: .7em 1em;
background: var(--utrun-specs-zebra);
border-left: 3px solid var(--utrun-specs-primary);
font-family: Menlo, Consolas, monospace;
font-size: .95em;
overflow-x: auto;
}
@media (max-width: 767px) {
.utrun-specs {
font-size: 14px;
}
.utrun-specs__table th,
.utrun-specs__table td {
padding: .55em .65em;
} .utrun-specs__table:not(.utrun-specs__table--io) thead th:first-child,
.utrun-specs__table:not(.utrun-specs__table--io) tbody th[scope="row"],
.utrun-specs__table--prose tbody th[scope="row"] {
width: 8.5em;
min-width: 8.5em;
max-width: 8.5em;
white-space: normal;
word-break: break-word;
}
}  body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-element.elementor-widget-heading h2.elementor-heading-title {
color: var(--utrun-brand);
font-family: "Roboto", "Manrope", sans-serif;
font-size: clamp(24px, 4.2vw, 36px);
font-weight: 600;
line-height: 1.35;
letter-spacing: .01em;
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-element.elementor-widget-heading h3.elementor-heading-title {
color: var(--utrun-brand);
font-family: "Roboto", "Manrope", sans-serif;
font-size: clamp(19px, 3.2vw, 27px);
font-weight: 600;
line-height: 1.45;
letter-spacing: .01em;
} .utrun-auto :where([data-elementor-post-type="post"]) .elementor-col-100 .elementor-widget-heading {
text-align: center;
} body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-element.elementor-widget-divider .elementor-divider {
justify-content: center;
text-align: center;
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-element.elementor-widget-divider .elementor-divider-separator {
width: 64px;
height: 3px;
margin: 0 auto;
border: 0;
border-block-start: 0;
border-radius: 3px;
background: linear-gradient(90deg, var(--utrun-brand), var(--utrun-brand-soft));
} body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-column:not(.elementor-col-100) .elementor-element.elementor-widget-divider .elementor-divider-separator {
margin-inline-start: 0;
} body.utrun-auto img.utrun-figure {
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: 8px;
box-shadow: var(--utrun-shadow);
} body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-video .elementor-wrapper {
border-radius: 8px;
overflow: hidden;
box-shadow: var(--utrun-shadow);
} body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-element.elementor-widget-button .elementor-button {
padding: 1em 2.6em;
box-shadow: 0 6px 18px rgba(12, 79, 71, .22);
letter-spacing: .02em;
transition: transform .18s ease, box-shadow .18s ease;
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-element.elementor-widget-button .elementor-button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(12, 79, 71, .28);
} body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-image-box .elementor-image-box-wrapper {
padding: 1.4em 1.2em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
box-shadow: var(--utrun-shadow);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-image-box .elementor-image-box-wrapper:hover {
transform: translateY(-2px);
border-color: var(--utrun-line-strong);
box-shadow: var(--utrun-shadow-hover);
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-image-box .elementor-image-box-title {
color: var(--utrun-brand);
}  .utrun-list--spec ul {
margin: 0;
padding: 0;
list-style: none;
}
.utrun-list--spec li {
display: flex;
align-items: baseline;
gap: .6em;
padding: .55em .2em;
border-bottom: 1px solid var(--utrun-line);
}
.utrun-list--spec li:last-child {
border-bottom: 0;
} .utrun-list--spec li::before {
content: "";
flex: 0 0 auto;
width: 7px;
height: 7px;
border-radius: 1px;
background: var(--utrun-brand);
transform: rotate(45deg);
} .utrun-list--cards ul {
display: grid;
gap: 1.1em;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin: .6em 0 0;
padding: 0;
list-style: none;
}
.utrun-list--cards li {
padding: 1.2em 1.35em 1.25em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
box-shadow: var(--utrun-shadow);
color: #5a5f5f;
font-size: .95em;
line-height: 1.9;
text-align: left;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.utrun-list--cards li:hover {
transform: translateY(-2px);
border-color: var(--utrun-line-strong);
box-shadow: var(--utrun-shadow-hover);
} .utrun-list--cards li > strong:first-child {
display: block;
margin: 0 0 .35em;
color: var(--utrun-brand);
font-size: 1.05em;
font-weight: 600;
line-height: 1.55;
}  body.postid-8926 .elementor-element.elementor-element-36ce64c img,
body.postid-8926 .elementor-element.elementor-element-bf10fe4 img {
width: auto;
max-width: 100%;
max-height: 460px;
padding: 10px;
}
body.postid-8926 .elementor-element.elementor-element-36ce64c,
body.postid-8926 .elementor-element.elementor-element-bf10fe4 {
text-align: center;
} body.postid-8926 .elementor-element.elementor-element-d286e67 img,
body.postid-8926 .elementor-element.elementor-element-fea19b0 img,
body.postid-8926 .elementor-element.elementor-element-7e9dfcc img,
body.postid-8926 .elementor-element.elementor-element-4602c09 img {
width: auto;
max-width: 100%;
max-height: 78px;
filter: grayscale(1);
opacity: .6;
transition: filter .25s ease, opacity .25s ease;
}
body.postid-8926 .elementor-element.elementor-element-d286e67 img:hover,
body.postid-8926 .elementor-element.elementor-element-fea19b0 img:hover,
body.postid-8926 .elementor-element.elementor-element-7e9dfcc img:hover,
body.postid-8926 .elementor-element.elementor-element-4602c09 img:hover {
filter: none;
opacity: 1;
}
body.postid-8926 .elementor-element.elementor-element-d286e67,
body.postid-8926 .elementor-element.elementor-element-fea19b0,
body.postid-8926 .elementor-element.elementor-element-7e9dfcc,
body.postid-8926 .elementor-element.elementor-element-4602c09 {
padding: 18px 0;
text-align: center;
} body.postid-8926 .elementor-element.elementor-element-ut9a4001,
body.postid-8926 .elementor-element.elementor-element-8eab1a1 {
margin-top: 40px;
margin-bottom: 40px;
} body.postid-8926 .elementor-element.elementor-element-4baea3c {
margin-top: 30px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
body.postid-8926 .elementor-element.elementor-element-36ce64c img,
body.postid-8926 .elementor-element.elementor-element-bf10fe4 img {
max-height: 320px;
}
body.postid-8926 .elementor-element.elementor-element-d286e67 img,
body.postid-8926 .elementor-element.elementor-element-fea19b0 img,
body.postid-8926 .elementor-element.elementor-element-7e9dfcc img,
body.postid-8926 .elementor-element.elementor-element-4602c09 img {
max-height: 60px;
}
}  body.utrun-auto [data-elementor-type="wp-post"][data-elementor-post-type="post"] {
display: flex;
flex-direction: column;
}
body.utrun-auto .elementor-section.utrun-sec--lift {
order: -1;
}
body.utrun-auto .elementor-section.utrun-sec--intro {
margin-top: 10px;
} body.utrun-auto .elementor-section.utrun-sec--spacer {
display: none;
}  body.utrun-auto .wrap-fullwidth .row_site,
body.utrun-auto .wrap-fullwidth .container_site {
max-width: none;
padding-right: 0;
padding-left: 0;
}
body.utrun-auto .wrap-fullwidth #main-content {
max-width: none;
}
body.utrun-auto .elementor-section.utrun-sec {
padding-right: 20px !important;
padding-left: 20px !important;
}
body.utrun-auto .elementor-section.utrun-sec.elementor-section-boxed > .elementor-container,
body.utrun-auto .elementor-section.utrun-sec.elementor-section-full_width:not(.elementor-section-stretched) > .elementor-container {
max-width: 1100px !important;
margin-right: auto;
margin-left: auto;
}
body.utrun-auto .elementor-section.utrun-sec > .elementor-container > .elementor-column > .elementor-widget-wrap {
padding-right: 10px !important;
padding-left: 10px !important;
} body.utrun-auto .elementor-section.utrun-sec .elementor-inner-section > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap {
padding-left: 0 !important;
}
body.utrun-auto .elementor-section.utrun-sec .elementor-inner-section > .elementor-container > .elementor-column:last-child > .elementor-widget-wrap {
padding-right: 0 !important;
} body.utrun-auto .elementor-section.utrun-sec .elementor-inner-section > .elementor-container:has(> .elementor-column:nth-child(3)) {
gap: 20px;
}
body.utrun-auto .elementor-section.utrun-sec .elementor-inner-section > .elementor-container:has(> .elementor-column:nth-child(3)) > .elementor-column > .elementor-widget-wrap {
padding-right: 0 !important;
padding-left: 0 !important;
} @media (min-width: 768px) {
body.utrun-auto .elementor-section.utrun-sec .elementor-inner-section > .elementor-container:has(> .elementor-column:nth-child(3)) > .elementor-column {
flex: 1 1 0;
min-width: 0;
}
}
@media (max-width: 767px) { body.utrun-auto .elementor-section.utrun-sec {
padding-right: 16px !important;
padding-left: 16px !important;
}
body.utrun-auto .elementor-section.utrun-sec > .elementor-container,
body.utrun-auto .elementor-section.utrun-sec > .elementor-container > .elementor-column > .elementor-widget-wrap,
body.utrun-auto .elementor-section.utrun-sec .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
padding-right: 0 !important;
padding-left: 0 !important;
} body.utrun-auto .elementor-section.utrun-sec--hero .elementor-column:has(img.utrun-figure) {
order: -1;
}
body.utrun-auto .elementor-section.utrun-sec .elementor-widget-shortcode > .elementor-widget-container,
body.utrun-auto .elementor-section.utrun-sec .elementor-widget-text-editor > .elementor-widget-container {
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
} .utrun-zoom {
position: relative;
display: inline-block;
max-width: 100%;
vertical-align: top;
cursor: zoom-in;
}
@media (max-width: 767px) {
.utrun-zoom--wide::after {
content: attr(data-utrun-zoom);
position: absolute;
right: 8px;
bottom: 8px;
padding: 3px 9px;
border-radius: 3px;
background: rgba(12, 79, 71, .88);
color: #fff;
font-size: 12px;
line-height: 1.6;
pointer-events: none;
}
} .utrun-specs__table td.is-shared {
color: var(--utrun-ink-3);
}
.utrun-specs__table tbody tr.is-diff td {
background: #f1f8f6;
color: var(--utrun-brand);
font-weight: 600;
}
.utrun-specs__table tbody tr.is-diff th[scope="row"] {
box-shadow: inset 3px 0 0 #12b3a0;
}
.utrun-specs__legend {
position: relative;
margin: .7em 0 0;
padding-left: 1.5em;
color: var(--utrun-ink-4);
font-size: .88em;
}
.utrun-specs__legend::before {
content: "";
position: absolute;
top: .3em;
left: 0;
width: 1em;
height: 1em;
border-radius: 2px;
background: #f1f8f6;
box-shadow: inset 3px 0 0 #12b3a0, 0 0 0 1px var(--utrun-line);
}
@media (max-width: 767px) { .utrun-specs__table--cols-1,
.utrun-specs__table--cols-2,
.utrun-specs__table--narrow {
min-width: 0;
}
.utrun-specs__table--cols-1 thead th,
.utrun-specs__table--cols-2 thead th,
.utrun-specs__table--narrow thead th {
white-space: normal;
word-break: break-word;
}
.utrun-specs__table--cols-2:not(.utrun-specs__table--io) thead th:first-child,
.utrun-specs__table--cols-2:not(.utrun-specs__table--io) tbody th[scope="row"],
.utrun-specs__table--narrow thead th:first-child,
.utrun-specs__table--narrow tbody th[scope="row"] {
width: 6.5em;
min-width: 6.5em;
max-width: 6.5em;
}
.utrun-specs__table--cols-2 td,
.utrun-specs__table--narrow td {
word-break: break-word;
} .utrun-specs__table--cols-3 caption::after,
.utrun-specs__table--cols-4 caption::after {
content: "（可左右滑動查看其他型號）";
color: var(--utrun-brand);
}
html[lang^="en"] .utrun-specs__table--cols-3 caption::after,
html[lang^="en"] .utrun-specs__table--cols-4 caption::after {
content: " (swipe for more models)";
}
} .utrun-faq__item > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
list-style: none;
cursor: pointer;
}
.utrun-faq__item > summary::-webkit-details-marker {
display: none;
}
.utrun-faq__item > summary::after {
content: "";
flex: 0 0 auto;
width: 9px;
height: 9px;
margin: 0 .2em .3em 0;
border-right: 2px solid var(--utrun-brand);
border-bottom: 2px solid var(--utrun-brand);
transform: rotate(45deg);
transition: transform .2s ease;
}
.utrun-faq__item[open] > summary::after {
margin-bottom: -.2em;
transform: rotate(-135deg);
}
.utrun-faq__item > summary .utrun-faq__q {
margin: 0;
}
.utrun-faq__item[open] > summary {
margin-bottom: .5em;
}
.utrun-faq__item > summary:hover .utrun-faq__q {
color: var(--utrun-brand);
} .utrun-related__list {
display: grid;
gap: .9em;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
margin: 1em 0 0;
}
.utrun-related__item {
position: relative;
padding: 1em 1.15em;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
background: #fff;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.utrun-related__item:hover {
transform: translateY(-2px);
border-color: var(--utrun-line-strong);
box-shadow: var(--utrun-shadow-hover);
}
.utrun-related__item a::after {
content: "";
position: absolute;
inset: 0;
}
.utrun-related__sep {
display: none;
}
.utrun-related__desc {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} body.utrun-auto .ova-wpcf7 input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.utrun-auto .ova-wpcf7 select.wpcf7-form-control,
body.utrun-auto .ova-wpcf7 textarea.wpcf7-form-control {
width: 100%;
max-width: 100%;
} body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-icon-box,
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-icon-box > .elementor-widget-container {
height: 100%;
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-icon-box .elementor-icon-box-wrapper {
height: 100%;
padding: 1.5em 1.1em 1.3em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
box-shadow: var(--utrun-shadow);
text-align: center;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-icon-box .elementor-icon-box-wrapper:hover {
transform: translateY(-2px);
border-color: var(--utrun-line-strong);
box-shadow: var(--utrun-shadow-hover);
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-icon-box .elementor-icon-box-icon {
margin: 0 0 .7em;
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-icon-box .elementor-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 50%;
background: var(--utrun-brand-tint);
color: var(--utrun-brand);
font-size: 28px;
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-icon-box .elementor-icon svg {
width: 28px;
height: 28px;
fill: var(--utrun-brand);
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-icon-box .elementor-icon-box-title {
margin: 0 0 .35em;
color: var(--utrun-brand);
font-size: 1.08em;
font-weight: 600;
line-height: 1.45;
}
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-widget-icon-box .elementor-icon-box-description {
margin: 0;
color: #5a5f5f;
font-size: .92em;
line-height: 1.7;
} @media (min-width: 768px) {
body.utrun-auto .elementor-element-srxprr > .elementor-container > .elementor-column {
position: relative;
}
body.utrun-auto .elementor-element-srxprr > .elementor-container > .elementor-column:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
right: -7px;
z-index: 2;
width: 12px;
height: 12px;
border-top: 3px solid var(--utrun-brand-soft);
border-right: 3px solid var(--utrun-brand-soft);
transform: translateY(-50%) rotate(45deg);
}
} @media (max-width: 767px) {
body.utrun-auto :where([data-elementor-post-type="post"]) .elementor-inner-section .elementor-widget-icon-box {
margin-bottom: 12px;
}
} body.utrun-auto .elementor-element-srxt3 {
text-align: center;
}
body.utrun-auto .elementor-element-srxur {
margin-bottom: 24px;
}