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

Source: https://onesixsigma.com

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

Home · About · News · Docs · Terms

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