@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Montserrat:800");@import url("https://fonts.googleapis.com/css?family=Karla:700");@import url("https://fonts.googleapis.com/css?family=Kanit:600i");html{height:100%}html::-webkit-scrollbar,html::-webkit-scrollbar-thumb{height:0;width:0}html::-webkit-scrollbar-track{height:0;width:0}body{padding:0;margin:0;height:100%;background:linear-gradient(180deg,#191a23,#212330,#3e2638);min-width:1600px}ul{list-style:none;list-style-image:none}a{text-decoration:none}*,:after,:before{box-sizing:border-box}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}img{display:block}.swiper-container{position:relative;width:100%;height:100%;overflow:hidden}header{z-index:4}header,header:before{position:fixed;width:100%}header:before{background:linear-gradient(270deg,#ff8a00,#da1b60);content:"";top:0;left:0;height:7px}@keyframes a{0%{width:60px}to{width:86px}}.mobile{display:none}@media (max-width:1000px){.mobile{display:block}.mobile #mobile-txt{position:absolute;display:inline-block;width:100%;text-align:center;margin:20vw 0 0}.mobile #mobile-txt #mobile-title{margin:0 0 0 -5px;font-family:Kanit,sans-serif;font-size:calc(1.4rem + 9vw);color:#ff8a00;background:linear-gradient(180deg,#ff8a00,#da1b60);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile #mobile-txt #mobile-subtitle{font-size:calc(.85rem + .9vw);letter-spacing:2px;color:#c7dae6}.mobile #mobile-txt #mobile-p{font-family:微軟正黑體;padding:2vw 0 0;line-height:calc(20px + .8vw);color:#a3adb9;font-size:calc(.5rem + .6vw)}.mobile #mobile-txt #mobile-p p{margin:0;padding:0}.mobile #mobile-icon-wrap{position:absolute;left:0;bottom:22vh;width:100%;height:43px}.mobile #mobile-icon{position:relative;margin:auto;width:60px;height:100%;border-radius:4px 4px 0 0;border:1px solid #fff;animation:a 1.3s cubic-bezier(.25,.46,.45,.94) infinite}.mobile #mobile-icon:after{content:"";position:absolute;top:11px;left:0;width:100%;height:1px;background:#fff}.mobile #mobile-icon #mobile-icon-btn span{position:absolute;top:4px;width:3px;height:3px;border-radius:50%;background:#fff}.mobile #mobile-icon #mobile-icon-btn span:first-child{left:7px}.mobile #mobile-icon #mobile-icon-btn span:nth-child(2){left:12px}.mobile #mobile-icon #mobile-icon-btn span:last-child{left:17px}.mobile #mobile-icon #mobile-icon-arrow-l{left:11px}.mobile #mobile-icon #mobile-icon-arrow-l:before{top:-2px;left:0;transform:rotate(-45deg)}.mobile #mobile-icon #mobile-icon-arrow-l:after{top:2px;left:0;transform:rotate(45deg)}.mobile #mobile-icon .mobile-icon-arrow{position:absolute;top:26px;width:13px;height:1px;background:#fff}.mobile #mobile-icon .mobile-icon-arrow:after,.mobile #mobile-icon .mobile-icon-arrow:before{content:"";position:absolute;width:4px;height:1px;background:#fff}.mobile #mobile-icon #mobile-icon-arrow-r{right:11px}.mobile #mobile-icon #mobile-icon-arrow-r:before{top:-2px;right:0;transform:rotate(45deg)}.mobile #mobile-icon #mobile-icon-arrow-r:after{top:2px;right:0;transform:rotate(-45deg)}}@media (max-width:1000px){.land{display:none}}.land .arrow_box{position:absolute;z-index:4;bottom:10%;left:49%;transition:all .3s ease}@media (max-width:1366px){.land .arrow_box{bottom:15%;left:41%}}@media (max-width:1280px){.land .arrow_box{bottom:13%;left:39%}}@media (max-width:1024px){.land .arrow_box{bottom:13%;left:30.5%}}.top_box{position:absolute;width:100%;display:inline-block;max-width:300px;z-index:4;margin:25px auto 0;left:45%;transition:all .3s ease}@media (max-width:1366px){.top_box{left:35%}}@media (max-width:1024px){.top_box{left:26%}}.top_box .frame__title{margin:0 .5rem 0 0;padding:0 .5rem 0 0}.top_box .frame__title:after{content:"";width:1px;height:1.1rem;position:absolute;left:48%;top:50%;margin-top:-.55rem;background:currentColor}.first{position:relative;width:100%;height:100%;overflow:hidden}@media (max-width:1000px){.first{display:none}}.first .content{flex-direction:column;width:100vw;justify-content:center;align-items:center;margin:150px auto 0;height:calc(100vh - 10rem);transition:all .3s ease}@media (max-width:1366px){.first .content{margin:160px 0 0}}@media (max-width:1024px){.first .content{margin:150px 0 0}}.first .content .first_title{font-family:Barlow,Arial,sans-serif;font-size:7.5rem;text-transform:uppercase;transition:all .3s ease;margin:0}@media (max-width:1600px){.first .content .first_title{font-size:6rem}}@media (max-width:1366px){.first .content .first_title{font-size:5rem}}.first .content .first_title span{display:inline-block;white-space:pre;transform-origin:50% -50%}.first .content .first_subtitle{margin:10px 0 0;font-family:微軟正黑體;color:#e5ca56;font-size:1.3rem}.first .content .main{position:relative;display:grid;grid-template-columns:230px 1fr;grid-gap:20px;width:100%;max-width:950px;margin:50px auto 0;flex-direction:column;justify-content:center;align-items:center;font-family:微軟正黑體}@media (max-width:1600px){.first .content .main{max-width:830px;grid-template-columns:200px 1fr;margin:10px 0 0}}.first .content .main .name img{margin:auto}@media (max-width:1366px){.first .content .main .name img{width:150px;margin:auto 0 auto 50px}}.first .content .main .first_text{color:#c7dae6;font-size:1.3rem;line-height:30px}.first .content .main .first_text span{color:#e5ca56}@media (max-width:1600px){.first .content .main .first_text{font-size:1rem;line-height:25px}}@media (max-width:1366px){.first .content .main .first_text{font-size:1rem;line-height:25px}}.first .content .first_note{margin:60px 0 30px;font-family:微軟正黑體;color:#5f87a0;text-align:center;font-size:15px;z-index:4}@media (max-width:1366px){.first .content .first_note{margin:50px 0 30px;font-size:14px;margin:50px 0 0}}@media (max-width:1024px){.first .content .first_note{margin:40px 0 0}}.first .content .first_note p{line-height:30px;padding:0;margin:0}.first .content .first_note p a:hover{color:#e5ca56}.arrow,.arrow_box{animation:b 1.6s ease infinite}@keyframes b{0%{transform:translateY(24px)}50%{transform:translateY(38px)}to{transform:translateY(22px)}}.second{position:relative;width:100%;height:100%;overflow:hidden}@media (max-width:1000px){.second{display:none}}.second .content{flex-direction:column;width:100vw;justify-content:center;align-items:center;margin:80px auto 0;height:calc(100vh - 7rem);transition:all .3s ease}@media (max-width:1366px){.second .content{margin:80px 0 0}}@media (max-width:1024px){.second .content{margin:50px 0 0}}.second .content .second_title{font-family:Barlow,Arial,sans-serif;font-size:7.5rem;text-transform:uppercase;margin:150px 0 0;transition:all .3s ease}@media (max-width:1600px){.second .content .second_title{font-size:6rem}}@media (max-width:1366px){.second .content .second_title{font-size:5rem}}.second .content .second_title span{display:inline-block;white-space:pre;transform-origin:50% -50%}@media (max-width:1600px){.second .content .second_title{margin:80px 0 0}}@media (max-width:1366px){.second .content .second_title{margin:60px 0 0}}@media (max-width:1024px){.second .content .second_title{margin:0}}.second .content .second_subtitle{margin:0;font-family:微軟正黑體;color:#e5ca56;font-size:1.3rem;transition:all .3s ease}@media (max-width:1024px){.second .content .second_subtitle{font-size:16px}}.third{position:relative;width:100%;height:100%;overflow:hidden;transition:all .3s ease}@media (max-width:1000px){.third{display:none}}.third .content{flex-direction:column;width:100vw;justify-content:center;align-items:center;margin:10px auto 0;height:100%}@media (max-width:1366px){.third .content{margin:10px 0 0}}.third .content .third_title{font-family:Barlow,Arial,sans-serif;font-size:7.5rem;text-transform:uppercase;transition:all .3s ease;margin:0;position:absolute;top:50px}@media (max-width:1600px){.third .content .third_title{font-size:6rem}}@media (max-width:1366px){.third .content .third_title{font-size:5rem}}.third .content .third_title span{display:inline-block;white-space:pre;transform-origin:50% -50%}@media (max-width:1366px){.third .content .third_title{top:30px}}.four{position:relative;width:100%;height:100%;overflow:hidden;transition:all .3s ease}@media (max-width:1000px){.four{display:none}}.four .content{flex-direction:column;width:100vw;justify-content:center;align-items:center;margin:70px auto 0;height:calc(100vh - 5rem)}@media (max-width:1366px){.four .content{margin:70px 0 0}}@media (max-width:1024px){.four .content{margin:10px 0 0}}.four .content .four_title{font-family:Barlow,Arial,sans-serif;font-size:7.5rem;text-transform:uppercase;margin:0;transition:all .3s ease}@media (max-width:1600px){.four .content .four_title{font-size:6rem}}@media (max-width:1366px){.four .content .four_title{font-size:5rem}}.four .content .four_title span{display:inline-block;white-space:pre;transform-origin:50% -50%}@media (max-width:1600px){.four .content .four_title{margin:80px 0 0}}@media (max-width:1366px){.four .content .four_title{margin:60px 0 0}}@media (max-width:1024px){.four .content .four_title{margin:0}}.four .content img{margin-top:70px}@media (max-width:1600px){.four .content img{margin-top:40px}}@media (max-width:1366px){.four .content img{margin-top:30px;width:70%}}@media (max-width:1024px){.four .content img{width:80%;margin-top:40px}}footer{position:absolute;bottom:0;width:100%;font-family:Karla,sans-serif;background:#000;color:#745e5e;font-size:17px;text-align:center;padding:10px 0}@media (max-width:1366px){footer{max-width:1366px}}@media (max-width:1024px){footer{max-width:1024px}}@keyframes c{0%{transform:translateX(0) translateZ(0) scaleY(1)}50%{transform:translateX(-25%) translateZ(0) scaleY(.55)}to{transform:translateX(-50%) translateZ(0) scaleY(1)}}.waveWrapper{left:0;right:0;top:0;bottom:0;opacity:.1}.waveWrapper,.waveWrapperInner{position:absolute;overflow:hidden}.waveWrapperInner{width:100%;height:100%;bottom:-1px}.wave{left:0;width:200%}.wave,.wavTop{position:absolute;height:100%}.wavTop{width:100%;background-repeat:repeat-x;background-position:0 bottom;transform-origin:center bottom;background-size:50% 100px;z-index:3;opacity:.3;animation:c 3s;animation-delay:1s}.waveMiddle{background-image:url(../../images/wave-mid.png);background-size:50% 120px;z-index:2;opacity:.3;animation:c 10s linear infinite}.waveBottom,.waveMiddle{position:absolute;width:100%;height:100%;background-repeat:repeat-x;background-position:0 bottom;transform-origin:center bottom}.waveBottom{background-image:url(../../images/wave-bot.png);background-size:50% 100px;z-index:1;animation:c 15s linear infinite}