@charset "UTF-8";:root{--c-primary900: #202b41;--c-primary700: #004f95;--c-primary800: #263774;--c-primary500: #3082d4;--c-primary100: #ecf4ff;--c-yellow900: #f9a554;--c-yellow800: #ea9442;--c-yellow700: #ffd60d;--c-yellow600: #ffd200;--h-header-height: 58px;--h-header-top-height: 30px;--h-header-total: calc(var(--h-header-height) + var(--h-header-top-height));--w-search-width: 60px}@media only screen and (max-width: 678px) {:root{--h-header-height: 46px;--h-header-top-height: 0px;--w-search-width: 46px}}main.home-page{padding:0 !important}.bevel-hero{height:680px;position:relative;background:#202b41}.hero__bg{width:100%;height:100%;z-index:1;overflow:hidden}.hero__bg:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);z-index:2}.hero__bg:after{content:"";position:absolute;inset:auto 0 0 0;height:150px;background:linear-gradient(180deg, rgba(245, 247, 249, 0) 0%, rgba(246, 247, 249, 0.48) 39.58%, #f5f6f9 100%);z-index:3}.hero__bg .swiper-wrapper{position:absolute;inset:0;z-index:1}.hero__bg__video__src{width:100%;height:100%;object-fit:cover;transform:translateZ(0)}.hero__bg__video picture{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0)}.hero__bg__video picture img{width:100%;height:100%;object-fit:cover}.hero__nav{position:absolute;width:max(15.6%,200px);inset:0 auto 0 0;padding:30px clamp(20px,1.2%,50px);display:flex;flex-direction:column;justify-content:center;background:rgba(3,46,103,.9);backdrop-filter:blur(27px);-webkit-backdrop-filter:blur(27px);z-index:9;color:#fff;transform:translateZ(0);overflow:hidden}@media only screen and (max-width: 1024px) {.hero__nav{width:auto;height:250px;padding:16px clamp(20px,1.2%,50px) 40px;inset:0 0 auto 0;display:grid;grid-template-columns:30% 1fr;grid-template-rows:auto 1fr;grid-template-areas:"company nav" "title nav";gap:0 30px}.hero__nav:lang(en){grid-template-columns:27% 1fr;grid-template-rows:auto 1fr;grid-template-areas:"company nav" "title nav"}.hero__nav:lang(zh){grid-template-columns:40% 1fr;grid-template-rows:auto 1fr;grid-template-areas:"company nav" "title nav";gap:0 30px}}@media only screen and (max-width: 678px) {.hero__nav{inset:0 0 auto 0}}@media only screen and (max-width: 425px) {.hero__nav{height:250px}.hero__nav:lang(en){height:auto}.hero__nav:lang(zh){height:auto}}@media only screen and (max-width: 375px) {.hero__nav{height:auto}}.hero__nav__company{color:#fff;margin:-45% 0 10px 0}.hero__nav__company:lang(zh){font-size:.75rem;margin:-45% 0 16px 0;color:rgba(171,211,255,.69)}.hero__nav__company:lang(en){font-size:1.25rem;line-height:1.5625rem}@media only screen and (max-width: 1440px) {.hero__nav__company:lang(en){font-size:1.125rem}}@media only screen and (max-width: 1024px) {.hero__nav__company{grid-area:company;margin:0 0 10px 0}.hero__nav__company:lang(zh){margin:0 0 10px 0}}@media only screen and (max-width: 678px) {.hero__nav__company:lang(en){font-size:.875rem}}.hero__nav__title{color:#ffd60d;margin:0 0 20px;padding-bottom:20px;position:relative}.hero__nav__title:lang(zh){font-size:1.25rem;line-height:1.4;white-space:pre-line;letter-spacing:1px}.hero__nav__title:lang(en){font-size:1.6875rem;line-height:1.875rem}@media only screen and (max-width: 1440px) {.hero__nav__title:lang(en){font-size:1.5625rem}}@media only screen and (max-width: 1024px) {.hero__nav__title{grid-area:title}.hero__nav__title:lang(zh){font-size:1.5625rem;white-space:initial}}@media only screen and (max-width: 678px) {.hero__nav__title{font-size:.8125rem}.hero__nav__title:lang(en){font-size:.9375rem;line-height:1.5}.hero__nav__title:lang(zh){font-size:1.125rem;line-height:1.5;white-space:pre-line}}.hero__nav__title:after{content:"";position:absolute;left:-50px;bottom:0;width:60%;height:1px;background:#ffd60d}@media only screen and (max-width: 678px) {.hero__nav__title:after{bottom:10px}}.hero__nav__list{flex:0 0 auto;overflow:hidden}@media only screen and (max-width: 1024px) {.hero__nav__list{grid-area:nav}}.hero__nav__item{display:flex;height:auto !important;margin:10px 0;align-items:flex-start;cursor:pointer}.hero__nav__item__count{font-size:1.25rem;color:rgba(255,214,13,.8);padding-right:5px;flex:0 0 34px;width:34px}.hero__nav__item__count:lang(en){color:rgba(255,214,13,.8)}.hero__nav__item__count:lang(zh){color:rgba(255,214,13,.24)}@media only screen and (max-width: 1024px) {.hero__nav__item__count{font-size:.8125rem}}.hero__nav__item__text{font-size:.875rem;color:#fff;line-height:1.125rem}@media only screen and (max-width: 1024px) {.hero__nav__item__text{font-size:.75rem;line-height:.875rem}}.swiper-slide-thumb-active .hero__nav__item__text:lang(en){color:#ffd60d}.swiper-slide-thumb-active .hero__nav__item__text:lang(zh){color:rgba(255,255,255,.4)}.hero__context{position:absolute;left:max(15.6%,200px);top:0;bottom:0;width:max(20%,736px);z-index:8;transform:translateZ(0)}@media only screen and (max-width: 1024px) {.hero__context{left:0;top:200px;bottom:0;width:100%;z-index:10}}@media only screen and (max-width: 678px) {.hero__context{left:0;top:200px}}@media only screen and (max-width: 425px) {.hero__context:lang(zh){top:190px}}@media only screen and (max-width: 375px) {.hero__context{top:230px}.hero__context:lang(en){top:230px}.hero__context:lang(zh){top:210px}}@media only screen and (max-width: 320px) {.hero__context{top:260px}.hero__context:lang(en){top:265px}}.hero__context__item{display:grid;grid-template-columns:min(574px,100%) 1fr}@media only screen and (max-width: 1024px) {.hero__context__item{display:flex;flex-direction:column}}.context__item__react{position:absolute;inset:0;background:rgba(255,255,255,.7);backdrop-filter:blur(27px);-webkit-backdrop-filter:blur(27px);transform:translateZ(0);clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);z-index:1;grid-column:1/1}.swiper-slide-active .context__item__react{animation:diagonal-wipe .8s 1 linear forwards}@media only screen and (max-width: 1024px) {.swiper-slide-active .context__item__react{animation:diagonal-wipe--m .8s 1 linear forwards}}@media only screen and (max-width: 1024px) {.context__item__react{position:relative;inset:auto;height:100%;flex:0}}.context__item__inner{position:absolute;inset:0;z-index:3;padding:0 28% 0 clamp(40px,10%,60px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;opacity:0;transition:.6s;mask:linear-gradient(to left, rgba(0, 0, 0, 0) 0, black 30%, black 100%)}.swiper-slide-active .context__item__inner{opacity:1}@media only screen and (max-width: 1024px) {.context__item__inner{position:relative;padding:20px 28% 20px clamp(40px,10%,60px);justify-content:flex-start}}.context__item__extend{position:absolute;inset:0;transform:translateZ(0);background:rgba(234,238,255,.4);backdrop-filter:blur(30px);grid-column:1/3;transform:translate3d(-100%, 0, 0);transition:transform .3s ease-in-out .4s,background .3s ease-in-out;opacity:0;display:flex;align-items:flex-end;justify-content:flex-end}.swiper-slide-active .context__item__extend{transform:translate3d(-260px, 0, 0);opacity:1}.swiper-slide-active .context__item__extend.active{transform:translate3d(0, 0, 0);background:rgba(234,238,255,.8)}@media only screen and (max-width: 1024px) {.context__item__extend{justify-content:flex-start}.swiper-slide-active .context__item__extend{transform:translate3d(-100%, 0, 0)}}.context__item__list{padding:30px 16px;display:flex;flex-direction:column;align-items:flex-end}@media only screen and (max-width: 1024px) {.context__item__list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4, min-content);grid-auto-columns:max-content;gap:12px 40px;align-items:center;overflow-x:auto;padding:30px 40px}}.context__item__listItem{position:relative;padding:12px 24px;font-size:.875rem;font-weight:700;transition:transform .2s ease-in-out .2s,background .2s,box-shadow .2s,opacity .3s;border-radius:4px;opacity:0;width:fit-content}.context__item__listItem:hover{background:#fff;box-shadow:-4px 6px 12px rgba(17,70,108,.17);transform:translate3d(10px, 0px, 0px)}.active .context__item__listItem{opacity:1}.context__item__listItem a{color:#0c3963}.context__item__listItem a::after{content:"";position:absolute;inset:0;pointer-events:none}.active .context__item__listItem a::after{pointer-events:auto}@media only screen and (max-width: 1024px) {.context__item__listItem{padding:0;transition:initial;opacity:1}.context__item__listItem:hover{background:rgba(0,0,0,0);box-shadow:none;transform:none}.context__item__listItem a{color:#1f3055}}.context__item__deco{display:flex;width:100%}.context__item__deco__count{font-size:55px;color:#fff;font-weight:500;flex:0 0 auto;position:relative;font-family:"Roboto",sans-serif;line-height:74px}.context__item__deco__count:after{content:"";position:absolute;inset:auto 0 2px 0;height:1px;background:#fff}@media only screen and (max-width: 1024px) {.context__item__deco__count{font-size:45px;line-height:64px;margin-top:-10px}}.context__item__deco__logo{flex:1 1 auto;aspect-ratio:220/55;background:url(https://www.gss.com.tw/templates/bevel/images/hero-logo-deco.png) no-repeat center/contain;color:rgba(0,0,0,0);transform:scale(0.8)}@media only screen and (max-width: 1024px) {.context__item__deco__logo{position:absolute;top:40px;right:-10px;width:184px}}.context__item__title{font-size:1.875rem;line-height:2.5rem;color:#333;margin:30px 0;font-family:"Roboto",sans-serif}@media only screen and (max-width: 1024px) {.context__item__title{font-size:1.75rem;line-height:2rem;margin:5px 0}}@media only screen and (max-width: 678px) {.context__item__title{font-size:1.125rem;line-height:1.5rem;flex:1 1 auto}}.context__item__summary{padding:0 20% 0 0;font-size:.875rem;line-height:1.25rem;color:#1f3055}@media only screen and (max-width: 678px) {.context__item__summary{display:none}}.context__item__cta{display:inline-block;padding:0 20px;line-height:3.125rem;color:#fff;background:#004f95;margin:40px 0 0;box-shadow:0 10px 30px -3px rgba(0,79,149,.5);transition:.26s}@media only screen and (max-width: 1024px) {.context__item__cta{margin:10px 0 10px;line-height:2.25rem;font-size:.875rem}}.context__item__cta:hover{background:#202b41;box-shadow:0 15px 30px -3px rgba(0,79,149,.4)}@keyframes diagonal-wipe {0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)}40%{clip-path:polygon(0 0, 0 0, 0 100%, 55% 100%)}100%{clip-path:polygon(100% 0, 0 0, 0 100%, 55% 100%)}}@keyframes diagonal-wipe--m {0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)}40%{clip-path:polygon(0 0, 0 0, 0 100%, 80% 100%)}100%{clip-path:polygon(100% 0, 0 0, 0 100%, 80% 100%)}}:root{--section-color: #333}.bevel-section .bevel-section__head h2{font-family:"Roboto",sans-serif;font-size:2.5rem;font-weight:bold;line-height:3.25rem;color:var(--section-header-color)}.bevel-section .bevel-section__head span{color:var(--section-span-color);font-weight:400}@media only screen and (max-width: 834px) {.bevel-section .bevel-section__head br{display:none}.bevel-section .bevel-section__head span{display:inline-block;margin-left:.9375rem}}.bevel-landing__news{--section-header-color: #333;--section-span-color: rgba(0, 0, 0, 0.2);display:flex}@media only screen and (max-width: 834px) {.bevel-landing__news{display:block}}.bevel-landing__news .bevel-section__head{padding:90px clamp(20px,2%,50px);flex:0 0 auto;width:max(15.6%,200px);display:flex;justify-content:flex-end;background:#fff;position:relative;z-index:3}@media only screen and (max-width: 834px) {.bevel-landing__news .bevel-section__head{display:block;padding:30px clamp(30px,6%,80px) 10px;text-align:center;width:auto;background:#f5f6f9}}.bevel-landing__news .bevel-section__body{flex:1 1 auto;padding:clamp(20px,5%,70px) clamp(20px,5%,70px) clamp(30px,5%,70px) clamp(20px,7%,100px);background:url(https://www.gss.com.tw/templates/bevel/images/section-news-bg.png) no-repeat top/cover}.bevel-landing__news .bevel-section__body:before{content:"";position:absolute;inset:0 0 auto 0;height:150px;background:linear-gradient(to top, rgba(245, 247, 249, 0) 0%, rgba(246, 247, 249, 0.48) 39.58%, #f5f6f9 100%);z-index:3}@media only screen and (max-width: 834px) {.bevel-landing__news .bevel-section__body{padding-top:5px}}.bevel-landing__news .bevel-section__body .container{display:grid;grid-auto-rows:min-content;grid-template-columns:1.5fr 2fr;grid-template-areas:"feat feat" ". .";gap:38px 32px;position:relative;width:min(100%,980px)}@media only screen and (max-width: 1024px) {.bevel-landing__news .bevel-section__body .container{display:flex;flex-direction:column;gap:clamp(32px,4vw,60px)}}.bevel-landing__news .featured-item{grid-area:feat;display:grid;grid-template-columns:min(45%,400px) 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"img title" "img desc" "img date";gap:0px 30px;position:relative;z-index:4}@media only screen and (max-width: 1024px) {.bevel-landing__news .featured-item{display:flex;flex-direction:column;width:100%;padding-block:60px 30px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}}@media only screen and (max-width: 834px) {.bevel-landing__news .featured-item{padding-top:0}}.bevel-landing__news .featured-item__img{grid-area:img;flex:0 0 auto;width:100%;aspect-ratio:15/8;position:relative}.bevel-landing__news .featured-item__img:hover:before{transform:translate3d(0, 16px, 0)}.bevel-landing__news .featured-item__img:hover:after{transform:scale(1) translate3d(0, -2px, 0)}@media only screen and (max-width: 1024px) {.bevel-landing__news .featured-item__img{width:70%;margin:10px auto}}@media only screen and (max-width: 678px) {.bevel-landing__news .featured-item__img{width:100%}}.bevel-landing__news .featured-item__img img{opacity:0;width:100%;height:100%;position:absolute}.bevel-landing__news .featured-item__img:before,.bevel-landing__news .featured-item__img:after{content:"";background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;inset:0;transition:transform .3s}.bevel-landing__news .featured-item__img:before{transform:translate3d(0, 10px, 0);filter:blur(30px)}.bevel-landing__news .featured-item__img:after{transform:scale(1.01) translate3d(0, 0, 0)}.bevel-landing__news .featured-item__title{grid-area:title;font-size:1.5rem;line-height:1.3;font-weight:bold;padding:0 0 16px;transition:color .3s}.bevel-landing__news .featured-item__title:hover{color:#3082d4}@media only screen and (max-width: 1024px) {.bevel-landing__news .featured-item__title{padding:16px 0}}.bevel-landing__news .featured-item__summary{grid-area:desc;font-size:.875rem;line-height:1.5;max-height:5rem;overflow:hidden;flex:1 1 auto;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}@media only screen and (max-width: 1024px) {.bevel-landing__news .featured-item__summary{flex:0 0 auto}}.bevel-landing__news .featured-item__date{grid-area:date;font-size:.8125rem;color:#979797;margin-top:16px}.list-container{display:flex;flex-direction:column;gap:18px}.list-title{font-size:1.5rem;font-weight:600;color:#979797}.list.--default{display:flex;flex-direction:column;gap:24px}.list-item__date{font-size:.75rem;margin-bottom:.375rem;display:block}.list-item__title{display:block;font-size:1rem;font-weight:bold;line-height:1.4;transition:color .3s}.list-item__title:hover{color:#3082d4}.bevel-landing__success{display:flex;flex-direction:column;position:relative;overflow:hidden}.bevel-landing__success .bg{position:absolute;inset:0 auto auto 50%;background-image:url(https://www.gss.com.tw/templates/bevel/images/success/bg-2x.jpg);width:1988px;height:683px;background-size:1988px 683px;background-repeat:no-repeat;transform:translateX(-50%)}@media only screen and (max-width: 834px) {.bevel-landing__success .bg{inset:0 auto auto 95%;transform:translateX(-95%);height:100%;background-size:1988px 100%}}.bevel-landing__success .bevel-section__inner{position:relative;width:min(100%,1405px);margin:0 auto;padding:62px 87px 142px 213px}@media only screen and (max-width: 1440px) {.bevel-landing__success .bevel-section__inner{padding:62px 30px 142px 135px}}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__inner{padding:55px 30px 128px}}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__head{margin-bottom:40px}}.bevel-landing__success .bevel-section__head h2{color:#262626;font-size:27px;font-weight:600;font-family:"PingFang TC","Open Sans","微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;line-height:1.63;letter-spacing:5px}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__head h2{display:flex;flex-direction:column}}.bevel-landing__success .bevel-section__head h2 span{display:inline-block;margin-top:18px;color:#979797;font-size:41px;font-style:normal;font-weight:300;font-family:"Roboto","Open Sans","微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;line-height:.49}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__head h2 span{font-size:30px;margin-left:0}}.bevel-landing__success .bevel-section__body{display:flex}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body{flex-direction:column-reverse}}.bevel-landing__success .bevel-section__body .list__container{width:100%;margin-top:60px}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__container{width:min(100%,454px);margin-top:35px}}.bevel-landing__success .bevel-section__body .list__item{display:flex;gap:43px}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__item{display:flex;flex-direction:column}}.bevel-landing__success .bevel-section__body .list__item__text{flex:0 0 50%;display:flex;flex-direction:column;gap:9px}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__item__text{flex:0 0 auto}}.bevel-landing__success .bevel-section__body .list__item__company{align-self:baseline;display:inline-block;padding:7px 15px;color:#979797;font-size:14px;font-style:normal;font-family:"PingFang TC","Open Sans","微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;line-height:1.43;border:1px solid #979797;border-radius:5px}.bevel-landing__success .bevel-section__body .list__item__title{color:#262626;font-size:24px;font-weight:600;font-style:normal;font-family:"PingFang TC","Open Sans","微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;line-height:1.88}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__item__title{font-size:22px;line-height:1.64}}.bevel-landing__success .bevel-section__body .list__item__desc{color:#262626;font-size:13px;font-style:normal;font-family:"PingFang TC","Open Sans","微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;line-height:1.77;opacity:.8}.bevel-landing__success .bevel-section__body .list__item__button{display:flex;align-items:center}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__item__button{justify-content:center;margin-top:30px}}.bevel-landing__success .bevel-section__body .list__item__button a{flex:0 0 auto;display:inline-block;padding:2px 30px;color:#fff;font-size:16px;font-weight:600;line-height:2.75;letter-spacing:1.6px;white-space:nowrap;background:#004592;transition:.3s}.bevel-landing__success .bevel-section__body .list__item__button a:hover{filter:brightness(0.9)}.bevel-landing__success .bevel-section__body .list__item__button:before{content:"";flex:1 1 auto;height:1px;background:#d8d8d8;opacity:.3}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__item__button:before{content:none}}.bevel-landing__success .bevel-section__body .list__item__img{width:100%}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__item__img{display:none}}.bevel-landing__success .bevel-section__body .list__item__img picture{display:block;width:100%;aspect-ratio:428/263}.bevel-landing__success .bevel-section__body .list__item__img picture img{max-width:100%;width:100%;height:100%;box-shadow:0px 26px 30px -20px rgba(0,0,0,.7)}.bevel-landing__success .bevel-section__body .list__item__img__intro{margin-top:17px;color:#555;font-size:14px;font-weight:600;font-style:normal;font-family:"PingFang TC","Open Sans","微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;line-height:1.43}.bevel-landing__success .bevel-section__body .list__thumbs{flex:0 0 auto;margin-top:auto;width:88px;height:264px}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__thumbs{width:100%;height:auto}}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__thumbs .swiper-wrapper{align-items:center}}.bevel-landing__success .bevel-section__body .list__thumbs__item{position:relative;height:auto !important;aspect-ratio:88/66;cursor:pointer;mix-blend-mode:normal}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__thumbs__item{aspect-ratio:305/224;scale:.8}}.bevel-landing__success .bevel-section__body .list__thumbs__item:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.7)}.bevel-landing__success .bevel-section__body .list__thumbs__item.swiper-slide-active:before{content:none}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__body .list__thumbs__item.swiper-slide-active{scale:1.2;z-index:99}}.bevel-landing__success .bevel-section__body .list__thumbs img{width:100%;height:100%}.bevel-landing__success .bevel-section__more{display:inline-block;position:absolute;inset:auto auto 0 0;width:197px;height:80px;background:#ffd60d;transition:.3s}@media only screen and (max-width: 834px) {.bevel-landing__success .bevel-section__more{width:119px;inset:auto 0 0 auto}}@media only screen and (max-width: 425px) {.bevel-landing__success .bevel-section__more{inset:auto 0 0 0;width:100%;height:40px}}.bevel-landing__success .bevel-section__more:hover{filter:brightness(0.9)}.bevel-landing__success .bevel-section__more--text{position:absolute;inset:auto 23px 17px 0px;display:flex;align-items:center;gap:11px;color:#004592;white-space:nowrap;font-size:14px;font-weight:600;font-style:normal;font-family:"PingFang TC","Open Sans","微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;line-height:1.4}@media only screen and (max-width: 425px) {.bevel-landing__success .bevel-section__more--text{inset:50% auto auto 50%;transform:translate(-50%, -50%)}}.bevel-landing__success .bevel-section__more--text:before{content:"";width:min(100%,62px);height:1px;background:#004592}@media only screen and (max-width: 1440px) {.bevel-landing__success .bevel-section__more--text:before{flex:1 1 auto}}@media only screen and (max-width: 425px) {.bevel-landing__success .bevel-section__more--text:before{content:"▶︎";flex:0 0 auto;font-size:14px;width:auto;height:auto;background:unset}}.bevel-section__inner{margin-left:max(16.1%,200px);padding:90px clamp(20px,6%,90px) 90px clamp(20px,2%,50px)}@media only screen and (max-width: 834px) {.bevel-section__inner{margin-inline:clamp(20px,5%,70px);padding:60px clamp(30px,6%,80px)}}@media only screen and (max-width: 834px) {.bevel-section__head{text-align:center}}.bevel-landing__video{--section-header-color: #fff;--section-span-color: rgba(255, 255, 255, 0.2);background:url(https://www.gss.com.tw/templates/bevel/images/section-video-bg.png) no-repeat center/cover}.bevel-landing__video .video__list{display:flex;margin-top:40px}@media only screen and (max-width: 1024px) {.bevel-landing__video .video__list{display:block}}.bevel-landing__video .video__item{flex:0 0 33%;display:flex;flex-direction:column}.bevel-landing__video .video__item:hover .video__item__img:before{transform:scale(1)}.bevel-landing__video .video__item:hover .video__item__title{background:#004f95}.bevel-landing__video .video__item:hover .video__item__img__btn{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.3)}.bevel-landing__video .video__item:hover .video__item__img__btn:after{transform:scale(1.04)}.bevel-landing__video .video__item__img{aspect-ratio:330/188;display:block;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;overflow:hidden;flex:0 0 auto}@media only screen and (max-width: 1024px) {.bevel-landing__video .video__item__img{display:flex;align-items:center;justify-content:center}}.bevel-landing__video .video__item__img:before{content:"";position:absolute;inset:0;background:inherit;transform:scale(1.02);transition:transform 300ms}.bevel-landing__video .video__item__img__btn{position:absolute;inset:auto 0 0 auto;width:12%;aspect-ratio:1;background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;transition:background-color .3s,box-shadow .3s}.bevel-landing__video .video__item__img__btn:after{content:"";width:0;height:0;border-style:solid;border-width:8.5px 0 8.5px 13px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #004f95;transition:transform .3s}@media only screen and (max-width: 1024px) {.bevel-landing__video .video__item__img__btn{inset:auto}}.bevel-landing__video .video__item__title{flex:1 1 auto;padding:20px 30px;background:#000;color:#fff;display:block;font-size:.75rem;transition:background-color 200ms;line-height:1.5}