@charset "UTF-8";div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,q,s,small,strike,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,footer,header,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,footer,header,nav,section{display:block}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,微軟正黑體,Microsoft JhengHei,sans-serif,Noto Sans TC;width:100%;background-color:#f2f3f5;position:relative}@media (min-width: 1025px){body{overflow:hidden}}@media (max-width: 768px){body{width:100%!important}}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:block;width:auto;height:auto}a{color:#fff;text-decoration:none}span{display:inline-block}div,p,a,li,td{-webkit-text-size-adjust:none}*{margin:0;padding:0;box-sizing:border-box}a[href^=tel]{text-decoration:inherit;color:inherit}::-ms-clear{display:none;width:0;height:0}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mb-10{margin-bottom:10px}.mt-10{margin-top:10px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.ml-20{margin-left:20px}.mr-20{margin-right:20px}.mb-30{margin-bottom:30px}.mt-30{margin-top:30px}.ml-30{margin-left:30px}.mr-30{margin-right:30px}.body-wrap{position:relative;min-height:100vh;margin-left:110px;display:flex;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}@media (max-width: 1200px){.body-wrap{margin-left:80px}}@media (max-width: 1024px){.body-wrap{margin-left:0}}.body-wrap>.content-wrap{position:relative;width:100%;transition:all .3s ease}@media (max-width: 1024px){.body-wrap>.content-wrap{margin-top:70px}}@media (max-width: 768px){.body-wrap>.content-wrap{margin-top:60px}}.body-wrap>.content-wrap .page-content{width:100%;height:fit-content;min-height:calc(100vh - 50px)}@media (max-width: 1024px){.body-wrap>.content-wrap .page-content{min-height:calc(100vh - 80px);max-height:calc(100vh - 80px)}}.body-wrap>.content-wrap .page-content .content-inner-box .el-input__suffix .el-input__password{font-size:20px;color:#0e0e0e}.orientation-box{display:none;z-index:999999999;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:#000}.orientation-box .img-box{margin-bottom:25px}.orientation-box .text{font-size:15px;color:#fff}@media screen and (orientation: landscape) and (max-width: 768px){.orientation-box{display:flex}}.button{cursor:pointer;display:block;width:fit-content;text-align:center;color:#fff;padding:15px 50px;line-height:1;border-radius:50px;background-color:#b88e67;background-position:100% 0%;background-size:300% 100%;-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;-ms-transition:.6s;transition:.6s}.button:hover{background-position:50% 0%;background-color:#8a5e34}@media (max-width: 768px){.button{padding:13px 30px}}.button-gray{cursor:pointer;display:block;width:fit-content;text-align:center;color:#5a5a6b;line-height:1;padding:15px 50px;border-radius:50px;background:#f4f5f7;background-position:100% 0%;background-size:300% 100%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}.button-gray:hover{background:#e4e6ec;background-position:50% 0%}@media (max-width: 768px){.button-gray{padding:13px 30px}}.content-wrap-default{max-width:calc(100% - 50px);width:calc(100% - 50px);margin:0 auto}@media (max-width: 1500px){.content-wrap-default{width:95%}}@media (max-width: 768px){.content-wrap-default{width:90%}}.btn-type-icon{cursor:pointer;display:flex;align-items:center;padding:10px 20px;color:#5a5a6b;border-radius:30px;background-color:#f4f4f4;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.btn-type-icon i{margin-right:5px}.btn-type-icon:hover{opacity:1;background-color:#e4e6ec}.tag{display:inline-block;padding:3px 7px;font-size:13px;line-height:1;color:#966a42;border:solid 1px #f1cb89;border-radius:5px;background-color:#fceaaa}.tag.tag-type-1{color:#7c521e;border:1px solid #7C521E;background-color:#f4ece1}.tag.tag-type-2{color:#5a5a6b;border:1px solid #8AACEE;background-color:#cfdfff}.tag.tag-type-3{color:#966a42;border:1px solid #EEC17E;background-color:#fceaaa}.tag.tag-type-4{color:#d3665f;border:1px solid #D3665F;background-color:#f5d7ce}.hover-img-parent-box:hover .img-default{opacity:0;visibility:hidden;pointer-events:none}.hover-img-parent-box:hover .img-hover{opacity:1;visibility:visible;pointer-events:initial}.hover-img-box{position:relative;display:flex;justify-content:center}.hover-img-box .img-default{opacity:1;visibility:visible;pointer-events:initial;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}.hover-img-box .img-hover{position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}.hover-img-box:hover .img-default{opacity:0;visibility:hidden;pointer-events:none}.hover-img-box:hover .img-hover{opacity:1;visibility:visible;pointer-events:initial}.photo-box{position:relative;display:flex;margin-bottom:20px;border-radius:50%}.photo-box:hover .btn-photo-delete{opacity:1}.photo-box img{width:100%;border-radius:50%}.photo-box .btn-photo-delete{opacity:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;bottom:7%;right:7%;width:35px;height:35px;border-radius:50%;background-color:#0000008c;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.photo-box .btn-photo-delete img{border-radius:50%}.lazy-box{display:flex;justify-content:center}.el-dialog{--el-dialog-width: 42%;border-radius:30px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}@media (max-width: 1200px){.el-dialog{--el-dialog-width: 60%;width:60%}}@media (max-width: 1024px){.el-dialog{--el-dialog-width: 75%;width:75%}}@media (max-width: 768px){.el-dialog{--el-dialog-width: 90%;width:90%}}.el-dialog .el-dialog__header{padding:35px 7% 25px;text-align:center;margin:0}@media (max-width: 768px){.el-dialog .el-dialog__header{padding:25px 20px 10px}}.el-dialog .el-dialog__header .el-dialog__title{font-size:22px;font-weight:600;color:#0f0f0f}.el-dialog .el-dialog__header .el-dialog__headerbtn{z-index:2;top:15px;right:25px;width:40px;height:40px;border-radius:50px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover{background-color:#e8e9ec;color:#7c521e;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover svg{color:#515151}.el-dialog .el-dialog__header .el-dialog__close{height:1.7em;width:1.7em}.el-dialog .el-dialog__header .el-dialog__close svg{height:1.7em;width:1.7em}.el-dialog .el-dialog__body{padding:10px 7% 30px;font-size:16px;color:#323740}@media (max-width: 768px){.el-dialog .el-dialog__body{padding:10px 20px 25px}}.el-dialog.w-500{max-width:500px}.el-dialog.w-450{max-width:450px}.el-dialog.w-400{max-width:400px}.el-dialog.type-alert .el-dialog__header{text-align:left;border-bottom:solid 1px #d0d0d0;padding-bottom:20px;margin-bottom:10px}.el-dialog.type-alert .el-dialog__header .el-dialog__title{display:flex;align-items:center;font-size:20px}.el-dialog.type-alert .el-dialog__header .el-dialog__title:before{content:url(/build/assets/icon-alert-4c6e535f.svg);margin-right:10px}.el-dialog.type-alert .alert-box .content .description{margin-bottom:40px;line-height:1.5em;margin-top:5px;color:#4e5664}.el-dialog.type-alert .alert-box .content .description .strong{font-weight:600}.el-dialog.type-alert .alert-box .content .description-red{margin-bottom:40px;line-height:1.5em;margin-top:5px;color:#dd1515}.el-dialog.type-alert .alert-box .content .description-red .strong{font-weight:600}.el-dialog.type-alert .alert-box .content .error-description{color:#dd1515;margin-bottom:40px;line-height:1.5em;margin-top:5px}.el-dialog.type-alert .alert-box .content .btn-box{display:flex;flex-direction:column}.el-dialog.type-alert .alert-box .content .btn-box>div{width:100%}.el-dialog.type-alert .alert-box .content .btn-box .btn:first-child{margin-bottom:10px}.el-dialog.type-alert .alert-box .content .btn-box .btn-cancel{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:15px 50px;font-size:15px;color:#5a5a6b;line-height:1;border-radius:50px;margin-right:20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.el-dialog.type-alert .alert-box .content .btn-box .btn-cancel:hover{transition:.3s;background-color:#f4f4f4}.el-dialog.type-confirm{--el-dialog-width: 30%;--el-dialog-margin-top: 30vh}@media (max-width: 768px){.el-dialog.type-confirm{--el-dialog-margin-top: 10vh}}.el-dialog.type-confirm .el-dialog__header{text-align:left;border-bottom:solid 1px #d0d0d0;padding-bottom:0;margin-bottom:10px}.el-dialog.type-confirm .el-dialog__header .el-dialog__title{font-size:18px;display:block;width:100%;padding-bottom:18px;color:#000}.el-dialog.type-confirm .el-dialog__body .content{font-size:15px}.el-dialog.type-confirm .el-dialog__body .content .text{margin-bottom:40px}.el-dialog.type-confirm .el-dialog__body .content .error-description{color:#dd1515;margin-bottom:40px;line-height:1.5em;margin-top:5px}.el-dialog.type-confirm .el-dialog__body .content .btn-confirm,.el-dialog.type-confirm .el-dialog__body .content .btn-cancel{cursor:pointer;display:block;width:100%;text-align:center;font-size:15px;border-radius:50px;color:#fff;background-color:#b88e67;border:solid 1px #b88e67;padding:15px;margin-bottom:10px;transition:all .4s}.el-dialog.type-confirm .el-dialog__body .content .btn-confirm:hover,.el-dialog.type-confirm .el-dialog__body .content .btn-cancel:hover{background-color:#9e7249;transition:all .4s}.el-dialog.type-confirm .el-dialog__body .content .btn-cancel{color:#000;margin-bottom:0;background-color:#fff;border:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.el-dialog.type-confirm .el-dialog__body .content .btn-cancel:hover{background-color:#e8e9eb}.el-dialog.type-no-title .el-dialog__header{display:none}.el-dialog.dialog-edit-folder .form-box .col .col-value .el-input__wrapper{height:50px;font-size:16px}.el-notification{padding:15px;width:350px}.el-notification .el-notification__group{width:100%;margin-right:0}.el-notification .el-notification__group .el-notification__title{max-width:calc(100% - 70px);font-size:15px}.el-notification .el-notification__group .el-notification__closeBtn{top:15px}.el-notification .el-notification__group .el-notification__content{max-width:calc(100% - 70px)}.el-notification .el-notification__group .el-notification__content p{letter-spacing:0;word-break:break-all}.el-notification .el-notification__group .el-notification__content .message{display:flex;justify-content:space-between;font-size:14px}.el-notification .el-notification__group .el-notification__content .message a{color:#000}.el-notification .el-notification__group .el-notification__content .message .btn{position:absolute;top:35%;right:0;display:flex;align-items:center;justify-content:center;width:90px;height:65%;font-size:13px;text-align:left}.el-breadcrumb>.el-breadcrumb__item .el-breadcrumb__separator{margin:0 7px}.el-breadcrumb>.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-breadcrumb>.el-breadcrumb__item:last-child .el-breadcrumb__inner{color:#7c521e}.el-breadcrumb>.el-breadcrumb__item:last-child .el-breadcrumb__inner a{color:#7c521e}.el-input-number{display:flex;width:100%}.el-input-number .el-input-number__decrease{order:1;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:33px;height:33px;color:#5a5a6b;font-size:16px;border-radius:50%;background-color:#fff}.el-input-number .el-input-number__increase{order:3;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:33px;height:33px;color:#5a5a6b;font-size:16px;border-radius:50%;background-color:#fff}.el-input-number .el-input{width:100%;order:2;margin:0 8px}.el-input-number .el-input .el-input__wrapper{border-radius:30px}.el-input-number .el-input .el-input__wrapper .el-input__inner{text-align:center;-webkit-appearance:none;-moz-appearance:textfield;margin:0}.el-input-number .el-input .el-input__wrapper .el-input__inner:hover{-moz-appearance:number-input}.el-input-number .el-input .el-input__wrapper .el-input__inner:focus{-moz-appearance:number-input}.drag-element{width:100px;height:50px;background-color:#ccc;cursor:pointer}.dragged-element{cursor:default;z-index:100000;display:flex;align-items:center;white-space:nowrap;pointer-events:none;position:absolute;font-size:14px;border:1px solid #ffffff;background-color:#fffc;padding:8px 20px;box-shadow:2px 2px 3px #0000001a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dragged-element i{width:35px;margin-right:8px}.dragged-element i img{width:100%}input[type=number]{-webkit-appearance:none;-moz-appearance:textfield}input[type=number]:hover,input[type=number]:focus{-moz-appearance:number-input}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.el-loading-parent--relative .el-loading-mask{background-color:transparent}.el-loading-parent--relative .el-loading-mask .el-loading-spinner{text-align:right;right:15px}.el-loading-parent--relative .el-loading-mask .el-loading-spinner .circular{max-width:25px}.el-table .el-table__inner-wrapper .el-table__body tbody tr.have-read{background-color:#edeef0}.el-tree .el-tree__empty-block{height:auto}.el-tree .el-tree-node{margin-bottom:0}.el-tree .el-tree-node .el-tree-node__content{cursor:pointer;display:flex;align-items:center;margin-bottom:0;padding:10px 20px}.el-tree .el-tree-node .el-tree-node__content>i{display:none;margin-right:5px}.el-tree .el-tree-node .el-tree-node__content>div{display:flex;justify-content:space-between;align-items:center;width:100%}.el-tree .el-tree-node .el-tree-node__content .title-box{display:flex;align-items:center;padding-left:37px}.el-tree .el-tree-node .el-tree-node__content .title-box i{margin-right:5px;width:13px;height:13px;transform:rotate(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.el-tree .el-tree-node .el-tree-node__content .title-box i img{width:100%}.el-tree .el-tree-node .el-tree-node__content .title-box.pl0{padding-left:20px}.el-tree .el-tree-node .el-tree-node__children>i{display:none}.el-tree .el-tree-node.is-current>.el-tree-node__content{background-color:#fff}.el-tree .el-tree-node.is-current>.el-tree-node__content>div>span{color:#7c521e}.el-tree .el-tree-node.is-expanded>.el-tree-node__content>div>.title-box>i{transform:rotate(180deg)}.el-radio{margin-right:20px}.el-radio .el-radio__label{color:#1d2939}@media (max-width: 768px){.el-radio .el-radio__label{font-size:14px}}.el-radio .el-radio__input.is-checked+.el-radio__label{color:#1d2939}.el-radio .el-radio__input .el-radio__inner{width:22px;height:22px}@media (max-width: 768px){.el-radio .el-radio__input .el-radio__inner{width:18px;height:18px}}.el-radio .el-radio__input .el-radio__inner:after{width:12px;height:12px;background-color:#409eff}@media (max-width: 768px){.el-radio .el-radio__input .el-radio__inner:after{width:8px;height:8px}}.el-radio .el-radio__input.is-checked .el-radio__inner{border-color:#409eff;background:#ffffff;width:22px;height:22px}@media (max-width: 768px){.el-radio .el-radio__input.is-checked .el-radio__inner{width:18px;height:18px}}.el-radio .el-radio__input.is-checked .el-radio__inner:after{width:12px;height:12px;background-color:#409eff}@media (max-width: 768px){.el-radio .el-radio__input.is-checked .el-radio__inner:after{width:12px;height:12px}}@media (max-width: 768px){.filter-box .el-select .select-trigger .el-input .el-input__wrapper{padding:1px 3px 1px 10px}}.filter-box .el-select .select-trigger .el-input.is-focus{--el-select-input-focus-border-color: #409eff;--el-input-focus-border: #409eff}.el-select__popper{margin-top:-7px;border-radius:10px}.el-input .el-input__wrapper{border-radius:7px}.el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #409eff inset}.el-input .el-input__prefix,.el-input .el-input__suffix{margin-right:5px}.el-input .el-input__prefix .btn:hover,.el-input .el-input__suffix .btn:hover{cursor:pointer}.el-input .el-input__prefix i,.el-input .el-input__suffix i{width:22px;height:22px}.el-input .el-input__prefix i svg,.el-input .el-input__suffix i svg{width:22px;height:22px}@media (max-width: 768px){.el-input .el-input__prefix i svg,.el-input .el-input__suffix i svg{width:18px;height:18px}}.el-input .el-input__prefix i img,.el-input .el-input__suffix i img{width:100%}.el-input.masked{-webkit-text-security:disc}.el-input.is-disabled .el-input__wrapper{background-color:#fff}.el-textarea .el-textarea__inner{height:100px}.el-checkbox{color:#1d2939}.el-checkbox a{color:#1d2939;text-decoration:underline}.el-checkbox .el-checkbox__input .el-checkbox__inner{width:17px;height:17px;border-radius:4px}@media (max-width: 768px){.el-checkbox .el-checkbox__input .el-checkbox__inner{width:14px;height:14px;border-radius:2px}}@media (max-width: 350px){.el-checkbox .el-checkbox__input .el-checkbox__inner{width:12px;height:12px;border-radius:1px}}.el-checkbox .el-checkbox__input .el-checkbox__inner:after{height:9px;left:5px}.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff;border-radius:4px}.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:#fff;height:9px;left:5px;border-width:2px;border-left:0;border-top:0}@media (max-width: 768px){.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner:after{height:7px;left:4px;border-width:1px}}.el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#409eff;border-color:#4a4a4a}.el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{border-color:#fff;background-color:#fff;height:5px}.el-checkbox.is-checked .el-checkbox__label{color:#1d2939}.el-switch .el-switch__core{background:#CFCFD0;height:30px;width:60px;border-radius:50px}.el-switch .el-switch__core .el-switch__action{width:24px;height:24px}.el-switch.is-checked .el-switch__core{background:#1E92E5;border-color:#1e92e5}.el-switch.is-checked .el-switch__core .el-switch__action{left:55%}.el-select-dropdown li.el-select-dropdown__item{display:flex;flex-direction:column;height:auto;line-height:1;padding-top:12px;padding-bottom:12px}.el-select-dropdown li.el-select-dropdown__item .option-label{font-weight:400}.el-select-dropdown li.el-select-dropdown__item .option-subtext{color:#9b9b9b;font-size:12px;margin-top:7px;font-weight:400}.el-select-dropdown li.el-select-dropdown__item:hover{background-color:#f4f4f4}.el-select-dropdown li.selected{color:#409eff;font-weight:400;background-color:#f4f4f4}.note-editable ol,.note-editable ul{padding-left:2em!important}.note-editable ol{list-style:decimal!important}.note-editable ul{list-style:disc!important}.el-date-editor .el-input__prefix{position:absolute;right:0;top:0;left:auto}.el-date-editor input{padding-left:3px}.el-date-editor .el-input__suffix{position:absolute;top:0;right:40px}.el-alert{border-radius:10px}.el-alert .el-alert__description{font-size:16px}.el-alert .el-alert__content{padding:0 12px}.el-alert.el-alert--warning.is-light{background:#FFF6DF}.el-alert.el-alert--warning.is-light .el-alert__description{color:#232427}.el-upload-box .el-upload{display:block;margin-bottom:0}.el-upload-box .el-upload .el-upload-dragger{display:flex;flex-direction:column;align-items:center;background-color:#f8f8ff;padding:35px 10px}@media (max-width: 768px){.el-upload-box .el-upload .el-upload-dragger{padding:13px 10px}}.el-upload-box .el-upload .el-upload-dragger .el-icon--upload{display:flex;justify-content:center;margin-bottom:20px}@media (max-width: 768px){.el-upload-box .el-upload .el-upload-dragger .el-icon--upload{margin-bottom:10px;height:40px}}@media (max-width: 768px){.el-upload-box .el-upload .el-upload-dragger .el-icon--upload img{max-width:40px}}.el-upload-box .el-upload .el-upload-dragger .el-upload__text{font-size:16px;color:#5a5a6b;margin-bottom:15px}.el-upload-box .el-upload .el-upload-dragger .el-upload__text em{color:#1a6fef;margin-left:5px;text-decoration:underline}@media (max-width: 1024px){.el-upload-box .el-upload .el-upload-dragger .el-upload__text{display:none}}.el-upload-box .el-upload .el-upload-dragger .el-upload__text.for-mobile{display:none}@media (max-width: 1024px){.el-upload-box .el-upload .el-upload-dragger .el-upload__text.for-mobile{display:block}}.el-upload-box .el-upload .el-upload-dragger .tip{color:#676767;text-align:center;line-height:1;font-size:12px}.el-upload-box .el-upload.disable,.el-upload-box .el-upload.hide,.el-upload-box .el-upload.hide .el-upload--picture-card{display:none}.el-upload-box .el-upload__tip{text-align:center}.el-upload-box ul.el-upload-list{max-height:180px;overflow-x:hidden;background-color:#fff}.el-upload-box ul.el-upload-list li.el-upload-list__item{width:calc(100% - 10px);padding:12px;border-radius:10px;border:solid 1px #11AF22;margin:5px auto;background-color:#ffffffa8}.el-upload-box ul.el-upload-list li.el-upload-list__item:hover{background-color:#fff}@media (max-width: 768px){.el-upload-box ul.el-upload-list li.el-upload-list__item .el-form-item{margin-bottom:4px}}.el-upload-box ul.el-upload-list li.el-upload-list__item .item{display:flex;align-items:flex-start;width:100%}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .el-upload-list__item-thumbnail{margin-right:15px}.el-upload-box ul.el-upload-list li.el-upload-list__item .item>i{min-width:36px;max-width:50px;margin-right:12px}.el-upload-box ul.el-upload-list li.el-upload-list__item .item>i img{width:100%}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box{position:relative;width:calc(100% - 50px)}@media (max-width: 768px){.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box{width:calc(100% - 55px)}}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box .item-name{max-width:calc(100% - 120px);color:#676767;font-size:14px;height:15px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box .item-name{max-width:calc(100% - 120px)}}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box .function-box{display:flex;align-items:center;min-width:27px;margin-right:5px}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box .function-box .el-checkbox{margin-right:10px;height:32px}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box .function-box .el-checkbox .el-checkbox__label{padding-left:5px;color:#676767}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box .function-box .el-checkbox .el-checkbox__inner{border-radius:50%;padding:7px}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box .function-box .el-checkbox .el-checkbox__inner:after{top:2px;left:5px}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box .function-box .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .top-box .function-box .hover-img-box img{cursor:pointer}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .item-size{display:flex;align-items:center;font-size:12px;color:#57595a;line-height:1;margin-bottom:7px}.el-upload-box ul.el-upload-list li.el-upload-list__item .item .right-box .item-size>span:first-child{margin-right:5px}.el-upload-list.is-disabled .el-upload--picture-card{display:none}@media (max-width: 768px){.el-carousel ul.el-carousel__indicators>li.el-carousel__indicator{padding:0 4px 6px}}@media (max-width: 768px){.el-carousel ul.el-carousel__indicators>li.el-carousel__indicator .el-carousel__button{width:5px;height:5px;border-radius:50%}}.el-popper{padding-right:0}.el-popover.el-popper{width:auto!important;min-width:fit-content!important;color:#fff!important;background-color:#000c;border-radius:7px;border:none;padding:0}.el-popover.el-popper .el-popper__arrow{display:none}.el-popover.type-function-box{padding:0;border-radius:10px;background:#3A3A3A;box-shadow:0 14px 24px #0000000f}.popover-function-box{margin-top:5px;border-radius:10px;background:#3A3A3A;box-shadow:0 14px 24px #0000000f;overflow:hidden}.popover-function-box>div{cursor:pointer;display:flex;align-items:center;width:165px;color:#fff;font-size:15px;font-weight:400;padding:15px 20px 10px;border-bottom:solid 1px #797978}.popover-function-box>div:hover{background-color:#161617}.popover-function-box>div i{margin-right:7px}.el-popper .popover-normal-box{padding:5px;min-width:50px;text-align:center}@media (max-width: 768px){.el-popper .popover-normal-box{display:none}}@media (max-width: 1024px){.el-popper .for-desktop{display:none}}.dialog-custom-service .custom-service-box .content input{font-size:16px}.el-pagination.is-background{margin-top:20px}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{width:35px;height:35px;font-size:14px;color:#9fa7b1;border-radius:6px;background:#FFF}.el-pagination.is-background .btn-next:hover,.el-pagination.is-background .btn-prev:hover{color:#000}.el-pagination.is-background>ul.el-pager>li{width:35px;height:35px;font-size:14px;color:#9fa7b1;border-radius:6px;background:#FFF}.el-pagination.is-background>ul.el-pager>li.is-active{color:#323740;background:#FFF;font-weight:400}.popover-content-box{transition:all .6s;border-radius:10px!important;overflow:hidden}.popover-content-box>div:not(:last-child){border-bottom:1px solid #656565}.popover-content-box>div{cursor:pointer;display:flex;align-items:center;margin-bottom:0;padding:15px 20px 13px 15px;background-color:#3a3a3a}.popover-content-box>div>a{display:flex;align-items:center}.popover-content-box>div i{margin-right:7px}.popover-content-box>div span{font-size:16px}.popover-content-box>div:hover{background-color:#161617;transition:all .6s}.popover-content-box>div:last-child{margin-bottom:0}.el-message-box .el-message-box__btns .el-button:nth-child(1){margin-left:10px;--el-button-bg-color: #f4f4f4;--el-button-border-color: #f4f4f4;border-radius:50px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.el-message-box .el-message-box__btns .el-button:nth-child(1):hover{background-color:#e4e6ec!important;--el-button-border-color: #f4f4f4}.el-message-box .el-message-box__btns .el-button:nth-child(1):hover span{color:gray}.el-message-box .el-message-box__btns .el-button:nth-child(2){margin-left:10px;background:#8a5e34;--el-button-border-color: #8a5e34;border-radius:50px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.el-message-box .el-message-box__btns .el-button:nth-child(2):hover{background:#865A2E}.form-box{padding-bottom:40px}.form-box .card{padding:30px;border-radius:20px;background:#FFF;box-shadow:0 4px 13px #00000017;margin-bottom:30px}.form-box .card .card-title{font-size:20px;font-weight:600;color:#000;margin-bottom:20px}.form-box .card:last-child{margin-bottom:0}.form-box .card.flex{display:flex}.form-box .col-box{display:flex;justify-content:space-between;width:100%}@media (max-width: 768px){.form-box .col-box{flex-direction:column}}.form-box .col{width:100%;color:#323740;font-size:16px;font-weight:600;line-height:1.5;margin-bottom:20px}@media (max-width: 768px){.form-box .col{margin-bottom:0}}.form-box .col .require{color:#e41d1d;font-size:16px;font-style:normal;font-weight:300;margin-right:3px}.form-box .col .col-title{margin-bottom:5px}.form-box .col .col-value .text{display:inline-block;font-weight:400}.form-box .col .col-value .el-select{width:100%}.form-box .col .col-value .el-range-editor{width:100%;height:45px}.form-box .col .col-value .el-range-input{font-size:15px}.form-box .col.w-50{width:calc(50% - 20px)}@media (max-width: 768px){.form-box .col.w-50{width:100%}}.form-box .col.w-33{width:calc(33% - 20px)}.form-box .col-box:last-child .col{margin-bottom:0}.note-editor .note-toolbar .note-color-all .note-dropdown-menu,.note-popover .popover-content .note-color-all .note-dropdown-menu{max-height:255px;overflow-x:hidden;min-width:auto;padding:0 10px;left:auto;right:0}*::-webkit-scrollbar{background-color:#a0a0a5;width:5px;height:6px}*::-webkit-scrollbar-track{background-color:transparent}*::-webkit-scrollbar-track:hover{background-color:transparent}*::-webkit-scrollbar-thumb{background-color:#484848;border-radius:16px;border:5px solid transparent}*::-webkit-scrollbar-thumb:hover{background-color:#484848;border:4px solid #484848}.el-empty .el-empty__image{max-width:100px}.el-empty .el-empty__description{margin-top:10px}.el-empty .el-empty__description .title{color:#5a5a6b;font-size:18px;margin-bottom:8px}.el-empty .el-empty__description .description{font-size:14px;color:#5a5a6b}.el-empty .el-empty__bottom .button{font-size:14px;padding:10px 30px}.el-upload-list__item .el-progress{position:unset;margin-bottom:10px}@media (max-width: 1200px){.side-panel.case{min-width:350px;width:350px}}.side-panel{position:relative;opacity:1;min-width:450px;width:450px;min-height:100vh;background-color:#fff;overflow:hidden;white-space:nowrap;box-shadow:5px 1px 35px #626a711a;transition:all .3s ease}@media (max-width: 1500px){.side-panel{min-width:380px;width:380px}}@media (max-width: 1200px){.side-panel{min-width:320px;width:320px}}@media (max-width: 1024px){.side-panel{position:fixed;z-index:6;width:80vw;max-width:450px;min-height:100vh;box-shadow:none;transform:translate(0);background-color:#fff;overflow:visible;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}}.side-panel .panel-title{position:relative;padding:20px 25px;text-align:center;border-bottom:1px solid #ededed}@media (max-width: 1024px){.side-panel .panel-title{z-index:1;background-color:#fff}}.side-panel .panel-title .title{font-size:20px;font-weight:600;color:#6f7176}.side-panel .panel-title .btn-edit{cursor:pointer;position:absolute;top:52%;right:20px;transform:translateY(-50%);color:#97999f;padding:5px 13px;border-radius:50px;transition:.3s}.side-panel .panel-title .btn-edit:hover{transition:.3s;background-color:#eee}@media (max-width: 1024px){.side-panel>.content-box{z-index:1;position:relative;height:calc(100vh - 68px);background-color:#fff}}.side-panel>.content-box.case{max-height:calc(100vh - 68px);overflow-x:hidden}@media (max-width: 1024px){.side-panel>.content-box.case{height:calc(100vh - 68px);max-height:calc(100vh - 68px)}}.side-panel>.content-box.case .bg-box{position:relative;width:100%;height:18vh;max-height:170px}@media (max-width: 1200px){.side-panel>.content-box.case .bg-box{height:17vh;max-height:140px}}@media (max-width: 768px){.side-panel>.content-box.case .bg-box{display:none}}.side-panel>.content-box.case .bg-box>img{position:absolute;width:100%;height:100%;object-fit:cover}.side-panel>.content-box.case .bg-box .photo-box{position:absolute;left:50%;bottom:-75px;transform:translate(-50%);width:130px;height:130px;padding:4px;overflow:hidden;border-radius:50%}@media (max-width: 1200px){.side-panel>.content-box.case .bg-box .photo-box{width:90px;height:90px;min-width:90px;min-height:90px}}.side-panel>.content-box.case .bg-box .photo-box .inner-box{position:relative;width:100%;height:100%;padding:10px;border-radius:50%;overflow:hidden;border:1px solid #ffffff40;background-image:linear-gradient(to right,#dee2e8,rgba(226,228,230,.23),rgba(226,228,230,.23),#dee2e8);background-position:100% 0%;background-size:300% 100%;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;animation:bgAnimation 35s linear 0s infinite forwards}@media (max-width: 1200px){.side-panel>.content-box.case .bg-box .photo-box .inner-box{padding:5px}}.side-panel>.content-box.case .bg-box .photo-box .inner-box img{position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:cover;border-radius:50%;overflow:hidden}@media (max-width: 1200px){.side-panel>.content-box.case .bg-box .photo-box .inner-box img{width:calc(100% - 10px);height:calc(100% - 10px)}}@media all and (max-width: 1500px){.side-panel>.content-box.case .bg-box .photo-box{padding:7px}}.side-panel>.content-box.case .bottom-box{padding:13px 20px}.side-panel>.content-box.case .bottom-box .info-box{display:flex;justify-content:space-between;color:#54565c;font-size:14px;line-height:1;margin-bottom:45px}@media (max-width: 768px){.side-panel>.content-box.case .bottom-box .info-box{display:none}}.side-panel>.content-box.case .bottom-box .info-box .date{font-size:clamp(12px,.3vw,14px);color:#54565c}.side-panel>.content-box.case .bottom-box .info-box .date>span:first-child{margin-right:5px}.side-panel>.content-box.case .bottom-box .info-box .designer{font-size:clamp(12px,.3vw,14px)}.side-panel>.content-box.case .bottom-box .info-box .designer>span:first-child{margin-right:5px}.side-panel>.content-box.case .bottom-box .info-box .designer>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;max-width:75px}.side-panel>.content-box.case .bottom-box>.title-box{margin-bottom:30px;padding-left:1.4vw}@media (max-width: 768px){.side-panel>.content-box.case .bottom-box>.title-box{display:none}}.side-panel>.content-box.case .bottom-box>.title-box .title{font-size:20px;color:#54565c;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.side-panel>.content-box.case .bottom-box>.title-box .address{display:flex;align-items:center;font-size:clamp(14px,1vw,16px);white-space:normal;color:#323740}.side-panel>.content-box.case .bottom-box>.title-box .address i{margin-right:5px}.side-panel>.content-box.case .bottom-box>.title-box .hide{opacity:0;visibility:hidden}@media (max-width: 1500px){.side-panel>.content-box.case .bottom-box>.title-box{padding-left:0vw}}.side-panel>.content-box.case .bottom-box .unconfirmed-box{display:flex;justify-content:space-between;width:70%;height:60px;margin:0 auto 35px}@media (max-width: 1200px){.side-panel>.content-box.case .bottom-box .unconfirmed-box{margin-bottom:25px}}@media (max-width: 768px){.side-panel>.content-box.case .bottom-box .unconfirmed-box{display:none}}.side-panel>.content-box.case .bottom-box .unconfirmed-box .unsigned-document-box,.side-panel>.content-box.case .bottom-box .unconfirmed-box .unpaid-items-box{display:flex;flex-direction:column;justify-content:center;align-items:center}.side-panel>.content-box.case .bottom-box .unconfirmed-box .unsigned-document-box .num a,.side-panel>.content-box.case .bottom-box .unconfirmed-box .unpaid-items-box .num a{display:block;font-size:50px;font-weight:700;line-height:1;color:#e86d45;margin-bottom:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.case .bottom-box .unconfirmed-box .unsigned-document-box .num a:hover,.side-panel>.content-box.case .bottom-box .unconfirmed-box .unpaid-items-box .num a:hover{color:#d04111;transition:all .6s}.side-panel>.content-box.case .bottom-box .unconfirmed-box .unsigned-document-box .text,.side-panel>.content-box.case .bottom-box .unconfirmed-box .unpaid-items-box .text{font-size:16px;font-weight:600;color:#54565c}.side-panel>.content-box.case .bottom-box .unconfirmed-box .dec-line{width:1px;height:100%;background-color:#e2e2e2}.side-panel>.content-box.case .bottom-box .detail-box{padding:20px 10px 10px;border-radius:12px;background-color:#b88e67;position:relative}@media (max-width: 1200px){.side-panel>.content-box.case .bottom-box .detail-box{padding:20px 0}}@media (max-width: 768px){.side-panel>.content-box.case .bottom-box .detail-box{padding-top:30px;background-color:#a8acb2}}.side-panel>.content-box.case .bottom-box .detail-box .white-bg{position:absolute;top:6px;left:0;width:calc(100% + 20px);height:100%;transform:translate(-10px);border-radius:12px;border:2px solid #FBFBFB;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px)}.side-panel>.content-box.case .bottom-box .detail-box .tab-box{position:relative;display:flex;justify-content:space-around;padding:0 30px 10px;text-align:center;margin-bottom:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}@media (max-width: 1200px){.side-panel>.content-box.case .bottom-box .detail-box .tab-box{padding:0 10px 6px}}.side-panel>.content-box.case .bottom-box .detail-box .tab-box .tab{cursor:pointer;width:40%;font-size:17px;color:#91919d;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.case .bottom-box .detail-box .tab-box .tab:hover{color:#7c521e}@media (max-width: 1200px){.side-panel>.content-box.case .bottom-box .detail-box .tab-box .tab{font-size:16px}}.side-panel>.content-box.case .bottom-box .detail-box .tab-box .tab.active{color:#7c521e}.side-panel>.content-box.case .bottom-box .detail-box .tab-box .dec-line{position:absolute;bottom:0;left:50%;width:40%;transform:translate(-100%);height:3px;background-color:#7c521e;border-radius:4px 4px 0 0;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}@media (max-width: 1200px){.side-panel>.content-box.case .bottom-box .detail-box .tab-box .dec-line{transform:translate(-107%)}}.side-panel>.content-box.case .bottom-box .detail-box .tab-box .dec-line.active2{transform:translate(0)}@media (max-width: 1200px){.side-panel>.content-box.case .bottom-box .detail-box .tab-box .dec-line.active2{transform:translate(7%)}}.side-panel>.content-box.case .bottom-box .detail-box .content-box{display:none;position:relative;overflow-x:hidden;max-height:41vh;padding:0 5px 80px}@media (max-width: 1200px){.side-panel>.content-box.case .bottom-box .detail-box .content-box{padding:0 5px 30px;max-height:40vh}}@media (max-width: 768px){.side-panel>.content-box.case .bottom-box .detail-box .content-box{max-height:calc(100vh - 270px)}}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section{background-color:#fff;padding:20px 30px;border-radius:10px;margin-bottom:10px}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-title-box{display:flex;justify-content:space-between;align-content:center;margin-bottom:5px}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-title-box .section-title{font-size:18px;font-weight:600;color:#ad7540}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-title-box i{cursor:pointer;transition:all .4s;border-radius:50px;padding:3px}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-title-box i:hover{background-color:#f1f1f1}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li{display:flex;padding:10px 0;word-break:break-word;border-bottom:solid 1px #EBEBEB}@media (max-width: 768px){.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li{padding:15px 0}}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li .col-title{width:30%;min-width:85px;white-space:nowrap;font-size:16px;color:#3d3d3d;font-weight:600;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}@media (max-width: 1500px){.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li .col-title{font-size:15px}}@media (max-width: 768px){.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li .col-title{width:83px;min-width:83px}}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li .col-value{display:flex;align-items:center;width:100%;font-size:15px;color:#3d3d3d;white-space:normal;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}@media (max-width: 768px){.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li .col-value{width:100%}}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li .col-value a{font-size:14px;color:#3d3d3d;text-decoration:underline}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li .col-value a:hover{opacity:.9}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li .col-value div{white-space:break-spaces}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li.type-colum{flex-direction:column}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li.type-colum .col-title{margin-bottom:5px}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li.type-colum .col-value{flex-direction:column;align-items:flex-start}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li.type-colum .col-value div{margin-bottom:3px}.side-panel>.content-box.case .bottom-box .detail-box .content-box .section .section-content ul li.type-colum .col-value div:last-child{margin-bottom:0}@media (max-width: 1200px){.side-panel>.content-box.case .bottom-box .detail-box .content-box .section{padding:15px}}.side-panel>.content-box.case .bottom-box .detail-box .content-box.active{display:block}.side-panel>.content-box.case .bottom-box .detail-box .content-box.active .el-empty{background-color:#fbfbfb;border:1px dashed #C0C0C0;border-radius:5px;display:flex;justify-content:flex-start;width:100%;height:220px;padding:40px 20px;margin:20px auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.case .bottom-box .detail-box .content-box.active .el-empty:hover{background-color:#fff}.side-panel>.content-box.case .bottom-box .detail-box .content-box.active .el-empty .el-empty__image{display:none}.side-panel>.content-box.case .bottom-box .detail-box .content-box.active .el-empty .el-empty__description{margin-top:0;width:100%;padding:0 20px;white-space:normal}.side-panel>.content-box.case .bottom-box .detail-box .content-box.active .el-empty .el-empty__description .title{color:#97999f;font-size:16px;margin-bottom:8px;padding-left:0;font-weight:400}.side-panel>.content-box.case .bottom-box .detail-box .content-box.active .el-empty .el-empty__description .description{font-size:14px;font-weight:400;color:#97999f}.side-panel>.content-box.dashboard{max-height:calc(100vh - 90px)}@media (max-width: 1024px){.side-panel>.content-box.dashboard{height:calc(100vh - 68px);max-height:calc(100vh - 68px)}}.side-panel>.content-box.dashboard .bottom-box{padding:13px 20px;overflow-x:hidden;height:calc(100vh - 68px)}.side-panel>.content-box.dashboard .bottom-box .designer-box{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:14px;margin-left:15px;margin-right:15px}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .designer-box{margin-bottom:0}}@media (max-width: 768px){.side-panel>.content-box.dashboard .bottom-box .designer-box{margin:0}}.side-panel>.content-box.dashboard .bottom-box .designer-box .photo-box{position:relative;width:130px;height:130px;min-width:130px;min-height:130px;padding:5px;margin-right:0;overflow:hidden;border-radius:50%}@media all and (max-width: 1500px){.side-panel>.content-box.dashboard .bottom-box .designer-box .photo-box{width:110px;height:110px;min-width:110px;min-height:110px}}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .designer-box .photo-box{width:90px;height:90px;min-width:90px;min-height:90px}}.side-panel>.content-box.dashboard .bottom-box .designer-box .photo-box .inner-box{position:relative;width:100%;height:100%;padding:8px;border-radius:50%;overflow:hidden;border:1px solid #ffffff40;background-image:linear-gradient(to right,#dee2e8,rgba(222,226,232,.23),rgba(222,226,232,.5),#dee2e8);background-position:100% 0%;background-size:300% 100%;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;animation:bgAnimation 35s linear 0s infinite forwards}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .designer-box .photo-box .inner-box{padding:5px}}@keyframes bgAnimation{0%{background-position:0% 0%}50%{background-position:300% 0%}to{background-position:0% 0%}}.side-panel>.content-box.dashboard .bottom-box .designer-box .photo-box .inner-box img{position:absolute;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;border-radius:50%;overflow:hidden}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .designer-box .photo-box .inner-box img{width:90%;height:90%}}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box{width:70%;padding-left:15px}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box{padding-left:5px;margin-top:-15px}}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div:first-child{margin-bottom:15px}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div:first-child{margin-bottom:10px}}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div:first-child span{font-size:14px;color:#54565c;line-height:1;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div:first-child>span:first-child{font-size:23px;margin-right:7px}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div:first-child>span:first-child{font-size:20px}}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div:nth-child(2){color:#54565c;font-size:17px;line-height:1;font-weight:700;white-space:normal}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div:nth-child(2){font-size:15px}}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div.phonenumber,.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box .email{font-weight:400;color:#000;font-size:14px}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div.phonenumber span,.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box .email span{vertical-align:middle}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div.phonenumber>span:first-child,.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box .email>span:first-child{font-weight:600;font-size:15px}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box .email>span:nth-child(2){display:inline-block;word-break:break-word;white-space:normal;width:calc(100% - 55px)}.side-panel>.content-box.dashboard .bottom-box .designer-box .text-box>div.phonenumber{margin-bottom:10px}.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box{display:flex;justify-content:space-between;width:95%;margin:0 auto 40px}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box{margin-bottom:25px}}.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unsigned-document-box,.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unpaid-items-box{display:flex;width:50%;flex-direction:column;justify-content:center;align-items:center}.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unsigned-document-box .num a,.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unpaid-items-box .num a{display:block;font-size:50px;font-weight:700;line-height:1;color:#e86d45;margin-bottom:5px;transition:all .6s}.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unsigned-document-box .num a:hover,.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unpaid-items-box .num a:hover{color:#d04111;transition:all .6s}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unsigned-document-box .num a,.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unpaid-items-box .num a{font-size:44px}}.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unsigned-document-box .text,.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unpaid-items-box .text{font-size:16px;font-weight:600;color:#54565c}.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .unsigned-document-box{border-right:1px solid #eee}.side-panel>.content-box.dashboard .bottom-box .unconfirmed-box .dec-line{width:1px;height:100%;background-color:#e2e2e2}.side-panel>.content-box.dashboard .bottom-box .detail-box{position:relative;padding:35px 0 0;border-radius:12px;background-color:#a8acb2;height:auto}.side-panel>.content-box.dashboard .bottom-box .detail-box .skeleton-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;width:90%;margin:0 auto}.side-panel>.content-box.dashboard .bottom-box .detail-box .skeleton-item{margin-top:40px;border:1px solid #ffffff;border-radius:15px;padding:10px;width:100%}.side-panel>.content-box.dashboard .bottom-box .detail-box .skeleton-item .skeleton-image{background:#e4e6ec;width:100%;border-radius:10px}.side-panel>.content-box.dashboard .bottom-box .detail-box .skeleton-item .skeleton-content{display:flex;align-items:center;flex-direction:row;padding:16px 5px}.side-panel>.content-box.dashboard .bottom-box .detail-box .skeleton-item .skeleton-content .skeleton-text-container{display:flex;flex-direction:column;margin-top:12px;width:100%}.side-panel>.content-box.dashboard .bottom-box .detail-box .skeleton-item .skeleton-content .skeleton-text-container .skeleton-heading{width:80%;background:#e4e6ec;height:15px;margin-top:8px}.side-panel>.content-box.dashboard .bottom-box .detail-box .skeleton-item .skeleton-content .skeleton-text-container .skeleton-text{background:#e4e6ec;width:50%;height:15px}.side-panel>.content-box.dashboard .bottom-box .detail-box .skeleton-item .skeleton-content .skeleton-btn{background:#e4e6ec;width:40%;height:28px;border-radius:50px;margin-top:25px}.side-panel>.content-box.dashboard .bottom-box .detail-box .white-bg{position:absolute;top:6px;left:0;width:calc(100% + 20px);height:100%;transform:translate(-10px);border-radius:12px;border:2px solid #FBFBFB;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px)}.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box{position:relative;display:flex;justify-content:space-around;padding:0 30px 10px;text-align:center;margin-bottom:10px}.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box .tab{cursor:pointer;width:40%;font-weight:600;font-size:16px;padding:4px;color:#91919d;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box .tab:hover{color:#7c521e;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box .tab:hover .num{color:#7c521e}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box .tab{font-size:16px}}.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box .tab .num{font-weight:700;color:#91919d;margin-left:3px}.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box .tab.active{color:#7c521e;font-weight:600}.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box .tab.active .num{font-weight:700;color:#7c521e;margin-left:3px}.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box .dec-line{position:absolute;bottom:0;left:50%;width:40%;transform:translate(-100%);height:3px;background-color:#7c521e;border-radius:4px 4px 0 0;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}.side-panel>.content-box.dashboard .bottom-box .detail-box .tab-box .dec-line.active2{transform:translate(0)}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box{display:none;position:relative}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .el-empty{background-color:#fbfbfb;border:1px dashed #C0C0C0;border-radius:5px;width:85%;padding:40px 20px;margin:0 auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .el-empty:hover{background-color:#fff}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .el-empty .el-empty__image{display:none}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .el-empty .el-empty__description{margin-top:0}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .el-empty .el-empty__description .title{color:#97999f;font-size:16px;margin-bottom:8px;padding-left:0;font-weight:400}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .el-empty .el-empty__description .description{font-size:14px;font-weight:400;color:#97999f}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .title{color:#54565c;font-size:20px;line-height:1;font-weight:600;margin-bottom:10px;margin-top:-5px;padding-left:2vw;letter-spacing:2px;height:35px;border-bottom:1px solid #fff}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box{overflow-x:hidden;padding:0 10px 60px;height:calc(100vh - 400px)}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box{height:calc(100vh - 420px)}}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul .off{background-color:#f2f3f4}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul .off .btn-send-notification{background:#E8E9EB}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul .on:hover{background-color:#fff;transition:.2s;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul .on:hover:hover .text2 a{color:#7c521e}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li{display:flex;align-items:center;justify-content:space-between;padding:15px 10px 15px 6px;border-radius:12px;background-color:#ffffff9e;margin-bottom:3px;min-height:85px}@media (max-width: 768px){.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li{flex-direction:column;align-items:flex-start}}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .left-box{display:flex;align-items:center;width:calc(100% - 80px);padding-right:5px}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .left-box i{min-width:28px;margin-right:10px}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .left-box .text-box{width:calc(100% - 40px)}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .left-box .text-box .text1{display:flex;color:#747478;font-size:14px;font-weight:400;line-height:1;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .left-box .text-box .text1>span:nth-child(2){margin:0 3px}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .left-box .text-box .text2{color:#323740;font-size:16px;font-weight:600;line-height:1.5;white-space:initial}@media (max-width: 768px){.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .left-box .text-box .text2{font-size:14px}}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .left-box .text-box .text2 a{color:#323740;font-size:16px;font-weight:600;line-height:1.5;white-space:initial;display:-webkit-box;webkit-box-orient:vertical;webkit-line-clamp:1;overflow:hidden;line-height:1.4em;height:1.4em;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .left-box .text-box .text2 a:hover{color:#7c521e}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification{margin:20px 0 0 5px;border-radius:50px}@media (max-width: 768px){.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification{margin:10px 0 0;width:100%}}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification span,.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification a{cursor:pointer;display:block;min-width:75px;text-align:center;padding:7px;height:fit-content;color:#91919d;font-size:13px;line-height:1;font-weight:400;border-radius:50px;border:1px solid #BCBCBC;background:transparent;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification span:hover,.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification a:hover{border:solid 1px #865A2E;color:#865a2e}@media (max-width: 1200px){.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification span,.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification a{min-width:70px}}@media (max-width: 768px){.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification span,.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification a{padding:5px 7px}}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification.btn-off span,.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification.btn-off a{cursor:default;border-radius:50px;pointer-events:none;border:1px solid #E8E9EB;background-color:#e8e9eb}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification.btn-informed span,.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box .list-box ul li .btn.btn-send-notification.btn-informed a{cursor:default;pointer-events:none}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box.active{display:block}.side-panel>.content-box.dashboard .bottom-box .detail-box .content-box.role_owner .list-box{height:calc(100vh - 300px)}.side-panel>.content-box.folder-list{padding:20px}.side-panel>.content-box.folder-list .box-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px 0 0}@media (max-width: 768px){.side-panel>.content-box.folder-list .box-title{padding:0 15px 0 0;margin-bottom:10px}}.side-panel>.content-box.folder-list .box-title .title{font-size:20px;font-weight:600;color:#6f7176}@media (max-width: 768px){.side-panel>.content-box.folder-list .box-title .title{font-size:16px}}.side-panel>.content-box.folder-list>ul{margin-bottom:10px;max-height:40vh;overflow-x:hidden}.side-panel>.content-box.folder-list>ul .active{border:solid 1px #bfa97f;background-color:#f4ece1}.side-panel>.content-box.folder-list>ul li{cursor:pointer;display:flex;align-items:center;padding:20px;border-radius:5px;background:#FAFAFA;margin-bottom:5px;border:1px solid #fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.folder-list>ul li:hover{transition:all .3s;border:1px solid #e4e4e4}@media (max-width: 768px){.side-panel>.content-box.folder-list>ul li{padding:10px 15px}}.side-panel>.content-box.folder-list>ul li .left-box{position:relative;margin-right:15px;width:60px}@media (max-width: 768px){.side-panel>.content-box.folder-list>ul li .left-box{margin-right:5px;width:50px}}.side-panel>.content-box.folder-list>ul li .left-box img{width:60px;height:52px}@media (max-width: 768px){.side-panel>.content-box.folder-list>ul li .left-box img{width:40px;height:36px}}.side-panel>.content-box.folder-list>ul li .left-box img.for-active{display:none}.side-panel>.content-box.folder-list>ul li .left-box .btn-delete{cursor:pointer;position:absolute;left:-5px}.side-panel>.content-box.folder-list>ul li .left-box .btn-delete i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;overflow:hidden;background-color:red}.side-panel>.content-box.folder-list>ul li .left-box .btn-delete i span{display:inline-block;width:8px;height:2px;background-color:#fff}.side-panel>.content-box.folder-list>ul li .right-box{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 75px)}@media (max-width: 768px){.side-panel>.content-box.folder-list>ul li .right-box{width:calc(100% - 35px)}}.side-panel>.content-box.folder-list>ul li .right-box>a{max-width:180px;width:calc(100% - 32px)}.side-panel>.content-box.folder-list>ul li .right-box .title-box{width:calc(100% - 40px)}.side-panel>.content-box.folder-list>ul li .right-box .title-box .title-inner-box{display:flex;align-items:center}.side-panel>.content-box.folder-list>ul li .right-box .title-box .title-inner-box .tag{margin-left:10px;background-color:#dcf7cb;border:solid 1px #62C613;color:#438425}.side-panel>.content-box.folder-list>ul li .right-box .title-box .title-inner-box .tag-1{margin-left:10px;background-color:#fafafa;border:solid 1px #438425;color:#438425}.side-panel>.content-box.folder-list>ul li .right-box .title-box .title{font-size:16px;color:#565564;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.side-panel>.content-box.folder-list>ul li .right-box .title-box .title{font-size:14px}}.side-panel>.content-box.folder-list>ul li .right-box .title-box .title a{font-size:16px;color:#565564;font-weight:600}.side-panel>.content-box.folder-list>ul li .right-box .title-box .amount{font-size:14px;font-weight:400;color:#0f0f0f}@media (max-width: 768px){.side-panel>.content-box.folder-list>ul li .right-box .title-box .amount{font-size:12px}}.side-panel>.content-box.folder-list>ul li .right-box .title-box .amount>span:first-child{margin-right:5px}.side-panel>.content-box.folder-list>ul li .right-box .btn-box{display:flex;align-items:center;cursor:pointer;border-radius:50%;padding:4px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.folder-list>ul li .right-box .btn-box:hover{background-color:#e4e6ec}.side-panel>.content-box.folder-list>ul li .right-box .btn-box i{cursor:pointer;margin-right:0}.side-panel>.content-box.folder-list>ul li.active .left-box img.for-default{display:none}.side-panel>.content-box.folder-list>ul li.active .left-box img.for-active{display:block}.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input__wrapper{padding:10px 14px;border-radius:7px 0 0 7px}@media (max-width: 768px){.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input__wrapper{padding:7px 14px}}.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input__wrapper .el-input__inner{font-size:15px}@media (max-width: 768px){.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input__wrapper .el-input__inner{font-size:14px}}.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input__wrapper .el-input__suffix .el-input__icon{width:20px;height:20px}.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input__wrapper .el-input__suffix .el-input__icon svg{height:20px;width:20px}.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input-group__append{display:flex;align-items:center;background-color:#edeef0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input-group__append:hover{background-color:#e4e6ec}@media (max-width: 768px){.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input-group__append{padding:0 14px}}.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input-group__append i{display:inline-block;margin-right:8px;width:26px;height:26px}.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input-group__append i img{width:100%}.side-panel>.content-box.folder-list .add-folder-box .el-input .el-input-group__append span{font-size:15px;font-weight:600;color:#5a5a6b}.side-panel>.content-box.folder-list .add-folder-box .btn-add-folder{cursor:pointer;display:flex;align-items:center}.side-panel>.content-box.folder-list .add-folder-box .el-form-item{font-size:13px}.side-panel>.content-box.folder-list .add-folder-box .el-form-item .el-form-item__error{color:#dd1515;margin-top:3px;margin-left:5px}.side-panel>.content-box.folder-list.active>ul{margin-bottom:10px}.side-panel>.content-box.folder-list.active>ul li:hover{background-color:#fffbee}.side-panel>.hint-box{position:absolute;bottom:20px;left:20px;width:calc(100% - 40px);border-radius:20px;padding:20px;border:solid 2px #DCC8B5;background-color:#fff}@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5){.side-panel>.hint-box{bottom:110px}}@media (max-width: 1024px){.side-panel>.hint-box{z-index:1;border-radius:15px;padding:15px;background-color:#fff}}.side-panel>.hint-box .title{color:#0f0f0f;font-size:20px;font-weight:600;margin-bottom:15px}@media (max-width: 1024px){.side-panel>.hint-box .title{font-size:16px;margin-bottom:10px}}.side-panel>.hint-box .description{font-size:15px;line-height:1.6;color:#626262;white-space:normal;margin-bottom:5px;padding-bottom:10px}@media (max-width: 1024px){.side-panel>.hint-box .description{font-size:13px;margin-bottom:10px;padding-bottom:0;line-height:1.5}}.side-panel>.hint-box .btn-ok{cursor:pointer;display:inline-block;float:right;padding:10px 24px;font-size:15px;line-height:1.4em;color:#91919d;border-radius:50px;background:#f4f4f4;clear:both}.side-panel>.hint-box .btn-ok:hover{background:#e4e6ec}@media (max-width: 1024px){.side-panel>.hint-box .btn-ok{padding:8px 20px;font-size:13px}}.side-panel .btn-toggle-hintbox{cursor:pointer;position:absolute;bottom:20px;left:20px}@media (max-width: 1024px){.side-panel .mask{z-index:0;opacity:.3;position:absolute;top:0;left:0;width:200vw;height:100vh;background-color:#000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}}.side-panel.side-panel-folder{min-width:380px;width:380px}@media (max-width: 1500px){.side-panel.side-panel-folder{min-width:320px;width:320px}}.side-panel.hide{min-width:0px;width:0px;opacity:0;pointer-events:none}@media (max-width: 1024px){.side-panel.hide{width:80vw;transform:translate(-100%)}}.side-panel.hide .mask{pointer-events:none}@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5){.side-panel.hide-begin-animation{transition:all 0s ease}}@media (max-width: 1024px){.side-panel.hide-begin-animation{transition:all 0s ease}}#page-library .side-panel{min-width:380px;width:380px}@media (max-width: 1024px){#page-library .side-panel{min-width:300px;max-width:500px;width:90%;min-height:100vh}}#page-library .side-panel .panel-title .btn-edit{right:10px}#page-library .side-panel .category-list .add-folder-box .el-form-item__content .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #b88e67 inset}#page-library .side-panel .category-list .el-tree{margin-bottom:20px}#page-library .side-panel .category-list .el-tree:not(.is_edit) .el-tree-node.is-current>div{background-color:#f8f4ea}#page-library .side-panel .category-list .el-tree:not(.is_edit) .el-tree-node.is-current>div span{color:#7c521e}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content{height:45px;padding:7px 0;margin-bottom:1px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content:hover{background-color:#f8f4ea}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content:hover span{color:#7c521e}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content .title-box .el-form-item{margin-bottom:0}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content .title-box .el-form-item .el-form-item__content .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #b88e67 inset}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content .title-box .el-form-item .el-form-item__content .el-input__wrapper{height:37px}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content .title-box{color:#565564;width:100%;padding-right:10px}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content .title-box .el-input__wrapper{height:45px}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content .title-box .el-input__wrapper .el-input__inner{font-size:15px}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content .btn-remove{padding-right:20px}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content>div{width:100%}#page-library .side-panel .category-list .el-tree .el-tree-node .el-tree-node__content>div .nums{padding-right:25px;color:#565564}#page-library .side-panel .category-list .el-input-group__append{padding:0;border:none}#page-library .side-panel .category-list .add-folder-box{display:flex;align-items:center}#page-library .side-panel .category-list .add-folder-box .el-input .el-input__wrapper{height:50px;border-radius:7px 0 0 7px}#page-library .side-panel .category-list .add-folder-box .el-input .el-input__wrapper .el-input__inner{font-size:15px}#page-library .side-panel .category-list .add-folder-box .btn-add-folder{cursor:pointer;display:flex;align-items:center;padding:4px 15px;font-size:14px;border-radius:0 7px 7px 0;border-left:none}#page-library .side-panel .category-list .add-folder-box .btn-add-folder i{margin-right:3px;width:20px}#page-library .side-panel .category-list .add-folder-box .btn-add-folder i img{width:100%}#page-library .side-panel .category-list .add-folder-box .el-form-item{font-size:13px;width:100%}#page-library .side-panel .category-list .add-folder-box .el-form-item .el-form-item__error{color:#dd1515;margin-top:3px;margin-left:5px}#page-library .side-panel.hide{min-width:0px;width:0px;opacity:0}@media (max-width: 1200px){.el-dialog.type-confirm{max-width:450px}}