.notice{--header-font-size:1rem;--header-line-height:1.2rem;--filter-button-font-size:1rem;--filter-button-line-height:1.2rem;--item-tag-font-size:1rem;--item-tag-line-height:1.2rem;--item-time-font-size:1rem;--item-time-line-height:1.2rem;--item-font-size:1rem;--item-line-height:1.2rem;--item-button-font-size:1rem;--item-button-line-height:1.2rem;align-content:stretch;justify-content:flex-start}.notice,.notice .notice-body{display:flex;flex-direction:column}.notice .notice-body{height:100%;align-items:flex-start}.notice .notice-body .notice-header{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}.notice .notice-body .notice-header .close-icon,.notice .notice-body .notice-header span,.notice .notice-body .notice-header svg{color:var(--text-color-1)}.notice .notice-body .notice-header .close-icon,.notice .notice-body .notice-header span{display:flex}.notice .notice-body .notice-header .close-icon{display:flex;justify-content:right;margin-left:auto;flex:1;visibility:hidden;color:var(--text-color-1);width:12px;height:12px}.notice .notice-body .notice-header .close-icon svg{width:12px;height:12px}.notice .notice-body .notice-header span{font-style:normal;font-weight:400;font-size:var(--header-font-size);line-height:var(--header-line-height);letter-spacing:.2px;color:var(--text-color-1)}.notice .notice-body .notice-header .notice-filter{width:100%;display:flex;flex-direction:row;align-items:center;padding:0;grid-gap:14px;gap:14px}.notice .notice-body .notice-header .notice-filter--title{margin-right:auto}.notice .notice-body .notice-header .notice-filter .btn,.notice .notice-body .notice-header .notice-filter .btn-group{display:flex;align-items:center;border-radius:4px;border:none}.notice .notice-body .notice-header .notice-filter .btn-group .icon,.notice .notice-body .notice-header .notice-filter .btn .icon{width:12px;height:12px}.notice .notice-body .notice-header .notice-filter .btn{padding:2px 0;background-color:transparent}.notice .notice-body .notice-header .notice-filter .btn.dropdown-toggle{border-radius:0;border-bottom:1px solid var(--border-color)}.notice .notice-body .notice-header .notice-filter .btn-primary:focus{box-shadow:none}.notice .notice-body .notice-header .notice-filter .btn-group span,.notice .notice-body .notice-header .notice-filter .btn .text-12,.notice .notice-body .notice-header .notice-filter .dropdown-item div{font-style:normal;font-weight:500;font-size:var(--filter-button-font-size);line-height:var(--filter-button-line-height);letter-spacing:.2px}.notice .notice-body .loader{height:calc(100% - 10px);width:100%}.notice .notice-body .notice-list{display:flex;flex:1;width:100%}.notice .notice-body .notice-items{display:flex;flex-direction:column;align-items:flex-start;margin-top:8px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay}.notice .notice-body .notice-items .item{display:flex;flex-direction:column;align-items:flex-start;padding:4px;grid-gap:4px;gap:4px;border-bottom:.4px solid var(--btn-stroke-border-color-1);width:100%}.notice .notice-body .notice-items .item .item-top{display:flex;flex-direction:row;align-items:flex-start;width:100%}.notice .notice-body .notice-items .item .item-top .item-tag,.notice .notice-body .notice-items .item .item-top .item-time{display:flex;grid-gap:8px;gap:8px}.notice .notice-body .notice-items .item .item-top .item-tag{background:var(--bg-color-9);border-radius:32px;padding:1px 5px;line-height:var(--item-tag-line-height);font-style:normal;font-weight:400;font-size:var(--item-tag-font-size);text-align:center;letter-spacing:.2px;color:var(--text-color-1)}.notice .notice-body .notice-items .item .item-top .item-time{padding:1px 8px;line-height:var(--item-time-line-height);font-style:normal;font-weight:400;font-size:var(--item-time-font-size);letter-spacing:.2px;color:var(--text-color-2)}.notice .notice-body .notice-items .item .item-description{display:flex;font-style:normal;font-weight:400;font-size:var(--item-font-size);line-height:var(--item-line-height);color:var(--text-color-1)}.notice .notice-body .notice-items .item:last-child{border-bottom:none}.notice .notice-body .notice-items .item-active{background-color:var(--bg-color-3)}.notice .notice-body .notice-items .item-active .item-description,.notice .notice-body .notice-items .item-active .item-top .item-time{color:var(--text-color-14)}.notice .notice-body .notice-detail{display:flex;flex:1 0 273px;padding:0 0 0 8px;height:100%;visibility:hidden}.notice .notice-body .notice-detail .item-detail{display:flex;flex-direction:column;align-items:flex-start;padding:25px 0 0;height:calc(100% - 28px)}.notice .notice-body .notice-detail .item-detail .item-title{font-style:normal;font-weight:700;font-size:var(--item-font-size);line-height:var(--item-line-height);letter-spacing:.2px;color:var(--text-color-1);margin-bottom:8px}.notice .notice-body .notice-detail .item-detail .item-content{overflow-x:hidden;overflow-y:auto;overflow-y:overlay;width:100%}.notice .notice-body .notice-detail .item-detail .item-content a,.notice .notice-body .notice-detail .item-detail .item-content h2,.notice .notice-body .notice-detail .item-detail .item-content h3,.notice .notice-body .notice-detail .item-detail .item-content h4,.notice .notice-body .notice-detail .item-detail .item-content h5,.notice .notice-body .notice-detail .item-detail .item-content i,.notice .notice-body .notice-detail .item-detail .item-content p,.notice .notice-body .notice-detail .item-detail .item-content span,.notice .notice-body .notice-detail .item-detail .item-content strong,.notice .notice-body .notice-detail .item-detail .item-content table,.notice .notice-body .notice-detail .item-detail .item-content td,.notice .notice-body .notice-detail .item-detail .item-content th{font-size:var(--item-font-size);line-height:var(--item-line-height);letter-spacing:.2px;color:var(--text-color-1)}.notice .notice-body .notice-detail .item-detail .item-content a,.notice .notice-body .notice-detail .item-detail .item-content a span,.notice .notice-body .notice-detail .item-detail .item-content a strong{color:var(--text-color-6)}.notice .notice-body .notice-detail .item-detail .item-content figure.image img,.notice .notice-body .notice-detail .item-detail .item-content img{max-width:100%}.notice .notice-body .notice-detail .notice-button{display:flex;flex-direction:row;justify-content:flex-end;padding-top:4px;grid-gap:16px;gap:16px;width:100%}.notice .notice-body .notice-detail .notice-button div{display:flex}.notice .notice-body .notice-detail .notice-button div .btn{padding:6px 10px;background-color:var(--bg-color-15);border-radius:4px;border:none;font-style:normal;font-weight:500;font-size:var(--filter-button-font-size);line-height:var(--filter-button-line-height);letter-spacing:.2px}.notice .notice-body .notice-detail .notice-button[\:has\(.notice-button-previous\)]{justify-content:space-between}.notice .notice-body .notice-detail .notice-button:has(.notice-button-previous){justify-content:space-between}.notice .empty-result{text-align:center;width:100%;padding:48px 0 0}.notice .empty-result .svg{width:80px;height:70px}.notice .empty-result span{display:block;padding-top:4px;font-style:normal;font-weight:400;font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-1)}.notice .dropdown-menu{background:var(--bg-color-3);border:.4px solid var(--border-color);border-radius:4px;margin:4px 0 0;padding:0;min-width:100px}.notice .dropdown-menu li{border-bottom:.4px solid var(--border-color)}.notice .dropdown-menu li:last-child{border-bottom:none}.notice .dropdown-menu li .dropdown-item{padding:8px}.notice .dropdown-menu li .dropdown-item:hover{background-color:transparent;opacity:.8}.notice .dropdown-menu li .dropdown-item div{font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-1)}.notice-active .notice .notice-body .notice-detail,.notice-active .notice .notice-header .close-icon{visibility:visible}.item-detail .item-title span{font-size:1.4rem!important;line-height:18px!important;font-weight:700;color:var(--color-1)!important}.item-detail .item-title .close-icon{color:var(--text-color-1);margin-bottom:auto}.gap-10px{grid-gap:10px;gap:10px}.notice-detail-background{background:var(--bg-notice-detail)!important;display:flex;justify-content:space-between;//overflow:overlay;//overflow:auto}.notice-detail-background .item-detail{padding:0!important}.notice-detail-background .item-content,.notice-detail-background .item-content .table{font-weight:400;font-size:1.2rem;line-height:16px;color:var(--color-1)!important}.notice-detail-background .notice-button{display:flex;grid-gap:1rem;gap:1rem;justify-content:flex-end}.register-event-form{--text-font-size:1rem;--text-line-height:1.2rem;--label-font-size:1.0rem;--button-font-size:1.0rem}.register-event-form .event-text{font-style:normal;font-weight:400;font-size:var(--text-font-size);line-height:var(--text-line-height);letter-spacing:.2px;color:var(--text-color-1)}.register-event-form .event-form{margin:8px 0 0}.register-event-form form .form-input{padding:0;margin:4px 0}.register-event-form form .col-form-label{padding-top:10px;padding-bottom:0;font-size:var(--label-font-size);color:var(--text-color-13)}.register-event-form form input{caret-color:var(--text-color-21)!important}.register-event-form form input.input-tel__input{cursor:text}.register-event-form form .mx-datepicker{width:100%}.register-event-form form i.mx-icon-clear{display:none}.register-event-form form .phone-number-input-container .input-section fieldset{border-radius:4px;border:.4px solid var(--input-border-color-2)}.register-event-form form .phone-number-input-container .input-section fieldset .label{font-size:1rem;color:var(--text-placeholder)}.register-event-form form .phone-number-input-container .input-section .vue-phone-number-input .input-tel .input-tel__input,.register-event-form form .phone-number-input-container .input-section .vue-phone-number-input .select-country-container .country-selector .country-selector__input{font-size:1rem;color:var(--text-color-1);font-weight:400}.register-event-form form .phone-number-input-container.has-error-container .input-section fieldset .label,.register-event-form form .phone-number-input-container.has-value-container .input-section fieldset .label,.register-event-form form .phone-number-input-container.is-focus-container .input-section fieldset .label{font-size:1rem!important;bottom:var(--input-height);left:var(--input-padding);z-index:3}.register-event-form form .phone-number-input-container.has-error-container .input-section fieldset legend,.register-event-form form .phone-number-input-container.has-value-container .input-section fieldset legend,.register-event-form form .phone-number-input-container.is-focus-container .input-section fieldset legend{width:unset;padding:0 var(--label-padding)!important;font-size:1rem!important}.register-event-form .btn-section{padding-top:8px}.register-event-form .btn-section .btn{font-size:var(--button-font-size)}.register-event-form .alert{font-style:normal;font-weight:400;font-size:var(--text-font-size);line-height:var(--text-line-height);letter-spacing:.2px}.register-event-form .mx-datepicker .mx-input-wrapper .mx-icon-calendar{top:50%!important;transform:translateY(calc(-50% + 4px))!important}.notice-modal.only-event,.notice-modal.only-notice{width:400px}.notice-modal.only-event.modal-event-active,.notice-modal.only-notice.modal-notice-active{width:1140px}.notice-modal.only-event .popup .event-active .event,.notice-modal.only-notice .popup .notice-active .notice{max-width:100%}.notice-modal.only-event .modal-body .notice-detail-background{background:var(--bg-notice-detail--active)!important}.notice-modal.only-event .modal-body .event-items::-webkit-scrollbar-track{background-color:var(--bg-notice-detail--active)!important}.notice-modal{--header-font-size:1.6rem;--header-line-height:1.6rem;--footer-font-size:1rem;--footer-line-height:2.0rem}.notice-modal .modal-header{padding:12px!important;display:flex;align-items:center}.notice-modal .modal-header .modal-title{line-height:var(--header-line-height)}.notice-modal .modal-header .modal-title .logo,.notice-modal .modal-header .modal-title .logo svg{height:24px}.notice-modal.notice-modal-authenticated{min-width:1140px}.notice-modal.notice-modal-authenticated.show-only-event{min-width:unset}.notice-modal.notice-modal-authenticated .modal-header .modal-title{width:100%}.notice-modal.notice-modal-authenticated .modal-header .modal-title .header-notice{width:100%;display:flex;align-items:center;justify-content:space-between}.notice-modal.notice-modal-authenticated .modal-header .modal-title .header-notice .user-info{display:flex;align-items:center;position:relative;color:var(--text-user-name-me);cursor:pointer}.notice-modal.notice-modal-authenticated .modal-header .modal-title .header-notice .user-info .name{margin-left:10px;font-weight:500;font-size:1.6rem;line-height:20px;color:var(--text-color-1)}.notice-modal.notice-modal-authenticated .modal-header .modal-title .header-notice .user-info .avatar{width:32px;height:32px;border-radius:50%;cursor:pointer}.notice-modal.notice-modal-authenticated .modal-header .modal-title .header-notice .notice-header-action{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-right:16px}.notice-modal.notice-modal-authenticated .modal-header .modal-title .header-notice .notice-header-action .notice-header-action-item{display:flex;height:32px;padding:6px 16px 6px 6px;grid-gap:8px;gap:8px;border-radius:16px;border:.5px solid var(--border-color);cursor:pointer}.notice-modal.notice-modal-authenticated .modal-header .modal-title .header-notice .notice-header-action .notice-header-action-item svg{width:20px;height:20px;position:relative;top:-1px}.notice-modal.notice-modal-authenticated .modal-header .modal-title .header-notice .notice-header-action .notice-header-action-item span{color:var(--text-color-21);font-size:1.2rem;line-height:18px}.notice-modal.notice-modal-authenticated .modal-header .modal-title .header-notice .notice-header-action .notice-header-action-item :hover{opacity:.8}.notice-modal.notice-modal-no-authenticated{min-width:1140px;max-width:1140px}.notice-modal .modal-body{padding:0 4px 8px}.notice-modal .modal-header .head-title{font-style:normal;font-weight:500;font-size:var(--header-font-size);line-height:var(--header-line-height);letter-spacing:.2px;color:var(--text-color-1)}.notice-modal .modal-header .close{margin:0;padding:0}.notice-modal .modal-header .close svg{width:12px;height:12px}.notice-modal .popup{display:flex;flex-direction:column;align-items:flex-start;align-content:stretch;justify-content:space-between;padding:0;grid-gap:4px;gap:4px;height:614px}.notice-modal .popup .popup-body{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;padding:0;overflow:hidden;width:100%;height:100%}.notice-modal .popup .popup-body .popup-col{display:flex;flex-direction:column}.notice-modal .popup .popup-body .popup-row{display:flex;flex-direction:row}.notice-modal .popup .popup-body .popup-row.popup-row-event{width:100%}.notice-modal .popup .popup-body .popup-row.popup-row-event .event,.notice-modal .popup .popup-body .popup-row.popup-row-event .notice{margin:0}.notice-modal .popup .popup-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0 8px;grid-gap:24px;gap:24px;width:100%}.notice-modal .popup .popup-footer label{padding-top:1px;font-style:normal;font-weight:400;font-size:var(--footer-font-size);color:var(--text-color-1)}.notice-modal .popup .banner,.notice-modal .popup .event,.notice-modal .popup .notice{margin:0 4px 4px}.notice-modal .popup .event,.notice-modal .popup .notice{width:100%;background:var(--bg-color-1)}.notice-modal .popup .notice{border-right:.5px solid var(--border-color)}.notice-modal .popup .notice.notice-left{flex:1}.notice-modal .popup .notice.notice-right{flex:2}.notice-modal .popup .event-active .event,.notice-modal .popup .notice-active .notice{max-width:70%}.notice-modal .popup .banner{max-width:41%;overflow-x:hidden;overflow-y:auto;overflow-y:overlay}.notice-modal .popup .event-active .banner,.notice-modal .popup .notice-active .banner{display:none}.notice-modal .flex-column{display:flex;flex-direction:column;align-content:stretch}.notice-modal .flex-row{display:flex;flex-direction:row;justify-content:space-between;height:100%;width:100%}.register-event-modal{width:316px}.register-event-modal .modal-content{border-radius:8px}.register-event-modal .modal-header{padding:12px 16px!important}.register-event-modal .modal-header .close svg{width:12px;height:12px}.register-event-modal .modal-body{padding:0 16px 16px}.notice-modal .modal-body{padding:0 12px 12px}.rightTransferLabel{font-size:1.2rem;color:#a0aec0;font-weight:600}.right-transfer-external-success .button-close{width:50%;background:none;border:.4px solid #a0aec0;border-radius:4px;color:#a0aec0;padding-top:2px;padding-bottom:2px}.right-transfer-external-success .button-view-history{width:50%;border-radius:4px;background-color:#6928f2;color:#edf2f7;padding-top:2px;padding-bottom:2px}.gap-40px{grid-gap:40px;gap:40px}.label_right_transfer_process{color:var(--text-color-6);font-size:1.8rem!important;margin-bottom:24px}.transfer_has_been_recevied{color:#a0aec0;magrin-top:8px;font-size:1.6rem!important}.contact_jbsv_hotline{color:var(--text-color-2);font-size:1.2rem}.unlock-login-modal{max-width:none;width:420px}.unlock-login-modal .modal-content{overflow:hidden;padding:16px;max-height:95vh}.unlock-login-modal .modal-content .modal-header{z-index:1;padding:0}.unlock-login-modal .modal-content .modal-header .modal-title .head-title{content:"";display:inline-block;line-height:19px;height:19px}.unlock-login-modal .modal-content .modal-header button svg{width:18px!important;height:18px!important}.unlock-login-modal .modal-content .modal-body{padding:0;overflow:auto;overflow:overlay}.unlock-login-modal .modal-content .modal-body .header-modal{display:flex;justify-content:flex-end;margin-bottom:30px}.unlock-login-modal .modal-content .modal-body .header-modal svg{width:18px!important;height:18px!important;margin-left:auto;cursor:pointer;color:var(--text-color-1)}.active-phone--modal{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 10px}.active-phone--modal .notice-title{font-size:1.4rem;color:var(--text-color-1);font-weight:600}.active-phone--modal .notice-mess{font-size:1rem;color:var(--text-color-2);text-align:center;margin-bottom:20px}.active-phone--modal .notice-btn{padding:6px 16px}