root { display: block; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; } ol, ul { list-style: none; } blockquote, q { quotes: none; } table { border-collapse: collapse; border-spacing: 0; } body { background: #FFFFFF; color: #333333; font-family: sans-serif; font-size: 100%; } a:link, a:visited { color: #8318F5; outline: medium none; text-decoration: none; } a:hover { color: #8318F5; text-decoration: underline; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }   #mdk-head{  margin:0 auto; width:90%;text-align:center; padding-left: 1%; padding-bottom: 1%; } #mdk-head a{display:block;float:left;padding:5px;font-size:24px;width: 40%;font-family:Oswald;text-align: right; } #mdk-head a:hover{text-decoration:none} #mdk-body{ width:100%; text-align: left; background: #fff !important; }  #mdk-title-header{ color: #464646; font-family: "Arial"; font-size: 18px; font-weight: normal; text-align: center; }  #mdk-head-search-news{ width:90%; height:27px; padding-left: 12px; margin:5px 1%; font-size: 18px; color: #959595;  background-color: #FCF9F2; border: 2px solid #EEEBE2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } #mdk-head-search-news:focus { outline: none; border-color: #c8c5bb; -webkit-box-shadow: 0 0 5px #c8c5bb; -moz-box-shadow: 0 0 5px #c8c5bb; box-shadow: 0 0 5px #c8c5bb; } .mdk-hd-c{ width:100%; margin-left:auto; margin-right:auto; height:40px; } #mdk-head-container{ text-align:center; padding:0.1em 0; } #search-form{ width:100%;position: relative; } .mdk-search { background: url("https://cdns.klimg.com/merdeka.com/media/i/a/lup-grey.png") no-repeat scroll 0 0 transparent; border: medium none; color: rgba(0, 0, 0, 0); height: 22px; position: absolute; right: 7%;  top: 10px; width: 24px; } .mdk-hd-form{ float:left;width:50%; } .mdk-hd-index{ float:left;display:inline-block;padding: 0px 1%;border-left: 1px solid white; height:40px;width:20.5%;font-family:arial;line-height: 100%;font-size:14px; } .mdk-hd-index:hover{ background-color:#304CB7; } .mdk-index{ color: #FFFFFF !important; text-align: center;width: 100%;margin:auto; outline: medium none;text-decoration: none;display: block; } .mdk-index:hover{ outline: medium none;text-decoration: none; } .mdk-hd-index > a{ height:40px; background:url('https://cdns.klimg.com/merdeka.com/media/i/a/mdk_latest.png') no-repeat top; } .mdk-hd-index > a:hover{ background:url('https://cdns.klimg.com/merdeka.com/media/i/a/mdk_latest_hv.png') no-repeat top; } .mdk-head-refresh{ width:18%;height:40px;display: inline-block;float:right;border-left: 1px solid white; background: url("https://cdns.klimg.com/merdeka.com/media/i/a/refresh-white.png") center no-repeat scroll;  } .mdk-head-refresh:hover{ background-color:#304CB7; } .load-none{ width: 90%;margin: auto;font-family: arial;border: 1px solid red;text-align: center;padding: 5px; background-color: #FFF9D7;font-size: 12px;color: #3B5998;margin-top: 15px; } .load-news{ clear: left; display:block;margin-top:50px;background:#e5e5e5;text-align:center;padding-top:7px;padding-bottom:5px;color:#2c7ecf; outline: medium none;text-decoration: none;font-weight:bold;cursor:pointer; } .load-news:hover{ background:#bdbdbd;color:#fff; outline: medium none;text-decoration: none; } #mdk-logo{ text-align:center; margin:5px; padding: 15px 0px 5px 0; }  #mdk-nav{ width:88%; overflow:hidden; padding:0px; background-color:#333333; border-bottom:5px solid #8318F5; padding-left:12%; } #mdk-nav ul{ margin:0 1%; right:50%; } #mdk-nav li{   display:block; text-align:center; font-size:0.90em; float:left;  font-family:arial; font-weight:bold;  margin-left:10px; } #mdk-nav li:hover, #mdk-nav li:active,#mdk-nav li:focus, #mdk-nav li.active{ text-decoration:none; color:#ffffff; background-image:url('https://cdns.klimg.com/merdeka.com/media/i/a/bg_menu_hv_mobile.png'); } #mdk-nav-active{ text-decoration:none; color:#ffffff; background-image:url('https://cdns.klimg.com/merdeka.com/media/i/a/bg_menu_hv_mobile.png'); } #mdk-nav li a{ width:100%; display:block; text-decoration:none; color:#222; padding:12px 0 14px; } #mdk-nav li a:hover, #mdk-nav li.active a{ text-decoration:none; color:#ffffff; } #mdk-nav a{ float:left; display:block; text-align:center; font-size:0.90em; font-family:OswaldBook; padding:10px 3px; margin:0px 3px; color:#ffffff; background-color:#333333; } #mdk-nav a:hover{ text-decoration:none; color:#ffffff; background-color:#8318F5; } #mdk-nav .active{ text-decoration:none; color:#ffffff; background-color:#8318F5; } .main_menu { background-color: #F8F8F8; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/bg_menu.png) top center repeat-x #F8F8F8; height: 42px; } #mdk-section{ padding:5px 0px; } .mdk-bg-head{ width:100%; background-color:#ebebeb; font-size:1.5em; font-family:arial, sans-serif; font-weight:bold; margin-top:0.5em; padding-top:0.2em; } #mdk-news-topbody, #mdk-news-nowbody, #mdk-bt-idx{ margin:0 3%; } #mdk-news-topbody li, #mdk-news-nowbody li{ margin-top:10px; } #mdk-news-topbody ul li:nth-child(even), #mdk-news-nowbody ul li:nth-child(even){ background-color: #f7f7f7; } #mdk-news-topbody a, #mdk-news-nowbody a, .mdk-photo-txt a{ color:#000; text-decoration:none; font-size:1.1em; } #mdk-news-topbody div{ margin-top:10px; } #mdk-news-homepage{ margin:0 3%; } #mdk-news-homepage li{ margin-top:10px; } #mdk-news-homepage ul li:nth-child(even){ background-color: #f7f7f7; } #mdk-news-homepage a{ color:#000; text-decoration:none; font-size:1.1em; } #mdk-news-homepage div{ margin-top:10px; } .mdk-time{ font-size:0.6em; color:#aeaeae; font-family:arial, sans-serif; display:block; } #mdk-today{ background-color:#EDEDEB; width: 96%; padding: 0.6% 2%;margin-top:-5px;margin-bottom:5px; } .mdk-today-list{ padding: 0.1em 0; width: 80%; text-align: center; display: block; position: relative; padding-left: 10%; } .mdk-today-list ul li{ list-style: none; display: inline; text-transform:uppercase; } .mdk-today-list ul li:nth-child(1) a{ background-color:#c3daec; } .mdk-today-list ul li:nth-child(2) a{ background-color:#f7bfc0; } .mdk-today-list ul li:nth-child(3) a{ background-color:#efd5bc; } .mdk-today-list ul li:nth-child(4) a{ background-color:#eee7cb; } .mdk-today-list ul li:nth-child(5) a{ background-color:#cfe0be; } .mdk-today-list ul li:nth-child(6) a{ background-color:#e7b295; } .mdk-today-list a{ font-family: OswaldLight; color: #404040; font-size: 12px!important; line-height: 15px; display: inline-block; padding:5px; margin:2px 1px; white-space: nowrap;  } .mdk-today-list ul li a:hover{ text-decoration:none;  color:red; height:100%; } .mdk-today-list label{ color:#5960A4; } #mdk-rubric-top{padding: 0px 10px;color: #999999;font-size: 12px;font-family: verdana;margin: 5px 0px;padding-bottom: 0;padding-top: 15px;height: 30px;} #mdk-rubric-top a{color: #999999;font-size: 12px;} #mdk-rubric-top img{margin:10px 0px; max-width: 247px; width: 90%; } #mdk-rubric-top span{font-family:arial; font-weight:bold;color:#cccccc;font-size:20px;} #img-loader{ margin: 0 3%;text-align:center;display:none;margin-top:30px;cursor:pointer; }  #mdk-news-list_m{ padding: 0 10px; margin:5px 5px 5px 0px; } #mdk-news-list_m li{ margin-top:10px; padding:10px 5px 5px 0px; } #mdk-news-list_m li div{ float:left; padding-right:5px; width : 30%; } #mdk-news-list_m li span{ float:left; display:block; padding-right:5px; width : 65%; } #mdk-news-list_m li b{ display:block; padding-top:5px; padding-right:5px; vertical-align:top; } #mdk-news-list_m li div img{ width : 100%; } #mdk-news-list_m ul li:nth-child(even){ background-color: #ffffff; } #mdk-news-list_m a{ text-decoration:none; font-size: 17px; color:#336699; float:left; display:block;clear:both; } #mdk-footer{ border-top: 1px solid #d8d8d8; text-align: center; height: 40px; padding: 15px 0; color: #333333; font-size: 15px; font-family: Oswald; background-color: #f4f4f4; } .mdk-pagination div{margin:0 auto; text-align: center; font-family: arial;} .mdk-pagination a, .mdk-pagination span{ padding: 5px 10px; color:#000; text-decoration:none; font-family: arial; vertical-align: top; } .mdk-pagination a{ background-color: #D8D8D8; } .mdk-pagination .link_prev, .mdk-pagination .link_next{background: none;} .mdk-pagination img{width:19px;}  #mdk-pemilu-2014{ display:block; } #mdk-pemilu-2014 a h1{ font-family:OswaldBook; font-size:26px !important; color:#fff; background-color:#8318F5; text-align: center; padding: 10px 0; } .mdk-pemilu-box{ background: #000; float: left; width: 100%; } .mdk-img-pemilu{ padding:20px; } .mdk-pemilu-box img{float: left; padding: 20px; width: 40%;} .mdk-pemilu-title{margin:20px;width: 32%;float: left;} .mdk-pemilu-title a{ font-family:Arial; font-size:14px; color:#fdf016; } @media (device-height: 480px) and (-webkit-max-device-pixel-ratio: 1) { #mdk-pemilu-2014 a h1{ padding: 10px 0 5px 0; } }   #mdk-news-nowtag{ display: block; } #mdk-news-nowtag ul{ padding: 0; margin: 0; font-family: Arial; } #mdk-news-nowtag ul li{ color:#336699; background: #f2f2f2; display: block; } #mdk-news-nowtag ul a{ padding: 10px; display: block; font-size: 90%; background-image: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-mobile.png'); background-repeat: no-repeat; background-position: 98% -24px; border-top: 3px solid #fff; color:#336699; } #mdk-news-nowtag li:hover{ background: #6699cc; color:#336699; } #mdk-news-nowtag ul a:hover{ text-decoration: none; background-image: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-mobile.png'); background-repeat: no-repeat; background-position: 98% 6px;  color: #ffffff; } #mdk-news-nowtag div{ color:#669acc; background: #ebebeb; font-family: Arial; } #mdk-news-nowtag div a{ padding: 10px; display: block; font-size: 90%; background-image: url('https://cdns.klimg.com/merdeka.com/media/i/a/m_arrow.png'); background-repeat: no-repeat; background-position:98% 50%; border-top: 3px solid #fff; color:#669acc; } #mdk-news-nowtag div:hover{ background: #6699cc; color:#669acc; } #mdk-news-nowtag div a:hover{ text-decoration: none; background-image: url('https://cdns.klimg.com/merdeka.com/media/i/a/m_arrow_white.png'); background-repeat: no-repeat;  color: #ffffff; }  .box_fb_like { float: left; border-radius: 3px; border: solid 1px #CECECE; padding: 2px 3px; margin: 0px; height: 14px; font-size: 11px; line-height: 14px; color: black; font-family: arial; margin-left: 5px; } .FBConnectButton{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/fb-share.png); display:block; width:57px; height:18px; } .fb_share_size_Small span{ float:left; } .fb-like-num-cont-div{ float:left; background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/arrow-like.jpg); background-position:left; background-repeat: no-repeat; padding-left: 5px; } .fb-like-num-cont{ font:normal 10px arial; line-height: 20px; line-height: 20px; padding: 3px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .button_class_it{ display: block; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/_clas_button.png) 0 -25px no-repeat; width: 200px !important; height: 25px !important; text-indent: -9999px; cursor: pointer; float: left; margin-left:10px; margin-top: -2px; } .button_class_it:hover{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/_clas_button.png) 0 0px no-repeat; }   @font-face { font-family: 'OswaldLight'; font-style: normal; font-weight: normal; src: url('https://cdns.klimg.com/a.merdeka.com/font/oswald-light/oswald-light-webfont.woff') format('woff'), url('https://cdns.klimg.com/a.merdeka.com/font/oswald-light/oswald-light-webfont.ttf') format('truetype'), url('https://cdns.klimg.com/a.merdeka.com/font/oswald-light/oswald-light-webfont.svg#oswaldlight') format('svg'); }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'OswaldBook'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }  #mdk-sitemap{ background-color: #f4f4f4; width: 80%; text-align: center; padding-left: 20%; margin-top:12px; } #mdk-sitemap ul{ width: 30%; float: left; list-style:none; text-align: left; display:inline-block; } #mdk-sitemap li{ width:40%; clear:both; zoom:1;  font-family:Oswald; font-size:18px; margin:0; padding:10px 0; list-style:none; text-align:left; } #mdk-sitemap li a{ margin-left:30%; color:#555555; } .sitemap-640{ display:block; } .sitemap-360{ display:none ; }  @media screen and (max-width: 639px) { #mdk-logo-pic{ background-image:url('https://cdns.klimg.com/merdeka.com/media/i/a/logo-merdekamobile.png'); background-repeat:no-repeat; text-indent:-9999px; display:block; height:60px; background-position: center; background-size:contain; } #mdk-head a{ font-size:20px !important; } #mdk-head-search-news { font-size: 18px !important; } .sitemap-640{ display:none !important; } .sitemap-360{ display:block !important; } #mdk-sitemap{ width: 95% !important; padding-left:5% !important; } #mdk-sitemap ul{ width:45% !important;} #mdk-nav-h{ width:16%; } #mdk-nav-s{ width:24%; } #mdk-nav-f{ width:18%; } #mdk-nav-t{ width:14%; } }  @media only screen and (min-width : 480px) and (max-width: 639px){ #mdk-head a{ width:36% !important; } } @media screen and (max-width: 260px){ #mdk-head a{ width:100% !important; } .mdk-hd-form { margin-left:10%; margin-bottom: 5px; width: 80%; } #mdk-logo { margin-bottom:0px; padding-bottom: 0px; } } @media screen and (max-width: 345px){ #mdk-head a { width: 120px; text-align: center; margin: 0 auto; } }  @media screen and (min-width: 640px){ #mdk-logo-pic{ background-image:url('https://cdns.klimg.com/merdeka.com/media/i/a/logo-merdekamobile.png'); background-repeat:no-repeat; text-indent:-9999px; display:block; height:90px; background-position: center; } #mdk-nav-h { width: 20% !important; } #mdk-nav-s { width: 22% !important; } #mdk-nav-f { width: 20% !important; } #mdk-nav-t { width: 20% !important; } }  @media screen and (min-width: 640px) and (max-width: 1023px) { #mdk-head a { width:35% !important; } }  @media screen and (min-width: 1024px){ #mdk-head a { width:32% ; } }  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #mdk-head a{ padding-top: 10px !important; } }  @font-face { font-family: 'lora'; src: url('https://cdns.klimg.com/a.merdeka.com/../font/lora/Lora-Regular.ttf'); src: url('https://cdns.klimg.com/a.merdeka.com/../font/lora/Lora-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }  .mdk-pagination div{ display: table; } .mdk-pagination a, .mdk-pagination span{ display: table-cell; vertical-align: middle; height: 30px;width: 30px;padding: 0; }  @font-face { font-family: 'Lato'; src: url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Regular.eot'); src: url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Regular.woff') format('woff'), url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Regular.ttf') format('truetype'), url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Regular.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'LatoBold';src: url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Bold.eot');src: url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Bold.woff') format('woff'), url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Bold.ttf') format('truetype'), url('https://cdns.klimg.com/a.kapanlagi.com/v5/css/font/Lato-Bold.svg#latoregular') format('svg');font-weight: normal;font-style: normal;} .channel-section{ border-bottom:1px solid #ccc; position:relative;  background: #fff none repeat scroll 0 0; } #channel-collapse{ border-top:1px solid #f0f0f0; display:inline-block;width: 100%; } .navbar-channel{ background:#f9f9f9; font-family:'Lato', sans-serif;display: inline-block;width: 100%; } .middle-channel{ display:table-cell; vertical-align:middle; height:50px; } .title-channel{ font-size:13px; line-height:normal; margin:0; font-family:'Lato', sans-serif; color:#333; padding:0 15px;font-weight: normal; } .click-channel{ width:50px; text-align:center; } .list-channelbar{ padding:0 5px; margin:0; list-style:none; } .list-channelbar > li{ float:left; width:45%; padding:0 5px; position:relative !important; } .list-channelbar > li a{ border-bottom:1px solid #f0f0f0; color:#333; display:table-cell; height:50px; width:1%; vertical-align:middle; padding:0 5px; font-size:13px; font-family:'Lato', sans-serif; padding-right:16px;text-decoration: none; } .list-channelbar > li.active a, .list-channelbar > li a:hover{ font-family:'LatoBold', sans-serif; } .list-channelbar > li a:after{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/channel-m-arrow_right.png) no-repeat; width:6px; height:10px; position:absolute; right:10px; top:50%; margin-top:-5px; content:""; background-position:-1px -1px; background-size:6px 12px; } .logo-channel{ margin:20px 0; text-align:center;display: inline-block;width: 100%; } .click-channel.collapsed .icon-channel, .click-channel .close-channel{ display:none; } .click-channel .icon-channel, .click-channel.collapsed .close-channel{ display:block; margin:0 auto; } @media (min-width: 768px) { .list-channelbar > li{ width:24%; } } .pull-left{ float: left } .pull-right{ float: right; }  @font-face {font-family: 'Palanquin';font-style: normal;font-weight: 400;src: local('Palanquin Regular'), local('Palanquin-Regular'), url(https://fonts.gstatic.com/s/palanquin/v1/wDcF5fDzT3UyPmqw3IJ7_D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');} #mdk-nav{background: #262626;border-bottom: 3px solid #cd0102;margin:0 auto;padding:0px;width:100%;text-align: center;} #mdk-nav a{font-family: 'Palanquin';font-size: 16px;background-color: transparent;} #mdk-nav a:hover,#mdk-nav .active{background: transparent;color: #cd0102;}  #mdk-nav-newsbar {display: block;text-align: center;margin: 10px 0;} #mdk-nav-newsbar div.container{width: 100%;} #mdk-nav-newsbar div.container ul li{display: inline-block;margin: 0 5px;} #mdk-nav-newsbar div.container ul li a{color: #656565;font-family: "palanquin";font-size: 11px;text-decoration: none;text-transform: uppercase;} #mdk-nav-searchbar{margin-bottom: 10px;padding-bottom: 3px;} #mdk-nav-searchbar #search-form{padding: 0px 15px;width: auto;} #mdk-nav-searchbar div.container{border: 1px solid rgb(204, 204, 204);display: table;width: 100%;height: 35px;} #mdk-nav-searchbar div.container input.text{border: medium none;box-shadow: none;font-family: "palanquin";font-size: 14px;padding-bottom: 0;padding-left: 0;padding-top: 0;vertical-align: middle;width: 95%;padding-bottom: 4px;} #mdk-nav-searchbar div.container input.button{background: transparent url('https://cdns.klimg.com/merdeka.com/media/i/a/search-new.png') no-repeat; background-size: 25px;background-position: center;box-shadow: none; border: medium none; width: 30px; height: 30px; padding: 0px;} #mdk-nav-searchbar div.container .t-left{display: table-cell; vertical-align: middle; padding-left: 10px;} #mdk-nav-searchbar div.container .t-right{display: table-cell; vertical-align: middle; text-align: right; padding-right: 10px;}  #mdk-tag-today{background-color: #f1f1f1;margin: 0;padding: 0;text-align: center;width: 100%;} #mdk-tag-today .mdk-tag-list{margin: 0 auto;padding: 15px 0;text-align: center;width: 97%;} #mdk-tag-today .mdk-tag-list ul li{display: inline;margin: 0 5px;} #mdk-tag-today .mdk-tag-list ul li a{color: #444444;font-size: 12px;line-height: 25px;text-decoration: underline;text-transform: uppercase;font-family: "palanquin";} @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; } } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .collapse { display: none; } .input-group { display: table; } .input-group .form-control, .input-group .input-group-btn { display: table-cell; vertical-align: middle; } .input-group .input-group-btn { width: 1%; } .input-group .form-control { width: 100%; border: 0; border-radius: 0; padding: 0; }  div.mdk-top-hl-item, #mdk-footers { margin-top: 0 !important; } #mdk-to-top { border: 0 !important; } #mdk-to-top span { background-position: 97% 0 !important; } #mdk-sitemap li a { position: relative; } #mdk-sitemap li a:after { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/channel-m-arrow_right.png) no-repeat; width: 7px; height: 12px; position: absolute; right: 15px; top: 50%; margin-top: -6px; content: ""; background-size: 6px 12px; }  .channel-section { border-bottom: 0; margin-top: 0px; } .navbar-channel { border-top: 1px solid #d8d8d8; }  .navbar { background:#fff; position: relative; border-bottom: 1px solid #ececec; font-family: 'Open Sans', sans-serif; } .navbar a:hover { text-decoration: none; } .navbar img { vertical-align: middle; } .navbar-brand { display: table; margin: 0 auto; height: 50px; position: relative; z-index: 5; } .navbar-brand a { display: table-cell; vertical-align: middle; } .navbar-menu, .navbar-search { position: absolute; left: 0; right: 0; background: #fff; z-index: 10; } .navbar-search { top: 0; } .navbar-search .navbar-form { padding: 0px 15px; padding-bottom: 30px; border-bottom: 1px solid #ececec; } .navbar-search .input-group { border-bottom: 1px solid #ececec; } .navbar-search .form-control { height: 50px; font-size: 15px; color: #000; } .navbar-search .btn { background: none; padding: 0; margin: 0; border: 0; height: 50px; color: #fff; } .navbar-search .btn { padding-right: 10px; } .navbar-search .close-search { padding-left: 10px; } .nav>li a { font-size: 18px; color: #252525; padding: 10px 15px; position: relative; display: block; transition: all 0.5s ease; border-top: 1px solid #ececec; } .nav>li a:hover, .nav>li.active a { color: #8318F5; background: none; } .nav li.close-main-menu a { background: #4b4b4b; color: #fff; text-align: center; border: 0; }  .navbar-toggle { height: 50px; position: absolute; z-index: -15; top: 0; background: #fff; border: 0; margin: 0; padding: 0 15px; cursor: pointer; } .navbar-toggle.collapsed, .btn-search { z-index: 1; } .btn-main-menu:after { background: #fff; height: 1px; width: 100%; position: absolute; left: 0; right: 0; bottom: -1px; content: ""; } .navbar-toggle.pull-left { left: 0; border-right: 1px solid #ececec; } .navbar-toggle.pull-right { right: 0; border-left: 1px solid #ececec; } .navbar-toggle .icon-menu, .navbar-toggle.collapsed .close-icon { display: none; } .navbar-toggle.collapsed .icon-menu, .navbar-toggle .close-icon { display: block; margin: 0 auto; } .btn-main-menu.collapsed:after { background: none; } .tag-berita *, .tag-berita *:after, .tag-berita *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tag-berita { padding: 15px 0; } .tag-berita a { padding: 5px 15px; padding-left: 28px; width: 50%; float: left; color: #656565; font-family: "palanquin"; font-size: 11px; text-decoration: none; position: relative; } .tag-berita a:after { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/play-arrow.png) no-repeat; background-size: 8px; width: 8px; height: 8px; position: absolute; top: 50%; margin-top: -4px; content: ""; left: 15px; } @media (min-width:768px) { .tag-berita { text-align: center; } .tag-berita a { float: none; width: auto; display: inline-block; vertical-align: middle; } } .title-mdk-index { font-weight: 600; font-size: 21px; margin: 10px 15px; margin-top: 20px; display: block; color: #8318F5; font-family: 'Open Sans'; } .cover-mdk { background-position: center; background-size: cover; background-repeat: no-repeat; height: 250px; border: 0; } .cover-mdk-large { height: 500px; } .navbar.cover-mdk .logo-normal, .navbar.cover-mdk .icon-menu, .navbar.cover-mdk .icon-search, .navbar .logo-white, .navbar .navbar-toggle .icon-menu-cov, .navbar .navbar-toggle .icon-search-cov { display: none; } .navbar .logo-normal, .navbar.cover-mdk .logo-white, .navbar.cover-mdk .navbar-toggle.collapsed .icon-menu-cov, .navbar.cover-mdk .navbar-toggle.collapsed .icon-search-cov { display: block; } .cover-mdk .navbar-header .navbar-toggle.collapsed, .navbar .btn-search { background: none; outline: none; } .cover-mdk .navbar-header .navbar-toggle { border: 0; } .cover-mdk:after { background: url('https://cdns.klimg.com/merdeka.com/media/i/a/bg-gradient-overlay-atas-b.png'); top: 0; } .cover-mdk:before { background-image: url('https://cdns.klimg.com/merdeka.com/media/i/a/bg-gradient-overlaybawah-b.png'); bottom: 0; } .cover-mdk:after, .cover-mdk:before { background-size: cover; background-position: center; background-repeat: no-repeat; background-size: cover; height: 70px; content: ""; position: absolute; left: 0; right: 0; } .cover-mdk .detail-cover { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; padding-bottom: 20px; text-align: center; } .cover-mdk .detail-cover .text-cover { color: #ffffff; font-family: 'palanquin'; font-size: 15px; font-weight: bold; text-decoration: none; text-transform: uppercase; } .cover-mdk .detail-cover .info-cover { position: absolute; bottom: 5px; right: 5px; } .cover-mdk .link-cov-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .slot-youtubev2 { margin: 20px 0 0px 0; } #detail_news .slot-youtubev2, .detail-v3 .slot-youtubev2 { margin: 20px -10px -15px -10px; }  .navbar-toggle.pull-left, .navbar-toggle.pull-right { border: 0; } .navbar-menu { position: fixed; top: 0px; left: 0; right: 0; bottom: 0; overflow-y: auto; z-index: 99999999; } .nav { margin-bottom: 55px; } .nav li { float: left; width: 50%; } .nav>li a { font-size: 16px; color: #000; padding: 15px; padding-left: 25px; } .nav>li a:before { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/bullet-merah.png) no-repeat; width: 5px; height: 7px; position: absolute; left: 15px; top: 50%; margin-top: -4px; content: ""; } .nav>li a.new-feature:after{ content: "NEW"; position: absolute; color: #fff; padding: 4px 5px; font-size: 10px; overflow: hidden; border-radius: 4px; box-sizing: border-box; background: #8318F5; transition: opacity .27s linear .03s; margin-left: 5px; top: 15px; } .nav>li.submenu-info, .nav>li.close-main-menu, .nav>li.logo-nav { width: 100%; } .nav>li.logo-nav a { border: 0; padding: 0; display: table; margin: 10px auto; } .nav>li.submenu-info { border-top: 1px solid #ccc; padding-top: 10px; padding-bottom: 20px; } .nav>li.submenu-info h6 { margin: 10px 15px; font-size: 18px; color: #8318F5; font-weight: normal; line-height: normal; } .nav>li.submenu-info .list-submenu-info>li a { border: 0; padding-top: 10px; padding-bottom: 10px; } .nav li.close-main-menu { z-index: 99999; position: fixed; bottom: -100%; -moz-transition: abottom 0.5s eas; -o-transition: bottom 0.5s eas; -webkit-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } #nav-top.open .nav li.close-main-menu { bottom: 0; margin-bottom: 0px; } .nav li.close-main-menu a { background: #8318F5; padding: 0 15px; font-size: 18px; height: 55px; display: table-cell; vertical-align: middle; width: 1%; overflow: hidden; } .btn-main-menu::after, .nav>li.close-main-menu a:after, .nav>li.logo-nav a:after { display: none; } .overflow { overflow: hidden; height: 100%; margin: 0 !important; } #div-gpt-ad-merdeka-topfrm-oop.active, #branch-banner-iframe.active { z-index: 100; display: none; } .navbar-search .close-search { display: block; } x:-o-prefocus, .navbar-menu { position: absolute; bottom: auto; } x:-o-prefocus, .nav li.close-main-menu { position: static; } x:-o-prefocus, .nav { margin: 0; } .navbar-menu .nav { position: absolute; top: 80px; left: 0; right: 0; bottom: 50px; overflow-y: auto; margin-bottom: 0 } .navbar-menu--header { position: absolute; top: 0; left: 0; right: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; height: 80px; padding: 0 15px; } .navbar-menu--header-close { margin-right: -15px; padding: 0 15px; height: 60px; display: flex; align-items: center; justify-content: center; } .navbar-menu--footer { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; background-color: #ececec; display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 15px; } .navbar-menu--footer a { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000; } #mdk-content-ben #mdk-content-center.mdk-trending-article { margin-left: 0; margin-right: 20px; width: 100%; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content .mdk-trending-navi { text-align: center; margin: 20px 0; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content .mdk-trending-navi h1 { color: #333238; display: block; font-size: 22px !important; font-weight: bold; position: relative; text-transform: uppercase; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content .mdk-trending-navi h1 span { color: #333238; display: block; font-size: 20px; line-height: 16px; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content .mdk-trending-navi a { display: inline-block; background: #8318F5; color: #FFF; padding: 5px 18px; font-size: 11px; font-weight: bold; float: left; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content .mdk-trending-navi a:hover { text-decoration: none; background: #5fa9e0; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content .mdk-trending-navi a.mdk-trending-prev { background: url("https://cdns.klimg.com/merdeka.com/media/i/a/button-date-previous.png") no-repeat scroll center center rgba(0, 0, 0, 0); height: 46px; max-width: 86px; padding: 0; width: 23%; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content .mdk-trending-navi a.mdk-trending-next { background: url("https://cdns.klimg.com/merdeka.com/media/i/a/button-date-next.png") no-repeat scroll center center rgba(0, 0, 0, 0); height: 46px; max-width: 84px; padding: 0; width: 23%; } .mdk-trending-disabled { background: url("https://cdns.klimg.com/merdeka.com/media/i/a/button-date-next-disabled.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important; height: 46px; padding: 0; width: 84px; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content .mdk-trending-navi a.mdk-trending-current { background: url("https://cdns.klimg.com/merdeka.com/media/i/a/background-recent-date.png") no-repeat scroll 0 0 transparent; border: 0 none; font-family: arial; font-size: 13px; font-weight: normal; height: 46px; padding: 13px 0 0; width: 130px; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content .mdk-trending-navi a.mdk-trending-disabled { background: #b6d8f1; color: #FFF; text-shadow: 0 -1px #3794d9; cursor: default; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul { overflow: hidden; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul li { position: relative; border: none; margin-bottom: 30px; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul li .mdk-trending-title-thumb { padding: 5px; border-bottom: 1px dashed #ccc; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul li:hover .mdk-trending-baca { opacity: 1; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul li:hover .mdk-trending-number { opacity: 1; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul li div .mdk-trending-meta { float: left; width: 50%; box-sizing: border-box; border-radius: 5px; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul li .mdk-trending-title { display: block; font-size: 16px; line-height: 1.4em; text-decoration: none; font-weight: bold; margin-bottom: 5px; padding-bottom: 10px; font-family: georgia; color: #1966c0; padding: 5px; } .mdk-trending-synop { color: #333238; font-size: 12px; padding: 5px; font-family: arial; display: block; } .mdk-trending-category { border-top: 1px dashed #CCCCCC; margin-top: 5px; padding-top: 5px; } .mdk-trending-selengkapnya{ font-style: italic; text-decoration: none; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul li .mdk-trending-title:hover { color: #1966c0; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul li .mdk-trending-thumb { display: block; float: none; text-align: center; vertical-align: top; width: 100%; max-width: 100%; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul li .mdk-trending-thumb img { width: 100%; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul .mdk-trending-number { background: none repeat scroll 0 0 #BE1818; border: medium none; border-radius: 0 0 0 0; color: #FFFFFF; font-family: arial; font-size: 24px; font-weight: bold; height: 37px; opacity: 1; padding: 10px 0 0; position: absolute; right: auto; text-align: center; text-shadow: 0 -1px #000000; top: 0; transition: opacity 0.2s ease-in-out 0s; width: 40px; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul .mdk-trending-date { float: right; font-size: 12px; color: #333238; line-height: 16px; margin-right: 12px; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul .mdk-trending-category { font-size: 12px; float: left; color: #333238; line-height: 16px; font-family: arial; padding: 5px; display: block; width: 100%; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul .mdk-trending-category a:hover { text-decoration: none; color: #1966c0; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul .mdk-trending-baca { position: absolute; bottom: 0; left: 50%; margin-left: -75px; text-align: center; text-transform: uppercase; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul .mdk-trending-baca a { background: #8318F5; border-radius: 10px 10px 0 0; color: #FFF; display: block; width: 130px; padding: 5px; font-size: 11px; border: 2px solid #fff; border-bottom: none; font-weight: bold; text-shadow: 0 -1px #1a5784; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content ul .mdk-trending-baca a:hover { text-decoration: none; background: #71b3e3; } .h1-trending { text-align: left; float: left } .page_views { position: absolute; right: 0; background-color: #8318F5; color: white; padding: 5px 20px; border-radius: 0 0 0 5px; display: block; border: 2px solid; border-top: none; border-right: none; font-size: 14px; } .mdk-trending-header { border-bottom: 1px solid #eee; margin-bottom: 17px; } .mdk-trending-header-category { border-left: medium none; float: none; font-size: 20px; font-weight: bold; padding-top: 20px; text-align: right; text-transform: uppercase; width: 100%; } .mdk-trending-category a{ float: left; margin-right: 10px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; }  .mdk-most-nav{ display: table; width: 100%; text-align: center; height: 50px; } .mdk-most-nav a{ display: table-cell; vertical-align: middle;color: transparent; width: 10px;border: 1.5px solid #ececec; } .mdk-most-nav a.center{ border-left: none;border-right: none;color: #585858;font-family: arial;font-family: arial;font-size: 18px;font-weight: bold;text-decoration: none; } .mdk-most-nav a.disabled{ cursor: default; background: #ececec; } .mdk-nav-other-most ul li{ background: none;margin: 0;border-bottom: 1px solid #ececec; } .mdk-nav-other-most ul li.active{ background: #8318F5; } .mdk-nav-other-most ul li.active a{ cursor: default;color: #ffffff; } .mdk-nav-other-most ul li a{ color: #000000; font-size: 18px; font-family: arial; text-transform: uppercase; text-decoration: none; display: block; padding: 15px; } #mdk-content-ben #mdk-content-center.mdk-trending-article .inner-content{ margin-bottom: 30px; } .mdk-most-list-item{ margin-bottom: 40px; } .mdk-most-list-item li{ padding: 0 10px; } .mdk-most-list-item li .mdk-most-item-container{ border-bottom: 1px solid #ececec; padding: 15px 0px; } .mdk-most-list-item li:first-child{ margin-bottom: 20px;width: 100%;padding: 0; } .mdk-most-list-item li div.title-head{ padding: 15px; } .mdk-most-list-item li div.title-head span{ font-family: arial; font-size: 12px; color: #959595; } .mdk-most-list-item li div.title-head a.news{ display: block; font-size: 18px; font-family: arial; color: #000000; font-weight: bold; margin-top: 10px; } .mdk-most-list-item li:last-child .mdk-most-item-container{ border-bottom: none; } .mdk-most-list-item li:nth-child(10) .mdk-most-item-container{ border-top: 1px solid #ececec; } .mdk-most-list-item li .mdk-most-item-container .mdk-most-item-content{ min-height: 60px; } .mdk-most-list-item li div.image{ float: left; margin-right: 10px;margin-left: 4px; } .mdk-most-list-item li div.image img{ width: 100%; } .mdk-most-list-item li div.desc{ color: #000000; font-family: arial; font-size: 15px; text-align: left; } .mdk-most-list-item li div.desc div.container{ margin-left: 155px; text-transform: inherit;line-height: 20px; } .mdk-most-list-item li div.desc div.number{ position: absolute; color: #ffffff; font-family: arial; font-size: 18px; padding: 2px 5px 7px; background: transparent url('https://cdns.klimg.com/merdeka.com/media/i/a/ribbon_2-20.png') no-repeat scroll 0px -6px; left: 4.5px; } .mdk-most-list-item li div.count{ color: #ffffff; font-family: arial; background: url('https://cdns.klimg.com/merdeka.com/media/i/a/ribbon_2-20.png') no-repeat scroll -1px 0px; position: absolute; font-size: 18px; text-align: center; vertical-align: middle; height: auto; width: 31px; display: table;padding-bottom: 10px; } .mdk-most-list-item li div.count span{display:table-cell;vertical-align:middle;padding: 5px 0 10px;} .mdk-most-list-item li div.count.head{ height: 35px;width: 35px;background: #be1818;padding: 0;margin: 0; } .mdk-most-list-item li div.count.head span{ padding: 0; } .mdk-most-list-item li div.desc div.time{ color: #959595; font-family: arial; font-size: 12px; text-transform: capitalize; width: 100%;margin-top: -5px; } .mdk-most-list-item li a{ text-decoration: none;display: inline-block; } .mdk-most-title{ margin: 20px 0; } .mdk-most-title h1{ color: #000000; font-family: arial; font-size: 18px; font-weight: bold; text-align: center; text-transform: uppercase; }