@font-face {font-family: 'Bitter';font-style: normal;font-weight: 100 900;font-display: swap;src: url(../fonts/bitter/rax8HiqOu8IVPmn7f4xpLjpSmw.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}



.first-view-video:after, .imageframe-default:after{content:''; display:block; padding-top:56.25%;}
.first-view{margin-bottom:0 !important; position:relative;}
.imageframe-photo, .detail-author, .detail-program{position:relative;}
.imageframe-photo > span, .detail-author > span, .detail-program > span{position:absolute; top:5px; left:0;}
.imageframe-photo > ul > li, .detail-author > ul > li, .detail-program > ul > li{float:left; margin:5px 5px 0 0;}
.imageframe-photo > ul > li:not(:last-child):after, .detail-program > ul > li:not(:last-child):after{content:'|'; display:inline; margin-left:5px;}
.imageframe-default{position:relative;}
.imageframe-default:before{height:100%;}
.imageframe-default img{position:absolute; top:0; left:0; width:100%; height:100%;}

.imageframe-info{width:100%; padding:var(--size-3); background-color:rgba(0,0,0,0.1); font-size:12px; line-height:140%;}
.imageframe-caption{padding-bottom:5px; border-bottom:1px dashed rgba(0,0,0,0.1);}
.imageframe-photo > ul{margin-left:56px;}
.first-view-video > .video-frame{position:absolute; top:0; left:0; width:100%; height:100%;}
.detail-advertorial{margin-bottom:4px; color:#212121; text-transform:uppercase; font-weight:bold;}
.detail-title{font-weight:900; color:#212121; font-size:26px; line-height:130%;}
.breadcrumb, .detail-date{margin-top:var(--size-3);}
.detail-summary{margin-top:var(--size-2); line-height:150%; font-style:italic;}
.detail-author, .detail-program{margin-top:var(--size-1);}
.detail-author > ul{display:flex; flex-wrap:wrap;}
.detail-author > ul > li{float:none;}
.detail-author a span{font-weight:normal;}
.detail-author-box{display:grid; grid-template-columns:auto 1fr; grid-gap:6px;}
.detail-author-data{display:flex; flex-wrap:wrap;}
.detail-author-link{margin-right:var(--size-1); margin-bottom:var(--size-2);}
.detail-program > ul{margin-left:70px;}

.first-view .imageframe-info{position:absolute; opacity:0; bottom:0; left:0; color:#FFF; -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px);}
.first-view .imageframe-caption{padding-bottom:5px; border-bottom:1px dashed #FFF; color:var(--background-color) !important;}

.detail-content > *{margin:var(--section-space) 0;}
.detail-content{font-family:'Bitter',serif !important; font-size:18px; line-height:160%; color:#363636; word-wrap:break-word; word-break:break-word; hyphens:auto;}
.detail-content h2, .detail-content h3, .detail-content h4{font-weight:600; line-height:150%;}
.detail-content h2{font-size:22px;}
.detail-content h3{font-size:20px;}
.detail-content h4{font-size:18px;}
.detail-content iframe{max-width:100%; margin:0 auto;}
.detail-content > ul, .detail-content > ol{padding-left:20px;}
.detail-content > ul{list-style:square;}
.detail-content > ol{list-style:decimal;}
.detail-content > ul > li, .detail-content > ol > li{padding:2px 0;}
.detail-content-infografik.flex_ori img{position:static; height:auto; object-fit:contain; margin-top:var(--size-2)}

.imageframe-stories > span, .imageframe-presenter > span{position:relative;}
.imageframe-stories > span:after, .imageframe-presenter > span:after{content:''; display:block;}
.imageframe-stories > span > *, .imageframe-presenter > span > *{position:absolute; top:0; left:0; width:100%;}
.imageframe-stories{background-color:#000;}
.imageframe-stories > span{width:300px;}
.imageframe-stories > span:after{padding-top:177.77%;}
.imageframe-presenter > span{width:100%; max-width:500px;}
.imageframe-presenter > span:after{padding-top:100%;}

.related-article-list .rbj-label{display:none;}
.related-article-list .rancak-bacajuga{--icon-size:var(--size-2); padding-left:0;}
.related-article-list .rancak-bacajuga:before{content:none;}
.related-article-list .rbj-link{padding-left:var(--size-4) !important;}
.related-article-list .rbj-link:before{top:var(--size-1) !important;}

.article-table-wrapper{width: 100%; overflow-x: scroll; box-sizing: content-box; -ms-overflow-style: none; scrollbar-width: none;}
.article-content-table{border-collapse: collapse; margin: 25px 0; font-size: 14px; min-width: 640px; width: 100%;}
.article-content-table th, .article-content-table td{padding: 12px 15px;}
.article-content-table thead th{font-weight: 700; background-color: #dddddd;}
.article-content-table thead th{border-top: 2px solid #991E23; border-bottom: 2px solid #991E23;}
.article-content-table tbody tr{border-bottom: 1px solid #dddddd;}
.article-content-table tbody tr:nth-of-type(even){background-color: #F3F3F3;}
.article-content-table tbody tr:last-of-type{border-bottom: 2px solid #991E23;}
.article-content-table tbody tr:first-of-type{border-top: 2px solid #991E23;}

.main-content-detail h2{font-weight: 700;}
.main-content-detail .list-styled-square{list-style-type: square;}
.main-content-detail .list-styled-circle{list-style-type: circle;}
.main-content-detail .list-styled-alpha{list-style: lower-alpha;}
.main-content-detail .list-styled-number{list-style: decimal;}


.imageframe-zoom{position:absolute; top:15px; right:15px; z-index:2; width:55px; height:55px; font-size:24px;
  background-color:var(--bg-red); color:var(--background-color); border-radius:50%; box-shadow:-2px -2px 4px rgba(0,0,0,.75), 2px 2px 12px rgba(0,0,0,.75); transition:all 0.25s;}
  .imageframe-link:hover .imageframe-zoom, .image-content-link:hover .imageframe-zoom{background-color:var(--bg-red-2);}
  

@media screen and (min-width:0px) and (max-width:1023px){
  .first-view{margin:0 !important;}
}

@media screen and (min-width:1024px){
  .detail-title{font-size:32px;}

  .main-content-detail .list-content {
    padding: 0 calc(140px);
  }
}

.breadcrumb{margin-bottom:0;}