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: https://infonettc.net

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

Home · About · News · Docs · Terms

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