@font-face{font-family:NotoSansThai-Regular;src:url(./NotoSansThai-Regular.DFNnFn8A.ttf)}@font-face{font-family:NotoSansThai-SemiBold;src:url(./NotoSansThai-SemiBold.Eb4WrtAh.ttf)}@font-face{font-family:NotoSansThaiLooped-Regular;src:url(./NotoSansThaiLooped-Regular.CoERur9O.ttf)}:root{--global-margin: 20px}body{margin:0;font-family:NotoSansThai-Regular,sans-serif;color:#333;scroll-behavior:smooth}header{background-color:#fff}div.header-inner{margin:0 auto;max-width:1024px;padding:20px 20px 10px;background-color:#fff}div.header-wrapper{display:grid;grid-template-columns:auto auto}div.header-title{padding:10px 20px 0 0;font-size:2.5rem}a.no-decoration:link,a.no-decoration:visited,a.no-decoration:hover,a.no-decoration:active{text-decoration:none;border-bottom:none}img.logo-img{height:80px}img.logo-title{height:50px}nav{padding-top:36px}nav ul{padding-left:0}nav li{display:inline-block;font-family:NotoSansThai-SemiBold;font-size:1rem;vertical-align:middle;padding:10px 15px}nav li a:link,nav li a:visited{color:#000;border-bottom:none}nav li a:hover,nav li a:active{color:#3189bb;border-bottom:2px solid #3189BB}main.bg-white{background-color:#fff}main.bg-nude{background-color:#f6edd9}main.bg-gray{background-color:#e6e6e6}main.bg-dark-blue{background-color:#005786}main.bg-blue{background-color:#3189bb}main.bg-dark-green{background-color:#628c56}main.bg-green{background-color:#a1d390}div.main-inner{margin:0 auto;max-width:1024px;padding:20px}a:link,a:visited{text-decoration:none;border-bottom:1px dotted #4d4d4d;color:#030303}a:hover,a:active{text-decoration:none;color:#3189bb;border-bottom:2px solid #3189BB}a.white:link,a.white:visited{text-decoration:none;border-bottom:1px dotted #ffffff;color:#fff}a.white:hover,a.white:active{text-decoration:none;color:#fff;border-bottom:2px solid #3189BB}h1,h2,h3,h4,h5{font-family:NotoSansThai-SemiBold,sans-serif;margin-bottom:.5rem}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.8rem}h4{font-size:1.2rem}p,li{font-family:NotoSansThaiLooped-Regular,sans-serif;font-size:1rem}.description,.description p{font-family:NotoSansThai-Regular,sans-serif;font-size:1.25rem}.center{text-align:center}.align-right{text-align:right}img.to-top{width:20px;height:auto}.center-width-75{display:block;margin:0 auto;width:74%}.sans{font-family:NotoSansThai-Regular,sans-serif}.serif{font-family:NotoSansThaiLooped-Regular,serif}.white{color:#fff}.light-gray{color:#d6d6d6}.red{color:#c06b42}.blue{color:#3189bb}.dark-blue{color:#005786}.green{color:#a1d390}.dark-green{color:#628c56}.small{font-size:1.2rem}.smaller{font-size:.9rem}.smallest{font-size:.75rem}.gray-small{font-size:.85rem;line-height:100%;color:gray}.low-margin{margin-top:.25rem;margin-bottom:.25rem}.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.input-body-wrapper{display:grid;grid-template-columns:50% auto;gap:1rem}div.input-body-markdown{padding:1rem;border-radius:8px;outline:1px solid #e6e6e6}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));padding:10px;border:none;border-radius:8px;outline:1px solid #e6e6e6}textarea{width:calc(100% - (var(--global-margin) * 1));height:16rem;padding:10px;border:none;border-radius:8px;outline:1px solid #e6e6e6}button{font-family:NotoSansThai-Regular,sans-serif;font-weight:700;padding:10px 25px;color:#030303;background-color:#a1d390;border:none;border-radius:20px;cursor:pointer}button:hover{background-color:#89b47b;transition:background-color .3s}button:active{outline:2px solid #cccccc}button.gray{font-family:NotoSansThai-Regular,sans-serif;padding:10px 15px;color:#030303;background-color:#fff;border:1px solid #cccccc;border-radius:20px;cursor:pointer}button.gray:hover{background-color:#d9d9d9;box-shadow:0 1px 8px #ccc;transition:background-color .3s}button.gray:active{outline:2px solid #cccccc}button.red{font-family:NotoSansThai-Regular,sans-serif;padding:10px 15px;color:#030303;font-weight:700;background-color:#ffe6e6;border:1px solid #3189BB;border-radius:20px;cursor:pointer}button.red:hover{background-color:#fcc;box-shadow:0 1px 8px #ccc;transition:background-color .3s}button.red:active{outline:2px solid #cccccc}button.edit-tool{font-family:NotoSansThai-Regular,sans-serif;padding:.5rem;color:#030303;background-color:#fff;border:none;cursor:pointer}button.edit-tool:hover{background-color:#fff;box-shadow:none}button.edit-tool:active{font-weight:700;outline:none}.inline{display:inline}a.button:link,a.button:visited{display:inline-block;font-size:.8rem;font-weight:700;padding:10px 25px;color:#030303;background-color:#a1d390;border-radius:20px;border-bottom:none;cursor:pointer}a.button:hover{display:inline-block;font-size:.8rem;font-weight:700;padding:10px 25px;color:#030303;background-color:#89b47b;border-radius:20px;border-bottom:none;transition:background-color .3s;cursor:pointer}a.button:active{display:inline-block;font-size:.8rem;font-weight:700;padding:10px 25px;color:#030303;background-color:#89b47b;border-radius:20px;border-bottom:none;outline:2px solid #cccccc;cursor:pointer}a.button-thin:link,a.button-thin:visited{display:inline-block;font-size:.8rem;padding:5px 35px;color:#030303;background-color:#fff;border:1px solid #3189BB;border-radius:20px;cursor:pointer}a.button-thin:hover{display:inline-block;font-size:.8rem;padding:5px 35px;color:#030303;background-color:#3189bb;border:1px solid #3189BB;border-radius:20px;box-shadow:1px 1px 8px #ccc;transition:background-color .3s;cursor:pointer}a.button-thin:active{display:inline-block;font-size:.8rem;padding:5px 35px;color:#030303;background-color:#3189bb;border:1px solid #3189BB;border-radius:20px;outline:2px solid #cccccc;cursor:pointer}a.button-dark:link,a.button-dark:visited{display:inline-block;font-size:.8rem;font-weight:700;padding:10px 25px;color:#fff;background-color:#628c56;border-radius:20px;border-bottom:none;cursor:pointer}a.button-dark:hover{display:inline-block;font-size:.8rem;font-weight:700;padding:10px 25px;color:#fff;background-color:#6b9a5e;border-radius:20px;border-bottom:none;transition:background-color .3s;cursor:pointer}a.button-dark:active{display:inline-block;font-size:.8rem;font-weight:700;padding:10px 25px;color:#fff;background-color:#6b9a5e;border-radius:20px;border-bottom:none;outline:2px solid #cccccc;cursor:pointer}span.tag{display:inline-block;font-size:.85rem;background-color:#a1d390;border-radius:8px;padding:.25rem .5rem;margin:.25rem .5rem .25rem 0px}span.red-notice{display:inline-block;font-size:.8rem;background-color:#ffe6e6;border-radius:8px;padding:5px 10px;margin:5px 0 10px}span.yellow-notice{display:inline-block;font-size:.8rem;background-color:#ffc;border-radius:8px;padding:5px 10px;margin:5px 0 10px}span.blue-notice{display:inline-block;font-size:.8rem;background-color:#cedde6;border-radius:8px;padding:5px 10px;margin:5px 0 10px}details.form-instruction{font-size:.8rem;margin-top:.5rem}summary{background-color:#f2f2f2;padding:.25rem .5rem;border-radius:8px;cursor:pointer}blockquote{margin-left:1rem;border-left:4px solid #e6e6e6;padding-left:1rem}code{display:inline-block;background-color:#e6e6e6;border-radius:4px;padding:0px .25rem}img{max-width:100%;height:auto}img.main{display:block;margin:0 auto;max-width:100%;height:auto;margin-top:1.5rem;margin-bottom:2.5rem}img.default{outline:1px solid #e6e6e6}img.square{object-fit:cover;width:100%;aspect-ratio:1/1}img.cover{object-fit:cover;width:100%;aspect-ratio:1.5/1}div.content-body p:has(img){display:inline-block;padding:0px .5rem;vertical-align:top;max-width:30%}div.metadata{height:fit-content;background-color:#f2f2f2;border:1px solid #cccccc;padding:1rem;border-radius:16px;margin-bottom:1rem}div.database-wrapper{display:grid;grid-template-columns:300px auto;gap:1.5rem;margin-top:1.5rem}div.topic-content h1{margin-top:.25rem;font-size:2rem}div.topic-content h2{margin-top:.25rem}div.content-card-wrapper{display:grid;grid-template-columns:45% 45%;gap:2rem}div.content-card{display:inline-block}div.content-card img{width:100%;height:100%;object-fit:cover}div.contact-card{padding:5px 2rem;box-shadow:1px 1px 8px #ccc;margin-bottom:2rem}div.contact-wrapper{display:grid;grid-template-columns:32px auto;align-items:start}img.icon-contact{height:1.5rem;width:auto}div.grid-2-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:1.5rem}table.content th,table.content td{font-family:NotoSansThaiLooped-Regular;vertical-align:text-top;padding:.5rem 1rem;font-size:1.25rem}th.table-col-40{width:40%}h1.topic,p.topic{margin-left:250px}div.topic-wrapper{display:grid;grid-template-columns:220px auto;gap:30px}div.topic-sidebar{position:-webkit-sticky;position:sticky;top:20px;max-height:420px}a.sidebar-item-selected:link,a.sidebar-item-selected:visited{display:block;text-decoration:none;border:none;font-size:1rem;font-weight:700;color:#fff;background-color:#3189bb;border-radius:12px;padding:.75rem}a.sidebar-item-selected:hover,a.sidebar-item-selected:active{display:block;text-decoration:none;border:none;font-size:1rem;font-weight:700;color:#fff;background-color:#3189bb;border-radius:12px;padding:.75rem;border-bottom:none}a.sidebar-item:link,a.sidebar-item:visited{display:block;text-decoration:none;border:none;font-size:1rem;font-weight:700;color:#727276;padding:.75rem}a.sidebar-item:hover,a.sidebar-item:active{display:block;text-decoration:none;border:none;font-size:1rem;font-weight:700;color:#3189bb;padding:.75rem;border-bottom:none}div.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;max-height:70vh;width:70vw;overflow-y:auto;background-color:#fff;padding:0px 2rem 1rem;border-radius:20px;box-shadow:1px 1px 8px #ccc;z-index:1}div.popupClose{position:sticky;top:0;text-align:right;background-color:#fff;padding:1rem 0px .5rem}div.file-input-wrapper{padding:10px;border:2px dashed #e6e6e6}div.image-insert-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin:1rem 0px}div.image-insert-wrapper img{width:150px;height:auto}.iframe-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.iframe-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}div.manage-wrapper{display:grid;grid-template-columns:auto auto;gap:2rem;justify-content:start;align-items:start}table.manage td{border:1px solid #e6e6e6;padding:.5rem 1rem}th.datetime{width:220px}footer{background-color:#005786}div.footer-inner{margin:0 auto;max-width:1024px;color:#fff;padding:10px 20px 30px;background-color:#005786}div.footer-address-wrapper{max-width:800px;text-align:center;margin:0 auto}.footer-pale{color:#e5e5e5}img.footer-logo{height:180px;width:auto}img.footer-supporter{display:inline-block;height:100px;width:auto;padding:1rem;vertical-align:middle}img.footer-supporter-wide{display:inline-block;height:auto;width:200px;padding:1rem;vertical-align:middle}@media only screen and (max-width: 860px){div.header-wrapper{display:grid;grid-template-columns:auto auto}nav{text-align:right;padding-top:5px}nav ul{margin-top:0;margin-bottom:0}nav li{display:block;padding:8px 0 8px 10px}div.database-wrapper{grid-template-columns:100%;gap:1rem}h1.topic,p.topic{margin-left:0}div.topic-wrapper{display:grid;grid-template-columns:100%;gap:0px}div.topic-sidebar{top:0;background-color:#fff;max-height:150px;padding-top:5px;padding-bottom:5px;text-align:center;border-bottom:1px solid #e6e6e6}a.sidebar-item-selected:link,a.sidebar-item-selected:visited{display:inline-block;text-decoration:none;font-size:.8rem;font-weight:700;color:#fff;background-color:#3189bb;border-radius:12px;padding:.25rem .5rem}a.sidebar-item-selected:hover,a.sidebar-item-selected:active{display:inline-block;text-decoration:none;font-size:.8rem;font-weight:700;color:#fff;background-color:#3189bb;border-radius:12px;padding:.25rem .5rem;border-bottom:none}a.sidebar-item:link,a.sidebar-item:visited{display:inline-block;text-decoration:none;font-size:.8rem;font-weight:700;color:#727276;padding:.25rem .5rem}a.sidebar-item:hover,a.sidebar-item:active{display:inline-block;text-decoration:none;font-size:.8rem;font-weight:700;color:#3189bb;padding:.25rem .5rem;border-bottom:none}}@media only screen and (max-width: 600px){h1{font-size:1.8rem}h2{font-size:1.5rem}div.input-body-wrapper{display:grid;grid-template-columns:100%}div.content-body p:has(img){max-width:100%}footer h1{font-size:1.5rem}img.logo-thaihealth{margin:0 auto;height:120px;width:auto}}