.loader{box-sizing:border-box;display:none;top:0;left:0;margin:auto;padding:0;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;z-index:9999}.loader.active{display:block}.loader--content{margin:auto;padding:1em;position:relative;top:40%;left:0;width:200px;background:#005b2f;color:#fff;font-size:2em;border-radius:1em;box-shadow:0 2px 4px rgba(0,0,0,.4)}*{margin:0;padding:0}#root,.app,body,html{box-sizing:border-box;margin:auto;padding:0;height:100%;width:100%;max-height:100%;max-width:100%;background:#efefef;color:#444;font-family:"微軟正黑體","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1em;letter-spacing:.4px;overflow:hidden}.app{margin:auto auto 2em;height:auto}main{margin:65px auto 5rem;padding:0 0 4rem;max-width:1920px;height:calc(100vh - 133.5px);overflow:auto}@media screen and (min-width:375px){main{height:calc(100vh - 110px)}}@media screen and (min-width:600px){main{margin:80px auto 5em;height:calc(100vh - 110px)}}.grey-color{color:#888}.text-blod-black{color:#000;font-weight:700}.text-red{color:#c30d23}.text-green{color:#8fc31f}.text-green2{color:#28a745}.text-grey{color:grey}.text-white{color:#fff}.mAuto{margin:auto}.w-90{width:90%!important}.m-w-180{min-width:180px!important}.cursor-pointer{cursor:pointer}.pointerEvents-none{pointer-events:none}.fa-sort{padding:.5em;cursor:pointer;opacity:1}.swtich_group{display:inline-block}.swtich_group>label{margin-bottom:0}.fixedtoptitle{padding:1.25rem 1.25rem .5rem;position:fixed;top:65px;left:0;width:100%!important;z-index:99;background:rgba(0,0,0,.5);color:#fff;font-size:20px}.fixedtoptitle .subtitle{font-size:14px}.fixedtoptitle .subtitle.en{display:inline-block;color:#fff;letter-spacing:5px;font-size:14px}.fixedMenuPaperTop{top:113px!important}.snackbarContent{padding:1rem 1.5rem;background-color:rgba(0,0,0,.8);color:#fff;border-radius:.25rem}input{padding:6px 0 3px;min-height:1.1876em;background:transparent;border:1px solid transparent;border-bottom-color:#a9a9a9}input:focus{border-bottom:2px solid #3f51b5;outline:none}input.unitprice{width:80px}input:disabled{color:#a9a9a9;border-bottom:1px dotted #a9a9a9}.chk_label{position:relative;padding-left:28px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.chk_label input{position:absolute;opacity:0;cursor:pointer}.chk_label .checkmark{position:absolute;top:.1rem;left:0;height:1.35rem;width:1.35rem;background-color:#fff;border:2px solid #66bb6a;border-radius:2px}.chk_label .checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.chk_label:hover input~.checkmark{background-color:#eee}.chk_label input:checked~.checkmark{background-color:#66bb6a}.chk_label input:checked~.checkmark:after,.radio_label{display:block}.radio_label{position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.radio_label input{position:absolute;opacity:0;cursor:pointer}.radio_label .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.radio_label .checkmark:after{content:"";position:absolute;display:none;top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff}.radio_label:hover input~.checkmark{background-color:#eee}.radio_label input:checked~.checkmark{background-color:#66bb6a}.radio_label input:checked~.checkmark:after{display:block}.page--header{position:relative;display:inline-block;padding-top:2em}@media screen and (min-width:768px){.page--header{display:inline-flex}}.page--title{position:relative;width:100%;margin-bottom:1.85rem;color:#2d755b;font-weight:700}.page--title.w-auto{width:auto}@media screen and (min-width:1024px){.page--title.bestRateplan{width:250px}}@media screen and (min-width:576px){.page--title{display:inline-block}}@media screen and (min-width:768px){.page--title{display:inline-block;width:50%}.page--title.w-auto{width:auto}}.page--engTitle{color:#888;font-size:14px;letter-spacing:8px;white-space:nowrap}.page--subTitle{color:#888;font-size:1rem!important;font-weight:400!important}.page--searchInput{margin:1.25rem}@media screen and (min-width:768px){.page--searchInput{margin:auto 1em;display:inline-block;width:48%;text-align:right}}.page--subTitle{display:inline-block;width:50%;font-size:1.25rem;font-weight:700}.page--toolbox{display:inline-block;width:50%;text-align:right}.page--toolbox .sr-text{vertical-align:sub;color:#888;font-size:14px}@media screen and (max-width:320px){.page--toolbox button{padding:.3rem .8rem;min-width:auto}}.bank--querybar{margin:1rem 0;padding:0}@media screen and (min-width:768px){.bank--querybar{padding:0 1rem}}.box--borderR-lg{display:inline-block;vertical-align:top;margin-bottom:.5rem;border:none;border-bottom:1px solid #dee2e6}@media screen and (min-width:992px){.box--borderR-lg{border:none;border-right:1px solid #dee2e6}}.box--borderR-sm{display:inline-block;vertical-align:top;margin-bottom:.5rem;border:none;border-bottom:1px solid #dee2e6}@media screen and (min-width:576px){.box--borderR-sm{border:none;border-right:1px solid #dee2e6}}.box--chart{position:relative;z-index:5;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-y:hidden}.box--chart::-webkit-scrollbar{border-radius:10px;-webkit-appearance:none;background-color:transparent}.box--chart::-webkit-scrollbar:vertical{width:3rem}.box--chart::-webkit-scrollbar:horizontal{height:.85rem}.box--chart::-webkit-scrollbar-thumb{border-radius:10px;-webkit-border-radius:10px;background:rgba(32,32,32,.5)}.box--chart::-webkit-scrollbar-corner,.box--chart::-webkit-scrollbar-track{background:transparent}.box--chart .chartScaleLabelContent,.box--chart .chartScaleLabelDollar,.box--chart .chartScaleLabelKW_KWH,.box--chart .chartScaleLabelKWH{min-width:650px!important;background:#fff}.box--chart .chartScaleLabelBestCC{background:#fff}@media screen and (min-width:576px){.box--chart{display:inline-block}}@media screen and (max-width:576px){.chartScaleLabelKW_KWH_BG{min-width:650px!important;padding-bottom:1.25rem;background:hsla(0,0%,78.4%,.5)}}.box-o.average:after,.box-o.immediately:after,.box-o.max:after{bottom:10%;left:38%;font-size:12px}@media screen and (min-width:1200px){.box-o.average:after,.box-o.immediately:after,.box-o.max:after{bottom:20%}}.box-o.demand:after,.box-o.maxDemand:after{bottom:10%;left:24%;font-size:12px}@media screen and (min-width:1200px){.box-o.demand:after,.box-o.maxDemand:after{bottom:20%}}.box-o{display:inline-block;position:relative;width:90px;height:90px;background:#fff;text-align:center;border:3px solid #efefef;border-radius:100%}.box-o--title{position:relative}.box-o.red{border:3px solid #c30d23}.box-o.green{border:3px solid #8fc31f}.box-o.air{width:80px;height:80px}.box-o.air .num{margin-top:.7rem!important}@media screen and (min-width:568px){.box-o.air{margin-right:.5rem;width:90px;height:90px}}@media screen and (min-width:1200px){.box-o.air{width:95px;height:95px}}.box-o.immediately{position:relative}.box-o.immediately:after{position:absolute;content:"\5373\6642"}.box-o.average{position:relative}.box-o.average:after{position:absolute;content:"\5e73\5747"}.box-o.demand{position:relative}.box-o.demand:after{position:absolute;content:"\9700\91cf\9810\6e2c"}.box-o.maxDemand{position:relative}.box-o.maxDemand:after{position:absolute;content:"\6700\5927\9700\91cf"}.box-o.max{position:relative}.box-o.max:after{position:absolute;content:"\6700\9ad8"}.box-o .num{font-size:1.8rem}.box-o .unit{font-size:12px}.box-o .itemTop{top:15px}.box-o .itemBottom,.box-o .itemTop{display:block;position:relative;width:120px;text-align:center}.box-o .itemBottom{top:50px}@media screen and (min-width:1200px){.box-o{width:95px;height:95px}.box-o .num{font-size:1.5rem}.box-o .unit{margin-top:-1rem}}.scrollTable{overflow:hidden;overflow-x:auto;margin:auto}.scrollTable table{background:#fff}.scrollTable table thead{vertical-align:middle}.scrollTable table thead th{padding:.75rem;min-width:150px;vertical-align:middle;background:#2d755b;color:#fff;cursor:pointer}.scrollTable table thead th:hover{background:rgba(45,117,91,.7)}.scrollTable table thead th.hide{display:none}.scrollTable table tbody{display:table-row-group;color:#888;background:#fff}.scrollTable table tbody tr:nth-child(2n){background:#dee2e6}.scrollTable table tbody th{background:#2d755b;color:#fff}.scrollTable table tbody td{display:table-cell;padding:.75rem;min-width:150px;border-right:1px dashed #cdcdcd}.scrollTable table tbody td:last-child{border-right:none}.scrollTable table tbody td.hide{display:none}.table--unitprice{border:1px solid #cdcdcd}.table--unitprice thead tr th:hover{background:#2d755b;cursor:default}.table--unitprice th{border:1px solid #cdcdcd}.table--unitprice td{border:1px dashed #cdcdcd}.table--unitprice input:read-only{text-align:center;border-bottom:none;cursor:default}.borderList{margin:1.5rem 0;padding:1.5em .5em;position:relative;background:#fbfbfb;border:1px solid #c7c7c7}.borderList--title{padding:0 .5rem;position:absolute;top:-.7em;background:#fff}.borderList--group{display:block}.borderList--group,.borderList--item{position:relative;vertical-align:middle;margin:auto}.borderList--item{width:100%}.borderList--item.date input[type=text],.borderList--item input[type=number]{width:75px}@media screen and (min-width:375px){.borderList--item.date input[type=text],.borderList--item input[type=number]{width:100px}}@media screen and (min-width:568px){.borderList--item{display:inline-block;width:50%}.borderList--item.date{margin-top:1.5rem}}@media screen and (min-width:992px){.borderList--item{width:100%}}@media screen and (min-width:1600px){.borderList--item{width:50%}.borderList--item.date input[type=text],.borderList--item input[type=number]{width:88px}}.borderList--value{box-sizing:border-box;display:inline-block;position:relative;margin:auto;width:40%}.borderList--value.MuiFormControlLabel-root{margin:0;padding:0}@media screen and (min-width:1366px){.borderList--value{width:45%}}.borderList--label{box-sizing:border-box;display:inline-block;margin:auto;text-align:right;width:55%}@media screen and (min-width:568px){.borderList--label{width:35%}}@media screen and (min-width:992px){.borderList--label{width:50%}}@media screen and (min-width:1366px){.borderList--label{width:55%}}.borderList--unit{color:#888;font-size:12px;letter-spacing:-.8px}@media screen and (min-width:568px){.borderList--unit{display:inline-block}}.table-noRWD{display:table;margin:auto;text-align:center}.table-noRWD .thead{display:table-header-group}.table-noRWD .thead .tr .th{display:table-cell;padding:.5rem .25rem}.table-noRWD .thead .tr .td{background:#fff}.table-noRWD .thead .tr .th-moblie-only{display:none}.table-noRWD .thead .tr .th-pc-only{display:table-cell}@media screen and (min-width:375px){.table-noRWD .thead .tr .th{min-width:80px}}.table-noRWD .tbody{display:table-row-group;width:auto}.table-noRWD .tbody .tr{display:table-row;position:relative;width:100%}.table-noRWD .tbody .tr .td,.table-noRWD .tbody .tr th{display:table-cell;background:hsla(0,0%,100%,.8)}.table-noRWD .tbody .tr .td:before{content:""}.table-noRWD .tbody a{display:inline-block;text-decoration:none;cursor:pointer}.table-noRWD .tr{display:table-row}.table-noRWD .td,.table-noRWD .th{display:table-cell;vertical-align:middle;padding:4px 8px}.table-noRWD .th{font-weight:600}.pagination{margin:1rem auto;display:table}.pagination li{display:table-cell}.pagination li.active a{background:#66bb6a;color:#fff}.pagination a{margin:.25rem;padding:.5rem;color:#2d755b;font-size:14px;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.pagination a:hover{color:#fff;background:#2d755b}.card_group{padding:.5rem;background:#fff;overflow:hidden;overflow-y:auto}.card_group.flex{display:inline-flex;justify-content:center;align-items:center}.card_group.scroll{max-height:650px;overflow:hidden;overflow-y:auto}.card_group .title{color:#888;letter-spacing:1.8px}.card_group .num{font-size:1.8rem}.card_group .num .unit{font-size:1rem}.card_group .num.small{font-size:1.5rem}.card_group .num.small .unit{display:inline-block}.card_group label{padding:.25rem .5rem;color:#888;font-size:.85rem;text-shadow:0 0 1px rgba(68,68,68,.6);letter-spacing:1.4px}@media screen and (min-width:1440px){.card_group .num{padding-top:1rem;font-size:1.3rem}}.card_list{position:relative;vertical-align:middle}.card_list--item{vertical-align:middle;border-bottom:1px solid #ddd;cursor:pointer}.card_list--unit{display:inline-block;position:relative;vertical-align:text-bottom}.card_list--unitSup{vertical-align:super;font-size:12px}.overview{box-sizing:border-box;margin:auto;padding:0}@media screen and (min-width:768px){.overview{margin:auto auto 1.5rem}}.overview .Tab_item_wrap{padding:.5rem}.overview .Tab_title_wrap{text-align:center}.overview .filter{padding:.75rem}.overview .filter label{margin:.5rem 0;color:#2d755b;font-weight:800}.overview .filter div{vertical-align:top}.overview .filter_group{display:inline-block}.overview .filter--tag{display:inline-block;margin:.25rem;padding:0 .5rem;width:auto;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:.5rem;transition:all .3s ease}.overview .filter--tag:hover{background:rgba(0,152,78,.7);color:#fff;border:1px solid rgba(45,117,91,.7)}.overview .filter--tag.active{background:rgba(255,193,7,.7);color:#444;border:1px solid #ff9800}.overview .scroll{overflow:hidden;overflow-x:auto;margin:auto}.overview .scroll .table{margin:auto;background:#fff}.overview .scroll .table .thead{vertical-align:middle}.overview .scroll .table .thead th{padding:0 .5rem;min-width:165px;vertical-align:middle;background:#2d755b;color:#fff;white-space:pre-line;cursor:pointer}.overview .scroll .table .thead th:hover{background:rgba(45,117,91,.7)}.overview .scroll .table .thead th.hide{display:none}.overview .scroll .table .thead th.DiffCharge{background:#f9fbe7;color:#444;cursor:default}.overview .scroll .table .thead th.DiffCharge:hover{opacity:.7}.overview .scroll .table .thead th.TotalCharge{background:#cdd0de;color:#444;cursor:default}.overview .scroll .table .thead th.TotalCharge:hover{opacity:.7}.overview .scroll .table .tbody{color:#888;background:#fff}.overview .scroll .table .tbody .tr:nth-child(2n){background:#dee2e6}.overview .scroll .table .tbody .td{border-right:1px dashed #cdcdcd}.overview .scroll .table .tbody .td.green{color:#66bb6a}.overview .scroll .table .tbody .td.red{color:red}.overview .scroll .table .tbody .td:last-child{border-right:none}.overview .scroll .table .tbody .td.hide{display:none}.meter_textField{display:inline-block;width:50%}.meter_textField input{min-width:50px;max-width:100px}.eco5Account--textField{display:inline-flex}@media screen and (min-width:425px){.eco5Account--textField{display:block}}@media screen and (min-width:992px) and (max-width:1136px){.eco5Account--textField{display:inline-flex}}.eco5Account--label{text-align:right;min-width:100px;width:30%}.eco5Account--text{min-width:120px;width:50%}.bankNav{margin:auto;text-align:center}.bankNav_tab{display:inline-block;margin:.5rem .25rem 1.5rem;padding:.5rem 1rem;cursor:pointer;border:1px solid #ddd;border-radius:.25rem}.bankNav_tab:hover{border:1px solid #2d755b;color:#2d755b}.bankNav_tab.active{background:#66bb6a;color:#fff}.bankNav_content{margin-bottom:2rem}.bankNav_item{display:none}.bankNav_item.active{display:block}.unitPriceList_item{margin:.5rem 1rem;border-bottom:1px solid #efefef;cursor:pointer}.unitPriceList_item:hover{opacity:.7;border-bottom:1px solid #575757}.rankChart--tooltip-kpiLine{display:inline-block;margin:0 .25rem 2px;width:15px;height:1px;vertical-align:middle;background:#2196f3}.chartScaleLabelKW_KWH{position:relative}.chartScaleLabelKW_KWH:before{position:absolute;top:50%;left:0;font-size:10px;content:"KW"}.chartScaleLabelKW_KWH:after{position:absolute;top:50%;right:-10px;font-size:10px;content:"KWH"}.chartScaleLabelKWH{position:relative}.chartScaleLabelKWH:before{position:absolute;top:50%;left:-10px;font-size:10px;content:"KWH"}.chartScaleLabelDollar{position:relative}.chartScaleLabelDollar:before{position:absolute;top:50%;left:-10px;font-size:10px;content:"元"}.chartScaleLabelBestCC{position:relative}.chartScaleLabelBestCC:before{position:absolute;top:50px;left:0;font-size:10px;content:"電費(元)"}button:focus{outline:none}.btn{padding:.15rem .5rem}.btn-success{background:#2d755b}.btn-success:hover{background:#006934}.btn.disabled:hover{pointer-events:none}.BrainhubCarousel{margin:auto!important;background:#fff}.BrainhubCarouselItem .BrainhubCarouselItem--active{min-height:500px!important}.BrainhubCarousel__arrows{background-color:transparent!important}.BrainhubCarousel__arrows span{background:transparent;border-color:#66bb6a!important}.react-datepicker{z-index:10!important}.MuiSelect-root.MuiSelect-select.MuiSelect-selectMenu.MuiInputBase-input.MuiInput-input{position:relative}.MuiPaper-root.MuiMenu-paper.MuiPopover-paper.MuiPaper-elevation8.MuiPaper-rounded{position:relative;width:230px}.toggle-button{display:inline-block;position:relative;justify-content:space-around;background:transparent;border:none;cursor:pointer;padding:0;height:50px;width:50px;top:0;left:.5rem}.toggle-button_frame{width:45px;height:45px;display:block;position:absolute;border:none}.toggle-button_frame.top{top:-8px}.toggle-button_frame.center{top:0}.toggle-button_frame.bottom{top:8px}.toggle-button_line{display:block;position:absolute;width:1.5rem;height:2px;top:30px;left:.5rem;background:#fff;border-radius:.5rem}.toggle-button-cssTransition-enter{transition:all .3s ease-in;transform:rotate(0deg)}.toggle-button-cssTransition-enter .toggle-button_frame.top{top:-8px}.toggle-button-cssTransition-enter .toggle-button_frame.center{opacity:1}.toggle-button-cssTransition-enter .toggle-button_frame.bottom{top:8px}.toggle-button-cssTransition-enter-active{transition:all .4s ease-in-out;transform:rotate(1turn)}.toggle-button-cssTransition-enter-active .toggle-button_frame.top{left:4px;top:3px;transform:rotate(404deg);opacity:.8}.toggle-button-cssTransition-enter-active .toggle-button_frame.center{transform:rotate(1turn);opacity:0}.toggle-button-cssTransition-enter-active .toggle-button_frame.bottom{left:0;top:16px;transform:rotate(135deg);opacity:.8}.toggle-button-cssTransition-enter-done{transform:rotate(1turn);transition:all .3s ease-in}.toggle-button-cssTransition-enter-done .toggle-button_frame.top{left:4px;top:3px;transform:rotate(404deg)}.toggle-button-cssTransition-enter-done .toggle-button_frame.center{opacity:0}.toggle-button-cssTransition-enter-done .toggle-button_frame.bottom{left:0;top:16px;transform:rotate(135deg)}.toggle-button-cssTransition-exit{transition:all .3s ease-in-out}.toggle-button-cssTransition-exit .toggle-button_frame.top{left:4px;top:3px;transform:rotate(404deg)}.toggle-button-cssTransition-exit .toggle-button_frame.center{opacity:0}.toggle-button-cssTransition-exit .toggle-button_frame.bottom{left:0;top:16px;transform:rotate(135deg)}.toggle-button-cssTransition-exit-active{transition:all .4s ease-in-out;transform:rotate(2turn)}.toggle-button-cssTransition-exit-active .toggle-button_frame.top{left:0;top:-4px;transform:rotate(0deg);opacity:.8}.toggle-button-cssTransition-exit-active .toggle-button_frame.center{opacity:.8}.toggle-button-cssTransition-exit-active .toggle-button_frame.bottom{left:0;top:4px;transform:rotate(0deg);opacity:.8}.toggle-button-cssTransition-exit-done .toggle-button_frame.top{top:-8px;transform:rotate(0deg)}.toggle-button-cssTransition-exit-done .toggle-button_frame.center{opacity:1}.toggle-button-cssTransition-exit-done .toggle-button_frame.bottom{top:8px;transform:rotate(0deg)}.toolbar{position:fixed;width:100%;height:65px;top:0;left:0;z-index:500}@media screen and (min-width:576px){.toolbar{height:80px}}.toolbar__navigetion{display:block;position:relative;height:100%;background:#00984e;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2)}.toolbar__logo{display:table-cell;height:100%;font-family:"微軟正黑體","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.toolbar__logo a{display:inline-block;height:100%;color:#fff;text-decoration:none}.green-bg,.yellow-bg{display:inline-block;position:absolute;margin:0}.yellow-bg{right:0;width:50%;line-height:65px;background:#fff200}.yellow-bg .cathybk-logo{width:150px;padding-left:1em}@media screen and (min-width:576px){.yellow-bg{line-height:80px}}@media screen and (min-width:768px){.yellow-bg{width:calc(100vw - 400px)}.yellow-bg .cathybk-logo{width:auto}}.green-bg{left:0;width:50%;height:100%;position:relative;vertical-align:middle;background:#00984e;color:#fff}.green-bg .ECO-logo{display:inline-block;width:55%;margin:0 0 0 1rem;font-size:.85rem}@media screen and (min-width:640px){.green-bg .ECO-logo{font-size:1rem}}@media screen and (min-width:768px){.green-bg{width:400px}.green-bg .ECO-logo{margin:.5rem 1rem;font-size:1.25rem}}.spacer{flex:1 1}.toolbar__navigetion-items{height:100%;display:flex}.toolbar__navigetion-items ul{list-style:none;margin:0;padding:0;display:flex;justify-content:flex-end}.toolbar__navigetion-items .menuList{display:flex;position:relative;padding:0 .5rem;min-width:115px;justify-content:center;font-size:.85rem}.toolbar__navigetion-items .menuList .dropdown-menu{color:#fff;background:#f0f8e9}.toolbar__navigetion-items .menuList:hover .dropdown-menu{display:block;left:.5em;margin:0}.toolbar__navigetion-items .dropdown-title:after{display:inline-block;margin-left:.255em;vertical-align:middle;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.toolbar__navigetion-items .menuList-logout{display:flex;min-width:120px;justify-content:center;padding-right:9px;line-height:80px}.toolbar__navigetion-items .menuList-logout .fa-sign-out-alt{line-height:80px}.toolbar__navigetion-items a{color:#444;text-decoration:none}.toolbar__navigetion-items a :active,.toolbar__navigetion-items a:hover{color:#00984e}.toolbar__toogle-button{display:inline-block}.toolbar__toogle-button:focus{border:none}.side-drawer{height:100%;background:#edf3e9;box-shadow:1px 0 7px rgba(0,0,0,.5);position:fixed;top:65px;left:0;width:70%;max-width:400px;height:calc(100% - 95px);z-index:200;padding:3% 0 0;transform:translateX(-100%);transition:transform .3s ease-out;overflow:hidden;overflow-y:auto}.side-drawer .side-drawer-placeholder-container{display:block;padding:0 15% 0 9%;height:3.11765em;font-weight:700;border-bottom:1px solid #ded9ac}.side-drawer .side-drawer-menuList{padding:0 15% 0 9%}.side-drawer ul{list-style:none;display:flex;flex-direction:column;justify-content:center;line-height:2}.side-drawer li{position:relative}.side-drawer a{color:#444;text-decoration:none;display:block;padding:.5rem 0;border-bottom:1px solid #ded9ac}.side-drawer a:active,.side-drawer a:hover{color:#00994e;border-bottom:1px solid rgba(0,153,79,.7);font-weight:700}.side-drawer .dropdown-menu-app{display:none}.side-drawer .dropdown-menu-app.active{display:block}.side-drawer .dropdown-menu-app li{padding-left:2em}.side-drawer .dropdown-menu-app a{color:#444;text-decoration:none;display:block;padding:.5rem 0;border-bottom:1px dashed #ded9ac}.side-drawer .dropdown-title{cursor:pointer;padding:.25rem 0}.side-drawer .dropdown-title:hover{color:#00994e}.side-drawer .dropdown-menu-app .text,.side-drawer .dropdown-menu-app .text a,.side-drawer .dropdown-title.text{color:#888;cursor:default;border-bottom:1px dashed #ded9ac}.side-drawer .dropdown-title.subGroup{padding:.75rem 0;border-bottom:1px solid #ded9ac}.side-drawer .dropdown-title.no-subGroup:after,.side-drawer .dropdown-title.text:after{display:none}.side-drawer .dropdown-title:after{display:inline-block;margin-left:.255em;vertical-align:middle;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.side-drawer .dropdown-menu-app li:hover a{position:relative;color:#00994e;font-weight:bolder}.side-drawer .dropdown-menu-app li.text:hover a{color:#888;cursor:default}.side-drawer .dropdown-menu-app li:hover a:before{content:"";position:absolute;top:0;left:-25%;width:100%;height:100%;background:hsla(0,0%,100%,.7);border-radius:0 100px 100px 0;box-shadow:0 2px 4px #ddd;z-index:-1}.side-drawer.open{transform:translateX(0);transition:transform .3s ease-out}@media screen and (min-width:576px){.side-drawer{top:80px;height:calc(100% - 110px)}}.backdrop{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.3);z-index:100;top:0;left:0}.footer{box-sizing:border-box;margin:auto;display:block;position:fixed;bottom:0;padding:.25em .5em;width:100%;background:#33b361;color:#fff;font-size:14px;line-height:1.8;z-index:999}.Tab_title{display:inline-block;padding:.25rem;cursor:pointer;color:#00984e}.Tab_title_wrap{border-bottom:1px solid #ddd}.Tab_title:hover{opacity:.7}.Tab_title.active{border-bottom:2px solid #00984e}.Tab_item{display:none;width:100%}.Tab_item_wrap{margin:auto;padding:2rem 0}.Tab_item_wrap.scrollTable{margin:0!important}.Tab_item.show{display:inline-block}.login__container{width:100%;height:100%;background:url(../../static/media/environmental-protection-326923_1920.5308ee21.jpg) no-repeat center 0;background-size:cover}.login__container.loading{background:url(../../static/media/environmental-protection-326923_1920-s.2a82d0d2.jpg) no-repeat center 0;background-size:cover}.login{font-size:1em;background:hsla(0,0%,100%,.6);background-size:cover;background-attachment:fixed;color:#444;font-family:"微軟正黑體","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.login,.login__center{width:100%;height:100%}.login__center{margin:auto;position:absolute;top:0;left:0;padding:40px;overflow:hidden;overflow-y:auto;background:hsla(0,0%,100%,.8);box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.5)}@media screen and (min-width:568px){.login__center{margin:auto;position:absolute;top:35%;left:0;transform:translate(25%,-25%);width:65%;height:auto;padding:40px;background:hsla(0,0%,100%,.8);box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.5);border-radius:10px}}@media screen and (min-width:768px){.login__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px!important}}.login__center .title{padding:0;color:#00994e}.login__center .subTitle,.login__center .title{text-align:center;font-weight:800;letter-spacing:3px}.login__center .subTitle{padding:.25rem 0 .5rem;color:#707070;border-top:2px solid #c7c8c9}.login__center h4{margin:0 0 30px}.login__center .login__field{position:relative}.login__center .login__field input{width:100%;padding:10px 0 0;font-size:1.3rem;color:#212529;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.login__center .login__field label{position:absolute;letter-spacing:1px;padding:10px 0;top:-23px;left:0;color:#00994e;font-size:.85em;pointer-events:none}.login__center button{outline:none;margin:.5rem 0;padding:10px 0;letter-spacing:2px;border:none;border-bottom:4px solid #707070;transition:all .4s ease}.login__center button:hover{margin:1rem 0 .5rem;border-bottom:0 solid transparent}.login__center .Tab_item_wrap{overflow:hidden;overflow-y:auto}.login__center .Tab_item{margin:auto;width:100%}h5{font-weight:700}.msgbox{top:10%;margin-top:1%;display:flex;align-items:center;width:200px;right:0;padding:15px;position:fixed;color:#fff;border-radius:5px;box-shadow:0 0 1px rgba(0,0,0,.25);border-left:5px solid #ffc107;background:#00994e;z-index:300}.msgbox h5{height:1em}.msgboxCss-enter{opacity:.01;transform:translateX(105%)}.msgboxCss-enter-active{transition:all .5s ease-in}.msgboxCss-enter-active,.msgboxCss-exit{opacity:1;transform:translateX(0)}.msgboxCss-exit-active{opacity:.01;transform:translateX(105%);transition:all .5s ease-in}.closeButton{position:absolute;width:30px;height:30px;opacity:.5;border:1.5px solid #8f130c;border-radius:50%;right:15px;text-align:center;color:#8f130c;font-weight:700}
/*# sourceMappingURL=main.684c3f43.chunk.css.map */