root { display: block; } body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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; white-space:normal; } p { white-space: normal; margin-bottom:10px; } ol, ul { list-style: none outside none; } blockquote, q { quotes: none; } body { background: #FFFFFF; color: #333333; font-family: Georgia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif; font-size: 15px; min-width: 996px;  } body {  border: 0 none !important; } a:link, a:visited { color: #2B67A2; outline: medium none; text-decoration: none; } a:hover { color: #2B67A2; text-decoration: underline; }  .placeholder { color: #AAA; padding-top:5px; } ::-webkit-input-placeholder { color: #AAA; } :-moz-placeholder { color: #AAA; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }    #mdk-htool{ width: 996px; height:30px; position:relative; padding: 15px 0; background-color: #E1E1E1; border-bottom: 1px solid white; } #mdk-htool-l{ float:left; } #mdk-htool-l a{ display: block; height: 28px; width: 150px; position:relative; left:40px; font-family: arial; font-size: 22px; font-weight: bold; } #mdk-htool-l a:hover{ text-decoration: none; color: #729ECA; } #mdk-htool-c{ position:absolute; left:245px; } input#mdk-htool-search{ padding-left:5px; } #mdk-htool-search{ display:block; } #mdk-htool-search:focus{ color: #111; width: 495px; outline: none; background-color: white; } #mdk-htool-search-link{ position: relative; right: -25px; top: -29px; display: block; } .mdk-htool-navi{ height: 25px; width: 25px; display: block; float: right; background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/top-icon.png); background-repeat: no-repeat; vertical-align: text-top; } .mdk-htool-navi-search{ height: 25px; width: 27px; background-position: -190px 0px; } #mdk-htool-search{ width: 495px; height: 30px; font-size: 20px; font-family: arial; color: #E1E1E1; padding: 0 32px 0 0; display: inline-block; background-color: white; border: 0 none; box-shadow: 0 1px 1px transparent inset, 0 1px 0 transparent inset; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 13px; -moz-border-radius: 17px; border-radius: 13px; } #mdk-htool-r{ float:right; position:relative; top:3px; right:10px; } #mdk-htool-findus { display: inline-block; color: #999; vertical-align: top; line-height: 26px; font-size: 12px; font-family: helvetica, arial, sans-serif; } #mdk-htool-sm{ display:inline-block; vertical-align:top;width: 242px; } #mdk-htool-sm a {  float: left; display: block; width: 34px;height: 32px;margin-right: 0px; } #mdk-htool-sm-fb{  background-repeat: no-repeat;background-image: url("https://cdns.klimg.com/merdeka.com/media/i/a/soc-oto-new.png");background-position: 0 0; } #mdk-htool-sm-tw{  background-repeat: no-repeat;background-image: url("https://cdns.klimg.com/merdeka.com/media/i/a/soc-oto-new.png");background-position: -33px 0; } #mdk-htool-sm-g{  background-repeat: no-repeat;background-image: url("https://cdns.klimg.com/merdeka.com/media/i/a/soc-oto-new.png");background-position: -65px 0; } #mdk-htool-sm-rss{  background-repeat: no-repeat;background-image: url("https://cdns.klimg.com/merdeka.com/media/i/a/soc-oto-new.png");background-position: -99px 0; }   .mdk-lc-nd{ display:block; position:relative; margin-top:20px; padding-left: 5px; } .mdk-lc-nd-l{ width:672px; } .mdk-lc-nd-r{ width:300px; margin-left: 10px; margin-right:5px;  } .mdk-lc-nd-l, .mdk-lc-nd-r{ display:inline-block; position:relative; vertical-align:top; text-align:left; } .mdk-lc-st{ display:block; position:relative; margin-top:25px; width:996px; min-height:220px; }   .mdk-lc-in4{ display:block; position:relative; width:100%; height:auto; border-bottom: 1px solid #CCC; margin-bottom: 30px; padding-bottom:10px; } .mdk-lc-in4-col{ width:145px; display:inline-block; vertical-align:top; float:left; padding:0 10px; } .mdk-lc-in4-head a{ font-size: 25px; font-family: arial; font-weight: bold; } .mdk-lc-in4-head a:hover{ color: white; background: #C50009; text-decoration: none; } .mdk-lc-in4-list li{ border-bottom: 1px solid #E1E1E1; padding:10px 0; } .mdk-lc-in4-list li .mdk-lc-in4-link:hover{ text-decoration: none; color: #fff; background: #3CF; } .mdk-lc-in4-list li:first-child a{ font-size:17px; } .mdk-lc-in4-list li:last-child{ border-bottom: 0; } .mdk-lc-in4s{ display:block; position:relative; width:100%; height:auto; border-bottom: 1px solid #CCC; margin-bottom: 30px; padding-bottom:10px; } .mdk-lc-in4s-col{ display:inline-block; vertical-align:top; float:left; padding-right:25px; width:310px; } .mdk-lc-in4s-col > div{ display:inline-block; vertical-align:top; } .mdk-lc-in4s-coll{ width:140px; padding-right:15px; } .mdk-lc-in4s-head{ font: bold 30px arial; display: block; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #CCC; } .mdk-lc-in4s-llist li a{ display:block; } .mdk-lc-in4s-llist .mdk-lc-in4s-link{ margin:10px 0; font-size:17px; } .mdk-lc-in4s-colr{ width:150px; padding-bottom:15px; } .mdk-lc-in4s-rlist li{ display:block; padding: 10px 0px; border-bottom: 1px solid #E1E1E1; } .mdk-lc-in4s-rlist li:first-child{ padding-top:0; } .mdk-lc-in4s-rlist li:last-child{ border-bottom:0; } .mdk-lc-in4s-llist .mdk-lc-in4s-link, .mdk-lc-in4s-rlist li a{ -webkit-transition: all 0.22s ease; -moz-transition: all 0.22s ease; -ms-transition: all 0.22s ease; -o-transition: all 0.22s ease; transition: all 0.22s ease; } .mdk-lc-in4s-llist .mdk-lc-in4s-link:hover, .mdk-lc-in4s-rlist li a:hover{ text-decoration: none; color: white; background: #3CF; }   #mdk-body{  margin: 0px auto 0; width: 996px;  padding: 0px 0px 0px 0px;  padding-bottom:10px; overflow:hidden; padding-top: 0 !important; } #mdk-body-hdln { position: relative; background-color: #F8F8F8; border-radius: 10px 10px 0 0; border: 1px solid #EEE; overflow: hidden; min-height: 690px; height:690px; } #mdk-body-rd{ width:100%; display:block; position:relative; padding-top:15px; } #mdk-body-rd-l{ display:inline-block; float:left; width:375px; text-align:left; margin-left:5px; } #mdk-body-rd-c{ display:inline-block; float:left; width:285px; text-align:left; margin-left:15px; } #mdk-body-rd-r{ display:inline-block; float:left; width:300px; text-align:left; margin-left:10px; } .mdk-body-newsimg-head, .mdk-quot-head, .mdk-bsbs-head, .mdk-foto-cat-head{ font-size: 20px; font-family: arial; color: #fff; font-weight: bold; padding: 3px 0px 0px 5px; margin-bottom: 5px; height: 44px; } .mdk-body-newsimg{ margin-bottom:20px; } .mdk-body-newsimg-list { padding:0px; color:#8d8d8d; font-size:13px; font-family:georgia; } .mdk-body-newsimg-list li { padding-bottom:20px; font-family:arial; } .mdk-body-newsimg-list img { float:left; padding-right:5px; padding-bottom:5px; vertical-align:top; } .mdk-body-newsimg-list li div a { display: block; font-family: georgia; color: #000; font-size: 16px; font-weight: normal; text-decoration: none; line-height: 22px; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .mdk-body-newsimg-list li div a:hover { color: white; text-decoration: none; background-color: #3CF; } .mdk-body-newsimg-list a { font-family:georgia; color:#e40002; font-size:18px; font-weight:normal; overflow:hidden; text-decoration:none; padding-bottom:4px; line-height:22px; } .mdk-body-newsimg-title { height: 25px; } .mdk-body-newsimg-date { font-size: 11px; color: #959595; font-family: georgia; font-weight: normal; font-family: arial, sans-serif; } .mdk-body-newsimg-txt { height: 50px; overflow: hidden; } .mdk-body-newsimgbig{ padding-bottom: 5px; margin-bottom: 20px; } .mdk-body-newsimgbig span{ display:block; } .mdk-body-newsimgbig a:first-of-type{ font-size: 20px; padding: 0; margin: 5px 0; display: block; font-family: georgia; color: #000; font-weight: normal; text-decoration: none; line-height: 22px; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .mdk-body-newsimgbig a:first-of-type:hover { text-decoration: none; color: white; background: #3CF; } .mdk-body-newsimgbig p{ margin: 10px 0; } .mdk-body-newstxt{ margin-bottom:20px; padding:0px; color:#8d8d8d; font-family:georgia; } .mdk-body-newstxt li { padding-bottom:30px; } .mdk-body-newstxt li a { display: block; font-family: georgia; color: #1F4F82; font-size: 16px; font-weight: normal; text-decoration: none; line-height: 22px; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .mdk-body-newstxt li a:hover { text-decoration: none; color: white; background: #3CF; } .mdk-body-newstxt li a img{ margin:7px 5px 0 5px; padding:0; float: none; } .mdk-body-newstxt div { height:50px; } .mdk-body-newstxt-nextwr a:hover{ color:#000; } .mdk-body-newstxt-next{ background-color: #CCC; padding: 5px; text-align: center; color: #000; font-weight: normal; font-size: 11px; font-family: arial; margin-top: 5px; } #mdk-polling{ padding-bottom:20px; } #mdk-polling span{ padding-bottom: 20px; font-size: 18px; } #mdk-polling ul{ padding-top:10px; } #mdk-polling li{ margin-left:10px; padding-bottom:10px; list-style: circle; color: #a1a1a1; line-height: 20px; } #mdk-polling li span{ display:block; float:left; vertical-align:bottom; padding-right:10px; font-weight:normal; color:#000; font-size: 17px; } #mdk-polling li iframe{ display:block; float:left; } .mdk-polling-head{ height: 30px; margin-bottom: 10px; border-bottom: 5px solid #eee; } .pool-btn-like-cont, .fb-btn-like-cont{ width:47px; overflow: hidden; float:left; margin-right: 0px; } #mdk-polling li span.pool-num-like-cont{ font:normal 10px arial; line-height: 20px; border-radius: 3px; border:solid 1px #cecece; line-height: 17px; padding: 0px 3px; } .mdk-icon-cams{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/sprite-merdeka.png) no-repeat top left; background-position: -338px -878px; width: 16px; height: 11px; display:inline-block; } .mdk-newsbox-list .mdk-icon-cams{ margin-left:7px; } .mdk-pplr{ margin-bottom:30px; } .mdk-most, .mdk-edip{ margin-bottom:20px; } .mdk-pplr-head, .mdk-most-head, .mdk-edip-head{ height: 45px; margin-bottom: 10px; border-bottom: 5px solid #EEE; } .mdk-pplr-head, .mdk-most-head, .mdk-edip-head{ font-size: 20px; font-family: arial; color: #fff; font-weight: bold; } .mdk-pplr-list, .mdk-most-list, .mdk-edip-list{ padding:0px; color:#8d8d8d; font-family:georgia; } .mdk-pplr-list li, .mdk-most-list li, .mdk-edip-list li{ padding-bottom:20px; } .mdk-pplr-list li a, .mdk-most-list li a, .mdk-edip-list li a{ display: block; font-family: georgia; color: #1F4F82; font-size: 16px; font-weight: normal; text-decoration: none; line-height: 22px; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .mdk-pplr-list li a:hover, .mdk-most-list li a:hover, .mdk-edip-list li a:hover{ text-decoration: none; color: white; background: #3CF; } .mdk-pplr-list li a img, .mdk-most-list li a img, .mdk-edip-list li a img{ margin:7px 5px 0 5px; padding:0; float: none; } .mdk-txt-dropcap{ font-size: 20px; font-style: italic; color: #BBB; float: left; margin: -5px 10px 0px 0px; } #mdk-body-span{ display:block; width:100%; height:237px; margin-top:15px; } .mdk-body-span-wrap { float:left; width:100%; text-align:left; padding:20px; border-top:1px solid #cccccc; border-bottom:3px solid #cccccc; background-color:#ebebeb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .mdk-body-span-wrap li{ float:left; width:255px; padding:0 30px; } .mdk-body-span-wrap li a { display:block; color:#000000; font-size:15px; font-weight:normal; overflow:hidden; text-decoration:none; } .mdk-body-span-wrap li a:hover { text-decoration: underline; } .mdk-body-span-wrap li div{ font-family:arial; font-size:12px; margin-bottom:8px; } .mdk-body-span-wrap li span{ padding-bottom:10px; } .mdk-body-span-wrap li span.date{ margin-top: 5px; } .mdk-body-span-wrap li img{ vertical-align:middle; } .mdk-body-span-wrap label:hover{ cursor:pointer; } .mdk-body-span-wrap .mdk-body-span-middle{ border-right: 1px solid #fff; border-left: 1px solid #fff; } .mdk-body-span-wrap .mdk-body-span-middle span.date{ color : #434343; } .mdk-txt-redhead{ display:block; font-size:18px; font-weight:bold; color:#e40002; font-family:arial; } .mdk-txt-redhead a{ display:block; font-size:18px; color:#e40002; font-family:arial; padding-bottom:10px; font-weight:bold; } .mdk-txt-redhead:hover, .mdk-txt-redhead a:hover{ text-decoration:underline; } #mdk-body-rdc{ width:100%; display:block; position:relative; padding-top:10px; } #mdk-body-rdc-l{ display:inline-block; float:left; width:330px; text-align:left; } #mdk-body-rdc-c{ display:inline-block; float:left; width:330px; text-align:left; margin-left:15px; } #mdk-body-rdc-r{ display:inline-block; float:left; width:300px; text-align:left; margin-left:15px; } .mdk-newsbox{ border-top:1px solid #cccccc; margin: 0; padding: 5px 5px 15px 10px; height:230px; } .mdk-newsbox-list{ padding:0px; color:#8d8d8d; font-family:georgia; } .mdk-newsbox-list li{ padding-bottom:10px; } .mdk-newsbox-list a{ display:block; color:#000000; font-size:15px; font-weight:normal; overflow:hidden; text-decoration:none; } .mdk-newsbox-list a:hover{ text-decoration: underline; } .mdk-prkn{ margin-bottom:40px; } .mdk-prkn-head{ height: 45px; margin-bottom: 5px; font-size: 20px; font-family: arial; color: #fff; font-weight: bold; } .mdk-prkn-list li{ clear:both; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #E5E5E5; } .mdk-prkn-list a{ text-decoration: none; color: #000; font-style: italic; font-size: 16px; position: absolute; width: 240px; } .mdk-prkn-list a:hover{ text-decoration: underline; } .mdk-prkn-list .mdk-prkn-date{ display: block; vertical-align: text-top; line-height: 16px; margin-left:5px; font-size: 11px; color: #959595; font-family: arial; } .mdk-prkn-left, .mdk-prkn-right{ display: inline-block; } .mdk-prkn-left{ width: 50px; float: left; margin-right:10px; height:60px; } .mdk-prkn-up{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/thumb-up.png) left center no-repeat; border-bottom: solid 1px #E5E5E5; } .mdk-prkn-down{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/thumb-down.png) left center no-repeat; } .mdk-prkn-up, .mdk-prkn-down{ font-size: 11px; font-family: arial; padding: 10px 0 10px 25px; } .mdk-bsbs{ margin-bottom: 10px; padding-bottom: 30px; } .mdk-bsbs > p{ font-size:18px; color:#999999; display:block; float:right; font-style: italic; } .mdk-bsbs img{ float: right; margin-left: 10px; } .mdk-bsbs span{ font-size:12px; color:#999999; } #mdk-body-nd{ width:100%; display:block; position:relative; padding-top:15px; } #mdk-body-dt-l{ display:inline-block; float:left; width:670px; text-align:left; padding-left:5px; padding-right:10px; } #mdk-body-nd-l{ display:inline-block; float:left; width:680px; text-align:left; padding-left:5px; } #mdk-body-nd-r{ display:inline-block; float:left; width:300px; text-align:left; margin-left:5px; margin-right:5px; font-family:arial; font-size:13px; } .mdk-lu-list{ margin-bottom: 30px; } .mdk-lu-list, .mdk-ht-list{ padding:0px; color:#8d8d8d; font-family:georgia; } .mdk-lu-head, .mdk-ht-head{ border-bottom: 5px solid whiteSmoke; } .mdk-lu-list li{ padding-bottom:25px; height:55px; overflow:hidden; } .mdk-lu-list li a{ font-family:georgia; float:left; color:#000000; font-size:17px; font-weight:normal; text-decoration:none; line-height:22px; display:block; overflow:hidden; } .mdk-lu-list li a img{ margin:7px 5px 0 5px; padding:0; float: none; } .mdk-lu-list .mdk-lu-link{ width:180px; margin-top:5px; color: #1F4F82; } .mdk-lu-list .mdk-lu-link:hover{ text-decoration:underline; } .mdk-ht-list li{ height:20px; display:block; margin-bottom:19px; } .mdk-ht-list .mdk-ht-link{ font-family: georgia; color: #1F4F82; font-size: 16px; font-weight: normal; text-decoration: none; line-height: 22px; display: block; } #mdk-body-relnews-list .mdk-body-relnews-link img{ float: none; width: auto; height: auto; vertical-align: top; } #mdk-body-st{ width:98%; display:block; position:relative; padding-top:15px; padding-left:5px; } #mdk-body-rds{ width:100%; display:block; position:relative; padding-top:15px; } #mdk-body-rds-l{ display:inline-block; float:left; width:196px; text-align:left; padding-left:5px; } #mdk-body-rds-c{ display:inline-block; float:left; width:470px; text-align:left; margin-left:10x; } #mdk-body-rds-r{ display:inline-block; float:left; width:300px; text-align:left; margin-left:10px; } #mdk-foot{ width:100%; padding:10px 0px 0px 0px; text-align:center; background-color:#cccccc; margin-top:0px !important; border-top:10px solid #e6e7e9; color: #FFF; } #mdk-foot a{ color: #FFF; font-size: 14px; } #mdk-foot-kl{ background: #E5E5E5; padding:10px 0 40px 0; margin-top:10px; } #mdk-foot-kl ul { width: 605px; margin:0 auto; } #mdk-foot-kl ul li { float: left; } #mdk-foot-kl ul li:last-child { border: none; } #mdk-foot-kl ul li a { display: block; width: 150px; height: 45px; }   #mdk-top10{ display:block; position:relative; width:300px; height:auto; padding:5px; margin-bottom:35px;  background-color:#ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #header_top10{font-family:Oswald;display:block;color:#349acb;font-size:40px;text-align:center;width:300px;padding:10px 0px;padding-top: 0;margin-top: -10px;} #mdk-top10-head{ left: -10px; top: -20px; position: absolute; } #mdk-top10-lead{  padding: 0 5px; } #mdk-top10-lead span{ display: inline-block; height: 25px; padding: 5px 5px 1px; text-align: center; font:bold 12px/23px arial,sans-serif; cursor: pointer; position: relative; z-index: 3; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } #mdk-top10-lead .mdk-top10-select{ background-color:#fff; } #mdk-top10-wrap{ background-color:#fff; padding:10px; } #mdk-top10-wrap .show-trending{ display:block;text-align:center;text-decoration:none;padding:10px 0px 5px 0px; } #mdk-top10-list li{ width:100%; float:left; padding:10px 0; border-bottom:1px solid #ccc; clear:both; } #mdk-top10-list li a{ display: block; height:50px; overflow:hidden; font-family:arial; font-weight:bold; float: left; } #mdk-top10-list li a.mv-img{ display:block;float:left;width:110px; } #mdk-top10-list li a.mv-title{ display:block;float:left;width:150px;padding-left:10px;height:auto; } #mdk-top10-list li a.mv-title:hover{height: auto !important;} #mdk-top10-list li a:hover{ display: block; height:50px; overflow:hidden; font-family:arial; background: #3CF; text-decoration:none; } #mdk-top10-list label{ display: block; float: right; width: 12%; font-family: arial; text-align: right; font-weight: bold; font-size: 30px; color: #E1E1E1; } #editor_piks_box, #most_commented_box{ display:none; } #editor_piks_box li a, #most_commented_box li a{ width:220px; } #mdk-body-tagpop{ height:40px; background-image:url(https://cdns.klimg.com/merdeka.com/media/i/a/tag-bg.jpg); background-position:left; background-repeat: no-repeat; overflow:hidden; } #mdk-body-tagpop{ border-bottom: solid 1px #E3E3E3; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/mdk-tag.png) left center no-repeat; margin: -3px 0; width:100%; position:relative; top:4px; } #mdk-body-tagpop span{ font:bold 17px arial; padding: 0 10px; } #mdk-body-tagpop div{ padding: 10px 0 10px 0; text-align: left; margin: -2px 0; } #mdk-body-tagpop div a{ padding:0 8px; } #mdk-body-searchres { display: none; float:left; width: 666px; }   #header_latest_update{font-family:Oswald;display:block;color:#cd9733;font-size:40px;text-align:center;width:300px;padding:10px 0px;} #mdk-idxlu{ margin-bottom: 10px; margin-top:5px; } #mdk-idxlu-head{  } #mdk-idxlu-list{ overflow-y: auto; overflow-x: hidden; } .box_lates_news_hidden{ display:none; } #mdk-idxlu-list span{ display: block; padding: 10px 5px; font-weight:bold; border-bottom: 1px solid #ffffff; background: #f1f1f1; width: 290px; } #mdk-idxlu-list span.mdk-idxlu-list-adv{ background-color: #e1e1e1; } #mdk-idxlu-list span a{ display: block; font-weight:bold; color: #2B67A2; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } #mdk-idxlu-list span a:hover{ display: block; font-weight:bold; text-decoration: none; color: #fff; background: #3CF; } #mdk-idxlu-more{ background: #E1E1E1; display: block; font: 11px arial; color: #0B305C; text-align: center; padding: 5px; cursor: pointer; } #mdk-idxlu-more:hover{ color: #333; background: #F1F1F1; }   .mdk-kbr{ margin-bottom: 30px; padding-bottom: 10px; } .mdk-kbr-head{ border-bottom: 5px solid #F5F5F5; padding-bottom: 10px; } .mdk-kbr-head a{ font-size: 30px; font-family: arial; font-weight: bold; color: #AA512A; } .mdk-kbr-head a:hover{ font-size: 30px; font-family: arial; font-weight: bold; color: white; background: #C50009; text-decoration:none; } .mdk-kbr-list li{ border-bottom: 2px dotted #F5F5F5; padding-bottom: 10px; } .mdk-kbr-list img{ float:left; margin-right: 5px; margin-top: 10px; } .mdk-kbr-item { margin: 5px; } .mdk-kbr-item img { margin-top: 5px; padding: 0; position: absolute; } .mdk-kbr-item a, .mdk-kbr-item a span{ font-size:15px !important; } .mdk-kbr-item a:hover{ color: white; background: #3CF; text-decoration:none; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .mdk-kbr-item a span{ clear: both; font-size: 17px; }   #mdk-body .mdk-color-prtw { color: #003F56; } #mdk-body .mdk-color-pol { color: #C31E18; } #mdk-body .mdk-color-jak { color: #004D90; } #mdk-body .mdk-color-uang { color: #8F4E16; } #mdk-body .mdk-color-dna { color: #939609; } #mdk-body .mdk-color-khas { } #mdk-body .mdk-color-gya { color: #6C009A; } #mdk-body .mdk-color-art { color: #2B67A2; } #mdk-body .mdk-color-spo { color: #0068A3; } #mdk-body .mdk-color-bola { color: #649C00; } #mdk-body .mdk-color-tek { color: #000000; } #mdk-body .mdk-color-sht { color: #9D9C0C; } #mdk-body .mdk-color-oto { color: #740913; } #mdk-body .mdk-color-foto { } #mdk-body .mdk-color-prfl { } #mdk-body .mdk-color-prtw, #mdk-body .mdk-color-pol, #mdk-body .mdk-color-jak, #mdk-body .mdk-color-uang, #mdk-body .mdk-color-dna, #mdk-body .mdk-color-khas, #mdk-body .mdk-color-gya, #mdk-body .mdk-color-art, #mdk-body .mdk-color-olah, #mdk-body .mdk-color-bola, #mdk-body .mdk-color-tek, #mdk-body .mdk-color-sht, #mdk-body .mdk-color-oto, #mdk-body .mdk-color-foto{ -webkit-transition: all 0.22s ease; -moz-transition: all 0.22s ease; -ms-transition: all 0.22s ease; -o-transition: all 0.22s ease; transition: all 0.22s ease; } #mdk-body .mdk-color-prtw:hover, #mdk-body .mdk-color-pol:hover, #mdk-body .mdk-color-jak:hover, #mdk-body .mdk-color-uang:hover, #mdk-body .mdk-color-dna:hover, #mdk-body .mdk-color-khas:hover, #mdk-body .mdk-color-gya:hover, #mdk-body .mdk-color-art:hover, #mdk-body .mdk-color-olah:hover, #mdk-body .mdk-color-bola:hover, #mdk-body .mdk-color-tek:hover, #mdk-body .mdk-color-sht:hover, #mdk-body .mdk-color-oto:hover, #mdk-body .mdk-color-foto:hover{ color: white; background: #C50009; text-decoration: none; }   .mdk-spr-res { background:url(https://cdns.klimg.com/merdeka.com/media/i/a/sprite-merdeka.png) no-repeat top left; margin-bottom:10px;} .mdk-spr-hdln { background-position: -665px -180px; width: 217px; height: 45px; } .mdk-spr-sblm { background-position: -227px -225px; width: 250px; height: 45px; } .mdk-spr-spk { background-position: 0 -87px; width: 190px; height: 22px; } .mdk-spr-kbr { background-position: 12px -792px; width: 274px; height: 66px; } .mdk-spr-pplr { background-position: -728px 0; width: 200px; height: 44px; } .mdk-spr-most { background-position: -728px -45px; width: 250px; height: 41px; } .mdk-spr-edip { background-position: -327px -87px; width: 201px; height: 37px; } .mdk-spr-quot { background-position: -306px -270px; width: 154px; height: 45px; } .mdk-spr-hash { background-position: -348px -180px; width: 165px; height: 45px; } .mdk-spr-ots { background-position: -645px -225px; width: 300px; height: 42px; } .mdk-spr-prkn { background-position: -634px -361px; width: 172px; height: 45px; } .mdk-spr-bsbs { background-position: -166px -180px; width: 181px; height: 45px; } .mdk-spr-bghdln { background-position: -514px -180px; width: 150px; height: 45px; } .mdk-spr-bghpop { background-position: -461px -270px; width: 171px; height: 45px; } .mdk-spr-bghbrw { background-position: -760px -137px; width: 180px; height: 43px; } .mdk-spr-bghwk { background-position: 0 -225px; width: 226px; height: 45px; } .mdk-spr-bghlhdln { background-position: -665px -180px; width: 217px; height: 45px; } .mdk-spr-bghyl { background-position: -533px -315px; width: 250px; height: 45px; } .mdk-spr-bgtagp { background-position: -808px -361px; width: 176px; height: 45px; } .mdk-spr-bgtagq { background-position: -741px -270px; width: 154px; height: 43px; } .mdk-spr-bghwk { background-position: 0 -225px; width: 226px; height: 45px; } .mdk-spr-prtw { background-position: 0 -452px; width: 250px; height: 66px; } .mdk-spr-pol { background-position: -252px -452px; width: 170px; height: 66px; } .mdk-spr-jak { background-position: -424px -452px; width: 192px; height: 66px; } .mdk-spr-uang { background-position: -620px -452px; width: 143px; height: 66px; } .mdk-spr-wrld { background-position: -767px -452px; width: 158px; height: 66px; } .mdk-spr-khas { background-position: 0 -519px; width: 128px; height: 66px; } .mdk-spr-gaya { background-position: -130px -519px; width: 133px; height: 66px; } .mdk-spr-arts { background-position: -267px -519px; width: 115px; height: 66px; } .mdk-spr-sprt { background-position: -385px -519px; width: 147px; height: 66px; } .mdk-spr-bola { background-position: -538px -519px; width: 119px; height: 66px; } .mdk-spr-tek { background-position: -659px -519px; width: 90px; height: 66px; } .mdk-spr-tag { background-position: -755px -519px; width: 92px; height: 66px; } .mdk-spr-oto { background-position: 0 -586px; width: 100px; height: 66px; } .mdk-spr-foto { background-position: -102px -586px; width: 119px; height: 66px; } .mdk-spr-prfl { background-position: -223px -586px; width: 148px; height: 66px; } .mdk-spr-knkm { background-position: -377px -586px; width: 330px; height: 66px; } .mdk-spr-rdk { background-position: -710px -586px; width: 195px; height: 66px; } .mdk-spr-work { background-position: 0 -657px; width: 337px; height: 66px; } .mdk-spr-brt { background-position: -341px -657px; width: 156px; height: 66px; } .mdk-spr-kmps { background-position: -341px -657px; width: 400px; height: 66px; } .mdk-spr-stmp { background-position: -740px -657px; width: 227px; height: 66px; } .mdk-spr-wrtn { background-position: 0 -725px; width: 372px; height: 66px; } .mdk-spr-sht { background-position: -376px -725px; width: 154px; height: 66px; } .mdk-spr-sya { background-position: -531px -725px; width: 400px; height: 66px; } .mdk-spr-kbr { background-position: 12px -792px; width: 274px; height: 66px; } .mdk-spr-jprt { background-position: -263px -792px; width: 274px; height: 66px; } .mdk-spr-dis { background-position: -539px -792px; width: 289px; height: 66px; } .mdk-spr-bghots { background-position: -645px -225px; width: 300px; height: 45px; }  .mdk-sprrbx-res { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/rubric_images3.png) no-repeat; display: inline-block; margin-top:1px; } .mdk-sprrbx-prs { background-position: -10px -12px; width: 73px; height: 17px;} .mdk-sprrbx-pol { background-position: -10px -38px; width: 57px; height: 19px;} .mdk-sprrbx-jak { background-position: -10px -62px; width: 61px; height: 15px;} .mdk-sprrbx-uang { background-position: -10px -87px; width: 47px; height: 15px;} .mdk-sprrbx-dna { background-position: -10px -110px; width: 48px; height: 15px;} .mdk-sprrbx-khs { background-position: -10px -133px; width: 43px; height: 15px;} .mdk-sprrbx-gaya { background-position: -10px -159px; width: 44px; height: 15px;} .mdk-sprrbx-art { background-position: -10px -184px; width: 47px; height: 15px;} .mdk-sprrbx-olah { background-position: -10px -206px; width: 51px; height: 15px;} .mdk-sprrbx-bola { background-position: -10px -232px; width: 41px; height: 15px;} .mdk-sprrbx-tek { background-position: -10px -258px; width: 35px; height: 15px;} .mdk-sprrbx-sht { background-position: -10px -284px; width: 51px; height: 15px;} .mdk-sprrbx-oto { background-position: -10px -311px; width: 40px; height: 15px;} .mdk-sprrbx-foto { background-position: -10px -336px; width: 44px; height: 15px;} .mdk-sprrbx-prfl { background-position: -10px -362px; width: 52px; height: 15px;} .mdk-sprrbx-rmd { background-position: -10px -387px; width: 70px; height: 15px;} .mdk-sprrbx-adv { background-position: -10px -412px; width: 90px; height: 15px;}  .mdk-sprrbx-today { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/berita-hari-ini.png) no-repeat; width:349px; height:52px;}   #popup-box { background: none repeat scroll 0 0 white; border: 5px solid white; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display: none; left: 50%; top: 130px; width: 540px; margin-left: -280px; overflow: hidden; padding: 5px; position: fixed; z-index: 1000; font-family: arial; font-weight: bold; color: #555; } #overlay { top: 0px; left: 0px; position: fixed !important; z-index: 100; display: none; width: 100%; height: 100%; background-color: black; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } #popup-box .title{ font: 18px/1.65em arial,sans-serif; color: #000000; padding: 5px 0px 0px 0px; } #popup-box .copyright{ font: 11px/1.65em arial,sans-serif; color: #666666; padding: 0px 0px 0px 326px; } #popup-box .fb_like{ margin: 10px 0; } #popup-box .right_close{ float: right;margin: 5px 10px 10px 0; } #popup-box #popup-box-close{ font-size: 12px;font-weight: bold;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); } #popup-box img{ margin: 0 10px; width: 500px; height: 300px; }   .mdk-wsidx{ margin-top: 20px; color: #000; } .mdk-wsidx-head{ border-bottom: 5px solid #EEE; color: #525252; font-family: arial; font-size: 30px; padding-bottom: 10px; padding-top: 10px; } .mdk-wsidx-head a{ color:#000; } .mdk-wsidx-list { color: #000; } .mdk-wsidx-list li { color: #000; font-size: 17px; line-height: 130%; margin: 10px; padding-bottom: 10px; } .mdk-wsidx-list li a { color: #000; }   .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; }    #box_today_focus{border:5px solid #e1e1e1;margin-bottom:20px;overflow:hidden;} #header_today_tag{font-family:Oswald;display:block;color:#ffcc00;font-size:40px;text-align:center;width:300px;padding:0 0 10px;border-top:none;margin-top: -10px;} .header_today_focus div{float:left;width:40px;margin-top:20px;text-align:center; font-size:20px;font-weight:bold;} .header_today_focus span{ float:left; display:block; background-color:#ffffff; width:210px; height:40px; margin-top:20px; text-align:center; font-size:18px; font-weight:bold; font-family:arial; } .box_list_today_focus{padding:10px;border-bottom:5px solid #e1e1e1;} .box_list_today_focus span{display:block;padding-bottom:10px;border-bottom:1px solid #e1e1e1;} .box_list_today_focus span a{color:#000000;} .box_list_today_focus span a:hover{text-decoration:none;color:#ffffff;background:#33ccff;} .box_list_today_focus span label{display:block;float:right;cursor:pointer;background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag.png') no-repeat;width:17px;height:17px;} .box_list_today_focus span label:hover{display:block;float:right;cursor:pointer;background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag-hover.png') no-repeat;width:17px;height:17px;} .box_list_hidden_today_focus{display:none;padding:10px;border-bottom:5px solid #e1e1e1;} .box_list_hidden_today_focus span{display:block;padding-bottom:10px;border-bottom:1px solid #e1e1e1;} .box_list_hidden_today_focus span a{color:#000000;} .box_list_hidden_today_focus span a:hover{text-decoration:none;color:#ffffff;background:#33ccff;} .box_list_hidden_today_focus span label{display:block;float:right;cursor:pointer;background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag.png') no-repeat;width:17px;height:17px;} .box_list_hidden_today_focus span label:hover{display:block;float:right;cursor:pointer;background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag-hover.png') no-repeat;width:17px;height:17px;} .tag_small{padding:10px 0px;height:60px;} .tag_small a{display:block;width:180px;float:left;height:60px; overflow:hidden;padding-right:10px;} .tag_small a:hover{text-decoration:none;color:#ffffff;background:#33ccff;font-family:georgia;} .tag_small_hidden{display: none;padding:10px 0px;height:60px;} .tag_small_hidden a{display:block;width:180px;float:left;height:60px; overflow:hidden;padding-right:10px;} .tag_small_hidden a:hover{text-decoration:none;color:#ffffff;background:#33ccff;font-family:georgia;} .more_today_focus{background:#e1e1e1;display:block;font:11px arial; color:#0b305c; text-align:center;padding:5px;cursor:pointer;} .more_today_focus:hover{color:#333333;background:#f1f1f1;} .list-tag-today-focus li{ height:32px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; padding:3px 3px 3px 5px; overflow:hidden; font-size:15px; } .list-tag-today-focus li:hover{ color:#e5e5e5 !important;background-color:#2B67A2; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } .list-tag-today-focus li:hover .tdy-tag-name{ color:#e5e5e5 !important; } .list-tag-today-focus li:hover .tdy-tag-arrow{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/mtag-arrow-hover.png") no-repeat; background-position: center bottom; } .tdy-tag-num{ display: block;width: 32px;float: left; font-family:arial;font-size: 29px;font-weight: bold;color:#e5e5e5; } .tdy-tag-name{ padding: 5px 5px 5px 10px; display: block; float: left; font-family: arial; width:198px; line-height:25px; color:#117dd8; font-size:14px; } .tdy-tag-name:hover{color:#ffffff;} .tdy-tag-name a, .more_today_focus_new a{ text-decoration:none; } .tdy-tag-arrow{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/mtag-arrow-stay.png") no-repeat; background-position: center; width:31px;height:20px;display:block;float:right; padding-top:10px; } .more_today_focus_new{ background: #f7f7f7;display: block;font: 11px arial;color: #117dd8;text-align: center;padding: 10px;cursor: pointer;border-top:1px solid #e5e5e5; } .more_today_focus_new a{color: #117dd8;} #box_m_tag{border:1px solid #e5e5e5;border-top: none;margin-bottom:35px;overflow:hidden;} #box_list_m_tag li{ height:32px;border-top:1px solid #e5e5e5; padding:5px 3px 5px 5px; overflow:hidden; font-size:15px; color: #117dd8; } #box_list_m_tag li:hover{ color:#e5e5e5 !important;background-color:#117dd8; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; cursor:pointer; } #box_list_m_tag li:hover .tdy-tag-arrow{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/mtag-arrow-hover.png") no-repeat; background-position: center; width:31px;height:20px;display:block;float:right; padding-top:10px; cursor:pointer; } #box_list_m_tag li:hover .tdy-tag-name{ color:#ffffff; cursor:pointer; } #news_today_header{font-size:25px;font-family:arial;font-weight:bold;} #button-news-today{ display:block; background-color:#eeeeee; background-image: url("https://cdns.klimg.com/merdeka.com/media/i/a/keep-you.jpg"); background-position: left; background-repeat: no-repeat; width:230px;height:40px; padding-left:85px; padding-top:5px; font-size:30px; font-family:arial; font-weight:bold; text-decoration:none; color:#002b6b; }  .paging-container{ clear:both; text-align:center; margin-top:15px; } .paging-container a, .paging-container span{ font:normal 16px arial; padding:3px 10px; border: solid 2px #D9D9D9; color:#2c2c2c; } .paging-container a:hover, .paging-container span{ background: #D9D9D9; color:#000; text-decoration: none; } .link_irst, .link_prev, .link_next, .link_last { border: none; }  #mdk-header { height: 80px; margin-top: 25px; } #mdk-logo{ float: left; padding: 0 25px 0 0; height: auto; width:455px; min-height: auto; text-align:center; } #mdk-logo-link{ display:block; height:100px; margin-top:-5px; } #mdk-header-rubric{ display:block; font-size:18px; text-transform: uppercase; color:#666666; font-family:sans-serif; } span.mdk-category{ color: #999999; display: block; font-size: 1.2em; letter-spacing: 6px; text-align: center; text-transform: uppercase; } #mdk-box-search { background-color: transparent; border-bottom: medium none; height: auto; padding: 0; position: relative; width: auto; float: left;  } #mdk-search-new{ float: left; padding-right: 20px; height: 83px; padding-right:5px;width:245px; } #mdk-search-new > span { color: #2E659E; display: block; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: 2px; margin-bottom: 2px; } #mdk-search-new > a { display: block; letter-spacing: 2px; margin-bottom: 2px; text-decoration:none; color: #22659A; font-size: 14px; font-family: 'Oswald','Oswald_IE',sans-serif; font-weight: normal; padding-left: 5px; } #mdk-htool-search { position: relative; margin-top:0; padding: 0px; width: auto; } #mdk-htool-search input{ border: 1px solid #898989; color: #22659A; font-family: 'Oswald','Oswald_IE',sans-serif; font-size: 16px; width: 210px; padding: 8px 40px 8px 8px; border-radius: 5px; box-shadow: none; height: 25px; position: relative; } #mdk-htool-search-link { background-image: url("https://cdns.klimg.com/merdeka.com/media/i/a/search-icon-merdeka-new.png"); padding: 5px; width: 30px; background-position: 10px center; background-repeat: no-repeat; border-radius: 0 10px 10px 0; color: #FFFFFF; display: block; font-size: 24px; font-weight: bold; height: 33px; position: absolute; right: 0px; text-align: center; text-decoration: none; top: 1px;          } #mdk-htool-r { float: left;  margin-left:20px; position: relative; right: 0; top: 0;width: 224px; margin-top: 5px; } #mdk-htool-r > span { color: #999999; display: block; font-family: arial; font-weight: bold; text-align: center; margin-bottom: 10px; font-size: 18px; } #mdk-background-header{ width:100%; min-width: 996px; height:306px; position: absolute; top:0px; z-index:-1; background:url(https://cdns.klimg.com/merdeka.com/media/i/a/gradient-header-2.png); background-repeat: repeat-x; }   #box_mobil_bekas{border:5px solid #e1e1e1;overflow:hidden;} .list-mobil-bekas li{ height:85px; border-bottom:1px solid #e1e1e1; padding:3px 3px 3px 5px; overflow:hidden; font-size:15px; } .mobil-bekas-container{ height: 82px; } .list-mobil-bekas li:hover{ background-color:#e1e1e1; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } .mobil-bekas-photo { float:left; padding: 10px; } .mobil-bekas-text { float: left; padding-top: 9px; width: 175px; } .mobil-bekas-name { display: block; font-family: arial; font-weight: bold; font-size: 14px; text-decoration:none; } .mobil-bekas-name a:hover { text-decoration:none; } .mobil-bekas-attr { display: block; font-size: 12px; font-family: arial; color: #000; } .mobil-bekas-attr-lbl { color: #888; } #box_mobil_bekas_readmore{ background-color: #e1e1e1; color: #336699; overflow:hidden; font-weight: bold; font-family: arial; font-size: 12px; text-align: right; padding-right: 10px; } #box_mobil_bekas_noimg{border:5px solid #e1e1e1;margin-bottom:20px;overflow:hidden;} .mobil-bekas-name-noimg { display: block; font-family: arial; font-weight: bold; font-size: 14px; text-decoration:none; } .list-mobil-bekas-noimg{ padding: 15px; } .list-mobil-bekas-noimg li { padding-bottom: 6px; } #popup-periode-tag-newsletter { border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 100px rgba(102, 101, 101, 1), -1px -1px 15px rgba(102, 101, 101, 1); display: none; height: 247px; position: fixed; text-align: center; width: 500px; z-index: 1000; font-family: arial; font-weight: bold; margin-left: 13.5%; margin-right: 13.5%; color: #555; top: 184px; display: block; left: 239px; } #popup-periode-tag-newsletter-unsubscribe{ border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 100px rgba(102, 101, 101, 1), -1px -1px 15px rgba(102, 101, 101, 1); display: none; height: 208px; position: fixed; text-align: center; width: 450px; z-index: 1000; font-family: arial; font-weight: bold; margin-left: 13.5%; margin-right: 13.5%; color: #555; } .periode-option label { font-size: 15px; } #header_spotlight{font-family:Oswald;display:block;color:#ca3231;font-size:40px;text-align:center;width:300px;padding:10px 0px;border-top:1px solid #f1f1f1;} .box_photo_tag{background-color:#f1f1f1;padding:0px;text-align:center;margin-bottom:20px;width:300px;overflow:hidden;} .box_photo_tag a{display:block;padding:0px;font-size:13px; font-weight:bold; border-bottom:5px solid #ffffff;} .box_photo_tag a:hover{text-decoration:none;background:#930400;color:#ffffff;} .box_photo_tag span{display:block;float:left;width:145px;text-align:left;padding:5px;} #mdk-today-tag{ font-family: 'Oswald', 'Oswald_IE', sans-serif; width: 100%; height: 42px; text-align: center; margin:30px 0px;   } #mdk-today-tag-head{ font-family: 'Oswald', 'Oswald_IE', sans-serif; padding:0 10px; font-size: 22px; color: #ffffff; height: 40px; line-height: 40px; display:block; z-index:5; background-color:#999999; } .mdk-today-tag-list{ margin:0px auto; height:40px; display:inline-block; text-align:center; overflow:hidden; width: auto; } .mdk-today-tag-list li{ float:left; height:40px; display:inline-block; vertical-align:top; position:relative; margin:0px 2px; } #mdk-today-tag .mdk-today-tag-list li a{ font-family: 'Oswald', 'Oswald_IE', sans-serif; padding:0 10px; font-size: 17px; color: #707070; height: 40px; line-height: 40px; position:relative; display:block; z-index:5; background-color:#e7e7e7; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } #mdk-today-tag .mdk-today-tag-list li a:hover{ font-family: 'Oswald', 'Oswald_IE', sans-serif; color:#cc0000; background-color:#cccccc; border-bottom:2px solid #666666; text-decoration:none; } .sprite-back-to-top{ background-image: url('https://cdns.klimg.com/merdeka.com/media/i/a/back-to-top.jpg'); cursor:pointer; width: 26px; height: 26px; float: left; margin-top: -4px; } #header_latest_update_dream { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #E5E5E5; border-bottom:none; color: #CD9733; display: block; font-family: Oswald; font-size: 40px; margin-top: 24px; padding: 10px 0; text-align: center; width: 298px; } #box_list_m_tag li{ height:auto; } .dream_news_list{ height:auto; list-style: none; } #dream_news_list_span{ overflow: visible; width: auto; line-height: normal; border-bottom: none; } #mdk-nav-navtxt{ width:986px; text-align:left; font-family: verdana !important; font-size: 13px !important; padding-bottom: 2px; border-bottom: 1px solid #dedede; margin: 10px 5px; } #mdk-nav-navtxt a{ color: #555555; } .list-lts-update li{ height: auto; list-style: outside none none; padding: 10px; border-top: 1px solid #e5e5e5; color: #117dd8; font-size: 15px; overflow: hidden; } .list-lts-update li .lts-update-img{ display:block;float:left;width:140px; } .list-lts-update li span{ overflow: visible;line-height: normal;width: 120px;text-align: left;padding-top: 0; } .list-lts-update li:hover{ background-color: #117dd8; } .list-lts-update li:hover span{ color: #ffffff; } #mdk-htool-sm span{ float: left; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #898989; font-family: 'Oswald','Oswald_IE',sans-serif; margin-right: 4px; margin-top: 4px; } #mdk-htool-sm-fb:hover{ background-position: 0 -34px; } #mdk-htool-sm-tw:hover{ background-position: -33px -34px; } #mdk-htool-sm-g:hover{ background-position: -65px -34px; } #mdk-htool-sm-rss:hover{ background-position: -99px -34px; } #mdk-logo-rbx-l{ padding-left: 10px; } #kln-account{ float:left;height:17px;width:auto;max-width: 222px;overflow: hidden;margin-bottom:7px;border:1px solid #ffffff;font-size: 12px; }  .mdk-breaking-news-bar{ position:relative;  width:996px; margin:5px auto 0 0px; border-bottom:none; height: auto; padding-top: 0 !important; } .mdk-breaking-news-bar .breaking-news-container{ background:#D43132; position: relative; text-align: center; } .mdk-breaking-news-bar .title-breaking-news{ float:left; width: auto; position: relative; } .mdk-breaking-news-bar h2{ font-family:Oswald; font-size:20px; font-weight: normal; color:#FFFFFF; display:inline-block; vertical-align:middle; height:auto; padding:8px; width: 210px; margin-top:0px; margin-bottom:0px; }  .mdk-breaking-news-bar a .breaking-news-content{ display:table-cell; vertical-align:middle; height:46px; padding:0 15px; color:#FFFFFF; font-size:18px; font-weight :lighter; font-family:oswald; text-decoration:none; text-align: left; text-decoration: none; } #breaking-arrow{ float: right; padding-top: 7px; padding-left: 13px; } #breaking-warning{ float: left; padding-right: 10px; }   .box-kolom-kanan-mdk{ margin-top:10px; display: inline-block; text-align: left; } .box-kolom-kanan-mdk .header{ height:auto; width:auto; margin-bottom:10px; text-align:center; } .box-kolom-kanan-mdk .header a{ display: block; font-family: arial; font-size: 24px; color: grey; text-decoration: none; } .box-kolom-kanan-mdk ul{ padding-left:10px; } .box-kolom-kanan-mdk ul li .description .title{ color:#0b0b0b; font-size:17px; font-weight:bold; font-family:arial; text-decoration:none; } .box-kolom-kanan-mdk ul li .description .label{ font-weight: normal; font-size: 9px; font-family: arial; color: #adadad;margin-bottom: 4px; } .box-kolom-kanan-mdk ul li{ display: block; list-style: none outside none; padding: 10px; padding-left:15px; width: 250px; height: auto; } .box-kolom-kanan-mdk ul li .image { width: auto; } .box-kolom-kanan-mdk ul li .description { float: left; margin: 12px 0; overflow: hidden; height: auto; width: auto; padding:0; display: inline-block; } #mdk-rekomendasi-load-gif{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/loading-detail.gif) no-repeat scroll center center rgba(0, 0, 0, 0); height: 32px; margin: auto; width: 32px; }   .mdk-title-gradient{ margin-top:0 !important; } .mdk-list-terkait{ margin-bottom:-3px; } .mdk-list-terkait > li { margin-bottom:3px; } .mdk-top10v2 .list-top10v2 .item-top10 .number{ font-size: 38px; color: #ca0002; width: 53px; } .btn-mdk-next{ background:transparent; border:1px solid #ca0002; color: #ca0002 !important; font-family:'Noto Sans', sans-serif; font-size:16px; max-width:320px; display: block; text-align:center; -webkit-border-radius:5px; border-radius:5px; padding: 8px 15px; margin: 0 auto; margin-top:60px; } .btn-mdk-next:hover{ background:#ca0002; color:#fff !important; } .mdk-right .btn-mdk-next{ max-width:200px; margin-top:15px; } .btn-mdk-comment{ margin-top:30px; margin-bottom:30px; } .btn-mdk-comment:after{ background-image:url(img/komen.png); background-repeat:no-repeat; width:15px; height:8px; display:inline-block; vertical-align:middle; content:""; margin-top:-3px; margin-left:5px; } .btn-mdk-comment:hover:after{ background-position:bottom; } .mdk-lokal-gateway .item{ border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } .mdk-lokal-gateway .item a{ position:relative; border-top:1px solid #e8e8e8; padding:15px 0; margin:0 15px; font-family:'Noto Sans', sans-serif; font-size:16px; display:block; color:#000; } .mdk-lokal-gateway .item a:first-child { border-top:0; } .mdk-lokal-gateway .item a:hover{ color:#ca0002; } .mdk-lokal-gateway .item a:before{ background-image:url(https://cdns.klimg.com/merdeka.com/media/i/a/kolomkananv2/download.png); background-repeat:no-repeat; width: 35px; height: 35px; display:inline-block; vertical-align:middle; margin-right:15px; content:""; background-position: -4px 0; } .mdk-lokal-gateway .item .gtw-banyuwangi:before{ background-position: -42px 0; } .mdk-lokal-gateway .item .gtw-kutai:before{ background-position: -80px 0; } .mdk-lokal-gateway .item .gtw-makassar:before{ background-position: -4px -39px; } .mdk-lokal-gateway .item .gtw-malang:before{ background-position: -40px -39px; } .mdk-lokal-gateway .item .gtw-tanah:before{ background-position: -78px -39px; } .mdk-lokal-gateway .item .gtw-jateng:before{ background-position: -3px -76px; } .mdk-lokal-gateway .item .gtw-jatim:before{ background-position: -41px -77px; } .mdk-lokal-gateway .item .gtw-tabanan:before{ background-position: -80px -77px; } .mdk-lokal-gateway .item .gtw-pasuruan:before{ background-position: -3px -114px; } .mdk-lokal-gateway .item .gtw-papua:before{ background-position: -40px -114px; } .mdk-lokal-gateway .item .gtw-semarang:before{ background-position: -78px -114px; } .gateway-footer{ padding:15px; display:table; width:100%; } .gateway-footer > div{ background-image:url(https://cdns.klimg.com/merdeka.com/media/i/a/kolomkananv2/merdeka_local_arrow.png); background-repeat:no-repeat; width:24px; height:24px; float:left; cursor:pointer; } .gateway-footer > .gateway-next{ float:right; background-position:top right; } .gateway-footer > .gateway-prev:hover{ background-position:bottom left; } .gateway-footer > .gateway-next:hover{ background-position:bottom right; } #mdk-dunia-vemale{ border:1px solid #e8e8e8; margin-bottom:30px; } #mdk-dunia-vemale .header-dw{ background: #a33691; background: -moz-linear-gradient(45deg,#a33691 0%,#df669b 100%); background: -webkit-gradient(left bottom,right top,color-stop(0%,#a33691),color-stop(100%,#df669b)); background: -webkit-linear-gradient(45deg,#a33691 0%,#df669b 100%); background: -o-linear-gradient(45deg,#a33691 0%,#df669b 100%); background: -ms-linear-gradient(45deg,#a33691 0%,#df669b 100%); background: linear-gradient(45deg,#a33691 0%,#df669b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a33691',endColorstr='#df669b',GradientType=1); font-family:'Noto Sans', sans-serif; font-size:20px; color:#fff; display:block; padding:15px; font-size: 26px; font-weight:bold; } #mdk-dunia-vemale .header-dw > img{ margin-top:-3px; } #mdk-dunia-vemale .list-dw{ margin:0; padding:0; list-style:none; } #mdk-dunia-vemale .list-dw > li a{ text-transform: capitalize; font-family:'Noto Sans', sans-serif; font-size:16px; display:block; position:relative; color:#000; padding:15px 0; margin:0 15px; border-top:1px solid #e8e8e8; } #mdk-dunia-vemale .list-dw > li:first-child a{ border-top:0; } #mdk-dunia-vemale .list-dw > li a:after{ position:absolute; background-image:url(https://cdns.klimg.com/merdeka.com/media/i/a/kolomkananv2/arrow-right-mdk.png); background-repeat:no-repeat; background-position:bottom; width: 9px; height: 18px; top:50%; margin-top:-9px; content:""; right:0px; } #mdk-dunia-vemale .list-dw > li a:hover{ color:#ca0000; } #mdk-dunia-vemale .list-dw > li a:hover:after{ background-position:top; } .box_ramadan_homepage{border-width:0px 8px 8px 8px;border-style:solid;border-color:#5ed7ec;padding:5px;margin-bottom:10px;} .box_ramadan_homepage a:hover{text-decoration:none;color:#ffffff;background:#33ccff;font-family:georgia;} .box_ramadan_homepage div{padding:10px 0px;} .ramadan_homepage{float:left;} .box_ramadan_homepage span{float:right;display:block;width:175px;padding-left:5px;} #header_ramadan_homepage{padding-top:0px;font-family:arial; font-size:16px;font-weight:bold; color:#666666;} #header_ramadan_homepage a{font-family:arial; font-size:25px;color:#147391;} #header_ramadan_homepage img{margin-top:-10px;margin-left:10px;} #header_list_ramadan_homepage{padding-bottom:0px;font-family:arial; font-size:16px;font-weight:bold;color:#147391;}  .box_main_ramadan{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/id-fitri-MDK.jpg) no-repeat scroll 0 0 transparent !important; width:996px; border-bottom:1px solid #ffffff;  } .jadwal_imsak{ padding-left:325px;padding-top:27px;font-family:arial;font-size:12px;font-weight: bold; } .jadwal_item{ float:left;color:#fff;padding-right:20px; } .expan{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/up-stay.png) no-repeat scroll 0 0 transparent; float: right; width: 33px;height: 24px; margin-top: -15px;margin-right:10px;cursor: pointer; }  .list_news_ramadan{ height:100px;background-color:#0D7D93;width:100%; } .box_news_list{ float:left;background-color:#0D7D93;width: 31.3%;padding: 10px;height:80px; } .box_news_list:hover{ background-color:#0B697B;color:#fff !important; } .box_news_list img{ } .box_news_list div{ float:left;color:#F8DF06;text-align: left;padding-left: 7px; } .box_news_list div:hover{ color:#fff; } #link_ramadan{display:block;position:absolute;width:940px;height:45px;z-index:5;}  .header_iklan_mobil{ margin-bottom:10px; width:153px;height:61px; } .box_iklan_mobil{ margin-bottom:30px;margin-top:30px; } .box_list_iklan{ border:1px solid #e5e5e5;margin-left:10px;margin-top: -52px; } .box_list_iklan li{ margin-bottom:10px;clear:both;height: 50px; width:300px;padding:10px; } .box_list_iklan li a{ outline: medium none;text-decoration: none;color:black; } .box_list_iklan li:first-child{ margin-top:20px; } .box_list_iklan li a:hover{ bold;color:red !important; } .iklan_desc{ float: left;display:block;width: 180px;font-family: arial;font-size: 12px;line-height: 150%; padding-right: 5px; } .iklan_thumbnail{ float:left; } .iklan_thumbnail img{ width:80px;height:54px; }   #mdk-showcase1{padding-bottom:20px;} #mdk-showcase2{padding-bottom:20px;} #mdk-leaderboard{padding:15px;} #mdk-marcomm{padding-bottom:35px;} #mdk-government1{padding-bottom: 35px;} #mdk-government2{margin: 10px 0 15px 10px;} #mdk-government2 div{float: left;width: auto;} #mdk-government2 div:nth-child(2){text-align: right;margin-left: 35px;} #mdk-square-banner {text-align: center;padding: 10px;margin-bottom: 10px;} #top-nav-channel{ width: auto; background: none repeat scroll 0 0 #F0F0F0; position: relative; height:35px; overflow:hidden; top:0; transition: all 0.2s ease-in-out 0s; } #top-nav-channel .nav-container{ position: relative; margin:0 auto; text-align: center; } #top-nav-channel .nav-channel{ margin: 0; padding: 0; display: inline-block; } #top-nav-channel .nav-channel li{ float: left; list-style: none outside none; width: auto; height: 34px; } #top-nav-channel .nav-channel li a{ font-family: 'Oswald','Oswald_IE',sans-serif; font-size: 14px; color: #000000; height: 28px; outline: medium none; overflow: hidden; padding: 6px 11px 0; text-align: center; text-decoration: none; transition: all 0.2s ease-in-out 0s; text-transform: uppercase; display: block; } #top-nav-channel .nav-channel li:first-child,#top-nav-channel .nav-channel li a:hover{ background: #d00000; } #top-nav-channel .nav-channel li:first-child a,#top-nav-channel .nav-channel li a:hover{ color: #ffffff; }  @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; } .list-channel{ margin:0; padding:0; list-style:none; text-align:center; background:#F9f9f9; font-family: 'Lato', sans-serif; height:40px; border-bottom:1px solid #dedede } .list-channel > li.not-channel{ margin:0; } .list-channel > li{ display:inline-block; margin: 0px 16px; } .list-channel > li .middle-channel{ vertical-align:middle; height:40px; display:table-cell; padding:0 15px; color:#333; font-size:11px; line-height:normal; text-decoration: none;font-family: Lato; } .list-channel > li a{ position:relative; transition:all 0.5s ease; } .list-channel > li a:hover{ color:#000; } .list-channel > li a:hover:after, .list-channel > li.active a:after{ background:#000; height:1px; left:0; right:0; bottom:-1px; width:100%; content:""; position:absolute } .list-channel > li.active a{ font-weight:900; } .arrow-channel{ margin-left:6px; margin-top:-2px; } .click-more.active .arrow-up, .click-more .arrow-down{ display:inline-block; } .click-more.active .arrow-down, .click-more .arrow-up{ display:none; } .click-more.active{ color:#000; } .click-more.active:after{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/channel-abu-soft.png) no-repeat; width:13px; height:6px; left:0; right:0; bottom:-1px; margin:0 auto; position:absolute; content:""; z-index:2; } .list-channel-more{ background:#f2f2f2; display:none; border-bottom:1px solid #dedede } .list-channel-more > li{ margin:0; }   @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); } @font-face { font-family: 'Palanquin'; font-style: normal; font-weight: 300; src: local('Palanquin Light'), local('Palanquin-Light'), url(https://fonts.gstatic.com/s/palanquin/v1/c0-J5OCAagpFCKkKraz-E-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); } @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_FtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); } @font-face { font-family: 'Palanquin'; font-style: normal; font-weight: 700; src: local('Palanquin Bold'), local('Palanquin-Bold'), url(https://fonts.gstatic.com/s/palanquin/v1/-UtkePo3NFvxEN3rGCtTvugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); } @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'), url(https://fonts.gstatic.com/s/oswald/v10/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); } @font-face { font-family: 'Oswald_IE'; font-style: normal; font-weight: 400; src: url('https://cdns.klimg.com/a.merdeka.com/font/oswald/-WzdRTzRa5k6HlJK6-dK9Q.eot?#iefix') format('embedded-opentype'), url('https://cdns.klimg.com/a.merdeka.com/font/oswald/oswald.eot'); } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } .figureProfession { font: normal 12px arial; color: #949494; } .currentMenu { background: none;  } .currentMenu a{ color: #D23232 !important; } #menuSpacer{ display: none; } #top-nav { background: #000000; -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; position: relative; z-index: 9000; min-width:996px; border-bottom: none !important; width: 996px; } #top-nav .mdk-tagcld-items { margin-right: 2px; margin-top: 2px; } #top-nav * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #top-nav .nav-container { position: relative; width: 996px; margin: 0 auto; text-align: center; } #top-nav .nav { margin: 0; padding: 0 13px; display: inline-block; width: auto; } #top-nav .nav li { float: left; list-style: none; padding: 0 9px; width: auto; } #home { float: left; background: url('https://cdns.klimg.com/merdeka.com/media/i/a/logo_menu.jpg') no-repeat; } #top-nav .nav li a { font-family: 'Oswald', 'Oswald_IE', sans-serif; color: #FFFFFF; display: block; overflow: hidden; font-size: 16px; padding: 10px 0 0; text-align: center; text-decoration: none; outline: none; -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; height: 47px; } #top-nav .nav li a span { display: block; line-height: 14px; color: #333; }   #top-nav .nav li:hover a, #top-nav .nav li.aktif a, #top-nav .nav li+li:hover a, #top-nav .nav li+li.aktif a, #top-nav .nav li+li+li:hover a, #top-nav .nav li+li+li.aktif a, #top-nav .nav li+li+li+li:hover a, #top-nav .nav li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li.aktif a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:hover a, #top-nav .nav li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li.aktif a { background: none; color: #D23232; } #top-nav .nav li:hover a {  } #top-nav .nav li:hover a span { color: #FFF; } #top-nav .child-container { position: absolute; top: 47px; left: 0; width: 100%; overflow: hidden; z-index: 11; } #top-nav ul.child { background: transparent; display: none; padding: 0; margin: 0; width: 1500%; position: relative;  } #top-nav ul.child > li { list-style: none; background: #FFF; float: left; width: 996px; border-left: 2px solid #E9E9E9; border-right: 2px solid #E9E9E9; } #top-nav ul.child > li h1 { margin: 0; text-align: center; color: #FFF; text-shadow: 0 -1px #999999; display: block; }  #top-nav ul.child > li h2 { font-size: 20px; margin: 5px 0; padding-bottom: 5px; text-align: left; text-transform: uppercase; } .linkProfil { min-height: 1em !important; margin: 5px 0 5px !important; } #top-nav ul.child > li .menubox a { text-decoration: none; color: #565656; display: block; min-height: 2em; margin: 5px 0 10px; } #top-nav ul.child > li .menubox img { -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; margin: 0 auto; text-align: center; } #top-nav ul.child > li .menubox img:hover { box-shadow: 0 0 3px #666; } #top-nav ul.child > li .menubox div { float: left; text-align: center; } #top-nav ul.child > li .menubox div span a {  font-size: 14px; } #top-nav ul.child > li.child-menu { width: 996px; } #top-nav ul.child > li.child-menu h1, #top-nav ul.child > li.child-menu h2, #top-nav ul.child > li.child-menu h3 { font-family: 'Oswald', 'Oswald_IE', sans-serif; } #top-nav ul.child > li.child-menu ul > li { width: 33.3%; float: left; padding: 10px; text-align: left; list-style: none; } #top-nav ul.child > li.child-menu ul > li img { border: 2px solid #fff; box-shadow: 0 0 5px #666; } #top-nav ul.child > li.child-menu ul > li h2 img { border: none; box-shadow: 0 0; } #top-nav ul.child > li.child-menu ul > li a { color: #2B67A3; font-weight: bold; text-align: left; font-size: 12px; padding: 0 5px; -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; } #top-nav ul.child > li.child-menu ul > li a:hover { color: #4b8dd0; text-decoration: underline; } #top-nav ul.child > li.child-menu ul > li div.model1 div { float: none; border-top: 1px solid #ccc; margin: 0; } #top-nav ul.child > li.child-menu ul > li div.model1 div:first-child { border-top: none; } #top-nav ul.child > li.child-menu ul > li div.model2 span a { font-size: 20px; } #top-nav ul.child > li.child-menu ul > li div.model3 div { text-align: left; } #top-nav ul.child > li.child-menu ul > li div.model3 div > a { display: inline-block; } #top-nav ul.child > li.child-menu ul > li div.model3 div > a img { margin-right: 10px; vertical-align: top; float: left; } #top-nav ul.child > li.child-menu.menu-1 > ul li:first-child, #top-nav ul.child > li.child-menu.menu-4 > ul li:first-child, #top-nav ul.child > li.child-menu.menu-9 > ul li:first-child, #top-nav ul.child > li.child-menu.menu-14 > ul li:first-child, #top-nav ul.child > li.child-menu.menu-5 > ul li:first-child { border-right: 1px dotted #E9E9E9; height:305px; } #top-nav ul.child > li.child-menu.menu-1 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-2 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-3 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-4 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-7 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-8 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-9 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-10 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-13 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-14 > ul li + li + li, #top-nav ul.child > li.child-menu.menu-15 > ul li + li + li{ border-left: 1px dotted #E9E9E9; height:305px; } #top-nav ul.child > li.child-menu.menu-16 { border-bottom: 2px solid #E9E9E9; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child { width: 40%; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div { float: left; display: block; width: 40%; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div { padding: 5px; text-align: left; width: 60%; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div .control-btn { width: 100%; float: none; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div span { display: block; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div span.nama a { font-size: 1.5em; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div span.tgllahir { color: #FFF; font-size: 14px; background: #9C9C9C; padding: 3px 5px; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div span.profilbtn a, #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div span.beritabtn a { font-family: 'Oswald', 'Oswald_IE', sans-serif; text-transform: uppercase; text-align: center; display: block; background: #343434; width: 48%; margin: 10px 1%; color: #FFF; float: left; line-height: 2.4em; -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; border: 1px solid #343434; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div span.profilbtn a:hover, #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div span.beritabtn a:hover { background: #fff; color: #343434; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div span.profilbtn a { background: #F7C602; } #top-nav ul.child > li.child-menu.menu-16 ul li:first-child .menubox > div + div span.profilbtn a:hover { background: #343434; color: #FFF; } #top-nav ul.child > li.child-menu.menu-16 ul li + li { width: 60%; } #top-nav ul.child > li.child-menu.menu-16 ul li + li .menubox div { float: left; display: block; width: 20%; } #top-nav ul.child > li.child-menu.menu-16 ul li + li .menubox div a { text-align: center; } #top-nav ul.child > li.child-menu .top-stories { background: none repeat scroll 0 0 #E9E9E9; border-top: 3px double #FFFFFF; } #top-nav ul.child > li.child-menu .top-stories a { display: block; text-align: right; padding: 5px 20px 5px; font-size: 14px; color: #222; font-family: 'Oswald', 'Oswald_IE', sans-serif; text-transform: uppercase; text-decoration: none; -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; } #top-nav ul.child > li.child-menu .top-stories a:hover { color: #666; } #top-nav ul.child > li.child-menu .top-stories ul { width: 90%; float: left; } #top-nav ul.child > li.child-menu .top-stories ul li { float: left; width: auto; padding: 0; } #top-nav ul.child > li.child-menu .top-stories ul li a { font-weight: normal; color: #2B67A3; } #top-nav ul.child ul { padding: 0; margin: 0; }  @media only screen and (min-width: 35em) { } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { }  .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .pull-right{ float:right; } .pull-left{ float:left; } .text-center{ text-align:center; } .text-right{ text-align:right; } .text-left{ text-align:left; }  @media print { * { background: transparent !important; color: #000 !important;  box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; }  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group;  } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } #top-nav ul.child > li.child-menu ul > li div.mdk-popular-tagcloud a { text-decoration: none; font-size: 13px; font-weight: bold; line-height: 1.4em; color: #FFFFFF; padding: 4px 6px; margin-bottom: 4px; display: inline-block; transition: background-color 0.2s, color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s; }  .promo-polling { display:none; background:#FFF; position:absolute; bottom:0; margin-bottom: -54px; left:0; right:0; width:996px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5); top:50px; margin: 0 auto; height:50px; } .promo-polling ul.polling-toplist{ width: auto; margin-left: 5px; background-color:#E6E6E6; } .promo-polling ul.polling-toplist li{ list-style:none; float:left; padding:5px 0; width:167px; border-left:1px solid #fff; height:50px; overflow:hidden; padding-left:5px; } .promo-polling ul.poll-partai li{ width:195px; } .promo-polling .pilihan-partai{ width: 355px; margin: 6px 5px; } .promo-polling ul.polling-toplist li img{ width:40px;height:40px; border:1px solid #ccc; } .promo-polling ul.polling-toplist li:hover {background: #0066cc;} .promo-polling ul.polling-toplist li:hover p{color:#fff;}  .promo-polling .btn-arrow-capres{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/pemilu-2014/arrow-polling-capres.png) no-repeat; height: 50px; background-position: 14px 12px; width: 41px; float: left; background-color:#0066cc; border:1px solid #fff; } .promo-polling .btn-arrow-capres:hover{ border:2px solid #fff; } .promo-polling h3.promo-polling-header{ font-family: 'Oswald','Oswald_IE',sans-serif;font-size: 21px;color: #000;margin-right: 8px;float: left;padding:4px 0px; } .promo-polling a h3.promo-polling-header:hover{ text-decoration:none !Important;; } @media only screen and (device-width: 768px) {  .promo-polling h3.promo-polling-header{ font-size: 20px; } } .promo-polling ul.polling-toplist li .nama-listtop{ padding-left:5px; } .promo-polling ul.polling-toplist li p{ margin:0; padding:0; font-family:'Oswald','Oswald_IE'; font-size:14px; color:#585858; height: 20px; overflow:hidden;  } #close-btn-promo-polling{ background-color:#9D9D9D; color:#fff; position:absolute; z-index:3; opacity:0.4; filter:alpha(opacity=40); top: 50px; padding:5px; left: 952px; font-size: 14px; cursor: pointer; } .promo-polling .pilihan-presiden { width: 440px; margin: 6px 5px; } .promo-polling .pilihan-presiden .btn-pilihan-capres{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/pemilu-2014/PILIH-SEKARANG-stay.png) no-repeat; width:131px; height:28px; float:left; margin-top: 6px; } .promo-polling .pilihan-presiden .btn-pilihan-capres:hover { background: url("https://cdns.klimg.com/merdeka.com/media/i/a/pemilu-2014/PILIH-SEKARANG-hover.png") no-repeat; }     #mdk-logo-rbx{ height:112px; min-height:112px; display:block; position:relative; padding-top:10px; padding-left: 10px; padding-right: 5px; } #mdk-logo-rbx-l{ float:left; text-align:left; padding-left: 10px; } #mdk-logo-rbx-r{ float:right; margin: 40px 0 0 0; } .mdk-nav-rbx #mdk-nav-item ul{ width: 952px; } .mdk-nav-rbx #mdk-nav-tek{ width:47px; } .mdk-nav-subrbx { min-height:12px; background-color: #f8f8f8; border-bottom: solid 5px #c2c2c2; margin-bottom: 10px; padding-top: 12px; text-align: left; } .mdk-nav-subrbx li { border-right: solid 1px #ccc; float: left; margin: 5px 0px; padding: 0px; } .mdk-nav-subrbx a { padding: 5px 10px; } .mdk-nav-subrbx a:hover { color: #c94541; text-decoration: none; }  #mdk-tag-pplr{ margin-bottom:30px; display:block; position:relative; } #mdk-tag-pplr-wrap{ width:196px; height:auto; } #mdk-tag-pplr-list{ padding-bottom: 7px; border-bottom: solid 1px #CCCCCC; } #mdk-tag-pplr-list li{ padding-bottom:5px; } #mdk-tag-pplr-list li a{ outline: medium none; text-decoration: none; color: #848484; font-size: 14px; } #mdk-tag-pplr-list li a:hover{ text-decoration: none; } #mdk-tag-opplr{ display:block; } .mdk-tag-opplr-head{ background-color: #EDEDED; color: #323232; font-family: arial; font-weight: bold; margin-bottom: 5px; padding: 5px 0 5px 5px; } #mdk-tag-opplr-list{ padding-bottom: 7px; border-bottom: solid 1px #CCCCCC; } #mdk-tag-opplr-list li{ padding-bottom:5px; } #mdk-tag-opplr-list li a{ outline: medium none; text-decoration: none; color: #848484; font-size: 14px; } #mdk-tag-opplr-list li a:hover{ text-decoration: none; } #mdk-tag-news{ display:block; } #mdk-tag-news-head{ display:block; color: #999; font: bold 20px arial; } #mdk-tag-news-share, #mdk-tag-news-banner{ display:block; } #mdk-tag-news-wrap{ display:block; position:relative; } #mdk-tag-news-headh{ color: red; border-bottom: solid 2px #CECECE; margin: 10px 0; font: bold 20px arial; } #mdk-tag-news-list { color: #8D8D8D; font-family: georgia; font-size: 13px; padding: 10px; } #mdk-tag-news-list li{ padding-bottom:5px; padding-top:5px; font-family:arial; } .mdk-tag-news-listwr{ display:block; } .mdk-tag-news-listwr > div{ display:inline-block; vertical-align:top; } .mdk-tag-news-listl{ width:140px; margin-right:7px; } .mdk-tag-news-listr{ width:295px; } .mdk-tag-news-listl img{ padding-right: 5px; padding-bottom: 5px; vertical-align: top; width: 140px; height: 70px; } .mdk-tag-news-date{ display: block; font-size: 11px; color: #959595; font-family: arial; margin-left:5px; vertical-align:text-top; line-height:16px; } a.mdk-tag-news-link{ font-family: georgia; color: #E40002; font-size: 18px; font-weight: normal; overflow: hidden; text-decoration: none; padding-bottom: 4px; line-height: 22px; } .mdk-tag-news-desc{ padding-bottom: 10px; padding-top: 5px; font-family: arial; color:#8d8d8d; } #mdk-tag-news-more{ background: #E1E1E1; display: block; font: 11px arial; color: #0B305C; text-align: center; padding: 5px; cursor: pointer; } #mdk-tag-news-more:hover{ color: #333; background: #F1F1F1; } .mdk-tag-cont{ margin-top:25px; } .mdk-tag-cont-head{ padding-top:20px; } .mdk-tag-cont-desc{ font-family:arial; } .mdk-tag-cont-head, .mdk-tag-cont-desc, .mdk-tag-cont-dlist { width:100%; display:block; } .mdk-tag-cont-head > a{ display:inline-block; } .mdk-tag-cont-head .mdk-tag-cont-headln{ color:#000; font:700 1.7em/1.8em arial,sans-serif; } .mdk-tag-cont-descp{ margin-top:20px; display:block; padding:10px; font-size:13px; } .mdk-tag-cont-dlist{ background-color:#F0F0F0; padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-tag-cont-list li{ height:auto; width: 120px; padding: 0px; margin-right: 35px; vertical-align: top; display: inline-block; font-weight: bold; } .mdk-tag-cont-list li:last-child{ margin-right:0; } .mdk-tag-cont-list li img{ width: 120px; height: 60px; } .mdk-body-relnews-link{ color: #1F4F82; font-size:12px; font-weight: normal; clear: both; height: 70px; width: 100%; text-align: left; word-wrap: break-word; } .mdk-body-relnews-link{ -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .mdk-tag-cont-list .mdk-body-relnews-link{ color:#000; } .mdk-tag-cont-list .mdk-body-relnews-link:hover{ text-decoration: none; color: #ca0002;   } .mdk-ann-tag #mdk-idxlu-more{ margin-top:15px; } .mdk-tag-abc, .mdk-tag-cld{ margin-bottom:10px; } .mdk-tag-abc-head a, .mdk-tag-cld-head a, .mdk-tag-kait-head a, .mdk-tag-tkhkait-head a{ font-size: 27px; font-family: arial; font-weight: bold; } .mdk-tag-abc-head a:hover, .mdk-tag-cld-head a:hover, .mdk-tag-kait-head a:hover, .mdk-tag-tkhkait-head a:hover{ color: white; background: #2B67A2; text-decoration: none; } .mdk-tag-kait-head, .mdk-tag-tkhkait-head{ border-bottom:1px solid #C5C5C5; } #mdk-tag-kait, #mdk-tag-tkhkait{ margin-bottom:20px; }  #mdk-body-nd-l{ display:inline-block; float:left; width:670px; text-align:left; padding-left:5px; margin-right:10px; } #mdk-tag-jumbotron{ margin-top:10px; width:670px; overflow:hidden; } .mdk-tag-contg-grey{ background-color:#F0F0F0; margin:10px 0; } .mdk-tag-contg{ padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-tag-contln-l, .mdk-tag-contln-r2{ display:inline-block; vertical-align:top; } .mdk-tag-contln-r2{ width:376px; margin-left:10px; } .mdk-tag-contln-date{ color: #C1C1C1; font-family: arial; font-size: 11px; padding: 1px 0px 5px 0px; vertical-align: text-top; line-height: 16px; } .mdk-tag-contg-grey .mdk-tag-contln-date{ color: #919191; } .mdk-tag-contln-title{ font-size:1.5em; font-family: georgia; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .mdk-tag-contln-title-hl{ font-size:2.5em; font-family: georgia; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .mdk-tag-contln-title img{margin-left:5px;} .mdk-tag-contln-title:hover{ text-decoration: none; color: white; background: #3CF; } .mdk-tag-contspan{ display:block; width:100%; height:32px; margin-top: 20px; border-bottom:1px solid #C5C5C5; } .mdk-tag-contspan-head{ font-size:1.7em; font-family:sans-serif; color:#C5C5C5; float:left; } .mdk-tag-contspan-sort{ float:right; display:inline-block; margin:0 7px; color:#00295A; cursor:pointer; } .mdk-tag-contspan-sort.mdk-tag-inac{ color:#8c8c8c; cursor:text; } .mdk-tag-contspan-sorticon{ display:inline-block; height:10px; width:11px; } #mdk-tag-contspan-lama .mdk-tag-contspan-sorticon{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/mdk_sort_dw.png); } #mdk-tag-contspan-lama.mdk-tag-inac .mdk-tag-contspan-sorticon{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/mdk_sort_dwin.png); } #mdk-tag-contspan-baru .mdk-tag-contspan-sorticon{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/mdk_sort_up.png); } #mdk-tag-contspan-baru.mdk-tag-inac .mdk-tag-contspan-sorticon{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/mdk_sort_upin.png); } .mdk-tag-contg-norm{ margin-bottom:23px; } #mdk-tag-prfl-list li{ padding: 10px; height: 225px;   width: 33%;  overflow: hidden; float: left; text-align: center; -webkit-transition: all 0.22s ease; -moz-transition: all 0.22s ease; -ms-transition: all 0.22s ease; -o-transition: all 0.22s ease; transition: all 0.22s ease; } #mdk-tag-prfl-list li:hover{ background-color:#f5f5f5; border: solid 1px #000; cursor:pointer; -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } #mdk-tag-prfl-list li a:hover{ text-decoration:none; } #mdk-tag-prfl-list li.mdk-tag-prfl-top{ border: solid 1px #EDEDED; border-bottom: solid 4px #EDEDED; } #mdk-tag-prfl-list li.mdk-tag-prfl-bottom{ border: solid 1px #EDEDED; border-top: solid 4px #EDEDED; } .mdk-tag-prfl-bottom img, .mdk-tag-prfl-top img{ width:80px;height:120px; } #mdk-tag-prfl-list .mdk-tag-prfl-link span{ font: normal 12px arial; color: #949494; } .mdk-tag-prfl-link, .mdk-tag-prfl-link span{ display:block; } .mdk-tag-prfl-link span{ margin-top:4px; }   .mdk-page{ clear:both; text-align:center; margin-top:15px; } .mdk-page a, .mdk-page span{ font:normal 16px arial; padding:3px 10px; border: solid 2px #D9D9D9; color:#2c2c2c; } .mdk-page a:hover, .mdk-page span{ background: #D9D9D9; color:#000; text-decoration: none; } .mdk-page-first, .mdk-page-prev, .mdk-page-next, .mdk-page-last { border: none; } #mdk-tag-today{ border:5px solid #e1e1e1; margin-top:50px; margin-bottom:20px; overflow:hidden; } #mdk-tag-today-focus{ position:absolute; z-index:2; margin-top:-30px; margin-left:-10px; } .mdk-tag-today-focus{ background-color:#e1e1e1; width:290px; height:30px; } .mdk-tag-today-focus div{ float:left; width:40px; margin-top:20px; text-align:center; font-size:20px; font-weight:bold; } .mdk-tag-today-focus span{ float:left; display:block; background-color:#ffffff; width:210px; height:40px; margin-top:20px; text-align:center; font-size:18px; font-weight:bold; font-family:arial; } .mdk-tag-today-list{ padding:10px; border-bottom:5px solid #e1e1e1; } .mdk-tag-today-list span{ display:block; padding-bottom:10px; border-bottom:1px solid #e1e1e1; } .mdk-tag-today-list span a{ color:#000000; } .mdk-tag-today-list span a:hover{ text-decoration:none; color:#ffffff; background:#33ccff; font-family:georgia; } .mdk-tag-today-list span label{ display:block; float:right; cursor:pointer; background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag.png') no-repeat; width:17px; height:17px; } .mdk-tag-today-list span label:hover{ display:block; float:right; cursor:pointer; background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag-hover.png') no-repeat; width:17px; height:17px; } .box_list_hidden_today_focus{ display:none; padding:10px; border-bottom:5px solid #e1e1e1; } .mdk-tag-today-listhdn span{ display:block; padding-bottom:10px; border-bottom:1px solid #e1e1e1; } .mdk-tag-today-listhdn span a{ color:#000000; } .mdk-tag-today-listhdn span a:hover{ text-decoration:none; color:#ffffff; background:#33ccff;font-family:georgia; } .mdk-tag-today-listhdn span label{ display:block; float:right; cursor:pointer; background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag.png') no-repeat; width:17px; height:17px; } .mdk-tag-today-listhdn span label:hover{ display:block; float:right; cursor:pointer; background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag-hover.png') no-repeat; width:17px; height:17px; } .mdk-tag-today-item{ padding:10px 0px; height:60px; } .mdk-tag-today-item a{ display:block; width:180px; float:left; height:60px; overflow:hidden; padding-right:10px; } .mdk-tag-today-item a:hover{ text-decoration:none; color:#ffffff; background:#33ccff; font-family:georgia; } .mdk-tag-today-itemhdn{ display: none; padding:10px 0px; height:60px; } .mdk-tag-today-itemhdn a{ display:block; width:180px; float:left; height:60px; overflow:hidden; padding-right:10px; } .mdk-tag-today-itemhdn a:hover{ text-decoration:none; color:#ffffff; background:#33ccff; font-family:georgia; } .mdk-tag-today-more{ background:#e1e1e1; display:block; font:11px arial; color:#0b305c; text-align:center; padding:5px; cursor:pointer; } .mdk-tag-today-more:hover{ color:#333333; background:#f1f1f1; } #mdk-body-news-shbtn{ float: left; display: inline-block; width: auto; } .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; } .mdk-tag-abc-wrap > a, .mdk-tag-abc-wrap > span{ text-align: center; padding: 4px 4px; width: 7%; display: inline-block; font-weight: 600; font-family: arial, sans-serif; color: #444; border: 1px solid #DDD; border-radius: 5px; margin: 3px 4px; float:left; background-color: #EEE; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(238, 238, 238, 0.8)),color-stop(100%,rgba(228, 228, 228, 1))); background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.8), rgba(228, 228, 228, 1)); background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.8), rgba(228, 228, 228, 1)); background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.8), rgba(228, 228, 228, 1)); background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.8), rgba(228, 228, 228, 1)); background-image: linear-gradient(top, rgba(238, 238, 238, 0.8), rgba(228, 228, 228, 1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#E5E5E5', GradientType=0); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .mdk-tag-abc-wrap > a:hover{ text-decoration:none; border: 1px solid #aaa; color:#fff; background-color: #E95C33; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(233, 92, 51, 0.8)),color-stop(100%,rgba(229, 59, 44, 1))); background-image: -webkit-linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); background-image: -moz-linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); background-image: -ms-linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); background-image: -o-linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); background-image: linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e95c33', endColorstr='#e53b2c', GradientType=0); } span.mdk-tag-abc-act{ text-decoration: none; border: 1px solid #AAA; color: white; background-color: #E95C33; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(233, 92, 51, 0.8)),color-stop(100%,rgba(229, 59, 44, 1))); background-image: -webkit-linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); background-image: -moz-linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); background-image: -ms-linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); background-image: -o-linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); background-image: linear-gradient(top, rgba(233, 92, 51, 0.8), rgba(229, 59, 44, 1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e95c33', endColorstr='#e53b2c', GradientType=0); } .mdk-tag-abc-head, .mdk-tag-cld-head{ margin-bottom:10px; } .mdk-tag-abc-wrap{ height:135px; } #mdk-tag-cld .mdk-tagcld-items{ color:#fff; } .mdk-tagcld-items{ font-weight: normal !important; text-decoration: none !important; color: #fff; display: inline-block; padding: .15em .5em .25em !important; margin-right: 0px; margin-top:2px; vertical-align:middle; background-color: #E95C33; font-family: arial, sans-serif; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(233, 92, 51, 1)),color-stop(100%,rgba(229, 59, 44, 1))); background-image: -webkit-linear-gradient(top, rgba(233, 92, 51, 1), rgba(229, 59, 44, 1)); background-image: -moz-linear-gradient(top, rgba(233, 92, 51, 1), rgba(229, 59, 44, 1)); background-image: -ms-linear-gradient(top, rgba(233, 92, 51, 1), rgba(229, 59, 44, 1)); background-image: -o-linear-gradient(top, rgba(233, 92, 51, 1), rgba(229, 59, 44, 1)); background-image: linear-gradient(top, rgba(233, 92, 51, 1), rgba(229, 59, 44, 1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e95c33', endColorstr='#e53b2c', GradientType=0); -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } .mdk-tagcld-items:hover{ text-decoration: none; background-color:#333; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(51, 51, 51, 1)),color-stop(100%,rgba(51, 51, 51, 1))); background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 1)); background-image: -moz-linear-gradient(top, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 1)); background-image: -ms-linear-gradient(top, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 1)); background-image: -o-linear-gradient(top, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 1)); background-image: linear-gradient(top, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#333333', GradientType=0); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.55); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.55); } .mdk-tagcld-items.mdk-tagcld-a{ font-size:28px !important; } .mdk-tagcld-items.mdk-tagcld-b{ font-size:23px !important; } .mdk-tagcld-items.mdk-tagcld-c{ font-size:20px !important; } .mdk-tagcld-items.mdk-tagcld-d{ font-size:18px !important; } .mdk-tagcld-items.mdk-tagcld-e{ font-size:15px !important; } #loading_indicator{ display:none; background-color:#fff; text-align: center; margin-bottom:15px; margin-top:10px; }  #box_today_focus{border:5px solid #e1e1e1;margin-bottom:20px;overflow:hidden;} #header_today_focus{position:absolute;z-index:2;margin-top:-30px;margin-left:-10px;} .header_today_focus{background-color:#e1e1e1;width:290px; height:30px;} .header_today_focus div{float:left;width:40px;margin-top:20px;text-align:center; font-size:20px;font-weight:bold;} .header_today_focus span{ float:left; display:block; background-color:#ffffff; width:210px; height:40px; margin-top:20px; text-align:center; font-size:18px; font-weight:bold; font-family:arial; } .box_list_today_focus{padding:10px;border-bottom:5px solid #e1e1e1;} .box_list_today_focus span{display:block;padding-bottom:10px;border-bottom:1px solid #e1e1e1;} .box_list_today_focus span a{color:#000000;} .box_list_today_focus span a:hover{text-decoration:none;color:#ffffff;background:#33ccff;font-family:georgia;} .box_list_today_focus span label{display:block;float:right;cursor:pointer;background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag.png') no-repeat;width:17px;height:17px;} .box_list_today_focus span label:hover{display:block;float:right;cursor:pointer;background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag-hover.png') no-repeat;width:17px;height:17px;} .box_list_hidden_today_focus{display:none;padding:10px;border-bottom:5px solid #e1e1e1;} .box_list_hidden_today_focus span{display:block;padding-bottom:10px;border-bottom:1px solid #e1e1e1;} .box_list_hidden_today_focus span a{color:#000000;} .box_list_hidden_today_focus span a:hover{text-decoration:none;color:#ffffff;background:#33ccff;font-family:georgia;} .box_list_hidden_today_focus span label{display:block;float:right;cursor:pointer;background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag.png') no-repeat;width:17px;height:17px;} .box_list_hidden_today_focus span label:hover{display:block;float:right;cursor:pointer;background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag-hover.png') no-repeat;width:17px;height:17px;} .tag_small{padding:10px 0px;height:60px;} .tag_small a{display:block;width:180px;float:left;height:60px; overflow:hidden;padding-right:10px;} .tag_small a:hover{text-decoration:none;color:#ffffff;background:#33ccff;font-family:georgia;} .tag_small_hidden{display: none;padding:10px 0px;height:60px;} .tag_small_hidden a{display:block;width:180px;float:left;height:60px; overflow:hidden;padding-right:10px;} .tag_small_hidden a:hover{text-decoration:none;color:#ffffff;background:#33ccff;font-family:georgia;} .more_today_focus{background:#e1e1e1;display:block;font:11px arial; color:#0b305c; text-align:center;padding:5px;cursor:pointer;} .more_today_focus:hover{color:#333333;background:#f1f1f1;} .paging-container{ clear:both; text-align:center; margin-top:15px; } .paging-container a, .paging-container span{ font:normal 16px arial; padding:3px 10px; border: solid 2px #D9D9D9; color:#2c2c2c; } .paging-container a:hover, .paging-container span{ background: #D9D9D9; color:#000; text-decoration: none; } .link_irst, .link_prev, .link_next, .link_last { border: none; } @-moz-document url-prefix() { .shareicontag{ margin-top: -5px !important; padding-top:0px !important; } }  .mdk-box-newsletter-tag{ border: 1px solid #C5C5C5;padding:20px 10px;float: left;width:655px;margin-top: 15px;height:78px;font-size:20px; } .mdk-box-newsletter-tag-detail{ border: 1px solid #C5C5C5;padding:20px 10px;float: left;width:645px;margin-top: 15px;font-size:20px;height:20px; } .title-legend-newsletter { font-weight: bold;font-size:20px;font-family:arial; float:left; } .img-tag-newsletter-tooltips{ display:block;  width:20px;margin-bottom:-2px; } .flw-tag{ color:#E95B3E; font-family:arial; } .mdk-msg-error{ text-align:center;color:red;font-size:12px; } #mdk-det-newslet{  font-size: 14px; color: #5C5C5C; display: block; font-family: arial,sans-serif; margin: auto; width: 250px; float:right; } #mdk-det-newslet-form { background-color: #F0F0F0; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px; padding: 2px 2px 2px 0; float:left; width: 100%; } #mdk-det-tag-newslet-txt { background-color: transparent; border: 0 none; color: #666666; font-size: 0.95em; height: 1.3em; line-height: 1.3em; margin-right: 5px; outline: 0 none; padding: 2px 5px 0 0; position: relative; right: -5px; width: 175px; vertical-align: top; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; -webkit-appearance: none; } #mdk-det-tag-newslet-btn {  cursor:pointer; background-color:#E95B3E; border: 0 none; border-radius: 6px 6px 6px 6px; color: white; height: 20px; outline: 0 none; padding: 0 7px; position: relative; text-shadow: 0 1px 1px #AAAAAA; width:60px; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; -webkit-appearance: none; } #mdk-det-newslet-txt:active, #mdk-det-newslet-txt:focus{ color: #333; outline: 0 none; width: 160px; } #mdk-body-newsarea p, #mdk-body-newsarea ul li, #mdk-body-newsarea ol li, #mdk-body-newsarea div{ width:650px; } #mdk-body-newsarea ol li, #mdk-body-newsarea ul li{ list-style: disc; margin-left: 20px; margin-right: -33px; } .newlatter-form-option{ float:left;margin-right:10px;margin-left: 20px; } .newlatter-form-option label{ margin-right:15px; } #wrapper-newsletter-tag{ top: 0px; left: 0px; position: fixed !important; z-index: 100; display: none; width: 100%; height: 100%; background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } #popup-periode-tag-newsletter { border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 100px rgba(102, 101, 101, 1), -1px -1px 15px rgba(102, 101, 101, 1); display: none; height: 247px; position: fixed; text-align: center; width: 500px; z-index: 1000; font-family: arial; font-weight: bold; margin-left: 13.5%; margin-right: 13.5%; color: #555; } #popup-periode-tag-newsletter-unsubscribe{ border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 100px rgba(102, 101, 101, 1), -1px -1px 15px rgba(102, 101, 101, 1); display: none; height: 208px; position: fixed; text-align: center; width: 450px; z-index: 1000; font-family: arial; font-weight: bold; margin-left: 13.5%; margin-right: 13.5%; color: #555; } .head-popup-periode-tag-newsletter{ height: 70px; padding-top: 15px; background: #336799; color: white; border-radius: 15px 15px 0 0;font-size:20px; } .title-tag-popup{ clear: both; display: block; font-size: 23px; color: yellow; margin-top: 5px; } .form-popup-periode-tag-newsletter{ background:#fff;border-radius:0px 0px 15px 15px;height:162px; } .form-popup-periode-tag-newsletter-unsubscribe{ background:#fff;border-radius:0px 0px 15px 15px;height:123px; } .head-periode{ display: block;font-size: 14px;padding-top:10px; } .periode-option{ display: block; text-align: left; width: 417px; line-height: 150%; margin: auto; padding-top: 20px; } .periode-option-unsubscribe{ display: block; text-align: left; width: 300px; line-height: 150%; margin: auto; padding-top: 20px; } .periode-option label{ margin-right:15px; } .periode-option-unsubscribe label{ margin-right:40px; } .periode-option-unsubscribe input{ margin-left:55px; } .periode-btn{ display: block;clear: both;padding-top: 20px; } #submit-periode, #submit-unsub-net{ cursor:pointer; } #close-periode, #close-unsub-net{ text-align:center;color:#2B67A2;padding-top: 10px;font-size: 13px;cursor:pointer; } .tag-newsletter-tooltips {outline:none;display:inline-block;cursor:pointer; } .tag-newsletter-tooltips strong {line-height:30px;} .tag-newsletter-tooltips:hover {text-decoration:none;} .tag-newsletter-tooltips span { z-index:10;display:none; padding:14px 20px; margin-top:-190px; margin-left:-138px; width:300px;  height: auto; line-height:16px;font-weight:normal; font-family:arial;font-size:12px;text-align:left;cursor:auto; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } .tag-newsletter-tooltips span{ display:none; position:absolute; color:#111; border:1px solid #AAA; background:#FAF1E1; } .tag-newsletter-tooltips:hover span{ display:inline-block !important; } .callout {z-index:20;position:absolute;top:154px;border:0;left:138px;} .text-question{  height: auto; }  .tag-newsletter-tooltips span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 30px #AAA, -1px -1px -15px #AAA; -moz-box-shadow: 0px 0px 30px #AAA, -1px -1px -15px #AAA; -webkit-box-shadow: 0px 0px 30px #AAA, -1px -1px -15px #AAA;  }  .tag-newsletter-tooltips-cls{ width: 32px;height: 50px;float: right;margin-top: -25px;display: block;position: absolute; margin-left: 272px;cursor: pointer;color: #2B67A2;padding-top: 10px;padding-left: 0px; }  body{ background-color: #ffffff; font-family: arial; font-size: 12px; } header{ box-shadow: 2px 2px 2px rgba(150, 150, 150, 0.55), -2px -2px 15px rgba(150, 150, 150, 0.55);margin: 0 auto 29px; width:927px;border:1px solid #c3ccdf; border-bottom:3px solid #c3ccdf; border-radius:2px; background-color:#FFF; padding:10px; } #timeline{ width:950px; list-style-type: none; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/timeline.png) top center repeat-y; margin: 0 auto; padding:1px; margin-bottom:10px; }  .boxli{ width:451px; height: 400px; -moz-border-radius:2px; border-radius:2px; webkit-border-radius:2px; border:1px solid #c3ccdf; padding:5px; background-color:#FFF; margin-left:-2px; box-shadow: 2px 2px 2px rgba(150, 150, 150, 0.55), -2px -2px 15px rgba(150, 150, 150, 0.55); } .kanan{ float:right; margin-bottom:20px; } .kiri{ float:kiri; margin-bottom:20px; } .kananx{ box-shadow: 2px 2px 2px rgba(150, 150, 150, 0.55), -2px -2px 15px rgba(150, 150, 150, 0.55);margin:0 auto; width:927px;border:1px solid #c3ccdf; border-bottom:3px solid #c3ccdf;margin-bottom:25px; border-radius:2px; background-color:#FFF; padding:10px; } .kirix{ box-shadow: 2px 2px 2px rgba(150, 150, 150, 0.55), -2px -2px 15px rgba(150, 150, 150, 0.55);margin:0 auto; width:927px;border:1px solid #c3ccdf; border-bottom:3px solid #c3ccdf;margin-bottom:25px; border-radius:2px; background-color:#FFF; padding:10px; } .corner-kiri{ position:absolute; display:block; margin-left:456px;width:20px; height:15px;margin-top: 30px;background:url(https://cdns.klimg.com/merdeka.com/media/i/a/right.png); } .corner-kanan{ position:absolute; display:block; margin-left:-25px;width:20px; height:15px;background:url(https://cdns.klimg.com/merdeka.com/media/i/a/left.png); } .mdk-tag-timeline-r { margin-left:0; width: 430px; margin-top:15px; } .mdk-tag-timeline-r2 { margin-left: 0; width: 900px; margin-top:15px; } .boxheader { background: none repeat scroll 0 0 #A9B5D3; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: inline-block; font-size: 14px; font-weight: normal; margin: 0; padding: 6px 11px; word-wrap: normal; } .shadow { box-shadow: 1px 1px 1px rgba(150, 150, 150, 0.55), -1px -1px 15px rgba(150, 150, 150, 0.55); }    h3.mdk-tagcloud-header { color: #FFFFFF; font-size: 24px; margin: 15px 0 0; padding: 5px 0 5px 10px; max-width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } h3.mdk-tagcloud-header.related-tagcloud { background: url("mtag.png") no-repeat scroll 105px center #67abe0; } h3.mdk-tagcloud-header.popular-tagcloud { background: url("mtag.png") no-repeat scroll 110px center #ff7e00; } .mdk-related-tagcloud, .mdk-popular-tagcloud { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 300px; padding: 15px 10px 10px; margin-bottom: 20px; } .mdk-related-tagcloud a, .mdk-popular-tagcloud a { text-decoration: none; font-size: 13px; font-weight: bold; line-height: 1.4em; color: #FFFFFF; padding: 4px 6px; margin-bottom: 4px; display: inline-block; transition: background-color 0.2s, color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s; } .mdk-related-tagcloud a:hover, .mdk-popular-tagcloud a:hover { text-shadow: 0 0; box-shadow: 0 0 3px #EEEEEE inset; } .mdk-related-tagcloud { background: #fbfdfe; box-shadow: 0 0 3px #bcdaf1 inset; border-bottom: 5px solid #67abe0; } .mdk-related-tagcloud a { text-shadow: 0 -1px #154366; } .mdk-related-tagcloud a.mdk-tagcloud-a { background: #67abe0; } .mdk-related-tagcloud a.mdk-tagcloud-a:hover { color: #67abe0; } .mdk-related-tagcloud a.mdk-tagcloud-b { background: #529fdc; } .mdk-related-tagcloud a.mdk-tagcloud-b:hover { color: #529fdc; } .mdk-related-tagcloud a.mdk-tagcloud-c { background: #3d94d7; } .mdk-related-tagcloud a.mdk-tagcloud-c:hover { color: #3d94d7; } .mdk-related-tagcloud a.mdk-tagcloud-d { background: #2a88d0; } .mdk-related-tagcloud a.mdk-tagcloud-d:hover { color: #2a88d0; } .mdk-related-tagcloud a.mdk-tagcloud-e { background: #267abb; } .mdk-related-tagcloud a.mdk-tagcloud-e:hover { color: #267abb; } .mdk-related-tagcloud a.mdk-tagcloud-f { background: #226ca6; } .mdk-related-tagcloud a.mdk-tagcloud-f:hover { color: #226ca6; } .mdk-related-tagcloud a.mdk-tagcloud-g { background: #1d5e91; } .mdk-related-tagcloud a.mdk-tagcloud-g:hover { color: #1d5e91; } .mdk-related-tagcloud a:hover { background: #fbfdfe; } .mdk-popular-tagcloud { background: #fff2e5; box-shadow: 0 0 3px #ffcb99 inset; border-bottom: 5px solid #ff7e00; } .mdk-popular-tagcloud a { text-shadow: 0 -1px #331900; } .mdk-popular-tagcloud a.mdk-tagcloud-a { background: #ff7e00; } .mdk-popular-tagcloud a.mdk-tagcloud-a:hover { color: #ff7e00; } .mdk-popular-tagcloud a.mdk-tagcloud-b { background: #e67100; } .mdk-popular-tagcloud a.mdk-tagcloud-b:hover { color: #e67100; } .mdk-popular-tagcloud a.mdk-tagcloud-c { background: #cc6500; } .mdk-popular-tagcloud a.mdk-tagcloud-c:hover { color: #cc6500; } .mdk-popular-tagcloud a.mdk-tagcloud-d { background: #b35800; } .mdk-popular-tagcloud a.mdk-tagcloud-d:hover { color: #b35800; } .mdk-popular-tagcloud a.mdk-tagcloud-e { background: #994c00; } .mdk-popular-tagcloud a.mdk-tagcloud-e:hover { color: #994c00; } .mdk-popular-tagcloud a.mdk-tagcloud-f { background: #803f00; } .mdk-popular-tagcloud a.mdk-tagcloud-f:hover { color: #803f00; } .mdk-popular-tagcloud a.mdk-tagcloud-g { background: #663200; } .mdk-popular-tagcloud a.mdk-tagcloud-g:hover { color: #663200; } .mdk-popular-tagcloud a:hover { color: #994c00 !important; background: #fff2e5; }   * { font-family: arial; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .mdk-link-berita { width: 300px; margin-bottom:20px; } .mdk-link-berita h1 { background: none repeat scroll 0 0 #FF7E00; border-bottom: 1px solid #AD0000; border-left: 10px solid #AD0000; box-shadow: 5px 5px #AD0000; color: #FFFFFF; display: block; font-size: 24px; line-height: 1.4em; padding: 0 15px; text-shadow: 0 -1px #ad0000; text-transform: uppercase; width: 85%; } .mdk-link-berita ul { background: none repeat scroll 0 0 #FEFEFE; border: 1px solid #CCCCCC; margin: 0; padding: 0; } .mdk-link-berita ul li { border-bottom: 1px solid #CCCCCC; list-style: none outside none; padding: 5px 10px; } .mdk-link-berita ul li a { border-left: 5px solid #666666; color: #666666; display: block; font-size: 14px; font-weight: bold; line-height: 30px; padding: 0 20px; text-decoration: none; text-transform: uppercase; -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-link-berita ul li a span { color: #efefef; float: right; font-size: 20px; line-height: 24px; padding-right: 60px; -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-link-berita ul li a:hover { border-left: 20px solid #2C9403; color: #FFF; background: #33ad04; text-shadow: 0 -1px #000000; } .mdk-link-berita ul li a:hover span { padding-right: 0; } .mdk-link-berita ul li + li a:hover { border-left: 20px solid #9F1010; background: #ea2b2b; } .mdk-link-berita ul li + li + li a:hover { border-left: 20px solid #F97D21; background: #fa9449; } .mdk-link-berita ul li + li + li + li a:hover { border-left: 20px solid #0036CC; background: #3369ff; } .mdk-link-tekno { width: 300px; margin-bottom:20px; } .mdk-link-tekno h1 { background: none repeat scroll 0 0 #3B94D9; border-bottom: 1px solid #666666; border-left: 10px solid #666666; box-shadow: 5px 5px #666666; color: #FFFFFF; display: block; font-size: 24px; line-height: 1.4em; padding: 0 15px; text-shadow: 0 -1px #666666; text-transform: uppercase; width: 85%; } .mdk-link-tekno ul { background: none repeat scroll 0 0 #FEFEFE; margin: 0; padding: 0; } .mdk-link-tekno ul li { list-style: none; } .mdk-link-tekno ul li a { background: none repeat scroll 0 0 #3B94D9; color: #FFFFFF; display: block; float: left; font-size: 14px; line-height: 1.4em; margin: 0.5%; padding: 10px 0; text-align: center; text-decoration: none; text-shadow: 0 -1px #1966c1; text-transform: uppercase; width: 49%; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -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-link-tekno ul li a:hover { border: 1px solid #3B94D9; background: none repeat scroll 0 0 #FFFFFF; color: #3B94D9; }  .mdk-top-tag-main a{ color:#ffffff; } .mdk-top-tag {  color:#ffffff; font-family:'Oswald', 'Oswald_IE', sans-serif; font-size:16px; border: 1px solid #f1f1f1; padding: 5px; background-color:#d64937; display:inline-block; vertical-align:middle; margin-bottom: 3px; } .mdk-top-tag:hover { text-decoration:none; color:#FFFFFF; background-color:#dc938a; } .mdk-top-tag-main { max-width:700px; margin-bottom: -31px; margin-top:22px; text-align:center; line-height: 15px; }  #mdk-idx-tag{ position:relative; height: 47px;  width: 964px; background-color:#ebebeb; padding: 0 16px; text-align: center; } #ox-tag{ height: 40px; text-align: center; padding-left: 0; padding-top: 1px; display: inline-block; width: auto; vertical-align: top; margin: 0 !important; overflow-x:auto; overflow-y:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #ox-tag li{ display:inline-block; position:relative; float: none; } #ox-tag li a{ padding: 0 5px; display:block; position:relative; font-family:oswald; font-weight:normal; font-size: 14px; color: #004A80; line-height: 40px; z-index:3; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } #ox-tag li a:hover{ color:#000000; text-decoration:none; } #ox-tag li:nth-child(1) a:hover,#ox-tag li:nth-child(2) a:hover,#ox-tag li:nth-child(3) a:hover,#ox-tag li:nth-child(4) a:hover,#ox-tag li:nth-child(5) a:hover,#ox-tag li:nth-child(6) a:hover, #ox-tag li:nth-child(1) span,#ox-tag li:nth-child(2) span,#ox-tag li:nth-child(3) span,#ox-tag li:nth-child(4) span,#ox-tag li:nth-child(5) span,#ox-tag li:nth-child(6) span{ background-color:transparent; } #ox-tag li span{ height: 40px; width: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } #mdk-topslid-head{ background-color: transparent; color: #333333; font-family: 'Oswald','Oswald_IE',sans-serif; font-size: 18px; font-weight: normal; height: 40px; padding: 0 1px; text-transform: uppercase; display: inline-block; line-height: 40px; z-index: 5; text-decoration: none; }    #mdk-topslid-head{ font-family : verdana,arial,sans-serif; } #ox-tag li a{ letter-spacing : -0.02em !important; font-size: 14px; } #mdk-search-new > a{ font-family : arial; letter-spacing : -0.2px !important; font-weight : bold; margin-bottom : 10px; } #mdk-htool-search input{ font-family : arial; letter-spacing : -0.02em !important; color : #898989; font-weight : normal; font-size : 15px; } #mdk-htool-sm span{ font-family : arial; letter-spacing : -0.02em !important; } #mdk-box-today-summary div .caption{ font-family : arial; letter-spacing : -0.05em !important; } #header_top10{ font-family : arial; letter-spacing : -0.05em !important; word-spacing : -0.05em; } #header_today_tag{ font-family : arial; letter-spacing : -0.05em !important; word-spacing : -0.05em; margin-top: 10px;  } #header_latest_update{ font-family : arial; font-size : 34px; letter-spacing : -0.05em !important; word-spacing : -0.05em; font-weight : bold; } #new-mdk-footer { background-color: #F5F5F5; position: relative; } #new-mdk-footer .mdk-rainbow-bar { width: 100%; } #new-mdk-footer .mdk-rainbow-bar span { float: left; width: 12.5%; height: 4px; background-color: #CC0000; } #new-mdk-footer .mdk-rainbow-bar span + span { background-color: #FF7E00; } #new-mdk-footer .mdk-rainbow-bar span + span + span { background-color: #F7C602; } #new-mdk-footer .mdk-rainbow-bar span + span + span + span { background-color: #4D9902; } #new-mdk-footer .mdk-rainbow-bar span + span + span + span + span { background-color: #3B94DA; } #new-mdk-footer .mdk-rainbow-bar span + span + span + span + span + span { background-color: #B60783; } #new-mdk-footer .mdk-rainbow-bar span + span + span + span + span + span + span { background-color: #550175; } #new-mdk-footer .mdk-rainbow-bar span + span + span + span + span + span + span + span { background-color: #F1A501; } #new-mdk-footer .mdk-bottom-widget { padding: 20px 10px; margin: 0 auto; width: 976px; } #new-mdk-footer .mdk-bottom-widget .widget-box { float: left; width: 32%; margin-right: 1%; } #new-mdk-footer .mdk-bottom-widget .widget-box .mdk-follow, #new-mdk-footer .mdk-bottom-widget .widget-box .mdk-network { width: 48%; float: left; margin-right: 2%; } #new-mdk-footer .mdk-bottom-widget .widget-box ul li a { color: #333333; display: block; font-size: 12px; line-height: 1.4em; margin: 10px 0; } #new-mdk-footer .mdk-bottom-widget .widget-box h2 { font-family: "arial", sans-serif; font-size: 18px; line-height: 1.4em; text-transform: uppercase; border-bottom: 1px solid #e7e7e7; } #new-mdk-footer .mdk-bottom-widget .widget-box ul { list-style: none; padding: 0; margin: 0; } #new-mdk-footer .mdk-bottom-widget .widget-box ul li a { color: #333; } #new-mdk-footer .mdk-bottom-widget .widget-box ul li a:hover { text-decoration: none; } #new-mdk-footer .mdk-bottom-widget .widget-box.mdk-workstation .mdk-time { font-size: 11px; color: #959595; margin-top: 10px; } #new-mdk-footer .mdk-bottom-widget .widget-box.mdk-workstation .mdk-title { font-size: 14px; color: #333; margin: 0 0 20px; } #new-mdk-footer .mdk-bottom-widget .widget-box.mdk-workstation .mdk-title:hover { background: #32CCFF; color: #fff; } #new-mdk-footer .mdk-bottom-widget .widget-box.mdk-kategori ul { float: left; width: 50%; } #new-mdk-footer .mdk-bottom-widget .widget-box.mdk-kategori ul li a:hover { color: #cc0000; text-decoration: none; } #new-mdk-footer .mdk-bottom-widget .widget-box .mdk-follow ul li a:hover { color: #3460A1; } #new-mdk-footer .mdk-bottom-widget .widget-box .mdk-follow ul li + li a:hover { color: #33ccFF; } #new-mdk-footer .mdk-bottom-widget .widget-box .mdk-follow ul li + li + li a:hover { color: #DE5543; } #new-mdk-footer .mdk-bottom-widget .widget-box .mdk-follow ul li + li + li + li a:hover { color: #F58020; } #new-mdk-footer .mdk-bottom-widget .widget-box .mdk-network ul li a { margin-bottom: 20px; } #new-mdk-footer .mdk-bottom-widget .widget-box .mdk-network ul li a:hover { opacity: 0.6; } #new-mdk-footer .mdk-bottom-widget .widget-box .email-subscribe { border-top: 1px solid #E7E7E7; clear: both; padding-top: 20px; } #new-mdk-footer .mdk-bottom-widget .widget-box .email-subscribe input { padding: 8px 5px; } #new-mdk-footer .mdk-bottom-widget .widget-box .email-subscribe input[type="text"] { font-size: 12px; color: #AAAAAA; border: 1px solid #e7e7e7; background: #FFF; border-radius: 5px 0 0 5px; width: 74%; } #new-mdk-footer #mdk-det-newslet-txt { font-size: 12px; color: #AAAAAA; border: 1px solid #e7e7e7; background: #FFF; border-radius: 5px 0 0 5px; width: 74%; } #new-mdk-footer #mdk-det-newslet-txt:focus { width: 74%; } #new-mdk-footer .mdk-bottom-widget .widget-box .email-subscribe input[type="button"] { background: #cc0000; font-weight: bold; text-transform: uppercase; font-size: 12px; color: #fff; border: none; border-radius: 0 5px 5px 0; cursor: pointer; height: auto; } #new-mdk-footer .mdk-bottom-widget .widget-box .email-subscribe input[type="button"]:hover { background: #e60000; } #new-mdk-footer .mdk-bottom-widget .widget-box .email-subscribe input[type="button"]:focus { outline: none; } #new-mdk-footer .mdk-pages { background: #FFF; } #new-mdk-footer .mdk-pages .inner-wrap div { color: #2b67a2; float: left; } #new-mdk-footer .mdk-pages .inner-wrap div a { text-transform: uppercase; color: #2b67a2; } #new-mdk-footer .mdk-pages .inner-wrap div a:hover { color: #1b4166; text-decoration: none; } #new-mdk-footer .mdk-pages .inner-wrap div + div { margin-left: 40px; margin-top: 15px; font-weight: bold; } #new-mdk-footer .mdk-copyright { background: #CC0001; color: #FFF; } #new-mdk-footer .inner-wrap { font-size: 12px; margin: 0 auto; padding: 15px 10px 15px 0; position: relative; width: 966px; } #new-mdk-footer .back-top-top { position: absolute; right: 0; top: 50%; margin-top: -11px; } #new-mdk-footer .back-top-top button{ background: url('https://cdns.klimg.com/merdeka.com/media/i/a/sprites-footer.png') no-repeat top left; background-position: -100px 0; width: 90px; height: 22px; border:none; } #new-mdk-footer .back-top-top button:hover{ background-position: 0 0; width: 90px; height: 22px; } .sprites-footer { background: url('https://cdns.klimg.com/merdeka.com/media/i/a/sprites-footer.png') no-repeat top left; display: inline-block; vertical-align: middle; } .sprite-button-backtotop-hover{ background-position: 0 0; width: 90px; height: 22px; } .sprite-button-backtotop-stay{ background-position: -100px 0; width: 90px; height: 22px; } .sprite-icon-facebook{ background-position: -200px 0; width: 20px; height: 20px; } .sprite-icon-googleplus{ background-position: -230px 0; width: 20px; height: 20px; } .sprite-icon-rss{ background-position: -260px 0; width: 20px; height: 20px; } .sprite-icon-twitter{ background-position: -290px 0; width: 20px; height: 20px; } .sprite-logo-vemale{ background-position: -320px 0; width: 93px; height: 13px; } .sprite-logo-bola{ background-position: -423px 0; width: 95px; height: 26px; }  .sprite-logo-kl{width: 121px; height: 45px; background: transparent url("https://cdns.klimg.com/merdeka.com/media/i/a/logo-kl-new.png") no-repeat scroll left top;} .sprite-logo-merdeka{ background-position: -659px 0; width: 214px; height: 36px; } .sprite-logo-otosia{ background-position: -883px 0; width: 121px; height: 45px; } .mdk-follow .sprites-footer{ margin-right: 5px; } .mdk-msg-error { text-align: left; color: red; font-size: 12px; } .email-subscribe{ clear: both; padding-top: 20px; float:left; } .box-promo-apps{ float: right; padding-top: 20px; } #new-mdk-footer #mdk-det-newslet-txt{ font-size: 12px; color: #AAAAAA; border: 1px solid #e7e7e7; background: #FFF; border-radius: 5px 0 0 5px; width: 252px; } #new-mdk-footer #mdk-det-newslet-txt:active, #new-mdk-footer #mdk-det-newslet-txt:focus{ color: #333; outline: 0 none; width: 252px; } .email-subscribe input { padding: 8px 5px; } .email-subscribe input[type="button"] { background: #cc0000; font-weight: bold; text-transform: uppercase; font-size: 12px; color: #fff; border: none; border-radius: 0 5px 5px 0; cursor: pointer; height: auto; } input{ -webkit-appearance: none; } input:focus{ outline:none !important; } #mdk-header-new *, #mdk-header-new *:after, #mdk-header-new *:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-header-content{ padding:20px; position:relative; z-index:2; width: 100%; height: 100%; } .mdk-header-bottom{ margin-top:10px; } .mdk-header-top{ border-bottom:1px solid #ececec; margin-bottom:30px; display:table; width:100%; } .mdk-header-top .title-coverbox{ position:relative; width:1%; } .mdk-header-top .title-coverbox, .mdk-header-top .deskrip-cover{ display:table-cell; vertical-align:bottom } .mdk-header-top .deskrip-cover{ margin:0; padding-bottom:4px; padding-left:10px; width:100%; } .mdk-header-top .title-coverbox .text-title{ font-size:13px; color:#cc0000; border-bottom:3px solid #cc0000; line-height:normal; margin:0; margin-bottom:-1px; display: inline-block; font-family: 'Palanquin', sans-serif; font-weight:normal; white-space: nowrap; } .mdk-header-top .desk-cov{ margin-left:10px; margin-top:-3px; display:inline-block; vertical-align:middle; } .mdk-header-top .deskrip-cover{ position:relative; } .mdk-header-top .deskrip-cover a{ color:#474747; font-size:16px; font-family: 'Palanquin', sans-serif; line-height: 1.3em; display:block; padding-right: 25px; } .mdk-header-top .deskrip-cover .desk{ position:absolute; right:0; top:50%; margin-top:-9px; padding:0; } .mdk-header-bottom .mdk-logo{ float:left; } .mdk-header-right{ float:right; margin-top: 24px; } .mdk-search{ float:right;  } .form-search{ display:table; border-collapse: separate; width: 305px; background:rgba(255,255,255,0.8); border-radius:29px; position:relative; height:29px } .form-search:after{ background:#cc0000; position:absolute; height:1px; bottom: 0; left: 11px; right: 15px; content:""; } .form-search .text-search{ background:none; border:0 !important; border-top-left-radius:29px; border-bottom-left-radius:29px; font-family: 'Palanquin', sans-serif; font-size:14px; color:#252525; padding-left:15px; padding-right:34px; line-height:normal; height:18px; display:table-cell; vertical-align:middle; width:100%; float:left; font-family: inherit; line-height: inherit; margin:5px 0; -webkit-text-size-adjust: 100%; } .text-search::-webkit-input-placeholder { opacity:1; } .text-search:-moz-placeholder { opacity:1; } .text-search::-moz-placeholder { opacity:1; } .text-search:-ms-input-placeholder { opacity:1; } .form-search .btn-group{ position:absolute; right:0; top:0; bottom:0; } .btn-search{ background:#d91215; width:29px; height:29px; display:table-cell; vertical-align:middle; border:0; margin:0; cursor:pointer; border-radius:29px; transition:all 0.5s ease; padding: 0; text-align: center; } .btn-search:hover{ background:#c0080a; } .list-mdk-sosmed{ margin:0; padding:0; list-style:none; float:left; } .list-mdk-sosmed > li{ float:left; margin-left:10px; } .list-mdk-sosmed > li a{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/cover/icon_sosmed.png) no-repeat; width:29px; height:29px; display:block; background-position: -2px 0; } .list-mdk-sosmed > li a.fb-sosmed:hover{ background-position: -2px -34px; } .list-mdk-sosmed > li a.tweet-sosmed{ background-position: -35px 0px; } .list-mdk-sosmed > li a.tweet-sosmed:hover{ background-position: -35px -34px; } .list-mdk-sosmed > li a.gplus-sosmed{ background-position: -68px 0px; } .list-mdk-sosmed > li a.gplus-sosmed:hover{ background-position: -68px -34px; } .list-mdk-sosmed > li a.feed-sosmed{ background-position: -102px 0px; } .list-mdk-sosmed > li a.feed-sosmed:hover{ background-position: -102px -34px; }  .mdk-cov{ position:relative; height:225px; background-position:center right !important; background-size:cover !important; } .mdk-cov:after{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/cover/vignette.png) no-repeat; position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; content:""; z-index:0; } .mdk-cov .mdk-header-top{ width:369px; } .mdk-cov .mdk-header-bottom{ position:absolute; bottom:20px; left:20px; right:20px; } .mdk-cov .mdk-header-top{ border:0; margin:0; } .mdk-cov .mdk-header-top .title-coverbox, .mdk-cov .mdk-header-top .deskrip-cover{ display:block; } .mdk-cov .mdk-header-top .title-coverbox{ border-bottom:1px solid #fff; width:auto; } .mdk-cov .mdk-header-top .deskrip-cover a{ color:#fff; padding:0; } .mdk-cov .mdk-header-top .deskrip-cover{ padding-left:0; padding-bottom:0; margin-top:10px; } .mdk-cov .list-mdk-sosmed > li a{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/cover/icons.png) no-repeat; background-position: -4px -33px; } .mdk-cov .list-mdk-sosmed > li a.fb-sosmed:hover{ background-position: -4px -1px; } .mdk-cov .list-mdk-sosmed > li a.tweet-sosmed{ background-position: -40px -33px; } .mdk-cov .list-mdk-sosmed > li a.tweet-sosmed:hover{ background-position: -40px -1px; } .mdk-cov .list-mdk-sosmed > li a.gplus-sosmed{ background-position: -76px -33px; } .mdk-cov .list-mdk-sosmed > li a.gplus-sosmed:hover{ background-position: -76px -1px; } .mdk-cov .list-mdk-sosmed > li a.feed-sosmed{ background-position: -112px -33px; } .mdk-cov .list-mdk-sosmed > li a.feed-sosmed:hover{ background-position: -112px -1px; }   #top-nav.mdk-fixed{ position:fixed; top:0px; z-index: 9999; } #top-nav .nav{ padding:0 12px; display:table; margin:0 auto; } #top-nav .nav li { padding:0; } #top-nav .nav li a { padding:0 10px; display:table-cell; vertical-align:middle; height:50px; outline: none; line-height: normal; -webkit-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -o-transition:color 0.5s ease; transition:color 0.5s ease; } #top-nav .mdk-nav-fixed-right{ position:relative; overflow:hidden; } #top-nav.mdk-fixed .mdk-nav-fixed{ padding:0 15px; } #top-nav .logo-nav, #top-nav .btn-fixed-search{ display:none; } #top-nav.mdk-fixed .logo-nav, #top-nav.mdk-fixed .btn-fixed-search{ display:block; } #top-nav.mdk-fixed .logo-nav{ float:left; } #top-nav.mdk-fixed .btn-fixed-search{ float:right; } #top-nav.mdk-fixed .mdk-nav-fixed-right{ float:right; } #top-nav .middle-fixed{ height:50px; vertical-align:middle; display:table-cell; } #top-nav.mdk-fixed .nav{ float:left; padding:0 6px; display:block; } #top-nav.mdk-fixed .nav li a { font-size:14px; padding:0 6px; } .mdk-search-fixed{ position:absolute; right:-100%; top:0; bottom:0; padding: 10px 0; -webkit-transition:right 0.5s ease; -moz-transition:right 0.5s ease; -o-transition:right 0.5s ease; transition:right 0.5s ease; width:100%; } .mdk-search-fixed.active{ right:0; } .mdk-search-fixed .form-search{ background:#fff; width:100%; } .mdk-search-fixed .form-search .text-search { padding-left:34px; padding-right:28px; } .mdk-search-fixed .close-search{ position:absolute; right: 10px; top: 50%; margin-top: -7px; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .mdk-search-fixed .close-search.active{ opacity:1; } .mdk-search-fixed .form-search .btn-group { right:auto; left:0; } .mdk-headlines *, .mdk-headlines *:after, .mdk-headlines *:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-headlines{ margin:0px 15px 30px 15px; border:1px solid #ececec; } .mdk-headline-left{ display:table-cell; vertical-align:top; width:630px; position:relative; border:1px solid; } .mdk-headline-right{ display:table-cell; vertical-align:top; } .mdk-headlines .deksrip-headlines{ position: absolute; left:0; right: 0px; padding: 100px 25px 25px; bottom: 0px; z-index: 5; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.5))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); } .mdk-headlines .link-kategori{ font-size:11px; color:#fff; font-family:'Lato'; display: table; line-height: normal; } .mdk-headlines .text-headlines{ margin:0; margin-top:5px; color:#fff; font-size:25px; font-family:'Lato'; line-height:1.6em; font-weight: bold; } .mdk-headlines .text-headlines a{ color:#fff; font-family:'Lato'; } .mdk-headline-right .mdk-item-right{ display:block; cursor:pointer; border-top:1px solid #ececec; padding:15px; height: 111px; } .mdk-headline-right .mdk-item-right:first-child{ border:0; } .mdk-headlines .mdk-item-right .link-kategori{ color:#727272; } .mdk-headlines .mdk-item-right .text-headlines{ font-size:16px; height:52px; overflow:hidden; color:#393939; font-weight:normal; } .mdk-headlines .mdk-item-right:hover .link-kategori, .mdk-headlines .mdk-item-right:hover .text-headlines{ color:#fff; } .mdk-headlines .mdk-item-right.item-red:hover{ background:#cc0000; } .mdk-headlines .mdk-item-right.item-blue:hover{ background:#1966c1; } .mdk-headlines .mdk-item-right.item-violet:hover{ background:#8f0253; height: 115px; } .mdk-hdlnw { padding-top: 60px; } .link-todaynew *, .link-todaynew *:after, .link-todaynew *:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .link-todaynew{ position: absolute; top: 0; left: 15px; right: 15px; margin:0; padding:0; list-style:none; border:1px solid #ececec; width: 647px; z-index:5; } .link-todaynew > li{ float:left; width:33.33%; border-left:1px solid #ececec; } .link-todaynew > li:first-child{ border:0; } .link-todaynew > li a{ display:block; font-family:'Open Sans'; font-size:15px; display:block; padding:12px 10px; text-align:center; color:#727272; } .link-todaynew > li a:hover{ color:#2B67A2; }    root { display: block; } body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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; white-space:normal; } h1{font-size: 30px !important; color:#000; text-decoration: none;line-height:130%;font-weight:normal;text-align:left;} p { white-space: normal; margin-bottom:10px; } ol, ul { list-style: none outside none; } blockquote, q { quotes: none; }  a:link, a:visited { color: #2B67A2; outline: medium none; text-decoration: none; } a:hover { color: #2B67A2; text-decoration: none; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }  #mdk-ro-top{ overflow:visible; } #top_content{ width:100%; min-width:996px; padding:10px 0 10px 0; background-color: #2c2c2c; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4b4b4b), to(#222222)); background-image: -webkit-linear-gradient(top, #4b4b4b, #222222); background-image: -moz-linear-gradient(top, #4b4b4b, #222222); background-image: -ms-linear-gradient(top, #4b4b4b, #222222); background-image: -o-linear-gradient(top, #4b4b4b, #222222); background-image: linear-gradient(top, #4b4b4b, #222222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } #top_content ul{width:996px; height: 27px;margin:0 auto;} #mdk-search-icon{ position:relative; top:15px; left:70px; }  #overlay{ top:0px; left:0px; position: fixed !important; z-index:100; display:none; width:100%; height:100%; background-color:#000000; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } #popup-box { background: none repeat scroll 0 0 #fff; border: 5px solid #FFFFFF; display: none; left: 50%; top:50px; width:540px; margin-left:-280px; overflow: hidden; padding: 5px; position: fixed; z-index: 1000; font-family:arial; font-weight:bold; color:#555555; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #popup-box .title{ font: 18px/1.65em arial,sans-serif; color: #000000; padding: 5px 0px 0px 0px; } #popup-box .copyright{ font: 11px/1.65em arial,sans-serif; color: #666666; padding: 0px 0px 0px 326px; } #popup-box .fb_like{ margin: 10px 0; } #popup-box .right_close{ float: right; margin: 5px 10px 10px 0; } #popup-box #popup-box-close{ font-size: 12px; font-weight: bold; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); } #popup-box img{ margin: 0 10px; width: 500px; height: 300px; } #mdk-toplogo{ height:112px; min-height:112px; display:block; position:relative; }  .navi{ background-image: url("https://cdns.klimg.com/merdeka.com/media/i/a/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; display: inline-block; height: 14px; line-height: 14px; vertical-align: text-top; width: 14px; float:right; position:relative; right:22px; top:6px; } .nav-search { background-position: -48px 0; height: 14px; width: 14px; } #mdk-search{ width:170px; height:28px; margin-top:-2px; padding:2px 30px 2px 10px; color:#999; display:inline-block; background-color:#5b5b5b; border:0 none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(0, 0, 0, 0.3) inset; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 13px; -moz-border-radius: 17px; border-radius: 13px; } #mdk-search:hover{ background-color:#656565; } #mdk-search:focus{ color:#111; width:255px; outline:none; background-color:#fff; } #mdk-findus{ display:inline-block; color:#999; vertical-align:top; line-height:26px; font-size:12px; font-family:helvetica, arial, sans-serif; } #mdk-boxshbt{ display:inline-block; vertical-align:top; } #mdk-boxshbt a{ margin-right:5px; } #mdk-boxshbt img{ margin-top:3px; } #box_fb{ float:right; } #search-form{ display:inline-block; }  .placeholder { color: #AAA; padding-top:5px; }  ::-webkit-input-placeholder { color: #AAA; }  :-moz-placeholder { color: #AAA; }  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; }  #top_content_wrap, #mdk-container{ width:996px; margin:0 auto; } #top_content_wrap{ height:27px; } #mdk-container{ text-align:center; } #box_search{ float:left; text-align:right; } #box_search div{ padding: 0; background: none; border: none; float: left; width:550px; } #box_search td{ padding:0; } #box_search form{ padding: 0; margin-left: 5px; } #box_search form input[type='text']{ border:solid 1px #FFF; width:300px; padding:0; float: left; margin-top: 3px; } #box_search form input[type='submit']{ margin-left:5px; float: left; border:none; background-color:#ffffff; font-weight:bold; color:#ffffff; background-image:url(https://cdns.klimg.com/merdeka.com/media/i/a/button_blue.png); background-repeat:no-repeat; width:61px; height:23px; } .input_src_google{ margin-left: 15px; } #box_fb{ text-align:left; float: right; } #bIndex{ margin-left :10px; float: left; background-color:#E8E8EA; background-repeat:no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8EA), to(#CDCED2)); background-image: -webkit-linear-gradient(top, #E8E8EA, #CDCED2); background-image: -moz-linear-gradient(top, #E8E8EA, #CDCED2); background-image: -ms-linear-gradient(top, #E8E8EA, #CDCED2); background-image: -o-linear-gradient(top, #E8E8EA, #CDCED2); background-image: -linear-gradient(top, #E8E8EA, #CDCED2); padding: 5px 17px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -border-radius: 2px; font:bold 14px arial; color: #444444; text-shadow: 2px 1px 0 rgba(255, 255, 255, 0.4); } #bIndex:hover{ text-decoration: none; background-color:#CDCED2; color: #222222; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#C0C0C0)); background-image: -webkit-linear-gradient(top, #E0E0E0, #C0C0C0); background-image: -moz-linear-gradient(top, #E0E0E0, #C0C0C0); background-image: -ms-linear-gradient(top, #E0E0E0, #C0C0C0); background-image: -o-linear-gradient(top, #E0E0E0, #C0C0C0); background-image: -linear-gradient(top, #E0E0E0, #C0C0C0); } #bIndex:active{ background-image: -webkit-gradient(linear, left top, left bottom, from(#D9D9D9), to(#B9B9B9)); background-image: -webkit-linear-gradient(top, #D9D9D9, #B9B9B9); background-image: -moz-linear-gradient(top, #D9D9D9, #B9B9B9); background-image: -ms-linear-gradient(top, #D9D9D9, #B9B9B9); background-image: -o-linear-gradient(top, #D9D9D9, #B9B9B9); background-image: -linear-gradient(top, #D9D9D9, #B9B9B9); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.7); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.7); box-shadow: inset 0 1px 2px rgba(0,0,0,.7); }  .main_menu{ padding:0px; background-color:#F8F8F8; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/sprite-merdeka.png) no-repeat top center #F8F8F8; background-position: 0 -930px; background-repeat:repeat-x; color:#666666; display:block; width:100%; height:42px; border-radius: 10px 10px 0 10px; } .main_menu > a{ float:left; display:inline; position:relative; left:-1px; z-index:27; } .main_menu ul li{ font-size:1em; float:left; display:inline-block; height:42px; min-width: 36px; text-align: center; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/sprite-merdeka.png) no-repeat top left; background-position: 0 -930px; background-repeat:repeat-x; border-left:1px solid #cccccc; font-family:arial; font-weight:bold; } .main_menu ul li:hover, #main_menuAct, .main_menu ul:hover, .mdk-navul:hover{ text-decoration:none; color:#ffffff; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/sprite-merdeka.png) no-repeat top left; background-position: 0 -979px; background-repeat:repeat-x; } .main_menu ul li a{ font-size:15px; display:block; text-decoration:none; color:#666666; padding:12px 6px 14px 7px; font-family: helvetica, arial, sans-serif; font-weight: bold; text-align: center; -webkit-font-smoothing: antialiased; } .main_menu ul li a:hover{ text-decoration:none; color:#ffffff; } #mdk-mainmenu{ border-radius: 10px 0 0 0; } .sub_menu{ padding:0; border-bottom: solid 5px #C2C2C2; background-color: #F8F8F8; margin-bottom:10px; text-align: left; clear:both; } .sub_menu li{ padding:0; margin: 5px 0px; float:left; border-right: solid 1px #CCCCCC; } .sub_menu a{ padding: 5px 10px; } .sub_menu a:hover{ text-decoration: none; color: #C94541; } #mdk-navmenu{ position:relative; background-color:#F8F8F8; border-radius: 10px 10px 0 0; border: 1px solid #EEE; overflow: hidden; min-height:648px; } #mdk-navmenuch ul{ height:41px; width:950px; overflow:hidden; left: -1px; position: relative; margin-left:42px; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/sprite-merdeka.png) no-repeat top left; background-position: 0 -930px; background-repeat:repeat-x; border-radius: 0 10px 0 0px; } .mdk-nava-pro{ width:8%; }  #tag_popular{ height:40px; background-image:url('https://cdns.klimg.com/merdeka.com/media/i/a/tag-bg.jpg'); background-position:left; background-repeat: no-repeat; overflow:hidden; }  .h_box_red, .h_box_yellow, .h_box_green, .header_hashtag, .h_box_yellow_dark, .h_box_orange, .h_box_prokontra, .h_box_grey, .h_box_pink_dark, .h_box_blue, .h_box_hashtag, .h_box_most_viewed, .h_box_most_commented, .h_box_editor_picks { font-size:20px; font-family:arial; color:#ffffff; font-weight:bold; margin-bottom:5px; height:44px; } .h_box_most_viewed,.h_box_most_commented,.h_box_editor_pick, .h_box_polling{ height: 45px; margin-bottom: 10px; border-bottom: 5px solid #eee; } .h_box_polling { height:30px !important; } .h_box_res { background:url(https://cdns.klimg.com/merdeka.com/media/i/a/sprite-merdeka.png) no-repeat top left; } .h_box_red { background-position: -665px -180px; width: 217px; height: 45px;} .h_box_yellow { background-position: -227px -225px; width: 250px; height: 45px;} .h_box_green { background:url(https://cdns.klimg.com/merdeka.com/media/i/a/bg_header_green.png) no-repeat;} .h_box_orange { background:url(https://cdns.klimg.com/merdeka.com/media/i/a/bg_header_orange.png) no-repeat;} .h_box_yellow_dark { background:url(https://cdns.klimg.com/merdeka.com/media/i/a/bg_header_yellow_dark.png) no-repeat;} .h_box_prokontra { background-position: -634px -361px; width: 172px; height: 45px;} .h_box_grey { background-position: -166px -180px; width: 181px; height: 45px;} .h_box_pink_dark { background-position: -306px -270px; width: 154px; height: 45px;} .h_box_blue { background:url(https://cdns.klimg.com/merdeka.com/media/i/a/bg_header_terpopuler.png) no-repeat;} .h_box_hashtaga { background-position: -348px -180px; width: 165px; height: 45px;} .h_box_most_vieweda { background-position: -728px 0; width: 200px; height: 44px;} .h_box_most_commenteda { background-position: -728px -45px; width: 250px; height: 41px;} .h_box_pollinga { background-position: 0 -87px; width: 190px; height: 22px;} .h_box_editor_picks { background-position: -327px -87px; width: 201px; height: 37px; border-bottom: 5px solid #EEEEEE;} .bg_kl { background-position: -474px 0; width: 114px; height: 35px; } .bg_oto { background-position: -474px -36px; width: 119px; height: 21px; } .bg_ve { background-position: -474px -57px; width: 130px; height: 18px; } .bg_bola { background-position: -604px 0; width: 96px; height: 26px; } .h_box_par { padding: 3px 0px 0px 5px; } .mdk-cam-s { background:url(https://cdns.klimg.com/merdeka.com/media/i/a/sprite-merdeka.png) no-repeat top left; background-position: -338px -878px; width: 16px; height: 11px; display:inline-block;} .mdk-prtw { background-position: 0 -452px; width: 250px; height: 66px; } .mdk-pol { background-position: -252px -452px; width: 170px; height: 66px; } .mdk-jak { background-position: -424px -452px; width: 192px; height: 66px; } .mdk-uang { background-position: -620px -452px; width: 143px; height: 66px; } .mdk-wrld { background-position: -767px -452px; width: 158px; height: 66px; } .mdk-khas { background-position: 0 -519px; width: 128px; height: 66px; } .mdk-gaya { background-position: -130px -519px; width: 133px; height: 66px; } .mdk-arts { background-position: -267px -519px; width: 115px; height: 66px; } .mdk-sprt { background-position: -385px -519px; width: 147px; height: 66px; } .mdk-bola { background-position: -538px -519px; width: 119px; height: 66px; } .mdk-tek { background-position: -659px -519px; width: 90px; height: 66px; } .mdk-tag { background-position: -755px -519px; width: 92px; height: 66px; } .mdk-oto { background-position: 0 -586px; width: 100px; height: 66px; } .mdk-foto { background-position: -102px -586px; width: 119px; height: 66px; } .mdk-prfl { background-position: -223px -586px; width: 148px; height: 66px; } .mdk-knkm { background-position: -377px -586px; width: 330px; height: 66px; } .mdk-rdk { background-position: -710px -586px; width: 195px; height: 66px; } .mdk-work { background-position: 0 -657px; width: 337px; height: 66px; } .mdk-brt { background-position: -341px -657px; width: 156px; height: 66px; } .mdk-kmps { background-position: -513px -657px; width: 225px; height: 66px; } .mdk-stmp { background-position: -740px -657px; width: 227px; height: 66px; } .mdk-wrtn { background-position: 0 -725px; width: 372px; height: 66px; } .mdk-sht { background-position: -376px -725px; width: 154px; height: 66px; } .mdk-sya { background-position: -531px -725px; width: 400px; height: 66px; } .mdk-kbr { background-position: 0 -792px; width: 262px; height: 66px; } .mdk-jprt { background-position: -263px -792px; width: 274px; height: 66px; } .mdk-dis { background-position: -539px -792px; width: 289px; height: 66px; } .mdk-bghots { background-position: -645px -225px; width: 300px; height: 45px; }   .main_top { width:680px; float:left; text-align:left; border-bottom:solid 1px #CECECE; } .main_left { width:375px; float:left; text-align:left; padding-top:20px; } .main_left_wide { width:680px; float:left; text-align:left; padding-top:20px; } .main_left_small { width:200px; float:left; text-align:left; padding-top:10px; margin-right: 20px; } .main_center_big { width:430px; float:left; margin-left:15px; text-align:left; padding-top:20px; word-wrap: word-break; } .main_center { width:285px; float:left; margin-left:15px; text-align:left; padding-top:20px; word-wrap: word-break; } .main_right { width:300px; float:left; margin-left:15px; text-align:left; padding-top:20px; } .main_equal { width:330px; float:left; text-align:left; padding-top:20px; margin-left:15px; } .no_margin { margin:0; }  .box_profil{  padding: 5px 5px 5px 10px; height:234px; } .box_news{ border-top:1px solid #cccccc; margin: 0 0 10px 0; padding: 5px 5px 5px 10px; height:230px; } .thin_border_bottom{ border-bottom:1px solid #cccccc !important; } .box_news_img_big{ border-bottom:1px solid #cccccc; padding-bottom:5px; margin-bottom:20px; } .box_news_img_big { border: none; border-bottom: 1px solid #CCCCCC; } .box_news_img_big a { font-size: 20px; color:#000; text-decoration:none; padding: 5px 0; } .box_news_img_big p { margin-top: 10px; } .box_news_img { margin-bottom: 20px; }  .box_list_news { padding:0px; color:#8d8d8d; font-size:13px; font-family:georgia; } .box_list_news li { padding-bottom:20px; font-family:arial; } .box_list_news img { float:left; padding-right:5px; padding-bottom:5px; vertical-align:top; } .box_list_news li div a { font-family:georgia; color:#e40002; font-size:17px; font-weight:normal; text-decoration:none;line-height:22px; } .box_list_news li div a span:hover { text-decoration: underline; } .box_list_news a { font-family:georgia; color:#e40002; font-size:18px; font-weight:normal; overflow:hidden; text-decoration:none; padding-bottom:4px; line-height:22px; } .box_list_news_title a:hover, .box_break li a:hover { text-decoration: underline; } .box_list_news_title { padding:0px; color:#8d8d8d; font-family:georgia; } .box_list_news_title li { padding-bottom:10px; } .box_list_news_title a,.box_break li a { display:block; color:#000000; font-size:15px; font-weight:normal; overflow:hidden; text-decoration:none; } .box_list_news_title_big { padding:0px; color:#8d8d8d; font-family:georgia; } .box_list_news_title_big li { padding-bottom:20px; } .box_list_news_title_big li a { font-family:georgia; color:#000000; font-size:17px; font-weight:normal; text-decoration:none; line-height:22px; display:block; overflow:hidden; } .box_list_news_title_big li a img { margin:7px 5px 0 5px; padding:0; float: none; } .box_list_news_title_big2 { padding:0px; color:#8d8d8d; font-family:georgia; } .box_list_news_title_big2 li { padding-bottom:30px; } .box_list_news_title_big2 li a { font-family:georgia; color:#000000; font-size:17px; font-weight:normal; text-decoration:none; line-height:22px; } .box_list_news_title_big2 li a:hover { text-decoration:underline; } .box_list_news_title_big2 li a img{ margin:7px 5px 0 5px; padding:0; float: none; } .box_list_news_title_big2 div { height:50px; } .box_list_news_italic { padding:0px; color:#8d8d8d; font-family:georgia; } .box_list_news_italic li { padding-bottom:10px; } .box_list_news_hashtag li { height: 41px; margin-bottom: 10px; overflow: hidden; padding-bottom: 10px; } .box_list_news_italic a { display:block; color:#000000; font-size:17px; font-weight:normal; overflow:hidden; text-decoration:none; font-style: italic; } .box_list_news_hashtag a { color:#3399FF; font-family: Arial,sans-serif; font-weight:normal; overflow:hidden; text-decoration:none; } .box_list_news_hashtag img { margin: 2px 10px 0px 0; } .box_photo_news { overflow: hidden; font-size:11px; color:#cccccc; font-family:arial; border-bottom:1px solid #cccccc;padding-bottom:10px;margin-bottom:20px; max-height: 240px; } .box_photo_news a { color:#000000; font-weight:normal; } .box_photo_news span{ display:block; font-size:22px; font-weight:normal; height:55px; overflow:hidden; } .h_box_photo_slide{ overflow: hidden; height:auto; } .h_box_photo_slide ul li { float: left; height:auto; } .box_break { background-color:#ebebeb; text-align:left; padding:20px; border-top:1px solid #cccccc; border-bottom:3px solid #cccccc; } .box_break li{ float:left; width:255px; padding:0 30px; } .box_break li div{ font-family:arial; font-size:12px; margin-bottom:8px; } .box_break li span{ margin-bottom:10px; } .box_break li span.date{ margin-top: 5px; } .box_break li img{ vertical-align:middle; } .box_break li.middle-box{ border-right: 1px solid #fff; border-left: 1px solid #fff; } .box_break li.middle-box span.date{ color : #434343; } .box_list_prokontra li{ clear:both; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #E5E5E5; } .box_list_prokontra a{ text-decoration: none; color: #000; font-style: italic; font-size: 17px; } .box_list_prokontra a:hover{ text-decoration: underline; } .box_list_prokontra .date{ display: block; } .prokontra_left{ width: 50px; float: left; margin-right:10px; height:60px; } .prokontra_up{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/thumb-up.png) left center no-repeat; border-bottom: solid 1px #E5E5E5; } .prokontra_down{ background:url(https://cdns.klimg.com/merdeka.com/media/i/a/thumb-down.png) left center no-repeat; } .prokontra_up, .prokontra_down{ font-size: 11px; font-family: arial; padding: 10px 0 10px 25px; } .selengkapnya{ background-color:#cccccc; width:100px; padding:5px; float:left; text-align:center; color:#000000; font-weight:normal; font-size:11px; font-family:arial; text-decoration: none; } .end_pro_kontra{ clear: both; margin-bottom: 20px; border-bottom: 1px solid #ccc; } #search_result{ display: none; float:left; width: 666px; } .box_basabasi{ margin-bottom: 10px; padding-bottom: 30px;  } .box_basabasi p{ font-size:18px; color:#999999; display:block; float:right; font-style: italic; } .div_basabasi{ float: right; font-size: 17px; padding-top: 110px; text-align: right; } .div_basabasi_noimg{ text-align: right; font-size: 17px; } .box_basabasi img{ float: right; margin-left: 10px; } .div_basabasi span, .box_basabasi span{ font-size:12px; color:#999999; } .box_quotation{ font-size:20px; color:#999999; padding-bottom:30px; } .box_quotation span{ font-size:15px; color:#333333; display:block; float:right; margin-top:30px; } .drop_cap{ font-size: 20px; font-style: italic; color: #BBBBBB; float: left; margin: -5px 10px 0px 0px; } .twitter-user{ color:#959595; } .content-text{ color:#000000; } .image-user{ float: left; padding-right: 6px; } .box_on_this_site{ border-right:1px solid #EEEEEE; margin-bottom: 10px; } .h_box_on_this_site{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/bg_header_on_this_site.png") no-repeat scroll 0 0 transparent; color: white; font-family: arial; font-size: 20px; font-weight: bold; height: 44px; margin-bottom: 5px; padding: 3px 0 0 5px; } .box_list_on_this_site{ font-family: Arial; border-left: 1px solid #EEEEEE; margin-left: 1px; margin-top: -9px; } .box_list_on_this_site li{ border-bottom: 1px solid #CCCCCC; padding: 11px; } .on_this_category a, .on_this_category a:visited{ color: #000000 !important; font-weight: bold; } .bullet-content{ font-weight: bold; } .box_list_on_this_site span{ font-family:Arial; font-size: 12px; } .box_list_on_this_site a{ color: #356595; } .box_terpopuler{ margin-bottom:40px; } .hl_lead { height: 50px; overflow: hidden; } .hl_title { height:25px; } .hl_title img { margin:7px 5px 0 5px; padding:0; float: none; width: 20px; height: 15px; } .dategeorgia{ font-size:11px; color:#959595; font-family:georgia; font-weight:normal; font-family:arial, sans-serif; } .next_index_left{ background-color:#cccccc; padding:5px;  text-align:center; color:#000000; font-weight:normal; font-size:11px; font-family:arial; margin-top:5px; } .next_index a:hover { color:#000000; } .next_index{ margin-bottom:10px; } .next_index_right{ background-color:#cccccc; padding:5px; float:right; text-align:center; color:#000000; font-weight:normal; font-size:11px; font-family:arial; }  .header_title,.header_title_profil, .header_title_black{ display:block;font-size:18px;font-weight:bold;color:#e40002;font-family:arial; } .header_title a{ display:block; font-size:18px; color:#e40002; font-family:arial; padding-bottom:10px; font-weight:bold; } .header_title:hover, .header_title a:hover{ text-decoration:underline; } .header_title_profil{ margin-bottom: 10px; }  #navigation { width:986px; text-align:left; font-family: verdana; font-size: 13px; padding-bottom: 2px; border-bottom: 1px solid #dedede; margin: 10px 5px; } #navigation a { color: #555555; } .date{ display:inline-block; margin-left:5px; font-size: 11px; color: #aaa; font-family: arial, sans-serif; vertical-align:text-top; line-height:16px; weight:bold !important; } .datep{ color: #AAAAAA; display: inline-block; font-family: arial,sans-serif; font-size: 11px; line-height: 16px; margin-left: 5px; vertical-align: text-top } .no_border{ border: 0px solid !important; }  #footer { width:100%; padding:10px 0px 0px 0px; text-align:center; background-color:#cccccc; margin-top:30px; border-top:10px solid #e6e7e9; color: #FFF; } #footer a { color: #FFF; font-size: 14px; } #klgroup{ background: #E5E5E5; padding:10px 0 40px 0; margin-top:10px; } #klgroup ul { width: 605px; margin:0 auto; } #klgroup ul li { float: left; border-right: solid 1px #AFAFAF; } #klgroup ul li:last-child { border: none; } #klgroup ul li a { display: block; width: 150px; height: 45px; }   .logo_rubrics{ text-align: right; min-height: 60px; padding: 42px 0 5px 0; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/logo.png) left no-repeat; } .logo_rubrics .logo_rubrics_a{ display:inline-block; float:left; } .logo_rubrics .logo_rubrics_b{ float:right; position:relative; height:115px; width:auto; } .logo_rubrics_b span{ position:absolute; bottom:5px; right:0; } .logo_rubrics a{ display: block; } .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; } .FBConnectButton{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/fb-share.png) no-repeat scroll 0 0 transparent !important; width:57px; height:18px; }  .mdk-det-box-load{ width:650px; } .mdk-det-header-load{ font-size:40px;font-family:Oswald;color:#c3c3c3;margin-bottom: 10px;color:#ce6633;text-transform:uppercase; } .mdk-det-list-load li{ width: 100%;clear: both;display: block;height: auto;overflow: hidden;padding: 10px; } .mdk-det-list-load li.tag{ background-color: #f2f2f2; } .mdk-det-load-img{ float:left;width:150px; } .mdk-det-load-text{ width:490px;float:left; } .mdk-det-load-text span{ margin-left:0px !important; } .mdk-det-load-text a{ outline: none; text-decoration: none; } .mdk-det-load-text a.label-tag{ color:#f46a2c;font-size:15px;font-weight:bold; } .mdk-det-load-text a:hover{ background: #3CF; } .load-title{ font-size:14px;font-weight:bold; } .load-lead{ font-family:arial;font-size:14px;display:block;margin-top:8px; } .load-count{ clear:both;font-size:14px;margin-top:8px;color:#999966; } .mdk-det-load-to-top{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/back-to-top.jpg") left no-repeat; display: block;color:#003571;font-size:20px;font-family:arial;font-weight:bold;padding-left:30px;cursor:pointer; } .mdk-det-load-gif{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/loading-detail.gif") center no-repeat; display: none;width: 32px;height: 32px;margin: auto; } .load-none{ width: 650px;margin: auto;font-family: arial;border: 1px solid red;text-align: center;padding: 5px; background-color: #FFF9D7;font-size: 12px;color: #3B5998;margin-bottom: 15px; } .box_tag_load_more{padding:0px; margin-bottom:20px;} .box_tag_load_more span{font-family:Oswald;display:block;background-color:#ffffff;color:#99cc31;font-size:40px;font-weight:bold;padding:10px;text-transform:uppercase;} .box_tag_load_more div{float:left;width:194px;height:180px;background-color:#eeeeee;border:1px solid #ffffff;padding:10px;text-align:center;} .box_tag_load_more div:hover{background-color:#e1e1e1;} .box_tag_load_more div img{float: none;margin:10px 0px;} .box_tag_load_more div a{float: none;display:block;} .hover_blue:hover{text-decoration: none;color: white;background: #3CF;font-family: georgia;}  #nav{ color:#585858; font-size:12px; text-align:left; margin-top:5px; } #nav a:link, #nav a:visited{ color:#585858; font-size:12px; text-align:left; }  .detail_foto_left{ float: left; margin-right: 15px; width: 640px; text-align:left; } .detail_foto_right{ float: left; margin-left: 10px; width: 330px; text-align:left; }  .title_foto_detail{ font-size: 30px; text-align: left; margin-bottom: 10px; font-weight:normal; } .lead_foto_detail{text-align: left; font-size: 16px; margin-bottom:10px;} .content{ border-bottom: 1px solid #CCCCCC; font-size: 18px; margin-top: 8px; padding-bottom: 30px;  overflow: hidden; }  .img_next-previous{ text-align:right; border-bottom: 1px solid #A4A4A4; padding-bottom: 30px; font-family: arial; } .img_previous{ float:right; } .img_next{ float:right; } .number{ float:right; margin: 2px 10px 0; } .image_view{ padding-top: 8px; max-width: 100%; overflow-x: hidden; } .foto_by{ color: #A4A4A4; float: left; font:normal 11px arial; } .img_thumb { float:left; margin-top: 10px; margin-bottom: 5px; } .img_thumb li{ float:left; margin-right: 3px; overflow: hidden; width: 50px; height: 50px; background:#fff; } .deact_thum{opacity:.3;} .deact_thum:hover{opacity:1;} .act_thum{opacity:1;} .img_share, .img_share_grey{ display: inline; float: left; padding: 5px 0; width: 100%; margin: 10px 0 10px 0; } .img_share_grey{ background-color: #E6E6E6; } .img_share div {text-align-last: center; float:left;}  .ico_email{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/Email-df.png) center center no-repeat #E0E0E0; width: 76px; height: 21px;margin-right: 5px; } .ico_email:hover{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/Email-hov.png) center center no-repeat #E0E0E0; width: 76px; height: 21px;margin-right: 5px; } #email{ color: #323232; display: block; font: 11px arial; padding-top: 40px; } #email:hover{text-decoration:none;} .line { border-bottom: 1px solid #B3B3B3; margin: 5px 0; } .dark_title{ font:bold 14px arial; color:#343434; text-transform: uppercase; padding-left: 10px; } .box_50{ padding:5px 0; width:48%; float:left; margin-right: 1%; } .box_50 ul{margin-top:5px;} .box_50 ul a{color:#707070; font-family: arial;} .img_list {padding:0 20px;} .img_list li{ width: 40%; float: left; margin: 0 5% 10px; margin-top: 10px; vertical-align: top; font-family: arial; font-size:12px; height: 120px; overflow: visible; } .img_list img{ width:120px; } .img_list li:last-child{margin-right: 0;}   #wrapper{ background: white; opacity : 0.6; position: fixed; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden; z-index: 999; display: none; } #formemail {background: none repeat scroll 0 0 white; border: 1px solid #DEDEDE; border-radius: 5px 5px 5px 5px; box-shadow: 5px 5px 5px #666666; display: none; height: 300px; overflow: auto; padding: 5px; position: fixed; text-align: center; width: 600px; z-index: 1000; } #formsendemail{clear:both;width:auto;} .sendemail{clear:both;float:left;} .isiform li{display: inline; float: left; height:20px; list-style: none outside none; padding: 5px; text-align: left;} .emaillable{width:100px;} .box_jepret_lain{ background-color: #E6E6E6; display: inline; float: left; margin-top: 10px; padding: 5px 0; text-align: center; width: 100% } .jepret_list li{ width: 30%; float: left; margin-right: 5%; margin-top: 10px; vertical-align: top; font-family: arial; font-size:12px; } .jepret_list img{ width:120px; } .jepret_list li:last-child{margin-right: 0;}  #formemail {background: none repeat scroll 0 0 #DADADA; border: 5px solid #FFFFFF; border-radius: 15px 15px 15px 15px; box-shadow: 5px 5px 5px #666666; display: none; height: 390px; overflow: auto; padding: 5px; position: fixed; text-align: center; width: 560px; z-index: 1000; font-family:arial;font-weight:bold;margin-left: 13.5%;margin-right: 13.5%;color:#555555; } #formsendemail{clear:both;width:100%;padding-top:0px;} #formsendemail ul{clear:both;} .copy{font-size:12px;font-weight:normal !important;} .sendemail{clear:both;float:left;padding-left:15px;padding-top:10px;} .isiform li{display: inline; float: left; height:20px; list-style: none outside none; padding: 10px;margin:3px; text-align: left;} .emaillable{width:300px;} .form_exit{float:right;cursor:pointer;background: url(https://cdns.klimg.com/merdeka.com/media/i/a/close-btt.png) center center no-repeat;width: 58px; height: 30px;}  #formsendemail li input[type=text]{font-size: 18px;padding: 5px;width: 230px;border:1px solid #8692a2;} #formsendemail li input:focus[type=text]{border:1px solid #2f66b7;} #send{background: url(https://cdns.klimg.com/merdeka.com/media/i/a/kirim-btt.png) center center no-repeat;width: 98px; height: 38px;cursor: pointer;} #formsendemail li input[type=button]{cursor:pointer;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none;} #spLoad{font-family:arial;font-size:12px;color:red;} #formsendemail li input:-moz-placeholder{color:#c1c1c1 !important;} .buttom_sendemail{clear:both;padding-top:30px;margin:5px;} .h_sendemail{float:left;font-size:20px;padding-left:15px;color:#555555;margin-top: 10px;} .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; } .disclaimer-comment{ background-color: #fffaf9; border-radius: 4px; border: solid 1px #cf302b; padding: 15px 15px 5px 15px; margin: 20px 0px; } .disclaimer-comment p { font-family: 'Noto Sans'; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #777777; }    #mdk-foto-cat, #mdk-foto-pplr, #mdk-foto-edip{ margin-bottom:30px; display:block; position:relative; } #mdk-foto-cat-wrap{ width:196px; height:auto; } #mdk-foto-cat-list{ padding-bottom: 7px; } #mdk-foto-cat-list li{ border-bottom: solid 1px #cecece; } #mdk-foto-cat-list li a{ display: block; font: 1.1em arial; padding:10px; color: #9b9b9b; } #mdk-foto-cat-list li a:hover{ color:#000; text-decoration: none; } #mdk-foto-pplr-list li, #mdk-foto-edip-list li{ padding:0 10px 20px 0px; } #mdk-foto-pplr-list li img, #mdk-foto-edip-list li img{ padding-top:10px; border-top:solid 1px #e9e9e9; } #mdk-foto-pplr-list .mdk-foto-pplr-link, #mdk-foto-edip-list .mdk-foto-edip-link{ font-size: 12px; color: black; } #mdk-foto-lead{ padding-bottom: 20px; margin-bottom:10px; border-bottom: solid 7px #E9E9EB; } #mdk-foto-lead-title{ font-weight: bold; font-size: 18px; color: black; float: left; margin-right: 10px; } #mdk-foto-lead-split{ margin-top:7px; } #mdk-foto-lead-split > *{ display:inline-block; vertical-align:top; } #mdk-foto-lead-split span{ width:193px; height:auto; margin-left:7px; } #mdk-photo-head-rub{ border-bottom: 7px solid #E6E4E4; padding-bottom: 5px; } #mdk-photo-head-rub span{ font-size: 30px; } #mdk-foto-grid li { float: left; padding:10px 22px 35px 0; width: 30%; border-top:solid 1px #E9E9EB; } #mdk-foto-grid li a{ color:#000; } #mdk-foto-grid li.mdk-foto-grid-l{ clear:both; } #mdk-foto-grid li.mdk-foto-grid-r{ float: left; padding-right: 0; width: 30%; }   #mdk-ftodet{ padding-left:5px; } #mdk-ftodet-lead-title{ font-size: 35px !important; color: black; text-decoration: none; line-height: 130%; font-weight: normal; text-align: left; margin-bottom:15px; } #mdk-ftodet-lead-desc{ text-align: left; font-size: 18px; margin-bottom: 10px; font-family:arial; color:#555; } #mdk-ftodet-lead-title, #mdk-ftodet-lead-desc, #mdk-ftodet-split{ display:block; position:relative; width:100%; } #mdk-ftodet-split > div{ display:inline-block; vertical-align:top; position:relative; height:auto; float:left; } #mdk-ftodet-l-copy{ color: #A4A4A4; font: normal 11px arial; text-align:left; display:block; margin-bottom:10px; } #mdk-ftodet-l{ width:640px; } #mdk-ftodet-l > *{  } #mdk-ftodet-r{ width:330px; margin-left:15px; } #mdk-ftodet-l-l{ float:left; } #mdk-ftodet-l-l > *{ float:left; } #mdk-ftodet-l-r{ float:right; } #mdk-ftodet-l-util{ margin-bottom:10px; padding:5px; background-color:#214776; } .ico_email{  background: url(https://cdns.klimg.com/merdeka.com/media/i/a/icon_email.jpg) center center no-repeat #E0E0E0; width: 53px;height: 28px;margin-right: 5px; } .ico_email:hover{  background: url(https://cdns.klimg.com/merdeka.com/media/i/a/icon_email.jpg) center center no-repeat #E0E0E0; width: 53px;height: 28px;margin-right: 5px;cursor:pointer; } .ico_copy_clip{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/icon_copy.jpg) center center no-repeat #E0E0E0; width: 53px;height: 28px;margin-right: 5px; } .ico_copy_clip:hover{ background: url(https://cdns.klimg.com/merdeka.com/media/i/a/icon_copy.jpg) center center no-repeat #E0E0E0; width: 53px;height: 28px;margin-right: 5px;cursor: pointer; } #mdk-ftodet-l-rprev a:hover, #mdk-ftodet-l-rnext a:hover{ text-decoration:none; } #mdk-ftodet-l-rcount{ font-size: 16px; margin: 2px 7px; display: inline-block; vertical-align: top; color: white; } #mdk-ftodet-r-gal{ float:left; margin-top: 10px; margin-bottom: 5px; } #mdk-ftodet-r-gal li{ float:left; margin-right: 5px; overflow: hidden; background:#fff; } .mdk-gal-active, .mdk-gal-deactive:hover{ opacity:1; } .mdk-gal-deactive{ opacity:0.3; } .image_view{background-color:#eeeeee; overflow:hidden;} #mdk-ftodet-r-util, #mdk-ftodet-r-kait{ padding: 5px 0; margin: 10px 0 10px 0; text-align:left; } #mdk-ftodet-r-desc{  font-size: 15px; padding-bottom: 30px; overflow: hidden; font-family:arial; line-height:120%; background-color:#eeeeee; padding:10px; color:#000000; } #mdk-ftodet-r-util, #mdk-ftodet-r-desc{ text-align:left; } #mdk-ftodet-r-kaithd{  display:block;width:100%;border-bottom:2px solid #e5e5e5; font-family:arial;font-size:28px;font-weight:bold; color:#326894;padding-bottom: 5px;margin-bottom:10px; } #mdk-ftodet-r-kaitlist{  } #mdk-ftodet-r-kaitlist li{  clear: both;margin-bottom: 10px;display: block;height: auto;overflow: hidden; } #mdk-ftodet-r-kaitlist li a{ float:left; } #mdk-ftodet-r-kaitlist .mdk-ftodet-r-kaitlink{ text-align: left; display: block; } #mdk-ftodet-r-kaitlist img{ width:120px; } #mdk-ftodet-r-kaitlist li:last-child{ margin-right: 0; } #mdk-ftodet-r-kaitlist-title{ width:170px;margin-left: 10px;height:auto; } #mdk-ftodet-r-kaitlist-title:hover{ background:#33ccff;color:#fff; } #prev_foto{float:left;text-decoration:none;background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/photo_thumb_left_off.png); background-repeat:no-repeat;background-position: center left;} #prev_foto:hover{float:left;text-decoration:none;background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/photo_thumb_left_on.png); background-repeat:no-repeat;background-position: center left;} #next_foto{float:right;text-decoration:none;background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/photo_thumb_right_off.png); background-repeat:no-repeat;background-position: center right;} #next_foto:hover{float:right;text-decoration:none;background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/photo_thumb_right_on.png); background-repeat:no-repeat;background-position: center right;} #mdk-ftodet-r-nav{width:630px;background-color:#e6e4e5;font-size:18px; font-family:arial;padding:5px;margin-top:10px;} #mdk-ftodet-r-nav a{display:block;float:left;text-decoration:none;height:22px;} #mdk-ftodet-r-nav a:hover{text-decoration:none;color:#336699;} #mdk-ftodet-r-nav a img{vertical-align:middle;} #mdk-ftodet-r-nav span{display:block;float:left;width:430px;text-align:center;padding-top:3px;color:#565656;} #mdk-ftodet-r-nav_prev{width:75px;padding-left:25px;font-weight:bold; color:#214776; background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/photothumb_prev_on.png);background-position:left;background-repeat:no-repeat;} #mdk-ftodet-r-nav_next{width:75px;padding-left:25px;font-weight:bold; color:#214776; background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/photothumb_next_on.png);background-position:right;background-repeat:no-repeat;} #mdk-kbrdet-r-nav{background-color:#e6e4e5;font-size:18px; font-family:arial;padding:5px;margin-top:10px;} #mdk-kbrdet-r-nav a{display:block;float:left;text-decoration:none;height:22px;} #mdk-kbrdet-r-nav a:hover{text-decoration:none;color:#336699;} #mdk-kbrdet-r-nav a img{vertical-align:middle;} #mdk-kbrdet-r-nav span{display:block;float:left;width:209px;text-align:center;padding-top:3px;color:#565656;} #mdk-kbrdet-r-nav_prev{width:75px;padding-left:25px;font-weight:bold; color:#214776; background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/photothumb_prev_on.png);background-position:left;background-repeat:no-repeat;} #mdk-kbrdet-r-nav_next{width:75px;padding-left:25px;font-weight:bold; color:#214776; background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/photothumb_next_on.png);background-position:right;background-repeat:no-repeat;} @-moz-document url-prefix() { .shareicontag{ margin-top: -5px !important; padding-top:0px !important; } }   #mdk-logo-rbx{ height:112px; min-height:112px; display:block; position:relative; padding-top:10px; margin-left: 10px; margin-right: 5px; } #mdk-logo-rbx-l{ float:left; text-align:left; } #mdk-logo-rbx-r{ float:right; margin: 40px 0 0 0; } .mdk-nav-rbx #mdk-nav-item ul{ width: 952px; } .mdk-nav-rbx #mdk-nav-tek{ width:47px; } .mdk-nav-subrbx { min-height:12px; background-color: #f8f8f8; border-bottom: solid 5px #c2c2c2; margin-bottom: 10px; padding-top: 12px; text-align: left; } .mdk-nav-subrbx li { border-right: solid 1px #ccc; float: left; margin: 5px 0px; padding: 0px; } .mdk-nav-subrbx a { padding: 5px 10px; } .mdk-nav-subrbx a:hover { color: #c94541; text-decoration: none; } .mdk-ann-fto #mdk-nav-navtxt{ margin-top:15px; } .mdk-ann-ftodet .mdk-kbr{ margin: 0 0 30px !important; }   .mdk-kbr{ margin: 30px 0; padding-bottom: 10px; } .mdk-kbr-head{ border-bottom: 5px solid #F5F5F5; padding-bottom: 10px; } .mdk-kbr-list li{ border-bottom: 2px dotted #F5F5F5;  padding-bottom: 10px; } .mdk-kbr-list li a{ color:#000000; } .mdk-kbr-list img{ float:left; margin-right: 5px; margin-top: 10px; } .mdk-kbr-item { margin: 5px; } .mdk-kbr-item img { margin-top: 5px; padding: 0; position: absolute; } .mdk-kbr-item a span{ clear: both; font-size: 17px; } .mdk-ann-fto .mdk-kbr{ margin-top:0 !important; }   .mdk-hash{ padding-bottom: 10px; margin-bottom: 20px; border: 0px solid !important; } .mdk-hash-wrap{ width:300px; height:450px; position:relative; overflow:hidden; } .mdk-hash-inner{ vertical-align:bottom; position:absolute; } .mdk-hash-list li{ margin-bottom:8px !important; overflow: visible; padding-right:5px !important; font-family: Georgia, Palatino, 'Palatino Linotype', 'Times New Roman', Times, serif; font-size:14px; clear:both; } .mdk-hash-list a{ color:#3399FF; font-family: Arial,sans-serif; font-weight:normal; line-height:16px; text-decoration:none; vertical-align:text-top; } .mdk-hash-list img{ margin: 0px 10px 0px 0; display:inline-block; } .mdk-hash-list span{ margin-bottom:0px; } .mdk-hash-feeds{ width:237px; min-height:67px; max-height:67px; overflow:hidden; word-break:normal; line-height:16px; margin-left:58px; } .mdk-hash-username{ font-size:12px; display:inline-block; font-weight:bold !important; } .mdk-hash-date{ color: #AAAAAA; display: inline-block; font-family: arial,sans-serif; font-size: 11px; line-height: 16px; margin-left: 5px; vertical-align: text-top }   .mdk-ftoidx-head{ width:560px; display: inline-block; font-size: 18px; font-weight: bold; color: #E40002; font-family: arial; text-align:left } .mdk-ftoidx-list ul { margin: 0; padding: 0; } .mdk-ftoidx-list li { background: whiteSmoke; padding: 5px 10px; margin: 10px 0; text-align: center; } .mdk-ftoidx-list li a { display: block; padding: 0 5px; border-right: solid 1px #BBB; width: 6%; float: left; } .mdk-ftoidx-listnama{ text-align:left; } ul.mdk-ftoidx-listrd li, ul.mdk-ftoidx-listnd li{ display: inline-block; padding: 5px 0; margin-right: 10px; vertical-align: text-top; text-align: left; } ul.mdk-ftoidx-listnd li{ width : 320px; } ul.mdk-ftoidx-listrd li{ width: 313px; } ul.mdk-ftoidx-listnd li:nth-child(even){ margin-right: 0px; } ul.mdk-ftoidx-listrd li:nth-child(3n+3){ margin-right: 0px; } .mdk-ftoidx-graydesc{ color: #666; font-size: 11px; } .mdk-ftokey-list-head { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/bg_header_red.png) no-repeat; font-size: 20px; font-family: arial; color: white; font-weight: bold; padding: 3px 0px 0px 5px; margin-bottom: 5px; height: 44px; } .mdk-ftokey-list-box { padding: 0px; color: #8D8D8D; font-family: georgia; } .mdk-ftokey-list-box li{ margin-bottom:20px; } .drop_cap { font-size: 20px; font-style: italic; color: #BBB; float: left; margin: -5px 10px 0px 0px; } .mdk-ftokey-list-box li a { display: block; font-family: georgia; color: #1F4F82; font-size: 16px; font-weight: normal; text-decoration: none; line-height: 22px; } .img img{ -moz-box-shadow: 2px 3px 10px 4px #ccc; -webkit-box-shadow: 2px 3px 10px 4px #ccc; box-shadow: 2px 3px 10px 4px #ccc; margin-top: 20px; max-width: 200px; } #container_foto { background: #FFF; padding: 5px; margin-bottom: 20px; border-radius: 5px; clear: both; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box_foto { margin: 5px; padding: 5px; font-size: 11px; line-height: 1.4em; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .index_foto_item{ } .foto_item{ width:200px; } .mdk-get-code { position: absolute; opacity: 0.7; background: black; padding: 5px; } .mdk-fotoidx-det img { max-width: 680px; } .link_abjad{ width: 100px; text-align: center; color: #666666 !important; display: inline-block; padding: 5px 10px; background: #eee; } .link_abjad:hover{ background: #ddd; text-decoration: none; }   .box_pagination { border-top: 1px solid #6E6E6E; padding-top: 10px; text-align: center; display: block; text-align: left; height: 22px; line-height: 21px; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } .paging-container { text-align: center; clear: both; } .box_pagination .selected { padding: 7px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #BDF; margin-left: 2px; text-decoration: none; background-color: #DEF; color: #0072BC; cursor: default; } .box_pagination a:link, .box_pagination a:visited { padding: 7px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #EBEBEB; margin-left: 2px; text-decoration: none; background-color: whiteSmoke; color: #0072BC; width: 22px; font-weight: normal; } .header-comment-fb{ color:#6B6B6B;font-size:30px;margin-top:30px; }  #box_tag_related_photo{ display:block;margin-top:20px;text-align:left; } #box_tag_related_photo a{ outline: medium none;display:block; text-decoration: none; } #box_tag_related_photo a:hover{ background:#33ccff;color:#fff; } .photo-tag-rel-item span{ padding-bottom:10px;border-bottom:1px solid #e5e5e5; margin-bottom:10px;display:block; } .photo-tag-rel-item span a{ color:#000; } .photo-tag-rel-item span a:hover{ background:none !important;color:#000 !important; } .head-tag-rel{ display:block;width:100%;border-bottom:1px solid #e5e5e5; font-family:arial;font-size:28px;font-weight:bold; color:#326894;padding-bottom: 5px;margin-bottom:10px; } .photo-tag_rel { padding: 10px 0px; height: 60px; } .photo-tag_rel img{ float:right; } .photo-tag_rel a { display: block; width: 240px; float: left; height: 57px; overflow: hidden; padding-right: 10px; } .list-no-show{ display:none; } .list-show{ display:block; } .photo-tag-rel-item span label { display: block; float: right; cursor: pointer; background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag.png') no-repeat; width: 17px; height: 17px;  margin-top: -15px; } .photo-tag-rel-item span label:hover{ background: url('https://cdns.klimg.com/merdeka.com/media/i/a/arrow-tag-hover.png') no-repeat; }   .photo-det-other{ margin-top:20px; } .header-det-other{ display:block;width:100%;border-bottom:2px solid #e5e5e5; font-family:arial;font-size:28px;font-weight:bold; color:#326894;padding-bottom: 5px;margin-bottom:10px; } .photo-det-other-list li{ clear: both;margin-bottom: 10px;display: block;height: 70px;overflow: hidden; } .photo-det-other-list li a{ float:left;display:block;outline: medium none;text-decoration: none; } .photo-det-other-list img{ width:120px; } .photo-other-news-title{ width:200px;margin-left: 10px; } .photo-other-news-title:hover{ background:#33ccff;color:#fff; }   .mdk-body-newsoth{ padding:25px 0px; clear: both; width:100%; text-align:left; } .mdk-body-newsoth-wrap{ width:100%; float: left; } .mdk-body-newsoth-head{ font-size: 42px; color: #506695; font-family: arial; font-weight: bold; padding-bottom: 5px; } .mdk-body-newsoth-item{ float: left; width: 155px; height: 170px; padding-top: 10px; background-color: #ECEFF4; margin-left: 2px; margin-right: 2px; overflow: hidden; } .mdk-body-newsoth-item:hover{ background-color: #506695; color: white; } .mdk-body-newsoth-item > img{ padding:0 8px; width:140px; height:70px; } .mdk-body-newsoth-title{ font-family: Georgia,Palatino,"Palatino Linotype"; padding-left: 10px; padding-right: 10px; } .mdk-reli-iteml a:hover, #mdk-top10-list li a:hover{ text-decoration: none; color: #fff; background: #3CF;  -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } #mdk-body-news-shbtn > img{ float:left; } .no_show{ display:none; } .show{ display:block; } .mdk-body-bx-wow-nav{ float:right;margin-top: -45px;margin-right: 10px; } .mdk-body-bx-wow-nav span{ float:right } #b_next,#b_prev{ vertical-align:middle; display: block; line-height:35px; margin-left: 6px; cursor:pointer; text-align: center; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #b_next{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/topslidnew2_r.png") no-repeat scroll 0 0 transparent; width:24px;height:35px; } #b_prev{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/topslidnew2_l.png") no-repeat scroll 0 0 transparent; width:24px;height:35px; } #b_next:hover{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/topslidnew2_r_hover.png") no-repeat scroll 0 0 transparent; } #b_prev:hover{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/topslidnew2_l_hover.png") no-repeat scroll 0 0 transparent; } #b_next > img,#b_prev > img{ vertical-align:top; }  #mdk-body-wrap{ min-height:635px; }  #mdk-nav-navtxt{ width:990px; } .mdk-photo-box{ width:100%; } .photo-box{ width:230px; margin:5px; box-shadow: 1px 1px 1px rgba(150, 150, 150, 0.55), -1px -1px 15px rgba(150, 150, 150, 0.55); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } .photo-box:hover{ box-shadow: 2px 3px 15px rgba(150, 150, 150, 1.55), -2px -3px 15px rgba(150, 150, 150, 1.55); } .mdk-photo-box-cont{ margin-top:10px;text-align:left; } .mdk-photo-box-cont-box{ padding:0px; border: 1px solid #D9D4D4;float:left;margin-bottom: 10px;  } #photo-col1{ margin-left:4px; } .mdk-photo-box-col{ width:248px; float:left; } .cont-box-img{ width:100%; } .cont-box-title{ font-size:16px; } .cont-box-text{ font-size:16px; margin-top: 10px;padding: 8px 3px 8px 8px; } .date { display: block; font-size: 11px; color: #959595; font-family: arial;margin-top:10px; } .cont-box-lead{ font-family: arial;margin-top: 5px;display: block;font-size: 12px; } .photo-count-view{ display: block;background-color: #E5E5E5;height: 32px;padding-top: 3px; } .count-icon{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/icon-vcl.png") no-repeat top left;; } .count-like { background-position: 0px -2px; width: 22px; height: 28px;float:left;margin-left: 5px;} .count-comment { background-position: -20px -2px; width: 22px; height: 28px;float:left;} .count-view { background-position: -40px 0px; width: 22px; height: 28px;float:left;} .open-new_tab { background-position: -65px 0px; width: 22px; height: 28px;float:right;} .cont{ float: left;font-family: arial;font-size: 11px;padding-top: 6px;padding-right: 10px;padding-left:3px; } .tooltip {outline:none; cursor:default; } .tooltip strong {line-height:20px;} .tooltip:hover {text-decoration:none;} .tooltip span { z-index:10;display:none; padding:5px 10px;font-family:arial;font-size:10px; margin-top:-29px; margin-left:-45px;  line-height:16px; } .tooltip:hover span{ display:inline; position:absolute;  color:#EEE; background:#000 url("https://cdns.klimg.com/merdeka.com/media/i/a/css-tooltip-gradient-bg.png") repeat-x 0 0; } .callout {z-index:20;position:absolute;border:0;top:26px;left:5px;}  .tooltip span, .tooltip-r span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 10px 2px #666; -webkit-box-shadow: 0px 0px 10px 2px #666; box-shadow: 0px 0px 10px 2px #666; opacity: 0.8; } .tooltip-r {outline:none;float:right;cursor:pointer; } .tooltip-r strong {line-height:20px;} .tooltip-r:hover {text-decoration:none;} .tooltip-r span { z-index:10;display:none; padding:5px 10px;font-family:arial;font-size:10px; margin-top:-29px; margin-left:-5px;width:66px;  line-height:16px; } .tooltip-r:hover span{ display:inline; position:absolute;  color:#EEE; background:#000 url("https://cdns.klimg.com/merdeka.com/media/i/a/css-tooltip-gradient-bg.png") repeat-x 0 0; } #mdk-topslid { display: block; position: relative; width: 100%; height: 40px; text-align: left; border-bottom: 2px solid #600; background-color: #EEE; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .mdk-topslid-head { background-color: #600; line-height: 30px; padding: 5px 10px; display: inline-block; float: left; font-size: 1.5em; font-family: helvetica, arial, sans-serif; color: white; } .mdk-topslid-list { width: 940px; height: 40px; display: block; margin-left: 77px; text-align: center; } .mdk-topslid-list li { float: left; height: 40px; display: inline-block; vertical-align: top; position: relative; } .mdk-topslid-list li a { font-family: helvetica, arial,sans-serif; font-weight: 600; padding: 0 7.5px; font-size: 16px; color: #444; height: 40px; line-height: 40px; position: relative; display: block; z-index: 5; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } .mdk-topslid-list li span { background-color: #F0F0F0; } .mdk-topslid-list li span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 40px; z-index: 3; } .mdk-topslid-list li a:hover{ color:#fff; border-bottom:2px solid #666; color:#fff; text-decoration:none; } .mdk-topslid-list li a:hover{ background-color:#CC0000; } .selected-rub{ color:#fff !important; border-bottom:2px solid #666; text-decoration:none; background-color:#CC0000; } .mdk-det-load-gif { background: url("https://cdns.klimg.com/merdeka.com/media/i/a/loading-detail.gif") center no-repeat; width: 32px; height: 32px; margin: auto;position: relative;clear: both; } #wrapper-popup-foto{ background: #999999; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity : 0.6; position: fixed; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden; z-index: 9500; display: none; } #pupop-iframe { background: none repeat scroll 0 0 white; border: 1px solid #DEDEDE; border-radius: 5px 5px 5px 5px; box-shadow: 5px 5px 5px #666666; z-index: 9500; position: fixed; overflow: auto; padding: 5px; text-align: center; width: 1015px; overflow-x: hidden; overflow-y: hidden;  } @-moz-document url-prefix(){ #pupop-wrapper { position: fixed; border-radius: 5px 5px 5px 5px; box-shadow: 5px 5px 5px #666666; overflow-x: hidden; overflow-y: hidden; width: 1040px; z-index: 9500; } #pupop-iframe { border-radius: 0; box-shadow: 0; width: 1032px; z-index: 0; position: static; overflow-y: scroll; } } .scroll-ios{ background: none repeat scroll 0 0 white; border: 1px solid #DEDEDE; border-radius: 5px 5px 5px 5px; box-shadow: 5px 5px 5px #666666; display: none; padding: 5px; position: fixed; text-align: center; z-index: 9500; height: 500px; width: 990px; overflow: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .scroll-andoids{ background: none repeat scroll 0 0 white; border: 1px solid #DEDEDE; border-radius: 5px 5px 5px 5px; box-shadow: 5px 5px 5px #666666; display: none; padding: 5px; position: fixed; text-align: center; z-index: 9500; height: 500px; width: 800px; overflow: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .mdk-close-foto-popup{ float:right;font-family:helvetica, arial, sans-serif;font-size:11px;color:#555;cursor:pointer; z-index: 9520; display: block; position: fixed; top: 0; margin-top: 55px; right: 0;  } .head_most_viewed_1{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/most-viewed-header-box.png") center no-repeat; width:310px;height:148px; } .box_most_viewed_1{ border: 6px solid #980001; } .head_most_viewed_2{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/most-viewed-header-box.png") center no-repeat; width:310px;height:148px; } .box_most_viewed_2{ border: 6px solid #CBCC99; } .head_editor_piks{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/editors-pick-header-box.png") center no-repeat; width:310px;height:148px; } .box_editor_piks{ border: 6px solid #787878; } .head_most_commented_1{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/most-comments-header-box2.png") center no-repeat; width:310px;height:148px; } .box_most_commented_1{ border: 6px solid #6599CB; } .head_most_commented_2{ background: url("https://cdns.klimg.com/merdeka.com/media/i/a/most-comments-header-box2.png") center no-repeat; width:310px;height:148px; } .box_most_commented_2{ border: 6px solid #9ACB33; } .mdk-foto-pintrs{ padding:0px; float:left;margin-bottom: 10px; width: 220px; margin-left: 3px; } .mdk-list-foto-vcp li{ clear:both;height:60px;padding:8px;border-bottom:1px solid #D9D4D4; } .mdk-list-foto-vcp-img{ width:50px; height:50px;float:left; } .mdk-list-foto-vcp-title{ float:left;width:148px;margin-left:5px;height: 55px;overflow: hidden; }      .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, .5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-cube, .swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } }   .channel-barv3 *, .channel-barv3 *:after, .channel-barv3 *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .channel-barv3 { width: 996px; margin: 0 auto; background: #f9f9f9; position: relative; } .channel-barv3 .title-channel, .channel-barv3 .content-channel, .channel-barv3 .click-channel-more, .channel-barv3 .list-channelv3>li a { display: table-cell; vertical-align: middle; } .channel-barv3 .title-channel, .channel-barv3 .click-channel-more { width: 1%; white-space: nowrap; z-index: 10; background: #f9f9f9; } .channel-barv3 .list-channelv3 { display: table; margin: 0 auto; } .channel-barv3 .list-channelv3>li { float: left; } .channel-barv3 .title-channel, .channel-barv3 .list-channelv3>li a, .channel-barv3 .click-channel-more { font-family: 'Noto Sans', sans-serif; height: 50px; color: #999; font-size: 11px; line-height: normal; padding: 0 10px; position: relative; letter-spacing: -0.5px; } .channel-barv3 .title-channel { font-weight: bold; color: #666; padding-left: 20px; } .channel-barv3 .click-channel-more { padding-right: 20px; } .channel-barv3 .click-channel-more:hover, .channel-barv3 .list-channelv3>li a:hover { color: #666; } .channel-barv3 .click-channel-more:after { display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 20px; background: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/next.png) no-repeat; content: ""; width: 12px; height: 12px; background-size: 12px; position: static; transition: all 0.5s ease; } .channel-barv3 .click-channel-more .text-more { font-family: 'Noto Sans', sans-serif; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s ease; } .channel-barv3 .click-channel-more.active .text-more { opacity: 0; -webkit-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } .channel-barv3 .click-channel-more.active:after { webkit-transform: rotate(180deg); transform: rotate(180deg); } .channel-barv3 .content-channel .list-channelv3>li a { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity 0.5s ease, transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease; } .channel-barv3 .content-channel.open .list-channelv3>li a { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } .channel-barv3 .list-channelbottom { position: absolute; top: 0; left: 0; right: 0; visibility: hidden; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .channel-barv3 .list-channelbottom.open { visibility: visible; } .channel-barv3 .list-channelbottom .list-channelv3>li a { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transition: opacity 0.5s ease, transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease; } .channel-barv3 .list-channelbottom.open .list-channelv3>li a { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }   .section-merdeka *, .section-merdeka *:after, .section-merdeka *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-merdeka { width: 996px; margin: 0 auto; background: #fff; color: #000; }  .mdk-header-content { display: table; padding: 20px; } .mdk-logo { float: left; } .mdk-logo img { width: 236px; height: 40px; } .mdk-header-r { float: right; width: 600px; } .mdk-header-r .list-mdk-sosmed { float: right; margin: 8px 0; } .form-searchv3 { display: table; width: 300px; background: #EBEBEB; border-radius: 5px; } .form-searchv3 .btn-group, .form-searchv3 .text-search { display: table-cell; vertical-align: middle; width: 1%; } .form-searchv3 .btn-group .btn { border: 0; margin: 0; padding: 0; background: none; height: 40px; width: 40px; text-align: center; } .form-searchv3 .text-search { background: none; height: 40px; border: 0; padding: 0; font-family: 'Noto Sans', sans-serif; color: #777; width: 100%; font-size: 14px; padding-right: 15px; } .list-mdk-sosmed>li h6 { font-size: 11px; color: #777; font-family: 'Noto Sans', sans-serif; display: table-cell; vertical-align: middle; height: 24px; font-weight: normal; } .list-mdk-sosmed>li { margin-left: 6px; } .list-mdk-sosmed>li a { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/icon_sosmed.png) no-repeat; width: 24px; height: 24px; display: block; background-position: -1px 0; background-size: 160px; } .list-mdk-sosmed>li a.fb-sosmed:hover { background-position: -1px -27px; } .list-mdk-sosmed>li a.tweet-sosmed { background-position: -28px 0px; } .list-mdk-sosmed>li a.tweet-sosmed:hover { background-position: -28px -27px; } .list-mdk-sosmed>li a.gplus-sosmed { background-position: -54px 0px; } .list-mdk-sosmed>li a.gplus-sosmed:hover { background-position: -54px -27px; } .list-mdk-sosmed>li a.feed-sosmed { background-position: -81px 0px; } .list-mdk-sosmed>li a.feed-sosmed:hover { background-position: -81px -27px; } .list-mdk-sosmed>li a.ig-sosmed { background-position: -108px 0px; } .list-mdk-sosmed>li a.ig-sosmed:hover { background-position: -108px -27px; } .list-mdk-sosmed>li a.youtube-sosmed { background-position: -135px 0px; } .list-mdk-sosmed>li a.youtube-sosmed:hover { background-position: -135px -27px; }   #navv3 *, #navv3 *:after, #navv3 *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navv3 {  background-color: #dc4225; background-image: -webkit-linear-gradient(135deg, #dc4225, #002f4b); background-image: -moz-linear-gradient(135deg, #dc4225, #002f4b); background-image: -o-linear-gradient(135deg, #dc4225, #002f4b); background-image: linear-gradient(135deg, #dc4225, #002f4b); width: 996px; margin: 0 auto; position: relative; } #navv3 .nav, #navv3 .btn-expand { display: table-cell; vertical-align: middle; width: 100%; } #navv3 .btn-expand { width: 1%; white-space: nowrap; } #navv3 ul { padding-left: 5px; } #navv3 ul li { float: left; } #navv3 ul li a { height: 40px; display: table-cell; vertical-align: middle; font-family: 'Noto Sans', sans-serif; font-size: 14px; padding: 0 8px; letter-spacing: -0.3px; font-weight: normal; color: #fff; text-decoration: none; } #navv3 ul li.active a, #navv3 ul li a:hover { color: #F1A501; } #navv3 .btn-expand { z-index: 100; position: relative; text-decoration: none; padding: 0 6px; padding-right: 18px; } #navv3 .btn-expand .text-more { font-family: 'Noto Sans', sans-serif; font-size: 14px; color: #fff000; opacity: 1; letter-spacing: -0.3px; -webkit-transition: opacity 0.5s; transition: opacity 0.5s ease; display: inline-block; vertical-align: middle; line-height: 1em; margin-top: 0; } #navv3 .mdk-nav .btn-expand.open .text-more { opacity: 0; } #navv3 .btn-expand:hover .text-more { color: #F1A501; } #navv3 .btn-expand:after { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/next-white.png) no-repeat; width: 12px; height: 12px; display: inline-block; vertical-align: middle; background-size: 12px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin-left: 8px; content: ""; } #navv3 .btn-expand.open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #navv3 .mdk-nav .nav li a { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity 0.5s ease, transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease; } #navv3 .mdk-nav .nav li a.new-feature:after{ content: "NEW"; position: absolute; top: -4px; right: -4px; color: #fff; height: 18px; padding: 1px 5px; font-size: 10px; overflow: hidden; border-radius: 4px; box-sizing: border-box; border: 1px solid #f6f6f6; background: #ee4d2d; transition: opacity .27s linear .03s; } #navv3 .mdk-nav .nav.moves-out li a { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } #navv3 .menu-expand, #navv3 .menu-more { position: absolute; top: 0; left: 0; right: 0; text-align: center; visibility: hidden; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #navv3 .menu-expand.moves-out, #navv3 .menu-more.moves-more { visibility: visible; } #navv3 .menu-expand .nav li a, #navv3 .menu-more .nav li a { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transition: opacity 0.5s ease, transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease; position: relative; z-index: 200; } #navv3 .menu-expand.moves-out .nav li a, #navv3 .menu-more.moves-more .nav li a { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }  #navv3 .menu-expand .nav li .arrow-more img { margin-top: 8px; width: 16px; } #navv3 .menu-expand .nav li .arrow-more.open { display: none; } #navv3 .menu-expand.moves-more .nav li a { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }  #navv3, .mdk-tagv3 { -webkit-transition: top 0.5s ease; transition: top 0.5s ease; } #navv3.fixed, .mdk-tagv3.fixed, .nav-rubrik.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; width: 996px; margin: 0 auto; } .mdk-tagv3.fixed { top: -40px; } #navv3.show, .nav-rubrik.fixed { top: 40px } .mdk-tagv3.show { top: 0; } .nav-rubrik.fixed { background: #eee; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2) } .nav-rubrik.show { top: 80px; }    .mdk-tagv3 *, .mdk-tagv3 *:after, .mdk-tagv3 *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-tagv3 { background: #EEEEEE; padding: 0 12px; height: 40px; overflow: hidden; } .mdk-tagv3 .list-tagv3 { display: table; margin: 0 auto; text-align: center; font-size: 0; } .mdk-tagv3 .list-tagv3>li { display: inline-block; vertical-align: middle; } .mdk-tagv3 .list-tagv3>li a { height: 40px; overflow: hidden; display: table-cell; vertical-align: middle; color: #000; padding: 0 8px; text-decoration: none; font-family: 'Noto Sans', sans-serif; font-size: 14px; overflow: hidden; font-weight: bold; } .mdk-tagv3 .list-tagv3>li a:hover, .mdk-tagv3 .list-tagv3>li a.title-tag { color: #FF4E00; }   .mdkbody-wrapper *, .mdkbody-wrapper *:after, .mdkbody-wrapper*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdkbody-wrapper { margin: 0 15px; font-family: 'Noto Sans', sans-serif; }  .mdk-headlinev3 *, .mdk-headlinev3 *:after, .mdk-headlinev3 *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-headlinev3 .mdk-headline-left, .mdk-headlinev3 .mdk-headline-right { display: table-cell; vertical-align: top; border: 0; } .mdk-headlinev3 .mdk-headline-left { width: 670px; height: 336px; overflow: hidden; } .mdk-headlinev3 .mdk-headline-right { padding-left: 3px; } .mdk-headlinev3 .mdk-headline-left .deskrip-hl, .mdk-headlinev3 .mdk-headline-right .deskrip-hr { display: table-cell; vertical-align: middle; background-size: cover; background-position: center; background-repeat: no-repeat; width: 1%; height: 336px; padding: 30px; text-align: center; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5); position: relative; } .mdk-headlinev3 .mdk-headline-left .deskrip-hl { background-size: 870px; } .mdk-headlinev3 .title-h, .mdk-headlinev3 .kategori-time { position: relative; z-index: 10; } .mdk-headlinev3 .title-h, .mdk-headlinev3 .kategori-time .link-kh, .mdk-headlinev3 .kategori-time .time-h { line-height: 1.3em; color: #fff; font-family: 'Noto Sans', sans-serif; } .mdk-headlinev3 .title-h { font-size: 34px; font-weight: bold; } .mdk-headlinev3 .kategori-time { margin-top: 15px; } .mdk-headlinev3 .kategori-time .link-kh, .mdk-headlinev3 .kategori-time .time-h { font-weight: 600; font-size: 13px; } .mdk-headlinev3 .kategori-time .link-kh { color: #ffcc00; } .mdk-headlinev3 .kategori-time .time-h { margin-left: 5px; } .mdk-headlinev3 .mdk-headline-right .mdk-item { display: table; width: 100%; height: 110px; overflow: hidden; margin-top: 3px; } .mdk-headlinev3 .mdk-headline-right .mdk-item:first-child { margin-top: 0; } .mdk-headlinev3 .mdk-headline-right .deskrip-hr { height: 110px; padding: 10px 15px; background-size: 370px; } .mdk-headlinev3 .deskrip-hr .title-h { font-size: 16px; max-height: 63px; overflow: hidden; } .mdk-headlinev3 .deskrip-hr .kategori-time { margin-top: 10px; } .mdk-headlinev3 .deskrip-hr .kategori-time .link-kh, .mdk-headlinev3 .deskrip-hr .kategori-time .time-h { font-size: 11px; } .mdk-headlinev3 .mdk-headline-left .deskrip-hl:after, .mdk-headlinev3 .mdk-headline-right .deskrip-hr:after { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0.6; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; z-index: 0; } .mdk-headlinev3 .bg-red:after { background-color: #dc4225; background-image: -webkit-linear-gradient(135deg, #dc4225, #002f4b); background-image: -moz-linear-gradient(135deg, #dc4225, #002f4b); background-image: -o-linear-gradient(135deg, #dc4225, #002f4b); background-image: linear-gradient(135deg, #dc4225, #002f4b); } .mdk-headlinev3 .bg-green:after { background-color: #002f4b; background-image: -webkit-linear-gradient(135deg, #002f4b, #417711); background-image: -moz-linear-gradient(135deg, #002f4b, #417711); background-image: -o-linear-gradient(135deg, #002f4b, #417711); background-image: linear-gradient(135deg, #002f4b, #417711); } .mdk-headlinev3 .bg-yellow:after { background-color: #e0be00; background-image: -webkit-linear-gradient(135deg, #e0be00, #dc4225); background-image: -moz-linear-gradient(135deg, #e0be00, #dc4225); background-image: -o-linear-gradient(135deg, #e0be00, #dc4225); background-image: linear-gradient(135deg, #e0be00, #dc4225); } .mdk-headlinev3 .bg-purple:after { background-color: #292484; background-image: -webkit-linear-gradient(135deg, #292484, #a83279); background-image: -moz-linear-gradient(135deg, #292484, #a83279); background-image: -o-linear-gradient(135deg, #292484, #a83279); background-image: linear-gradient(135deg, #292484, #a83279); } .mdk-headlinev3 .mdk-headline-left .deskrip-hl:hover:after, .mdk-headlinev3 .mdk-headline-right .deskrip-hr:hover:after { opacity: 0.8; }   .mdk-linktoday *, .mdk-linktoday *:after, .mdk-linktoday *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-linktoday { background-color: #cc3335; background-image: -webkit-linear-gradient(135deg, #cc3335, #2b0858); background-image: -moz-linear-gradient(135deg, #cc3335, #2b0858); background-image: -o-linear-gradient(135deg, #cc3335, #2b0858); background-image: linear-gradient(135deg, #cc3335, #2b0858); margin: 3px 0; text-align: center; padding: 12px 0; margin-top: 10px !important; } .mdk-linktoday a { color: #fff; display: inline-block; vertical-align: middle; font-size: 13px; font-family: 'Noto Sans', sans-serif; margin: 0 12px; } .mdk-linktoday a:hover { color: #F1A501; text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.5); }   .mdk-highlightv2 *, .mdk-highlightv2 *:after, .mdk-highlightv2 *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-highlightv2 { margin-bottom: 35px; display: none; } .mdk-highlightv2.swiper-container-horizontal { display: block; } .mdk-highlightv2 .next-highlight { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/arrow-highlight.png) no-repeat; width: 45px; height: 45px; position: absolute; right: 15px; top: 50%; margin-top: -50px; z-index: 2; cursor: pointer; background-position: -9px -14px; } .mdk-highlightv2 .next-highlight:hover { background-position: -63px -14px; } .mdk-highlightv2 .swiper-highlight .highlight-item .img-highlight { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 105px; position: relative; } .mdk-highlightv2 .swiper-highlight .highlight-item .img-highlight:after { content: ""; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0.6; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-yellow .img-highlight:after { background-color: #c18014; background-image: -webkit-linear-gradient(135deg, #c18014, #c04e17); background-image: -moz-linear-gradient(135deg, #c18014, #c04e17); background-image: -o-linear-gradient(135deg, #c18014, #2c04e17); background-image: linear-gradient(135deg, #c18014, #c04e17); } .mdk-highlightv2 .swiper-highlight .highlight-item.item-green .img-highlight:after { background-color: #3cb3ae; background-image: -webkit-linear-gradient(135deg, #3cb3ae, #77cb31); background-image: -moz-linear-gradient(135deg, #3cb3ae, #77cb31); background-image: -o-linear-gradient(135deg, #3cb3ae, #77cb31); background-image: linear-gradient(135deg, #3cb3ae, #77cb31); } .mdk-highlightv2 .swiper-highlight .highlight-item.item-blue .img-highlight:after { background-color: #1857be; background-image: -webkit-linear-gradient(135deg, #1857be, #0e96ae); background-image: -moz-linear-gradient(135deg, #1857be, #0e96ae); background-image: -o-linear-gradient(135deg, #1857be, #0e96ae); background-image: linear-gradient(135deg, #1857be, #0e96ae); } .mdk-highlightv2 .swiper-highlight .highlight-item.item-purple .img-highlight:after { background-color: #882632; background-image: -webkit-linear-gradient(135deg, #882632, #2b0858); background-image: -moz-linear-gradient(135deg, #882632, #2b0858); background-image: -o-linear-gradient(135deg, #882632, #2b0858); background-image: linear-gradient(135deg, #882632, #2b0858); } .mdk-highlightv2 .swiper-highlight .highlight-item:hover .img-highlight:after { opacity: 0; } .mdk-highlightv2 .swiper-highlight .highlight-item .text-slide { background: #fff; margin: 0 15px; margin-top: -30px; font-family: 'Noto Sans', sans-serif; padding: 5px; padding-bottom: 8px; text-align: center; font-size: 14px; line-height: normal; color: #000; height: 90px; overflow: hidden; position: relative; z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .mdk-highlightv2 .swiper-highlight .highlight-item .text-slide:after { border: 1px solid transparent; border-bottom: 1px solid #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-yellow .text-slide:after { border-bottom-color: #fe9805; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-yellow:hover .text-slide:after { border-width: 2px; border-color: #fe9805; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-green .text-slide:after { border-bottom-color: #679964; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-green:hover .text-slide:after { border-width: 2px; border-color: #679964; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-blue .text-slide:after { border-bottom-color: #67ccff; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-blue:hover .text-slide:after { border-width: 2px; border-color: #67ccff; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-purple .text-slide:after { border-bottom-color: #cd3298; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-purple:hover .text-slide:after { border-width: 2px; border-color: #cd3298; }   .mdk-fullcolumn *, .mdk-fullcolumn *:after, .mdk-fullcolumn *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-fullcolumn:before, .mdk-fullcolumn:after { display: table; content: " "; } .mdk-fullcolumn:after { clear: both; } .mdk-fullcolumn { margin-top: 35px; } .mdk-fullcolumn .mdk-left { float: left; width: 640px; } .mdk-fullcolumn .mdk-left .mdk-left-l { float: left; width: 300px; } .mdk-fullcolumn .mdk-right, .mdk-fullcolumn .mdk-left .mdk-left-r { float: right; width: 300px; } .mdk-link-item { margin-bottom: 15px; } .mdk-link-item:first-child { margin-top: -4px; } .mdk-link-box, .mdk-link-image, .mdk-rubrik-box { margin-bottom: 30px; } .mdk-link-box { margin-top: 30px; } .mdk-link-item .link-item { font-size: 16px; font-family: 'Noto Sans', sans-serif; color: #000; font-weight: bold; line-height: normal; } .mdk-link-item .link-item:hover { color: #ca0002; } .mdk-kategori-time .kategori, .mdk-kategori-time .time { display: inline-block; vertical-align: middle; font-size: 11px; color: #989898; font-family: 'Noto Sans', sans-serif; margin-top: 5px; } .mdk-kategori-time .time { margin-left: 5px; } .mdk-link-box .title-item-list { margin-bottom: 15px; } .mdk-kategori-time .kategori:hover { color: #ca0002; } .mdk-link-box .title-item-list a { font-size: 22px; font-family: 'Noto Sans', sans-serif; font-weight: bold; color: #336697; line-height: normal; } .mdk-link-box .title-item-list.title-orange a { color: #fd9c00; } .mdk-link-box .title-item-list.title-green a { color: #659d38; } .mdk-link-box .title-item-list.title-purple a { color: #cd3298; } .mdk-item-list { margin: 0; padding: 0; list-style: none; } .mdk-item-list>li { margin-top: 15px; display: table; } .mdk-item-list>li:first-child { margin-top: 0; } .mdk-item-list>li .img-left, .mdk-item-list>li .deskrip-right { display: table-cell; vertical-align: top; } .mdk-item-list>li .deskrip-right { padding-left: 8px; } .mdk-item-list>li .deskrip-right .link-list:first-child { margin: 0; margin-top: -4px; } .mdk-item-list>li .deskrip-right .link-list a { color: #000; font-size: 14px; font-family: 'Noto Sans', sans-serif; line-height: normal; } .mdk-item-list>li .deskrip-right .link-list a:hover { color: #ca0002; } .mdk-link-image .img-block { display: block; position: relative; } .mdk-link-image .deskrip-bottom { margin-top: 8px; text-align: center; } .mdk-link-image .deskrip-bottom .link-item { font-size: 18px; font-family: 'Noto Sans', sans-serif; color: #000; line-height: normal; } .mdk-link-image .deskrip-bottom .link-item:hover { color: #ca0002; } .mdk-link-image .img-block .icon-photo { position: absolute; left: 0; bottom: -6px; } .mdk-link-image .img-block .icon-play { position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; }  .mdk-title-red { padding: 15px; text-align: center; } .mdk-title-red a { font-size: 30px; color: #d90738; font-family: 'Noto Sans', sans-serif; font-weight: bold; letter-spacing: -1px; line-height: 1.2em; } .mdk-rubrik-box *, .mdk-rubrik-box *:after, .mdk-rubrik-box *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-rubrik-box { border: 1px solid transparent; -moz-border-image: -moz-linear-gradient(left, #cc3335 0%, #2b0858 100%); -webkit-border-image: -webkit-linear-gradient(left, #cc3335 0%, #2b0858 100%); border-image: linear-gradient(to right, #cc3335 0%, #2b0858 100%); border-image-slice: 1; } .mdk-rubrik-box .rubrik-deskrip { display: table-cell; vertical-align: middle; background-size: cover; background-position: center; background-repeat: no-repeat; width: 1%; height: 120px; padding: 15px; text-align: center; position: relative; color: #fff; } .mdk-rubrik-box .rubrik-deskrip:after { transition: opacity 0.5s ease; opacity: 0.6; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; z-index: 0; } .mdk-rubrik-box .rubrik-deskrip.rubrik-orange:after { background-color: #ff7c00; background-image: -webkit-linear-gradient(135deg, #ff7c00, #290a59); background-image: -moz-linear-gradient(135deg, #ff7c00, #290a59); background-image: -o-linear-gradient(135deg, #ff7c00, #290a59); background-image: linear-gradient(135deg, #ff7c00, #290a59); } .mdk-rubrik-box .rubrik-deskrip.rubrik-yellow:after { background-color: #550d53; background-image: -webkit-linear-gradient(135deg, #550d53, #f9e600); background-image: -moz-linear-gradient(135deg, #550d53, #f9e600); background-image: -o-linear-gradient(135deg, #550d53, #f9e600); background-image: linear-gradient(135deg, #550d53, #f9e600); } .mdk-rubrik-box .rubrik-deskrip.rubrik-green:after { background-color: #1c9da9; background-image: -webkit-linear-gradient(135deg, #1c9da9, #2ab30b); background-image: -moz-linear-gradient(135deg, #1c9da9, #2ab30b); background-image: -o-linear-gradient(135deg, #1c9da9, #2ab30b); background-image: linear-gradient(135deg, #1c9da9, #2ab30b); } .mdk-rubrik-box .rubrik-deskrip.rubrik-purple:after { background-color: #4503a8; background-image: -webkit-linear-gradient(135deg, #4503a8, #03b01c); background-image: -moz-linear-gradient(135deg, #4503a8, #03b01c); background-image: -o-linear-gradient(135deg, #4503a8, #03b01c); background-image: linear-gradient(135deg, #4503a8, #03b01c); } .mdk-rubrik-box .rubrik-deskrip:hover:after { opacity: 0.8; } .mdk-rubrik-box .rubrik-deskrip .title-rubrik, .mdk-rubrik-box .rubrik-deskrip .byrubrik { position: relative; z-index: 10; } .mdk-rubrik-box .rubrik-deskrip .title-rubrik { font-size: 18px; font-weight: bold; margin-bottom: 5px; font-family: 'Noto Sans', sans-serif; } .mdk-rubrik-box .rubrik-deskrip .byrubrik { font-size: 12px; font-family: 'Noto Sans', sans-serif; }   .mdk-title-gradient { padding: 15px; position: relative; } .mdk-title-gradient:after { position: absolute; top: 0; left: 0; right: 0; height: 5px; content: ""; background-color: #cc3335; background-image: -webkit-linear-gradient(135deg, #cc3335, #2b0858); background-image: -moz-linear-gradient(135deg, #cc3335, #2b0858); background-image: -o-linear-gradient(135deg, #cc3335, #2b0858); background-image: linear-gradient(135deg, #cc3335, #2b0858); } .mdk-title-gradient { font-size: 30px; color: #d90738; font-family: 'Noto Sans', sans-serif; font-weight: bold; letter-spacing: normal; letter-spacing: -1px; line-height: 1.2em; } .mdk-title-gradient a { font-size: 30px; color: #d90738; font-family: 'Noto Sans', sans-serif; font-weight: bold; letter-spacing: normal; letter-spacing: -1px; line-height: 1.2em; }  .mdk-top10v2 *, .mdk-top10v2 *:after, .mdk-top10v2 *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-top10v2, .mdk-right-box { margin-bottom: 35px; } .mdk-top10v2 .list-top10v2 .item-top10 { display: table; border-top: 1px solid #e8e8e8; padding: 15px 0; } .mdk-top10v2 .list-top10v2 .item-top10 .number, .mdk-top10v2 .list-top10v2 .item-top10 .title-top10 { display: table-cell; vertical-align: middle; font-family: 'Noto Sans', sans-serif; } .mdk-top10v2 .list-top10v2 .item-top10 .number { font-size: 30px; color: #989898; font-weight: bold; width: 65px; padding: 0 15px; } .mdk-top10v2 .list-top10v2 .item-top10 .title-top10 { font-size: 16px; color: #000; line-height: normal; } .mdk-top10v2 .list-top10v2 .item-top10:hover .title-top10 { color: #ca0002 }  .mdk-right-box *, .mdk-right-box *:after, .mdk-right-box *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-right-box { border: 1px solid #cfcfcf; } .mdk-right-box .mdk-title-gradient:after { top: -1px; left: -1px; right: -1px; }  .mdk-tg-subscribe { padding: 20px 15px; } .mdk-subscribe-wrapper { padding: 0 15px; } .mdk-subscribe-wrapper>p { margin-bottom: 20px; line-height: normal; font-size: 14px; font-family: 'Noto Sans', sans-serif; color: #000; } .mdk-subscribe-wrapper .form-subscribe { display: table; width: 100%; border-bottom: 1px solid #ce002f; } .mdk-subscribe-wrapper .form-subscribe .text-subscribe, .mdk-subscribe-wrapper .form-subscribe .btn-group { display: table-cell; vertical-align: middle; width: 1%; } .mdk-subscribe-wrapper .form-subscribe .text-subscribe { width: 100%; border: 0; font-size: 16px; color: #999; font-family: 'Noto Sans', sans-serif; padding-bottom: 5px; } .mdk-subscribe-wrapper .form-subscribe .btn-subscribe { border: 0; background: none; margin: 0; padding: 0; padding-bottom: 5px; padding-left: 5px; } .mdk-subscribe-wrapper .list-subsribe { margin: 0; padding: 0; list-style: none; display: table; width: 100%; padding-top: 30px; padding-bottom: 30px; } .mdk-subscribe-wrapper .list-subsribe>li { float: left; width: 33.33%; } .mdk-subscribe-wrapper .list-subsribe>li .box-subscribe { min-height: 86px; } .mdk-subscribe-wrapper .list-subsribe>li .box-subscribe:first-child { margin-bottom: 20px; } .mdk-subscribe-wrapper .list-subsribe>li .icon-subscribe { width: 47px; height: 47px; background-repeat: no-repeat; display: block; margin: 0 auto; margin-bottom: 5px; } .mdk-subscribe-wrapper .list-subsribe>li .s-fb { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/facebook.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-fb:hover { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/facebook-hover.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-gplus { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/googleplus.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-gplus:hover { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/googleplus-hover.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-instagram { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/instagram.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-instagram:hover { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/instagram-hover.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-feed { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/rss.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-feed:hover { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/rss-hover.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-tweet { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/twitter.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-tweet:hover { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/twitter-hover.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-youtube { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/youtube.png); } .mdk-subscribe-wrapper .list-subsribe>li .s-youtube:hover { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/youtube-hover.png); } .mdk-subscribe-wrapper .list-subsribe>li span { font-size: 11px; font-family: 'Noto Sans', sans-serif; color: #777; display: block; text-align: center; line-height: 1.2em; } .mdk-subscribe-wrapper .list-subsribe>li .data-subscribe { font-size: 17px; }   .mdk-lokal-wrapper .mdk-lokal-link .item-mdklokal { display: table; width: 100%; padding: 0 6px; padding-bottom: 6px; } .mdk-lokal-wrapper .mdk-lokal-link .item-mdklokal a { display: table-cell; vertical-align: middle; padding: 10px; width: 1%; height: 50px; color: #fff; text-align: center; font-family: 'Oswald', sans-serif; font-size: 16px; text-decoration: none !important; background-size: cover; background-repeat: no-repeat; } .mdk-lokal-wrapper .mdk-lokal-link .item-mdklokal a:hover { color: #F1A501; text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.5); } .mdk-lokal-wrapper .mdk-terkini .title-terkini { padding: 5px 15px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; display: table; width: 100%; } .mdk-lokal-wrapper .mdk-terkini .title-terkini .title { float: left; font-size: 20px; font-family: 'Open Sans', sans-serif; margin: 0; color: #000; line-height: normal; font-weight: bold; } .mdk-lokal-wrapper .mdk-terkini .title-terkini .title:hover { color: #C40202; } .mdk-lokal-wrapper .mdk-terkini .title-terkini .arrow { background: url(https://cdns.klimg.com/merdeka.com/media/i/a/www/merdeka_local_arrow.png) no-repeat; width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin-top: 4px; margin-left: 5px; background-position: -1px 0px; cursor: pointer; } .mdk-lokal-wrapper .mdk-terkini .title-terkini .arrow-prev:hover { background-position: -1px -26px } .mdk-lokal-wrapper .mdk-terkini .title-terkini .arrow-next { background-position: -26px 0px; } .mdk-lokal-wrapper .mdk-terkini .title-terkini .arrow-next:hover { background-position: -26px -26px; } .mdk-lokal-wrapper .mdk-terkini .list-info>li { border-top: 1px solid #e8e8e8; padding: 15px 10px; margin: 0 5px; } .mdk-lokal-wrapper .mdk-terkini .list-info>li:first-child { border-top: 0; } .mdk-lokal-wrapper .mdk-terkini .list-info>li h5 a { display: block; font-size: 15px; color: #000; line-height: 1.5em; font-family: 'Noto Sans', sans-serif; font-weight: normal; } .mdk-lokal-wrapper .mdk-terkini .list-info>li h5 a:hover { color: #ca0002; }   .mdk-list-mtag { padding-top: 5px; padding-bottom: 5px; } .mdk-list-mtag .item-mtag { padding: 0 15px; padding-bottom: 20px; } .mdk-list-mtag .item-mtag .title-mtag { font-size: 18px;  color: #000000; font-family: 'Noto Sans', sans-serif; font-weight: bold; line-height: normal; display: block; position: relative; padding-left: 25px;  } .mdk-list-mtag .item-mtag .title-mtag:before { content: "#"; position: absolute; left: 0; } .mdk-list-mtag .item-mtag .title-mtag:hover { color: #ca0002; }   .mdk-section-full *, .mdk-section-full *:after, .mdk-section-full *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-section-full { margin: 35px 0; font-family: 'Noto Sans', sans-serif; }  .mdk-section-video *, .mdk-section-video *:after, .mdk-section-video *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-section-video {  background-color: #52363C; background-image: -webkit-linear-gradient(135deg, #52363C, #002f4b); background-image: -moz-linear-gradient(135deg, #52363C#002f4b); background-image: -o-linear-gradient(135deg, #52363C, #002f4b); background-image: linear-gradient(135deg, #52363C, #002f4b); color: #FFF; margin: 35px -15px; font-family: 'Noto Sans', sans-serif; } .mdk-section-video .tab-video { display: table; width: 100%; padding: 15px; } .mdk-section-video .tab-video .tab-video-l { float: left; width: 640px; position: relative; } .mdk-section-video .tab-video .tab-video-r { float: right; width: 300px; position: relative; } .mdk-section-video .tab-video .deskrip-mdk-photo { position: absolute; z-index: 10; bottom: 0; right: 0; left: 0; padding: 15px; padding-top: 60px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0); } .mdk-section-video .tab-video .link-kategori, .mdk-section-video .tab-video .title-bg-photo { display: inline; vertical-align: middle; color: #FFF; font-family: 'Noto Sans', sans-serif; line-height: normal; } .mdk-section-video .tab-video .link-kategori { display: inline-block; background: #C90032; font-size: 14px; padding: 2px 10px; margin-right: 8px; } .mdk-section-video .tab-video .title-bg-photo { font-size: 28px; font-weight: 700; } .mdk-section-video .tab-video .tab-video-r .bg-mini:first-child { margin-bottom: 15px; } .mdk-section-video .tab-video .tab-video-r .bg-mini .col-bg-mini { width: 300px; height: 150px; position: relative; } .mdk-section-video .tab-video .tab-video-r .bg-mini .bg-photo-mini { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; display: block; } .mdk-section-video .tab-video .tab-video-r .bg-mini .deskrip-mdk-photo .title-bg-photo { font-size: 17px; } .col-link-video { margin: 0 -5px; margin-top: 13px; } .col-link-video>div { float: left; width: 50%; padding: 0 5px; } .col-link-video>div a { display: table-cell; vertical-align: middle; width: 1%; height: 30px; border: 1px solid transparent; -moz-border-image: -moz-linear-gradient(left, #C2185B 0%, #7B1FA2 100%); -webkit-border-image: -webkit-linear-gradient(left, #C2185B 0%, #7B1FA2 100%); border-image: linear-gradient(to right, #C2185B 0%, #7B1FA2 100%); border-image-slice: 1; color: #fff; font-family: 'Noto Sans', sans-serif; font-size: 14px; padding: 0 10px; text-align: center; } .col-link-video>div a:hover { background: #c2185c; background: -moz-linear-gradient(left, #c2185c 0%, #7b1fa2 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #c2185c), color-stop(100%, #7b1fa2)); background: -webkit-linear-gradient(left, #c2185c 0%, #7b1fa2 100%); background: -o-linear-gradient(left, #c2185c 0%, #7b1fa2 100%); background: -ms-linear-gradient(left, #c2185c 0%, #7b1fa2 100%); background: linear-gradient(to right, #c2185c 0%, #7b1fa2 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c2185c', endColorstr='#7b1fa2', GradientType=1); } .col-link-video>div a img { width: 20px; float: left; }   .mdk-tag-head { border-bottom: 2px solid #E1E1E1; margin-bottom: 15px; } .mdk-tag-head .title-tag-head { float: left; position: relative; } .mdk-tag-head .title-tag-head:after { height: 2px; position: absolute; bottom: -2px; left: 0; right: 0; content: "";  background-color: #cc3335; background-image: -webkit-linear-gradient(135deg, #cc3335, #2b0858); background-image: -moz-linear-gradient(135deg, #cc3335, #2b0858); background-image: -o-linear-gradient(135deg, #cc3335, #2b0858); background-image: linear-gradient(135deg, #cc3335, #2b0858); } .mdk-tag-head .title-tag-head a { font-size: 30px; color: #333; display: block; line-height: normal; padding: 0 15px; font-family: 'Noto Sans', sans-serif; } .mdk-tag-head .list-tag-head { float: right; margin-top: 12px; } .mdk-tag-head .list-tag-head a { font-size: 16px; color: #333; line-height: normal; display: inline-block; vertical-align: middle; margin-left: 10px; font-family: 'Noto Sans', sans-serif; } .mdk-tag-head .list-tag-head a:hover { color: #CA0002; }   .mdk-full-wrapper .mdk-section-left-3 { float: left; width: 300px; } .mdk-full-wrapper .mdk-section-right-6 { width: 633px; float: right; } .mdk-full-wrapper .img-block { display: block; position: relative; } .mdk-full-wrapper .deskrip-block, .mdk-full-wrapper .item-link-block { margin-top: 15px; } .mdk-full-wrapper .title-deskrip-large, .mdk-full-wrapper .title-deskrip-medium, .mdk-full-wrapper .title-deskrip-xlarge { margin: 0; } .mdk-full-wrapper .deskrip-block .title-deskrip-large a { font-size: 25px; color: #000; font-weight: bold; line-height: 1.2em; font-family: 'Noto Sans', sans-serif; } .mdk-full-wrapper .mdk-date { font-size: 11px; display: table; line-height: normal; color: #989898; margin-top: 5px; font-family: 'Noto Sans', sans-serif; } .mdk-full-wrapper .item-link-block a { font-family: 'Noto Sans', sans-serif; font-size: 15px; line-height: normal; font-weight: bold; color: #000; } .mdk-full-wrapper .mdk-list-inline { flex-wrap: wrap; display: flex; margin: 0; padding: 0; list-style: none; } .mdk-full-wrapper .mdk-list-inline>li { float: left; width: 300px; min-height: 120px; margin: 0 5px; margin-bottom: 15px; } .mdk-list-inline>li { min-height: 130px !important; overflow: hidden; } .mdk-full-wrapper .mdk-list-inline>li:nth-child(2n) { float: right; } .mdk-full-wrapper .img-left, .mdk-full-wrapper .deskrip-right { display: table-cell; vertical-align: top; } .mdk-full-wrapper .deskrip-right { padding-left: 10px; } .mdk-full-wrapper .deskrip-right .title-right { margin: 0; margin-top: -4px; } .mdk-full-wrapper .deskrip-right .title-right a, .mdk-full-wrapper .list-article-inline li>a { font-size: 15px; font-family: 'Noto Sans', sans-serif; font-weight: 700; color: #000; line-height: 1.3em; } .mdk-full-wrapper .mdk-section-left-6 { float: left; width: 632px; } .mdk-full-wrapper .mdk-section-right-3 { width: 300px; float: right; } .mdk-full-wrapper .mdk-list-block { margin: 0; padding: 0; list-style: none } .mdk-full-wrapper .mdk-list-block>li { min-height: 116px; margin-bottom: 15px; } .mdk-full-wrapper .mdk-article-large .deskrip-right { padding-left: 33px; } .mdk-full-wrapper .mdk-article-large .deskrip-right p { font-size: 14px; font-family: 'Noto Sans', sans-serif; margin-top: 15px; line-height: 1.5em; color: #898989; } .mdk-full-wrapper .deskrip-right .title-deskrip-medium { margin-top: -4px; } .mdk-full-wrapper .title-deskrip-medium a { font-size: 20px; font-family: 'Noto Sans', sans-serif; font-weight: bold; color: #000; line-height: 1.2em; } .mdk-article-large .mdk-article-large .deskrip-right>p { font-size: 15px; font-family: 'Noto Sans', sans-serif; margin: 10px 0; color: #000; } .mdk-full-wrapper .title-deskrip-xlarge a { font-size: 30px; color: #000; font-weight: bold; line-height: 1.2em; font-family: 'Noto Sans', sans-serif; } .mdk-full-wrapper .mdk-link-block { margin-bottom: 35px; } .mdk-full-wrapper .mdk-link-block .deskrip-block a { font-size: 18px; color: #000; font-weight: bold; font-family: 'Noto Sans', sans-serif; } .mdk-full-wrapper .list-article-inline li { float: left; width: 300px; margin-top: 15px; } .mdk-full-wrapper .list-article-inline li:nth-child(2n) { float: right; } .mdk-list-col3 { margin: 0; padding: 0; list-style: none; } .mdk-list-col3>li { float: left; width: 300px; margin-left: 33px; } .mdk-list-col3>li:nth-child(3n+1) { margin-left: 0; } .mdk-full-wrapper .deskrip-block .title-deskrip-large a:hover, .mdk-full-wrapper .item-link-block a:hover, .mdk-full-wrapper .mdk-link-block .deskrip-block a:hover, .mdk-full-wrapper .deskrip-right .title-right a:hover, .mdk-full-wrapper .title-deskrip-medium a:hover, .mdk-full-wrapper .title-deskrip-xlarge a:hover, .mdk-full-wrapper .list-article-inline li>a:hover { color: #CA0002; }   .mdk-footerv2 *, .mdk-footerv2 *:after, .mdk-footerv2 *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mdk-footerv2 { background: #F9f9f9; position: relative; } .mdk-footerv2:after { top: 0; height: 3px; position: absolute; left: 0; right: 0; content: ""; background-color: #cc3335; background-image: -webkit-linear-gradient(135deg, #cc3335, #2b0858); background-image: -moz-linear-gradient(135deg, #cc3335, #2b0858); background-image: -o-linear-gradient(135deg, #cc3335, #2b0858); background-image: linear-gradient(135deg, #cc3335, #2b0858); } .mdk-footerv2 .mdk-footer-container { padding: 30px 15px; width: 996px; margin: 0 auto; padding-bottom: 20px !important; } .mdk-footerv2 .mdk-footer-left, .mdk-footerv2 .mdk-footer-right { float: left; width: 35%; } .mdk-footerv2 .mdk-footer-left { width: 65%; padding-right: 30px; } .mdk-footerv2 .list-unstyled { margin: 0; padding: 0; list-style: none; }  .mdk-footerv2 .mdk-footer-subscribe h5 { font-size: 20px; font-family: 'Noto Sans', sans-serif; font-weight: bold; line-height: normal; margin-bottom: 10px; } .mdk-footerv2 .form-subscribe { display: table; width: 100%; } .mdk-footerv2 .form-subscribe .subs-group, .mdk-footerv2 .form-subscribe .text-email { display: table-cell; vertical-align: middle; width: 1%; } .mdk-footerv2 .form-subscribe .subs-group .btn-subs { border: 0; margin: 0; padding: 0; background: none; box-shadow: none; padding: 0 15px; height: 35px; background-color: #cc3335; background-image: -webkit-linear-gradient(135deg, #cc3335, #2b0858); background-image: -moz-linear-gradient(135deg, #cc3335, #2b0858); background-image: -o-linear-gradient(135deg, #cc3335, #2b0858); background-image: linear-gradient(135deg, #cc3335, #2b0858); color: #fff; font-size: 14px; font-family: 'Noto Sans', sans-serif; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; } .mdk-footerv2 .form-subscribe .text-email { background: none; border: 0; padding: 0; color: #000; width: 100%; height: 35px; font-size: 14px; padding-left: 10px; padding-right: 10px; font-family: 'Noto Sans', sans-serif; border: 1px solid #CE002F; border-right: 0; background: #fff; border-radius: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }   .mdk-footerv2 .mdk-section-row .col-footer { float: left; width: 60%; } .mdk-footerv2 .mdk-section-row .col-kategori { padding-left: 30px; width: 40%; } .mdk-footerv2 .title-widget-footer { font-size: 18px; font-family: 'Noto Sans', sans-serif; font-weight: bold; margin-bottom: 15px; } .mdk-footerv2 .mdk-wb-workstation li { margin-bottom: 10px; } .mdk-footerv2 .mdk-wb-workstation .mdk-date { font-size: 11px; font-family: 'Noto Sans', sans-serif; color: #989898; display: table; margin-bottom: 5px; } .mdk-footerv2 .mdk-wb-workstation .mdk-title { font-size: 14px; font-family: 'Noto Sans', sans-serif; color: #333; } .mdk-footerv2 .mdk-wb-kategori>li { float: left; width: 50%; padding-right: 5px; margin-bottom: 10px; } .mdk-footerv2 .mdk-wb-kategori li a { font-size: 13px; font-family: 'Noto Sans', sans-serif; color: #333; } .mdk-footerv2 .mdk-wb-workstation .mdk-title:hover, .mdk-footerv2 .mdk-wb-kategori li a:hover { color: #CA0002; }   .mdk-footerv2 .list-mdk-sosmed>li { margin-left: 0px; margin-right: 10px; } .mdk-footerv2 .list-mdk-sosmed>li a { width: 30px; height: 30px; background-size: 200px; } .mdk-footerv2 .list-mdk-sosmed>li a.fb-sosmed:hover { background-position: -1px -34px; } .mdk-footerv2 .list-mdk-sosmed>li a.tweet-sosmed { background-position: -35px 0px; } .mdk-footerv2 .list-mdk-sosmed>li a.tweet-sosmed:hover { background-position: -35px -34px; } .mdk-footerv2 .list-mdk-sosmed>li a.gplus-sosmed { background-position: -68px 0px; } .mdk-footerv2 .list-mdk-sosmed>li a.gplus-sosmed:hover { background-position: -68px -34px; } .mdk-footerv2 .list-mdk-sosmed>li a.feed-sosmed { background-position: -102px 0px; } .mdk-footerv2 .list-mdk-sosmed>li a.feed-sosmed:hover { background-position: -102px -34px; } .mdk-footerv2 .list-mdk-sosmed>li a.ig-sosmed { background-position: -135px 0px; } .mdk-footerv2 .list-mdk-sosmed>li a.ig-sosmed:hover { background-position: -135px -34px; } .mdk-footerv2 .list-mdk-sosmed>li a.youtube-sosmed { background-position: -169px 0px; } .mdk-footerv2 .list-mdk-sosmed>li a.youtube-sosmed:hover { background-position: -169px -34px; } .mdk-footerv2 .mdk-appstore a { display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; }   .mdk-networks>ul { float: left; width: 50%; } .mdk-networks>ul li { margin-top: 5px; } .mdk-networks>ul li a { font-family: 'Noto Sans', sans-serif; font-weight: bold; color: #000; font-size: 15px; position: relative; } .mdk-networks>ul li .network-sub a { font-weight: normal; font-size: 13px; padding-left: 10px; } .mdk-networks>ul li a:hover { color: #CA0002; }   .mdk-footerv2 .mdk-logo-footer { display: table; margin: 0px auto; margin-bottom: 15px; } .mdk-footerv2 .mdk-new-copyright { background-color: #dc4225; background-image: -webkit-linear-gradient(135deg, #dc4225, #002f4b); background-image: -moz-linear-gradient(135deg, #dc4225, #002f4b); background-image: -o-linear-gradient(135deg, #dc4225, #002f4b); background-image: linear-gradient(135deg, #dc4225, #002f4b); text-align: center; color: #fff; } .mdk-footerv2 .mdk-new-copyright .mdk-footer-container { padding: 20px 15px; } .mdk-footerv2 .mdk-new-copyright .mdk-disclaimer a { font-size: 10px; font-family: 'Noto Sans', sans-serif; font-weight: 700; color: #FFF; display: inline-block; vertical-align: middle; margin: 0 5px; } .mdk-footerv2 .mdk-new-copyright .mdk-disclaimer a:hover { color: #F1A501; text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.5); } .mdk-footerv2 .mdk-new-copyright .copyright { font-size: 11px; font-family: 'Open Sans', sans-serif; color: #FFF; margin: 0; margin-top: 5px; }   .slot-youtube *, .slot-youtube *:after, .slot-youtube *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slot-youtube .popup_link .icon-yt { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/circled-play-50a.png); background-repeat: no-repeat; position: absolute; content: ""; display: block; top: 50%; left: 50%; width: 75px; height: 50px; margin-top: -24px; margin-left: -24px } .slot-youtube:hover .popup_link .icon-yt { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/circled-play-50a.png); background-repeat: no-repeat; } .slot-youtube .popup { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.50); z-index: 9999; } .slot-youtube .popup-inner { max-width: 650px; padding: 20px 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 5px; background: #fff; } .slot-youtube .title-video-popup { font-family: 'Open Sans', Sans-Serif; font-size: 20px !important; font-weight: 700; color: #000; line-height: 1.5em; padding: 0 20px; padding-bottom: 20px; margin: 0; } .slot-youtube .play-popup { border: 0; margin: 0; padding: 0; } .slot-youtube .popup-close:after { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/close-native.png); width: 13px; height: 13px; content: ""; margin-top: -7px; position: absolute; top: 50%; left: 50%; margin-left: -7px; } .slot-youtube .popup-close { width: 30px; height: 30px; position: absolute; top: 0; right: 0; } .slot-youtube .popup-close:hover { background: #EBEBEB; border-radius: 0 5px 0 0; } .slot-youtube .popup-close:hover:after { background-position: 0px -18px; } .title-video { margin: 0; position: relative; min-height: 50px; padding-right: 60px; } .title-video .title-text { margin: 0; padding: 0; cursor: pointer; visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: all 0.5s ease; } .title-video h5.title-text { font-family: 'Open Sans', sans-serif; line-height: 1.6em; font-weight: 600; font-size: 16px; color: #000; } .title-video.transparent .title-text { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .title-video .share-animation { position: absolute; top: 5px; right: 5px; z-index: 3; width: 42px !important; height: 42px; } .title-video .share-animation.click { width: 190px !important; } .title-video .share-animation .btn-share img { position: absolute; right: 0; top: 0; width: 42px; height: 42px; } .title-video .share-animation .btn-share .open-share, .title-video .share-animation.click .btn-share .close-share { z-index: 10; } .title-video .share-animation .btn-share .close-share, .title-video .share-animation.click .btn-share .open-share { z-index: 9; } .title-video .share-animation .btn-share .close-share { -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease; } .title-video .share-animation.click .btn-share .close-share { -webkit-transform: rotate(0); transform: rotate(0); } .title-video .share-sosmed a { position: absolute; z-index: 1; top: 0; right: 0; -webkit-transition: right 0.5s ease; transition: right 0.5s ease; } .title-video .share-animation .share-sosmed a img { width: 40px; height: 40px; margin: 1px; } .title-video .share-animation.click .share-sosmed a { animation-name: slideShare; -webkit-animation-name: slideShare; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease; -webkit-animation-timing-function: ease; } @keyframes slideShare { 0% { transform: translateX(0%); } 25% { transform: translateX(-10%); } 50% { transform: translateX(10%); } 100% { transform: translateX(0%); } } .title-video .share-animation.click .share-sosmed .gplus-native { right: 50px; } .title-video .share-animation.click .share-sosmed .fb-native { right: 100px; } .title-video .share-animation.click .share-sosmed .tweet-native { right: 150px; } .play-iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }   .img-left120, .img-block300, .img-left160 { background-size: cover; background-position: center; background-repeat: no-repeat; } .img-left120, .img-left160 { float: left; } .img-left120, .img-left120>img { width: 120px; height: 60px; } .img-block300, .img-block300>img { width: 300px; height: 150px; } .img-left160, .img-left160>img { width: 160px; height: 80px; }   .mdk-coverv2 { position: relative; height: 225px; background-position: center right !important; background-size: cover !important; } .mdk-coverv2 .mdk-header-content { padding-bottom: 72px; } .mdk-coverv2 .mdk-header-bottom { position: absolute; bottom: 20px; left: 20px; right: 20px; } .mdk-coverv2 .mdk-header-top { width: 590px; margin-bottom: 0; } .mdk-coverv2 .mdk-header-top .deskrip-cover { margin-top: 10px; } .mdk-coverv2 .mdk-header-top .deskrip-cover a { font-size: 28px; } .mdk-header-top .title-coverbox, .mdk-header-top .deskrip-cover { display: block; width: 100%; } .mdk-header-top .title-coverbox .text-title { display: inline; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: normal; margin-bottom: 0; border: none; vertical-align: middle; background: rgba(202, 0, 2, 0.8); text-decoration: none; padding: 2px; box-shadow: 4px 0px 0px rgba(202, 0, 2, 0.8), -4px 0px 0px rgba(202, 0, 2, 0.8); -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; color: #fff; line-height: 1.9em; } .mdk-header-top .desk-cov { margin-top: 0px; margin-left: 5px; } .mdk-header-top { border: none; } .mdk-header-top .cover-left, .mdk-header-top .cover-right { display: table-cell; vertical-align: middle; width: 60px; } .mdk-header-top .cover-right { padding-left: 20px; width: 100%; } .mdk-header-top .deskrip-cover { padding-left: 0; padding-bottom: 0; padding-top: 5px; } .mdk-header-top .deskrip-cover a { display: inline; font-size: 18px; font-family: 'Noto Sans', sans-serif; font-weight: bold; background: rgba(0, 0, 0, 0.8); padding: 2px; box-shadow: 4px 0px 0px rgba(0, 0, 0, 0.8), -4px 0px 0px rgba(0, 0, 0, 0.8); text-decoration: none; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; color: #fff; line-height: 1.6em; } .mdk-header-bottom { margin-top: 0; }   .mdk-title-gradient { margin-top: 0 !important; } .mdk-list-terkait { margin-bottom: -3px; } .mdk-list-terkait>li { margin-bottom: 3px; } .mdk-top10v2 .list-top10v2 .item-top10 .number { font-size: 38px; color: #ca0002; width: 53px; } .btn-mdk-next { background: transparent; border: 1px solid #ca0002; color: #ca0002 !important; font-family: 'Noto Sans', sans-serif; font-size: 16px; max-width: 320px; display: block; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; padding: 8px 15px; margin: 0 auto; margin-top: 60px; } .btn-mdk-next:hover { background: #ca0002; color: #fff !important; } .mdk-right .btn-mdk-next { max-width: 200px; margin-top: 15px; } .btn-mdk-comment { margin-top: 30px; margin-bottom: 30px; } .btn-mdk-comment:after { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/kolomkananv2/komen.png); background-repeat: no-repeat; width: 15px; height: 8px; display: inline-block; vertical-align: middle; content: ""; margin-top: -3px; margin-left: 5px; } .btn-mdk-comment:hover:after { background-position: bottom; } .mdk-lokal-gateway .item { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .mdk-lokal-gateway .item a { position: relative; border-top: 1px solid #e8e8e8; padding: 15px 0; margin: 0 15px; font-family: 'Noto Sans', sans-serif; font-size: 16px; display: block; color: #000; } .mdk-lokal-gateway .item a:first-child { border-top: 0; } .mdk-lokal-gateway .item a:hover { color: #ca0002; } .mdk-lokal-gateway .item a:before { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/kolomkananv2/assetsmdklocal.png); background-repeat: no-repeat; width: 35px; height: 35px; display: inline-block; vertical-align: middle; margin-right: 15px; content: ""; background-position: -4px 0; } .mdk-lokal-gateway .item .gtw-banyuwangi:before { background-position: -42px 0; } .mdk-lokal-gateway .item .gtw-kutai:before { background-position: -80px 0; } .mdk-lokal-gateway .item .gtw-sumut:before { background-position: -4px -39px; } .mdk-lokal-gateway .item .gtw-malang:before { background-position: -40px -39px; } .mdk-lokal-gateway .item .gtw-tanah:before { background-position: -78px -39px; } .mdk-lokal-gateway .item .gtw-jateng:before { background-position: -3px -76px; } .mdk-lokal-gateway .item .gtw-jatim:before { background-position: -41px -77px; } .mdk-lokal-gateway .item .gtw-tabanan:before { background-position: -80px -77px; } .mdk-lokal-gateway .item .gtw-pasuruan:before { background-position: -3px -114px; } .mdk-lokal-gateway .item .gtw-jabar:before { background-position: -40px -114px; } .mdk-lokal-gateway .item .gtw-semarang:before { background-position: -78px -114px; } .mdk-lokal-gateway .item .gtw-jakarta:before { background-position: 0px 0px; } .gateway-footer { padding: 15px; display: table; width: 100%; } .gateway-footer>div { background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/kolomkananv2/merdeka_local_arrow.png); background-repeat: no-repeat; width: 24px; height: 24px; float: left; cursor: pointer; } .gateway-footer>.gateway-next { float: right; background-position: top right; } .gateway-footer>.gateway-prev:hover { background-position: bottom left; } .gateway-footer>.gateway-next:hover { background-position: bottom right; } #mdk-dunia-vemale { border: 1px solid #e8e8e8; margin-bottom: 30px; } #mdk-dunia-vemale .header-dw { background: #a33691; background: -moz-linear-gradient(45deg, #a33691 0%, #df669b 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #a33691), color-stop(100%, #df669b)); background: -webkit-linear-gradient(45deg, #a33691 0%, #df669b 100%); background: -o-linear-gradient(45deg, #a33691 0%, #df669b 100%); background: -ms-linear-gradient(45deg, #a33691 0%, #df669b 100%); background: linear-gradient(45deg, #a33691 0%, #df669b 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a33691', endColorstr='#df669b', GradientType=1); font-family: 'Noto Sans', sans-serif; font-size: 20px; color: #fff; display: block; padding: 15px; font-size: 26px; font-weight: bold; } #mdk-dunia-vemale .header-dw>img { margin-top: -3px; } #mdk-dunia-vemale .list-dw { margin: 0; padding: 0; list-style: none; } #mdk-dunia-vemale .list-dw>li a { text-transform: capitalize; font-family: 'Noto Sans', sans-serif; font-size: 16px; display: block; position: relative; color: #000; padding: 15px 0; margin: 0 15px; border-top: 1px solid #e8e8e8; } #mdk-dunia-vemale .list-dw>li:first-child a { border-top: 0; } #mdk-dunia-vemale .list-dw>li a:after { position: absolute; background-image: url(https://cdns.klimg.com/merdeka.com/media/i/a/kolomkananv2/arrow-right-mdk.png); background-repeat: no-repeat; background-position: bottom; width: 9px; height: 18px; top: 50%; margin-top: -9px; content: ""; right: 0px; } #mdk-dunia-vemale .list-dw>li a:hover { color: #ca0000; } #mdk-dunia-vemale .list-dw>li a:hover:after { background-position: top; } #navv3, .mdk-linktoday{ background:#F3F3F3; } #navv3 ul li a{ color:#000; } #navv3 .btn-expand .text-more, #navv3 ul li.active a, #navv3 ul li a:hover{ color:#FF4E00; } #navv3 .btn-expand::after { background-image:url(https://cdns.klimg.com/merdeka.com/media/i/a/www/next-grey.png); background-repeat:no-repeat; } .mdk-headlinev3 .bg-red::after{ background: rgba(202,0,2,0); background: -moz-linear-gradient(top, rgba(202,0,2,0) 0%, rgba(202,0,2,0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(202,0,2,0)), color-stop(100%, rgba(202,0,2,0.5))); background: -webkit-linear-gradient(top, rgba(202,0,2,0) 0%, rgba(202,0,2,0.5) 100%); background: -o-linear-gradient(top, rgba(202,0,2,0) 0%, rgba(202,0,2,0.5) 100%); background: -ms-linear-gradient(top, rgba(202,0,2,0) 0%, rgba(202,0,2,0.5) 100%); background: linear-gradient(to bottom, rgba(202,0,2,0) 0%, rgba(202,0,2,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0002', endColorstr='#ca0002', GradientType=0 ); } .mdk-headlinev3 .headline-red{ background: rgba(202,0,2,0.5); background: -moz-linear-gradient(top, rgba(202,0,2,0.5) 0%, rgba(202,0,2,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(202,0,2,0.5)), color-stop(100%, rgba(202,0,2,0))); background: -webkit-linear-gradient(top, rgba(202,0,2,0.5) 0%, rgba(202,0,2,0) 100%); background: -o-linear-gradient(top, rgba(202,0,2,0.5) 0%, rgba(202,0,2,0) 100%); background: -ms-linear-gradient(top, rgba(202,0,2,0.5) 0%, rgba(202,0,2,0) 100%); background: linear-gradient(to bottom, rgba(202,0,2,0.5) 0%, rgba(202,0,2,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0002', endColorstr='#ca0002', GradientType=0 ); padding:15px 30px; } .mdk-headlinev3 .mdk-headline-left .deskrip-hl{ vertical-align:bottom; padding:15px 30px; } .mdk-headlinev3 .title-h{ font-size:28px; } .mdk-headlinev3 .kategori-time { margin-top:10px; } .mdk-headlinev3 .mdk-headline-right .deskrip-hr { text-align:left; } .mdk-headlinev3 .bg-green::after{ background:rgba(37,107,1,0.9); } .mdk-headlinev3 .bg-blue::after{ background:rgba(25,102,193,0.9); } .mdk-headlinev3 .bg-yellow::after{ background:rgba(241,165,1,0.9); } .mdk-border{ display:table; width:100%; table-layout:fixed; } .mdk-border span{ float:left; width:14.28%; height:5px; background:#CC0000; } .mdk-border span:nth-child(2){ background:#FF7E00; } .mdk-border span:nth-child(3){ background:#F7C602; } .mdk-border span:nth-child(4){ background:#4D9902; } .mdk-border span:nth-child(5){ background:#3B94D9; } .mdk-border span:nth-child(6){ background:#B60783; } .mdk-border span:nth-child(7){ background:#550175; } .mdk-highlightv2 .swiper-highlight .highlight-item.item-yellow .img-highlight::after, .mdk-highlightv2 .swiper-highlight .highlight-item.item-green .img-highlight::after, .mdk-highlightv2 .swiper-highlight .highlight-item.item-blue .img-highlight::after, .mdk-highlightv2 .swiper-highlight .highlight-item.item-purple .img-highlight::after{ background: rgba(82,54,60,0.3); background: -moz-linear-gradient(top, rgba(82,54,60,0.3) 0%, rgba(33,33,33,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(82,54,60,0.3)), color-stop(100%, rgba(33,33,33,1))); background: -webkit-linear-gradient(top, rgba(82,54,60,0.3) 0%, rgba(33,33,33,1) 100%); background: -o-linear-gradient(top, rgba(82,54,60,0.3) 0%, rgba(33,33,33,1) 100%); background: -ms-linear-gradient(top, rgba(82,54,60,0.3) 0%, rgba(33,33,33,1) 100%); background: linear-gradient(to bottom, rgba(82,54,60,0.3) 0%, rgba(33,33,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52363c', endColorstr='#212121', GradientType=0 ); } .mdk-linktoday{ padding:10px 12px; } .mdk-linktoday a { color:#000; font-weight: bold; margin:0; padding:2px 12px; } .mdk-linktoday a:hover{ text-shadow:none; background:#ca0002; color:#fff; } .mdk-highlightv2 .swiper-highlight .highlight-item .img-highlight{ -webkit-filter: grayscale(100%);  filter: grayscale(100%); transition:filter 0.5s ease; } .mdk-highlightv2 .swiper-highlight .highlight-item:hover .img-highlight{ -webkit-filter: grayscale(0);  filter: grayscale(0); } .mdk-rubrik-box{ background:#fff; border:1px solid #cfcfcf; } .mdk-rubrik-box .rubrik-deskrip{ display:block; width:100%; height:100%; padding:0; color:#000; } .mdk-rubrik-box .rubrik-deskrip.rubrik-orange::after, .mdk-rubrik-box .rubrik-deskrip.rubrik-yellow::after, .mdk-rubrik-box .rubrik-deskrip.rubrik-green::after, .mdk-rubrik-box .rubrik-deskrip.rubrik-purple::after { background:none; } .mdk-rubrik-box .rubrik-deskrip .img-block{ display:block; position:relative; border-bottom:5px solid #ca0000; } .mdk-rubrik-box .rubrik-deskrip .img-block > img{ width:100%; } .mdk-rubrik-box .rubrik-deskrip.rubrik-orange .img-block{ border-color:#FF7E00 } .mdk-rubrik-box .rubrik-deskrip.rubrik-purple .img-block{ border-color:#550175 } .mdk-rubrik-box .rubrik-deskrip.rubrik-green .img-block{ border-color:#4D9902 } .mdk-rubrik-box .rubrik-deskrip .deskrip-rubrik{ margin:15px; padding:10px; margin-top: -50px; background:#fff; position:relative; z-index:2; border:1px solid #cfcfcf; } .mdk-rubrik-box .rubrik-deskrip:hover .deskrip-rubrik .title-rubrik{ color:#ca0000; } .mdk-rubrik-box .rubrik-deskrip.rubrik-orange:hover .deskrip-rubrik .title-rubrik{ color:#FF7E00 } .mdk-rubrik-box .rubrik-deskrip.rubrik-purple:hover .deskrip-rubrik .title-rubrik{ color:#550175 } .mdk-rubrik-box .rubrik-deskrip.rubrik-green:hover .deskrip-rubrik .title-rubrik{ color:#4D9902 } .mdk-rubrik-box .rubrik-deskrip .byrubrik{ color:#989898; }