:root{--sso-member-main-color:#00B400;--sso-member-second-color:#008841;--sso-member-warning-color:#F5AB00;--sso-member-main-font:"KaLaTeXa Display";--sso-member-second-font:"Kondolar Thai"}@font-face{font-family:Kondolar Thai;src:url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Regular.woff2) format("woff2"),url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Kondolar Thai;src:url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Bold.woff2) format("woff2"),url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:KondolarThai-Regular;src:url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Regular.woff2) format("woff2"),url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:KondolarThai-Bold;src:url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Bold.woff2) format("woff2"),url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:KaLaTeXa Display;src:url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Regular.woff2) format("woff2"),url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KaLaTeXa Display;src:url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Bold.woff2) format("woff2"),url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Bold.woff) format("woff");font-weight:650;font-style:normal;font-display:swap}@font-face{font-family:Graphik TH;src:url(https://static.thairath.co.th/assets/fonts/Graphik/GraphikTH-Regular.woff2) format("woff2"),url(https://static.thairath.co.th/assets/fonts/Graphik/GraphikTH-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Graphik TH;src:url(https://static.thairath.co.th/assets/fonts/Graphik/GraphikTH-Medium.woff2) format("woff2"),url(https://static.thairath.co.th/assets/fonts/Graphik/GraphikTH-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Graphik TH;src:url(https://static.thairath.co.th/assets/fonts/Graphik/GraphikTH-Semibold.woff2) format("woff2"),url(https://static.thairath.co.th/assets/fonts/Graphik/GraphikTH-Semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--sso-member-main-font,"KaLaTeXa Display")}*{box-sizing:border-box;padding:0;margin:0}.page-container{padding:40px 0;position:relative}.page-container .background-container{display:grid;width:100%;position:absolute;pointer-events:none;top:0;left:0}.page-container .background-container img{width:100%}.container-wrapper{width:100%;max-width:1100px;margin:0 auto;position:relative;z-index:2;padding:0 12px}.grid-wrapper{display:grid;grid-template-columns:100%;grid-gap:20px;min-height:calc(100dvh - 80px);align-items:flex-start;align-content:flex-start}.aside-wrapper{display:flex;width:100%;padding:0 16px;flex-direction:column;align-items:flex-start;flex-shrink:0;align-self:stretch;border-radius:50px;background:#000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100%;transition:all .5s ease-in}.aside-wrapper.show{border-radius:12px;transition:all .2s ease-out}.aside-wrapper .toggle--button{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;background:none;border:none;outline:none}.aside-wrapper .toggle--button span{display:flex;justify-content:center;align-items:center;gap:8px;flex:1 0;color:var(--Primary-White,#FFF);font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:16px;font-style:normal;font-weight:650;line-height:130%}.aside-wrapper .toggle--button svg{transition:all .5s}.aside-wrapper .toggle--button .rotate{transform:rotate(180deg);transition:all .5s}.aside-wrapper .aside-item{width:100%;max-height:0;overflow:hidden;transition:max-height .5s ease-out}.aside-wrapper .aside-item a{display:grid;padding:12px 0;align-items:center;grid-gap:12px;gap:12px;align-self:stretch;grid-template-columns:20px 1fr;border-bottom:1px solid #595959;color:#fff;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:13px;font-style:normal;font-weight:400;line-height:130%;text-decoration:none;transition:all .5s;position:relative}.aside-wrapper .aside-item a i{position:absolute;top:14px;right:0;font-style:normal;font-size:10px;color:#fff;background-color:crimson;padding:3px 9px;border-radius:12px;line-height:1}.aside-wrapper .aside-item a svg{margin:auto}.aside-wrapper .aside-item a svg path{fill:#fff;transition:all .5s}.aside-wrapper .aside-item a:hover{transition:all .5s;color:var(--sso-member-main-color,#00B400)}.aside-wrapper .aside-item a:hover svg path{fill:var(--sso-member-main-color,#00B400);transition:all .5s}.aside-wrapper .aside-item a.active{color:var(--sso-member-main-color,#00B400)}.aside-wrapper .aside-item a.active svg path{fill:var(--sso-member-main-color,#00B400);transition:all .5s}.aside-wrapper .aside-item.show{max-height:600px;transition:max-height .5s ease-in}.content-wraper{display:grid;height:100%}.content-wraper .content-grid{grid-template-columns:100%}.box-item-wraper,.content-wraper .content-grid{display:grid;grid-gap:20px;align-items:flex-start;align-content:flex-start}.box-item-wraper{padding:20px;border-radius:16px;border:1px solid var(--Gray-Gray-90,#e6e6e6);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100%}.box-item-title{position:relative}.box-item-title h2{color:var(--Primary-Black,#000);text-align:center;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:20px;font-style:normal;font-weight:650;line-height:130%}.box-item-title .display{position:absolute;top:-10px;left:0;width:45px;height:45px;border-radius:50px;border:2px solid var(--sso-member-main-color,#00b400);background:var(--Primary-White,#FFF);display:grid;place-content:center}.box-item-title .display span{color:var(--sso-member-main-color,#00B400);text-align:center;leading-trim:both;text-edge:cap;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:28px;font-style:normal;font-weight:650;line-height:normal}.box-item-title .display img{width:100%;height:100%;object-fit:cover;border-radius:50px}.box-item-title .display .upload--file---icon{position:absolute;bottom:-5px;right:-6px;cursor:pointer;display:grid;overflow:hidden}.box-item-title .display .upload--file---icon input{position:absolute;width:100%;height:100%;opacity:0}.box-item-form{display:grid;grid-gap:16px;align-items:flex-start}.box-item-form-item label{display:flex;align-items:center;justify-content:space-between;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-family:KaLaTeXa Display;font-size:14px;font-style:normal;font-weight:650;line-height:130%}.box-item-form-item label i{font-style:normal;font-weight:400;color:var(--sso-member-warning-color,#F5AB00)}.box-item-form-item input{all:unset;color:#000;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-style:normal;font-weight:400;line-height:130%;border-bottom:1px solid var(--Primary-Black,#000);padding:4px 0;width:100%}.box-item-form-item input:-moz-read-only{cursor:auto;border:none;color:var(--Gray-Gray-40,#666)}.box-item-form-item input:read-only{cursor:auto;border:none;color:var(--Gray-Gray-40,#666)}.box-item-form-item select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#000;font-family:var(--sso-member-main-font,"KaLaTeXa Display");padding:4px 0;border:none;width:100%;outline:none;background:none}.address-info,.box-item-form-item select{font-style:normal;font-weight:400;line-height:130%}.address-info{color:var(--Gray-Gray-40,#666);font-size:16px}.autocomplete-container{position:relative;z-index:9}.autocomplete-address{position:absolute;width:100%;max-height:300px;overflow-y:auto;background:#fff;padding:4px;border-radius:4px;top:36px;box-shadow:0 0 10px #00000036}.member-info{display:flex;justify-content:space-between;align-items:center}.label-name{display:flex;align-items:center;gap:4px;color:var(--Primary-Black,#000);font-size:14px;font-weight:650}.label-info,.label-name{font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-style:normal;line-height:130%}.label-info{color:var(--Gray-Gray-40,#666);font-size:12px;font-weight:400}.action-button-container{display:flex;gap:12px;align-items:center}.action-button-container button{all:unset;cursor:pointer;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:14px;font-style:normal;font-weight:400;line-height:130%;text-align:center;height:25px;display:grid;align-items:center;align-content:center;transition:all .5s}.action-button-container button.cancel-button{color:var(--Gray-Gray-40,#666);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:1px;text-underline-offset:2px;text-underline-position:from-font}.action-button-container button.save-button{padding:0 8px;border-radius:50px;border:1px solid var(--sso-member-main-color,#00b400);background:var(--sso-member-main-color,#00B400);color:#fff}.action-button-container button.save-button:hover{transition:all .5s;background-color:var(--sso-member-second-color,#008841);border-color:var(--sso-member-second-color,#008841);color:#fff}.action-button-container button.edit-button{padding:0 8px;border-radius:50px;border:1px solid var(--Primary-Black,#000);background:var(--Primary-White,#FFF)}.action-button-container button.edit-button:hover{transition:all .5s;background-color:#000;color:#fff}.social-account{display:grid;grid-template-columns:1fr auto;grid-gap:8px;align-items:center;word-break:break-all}.social-account span{display:flex;align-items:center;gap:8px;color:var(--Gray-Gray-40,#666);font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:14px;font-style:normal;font-weight:400;line-height:130%}.social-account span b{font-weight:inherit;display:grid;align-items:center;grid-gap:2px;gap:2px;overflow:hidden;text-overflow:ellipsis;flex-direction:column;word-break:break-all}.social-account span b i{font-style:inherit}.social-account button{all:unset;cursor:pointer;display:flex;gap:8px;width:120px;padding:6px 0;justify-content:center;align-items:center;color:var(--Primary-Black,#000);text-align:center;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:14px;font-style:normal;font-weight:400;line-height:130%;border-radius:50px;border:1px solid var(--Primary-Black,#000);background:var(--Primary-White,#FFF);transition:all .5s}.social-account button:hover{transition:all .5s;background-color:#000;color:#fff}.social-account button.connected{border-color:transparent}.social-account button.connected:hover{background-color:#fff;color:#000}.payment-box-solid{border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 0 8px 0 rgba(0,0,0,.4);padding:20px;display:grid;grid-gap:12px;overflow:hidden}.payment-box-solid h2{color:var(--Primary-Black,#000);text-align:center;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:25px;font-style:normal;font-weight:650;line-height:100%}.__label--package{background:var(--Gray-Gray-95,#F2F2F2);padding:20px;display:flex;flex-direction:column;margin:0 -20px}.__label--package strong{color:var(--Primary-Black,#000);font-size:18px;font-weight:650;line-height:130%}.__label--package span,.__label--package strong{font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-style:normal;text-align:center}.__label--package span{color:var(--Gray-Gray-40,#666);font-size:16px;font-weight:400;line-height:150%}.__label--package span i{color:var(--State-Warning,#F5AB00);font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-style:normal}.payment-btn-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.payment-btn-group a,.payment-btn-group button{display:flex;padding:12px 0;justify-content:center;align-items:center;align-self:stretch;border-radius:50px;border:1px solid var(--Primary-Black,#000);background:var(--Primary-White,#FFF);color:var(--Primary-Black,#000);text-align:center;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:14px;font-style:normal;font-weight:400;line-height:100%;text-transform:capitalize;flex-grow:1;flex-basis:0;cursor:pointer;transition:all .5s}.payment-btn-group a:hover,.payment-btn-group button:hover{background-color:#000;color:#fff;transition:all .5s}.content-box-solid{display:flex;flex-direction:column;align-items:center;gap:12px;background:#FFF;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.content-box-solid .title{color:var(--Primary-Black,#000);text-align:center;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:35px;font-style:normal;font-weight:650;line-height:120%;text-transform:capitalize}.tab-menu-container{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:var(--border-width-sm,1px) solid #b3b3b3;position:relative}.tab-menu-container .tab-menu-item{border:none;background:none;border-bottom:var(--border-width-lg,3px) solid transparent;margin:0 0 -3px;cursor:pointer;display:flex;gap:10px;padding:12px 0;justify-content:center;align-items:center;flex:1 0;color:#B3B3B3;text-align:center;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:var(--size-normal-md,16px);font-style:normal;font-weight:650;line-height:100%;transition:color .2s ease,border-bottom-color .2s ease,transform .12s ease;will-change:color,border-bottom-color,transform}.tab-menu-container .tab-menu-item.active{color:var(--sso-member-main-color,#00B400);border-bottom-color:var(--sso-member-main-color,#00B400)}.tab-menu-container .tab-menu-item.filter--button{color:#000;width:94px;flex:none}.tab-menu-container .tab-content{animation:tabContentFade .2s ease}.__empty-container{display:flex;flex-direction:column;gap:20px}.__empty-container h2{color:var(--text-black,#000);text-align:center;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:var(--size-normal-xl,20px);font-style:normal;font-weight:650;line-height:150%}.__empty-container img{max-width:100%;margin:auto;width:178px}.navbar{max-width:1110px;width:100%;padding:16px;background-color:#fff;margin:auto;display:grid;position:relative}.navbar .navbar-wraper{display:flex;align-items:center;justify-content:space-between;gap:16px}.navbar .navbar-wraper .back--button{all:unset;cursor:pointer;display:grid;place-content:center}.navbar .navbar-wraper .logo{display:flex;color:#000;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:var(--size-normal-md,16px);font-style:normal;font-weight:650;line-height:1;gap:12px;align-items:center;text-decoration:none}.navbar .navbar-wraper .toggle-hamburger{all:unset;cursor:pointer;box-sizing:border-box;display:grid;grid-gap:5px}.navbar .navbar-wraper .toggle-hamburger span{display:grid;width:22px;height:3px;background-color:var(--sso-member-main-color,#00B400);border-radius:2px;transition:all .3s}.navbar .navbar-wraper .toggle-hamburger.is-open span:first-child{transform:rotate(45deg) translateY(8px) translateX(8px)}.navbar .navbar-wraper .toggle-hamburger.is-open span:nth-child(2){opacity:0}.navbar .navbar-wraper .toggle-hamburger.is-open span:last-child{transform:rotate(-45deg) translateY(-4px) translateX(3px)}.hamburger-dropdown{position:fixed;width:100dvw;height:100dvh;background-color:#fff;left:0;top:0;z-index:100;padding:0 16px}.hamburger-dropdown .close-btn{all:unset;cursor:pointer;box-sizing:border-box;position:absolute;top:14px;right:14px;z-index:2}.hamburger-dropdown ul{list-style:none;padding:0;margin:0}.hamburger-dropdown ul li{display:grid;border-bottom:1px solid #e6e6e6;padding:16px 0}.hamburger-dropdown ul li a{color:var(--Primary-Black,#000);font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:16px;font-style:normal;font-weight:650;line-height:130%;text-decoration:none}@keyframes tabContentFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.box-solid-full{border-radius:16px;background:rgba(255,255,255,.95);padding:var(--gap-lg,12px);box-shadow:0 0 5px 0 rgba(0,0,0,.3)}.hamburger-dropdown{position:absolute;width:200px;height:auto;border-radius:12px;background:var(--Primary-White,#FFF);box-shadow:0 0 5px 0 rgba(0,0,0,.25);left:auto;right:0;top:60px}.hamburger-dropdown .close-btn{display:none}.hamburger-dropdown ul li:last-child{border:none}.aside-wrapper .aside-item a i{top:14px}}.loading-message{display:grid}.loading-message p{font-size:14px;color:#666;text-align:center}@media (min-width:991px){.page-container{padding:0}.grid-wrapper{grid-template-columns:160px 1fr;grid-gap:30px;padding-top:40px;padding-bottom:30px}.aside-wrapper{border-radius:12px}.aside-wrapper .toggle--button{display:none}.aside-wrapper .aside-item{max-height:100%}.content-wraper{min-height:655px}.content-wraper .content-grid{grid-template-columns:1fr 540px;grid-gap:30px}.__label--package{flex-direction:row;justify-content:space-between;margin:0}.__label--package strong,.__label--package strong span{text-align:left}.payment-btn-group{flex-direction:row}.content-box-solid{border-radius:16px;border:1px solid var(--Gray-Gray-90,#e6e6e6);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}}.load-more-container{grid-column:1/-1;padding:24px 0 8px}