.running-text[data-v-39a83799]{position:absolute;display:flex;align-items:center;top:0;left:0;width:100%;background:#f7432e;color:#fff;font-weight:700;z-index:1000;padding:4px 0;font-size:14px;background:linear-gradient(180deg,#f7432e 0,#f7432e)}.upload-image-smartphone-page{--color-grey-light:#f9f9fa}.upload-image-smartphone-page .box{background:var(--color-grey-light);border-radius:.8rem}.Logo_logo_Puej_{height:100%}.Logo_stroke_ib44e{stroke:#f50057}.Logo_fill_vqxXX{fill:#f50057}.modal-popup-action #logo{width:30rem}.modal-popup-action .modal-first-login .box .v-col-3{padding:.8rem!important}.modal-popup-action .modal-first-login .box .box-item{border-radius:1rem;padding:1rem 2rem 2rem 2rem;opacity:1;height:100%}@media(min-width:576.02px){.take-photo-component .screenshot-mobile{position:fixed;top:50%;right:3rem}}.take-photo-component .screenshot{display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;border-radius:50%;border:.3rem solid #000;cursor:pointer}.take-photo-component .screenshot i{font-size:3.3rem}.take-photo-residence-card .take-photo-section{margin-top:-1.6rem}@media(max-width:576px){.take-photo-residence-card .take-photo-section{margin-top:2.7rem}.take-photo-residence-card .take-photo-section .guide-take-photo{margin:2rem}}.take-photo-residence-card .button-bg-danger,.take-photo-residence-card .button-danger{padding:.8rem .4rem 0 .4rem;font-size:1.6rem;width:15rem;cursor:pointer}.take-photo-residence-card .select-take-photo{width:25rem!important}.take-photo-residence-card .box{background:#f9f9fa;border-radius:.8rem;line-height:2}.signatureBox .canvas-signature{height:20rem}canvas{border:.2rem solid #f8f8f9;border-radius:.8rem;opacity:1}.bg-loading{margin:0 auto;width:8rem;height:8rem;border-radius:50%}.bg-loading .bg-loading-icon{width:8rem;height:8rem;border-radius:50%;position:absolute;border:5px solid #fff;top:50%;left:50%;transform:translate(-50%,-50%)}.inquiry .button-bg-danger,.inquiry .button-disabled{padding:.9rem .4rem .1rem .4rem;font-size:1.6rem;width:12rem}.residence-card-front{width:27rem;height:18rem;overflow:hidden;margin:auto;position:relative}.residence-card-front img{position:absolute;width:41.5rem;left:50%;transform:translateX(-50%)}.button-text{color:#4a576e}.upload-photo .upload-photo-section{margin-top:-1.6rem}@media(max-width:576px){.upload-photo .upload-photo-section{margin-top:2.7rem}.upload-photo .upload-photo-section .guide-take-photo{margin:2rem}}.upload-photo .button-bg-danger,.upload-photo .button-danger{padding:.9rem .4rem .1rem .4rem;font-size:1.6rem;width:15rem;cursor:pointer}.upload-photo .select-take-photo{width:25rem!important}.upload-photo .box{background:#f9f9fa;border-radius:.8rem}.photo-certificate .take-photo-section{margin-top:-1.6rem}@media(max-width:576px){.photo-certificate .take-photo-section{margin-top:2.7rem}.photo-certificate .take-photo-section .guide-take-photo{margin:2rem}}.photo-certificate .button-bg-danger,.photo-certificate .button-danger{padding:.8rem .4rem 0 .4rem;font-size:1.6rem;width:15rem;cursor:pointer}.photo-certificate .select-take-photo{width:25rem!important}.photo-certificate .box{background:#f9f9fa;border-radius:.8rem}.button-danger-limit{display:inline-block;padding:.4rem 1.6rem;font-size:1.2rem;font-weight:500;background-color:#fff;color:#f50057;border:.1rem solid #f50057;border-radius:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.icon-modal[data-v-07b820c1]{width:10rem}.index[data-v-4eece97c]{background-color:#fff;width:30px;height:30px;border-radius:50%;color:red;text-align:center;box-shadow:2px 4px 9px 1px #d5d5d5;position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-weight:700}.itemData[data-v-4eece97c]{position:relative}body{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:1.6rem;line-height:1.7}.text-danger,.text-danger:hover,.text-danger:visited{color:#f50057}.text-dodger{color:#1565c0}.text-success-sea{color:#209526}.text-success{color:#28b485}.text-color-grey{color:#979fae!important}.text-dark-light{color:#4a576e!important}.text-grey-light{color:#00000014}.text-white-smoke{color:#687285!important}.text-dark{color:#000}.text-gold{color:gold}.text-warning{color:#f5b629}.text-color-gainsboro{color:#cacad9}.text-bold{font-weight:700}.text-primary-dodger{color:#1565c0!important}.text-white{color:#fff}.text-red{color:#f50057!important}.po-re{position:relative}.po-ab{position:absolute}.ml-n100{margin-left:-10rem}.ml-n115{margin-left:-11.5rem}.border-8{border-radius:.8rem!important}.border-tr-8{border-radius:.8rem .8rem 0 0!important}.border-5{border-radius:.5rem!important}.border-10{border-radius:1rem!important}.border-gainsboro{border:.1rem solid #cacad9}.fs-5{font-size:.5rem!important}.fs-8{font-size:.8rem!important}.fs-10{font-size:1rem!important}.fs-11{font-size:1.1rem!important}.fs-12{font-size:1.2rem!important}.fs-13{font-size:1.3rem!important}.fs-14{font-size:1.4rem!important}.fs-15{font-size:1.5rem!important}.fs-16{font-size:1.6rem!important}.fs-18{font-size:1.8rem!important}.fs-20{font-size:2rem!important}.fs-24{font-size:2.4rem!important}.fs-30{font-size:3rem!important}.fs-32{font-size:3.2rem!important}.fs-38{font-size:3.8rem!important}.fs-60{font-size:6rem!important}.fs-90{font-size:9rem!important}.fs-100{font-size:10rem!important}.fw-200{font-weight:200!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-700{font-weight:700}.fw-normal{font-weight:400!important}.bg-grey-light{background-color:#00000014}.bg-white-grey{background-color:#fbfbfb}.bg-grey-light-3{background-color:#f9f9fa;border-radius:.8rem}.bg-danger{background-color:#f50057}.bg-white-red{background-color:#fff4f4}.h-7{height:7rem}.h-4{height:4rem}.h-4-important{height:4rem!important}.h-6{height:6rem}.h-62{height:6.2rem!important}.h-18{height:18rem}.h-30{height:30rem}.h-36px{height:3.6rem}.h-46px{height:4.6rem!important}.h-56px{height:5.6rem!important}.w-38px{width:3.8rem}.w-3{width:3rem}.w-5{width:5rem}.w-8{width:8rem}.w-10{width:10rem}.w-12{width:12rem}.w-8{width:8rem!important}.w-16{width:16rem}.w-13{width:13rem}.w-14{width:14rem}.w-18{width:18rem}.w-20{width:20rem}.w-22{width:22rem!important}.w-25{width:25rem}.w-30{width:30rem}.mw-57{max-width:57rem}.w-34{width:34rem}.mw-65{max-width:65rem}.mw-6{min-width:6rem}.mw-11{min-width:11rem}.c-pl-10{padding-left:10rem}.flex-1{flex:1}*,:after,:before{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{font-size:10px}body{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}a,a:focus{color:inherit;text-decoration:none;transition:all .3s}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{box-shadow:inset 0 0 .6rem #00000014;border-radius:1rem}@keyframes bounce-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes checkbox{0%{opacity:0;transform:translate(-50%,-85%) scale(0) rotate(45deg)}70%{opacity:1;transform:translate(-50%,-85%) scale(.9) rotate(45deg)}to{transform:translate(-50%,-85%) scale(.8) rotate(45deg)}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes to-top{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hide-show{0%{opacity:0}to{opacity:1}}.w-100{width:100%!important}.h-100{height:100%}.h-95{height:95%}.cursor-pointer{cursor:pointer}.invisible{visibility:hidden}.border-none{border:none}.border-white-grey{border:.1rem solid #eaeaf0}.border-bottom-white-grey{border-bottom:.1rem solid #eaeaf0}.portrait-mobile{max-width:37.5rem}.box-shadow{box-shadow:0 .4rem .8rem #00000014}.box-shadow-button{box-shadow:0 4px 8px #00000014}.box-shadow-button2{box-shadow:0 .4rem .8rem #00000029}.icon-drawer{display:flex;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;border-radius:50%;box-shadow:0 .3rem .5rem #979fae;background:#fff;color:#f50057;position:absolute;right:-1.2rem;top:3rem;z-index:50;cursor:pointer}.icon-drawer:hover{transform:scale(1.1)}.icon-faq,.icon-noti{position:relative}.icon-faq button,.icon-noti button{border-radius:50%;width:4rem!important;height:4rem!important;box-shadow:0 .4rem .8rem #979fae!important}.icon-faq i,.icon-noti i{font-size:2.4rem}.icon-faq .badge,.icon-noti .badge{position:absolute;width:2rem;height:2rem;top:-.5rem;right:-.5rem;font-size:1rem;text-align:center;background:#f50057;color:#fff;border-radius:50%}.icon-faq{margin-right:1rem;background-color:#fff}.icon-faq button{color:#f50057}.icon-noti button{color:#979fae}.icon{font-size:1.6rem}.pagination{display:inline-block;box-shadow:0 .3rem .6rem #b6bbc4;border-radius:.4rem}.pagination a{width:3.6rem;float:left;padding:.1rem;color:#b6bbc4;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination .active{color:#f50057}.pagination .inactive{color:#b6bbc4}.pagination .inactive,.pagination .page-number:hover:not(.active){background-color:#f4f4f4}.pagination .next,.pagination .prev{width:4rem}.pagination .next:hover,.pagination .prev:hover{background-color:#f4f4f4}.pagination .prev{border-radius:.5rem 0 0 .5rem;border-right:.1rem solid #f4f4f4}.pagination .next{border-radius:0 .5rem .5rem 0;border-left:.1rem solid #f4f4f4}.pagination .v-icon{padding-bottom:.2rem}.modal-mask{display:table;position:fixed;z-index:15;top:0;left:0;width:100%;height:100%;background-color:#00000099}.modal-mask .modal-wrapper{display:table-cell;vertical-align:middle;padding:1.5rem}.modal-mask .modal-wrapper .modal-container{margin:0 auto;background-color:#fff;box-shadow:0 .4rem .8rem #00000014;border-radius:1rem;overflow:visible}.modal-mask .modal-wrapper .modal-container .modal-header{display:flex;padding:1.6rem;background:#f9f9fa;border-radius:1rem 1rem 0 0;color:#687285;font-weight:700}.modal-mask .modal-wrapper .modal-container .modal-header .v-icon{cursor:pointer;color:#979fae}.modal-mask .modal-wrapper .modal-container .modal-header .v-icon:hover{transform:scale(1.1)}.modal-mask .modal-wrapper .modal-container .modal-body{margin:1.6rem;text-align:center;color:#687285}.modal-mask .modal-wrapper .modal-container .modal-body__img .v-icon{height:auto;font-size:10rem;color:#f50057}.modal-mask .modal-wrapper .modal-container .modal-body__title{margin-top:1.5rem;font-size:1.6rem;font-weight:700}.modal-mask .modal-wrapper .modal-container .modal-body__title--danger{color:#f50057}.modal-mask .modal-wrapper .modal-container .modal-body__content{font-size:1.4rem;font-weight:400}.modal-mask .modal-wrapper .modal-container .modal-footer{width:auto;padding:1.6rem}.modal-mask .modal-wrapper .modal-container .modal-footer .modal-footer-data{text-align:center}.modal-mask .modal-wrapper .modal-container .modal-footer .modal-footer-data .v-btn{min-width:12rem;font-size:1.6rem}.modal-mask .modal-wrapper .modal-container .modal-footer .modal-footer-data .v-btn:not(:last-child){margin-right:1.2rem}.modal-mask .modal-wrapper .bounce-in{animation:bounce-in .3s}.modal-mask button{padding:.4rem 1.6rem;font-size:1.6rem!important;border-radius:.8rem!important}.default-card{border:.1rem solid #f9f9fa;box-shadow:0 .4rem .8rem #00000014;border-radius:.8rem}.default-card__table{min-width:90rem}.default-card .header-card{padding:0 1.2rem;background:#f9f9fa;border-radius:.8rem .8rem 0 0;color:#4a576e}.default-card .content-card{padding:3rem 0}.default-card .total{font-size:1.4rem;color:#979fae}.button-danger{font-size:1.2rem;border:.1rem solid #f50057}.button-bg-white,.button-bg-white-non-outlined,.button-danger{display:inline-block;padding:.4rem 1.6rem;font-weight:500;background-color:#fff;color:#f50057;border-radius:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.button-bg-white,.button-bg-white-non-outlined{font-size:1.6rem}.button-bg-white{border:.1rem solid #00000014}.button-bg-primary-dodger{background:#1565c0;cursor:pointer}.button-bg-danger-dodger,.button-bg-primary-dodger{display:inline-block;padding:.4rem .8rem;font-size:1.2rem;color:#fff;border-radius:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-bg-danger-dodger{background:#f50057}.button-bg-white-grey{display:inline-block;padding:.4rem .8rem;font-size:1.2rem;color:#979fae;background:#eaeaf0;border-radius:.4rem;cursor:not-allowed!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-bg-danger{display:inline-block;font-size:1.2rem}.button-bg-danger,.button-bg-danger-flex{padding:.4rem 1.6rem;font-weight:500;background-color:#f50057;color:#fff;border:.1rem solid #f50057;border-radius:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.button-bg-danger-flex{display:flex;justify-content:center;align-items:center;width:150px;height:64px}.button-disabled{display:inline-block;background-color:#00000014;padding:.4rem 1.6rem;font-size:1.6rem;font-weight:700;border-radius:.8rem;border:.1rem solid #eaf1f9;color:#979fae!important;cursor:not-allowed!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn{display:inline-block;border-radius:.8rem;font-size:1.2rem;padding:.4rem 1rem;font-weight:500}.btn-primary{background-color:#1565c0;border:.1rem solid #1565c0}.btn-danger,.btn-primary{display:inline-block;color:#fff}.btn-danger{background-color:#f50057;border:.1rem solid #f50057}.btn-green{background-color:#fff;color:#209526}.btn-green,.btn-success{display:inline-block;border:.1rem solid #209526}.btn-success{background-color:#209526;color:#fff}.btn-disabled-border{color:#cacad9}.btn-disabled-bg,.btn-disabled-border{display:inline-block;border:.1rem solid #cacad9;border-radius:.8rem}.btn-disabled-bg{background-color:#cacad9;color:#fff}.btn-blue-border{display:inline-block;border:.1rem solid #1e90ff;border-radius:.8rem;color:#1e90ff}.btn-back{border-bottom:.1rem solid #f50057}.btn-back i{transform:translateX(-.8rem)}.btn-outlined-primary-dodger{display:inline-block;background-color:#fff;color:#1565c0;border:.1rem solid #1565c0}.custom-alert{position:fixed;top:2rem;right:2rem;z-index:20}.custom-alert .v-alert__text,.custom-alert i{color:#fff}.custom-input{position:relative}.custom-input input{border-radius:.5rem;padding:1.7rem 1.5rem .1rem 1.5rem;font-size:1.4rem;width:100%;color:#4a576e;font-weight:500;box-shadow:0 0 0 .1rem #eaeaf0;border:none;outline:none}.custom-input input:focus:not(:-moz-read-only){box-shadow:0 0 0 1px #1565c0}.custom-input input:focus:not(:read-only){box-shadow:0 0 0 1px #1565c0}.custom-input input[type=file]::-webkit-file-upload-button{display:none}.custom-input .color-transparent{color:transparent}.custom-input .disabled{background-color:#eaeaf0;cursor:not-allowed}.custom-input .highlight-field{border:1px solid #f50057}.custom-input .floating-label{font-size:1rem;color:#979fae;position:absolute;pointer-events:none;top:0;left:1.5rem;transition:all .1s ease;display:flex;font-weight:700}.custom-input input:-moz-read-only~.not-value{top:50%;transform:translateY(-50%);left:1.5rem;font-size:1.4rem;font-weight:400}.custom-input input:not(:focus)~.not-value,.custom-input input:read-only~.not-value{top:50%;transform:translateY(-50%);left:1.5rem;font-size:1.4rem;font-weight:400}.custom-input .no-placeholder{padding:0 1.5rem;font-size:1.4rem}.custom-input .eye,.custom-input .help{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.custom-input .eye i,.custom-input .help i{font-size:1.8rem;cursor:pointer}.custom-input .help{color:#979fae}.custom-input .is-invalid{box-shadow:0 0 0 .1rem #f50057}.custom-input .is-invalid:focus{outline:none!important;box-shadow:0 0 0 .1rem #f50057}.custom-input .error-input{color:#f50057;font-size:1rem;padding-left:1.5rem;padding-top:.1rem;font-weight:500}.error input{box-shadow:0 0 0 .1rem #f50057!important}.error .floating-label,.error input{color:#f50057!important}.page-title .back-to-page{color:#f50057;font-size:1.3rem}.page-title .back-to-page .icon{font-size:3.5rem;padding-bottom:.2rem;width:2rem;margin-left:-2rem}.page-title .title{margin-top:2rem}.page-title p{font-size:1.3rem;color:#979fae}.page-title .icon-faq button,.page-title .icon-noti button{box-shadow:0 4px 8px #65828d29!important}.page-title .no-side-menu{margin-left:8.5%}.v-app-bar{height:10.8rem!important;box-shadow:none}.v-app-bar__content{display:inline-block;padding:1rem 1.6rem 1rem 3.5rem}.tabs{display:flex;align-items:center;font-size:1.6rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabs ul{list-style-type:none;overflow:hidden}.tabs li{float:left;margin:1.5rem 4rem 2.5rem 0;text-align:center;color:#979fae}.tabs li:hover{cursor:pointer}.tabs .is-active{position:relative;color:#f50057;border-bottom:.3rem solid #f50057}.tabs .is-active:hover{cursor:default}.tabs .is-active:after{content:"";position:absolute;top:108%;left:50%;margin-left:-.5rem;border-width:.5rem;border-style:solid;border-color:#f50057 transparent transparent}.switch{position:relative;width:-moz-max-content;width:max-content;height:2.4rem;display:flex}.switch input{display:none}.switch .label{min-width:6rem;position:relative;padding:.3rem 1rem .3rem 2.7rem;font-size:1.1rem;color:#fff;font-weight:700;cursor:pointer;background-color:#f50057;border-radius:1.8rem;transition:.2s}.switch .label:before{position:absolute;content:"";height:2.2rem;width:2.2rem;bottom:.1rem;border-radius:50%;background-color:#fff;transition:.2s}.switch input:checked+.label{background-color:#28b485;padding-left:1.1rem;padding-right:2.7rem}.switch input:checked+.label:before{left:calc(100% - 2.3rem)}.switch input:not(:checked)+.label:before{left:.1rem}.switch input:disabled+.label{background-color:#ccc}.switch input:focus+.label{box-shadow:0 0 .1rem #28b485}.loading,.loading:after{border-radius:50%;width:8rem;height:8rem}.loading{margin:auto;font-size:1rem;top:50%;left:50%;transform:translate(-50%,-50%);text-indent:-9999rem;border-top:.5rem solid #f50057;border-right:.5rem solid rgba(245,0,87,.2);border-bottom:.5rem solid rgba(245,0,87,.2);border-left:.5rem solid rgba(245,0,87,.2);transform:translateZ(0);animation:loading 1.1s linear infinite}.customized-item{color:#687285}.customized-item .header{color:#4a576e;font-size:1.6rem}.customized-item .header a{font-size:1.6rem;font-weight:500}.customized-item .header .button-danger,.customized-item .header .button-disabled{padding:.4rem 2rem}.customized-item .content .v-row{margin:0}.customized-item .content .college-student{font-size:1.3rem;font-weight:300}.customized-item .content-card{padding-bottom:20rem}.customized-item .content-card .data-list{font-size:1.4rem}.review-modal .review-modal-title,.review-modal .review-modal-title+p{font-weight:500}.review-modal .review-modal-title{color:#f50057}.review-modal .review-table{font-size:1.4rem}.review-modal .review-table .v-row{margin:0}.review-modal .review-table .thead{background:#f9f9fa;font-weight:700;color:#687285}.review-modal .review-table .v-row:not(:first-child){border-bottom:.1rem solid #00000014}.limited-customeized{font-size:1.6rem;padding:3rem 1.2rem;color:#687285}.limited-customeized img{max-width:30rem;background-size:contain}.limited-customeized a{font-size:1.6rem;font-weight:700}.content-normal{width:48%;color:#979fae}.content_space{width:3%;color:#979fae}.content-customized{width:100%;color:#979fae}.mt-1-5{margin-top:6px!important}.h500{height:500px}.h600{height:600px}.page-list .data-table{width:100%;padding:1.2rem 0;overflow-x:auto}.page-list .data-table table{width:100%;font-size:1.2rem;background-color:transparent;border-collapse:collapse;border-spacing:0;line-height:1}.page-list .data-table table .not-select-row:hover{background-color:rgba(135,206,250,.15)}.page-list .data-table table th{padding:1.1rem 1.5rem;background-color:#f9f9fa;color:#687285;text-align:left;white-space:nowrap}.page-list .data-table table td{padding:1.3rem 1.5rem;color:#979fae;font-weight:400;text-align:left;word-break:keep-all;border-bottom:.1rem solid #eaeaf0;cursor:pointer}.page-list .data-table .no-data{font-size:1.2rem;color:#979fae}.page-list .disabledSelect{cursor:not-allowed!important}.checkbox-filled{position:relative!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:content-box;cursor:pointer;height:20px}.checkbox-filled:before{content:"";display:block;box-sizing:content-box;width:1.6rem;height:1.6rem;border:.1rem solid #00000014;border-radius:.3rem;transition:border-color .2s ease}.checkbox-filled:checked:before{border-color:#f50057;transition:border-color .5s ease}.checkbox-filled:disabled:before{border-color:#ccc;background-color:#ccc}.checkbox-filled:after{content:"";display:block;position:absolute;box-sizing:content-box;top:50%;left:50%;transform-origin:50% 50%;background-color:#f50057;width:1.6rem;height:1.6rem;border-radius:100vh;transform:translate(-50%,-50%) scale(0)}.checkbox-filled[type=checkbox]:before{border-radius:1.6rem/4}.checkbox-filled[type=checkbox]:after{width:.96rem;height:1.6rem;border-radius:0;transform:translate(-50%,-85%) scale(0) rotate(45deg);background-color:transparent;box-shadow:.4rem 40.4rem 0 0 #f50057}.checkbox-filled[type=checkbox]:checked:after{animation:checkbox .2s ease forwards}.checkbox-filled[type=checkbox].checkbox-filled:before{border-radius:1.6rem/4;transition:border-color .2s ease,background-color .2s ease}.checkbox-filled[type=checkbox].checkbox-filled:checked:not(:disabled):before{background-color:#f50057}.checkbox-filled[type=checkbox].checkbox-filled:after{box-shadow:.4rem .4rem 0 0 #fff}.list-filter{padding:1.5rem;background-color:#fff}.list-filter .filter{display:flex;flex-wrap:wrap;row-gap:1.4rem}.list-filter .filter .hr-filter{width:100%;margin:2rem 0 1.2rem 0}.list-filter .filter .hr-filter hr{border:.1rem solid #e1e7f2;opacity:1}.list-filter .filter .item{display:flex;padding-right:1.5rem;margin-top:auto}.list-filter .filter .item .item-input,.list-filter .filter .item .item-select{width:21.4rem;height:4.2rem;display:flex}.list-filter .filter .item .item-input .custom-input input{box-shadow:0 0 0 .1rem #cacad9}.list-filter .filter .item .custom-input input,.list-filter .filter .item .item-select input{height:4.2rem;box-shadow:0 0 0 .1rem #cacad9}.list-filter .filter .item .custom-input input:focus,.list-filter .filter .item .item-select input:focus{box-shadow:0 0 0 1px #1565c0}.list-filter .filter .item .item-option{margin-right:1.7rem;text-align:left}.list-filter .filter .item .item-option .label{font-size:1.4rem;color:#4a576e}.list-filter .filter .item .item-option .list .list-item input{display:none}.list-filter .filter .item .item-option .list .list-item .option{border:.1rem solid #979fae;padding:.5rem 1rem;border-radius:.4rem;font-size:1.2rem;color:#979fae;margin-right:1rem;font-weight:700}.list-filter .filter .item .item-option .list .list-item .option:hover{cursor:pointer}.list-filter .filter .item .item-option .list .list-item input:checked+.option{color:#fff;border:.1rem solid #f50057;background-color:#f50057}.list-filter .filter .show-full-list{margin-left:auto}.list-filter .filter .show-full-list .refinement{border:.1rem solid #eaf1f9;border-radius:.8rem;float:right;height:4.2rem;color:#f50057}.list-filter .filter .show-full-list .refinement label{padding:0 2rem;font-size:1.6rem;font-weight:500;cursor:pointer}.list-filter .filter .show-full-list .refinement label .mdi{font-size:1.8rem;padding:0 .2rem}.list-filter .filter-center{justify-content:space-between}.list-filter .filter-center .item{padding-right:0}.list-filter .custom-date-picker input{box-shadow:0 0 0 .1rem #cacad9}.notice-card{position:fixed;right:1.8rem;top:6rem;width:45rem;background:#fff;z-index:3}.notice-card .content-card{padding:0}.notice-card .notice-list{line-height:1.5;padding:0 0 1.2rem 0}.notice-card .notice-list .notice-item{padding:.5rem 1.2rem;cursor:pointer}.notice-card .notice-list .notice-item p:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-card .notice-list .notice-item:hover{background:rgba(135,206,250,.15)}.notice-card .notice-list .notice-date{font-size:1rem;font-weight:300}.notice-card .notice-list .notice-item:not(:last-child){border-bottom:.1rem solid #eaeaf0}.image-preview{position:relative;display:flex;align-items:center;margin:0 auto;border-radius:.8rem}.image-preview .image{width:100%;height:100%;overflow:auto}.image-preview .image,.image-preview .image img{-o-object-fit:contain;object-fit:contain;border-radius:1rem}.image-preview .image img{width:calc(100% - 32px);height:calc(100% - 7px);background-color:#fff;transform-origin:center;max-width:"unset";max-height:"unset";min-width:"unset";min-height:"unset";display:"block"}.image-preview .no-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;overflow:auto}.image-preview .no-image .no-image-sector{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:calc(100% - 32px);height:calc(100% - 7px);-o-object-fit:contain;object-fit:contain;border-radius:1rem;background-color:#f8f8f9}.image-preview .no-image .v-icon{font-size:5rem;color:#979fae!important}.image-preview .v-icon{color:#4a576e!important}.image-preview .icon-file{color:#979fae!important}.image-preview .change-side-button,.image-preview .expand,.image-preview .expand-mobile,.image-preview .minus,.image-preview .plus,.image-preview .rotate-left,.image-preview .rotate-right{position:absolute;display:flex;justify-content:center;align-items:center;border:1px solid #f9f9fa;background:#fff 0 0 no-repeat padding-box;box-shadow:0 .4rem .8rem #00000014;border:.1rem solid #f9f9fa;border-radius:.8rem;opacity:1;cursor:pointer}.image-preview .change-side-button:hover,.image-preview .expand-mobile:hover,.image-preview .expand:hover,.image-preview .minus:hover,.image-preview .plus:hover,.image-preview .rotate-left:hover,.image-preview .rotate-right:hover{background:#fbfbfb 0 0 no-repeat padding-box}.image-preview .change-side-button{-webkit-user-select:none;-moz-user-select:none;user-select:none;top:.6rem;left:.6rem;width:115px;height:28px;text-align:center;font-weight:500;color:#687285}.image-preview .expand,.image-preview .expand-mobile,.image-preview .minus,.image-preview .plus,.image-preview .rotate-left,.image-preview .rotate-right{width:2.8rem;height:2.8rem}.image-preview .expand{bottom:.6rem;right:7.4rem}.image-preview .expand-mobile{bottom:.6rem;right:.6rem}.image-preview .rotate-right{bottom:.6rem;right:4rem}.image-preview .rotate-left{bottom:.6rem;right:.6rem}.image-preview .minus{bottom:4rem;right:.6rem}.image-preview .plus{bottom:7.4rem;right:.6rem}.image-preview .img-file{width:5.2rem}.image-preview .ml-30{margin-left:120px!important}.date-picker{position:relative}.date-picker .calendar{position:absolute;width:25rem!important;top:6.5rem;background-color:#fff;border-radius:2rem;padding:8px;overflow:hidden;box-shadow:.2rem .2rem 1rem .2rem #b6bbc4;z-index:10}.date-picker .calendar-header{display:flex;justify-content:space-between;align-items:center;font-size:2.5rem;font-weight:600;padding:0 1rem}.date-picker .calendar-body{margin:1rem}.date-picker .calendar-week-day{display:grid;grid-template-columns:repeat(7,1fr);height:3rem;font-size:1.2rem;font-weight:400}.date-picker .calendar-week-day div{display:grid;place-items:center;color:#b6bbc4}.date-picker .calendar-days{font-size:1.4rem;display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem}.date-picker .calendar-days div{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem;cursor:pointer}.date-picker .calendar-days div:hover{border-radius:50%;border:.1rem solid #f50057}.date-picker .calendar-days div:hover span{transition:width .2s ease-in-out,height .2s ease-in-out}.date-picker .calendar-days div.curr-date span{display:none}.date-picker .month-picker{padding:.5rem 1rem;border-radius:1rem;font-size:1.6rem;cursor:pointer}.date-picker .month-picker:hover{background-color:#eaf1f9}.date-picker .year-picker{display:flex;align-items:center;font-size:1.6rem}.date-picker .year-change{display:grid;place-items:center;height:3rem;width:3rem;border-radius:50%;cursor:pointer}.date-picker .year-change:hover{background-color:#eaf1f9}.date-picker .month-list{display:grid;grid-template-columns:repeat(3,auto);gap:1rem;width:100%;height:100%;top:0;left:0;padding:1rem 0}.date-picker .month-list.show{transform:scale(1);visibility:visible;pointer-events:visible;transition:all .2s ease-in-out}.date-picker .month-list>div{width:7.2rem;display:grid;place-items:center;height:3rem;padding:.3rem 0;font-size:1.2rem;animation:to-top 1s forwards;cursor:pointer}.date-picker .month-list>div:hover{border-radius:.5em;border:.1rem solid #f50057}.date-picker .hidden{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.date-picker .day-selected,.date-picker .month-selected{background:#f50057!important;color:#fff}.date-picker .day-selected{border-radius:50%}.date-picker .month-selected{border-radius:.5rem}.date-picker .current-day,.date-picker .current-month{background:#c6ebfc;color:#fff}.date-picker .current-day{border-radius:50%}.date-picker .current-month{border-radius:.8rem}.upload-image:hover{background:rgba(255,192,203,.541);border:.2rem dashed #f50057}.upload-image:hover a{background:#fff}.upload-image .v-icon{font-size:5rem;color:#979fae!important}.upload-image .image-type{font-size:1.2rem;font-weight:400}.upload-image .button-upload{box-shadow:0 4px 8px #00000014}.upload-image .img-file{width:4.5rem}.upload-image,.upload-image-general{background:#fff 0 0 no-repeat padding-box;border:.2rem dashed #b6bbc4;border-radius:1.2rem;opacity:1}.dragover{background:rgba(255,192,203,.541)}.textarea-component .box{box-shadow:0 0 0 .1rem #dde6e9;padding:1rem 1.5rem;border-radius:.5rem}.textarea-component .box:focus-within{box-shadow:0 0 0 .1rem #1565c0}.textarea-component .box .label-wrapper{display:flex;gap:2px;font-weight:700}.textarea-component .box .content{width:100%}.textarea-component .box .content:focus{outline:none!important}.textarea-component .box.isempty-field{background-color:#fff4f4}.textarea-component .box.disabled{background-color:#eaeaf0;cursor:not-allowed}.textarea-component .highlight-field{border:1px solid #f50057}.upload-image-smartphone{max-width:38rem;margin:auto}.upload-image-smartphone .screenshot{width:5rem;height:5rem;border-radius:50%;border:.3rem solid #000;display:flex;justify-content:center;align-items:center;cursor:pointer}.upload-image-smartphone .screenshot i{font-size:3.3rem}.upload-image-smartphone .upload-section{position:fixed;bottom:.5rem;left:50%;width:22rem;font-weight:300;font-size:1.4rem;transform:translateX(-50%);animation:hide-show 1s}.upload-image-smartphone .upload-section .upload-button{margin-bottom:.5rem}.upload-image-smartphone .upload-section .upload-button a{background-color:#00000014;border-radius:2rem;padding:.5rem 1.5rem;border:1px solid #000}.upload-image-smartphone .upload-section .upload-button i{font-size:1.6rem;transform:rotate(45deg)}.upload-image-smartphone .upload-section .upload-type{background-color:#fff;box-shadow:.2rem .2rem 1rem .2rem #b6bbc4;border-radius:1.2rem}.upload-image-smartphone .upload-section .upload-type .option:not(:last-child){border-bottom:.1rem solid #b6bbc4}.upload-image-smartphone .upload-section .upload-type .option-item{padding:.6rem 1.6rem;display:flex;justify-content:space-between;cursor:pointer}.custom-date-picker{position:relative}.custom-date-picker input{border-radius:.5rem;padding:1.7rem 1.5rem .1rem 1.5rem;font-size:1.4rem;width:100%;color:#4a576e;font-weight:500;box-shadow:0 0 0 .1rem #eaeaf0;border:none;outline:none;min-height:4.375rem}.custom-date-picker input:focus{box-shadow:0 0 0 1px #1565c0}.custom-date-picker .disabled{background-color:#eaeaf0;cursor:not-allowed}.custom-date-picker .floating-label{top:50%;transform:translateY(-50%);left:1.5rem;font-size:1.4rem;color:#979fae;position:absolute;pointer-events:none;transition:all .1s ease;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80%;line-height:1.5}.custom-date-picker .on-focus{top:1rem;left:1.5rem;font-size:1rem;font-weight:700}.custom-date-picker .no-placeholder{padding:0 1.5rem;font-size:1.4rem}.custom-date-picker .is-invalid{box-shadow:0 0 0 .1rem #f50057}.custom-date-picker .is-invalid:focus{outline:none!important;box-shadow:0 0 0 .1rem #f50057}.custom-date-picker .error-input{color:#f50057;font-size:1rem;padding-left:1.5rem;padding-top:.1rem;font-weight:500;background:#fff}.custom-date-picker .v3dp__datepicker .v3dp__popout{margin-top:2rem}.checkbox-button{padding:.8rem 0}.checkbox-button .checked-button,.checkbox-button .no-checked-button{display:flex;align-items:center;height:4rem;font-size:1.4rem;border-radius:.5rem;border:none;cursor:pointer}.checkbox-button .checked-button{box-shadow:0 0 0 .1rem #f50057;color:#f50057}.checkbox-button .no-checked-button{box-shadow:0 0 0 .1rem #dde6e9;color:#979fae}input[type=radio]{position:absolute;opacity:0}input[type=radio]+.radio-label{font-size:14px;color:#979fae}input[type=radio]+.radio-label:before{content:"";background:#fff;border-radius:100%;border:1px solid #eaeaf0;display:inline-block;width:1.4em;height:1.4em;position:relative;top:.4em;margin-right:.5em;vertical-align:top;cursor:pointer;text-align:center;transition:all .25s ease}input[type=radio]:checked+.radio-label{color:#4a576e}input[type=radio]:checked+.radio-label:before{background-color:#f50057;box-shadow:inset 0 0 0 4px #fff;border:1px solid #f50057}input[type=radio]:focus+.radio-label:before{outline:none;border-color:#f50057}input[type=radio]+.radio-label:empty:before{margin-right:0}input[type=radio]+.radio-label-16{font-size:16px;font-weight:700;color:#687285}input[type=radio]+.radio-label-16:before{content:"";background:#fff;border-radius:100%;border:1px solid #eaeaf0;display:inline-block;width:1.4em;height:1.4em;position:relative;top:.2em;margin-right:.5em;vertical-align:top;cursor:pointer;text-align:center;transition:all .25s ease}input[type=radio]:checked+.radio-label-16{color:#4a576e}input[type=radio]:checked+.radio-label-16:before{background-color:#f50057;box-shadow:inset 0 0 0 4px #fff;border:1px solid #f50057}input[type=radio]:focus+.radio-label-16:before{outline:none;border-color:#f50057}input[type=radio]+.radio-label-16:empty:before{margin-right:0}.warning-message{background:#f5b629;padding:1rem 2rem;font-weight:700;font-size:14px;color:#fff;border-radius:1rem;margin-bottom:1rem;margin-top:1rem}.warning-message .v-icon{color:#fff;margin-right:.3rem;padding-bottom:.5rem}.warning-message a{border-bottom:thin solid #fff}.warning-message ul{padding-left:2.3rem}.square-label-block{margin-right:8px}.square-label-block .square-label{margin-top:.6rem;padding:0 6px 0 6px;display:flex;align-items:center;justify-content:center;height:3rem}.square-label-block .square-label p{color:#fff;font-size:12px;font-weight:700}.square-label-block .square-label p ruby rt{font-size:10px;transform:scale(.8)}.square-label-block .lang-en{width:66px}.square-label-block .lang-ja{width:42px;padding-top:2px}.square-label-block .lang-kr{width:40px}.square-label-block .lang-my{width:79px}.square-label-block .lang-np{width:54px}.square-label-block .lang-pr{width:79px}.square-label-block .lang-sc,.square-label-block .lang-tc{width:42px}.square-label-block .lang-tg{width:68px}.square-label-block .lang-vi{width:65px}.square-label-block .lang-ep{width:94px}.square-label-block .square-label-required{background:#f50057}.square-label-block .square-label-optional{background:#979fae}.required-label{margin-left:4px;color:#f50057;font-size:10px;align-self:center}.mail-setting{min-width:76.8rem;overflow:auto;color:#676b6d;font-size:1.3rem}.mail-setting .header{color:#4a576e}.mail-setting .content .v-row{margin:0}.mail-setting .content [class*=mails]{padding:1rem 0}.mail-setting .content [class*=mails] [class*=v-col]:not(.thead){border-bottom:1px solid #00000014;display:flex;align-items:center}.mail-setting .content [class*=mails] [class*=v-col]:last-child,.mail-setting .content [class*=mails] [class*=v-col]:nth-last-child(2),.mail-setting .content [class*=mails] [class*=v-col]:nth-last-child(3){border-bottom:none}.mail-setting .content .thead{padding:1.2rem;background:#f9f9fa;font-size:1.1rem;font-weight:700}.mail-setting .content .turn-all{color:#f50057;font-size:1.2rem}.feature-setting{min-width:76.8rem;overflow:auto;color:#676b6d;font-size:1.3rem}.feature-setting .header{color:#4a576e}.feature-setting .content .v-row{margin:0 1rem}.feature-setting .content [class*=mails]{padding:1rem 0}.feature-setting .content [class*=mails] [class*=v-col]:not(.thead){border-bottom:1px solid #00000014;display:flex;align-items:center}.feature-setting .content [class*=mails] [class*=v-col]:last-child,.feature-setting .content [class*=mails] [class*=v-col]:nth-last-child(2),.feature-setting .content [class*=mails] [class*=v-col]:nth-last-child(3){border-bottom:none}.feature-setting .content .thead{padding:1.2rem;background:#f9f9fa;font-size:1.1rem;font-weight:700}.feature-setting .content .turn-all{color:#f50057;font-size:1.2rem}.modal-mail-setting .date-of-week label{padding:2.2rem 2.6rem;font-weight:700;background:#fff;box-shadow:0 .4rem .8rem #b6bbc4;border-radius:.8rem;cursor:pointer;color:#4a576e}.modal-mail-setting .date-of-week div:not(:last-child){margin-right:2rem}.modal-mail-setting .date-of-week input{display:none}.modal-mail-setting .date-of-week input:checked+label{background:#f50057;color:#fff;font-weight:700}.modal-mail-setting .title-body{color:#979fae}.list-user-page{background-color:#f9f9fa;margin-right:2rem;margin-bottom:3rem;box-shadow:0 .4rem .8rem #00000014;border:.1rem solid #f9f9fa;border-radius:.8rem}.list-user-page .list-page-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;height:6rem}.list-user-page .list-page-header .header-title{display:flex;align-items:center;justify-content:center}.list-user-page .list-page-header .header-title .title{font-size:1.6rem;color:#4a576e;font-weight:700}.list-user-page .list-page-header .header-title .count-user{font-size:1.4rem;color:#979fae}.list-user-page .list-page-header .header-action{display:flex}.list-user-page .list-page-header .header-action .btn{border:1px solid #eaf1f9;border-radius:.8rem;background-color:#fff;font-size:1.6rem;color:#f50057;font-weight:500;padding:.4rem 1.6rem}.list-user-page .list-page-header .header-action .btn-edit-all{margin-right:2rem}.list-user-page .filter-list-user{padding-top:1.2rem;background-color:#fff}.list-user-page .list-user-body{background-color:#fff}.list-user-page .list-user-body tr td:first-child{color:#4a576e}.list-user-page .list-user-body .pagination-users-list{text-align:center}.list-user-page .list-user-body .pagination-users-list .pagination{margin:1.5rem 0}.list-user-page .list-user-body .btn-verify-email{background-color:#1565c0;box-shadow:0 .4rem .8rem #00000014;border-radius:.4rem;color:#fff;font-size:1.2rem;padding:.5rem 1rem;font-weight:500}.list-user-page .form-user-add{padding:.1rem 1rem 0 1rem;text-align:left}.list-user-page .form-user-add .input{margin-top:2rem}.list-user-page .modal-mask .modal-footer{text-align:center}.list-user-page .modal-mask .modal-footer .btn{font-size:1.4rem}.list-user-page .modal-mask .modal-footer .btn-close{margin-right:1rem}.list-user-page .modal-mask .modal-footer .disabled{background-color:#eaeaf0;color:#979fae!important;border:.1rem solid #eaeaf0!important}.import-export-modal .modal-body{font-weight:300;line-height:1.4}.import-export-modal .modal-body .box{background:#f9f9fa}.import-export-modal .modal-body ul{padding:.5rem 0 0 4rem;font-size:1.4rem;list-style:none;font-weight:200}.import-export-modal .modal-body li:before{content:"•";padding-right:1.2rem;color:#687285}.import-export-modal .modal-body .note{font-size:1.4rem}.import-export-modal .modal-body .import>p{font-size:1.2rem}.import-export-modal .v-btn{width:18rem;font-size:1.3rem}.result-upload-modal .modal-body{font-size:1.4rem;line-height:1.4}.result-upload-modal .modal-body .success,.result-upload-modal .modal-body__content,.result-upload-modal .modal-body__title{display:none}.result-upload-modal .modal-body .title{margin-top:1.5rem;margin-left:1.5rem;font-size:1.6rem;color:#f50057;font-weight:700}.result-upload-modal .modal-body .message-error{font-weight:400}.result-upload-modal .modal-body .download-link{text-decoration:underline;color:#1c3eff}.admin-detail-page .default-card{height:100%}.admin-detail-page .header-card .header .button-danger{background-color:#fff;border-radius:.8rem}.admin-detail-page .header-card .header .button-danger,.admin-detail-page .header-card .header .button-disabled{padding:.3rem 2rem;border:.1rem solid #eaf1f9}.admin-detail-page .content-card{height:100%;padding:2rem 0}.admin-detail-page .content-card .content{height:93%;display:flex;flex-direction:column}.admin-detail-page .content-card .content .btn-delete-admin{text-align:center;font-size:1.4rem;margin-top:auto;margin-bottom:2rem}.admin-detail-page .content-card .content .btn-delete-admin:hover{color:#f50057}.admin-detail-page .content-card .admin-shop-list{height:95%;display:flex;flex-direction:column}.admin-detail-page .content-card .admin-shop-list .shop-list-pagination{margin-top:auto;margin-bottom:2rem}.admin-detail-page .input-search .list-filter{padding:0 1.5rem}.admin-detail-page .input-search .list-filter .filter{justify-content:center}.admin-detail-page .input-search .list-filter .filter .item{width:100%;padding-right:0}.admin-detail-page .input-search .list-filter .filter .item .item-input{width:100%!important}.admin-detail-page .input-search .list-filter .filter .item .item-input .custom-input{width:100%}.admin-detail-page .list .page-list .table thead tr{display:none}.admin-detail-page .list .page-list .table .btn-delete-shop{background-color:#f50057;color:#fff;font-weight:500;padding:.5rem 1.5rem;border-radius:.5rem}.admin-detail-page .shop-list-pagination{text-align:center}.ip-address-page{background-color:#f9f9fa;margin-right:2rem;box-shadow:0 .4rem .8rem #00000014;border:.1rem solid #f9f9fa;border-radius:.8rem}.ip-address-page .ip-address-header{display:flex;justify-content:space-between;padding:.5rem 1.5rem;height:6rem}.ip-address-page .ip-address-header .header-title{display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#4a576e;font-weight:700}.ip-address-page .ip-address-header .copy-ip-global{display:flex;align-items:center;justify-content:space-between;width:25rem;background:#eaeaf0;border-radius:1rem}.ip-address-page .ip-address-header .copy-ip-global .ip-global{padding:.5rem 0 0 1rem}.ip-address-page .ip-address-header .copy-ip-global .ip-global .ip-global-title{font-size:1.2rem;color:#cacad9}.ip-address-page .ip-address-header .copy-ip-global .ip-global .ip-global-content{font-size:1.5rem;color:#f50057}.ip-address-page .ip-address-header .copy-ip-global .copy{padding:0 1.5rem}.ip-address-page .ip-address-header .copy-ip-global .copy i:hover{cursor:pointer}.ip-address-page .limit-ip-access{background-color:#fff;padding:1.5rem;border-radius:.1rem;color:#687285;font-size:1.4rem}.ip-address-page .note{background-color:#fff;padding:1.5rem .5rem 3rem 1.5rem;border-radius:.8rem;color:#687285;font-size:1.4rem}.ip-address-page .note .link-to-tab{color:#f50057;box-shadow:0 .15rem #f50057;cursor:pointer}.ip-address-page .title-list-ip{display:flex;align-items:center;padding:.5rem 1.5rem;font-size:1.4rem;color:#687285;font-weight:700}.ip-address-page .title-list-ip .name{width:30%}.ip-address-page .example-ip{display:flex;align-items:center;padding:1rem 1.5rem;font-size:1.2rem;background-color:#fff;border-bottom:.2rem solid #eaeaf0;opacity:1}.ip-address-page .example-ip .name{color:#4a576e;font-weight:700;width:30%}.ip-address-page .example-ip .ip-address{color:#979fae}.ip-address-page .example-ip .ip-address .label-ex-ip{font-weight:700;color:#4a576e}.ip-address-page .ip-address-list{background-color:#fff;padding:1rem 1.5rem}.ip-address-page .ip-address-list .item-ip{display:flex;margin-bottom:1.5rem}.ip-address-page .ip-address-list .item-ip .name{color:#4a576e;font-weight:500}.ip-address-page .ip-address-list .item-ip .name-ip{display:flex;align-items:center;padding-left:1rem}.ip-address-page .ip-address-list .item-ip .ip-address,.ip-address-page .ip-address-list .item-ip .name{width:30%;padding-right:1.8rem}.ip-address-page .ip-address-list .item-ip .btn-ip{width:25%;height:4rem;padding:0 1.8rem 0 0}.ip-address-page .ip-address-list .item-ip .btn-ip button{width:100%;height:100%;border-radius:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ip-address-page .ip-address-list .ip-address-delete{background-color:#eaeaf0;width:100%;height:100%;border-radius:.8rem;padding-left:1.5rem}.ip-address-page .ip-address-list .btn-delete-ip{background-color:#f50057;color:#fff}.ip-address-page .ip-address-list .btn-add-ip{color:#f50057;border:.1rem solid #f50057}.ip-address-page .ip-address-list .btn-add-ip[disabled]{background-color:#eaeaf0;border:.1rem solid #eaeaf0;color:#979fae}.ip-address-page .ip-address-list .item-add-ip{margin-bottom:20%}.content-confirm-add{text-align:left;padding:0 8rem}.limit-ip-access .content,.limit-ip-access .content .contact{display:flex;justify-content:center;align-items:center}.limit-ip-access .content .contact{margin:5rem 0;flex-direction:column}.limit-ip-access .content .contact p{font-size:1.6rem;color:#687285}.limit-ip-access .content .contact img{width:55rem;margin-top:2rem;margin-bottom:2rem}.limit-ip-access .content .contact a{display:flex;align-items:center;justify-content:center;height:4rem;background-color:#f50057;color:#fff;padding:0 8rem;font-weight:700;border-radius:.8rem;margin-top:4rem}.app-access-restriction{background-color:#f9f9fa;margin-right:2rem;box-shadow:0 .4rem .8rem #00000014;border:.1rem solid #f9f9fa;border-radius:.8rem}.app-access-restriction .restric-title{font-size:1.6rem;color:#4a576e;font-weight:700;padding:.5rem 1.5rem;height:6rem;display:flex;align-items:center}.app-access-restriction .limit-app-access{background-color:#fff;padding:1.5rem;border-radius:.1rem;color:#687285;font-size:1.4rem}.app-access-restriction .limit-app-access .content-limit-app{display:flex;justify-content:center;align-items:center}.app-access-restriction .limit-app-access .content-limit-app .contact{margin:5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-access-restriction .limit-app-access .content-limit-app .contact p{font-size:1.6rem;color:#687285}.app-access-restriction .limit-app-access .content-limit-app .contact img{width:50rem;margin-top:2rem;margin-bottom:2rem}.app-access-restriction .limit-app-access .content-limit-app .contact a{display:flex;align-items:center;justify-content:center;height:4rem;background-color:#f50057;color:#fff;padding:0 8rem;font-weight:700;border-radius:.8rem;margin-top:4rem}.app-access-restriction .restric-note{background-color:#fff;padding:1.5rem .5rem .5rem 1.5rem;border-radius:.8rem;color:#687285;font-size:1.4rem}.app-access-restriction .restric-note .application-guest-use{padding:3rem 0}.app-access-restriction .restric-note .title-all-restric{font-weight:700;font-size:1.6rem;color:#4a576e}.app-access-restriction .restric-content__head{display:flex;align-items:center;padding:.5rem 1.5rem;font-size:1.2rem;color:#687285;font-weight:700}.app-access-restriction .restric-content__head .name{width:17%}.app-access-restriction .restric-content__body{background-color:#fff;padding-bottom:20%}.app-access-restriction .restric-content__body .border-bottom{border-bottom:.2rem solid #eaeaf0}.app-access-restriction .item{display:flex;align-items:center;font-size:1.2rem;height:4.5rem}.app-access-restriction .item .name{width:17%;color:#4a576e;font-weight:700}.app-access-restriction .item .content{width:73%;color:#979fae}.app-access-restriction .item .action{width:10%;float:right;text-align:right}.app-access-restriction .item .action .custom-switch .label{width:9.3rem}.app-access-restriction .item-restric{padding:.5rem .5rem .5rem 1.5rem}.payment-detail .default-card{min-width:45rem}.payment-detail p{font-size:1.4rem}.payment-detail .link{text-decoration:underline}.payment-detail .text-business-plan{font-size:1.8rem}.payment-detail .payment-detail-content .content{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(42rem,1fr))}.payment-detail .payment-detail-content .content .card{background-color:#f9f9fa;border-radius:.8rem}.payment-detail .payment-detail-content .content .card div{line-height:1.4}.payment-detail .payment-detail-content .content .card .payment-table{border-top:.1rem solid #e1e7f2;border-bottom:.1rem solid #e1e7f2}.payment-detail .payment-detail-content .content .card .header{border-bottom:.1rem solid #e1e7f2;font-size:1.4rem;font-weight:500}.payment-detail .payment-detail-content .content .card .price,.payment-detail .payment-detail-content .content .card .title{padding:0 1.2rem;font-size:1.2rem;font-weight:500;margin:auto 0}.payment-detail .payment-detail-content .content .card .title{min-width:18rem}.payment-detail .payment-detail-content .content .card .current-amount-text,.payment-detail .payment-detail-content .content .card .payment-type,.payment-detail .payment-detail-content .content .card .quantity{font-size:1rem;font-weight:500;margin:auto 0}.payment-detail .payment-detail-content .content .card .quantity{min-width:5rem}.payment-detail .payment-detail-content .content .card .current-amount-text{min-width:6.5rem}.payment-detail .payment-detail-content .content .card .total-price{border-top:.1rem solid #e1e7f2}.payment-detail .payment-detail-content .content .card .title-payment-table{min-width:10rem;font-size:1.2rem;font-weight:500;margin:auto 0}.payment-detail .payment-detail-content .content .card .current-applicable-amout{height:2.6rem;margin:.1rem 0;background-color:#f50057;color:#fff;border-radius:.8rem}.payment-detail .payment-shop-content .content-card{padding:1rem 0!important}.payment-list-page .content-card{padding:1.2rem 0 20rem 0}.payment-list-page .content-card .year{display:flex;justify-content:space-between;align-items:center;color:#cacad9;padding:0 .5rem}.payment-list-page .content-card .year .first-year,.payment-list-page .content-card .year .last-year{font-size:1.4rem}.payment-list-page .content-card .year .first-year a,.payment-list-page .content-card .year .last-year a{display:flex;align-items:center}.payment-list-page .content-card .year .first-year .icon,.payment-list-page .content-card .year .last-year .icon{padding-top:.2rem}.payment-list-page .content-card .year .current-year{font-size:3.2rem}.payment-list-page .content-card .year .current-year .icon,.payment-list-page .content-card .year .current-year .text-current{color:#4a576e}.payment-list-page .content-card .year .current-year .icon{font-size:2.5rem;margin-top:-1.5rem}.payment-list-page .content-card .year .label-year{font-size:1rem}.payment-list-page .content-card .year .label-current{font-size:1.6rem}.payment-detail-page .count-list{font-size:1.4rem;color:#979fae;font-weight:400}.payment-detail-page .pagination-list{text-align:center;margin:2rem 0 5rem 0}.contact{max-width:60rem;margin:0 auto}.contact .contact-title{font-size:2rem;font-weight:700}.contact .name-admin,.contact .name-company{width:28.4rem}.contact .name-admin .floating-label,.contact .name-company .floating-label{color:#cacad9}.contact .name-admin input,.contact .name-company input{color:#979fae}.contact .name-admin input:disabled,.contact .name-company input:disabled{background:#f9f9fa;box-shadow:none}.contact .subject .select-label,.contact .subject label{color:#979fae!important;font-weight:400!important}.contact .subject input{color:#4a576e!important;font-size:1.4rem!important}.contact .counter-label{display:flex;font-size:14px;color:#979fae;justify-content:space-between;padding-bottom:1rem}.contact .submit-button{padding:1.2rem 10rem;font-size:2rem;width:34.3rem;height:5.6rem;display:block}.contact .button-disabled{background:#eef0f2}.textarea{position:relative;font-size:1.4rem}.textarea textarea{width:100%;padding:2.5rem 1.6rem .1rem 1.6rem;border-radius:.8rem;box-shadow:0 0 0 .1rem #dde6e9;border:none;outline:none;height:19.2rem;color:#4a576e!important;font-weight:500}.textarea textarea:focus{box-shadow:0 0 0 1px #1565c0}.textarea label{position:absolute;top:2rem;left:1.5rem;color:#979fae}.result-contact-modal .close-modal{display:none}.result-contact-modal .result-contact-button{font-size:1.4rem}.account{padding-right:2rem;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr))}.account .account_mail_address{margin-bottom:30px}.account .header{color:#4a576e}.account a{font-size:1.6rem;font-weight:500}.account .button-danger,.account .button-disabled{padding:.4rem 2rem}.account .validate-password div{line-height:1}.account .validate-password i{font-size:2rem}.account .validate-password span{font-size:1rem;padding-left:.5rem}.shop-admin{margin-top:2.5rem}.shop-admin .header-card .header{color:#4a576e;font-size:1.6rem}.shop-admin .header-card .header a{font-size:1.6rem;font-weight:500}.shop-admin .header-card .header .button-danger,.shop-admin .header-card .header .button-disabled{padding:.3rem 2rem}.shop-admin .header-card .header .button-disabled{border:.1rem solid #eaf1f9}.shop-admin .content-card{padding:0}.shop-admin .content-card .shop-list .input-search{width:40%}.shop-admin .content-card .shop-list .input-search .list-filter{padding-top:1.5rem}.shop-admin .content-card .shop-list .input-search .list-filter .filter .item{width:50%}.shop-admin .content-card .shop-list .input-search .list-filter .filter .item .item-input{width:100%}.shop-admin .content-card .shop-list .button-blue{border:.1rem solid #1565c0;border-radius:.8rem;background-color:#fff;padding:.3rem 2rem;font-size:1.6rem;font-weight:500;color:#1565c0}.shop-admin .content-card .shop-list .list .data-table{padding:0}.shop-admin .content-card .shop-list .list .data-table .table thead tr th:first-child{width:5%}.shop-admin .content-card .shop-list .list .data-table .table thead tr th:nth-child(2){width:15%}.sidebar{display:flex;flex-direction:column;width:18.8rem;height:100%;font-size:1.4rem;color:#979fae;transition:all .3s;position:relative;z-index:30}.sidebar .header{display:flex;align-items:center;padding:2.5rem 2rem;color:#f50057}.sidebar .header div:nth-child(2){font-size:2rem;padding-left:1.5rem}.sidebar .header i{font-size:3.4rem}.sidebar .company-info{width:15.6rem;background:#eff0f3;margin:0 0 0 1.6rem;font-size:1.2rem;border-radius:1rem}.sidebar .company-info div:first-child{padding:.5rem 0 0 1rem}.sidebar .company-info div:nth-child(2){padding:0 0 .5rem 1rem}.sidebar .company-list{padding:1rem 1.8rem 0 1.6rem;font-size:1.2rem}.sidebar .company-list .item-value{padding-top:.6rem!important}.sidebar .company-list input{padding:.6rem 0 .6rem 1.6rem!important}.sidebar li,.sidebar ul{list-style:none}.sidebar .list-menu{padding-left:1.6rem}.sidebar .list-menu-parent{display:flex;align-items:center;padding:.5rem 0}.sidebar .list-menu-parent a{padding:.3rem .8rem}.sidebar .list-menu-parent .icon{width:2rem;display:flex;justify-content:center;align-items:center}.sidebar .list-menu-parent .icon i{font-size:2rem}.sidebar .list-child-menu{padding-left:2.1rem}.sidebar .list-child-menu a{padding:.8rem;font-weight:300}.sidebar .help-info{padding:1.2rem 0 0 2rem}.sidebar .help-info a:hover{color:#f50057}.sidebar .help-info div:not(:first-child){font-weight:300}.sidebar .footer{padding:3.2rem 1.6rem;font-size:1.2rem;font-weight:300}.sidebar .footer div:nth-last-child(2){padding-top:1rem}.sidebar .footer div:last-child{font-size:1rem}.sidebar .active,.sidebar .footer a:hover,.sidebar .r-link:hover{color:#f50057}.open-sidebar .sidebar{opacity:1}.close-sidebar{transform:translateX(-92%)!important}.close-sidebar .sidebar{opacity:0}.v-navigation-drawer{background:#f9f9fa;box-shadow:0 .4rem .8rem #00000014;border-radius:.8rem;top:1rem;height:calc(100% - 2rem)!important}.v-navigation-drawer--start{border:none!important}.v-navigation-drawer--temporary{box-shadow:0 .4rem .8rem #00000014}.filter-pulldown .select,.pulldown .select{position:relative;text-align:left}.filter-pulldown .select input,.pulldown .select input{width:100%;padding:1.2rem 6rem .1rem 1.6rem;border-radius:.5rem;box-shadow:0 0 0 .1rem #eaeaf0;border:none;outline:none;transition:.2s;color:#4a576e}.filter-pulldown .select input:focus,.pulldown .select input:focus{box-shadow:0 0 0 1px #1565c0}.filter-pulldown .select .item-value,.pulldown .select .item-value{position:absolute;top:0;padding:1.7rem 0 .1rem 1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%;color:#4a576e;font-weight:500;font-size:1.4rem}.filter-pulldown .select .item-value:hover,.pulldown .select .item-value:hover{cursor:text}.filter-pulldown .select .hidden-placeholder::-webkit-input-placeholder,.pulldown .select .hidden-placeholder::-webkit-input-placeholder{color:transparent}.filter-pulldown .select .select-input,.pulldown .select .select-input{padding:1.7rem 1.5rem .1rem 1.5rem;font-size:1.4rem;border-radius:.5rem;cursor:pointer;color:#4a576e;font-weight:500;box-shadow:0 0 0 .1rem #eaeaf0}.filter-pulldown .select .disabled,.pulldown .select .disabled{background-color:#eaeaf0;cursor:not-allowed}.filter-pulldown .select .highlight-field,.pulldown .select .highlight-field{border:1px solid #f50057}.filter-pulldown .select .floating-label,.filter-pulldown .select .select-label,.pulldown .select .floating-label,.pulldown .select .select-label{color:#979fae;position:absolute;pointer-events:none;top:0;left:1.6rem;font-size:1rem;transition:all .2s ease;font-weight:700}.filter-pulldown .select .placeholder,.filter-pulldown .select .placeholder-label,.pulldown .select .placeholder,.pulldown .select .placeholder-label{position:absolute;display:flex;left:1.6rem;width:80%;pointer-events:none;color:#979fae;font-size:1.4rem}.filter-pulldown .select .placeholder span,.filter-pulldown .select .placeholder-label span,.pulldown .select .placeholder span,.pulldown .select .placeholder-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-pulldown .select .placeholder,.pulldown .select .placeholder{top:1.7rem}.filter-pulldown .select .placeholder-label,.pulldown .select .placeholder-label{top:50%;transform:translateY(-50%)}.filter-pulldown .select input:not(:-moz-placeholder-shown)~.floating-label,.pulldown .select input:not(:-moz-placeholder-shown)~.floating-label{top:0;left:1.6rem;font-size:1rem;opacity:1}.filter-pulldown .select input:focus~.floating-label,.filter-pulldown .select input:not(:focus):valid~.floating-label,.filter-pulldown .select input:not(:placeholder-shown)~.floating-label,.pulldown .select input:focus~.floating-label,.pulldown .select input:not(:focus):valid~.floating-label,.pulldown .select input:not(:placeholder-shown)~.floating-label{top:0;left:1.6rem;font-size:1rem;opacity:1}.filter-pulldown .select input:not(:focus):valid~.floating-label,.pulldown .select input:not(:focus):valid~.floating-label{display:block}.filter-pulldown .select .icon-group,.pulldown .select .icon-group{position:absolute;right:.5rem;top:.6rem;cursor:pointer}.filter-pulldown .select .icon-group .icon-down,.pulldown .select .icon-group .icon-down{color:#979fae;transform:rotate(0deg);transition:.2s ease}.filter-pulldown .select .icon-group .icon-up,.pulldown .select .icon-group .icon-up{color:#979fae;transform:rotate(180deg);transition:.2s ease}.filter-pulldown .select .icon-group .icon-close,.pulldown .select .icon-group .icon-close{color:#979fae}.filter-pulldown .select .data-list,.pulldown .select .data-list{position:absolute;width:100%;height:auto;max-height:20rem;background:#fff;border:.1rem solid #cacad9;overflow:auto;z-index:3000}.filter-pulldown .select .data-list .data,.pulldown .select .data-list .data{font-size:1.4rem;font-weight:500;width:100%;padding:.7rem 1.6rem;cursor:pointer;color:#687285}.filter-pulldown .select .data-list .data:hover,.pulldown .select .data-list .data:hover{background:#edf3fa}.filter-pulldown .select .data-list .no-result,.pulldown .select .data-list .no-result{font-size:1.3rem;font-weight:300;padding:.5rem 1rem}.filter-pulldown .select .data-list .hr-select,.filter-pulldown .select .data-list .recently-label,.pulldown .select .data-list .hr-select,.pulldown .select .data-list .recently-label{padding:.7rem 1.6rem}.filter-pulldown .select .data-list .hr-select,.pulldown .select .data-list .hr-select{width:75%}.filter-pulldown .select .data-list .recently-label,.pulldown .select .data-list .recently-label{width:100%;color:#979fae;font-size:1.4rem}.filter-pulldown .select input::-webkit-calendar-picker-indicator,.pulldown .select input::-webkit-calendar-picker-indicator{opacity:0}.filter-pulldown .modal-mask .modal-wrapper,.pulldown .modal-mask .modal-wrapper{padding:2.5rem}.filter-pulldown .modal-mask .modal-wrapper .modal-data,.pulldown .modal-mask .modal-wrapper .modal-data{border-bottom:.1rem solid #eaeaf0}.filter-pulldown .modal-mask .modal-wrapper .modal-data .select-item,.pulldown .modal-mask .modal-wrapper .modal-data .select-item{display:flex;justify-content:space-between;padding:1rem 0}.filter-pulldown .modal-mask .modal-wrapper .modal-data .select-item .name-item,.pulldown .modal-mask .modal-wrapper .modal-data .select-item .name-item{margin-left:1rem;width:85%}.filter-pulldown .modal-mask .modal-wrapper .modal-data .select-item .radio-check,.pulldown .modal-mask .modal-wrapper .modal-data .select-item .radio-check{margin-right:1rem;height:25px;width:25px;border-radius:50%;border:.1rem solid #979fae}.filter-pulldown .modal-mask .modal-wrapper .modal-data .select-item .radio-active,.pulldown .modal-mask .modal-wrapper .modal-data .select-item .radio-active{background-color:#f50057;border:none}.filter-pulldown .modal-mask .modal-wrapper .modal-data:last-child,.pulldown .modal-mask .modal-wrapper .modal-data:last-child{border-bottom:none}.select-default{padding:0 .3rem;border-radius:.3rem;box-shadow:0 0 0 .1rem #979fae;color:#979fae;cursor:pointer;-webkit-appearance:auto}.v-app-bar{transition:.2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 .4rem .8rem #fff!important}.auth-layout .bg-image{background-color:#f8f8f9}.auth-layout .bg-image .logo #logo{width:12.9rem}.auth-layout .bg-image .content{padding:3.5rem 0 2rem 3rem;display:flex;flex-direction:column;height:100%}.auth-layout .bg-image .content .slogan{color:#5d6579}.auth-layout .bg-image .content .slogan .slogan-desc{color:#f50057}.auth-layout .bg-image .content .thumbnail{display:flex;overflow:hidden}.auth-layout .bg-image .content .thumbnail .man{margin-top:11rem;width:16.8rem;height:22.2rem}.auth-layout .bg-image .content .thumbnail .desk{margin-top:3rem;margin-left:-7.5rem;width:34.2rem;height:44.3rem}.auth-layout .bg-image .content .thumbnail .woman{width:13.2rem;height:23.5rem;margin-top:24rem;margin-left:-13rem}.auth-layout .bg-image .content .infomation{color:#979fae;font-size:1.2rem;margin-top:auto;font-weight:200}.auth-layout .bg-image .content .infomation .copyright{color:#979fae;padding-top:1.5rem;font-size:1rem}.auth-layout .auth-content{display:flex;flex-direction:column;margin-bottom:2rem}.auth-layout .auth-content .form-login,.auth-layout .auth-content .reset-password,.auth-layout .auth-content .reset-password-success{margin:0 auto;height:100%;align-items:center;display:flex;flex-direction:column;justify-content:center}.auth-layout .auth-content .reset-password-success p{font-weight:500}.auth-layout .auth-content .title{color:#5d6579}.auth-layout .auth-content .error{color:#f50057;border:.2rem solid #f50057;border-radius:1rem;text-align:left;margin-bottom:2rem;font-size:1.5rem}.auth-layout .auth-content .error p{padding:.8rem}.auth-layout .auth-content .success{color:#fff;border:.2rem solid #209526;background:#209526;border-radius:8px;text-align:left;margin-bottom:2rem;font-size:1.5rem;opacity:1}.auth-layout .auth-content .success p{padding:.8rem}.auth-layout .auth-content .link{font-size:1.3rem;color:#f50057;margin-top:auto;text-align:center}.auth-layout .auth-content .btn{background-color:#f50057;color:#fff;border-radius:.5rem;padding:.4rem 3rem}.auth-layout .auth-content .disabled{background-color:#ccc}.auth-layout .auth-content .questions{font-size:1.3rem}.auth-layout .auth-content .email-icon{font-size:10rem;height:auto;color:#5d6579}.auth-layout .auth-content .email-reset{width:30rem}.reset-password-page{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;height:100%}.reset-password-page .title{text-align:center;margin-bottom:3rem;color:#5d6579}.reset-password-page .btn-reset{text-align:center;margin-top:2rem}.reset-password-page .btn-reset .btn{background-color:#f50057;color:#fff;border-radius:.5rem;padding:.4rem 3rem;font-weight:500}.reset-password-page .btn-reset .disabled{background-color:#eaeaf0;color:#979fae}.reset-password-page .form-reset{width:37%;margin:0 auto;height:100%;align-items:center;display:flex;flex-direction:column;justify-content:center}.reset-password-page .form-reset .item{margin:1rem 0}.reset-password-page .form-reset .validate-password{color:#687285;font-size:1.2rem;padding-left:1rem}.reset-password-page .form-reset .validate-password .validate-item{display:flex;align-items:center}.reset-password-page .form-reset .validate-password .validate-item .v-icon{font-size:1.5rem}.reset-password-page .form-reset .validate-password .active-valid{color:#209526}.reset-password-page .form-reset-100{width:407px;margin:0 auto;height:100%;flex:0 0 100%;flex-direction:column}.reset-password-page .form-reset-100 .item{margin:1rem 0}.reset-password-page .form-reset-100 .validate-password{color:#687285;font-size:1.2rem;padding-left:1rem}.reset-password-page .form-reset-100 .validate-password .validate-item{display:flex;align-items:center}.reset-password-page .form-reset-100 .validate-password .validate-item .v-icon{font-size:1.5rem}.reset-password-page .form-reset-100 .validate-password .active-valid{color:#209526}.reset-password-page .reset-success{align-items:center;display:flex;flex-direction:column;justify-content:center}.reset-password-page .reset-success .img{margin-bottom:2rem}.reset-password-page .error-input{color:#f50057;font-size:1rem;padding-left:1.5rem;padding-top:.1rem;font-weight:500}.notice{height:calc(100% - 1.8rem)}.notice .default-card{height:100%}.notice .content-card{padding-top:0}.notice .button-disabled{font-size:1.6rem;padding:.3rem 1.6rem;border:.1rem solid #eaf1f9}.notice-detail-modal{word-break:break-all}.notice-detail-modal .modal-container .modal-body{max-height:60vh;overflow:auto}.notice-detail-modal .modal-container .modal-body .modal-body__title{line-height:1.3;font-weight:500}.notice-detail-modal .modal-container .modal-body .modal-body__title .notice-date{font-size:1.6rem}.notice-detail-modal .modal-container .modal-footer{border-top:.1rem solid #eaeaf0}.notice-detail-modal .modal-container .modal-footer .close{min-width:12rem;font-size:1.6rem}.staff-list-page .header-card .total{font-size:1.4rem;color:#979fae;font-weight:400}.staff-list-page .content-card{padding-top:1.2rem;padding-bottom:5rem}.staff-list-page .content-card .data-table .icon{font-size:2rem}.staff-list-page .page-list .data-table table td{font-weight:500}.staff-list-page .data-modal-csv{text-align:left;font-size:1.6rem;color:#687285}.staff-list-page .alert-column{display:flex;flex-wrap:nowrap;line-height:1.7;min-width:20rem}.export-staff-specify-modal .modal-body,.import-export-staff-modal .modal-body{font-weight:300;line-height:1.4}.export-staff-specify-modal .modal-body .box,.import-export-staff-modal .modal-body .box{background:#f9f9fa}.export-staff-specify-modal .modal-body ul,.import-export-staff-modal .modal-body ul{padding:.5rem 0 .5rem 2.4rem;font-size:1.4rem;list-style:none}.export-staff-specify-modal .modal-body li:before,.import-export-staff-modal .modal-body li:before{content:"•";padding-right:1.2rem}.export-staff-specify-modal .modal-body .import>p,.import-export-staff-modal .modal-body .import>p{font-size:1.2rem}.export-staff-specify-modal .modal-body .limited-csv-format,.import-export-staff-modal .modal-body .limited-csv-format{font-size:1.4rem}.export-staff-specify-modal .modal-body .limited-csv-format .button-bg-danger,.import-export-staff-modal .modal-body .limited-csv-format .button-bg-danger{font-size:2rem;padding:1.2rem 10rem}.export-staff-specify-modal .disabled,.import-export-staff-modal .disabled{background-color:#eaeaf0;color:#979fae!important;border:.1rem solid #eaeaf0!important}.export-staff-specify-modal .v-btn,.import-export-staff-modal .v-btn{min-width:18rem}.csv-format-page .header-card .total{font-size:1.4rem;color:#979fae;font-weight:400}.csv-format-page .content-card{padding:0 0 3rem 0}.csv-format-page .content-card .data-table{padding:.5rem 0}.csv-format-page .custom-modal-csv{color:#687285}.csv-format-page .custom-modal-csv .custom-content{background-color:#f9f9fa;border-radius:.8rem;color:#4a576e;font-weight:700;height:5.6rem;display:flex;justify-content:center;align-items:center}.csv-format-page .page-list .data-table table td{font-weight:500}.csv-format-page .table tr td:first-child{width:25rem}.csv-format-page .table tr td:first-child p{width:25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-format-page .modal-footer-data button{border-radius:.8rem}.select-box{border:.1rem solid #cacad9;border-radius:.8rem}.select-box .header-box{padding:.5rem;background-color:#f9f9fa;border-radius:.8rem .8rem 0 0;text-align:center}.select-box .content-box{padding:2rem 3rem;height:500px;overflow:hidden;overflow-y:scroll}.staff-update-target .content-card{padding-top:1.2rem;padding-bottom:5rem}.staff-update-target .page-list .data-table table td{font-weight:500}.expiration-inquiry-list-page .header-card .total{font-size:1.4rem;color:#979fae;font-weight:400}.expiration-inquiry-list-page .content-card{padding-top:1.2rem;padding-bottom:5rem}.expiration-inquiry-list-page .content-card .data-table .icon{font-size:2rem}.expiration-inquiry-list-page .btn-expiration-inquiry-modal{background-color:#1565c0;box-shadow:0 .4rem .8rem #00000014;border-radius:.4rem;color:#fff;font-size:1.2rem;padding:.5rem 1rem;font-weight:500}.button-danger-inquiry{padding:.6rem 0;font-weight:700;color:#f50057;border:.1rem solid #f50057;border-radius:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}.button-danger-inquiry:active,.button-danger-inquiry:focus,.button-danger-inquiry:hover{color:#f50057;text-decoration:none}.button-danger-inquiry__disabled{padding:.6rem 0;border:.1rem solid #eaeaf0;background-color:#eaeaf0;font-weight:700;border-radius:.8rem;color:#979fae}.copy-input{display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px 16px;background:#eaeaf0;border-radius:.8rem;font-size:1.2rem;cursor:not-allowed}.copy-input .copy-text{display:flex;flex-direction:column;font-size:1.4rem;word-wrap:break-word;color:#4a576e}.copy-input .copy-text span{font-size:1rem;color:#979fae;font-weight:700}.copy-input i{margin:auto 0;cursor:pointer}.staff-basic-info .content-card{padding:2rem 0 5rem 0}.staff-basic-info .verify-fields{display:flex;flex-direction:column;gap:1rem}.staff-basic-info .v-row .flex-item{flex:1}.staff-basic-info .box-alert{background:#f9f9fa;border-radius:.8rem .8rem 0 0;flex:1}.staff-basic-info .textarea-component .disabled{background:#eaeaf0}.staff-basic-info .update-stage-list .placeholder{top:1.7rem!important}.residence-card{min-width:75rem;height:calc(100% - 8.8rem)}.residence-card .default-card{height:100%}.residence-card .warning-message{margin:-1.4rem 1.6rem 0 1.6rem}.residence-card .warning-message:nth-child(2){margin-top:.8rem}.residence-card .exclamation-mark{background:#f50057;border-radius:50%;padding:0 .6rem 0 .6rem;margin:0 -.2rem 0 -.3rem;font-size:10px;font-weight:700;color:#fff}.residence-card .note{font-size:1.2rem}.residence-card .button-disabled{font-size:1.6rem;padding:.4rem 1.6rem;border:.1rem solid #eaf1f9;cursor:not-allowed!important}.residence-card .button-danger-inquiry{padding:.6rem 0;font-weight:700;color:#f50057;border:.1rem solid #f50057;border-radius:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.residence-card .button-danger-inquiry__disabled{padding:.6rem 0;border:.1rem solid #eaeaf0;background-color:#eaeaf0;font-weight:700;border-radius:.8rem;color:#979fae}.residence-card .expired-date-error{color:#f50057;font-size:1.2rem;padding-left:1.5rem;line-height:1.4}.residence-card .box-alert{background:#f9f9fa;border-radius:.8rem .8rem 0 0;flex:1}.residence-card .residence-card-image .tab{cursor:pointer;color:#979fae}.residence-card .residence-card-image .tab .active{border-bottom:.3rem solid #f50057;color:#f50057}.residence-card .residence-card-image .upload{background:#fff 0 0 no-repeat padding-box;border:.2rem dashed #b6bbc4;border-radius:1.2rem;opacity:1}.residence-card .residence-card-image .upload .image-type{font-size:1.2rem;font-weight:200}.residence-card .residence-card-image .card-exchange{border:.1rem solid #eaeaf0;border-radius:.8rem;opacity:1}.residence-card .residence-card-image .exclamation-mark{position:relative;bottom:2px}.residence-card .textarea-component .box{padding:0 1.5rem!important;box-shadow:0 0 0 .1rem #eaeaf0}.residence-card .textarea-component .box textarea{color:#4a576e}.residence-card .textarea-component .label{font-size:1rem!important}.residence-card .textarea-component .disabled{background:#eaeaf0}.update-residence-card-note-modal .modal-body{font-weight:300}.staff-info-update-modal .modal-body .box{font-size:1.4rem;background:#f9f9fa;font-weight:500}.staff-info-update-modal .v-btn{min-width:12rem}.staff-info-update-modal .v-btn:not(:last-child){margin-right:1rem}.new-staff-request:not(:last-child){padding-bottom:1.2rem}.long-vacation .upload-section .title{width:12rem}.long-vacation .icon-warning{width:7rem}.long-vacation-certificate-modal .modal-body{max-height:65vh;overflow:auto;padding:1.6rem;margin:0!important}.long-vacation-certificate-modal .upload-image{height:33rem;display:flex;flex-direction:column;justify-content:flex-end}.etc .upload-section .title{width:12rem}.etc .upload-section .upload-image{padding:2rem .8rem!important}.etc .text-body{color:#687285}.etc .img-warning{width:7rem}.etc .img-warning-modal{width:8rem}.etc-modal .modal-body{max-height:65vh;overflow:auto;padding:1.6rem;margin:0!important}.etc-modal .upload-image{height:33rem;display:flex;flex-direction:column;justify-content:flex-end}.residence-card-approval .modal-image-reject{height:450px;overflow:hidden;overflow-y:scroll}.residence-card-approval hr{border:1px solid #e1e7f2;opacity:.5}.residence-card-approval #title-approval{color:#687285}.residence-card-approval .button-danger{color:#f50057;border:.1rem solid #f50057;box-shadow:0 4px 8px #00000014}.residence-card-approval .title-field{color:#687285;font-weight:700}.residence-card-approval .data-field{color:#687285}.residence-card-approval .bg-box{background-color:#eaeaf0;font-weight:500}.residence-card-approval .label-box{color:#687285}.residence-card-approval .text-box{color:#4a576e}.residence-card-approval .text-popup{font-size:1.6rem;font-weight:400}.residence-card-approval .button-head{box-shadow:0 4px 8px #00000014}.residence-card-approval .button-modal{border-radius:8px;box-shadow:0 4px 8px #00000014}.residence-card-approval .select-label{font-weight:700!important}.residence-card-approval .placeholder{color:#4a576e!important;font-weight:500!important}.residence-card-approval .select-input{color:#4a576e!important}.residence-card-approval .lh-15{line-height:1.5}.residence-card-approval .mechanism-radio-btn{width:-moz-fit-content;width:fit-content;text-align:left;margin:auto;margin-bottom:8px}.residence-card-approval .mechanism-radio-btn label{cursor:pointer}.residence-card-approval .select .data-list .data{white-space:normal!important}.residence-card-approval .text-underline{text-decoration:underline;color:#979fae}.residence-card-approval .no-image .no-image-sector{background-color:#fff}.residence-card-approval .reject-data-pb:not(:last-child){padding-bottom:1.2rem}.residence-card-approval .reject-data-list{height:30rem;overflow-y:auto}.residence-card-approval .reject-data-list .return-text{white-space:normal!important}.residence-card-approval .pre-line{white-space:pre-line}.staff-detail-old .tab{cursor:pointer;color:#979fae}.staff-detail-old .tab .active{border-bottom:.3rem solid #f50057;color:#f50057}.approval .content-card{padding-top:1.2rem}.approval .information{padding:1.2rem;color:#4a576e}.approval .form-submit-approval{padding:0 1rem;text-align:left}.approval .form-submit-approval .input{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.approval .form-cancel-request{padding:0 1rem;text-align:left}.approval .form-cancel-request .input{margin-top:2rem;display:flex;flex-direction:column;gap:2rem}.shop-list{height:calc(100% - 88px)}.shop-list .default-card .content-card{padding-top:1.2rem}.shop-list .btn-confirm{border-radius:.8rem}.import-export-shop-modal .modal-body{font-weight:400;line-height:1.4;font-size:1.6rem;color:#687285}.import-export-shop-modal .modal-body .box{background:#f9f9fa}.import-export-shop-modal .modal-body ul{padding:.5rem 0 .5rem 2.4rem;font-size:1.4rem;list-style:none}.import-export-shop-modal .modal-body li:before{content:"•";padding-right:1.2rem}.import-export-shop-modal .modal-body .import>p{font-size:1.2rem}.import-export-shop-modal .disabled{background-color:#eaeaf0;color:#979fae!important;border:.1rem solid #eaeaf0!important}.import-export-shop-modal .v-btn{min-width:18rem}.shop-detail .default-card{height:100%;color:#4a576e}.shop-detail .default-card .header{color:#4a576e;font-size:1.6rem}.shop-detail .default-card .header a{font-size:1.6rem;font-weight:500}.shop-detail .default-card .header .button-danger,.shop-detail .default-card .header .button-disabled{padding:.3rem 2rem}.shop-detail .default-card .content-card{height:100%;padding:2rem 0}.shop-detail .default-card .content-card .content{height:93%;display:flex;flex-direction:column}.shop-detail .default-card .content-card .content .btn-delete-admin{text-align:center;font-size:1.4rem;margin-top:auto}.shop-detail .default-card .content-card .content .btn-delete-admin:hover{color:#f50057}.shop-detail .default-card .content-card .shop-admin-list{height:95%;display:flex;flex-direction:column}.shop-detail .default-card .content-card .shop-admin-list .shop-list-pagination{margin-top:auto;margin-bottom:2rem}.shop-detail .default-card .input-search .list-filter{padding:0 1.5rem}.shop-detail .default-card .input-search .list-filter .filter{justify-content:center}.shop-detail .default-card .input-search .list-filter .filter .item{width:100%;padding-right:0}.shop-detail .default-card .input-search .list-filter .filter .item .item-input{width:100%!important}.shop-detail .default-card .input-search .list-filter .filter .item .item-input .custom-input{width:100%}.shop-detail .default-card .list .page-list .table thead tr{display:none}.shop-detail .default-card .list .page-list .table .button-bg-danger{background-color:#f50057;color:#fff;font-weight:500;padding:.5rem 1.5rem;border-radius:.5rem}.shop-detail .shop-detail-content .content-card{padding:2rem 1.2rem}.shop-detail .shop-detail-content .box{background:#f9f9fa;border-radius:.8rem}.qrcode-shop-detail .copy-qr-code{width:45rem}.link-admin-shop{margin-top:2.5rem}.link-admin-shop .content-card{padding:0}.link-admin-shop .content-card .admin-list .input-search .filter .item:nth-child(5){margin-left:1.5rem}.link-admin-shop .content-card .admin-list .list .data-table{padding:0}.link-admin-shop .content-card .admin-list .list .data-table .table thead tr th:first-child{width:5%}.link-shop-office{margin-top:2.5rem}.link-shop-office .content-card{padding:1rem 0}.link-shop-office .input-search .filter,.link-shop-office .input-search .item{width:100%}.link-shop-office .input-search .filter .item-input,.link-shop-office .input-search .item .item-input{width:50%!important}.link-shop-office .table th:first-child{width:5rem}.confirm-link-main-office-modal .modal-body__content{font-size:1.6rem!important;color:#687285}.office-detail{padding-right:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(49rem,1fr))}.office-detail .content-card{padding:1rem 0;height:calc(100% - 5rem)}.office-detail thead{display:none}.office-detail .input-search .list-filter{padding:0 1.5rem}.office-detail .input-search .list-filter .filter{justify-content:center}.office-detail .input-search .list-filter .filter .item{width:100%;padding-right:0}.office-detail .input-search .list-filter .filter .item .item-input{width:100%!important}.office-detail .input-search .list-filter .filter .item .item-input .custom-input{width:100%}.main-office-detail{padding-right:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(49rem,1fr))}.main-office-detail .content-card{padding:1rem 0;height:calc(100% - 5rem)}.main-office-detail thead{display:none}.main-office-detail .input-search .list-filter{padding:0 1.5rem}.main-office-detail .input-search .list-filter .filter{justify-content:center}.main-office-detail .input-search .list-filter .filter .item{width:100%;padding-right:0}.main-office-detail .input-search .list-filter .filter .item .item-input,.main-office-detail .input-search .list-filter .filter .item .item-input .custom-input{width:100%!important}.main-office-detail .select-bg-white .select-input{width:14rem;font-weight:500;font-size:1.6rem;padding:.2rem 1.6rem;color:#f50057;background:#fff;border-radius:.8rem;border:.1rem solid #00000014;box-shadow:none}.main-office-detail .select-bg-white .icon-group{top:0}.main-office-detail .select-bg-white .data-list{color:#f50057;font-weight:500}.align-items-center{align-items:center}.width-fit-content{width:-moz-fit-content;width:fit-content}.justify-content-between{justify-content:space-between}.btn-delete-charge-person{border-radius:.4rem;border:none;padding:3px 8px;font-size:12px!important}.btn-search-address{min-width:-moz-fit-content;min-width:fit-content;font-size:16px;padding:6px 15px;margin-left:16px}.signature-staff .signature{border:.2rem solid #f8f8f9;border-radius:.8rem;opacity:1}.signature-staff .modal-body{margin:0!important;padding-top:1rem;max-height:calc(100vh - 210px);overflow-y:auto}.signature-staff .privacy-pledge .dash{margin:.6rem}.signature-staff .privacy-pledge ruby rt{color:#687285}.register-company{max-width:38.4rem;height:100%;display:flex;flex-direction:column}.register-company .tab{cursor:pointer;color:#979fae}.register-company .tab .active{border-bottom:.2rem solid #f50057;color:#f50057}.register-company .tab .unactive{border-bottom:.2rem solid #eaeaf0;color:#979fae}.register-company .tab div{width:13rem;text-align:center}.register-company .disabled{background-color:#eaeaf0!important;color:#979fae!important}.register-company .checked,.register-company .no-checked{display:flex;align-items:center;font-size:1.4rem;border-radius:.8rem;cursor:pointer}.register-company .checked{border:.1rem solid #f50057;color:#f50057}.register-company .no-checked{border:.1rem solid #dde6e9;color:#979fae}.register-company .error-input{padding-left:0}.register-company .icon-download .app-store{width:10.5rem}.register-company .icon-download .google-play{width:15rem}.terms-of-service .modal-body{text-align:left!important;overflow-y:auto;max-height:65vh;margin:.4rem!important}.terms-of-service .mainList{margin:0;padding:0;color:#4a576e;margin-bottom:4.8rem}.terms-of-service .mainList>li{list-style-type:none;margin-bottom:4.8rem;color:#687285}.terms-of-service .mainList>li>ol{margin-left:4rem}.terms-of-service .mainList>li>ol li{margin-bottom:.5rem}.terms-of-service .clause{font-weight:700}.terms-of-service .subList{list-style:lower-roman;margin-left:4rem}.privacy-policy .modal-body{text-align:left!important;overflow-y:auto;max-height:65vh;margin:.4rem!important}.privacy-policy .privacyPolicy{color:#687285}.privacy-policy .privacyPolicy li{margin-bottom:1.6rem}.privacy-policy .subList{list-style:lower-roman;margin-left:4rem}.privacy-policy .subList li{margin-bottom:.8rem}.privacy-policy .subListBullets{list-style:square}.privacy-policy .subListInParagraph{list-style:initial;margin-left:4rem}.privacy-policy .subListInParagraph li{margin-bottom:0}.privacy-policy p span{display:block}.privacy-policy a{text-decoration:none;color:#f50057}.privacy-policy .privacyPolicyContactInformation{padding:3.2rem 0;color:#687285}.privacy-policy .privacyPolicyContactInformation p:first-child{font-weight:700}.privacy-policy .privacyPolicyContactInformation p:not(:first-child)>span{display:inline-block;width:8rem}.qr-code-modal .qr-code,.qr-code-modal .qr-code-small .copy-qr-code,.qr-code-modal .tab-qrcode{display:flex;justify-content:center}.qr-code-modal .modal-body .title{color:#979fae;font-weight:400}.qr-code-modal .qr-code{width:25rem;height:25rem;margin:3rem auto}.qr-code-modal .qr-code,.qr-code-modal .qr-code-small{position:relative;border:.1rem solid #4a576e;overflow:hidden}.qr-code-modal .qr-code-small{width:10rem;height:10rem;margin:2rem auto;margin-bottom:.4rem}.qr-code-modal .qr-code>canvas{padding:.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-code-modal .qr-code-small>canvas{padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-code-modal .copy-qr-code{position:relative;margin:0 auto;padding:2rem 2rem 1rem 2rem;background:#f9f9fa;border-radius:.8rem;font-size:1.2rem}.qr-code-modal .copy-qr-code b,.qr-code-modal .copy-qr-code p{width:95%;font-size:1.4rem;word-wrap:break-word;color:#4a576e}.qr-code-modal .copy-qr-code i{margin:auto 0;cursor:pointer}.qr-code-modal .copy-qr-code span{position:absolute;top:.8rem;left:2rem;font-size:1rem;font-weight:700;color:#cacad9}.dashboard{min-width:85rem}.dashboard .default-card .content-card{padding:1rem 0!important}.dashboard .border-bottom-white-grey{margin:.6rem 0}.dashboard .board-info .v-icon{font-size:1.8rem;width:1.8rem;height:1.8rem;margin-top:-.2rem;margin-right:.4rem}.dashboard .button-bg-danger,.dashboard .button-danger{display:flex;justify-content:center;align-items:center;font-size:1.6rem;height:3.6rem}.dashboard #logo{width:30rem}.dashboard .hover-border-line{border:.1rem solid #fff;transition:border .5s}.dashboard .hover-border-line:hover{border-radius:.5em;border:.1rem solid #f50057}.plan-modal .modal-body{line-height:1.5;padding:3rem;margin:0!important;max-height:95vh;overflow:auto}.download-link{text-decoration:underline;color:#979fae}.form-user-add{padding:.1rem 1rem 0 1rem;text-align:left}.form-user-add .input{margin-top:2rem}.modal-mask .modal-container{max-height:95vh;overflow-y:auto}.modal-mask .modal-container .modal-body .try-now-wrapper{padding:20px;background:linear-gradient(180deg,hsla(0,0%,100%,.3),#fff);position:sticky;bottom:0;z-index:1000}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.modal-mask .modal-container .modal-footer{text-align:center}.modal-mask .modal-container .modal-footer .btn{font-size:1.4rem}.modal-mask .modal-container .modal-footer .btn-close{margin-right:1rem}.modal-mask .modal-container .modal-footer .disabled{background-color:#eaeaf0;color:#979fae!important;border:.1rem solid #eaeaf0!important}.zaimane .content-card{padding-top:1.2rem}.zaimane .zaimane-modal .modal-body{max-height:65vh;overflow:auto}.zaimane .page-list .data-table table td{font-weight:500}.zaimane .floating-label{font-weight:700}.zaimane .item-value{color:#4a576e!important}