@font-face{font-family:"Noto Sans Thai";src:url("/assets/fonts/Noto_Sans_Thai/NotoSansThai.ttf") format("truetype");font-weight:normal}body{margin:0px}body .modal{display:none;position:fixed;z-index:1000;width:100%;height:100%;left:0;top:0;overflow:auto;background:rgba(0,0,0,0.8);transition:0.3s;justify-content:center;align-items:center}body .modal-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center}body .modal-box .modal-content{background-color:#fff;padding:20px;border-radius:16px;width:100%;max-width:540px;margin:0px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;animation:slideDown 0.3s ease-out}body .modal-box .modal-content .text-modal{display:flex;height:100px;justify-content:center;align-items:center;gap:10px;align-self:stretch}body .modal-box .modal-content .text-modal h2{color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:18px;font-weight:400}body .modal-box .modal-content.-task{max-height:80%;justify-content:flex-start;max-width:900px;max-height:80%}body .modal-box .modal-content .header{color:#000;font-family:"Noto Sans Thai";font-size:22px;font-weight:700;margin:0}body .modal-box .modal-content .head-section{display:flex;align-items:center;gap:16px}body .modal-box .modal-content .head-section .icon{width:90px;height:90px;display:flex;justify-content:center;align-items:center;border-radius:45px;background:#d9d9d9}body .modal-box .modal-content .head-section .icon i{font-size:40px;color:#ffffff}body .modal-box .modal-content .head-section .name{display:flex;flex-direction:column;align-items:flex-start}body .modal-box .modal-content .head-section .name h1{color:#000;font-family:"Noto Sans Thai";font-size:34px;font-weight:700;margin:0px}body .modal-box .modal-content .head-section .name .level{color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;gap:8px}body .modal-box .modal-content .head-section .name .level .level-text{color:#939393;font-family:"Noto Sans Thai";font-size:16px;font-weight:400}body .modal-box .modal-content .task-section-modal{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:0px 64px 40px 64px;margin-top:40px;overflow-y:auto}body .modal-box .modal-content .task-section-modal .task-modal-body{display:flex;flex-direction:column;align-items:flex-start;gap:5px;align-self:stretch;width:100%}body .modal-box .modal-content .task-section-modal .task-modal-body .head-task-modal{display:flex;align-items:center;gap:8px;justify-content:space-between;width:100%}body .modal-box .modal-content .task-section-modal .task-modal-body .head-task-modal h1{color:#000;font-family:"Noto Sans Thai";font-size:22px;font-style:normal;font-weight:700;line-height:normal}body .modal-box .modal-content .task-section-modal .task-modal-body .head-task-modal .del-task{color:#666;text-align:right;font-family:"Noto Sans Thai";font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline}body .modal-box .modal-content .task-section-modal .task-modal-body .task-content-modal{display:flex;flex-direction:column;align-items:flex-start;gap:5px;align-self:stretch}body .modal-box .modal-content .task-section-modal .task-modal-body .task-content-modal .task-list-modal{display:flex;align-items:flex-start;gap:10px;align-self:stretch}body .modal-box .modal-content .task-section-modal .task-modal-body .task-content-modal .task-list-modal.-image{flex-direction:column;margin-top:10px}body .modal-box .modal-content .task-section-modal .task-modal-body .task-content-modal .task-list-modal>h1{width:125px;margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-style:normal;font-weight:700;line-height:normal}body .modal-box .modal-content .task-section-modal .task-modal-body .task-content-modal .task-list-modal p{margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-style:normal;font-weight:400;line-height:normal}body .modal-box .modal-content .task-section-modal .task-modal-body .task-content-modal .task-list-modal p a{color:#000}body .modal-box .modal-content .task-section-modal .task-modal-body .task-content-modal .task-list-modal .image-list{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:16px}body .modal-box .modal-content .task-section-modal .task-modal-body .task-content-modal .task-list-modal .image-list img{max-width:100%}body .close{cursor:pointer;position:absolute;top:10px;right:10px;width:24px;height:24px;display:flex;justify-content:center;align-items:center}body .close i{font-size:20px;color:#939393}body .close.-info{background-color:#ccc;width:30px;height:30px;border-radius:100px}body .close.-info i{font-size:20px;color:white}body .close.-filter{display:none}body .close:hover{color:#000}body .button-modal-section{cursor:pointer;display:flex;flex-direction:row;gap:20px}body .modal-btn{display:flex;height:40px;width:180px;padding:5px 16px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-family:"Noto Sans Thai";color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:500}body .modal-btn.-task{margin-top:20px}body{}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}body .body{background-color:#e9f5fa;display:flex;justify-content:center;height:100%;min-height:100vh;position:relative}body .body .navbar{width:100%;background-color:white;position:absolute;top:0px;height:80px;display:flex;justify-content:center;align-items:center}body .body .navbar .navbarbody{display:flex;min-width:83%;justify-content:space-between;align-items:center}body .body .navbar .left-section{display:flex;align-items:center;gap:40px;padding-left:32px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:500}body .body .navbar .left-section img{height:40px}body .body .navbar .left-section .hellotext{color:#000;font-family:"Noto Sans Thai";font-size:30px;font-weight:500}body .body .navbar .right-section{padding-right:32px;color:#666;font-family:"Noto Sans Thai";font-size:16px;align-items:center;font-weight:500;line-height:normal;text-decoration:none;gap:4px;display:flex;justify-content:flex-end}body .body .navbar .right-section.-homepage{gap:20px}body .body .navbar .right-section a{color:#000}body .body .navbar .right-section i{color:#ccc;width:16px}body .body .body-register{margin-top:120px;margin-bottom:40px;max-width:900px;width:100%;display:flex;align-items:center}body .body .body-register.-homepage{align-items:flex-start;flex-direction:column;gap:10px}body .body .body-register.-fail{background-color:white;flex-direction:column;padding:32px 40px;gap:10px;margin-bottom:80px;border-radius:20px}body .body .body-register.-fail .logo{width:240px}body .body .body-register.-fail .center{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}body .body .body-register.-fail .center img{width:80%}body .body .body-register.-fail h1{color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:40px;font-style:normal;font-weight:400;line-height:normal}body .body .body-register.-fail p{margin:0px;color:#333;text-align:center;font-family:"Noto Sans Thai";font-size:24px;font-style:normal;font-weight:400;line-height:normal}body .body .body-register .display-box{box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%;padding:16px 32px;align-items:center;border-radius:16px;background-color:#fff;gap:32px}body .body .body-register .display-box.-profile{padding-top:20px}body .body .body-register .display-box .profile-section{gap:16px}body .body .body-register .display-box .profile-section{display:flex;align-items:center;gap:16px;width:100%}body .body .body-register .display-box .profile-section .icon{width:90px;height:90px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#d9d9d9}body .body .body-register .display-box .profile-section .icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}body .body .body-register .display-box .profile-section .icon i{font-size:40px;color:#ffffff}body .body .body-register .display-box .profile-section .name{display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 90px)}body .body .body-register .display-box .profile-section .name h1{color:#000;font-family:"Noto Sans Thai";font-size:22px;font-weight:700;line-height:1.4em;margin:0}body .body .body-register .display-box .profile-section .name .level{color:#939393;font-family:"Noto Sans Thai";font-size:16px;font-weight:400;line-height:normal}body .body .body-register .display-box .profile-section .edit-section{position:absolute;right:20px;top:5px;color:#666;cursor:pointer;font-family:"Noto Sans Thai";font-size:14px;font-weight:500;line-height:normal;text-decoration-line:underline;text-decoration-style:solid}body .body .body-register .display-box .head-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}body .body .body-register .display-box .head-section .header{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}body .body .body-register .display-box .head-section .header h1{margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:22px;font-weight:700;line-height:normal}body .body .body-register .display-box .head-section .header button{cursor:pointer;display:flex;width:95px;height:35px;justify-content:center;align-items:center;gap:10px;border:0px;border-radius:8px;background:#1752ec;color:#fff;text-align:center;font-family:"Noto Sans Thai";font-size:18px;font-weight:400;line-height:normal}body .body .body-register .display-box .head-section .subheader{display:flex;align-items:flex-start;gap:32px}body .body .body-register .display-box .head-section .subheader .subheader-box{display:flex;align-items:center;gap:10px}body .body .body-register .display-box .head-section .subheader .subheader-box h2{margin:0px;color:#666;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;line-height:normal}body .body .body-register .display-box .head-section .subheader .subheader-box h3{margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:600;line-height:normal}body .body .body-register .display-box .mission-section{min-height:600px;display:flex;flex-direction:column;width:100%;gap:5px}body .body .body-register .display-box .mission-section .head-mission{display:flex;width:100%;flex-direction:row;align-items:flex-start;gap:5px;justify-content:space-between}body .body .body-register .display-box .mission-section .head-mission .head-text{color:#666;font-family:"Noto Sans Thai";font-size:16px;font-weight:400;line-height:18px}body .body .body-register .display-box .mission-section .name{display:flex;flex-direction:row}body .body .body-register .display-box .mission-section .name .number{display:flex;width:30px;align-items:center;gap:5px}body .body .body-register .display-box .mission-section .amount{display:flex;width:80px;align-items:center;gap:5px}body .body .body-register .display-box .mission-section .mission-body{cursor:pointer;display:flex;padding:10px 0;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d9d9}body .body .body-register .display-box .mission-section .mission-body .text{color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:500}body .body .body-register .display-box .mission-section .mission-body .text.-bold{font-weight:600}body .body .body-register .display-box .empty-mission{min-height:600px;display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;color:#666;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;line-height:normal}body .body .body-register .register-box{width:100%;display:flex;padding:32px 230px;flex-direction:column;align-items:center;gap:30px;border-radius:32px;background-color:#fff;box-shadow:0 0 32px 0 rgba(66,92,199,0.05)}body .body .body-register .register-box img{width:240px}body .body .body-register .register-box .headtext{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}body .body .body-register .register-box .headtext h1{margin:0px;color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:48px;font-weight:400}body .body .body-register .register-box .headtext h2{margin-top:-10px;margin:0px;color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:22px;font-weight:400}body .body .body-register .register-box .headtext h2 .-displayphone{color:#1752ec}body .body .body-register .register-box .input-section{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:30px}body .body .body-register .register-box .input-section.-center{align-items:center}body .body .body-register .register-box .input-section .error-text{font-family:"Noto Sans Thai";font-size:0.9em;margin-left:5px;font-size:14px;color:#ff3333}body .body .body-register .register-box .input-section .input-box{display:flex;flex-direction:column;gap:8px;align-self:stretch}body .body .body-register .register-box .input-section .input-box>.text{color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;line-height:normal}body .body .body-register .register-box .input-section .input-box .input-enter{display:flex;height:40px;align-items:center;padding:0px 16px;border-radius:8px;background:#f5f5f5;border:0px;font-family:"Noto Sans Thai";color:#000000;font-weight:500;font-size:16px}body .body .body-register .register-box .input-section .input-box .input-enter:focus{border-color:blue}body .body .body-register .register-box .input-section .input-box .input-enter:focus-visible{outline:0px}body .body .body-register .register-box .input-section .input-box .input-enter::placeholder{font-family:"Noto Sans Thai",sans-serif;color:#cccccc;font-weight:500;font-size:16px}body .body .body-register .register-box .input-section .otp-section{display:flex;flex-direction:column;gap:10px}body .body .body-register .register-box .input-section .otp-container{display:flex;justify-content:center;gap:8px}body .body .body-register .register-box .input-section .otp-input{width:15%;max-width:40px;height:50px;text-align:center;font-size:20px;border:1px solid #ccc;border-radius:6px}body .body .body-register .register-box .input-section .otp-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 2px #007bff}body .body .body-register .register-box .register-button-section{cursor:pointer;display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}body .body .body-register .register-box .register-button-section .register-choice{display:flex;justify-content:flex-end;align-items:flex-start;gap:10px;align-self:stretch}body .body .body-register .register-box .register-button-section .register-choice .text-register{cursor:pointer;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:500}body .body .body-register .register-box .register-button-section .register-choice .line{background:#939393;width:1px;height:24px}body .body .body-register .register-box .register-button-section .register-button{display:flex;height:40px;padding:5px 16px;justify-content:center;align-items:center;gap:10px;width:100%;border-radius:8px;background:#1752ec;color:#fff;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;border:0px;cursor:pointer}body .body .body-register .register-box .again-OTP{cursor:pointer;font-family:"Noto Sans Thai",sans-serif;background-color:white;border:0px;font-size:16px;text-align:center;text-decoration:underline;color:#3bb143}body .body .body-register .register-box .body-button{display:flex;align-items:flex-start;gap:16px;align-self:stretch}body .body .body-register .register-box .body-button button{cursor:pointer;padding:5px 16px;border-radius:8px;border:0px;color:#ffffff;font-family:Noto Sans Thai;font-weight:500;font-size:16px;line-height:24px;height:40px}body .body .body-register .register-box .body-button button.first-page{margin:0px 16px}body .body .body-register .register-box .body-button button.stepup{background-color:#1752ec;flex:1 0 0}body .body .body-register .register-box .body-button button.stepdown{color:#000000;border:1px solid #cccccc;background-color:#ffffff;width:120px}body .body .body-register .edit-profile-box{display:flex;width:900px;padding:32px 16px;flex-direction:column;align-items:center;gap:30px;flex:1 0 0;border-radius:16px;background:#fff}body .body .body-register .edit-profile-box .main{display:flex;width:430px;flex-direction:column;align-items:flex-start;gap:30px}body .body .body-register .edit-profile-box .main .profile-head{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;align-self:stretch}body .body .body-register .edit-profile-box .main .profile-head .icon{width:120px;height:120px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#d9d9d9;position:relative}body .body .body-register .edit-profile-box .main .profile-head .icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}body .body .body-register .edit-profile-box .main .profile-head .icon i{font-size:40px;color:#ffffff}body .body .body-register .edit-profile-box .main .profile-head .icon .profile-preview{object-fit:cover;border-radius:50%;width:100%;height:100%}body .body .body-register .edit-profile-box .main .profile-head .icon .profile-image-input{position:absolute;bottom:0px;right:0px}body .body .body-register .edit-profile-box .main .profile-head .icon .profile-image-input i{font-size:24px;color:#000}body .body .body-register .edit-profile-box .main .profile-head .name{display:flex;flex-direction:column;align-items:center}body .body .body-register .edit-profile-box .main .profile-head .name h1{color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:34px;font-weight:700;line-height:normal;margin:0}body .body .body-register .edit-profile-box .main .profile-head .name .level{color:#939393;font-family:"Noto Sans Thai";font-size:16px;font-weight:400;line-height:normal}body .body .body-register .edit-profile-box .main .profile-body{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px}body .body .body-register .edit-profile-box .main .profile-body .header-text{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;gap:5px}body .body .body-register .edit-profile-box .main .profile-body .header-text h1{margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:22px;font-weight:700;line-height:normal}body .body .body-register .edit-profile-box .main .profile-body .header-text .edit-text{cursor:pointer;color:#666;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}body .body .body-register .edit-profile-box .main .profile-body .body-text{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}body .body .body-register .edit-profile-box .main .profile-body .body-text .content-box{position:relative;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}body .body .body-register .edit-profile-box .main .profile-body .body-text .content-box h1{margin:0px;color:#666;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;line-height:normal}body .body .body-register .edit-profile-box .main .profile-body .body-text .content-box p{margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:400;line-height:normal}body .body .body-register .edit-profile-box .main .profile-body .body-text .content-box .edit-input{box-sizing:border-box;width:100%;border:0px;margin:0px;height:40px;display:flex;align-items:center;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:400;line-height:normal;border-bottom:1px solid #939393}body .body .body-register .edit-profile-box .main .profile-body .body-text .content-box .edit-input:focus-visible{outline:0px}body .body .body-register .edit-profile-box .main .profile-body .body-text .content-box .suggestion-box{max-height:150px;overflow-y:auto;position:absolute;background:white;width:99%;z-index:100;top:63px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}body .body .body-register .edit-profile-box .main .profile-body .body-text .content-box .suggestion-item{padding:7px 10px;border:1px solid #f5f5f5;cursor:pointer}body .body .body-register .edit-profile-box .main .profile-body .body-text .content-box .suggestion-item:hover{background-color:#f0f0f0}body .body .body-register .edit-profile-box .main .profile-body .body-text .content-box .errortext{margin-top:5px;font-size:14px;font-family:"Noto Sans Thai";color:#ff3333}body .body .body-register .edit-profile-box .main .profile-button{cursor:pointer;width:100%;display:flex;height:40px;padding:5px 16px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:8px;border:1px solid #ccc;background:#fff;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:500}body .body .body-register .edit-profile-box .main .send-work-head{display:flex;flex-direction:column;align-items:center;gap:10px;align-self:stretch}body .body .body-register .edit-profile-box .main .send-work-head img{height:107px}body .body .body-register .edit-profile-box .main .send-work-head h1{margin:0px;color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:32px;font-weight:400;line-height:normal}body .body .body-register .edit-profile-box .main .send-work-body{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:20px}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section{position:relative;display:flex;flex-direction:column;gap:8px;align-self:stretch}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .error-text{font-family:"Noto Sans Thai";font-size:0.9em;margin-left:5px;font-size:14px;color:#ff3333}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .head-image{display:flex;flex-direction:row;justify-content:space-between}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .head-image button{cursor:pointer;display:none;padding:6px 10px;align-items:center;gap:6px;border-radius:6px;border:1px solid #ccc;background:#fff;color:#666;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;line-height:normal}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .head-image button i{color:#939393}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .text{color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;line-height:normal}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .subtext{color:#666;font-family:"Noto Sans Thai";font-size:12px;font-style:normal;font-weight:500;line-height:normal}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .subtext a{color:#000}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-enter{display:flex;height:40px;align-items:center;padding:0px 16px;border-radius:8px;background:#f5f5f5;border:0px;font-family:"Noto Sans Thai";color:#000000;font-weight:500;font-size:16px}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-enter:focus{border-color:blue}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-enter:focus-visible{outline:0px}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-enter::placeholder{font-family:"Noto Sans Thai",sans-serif;color:#cccccc;font-weight:500;font-size:16px}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload,body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload-file{display:flex;width:100%;height:120px;padding:16px 32px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:8px;border:2px dashed #d9d9d9;background:#f5f5f5;box-sizing:border-box}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload p,body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload-file p{margin:0px;color:rgba(204,204,204,0.8);font-family:"Noto Sans Thai";font-size:16px;font-weight:500;line-height:normal}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload button,body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload-file button{cursor:pointer;display:flex;padding:6px 10px;align-items:center;gap:6px;border-radius:6px;border:1px solid #ccc;background:#fff;color:#666;font-family:"Noto Sans Thai";font-size:16px;font-weight:500;line-height:normal}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload button i,body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload-file button i{color:#939393}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload .uploadTextFile,body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload-file .uploadTextFile{position:relative;display:none;padding:6px 10px;align-items:center;gap:6px;border-radius:6px;border:1px solid #ccc;background:#fff;color:#666;font-family:"Noto Sans Thai";font-size:16px;font-style:normal;font-weight:500;line-height:normal}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload .uploadTextFile .closeIcon,body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload-file .uploadTextFile .closeIcon{background-color:#4c4c4c;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:12px;position:absolute;right:-6px;top:-7px}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload .uploadTextFile .closeIcon i,body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload-file .uploadTextFile .closeIcon i{color:white}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload .progress-container,body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload-file .progress-container{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin-top:5px}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload .progress-bar,body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .input-upload-file .progress-bar{width:0%;height:100%;background-color:#4caf50;transition:width 0.3s}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .preview{display:grid;grid-template-columns:repeat(3,1fr);width:100%;position:relative;margin-top:16px;gap:8px}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .preview .preview-item{position:relative}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .preview .preview-item img{width:100%}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .preview .preview-item .closeIcon{background-color:#4c4c4c;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:12px;position:absolute;right:-6px;top:-7px}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .preview .preview-item .closeIcon i{color:white}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .radio-grid{display:grid;grid-template-columns:repeat(3,auto);gap:10px}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .radio-grid label{display:flex;align-items:center;cursor:pointer;gap:8px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:400;line-height:normal}body .body .body-register .edit-profile-box .main .send-work-body>.input-work-section .roundRadio{margin:0;width:25px;height:25px;accent-color:#1752ec}body .body .body-register .edit-profile-box .main .button-section{display:flex;align-items:flex-start;gap:16px;align-self:stretch}body .body .body-register .edit-profile-box .main .button-section button{cursor:pointer;display:flex;width:30%;height:40px;padding:5px 16px;justify-content:center;align-items:center;gap:10px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-style:normal;font-weight:500;line-height:normal;border-radius:8px;border:1px solid #ccc;background:#fff}body .body .body-register .edit-profile-box .main .button-section button.-submit{color:#fff;width:70%;background:#1752ec}@media (max-width:1025px){body .body{background-color:#ffffff;padding:0px 16px}body .body.-main{background-color:#e9f5fa}body .body.-main{background-color:#e9f5fa}body .body .navbar{border-bottom:1px solid #d9d9d9;height:60px}body .body .navbar.-main{display:flex}body .body .navbar .navbarbody{width:100%}body .body .navbar .navbarbody .left-section{gap:20px}body .body .navbar .navbarbody .left-section .hellotext{display:none;font-size:16px}body .body .navbar .navbarbody .left-section img{height:30px}body .body .navbar .navbarbody .right-section.-homepage .name{max-width:190px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}body .body .body-register{background-color:#ffffff;align-items:flex-start;margin:92px 0px}body .body .body-register.-homepage{margin-top:76px;background-color:#e9f5fa;padding:0px}body .body .body-register.-fail{margin-top:0px;align-items:center}body .body .body-register.-fail .logo{width:180px}body .body .body-register.-fail .center img{width:100%}body .body .body-register.-fail h1{font-size:32px}body .body .body-register.-fail p{font-size:16px}body .body .body-register .display-box{padding:16px}body .body .body-register .display-box .empty-mission{min-height:300px}body .body .body-register .display-box .mission-section{min-height:300px}body .body .body-register .register-box{box-shadow:none;padding:0px}body .body .body-register .register-box .headtext h1{font-size:32px}body .body .body-register .edit-profile-box{border-radius:0px;width:100%;padding:0px}body .body .body-register .edit-profile-box .main{width:100%}body .body .modal-box .modal-content .task-section-modal{padding:0px;margin-top:0px}}