@import"https://fonts.googleapis.com/css2?family=Barlow&display=swap";.page-content{padding-top:65px}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;-webkit-user-select:none;user-select:none}.nav{width:100%;display:flex;background-color:#000;height:65px;align-items:center;justify-content:space-between;position:fixed;z-index:1000}.icon{margin-left:10px;font-size:2rem;color:#eae4d5}.right-link{margin-right:10px;display:flex;justify-content:space-between;gap:10px;font-size:2rem;//1rem通常代表16px}.right-link a{border:1px solid #B6B09F;padding:.3rem;border-radius:5px}.middle-link{display:flex;justify-content:space-between;font-size:2rem;gap:10px;padding:5px}.middle-link a{line-height:80%;height:80%;border-right:1px solid #B6B09F;border-left:1px solid #B6B09F;padding:6px}nav a{color:#b6b09f}#logout_button{background:#000;border:1px solid #B6B09F;border-radius:5px;color:#eae4d5;cursor:pointer;padding:.3rem;font-size:2rem}#logout_button:hover,.nav a:hover{color:#f2f2f2;text-shadow:0 0 10px #F2F2F2}.moblie-nav{width:100%;background-color:#000;height:65px;display:flex;justify-content:space-between;align-items:center;padding-right:10px;position:fixed;z-index:1000;display:none}.ul-container{width:2.5rem;height:2.5rem;border-radius:10px;cursor:pointer}.ul-form{background-color:#e5b939;width:100%;height:100%;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;transition:.2s ease}.ul-form:hover{transform:scale(1.1);box-shadow:1px 1px 7px #c49b1c}.ul-form li{width:2rem;border:2px solid black;border-radius:10px}.ul-one{transform:translateY(3px) rotate(45deg)}.ul-two{display:none}.ul-three{transform:translateY(-6px) rotate(-45deg)}.mobile-content-menu{height:100vh;width:60%;background-color:#f6f3ee;z-index:1000;position:fixed;top:4rem;right:0;display:none}.mobile-content-container{margin-top:2rem;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;text-align:center}.mobile-content-container ul{display:flex;width:100%;max-width:200px;flex-direction:column;gap:2.5rem}.mobile-content-container li{width:100%;border-bottom:2px solid black;border-right:2px solid black;border-radius:5px;padding-bottom:.3rem;transition:.2s ease;color:#1f1f1f;background-color:#d4a017}.mobile-content-container li a{color:#000}.mobile-content-container li:hover{box-shadow:1px 1px 20px #c49b1c;transform:scale(1.1)}.mobile-content-container a{display:inline-block;//a連結只能透過inline-block來調寬度 color:#74512D;width:100%}.gery-block{position:fixed;top:4rem;left:0;width:40%;height:100%;background-color:#0009;display:none;cursor:pointer;z-index:1000}.block{display:block}@media (max-width: 786px){.nav{display:none}.moblie-nav{display:flex}}.hidden{display:none!important}.loading-form{display:flex;justify-content:center;align-items:center;background-color:none;width:40%;height:30%;position:fixed;top:40%;right:30%;z-index:1000}.loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:#ddd;color:#000;border-radius:15px}@media (max-width: 768px){.loading-form{width:100%;right:0%}}.background-cover{min-height:100vh;display:flex;flex-direction:coulum;align-items:flex-end}.footer-template{background-color:#000;width:100%;height:100%;justify-content:space-between;display:flex;flex-wrap:wrap;padding-top:1rem;padding-bottom:1rem}.footer-first-container,.footer-second-container,.footer-third-container{//border:2px solid white;width:300px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}[data-text]{transition:.2s ease;cursor:pointer}[data-text]:hover{transform:scale(1.2);text-shadow:0 0 10px #F2F2F2}@media (max-width:918px){.footer-first-container,.footer-second-container,.footer-third-container{width:100%}}.template-cover{height:100%}.image-container{height:30rem;width:100%;//background-color:yellow;margin-top:2rem;position:relative}.right-bottom{position:absolute;font-size:3rem;top:40%;right:5%;cursor:pointer;transition:.2s ease}.right-bottom:hover{transform:scale(1.2)}.left-bottom{position:absolute;font-size:3rem;top:40%;left:5%;cursor:pointer;transition:.2s ease}.left-bottom:hover{transform:scale(1.2)}[data-main-information]{display:flex;justify-content:center;align-items:center;height:100%;width:100%;flex-wrap:wrap;flex-direction:column;gap:1rem;font-size:2rem;padding-bottom:1.5rem;padding-top:1.5rem;background-color:gery}[data-p-container]{width:600px;max-width:100%;background-color:#0000001a;height:100%;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;text-align:center;padding-bottom:1rem;padding-top:1rem}.map-cover{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:wrap;background-color:#eaefef;margin-bottom:2rem}.map{max-width:100%;width:700px;height:350px;//background-color:blue;margin-left:2rem;margin-right:2rem;display:flex;justify-content:center;align-items:center}.information{max-width:100%;width:500px;height:350px;//background-color:blue;margin-right:2rem;margin-left:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.information-content{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;padding-left:30%;width:100%}.slide1{height:30rem;width:100%;background-image:url(/images/dani-ZLqxSzvVr7I-unsplash.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;display:none}.slide2{height:30rem;width:100%;background-image:url(/images/tim-mossholder-YC6RVdoTtIk-unsplash.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;display:none}.slide3{height:30rem;width:100%;background-image:url(/images/ian-dooley-DJ7bWa-Gwks-unsplash.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;display:none}.active{display:block}@media (max-width: 1128px){.map,.information{width:100%}}:root{--main-font:"Playwrite AU SA", cursive;--second-font:font-family: "Noto Sans TC", sans-serif}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;-webkit-user-select:none;user-select:none}.none{display:none}.title{padding-top:2rem;text-align:center;margin-bottom:1rem}.title h3{font-size:2.5rem}.template{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-image:url(/images/alexander-jawfox-F-6v14W67Ak-unsplash.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.show-login-form{width:100%;max-width:400px}.login-form{display:flex;flex-direction:column;gap:1.5rem;background:#d4c9bee6;backdrop-filter:blur(.2px);-webkit-backdrop-filter:blur(.2px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0003;border-radius:10px;position:relative}.show-forgot-password-form{width:100%;max-width:400px}.forgot-password-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;background:#d4c9bee6;backdrop-filter:blur(.2px);-webkit-backdrop-filter:blur(.2px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0003;border-radius:10px;height:440px}.email-label label{font-size:1.5rem}.return-login{cursor:pointer;color:#594100;font-size:1.1rem}.return-login:hover{color:#27548a;text-shadow:0px 0px 5px #6EACDA}label{font-family:var(--second-font);font-weight:700;margin-left:1rem;font-size:1.2rem}.username-template{padding-left:1rem}.username{margin-left:.6rem;padding-left:.2rem;border-radius:5px;padding:.2rem;outline:none;width:63%;transition:.1s ease;font-size:1.2rem;border:.1rem solid #666666}.username:focus{outline:.23rem solid #9A763F;filter:brightness(1.3);border:.1rem solid #543A1400}.password-template{padding-left:1rem}.password{margin-left:.6rem;padding-left:.2rem;border-radius:5px;padding:.2rem;outline:none;width:63%;transition:.1s ease;font-size:1.2rem;border:.1rem solid #666666}.password:focus{outline:.23rem solid #9A763F;filter:brightness(1.3);border:.1rem solid #543A1400}.username-open-eye,.username-close-eye{font-size:1.5rem;cursor:pointer;position:absolute;right:5.5%;bottom:65%}.password-open-eye,.password-close-eye{font-size:1.5rem;cursor:pointer;position:absolute;right:5.5%;bottom:48%}.notice-area{display:flex;justify-content:space-between;margin-right:3rem;padding-left:3rem;transition:transform .3s ease}.checkbox-container{display:flex;align-items:center}.checkbox{height:1rem;width:1rem}.checkbox-container label{font-family:var(--second-font);font-weight:700;cursor:pointer;font-size:1rem;color:#594100;-webkit-user-select:none;user-select:none}.notice-area a{color:#27548a}.notice-area a:hover{display:inline-block;text-shadow:0px 0px 5px #6EACDA;transform:scale(1.1)}.button-template{width:80%;margin-top:1rem;padding-bottom:rem;margin:auto}.button-template-forgot-password{width:80%}.register-form{width:100%;text-align:center;transition:transform .3s ease;margin-bottom:2rem}.resend-register-verification-form{padding-bottom:2rem}.register-form a,.resend-register-verification-form a{color:#27548a}.forgot-password-click{transition:transform .3s ease}.forgot-password-click label{cursor:pointer;color:#594100;font-size:1rem}.forgot-password-click label:hover{color:#27548a;display:inline-block;text-shadow:0px 0px 5px #6EACDA;transform:scale(1.1)}.register-form a:hover,.resend-register-verification-form a:hover{display:inline-block;text-shadow:0px 0px 5px #6EACDA;transform:scale(1.1)}*{margin:0;padding:0;box-sizing:boder-box;list-style:none;text-decoration:none}input{border:.1rem solid rgba(200,200,200,1);border-radius:5px;font-size:1.3rem;padding-left:.3rem;height:3rem}input:focus{outline:.23rem solid #9A763F;filter:brightness(1.3);border:.1rem solid #543A1400}.container{height:100%;display:flex;flex-direction:column;align-items:center;background-image:url(/images/pariwat-pannium-S8daAB_nJSg-unsplash.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}.Logo{font-size:1.5rem;margin-bottom:2rem;margin-top:2rem}.register-form-container{display:flex;flex-direction:column;align-items:center;gap:2rem;background:#d4c9becc;backdrop-filter:blur(.2px);-webkit-backdrop-filter:blur(.2px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0003;border-radius:10px;width:40%;margin-top:3%;margin-bottom:3%}.flex-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}.set-width{width:100%;margin-left:9%;margin-right:9%;margin-top:.5rem}#address{margin-bottom:2%}#sex{height:3rem;font-size:1.2rem;border-radius:5px;border:.1rem solid rgba(200,200,200,1)}#sex:focus{outline:.23rem solid #9A763F;filter:brightness(1.3);border:.1rem solid #543A1400}.register-button-template{width:80%;margin-top:1rem;padding-bottom:rem;margin:auto auto 5%}.button{width:100%;background-color:#1a1a1a;border-radius:10px;color:#efeeea;height:3rem;font-size:1.2rem}.button:hover{background-color:#4b3621;color:#efeeea;box-shadow:1px 1px 10px #131010}@media (max-width: 1024px){.register-form-container{width:70%}}@media (max-width: 768px){.register-form-container{width:100%}}.profile-cover{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#bf9264}.profile-container{width:900px;max-width:100%;height:auto;margin-bottom:2rem;margin-top:2rem}[data-title]{font-size:2rem;margin-top:2rem}.file-div{margin-right:2rem}[data-button-row]{display:flex;justify-content:center;align-items:center;gap:3rem;//background-color:yellow;width:900px;max-width:100%;flex-wrap:wrap}.button-row{margin-top:2rem}.register-button{margin-bottom:2rem}[data-form]{width:auto;max-width:100%;height:auto;background:#d4c9bee6;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0003;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;position:relative}[data-button]{width:400px;max-width:100%;border-radius:10px;height:45px;background-color:#1a1a1a;color:#efeeea;font-size:1.2rem;cursor:pointer}[data-button]:hover{background-color:#4b3621;color:#efeeea;box-shadow:1px 1px 10px #131010}[data-register-button]{width:300px;max-width:100%;border-radius:10px;height:45px;margin-bottom:3rem}[data-select-form]{width:450px;max-width:100%;border-radius:10px;height:45px}[data-input]{width:400px;max-width:100%;border-radius:10px;height:45px;cursor:pointer}#sex{height:45px;border-radius:10px}[data-label]{width:100%;cursor:pointer}[data-div-row-tow]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:900px;max-width:100%;gap:3rem}[data-div-row]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:450px;max-width:100%;gap:2rem}[data-div]{width:400px;max-width:100%;height:auto;border-radius:10px;gap:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}[data-check-container]{width:500px;max-width:100%;height:400px;background-color:#ddd;border-radius:10px;box-shadow:0 0 10px #000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}[data-check-container-label]{font-size:2rem}[data-check-button]{width:500px;max-width:100%;display:flex;justify-content:center;align-items:center;gap:5rem}[data-button-click]{width:180px;max-width:100%;height:50px;border-radius:10px;background-color:#1a1a1a;color:#efeeea;font-size:1.2rem;cursor:pointer}[data-button-click]:hover{background-color:#4b3621;color:#efeeea;box-shadow:1px 1px 10px #131010}@media (max-width: 860px){[data-input],[data-label],[data-div],[data-button],[data-register-button]{width:600px;max-width:100%}}[data-dashboard-container]{width:100%;height:100%;background-color:#254d70;display:flex}[data-side-nav]{width:30%;flex:.3;background-color:#ffffff80;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:3rem}[data-content]{width:70%;flex:1;display:flex;flex-direction:column;//background-color:grey}[data-board]{width:100%;height:100%;background-color:#254d70;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}[data-notice]{width:50px;height:50px;background-color:#fff;position:absolute;top:7%;left:5%;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;display:none}[data-dashboard-input-area]{display:flex;align-items:center;justify-content:center;width:100%;height:100px;margin-bottom:2rem;gap:.5rem}#search-input{transition:.5s ease-in-out}#data-dashboard-image{cursor:pointer}[data-board-label]{width:100%;text-align:center;font-size:4rem;height:100px;margin-top:2rem;text-shadow:0 2px 6px rgba(0,0,0,.15);color:#fff}[data-board-image]{width:100%;height:500px;background-image:url(/build/assets/ian-dooley-DJ7bWa-Gwks-unsplash-6wcbn7fr.jpg);background-position:center;background-size:cover;margin-top:2rem}[data-member-info]{width:100%;height:100%;display:flex;justify-content:space-between;align-content:center;flex-wrap:wrap;background-color:#eae4d5;border-radius:12px}[data-info-label]{font-size:1.5rem}[data-info]{width:300px;max-width:100%;height:450px;background-color:#dda853;margin:2rem;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;font-size:1.3rem;font-weight:700;color:#000;transition:.5s ease-in-out;box-shadow:0 2px 6px #0000000d;border:1px solid #c8c8c8}[data-info]:hover{transform:scale(1.1)}[data-dashboard-button-area]{display:flex;justify-content:center;align-items:center;gap:3rem;margin-top:2rem}[data-dashboard-button]{border:none;width:100px;max-width:100%;height:40px;border-radius:10px;cursor:pointer;background-color:transparent;border:2px solid #8c6e3f;color:#333;font-size:1.3rem;text-align:center;box-shadow:0 2px 6px #00000026;transition:all .3s ease}[data-dashboard-button]:hover{transform:scale(1.1);background-color:#8c6e3f;color:#fff}[data-mobile-nav]{position:fixed;top:60px;left:0;width:70%;background-color:#f1efec;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:start}[data-grey-area]{position:fixed;top:60px;right:0;width:30%;background-color:#80808099;height:100%;cursor:pointer}[data-mobile-nav-hidden]{margin-top:1rem;width:100%;max-width:100%;height:50px;//background-color:white;display:flex;justify-content:end;margin-right:2rem;align-items:center;cursor:pointer}[data-number-bar]{width:100%;height:auto;display:flex;justify-content:center;align-items:center;//background-color:yellow}[data-number]{width:400px;height:100px;max-width:100%;//background-color:blue;display:flex;justify-content:center;align-items:center}[data-number-ul]{width:400px;max-width:100%;height:70px;//background-color:white;display:flex;justify-content:center;align-items:center;gap:1rem}[data-number-li]{width:40px;max-width:100%;height:40px;background-color:#954c2e;display:flex;justify-content:center;align-items:center;border-radius:10px;border:2px solid black;transition:background-color .3s ease-in-out;font-size:1.5rem;font-weight:700;box-shadow:0 0 4px #000;color:#fff;cursor:pointer}[data-number-li]:hover{transform:scale(1.1)}#profile-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:100vh;overflow-y:auto;padding-bottom:4rem;padding-top:4rem;-webkit-overflow-scrolling:touch}#profile-container::-webkit-scrollbar{display:none}#button-row{margin-bottom:3rem}.hidden{display:none}@media (max-width: 976px){[data-content]{width:100%}[data-side-nav]{display:none}[data-notice]{display:flex;flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 725px){[data-info]{width:100%}#search-input:focus{width:300px}}.register_success_a,.register_success_h1{font-size:2rem}.register_verify_successsuccsee_container{display:flex;justify-content:center;height:80vh;align-items:center}.register_verify_successsuccsee{display:flex;align-items:center;justify-content:center;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}.resend_register_verification_wall{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/images/nathan-dumlao-zEdCT0qrodE-unsplash.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center}.show-resend-verification-form{background:#d4c9becc;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0003;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;width:100%;max-width:400px}.resend-verification-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.email-label{width:100%;text-align:center}#resend-verification-form-input{width:100%}.resend_register_verification_return-login{cursor:pointer;font-size:1.1rem;color:#594100;width:100%;text-align:center}.resend_register_verification_return-login:hover{color:#27548a;text-shadow:0px 0px 5px #6EACDA}.button-template-resend-verification{width:100%}*{padding:0;margin:0;list-style:none;text-decoration:none;box-sizing:bolder-box}.reset-password-cover{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#bf9264}.reset-password-container{width:400px;max-width:100%;height:450px;max-height:100%;border-radius:10px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0003;background:#d4c9bee6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3rem}.reset-password-title{margin-bottom:2rem}.input-set{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:300px;max-width:100%;gap:.5rem}.reset-password-button{width:300px;max-width:100%;height:50px;border-radius:10px;outline:none;border:0px solid white;cursor:pointer;margin-top:2rem;font-size:1.2rem;margin-bottom:2rem;background-color:#1a1a1a;color:#efeeea}.reset-password-button:hover{background-color:#4b3621;color:#efeeea;box-shadow:1px 1px 10px #131010}