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://mrtechbusiness.com

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

Home · About · News · Docs · Terms

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