﻿.top-banner{position:relative;z-index:95}.top-banner .swiper-control{margin:0}.top-banner .swiper-control .swiper .swiper-slide{padding:0}.top-banner .swiper-pagination{position:absolute;bottom:30px;z-index:4}.top-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff532f}@media screen and (min-width: 1024px)and (max-width: 9999px){.top-banner .swiper-pagination .swiper-pagination-bullet:hover{background:#ff532f}}.top-banner .swiper-button-disabled{opacity:.1;pointer-events:none}.top-banner .swiper-buttons-nav{position:absolute;top:50%;left:0;width:100%;z-index:3}.top-banner .swiper-buttons-nav .swiper-button-prev,.top-banner .swiper-buttons-nav .swiper-button-next{position:absolute;width:60px;height:60px;margin-top:-30px;top:0;z-index:3;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer}.top-banner .swiper-buttons-nav .swiper-button-prev{background-image:url("../assets/images/ui-elements/arrow-left.svg");left:0}.top-banner .swiper-buttons-nav .swiper-button-next{background-image:url("../assets/images/ui-elements/arrow-right.svg");right:0}@media screen and (min-width: 0px)and (max-width: 767px){.top-banner .swiper-buttons-nav{display:none}}.top-banner-item{width:100%;position:relative}.top-banner-item .content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:flex-end;padding-bottom:100px}@media screen and (min-width: 0px)and (max-width: 767px){.top-banner-item .content{padding-bottom:50px}}.top-banner-item .bg{position:relative;z-index:0;width:100%;height:calc(100vh - 100px);background-color:#000}@media screen and (min-width: 1024px)and (max-width: 9999px){.top-banner-item .bg:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, black 100%);opacity:.6;content:""}}@media screen and (min-width: 1024px)and (max-width: 1366px){.top-banner-item .bg{height:calc(100vh - 80px)}}@media screen and (min-width: 1367px)and (max-width: 1599px){.top-banner-item .bg{height:calc(100vh - 96px)}}@media screen and (min-width: 0px)and (max-width: 767px){.top-banner-item .bg{height:auto}}.top-banner-item .bg .bg-wrapper .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (min-width: 0px)and (max-width: 767px){.top-banner-item .bg .bg-wrapper .img{position:relative;width:100%;height:auto;display:block}}.new-list-item{display:block;border-bottom:1px solid #dedede}@media screen and (min-width: 1024px)and (max-width: 9999px){.new-list-item:hover .content{text-decoration:underline}}.new-list-item .content{display:inline-block;position:relative}.new-list-item .content .new-list-item-icon{position:absolute;top:50%;transform:translateY(-50%);right:-30px}@media screen and (min-width: 0px)and (max-width: 767px){.new-list-item .content .new-list-item-icon{position:relative;top:0%;transform:translateY(0%);right:0px;display:inline-block}}@media screen and (min-width: 0px)and (max-width: 767px){.new-list-item .content>p{width:auto;display:inline}}.new-list-item .wrapper{padding:20px 0 8px 0;display:flex;align-items:center}.new-list-item .wrapper .date{margin-right:20px;color:#707070}.new-list-item .wrapper .tag{padding:0px 20px;font-size:12px;font-weight:bold;background-color:#f7f7f7}@media screen and (min-width: 0px)and (max-width: 767px){.new-list-item .wrapper{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.new-list-item .wrapper .content{flex:1 0 100%;margin-top:20px}}.light-blue-tag-label{color:#2b7db4}.blue-tag-label{color:#0070c0}.gold-tag-label{color:#b79431}.orange-tag-label{color:red}.green-tag-label{color:#07b050}.black-tag-label{color:#353e5d}.purple-tag-label{color:#7030a0}.yellow-tag-label{color:#ffc000}.grey-tag-label{color:#707070}.primary-blue-tag-label{background-color:#005090;color:#fff}@media screen and (min-width: 0px)and (max-width: 1023px){.new-list .right{margin-top:30px}}.feature-item{position:relative;height:100%;display:block}.feature-item .wrapper{position:relative;height:100%;display:block}.feature-item .text{position:relative;z-index:2}.feature-item .text .title{display:block;margin:20px 0;color:#005090}@media screen and (min-width: 1024px)and (max-width: 9999px){.feature-item:hover .img-container .img{transform:scale(1.02) translate3d(0, 0, 0);transition:all .4s ease-out}}.feature-item .img-container{position:relative;z-index:1;width:100%;padding-bottom:100%;display:block;backface-visibility:hidden;background:#fff;transform:translate3d(0, 0, 0);overflow:hidden}.feature-item .img-container .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .2s ease-out;will-change:transform;transform-origin:50% 50%;transform:scale(1) translate3d(0, 0, 0)}@media screen and (min-width: 1024px)and (max-width: 9999px){.feature-item .img-container:hover .img{transform:scale(1.02) translate3d(0, 0, 0);transition:all .4s ease-out}}.feature-item .tag{position:absolute;top:0;left:0;z-index:3}@media screen and (min-width: 1024px)and (max-width: 9999px){.feature-item--highlighted .text{position:absolute;bottom:0;left:0;padding:30px}.feature-item--highlighted .text .title,.feature-item--highlighted .text .body{color:#fff}.feature-item--highlighted .img-container{padding-bottom:0;height:100%}}.slider--feature{padding-top:30px}.slider--feature .swiper-slide{height:auto}@media screen and (min-width: 768px)and (max-width: 1023px){.slider--feature .swiper-slide{width:25% !important}.slider--feature .swiper-slide[data-highlighted=true]{width:50% !important}}@media screen and (min-width: 1024px)and (max-width: 9999px){.slider--feature .swiper-slide{width:25% !important}.slider--feature .swiper-slide[data-highlighted=true]{width:50% !important}}.support-list{padding-top:30px;width:100%}.support-list .swiper-wrapper{align-items:center}@media screen and (min-width: 0px)and (max-width: 1023px){.support-list .support-item{padding:20px 0}.support-list .support-item .item-wrapper{justify-content:center}.row .support-list .support-item .item-wrapper{align-items:flex-start}.support-list .support-item .item-wrapper .col-img{flex:0 0 auto;margin-right:16px;padding:0}.row .support-list .support-item .item-wrapper .col-img{flex:1}.support-list .support-item .item-wrapper .col-text{flex:1;width:auto;padding:0}.row .support-list .support-item .item-wrapper .col-text{flex:3}}.support-item .item-wrapper{display:flex;align-items:center;justify-content:space-evenly}@media screen and (min-width: 1024px)and (max-width: 9999px){.support-item .item-wrapper [class^=col-]{padding:0;padding-right:16px}.support-item .item-wrapper [class^=col-]:last-child{padding-right:0}}.support-item .item-wrapper .col-img{display:flex;justify-content:flex-end;flex:0 0 auto;width:auto}.support-item .item-wrapper .col-img .img-contain{width:36px;height:36px}.support-item .item-wrapper .col-text{flex:1.75 0 0;line-height:1.2}@media screen and (min-width: 0px)and (max-width: 767px){.support-item.support-item--lg .item-wrapper .col-img{justify-content:flex-start !important;flex:0 0 80px !important}}.main-header .text-primary{font-family:"source-han-sans-japanese",Helvetica,"Segoe UI",SegoeUI,"Microsoft JhengHei",微軟正黑體,"SF Pro HK","SF Pro Text","SF Pro Icons","PingFang HK",sans-serif}.main-header svg.icon{margin-right:18px}.banner .banner-wrapper{position:relative;display:block;align-items:center}.banner .banner-wrapper .bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.banner .banner-wrapper .content{position:relative;z-index:2;padding:50px 0}.banner .banner-wrapper .content .sub-title{font-weight:bold}.banner.banner-style-left .bg{background-position:right center}.banner.banner-style-right .bg{background-position:left center}@media screen and (min-width: 0px)and (max-width: 1023px){.banner .banner-wrapper .content{text-align:center;padding-left:16px;padding-right:16px;padding-bottom:65%}.banner .banner-wrapper .bg{position:absolute;height:100%;background-position:center bottom}}.pdf-listing .pdf-wrapper{padding-top:30px}.pdf-listing .pdf-wrapper .pdf-row{display:flex;width:100%;flex-direction:row}@media screen and (min-width: 0px)and (max-width: 1023px){.pdf-listing .pdf-wrapper .pdf-row{flex-direction:column}}.pdf-listing .pdf-item{display:flex;flex-direction:row;align-items:top}@media screen and (min-width: 1024px)and (max-width: 9999px){.pdf-listing .pdf-item:hover .pdf-item-hover{padding:10px 20px !important;background-color:#ff532f !important;color:#fff !important;transition:all .3s}}@media screen and (min-width: 0px)and (max-width: 1023px){.pdf-listing .pdf-item{width:100%;margin-top:30px}.pdf-listing .pdf-item:first-child{margin-top:0px}}.pdf-listing .pdf-item .pic{margin-right:30px;flex:0 0 120px}@media screen and (min-width: 0px)and (max-width: 1023px){.pdf-listing .pdf-item .pic{margin-right:20px}}.pdf-listing .pdf-item .pic img{width:100%;display:block}.pdf-listing .pdf-item .content-box{flex:2;box-sizing:border-box;padding-right:20px}@media screen and (min-width: 0)and (max-width: 767px){.pdf-listing .pdf-item .content-box .sub-title{font-size:16px}}@media screen and (min-width: 768px)and (max-width: 1023px){.pdf-listing .pdf-item .content-box .sub-title{font-size:14px}}@media screen and (min-width: 1024px)and (max-width: 1366px){.pdf-listing .pdf-item .content-box .sub-title{font-size:16px}}@media screen and (min-width: 1367px)and (max-width: 1599px){.pdf-listing .pdf-item .content-box .sub-title{font-size:16px}}@media screen and (min-width: 1600px)and (max-width: 1919px){.pdf-listing .pdf-item .content-box .sub-title{font-size:16px}}@media screen and (min-width: 1920px)and (max-width: 9999px){.pdf-listing .pdf-item .content-box .sub-title{font-size:16px}}.pdf-listing .pdf-item .content-box .title{font-weight:bold;margin-top:10px;color:#005090}@media screen and (min-width: 0)and (max-width: 767px){.pdf-listing .pdf-item .content-box .title{font-size:16px}}@media screen and (min-width: 768px)and (max-width: 1023px){.pdf-listing .pdf-item .content-box .title{font-size:14px}}@media screen and (min-width: 1024px)and (max-width: 1366px){.pdf-listing .pdf-item .content-box .title{font-size:16px}}@media screen and (min-width: 1367px)and (max-width: 1599px){.pdf-listing .pdf-item .content-box .title{font-size:16px}}@media screen and (min-width: 1600px)and (max-width: 1919px){.pdf-listing .pdf-item .content-box .title{font-size:16px}}@media screen and (min-width: 1920px)and (max-width: 9999px){.pdf-listing .pdf-item .content-box .title{font-size:16px}}.pdf-listing .pdf-item .content-box .cta{margin-top:20px;text-align:left}@media screen and (min-width: 0px)and (max-width: 1023px){.pdf-listing .pdf-item .content-box .cta{margin-top:10px}}.pdf-listing .pdf-item .content-box .cta .btn-text .ico{margin-left:0px;margin-right:10px}.pdf-listing .pdf-item .content-box .cta .pdf-item-hover{padding:10px 0px;background-color:#fff;transition:all .3s}@media screen and (min-width: 1024px)and (max-width: 9999px){.pdf-listing .pdf-item .content-box .cta .pdf-item-hover:hover{padding:10px 20px;background-color:#ff532f;color:#fff;transition:all .3s}}.area-listing .area-wrapper{padding-top:30px}.area-listing .area-wrapper .area-row{display:flex;width:100%;flex-direction:row}@media screen and (min-width: 0px)and (max-width: 1023px){.area-listing .area-wrapper .area-row{flex-wrap:wrap;justify-content:center}}@media screen and (max-width: 767px){.area-listing .area-wrapper .area-row{flex-direction:column}}.area-listing .area-item{display:flex;flex-direction:row;width:33.3333333333%;align-items:top}@media screen and (min-width: 0px)and (max-width: 1023px){.area-listing .area-item{width:50%}.area-listing .area-item:nth-child(n+3){margin-top:30px}}@media screen and (max-width: 767px){.area-listing .area-item{width:100%;margin-top:30px}.area-listing .area-item:first-child{margin-top:0px}}.area-listing .area-item .pic{margin-right:30px}@media screen and (min-width: 0px)and (max-width: 1023px){.area-listing .area-item .pic{margin-right:20px}}.area-listing .area-item .pic img{width:120px;height:120px}@media screen and (max-width: 767px){.area-listing .area-item .pic img{width:70px;height:70px}}.area-listing .area-item .content-box{flex:1 0 0%;box-sizing:border-box;padding-right:20px}@media screen and (max-width: 767px){.area-listing .area-item .content-box{padding-right:0px}}.area-listing .area-item .content-box .desc{margin-top:10px;font-size:16px;max-width:160px}@media screen and (min-width: 0px)and (max-width: 1023px){.area-listing .area-item .content-box .desc{max-width:100%}}.area-listing .area-item .content-box .title{font-size:20px;font-weight:bold;color:#005090}.area-listing .area-item .content-box .cta{margin-top:20px}@media screen and (min-width: 0px)and (max-width: 1023px){.area-listing .area-item .content-box .cta{margin-top:10px}}.area-listing .area-item .content-box .cta .text-button .ico{margin-left:.25em;font-size:1em;margin-top:.25em;font-weight:700}.tv-feature-list-listing .tv-feature-list-wrapper{padding-top:30px}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item{position:relative;cursor:pointer;display:block}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item .pic{position:relative}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item .pic img{display:block;width:100%;position:relative}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item .pic::after{width:100%;height:50%;content:"";position:absolute;bottom:0;left:0;background:#000;background:-moz-linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);background:-webkit-linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item .content-box{position:absolute;left:50%;bottom:40px;transform:translate(-50%, 0px);box-sizing:border-box;width:calc(100% - 170px);padding:0px 30px;color:#fff;text-align:center;transition:all .2s ease-out}@media screen and (max-width: 550px){.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item .content-box{width:calc(100% - 20px)}}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item .content-box .title{font-size:20px;font-weight:bold}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item .content-box .desc{font-size:16px;margin-top:10px}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item .btn-container{position:absolute;bottom:32px;left:0;width:100%;padding:0 50px;transform:translateY(5px);opacity:0;transition:all .2s ease-out;z-index:2}@media screen and (min-width: 0px)and (max-width: 1023px){.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item{margin-top:20px}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item:nth-child(n+3){margin-top:20px}}@media screen and (min-width: 0px)and (max-width: 767px){.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item{margin-top:20px}}@media screen and (min-width: 1024px)and (max-width: 9999px){.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item:hover .content-box{transform:translate(-50%, -55px)}.tv-feature-list-listing .tv-feature-list-wrapper .tv-feature-list-item:hover .btn-container{transition:all .3s ease-out;transition-delay:.3s;transform:translateY(0px);opacity:1}}.detailOptionVerticalPicCardGroup{display:flex;align-items:center;flex-wrap:wrap}.detailOptionVerticalPicCardGroup .container .row{padding-top:30px}@media screen and (min-width: 0px)and (max-width: 767px){.detailOptionVerticalPicCardGroup .container .row .col{margin-top:40px}.detailOptionVerticalPicCardGroup .container .row .col:first-child{margin-top:0px}}.detailOptionVerticalPicCardGroup .btn-container{margin-top:40px}.vertical-pic-card{flex:1}@media screen and (min-width: 768px)and (max-width: 1023px){.vertical-pic-card{margin-top:60px}}.vertical-pic-card img{width:100%}.vertical-pic-card>img{margin-bottom:30px}@media screen and (min-width: 0px)and (max-width: 767px){.vertical-pic-card>img{margin-bottom:20px}}.vertical-pic-card .title{margin-bottom:10px}.vertical-pic-card .desc{min-height:3em}.vertical-pic-card .label{font-size:14px;font-weight:bold;margin-bottom:10px}.vertical-pic-card .tag-wrapper{margin-top:10px;display:flex;align-items:center;min-height:54px;flex-wrap:wrap}.vertical-pic-card .tag-item{margin-right:11px;line-height:0px}.vertical-pic-card .tag-item:last-child{margin-right:0px}.vertical-pic-card .remark{margin-top:20px}.vertical-pic-card .cta{margin-top:30px;text-align:left}@media screen and (min-width: 0px)and (max-width: 767px){.vertical-pic-card .cta{margin-top:20px}}.horizontal-pic-card{flex:1}.horizontal-pic-card.with-category-tag .title{text-indent:0px}.horizontal-pic-card.quote-text-style .title{position:relative;text-indent:-20px}@media screen and (min-width: 768px)and (max-width: 1023px){.horizontal-pic-card.quote-text-style .title{text-indent:0px}}@media screen and (max-width: 767px){.horizontal-pic-card.quote-text-style .title{text-indent:0px}}.horizontal-pic-card .sub-title{margin-top:5px}.horizontal-pic-card .desc{margin-top:20px}.horizontal-pic-card.small-desc-padding .desc{margin-top:10px}.horizontal-pic-card .category-tag{margin-bottom:10px}.horizontal-pic-card .remark{margin-top:20px}.horizontal-pic-card video{width:100%;height:auto}.horizontal-pic-card .tab-video{position:relative;padding-top:56.25%}.horizontal-pic-card .tab-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 767px){.horizontal-pic-card.text-pic-listing .row{flex-direction:column-reverse}.horizontal-pic-card.text-pic-listing .row>div:last-child{margin-bottom:20px}.horizontal-pic-card.pic-text-listing .row{flex-direction:column}.horizontal-pic-card.pic-text-listing .row>div:first-child{margin-bottom:20px}}.horizontal-pic-card .flex-row{flex-direction:row !important}.horizontal-pic-card .flex-row img{width:auto}.row-reverse-image{display:none}.card-row-reverse .row-reverse-image{display:block}@media screen and (min-width: 0px)and (max-width: 767px){.card-row-reverse .row-reverse-image{display:none}}.card-row-reverse .row-normal-image{display:none}@media screen and (min-width: 0px)and (max-width: 767px){.card-row-reverse .row-normal-image{display:block}}