form input{display:block}.flex-container{display:flex}.flex-item{width:50%}.flex-item,.search-input{align-items:center;display:flex;justify-content:center}.search-input{border:1px solid #f3f4f8;border-radius:6px;padding:0 12px;width:220px}.search-input .icon{color:#78869a}.search-input input{border:none;color:#78869a;display:block;font-size:12px;outline:none;padding:12px 8px;width:100%}#sidebar .category{display:block}@media(max-width:768px){#sidebar .category{display:none}}#sidebar .category .item.active,#sidebar .category .item:hover{background-color:#f9fafc;border-radius:10px;box-shadow:0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.19);color:#2463eb}#sidebar .category .item.active .name,#sidebar .category .item:hover .name{text-shadow:none}#sidebar .category .item.active .name .icon,#sidebar .category .item:hover .name .icon{color:#2463eb;text-shadow:none}#main .category{display:none}@media(max-width:768px){#main .category.active{-webkit-animation:animatezoom .6s;animation:animatezoom .6s;background-color:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.19);color:#000;display:block;left:12px;margin:0;padding:16px;position:absolute;right:12px;top:66px;z-index:1}#main .category.active .item{display:flex;float:none;outline:0;padding:8px 16px;text-align:left;white-space:normal;width:100%}}#main .category-shadow{display:none}@media(max-width:768px){#main .category-shadow.active{background-color:#d3d3d3;bottom:0;display:block;left:0;opacity:.5;position:absolute;right:0;top:0}}.category .item{color:#6f7f93;justify-content:space-between;text-decoration:none}.category .item .name{align-items:center;display:flex;justify-content:left}.category .item .name,.category .item .name .icon{text-shadow:0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.19)}.category .item .name .icon{margin-right:16px}.category .item .badge{align-items:center;background-color:#ed509d;border-radius:50%;color:#fff;display:flex;font-size:9px;height:20px;justify-content:center;padding-left:8px;padding-right:8px;text-align:center;width:20px}.item.dashboard-name{justify-content:center}.item.dashboard-name .logo{align-items:center;background-color:#2463eb;border-radius:5px;display:flex;height:28px;justify-content:center;margin-right:5px;width:28px}.item.dashboard-name .logo .icon{color:#fff;font-size:.9rem;-webkit-transform:rotateX(10deg);transform:rotateX(10deg)}.item.dashboard-name.isMobile{display:none}@media(max-width:768px){.item.dashboard-name.isMobile{display:inline-block}.item.dashboard-name.isMobile h2,.item.dashboard-name.notMobile{display:none}}#sidebar{background-color:#fff;border-right:1px solid #f9fafc;display:block;height:100%;overflow:auto;position:fixed!important;width:25%;z-index:1}@media(max-width:768px){#sidebar{border-right:none;display:none;width:100%}}#sidebar .item{align-items:center;border:none;cursor:pointer;display:flex;float:none;margin:8px 32px;outline:0;padding:16px;text-align:left;white-space:normal}@media(max-width:900px){#sidebar .item{margin:8px}}#sidebar .item.dashboard-name{margin:0;padding-left:0;padding-right:0}#main{background-color:#f9fafc;display:flex;flex-direction:column;margin-left:25%}#main section{height:inherit;padding:82px 16px 16px}@media(max-width:768px){#main{display:block;margin-left:0}}@-webkit-keyframes animatezoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animatezoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.bar{align-items:center;border-bottom:1px solid #f9fafc;display:flex;justify-content:center;min-height:90px;width:100%}.bar.header{background-color:#fff;justify-content:space-between;margin:0;padding:0 16px;position:fixed;width:75%}@media(max-width:768px){.bar.header{width:100%}}.bar .nav{align-items:center;display:flex;justify-content:center}.bar .nav .item{margin-right:16px}@media(max-width:768px){.bar .nav .item{margin-right:8px}}.bar .nav .item:last-child{margin-right:0}@media(max-width:768px){.bar .nav .item.header-search{display:none}}.bar .nav .item.notification{cursor:pointer;position:relative}.bar .nav .item.notification .badge{background-color:red;border-radius:50%;height:5px;position:absolute;right:3px;top:3px;width:5px}.bar .nav .item.profile{align-items:center;display:flex;justify-content:center}@media(max-width:768px){.bar .nav .item.profile{cursor:pointer}}.bar .nav .item.profile .avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:30px;margin-right:8px;width:30px}.bar .nav .item.profile .icon{display:none;font-size:.8rem}@media(max-width:768px){.bar .nav .item.profile .icon{display:block}}.icon{color:gray;font-size:1.3rem}.card{background-color:#fff;border-radius:3px;flex-grow:1;margin-left:8px;margin-right:8px;padding:16px}.card:first-child{margin-left:0}.card:last-child{margin-right:0}.card.grow-2{flex-grow:2}@media(max-width:768px){.card{margin:8px 0}.card:first-child{margin-top:0}.card:last-child{margin-bottom:0}.card.grow-2{flex-grow:1}}.card-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-top:16px;width:100%}.card-row:last-child{margin-bottom:0}.card-row.border{background-color:#fff;padding-bottom:8px;padding-top:8px}.card-row.border .card{border-right:1px solid #f9fafc;padding-bottom:8px;padding-top:8px}.card-row.border .card:last-child{border-right:none}@media(max-width:768px){.card-row{flex-direction:column;width:100%}.card-row.border .card{border-bottom:1px solid #f9fafc;border-right:none}.card-row.border .card:last-child{border-bottom:none}}menu.bar.header.volumn{margin-top:90px}menu.bar.header.volumn .item{cursor:pointer}#main section.volumn{padding-top:192px}#main section.volumn .card{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:inherit;justify-content:space-between;padding:16px}.responsive{display:block;overflow-x:auto;overflow-y:auto}.table-all{border-collapse:collapse;border-spacing:0;display:table;min-width:650px;overflow-x:auto;width:100%}.table-all td,.table-all th{padding:16px 8px}.table-all .th-bg .th-hover-bg:hover{background-color:#d3d3d3!important}.table-all tbody td{text-align:center}.table-all.hoverable tbody tr:not(.chart):hover{background-color:#ccc;cursor:pointer}.table-all .chart{border:1px dotted blue;border-radius:8px}.table-all .chart .container{align-items:center;display:flex;justify-content:center;width:100%}.table-all .checkbox{border:1px solid #d3d3d3;border-radius:5px;height:20px;width:20px}.table-all .checkbox.checked{background-color:blue}.select{border:1px solid #ccc;padding:9px 0}.pagination{align-items:center;display:flex;justify-content:space-between;width:100%}.pagination .bar{border:none;overflow:hidden;width:auto}.pagination .bar .button{border:1px solid #d3d3d3;border-radius:3px;color:#d3d3d3;margin-left:8px;white-space:normal}@media(max-width:768px){.pagination{flex-direction:column}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}progress{vertical-align:initial}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}figure{margin:1em 40px}img{border-style:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:initial;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}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{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{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}body,html{font-size:15px;line-height:1.5}html{overflow-x:hidden}h1{font-size:36px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}.w3-wide{letter-spacing:4px}hr{border:0;border-top:1px solid #eee;margin:20px 0}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format("opentype")}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format("opentype")}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format("opentype")}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format("opentype")}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format("opentype")}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format("opentype")}#root,body,html,main{font-family:Noto Sans TC,微軟正黑體,sans-serif;height:100%;margin:0}h1,h2{color:#0e172b;font-weight:bolder}@media(max-width:768px){h2{font-size:20px}h3{font-size:18px}}.button{-webkit-touch-callout:none;background-color:inherit;border:none;color:inherit;cursor:pointer;display:inline-block;overflow:hidden;padding:8px 16px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:disabled{cursor:not-allowed;opacity:.3}.button:hover{background-color:#ccc!important;color:#000!important}.button.green,.button.green:hover{background-color:#4caf50!important;color:#fff!important}
/*# sourceMappingURL=main.c0154dcd.css.map*/