.company-index{min-height:calc(100vh - 50px)}@media screen and (min-width: 1024px){.company-index{height:calc(100vh - 50px);padding-inline:0}}.company-index__item{position:relative}@media screen and (min-width: 1024px){.company-index__item{height:100%;display:flex}.company-index__item:nth-child(odd) .company-index__slider-group:before{background-color:#82393b}.company-index__item:nth-child(odd) .company-index__slider-group .company-index__slider-wrapper{flex-direction:row-reverse}}.company-index__slider-group{position:relative;min-height:300px}@media screen and (min-width: 1024px){.company-index__slider-group{display:flex;width:100%}.company-index__slider-group:before{content:"";position:absolute;bottom:0;width:1px;height:80%;background-color:#82393b}.company-index__slider-wrapper{margin-bottom:0;display:flex;aspect-ratio:1920/1080;width:100%}}.company-index__slider-wrapper .swiper-slide img{transform:scale(1.1) translate(-3%)}.company-index__slider-wrapper .swiper-slide-active img{transform:scale(1.1) translate(0)}.company-index__nav .swiper-button-prev,.company-index__nav .swiper-button-next{--swiper-navigation-size: 44px;cursor:pointer}.company-index__nav .swiper-button-prev img,.company-index__nav .swiper-button-next img{width:100%;height:100%}.company-index__nav .swiper-button-prev .swiper-navigation-icon,.company-index__nav .swiper-button-next .swiper-navigation-icon{display:none}.company-index__main-slider{width:100%}@media screen and (min-width: 1024px){.company-index__main-slider{margin-inline:0}}.company-index__slide-img{position:relative;height:100vh;overflow:hidden}@media screen and (min-width: 1024px){.company-index__slide-img{padding-bottom:0;height:100%}}.company-index__slide-img img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){.company-index__slide-img img{transition:transform .5s linear}}.company-index__side-slider{width:13%;margin:0;background-color:#fff}.company-index__side-slider:hover .company-index__addon-overlay{background-color:#82393b}.company-index__side-slider:hover .company-index__overlay-btn{opacity:1;z-index:1}.company-index__side-slider .swiper-slide img{transform:scale(1.1) translate(-2%)}.company-index__side-slider .swiper-slide-active img{transform:scale(1.1) translate(0)}.company-index__addon-img{display:none}@media screen and (min-width: 1024px){.company-index__addon-img{display:block;width:100%;height:100%;position:relative;overflow:hidden}.company-index__addon-img:hover .company-index__overlay-btn{opacity:1}.company-index__addon-img:hover .company-index__addon-overlay{background-color:#82393b}}.company-index__addon-img img{position:absolute;right:0;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.1) translate(0);transition:transform .5s linear}.company-index__addon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7;background-color:#4d4d4d;mix-blend-mode:multiply;transition:background-color .3s ease-in-out}.company-index__overlay-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out;color:#fff}@media screen and (min-width: 576px){.company-index__overlay-btn{gap:8px}}@media screen and (min-width: 768px){.company-index__overlay-btn{gap:12px}}.company-index__content{z-index:1;background-color:#fffc;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);position:relative;margin-top:-4.5rem;padding:0 30px}@media screen and (min-width: 1024px){.company-index__content{margin-block:0;width:37.5%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0}}@media screen and (min-width: 1280px){.company-index__content{max-width:600px}}.company-index__title-box{color:#fff;padding:8px;width:-moz-fit-content;width:fit-content;position:relative;background-color:#82393b;margin-bottom:16px}@media screen and (min-width: 1024px){.company-index__title-box{height:-moz-fit-content;height:fit-content}}.company-index__title{letter-spacing:2px;font-family:Noto Sans TC}@media screen and (min-width: 1024px){.company-index__title{writing-mode:vertical-lr}}@media screen and (min-width: 1280px){.company-index__title{font-size:16px}}.company-index__content-block{margin-bottom:4rem;color:#4d4d4d}@media screen and (min-width: 1024px){.company-index__content-block{width:66.6666666667%;margin-bottom:0;flex-grow:1}}@media screen and (min-width: 1440px){.company-index__content-block{flex-grow:0}}.company-index__content-block .square-btn-container{width:-moz-fit-content;width:fit-content;padding:6px 8px 7px}@media screen and (min-width: 1280px){.company-index__content-block .square-btn-container{gap:48px}}@media screen and (min-width: 768px){.company-index__content-block .square-btn-container .square-btn{font-size:14px}.company-index__content-block .square-btn-container .square-btn:before,.company-index__content-block .square-btn-container .square-btn:after{font-size:14px}}.company-index__name-area{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem}@media screen and (min-width: 1024px){.company-index__name-area{border-bottom:1px solid #82393b}}.company-index__logo{width:100px;height:70px;background-repeat:no-repeat;background-size:contain;background-position:left center}@media screen and (min-width: 1440px){.company-index__logo{width:120px}}@media screen and (min-width: 1920px){.company-index__logo{width:140px}}.company-index__company-name{font-size:.75rem;letter-spacing:1px;margin-bottom:1.25rem}@media screen and (min-width: 1024px){.company-index__company-name{font-size:.875rem}}@media screen and (min-width: 1280px){.company-index__company-name{font-size:1rem}}.company-index__section-title{margin-bottom:1rem}.company-index__section-title-text{letter-spacing:2px;font-size:24px}@media screen and (min-width: 1280px){.company-index__section-title-text{font-size:28px}}.company-index__section-content{margin-bottom:32px;font-size:12px;line-height:1.6;letter-spacing:1px;text-align:justify;font-family:Noto Sans TC}@media screen and (min-width: 768px){.company-index__section-content{font-size:14px}}@media screen and (min-width: 1024px){.company-index__section-content{line-height:2;margin-bottom:6rem;max-height:280px;overflow-y:auto;overflow-x:hidden}.company-index__section-content::-webkit-scrollbar{width:6px;height:6px;background:#fff}.company-index__section-content::-webkit-scrollbar-thumb{background:#82393b}}.company-index__detail{color:#4d4d4d;margin-bottom:24px;letter-spacing:1px}@media screen and (min-width: 1024px){.company-index__detail{margin-bottom:48px}}@media screen and (min-width: 1280px){.company-index__detail{font-size:16px}}.company-index__detail-item:not(:last-child){margin-bottom:16px}@media screen and (min-width: 1440px){.company-index__detail-item{display:flex;gap:16px}}.company-index__detail-label{opacity:.7;font-weight:300;margin-bottom:8px}.company-index__nav-links{display:grid;grid-template-columns:repeat(2,fit-content(200px));gap:16px}