abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}.flex{display:flex;min-height:0;min-width:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.f1{flex-grow:1}.fs0{flex-shrink:0}.aic{align-items:center}.aie{align-items:flex-end}.jcc{justify-content:center}.jce{justify-content:flex-end}.jcsb{justify-content:space-between}.ofa{overflow:auto}.roller{display:inline-block;position:relative;width:64px;height:64px;transform:scale(2)}.roller>div{animation:motion 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.roller>div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#ace;margin:-3px 0 0 -3px}.roller>div:first-child{animation-delay:-36ms}.roller>div:first-child:after{top:50px;left:50px}.roller>div:nth-child(2){animation-delay:-72ms}.roller>div:nth-child(2):after{top:54px;left:45px}.roller>div:nth-child(3){animation-delay:-.108s}.roller>div:nth-child(3):after{top:57px;left:39px}.roller>div:nth-child(4){animation-delay:-.144s}.roller>div:nth-child(4):after{top:58px;left:32px}.roller>div:nth-child(5){animation-delay:-.18s}.roller>div:nth-child(5):after{top:57px;left:25px}.roller>div:nth-child(6){animation-delay:-.216s}.roller>div:nth-child(6):after{top:54px;left:19px}.roller>div:nth-child(7){animation-delay:-.252s}.roller>div:nth-child(7):after{top:50px;left:14px}.roller>div:nth-child(8){animation-delay:-.288s}.roller>div:nth-child(8):after{top:45px;left:10px}@-moz-keyframes motion{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes motion{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-o-keyframes motion{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes motion{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}table{font-family:arial,sans-serif;border-collapse:collapse;margin:7px 0}td,th{border:1px solid #888;text-align:left;padding:4px 8px}td input,td select,td textarea,th input,th select,th textarea{padding:3px;box-sizing:border-box;margin:2px 7px}thead tr{background-color:#21a683;color:#fff}thead tr th{text-align:center}thead .tr_green{background-color:#20a07e}thead .tr_yellow{background-color:#ffbb1c}thead .tr_gray{background-color:#888}.td_bdr{border-right:2px solid #555}tbody tr:nth-child(2n):not(.th_syscolor){background-color:#e7e7e7}.th_syscolor{background-color:#21a683;color:#fff}.th_syscolor th{text-align:center}.th-gray{background-color:#e7e7e7;color:#000}.table-white{background-color:#fff}.table-btn-full{width:95%}.table-btn-full,.table-btn-full-100{margin:auto 7px;background-color:#e3f9f4;box-sizing:border-box;border:2px solid #00a200}.table-btn-full-100{width:99%}.table-w-s{width:90px}.table-w-full{width:100%;box-sizing:border-box}.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#0ff!important}.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196f3!important}.w3-hover-light-blue:hover,.w3-light-blue{color:#000!important;background-color:#87ceeb!important}.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}.w3-blue-gray,.w3-blue-grey,.w3-hover-blue-gray:hover,.w3-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4caf50!important}.w3-hover-light-green:hover,.w3-light-green{color:#000!important;background-color:#8bc34a!important}.w3-hover-indigo:hover,.w3-indigo{color:#fff!important;background-color:#3f51b5!important}.w3-hover-khaki:hover,.w3-khaki{color:#000!important;background-color:khaki!important}.w3-hover-lime:hover,.w3-lime{color:#000!important;background-color:#cddc39!important}.w3-hover-orange:hover,.w3-orange{color:#000!important;background-color:#ff9800!important}.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}.w3-hover-pink:hover,.w3-pink{color:#fff!important;background-color:#e91e63!important}.w3-hover-purple:hover,.w3-purple{color:#fff!important;background-color:#9c27b0!important}.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}.w3-hover-red:hover,.w3-red{color:#fff!important;background-color:#f44336!important}.w3-hover-sand:hover,.w3-sand{color:#000!important;background-color:#fdf5e6!important}.w3-hover-teal:hover,.w3-teal{color:#fff!important;background-color:#009688!important}.w3-hover-yellow:hover,.w3-yellow{color:#000!important;background-color:#ffeb3b!important}.w3-hover-white:hover,.w3-white{color:#000!important;background-color:#fff!important}.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}.w3-text-red{color:red}.text-gray,.w3-text-gray{color:#888}.lightbox{position:fixed;width:100%;top:0;left:0;height:100%;display:flex;overflow:hidden;background-color:rgba(0,0,0,.2)}.lightbox>.lightbox_content{display:flex;min-height:0;min-width:0;flex-direction:column;margin:auto;width:40%;max-height:70%;min-height:20%;background-color:#fff;border-radius:10px;z-index:1}.lightbox>.lightbox_content>h4{text-align:center;background-color:#ace;font-size:23px;padding:5px 15px;border-radius:5px 5px 0 0;min-height:16px}.lightbox>.lightbox_cover{width:100%;height:100%;position:absolute;cursor:pointer}.MuiAppBar-colorPrimary{background-color:#1b896c!important;color:#fff!important}.section_bottom{margin:0 0 15px}.margin-s{margin:4px}.margin-rl{margin:7px}.section{margin:15px}.section-lx{margin:30px}.navbar_year{margin:7px;display:flex;min-height:0;min-width:0;flex-direction:column;font-size:1rem}.navbar_year>nav{display:flex;min-height:0;min-width:0;margin:7px 0;align-items:center;flex-wrap:wrap}.navbar_year>nav>b{margin:0 5px 0 0;font-weight:bolder}.navbar_year>nav>a,.navbar_year>nav>span{padding:3px 15px;display:inline-block;font-weight:bolder;font-size:.9rem;text-decoration:none;border-radius:8px;margin:0 3px;cursor:pointer;color:#000!important;background-color:#ddd}.navbar_year>nav>a:hover:not(.nav_active),.navbar_year>nav>span:hover:not(.nav_active){background-color:#ddd;color:#000!important}.navbar_year>nav>.nav_active{background-color:#1b896c;color:#fff!important}@media screen and (max-width:767px){.navbar_year>nav{display:flex;min-height:0;min-width:0;flex-direction:column;text-align:center}.navbar_year>nav>a{flex:1}}.studentbox{flex:1}.studentbox>nav{display:flex;min-height:0;min-width:0;flex-wrap:wrap}.studentbox>nav>a,.studentbox>nav div{flex:1;text-align:center;padding:7px 15px;color:#000;display:inline-block;font-weight:bolder;text-decoration:none;transition:.5s}.studentbox>nav>.nav_active{background-color:#29d1a5}.studentbox>.content{border:1px solid #43dab2}.inputbox>label{display:flex;align-items:center;margin:7px;font-weight:bolder}.inputbox input,.inputbox select{padding:3px 5px;margin:0 5px}.questionnaireitem>h2{width:100%;text-align:center;border-bottom:1px solid #000;line-height:.1em;margin:10px 0 20px}.questionnaireitem>h2>span{background:#fafafa;padding:0 10px;font-size:1.2rem}.verfitybox{border:1px solid rgba(0,0,0,.2);background-color:#fbf6f0;padding:15px;width:25%;border-radius:7px;box-shadow:1px 1px 2px rgba(0,0,0,.2);min-height:300px;font-weight:bolder}.verfitybox>h5{font-size:26px;text-align:center;margin:7px}.verfitybox>div{margin:5px;padding:0 7px;color:#586c37}.verfitybox>div>label{width:100px;display:inline-block;margin:7px;flex-shrink:0}.verfitybox>div>input{padding:3px;line-height:18px;width:270px;font-size:18px;border-radius:5px;border:1px solid #1b896c}.verfitycontent{position:fixed;width:100%;top:0;left:0;height:100%;display:flex;overflow:hidden;color:#000;background-color:hsla(0,0%,100%,.2)}.section_title{background-color:#24b48e;color:#fff;padding:7px;font-weight:bolder;font-size:1.2rem;text-align:center;position:sticky;top:0}.teachercolor3,.teachercolor4{background-color:#008290;color:#fff!important}.teachercolor5{background-color:#d2d2d2;color:#000!important}.sysheader{color:#1b896c;font-size:12px}.sysheader>h2{font-size:18px}.teacherjob-content{position:relative}.teacherjob-content .teacherjob-info{position:absolute;bottom:5px;user-select:none;right:5px}@media screen and (max-width:767px){.teacherjob-content .teacherjob-info{position:static}}.coursetbar>span{width:50%}.coursetbarcolor{background-color:#b2b2b2}.table-bgc-c1{background-color:#355d70;color:#fff}.table-bgc-head{background-color:#1b896c;color:#fff}.yearquestionnaire>div,.yearquestionnaire>form{width:80%;min-width:500px;border:1px solid rgba(0,0,0,.2);background-color:#fff;border-radius:7px;padding:17px 25px;box-shadow:1px 1px 2px rgba(0,0,0,.2)}.yearquestionnaire>div>h1>span,.yearquestionnaire>form>h1>span{background-color:#ffb81c;color:#fff;padding:2px 7px}.yearquestionnaire>div>.questionnairebar,.yearquestionnaire>form>.questionnairebar{width:100%;height:30px;background-color:#ffb81c;display:block;margin:0 0 15px}.yearquestionnaire>div>.instructions,.yearquestionnaire>form>.instructions{border:2px solid rgba(0,0,0,.5);padding:7px 17px;font-size:1rem;font-weight:700;margin:auto auto 30px;line-height:1.5}.yearquestionnaire>div .yearquestionnaire_title,.yearquestionnaire>form .yearquestionnaire_title{width:100%;text-align:center;border-bottom:1px solid #000;line-height:.1em;margin:10px 0 20px}.yearquestionnaire>div .yearquestionnaire_title>span,.yearquestionnaire>form .yearquestionnaire_title>span{background:#fff;padding:0 10px;font-size:1rem}.yearquestionnaire>div .yearquestionnaire_h2,.yearquestionnaire>form .yearquestionnaire_h2{font-size:1rem;padding:5px 0}.yearstudentquestionnaire_instruction{border:2px solid #1b896c;padding:10px 5%;margin:5px;border-radius:17px}.yearstudentquestionnaire_instruction>h2{font-size:1.4rem;text-align:center;margin:3px}.yearstudentquestionnaire_instruction>h3{font-size:1rem}.course_card{border:1px solid rgba(0,0,0,.2);box-shadow:0 0 7px 5px rgba(0,0,0,.2);width:50%;max-width:750px;min-width:650px;margin:7px auto;border-radius:11px;background-color:#fff}@media screen and (min-width:768px) and (max-width:979px){.course_card{min-width:100%;width:100%}}.course_card table b{font-size:16px}.course_card table thead{border-bottom:2px solid rgba(0,0,0,.2)}.course_card table thead tr th{text-align:start}.course_card table td,.course_card table th{border-style:none;color:#000;background-color:#fff}@media screen and (max-width:767px){html{font-size:10px}}.webinfo{font-family:Roboto;background-color:#fbf6f0;color:#586c37;scroll-behavior:smooth;scroll-snap-type:y mandatory}.webinfo .navbar{font-size:1.3rem;position:fixed;background-color:transparent;top:0;padding:7px 0 5px;display:flex;align-items:center;justify-content:center;width:100vw;z-index:999}.webinfo .navbar>a{margin:7px;color:#586c37;text-decoration:none;text-shadow:0 4px 4px rgba(0,0,0,.25);font-weight:bolder;padding:3px;user-select:none;border-bottom:2px solid transparent}.webinfo .navbar>a:hover{border-bottom:2px solid #efac00;cursor:pointer}.webinfo>header{background-color:#f2e7d9}.webinfo>header .logo>*{color:#586c37;font-weight:700;font-size:3rem;line-height:56px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25)}.webinfo>section{display:flex;min-height:0;min-width:0;flex-direction:column;align-items:center;justify-content:center;margin:auto;text-align:start}.webinfo>section>div{margin:15px;width:60%}@media screen and (max-width:767px){.webinfo>section>div{width:80%;margin:0}}.webinfo>section h2{font-weight:400;font-size:1.2rem}.webinfo>section>.info-title{font-size:64px;text-align:center}@media screen and (max-width:767px){.webinfo>section>.info-title{font-size:36px}}.webinfo>section>.info-content{font-size:36px;color:#000;line-height:3.5rem}@media screen and (max-width:767px){.webinfo>section>.info-content{font-size:1rem;line-height:3rem}}.webinfo>section>.info-content>.plan .plan-content{width:33%;margin:7px 15px}.webinfo>section>.info-content>.plan .plan-content>h4{font-size:2rem;color:#586c37}@media screen and (max-width:767px){.webinfo>section>.info-content>.plan .plan-content>h4{font-size:1.5rem}}.webinfo>section>.info-content>.plan .plan-content .plan-info{font-size:18px}@media screen and (max-width:767px){.webinfo>section>.info-content>.plan .plan-content .plan-info{font-size:1rem}}.webinfo>#contactus>.info-content{margin:0 auto;font-size:24px}@media screen and (max-width:767px){.webinfo>#contactus>.info-content{font-size:1rem}}.webinfo>#sitemap>.info-content{margin:0 auto;font-size:24px}@media screen and (max-width:767px){.webinfo>#sitemap>.info-content{font-size:12px}}.webinfo>#sitemap li{list-style:none}.webinfo>#sitemap ul{padding:0 15px}.webinfo>section,.webinfo header{box-sizing:border-box;min-height:100vh;width:100vw;flex-shrink:0;scroll-snap-align:start}.announcement-content{border-radius:30px;border:10px solid #586c37;padding:30px 0;height:65vh;font-size:24px;position:relative}.announcement-content>.announcement-box::-webkit-scrollbar{width:8px}.announcement-content>.announcement-box::-webkit-scrollbar-track{background:transparent}.announcement-content>.announcement-box::-webkit-scrollbar-thumb{background:#888}.announcement-content>.announcement-box>.announcement-items{margin:0 30px;padding:5px}.announcement-content>.announcement-box>.announcement-items:hover{background-color:rgba(0,0,0,.2);cursor:pointer}.announcement-content>.announcement-box>.announcement-items:focus{outline:1px solid #000}.announcement-content>.announcement-box>.announcement-items>b{margin:0 15px 10px 0}.loginbtn{color:#fbf6f0;font-size:30px;background-color:#586c37;text-align:center;border-radius:25px;padding:10px;font-weight:bolder;width:120px;z-index:100;margin:20px;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.25)}.loginbtn:focus{outline:2px solid #000}.announcement-detail{border-radius:30px;box-sizing:border-box;border:8px solid #586c37;padding:30px;font-size:24px;overflow-y:auto;height:60vh;min-height:50vh}.announcement-detail::-webkit-scrollbar{width:8px;display:none}.announcement-detail::-webkit-scrollbar-track{background:transparent}.announcement-detail::-webkit-scrollbar-thumb{border:10px solid #586c37;border-radius:8px;background-clip:padding-box}.announcement-detail>div{margin:8px;font-weight:bolder}.announcement-detail>div>b{width:120px}.announcement-detail>div pre{word-wrap:break-word;word-break:break-all;white-space:pre-wrap}>div{margin:8px;font-weight:bolder}>div>b{width:120px}>div pre{word-wrap:break-word;word-break:break-all;white-space:pre-wrap}.loginform{padding:15px;background-color:#fbf6f0;color:#000;font-weight:bolder}.loginform>.loginheader{color:#586c37;font-size:12px}.loginform>.loginheader>h2{font-size:18px}.loginform>div{width:100%;margin:7px 0;display:flex;min-height:0;min-width:0;justify-content:center;align-items:center;font-size:21px}.loginform>div>label{flex:1;font-size:18px;color:#586c37}.loginform>div span{text-align:start;font-size:16px;cursor:pointer}.loginform>div span:hover{text-decoration:underline;color:#00f}.loginform>div .forget{margin-top:15px;font-size:16px;outline:none;border:none;color:red;font-weight:bolder}.loginform>div .forget:focus{outline:1px solid #000}.loginform>div>input{padding:3px;line-height:18px;width:270px;font-size:18px;border-radius:5px;border:1px solid #586c37}.headercontent{position:relative}.headerinfo{z-index:100;display:flex}@media screen and (max-width:767px){.headerinfo>img{width:200px}}.headerinfo>.webinfobox{min-width:300px}.waves{position:absolute;bottom:0;width:100%;height:50vh;min-height:100px}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@-moz-keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@-webkit-keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@-o-keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}*{margin:0;padding:0}body{font-family:微軟正黑體,serif}#root,body,html{height:100%}#root{overflow:hidden}#root>*{height:100%;overflow-y:auto;overflow-x:hidden}.btn{margin:5px;border:1px solid rgba(0,0,0,.2);border-radius:20px;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;cursor:pointer;transition:.5s;font-size:17px;word-break:keep-all}.btn:hover{background-color:#aaa}.btn:disabled{cursor:not-allowed;opacity:.3}.btn-green{background-color:#00a200;color:#fff}.btn-green:hover{background-color:#007100}.btn-red{background-color:red;color:#fff}.btn-red:hover{background-color:#900}.btn-yellow{background-color:#ffb81c;color:#000!important}.btn-yellow:hover{background-color:#c68800}.btn-Syscolor{background-color:#20a07e;color:#fff!important}.btn-Syscolor:hover{background-color:#13604c}.btn-s{font-size:13px;font-weight:bolder}.btn-bdr15{border-radius:15px}.text-red{color:red}.tas{text-align:start}.tac{text-align:center}.vam{vertical-align:middle}.tae{text-align:end}.sidebar_active{background-color:#900}.clear_link{text-decoration:none;color:#000}input[type=checkbox],input[type=radio]{font-size:16px;width:20px;height:20px;cursor:pointer}.input-l{width:280px}.input-s{width:80px}input,textarea{padding:3px}textarea{resize:none}.w20{width:20px}.w80{width:80px}.w100{width:100px}.w120{width:120px}.w180{width:180px}.w200{width:200px}.w250{width:250px}.w400{width:400px}.select{padding:3px;box-sizing:border-box;margin:2px 7px}.text-green{color:#00a200}.text-yellow{color:#ffb81c}.btn-small{margin:2px;border:1px solid rgba(0,0,0,.2);border-radius:3px;display:inline-block;padding:3px 7px}