.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%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.react-datepicker-popper{z-index:999!important}.grecaptcha-badge{width:70px!important;overflow:hidden!important;transition:all .3s ease!important;left:0!important;visibility:hidden}.grecaptcha-badge:hover{width:256px!important}.general-mobile-page{position:absolute!important;left:10px;bottom:10px;font-size:.65em;overflow:hidden!important}.general-page{width:32%;margin-top:20px}.dialog-page{font-size:.65em;overflow:hidden!important;margin-top:20px}.container{display:flex;flex:1 1}.main{flex:1 1}.searchInstruction{margin:10px 100px 8px 45px}.drawer{width:350px;background-color:#000}.filterContainer{margin:0 100px 0 51px}.paperContainer{margin:0 100px 0 40px}.innerContainer{padding-left:30px}@media only screen and (max-width:959.95px){.searchInstruction{margin:8px 30px 5px 35px}.filterContainer{margin:0 30px 0 41px}.paperContainer{margin:0 30px}.innerContainer{padding-left:15px}}*{margin:0;padding:0;box-sizing:border-box;font-family:"Arial Bold","Microsoft JhengHei Bold",sans-serif,MingLiu_HKSCS!important;font-variant-east-asian:normal;text-underline-position:under}body,html{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif,MingLiu_HKSCS;font-size:14px;font-weight:400}h1{font-size:24px}h2{font-size:22px}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}p{word-break:break-word}a{overflow-wrap:break-word!important;word-wrap:break-word!important;text-decoration:underline!important}ol,ul{margin-left:15px}.danger,.error{color:#b30000}.hide{display:none!important}.wrapper{position:relative;max-width:1024px;margin:0 auto;padding:0 10px}.mainWrapper{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.contentWrapper{order:1;width:calc(100% - 195px)}.MuiFormLabel-asterisk{color:#b30000}.inline-input.MuiFormControl-root,.inline-input>label{display:inline-block}.inline-input>label{padding-right:5px}.inline-input.MuiInputLabel-root,label.inline{display:inline}.react-datepicker .react-datepicker__navigation-icon--next:before,.react-datepicker .react-datepicker__navigation-icon--previous:before{border-color:#707070!important}.react-datepicker .react-datepicker__header{background-color:#ccc}.react-datepicker .react-datepicker__navigation-icon--next:hover:before,.react-datepicker .react-datepicker__navigation-icon--previous:hover:before{border-color:#242424!important}.formWrapper .lineHeight{line-height:1.5}.formWrapper .formBoxDesc{margin-bottom:18px}.formWrapper .secBtn{margin-right:8px}.formWrapper .removeBtn{background-color:#a74128}.formWrapper .removeBtn:hover{background-color:#300101}.formWrapper .addBtn{background-color:#a74128}.formWrapper .addBtn:hover{background-color:#300101}.formWrapper .mr20{margin-right:1rem}.hidden{display:none!important}.hiddenLabel label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.MuiDialogContent-root:first-child{padding-top:30px!important}.MuiFormLabel-root.Mui-disabled{color:rgba(0,0,0,.55)!important}.center-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;padding:180px 0;text-align:center}.errorWarning{width:15px;margin:0 5px}.select-options{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.approvalBtnList button .MuiButton-label{line-height:.875rem;padding:3px 0}@media only screen and (max-width:959.95px){body,html{font-size:12px}.mainWrapper{flex-direction:column}.contentWrapper{order:1;width:100%}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.greyMode .greyScreen,.greyMode .greyScreen *{-webkit-filter:grey!important;filter:gray!important;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}.notice .MuiAlert-root{padding:0 10px}.notice .MuiAlert-message{line-height:22px}.notice .MuiAlert-action{padding-top:6px}.notice .MuiBox-root{background:#fff}.progress-container{margin:0;padding:0;background:rgba(232,227,205,.5);width:auto;height:100vh}.progress-container a{cursor:pointer}@media only screen and (min-width:1025px){.progress-container{height:300px;width:500px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.progress-title{margin:40px}}.progress{border:4px solid #94202d;justify-content:flex-start;border-radius:100px;align-items:center;position:relative;display:flex;height:10px;width:80%;margin:0 auto}.progress-value{width:0;border-radius:100px;background:#94202d;height:10px;transition:width 30s ease}.progress-title{text-align:center;padding:10px 0}.progress-title>p{margin:0;padding:0}.loading{width:95%}.navItem{color:inherit;text-decoration:none!important}.navHotline{width:100%;display:flex;position:relative;box-sizing:border-box;text-align:left;align-items:center;padding:8px 16px;justify-content:flex-start;text-decoration:none;cursor:pointer}.navHotline:hover{background:#f5f5f5}.navHotlineIcon{color:rgba(0,0,0,.54);display:inline-flex;min-width:56px;flex-shrink:0}.navHotlineData{flex:1 1 auto;min-width:0;margin-top:4px;margin-bottom:4px}.formHotline{vertical-align:bottom;padding-left:5px;line-height:0}.formHotline svg{color:rgba(0,0,0,.54)!important}.header{position:relative;margin:35px 0 20px}.header .headerTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.header .logo{flex:1 1;max-width:50%}.header .rightTool{display:flex;align-items:center;justify-content:right;margin-bottom:10px}.header .rightTool .langSwitch{margin-right:20px;cursor:pointer;white-space:nowrap}.header .rightTool .langSwitch:hover{color:#a74128}.header .rightTool .exitBtn{display:flex;align-items:center;cursor:pointer}.header .rightTool .exitBtn .txt{margin-right:10px}.header .rightTool .exitBtn img{width:14px}.header .headerTitle{width:100%;position:relative;display:flex;align-items:center;padding:14px 0;background-color:#f5f5f5;box-shadow:0 10px 10px rgba(0,0,0,.15);margin-top:5px}.header .headerTitle .deco{position:absolute;top:0;left:0;width:30px;height:100%;background-color:#6b5b9a}.header .headerTitle img{margin-left:16px}.header .headerTitle h1{margin-left:30px;padding:0 10px}.header #logoutBtn,.header #logoutBtnXs{margin-right:20px;cursor:pointer}.header #logoutBtn:hover,.header #logoutBtnXs:hover{color:#a74128}.header #profile,.header #profileXs{margin-right:20px}.header #profileXs{text-align:right}.header #userOrg,.header #userOrgXs{margin-right:20px;margin-top:-10px}.header .element-invisible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px}.header .element-invisible.element-focusable:active,.header .element-invisible.element-focusable:focus{position:static!important;clip:auto;overflow:visible;height:auto}.header #skip-link{position:fixed;left:50%;top:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:-5.25em;width:auto;z-index:9999}.header #skip-link a,.header #skip-link a:link,.header #skip-link a:visited{display:block;background:#444;color:#fff;font-size:.94em;padding:1px 10px 2px;text-decoration:none!important;border-radius:0 0 10px 10px}.header #skip-link a:active,.header #skip-link a:focus,.header #skip-link a:hover{outline:0}.header .header_column{float:left;min-width:20%}.header .header_column2{text-align:right;line-height:30px}.header .header_column3{line-height:30px}.header .row:after{content:"";display:table;clear:both}.header .mobileUserOrg{display:flex;justify-content:flex-end;align-items:center}.header .mobileUserOrg #userOrgXs{width:80%;margin-right:1rem}.header .mobileUserOrg #userOrgXs #userOrg-labelXs{width:100%}.header .breadcrumbsBox{display:flex;justify-content:space-between;align-items:flex-start}.header .breadcrumbsBox .userOrgBox{display:flex;justify-content:flex-end}.header .breadcrumbsBox .userOrgBox #userOrg{max-width:50%}.header .breadcrumbsBox .userOrgBox #userOrg #userOrg-label{width:100%}.header .breadcrumbsBox .userOrgBox #logoutBtn{flex-shrink:0}.header .breadcrumbsBox #profile,.header .breadcrumbsBox #profileXS{text-align:right;white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis}.header .breadcrumbsBox #profileXS{padding-right:20px}.header .searchBox{display:flex;justify-content:space-between}@media only screen and (max-width:959.95px){.header{margin:20px 0 10px}.header .headerTop{margin-bottom:15px}.header .logo{max-width:65%}.header .headerTitle{padding:10px 0;box-shadow:0 10px 10px rgba(0,0,0,.1)}.header .headerTitle .deco{width:15px}.header .headerTitle h1{margin-left:15px}.header .mobileUserOrg #userOrgXs{width:auto;max-width:60%}.header .searchBox{display:block}}.formWrapper{width:100%;border:1px solid #ccc;margin-bottom:10px}.formWrapper .formHeader{font-size:16px;padding:10px;background-color:#e8e3cd}.formWrapper .bold{font-weight:700}.maxWith{max-width:90%}@media only screen and (max-width:959.95px){.formWrapper .formHeader{font-size:14px;padding:8px}}.hoverColor.MuiListItem-button:hover{background-color:rgba(0,0,0,.2)}.FormGuard{text-align:center;padding:100px 0}.FormGuardLabel{display:block;text-align:center;font-size:25px;font-weight:700}.FormGuardPassword{display:block;margin:10px auto;font-size:20px;padding:3px 5px}.FormGuardSubmit{display:block;margin:10px auto;padding:6px 16px;background:#a74128;color:#fff;border:0}.FormGuardErrorMsg{color:red;font-size:12px}.buttons{color:inherit;text-decoration:none!important}.subjects-table .MuiSelect-select{white-space:break-spaces;height:-webkit-max-content;height:max-content;padding:6px 15px 7px 2px!important}.navBar{order:0;position:relative;width:180px}.navBar .stepWrapper{display:flex;flex-direction:column;border:1px solid #ccc;margin-bottom:16px}.navBar .stepWrapper .stepItm{padding:10px 15px;background-color:#fff}.navBar .stepWrapper .stepItm.active{color:#fff;background:#94202d;background:linear-gradient(90deg,#94202d,#c77a1e)}.navBar .stepWrapper .stepItm.active h1,.navBar .stepWrapper .stepItm.active h2,.navBar .stepWrapper .stepItm.active h3,.navBar .stepWrapper .stepItm.active h4,.navBar .stepWrapper .stepItm.active h5,.navBar .stepWrapper .stepItm.active h6{color:#fff}.navBar .stepWrapper .stepItm .MuiTypography-subtitle1{font-size:1.2em;line-height:1.2}.navBar .navInfoItm{display:flex;align-items:center;justify-content:space-between;background-color:#e8e3cd;padding:10px;margin-bottom:16px;word-break:break-word}.navBar .navInfoItm h4{width:calc(100% - 30px)}.navBar .navInfoItm span{display:block;font-size:18px;margin-top:10px}.navBar .navInfoItm a{font-size:14px}@media only screen and (max-width:959.95px){.navBar{order:1;width:100%}.navBar .stepWrapper{flex-direction:row}.navBar .stepWrapper .stepItm{flex-grow:1;width:24%;padding:5px;border-right:1px solid #ccc}.navBar .stepWrapper .stepItm:last-child{border-right:none}.navBar .stepWrapper .stepItm.active{width:27%;flex-grow:1.5}.navBar .stepWrapper .stepItm .MuiTypography-subtitle1{font-size:1em}.navBar .navInfoItm{margin-bottom:8px}.navBar .stepWrapper{display:block}.navBar .MuiLinearProgress-root{height:5px}.navBar .stepWrapper{margin-top:10px}}.branding{border:1px solid #ccc;margin-bottom:10px;padding:10px}.branding img{height:47px}.wordwrap{word-wrap:break-word;overflow-wrap:break-word}.stepHeader{display:flex;align-items:center;width:100%;height:40px;border:1px solid #ccc;margin-bottom:20px}.stepHeader .stepIndicator{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:100%;background:#94202d;background:linear-gradient(90deg,#94202d,#c77a1e);color:#fff;font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:.0075em}.stepHeader .stepIndicator:after{content:"";position:absolute;right:-8px;width:0;height:0;border-color:transparent transparent transparent #c77b1e;border-style:solid;border-width:8px 0 8px 10px}.stepHeader .stepTitle{margin-left:18px;font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:.0075em}.manda{margin-bottom:5px}@media only screen and (max-width:959.95px){.branding img{width:100%;max-width:300px}.stepHeader .stepIndicator{width:70px}.stepHeader .stepTitle{margin-left:12px}}.hkId input[type=text]::-webkit-input-placeholder{color:#757575;opacity:1}.hkId input[type=text]:-ms-input-placeholder{color:#757575;opacity:1}.hkId input[type=text]::placeholder{color:#757575;opacity:1}.approvalBtnList button:last-of-type{background-color:#a74128;color:#fff;border-radius:0;box-shadow:none;margin-left:8px}.approvalBtnList button:last-of-type:hover{background-color:#300101}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.f3b4422e.chunk.css.map */