*{font-family:Roboto,sans-serif}.nav_container{align-items:center;background-color:#313237;border-radius:100px;box-shadow:0 0 3px rgba(87,196,220,.5);display:flex;height:4rem;justify-content:space-between;left:50%;padding:.5rem 1rem;position:fixed;top:1.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:74.5%;z-index:5}.nav_container margin{left:1.5rem;right:1.5rem}.nav_container .nav_menu_button{display:none}.nav_container .logo{height:70%;left:40px;position:absolute}.nav_container .nav_menu{position:absolute;right:40px}.nav_container .nav_menu .nav_link{border-radius:25px;color:#fff;font-size:1.2rem;font-weight:700;margin-right:10px;padding:.5rem 1.5rem;position:relative;text-decoration:none}.nav_container .nav_menu .nav_link:hover{color:#cecece}@media screen and (max-width:768px){.nav_container{height:4rem}.nav_container .nav_menu{display:none}.nav_container .nav_menu_button{border-radius:25px;color:#fff;display:block;font-size:1.5rem;font-weight:700;padding-bottom:.5rem;padding-left:1.5rem;padding-top:.5rem;position:absolute;right:40px;text-decoration:none}.nav_container .nav_menu_button svg{height:1.5rem;width:1.5rem}}.nav_menu_list{background-color:#3e8550;border-radius:15px;display:flex;flex-direction:column;position:absolute;right:-.5rem;top:4rem;word-break:keep-all}.nav_menu_list .nav_menu_item{border-bottom:1px solid #254f2f;box-sizing:border-box;color:#fff;font-size:20px;padding:10px 20px;text-decoration:none}.nav_menu_list .nav_menu_item:hover{color:#3e8550}.banner_container{background-image:url(/static/media/background.97c1fefbb1ddc243eda3.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;word-break:keep-all}.banner_container,.banner_container .row{align-items:center;display:flex;justify-content:center}.banner_container .row{background-color:rgba(0,0,0,.7);height:100%;width:100%}.banner_container .row .title{align-items:center;color:#fff;font-size:2.5rem;font-weight:700;justify-content:center;text-align:center}.banner_container .row .title h2{margin-bottom:30px}.banner_container .row .title a{background:#57ba70;border-radius:40px;color:#fff;font-size:1.5rem;font-weight:700;margin-right:10px;padding:1rem 3rem;position:relative;text-decoration:none}.banner_container .row .title a:hover{background-color:#3e8550}@media screen and (max-width:768px){.banner_container .row .title{font-size:1.5rem}}.intro_container{background-color:#313237;border-radius:50px;box-shadow:0 0 15px rgba(102,220,87,.5);color:#fff;display:block;line-height:2;margin:50px auto 0;padding:40px;width:75%}.intro_container p{font-size:20px;letter-spacing:2px;margin:30px}.intro_container h1{line-height:1;margin-left:1rem}@media screen and (max-width:768px){.intro_container{border-radius:25px;box-sizing:border-box;padding:40px 10px 10px;width:90%}.intro_container h1{font-size:30px}.intro_container p{font-size:15px;letter-spacing:1px;margin:20px}}.footer_container{align-items:center;background-color:#313237;border-radius:50px 50px 0 0;box-shadow:0 0 15px rgba(102,220,87,.5);color:#fff;display:block;display:flex;justify-content:center;line-height:2;margin:50px auto 0;padding:40px;width:75%}.footer_container p{font-size:.7vw;letter-spacing:2px;margin:30px}@media screen and (max-width:768px){.footer_container{border-radius:25px 25px 0 0;padding:10px;width:90%}.footer_container h1{font-size:30px}.footer_container p{font-size:1.2vw;letter-spacing:1px;margin:20px}}.crew_container{background-color:#313237;border-radius:50px;box-shadow:0 0 15px rgba(102,220,87,.5);color:#fff;display:flex;justify-content:space-between;line-height:2;margin:50px auto 0;padding:40px;width:75%}.crew_container h1{line-height:1;margin-left:1rem}.crew_container p{font-size:20px;letter-spacing:2px}.crew_container .text{width:100%}.crew_container .member_card_container{align-items:center;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;justify-content:space-between;line-height:1.2;text-align:center;width:100%}.crew_container .member_card_container .member_card .member_image{border-radius:60px;height:100px;width:100px}@media screen and (max-width:768px){.crew_container{border-radius:25px;box-sizing:border-box;padding:30px;width:90%}.crew_container h1{font-size:30px}.crew_container p{font-size:15px;letter-spacing:1px;margin:20px}}.member_container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;line-height:1.2;margin:20px;text-align:center;width:100%;width:150px}.member_container .member_card .member_image{border-radius:60px;height:100px;width:100px}*{font-family:Noto Sans TC,sans-serif;margin:0;padding:0}.App{background-color:#ecefff}.container{align-items:center;padding:50px 40px}.end_lecture_container{background-color:#313237;border-radius:50px;box-shadow:0 0 15px rgba(102,220,87,.5);color:#fff;display:flex;flex-direction:column;line-height:2;margin:50px auto 0;padding:40px;width:75%}.end_lecture_container p{font-size:20px;letter-spacing:2px;margin:30px}.end_lecture_container h1{line-height:1;margin-left:1rem}.end_lecture_container .end_lecture_photos{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap}.end_lecture_container .end_lecture_photos img{margin:10px;width:400px}.end_lecture_container .title{position:-webkit-sticky;position:sticky}@media screen and (max-width:768px){.end_lecture_container{border-radius:25px;box-sizing:border-box;padding:30px;width:90%}.end_lecture_container h1{font-size:30px}.end_lecture_container p{font-size:15px;letter-spacing:1px;margin:20px}.end_lecture_container .end_lecture_photos{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap}.end_lecture_container .end_lecture_photos img{margin:10px;width:200px}}.join_container{background-color:#313237;border-radius:50px;box-shadow:0 0 15px rgba(102,220,87,.5);color:#fff;display:block;line-height:2;margin:50px auto 0;padding:40px;width:75%}.join_container p{font-size:20px;letter-spacing:2px;margin:30px}.join_container h1{line-height:1;margin-left:1rem}.join_container .join_us{background:#57ba70;border-radius:25px;color:#fff;font-size:1.5rem;font-weight:700;margin-left:30px;padding:.5rem 1.5rem;position:relative;text-decoration:none}.join_container .join_us:hover{background-color:#3e8550}@media screen and (max-width:768px){.join_container{border-radius:25px;padding:40px 10px;width:90%}.join_container h1{font-size:30px}.join_container p{font-size:15px;letter-spacing:1px;margin:20px}}
/*# sourceMappingURL=main.be8a2e44.css.map*/