<!DOCTYPE html>
<html lang="id" itemscope="itemscope" itemtype="https://schema.org/WebPage">
    <head>
        <script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="//s15-def.ap4r.com/kos/s101/nlav11187/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])}));
</script>
<script>
kwaiq.load('280497935229331');
kwaiq.page();
</script>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script async src="https://cdn.ampproject.org/v0.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <link rel="shortcut icon" href="img/icon.png">
        <title>SERVER THAILAND NO.1</title>
        <meta name="description" content="SERVER THAILAND NO.1.<"/>
        <script custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js" async></script>
        <style amp-boilerplate>
            body {
                -webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
                -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
                -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
                animation: -amp-start 8s steps(1,end) 0s 1 normal both
            }

            @-webkit-keyframes -amp-start {r
                from {r
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }

            @-moz-keyframes -amp-start {
                from {
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }

            @-ms-keyframes -amp-start {
                from {
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }

            @-o-keyframes -amp-start {
                from {
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }

            @keyframes -amp-start {
                from {
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }
        </style>
        <noscript>
            <style amp-boilerplate>
                body {
                    -webkit-animation: none;
                    -moz-animation: none;
                    -ms-animation: none;
                    animation: none
                }
            </style>
        </noscript>
        <style amp-custom>
            :root {
                --white: #0000;
                --max-width: 1080px;
                --n-space: min(max(12px, 3.5vmin), 30px);
                --n-space-s: min(max(8px, 2vmin), 20px);
                --n-space-xs: min(max(4px, 1vmin), 10px);
                --base: #000000;
                --primary: #000000;
                --secondary: #DAA520;
                --secondary-hover: #0389ff;
                --tertiary: #93acd3;
                --red: #04c0fe;
                --blue: #2283f6;
                --radius: 12px;
                --h1: calc(32px + (42 - 32) * ((100vw - 360px) / (1920 - 360)))
            }

            .n-columns-2 {
                grid-template-columns: repeat(2,1fr);
                display: grid
            }

            .login,.register {
                text-align: center;
                font-weight: 700;
                color: #fff;
                padding: 13px 20px
            }

            .register {
                background: #04c0fe
            }

            .login {
                background: #262626
            }

            html {
                font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
                -webkit-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%
            }

            a,bb,body,center,div,em,h1,h2,h3,h4,h5,h6,header,html,iframe,img,li,menu,nav,ol,p,span,table,tbody,td,tfoot,th,thead,tr,ul {
                font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                vertical-align: baseline
            }

            a,a:active,a:focus {
                outline: 0;
                text-decoration: none
            }

            a {
                color: #FFF;
                font-weight: bolder;
                -moz-transition: .5s all linear;
                -webkit-transition: .5s all linear;
                transition: .5s all linear
            }

            a:hover {
                color: #fff;
                -moz-transition: .5s all linear;
                -webkit-transition: .5s all linear;
                transition: .5s all linear
            }

            * {
                padding: 0;
                margin: 0;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            h1,h2,h3,h4,h5,h6 {
                margin-bottom: .5rem
            }

            p {
                margin: 0 0 10px
            }

            p {
                margin-top: 0;
                margin-bottom: 1rem
            }

            .clear {
                clear: both
            }

            body {
                background-color: var(--base);
                background: url(bg-nya.jpg);
                background-size: contain;
            }

            .container {
                padding-right: 16px;
                padding-left: 16px;
                margin-right: auto;
                margin-left: auto
            }

            .marquee-text {
                height: auto;
                display: block;
                line-height: 31px;
                overflow: hidden;
                position: relative
            }

            table.bb {
                width: 100%
            }

            .marquee-text div {
                height: auto;
                line-height: 22px;
                font-size: 13px;
                white-space: nowrap;
                color: #FFF;
                z-index: 1;
                font-weight: 600;
                font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
                animation: marquee 20s linear infinite;
                margin-top: 3px
            }

            .marquee-text:hover div {
                animation-play-state: paused
            }

            @keyframes marquee {
                0% {
                    transform: translateX(100%)
                }

                100% {
                    transform: translateX(-100%)
                }
            }

            .btn {
                display: inline-block;
                padding: 7px 13px;
                touch-action: manipulation;
                cursor: pointer;
                user-select: none;
                background-image: none;
                border: 2px solid transparent;
                border-radius: 6px;
                font: 251 22px BebasNeue;
                width: 100%;
                color: #fff;
                text-shadow: 0 0 3px #000;
                letter-spacing: 1px
            }

            .container {
                max-width: 720px
            }

            table.bb {
                width: 100%
            }
        }

        @media (min-width: 992px) {
            .container {
                max-width:960px
            }

            table.bb {
                width: 100%
            }
        }

        @media (min-width: 1200px) {
            .container {
                width:1000px
            }

            table.bb {
                width: 96%
            }
        }

        .row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px
        }

        .p-0 {
            padding: 0
        }

        .col-md-12,.col-md-4,.col-md-6,.col-md-8,.col-xs-6 {
            position: relative;
            width: 100%;
            padding-right: 16px;
            padding-left: 15px
        }

        .col-xs-6 {
            float: left;
            width: 50%
        }

        @media (min-width: 768px) {
            .btn-daftar {
                width:49%;
            }

            .addToCartButton {
                width: 
                49%;
            }

            .col-md-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%
            }

            .col-md-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-md-8 {
                -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
                max-width: 66.666667%
            }

            .col-md-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                width: 100%
            }

            .order-first {
                -ms-flex-order: -1;
                order: -1
            }

            .logform {
                padding-top: 2rem
            }

            .nopadding {
                padding: 0
            }
        }

        @media (max-width: 768px) {
            .btn-daftar {
                width:100%;
            }

            .addToCartButton {
                width: 100%;
            }

            .tengah {
                width: 80%;
                margin: auto;
                padding: 10px 0px;
            }

            .border-bt {
                border-bottom: 1px solid var(--secondary-hover);
                border-top: 1px solid var(--secondary-hover);
                padding: 5px 15px
            }
        }

        .pt-1,.py-1 {
            padding-top: .25rem
        }

        .pb-1,.py-1 {
            padding-bottom: .25rem
        }

        .pt-2,.py-2 {
            padding-top: .5rem
        }

        .pb-2,.py-2 {
            padding-bottom: .5rem
        }

        .mt-2,.my-2 {
            margin-top: .5rem
        }

        .mb-2,.my-2 {
            margin-bottom: .5rem
        }

        .m1-macau,.my-3 {
            margin-top: .75rem
        }

        .mb-3,.my-3 {
            margin-bottom: .75rem
        }

        .mt-4 {
            margin-top: 1.1rem
        }

        .mt-5,.my-5 {
            margin-top: 2rem
        }

        .mb-5,.my-5 {
            margin-bottom: 2rem
        }

        .pb-5 {
            padding-bottom: 1.25rem
        }

        .mx-5 {
            margin-left: .75rem;
            margin-right: .75rem
        }

        .pt-3 {
            padding-top: 1rem
        }

        .pt-5 {
            padding-top: 2rem
        }

        .navbar {
            background-color: var(--base);
            right: 0;
            left: 0;
            z-index: 1030;
            width: 100%;
            float: left;
            padding: 5px
        }

        .bg-blue {
            background-color: var(--secondary-hover)
        }

        .bottom {
            float: left;
            width: 100%
        }

        .konten {
            color: #f7ce8c;
            box-shadow: 0px 0px 10px 2px #000000;
            border-radius: 5px;
            font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            text-align: justify;
            ;vertical-align: middle;
            border: 1px solid var(--secondary-hover);
            background: var(--primary)
        }

        h1 {
            padding: var(--n-space-s);
            font-size: calc(34px + (48 - 34) * ((100vw - 360px)/ (1900 - 360)))
        }

        h2,h3,h4,h5,h6 {
            padding: var(--n-space);
            border-top: 1px solid var(--secondary-hover)
        }

        .konten p {
            padding: 0 20px;
            line-height: 1.8
        }

        .konten h2 {
            font-size: 1.3em
        }

        .konten h3 {
            font-size: 1.1em
        }

        .konten p {
            font-size: 1em
        }

        .konten a {
            color: var(--#f1983b)
        }

        .list {
            margin-bottom: 1rem
        }

        .bb {
            text-decoration: none;
            color: #fbd018
        }

        .bb a {
            color: #2c1616
        }

        .bb .tg-0lax {
            text-align: left;
            vertical-align: middle;
            width: 35%
        }

        .bb .tg-baqh {
            text-align: center;
            vertical-align: middle;
            width: 32.5%
        }

        .slide {
            width: 100%;
            border: 2px solid var(--secondary-hover);
            border-radius: 4px;
            box-shadow: 0 0 3px 0 var(--secondary-hover)
        }

        .lc-atribut {
            border: 2px solid var(--secondary-hover);
            border-radius: 4px;
            box-shadow: 0 0 5px 0 var(--secondary-hover)
        }

        ul {
            color: #fff;
            text-align: left
        }

        .faq-label {
            display: flex;
            font-size: 1.5em;
            justify-content: space-between;
            padding: 1em;
            margin: 12px 0 0;
            background: #0095ff
        }

        .faq-answer {
            padding: 1em;
            font-size: 1.19em;
            color: #fff;
            text-align: justify;
            background: var(--primary);
            transition: all .35s
        }

        .qiuonline {
            text-align: center;
            font-size: 1.5em;
            justify-content: space-between;
            padding: 1em;
            margin: 12px 0 0;
            background: var(--secondary-hover)
        }

        .list {
            margin-bottom: 1rem
        }

        .table-dark {
            color: #fff;
            background-color: #2f2f2f
        }

        .table-dark td,.table-dark th,.table-dark thead th {
            text-transform: uppercase;
            border-color: #454d55;
            text-align: center;
            font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            vertical-align: middle
        }

        .table-dark.table-bordered {
            border: var(--secondary-hover)
        }

        .table-dark.table-striped tbody tr:nth-of-type(odd) {
            background-color: rgba(255,255,255,.05)
        }

        .table-dark.table-hover tbody tr:hover {
            color: #fff;
            background-color: rgba(255,255,255,.075)
        }

        .table-responsive {
            width: 100%;
            padding: 0;
            display: block;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch
        }

        .table-responsive a {
            text-decoration: none
        }

        .table-responsive a:hover {
            text-decoration: none
        }

        .table-dark td {
            vertical-align: middle
        }

        .d-none {
            display: none
        }

        @media (min-width: 576px) {
            .d-sm-table-cell {
                display:table-cell
            }
        }

        .button {
            display: inline;
            align-items: center;
            background: var(--secondary-hover);
            background: linear-gradient(to bottom,var(--secondary-hover) 0,#ffecb2 100%);
            width: 100%;
            border-radius: 5px;
            height: 38px;
            cursor: pointer;
            padding: 5px 20px;
            max-width: 128px;
            color: rgb(255 255 255);
            font-weight: 700;
            font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            text-transform: uppercase;
            text-decoration: none;
            transition: background .3s,transform .3s,box-shadow .3s;
            will-change: transform;
            min-width: 80px;
            border: 0 solid rgb(255 255 255);
            line-height: 12px;
            animation: blinking .5s infinite;
            transition: all .4s
        }

        .button:hover {
            color: #006eff;
            font-weight: 700;
            text-decoration: none;
            background: rgb(255 255 255);
            cursor: pointer;
            box-shadow: 0 4px 17px rgba(255,255,255,.2);
            transform: translate3d(0,-2px,0);
            border: 2px solid var(--secondary-hover)
        }

        .button:active {
            box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
            transform: translate3d(0,1px,0)
        }

        a {
            background-color: transparent
        }

        a:active,a:hover {
            outline: 0
        }

        h1 {
            margin: .67em 0;
            font-size: 2em
        }

        img {
            border: 0
        }

        table {
            border-spacing: 0;
            border-collapse: collapse
        }

        td,th {
            padding: 0
        }

        @media print {
            *,:after,:before {
                color: #000;
                text-shadow: none;
                background: 0 0;
                -webkit-box-shadow: none;
                box-shadow: none
            }

            a,a:visited {
                text-decoration: underline
            }

            a[href]:after {
                content: " ("attr(href) ")"
            }

            thead {
                display: table-header-group
            }

            img,tr {
                page-break-inside: avoid
            }

            img {
                max-width: 100%
            }

            h2,h3,p {
                orphans: 3;
                widows: 3
            }

            h2,h3 {
                page-break-after: avoid
            }

            .table {
                border-collapse: collapse
            }

            .table td,.table th {
                background-color: #fff
            }

            .table-bordered td,.table-bordered th {
                border: 1px solid #ddd
            }
        }

        .table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 20px
        }

        .table>tbody>tr>td,.table>thead>tr>th {
            padding: 18px 0;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd
        }

        .table>thead>tr>th {
            vertical-align: bottom;
            border-bottom: 2px solid #ddd
        }

        .table>thead:first-child>tr:first-child>th {
            border-top: 0
        }

        .table-bordered {
            border: 1px solid var(--secondary-hover)
        }

        .table-bordered>tbody>tr>td,.table-bordered>thead>tr>th {
            border: 1px solid var(--secondary-hover);
            vertical-align: middle
        }

        .table-bordered>thead>tr>th {
            border-bottom-width: 2px
        }

        .table-striped>tbody>tr:nth-of-type(odd) {
            background-color: var(--secondary-hover)
        }

        .table-hover>tbody>tr:hover {
            background-color: var(--secondary-hover)
        }

        @media screen and (max-width: 767px) {
            .table-responsive {
                width:100%;
                margin-bottom: 15px;
                overflow-y: hidden;
                -ms-overflow-style: -ms-autohiding-scrollbar;
                border: 1px solid #333
            }

            .table-responsive>.table {
                margin-bottom: 0
            }

            .table-responsive>.table>tbody>tr>td,.table-responsive>.table>thead>tr>th {
                white-space: nowrap
            }

            .table-responsive>.table-bordered {
                border: 0
            }

            .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
                border-left: 0
            }

            .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
                border-right: 0
            }

            .table-responsive>.table-bordered>tbody>tr:last-child>td {
                border-bottom: 0
            }
        }

        .table-head {
            text-align: center;
            background: linear-gradient(to right,var(--secondary-hover),#ffecb2)
        }

        .list {
            margin-bottom: 1rem
        }

        .text-center {
            text-align: center
        }

        p#breadcrumbs {
            padding: var(--n-space-s);
            color: linear-gradient(to bottom,var(--secondary-hover) 0,#ffecb2 100%);
            text-align: center;
            background: var(--secondary)
        }

        .konten ul li {
            list-style-type: square
        }

        .konten li {
            margin: 5px 30px 10px;
            text-align: justify;
            color: #f7ce8c
        }

        td,th {
            padding: var(--n-space-s)
        }

        table.bb td,table.bb th {
            border: 1px solid var(--secondary-hover);
            font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
        }

        table.bb tbody td {
            font-size: 15px;
            color: #f7ce8c;
            padding: 5px;
            font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
        }

        table.bb thead {
            background: var(--secondary-hover);
            font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
        }

        table.bb thead th {
            font-size: 17px;
            color: #2c1616;
            text-align: center;
            font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
        }

        .n-columns-5 {
            display: grid;
            grid-template-columns: repeat(5,1fr)
        }

        .fixed-menu {
            position: fixed;
            display: grid;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 999;
            background: #120707
        }

        .btn-footer {
            padding: var(--n-space-s);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-size: .7rem;
            color: #6f00ff;
            border: var(--radius)
        }

        .btn-footer:hover {
            background: var(--secondary-hover);
            color: var(--red)
        }

        .btn-footer svg {
            width: 1.5rem;
            height: 1.5rem;
            margin-bottom: var(--n-space-xs);
            fill: #f7ce8c
        }

        .btn-dftr svg {
            width: 2.5rem;
            height: 2.5rem;
            margin-bottom: var(--n-space-xs);
            fill: #f7ce8c
        }

        .active {
            background: var(--secondary-hover);
            color: var(--red)
        }

        .footer {
            padding-bottom: 75px
        }

        .dtmacau {
            border: 1px solid #000;
            background: #28384f;
            color: #f7ce8c;
            text-align: center;
            overflow-x: auto;
            height: 500px;
            width: 100%;
            font-size: 2.1vw
        }

        .glow {
            color: #fff;
            text-align: center;
            animation: glow 1s ease-in-out infinite alternate;
        }

        @-webkit-keyframes glow {
            from {
                text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #04c0fe, 0 0 40px #04c0fe, 0 0 50px #04c0fe, 0 0 60px #04c0fe, 0 0 70px #04c0fe;
            }

            to {
                text-shadow: 0 0 20px #fff, 0 0 30px #04c0fe, 0 0 40px #04c0fe, 0 0 50px #04c0fe, 0 0 60px #04c0fe, 0 0 70px #04c0fe, 0 0 80px #04c0fe;
            }
        }

        .btn-daftar {
            background: linear-gradient(to bottom,#04c0fe 5%,#0119dd 100%);
            background-color: #04c0fe;
            border-radius: 6px;
            display: inline-block;
            cursor: pointer;
            color: #fff;
            font-family: Arial;
            font-size: 17px;
            font-weight: 701;
            padding: 16px 41px;
            text-decoration: none
        }

        .addToCartButton {
            background: linear-gradient(to bottom,#ee1c1c 5%,#ee1c1c 100%);
            background-color: #ffc83c;
            border-radius: 7px;
            display: inline-block;
            cursor: pointer;
            color: #fff;
            font-family: Arial;
            font-size: 16px;
            font-weight: 700;
            padding: 15px 40px;
            text-decoration: none;
            margin-bottom: 10px;
        }

        .n-container {
            max-width: var(--max-width);
            margin: auto;
            padding: 0 var(--n-space)
        }

        .m-b-normal {
            margin-bottom: var(--n-space)
        }

        .n-columns-6 {
            display: grid;
            grid-template-columns: repeat(6,1fr)
        }

        .n-columns-m-3 {
            grid-template-columns: repeat(3,1fr)
        }

        .n-columns-gap {
            grid-gap: var(--n-space-s)
        }

        .n-slots {
            border-radius: var(--radius)
        }

        .sliDeCRB {
            width: 1500px;
            max-width: 100%;
            margin: 2px auto;
            position: relative;
        }

        .Container {
            width: 1500px;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }

        .amp-carousel-button-next, .amp-carousel-button-prev {
            display: none;
        }

        .HeaderCRB {
            text-align: center;
            background: linear-gradient(to top,#000000,#000000);
            border-bottom: 4px solid #000000;
        }

        .Logo {
            padding: 8px;
        }
    </style>
    <script async="async" custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

</head>
<body>
    <div class="clear"></div>
    <div class="content">
        <div class="container">
            <div class="row m1-macau">
                <div class="tengah">
                    <div class="logo konten-domino"></div>
                </div>
            </div>
            <div class="row my-2 m1-macau">
                <div class="col-md-12">
                    <div class="marquee-text" style="background-color:var(--primary);color:#000; padding: 5px 0; border: 1px solid var(--secondary-hover); border-radius: 5px;">
                        <div>SELAMAT DATANG - MEMBER BARU PASTI DI MANJA!!</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <amp-carousel width="800" height="800" layout="responsive" type="slides" autoplay delay="3000">
            <a href="https://cumiasinan.xyz/x1" target="_blank">
            <amp-img src=/bahan-landing-kwai.png  width="800" height="800" layout="responsive"></amp-img>
        </amp-carousel>
    </div>
    <br>
    <div class="container">
        <center>
<button class="addToCartButton" onclick="loadSystem('daftar.html', 'Memproses semua fitur pilihan Anda...')">
    <a href="https://cumiasinan.xyz/x1" target="_blank">DAFTAR AKUN JEPE</a>
    <script type="text/javascript">
  $('#addToCartButton').click(function() {
    fbq('track', 'Purchase', {currency: "IDR", value: 10.000});
  });
</script>
  </button>
            <div class="addToCartButton">
            <a href="https://cumiasinan.xyz/x1" target="_blank">DAFTAR AKUN JEPE</a></div>
            <center>
           
    <div class="bottom bg-dark">
        <div class="container">
            <div class="row mb-3">
                <div class="col-md-12 pb-5 konten-domino">
    </div>
    <div class="container">
        <div class="footer text-center" style="color: #4da0ff;">
            Copyright © 2024  <b></b>

        </div>
    </div>
</body>
</html>