:root{--color-brand:#333333;--stepper-inactive-border:#fff5e2;--stepper-inactive-text:#f9dfcd;--stepper-done-bg:#ed8323;--stepper-done-border:#ed8323;--stepper-done-text:#ffffff;--stepper-done-label:#ed8323;--stepper-active-bg:#ed8323;--stepper-active-border:#ed8323;--stepper-active-text:#ffffff;--stepper-active-label:#ed8323;--stepper-sep-color:#e8e1c8}.header-section{position:relative;display:flex;justify-content:space-between;align-items:center;padding:4px 4dvw;background-color:var(--color-brand);height:64px;z-index:1000}.same-line{display:flex;align-items:center;gap:2px}.img-logo{height:56px;width:auto}.w-100{width:100%}.logout-menu{white-space:nowrap;color:#fff;font-size:16px!important}.iconify-menu{color:#fff;font-size:32px;width:40px;display:none}.flex-row-center{display:flex;align-items:center}.bk-stepper{display:flex;align-items:center;padding:8px 16px;flex-wrap:wrap;gap:4px 0}.bk-step{display:flex;align-items:center;gap:8px;white-space:nowrap}.bk-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;border:2px solid var(--stepper-inactive-border);background:0 0;color:var(--stepper-inactive-text)}.bk-step__circle.is-done{background:var(--stepper-done-bg);border-color:var(--stepper-done-border);color:var(--stepper-done-text)}.bk-step__circle.is-active{background:var(--stepper-active-bg);border-color:var(--stepper-active-border);color:var(--stepper-active-text)}.bk-step__label{font-size:13px;color:var(--stepper-inactive-text);font-weight:400}.bk-step__label.is-done{color:var(--stepper-done-label);font-weight:600}.bk-step__label.is-active{color:var(--stepper-active-label);font-weight:600}.bk-sep{font-size:13px;color:var(--stepper-sep-color);margin:0 10px}.flex-row-user-detail{cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;width:auto;gap:8px;white-space:nowrap;align-items:center}.web-menu{display:none;position:absolute;top:64px;right:4dvw;min-width:280px;background:#fff;border:.5px solid rgba(0,0,0,.12);border-radius:0 0 2px 2px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:1000;overflow:hidden}.flex-menu{display:flex;flex-direction:row;align-items:center}.recommend-tag{font-size:12px;line-height:normal;background:#f28735;width:fit-content;padding:0 8px;border-radius:20px;color:#fff}.title-text-menu{font-size:12px;opacity:.8;line-height:normal;color:#333;padding:8px 12px 4px}.sub-text-menu{font-size:12px;opacity:.8;line-height:normal}.web-menu.is-open{display:block}.list-web-menu{display:flex;flex-direction:column}.list-menu-web-menu{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:16px;color:var(--color-brand);text-decoration:none;transition:background .15s}.list-menu-web-menu .iconify{font-size:20px}.list-menu-web-menu:hover{background:#fadfcc7d;font-weight:600}#web-menu-backdrop{display:none;position:fixed;inset:0;z-index:999}#web-menu-backdrop.is-open{display:block}.bk-nav{display:flex;align-items:center;gap:4px;padding:0 16px;overflow-x:auto;scrollbar-width:none;opacity:.8}.bk-nav::-webkit-scrollbar{display:none}.bk-nav__item{white-space:nowrap;color:#fff;font-size:14px!important;font-family:Kanit,ThaiSansNeue,'Nunito','IBM Plex Sans Thai','Open Sans',rsuregular,Tahoma,Arial,helvetica,sans-serif!important;padding:6px 12px;border-radius:20px;text-decoration:none;transition:background .2s;cursor:pointer}.bk-nav__item:hover{background:rgba(255,255,255,.2);color:#fff}.bk-nav__dropdown{position:relative}.bk-nav__submenu{display:none;position:fixed;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:220px;padding:8px 0;z-index:9999}.bk-nav__submenu a{display:block;padding:10px 16px;color:#333;text-decoration:none;font-size:14px;white-space:nowrap;transition:background .15s}.bk-nav__submenu a:hover{background:#f5f5f5}.bk-nav__submenu small{display:block;color:#999;font-size:12px;margin-top:2px}.bk-nav__submenu{display:none}.bk-nav__submenu.is-open{display:block}.bk-nav__item:focus:not(:focus-visible){outline:0}.bk-nav_mobile{display:none;color:#fff!important;border-radius:30px;padding:0 13px;border-width:1px;border-style:solid;border-color:#fff;font-size:12px;margin:0 8px 0 auto}@media (max-width:768px){.img-logo{height:48px}.bk-nav{gap:2px;padding:0 8px}.bk-nav__item{font-size:13px;padding:5px 10px}.bk-nav__submenu{position:fixed;left:0;right:0;top:auto;width:100%;border-radius:0 0 12px 12px;box-shadow:0 8px 24px rgba(0,0,0,.15)}.bk-nav{display:none}.bk-nav_mobile{display:block}}@media (max-width:480px){.header-name{display:none}.iconify-menu{display:block}.header-section{flex-wrap:wrap;height:auto}.header-order-1{order:1}.header-order-2{order:2}.header-order-3{order:3}.web-menu{left:0;right:0;top:64px;border-radius:0}.bk-sep{margin:0 6px}.bk-stepper{flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;padding:8px 0 0}}