*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;margin:0;padding:0;font-family:Sarabun,sans-serif;overflow:hidden}.Header-Content{z-index:1000;background-color:#fff;border-bottom:none;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;display:flex}.Title-Content{color:#333;background-color:#fff;border-bottom:none;border-radius:8px;align-items:center;padding:16px;font-size:1rem;font-weight:600;display:flex}.Body-Content{flex-direction:column;flex:1;gap:20px;height:100%;margin-top:20px;margin-bottom:2rem;display:flex;overflow-y:auto}.content-container{width:100%;height:100vh;display:flex}@media screen and (max-width:768px){.Header-Content,.Title-Content,.Body-Content{padding:10px}.Title-Content{font-size:1.2rem}}