@charset "UTF-8";*{-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:微軟正黑體, "Microsoft JhengHei", sans-serif;line-height:1.8;letter-spacing:1px;background-color:#141414}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}}h2{font-size:1.25rem;margin:1rem auto}h2:first-child{margin:0 auto 1rem auto}@media (max-width:37.5rem){h2{font-size:1.125rem}}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:0.875rem}}a{color:#fff;text-decoration:none}a:hover{opacity:0.9;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}img{max-width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}figure{margin:0 auto 6rem auto}figure:last-of-type{margin:0 auto 3rem auto}figcaption{margin:1rem auto 0.5rem auto;font-size:1rem;color:#dedede}@media (max-width:37.5rem){figcaption{margin:1rem 1.5rem}}.share-box{text-align:center;position:absolute;right:0.5rem}.share-box div{display:inline-block;cursor:pointer;padding-left:0.5rem}@media (max-width:37.5rem){.share-box{top:0.36rem}}.share-box-inner{position:relative;margin:0 auto}.share-box-inner div{display:inline-block;cursor:pointer;padding-left:0.5rem}.share-box-inner div:first-child{padding-left:0}@media (max-width:37.5rem){.share-box-inner{margin:0 1.5rem}}.logo-box{text-align:center;padding:0.4rem 0.8rem;background-color:#004e97;position:absolute;z-index:999}.logo-box span{display:none}@media screen and (max-width:64rem){.logo-box{margin-left:0}}@media screen and (max-width:37.5rem){.logo-box{max-width:72px;padding:0.4rem 0.5rem}}.icon-cnalogo{fill:#fff;width:48px;height:48px;margin:0 auto;vertical-align:middle}@media screen and (max-width:40rem){.icon-cnalogo{width:40px;height:40px}}.fb-btn{fill:#fff;width:32px;height:48px;vertical-align:middle}@media (max-width:40rem){.fb-btn{width:30px;height:40px}}@media (max-width:37.5rem){.fb-btn{width:26px;height:26px}}.line-btn{fill:#fff;width:32px;height:48px;vertical-align:middle}@media (max-width:40rem){.line-btn{width:30px;height:40px}}@media (max-width:37.5rem){.line-btn{width:26px;height:26px}}.twitter-btn{fill:#fff;width:30px;height:48px;margin:0 0 0 5px;vertical-align:middle}@media (max-width:40rem){.twitter-btn{width:30px;height:40px}}@media (max-width:37.5rem){.twitter-btn{width:26px;height:26px}}.wrapper{max-width:64rem;margin:0 auto;clear:both}header{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;height:3rem;position:fixed;background-color:#141414;z-index:999}header h1{font-size:1em;margin:0 auto 0 0;padding:0.5em}header h1 span{color:#585558}@media (max-width:37.5rem){header{height:2.67rem}}.head_group{width:100%}.mainvisual{position:relative;height:calc(100vh - 2rem);overflow:hidden;text-align:center}.mainvisual:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%}.pagetitle{width:90%;display:inline-block;vertical-align:middle;bottom:0;margin:0 auto;z-index:8;position:relative;-webkit-filter:drop-shadow(0px 2px 1px #141414);filter:drop-shadow(0px 2px 1px #141414);color:#fff}@media screen and (max-width:50rem){.pagetitle{max-width:370px}}@media screen and (max-width:20rem){.pagetitle{width:85%}}.pagetitle h1{width:100%;height:64px;margin:0.5rem auto;z-index:0;background:url(../img/pagetitle.svg) center no-repeat;background-size:contain}@media screen and (max-width:40rem){.pagetitle h1{width:80%;height:auto}}@media screen and (max-width:20rem){.pagetitle h1{width:100%;margin:0 auto}}.pagetitle p{margin:0 auto;padding:0.5rem 0 0 0;max-width:45rem;font-size:1.2em;text-align:justify;line-height:1.5}@media screen and (max-width:50rem){.pagetitle p{max-width:23.125rem}}@media screen and (max-width:40rem){.pagetitle p{font-size:1rem;font-weight:normal}}@media screen and (max-width:37.5rem){.pagetitle p{font-size:1em;font-weight:normal}}@media screen and (max-width:20rem){.pagetitle p{font-size:0.875rem}}.pagetitle span{opacity:0}.credit{max-width:45rem;font-size:0.875rem;text-align:left;margin:0.5rem auto 0 auto}@media screen and (max-width:37.5rem){.credit{margin:0.5em auto 0 auto}}.morepic{position:absolute;bottom:6.6rem;z-index:999;width:100%;color:#fff}.morepic a{display:block;cursor:pointer}.morepic .moretxt{font-size:0.875rem}@media screen and (max-width:37.5rem){.morepic{bottom:2rem}}.icon-downarrow{width:32px;height:12px;fill:#fff}.hero{position:absolute;width:100%;height:calc(100vh - 2rem);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}.slider{width:100%;height:100%;position:relative;background-color:#141414}.slide1,.slide2,.slide3,.slide4,.slide5{position:absolute;width:100%;height:100%;background-color:#141414}.slide1{background:url("../img/photo/photo-02.jpg");background-size:cover;background-position:center center;-webkit-animation:fade 30s infinite;animation:fade 30s infinite}.slide2{background:url("../img/photo/photo-27.jpg");background-size:cover;background-position:center center;-webkit-animation:fade2 30s infinite;animation:fade2 30s infinite}.slide3{background:url("../img/photo/photo-03.jpg");background-size:cover;background-position:center center;-webkit-animation:fade3 30s infinite;animation:fade3 30s infinite}.slide4{background:url("../img/photo/photo-14.jpg");background-size:cover;background-position:center center;-webkit-animation:fade4 30s infinite;animation:fade4 30s infinite}.slide5{background:url("../img/photo/photo-30.jpg");background-size:cover;background-position:center center;-webkit-animation:fade5 30s infinite;animation:fade5 30s infinite}@-webkit-keyframes slideInfiZoomIn{0%{-webkit-transform:scale(1) rotate(0deg) translate(0px);transform:scale(1) rotate(0deg) translate(0px)}to{-webkit-transform:scale(1.5) rotate(20deg) translate(60px);transform:scale(1.5) rotate(20deg) translate(60px)}}@keyframes slideInfiZoomIn{0%{-webkit-transform:scale(1) rotate(0deg) translate(0px);transform:scale(1) rotate(0deg) translate(0px)}to{-webkit-transform:scale(1.5) rotate(20deg) translate(60px);transform:scale(1.5) rotate(20deg) translate(60px)}}@-webkit-keyframes slideInfiZoomOut{0%{-webkit-transform:scale(1.5) rotate(20deg) translate(60px);transform:scale(1.5) rotate(20deg) translate(60px)}to{-webkit-transform:scale(1) rotate(0deg) translate(0px);transform:scale(1) rotate(0deg) translate(0px)}}@keyframes slideInfiZoomOut{0%{-webkit-transform:scale(1.5) rotate(20deg) translate(60px);transform:scale(1.5) rotate(20deg) translate(60px)}to{-webkit-transform:scale(1) rotate(0deg) translate(0px);transform:scale(1) rotate(0deg) translate(0px)}}@-webkit-keyframes fade{0%{opacity:1}16.7%{opacity:0}33.4%{opacity:0}50.1%{opacity:0}83.5%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:1}16.7%{opacity:0}33.4%{opacity:0}50.1%{opacity:0}83.5%{opacity:0}to{opacity:1}}@-webkit-keyframes fade2{0%{opacity:0}16.7%{opacity:1}33.4%{opacity:0}50.1%{opacity:0}83.5%{opacity:0}to{opacity:0}}@keyframes fade2{0%{opacity:0}16.7%{opacity:1}33.4%{opacity:0}50.1%{opacity:0}83.5%{opacity:0}to{opacity:0}}@-webkit-keyframes fade3{0%{opacity:0}16.7%{opacity:0}33.4%{opacity:1}50.1%{opacity:0}83.5%{opacity:0}to{opacity:0}}@keyframes fade3{0%{opacity:0}16.7%{opacity:0}33.4%{opacity:1}50.1%{opacity:0}83.5%{opacity:0}to{opacity:0}}@-webkit-keyframes fade4{0%{opacity:0}16.7%{opacity:0}33.4%{opacity:0}50.1%{opacity:1}83.5%{opacity:0}to{opacity:0}}@keyframes fade4{0%{opacity:0}16.7%{opacity:0}33.4%{opacity:0}50.1%{opacity:1}83.5%{opacity:0}to{opacity:0}}@-webkit-keyframes fade5{0%{opacity:0}16.7%{opacity:0}33.4%{opacity:0}50.1%{opacity:0}83.5%{opacity:1}to{opacity:0}}@keyframes fade5{0%{opacity:0}16.7%{opacity:0}33.4%{opacity:0}50.1%{opacity:0}83.5%{opacity:1}to{opacity:0}}.image-wrapper{position:relative;background:url(../img/logo_l.svg) center center no-repeat #232323;overflow:hidden;-webkit-box-shadow:0px 2px 1px #000;box-shadow:0px 2px 1px #000}.image-wrapper:before{display:block;content:" ";width:100%;padding-top:62.5%}.image-wrapper>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media (max-width:37.5rem){.image-wrapper{background-size:42%}}.image-wrapper2{position:relative;background:url(../img/logo_l.svg) center center no-repeat #232323;overflow:hidden;-webkit-box-shadow:0px 2px 1px #000;box-shadow:0px 2px 1px #000;width:56%;margin:0 auto}.image-wrapper2:before{display:block;content:" ";width:100%;padding-top:140%}.image-wrapper2>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media (max-width:40rem){.image-wrapper2{width:100%}}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}.wsmall{background-color:#000}.image{width:100%;height:auto;position:absolute}.main{padding:3.5rem 0}.main nav{padding:0 0 4rem 0}.button{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:0 1.5rem 0 0;border:2px solid #c7c7c7;border-radius:4px;font-size:1.25rem;font-weight:bold;text-align:center;text-transform:uppercase;position:relative;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;background-color:rgba(20, 20, 20, 0.6)}.button a{padding:0.25rem 2.5rem;display:block}@media (max-width:37.5rem){.button a{padding:0.25rem 1.5rem}}.button:after{position:absolute;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;content:'';width:0;left:50%;bottom:0;height:2px;background:#c7c7c7;right:0;left:auto}.button:last-child{margin:0}@media (max-width:37.5rem){.button{font-size:1.125rem;margin:0 1rem 0 0}}.button button.mfp-arrow{position:relative}nav{margin:0 auto}nav ul{margin:1.5rem 0 0 0;padding:0;text-align:center;max-height:2.6rem}@media (max-width:37.5rem){nav ul{max-height:2rem}}nav ul li{display:inline-block}@media (max-width:37.5rem){nav ul{margin:1.5rem 0 0 0}}.button:focus,.button:hover{cursor:pointer}.button:focus:after,.button:hover:after{width:100%;left:0}.titlebox{position:relative;text-align:center}.titlebox .pagetitle{width:100%}.titlebox .pagetitle h1{height:48px}@media (max-width:37.5rem){.titlebox .pagetitle h1{height:40px}}.titlebox h2{margin:0 auto 1.5rem auto;font-size:1.25rem}h2.no-span{width:100%;display:table;white-space:nowrap;overflow:hidden;color:#fff}h2.no-span:after,h2.no-span:before{border-top:1px solid #5a5a5a;content:'';display:table-cell;position:relative;top:1em;width:46%}h2.no-span:before{right:1.5%}h2.no-span:after{left:1.5%}footer{width:100%;position:absolute;font-size:0.875rem;color:#fff;text-align:center;z-index:99;bottom:0}.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, 0.05);box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow:hidden;background:rgba(0, 78, 151, 0.9) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.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){.cd-top{width:40px;height:40px;line-height:40px}}.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:20px;height:20px}@media (max-width:40rem){.back2top{width:16px;height:16px}}