@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@font-face{font-family:DBHeavent;src:url("/build/assets/DB Heavent v3.2.1-e741336e.ttf") format("truetype");font-stretch:normal;font-style:normal;font-weight:400}@font-face{font-family:DBHeavent;src:url("/build/assets/DB Heavent Bd Cond It v3.2.1-53bdc9b1.ttf") format("truetype");font-style:italic;font-weight:700;font-stretch:condensed}@font-face{font-family:DBHeavent;src:url("../../font/DB-Heaven/DB Heavent Bd Cond v3.2.1") format("truetype");font-style:normal;font-weight:700;font-stretch:condensed}@font-face{font-family:DBHeavent;src:url("/build/assets/DB Heavent Bd Ext It v3.2.1-8f0b3619.ttf") format("truetype");font-style:italic;font-weight:700;font-stretch:condensed}@font-face{font-family:DBHeavent;src:url("/build/assets/DB Heavent Thin v3.2.1-fe1329a3.ttf") format("truetype");font-style:normal;font-weight:lighter;font-stretch:normal}@font-face{font-family:DBHeavent;src:url("/build/assets/DB Heavent Med v3.2.1-33c6fd6d.ttf") format("truetype");font-style:normal;font-weight:500;font-stretch:normal}@font-face{font-family:MiSansThaiVF;src:url(/build/assets/MiSansThaiVF-45583126.ttf) format("truetype");font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:400;src:url(/build/assets/MiSans-Latin-c815cef9.ttf)}@font-face{font-family:MiSans-TH;font-style:normal;font-weight:100;src:url(/build/assets/MiSansThai-Thin-73855cef.ttf)}@font-face{font-family:MiSans-TH;font-style:normal;font-weight:200;src:url(/build/assets/MiSansThai-ExtraLight-7abd72b9.ttf)}@font-face{font-family:MiSans-TH;font-style:normal;font-weight:300;src:url(/build/assets/MiSansThai-Light-f276a4dc.ttf)}@font-face{font-family:MiSans-TH;font-style:normal;font-weight:400;src:url(/build/assets/MiSansThai-Normal-c9dba411.ttf)}@font-face{font-family:MiSans-TH;font-style:normal;font-weight:500;src:url(/build/assets/MiSansThai-Medium-407ddc19.ttf)}@font-face{font-family:MiSans-TH;font-style:normal;font-weight:600;src:url(/build/assets/MiSansThai-Demibold-d25cd931.ttf)}@font-face{font-family:MiSans-TH;font-style:normal;font-weight:700;src:url(/build/assets/MiSansThai-Semibold-9d8477eb.ttf)}@font-face{font-family:MiSans-TH;font-style:normal;font-weight:800;src:url(/build/assets/MiSansThai-Bold-73dfe07c.ttf)}@font-face{font-family:MiSans-TH;font-style:normal;font-weight:900;src:url(/build/assets/MiSansThai-Heavy-c1c3ede4.ttf)}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:100;src:url(/build/assets/MiSansLatin-Thin-821ab93f.ttf)}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:200;src:url(/build/assets/MiSansLatin-ExtraLight-64dd4510.ttf)}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:300;src:url(/build/assets/MiSansLatin-Light-e70531e4.ttf)}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:400;src:url(/build/assets/MiSansLatin-Normal-221823a9.ttf)}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:500;src:url(/build/assets/MiSansLatin-Medium-a895479c.ttf)}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:600;src:url(/build/assets/MiSansLatin-Demibold-a94d27d6.ttf)}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:700;src:url(/build/assets/MiSansLatin-Semibold-72969a12.ttf)}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:800;src:url(/build/assets/MiSansLatin-Bold-379ac67b.ttf)}@font-face{font-family:MiSans-EN;font-style:normal;font-weight:900;src:url(/build/assets/MiSansLatin-Heavy-b15cff45.ttf)}@font-face{font-family:SukhumvitSet;font-weight:100;src:url(/public/fonts/SukhumvitSet/NotoSansThai-Thin.ttf)}@font-face{font-family:SukhumvitSet;font-weight:300;src:url(/build/assets/SukhumvitSet-Light-667f7cfd.ttf)}@font-face{font-family:SukhumvitSet;font-weight:400;src:url(/build/assets/SukhumvitSet-Text-b29fe7df.ttf)}@font-face{font-family:SukhumvitSet;font-weight:500;src:url(/build/assets/SukhumvitSet-Medium-2556ea22.ttf)}@font-face{font-family:SukhumvitSet;font-weight:700;src:url(/build/assets/SukhumvitSet-SemiBold-0bd24ed9.ttf)}@font-face{font-family:SukhumvitSet;font-weight:800;src:url(/build/assets/SukhumvitSet-Bold-15f7cee6.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:100;src:url(/build/assets/NotoSansThai-Thin-bd0e1299.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:200;src:url(/build/assets/NotoSansThai-ExtraLight-d1a2848d.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:300;src:url(/build/assets/NotoSansThai-Light-0719f87c.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:400;src:url(/build/assets/NotoSansThai-Regular-9aee503e.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:500;src:url(/build/assets/NotoSansThai-Medium-965e6119.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:600;src:url(/build/assets/NotoSansThai-SemiBold-27585538.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:700;src:url(/build/assets/NotoSansThai-Bold-5dca36e1.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:800;src:url(/build/assets/NotoSansThai-ExtraBold-5851f3b3.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:900;src:url(/build/assets/NotoSansThai-Black-f54ba7c5.ttf)}.switch{position:relative;display:inline-block;width:70px;height:36px;margin:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:32px;width:32px;box-shadow:0 2px 4px #00000040;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#06c755}input:checked+.slider:before{-webkit-transform:translateX(34px);-ms-transform:translateX(34px);transform:translate(34px)}input:focus+.slider{box-shadow:0 0 1px #2196f3}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.breadcrumb *:not(.fa){font-family:MiSans-TH,MiSans-EN,sans-serif!important}.breadcrumb .breadcrumb-item{padding:0}.breadcrumb .breadcrumb-item:before{content:"";padding-right:16px;color:#797979;width:16px;height:16px;background-image:url(/build/assets/chevron-forward-outline-135d45a1.svg);background-size:16px}.breadcrumb .breadcrumb-item:first-child:before{padding-right:0;background-image:unset}.box-seller-space{max-width:458px;margin:auto auto 40px}.box-seller-space .box-title{font-family:NotoSans,sans-serif;text-align:center;font-size:30px;font-weight:700;color:#ff6224}.box-seller-space .box-detail{font-family:NotoSans,sans-serif;font-size:16px;font-weight:300;text-align:center}.box-seller-space .box-detail .higthligth{color:#ff6224}.box-seller-space .box-detail .hover-underline{text-decoration:none;position:relative}.box-seller-space .box-detail .hover-underline:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:green;transition:width .5s ease}.box-seller-space .box-detail .hover-underline:hover:after{width:100%}.box-tab{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;column-gap:24px;margin-bottom:54px}.box-tab *:not(.fa){font-family:MiSans-TH,MiSans-EN,sans-serif!important}@media screen and (max-width: 576px){.box-tab{margin-bottom:24px}}.box-tab .btn-tab{height:52px;width:210px;padding:14px 8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:12px;border:solid .5px #e0e0e0}@media screen and (max-width: 576px){.box-tab .btn-tab{margin:10px;width:210px}}.box-tab .btn-tab.active{border:#00e5b7 1.5px solid;position:relative}.box-tab .btn-tab.active:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #00e5b7}.box-tab .btn-tab .icon{margin-right:10px;height:24px;width:24px;padding-left:24px;background-size:24px}.box-tab .btn-tab .icon.icon-profile{background-image:url(/build/assets/avatar-a42b1fc7.svg)}.box-tab .btn-tab .icon.icon-brand-dealer{background-image:url(/build/assets/brand-dealer-bf23c52a.svg)}.box-tab .btn-tab .icon.icon-promotion{background-image:url(/build/assets/coupon-5ae937be.svg)}.box-tab .btn-tab .icon.icon-lead{background-color:#000;background-image:url(/build/assets/register-306ada06.svg)}.box-tab-lead{display:flex;position:relative;flex-wrap:nowrap;flex-direction:row;gap:10px;justify-content:center}.box-tab-lead *:not(.fa){font-family:MiSans-TH,MiSans-EN,sans-serif!important}@media screen and (max-width: 576px){.box-tab-lead{justify-content:start;overflow-x:scroll}}.box-tab-lead .btn-tab-lead{white-space:nowrap;width:150px;padding:8px 20px;font-size:16px;border:1px solid #ccc;background-color:#fff;color:#333;border-radius:6px;cursor:pointer;transition:all .3s ease}.box-tab-lead .btn-tab-lead .fa-angle-up:before{content:""}.box-tab-lead .btn-tab-lead .fa-angle-down:before{content:""}.box-tab-lead .btn-tab-lead:hover{background-color:#f5f5f5}.box-tab-lead .btn-tab-lead.active{border-color:#00c27b;color:#00c27b;background-color:#e8fff5;font-weight:600}.box-tab-lead .btn-tab-lead .toggle-active .fa-angle:before{content:""}.box-tab-lead .box-menu-lead{position:absolute;width:150px;height:60px;top:38px;left:240px;border:1px solid #ccc;background-color:#fff;border-radius:6px;padding:5px 10px;z-index:2}.box-tab-lead .box-menu-lead ul{padding:0}.box-tab-lead .box-menu-lead ul li{font-size:14px;list-style:none;padding:0}.box-tab-lead .box-menu-lead ul li a:hover{color:#009e40}@media screen and (max-width: 576px){.box-tab-lead .box-menu-lead{left:0;width:118px;height:50px;z-index:-1}}hr{margin:40px 0}.box-form{background-color:unset}.box-form *:not(.fa){font-family:MiSans-TH,MiSans-EN,sans-serif!important}@media screen and (max-width: 576px){.box-form{background-color:#f4f9ff;border-radius:8px}}.box-form-profile{padding:20px;margin-bottom:16px}.box-form-profile .title{font-size:26px;color:#262525;font-weight:600;margin-bottom:20px}@media screen and (max-width: 576px){.box-form-profile .title{font-size:18px}}.box-form-profile .box-group-form-profile{display:flex;flex-direction:row;justify-content:center;column-gap:100px}@media screen and (max-width: 576px){.box-form-profile .box-group-form-profile{flex-direction:column}}.box-form-profile .box-group-form-profile .box-user-image{width:314px;padding:20px}@media screen and (max-width: 576px){.box-form-profile .box-group-form-profile .box-user-image{padding:0;width:100%}}.box-form-profile .box-group-form-profile .box-user-image .user-image{width:140px;height:140px;border-radius:50%;background-color:#f5fafd;position:relative;margin:auto auto 20px}@media screen and (max-width: 576px){.box-form-profile .box-group-form-profile .box-user-image .user-image{background-color:#fff;width:115px;height:115px}}.box-form-profile .box-group-form-profile .box-user-image .user-image:before{content:"";width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(/build/assets/user-defualt-83e40091.svg);background-size:64px}.box-form-profile .box-group-form-profile .box-user-image .user-image>.btn-upload-img{position:absolute;bottom:0;right:0;width:40px;height:40px;border-radius:50%;background-color:#0eaf92}.box-form-profile .box-group-form-profile .box-user-image .user-image>.btn-upload-img:before{content:"";width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(/build/assets/upload-photo-e4770ee2.svg);background-size:24px}.box-form-profile .box-group-form-profile .box-user-image .user-image.has-image:before{background-image:unset}.box-form-profile .box-group-form-profile .box-user-image .user-image img{width:140px!important;height:140px!important;object-fit:cover}@media screen and (max-width: 576px){.box-form-profile .box-group-form-profile .box-user-image .user-image img{width:115px!important;height:115px!important}}.box-form-profile .box-group-form-profile .box-user-image .btn-upload-img{width:180px;height:46px;background-color:#0eaf92;color:#fff;font-size:16px;padding:10px 12px}.box-form-profile .box-group-form-profile .box-user-image .btn-upload-img .icons-white-photo{margin-right:8px;width:24px;height:24px;padding-left:24px;background-image:url(/build/assets/upload-photo-e4770ee2.svg);background-size:24px}.box-form-profile .box-group-form-profile .box-profile{width:314px;display:flex;flex-direction:column;row-gap:20px}@media screen and (max-width: 576px){.box-form-profile .box-group-form-profile .box-profile{width:100%}}.box-form-profile .box-group-form-profile .box-profile fieldset{display:flex;flex-direction:column;row-gap:8px}@media screen and (max-width: 576px){.box-form-profile .box-group-form-profile .box-profile fieldset{align-items:center}}.box-form-profile .box-group-form-profile .box-profile fieldset .error{color:red}.box-form-profile .box-group-form-profile .box-profile fieldset label{font-size:14px;color:#262525;margin-bottom:0}@media screen and (max-width: 576px){.box-form-profile .box-group-form-profile .box-profile fieldset label{font-size:16px}}.box-form-profile .box-group-form-profile .box-profile fieldset .form-control{border:#d9d9d9 1px solid;border-radius:4px;height:44px}.box-form-profile .box-group-form-profile .box-profile fieldset .form-control::placeholder{font-family:MiSans-TH,MiSans-EN,sans-serif!important;color:#707b82;font-weight:300;font-size:16px}.box-form-profile .box-group-form-profile .box-profile fieldset .form-control.email-valid{border:red 1px solid}.section-community-register .title-section{font-family:MiSans-TH;font-weight:700;font-size:28px;color:#262525;text-align:center;margin-bottom:40px}@media screen and (max-width: 576px){.section-community-register .title-section{font-size:20px;margin-bottom:20px}}.section-community-register .group-community-register{display:flex;flex-direction:row;align-items:start;gap:30px}.section-community-register .group-community-register *:not(.fa){font-family:NotoSans,sans-serif!important}@media screen and (max-width: 576px){.section-community-register .group-community-register{flex-direction:column}}.section-community-register .group-community-register .box-community-register{display:flex;flex-direction:column;gap:20px;padding:28px;max-width:574px;width:100%;height:auto;border-radius:30px;border-width:1px;border-style:solid}.section-community-register .group-community-register .box-community-register.box-green{border:solid 1px #25c4a4;background-color:#f2fdfa}.section-community-register .group-community-register .box-community-register.box-green .title{color:#25c4a4}.section-community-register .group-community-register .box-community-register.box-green .btn-community-register{background-color:#25c4a4}.section-community-register .group-community-register .box-community-register.box-orange{border:solid 1px #ff6224;background-color:#fffaf6}.section-community-register .group-community-register .box-community-register.box-orange .title,.section-community-register .group-community-register .box-community-register.box-orange .detail .text-link{color:#ff6224}.section-community-register .group-community-register .box-community-register.box-orange hr{margin:15px 0;position:relative}.section-community-register .group-community-register .box-community-register.box-orange hr:after{content:"หรือ";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:0 24px;height:30px;width:auto;font-size:18px;color:#505050;background-color:#fffaf6}.section-community-register .group-community-register .box-community-register.inactive{border-width:0}.section-community-register .group-community-register .box-community-register.inactive .title,.section-community-register .group-community-register .box-community-register.inactive .detail{color:#c8c8c8!important}.section-community-register .group-community-register .box-community-register.inactive .btn-login,.section-community-register .group-community-register .box-community-register.inactive .btn-community-register{background-color:#cbcbcb}.section-community-register .group-community-register .box-community-register .box-txt .box-title{display:flex;flex-direction:row;column-gap:10px}@media screen and (max-width: 576px){.section-community-register .group-community-register .box-community-register .box-txt .box-title{flex-direction:column}}.section-community-register .group-community-register .box-community-register .box-txt .box-title .title{text-align:left;font-weight:600;font-size:26px;margin:0}.section-community-register .group-community-register .box-community-register .box-txt .box-title .sub-title{color:#000;font-size:18px;line-height:34px;font-weight:600;margin:0}.section-community-register .group-community-register .box-community-register .box-txt .detail{margin:0;font-size:16px;font-weight:300;color:#000}.section-community-register .group-community-register .box-community-register .btn-community-register{width:279px;height:46px;padding:10px;border-radius:50px;font-weight:300;font-size:18px;color:#fff;text-decoration:none;text-align:center}.section-community-register .group-community-register .box-community-register .box-login label{font-size:16px;font-weight:600;margin-bottom:8px}.section-community-register .group-community-register .box-community-register .box-login input{border:#dfdfdf solid 1px;border-radius:6px;padding:14px 14px 14px 36px;font-size:16px;font-weight:300;height:54px}.section-community-register .group-community-register .box-community-register .box-login input::placeholder{color:#808285;font-size:16px;font-weight:300;letter-spacing:.16px}.section-community-register .group-community-register .box-community-register .box-login .inp-icon{position:relative}.section-community-register .group-community-register .box-community-register .box-login .inp-icon:after{content:"";position:absolute;top:50%;left:14px;transform:translateY(-50%);width:18px;height:18px;background-size:18px}.section-community-register .group-community-register .box-community-register .box-login .inp-icon.inp-email:after{background-image:url(/build/assets/icons-xs-email-a20726e0.svg)}.section-community-register .group-community-register .box-community-register .box-login .inp-icon.inp-password:after{background-image:url(/build/assets/icons-xs-password-15e1043a.svg)}.section-community-register .group-community-register .box-community-register .box-login .text-link{font-size:14px;color:#333;font-weight:300;text-decoration:underline}.section-community-register .group-community-register .box-community-register .box-login .group-btn{display:flex;flex-direction:column;align-items:center;gap:12px}.section-community-register .group-community-register .box-community-register .box-login .btn{border-radius:12px;font-size:16px;font-weight:400;width:100%;height:54px;padding:14px 10px;background-color:#fff;border:#e0e0e0 solid 1px;color:#262525;box-shadow:0 2px 1px #0000;position:relative}.section-community-register .group-community-register .box-community-register .box-login .btn .icon-login{width:28px;height:28px;background-size:28px}.section-community-register .group-community-register .box-community-register .box-login .btn.btn-google .icon-login{background-image:url(/build/assets/google-1e433073.svg)}.section-community-register .group-community-register .box-community-register .box-login .btn.btn-line .icon-login{background-image:url(/build/assets/line-dbcdff53.svg)}.section-community-register .group-community-register .box-community-register .box-login .btn.btn-facebook .icon-login{background-image:url(/build/assets/facebook-d5a83c2a.svg)}.section-community-register .group-community-register .box-community-register .box-login .btn.btn-black{background-color:#262525;color:#fff}.section-community-register .group-community-register .box-community-register .box-login .btn.btn-login{color:#fff;background-color:#ff6224;border-radius:8px;height:54px;font-size:16px}.section-community-register .group-community-register .box-community-register .txt-danger{font-family:NotoSans,sans-serif;font-weight:300;font-size:12px;color:#ec221f}.section-community-register .group-community-register .box-community-register .txt-privacy{text-align:center;color:#262525;font-size:12px;font-weight:300}@media screen and (max-width: 576px){.section-community-register .group-community-register .box-community-register .txt-privacy{font-size:12px}}.section-community-register .group-community-register .box-community-register .txt-privacy a{font-weight:600;text-decoration:underline}.box-form-register{padding-top:20px;margin-bottom:60px}@media (min-width: 992px){.box-form-register .all-box{display:flex;justify-content:center;gap:30px}}.box-form-register .head-regis{padding-left:15px;padding-right:15px;height:17px;font-family:MiSans-EN;font-size:12px;font-weight:300;color:#3f3f3f}.box-form-register .txt-head{height:32px;margin-top:30px;margin-bottom:20px;font-family:NotoSans,sans-serif;font-weight:800;font-size:24px;text-align:center;color:#262525}.box-form-register .box-regis{width:333px;height:196px;margin-left:31px;margin-right:29px;padding:16px 25px 29px 27px;border-radius:16px;border:solid 1px #25c4a4}.box-form-register .box-regis .head-txt-box{height:29px;font-family:NotoSans,sans-serif;font-weight:800;font-size:18px;color:#25c4a4}.box-form-register .box-regis .detail-regis{margin-bottom:9px;height:66px;font-family:NotoSans,sans-serif;font-weight:300;font-size:14px;color:#060606}.box-form-register .box-regis .btn-regis{display:inline-block;width:279px;height:46px;margin:auto;padding:10px 72px;border-radius:50px;background-color:#25c4a4;font-family:NotoSans,sans-serif;font-weight:300;font-size:16px;color:#fff;text-decoration:none;text-align:center}@media (min-width: 992px){.box-form-register .box-regis{width:576px;height:auto;margin:0;padding:28px;border-radius:30px;border:solid 1px #25c4a4;background-color:#f2fdfa}.box-form-register .box-regis .head-txt-box{height:auto;font-size:26px}.box-form-register .box-regis .detail-regis{font-family:NotoSans,sans-serif;font-weight:300;font-size:18px}}.box-form-register .box-regis-member{width:333px;height:196px;margin-top:20px;margin-left:31px;margin-right:29px;padding:16px 25px 29px 27px;border-radius:16px;border:solid 1px #ff6224;background-color:#fff4f0}.box-form-register .box-regis-member .head-txt-box{height:29px;font-family:NotoSans,sans-serif;font-weight:800;font-size:18px;color:#ff7640}.box-form-register .box-regis-member .detail-regis{margin-bottom:9px;height:66px;font-family:NotoSans,sans-serif;font-weight:300;font-size:14px;color:#060606}.box-form-register .box-regis-member .detail-regis .link-in{color:#ff6224;text-decoration:none}.box-form-register .box-regis-member .btn-member{display:inline-block;width:279px;height:46px;margin:auto;padding:12px;border-radius:50px;background-color:#ff6224;font-family:NotoSans,sans-serif;font-weight:300;font-size:16px;color:#fff;text-decoration:none;text-align:center}@media (min-width: 992px){.box-form-register .box-regis-member{width:576px;height:220px;margin:0;padding:28px 46px 28px 30px;border-radius:30px;border:solid 1px #ff6224;background-color:#fffaf6}.box-form-register .box-regis-member .head-txt-box{height:auto;font-size:26px}.box-form-register .box-regis-member .detail-regis{font-family:NotoSans,sans-serif;font-weight:300;font-size:18px}}.box-form-dealer-list{display:flex;flex-direction:row;align-items:end;flex-wrap:wrap;margin-bottom:40px}@media screen and (max-width: 576px){.box-form-dealer-list{margin-bottom:20px}}.box-form-dealer-list .box-group-form-dealer{max-width:344px;width:100%;display:flex;flex-direction:column;row-gap:16px;align-items:center;padding:0}@media screen and (max-width: 576px){.box-form-dealer-list .box-group-form-dealer{padding:20px;max-width:unset;row-gap:23px}}.box-form-dealer-list .box-group-form-dealer .title{width:100%;color:#262525;font-size:20px;font-weight:500;margin-bottom:20px}@media screen and (max-width: 576px){.box-form-dealer-list .box-group-form-dealer .title{font-size:16px;margin-bottom:0}}.box-form-dealer-list .box-group-form-dealer .box-form-dealer{width:100%;min-height:325px;background-color:#f4f9ff;position:relative;border-radius:16px;padding:36px 30px 30px}@media screen and (max-width: 576px){.box-form-dealer-list .box-group-form-dealer .box-form-dealer{padding:0;height:auto}}.box-form-dealer-list .box-group-form-dealer .box-form-dealer .btn-delete{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background-color:#fff;padding:0}@media screen and (max-width: 576px){.box-form-dealer-list .box-group-form-dealer .box-form-dealer .btn-delete{top:-50px;right:0}}.box-form-dealer-list .box-group-form-dealer .box-form-dealer .btn-delete .icon-delete{margin-right:0;padding-left:34px;background-image:url(/build/assets/delete-a7c9132f.svg);background-size:24px}.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset{display:flex;flex-direction:column;margin-bottom:16px;align-items:start;width:100%}@media screen and (max-width: 576px){.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset{align-items:center}}.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset label{font-size:16px;color:#262525;margin:unset;margin-bottom:8px;text-align:left}@media screen and (max-width: 576px){.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset label{margin:auto}}.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset .form-control{max-width:312px}.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset .select2{color:#262525}.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset .select2 .select2-selection{height:44px;padding:8px 16px}.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset .select2 .select2-selection__rendered,.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset .select2 .select2-selection__placeholder{color:#262525;padding:0}.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset .select2 .select2-selection__arrow b{border:unset;width:24px;height:24px;position:absolute;left:unset;right:16px;background-image:url(/build/assets/chevron-down-c78d0c1d.svg);background-repeat:no-repeat;background-size:24px}.box-form-dealer-list .box-group-form-dealer .box-form-dealer fieldset .select2 .select2-selection__arrow b:before{content:"";width:24px;height:24px}.box-form-dealer-list .box-add-form{width:100%;height:325px;border-radius:10px;border:solid 1.5px #08b491;background-color:#f9fffe;position:relative}.box-form-dealer-list .box-add-form .txt-add-form{display:flex;flex-direction:column;align-items:center;row-gap:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);text-align:center;color:#08b491;font-size:16px}@media screen and (max-width: 576px){.box-form-dealer-list .box-add-form .txt-add-form{row-gap:16px}}.box-form-dealer-list .box-add-form .txt-add-form .icon-add-form{margin:0;width:24px;height:24px;padding-left:24px;background-image:url(/build/assets/add-0b975ac4.svg)}.box-form-dealer-list .btn-add-form{font-family:MiSans-TH,MiSans-EN,sans-serif!important;margin:auto;width:200px;height:44px;border-radius:6px;background-color:#08b491;color:#fff;font-size:16px}.box-form-dealer-list .btn-add-form .icon{margin-right:10px}.box-form-dealer-list .btn-add-form .icon.icon-white-add{background-image:url(/build/assets/white-add-dcb95a04.svg);background-size:24px}.group-btn{display:flex;flex-direction:row;justify-content:center;column-gap:20px}.group-btn .btn{font-family:MiSans-TH,MiSans-EN,sans-serif!important;height:46px;width:auto;border-radius:6px;font-size:16px}.group-btn .btn-cancel{width:153px;color:#505050;background-color:#f3f3f3}.group-btn .btn-save{width:180px;background-color:#009e40;color:#fff}.box-promotion-list *:not(.fa){font-family:MiSans-TH,MiSans-EN,sans-serif!important}.box-promotion-list>.title{width:100%;color:#262525;font-size:26px;font-weight:600;margin-bottom:20px}@media screen and (max-width: 576px){.box-promotion-list>.title{font-size:18px}}.box-promotion-list .box-table .badge-updated{background-color:#fff5b6!important}.box-promotion-list .box-summary{height:200px}@media screen and (max-width: 576px){.box-promotion-list .box-summary{height:auto}}.box-promotion-list .box-summary .box-comment{font-size:14px;color:red}.box-promotion-list .box-summary .card-summary{height:150px;width:150px;padding:5px;border-radius:6px;border:3px solid #31a746;display:flex;flex-direction:column;justify-content:center}.box-promotion-list .card-filter{background-color:#f5f5f5;border-radius:10px;margin-bottom:0;padding:10px 65px 10px 70px}@media screen and (max-width: 576px){.box-promotion-list .card-filter{padding:16px}}.box-promotion-list .card-filter .divider{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;width:100%}.box-promotion-list .card-filter .divider:before{content:"Export";padding:0 30px;background-color:#f5f5f5;z-index:1}.box-promotion-list .card-filter .divider:after{content:"";position:absolute;top:50%;width:50%;height:1px;background-color:#000;z-index:0}@media screen and (max-width: 576px){.box-promotion-list .card-filter .divider:after{width:100%}}.box-promotion-list .card-filter .card-body label{display:none}.box-promotion-list .card-filter .card-body input::placeholder{font-size:14px}.box-promotion-list .card-filter .card-body .select2-selection{height:38px;padding:4px 12px}.box-promotion-list .card-filter .card-body .select2-selection .select2-selection__rendered{padding:0 10px 0 0;font-size:14px}.box-promotion-list .card-filter .card-body .select2-selection .select2-selection__arrow{top:50%;transform:translateY(-50%)}.box-promotion-list .card-filter .card-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;background-color:#f5f5f5;height:auto!important;padding-bottom:10px;align-items:center}.box-promotion-list .card-filter .card-footer .btn{width:180px}.box-promotion-list .card-filter .card-footer .btn.btn-search{background-color:#31a746;color:#fff}.box-promotion-list .layout-promotion-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:32px}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list{gap:13px}}.box-promotion-list .layout-promotion-list .table tr th{text-align:center}.box-promotion-list .layout-promotion-list .box-add-form{flex:0 0 25%;max-width:calc(25% - 26px);width:100%;height:540px;border-radius:10px;border:solid 1.5px #08b491;background-color:#f9fffe;position:relative}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .box-add-form{flex:0 0 50%;max-width:calc(50% - 6.5px);height:auto;aspect-ratio:166/418}}.box-promotion-list .layout-promotion-list .box-add-form .txt-add-form{display:flex;flex-direction:column;align-items:center;row-gap:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);text-align:center;color:#08b491;font-size:16px;text-wrap:nowrap}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .box-add-form .txt-add-form{row-gap:16px}}.box-promotion-list .layout-promotion-list .box-add-form .txt-add-form .icon-add-form{margin:0;width:24px;height:24px;padding-left:24px;background-image:url(/build/assets/add-0b975ac4.svg)}.box-promotion-list .layout-promotion-list .card-promotion{flex:0 0 25%;max-width:calc(25% - 26px);width:100%;border:1px solid #ededed;border-radius:10px;padding:12px}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .card-promotion{flex:0 0 50%;padding:0;max-width:calc(50% - 6.5px)}}.box-promotion-list .layout-promotion-list .card-promotion .card-img{width:100%;max-width:374px;border:unset}.box-promotion-list .layout-promotion-list .card-promotion .card-img video,.box-promotion-list .layout-promotion-list .card-promotion .card-img img{border-radius:10px;width:100%;aspect-ratio:9/16;object-fit:cover}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .card-promotion .card-img video,.box-promotion-list .layout-promotion-list .card-promotion .card-img img{aspect-ratio:3/4;border-radius:10px 10px 0 0}}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .card-promotion .card-body{padding:13px 10px 6px}}.box-promotion-list .layout-promotion-list .card-promotion .card-body .detail{display:flex;flex-direction:column;row-gap:4px}.box-promotion-list .layout-promotion-list .card-promotion .card-body .detail .title{font-size:16px;text-align:left;color:#000;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .card-promotion .card-body .detail .title{-webkit-line-clamp:2}}.box-promotion-list .layout-promotion-list .card-promotion .card-body .detail .promotion-date{color:#262525;font-size:14px;line-height:20px}.box-promotion-list .layout-promotion-list .card-promotion .card-body .detail .promotion-dealer{font-size:14px;line-height:20px;color:#57666d;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .card-promotion .card-body .detail .promotion-dealer{-webkit-line-clamp:2}}.box-promotion-list .layout-promotion-list .card-promotion .card-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:52px;border-top:unset;margin:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .card-promotion .card-footer{flex-direction:column;row-gap:14px;height:auto;align-items:start;padding:0 10px 10px}}.box-promotion-list .layout-promotion-list .card-promotion .card-footer .promotion-status{width:auto;height:22px;padding:1px 6px 1px 22px;border-radius:30px;color:#505050;font-size:14px;line-height:22px;font-weight:500;box-shadow:1px 1px 2px #0000001a;background-color:#fffc;position:relative}.box-promotion-list .layout-promotion-list .card-promotion .card-footer .promotion-status:before{content:"";position:absolute;top:50%;left:6px;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:#fa3131}.box-promotion-list .layout-promotion-list .card-promotion .card-footer .promotion-status.active:before{background-color:#0cc658}.box-promotion-list .layout-promotion-list .card-promotion .card-footer .group-btn{display:flex;flex-direction:row;column-gap:4px}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .card-promotion .card-footer .group-btn{width:100%;justify-content:space-between}}.box-promotion-list .layout-promotion-list .card-promotion .card-footer .group-btn .btn.btn-edit{width:98px;height:36px;background-color:#546b80;color:#fff;font-size:12px;padding:8px}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .card-promotion .card-footer .group-btn .btn.btn-edit{width:100%}}.box-promotion-list .layout-promotion-list .card-promotion .card-footer .group-btn .btn.btn-delete{width:36px;height:36px;padding:0;background-color:#f3f3f3}@media screen and (max-width: 576px){.box-promotion-list .layout-promotion-list .card-promotion .card-footer .group-btn .btn.btn-delete{min-width:36px}}.box-promotion-list .layout-promotion-list .card-promotion .card-footer .group-btn .btn .icon{width:24px;height:24px;padding-left:24px;background-size:24px}.box-promotion-list .layout-promotion-list .card-promotion .card-footer .group-btn .btn .icon.icon-delete{background-image:url(/build/assets/delete-red-95904c23.svg);margin-right:0}.box-promotion-list .layout-promotion-list .card-promotion .card-footer .group-btn .btn .icon.icon-white-edit{background-image:url(/build/assets/white-edit-cee7e941.svg);margin-right:4px}.box-form-promotion *:not(.fa,.gj-icon){font-family:MiSans-TH,MiSans-EN,sans-serif!important}.box-form-promotion>.title{width:100%;color:#262525;font-size:26px;font-weight:600;margin-bottom:20px}.box-form-promotion .group-upload-img{display:flex;flex-direction:row;justify-content:end;column-gap:46px}@media screen and (max-width: 576px){.box-form-promotion .group-upload-img{justify-content:center;column-gap:0px;width:100%;height:auto}}.box-form-promotion .group-upload-img .card-upload-img{width:320px;height:auto;background-color:#f9fffe;border-radius:10px;margin-bottom:16px}@media screen and (max-width: 576px){.box-form-promotion .group-upload-img .card-upload-img{width:100%;aspect-ratio:1/1}}.box-form-promotion .group-upload-img .card-upload-img.card-upload-img-empty{border:#08b491 1.5px solid}.box-form-promotion .group-upload-img .card-upload-img .card-body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.box-form-promotion .group-upload-img .card-upload-img .card-body .box-image{width:100%;max-width:320px;height:550px;background-color:#000;border-radius:8px;position:relative}@media screen and (max-width: 576px){.box-form-promotion .group-upload-img .card-upload-img .card-body .box-image{width:100%;max-width:unset;height:auto;aspect-ratio:1/1}}.box-form-promotion .group-upload-img .card-upload-img .card-body .box-image img,.box-form-promotion .group-upload-img .card-upload-img .card-body .box-image video{width:100%;max-width:320px;height:550px;object-fit:contain;border-radius:8px}@media screen and (max-width: 576px){.box-form-promotion .group-upload-img .card-upload-img .card-body .box-image img,.box-form-promotion .group-upload-img .card-upload-img .card-body .box-image video{height:auto;max-width:unset;aspect-ratio:1/1}}.box-form-promotion .group-upload-img .card-upload-img .card-body .box-image .btn-close{height:34px;width:34px;border-radius:50%;background-color:#fff;position:absolute;top:10px;right:10px;padding:0;box-shadow:.9px .9px 3.7px #0000002e}.box-form-promotion .group-upload-img .card-upload-img .card-body .box-image .btn-close .icon-delete{margin-right:0;padding-left:34px;background-image:url(/build/assets/delete-red-95904c23.svg);background-size:24px}.box-form-promotion .group-upload-img .card-upload-img .card-body .btn-upload-img-circle{width:46px;height:46px;border-radius:50%;background-color:#08b491;padding:10px;margin-bottom:6px}.box-form-promotion .group-upload-img .card-upload-img .card-body .btn-upload-img-circle .icon-upload-img{margin:0;background-image:url(/build/assets/white-upload-img-a7e3f6a8.svg);background-size:28px}.box-form-promotion .group-upload-img .card-upload-img .card-body .title-update{color:#08b491;line-height:24px;font-size:16px;margin-bottom:16px}.box-form-promotion .group-upload-img .card-upload-img .card-body .detail-update{color:#505050;font-size:14px;margin-bottom:0}@media screen and (max-width: 576px){.box-form-promotion .group-upload-img .card-upload-img .card-body .detail-update{font-size:14px}}.box-form-promotion .group-upload-img .btn-upload-img{width:190px;padding:6px 10px;color:#08b491;line-height:22px;font-size:16px;font-weight:600;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #00000040;background-color:#fffffff7}.box-form-promotion .group-upload-img .btn-upload-img .icon{width:24px;height:24px;padding-left:24px;margin-right:6px}.box-form-promotion .group-upload-img .btn-upload-img .icon.icon-upload-img{background-image:url(/build/assets/upload-img-810ad786.svg)}.box-form-promotion .group-upload-img .divider{width:1px;height:550px;border-left:1px #d9d9d9 dashed}.box-form-promotion .group-form{max-width:400px;width:100%;display:flex;flex-direction:column;row-gap:20px}.box-form-promotion .group-form fieldset{display:flex;flex-direction:column;row-gap:8px}.box-form-promotion .group-form fieldset label{font-size:14px;color:#262525;margin:0}.box-form-promotion .group-form fieldset .form-control{border:#d9d9d9 solid 1px;border-radius:4px;padding:6px 16px}.box-form-promotion .group-form fieldset .form-control::placeholder{font-family:MiSans-TH,MiSans-EN,sans-serif!important;color:#707b82;font-weight:400;font-size:14px}.box-form-promotion .group-form fieldset textarea{padding:10px 16px}.box-form-promotion .group-form fieldset textarea::placeholder{font-family:MiSans-TH,MiSans-EN,sans-serif!important;color:#707b82;font-weight:400;font-size:14px}.box-form-promotion .group-form fieldset .select2{color:#262525}.box-form-promotion .group-form fieldset .select2 .select2-selection{height:44px;padding:8px 16px}.box-form-promotion .group-form fieldset .select2 .select2-selection__rendered,.box-form-promotion .group-form fieldset .select2 .select2-selection__placeholder{color:#262525;padding:0}.box-form-promotion .group-form fieldset .select2 .select2-selection__arrow b{border:unset;width:24px;height:24px;position:absolute;left:unset;right:16px;background-image:url(/build/assets/chevron-down-c78d0c1d.svg);background-repeat:no-repeat;background-size:24px}.box-form-promotion .group-form fieldset .select2 .select2-selection__arrow b:before{content:"";width:24px;height:24px}.box-form-promotion .group-form .group-form-brand{display:flex;flex-direction:column;row-gap:20px;background-color:#f4f9ff;border-radius:8px;padding:20px 20px 30px}.box-form-promotion .group-form .group-form-brand .form-group{display:flex;flex-direction:column;row-gap:16px}.box-form-promotion .group-form .group-form-date .gj-datepicker input[data-type=datepicker]{height:44px;border-right:unset}.box-form-promotion .group-form .group-form-date .gj-datepicker .input-group-append button{height:44px}.box-form-promotion .group-form .group-form-date .gj-datepicker .input-group-append button .gj-icon{position:absolute;top:50%;transform:translateY(-50%)}.box-form-promotion .group-form .group-form-switch{display:flex;flex-direction:column;row-gap:8px}.box-form-promotion .group-form .group-form-switch .group-switch{background-color:#f4f9ff;border-radius:8px;height:68px;display:flex;flex-direction:row;column-gap:20px;align-items:center;justify-content:center}.box-form-promotion .group-form .group-form-switch .group-switch .text-status-switch{height:22px;line-height:20px;width:auto;color:#262525;font-size:14px}.box-form-promotion .group-form .group-form-button{display:flex;flex-direction:row;column-gap:22px}.box-form-promotion .group-form .group-form-button .btn{height:46px;border-radius:6px}.box-form-promotion .group-form .group-form-button .btn-reset{color:#505050;background-color:#f3f3f3}.box-form-promotion .group-form .group-form-button .btn-create{color:#fff;background-color:#009e40}.box-form-promotion .group-form .group-form-button .btn-create:disabled{color:#fff;background-color:#b8b8b8}.box-form-reset{font-size:16px;color:#000}.box-form-reset *:not(.fa){font-family:NotoSans,sans-serif!important}.box-form-reset .title{color:#262525;font-size:20px;font-weight:700}.box-form-reset .detail{font-size:14px;color:#3f3f3f}.box-form-reset .invalid-email{font-size:14px;color:red}.box-form-reset label{font-size:16px;font-weight:600;margin-bottom:8px}.box-form-reset input{border:#dfdfdf solid 1px;border-radius:6px;padding:14px 14px 14px 36px;font-size:16px;font-weight:300;height:54px}.box-form-reset input::placeholder{color:#808285;font-size:16px;font-weight:300;letter-spacing:.16px}.box-form-reset .inp-icon{position:relative}.box-form-reset .inp-icon:after{content:"";position:absolute;top:50%;left:14px;transform:translateY(-50%);width:18px;height:18px;background-size:18px}.box-form-reset .inp-icon.inp-email:after{background-image:url(/build/assets/icons-xs-email-a20726e0.svg)}.box-form-reset .inp-icon.inp-password:after{background-image:url(/build/assets/icons-xs-password-15e1043a.svg)}.box-form-reset .inp-icon .icon-eye{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.box-lead-list *:not(.fa){font-family:MiSans-TH,MiSans-EN,sans-serif!important}.box-lead-list .text-wrap{overflow-wrap:break-word;word-break:break-word;white-space:normal}.box-lead-list .text-truncate{max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.box-lead-list .box-summary{height:200px}@media screen and (max-width: 576px){.box-lead-list .box-summary{height:auto}}.box-lead-list .box-summary .box-comment{font-size:14px;color:red}.box-lead-list .box-summary .card-summary{height:150px;width:150px;padding:16px;border-radius:6px;border:3px solid #31a746;display:flex;flex-direction:column;justify-content:center}.box-lead-list .card-filter{background-color:#f5f5f5;border-radius:10px;margin-bottom:0;padding:10px 65px 10px 70px}@media screen and (max-width: 576px){.box-lead-list .card-filter{padding:16px}}.box-lead-list .card-filter .divider{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;width:100%}.box-lead-list .card-filter .divider:before{content:"Export";padding:0 30px;background-color:#f5f5f5;z-index:1}.box-lead-list .card-filter .divider:after{content:"";position:absolute;top:50%;width:50%;height:1px;background-color:#000;z-index:0}.box-lead-list .card-filter .card-body .form-control{background-color:#fff}.box-lead-list .card-filter .card-body label{display:none}.box-lead-list .card-filter .card-body input::placeholder{font-size:14px}.box-lead-list .card-filter .card-body .select2-selection{height:38px;padding:4px 12px}.box-lead-list .card-filter .card-body .select2-selection .select2-selection__rendered{padding:0 10px 0 0;font-size:14px}.box-lead-list .card-filter .card-body .select2-selection .select2-selection__arrow{top:50%;transform:translateY(-50%)}.box-lead-list .card-filter .card-footer{display:flex;gap:10px;justify-content:center;background-color:#f5f5f5;height:auto!important;padding-bottom:10px;align-items:center}.box-lead-list .card-filter .card-footer .btn{width:180px}.box-lead-list .card-filter .card-footer .btn.btn-search{background-color:#31a746;color:#fff}.box-lead-list .card-filter .layout-lead-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:32px}@media screen and (max-width: 576px){.box-lead-list .card-filter .layout-lead-list{gap:13px}}.box-lead-list .card-filter .layout-lead-list .table tr th{text-align:center}.box-form-lead *:not(.fa){font-family:MiSans-TH,MiSans-EN,sans-serif!important}.box-form-lead .select2-selection{height:38px;padding:4px 12px}.box-form-lead .select2-selection .select2-selection__rendered{padding:0 10px 0 0;font-size:14px}.box-form-lead .select2-selection .select2-selection__arrow{top:50%;transform:translateY(-50%)}.section-num{border-radius:50%;background-color:#009e40;width:24px;height:24px;color:#fff;align-items:center;justify-content:center;display:flex;margin-right:5px}