@import url("https://cdn.adlinktech.com/Template/BaseStyles/font-awesome.min.css");
@import url("//cdn.adlinktech.com/vendor/css/slick-1.81.css");
@import url("//cdn.adlinktech.com/vendor/css/slick-theme-1.81.css");
@import url("//cdn.adlinktech.com/vendor/css/aos.css");
body {
    scroll-behavior: smooth;
}
/* ========================================================================== */ 
:root {
    --max-width: 1100px;
    --transition-speed: 0.5s; /* figure 遮罩滑入動畫時間 */
    --primary-color: #1b90c4; /* 展開時的主色 */
    --item-bg: #eef6fc; /* 展開內容的背景色 */
    --box-radius: .25em;
    --border-width: 1px;
}
/* ========================================================================== */
.navListContent {
    margin: 0px auto;
}
.navList {
    width: 100%;
    position: sticky;
    top: 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px;
    z-index: 100 !important;
    background: linear-gradient(to right, rgba(20, 14, 12, 1) 0%, rgba(76, 61, 54, 1) 100%);
}
.dropdown-title {
    display: none;
}
@media (min-width: 1200px) {
    .navList {
        top: 115px;
    }
    .navListContent {
        width: 100%;
        margin: 0px auto;
        max-width: 1100px;
    }
    /* [FIX] 原本未加範圍的 .selected 會把後台 dropdown 的
       .dropdown-item.selected 一起 display:none，故限縮在 .navList 內 */
    .navList .selected {
        display: none;
    }
    .navList ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: stretch;
    }
    .navList ul li {
        align-content: center;
        cursor: pointer;
        width: fit-content;
    }
    .navList ul li a {
        position: relative;
        line-height: normal;
        font-weight: 500;
        height: 64px;
        display: flex;
        align-items: center;
        font-size: 110%;
        padding-right: 3.8em;
        color: rgba(255, 255, 255, 0.4);
    }
    .navList ul li a:hover {
        color: rgba(255, 255, 255, 0.75);
    }
    .navList ul li a.active {
        color: rgba(255, 255, 255, 1);
    }
    .dropdown-selected {
        display: none;
    }
}
@media (max-width: 1199.98px) {
    .navList {
        top: 0px;
    }
    .dropdown {
        position: relative;
        display: block;
        width: 100%;
    }
    .navList .EOC_container {
        width: 100%;
        max-width: none;
    }
    .selected {
        position: relative;
        display: block;
        cursor: pointer;
        padding: 15px;
        line-height: normal;
        font-weight: 500;
        color: rgb(255, 255, 255);
    }
    .selected::after {
        content: "\f107";
        font-family: FontAwesome;
        height: auto;
        visibility: visible;
        position: absolute;
        right: 15px;
        top: 50%;
        color: rgb(255, 255, 255);
        line-height: 1;
        transform: translateY(-50%);
        transition: transform 0.5s, -webkit-transform 0.5s;
        font-size: 120%;
    }
    .selected.open::after {
        transform: translateY(-50%) rotate(180deg);
    }
    .dropdown-list li {
        cursor: pointer;
        padding: 15px 15px 0px;
    }
    .dropdown-list li:last-of-type {
        cursor: pointer;
        padding: 15px;
    }
    .dropdown-list li a {
        display: block;
        color: rgb(0, 0, 0);
    }
    .dropdown-list li.active a {
        color: rgba(76, 61, 54, 1);
        font-weight: 600;
    }
    .dropdown-list {
        list-style: none;
        padding: 0px;
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        background-color: rgb(230, 231, 233);
        margin: 0px;
        width: 100%;
    }
}
@media (min-width: 1271px) {
    .navList {
        top: 102px;
    }
}
#sticky-wrapper[style] {
    height: auto;
}
/**********************************************/
dl, dt, dd {
    width: 100%;
    margin: 0px;
}
.Rugged {
    overflow-x: hidden;
}
.Rugged * {
    line-height: 1.35;
}
.Rugged *, .Rugged ::before, .Rugged ::after {
    box-sizing: border-box;
}
picture, figure {
    display: block;
    margin: 0px auto;
}
.Rugged h2 {
    margin: 0px auto 1em;
    font-weight: 400;
    font-size: 188%;
    color: #000;
}
.Rugged img {
    width: 100%;
}
.Rugged h3, .Rugged h4, .applications h2, .Rugged p, .Rugged small {
    color: rgb(255, 255, 255);
}
.Rugged_content {
    margin: 0px auto;
    width: calc(100% - 25px);
    max-width: 1180px;
    padding: 0px;
}
.Rugged section {
    padding: 50px 0px;
}
/**********************************************/
.heroVideo {
    width: 100%;
    position: absolute;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #000;
    background-image: url(https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/video_bg_mobile.webp);
    opacity: .75;
}
.heroVideo video {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    .heroVideo {
        width: 100%;
    }
    .Rugged_hero, .heroVideo {
        height: 100vh;
    }
}
@media screen and (min-width:1366px) and (max-height:800px) {
    .Rugged_hero, .heroVideo {
        height: calc(100vh - 99.67px);
    }
}
/**********************************************/
.Rugged_hero {
    padding: 0;
    position: relative;
    background-color: #000;
    font-size: 1vw;
}
.Rugged_hero figure {
    position: absolute;
    bottom: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    opacity: 0;
}
.Rugged_hero figure.hero_left {
    z-index: 2;
    background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/hero_left.webp");
    left: 0;
    width: 100%;
}
.Rugged_hero figure.hero_right {
    z-index: 3;
    background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/hero_right.webp");
    right: 0;
    width: 100%;
}
.Rugged_hero .Rugged_content {
    position: relative;
    z-index: 10;
    padding: 3.5em 0 0;
}
ul.Rugged_hero_copy {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    opacity: 0;
    transform: translateY(84%);
    transition: none;
}
ul.Rugged_hero_copy h1 {
    font-size: 371%;
    line-height: normal;
    font-weight: 600;
    margin: 0 auto .4em;
    color: #fff;
}
ul.Rugged_hero_copy p {
    font-size: 112%;
}
.Rugged_hero_copy .slick-dots {
    bottom: -24%;
}
.Rugged_hero_copy.slick-dotted.slick-slider {
    margin-bottom: 4.5em;
}
.Rugged_hero_copy .slick-dots li {
    margin: 0 2px;
}
.Rugged_hero_copy .slick-dots li button:before {
    font-size: 10px;
    opacity: .25;
    color: white;
}
.Rugged_hero_copy .slick-dots li.slick-active button:before {
    opacity: 1;
}
.companyStats {
    border-top: 1px solid rgb(0, 138, 208);
    border-bottom: 1px solid rgb(0, 138, 208);
    margin: 0px 0px 1.5em;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25em;
    padding: 1.5em;
    background-color: rgba(0, 0, 0, 0.62);
    position: relative;
    transform: translateY(50%);
    transition: 0.3s ease-in-out;
    opacity: 0;
}
.companyStats article {
    padding: .4em;
    background-color: rgba(0, 138, 208, .2);
}
.full {
    grid-column: 1 / -1;
}
.companyStats article h3 {
    text-align: center;
    margin: 0 auto .4em;
    font-weight: 400;
    font-size: 152%;
    color: #008ad0;
}
.companyStats article dl {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.companyStats article dl dt, .companyStats article dl dd {
    width: auto;
}
.companyStats article dl dt {
    font-size: 260%;
    font-weight: 500;
    background-image: linear-gradient(rgb(18, 123, 235) 0%, rgb(48, 191, 247) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.companyStats article dl dt sup {
    font-size: 55%;
    font-weight: 600;
    top: -0.7em;
    background-image: linear-gradient(rgb(18, 123, 235) 0%, rgb(48, 191, 247) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.companyStats article dl dd {
    font-size: 100%;
    line-height: normal;
    color: #fff;
    font-weight: 400;
    padding-left: .5em;
}
.companyStats article ul {
    list-style: none;
    margin: 0 -.4em .5em;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.companyStats article ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .4em;
}
.companyStats article ul img {
    max-width: 1em;
    margin-right: .4em;
}
.move-down {
    display: block;
    margin: 0px auto;
    max-width: 2.625em;
    animation: pulse 3s ease-out infinite;
    transform: translate(0);
}
@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
        transform: translate(0, 10px);
    }
    100% {
        opacity: 1;
    }
}
/**********************************************/
main {
    padding: 2.5em 0 0;
    background-color: #191310;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/main_bg1.webp");
    position: relative;
}
main section {
    position: relative;
    z-index: 10;
}
.Rugged_hero, main {
    overflow: hidden;
}
/**********************************************/
.titleGrop h2 {
    line-height: normal;
    font-size: 188%;
    font-weight: 400;
    margin: 0 0 .6em;
    color: #fff;
}
.titleGrop strong {
    display: inline-block;
    color: #ffdc91;
    font-size: 86%;
    font-weight: 400;
}
.titleGrop p {
    font-size: 86%;
    color: rgb(147, 148, 148);
}
/**********************************************/
.Rugged_Challenge {
    padding-bottom: 0 !important;
}
.Rugged_Challenge .Rugged_content {
    padding-bottom: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.Rugged_Challenge .d-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 1.8em;
    max-width: var(--max-width);
    margin: 0 auto;
}
.Rugged_Challenge .d-grid article:nth-of-type(1) {
    border: none;
    padding-top: 1.5em;
}
.Rugged_Challenge .d-grid article p, .Rugged_Challenge .d-grid article span {
    color: #008ad0;
    font-size: 86%;
}
.Rugged_Challenge .d-grid article span {
    display: inline-block;
    line-height: normal;
}
.Rugged_Challenge .d-grid article:is(:nth-of-type(2), :nth-of-type(3), :nth-of-type(4)) {
    padding: 1.5em;
    background-color: rgba(0, 0, 0, .8);
    transition: 0.3s ease-in-out;
}
.Rugged_Challenge .d-grid article figure {
    width: 100%;
    max-width: 64px;
    position: relative;
    margin: 0 0 .5em;
    border-radius: var(--box-radius);
    cursor: pointer;
    overflow: hidden;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.Rugged_Challenge .d-grid article figure::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--box-radius);
    padding: var(--border-width);
    background: linear-gradient(135deg, #fba980, #f7cb6b);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 3;
}
.Rugged_Challenge .d-grid article figure::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #fba980, #f7cb6b);
    transform: translateY(100%);
    transition: transform var(--transition-speed) cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1;
}
.Rugged_Challenge .d-grid article figure svg {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 5;
    padding: .5em;
    transition: 0.3s ease-in-out;
    fill: url(#svg-gradient);
}
.Rugged_Challenge .d-grid article figure svg path, .Rugged_Challenge .d-grid article figure svg rect {
    fill: inherit;
    transition: fill 0.3s ease-in-out;
}
.Rugged_Challenge .d-grid article h4 {
    color: #fff;
    font-size: 136%;
    margin: 0 0 .4em;
}
.Rugged_Challenge .d-grid article p {
    color: #939494;
}
/**********************************************/
.Rugged_Value {
    padding-bottom: 0 !important;
}
.Rugged_Value .Rugged_content {
    padding-bottom: 52px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.Rugged_Value .titleGrop, .Rugged_Value .d-grid {
    margin: 0 auto;
    max-width: var(--max-width);
}
.Rugged_Value .titleGrop {
    margin-bottom: 2.4em;
}
.Rugged_Value .titleGrop h2 {
    margin: 0 0 .3em;
}
.Rugged_Value .d-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.8em;
}
.Rugged_Value .d-grid article {
    padding: 2em;
    background-color: rgba(59, 66, 75, .5);
    border: 1px solid transparent;
    transition: 0.3s ease-in-out;
}
.Rugged_Value .d-grid article:hover {
    border-color: #ffdc91;
}
.Rugged_Value .d-grid article:hover h4 {
    color: #ffdc91;
}
.Rugged_Value .d-grid article:hover dl dt ul {
    color: #fff;
}
.Rugged_Value .d-grid article dl {
    display: flex;
    align-items: center;
}
.Rugged_Value .d-grid article dl dt h4 {
    color: #fff;
    line-height: normal;
    margin: 0 0 .5em;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.Rugged_Value .d-grid article dl dt ul {
    color: #939494;
    font-size: 90%;
    transition: 0.3s ease-in-out;
}
.Rugged_Value .d-grid article dl dd {
    max-width: 140px;
}
.Rugged_Value .d-grid article dl dd svg {
    height: auto;
    fill: #4c4846;
    transition: fill 0.3s ease, transform 0.3s ease;
}
.Rugged_Value .d-grid article:hover dl dd svg {
    fill: url(#svg-hover-gradient);
}
.Rugged_Value .d-grid article dl dt:nth-of-type(1) {
    padding-right: 1em;
}
.Rugged_Value .d-grid article dl dt:nth-of-type(2) {
    padding-right: 1em;
}
.Rugged_Value .d-grid article dl dt:nth-of-type(3) {
    padding-right: 4em;
}
.Rugged_Value .d-grid article dl dt:nth-of-type(4) {
    padding-right: 1em;
}
/**********************************************/
.Rugged_productOfferings {
    padding-top: 40px !important;
}
.Rugged_productOfferings h2 {
    text-align: center;
    color: #fff;
}
.Rugged_productOfferings .d-flex {
    margin: 0 auto;
    max-width: var(--max-width);
    align-items: stretch;
    background-color: rgba(30, 38, 45, .7);
    border: 1px solid;
    border-image: linear-gradient(to bottom, #fba980, #f7cb6b) 1;
}
ul.Rugged_productOffering_nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
}
ul.Rugged_productOffering_nav li {
    border-bottom: 1px solid #777a7d;
}
ul.Rugged_productOffering_nav li span {
    color: #fff;
    display: block;
    padding: 1.52em 1em;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
ul.Rugged_productOffering_nav li.active span, ul.Rugged_productOffering_nav li.slick-current span {
    color: rgba(255, 220, 145, 1)
}
ul.Rugged_productOffering_nav .slick-prev, ul.Rugged_productOffering_nav .slick-next {
    width: 15%;
    height: 80%;
    z-index: 5;
}
ul.Rugged_productOffering_nav .slick-prev {
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%) !important;
    left: 0;
}
ul.Rugged_productOffering_nav .slick-next {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%) !important;
    right: 0;
}
ul.Rugged_productOffering_nav .slick-prev:before, ul.Rugged_productOffering_nav .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 20px;
}
ul.Rugged_productOffering_nav .slick-prev:before {
    content: "\f104";
}
ul.Rugged_productOffering_nav .slick-next:before {
    content: "\f105";
}
ul.Rugged_productOffering_nav .slick-list.draggable {
    position: relative;
    z-index: 1;
}
.Rugged_productOffering_info {
    padding: 1.5em;
}
ul.Rugged_productOffering_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.Rugged_productOffering_list:after {
    display: none;
}
ul.Rugged_productOffering_list li {
    display: flex;
}
ul.Rugged_productOffering_list li a {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5em;
    background-color: #fff;
    border-radius: 3px;
    width: 100%;
}
ul.Rugged_productOffering_list li a :is(small, strong, .product-image, .product-copy, .product-link) {
    display: block;
    width: 100%;
}
ul.Rugged_productOffering_list li a * {
    transition: 0.3s ease-in-out;
}
ul.Rugged_productOffering_list li a span.product-link {
    text-align: center;
    border: 1px solid #008ad0;
    padding: .7em;
    line-height: 1;
    font-size: 110%;
    font-weight: 500;
    margin-top: auto;
    background-color: #008ad0;
    color: #fff;
}
ul.Rugged_productOffering_list li a small {
    font-weight: 400;
    font-size: 100%;
    margin: .5em 0 0;
    line-height: normal;
    color: #008ad0;
    display: none !important;
}
ul.Rugged_productOffering_list li a strong {
    line-height: normal;
    margin: .5em 0;
    color: #000;
}
ul.Rugged_productOffering_list li a .product-copy {
    font-size: 90%;
    margin-bottom: 1em;
    color: #939494;
}
/**********************************************/
.Rugged_Deployed {
    padding-bottom: 0 !important;
}
.Rugged_Deployed h2 {
    text-align: center;
}
.Rugged_Deployed .Rugged_content {
    max-width: var(--max-width);
}
.Rugged_Deployed .d-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
}
.Rugged_Deployed .d-grid article {
    position: relative;
    overflow: hidden;
}
.Rugged_Deployed .d-grid article img {
    position: relative;
    z-index: 1;
}
.Rugged_Deployed .d-grid article:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: visible;
    background-color: #3b4248;
    mix-blend-mode: multiply;
    transition: 0.3s ease-in-out;
    transform: translateY(80%);
}
.Rugged_Deployed .d-grid article a {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    color: #fff;
    transition: 0.3s ease-in-out;
    transform: translateY(57%);
}
.Rugged_Deployed .d-grid article a :is(strong, span) {
    text-align: center;
    display: inline-block;
}
.Rugged_Deployed .d-grid article a strong {
    font-weight: 400;
    width: 100%;
    margin-bottom: 14%;
}
.Rugged_Deployed .d-grid article a span {
    color: #008ad0;
}
.Rugged_Deployed .d-grid article a span:after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/arrow1.svg);
    width: 14px;
    height: 14px;
    visibility: visible;
    margin-left: .5em;
}
/**********************************************/
.Rugged_ODM {
    padding-top: 40px !important;
}
.Rugged_ODM .Rugged_content {
    max-width: var(--max-width);
    text-align: center;
}
.Rugged_ODM h2 {
    text-align: center;
    margin: 0 auto .9em;
}
.Rugged_ODM h3 {
    color: #008ad0;
    line-height: normal;
    margin: 0 auto .3em;
    font-weight: 500;
}
.Rugged_ODM p {
    color: #000;
    margin: 0 auto .4em;
}
.Rugged_ODM .what_Ddoes {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5em;
    margin: 2.5em auto 2em;
}
.Rugged_ODM .what_Ddoes:after {
    display: none;
}
.Rugged_ODM .what_Ddoes article {
    color: #fff;
    padding: 2.4em;
    background-color: #1e262d;
}
.Rugged_ODM .what_Ddoes article ul {
    text-align: left;
    font-size: 88%;
    margin-left: 15px;
}
.Rugged_ODM .what_Ddoes article img {
    display: block;
    margin: 0 auto 1em;
    max-width: 106px;
}
.Rugged_ODM .what_Ddoes article h4 {
    margin: 1.8em auto .4em;
    line-height: normal;
    font-size: 134%;
    color: #008ad0;
    font-weight: 500;
}
.Rugged_ODM .ODM_Process {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 4em;
    margin: 2em auto 0;
    text-align: left;
}
.Rugged_ODM .ODM_Process article {
    padding: 1em;
    background-color: #f7f9f9;
    border-top: 4px solid #008ad0;
    position: relative;
}
.Rugged_ODM .ODM_Process article:nth-of-type(1):after, .Rugged_ODM .ODM_Process article:nth-of-type(2):after, .Rugged_ODM .ODM_Process article:nth-of-type(3):after {
    content: "";
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    z-index: 1;
    visibility: visible;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/arrow.svg");
}
.Rugged_ODM .ODM_Process:after {
    display: none;
}
.Rugged_ODM .ODM_Process article h4 {
    color: #000;
    font-weight: 600;
    font-size: 120%;
}
.Rugged_ODM .ODM_Process article ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 90%;
    color: #4d4d4d;
    font-weight: 400;
}
.Rugged_ODM .ODM_Process article ul li {
    margin-bottom: .5em;
    perspective-origin: right;
}
.Rugged_ODM .ODM_Process article ul li:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/checkBox.svg);
    position: relative;
    top: .1em;
    margin-right: .3em;
}
.Rugged_ODM .ODM_Process article ul li:last-of-type {
    margin-bottom: 0;
}
.ODM_Consultation {
    text-align: center;
    margin-top: 1.5em;
}
.ODM_Consultation a {
    display: inline-block;
    padding: 0.8em 1em;
    color: #fff;
    border: 1px solid #008ad0;
    line-height: normal;
    background-color: #008ad0;
    font-weight: 500;
    transition: 0.3s ease-in-out;
}
/**********************************************/
.ODM_Solutions {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/faq_bg.webp");
}
.ODM_Solutions .Rugged_content {
    max-width: 1020px;
}
.ODM_Solutions h2 {
    text-align: center;
    color: #fff;
}
.accordion-container {
    width: 100%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.accordion-item {
    margin-bottom: .5em;
}
.accordion-item:last-child {
    margin-bottom: 0;
}
.accordion-header {
    width: 100%;
    padding: 0.9em;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    color: #fff;
    text-align: left;
    transition: 0.3s ease-in-out;
    font-size: 110%;
    background-color: #000;
}
.accordion-header strong, .accordion-content p strong {
    padding-right: .5em;
}
.accordion-icon {
    margin-left: auto;
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    transition: 0.3s ease-in-out;
}
/* 箭頭 (chevron)：用一個只保留右、下邊框的方塊旋轉 45 度組成，預設朝下 */
.accordion-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    border-radius: 1px;
    transform: translate(-50%, -70%) rotate(45deg);
}
.accordion-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s ease-in-out;
    opacity: 0;
    background-color: rgba(0, 138, 208, .3);
    visibility: hidden;
}
.accordion-content-inner {
    overflow: hidden;
    padding: 0 18px;
}
.accordion-content p {
    margin: 0;
    padding: 15px 0;
    line-height: 1.6;
    color: #fff;
    display: flex;
    font-size: 90%;
}
.accordion-content p strong {
    font-size: 100%;
}
.accordion-item.active .accordion-header {
    color: #fff;
    background-color: #008ad0;
}
.accordion-item.active .accordion-icon {
    transform: rotate(180deg);
}
.accordion-item.active .accordion-content {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
}
#R26032513564462724 {
    padding: 50px 0 30px;
}
#R26032513564462724 h2 {
    color: #000 !important;
}
#R26032513564462724 .Rugged_content {
    max-width: 980px;
}
@media (max-width: 480px) {
    .accordion-header {
        padding: 16px 20px;
    }
    .accordion-content-inner {
        padding: 0 20px;
    }
}
/**********************************************/
@media screen and (max-width: 1365px) {
    .Rugged_hero, .heroVideo {
        height: 100vh;
    }
    .Rugged_hero_copy {
        font-size: 125%;
    }
    .Rugged_hero.is-revealed .companyStats {
        font-size: 110%;
    }
    ul.Rugged_hero_copy h1 {
        line-height: 1.2;
    }
    .Rugged_hero_copy br {
        display: none;
    }
    .Rugged_hero_copy h1 + p {
        font-size: 150%;
    }
    .Rugged_hero_copy .slick-dots {
        bottom: -24%;
    }
    .companyStats article ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .companyStats article ul li {
        justify-content: flex-start;
        margin: .25em 0;
        padding: 0 1em;
    }
    .companyStats article dl {
        display: block;
        text-align: center;
    }
    .companyStats article dl dd br {
        display: none;
    }
    .move-down {
        max-width: 4em;
    }
    .Rugged_Challenge .d-grid {
        gap: 1.8em;
        max-width: 580px;
    }
    .Rugged_Challenge .Rugged_content {
        padding-bottom: 30px;
    }
    .Rugged_Value .d-grid article dl {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .Rugged_Value .d-grid article dl dt h4 {
        text-align: center;
    }
    .Rugged_Value .d-grid article dl dt h4 br {
        display: none;
    }
    ul.Rugged_productOffering_nav li {
        text-align: center;
    }
    .Rugged_ODM .scrollbar {
        overflow-x: auto;
        white-space: nowrap;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    .Rugged_ODM .Rugged_content {
        width: 100%;
    }
    .Rugged_ODM h2, .Rugged_ODM h3, .Rugged_ODM p, .Rugged_ODM .ODM_Process, .Rugged_ODM .what_Ddoes {
        padding-inline: 12.5px;
    }
    .Rugged_ODM .ODM_Process {
        display: inline-flex;
        flex-wrap: nowrap;
        justify-content: unset;
    }
    .accordion-header {
        align-items: flex-start;
    }
    .Rugged_Deployed .d-grid article a {
        position: relative;
        display: flex;
        justify-content: space-between;
        top: inherit;
        bottom: 0;
        height: auto;
        transform: none;
        padding: 1em;
        background-color: #3b4248;
    }
    .Rugged_Deployed .d-grid article:after {
        display: none;
    }
    .Rugged_Deployed .d-grid article a strong {
        text-align: left;
        margin: 0;
        width: auto;
    }
    .Rugged_Value .d-grid article dl dt h4 {
        margin: 1em 0;
    }
    .Rugged_ODM .what_Ddoes {
        max-width: 580px;
    }
}
@media (max-width: 996px) {
    .Rugged_hero, .heroVideo {
        height: calc(100vh - 96.221px);
    }
}
@media (max-width: 767.98px) {
    .Rugged_hero_copy {
        font-size: 250%;
    }
    .Rugged_hero.is-revealed .companyStats {
        font-size: 200%;
    }
    .Rugged_hero .Rugged_content {
        font-size: inherit;
        width: 90%;
    }
    .Rugged_hero_copy .slick-dots {
        bottom: -12%;
    }
    .move-down {
        max-width: 9em;
    }
    .Rugged_productOffering_info .scrollbar {
        overflow-x: auto;
        white-space: nowrap;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    ul.Rugged_productOffering_list {
        display: inline-flex;
        flex-wrap: nowrap;
        justify-content: unset;
        column-gap: 0.8em;
        padding-inline: 25px;
    }
    ul.Rugged_productOffering_list li {
        width: 250px;
    }
    ul.Rugged_productOffering_list li * {
        white-space: normal;
        overflow-wrap: break-word;
    }
    .Rugged_productOffering_info {
        padding: 1.5em 0;
    }
    ul.Rugged_productOffering_nav li {
        border-bottom: none;
    }
    main, .Rugged_Challenge .d-grid article:nth-of-type(1) {
        padding-top: 0;
    }
    .Rugged_hero figure, .parallax {
        transform: none !important;
        transition: none !important;
        will-change: auto;
    }
    .sandstorm-layer {
        display: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1025px) and (min-height: 800px) {
    .Rugged_hero .Rugged_content {
        font-size: 120%;
    }
    .Rugged_hero_copy .slick-dots {
        bottom: -12%;
    }
}
@media screen and (min-width: 768px) {
    .Rugged_hero .Rugged_content {
        max-width: 80%;
    }
    .heroVideo {
        background-image: url(https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/video_bg.webp);
    }
    .Rugged_Value .d-grid, .Rugged_Deployed .d-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    ul.Rugged_productOffering_list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8em;
    }
    .Rugged_Challenge .d-grid article:is(:nth-of-type(2), :nth-of-type(3), :nth-of-type(4)):hover {
        box-shadow: 0 0 10px 2px rgba(255, 240, 125, 0.8);
    }
    .Rugged_Challenge .d-grid article:hover figure::before {
        transform: translateY(0);
    }
    .Rugged_Challenge .d-grid article:hover figure svg {
        fill: rgb(0, 0, 0);
    }
    ul.Rugged_productOffering_list li a:hover span.product-link {
        color: #008ad0;
        background-color: #fff;
    }
    ul.Rugged_productOffering_list li a:hover img {
        transform: scale(1.05);
    }
    .Rugged_Deployed .d-grid article:hover::after, .Rugged_Deployed .d-grid article:hover a {
        transform: translateY(0%);
    }
    .ODM_Consultation a:hover {
        color: #008ad0;
        background-color: #fff;
    }
    .parallax {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% auto;
    }
    .parallax.bg1 {
        z-index: 1;
        background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/main_bg2.webp");
        background-position: center bottom;
    }
    .parallax.bg2 {
        z-index: 2;
        background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/main_bg3.webp");
    }
    .parallax.bg3 {
        z-index: 3;
        background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/main_bg4.webp");
    }
    .parallax.bg4 {
        z-index: 4;
        background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/rugged-solutions/main_bg5.webp");
    }
    .Rugged_hero figure, .parallax {
        transform-origin: center center;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        will-change: transform;
    }
    .sandstorm-layer {
        position: absolute;
        inset: 0;
        z-index: 6;
        pointer-events: none;
    }
}
@media (min-width: 1024px) {
    .Rugged_Challenge .d-grid {
        grid-template-columns: 276px 1fr 1fr 1fr;
        column-gap: 1.8em;
    }
    .Rugged_productOfferings .d-flex {
        display: flex;
    }
    ul.Rugged_productOffering_nav {
        max-width: 280px;
    }
    .Rugged_productOffering_info {
        width: calc(100% - 280px);
    }
    .Rugged_Deployed .d-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .Rugged_ODM .what_Ddoes {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1366px) {
    .Rugged_hero .Rugged_content {
        max-width: 54em;
    }
}
/* ==========================================================================
   [FIX] CMS 後台編輯模式 (body.admin) 專用修正
   讓 hover 才顯示 (opacity:0 → 1) 的 .adminbox 工具列能正常浮現、不被裁切/遮蓋
   ========================================================================== */
body.admin .colType-normal,
body.admin .colType-normal > .wrapper,
body.admin section,
body.admin [class*="section"],
body.admin [class*="wrapper"]:not(.sticky-wrapper),
body.admin .Rugged,
body.admin .Rugged_hero,
body.admin main {
    overflow: visible !important; /* overflow:hidden 會把絕對定位的 .adminbox 與向上展開的 se-dropdown 選單(#divdrPSList)裁掉 */
}
body.admin .navList {
    z-index: 10 !important;       /* 原本 100 !important 會蓋住後台工具列 */
    position: relative;           /* 編輯模式停用 sticky，避免捲動時壓住 .adminbox */
}
body.admin .hero_left,
body.admin .hero_right,
body.admin .heroVideo {
    pointer-events: none;         /* 簾幕/影片圖層不要攔截編輯工具列的滑鼠事件 */
}