@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bellefair:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Glegoo:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Tenor+Sans:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Slab:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Chonburi&family=Kodchasan:wght@300;400;500;700&family=Mali:wght@300;400;500;700&family=Sarabun:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&family=Athiti:wght@200;300;400;500;600;700&family=Dosis:wght@200..800&family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&family=Mooli&family=Noto+Serif+Thai:wght@100..900&family=Petit+Formal+Script&family=Rufina:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://use.typekit.net/ipf2qdj.css";*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-\[50px\]{top:-50px}.left-3{left:.75rem}.right-3{right:.75rem}.top-1\/2{top:50%}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.grid{display:grid}.list-item{display:list-item}.h-12{height:3rem}.h-4{height:1rem}.h-\[270px\]{height:270px}.w-12{width:3rem}.w-4{width:1rem}.w-full{width:100%}.max-w-md{max-width:28rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[--colorBackground\]{border-color:var(--colorBackground)}.border-\[--colorBg\]{border-color:var(--colorBg)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.bg-\[--colorText\]{background-color:var(--colorText)}.bg-\[--colorfont\]{background-color:var(--colorfont)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pr-10{padding-right:2.5rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\[--bgcolor\]{color:var(--bgcolor)}.text-\[--colorBackground\]{color:var(--colorBackground)}.text-\[--colorBg\]{color:var(--colorBg)}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.drop-shadow-sm,.filter{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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}*{box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none}body,html{background:#fff;scroll-behavior:smooth}body{color:#000}a{text-decoration:unset}.bg-gradient-1{background:linear-gradient(145deg,#57e28c,#44b3d6 16.5%,#e171de 32.5%,#ff8e63 60%);background-size:300% 100%;transition:all .4s ease-in-out}.bg-gradient-1:hover{background-position:100% 0;transition:all .4s ease-in-out}.bg-gradient-2{background:linear-gradient(145deg,rgba(87,226,140,.6),rgba(68,179,214,.6) 33%,rgba(225,113,222,.6) 65%,rgba(255,142,99,.6))}.text-gradient-1{background:linear-gradient(145deg,#57e28c,#44b3d6 16.5%,#e171de 32.5%,#ff8e63 60%);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 100%;transition:all .4s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-gradient-1:hover{background-position:100% 0;transition:all .4s ease-in-out}.border-gradient-1{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#57e28c,#44b3d6 33%,#e171de 65%,#ff8e63) border-box;border:1px solid transparent}.button-page{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans;font-weight:600;color:#fff;padding:10px 20px;border-radius:60px}.button-page:lang(th){font-family:DB Helvethaica;font-size:26px}.button-page img{width:15px;height:15px;margin-left:10px}@media(max-width:576px){.button-page img{width:10px;height:10px}}.wrap-input{border-radius:80px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.wrap-input input{font-family:Plus Jakarta Sans}.wrap-input input[type=text]{color:#000;border:0;width:100%;background:transparent}.wrap-input input[type=submit]{border:0;text-transform:uppercase;font-weight:600;overflow-x:unset;color:#fff;cursor:pointer;text-transform:capitalize}.wrap-list-menu{display:flex;align-items:center;overflow-x:unset}.wrap-list-menu li a{font-family:Plus Jakarta Sans;font-weight:600;transition:all .6s ease;color:#000}.wrap-list-menu li a:lang(th){font-family:DB Helvethaica;font-size:24px;font-weight:unset!important}.wrap-list-menu li a.sign-up{color:#fff;border-radius:60px;padding:6px 12px;font-weight:900}.wrap-list-menu li a.sign-up:lang(th){padding:6px 22px}.wrap-list-menu li a.sign-up sup{text-transform:uppercase;padding:0 5px;font-size:8px}.wrap-list-menu li a.sign-up sup:lang(th){font-size:16px}.rfm-marquee{min-width:unset!important}@keyframes fill{0%{color:#fff;text-shadow:-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,1px 1px 0 #000}to{color:#000;text-shadow:-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotateSocial{0%{top:var(--rotate-top-1);left:var(--rotate-left-1)}25%{top:var(--rotate-top-2);left:var(--rotate-left-2)}50%{top:var(--rotate-top-3);left:var(--rotate-left-3)}75%{top:var(--rotate-top-4);left:var(--rotate-left-4)}to{top:var(--rotate-top-5);left:var(--rotate-left-5)}}@keyframes bounce{0%{transform:translate(50%)}to{transform:translate(50%,var(--bounce-offset))}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Italic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:ltc-bodoni-175,serif;font-weight:400;font-style:normal}@font-face{font-family:ltc-bodoni-175,serif;font-weight:400;font-style:italic}@font-face{font-family:DB Helvethaica;src:url(/fonts/DBHelvethaicaX-77BdCond.woff2) format("woff2"),url(/fonts/DBHelvethaicaX-77BdCond.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DB Helvethaica;src:url(/fonts/DBHelvethaicaX-67MedCond.woff2) format("woff2"),url(/fonts/DBHelvethaicaX-67MedCond.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DB Helvethaica;src:url(/fonts/DBHelvethaicaX-57Cond.woff2) format("woff2"),url(/fonts/DBHelvethaicaX-57Cond.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DB Helvethaica;src:url(/fonts/DBHelvethaicaX-55Regular.woff2) format("woff2"),url(/fonts/DBHelvethaicaX-55Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DB Helvethaica;src:url(/fonts/DBHelvethaicaX-65Med.woff2) format("woff2"),url(/fonts/DBHelvethaicaX-65Med.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DB Helvethaica;src:url(/fonts/DBHelvethaicaX-75Bd.woff2) format("woff2"),url(/fonts/DBHelvethaicaX-75Bd.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Anakotmai;src:url(/fonts/Anakotmai-Light.woff2) format("woff2"),url(/fonts/Anakotmai-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Anakotmai;src:url(/fonts/Anakotmai-Bold.woff2) format("woff2"),url(/fonts/Anakotmai-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Anakotmai;src:url(/fonts/Anakotmai-Medium.woff2) format("woff2"),url(/fonts/Anakotmai-Medium.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.home{overflow-x:hidden}.home h1,.home h2{font-size:44px;letter-spacing:2px}@media(max-width:768px){.home h1,.home h2{font-size:38px}}.home h1,.home h2{font-family:ltc-bodoni-175,serif;font-style:italic}.home h2{overflow-x:unset!important}.home h3{font-size:24px}@media(max-width:768px){.home h3{font-size:20px}}.home li,.home p,.home ul{font-family:Plus Jakarta Sans}@media(max-width:768px){.home li,.home p,.home ul{font-size:14px}}.home a{text-decoration:unset}.nav{display:flex;align-items:center;justify-content:space-between;background-color:#efefef;border-radius:60px;padding:20px 40px;width:calc(100% - 80px);margin:20px auto;position:relative;z-index:999;transition:all .6s ease}@media(max-width:1024px){.nav{width:calc(100% - 40px)}}@media(max-width:768px){.nav{padding:15px 30px}}@media(max-width:576px){.nav{width:calc(100% - 40px);padding:10px 20px}}.nav.nav-home{position:fixed;left:50%;transform:translateX(-50%)}.nav.scroll{padding:15px 30px}@media(max-width:576px){.nav.scroll{padding:10px 20px}}.nav.scroll svg{width:80px}.nav.scroll .wrap-list-menu li{margin-left:30px}.nav svg{width:100px;height:30px;transition:all .6s ease}@media(max-width:768px){.nav svg{width:80px}}.nav .list-menu{overflow-x:unset}.nav .list-menu.mobile{display:none}@media(max-width:768px){.nav .list-menu.mobile{display:block}.nav .list-menu.desk{display:none}}.nav .list-menu .burger-menu{width:25px;height:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.nav .list-menu .burger-menu span{width:100%;height:1px;background-color:#000;transition:all .3s ease}.nav .list-menu .burger-menu span:nth-child(2){margin:6px 0}.nav .list-menu .burger-menu.toggle span:first-child{transform:rotate(45deg)}.nav .list-menu .burger-menu.toggle span:nth-child(2){display:none}.nav .list-menu .burger-menu.toggle span:nth-child(3){transform:rotate(-45deg) translateY(-1px)}.nav .list-menu ul li{margin-left:40px;position:relative;transition:all .6s ease;overflow:hidden}.nav .list-menu ul li .list-hover{overflow:hidden}.nav .list-menu ul li .list-hover:after{position:absolute;width:100%;height:1px;background:#000;top:100%;left:0;pointer-events:none;content:attr(data-text);height:100%;top:0;background:none;transform-origin:100% 50%;transform:translate3d(150%,0,0);transition:transform .3s cubic-bezier(.5,.5,.3,1);font-weight:600;color:#000}.nav .list-menu ul li .list-hover:lang(th):after{font-weight:unset!important}.nav .list-menu ul li .list-hover:hover:after{transform:translateZ(0)}.nav .list-menu ul li .list-hover span{display:inline-block;transition:transform .3s cubic-bezier(.5,.5,.3,1)}.nav .list-menu ul li .list-hover:hover span{transform:translate3d(-150%,0,0)}@media(max-width:1024px){.nav .list-menu ul li{margin-left:25px}}.list-menu-mobile{width:100%;background-color:#000;z-index:998;position:fixed;top:0;bottom:0;right:0;left:100%;display:flex;padding:140px 40px;transition:all .6s ease}.list-menu-mobile.toggle{left:0}.list-menu-mobile ul{width:100%;flex-direction:column}.list-menu-mobile ul li{width:100%;padding:20px 0;border-bottom:1px solid #fff;will-change:transform,opacity,filter}.list-menu-mobile ul li a{font-size:24px;color:#fff}.list-menu-mobile ul li a:lang(en){font-size:18px}#banner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:160px 60px 60px;max-width:992px;margin:0 auto}@media(max-width:1024px){#banner{max-width:unset}}@media(max-width:768px){#banner{padding:120px 30px 30px}}@media(max-width:576px){#banner{padding:120px 20px 40px}}#banner h1{text-align:center}#banner h3,#banner span{font-family:Plus Jakarta Sans;font-style:normal}#banner h3:lang(th),#banner p:lang(th){font-family:DB Helvethaica}#banner h3:lang(th){font-size:50px}#banner p:lang(th){font-size:24px!important}#banner>div{position:relative}#banner>div:nth-child(2){display:flex;flex-direction:column;align-items:center;margin:40px 0;width:100%;padding-bottom:35.15625%;overflow:hidden}@media(max-width:768px){#banner>div:nth-child(2){padding-bottom:40%}}@media(max-width:576px){#banner>div:nth-child(2){padding-bottom:45%}}#banner>div:nth-child(2):before{content:"";background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,.5) 80%,#fff);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#banner>div:nth-child(2) a{position:absolute;bottom:0;left:50%;transform:translateX(-50%);min-width:300px}@media(max-width:576px){#banner>div:nth-child(2) a{width:100%;max-width:280px;min-width:unset}#banner>div:nth-child(2) a:lang(en){font-size:14px}}#banner>div:nth-child(2) .rotation{position:absolute;top:0;left:0;width:100%;transition:all .6s ease}#banner>div:nth-child(3){display:flex}@media(max-width:1024px){#banner>div:nth-child(3){align-items:center}}@media(max-width:576px){#banner>div:nth-child(3){flex-direction:column}}#banner>div:nth-child(3) h3{text-align:end}@media(max-width:576px){#banner>div:nth-child(3) h3{text-align:center;font-size:24px}#banner>div:nth-child(3) h3:lang(th){font-size:50px}}#banner>div:nth-child(3) h3 span{font-size:38px}@media(max-width:768px){#banner>div:nth-child(3) h3 span{font-size:34px}}@media(max-width:576px){#banner>div:nth-child(3) p{text-align:center;padding-top:10px;font-size:16px}}#banner>div:nth-child(3)>div{width:50%;padding:0 20px}@media(max-width:1024px){#banner>div:nth-child(3)>div:first-child{width:45%}#banner>div:nth-child(3)>div:last-child{width:55%}}@media(max-width:576px){#banner>div:nth-child(3)>div{width:100%!important;padding:0}}#new-feature{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}@media(max-width:768px){#new-feature{padding:30px}}@media(max-width:576px){#new-feature{padding:40px 20px}}#new-feature h2,#new-feature h3,#new-feature p,#new-feature span{color:#fff}#new-feature h3,#new-feature p,#new-feature span{font-family:Plus Jakarta Sans;font-style:normal}#new-feature h3,#new-feature span{font-weight:600}#new-feature h3{font-size:30px}#new-feature h3 img{margin-right:10px}#new-feature p{padding-left:50px;font-size:20px}#new-feature p:lang(th),#new-feature p>span:lang(th){font-family:DB Helvethaica;font-size:35px}@media(max-width:576px){#new-feature p{padding-left:unset}}#new-feature img{width:100%}#new-feature .icon{width:20px}#new-feature .wrap-content{display:flex;align-items:flex-start;padding-top:40px;overflow-x:unset}@media(max-width:768px){#new-feature .wrap-content{flex-direction:column;align-items:center;padding-top:unset}}#new-feature .wrap-content>div{width:50%;overflow-x:unset}@media(max-width:768px){#new-feature .wrap-content>div{width:100%}#new-feature .wrap-content>div:first-child{display:flex;justify-content:center}}#new-feature .wrap-content>div:first-child img{max-width:500px}@media(max-width:576px){#new-feature .wrap-content>div:first-child img{max-width:300px}}#new-feature .wrap-content>div:last-child>div:first-child{margin-left:-80px}@media(max-width:768px){#new-feature .wrap-content>div:last-child>div:first-child{margin-left:unset;text-align:center}}#new-feature .wrap-content>div:last-child>div:last-child{display:flex;flex-direction:column;align-items:center;justify-content:center}#new-feature .wrap-content>div:last-child>div .wrap-detail{display:flex;align-items:baseline;justify-content:space-around;width:100%;padding-top:30px}@media(max-width:768px){#new-feature .wrap-content>div:last-child>div .wrap-detail{padding-top:20px}}#new-feature .wrap-content>div:last-child>div .wrap-detail img{width:40%;max-width:220px}#new-feature .wrap-content>div:last-child>div .wrap-detail .wrap-span-detail{text-align:center;width:100%}#new-feature .wrap-content>div:last-child>div .wrap-detail .wrap-span-detail span:lang(th),#new-feature .wrap-content>div:last-child>div .wrap-detail .wrap-span-detail:lang(th){font-family:DB Helvethaica;font-size:24px}@media(max-width:576px){#new-feature .wrap-content>div:last-child>div .wrap-detail .wrap-span-detail{font-size:14px}}#community{background-color:#000;overflow-x:unset}#community h3{overflow-x:unset;font-family:Plus Jakarta Sans}@media(max-width:576px){#community h3{text-align:center}}#community h3:lang(th){font-family:DB Helvethaica;font-size:50px}#community h3>span{overflow-x:unset}#community h3>span span{overflow-x:unset;font-family:ltc-bodoni-175,serif;font-style:italic}#community h3>span span:lang(th){font-family:DB Helvethaica}#community .wrap-search{display:flex;align-items:center;justify-content:space-evenly;background-color:#fff;padding:40px;overflow-x:unset}@media(max-width:1024px){#community .wrap-search{flex-direction:column}}@media(max-width:768px){#community .wrap-search{padding:30px}}@media(max-width:576px){#community .wrap-search{padding:20px}}#community .wrap-search .wrap-input{width:350px}@media(max-width:1024px){#community .wrap-search .wrap-input{margin-top:20px}}#community .wrap-search .wrap-input input:lang(th){font-family:DB Helvethaica;font-size:24px}#community .wrap-search .wrap-input input[type=text]{padding:10px 0 10px 20px}#community .wrap-search .wrap-input input[type=submit]{padding:10px 20px}#community .wrap-user-swiper{overflow-x:unset}#community .wrap-user-swiper .gallery{height:140vh;position:relative;display:flex;box-sizing:border-box;overflow:hidden}@media(max-width:1024px){#community .wrap-user-swiper .gallery{height:100vh}}#community .wrap-user-swiper .gallery .column{position:relative;height:100%;width:14.2857142857%;display:flex;flex-direction:column;overflow-x:unset}@media(max-width:1024px){#community .wrap-user-swiper .gallery .column{width:25%}}@media(max-width:576px){#community .wrap-user-swiper .gallery .column{width:33.3333333333%}}#community .wrap-user-swiper .gallery .column:nth-child(odd){top:-5%}#community .wrap-user-swiper .gallery .column:nth-child(2n){top:-50%}#community .wrap-user-swiper .gallery .column .imageContainer{height:100%;width:100%;position:relative;overflow-x:unset}#community .wrap-user-swiper .gallery .column .imageContainer .wrap{position:relative;padding:5px;width:100%;height:100%}#community .wrap-user-swiper .gallery .column .imageContainer .wrap a:hover+span{opacity:1}#community .wrap-user-swiper .gallery .column .imageContainer .wrap span{font-family:Plus Jakarta Sans;color:#000;background-color:#fff;padding:10px 20px;border-radius:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:all .3s ease}#community .wrap-user-swiper .gallery .column .imageContainer .wrap img{display:block;width:100%;height:100%;border-radius:10px}#all-feature{background-color:#000;display:flex;flex-direction:column;align-items:center;padding:60px 0}@media(max-width:768px){#all-feature{padding:30px 0}}@media(max-width:576px){#all-feature{padding:40px 0}}#all-feature h2{color:#fff}#all-feature h2 span{font-family:Plus Jakarta Sans;font-style:normal}#all-feature .wrap-features{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:40px}@media(max-width:576px){#all-feature .wrap-features{padding-top:20px}}#all-feature .wrap-features p{font-weight:600}#all-feature .wrap-features p:lang(th){font-family:DB Helvethaica;font-size:24px}#all-feature .wrap-features .wrap-feature{display:flex}#all-feature .wrap-features .wrap-feature>div{display:flex;align-items:center;background-color:#fff;border-radius:50px;padding:10px 15px;margin:10px 5px;white-space:nowrap;will-change:transform}#all-feature .wrap-features .wrap-feature>div:lang(th){padding:10px 30px}#all-feature .wrap-features .wrap-feature>div img{width:20px;margin-right:10px}#template{padding:60px}@media(max-width:768px){#template{padding:30px}}@media(max-width:576px){#template{padding:40px 20px}}#template .wrap-header{display:flex;align-items:center;justify-content:space-evenly;margin:0 60px;overflow-x:unset}#template .wrap-header:lang(th){align-items:baseline;justify-content:center}@media(max-width:576px){#template .wrap-header:lang(th){align-items:center}}@media(max-width:1024px){#template .wrap-header{margin:unset}}@media(max-width:576px){#template .wrap-header{flex-direction:column}}#template .wrap-header h2,#template .wrap-header p{padding:0 20px}#template .wrap-header h2:lang(th),#template .wrap-header p:lang(th){padding:0 5px}@media(max-width:576px){#template .wrap-header h2,#template .wrap-header p{padding:unset}}#template .wrap-header h2{font-size:60px;overflow-x:unset}#template .wrap-header h2:lang(th){font-family:DB Helvethaica}@media(max-width:768px){#template .wrap-header h2{font-size:50px}}#template .wrap-header p{font-size:30px;font-weight:900}#template .wrap-header p:lang(th){font-family:DB Helvethaica;font-size:55px}@media(max-width:1024px){#template .wrap-header p{font-size:25px}#template .wrap-header p:lang(th){font-size:50px}}@media(max-width:768px){#template .wrap-header p{font-size:18px}#template .wrap-header p:lang(th){font-size:35px}}@media(max-width:576px){#template .wrap-header p{text-align:center;padding-top:10px}}#template .wrap-detail{padding-top:40px;display:flex;align-items:center}@media(max-width:1024px){#template .wrap-detail{flex-direction:column}}@media(max-width:576px){#template .wrap-detail{padding-top:20px}}#template .wrap-detail .template-swiper{width:70%;display:flex;align-items:center}@media(max-width:1024px){#template .wrap-detail .template-swiper{width:100%}}@media(max-width:576px){#template .wrap-detail .template-swiper{flex-direction:column}}#template .wrap-detail .template-swiper ul{display:flex}#template .wrap-detail .template-swiper .wrapper-toggle{width:20%}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-toggle{width:100%}}#template .wrap-detail .template-swiper .wrapper-toggle ul{flex-direction:column;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:unset}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-toggle ul{flex-direction:row}}#template .wrap-detail .template-swiper .wrapper-toggle ul li{padding:15px 10px 15px 35px;text-transform:capitalize;font-size:20px;cursor:pointer;overflow-x:unset;white-space:pre}#template .wrap-detail .template-swiper .wrapper-toggle ul li:lang(th){font-family:DB Helvethaica;font-size:24px}@media(max-width:768px){#template .wrap-detail .template-swiper .wrapper-toggle ul li:lang(th){font-size:22px}}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-toggle ul li{padding:15px 10px 15px 25px}}#template .wrap-detail .template-swiper .wrapper-toggle ul li.active{position:relative;background-image:linear-gradient(145deg,#57e28c,#44b3d6 33%,#e171de 65%,#ff8e63);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}#template .wrap-detail .template-swiper .wrapper-toggle ul li.active:after,#template .wrap-detail .template-swiper .wrapper-toggle ul li.active:before{content:"";position:absolute;top:50%;transform:translateY(-50%)}#template .wrap-detail .template-swiper .wrapper-toggle ul li.active:before{border-radius:50%;border:2px solid transparent;background:linear-gradient(145deg,#57e28c,#44b3d6 33%,#e171de 65%,#ff8e63) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;left:0;width:20px;height:20px}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-toggle ul li.active:before{width:16px;height:16px}}#template .wrap-detail .template-swiper .wrapper-toggle ul li.active:after{background-image:url(/assets/icon-17.png);background-repeat:no-repeat;background-size:contain;left:6px;width:12px;height:12px}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-toggle ul li.active:after{width:8px;height:8px}}#template .wrap-detail .template-swiper .wrapper-slide{width:80%;position:relative;display:flex;align-items:center;padding:0 20px;overflow-x:unset}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-slide{width:100%}}#template .wrap-detail .template-swiper .wrapper-slide .splide{width:100%;overflow-x:unset}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__track{padding-top:20px}}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list{align-items:center;justify-content:center;overflow-x:unset}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list{justify-content:unset;align-items:flex-start}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list.portfolio,#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list.wedding{justify-content:center!important}}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list .splide__slide{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px;overflow-x:unset}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list .splide__slide img{width:100%;max-width:300px}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list .splide__slide a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:ltc-bodoni-175,serif;font-style:italic;text-transform:uppercase;font-size:12px;overflow-x:unset}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list .splide__slide a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5);border-radius:50%;width:70px;height:70px;z-index:-1}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list .splide__slide span{padding-top:10px;font-family:ltc-bodoni-175,serif;font-style:italic}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list .splide__slide span:lang(th){font-family:DB Helvethaica;font-size:24px}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__list .splide__slide span{text-align:center}}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__arrows .splide__arrow{background:transparent!important;overflow:hidden}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__arrows .splide__arrow svg{width:30px;height:30px}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__arrows .splide__arrow--prev{left:-25px}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__arrows .splide__arrow--next{right:-25px}#template .wrap-detail .template-swiper .wrapper-slide .splide .splide__pagination{display:none}#template .wrap-detail .template-swiper .wrapper-slide .swiper{position:unset}#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-slide{padding:10px;text-align:center}@media(max-width:576px){#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-slide{padding:10px 5px}}#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-slide img{width:100%}#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-slide a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:ltc-bodoni-175,serif;font-style:italic;text-transform:uppercase;font-size:12px}#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-slide a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5);border-radius:50%;width:70px;height:70px;z-index:-1}#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-slide span{padding-top:10px;font-family:ltc-bodoni-175,serif;font-style:italic}#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-button-next,#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-button-prev{color:#000}#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-button-next:after,#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-button-prev:after{font-size:30px}#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-button-next{right:0}#template .wrap-detail .template-swiper .wrapper-slide .swiper .swiper-button-prev{left:0}#template .wrap-detail .template-anim{width:30%;position:relative;overflow-x:unset}@media(max-width:1024px){#template .wrap-detail .template-anim{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:40px}}@media(max-width:576px){#template .wrap-detail .template-anim{padding-top:20px}}#template .wrap-detail .template-anim img{width:100%;max-width:340px}@media(max-width:1024px){#template .wrap-detail .template-anim img{max-width:500px}}@media(max-width:576px){#template .wrap-detail .template-anim img{max-width:unset}}#template .wrap-detail .template-anim .template-social-icon{position:relative;overflow-x:unset}#template .wrap-detail .template-anim .template-social-icon img{width:42px;height:42px;position:absolute;transition:all .6s ease;animation:rotateSocial 8s ease-in-out infinite alternate-reverse}@media(max-width:1024px){#template .wrap-detail .template-anim .template-social-icon img{width:60px;height:60px}}@media(max-width:576px){#template .wrap-detail .template-anim .template-social-icon img{width:40px;height:40px}}#template .wrap-detail .template-anim .template-social-icon img:first-child{--rotate-top-1:28px;--rotate-left-1:50px;--rotate-top-2:10px;--rotate-left-2:130px;--rotate-top-3:65px;--rotate-left-3:190px;--rotate-top-4:105px;--rotate-left-4:115px;--rotate-top-5:90px;--rotate-left-5:35px}@media(max-width:1024px){#template .wrap-detail .template-anim .template-social-icon img:first-child{--rotate-top-1:48px;--rotate-left-1:-170px;--rotate-top-2:20px;--rotate-left-2:-60px;--rotate-top-3:105px;--rotate-left-3:35px;--rotate-top-4:170px;--rotate-left-4:-85px;--rotate-top-5:150px;--rotate-left-5:-200px}}@media(max-width:576px){#template .wrap-detail .template-anim .template-social-icon img:first-child{--rotate-top-1:40px;--rotate-left-1:-100px;--rotate-top-2:20px;--rotate-left-2:-30px;--rotate-top-3:75px;--rotate-left-3:30px;--rotate-top-4:115px;--rotate-left-4:-45px;--rotate-top-5:100px;--rotate-left-5:-120px}}#template .wrap-detail .template-anim .template-social-icon img:nth-child(2){--rotate-top-1:10px;--rotate-left-1:130px;--rotate-top-2:65px;--rotate-left-2:190px;--rotate-top-3:105px;--rotate-left-3:115px;--rotate-top-4:90px;--rotate-left-4:35px;--rotate-top-5:28px;--rotate-left-5:50px}@media(max-width:1024px){#template .wrap-detail .template-anim .template-social-icon img:nth-child(2){--rotate-top-1:20px;--rotate-left-1:-60px;--rotate-top-2:105px;--rotate-left-2:35px;--rotate-top-3:170px;--rotate-left-3:-85px;--rotate-top-4:150px;--rotate-left-4:-200px;--rotate-top-5:48px;--rotate-left-5:-170px}}@media(max-width:576px){#template .wrap-detail .template-anim .template-social-icon img:nth-child(2){--rotate-top-1:20px;--rotate-left-1:-30px;--rotate-top-2:75px;--rotate-left-2:30px;--rotate-top-3:115px;--rotate-left-3:-45px;--rotate-top-4:100px;--rotate-left-4:-120px;--rotate-top-5:40px;--rotate-left-5:-100px}}#template .wrap-detail .template-anim .template-social-icon img:nth-child(3){--rotate-top-1:65px;--rotate-left-1:190px;--rotate-top-2:105px;--rotate-left-2:115px;--rotate-top-3:90px;--rotate-left-3:35px;--rotate-top-4:28px;--rotate-left-4:50px;--rotate-top-5:10px;--rotate-left-5:130px}@media(max-width:1024px){#template .wrap-detail .template-anim .template-social-icon img:nth-child(3){--rotate-top-1:105px;--rotate-left-1:35px;--rotate-top-2:170px;--rotate-left-2:-85px;--rotate-top-3:150px;--rotate-left-3:-200px;--rotate-top-4:48px;--rotate-left-4:-170px;--rotate-top-5:20px;--rotate-left-5:-60px}}@media(max-width:576px){#template .wrap-detail .template-anim .template-social-icon img:nth-child(3){--rotate-top-1:75px;--rotate-left-1:30px;--rotate-top-2:115px;--rotate-left-2:-45px;--rotate-top-3:100px;--rotate-left-3:-120px;--rotate-top-4:40px;--rotate-left-4:-100px;--rotate-top-5:20px;--rotate-left-5:-30px}}#template .wrap-detail .template-anim .template-social-icon img:nth-child(4){--rotate-top-1:105px;--rotate-left-1:115px;--rotate-top-2:90px;--rotate-left-2:35px;--rotate-top-3:28px;--rotate-left-3:50px;--rotate-top-4:10px;--rotate-left-4:130px;--rotate-top-5:65px;--rotate-left-5:190px}@media(max-width:1024px){#template .wrap-detail .template-anim .template-social-icon img:nth-child(4){--rotate-top-1:170px;--rotate-left-1:-85px;--rotate-top-2:150px;--rotate-left-2:-200px;--rotate-top-3:48px;--rotate-left-3:-170px;--rotate-top-4:20px;--rotate-left-4:-60px;--rotate-top-5:105px;--rotate-left-5:35px}}@media(max-width:576px){#template .wrap-detail .template-anim .template-social-icon img:nth-child(4){--rotate-top-1:115px;--rotate-left-1:-45px;--rotate-top-2:100px;--rotate-left-2:-120px;--rotate-top-3:40px;--rotate-left-3:-100px;--rotate-top-4:20px;--rotate-left-4:-30px;--rotate-top-5:75px;--rotate-left-5:30px}}#template .wrap-detail .template-anim .template-social-icon img:nth-child(5){--rotate-top-1:90px;--rotate-left-1:35px;--rotate-top-2:28px;--rotate-left-2:50px;--rotate-top-3:10px;--rotate-left-3:130px;--rotate-top-4:65px;--rotate-left-4:190px;--rotate-top-5:105px;--rotate-left-5:115px}@media(max-width:1024px){#template .wrap-detail .template-anim .template-social-icon img:nth-child(5){--rotate-top-1:150px;--rotate-left-1:-200px;--rotate-top-2:48px;--rotate-left-2:-170px;--rotate-top-3:20px;--rotate-left-3:-60px;--rotate-top-4:105px;--rotate-left-4:35px;--rotate-top-5:170px;--rotate-left-5:-85px}}@media(max-width:576px){#template .wrap-detail .template-anim .template-social-icon img:nth-child(5){--rotate-top-1:100px;--rotate-left-1:-120px;--rotate-top-2:40px;--rotate-left-2:-100px;--rotate-top-3:20px;--rotate-left-3:-30px;--rotate-top-4:75px;--rotate-left-4:30px;--rotate-top-5:115px;--rotate-left-5:-45px}}#template .wrap-detail .template-anim .template-account{display:flex;flex-direction:column;align-items:center;margin-top:-100px}#template .wrap-detail .template-anim .template-account .app,#template .wrap-detail .template-anim .template-account .icon{margin-top:15px}#template .wrap-detail .template-anim .template-account .typewriter{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:80px;padding:5px 20px;min-width:200px;border:2px solid transparent;box-shadow:6px 6px 15px -3px rgba(0,0,0,.3)}@media(max-width:576px){#template .wrap-detail .template-anim .template-account .typewriter{width:80%;max-width:300px}}#template .wrap-detail .template-anim .template-account .icon{width:20px;height:20px;animation:bounce cubic-bezier(.2,.65,.6,1) infinite alternate;--bounce-offset:-5px;animation-duration:.2s}#template .wrap-detail .template-anim .template-account .app{width:100%;max-width:250px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px;border-radius:20px}@media(max-width:1024px){#template .wrap-detail .template-anim .template-account .app{max-width:350px}}@media(max-width:576px){#template .wrap-detail .template-anim .template-account .app{max-width:300px}}#template .wrap-detail .template-anim .template-account .app img{width:20%;height:20%;padding:5px}@media(max-width:1024px){#template .wrap-detail .template-anim .template-account .app img{max-width:60px}}@media(max-width:576px){#template .wrap-detail .template-anim .template-account .app img{max-width:unset}}#easy-to-use{background-color:#000;display:flex;align-items:center;justify-content:space-evenly;padding:20px 0}#easy-to-use h2{font-family:Plus Jakarta Sans;font-style:normal;color:#fff;font-size:40px}#easy-to-use h2:first-child{animation:fill 1.5s linear infinite alternate;-webkit-animation:fill 1.5s infinite alternate}#easy-to-use img{width:60px;margin:20px;animation:rotate 8s ease-in-out infinite}#easy-to-use>div{text-align:center}#why-diflink{display:flex;flex-direction:column;align-items:center;width:100%;padding:60px 0}@media(max-width:768px){#why-diflink{padding:30px 0}}@media(max-width:576px){#why-diflink{padding:40px 0}}#why-diflink h2{padding-bottom:40px}@media(max-width:576px){#why-diflink h2{padding-bottom:20px}}#why-diflink h2 span{font-family:Plus Jakarta Sans;font-style:normal}#why-diflink h3{font-family:ltc-bodoni-175,serif;font-style:italic;font-size:36px;letter-spacing:4px;overflow-x:unset}#why-diflink h3:lang(th){font-family:DB Helvethaica;font-size:60px}@media(max-width:576px){#why-diflink h3:lang(th){font-size:40px}}@media(max-width:768px){#why-diflink h3{font-size:28px}}#why-diflink p{font-size:32px;font-weight:900;text-transform:uppercase}#why-diflink p:lang(th){font-family:DB Helvethaica;font-size:50px}@media(max-width:576px){#why-diflink p:lang(th){font-size:30px}}@media(max-width:768px){#why-diflink p{font-size:22px}}#why-diflink>div{width:100%;position:relative}#why-diflink>div:before{content:"";border-radius:50px 0;border:2px solid transparent;background:linear-gradient(145deg,#57e28c,#44b3d6 33%,#e171de 65%,#ff8e63) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;position:absolute;top:0;left:100px;right:100px;bottom:0;z-index:1}@media(max-width:1024px){#why-diflink>div:before{left:60px;right:60px}}@media(max-width:768px){#why-diflink>div:before{left:30px;right:30px}}@media(max-width:576px){#why-diflink>div:before{left:20px;right:20px}}#why-diflink .wrap-why{display:flex;align-items:center;justify-content:center;padding:60px 160px}@media(max-width:1024px){#why-diflink .wrap-why{padding:60px 120px}}@media(max-width:768px){#why-diflink .wrap-why{padding:40px 80px;flex-direction:column}}@media(max-width:576px){#why-diflink .wrap-why{padding:40px 50px}}#why-diflink .wrap-why>div{overflow-x:unset}#why-diflink .wrap-why:first-child h3{margin-right:-100%}@media(max-width:768px){#why-diflink .wrap-why:first-child h3{margin-right:unset}}#why-diflink .wrap-why:last-child .wrap-header{display:flex}@media(max-width:576px){#why-diflink .wrap-why:last-child .wrap-header{flex-direction:column}}#why-diflink .wrap-why:last-child .wrap-header:lang(th){align-items:center;flex-direction:row}#why-diflink .wrap-why:last-child h3:lang(th){font-family:DB Helvethaica}@media(max-width:576px){#why-diflink .wrap-why:last-child h3:lang(en){display:flex;flex-direction:column}}#why-diflink .wrap-why:last-child h3 span{font-family:ltc-bodoni-175,serif;font-style:italic}#why-diflink .wrap-why:last-child h3 span:lang(th){font-family:DB Helvethaica}#why-diflink .wrap-why img{width:100%;max-width:300px}#why-diflink .wrap-why ul{padding-top:40px}@media(max-width:768px){#why-diflink .wrap-why ul{padding-top:20px}}#why-diflink .wrap-why ul li{position:relative;border-bottom:1px solid transparent;-o-border-image:linear-gradient(145deg,#57e28c,#44b3d6 33%,#e171de 65%,#ff8e63);border-image:linear-gradient(145deg,#57e28c,#44b3d6 33%,#e171de 65%,#ff8e63);border-image-slice:1;padding:15px 15px 15px 35px}#why-diflink .wrap-why ul li:lang(th){font-family:DB Helvethaica;font-size:24px}@media(max-width:576px){#why-diflink .wrap-why ul li:lang(th){font-size:22px}}@media(max-width:1024){#why-diflink .wrap-why ul li{padding:15px 15px 15px 30px}}#why-diflink .wrap-why ul li:before{content:"";background-image:url(/assets/icon-14.png);background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:0;transform:translateY(-50%);width:25px;height:25px}@media(max-width:1024px){#why-diflink .wrap-why ul li:before{width:20px;height:20px}}#why-diflink .wrap-why ul li:last-child{border-bottom:0}#why-diflink .wrap-why>div{width:50%;z-index:1}@media(max-width:768px){#why-diflink .wrap-why>div{width:100%}}#why-diflink .wrap-why>div:nth-child(odd){margin-right:40px}@media(max-width:768px){#why-diflink .wrap-why>div:nth-child(odd){margin-right:unset}}#why-diflink .wrap-why>div:nth-child(2n){margin-left:40px}@media(max-width:768px){#why-diflink .wrap-why>div:nth-child(2n){margin-left:unset}}#why-diflink .wrap-why .wrap-why-image{position:relative;overflow-x:unset}@media(max-width:768px){#why-diflink .wrap-why .wrap-why-image{margin-top:40px}}@media(max-width:576px){#why-diflink .wrap-why .wrap-why-image{margin-top:20px!important}}#why-diflink .wrap-why .wrap-why-image>div{display:flex;align-items:center;justify-content:center}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1{padding-bottom:28.125%}@media(max-width:1024px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1{padding-bottom:35%}}@media(max-width:768px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1{padding-bottom:50%;margin-bottom:80px}}@media(max-width:576px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1{padding-bottom:85%;margin-bottom:60px}}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1 .why-img{transform-origin:bottom left;position:absolute;left:25%;width:100%;height:100%}@media(max-width:768px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1 .why-img{left:35%}}@media(max-width:576px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1 .why-img{left:25%}}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1 .why-img:first-child{top:10%;background-image:url(/assets/why-5.png)}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1 .why-img:nth-child(2){top:7%;background-image:url(/assets/why-6.png)}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1 .why-img:nth-child(3){top:7%;background-image:url(/assets/why-7.png)}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1 .why-img:nth-child(4){top:7%;background-image:url(/assets/why-8.png)}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-1 .why-img:nth-child(5){top:7%;background-image:url(/assets/why-9.png)}@media(max-width:768px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2{display:flex;align-items:center;justify-content:center}}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div{display:flex;flex-direction:column;align-items:flex-end}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>img{width:100%;max-width:160px}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div{min-width:360px;display:flex;align-items:flex-end}@media(max-width:576px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div{min-width:unset}}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div img.social{width:100%;max-width:50px}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div .wrap-user-swiper{width:100%;height:50vh;margin:0 auto;display:flex;padding:20px 0 0 20px}@media(max-width:1024px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div .wrap-user-swiper{height:30vh}}@media(max-width:768px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div .wrap-user-swiper{height:40vh}}@media(max-width:576px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div .wrap-user-swiper{height:35vh;padding:10px 0 0 10px}}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div .wrap-user-swiper .swiper{width:33.3333333333%}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div .wrap-user-swiper .swiper .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div .wrap-user-swiper .swiper .swiper-slide .wrap{position:relative;width:calc(100% - 5px);height:calc(100% - 5px)}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-2>div>div .wrap-user-swiper .swiper .swiper-slide .wrap img{display:block;width:100%;height:100%;border-radius:10px}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3{background-image:url(/assets/why-1.png);background-repeat:no-repeat;background-size:contain;background-position:50%;padding-bottom:37.5%}@media(max-width:768px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3{padding-bottom:56.25%}}@media(max-width:576px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3{padding-bottom:100%}}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img{background-position:50%!important;transform:translate(50%);height:25.5681818182%}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img:first-child{position:absolute;top:45%;right:4%;background-image:url(/assets/why-2.png);width:35.15625%}@media(max-width:768px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img:first-child{right:12%;width:30%}}@media(max-width:576px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img:first-child{top:40%;right:2%;width:35%}}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img:nth-child(2){position:absolute;top:40%;left:16%;background-image:url(/assets/why-3.png);width:23.4375%}@media(max-width:768px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img:nth-child(2){left:20%;width:20%}}@media(max-width:576px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img:nth-child(2){top:35%;left:10%;width:25%}}#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img:nth-child(3){position:absolute;top:2%;right:20%;background-image:url(/assets/why-4.png);width:21.6346153846%}@media(max-width:768px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img:nth-child(3){right:25%;width:18%}}@media(max-width:576px){#why-diflink .wrap-why .wrap-why-image.wrap-why-image-3 .why-img:nth-child(3){top:0;right:15%;width:25%}}#why-diflink .wrap-why .wrap-why-image .why-img{background-repeat:no-repeat!important;background-size:contain!important}#why-diflink .wrap-why.wrapper-why-black{background-color:#000;position:relative;z-index:2}#why-diflink .wrap-why.wrapper-why-black:before{content:"";border:solid transparent;border-width:0 2px;background:linear-gradient(145deg,#57e28c,#44b3d6 33%,#e171de 65%,#ff8e63) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;position:absolute;top:0;left:100px;right:100px;bottom:0;z-index:1}@media(max-width:1024px){#why-diflink .wrap-why.wrapper-why-black:before{left:60px;right:60px}}@media(max-width:768px){#why-diflink .wrap-why.wrapper-why-black:before{left:30px;right:30px}}@media(max-width:576px){#why-diflink .wrap-why.wrapper-why-black:before{left:20px;right:20px}}@media(max-width:768px){#why-diflink .wrap-why.wrapper-why-black{flex-direction:column-reverse}}#why-diflink .wrap-why.wrapper-why-black h3,#why-diflink .wrap-why.wrapper-why-black li,#why-diflink .wrap-why.wrapper-why-black p,#why-diflink .wrap-why.wrapper-why-black ul{color:#fff}#why-diflink .wrap-why.wrapper-why-black li{border-bottom:1px solid #fff}.footer-home{padding:40px}@media(max-width:768px){.footer-home{padding:30px}}@media(max-width:576px){.footer-home{padding:20px 20px 0}}.footer-home h2{text-align:center;padding-bottom:20px;font-size:80px;letter-spacing:6px}.footer-home h2:lang(th){font-family:DB Helvethaica;font-size:120px}@media(max-width:768px){.footer-home h2:lang(th){font-size:80px}}@media(max-width:576px){.footer-home h2:lang(th){font-size:40px}}@media(max-width:1280px){.footer-home h2{font-size:70px}}@media(max-width:1024px){.footer-home h2{font-size:50px}}@media(max-width:768px){.footer-home h2{font-size:35px}}.footer-home span{font-family:Plus Jakarta Sans;font-style:normal}.footer-home span:lang(th){font-family:DB Helvethaica}.footer-home>div{display:flex;flex-direction:column;align-items:center;border:1px solid #000;border-radius:50px 50px 0 0;background:url(/assets/bg-footer.jpg);background-repeat:no-repeat;background-size:cover;position:relative;padding:80px;overflow:hidden}@media(max-width:768px){.footer-home>div{padding:40px}}@media(max-width:576px){.footer-home>div{padding:20px}}.footer-home>div:before{content:"";background:#000;background:radial-gradient(circle,rgba(0,0,0,.37) 0,rgba(0,0,0,.44) 0,#000 100%);position:absolute;top:0;left:0;width:100%;height:100%}.footer-home>div svg{width:150px;height:45px;margin:80px 0}@media(max-width:768px){.footer-home>div svg{width:120px;margin:60px 0}}.footer-home>div .wrap-link{display:flex;align-items:center;justify-content:space-evenly;width:100%}@media(max-width:576px){.footer-home>div .wrap-link{flex-wrap:wrap}}.footer-home>div .wrap-link a{color:#fff;z-index:1;font-family:Plus Jakarta Sans}@media(max-width:576px){.footer-home>div .wrap-link a{font-size:14px;text-align:center;width:50%}.footer-home>div .wrap-link a:nth-child(2),.footer-home>div .wrap-link a:nth-child(4){border-left:1px solid #fff}.footer-home>div .wrap-link a:nth-child(3),.footer-home>div .wrap-link a:nth-child(4){padding-top:20px}}.footer-home>div .wrap-typing,.footer-home>div svg,.footer-home>div ul{z-index:1}.footer-home>div .wrap-typing{border:1px solid #fff;background-color:hsla(0,0%,100%,.6);border-radius:80px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}@media(max-width:576px){.footer-home>div .wrap-typing{flex-direction:column;border:0;border-radius:unset;width:100%;background-color:unset}}.footer-home>div .wrap-typing a,.footer-home>div .wrap-typing h3,.footer-home>div .wrap-typing p{font-family:Plus Jakarta Sans}.footer-home>div .wrap-typing a{border:0;text-transform:uppercase;font-weight:600}.footer-home>div .wrap-typing a:lang(th){font-family:DB Helvethaica;font-size:24px}@media(max-width:768px){.footer-home>div .wrap-typing p{font-size:20px}}.footer-home>div .wrap-typing .typewriter{padding:0 40px;min-width:350px}@media(max-width:768px){.footer-home>div .wrap-typing .typewriter{min-width:280px}}@media(max-width:576px){.footer-home>div .wrap-typing .typewriter{min-width:unset;border:1px solid #fff;width:100%;border-radius:80px;background-color:hsla(0,0%,100%,.6);padding:10px 20px}}.footer-home>div .wrap-typing .typewriter h3{display:flex;align-items:center;justify-content:center;font-weight:500}.footer-home>div .wrap-typing .wrap-submit{display:flex;align-items:center;justify-content:center;border:0;color:#fff;padding:20px}@media(max-width:768px){.footer-home>div .wrap-typing .wrap-submit{padding:10px 20px}}@media(max-width:576px){.footer-home>div .wrap-typing .wrap-submit{border-radius:80px;border:1px solid #fff;margin-top:20px}}.footer-home>div .wrap-typing .wrap-submit img{width:15px;height:15px;margin-left:10px}@media(max-width:576px){.footer-home>div .wrap-typing .wrap-submit img{width:10px;height:10px}}html{font-size:calc(var(--font-size, 1)*16px)}@font-face{font-family:quiche-sans,sans-serif;font-weight:400;font-style:normal}@font-face{font-family:quiche-sans,sans-serif;font-weight:400;font-style:italic}@font-face{font-family:quiche-sans,sans-serif;font-weight:700;font-style:normal}@font-face{font-family:quiche-sans,sans-serif;font-weight:700;font-style:italic}.user-page a,.user-page h1,.user-page p,.user-page span{font-family:Noto Sans Thai,sans-serif;color:inherit;text-decoration:unset}.user-page h1{font-size:32px}.user-page input[type=text]{-webkit-appearance:none;-webkit-border-radius:0}.user-page>div *{overflow-x:hidden}.user-page a,.user-page h1,.user-page p{font-family:Montserrat,Noto Sans Thai,sans-serif}.user-page h2,.user-page span{font-family:Montserrat,Noto Sans Thai,sans-serif;font-weight:400;font-style:normal}.user-page span{color:#000}.user-page button{font-family:Montserrat,Noto Sans Thai,sans-serif}.default-white-container{position:absolute;top:0;bottom:0;height:100%;width:100%;background-color:#fff;overflow:auto;display:flex;align-items:center;justify-content:center}.default-white-container .userContainer{text-align:center;font-size:12px;margin:30px;font-family:Montserrat,sans-serif}.button{position:relative;cursor:pointer;padding:10px 15px;font-weight:700;letter-spacing:1.5px;margin:10px;background-color:transparent;color:#000;border:1px solid #ff5a37;border-radius:30px;transition:.3s ease;width:250px;text-align:center}.button.active{background-color:#ff5a37;color:#fff;border:1px solid #ff5a37}.input-border-bottom{border:0;border-bottom:1px solid #ff5a37;background-color:transparent;padding:6px 0}.ReactModalPortal>div{z-index:9}.saturation-white>div>div{transform:translate(0)!important}.loader{overflow:hidden!important}.home-page{height:100%;padding-top:54px}.home-page,.home-page .wrap-container{width:100%;margin:0 auto;position:relative}.home-page .wrap-container{display:flex;flex-direction:column;max-width:680px;padding:0 0 40px}@media(max-width:576px){.home-page .wrap-container{padding-bottom:35px}}.home-page .wrap-link{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:30px;overflow:unset}.home-page .wrap-link .your-link{display:inline-block;font-size:30px;color:#ff5a37;padding:10px 20px;border:2px solid #000}.home-page .wrap-link .wrap-username{padding:20px 0 10px;display:flex;justify-content:space-between;align-items:center;overflow:unset}.home-page .wrap-link .wrap-username h2{text-transform:uppercase;font-size:1.3rem}.home-page .wrap-link .wrap-username span{text-transform:uppercase;font-size:1.3rem;font-family:Montserrat,Noto Sans Thai,sans-serif;color:#ff5a37}.home-page .wrap-link .wrap-username .left-line{width:10px;height:25px;border-left:2px solid #000;border-bottom:2px solid #000;border-color:#000 currentcolor currentcolor;border-top:2px solid #000}.home-page .wrap-link .wrap-username .right-line{width:10px;height:25px;border-color:currentcolor currentcolor currentcolor #000;border-bottom:2px solid #000;border-right:2px solid #000;border-top:2px solid #000}.home-page .wrap-link .wrap-request{display:flex;overflow:unset}.home-page .wrap-link .wrap-request a,.home-page .wrap-link .wrap-request p{font-family:Montserrat,Noto Sans Thai,sans-serif;font-weight:400;font-style:normal;font-size:.8rem}.home-page .wrap-link .wrap-request a{padding-left:5px;text-decoration:underline}.home-page .wrap-video{height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:43px;overflow:hidden}.home-page .wrap-video video{width:55%}@media(max-width:1024px){.home-page .wrap-video video{width:calc(100% - 150px);height:auto}}@media(max-width:768px){.home-page .wrap-video video{width:calc(100% - 300px);height:auto}}@media(max-width:576px){.home-page .wrap-video video{width:calc(100% - 40px);height:auto}}.home-page .wrap-icon{position:absolute;display:flex;align-items:center;padding:30px 0 0 30px}@media(max-width:576px){.home-page .wrap-group{position:absolute;bottom:20px;left:50%;overflow:hidden;transform:translateX(-120px);width:70%;max-width:240px;height:150px}}.home-page .wrap-group .group{width:110px;position:absolute;left:0;display:flex;flex-direction:column;padding-top:120px}@media(max-width:1024px){.home-page .wrap-group .group{padding-top:500px;left:30px}}@media(max-width:768px){.home-page .wrap-group .group{padding-top:350px;left:50px}}@media(max-width:576px){.home-page .wrap-group .group{position:relative;padding:0;left:10px;height:100%;top:37px}}.home-page .wrap-group .group .group-icon{width:40px}@media(max-width:576px){.home-page .wrap-group .group .group-icon{width:30px}}.home-page .wrap-group .group .group-icon:nth-child(2){margin-left:70px}@media(max-width:576px){.home-page .wrap-group .group .group-icon:nth-child(2){margin-left:40px}}.home-page .wrap-group .group .group-icon:last-child{margin-left:5px}.home-page .wrap-group img{position:absolute;width:100px;padding-top:100px;right:0}@media(max-width:1024px){.home-page .wrap-group img{padding-top:500px;right:30px}}@media(max-width:768px){.home-page .wrap-group img{padding-top:350px;right:50px}}@media(max-width:576px){.home-page .wrap-group img{transform:scale(.8) translateX(-25px) translateY(-10px)!important;padding:0;top:5px;left:160px}}.home-page .wrap-group .line{margin-right:2px}.home-page .wrap-btn{display:flex;flex-wrap:wrap;align-items:center;position:relative;justify-content:center;overflow:unset}.home-page .btn{text-decoration:none;width:100%;max-width:250px;white-space:pre-line;background-color:#ff5a37;border:none;color:#fff;padding:10px 40px;text-align:center;cursor:pointer;border-radius:40px;text-transform:capitalize;transition:background-color .3s,color .3s,box-shadow .1s ease-in-out}.home-page .btn:hover{background-color:#fff;color:#ff5a37;box-shadow:inset 0 0 0 1px}@media(max-width:576px){.home-page .btn{max-width:230px;font-size:.9rem;padding:10px 40px}}.home-page .wrap-preview{position:relative}.home-page .container-preview{background-color:#fff;position:relative;display:flex;flex-direction:column;width:100%;max-width:300px;margin:0 auto}.home-page .container-preview>div{position:relative}@keyframes rotating{0%{transform:translateX(-50%) rotateY(0deg)}50%{transform:translateX(-50%) rotateY(1turn)}to{transform:translateX(-50%) rotateY(1turn)}}.home-page .wrap-container2{position:relative}.home-page .wrap-container2 .wrap-content{display:flex;flex-wrap:wrap;position:relative}.home-page .wrap-container2 .wrap-content p{padding:10px 2px 15px;text-align:left;line-height:23px}@media(max-width:576px){.home-page .wrap-container2 .wrap-content p{padding:20px;font-size:.8rem;line-height:21px}}.home-page .wrap-container2 .wrap-content:first-child{padding-top:110px}.home-page .wrap-container2 .wrap-content .container{margin:0}.home-page .wrap-container2 .wrap-content>div{width:50%;position:relative;overflow:initial;text-align:center;padding:0 60px}.home-page .wrap-container2 .wrap-content>div:nth-child(odd):before{content:attr(data-text);position:absolute;right:-20px;width:40px;height:40px;border-radius:50% 50%;top:40%;background:#ff5a37;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-family:Montserrat,Noto Sans Thai,sans-serif}@media(max-width:576px){.home-page .wrap-container2 .wrap-content>div:nth-child(odd):before{right:-17px;width:35px;height:35px;top:21%;font-size:1rem}}.home-page .wrap-container2 .wrap-content>div:nth-child(odd):after{content:".";position:absolute;right:-17px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;top:43%;font-family:Montserrat,Noto Sans Thai,sans-serif}@media(max-width:576px){.home-page .wrap-container2 .wrap-content>div:nth-child(odd):after{content:".";position:absolute;right:-12px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;top:24%}.home-page .wrap-container2 .wrap-content>div{padding:0}}.home-page .wrap-container2 .wrap-img{display:flex;justify-content:center;align-items:center}.home-page .wrap-container2 .wrap-img .image{max-height:150px;height:100%}.home-page .wrap-container2 .wrap-title{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:10px}.home-page .wrap-container2 .wrap-title span{font-size:1.3rem;padding-right:5px;color:#ff5a37}.home-page .wrap-container2 .wrap-title span:nth-child(2n){padding:0 0 0 5px}.home-page .wrap-container2 .wrap-title h2{font-size:1.3rem}@media(max-width:576px){.home-page .wrap-container2 .wrap-title h2,.home-page .wrap-container2 .wrap-title span{font-size:1rem}}.home-page .wrap-container2 .icon{width:100%;max-width:90px;margin-top:10px}.home-page .wrap-container3 .wrap-line{display:flex;justify-content:center;position:relative;margin-right:2px}.wrapper-container .wrap-input{width:90%;max-width:400px;margin:0 auto}.wrapper-container .wrap-input input{width:100%!important}.wrapper-container .wrap-input .error-msg p{width:100%;display:block;text-align:left}footer.footer-page{padding:60px 20px 180px;background:#fff}@media(max-width:576px){footer.footer-page{padding:40px 20px 140px}}footer.footer-page a{font-size:16px}@media(max-width:576px){footer.footer-page a{font-size:14px}}@media(max-width:400px){footer.footer-page a{font-size:12px}}footer.footer-page #logo-footer{width:120px;margin:auto;padding-bottom:40px}footer.footer-page ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:800px;margin:0 auto}footer.footer-page ul li{padding:0 20px;position:relative;width:25%;text-align:center;overflow:hidden}footer.footer-page ul li a{font-family:Montserrat,sans-serif!important;color:#000}@media(max-width:576px){footer.footer-page ul li{padding:0 10px;width:50%;margin:0 0 10px}}footer.footer-page ul li:not(:last-child):after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1px;height:20px;background-color:#000;right:0}@media(max-width:576px){footer.footer-page ul li{width:33.33%}footer.footer-page ul li:first-child{width:100%}footer.footer-page ul li:first-child:after{content:none}}.home-component *{-webkit-font-smoothing:antialiased}.home-component h2{font-size:65px;font-weight:700}@media(max-width:1440px){.home-component h2{font-size:70px}}@media(max-width:576px){.home-component h2{font-size:50px}}.home-component h3{font-weight:400;font-size:56px;line-height:.9}@media(max-width:1440px){.home-component h3{font-size:44px}}@media(max-width:1280px){.home-component h3{font-size:36px}}@media(max-width:768px){.home-component h3{font-size:32px}}.home-component p{font-weight:400;font-size:28px}@media(max-width:1440px){.home-component p{font-size:24px}}@media(max-width:1280px){.home-component p{font-size:22px}}.home-component .visuallyhidden{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.home-container{position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:1px;height:100%;border-left:2px dashed #ff5a37;top:6%}.tag-line{overflow:hidden;padding:40px 0 10px}.tag-line h2{overflow:hidden;font-size:38px;line-height:38px;font-weight:400;text-align:center;text-transform:uppercase;z-index:9;position:relative;text-indent:26px}@media(max-width:576px){.tag-line h2{font-size:28px;text-indent:20px}}@media(max-width:340px){.tag-line h2{font-size:24px}}.swiper-slide img{width:100%;height:auto}.swiper-wrapper{overflow:unset}.swiper-container{position:relative}.swiper-container:before{content:"";position:absolute;width:100%;height:100%;background-image:url(/frame.png);background-size:contain;background-repeat:no-repeat;z-index:9}.logo-container{position:relative;top:10px}.click-loading{height:100%;justify-content:center;align-items:center}.choose-template-container,.click-loading{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:1;display:flex}.choose-template-container{text-align:right;padding:10px;justify-content:space-between}.choose-template-container .logo-header{height:30px;overflow:visible}.choose-template-container .logo-header svg{width:auto!important;height:100%}@media(max-width:576px){.choose-template-container .logo-header{height:25px}}.choose-template-container button{cursor:pointer;background-color:#ff5a37;padding:7px 14px;color:#fff;border:0;border-radius:7px;transition:.2s}.choose-template-container button:hover{background-color:#ff763d}.empty-linktree{color:#fff}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.theme{margin:0 auto;align-items:center;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);width:100%;height:100%;position:relative;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;color:var(--colorfont);overflow:hidden}.theme *{font-family:Oswald,Noto Sans Thai,sans-serif}.theme .cover{opacity:0;transform:translateY(-20px);width:100%;max-width:1100px;background-size:cover;background-position:50%;max-height:1208px;border-bottom-left-radius:30px;border-bottom-right-radius:30px}@media(max-width:576px){.theme .cover{border-bottom-left-radius:12px;border-bottom-right-radius:12px}}.theme .cover.show{transform:unset;opacity:1}.theme .cover img{width:100%;height:auto;display:block}@media(max-width:680px){.theme .cover img{-o-object-fit:cover;object-fit:cover}}.theme .user-link{padding:50px 30px 0;margin:0 auto;width:100%;max-width:1100px;overflow:visible;opacity:0;pointer-events:none}.theme .user-link.show{opacity:1;pointer-events:all}.theme .user-link header.user-container{display:flex;width:100%;overflow:visible}.theme .user-link header.user-container.show-profile-only{margin-top:80px;margin-bottom:44px}@media(max-width:576px){.theme .user-link header.user-container.show-profile-only{margin-top:50px;margin-bottom:26px}}.theme .user-link header.user-container .userAvatar{position:relative;overflow:visible;left:-2px}.theme .user-link header.user-container .userAvatar img{width:80px;height:80px;border-radius:50%;position:relative;top:-20px;-o-object-fit:cover;object-fit:cover;border:.5px solid rgba(0,0,0,.2)}.theme .user-link header.user-container .userAvatar img.single{width:120px;min-width:120px;height:120px;top:-64px;position:absolute;left:calc(50% + 3px);transform:translateX(-50%)!important;border:4px solid var(--colorfont)}@media(max-width:576px){.theme .user-link header.user-container .userAvatar img.single{width:100px;height:100px;top:-52px}}.theme .user-link header.user-container .user-name{margin:10px 0 10px 15px;width:calc(100% - 100px);overflow:hidden}.theme .user-link header.user-container .user-name h1,.theme .user-link header.user-container .user-name h2,.theme .user-link header.user-container .user-name p{word-break:normal!important}.theme .user-link header.user-container .user-name .stagger{overflow:hidden}.theme .user-link header.user-container .user-name h1,.theme .user-link header.user-container .user-name h2,.theme .user-link header.user-container .user-name p{color:#ff5a37;overflow:hidden}.theme .user-link header.user-container .user-name h1{font-size:calc(var(--font-size, 1)*18px);line-height:27px;padding-top:1px;padding-left:1px;padding-right:1px}.theme .user-link header.user-container .user-name h2,.theme .user-link header.user-container .user-name p{padding:5px 0 0 1px;font-size:calc(var(--font-size, 1)*14px);line-height:calc(var(--font-size, 1)*24px);white-space:pre-line}.theme .user-link header.user-container .share-wrap{padding-top:3px;right:-10px;position:relative}.theme .user-link header.user-container .share-wrap button{cursor:pointer;background:unset;border:0;padding:6px 2px;width:20px;height:40px;font-family:Oswald,Noto Sans Thai,sans-serif}.theme .user-link header.user-container .share-wrap button svg{margin-top:-1px;width:16px;height:16px}.theme .user-link .linksList{display:none;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:10px -5px 0;max-width:unset;width:calc(100% + 10px);overflow:visible}.theme .user-link .linksList.show{display:flex}.theme .user-link .linksList .link-detail{max-width:680px;width:100%;display:block;margin:0 auto}.theme .user-link .linksList .link-detail h1{margin-bottom:15px;text-align:center;line-height:44px;font-size:30px;font-family:var(--fontfamily);overflow:hidden}.theme .user-link .linksList .link-detail p{margin-bottom:18px;line-height:28px;font-family:var(--fontfamily)}.theme .user-link .linksList .link-detail img{display:block;width:100%}.theme .user-link .linksList .link-detail img+img{margin-top:15px}.theme .user-link .linksList .link-Container{flex-wrap:wrap;width:100%;overflow:hidden;text-align:start}.theme .user-link .linksList .link-Container .wrapper-link{width:100%;max-width:90%}.theme .user-link .linksList .link-Container .wrapper-link p{color:#ff5a37;overflow:hidden;display:flex;position:relative}.theme .user-link .linksList h3.link-Container{margin:0;padding:20px 0 10px;color:#ff5a37;overflow:hidden;font-size:calc(var(--font-size, 1)*1.17em);line-height:calc(var(--font-size, 1)*30px);text-align:var(--text-align,"left")}.theme .user-link .linksList h3+.link{border-top:1px solid}.theme .user-link .linksList .link{display:flex;justify-content:space-between;align-items:flex-start;background-color:unset;transition:all .3s ease-in;border-bottom:1px solid;border-bottom-color:var(--colorfont);padding:10px 0;margin:0 5px;position:relative;width:calc(100% - 10px);overflow:visible}.theme .user-link .linksList .link:before{background:unset}.theme .user-link .linksList .link+h3{margin-top:10px}.theme .user-link .linksList .link.border{border:1px solid;margin:0 5px 10px;padding:9px 10px 12px}.theme .user-link .linksList .link.border+h3{margin-top:0}.theme .user-link .linksList .link.border:after,.theme .user-link .linksList .link.border:before{content:unset}.theme .user-link .linksList .link.video{padding-top:54.5%!important}@media(max-width:576px){.theme .user-link .linksList .link.video{padding-top:50.5%!important}}.theme .user-link .linksList .link.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.theme .user-link .linksList .link.grid-item.video{padding-top:50.5%!important}@media(min-width:579px){.theme .user-link .linksList .link.grid-item.video{padding-top:26%!important}}.theme .user-link .linksList .link.grid-item.grid-1.video{padding-top:50.5%!important}.theme .user-link .linksList .link .link-Container{display:flex;justify-content:space-between;align-items:flex-start;text-decoration:none;line-height:unset}.theme .user-link .linksList .link .link-box{width:10px;height:22px;border-color:currentcolor currentcolor #fff #fff;border-right:1px solid #fff;border-top:1px solid #fff;position:relative;border-radius:0;margin-top:3px;transition:all .3s ease;overflow:hidden}.theme .user-link .linksList .link .link-box span{width:1px;height:37px;position:absolute;background:#fff;transform:translate(-50%,-50%) rotate(45deg);top:50%;left:50%}.theme .user-link .linksList div.thumbnail{display:none}.theme .user-link .linksList.has-image div.thumbnail{display:block;width:65px;height:65px;top:7px;left:0;float:left;background-size:cover;position:absolute;background-position:50% 0;transition:.2s ease-out}.theme .user-link .linksList.has-image div.thumbnail:hover{filter:brightness(1.07)}.theme .user-link .linksList.has-image .link{overflow:hidden;align-items:center;padding-left:75px;height:81px}.theme .user-link .linksList.has-image .link.border{height:67px}.theme .user-link .linksList.has-image .link.no-thumbnail{padding-left:0}.theme .user-link .linksList.has-image .link.no-thumbnail.border{padding-left:10px}.theme .user-link .linksList.has-image .link.video{padding-top:calc(50% + 23px)}.theme .user-link .linksList.has-image .link.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.theme .user-link .linksList.has-image .link p{line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;word-break:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.theme .user-link .linksList.has-image .link .link-Container{align-items:center}.theme .user-link .linksList.has-image .link .link-box{margin-top:-1px}.theme .user-link .linksList.has-image .link.border div.thumbnail{top:0;overflow:hidden}.theme .user-link .linksList.has-image .link.border div.thumbnail>svg{position:absolute;top:0;left:50%;transform:translate(-50%) scale(1);width:64%;height:100%;stroke:var(--colorfont);transition:.2s ease-out}.theme .user-link .linksList.has-image .link.border div.thumbnail:hover>svg{transform:translate(-50%) scale(1.03)}.theme .user-link .linksList .link.grid-item,.theme .user-link .linksList.grid .master-item{border:1px solid;display:block;width:calc(50% - 10px);margin:0 5px 10px;float:left;border-radius:7px;padding:5px 0 2px;height:auto!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0)}.theme .user-link .linksList .link.grid-item.video iframe,.theme .user-link .linksList.grid .master-item.video iframe{border-radius:7px}.theme .user-link .linksList .link.grid-item.border,.theme .user-link .linksList.grid .master-item.border{padding:10px 10px 2px}.theme .user-link .linksList .link.grid-item.grid-1,.theme .user-link .linksList.grid .master-item.grid-1{width:100%;padding:10px 10px 2px}.theme .user-link .linksList .link.grid-item.grid-1 .link-Container,.theme .user-link .linksList.grid .master-item.grid-1 .link-Container{padding:0 0 5px}.theme .user-link .linksList .link.grid-item.grid-2,.theme .user-link .linksList.grid .master-item.grid-2{width:calc(50% - 10px);padding:10px 10px 2px}.theme .user-link .linksList .link.grid-item.grid-2 .link-Container,.theme .user-link .linksList.grid .master-item.grid-2 .link-Container{padding:0 0 5px}.theme .user-link .linksList .link.grid-item.grid-3,.theme .user-link .linksList.grid .master-item.grid-3{padding:0!important;width:calc(33.33% - 10px)}.theme .user-link .linksList .link.grid-item.grid-3 .link-Container,.theme .user-link .linksList.grid .master-item.grid-3 .link-Container{display:none;position:absolute;height:0;top:50%;width:100%;max-width:100%;left:0;transform:translateY(-50%);padding:0;text-align:center}.theme .user-link .linksList .link.grid-item.grid-3 .link-Container.no-image,.theme .user-link .linksList.grid .master-item.grid-3 .link-Container.no-image{display:block;overflow:visible}.theme .user-link .linksList .link.grid-item.grid-3 .link-Container.no-image .wrapper-link,.theme .user-link .linksList.grid .master-item.grid-3 .link-Container.no-image .wrapper-link{padding:5px 10px}@media(min-width:1201px){.theme .user-link .linksList .link.grid-item.grid-3 .link-Container.no-image .wrapper-link p,.theme .user-link .linksList.grid .master-item.grid-3 .link-Container.no-image .wrapper-link p{line-clamp:9;-webkit-line-clamp:9;font-size:calc(var(--font-size, 1)*14px);line-height:calc(var(--font-size, 1)*21px)}}@media(max-width:1200px){.theme .user-link .linksList .link.grid-item.grid-3 .link-Container.no-image .wrapper-link p,.theme .user-link .linksList.grid .master-item.grid-3 .link-Container.no-image .wrapper-link p{line-clamp:7;-webkit-line-clamp:7;font-size:calc(var(--font-size, 1)*14px);line-height:calc(var(--font-size, 1)*20px)}}@media(max-width:768px){.theme .user-link .linksList .link.grid-item.grid-3 .link-Container.no-image .wrapper-link p,.theme .user-link .linksList.grid .master-item.grid-3 .link-Container.no-image .wrapper-link p{line-clamp:3!important;-webkit-line-clamp:3;font-size:calc(var(--font-size, 1)*12px);line-height:calc(var(--font-size, 1)*18px)}}.theme .user-link .linksList .link.grid-item.grid-3 .link-box,.theme .user-link .linksList.grid .master-item.grid-3 .link-box{display:none}.theme .user-link .linksList .link.grid-item.grid-3 div.thumbnail,.theme .user-link .linksList.grid .master-item.grid-3 div.thumbnail{top:0!important;padding-top:100%!important;border-bottom:0!important;background-size:cover;background-position:50% 0}.theme .user-link .linksList .link.grid-item.grid-3.video,.theme .user-link .linksList.grid .master-item.grid-3.video{padding-top:calc(33.33% - 12px)!important}.theme .user-link .linksList .link.grid-item p,.theme .user-link .linksList.grid .master-item p{padding-top:3px;line-height:calc(var(--font-size, 1)*21px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;word-break:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:46px}.theme .user-link .linksList .link.grid-item div.thumbnail,.theme .user-link .linksList.grid .master-item div.thumbnail{display:block;width:calc(100% + 20px);height:0;padding-top:calc(100% + 20px);float:unset;background-size:cover;position:relative;left:-10px;top:-10px!important;background-position:50% 0;transition:.2s ease-out}.theme .user-link .linksList .link.grid-item div.thumbnail.icon,.theme .user-link .linksList.grid .master-item div.thumbnail.icon{border-bottom:1px solid var(--colorfont)}.theme .user-link .linksList .link.grid-item div.thumbnail:hover,.theme .user-link .linksList.grid .master-item div.thumbnail:hover{filter:brightness(1.07)}.theme .user-link .linksList .link.grid-item a.link-Container,.theme .user-link .linksList.grid .master-item a.link-Container{display:flex;align-items:flex-end;padding:0 0 5px;margin-top:-4px}.theme .user-link .linksList .link.grid-item a.link-Container div.wrapper-link,.theme .user-link .linksList.grid .master-item a.link-Container div.wrapper-link{max-width:87%}.theme .user-link .linksList .link.grid-item a.link-Container div.wrapper-link.no-image,.theme .user-link .linksList.grid .master-item a.link-Container div.wrapper-link.no-image{position:absolute;top:50%;width:100%;max-width:100%;left:0;transform:translateY(-50%);padding:10px;text-align:center}.theme .user-link .linksList .link.grid-item a.link-Container div.link-box,.theme .user-link .linksList.grid .master-item a.link-Container div.link-box{margin:0;top:-1px;right:-1px}.theme .user-link .linksList .link.grid-item a.link-Container div.link-box.no-image,.theme .user-link .linksList.grid .master-item a.link-Container div.link-box.no-image{margin:0 0 0 auto}.theme .user-link .linksList .link.grid-item a.link-Container.no-image,.theme .user-link .linksList.grid .master-item a.link-Container.no-image{min-height:58px}.theme .user-link .linksList .link.grid-item a.link-Container.no-image div.wrapper-link,.theme .user-link .linksList.grid .master-item a.link-Container.no-image div.wrapper-link{position:absolute;top:50%;width:100%;max-width:100%;left:0;transform:translateY(-50%);padding:10px;text-align:center}.theme .user-link .linksList .link.grid-item a.link-Container.no-image div.wrapper-link p,.theme .user-link .linksList.grid .master-item a.link-Container.no-image div.wrapper-link p{min-height:unset;line-clamp:11;-webkit-line-clamp:11}@media(max-width:768px){.theme .user-link .linksList .link.grid-item a.link-Container.no-image div.wrapper-link p,.theme .user-link .linksList.grid .master-item a.link-Container.no-image div.wrapper-link p{line-clamp:5;-webkit-line-clamp:5}}.theme .user-link .linksList .link.grid-item a.link-Container.no-image div.link-box,.theme .user-link .linksList.grid .master-item a.link-Container.no-image div.link-box{margin:0 0 0 auto}.theme .user-link .linksList .master-item.border a.link-Container{padding:0 0 5px!important}.theme .user-link .linksList .link.list-item~.grid-item{margin-top:10px}.theme .user-link .linksList .link.list-item.border~.grid-item,.theme .user-link .linksList .link.list-item.video~.grid-item{margin-top:0}.theme .user-link .linksList .header-wrapper{padding:0 5px;width:100%;overflow:visible;position:relative}.theme .user-link .linksList .header-wrapper .header-image{width:calc(100% + 60px);left:-30px;position:relative;margin-bottom:15px;border-bottom-left-radius:30px;border-top-right-radius:30px}@media(max-width:576px){.theme .user-link .linksList .header-wrapper .header-image{width:calc(100% + 60px);left:-30px;border-bottom-left-radius:12px;border-top-right-radius:12px}}.theme .user-link .linksList .header-wrapper .header-image img{position:relative;width:100%;height:auto;display:block}.theme .user-link .linksList .header-wrapper .header-text{margin-bottom:15px;white-space:pre-line;font-size:calc(var(--font-size, 1)*14px);line-height:calc(var(--font-size, 1)*20px);text-align:var(--text-align,"left");overflow-y:hidden}.theme .user-link .linksList .grid-carousel-main{position:relative;width:100%}.theme .user-link .linksList .grid-carousel-main .grid-carousel-wrapper{position:relative;display:flex;scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow-x:scroll;overflow-y:hidden;width:100%}@media(min-width:993px){.theme .user-link .linksList .grid-carousel-main .grid-carousel-wrapper{overflow-x:auto;overflow-y:hidden}}.theme .user-link .linksList .grid-carousel-main .grid-carousel-wrapper::-webkit-scrollbar{display:none}.theme .user-link .linksList .grid-carousel-main .grid-carousel-wrapper>div{margin-bottom:0;width:50%!important;min-width:92%;scroll-snap-align:center;cursor:pointer;transition:.2s}@media(min-width:579px){.theme .user-link .linksList .grid-carousel-main .grid-carousel-wrapper>div{min-width:47%}}.theme .user-link .linksList .grid-carousel-main .grid-carousel-wrapper>div:not(:last-child){margin-right:2px}@media(min-width:579px){.theme .user-link .linksList .grid-carousel-main .grid-carousel-wrapper>div:not(:last-child){margin-right:7px}}.theme .user-link .linksList .grid-carousel-main .btn{transition:.1s;opacity:0;display:none;position:absolute;top:50%;transform:translateY(-50%);height:30px;width:30px;border-radius:50%;background-color:rgba(0,0,0,.2);background-position:50% 50%;background-repeat:no-repeat;z-index:1;cursor:pointer}@media(min-width:993px){.theme .user-link .linksList .grid-carousel-main .btn{display:block}}.theme .user-link .linksList .grid-carousel-main .btn.next{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill="%23FFF" fill-rule="evenodd"/></svg>');right:10px}.theme .user-link .linksList .grid-carousel-main .btn.prev{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill="%23FFF" fill-rule="evenodd"/></svg>');left:10px}.theme .user-link .linksList .grid-carousel-main:hover .btn{opacity:1;transition:.4s}.theme .user-link .page-swiper{position:relative;overflow:visible}.theme .user-link .page-swiper .btn{transition:.1s;opacity:0;display:none;position:absolute;top:50%;transform:translateY(-50%);height:30px;width:30px;border-radius:50%;background-color:var(--colorfont);background-position:50% 50%;background-repeat:no-repeat;z-index:1;cursor:pointer}@media(min-width:993px){.theme .user-link .page-swiper .btn{display:block}}.theme .user-link .page-swiper .btn.next{right:-40px}.theme .user-link .page-swiper .btn.next:after{content:"";width:100%;height:100%;position:absolute;background-color:var(--bgcolor);-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill-rule="evenodd"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill-rule="evenodd"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.theme .user-link .page-swiper .btn.prev{left:-40px}.theme .user-link .page-swiper .btn.prev:after{content:"";width:100%;height:100%;position:absolute;background-color:var(--bgcolor);-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill-rule="evenodd"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill-rule="evenodd"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.theme .user-link .page-swiper:hover .btn{opacity:1;transition:.4s}.theme .user-link .swiper-container{z-index:0}@media(max-width:768px){.theme .user-link .swiper-container{margin:0 -30px}}.theme .user-link .swiper-container:hover .swiper-button-next,.theme .user-link .swiper-container:hover .swiper-button-prev{opacity:1}.theme .user-link .swiper-wrapper{align-items:center;overflow:unset}.theme .user-link .swiper-slide{overflow:unset}.theme .user-link .swiper-container:before{background-image:unset;pointer-events:none}.theme .user-link .swiper-button-next,.theme .user-link .swiper-button-prev{width:36px;height:36px;background-color:rgba(var(--colorfont),.5);border-radius:50%;overflow:hidden;opacity:0;transition:.3s}.theme .user-link .swiper-button-next:after,.theme .user-link .swiper-button-prev:after{content:unset}.theme .user-link .swiper-button-next:before,.theme .user-link .swiper-button-prev:before{content:"";position:absolute;top:50%;width:10px;height:10px;border-left:3px solid #fff;border-bottom:3px solid #fff}.theme .user-link .swiper-button-prev:before{left:calc(50% + 2.5px);transform:translate(-50%,-50%) rotate(45deg)}.theme .user-link .swiper-button-next:before{right:calc(50% + 2.5px);transform:translate(50%,-50%) rotate(-135deg)}.theme .user-link .swiper-pagination-bullet,.theme .user-link .swiper-pagination-bullet-active{background:var(--colorfont)}.theme .user-link .swiper-bullet{margin-bottom:18px;width:100%!important;text-align:center}.theme .user-link .swiper-bullet .swiper-pagination-bullet{margin:0 3px;transition:.3s}.theme .user-footer{padding:50px 30px 30px;display:flex;align-items:flex-end;justify-content:space-between;margin:0 auto;width:100%;max-width:1100px}.theme .user-footer .logo-container img{width:80px}.theme .user-footer .logo-container .animlogo{width:84px;height:40px;overflow:hidden}.theme .user-footer .logo-container .animlogo svg{margin-top:5px}.theme .user-footer .logo-container .animlogo svg path{fill:var(--color)}.theme .user-footer .icon-container{display:contents}.theme .user-footer .icon-container ul.icon{list-style-type:none;padding:0;display:flex;flex-wrap:wrap-reverse;flex-direction:row-reverse;width:80px}.theme .user-footer .icon-container ul.icon li{padding-top:6px;padding-bottom:6px}.theme .user-footer .icon-container ul.icon li:nth-child(odd){padding-left:6px}.theme .user-footer .icon-container ul.icon li:nth-child(2n){padding-right:6px}.theme .user-footer .icon-container ul.icon li a{display:flex}.theme .user-footer .icon-container ul.icon li img{width:30px}.theme .user-footer .icon-container ul.icon li svg{width:30px;height:30px}.theme .social-icon-bar{padding:10px 0 20px;display:flex;justify-content:center;margin:0 auto;width:100%;position:relative;transform:translateY(10px)}.theme .social-icon-bar .logo-container img{width:80px}.theme .social-icon-bar .logo-container .animlogo{width:84px;height:40px;overflow:hidden}.theme .social-icon-bar .logo-container .animlogo svg{margin-top:5px}.theme .social-icon-bar .logo-container .animlogo svg path{fill:var(--color)}.theme .social-icon-bar .icon-container{display:contents}.theme .social-icon-bar .icon-container ul.icon{list-style-type:none;padding:0;display:flex;justify-content:center}.theme .social-icon-bar .icon-container ul.icon li:not(:last-child){padding-right:18px}.theme .social-icon-bar .icon-container ul.icon li img{width:24px}.theme .social-icon-bar .icon-container ul.icon li svg{width:24px;height:24px}.theme .default-profile{overflow:hidden}.theme .container-floating{display:flex;position:fixed;bottom:30px;right:30px;z-index:2;justify-content:flex-end;font-family:inherit}@media(max-width:576px){.theme .container-floating{right:0;width:100%;padding:0 30px;bottom:20px}}.theme .container-floating.floating-active{right:unset;left:50%;transform:translateX(-50%)}.theme .container-floating .btn-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:10px;box-shadow:0 0 5px 0 rgba(0,0,0,.1)}.theme .container-floating .btn-circle svg{width:25px;height:-moz-fit-content;height:fit-content}.theme .container-floating a{color:inherit;font-family:inherit;font-size:inherit;width:100%;overflow-x:unset}.theme .container-floating a.menu-floating-active{width:calc(100% - 60px)}.theme .container-floating a .wrapper-floating-btn{font-family:inherit;text-align:center;overflow:visible}.theme .container-floating a .wrapper-floating-btn .floating-btn{cursor:pointer;background-color:var(--colorfont);border-radius:100vw;border:3px solid transparent;padding:0 1.5em 2px;color:var(--bgcolor);font-family:inherit;transition:.2s ease-out;box-shadow:0 0 5px 0 rgba(0,0,0,.1);width:300px;height:50px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;overflow:hidden}@media(max-width:576px){.theme .container-floating a .wrapper-floating-btn .floating-btn{width:100%}}.theme .container-floating a .wrapper-floating-btn .floating-btn:hover{border:3px solid;border-color:var(--bgcolor)}.theme .floating-empty-space{height:0}@media(max-width:576px){.theme .floating-empty-space.floating-active{height:60px}}.container-lists{position:fixed;top:0;left:0;z-index:2;width:100%;height:100vh;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.container-lists *{font-family:Montserrat,Noto Sans Thai,sans-serif}.container-lists .close-button{background-color:transparent;border:none;padding:0;display:block;margin-left:auto}.container-lists .close-button svg{margin-right:0;color:#000;width:24px;height:24px}@media(max-width:576px){.container-lists{padding:20px}}.container-lists .box-lists{width:380px;background-color:#fff;padding:16px;border-radius:16px}@media(max-width:576px){.container-lists .box-lists{width:100%}}.container-lists .box-lists>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.container-lists .box-lists>header h3{letter-spacing:0;font-weight:700}.container-lists .box-lists>div:first-child{display:flex;justify-content:flex-end}.container-lists .box-lists>div:first-child button{height:14px;width:14px;position:relative}.container-lists .box-lists>div:first-child button div{width:100%;height:2px;background-color:#505050;position:absolute;top:50%}.container-lists .box-lists>div:first-child button div:first-child{transform:translateY(-50%) rotate(45deg)}.container-lists .box-lists>div:first-child button div:last-child{transform:translateY(-50%) rotate(-45deg)}.container-lists .box-lists>div:nth-child(2){margin-bottom:14px}.container-lists .box-lists>div:nth-child(2) .img{width:56px;height:56px;background-color:#eee;border-radius:50%;display:block;margin:auto auto 14px;overflow:hidden}.container-lists .box-lists>div:nth-child(2) ul.icon{display:flex;justify-content:center}.container-lists .box-lists>div:nth-child(2) ul.icon li{padding:0 9px}.container-lists .box-lists>div:nth-child(2) ul.icon li svg{width:26px;height:26px}.container-lists .box-lists>div:nth-child(3){padding-bottom:10px;padding-top:10px;border-top:1px solid #e0e2d9;border-bottom:1px solid #e0e2d9;overflow-y:scroll}.container-lists .box-lists>div:nth-child(3) li{border:1px solid #e0e2d9;margin-bottom:10px;border-radius:4rem;padding:0 20px}.container-lists .box-lists>div:nth-child(3) li:last-child{margin-bottom:0}.container-lists .box-lists>div:nth-child(3) li a{height:48px;line-height:2.8rem;text-align:center;font-size:14px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.container-lists .box-lists>div:nth-child(4){margin-top:14px}.container-lists .box-lists>div:nth-child(4) span{font-weight:600;font-size:12px;display:block;text-align:center}.embed-google-map{opacity:0;width:100%;height:400px;position:relative;max-width:1100px;border-radius:7px;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;transform:translateZ(0)}@media(max-width:576px){.embed-google-map{height:280px}}.embed-google-map.show{opacity:1}.embed-google-map iframe{z-index:0;transform:translateZ(0);position:absolute;width:100%;height:100%;border:0}.circle-text{position:absolute;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;animation:animate 7.5s linear infinite}.circle-text span{position:absolute;top:-100px;display:inline-block;text-transform:uppercase;transform-origin:0 100px;font-size:12px;transform:scale(.4)}@keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1)}}@keyframes animateYuneBackgroundGradient{0%{background-position:0 0}to{background-position:100% 0}}@keyframes animateText{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.share-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.share-dialog-overlay button{font-family:Montserrat,Noto Sans Thai,sans-serif}.share-dialog{font-family:Montserrat,sans-serif;display:none;width:95%;max-width:384px;box-shadow:0 8px 16px rgba(0,0,0,.15);z-index:-1;border:1px solid #ddd;padding:20px;border-radius:16px;background-color:#fff}.share-dialog h3{font-size:1share-dialog-overlayrem;letter-spacing:0;font-weight:700}.share-dialog.is-open{display:block;z-index:2}.hidden{display:none}.share-dialog .create-your-own-story{margin-top:20px;border-top:1px solid #e0e2d9;padding-top:14px}.share-dialog .create-your-own-story h2{font-size:16px;font-weight:700;margin-bottom:10px}.share-dialog .create-your-own-story p{font-size:14px}.share-dialog .create-your-own-story a{display:block;height:3rem;background-color:#000;border-radius:4rem;color:#fff;line-height:2.8rem;text-align:center;font-size:14px}.share-dialog .create-your-own-story a.find-out-more{background-color:transparent;color:#000;border:1px solid #e0e2d9}.share-dialog .create-your-own-story .pt-2{padding-top:.5rem}.share-dialog svg{width:24px;height:24px}.share-dialog button{cursor:pointer}.share-dialog .button{width:100%;margin:0;display:inline-flex;align-items:center;justify-content:center;height:3rem;padding-top:8px;padding-bottom:8px;color:#000;text-align:center;font-size:14px;font-weight:500;line-height:1.1;letter-spacing:0;text-decoration:none;white-space:nowrap;border-radius:4rem;border:1px solid #e0e2d9;cursor:pointer}.share-dialog .button svg{margin-right:7px}.share-dialog .button svg path{fill:#000}.share-dialog .copy-link{padding:4px 8px 6px;width:80px;color:#000;border-radius:6px;border:1px solid #e0e2d9}.share-dialog header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.share-dialog .targets{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:10px}.share-dialog .close-button{background-color:transparent;border:none;padding:0}.share-dialog .close-button svg{margin-right:0;color:#000}.share-dialog .link{display:flex;justify-content:space-between;align-items:center;padding:6px 6px 6px 10px;background-color:transparent;color:#000;overflow:hidden;border:1px solid #e0e2d9;border-radius:8px}.share-dialog .pen-url{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#new-year-card-logo{position:fixed;bottom:10px;right:15px;width:80px;height:80px;overflow:hidden;box-sizing:content-box;z-index:8888;border-radius:50%;overflow:visible;cursor:move}#new-year-card-logo .bth-close{cursor:pointer;position:absolute;top:-15px;right:0;padding:3px;border-radius:50%;background-color:#000;color:#fff;width:20px;height:20px;z-index:9999;display:block}#new-year-card-logo .bth-close:before{transform:rotate(45deg);transform-origin:center}#new-year-card-logo .bth-close:after,#new-year-card-logo .bth-close:before{content:"";width:10px;height:1px;background-color:#fff;position:absolute;top:10px;left:5px}#new-year-card-logo .bth-close:after{transform:rotate(-45deg);transform-origin:center}.loader{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden;position:absolute;z-index:9999}.loader>div{border:1px solid #1f1c1c;border-bottom-color:transparent}.nav-search{position:absolute;top:0;left:0;width:100%;z-index:99;border-bottom:1px solid #fff;height:80px;overflow:unset;transition:all .5s}.nav-search.light{border-bottom:1px solid #000!important}.nav-search.light a span,.nav-search.light a:after,.nav-search.light a:before{color:#000!important}.nav-search.light .link:before{background:#000!important}@media(max-width:700px){.nav-search .desktop{display:none}}@media(max-width:576px){.nav-search{height:60px}}.nav-search .container{display:flex;justify-content:space-between;align-items:center;max-width:1728px;margin:auto;padding:20px 55px 20px 62px;height:100%;width:100%;overflow:unset}.nav-search .container>a{overflow:unset!important}@media(max-width:576px){.nav-search .container{padding:10px 10px 10px 15px}}.nav-search *{overflow:unset}.nav-search #logo-header{height:35px;display:flex;justify-content:center;margin-top:-7px}.nav-search #logo-header svg{width:auto!important;height:100%}@media(max-width:576px){.nav-search #logo-header{height:25px}}@media(max-width:375px){.nav-search #logo-header{height:20px}}.nav-search ul{display:flex}.nav-search ul li{padding:0 10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-search ul li:first-child{padding-left:0}.nav-search ul li:last-child{padding-right:0}@media(max-width:768px){.nav-search ul li{padding:0 10px}}@media(max-width:576px){.nav-search ul li{padding:0 5px}}.nav-search ul li a{display:flex}.nav-search ul li a span{color:#fff;font-family:DB Helvethaica;font-weight:500}.nav-search ul li a.btn-regis{font-weight:700}@media(max-width:576px){.nav-search ul li a.btn-regis{padding:7px 14px}}.nav-search ul li svg{width:30px;height:30px;transition:all .5s}@media(max-width:576px){.nav-search ul li svg{width:25px;height:25px}}.nav-search .wrapper-button{display:flex;align-items:center;justify-content:center}.nav-search .btn{--color:#fff;--color-hover:var(--color);--background:#2b3044;--background-hover:var(--background);--hover-back:#6d58ff;--hover-front:#5c86ff;font-weight:700;padding:10px 30px;border-radius:30px;letter-spacing:.02em;border:none;outline:none;position:relative;overflow:hidden;cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);color:var(--c,var(--color));background:var(--b,var(--background));transition:color .2s linear var(--c-d,.2s),background .3s linear var(--b-d,.2s)}.nav-search .btn.simple{--background:#ff5a37;--background-hover:#ff763d}@media(max-width:576px){.nav-search .btn{padding:8px 12px}}.nav-search .btn div{z-index:1;position:relative;display:flex}.nav-search .btn div span{display:block;backface-visibility:hidden;transform:translateZ(0);animation:var(--name,none) .55s linear forwards .18s;color:#fff;font-weight:700}.nav-search .btn.in{--name:move}.nav-search .btn.in:not(.out){--c:var(--color-hover);--b:var(--background-hover)}.nav-search .btn.in:not(.out):after,.nav-search .btn.in:not(.out):before{--y:0;--br:5%}.nav-search .btn.in:not(.out):after{--br:10%;--d-d:0.02s}.nav-search .btn.in.out{--name:move-out}.nav-search .btn.in.out:before{--d-d:0.06s}.circle{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-9;overflow:hidden;display:none;justify-content:center;align-items:center;pointer-events:none}.circle.active{display:flex;z-index:9}.circle .fill{position:absolute;left:0;bottom:0;width:100vw;height:100vw;margin-right:auto;margin-left:auto;border-radius:100%;background-color:#faffb5;transform:translateY(100%);transition:transform .8s}.circle .fill.move{transform:translateY(80%);transition:transform .8s}.circle .fill.full{transform:translateY(80%) scale(3);transition:transform 1.5s;pointer-events:all}@media(max-width:1024px){.circle .fill.full{transform:translateY(80%) scale(6)}}.circle .box-search{display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;pointer-events:none;width:100%;z-index:-99}.circle .box-search.active{position:relative;opacity:1;pointer-events:all;transition-property:opacity;transition-delay:1s;transition-duration:.5s;z-index:99}@keyframes anim{to{opacity:1;pointer-events:all}}.circle .box-search h1{color:#000;margin-bottom:15px}.circle .box-search .box-typing{border:1px solid #000;width:430px}@media(max-width:576px){.circle .box-search .box-typing{width:calc(100% - 40px)}}.circle .box-search .box-typing input[type=text]{background:transparent;border:0;font-size:27px;color:#000;padding:0 5px;font-family:DB Helvethaica;font-weight:700;width:85%}.circle .box-search .box-typing input[type=text] ::-moz-placeholder{overflow:hidden;position:relative;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.circle .box-search .box-typing input[type=text] ::placeholder{overflow:hidden;position:relative;display:inline-block;text-overflow:ellipsis;white-space:nowrap}@media(max-width:576px){.circle .box-search .box-typing input[type=text]{font-size:21px}}.circle .box-search .gotosearch{font-size:24px;margin-top:30px;color:#ff5a37;text-decoration:underline;cursor:pointer}.circle .box-search .btn{margin-top:40px;font-size:24px}.circle .btn{--color:#fff;--color-hover:var(--color);--background:#2b3044;--background-hover:var(--background);--hover-back:#6d58ff;--hover-front:#5c86ff;font-weight:700;padding:10px 30px;border-radius:30px;letter-spacing:.02em;border:none;outline:none;position:relative;overflow:hidden;cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);color:var(--c,var(--color));background:var(--b,var(--background));transition:color .2s linear var(--c-d,.2s),background .3s linear var(--b-d,.2s)}.circle .btn.simple{--background:#ff5a37;--background-hover:#ff763d}@media(max-width:576px){.circle .btn{padding:8px 20px}}.circle .btn div{z-index:1;position:relative;display:flex}.circle .btn div span{display:block;backface-visibility:hidden;transform:translateZ(0);animation:var(--name,none) .55s linear forwards .18s;color:#fff;font-weight:700}.circle .btn.in{--name:move}.circle .btn.in:not(.out){--c:var(--color-hover);--b:var(--background-hover)}.circle .btn.in:not(.out):after,.circle .btn.in:not(.out):before{--y:0;--br:5%}.circle .btn.in:not(.out):after{--br:10%;--d-d:0.02s}.circle .btn.in.out{--name:move-out}.circle .btn.in.out:before{--d-d:0.06s}.btn-search{overflow:hidden;position:relative}@keyframes move{30%,36%{transform:translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)))}50%{transform:translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)))}70%{transform:translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)))}}@keyframes move-out{30%,36%{transform:translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part)))}50%{transform:translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part)))}70%{transform:translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part)))}}.link{cursor:pointer;position:relative;color:var(--colorfont)}.link:after,.link:before{position:absolute;width:100%;height:1px;background:#fff;top:100%;left:0;pointer-events:none}.link:before{content:""}.light .link--leda:hover:after,.light .link--leda:hover:before{color:#000!important}.link--leda{overflow:hidden}.link--leda:before{height:2px;width:100%;top:calc(100% - 2px);transform-origin:100% 50%;transform:scaleX(0);transition:transform .3s cubic-bezier(.5,.5,.3,1)}.link--leda:hover:before{transform-origin:0 50%;transform:scaleX(1)}.link--leda:after{content:attr(data-text);height:100%;top:0;background:none;transform-origin:100% 50%;transform:translate3d(150%,0,0);transition:transform .3s cubic-bezier(.5,.5,.3,1);font-weight:500;color:#fff}.link--leda:hover:after{transform:translateZ(0)}.link--leda span{display:inline-block;transition:transform .3s cubic-bezier(.5,.5,.3,1)}.link--leda:hover span{transform:translate3d(-150%,0,0)}@keyframes scale-easeOutBounce{0%{transform:scale(1)}12%{transform:scale(.89)}24%{transform:scale(.56)}36%{transform:scale(.02)}54%{transform:scale(.25)}74%{transform:scale(.02)}82%{transform:scale(.06)}92%{transform:scale(.01)}96%{transform:scale(.02)}to{transform:scale(0)}}.navbar{display:flex;align-items:center;width:100%;margin:0 auto;padding:15px 10px;justify-content:space-between;position:fixed;top:0;background-color:#fff;box-shadow:0 0 9px hsla(0,0%,80%,.7);z-index:99}@media(max-width:576px){.navbar{max-width:680px;width:100%}}.navbar div .link_logo{display:flex}.navbar div .link_logo .logo{max-width:100%!important;width:100%!important}@media(max-width:576px){.navbar div .link_logo .logo{max-width:80%!important;width:100%!important;padding:0 10px!important}}.navbar .wrap_item{display:flex;overflow:unset}.navbar .wrap_item .item{padding:0 10px;cursor:pointer;align-self:center;overflow:unset}.navbar .wrap_item .item a{text-decoration:none;color:#000;font-family:Montserrat,Noto Sans Thai,sans-serif}.navbar .wrap_item .item a.sign_in{color:#000;border:none;cursor:pointer;transition:background-color .3s,color .3s,box-shadow .1s ease-in-out}.navbar .wrap_item .item a.sign_in:hover{color:#ff5a37}.navbar .wrap_item .item a.sign_up{border:none;padding:5px 20px;color:#ff5a37!important;background-color:#fff;cursor:pointer;border-radius:40px;box-shadow:inset 0 0 0 1px;transition:all .2s ease-in-out}.navbar .wrap_item .item a.sign_up:hover{background-color:#ff5a37;color:#fff!important}@media(max-width:576px){.navbar .wrap_item .item a.sign_in,.navbar .wrap_item .item a.sign_up{font-size:.8rem}}.search{padding:20px 0 100px}.search,.search *{overflow:unset}.search>p{font-family:Montserrat,Noto Sans Thai,sans-serif}.search .btn-load-more{padding:10px 20px;border-radius:40px;border:1px solid #ccc;cursor:pointer;color:#000;margin:0 auto;display:block}.search .search-box-wrapper{padding:30px 20px 20px;display:flex;justify-content:center;position:sticky;top:-12px;z-index:1;background-color:#fff}@media(max-width:576px){.search .search-box-wrapper{padding:10px 25px;top:0}}.search .search-box-wrapper input[type=text]{font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:14px;border:1px solid #ccc;border-radius:40px;padding:10px 15px;margin-right:10px;width:300px}@media(max-width:576px){.search .search-box-wrapper input[type=text]{width:100%}}.search .search-box-wrapper input[type=text]::-moz-placeholder{font-family:Montserrat,Noto Sans Thai,sans-serif}.search .search-box-wrapper input[type=text]::placeholder{font-family:Montserrat,Noto Sans Thai,sans-serif}.search .search-box-wrapper button{font-size:14px;padding:10px 20px;border-radius:40px;border:1px solid #ccc;cursor:pointer;color:#000;font-family:Montserrat,Noto Sans Thai,sans-serif}.search .search-result{width:100%;margin:0 auto;overflow:visible}.search .search-result .my-masonry-grid{display:flex;margin-left:0;width:auto;padding:10px;overflow:visible}.search .search-result .my-masonry-grid_column{background-clip:padding-box;padding:15px;overflow:visible}.search .search-result .my-masonry-grid_column>div{margin-bottom:30px;overflow:visible}.search .search-result .row{display:flex;flex-direction:column;align-items:center;background-color:#ecedf4;padding:0;border-radius:10px;margin:auto auto 30px;transition:all .3s;overflow:visible;filter:drop-shadow(3px 3px 2px rgba(204,204,204,.7))}@media(min-width:1200px){.search .search-result .row:hover{transform:translateY(-7px)}}.search .search-result .row>div{display:flex;align-items:center}.search .search-result .avatar,.search .search-result .skin{width:40px;padding-bottom:40px;background-position:50%;background-size:cover;background-repeat:no-repeat;border-radius:50%}.search .search-result .col_1{display:block;width:100%;float:left;overflow:hidden}.search .search-result .col_1 img{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;overflow:hidden}.search .search-result .text-wrapper{cursor:pointer;display:block!important;width:100%;padding:0 10px}.search .search-result .text-wrapper p{font-size:12px;margin-bottom:10px;font-family:Montserrat,Noto Sans Thai,sans-serif}.search .search-result .text-wrapper p.bold{font-weight:700;margin-bottom:3px}.search .search-result .link_wrapper{cursor:pointer}.search .search-result .link_wrapper+.text-wrapper{padding-top:10px}.search .search-result .info{cursor:pointer;display:flex;width:100%;padding:10px;justify-content:space-between}.search .search-result .info .col_3{width:13%;display:flex;align-items:center;justify-content:center;font-family:Montserrat,Kanit,sans-serif;text-decoration:none;color:#000}.search .search-result .info .col_2{width:72%;display:flex;align-items:center}.search .search-result .info .col_2 span{font-family:Montserrat,Kanit,sans-serif;font-size:14px;text-decoration:none;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.search .search-result .info .col_2 .wrapper_name{padding:0 10px;width:calc(100% - 40px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search .search-result .info .col_4{width:auto;display:flex;padding-left:10px;position:relative;justify-content:right}.search .search-result .info .col_4 span{padding:0 2px 0 6px;font-family:Montserrat,Kanit,sans-serif;text-decoration:none;color:#000}.search .link{text-decoration:none;display:inline-flex;overflow:visible}.search .title a{color:#0070f3;text-decoration:none}.search .title a:active,.search .title a:focus,.search .title a:hover{text-decoration:underline}.search .title{font-size:2.5rem;font-family:Montserrat,Noto Sans Thai,sans-serif;font-weight:400;margin:40px 0 0}.search .description,.search .title{text-align:center}.search .description{margin:4rem 0;line-height:1.5;font-size:1.5rem}.search .code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.search .grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:800px}.search .card{margin:1rem;padding:1.5rem;text-align:left;color:inherit;text-decoration:none;border:1px solid #eaeaea;border-radius:10px;transition:color .15s ease,border-color .15s ease;max-width:300px}.search .card:active,.search .card:focus,.search .card:hover{color:#0070f3;border-color:#0070f3}.search .card h2{margin:0 0 1rem;font-size:1.5rem}.search .card p{margin:0;font-size:1.25rem;line-height:1.5}.search .logo{height:1em;margin-left:.5rem}@media(max-width:600px){.search .grid{width:100%;flex-direction:column}}.search .top_ranking{display:flex}.search .top_ranking>div{width:33.33%}.search .top_ranking>div:nth-child(2){margin:0 20px}.search .top_ranking>div:nth-child(2) .avatar{width:100px;padding-bottom:100px;margin:auto}.search .top_ranking span.name{display:block;text-align:center;margin-top:10px}.search .top_ranking .avatar{width:80px;padding-bottom:80px;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;margin:10px auto;position:relative}.search .top_ranking .avatar:before{width:calc(100% + 6px);height:calc(100% + 6px);background:#fff;z-index:-1}.search .top_ranking .avatar:after,.search .top_ranking .avatar:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.search .top_ranking .avatar:after{width:calc(100% + 11px);height:calc(100% + 11px);background:#ff5a37;z-index:-2}.search .eye{width:15px}.search .box_view,.search .eye{display:flex;align-items:center;justify-content:center}.search .box_view span{padding-left:5px}.container{padding:0 2rem}.pagination{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}.pagination li{margin:2px}.pagination li a{color:#000}.main{height:100%;padding:20px 20px 40px;margin:0 auto}.footer{flex:1;padding:2rem 0;border-top:1px solid #eaeaea}.footer,.footer a{display:flex;justify-content:center;align-items:center}.footer a{flex-grow:1}.title a{color:#0070f3;text-decoration:none}.title a:active,.title a:focus,.title a:hover{text-decoration:underline}img.title{margin-top:0}.title{font-size:2.5rem;font-family:Montserrat,Noto Sans Thai,sans-serif;font-weight:400;margin:40px 0 0}.description,.title{text-align:center}.description{margin:4rem 0;line-height:1.5;font-size:1.5rem}.code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:800px}.card{margin:1rem;padding:1.5rem;text-align:left;color:inherit;text-decoration:none;border:1px solid #eaeaea;border-radius:10px;transition:color .15s ease,border-color .15s ease;max-width:300px}.card:active,.card:focus,.card:hover{color:#0070f3;border-color:#0070f3}.card h2{margin:0 0 1rem;font-size:1.5rem}.card p{margin:0;font-size:1.25rem;line-height:1.5}.logo{height:1em;margin-left:.5rem}@media(max-width:600px){.grid{width:100%;flex-direction:column}}.top_ranking{display:flex}.top_ranking>div{width:33.33%}.top_ranking>div:nth-child(2){margin:0 20px}.top_ranking>div:nth-child(2) .avatar{width:100px;padding-bottom:100px;margin:auto}.top_ranking span.name{display:block;text-align:center;margin-top:10px}.top_ranking .avatar{width:80px;padding-bottom:80px;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;margin:10px auto;position:relative}.top_ranking .avatar:before{width:calc(100% + 6px);height:calc(100% + 6px);background:#fff;z-index:-1}.top_ranking .avatar:after,.top_ranking .avatar:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.top_ranking .avatar:after{width:calc(100% + 11px);height:calc(100% + 11px);background:#ff5a37;z-index:-2}.eye{width:15px}.box_view,.eye{display:flex;align-items:center;justify-content:center}.box_view span{padding-left:5px}.container_row{width:100%;margin:40px auto 0;display:flex;flex-wrap:wrap;justify-content:center}.container_row .row{display:flex;flex-direction:column;align-items:center;background-color:#ecedf4;padding:0;border-radius:10px;margin:5px}.container_row .row:hover{background-color:rgba(236,237,244,.6);transition:all .5s}.container_row .row>div{display:flex;align-items:center}.container_row .avatar,.container_row .skin{width:40px;padding-bottom:40px;background-position:50%;background-size:cover;background-repeat:no-repeat;border-radius:50%}.container_row .col_1{display:block;width:100%;float:left}.container_row .info{display:flex;width:100%;padding:10px;justify-content:space-between}.container_row .info .col_3{width:13%;display:flex;align-items:center;justify-content:center;font-family:Montserrat,Kanit,sans-serif;text-decoration:none;color:#000}.container_row .info .col_2{width:100%;display:flex;align-items:center}.container_row .info .col_2 span{font-family:Montserrat,Kanit,sans-serif;text-decoration:none;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-weight:300}.container_row .info .col_2 .wrapper_name{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container_row .info .col_4{width:20%;display:flex;padding-left:10px;position:relative}.container_row .info .col_4 span{padding:0 6px;font-family:Montserrat,Kanit,sans-serif;text-decoration:none;color:#000}.link{text-decoration:none;display:block}section.preview-template{width:100%}@media(max-width:576px){section.preview-template{padding-top:59px}}section.preview-template .container-top{width:100%;max-width:1728px;margin:auto;padding:80px 100px}@media(max-width:576px){section.preview-template .container-top{padding:40px 20px}}section.preview-template .container-top .title{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:flex}section.preview-template .container-top span{display:block;text-align:center;font-size:26px;margin-bottom:40px}@media(max-width:576px){section.preview-template .container-top span{margin-bottom:20px;font-size:22px}}section.preview-template .container{display:flex;flex-wrap:wrap;width:100%;max-width:1728px;margin:auto;padding:0 100px}@media(max-width:992px){section.preview-template .container{padding:0 40px}}@media(max-width:576px){section.preview-template .container{padding:0 20px}}section.preview-template .container>a{width:25%;padding:40px 20px;overflow:hidden}@media(max-width:992px){section.preview-template .container>a{width:50%;padding:40px}}@media(max-width:576px){section.preview-template .container>a{width:100%;padding:0 0 80px}}section.preview-template .container>a .col{width:100%;cursor:pointer;overflow:unset}section.preview-template .container>a .col *{margin:0;padding:0;box-sizing:border-box;overflow:visible}section.preview-template .container>a .col .container-col{transform-style:preserve-3d;perspective:3000px}section.preview-template .container>a .col .back,section.preview-template .container>a .col .front{background-size:cover;background-position:50%;transition:transform .7s cubic-bezier(.4,.2,.2,1);backface-visibility:hidden;text-align:center;padding-bottom:205.19%;border-radius:10px;color:#fff;font-size:1.5rem}section.preview-template .container>a .col .container-col:hover .back,section.preview-template .container>a .col .container-col:hover .front{transition:transform .7s cubic-bezier(.4,.2,.2,1)}section.preview-template .container>a .col .back{position:absolute;top:0;left:0;width:100%}section.preview-template .container>a .col .inner{transform:translateY(-50%) translateZ(80px) scale(.94);top:50%;position:absolute;left:0;width:100%;padding:2rem;box-sizing:border-box;outline:1px solid transparent;perspective:inherit;z-index:2}section.preview-template .container>a .col .container-col .back{transform:rotateY(180deg);transform-style:preserve-3d}section.preview-template .container>a .col .container-col .front{transform:rotateY(0deg);transform-style:preserve-3d}section.preview-template .container>a .col .container-col:hover .back{transform:rotateY(0deg) scale(.9);transform-style:preserve-3d}section.preview-template .container>a .col .container-col:hover .front{transform:rotateY(-180deg) scale(.9);transform-style:preserve-3d}section.preview-template .container>a button{font-size:24px;border:0;padding:10px 30px!important;border-radius:40px;font-weight:600;cursor:pointer;transform:translateZ(-80px)}@media(max-width:1280px){section.preview-template .container>a button{font-size:18px}}.navigation-bottom-component{width:100%;padding:10px;opacity:0;pointer-events:none;transition:all .5s}.navigation-bottom-component.show{pointer-events:all;opacity:1}.navigation-bottom-component.is-menu{position:fixed;left:0;right:0;bottom:30px;z-index:1000;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.navigation-bottom-component.is-menu a,.navigation-bottom-component.is-menu p{overflow:hidden!important}.navigation-bottom-component .menu_wrap{max-width:100%;padding:.3em;border-radius:100vw;background-color:#fff;box-shadow:1px 1px 7px 0 rgba(0,0,0,.16)}.navigation-bottom-component .menu{position:relative;display:flex}.navigation-bottom-component li{padding:1.2em 1.7em;display:flex;align-items:center}@media(max-width:576px){.navigation-bottom-component li{padding:10px 15px}}.navigation-bottom-component li a{font-family:Plus Jakarta Sans;font-weight:600}.navigation-bottom-component li a span{font-size:16px}.navigation-bottom-component li a sup{padding:0 5px;font-size:12px}.navigation-bottom-component .menu_link{position:relative;z-index:2;color:#fff}.navigation-bottom-component .menu_link span{color:#000}.navigation-bottom-component .w-inline-block{max-width:100%;display:flex}.navigation-bottom-component .menu_link-bg{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border-radius:100vw;background-color:#fff;opacity:0}.navigation-bottom-component .menu-register{opacity:1;background-color:#ff5a37;border-radius:100vw;margin-left:18px}.navigation-bottom-component .btn-regis,.navigation-bottom-component .menu-register span{color:#fff;font-weight:700}.navigation-bottom-component .menu_link-text{position:relative;z-index:2}.navigation-bottom-component .w--current{color:#0082f3;background-color:#c8c8c8}.navigation-bottom-component .menu_shape{position:absolute;left:0;top:0;right:auto;bottom:0;z-index:1;display:flex;width:7em;justify-content:flex-start;opacity:0;transform:translate(0)}.navigation-bottom-component .menu_shape-bg{position:relative;width:100%;height:100%;flex:0 0 auto;border-radius:100vw;background-color:#000}.navigation-bottom-component .ic-home{width:25px;height:25px;display:flex}.navigation-bottom-component span{font-size:28px}@media(max-width:1440px){.navigation-bottom-component span{font-size:24px}}@media(max-width:576px){.navigation-bottom-component span{font-size:20px}}.navigation-bottom-component .link--leda:after{color:#000;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:400}@media(max-width:1440px){.navigation-bottom-component .link--leda:after{font-size:24px}}@media(max-width:576px){.navigation-bottom-component .link--leda:after{font-size:20px}}.navigation-bottom-component .link:before{background-color:#000}.navigation-bar{max-width:1100px}.navigation-bar ::-webkit-scrollbar{height:0;display:none}.navigation-bar button{display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical}.navigation-bar>.navigation-bar>div{width:45px}.navigation-bar .navigation-links{display:flex;max-width:995px;overflow-x:scroll!important;overflow-y:unset!important;align-items:center}.navigation-bar .navigation-links li{overflow:unset!important;margin-right:15px}.navigation-bar .navigation-links li a{overflow:unset!important;padding:8px 16px;line-height:1;white-space:pre;border-radius:40px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.navigation-bar ul.navigation-links{height:50px}@media(max-width:576px){.navigation-bar .navigation-bar-component{top:50px!important;border-radius:0!important}.navigation-bar>.navigation-bar>div{width:35px}.navigation-bar .navigation-links li{margin-right:6px}}.navigation-bar.is-fixed{position:fixed;top:0;left:0;right:0;z-index:1;background-color:var(--bgcolor,#fff);padding:0;margin:0 30px!important;left:50%;transform:translateX(-50%);width:100%}@media(max-width:1100px){.navigation-bar.is-fixed{margin:0!important;padding-left:12px!important;box-shadow:0 2px 10px rgba(0,0,0,.08)}.navigation-bar.is-fixed .navigation-bar .navigation-links{max-width:1020px}}.hover\:bg-\[\#ff5a37\]:hover{--tw-bg-opacity:1;background-color:rgb(255 90 55/var(--tw-bg-opacity,1))}.hover\:bg-\[--colorBackground\]:hover{background-color:var(--colorBackground)}.hover\:bg-\[--colorBg\]:hover{background-color:var(--colorBg)}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:text-\[--colorText\]:hover{color:var(--colorText)}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}