:root{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem;--theme-color-3:#0056d2;--theme-color-4:#0048b0}html,body{font-family:Microsoft JhengHei;font-size:14px;color:rgb(69,69,69);overflow:hidden!important}body.in .loading-cover{opacity:0;transition-duration:1s}.events-none{pointer-events:none;opacity:.6}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a[href],a[href]:hover{text-decoration:none}img{max-width:100%;height:auto}table[border='1'] thead,table[border='1'] tbody,table[border='1'] tfoot,table[border='1'] tr,table[border='1'] td,table[border='1'] th{border-width:1px}.container .container{padding:0}.btn-default{background-color:#bd2130}.empty-hidden:empty{display:none}.unevent{pointer-events:none}.scale-75{display:inline-block;transform:scale(.75);transform-origin:right}.page-row{margin:0;height:100%;display:flex;flex-wrap:wrap}.nav-col{flex:0 0 auto;width:auto;padding-top:30px;background-color:rgb(35,45,50);width:260px;z-index:100;order:1;height:100%}.content-col{flex:1 0 0%;padding:0;height:100%;background:#ebeff2;width:100%;max-width:100%}.sect-header{display:flex;align-items:center;height:60px;border-bottom:1px solid #CCC;background:#FFF}.sect-body{height:calc(100% - 60px);overflow-y:auto;overflow-x:hidden}@media(max-width:992px){.nav-col{padding-top:0;border-bottom:1px solid #CCC;background-color:transparent;width:100%;z-index:100;order:0;height:50px}.content-col{height:calc(100% - 50px);order:1}}.container{padding-left:.5rem!important;padding-right:.5rem!important}     .ellipsis-block{overflow:hidden;text-overflow:ellipsis;height:18px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical} .invalid-feedback{font-size:14px;color:#FF3F00;position:absolute;right:14px;bottom:0;pointer-events:none}.invalid-feedback .list-unstyled{margin:0}.has-error .form-input{box-shadow:0 0 1px 1px #FF3F00 inset}.help-block{font-size:14px;color:#FF3F00;position:absolute;right:24px;bottom:0;pointer-events:none}.help-block .list-unstyled{margin:0}#gotop{display:none}@charset 'UTF-8';@import url(https://fonts.googleapis.com/css?family=Michroma&display=swap); .nav-block{transition-duration:.3s;box-shadow:none;z-index:800;padding-top:.5rem;padding-bottom:.5rem}.nav-block .navbar{padding-top:0;padding-bottom:0}#navigation{flex-direction:column}.nav-block.sticky-top.active{transition-duration:.3s;box-shadow:0 2px 5px rgba(0,0,0,.3)}#navbar_header{position:relative;display:block;width:100%}.navbar-brand{position:relative;display:block;padding:0;max-width:290px;height:auto;text-align:center;margin:auto}.sys-user{color:#FFF;padding:.75rem}.nav-bar{z-index:10}.navbar-brand .logo,footer .brand-logo{max-width:280px;max-height:50px}.menu-close-btn{line-height:42px;text-align:left;font-size:24px}@media(max-width:992px){.navbar-brand{max-width:140px;flex:0 0 auto;order:1}#navbar{z-index:1000}#navigation{flex-direction:row}.navbar-toggler{flex:0 0 auto;order:0}.sys-user{color:#333;}#navbar.show #nav_close::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:-1}#nav{background:#FFF;min-height:100%}}.nav-log{width:auto;max-height:50px;display:inline-block}@media(max-width:576px){.navbar-brand>.logo{max-width:200px;max-height:40px}}@media(max-width:464px){.navbar-brand>.logo{max-width:160px;max-height:40px}}.nav-container{padding:0}.navbar-toggler{ display:block;border:0;right:0;top:0;margin:0;height:32px;width:32px;padding:6px;box-sizing:border-box;cursor:pointer;outline:0;border-radius:0;transition-duration:.5s;z-index:1}.navbar-button{font-size:22px;height:50px;padding:14px 8px;box-sizing:border-box;cursor:pointer;outline:0;background-color:transparent}.navbar-toggler:focus{outline:0}.toggle-bar,.toggle-bar:after,.toggle-bar:before{cursor:pointer;border-radius:.5px;height:2px;width:20px;background:#000;position:absolute;display:block;content:''}.toggle-bar{top:50%;transition-duration:.5s}.toggle-bar:before{top:-7px;transition-duration:.5s}.toggle-bar:after{top:7px;transition-duration:.5s}.navbar-toggler.trigger{transition-duration:.5s}.navbar-toggler.trigger .toggle-bar,.navbar-toggler.trigger .toggle-bar:after,.navbar-toggler.trigger .toggle-bar:before{background-color:#000;transition-duration:.5s}.navbar-toggler.trigger .toggle-bar{background-color:transparent;transition-duration:.5s;transform-origin:center center}.navbar-toggler.trigger .toggle-bar:before{transform:rotate(45deg);transform-origin:left center;transition-duration:.5s}.navbar-toggler.trigger .toggle-bar:after{transform:rotate(-45deg);transform-origin:left center;transition-duration:.5s}#nav>.nav-item{display:block;width:100%;padding:10px 0;border-bottom:1px solid #454545;font-size:16px}#nav>.nav-item:last-child{border-bottom:0}#nav>.nav-item::after{content:'';display:table;clear:both}#nav .nav-link{margin-left:0;padding:0;font-size:16px;line-height:32px;padding-left:0;display:flex;align-items:center}#nav .nav-link:hover,#nav .menu-link:hover{color:#FFF}#nav .active>.nav-link,#nav .active>.nav-link:link,#nav .active>.nav-link:active,#nav .active>.nav-link:visited{color:#FFF}#nav .nav-link[data-bs-target]::after{content:'\f105';font-family:FontAwesome;position:absolute;left:auto;right:0;top:50%;margin-top:-10px;font-size:20px;line-height:1;transform:rotate(0);transform-origin:center center;transition-duration:.3s}#nav .nav-link.trigger::after{transition-duration:.3s;transform:rotate(90deg)}#nav .nav-link[data-bs-target].collapsed::after{transform:rotate(0);transition-duration:.3s}#nav .menu-link,#nav .menu-link:link,#nav .menu-link:active,#nav .menu-link:visited{display:block;padding-left:64px;line-height:32px;text-decoration:none}#nav .active>.menu-link,#nav .active>.menu-link:link,#nav .active>.menu-link:active,#nav .active>.menu-link:visited{color:#FFF;display:block}#nav .active>.menu-link::before{content:'\f105';font-family:FontAwesome;position:absolute;left:52px;top:50%;margin-top:-12px;font-size:20px;line-height:1}#nav .nav-link>span{font-size:24px;width:32px;text-align:center}#nav .nav-link>span::before{line-height:32px}#nav .nav-link .fnName{font-size:18px;word-break:keep-all;width:calc(100% - 50px);margin-left:12px;display:inline-block;text-align:left;line-height:normal;flex:1 0 0%}#nav .nav-link>span.nav-link-svg{flex:0 0 auto;display:inline-block;font-size:18px;width:26px;line-height:normal}#nav .nav-link-svg>svg{max-width:24px;max-height:24px;top:-2px}.menu-item{line-height:normal;padding:0}.menu-link{font-size:15px;line-height:15px;padding:0 0 4px 16px}.nav-block .nav-menu{display:none;visibility:visible;box-shadow:none;transition-duration:initial;background-color:transparent;border:0}.nav-block .nav-menu.show{display:block;transition-duration:initial}@media(min-width:993px){#nav .nav-link,#nav .nav-link:link,#nav .nav-link:active,#nav .nav-link:visited{color:lightsteelblue}#nav .menu-link,#nav .menu-link:link,#nav .menu-link:active,#nav .menu-link:visited{color:lightsteelblue}.nav-block .nav-menu.nav-level-1{margin:8px -25px;background-color:rgba(255,255,255,.1)}#nav .nav-item.active>.item-wrapper>.nav-link,#nav .menu-item.active>.item-wrapper>.menu-link{color:#FFF}}.breadcrumb{border-bottom:1px solid #CCC;margin-bottom:0;text-align:left;padding-top:6px;padding-bottom:6px}.crumb{font-size:14px;padding-right:6px;color:#343434}.crumb:after{font-family:FontAwesome;content:'\f105';margin-left:12px}.crumb:last-child:after{font-family:FontAwesome;content:'';margin-left:0}.breadcrumb .container{line-height:20px}#nav_block .menu-item.active>.item-wrapper>.menu-link::before{content:'▝▞';position:absolute;top:1px;left:40px;transform:scale(.48) rotate(-90deg);opacity:.6}@media (max-width:992px){.nav-bar{box-shadow:-3px 2px 5px rgba(0,0,0,.3)}.navbar-nav{min-width:280px}.ns-slideleft-md>.navflow,.ns-slideright-md>.navflow{height:calc(100% - 50px)}#nav_block .nav-item.active{background-color:#DDD;color:#333}#nav_block .nav-item{border-bottom:1px solid #DDD;padding:0}#nav_block .nav-item.active>.item-wrapper{background:#9686be5e}.menu-item.active:not(.trigger)>.item-wrapper{ border-radius:.25rem;}.menu-item.active:not(.trigger)>.item-wrapper>*{color:#FFF!important}.menu-caret:hover{color:#000}.menu-link,.menu-link:link,.menu-link:visited,.menu-link:active{color:#9686be}#nav_block .nav-item.active>.item-wrapper>.nav-link,#nav_block .nav-item.active>.item-wrapper>.nav-link:hover,#nav_block .menu-item.active>.item-wrapper>.menu-link,#nav_block .menu-item.active>.item-wrapper>.menu-link:hover{color:#222!important}#nav_block .menu-item.active>.item-wrapper>.menu-link::before{left:20px}#nav_block .nav-link{margin:0;padding:8px}#nav .nav-link:hover,#nav .menu-link:hover{color:inherit}.menu-link{padding-left:40px}.nav-level-2 .menu-link{padding-left:60px}.nav-block .nav-menu.nav-level-1{padding-top:.5rem;background-color:rgba(255,255,255,1)}#nav_block .nav-menu.nav-level-1>.navflow>.menu-item>.item-wrapper>.menu-link{padding-left:3.4rem}#nav_block .nav-menu.nav-level-2>.navflow>.menu-item>.item-wrapper>.menu-link{padding-left:2rem}#nav_block .nav-menu.nav-level-3>.navflow>.menu-item>.item-wrapper>.menu-link{padding-left:3rem} #nav-affr{position:absolute;bottom:0;left:0;right:0;text-align:center;float:none}#nav-affr .nav-item{display:inline-block;border:0}#nav-affr .nav-item:hover{border:0}#nav-affr .nav-link{border:0}#nav-affr .nav-link:hover{border:0}}@media (max-width:992px){#nav_block .menu-link{max-width:300px}#nav_block .menu-link>span{white-space:normal;line-height:normal;display:inline-block;padding-top:.5rem}}@media(min-width:993px){#navbar{width:calc(100% - 2rem)}.nav-link-svg>svg{fill:#EEE}}#navigation .onesignal-customlink-subscribe{font-family:'Material Icons Outlined'!important;background-color:rgb(141,73,153);color:rgb(255,255,255);font-size:0!important;padding:0;width:24px;height:24px;text-align:center;line-height:24px;border-radius:12px}#navigation .onesignal-customlink-subscribe::before{font-size:16px}#navigation .onesignal-customlink-subscribe.state-unsubscribed{opacity:.5!important}#navigation .onesignal-customlink-subscribe.state-unsubscribed::before{content:'notifications_off'}#navigation .onesignal-customlink-subscribe.state-subscribed{opacity:1!important}#navigation .onesignal-customlink-subscribe.state-subscribed::before{content:'notifications_active'}.topic-cont{text-align:center;margin-bottom:1.5rem;position:relative;overflow:visible;color:#269cd2}.topic-cont h3::before{content:'';z-index:5;position:absolute;width:82px;height:82px;display:block;top:37%;left:-17px;transform:translate(0,-50%);border:1px solid;border-radius:50%;opacity:.8}.topic-cont h3::after{content:'';z-index:5;position:absolute;width:90px;height:90px;display:block;top:37%;left:-21px;transform:translate(0,-50%);border:1px solid;border-radius:50%;box-shadow:0 0 12px;opacity:.8} .topic-cont h3{text-align:left;font-weight:bold;font-size:2.5rem;display:inline-block;padding:.5rem 1rem .8rem;margin:1.5rem auto}.topic-cont h6{color:#666;display:block;margin-top:1rem}@media (max-width:576px){.topic-cont h3::before{width:62px;height:62px;top:37%;left:-17px}.topic-cont h3::after{width:70px;height:70px;top:37%;left:-21px}.topic-cont h3{font-size:1.5rem;padding:.5rem .5rem .5rem}.topic-cont h6{margin-top:.25rem}} .swipe-gallery .pswp-item{cursor:zoom-in}.spotlight-grid .img-set figure,.swipe-gallery figure{position:absolute;right:0;left:0;bottom:0;margin:0;padding:.5rem;background-color:rgba(0,0,0,.5);color:#FFF;line-height:1.2rem} .standard-slick{margin-left:-.5em;margin-right:-.5em}.standard-slick .slick-dots{position:relative;bottom:auto}.standard-slick .items-block{margin-left:.5em;margin-right:.5em}@media(max-width:1200px){.standard-slick .slick-arrow{width:32px;height:32px;background-color:rgba(255,255,255,.5)}.standard-slick .slick-arrow::before{display:block;width:24px;height:24px;margin-left:auto;margin-right:auto}.standard-slick .slick-prev{left:10px}.standard-slick .slick-next{right:10px}} .tab-slick .slider-for{background-color:rgb(230,230,230)}.tab-slick .slider-for .items-block{padding:1rem}.tab-slick .slick-carousel .slick-arrow::before{color:rgb(0,92,175)}.tab-slick>.slider-nav{margin:0 auto;overflow:hidden}.tab-slick>.slider-nav::before{content:'';background-color:#C8CACE;position:absolute;left:0;right:0;top:auto;bottom:0;height:8px;z-index:-1}.tab-slick>.slider-nav .slick-list{width:100%;margin:auto;overflow:hidden;padding-bottom:8px}.tab-slick>.slider-nav .slick-list:nth-child(2){width:calc(100% - 50px)}.tab-slick>.slider-nav .slick-prev{left:0}.tab-slick>.slider-nav .slick-next{right:0}.tab-slick>.slider-nav .items-block{text-align:center;height:46px;font-size:16px;padding:0 12px;transition-duration:.3s;cursor:pointer}.tab-slick>.slider-nav .items-block>span{display:block;text-align:center;top:50%;transform:translateY(-50%);line-height:24px;font-size:20px;color:#005CB9}@media(max-width:576px){.tab-slick>.slider-nav .items-block>span{font-size:16px;line-height:16px}}.tab-slick>.slider-nav .slick-current .items-block{transition-duration:.3s}.tab-slick>.slider-nav .slick-current .items-block::after{content:'';background-color:#005CB9;position:absolute;left:0;right:0;top:100%;height:8px;z-index:1;transition-duration:.3s}.tab-slick>.slider-for .slick-slide{height:0;transition-duration:.3s}.tab-slick>.slider-for .slick-slide.slick-current{height:auto;transition-duration:.3s} .collapse-item{border:1px solid #CCC;border-radius:4px;margin-bottom:.5rem;overflow:hidden}.collapse-head{color:#002d74;text-align:left;padding:.5rem 1rem;background-color:#f7f7f7}.collapse-topic{font-size:1.2rem;color:#7f8c8d;margin:0;cursor:pointer;transition:color .6s ease-out}.collapse-topic:hover{text-decoration:none;color:#7659a0;transition:color .6s ease-out}.collapse-head.trigger{background-color:#F39700}.collapse-head.trigger .collapse-topic,.collapse-head.trigger .collapse-topic:hover{color:#FFF}.collapse-content{border-top:1px solid #CCC;border-width:1px 0 0 0!important}.collapse-text{padding:1rem;background-color:#FFF} .tab-group .tab-content{border:1px solid #ccc;border-top:0}.tab-group .tab-content>.tab-pane{padding:1rem}.tab-group .nav-tabs .nav-link{padding:.25rem 1rem;margin-left:0}.tab-group .nav-tabs .nav-link.active,.tab-group .nav-tabs .nav-item.show .nav-link{border-top:3px solid #F39700} .scroll-tb-wrap{overflow:auto;max-height:700px;padding-left:0;border-left:1px solid #999!important;border-top:1px solid #999!important}.scroll-tb-wrap>table{width:100%;min-width:700px}.scroll-tb-wrap tbody>tr>td:first-child,.scroll-tb-wrap th:first-child{position:sticky;left:0; z-index:100}.scroll-tb-wrap tbody>tr>td[rowspan]:first-child{z-index:110}.scroll-tb-wrap thead tr th,.scroll-tb-wrap tbody>tr:first-child>td{position:sticky;top:0; z-index:120!important}.scroll-tb-wrap tbody>tr:first-child>td:first-child{z-index:130!important}.scroll-tb-wrap th:first-child{z-index:2}.scroll-tb-wrap table{}.scroll-tb-wrap table th,.scroll-tb-wrap table td{vertical-align:middle!important;border-right:1px solid #999!important;border-bottom:1px solid #999!important}.scroll-tb-wrap table th{}.scroll-tb-wrap table th:first-child{}.scroll-tb-wrap table thead th:first-child{z-index:100}@media (max-width:576px){.scroll-tb-wrap table th:first-child{min-width:auto}}.scroll-tb-wrap table td{}.scroll-tb-wrap .device .flex-card-header .bsbgset{height:300px} .sticky-wrap{display:block;min-height:1.5rem;overflow:auto;scroll-behavior:unset}.sticky-wrap>table{width:100%;border-collapse:collapse}.sticky-wrap>table th{color:#333;background-color:#d4d4f8}.sticky-wrap>table td{z-index:0}.sticky-wrap>table th{text-align:center;z-index:1}.sticky-wrap>table th::after,.sticky-wrap>table td::after{content:'';position:absolute;top:0;right:0;left:0;bottom:0;display:block;border-bottom:1px solid #EEE;border-right:1px solid #EEE;pointer-events:none}.sticky-wrap>table>thead.caption{top:0;position:-webkit-sticky;position:sticky;display:table-caption;z-index:5}.sticky-wrap>table>thead:not(.caption) th{top:0;position:-webkit-sticky;position:sticky;z-index:3}.sticky-wrap>table>thead:not(.caption) th:first-child{z-index:6!important}.sticky-wrap>table>tbody>tr:first-child th{top:0;left:auto;position:-webkit-sticky;position:sticky;z-index:3}.sticky-wrap>table>tbody th{left:0;position:-webkit-sticky;position:sticky;z-index:3}.sticky-wrap>table>tbody>tr:first-child th:first-child{top:0;left:0;z-index:5}.sticky-wrap>table>tfoot th{bottom:0;position:-webkit-sticky;position:sticky}.sticky-left{position:-webkit-sticky;position:sticky;left:0;z-index:4!important}.sticky-right{position:-webkit-sticky;position:sticky;right:0;z-index:4!important} select{background:#FFF url(/images/icons/caret_down.svg?12) no-repeat!important;background-position:calc(100% - 3px) 50%!important;background-size:12px 8px!important;-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:16px!important}.form-control.datepicker{height:32px;font-size:13px}.order-cell:hover{color:#002CFF;cursor:pointer}.order-cell.desc::before{font-family:FontAwesome;content:'\f0aa';color:#002CFF;margin-right:2px}.order-cell.asc::before{font-family:FontAwesome;content:'\f0ab';color:#002CFF;margin-right:2px}.bgclr-default{background-color:#ebeff2}.row-square{width:30px;padding-left:0;padding-right:0;text-align:center}.slick-carousel.modal-slick .slick-prev::before,.slick-carousel.modal-slick .slick-next::before{content:''}.slick-carousel.modal-slick .slick-prev{left:0;z-index:1;width:40px;height:40px;background-image:url(/images/arrow-prev.png)}.slick-carousel.modal-slick .slick-next{right:0;z-index:1;width:40px;height:40px;background-image:url(/images/arrow-next.png)}.slick-carousel.modal-slick .slick-next.slick-disabled,.slick-carousel.modal-slick .slick-prev.slick-disabled{opacity:.5}.modal-slick .items-block{padding-bottom:65%;background-position:center center;background-size:cover;background-repeat:no-repeat} .header-container{width:100%;height:60px;background-color:#FFF}.content-container{width:100%;height:calc(100% - 60px);border-top:1px solid rgba(0,0,0,.2)}.scroll-container{overflow:auto}.full-container{width:100%;height:100%}.cell-bdr{border-right:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}.cell-wrap{display:table;width:100%}.cdr-column{display:table-cell;vertical-align:middle}.cdr-cell{border-right:1px solid rgba(0,0,0,.3);border-bottom:1px solid rgba(0,0,0,.3);height:30px}.cdr-cell.bdr-light{border-bottom:1px solid rgba(0,0,0,.15)} .cdr-cell-tl{position:absolute;top:0;left:0;width:48px}.cdr-cell-tl .cdr-cell{height:40px}.cdr-cell-tr{position:absolute;top:0;left:48px;right:18px;overflow:hidden}.cdr-cell-tl .cdr-column,.cdr-cell-tr .cdr-column{height:40px;text-align:center;vertical-align:middle}.cdr-cell-tl .cdr-cell>span{vertical-align:middle}.cdr-cell-bl{position:absolute;top:40px;left:0;width:48px;bottom:18px;overflow:hidden}.cdr-cell-br{position:absolute;top:40px;left:48px;right:0;bottom:0;overflow:scroll}.cdr-sch{position:absolute;top:0;left:0;right:0;bottom:0; pointer-events:none}.sch-block{position:absolute;width:100%;background-color:rgb(180,230,250);pointer-events:all}.cdr-cell-bl .cdr-cell{font-size:12px;text-align:center}.cdr-cell-br .cdr-cell:hover{background-color:rgba(180,230,250,.2)}.cdr-column.wday-5{background-color:rgba(175,255,182,.4)}.cdr-column.wday-6{background-color:rgba(255,181,182,.4)} #lg-modal>.modal-dialog{max-width:1200px}    .modal-topic{text-align:center;padding-bottom:20px}.modal-topic h4{margin-bottom:0}.modal-tab .nav-link{margin:0;padding:5px 8px}   .modal-header>h4{font-weight:bold}.modal-header>button.close{position:absolute;margin:10px 10px 0 0;width:30px;height:30px;background-color:#36404a;color:#FFF;border-radius:3px;right:0;padding:0}.modal-header>button.close>span{top:-2px}.modal{padding-left:0!important}.modal-content{margin:-5px;border:0}.modal-inner .row{}.modal-inner .column{padding-left:5px;padding-right:5px}.modal-topic{border:0;padding:15px 25px 15px 25px;line-height:22px;font-size:18px;background-color:#36404a;color:#fff;text-align:left;margin:0}.modal-dialog .modal-footer:empty{display:none} #ul-files-wrap{position:absolute;left:20px;right:20px;top:auto;bottom:20px;background-color:rgba(221,221,221,.4);color:#000;z-index:3100}.ul-file-block{position:relative;height:20px;padding:2px;font-family:arial;margin:10px 6px}.ul-file-type{width:16px;line-height:20px;text-align:center;position:absolute}.ul-file-detail{padding:0 20px}.ul-file-name{display:inline-block;width:70%;font-size:12px;line-height:20px}.ul-file-progress{display:inline-block;width:30%;line-height:20px;text-align:center}.ul-progress{width:100%;border-radius:6px;border:1px solid #CCC}.ul-progress[value]::-webkit-progress-bar{background-color:#eee;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.25) inset}.ul-progress[value]::-webkit-progress-value{background-image:-webkit-linear-gradient(-45deg,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.25)),-webkit-linear-gradient(left,#09c,#f44);border-radius:2px;background-size:35px 20px,100% 100%,100% 100%}.ul-status{font-size:12px;z-index:1;position:absolute;left:45%}.ul-file-delete{width:16px;height:16px;line-height:16px;padding:0;text-align:center;position:absolute;top:0;right:0;left:auto;font-size:12px;margin-top:4px} .wrapper-page{margin:5% auto;position:relative;max-width:420px}.card-box{padding:10px;border:1px solid rgba(54,64,74,.05);border-radius:5px;margin-bottom:20px;background-clip:padding-box;background-color:#fff}.table-even-mark>tbody>tr:nth-child(even){background-color:#f4f8fb!important}.table-odd-mark>tbody>tr:nth-child(odd){background-color:#f4f8fb!important}.table td{vertical-align:middle}.btn-default{color:#fff;background-color:#5fbeaa;border-color:#5fbeaa}.btn-default:hover{color:#fff;background-color:#46AC97;border-color:#5fbeaa}.btn-default:focus,.btn-default.focus{color:#fff;background-color:#46AC97;border-color:#5fbeaa}.btn-default.disabled:hover,.btn-default:disabled:hover{background-color:#7FCBBB;border-color:#7FCBBB}.btn-inverse,.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.focus,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.open>.dropdown-toggle.btn-inverse{background-color:#4c5667!important;border:1px solid #4c5667!important;color:#fff}.btn-inverse.focus,.btn-inverse:focus{-webkit-box-shadow:0 0 0 3px rgba(76,86,103,.5);box-shadow:0 0 0 3px rgba(76,86,103,.5)}.btn-purple,.btn-purple:hover,.btn-purple:focus,.btn-purple:active{background-color:#7266ba!important;border:1px solid #7266ba!important;color:#fff}.btn-purple.focus,.btn-purple:focus{-webkit-box-shadow:0 0 0 3px rgba(114,102,186,.5);box-shadow:0 0 0 3px rgba(114,102,186,.5)}.btn-pink,.btn-pink:hover,.btn-pink:focus,.btn-pink:active{background-color:#fb6d9d!important;border:1px solid #fb6d9d!important;color:#fff}.btn-pink.focus,.btn-pink:focus{-webkit-box-shadow:0 0 0 3px rgba(251,109,157,.5);box-shadow:0 0 0 3px rgba(251,109,157,.5)}.border-t{border-top:1px solid #e3e8f1}.border-r{border-right:1px solid #e3e8f1}.border-b{border-bottom:1px solid #e3e8f1}.border-l{border-left:1px solid #e3e8f1}.label-primary{background-color:#5d9cec!important}.label-info{background-color:#34d3eb!important}.label-white{background-color:rgba(255,255,255,.7);color:#36404a!important;border:1px solid #CCC}.label-pink{background-color:#fb6d9d}.label-dark{background-color:#797979!important}.label-danger{background-color:#f05050!important}.label-warning{background-color:#ffbd4a!important}.label-muted{background-color:#98a6ad!important}.label-purple{background-color:#7266ba!important}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.label-default{background-color:#818a91}.label-default[href]:focus,.label-default[href]:hover{background-color:#687077}.label-primary{background-color:#0275d8}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#025aa5}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge-primary{background-color:#5d9cec!important}.badge-info{background-color:#34d3eb!important}.badge-white{background-color:rgba(255,255,255,.7);color:#36404a!important}.badge-pink{background-color:#fb6d9d}.badge-dark{background-color:#797979!important}.badge-danger{background-color:#f05050!important}.badge-warning{background-color:#ffbd4a!important}.badge-muted{background-color:#98a6ad!important}.text-success{color:#81c868!important}.text-primary{color:#5d9cec!important}.text-gray{color:#cecece!important}.text-info{color:#34d3eb!important}.text-dark{color:#797979!important}.text-muted{color:#98a6ad!important}.text-white{color:#fff!important}.text-pink{color:#fb6d9d!important}.text-danger{color:#f05050!important}.text-warning{color:#ffbd4a!important}.text-custom{color:#5fbeaa!important}.text-circle{border:1px solid #fff;border-radius:1rem;width:1.5rem;display:inline-block;height:1.5rem;line-height:1.5rem}.timeline-2{border-left:2px solid #98a6ad;position:relative}.time-item{border-color:#dee5e7;padding-bottom:1px;position:relative}.time-item:before{content:' ';display:table}.timeline-2 .time-item:after{background-color:#fff;border-color:#98a6ad;border-radius:10px;border-style:solid;border-width:2px;bottom:0;content:'';height:14px;left:0;margin-left:-8px;position:absolute;top:5px;width:14px}.time-item:after{background-color:#fff;border-color:#98a6ad;border-radius:10px;border-style:solid;border-width:2px;bottom:0;content:'';height:14px;left:0;margin-left:-8px;position:absolute;top:5px;width:14px}.item-info{margin-bottom:15px;margin-left:15px}.item-info .label{margin-left:.25rem;margin-right:.25rem;line-height:18px}.item-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.item-info p{margin-bottom:10px!important} .portlet{background:#fff;border:1px solid rgba(54,64,74,.05);border-radius:5px;margin-bottom:5px;background-clip:padding-box}.portlet .portlet-heading{border-radius:3px 3px 0 0;color:#fff;padding:12px 20px}.portlet .portlet-heading .portlet-title{color:#fff;float:left;font-size:18px;font-weight:600;margin-bottom:0;margin-top:5px}.portlet .portlet-heading .portlet-widgets{display:inline-block;float:right;font-size:15px;line-height:30px;padding-left:15px;position:relative;text-align:right}.portlet .portlet-heading .portlet-widgets .divider{margin:0 5px}.portlet .portlet-heading .portlet-widgets .collapsed .ion-minus-round:before{content:'\f217'!important}.portlet .portlet-heading a{color:#999}.portlet>.row{margin-right:-5px}.portlet>.row>*:last-child{padding-right:0}.portlet .portlet-body{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:15px 8px}.portlet-default .portlet-title{color:#797979!important}.portlet .portlet-heading.bg-custom a,.portlet .portlet-heading.bg-purple a,.portlet .portlet-heading.bg-info a,.portlet .portlet-heading.bg-success a,.portlet .portlet-heading.bg-primary a,.portlet .portlet-heading.bg-danger a,.portlet .portlet-heading.bg-warning a,.portlet .portlet-heading.bg-inverse a,.portlet .portlet-heading.bg-pink a{color:#fff}.panel-disabled{background:rgba(243,242,241,.5);bottom:15px;left:0;position:absolute;right:-5px;top:0}h3.portlet-title:before{content:'';background:#e8ad3f; width:5px;position:absolute;left:-10px;top:1px;bottom:2px}.loader-1{-moz-animation:loaderAnimate 1000ms linear infinite;-o-animation:loaderAnimate 1000ms linear infinite;-webkit-animation:loaderAnimate 1000ms linear infinite;animation:loaderAnimate 1000ms linear infinite;clip:rect(0,30px,30px,15px);height:30px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:50%;width:30px}.loader-1:after{-moz-animation:loaderAnimate2 1000ms ease-in-out infinite;-o-animation:loaderAnimate2 1000ms ease-in-out infinite;-webkit-animation:loaderAnimate2 1000ms ease-in-out infinite;animation:loaderAnimate2 1000ms ease-in-out infinite;border-radius:50%;clip:rect(0,30px,30px,15px);content:'';height:30px;position:absolute;width:30px}@keyframes around{100%{transform:rotate(0)}}   .progress{-webkit-box-shadow:none!important;background-color:#ebeff2;box-shadow:none!important;height:18px;overflow:hidden;border-radius:.25rem;border-top-color:#ebeff2;border-left-color:#ebeff2;border-right-color:#ebeff2;border-bottom-color:#ebeff2}.progress-around::before{position:absolute;content:'';width:10px;height:10px;top:calc(50% - 5px);right:10px;box-sizing:border-box;border-radius:50%;border-top:2px solid #000;border-left:2px solid #000;border-bottom:2px solid transparent;border-right:2px solid transparent;transform:rotate(720deg);transform-origin:center;animation:around 3s infinite ease-out;z-index:1}.progress-around::after{position:absolute;content:'';width:12px;height:12px;top:calc(50% - 6px);right:9px;box-sizing:border-box;border-radius:50%;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;border-left:5px solid;border-top-color:inherit;border-left-color:inherit;transform:rotate(720deg);transform-origin:center;animation:around 3s infinite ease-in-out;z-index:2}.progress-bar{box-shadow:none;font-size:8px;font-weight:600;line-height:12px;z-index:3;border-color:var(--bs-progress-bar-bg);flex-direction:row;align-items:center}.progress-bar>span.progress-around{width:1px;border-color:inherit}.progress-bar>span.progress-around::before{right:5px;border-top:1px solid #FFF;border-left:1px solid #FFF}.progress-bar>span.progress-around::after{right:4px}     .progress.progress-sm{height:5px!important}.progress.progress-sm .progress-bar{font-size:8px;line-height:5px}.progress.progress-md{height:15px!important}.progress.progress-md .progress-bar{font-size:10.8px;line-height:14.4px}.progress.progress-lg{height:1rem!important}.progress.progress-lg .progress-bar{font-size:12px;line-height:20px}.progress-bar-primary{background-color:#5d9cec}.progress-bar-success{background-color:#81c868}.progress-bar-info{background-color:#34d3eb}.progress-bar-warning{background-color:#ffbd4a}.progress-bar-danger{background-color:#f05050}.progress-bar-inverse{background-color:#4c5667}.progress-bar-purple{background-color:#7266ba}.progress-bar-pink{background-color:#fb6d9d}.progress-bar-custom{background-color:#5fbeaa}.progress-animated{-webkit-animation-duration:5s;-webkit-animation-name:animationProgress;-webkit-transition:5s all;animation-duration:5s;animation-name:animationProgress;transition:5s all} .progress-vertical{min-height:250px;height:250px;width:10px;position:relative;display:inline-block;margin-bottom:0;margin-right:20px}.progress-vertical .progress-bar{width:100%}.progress-vertical-bottom{min-height:250px;height:250px;position:relative;width:10px;display:inline-block;margin-bottom:0;margin-right:20px}.progress-vertical-bottom .progress-bar{width:100%;position:absolute;bottom:0}.progress-vertical.progress-sm,.progress-vertical-bottom.progress-sm{width:5px!important}.progress-vertical.progress-sm .progress-bar,.progress-vertical-bottom.progress-sm .progress-bar{font-size:8px;line-height:5px}.progress-vertical.progress-md,.progress-vertical-bottom.progress-md{width:15px!important}.progress-vertical.progress-md .progress-bar,.progress-vertical-bottom.progress-md .progress-bar{font-size:10.8px;line-height:14.4px}.progress-vertical.progress-lg,.progress-vertical-bottom.progress-lg{width:20px!important}.progress-vertical.progress-lg .progress-bar,.progress-vertical-bottom.progress-lg .progress-bar{font-size:12px;line-height:20px}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-userinfo{width:200px;right:25px;height:1.5rem}.progress-userinfo .progress-bar{height:100%;font-size:1rem}.service-icon i{font-size:40px;line-height:5rem;text-align:center;width:4rem;height:4rem;border-radius:4rem;display:block;margin:auto;color:#cecece}.service_item .badge{position:absolute;top:3px;right:20px}.round-icon i{font-size:1.5rem;line-height:3rem;text-align:center;width:3rem;height:3rem;border-radius:3rem;display:block;margin:auto;color:#fff}.bg-white{background-color:#fff!important}.bg-pink{background-color:#fb6d9d!important}.bg-success{background-color:#81c868!important}.bg-primary{background-color:#5d9cec!important}.bg-danger{background-color:#f05050!important}.bg-gray{background:#cecece}.bg-inverse{background-color:#4c5667!important}.bg-light-blue{background-color:#f4f8fb!important}.hoticon_face .label{padding:.25rem .75rem .25rem .2rem;margin-right:.5rem;font-size:1rem;display:inline-block;line-height:25px}.hoticon_face .label img{position:relative;height:25px;width:auto}.hoticon_face .badge{position:absolute;top:-5px}.btn-white,.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.btn-white.focus,.btn-white:active,.btn-white:focus,.btn-white:hover,.open>.dropdown-toggle.btn-white{border:1px solid #eaeaea!important;background-color:#fff;color:#4c5667!important}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.card_sign{padding:0;margin:0 10px}.card_sign .col{display:inline-block;width:50%;float:left;padding:.75rem 0;text-align:center}.service_card_sign .name{font-size:1.3rem}.service_card_sign .name:before{content:'';background:#ffbd4a;height:100%;width:5px;position:absolute;left:0;top:0}.list-group-item{border:1px solid #ebeff2} .unit-shi:not(:empty)::after{content:'時';font-size:12px;color:#999}.unit-tian:not(:empty)::after{content:'天';font-size:12px;color:#999}.unit-fen:not(:empty)::after{content:'分';font-size:12px;color:#999}.unit-ci:not(:empty)::after{content:'次';font-size:12px;color:#999}.unit-ri:not(:empty)::after{content:'日';font-size:12px;color:#999}.blink_me{animation:blinker 1.6s linear infinite}@keyframes blinker{35%{opacity:1}50%{opacity:0}65%{opacity:1}}.hourglass_me{animation:hourglass 1.6s linear infinite}@keyframes hourglass{0%{content:'\f251'}20%{content:'\f252'}65%{content:'\f253'}}#loader{animation:loader 5s cubic-bezier(.8,0,.2,1) infinite;height:10px;width:10px;position:relative;bottom:-1}@keyframes loader{90%{transform:rotate(0)}100%{transform:rotate(180deg)}}#top{animation:top 5s linear infinite;border-top:5px solid #f05050;border-right:4px solid transparent;border-left:4px solid transparent;left:1px;height:0;width:1px;transform-origin:50% 100%}@keyframes top{90%{transform:scale(0)}100%{transform:scale(0)}}#bottom{animation:bottom 5s linear infinite;border-right:4px solid transparent;border-bottom:5px solid #f05050;border-left:4px solid transparent;left:1px;height:0;width:1px;transform:scale(0);transform-origin:50% 100%}@keyframes bottom{10%{transform:scale(0)}90%{transform:scale(1)}100%{transform:scale(1)}}#line{animation:line 5s linear infinite;border-left:1px dotted #f05050;height:0;width:0;position:absolute;top:5px;left:5px}@keyframes line{10%{height:5px}100%{height:5px}} .custom-control.custom-switch{position:relative;display:block;min-height:1.5rem;padding-left:2.5rem;margin-right:0}.custom-control-label{color:#333}.custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.custom-switch .custom-control-label::before{position:absolute;top:.25rem;display:block;height:1rem;content:'';background-color:#fff;border:#adb5bd solid 1px}.custom-switch .custom-control-label::after{position:absolute;content:'';display:block;top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-switch .control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)} .radio-checker .custom-control-label{position:static;padding:2px 12px 2px 4px;line-height:28px}.radio-checker.custom-radio .custom-control-input:checked~.custom-control-label{color:#fff}.radio-checker .custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#17a2b8}.radio-checker .custom-control-label>span{z-index:1}.radio-checker.custom-radio .custom-control-label::before{border-radius:4px}.radio-checker .custom-control-label::before{position:absolute;display:block;top:0;left:0;right:0;bottom:0;width:auto;height:auto;pointer-events:none;content:'';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.radio-checker.custom-radio .custom-control-input:checked~.custom-control-label::after{font:normal normal normal 12px/1 FontAwesome;content:'\f00c';color:#FFF;background-image:none}.radio-checker .custom-control-label::after{position:absolute;top:10px;left:6px;display:block;width:16px;height:16px;text-align:center;content:'';background-repeat:no-repeat;background-position:center center;background-size:50% 50%} .bg-lightgreen{background-color:rgba(223,255,226,.40)!important}.bg-lightred{background-color:rgba(255,225,226,.40)!important}.border-table thead,.border-table tbody,.border-table tfoot,.border-table tr,.border-table td,.border-table th{border-width:1px}.form-control[required]::placeholder{font-size:.875rem}.form-control[required]::placeholder{color:#ff7000c4}#map button[title='關閉'] {display:none!important}.geoclock-block .err-msg{color:#F00;font-weight:bold}.geoclock-block hr{margin:.5rem 0}.geoclock-block #jqclock{min-height:24px}.geoclock-block #jqclock .clockdate,#jqclock .clocktime{display:block;text-align:center} .geoclock-block #jqclock .clocktime{font-weight:700;font-size:18px}.geo-err-msg{position:absolute;top:auto;bottom:30px;width:calc(100% - 2rem);max-width:300px;display:block;padding:1rem;left:50%;transform:translateX(-50%);border:1px solid #999;border-radius:6px;background-color:rgba(255,255,255,1);display:none}#map .gm-style-iw{padding:0!important;max-width:unset!important;max-height:unset!important;overflow:unset!important}#map .gm-style-iw-d{overflow:unset!important;max-width:unset!important;max-height:unset!important;padding:1rem!important}.staff-select .staff-item.lvl-2{padding-left:28px}.staff-select .staff-item.lvl-3{padding-left:42px}.staff-select .staff-item.lvl-4{padding-left:56px} .stats-row{margin-left:0!important;margin-right:0!important;line-height:24px}.stats-col:has(.stats-value:empty):not(:has([data-apply])){display:none} .stats-tbody:not(:has([data-apply])){display:none}.stats-tbody:has(.stats-value:not(:empty)){display:table-row-group}.stats-tbody [data-apply]::before{content:'('attr(data-apply)')';font-size:12px;color:#999;vertical-align:text-bottom;margin-right:.125rem} .shift-tbl-warp th,.shift-tbl-warp td{box-shadow:none;vertical-align:middle}.shift-tbl-warp th{white-space:nowrap}       .shift-tbl-warp>table th::after,.shift-tbl-warp>table td::after{position:relative;top:0;right:0;left:0;bottom:0;display:inline;border:0!important;pointer-events:none}.shift-tbl-warp>table>tbody th{position:-webkit-sticky;position:sticky;left:0;background-color:#f4f4ff;width:50px;height:28px;color:#333}.shift-tbl-warp>table .geoclock-edit{border-color:#DDD;}.shift-tbl-warp>table .geoclock-edit:empty::before{content:'編輯'}.shift-tbl-warp small{display:inline-block;transform:scale(.9);color:#666}.shift-tbl-warp>table .editUp{display:block}.shift-tbl-warp>table .editUp::before{content:'\f040';font-family:FontAwesome;color:#999;padding-right:2px}.dash-top{border-top:1px dashed #DDD}.sort-tab-nav.active{pointer-events:none}.shift-list-table{min-width:600px!important}.shift-list-table.hide-memo{min-width:500px!important}.shift-list-table.hide-memo .memo-cell{display:none}.shift-list-table .memo-cell{word-break:keep-all;white-space:nowrap}.shift-list-table tbody .memo-cell:not(:empty){border-top:1px dashed #CCC}.shift-list-table .border-tr{padding:0!important;height:1px;background-color:#CCC}.shift-list-table td{padding:2px 4px}.shift-list-table td:empty{padding:0}.shift-list-table>tbody,.consec-off-table>tbody{border-top:1px solid #CCC}.consec-off-table td{white-space:nowrap}.shift-list-table>tbody[data-wd='7'] {background-color:rgba(255,225,226,.40)}.shift-list-table>tbody[data-wd='6'][data-in=''] {background-color:rgba(223,255,226,.40)}.shift-list-table>tbody[data-consec] {border:1px solid rgb(242 183 185)}.shift-list-table>tbody.holiday[data-in=''] { background-color:rgba(255,225,226,.40)}.shift-list-table .off-tr>td:empty{padding:0!important}.shift-tbl-warp tbody>tr>td{background-color:transparent}.work-log-table{border-collapse:separate!important;border-spacing:0 8px;line-height:18px}.work-log-table>tbody td{bottom:-4px}.work-log-table>tbody td{padding-top:2px;padding-bottom:2px;vertical-align:top}.work-log-table>tbody>tr>th:first-child{border-left:1px solid #CCC}.work-log-table>tbody::after{content:'';position:absolute;border:1px solid #CCC;border-left:0;left:0;right:0;top:0;bottom:0;z-index:20;pointer-events:none}.work-log-table>tbody>tr:not(:first-child)::after{content:'';height:0;position:absolute;left:0;right:0;top:0;border-top:1px solid #CCC;z-index:4}.work-log-table>tbody::after{content:'';position:absolute;border:1px solid #CCC;left:0;right:0;top:0;bottom:0;z-index:20;pointer-events:none}.work-log-table>tbody:not(:has([data-start])){display:none}.txt-shadow-around{text-shadow:1px 1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000,-1px -1px 1px #000}.cell-line{border-bottom:1px solid #EEE;padding-top:.3rem!important;padding-bottom:.3rem!important}.cell-caption{width:80px!important;max-width:80px!important;word-break:keep-all!important;padding-right:14px!important;text-align:justify;text-align-last:justify}.cell-caption:not(:empty)::after{position:absolute;content:'：';top:0;right:0}.text-justify{text-align:justify;text-align-last:justify}.custom-switch{padding-left:2.25rem}.date{display:block;left:3px;top:3px;width:30px;text-align:center;font-family:'Helvetica',sans-serif;position:absolute}.date .binds{position:absolute;height:4px;width:24px;background:transparent;border:1px solid #999;border-width:0 2px;top:-3px;left:0;right:0;margin:auto;z-index:10}.date .month{background:#AC0404;display:block;text-align:center;color:#fff;height:12px;font-weight:bold;border-bottom:1px solid #CCC}.date .mstr{display:block;width:100%;top:0;position:absolute;font-size:12px;transform:scale(.7);line-height:12px}.date .day{display:block;color:#000;background-color:#FFF;margin:0;padding:0;font-size:12px;font-weight:bold;box-shadow:0 0 1px #ccc;border-radius:0 0 2px 2px;position:relative}.checkin-btn>.countdown{position:absolute;right:16px}.checkin-btn.unevent{opacity:.5}.duty-row{background-color:rgba(114,102,186,.10)!important}.fn_canvasCapture table td{line-height:16px!important}.fn_canvasCapture .shift-tbl-warp{overflow:unset!important;max-height:unset!important}.fn_canvasCapture .shift-list-table{min-width:100%!important}.fn_canvasCapture .button-wrap{display:none}.fn_canvasCapture .shift-tbl-warp>table>tbody th{height:16px}.fn_canvasCapture .shift-list-table td{padding:0 4px}.fn_canvasCapture .shift-tbl-warp tbody>tr>td{z-index:1}.fn_canvasCapture .capture-hidden{display:none!important}  .padding-height-0{padding:0!important;height:0!important} .clock-mapview{cursor:pointer}.event-cell:not(:empty){padding-top:.25rem!important;padding-bottom:.25rem!important;white-space:normal}.event-cell:empty{display:none!important}.shift-list-table .event-cell:empty{}.shift-list-table tbody:has(.attd-cell:not(:empty)) .event-cell{border-top:1px dashed #CCC}.event-list{border-radius:3px;padding:4px;margin:2px;background-color:#EFEFEF;overflow:hidden;white-space:nowrap;word-spacing:normal;word-break:keep-all;text-overflow:ellipsis;}.event-list[data-type='排休'] {cursor:pointer;background-color:rgba(0,123,255,.30)}.event-list[data-type='補休'] {cursor:pointer;background-color:rgba(255,193,7,.40)}.event-list[data-type='請假'] {cursor:pointer;background-color:rgba(255,98,100,.40)}.event-list[data-type='公假'] {cursor:pointer;background-color:rgba(40,167,69,.40)}.event-list.count-stats[data-type='加班'] {cursor:pointer;background-color:rgba(114,102,186,.40)}.event-list.count-stats[data-type='加班'][data-sort='公假時數'] {cursor:pointer;border:1px solid #CCC;background-color:#e4f3dc!important}.event-list[data-print]::after{content:' 'attr(data-print)}  .event-list[data-status='審核中'],.ot-list[data-status='審核中'] {opacity:.7;color:#000}.event-list[data-status='審核中']::before,.ot-list[data-status='審核中']::before{content:'\f110';font-family:FontAwesome;display:inline-block;animation:fa-spin 1s infinite steps(8);margin-right:2px}.event-list[data-consec][data-status='審核中'] {padding-left:20px!important;background-image:url(/images/icons/app/hourglass.png);background-repeat:no-repeat;background-size:14px 14px;background-position:2px center}.event-list[data-status='否決'],.ot-list[data-status='否決'] {opacity:.7;text-decoration:line-through!important}.event-list[data-type='排休'][data-status='否決'] {background-color:rgba(0,123,255,.20)}.event-list[data-type='補休'][data-status='否決'] {background-color:rgba(255,193,7,.20)}.event-list[data-type='請假'][data-status='否決'] {background-color:rgba(255,98,100,.20)}.event-list[data-type='公假'][data-status='否決'] {background-color:rgba(40,167,69,.20)}.event-list[data-type='加班'][data-status='否決'] {background-color:rgba(114,102,186,.20)}.event-list.focus{ box-shadow:0 0 4px 4px #4285f4;z-index:10}.display-none{display:none} .aprove-ctn::before{content:'簽核'}.aprove-ctn[data-status='核准']::before{content:'\f00c';font-family:FontAwesome;color:#81c868}.aprove-ctn[data-status='否決']::before{content:'\f00d';font-family:FontAwesome;color:#f05050}.ui-datepicker{ font-size:12px;width:240px;box-shadow:3px 3px 5px 0 rgba(0,0,0,.5)}.ui-datepicker .ui-datepicker-title{margin:0 50px 0 0;line-height:1.8em;text-align:left}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:auto;border:0}.ui-datepicker select::-webkit-scrollbar-button{box-shadow:0 0 5px 0 rgb(255 255 255/50%) inset;width:5px;height:8px;background-color:#EEE;border:1px solid #EEE;visibility:visible;background-size:6px 6px;background-repeat:no-repeat;background-position:center center;cursor:pointer}.ui-datepicker select::-webkit-scrollbar-thumb,.ui-datepicker select::-webkit-scrollbar-thumb:window-inactive,.ui-datepicker select::-webkit-scrollbar-thumb:disabled{box-shadow:0 0 5px 0 rgb(255 255 255/50%) inset;border-radius:2px;background:#CCC;width:8px;border:0;visibility:visible}.ui-datepicker button.ui-state-default.ui-corner-all{ font-size:12px;padding:0 4px;background:transparent;font-weight:normal;color:#000}.ui-datepicker .ui-state-highlight{height:auto}.ui-datepicker .ui-datepicker-header{ background:transparent;border:0}.ui-datepicker table{font-size:.5rem}.ui-datepicker .ui-widget-header .ui-icon{background-image:url()}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:20px;height:20px;line-height:20px}.ui-datepicker .ui-datepicker-prev{left:auto;right:30px}.ui-datepicker .ui-datepicker-prev::before,.ui-datepicker .ui-datepicker-next::before{font-family:FontAwesome;position:absolute;left:50%;transform:translateX(-50%);line-height:25px}.ui-datepicker .ui-datepicker-prev::before{content:'\f104'}.ui-datepicker .ui-datepicker-next::before{content:'\f105'}.ui-datepicker .ui-datepicker-prev-hover{left:auto;right:30px}.ui-datepicker .ui-datepicker-next-hover{top:2px;right:2px}.datepicker-btn .datepicker{position:absolute;width:0;height:0;bottom:0;left:0;outline:0;border:0;opacity:0}.ui-datepicker.ui-widget-content{width:300px;background-color:#FFF}.ui-datepicker-calendar .ui-datepicker-week-col{display:none}.ui-datepicker .ui-priority-secondary,.ui-datepicker .ui-widget-content .ui-priority-secondary,.ui-datepicker .ui-widget-header .ui-priority-secondary{background:#FFF}.ui-datepicker .ui-state-default:not(.ui-slider-handle),.ui-datepicker .ui-widget-content .ui-state-default:not(.ui-slider-handle){text-align:center;border:0;background:transparent}.ui-datepicker .ui-state-hover{border:0;background:#a695c759}.ui-datepicker .ui-state-highlight{outline:1px solid #2196f3;outline-offset:-1px;background:#2196f336}.ui-datepicker-calendar.week-view>tbody>tr.week-sel>td>a,.ui-datepicker-calendar .ui-state-active{background:#a695c7!important;color:#FFF!important}.ui-datepicker{width:20em}.ui-datepicker-calendar>thead th{width:14.3%}.datepicker{background-image:url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0' y='0' viewBox='131 -131 512 512' style='enable-background:new 131 -131 512 512;' xml:space='preserve' width='12' height='13'%3E%3Cg id='XMLID_2_'%3E%3Cpath id='XMLID_19_' d='M186.6,343.9h81.9V262h-81.9V343.9z M287.4,343.9h91.4V262h-91.4V343.9z M186.6,243.9h81.9v-91.4h-81.9 V243.9z M287.4,243.9h91.4v-91.4h-91.4V243.9z M186.6,134.5h81.9V52.6h-81.9V134.5z M396.9,343.9h91.4V262h-91.4V343.9z M287.4,134.5h91.4V52.6h-91.4V134.5z M506.4,343.9h81.9V262h-81.9C506.4,262.1,506.4,343.9,506.4,343.9z M396.9,243.9h91.4v-91.4 h-91.4V243.9z M296.1-2.6v-81.9c0-2.6-.9-4.3-2.6-6s-4.3-2.6-6-2.6h-18.1c-2.6,0-4.3,.9-6,2.6s-2.6,4.3-2.6,6v81.9 c0,2.6,.9,4.3,2.6,6c1.7,1.7,4.3,2.6,6,2.6h18.1c2.6,0,4.3-.9,6-2.6C295.2,1.7,296.1,0,296.1-2.6z M506.4,243.9h81.9v-91.4h-81.9 C506.4,152.6,506.4,243.9,506.4,243.9z M396.9,134.5h91.4V52.6h-91.4V134.5z M506.4,134.5h81.9V52.6h-81.9V134.5z M515-2.6v-81.9 c0-2.6-.9-4.3-2.6-6c-1.7-1.7-4.3-2.6-6-2.6h-18.1c-2.6,0-4.3,.9-6,2.6s-2.6,4.3-2.6,6v81.9c0,2.6,.9,4.3,2.6,6s4.3,2.6,6,2.6 h18.1c2.6,0,4.3-.9,6-2.6C514.1,1.7,515,0,515-2.6z M624.5-20.7v364.6c0,9.5-3.4,18.1-11.2,25.9S597.7,381,587.4,381H186.6 c-9.5,0-18.1-3.4-25.9-11.2c-6.9-6.9-11.2-15.5-11.2-25.9V-20.7c0-9.5,3.4-18.1,11.2-25.9c6.9-6.9,15.5-11.2,25.9-11.2h37.1v-27.5 c0-12.9,4.3-23.3,13.8-31.9c8.6-8.6,19.8-13.8,31.8-13.8h18.1c12.9,0,23.3,4.3,31.9,13.8c8.6,8.6,13.8,19.8,13.8,31.9v27.6h109.5 v-27.6c0-12.9,4.3-23.3,13.8-31.9c8.6-8.6,19.8-13.8,31.9-13.8h18.1c12.9,0,23.3,4.3,31.9,13.8c8.6,8.6,13.8,19.8,13.8,31.9v27.6 h36.2c9.5,0,18.1,3.4,25.9,11.2C621-39.6,624.5-31,624.5-20.7z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E');background-size:12px 13px;background-repeat:no-repeat;background-position:right 4px center;padding-right:18px!important;text-align:center!important;height:20px;line-height:12px}.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{background:0 0;color:inherit;border:0;outline:0;border-bottom:solid 1px #555;width:95%}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#aaa}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px} .ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none}.ui-timepicker-div dl dd{margin:0 10px 20px 25%!important}.ui-slider .ui-slider-handle{width:1.6em!important;height:1.6em!important}.ui-slider-horizontal .ui-slider-handle{top:-.4em!important;margin-left:-.8em!important}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{text-align:center}.doc-list-table>tbody .sticky-right{background-color:#d4d4f8}.doc-list-table>tbody td{line-height:14px;vertical-align:middle}.doc-list-table>tbody th,.doc-list-table>tbody td{padding:2px}.doc-status{filter:grayscale(1);text-shadow:0 0 1px;opacity:.3}.doc-status.active{filter:grayscale(.5);opacity:1}   .sign-fieldset{border:1px dashed #999}.signature-pad{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:10px;width:100%;height:100%;max-width:700px;max-height:460px;border:1px solid #e8e8e8;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.27),0 0 40px rgba(0,0,0,.08) inset;border-radius:4px;padding:16px}.signature-pad::before,.signature-pad::after{position:absolute;z-index:-1;content:'';width:40%;height:10px;bottom:10px;background:transparent;box-shadow:0 8px 12px rgba(0,0,0,.4)}.signature-pad::before{left:20px;-webkit-transform:skew(-3deg) rotate(-3deg);transform:skew(-3deg) rotate(-3deg)}.signature-pad::after{right:20px;-webkit-transform:skew(3deg) rotate(3deg);transform:skew(3deg) rotate(3deg)}.signature-pad--body{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #f4f4f4;border-radius:4px}.signature-pad--body.empty{background-color:#333}.signature-pad--body canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.02) inset}.signature-pad--footer{color:#c3c3c3;text-align:center;font-size:1.2em;margin-top:8px}.signature-pad--actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px}.signature-pad--actions .column{padding:.1em}.signature-pad--actions .button{margin:.2em}@media (max-width:480px){.signature-pad--actions .button{display:block;width:100%;min-height:2em}} #forkongithub{position:fixed;display:block;top:35px;right:-95px;z-index:9999;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}#forkongithub a{display:block;background:#6d6d6d;color:#fff;text-decoration:none;font-family:arial,sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:14px;line-height:2rem;transition:.5s;width:300px;box-shadow:4px 4px 10px rgba(0,0,0,.8)}#forkongithub a:hover{background:#11c}#forkongithub a::before,#forkongithub a::after{content:'';width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff}#forkongithub a::after{bottom:1px;top:auto}body.training .page-row,body.training .sect-body,body.training .sect-body>.container,body.training .course-unit-row,body.training .content-col,body.training .course-unit-body,body.training .course-unit-body .portlet,body.training .course-unit-body .portlet-heading,body.training .course-unit-body .portlet-body,body.training .course-cont,body.training .course-unit-block{position:static}.course-unit-block *{max-width:100%}.unit-nav-link{display:block;cursor:pointer;color:#666;padding:8px 4px 8px 18px!important}.unit-nav-link:hover{color:var(--theme-color-3)}.unit-nav-link.active{background-color:#f2f5fa;border-left:6px solid #0056d2;padding:8px 4px 8px 12px!important;padding:var(--cds-spacing-100) var(--cds-spacing-300) var(--cds-spacing-100) 18px}.unit-nav-link>i{font-family:'Material Icons Outlined';font-weight:normal;font-style:normal;font-size:18px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.unit-nav-link[data-unit='內容']>i::before{content:'menu_book'}.unit-nav-link[data-unit='影音']>i::before{content:'ondemand_video'}.unit-nav-link[data-unit='測驗']>i::before{content:'library_add_check'}.unit-nav-link.completed>i{font:normal normal normal 14px/1 FontAwesome;font-size:20px;text-rendering:auto;-webkit-font-smoothing:antialiased}.unit-nav-link.completed>i::before{content:'\f058';color:#087051;bottom:-1px}.course-unit-menu{margin-left:0;transition-duration:.3s}.course-unit-body{margin-right:0;transition-duration:.3s}.course-menu-portlet{position:fixed;width:calc(300px - 1rem);max-height:calc(100% - 1rem);overflow-y:auto;overflow-x:hidden}.course-menu-portlet .nav-menu{border:0}.course-card{color:#333;cursor:pointer}.course-card .msort-name{color:#787878}.course-card>.course-header,.course-card .ssort-img-cover{overflow:hidden;border-radius:4px}.ssort-img{transform:scale(1);transition-duration:.5s}.course-card:hover .ssort-img{transform:scale(1.1);transition-duration:.5s}@media(max-width:1200px){.training-sect:has(.course-unit-row) .container{width:100%;max-width:100%}.course-unit-menu{margin-left:-300px;transition-duration:.3s}.course-unit-body{width:100%}}@media(max-width:992px){.training-sect .container{max-width:100%}}@media(max-width:414px){.course-card{flex-direction:row}.course-card>.card-header{width:160px;flex:0 0 auto}}.submenu-toggler .toggle-bar,.submenu-toggler .toggle-bar::before,.submenu-toggler .toggle-bar::after{background:var(--theme-color-3)!important}.submenu-toggler.trigger .toggle-bar{background:transparent!important}.training-sect .submenu-text{color:var(--theme-color-3);padding:0;align-self:center;font-weight:700;word-break:keep-all;left:32px}.training-sect .submenu-text::before{content:'開啟選單'}.training-sect.show-menu .submenu-text::before{content:'關閉選單'}.training-sect.show-menu .course-unit-menu{margin-left:0;transition-duration:.3s}.training-sect.show-menu .course-unit-body{margin-right:-300px;transition-duration:.3s} .media-block{position:sticky;top:.5rem;z-index:3;background:#000}@media (min-width:1024px){#coursePlayer{max-height:600px}}.subtitle-row{text-align:justify}.subtitle-block{line-height:24px;cursor:pointer;padding:4px;margin-right:4px}.subtitle-block.active{background-color:rgba(42,181,115,.15);outline:rgba(42,181,115,.5) solid 1px;outline-offset:-1px}.pagination{display:flex;padding-left:0;margin:20px 0;border-radius:4px;list-style:none;justify-content:center!important}.pagination>li{flex:0 0 auto}.pagination>li>a:hover{background:#e3edf5}.pagination>li>a,.pagination>li>span{display:inline-block;width:30px;line-height:30px;text-align:center;color:#dc3545;margin:0 4px;border:0;border-radius:3px;cursor:pointer}.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{width:auto;padding:0 14px;border-radius:3px;font-size:12px;text-transform:uppercase}.pagination>li>a{border:1px solid var(--theme-color-3);color:#000}.pagination>li>a.active{cursor:unset;color:#FFF;background-color:var(--theme-color-4)}