body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.btn{color:#fff;outline:none;cursor:pointer;font-size:16px;font-weight:700;line-height:32px;padding:0 20px;letter-spacing:2px;border:1px solid #4aa9db;border-radius:6px;background-color:#4aa9db}.btn:active{background-color:#2094d2;border:1px solid #2094d2}.btn:disabled{background-color:#ddd;border:1px solid #ddd;cursor:not-allowed}.login-logo-box{padding:30px}.login-logo{width:160px;height:160px;position:relative;background-image:url(/static/media/logo-solid-text.19d0643f.png);background-repeat:no-repeat;background-size:contain;background-position:50%;margin:auto}.login-footer{padding:10px;width:100%;font-size:14px;position:fixed;bottom:0;text-align:center;background-color:rgba(0,0,0,.05)}.login-footer h6{margin:0}.login-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(#4aa9db,#647de2)}.login-container .login-panel{width:90%;max-width:350px;text-align:center;background-color:#fff;border-radius:6px;overflow:hidden}.login-container .login-inputs{padding:10px 30px 30px}.table-header{display:table-header-group;border-bottom:2px solid #282c34}.table-header .table-cell{font-weight:700}.table-cell{display:table-cell;white-space:nowrap;padding:15px 20px;word-break:keep-all;border-bottom:1px solid #f7f7f7}.table-row{display:table-row}.pagination-box{display:flex;padding:8px 0}.next-button,.pagination-box{justify-content:center;align-items:center}.next-button{padding:10px 12px;font-size:16px;height:36px;background-color:#fff;border:1px solid #eee;border-radius:4px;display:inline-flex;margin-left:5px;cursor:pointer}.next-button:disabled{opacity:.7}.next-button:hover{background-color:#f1f1f1}.pre-button{padding:10px 12px;font-size:16px;height:36px;background-color:#fff;border:1px solid #eee;border-radius:4px;display:inline-flex;justify-content:center;align-items:center;margin-left:5px;cursor:pointer}.pre-button:disabled{opacity:.7}.pre-button:hover{background-color:#f1f1f1}.page-button{padding:10px 12px;font-size:16px;height:36px;background-color:#fff;border:1px solid #eee;border-radius:4px;display:inline-flex;justify-content:center;align-items:center;margin-left:5px;cursor:pointer}.page-button:disabled{opacity:.7}.page-button:hover{background-color:#f1f1f1}.page-button.active{color:#4aa9db;font-weight:700;border:1px solid #4aa9db}.total-content{margin-right:15px}.rest-dot{padding:8px}.container{height:100%;padding:0 15px;overflow:auto;position:relative;box-sizing:border-box;flex:1 1}.table-body{display:table-row-group}.table{display:table;width:100%}.panel{display:block;background-color:#fff;border-radius:6px;margin-bottom:16px}.panel-body{display:block;width:100%;overflow-x:auto}.panel-header{padding:10px 20px;border-bottom:1px solid #eee;justify-content:space-between}.panel-header .panel-header-title{font-size:20px;font-weight:700}.correct{font-size:20px;color:#4aa9db;background:-webkit-linear-gradient(#4aa9db,#647de2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.incorrect{font-size:20px;color:#ddd}.search-bar{padding:16px}.radio-group{margin-bottom:8px}.radio-group input{display:none}.radio-active{margin:8px;cursor:pointer;color:#4aa9db;background:-webkit-linear-gradient(#4aa9db,#647de2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.radio-inactive{margin:8px;cursor:pointer;color:#ddd}.dialog-container{display:flex;align-items:center;z-index:999}.dialog-container,.dialog-container .dialog-mask{position:fixed;top:0;left:0;width:100vw;height:100vh}.dialog-container .dialog-mask{background-color:rgba(0,0,0,.6)}.dialog-container .dialog{position:relative;width:400px;margin:auto;border-radius:6px;background-color:#fff}.dialog-container .dialog .dialog-title{padding:15px;font-size:20px;letter-spacing:2px;font-weight:700;border-bottom:1px solid #ddd}.dialog-container .dialog .dialog-content{padding:15px}.dialog-container .dialog .dialog-footer{width:100%;padding:15px;display:flex;box-sizing:border-box;justify-content:space-between}.label-text{margin-left:10px}.grid-container{display:flex;padding:0 8px}.grid-item{flex:1 1;padding:8px}.info-card{display:flex;padding:16px 24px;background-color:#fff;border-radius:6px;overflow:hidden;position:relative}.info-card .info-icon{display:flex;width:60px;padding-right:24px;align-items:center;justify-content:center;font-size:38px}.info-card .info-icon.today{color:#4aa9db;background:-webkit-linear-gradient(#4aa9db,#647de2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info-card .info-icon.total{color:#32dac8;background:-webkit-linear-gradient(#32dac8,#5db3dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info-card .info-icon.visit{color:#88d839;background:-webkit-linear-gradient(#88d839,#2cbfa4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info-card .info-icon.totalVisit{color:#ffab5a;background:-webkit-linear-gradient(#ffab5a,#f56b29);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info-card .info-text{display:flex;font-weight:700;align-items:flex-start;flex-direction:column;justify-content:center;border-left:2px solid #eee;padding-left:24px}.info-card .info-text .info-title{margin-bottom:4px;font-size:16px}.info-card .info-text .info-subtitle{font-size:14px;color:#838fa0;margin-bottom:8px}.info-card .info-text .info-content{font-size:24px;line-height:24px}.info-card:before{position:absolute;content:"";left:0;top:0;background-color:#2094d2;width:4px;height:100%}.info-card.total{position:relative}.info-card.total:before{position:absolute;content:"";background-color:#32dac8}.info-card.visit{position:relative}.info-card.visit:before{position:absolute;content:"";background-color:#88d839}.info-card.totalVisit{position:relative}.info-card.totalVisit:before{position:absolute;content:"";background-color:#ffab5a}.chart-title span{margin-left:10px}.chart-container{padding:30px;box-sizing:border-box}.menu-bar{height:100vh;width:250px;min-width:250px;background:linear-gradient(#4aa9db,#647de2)}.menu-logo{width:130px;height:130px;position:relative;background-image:url(/static/media/logo-text.cef52697.png);background-repeat:no-repeat;background-size:contain;background-position:50%;width:100%;margin:20px 0}.menu-items .menu-item{padding:20px 20px 20px 50px;color:#fff;cursor:pointer;font-weight:700;display:flex;align-items:center}.menu-items .menu-item:hover{text-shadow:2px 2px 5px #3273b7}.menu-items .menu-item.active{background-color:#ebf2f9;color:#3273b7;margin-left:20px;padding:20px 20px 20px 30px;border-top-left-radius:40px;border-bottom-left-radius:40px;position:relative}.menu-items .menu-item.active:hover{text-shadow:2px 2px 5px #ebf2f9}.menu-items .menu-item.active:before{box-shadow:-5px 0 5px #4499dc;top:-30px;box-shadow:15px 15px 0 #ebf2f9}.menu-items .menu-item.active:after,.menu-items .menu-item.active:before{content:"";width:30px;height:30px;position:absolute;right:0;border-radius:10px;background-color:transparent}.menu-items .menu-item.active:after{box-shadow:-5px 0 5px #4499dc;top:62px;box-shadow:15px -15px 0 #ebf2f9}.menu-items .menu-item i{text-align:center;width:24px;font-size:18px;margin-right:8px}.navigation-container{box-sizing:border-box;padding:0 15px 15px;width:100%}.navigation-container .navigation-bar{display:flex;box-sizing:border-box;border-radius:6px;border-top-right-radius:0;border-top-left-radius:0;height:60px;padding:15px;background-color:#fff;align-items:center;justify-content:flex-end}.navigation-container .avatar-box{width:40px;height:40px;position:relative;background-image:url(/static/media/logo-solid.73d82a92.png);background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:#ebf2f9;border-radius:40px;margin-left:15px}.layout{background-color:#ebf2f9;display:flex}html{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}body{color:#3e4e6e;min-height:100vh;font-family:"Microsoft JhengHei"}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-group{width:100%;display:inline-flex;align-items:center;margin-bottom:12px}.form-group label{text-align:left;font-size:16px;min-width:90px;font-weight:700;margin-bottom:8px}.input{flex:1 1;outline:none;height:36px;margin-left:8px;margin-bottom:8px;padding-left:8px;border-radius:8px;border:1px solid #ddd;font-size:18px;color:#304a79}.footer{position:absolute;bottom:0}.no{background-color:#ec4242}.no,.yes{color:#fff;width:25px;display:inline-block;height:25px;border-radius:20px;line-height:25px;margin:2px;font-weight:bolder}.yes{background-color:#64c16f}.score-with{width:10px}h2{margin:0;padding:15px}a{text-decoration:none}
/*# sourceMappingURL=main.bbfa4f8b.chunk.css.map */