@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}}.events__wrapper{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 1fr}.events__hero{position:relative}.events__hero__bg{position:absolute;inset:0;z-index:1}.events__hero__bg:before{content:"";position:absolute;inset:0;background:rgba(30,34,83,.88);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.events__hero__inner.inner{margin-bottom:-80px;padding-block:45px 0;position:relative;z-index:2;display:grid;grid-template-columns:1fr 30px 500px;grid-template-rows:auto auto auto;grid-template-areas:"cat . ." "title . img" "brand . img"}@media only screen and (max-width: 1024px) {.events__hero__inner.inner{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto;grid-template-areas:"cat" "title" "img"}}.events__category{grid-area:cat;padding-top:60px;font-size:1.125rem;color:#fff}@media only screen and (max-width: 678px) {.events__category{padding-top:30px}}.events__category a{font-size:1.125rem;color:#fff}.events__title{grid-area:title;color:#f9a554;font-weight:bold;font-size:2.375rem;line-height:1.6}@media only screen and (max-width: 678px) {.events__title{font-size:1.75rem;margin-bottom:20px}}.events__subinfo{grid-area:brand;display:flex;align-items:flex-end}@media only screen and (max-width: 1024px) {.events__subinfo{display:none}}.events__subinfo__brand{flex:0 0 min(60%,285px);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);aspect-ratio:57/29;margin-right:40px;display:flex;align-items:center;justify-content:center}.events__subinfo__brand img{width:100%;height:100%;object-fit:contain}.events__img{grid-area:img;width:max(100%,500px);aspect-ratio:5/3;box-shadow:0 10px 40px -5px rgba(0,0,0,.3);line-height:0}@media only screen and (max-width: 551px) {.events__img{width:100%}}.events__img img{width:100%;height:100%;object-fit:cover}.events__summary{background:#fff;box-shadow:0 30px 30px -20px rgba(0,0,0,.1);padding:0 40px 40px 20px;position:relative;z-index:2}@media only screen and (max-width: 678px) {.events__summary{padding:0 0 20px}}.events__summary__content{font-size:.875rem;color:rgba(0,0,0,.8);line-height:1.5;padding:30px 8vw 40px;border-bottom:1px solid #ddd;position:relative}.events__summary__content:before{content:"";position:absolute;inset:-10px auto auto 0;background:url(https://www.gss.com.tw/templates/bevel/images/quote-up.svg) no-repeat center/contain;width:40px;height:40px}.events__summary__content:after{content:"";position:absolute;inset:auto 0 10px auto;background:url(https://www.gss.com.tw/templates/bevel/images/quote-down.svg) no-repeat center/contain;width:40px;height:40px}.events__summary__content h2{font-size:1.125rem;color:#ea9442;font-weight:bold}.events__summary__cat{font-size:.875rem;padding:20px 0 0;color:rgba(0,79,149,.8)}@media only screen and (max-width: 678px) {.events__summary__cat{padding:20px 20px 0}}.events__summary__cat a{color:rgba(0,79,149,.8)}.events__summary__cat a:hover{color:#004f95}.events__summary:after{content:"";position:absolute;inset:0 calc(100% - 10px) 0 auto;width:calc((100vw - 1280px)/2 + 20px);background:#fff}.events__container.inner{display:grid;grid-template-columns:1fr minmax(300px, 30%);padding-block:0}@media only screen and (max-width: 1280px) {.events__container.inner{grid-template-columns:1fr 26%;padding-inline:0}}@media only screen and (max-width: 768px) {.events__container.inner{grid-template-columns:minmax(0, 1fr)}}.events__container.inner:before{content:"";position:absolute;inset:0 auto 0 calc(100% - 40px);width:calc((100vw - 1280px)/2 + 10px);background:#263774}.events__body{padding-top:120px;background:#fff}.events__description{background:#f9fcff;padding:30px 40px 30px 20px;position:relative}@media only screen and (max-width: 678px) {.events__description{padding:20px}}.events__description:after{content:"";position:absolute;inset:0 calc(100% - 10px) 0 auto;width:calc((100vw - 1280px)/2 + 20px);background:#f9fcff}.events__section{margin:30px 0}.events__section__title{font-size:1.875rem;color:rgba(0,0,0,.8);line-height:1.5;font-weight:100}.events__section__body{padding:20px 0}.events__list__item{line-height:1.6;list-style:none;padding:10px 0}.--flex .events__list__item{display:flex}@media only screen and (max-width: 551px) {.--flex .events__list__item{flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left}}.--underline .events__list__item{border-bottom:1px solid rgba(0,0,0,.1)}.--bullets .events__list__item:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#333;margin-right:10px}@media only screen and (max-width: 551px) {.--bullets .events__list__item:before{display:none}}.events__list__item.--card{background:#fff;padding:20px;box-shadow:0 20px 30px -16px rgba(0,0,0,.18);margin:10px 0 30px}.events__speakers__item{display:flex;margin:35px 0;align-items:flex-start}@media only screen and (max-width: 551px) {.events__speakers__item{flex-direction:column}}.speakers__img{flex:0 0 auto;width:min(25%,140px);aspect-ratio:1;border-radius:50%;box-shadow:10px 10px 30px -10px rgba(0,0,0,.26);background:#fff;line-height:0}.speakers__img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.speakers__info{flex:1 1 auto;padding:20px 0 0 20px;display:flex;flex-direction:column;line-height:1.6}@media only screen and (max-width: 678px) {.speakers__info{padding:20px 10px}}.speakers__info span{display:block}.speakers__info .--tiny{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:4px;margin-bottom:4px}#events-design .svg-inline--fa{padding-top:2px;margin-right:10px}#events-design .--nowrap{margin-right:10px}@media only screen and (max-width: 551px) {#events-design .--nowrap{white-space:normal}}#events-will-learn .--highlight{margin-bottom:10px}#events-will-learn .--big{margin-right:10px}#events-will-learn .--small{padding-top:2px}#events-teams .events__list__item{padding-block:5px;align-items:center}@media only screen and (max-width: 551px) {#events-teams .events__list__item{align-items:flex-start}}#events-info .text__content span{display:block}@media only screen and (max-width: 551px) {#events-info .text.--nowrap{white-space:normal}}#events-user-story .--big{margin:26px 0 10px}#events-faq .events__list__item h4{padding-bottom:10px;margin-bottom:10px}.events__aside{padding:120px 40px 20px;background:#263774;height:100%}@media only screen and (max-width: 1280px) {.events__aside{padding:120px 20px 20px}}@media only screen and (max-width: 551px) {.events__aside{padding-top:20px}}.events__aside__inner{position:sticky;top:100px;border-top:1px solid #fff;padding-block:20px}@media only screen and (max-width: 551px) {.events__aside__inner{border-top:none}}.events__aside__title{font-size:1.25rem;line-height:1.4;color:#fff;margin-bottom:20px}@media only screen and (max-width: 1280px) {.events__aside__title{display:none}}.events__aside__info{font-size:.875rem;line-height:1.8}@media only screen and (max-width: 1024px) {.events__aside__info{font-size:.75rem}}.events__aside__info li{color:#fff}.events__aside__btn{padding:10px 0;display:inline-block}.events__aside__btn .btn-primary{padding:16px 32px;font-size:1.125rem;background:linear-gradient(to left, #e08833, #fead62 100%);border-radius:30px;font-weight:bold;box-shadow:inset 0 0 0 3px rgba(255,255,255,.2),0 10px 20px -5px rgba(0,0,0,.2);letter-spacing:.2em;transition:.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);display:inline-block;color:#fff;font-weight:bold;text-shadow:0 2px 5px rgba(0,0,0,.2)}.events__aside__btn .btn-primary:hover{transform:scale(1.1);box-shadow:inset 0 0 0 3px rgba(255,255,255,.2),0 16px 30px -5px rgba(0,0,0,.3)}:root{--st_color: #3082d4}.st-pause,.st-final,.st-expired,.st-on-ging,.st-coming-soon,.st-pre-starcless{background:rgba(255,255,255,.9);color:var(--st_color);padding:10px 20px;font-size:1rem;display:inline-block;margin:10px auto;border-radius:20px;font-weight:bold}.st-pre-starcless{--st_color: #11abfd}.st-pre-starcless:before{content:"開班中"}.st-coming-soon{--st_color: #f7a92d}.st-coming-soon:before{content:"即將開放報名"}.st-on-ging{--st_color: #ed4b5f}.events__aside .st-on-ging{display:none}.st-on-ging:before{content:"熱烈報名中"}.st-expired{--st_color: #3f3d56}.st-expired:before{content:"結束報名"}.st-final{--st_color: #03c100}.st-final:before{content:"圓滿結束"}.st-pause{--st_color: #263774}.st-pause:before{content:"暫停報名中"}