#top-share.open{color:#C61A1F;}
.share-slide{position:fixed; z-index:99; top:62px; left:0; width:100%; padding:0 10px; display:none;}
.share-slide > div > span{width:100%; max-width:760px;
-webkit-box-shadow:0 3px 7px rgba(0,0,0,.5); -moz-box-shadow:0 3px 7px rgba(0,0,0,.5); box-shadow:0 3px 7px rgba(0,0,0,.5);}
.shs-box{position:relative; background:#EEE;}
.shs-box > div{position:absolute; top:0; left:0; height:100%;}
.shs-box > div > span{color:#616161; padding:0 10px;}
.shs-box > ul{padding:4px; margin-right:0;}
.shs-box > ul  > li{float:left; padding:3px;}
.shs-box a{font-size:30px; font-weight:normal;}
.shs-fb{color:#4867aa;}
.shs-tw{color:#00acec;}
.shs-ml{color:#212121;}
.shs-wa{color:#29ac00;}
.shs-li{color:#40bf05;}

.hlf-title h1{font-size:24px; line-height:30px; text-align:center; font-weight:bold;}
.hlf-gradient-bottom{height:50px;
background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.hlf-video iframe, .hlf-gallery{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.hlf-video .hlf-gradient-top, .hlf-video .hlf-gradient-bottom,
.hlf-photo .hlf-gradient-top, .hlf-photo .hlf-gradient-bottom{height:15px;}
.hlf-photo{position:relative !important;}
.hlf-gallery .slick-list{padding:0;}
.hlf-gallery .slick-next, .hlf-gallery .slick-prev{height:100%; background-color:transparent; z-index:2; padding:0;}
.hlf-gallery .slick-next:before, .hlf-gallery .slick-prev:before{padding:10px; background-color:rgba(0,0,0,0.6); font-size:18px;}
.hlf-gallery .slick-slide img{width:100%;}
.hlfg-image{position:relative;}
.hlfg-part{position:absolute; bottom:10px; right:10px; padding:5px 5px 7px; font-size:14px; line-height:14px; color:#FFF; background-color:rgba(0,0,0,0.75);}

.detail-info{padding:10px;}
.detail-info *{text-align:center;}
.di-title h1{font-size:24px; line-height:30px; font-weight:bold; color:#FFF;}
.di-date{font-size:13px; color:#E0E0E0; padding:5px 0; margin:5px 0; border-top:1px solid #424242; border-bottom:1px solid #424242;}
.di-author{font-size:13px; color:#FFF;}
.di-author > ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.di-author > ul > li{float:left; margin:2px;}
.di-author > ul > li:not(:last-child):after{content:','; display:inline-block;}

.detail-part-next{margin-top:60px;}

.ac-container{font-size:18px; line-height:26px; color:#212121; margin:0 10px; overflow-x:auto;}
.ac-container h2, .ac-container h3, .ac-container h4{font-weight:bold;}
.ac-container a{color:#c61a1f;}
.ac-container > *{margin-bottom:10px;}
.ac-container ul, .ac-container ol{padding-left:20px;}
.ac-container ul > li, .ac-container ol > li{padding:5px 0;}
.ac-container ul{list-style:square;}
.ac-container ol{list-style:decimal;}
.ac-container .iklan-centerbelt{margin:0 -10px; width:calc(100% + 20px);}
.ac-image{text-align:center;}
.ac-video{position:relative;}
.ac-video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.ac-table{width:100%; overflow-x:auto;}

.topic-box .tag-list{margin:0 10px; padding:10px 0; border-top:1px solid #9E9E9E; border-bottom:1px solid #9E9E9E;}
.topic-box .tag-list b{color:#212121;}

@media screen and (min-width:769px){
  .detail-info{padding:10px 0;}
  .ac-container, .topic-box .tag-list{margin:0 5px;}
}



.detail-pagination{display:block;}
.detail-pagination > span > ul{padding:0; list-style:none; margin:5px;}
.detail-pagination > span > ul > li{float:left; margin:3px; padding:0;}
.dp-button{display:block; padding:7px 12px; color:#212121; background-color:#EEE; border:1px solid #E0E0E0; font-weight:600; font-size:14px; line-height:18px;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
a.dp-button{background-color:#C61A1F; color:#FFF !important; border:1px solid #C61A1F;}
a.dp-button:hover{background-color:#212121; border:1px solid #212121;}

@media screen and (min-width:0px) and (max-width:359px){
  .dp-desktop-prev, .dp-desktop-next{display:none;}
  .dp-mobile-prev .fas{margin-right:5px;}
  .dp-mobile-next .fas{margin-left:5px;}
}

@media screen and (min-width:360px){
  .dp-mobile-prevnext{display:none;}
}



.sj-info, .sj-video{margin:10px 7px;}
.sj-title h2{font-weight:bold; font-size:24px; line-height:30px; color:#212121;}
.sj-misc *{font-size:16px;}
.sj-misc > li{float:left; margin-right:5px; margin-top:5px; padding-right:5px; border-right:1px solid #E0E0E0;}
.sj-video{position:relative; border:1px solid #BDBDBD;}