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

Source: http://fppfsales.com

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

Home · About · News · Docs · Terms

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