#mode[data-astro-cid-jnu6nzrk]{border:0;line-height:1rem;background:none;color:inherit;transition:.3s ease;padding:0}#mode[data-astro-cid-jnu6nzrk]:hover{cursor:pointer;rotate:10deg}.moon[data-astro-cid-jnu6nzrk]{stroke:transparent}.sun[data-astro-cid-jnu6nzrk],.dark .moon[data-astro-cid-jnu6nzrk]{stroke:currentColor}.dark .sun[data-astro-cid-jnu6nzrk]{stroke:transparent}#size[data-astro-cid-3zeqngpm]{border:0;background:none;line-height:1rem;color:inherit;transition:.3s ease;padding:0 0 3px;font-size:1.125rem}#size[data-astro-cid-3zeqngpm]:hover{cursor:pointer;transform:scale(1.06)}span[data-astro-cid-3zeqngpm]{display:flex;align-items:center;justify-content:center}.normal[data-astro-cid-3zeqngpm]{display:flex}.large[data-astro-cid-3zeqngpm],.large .normal[data-astro-cid-3zeqngpm]{display:none}.large .large[data-astro-cid-3zeqngpm]{display:flex}header[data-astro-cid-3ef6ksr2]{background-color:var(--s-nav-bg);position:sticky;top:0;z-index:100;box-shadow:var(--s-shadow-1);padding:1rem 0}header[data-astro-cid-3ef6ksr2]>div[data-astro-cid-3ef6ksr2]{align-items:center;display:flex;gap:1rem}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:6px;font-size:1.125em;margin-right:auto}footer[data-astro-cid-sz7xmlte]{background:var(--s-bg-1);color:var(--s-text-2);padding:calc(.5 * var(--s-space));border-top:1px solid var(--s-border-2);margin-top:auto}h2[data-astro-cid-sz7xmlte]{font-weight:400}small[data-astro-cid-sz7xmlte]{text-transform:uppercase;font-size:.75em}.logos[data-astro-cid-sz7xmlte]{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-space);margin:calc(1.5 * var(--s-space)) auto;max-width:90%}a[data-astro-cid-sz7xmlte]{color:#fffc}a[data-astro-cid-sz7xmlte]:hover{color:#fff}svg[data-astro-cid-sz7xmlte]{width:auto}:root{--s-color-1: #055601;--s-color-2: #024e15;--s-color-noti: #f54600;--s-text-1: #222;--s-text-2: #71767f;--s-bg-1: #fff;--s-bg-2: #f5f5f7;--s-border-1: rgb(221, 221, 221);--s-border-2: #e2e2e7;--s-border-radius: 8px;--s-nav-bg: #ffffffbb;--s-nav-overlay: #3e9d71ee;--s-link-1: var(--s-color-1);--s-link-2: var(--s-color-2);--s-rounded-1: 3px;--s-rounded-2: 5px;--s-body: "Noto Sans Thai", sans-serif;--s-heading: var(--s-body);--s-heading-weight: 700;--s-shadow-1: 0 .5px 2px rgba(0, 0, 0, .16);--s-shadow-2: 0 4px 12px rgba(0, 0, 0, .08);--s-gap: 1rem;--s-space: 1.2rem;--s-content-width: 100%;--s-container-width: 100%}@media (min-width: 768px){:root{--s-gap: 20px;--s-space: 20px;--s-content-width: 790px}}@media (min-width: 1024px){:root{--s-space: 20px}}@media (min-width: 1200px){:root{--s-space:24px;--s-container-width: 1120px}}html.dark{--s-color-1: #1c1511;--s-color-2: #181715;--s-color-noti: #f54600;--s-text-1: #e4e6eb;--s-text-2: #b0b3b8;--s-bg-1: #242526;--s-bg-2: #1c1e21;--s-border-1: #444;--s-border-2: #333;--s-nav-bg: #151617;--s-nav-overlay:#342e2aee;--s-link-1: #fff;--s-link-2: #9d623e}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;min-height:100vh}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}}picture,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;margin-bottom:1rem}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.3;margin-bottom:1rem;font-family:var(--s-heading);font-weight:var(--s-heading-weight)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}h1,._h1{font-size:1.8em}@media (min-width: 1024px){h1,._h1{font-size:2em}}h2,._h2{font-size:1.75em}h3,._h3{font-size:1.5em}h4,._h4{font-size:1.25em}h5,._h5{font-size:1em}h6{font-size:.875em}html{font-family:var(--s-body);background-color:var(--s-bg-1);color:var(--s-text-1);overflow-x:hidden;width:100%}img{max-width:100%;height:auto}a{text-decoration:none;transition:.3s ease;cursor:pointer;color:var(--s-link-1)}a:hover{color:var(--s-link-2)}table{border-collapse:collapse;margin-bottom:1rem}th{text-align:left}th,td{vertical-align:top}ol,ul{margin:0 0 1.5em;padding-left:1.2em}nav,button,label,legend{line-height:1.3;font-family:var(--s-heading)}label{cursor:pointer}hr{margin-top:var(--s-space);margin-bottom:var(--s-space);border:none;border-bottom:1px solid var(--s-border-2)}blockquote{font-family:var(--s-heading);line-height:1.6;font-size:1.125em;margin-top:calc(var(--s-space) * 1.25);margin-bottom:calc(var(--s-space) * 1.25);padding:var(--s-gap);border-left:3px solid var(--s-border-1);background-color:var(--s-bg-1);box-shadow:var(--s-shadow-1);border-radius:var(--s-rounded-2)}blockquote p:last-child{margin-bottom:0}fieldset{border:1px solid var(--s-border-1);padding:var(--s-gap);margin:1rem 0;border-radius:var(--s-rounded-1)}._sr{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}._space{margin-bottom:var(--s-space=1)}._calendar_mobile{display:block!important}._calendar_desktop{display:none!important}@media (min-width: 640px){._calendar_mobile{display:none!important}._calendar_desktop{display:block!important}}@media (max-width: 1023px){._desktop{display:none!important}}@media (min-width: 1024px){._mobile{display:none!important}}._full{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100vw;width:unset;overflow-x:hidden}.s-container{max-width:var(--s-container-width);margin:0 auto;padding:0 1rem}@media (min-width: 1024px){.s-container{padding:0 20px}}.s-sec{padding-top:calc(2 * var(--s-space));padding-bottom:calc(2 * var(--s-space))}.s-grid{display:grid;grid-gap:var(--s-space);margin-bottom:var(--s-space)}.s-grid.-m2{grid-template-columns:repeat(2,minmax(0,1fr))}.s-grid.-m3{grid-template-columns:repeat(3,minmax(0,1fr))}.s-grid:before,.s-grid:after{display:none}@media (min-width: 720px) and (max-width: 1023px){.s-grid.-t2{grid-template-columns:repeat(2,minmax(0,1fr))}.s-grid.-t3{grid-template-columns:repeat(3,minmax(0,1fr))}.s-grid.-t4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.s-grid.-d1{grid-template-columns:minmax(0,1fr)}.s-grid.-d2{grid-template-columns:repeat(2,minmax(0,1fr))}.s-grid.-d3{grid-template-columns:repeat(3,minmax(0,1fr))}.s-grid.-d4{grid-template-columns:repeat(4,minmax(0,1fr))}.s-grid.-d5{grid-template-columns:repeat(5,minmax(0,1fr))}.s-grid.-d6{grid-template-columns:repeat(6,minmax(0,1fr))}}.text-left{text-align:left}.text-center{text-align:center}.mb-0{margin-bottom:0}._redius{border-radius:var(--s-border-radius)}._redius_top_left{border-top-left-radius:var(--s-border-radius)}._redius_top_right{border-top-right-radius:var(--s-border-radius)}.f-btn{display:block;text-align:center;width:100%;height:100%;min-width:200px;padding:.7rem;font-weight:600;color:var(--s-bg-1);background-color:var(--s-link-1);border-radius:var(--s-border-radius)!important}.f-btn:hover{color:var(--s-bg-1)}header{background-color:var(--s-nav-bg);position:sticky;top:0;z-index:100;box-shadow:var(--s-shadow-1);padding:1rem 0;min-height:4rem}header.overlay{position:fixed;top:0;left:0;right:0;background:none;z-index:800;color:#fff;--s-link-1: #ffffff;--s-link-2: #ffffffcc;transition:all .3s ease;box-shadow:var(--s-shadow-1)}header.active{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}header.overlay.active{background-color:var(--s-nav-overlay)}header>.s-container{align-items:center;display:flex;gap:1rem}header .logo{display:flex;align-items:center;gap:6px;font-size:1.125em;margin-right:auto}#site-nav-open{position:absolute;top:0;left:0;opacity:0}.site-nav-toggle{display:flex;align-items:center;gap:6px}.site-nav-toggle span{padding-bottom:3px}.site-nav{visibility:hidden;opacity:0;width:280px;position:absolute;top:0;height:100vh;right:0;z-index:900;background:var(--s-bg-1);color:var(--s-text-1);box-shadow:var(--s-shadow-2);transform:translate(100%);transition:transform .4s linear,opacity .2s linear .2s,visibility 0s linear .4s;padding:20px 30px}.site-nav a{color:var(--s-text-1)}.site-nav ul{padding:0;margin:0}.site-nav li{list-style:none;margin-bottom:1rem}.site-nav label{display:flex;align-items:center;gap:6px}.site-nav .close{padding:0 0 20px;justify-content:flex-end;align-items:center;display:flex}.site-nav .bg{position:absolute;height:100%;width:100vw;right:100%;top:0;background-color:#00000080}input:checked~.site-nav{transform:translate(0);transition-delay:0s;opacity:1;visibility:visible;transition-timing-function:cubic-bezier(0,.2,.25,1),linear,linear}@media (min-width: 1024px){.site-nav-toggle{display:none}.site-nav{transform:translate(0);opacity:1;visibility:visible;background:none;box-shadow:none;width:unset;position:relative;top:unset;right:unset;height:unset;padding:unset}.site-nav ul{display:flex;gap:var(--s-gap)}.site-nav li{margin-bottom:0}.site-nav .close,.site-nav label{display:none}header.overlay .site-nav{--s-text-1: #fff}#size{order:4}#mode{order:3}}body{font-family:Arial,sans-serif;background-color:#add8e6}@media (min-width: 576px){body{background-color:#90ee90}}@media (min-width: 768px){body{background-color:#f08080}}@media (min-width: 992px){body{background-color:#20b2aa}}@media (min-width: 1200px){body{background-color:#fafad2}}@media (min-width: 1400px){body{background-color:#ffb6c1}}.template{font-size:2rem}@media (min-width: 576px){.template{font-size:2.5rem}}@media (min-width: 768px){.template{font-size:3rem}}@media (min-width: 992px){.template{font-size:3.5rem}}@media (min-width: 1200px){.template{font-size:4rem}}@media (min-width: 1400px){.template{font-size:4.5rem}}.someclass{padding:1rem}@media (min-width: 576px){.someclass{padding:1.5rem}}@media (min-width: 768px){.someclass{padding:2rem}}@media (min-width: 992px){.someclass{padding:2.5rem}}@media (min-width: 1200px){.someclass{padding:3rem}}@media (min-width: 1400px){.someclass{padding:3.5rem}}body{background-color:var(--s-bg-1);position:relative;display:flex;flex-direction:column}html.large body{font-size:2rem}h1{margin-top:24px;text-align:center}h1,.h-1,h2,.h-2,h3,.h-3,h4,.h-4,h5,.h-5 h6,.h-6,.font-custom{font-family:var(--s-body)}main{padding-bottom:var(--s-space)}main.narrow{font-size:1.125rem}html.large main.narrow{font-size:1em}main.narrow .s-container{max-width:var(--s-content-width)}main.narrow a{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:.0625em;text-underline-offset:.25em}main.narrow a:hover{text-decoration-style:solid}@media (min-width: 992px){.homestay-info .photo{padding-left:28%}.homestay-info .feature{position:absolute;left:0;max-width:420px;top:12%;height:70%;box-shadow:0 6px 20px #0003}}.card-info{text-align:center;font-size:.8rem;background-color:var(--s-bg-2);padding:8px;border-radius:8px}