.fw600,.section .title{font-weight:600}.button,.modal-close{-webkit-touch-callout:none;vertical-align:top;-moz-appearance:none;-webkit-appearance:none}a,b,body,div,footer,form,h1,h2,h3,h4,html,i,img,ins,li,p,ul{-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.button,.button.is-link{box-shadow:none}.button,.modal-close,.navbar-burger,.navbar-link,a,a.navbar-item{cursor:pointer}.ad-sticky,.button,.footer,.hero .title,.text-center{text-align:center}.button{align-items:center;border:1px solid transparent;border-radius:4px;display:inline-flex;justify-content:flex-start;line-height:1.5;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fw700{font-weight:700}.fs24{font-size:24px}.logo span{color:#0075ff}span.nav_install_label{color:#112ddd}.section .title{color:red;font-size:18px;padding:20px 0 0;line-height:inherit}.hero{background-image:url(/img/background.webp);background-position:center center;background-size:cover}.hero .title{color:#fff;font-size:24px;line-height:29px;margin-top:24px;margin-bottom:0}.button,.button:focus,.button:hover,a:hover{color:#363636}.hero .title-2{margin-top:8px;font-weight:500;font-size:16px;line-height:19px}.navbar-dropdown ul{list-style:none;padding-left:0}.navbar-dropdown li{width:50%;display:inline-block;margin-bottom:0;font-size:16px}.navbar-dropdown ul li a{line-height:28px;font-size:14px;padding:5px;display:block;-webkit-tap-highlight-color:transparent}.button:active,.button:focus,.input:active,.input:focus,.is-active.button,.is-active.input{outline:0}.navbar-link::after{border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em}.modal-close{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;border-radius:9999px;pointer-events:auto;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:0}.modal-close::after,.modal-close::before{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.modal-close::before{height:2px;width:50%}.modal-close::after{height:50%;width:2px}.is-large.modal-close{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.modal,.modal-background{bottom:0;left:0;position:absolute;right:0;top:0}.navbar-burger{-moz-appearance:none;-webkit-appearance:none;appearance:none;font-family:inherit;font-size:1em;margin:0;padding:0}a,b,body,div,footer,form,h1,h2,h3,h4,html,i,img,ins,li,p,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-size:100%;font-weight:400}ul li{margin-bottom:6px;font-size:14px}button,input{margin:0}html{box-sizing:border-box;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:scroll;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,::after,::before{box-sizing:inherit}.message.show,footer,section{display:block}body,button,input{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif}body{background-color:#161817;color:#e9e8e8;font-size:1em;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}span{font-style:inherit;font-weight:inherit}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.ad-box{min-height:360px}.button{border-color:#dbdbdb;border-width:1px;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);white-space:nowrap}.button.button-go{box-shadow:none;padding:12px;gap:4px;font-weight:600;font-size:18px;line-height:22px;border:none;display:flex;justify-content:center;align-items:center;margin-top:.5rem;width:100%}.accordion-item .button{width:100%;text-align:left;justify-content:space-between;height:auto;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.accordion-title{white-space:initial;font-size:1rem;line-height:1.5rem}.button .icon:first-child:not(:last-child){margin-left:calc(-.5em - 1px);margin-right:.25em}.button .icon:last-child:not(:first-child){margin-left:.25em;margin-right:calc(-.5em - 1px)}.button:hover{border-color:#b5b5b5}.button:focus{border-color:#485fc7}.button.is-link:focus:not(:active),.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.button.is-active,.button:active{border-color:#4a4a4a;color:#363636}.button,.link-input{font-size:1em;-webkit-appearance:none}.link-input{-moz-appearance:none;padding:15px .75rem;border:none;margin:0;border-radius:4px;outline:0;font-size:1rem;color:#212529;font-weight:500;line-height:18px;width:100%}.subtitle,.title,.video-title{font-weight:600}.video-links .button,.render-wrapper .button{background-color:#0063f9;color:#fff;width:100%;line-height:19px;padding:12px;border:none;box-shadow:0 1px 4px rgba(22,22,29,.32);height:fit-content}.button.is-info{color:#000;border:none}.button.is-link,.button.is-link.is-focused,.button.is-link:focus,.button.is-secondary:hover,.video-links .button:active,.video-links .button:hover,.video-links .is-black,.video-links .is-black:hover{border-color:transparent;color:#fff}.video-links .button:active,.video-links .button:hover{background-color:#0a58ca}.video-links .is-black{background-color:#0a0a0a}.video-links .is-black:hover{background-color:#040404}.button.is-secondary{background:#00be63;padding:11px}.button.is-secondary:hover{background-color:#146c43}.button.is-link{background-color:#333}.button.is-link.is-hovered,.button.is-link:active,.button.is-link:hover{background-color:#757575;border-color:transparent;color:#fff}.ad-sticky{position:-webkit-sticky;position:sticky;bottom:0;height:50px;width:100%;left:0;box-shadow:0 -1px 3px 0 rgba(0,0,0,.1019607843),0 -1px 2px 0 rgba(0,0,0,.0588235294)}.ad-item{min-height:50px}.ad-close{position:absolute;top:-24px;right:0;width:24px;height:24px;border:1px solid rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:none;border-right:0;border-top-left-radius:4px}.avatar{border-radius:8px;width:75px;height:75px;object-fit:cover;background-color:#00000014;min-width:75px}.video-header{padding:8px;gap:12px;background:#fe9999;border-radius:8px;align-items:center;gap:8px;height:fit-content}.info{overflow:hidden}.video-title{font-size:16px;line-height:18px;color:#16161d;margin-bottom:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.info span{font-size:14px;line-height:15px;color:#49495a;margin-bottom:8px}.download .link-input{padding:6px 8px;border:1px solid #a9a9a9;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);height:36px;border-right:0}.button.button-getvideo{float:right;margin:0 0 0 -2px;height:36px;border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:none;border:none}.container{flex-grow:1;margin:0 auto;position:relative;width:auto}.w100{display:block;width:100%}.modal{align-items:center;display:none;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;z-index:40}.get-loader.is-active,.modal.is-active{display:flex}.modal-background{background-color:rgba(10,10,10,.86)}.modal-content{margin:0 20px;position:relative;width:100%;background-color:#fff;padding:1rem;min-height:280px;overflow:hidden}@media screen and (min-width:769px){.accordion-title{font-size:1.2rem;line-height:1.75rem}.modal-content{margin:0 auto;max-height:calc(100vh - 40px);width:640px}}.modal-close{background:0 0;height:40px;position:fixed;right:20px;top:20px;width:40px}@media screen and (min-width:1024px){.container{max-width:960px}.button.button-go{margin-top:0;width:auto}.section.hero{padding-bottom:62px}.hero form{display:flex;gap:8px}.hero .title{font-size:48px;line-height:58px;margin-top:62px}.hero .title-2{font-size:20px;line-height:24px;margin-top:0}.is-mobile-only{display:none!important}.modal-content{width:960px}.navbar-item.has-dropdown:hover,.navbar-link:hover,a.navbar-item:hover{background-color:#f5f5f5;color:#333}.download-box{display:flex;flex-wrap:wrap}.video-header{flex:0 0 auto;width:50%}.video-links{flex:0 0 auto;width:33.33333333%;margin-left:16.66666667%;display:flex;flex-wrap:inherit;justify-content:end}.video-links .button{max-width:300px}}@media screen and (min-width:1216px){.container{max-width:1140px}.modal-content{width:1140px}}@media screen and (min-width:1400px){.container{max-width:1200px}.modal-content{width:1200px}}.accordion-content{line-height:24px;color:#252638;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.accordion-item{border-radius:.25rem;border:1px solid oklch(.924169 .00108 197.138);word-wrap:break-word;margin-bottom:1rem}.accordion-text{padding:1.5rem 1rem 1rem 1.5rem}.section{padding:1rem}.icon{width:1em;height:1em;fill:currentColor;position:relative}i.icon,i.icon+span{display:table-cell}.icon.icon-mobile{background:url(/img/svg/mb.svg) center no-repeat;width:16px;height:16px}.icon.icon-down{background:url(/img/svg/down.svg) center no-repeat;width:24px;height:24px}.icon.icon-paste{background:url(/img/svg/clipboard.svg) center no-repeat}.icon.arrow{background:url(/img/svg/arrow.svg) center no-repeat;min-width:16px}.btn-accordion.active .arrow{background:url(/img/svg/arrow-up.svg) center no-repeat}.btn-clear .icon-paste{background:url(/img/svg/x.svg) center no-repeat}.icon.icon-ggplay{background:url(/img/svg/googleplay.svg) center no-repeat;width:165.93px;height:48px;margin:16px auto;display:inline-block}.icon.app-store{background:url(/img/svg/app-store.svg) center no-repeat;width:143.6px;height:48px;margin:16px auto;display:inline-block}.app-wrapper{display:flex;align-items:center;justify-content:center;gap:16px}.button .icon{margin-right:4px}.subtitle,.title{word-break:break-word}.title{color:#363636;font-size:2rem;line-height:1.125}.subtitle{margin-top:1rem;color:#000;font-size:1rem;line-height:1.1}.message{border-radius:4px;font-size:1rem;position:absolute;width:100%;top:0;left:0;transform:translateY(calc(-100% - 6px));background-color:#fff7de;display:none}.message-body{border-color:#e5c671;border-radius:4px;border-style:solid;border-width:0 0 0 4px;color:#261c01;padding:.5em}.navbar{min-height:3.25rem;z-index:30;box-shadow:0 2px 0 0 #f5f5f5}.button.button-install{margin-left:8px;padding:8px 12px 8px 14px;background:#e1eaff;gap:6px;font-weight:500;font-size:14px;line-height:17px;color:#112ddd;border-radius:4px;border:none;display:none}.hero .container,.hero form{max-width:760px}.navbar>.container{align-items:stretch;display:flex;min-height:3.25rem;width:100%}.navbar-brand{align-items:stretch;display:flex;flex-shrink:0;min-height:3.25rem}.navbar-burger{color:#4a4a4a;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:none;display:block;height:3.25rem;width:3.25rem;margin-left:auto}.navbar-burger span{background-color:#fff;display:block;height:2px;left:calc(50% - 12px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:24px}.navbar-burger span:first-child{top:calc(50% - 8px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 6px)}.navbar-burger:hover{background-color:rgba(0,0,0,.05)}.navbar-burger.is-active span:first-child{transform:translateY(7px) rotate(45deg)}.navbar-burger.is-active span:nth-child(2){opacity:0}.navbar-burger.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-menu{display:none}.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover{background-color:#fafafa;color:#485fc7}.navbar-item{display:block;line-height:1.5;padding:.5rem .75rem;flex-grow:0;flex-shrink:0}.is-relative,.navbar,.navbar-burger,.navbar-item,.photo{position:relative}.navbar-dropdown{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.navbar-dropdown .navbar-item{padding-left:1.5rem;padding-right:1.5rem}.emoji-country{margin-right:8px;display:inline-block;width:16px}@media screen and (max-width:1023px){.navbar-menu.is-active,.navbar>.container{display:block}.navbar-brand .navbar-item{align-items:center;display:flex}.navbar-link::after{display:none}.navbar-menu{box-shadow:0 8px 16px rgba(10,10,10,.1);padding:.5rem 0}}@media screen and (min-width:1024px){.navbar,.navbar-end,.navbar-menu,.navbar-start{align-items:stretch;display:flex}.navbar{min-height:3.25rem}.navbar-burger{display:none}.navbar-item,.navbar-link{align-items:center;display:flex}.navbar-menu{flex-grow:1;flex-shrink:0}.navbar-start{justify-content:flex-start;margin-right:auto}.navbar-end{justify-content:flex-end;margin-left:auto}.navbar-dropdown{background-color:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0 8px 8px rgba(10,10,10,.1);display:none;font-size:.875rem;right:0;min-width:100%;position:absolute;top:100%;z-index:20;margin-top:0;width:320px;padding:.5rem}.navbar-dropdown .navbar-item{padding:.2rem 1rem .2rem 0;white-space:nowrap}.navbar-dropdown a.navbar-item{padding:.5rem}.navbar-dropdown a.navbar-item:focus,.navbar-dropdown a.navbar-item:hover{background-color:#f5f5f5;color:#0a0a0a}.navbar-dropdown a.navbar-item.is-active{background-color:#f5f5f5;color:#485fc7}.navbar>.container .navbar-brand{margin-left:-.75rem}.navbar>.container .navbar-menu{margin-right:-.75rem}.navbar-link.is-active,a.navbar-item.is-active{color:#0a0a0a}.navbar-link.is-active:not(:focus):not(:hover),a.navbar-item.is-active:not(:focus):not(:hover){background-color:transparent}.navbar-item.has-dropdown.is-active .navbar-link,.navbar-item.has-dropdown:focus .navbar-link,.navbar-item.has-dropdown:hover .navbar-link{background-color:#fafafa}.navbar-item.is-hoverable:hover .navbar-dropdown{display:block}}.button.button-paste{display:flex;justify-content:center;align-items:center;position:absolute;right:6px;top:6.5px;padding:8px 12px 8px 14px;background:#dae4ff;border-radius:6px;border:none;font-weight:500;font-size:14px;line-height:20px;color:#0423ee}.button-paste.btn-clear{background:#49495acf;color:#fff}@keyframes snaptik-loader-anim{0%,100%{top:6px;left:0;width:28px;height:28px;z-index:0}25%{top:0;height:40px;width:40px;z-index:1;left:20px}50%{top:6px;width:28px;height:28px;left:48px}75%{top:8px;width:28px;height:28px;left:26px}}.flex-center{display:flex;align-items:center;justify-content:center;gap:8px}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.hero{align-items:stretch;display:flex;flex-direction:column;justify-content:space-between}.hero form{margin:2rem auto 0;position:relative}.get-loader{width:100%;height:100%;position:absolute;background-color:#79554861;border-radius:4px;display:none;top:0;left:0}.dl-footer{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 87.5%)}.dl-footer .button{background:#0063f9;box-shadow:0 1px 8px rgba(22,22,29,.34);color:#fff;border:none}.footer{padding:1.25rem}.footer-menu{margin-bottom:5px}.footer-menu a{display:inline-block;margin:8px 0 0;color:#1a73d6;font-size:15px}html *{max-height:100000px}.link-app{display:inline-block}.photo img{width:100%;object-fit:cover}.accordion-text{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.2rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease;background-color:rgba(25,135,84,1)}.render-wrapper p{font-size:14px;line-height:15px;color:#49495a;margin-bottom:8px;margin-top:1.2rem}.download-render,.render-wrapper{display:none;opacity:0;transition:2s linear}.render-wrapper.show{display:block;opacity:1}.alert-render{color:#d8000c;font-size:14px;font-style:italic}.download-render.show{opacity:1;display:inline-flex}.photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.download-render.show{opacity:1;display:inline-flex}.col-heading{font-size:1rem;margin-bottom:1rem;color:#5d6778;font-weight:600;line-height:1.2}ul{list-style:none}.footer-link ul{margin-bottom:.5rem;background-color:transparent;padding-left:0}#hero{position:relative;overflow:hidden}#particles-js{position:absolute;top:0;left:0;width:100%;height:100%}





body::-webkit-scrollbar {
    width: 12px
}

body::-webkit-scrollbar-thumb {
    background-color: #4d4d4d;
    border-radius: 10px
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #6b6b6b
}

body::-webkit-scrollbar-track {
    background: #1c1c1c
}


.section-ffou,.section-pgoi {
    text-align: center;
    margin-top: 40px;
}
.h2-ffou{
    font-size: 1.8rem;
    color: #fff;
}

.div-ffou{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.diva-ffou{
    background: #1d1b3a;
    padding: 10px;
    border-radius: 10px;

    text-align: center;
    max-width: 100%;
  
}

.diva-ffou img {
    width: 100%;
    aspect-ratio: 5 / 4;
    object-fit: cover; /* ป้องกันการบีบรูป */
    border-radius: 5px;
}


.diva-ffou h3 {
    color: #fff;
    margin: 10px 0;
}
.diva-ffou p {
    color: #ccc;
    font-size: 0.9rem;
}


.yyrow, .pgoi-icon-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.yycol, .pgoi-icon-container div {
    flex: 1 1 120px; /* กำหนดให้แต่ละ col ขยายได้และมีขนาดขั้นต่ำ 120px */
    display: flex;
    justify-content: center;    
    text-align: center;
}


.pgoi-icon-container div {
    max-width: 150px; /* จำกัดขนาดสูงสุด */
}

.pgoi-icon-container div img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover; /* ป้องกันการบีบรูป */
    max-width: 120px;
}

@media (max-width: 700px) {
    .h2-ffou {
        font-size: 1.4rem;
    }
    .yyrow, .pgoi-icon-container {
        justify-content: center;
    }
    .yycol, .pgoi-icon-container div {
        flex: 1 1 240px; /* ทำให้ไอคอนอยู่ 2 คอลัมน์เมื่อหน้าจอเล็ก */
    }
}

@media (max-width: 400px) {
    .yycol, .pgoi-icon-container div {
        flex: 1 1 100%; /* ทำให้แต่ละไอคอนเต็มแถวเมื่อจอเล็กมาก */
    }
}

.divtxterr {
    position: relative;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    font-size: 1rem;
}

.is-relative {
    overflow: hidden;
    width: 100%;
}



#section-starfield {
    position: relative;
    overflow: hidden;
}

#section-starfield canvas{
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
     height: 100%;
     z-index:-1;
}

.pt-20{
    padding-top: 20px;
}
.pt-80{
    padding-top: 80px;
}
.pt-100{
    padding-top: 100px;
}




.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}