@charset "UTF-8";
.c-video{display:block;width:100%;flex:0 0 auto}.c-video.wow{animation-name:fadeInUp}.c-video__pic{display:block;width:100%;margin:0 0 15px 0}.c-video__pic__item{display:block;width:100%;overflow:hidden}.c-video__pic__item img{transform-origin:center;transition:transform .4s ease-in-out}.c-video__pic__link{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%}.c-video__pic__link::before,.c-video__pic__link::after{content:'';position:absolute;display:block;pointer-events:none}.c-video__pic__link::before{top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background:linear-gradient(to left,#fff 0%,#fff 100%) top left -21px/20px 1px no-repeat,linear-gradient(to left,#fff 0%,#fff 100%) top right -21px/20px 1px no-repeat,linear-gradient(to left,#fff 0%,#fff 100%) bottom left -21px/20px 1px no-repeat,linear-gradient(to left,#fff 0%,#fff 100%) bottom right -21px/20px 1px no-repeat,linear-gradient(to left,#fff 0%,#fff 100%) top -21px left/1px 20px no-repeat,linear-gradient(to left,#fff 0%,#fff 100%) top -21px right/1px 20px no-repeat,linear-gradient(to left,#fff 0%,#fff 100%) bottom -21px left/1px 20px no-repeat,linear-gradient(to left,#fff 0%,#fff 100%) bottom -21px right/1px 20px no-repeat;transition:background-position .4s ease-in-out}.c-video__pic__link::after{top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,rgba(217,232,250,.3) 0%,rgba(217,232,250,.3) 100%) top center/100% 1px no-repeat,linear-gradient(to left,rgba(217,232,250,.3) 0%,rgba(217,232,250,.3) 100%) bottom center/100% 1px no-repeat,linear-gradient(to left,rgba(217,232,250,.3) 0%,rgba(217,232,250,.3) 100%) center left/1px calc(100% - 2px) no-repeat,linear-gradient(to left,rgba(217,232,250,.3) 0%,rgba(217,232,250,.3) 100%) center right/ 1px calc(100% - 2px) no-repeat,linear-gradient(165deg,rgba(24,138,164,.5) 10%,rgba(10,22,41,.5) 55%);transition:box-shadow .4s ease-in-out}.c-video__pic__link__circle{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;border:2px solid rgba(217,232,250,.5);background:rgba(0,0,0,.7);overflow:hidden;z-index:10}.c-video__pic__link__circle::after{content:'';position:relative;width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #d9e8fa}.c-video__title{display:block;width:100%;padding:0 0 0 30px;font-size:17px;font-family:'NotoSansTC';line-height:1.5;letter-spacing:.5px;color:var(--textColor)}.c-video__title::before{content:'';position:absolute;top:calc(.85em - 13px);left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:20px;height:20px;opacity:.3;background:url('/assets/images/common/icon_gear2_aqua.svg') center/contain no-repeat}.c-video:hover .c-video__pic__item img{transform:scale(1.1)}.c-video:hover .c-video__pic__link::before{background-position:top left,top right,bottom left,bottom right,top left,top right,bottom left,bottom right}.c-video:hover .c-video__pic__link::after{box-shadow:inset 0 0 20px rgba(53,210,255,.4)}@media screen and (max-width:991px){.c-video__pic__link::before{display:none}.c-video__title::before{top:calc(.75em - 10px)}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-video__pic{margin:0 0 15px 0}.c-video__title{font-size:15px;line-height:1.6}.c-video__title::before{top:calc(.75em - 9.5px)}}@media (any-hover:none){.c-video__pic__link::before{display:none}}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto;padding:50px 0 0 0;border-top:1px solid rgba(158,175,195,.3);overflow:visible}.c-page::after{content:'';position:absolute;top:-9.5px;left:0;display:block;width:457px;height:19px;max-width:30%;background:var(--lightBg);transform-origin:center;transform:scaleY(0);animation:var(--lightBgAnime);pointer-events:none}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;flex:0 1 auto}.c-page__count a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:30px;height:30px;margin:0 10px;border-radius:50%;font-size:17px;line-height:1;color:var(--textColor);font-family:'Oswald','NotoSansTC';transition:color .4s ease-in-out,background-color .4s ease-in-out;overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:hover,.c-page__count a.active{color:var(--mainColor)}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;font-size:19px;line-height:1;color:var(--textColor);font-family:'Oswald','NotoSansTC';letter-spacing:.5px;font-style:italic;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:27px;height:50px;background:url(/assets/images/common/icon_arrow_next_thin_aqua.svg) center/contain no-repeat}.c-page__prev::before{transform:scaleX(-1)}.c-page__prev::before{margin:0 30px 0 0}.c-page__next::after{margin:0 0 0 30px}.c-page__prev.disable,.c-page__next.disable{opacity:.4;pointer-events:none}.c-page-detail{flex-wrap:wrap;justify-content:space-between}.c-page-detail::after{display:none}.c-page-detail .c-page__next{order:10}.c-page__back{max-width:235px;margin:0 30px}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{padding:40px 0 0 0}.c-page__count{width:100%}.c-page__count a{margin:0 5px;font-size:15px}.c-page__prev::before,.c-page__next::after{width:18px;height:40px}.c-page-detail .c-page__prev,.c-page-detail .c-page__next{width:calc(50% - 5px);min-height:50px;font-size:16px;background:var(--buttonBg)}.c-page-detail .c-page__prev::before,.c-page-detail .c-page__next::after{width:10px;height:17px;margin:0 20px 0 0;background:url(/assets/images/common/icon_arrow_next_aqua.svg) center / contain no-repeat}.c-page-detail .c-page__next{order:0}.c-page-detail .c-page__next::after{margin:0 0 0 20px}.c-page__back{max-width:100%;margin:10px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.video{max-width:1450px}.video__inner{left:-15px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 30px);margin:0 0 -60px 0}.video__inner .c-video{width:calc(25% - 30px);margin:0 15px 60px 15px}.video .c-page{margin:60px auto 0 auto}@media screen and (max-width:991px){.video__inner{margin:0 0 -35px 0}.video__inner .c-video{width:calc(50% - 30px);margin:0 15px 35px 15px}.video .c-page{margin:40px auto 0 auto}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.video__inner{left:0;width:100%;margin:0 auto}.video__inner .c-video{width:100%;margin:0 0 35px 0}.video__inner .c-video:last-child{margin:0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}