@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap";body{margin:0 auto;padding:0;background:fixed;background:url(../images/bg.jpg);border:0;color:#172121;font-family:Zalando Sans Expanded,Noto Sans TC,sans-serif;letter-spacing:1px;animation:bgScrollingReverse .92s infinite;animation-timing-function:linear}@media (max-width: 550px){body{letter-spacing:0}}@keyframes bgScrollingReverse{to{background-position:50px 50px}}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1600px;height:auto}@media (max-width: 1440px){.main{max-width:1200px}}.marquee{width:100%;overflow:hidden;white-space:nowrap}.marquee .marquee-track{display:inline-block;white-space:nowrap;animation:marqueeMove 20s linear infinite}.marquee .marquee-track span{display:inline-block;margin-right:1.5rem;font-size:1rem;font-weight:700}.marquee--pink .marquee-track{background-color:#fff6cd;color:#1ea1f3}.marquee--yellow .marquee-track{background-color:#1ea1f3;color:#ffeea2}@keyframes marqueeMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.logoMc{display:block;position:absolute;top:2%;left:2%;z-index:9}@media (max-width: 500px){.logoMc{top:4px;height:70px}}.title{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:12px}.title .enTitle{color:#1ea1f3;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}@media (max-width: 550px){.title .enTitle{margin-bottom:12px}}.title h2{color:#172121;font-size:3rem;font-weight:700;line-height:3.5rem;letter-spacing:.2rem;text-align:center}@media (max-width: 550px){.title h2{width:300px;font-size:2.6rem;line-height:3.5rem;letter-spacing:0}}.title .emojiText{margin:24px 0 0;font-size:1.5rem;line-height:1.5rem}@media (max-width: 550px){.title .emojiText{margin:12px 0 0}}button.book{display:flex;justify-content:center;align-items:center;width:250px;height:60px;margin:0 auto;background-color:#2563eb;border:none;border-radius:8px;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.1rem;animation:bookColor 2s ease-in-out infinite}@media (max-width: 1200px){button.book{height:50px}}@keyframes bookColor{0%{background-color:#2563eb}50%{background-color:#ffeea2;border:2px solid #2563eb;color:#2563eb}to{background-color:#2563eb}}#kV{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;overflow:hidden}@media (max-width: 500px){#kV{display:none}}#kV .kvImg{display:block;position:relative;z-index:1;width:auto;height:auto;margin:0 auto}@media (max-width: 1920px){#kV .kvImg{height:100vh}}#kV .kvImgLeft{position:absolute;top:40%;left:30%;z-index:2}@media (max-width: 1920px){#kV .kvImgLeft{left:20%}}@media (max-width: 1450px){#kV .kvImgLeft{left:15%;width:25vh}}@media (max-width: 1200px){#kV .kvImgLeft{left:5%;width:15vh}}@media (max-width: 780px){#kV .kvImgLeft{left:5%;width:10vh}}#kV .kvImgRight{position:absolute;top:50%;right:30%;z-index:2}@media (max-width: 1920px){#kV .kvImgRight{right:20%}}@media (max-width: 1450px){#kV .kvImgRight{right:15%;width:25vh}}@media (max-width: 1200px){#kV .kvImgRight{right:5%;width:15vh}}@media (max-width: 780px){#kV .kvImgRight{right:5%;width:10vh}}#kV .kvTitle{position:absolute;bottom:64px;z-index:3;width:100%;max-width:744px}@media (max-width: 1920px){#kV .kvTitle{bottom:48px}}@media (max-width: 1450px){#kV .kvTitle{max-width:540px}}@media (max-width: 1200px){#kV .kvTitle{bottom:32px}}#kV button.book{position:absolute;bottom:64px;z-index:9}@media (max-width: 1450px){#kV button.book{bottom:48px}}#kVmobile{display:none;position:relative;width:100%;height:auto}@media (max-width: 500px){#kVmobile{display:flex;justify-content:center;align-items:center}}#kVmobile .kvImg{position:relative;z-index:0;width:100%;margin:0 auto}#kVmobile .kvTitle{position:absolute;bottom:48px;z-index:1;width:100%;max-width:744px}@media (max-width: 1200px){#kVmobile .kvTitle{width:90%}}@media (max-width: 550px){#kVmobile .kvTitle{bottom:80px}}#kVmobile button.book{position:absolute;bottom:5%;z-index:2}@media (max-width: 550px){#kVmobile button.book{bottom:72px}}.hrboxImg{width:100%;height:64px;margin:0 auto;background:url(../images/bottom.png) repeat}#mainTop{box-sizing:border-box;width:100%;height:auto;margin:0 auto;padding:64px 24px 12px}#mainTop .mainText{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;max-width:750px;margin:0 auto}#mainTop .mainText p{margin:16px auto;font-weight:700;line-height:2rem;text-align:center}@media (max-width: 1920px){#mainTop .mainText p{margin:8px auto}}@media (max-width: 550px){#mainTop .mainText p{margin:2px auto}}.mobileA{display:none}@media (max-width: 500px){.mobileA{display:flex;position:relative;z-index:2;justify-content:center;align-items:center}}#how{display:flex;position:relative;z-index:1;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:842px;padding:0 24px;background:url(../images/section-3.png) no-repeat center center}@media (max-width: 500px){#how{margin-top:-120px;padding:32px 24px 0}}#how .leftImg{position:absolute;top:0;left:12vw;width:100%;max-width:572px;transition:.3s}@media (max-width: 1920px){#how .leftImg{left:2vw}}@media (max-width: 1440px){#how .leftImg{max-width:520px}}@media (max-width: 1200px){#how .leftImg{display:none}}#how .rightImg{position:absolute;right:15vw;bottom:0;width:100%;max-width:450px;transition:.3s}@media (max-width: 1920px){#how .rightImg{right:60px}}@media (max-width: 1440px){#how .rightImg{right:20px;max-width:400px}}@media (max-width: 1200px){#how .rightImg{display:none}}#how .mainText{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;max-width:750px;margin:0 auto}#how .mainText p{margin:16px auto;font-weight:700;line-height:2rem;text-align:center}#how .bgBlue{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;max-width:750px;min-height:50px;padding:4px 12px;background-color:#96d6ff;border-radius:4px;font-weight:700;line-height:1.5rem;margin-top:12px}#how .bgYellow{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;max-width:750px;min-height:50px;padding:4px 12px;background-color:#ffeea2;border-radius:4px;font-weight:700;line-height:1.5rem;margin-top:12px}#how .main{position:relative;z-index:2}.mobileB{display:none}@media (max-width: 500px){.mobileB{display:flex;position:relative;z-index:2;justify-content:center;align-items:center;margin-top:-80px}}#date{display:flex;position:relative;z-index:1;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:842px;padding:0 24px;background:url(../images/section-4.png) no-repeat center center}@media (max-width: 500px){#date{margin-top:-100px;min-height:620px;background-size:cover;margin-bottom:20px}}#date .dateLine{display:flex;justify-content:center;align-items:center;width:100%;margin:24px auto 0 24px;overflow:scroll;gap:12px}@media (max-width: 1200px){#date .dateLine{justify-content:flex-start}}#date .dateLine .dateBox{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:150px;min-width:150px;height:300px;background-color:#96d6ff;border-radius:4px;animation:dateBoxLoop 5s infinite}#date .dateLine .dateBox p{width:120px;font-size:1rem;font-weight:700;line-height:1.5rem;text-align:center}#date .dateLine .dateBox p span{font-size:2rem;line-height:2.5rem}#date .dateLine .dateBox p .small{font-size:.7rem;line-height:1rem}#date .dateLine .dateBox:nth-of-type(1){animation-delay:0s}#date .dateLine .dateBox:nth-of-type(2){animation-delay:1s}#date .dateLine .dateBox:nth-of-type(3){animation-delay:2s}#date .dateLine .dateBox:nth-of-type(4){animation-delay:3s}#date .dateLine .dateBox:nth-of-type(5){animation-delay:4s}@keyframes dateBoxLoop{0%{background-color:#ffeea2}19.999%{background-color:#ffeea2}20%{background-color:#96d6ff}to{background-color:#96d6ff}}#misson{display:flex;position:relative;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:64px 0;background-color:#fff6cd}@media (max-width: 550px){#misson{padding:48px 0}}#misson button.book{margin-top:32px}@media (max-width: 550px){#misson button.book{margin-top:12px}}#misson .notice{box-sizing:border-box;width:100%;max-width:750px;margin:0 auto;padding:32px 24px;font-size:12px;font-weight:300;line-height:16px;text-align:center}@media (max-width: 550px){#misson .notice{padding:20px 24px}}.swiper{width:100%;max-width:1600px;height:auto;margin:32px auto 0}@media (max-width: 550px){.swiper{margin:24px auto 0}}.swiper .swiper-wrapper{margin:0 auto 32px}.swiper .swiper-slide{margin-bottom:32px}@media (max-width: 550px){.swiper .swiper-slide{margin-bottom:12px}}.swiper .swiper-slide .inside{display:flex;flex-direction:column;justify-content:center;align-items:center}.swiper .swiper-slide .inside .detile{font-size:20px;font-weight:700;line-height:32px;text-align:center;margin-top:20px}@media (max-width: 550px){.swiper .swiper-slide .inside .detile{margin-top:12px}}.swiper .swiper-slide .inside img{display:block;width:300px;height:auto;margin:0 auto;-o-object-fit:cover;object-fit:cover}@media (max-width: 500px){.swiper .swiper-slide .inside img{max-width:200px}}.swiper .swiper-pagination-bullet-active{background:#1ea1f3;opacity:var(--swiper-pagination-bullet-opacity, 1)}#news{display:flex;position:relative;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;margin:0 auto;padding:64px 0;background-color:transparent}@media (max-width: 500px){#news{margin-top:20px}}@media (max-width: 500px){#news{padding:32px 0 20px}}#news .title{margin-bottom:64px}@media (max-width: 500px){#news .title{margin-bottom:32px}}#news .wowNews{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;box-sizing:border-box;width:100%;max-width:1600px;height:auto;gap:32px}@media (max-width: 1450px){#news .wowNews{gap:24px}}@media (max-width: 550px){#news .wowNews{padding:0 24px}}#news .wowNews .newsslide{display:flex;flex-direction:column;max-width:512px;text-align:center}@media (max-width: 1200px){#news .wowNews .newsslide{max-width:500px}}@media (max-width: 1000px){#news .wowNews .newsslide{width:100%}}#news .wowNews .newsslide img{display:block;width:100%;height:auto;border-radius:10px;-o-object-fit:cover;object-fit:cover}#news .wowNews .newsslide .swtitle{display:flex;justify-content:center;align-items:center;width:100%;margin:24px 0;font-size:24px;font-weight:700;line-height:32px}@media (max-width: 500px){#news .wowNews .newsslide .swtitle{flex-direction:column;width:90%;margin:12px auto}}#news .wowNews .newsslide .swinfo{display:block;margin:0 auto;font-size:16px;font-weight:300;line-height:24px}#news .wowNews .newsslide .btnmore{display:flex;justify-content:center;align-items:center;width:auto;height:40px;margin:40px auto;padding:0 20px;border:1px solid #1ea1f3;border-radius:5px;color:#1ea1f3;transition:.3s;opacity:.5}@media (max-width: 500px){#news .wowNews .newsslide .btnmore{margin:20px auto}}#news .wowNews .newsslide:hover .btnmore{transition:.3s;opacity:1;cursor:pointer}@keyframes beat{to{transform:scale(1.3)}}#news .pagination button{margin:64px 4px;padding:10px 20px;background-color:transparent;border:1px solid #1ea1f3;border-radius:5px;color:#1ea1f3;transition:background-color .3s;cursor:pointer}#news .pagination button.active{background-color:#1ea1f3;border:1px solid #1ea1f3;color:#fff}#news .pagination button:hover:not(.active){background-color:#f0f0f0;color:#1ea1f3}#notice{display:flex;position:relative;z-index:1;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;margin:0 auto;padding:64px 24px;background-color:#e0f0fd}@media (max-width: 500px){#notice{padding:32px 0}}#notice .noticeTitle{font-size:16px}#notice .notice{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:32px 24px 0;font-size:12px;font-weight:300;line-height:16px;text-align:justify}.footer{position:relative;z-index:1;width:100%;height:auto;padding:24px 0;background-color:#172121}.footer .mainFooter{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:0 24px;gap:24px}@media (max-width: 1450px){.footer .mainFooter{max-width:1200px}}@media (max-width: 780px){.footer .mainFooter{justify-content:center;max-width:300px}}.footer .mainFooter #footerLogo{display:block;max-width:125px;height:auto}.footer .mainFooter .socialMedia{display:flex;justify-content:center;align-items:center;gap:16px}.footer .mainFooter .socialMedia img{width:100%;max-width:24px;opacity:.7}.footer .mainFooter p{color:#f0f0f0;font-size:11px;text-align:center}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:20px}@media (max-width: 768px){html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:16px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
