:root{--primary_color: #0172E5;--primary_color70: #0172e5b3;--sub_color: #E81F76;--sub_color70: rgb(232, 31, 118, 0.7);--gray_color: #a5bbcb;--light_black_color: #22242D;--chartColor1: #609dee;--chartColor2: #a1e3cb;--chartColor3: #c7ceff;--chartColor4: #4e95f2;--chartColor5: #7ee3bc;--chartColor6: #96a2fc;--chartColor7: #3789f7;--chartColor8: #aed9c7;--chartColor9: #7f8df8}table{width:100%;border-collapse:collapse;border-color:rgba(235,238,245,.25)}table thead tr th{background-color:var(--primary_color70) !important;color:#fff !important;font-weight:900 !important}table thead tr th :hover{color:#fff !important}table thead tr th .Mui-active{color:#fff !important}table thead tr th svg{color:#fff !important}table tbody tr{height:50px}table tbody tr:hover{background-color:#d8e7f3}table tbody tr .row-header{color:#fff;width:140px;text-align:center;font-size:125%;background-color:var(--primary_color70)}table tbody tr .row-value{position:relative;padding-left:10px;font-size:125%}table tbody tr .row-value input{height:20px;width:calc(100% - 35px);font-size:125%}table tbody tr .row-value input:focus{border:1px solid #2f80ed}table tbody tr .row-value button{font-size:87.5%;height:40px}table tbody tr .row-value .Select{width:100%;height:38px}table tbody tr .row-value .Panel-Icon{position:absolute;right:10px;top:23px;cursor:pointer;fill:#c0c4cc}table tbody tr .row-value .Panel-Icon.lineHeight-2{top:12px}table tbody tr .row-value.isEdit{padding-left:initial}.letter-1{--i: 1}.letter-through{--i: through}.letter-10{--i: 10}.ProgressDialog-Container{width:100vw;height:calc(100vh - 57px);position:absolute;bottom:0px;left:0px;background-color:rgba(145,145,145,.5);z-index:1400}.ProgressDialog-Container.isLogin{height:100vh}.ProgressDialog-Container .ProgressDialog-ProgressBar{position:relative;top:40%;left:50%;transform:translate(-50%, -50%);width:400px;height:60px;border-radius:50px;padding:2rem;box-shadow:inset .5rem .5rem .5rem #a4a9b5,inset -0.2rem -0.2rem .2rem #a4a9b5;background-color:#fff}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info{font-size:300%;font-weight:600;letter-spacing:10px;text-align:center;padding:2px 12px 10px 12px;display:flex}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span{display:block;position:relative;text-transform:uppercase;animation:waviy 1s infinite}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span:nth-child(odd){color:var(--primary_color70)}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span:nth-child(even){color:var(--sub_color70)}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-1{animation-delay:.1s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-2{animation-delay:.2s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-3{animation-delay:.3s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-4{animation-delay:.4s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-5{animation-delay:.5s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-6{animation-delay:.6s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-7{animation-delay:.7s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-8{animation-delay:.8s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-9{animation-delay:.9s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressDialog-ProgressBar-Info>span.delay-10{animation-delay:1s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressBar-Circle{display:flex;justify-content:center;align-items:center}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressBar-Circle div{width:2vw;height:2vw;border-radius:100%;margin:2vw;background-image:linear-gradient(145deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0) 100%);animation:bounce 1.5s .5s linear infinite}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressBar-Circle .main_color{background-color:var(--primary_color70);animation-delay:.1s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressBar-Circle .sub_color{background-color:var(--sub_color70);animation-delay:.1s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressBar-Circle .main_color2{background-color:var(--primary_color70);animation-delay:.1s}.ProgressDialog-Container .ProgressDialog-ProgressBar .ProgressBar-Circle .sub_color2{background-color:var(--sub_color70);animation-delay:.1s}@keyframes bounce{0%,50%,100%{transform:scale(1);filter:blur(0px)}25%{transform:scale(0.6);filter:blur(3px)}75%{filter:blur(3px);transform:scale(1.4)}}@keyframes waviy{0%,40%,100%{transform:translateY(0px)}20%{transform:translateY(-20px)}}
.StyleContainer{height:calc(100% - 48px);margin:0 24px}@media(max-width: 1024px){.StyleContainer{margin:12px}}
.MuiModal-root{z-index:1500 !important}
.CustomPagination{display:flex;justify-content:center;align-items:center;margin-top:10px;position:relative}.CustomPagination .CustomPagination-Select{margin:0px 20px}.CustomPagination .CustomPagination-GoTo{display:flex;align-items:center;margin-left:20px}.CustomPagination .CustomPagination-GoTo>input{height:14px;width:40px;margin:0px 10px}.CustomPagination .CustomPagination-TotalLabel{position:absolute;right:0px;font-weight:400;color:#606266}.CustomPagination .MuiPaginationItem-root{font-weight:800}.CustomPagination .MuiPaginationItem-root.MuiPaginationItem-previousNext,.CustomPagination .MuiPaginationItem-root.MuiPaginationItem-page{background-color:#f4f4f5}.CustomPagination .MuiPaginationItem-root.Mui-selected{color:#fff;background-color:var(--primary_color70)}
.TableComponentByPagination{margin-top:20px}.TableComponentByPagination table{border-color:#ebeef5}.TableComponentByPagination table tbody tr:nth-child(even){background-color:#ebf3f9}.TableComponentByPagination table tbody tr:hover{background-color:#d8e7f3 !important}.TableComponentByPagination table tbody tr td{border-right:2px solid #ebeef5}.TableComponentByPagination table tbody tr th:last-child,.TableComponentByPagination table tbody tr td:last-child{border-right:none}@media(max-width: 1200px){.TableComponentByPagination .MuiPaper-root{height:100vh}}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MuiTablePagination-selectLabel{display:none}.status-Label{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a;width:fit-content;padding:8px 10px;line-height:14px;font-size:87.5%;border:1px solid;border-radius:4px;margin:auto}.status-Label.disabled{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}
.icon-search-bar-cont{position:relative}.icon-search-bar-cont ::placeholder{color:#6a6b70}.icon-search-bar-cont ::-webkit-input-placeholder{color:#6a6b70}.icon-search-bar-cont ::-moz-placeholder{color:#6a6b70;opacity:1}.icon-search-bar-cont .icon-search-input{height:45px;width:100%;border:1px solid #b8c3d9;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;padding:0px 16px 0 16px;outline:none;background-position:8px 50%;background-color:#f6f6f6;color:#6a6b70;font-size:100%}.icon-search-bar-cont .icon-search-input:focus{border:1px solid #2f80ed}.icon-search-bar-cont .icon-search-bar-clear{transition:color 150ms;color:#ccc;padding:8px;width:fit-content;position:absolute;top:0px;right:5px}.icon-search-bar-cont .icon-search-bar-clear:hover{color:#999}.icon-search-bar-cont .icon-search-bar-clear .icon-search-bar-clear-SvgCss{display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0}.icon-search-bar-cont .icon-search-input:focus+.icon-search-bar-clear{color:#666}.icon-search-bar-cont .icon-search-input:focus+.icon-search-bar-clear:hover{color:#333}
.input-text{padding:8px 15px;border:1px solid #dcdfe6;border-radius:4px;text-align:left;font-size:100%;color:#606266;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1)}.input-text:hover{border-color:#c0c4cc}.input-text:disabled{color:#b8c3d9;border-color:#f4f7f9;background-color:#f4f7f9}.input-text::placeholder{color:#b8c3d9;font-weight:400}.input-text.is-alert{color:#fc4f52;border-color:#fc4f52}.input-text:focus{color:#2f80ed;border-color:#135f98}.input-text.is-view-only{pointer-events:none;color:#29354c;border-color:#f4f7f9;background-color:#f4f7f9}
.Select .Select-Label{font-size:87.5% !important;margin-bottom:5px;color:#4d5156}.Select .MuiInputBase-root{min-width:120px;height:100%;border:1px solid #dcdfe6}.Select .MuiInputBase-root:hover{border-color:#c0c4cc}.Select .MuiInputBase-root.Mui-focused{color:#2f80ed;border-color:#135f98}.Select .MuiInputBase-root.is-alert{color:#fc4f52;border-color:#fc4f52}.Select .MuiInputBase-root .MuiSelect-select{padding:4px 15px}.Select .MuiInputBase-root fieldset{border-color:initial !important;border-width:initial !important;border:initial !important}.Select .MuiInputBase-root em{color:#b8c3d9;top:2px;position:relative}.MuiMenu-root .MuiMenu-MenuItem.Mui-selected.isMulti{color:#135f98;font-weight:700;background-color:initial}.MuiMenu-root .MuiMenu-MenuItem.Mui-selected.isMulti:after{position:absolute;right:20px;font-family:element-icons;content:"✔︎";font-size:75%;font-weight:700}
.StepperComponent{margin-top:20px;padding:0px 50px;display:flex;flex-direction:column}.StepperComponent .StepperComponent-stepHeader .StepperComponent-stepHeader-Label.isActive .MuiStepLabel-iconContainer>svg{color:#3bb2ec}.StepperComponent .StepperComponent-stepHeader .StepperComponent-stepHeader-Label.isActive .MuiStepLabel-labelContainer .MuiStepLabel-label{color:rgba(0,0,0,.87);font-weight:500}.StepperComponent .StepperComponent-Control{margin:10px auto}.StepperComponent .StepperComponent-Control .StepperComponent-Prev,.StepperComponent .StepperComponent-Control .StepperComponent-Next{width:fit-content;margin:10px}
.Toast{width:644px;height:48px;position:fixed;top:60px;left:50%;margin-left:-322px;z-index:1600;box-sizing:border-box;box-shadow:0px 4px 12px rgba(0,0,0,.2);border-radius:8px;font-style:normal;font-weight:500;font-size:100%;line-height:23px;display:flex;align-items:center;padding:0 16px 0 12px}.Toast .toast-message-cont{display:flex;align-items:center;min-width:0}.Toast .toast-message-cont .toast-icon{width:40px;height:40px}.Toast .toast-message-cont .toast-text{min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.Toast .toast-message-cont .toast-sub-text{max-width:280px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.Toast .toast-action-cont{display:flex;align-items:center;margin-left:auto;flex-shrink:0}.Toast .toast-action-cont .toast-action-text{text-decoration-line:underline;user-select:none;margin:0 4px;cursor:pointer}.Toast .toast-action-cont .toast-close-icon{width:32px;height:32px;cursor:pointer}.Toast.alert-type{background:#ffdfdf;border:1px solid #d64346;color:#d64346}.Toast.alert-type .toast-close-icon path{fill:#d64346}.Toast.success-type{background:#eaf7ee;border:1px solid #2db35c;color:#2db35c}.Toast.success-type .toast-close-icon path{fill:#2db35c}.Toast.toast-bottom{bottom:40px;top:unset}
#basic-menu .MuiMenu-paper>ul li{padding:8px 16px}#basic-menu .MuiMenu-paper>ul li.menu-delete{color:red}#basic-menu .MuiMenu-paper>ul li.menu-disabled{color:var(--gray_color);cursor:not-allowed}
.ResetPwdModal{width:500px !important}.ResetPwdModal .ResetPwdModal-Title{font-weight:900;font-size:125%;margin-bottom:20px}.ResetPwdModal table tbody tr{height:70px}.ResetPwdModal table tbody tr .row-value.memo{color:var(--gray_color);font-size:87.5%}.ResetPwdModal .ResetPwdModal-Btn{text-align:end;margin-top:32px}.ResetPwdModal .ResetPwdModal-Btn .ResetPwdModal-Button.submit{font-size:87.5%}.ResetPwdModal .ResetPwdModal-Btn .ResetPwdModal-Button.cancel{margin-right:16px;font-size:87.5%}
.AccountModal{width:500px !important;border-radius:50px}.AccountModal .AccountModal-Title{font-weight:900;font-size:125%;margin-bottom:20px}.AccountModal .AccountModal-Btn{text-align:end;margin-top:68px}.AccountModal .AccountModal-Btn.isEdit{margin-top:16px}.AccountModal .AccountModal-Btn .AccountModal-Button.confirm{font-size:87.5%}.AccountModal .AccountModal-Btn .AccountModal-Button.cancel{margin-right:16px;font-size:87.5%}
.DefaultPageModal{width:200px !important;border-radius:50px}.DefaultPageModal .DefaultPageModal-Title{font-weight:900;font-size:125%;margin-bottom:20px}.DefaultPageModal .DefaultPageModal-Radio{width:100%}.DefaultPageModal .DefaultPageModal-Radio>label span{font-size:125%}.DefaultPageModal .DefaultPageModal-Btn{text-align:end;margin-top:20px}.DefaultPageModal .DefaultPageModal-Btn .DefaultPageModal-Button.confirm{font-size:87.5%}
.Menu-Container{position:absolute;width:250px;top:64px;right:0px;background:#fff;border:1px solid;border-radius:20px;padding:0px 16px;font-size:150%}.Menu-Container>ol{padding-inline-start:10px}.Menu-Container>ol>div{margin:6px 0px;opacity:0;animation:bounceIn 1s linear forwards}.Menu-Container>ol>div:before{content:"❖ "}.Menu-Container>ol>div:nth-child(1){animation-delay:0s}.Menu-Container>ol>div:nth-child(2){animation-delay:.2s;animation-duration:.8s}.Menu-Container>ol>div:nth-child(3){animation-delay:.3s;animation-duration:.7s}.Menu-Container>ol>div:nth-child(4){animation-delay:.4s;animation-duration:.6s}.Menu-Container>ol>div:nth-child(5){animation-delay:.5s;animation-duration:.5s}.Menu-Container>ol>div:nth-child(6){animation-delay:.6s;animation-duration:.4s}.Menu-Container>ol>div:nth-child(7){animation-delay:.7s;animation-duration:.3s}.Menu-Container>ol>div:nth-child(8){animation-delay:.8s;animation-duration:.2s}.Menu-Container>ol>div:nth-child(9){animation-delay:.9s;animation-duration:.1s}.Menu-Container>ol .Account-Info,.Menu-Container>ol .Account-List,.Menu-Container>ol .Default-Page,.Menu-Container>ol .Create-Account,.Menu-Container>ol .Permission-Setting,.Menu-Container>ol .Board-Setting{cursor:pointer}.Menu-Container>ol .SelectLanguage-Option{width:fit-content;cursor:pointer}.Menu-Container>ol .SelectLanguage-Option.isActive{color:var(--primary_color);font-weight:800}.Menu-Container .Header-Menu-Select{cursor:pointer}@keyframes bounceIn{0%{opacity:0;transform:translateX(-10px)}50%{opacity:.5;transform:translateX(30px)}100%{opacity:1;transform:translateX(0px)}}
.Header{min-height:56px;padding:0px 0px;background:linear-gradient(90deg, rgba(1, 138, 229, 0.5) 0%, rgb(255, 255, 255) 100%);display:flex;align-items:center;position:relative;border-bottom:1px solid #d3d3d3;z-index:1300}.Header .Header-Logo{height:32px;padding:0px 16px;cursor:pointer;animation:dropAnimation 1s ease forwards}@media(max-width: 720px){.Header .Header-Logo{height:28px}}.Header .Header-Text{padding-left:16px;font-size:100%;font-weight:bold;color:var(--sub_color);border-left:1px solid var(--primary_color);animation:dropAnimation 1s ease forwards;transform:translateY(-120%);animation-delay:.3s}.Header .Header-Text .Header-Welcome2{color:#000;font-size:100%;font-weight:initial}@media(max-width: 720px){.Header .Header-Text{font-size:85%}}.Header .Header-Control{display:flex;right:24px;position:absolute;height:80%;align-items:center}@media(max-width: 1024px){.Header .Header-Control{height:initial}}.Header .Header-Control .Header-Navigate{height:100%;animation:dropAnimation 1s ease forwards;transform:translateY(-150%);animation-delay:.5s}@media(max-width: 1024px){.Header .Header-Control .Header-Navigate{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:0px;grid-row-gap:0px}}.Header .Header-Control .Header-Navigate .Header-Navigate-Button{margin:0px 8px;height:100%;font-size:125%;border:1px solid var(--gray_color)}@media(max-width: 1024px){.Header .Header-Control .Header-Navigate .Header-Navigate-Button{width:100px;height:26px;font-size:93.75%}}@media(max-width: 720px){.Header .Header-Control .Header-Navigate .Header-Navigate-Button{width:80px;height:24px;font-size:50%;margin:initial;padding:initial}}.Header .Header-Control .Header-Navigate .Header-Navigate-Button.isActive{border:initial}.Header .Header-Control .Header-Navigate .Header-Navigate-Button svg{font-size:175%}@media(max-width: 1024px){.Header .Header-Control .Header-Navigate .Header-Navigate-Button svg{display:none}}.Header .Header-Control .Header-Menu{width:50px;animation:dropAnimation 1s ease forwards;transform:translateY(-150%);animation-delay:.5s}.Header .Header-Control .Header-Menu .Header-Menu-Icon{height:100%;width:100%;cursor:pointer}@keyframes dropAnimation{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}

:root{--primary_color: #0172E5;--primary_color70: #0172e5b3;--sub_color: #E81F76;--sub_color70: rgb(232, 31, 118, 0.7);--gray_color: #a5bbcb;--light_black_color: #22242D;--chartColor1: #609dee;--chartColor2: #a1e3cb;--chartColor3: #c7ceff;--chartColor4: #4e95f2;--chartColor5: #7ee3bc;--chartColor6: #96a2fc;--chartColor7: #3789f7;--chartColor8: #aed9c7;--chartColor9: #7f8df8}table{width:100%;border-collapse:collapse;border-color:rgba(235,238,245,.25)}table thead tr th{background-color:var(--primary_color70) !important;color:#fff !important;font-weight:900 !important}table thead tr th :hover{color:#fff !important}table thead tr th .Mui-active{color:#fff !important}table thead tr th svg{color:#fff !important}table tbody tr{height:50px}table tbody tr:hover{background-color:#d8e7f3}table tbody tr .row-header{color:#fff;width:140px;text-align:center;font-size:125%;background-color:var(--primary_color70)}table tbody tr .row-value{position:relative;padding-left:10px;font-size:125%}table tbody tr .row-value input{height:20px;width:calc(100% - 35px);font-size:125%}table tbody tr .row-value input:focus{border:1px solid #2f80ed}table tbody tr .row-value button{font-size:87.5%;height:40px}table tbody tr .row-value .Select{width:100%;height:38px}table tbody tr .row-value .Panel-Icon{position:absolute;right:10px;top:23px;cursor:pointer;fill:#c0c4cc}table tbody tr .row-value .Panel-Icon.lineHeight-2{top:12px}table tbody tr .row-value.isEdit{padding-left:initial}.Frame{height:calc(100vh - 57px - .5px);overflow:auto;display:flex}.Frame .FrameContainer{width:100%;height:100%}
:root{--primary_color: #0172E5;--primary_color70: #0172e5b3;--sub_color: #E81F76;--sub_color70: rgb(232, 31, 118, 0.7);--gray_color: #a5bbcb;--light_black_color: #22242D;--chartColor1: #609dee;--chartColor2: #a1e3cb;--chartColor3: #c7ceff;--chartColor4: #4e95f2;--chartColor5: #7ee3bc;--chartColor6: #96a2fc;--chartColor7: #3789f7;--chartColor8: #aed9c7;--chartColor9: #7f8df8}table{width:100%;border-collapse:collapse;border-color:rgba(235,238,245,.25)}table thead tr th{background-color:var(--primary_color70) !important;color:#fff !important;font-weight:900 !important}table thead tr th :hover{color:#fff !important}table thead tr th .Mui-active{color:#fff !important}table thead tr th svg{color:#fff !important}table tbody tr{height:50px}table tbody tr:hover{background-color:#d8e7f3}table tbody tr .row-header{color:#fff;width:140px;text-align:center;font-size:125%;background-color:var(--primary_color70)}table tbody tr .row-value{position:relative;padding-left:10px;font-size:125%}table tbody tr .row-value input{height:20px;width:calc(100% - 35px);font-size:125%}table tbody tr .row-value input:focus{border:1px solid #2f80ed}table tbody tr .row-value button{font-size:87.5%;height:40px}table tbody tr .row-value .Select{width:100%;height:38px}table tbody tr .row-value .Panel-Icon{position:absolute;right:10px;top:23px;cursor:pointer;fill:#c0c4cc}table tbody tr .row-value .Panel-Icon.lineHeight-2{top:12px}table tbody tr .row-value.isEdit{padding-left:initial}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans TC,微軟正黑體,Microsoft JhengHei,Helvetica,Arial,sans-serif;height:100vh;margin:0;width:100vw;::-webkit-scrollbar{-webkit-appearance:none;height:15px;width:0}::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:4px;box-shadow:0 0 1px #ffffff80}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.row-header{font-weight:700}