@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap";p{margin:0;padding:0}html{scroll-behavior:smooth}.bodyFixed{overflow:hidden}body{font-family:"Noto Sans TC",sans-serif;overflow-x:hidden}main>div{overflow-x:hidden}.pc__only{display:block}@media(max-width: 768px){.pc__only{display:none}}.mb__only{display:none}@media(max-width: 768px){.mb__only{display:block}}.pc__only--flex{display:none}@media screen and (min-width: 993px){.pc__only--flex{display:flex}}img{vertical-align:middle}section{position:relative}section h2{font-size:35px;line-height:42px;color:#d70c18;margin:0;padding:0;font-family:"Noto Sans TC",sans-serif;font-weight:500;letter-spacing:.025rem}@media(max-width: 768px){section h2{font-size:30px;line-height:41px}}section .sound{width:24px;cursor:pointer;display:inline-block;margin:20px auto 0}@media(max-width: 768px){section .sound{width:20px;margin:15px auto 0}}section .sound img{width:100%}section .scroll{cursor:pointer}section .scroll:hover svg,section .scroll:hover img{-webkit-animation-play-state:paused;animation-play-state:paused}section .scroll svg,section .scroll img{width:42px;position:absolute;bottom:35px;left:50%;transform:translateX(-50%);transition:.3s;z-index:3;-webkit-animation:scroll_icon .5s linear infinite alternate;animation:scroll_icon .5s linear infinite alternate}@media(max-width: 768px){section .scroll svg,section .scroll img{width:25px;bottom:35px}}@-webkit-keyframes scroll_icon{0%{bottom:35px}100%{bottom:20px}}@keyframes scroll_icon{0%{bottom:35px}100%{bottom:20px}}section .btn{position:relative;display:inline-block;min-width:115px}@media screen and (min-width: 375px){section .btn{min-width:135px}}@media screen and (min-width: 768px){section .btn{min-width:144px}}@media screen and (max-width: 1200px){.section-kv{padding-bottom:50px}}.section-kv .bg{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;max-height:calc(100vh - 0px);-o-object-position:bottom center;object-position:bottom center}.section-kv .bg.pc{display:block}@media(max-width: 600px){.section-kv .bg.pc{display:none}}@media(width: 820px){.section-kv .bg.pc{display:none}}@media(width: 768px){.section-kv .bg.pc{display:none}}@media(width: 912px){.section-kv .bg.pc{display:none}}.section-kv .bg.mb{display:none}@media(max-width: 600px){.section-kv .bg.mb{display:block}}@media(width: 820px){.section-kv .bg.mb{display:block}}@media(width: 768px){.section-kv .bg.mb{display:block}}@media(width: 912px){.section-kv .bg.mb{display:block}}@media(max-width: 768px){.section-kv .bg{-o-object-position:bottom center;object-position:bottom center;min-height:calc(60vh - 0px)}}.section-kv .logo{max-width:105px;width:100%;position:absolute;top:24px;left:34px}@media(max-width: 768px){.section-kv .logo{top:20px;left:15px}}.section-info{padding:80px 20px;text-align:center;min-height:100vh;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}@media(max-width: 768px){.section-info{padding:50px 20px}}@media screen and (max-width: 499px){.section-info h2{max-width:85%;margin:auto}}.section-info .con{position:relative;z-index:1}.section-info .con .item p{color:#3e3a39;font-size:17px;line-height:30px;letter-spacing:.025rem;margin:80px 0 100px}@media(max-width: 768px){.section-info .con .item p{line-height:25px;margin:40px 0 60px}}.section-compare{padding:80px 20px;text-align:center;position:relative;min-height:100vh;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}@media(max-width: 768px){.section-compare{padding:50px 20px}}.section-compare>div{max-width:1200px;margin:auto;width:100%}.section-compare .title{position:relative;z-index:2;width:100%}.section-compare .circle{position:absolute;top:30vh;left:50%;width:80%;z-index:0;transform:translate(-50%, -50%);-webkit-animation:compare_circle 2s infinite linear forwards;animation:compare_circle 2s infinite linear forwards;transform-origin:bottom}@media(max-width: 1000px){.section-compare .circle{top:10vh}}@-webkit-keyframes compare_circle{0%{opacity:0;transform:translate(-50%, -50%) scale(0.7)}60%{opacity:1}80%{opacity:1}100%{transform:translate(-50%, -50%) scale(1.3);opacity:0}}@keyframes compare_circle{0%{opacity:0;transform:translate(-50%, -50%) scale(0.7)}60%{opacity:1}80%{opacity:1}100%{transform:translate(-50%, -50%) scale(1.3);opacity:0}}.section-compare .bg{width:100%;position:absolute;bottom:-1px;left:0;z-index:1;max-height:100%;min-height:100%}.section-compare .bg.pc{display:none}@media(min-width: 1000px){.section-compare .bg.pc{display:block}}.section-compare .bg.mb{display:block}@media(min-width: 1000px){.section-compare .bg.mb{display:none}}.section-compare .con{position:relative;z-index:1;margin:100px auto 100px;display:flex;align-items:center;justify-content:space-evenly;max-width:1200px;padding:30px 0}@media(max-width: 768px){.section-compare .con{margin-bottom:60px}}@media(max-width: 500px){.section-compare .con{justify-content:space-between}}.section-compare .con .line{position:absolute;bottom:-15vw;width:200vw;left:50%;transform:translateX(-50%);-webkit-animation:line infinite 8s ease-in-out alternate;animation:line infinite 8s ease-in-out alternate;transform-origin:center}@media(max-width: 500px){.section-compare .con .line{bottom:-10vw;-webkit-animation:line infinite 5s ease-in-out alternate;animation:line infinite 5s ease-in-out alternate}}@-webkit-keyframes line{0%{transform:translateX(-30%) rotateX(0deg)}100%{transform:translateX(-60%) rotateX(20deg)}}@keyframes line{0%{transform:translateX(-30%) rotateX(0deg)}100%{transform:translateX(-60%) rotateX(20deg)}}.section-compare .con .icon{position:absolute;width:80px;left:50%;top:45%;transform:translate(-50%, -50%)}@media(max-width: 768px){.section-compare .con .icon{width:40px}}.section-compare .con .item{max-width:230px;max-height:230px;width:230px;margin:0 20px;height:230px;cursor:pointer;display:flex;background-color:#fff;align-items:center;justify-content:center;border-radius:50%;transition:.3s;filter:drop-shadow(0 0 0.75rem rgba(255, 165, 92, 0.852))}@media(min-width: 769px){.section-compare .con .item:hover{transform:translateY(-10px);filter:drop-shadow(0 0 0.8rem rgba(255, 246, 231, 0.5))}}@media(max-width: 768px){.section-compare .con .item{max-width:140px;max-height:140px;width:140px;margin:0 0px;height:140px}}.section-compare .con .item p{font-size:30px;line-height:36px;color:#f67234;font-weight:600;letter-spacing:.025rem}@media(max-width: 768px){.section-compare .con .item p{font-size:18px;line-height:21.6px}}.section-compare .con .item.active .loader_1{display:block}.section-compare .con .item .loader_1{width:7px;height:7px;border-radius:50%;display:none;margin:15px auto;position:absolute;top:60px;color:#f67234;box-sizing:border-box;-webkit-animation:animloader_1 1s linear infinite alternate;animation:animloader_1 1s linear infinite alternate}@-webkit-keyframes animloader_1{0%{box-shadow:-20px -12px,-7px 0,7px 0,20px 0}33%{box-shadow:-20px 0px,-7px -12px,7px 0,20px 0}66%{box-shadow:-20px 0px,-7px 0,7px -12px,20px 0}100%{box-shadow:-20px 0,-7px 0,7px 0,20px -12px}}@keyframes animloader_1{0%{box-shadow:-20px -12px,-7px 0,7px 0,20px 0}33%{box-shadow:-20px 0px,-7px -12px,7px 0,20px 0}66%{box-shadow:-20px 0px,-7px 0,7px -12px,20px 0}100%{box-shadow:-20px 0,-7px 0,7px 0,20px -12px}}@media(max-width: 768px){.section-compare .con .item .loader_1{top:28px;width:6px;height:6px}@-webkit-keyframes animloader_1{0%{box-shadow:-17px -12px,-6px 0,6px 0,17px 0}33%{box-shadow:-17px 0px,-6px -12px,6px 0,17px 0}66%{box-shadow:-17px 0px,-6px 0,6px -12px,17px 0}100%{box-shadow:-17px 0,-6px 0,6px 0,17px -12px}}@keyframes animloader_1{0%{box-shadow:-17px -12px,-6px 0,6px 0,17px 0}33%{box-shadow:-17px 0px,-6px -12px,6px 0,17px 0}66%{box-shadow:-17px 0px,-6px 0,6px -12px,17px 0}100%{box-shadow:-17px 0,-6px 0,6px 0,17px -12px}}}@supports(-webkit-touch-callout: none){.section-compare .con .item .loader_1{top:60px}}.section-podcast{padding:80px 20px;text-align:center;min-height:100vh;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;background-color:#fff}@media(max-width: 768px){.section-podcast{padding:100px 20px 50px}}.section-podcast .up{max-width:50%;position:absolute;top:-1px;left:-3%}.section-podcast .down{max-width:20%;position:absolute;bottom:0;right:0}.section-podcast .circle{position:absolute;bottom:0;left:50%;width:80%;transform:translateX(-50%);z-index:0;-webkit-animation:circle 2s infinite linear forwards;animation:circle 2s infinite linear forwards;transform-origin:bottom}@-webkit-keyframes circle{0%{opacity:0;transform:translateX(-50%) scale(0.7)}60%{opacity:1}80%{opacity:1}100%{transform:translateX(-50%) scale(1.3);opacity:0}}@keyframes circle{0%{opacity:0;transform:translateX(-50%) scale(0.7)}60%{opacity:1}80%{opacity:1}100%{transform:translateX(-50%) scale(1.3);opacity:0}}.section-podcast .con{max-width:1200px;display:flex;position:relative;z-index:1;margin:40px auto 60px;justify-content:space-evenly}@media(max-width: 768px){.section-podcast .con{flex-wrap:wrap;margin:40px auto 40px}}.section-podcast .con .item{width:calc(33.3333% - 20px);text-align:center;padding:20px;margin:10px}@media(max-width: 768px){.section-podcast .con .item{margin:0 0px 80px 0px;padding:0;width:calc(100% - 0px)}}.section-podcast .con .item h3{margin:40px 0 20px;padding:0;font-size:20px;line-height:30px}.section-podcast .con .item p{font-size:17px;line-height:24px;color:#666}@media(max-width: 768px){.section-podcast .con .item p{padding:0 10px}}.section-podcast .con .item img{width:100%;max-width:230px;display:inline-block}@media(max-width: 768px){.section-podcast .con .item img{max-width:200px}}.section-podcast .con .item .btn{margin-top:30px;padding:0}.section-podcast .con .item .btn a{font-size:17px;display:block;padding:10px 30px;background-color:#d70c18;border-radius:24px;border:1px solid #d70c18;line-height:24px;color:#fff;letter-spacing:.025rem;transition:.3s}.section-podcast .con .item .btn a:hover{background-color:#fff;color:#d70c18}.section-experience{padding:80px 20px;text-align:center;background-color:#f9c198;min-height:100vh;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}@media(max-width: 768px){.section-experience{padding:50px 20px 120px}}.section-experience .bg{position:absolute;bottom:-10%;left:0;width:100%;z-index:0}@media(max-width: 768px){.section-experience .bg{bottom:0%}}.section-experience .icon{position:absolute;bottom:80px;right:40px;max-width:100px;z-index:1;-webkit-animation:experience_music 2.4s alternate infinite linear;animation:experience_music 2.4s alternate infinite linear}@media(max-width: 768px){.section-experience .icon{bottom:30px;right:20px;max-width:60px}}@-webkit-keyframes experience_music{0%{transform:rotate(5deg) scale(1)}100%{transform:rotate(-5deg) scale(1.2)}}@keyframes experience_music{0%{transform:rotate(5deg) scale(1)}100%{transform:rotate(-5deg) scale(1.2)}}.section-experience .con{position:relative;z-index:1;max-width:1200px;margin:auto}.section-experience .infoCon{margin-top:30px}@media(max-width: 768px){.section-experience .infoCon{margin-top:20px}}.section-experience .infoCon p{color:#3e3a39;font-size:17px;line-height:20px}.section-experience .btnCon{max-width:400px;margin-top:20px}@media(max-width: 768px){.section-experience .btnCon{margin-top:0}}.section-experience .btnCon img{width:100%}.section-experience .btnCon .btn{margin-top:40px;margin-bottom:80px}@media(max-width: 768px){.section-experience .btnCon .btn{margin-top:80px;margin-bottom:0px}}.section-experience .btnCon .btn.mb{display:none}@media(max-width: 768px){.section-experience .btnCon .btn.mb{display:block}}.section-experience .btnCon .btn.pc{display:block}@media(max-width: 768px){.section-experience .btnCon .btn.pc{display:none}}.section-experience .btnCon .btn a{color:#fff;font-size:20px;padding:12px 36px;color:#fff;border-radius:50px;letter-spacing:.025rem;background-color:#d70c18;border:1px solid #d70c18;transition:.3s}.section-experience .btnCon .btn a:hover{color:#d70c18;font-size:20px;background-color:#fff}.section-experience .stepCon{max-width:800px;display:flex;align-items:center;margin-top:30px}@media(max-width: 499px){.section-experience .stepCon{flex-wrap:wrap;margin-top:20px}}.section-experience .stepCon .item{width:90%}@media(max-width: 768px){.section-experience .stepCon .item{width:100%}}.section-experience .stepCon .item img{width:100%}.section-special{padding:80px 20px;text-align:center;background-color:#f9c198;min-height:80vh;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}@media(max-width: 768px){.section-special{padding:80px 20px 80px}}.section-special .con{position:relative;z-index:1;max-width:1200px;margin:auto}.section-special .infoCon{margin-top:30px}@media(max-width: 768px){.section-special .infoCon{margin-top:20px}}.section-special .infoCon p{color:#3e3a39;font-size:17px;line-height:20px}.section-special .infoCon img{width:90%;max-width:400px;margin-top:40px}.section-special .btnCon{max-width:400px;margin-top:0px}@media(max-width: 768px){.section-special .btnCon{margin-top:0}}.section-special .btnCon img{width:100%}.section-special .btnCon .btn{margin-top:40px;margin-bottom:0px}@media(max-width: 768px){.section-special .btnCon .btn{margin-top:40px;margin-bottom:0px}}.section-special .btnCon .btn.mb{display:none}@media(max-width: 768px){.section-special .btnCon .btn.mb{display:block}}.section-special .btnCon .btn.pc{display:block}@media(max-width: 768px){.section-special .btnCon .btn.pc{display:none}}.section-special .btnCon .btn a{color:#fff;font-size:20px;padding:12px 36px;color:#fff;border-radius:50px;letter-spacing:.025rem;background-color:#d70c18;border:1px solid #d70c18;transition:.3s}.section-special .btnCon .btn a:hover{color:#d70c18;font-size:20px;background-color:#fff}.section-fixed{background-color:#d70c18;position:fixed;bottom:-150px;left:0;width:100%;z-index:9;transition:.5s;text-align:center}.section-fixed a{padding:10px 20px;display:inline-block}.section-fixed a,.section-fixed p{color:#fff;font-size:17px;line-height:20px}.section-fixed span{margin:0 5px}.section-slick{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.section-slick .con img{width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}.section-audio{position:absolute;height:0;top:-100%;left:-100%}.section-loading{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10;background:#f5b57d;display:flex;align-items:center;justify-content:center;text-align:center;transition:.3s}.section-loading p{color:#d70c18;margin:0;padding:0}.section-loading .btn{display:none;cursor:pointer;width:200px;height:200px;align-items:center;justify-content:center;position:absolute;color:#d70c18;top:50%;left:50%;font-size:18px;transform:translate(-50%, -50%);letter-spacing:.05rem;z-index:100}.section-loading .loader{width:200px;height:200px;display:inline-block;position:relative}.section-loading .loader:hover::after{-webkit-animation-play-state:running;animation-play-state:running}.section-loading .loader::after{content:"";box-sizing:border-box;width:200px;height:200px;border-radius:50%;border:2px solid #fff;position:absolute;left:0;top:0;transform:scale(0);background-color:#fff;-webkit-animation:animloader_2 1s linear infinite forwards;animation:animloader_2 1s linear infinite forwards;-webkit-animation-play-state:paused;animation-play-state:paused}@media(max-width: 768px){.section-loading .loader::after{-webkit-animation-play-state:running;animation-play-state:running}}.section-loading .loader::before{content:"";box-sizing:border-box;width:200px;height:200px;border-radius:50%;border:2px solid #fff;position:absolute;left:0;top:0;transform:scale(0.8);filter:drop-shadow(0 0 0.7rem rgba(255, 251, 248, 0.6));background-color:#fff}@-webkit-keyframes animloader_2{0%{transform:scale(0.7);opacity:.5}100%{transform:scale(1.25);opacity:0}}@keyframes animloader_2{0%{transform:scale(0.7);opacity:.5}100%{transform:scale(1.25);opacity:0}}@-webkit-keyframes animloader_3{0%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}@keyframes animloader_3{0%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}.section-loading .loader2{width:100px;height:100px;display:none;position:relative}.section-loading .loader2::after,.section-loading .loader2::before{content:"";box-sizing:border-box;width:100px;height:100px;border-radius:50%;border:2px solid #fff;position:absolute;left:0;top:0;transform:scale(0);background-color:#fff;-webkit-animation:animloader_4 1s linear infinite forwards;animation:animloader_4 1s linear infinite forwards}.section-loading .loader2::after{-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes animloader_4{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}@keyframes animloader_4{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}footer{background-color:#f6b57c;text-align:center;padding:30px 15px 60px;position:relative;z-index:3}footer p{color:#666;font-size:14px}footer a{color:#666;border-bottom:#666 1px solid;transition:.3s;font-size:14px}footer a:hover{opacity:.7}.fixBtn{position:fixed;bottom:55px;right:2%;width:80px;height:80px;background-color:#d70c18;border:1px #d70c18 solid;z-index:10;border-radius:90px;display:flex;justify-content:center;align-items:center;transition:.3s;filter:drop-shadow(0 0 0.75rem rgba(255, 165, 92, 0.8))}@media(min-width: 769px){.fixBtn:hover{transform:translateY(-10px);background-color:#fff;color:#d70c18;filter:drop-shadow(0 0 0.75rem rgba(255, 255, 255, 0.7))}.fixBtn:hover a{color:#d70c18}}.fixBtn a{color:#fff;text-align:center;font-size:14px}.fixBtn a:hover{color:#d70c18}/*# sourceMappingURL=style.css.map */