a, html { color: #000 } button, sup { vertical-align: baseline } body, button, figure { margin: 0 } body, html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } .icon-twitter:before, .lqd { background-repeat: no-repeat } .copy_url .notif, .media__link:before, .navbar-first .nav__item, .navbar-second .nav__item, .table-wrap td { white-space: nowrap } .btn, .navbar-second .nav a, table td { vertical-align: top } a, ins { text-decoration: none } article, figcaption, figure, footer, header, nav { display: block } html { background: #fff } button, html { font-family: Arial } a { background: 0 0; -webkit-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out; -ms-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out; -o-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out; transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out } a:active, a:focus, a:hover, button:focus { outline: 0 } .linksisip strong, .megabillboard-close, .quotesisip blockquote, strong { font-weight: 700 } sup { font-size: 75%; line-height: 0; position: relative; top: -.5em } img { border: 0; vertical-align: middle } button { font-family: inherit; font-size: 100%; line-height: normal; text-transform: none; -webkit-appearance: button } .detail__date, .detail__media-caption, .footer .nav, .profile__box__bottom, .quotesisip, body { font-family: Helvetica-FF, Arial, Tahoma, sans-serif } .btn, body { line-height: 1.4 } button::-moz-focus-inner { border: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } :root { --kuler-1: #21409a; --kuler-2: #007cbd; --kuler-3: #ef672f; --kuler-1: #562b77; --kuler-2: #812e88; --kuler-3: #aa248c } body { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeSpeed } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } a:hover { color: var(--kuler-1) } p { margin-top: 0; margin-bottom: 16px } ins { display: contents } ul { padding: 0 0 0 24px; margin-top: 12px; margin-bottom: 12px } ul li { padding: 8px 0 } footer, header { display: table; width: 100% } @media (min-width:1024px) { footer, header { display: block } } h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-top: 0; margin-bottom: 8px; line-height: 1.3 } h1 { font-size: 40px } .icon--md, h2 { font-size: 32px } h3 { font-size: 28px } h4 { font-size: 24px } h5 { font-size: 20px } h6 { font-size: 16px } .font-xxs { font-size: 12px !important } .container { width: 100%; padding-left: calc(26px / 1.444444444444); padding-right: calc(26px / 1.444444444444); margin-right: auto; margin-left: auto } .grid-row { display: flex; flex-wrap: wrap; margin-left: calc(-26px / 4.3333333333); margin-right: calc(-26px / 4.3333333333) } .ratiobox, .table-wrap { display: block; position: relative } .no-gutter { margin-right: 0; margin-left: 0 } .no-gutter>[class*=column-] { padding-right: 0; padding-left: 0 } .column-6, .column-auto { position: relative; width: 100%; padding-left: calc(26px / 4.3333333333); padding-right: calc(26px / 4.3333333333) } .column-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .column-6 { -ms-flex: calc(6 / 12); flex: 0 0 calc(100% / (12 / 6)); max-width: calc(100% / (12 / 6)) } table td { border: 1px solid #b3b3b3; padding: 5px 10px } .table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .lqd { background-size: cover; background-position: center center } .btn--default, button { background: #f0f0f0; color: #000 } .lqd img { display: none } .ratiobox { height: 0; overflow: hidden; padding-bottom: 100%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .btn, .icon { display: inline-flex } .ratiobox--16-9, .ratiobox.ratio_16_9 { padding-bottom: 56.25% } .ratiobox iframe { position: absolute; width: 100%; height: 100% } .ratiobox--4-3 { padding-bottom: 75% } button { cursor: pointer; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .btn { position: relative; font-size: 16px; align-items: center; padding: 8px 16px; justify-content: center; cursor: pointer; border: 1px solid transparent; border-radius: 4px } .icon, .icon-item { vertical-align: middle } .btn--sm { font-size: 12px; padding: calc(12px / 3) 12px } .btn--md { font-size: 14px; padding-top: 6px; padding-bottom: 6px } .btn:hover { color: #000; opacity: .8 } .btn--outline { border: 1px solid #000; color: #000; background: 0 0 !important } .icon { line-height: 0 } .icon--xs { font-size: 16px } .btn .icon { margin: 0 4px } .list-content, .list-content__item:last-child { margin-bottom: 0 } .icon-arrow-right:before { content: "\69" } .icon-chevron-down:before { content: "\6d" } .icon-arrow-up:before { content: "\6f" } .icon-live-tv:before { content: "\75" } .icon-close:before { content: "\4f" } .icon-notification-bg:before { content: "\22" } .icon-comment:before { content: "\2d" } .icon-link:before { content: "\7e" } .icon-facebook:before { content: "\61" } .icon-twitter:before { content: ""; width: 20px; height: 18px; 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"); background-position: center } .icon-instagram:before { content: "\e006" } .icon-linkedin:before { content: "\e007" } .icon-youtube:before { content: "\e008" } .icon-whatsapp:before { content: "\e00c" } .icon-telegram:before { content: "\e00e" } .copy_url { position: relative } .breaking-detikpagi, .breaking-sticky { left: -100%; position: fixed; visibility: hidden; opacity: 0 } .copy_url .notif { display: inline-block; padding: 8px; margin: 0; position: absolute; z-index: 5; bottom: 0; left: 50%; width: auto; font-size: 14px; background: red; color: #fff; opacity: 0; -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .copy_url .notif:before { position: absolute; content: ""; border: 3px solid; right: 50%; margin: 0 -7px 0 0; top: 100%; border-top: 8px solid red; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: none } .breaking-sticky { z-index: 5; right: 0; height: 0; top: 88px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out } .breaking-detikpagi, .breaking-detikpagi .media--left { height: 62px !important } .breaking-sticky .media__text { overflow: hidden } .breaking-sticky .media__title { white-space: nowrap; margin-left: -10px; overflow: hidden; padding: 10px 0; line-height: normal; font-size: 14px } .breaking-sticky .media__link { color: #fff } .breaking-sticky .media__label { background: red; border-radius: 0; -webkit-transform: skew(-15deg, 0deg); -moz-transform: skew(-15deg, 0deg); -ms-transform: skew(-15deg, 0deg); -o-transform: skew(-15deg, 0deg); transform: skew(-15deg, 0deg); left: -8px; top: auto; padding: 10px 20px 10px 24px; position: relative; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .8) } .breaking-detikpagi { width: 100%; background: url("images/bg-detikpagi.webp") top/101% no-repeat #ff4c05; bottom: 100px; z-index: 10; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out } .breaking-detikpagi__content { border-radius: 10px 50px 50px 10px } .breaking-detikpagi__close { position: absolute; z-index: 5; width: 27px; height: 27px; right: 0; top: -13px; background: #000; color: #fff } .breaking-detikpagi .media--left .media__image { width: 110px; height: 80px; z-index: 3 } .detikpagi-live { margin-top: 8px } .detikpagi-live span { position: relative; background: #ffe600; display: inline-block; padding: 0 8px 0 20px; color: #ee4023; font-size: 9px; border-radius: 12px } .detikpagi-live span:before { content: ""; width: 7px; height: 7px; position: absolute; top: 3px; left: 7px; overflow: hidden; animation: 1s live-detikpagi; -moz-animation: 1s infinite live-detikpagi; -webkit-animation: 1s infinite live-detikpagi; background: #c72026 } .detikpagi-live__body { display: flex; align-items: center; gap: 16px; margin-left: 12px } .detikpagi-live__body__left { margin-top: 5px } .detikpagi-live__body__right { display: flex; gap: 16px; align-items: center; margin-right: 5px; width: 100% } .detikpagi-live__body__right__text { font-weight: 600; font-size: 11px; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 80%; margin-top: -7px } .detikpagi-live__body__right__button { width: 20% } .detikpagi-live__body__right__button__play { display: block; padding-bottom: 10px } .detikpagi-live__body__right__button__pause { display: none; padding-bottom: 10px } @keyframes live-detikpagi { 0%, 100% { background: #fcc43f } 50% { background: #c72026 } } .header { display: flex; padding: 8px 0 0; justify-content: space-between; align-items: center; background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15); position: sticky; position: -webkit-sticky; top: 0; z-index: 26; width: 100%; line-height: 1 } .icon-item__yt, .js-menu-active .menu-button span, .notif__balon { background: red } .header__left { display: flex; align-items: center; left: -12px } .header__right { display: flex; height: 41px } .header__brand { height: 24px } .header__brand img { height: 100% } .header__icon { width: 43px; font-size: 35px; padding: 0 0 0 8px; position: relative } .header__icon--live { color: #21409a } .header__icon--notif { color: #999 } .menu-button { cursor: pointer; height: 45px; width: 40px; position: relative } .menu-button__wrap { position: absolute; top: 15px; left: 12px } .menu-button span { cursor: pointer; height: 2px; width: 20px; background: #21409a; position: absolute; display: block; border-radius: 10px; opacity: 1; left: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden } .menu-button span:first-child, .top-0 { top: 0 } .menu-button span:nth-child(2) { top: 7px } .menu-button span:nth-child(3) { top: 14px; width: 14px } .js-menu-active .menu-button span:first-child { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } .js-menu-active .menu-button span:nth-child(2) { opacity: 0; left: -60px } .js-menu-active .menu-button span:nth-child(3) { top: 8px; width: 20px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg) } .notif__balon { position: absolute; width: 22px; height: 22px; padding: 4px; right: -4px; top: 0; z-index: 1; border-radius: 50%; color: #fff; font-size: 12px } .media__date, .media__text { color: #666; font-size: 12px } .list-content { padding-left: 0; margin-top: 0 } .list-content--column, .list-content__item:first-child { margin-top: 8px } .list-content__item { position: relative; width: 100%; padding-top: 0; padding-bottom: 8px; margin-bottom: 8px } .list-content--column .list-content__item:first-child { margin-top: 0 } .list-content--column .list-content__item:last-child, .media__image { margin-bottom: 12px } .list-content--column .list-content__item { padding-bottom: 12px; margin-bottom: 12px } .media { position: relative; overflow: hidden; flex: 1 } .media__image { position: relative; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); background: #f0f0f0 } .linksisip .lihatjg a, .media__image a, .nav a { display: block } .media__text { flex: 1; position: static } .media__title { margin: 0; flex: 1 } .detail__subtitle, .media__subtitle { display: inline-block; margin-top: 0; margin-bottom: 4px } .media__date { display: inline-block; margin-top: 4px; line-height: 1.5 } .media__author { position: relative; z-index: 3; margin-top: 8px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; color: #333 } .media__author-image-avatar { position: relative; width: 25px; height: 25px; display: inline-flex; overflow: hidden; margin-right: 8px; background: #f0f0f0 } .media__author a:hover { text-decoration: underline } .media__link { position: static } .media__link:before { position: absolute; content: ""; bottom: 0; left: 0; top: 0; right: 0; overflow: hidden; z-index: 2 } .media__label { display: inline-block; position: absolute; top: 4px; left: 4px; z-index: 1; color: #fff } .media--left, .text-list { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex } .ads-slot, .box-ads, .text-list { position: relative } .media--left { display: flex; align-items: flex-start } .text-list { display: flex; align-items: baseline; font-size: 16px } .text-list__data { margin-right: 8px } .box-ads { margin-top: 16px; margin-bottom: 24px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center } .box-ads--container { margin-left: calc(-26px / 1.444444444444); margin-right: calc(-26px / 1.444444444444) } .ads-slot { z-index: 1; margin: 0 auto; background: #f7f7f7 } .ads-slot>* { flex: 1 100% } .ads-slot img { max-width: 100%; height: auto } .ads-slot:before { position: absolute; content: "Advertisement"; left: 50%; top: 50%; height: 50px; z-index: -1; letter-spacing: 2px; 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"); background-repeat: no-repeat; background-position: center 4px; background-size: 24px; padding: 3px 0; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #999; font-size: 12px; align-items: flex-end } .ads-slot__name { display: none; position: absolute; top: calc(50% - 40px); padding: 8px 12px; z-index: -1; font-size: 14px; color: #ccc } .ads-slot--smb { height: 50px; z-index: 2; box-shadow: 0 calc(4px / 2) 4px 0 rgba(0, 0, 0, .15); position: sticky; position: -webkit-sticky; top: 0 } .ads-slot-mb-container { width: 100%; height: 506px; position: absolute; background-attachment: scroll; background-position: left top; background-size: cover; clip: rect(auto, auto, auto, auto); justify-content: center } .ads-slot--bb, .ads-slot--mb { background-repeat: no-repeat; background-position: center center } .ads-slot--mb { width: 320px; height: 480px; margin-top: 26px !important; position: fixed !important; z-index: 1 !important; background-image: url("https://awscdn.detik.net.id/assets/images/ads/mega-billboard-placeholder.webp") } .ads-slot--bb { width: 100%; height: 156px; background-image: url("https://awscdn.detik.net.id/assets/images/ads/billboard-placeholder.webp"); position: relative; z-index: 1; margin: 0 auto; background-color: #f7f7f7 } .ads-slot--sb { width: 300px; height: 250px } .ads-slot--ib { width: 320px; height: 50px } .megabillboard { height: 524px; position: relative } .megabillboard__swipe { position: absolute; left: 0; bottom: 0; right: 0 } .megabillboard__swipe p { display: block; margin: 0; font-size: 10px; padding: 2px 0; background: var(--kuler-1) } .megabillboard-close { cursor: pointer; position: fixed; right: calc(50% - 160px); padding: 5px 0; z-index: 2; color: var(--kuler-1); font-size: 12px } .mgt-8 { margin-top: 8px !important } .pdt-12 { padding-top: 12px !important } .pdb-12 { padding-bottom: 12px !important } .pdt-16 { padding-top: 16px !important } .pdb-16 { padding-bottom: 16px !important } .mgt-16 { margin-top: 16px !important } .mgb-16 { margin-bottom: 16px !important } .w-100 { width: 100% !important } .flex-center { align-items: center !important } .box__title, .breaking-sticky .media__label, .breaking-sticky .media__link, .detail__multiple-paging, .detail__newstag-title, .detail__subtitle, .font-family-base-2, .media__subtitle, .media__title, .navbar-second .nav a { font-weight: 400 } .ads-slot:before, .detail__body-tag .nav__item, .detail__date, .detail__media-caption, .footer .nav, .footer__copy, .media__date { font-weight: 300 } .box__title, .detail__title, .font-base-semibold, .linksisip a, .nav, .page__title { font-weight: 600 } .ads-slot:before, .box__header a, .box__title, .breaking-sticky .media__label, .breaking-sticky .media__link, .btn, .collapsible__top, .detail__author, .detail__body-tag .nav__item, .detail__newstag-title, .detail__subtitle, .detail__title, .detikpagi-live__body__right__text, .font-family-base-2, .footer, .footer-title, .linksisip, .list__berita__item__bottom__date, .list__berita__item__bottom__title, .list__berita__title, .media__author, .media__subtitle, .media__title, .nav, .nav-framebar__title, .page__breadcrumb, .page__title, .profile__box__top, .smartbanner_new, .text-list { font-family: Montserrat-FF, Arial, Tahoma, sans-serif } .ads-slot, .ads-slot--bb, .ads-slot-mb-container, .ads-slot:before, .breaking-detikpagi__close, .breaking-sticky .media__text, .detail__newstag, .display-flex, .footer__app-store, .navbar-first, .notif__balon, .sticky-share { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .detail__body-tag .nav, .list-content__item, .nav, .nav--center { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap } .box__header, .flex-between, .page__breadcrumb, .page__header { justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; align-items: center } .ads-slot, .detail__newstag, .detikpagi-live, .header__icon, .icon-item, .megabillboard__swipe p, .text-center { text-align: center !important } .ads-slot, .ads-slot--bb, .breaking-detikpagi__close, .notif__balon, .sticky-share { align-items: center; justify-content: center } .copy_url .notif, .detail__body-tag .nav__item, .dropdown-menu__content, .media--image-radius .media__image, .media__label { border-radius: 4px } .breaking-detikpagi__close, .circle, .detikpagi-live span:before, .icon-item .comment-count, .media__author-image-avatar, .nav__item--new a:after { border-radius: 50% } .color-black { color: #000 } .breaking-sticky .media__text, .megabillboard__swipe p { color: #fff } .color-purple-light-2 { color: #812e88 } .sticky-share__wrap { background: #fff } .media__author-image-avatar img, .media__image a>*>img { position: absolute; max-height: 100%; max-width: 100%; width: auto; height: auto; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .wrap-zoom { z-index: 666; position: relative !important } .dropdown, .dropdown-wrap { position: relative } .img-zoomout, .wrap-zoom { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out } .p_img_zoomin, .wrap-zoom { position: relative; -webkit-transition: transform .3s; -ms-transition: transform .3s; transition: transform .3s } .dropdown-wrap { display: inline-block } .dropdown-menu { text-align: left; padding-top: 4px; display: none; min-width: 150px; position: absolute; top: 100%; left: -8px; visibility: hidden; z-index: 3 } .dropdown-menu__content { min-width: 200px; position: relative; margin: 8px; background: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15) } .dropdown-menu__content:after { content: ""; position: absolute; left: 28px; width: 0; height: 0; top: 0; border: 6px solid #000; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .05) } .dropdown-menu__content-article { min-width: 260px; max-width: 300px; padding: 12px } .dropdown-menu--right .dropdown-menu__content:after { left: auto; right: 2px } .dropdown-menu--right { left: auto; right: -8px } .dropdown>.icon { -webkit-transition: transform .25s ease-in-out; -moz-transition: transform .25s ease-in-out; -ms-transition: transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out } .box, .detail__media, .detail__multiple-paging { margin-left: -18px; margin-right: -18px; padding-left: 18px; padding-right: 18px } .box__header { margin-top: 8px; margin-bottom: 8px; font-size: 23px } .box__title { margin: 0; font-size: 18px; color: #562b77 } .box { position: relative; word-wrap: break-word; padding-top: 8px; padding-bottom: 8px; border-top: 3px solid #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: column; margin-bottom: 24px } .box__header a, .nav, .nav__item { padding: 0 } .box__logo { max-width: 200px; max-height: 45px; display: block } .page__header { margin-top: 12px } .page__title { margin: 0; font-size: 23px; color: #562b77 } .page__breadcrumb { color: #999; font-size: 12px } .page__breadcrumb a { color: #999; position: relative } .page__breadcrumb a:after { content: "/"; padding: 0 4px } .footer .nav__item:last-child a:after, .page__breadcrumb a:last-child:after { content: "" } .page__breadcrumb a:hover { color: #333 } .nav__item--new a:after { content: ""; width: 5px; height: 5px; background: red; position: middle; top: 0; margin-left: 4px; overflow: hidden } .footer .nav__item a, .nav, .nav__item, .nav__item--new, .navbar, .navbar-second .nav a, .navbar-shadow, .redirect { position: relative } .nav { list-style: none; margin: 0; font-size: 14px } .navbar-second .nav a { display: inline-block; padding: 4px 8px; text-align: center; cursor: pointer; border: 1px solid transparent; border-radius: 4px; background: #f7f7f7 } .nav__item a { padding: 4px 24px 4px 0 } .footer .nav__item a { padding: 0 8px; margin-bottom: 8px; color: #666 } .footer .nav__item a:after { content: "."; position: absolute; top: -12px; right: -4px; font-size: 23px; font-weight: 400 } .navbar-shadow .navbar--scroll .nav__item:first-child { padding-left: 16px } .navbar-shadow .navbar--scroll .nav__item:last-child { padding-right: 16px } .navbar-first .nav__item:last-child a { padding-right: 0 } .navbar-second .nav__item { margin-top: 8px; margin-right: 8px; margin-bottom: 8px } .navbar-first .nav__item--active a { color: #562b77 } .detail__body-tag .nav__item { background: #f0f0f0; margin: 4px; display: block; padding: 4px 16px; color: #000; font-size: 12px } .footer .nav { margin: 24px 0 } .navbar--scroll .nav { padding-top: 4px; padding-bottom: 4px } .navbar-first .nav { height: 45px } .navbar-first .nav, .navbar-second .nav { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: nowrap } .back-top, .nav--center { justify-content: center } .navbar-first .nav::-webkit-scrollbar, .navbar-second .nav::-webkit-scrollbar { display: none } .detail__body-tag .nav { margin: 8px -4px } .header .navbar { height: 35px; overflow: hidden } .navbar-shadow:after, .navbar-shadow:before { height: 100%; top: 0; position: absolute; z-index: 1; content: "" } .navbar--scroll { padding-top: 0; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch } .navbar-wrap { overflow: hidden } .navbar-shadow { margin-left: -18px; margin-right: -18px } .navbar-shadow:before { width: 18px; left: 0; background: #fff; background: -moz-linear-gradient(right, #fff 25%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(right, #fff 25%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, #fff 25%, rgba(255, 255, 255, 0) 100%) } .navbar-shadow:after { width: 24px; right: 0; background: #fff; background: -moz-linear-gradient(left, #fff 25%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, #fff 25%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, #fff 25%, rgba(255, 255, 255, 0) 100%) } .back-top { width: 40px; height: 40px; position: fixed; right: 8px; bottom: 60px; background: rgba(204, 204, 204, .5); color: #fff; display: flex; align-items: center; font-size: 22px; z-index: 10 } .back-top a { display: inherit; color: #fff } .dropdown-wrap .list-content__item:last-child { border-bottom: none } .dropdown-wrap .list-content__item { border-bottom: 1px solid #f0f0f0 } .media__title { font-size: 16px } .footer, .linksisip strong, .list-content--column .media__title, .media__label { font-size: 14px } .detail__subtitle, .media__subtitle { font-size: 14px; color: var(--kuler-3) } .media__label { padding: 5px 12px; background: #562b77 } .media--left .media__image { margin: 0 12px 0 0; width: 100px } .detail__multiple-paging .text-list__data { color: var(--kuler-1) } .btn--blue-base { background: #21409a; color: #fff } .btn--blue-base:hover { color: #fff } .btn--blue-base.btn--outline { border-color: #21409a; color: #21409a } .btn--paging { background: var(--kuler-1); color: #fff } .btn--paging:hover, .icon-item:hover { color: #fff } .footer { text-align: center; background: #e6e6e6; color: #666 } .footer__logo { margin-top: 24px; display: inline-block } .footer__logo img { width: 160px } .footer__social { margin: 0 0 20px } .footer__copy { display: inline-block; margin-bottom: 64px } .footer__border { height: 4px; display: block } .footer-title, .footer__get-app { font-size: 12px } .footer-title__partof { margin-top: 8px; color: #666; padding: 4px 0 } .footer-title__partof img { width: 80px; vertical-align: bottom; margin: 0 0 3px 3px } .footer__app-store { justify-content: center; align-items: center } .footer__app-store img { margin: 16px 2px; width: auto; height: 34px } @media (max-width:359px) { .footer__app-store img { height: 25px } } .bottom-sticky { height: 0 } .redirect__page { background: var(--kuler-1); margin: 0 0 16px; border-radius: 8px; padding: 8px 12px; color: #f7f7f7; transform: translateY(500px); -webkit-transition: transform .4s cubic-bezier(.79, .33, .64, .82); transition: transform .4s cubic-bezier(.79, .33, .64, .82) } .detail__body-text p>a, .detail__title, .redirect__close-btn { color: var(--kuler-1) } .box-menu, .sticky-share { -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out } .redirect__page h3, .redirect__page h4 { color: #f7f7f7 } .redirect__page h4 { margin-bottom: 0; max-height: 48px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal } .redirect__close { display: flex; justify-content: center; align-items: center; padding-left: 0 } .redirect__close-btn { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; text-align: center; border-radius: 100%; background: #e3f5fe99; font-size: 18px } .redirect .media__image.img-xss { width: 56px } .redirect .media__text { display: flex; align-items: center; justify-content: center; padding-left: 12px } .redirect .media__text.nomargin { padding-left: 0; width: 100% } .redirect .media__text.nomargin>:first-child { width: 100% } .redirect .media { align-items: center; justify-content: center } .sticky-share { visibility: hidden; padding: 4px 0; z-index: 27; position: fixed; left: 0; right: 0; height: 0; bottom: -100px; opacity: 0; transition: .3s ease-in-out } .js-menu-active .box-menu, .sticky-share--sticked { visibility: visible; opacity: 1 } .sticky-share__wrap { padding-left: 8px; padding-right: 8px; box-shadow: 0 calc(4px / 2) 4px 0 rgba(0, 0, 0, .15); border-radius: 24px } .sticky-share--sticked { bottom: 0; margin-bottom: 25px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .detail .sticky-share .icon-item { position: relative; width: 26px; height: 26px; margin-left: 6px; margin-right: 6px } .icon-item .comment-count { position: absolute; font-size: 10px; top: -4px; right: -4px; padding: 0 4px; min-width: 15px; background: #ed131b } .detail__header { text-align: center; padding: 16px 0 } .detail__title { font-size: 23px; margin-bottom: 12px } .dropdown-wrap .detail__title { font-size: 14px; padding-bottom: 12px; margin: 0; color: var(--kuler-1) } .detail__date { display: inline-block; margin-top: 4px; color: #666; font-size: 12px } .detail__subtitle { font-size: 18px; margin-bottom: 0; color: #f7931d } .detail__author { margin-top: 8px; margin-bottom: 8px; font-size: 12px; color: #666 } .detail__label { color: #aa248c } .detail__media { padding: 0; position: relative } .detail__media-image>img { width: 100%; min-height: 211px; max-width: none; position: relative; z-index: 2 } .detail__media-image .img-zoomout { width: 100%; max-width: 100% } .detail__media-caption { display: inline-block; margin-top: 4px; color: #666; font-size: 12px; padding: 4px 18px } .detail__share, .smartbanner_new { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex } .detail__body, .detail__body-text>p:nth-of-type(2) { margin-top: 16px } .detail__body-text img { max-width: 100% } .detail__body-text>p:first-of-type { display: inline } .detail__body-text>h2, .detail__body-text>h3 { font-size: 18px } .detail__body-text>h4, .detail__body-text>h5, .detail__body-text>h6, .linksisip a { font-size: 16px } .detail__body-text table { width: 100% } .detail__share { display: flex; align-items: center; font-size: 14px; justify-content: center } .detail__newstag { margin: 16px 0 } .detail__newstag-title { font-size: 14px; flex: 1 } .detail__newstag img { margin-left: 16px } .detail__multiple-paging { padding: 12px 18px 0; border-top: 1px solid #f0f0f0; color: #999; font-size: 14px } .pic_artikel_sisip, .pic_artikel_sisip_table { font-size: 12px; line-height: 120%; width: 100%; text-align: center } .linksisip { position: relative; margin: 8px 0; border-left: 5px solid #562b77 } .linksisip td, .pic_artikel_sisip_table td, .quotesisip td { border: none; padding: 0 } .linksisip a { color: #562b77; display: block } .linksisip .lihatjg { padding-left: 20px } .linksisip .lihatjg strong { display: block; margin-bottom: 4px } .quotesisip { position: relative; margin: 20px 0; padding: 0; border: 0; width: 100%; background: #fff; border-left: 5px solid #562b77 } .profile__box__bottom, .profile__box__top { display: flex; font-weight: 400; padding-left: 70px; font-style: normal } .quotesisip blockquote { display: block; width: 100%; font-size: 23px; margin: 0 0 12px; padding: 8px 12px 0 24px; line-height: 120%; position: relative; color: #000 } .quotesisip blockquote:before { font-family: detiknetwork-FF; content: "\7b"; font-size: 45px; display: block; margin-bottom: 8px; color: #999 } .quotesisip cite { color: #666; font-size: 14px; display: block; margin-top: 4px; margin-left: 24px } .pic_artikel_sisip_table { margin-bottom: 20px; color: #666; table-layout: fixed } .pic_artikel_sisip { color: #999 } .pic_artikel_sisip .pic { position: relative; display: inline-block; max-width: 100%; text-align: center } .pic_artikel_sisip .pic img { position: relative; max-width: 100%; max-height: 400px; height: auto; overflow: hidden; display: block; top: auto; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: auto; margin-right: auto } .pic_artikel_sisip .pic>span { position: relative; display: block; z-index: 1; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #e6e6e6 } .sisip_embed_sosmed iframe { min-width: 100% !important; width: 100px !important } .profile__box { background: #f7f7f7; border-radius: 8px; margin: 24px 0; position: relative } .profile__box__top { background: #562b77; color: #fff; height: 41px; border-radius: 8px 8px 0 0; font-size: 16px; line-height: 20px; align-items: center } .profile__box__bottom { font-size: 14px; line-height: 18px; color: #000; padding-right: 14px } .profile__box__bottom__img { position: absolute; top: 12px; left: 0; margin-left: 12px } .profile__box__bottom__img img { width: 48px; height: 48px; object-fit: cover; border-radius: 100%; border: 2px solid #fff; background: #fff } .profile__box__bottom__text { margin: 12px 0 } .icon-item { display: inline-flex; align-items: center; justify-content: center; margin: 5px 4px; width: 32px; height: 32px; font-size: 20px; color: #fff; border-radius: 100% } .detail .icon-item { width: 35px; height: 35px; padding: 2px } .icon-item__fb { background: #3c5a99 } .icon-item__tw { background: #000 } .icon-item__ig { background: #5851db; background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%); background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%); background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%) } .icon-item__in { background: #0077b5 } .icon-item__wa { color: #fff; background: #25d366 } .icon-item__tele { color: #fff; background: #08c } .icon-item__link { color: #fff; background: #999 } .tableSpec { max-width: 100%; width: 100%; color: #727374; font-size: 13px; overflow: hidden } .tableSpec tr td { border: 1px solid #f1f2f3; padding: 7px 10px } .tableSpec tr td:first-child { background: #f7f8f9; font-weight: 700; width: 40% } .tableSpec tr td:nth-child(2) { display: none } .tableSpec tr td.title { padding: 5px 10px; font-size: 16px; line-height: 1.5; background: 0 0; font-weight: 400; color: #000 } .tableSpec tr:hover td { background: #ffffe6 } .tableSpec tr:hover td.title { background: 0 0 } .breaking-sticky .media__text, .footer__border { background: #562b77; background: -moz-linear-gradient(135deg, #562b77 50%, #aa248c 100%); background: -webkit-linear-gradient(135deg, #562b77 50%, #aa248c 100%); background: linear-gradient(135deg, #562b77 50%, #aa248c 100%) } .bottom-sticky { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 26 } .media__image.img-xss { width: 56px } .collapsible { background: #f7f7f7; padding: 16px; width: 100%; border: 1px solid #ccc; text-align: left; outline: 0; border-radius: 4px; margin-bottom: 24px; cursor: pointer } .collapsible__top { color: #000; font-weight: 700; font-size: 16px; width: 100% } .collapsible__top::after { content: ""; background-image: url("images/path-down.png"); float: right; margin-left: 5px; background-size: cover; background-repeat: no-repeat; height: 13px; width: 23px; margin-top: 5px; position: relative; -webkit-transition: transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -ms-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out } .active .collapsible__top::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .collapsible__content { transition: max-height .5s ease-out; overflow: hidden; max-height: 0; padding: 0 16px } .collapsible__content a { display: block } .mgt-0 { margin-top: 0 !important } .fs-14 { font-size: 14px !important } .active__content { max-height: 2000px; transition: max-height .5s ease-in } .color__blue { color: #21409a !important } .position-relative { position: relative !important } .list__berita { width: 100%; overflow-x: scroll; overflow-y: hidden; margin-bottom: 12px; padding-bottom: 20px; display: flex } .list__berita__title { color: var(--kuler-1); font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px } .list__berita__item { width: 150px; margin-right: 14px } .list__berita__item__top { position: relative; margin-top: 10px } .list__berita__item__top__logo { position: absolute; top: 2px; right: 5px } .list__berita__item__bottom { margin-top: 5px } .list__berita__item__bottom__title { font-style: normal; font-weight: 500; font-size: 12px; line-height: 15px; letter-spacing: .04px; color: #000 } .list__berita__item__bottom__date { color: #9b9b9b; font-style: normal; font-weight: 300; font-size: 11px; line-height: 13px; letter-spacing: -.22px } .komentar_box { padding-top: 90px } @media (min-width:576px) { .komentar_box { padding-top: 60px } } .smartbanner_new { font-weight: 300; justify-content: space-between; display: flex; flex-flow: wrap; align-items: center; background: #fff } .nav-framebar .nav__item a, .smartbanner_new .sb_close { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: center } .nav-framebar__title, .smartbanner_new .get_app, .smartbanner_new strong, .user-log__login, .user-log__name { font-weight: 600 } .smartbanner_new .sb_close { display: flex; justify-content: center; border-radius: 50%; color: #21409a } .box-overlay { border-radius: 4px; position: fixed; overflow: visible; top: 53px; right: 0; bottom: 0; left: 0; margin: 12px; padding: 8px; z-index: 100; background: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15) } .box-overlay__header { position: relative; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; align-items: center } .box-overlay__header-nav { position: absolute; right: 0; z-index: 3 } .box-overlay--arrow-logo:after { content: ""; position: absolute; width: 0; height: 0; top: 0; left: 104px; border: 8px solid #000; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, .05) } .box-overlay__body { position: absolute; top: 50px; right: 8px; bottom: 8px; left: 8px; overflow-x: scroll !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch } .js-menu-active header.header, .js-overlay { position: fixed; top: 0 } .box-menu { visibility: hidden; opacity: 0; transition: .3s ease-in-out } .user-log .media__author { margin: 0 } .user-log .media__author-image-avatar { width: 35px; height: 35px } .user-log__login { color: #21409a; font-size: 14px } .nav-framebar { padding: 8px 0; border-top: 1px solid #f0f0f0 } .nav-framebar .nav, .smartbanner_new strong { display: block; font-size: 12px } .nav-framebar .nav__item { display: inline-block; width: 100%; vertical-align: top; white-space: normal } .nav-framebar .nav__item a { padding: 4px; color: #666; display: flex } .nav-framebar .nav__item-new { display: inline-block; padding: 0 4px; font-size: 8px; margin-left: 4px; line-height: normal; background: red; color: #fff } .nav-framebar .nav__icon { width: 23px; height: 23px; display: inline-block; margin-right: 5px } .nav-framebar .nav__icon img { width: 100% } .nav-framebar .nav--two-col { columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0 } .nav-framebar .nav.pl15 { padding-left: 15px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px } .nav-framebar__title { padding: 4px; margin-bottom: 8px; font-size: 14px; color: #333 } .js-overlay { width: 100%; height: 100%; z-index: 25; background: rgba(0, 0, 0, .6); opacity: 0; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .js-menu-active .js-overlay { opacity: 1 } .js-menu-active { padding-top: 88px; overflow: hidden } .smartbanner_new { height: 50px; padding: 0 8px; position: relative; font-size: 11px; align-items: center; text-align: left; z-index: 27 } .smartbanner_new .app_logo { height: 36px; margin-right: 10px } .smartbanner_new .get_app { margin-right: 20px } .smartbanner_new .sb_close { position: absolute; text-decoration: none; height: 14px; width: 14px; font-size: 10px; top: 5px; right: 5px; border: 1px solid #21409a } .smartbanner_new>div>span { height: 31px } .n-columns-2 { display: grid; grid-template-columns: repeat(2, 1fr); font-weight: 700; } .n-columns-2 a { text-align: center; } .login, .register { color: #000000; padding: 13px 10px; } .login, .login-button { border: 1px solid #ffffff; background: linear-gradient(to bottom, #a627ef 0, #a627ef 100%); } .register, .register-button { background: linear-gradient(to bottom, #23f7e1 0, #23f7e1 100%); border: 1px solid #ffffff; } Link alternatif Crot4d dan Link resmi PAY4D” /> Link alternatif Crot4d dan Link resmi PAY4D” /> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "CROT4D", "item": "https://gourmetreception.co/" }, { "@type": "ListItem", "position": 2, "name": "Cyberlife", "item": "https://inet.detik.com/news" }, { "@type": "ListItem", "position": 3, "name": "Cyber Life", "item": "https://inet.detik.com/cyber-life" } ]} { "@context": "https://schema.org", "@type": "WebPage", "headline": "CROT4D > Link alternatif Crot4d dan Link resmi PAY4D", "url": "https://inet.detik.com/cyberlife/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara", "datePublished": "2024-08-02T14:04:25+07:00", "image": "https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg", "thumbnailUrl": "https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg?w=200" } { "@context": "https://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://inet.detik.com/cyberlife/d-7470123/jadi-sensasi-internet-penembak-turki-agak-lain-angkat-bicara" }, "headline": "CROT4D > Link alternatif Crot4d dan Link resmi PAY4D", "image": { "@type": "ImageObject", "url": "https://res.cloudinary.com/dlnvwjm0j/image/upload/v1722855586/cocain_eogid1.jpg" }, "datePublished": "2024-08-02T14:04:25+07:00", "dateModified": "2024-08-02T14:04:25+07:00", "author": { "@type": "Person", "name": "CROT4D" }, "publisher": { "@type": "Organization", "name": "detikcom", "logo": { "@type": "ImageObject", "url": "https://awscdn.detik.net.id/detik2/images/logo.jpg" } }, "description": "CROT4D merupakan platform resmi game online dengan link daftar resmi dilengkapi qris agar lebih mudah dalam mencari kemenangan dan cuan berlimpah setiap hari." } var wid_method = "GET"; if (navigator.userAgent.match(/UCBrowser/i) && document.location.protocol == 'http:') { window.location.href = 'https://' + document.location.host + document.location.pathname; } 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 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) }) }); var baseurl = "https://inet.detik.com", asset_url = "https://awscdn.detik.net.id/inet2/m", site_id = "5", channel_id = "105", responsive = false, itp_locals_active = false, itp_site_name = "CROT4D" 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) } 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)) })) }

let urlParameter = 'null'; var click = $("#menuClick"); var search = $("#searchClick"); var closeSearch = $("#searchClose"); function open_menu() { $("body").append(""); setTimeout(function () { $("body").addClass("js-menu-active"); }, 100); } function close_menu() { setTimeout(function () { $(".js-overlay").remove(); }, 300); $("body").removeClass("js-menu-active"); } click.click(function (e) { var framebarasset = document.getElementsByClassName("framebarasset-lazy"); if (framebarasset.length != 0) { var imgframebarasset = framebarasset[0].querySelectorAll("[data-src]"); for (let i = 0; i < imgframebarasset.length; i++) { imgframebarasset[i].setAttribute("src", imgframebarasset[i].getAttribute("data-src")); imgframebarasset[i].removeAttribute("data-src") } } e.preventDefault(); if ($("body").hasClass("js-menu-active")) { close_menu(); } else { open_menu(); var scroll = $(window).scrollTop(); var height_billboard = $("#megabillboard").height(); if (($("#megabillboard").length) && (scroll < height_billboard)) { $("html, body").animate({ scrollTop: height_billboard }); } } $(document).bind("mouseup touchend", function (e) { var this_click = $(".box-overlay, #menuClick"); if ($("body").hasClass("js-menu-active")) { if ( !this_click.is(e.target) &&// if the target of the click isn't the container... this_click.has(e.target).length === 0 ) { // ... nor a descendant of the container setTimeout(function () { $(".js-overlay").remove(); }, 300); $("body").removeClass("js-menu-active"); } } }); $(document).on("mousewheel", function (e) { var scroll = $(window).scrollTop(); if (($("body").hasClass("js-menu-active")) && ($("#megabillboard").length) && (scroll < height_billboard)) { close_menu(); } }); $(document).on("touchmove", function () { $(document).trigger("mousewheel"); }); }); // NEW SEARCH function open_search() { $("body").append(""); $(".search-overlay__input").focus(); setTimeout(function () { $("body").addClass("search-active"); }, 100); } function close_search() { setTimeout(function () { $(".js-overlay").remove(); }, 300); $("body").removeClass("search-active"); } search.click(function (e) { var searchasset = document.getElementsByClassName("searchasset-lazy"); if (searchasset.length != 0) { var imgsearchasset = searchasset[0].querySelectorAll("[data-src]"); for (let i = 0; i 0) { $("#clear-search-text").removeClass("hide-element"); $(".search-overlay__body-content").addClass("hide-element"); $(".search-overlay__body-suggest").removeClass("hide-element"); } else { $("#clear-search-text").addClass("hide-element"); $(".search-overlay__body-suggest").addClass("hide-element"); $(".search-overlay__body-content").removeClass("hide-element"); } }); $("#clear-search-text").click(function (e) { e.preventDefault(); textCount.val(""); $(this).addClass("hide-element"); $(".search-overlay__body-suggest").addClass("hide-element"); $(".search-overlay__body-content").removeClass("hide-element"); }); @import url("https://awscdnstatic.detik.net.id/live/_rmbassets/scrollpage/scrollpage.css");