:root{
  --site-container:970px;
  --space-1:4px;
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:40px;
  --body-padding:50px;
  --max-zindex:2147483648;
}
.now-loading{margin:15px;}
.muat-lainnya > a > span{position:relative;}
.muat-lainnya .ml-label{margin-right:16px; font-size:14px;}
.muat-lainnya .ml-icon{position:absolute; top:0; right:0; height:100%; font-size:18px;}
.selengkapnya .ml-label{margin-right:22px;position: relative;}
.icon-more{position: absolute; right: 0;bottom: 0;}

.menu-curr {color: #ff8725!important; transition: all .3s ease-in-out; text-decoration: none; }


.share-popup,.login-popup{display: none;}
.share-popup, .login-popup, .login-popup > div{width:100%; height:100%;}
.share-popup, .popup-overlay{top:0; left:0;width: 100%;height: 100%;}
.share-popup,.login-popup{position:fixed; z-index:100;}
.popup-overlay{position:absolute; z-index:1; max-width: 100% !important;}
.popup-overlay-close{position:absolute; top:10px; right:10px; font-size:24px; color:#FFF;}
.popup-content > span > div{position:relative; z-index:2;display: block;background: #fff; border-radius: 5px;}
.popup-content > span {margin-top: 74px; margin-right: 0; }
.base-search-fluid > span {margin: 0 auto; max-width: var(--body-container); width: 100%; }

.slide-to-open {display:block;animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease; -webkit-animation-timing-function: ease; }
.spu-box{position:relative; z-index:2; padding:5px;}
.spu-box .search-field input{border:1px solid #333; color:#333; min-width:300px;border-radius: 5px;background:#fff;}
.spu-box .search-field input::placeholder{color:#E0E0E0;}
.spu-box .search-button input{background-color:#FFF; color:#86127f !important;}
.spu-box .search-button input:hover{background-color:#BDBDBD;}

.search-btn{position:absolute; z-index:2; top:4px; right:4px; height:calc(100% - 8px);}
.search-btn input{height: 100%; width: 77px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0; background-color: transparent; position: relative;}
.search-field {position: relative; }
.search-btn > div {position: absolute; top: 15px; right: 30px; } 
.search-btn > div > i {color: #fff; }
.search-button {position: absolute; right: 6px; top: 5px; bottom: 5px; border-radius: 4px; }
.search-field input, .search-field textarea {width: 100%; padding: 15px; min-width: 280px; padding-right: 90px; border: 1px solid #333; background-color: transparent; }
.popup-content {height: 100vh; }

.share-list-fb {fill: #4867aa; }
.share-list-tw {fill: #00acec; }
.share-list-ml {fill: #cd9654; }
.share-list-wa {fill: #2bb240; }
.share-list-li {fill: var(--font-basecolor); background: transparent; }
.share-list-ot {fill: #212121; }
.share-list-linked {fill: #0073b1; }
.share-list-ot .fa-ellipsis-h {fill: #fff; }

.mce-toc {position:relative;background: #fff;padding: 20px;margin: 10px 0;}
.mce-toc ul {padding: 10px 20px;background: hsl(0deg 0% 95%);margin-top: 20px;}
.mce-toc ul li a {padding: 10px 0;display: block;color: #333;}
.mce-toc h2 {font-size: 18px; font-weight: bold;} 
.open-table {position: absolute;right: 20px;top: 20px;background: transparent;}
.open-table svg {height: 8px;}
.close-button {display: none; }