@font-face{font-family:KwamSook-Regular;src:url(./KwamSook%E2%84%A2regular.BLhREoWL.otf)}@font-face{font-family:KwamSook-Bold;src:url(./KwamSook%E2%84%A2bold.DD6ifPHr.otf)}@font-face{font-family:KaLaTeXa-Regular;src:url(./KaLaTeXa%E2%84%A2Regular.BTbMdA2r.otf)}:root{--global-margin:20px}body{color:#030303;scroll-behavior:smooth;margin:0;font-family:KwamSook-Regular,sans-serif}header{z-index:1000;background-color:#f6f6f6;border-bottom:1px solid #f2f2f2;padding-bottom:4px;position:sticky;top:0}div.header-inner{background-color:#f6f6f6;max-width:1024px;margin:0 auto;padding:5px 20px 0}div.header-wrapper{grid-template-columns:auto auto;display:grid}div.header-title{padding:5px 20px 0 0}a.no-decoration:link,a.no-decoration:visited,a.no-decoration:hover,a.no-decoration:active{border-bottom:none;text-decoration:none}img.logo-img{height:110px}img.logo-title{height:50px}nav{padding-top:0}nav ul{padding-left:0}nav li{vertical-align:middle;margin:0;padding:7px 0;font-size:.8rem;font-weight:700;display:inline-block}div.step-group-white{background-color:#fff;border-radius:16px;margin:0 .5rem;padding:0 7px;display:inline-block;box-shadow:0 1px 8px #ccc}div.step-group{margin:0 .1rem;padding:.1rem .5rem;display:inline-block}nav li a:link,nav li a:visited{text-align:center;border-bottom:none;padding:.5rem;display:block}nav li a:hover,nav li a:active{color:#fff;background-color:#007bde;border-bottom:none;border-radius:16px;display:block}nav li a.step1:after{text-align:center;content:"1";color:#fff;background-color:#cfcfcf;border-radius:50%;width:1rem;height:1rem;margin:5px auto 0;padding:5px;display:block}nav li a.step1-selected:after{text-align:center;content:"1";color:#fff;background-color:#319cf2;border-radius:50%;width:1rem;height:1rem;margin:5px auto 0;padding:5px;display:block}nav li a.step2:after{text-align:center;content:"2";color:#fff;background-color:#cfcfcf;border-radius:50%;width:1rem;height:1rem;margin:5px auto 0;padding:5px;display:block}nav li a.step2-selected:after{text-align:center;content:"2";color:#fff;background-color:#319cf2;border-radius:50%;width:1rem;height:1rem;margin:5px auto 0;padding:5px;display:block}nav li a.step3:after{text-align:center;content:"3";color:#fff;background-color:#cfcfcf;border-radius:50%;width:1rem;height:1rem;margin:5px auto 0;padding:5px;display:block}nav li a.step3-selected:after{text-align:center;content:"3";color:#fff;background-color:#319cf2;border-radius:50%;width:1rem;height:1rem;margin:5px auto 0;padding:5px;display:block}nav li a.step4:after{text-align:center;content:"4";color:#fff;background-color:#cfcfcf;border-radius:50%;width:1rem;height:1rem;margin:5px auto 0;padding:5px;display:block}nav li a.step4-selected:after{text-align:center;content:"4";color:#fff;background-color:#319cf2;border-radius:50%;width:1rem;height:1rem;margin:5px auto 0;padding:5px;display:block}a.menu-selected:link,a.menu-selected:visited,a.menu-selected:hover,a.menu-selected:active{color:#fff;background-color:#007bde;border-bottom:none;border-radius:16px;display:block}main.bg-white{background-color:#fff}main.bg-pale-gray{background-color:#f5f5f5}main.bg-pale-gray-gradient{background:linear-gradient(#f2f2f2 0%,#fff 100%)}main.bg-gray{background-color:#e6e6e6}main.bg-dark-gray{background-color:#d3d3d4}main.bg-dark-blue{background-color:#00548b}main.bg-dark-green{background-color:#adc700}div.main-inner{max-width:1024px;margin:0 auto;padding:20px}div.main-inner-low-padding{max-width:1024px;margin:0 auto;padding:0 20px 20px}a:link,a:visited{color:#030303;border-bottom:1px dotted #4d4d4d;text-decoration:none}a:hover,a:active{color:#007bde;border-bottom:2px solid #007bde;text-decoration:none}a.white:link,a.white:visited{color:#fff;border-bottom:1px dotted #fff;text-decoration:none}a.white:hover,a.white:active{color:#fff;border-bottom:2px solid #fff;text-decoration:none}h1,h2,h3,h4,h5{font-family:KwamSook-Bold,sans-serif}h1{font-size:2.5rem}h2{font-size:2.2rem}h2.subtitle{color:gray;margin-top:-1rem}h1.home-heading{font-size:2.2rem}h1.home-heading a:link,h1.home-heading a:visited,h2.home-heading a:link,h2.home-heading a:visited,h1.home-heading a:hover,h1.home-heading a:active,h2.home-heading a:hover,h2.home-heading a:active{border:none}h2.home-heading{font-size:1.25rem}h3{font-size:1.5rem}h4{font-size:1.2rem}p,li{font-family:KaLaTeXa-Regular,sans-serif;font-size:1.4rem}.description{font-family:KwamSook-Regular,sans-serif;font-size:1.6rem}.center{text-align:center}.align-right{text-align:right}img.to-top{width:20px;height:auto}img.read{vertical-align:middle;width:auto;height:1.2rem;margin-right:5px;display:inline}img.gear{vertical-align:middle;width:auto;height:1rem;margin-right:4px;display:inline}img.download{vertical-align:middle;width:auto;height:.9rem;margin-right:2px;display:inline}.center-width-75{width:74%;margin:0 auto;display:block}.sans{font-family:KwamSook-Regular,sans-serif}.serif{font-family:KaLaTeXa-Regular,serif}.white{color:#fff}.light-gray{color:#d6d6d6}.gray{color:gray}.red{color:#b55880}.blue{color:#007bde}.dark-blue{color:#00548b}.green{color:#bcd800}.dark-green{color:#bbcc1a}.small{font-size:1.2rem}.smaller{font-size:1rem}.smallest{font-size:.85rem}.gray-small{color:gray;font-size:1rem;line-height:100%}.low-margin{margin-top:.25rem;margin-bottom:.25rem}.block{display:block}.inline-block{display:inline-block}.border-round{border-radius:12px}hr{border:.5px solid #e6e6e6;margin-top:1.5rem;margin-bottom:1.5rem}div.spacer{height:.5rem}div.navigate-back{margin-top:.75rem;margin-bottom:1.5rem;font-size:1rem}div.navigate-back a:link,div.navigate-back a:visited,div.navigate-back a:hover,div.navigate-back a:active{border:none}div.notice{color:#fff;background-color:#007bde;border-radius:16px;padding:.25rem 2rem}div.input-body-wrapper{grid-template-columns:50% auto;gap:1rem;display:grid}div.input-body-markdown{border-radius:8px;outline:1px solid #e6e6e6;padding:1rem}input[type=text],input[type=number],input[type=email],input[type=password]{width:calc(100% - (var(--global-margin) * 1));max-width:calc(460px - (var(--global-margin) * 1));border:none;border-radius:8px;outline:1px solid #e6e6e6;padding:10px}label.quiz{font-family:KaLaTeXa-Regular;font-size:1.25rem}textarea{width:calc(100% - (var(--global-margin) * 1));border:none;border-radius:8px;outline:1px solid #e6e6e6;height:16rem;padding:10px}select{cursor:pointer;background-color:#fff;border:none;border-radius:8px;outline:1px solid #e6e6e6;padding:10px;font-family:KwamSook-Regular}button{color:#030303;cursor:pointer;background-color:#bcd800;border:none;border-radius:20px;padding:10px 25px;font-family:KwamSook-Regular,sans-serif;font-weight:700}button:hover{background-color:#adc700;transition:background-color .3s}button:active{outline:2px solid #ccc}button.link{color:#030303;cursor:pointer;background-color:#fff;border:none;border-radius:8px;padding:5px 15px;font-family:KwamSook-Regular,sans-serif}button.link:hover{color:#007bde}button.link:active{outline:2px solid #ccc}button.gray{color:#030303;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:20px;padding:10px 15px;font-family:KwamSook-Regular,sans-serif}button.gray:hover{background-color:#d9d9d9;transition:background-color .3s;box-shadow:0 1px 8px #ccc}button.gray:active{outline:2px solid #ccc}button.red{color:#030303;cursor:pointer;background-color:#ffe6e6;border:1px solid #007bde;border-radius:20px;padding:10px 15px;font-family:KwamSook-Regular,sans-serif;font-weight:700}button.red:hover{background-color:#fcc;transition:background-color .3s;box-shadow:0 1px 8px #ccc}button.red:active{outline:2px solid #ccc}button.edit-tool{color:#030303;cursor:pointer;background-color:#fff;border:none;padding:.5rem;font-family:KwamSook-Regular,sans-serif}button.edit-tool:hover{box-shadow:none;background-color:#fff}button.edit-tool:active{outline:none;font-weight:700}.inline{display:inline}a.button:link,a.button:visited{color:#030303;cursor:pointer;background-color:#bcd800;border-bottom:none;border-radius:20px;margin-bottom:.5rem;padding:10px 25px;font-size:.8rem;font-weight:700;display:inline-block}a.button:hover{color:#030303;cursor:pointer;background-color:#adc700;border-bottom:none;border-radius:20px;margin-bottom:.5rem;padding:10px 25px;font-size:.8rem;font-weight:700;transition:background-color .3s;display:inline-block}a.button:active{color:#030303;cursor:pointer;background-color:#adc700;border-bottom:none;border-radius:20px;outline:2px solid #ccc;margin-bottom:.5rem;padding:10px 25px;font-size:.8rem;font-weight:700;display:inline-block}a.button-thin:link,a.button-thin:visited{color:#030303;cursor:pointer;background-color:#fff;border:1px solid #007bde;border-radius:20px;padding:5px 35px;font-size:.8rem;display:inline-block}a.button-thin:hover{color:#030303;cursor:pointer;background-color:#007bde;border:1px solid #007bde;border-radius:20px;padding:5px 35px;font-size:.8rem;transition:background-color .3s;display:inline-block;box-shadow:1px 1px 8px #ccc}a.button-thin:active{color:#030303;cursor:pointer;background-color:#007bde;border:1px solid #007bde;border-radius:20px;outline:2px solid #ccc;padding:5px 35px;font-size:.8rem;display:inline-block}span.tag{background-color:#e6e6e6;border-radius:8px;margin:.5rem .5rem .5rem 0;padding:.5rem;display:inline-block}span.red-notice{background-color:#ffe6e6;border-radius:8px;margin:5px 0 10px;padding:5px 10px;font-size:.8rem;display:inline-block}span.yellow-notice{background-color:#ffc;border-radius:8px;margin:5px 0 10px;padding:5px 10px;font-size:.8rem;display:inline-block}span.blue-notice{background-color:#cedde6;border-radius:8px;margin:5px 0 10px;padding:5px 10px;font-size:.8rem;display:inline-block}details.form-instruction{margin-top:.5rem;font-size:.8rem}summary{cursor:pointer;background-color:#f2f2f2;border-radius:8px;padding:.25rem .5rem}blockquote{border-left:4px solid #e6e6e6;margin-left:1rem;padding-left:1rem}code{background-color:#e6e6e6;border-radius:4px;padding:0 .25rem;display:inline-block}img,img.main{max-width:100%;height:auto}img.logo{max-width:250px;height:auto}img.default{outline:1px solid #e6e6e6}img.square{object-fit:cover;aspect-ratio:1;width:100%}img.cover{object-fit:cover;aspect-ratio:1.5;width:100%}div.login-wrapper{border:1px solid #e6e6e6;border-radius:16px;max-width:480px;margin:0 auto;padding:.5rem 1.5rem;box-shadow:0 2px 16px #e6e6e6}div.topic-content h1{margin-top:.25rem;font-size:2rem}div.topic-content h2{margin-top:.25rem}div.content-card-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-bottom:3rem;display:grid}div.content-card{background-color:#f2f2f2;border-radius:16px;height:fit-content;padding-bottom:.5rem;display:inline-block;box-shadow:0 1px 6px #909090}div.content-card:hover{outline:3px solid #007bde}div.content-card img{object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px;width:100%;height:100%}div.content-card h3{padding-left:.75rem;padding-right:.75rem;font-size:1.25rem}div.contact-card{margin-bottom:2rem;padding:5px 2rem;box-shadow:1px 1px 8px #ccc}div.contact-wrapper{grid-template-columns:32px auto;align-items:start;display:grid}img.icon-contact{width:auto;height:1.5rem}div.grid-2-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:1.5rem;display:grid}table.content th,table.content td{vertical-align:text-top;padding:.5rem 1rem;font-family:KaLaTeXa-Regular;font-size:1.25rem}th.table-col-40{width:40%}h1.topic,p.topic{margin-left:250px}div.topic-wrapper{grid-template-columns:220px auto;gap:30px;display:grid}div.topic-sidebar{max-height:420px;position:sticky;top:155px}a.sidebar-item-selected:link,a.sidebar-item-selected:visited,a.sidebar-item-selected:hover,a.sidebar-item-selected:active{color:#fff;background-color:#007bde;border:none;border-radius:12px;padding:.75rem;font-size:1rem;font-weight:700;text-decoration:none;display:block}a.sidebar-item:link,a.sidebar-item:visited{color:#727276;border:none;padding:.75rem;font-size:1rem;font-weight:700;text-decoration:none;display:block}a.sidebar-item:hover,a.sidebar-item:active{color:#007bde;border:none;padding:.75rem;font-size:1rem;font-weight:700;text-decoration:none;display:block}div.popup{z-index:1;background-color:#fff;border-radius:20px;width:70vw;height:auto;max-height:70vh;padding:0 2rem 1rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:1px 1px 8px #ccc}div.popupClose{text-align:right;background-color:#fff;padding:1rem 0 .5rem;position:sticky;top:0}div.quiz-result{border:2px solid #007bde;border-radius:16px;margin-top:2rem;padding:.25rem 1rem}div.file-input-wrapper{border:2px dashed #e6e6e6;padding:10px}div.image-insert-wrapper{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin:1rem 0;display:grid}div.image-insert-wrapper img{width:150px;height:auto}.iframe-container{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.iframe-item{width:100%;height:100%;position:absolute;inset:0}div.manage-wrapper{grid-template-columns:auto auto;justify-content:start;align-items:start;gap:2rem;display:grid}table.manage td{border:1px solid #e6e6e6;padding:0 1rem}th.datetime{width:180px}footer{background-color:#00548b}div.footer-inner{color:#fff;background-color:#00548b;max-width:1024px;margin:0 auto;padding:10px 20px 30px}div.footer-address-wrapper{grid-template-columns:150px auto 150px;align-items:center;gap:1rem;max-width:600px;margin:0 auto;display:grid}.footer-pale{color:#e5e5e5}img.logo-thaihealth{width:auto;height:120px}img.logo-fb{width:auto;height:60px}@media only screen and (width<=860px){header{position:relative}div.header-wrapper{grid-template-columns:140px auto;display:grid}h1.topic,p.topic{margin-left:0}div.topic-wrapper{grid-template-columns:100%;gap:0;display:grid}div.topic-sidebar{text-align:center;background-color:#fff;border-bottom:1px solid #e6e6e6;max-height:150px;padding-top:5px;padding-bottom:5px;top:0}a.sidebar-item-selected:link,a.sidebar-item-selected:visited{color:#fff;background-color:#007bde;border-radius:12px;padding:.25rem .5rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}a.sidebar-item-selected:hover,a.sidebar-item-selected:active{color:#fff;background-color:#007bde;border-bottom:none;border-radius:12px;padding:.25rem .5rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}a.sidebar-item:link,a.sidebar-item:visited{color:#727276;padding:.25rem .5rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}a.sidebar-item:hover,a.sidebar-item:active{color:#007bde;border-bottom:none;padding:.25rem .5rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}}@media only screen and (width<=600px){h1{font-size:1.8rem}h2{font-size:1.6rem}h3{font-size:1.3rem}div.input-body-wrapper{grid-template-columns:100%;display:grid}div.content-card-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}div.footer-address-wrapper{text-align:center;grid-template-columns:100%}footer h1{font-size:1.5rem}img.logo-thaihealth{width:auto;height:100px;margin:0 auto}img.logo-fb{width:auto;height:50px;margin:1rem auto}}@media only screen and (width<=490px){nav{padding-top:15px}nav ul{margin-top:0;margin-bottom:0}nav li{vertical-align:middle;margin:0;padding:5px 10px;font-size:.8rem;font-weight:700;display:inline-block}div.step-group-white{float:right;text-align:right;background-color:#fff;border-radius:16px;max-width:162px;margin:0 .5rem .75rem;padding:.25rem 0;display:block;box-shadow:0 1px 8px #ccc}div.step-group{text-align:right;margin:0 .1rem;padding:0;display:block}nav li a:link,nav li a:visited{text-align:right;border-bottom:none;padding:.5rem;display:block}nav li a:hover,nav li a:active{color:#fff;background-color:#007bde;border-bottom:none;border-radius:16px;display:block}nav li a.step1:after,nav li a.step1-selected:after,nav li a.step2:after,nav li a.step2-selected:after,nav li a.step3:after,nav li a.step3-selected:after,nav li a.step4:after,nav li a.step4-selected:after{display:none}a.menu-selected:link,a.menu-selected:visited,a.menu-selected:hover,a.menu-selected:active{color:#fff;background-color:#007bde;border-bottom:none;border-radius:16px;display:block}}@media print{*{font-size:.8rem}.no-print{display:none}}div.tool-wrapper.svelte-12qhfyh{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1rem;display:grid}div.tool-card.svelte-12qhfyh{background-color:#fff;border-radius:16px;height:fit-content;padding:5px 13px 15px;box-shadow:0 5px 5px #0003}div.tool-card-header.svelte-12qhfyh{grid-template-columns:20px 35px auto;align-items:center;gap:1rem;display:grid}a.button-full.svelte-12qhfyh:link,a.button-full.svelte-12qhfyh:visited{color:#030303;cursor:pointer;background-color:#bcd800;border-bottom:none;border-radius:12px;padding:10px 12px;font-size:.8rem;font-weight:700;display:block}a.button-full.svelte-12qhfyh:hover{color:#030303;cursor:pointer;background-color:#adc700;border-bottom:none;border-radius:12px;padding:10px 12px;font-size:.8rem;font-weight:700;transition:background-color .3s;display:block}a.button-full.svelte-12qhfyh:active{color:#030303;cursor:pointer;background-color:#adc700;border-bottom:none;border-radius:12px;outline:2px solid #ccc;padding:10px 12px;font-size:.8rem;font-weight:700;display:block}@media only screen and (width<=600px){div.tool-wrapper.svelte-12qhfyh{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}}