@charset "UTF-8";@-webkit-keyframes btn-hover{60%{-webkit-transform:scale3d(0.95,0.95,1);transform:scale3d(0.95,0.95,1)}85%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes btn-hover{60%{-webkit-transform:scale3d(0.95,0.95,1);transform:scale3d(0.95,0.95,1)}85%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes btn-hover-before{to{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes btn-hover-before{to{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.gallery .main-wrapper main section.section1{position:relative;height:645px;text-align:center;padding:58px 25px 0 25px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:575px){.gallery .main-wrapper main section.section1{height:500px;padding:96px 15px 0 15px}}.gallery .main-wrapper main section.section1[data-color-mode=light] .description,.gallery .main-wrapper main section.section1[data-color-mode=light] .subtitle,.gallery .main-wrapper main section.section1[data-color-mode=light] .title{color:#000000}.gallery .main-wrapper main section.section1[data-color-mode=dark] .description,.gallery .main-wrapper main section.section1[data-color-mode=dark] .subtitle,.gallery .main-wrapper main section.section1[data-color-mode=dark] .title{color:#ffffff}.gallery .main-wrapper main section.section1 .media-box{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0}.gallery .main-wrapper main section.section1 .media-box.img{background-size:cover;background-repeat:no-repeat;background-position:center}.gallery .main-wrapper main section.section1 .media-box.video video{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.gallery .main-wrapper main section.section1 .title{margin-bottom:30px;font-weight:normal;font-size:6.875rem;line-height:1.09;color:inherit;letter-spacing:2.2px}@media only screen and (max-width:575px){.gallery .main-wrapper main section.section1 .title{font-size:4.0625rem;line-height:1;letter-spacing:0.65px}}.gallery .main-wrapper main section.section1 .subtitle{margin-bottom:20px;font-weight:normal;font-size:2.625rem;line-height:1;color:#333333;letter-spacing:normal}@media only screen and (max-width:575px){.gallery .main-wrapper main section.section1 .subtitle{font-size:1.875rem;line-height:1.33}}.gallery .main-wrapper main section.section1 .description{max-width:650px;width:100%;margin:0 auto;font-weight:normal;font-size:1.25rem;line-height:1.73;color:rgba(51,51,51,0.9);letter-spacing:0.15px}@media only screen and (max-width:575px){.gallery .main-wrapper main section.section1 .description{font-size:0.875rem;line-height:1.64;letter-spacing:0.14px}}.gallery .main-wrapper main section.section2{padding:40px 0 150px 0;overflow:hidden}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2{padding:0 0 64px 0}}.gallery .main-wrapper main section.section2 .category-wrap{width:76.5625%;margin:0 auto}@media only screen and (max-width:1200px){.gallery .main-wrapper main section.section2 .category-wrap{width:90%}}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .category-wrap{width:100%;margin-bottom:64px;padding:25px 0;background-color:#e0e0e0}}.gallery .main-wrapper main section.section2 .category-wrap .years-category{text-align:center}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .selected{display:none;position:relative;padding:12px 25px;border-bottom:3px solid #002ee8}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .selected .text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Alata-Regular","微軟正黑體修正","JhengHei-Bold",sans-serif;font-weight:normal;font-size:1rem;line-height:1;color:#999999;letter-spacing:0.4px}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .selected .arrow{position:absolute;width:0;height:0;border-style:solid;border-width:7px 4px 0 4px;border-color:#002ee8 transparent transparent transparent;top:50%;right:15px;margin-top:-4px;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .dropdown{display:block}@media only screen and (min-width:768px){.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .dropdown{display:block!important}}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element{position:relative;max-width:200px;width:calc(100% - 20px);margin:0 auto 0px auto;cursor:pointer}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element.active .selected .arrow{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .selected{display:block}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .dropdown{display:none;position:absolute;width:100%;background-color:#313131;top:100%;left:50%;margin:0 0 0 -50%;-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);z-index:10}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .dropdown .scrollbar-inner{max-height:212px!important;height:auto!important}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .dropdown ul{display:block;padding:12px 0}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .dropdown ul>li{padding:13px 8px;margin-bottom:0;white-space:normal;font-weight:normal;font-size:1rem;line-height:1.5;color:#ffffff;letter-spacing:0.4px}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .dropdown ul>li.active:before{display:none}.gallery .main-wrapper main section.section2 .category-wrap .years-category.drop-element .dropdown ul>li:after{display:none}}.gallery .main-wrapper main section.section2 .category-wrap .years-category .dropdown{margin-bottom:70px}.gallery .main-wrapper main section.section2 .category-wrap .years-category ul{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gallery .main-wrapper main section.section2 .category-wrap .years-category ul>li{position:relative;padding:0 30px 10px 30px;margin-bottom:30px;white-space:nowrap;cursor:pointer;font-family:"Alata-Regular","微軟正黑體修正","JhengHei-Bold",sans-serif;font-weight:normal;font-size:1.375rem;line-height:1;color:#666666;letter-spacing:0.5px}@media only screen and (min-width:768px){.gallery .main-wrapper main section.section2 .category-wrap .years-category ul>li:active,.gallery .main-wrapper main section.section2 .category-wrap .years-category ul>li:hover{color:#002ee8}.gallery .main-wrapper main section.section2 .category-wrap .years-category ul>li:active:before,.gallery .main-wrapper main section.section2 .category-wrap .years-category ul>li:hover:before{width:calc(100% - 60px)}}.gallery .main-wrapper main section.section2 .category-wrap .years-category ul>li:before{content:"";position:absolute;bottom:-10px;left:30px;width:0;height:3px;background-color:#002ee8;-webkit-transition:width 0.3s linear;transition:width 0.3s linear}.gallery .main-wrapper main section.section2 .category-wrap .years-category ul>li:not(:last-child):after{content:"";position:absolute;top:50%;right:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:1px;height:18px;background-color:rgba(83,83,83,0.4)}.gallery .main-wrapper main section.section2 .container{width:76.5625%;margin:0 auto}@media only screen and (max-width:1200px){.gallery .main-wrapper main section.section2 .container{width:90%}}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .container{max-width:500px;width:100%;padding:0 30px}}.gallery .main-wrapper main section.section2 .years-wrap .years-block{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block{min-height:auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.gallery .main-wrapper main section.section2 .years-wrap .years-block:not(:first-child){margin-top:8.16%}@media only screen and (max-width:1024px){.gallery .main-wrapper main section.section2 .years-wrap .years-block:not(:first-child){margin-top:90px}}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block:not(:first-child){margin-top:19.71%}}.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(odd){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(odd){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(odd) .item .img-box img{margin-left:auto}.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(odd) .item .text-box{padding-left:13.6%;text-align:left}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(odd) .item .text-box{padding-left:0}}.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(odd) .item .text-box .btn-wrap{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(2n){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(2n) .item .img-box img{margin-right:auto}.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(2n) .item .text-box{padding-right:13.6%;text-align:right}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(2n) .item .text-box{padding-right:0;text-align:left}}.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(2n) .item .text-box .btn-wrap{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block:nth-child(2n) .item .text-box .btn-wrap{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item{width:50%}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item{width:100%}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .img-box{width:100%}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .img-box{margin-bottom:30px}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .img-box img{max-width:100%;width:auto}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .img-box img{width:100%}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .session{font-weight:normal;font-size:1.125rem;line-height:1.44;color:rgba(153,153,153,0.9);letter-spacing:0.18}@media only screen and (max-width:575px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .session{font-size:0.875rem}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .year{font-size:7.5rem;line-height:1;margin-bottom:20px}@media only screen and (max-width:1024px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .year{font-size:3.75rem}}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .year{margin-bottom:14px}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .title{margin-bottom:16px;font-family:"Alata-Regular","微軟正黑體修正","JhengHei-Bold",sans-serif;font-weight:normal;font-size:2.125rem;line-height:1.2;color:#000000;letter-spacing:normal}@media only screen and (max-width:1024px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .title{font-size:1.5rem}}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .title{margin-bottom:14px}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .description{font-weight:normal;font-size:1.0625rem;line-height:1.87;color:#333333;letter-spacing:0.6px}@media only screen and (max-width:1024px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .description{font-size:0.9375rem}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin:42px 0 0 0}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap .btn{position:relative;width:200px;height:60px;font-weight:600;text-align:center;-webkit-transition:background-color 0.3s,color 0.3s;transition:background-color 0.3s,color 0.3s;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000000;border:1px solid #000000}@media only screen and (min-width:1025px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap .btn:hover{-webkit-animation:btn-hover 0.3s forwards;animation:btn-hover 0.3s forwards}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap .btn:hover:before{opacity:0.4;-webkit-animation:btn-hover-before 0.3s 0.3s forwards;animation:btn-hover-before 0.3s 0.3s forwards}}@media only screen and (max-width:1024px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap .btn:focus{-webkit-animation:btn-hover 0.3s forwards;animation:btn-hover 0.3s forwards}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap .btn:focus:before{opacity:0.4;-webkit-animation:btn-hover-before 0.3s 0.3s forwards;animation:btn-hover-before 0.3s 0.3s forwards}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap .btn:not(:first-child){margin-left:12px}@media only screen and (max-width:575px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap .btn{max-width:160px;width:100%;height:42px;font-size:0.9375rem}}.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap .btn:before{content:"";position:absolute;top:-16px;left:-16px;bottom:-16px;right:-16px;z-index:-1;opacity:0;-webkit-transform:scale3d(0.8,0.5,1);transform:scale3d(0.8,0.5,1);-webkit-transition:opacity 0.3s linear;transition:opacity 0.3s linear;background-color:#000000}@media only screen and (max-width:767px){.gallery .main-wrapper main section.section2 .years-wrap .years-block .item .text-box .btn-wrap{margin-top:28px}}.fixed-right{width:202px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:20}.fixed-right .back-list{width:132px;height:70px;background-color:#1b1b1b;border-right:1px solid #ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){.fixed-right .back-list{width:100px;height:60px}}.fixed-right .back-list .icon-arrow-left{font-size:21px;color:#ffffff}@media only screen and (max-width:767px){.fixed-right .back-list .icon-arrow-left{font-size:16px}}.fixed-right .back-list .text{color:#ffffff;letter-spacing:0.4px;margin-left:14px}@media only screen and (max-width:767px){.fixed-right .back-list .text{margin-left:8px}}.fixed-right .share{background-color:#fff000}.fixed-right .share .share-btn{width:70px;height:70px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Alata-Regular","微軟正黑體修正","JhengHei-Bold",sans-serif;font-weight:normal;font-size:1rem;line-height:1;color:#000000;letter-spacing:0.4px}@media only screen and (max-width:767px){.fixed-right .share .share-btn{width:60px;height:60px;font-size:0.9375rem;letter-spacing:0.38px}}.fixed-right .share .social{display:none;padding:12px 0;border-top:1px solid rgba(0,0,0,0.3)}.fixed-right .share .social>li{width:100%;height:40px}.fixed-right .share .social>li>a{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fixed-right .share .social>li>a [class*=" icon-"],.fixed-right .share .social>li>a [class^=icon-]{color:#000000;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:-webkit-transform 0.8s ease;transition:-webkit-transform 0.8s ease;transition:transform 0.8s ease;transition:transform 0.8s ease,-webkit-transform 0.8s ease}.fixed-right .share .social>li>a [class*=" icon-"].icon-facebook,.fixed-right .share .social>li>a [class^=icon-].icon-facebook{font-size:15px}.fixed-right .share .social>li>a [class*=" icon-"].icon-line,.fixed-right .share .social>li>a [class^=icon-].icon-line{font-size:18px}.fixed-right .share .social>li>a [class*=" icon-"].icon-twitter,.fixed-right .share .social>li>a [class^=icon-].icon-twitter{font-size:13px}.fixed-right .share .social>li>a [class*=" icon-"].icon-link,.fixed-right .share .social>li>a [class^=icon-].icon-link{font-size:17px}.fixed-right .share .social>li>a:active [class*=" icon-"],.fixed-right .share .social>li>a:active [class^=icon-],.fixed-right .share .social>li>a:focus [class*=" icon-"],.fixed-right .share .social>li>a:focus [class^=icon-]{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}@media only screen and (min-width:576px){.fixed-right .share .social>li>a:hover [class*=" icon-"],.fixed-right .share .social>li>a:hover [class^=icon-]{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
/*# sourceMappingURL=gallery.css.map */