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{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}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}*{box-sizing:border-box}img{max-height:100%}@font-face{font-family:icomoon;src:url(/icon/fonts/icomoon.eot?nathku);src:url(/icon/fonts/icomoon.eot?nathku#iefix)format("embedded-opentype"),url(/icon/fonts/icomoon.ttf?nathku)format("truetype"),url(/icon/fonts/icomoon.woff?nathku)format("woff"),url(/icon/fonts/icomoon.svg?nathku#icomoon)format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\ icon-]{speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:icomoon!important}.icon-undo:before{content:""}.icon-search:before{content:""}.icon-cancel-circle:before{content:""}.icon-play3:before{content:""}.icon-arrow-right:before{content:""}*{transition-duration:.2s}.right{text-align:right;color:#fff}body{color:#fff;letter-spacing:3px;background-color:#000;font-family:微軟正黑體;font-size:24px;font-weight:600;overflow-y:hidden}body,html{background-color:#000;height:100vh}.button-17>span{padding:0 5px}.button-17{letter-spacing:3px;appearance:none;box-sizing:border-box;color:#3c4043;cursor:pointer;fill:currentColor;letter-spacing:.25px;text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;will-change:transform, opacity;z-index:0;background-color:#fff;border:5px solid #000;border-radius:24px;justify-content:center;align-items:center;width:auto;max-width:100%;height:48px;padding:2px 24px;font-family:Corporate Logo Rounded ver2;font-size:18px;font-weight:900;line-height:normal;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1);display:inline-flex;position:relative;overflow:visible;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.button-17:hover{background:#ffca41}.button-17:active{outline:none;box-shadow:0 4px 4px #3c40434d,0 8px 12px 6px #3c404326}.button-17:focus{border:2px solid #4285f4;outline:none}.button-17:not(:disabled){box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.button-17:not(:disabled):hover{box-shadow:0 2px 3px #3c40434d,0 6px 10px 4px #3c404326}.button-17:not(:disabled):focus{box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.button-17:not(:disabled):active{box-shadow:0 4px 4px #3c40434d,0 8px 12px 6px #3c404326}.button-17:disabled{box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}#main{background-color:#263a46;grid-template-rows:20% 80%;width:70%;height:100%;margin:0 auto;display:grid}#main_index{grid-row-gap:3%;grid-template-rows:40px 68% 10% 0;width:50%;margin:0 auto;display:grid;position:relative}#main_index>#btn_goAbout{cursor:pointer;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:auto;font-size:15px;text-decoration:none;display:flex;position:fixed;top:5%;right:calc(15% + 20px)}#main_index>div>img{max-width:100%}#main_index>div{text-align:center}#main_index>div:first-child{color:#fff}#main_index>div:nth-child(2){font-weight:700}#main_index>div:nth-child(4)>img{width:30%}#main_index>#btn_goAbout img{width:80px}.logo{cursor:pointer;width:220px;margin:0 auto;padding-top:20px;display:block}#main_rule>div{width:70%;margin:0 auto}#main_rule>div:first-child{text-align:center;letter-spacing:3px;color:#fff;padding:0 0 15px;font-size:24px;font-weight:700}#main_rule>div:nth-child(2)>img{width:100%}#main_rule>div:nth-child(3){justify-content:space-between;align-items:center;gap:12px;display:flex}#main_rule>div:nth-child(3)>.button-17{flex:1 1 0;min-width:0}#main_about{height:100%}#about_people{background-color:#fff;border-radius:30px;grid-template-rows:50% 50%;width:80%;height:85%;margin:25px auto 0;padding-top:30px;display:grid}#about_people>div>div>img{max-width:100%;height:70%;margin:0 auto;display:block}.about_wrapper{cursor:pointer}#about_people>div:first-child{grid-template-columns:1fr 1fr 1fr;display:grid}#about_people>div:nth-child(2){grid-template-columns:11.3333% 33% 11.3333% 33% 11.3333%;margin-top:-10%;display:grid}#about_detail_wrapper{color:#000;text-align:center;z-index:10;transition:top .3s;position:absolute;top:-100%;left:50%;transform:translate(-50%,-50%)}#about_detail_bth{cursor:pointer}#about_detail_wrapper img{width:70%;max-width:100%;margin:0 auto 5px;display:block}#about_school{text-align:center;letter-spacing:5px;color:#fff;height:40px;font-size:.8em;line-height:80px}#main_type{width:100%;overflow-x:hidden}#main_type>div:first-child{text-align:center;color:#fff}#type_img_box{grid-column-gap:600px;grid-template-columns:repeat(7,14.2857%);width:100vw;margin:50px 0 0 200px;display:grid;overflow-x:scroll}#type_img_box:hover{width:calc(100vw - 200px);margin:50px 0 0}#type_img_box img{width:700px}#type_img_box>img:nth-child(6){margin-right:1000px}.icon-undo{color:#000;cursor:pointer;background-color:#fff;border:4px solid #000;border-radius:50%;width:45px;height:45px;margin:0 auto;display:block;position:relative}.icon-undo:hover{background-color:#ffca41}.icon-undo:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#test_wrapper{background-color:#263a46;width:70%;height:100%;margin:0 auto}a{cursor:pointer}.button-81{box-sizing:border-box;color:#0d172a;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-color:#fff;border:5.5px solid #000;border-radius:2rem;min-width:280px;padding:1rem 1.6rem;font-family:Basier circle,-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.1rem;font-weight:600;line-height:1;text-decoration:none;transition:all .1s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 1px 2px #a6afc340}.button-81:hover{background-color:#ffca41}@media (min-width:768px){.button-81{padding:1rem 2rem;font-size:1.125rem}}#test_q{text-align:center;color:#fff;margin:70px 0 35px;font-weight:900}.options{margin:0 auto 15px;display:block}#test_q_box{grid-template-columns:55% 45%;padding-top:30px;display:block}#test_q_box>div{padding-right:15px;line-height:70px}#test_q_box>img{height:70px}#test_img{max-width:100%;height:65%;margin:0 auto;display:none}#btn_up,#btn_down{z-index:3;cursor:pointer;width:100px;height:50px;display:none;position:fixed;top:calc(100dvh - 50px);left:calc(50vw - 50px)}#btn_up>img,#btn_down>img{margin:0 auto;display:block}#test_result_box{z-index:2;background-color:#ffca41;width:70%;height:100vh;transition:top .4s;position:absolute;top:100%;left:15%}#result_img{object-fit:contain;max-width:100%;height:85%;margin:5% auto 0;display:block}@media screen and (max-width:768px){body{max-width:100vw!important;max-height:100vh!important;overflow:hidden!important}#main{width:100vw}#main_index{grid-template-rows:40px 55% 30% 0;width:80%}#btn_goAbout{right:5px!important}#main_rule>div:nth-child(2){width:98%;padding-bottom:25px}#main_rule>div:nth-child(3){width:92%}#type_img_box{grid-column-gap:700px;width:100%!important;margin:25px 0 25px 20px!important}#about_people{width:90%;height:80%}#about_people>div:nth-child(2){margin-top:0;margin-bottom:0%}#about_school{letter-spacing:3px;font-size:13px}#about_detail_wrapper{width:90vw}#about_detail_wrapper img{width:100%;max-width:90vw}#test_wrapper{width:100%}.options{min-width:80%}#test_q_box{grid-template-rows:1fr 1fr;grid-template-columns:100%}#test_q_box>div{text-align:center}#test_q_box>img{margin:0 auto}#test_img{height:50vh}#test_result_box{width:100%;left:0}#result_img{max-width:95%;margin-top:20%}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}