It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://charmingafricangreyparrotforsale.com

  1.  
  2.  
  3.  
  4.  
  5. <!DOCTYPE html>
  6. <html lang="id-ID">
  7.  
  8. <head>
  9.    <style>
  10.        a,
  11.        html {
  12.            color: #000
  13.        }
  14.  
  15.        button,
  16.        sup {
  17.            vertical-align: baseline
  18.        }
  19.  
  20.        body,
  21.        button,
  22.        figure {
  23.            margin: 0
  24.        }
  25.  
  26.        body,
  27.        html {
  28.            -webkit-text-size-adjust: 100%;
  29.            -ms-text-size-adjust: 100%
  30.        }
  31.  
  32.        .icon-twitter:before,
  33.        .lqd {
  34.            background-repeat: no-repeat
  35.        }
  36.  
  37.        .copy_url .notif,
  38.        .media__link:before,
  39.        .navbar-first .nav__item,
  40.        .navbar-second .nav__item,
  41.        .table-wrap td {
  42.            white-space: nowrap
  43.        }
  44.  
  45.        .btn,
  46.        .navbar-second .nav a,
  47.        table td {
  48.            vertical-align: top
  49.        }
  50.  
  51.        a,
  52.        ins {
  53.            text-decoration: none
  54.        }
  55.  
  56.        article,
  57.        figcaption,
  58.        figure,
  59.        footer,
  60.        header,
  61.        nav {
  62.            display: block
  63.        }
  64.  
  65.        html {
  66.            background: #fff
  67.        }
  68.  
  69.        button,
  70.        html {
  71.            font-family: Arial
  72.        }
  73.  
  74.        a {
  75.            background: 0 0;
  76.            -webkit-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out;
  77.            -moz-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out;
  78.            -ms-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out;
  79.            -o-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out;
  80.            transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out
  81.        }
  82.  
  83.        a:active,
  84.        a:focus,
  85.        a:hover,
  86.        button:focus {
  87.            outline: 0
  88.        }
  89.  
  90.        .linksisip strong,
  91.        .megabillboard-close,
  92.        .quotesisip blockquote,
  93.        strong {
  94.            font-weight: 700
  95.        }
  96.  
  97.        sup {
  98.            font-size: 75%;
  99.            line-height: 0;
  100.            position: relative;
  101.            top: -.5em
  102.        }
  103.  
  104.        img {
  105.            border: 0;
  106.            vertical-align: middle
  107.        }
  108.  
  109.        button {
  110.            font-family: inherit;
  111.            font-size: 100%;
  112.            line-height: normal;
  113.            text-transform: none;
  114.            -webkit-appearance: button
  115.        }
  116.  
  117.        .detail__date,
  118.        .detail__media-caption,
  119.        .footer .nav,
  120.        .profile__box__bottom,
  121.        .quotesisip,
  122.        body {
  123.            font-family: Helvetica-FF, Arial, Tahoma, sans-serif
  124.        }
  125.  
  126.        .btn,
  127.        body {
  128.            line-height: 1.4
  129.        }
  130.  
  131.        button::-moz-focus-inner {
  132.            border: 0;
  133.            padding: 0
  134.        }
  135.  
  136.        table {
  137.            border-collapse: collapse;
  138.            border-spacing: 0
  139.        }
  140.  
  141.        :root {
  142.            --kuler-1: #21409a;
  143.            --kuler-2: #007cbd;
  144.            --kuler-3: #ef672f;
  145.            --kuler-1: #0bafcc;
  146.            --kuler-2: #0e4a6d;
  147.            --kuler-3: #4cd882
  148.        }
  149.  
  150.        body {
  151.            font-size: 16px;
  152.            -webkit-font-smoothing: antialiased;
  153.            -moz-osx-font-smoothing: grayscale;
  154.            text-rendering: optimizeSpeed
  155.        }
  156.  
  157.        *,
  158.        :after,
  159.        :before {
  160.            -webkit-box-sizing: border-box;
  161.            -moz-box-sizing: border-box;
  162.            box-sizing: border-box
  163.        }
  164.  
  165.        .clearfix:after,
  166.        .clearfix:before {
  167.            content: " ";
  168.            display: table
  169.        }
  170.  
  171.        .clearfix:after {
  172.            clear: both
  173.        }
  174.  
  175.        a:hover {
  176.            color: var(--kuler-1)
  177.        }
  178.  
  179.        p {
  180.            margin-top: 0;
  181.            margin-bottom: 16px
  182.        }
  183.  
  184.        ins {
  185.            display: contents
  186.        }
  187.  
  188.        ul {
  189.            padding: 0 0 0 24px;
  190.            margin-top: 12px;
  191.            margin-bottom: 12px
  192.        }
  193.  
  194.        ul li {
  195.            padding: 8px 0
  196.        }
  197.  
  198.        footer,
  199.        header {
  200.            display: table;
  201.            width: 100%
  202.        }
  203.  
  204.        @media (min-width:1024px) {
  205.  
  206.            footer,
  207.            header {
  208.                display: block
  209.            }
  210.        }
  211.  
  212.        h1,
  213.        h2,
  214.        h3,
  215.        h4,
  216.        h5,
  217.        h6 {
  218.            font-weight: 700;
  219.            margin-top: 0;
  220.            margin-bottom: 8px;
  221.            line-height: 1.3
  222.        }
  223.  
  224.        h1 {
  225.            font-size: 40px
  226.        }
  227.  
  228.        .icon--md,
  229.        h2 {
  230.            font-size: 32px
  231.        }
  232.  
  233.        h3 {
  234.            font-size: 28px
  235.        }
  236.  
  237.        h4 {
  238.            font-size: 24px
  239.        }
  240.  
  241.        h5 {
  242.            font-size: 20px
  243.        }
  244.  
  245.        h6 {
  246.            font-size: 16px
  247.        }
  248.  
  249.        .font-xxs {
  250.            font-size: 12px !important
  251.        }
  252.  
  253.        .container {
  254.            width: 100%;
  255.            padding-left: calc(26px / 1.444444444444);
  256.            padding-right: calc(26px / 1.444444444444);
  257.            margin-right: auto;
  258.            margin-left: auto
  259.        }
  260.  
  261.        .grid-row {
  262.            display: flex;
  263.            flex-wrap: wrap;
  264.            margin-left: calc(-26px / 4.3333333333);
  265.            margin-right: calc(-26px / 4.3333333333)
  266.        }
  267.  
  268.        .ratiobox,
  269.        .table-wrap {
  270.            display: block;
  271.            position: relative
  272.        }
  273.  
  274.        .no-gutter {
  275.            margin-right: 0;
  276.            margin-left: 0
  277.        }
  278.  
  279.        .no-gutter>[class*=column-] {
  280.            padding-right: 0;
  281.            padding-left: 0
  282.        }
  283.  
  284.        .column-6,
  285.        .column-auto {
  286.            position: relative;
  287.            width: 100%;
  288.            padding-left: calc(26px / 4.3333333333);
  289.            padding-right: calc(26px / 4.3333333333)
  290.        }
  291.  
  292.        .column-auto {
  293.            -ms-flex: 0 0 auto;
  294.            flex: 0 0 auto;
  295.            width: auto;
  296.            max-width: 100%
  297.        }
  298.  
  299.        .column-6 {
  300.            -ms-flex: calc(6 / 12);
  301.            flex: 0 0 calc(100% / (12 / 6));
  302.            max-width: calc(100% / (12 / 6))
  303.        }
  304.  
  305.        table td {
  306.            border: 1px solid #b3b3b3;
  307.            padding: 5px 10px
  308.        }
  309.  
  310.        .table-wrap {
  311.            width: 100%;
  312.            overflow-x: auto;
  313.            -webkit-overflow-scrolling: touch
  314.        }
  315.  
  316.        .lqd {
  317.            background-size: cover;
  318.            background-position: center center
  319.        }
  320.  
  321.        .btn--default,
  322.        button {
  323.            background: #f0f0f0;
  324.            color: #000
  325.        }
  326.  
  327.        .lqd img {
  328.            display: none
  329.        }
  330.  
  331.        .ratiobox {
  332.            height: 0;
  333.            overflow: hidden;
  334.            padding-bottom: 100%;
  335.            -webkit-transition: .4s ease-in-out;
  336.            -moz-transition: .4s ease-in-out;
  337.            -ms-transition: .4s ease-in-out;
  338.            -o-transition: .4s ease-in-out;
  339.            transition: .4s ease-in-out
  340.        }
  341.  
  342.        .btn,
  343.        .icon {
  344.            display: inline-flex
  345.        }
  346.  
  347.        .ratiobox--16-9,
  348.        .ratiobox.ratio_16_9 {
  349.            padding-bottom: 56.25%
  350.        }
  351.  
  352.        .ratiobox iframe {
  353.            position: absolute;
  354.            width: 100%;
  355.            height: 100%
  356.        }
  357.  
  358.        .ratiobox--4-3 {
  359.            padding-bottom: 75%
  360.        }
  361.  
  362.        button {
  363.            cursor: pointer;
  364.            -webkit-transition: .3s ease-in-out;
  365.            -moz-transition: .3s ease-in-out;
  366.            -ms-transition: .3s ease-in-out;
  367.            -o-transition: .3s ease-in-out;
  368.            transition: .3s ease-in-out
  369.        }
  370.  
  371.        .btn {
  372.            position: relative;
  373.            font-size: 16px;
  374.            align-items: center;
  375.            padding: 8px 16px;
  376.            justify-content: center;
  377.            cursor: pointer;
  378.            border: 1px solid transparent;
  379.            border-radius: 4px
  380.        }
  381.  
  382.        .icon,
  383.        .icon-item {
  384.            vertical-align: middle
  385.        }
  386.  
  387.        .btn--sm {
  388.            font-size: 12px;
  389.            padding: calc(12px / 3) 12px
  390.        }
  391.  
  392.        .btn--md {
  393.            font-size: 14px;
  394.            padding-top: 6px;
  395.            padding-bottom: 6px
  396.        }
  397.  
  398.        .btn:hover {
  399.            color: #000;
  400.            opacity: .8
  401.        }
  402.  
  403.        .btn--outline {
  404.            border: 1px solid #000;
  405.            color: #000;
  406.            background: 0 0 !important
  407.        }
  408.  
  409.        .icon {
  410.            line-height: 0
  411.        }
  412.  
  413.        .icon--xs {
  414.            font-size: 16px
  415.        }
  416.  
  417.        .btn .icon {
  418.            margin: 0 4px
  419.        }
  420.  
  421.        .list-content,
  422.        .list-content__item:last-child {
  423.            margin-bottom: 0
  424.        }
  425.  
  426.        .icon-arrow-right:before {
  427.            content: "\69"
  428.        }
  429.  
  430.        .icon-chevron-down:before {
  431.            content: "\6d"
  432.        }
  433.  
  434.        .icon-arrow-up:before {
  435.            content: "\6f"
  436.        }
  437.  
  438.        .icon-live-tv:before {
  439.            content: "\75"
  440.        }
  441.  
  442.        .icon-close:before {
  443.            content: "\4f"
  444.        }
  445.  
  446.        .icon-notification-bg:before {
  447.            content: "\22"
  448.        }
  449.  
  450.        .icon-comment:before {
  451.            content: "\2d"
  452.        }
  453.  
  454.        .icon-link:before {
  455.            content: "\7e"
  456.        }
  457.  
  458.        .icon-facebook:before {
  459.            content: "\61"
  460.        }
  461.  
  462.        .icon-twitter:before {
  463.            content: "";
  464.            width: 20px;
  465.            height: 18px;
  466.            background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M0.425986 0.877441L6.99437 9.65591L0.390625 16.7901H1.8758L7.65739 10.5399L12.3339 16.7901H17.3906L10.4598 7.51655L16.6038 0.877441H15.1187L9.79676 6.63251L5.49151 0.877441H0.434827H0.425986ZM2.60955 1.97364H4.93457L15.1982 15.6939H12.8732L2.60955 1.97364Z' fill='white'/%3E%3C/svg%3E%0A");
  467.            background-position: center
  468.        }
  469.  
  470.        .icon-instagram:before {
  471.            content: "\e006"
  472.        }
  473.  
  474.        .icon-linkedin:before {
  475.            content: "\e007"
  476.        }
  477.  
  478.        .icon-youtube:before {
  479.            content: "\e008"
  480.        }
  481.  
  482.        .icon-whatsapp:before {
  483.            content: "\e00c"
  484.        }
  485.  
  486.        .icon-telegram:before {
  487.            content: "\e00e"
  488.        }
  489.  
  490.        .copy_url {
  491.            position: relative
  492.        }
  493.  
  494.        .breaking-detikpagi,
  495.        .breaking-sticky {
  496.            left: -100%;
  497.            position: fixed;
  498.            visibility: hidden;
  499.            opacity: 0
  500.        }
  501.  
  502.        .copy_url .notif {
  503.            display: inline-block;
  504.            padding: 8px;
  505.            margin: 0;
  506.            position: absolute;
  507.            z-index: 5;
  508.            bottom: 0;
  509.            left: 50%;
  510.            width: auto;
  511.            font-size: 14px;
  512.            background: red;
  513.            color: #fff;
  514.            opacity: 0;
  515.            -webkit-transform: translateX(-50%) scale(0);
  516.            -moz-transform: translateX(-50%) scale(0);
  517.            -ms-transform: translateX(-50%) scale(0);
  518.            -o-transform: translateX(-50%) scale(0);
  519.            transform: translateX(-50%) scale(0);
  520.            -webkit-transition: .3s ease-in-out;
  521.            -moz-transition: .3s ease-in-out;
  522.            -ms-transition: .3s ease-in-out;
  523.            -o-transition: .3s ease-in-out;
  524.            transition: .3s ease-in-out
  525.        }
  526.  
  527.        .copy_url .notif:before {
  528.            position: absolute;
  529.            content: "";
  530.            border: 3px solid;
  531.            right: 50%;
  532.            margin: 0 -7px 0 0;
  533.            top: 100%;
  534.            border-top: 8px solid red;
  535.            border-left: 7px solid transparent;
  536.            border-right: 7px solid transparent;
  537.            border-bottom: none
  538.        }
  539.  
  540.        .breaking-sticky {
  541.            z-index: 5;
  542.            right: 0;
  543.            height: 0;
  544.            top: 88px;
  545.            -webkit-transition: .2s ease-in-out;
  546.            -moz-transition: .2s ease-in-out;
  547.            -ms-transition: .2s ease-in-out;
  548.            -o-transition: .2s ease-in-out;
  549.            transition: .2s ease-in-out
  550.        }
  551.  
  552.        .breaking-detikpagi,
  553.        .breaking-detikpagi .media--left {
  554.            height: 62px !important
  555.        }
  556.  
  557.        .breaking-sticky .media__text {
  558.            overflow: hidden
  559.        }
  560.  
  561.        .breaking-sticky .media__title {
  562.            white-space: nowrap;
  563.            margin-left: -10px;
  564.            overflow: hidden;
  565.            padding: 10px 0;
  566.            line-height: normal;
  567.            font-size: 14px
  568.        }
  569.  
  570.        .breaking-sticky .media__link {
  571.            color: #fff
  572.        }
  573.  
  574.        .breaking-sticky .media__label {
  575.            background: red;
  576.            border-radius: 0;
  577.            -webkit-transform: skew(-15deg, 0deg);
  578.            -moz-transform: skew(-15deg, 0deg);
  579.            -ms-transform: skew(-15deg, 0deg);
  580.            -o-transform: skew(-15deg, 0deg);
  581.            transform: skew(-15deg, 0deg);
  582.            left: -8px;
  583.            top: auto;
  584.            padding: 10px 20px 10px 24px;
  585.            position: relative;
  586.            box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .8)
  587.        }
  588.  
  589.        .breaking-detikpagi {
  590.            width: 100%;
  591.            background: url("images/bg-detikpagi.webp") top/101% no-repeat #ff4c05;
  592.            bottom: 100px;
  593.            z-index: 10;
  594.            -webkit-transition: .2s ease-in-out;
  595.            -moz-transition: .2s ease-in-out;
  596.            -ms-transition: .2s ease-in-out;
  597.            -o-transition: .2s ease-in-out;
  598.            transition: .2s ease-in-out
  599.        }
  600.  
  601.        .breaking-detikpagi__content {
  602.            border-radius: 10px 50px 50px 10px
  603.        }
  604.  
  605.        .breaking-detikpagi__close {
  606.            position: absolute;
  607.            z-index: 5;
  608.            width: 27px;
  609.            height: 27px;
  610.            right: 0;
  611.            top: -13px;
  612.            background: #000;
  613.            color: #fff
  614.        }
  615.  
  616.        .breaking-detikpagi .media--left .media__image {
  617.            width: 110px;
  618.            height: 80px;
  619.            z-index: 3
  620.        }
  621.  
  622.        .detikpagi-live {
  623.            margin-top: 8px
  624.        }
  625.  
  626.        .detikpagi-live span {
  627.            position: relative;
  628.            background: #ffe600;
  629.            display: inline-block;
  630.            padding: 0 8px 0 20px;
  631.            color: #ee4023;
  632.            font-size: 9px;
  633.            border-radius: 12px
  634.        }
  635.  
  636.        .detikpagi-live span:before {
  637.            content: "";
  638.            width: 7px;
  639.            height: 7px;
  640.            position: absolute;
  641.            top: 3px;
  642.            left: 7px;
  643.            overflow: hidden;
  644.            animation: 1s live-detikpagi;
  645.            -moz-animation: 1s infinite live-detikpagi;
  646.            -webkit-animation: 1s infinite live-detikpagi;
  647.            background: #c72026
  648.        }
  649.  
  650.        .detikpagi-live__body {
  651.            display: flex;
  652.            align-items: center;
  653.            gap: 16px;
  654.            margin-left: 12px
  655.        }
  656.  
  657.        .detikpagi-live__body__left {
  658.            margin-top: 5px
  659.        }
  660.  
  661.        .detikpagi-live__body__right {
  662.            display: flex;
  663.            gap: 16px;
  664.            align-items: center;
  665.            margin-right: 5px;
  666.            width: 100%
  667.        }
  668.  
  669.        .detikpagi-live__body__right__text {
  670.            font-weight: 600;
  671.            font-size: 11px;
  672.            color: #fff;
  673.            display: -webkit-box;
  674.            -webkit-line-clamp: 2;
  675.            -webkit-box-orient: vertical;
  676.            overflow: hidden;
  677.            width: 80%;
  678.            margin-top: -7px
  679.        }
  680.  
  681.        .detikpagi-live__body__right__button {
  682.            width: 20%
  683.        }
  684.  
  685.        .detikpagi-live__body__right__button__play {
  686.            display: block;
  687.            padding-bottom: 10px
  688.        }
  689.  
  690.        .detikpagi-live__body__right__button__pause {
  691.            display: none;
  692.            padding-bottom: 10px
  693.        }
  694.  
  695.        @keyframes live-detikpagi {
  696.  
  697.            0%,
  698.            100% {
  699.                background: #fcc43f
  700.            }
  701.  
  702.            50% {
  703.                background: #c72026
  704.            }
  705.        }
  706.  
  707.        .header {
  708.            display: flex;
  709.            padding: 8px 0 0;
  710.            justify-content: space-between;
  711.            align-items: center;
  712.            background: #fff;
  713.            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
  714.            position: sticky;
  715.            position: -webkit-sticky;
  716.            top: 0;
  717.            z-index: 26;
  718.            width: 100%;
  719.            line-height: 1
  720.        }
  721.  
  722.        .icon-item__yt,
  723.        .js-menu-active .menu-button span,
  724.        .notif__balon {
  725.            background: red
  726.        }
  727.  
  728.        .header__left {
  729.            display: flex;
  730.            align-items: center;
  731.            left: -12px
  732.        }
  733.  
  734.        .header__right {
  735.            display: flex;
  736.            height: 41px
  737.        }
  738.  
  739.        .header__brand {
  740.            height: 24px
  741.        }
  742.  
  743.        .header__brand img {
  744.            height: 100%
  745.        }
  746.  
  747.        .header__icon {
  748.            width: 43px;
  749.            font-size: 35px;
  750.            padding: 0 0 0 8px;
  751.            position: relative
  752.        }
  753.  
  754.        .header__icon--live {
  755.            color: #21409a
  756.        }
  757.  
  758.        .header__icon--notif {
  759.            color: #999
  760.        }
  761.  
  762.        .menu-button {
  763.            cursor: pointer;
  764.            height: 45px;
  765.            width: 40px;
  766.            position: relative
  767.        }
  768.  
  769.        .menu-button__wrap {
  770.            position: absolute;
  771.            top: 15px;
  772.            left: 12px
  773.        }
  774.  
  775.        .menu-button span {
  776.            cursor: pointer;
  777.            height: 2px;
  778.            width: 20px;
  779.            background: #21409a;
  780.            position: absolute;
  781.            display: block;
  782.            border-radius: 10px;
  783.            opacity: 1;
  784.            left: 0;
  785.            -webkit-transform: rotate(0);
  786.            -moz-transform: rotate(0);
  787.            -ms-transform: rotate(0);
  788.            -o-transform: rotate(0);
  789.            transform: rotate(0);
  790.            -webkit-transition: .3s ease-in-out;
  791.            -moz-transition: .3s ease-in-out;
  792.            -ms-transition: .3s ease-in-out;
  793.            -o-transition: .3s ease-in-out;
  794.            transition: .3s ease-in-out;
  795.            -webkit-backface-visibility: hidden;
  796.            backface-visibility: hidden
  797.        }
  798.  
  799.        .menu-button span:first-child,
  800.        .top-0 {
  801.            top: 0
  802.        }
  803.  
  804.        .menu-button span:nth-child(2) {
  805.            top: 7px
  806.        }
  807.  
  808.        .menu-button span:nth-child(3) {
  809.            top: 14px;
  810.            width: 14px
  811.        }
  812.  
  813.        .js-menu-active .menu-button span:first-child {
  814.            top: 8px;
  815.            -webkit-transform: rotate(135deg);
  816.            -moz-transform: rotate(135deg);
  817.            -ms-transform: rotate(135deg);
  818.            -o-transform: rotate(135deg);
  819.            transform: rotate(135deg)
  820.        }
  821.  
  822.        .js-menu-active .menu-button span:nth-child(2) {
  823.            opacity: 0;
  824.            left: -60px
  825.        }
  826.  
  827.        .js-menu-active .menu-button span:nth-child(3) {
  828.            top: 8px;
  829.            width: 20px;
  830.            -webkit-transform: rotate(-135deg);
  831.            -moz-transform: rotate(-135deg);
  832.            -ms-transform: rotate(-135deg);
  833.            -o-transform: rotate(-135deg);
  834.            transform: rotate(-135deg)
  835.        }
  836.  
  837.        .notif__balon {
  838.            position: absolute;
  839.            width: 22px;
  840.            height: 22px;
  841.            padding: 4px;
  842.            right: -4px;
  843.            top: 0;
  844.            z-index: 1;
  845.            border-radius: 50%;
  846.            color: #fff;
  847.            font-size: 12px
  848.        }
  849.  
  850.        .media__date,
  851.        .media__text {
  852.            color: #666;
  853.            font-size: 12px
  854.        }
  855.  
  856.        .list-content {
  857.            padding-left: 0;
  858.            margin-top: 0
  859.        }
  860.  
  861.        .list-content--column,
  862.        .list-content__item:first-child {
  863.            margin-top: 8px
  864.        }
  865.  
  866.        .list-content__item {
  867.            position: relative;
  868.            width: 100%;
  869.            padding-top: 0;
  870.            padding-bottom: 8px;
  871.            margin-bottom: 8px
  872.        }
  873.  
  874.        .list-content--column .list-content__item:first-child {
  875.            margin-top: 0
  876.        }
  877.  
  878.        .list-content--column .list-content__item:last-child,
  879.        .media__image {
  880.            margin-bottom: 12px
  881.        }
  882.  
  883.        .list-content--column .list-content__item {
  884.            padding-bottom: 12px;
  885.            margin-bottom: 12px
  886.        }
  887.  
  888.        .media {
  889.            position: relative;
  890.            overflow: hidden;
  891.            flex: 1
  892.        }
  893.  
  894.        .media__image {
  895.            position: relative;
  896.            overflow: hidden;
  897.            -webkit-mask-image: -webkit-radial-gradient(white, black);
  898.            background: #f0f0f0
  899.        }
  900.  
  901.        .linksisip .lihatjg a,
  902.        .media__image a,
  903.        .nav a {
  904.            display: block
  905.        }
  906.  
  907.        .media__text {
  908.            flex: 1;
  909.            position: static
  910.        }
  911.  
  912.        .media__title {
  913.            margin: 0;
  914.            flex: 1
  915.        }
  916.  
  917.        .detail__subtitle,
  918.        .media__subtitle {
  919.            display: inline-block;
  920.            margin-top: 0;
  921.            margin-bottom: 4px
  922.        }
  923.  
  924.        .media__date {
  925.            display: inline-block;
  926.            margin-top: 4px;
  927.            line-height: 1.5
  928.        }
  929.  
  930.        .media__author {
  931.            position: relative;
  932.            z-index: 3;
  933.            margin-top: 8px;
  934.            font-size: 12px;
  935.            display: -webkit-box;
  936.            display: -ms-flexbox;
  937.            display: -webkit-flex;
  938.            display: flex;
  939.            align-items: center;
  940.            color: #333
  941.        }
  942.  
  943.        .media__author-image-avatar {
  944.            position: relative;
  945.            width: 25px;
  946.            height: 25px;
  947.            display: inline-flex;
  948.            overflow: hidden;
  949.            margin-right: 8px;
  950.            background: #f0f0f0
  951.        }
  952.  
  953.        .media__author a:hover {
  954.            text-decoration: underline
  955.        }
  956.  
  957.        .media__link {
  958.            position: static
  959.        }
  960.  
  961.        .media__link:before {
  962.            position: absolute;
  963.            content: "";
  964.            bottom: 0;
  965.            left: 0;
  966.            top: 0;
  967.            right: 0;
  968.            overflow: hidden;
  969.            z-index: 2
  970.        }
  971.  
  972.        .media__label {
  973.            display: inline-block;
  974.            position: absolute;
  975.            top: 4px;
  976.            left: 4px;
  977.            z-index: 1;
  978.            color: #fff
  979.        }
  980.  
  981.        .media--left,
  982.        .text-list {
  983.            display: -webkit-box;
  984.            display: -ms-flexbox;
  985.            display: -webkit-flex
  986.        }
  987.  
  988.        .ads-slot,
  989.        .box-ads,
  990.        .text-list {
  991.            position: relative
  992.        }
  993.  
  994.        .media--left {
  995.            display: flex;
  996.            align-items: flex-start
  997.        }
  998.  
  999.        .text-list {
  1000.            display: flex;
  1001.            align-items: baseline;
  1002.            font-size: 16px
  1003.        }
  1004.  
  1005.        .text-list__data {
  1006.            margin-right: 8px
  1007.        }
  1008.  
  1009.        .box-ads {
  1010.            margin-top: 16px;
  1011.            margin-bottom: 24px;
  1012.            z-index: 1;
  1013.            display: -webkit-box;
  1014.            display: -ms-flexbox;
  1015.            display: -webkit-flex;
  1016.            display: flex;
  1017.            justify-content: center
  1018.        }
  1019.  
  1020.        .box-ads--container {
  1021.            margin-left: calc(-26px / 1.444444444444);
  1022.            margin-right: calc(-26px / 1.444444444444)
  1023.        }
  1024.  
  1025.        .ads-slot {
  1026.            z-index: 1;
  1027.            margin: 0 auto;
  1028.            background: #f7f7f7
  1029.        }
  1030.  
  1031.        .ads-slot>* {
  1032.            flex: 1 100%
  1033.        }
  1034.  
  1035.        .ads-slot img {
  1036.            max-width: 100%;
  1037.            height: auto
  1038.        }
  1039.  
  1040.        .ads-slot:before {
  1041.            position: absolute;
  1042.            content: "Advertisement";
  1043.            left: 50%;
  1044.            top: 50%;
  1045.            height: 50px;
  1046.            z-index: -1;
  1047.            letter-spacing: 2px;
  1048.            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect opacity='0.2' width='32' height='32' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.015625)'/%3E%3C/pattern%3E%3Cimage id='image0' width='64' height='64' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZ5QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlvQmPgAAAIp0Uk5TABVTfqXL3+z5M43S/v8Nc9UQgO4BYeoexDvpYgOOsVgqODcR/cx0FgJHieYxBV/oZBPyRPs8dcCVwb2MKD2SfJ6BPyYayKvUQSWyhGebh7yflq9/rZDJNg4H4NNRXqb8tAnWoGzO+PbFXUsMHdgf5DC/w1BPLecc3MY6YwSK6yPtD3LQi8qnfVIYuEyKDwAAAuxJREFUeJylV+d/0zAQVbaTSHH2bimQQtgUwggtAVoopexSaEvZo+y9wgplw39NbDmOrHF2ftzHl/deLOl0ukNIET5/IBgKRzQtEg4FA36fiiePaCyOiSNwPBb1qk7oSSKNpJ7wIE+lM3K5EZl0ykWezeXVciPyuSykLxRhuRHFglpfKrvrCSmXVPqK5kVPiFaRyqtD3uRGDFUl+mHvekKGRYcB/t/8BmH9EHvNiBlrWYzbhxK4f+soaT2LaY6zKMDnJzMgZSYfsi75IzUgxX5O5mC9woDkevqUS/6rDPK9m5V20asMSJriCeD+wgYZWh90N73SgOgmrqg/XgySBhxVC7WaiwEx6mRMLh7dEN2Yrfs2bd4CGcS6cFwmL261k2Tb9h1qg3i3/mMR1nY6Cl9qTGmAfcgvort2I2lIDIgfBQSssUeulxoEUFDA9ir0UoMgGuWhfb31R/c3D4xPuBiEUJiHDlJ2tWXubuMQbBBGEf4DLPbhHnAENIggvpZZtW7SBhpTkIEmGByl5GN9ZBo24JZwnHJnWOwEuARuE2cp9ySLnQI3MeQETlPuNIvFwGPkEukM5Z5lsXNgInGpfJ5y51isBRhc4C/TPOVeZDEdMPDz1/kS5TpsF9QG3evMFZTGoslduix4Sg2WkVDSrlDy1T4yAxgYB8QV1WuUXLdTcR66C2bz6Szr1628G7McbtwEDG6ZOPew3Lbo1Tt3V+7df4AQYEDPh3va8ENbwfWU4tP2iP7APa6Rx0geqsdVeN6fPPVmULYbZ77BePbcqVySG9gNhtjiNMaZxn7ihfxleslskdhk5Vsl8/fUq9kaeV0w442D8fYd+5GyNm+l3Xzfrom49esH5zLBRlMWH/ktHrDVbfH6AZvtuU/iKQ/Q7uPPdVGP/nvgQF5Hns6kSu9p6MLNL2q9MfZ1YHmnAo59CB488Wrgq4vcCNXoi5e/LXqQm8EP3xjj7z8W3HVs9Mb/2mr756/ff/6qeP8AIJG7VASH5AAAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E");
  1049.            background-repeat: no-repeat;
  1050.            background-position: center 4px;
  1051.            background-size: 24px;
  1052.            padding: 3px 0;
  1053.            -webkit-transform: translate3d(-50%, -50%, 0);
  1054.            -moz-transform: translate3d(-50%, -50%, 0);
  1055.            -ms-transform: translate3d(-50%, -50%, 0);
  1056.            -o-transform: translate3d(-50%, -50%, 0);
  1057.            transform: translate3d(-50%, -50%, 0);
  1058.            color: #999;
  1059.            font-size: 12px;
  1060.            align-items: flex-end
  1061.        }
  1062.  
  1063.        .ads-slot__name {
  1064.            display: none;
  1065.            position: absolute;
  1066.            top: calc(50% - 40px);
  1067.            padding: 8px 12px;
  1068.            z-index: -1;
  1069.            font-size: 14px;
  1070.            color: #ccc
  1071.        }
  1072.  
  1073.        .ads-slot--smb {
  1074.            height: 50px;
  1075.            z-index: 2;
  1076.            box-shadow: 0 calc(4px / 2) 4px 0 rgba(0, 0, 0, .15);
  1077.            position: sticky;
  1078.            position: -webkit-sticky;
  1079.            top: 0
  1080.        }
  1081.  
  1082.        .ads-slot-mb-container {
  1083.            width: 100%;
  1084.            height: 506px;
  1085.            position: absolute;
  1086.            background-attachment: scroll;
  1087.            background-position: left top;
  1088.            background-size: cover;
  1089.            clip: rect(auto, auto, auto, auto);
  1090.            justify-content: center
  1091.        }
  1092.  
  1093.        .ads-slot--bb,
  1094.        .ads-slot--mb {
  1095.            background-repeat: no-repeat;
  1096.            background-position: center center
  1097.        }
  1098.  
  1099.        .ads-slot--mb {
  1100.            width: 320px;
  1101.            height: 480px;
  1102.            margin-top: 26px !important;
  1103.            position: fixed !important;
  1104.            z-index: 1 !important;
  1105.            background-image: url("https://awscdn.detik.net.id/assets/images/ads/mega-billboard-placeholder.webp")
  1106.        }
  1107.  
  1108.        .ads-slot--bb {
  1109.            width: 100%;
  1110.            height: 156px;
  1111.            background-image: url("https://awscdn.detik.net.id/assets/images/ads/billboard-placeholder.webp");
  1112.            position: relative;
  1113.            z-index: 1;
  1114.            margin: 0 auto;
  1115.            background-color: #f7f7f7
  1116.        }
  1117.  
  1118.        .ads-slot--sb {
  1119.            width: 300px;
  1120.            height: 250px
  1121.        }
  1122.  
  1123.        .ads-slot--ib {
  1124.            width: 320px;
  1125.            height: 50px
  1126.        }
  1127.  
  1128.        .megabillboard {
  1129.            height: 524px;
  1130.            position: relative
  1131.        }
  1132.  
  1133.        .megabillboard__swipe {
  1134.            position: absolute;
  1135.            left: 0;
  1136.            bottom: 0;
  1137.            right: 0
  1138.        }
  1139.  
  1140.        .megabillboard__swipe p {
  1141.            display: block;
  1142.            margin: 0;
  1143.            font-size: 10px;
  1144.            padding: 2px 0;
  1145.            background: var(--kuler-1)
  1146.        }
  1147.  
  1148.        .megabillboard-close {
  1149.            cursor: pointer;
  1150.            position: fixed;
  1151.            right: calc(50% - 160px);
  1152.            padding: 5px 0;
  1153.            z-index: 2;
  1154.            color: var(--kuler-1);
  1155.            font-size: 12px
  1156.        }
  1157.  
  1158.        .mgt-8 {
  1159.            margin-top: 8px !important
  1160.        }
  1161.  
  1162.        .pdt-12 {
  1163.            padding-top: 12px !important
  1164.        }
  1165.  
  1166.        .pdb-12 {
  1167.            padding-bottom: 12px !important
  1168.        }
  1169.  
  1170.        .pdt-16 {
  1171.            padding-top: 16px !important
  1172.        }
  1173.  
  1174.        .pdb-16 {
  1175.            padding-bottom: 16px !important
  1176.        }
  1177.  
  1178.        .mgt-16 {
  1179.            margin-top: 16px !important
  1180.        }
  1181.  
  1182.        .mgb-16 {
  1183.            margin-bottom: 16px !important
  1184.        }
  1185.  
  1186.        .w-100 {
  1187.            width: 100% !important
  1188.        }
  1189.  
  1190.        .flex-center {
  1191.            align-items: center !important
  1192.        }
  1193.  
  1194.        .box__title,
  1195.        .breaking-sticky .media__label,
  1196.        .breaking-sticky .media__link,
  1197.        .detail__multiple-paging,
  1198.        .detail__newstag-title,
  1199.        .detail__subtitle,
  1200.        .font-family-base-2,
  1201.        .media__subtitle,
  1202.        .media__title,
  1203.        .navbar-second .nav a {
  1204.            font-weight: 400
  1205.        }
  1206.  
  1207.        .ads-slot:before,
  1208.        .detail__body-tag .nav__item,
  1209.        .detail__date,
  1210.        .detail__media-caption,
  1211.        .footer .nav,
  1212.        .footer__copy,
  1213.        .media__date {
  1214.            font-weight: 300
  1215.        }
  1216.  
  1217.        .box__title,
  1218.        .detail__title,
  1219.        .font-base-semibold,
  1220.        .linksisip a,
  1221.        .nav,
  1222.        .page__title {
  1223.            font-weight: 600
  1224.        }
  1225.  
  1226.        .ads-slot:before,
  1227.        .box__header a,
  1228.        .box__title,
  1229.        .breaking-sticky .media__label,
  1230.        .breaking-sticky .media__link,
  1231.        .btn,
  1232.        .collapsible__top,
  1233.        .detail__author,
  1234.        .detail__body-tag .nav__item,
  1235.        .detail__newstag-title,
  1236.        .detail__subtitle,
  1237.        .detail__title,
  1238.        .detikpagi-live__body__right__text,
  1239.        .font-family-base-2,
  1240.        .footer,
  1241.        .footer-title,
  1242.        .linksisip,
  1243.        .list__berita__item__bottom__date,
  1244.        .list__berita__item__bottom__title,
  1245.        .list__berita__title,
  1246.        .media__author,
  1247.        .media__subtitle,
  1248.        .media__title,
  1249.        .nav,
  1250.        .nav-framebar__title,
  1251.        .page__breadcrumb,
  1252.        .page__title,
  1253.        .profile__box__top,
  1254.        .smartbanner_new,
  1255.        .text-list {
  1256.            font-family: Montserrat-FF, Arial, Tahoma, sans-serif
  1257.        }
  1258.  
  1259.        .ads-slot,
  1260.        .ads-slot--bb,
  1261.        .ads-slot-mb-container,
  1262.        .ads-slot:before,
  1263.        .breaking-detikpagi__close,
  1264.        .breaking-sticky .media__text,
  1265.        .detail__newstag,
  1266.        .display-flex,
  1267.        .footer__app-store,
  1268.        .navbar-first,
  1269.        .notif__balon,
  1270.        .sticky-share {
  1271.            display: -webkit-box;
  1272.            display: -ms-flexbox;
  1273.            display: -webkit-flex;
  1274.            display: flex
  1275.        }
  1276.  
  1277.        .detail__body-tag .nav,
  1278.        .list-content__item,
  1279.        .nav,
  1280.        .nav--center {
  1281.            display: -webkit-box;
  1282.            display: -ms-flexbox;
  1283.            display: -webkit-flex;
  1284.            display: flex;
  1285.            flex-flow: wrap
  1286.        }
  1287.  
  1288.        .box__header,
  1289.        .flex-between,
  1290.        .page__breadcrumb,
  1291.        .page__header {
  1292.            justify-content: space-between;
  1293.            display: -webkit-box;
  1294.            display: -ms-flexbox;
  1295.            display: -webkit-flex;
  1296.            display: flex;
  1297.            flex-flow: wrap;
  1298.            align-items: center
  1299.        }
  1300.  
  1301.        .ads-slot,
  1302.        .detail__newstag,
  1303.        .detikpagi-live,
  1304.        .header__icon,
  1305.        .icon-item,
  1306.        .megabillboard__swipe p,
  1307.        .text-center {
  1308.            text-align: center !important
  1309.        }
  1310.  
  1311.        .ads-slot,
  1312.        .ads-slot--bb,
  1313.        .breaking-detikpagi__close,
  1314.        .notif__balon,
  1315.        .sticky-share {
  1316.            align-items: center;
  1317.            justify-content: center
  1318.        }
  1319.  
  1320.        .copy_url .notif,
  1321.        .detail__body-tag .nav__item,
  1322.        .dropdown-menu__content,
  1323.        .media--image-radius .media__image,
  1324.        .media__label {
  1325.            border-radius: 4px
  1326.        }
  1327.  
  1328.        .breaking-detikpagi__close,
  1329.        .circle,
  1330.        .detikpagi-live span:before,
  1331.        .icon-item .comment-count,
  1332.        .media__author-image-avatar,
  1333.        .nav__item--new a:after {
  1334.            border-radius: 50%
  1335.        }
  1336.  
  1337.        .color-black {
  1338.            color: #000
  1339.        }
  1340.  
  1341.        .breaking-sticky .media__text,
  1342.        .megabillboard__swipe p {
  1343.            color: #fff
  1344.        }
  1345.  
  1346.        .color-purple-light-2 {
  1347.            color: #812e88
  1348.        }
  1349.  
  1350.        .sticky-share__wrap {
  1351.            background: #fff
  1352.        }
  1353.  
  1354.        .media__author-image-avatar img,
  1355.        .media__image a>*>img {
  1356.            position: absolute;
  1357.            max-height: 100%;
  1358.            max-width: 100%;
  1359.            width: auto;
  1360.            height: auto;
  1361.            z-index: 1;
  1362.            top: 50%;
  1363.            left: 50%;
  1364.            -webkit-transform: translate3d(-50%, -50%, 0);
  1365.            -moz-transform: translate3d(-50%, -50%, 0);
  1366.            -ms-transform: translate3d(-50%, -50%, 0);
  1367.            -o-transform: translate3d(-50%, -50%, 0);
  1368.            transform: translate3d(-50%, -50%, 0)
  1369.        }
  1370.  
  1371.        .wrap-zoom {
  1372.            z-index: 666;
  1373.            position: relative !important
  1374.        }
  1375.  
  1376.        .dropdown,
  1377.        .dropdown-wrap {
  1378.            position: relative
  1379.        }
  1380.  
  1381.        .img-zoomout,
  1382.        .wrap-zoom {
  1383.            cursor: pointer;
  1384.            cursor: -webkit-zoom-out;
  1385.            cursor: -moz-zoom-out
  1386.        }
  1387.  
  1388.        .p_img_zoomin,
  1389.        .wrap-zoom {
  1390.            position: relative;
  1391.            -webkit-transition: transform .3s;
  1392.            -ms-transition: transform .3s;
  1393.            transition: transform .3s
  1394.        }
  1395.  
  1396.        .dropdown-wrap {
  1397.            display: inline-block
  1398.        }
  1399.  
  1400.        .dropdown-menu {
  1401.            text-align: left;
  1402.            padding-top: 4px;
  1403.            display: none;
  1404.            min-width: 150px;
  1405.            position: absolute;
  1406.            top: 100%;
  1407.            left: -8px;
  1408.            visibility: hidden;
  1409.            z-index: 3
  1410.        }
  1411.  
  1412.        .dropdown-menu__content {
  1413.            min-width: 200px;
  1414.            position: relative;
  1415.            margin: 8px;
  1416.            background: #fff;
  1417.            box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
  1418.        }
  1419.  
  1420.        .dropdown-menu__content:after {
  1421.            content: "";
  1422.            position: absolute;
  1423.            left: 28px;
  1424.            width: 0;
  1425.            height: 0;
  1426.            top: 0;
  1427.            border: 6px solid #000;
  1428.            border-color: transparent transparent #fff #fff;
  1429.            transform-origin: 0 0;
  1430.            transform: rotate(135deg);
  1431.            box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .05)
  1432.        }
  1433.  
  1434.        .dropdown-menu__content-article {
  1435.            min-width: 260px;
  1436.            max-width: 300px;
  1437.            padding: 12px
  1438.        }
  1439.  
  1440.        .dropdown-menu--right .dropdown-menu__content:after {
  1441.            left: auto;
  1442.            right: 2px
  1443.        }
  1444.  
  1445.        .dropdown-menu--right {
  1446.            left: auto;
  1447.            right: -8px
  1448.        }
  1449.  
  1450.        .dropdown>.icon {
  1451.            -webkit-transition: transform .25s ease-in-out;
  1452.            -moz-transition: transform .25s ease-in-out;
  1453.            -ms-transition: transform .25s ease-in-out;
  1454.            -o-transition: transform .25s ease-in-out;
  1455.            transition: transform .25s ease-in-out
  1456.        }
  1457.  
  1458.        .box,
  1459.        .detail__media,
  1460.        .detail__multiple-paging {
  1461.            margin-left: -18px;
  1462.            margin-right: -18px;
  1463.            padding-left: 18px;
  1464.            padding-right: 18px
  1465.        }
  1466.  
  1467.        .box__header {
  1468.            margin-top: 8px;
  1469.            margin-bottom: 8px;
  1470.            font-size: 23px
  1471.        }
  1472.  
  1473.        .box__title {
  1474.            margin: 0;
  1475.            font-size: 18px;
  1476.            color: #02746e
  1477.        }
  1478.  
  1479.        .box {
  1480.            position: relative;
  1481.            word-wrap: break-word;
  1482.            padding-top: 8px;
  1483.            padding-bottom: 8px;
  1484.            border-top: 3px solid #f0f0f0;
  1485.            display: -webkit-box;
  1486.            display: -ms-flexbox;
  1487.            display: -webkit-flex;
  1488.            display: flex;
  1489.            flex-flow: column;
  1490.            margin-bottom: 24px
  1491.        }
  1492.  
  1493.        .box__header a,
  1494.        .nav,
  1495.        .nav__item {
  1496.            padding: 0
  1497.        }
  1498.  
  1499.        .box__logo {
  1500.            max-width: 200px;
  1501.            max-height: 45px;
  1502.            display: block
  1503.        }
  1504.  
  1505.        .page__header {
  1506.            margin-top: 12px
  1507.        }
  1508.  
  1509.        .page__title {
  1510.            margin: 0;
  1511.            font-size: 23px;
  1512.            color: #04523a
  1513.        }
  1514.  
  1515.        .page__breadcrumb {
  1516.            color: #999;
  1517.            font-size: 12px
  1518.        }
  1519.  
  1520.        .page__breadcrumb a {
  1521.            color: #999;
  1522.            position: relative
  1523.        }
  1524.  
  1525.        .page__breadcrumb a:after {
  1526.            content: "/";
  1527.            padding: 0 4px
  1528.        }
  1529.  
  1530.        .footer .nav__item:last-child a:after,
  1531.        .page__breadcrumb a:last-child:after {
  1532.            content: ""
  1533.        }
  1534.  
  1535.        .page__breadcrumb a:hover {
  1536.            color: #333
  1537.        }
  1538.  
  1539.        .nav__item--new a:after {
  1540.            content: "";
  1541.            width: 5px;
  1542.            height: 5px;
  1543.            background: red;
  1544.            position: middle;
  1545.            top: 0;
  1546.            margin-left: 4px;
  1547.            overflow: hidden
  1548.        }
  1549.  
  1550.        .footer .nav__item a,
  1551.        .nav,
  1552.        .nav__item,
  1553.        .nav__item--new,
  1554.        .navbar,
  1555.        .navbar-second .nav a,
  1556.        .navbar-shadow,
  1557.        .redirect {
  1558.            position: relative
  1559.        }
  1560.  
  1561.        .nav {
  1562.            list-style: none;
  1563.            margin: 0;
  1564.            font-size: 14px
  1565.        }
  1566.  
  1567.        .navbar-second .nav a {
  1568.            display: inline-block;
  1569.            padding: 4px 8px;
  1570.            text-align: center;
  1571.            cursor: pointer;
  1572.            border: 1px solid transparent;
  1573.            border-radius: 4px;
  1574.            background: #f7f7f7
  1575.        }
  1576.  
  1577.        .nav__item a {
  1578.            padding: 4px 24px 4px 0
  1579.        }
  1580.  
  1581.        .footer .nav__item a {
  1582.            padding: 0 8px;
  1583.            margin-bottom: 8px;
  1584.            color: #666
  1585.        }
  1586.  
  1587.        .footer .nav__item a:after {
  1588.            content: ".";
  1589.            position: absolute;
  1590.            top: -12px;
  1591.            right: -4px;
  1592.            font-size: 23px;
  1593.            font-weight: 400
  1594.        }
  1595.  
  1596.        .navbar-shadow .navbar--scroll .nav__item:first-child {
  1597.            padding-left: 16px
  1598.        }
  1599.  
  1600.        .navbar-shadow .navbar--scroll .nav__item:last-child {
  1601.            padding-right: 16px
  1602.        }
  1603.  
  1604.        .navbar-first .nav__item:last-child a {
  1605.            padding-right: 0
  1606.        }
  1607.  
  1608.        .navbar-second .nav__item {
  1609.            margin-top: 8px;
  1610.            margin-right: 8px;
  1611.            margin-bottom: 8px
  1612.        }
  1613.  
  1614.        .navbar-first .nav__item--active a {
  1615.            color: #02746e
  1616.        }
  1617.  
  1618.        .detail__body-tag .nav__item {
  1619.            background: #f0f0f0;
  1620.            margin: 4px;
  1621.            display: block;
  1622.            padding: 4px 16px;
  1623.            color: #000;
  1624.            font-size: 12px
  1625.        }
  1626.  
  1627.        .footer .nav {
  1628.            margin: 24px 0
  1629.        }
  1630.  
  1631.        .navbar--scroll .nav {
  1632.            padding-top: 4px;
  1633.            padding-bottom: 4px
  1634.        }
  1635.  
  1636.        .navbar-first .nav {
  1637.            height: 45px
  1638.        }
  1639.  
  1640.        .navbar-first .nav,
  1641.        .navbar-second .nav {
  1642.            overflow-x: auto;
  1643.            -ms-overflow-style: none;
  1644.            scrollbar-width: none;
  1645.            display: -webkit-box;
  1646.            display: -ms-flexbox;
  1647.            display: -webkit-flex;
  1648.            display: flex;
  1649.            flex-flow: nowrap
  1650.        }
  1651.  
  1652.        .back-top,
  1653.        .nav--center {
  1654.            justify-content: center
  1655.        }
  1656.  
  1657.        .navbar-first .nav::-webkit-scrollbar,
  1658.        .navbar-second .nav::-webkit-scrollbar {
  1659.            display: none
  1660.        }
  1661.  
  1662.        .detail__body-tag .nav {
  1663.            margin: 8px -4px
  1664.        }
  1665.  
  1666.        .header .navbar {
  1667.            height: 35px;
  1668.            overflow: hidden
  1669.        }
  1670.  
  1671.        .navbar-shadow:after,
  1672.        .navbar-shadow:before {
  1673.            height: 100%;
  1674.            top: 0;
  1675.            position: absolute;
  1676.            z-index: 1;
  1677.            content: ""
  1678.        }
  1679.  
  1680.        .navbar--scroll {
  1681.            padding-top: 0;
  1682.            overflow-x: hidden !important;
  1683.            overflow-y: scroll !important;
  1684.            -webkit-overflow-scrolling: touch
  1685.        }
  1686.  
  1687.        .navbar-wrap {
  1688.            overflow: hidden
  1689.        }
  1690.  
  1691.        .navbar-shadow {
  1692.            margin-left: -18px;
  1693.            margin-right: -18px
  1694.        }
  1695.  
  1696.        .navbar-shadow:before {
  1697.            width: 18px;
  1698.            left: 0;
  1699.            background: #fff;
  1700.            background: -moz-linear-gradient(right, #fff 25%, rgba(255, 255, 255, 0) 100%);
  1701.            background: -webkit-linear-gradient(right, #fff 25%, rgba(255, 255, 255, 0) 100%);
  1702.            background: linear-gradient(to right, #fff 25%, rgba(255, 255, 255, 0) 100%)
  1703.        }
  1704.  
  1705.        .navbar-shadow:after {
  1706.            width: 24px;
  1707.            right: 0;
  1708.            background: #fff;
  1709.            background: -moz-linear-gradient(left, #fff 25%, rgba(255, 255, 255, 0) 100%);
  1710.            background: -webkit-linear-gradient(left, #fff 25%, rgba(255, 255, 255, 0) 100%);
  1711.            background: linear-gradient(to left, #fff 25%, rgba(255, 255, 255, 0) 100%)
  1712.        }
  1713.  
  1714.        .back-top {
  1715.            width: 40px;
  1716.            height: 40px;
  1717.            position: fixed;
  1718.            right: 8px;
  1719.            bottom: 60px;
  1720.            background: rgba(204, 204, 204, .5);
  1721.            color: #fff;
  1722.            display: flex;
  1723.            align-items: center;
  1724.            font-size: 22px;
  1725.            z-index: 10
  1726.        }
  1727.  
  1728.        .back-top a {
  1729.            display: inherit;
  1730.            color: #fff
  1731.        }
  1732.  
  1733.        .dropdown-wrap .list-content__item:last-child {
  1734.            border-bottom: none
  1735.        }
  1736.  
  1737.        .dropdown-wrap .list-content__item {
  1738.            border-bottom: 1px solid #f0f0f0
  1739.        }
  1740.  
  1741.        .media__title {
  1742.            font-size: 16px
  1743.        }
  1744.  
  1745.        .footer,
  1746.        .linksisip strong,
  1747.        .list-content--column .media__title,
  1748.        .media__label {
  1749.            font-size: 14px
  1750.        }
  1751.  
  1752.        .detail__subtitle,
  1753.        .media__subtitle {
  1754.            font-size: 14px;
  1755.            color: var(--kuler-3)
  1756.        }
  1757.  
  1758.        .media__label {
  1759.            padding: 5px 12px;
  1760.            background: #03643f
  1761.        }
  1762.  
  1763.        .media--left .media__image {
  1764.            margin: 0 12px 0 0;
  1765.            width: 100px
  1766.        }
  1767.  
  1768.        .detail__multiple-paging .text-list__data {
  1769.            color: var(--kuler-1)
  1770.        }
  1771.  
  1772.        .btn--blue-base {
  1773.            background: #21409a;
  1774.            color: #fff
  1775.        }
  1776.  
  1777.        .btn--blue-base:hover {
  1778.            color: #fff
  1779.        }
  1780.  
  1781.        .btn--blue-base.btn--outline {
  1782.            border-color: #21409a;
  1783.            color: #21409a
  1784.        }
  1785.  
  1786.        .btn--paging {
  1787.            background: var(--kuler-1);
  1788.            color: #fff
  1789.        }
  1790.  
  1791.        .btn--paging:hover,
  1792.        .icon-item:hover {
  1793.            color: #fff
  1794.        }
  1795.  
  1796.        .footer {
  1797.            text-align: center;
  1798.            background: #e6e6e6;
  1799.            color: #666
  1800.        }
  1801.  
  1802.        .footer__logo {
  1803.            margin-top: 24px;
  1804.            display: inline-block
  1805.        }
  1806.  
  1807.        .footer__logo img {
  1808.            width: 160px
  1809.        }
  1810.  
  1811.        .footer__social {
  1812.            margin: 0 0 20px
  1813.        }
  1814.  
  1815.        .footer__copy {
  1816.            display: inline-block;
  1817.            margin-bottom: 64px
  1818.        }
  1819.  
  1820.        .footer__border {
  1821.            height: 4px;
  1822.            display: block
  1823.        }
  1824.  
  1825.        .footer-title,
  1826.        .footer__get-app {
  1827.            font-size: 12px
  1828.        }
  1829.  
  1830.        .footer-title__partof {
  1831.            margin-top: 8px;
  1832.            color: #666;
  1833.            padding: 4px 0
  1834.        }
  1835.  
  1836.        .footer-title__partof img {
  1837.            width: 80px;
  1838.            vertical-align: bottom;
  1839.            margin: 0 0 3px 3px
  1840.        }
  1841.  
  1842.        .footer__app-store {
  1843.            justify-content: center;
  1844.            align-items: center
  1845.        }
  1846.  
  1847.        .footer__app-store img {
  1848.            margin: 16px 2px;
  1849.            width: auto;
  1850.            height: 34px
  1851.        }
  1852.  
  1853.        @media (max-width:359px) {
  1854.            .footer__app-store img {
  1855.                height: 25px
  1856.            }
  1857.        }
  1858.  
  1859.        .bottom-sticky {
  1860.            height: 0
  1861.        }
  1862.  
  1863.        .redirect__page {
  1864.            background: var(--kuler-1);
  1865.            margin: 0 0 16px;
  1866.            border-radius: 8px;
  1867.            padding: 8px 12px;
  1868.            color: #f7f7f7;
  1869.            transform: translateY(500px);
  1870.            -webkit-transition: transform .4s cubic-bezier(.79, .33, .64, .82);
  1871.            transition: transform .4s cubic-bezier(.79, .33, .64, .82)
  1872.        }
  1873.  
  1874.        .detail__body-text p>a,
  1875.        .detail__title,
  1876.        .redirect__close-btn {
  1877.            color: var(--kuler-1)
  1878.        }
  1879.  
  1880.        .box-menu,
  1881.        .sticky-share {
  1882.            -webkit-transition: .3s ease-in-out;
  1883.            -moz-transition: .3s ease-in-out;
  1884.            -ms-transition: .3s ease-in-out;
  1885.            -o-transition: .3s ease-in-out
  1886.        }
  1887.  
  1888.        .redirect__page h3,
  1889.        .redirect__page h4 {
  1890.            color: #f7f7f7
  1891.        }
  1892.  
  1893.        .redirect__page h4 {
  1894.            margin-bottom: 0;
  1895.            max-height: 48px;
  1896.            text-overflow: ellipsis;
  1897.            overflow: hidden;
  1898.            display: -webkit-box !important;
  1899.            -webkit-line-clamp: 3;
  1900.            -webkit-box-orient: vertical;
  1901.            white-space: normal
  1902.        }
  1903.  
  1904.        .redirect__close {
  1905.            display: flex;
  1906.            justify-content: center;
  1907.            align-items: center;
  1908.            padding-left: 0
  1909.        }
  1910.  
  1911.        .redirect__close-btn {
  1912.            display: flex;
  1913.            justify-content: center;
  1914.            align-items: center;
  1915.            width: 30px;
  1916.            height: 30px;
  1917.            text-align: center;
  1918.            border-radius: 100%;
  1919.            background: #e3f5fe99;
  1920.            font-size: 18px
  1921.        }
  1922.  
  1923.        .redirect .media__image.img-xss {
  1924.            width: 56px
  1925.        }
  1926.  
  1927.        .redirect .media__text {
  1928.            display: flex;
  1929.            align-items: center;
  1930.            justify-content: center;
  1931.            padding-left: 12px
  1932.        }
  1933.  
  1934.        .redirect .media__text.nomargin {
  1935.            padding-left: 0;
  1936.            width: 100%
  1937.        }
  1938.  
  1939.        .redirect .media__text.nomargin>:first-child {
  1940.            width: 100%
  1941.        }
  1942.  
  1943.        .redirect .media {
  1944.            align-items: center;
  1945.            justify-content: center
  1946.        }
  1947.  
  1948.        .sticky-share {
  1949.            visibility: hidden;
  1950.            padding: 4px 0;
  1951.            z-index: 27;
  1952.            position: fixed;
  1953.            left: 0;
  1954.            right: 0;
  1955.            height: 0;
  1956.            bottom: -100px;
  1957.            opacity: 0;
  1958.            transition: .3s ease-in-out
  1959.        }
  1960.  
  1961.        .js-menu-active .box-menu,
  1962.        .sticky-share--sticked {
  1963.            visibility: visible;
  1964.            opacity: 1
  1965.        }
  1966.  
  1967.        .sticky-share__wrap {
  1968.            padding-left: 8px;
  1969.            padding-right: 8px;
  1970.            box-shadow: 0 calc(4px / 2) 4px 0 rgba(0, 0, 0, .15);
  1971.            border-radius: 24px
  1972.        }
  1973.  
  1974.        .sticky-share--sticked {
  1975.            bottom: 0;
  1976.            margin-bottom: 25px;
  1977.            -webkit-transform: translateY(0);
  1978.            -moz-transform: translateY(0);
  1979.            -ms-transform: translateY(0);
  1980.            -o-transform: translateY(0);
  1981.            transform: translateY(0)
  1982.        }
  1983.  
  1984.        .detail .sticky-share .icon-item {
  1985.            position: relative;
  1986.            width: 26px;
  1987.            height: 26px;
  1988.            margin-left: 6px;
  1989.            margin-right: 6px
  1990.        }
  1991.  
  1992.        .icon-item .comment-count {
  1993.            position: absolute;
  1994.            font-size: 10px;
  1995.            top: -4px;
  1996.            right: -4px;
  1997.            padding: 0 4px;
  1998.            min-width: 15px;
  1999.            background: #ed131b
  2000.        }
  2001.  
  2002.        .detail__header {
  2003.            text-align: center;
  2004.            padding: 16px 0
  2005.        }
  2006.  
  2007.        .detail__title {
  2008.            font-size: 23px;
  2009.            margin-bottom: 12px
  2010.        }
  2011.  
  2012.        .dropdown-wrap .detail__title {
  2013.            font-size: 14px;
  2014.            padding-bottom: 12px;
  2015.            margin: 0;
  2016.            color: var(--kuler-1)
  2017.        }
  2018.  
  2019.        .detail__date {
  2020.            display: inline-block;
  2021.            margin-top: 4px;
  2022.            color: #666;
  2023.            font-size: 12px
  2024.        }
  2025.  
  2026.        .detail__subtitle {
  2027.            font-size: 18px;
  2028.            margin-bottom: 0;
  2029.            color: #f7931d
  2030.        }
  2031.  
  2032.        .detail__author {
  2033.            margin-top: 8px;
  2034.            margin-bottom: 8px;
  2035.            font-size: 12px;
  2036.            color: #666
  2037.        }
  2038.  
  2039.        .detail__label {
  2040.            color: #036e60
  2041.        }
  2042.  
  2043.        .detail__media {
  2044.            padding: 0;
  2045.            position: relative
  2046.        }
  2047.  
  2048.        .detail__media-image>img {
  2049.            width: 100%;
  2050.            min-height: 211px;
  2051.            max-width: none;
  2052.            position: relative;
  2053.            z-index: 2
  2054.        }
  2055.  
  2056.        .detail__media-image .img-zoomout {
  2057.            width: 100%;
  2058.            max-width: 100%
  2059.        }
  2060.  
  2061.        .detail__media-caption {
  2062.            display: inline-block;
  2063.            margin-top: 4px;
  2064.            color: #666;
  2065.            font-size: 12px;
  2066.            padding: 4px 18px
  2067.        }
  2068.  
  2069.        .detail__share,
  2070.        .smartbanner_new {
  2071.            display: -webkit-box;
  2072.            display: -ms-flexbox;
  2073.            display: -webkit-flex
  2074.        }
  2075.  
  2076.        .detail__body,
  2077.        .detail__body-text>p:nth-of-type(2) {
  2078.            margin-top: 16px
  2079.        }
  2080.  
  2081.        .detail__body-text img {
  2082.            max-width: 100%
  2083.        }
  2084.  
  2085.        .detail__body-text>p:first-of-type {
  2086.            display: inline
  2087.        }
  2088.  
  2089.        .detail__body-text>h2,
  2090.        .detail__body-text>h3 {
  2091.            font-size: 18px
  2092.        }
  2093.  
  2094.        .detail__body-text>h4,
  2095.        .detail__body-text>h5,
  2096.        .detail__body-text>h6,
  2097.        .linksisip a {
  2098.            font-size: 16px
  2099.        }
  2100.  
  2101.        .detail__body-text table {
  2102.            width: 100%
  2103.        }
  2104.  
  2105.        .detail__share {
  2106.            display: flex;
  2107.            align-items: center;
  2108.            font-size: 14px;
  2109.            justify-content: center
  2110.        }
  2111.  
  2112.        .detail__newstag {
  2113.            margin: 16px 0
  2114.        }
  2115.  
  2116.        .detail__newstag-title {
  2117.            font-size: 14px;
  2118.            flex: 1
  2119.        }
  2120.  
  2121.        .detail__newstag img {
  2122.            margin-left: 16px
  2123.        }
  2124.  
  2125.        .detail__multiple-paging {
  2126.            padding: 12px 18px 0;
  2127.            border-top: 1px solid #f0f0f0;
  2128.            color: #999;
  2129.            font-size: 14px
  2130.        }
  2131.  
  2132.        .pic_artikel_sisip,
  2133.        .pic_artikel_sisip_table {
  2134.            font-size: 12px;
  2135.            line-height: 120%;
  2136.            width: 100%;
  2137.            text-align: center
  2138.        }
  2139.  
  2140.        .linksisip {
  2141.            position: relative;
  2142.            margin: 8px 0;
  2143.            border-left: 5px solid #02746e
  2144.        }
  2145.  
  2146.        .linksisip td,
  2147.        .pic_artikel_sisip_table td,
  2148.        .quotesisip td {
  2149.            border: none;
  2150.            padding: 0
  2151.        }
  2152.  
  2153.        .linksisip a {
  2154.            color: #02746e;
  2155.            display: block
  2156.        }
  2157.  
  2158.        .linksisip .lihatjg {
  2159.            padding-left: 20px
  2160.        }
  2161.  
  2162.        .linksisip .lihatjg strong {
  2163.            display: block;
  2164.            margin-bottom: 4px
  2165.        }
  2166.  
  2167.        .quotesisip {
  2168.            position: relative;
  2169.            margin: 20px 0;
  2170.            padding: 0;
  2171.            border: 0;
  2172.            width: 100%;
  2173.            background: #fff;
  2174.            border-left: 5px solid #02746e
  2175.        }
  2176.  
  2177.        .profile__box__bottom,
  2178.        .profile__box__top {
  2179.            display: flex;
  2180.            font-weight: 400;
  2181.            padding-left: 70px;
  2182.            font-style: normal
  2183.        }
  2184.  
  2185.        .quotesisip blockquote {
  2186.            display: block;
  2187.            width: 100%;
  2188.            font-size: 23px;
  2189.            margin: 0 0 12px;
  2190.            padding: 8px 12px 0 24px;
  2191.            line-height: 120%;
  2192.            position: relative;
  2193.            color: #000
  2194.        }
  2195.  
  2196.        .quotesisip blockquote:before {
  2197.            font-family: detiknetwork-FF;
  2198.            content: "\7b";
  2199.            font-size: 45px;
  2200.            display: block;
  2201.            margin-bottom: 8px;
  2202.            color: #999
  2203.        }
  2204.  
  2205.        .quotesisip cite {
  2206.            color: #666;
  2207.            font-size: 14px;
  2208.            display: block;
  2209.            margin-top: 4px;
  2210.            margin-left: 24px
  2211.        }
  2212.  
  2213.        .pic_artikel_sisip_table {
  2214.            margin-bottom: 20px;
  2215.            color: #666;
  2216.            table-layout: fixed
  2217.        }
  2218.  
  2219.        .pic_artikel_sisip {
  2220.            color: #999
  2221.        }
  2222.  
  2223.        .pic_artikel_sisip .pic {
  2224.            position: relative;
  2225.            display: inline-block;
  2226.            max-width: 100%;
  2227.            text-align: center
  2228.        }
  2229.  
  2230.        .pic_artikel_sisip .pic img {
  2231.            position: relative;
  2232.            max-width: 100%;
  2233.            max-height: 400px;
  2234.            height: auto;
  2235.            overflow: hidden;
  2236.            display: block;
  2237.            top: auto;
  2238.            left: auto;
  2239.            -webkit-transform: none;
  2240.            -moz-transform: none;
  2241.            -ms-transform: none;
  2242.            -o-transform: none;
  2243.            transform: none;
  2244.            margin-left: auto;
  2245.            margin-right: auto
  2246.        }
  2247.  
  2248.        .pic_artikel_sisip .pic>span {
  2249.            position: relative;
  2250.            display: block;
  2251.            z-index: 1;
  2252.            padding-top: 8px;
  2253.            padding-bottom: 8px;
  2254.            border-bottom: 1px solid #e6e6e6
  2255.        }
  2256.  
  2257.        .sisip_embed_sosmed iframe {
  2258.            min-width: 100% !important;
  2259.            width: 100px !important
  2260.        }
  2261.  
  2262.        .profile__box {
  2263.            background: #f7f7f7;
  2264.            border-radius: 8px;
  2265.            margin: 24px 0;
  2266.            position: relative
  2267.        }
  2268.  
  2269.        .profile__box__top {
  2270.            background: #02746e;
  2271.            color: #fff;
  2272.            height: 41px;
  2273.            border-radius: 8px 8px 0 0;
  2274.            font-size: 16px;
  2275.            line-height: 20px;
  2276.            align-items: center
  2277.        }
  2278.  
  2279.        .profile__box__bottom {
  2280.            font-size: 14px;
  2281.            line-height: 18px;
  2282.            color: #000;
  2283.            padding-right: 14px
  2284.        }
  2285.  
  2286.        .profile__box__bottom__img {
  2287.            position: absolute;
  2288.            top: 12px;
  2289.            left: 0;
  2290.            margin-left: 12px
  2291.        }
  2292.  
  2293.        .profile__box__bottom__img img {
  2294.            width: 48px;
  2295.            height: 48px;
  2296.            object-fit: cover;
  2297.            border-radius: 100%;
  2298.            border: 2px solid #fff;
  2299.            background: #fff
  2300.        }
  2301.  
  2302.        .profile__box__bottom__text {
  2303.            margin: 12px 0
  2304.        }
  2305.  
  2306.        .icon-item {
  2307.            display: inline-flex;
  2308.            align-items: center;
  2309.            justify-content: center;
  2310.            margin: 5px 4px;
  2311.            width: 32px;
  2312.            height: 32px;
  2313.            font-size: 20px;
  2314.            color: #fff;
  2315.            border-radius: 100%
  2316.        }
  2317.  
  2318.        .detail .icon-item {
  2319.            width: 35px;
  2320.            height: 35px;
  2321.            padding: 2px
  2322.        }
  2323.  
  2324.        .icon-item__fb {
  2325.            background: #3c5a99
  2326.        }
  2327.  
  2328.        .icon-item__tw {
  2329.            background: #000
  2330.        }
  2331.  
  2332.        .icon-item__ig {
  2333.            background: #5851db;
  2334.            background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
  2335.            background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
  2336.            background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%)
  2337.        }
  2338.  
  2339.        .icon-item__in {
  2340.            background: #0077b5
  2341.        }
  2342.  
  2343.        .icon-item__wa {
  2344.            color: #fff;
  2345.            background: #25d366
  2346.        }
  2347.  
  2348.        .icon-item__tele {
  2349.            color: #fff;
  2350.            background: #08c
  2351.        }
  2352.  
  2353.        .icon-item__link {
  2354.            color: #fff;
  2355.            background: #999
  2356.        }
  2357.  
  2358.        .tableSpec {
  2359.            max-width: 100%;
  2360.            width: 100%;
  2361.            color: #727374;
  2362.            font-size: 13px;
  2363.            overflow: hidden
  2364.        }
  2365.  
  2366.        .tableSpec tr td {
  2367.            border: 1px solid #f1f2f3;
  2368.            padding: 7px 10px
  2369.        }
  2370.  
  2371.        .tableSpec tr td:first-child {
  2372.            background: #f7f8f9;
  2373.            font-weight: 700;
  2374.            width: 40%
  2375.        }
  2376.  
  2377.        .tableSpec tr td:nth-child(2) {
  2378.            display: none
  2379.        }
  2380.  
  2381.        .tableSpec tr td.title {
  2382.            padding: 5px 10px;
  2383.            font-size: 16px;
  2384.            line-height: 1.5;
  2385.            background: 0 0;
  2386.            font-weight: 400;
  2387.            color: #000
  2388.        }
  2389.  
  2390.        .tableSpec tr:hover td {
  2391.            background: #ffffe6
  2392.        }
  2393.  
  2394.        .tableSpec tr:hover td.title {
  2395.            background: 0 0
  2396.        }
  2397.  
  2398.        .breaking-sticky .media__text,
  2399.        .footer__border {
  2400.            background: #02746e;
  2401.            background: -moz-linear-gradient(135deg, #02746e 50%, #4cd882 100%);
  2402.            background: -webkit-linear-gradient(135deg, #02746e 50%, #4cd882 100%);
  2403.            background: linear-gradient(135deg, #02746e 50%, #4cd882 100%)
  2404.        }
  2405.  
  2406.        .bottom-sticky {
  2407.            position: fixed;
  2408.            bottom: 0;
  2409.            left: 0;
  2410.            width: 100%;
  2411.            z-index: 26
  2412.        }
  2413.  
  2414.        .media__image.img-xss {
  2415.            width: 56px
  2416.        }
  2417.  
  2418.        .collapsible {
  2419.            background: #f7f7f7;
  2420.            padding: 16px;
  2421.            width: 100%;
  2422.            border: 1px solid #ccc;
  2423.            text-align: left;
  2424.            outline: 0;
  2425.            border-radius: 4px;
  2426.            margin-bottom: 24px;
  2427.            cursor: pointer
  2428.        }
  2429.  
  2430.        .collapsible__top {
  2431.            color: #000;
  2432.            font-weight: 700;
  2433.            font-size: 16px;
  2434.            width: 100%
  2435.        }
  2436.  
  2437.        .collapsible__top::after {
  2438.            content: "";
  2439.            background-image: url("images/path-down.png");
  2440.            float: right;
  2441.            margin-left: 5px;
  2442.            background-size: cover;
  2443.            background-repeat: no-repeat;
  2444.            height: 13px;
  2445.            width: 23px;
  2446.            margin-top: 5px;
  2447.            position: relative;
  2448.            -webkit-transition: transform .2s ease-in-out;
  2449.            -moz-transition: transform .2s ease-in-out;
  2450.            -ms-transition: transform .2s ease-in-out;
  2451.            -o-transition: transform .2s ease-in-out;
  2452.            transition: transform .2s ease-in-out
  2453.        }
  2454.  
  2455.        .active .collapsible__top::after {
  2456.            -webkit-transform: rotate(180deg);
  2457.            -moz-transform: rotate(180deg);
  2458.            -ms-transform: rotate(180deg);
  2459.            -o-transform: rotate(180deg);
  2460.            transform: rotate(180deg)
  2461.        }
  2462.  
  2463.        .collapsible__content {
  2464.            transition: max-height .5s ease-out;
  2465.            overflow: hidden;
  2466.            max-height: 0;
  2467.            padding: 0 16px
  2468.        }
  2469.  
  2470.        .collapsible__content a {
  2471.            display: block
  2472.        }
  2473.  
  2474.        .mgt-0 {
  2475.            margin-top: 0 !important
  2476.        }
  2477.  
  2478.        .fs-14 {
  2479.            font-size: 14px !important
  2480.        }
  2481.  
  2482.        .active__content {
  2483.            max-height: 2000px;
  2484.            transition: max-height .5s ease-in
  2485.        }
  2486.  
  2487.        .color__blue {
  2488.            color: #21409a !important
  2489.        }
  2490.  
  2491.        .position-relative {
  2492.            position: relative !important
  2493.        }
  2494.  
  2495.        .list__berita {
  2496.            width: 100%;
  2497.            overflow-x: scroll;
  2498.            overflow-y: hidden;
  2499.            margin-bottom: 12px;
  2500.            padding-bottom: 20px;
  2501.            display: flex
  2502.        }
  2503.  
  2504.        .list__berita__title {
  2505.            color: var(--kuler-1);
  2506.            font-style: normal;
  2507.            font-weight: 600;
  2508.            font-size: 18px;
  2509.            line-height: 22px
  2510.        }
  2511.  
  2512.        .list__berita__item {
  2513.            width: 150px;
  2514.            margin-right: 14px
  2515.        }
  2516.  
  2517.        .list__berita__item__top {
  2518.            position: relative;
  2519.            margin-top: 10px
  2520.        }
  2521.  
  2522.        .list__berita__item__top__logo {
  2523.            position: absolute;
  2524.            top: 2px;
  2525.            right: 5px
  2526.        }
  2527.  
  2528.        .list__berita__item__bottom {
  2529.            margin-top: 5px
  2530.        }
  2531.  
  2532.        .list__berita__item__bottom__title {
  2533.            font-style: normal;
  2534.            font-weight: 500;
  2535.            font-size: 12px;
  2536.            line-height: 15px;
  2537.            letter-spacing: .04px;
  2538.            color: #000
  2539.        }
  2540.  
  2541.        .list__berita__item__bottom__date {
  2542.            color: #9b9b9b;
  2543.            font-style: normal;
  2544.            font-weight: 300;
  2545.            font-size: 11px;
  2546.            line-height: 13px;
  2547.            letter-spacing: -.22px
  2548.        }
  2549.  
  2550.        .komentar_box {
  2551.            padding-top: 90px
  2552.        }
  2553.  
  2554.        @media (min-width:576px) {
  2555.            .komentar_box {
  2556.                padding-top: 60px
  2557.            }
  2558.        }
  2559.  
  2560.        .smartbanner_new {
  2561.            font-weight: 300;
  2562.            justify-content: space-between;
  2563.            display: flex;
  2564.            flex-flow: wrap;
  2565.            align-items: center;
  2566.            background: #fff
  2567.        }
  2568.  
  2569.        .nav-framebar .nav__item a,
  2570.        .smartbanner_new .sb_close {
  2571.            display: -webkit-box;
  2572.            display: -ms-flexbox;
  2573.            display: -webkit-flex;
  2574.            align-items: center
  2575.        }
  2576.  
  2577.        .nav-framebar__title,
  2578.        .smartbanner_new .get_app,
  2579.        .smartbanner_new strong,
  2580.        .user-log__login,
  2581.        .user-log__name {
  2582.            font-weight: 600
  2583.        }
  2584.  
  2585.        .smartbanner_new .sb_close {
  2586.            display: flex;
  2587.            justify-content: center;
  2588.            border-radius: 50%;
  2589.            color: #21409a
  2590.        }
  2591.  
  2592.        .box-overlay {
  2593.            border-radius: 4px;
  2594.            position: fixed;
  2595.            overflow: visible;
  2596.            top: 53px;
  2597.            right: 0;
  2598.            bottom: 0;
  2599.            left: 0;
  2600.            margin: 12px;
  2601.            padding: 8px;
  2602.            z-index: 100;
  2603.            background: #fff;
  2604.            box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
  2605.        }
  2606.  
  2607.        .box-overlay__header {
  2608.            position: relative;
  2609.            justify-content: space-between;
  2610.            padding-bottom: 8px;
  2611.            border-bottom: 1px solid #f0f0f0;
  2612.            display: -webkit-box;
  2613.            display: -ms-flexbox;
  2614.            display: -webkit-flex;
  2615.            display: flex;
  2616.            flex-flow: wrap;
  2617.            align-items: center
  2618.        }
  2619.  
  2620.        .box-overlay__header-nav {
  2621.            position: absolute;
  2622.            right: 0;
  2623.            z-index: 3
  2624.        }
  2625.  
  2626.        .box-overlay--arrow-logo:after {
  2627.            content: "";
  2628.            position: absolute;
  2629.            width: 0;
  2630.            height: 0;
  2631.            top: 0;
  2632.            left: 104px;
  2633.            border: 8px solid #000;
  2634.            border-color: transparent transparent #fff #fff;
  2635.            transform-origin: 0 0;
  2636.            transform: rotate(135deg);
  2637.            box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, .05)
  2638.        }
  2639.  
  2640.        .box-overlay__body {
  2641.            position: absolute;
  2642.            top: 50px;
  2643.            right: 8px;
  2644.            bottom: 8px;
  2645.            left: 8px;
  2646.            overflow-x: scroll !important;
  2647.            overflow-y: scroll !important;
  2648.            -webkit-overflow-scrolling: touch
  2649.        }
  2650.  
  2651.        .js-menu-active header.header,
  2652.        .js-overlay {
  2653.            position: fixed;
  2654.            top: 0
  2655.        }
  2656.  
  2657.        .box-menu {
  2658.            visibility: hidden;
  2659.            opacity: 0;
  2660.            transition: .3s ease-in-out
  2661.        }
  2662.  
  2663.        .user-log .media__author {
  2664.            margin: 0
  2665.        }
  2666.  
  2667.        .user-log .media__author-image-avatar {
  2668.            width: 35px;
  2669.            height: 35px
  2670.        }
  2671.  
  2672.        .user-log__login {
  2673.            color: #21409a;
  2674.            font-size: 14px
  2675.        }
  2676.  
  2677.        .nav-framebar {
  2678.            padding: 8px 0;
  2679.            border-top: 1px solid #f0f0f0
  2680.        }
  2681.  
  2682.        .nav-framebar .nav,
  2683.        .smartbanner_new strong {
  2684.            display: block;
  2685.            font-size: 12px
  2686.        }
  2687.  
  2688.        .nav-framebar .nav__item {
  2689.            display: inline-block;
  2690.            width: 100%;
  2691.            vertical-align: top;
  2692.            white-space: normal
  2693.        }
  2694.  
  2695.        .nav-framebar .nav__item a {
  2696.            padding: 4px;
  2697.            color: #666;
  2698.            display: flex
  2699.        }
  2700.  
  2701.        .nav-framebar .nav__item-new {
  2702.            display: inline-block;
  2703.            padding: 0 4px;
  2704.            font-size: 8px;
  2705.            margin-left: 4px;
  2706.            line-height: normal;
  2707.            background: red;
  2708.            color: #fff
  2709.        }
  2710.  
  2711.        .nav-framebar .nav__icon {
  2712.            width: 23px;
  2713.            height: 23px;
  2714.            display: inline-block;
  2715.            margin-right: 5px
  2716.        }
  2717.  
  2718.        .nav-framebar .nav__icon img {
  2719.            width: 100%
  2720.        }
  2721.  
  2722.        .nav-framebar .nav--two-col {
  2723.            columns: 2;
  2724.            -webkit-columns: 2;
  2725.            -moz-columns: 2;
  2726.            -webkit-column-gap: 0;
  2727.            -moz-column-gap: 0;
  2728.            column-gap: 0
  2729.        }
  2730.  
  2731.        .nav-framebar .nav.pl15 {
  2732.            padding-left: 15px;
  2733.            -webkit-column-gap: 5px;
  2734.            -moz-column-gap: 5px;
  2735.            column-gap: 5px
  2736.        }
  2737.  
  2738.        .nav-framebar__title {
  2739.            padding: 4px;
  2740.            margin-bottom: 8px;
  2741.            font-size: 14px;
  2742.            color: #333
  2743.        }
  2744.  
  2745.        .js-overlay {
  2746.            width: 100%;
  2747.            height: 100%;
  2748.            z-index: 25;
  2749.            background: rgba(0, 0, 0, .6);
  2750.            opacity: 0;
  2751.            -webkit-transition: .3s ease-in-out;
  2752.            -moz-transition: .3s ease-in-out;
  2753.            -ms-transition: .3s ease-in-out;
  2754.            -o-transition: .3s ease-in-out;
  2755.            transition: .3s ease-in-out
  2756.        }
  2757.  
  2758.        .js-menu-active .js-overlay {
  2759.            opacity: 1
  2760.        }
  2761.  
  2762.        .js-menu-active {
  2763.            padding-top: 88px;
  2764.            overflow: hidden
  2765.        }
  2766.  
  2767.        .smartbanner_new {
  2768.            height: 50px;
  2769.            padding: 0 8px;
  2770.            position: relative;
  2771.            font-size: 11px;
  2772.            align-items: center;
  2773.            text-align: left;
  2774.            z-index: 27
  2775.        }
  2776.  
  2777.        .smartbanner_new .app_logo {
  2778.            height: 50px;
  2779.            margin-right: 10px
  2780.        }
  2781.  
  2782.        .smartbanner_new .get_app {
  2783.            margin-right: 20px
  2784.        }
  2785.  
  2786.        .smartbanner_new .sb_close {
  2787.            position: absolute;
  2788.            text-decoration: none;
  2789.            height: 14px;
  2790.            width: 14px;
  2791.            font-size: 10px;
  2792.            top: 5px;
  2793.            right: 5px;
  2794.            border: 1px solid #21409a
  2795.        }
  2796.  
  2797.        .smartbanner_new>div>span {
  2798.            height: 31px
  2799.        }
  2800.  
  2801.        .n-columns-2 {
  2802.            display: grid;
  2803.            grid-template-columns: repeat(2, 1fr);
  2804.            font-weight: 700;
  2805.        }
  2806.  
  2807.        .n-columns-2 a {
  2808.            text-align: center;
  2809.        }
  2810.  
  2811.        .login,
  2812.        .register {
  2813.            color: #000000;
  2814.            padding: 13px 10px;
  2815.        }
  2816.  
  2817.        .login,
  2818.        .login-button {
  2819.            border: 1px solid #000000;
  2820.            background: linear-gradient(to bottom, #af2efa 0, #f7b66c 100%);
  2821.        }
  2822.  
  2823.        .register,
  2824.        .register-button {
  2825.            background: linear-gradient(to bottom, #af2efa 0, #fa792e 100%);
  2826.            border: 1px solid #000000;
  2827.        }
  2828.    </style>
  2829.    <meta charset="utf-8">
  2830.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  2831.    <meta name="viewport"
  2832.        content="initial-scale = 1.0, user-scalable = no, width=device-width, height=device-height, maximum-scale=1.0">
  2833.    <meta name="apple-mobile-web-app-capable" content="yes" />
  2834.    <link rel="shortcut icon" href="model/icon.png">
  2835.    <link rel="apple-touch-icon" href="model/icon.png" />
  2836.    <meta content="id" name="language" />
  2837.    <meta content="id" name="geo.country" />
  2838.    <meta http-equiv="content-language" content="In-Id" />
  2839.    <title>SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025</title>
  2840.    <link rel="amphtml" href="https://www.cdsanlorenzocs.com/jugador/alexis/amp">
  2841.    <meta name="description" content="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!" itemprop="description" />
  2842. <meta name="google-site-verification" content="sl7roWXudfvpZjDDxOMofd4zM0fm5TmgKI91U1vMjfY" />
  2843.    <meta name="originalTitle" content="SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025" />
  2844.    <meta charset="utf-8">
  2845.    <meta property="og:type" content="article" />
  2846.    <meta property="og:site_name" content="SURGAVIP88" />
  2847.    <meta property="og:title" content="SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025" />
  2848.    <meta property="og:image" content="model/LP.webp" />
  2849.    <meta property="og:description" content="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!" />
  2850.    <meta property="og:url"
  2851.        content="https://www.e-prog.net/en-conclusion/" />
  2852.    <meta property="fb:app_id" content="187960271237149" />
  2853.    <meta property="fb:admins" content="100000607566694" />
  2854.    <meta property="og:image:type" content="image/webp" />
  2855.    <meta property="og:image:width" content="650" />
  2856.    <meta property="og:image:height" content="366" />
  2857.    <meta name="viewport"
  2858.        content="initial-scale = 1.0, user-scalable = no, width=device-width, height=device-height, maximum-scale=1.0">
  2859.    <meta name="copyright" content="SURGAVIP88" itemprop="dateline" />
  2860.    <meta name="p:domain_verify" content="2057b86bf61e5a346e22a380c6fecf89" />
  2861.    <meta name="kanalid" content="2-105-1010-398" />
  2862.    <meta name="articleid" content="7470123" />
  2863.    <meta name="articletype" content="singlepage" />
  2864.    <meta name="articledewasa" content="dewasatidak" />
  2865.    <meta name="articlehoax" content="default" />
  2866.    <meta name="createdate" content="2024/08/02 13:56:41" />
  2867.    <meta name="publishdate" content="2024/08/02 14:04:25" />
  2868.    <meta name="contenttype" content="singlepagenews" />
  2869.    <meta name="platform" content="mobile" />
  2870.    <meta name="hl_nhl_wp" content="nonheadline-0" />
  2871.    <meta name="hl_nhl_kanal" content="nonheadline-0-2-105" />
  2872.    <meta name="videopresent" content="No" />
  2873.  
  2874.  
  2875.  
  2876.    <meta name="idfokus" content="" />
  2877.    <meta name="author" content="SURGAVIP88" />
  2878.    <meta content="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!" itemprop="headline" />
  2879.    <meta name="keywords" content="SURGAVIP88, SURGAVIP88 login, SURGAVIP88 daftar, SURGAVIP88 rtp, SURGAVIP88 slot" itemprop="keywords" />
  2880.    <meta name="thumbnailUrl" content="https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg?w=650" itemprop="thumbnailUrl" />
  2881.    <meta property="article:author" content="https://www.facebook.com/" itemprop="author" />
  2882.    <meta property="article:publisher" content="https://www.facebook.com/" />
  2883.    <meta name="pubdate" content="2024-08-02T14-04-25Z" itemprop="datePublished" />
  2884.    <meta content="2024-08-02T13-56-41Z" itemprop="dateCreated" />
  2885.    <meta
  2886.        content="#"
  2887.        itemprop="url" />
  2888.  
  2889.    <meta name="twitter:card" content="summary_large_image" />
  2890.    <meta name="twitter:site" content="" />
  2891.    <meta name="twitter:site:id" content="" />
  2892.    <meta name="twitter:creator" content="" />
  2893.    <meta name="twitter:description" content="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!" />
  2894.    <meta name="twitter:image"
  2895.        content="model/LP.webp" />
  2896.  
  2897.  
  2898.    <link rel="canonical"
  2899.        href="https://www.cdsanlorenzocs.com/jugador/alexis/" />
  2900.    <meta name="dtk:acctype" content="acc-SURGAVIP88" />
  2901.    <meta name="dtk:kanalid" content="398" />
  2902.    <meta name="dtk:articleid" content="7470123" />
  2903.    <meta name="dtk:articletype" content="singlepage" />
  2904.    <meta name="dtk:articledewasa" content="dewasatidak" />
  2905.    <meta name="dtk:articlehoax" content="default" />
  2906.    <meta name="dtk:createddate" content="2024/08/02 13:56:41" />
  2907.    <meta name="dtk:publishdate" content="2024/08/02 14:04:25" />
  2908.    <meta name="dtk:createddateunix" content="1722581801000" />
  2909.    <meta name="dtk:publishdateunix" content="1722582265000" />
  2910.    <meta name="dtk:contenttype" content="singlepagenews" />
  2911.    <meta name="dtk:platform" content="mobile" />
  2912.    <meta name="dtk:videopresent" content="No" />
  2913.  
  2914.    <meta name="dtk:idfokus" content="" />
  2915.    <meta name="dtk:author" content="SURGAVIP88" />
  2916.    <meta name="dtk:keywords" content="SURGAVIP88, SURGAVIP88 login, SURGAVIP88 daftar, SURGAVIP88 slot, SURGAVIP88 rtp, SURGAVIP88 link" itemprop="keywords" />
  2917.    <meta name="dtk:thumbnailUrl" content="https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg?w=650" itemprop="thumbnailUrl" />
  2918.    <meta name="dtk:status" content="1" />
  2919.  
  2920.    <script async id="ebx" src="https://applets.ebxcdn.com/ebx.js"></script>
  2921.    <script type="application/ld+json">
  2922. {
  2923.    "@context": "https://schema.org",
  2924.    "@type": "BreadcrumbList",
  2925.    "itemListElement": [
  2926.    {
  2927.        "@type": "ListItem",
  2928.        "position": 1,
  2929.        "name": "SURGAVIP88",
  2930.        "item": "https://www.cdsanlorenzocs.com/jugador/alexis/"
  2931.    },
  2932.    {
  2933.        "@type": "ListItem",
  2934.        "position": 2,
  2935.        "name": "SURGAVIP88 Daftar",
  2936.        "item": "https://inet.detik.com/news"
  2937.    },
  2938.    {
  2939.        "@type": "ListItem",
  2940.        "position": 3,
  2941.        "name": "Cyber Life",
  2942.        "item": "https://inet.detik.com/cyber-life"
  2943.    }
  2944. ]}
  2945. </script>
  2946.  
  2947.    <script type="application/ld+json">
  2948.     {
  2949.     "@context": "https://schema.org",
  2950.     "@type": "WebPage",
  2951.     "headline": "SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025",
  2952.     "url": "https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara",
  2953.     "datePublished": "2024-08-02T14:04:25+07:00",
  2954.     "image": "https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg",
  2955. "thumbnailUrl": "https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg?w=200"
  2956.     }
  2957.     </script>
  2958.    <script type="application/ld+json">
  2959. {
  2960. "@context": "https://schema.org",
  2961. "@type": "NewsArticle",
  2962. "mainEntityOfPage": {
  2963. "@type": "WebPage",
  2964. "@id": "https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara"
  2965. },
  2966. "headline": "SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025",
  2967. "image": {
  2968. "@type": "ImageObject",
  2969.    "url": "https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg"
  2970.            },
  2971. "datePublished": "2024-08-02T14:04:25+07:00",
  2972. "dateModified": "2024-08-02T14:04:25+07:00",
  2973. "author": {
  2974. "@type": "Person",
  2975. "name": "SURGAVIP88"
  2976. },
  2977. "publisher": {
  2978. "@type": "Organization",
  2979. "name": "detikcom",
  2980. "logo": {
  2981. "@type": "ImageObject",
  2982. "url": "https://awscdn.detik.net.id/detik2/images/logo.jpg"
  2983. }
  2984. },
  2985. "description": "SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!"
  2986. }
  2987.     </script>
  2988.    <script>var wid_method = "GET";</script>
  2989.    <!--s:dtkprv-->
  2990.    <!--e:dtkprv-->
  2991.    <script>
  2992.        if (navigator.userAgent.match(/UCBrowser/i) && document.location.protocol == 'http:') {
  2993.            window.location.href = 'https://' + document.location.host + document.location.pathname;
  2994.        }
  2995.    </script>
  2996.  
  2997.    <!-- REQUIRED -->
  2998.  
  2999.    <script type="text/javascript"
  3000.        src="https://awscdn.detik.net.id/assets/js/jquery-min-3.2.1.js?v=2024080215443"></script>
  3001.  
  3002.    <script type="text/javascript">
  3003.        var dtkGTMDL = { data: {}, getMeta: function (a, t) { return null !== (e = document.head.querySelector("[" + a + '="' + t + '"]')) ? e.content : null }, addDataLayer: function (a, t, r = null) { null === r && (r = t), null !== (val = dtkGTMDL.getMeta(a, t)) && "" != val && (dtkGTMDL.data[r] = val) }, addCustomDimension: function (a) { for (i = 0; i < a.length; i++)switch (a[i]) { case "kanalid": dtkGTMDL.addDataLayer("name", "kanalid"); break; case "articleid": dtkGTMDL.addDataLayer("name", "articleid"); break; case "articletype": dtkGTMDL.addDataLayer("name", "articletype"); break; case "articledewasa": dtkGTMDL.addDataLayer("name", "articledewasa"); break; case "articlehoax": dtkGTMDL.addDataLayer("name", "articlehoax"); break; case "createdate": dtkGTMDL.addDataLayer("name", "createdate"); break; case "publishdate": dtkGTMDL.addDataLayer("name", "publishdate"); break; case "keyword": dtkGTMDL.addDataLayer("name", "keywords", "keyword"); break; case "idfokus": dtkGTMDL.addDataLayer("name", "idfokus"); break; case "namafokus": dtkGTMDL.addDataLayer("name", "namafokus"); break; case "idprogram": dtkGTMDL.addDataLayer("name", "idprogram"); break; case "namaprogram": dtkGTMDL.addDataLayer("name", "namaprogram"); break; case "pagesize": dtkGTMDL.addDataLayer("name", "pagesize"); break; case "pagenumber": dtkGTMDL.addDataLayer("name", "pagenumber"); break; case "videopresent": dtkGTMDL.addDataLayer("name", "videopresent"); break; case "video_id": dtkGTMDL.addDataLayer("name", "video_id"); break; case "refferal_url": dtkGTMDL.addDataLayer("name", "refferal_url"); break; case "contenttype": dtkGTMDL.addDataLayer("name", "contenttype"); break; case "platform": dtkGTMDL.addDataLayer("name", "platform"); break; case "author": dtkGTMDL.addDataLayer("name", "author"); break; case "title": dtkGTMDL.addDataLayer("property", "og:title", "title"); break; case "subcategori": dtkGTMDL.addDataLayer("name", "subcategori"); break; case "keywordkanal": dtkGTMDL.addDataLayer("name", "keywordkanal"); break; case "duration": dtkGTMDL.addDataLayer("name", "duration"); break; case "hl_nhl_wp": dtkGTMDL.addDataLayer("name", "hl_nhl_wp"); break; case "hl_nhl_kanal": dtkGTMDL.addDataLayer("name", "hl_nhl_kanal"); break; case "originalTitle": dtkGTMDL.addDataLayer("name", "originalTitle"); break; case "video_story_url": dtkGTMDL.addDataLayer("name", "video_story_url") } }, generate: function () { return contenttype = dtkGTMDL.getMeta("name", "contenttype"), dtkGTMDL.addCustomDimension(["kanalid", "articleid", "articletype", "articledewasa", "articlehoax", "createdate", "publishdate", "keyword", "idfokus", "namafokus", "idprogram", "namaprogram", "pagesize", "pagenumber", "videopresent", "video_id", "contenttype", "platform", "author", "subcategori", "keywordkanal", "duration", "hl_nhl_wp", "hl_nhl_kanal", "originalTitle", "video_story_url"]), dtkGTMDL.data.event = "articlePush", dtkGTMDL.data } }; dataLayer = [dtkGTMDL.generate()]; var _pt = function (a, t, r, d, n) { console.log("__pt:gtmdl"), void 0 === t && a.hasAttribute("dtr-evt") && (t = a.getAttribute("dtr-evt"), d = a.getAttribute("dtr-act") + " " + a.getAttribute("dtr-idx"), r = a.getAttribute("dtr-ttl")); var o = { event: "panel tracking", action: "klik " + d, panelname: t.toLowerCase(), pt_from_type: $("meta[name=contenttype]").attr("content"), pt_from_kanal: $("meta[name=kanalid]").attr("content"), pt_to_url: a.href, pt_platform: $("meta[name=platform]").attr("content"), pt_to_page: r }; if (void 0 !== n) var o = $.extend(o, n); console.log("datalayer push", o), dataLayer.push(o) }; $(function () { pushEvent = function (a, t, r) { var d; d = "undefined" != typeof basekanal && null !== basekanal ? basekanal : baseurl, dataLayer.push({ event: "" + a, bc_nav_url: "" + t, bc_domain: "" + d, bc_title: "" + r, baca_juga_aid: "" + getArticleId(a, t) }) }, getArticleId = function (a, t) { return (arID = (arrUrl = t.split("/")).length > 9 ? arrUrl[2].indexOf("m.detik") > -1 || arrUrl[2].indexOf("mdev.detik") > -1 ? t.indexOf("/~") > -1 ? arrUrl[10] : arrUrl[9] : arrUrl[3].indexOf("sepakbola") > -1 ? arrUrl[9] : arrUrl[8] : arrUrl[2].indexOf("garuda.detik") > -1 ? t.indexOf("/~") > -1 ? arrUrl[6] : arrUrl[5] : t.indexOf("/~") > -1 ? "sepakbola" == arrUrl[4] ? arrUrl[6] : arrUrl[5] : "sepakbola" == arrUrl[3] ? arrUrl[5] : arrUrl[4]).indexOf("d-") > -1 && (arID = arID.split("-")[1]), arID }, $("#relatedgtm a").click(function () { pushEvent("beritaterkait", $(this).attr("href"), $(this).text().trim()) }), $("#readtoogtm").hasClass("list__other__item") ? (selector = $("#readtoogtm h5 a"), set = !0) : (selector = $("#readtoogtm a"), set = !1), selector.click(function () { var a; $("h2", this).length && (a = $("h2", this).text().trim()), $("h3", this).length && (a = $("h3", this).text().trim()), $("h4", this).length && (a = $("h4 strong", this).length ? $("h4 strong", this).text().trim() : $("h4", this).text().trim()), !0 == set && (a = $(this).text().trim()), $("h6", this).length && (a = $("h6", this).text().trim()), pushEvent("bacajuga", $(this).attr("href"), a) }) });
  3004.    </script>
  3005.    <script type="text/javascript"
  3006.        src="https://awscdn.detik.net.id/libs/livecounter/detikLiveUserCounterResponse.js?v=2024080215" defer></script>
  3007.  
  3008.    <!-- s:preload -->
  3009.    <!-- e:preload -->
  3010.  
  3011.  
  3012.  
  3013.    <!-- Dynamic Provisioning -->
  3014.    <script async src="//micro.rubiconproject.com/prebid/dynamic/11530.js"></script>
  3015.  
  3016.    <!-- Start Tag DFP -->
  3017.    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
  3018.  
  3019.    <script async src="//servg1.net/o.js?uid=8ec08bf141be0cb431e04dc9" type="text/javascript"></script>
  3020.    <!-- Optima Tag -->
  3021.  
  3022.    <!-- Insurad tag -->
  3023.    <script async src="https://cdn.insurads.com/bootstrap/S9H7OMZB.js"></script>
  3024.  
  3025.  
  3026.  
  3027.    <!-- E:taghead -->
  3028.    <script type="text/javascript">
  3029.        var baseurl = "https://inet.detik.com",
  3030.            asset_url = "https://awscdn.detik.net.id/inet2/m",
  3031.            site_id = "5",
  3032.            channel_id = "105",
  3033.            responsive = false,
  3034.            itp_locals_active = false,
  3035.            itp_site_name = "SURGAVIP88"
  3036.    </script>
  3037.  
  3038.    <!--profile_ad:detik_inet-->
  3039.    <!--layout_type:mobile-->
  3040.    <script type="text/javascript">
  3041.        function getScript(e, t) { var a = document.createElement("script"); a.src = e; var n = document.getElementsByTagName("head")[0], d = !1; a.onload = a.onreadystatechange = function () { d || this.readyState && "loaded" != this.readyState && "complete" != this.readyState || (d = !0, t(), a.onload = a.onreadystatechange = null, n.removeChild(a)) }, n.appendChild(a) }
  3042.    </script>
  3043.    <script type="text/javascript">
  3044.        function itpGetFileNameFromUrl(i) { return new URL(i).pathname.split("/").pop().split(".").slice(0, -1).join("") } function itpInitScrollAsset(i, n, t = function () { }) { let e = "inited" + itpGetFileNameFromUrl(i); window[e] = !1, window.addEventListener("scroll", (function () { window[e] || window.scrollY <= n || (window[e] = !0, getScript(i, t)) })) }
  3045.    </script>
  3046. </head>
  3047.  
  3048. <body>
  3049.    <div class="header-top"></div>
  3050.    <header class="header">
  3051.        <div class="container">
  3052.            <div class="grid-row no-gutter flex-between">
  3053.                <div class="column-auto header__left">
  3054.                    <div id="menuClick" class="menu-button" dtr-evt="header" dtr-sec="menu hamburger"
  3055.                        dtr-act="menu hamburger" onclick="_pt(this)">
  3056.                        <div class="menu-button__wrap">
  3057.                            <span></span>
  3058.                            <span></span>
  3059.                            <span></span>
  3060.                        </div>
  3061.                    </div>
  3062.                    <div class="header__brand">
  3063.                        <a href='https://www.cdsanlorenzocs.com/jugador/alexis/' dtr-evt="header" dtr-sec="logo SURGAVIP88" dtr-act="logo SURGAVIP88"
  3064.                            onclick="_pt(this)"><img width='116' height='70'
  3065.                                src='model/logo.webp'
  3066.                                title='SURGAVIP88' alt='SURGAVIP88' class='logo' /></a>
  3067.                    </div>
  3068.                </div>
  3069.                <div class="column-auto header__right">
  3070.                    <a dtr-evt="search" dtr-sec="search" dtr-act="search" onclick="_pt(this)"
  3071.                        href="https://www.google.com/search" id="searchClick" class="header__icon header__icon--search">
  3072.                        <i class="icon icon-search"></i>
  3073.                    </a>
  3074.                    <a dtr-evt="header" dtr-sec="" dtr-act="button live tv" onclick="_pt(this)" dtr-ttl="live tv"
  3075.                        href="#" class="header__icon header__icon--live">
  3076.                        <i class="icon icon-live-tv"></i>
  3077.                    </a>
  3078.                </div>
  3079.            </div>
  3080.            <div class="navbar navbar-shadow">
  3081.  
  3082.  
  3083.                <nav class="navbar-first navbar--scroll">
  3084.                    <ul class="nav">
  3085.                        <li class="nav__item
  3086.                    
  3087.                                    ">
  3088.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3089.                                onclick="_pt(this)" dtr-idx="1" dtr-ttl="SURGAVIP88" style="
  3090.                                            ">
  3091.                                SURGAVIP88 </a>
  3092.                        </li>
  3093.                        <li class="nav__item
  3094.                    
  3095.                                    ">
  3096.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3097.                                onclick="_pt(this)" dtr-idx="2" dtr-ttl="SURGAVIP88 Login" style="
  3098.                                            ">
  3099.                                SURGAVIP88 Login </a>
  3100.                        </li>
  3101.                        <li class="nav__item
  3102.                    
  3103.                                    ">
  3104.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3105.                                onclick="_pt(this)" dtr-idx="3" dtr-ttl="SURGAVIP88 Daftar" style="
  3106.                                            ">
  3107.                                SURGAVIP88 Daftar </a>
  3108.                        </li>
  3109.                        <li class="nav__item
  3110.                    
  3111.                                    ">
  3112.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3113.                                onclick="_pt(this)" dtr-idx="4" dtr-ttl="Situs Slot Gacor" style="
  3114.                                            ">
  3115.                                Games & Esport </a>
  3116.                        </li>
  3117.                        <li class="nav__item
  3118.                    
  3119.                                    ">
  3120.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3121.                                onclick="_pt(this)" dtr-idx="5" dtr-ttl="Slot Online SURGAVIP88" style="
  3122.                                            ">
  3123.                                Business & Policy </a>
  3124.                        </li>
  3125.                        <li class="nav__item
  3126.                    
  3127.                                    ">
  3128.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3129.                                onclick="_pt(this)" dtr-idx="6" dtr-ttl="Science" style="
  3130.                                            ">
  3131.                                Science </a>
  3132.                        </li>
  3133.                        <li class="nav__item
  3134.                    
  3135.                                    ">
  3136.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3137.                                onclick="_pt(this)" dtr-idx="7" dtr-ttl="Telecommunication" style="
  3138.                                            ">
  3139.                                Telecommunication </a>
  3140.                        </li>
  3141.                        <li class="nav__item
  3142.                    
  3143.                                    ">
  3144.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3145.                                onclick="_pt(this)" dtr-idx="8" dtr-ttl="Tips &amp; Trik" style="
  3146.                                            ">
  3147.                                Tips & Trik </a>
  3148.                        </li>
  3149.                        <li class="nav__item
  3150.                    
  3151.                                    ">
  3152.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3153.                                onclick="_pt(this)" dtr-idx="9" dtr-ttl="Foto" style="
  3154.                                            ">
  3155.                                Foto </a>
  3156.                        </li>
  3157.                        <li class="nav__item
  3158.                    
  3159.                                    ">
  3160.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3161.                                onclick="_pt(this)" dtr-idx="10" dtr-ttl="Video" style="
  3162.                                            ">
  3163.                                Video </a>
  3164.                        </li>
  3165.                        <li class="nav__item
  3166.                    
  3167.                                    ">
  3168.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3169.                                onclick="_pt(this)" dtr-idx="11" dtr-ttl="Indeks" style="
  3170.                                            ">
  3171.                                Indeks </a>
  3172.                        </li>
  3173.                        <li class="nav__item
  3174.                    
  3175.                                    ">
  3176.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar"
  3177.                                onclick="_pt(this)" dtr-idx="12" dtr-ttl="Security" style="
  3178.                                            ">
  3179.                                Security </a>
  3180.                        </li>
  3181.  
  3182.                    </ul>
  3183.                </nav>
  3184.            </div>
  3185.        </div>
  3186.    </header>
  3187.  
  3188.  
  3189.  
  3190.  
  3191.  
  3192.    <div>
  3193.        <div class="container">
  3194.            <div class="navbar navbar-wrap  navbar-shadow">
  3195.                <nav class="navbar-second navbar--scroll">
  3196.                    <ul class="nav">
  3197.                        <!-- S:navbar --> <!-- E:navbar --> <!-- S:navbar2 --> <!-- E:navbar2 -->
  3198.                        <li class="nav__item
  3199.                                                            nav__item--new
  3200.                                                        
  3201.                            ">
  3202.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar"
  3203.                                onclick="_pt(this)" dtr-idx="1" dtr-ttl="SURGAVIP88 Login of the Month">
  3204.                                SURGAVIP88 Login of the Month </a>
  3205.                        </li>
  3206.                        <li class="nav__item
  3207.                                                            nav__item--new
  3208.                                                        
  3209.                            ">
  3210.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar"
  3211.                                onclick="_pt(this)" dtr-idx="2" dtr-ttl="Lab SURGAVIP88 Login">
  3212.                                Lab SURGAVIP88 Login </a>
  3213.                        </li>
  3214.                        <li class="nav__item
  3215.                                                        
  3216.                            ">
  3217.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar"
  3218.                                onclick="_pt(this)" dtr-idx="3" dtr-ttl="Komparasi SURGAVIP88 Login">
  3219.                                Komparasi SURGAVIP88 Login </a>
  3220.                        </li>
  3221.                        <li class="nav__item
  3222.                                                        
  3223.                            ">
  3224.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar"
  3225.                                onclick="_pt(this)" dtr-idx="4" dtr-ttl="Fotostop">
  3226.                                Fotostop </a>
  3227.                        </li>
  3228.                        <li class="nav__item
  3229.                                                        
  3230.                            ">
  3231.                            <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar"
  3232.                                onclick="_pt(this)" dtr-idx="5" dtr-ttl="Inet Grafis">
  3233.                                Inet Grafis </a>
  3234.                        </li>
  3235.  
  3236.                    </ul>
  3237.                </nav>
  3238.            </div>
  3239.        </div>
  3240.    </div>
  3241.    <!-- S:FRAMEBAR WIDGET-->
  3242.    <link rel="stylesheet" href="https://awscdn.detik.net.id/assets/css/m/framebar.css?v=2024080215443" type="text/css">
  3243.    <div class="box-overlay box-overlay--arrow-logo box-menu framebarasset-lazy">
  3244.        <div class="box-overlay__header">
  3245.            <div class="media user-log">
  3246.                <div class="media__author">
  3247.                    <div id="status_user_nf" class="framebar_user" style="display:inherit">
  3248.                        <div class="media__author-image-avatar">
  3249.                            <img data-src="https://awscdn.detik.net.id/assets/images/framebar/user_default.webp" alt="">
  3250.                        </div>
  3251.                        <div class="media__text">
  3252.                            <div class="user-log__name">Halo Detiker</div>
  3253.                            <a href="https://linkternama.com/SURGAVIP88" class="user-log__login">Mohon Tunggu...</a>
  3254.                        </div>
  3255.                    </div>
  3256.                </div>
  3257.            </div>
  3258.  
  3259.        </div>
  3260.        <div class="box-overlay__body">
  3261.            <div class="nav-framebar">
  3262.                <ul class="nav">
  3263.                    <li class="nav__item">
  3264.                        <a href="#">
  3265.                            <span class="nav__icon">
  3266.                                <img data-src="https://awscdn.detik.net.id/assets/images/webp/framebar/favicon-detik.webp?v=2024080215443"
  3267.                                    alt="" width="24" height="24">
  3268.                            </span>
  3269.                            detikcom
  3270.                        </a>
  3271.                        <ul class="nav nav--two-col">
  3272.                            <li class="nav__item">
  3273.                                <a href="# style=" " target=" _blank">
  3274.                                    <span class="nav__icon">
  3275.                                        <img data-src="https://awscdn.detik.net.id/framebarasset/ic_Most-3x.webp" alt=""
  3276.                                            width="24" height="24">
  3277.                                    </span>
  3278.                                    Terpopuler
  3279.                                </a>
  3280.                            </li>
  3281.                            <li class="nav__item">
  3282.                                <a href="#/" style="
  3283. " target="_blank">
  3284.                                    <span class="nav__icon">
  3285.                                        <img data-src="https://awscdn.detik.net.id/framebarasset/ic_livetv.webp" alt=""
  3286.                                            width="24" height="24">
  3287.                                    </span>
  3288.                                    Live TV
  3289.                                </a>
  3290.                            </li>
  3291.                            <li class="nav__item">
  3292.                                <a href="#" style="
  3293. " target="_blank">
  3294.                                    <span class="nav__icon">
  3295.                                        <img data-src="https://awscdn.detik.net.id/framebarasset/ic_kirim_tulisan-3x.webp"
  3296.                                            alt="" width="24" height="24">
  3297.                                    </span>
  3298.                                    Kirim Tulisan
  3299.                                </a>
  3300.                            </li>
  3301.                            <li class="nav__item">
  3302.                                <a href="# style=" " target=" _blank">
  3303.                                    <span class="nav__icon">
  3304.                                        <img data-src="https://awscdn.detik.net.id/framebarasset/ic_pemilu-3x.webp"
  3305.                                            alt="" width="24" height="24">
  3306.                                    </span>
  3307.                                    detikPemilu
  3308.                                    <span class="nav__item-new">NEW</span>
  3309.                                </a>
  3310.                            </li>
  3311.                        </ul>
  3312.                    </li>
  3313.                </ul>
  3314.            </div>
  3315.  
  3316.            <div class="nav-framebar">
  3317.                <div class="nav-framebar__title">
  3318.                    Kategori Berita </div>
  3319.                <ul class="nav nav--two-col">
  3320.                    <li class="nav__item">
  3321.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikNews"
  3322.                            dtr-ttl="menu hamburger" style="
  3323. " target="_blank">
  3324.                            <span class="nav__icon">
  3325.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_detik-3x.webp" alt=""
  3326.                                    width="24" height="24">
  3327.                            </span>
  3328.                            detikNews
  3329.                        </a>
  3330.                    </li>
  3331.                    <li class="nav__item">
  3332.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3333.                            dtr-idx="detikFinance" dtr-ttl="menu hamburger" style="
  3334. " target="_blank">
  3335.                            <span class="nav__icon">
  3336.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_finance-3x.webp" alt=""
  3337.                                    width="24" height="24">
  3338.                            </span>
  3339.                            detikFinance
  3340.                        </a>
  3341.                    </li>
  3342.                    <li class="nav__item">
  3343.                        <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="SURGAVIP88"
  3344.                            dtr-ttl="menu hamburger" style="
  3345. " target="_blank">
  3346.                            <span class="nav__icon">
  3347.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_inet-3x.webp" alt=""
  3348.                                    width="24" height="24">
  3349.                            </span>
  3350.                            SURGAVIP88
  3351.                        </a>
  3352.                    </li>
  3353.                    <li class="nav__item">
  3354.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikHot"
  3355.                            dtr-ttl="menu hamburger" style="
  3356. " target="_blank">
  3357.                            <span class="nav__icon">
  3358.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_hot-3x.webp" alt=""
  3359.                                    width="24" height="24">
  3360.                            </span>
  3361.                            detikHot
  3362.                        </a>
  3363.                    </li>
  3364.                    <li class="nav__item">
  3365.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikSport"
  3366.                            dtr-ttl="menu hamburger" style="
  3367. " target="_blank">
  3368.                            <span class="nav__icon">
  3369.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sport-3x.webp" alt=""
  3370.                                    width="24" height="24">
  3371.                            </span>
  3372.                            detikSport
  3373.                        </a>
  3374.                    </li>
  3375.                    <li class="nav__item">
  3376.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="Sepakbola"
  3377.                            dtr-ttl="menu hamburger" style="
  3378. " target="_blank">
  3379.                            <span class="nav__icon">
  3380.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sepakbola-3x.webp" alt=""
  3381.                                    width="24" height="24">
  3382.                            </span>
  3383.                            Sepakbola
  3384.                        </a>
  3385.                    </li>
  3386.                    <li class="nav__item">
  3387.                        <a href="# dtr-evt=" header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikOto"
  3388.                            dtr-ttl="menu hamburger" style="
  3389. " target="_blank">
  3390.                            <span class="nav__icon">
  3391.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_oto-3x.webp" alt=""
  3392.                                    width="24" height="24">
  3393.                            </span>
  3394.                            detikOto
  3395.                        </a>
  3396.                    </li>
  3397.                    <li class="nav__item">
  3398.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikTravel"
  3399.                            dtr-ttl="menu hamburger" style="
  3400. " target="_blank">
  3401.                            <span class="nav__icon">
  3402.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_travel-3x.webp" alt=""
  3403.                                    width="24" height="24">
  3404.                            </span>
  3405.                            detikTravel
  3406.                        </a>
  3407.                    </li>
  3408.                    <li class="nav__item">
  3409.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikFood"
  3410.                            dtr-ttl="menu hamburger" style="
  3411. " target="_blank">
  3412.                            <span class="nav__icon">
  3413.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_food-3x.webp" alt=""
  3414.                                    width="24" height="24">
  3415.                            </span>
  3416.                            detikFood
  3417.                        </a>
  3418.                    </li>
  3419.                    <li class="nav__item">
  3420.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikHealth"
  3421.                            dtr-ttl="menu hamburger" style="
  3422. " target="_blank">
  3423.                            <span class="nav__icon">
  3424.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_health-3x.webp" alt=""
  3425.                                    width="24" height="24">
  3426.                            </span>
  3427.                            detikHealth
  3428.                        </a>
  3429.                    </li>
  3430.                    <li class="nav__item">
  3431.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="Wolipop"
  3432.                            dtr-ttl="menu hamburger" style="
  3433. " target="_blank">
  3434.                            <span class="nav__icon">
  3435.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_wolipop-3x.webp" alt=""
  3436.                                    width="24" height="24">
  3437.                            </span>
  3438.                            Wolipop
  3439.                        </a>
  3440.                    </li>
  3441.                    <li class="nav__item">
  3442.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="DetikX"
  3443.                            dtr-ttl="menu hamburger" style="
  3444. " target="_blank">
  3445.                            <span class="nav__icon">
  3446.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_X-3x.webp" alt="" width="24"
  3447.                                    height="24">
  3448.                            </span>
  3449.                            DetikX
  3450.                        </a>
  3451.                    </li>
  3452.                    <li class="nav__item">
  3453.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="20Detik"
  3454.                            dtr-ttl="menu hamburger" style="
  3455. " target="_blank">
  3456.                            <span class="nav__icon">
  3457.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_20D-3x.webp" alt=""
  3458.                                    width="24" height="24">
  3459.                            </span>
  3460.                            20Detik
  3461.                        </a>
  3462.                    </li>
  3463.                    <li class="nav__item">
  3464.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikFoto"
  3465.                            dtr-ttl="menu hamburger" style="
  3466. " target="_blank">
  3467.                            <span class="nav__icon">
  3468.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_foto.webp" alt="" width="24"
  3469.                                    height="24">
  3470.                            </span>
  3471.                            detikFoto
  3472.                        </a>
  3473.                    </li>
  3474.                    <li class="nav__item">
  3475.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikEdu"
  3476.                            dtr-ttl="menu hamburger" style="
  3477. " target="_blank">
  3478.                            <span class="nav__icon">
  3479.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_edu-3x.webp" alt=""
  3480.                                    width="24" height="24">
  3481.                            </span>
  3482.                            detikEdu
  3483.                        </a>
  3484.                    </li>
  3485.                    <li class="nav__item">
  3486.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikHikmah"
  3487.                            dtr-ttl="menu hamburger" style="
  3488. " target="_blank">
  3489.                            <span class="nav__icon">
  3490.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_Hikmah.webp" alt=""
  3491.                                    width="24" height="24">
  3492.                            </span>
  3493.                            detikHikmah
  3494.                        </a>
  3495.                    </li>
  3496.                    <li class="nav__item">
  3497.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3498.                            dtr-idx="detikProperti" dtr-ttl="menu hamburger" style="
  3499. " target="_blank">
  3500.                            <span class="nav__icon">
  3501.                                <img data-src="https://awscdn.detik.net.id/framebarasset/icproperti.webp" alt=""
  3502.                                    width="24" height="24">
  3503.                            </span>
  3504.                            detikProperti
  3505.                        </a>
  3506.                    </li>
  3507.                    <li class="nav__item">
  3508.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikPop"
  3509.                            dtr-ttl="menu hamburger" style="
  3510. " target="_blank">
  3511.                            <span class="nav__icon">
  3512.                                <img data-src="https://awscdn.detik.net.id/framebarasset/iconpop.webp" alt="" width="24"
  3513.                                    height="24">
  3514.                            </span>
  3515.                            detikPop
  3516.                            <span class="nav__item-new">NEW</span>
  3517.                        </a>
  3518.                    </li>
  3519.                </ul>
  3520.            </div>
  3521.  
  3522.            <div class="nav-framebar">
  3523.                <div class="nav-framebar__title">
  3524.                    Daerah </div>
  3525.                <ul class="nav nav--two-col">
  3526.                    <li class="nav__item">
  3527.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikJateng"
  3528.                            dtr-ttl="menu hamburger" style="
  3529. " target="_blank">
  3530.                            <span class="nav__icon">
  3531.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_jateng-3x.webp" alt=""
  3532.                                    width="24" height="24">
  3533.                            </span>
  3534.                            detikJateng
  3535.                        </a>
  3536.                    </li>
  3537.                    <li class="nav__item">
  3538.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikJatim"
  3539.                            dtr-ttl="menu hamburger" style="
  3540. " target="_blank">
  3541.                            <span class="nav__icon">
  3542.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_jatim-3x.webp" alt=""
  3543.                                    width="24" height="24">
  3544.                            </span>
  3545.                            detikJatim
  3546.                        </a>
  3547.                    </li>
  3548.                    <li class="nav__item">
  3549.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikJabar"
  3550.                            dtr-ttl="menu hamburger" style="
  3551. " target="_blank">
  3552.                            <span class="nav__icon">
  3553.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_jabar-3x.webp" alt=""
  3554.                                    width="24" height="24">
  3555.                            </span>
  3556.                            detikJabar
  3557.                        </a>
  3558.                    </li>
  3559.                    <li class="nav__item">
  3560.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikSulsel"
  3561.                            dtr-ttl="menu hamburger" style="
  3562. " target="_blank">
  3563.                            <span class="nav__icon">
  3564.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sulsel-2x.webp" alt=""
  3565.                                    width="24" height="24">
  3566.                            </span>
  3567.                            detikSulsel
  3568.                        </a>
  3569.                    </li>
  3570.                    <li class="nav__item">
  3571.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikSumut"
  3572.                            dtr-ttl="menu hamburger" style="
  3573. " target="_blank">
  3574.                            <span class="nav__icon">
  3575.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sumut-3x.webp" alt=""
  3576.                                    width="24" height="24">
  3577.                            </span>
  3578.                            detikSumut
  3579.                        </a>
  3580.                    </li>
  3581.                    <li class="nav__item">
  3582.                        <a href="h#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikBali"
  3583.                            dtr-ttl="menu hamburger" style="
  3584. " target="_blank">
  3585.                            <span class="nav__icon">
  3586.                                <img data-src="https://awscdn.detik.net.id/framebarasset/icondetikbali.webp" alt=""
  3587.                                    width="24" height="24">
  3588.                            </span>
  3589.                            detikBali
  3590.                        </a>
  3591.                    </li>
  3592.                    <li class="nav__item">
  3593.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3594.                            dtr-idx="detikSumbagsel" dtr-ttl="menu hamburger" style="
  3595. " target="_blank">
  3596.                            <span class="nav__icon">
  3597.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sumbagsel-3x.webp" alt=""
  3598.                                    width="24" height="24">
  3599.                            </span>
  3600.                            detikSumbagsel
  3601.                        </a>
  3602.                    </li>
  3603.                    <li class="nav__item">
  3604.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikJogja"
  3605.                            dtr-ttl="menu hamburger" style="
  3606. " target="_blank">
  3607.                            <span class="nav__icon">
  3608.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_jogja.webp" alt=""
  3609.                                    width="24" height="24">
  3610.                            </span>
  3611.                            detikJogja
  3612.                            <span class="nav__item-new">NEW</span>
  3613.                        </a>
  3614.                    </li>
  3615.                </ul>
  3616.            </div>
  3617.  
  3618.            <div class="nav-framebar">
  3619.                <div class="nav-framebar__title">
  3620.                    Layanan </div>
  3621.                <ul class="nav nav--two-col">
  3622.                    <li class="nav__item">
  3623.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="Pasang Mata"
  3624.                            dtr-ttl="menu hamburger" style="
  3625. " target="_blank">
  3626.                            <span class="nav__icon">
  3627.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_pasang_mata-3x.webp" alt=""
  3628.                                    width="24" height="24">
  3629.                            </span>
  3630.                            Pasang Mata
  3631.                        </a>
  3632.                    </li>
  3633.                    <li class="nav__item">
  3634.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="adsmart"
  3635.                            dtr-ttl="menu hamburger" style="
  3636. ">
  3637.                            <span class="nav__icon">
  3638.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_adsmart-3x.webp" alt=""
  3639.                                    width="24" height="24">
  3640.                            </span>
  3641.                            adsmart
  3642.                        </a>
  3643.                    </li>
  3644.                    <li class="nav__item">
  3645.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="Forum"
  3646.                            dtr-ttl="menu hamburger" style="
  3647. " target="_blank">
  3648.                            <span class="nav__icon">
  3649.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_forum-3x.webp" alt=""
  3650.                                    width="24" height="24">
  3651.                            </span>
  3652.                            Forum
  3653.                        </a>
  3654.                    </li>
  3655.                    <li class="nav__item">
  3656.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="detikEvent"
  3657.                            dtr-ttl="menu hamburger" style="
  3658. " target="_blank">
  3659.                            <span class="nav__icon">
  3660.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_event-3x.webp" alt=""
  3661.                                    width="24" height="24">
  3662.                            </span>
  3663.                            detikEvent
  3664.                        </a>
  3665.                    </li>
  3666.                    <li class="nav__item">
  3667.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3668.                            dtr-idx="Trans Snow World" dtr-ttl="menu hamburger" style="
  3669. " target="_blank">
  3670.                            <span class="nav__icon">
  3671.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_trans_snow_latest.webp"
  3672.                                    alt="" width="24" height="24">
  3673.                            </span>
  3674.                            Trans Snow World
  3675.                        </a>
  3676.                    </li>
  3677.                    <li class="nav__item">
  3678.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3679.                            dtr-idx="Trans Studio" dtr-ttl="menu hamburger" style="
  3680. " target="_blank">
  3681.                            <span class="nav__icon">
  3682.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_trans_studio_latest.webp"
  3683.                                    alt="" width="24" height="24">
  3684.                            </span>
  3685.                            Trans Studio
  3686.                        </a>
  3687.                    </li>
  3688.                    <li class="nav__item">
  3689.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3690.                            dtr-idx="berbuatbaik.id" dtr-ttl="menu hamburger" style="
  3691. " target="_blank">
  3692.                            <span class="nav__icon">
  3693.                                <img data-src="https://awscdn.detik.net.id/framebarasset/logo-berbuatbaikid.webp" alt=""
  3694.                                    width="24" height="24">
  3695.                            </span>
  3696.                            berbuatbaik.id
  3697.                        </a>
  3698.                    </li>
  3699.                    <li class="nav__item">
  3700.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3701.                            dtr-idx="ziswafctarsa.id" dtr-ttl="menu hamburger" style="
  3702. " target="_blank">
  3703.                            <span class="nav__icon">
  3704.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_ziswafok.webp" alt=""
  3705.                                    width="24" height="24">
  3706.                            </span>
  3707.                            ziswafctarsa.id
  3708.                        </a>
  3709.                    </li>
  3710.                    <li class="nav__item">
  3711.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3712.                            dtr-idx="Signature Awards" dtr-ttl="menu hamburger" style="
  3713. " target="_blank">
  3714.                            <span class="nav__icon">
  3715.                                <img data-src="https://awscdn.detik.net.id/framebarasset/favicon-signature%20(1).webp"
  3716.                                    alt="" width="24" height="24">
  3717.                            </span>
  3718.                            Signature Awards
  3719.                            <span class="nav__item-new">NEW</span>
  3720.                        </a>
  3721.                    </li>
  3722.                </ul>
  3723.            </div>
  3724.  
  3725.            <div class="nav-framebar">
  3726.                <div class="nav-framebar__title">
  3727.                    Detik Network </div>
  3728.                <ul class="nav nav--two-col">
  3729.                    <li class="nav__item">
  3730.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3731.                            dtr-idx="CNN Indonesia" dtr-ttl="menu hamburger" style="
  3732. " target="_blank">
  3733.                            <span class="nav__icon">
  3734.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_cnn-3x.webp" alt=""
  3735.                                    width="24" height="24">
  3736.                            </span>
  3737.                            CNN Indonesia
  3738.                        </a>
  3739.                    </li>
  3740.                    <li class="nav__item">
  3741.                        <a href="# dtr-evt=" header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3742.                            dtr-idx="CNBC Indonesia" dtr-ttl="menu hamburger" style="
  3743. " target="_blank">
  3744.                            <span class="nav__icon">
  3745.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_CNBC-3x.webp" alt=""
  3746.                                    width="24" height="24">
  3747.                            </span>
  3748.                            CNBC Indonesia
  3749.                        </a>
  3750.                    </li>
  3751.                    <li class="nav__item">
  3752.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="Hai Bunda"
  3753.                            dtr-ttl="menu hamburger" style="
  3754. " target="_blank">
  3755.                            <span class="nav__icon">
  3756.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_hai_bunda-3x.webp" alt=""
  3757.                                    width="24" height="24">
  3758.                            </span>
  3759.                            Hai Bunda
  3760.                        </a>
  3761.                    </li>
  3762.                    <li class="nav__item">
  3763.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="InsertLive"
  3764.                            dtr-ttl="menu hamburger" style="
  3765. " target="_blank">
  3766.                            <span class="nav__icon">
  3767.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_insert-3x.webp" alt=""
  3768.                                    width="24" height="24">
  3769.                            </span>
  3770.                            InsertLive
  3771.                        </a>
  3772.                    </li>
  3773.                    <li class="nav__item">
  3774.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="Beautynesia"
  3775.                            dtr-ttl="menu hamburger" style="
  3776. " target="_blank">
  3777.                            <span class="nav__icon">
  3778.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_beautynesia-1.webp" alt=""
  3779.                                    width="24" height="24">
  3780.                            </span>
  3781.                            Beautynesia
  3782.                        </a>
  3783.                    </li>
  3784.                    <li class="nav__item">
  3785.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)"
  3786.                            dtr-idx="Female Daily" dtr-ttl="menu hamburger" style="
  3787. " target="_blank">
  3788.                            <span class="nav__icon">
  3789.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_female_daily.webp" alt=""
  3790.                                    width="24" height="24">
  3791.                            </span>
  3792.                            Female Daily
  3793.                        </a>
  3794.                    </li>
  3795.                    <li class="nav__item">
  3796.                        <a href="#" dtr-evt="header" dtr-sec="" dtr-act="menu" onclick="_pt(this)" dtr-idx="CXO Media"
  3797.                            dtr-ttl="menu hamburger" style="
  3798. " target="_blank">
  3799.                            <span class="nav__icon">
  3800.                                <img data-src="https://awscdn.detik.net.id/framebarasset/ic_cxo.webp" alt="" width="24"
  3801.                                    height="24">
  3802.                            </span>
  3803.                            CXO Media
  3804.                        </a>
  3805.                    </li>
  3806.                </ul>
  3807.            </div>
  3808.        </div>
  3809.    </div>
  3810.    <div class="search-overlay search-container searchasset-lazy">
  3811.        <div class="search-overlay__header grid-row">
  3812.            <a href="#" id="searchClose" class="column-auto display-flex align-items-center">
  3813.                <i class="icon icon--sm icon-arrow-left"></i>
  3814.            </a>
  3815.            <div class="column">
  3816.                <form action="#" method="GET">
  3817.                    <input type="text" id="search-text" name="query" class="search-overlay__input"
  3818.                        placeholder="Cari di detikcom" required autocomplete="off">
  3819.                    <input type="hidden" name="siteid" value="5" />
  3820.                    <input type="hidden" name="source_kanal" value="true" />
  3821.                    <span class="icon-right hide-element" id="clear-search-text">
  3822.                        <img data-src="https://awscdn.detik.net.id/assets/images/icon-clear.webp?v=2024080215443"
  3823.                            width="15" height="15" alt="">
  3824.                    </span>
  3825.                </form>
  3826.            </div>
  3827.        </div>
  3828.        <div class="search-overlay__body">
  3829.            <div class="search-overlay__body-content">
  3830.                <div class="search-section">
  3831.                    <div class="search-section__title">Yang sedang ramai dicari <img
  3832.                            data-src="https://awscdn.detik.net.id/assets/images/icon-hot.webp?v=2024080215443"
  3833.                            class="mgl-8" width="12" height="15" alt=""></div>
  3834.                    <ol class="search-section__list" id="top-keyword-search">
  3835.                        <li><a href="#"><span class="font-bold">Loading... </span></a></li>
  3836.                    </ol>
  3837.                </div>
  3838.                <div class="search-section">
  3839.                    <div class="search-section__title">Terakhir yang dicari</div>
  3840.                    <ol class="search-section__list" id="last-search">
  3841.                        Loading...
  3842.                    </ol>
  3843.                </div>
  3844.            </div>
  3845.            <div class="search-overlay__body-suggest hide-element">
  3846.                <div class="search-section">
  3847.                    <ol class="search-section__list">
  3848.                        <suggest></suggest>
  3849.                    </ol>
  3850.                </div>
  3851.            </div>
  3852.        </div>
  3853.    </div>
  3854.    <script>
  3855.        let urlParameter = 'null';
  3856.    </script>
  3857.    <script type="text/javascript" src="https://jonapedia.com/assets/js/framebar/search.js?v=2024080215443"></script>
  3858.    <script type="text/javascript"
  3859.        src="https://jonapedia.com/assets/js/framebar/search-autocomplete.js?v=2024080215443"></script>
  3860.    <script type="text/javascript">
  3861.        var click = $("#menuClick");
  3862.        var search = $("#searchClick");
  3863.        var closeSearch = $("#searchClose");
  3864.        function open_menu() {
  3865.            $("body").append("<div class='js-overlay'></div>");
  3866.            setTimeout(function () {
  3867.                $("body").addClass("js-menu-active");
  3868.            }, 100);
  3869.        }
  3870.        function close_menu() {
  3871.            setTimeout(function () {
  3872.                $(".js-overlay").remove();
  3873.            }, 300);
  3874.            $("body").removeClass("js-menu-active");
  3875.        }
  3876.        click.click(function (e) {
  3877.            var framebarasset = document.getElementsByClassName("framebarasset-lazy");
  3878.            if (framebarasset.length != 0) {
  3879.                var imgframebarasset = framebarasset[0].querySelectorAll("[data-src]");
  3880.                for (let i = 0; i < imgframebarasset.length; i++) {
  3881.                    imgframebarasset[i].setAttribute("src", imgframebarasset[i].getAttribute("data-src"));
  3882.                    imgframebarasset[i].removeAttribute("data-src")
  3883.                }
  3884.            }
  3885.            e.preventDefault();
  3886.            if ($("body").hasClass("js-menu-active")) {
  3887.                close_menu();
  3888.            } else {
  3889.                open_menu();
  3890.                var scroll = $(window).scrollTop();
  3891.                var height_billboard = $("#megabillboard").height();
  3892.                if (($("#megabillboard").length) && (scroll < height_billboard)) {
  3893.                    $("html, body").animate({ scrollTop: height_billboard });
  3894.                }
  3895.            }
  3896.            $(document).bind("mouseup touchend", function (e) {
  3897.                var this_click = $(".box-overlay, #menuClick");
  3898.                if ($("body").hasClass("js-menu-active")) {
  3899.                    if (
  3900.                        !this_click.is(e.target) &&// if the target of the click isn't the container...
  3901.                        this_click.has(e.target).length === 0
  3902.                    ) { // ... nor a descendant of the container
  3903.                        setTimeout(function () {
  3904.                            $(".js-overlay").remove();
  3905.                        }, 300);
  3906.                        $("body").removeClass("js-menu-active");
  3907.                    }
  3908.                }
  3909.            });
  3910.            $(document).on("mousewheel", function (e) {
  3911.                var scroll = $(window).scrollTop();
  3912.                if (($("body").hasClass("js-menu-active")) && ($("#megabillboard").length) && (scroll < height_billboard)) {
  3913.                    close_menu();
  3914.                }
  3915.            });
  3916.            $(document).on("touchmove", function () {
  3917.                $(document).trigger("mousewheel");
  3918.            });
  3919.        });
  3920.        // NEW SEARCH
  3921.        function open_search() {
  3922.            $("body").append("<div class='js-overlay'></div>");
  3923.            $(".search-overlay__input").focus();
  3924.            setTimeout(function () {
  3925.                $("body").addClass("search-active");
  3926.            }, 100);
  3927.        }
  3928.        function close_search() {
  3929.            setTimeout(function () {
  3930.                $(".js-overlay").remove();
  3931.            }, 300);
  3932.            $("body").removeClass("search-active");
  3933.        }
  3934.        search.click(function (e) {
  3935.            var searchasset = document.getElementsByClassName("searchasset-lazy");
  3936.            if (searchasset.length != 0) {
  3937.                var imgsearchasset = searchasset[0].querySelectorAll("[data-src]");
  3938.                for (let i = 0; i < imgsearchasset.length; i++) {
  3939.                    imgsearchasset[i].setAttribute("src", imgsearchasset[i].getAttribute("data-src"));
  3940.                    imgsearchasset[i].removeAttribute("data-src")
  3941.                }
  3942.            }
  3943.            FramebarSearch().onLoad();
  3944.            CookiesSearch().onLoad();
  3945.            e.preventDefault();
  3946.            open_search();
  3947.        });
  3948.        closeSearch.click(function (e) {
  3949.            e.preventDefault();
  3950.            close_search();
  3951.        });
  3952.        $(".clear-list").click(function (e) {
  3953.            e.preventDefault();
  3954.            $(this).parent("li").remove();
  3955.        });
  3956.        var textCount = $("#search-text");
  3957.        textCount.on('keyup mouseup', function (e) {
  3958.            e.preventDefault();
  3959.            var charsEntered = textCount.val().length;
  3960.            if (charsEntered > 0) {
  3961.                $("#clear-search-text").removeClass("hide-element");
  3962.                $(".search-overlay__body-content").addClass("hide-element");
  3963.                $(".search-overlay__body-suggest").removeClass("hide-element");
  3964.            } else {
  3965.                $("#clear-search-text").addClass("hide-element");
  3966.                $(".search-overlay__body-suggest").addClass("hide-element");
  3967.                $(".search-overlay__body-content").removeClass("hide-element");
  3968.            }
  3969.        });
  3970.        $("#clear-search-text").click(function (e) {
  3971.            e.preventDefault();
  3972.            textCount.val("");
  3973.            $(this).addClass("hide-element");
  3974.            $(".search-overlay__body-suggest").addClass("hide-element");
  3975.            $(".search-overlay__body-content").removeClass("hide-element");
  3976.        });
  3977.    </script>
  3978.  
  3979.    <style>
  3980.        @import url("https://awscdnstatic.detik.net.id/live/_rmbassets/scrollpage/scrollpage.css");
  3981.    </style>
  3982.    <div class="box-ads text-center scrollpage" style="display: none; background-color:#F8F8F8;height: 180px;position:relative;width:
  3983. 100%;margin-top: 15px;">
  3984.    </div>
  3985.    </div>
  3986.    </div>
  3987.    </div>
  3988.    </div>
  3989.    </div>
  3990.    </div>
  3991.    </div>
  3992.  
  3993.  
  3994.    <div class="container">
  3995.  
  3996.  
  3997.  
  3998.        <div class="page__header">
  3999.            <div class="page__breadcrumb">
  4000.                <a href="https://www.cdsanlorenzocs.com/jugador/alexis/" class="SURGAVIP88">SURGAVIP88</a>
  4001.                <a href="https://cumasurga.com/surgavip88/register" dtr-evt="breadcrumb" dtr-sec="breadcrumbkanal" dtr-act="breadcrumb kanal"
  4002.                    onclick="_pt(this)" dtr-ttl="SURGAVIP88 Daftar">SURGAVIP88 Daftar</a>
  4003.  
  4004.            </div>
  4005.        </div>
  4006.  
  4007.  
  4008.  
  4009.        <article class="detail">
  4010.  
  4011.  
  4012.  
  4013.  
  4014.  
  4015.            <div class="detail__header">
  4016.  
  4017.                <h1 class="detail__title">SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025</h1>
  4018.                <div class="detail__author">SURGAVIP88</div>
  4019.  
  4020.            </div>
  4021.  
  4022.            <div class="content">
  4023.  
  4024.                <div class="n-columns-2">
  4025.                    <a href="https://cumasurga.com/surgavip88/?reLogin=yes" rel="nofollow noreferrer" class="login">LOGIN</a>
  4026.                    <a href="https://cumasurga.com/surgavip88/register" rel="nofollow noreferrer" class="register">DAFTAR</a>
  4027.                </div>
  4028.  
  4029.  
  4030.  
  4031.  
  4032.  
  4033.  
  4034.  
  4035.                <div class="detail__media">
  4036.                    <figure dtr-evt="cover image" dtr-sec="" dtr-act="cover image" onclick="_pt(this)"
  4037.                        class="detail__media-image">
  4038.                        <img src="model/LP.webp" alt="SURGAVIP88"
  4039.                            title="SURGAVIP88" class="p_img_zoomin img-zoomin" />
  4040.  
  4041.  
  4042.                        <figcaption class="detail__media-caption">
  4043.                            Foto: SURGAVIP88</figcaption>
  4044.                    </figure>
  4045.                </div>
  4046.                <h2>SURGAVIP88 Menyediakan Puluhan Jackpot Harian Dengan Total Hadiah Ratusan Juta Rupiah</h2>
  4047.                <p><a href="https://www.cdsanlorenzocs.com/jugador/alexis/">SURGAVIP88</a> menghadirkan sistem slot terbaru & terlengkap di Indonesia. Pelayanan transaksi yang cepat serta sistem permainan yang terbaru.</p>
  4048.                <p>Fitur Qris memudahkan setiap transaksi dengan cepat dalam hitungan detik. Permainan yang dapat dimainkan dimanapun dan kapanpun.</p>
  4049.                <p>Setiap transaksi deposit dan spin memberikan poin untuk Lucky Draw.</p>
  4050.                <table class="linksisip">
  4051.                    <tbody>
  4052.                        <tr>
  4053.                            <td>
  4054.                                <div class="lihatjg"><strong>Baca juga: </strong><a data-label="List Berita"
  4055.                                        data-action="Berita Pilihan" data-category="Detil Artikel" href="#">Viral
  4056.                                        SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025</a></div>
  4057.                            </td>
  4058.                        </tr>
  4059.                    </tbody>
  4060.                </table>
  4061.                <br /><br />
  4062.                <link href="https://awscdn.detik.net.id/assets/embed/view-counter/css/video-pip.css?v=2024080215443"
  4063.                    rel="stylesheet" type="text/css">
  4064.                <div class="aevp">
  4065.                    <div class="aevp__header">
  4066.                        <div class="aevp__logo">
  4067.                            <a dtr-evt="picture in picture" dtr-sec="picture in picture" dtr-act="logo 20detik"
  4068.                                onclick="_pt(this)" href="https://20.detik.com/">
  4069.                                <img src="https://awscdn.detik.net.id/assets/images/logo/logo_20detik_new.png?v=2024080215443"
  4070.                                    width="36" height="16" alt="20D">
  4071.                            </a>
  4072.                        </div>
  4073.                        <script>
  4074.  
  4075.                            $(document).ready(function ($) {
  4076.                                var defaultOffsetH = 1.67; // Define your default value here
  4077.                                var defaultDetailTitleOffsetTop = 968; // Default offset top position if .detail__title is not found
  4078.                                var detailTitleOffsetTop = $(".detail__title").length
  4079.                                    ? $(".detail__title").offset().top
  4080.                                    : defaultDetailTitleOffsetTop;
  4081.  
  4082.                                var aevpH = $(".detail__title").outerHeight(),
  4083.                                    headerH = $(".header").outerHeight(),
  4084.                                    offsetH = aevpH && headerH ? aevpH - headerH : defaultOffsetH;
  4085.                                $(window).on("scroll", function () {
  4086.                                    var scroll = $(window).scrollTop();
  4087.                                    if (scroll >= detailTitleOffsetTop + offsetH) {
  4088.                                        $(".pip-vid__trigger").addClass("flow");
  4089.                                    }
  4090.  
  4091.                                    if (scroll <= detailTitleOffsetTop) {
  4092.                                        $(".pip-vid").addClass("hide");
  4093.                                    } else {
  4094.                                        $(".pip-vid").removeClass("hide");
  4095.                                    }
  4096.                                });
  4097.  
  4098.                                // IS IN VIEWPORT DETECT ELEMENT
  4099.                                $.fn.isInViewport = function () {
  4100.                                    var elementTop = $(this).offset().top;
  4101.                                    var elementBottom = elementTop + $(this).outerHeight();
  4102.  
  4103.                                    var viewportTop = $(window).scrollTop();
  4104.                                    var viewportBottom = viewportTop + $(window).height();
  4105.  
  4106.                                    return elementBottom > viewportTop && elementTop < viewportBottom;
  4107.                                }
  4108.  
  4109.                                // FLOAT VIDEO Transistion FOR BREAKING NEWS
  4110.                                $.fn.floater = function (options) {
  4111.  
  4112.                                    this.addClass("flow-in");
  4113.                                    var block = $(this);
  4114.  
  4115.                                    $("#video-pip__close").click(function (e) {
  4116.                                        e.preventDefault();
  4117.                                        flowOut();
  4118.                                        block.removeClass("flow-in");
  4119.                                    });
  4120.                                    function flowOut() {
  4121.                                        $(".flow-in").removeClass("flowed");
  4122.                                    }
  4123.                                    function flowIn() {
  4124.                                        $(".flow-in").addClass("flowed");
  4125.                                    }
  4126.  
  4127.                                    return $(window).scroll(function () {
  4128.                                        if ($(".pip-vid__trigger").isInViewport()) {
  4129.                                            flowOut();
  4130.                                        }
  4131.                                        else {
  4132.                                            flowIn();
  4133.                                        }
  4134.                                    });
  4135.                                }
  4136.  
  4137.                                // Initialize piper
  4138.                                function pip_video() {
  4139.                                    $(".pip-vid").floater();
  4140.                                }
  4141.  
  4142.                                if (false) {
  4143.                                    pip_video();
  4144.                                }
  4145.                            });
  4146.  
  4147.                        </script>
  4148.                        <br />
  4149.                        <strong>(SURGAVIP88)</strong>
  4150.                    </div>
  4151.                </div>
  4152.            </div>
  4153.    </div>
  4154.    </div>
  4155.    </div>
  4156.    </div>
  4157.    </div>
  4158.  
  4159.    </div>
  4160.  
  4161.  
  4162.    <div class="detail__share mgb-16">
  4163.  
  4164.        <div class="js-reset-redirect active"></div>
  4165.  
  4166.        <div class="sticky-share">
  4167.            <div class="detail__share sticky-share__wrap">
  4168.                <a dtr-evt="floating komentar" dtr-sec="tombol komentar" dtr-act="tombol komentar" onclick="_pt(this)"
  4169.                    dtr-ttl="komentar" rel="nofollow" href="#comm1"
  4170.                    data-url="https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara"
  4171.                    data-title="SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025"
  4172.                    data-image="https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg"
  4173.                    data-desc="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!"
  4174.                    class="icon-item clickto_comment sh-komentar">
  4175.                    <i class="icon icon--md icon-comment color-black"></i>
  4176.                    <span class="comment-count">0</span>
  4177.                </a>
  4178.                <a dtr-evt="floating share" dtr-sec="share socmed" dtr-act="share facebook" onclick="_pt(this)"
  4179.                    dtr-ttl="facebook" href="#" class="fb icon-item icon-item__fb"
  4180.                    data-url="https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara?utm_source=facebook&utm_campaign=detikcomsocmed&utm_medium=btn&utm_content=inet"
  4181.                    data-title="SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025"
  4182.                    data-image="https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg"
  4183.                    data-desc="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!">
  4184.                    <i class="icon icon--xs icon-facebook"></i>
  4185.                </a>
  4186.                <a dtr-evt="floating share" dtr-sec="share socmed" dtr-act="share twitter" onclick="_pt(this)"
  4187.                    dtr-ttl="twitter" href="#" class="tw icon-item icon-item__tw"
  4188.                    data-url="https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara?utm_source=twitter&utm_campaign=detikcomsocmed&utm_medium=btn&utm_content=inet"
  4189.                    data-title="SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025"
  4190.                    data-image="https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg"
  4191.                    data-desc="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!">
  4192.                    <i class="icon icon--xs icon-twitter"></i>
  4193.                </a>
  4194.                <a dtr-evt="floating share" dtr-sec="share socmed" dtr-act="share whatsapp" onclick="_pt(this)"
  4195.                    dtr-ttl="whatsapp" href="#" class="whatsap icon-item icon-item__wa"
  4196.                    data-url="https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara?utm_source=whatsapp&utm_campaign=detikcomsocmed&utm_medium=btn&utm_content=inet"
  4197.                    data-title="SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025"
  4198.                    data-image="https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg"
  4199.                    data-desc="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!">
  4200.                    <i class="icon icon--xs icon-whatsapp"></i>
  4201.                </a>
  4202.                <a dtr-evt="floating share" dtr-sec="share socmed" dtr-act="share telegram" onclick="_pt(this)"
  4203.                    dtr-ttl="telegram" href="#" class="tele icon-item icon-item__tele sh-telegram"
  4204.                    data-url="https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara?utm_source=telegram&utm_campaign=detikcomsocmed&utm_medium=btn&utm_content=inet"
  4205.                    data-title="SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025"
  4206.                    data-image="https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg"
  4207.                    data-desc="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!">
  4208.                    <i class="icon icon--xs icon-telegram"></i>
  4209.                </a>
  4210.                <a dtr-evt="floating share" dtr-sec="" dtr-act="copy link" onclick="_pt(this)" dtr-ttl="link" href="#"
  4211.                    class="icon-item icon-item__link copy_url"
  4212.                    data-url="https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara?utm_source=copy_url&utm_campaign=detikcomsocmed&utm_medium=btn&utm_content=inet"
  4213.                    data-title="SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025"
  4214.                    data-image="https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg"
  4215.                    data-desc="SURGAVIP88 adalah bandar slot online dengan provider terlengkap di Indonesia. Bonus Jutaan rupiah setiap harinya. Daftar dan menangkan setiap hari!">
  4216.                    <i class="icon icon--xs icon-link"></i>
  4217.                    <span class="notif">Tautan telah disalin</span>
  4218.                </a>
  4219.            </div>
  4220.        </div>
  4221.  
  4222.        <script>
  4223.            getScript("https://awscdn.detik.net.id/assets/js/sharebox.itp.js?v=2024080215443", function () {
  4224.                setTimeout(function () {
  4225.                    shareBox.run($('.sticky-share'));
  4226.                    // shareBox.countComment($('.sh-komentar'));
  4227.                }, 500);
  4228.            })
  4229.  
  4230.            function setIntersectOberserver(elem, oboptions) {
  4231.                var observer = new IntersectionObserver(
  4232.                    function (entries) {
  4233.                        // no intersection with screen
  4234.                        if (entries[0].intersectionRatio === 0)
  4235.                            document
  4236.                                .querySelector(".sticky-share")
  4237.                                .classList.add("sticky-share--sticked");
  4238.                        // fully intersects with screen
  4239.                        else if (entries[0].intersectionRatio === 1)
  4240.                            document
  4241.                                .querySelector(".sticky-share")
  4242.                                .classList.remove("sticky-share--sticked");
  4243.                    }, oboptions
  4244.                );
  4245.                observer.observe(elem);
  4246.            }
  4247.            const headerClass = document.querySelector('.header');
  4248.  
  4249.            let oboptions = {
  4250.                threshold: [0, 1],
  4251.                rootMargin: "475px"
  4252.            };
  4253.  
  4254.            if (headerClass.classList.contains('header--20d')) {
  4255.                oboptions = {
  4256.                    threshold: [0, 1],
  4257.                    rootMargin: "470px"
  4258.                };
  4259.                setIntersectOberserver(document.querySelector(".header-top-20d"), oboptions);
  4260.            } else {
  4261.                setIntersectOberserver(document.querySelector(".header-top"), oboptions);
  4262.            }
  4263.  
  4264.            // UP/DOWN
  4265.            var iScrollPos = 0;
  4266.            var $window = $(window);
  4267.            $window.scroll(function () {
  4268.  
  4269.                var iCurScrollPos = $(this).scrollTop();
  4270.                var ftHeight = $("footer.footer").height();
  4271.                var dHeight = $("html").outerHeight() - ftHeight;
  4272.                var offset = iCurScrollPos + $window.innerHeight();
  4273.  
  4274.                if (offset >= dHeight) {
  4275.                    // console.log('At the bottom');
  4276.                    $(".sticky-share--sticked").css("opacity", 0);
  4277.                } else {
  4278.                    $(".sticky-share--sticked").css("opacity", "");
  4279.                }
  4280.            });
  4281.  
  4282.            // share & comment script
  4283.            $(".copy_url").click(function () {
  4284.                $(this).children(".notif").addClass("url_copied");
  4285.                var dummy = document.createElement('input'),
  4286.                    text = $(this).attr('data-url');
  4287.                document.body.appendChild(dummy);
  4288.                dummy.value = text;
  4289.                dummy.select();
  4290.                document.execCommand('copy');
  4291.                document.body.removeChild(dummy);
  4292.                setTimeout(function () {
  4293.                    $(".notif").removeClass("url_copied");
  4294.                }, 1500);
  4295.                return false;
  4296.            });
  4297.            var article = {
  4298.                idnews: 7470123,
  4299.                idkanal: 398
  4300.            }
  4301.        </script>
  4302.  
  4303.  
  4304.    </div>
  4305.  
  4306.  
  4307.  
  4308.    </article>
  4309.  
  4310.  
  4311.  
  4312.    <!-- S:partner_box --> <!-- E:partner_box -->
  4313.  
  4314.    <div class="box box--komentar comment">
  4315.        <!--S:KOMENTAR-->
  4316.  
  4317.        <div id="thecomment2" class="detail_area">
  4318.            <style>
  4319.                .komentar-iframe-min-font-bold {
  4320.                    font-weight: 700;
  4321.                }
  4322.  
  4323.                .komentar-iframe-min-comment-form .komentar-iframe-min-btn {
  4324.                    font-family: Helvetica-FF, Arial, Tahoma, sans-serif;
  4325.                }
  4326.  
  4327.                .komentar-iframe-min-btn {
  4328.                    font-family: Montserrat-FF, Arial, Tahoma, sans-serif;
  4329.                }
  4330.  
  4331.                .komentar-iframe-min-comment-null {
  4332.                    text-align: center !important;
  4333.                }
  4334.  
  4335.                .komentar-iframe-min-btn {
  4336.                    border-radius: 4px;
  4337.                }
  4338.  
  4339.                .komentar-iframe-min-color-black {
  4340.                    color: #000;
  4341.                }
  4342.  
  4343.                .komentar-iframe-min-btn,
  4344.                .komentar-iframe-min-btn:hover {
  4345.                    color: #fff;
  4346.                }
  4347.  
  4348.                #thecomment2 {
  4349.                    margin: 0;
  4350.                    line-height: 1.4;
  4351.                    font-size: 16px;
  4352.                    font-family: Helvetica-FF, Arial, Tahoma, sans-serif;
  4353.                    -webkit-text-size-adjust: 100%;
  4354.                    -ms-text-size-adjust: 100%;
  4355.                    -webkit-font-smoothing: antialiased;
  4356.                    -moz-osx-font-smoothing: grayscale;
  4357.                    text-rendering: optimizeSpeed;
  4358.                }
  4359.  
  4360.                .komentar-iframe-min-mgt-12 {
  4361.                    margin-top: 12px !important;
  4362.                }
  4363.  
  4364.                .komentar-iframe-min-mgb-12 {
  4365.                    margin-bottom: 12px !important;
  4366.                }
  4367.  
  4368.                .komentar-iframe-min-font-sm {
  4369.                    font-size: 16px !important;
  4370.                }
  4371.  
  4372.                .komentar-iframe-min-btn {
  4373.                    background: var(--kuler-1);
  4374.                    padding: 8px 16px;
  4375.                    position: relative;
  4376.                    display: -webkit-inline-box;
  4377.                    display: -ms-inline-flexbox;
  4378.                    display: inline-flex;
  4379.                    -webkit-box-align: center;
  4380.                    -ms-flex-align: center;
  4381.                    align-items: center;
  4382.                    line-height: 1.4;
  4383.                    text-align: center;
  4384.                    cursor: pointer;
  4385.                    vertical-align: top;
  4386.                    border: 1px solid transparent;
  4387.                    -webkit-transition: opacity 0.3s ease-in-out 0s;
  4388.                    transition: opacity 0.3s ease-in-out 0s;
  4389.                    font-size: 14px;
  4390.                }
  4391.  
  4392.                .komentar-iframe-min-comment-body--detiknews .komentar-iframe-min-btn {
  4393.                    background-color: #21409a;
  4394.                }
  4395.  
  4396.                .komentar-iframe-min-btn:hover {
  4397.                    opacity: 0.8;
  4398.                    filter: alpha(opacity=80);
  4399.                }
  4400.  
  4401.                .komentar-iframe-min-comment-body {
  4402.                    position: relative;
  4403.                }
  4404.  
  4405.                .komentar-iframe-min-comment-lead {
  4406.                    position: relative;
  4407.                    padding: 16px 18px 18px;
  4408.                    margin-bottom: 16px;
  4409.                    overflow: hidden;
  4410.                    background: #f7f7f7;
  4411.                    font-size: 16px;
  4412.                }
  4413.  
  4414.                @media (min-width: 576px) {
  4415.                    .komentar-iframe-min-comment-lead {
  4416.                        padding: 16px;
  4417.                        border-radius: 12px;
  4418.                        font-size: 18px;
  4419.                    }
  4420.                }
  4421.  
  4422.                .komentar-iframe-min-comment-form .komentar-iframe-min-btn {
  4423.                    padding: 4px 8px;
  4424.                    border-radius: 8px;
  4425.                }
  4426.  
  4427.                .komentar-iframe-min-comment-entry {
  4428.                    margin-bottom: 36px;
  4429.                    margin-top: 36px;
  4430.                }
  4431.  
  4432.                .komentar-iframe-min-comment-null {
  4433.                    font-size: 14px;
  4434.                    color: #999;
  4435.                }
  4436.            </style>
  4437.  
  4438.            <div
  4439.                class="komentar-iframe-min-comment-body komentar-iframe-min-comment-body--detiknews custom-min-sneak-peek">
  4440.                <div class="komentar-iframe-min-comment-lead">
  4441.                    <span class="komentar-iframe-min-font-bold">Komentar</span>
  4442.                    <form action="#" id="form-comment-v2" class="komentar-iframe-min-comment-form">
  4443.                        <a href="https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara/komentar"
  4444.                            class="komentar-iframe-min-btn komentar-iframe-min-mgt-12"
  4445.                            style="background-color: rgb(33, 64, 154);">
  4446.                            Kirim Komentar
  4447.                        </a>
  4448.                    </form>
  4449.                </div>
  4450.                <div class="komentar-iframe-min-comment-entry">
  4451.                    <div class="komentar-iframe-min-comment-null">
  4452.                        <div
  4453.                            class="komentar-iframe-min-font-bold komentar-iframe-min-color-black komentar-iframe-min-font-sm komentar-iframe-min-mgb-12">
  4454.                            Belum ada komentar.</div>
  4455.                        <div class="custom-min-sneak-peek-empty-wording">Jadilah yang pertama berkomentar di sini</div>
  4456.                    </div>
  4457.                </div>
  4458.            </div>
  4459.        </div>
  4460.  
  4461.        <!-- S: NEW PRO KONTRA -->
  4462.        <script type="text/javascript">
  4463.            var initedComment = false;
  4464.            $(window).on('scroll', function () {
  4465.  
  4466.                if (initedComment) { return; }
  4467.                if ($(window).scrollTop() <= 300) { return; }
  4468.                if (parseInt($('.comment-count:first').text()) <= 0) { return; }
  4469.  
  4470.                initedComment = true;
  4471.                getScript("https://awscdn.detik.net.id/libs/comment/v2/js/zoid.min.js?2024080215", function () {
  4472.                    getScript("https://awscdn.detik.net.id/libs/comment/v2/js/bridge.js?2024080215", function () {
  4473.                        $('#thecomment2').html('');
  4474.                        CommentComponent({
  4475.                            url: "https://inet.detik.com/SURGAVIP88 Daftar/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara",
  4476.                            idArtikel: 7470123,
  4477.                            kanal: 398,
  4478.                            date: "02-08-2024",
  4479.                            title: "SURGAVIP88 | Pusat Slot Online Terlengkap & Terbaik 2025",
  4480.                            clientId: 98,
  4481.                            prefix: "dtk",
  4482.                            prokontra: 0,
  4483.                            pembukaDiskusi: "",
  4484.                            sneakPeek: 1,
  4485.  
  4486.                            kanalAds: "detik_inet",
  4487.                            envAds: "mobile",
  4488.                            onLogin,
  4489.                            onResize,
  4490.                            onScroll,
  4491.                            onAlert
  4492.                        }).render('#thecomment2');
  4493.  
  4494.                    })
  4495.                })
  4496.            })
  4497.        </script>
  4498.        <!-- E: NEW PRO KONTRA -->
  4499.  
  4500.        <!--E:KOMENTAR-->
  4501.    </div>
  4502.    <style>
  4503.        #bt_tkt article:nth-child(n+7) {
  4504.            display: none;
  4505.        }
  4506.    </style>
  4507.  
  4508.    <div class="box cb-berita-terkait">
  4509.        <div class="box__header">
  4510.            <h2 class="box__title">Berita Terkait</h2>
  4511.        </div>
  4512.        <div id="bt_tkt" class="list-content list-content--bordered hide-of-list-6">
  4513.            <article class="list-content__item">
  4514.                <div class="media media--left media--image-radius">
  4515.                    <div class="media__text">
  4516.                        <h3 class="media__title">
  4517.                            <a dtr-evt="berita terkait" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1"
  4518.                                dtr-id="7469707" dtr-ttl="Elon Musk Sindir Petinju Olimpiade Wanita yang Diduga Pria"
  4519.                                href="#" class="media__link">Elon Musk Sindir Petinju Olimpiade Wanita yang Diduga
  4520.                                Pria</a>
  4521.                        </h3>
  4522.                    </div>
  4523.                </div>
  4524.            </article>
  4525.            <!-- S:nativeberitaterkait --><ins data-labelname="nativeberitaterkait" data-revive-zoneid="3816"
  4526.                data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins><!-- E:nativeberitaterkait -->
  4527.            <article class="list-content__item">
  4528.                <div class="media media--left media--image-radius">
  4529.                    <div class="media__text">
  4530.                        <h3 class="media__title">
  4531.                            <a dtr-evt="berita terkait" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2"
  4532.                                dtr-id="7469596"
  4533.                                dtr-ttl="Petembak Turki SURGAVIP88 Posting Perak Olimpiade Banjir Komentar Kocak"
  4534.                                href="#" class="media__link">Petembak Turki SURGAVIP88 Posting Perak Olimpiade Banjir
  4535.                                Komentar
  4536.                                Kocak</a>
  4537.                        </h3>
  4538.                    </div>
  4539.                </div>
  4540.            </article>
  4541.            <article class="list-content__item">
  4542.                <div class="media media--left media--image-radius">
  4543.                    <div class="media__text">
  4544.                        <h3 class="media__title">
  4545.                            <a dtr-evt="berita terkait" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3"
  4546.                                dtr-id="7469546"
  4547.                                dtr-ttl="Viral Seekor Lebah Ganggu Atlet Panah Korsel di Saat Menentukan" href="#"
  4548.                                class="media__link">Viral Seekor Lebah Ganggu Atlet Panah Korsel di Saat Menentukan</a>
  4549.                        </h3>
  4550.                    </div>
  4551.                </div>
  4552.            </article>
  4553.            <article class="list-content__item">
  4554.                <div class="media media--left media--image-radius">
  4555.                    <div class="media__text">
  4556.                        <h3 class="media__title">
  4557.                            <a dtr-evt="berita terkait" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4"
  4558.                                dtr-id="7470202"
  4559.                                dtr-ttl="Atlet Anggar Nada Hafez Bertanding saat Hamil 7 Bulan di Olimpiade" href="#"
  4560.                                class="media__link">Atlet Anggar Nada Hafez Bertanding saat Hamil 7 Bulan di
  4561.                                Olimpiade</a>
  4562.                        </h3>
  4563.                    </div>
  4564.                </div>
  4565.            </article>
  4566.            <article class="list-content__item">
  4567.                <div class="media media--left media--image-radius">
  4568.                    <div class="media__text">
  4569.                        <h3 class="media__title">
  4570.                            <a dtr-evt="berita terkait" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="5"
  4571.                                dtr-id="7470108"
  4572.                                dtr-ttl="Ahli Soroti &#039;Polusi&#039; Tinja di Sungai Seine Lokasi Triatlon Olimpiade Paris 2024"
  4573.                                href="#" class="media__link">Ahli Soroti 'Polusi' Tinja di Sungai Seine Lokasi Triatlon
  4574.                                Olimpiade
  4575.                                Paris 2024</a>
  4576.                        </h3>
  4577.                    </div>
  4578.                </div>
  4579.            </article>
  4580.            <article class="list-content__item">
  4581.                <div class="media media--left media--image-radius">
  4582.                    <div class="media__text">
  4583.                        <h3 class="media__title">
  4584.                            <a dtr-evt="berita terkait" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="6"
  4585.                                dtr-id="7469555"
  4586.                                dtr-ttl="Potret Atlet Anggar Mesir yang Viral usai Umumkan Hamil di Olimpiade Paris 2024"
  4587.                                href="#" class="media__link">Potret Atlet Anggar Mesir yang Viral usai Umumkan Hamil di
  4588.                                Olimpiade
  4589.                                Paris 2024</a>
  4590.                        </h3>
  4591.                    </div>
  4592.                </div>
  4593.            </article>
  4594.        </div>
  4595.    </div>
  4596.  
  4597.    <div d-widget="newsfeed_recommendation" d-recommendation></div>
  4598.  
  4599.  
  4600.    <div class="js-show-redirect-article"></div>
  4601.  
  4602.    <div d-widget="other_articles" d-params="">
  4603.        <div class="dwidget_mobile ph-vertical">
  4604.            <div class="ph-item ph-title">
  4605.                <div class="ph-row">
  4606.                    <div class="ph-col-12 big"></div>
  4607.                </div>
  4608.            </div>
  4609.            <div class="ph-item">
  4610.                <div class="in-left ph-col-4">
  4611.                    <div class="ph-picture"></div>
  4612.                </div>
  4613.                <div class="in-right">
  4614.                    <div class="ph-row">
  4615.                        <div class="ph-col-12 big"></div>
  4616.                        <div class="ph-col-8 big"></div>
  4617.                        <div class="ph-col-4 big empty"></div>
  4618.                        <div class="ph-col-4"></div>
  4619.                        <div class="ph-col-8 empty"></div>
  4620.                    </div>
  4621.                </div>
  4622.            </div>
  4623.            <div class="ph-item">
  4624.                <div class="in-left ph-col-4">
  4625.                    <div class="ph-picture"></div>
  4626.                </div>
  4627.                <div class="in-right">
  4628.                    <div class="ph-row">
  4629.                        <div class="ph-col-12 big"></div>
  4630.                        <div class="ph-col-8 big"></div>
  4631.                        <div class="ph-col-4 big empty"></div>
  4632.                        <div class="ph-col-4"></div>
  4633.                        <div class="ph-col-8 empty"></div>
  4634.                    </div>
  4635.                </div>
  4636.            </div>
  4637.            <div class="ph-item">
  4638.                <div class="in-left ph-col-4">
  4639.                    <div class="ph-picture"></div>
  4640.                </div>
  4641.                <div class="in-right">
  4642.                    <div class="ph-row">
  4643.                        <div class="ph-col-12 big"></div>
  4644.                        <div class="ph-col-8 big"></div>
  4645.                        <div class="ph-col-4 big empty"></div>
  4646.                        <div class="ph-col-4"></div>
  4647.                        <div class="ph-col-8 empty"></div>
  4648.                    </div>
  4649.                </div>
  4650.            </div>
  4651.        </div><img style="display:none" />
  4652.    </div>
  4653.  
  4654.    <div d-widget="detail_mostpopular" d-params="">
  4655.        <div class="dwidget_mobile ph-list">
  4656.            <div class="ph-item ph-title">
  4657.                <div class="ph-row">
  4658.                    <div class="ph-col-12 big"></div>
  4659.                </div>
  4660.            </div>
  4661.            <div class="ph-item">
  4662.                <div class="ph-col-12">
  4663.                    <div class="ph-row">
  4664.                        <div class="ph-col-8 big"></div>
  4665.                        <div class="ph-col-4 empty"></div>
  4666.                    </div>
  4667.                </div>
  4668.            </div>
  4669.            <div class="ph-item">
  4670.                <div class="ph-col-12">
  4671.                    <div class="ph-row">
  4672.                        <div class="ph-col-8 big"></div>
  4673.                        <div class="ph-col-4 empty"></div>
  4674.                    </div>
  4675.                </div>
  4676.            </div>
  4677.            <div class="ph-item">
  4678.                <div class="ph-col-12">
  4679.                    <div class="ph-row">
  4680.                        <div class="ph-col-8 big"></div>
  4681.                        <div class="ph-col-4 empty"></div>
  4682.                    </div>
  4683.                </div>
  4684.            </div>
  4685.        </div> <img style="display:none" />
  4686.    </div>
  4687.    </div>
  4688.    </div>
  4689.    <!-- S:Footer -->
  4690.    <script type="text/javascript">
  4691.        $(document).ready(function () {
  4692.            window.addEventListener("scroll", function () {
  4693.                if (helper.inview($("footer"))) {
  4694.                    var framefooter = document.getElementsByClassName("footer-lazy");
  4695.                    if (framefooter.length != 0) {
  4696.                        var imgframefooter = framefooter[0].querySelectorAll("[data-src]");
  4697.                        for (let i = 0; i < imgframefooter.length; i++) {
  4698.                            imgframefooter[i].setAttribute("src", imgframefooter[i].getAttribute("data-src"));
  4699.                            imgframefooter[i].removeAttribute("data-src")
  4700.                        }
  4701.                    }
  4702.                }
  4703.            });
  4704.        });
  4705.    </script>
  4706.    <footer class="footer footer-lazy" id="footer">
  4707.        <div class="footer__border"></div>
  4708.        <div class="container">
  4709.            <a dtr-evt="footer" dtr-sec="SURGAVIP88" dtr-act="warung 168" onclick="_pt(this)" href="#"
  4710.                class="footer__logo">
  4711.                <img data-src="model/logo.webp"
  4712.                    alt="img-alt" title="img-title" width="160" height="30">
  4713.            </a>
  4714.            <div class="footer-title footer-title__partof">part of <img
  4715.                    data-src="https://awscdn.detik.net.id/assets/images/webp/logo_detiknetwork.webp?v=2024080215443"
  4716.                    alt="img-alt" title="img-title" width="80" height="29"></div>
  4717.            <nav>
  4718.                <ul class="nav nav--center">
  4719.                    <li class="nav__item">
  4720.                        <a dtr-evt="footer" dtr-sec="" dtr-act="menu layanan" onclick="_pt(this)" dtr-idx="redaksi"
  4721.                            href="#">
  4722.                            Redaksi </a>
  4723.                    </li>
  4724.                    <li class="nav__item">
  4725.                        <a dtr-evt="footer" dtr-sec="" dtr-act="menu layanan" onclick="_pt(this)"
  4726.                            dtr-idx="pedoman media siber" href="#" rel="nofollow">
  4727.                            Pedoman Media Siber </a>
  4728.                    </li>
  4729.                    <li class="nav__item">
  4730.                        <a dtr-evt="footer" dtr-sec="" dtr-act="menu layanan" onclick="_pt(this)" dtr-idx="karir"
  4731.                            href="#" rel="nofollow">
  4732.                            Karir </a>
  4733.                    </li>
  4734.                    <li class="nav__item">
  4735.                        <a dtr-evt="footer" dtr-sec="" dtr-act="menu layanan" onclick="_pt(this)" dtr-idx="kotak pos"
  4736.                            href="#" rel="nofollow">
  4737.                            Kotak Pos </a>
  4738.                    </li>
  4739.                    <li class="nav__item">
  4740.                        <a dtr-evt="footer" dtr-sec="" dtr-act="menu layanan" onclick="_pt(this)" dtr-idx="info iklan"
  4741.                            href="#" rel="nofollow">
  4742.                            Info Iklan </a>
  4743.                    </li>
  4744.                    <li class="nav__item">
  4745.                        <a dtr-evt="footer" dtr-sec="" dtr-act="menu layanan" onclick="_pt(this)"
  4746.                            dtr-idx="privacy policy" href="#" rel="nofollow">
  4747.                            Privacy Policy </a>
  4748.                    </li>
  4749.                    <li class="nav__item">
  4750.                        <a dtr-evt="footer" dtr-sec="" dtr-act="menu layanan" onclick="_pt(this)" dtr-idx="disclaimer"
  4751.                            href="#" rel="nofollow">
  4752.                            Disclaimer </a>
  4753.                    </li>
  4754.                </ul>
  4755.            </nav>
  4756.            <div class="footer__social">
  4757.                <a dtr-evt="footer" dtr-sec="" dtr-act="socmed detikcom" onclick="_pt(this)" dtr-idx="whatsapp" href="#"
  4758.                    class="icon-item icon-item__wa">
  4759.                    <i class="icon icon-whatsapp"></i> </a>
  4760.                <a dtr-evt="footer" dtr-sec="" dtr-act="socmed detikcom" onclick="_pt(this)" dtr-idx="facebook" href="#"
  4761.                    class="icon-item icon-item__fb">
  4762.                    <i class="icon icon-facebook"></i> </a>
  4763.                <a dtr-evt="footer" dtr-sec="" dtr-act="socmed detikcom" onclick="_pt(this)" dtr-idx="twitter" href="#"
  4764.                    class="icon-item icon-item__tw">
  4765.                    <i class="icon icon-twitter"></i> </a>
  4766.                <a dtr-evt="footer" dtr-sec="" dtr-act="socmed detikcom" onclick="_pt(this)" dtr-idx="instagram"
  4767.                    href="#" class="icon-item icon-item__ig">
  4768.                    <i class="icon icon-instagram"></i> </a>
  4769.                <a dtr-evt="footer" dtr-sec="" dtr-act="socmed detikcom" onclick="_pt(this)" dtr-idx="linkedin" href="#"
  4770.                    class="icon-item icon-item__in">
  4771.                    <i class="icon icon-linkedin"></i> </a>
  4772.                <a dtr-evt="footer" dtr-sec="" dtr-act="socmed detikcom" onclick="_pt(this)" dtr-idx="youtube" href="#"
  4773.                    class="icon-item icon-item__yt">
  4774.                    <i class="icon icon-youtube"></i> </a>
  4775.                <a dtr-evt="footer" dtr-sec="" dtr-act="socmed detikcom" onclick="_pt(this)" dtr-idx="tiktok" href="#"
  4776.                    class="icon-item icon-item__tk">
  4777.                    <i class="icon icon-tiktok"></i> </a>
  4778.            </div>
  4779.  
  4780.            <script>
  4781.                try {
  4782.                    var myScrollPos = $('.navbar-first ul li.nav__item--active').position().left - $('.navbar-first ul li.nav__item--active').width();
  4783.  
  4784.                    if ($('.scroll__wrap li:nth-child(2)').hasClass('nav__item--active')) {
  4785.                        $('.navbar-first ul').animate({ scrollLeft: 0 });
  4786.                    } else {
  4787.                        $('.navbar-first ul').animate({ scrollLeft: myScrollPos });
  4788.                    }
  4789.                } catch (e) {
  4790.                    console.log('[activeScrollLevel not Found]')
  4791.                }
  4792.            </script>
  4793.            <div class="footer__get-app">
  4794.                Download aplikasi detikcom
  4795.                <div class="footer__app-store">
  4796.                    <a dtr-evt="footer" dtr-sec="" dtr-act="link building footer" onclick="_pt(this)"
  4797.                        dtr-idx="play store" href="https://play.google.com/store/apps/details?id=org.detikcom.rss">
  4798.                        <img data-src="https://awscdn.detik.net.id/assets/images/webp/m/store-android.webp?v=2024080215443"
  4799.                            alt="play store" title="Play Store" width="98" height="34">
  4800.                    </a>
  4801.                    <a dtr-evt="footer" dtr-sec="" dtr-act="link building footer" onclick="_pt(this)"
  4802.                        dtr-idx="app store" href="https://apps.apple.com/id/app/detikcom-berita-terlengkap/id442914988">
  4803.                        <img data-src="https://awscdn.detik.net.id/assets/images/webp/m/store-ios.webp?v=2024080215443"
  4804.                            alt="app store" title="App Store" width="97" height="34">
  4805.                    </a>
  4806.                    <a dtr-evt="footer" dtr-sec="" dtr-act="link building footer" onclick="_pt(this)"
  4807.                        dtr-idx="app gallery" href="https://appgallery5.huawei.com/#/app/C100672045">
  4808.                        <img data-src="https://awscdn.detik.net.id/assets/images/webp/m/store-huawei-apps.webp?v=2024080215443"
  4809.                            alt="app gallery" title="App Gallery" width="114" height="34">
  4810.                    </a>
  4811.                </div>
  4812.                <footer class="footer-cta">
  4813.                <div class="cta-footer">
  4814.    <a href="https://cumasurga.com/surgavip88/?reLogin=yes" class="btn login">LOGIN</a>
  4815.    <a href="https://cumasurga.com/surgavip88/register" class="btn daftar">DAFTAR</a>
  4816.    <a href="https://cumasurga.com/surgavip88/promotion" class="btn bonus">BONUS</a>
  4817.     </footer>
  4818.            </div>
  4819.            <div class="footer__copy">
  4820.                Copyright @ 2025 SURGAGROUP
  4821.            </div>
  4822.        </div>
  4823.        <div d-widget="bytedance" d-loaded="1" style="display:none"></div>
  4824.    </footer>
  4825.    <style>
  4826. .footer-cta {
  4827.  position: fixed;
  4828.  bottom: 0;
  4829.  left: 0;
  4830.  right: 0;
  4831.  background: #ffffff;
  4832.  border-top: 2px solid #ffffff;
  4833.  padding: 12px 18px;
  4834.  z-index: 9999; /* biar selalu di atas konten */
  4835. }
  4836.  
  4837. .cta-footer {
  4838.  display: flex;
  4839.  justify-content: space-between; /* kiri – tengah – kanan */
  4840.  align-items: center;
  4841.  max-width: 600px;
  4842.  margin: 0 auto;
  4843.  gap: 10px;
  4844. }
  4845.  
  4846. .cta-footer .btn {
  4847.  flex: 1;
  4848.  padding: 12px 0;
  4849.  font-size: 15px;
  4850.  font-weight: 700;
  4851.  border-radius: 50px; /* bulet */
  4852.  text-decoration: none;
  4853.  text-align: center;
  4854.  color: #000000;
  4855.  transition: all 0.3s ease;
  4856.  margin: 0 4px;
  4857. }
  4858.  
  4859. /* Tombol khusus */
  4860. .cta-footer .login {
  4861.  background: linear-gradient(135deg,#af2efa,#f7b66c);
  4862.  animation: kedut 1s infinite;
  4863.  border-color: #000000;
  4864.  border-width: 2px;
  4865. }
  4866.  
  4867. .cta-footer .daftar {
  4868.  background: linear-gradient(135deg,#f7b66c,#af2efa);
  4869.  animation: kedut 1s infinite;
  4870.  border-color: #000000;
  4871.  border-width: 2px;
  4872. }
  4873.  
  4874. .cta-footer .bonus {
  4875.  background: linear-gradient(135deg,#af2efa,#f7b66c);
  4876.  animation: kedut 1s infinite;
  4877.  border-color: #000000;
  4878.  border-width: 2px;
  4879. }
  4880.  
  4881. /* Efek kedut-kedut */
  4882. @keyframes kedut {
  4883.  0%   { transform: scale(1) rotate(0deg); }
  4884.  20%  { transform: scale(1.05) rotate(-1deg); }
  4885.  40%  { transform: scale(0.97) rotate(1deg); }
  4886.  60%  { transform: scale(1.04) rotate(-1deg); }
  4887.  80%  { transform: scale(0.98) rotate(1deg); }
  4888.  100% { transform: scale(1) rotate(0deg); }
  4889. }
  4890. </style>
  4891.  
  4892.    <!-- s:nextArticleRepo -->
  4893.    <div class="bottom-sticky">
  4894.        <script type="text/javascript">
  4895.            $(document).ready(function () {
  4896.                var fbaner = $('.footer_banner');
  4897.                var btmSticky = $('.bottom-sticky');
  4898.                var shrSticky = $('.sticky-share');
  4899.                var fbanerHeight = fbaner.outerHeight();
  4900.  
  4901.                if (fbaner) {
  4902.                    btmSticky.css('bottom', fbanerHeight);
  4903.                    shrSticky.css('bottom', fbanerHeight);
  4904.                }
  4905.            });
  4906.        </script>
  4907.    </div>
  4908.    <!-- e:nextArticleRepo -->
  4909.  
  4910.    <!-- S:detik.js -->
  4911.    <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/detik.v3.2.js?v=2024080215443"></script>
  4912.    <!-- S:detik.js -->
  4913.  
  4914.    <script>
  4915.        let initedoembeditpv2 = false;
  4916.        window.addEventListener('scroll', function () {
  4917.            if (initedoembeditpv2) { return; }
  4918.            if (window.scrollY <= 100) { return; }
  4919.            initedoembeditpv2 = true;
  4920.            getScript('https://awscdn.detik.net.id/assets/js/oembed.itp.v2.js?v=2024080215443', function () {
  4921.  
  4922.            });
  4923.        })
  4924.  
  4925.    </script>
  4926.  
  4927.    <!-- S:tagfoot -->
  4928.    <script>
  4929.        var loadScriptAsync = function (uri) {
  4930.            return new Promise((resolve, reject) => {
  4931.                var tag = document.createElement('script');
  4932.                tag.src = uri;
  4933.                tag.async = true;
  4934.                tag.onload = () => {
  4935.                    resolve();
  4936.                };
  4937.                var firstScriptTag = document.getElementsByTagName('script')[0];
  4938.                firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  4939.            });
  4940.        }
  4941.        var scriptLoaded = loadScriptAsync('https://newrevive.detik.com/delivery/asyncjs.php');
  4942.  
  4943.        scriptLoaded.then(function () {
  4944.            window.reviveAsync["0cceecb9cae9f51a31123c541910d59b"].addEventListener('afterRenderBanner', rvCallbackBanner);
  4945.  
  4946.            function rvCallbackBanner(data) {
  4947.  
  4948.                console.log(data);
  4949.                for (i = 0; i < data.detail.length; i++) {
  4950.                    checkBannerAvailable(data.detail[i], 923, interstitial, true);
  4951.                    checkBannerAvailable(data.detail[i], 921, detectHeightBl, true);
  4952.                    checkBannerAvailable(data.detail[i], 1096, detectWidthNavAds, true);
  4953.                    checkBannerAvailable(data.detail[i], 1482, detectWidthNavAds, true);
  4954.                }
  4955.  
  4956.            }
  4957.        });
  4958.  
  4959.        function ads_remove(param) {
  4960.            document.getElementById(param).remove();
  4961.        }
  4962.  
  4963.        function checkBannerAvailable(dataDetail, checkZone, callFunc, available = false) {
  4964.            try {
  4965.                var show = available ? 1 : 0;
  4966.                if (show == 0) {
  4967.                    if (dataDetail.zoneid == checkZone && dataDetail.bannerid == show) {
  4968.                        callFunc();
  4969.                        console.log('zone id adjustment : ' + checkZone);
  4970.                    }
  4971.                }
  4972.                if (show == 1) {
  4973.                    if (dataDetail.zoneid == checkZone && dataDetail.bannerid >= show) {
  4974.                        callFunc();
  4975.                        console.log('zone id adjustment : ' + checkZone);
  4976.                    }
  4977.                }
  4978.            } catch (e) {
  4979.                console.log(e);
  4980.            }
  4981.        }
  4982.    </script>
  4983.  
  4984.  
  4985.  
  4986.    <!-- Pixel Tag Audience DFP -->
  4987.  
  4988.    <script type='text/javascript'>
  4989.        var axel = Math.random() + '';
  4990.        var a = axel * 10000000000000;
  4991.        document.write('<img src="https://pubads.g.doubleclick.net/activity;dc_iu=/4905536/DFPAudiencePixel;ord=' + a + ';dc_seg=1010791389;gen=Male?" width=1 height=1 border=0/>');
  4992.    </script>
  4993.    <noscript>
  4994.        <img src="https://pubads.g.doubleclick.net/activity;dc_iu=/4905536/DFPAudiencePixel;ord=1;dc_seg=1010791389;gen=Male?"
  4995.            width=1 height=1 border=0 />
  4996.    </noscript>
  4997.  
  4998.    <script type='text/javascript'>
  4999.        var axel = Math.random() + '';
  5000.        var a = axel * 10000000000000;
  5001.        document.write('<img src="https://pubads.g.doubleclick.net/activity;dc_iu=/4905536/DFPAudiencePixel;ord=' + a + ';dc_seg=1009875724;gen=Female?" width=1 height=1 border=0/>');
  5002.    </script>
  5003.    <noscript>
  5004.        <img src="https://pubads.g.doubleclick.net/activity;dc_iu=/4905536/DFPAudiencePixel;ord=1;dc_seg=1009875724;gen=Female?"
  5005.            width=1 height=1 border=0 />
  5006.    </noscript>
  5007.  
  5008.    <!-- End Pixel Tag Audience DFP -->
  5009.    <script>
  5010.        googletag.cmd.push(function () { googletag.display('div-gpt-ad-1536514583141-0'); });
  5011.    </script>
  5012.    <!-- E:tagfoot -->
  5013.    <!-- E:Footer -->
  5014.  
  5015.    <!-- S:stickystaticbanner -->
  5016.    <div class="footer_banner ads-slot"
  5017.        style="display:none; z-index: 9999;position: fixed; bottom: 0;width: 100%; padding-top: 30px;padding-bottom: 20px; background: rgb(224 224 225);">
  5018.        <style>
  5019.            .footer_banner::before {
  5020.                padding: 0;
  5021.            }
  5022.  
  5023.            .floatingshare,
  5024.            a[dtr-sec="back to top"] {
  5025.                bottom: 110px;
  5026.            }
  5027.        </style>
  5028.        <span href="#" class="ssb-close"
  5029.            style="color: rgb(255, 255, 255);position: absolute;right: 5%;top: 3px;height: 20px;background-color: white;border-radius: 50%; z-index:99999;"><img
  5030.                src="https://awscdnstatic.detik.net.id/live/_rmbassets/ssb/close-rounded.png"
  5031.                style="width: 20px;height: 20px;"></span>
  5032.        <div class="ssb-content" style="min-height: 50px;">
  5033.        </div>
  5034.    </div>
  5035.  
  5036.    <!-- <script>
  5037.        $(document).ready(function () {
  5038.            $(".ssb-close").click(function () {
  5039.                $(".footer_banner").remove();
  5040.                $("a[dtr-sec='back to top']").animate({ "bottom": "60px" }, 300);
  5041.                $(".back-top").animate({ "bottom": "60px" }, 300);
  5042.                $(".sticky-share").css({ "bottom": "0" });
  5043.                $(".floatingshare").css({ "bottom": "60px", "margin-bottom": "unset" });
  5044.            });
  5045.        });
  5046.    </script>E:stickystaticbanner -->
  5047.  
  5048.  
  5049.    <!-- CORE STYLE -->
  5050.  
  5051.    <link rel="stylesheet" href="https://awscdn.detik.net.id/inet2/m/css/style.css?v=2024080215443" as="style"
  5052.        onload="this.onload=null;this.rel='stylesheet'">
  5053.    <noscript>
  5054.        <link rel="stylesheet" href="https://awscdn.detik.net.id/inet2/m/css/style.css?v=2024080215443">
  5055.    </noscript>
  5056.  
  5057.  
  5058.  
  5059.    <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/liquidimage.js?v=2024080215443"></script>
  5060.    <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/adsclose.js?v=2024080215443"></script>
  5061.  
  5062.    <!-- s:footer asset manager -->
  5063.    <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/linkcopiedpop.js?v=2024080215443"
  5064.        defer=""></script>
  5065.    <!-- e:footer asset manager -->
  5066.    <!-- s:footer inline -->
  5067.    <script>            getScript('https://awscdn.detik.net.id/assets/js/zoomimg.js?v=2024080215443', function () {
  5068.            zoom_img({ status: true, m_viewport: 10 }); //Zoom Image Size Viewport
  5069.        })</script>
  5070.    <!-- e:footer inline -->
  5071.  
  5072.  
  5073. <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b3ae8cf874e24c569a38ed4c796ce66b","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  5074. </body>
  5075.  
  5076. </html>
  5077. <!--replaced-->

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda