@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{color:#4d4d4d;scroll-behavior:smooth;background-color:#f2f2f2;margin:0;font-family:NotoSansThai-Regular,sans-serif}header{background-color:#f2f2f2;padding:20px 20px 0}div.header-wrapper{grid-template-columns:auto auto;display:grid}div.header-title{padding:10px 15px 0 0;font-size:1.6rem}nav{padding-top:0}nav ul{margin-top:0;padding-left:0}nav li{padding:10px 6px;display:inline-block}main{padding:0px var(--global-margin) 40px var(--global-margin);background-color:#f2f2f2}a:link,a:visited{color:#006bb3;text-decoration:none}a:hover,a:active{color:#003d66;text-decoration:none}h1,h2,h3,h4,h5{font-family:NotoSansThai-SemiBold,sans-serif}h2.subtitle{color:gray;margin-top:-1rem}p{font-family:NotoSansThaiLooped-Regular,sans-serif}hr{border:1px solid #e6e6e6}.sans{font-family:NotoSansThai-Regular,sans-serif}.serif{font-family:NotoSansThaiLooped-Regular,serif}.small{font-size:.8rem}.gray{color:gray}.gray-small{color:gray;font-size:.8rem;line-height:50%}.gray-small-normal{color:gray;font-size:.8rem}.red-em{color:#ff7f7f;font-weight:700}.center{text-align:center}.align-right{text-align:right;display:block}div.spacer{height:.5rem}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(400px - (var(--global-margin) * 1));border:none;border-radius:8px;outline:1px solid #e6e6e6;padding:10px}input[type=date],select{border:none;border-radius:8px;outline:1px solid #e6e6e6;padding:8px}textarea{width:calc(100% - (var(--global-margin) * 1));border:none;border-radius:8px;outline:1px solid #e6e6e6;height:16rem;padding:10px}button{color:#fff;cursor:pointer;background-color:#006bb3;border:none;border-radius:12px;padding:10px 15px;font-family:NotoSansThai-Regular,sans-serif;font-weight:700;box-shadow:0 1px 8px #ccc}button:hover{background-color:#003d66;transition:background-color .3s}button:active{outline:2px solid #ccc}button.pagination{color:#006bb3;box-shadow:none;cursor:pointer;background-color:#fff;border:1px solid #006bb3;border-radius:8px;margin-bottom:.25rem;margin-right:.25rem;padding:.25rem 1rem}button.pagination:hover{color:#fff;box-shadow:none;background-color:#006bb3;border:1px solid #006bb3;transition:all .1s}button.pagination-selected{color:#fff;box-shadow:none;cursor:pointer;background-color:#006bb3;border:1px solid #006bb3;border-radius:8px;margin-right:.25rem;padding:.25rem 1rem}button.gray{color:#4d4d4d;cursor:pointer;background-color:#e6e6e6;border:none;border-radius:12px;padding:5px 15px;font-family:NotoSansThai-Regular,sans-serif;font-weight:700;box-shadow:0 1px 2px #ccc}button.gray:hover{background-color:#d9d9d9;transition:background-color .3s}button.gray:active{outline:2px solid #ccc}button.red{color:#4d4d4d;cursor:pointer;background-color:#ffe6e6;border:none;border-radius:12px;padding:5px 15px;font-family:NotoSansThai-Regular,sans-serif;font-weight:700;box-shadow:0 1px 2px #ccc}button.red:hover{background-color:#fcc;transition:background-color .3s}button.red:active{outline:2px solid #ccc}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}a.button:link,a.button:visited{color:#fff;cursor:pointer;background-color:#006bb3;border:none;border-radius:12px;padding:10px 15px;font-size:.8rem;font-weight:700;box-shadow:1px 1px 8px #ccc}a.button:hover{background-color:#003d66;transition:background-color .3s}a.button:active{outline:2px solid #ccc}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 0}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}table.courses{border-collapse:collapse}table.courses th,table.courses td{text-align:left;padding:.25rem .5rem}tr.border-bottom-thick{border-bottom:1px solid #a5a5a5}tr.border-bottom{border-bottom:1px solid #e6e6e6}div.home-wrapper{grid-template-columns:360px auto;gap:1.5rem;display:grid}div.home-filter-wrapper{background-color:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:0 1rem 2rem}div.home-filter-wrapper input[type=text],div.home-filter-wrapper input[type=number]{max-width:calc(100% - 100px);margin-right:.5rem}div.home-result-wrapper{background-color:#0000}div.inmateTableCell{background-color:#fff;border:1px solid #e6e6e6;border-radius:12px;margin-bottom:.75rem;padding:0 1rem;box-shadow:1px 1px 8px #ccc}div.formWrapper{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}div.formSection{background-color:#fff;border:1px solid #e6e6e6;border-radius:12px;height:fit-content;margin-bottom:1rem;padding:0 .75rem .75rem;font-size:.9rem;box-shadow:1px 1px 8px #ccc}div.blue-bg{background-color:#eff4f7;border:1px solid #7697c3}div.green-bg{background-color:#e5f1e4;border:1px solid #90bc78}div.yellow-bg{background-color:#fff8e5;border:1px solid #dcbf6a}div.orange-bg{background-color:#fff4e6;border:1px solid #dca06a}div.red-bg{background-color:#fff1f1;border:1px solid #ff8080}div.popup{color:#fff;z-index:1;background-color:#006bb3;border-radius:16px;width:auto;height:auto;padding:.5rem 2rem;font-size:.85rem;position:fixed;top:35px;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:1px 1px 8px #ccc}div.popup.success{background-color:#2e7d32}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}div.manage-wrapper{grid-template-columns:auto auto;justify-content:start;gap:2rem;display:grid}footer{background-color:#e6e6e6;padding:10px 20px}@media only screen and (width<=600px){div.header-wrapper{grid-template-columns:auto;display:grid}div.input-body-wrapper{grid-template-columns:100%;display:grid}}