@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&family=Noto+Sans+TC:wght@200;400;500;700&family=Redacted+Script&display=swap");.gradient-placeholder{background:radial-gradient(circle, rgba(170,221,238,0.7), rgba(102,170,187,0.8))}@keyframes loading-animation{from{opacity:0.5}to{opacity:1}}.division-line{width:1200px;height:1px;background:#e8e8e8;border:none;margin-top:37px;margin-bottom:50px}*,*:before,*:after{box-sizing:border-box}body{font-weight:500;font-size:16px;line-height:13.3px;font-family:"Noto Sans TC",sans-serif}body a{text-decoration:none;color:inherit}body button{font-size:19px;line-height:16px;cursor:pointer;border:none}.page-container{min-height:100%;display:flex;flex-direction:column}.content-wrap{background:#fff;flex:1;padding-bottom:40px}img:hover{cursor:pointer;opacity:0.7;transition:ease-in-out 0.3s}.nav-wrapper{position:fixed;top:0;left:0;width:100%;height:54px;background-color:#fff;padding:10px 0;z-index:999}.nav-wrapper .nav-content{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center}.logotype-h2{font-weight:700;font-size:30px;line-height:34px;color:#489}.nav-list{display:flex;transition:all 0.3s}.nav-list .nav-item{padding:10px;color:#666;cursor:pointer}.nav-list .nav-item:hover{color:black}.nav-line{width:100%;height:1px;background:#e8e8e8;border:none}.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.5);z-index:2000;flex-direction:column;align-items:flex-start}.modal-content{width:340px;position:relative;margin:0 auto auto auto;padding:15px;background-color:#fff;border-radius:0 0 6px 6px}.color-bar{width:340px;height:10px;margin:80px auto 0 auto;background:linear-gradient(270deg, #378 0%, #6ab 100%);border-radius:6px 6px 0 0}.close-btn{position:absolute;top:17px;right:17px;cursor:pointer;font-size:20px;font-weight:200;color:rgba(117,117,117,0.6)}#login-form,#register-form{display:flex;flex-direction:column}.login-h3,.register-h3{font-size:24px;line-height:24px;font-weight:700;color:#666;margin:auto;margin-bottom:15px}.login-input,.register-input{padding:15px;border-radius:5px;border:1px solid #e8e8e8;margin-bottom:10px}#login-btn,#register-btn{font-size:19px;line-height:16px;padding:10px 20px;background-color:#489;color:white;border-radius:5px;margin-bottom:10px}.go-to-register,.go-to-login{margin:auto;color:#666}.go-to-register #show-login,.go-to-register #show-register,.go-to-login #show-login,.go-to-login #show-register{cursor:pointer}.go-to-register #show-login:hover,.go-to-register #show-register:hover,.go-to-login #show-login:hover,.go-to-login #show-register:hover{color:rgba(68,136,153,0.8)}#register-error,#login-error{margin:15px auto 0 auto;color:#eb4747;line-height:18px}main{max-width:1200px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}footer{display:flex;justify-content:center;align-items:center;background-color:#757575;height:104px;width:100%;color:#f8f8f8;font-weight:700}footer:hover{cursor:none}@media (max-width: 1200px){.nav-list .nav-item-2{padding-right:0}.nav-wrapper{padding:10px}.button-list-wrapper{margin:40px 15px 20px 15px}.button-list-wrapper .left-arrow{left:0}.button-list-wrapper .right-arrow{right:0}.division-line{width:calc(100% - 20px);margin-left:10px;margin-right:10px}}