@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}}.hero--story{position:relative;padding-top:90px;background:#fafcff}@media only screen and (max-width: 1024px) {.hero--story{margin-top:60px}}@media only screen and (max-width: 768px) {.hero--story{padding-top:110px}}.hero--story .inner{padding-left:0;padding-right:0;width:1100px}@media only screen and (max-width: 768px) {.hero--story .inner{padding-top:0}}.hero__bg{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover !important}@media only screen and (max-width: 768px) {.hero__bg{bottom:65%}}.hero__title{color:#fff;font-weight:600;font-size:4.5rem}.hero__title--sub{padding-top:15px;color:#fff;font-weight:600;font-size:1.25rem}.hero__title__group{position:relative}@media (max-width: 1140px) {.hero__title__group{padding:0 40px}}@media only screen and (max-width: 768px) {.hero__title__group{display:none}}.hero__slideshow{display:flex;flex-direction:column;position:relative;margin-top:30px;padding-bottom:40px;background:rgba(0,0,0,0)}.hero__slideshow::before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:106px;background:rgba(3,3,28,.6);backdrop-filter:blur(10px)}@media only screen and (max-width: 1024px) {.hero__slideshow::before{bottom:84px}}@media only screen and (max-width: 768px) {.hero__slideshow::before{bottom:40px}}@media only screen and (max-width: 768px) {.hero__slideshow{margin-top:0}}.hero__guide{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:73px;left:610px;right:41px;transform:translate(0, 50%);z-index:99}@media only screen and (max-width: 1024px) {.hero__guide{bottom:62px;left:550px}}@media only screen and (max-width: 834px) {.hero__guide{left:450px}}@media only screen and (max-width: 768px) {.hero__guide{left:calc(50% + 56px);right:auto;bottom:20px;transform:translate(-50%, 50%)}}@media only screen and (max-width: 551px) {.hero__guide{left:calc(50% + 36px)}}.hero__pagination{display:flex;justify-content:space-between;width:120px !important}.hero__pagination span{width:20px;height:2px;border-radius:5px}.hero__pagination span:first-child{margin-left:0px !important}.hero__navigation{display:flex;justify-content:space-between;align-items:center;width:100px}@media only screen and (max-width: 1024px) {.hero__navigation{width:50px}}@media only screen and (max-width: 768px) {.hero__navigation{margin-left:62px}}@media only screen and (max-width: 551px) {.hero__navigation{margin-left:32px}}.hero__navigation div::after{font-size:20px}.hero__navigation .swiper-button-next{position:unset;margin:0;width:auto;height:auto}.hero__navigation .swiper-button-prev{position:unset;margin:0;width:auto;height:auto}.hero__item{display:flex;padding-left:38px;padding-right:38px}@media only screen and (max-width: 768px) {.hero__item{flex-direction:column;padding-left:0;padding-right:0}}.hero__item__left{flex:0 0 530px;position:relative}@media only screen and (max-width: 1024px) {.hero__item__left{flex:0 0 470px}}@media only screen and (max-width: 834px) {.hero__item__left{flex:0 0 370px}}@media only screen and (max-width: 768px) {.hero__item__left{flex:0 0 auto}}.hero__item__company{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;padding-top:22px}@media only screen and (max-width: 768px) {.hero__item__company{flex-wrap:wrap;padding-left:35px;padding-right:35px}}.hero__item__company__group{display:flex}.hero__item__company__title{padding-right:10px;color:#fff;font-weight:500;font-size:0.8125rem}@media only screen and (max-width: 768px) {.hero__item__company__title{display:inline-block;margin-bottom:10px}.hero__item__company__title:empty{margin-bottom:0px}}.hero__item__company__respondent{color:rgba(255,255,255,.7);font-weight:500;font-size:0.8125rem}.hero__item__company__tag{padding:5.5px 11px;color:#fff;font-weight:500;background:rgba(0,79,149,.9);border-radius:11.5px;font-size:0.75rem}.hero__item__company__tag:empty{padding:0}.hero__item__img{display:block;position:relative;height:322px;background-repeat:no-repeat !important;background-position:50% 25% !important;background-size:cover !important}.hero__item__img::before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 10px 20px rgba(0,0,0,.18)}@media only screen and (max-width: 1024px) {.hero__item__img{height:302px}}@media only screen and (max-width: 834px) {.hero__item__img{height:252px}}@media only screen and (max-width: 551px) {.hero__item__img{height:202px}}.hero__item__right{flex:1 1 auto;width:100%;max-width:100%;padding-top:22px;padding-left:42px}@media only screen and (max-width: 768px) {.hero__item__right{padding-left:35px;padding-right:35px}}@media only screen and (max-width: 551px) {.hero__item__right{padding-left:20px;padding-right:20px}}.hero__item__infor{display:flex;justify-content:space-between;align-items:center;margin-top:6px;margin-bottom:18px}@media only screen and (max-width: 768px) {.hero__item__infor{margin-top:19px}}.hero__item__infor__chapter{display:inline-block;position:relative;margin-right:10px;padding-bottom:6px;color:#fff;font-size:0.75rem}.hero__item__infor__chapter::before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.4)}.hero__item__infor__date{color:rgba(255,255,255,.5);font-weight:500;font-size:0.75rem}.hero__item__title{display:-webkit-box;color:#fff;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-weight:600;line-height:1.4;font-size:1.875rem}@media only screen and (max-width: 834px) {.hero__item__title{-webkit-line-clamp:3}}@media only screen and (max-width: 768px) {.hero__item__title{-webkit-line-clamp:2}}.hero__item__summary{display:-webkit-box;margin-top:10px;margin-bottom:27px;color:rgba(255,255,255,.96);overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;font-weight:300;line-height:1.66;font-size:0.9375rem}@media only screen and (max-width: 834px) {.hero__item__summary{display:none}}.hero__item__import{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hero__item__import--text{margin-bottom:11px;color:#fff;font-weight:400;font-size:0.75rem}@media only screen and (max-width: 834px) {.hero__item__import--text{margin-top:25px}}@media only screen and (max-width: 768px) {.hero__item__import--text{margin-bottom:10px}}.hero__item__relative{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-right:20px;color:#fff;font-weight:500;line-height:1.6;font-size:0.9375rem}.hero__item__relative .relative-pd__item span:last-child{display:inline-block;margin-right:8px}.hero__item__link{color:#fff;font-weight:600;white-space:nowrap;font-size:0.8125rem}.hero__item__link svg{margin-left:5px;width:13px;height:12px;color:rgba(255,255,255,.6)}.stories{position:relative;margin-top:-106px;background:#fafcff}@media only screen and (max-width: 1024px) {.stories{margin-top:-84px}}@media only screen and (max-width: 768px) {.stories{margin-top:0}}.stories__title{position:relative;padding-bottom:80px;color:#004f95;font-weight:500;font-size:1.75rem}@media only screen and (max-width: 1024px) {.stories__title{padding-bottom:60px}}@media only screen and (max-width: 768px) {.stories__title{padding-left:40px;padding-bottom:40px}}@media only screen and (max-width: 551px) {.stories__title{padding-left:20px}}.stories__title--sub{position:absolute;bottom:0;left:50%;color:rgba(0,79,149,.1);font-weight:100;white-space:nowrap;transform:translate(-50%, 0);font-size:5rem}@media only screen and (max-width: 1024px) {.stories__title--sub{font-size:3.75rem}}@media only screen and (max-width: 768px) {.stories__title--sub{font-size:2.5rem}}.stories__item{flex:0 0 33.33%;display:flex;flex-direction:column;position:relative;padding:0 20px 26px 20px}.stories__item::before{content:"";display:block;position:absolute;top:40px;left:0;right:0;bottom:0;background:#fff;transition:.3s;opacity:0}.stories__item:hover::before{opacity:1;box-shadow:0px 8px 22px rgba(0,0,0,.15)}@media only screen and (max-width: 768px) {.stories__item{padding-left:10px;padding-right:10px}}@media only screen and (max-width: 551px) {.stories__item{flex:0 0 100%;margin-bottom:50px}.stories__item:last-child{margin-bottom:0}}.stories__item__link{position:absolute;top:0;left:0;right:0;bottom:20%;cursor:pointer;z-index:3}.stories__item__infor{position:relative;z-index:2}.stories__item__img{width:100%;height:150px;background-repeat:no-repeat !important;background-position:50% 25% !important;background-size:cover !important}.stories__item__company{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-bottom:33px;border-bottom:1px solid #e3e3e3}.stories__item__company__title{margin-right:8px;color:#000;font-weight:500;line-height:1.2;font-size:0.9375rem}.stories__item__company__tag{padding:5px 10px;color:#fff;font-weight:500;border-radius:11.5px;background:rgba(0,79,149,.9);font-size:0.75rem}.stories__item__title{display:-webkit-box;margin:10px 0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;color:#004f95;font-weight:600;line-height:1.56;font-size:1rem}.stories__item__summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;color:#888;font-weight:400;line-height:1.7;font-size:0.8125rem}.stories__item__import{display:flex;align-items:center;margin-top:30px;color:#949494;font-weight:400;white-space:nowrap;font-size:0.75rem}.stories__item__relative{display:-webkit-box;flex-wrap:wrap;margin-left:13px;color:#565656;font-weight:400;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;font-size:0.75rem}.stories__item__relative a{display:block;margin-right:5px;line-height:1.2}.stories__section{position:relative}.stories__section .inner{display:flex;position:relative;padding:0 90px 60px 90px;z-index:2}@media only screen and (max-width: 1024px) {.stories__section .inner{padding-left:50px;padding-right:50px;flex-direction:column}}@media only screen and (max-width: 834px) {.stories__section .inner{padding-left:30px;padding-right:30px}}.stories__section.cloud::before{content:"";display:block;position:absolute;left:-27px;bottom:27px;width:752px;height:350px;background:url(https://www.gss.com.tw/templates/bevel/images/success-story/section-cloud-bg.png) no-repeat center/cover}.stories__section.ent{padding-top:60px;background:#f4f4f7}.stories__section.ent::before{content:"";display:block;position:absolute;left:-27px;bottom:17px;width:1013px;height:494px;background:url(https://www.gss.com.tw/templates/bevel/images/success-story/section-ent-bg.png) no-repeat center/cover}.stories__section.ops{padding-top:48px}.stories__section.ops::before{content:"";display:block;position:absolute;bottom:0;left:-142px;width:1066px;height:517px;background:url(https://www.gss.com.tw/templates/bevel/images/success-story/section-ops-bg.png) no-repeat center/cover}.stories__section.infor{padding-top:65px;background:#f4f4f7}.stories__section.infor::before{content:"";display:block;position:absolute;bottom:0;left:0;width:929px;height:539px;background:url(https://www.gss.com.tw/templates/bevel/images/success-story/section-infor-bg.png) no-repeat center/cover}.stories__section__text{flex:0 0 150px;display:flex;flex-direction:column}@media only screen and (max-width: 1024px) {.stories__section__text{flex:1 1 auto}}.stories__section__title{color:#000;font-weight:600;line-height:1.4;font-size:1.875rem}@media only screen and (max-width: 1024px) {.stories__section__title br{display:none}}.stories__section__title--sub{margin-bottom:15px;color:#000;font-weight:600;font-size:0.875rem}@media only screen and (max-width: 1024px) {.stories__section__title--sub{margin-bottom:10px}}.stories__section__left{flex:0 0 170px;display:flex;flex-direction:column;margin-right:40px}@media only screen and (max-width: 1024px) {.stories__section__left{flex:0 0 auto;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:45px}}@media only screen and (max-width: 551px) {.stories__section__left{flex-direction:column;align-items:flex-start;margin-bottom:30px}}.stories__section__link{display:flex;align-items:center;color:#004f95;font-weight:600;font-size:0.875rem}.stories__section__link:before{content:"";display:inline-block;height:1px;width:22px;max-width:100%;background:#004f95}.stories__section__link svg{margin-right:5px;width:6px;height:15px}@media only screen and (max-width: 551px) {.stories__section__link{margin-top:10px}}.stories__section__right{flex:1 1 auto;display:flex;justify-content:space-between}@media only screen and (max-width: 551px) {.stories__section__right{flex-direction:column}}.news__item__container .content{padding:10px 85px 60px;background:#fff;box-shadow:0 29px 39px rgba(0,0,0,.13)}.news__item__container .content img{max-width:100%}@media only screen and (max-width: 551px) {.news__item__container .content img{max-height:250px}}.news__item__container .content p,.news__item__container .content span,.news__item__container .content h1,.news__item__container .content h2,.news__item__container .content h3,.news__item__container .content tr,.news__item__container .content td{margin-bottom:15px;line-height:1.44}.news__item__container .content tr,.news__item__container .content td{line-height:2}.news__item__container .content .jfk-bubble{display:none}@media only screen and (max-width: 1024px) {.news__item__container .content{padding:60px 40px}}@media only screen and (max-width: 551px) {.news__item__container .content{padding:40px 30px}}.news__item__hero{position:relative;min-height:420px}.news__item__hero figure{min-height:420px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}.news__item__hero figure:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2)}.news__item__hero__title{position:absolute;top:calc(50% - 20px);left:50%;max-width:1340px;margin:0 auto;padding:0 30px;color:#fff;text-align:center;font-weight:300;letter-spacing:1px;line-height:1.2;transform:translate(-50%, -50%);z-index:9;font-size:2.8125rem;text-align:center}@media only screen and (max-width: 1024px) {.news__item__hero__title{left:0;transform:none;font-size:1.875rem}}@media only screen and (max-width: 551px) {.news__item__hero__title{font-size:1.75rem}}.news__item__hero__title div{text-shadow:0 1px 5px #000}.news__item__title{display:block;position:relative;margin-bottom:30px;padding:27px 0;color:#000;font-weight:lighter;line-height:1.4;font-size:2.1875rem}.news__item__title::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(151,151,151,.26)}.news__category__header{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover}.news__category__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35)}@media only screen and (max-width: 551px) {.news__category__header{min-height:300px;background-position:25%}}.news__category__header .news__category__header__title--inner{padding:67px clamp(30px,6%,65px) 155px}.news__category__header__title{display:flex;flex-direction:column;position:relative;color:#fff;font-weight:600;z-index:9;font-size:3.75rem}.news__category__header__title--sub{color:#fff;font-weight:600;font-size:1.375rem;white-space:nowrap;margin-top:14px}.news__category__header__filter{position:absolute;margin:0 auto;padding:0 40px;bottom:-20px;left:0;right:0;z-index:9}@media only screen and (max-width: 834px) {.news__category__header__filter{padding:0}}.news__category__header__filter .catlink{color:#004f95}.news__category__header__filter .catlink:hover{color:#004f95}.news__category__header__filter .catinfo{margin-right:5px}.news__category__header__filter .catinfo .count{font-size:12px;padding:4px 6px;border-radius:5px;display:inline-block;vertical-align:middle;color:#aaa}.news__category__header__filter .fc_limit_selector{display:none}.news__category__header__filter .fc_filter_label{display:inline-block;width:auto;margin:0;margin-right:25px;padding:0;color:#004f95;text-shadow:none;font-size:16px;background:rgba(0,0,0,0)}.news__category__header__filter .fc_filter_html .select2-container{margin:0}.news__category__header__filter .fc_filter_html .select2-choice{min-height:unset;padding:18px 50px 18px 20px !important;border:1px solid rgba(0,79,149,.3);border-radius:5px;line-height:1;background:#fff}.news__category__header__filter .fc_filter_html .select2-chosen{color:#004f95 !important;font-size:16px;font-weight:600}.news__category__header__filter .fc_filter_html .select2-arrow{border-left:1px solid rgba(0,79,149,.15);background:#fff}.news__category__header__filter .fc_filter_html .select2-arrow b{display:inline-block;position:absolute;top:50%;height:30px;transform:translate(0, -50%)}.news__category__content{--min: 300px;--gap: 16px;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));gap:var(--gap);justify-content:center;justify-content:space-between;position:relative;margin-top:52px}.news__category__content .empty-msg{text-align:center;flex:1 1 100%}.news__category__content .fc_return_msg{display:inline-block;max-width:320px;padding:20px;background:#eee;text-align:center;margin:5px auto;color:#888;border-radius:4px}.news__category__content .fc_return_msg a{color:#004f95}.news__category__item{flex:0 0 calc(33.3% - 20px);display:flex;flex-direction:column;position:relative;max-width:100%;margin-bottom:50px;padding:0 20px 20px 20px;background:rgba(0,0,0,0);transition:.2s}@media only screen and (max-width: 834px) {.news__category__item{flex:0 0 calc(50% - 20px)}}@media only screen and (max-width: 551px) {.news__category__item{flex:0 0 100%}}.news__category__item:hover{transform:translate3d(0, -5px, 0)}.news__category__item:hover::before{box-shadow:0 8px 30px rgba(0,0,0,.15)}.news__category__item:empty{background:none;box-shadow:none}.news__category__item:empty::before{content:none}.news__category__item.empty{pointer-events:none;padding:0;margin-bottom:0}.news__category__item::before{content:"";position:absolute;top:40px;left:0;right:0;bottom:0;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:.2s;z-index:-1}.news__category__item__wrapper{flex:1 1 100%;display:flex;flex-direction:column}.news__category__item__img{display:block;flex:0 0 auto;aspect-ratio:2/1;background-repeat:no-repeat;background-position:50% 25%;background-size:cover}.news__category__item__infor{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;margin-top:15px}.news__category__item__company{color:#888;font-weight:500;line-height:normal;font-size:0.875rem}.news__category__item__type{display:inline-block;padding:5px 10px;color:#fff;font-weight:500;white-space:nowrap;border-radius:11px;background:#004f95;font-size:0.75rem}.news__category__item__type:empty{padding:0}.news__category__item__title{flex:0 0 auto;position:relative;margin-top:10px;padding-top:10px}.news__category__item__title a{color:#004f95;line-height:1.56;font-weight:600;font-size:1rem}.news__category__item__title a:hover{color:#006ac8}.news__category__item__title::before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:1px;background:rgba(0,79,149,.12)}.news__category__item__summary{flex:1 1 100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;margin-top:7px;color:#888;line-height:1.7;font-size:0.8125rem;-webkit-mask:linear-gradient(to top, rgba(0, 0, 0, 0) 0, #000 10%, #000 100%);mask:linear-gradient(to top, rgba(0, 0, 0, 0) 0, #000 10%, #000 100%)}.news__category__item__import{flex:0 0 auto;display:flex;align-items:center;margin-top:10px;color:#949494;white-space:nowrap;font-size:0.75rem;justify-content:flex-start}.news__category__item__product{flex:1 1 auto;display:-webkit-box;color:#565656;font-weight:400;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;font-size:0.75rem}.news__category__item__product .relative-pd__item span{display:inline-block;margin-right:5px;background:#f4f4f4;padding:0 5px;border-radius:3px;font-size:12px;border:1px solid #eee;line-height:18px}.news__category__item__product .relative-pd__item span:empty{display:none}.news__category__item__product a{display:block;margin-bottom:5px;line-height:1.2}.news__category__item__product a:last-child{margin-bottom:0px}.peercategorieslist+.subcategorieslist{margin-top:10px;border-top:1px solid #e5e5e5;padding-top:10px}.subcategorieslabel,.peercategorieslabel{font-size:0.8125rem;color:#777;margin-right:10px}.category-breadcrumb{max-width:1100px;margin:0 auto;width:100%}.category-breadcrumb .breadcrumb{border-top:none;margin-top:0}.story{margin-top:61px;background:#fafcff;overflow:hidden}.story__inner{padding:0 !important}.story__breadcrumbs{margin-bottom:-10px;padding:25px 50px;background:#fafcff}.story__breadcrumbs ul{display:flex;flex-wrap:wrap}.story__breadcrumbs ul li{margin-bottom:10px;color:rgba(0,0,0,.2);font-size:0.75rem}.story__breadcrumbs ul li.active{color:#000}.story__breadcrumbs ul li .divider{margin:0 15px}.story__breadcrumbs ul li .divider:first-child{margin:0}.story__hero{display:flex;background:url(https://www.gss.com.tw/templates/bevel/images/success-story/story-hero-bg.jpg) no-repeat center/cover}.story__hero__group{display:flex;max-width:100%;width:1180px;margin:46px auto 0;padding-left:50px;padding-right:50px;padding-bottom:70px}@media only screen and (max-width: 834px) {.story__hero__group{flex-direction:column}}.story__hero__left{flex:1 1 auto;margin-right:120px}@media only screen and (max-width: 1280px) {.story__hero__left{margin-right:72px}}@media only screen and (max-width: 834px) {.story__hero__left{margin-right:0}}.story__hero__right{flex:0 0 auto;position:relative;width:340px;margin-right:155px}@media only screen and (max-width: 1024px) {.story__hero__right{margin-right:55px}}@media only screen and (max-width: 834px) {.story__hero__right{width:280px;margin-top:24px;align-self:center}}@media only screen and (max-width: 551px) {.story__hero__right{width:100%}}.story__hero__img{position:absolute;max-width:100%;top:0;left:0;right:0;padding-top:118.5294117647%;background-repeat:no-repeat;background-position:center;background-size:cover !important;box-shadow:0 10px 40px rgba(0,0,0,.18);z-index:3}@media only screen and (max-width: 834px) {.story__hero__img{position:unset;padding-top:0;height:302px}}.story__chapter{display:inline-block;position:relative;padding-bottom:6px;font-size:0.9375rem}.story__chapter:before{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#004f95}.story__title{display:block;margin-top:22px;margin-bottom:42px;font-weight:500;line-height:1.2;font-size:2.25rem}.story__author{color:#818181;white-space:nowrap;font-size:1rem}.story__content{position:relative;max-width:100%;width:1080px;margin:0 auto}.story__content:before{content:"";display:block}.story__company{display:flex;transform:translate(0, -36px)}@media only screen and (max-width: 768px) {.story__company{flex-direction:column;align-items:center}}.story__company__left{flex:1 1 auto;position:relative;margin-right:67px;z-index:2}.story__company__left:after{content:"";display:block;position:absolute;top:0;right:-67px;bottom:0;width:9999px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.06);z-index:-1}@media only screen and (max-width: 1024px) {.story__company__left:after{right:-45px}}@media only screen and (max-width: 1280px) {.story__company__left{padding-left:30px}}@media only screen and (max-width: 1024px) {.story__company__left{margin-right:45px;padding-left:45px}}.story__company__right{flex:0 0 300px;background:#263774}@media only screen and (max-width: 1024px) {.story__company__right{display:none}}.story__company__group{display:flex;position:relative;max-width:100%}.story__company__group:before{content:"";display:block;position:absolute;top:0;left:100%;bottom:0;width:9999px;background:#263774}.story__company__img{flex:0 0 auto;position:relative;margin:25px;width:88px;height:88px;background-repeat:no-repeat;background-position:center;background-size:cover !important}.story__company__img:before{content:"";display:block;position:absolute;top:50%;left:50%;width:138px;height:138px;transform:translate(-50%, -50%);background:rgba(255,255,255,.4);z-index:-2}.story__company__img:after{content:"";display:block;position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%, -50%);background:#fff;box-shadow:0px 2px 11px rgba(0,0,0,.15);z-index:-1}.story__company__desc{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;margin-left:16px;margin-bottom:9px}@media only screen and (max-width: 768px) {.story__company__desc{margin-top:5px;margin-left:0;align-items:center}}.story__company__title{color:#333;font-weight:500;font-size:1.375rem}.story__company__title--sub{margin-top:15px;font-weight:lighter}.story__summary__text{position:relative;margin-top:27px;padding:0 84px 30px;color:#555;border-bottom:1px solid #ccc;font-weight:500;line-height:1.88;font-size:1.125rem}.story__summary__text::before{content:"";display:block;position:absolute;top:0;left:0;width:46px;height:43px;background:url(https://www.gss.com.tw/templates/bevel/images/success-story/brackets-left.png) no-repeat center/cover}.story__summary__text:after{content:"";display:block;position:absolute;bottom:30px;right:0;width:46px;height:43px;background:url(https://www.gss.com.tw/templates/bevel/images/success-story/brackets-right.png) no-repeat center/cover}@media only screen and (max-width: 768px) {.story__summary__text{padding:58px 0 88px 0}}.story__relativepd{display:inline-block;margin:25px 0;color:#333;font-weight:500;font-size:0.9375rem}.story__relativepd>span{margin-right:10px}.story__relativepd .relative-pd__item{margin-right:14px;display:inline-block;font-weight:normal}.story__text{display:flex;position:relative;max-width:100%}.story__text:before{content:"";display:block;position:absolute;top:0;left:100%;bottom:0;width:9999px;background:#263774}@media only screen and (max-width: 1024px) {.story__text:before{content:none}}.story__text__left{flex:1 1 auto}@media only screen and (max-width: 1280px) {.story__text__left{padding-left:50px}}@media (max-width: 625px) {.story__text__left{padding-left:25px}}.story__text__right{flex:0 0 300px;padding-left:45px;padding-right:30px;background:#263774}@media only screen and (max-width: 1024px) {.story__text__right{flex:0 0 80px;width:80px;padding-top:40px;padding-left:17px;padding-right:17px}}@media only screen and (max-width: 768px) {.story__text__right{flex:0 0 40px;padding-left:5px;padding-right:5px}}.story__text .pin-spacer{background:#263774}.story__text__main{margin-top:45px;margin-right:61px;padding-bottom:120px}@media only screen and (max-width: 1280px) {.story__text__main{margin-right:50px}}@media (max-width: 625px) {.story__text__main{margin-right:25px}}.story__text__main p:first-child{margin-top:0px}.story__text__main p:last-child{margin-bottom:0px}.story__quicklook{margin-right:61px;padding-top:61px}@media (max-width: 625px) {.story__quicklook{margin-right:25px}}.story__quicklook__title{margin-bottom:38px;color:#333;font-weight:500;font-size:1.25rem}.story__quicklook .quicklook{padding-bottom:35px;border-bottom:1px solid #ccc}.story__quicklook .quicklook-item{display:flex;align-items:flex-start;position:relative;margin-bottom:42px}.story__quicklook .quicklook-item.hide{display:none}@media only screen and (max-width: 768px) {.story__quicklook .quicklook-item{flex-direction:column}}.story__quicklook .quicklook-item:nth-child(1) .quicklook-item__title::before{background:url(https://www.gss.com.tw/templates/bevel/images/success-story/icon1.png)}.story__quicklook .quicklook-item:nth-child(2) .quicklook-item__title::before{background:url(https://www.gss.com.tw/templates/bevel/images/success-story/icon2.png)}.story__quicklook .quicklook-item:nth-child(3) .quicklook-item__title::before{background:url(https://www.gss.com.tw/templates/bevel/images/success-story/icon3.png)}.story__quicklook .quicklook-item:nth-child(5) .quicklook-item__title::before{background:url(https://www.gss.com.tw/templates/bevel/images/success-story/icon4.png)}.story__quicklook .quicklook-item:last-child{margin-bottom:0px}.story__quicklook .quicklook-item__title{flex:0 0 140px;position:relative;color:#aaa;font-size:1rem}@media only screen and (max-width: 768px) {.story__quicklook .quicklook-item__title{flex:0 0 auto}}.story__quicklook .quicklook-item__title::before{content:"";display:inline-block;margin-right:15px;width:20px !important;height:20px !important;background-repeat:no-repeat;background-position:center;background-size:cover !important}.story__quicklook .quicklook-item__desc{flex:1 1 auto;color:#333;line-height:1.4;font-size:1rem}@media only screen and (max-width: 768px) {.story__quicklook .quicklook-item__desc{margin-top:10px}}@media only screen and (max-width: 1024px) {.story__index{display:none}}.story__index__chapter{display:inline-block;margin-bottom:13px;color:rgba(255,255,255,.4);font-size:0.9375rem}.story__index__title{display:inline-block;padding-top:10px;color:#fff;font-weight:500;line-height:1.4;border-top:1px solid rgba(255,255,255,.3);font-size:1.25rem}.story__index__company{display:inline-block;margin-top:24px;margin-bottom:24px;color:rgba(255,255,255,.8);font-weight:500;font-size:0.8125rem}.story__index__link{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;grid-template-areas:"icon1 icon2 icon3" "icon4 icon5 icon6"}@media only screen and (max-width: 1024px) {.story__index__link{display:flex;flex-direction:column;align-items:center}}.story__index__link__icon{display:inline-block;position:relative;width:36px;height:36px;margin-bottom:15px;border:1px solid #fff;border-radius:50%}@media only screen and (max-width: 768px) {.story__index__link__icon{width:28px;height:28px}}.story__index__link__icon svg{position:absolute;top:50%;left:50%;color:#fff;transform:translate(-50%, -50%);transition:1.9s;font-size:1.125rem}.story__index__link__icon svg:hover{color:rgba(0,0,0,0)}.story__index__link__icon svg:hover .story__index__link__icon{background:#fff}@media only screen and (max-width: 768px) {.story__index__link__icon svg{font-size:0.875rem}}.story__index__link__icon.facebook{grid-area:icon1}.story__index__link__icon.twitter{grid-area:icon2}.story__index__link__icon.linkedin{grid-area:icon3}.story__index__link__icon.copy{grid-area:icon4}.story__index__link__icon.mail{grid-area:icon5}.story__index__link__icon.pdf{grid-area:icon6;display:flex;align-items:center;width:auto;padding:8px 16px;color:#fff;white-space:nowrap;border-radius:18px}@media only screen and (max-width: 1024px) {.story__index__link__icon.pdf{writing-mode:vertical-lr;text-orientation:upright;width:36px;height:auto;padding:10px 0}}@media only screen and (max-width: 768px) {.story__index__link__icon.pdf{width:28px}}.story__index__link__icon.pdf svg{position:unset;margin-right:8px;transform:unset}@media only screen and (max-width: 1024px) {.story__index__link__icon.pdf svg{margin-right:0}}.inner.filter{padding-top:150px;padding-bottom:83px;position:relative;z-index:9}@media only screen and (max-width: 768px) {.inner.filter{padding-left:0;padding-right:0}}