@charset "UTF-8";*{box-sizing:border-box;font-family:Noto Sans TC,sans-serif;margin:0;padding:0}#root>.App,body,body>#root,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}#root>.App{background-attachment:fixed;background-image:url(/2023/static/media/Purple_background.9528ff49dca9560e9ea0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow-y:auto}#bg{display:flex;flex-direction:column;height:100%;left:0;position:relative;top:0;width:100%}body{z-index:1}@font-face{font-family:ToronoGlitchSans H2;src:local("ToronoGlitchSans H2"),url(/2023/static/media/Torono_Glitch_SansH2.32da5713bd07907d5b28.otf)}@font-face{font-family:ToronoGlitchSans H4;src:local("ToronoGlitchSans H4"),url(/2023/static/media/Torono_Glitch_SansH4.09fd084798125a65fb77.otf)}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#e7ae16;text-decoration:none}nav{background:#fff;margin:2rem 0;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:5}nav img{width:300px}nav div.hamburgerFlex{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}nav div.hamburgerFlex div#hamburger{background:none;border:none;cursor:pointer;display:block;margin-left:.5rem;outline:none;position:relative;-webkit-user-select:none;user-select:none;width:40px;z-index:1}nav div.hamburgerFlex div#hamburger span{background-color:#e7ae16;border-radius:5px;display:block;height:4px;margin-bottom:.5rem;pointer-events:none;position:relative;-webkit-transform-origin:0 0;transform-origin:0 0;transition:all .7s;width:40px;z-index:-1}nav div.hamburgerFlex div#hamburger.dropdown span:first-child{-webkit-transform:translateY(-2px) rotate(45deg);transform:translateY(-2px) rotate(45deg)}nav div.hamburgerFlex div#hamburger.dropdown span:nth-child(2){opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}nav div.hamburgerFlex div#hamburger.dropdown span:nth-child(3){-webkit-transform:translate(-3px,3px) rotate(-45deg);transform:translate(-3px,3px) rotate(-45deg)}nav div.ulFlex{display:flex;justify-content:center}nav div.ulFlex ul{display:flex;justify-content:flex-end;list-style-type:none}nav div.ulFlex ul li{padding:.5rem}nav div.ulFlex ul li a{background:hsla(0,0%,72%,.3);border-radius:18px;color:#000;display:flex;font-size:1.25rem;font-weight:800;justify-content:center;line-height:2.5rem;padding:1rem}nav div.ulFlex ul li a.active,nav div.ulFlex ul li a:hover{background:#000;color:#fff}nav div.ulFlex ul .show{align-items:center;display:flex}@media screen and (max-width:1220px){nav{justify-content:center}}@media screen and (min-width:870px){nav{display:flex;justify-content:space-between}nav div.hamburgerFlex div#hamburger{display:none}nav div.ulFlex{display:flex}nav div.ulFlex ul.show{flex-direction:row}nav div.ulFlex ul.hide{transition:max-height .3s ease-in}}@media screen and (max-width:565px){nav div.ulFlex ul{flex-direction:column;width:90%}nav div.ulFlex ul.show{max-height:458px;overflow:auto;transition:max-height .3s ease-out}nav div.ulFlex ul.hide{max-height:0;overflow:auto;transition:max-height .3s ease-in}}@media screen and (max-width:399px){nav img{width:250px}}a.active{background:#000;color:#fff}main h1{font-size:2rem;text-align:center}main div.card{display:flex;justify-content:center}main div.card section.left{display:flex;flex-direction:column;margin:1rem 1rem 5vw;position:relative;width:500px}main div.card section.left div.imgFlex{display:flex;width:450px}main div.card section.left div.imgFlex video{height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}main div.card section.left div.imgFlex video#v1{mix-blend-mode:lighten}main div.card section.left div.imgFlex video#v2{mix-blend-mode:screen}main div.card section.right{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;margin:2rem 1rem;width:400px}main div.card section.right div.words{align-items:flex-start;display:flex;flex-flow:column}main div.card section.right div.words div.h1{color:#fff;font-family:ToronoGlitchSans H4,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:1rem;padding:.5rem 0}main div.card section.right div.words div.h1 span{font-family:ToronoGlitchSans H4,sans-serif}main div.card section.right div.words div.h1 span.C{border-color:#083a75;color:#dc6a0b;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}main div.card section.right div.words div.h1 span.S{color:#e7ae16;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}main div.card section.right div.words div.h1 span.I{color:#da5512;letter-spacing:2rem;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}main div.card section.right div.words div.h1 span.E{color:#083a75;letter-spacing:1.5rem;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}main div.card section.right div.words div#subtitle{color:#fff;font-family:Source Code Pro,monospace;font-size:1.5rem;font-style:normal;font-weight:600;letter-spacing:3px;line-height:44px;margin-top:1rem;text-align-last:center;width:100%}main div.card section.right div.registerButton a button{background:hsla(0,0%,85%,.35);border:5px solid #d9d9d9;border-radius:30px;color:#fff;font-family:ToronoGlitchSans H2;font-size:1.5rem;letter-spacing:.75rem;margin-top:1rem;padding:1.5rem 1.5rem 1.5rem 2rem;text-align:center;text-decoration:none}main div.card section.right div.registerButton a button:hover{background:#000;color:#e7ae16;cursor:pointer}@media screen and (max-width:900px){main div.card{align-items:center;display:flex;flex-direction:column}main div.card section.left{order:2;width:80vw}main div.card section.left div.imgFlex{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}main div.card section.right{order:3;padding:0;-webkit-transform:scale(.9);transform:scale(.9);width:90vw}main div.card section.right div.words div.h1{font-size:2rem}}footer{background-color:#fff;height:100%;position:relative;width:100%}footer div#footerFlex,footer div#footerFlex div#text{align-items:center;display:flex;flex-direction:column}footer div#footerFlex div#text{position:absolute;top:2rem;width:350px}footer div#footerFlex div#text h1{color:#000;font-family:ToronoGlitchSans H2;font-size:2rem;z-index:1}footer div#footerFlex div#text #bar{border:1px dashed #000;margin-top:.25rem}footer div#footerFlex div#text p{font-family:Noto Sans TC,monospace;font-size:1rem;font-weight:800;z-index:1}footer #picture{display:flex;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}footer .island{bottom:0;display:flex;margin:0 20px;position:relative}footer #left{height:3rem;max-width:10rem;top:5rem}footer #left2{height:3rem;max-width:4rem;top:6rem}footer #middle{height:150px;left:0;margin-left:1rem;margin-right:2.5rem;margin-top:2rem;max-width:20rem;right:0}footer #right2{height:3rem;max-width:4rem;top:5rem}footer #right{height:3rem;max-width:4rem;top:7rem}footer p{font-size:1.5rem;font-weight:400}footer p.Copyright{font-family:Noto Sans TC,monospace;font-size:1rem;line-height:1rem;margin:10px;text-align:center}footer div.icon{display:flex;justify-content:center;margin:10px;position:relative;-webkit-user-select:none;user-select:none}footer div.icon a img{padding:0 .5rem;width:3rem}footer div.icon a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);translate:all .4s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#3091ff}::-webkit-scrollbar-thumb:hover{background:#0c1794}div.infoFlex,div.infoFlex div.infoContent{align-items:center;display:flex;justify-content:center}div.infoFlex div.infoContent{color:#fff;flex-direction:column;font-family:Noto Sans TC,monospace;width:65vw}div.infoFlex div.infoContent h1.title{font-family:ToronoGlitchSans H2,sans-serif;font-size:2.5rem;padding:1rem}div.infoFlex div.infoContent hr.bar{size:"1px";margin:.5rem 0;min-width:580px;padding:0;width:65%}div.infoFlex div.infoContent .mainInfo{font-size:1rem;line-height:1.5rem;margin:0 1.5rem;max-width:65ch;position:relative;width:100%}div.infoFlex div.infoContent .mainInfo ol,div.infoFlex div.infoContent .mainInfo ul{padding-left:2rem}div.infoFlex div.infoContent .mainInfo p{margin-bottom:1rem}div.infoFlex div.infoContent table.important{font-size:1rem;padding:.5rem;width:80%}div.infoFlex div.infoContent table.important tr.contextImport{text-align:left}div.infoFlex div.infoContent table.important tr.contextImport a{margin-left:.75rem}div.infoFlex div.infoContent div.registerButton{margin:2.5rem 0}div.infoFlex div.infoContent div.registerButton a button{background:hsla(0,0%,85%,.35);border:5px solid #d9d9d9;border-radius:30px;color:#fff;font-family:ToronoGlitchSans H2;font-size:1.5rem;letter-spacing:.75rem;margin-top:1rem;padding:1.5rem 1.5rem 1.5rem 2rem;text-align:center;text-decoration:none}div.infoFlex div.infoContent div.registerButton a button:hover{background:#000;color:#e7ae16;cursor:pointer}@media screen and (max-width:650px){div.infoFlex div.infoContent{width:90vw}div.infoFlex div.infoContent hr.bar{min-width:450px}}form.login{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Noto Sans TC,monospace;justify-content:center;text-align:center}form.login h1.title{font-family:ToronoGlitchSans H2,sans-serif;font-size:2.5rem;padding:1rem 0}form.login div.inputFlex{display:flex;flex-direction:column;width:50vw}form.login div.inputFlex input.loginMail{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:20px;color:#fff;font-size:1.5rem;line-height:36px;margin-bottom:1rem;padding:1rem;text-align:left}form.login div.inputFlex input.loginMail::-webkit-input-placeholder{color:#fff}form.login div.inputFlex input.loginMail::placeholder{color:#fff}form.login div.inputFlex input.loginMail:hover{background:#000}form.login div.inputFlex input:hover{background:radial-gradient(149.95% 387.57% at 54.19% 45.2%,#000 52.6%,hsla(0,0%,100%,.63) 100%);color:#f7d967;cursor:auto}form.login div.inputFlex div.pwd_container{display:flex;position:relative}form.login div.inputFlex div.pwd_container input.loginPassword{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:20px;color:#fff;font-size:1.5rem;line-height:36px;margin-bottom:1rem;padding:1rem;text-align:left;width:100%}form.login div.inputFlex div.pwd_container input.loginPassword::-webkit-input-placeholder{color:#fff}form.login div.inputFlex div.pwd_container input.loginPassword::placeholder{color:#fff}form.login div.inputFlex div.pwd_container input.loginPassword:hover{background:#000}form.login div.inputFlex div.pwd_container button.confirm{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:50%;color:#fff;height:55px;position:absolute;right:20px;top:10px;width:55px}form.login div.inputFlex div.pwd_container button.confirm:hover{background:radial-gradient(149.95% 387.57% at 54.19% 45.2%,#000 52.6%,hsla(0,0%,100%,.63) 100%);cursor:pointer}form.login div.inputFlex div.pwd_container button.confirm span.arrow{border-left:5px solid #d9d9d9;border-top:5px solid #d9d9d9;display:block;height:15px;margin:0 auto;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:15px}form.login div.inputFlex div.pwd_container button.confirm span.arrow:after{background-color:#d9d9d9;content:"";display:block;height:15px;left:0;top:0;-webkit-transform:rotate(-45deg) translate(3px);transform:rotate(-45deg) translate(3px);width:5px}form.login div.helpFlex{display:flex;justify-content:center;padding:0 0 3rem;width:100%}form.login div.helpFlex div.helpContent{display:flex;flex-wrap:wrap;justify-content:space-between;width:50vw}form.login div.helpFlex a{color:#fff;font-size:1rem;text-decoration:none}form.login div.helpFlex a:hover{color:#e7ae16}@media screen and (max-width:600px){form.login div.inputFlex{width:75vw}}form.regist{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Noto Sans TC,monospace;justify-content:center;text-align:center}form.regist h1.title{font-family:ToronoGlitchSans H2,sans-serif;font-size:2.5rem;padding:1rem 0}form.regist p{color:#fff;font-size:1rem;padding-bottom:.5rem;padding-right:2rem;text-decoration:none}form.regist div.inputFlex{display:flex;flex-direction:column;width:50vw}form.regist div.inputFlex input{width:100%}form.regist div.inputFlex div.inputEmail{position:relative}form.regist div.inputFlex div.inputEmail input.loginMail{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:20px;color:#fff;font-size:1.5rem;line-height:36px;margin-bottom:1rem;padding:1rem;text-align:left}form.regist div.inputFlex div.inputEmail input.loginMail::-webkit-input-placeholder{color:#fff}form.regist div.inputFlex div.inputEmail input.loginMail::placeholder{color:#fff}form.regist div.inputFlex div.inputEmail input.loginMail:hover{background:#000}form.regist div.inputFlex div.inputEmail button.confirm{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:50%;color:#fff;height:55px;position:absolute;right:20px;top:10px;width:55px}form.regist div.inputFlex div.inputEmail button.confirm:hover{background:radial-gradient(149.95% 387.57% at 54.19% 45.2%,#000 52.6%,hsla(0,0%,100%,.63) 100%);cursor:pointer}form.regist div.inputFlex div.inputEmail button.confirm span.arrow{border-left:5px solid #d9d9d9;border-top:5px solid #d9d9d9;display:block;height:15px;margin:0 auto;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:15px}form.regist div.inputFlex div.inputEmail button.confirm span.arrow:after{background-color:#d9d9d9;content:"";display:block;height:15px;left:0;top:0;-webkit-transform:rotate(-45deg) translate(3px);transform:rotate(-45deg) translate(3px);width:5px}form.regist div.inputFlex ::-webkit-input-placeholder{color:#fff}form.regist div.inputFlex ::placeholder{color:#fff}form.regist div.passwordFlex{display:flex;flex-direction:column;position:relative;width:50vw}form.regist div.passwordFlex .forgetPassword{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:20px;color:#fff;font-size:1.5rem;line-height:36px;margin-bottom:1rem;padding:1rem;text-align:left}form.regist div.passwordFlex .forgetPassword::-webkit-input-placeholder{color:#fff}form.regist div.passwordFlex .forgetPassword::placeholder{color:#fff}form.regist div.passwordFlex .forgetPassword:hover{background:#000}form.regist div.passwordFlex div.pwd_container{display:flex;position:relative}form.regist div.passwordFlex div.pwd_container input.forgetPassword{width:100%}form.regist div.passwordFlex div.pwd_container button.confirm{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:50%;color:#fff;height:55px;position:absolute;right:20px;top:10px;width:55px}form.regist div.passwordFlex div.pwd_container button.confirm:hover{background:radial-gradient(149.95% 387.57% at 54.19% 45.2%,#000 52.6%,hsla(0,0%,100%,.63) 100%);cursor:pointer}form.regist div.passwordFlex div.pwd_container button.confirm span.arrow{border-left:5px solid #d9d9d9;border-top:5px solid #d9d9d9;display:block;height:15px;margin:0 auto;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:15px}form.regist div.passwordFlex div.pwd_container button.confirm span.arrow:after{background-color:#d9d9d9;content:"";display:block;height:15px;left:0;top:0;-webkit-transform:rotate(-45deg) translate(3px);transform:rotate(-45deg) translate(3px);width:5px}@media screen and (max-width:600px){form.regist div.inputFlex,form.regist div.passwordFlex{width:75vw}}div.aboutFlex{display:flex;justify-content:center}div.aboutFlex img{pointer-events:none}div.aboutFlex div.aboutBox{align-items:center;display:flex;flex-direction:column;width:90vw}div.aboutFlex div.aboutBox h1{color:#fff;font-family:ToronoGlitchSans H2;font-size:2.5rem;font-style:normal;font-weight:900;line-height:48px;padding:10px}div.aboutFlex div.aboutBox div.intro{color:#fff;text-align:center;width:70%}div.aboutFlex div.aboutBox div.intro div.secondTitle{background-color:#fff;border:2px solid #000;border-radius:5px;color:#000;display:flex;padding:.5vh 0;text-align:left}div.aboutFlex div.aboutBox div.intro div.secondTitle h2{align-items:center;display:flex;font-style:normal;font-weight:900;padding:10px;-webkit-user-select:none;user-select:none}div.aboutFlex div.aboutBox div.intro div.secondTitle h2 img.secondTitle{height:2rem;margin:.5vh 1vw .5vh .5vh;width:2.5rem}div.aboutFlex div.aboutBox div.intro div.courseList{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}div.aboutFlex div.aboutBox div.intro div.courseList div.detail{width:95%}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.summary{align-items:center;background-color:#fff;border:3px groove #fff;border-radius:30px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:auto;justify-content:space-between;list-style:none;margin:10px 0;padding:1%;transition:all .3s ease-out;-webkit-user-select:none;user-select:none;width:100%}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.summary img{transition:all .3s ease-out}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.summary img.summaryHead{height:1.2rem;width:2rem}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.summary img.summary{height:1.2rem;width:1.2rem}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.summary.click-true{background-color:#e7ae16;border:3px groove #fff;border-radius:15px;color:#fff;font-size:1.3rem;margin-left:5%;padding:1%;text-align:center;transition:.3s ease-out;width:90%}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.summary.click-true~div.hidden{border:5px groove #e7ae16;border-radius:10px;border-top:0;float:none;height:auto;opacity:1;position:relative;-webkit-transform:rotateX(-1deg);transform:rotateX(-1deg);transition:width 1s ease-in-out;width:100%}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.summary.click-true img{height:1.8rem;-webkit-transform:rotateX(-1turn) rotateY(-180deg) rotate(-180deg);transform:rotateX(-1turn) rotateY(-180deg) rotate(-180deg);transition-duration:.7s;width:3rem}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.summary.click-true img.summary{height:2rem;-webkit-transform:rotate(-90deg) rotateY(-1turn);transform:rotate(-90deg) rotateY(-1turn);transition-duration:.7s;width:2rem}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.hidden{background:linear-gradient(to bottom right,hsla(0,0%,100%,.452),hsla(180,2%,44%,.226),80%,rgba(44,38,44,.117));border:0;color:#fff;margin:0;opacity:0;overflow:hidden;overflow-wrap:normal;padding:0;position:absolute;width:0}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.hidden div.hidden_text{box-sizing:border-box;font-size:16px;height:auto;line-height:1.5rem;padding:10px;position:relative;text-align:left;width:59vw}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.hidden div.hidden_text ul{margin-left:18px}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.hidden div.hidden_text a{display:block;font-weight:900;margin-top:5px;text-align:center}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.hidden div.hidden_text br{content:"";display:block;margin-top:10px}div.aboutFlex p{font-weight:700;margin:1rem;text-align:left}@media screen and (max-width:770px){div.aboutFlex div.aboutBox div.intro{width:100%}div.aboutFlex div.aboutBox div.intro div.courseList div.detail div.hidden div.hidden_text{width:85vw}}form.forget{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Noto Sans TC,monospace;justify-content:center;text-align:center}form.forget h1.title{font-family:ToronoGlitchSans H2,sans-serif;font-size:2.5rem;padding:1rem 0}form.forget p{color:#fff;font-size:1rem;padding-bottom:.5rem;padding-right:2rem;text-decoration:none}form.forget div.inputFlex{display:flex;flex-direction:column;position:relative;width:50vw}form.forget div.inputFlex div.helpFlex{display:flex;justify-content:center;padding:0 0 3rem;width:100%}form.forget div.inputFlex button.confirm{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:50%;color:#fff;height:55px;position:absolute;right:20px;top:10px;width:55px}form.forget div.inputFlex button.confirm:hover{background:radial-gradient(149.95% 387.57% at 54.19% 45.2%,#000 52.6%,hsla(0,0%,100%,.63) 100%);cursor:pointer}form.forget div.inputFlex button.confirm span.arrow{border-left:5px solid #d9d9d9;border-top:5px solid #d9d9d9;display:block;height:15px;margin:0 auto;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:15px}form.forget div.inputFlex button.confirm span.arrow:after{background-color:#d9d9d9;content:"";display:block;height:15px;left:0;top:0;-webkit-transform:rotate(-45deg) translate(3px);transform:rotate(-45deg) translate(3px);width:5px}form.forget input.forgetMail{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:20px;color:#fff;font-size:1.5rem;line-height:36px;margin-bottom:1rem;padding:1rem;text-align:left}form.forget input.forgetMail::-webkit-input-placeholder{color:#fff}form.forget input.forgetMail::placeholder{color:#fff}form.forget input.forgetMail:hover{background:#000}form.forget div.passwordFlex{display:flex;flex-direction:column;position:relative;width:50vw}form.forget div.passwordFlex .forgetPassword{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:20px;color:#fff;font-size:1.5rem;line-height:36px;margin-bottom:1rem;padding:1rem;text-align:left}form.forget div.passwordFlex .forgetPassword::-webkit-input-placeholder{color:#fff}form.forget div.passwordFlex .forgetPassword::placeholder{color:#fff}form.forget div.passwordFlex .forgetPassword:hover{background:#000}form.forget div.passwordFlex div.pwd_container{display:flex;position:relative}form.forget div.passwordFlex div.pwd_container input.forgetPassword{width:100%}form.forget div.passwordFlex div.pwd_container button.confirm{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:50%;color:#fff;height:55px;position:absolute;right:20px;top:10px;width:55px}form.forget div.passwordFlex div.pwd_container button.confirm:hover{background:radial-gradient(149.95% 387.57% at 54.19% 45.2%,#000 52.6%,hsla(0,0%,100%,.63) 100%);cursor:pointer}form.forget div.passwordFlex div.pwd_container button.confirm span.arrow{border-left:5px solid #d9d9d9;border-top:5px solid #d9d9d9;display:block;height:15px;margin:0 auto;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:15px}form.forget div.passwordFlex div.pwd_container button.confirm span.arrow:after{background-color:#d9d9d9;content:"";display:block;height:15px;left:0;top:0;-webkit-transform:rotate(-45deg) translate(3px);transform:rotate(-45deg) translate(3px);width:5px}form.forget input.button{margin:0 0 20px}@media screen and (max-width:600px){form.forget div.inputFlex,form.forget div.passwordFlex{width:75vw}}div#formPage h1{font-family:ToronoGlitchSans H2;font-size:2rem;padding:10px}div#formPage h2{font-size:1.5rem;font-weight:700;padding:10px}div#formPage h4{font-weight:700}div#formPage hr.bar{size:"1px";left:3%;margin:0 2rem;padding:0}div#formPage hr.field{size:1px;padding:0;width:100%}div#formPage div.registerContain{background-color:rgba(0,0,0,.231);color:#fff;text-align:center}div#formPage form{align-items:center;display:flex;flex-direction:column;font-weight:700}div#formPage form fieldset{border:0;margin:10px 0;text-align:left;width:50%}div#formPage form fieldset legend{font-size:1.25rem;padding-bottom:10px}div#formPage form fieldset label{display:block;font-size:1.1rem}div#formPage form fieldset input{font-size:1rem;margin-top:10px}div#formPage form input[type=date],div#formPage form input[type=text],div#formPage input[type=tel],div#formPage input[type=url]{background:hsla(0,0%,85%,.35);border:2px solid #fff;border-radius:15px;color:#fff;font-size:1rem;height:3rem;left:0;padding-left:20px;width:45%}div#formPage form input:focus{background:radial-gradient(149.95% 387.57% at 54.19% 45.2%,#000 52.6%,hsla(0,0%,100%,.63) 100%);color:#e7ae16}div#formPage form input[type=file]{display:none}div#formPage ::-webkit-input-placeholder{color:#fff}div#formPage ::placeholder{color:#fff}div#formPage form input:hover{background:#000;border:3px solid #e7ae16;color:#f7d967}div#formPage input[type=radio]{color:#f2a2f2;font-size:1rem;height:18px;margin:0 0 0 20px;width:18px}div#formPage select{background:hsla(0,0%,85%,.35);border-radius:7px;height:2rem;padding-left:10px}div#formPage select,div#formPage select>option,div#formPage textarea{color:#fff;font-size:1rem}div#formPage textarea{background:hsla(0,0%,85%,.35);border-radius:7px;padding-left:10px;padding-right:10px}div#formPage textarea:hover{border:3px solid #da5512}div#formPage textarea:focus{background:radial-gradient(149.95% 387.57% at 54.19% 45.2%,#000 52.6%,hsla(0,0%,100%,.63) 100%);border:5px solid #da5512;color:#f7d967}div#formPage .experience{font-size:.8rem}div#formPage .self{float:left;height:2rem;width:2rem}div#formPage #presentFile{display:inline-block}div#formPage div.registerButton{display:flex;justify-content:center}div#formPage div.registerButton a button{background:hsla(0,0%,85%,.35);border:5px solid #d9d9d9;border-radius:30px;color:#fff;font-family:ToronoGlitchSans H2;font-size:1.5rem;letter-spacing:.75rem;margin-top:1rem;padding:1.5rem 1.5rem 1.5rem 2rem;text-align:center;text-decoration:none}div#formPage div.registerButton a button:hover{background:#000;color:#e7ae16;cursor:pointer}div#formPage div.picture{background:rgba(6,48,255,.216);border:3px solid #fff;border-radius:15px;cursor:pointer;display:inline-block;margin-right:2rem;padding:10px}div#formPage div.picture label{cursor:pointer;display:inline;padding-top:5px}div#formPage div.picture label input{margin-top:10px}@media screen and (max-width:900px){div#formPage form fieldset{width:80%}}div#page_review{--npr--photo_width:60vw;--npr--photo_height:calc(var(--npr--photo_width)*2/3);--npr--photo_xd:4vw;--npr--photo_yd:3vw;--npr--arrow_width:6vw;--npr--arrow_height:5vw;--npr--dotbar_height:7vw;align-items:center;display:flex;flex-direction:column;height:calc(var(--npr--photo_height) + var(--npr--photo_yd)*2 + var(--npr--dotbar_height) + 50%);margin:1rem 1vw;position:relative;width:98vw}@media (max-width:600px){div#page_review{--npr--photo_width:80vw}div#page_review div.pageReviewFlex div#page_review_down{width:100%}}@media (max-width:1100px){div#page_review{height:calc(var(--npr--photo_height) + var(--npr--photo_yd)*2 + var(--npr--dotbar_height) + 50%)}}div#page_review div.pageReviewFlex{align-items:center;display:flex;flex-direction:column;width:80vw}div#page_review div#page_review_down{display:flex;flex-direction:column;margin-bottom:5vh;min-width:300px;padding:0 0 0 1vw;width:80%}div#page_review div#page_review_down div#rt_title{color:#fff;font-family:ToronoGlitchSans H2;font-size:2.5rem;margin-bottom:1rem}div#page_review div#page_review_down div#rt_content{color:#fff;font-size:1.25rem}div#page_review div#page_review_up{align-items:center;display:flex;flex-direction:column}div#page_review div#page_review_up div#ri_up_1{align-items:center;display:flex;position:relative;width:calc(var(--npr--photo_width) + var(--npr--photo_xd)*2 + var(--npr--arrow_width)*2)}div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c{align-items:center;cursor:pointer;display:flex;height:var(--npr--arrow_height);position:relative;width:var(--npr--arrow_width);z-index:10}div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c:hover>div#ri_arrow_m1{border-color:#da5512;right:5px}div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c:hover>div#ri_arrow_m2{border-color:#da5512;right:20px}div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c:hover>div#ri_arrow_m3{border-color:#da5512;right:35px}div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c:active>div.ri_arrow_m{border-color:#da5512}div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c div.ri_arrow_m{border-bottom:5px solid #fff;border-left:5px solid #fff;border-radius:5px;height:calc(var(--npr--arrow_width)/2);position:absolute;rotate:45deg;width:calc(var(--npr--arrow_width)/2)}div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c div#ri_arrow_m1{right:-10px;transition:right .1s ease .2s}div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c div#ri_arrow_m2{right:5px;transition:right .1s ease .1s}div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c div#ri_arrow_m3{right:20px;transition:right .1s ease}@media (max-width:600px){div#page_review div#page_review_up div#ri_up_1 div.ri_arrow_c{opacity:0}}div#page_review div#page_review_up div#ri_up_1 div#ri_img_container{height:calc(var(--npr--photo_height) + var(--npr--photo_yd)*2);position:relative;-webkit-user-select:none;user-select:none;width:calc(var(--npr--photo_width) + var(--npr--photo_xd)*2)}div#page_review div#page_review_up div#ri_up_1 div#ri_img_container div#ri_img_touch_left{height:100%;left:0;position:absolute;width:40%;z-index:5}div#page_review div#page_review_up div#ri_up_1 div#ri_img_container div#ri_img_touch_right{height:100%;position:absolute;right:0;width:60%;z-index:5}div#page_review div#page_review_up div#ri_up_1 div#ri_img_container img{border-radius:10%;height:var(--npr--photo_height);position:absolute;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:var(--npr--photo_width)}div#page_review div#page_review_up div#ri_up_1 div#ri_arrow_r{rotate:180deg}div#page_review div#page_review_up div#ri_up_2{height:auto;position:relative;width:auto}div#page_review div#page_review_up div#ri_up_2 div#ri_img_dotbar{align-items:center;display:flex;height:var(--npr--dotbar_height);justify-content:center;width:calc(var(--npr--photo_width) + var(--npr--photo_xd)*2)}div#page_review div#page_review_up div#ri_up_2 div#ri_img_dotbar div.review_up_dot{border:3px solid #fff;border-radius:10px;height:20px;margin:10px;min-width:10px;transition:background-color .3s;width:20px}div#page_review div#page_review_up div#ri_up_2 div#ri_img_dotbar div.review_up_dot:hover{background-color:#da5512;cursor:pointer}@media (max-width:600px){div#page_review div#page_review_up div#ri_up_2 div#ri_img_dotbar div.review_up_dot{border:5px solid #fff;box-sizing:border-box;height:10px;width:10px}}div#page_personal{display:flex;justify-content:center;position:relative}div#page_personal div#page_personal_derror{color:red;font-size:40px;overflow:hidden;position:absolute;top:-40px}div#page_personal div#p_personal_container{align-items:center;display:flex;flex-direction:column;width:80vw}div#page_personal div#p_personal_container div#pp_account_name{height:14vh;width:70vw}div#page_personal div#p_personal_container div#pp_account_name div#pp_an_down,div#page_personal div#p_personal_container div#pp_account_name div#pp_an_up{align-items:center;color:#fff;display:flex;font-size:30px;height:7vh;justify-content:center;overflow-wrap:break-word;width:100%}div#page_personal div#p_personal_container div#pp_account_field{align-items:normal;display:flex;flex-direction:row;height:20vh;justify-content:space-between;margin:3vh 0;max-width:1000px;min-width:300px;width:70vw}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github,div#page_personal div#p_personal_container div#pp_account_field div#ppa_information,div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz{display:flex;flex-direction:column;height:20vh;max-width:300px;position:relative;width:20vw}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github div#ppa_inside_text,div#page_personal div#p_personal_container div#pp_account_field div#ppa_information div#ppa_inside_text,div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz div#ppa_inside_text{align-items:center;color:#fff;display:flex;font-size:25px;height:10vh;padding:6%;width:calc(100% - 10vh)}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github div#ppa_inside_state,div#page_personal div#p_personal_container div#pp_account_field div#ppa_information div#ppa_inside_state,div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz div#ppa_inside_state{align-items:center;border-radius:10vh;display:flex;font-size:6vh;height:8vh;justify-content:center;position:absolute;right:1vh;top:1vh;-webkit-user-select:none;user-select:none;width:8vh}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github div#ppa_inside_button,div#page_personal div#p_personal_container div#pp_account_field div#ppa_information div#ppa_inside_button,div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz div#ppa_inside_button{align-items:center;background-color:hsla(0,0%,100%,.5);border:2px solid #fff;border-radius:1.2vw;box-sizing:border-box;display:flex;font-size:23px;height:8vh;justify-content:center;margin-left:10%;margin-top:2vh;position:relative;-webkit-user-select:none;user-select:none;width:80%}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github div#ppa_inside_button a,div#page_personal div#p_personal_container div#pp_account_field div#ppa_information div#ppa_inside_button a,div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz div#ppa_inside_button a{height:100%;position:absolute;width:100%}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_close div#ppa_inside_button{background-color:hsla(0,0%,78%,.2);border:2px solid gray;color:gray;cursor:not-allowed;opacity:.5}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_close div#ppa_inside_button:before{content:"尚未開啟"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_close div#ppa_inside_state{border:.25vh solid red;color:red}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_close div#ppa_inside_state:before{content:"✕"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_open div#ppa_inside_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_open div#ppa_inside_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_open div#ppa_inside_button:before{content:"點此填寫"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_open div#ppa_inside_state{border:.25vh solid red;color:red}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_open div#ppa_inside_state:before{content:"✕"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_finish div#ppa_inside_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_finish div#ppa_inside_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_finish div#ppa_inside_button:before{content:"修改資料"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_finish div#ppa_inside_state{border:.25vh solid #7fff00;color:#7fff00}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_finish div#ppa_inside_state:before{content:"✓"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_registered div#ppa_inside_button{background-color:hsla(0,0%,39%,.5);border:2px solid gray;color:gray;cursor:default}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_registered div#ppa_inside_button:before{content:"已完成報名作業"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_registered div#ppa_inside_state{border:.25vh solid #7fff00;color:#7fff00}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_registered div#ppa_inside_state:before{content:"✓"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_error div#ppa_inside_button{background-color:hsla(0,0%,39%,.5);border:2px solid red;color:red;cursor:help;font-size:30px;font-weight:700}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_error div#ppa_inside_button:before{content:"錯誤發生"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_error div#ppa_inside_button:hover:before{content:"請聯絡服務人員";font-size:25px}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_error div#ppa_inside_state{border:.25vh solid #ff8c00;color:#ff8c00}div#page_personal div#p_personal_container div#pp_account_field div#ppa_information.ppaib_error div#ppa_inside_state:before{content:"？"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_close div#ppa_inside_button{background-color:hsla(0,0%,78%,.2);border:2px solid gray;color:gray;cursor:not-allowed;opacity:.5}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_close div#ppa_inside_button:before{content:"尚未開啟"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_close div#ppa_inside_state{border:.25vh solid red;color:red}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_close div#ppa_inside_state:before{content:"✕"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_open div#ppa_inside_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_open div#ppa_inside_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_open div#ppa_inside_button:before{content:"點此測驗"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_open div#ppa_inside_state{border:.25vh solid red;color:red}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_open div#ppa_inside_state:before{content:"✕"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_finish div#ppa_inside_button{background-color:hsla(0,0%,39%,.5);border:2px solid gray;color:gray;cursor:default}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_finish div#ppa_inside_button:before{content:"已完成測驗"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_finish div#ppa_inside_state{border:.25vh solid #7fff00;color:#7fff00}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_finish div#ppa_inside_state:before{content:"✓"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_registered div#ppa_inside_button{background-color:hsla(0,0%,39%,.5);border:2px solid gray;color:gray;cursor:default}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_registered div#ppa_inside_button:before{content:"已完成報名作業"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_registered div#ppa_inside_state{border:.25vh solid #7fff00;color:#7fff00}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_registered div#ppa_inside_state:before{content:"✓"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_error div#ppa_inside_button{background-color:hsla(0,0%,39%,.5);border:2px solid red;color:red;cursor:help;font-size:30px;font-weight:700}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_error div#ppa_inside_button:before{content:"錯誤發生"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_error div#ppa_inside_button:hover:before{content:"請聯絡服務人員";font-size:25px}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_error div#ppa_inside_state{border:.25vh solid #ff8c00;color:#ff8c00}div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz.ppaib_error div#ppa_inside_state:before{content:"？"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_close div#ppa_inside_button{background-color:hsla(0,0%,78%,.2);border:2px solid gray;color:gray;cursor:not-allowed;opacity:.5}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_close div#ppa_inside_button:before{content:"尚未開啟"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_close div#ppa_inside_state{border:.25vh solid red;color:red}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_close div#ppa_inside_state:before{content:"✕"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_open div#ppa_inside_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_open div#ppa_inside_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_open div#ppa_inside_button:before{content:"點此綁定"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_open div#ppa_inside_state{border:.25vh solid red;color:red}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_open div#ppa_inside_state:before{content:"✕"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_finish div#ppa_inside_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_finish div#ppa_inside_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_finish div#ppa_inside_button:before{content:"點此重新綁定"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_finish div#ppa_inside_state{border:.25vh solid #7fff00;color:#7fff00}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_finish div#ppa_inside_state:before{content:"✓"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_registered div#ppa_inside_button{background-color:hsla(0,0%,39%,.5);border:2px solid gray;color:gray;cursor:default}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_registered div#ppa_inside_button:before{content:"已完成報名作業"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_registered div#ppa_inside_state{border:.25vh solid #7fff00;color:#7fff00}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_registered div#ppa_inside_state:before{content:"✓"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_error div#ppa_inside_button{background-color:hsla(0,0%,39%,.5);border:2px solid red;color:red;cursor:help;font-size:30px;font-weight:700}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_error div#ppa_inside_button:before{content:"錯誤發生"}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_error div#ppa_inside_button:hover:before{content:"請聯絡服務人員";font-size:25px}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_error div#ppa_inside_state{border:.25vh solid #ff8c00;color:#ff8c00}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github.ppaib_error div#ppa_inside_state:before{content:"？"}@media (max-width:1000px){div#page_personal div#p_personal_container div#pp_account_field{align-items:center;flex-direction:column;height:63vh;justify-content:normal}div#page_personal div#p_personal_container div#pp_account_field div#ppa_github,div#page_personal div#p_personal_container div#pp_account_field div#ppa_information,div#page_personal div#p_personal_container div#pp_account_field div#ppa_quiz{margin:.5vh 0;width:100%}}div#page_personal div#p_personal_container div#pp_register{align-items:center;display:flex;flex-direction:column;height:30vh;margin-top:2vh;width:60vw}div#page_personal div#p_personal_container div#pp_register div#ppr_button{align-items:center;border-radius:3vh;box-sizing:border-box;display:flex;font-size:30px;height:10vh;justify-content:center;margin:1vh;max-width:400px;min-width:300px;position:relative;width:30vw}div#page_personal div#p_personal_container div#pp_register div#ppr_button a{height:100%;position:absolute;width:100%}div#page_personal div#p_personal_container div#pp_register div#ppr_center{align-items:center;display:flex;height:16vh;margin:1vh;max-width:450px;min-width:320px;width:100%}div#page_personal div#p_personal_container div#pp_register div#ppr_center div#ppr_state{align-items:center;border-radius:10vh;display:flex;font-size:6vh;height:8vh;justify-content:center;margin:1vh;-webkit-user-select:none;user-select:none;width:8vh}div#page_personal div#p_personal_container div#pp_register div#ppr_center div#ppr_text{align-items:center;display:flex;font-size:35px;font-weight:bolder;height:100%;justify-content:center;width:calc(100% - 10vh)}div#page_personal div#p_personal_container div#pp_register.pprb_close div#ppr_button{background-color:hsla(0,0%,78%,.2);border:2px solid gray;color:gray;cursor:not-allowed;opacity:.5}div#page_personal div#p_personal_container div#pp_register.pprb_close div#ppr_button:before{content:"尚未開啟報名"}div#page_personal div#p_personal_container div#pp_register.pprb_close div#ppr_center div#ppr_state{border:.25vh solid red;color:red}div#page_personal div#p_personal_container div#pp_register.pprb_close div#ppr_center div#ppr_state:before{content:"✕"}div#page_personal div#p_personal_container div#pp_register.pprb_close div#ppr_center div#ppr_text{color:red}div#page_personal div#p_personal_container div#pp_register.pprb_close div#ppr_center div#ppr_text:before{content:"未完成報名"}div#page_personal div#p_personal_container div#pp_register.pprb_open div#ppr_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_register.pprb_open div#ppr_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_register.pprb_open div#ppr_button:before{content:"點我報名";font-size:40px}div#page_personal div#p_personal_container div#pp_register.pprb_open div#ppr_center div#ppr_state{border:.25vh solid red;color:red}div#page_personal div#p_personal_container div#pp_register.pprb_open div#ppr_center div#ppr_state:before{content:"✕"}div#page_personal div#p_personal_container div#pp_register.pprb_open div#ppr_center div#ppr_text{color:red}div#page_personal div#p_personal_container div#pp_register.pprb_open div#ppr_center div#ppr_text:before{content:"未完成報名"}div#page_personal div#p_personal_container div#pp_register.pprb_finish div#ppr_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_register.pprb_finish div#ppr_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_register.pprb_finish div#ppr_button:before{content:"取消報名"}div#page_personal div#p_personal_container div#pp_register.pprb_finish div#ppr_center div#ppr_state{border:.25vh solid #7fff00;color:#7fff00}div#page_personal div#p_personal_container div#pp_register.pprb_finish div#ppr_center div#ppr_state:before{content:"✓"}div#page_personal div#p_personal_container div#pp_register.pprb_finish div#ppr_center div#ppr_text{color:#7fff00}div#page_personal div#p_personal_container div#pp_register.pprb_finish div#ppr_center div#ppr_text:before{content:"已完成報名"}div#page_personal div#p_personal_container div#pp_register.pprb_registered div#ppr_button{background-color:hsla(0,0%,39%,.5);border:2px solid gray;color:gray;cursor:default}div#page_personal div#p_personal_container div#pp_register.pprb_registered div#ppr_button:before{content:"已完成報名"}div#page_personal div#p_personal_container div#pp_register.pprb_registered div#ppr_center div#ppr_state{border:.25vh solid #7fff00;color:#7fff00}div#page_personal div#p_personal_container div#pp_register.pprb_registered div#ppr_center div#ppr_state:before{content:"✓"}div#page_personal div#p_personal_container div#pp_register.pprb_registered div#ppr_center div#ppr_text{color:#7fff00}div#page_personal div#p_personal_container div#pp_register.pprb_registered div#ppr_center div#ppr_text:before{content:"已完成報名"}div#page_personal div#p_personal_container div#pp_register.pprb_error div#ppr_button{background-color:hsla(0,0%,39%,.5);border:2px solid red;color:red;cursor:help;font-size:30px;font-weight:700}div#page_personal div#p_personal_container div#pp_register.pprb_error div#ppr_button:before{content:"發生錯誤"}div#page_personal div#p_personal_container div#pp_register.pprb_error div#ppr_button:hover:before{content:"請聯絡服務人員";font-size:25px}div#page_personal div#p_personal_container div#pp_register.pprb_error div#ppr_center div#ppr_state{border:.25vh solid #ff8c00;color:#ff8c00}div#page_personal div#p_personal_container div#pp_register.pprb_error div#ppr_center div#ppr_state:before{content:"？"}div#page_personal div#p_personal_container div#pp_register.pprb_error div#ppr_center div#ppr_text{color:#ff8c00}div#page_personal div#p_personal_container div#pp_register.pprb_error div#ppr_center div#ppr_text:before{content:"疑發生錯誤"}div#page_personal div#p_personal_container div#pp_isadmission{margin:3vh 0;width:60vw}div#page_personal div#p_personal_container div#pp_isadmission div#ppia_top{color:#fff;display:flex;font-size:30px;justify-content:center}div#page_personal div#p_personal_container div#pp_isadmission div#ppia_result_field{align-items:center;display:flex;flex-direction:column}div#page_personal div#p_personal_container div#pp_isadmission div#ppia_result_field div#ppia_result{display:flex;font-size:90px;font-weight:700;height:15vh;justify-content:center;line-height:normal;min-width:300px;width:60%}div#page_personal div#p_personal_container div#pp_isadmission div#ppia_result_field div#ppia_back_is{display:flex;font-size:4vh;font-weight:700;height:6vh;justify-content:center;min-width:300px;width:60%}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_accept div#ppia_result_field div#ppia_result:before{color:#7fff00;content:"正取"}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_accept div#ppia_result_field div#ppia_back_is{height:0}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_waiting~div#pp_admitted{display:none}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_waiting div#ppia_result_field div#ppia_result:before{color:#ff0;content:"備取"}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_waiting div#ppia_result_field div#ppia_back_is:before{color:#ff0;content:"遞補狀態：等待中"}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_wait_finish div#ppia_result_field div#ppia_result:before{color:#ff0;content:"備取"}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_wait_finish div#ppia_result_field div#ppia_back_is:before{color:#7fff00;content:"遞補狀態：成功"}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_not_pass~div#pp_admitted{display:none}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_not_pass div#ppia_result_field div#ppia_result:before{color:red;content:"未錄取"}div#page_personal div#p_personal_container div#pp_isadmission.ppiar_not_pass div#ppia_result_field div#ppia_back_is{height:0}div#page_personal div#p_personal_container div#pp_admitted{align-items:center;display:flex;height:20vh;justify-content:space-between;margin-bottom:5vh;width:60vw}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement,div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay{display:flex;flex-direction:column;height:100%;min-width:300px;position:relative;width:40%}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement div#ppad_text,div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay div#ppad_text{align-items:center;color:#fff;display:flex;font-size:30px;height:50%;padding-left:5%;width:60%}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement div#ppad_state,div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay div#ppad_state{align-items:center;display:flex;font-size:30px;height:50%;justify-content:center;position:absolute;right:0;top:0;width:40%}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement div#ppad_button,div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay div#ppad_button{align-items:center;border-radius:2vh;cursor:pointer;display:flex;font-size:25px;height:50%;justify-content:center;margin-left:10%;width:80%}div#page_personal div#p_personal_container div#pp_admitted div#ppad_cancel{align-items:center;background-color:hsla(0,0%,39%,.5);border:2px solid gray;border-radius:1vh;bottom:0;color:gray;cursor:default;cursor:pointer;display:flex;height:5vh;justify-content:center;min-width:200px;position:absolute;right:0;width:15vw}div#page_personal div#p_personal_container div#pp_admitted div#ppad_cancel:before{content:"(逼不得已再按下)取消報名"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay div#ppad_text:before{content:"繳費狀態"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_no div#ppad_state:before{color:red;content:"未繳費";font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_no div#ppad_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_no div#ppad_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_no div#ppad_button:before{content:"點此繳費"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_check div#ppad_state:before{color:#ff0;content:"確認中";font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_check div#ppad_button{background-color:hsla(0,0%,39%,.5);border:2px solid gray;color:gray;cursor:default}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_check div#ppad_button:before{content:"確認中"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_yes div#ppad_state:before{color:#7fff00;content:"成功";font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_yes div#ppad_button{background-color:hsla(0,0%,78%,.2);border:2px solid gray;color:gray;cursor:not-allowed;opacity:.5}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_yes div#ppad_button:before{content:"繳費成功"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_error div#ppad_state:before{color:red;content:"請立即聯絡我們";font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_error div#ppad_button{background-color:hsla(0,0%,39%,.5);border:2px solid red;color:red;cursor:help;font-size:30px;font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_error div#ppad_button:before{content:"發生異常"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay.ppadp_error div#ppad_button:hover:before{content:"請聯絡服務人員";font-size:25px}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement div#ppad_text:before{content:"家長同意書"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_no div#ppad_state:before{color:red;content:"未上傳";font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_no div#ppad_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_no div#ppad_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_no div#ppad_button:before{content:"點此上傳"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_check div#ppad_state:before{color:#ff0;content:"確認中";font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_check div#ppad_button{background-color:hsla(0,0%,39%,.5);border:2px solid gray;color:gray;cursor:default}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_check div#ppad_button:before{content:"確認中"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_yes div#ppad_state:before{color:#7fff00;content:"已通過";font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_yes div#ppad_button{background-color:hsla(0,0%,78%,.2);border:2px solid gray;color:gray;cursor:not-allowed;opacity:.5}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_yes div#ppad_button:before{content:"上傳成功"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_fail div#ppad_state:before{color:red;content:"未通過";font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_fail div#ppad_button{background-color:hsla(0,0%,100%,.5);border:2px solid #fff;color:#fff;cursor:pointer;transition:box-shadow .4s ease}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_fail div#ppad_button:hover{box-shadow:0 0 5px 2px #fff}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_fail div#ppad_button:before{content:"重新上傳"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_error div#ppad_state:before{color:red;content:"請立即聯絡我們";font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_error div#ppad_button{background-color:hsla(0,0%,39%,.5);border:2px solid red;color:red;cursor:help;font-size:30px;font-weight:700}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_error div#ppad_button:before{content:"發生錯誤"}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement.ppada_error div#ppad_button:hover:before{content:"請聯絡服務人員";font-size:25px}@media (max-width:1000px){div#page_personal div#p_personal_container div#pp_admitted{align-items:center;flex-direction:column;height:44vh;justify-content:normal;margin-bottom:10vh}div#page_personal div#p_personal_container div#pp_admitted div#ppad_agreement,div#page_personal div#p_personal_container div#pp_admitted div#ppad_pay{margin:1vh 0;width:60%}}div#page_personal div#p_personal_container div#pp_admitted.pp_admitted_close{display:none}div.adminFlex{flex-direction:column;justify-content:center}div.adminFlex,div.adminFlex h1{align-items:center;display:flex}div.adminFlex h1{font-family:Inter;font-size:1.5rem;font-style:normal;font-weight:700;line-height:1rem;text-align:center}div.adminFlex div.adminSystemSwitch{display:flex;justify-content:center;width:75vw}div.adminFlex div.adminSystemSwitch div{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50vw}div.adminFlex div.adminSystemSwitch div.left{color:#fff}div.adminFlex div.adminSystemSwitch div.left span{color:#4dff5e}div.adminFlex div.adminSystemSwitch div.right{color:#fff}div.adminFlex div.adminSystemSwitch div.right span{color:#ff0101}div.adminFlex div.adminPaymentStatus{align-items:center;display:flex;flex-direction:column;justify-content:center}div.adminFlex div.adminPaymentStatus h1{align-items:center;display:flex;font-family:Inter;font-size:1.5rem;font-style:normal;font-weight:700;line-height:1rem;text-align:center}div.adminFlex div.adminPaymentStatus div.adminSearchFilter button{background:hsla(0,0%,85%,.35);border:3px solid #d9d9d9;border-radius:18px;color:#fff;font-size:1rem;line-height:36px;margin:.5rem;padding:.25rem .5rem;text-align:center}div.adminFlex div.adminPaymentStatus div.adminSearchFilter button:hover{background:#000;cursor:pointer}div.adminFlex form.adminSearch{display:flex;justify-content:center;padding:1rem;width:75%}div.adminFlex form.adminSearch img{height:40px;left:10px;position:relative;width:40px}div.adminFlex form.adminSearch input{width:100vw}div.adminFlex form.adminSearch input::-webkit-input-placeholder{color:#fff}div.adminFlex form.adminSearch input::placeholder{color:#fff}div.adminFlex form.adminSearch input:hover{background:#000}div.adminFlex div.table{border-collapse:initial;padding:.5rem;width:75vw}div.adminFlex div.table div.tr{display:flex;justify-content:center}div.adminFlex div.table div.tr div.th{background:#68b9b8;border-radius:3px;font-weight:700;margin:.5rem 1rem 0;overflow:hidden;padding:.25rem;text-align:center;width:150px}div.adminFlex div.table div.tr div.th:hover{cursor:pointer;scale:1.1;transition:all .5s ease-in-out}div.adminFlex div.table div.tr div.td{background:#fff;border-radius:3px;font-weight:700;margin:.5rem 1rem 0;overflow:hidden;padding:.25rem;text-align:center;width:150px}div.adminFlex div.table div.tr div.td:hover{cursor:pointer;scale:1.1;transition:all .5s ease-in-out}div#payment{align-items:center;display:flex;flex-direction:column;justify-content:center}div#payment div.paymentText h3{padding:1rem}div#payment div.paymentText h3,div#payment div.paymentText p{color:#fff;margin-bottom:.5rem;text-align:center}div#payment form.paymentFlex{align-items:center;display:flex;flex-direction:column}div#payment form.paymentFlex label{color:#fff;font-size:1rem}div#payment form.paymentFlex input{margin:.5rem 0;width:100%}div#examPage{align-items:center;display:flex;flex-direction:column;width:100%}div#examPage h1{color:#fff;font-family:Inter}div#examPage form{width:50%}div#examPage form,div#examPage form div.question{align-items:flex-start;display:flex;flex-direction:column}div#examPage form div.question{color:#fff;padding:.5rem 0}div#examPage form div.question label{margin-top:.5rem}div#examPage form button{align-self:center;background:none;border:3px solid #d9d9d9;border-radius:30px;color:#fff;font-size:1rem;font-size:1.25rem;margin:1rem 0;padding:.5rem 3rem}div#examPage form button:hover{background:radial-gradient(149.95% 387.57% at 54.19% 45.2%,#000 52.6%,hsla(0,0%,100%,.63) 100%);cursor:pointer}
/*# sourceMappingURL=main.3334d3f7.css.map*/