*,.menu div:focus,.menu div:hover{text-decoration:none}*{margin:0;padding:0;list-style:none;outline:0;box-sizing:border-box}body,html{height:100%;position:relative;background:#f5f5f5;font-family:"Microsoft JhengHei",sans-serif}h1,h2,h3,h4,h5,h6{margin:10px 0;text-align:center}.form-inline{display:block}.wrapper,.wrapper .spinner{top:0;bottom:0;left:0;right:0;position:fixed;display:flex}.btn-primary{background-color:#7F58AF;border-color:#7F58AF}.btn-primary:hover{background-color:rgba(127,88,175,.8);border-color:rgba(127,88,175,.8)}.btn-primary.disabled,.btn-primary:disabled{background-color:#707070;border-color:#707070;cursor:not-allowed}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:#7F58AF;border-color:#7F58AF}.btn-secondary{background-color:#707070;border-color:#707070}.btn-secondary:hover{background-color:rgba(112,112,112,.8);border-color:rgba(112,112,112,.8)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{background-color:#707070;border-color:#707070}select.form-control-lg{font-size:1rem;padding-left:.5rem}.wrapper{overflow-y:hidden;color:#707070;font-size:16px;flex-direction:column;justify-content:start}.wrapper table.dataTable{border-spacing:0}.wrapper div.dataTables_wrapper div.dataTables_length label{justify-content:flex-start}.wrapper div.dataTables_wrapper div.dataTables_filter label,.wrapper div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:flex-end}.wrapper div.dataTables_wrapper div.dt-buttons .btn{margin-bottom:5px}.wrapper table.dataTable tbody>tr.selected,.wrapper table.dataTable tbody>tr>.selected{background-color:rgba(127,88,175,.8)}.wrapper .page-item.active .page-link{background-color:#7F58AF;border-color:#7F58AF}.wrapper .spinner{outline:0;z-index:1050;overflow:hidden;justify-content:center;align-items:center}.icon{background-image:url(./images/icon-3182323450503391795a3f83066adf7c.png);background-repeat:no-repeat;display:block}.icon-sign-out-primary{width:30px;height:30px;background-position:-5px -5px}.icon-sign-out-white{width:30px;height:30px;background-position:-45px -5px}.login-container{height:100vh;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center}.login-container .login{width:350px;border-radius:5px;background:#fff}.login-container .login .title{text-align:center;margin-bottom:20px}.login-container .login .form-group{padding:0 20px}.login-container .login .btn-login{padding:20px;margin-bottom:15px}.login-container .login .btn-login button{font-size:18px}.dashborad-container{overflow:auto;flex-direction:column;justify-content:center;align-self:center;flex-wrap:wrap}.dashborad-container .top{display:flex;margin:1em 0;padding:1em;justify-content:space-between;background:#fff;text-align:right}.dashborad-container .top button{display:flex;align-items:center}.dashborad-container .top button span{padding-left:10px;line-height:25px}.dashborad-container .dashboard{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);grid-gap:5em;padding:5em;border-radius:5px;background:#fff}.card{background:#fff;padding:3em;border-radius:5px;overflow:auto}.card .card-header button{border-radius:50%}.card .card-option{line-height:2;padding:10px}.card .card-tool{display:flex;justify-content:space-between}.card .card-tool .form-group{padding:0 10px}.card .card-tool .form-group .search,.card .card-tool .form-group select{height:47px}.card .description{max-width:350px}.card .description span{white-space:normal}.card .note-title{font-weight:700;color:#78c1c1}.upload-container{display:flex;flex-direction:column;row-gap:1.5em}.upload-container button{max-width:130px}.stripe-detail{grid-gap:15px;display:grid;grid-template-columns:1fr 1fr}.hktv-detail{grid-gap:15px;display:grid;grid-template-columns:1fr}.hktv-sub-detail,.stripe-sub-detail{border:1px solid #606060}.hktv-sub-detail{padding:3px}.stripe-sub-detail-header{text-align:center;border-bottom:1px solid #606060}.stripe-sub-detail>div{padding:2px 6px}.fa-sticky-note-wrapper{position:relative}.fa-sticky-note-wrapper svg{pointer-events:none}.fa-sticky-note-wrapper::before{--scale:0;position:absolute;bottom:26px;left:-13px;transform:1.2;z-index:1;pointer-events:none;transform:scale(var(--scale));transition:20ms transform;transform-origin:bottom center;content:attr(data-tooltip);background:#fff;border:1px solid #494949;color:#494949;padding:3px 6px;font-size:13px;white-space:nowrap;border-radius:.1rem}.fa-sticky-note-wrapper:hover::before{--scale:1}.mail-data{margin-top:10px;width:100%;max-height:250px;min-height:250px}.freehw-form-container .freehw-order{display:grid;border:1px solid gray;margin:40px 0;position:relative}.freehw-form-container .freehw-order .freehw-btn{width:40px;height:40px;background-color:#fffaf0;position:absolute;top:50%;transform:translateY(-50%);left:-60px;cursor:pointer}.freehw-form-container .freehw-order .freehw-content{display:grid;grid-template-columns:1fr 1fr 1fr;padding-left:10px;font-size:17px}.freehw-form-container .freehw-order .freehw-content input{width:23px;height:23px}.freehw-form-container .freehw-order .freehw-content .one-line{display:flex;column-gap:5px}.freehw-form-container .freehw-order .freehw-id{padding:10px 5px;border-right:1px solid gray;display:grid;row-gap:15px}.freehw-form-container .freehw-order .freehw-id textarea{resize:none;padding:3px;max-height:40px}.freehw-form-container .freehw-order .freehw-id select{height:40px;max-width:700px}.freehw-form-container .freehw-order .freehw-id input[type=checkbox]{min-width:20px;height:20px}.menu{width:200px;height:100px;display:grid;justify-content:center;border-radius:5px;background-color:#7F58AF;border:#7F58AF;padding:0 10px}.menu div{color:#fff;align-self:center;font-size:1.8em;cursor:pointer}.menu div.disabled,.menu.disabled{cursor:not-allowed}.menu:focus,.menu:hover{background:rgba(127,88,175,.8);border:rgba(127,88,175,.8);outline:0}.menu.disabled{border:#707070;background-color:#707070;opacity:.5}.datepicker-days table tbody tr td.day,.datepicker-days table thead tr th.dow{height:25px}.input-group-addon{vertical-align:middle;padding:12px;font-size:20px;font-weight:400;line-height:1;text-align:center;background-color:#eee;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0}@media all and (max-width:580px){.dashborad-container .top{justify-content:center}.dashborad-container .dashboard{grid-auto-flow:row;grid-template-columns:none}}@media all and (max-width:480px){.card{padding:1em}.card .card-body{padding:0}.card .card-body h1{font-size:1.5rem}.card .card-body .card-tool{display:block!important}}