@font-face{font-display:swap;font-family:SplineSans;font-style:normal;font-weight:300;src:local("SplineSans"),local("SplineSans-Regular"),url(../fonts/spline_sans/static/SplineSans-Light.ttf) format("truetype");unicode-range:u+0000-007f,u+0080-00ff,u+0100-024f}@font-face{font-display:swap;font-family:SplineSans;font-style:normal;font-weight:400;src:local("SplineSans"),local("SplineSans-Regular"),url(../fonts/spline_sans/static/SplineSans-Regular.ttf) format("truetype");unicode-range:u+0000-007f,u+0080-00ff,u+0100-024f}@font-face{font-display:swap;font-family:SplineSans;font-style:normal;font-weight:500;src:local("SplineSans"),local("SplineSans-Medium"),url(../fonts/spline_sans/static/SplineSans-Medium.ttf) format("truetype");unicode-range:u+0000-007f,u+0080-00ff,u+0100-024f}@font-face{font-display:swap;font-family:SplineSans;font-style:normal;font-weight:600;src:local("SplineSans"),local("SplineSans-SemiBold"),url(../fonts/spline_sans/static/SplineSans-SemiBold.ttf) format("truetype");unicode-range:u+0000-007f,u+0080-00ff,u+0100-024f}@font-face{font-display:swap;font-family:SplineSans;font-style:normal;font-weight:700;src:local("SplineSans"),local("SplineSans-SemiBold"),url(../fonts/spline_sans/static/SplineSans-Bold.ttf) format("truetype");unicode-range:u+0000-007f,u+0080-00ff,u+0100-024f}@font-face{font-display:swap;font-family:Noto Sans Thai Condensed;font-style:normal;font-weight:300;src:local("Noto Sans Thai Condensed-Light"),url(../fonts/noto_sans_thai/NotoSansThai-CondensedLight.ttf) format("truetype");unicode-range:u+0e00-0e7f}@font-face{font-display:swap;font-family:Noto Sans Thai Condensed;font-style:normal;font-weight:400;src:local("Noto Sans Thai Condensed-Regular"),url(../fonts/noto_sans_thai/NotoSansThai-Condensed.ttf) format("truetype");unicode-range:u+0e00-0e7f}@font-face{font-display:swap;font-family:Noto Sans Thai Condensed;font-style:normal;font-weight:500;src:local("Noto Sans Thai Condensed-Medium"),url(../fonts/noto_sans_thai/NotoSansThai-CondensedMedium.ttf) format("truetype");unicode-range:u+0e00-0e7f}@font-face{font-display:swap;font-family:Noto Sans Thai Condensed;font-style:normal;font-weight:600;src:local("Noto Sans Thai Condensed-SemiBold"),url(../fonts/noto_sans_thai/NotoSansThai-CondensedSemiBold.ttf) format("truetype");unicode-range:u+0e00-0e7f}@font-face{font-display:swap;font-family:Noto Sans Thai Condensed;font-style:normal;font-weight:700;src:local("Noto Sans Thai Condensed-Bold"),url(../fonts/noto_sans_thai/NotoSansThai-CondensedBold.ttf) format("truetype");unicode-range:u+0e00-0e7f}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:200;src:url(../fonts/sarabun/Sarabun-ExtraLight.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:300;src:url(../fonts/sarabun/Sarabun-Light.ttf) format("truetype")}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:"";--tw-duration:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:8px;--font-weight-normal:400;--font-weight-semibold:600;--leading-tight:1.25;--leading-snug:1.375;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-sarabun:"Sarabun",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-header:"SplineSans","Noto Sans Thai Condensed",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--color-black:#000;--color-white:#fff;--color-dark:#202020;--color-red:#f71e1e;--color-light:#e4e4e4;--color-background:#f0f0f0;--page-max-width:1920px}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.text-h1{font-family:var(--font-header);--tw-font-weight:600;font-size:24px;font-weight:600}@media(min-width:48rem){.text-h1{font-size:48px}}.text-h2{font-family:var(--font-header);--tw-font-weight:500;font-size:20px;font-weight:500}@media(min-width:48rem){.text-h2{font-size:36px}}.text-h3{font-family:var(--font-header);--tw-font-weight:500;font-size:18px;font-weight:500}@media(min-width:48rem){.text-h3{font-size:24px}}.text-h4{font-family:var(--font-header);--tw-font-weight:600;font-size:18px;font-weight:600}@media(min-width:48rem){.text-h4{font-size:22px}}.text-subheader{font-family:var(--font-header);--tw-font-weight:400;font-size:18px;font-weight:400}@media(min-width:48rem){.text-subheader{font-size:22px}}.text-table{font-family:var(--font-header);--tw-font-weight:700;font-size:18px;font-weight:700}@media(min-width:48rem){.text-table{font-size:22px}}.text-paragraph{font-family:var(--font-sarabun);--tw-leading:var(--leading-snug);font-size:14px;line-height:var(--leading-snug);--tw-font-weight:300;font-weight:300}@media(min-width:48rem){.text-paragraph{font-size:18px}}.text-subtext{font-family:var(--font-sarabun);--tw-leading:var(--leading-snug);font-size:12px;line-height:var(--leading-snug);--tw-font-weight:400;font-weight:400}@media(min-width:48rem){.text-subtext{font-size:14px}}.img{display:block;height:auto;max-height:100%;width:100%}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-top-16{top:calc(var(--spacing)*-16)}.top-0{top:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.z-2{z-index:2}.z-10{z-index:10}.z-100{z-index:100}.z-200{z-index:200}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.m-auto{margin:auto}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-auto{margin-right:auto}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.block\!{display:block!important}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.size-full{height:100%;width:100%}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-7{height:calc(var(--spacing)*7)}.h-10{height:calc(var(--spacing)*10)}.h-17\.5{height:calc(var(--spacing)*17.5)}.h-\[400px\]{height:400px}.h-full{height:100%}.h-px{height:1px}.max-h-4{max-height:calc(var(--spacing)*4)}.max-h-5{max-height:calc(var(--spacing)*5)}.max-h-6{max-height:calc(var(--spacing)*6)}.max-h-17\.5{max-height:calc(var(--spacing)*17.5)}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-full{min-height:100%}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-5{width:calc(var(--spacing)*5)}.w-\[90\%\]{width:90%}.w-auto{width:auto}.w-full{width:100%}.max-w-60{max-width:calc(var(--spacing)*60)}.max-w-80{max-width:calc(var(--spacing)*80)}.max-w-85{max-width:calc(var(--spacing)*85)}.max-w-\[350px\]{max-width:350px}.max-w-\[400px\]{max-width:400px}.max-w-\[450px\]{max-width:450px}.max-w-\[500px\]{max-width:500px}.max-w-\[768px\]{max-width:768px}.max-w-full{max-width:100%}.page-max-width{max-width:var(--page-max-width)}.min-w-45{min-width:calc(var(--spacing)*45)}.flex-1{flex:1}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-6{flex:6}.flex-7{flex:7}.flex-10{flex:10}.flex-none{flex:none}.grow{flex-grow:1}.rotate-180{rotate:180deg}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.content-between{align-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-black{border-color:var(--color-black)}.border-transparent{border-color:#0000}.bg-black{background-color:var(--color-black)}.bg-black\!{background-color:var(--color-black)!important}.bg-dark{background-color:var(--color-dark)}.bg-light{background-color:var(--color-light)}.bg-red{background-color:var(--color-red)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-7{padding-top:calc(var(--spacing)*7)}.pt-\[56\.25\%\]{padding-top:56.25%}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-\[80\%\]{padding-bottom:80%}.pl-1{padding-left:calc(var(--spacing)*1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.leading-4\.5{--tw-leading:calc(var(--spacing)*4.5);line-height:calc(var(--spacing)*4.5)}.leading-5\!{--tw-leading:calc(var(--spacing)*5)!important;line-height:calc(var(--spacing)*5)!important}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-light{color:var(--color-light)}.text-light\!{color:var(--color-light)!important}.text-red{color:var(--color-red)}.text-white{color:var(--color-white)}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert,.invert-100{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert,.invert-100{--tw-invert:invert(100%)}.transition-\[background\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[color\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[fill\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:fill;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[filter\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}:is(.\*\:h-full>*){height:100%}:is(.\*\:w-full>*){width:100%}@media(hover:hover){.group-hover\:bg-red:is(:where(.group):hover *){background-color:var(--color-red)}.group-hover\:fill-red:is(:where(.group):hover *){fill:var(--color-red)}.group-hover\:text-light:is(:where(.group):hover *){color:var(--color-light)}.group-hover\:invert-100:is(:where(.group):hover *){--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:z-1:after{content:var(--tw-content);z-index:1}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing)*5)}.after\:w-3:after{content:var(--tw-content);width:calc(var(--spacing)*3)}.after\:bg-red:after{background-color:var(--color-red);content:var(--tw-content)}.last\:mr-0:last-child{margin-right:calc(var(--spacing)*0)}@media(hover:hover){.hover\:bg-red:hover{background-color:var(--color-red)}.hover\:text-light:hover{color:var(--color-light)}.hover\:text-red:hover{color:var(--color-red)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media not all and (min-width:80rem){.max-xl\:m-auto{margin:auto}.max-xl\:hidden{display:none}}@media not all and (min-width:64rem){.max-lg\:-mx-2{margin-inline:calc(var(--spacing)*-2)}.max-lg\:mb-3{margin-bottom:calc(var(--spacing)*3)}.max-lg\:grid{display:grid}.max-lg\:hidden{display:none}.max-lg\:max-w-\[275px\]{max-width:275px}.max-lg\:max-w-\[400px\]{max-width:400px}.max-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-lg\:flex-col{flex-direction:column}.max-lg\:px-2{padding-inline:calc(var(--spacing)*2)}.max-lg\:text-center{text-align:center}}@media not all and (min-width:48rem){.max-md\:fixed{position:fixed}.max-md\:top-0{top:calc(var(--spacing)*0)}.max-md\:left-0{left:calc(var(--spacing)*0)}.max-md\:z-100{z-index:100}.max-md\:mb-2{margin-bottom:calc(var(--spacing)*2)}.max-md\:block{display:block}.max-md\:hidden{display:none}.max-md\:size-full{height:100%;width:100%}.max-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-md\:flex-col{flex-direction:column}.max-md\:overflow-auto{overflow:auto}.max-md\:bg-white{background-color:var(--color-white)}.max-md\:px-5{padding-inline:calc(var(--spacing)*5)}.max-md\:py-11{padding-block:calc(var(--spacing)*11)}.max-md\:text-center{text-align:center}}@media(min-width:32rem){.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:40rem){.sm\:w-\[75\%\]{width:75%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media(min-width:48rem){.md\:m-0{margin:calc(var(--spacing)*0)}.md\:my-3{margin-block:calc(var(--spacing)*3)}.md\:mt-0\.5{margin-top:calc(var(--spacing)*.5)}.md\:mt-0\.75{margin-top:calc(var(--spacing)*.75)}.md\:mt-2{margin-top:calc(var(--spacing)*2)}.md\:mt-2\.25{margin-top:calc(var(--spacing)*2.25)}.md\:mt-3{margin-top:calc(var(--spacing)*3)}.md\:mt-5{margin-top:calc(var(--spacing)*5)}.md\:mr-2{margin-right:calc(var(--spacing)*2)}.md\:mb-5{margin-bottom:calc(var(--spacing)*5)}.md\:ml-auto{margin-left:auto}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-3{height:calc(var(--spacing)*3)}.md\:h-5{height:calc(var(--spacing)*5)}.md\:h-7{height:calc(var(--spacing)*7)}.md\:h-10{height:calc(var(--spacing)*10)}.md\:max-h-6{max-height:calc(var(--spacing)*6)}.md\:max-h-8{max-height:calc(var(--spacing)*8)}.md\:min-h-10{min-height:calc(var(--spacing)*10)}.md\:w-1\/3{width:33.3333%}.md\:w-1\/4{width:25%}.md\:w-3{width:calc(var(--spacing)*3)}.md\:w-5{width:calc(var(--spacing)*5)}.md\:max-w-\[33\.33\%\]{max-width:33.33%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:justify-center{justify-content:center}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:p-2{padding:calc(var(--spacing)*2)}.md\:px-2{padding-inline:calc(var(--spacing)*2)}.md\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}.md\:py-10{padding-block:calc(var(--spacing)*10)}.md\:pt-10{padding-top:calc(var(--spacing)*10)}.md\:text-\[20px\]{font-size:20px}.md\:text-\[22px\]{font-size:22px}.md\:text-\[26px\]{font-size:26px}.md\:leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}}@media(min-width:64rem){.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-start-2{grid-column-start:2}.lg\:-mx-3{margin-inline:calc(var(--spacing)*-3)}.lg\:mt-5{margin-top:calc(var(--spacing)*5)}.lg\:mt-6{margin-top:calc(var(--spacing)*6)}.lg\:mt-7{margin-top:calc(var(--spacing)*7)}.lg\:mt-11{margin-top:calc(var(--spacing)*11)}.lg\:mt-12{margin-top:calc(var(--spacing)*12)}.lg\:mt-16{margin-top:calc(var(--spacing)*16)}.lg\:mb-2{margin-bottom:calc(var(--spacing)*2)}.lg\:mb-3{margin-bottom:calc(var(--spacing)*3)}.lg\:mb-4{margin-bottom:calc(var(--spacing)*4)}.lg\:mb-5{margin-bottom:calc(var(--spacing)*5)}.lg\:mb-7{margin-bottom:calc(var(--spacing)*7)}.lg\:mb-11{margin-bottom:calc(var(--spacing)*11)}.lg\:mb-16{margin-bottom:calc(var(--spacing)*16)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-5{height:calc(var(--spacing)*5)}.lg\:h-6{height:calc(var(--spacing)*6)}.lg\:max-h-6{max-height:calc(var(--spacing)*6)}.lg\:max-h-8{max-height:calc(var(--spacing)*8)}.lg\:max-h-9{max-height:calc(var(--spacing)*9)}.lg\:w-1\/5{width:20%}.lg\:w-5{width:calc(var(--spacing)*5)}.lg\:w-6{width:calc(var(--spacing)*6)}.lg\:max-w-\[450px\]{max-width:450px}.lg\:flex-5{flex:5}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-3{gap:calc(var(--spacing)*3)}.lg\:gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.lg\:p-2{padding:calc(var(--spacing)*2)}.lg\:p-3{padding:calc(var(--spacing)*3)}.lg\:px-2{padding-inline:calc(var(--spacing)*2)}.lg\:px-3{padding-inline:calc(var(--spacing)*3)}.lg\:px-5{padding-inline:calc(var(--spacing)*5)}.lg\:py-1{padding-block:calc(var(--spacing)*1)}.lg\:py-2{padding-block:calc(var(--spacing)*2)}.lg\:py-3{padding-block:calc(var(--spacing)*3)}}@media(min-width:80rem){.xl\:ml-auto{margin-left:auto}.xl\:flex-1{flex:1}.xl\:flex-4{flex:4}.xl\:flex-6{flex:6}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:gap-5{gap:calc(var(--spacing)*5)}.xl\:gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.xl\:p-4{padding:calc(var(--spacing)*4)}}.\[\&_img\]\:w-full img{width:100%}.\[\&\.active\]\:cursor-auto.active{cursor:auto}.\[\&\.active\]\:bg-black.active{background-color:var(--color-black)}.\[\&\.active\]\:text-light.active{color:var(--color-light)}.\[\.--active\]\:border-black.--active{border-color:var(--color-black)}}html{scroll-behavior:smooth}body,html{background-color:var(--color-background);font-family:var(--font-sarabun);font-size:14px;height:100%;position:relative;width:100%}@media(min-width:48rem){body,html{font-size:18px}}#__nuxt{height:100%;position:relative;width:100%}body:has([data-dialog-state=open]){overflow:hidden!important}.invert-icon{--tw-grayscale:grayscale(100%);--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.duration-ease{--tw-duration:.24s;--tw-ease:ease;transition-duration:.24s;transition-timing-function:ease}.bg-itotec{background-image:url(../images/artwork/artwork-circuit-board.webp);background-position:50%;background-size:cover;height:100%;left:0;opacity:.24;position:absolute;top:0;width:100%;z-index:1}.table{font-family:var(--font-sarabun);max-width:1156px;width:100%;--tw-leading:var(--leading-snug);font-size:14px;line-height:var(--leading-snug);--tw-font-weight:300;font-weight:300;margin-inline:auto}@media(min-width:48rem){.table{font-size:20px}}.table{border:1px solid #6a6a6a;border-collapse:collapse}.table.sm{max-width:992px}.table.xs{max-width:768px}.table td,.table th{padding-block:calc(var(--spacing)*.5);padding-inline:calc(var(--spacing)*1)}@media(min-width:64rem){.table td,.table th{padding:calc(var(--spacing)*1.5)}}.table td,.table th{border:1px solid #6a6a6a;border-collapse:collapse;text-align:right}.table th:first-child{text-align:left}.table td[colspan]{text-align:center}.table th{font-family:var(--font-header);--tw-font-weight:600;border-bottom:2px solid #6a6a6a;font-size:16px;font-weight:600}@media(min-width:48rem){.table th{font-size:22px}}.table.--attr-col td:first-child{font-family:var(--font-header);text-align:left;--tw-font-weight:600;font-size:16px;font-weight:600}@media(min-width:48rem){.table.--attr-col td:first-child{font-size:22px}}.table-attr-col td:first-child{font-family:var(--font-header);text-align:left;--tw-font-weight:600;font-size:16px;font-weight:600}@media(min-width:48rem){.table-attr-col td:first-child{font-size:22px}}.wysiwyg h2{font-family:var(--font-header);--tw-font-weight:500;font-size:20px;font-weight:500}@media(min-width:48rem){.wysiwyg h2{font-size:36px}}.wysiwyg h2{margin-block:calc(var(--spacing)*3)}.wysiwyg h2:first-child{margin-top:calc(var(--spacing)*0)}.wysiwyg h3{font-family:var(--font-header);--tw-font-weight:500;font-size:18px;font-weight:500}@media(min-width:48rem){.wysiwyg h3{font-size:24px}}.wysiwyg h3{margin-block:calc(var(--spacing)*3)}.wysiwyg h3:first-child{margin-top:calc(var(--spacing)*0)}.wysiwyg h4{font-family:var(--font-header);--tw-font-weight:600;font-size:18px;font-weight:600}@media(min-width:48rem){.wysiwyg h4{font-size:22px}}.wysiwyg h4{margin-block:calc(var(--spacing)*3)}.wysiwyg h4:first-child{margin-top:calc(var(--spacing)*0)}.wysiwyg p,.wysiwyg span{font-family:var(--font-sarabun);--tw-font-weight:300;font-size:14px;font-weight:300}@media(min-width:48rem){.wysiwyg p,.wysiwyg span{font-size:18px}}.wysiwyg p,.wysiwyg span{margin-block:calc(var(--spacing)*2)}:is(.wysiwyg p,.wysiwyg span):first-child{margin-top:calc(var(--spacing)*0)}.wysiwyg [href],.wysiwyg strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.wysiwyg [href]{text-decoration-line:underline}.wysiwyg img{display:inline-block;margin-bottom:calc(var(--spacing)*2);max-height:400px;max-width:400px;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width:48rem){.wysiwyg img{margin-right:calc(var(--spacing)*2)}}.wysiwyg ul{list-style-type:disc}.wysiwyg ol,.wysiwyg ul{margin-block:calc(var(--spacing)*2);margin-left:calc(var(--spacing)*2.5)}.wysiwyg ol{list-style-type:decimal}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}