@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}}.video{overflow:auto;display:flex;height:100vh;box-sizing:border-box;font-family:sans-serif;background:url(https://www.gss.com.tw/templates/bevel/images/video/videobg.jpg) no-repeat center/cover}@media only screen and (max-width: 1024px) {.video{flex-wrap:wrap}}@media only screen and (max-width: 834px) {.video{display:block}}.video__head{position:relative;flex:0 0 25%}@media only screen and (max-width: 1024px) {.video__head{flex:1 1 100%;padding:20px}}.video__head__title{text-align:center;position:absolute;right:1vw;text-align:right;top:85px;margin:0 10px;font-size:72px;font-family:sans-serif;color:#fff}@media only screen and (max-width: 1024px) {.video__head__title{position:static;margin:0}}@media only screen and (max-width: 834px) {.video__head__title{text-align:center;font-size:52px;padding-top:30px}}.video__head__title--sub{transform:translate3d(-10px, 10px, 0);font-size:20px;margin-bottom:40px}.video__filter{font-size:16px;margin-right:10px;flex:0 0 auto}@media only screen and (max-width: 834px) {.video__filter{display:none}}.video__filter .filter_line{display:inline-block}.video__spotlight{flex:0 0 38%;overflow:auto;background:#fff;padding:35px;position:relative}@media only screen and (max-width: 1024px) {.video__spotlight{flex:0 0 40%}}.video__spotlight__title{font-family:sans-serif;color:rgba(4,11,20,.8235294118);font-size:29px;font-weight:300;padding-top:40px}@media only screen and (max-width: 834px) {.video__spotlight__title{font-size:20px;text-align:center;padding-top:0}}.video__spotlight__videoplay{display:block;margin:20px 0;box-shadow:0 10px 30px rgba(0,0,0,.4);position:relative;transition:.3s;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.video__spotlight__videoplay:hover{transform:translate3d(0, -3px, 0);box-shadow:0 13px 30px -10px rgba(0,0,0,.5)}.video__spotlight__videoplay:hover .video__spotlight__videoplay__icon{background:rgba(255,255,255,.6);box-shadow:0 5px 20px -5px rgba(0,0,0,.4)}.video__spotlight__videoplay:hover .video__spotlight__videoplay__icon--sub{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #004f95}.video__spotlight__videoplay:before{content:"";display:block;padding-top:56.1904761905%}.video__spotlight__videoplay img{position:absolute;object-fit:cover;top:0;left:0;width:100%;height:100%}.video__spotlight__videoplay__icon{background:rgba(0,0,0,.3);top:50%;left:50%;transform:translate3d(-50%, -50%, 0);position:absolute;width:17%;border-radius:50%;transition:.3s;-webkit-backdrop-filter:blur(5px)}.video__spotlight__videoplay__icon:before{content:"";display:block;padding-top:100%}.video__spotlight__videoplay__icon--sub{position:absolute;top:50%;left:50%;transform:translate3d(-35%, -50%, 0);width:0;height:0;border-style:solid;border-width:17px 0 17px 29.4px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}.video__spotlight__desc--title{font-size:25px;font-weight:bold;line-height:40px}@media only screen and (max-width: 834px) {.video__spotlight__desc--title{font-size:18px}}.video__spotlight__desc--date{color:rgba(0,0,0,.7);font-size:16px;font-weight:300;margin:20px 0 10px 0;position:relative;padding-bottom:5px}@media only screen and (max-width: 834px) {.video__spotlight__desc--date{margin-top:0;font-size:12px}}.video__spotlight__desc--date:after{content:"";background:rgba(0,0,0,.7);height:.5px;left:0px;right:0px;bottom:0px;position:absolute}.video__spotlight__desc--info{font-size:16px;font-weight:300;color:rgba(0,0,0,.7);line-height:30px}.video__latest{height:100%;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0px 35px;flex:1 1 auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"latesthead" "latestcontent"}@media only screen and (max-width: 1024px) {.video__latest{flex:1 1 60%}}@media only screen and (max-width: 834px) {.video__latest{display:block;height:auto}}.video__latest__head{grid-area:latesthead;display:flex;justify-content:space-between;position:relative;padding-top:30px;padding-bottom:15px}.video__latest__head:after{content:"";background:#fff;height:.5px;left:0px;right:0px;position:absolute;bottom:0px}.video__latest__head--title{font-weight:300;color:#fff;font-size:22px}@media only screen and (max-width: 1024px) {.video__latest__head--title{font-size:18px}}.video__latest__head__search{font-size:20px;color:#fff;display:none}.video__latest__group{grid-area:latestcontent;margin-top:20px;width:auto;overflow:auto;position:relative}@media only screen and (max-width: 834px) {.video__latest__group{overflow:visible}}.video__latest__item{display:flex;width:auto;margin-bottom:25px;align-items:flex-start}.video__latest__item__video{background:#fff;flex:0 0 40%;position:relative;display:block;transition:.3s;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.video__latest__item__video:hover{transform:translate3d(0, -3px, 0);box-shadow:0 13px 30px -10px rgba(0,0,0,.5)}.video__latest__item__video:hover .video__latest__item__video__btn{background:rgba(255,255,255,.6);box-shadow:0 5px 20px -5px rgba(0,0,0,.4)}.video__latest__item__video:hover .video__latest__item__video__btn--icon{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #004f95}.video__latest__item__video img{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%}.video__latest__item__video:before{content:"";display:block;padding-top:54.7770700637%}.video__latest__item__video__btn{background:rgba(0,0,0,.3);top:50%;left:50%;transform:translate3d(-50%, -50%, 0);position:absolute;width:17%;border-radius:50%;transition:.3s;-webkit-backdrop-filter:blur(5px)}.video__latest__item__video__btn:before{content:"";display:block;padding-top:100%}.video__latest__item__video__btn--icon{position:absolute;top:50%;left:50%;transform:translate3d(-35%, -50%, 0);width:0;height:0;border-style:solid;border-width:9.5px 0 9.5px 16.5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}.video__latest__item__info{display:flex;width:auto;align-content:space-between;margin-left:15px;flex-wrap:wrap;color:#fff;font-size:17px;font-weight:500;line-height:25px}.video__latest__item__info>*{flex:1 1 100%}.video__latest__item__info__title{color:#d8d8d8;font-size:14px;font-weight:100}.video__latest__item__info__date{margin-top:5px;color:#d8d8d8;font-size:12px;font-weight:100}