@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap);*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:16px}body{margin:0 auto;padding:0;font-size:100%;font-weight:400;font-family:'Noto Sans TC',sans-serif;line-height:1.8;letter-spacing:1px;background-color:#52575c}h1{font-size:2rem;font-weight:600;padding-bottom:1rem}@media (max-width:64rem){h1{font-size:1.375rem}}@media (max-width:50rem){h1{font-size:2rem}}@media (max-width:40rem){h1{font-size:1.375rem}}@media (max-width:20rem){h1{font-size:1.25rem}}p{font-size:1.125rem}p span{display:inline-block;vertical-align:middle}@media (max-width:37.5rem){p{font-size:1rem}}@media (max-width:20rem){p{font-size:.875rem}}a{color:#fff;text-decoration:none}a:hover{opacity:.9;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}img{max-width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.share-box{text-align:center;position:absolute;right:1rem}.share-box div{display:inline-block;cursor:pointer;padding-left:.5rem}.share-box-inner{position:relative;margin:0 auto;text-align:center}.share-box-inner div{display:inline-block;cursor:pointer;padding-left:.5rem}.share-box-inner div:first-child{padding-left:0}.logo-box{max-width:86px;padding:.4rem .8rem;text-align:center;background-color:#004e97;position:relative;z-index:999}.logo-box span{display:none}.icon-cnalogo{fill:#fff;width:50px;height:50px;margin:0 auto;vertical-align:middle}.fb-btn{fill:#fff;width:32px;height:50px;vertical-align:middle}.line-btn{fill:#fff;width:32px;height:50px;vertical-align:middle}.twitter-btn{fill:#fff;width:32px;height:50px;margin:0 0 0 5px;vertical-align:middle}@media (max-width:64rem){.logo-box{margin-left:0}}@media (max-width:40rem){.icon-cnalogo{width:40px;height:40px}.fb-btn{width:30px;height:40px}.line-btn{width:30px;height:40px}.twitter-btn{width:30px;height:40px}}@media (max-width:37.5rem){.share-box{top:.36rem}.logo-box{max-width:72px;padding:.4rem 0 0}.fb-btn{width:26px;height:26px}.line-btn{width:26px;height:26px}.twitter-btn{width:26px;height:26px}}.wrapper{margin:0 auto;clear:both;background-color:#52575c}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;height:3rem;position:relative;background-color:#141414}header h1{font-size:1em;margin:0 auto 0 0;padding:.5em}header h1 span{color:#585558}.mainvisual{position:relative;height:calc(110vh - 3rem);overflow:hidden;text-align:center}.mainvisual:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%}.pagetitle{display:inline-block;vertical-align:middle;margin:0 auto;z-index:8;position:relative;-webkit-filter:drop-shadow(0 2px 1px #141414);filter:drop-shadow(0 2px 1px #141414);color:#fff}.pagetitle h1{width:100%;height:213px;margin:.5rem auto;z-index:0;background:url(../img/title.svg) center no-repeat;background-size:contain}.pagetitle span{opacity:0}.pagetitle p{margin:0 auto;padding:.5% 0;max-width:45rem;font-size:1.2em;text-align:justify;line-height:1.5}.morepic{position:absolute;bottom:6.6rem;z-index:999;width:100%;color:#fff}.morepic a{display:block;cursor:pointer}.morepic .moretxt{display:block;font-size:.875rem}@media screen and (max-width:64rem){.morepic{bottom:6.6rem}}@media screen and (max-width:50rem){.pagetitle{width:90%;max-width:380px}.pagetitle h1{margin:1.5rem auto}.pagetitle p{max-width:23.125rem}}@media screen and (max-width:40rem){.pagetitle h1{width:76%}.mainvisual{position:relative;height:88vh;overflow:hidden;text-align:center}.pagetitle p{font-size:1em;font-weight:400}}@media screen and (max-width:37.5rem){header{height:2.67rem}.pagetitle h1{width:100%;height:120px}.pagetitle p{font-size:1em;font-weight:400}.credit{margin:.875em auto 0 auto}.morepic{bottom:2rem}}@media screen and (max-width:20rem){.pagetitle{width:85%}.pagetitle h1{margin:0 auto}}.icon-downarrow{width:32px;height:12px;fill:#fff}.hero{position:absolute;width:100%;height:calc(110vh - 35px);top:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.mask{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#141414));background:-webkit-linear-gradient(top,transparent 0,#141414 100%);background:-o-linear-gradient(top,transparent 0,#141414 100%);background:linear-gradient(to bottom,transparent 0,#141414 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.head_group{width:90%;margin:0 auto;padding:10px 0 30px 0;display:flex;justify-content:space-between;height:70px;position:relative;z-index:9999}.head_group span{font-size:20px;vertical-align:middle}.head_group .sharebox{display:inline-block}.sharebox div{cursor:pointer}.mb-sharebox{display:none}.head_group .sharebox div{padding:0 10px;display:inline-block;vertical-align:middle}.head_group .sharebox div:nth-child(1){padding-left:0}.dropbtn{background-color:transparent;border:none;display:flex;align-items:baseline}.dropbtn span{color:#fff;padding:7px;font-size:1.125rem;cursor:pointer;font-family:"Noto Sans TC",sans-serif}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;background:#ececec;border-radius:3px;min-width:415px;left:-125%;overflow:auto;text-align:center;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, .3));padding:0;z-index:99999}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content li{border-bottom:1.5px #fff solid}.dropdown-content a span{font-size:1.125rem;font-weight:700}.dropdown-content a:hover span{box-shadow:inset 0 -.65rem #f3fe7b,inset 0 -.65rem #f3fe7b}.dropdown-content li:nth-child(4){border:none}.dropdown-content li:nth-child(3){border:none}.show{display:block}.rotate{-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;cursor:pointer}.rotate.up{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (max-width:40rem){.logobox{padding-top:2px}.dropbtn span{padding-top:0}.dropdown-content li:nth-child(3){border-bottom:1.5px #fff solid}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;background:#ececec;border-radius:3px;min-width:415px;left:-100%;overflow:auto;text-align:center;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, .3));padding:10px;z-index:99999}.head_group{height:70px}.head_group .sharebox div{padding:0}.dropbtn{padding:8px 16px 16px}.logobox span{display:none}.head_group .sharebox div:nth-child(1),.head_group .sharebox div:nth-child(2){display:none}.head_group .sharebox{visibility:hidden}.mb-sharebox{display:block;display:flex;justify-content:center}.mb-sharebox a{padding:16px 10px}.mb-sharebox div{display:flex;align-items:center}}@media (max-width:37.5rem){.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;background:#ececec;border-radius:3px;min-width:415px;left:-100%;overflow:auto;text-align:center;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, .3));padding:10px;z-index:99999}}.nav-fixed{width:100%;position:fixed;top:0;left:0;z-index:9999;background:-moz-linear-gradient(top,#52575c 0,#52575c 89%,rgba(82,87,92,0) 100%);background:-webkit-linear-gradient(top,#52575c 0,#52575c 89%,rgba(82,87,92,0) 100%);background:linear-gradient(to bottom,#52575c 0,#52575c 89%,rgba(82,87,92,0) 100%)}.progress-container{width:100%;height:8px;background:#e8e8e8}.progress-bar{height:8px;background:#f3fe7b;width:0%}#navi{width:100%;margin:50px 0 10px 0}#navi .tabitem a{display:inline-block;border:1px #fff solid;filter:drop-shadow(0 4px 4px rgba(0, 0, 0, .25));border-radius:3px;padding:10px 30px;font-size:1.125rem;color:#fff;margin-top:27px}#navi .tabitem{list-style:none;display:flex;justify-content:space-around;flex-wrap:wrap}#navi .tabitem a:hover{font-weight:700;filter:drop-shadow(0 0 5px rgba(255, 255, 255, .9));box-shadow:0 0 0 1px #fff}#navi .current{border-left:3px solid #fec130}#navi a.current{font-weight:700;filter:drop-shadow(0 0 1px rgba(255, 255, 255, .9));background-color:#fff;color:#3c3c3c}.scrollbox::before{content:'scroll';position:absolute;color:#fff;bottom:-30px;left:50%;margin-left:-25px}.scrollhint{width:1px;height:60px;position:absolute;bottom:0;left:0;right:0;margin:0 auto;overflow:hidden}.scrollhint .sline{width:100%;height:100%;display:block;background:linear-gradient(to bottom,#fff 50%,rgba(255,255,255,0) 50%);background-position:0 -60px;background-size:100% 200%;-webkit-animation:scrolldown 2.2s cubic-bezier(.76,0,.3,1) forwards infinite;animation:scrolldown 2.2s cubic-bezier(.76,0,.3,1) forwards infinite}@keyframes scrolldown{0%{background-position:0 -60px}75%{background-position:0 0}100%{background-position:0 60px}}.content>.swiper-scrollbar{left:0;width:100%}@media (max-width:50rem){#navi{margin:0 auto}.scrollBlock{display:none}}@media screen and (max-width:30rem){#navi{margin:10px 0 50px 0}}@media screen and (max-width:20rem){#navi .tabitem a{padding:10px 25px}}.content .swiper-scrollbar{position:absolute;z-index:50;height:8px;width:100%}.content .swiper-scrollbar-drag{width:88.8889px;transform:translate3d(0,0,0);transition-duration:0s}.content .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:silver;left:0;top:0}.content .swiper-scrollbar-drag:before{display:block;content:" ";height:100%;width:12%;position:relative;background:#f3fe7b;left:0;top:0}.swiper-box .swiper-button-next,.swiper-box .swiper-button-prev{position:absolute;top:30%}main{max-width:1024px;margin:0 auto;clear:both}.image-wrapper{margin:0 auto}.one-pic{margin-top:150px}figure{margin:0 auto 5rem auto}figcaption{font-size:1.125rem;color:#fff;width:70%}figcaption span{color:#dedede;font-size:1rem}blockquote{border-left:3px solid #f3fe7b;margin:1.5rem 0;padding-left:2em}blockquote .link-icon a{color:rgba(236,236,236,.6);font-size:1rem;border-bottom:1px solid rgba(236,236,236,.6);cursor:pointer}blockquote .link-icon img{display:inline-block;vertical-align:middle;padding-right:10px}blockquote .sharebox>div{display:inline-block}blockquote .sharebox{margin-bottom:45px}@media (max-width:64rem){.figbox{width:95%;margin:0 auto}.img-text,figcaption{width:100%}blockquote{padding-left:1em}}@media (max-width:50rem){figcaption{font-size:1rem}figcaption span{font-size:.875rem}}.textbox{display:block;max-width:650px;margin:0 auto}.textbox p{font-size:1.125rem;line-height:30px;color:#fff;margin-bottom:18px}.textbox img{padding:65px;margin:0 auto}.quotebox{display:block;max-width:650px;margin:0 auto 130px auto;padding:40px 26px;color:#3c3c3c;font-family:'Noto Serif TC',serif;font-weight:600;font-size:1.125rem;line-height:30px;text-align:justify;background:#ececec;box-shadow:0 4px 20px rgba(0,0,0,.3);border-radius:3px}.quotebox p{padding:20px 0}.quotebox img{margin:0 auto}.quotebox .author{font-family:"Noto Sans TC",sans-serif;font-weight:400;padding-top:20px;text-align:center;font-size:16px}.pic2-text{margin-bottom:11.25rem;display:block}.pic2 img{width:60.33333%;display:inline-block}.pic2-text{width:33.33333%;display:inline-block;margin-left:46px;vertical-align:super;position:relative;top:-15px}.pic2-text figcaption{width:100%}.pic2 .link-icon img{display:inline-block;vertical-align:middle;padding-right:10px;width:30px}@media (max-width:64rem){.pic2 img{display:block;margin:0 auto}.pic2{width:95%;margin:0 auto}}@media (max-width:37.5rem){.one-pic{margin-top:0}}@media (max-width:64rem){.pic2{display:block;margin:0 auto}.pic2-text{width:95%;margin:0 auto;top:0}}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#f3fe7b!important}.owl-theme .owl-dots .owl-dot span{width:12px!important;height:12px!important}#sync2 .item,#sync4 .item{margin-bottom:80px}#sync1.owl-theme,#sync3.owl-theme{position:relative}#sync1.owl-theme .owl-next,#sync1.owl-theme .owl-prev,#sync3.owl-theme .owl-next,#sync3.owl-theme .owl-prev{width:22px;height:40px;margin-top:-20px;position:absolute;top:50%;filter:drop-shadow(0 4px 4px rgba(0, 0, 0, .75))}#sync1.owl-theme .owl-prev,#sync3.owl-theme .owl-prev{left:10px}#sync1.owl-theme .owl-next,#sync3.owl-theme .owl-next{right:10px}#sync1.owl-theme .owl-next:hover,#sync1.owl-theme .owl-prev:hover,#sync3.owl-theme .owl-next:hover,#sync3.owl-theme .owl-prev:hover{background-color:transparent!important}@media (max-width:50rem){#sync1.owl-theme .owl-prev svg,#sync3.owl-theme .owl-prev svg{width:20px}#sync1.owl-theme .owl-next svg,#sync3.owl-theme .owl-next svg{width:20px}}.ftshare .sharebox div{display:inline-block}.ftshare .sharebox div:nth-child(1){padding-right:24px}.ftshare .sharebox div:nth-child(2){padding-right:24px}.ftshare .sharebox{display:flex;justify-content:center}.ftshare{padding-top:100px;padding-bottom:30px}.related-title{font-size:1.125rem;text-align:center;width:170px;margin:2rem auto;background-color:#e8e8e8;border:1px #fff solid;filter:drop-shadow(0 4px 4px rgba(0, 0, 0, .25));border-radius:3px;padding:10px 25px}.related .related-title{cursor:pointer;color:#3c3c3c;font-weight:700}.credit{display:block;clear:both;max-width:45rem;font-size:.875rem;text-align:center;margin:0 auto;color:#fff;padding-bottom:100px}footer{font-size:.875rem;color:#fff;text-align:center;margin-top:4rem;padding:1em 0;background-color:#3c3c3c}@media (max-width:64rem){footer{margin-top:2rem}}.cd-top{color:#fff;font-size:1.2rem;display:inline-block;width:45px;height:45px;line-height:48px;text-align:center;position:fixed;bottom:20px;right:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;background:rgba(232,232,232,.9) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;border-radius:100%;z-index:10}@media only screen and (min-width:64rem){.cd-top{right:30px;bottom:20px}}@media only screen and (min-width:40rem){.cd-top{right:20px;bottom:20px}}@media (max-width:37.5rem){.figcaption{font-size:1rem}.cd-top{width:40px;height:40px;line-height:40px}.related-title{width:180px}.swiper-button-next::after,.swiper-button-prev::after{font-size:2rem!important}}.cd-top.cd-is-visible{visibility:visible;opacity:1}.cd-top.cd-fade-out{opacity:.5}.no-touch .cd-top:hover{opacity:1}.back2top{fill:#fff;width:40px;height:40px}@media (max-width:40rem){.quotebox,.textbox{width:95%}.textbox img{padding:40px}.credit{padding-bottom:20px}.ftshare{padding-top:20px}}