@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{background-color:#070510;color:#faebd7;font-family:"Noto Serif TC",serif;font-size:20px;letter-spacing:1px;text-align:center}h1{margin:64px auto;color:#fff;font-family:"Noto Serif TC",serif;font-size:72px;font-weight:600;line-height:96px;transition:.5s}@media (max-width: 550px){h1{font-size:42px;line-height:52px;transition:.5s}}h2{color:#fff;font-size:48px;font-weight:600;line-height:64px;transition:.5s}@media (max-width: 550px){h2{font-size:32px;line-height:48px;transition:.5s}}h3{color:#fff;font-size:28px;font-weight:500;line-height:48px;letter-spacing:3px;transition:.5s}@media (max-width: 550px){h3{font-size:21px;line-height:32px;letter-spacing:1px;transition:.5s}}h4{font-size:20px;font-weight:400;line-height:32px;letter-spacing:3px;transition:.5s}@media (max-width: 550px){h4{font-size:16px;line-height:28px;letter-spacing:1px;transition:.5s}}.focusText{font-family:times,serif;font-size:28px;font-weight:700;transition:.5s}@media (max-width: 550px){.focusText{font-size:21px;transition:.5s}}.btnLastA{position:relative;box-sizing:border-box;width:100%;max-width:320px;height:60px;margin:32px 0 0;background-color:#faebd7;border:1px solid #070510;color:#070510;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:600;letter-spacing:2px;transition:.5s;outline:none}.btnLastA img{position:absolute;top:15px;right:12px;width:30px;transition:.5s}.btnLastA:hover{letter-spacing:3px;transition:.5s;cursor:pointer}.btnLastA:hover img{scale:1.2;transition:.5s}.btnLine{position:relative;box-sizing:border-box;width:100%;max-width:320px;height:60px;margin:32px 0 0;background-color:#48b00c;border:1px solid #070510;color:#070510;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:600;letter-spacing:2px;transition:.5s;outline:none}.btnLine img{position:absolute;top:15px;right:12px;width:30px;transition:.5s}.btnLine:hover{letter-spacing:5px;transition:.5s;cursor:pointer}.btnLine:hover img{scale:1.2;transition:.5s}.btnBig{position:relative;z-index:2;box-sizing:border-box;width:100%;max-width:250px;height:60px;margin:32px 0 0;background-color:#faebd7;border:1px solid #070510;color:#070510;font-family:"Noto Serif TC",serif;font-size:20px;font-weight:600;letter-spacing:2px;transition:.5s;outline:none}.btnBig img{position:absolute;top:15px;right:12px;width:30px;transition:.5s}.btnBig:hover{letter-spacing:5px;transition:.5s;cursor:pointer}.btnBig:hover img{scale:1.2;transition:.5s}.btnPer{position:relative;box-sizing:border-box;width:100%;max-width:250px;height:60px;background-color:#4d3881;border:none;color:#fff;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:600;letter-spacing:2px;transition:.5s;outline:none}.btnPer img{position:absolute;top:15px;right:12px;width:30px;transition:.5s}.btnPer:hover{letter-spacing:3px;transition:.5s;cursor:pointer}.btnPer:hover img{scale:1.2;transition:.5s}.btn{position:relative;box-sizing:border-box;width:100%;max-width:250px;height:60px;margin:32px 0 0;background-color:#faebd7;border:1px solid #070510;color:#070510;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:600;letter-spacing:.5px;transition:.5s;outline:none}.btn img{position:absolute;top:15px;right:10px;width:30px;transition:.5s}.btn:hover{letter-spacing:3px;transition:.5s;cursor:pointer}.btn:hover img{scale:1.2;transition:.5s}#bgStar{position:fixed;z-index:0;overflow:hidden;top:0;right:0;bottom:0;left:0;pointer-events:none}#bgStar canvas{display:block;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}#bgStar #cvsgradient{left:-5%;width:110%;height:110%;filter:blur(60px)}#bgStar img{display:block;position:fixed;bottom:0;width:100%;height:auto}section{display:flex;position:relative;z-index:1;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;margin:0 auto;padding:64px 20px;transition:.5s}@media (max-width: 550px){section{padding:32px 20px;transition:.5s}}.chapter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.chapter img{width:100%;height:auto;max-height:264px;transition:.5s}@media (max-width: 550px){.chapter img{max-height:167px;transition:.5s}}.chapter .shineLight{width:40px}.chapter .chapterTitle{width:100%;margin:32px 0 auto;transition:.5s}@media (max-width: 550px){.chapter .chapterTitle{margin:20px 0 auto;transition:.5s}}.chapter .chapterTitle h2{margin:0 auto 32px;transition:.5s}@media (max-width: 550px){.chapter .chapterTitle h2{margin:0 auto 20px;transition:.5s}}.chapter .chapterTitle h3{margin:0 auto 32px}@media (max-width: 550px){.chapter .chapterTitle h3{margin:0 auto 20px}}.chapter .chapterTitle h4{margin:20px auto 0;transition:.5s}@media (max-width: 550px){.chapter .chapterTitle h4{margin:12px auto 0;transition:.5s}}.rbNav{display:grid;position:fixed;right:16px;bottom:16px;z-index:99999;gap:12px;transition:.5s}@media (max-width: 768px){.rbNav{font-size:16px;transition:.5s}}.rbNav .rbNavBtn{display:grid;width:64px;height:64px;margin:0 0 0 auto;background-color:#b0a890;border:0;border-radius:999px;color:#070510;transition:.5s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;place-items:center}@media (max-width: 768px){.rbNav .rbNavBtn{width:40px;height:40px;transition:.5s}}.rbNav .rbNavIcon{font-size:22px;line-height:1}.rbNav .rbNavPanel{display:grid;padding:12px;border-radius:12px;gap:12px;transition:.5s}@media (max-width: 768px){.rbNav .rbNavPanel{background-color:#070510cc;transition:.5s}}.rbNav .rbNavLink{margin:12px auto 0 0;color:inherit;text-decoration:none}.rbNav .rbNavSr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.glowPulse{color:#fff!important;animation:glowPulse 2.5s ease-in-out infinite}@keyframes glowPulse{0%,to{text-shadow:0 0 6px rgba(255,255,255,.3),0 0 12px rgba(255,255,255,.2)}50%{text-shadow:0 0 12px rgba(255,255,255,.7),0 0 28px rgba(255,255,255,.4)}}main{position:relative;z-index:1;width:100%;max-width:1400px;height:auto;margin:0 auto}main #kv{height:auto;padding:128px 20px 64px;transition:.5s}@media (max-width: 550px){main #kv{padding:64px 20px 80px;transition:.5s}}main #kv img{width:100%;height:auto;max-height:50px;transition:.5s}@media (max-width: 550px){main #kv img{max-height:32px;transition:.5s}}main #kv .top{width:100%;margin:auto;text-align:center}main #kv .top h4{margin:32px auto 0;transition:.5s}@media (max-width: 550px){main #kv .top h4{margin:20px auto 0;transition:.5s}}main #see{display:flex;justify-content:center;align-items:center;min-height:80vh}@media (max-width: 550px){main #see{min-height:100vh;transition:.5s}}main #see .firstmain{display:flex;position:relative;z-index:1;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%}main #see .firstmain .text{box-sizing:border-box;margin:32px auto 12px;padding:0 20px;transition:.5s}@media (max-width: 550px){main #see .firstmain .text{margin:12px auto;transition:.5s}}main #see .firstmain .text h4{margin:0 auto 20px;transition:.5s}@media (max-width: 550px){main #see .firstmain .text h4{margin:0 auto 12px;transition:.5s}}main #see .firstmain .testBg{display:flex;position:absolute;top:50%;left:50%;justify-content:center;align-items:center;width:100%;transform:translate(-50%,-50%)}main #see .firstmain .testBg img{max-width:700px}main #see .firstmain .testBg img.frameLeft{position:absolute;left:0;z-index:0;transition:.5s}@media (max-width: 350px){main #see .firstmain .testBg img.frameLeft{display:none;transition:.5s}}main #see .firstmain .testBg img.frameRight{position:absolute;right:0;z-index:0;transition:.5s}@media (max-width: 350px){main #see .firstmain .testBg img.frameRight{display:none;transition:.5s}}main #see .quzmain{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}main #see .quzmain .testQuz{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin:32px auto 0;gap:20px}main #see .quzmain .testQuz .quzImg{width:200px;transition:.5s}@media (max-width: 550px){main #see .quzmain .testQuz .quzImg{width:100px;transition:.5s}}main #see .threemain{transition:opacity .3s ease-in-out}main #see .ansmain{display:flex;flex-direction:column;justify-content:center;align-items:center}main #see .ansmain .ans{display:flex;flex-direction:column;justify-content:center;align-items:center}main #see .ansmain .ans .goddMain{display:flex;justify-content:center;align-items:center;width:100%;max-width:1200px;gap:32px;transition:.5s}@media (max-width: 768px){main #see .ansmain .ans .goddMain{flex-direction:column;transition:.5s;gap:20px}}main #see .ansmain .ans .goddMain .goddesImg{width:50%;transition:.5s}@media (max-width: 768px){main #see .ansmain .ans .goddMain .goddesImg{width:100%;transition:.5s}}main #see .ansmain .ans .goddMain .goddesImg img{position:-webkit-sticky;position:sticky;width:350px;transition:.5s}@media (max-width: 768px){main #see .ansmain .ans .goddMain .goddesImg img{width:100%;max-width:300px;transition:.5s}}main #see .ansmain .ans .goddMain .ansmainInfo{box-sizing:border-box;width:50%;height:800px;padding:0 20px 0 0;overflow:scroll;transition:.5s}@media (max-width: 768px){main #see .ansmain .ans .goddMain .ansmainInfo{width:100%;max-width:300px;height:auto;padding:0;transition:.5s}}main #see .ansmain .ans .goddMain .ansmainInfo .step{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;margin:20px 0;font-size:24px;font-weight:600;transition:.5s}main #see .ansmain .ans .goddMain .ansmainInfo .step span{font-size:20px}@media (max-width: 768px){main #see .ansmain .ans .goddMain .ansmainInfo .step span{font-size:16px;transition:.5s}}main #see .ansmain .ans .goddMain .ansmainInfo .btnLastA,main #see .ansmain .ans .goddMain .ansmainInfo .btnPer{width:100%;max-width:none!important}main #see .ansmain .ans .goddMain .ansmainInfo .ansTopmain{display:flex;flex-direction:column;align-items:self-start}main #see .ansmain .ans .goddMain .ansmainInfo .ansTopmain .smallLogo{height:32px;margin:0 0 32px}main #see .ansmain .ans .goddMain .ansmainInfo .ansTopmain .anstitle{margin:20px auto 20px 0;color:#fff;font-size:32px;font-weight:500}main #see .ansmain .ans .goddMain .ansmainInfo .ansTopmain .textmain{width:100%;line-height:32px;text-align:left;transition:.5s}@media (max-width: 550px){main #see .ansmain .ans .goddMain .ansmainInfo .ansTopmain .textmain{font-size:16px;line-height:28px;transition:.5s}}main #see .ansmain .ans .goddMain .ansmainInfo .ansBottommain .form .formGroup{margin:0 0 12px;text-align:left}main #see .ansmain .ans .goddMain .ansmainInfo .ansBottommain .form .formGroup .formLabel{font-size:14px;line-height:24px}main #see .ansmain .ans .goddMain .ansmainInfo .ansBottommain .form .formGroup .formInput{box-sizing:border-box;width:100%;height:50px;padding:4px 12px;font-size:20px}main #see .ansmain .ans .goddMain .ansmainInfo .ansBottommain .form .formActions .formSubmit{position:relative;width:100%;height:60px;margin:32px 0 0;background-color:#faebd7;border:1px solid #070510;color:#070510;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:600;letter-spacing:2px;transition:.5s;outline:none}main #see .ansmain .ans .goddMain .ansmainInfo .ansBottommain .form .formActions .formSubmit img{position:absolute;right:12px;transition:.5s}main #see .ansmain .ans .goddMain .ansmainInfo .ansBottommain .form .formActions .formSubmit:hover{letter-spacing:3px;transition:.5s;cursor:pointer}main #see .ansmain .ans .goddMain .ansmainInfo .ansBottommain .form .formActions .formSubmit:hover img{scale:1.2;transition:.5s}main #see .ansmain .ans .goddMain .ansmainInfo .ansBottommain .form .notice{box-sizing:border-box;width:100%;margin:20px 0 0;padding:12px;background-color:#070510b3;border-radius:4px;color:#fff;font-size:10px;line-height:16px;text-align:left}main #hope .chapter .chapterTitle h3{margin:0 auto!important}main #hope .info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin:0 auto;gap:32px}main #hope .info .knowBox{width:100%;max-width:320px;transition:.5s}@media (max-width: 1024px){main #hope .info .knowBox{margin:32px 0;transition:.5s}}@media (max-width: 550px){main #hope .info .knowBox{max-width:300px}}main #hope .info .knowBox .boxImg{width:100%}main #hope .info .knowBox .linkTitle{margin:32px auto 0;font-size:24px;font-weight:600}@media (max-width: 550px){main #hope .info .knowBox .linkTitle{font-size:20px}}main #hope .info .knowBox:nth-child(2){margin:80px 0 0;transition:.5s}@media (max-width: 1024px){main #hope .info .knowBox:nth-child(2){margin:0;transition:.5s}}main #hope .info .btnTwins{display:flex;justify-content:center;align-items:center;gap:20px}main #hope .info .btnTwins .btnS{position:relative;box-sizing:border-box;width:100%;max-width:125px;height:60px;margin:32px 0 0;background-color:#faebd7;border:1px solid #070510;color:#070510;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:600;letter-spacing:2px;transition:.5s;outline:none}main #hope .info .btnTwins .btnS img{position:absolute;right:12px;width:30px;transition:.5s}main #hope .info .btnTwins .btnS:hover{letter-spacing:5px;transition:.5s;cursor:pointer}main #hope .info .btnTwins .btnS:hover img{scale:1.2;transition:.5s}main #integrate .info{display:flex;justify-content:space-between;align-items:center;width:100%;margin:32px auto 0;gap:64px;transition:.5s}@media (max-width: 768px){main #integrate .info{flex-wrap:wrap;transition:.5s}}main #integrate .info .teacherInfo{width:50%;transition:.5s}@media (max-width: 1024px){main #integrate .info .teacherInfo{width:100%;transition:.5s}}main #integrate .info .teacherInfo img{width:100%;max-width:425px;transition:.5s}@media (max-width: 550px){main #integrate .info .teacherInfo img{max-width:300px;transition:.5s}}main #integrate .info .teacherInfo .name{display:flex;justify-content:center;align-items:center;margin:20px auto;font-size:28px}main #integrate .info .teacherInfo .name img{width:100%;margin:0 0 0 20px}main #integrate .info .teacherInfo .who{margin:0 auto 12px;font-weight:600}main #integrate .info .teacherInfo .how{margin:0 auto 20px;line-height:32px}@media (max-width: 550px){main #integrate .info .teacherInfo .how{font-size:16px;line-height:28px}}main #integrate .info .classInfo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;gap:24px;transition:.5s}@media (max-width: 1024px){main #integrate .info .classInfo{width:100%;transition:.5s}}main #integrate .info .classInfo .classBox{box-sizing:border-box;width:100%;height:auto;padding:32px;background-color:#faebd7;color:#070510}@media (max-width: 550px){main #integrate .info .classInfo .classBox{max-width:320px;padding:16px}}main #integrate .info .classInfo .classBox .className{font-size:24px;font-weight:600;line-height:28px}main #integrate .info .classInfo .classBox .classWhat{margin:12px auto 20px;font-size:15px;font-weight:400;line-height:20px}main #integrate .info .classInfo .classBox .notice{margin:12px auto 0;color:#444;font-size:10px;line-height:14px;text-align:left}main #navigate .info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:32px;margin:32px auto}main #navigate .info .newsBox{box-sizing:border-box;width:100%;max-width:380px;height:auto;padding:20px;background-color:#faebd7;transition:.5s}@media (max-width: 550px){main #navigate .info .newsBox{max-width:320px;transition:.5s}}main #navigate .info .newsBox .newsImg{width:100%}main #navigate .info .newsBox .newsTitle{margin:12px 0 0;color:#070510;font-size:20px;font-weight:600;line-height:32px;text-align:left}@media (max-width: 550px){main #navigate .info .newsBox .newsTitle{line-height:28px}}main #evolve{padding:64px 20px 200px}main #evolve .info{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto}footer{display:flex;position:relative;z-index:2;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100px;padding:12px 20px;background-color:#faebd7}footer .copyright{margin:12px auto;color:#070510;font-size:10px}