@charset "UTF-8";.index{font-family:"微軟正黑體修正", "Microsoft JhengHei", "微軟正黑體", sans-serif}.index section{width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100)}.index .banner{background-color:#120d73}.index .banner-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}@media only screen and (max-width:767px){.index .banner-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.index .banner .scroll{cursor:pointer;font-family:"Lora", serif;position:absolute;right:10%;bottom:150px}.index .banner .scroll-wrap{opacity:0;-webkit-transition:.5s .5s ease-in-out;-o-transition:.5s .5s ease-in-out;transition:.5s .5s ease-in-out;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.index .banner .scroll-wrap span{display:block;letter-spacing:1.2px;font-size:26px;padding-left:70px;color:#fff;z-index:1;position:relative}.index .banner .scroll-wrap.show{opacity:1}.index .banner .scroll-arrow{margin-left:10px;position:relative;z-index:1;width:20px;height:40px}.index .banner .scroll-arrow:before{content:'';position:absolute;top:-20px;left:20px;width:1px;height:40px;background-color:#fff}.index .banner .scroll-arrow:after{content:'';position:absolute;left:24px;top:7px;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);width:1px;height:15px;background-color:#fff}.index .banner .scroll-roll{border-radius:50%;width:60px;height:60px;background-color:#6d5d56;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;position:absolute;left:0;top:-15px;z-index:0}@media only screen and (min-width:1201px){.index .banner .scroll:hover .scroll-roll{-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}}.index .banner .scroll .count-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:.3s .5s ease-in-out;-o-transition:.3s .5s ease-in-out;transition:.3s .5s ease-in-out}.index .banner .scroll .count-wrap.hide{opacity:0}.index .banner .scroll .count-wrap span{color:#fff;font-size:24px;font-weight:600;font-family:"Ubuntu", sans-serif}.index .banner .scroll .count-wrap .count-text{padding-left:10px}@media only screen and (max-width:1200px){.index .banner .scroll .scroll-wrap span{font-size:24px}}@media only screen and (max-width:767px){.index .banner .scroll{bottom:50px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.index .banner .scroll .scroll-wrap{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.index .banner .scroll .scroll-arrow{margin-left:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.index .banner .scroll .scroll-arrow:before{left:10px}.index .banner .scroll .scroll-arrow:after{left:13px}.index .banner .scroll .scroll-roll{width:40px;height:40px;top:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}.index .banner .scroll .scroll-wrap span{padding-bottom:70px;padding-left:0;font-size:16px}}.index .banner-text p{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;font-weight:500}.index .banner-text p.letter1{letter-spacing:5.2px;font-size:140px;font-family:"Roboto", sans-serif}.index .banner-text p.letter1 span:first-child{margin-right:30px;-webkit-transform:translateX(-80px);-ms-transform:translateX(-80px);transform:translateX(-80px);-webkit-animation:bannerText .8s ease-in-out both;animation:bannerText .8s ease-in-out both}.index .banner-text p.letter1 span:last-child{margin-left:30px;-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);-webkit-animation:bannerText .8s ease-in-out both;animation:bannerText .8s ease-in-out both}@media only screen and (max-width:1200px){.index .banner-text p.letter1 span:first-child{margin-right:15px}.index .banner-text p.letter1 span:last-child{margin-left:15px}}.index .banner-text p.letter2{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:24px;font-family:"Ubuntu", sans-serif}.index .banner-text p.letter2 span{-webkit-animation:bannerSmallText .5s ease-in-out both;animation:bannerSmallText .5s ease-in-out both}.index .banner-text p.letter2 span:nth-child(odd){-webkit-animation-delay:.5s;animation-delay:.5s}.index .banner-text p.letter2 span:nth-child(2n){-webkit-animation-delay:.7s;animation-delay:.7s}.index .banner-text p span{display:block;width:100%}@media only screen and (max-width:1200px){.index .banner-text p.letter1{font-size:100px;letter-spacing:3px}}@media only screen and (max-width:767px){.index .banner-text p.letter1{font-size:60px;letter-spacing:1.2px}.index .banner-text p.letter2{margin-top:5px;font-size:14px}}.index .banner-mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.index .banner-mask div{position:absolute;width:100%;height:50%;left:0;-webkit-transition:.5s .3s ease-in-out;-o-transition:.5s .3s ease-in-out;transition:.5s .3s ease-in-out}.index .banner-mask div:first-child{top:0;display:none}.index .banner-mask div:nth-child(2){bottom:0;display:none}.index .banner-mask div:nth-child(3){height:100%;background-color:#fff;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.index .content{padding-top:50px;padding-left:60px;position:relative;display:none;background-color:#120d73}@media only screen and (max-width:1200px){.index .content{padding:50px 30px}}@media only screen and (max-width:767px){.index .content{padding:40px 30px}}.index .content-container{position:-webkit-sticky;position:sticky;top:0;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100)}@media only screen and (max-width:1200px){.index .content-container{padding-top:50px;top:50px}}.index .content-wrap{position:absolute;left:0;top:0;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100)}.index .content-wrap .photo{opacity:0;visibility:hidden;-webkit-transform:scale(0.4) translateX(80%);-ms-transform:scale(0.4) translateX(80%);transform:scale(0.4) translateX(80%);-webkit-transition:0.8s cubic-bezier(0.7, 0, 0.3, 1);-o-transition:0.8s cubic-bezier(0.7, 0, 0.3, 1);transition:0.8s cubic-bezier(0.7, 0, 0.3, 1)}.index .content-wrap.show{z-index:10}.index .content-wrap.show .photo{opacity:1;visibility:visible;-webkit-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}.index .content-wrap.show .content-box .text:after{opacity:0.5;-webkit-clip-path:inset(0);clip-path:inset(0)}.index .content-wrap.show .content-box .text a,.index .content-wrap.show .content-box .text h2,.index .content-wrap.show .content-box .text p{color:#fff;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-clip-path:inset(0);clip-path:inset(0)}.index .content-wrap.out .photo{opacity:0;visibility:hidden;-webkit-transform:scale(0.3) translateX(-80%);-ms-transform:scale(0.3) translateX(-80%);transform:scale(0.3) translateX(-80%)}.index .content-wrap.out .content-box .text:after{opacity:0;-webkit-clip-path:inset(110% 0 0 0);clip-path:inset(110% 0 0 0)}.index .content-wrap.out .content-box .text a,.index .content-wrap.out .content-box .text h2,.index .content-wrap.out .content-box .text p{color:#d93e3e;opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);-webkit-clip-path:inset(110% 0 0 0);clip-path:inset(110% 0 0 0)}@media only screen and (max-width:767px){.index .content-wrap:last-child{height:calc((var(--vh, 1vh) * 100) - 110px)}}@media only screen and (max-width:767px){.index .content-wrap{height:calc((var(--vh, 1vh) * 100) - 60px)}}.index .content-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:1200px){.index .content-box{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.index .content-box .text{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;padding:30px}.index .content-box .text:after{content:'';position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;opacity:.5;background-color:#120d73}.index .content-box .text h2{font-size:100px;font-weight:700;font-family:"Ubuntu", sans-serif;-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}.index .content-box .text p{padding-bottom:3px;letter-spacing:1.2px;font-size:22px;font-family:"Lora", serif;-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px)}.index .content-box .text a{margin-top:50px;position:relative;display:inline-block;font-size:15px;font-family:"Lora", serif;-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px)}.index .content-box .text a:after{content:'';position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:-1;width:0;height:8px;background-color:#d93e3e;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.index .content-box .text a:hover:after{width:100%}.index .content-box .text a,.index .content-box .text h2,.index .content-box .text p{text-shadow:#c4c4c4 1px 0 10px;color:#d93e3e;opacity:0}@media only screen and (max-width:1200px){.index .content-box .text{padding:30px 0 0 0;position:static;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);text-align:center}.index .content-box .text:after{display:none}.index .content-box .text h2{padding-bottom:10px;font-size:50px}.index .content-box .text p{font-size:20px}.index .content-box .text a{margin-top:40px;font-size:14px}}@media only screen and (max-width:767px){.index .content-box .text h2{font-size:32px}.index .content-box .text p{font-size:16px}.index .content-box .text a{margin-top:30px}}.index .content-box .photo{max-width:1500px;width:100%;margin-left:auto;position:relative}@media only screen and (max-width:1200px){.index .content-box .photo{max-height:calc(100vh - 277px);max-height:calc((var(--vh, 1vh) * 100) - 277px);height:100%;max-width:600px;margin:0 auto;overflow:hidden}}@media only screen and (max-width:900px){.index .content-box .photo{max-height:calc(100vh - 310px);max-height:calc((var(--vh, 1vh) * 100) - 310px)}}@media only screen and (max-width:767px){.index .content-box .photo{max-height:calc(100vh - 280px);max-height:calc((var(--vh, 1vh) * 100) - 280px)}}.index .content-box .photo-wrap{position:relative;padding-bottom:57.9%;overflow:hidden}@media only screen and (max-width:1200px){.index .content-box .photo-wrap{padding-bottom:0}}.index .content-box .photo-box{width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url(../../assets/img/img01.jpg)}.index .content-box .photo .video picture{display:none}@media only screen and (max-width:1200px){.index .content-box .photo .video picture{display:block}}.index .content-box .photo .video video{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media only screen and (max-width:1200px){.index .content-box .photo .video video{display:none}}.index .content-box .text:after{-webkit-transition:.7s ease-in-out;-o-transition:.7s ease-in-out;transition:.7s ease-in-out;-webkit-clip-path:inset(0 0 110% 0);clip-path:inset(0 0 110% 0)}.index .content-box .text a,.index .content-box .text h2,.index .content-box .text p{-webkit-transition:.7s ease-in-out;-o-transition:.7s ease-in-out;transition:.7s ease-in-out;-webkit-clip-path:inset(0 0 110% 0);clip-path:inset(0 0 110% 0)}.index .content-box .text p{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.index .content-box .text a{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
/*# sourceMappingURL=index.css.map */