@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}}:where(html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input){margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:"PingFang TC","Microsoft JhengHei",sans-serif;vertical-align:baseline;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}*{box-sizing:border-box}*::before{box-sizing:border-box}*::before{box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}:where(body,a){color:var(--font-color, #1d1d1f)}:where(.wrapper){display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh}:where(.inner,.container){width:min(100%,1280px);margin:0 auto;padding:40px clamp(20px,6%,40px);position:relative}.l-container{width:100vw;overflow:hidden;padding:88px 0 0 60px}@media only screen and (max-width: 678px) {.l-container{padding:46px 0 0 46px}}#fc_filter_form_blocker{opacity:0;position:fixed;z-index:0;inset:0;pointer-events:none;display:none !important}:where(.btn){border:0;background:initial;cursor:pointer;margin:0}.btn__wrap{width:var(--btn-w);height:var(--btn-h);aspect-ratio:var(--btn-ratio)}.btn__svgicon{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.btn.--burger{display:flex;align-items:center;justify-content:center;padding:0;--btn-h: 70%;--btn-ratio: 1/1}.btn.--burger .btn__svgicon{transition:transform 400ms}.btn.--burger .line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:#fff;stroke-width:5.5;stroke-linecap:round}.btn.--burger .line.top{stroke-dasharray:40 121}.btn.--burger .line.bottom{stroke-dasharray:40 121}header.header .btn.--burger{display:none;background:#202b41}.show-burger header.header .btn.--burger{display:flex}@media only screen and (max-width: 834px) {header.header .btn.--burger{display:flex;flex:1 0 auto;justify-content:flex-end}}header.header .btn.--burger .btn__wrap{margin-inline:0 20px}.mega .btn.--burger{width:100%;height:inherit;background:rgba(0,0,0,0)}.mega .btn.--burger .btn__wrap{margin-inline:0 20px}.mega-open .btn.--burger .btn__svgicon{transform:rotate(45deg)}.mega-open .btn.--burger .line.top{stroke-dashoffset:-68px}.mega-open .btn.--burger .line.bottom{stroke-dashoffset:-68px}.text{list-style:none}.text__label{padding-top:2px;margin-right:20px}.text__content a{color:#004f95}.text__content a:hover{color:#3082d4}.text-cloud__item{display:inline-block;margin:5px 5px 5px 0;padding:8px 16px;border-radius:3px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1)}.text.--tiny{font-size:.75rem}.text.--small{font-size:.875rem}.text.--big{font-size:1.125rem}.text.--strong{font-weight:bold}.text.--highlight{color:#ea9442}.text.--nowrap{white-space:nowrap}.text.--underline{border-bottom:1px solid rgba(0,0,0,.1)}.list__item{padding:10px 0}.list__item.--underline{border-bottom:1px solid rgba(0,0,0,.1)}.--flex .list__item{display:flex}@media only screen and (max-width: 551px) {.--flex .list__item{flex-direction:column}}:root{--l-header: 80px;--l-header--mobile: 50px}.header__btn-burger,.header__btn-toggle{width:44px;height:44px;display:none}.show-burger .header__btn-burger,.show-burger .header__btn-toggle{display:block}@media only screen and (max-width: 834px) {.header__btn-burger,.header__btn-toggle{display:block}}.show-burger .header__nav.no-mega{padding-block:20px;position:fixed;inset:var(--h-header-total) 0 0 var(--w-search-width);background:#1b2232;opacity:0;pointer-events:none;transition:300ms}.show-burger .header__nav.no-mega .nav-list .nav-item{height:auto;display:block;margin:10px 0}.show-burger .header__nav.no-mega .nav-list .nav-item__url{padding:14px 0}.show-burger .header__nav.no-mega .nav-list .nav-item__url span{color:rgba(255,255,255,.6)}.show-burger .header__nav.no-mega .nav-list .nav-item__url span:before{display:none}.header{position:fixed;height:88px;width:100vw;padding-left:60px;padding-top:30px;display:flex;z-index:99;box-shadow:0 0 50px rgba(0,0,0,.1);background:#202b41}@media only screen and (max-width: 678px) {.header{height:46px;padding-left:46px;padding-top:0}}.header__home{background:rgba(255,255,255,.2);width:60px;flex:0 0 60px;line-height:58px;font-size:20px;color:#fff;text-align:center;transition:.3s;position:absolute;inset:auto auto 0 0;backdrop-filter:blur(27px);-webkit-backdrop-filter:blur(27px)}@media only screen and (max-width: 678px) {.header__home{width:46px;flex:0 0 46px;line-height:46px}}.header__home>*{position:relative}.header__home:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);transition:.3s}.header__home:hover{background:rgba(255,255,255,0);color:#ffd60d}.header__home:hover:before{background:rgba(32,43,65,.9)}.header__logo{background:#fff;width:max(15.6%,200px);flex:0 0 auto;display:flex;padding:0 10px;align-items:center;justify-content:center}.header__logo span{flex:0 0 auto;aspect-ratio:85/14;width:min(100%,220px);background:url(https://www.gss.com.tw/templates/bevel/images/gss-logo.png) no-repeat center/contain;overflow:hidden;text-indent:-99999px;color:rgba(0,0,0,0)}.header__nav--top{position:absolute;inset:0 0 auto 0;height:30px;display:flex;align-items:center;padding:0 34px;background-color:#101826}@media only screen and (max-width: 678px) {.header__nav--top{display:none}}.header__nav{background:#202b41;flex:1 1 auto;font-size:1.125rem;overflow:hidden}@media only screen and (max-width: 834px) {.header__nav.no-mega{padding-block:20px;position:fixed;inset:var(--h-header-total) 0 0 var(--w-search-width);background:#1b2232;opacity:0;pointer-events:none;transition:300ms}}@media only screen and (max-width: 834px) {.header__nav.no-mega .nav-list{display:block;opacity:1}.header__nav.no-mega .nav-list--sub{position:static;opacity:1;pointer-events:auto}.header__nav.no-mega .nav-list--sub .nav-item{margin:0 !important}.header__nav.no-mega .nav-list--sub .nav-item__url{background:none;font-size:.9375rem;border-left:1px solid rgba(255,255,255,.2);padding-left:12px !important;padding-block:5px !important}.header__nav.no-mega .nav-list--sub .nav-item__url span{color:#fff !important}.header__nav.no-mega .nav-list--sub .nav-item__url:hover{background:none;border-left:1px solid #ffd200}.header__nav.no-mega .nav-list--sub .nav-item__url:hover span{color:#ffd200 !important}.header__nav.no-mega .nav-list .nav-item{height:auto;display:block;margin:10px 0}.header__nav.no-mega .nav-list .nav-item__url{padding:14px 0}.header__nav.no-mega .nav-list .nav-item__url span{color:rgba(255,255,255,.6)}.header__nav.no-mega .nav-list .nav-item__url span:before{display:none}}.header__nav .nav-list{display:inline-flex;align-items:center;flex-direction:row;height:100%;padding:0 1.25rem;gap:32px;white-space:nowrap}.show-burger .header__nav .nav-list{opacity:0;pointer-events:none}@media only screen and (max-width: 834px) {.header__nav .nav-list{opacity:0;pointer-events:none}}.header__nav .nav-list--sub{position:absolute;inset:100% auto auto -20px;color:#fff;opacity:0;pointer-events:none}.header__nav .nav-list--sub .nav-item__url{padding:10px 20px;white-space:nowrap;background:#202b41}.header__nav .nav-list--sub .nav-item__url:hover{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#202b41}.header__nav .nav-list--sub .nav-item__url:hover span{color:#202b41}.header__nav .nav-list--sub .nav-item__txt:before{display:none}.header__nav .nav-item{height:100%;position:relative;display:flex;align-items:center}.header__nav .nav-item:hover .nav-list--sub{opacity:1;pointer-events:auto}.header__nav .nav-item__url{display:block;color:#fff}.header__nav .nav-item__url:hover span{color:#ffd60d}.header__nav .nav-item__txt{color:#fff;transition:.3s}.header__btn-toggle{position:absolute;inset:var(--h-header-top-height) 0 auto auto;width:var(--l-header--mobile);height:var(--l-header--mobile);z-index:999999;opacity:0}.header__btn-toggle:checked~.header__nav{opacity:1;pointer-events:auto}.header__btn-toggle:checked~.header__nav .nav-list{display:block;opacity:1;pointer-events:auto}.header__btn-toggle:checked~.header__nav .nav-list--sub{display:block !important;opacity:1;pointer-events:auto}.header__btn-toggle:checked+.btn-burger b{background:rgba(255,255,255,0)}.header__btn-toggle:checked+.btn-burger b:before{transform:translate3d(0, 6px, 0) rotate(45deg)}.header__btn-toggle:checked+.btn-burger b:after{transform:translate3d(0, -6px, 0) rotate(-45deg)}.header__btn-burger{inset:var(--h-header-top-height) 0 auto auto;position:absolute;z-index:888888}.header__btn-burger b{position:absolute;top:50%;left:10px;right:10px;height:3px;background:#fff;border-radius:4px;transition:.3s}.header__btn-burger b:before{content:"";position:absolute;left:0;right:0;height:100%;top:-6px;background:#fff;border-radius:4px;transition:.3s}.header__btn-burger b:after{content:"";position:absolute;left:0;right:0;height:100%;bottom:-6px;background:#fff;border-radius:4px;transition:.3s}.nav__outurl{display:flex;font-size:13px}.nav__outurl .nav-list{align-items:flex-end;gap:24px 0}.header__nav--top .nav-list{--list-font-color: rgba(255, 255, 255, 0.55);font-size:12px;flex-direction:row;margin-left:auto}.header__nav--top>span{color:rgba(255,255,255,.55);font-size:12px}@media only screen and (max-width: 1024px) {.header__nav--top>span{display:none}}.search{width:100vw;height:100vh;position:fixed;top:88px;left:0;background:rgba(32,43,65,0);transition:.3s;pointer-events:none;z-index:98}@media only screen and (max-width: 678px) {.search{top:46px}}.search__nav{height:calc(100vh - 58px);width:60px;position:absolute;pointer-events:auto;inset:0 auto auto 0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:22px 0}.search .search__nav::before{content:"";display:block;position:absolute;inset:0;backdrop-filter:blur(27px);-webkit-backdrop-filter:blur(27px);background:rgba(2,10,28,.9);pointer-events:none;z-index:-1}.mega .search__nav{height:auto;position:static;background:none;backdrop-filter:none;gap:16px 0;width:auto;backdrop-filter:initial;-webkit-backdrop-filter:initial;transition:all .3s ease-out;pointer-events:none}.mega-open .mega .search__nav{pointer-events:auto}@media only screen and (max-width: 1280px) {.mega .search__nav{flex-direction:row;gap:0 30px;width:auto;padding:0}.mega .search__nav:has(.mod-search:focus-within,.mod-search:focus,.mod-search__input:valid){gap:0}.mega .search__nav:has(.mod-search:focus-within,.mod-search:focus,.mod-search__input:valid) .search__nav__item{width:0;opacity:0}}@media only screen and (max-width: 678px) {.search__nav{height:calc(100vh - 46px);width:46px}}.search__nav__item{color:rgba(255,255,255,.8);font-size:1rem;transition:.23s;cursor:pointer}.mega .search__nav__item{padding:0}@media only screen and (max-width: 678px) {.search__nav__item{font-size:.8125rem}}.search__nav__item:hover{color:#ffd60d}.category__search{margin:0;background:#fff;box-shadow:0 10px 30px -5px rgba(0,0,0,.2);padding:20px 30px}.category__search .btn{font-size:.875rem;cursor:pointer;border-radius:4px;transition:.3s;padding:8px 16px;color:#004f95;font-weight:500;border:1px solid #004f95;white-space:nowrap}.category__search .btn:hover{background:rgba(32,43,65,.1)}.category__search .btn-success{background:#202b41;color:#fff}.category__search .btn-success .icon-search{display:inline-block;vertical-align:middle;width:13px;aspect-ratio:1;background:url(https://www.gss.com.tw/templates/bevel/images/icon-search--white.svg) no-repeat center/contain;margin-right:6px;margin-top:-3px}.category__search .btn-success:hover{background:#004f95;box-shadow:0 5px 10px rgba(0,79,149,.3)}.category__search .icon-remove{display:inline-block;vertical-align:middle;width:13px;aspect-ratio:1;background:url(https://www.gss.com.tw/templates/bevel/images/icon-trash-x.svg) no-repeat center/contain;margin-right:6px;margin-top:-3px}.category__search .fc_filter_set{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.category__search .fc_filter_html{width:100%;display:inline-block}.category__search .fc_filter_html select{width:inherit;height:inherit;cursor:pointer;appearance:none;border:none}.category__search .fc_filter_line{padding:0 0 10px;border-bottom:1px solid #c9c9c9;display:flex;justify-content:center;align-items:center;margin:0}.category__search .fc_filter_line:not([class*=search]){width:min(240px,100%)}.category__search .fc_filter_line.fc_filter_buttons_box{width:auto;border:none;padding:0}.category__search .fc_filter_buttons_box{margin-left:auto;position:relative}.category__search .fc_filter_buttons_box .fc-mssg{position:absolute;inset:100% auto auto 0;background:rgba(32,43,65,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translate3d(0, 10px, 0);font-size:.75rem;color:#fff;max-width:200px;padding:10px;line-height:1.6}.category__search .fc_filter_buttons_box .fc-mssg:before{content:"";position:absolute;inset:auto auto 100% 10px;width:0;height:0;border-style:solid;border-width:0 5px 6px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(32,43,65,.6) rgba(0,0,0,0)}.category__search .select2-hidden-accessible{visibility:hidden;display:none}.select2-container--open{z-index:9999}.select2-search--hide{display:block}.select2-selection{border-radius:1px;padding:3px 5px;margin-right:5px;transition:.3s}.select2-selection:hover,.select2-selection[aria-expanded=true]{background:#202b41;color:#fff;box-shadow:0 5px 20px rgba(32,43,65,.2)}.select2-selection:hover>span,.select2-selection[aria-expanded=true]>span{color:#fff}.select2-selection__rendered{font-size:.875rem;color:rgba(32,43,65,.7)}.select2-dropdown{display:block;background:#fff;box-shadow:0 15px 20px rgba(0,0,0,.2);min-width:160px;font-size:.875rem;padding-block:6px}.select2-container--open .select2-dropdown{background:#202b41}.select2-results__option{padding:8px 12px;color:#fff}.select2-results__option--selectable{transition:.3s;cursor:pointer}.select2-results__option--selectable:hover{background:rgba(255,255,255,.1)}.select2-results__option--selected{background:#ffd60d;color:#202b41}.select2-results__option--selected:hover{background:#ffd60d;color:#333}.mod-search{--search-H: 44px;display:inline-flex;align-content:center;justify-content:center;position:relative;height:var(--search-H)}.mod-search__toggle{opacity:0;pointer-events:none;cursor:pointer}.mod-search__toggle svg path{fill:#fff}.mod-search__toggle .fa-x{display:none}@media only screen and (max-width: 1280px) {.mega .mod-search__toggle{display:none}}.mod-search__form{display:grid;grid-template-columns:auto auto;grid-template-rows:auto;grid-template-areas:"search btn";position:absolute;transition:all .3s;height:var(--search-H)}nav.search .mod-search__form{left:0}nav.mega .mod-search__form{right:0}@media only screen and (max-width: 1280px) {nav.mega .mod-search__form{left:auto;right:auto;position:relative}}.mod-search__form:focus,.mod-search__form:focus-within,.mod-search__form:has(.mod-search__input:valid){background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.6);box-shadow:0px 4px 8px rgba(0,0,0,.07);backdrop-filter:blur(10px);padding:10px;border-radius:25px;gap:10px}.mod-search__form:focus .mod-search__input,.mod-search__form:focus-within .mod-search__input,.mod-search__form:has(.mod-search__input:valid) .mod-search__input{width:180px}.mod-search__form:focus .mod-search__input:focus,.mod-search__form:focus .mod-search__input:valid,.mod-search__form:focus-within .mod-search__input:focus,.mod-search__form:focus-within .mod-search__input:valid,.mod-search__form:has(.mod-search__input:valid) .mod-search__input:focus,.mod-search__form:has(.mod-search__input:valid) .mod-search__input:valid{width:180px}.mod-search__label{display:none}.mod-search__input{grid-area:search;width:0;padding:0;background:rgba(0,0,0,0);border-radius:0;font-size:16px;color:#000;transition:width .3s ease-out;outline:rgba(0,0,0,0);appearance:none;-webkit-appearance:none}.mod-search__btn{grid-area:btn;display:flex;align-items:center;justify-content:center;padding:0;font-size:16px}.mod-search__btn svg{transition:.3s}.mod-search__btn svg path{fill:#fff}:root{--rect-top: calc(100% - 70px);--rect-down: calc(100% - 320px);--rect-left: 40px;--rect-right: ;--mega-menu-open-sec: 0.6s}.mega__list .nav-item__url[target=_blank]{display:inline-flex;align-items:center;gap:.2em}.mega__list .nav-item__url[target=_blank] svg{font-size:min(.5em,14px);opacity:.9}.mega__list .nav-item__url[target=_blank]::after{display:none;font:var(--fa-font-regular);content:""}.mega-open{overflow:hidden}.mega{--border-line: 1px solid rgba(0, 79, 149, 0.2);position:fixed;width:100vw;height:100vh;z-index:101;display:grid;grid-template-columns:calc(var(--rect-down) + (var(--rect-top) - var(--rect-down))*.5) 1fr;grid-template-rows:100px 1fr;grid-template-areas:"head head" "body side";overflow:auto;opacity:0;pointer-events:none}.mega>*{z-index:1}.mega>[class^=mega]{opacity:0;transition:opacity .2s .5s}.mega-open .mega{opacity:1;pointer-events:auto}.mega-open .mega>[class^=mega]{opacity:1}.mega-close .mega>[class^=mega]{transition:opacity .25s;opacity:0}@media only screen and (max-width: 1280px) {.mega{grid-template-columns:1fr;grid-template-rows:100px auto min-content;grid-template-areas:initial}}.mega::before{content:"";position:fixed;inset:0 0 0 0;background:rgba(255,255,255,.7);backdrop-filter:blur(52px);-webkit-backdrop-filter:blur(52px);z-index:1}.mega-open .mega::before{animation:white-rect-move var(--mega-menu-open-sec) ease-out forwards}.mega-close .mega::before{animation:white-rect-move-reverse var(--mega-menu-open-sec) ease-out forwards}@media only screen and (max-width: 1280px) {.mega::before{position:relative;display:grid;grid-column:1/2;grid-row:1/4}}.mega::after{content:"";position:fixed;inset:0 0 0 0;transform:translateZ(0);z-index:2;background:rgba(4,20,34,.6);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}.mega-open .mega::after{animation:black-rect-move var(--mega-menu-open-sec) ease-out forwards}.mega-close .mega::after{animation:black-rect-move-reverse var(--mega-menu-open-sec) ease-out forwards}@media only screen and (max-width: 1280px) {.mega::after{position:static;grid-column:1/2;grid-row:3/4}}.mega__backdrop{background:rgba(71,71,71,.6);position:absolute;inset:0;z-index:0}.mega__header{grid-area:head;border-bottom:var(--border-line);padding-inline:50px}.mega__header::before{content:"";background:url(https://www.gss.com.tw/templates/bevel/images/gss-logo.png) no-repeat center/contain;display:block;width:170px;height:100%}@media only screen and (max-width: 1280px) {.mega__header{grid-area:initial;grid-column:1/2;grid-row:1/2}}.mega__control{position:absolute;font-size:18px;inset:0 0 auto auto;z-index:3;color:#88adce;height:58px;display:grid;place-items:center}@media only screen and (max-width: 678px) {.mega__control{height:46px}}.mega__control *{pointer-events:none}.mega__body{grid-area:body;display:flex}@media only screen and (max-width: 1280px) {.mega__body{grid-area:initial;grid-row:2/4;grid-column:1/2;padding-block-end:28px}}@media only screen and (max-width: 768px) {.mega__body{grid-template-columns:var(--mega-body-columns);grid-template-rows:var(--mega-body-rows)}[data-depth="2"] .mega__body{display:grid;--mega-body-columns: 1fr;--mega-body-rows: min-content auto;grid-template-areas:"l1" "l2";padding-block:60px 28px}[data-depth="3"] .mega__body{display:grid;--mega-body-columns: auto 1fr;--mega-body-rows: min-content auto;grid-template-areas:"l1 l1" "l2 l3";padding-block:60px 28px}}.mega__list{display:flex;padding:70px 24px;flex:0 1 auto;overflow:hidden}.mega__list:empty{display:none}@media only screen and (max-width: 1280px) {.mega__list{padding-block-end:var(--rect-right)}}.mega__list.--list-1{flex:0 1 400px;padding-inline:46px;justify-content:flex-end;border-right:var(--border-line);font-size:38px;font-weight:600}@media only screen and (max-width: 1280px) {.mega__list.--list-1{flex:0 1 auto}}@media only screen and (max-width: 768px) {.mega__list.--list-1{border-right:initial;grid-area:l1}[data-depth="2"] .mega__list.--list-1,[data-depth="3"] .mega__list.--list-1{padding-block:0;padding:0 26px 16px;border-bottom:var(--border-line);justify-content:flex-start;align-items:center}[data-depth="2"] .mega__list.--list-1 .nav-item:not(.active),[data-depth="3"] .mega__list.--list-1 .nav-item:not(.active){display:none}[data-depth="2"] .mega__list.--list-1 .nav-list,[data-depth="3"] .mega__list.--list-1 .nav-list{gap:0}[data-depth="2"] .mega__list.--list-1 .btn.--chevron-left,[data-depth="3"] .mega__list.--list-1 .btn.--chevron-left{display:flex;font-size:38px;margin-inline-end:20px}}.mega__list.--list-2{font-size:1.25rem;color:rgba(0,69,146,.5)}@media only screen and (max-width: 768px) {.mega__list.--list-2{font-size:14px;grid-area:l2;padding-block:initial;padding:30px min(65px,12vw) var(--rect-right)}[data-depth="3"] .mega__list.--list-2{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:.3em;padding:30px 26px var(--rect-right);align-items:center;border-right:var(--border-line);animation:sublist-move .4s ease-out forwards}[data-depth="3"] .mega__list.--list-2 .nav-item:not(.active){display:none}[data-depth="3"] .mega__list.--list-2 .btn.--chevron-left{display:flex;margin-block-end:10px}}.mega__list.--list-3{font-size:1.25rem;color:rgba(0,69,146,.5)}.mega__list.--list-3:has([data-level^=level]){border-left:var(--border-line)}.mega__list.--list-3:empty{border-left:0}@media only screen and (max-width: 768px) {.mega__list.--list-3{font-size:14px;grid-area:l3;padding:30px 30px var(--rect-right);border-left:0 !important}.mega__list.--list-3 .nav-list--sub{animation:sublist-move-rev .4s ease-out forwards}}.mega__list .btn.--chevron-left{display:none}@media only screen and (max-width: 768px) {[data-depth="2"] .mega__list .btn.--chevron-left,[data-depth="3"] .mega__list .btn.--chevron-left{color:#004592;padding:0}}.mega__side{grid-area:side;color:#fff;z-index:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:70px 34px 50px 0}@media only screen and (max-width: 1280px) {.mega__side{grid-column:1/2;grid-row:3/4;padding:50px 32px 38px;flex-direction:row}}@media only screen and (max-width: 678px) {.mega__side{flex-direction:column-reverse;gap:20px}}.nav-list{display:flex;flex-direction:column;gap:32px;counter-reset:order}@media only screen and (max-width: 1280px) {.nav-list{grid-column:1/1;grid-row:1/1}}.nav-list--sub{display:flex;flex-direction:column}.mega__list>.nav-list--sub{gap:24px;transform:translate3d(-400px, 0, 0);transition:all .4s ease-in-out;animation:sublist-show var(--mega-menu-open-sec) ease-out forwards}.mega [data-level=level-1] .nav-list--sub[data-level=level-2]{display:none}.mega [data-level=level-2] .nav-list--sub[data-level=level-3]{display:none}.nav-item{position:relative;cursor:pointer}.nav-item:hover .nav-item__txt::before{width:100%}.nav-item__txt{position:relative}.nav-item__txt::before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--list-font-color);transition:width .2s}.nav-item *{transition:color .2s;color:var(--list-font-color, rgb(0, 69, 146))}.nav-item.active{--list-font-color: rgba(0, 69, 146, 1)}.--list-1 .nav-item{--list-font-color: rgba(0, 69, 146, 1)}.--list-1 .nav-item.active{--list-font-color: #fff;text-shadow:0px 13px 16px rgba(72,99,151,.2)}.--list-1 .nav-item::before{counter-increment:order;content:counter(order, decimal-leading-zero);font-size:14px;color:#004592;margin-inline:0 16px}.header__nav .nav-item{--list-font-color: #fff}.mega .nav-item{--list-font-color: rgba(0, 69, 146, 1)}.nav__outurl .nav-item{--list-font-color: #fff}@keyframes white-rect-move {0%{clip-path:polygon(0 0, var(--rect-top) 0, var(--rect-down) 100%, 0 100%)}100%{clip-path:polygon(0 0, var(--rect-top) 0, var(--rect-down) 100%, 0 100%)}}@keyframes white-rect-move-reverse {0%{clip-path:polygon(0 0, var(--rect-top) 0, var(--rect-down) 100%, 0 100%)}50%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)}100%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)}}@keyframes black-rect-move {0%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}100%{clip-path:polygon(var(--rect-top) 0, 100% 0, 100% 100%, var(--rect-down) 100%)}}@keyframes black-rect-move-reverse {0%{clip-path:polygon(var(--rect-top) 0, 100% 0, 100% 100%, var(--rect-down) 100%)}50%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)}100%{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%)}}@media only screen and (max-width: 1280px) {@keyframes white-rect-move {0%{clip-path:polygon(0 0, 100% 0, 100% 0, 0% 0%)}100%{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--rect-right)), 0 calc(100% - var(--rect-right) + var(--rect-left)))}}@keyframes white-rect-move-reverse {0%{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--rect-right)), 0 calc(100% - var(--rect-right) + var(--rect-left)))}100%{clip-path:polygon(0 0, 100% 0, 100% 0, 0% 0%)}}@keyframes black-rect-move {0%{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%)}100%{clip-path:polygon(0 var(--rect-left), 100% 0, 100% 100%, 0 100%)}}@keyframes black-rect-move-reverse {0%{clip-path:polygon(0 var(--rect-left), 100% 0, 100% 100%, 0 100%)}100%{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%)}}}@keyframes sublist-show {0%{transform:translate3d(-400px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes sublist-move {0%{transform:translate3d(-300px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes sublist-move-rev {0%{transform:translate3d(120%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}.menu--footer--social .nav-item__url:before{display:inline-block;font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.footer{background-color:#000;position:relative;bottom:0;z-index:100;border-top:solid 1px rgba(255,255,255,.2)}.footer *{color:#d8e8f9}.footer a{color:#fff}.footer>.inner{display:grid;grid-template-columns:30% 70%;grid-template-rows:1fr auto;grid-template-areas:"footer__left footer__main" "footer__btm footer__btm"}@media only screen and (max-width: 1024px) {.footer>.inner{display:block}}.footer>.inner .footer__left{grid-area:footer__left;padding-top:60px;padding-left:55px;padding-right:35px;padding-bottom:60px;color:#d8e8f9}@media only screen and (max-width: 1024px) {.footer>.inner .footer__left{display:grid;grid-gap:20px;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr}}@media only screen and (max-width: 834px) {.footer>.inner .footer__left{display:block}}.footer>.inner .footer__left img{width:70%}@media only screen and (max-width: 678px) {.footer>.inner .footer__left img{display:none}}.footer>.inner .footer__main{grid-area:footer__main;padding-top:60px;padding-right:55px;padding-bottom:42px;color:#d8e8f9}@media only screen and (max-width: 1024px) {.footer>.inner .footer__main{padding-top:20px;padding-left:55px}}.footer>.inner .footer__main .nav-item__url{display:block;transition:.3s}.footer>.inner .footer__main .nav-item__url:hover{color:#0085fb}.footer>.inner .footer__main>ul.mainnav{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}@media only screen and (max-width: 834px) {.footer>.inner .footer__main>ul.mainnav{flex-wrap:wrap;gap:0}}.footer>.inner .footer__main>ul.mainnav>li>.nav-header{font-size:18px;color:#fff}.footer>.inner .footer__main>ul.mainnav>li>ul{padding-top:20px}.footer>.inner .footer__main>ul.mainnav>li>ul>li{margin-top:18px;font-size:14px}@media only screen and (max-width: 834px) {.footer>.inner .footer__main>ul.mainnav>li{flex-wrap:nowrap;width:50%;margin-bottom:20px}}@media only screen and (max-width: 678px) {.footer>.inner .footer__main>ul.mainnav>li{width:100%}}.footer>.inner .footer__main>ul.mainnav>li:has(.with-border){text-align:center}.footer>.inner .footer__main>ul.mainnav>li:has(.with-border)>ul{padding-top:18px}.footer>.inner .footer__main>ul.mainnav>li:has(.with-border)>ul>li a{display:block;padding:0 8px;border:solid #d8d8d8 1px;font-size:16px;line-height:2.6;white-space:nowrap;border-radius:5px}.footer>.inner .footer__main>ul.mainnav>li:has(.with-border)>ul>li a:hover{background:#004f95;color:#fff;border:1px solid #004f95;box-shadow:0 5px 30px -5px rgba(0,79,149,.9)}@media only screen and (max-width: 834px) {.footer>.inner .footer__main>ul.mainnav>li:has(.with-border){text-align:left}.footer>.inner .footer__main>ul.mainnav>li:has(.with-border)>ul>li{text-align:center;margin:20px 0}}.footer>.inner .footer__btm{display:flex;align-items:center;flex-wrap:wrap;gap:20px;justify-content:space-between;grid-area:footer__btm;padding:16px;padding-left:55px;padding-right:55px;text-align:center;border-top:solid 1px rgba(255,255,255,.4);line-height:1.7;color:#d8e8f9;font-size:12px}.footer>.inner .footer__btm .nav-list{flex-direction:row;flex-wrap:wrap;align-items:center;gap:32px}@media only screen and (max-width: 551px) {.footer>.inner .footer__btm .nav-list{gap:clamp(20px,5%,32px)}}@media only screen and (max-width: 1024px) {.gss-logo--footer{grid-column:1/span 1;grid-row:1/span 1}}.gss-logo--footer a{display:block;background:url(https://www.gss.com.tw/templates/bevel/images/gss-logo--white.png) no-repeat center/contain;font-size:0;color:rgba(0,0,0,0)}.gss-logo--footer a:before{content:"";display:block;padding-top:12.5%}.footer__contact{font-size:12px;line-height:2.1;color:rgba(255,255,255,.55);font-weight:300}@media only screen and (max-width: 1024px) {.footer__contact{font-size:10px}}.footer__contact dt{font-weight:300}.menu--footer--social{display:flex;padding:16px 0;flex-direction:row;gap:0}@media only screen and (max-width: 1024px) {.menu--footer--social{grid-column:1/span 1;grid-row:2/span 1}}@media only screen and (max-width: 678px) {.menu--footer--social{display:block;padding:16px 8px}}.menu--footer--social .nav-item{display:inline-block;flex:1 1 auto;text-align:center}.menu--footer--social .nav-item svg{display:inline-block;vertical-align:middle}@media only screen and (max-width: 375px) {.menu--footer--social .nav-item{display:block}}.menu--footer--social .nav-item__txt{vertical-align:middle;transition:.3s;margin-left:5px}.menu--footer--social .nav-item__url{display:block;padding:8px 4px;font-size:14px;border-radius:5px;margin:0 4px 0 0;transition:.3s}.menu--footer--social .nav-item__url svg{color:inherit}.menu--footer--social .nav-item__url svg path{color:inherit}@media only screen and (max-width: 375px) {.menu--footer--social .nav-item__url{margin-bottom:4px}}.menu--footer--social .nav-item__url:hover{color:#fff !important}.menu--footer--social .nav-item__url:hover:before,.menu--footer--social .nav-item__url:hover .nav-item__txt{color:#fff}.menu--footer--social .nav-item__url:before{display:inline-block;margin-right:4px;font-size:16px;vertical-align:middle;transition:.3s}.menu--footer--social .nav-item__url.link-fb{border:1px solid #4267b2;color:#4267b2}.menu--footer--social .nav-item__url.link-fb:hover{box-shadow:0 5px 20px -5px #4267b2;background:#4267b2}.menu--footer--social .nav-item__url.link-fb:before{content:"";display:none}.menu--footer--social .nav-item__url.link-youtube{border:1px solid #ff0001;color:#ff0001}.menu--footer--social .nav-item__url.link-youtube:hover{box-shadow:0 5px 20px -5px #ff0001;background:#ff0001}.menu--footer--social .nav-item__url.link-youtube:before{content:"";display:none}.iso27001-icon{display:block;width:70px;aspect-ratio:71/68;background:url(https://www.gss.com.tw/templates/bevel/images/iso27001.png) no-repeat center/contain}.iso27001-icon .nav-item__txt{display:none}.iso27701-icon{display:block;width:70px;aspect-ratio:512/487;background:url(https://www.gss.com.tw/templates/bevel/images/iso27701.png) no-repeat center/contain}.iso27701-icon .nav-item__txt{display:none}.iso27018-icon{display:block;width:70px;aspect-ratio:302/295;background:url(https://www.gss.com.tw/templates/bevel/images/iso27018.png) no-repeat center/contain}.iso27018-icon .nav-item__txt{display:none}.iso30401-icon{display:block;width:70px;aspect-ratio:302/295;background:url(https://www.gss.com.tw/templates/bevel/images/iso30401.png) no-repeat center/contain}.iso30401-icon .nav-item__txt{display:none}.iso9001-icon{display:block;width:70px;aspect-ratio:1/1;background:url(https://www.gss.com.tw/templates/bevel/images/iso9001.svg) no-repeat center/contain}.iso9001-icon .nav-item__txt{display:none}.iso27017-icon{display:block;width:70px;aspect-ratio:1/1;background:url(https://www.gss.com.tw/templates/bevel/images/iso27017.svg) no-repeat center/contain}.iso27017-icon .nav-item__txt{display:none}.cns27001-icon{display:block;width:70px;aspect-ratio:1/1;background:url(https://www.gss.com.tw/templates/bevel/images/cns27001.svg) no-repeat center/contain}.cns27001-icon .nav-item__txt{display:none}.cmmi-icon{display:block;width:210px;aspect-ratio:975/189;background:url(https://www.gss.com.tw/templates/bevel/images/CMMI.png) no-repeat center/contain}.cmmi-icon .nav-item__txt{display:none}.category__filter{width:min(1280px,100%)}.category__filter form{padding:20px 30px;box-shadow:0 5px 30px rgba(0,0,0,.15);background:#fff}.category__filter form .item_total{display:none}.fc-mssg{position:absolute;inset:80% auto auto auto;background:rgba(32,43,65,.8);backdrop-filter:blur(5px);transform:translate3d(0, 10px, 0);font-size:.75rem;color:#fff;max-width:200px;padding:10px;line-height:1.6}.fc-mssg:before{content:"";position:absolute;inset:auto auto 100% 10px;width:0;height:0;border-style:solid;border-width:0 5px 6px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(32,43,65,.6) rgba(0,0,0,0)}.fc_buttons{display:flex;align-items:center;gap:4px;height:100%;position:relative;z-index:2}.fc_buttons .btn{padding:8px 16px;transition:.3s;border:1px solid #3b73ab;color:#3b73ab;border-radius:5px}.fc_buttons .btn:hover{background:rgba(32,43,65,.1)}.fc_buttons .btn-success{background:#202b41;color:#fff;border:none}.fc_buttons .btn-success:hover{background:#004f95;box-shadow:0 5px 10px rgba(0,79,149,.3)}.fc_filter_set{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.fc_filter_line{padding:0 0 10px;border-bottom:1px solid #c9c9c9;width:100%}@media only screen and (max-width: 425px) {.fc_filter_line{width:min(120px,100%)}}.fc_filter_line:not([class*=search]){width:auto}@media only screen and (max-width: 425px) {.fc_filter_line:not([class*=search]){width:min(240px,100%)}}.fc_filter_html{width:inherit;height:100%}.fc_filter_buttons_box{width:auto;margin-left:auto;border:none;padding:0}.fc_text_search input{width:100%;height:100%;outline:none}.fc_field_filter{border:none;width:inherit;height:inherit;appearance:none;cursor:pointer;font-weight:700}