.body { font-family: Arial, Helvetica, sans-serif }
.h1 { display: inline-block; font-family: Arial; font-size: 15px; line-height: 150% }
.h2 { font-family: ralewayregular; color: #FFF; font-weight: 600; padding: 10px 0 }
.h3 { display: inline-block; font-family: Arial; font-size: 15px; line-height: 150% }
.h4 { font-size: 15px; font-family: Arial; font-weight: 650; line-height: 150% }
.at { margin: auto }
.ta { text-align: center }
.ab { position: absolute }
.ct { text-align: center }
.rel { position: relative }
.il { display: inline }
.tl { text-align: left!important }
.tc { text-align: center }
.l { float: left }
.r { float: right }
.mb5 { margin-bottom: 5px }
.mr10 { margin-right: 10px }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.mr20 { margin-right: 20px }
.ml20 { margin-left: 20px }
.mb10 { margin-bottom: 10px }
.w100 { width: 100px }
.w10a { width: 10% }
.w100a { width: 100% }
.w97a { width: 97% }
.w328 { width: 334px }
.w220 { width: 220px }
.h20 { height: 20px }
.pad10 { padding: 10px 0 }
.pad20 { padding: 20px 0 }
.pb { position: absolute }
.w60 { width: 60px }
.w90a { width: 90% }
.w70a { width: 70%; float: left }
.w30a { width: 30% }
.w50a { width: 50% }
.w295 { width: 295px }
.w320 { width: 320px }
.w325 { width: 325px }
.w345 { width: 345px }
.w300 { width: 300px }
.w468 { width: 468px }
.p3 { padding: 3px }
.p5, .p5a { padding: 5px }
.p10 { padding: 10px }
.p8a { padding-top: 8px }
.p5a { padding-top: 5px }
.p10a { padding-top: 10px }
.p15a { padding-top: 15px }
.p20a { padding-top: 20px }
.p30a { padding-top: 30px }
.p10b { padding-right: 10px }
.p5c { padding-bottom: 5px }
.p10c { padding-bottom: 10px }
.p15c { padding-bottom: 15px }
.p20c { padding-bottom: 20px }
.p10d { padding-left: 10px }
.p15d { padding-left: 15px }
.p20d { padding-left: 20px }
.p20b { padding-right: 20px }
.p30b { padding-right: 30px }
.p30d { padding-left: 30px }
.m10b { margin-right: 10px }
.m30a { margin-top: 28px }
.r3 { -webkit-border-radius: 3px; -moz-border-radius: 3px }
.r5 { border-radius: 5px }
.bsw { box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
.socmed { float: right }
.socmed li { float: left; padding: 10px 0 }
.wrap { width: 100%; margin: 0 auto; background: #FFF }
.frame { width: 100%; margin: 0 auto; position: relative }
.bgwhite { background: #fff }
.grey { background: no-repeat #ececec }
.grey2 { background: no-repeat #2f2f2f }
.top { background: #ececec; padding: 0 0 10px }
.header { background: #FFF; padding: 10px 0 }
.logo { margin: 0 auto; position: relative; text-align: center; top: 7px; width: 130px }
.border_btm { border-bottom: 1px solid #e0e0e0; padding: 10px 0 }
.bd_top { border-top: 1px solid #e0e0e0 }
.bd_blue { border-top: 3px solid #084979; padding: 10px 0 }
.oto .list6 li a:hover { color: #3a3e68; border-bottom: 1px solid #3a3e68 }
.opera { background-color: #094878 }
.opera .act { border-bottom: 1px solid #fff }
.opera2 { background-color: #fff; border-top: 1px solid #666; margin: 5px 0 0 }
.opera3 { background-color: #094878; border-top: 1px solid #666 }
.rfull { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50% }
.sbk { background-color: #003862 }
.sbk .act { border-bottom: 1px solid #fff }
.free { font-size: 13px; padding: 10px 0 }
.free li { border-bottom: 1px solid #e0e0e0; padding: 5px }
.free li a {font-size: 15px; font-family: Arial; line-height: 150%; width: 63%; float:left;}
.free li:last-child { border-bottom: none }
.free li a:hover { color: #08588d!important }


.breaking{width: 63%;}

.list1 { font-size: 13px; padding: 10px 0; float:left; width: 100%;}
.list1 li { border-bottom: 1px solid #e0e0e0; padding: 5px; height:auto; min-height: 45px; width: 97%; float:left; }
.list1 li a { padding: 0 0 10px !important; display: inline-block; font-size: 17px; font-family: Arial; font-weight: 550; line-height: 150% }
.list1 li:last-child { border-bottom: none }
.list1 li a:hover { color: #08588d!important }
.list1 li .nom { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 550; line-height: 150%; color: #505050; padding: 8px 10px; width: 20px; height: 20px; float: left }
.list1 h4{float: left; width: 63%;}
.list2 li { display: table; border-bottom: 1px solid #e0e0e0; padding: 10px 0 }
.list2 li a { font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: 550; line-height: 150%; color: #535353 }
.list2 li:last-child a { border-bottom: none }
.list2 li a:hover { color: #08588d }
.list3 { text-align: center }
.list3 li { display: inline-block; padding: 5px 0; margin: 0 15px 0 0 }
.list3 li a { color: #FFF; font-family: ralewayregular }
.list3 li a:hover { color: #2c2c2c }
.list3 li a.act { border-bottom: 1px solid #fff }
.list4 { width: 100% }
.list4 li { float: left }
.list4 li a { padding: 10px 20px 0; display: block; font-family: Arial, Helvetica, sans-serif; line-height: 150%; color: #535353 }
.list4 li a:hover { color: #08588d }
.list5 { font-size: 15px; padding: 10px 0; float:left; width: 100%;}
.ldetail { background: #043A9E; float: left; width: 100%; padding: 0 0 20px }
.ldetail div a { margin: 0!important; font-family: ralewayregular!important; font-weight: 100!important; color: #fff; position: absolute; top: 40%; text-align: center; width: 100%; left: 0 }
.ldetail div { background: #0451DD; text-align: center; margin: 2% 0 0 2%; width: 47%; float: left; height: 80px; border-radius: 2px; position: relative }
.list5 li a { background: url(../images/arrow.png) right center no-repeat; border-bottom: 1px solid #e4e3e3 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #0c416d }
.list5 li:last-child a { border-bottom: none }
.list5 li a:hover { color: #535353}
.list6 { text-align: center }
.list6 li { display: inline-block; padding: 5px 15px 5px 0 }
.list6 li a { color: #747474; font-family: ralewayregular }
.list7 { color: #ff7500; font-size: 13px; list-style: square; padding: 10px 0 }
.list7 li { border-bottom: 1px solid #e0e0e0; display: inline-block; font-size: 15px; padding: 10px 0 10px 2%; width: 98%; font-family: Arial }
.list7 li h3{width: 65%;}
.list7 li img { float: left }
.list7 li.ls { background: 0 0 }
.list7 li:last-child { border-bottom: none }
.list8 { text-align: center }
.list8 li { display: inline-block; padding: 5px 0; margin: 0 15px 0 0 }
.list8 li a { color: #fff; font-family: ralewayregular; font-size: 15px }
.list8 li a:hover { color: #2c2c2c }
.list8 li a.act { background: #083f84 }
.swipe-normal { width: 98%; padding: 1%; float: left; position: relative }
.swipe-normal img { width: 100% }
.swipe-normal h1 a { position: absolute; bottom: 10px; left: 0; padding: 10px; display: block; background: rgba(0,0,0,.75); text-shadow: 0 1px 0 #000; color: #fff }
.container { width: 100%; height: 240px; overflow: hidden; position: relative; margin: 0 auto; float: left }
#swipeview-slider>div { position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; overflow: hidden }
.slides { display: none }
#swipeview-slider a { font-size: 15px; color: #fff }
#swipeview-slider span { position: absolute; bottom: 10px; left: 0; padding: 10px; display: block; background: rgba(0,0,0,.75); text-shadow: 0 1px 0 #000; -webkit-transition-duration: .3s; -webkit-transition-property: -webkit-transform; -webkit-transform: translate3d(0, 100%, 0) }
#swipeview-slider .swipeview-active span { -webkit-transform: translate3d(0, 0, 0) }
.prev { float: left }
.next { float: right }
.sh { height: 33px }
.bg { background-image: url(../images/bg_shadow.png); background-repeat: repeat-x; clear: both }
.blue { background: #0c416d }
.headline { color: #ff7500; font-size: 13px; font-family: Arial; font-weight: 550; list-style: square; padding: 5px 0 0 }
.headline li { background: url(../images/doted_line.png) center bottom repeat-x; display: inline-block; font-size: 15px; line-height: 150%; padding: 10px 0 10px 2%; width: 98% }
.headline li:last-child { background: 0 0 }
.headline li img { float: left; padding: 0 10px 0 0 }
.headline li.ls { background: 0 0 }
.bg_blue_bar { background: #0c416d; width: 100%; float: left; }
.bg_blue_bar2 { background: #022b4d; width: 100% }
.title_kanal h2 { font-family: ralewayregular; color: #FFF; font-weight: 600; padding: 10px 0 }
.title_kanal2{color: #505050; font-family: "ralewayregular"; font-weight: bolder; font-size: 18px;}
.more { background: #0c416d; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px; float:left;}
.more a { color: #fff!important; display: table; width: 100% }
.butn { background: #f31414; border-radius: 3px; color: #fff; padding: 2px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border: none }
.back { background: url(../images/back.png) no-repeat #f31414; display: inline-block; width: 50px; height: 35px; border-radius: 5px; color: #fff; padding: 5px 10px; font-weight: 700; font-family: Arial, Helvetica, sans-serif }
.newsm { float: left; padding: 5px }
.newsm .mask { width: 100px; height: 100px; overflow: hidden; float: left; border-radius: 50%; position: relative; margin: 10px }
.newsm .mask img { left: 0; position: absolute }
.newsm li { display: table; border-bottom: 1px solid #e0e0e0; padding: 10px 0; width: 100% }
.newsm li a { font-size: 16px; font-family: Arial; font-weight: 400; line-height: 150%; color: #535353 }
.newsm li:last-child { border-bottom: none }
.newsm li a:hover { color: #08588d }
.newsm .link { background: #0a55b3; border: 1px solid #0a55b3; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.teks { padding: 38px 0; font-size: 16px; font-family: Arial; font-weight: 400; line-height: 150%; color: #535353; display: table }
.right { float: left; width: 100% }
.opini { width: 100%; position: relative; float: left }
.opini .mask { width: 40px; height: 40px; overflow: hidden; float: left; border-radius: 50%; position: relative; margin: 10px 18px }
.list4 .w100a .p10 { width: 76px; float: right }
.opini .mask img { left: 0; position: absolute }
.opini .txt { font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: 550; line-height: 150%; color: #535353 }
.norm { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCC }
.norm2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0c416d; text-align: center; width: 100% }
.norm3 { font-family: ralewayregular; font-size: 15px; font-weight: 550; color: #646464; text-align: center }
.norm4 { font-family: ralewayregular; font-size: 14px; color: #646464; text-align: center }
.norm5 { font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #646464; text-align: justify }
.norm6 { font-family: Arial; font-size: 12px; color: #646464; text-align: left; width: 98%; padding: 1% 0 }
.mgleft { margin-left: 15px }
.mi { color: #fff; font-size: 13px; font-family: Arial; font-weight: 550; list-style: square; padding: 5px 0 0 }
.subs { background: #ececec }
.subs form { text-align: center }
.subs .in { border: 1px solid #999; border-radius: 5px; color: #666; padding: 5px 10px; width: 55% }
.subs .btn { background: #f31414; border-radius: 5px; color: #fff; padding: 5px 10px; font-weight: 700; font-family: Arial, Helvetica, sans-serif }
.banner325 { background: url(../images/bg_banner.png); padding: 10px 0; float: left; width: 100% }
.banner { background: url(../images/bg_banner.png); padding: 10px 0; float: left; width: 100%; height: 100%; position: relative }
.footer { background: no-repeat #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #CCC; text-align: center; padding: 3px 0 }
.search { float: right; margin: 10px 2%; width: 96%; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
.search .form { text-align: center }
.search .input { border: none; color: #666; padding: 3px 10px; width: 80%; border-radius: 5px 0 0 5px; display: inline; float: left }
.search .button { background: url(../images/search_ico2.png) no-repeat; width: 25px; height: 26px; border: none; color: #333; padding: 5px 10px; float: right; display: inline }
.ico { width: 230px; height: 44px; margin: 10px auto }
.ico .li { display: inline-block; width: 230px; height: 44px }
.icon { width: 293px; height: 25px; margin: 10px auto }
.icon .li { display: inline-block; width: 293px; height: 29px }
.oth { text-align: center }
.oth li { display: inline-block; padding: 0 10px; font-family: ralewayregular }
.oth li a { color: #505050; font-size: 16px }
.oth li a.act, .oth li a:hover { border-bottom: 3px solid #08588d; color: #08588d; font-family: ralewayregular; font-weight: 700 }
.vlist { font-size: 13px; padding: 10px 2% }
.vlist li { display: table; padding: 10px 0; width: 100% }
.vlist li img { float: left; width: 100% }
.vlist li h5 { background: #efeeee; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1); float: left; font-family: Lato; font-weight: 700; padding: 10px 2%; width: 96% }
.vlist li a { color: #505050!important }
.vlist li a:hover { color: #08588d!important }
.vlist li.ls { background: 0 0 }
.ti { font: ralewayregular; font-size: 30px; font-weight: 700; color: #514f4f }
.si1 { background: url(../images/video.png) no-repeat; width: 17px; height: 17px; display: inline-block; margin-left: 10px }
.si2 { background: url(../images/foto.png) no-repeat; width: 19px; height: 19px; display: inline-block; margin-left: 10px }
.si3 { background: url(../images/si3.png) no-repeat; width: 38px; height: 19px; display: inline-block; margin: 10px 0 0 10px }
.si4 { background: url(../images/video2.png) no-repeat; width: 19px; height: 19px; display: inline-block; margin-left: 10px }
.si5 { background: url(../images/foto2.png) no-repeat; width: 19px; height: 19px; display: inline-block; margin-left: 10px }
.si6 { background: url(../images/clock2.png) no-repeat; width: 19px; height: 19px; display: inline-block }
.si7 { background: url(../images/tag.png) no-repeat; width: 19px; height: 19px; display: inline-block }
.si8 { background: url(../images/reads2.png) no-repeat; width: 19px; height: 19px; display: inline-block; padding-right: 5px }
.paging { float: left; padding: 10px 0 }
.paging li { float: left; padding: 0 2px }
.paging li a { background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 3px; color: #616161; float: left; font-size: 11px; padding: 10px 14px }
.paging li.act a, .paging li:hover a { background: #0a55b3; color: #fff; border: 1px solid #e0e0e0; border-radius: 3px; margin: 0 2px; font-size: 11px; padding: 10px 14px }
.vco { float: left; position: relative; width: 300px; height: 200px }
.vco img { float: left; width: 300px; height: 200px; padding: 1% }
.v300 { background: no-repeat; padding: 10px 0; float: left; width: 100% }
.detail { background: #fff; border-top: 1px solid #bdbdbd; color: #585858; font-family: Arial; width: 98%; padding: 1% }
.detail table { border: 1px solid #ccc }
.detail table tr td {padding: 5px 10px; border: 1px solid #ccc }

.detail img { }
.detail h1 { font-size: 26px; font-weight: 700; line-height: 130%; padding: 5px 0 }
.detail .h2 { font-size: 18px; color: #414141; font-weight: 600; line-height: 130%; padding: 5px 0 }
.detail .h5 { color: #666; font-size: 14px; font-style: italic; padding-bottom: 3px }
.detail h6 { font-size: 12px }
.detail div { line-height: 150% }
.detail div a { color: #08588d; font-weight: 700 }
.detail p a{color:#2391e4;}

.detail .list_1 { color: #585858; list-style: lower-alpha }
.detail .list_2 { list-style: decimal }
.detail.abc p { padding: 0 0 15px }
.detail.abc img { width: 100%!important; height: auto!important }
.tool { background: #e4e4e4; border: 1px solid #d2d2d2; border-radius: 0 3px 0 0; float: left; width: 100% }
.tool h4 { background: #09588f; border-radius: 0 3px 0 0; color: #fff; float: left; font-size: 15px; padding: 4px 5px }
.tool .file { float: left; padding: 0 0 0 50px; position: relative }
.tool .file a { color: #037ee7; float: left; font-size: 11px; font-style: italic; padding: 7px 0 0 }
.tool .file a:hover { color: #004e91 }
.detail ol { list-style: decimal; margin-left: 20px }
#slider { padding: 5px 0 }
#slider li div { background: #f7f9fa; border-radius: 4px; border-top: 1px solid #fff; box-shadow: 0 1px 2px #0d0f11; color: #a4aeb7; font-size: 12px; margin: 0 13px; padding: 80px 10px; text-align: center; text-shadow: 0 1px 0 #fff }
#gallery nav { background-image: -moz-linear-gradient(center top, #292f34, #23282c); border-top: 1px solid #3a4146; height: 35px; position: relative }
#console { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #999; line-height: 18px; margin-top: 20px; max-height: 150px; overflow: auto }
#mySwipe div b { display: block; font-weight: 700; color: #14ADE5; font-size: 20px; text-align: center; margin: 10px; padding: 100px 10px; box-shadow: 0 1px #EBEBEB; background: #fff; border-radius: 3px; border: 1px solid; border-color: #E5E5E5 #D3D3D3 #B9C1C6 }
#position { text-align: center; font-size: 27px; line-height: 1.3; color: #697279; display: block; position: absolute; top: 0; left: 50%; margin-left: -75px; width: 150px }
#position em { display: inline-block; padding: 0 3px; font-style: normal; text-shadow: 0 -1px 0 rgba(0,0,0,.35); font-family: sans-serif }
#position em.on { color: #fff }
/*#prev { border-right: 1px #d0d0d0 solid; display: inline-block; font-family: ralewayregular; text-decoration: none }
#prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #022b4d }
#next { border-left: 1px #d0d0d0 solid; display: inline-block; font-family: ralewayregular; text-decoration: none; right: 0; top: 0; float: right }
#next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #022b4d }*/
.swipe { overflow: hidden; visibility: hidden; position: relative }
.swipe-wrap { overflow: hidden; position: relative }
.swipe-wrap>div { float: left; width: 100%; position: relative }
.dt2 { background: url(../images/dt2.png) repeat-x; height: 11px; width: 100%; padding: 5px 0 }
.relt { background: #0a55b3; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
.relt a { font-size: 12px; color: #fff; text-align: center }
.relt h4 { padding: 5px }
.form1 { float: left; padding: 10px 0 }
.form1 .buttons { background: #fff; border: 1px solid #084979; border-radius: 3px; color: #084979; font-size: 12px; padding: 4px 10px }
.form1 .buttons:hover { animation: 1s ease 0s normal forwards 1 myfirst }
.form1 select { border: 1px solid #c8c8c8; border-radius: 3px; font-size: 12px; padding: 4px 10px }
.form1 select:hover { animation: 1s ease 0s normal forwards 1 myfirst }
button, html, input, select, textarea { font-family: sans-serif }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline }
button, select { text-transform: none }
figure, form { margin: 0 }
@font-face { font-family: ralewayregular; src: url(../fonts/raleway-regular-webfont.eot); src: url(../fonts/raleway-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/raleway-regular-webfont.woff2) format('woff2'), url(../fonts/raleway-regular-webfont.woff) format('woff'), url(../fonts/raleway-regular-webfont.ttf) format('truetype'), url(../fonts/raleway-regular-webfont.svg#ralewayregular) format('svg'); font-weight: 400; font-style: normal }
.newsmaker { float: left; padding: 10px; width: 100px }
.newsmaker .mask { width: 100px; height: 100px; overflow: hidden; float: left; border-radius: 50%; position: relative; margin: 10px }
.newsmaker .mask img { left: 0; position: absolute }
.subtitle { color: #666; font-size: 12px; font-style: italic; padding-bottom: 3px }
#menu { float: left; padding: 20px 20px 10px }
.slidemenu { position: absolute; top: 0; left: -160px; width: 220px; height: 100%; background-color: #084979; -webkit-box-shadow: 3px 0 5px -2px #32394A; box-shadow: 3px 0 5px -2px #32394A; display: none; overflow: hidden; -webkit-overflow-scrolling: touch }
.slidemenu h3 { font-size: 12px; color: #D0D6E6; text-shadow: 0 1px 0 #272D39; margin: 0; padding: 4px 0 4px 10px; background: #445790; background: -moz-linear-gradient(top, rgba(68,87,144,1) 0, rgba(56,65,88,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(68,87,144,1)), color-stop(100%, rgba(56,65,88,1))); background: -webkit-linear-gradient(top, rgba(68,87,144,1) 0, rgba(56,65,88,1) 100%); background: -o-linear-gradient(top, rgba(68,87,144,1) 0, rgba(56,65,88,1) 100%); background: -ms-linear-gradient(top, rgba(68,87,144,1) 0, rgba(56,65,88,1) 100%); background: linear-gradient(to bottom, rgba(68,87,144,1) 0, rgba(56,65,88,1) 100%); border-top: solid #4E5567 1px; border-bottom: solid #2F3955 1px }
.slidemenu ul { margin: 0; padding: 0; width: inherit }
.slidemenu ul li { list-style-type: none; margin: 0; overflow: none; float: left; width: 210px; border-top: 1px #06375b solid; border-bottom: 1px #215c87 solid; padding: 10px 0 10px 10px }
.slidemenu ul li a { float: left; }
.slidemenu p { text-align: center; color: #fff; font-weight: bold; }
.slidemenu ul li a:link, .slidemenu ul li a:visited { color: #FBFBFB; font-size: 14px; text-decoration: none; text-shadow: 0 1px 1px #141C32 }
.slidemenu ul li img { margin-right: 8px }
.slidemenu ul li a:active, .slidemenu ul li a:hover { background-color: #32394A }
.slidemenu_btn .ui-icon-shadow { -moz-box-shadow: 0 0 0 rgba(255,255,255,0); -webkit-box-shadow: 0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 rgba(255,255,255,0) }
.slidemenu_btn .ui-btn-inner { border-top: 0 }
.slidemenu_btn .ui-icon { margin: 4px 1px 2px 2px!important; width: 25px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 }
.slidemenu_btn .ui-icon, .ui-icon-searchfield::after { background: 0 0 }
.slidemenu_btn.ui-btn-icon-notext { width: 30px }
.nocallout { -webkit-touch-callout: none }
.pressed { background-color: rgba(0,0,0,.7) }
textarea[contenteditable] { -webkit-appearance: none }
.gifhidden { position: absolute; left: -100% }
.ir { background-color: transparent; background-repeat: no-repeat; border: 0; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em }
.ir br { display: none }
.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:after, .clearfix:before { content: ""; display: table }
.clearfix:after { clear: both }
.klasemen { position: relative; padding-bottom: 20px; float: left; width: 100% }
.klasemen .tl { text-align: left!important }
.klasemen table { background: rgba; border: 1px solid #FFF; width: 100%; color: #2e2e2e; padding: 10px 0 0; float: left }
.klasemen table thead { background: #EEE; color: #006000; font-size: 12px; font-weight: 700 }
.klasemen table th { font-size: 12px; font-family: arial, helvetica, verdana; color: #606060 }
.klasemen table td, .klasemen table th { padding: 2px; text-align: center; height: 19px }
.klasemen table tr { border-bottom: 1px solid #CCC }
.klasemen table td { font-size: 12px; padding-top: 4px; color: #333; text-shadow: 1px 1px 1px #FEFEFE; background: #FFF; font-family: ralewayregular, arial, helvetica }
.klasemen table td.nklub { text-align: left!important }
.klasemen table td a { color: #060; font-weight: lighter }
.klasemen .pem td a { color: #900; font-weight: bolder }
.klasemen .kjudul { width: 96%; padding: 2%; float: left; font-family: ralewayregular, arial, helvetica; font-size: 14px; color: #FAFAFA; background: #060; text-shadow: 1px 1px 1px #030; border-bottom: 1px solid #FFF }
.kjudul .more2, .kjudul2 .more2 { float: right; color: #FFF; font-size: 13px; padding-right: 10px; width: 50px }
.klasemen .kjudul2 { width: 96%; padding: 2%; float: left; font-family: ralewayregular, arial, helvetica; font-size: 14px; color: #FAFAFA; background: #9D0000; text-shadow: 1px 1px 1px #030; border-bottom: 1px solid #FFF }
.klasemen .mright { float: right; color: #FFF }
.klasemen h2 { float: left }
.other-table { color: #FFF!important; padding: 0 10px }
.lives { width: 100%; float: left; background: #EFEFEF }
.heading { width: 96%; padding: 2%; float: left; font-family: ralewayregular, arial, helvetica; font-size: 11px; color: #FAFAFA; background: #060; text-shadow: 1px 1px 1px #030; border-bottom: 1px solid #FFF }
.action { width: 96%; padding: 2%; float: left; font-size: 11px; color: #060; border-bottom: 1px solid #EEE; border-top: 1px solid #FFF }
.event { width: 10%; float: left; text-align: center; border-radius: 3px; padding: 3px 0 }
.pre { background: #CCC; color: #444; font-size: 9px!important }
.play { background: #060; color: #FAFAFA; text-shadow: 1px 1px 1px #030 }
.full { background: red; color: #FAFAFA; text-shadow: 1px 1px 1px #900 }
.team { width: 35%; float: left; font-family: ralewayregular, arial, helvetica; color: #030; text-align: right }
.tal { text-align: left!important }
.result { width: 20%; float: left; text-align: center!important }
.olahraga .opera { background-color: red }
.olahraga .bd_blue { border-top: 3px solid red; padding: 10px 0 }
.olahraga .bg_blue_bar { background: #b90606; width: 100%; float: left; }
.olahraga .more {float: right; background: red; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.olahraga .oth li a.act, .oth li a:hover { border-bottom: 3px solid red; color: red; font-family: ralewayregular; font-weight: 700 }
.olahraga .oth li a:hover { border-bottom: 3px solid red; color: red }
.olahraga .opera2 { background-color: #fff; border-top: 1px solid red; margin: 5px 0 0 }
.olahraga .opera3 { background-color: red; border-top: 1px solid #666 }
.olahraga .sbk { background-color: #b50505 }
.olahraga .relt { background: red; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.olahraga #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: red }
.olahraga #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: red }*/
.olahraga .list1 li a:hover { color: red!important }
.olahraga .butn { background: red; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.olahraga .newsm .link { background: red; border: 1px solid red; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.olahraga .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #a60404 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.olahraga .grey { background: #b50505 }
.wp .opera { background-color: #094878 }
.wp .bd_blue { border-top: 3px solid #094878; padding: 10px 0 }
.wp .bg_blue_bar { background: #094878; width: 100%; float: left; }
.wp .more {float: right;  background: #094878; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.wp .oth li a:hover { border-bottom: 3px solid #094878; color: #094878 }
.wp .opera2 { background-color: #fff; border-top: 1px solid #094878; margin: 5px 0 0 }
.wp .opera3 { background-color: #094878; border-top: 1px solid #666 }
.wp .list6 li a:hover { color: #094878; border-bottom: 1px solid #094878 }
.wp .sbk { background-color: #003862 }
.wp .relt { background: #094878; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
.index .opera { background-color: #094878 }
.index .bd_blue { border-top: 3px solid #094878; padding: 10px 0 }
.index .bg_blue_bar { background: #094878; width: 100%; float: left; }
.index .more {float: right; background: #094878; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.oth li a:hover, .wp .oth li a.act { border-bottom: 3px solid #094878; color: #094878; font-family: ralewayregular; font-weight: 700 }
.index .oth li a:hover { border-bottom: 3px solid #094878; color: #094878 }
.index .opera2 { background-color: #fff; border-top: 1px solid #094878; margin: 5px 0 0 }
.index .opera3 { background-color: #094878; border-top: 1px solid #666 }
.index .list6 li a:hover { color: #094878; border-bottom: 1px solid #094878 }
.index .sbk { background-color: #003862 }
.index .relt { background: #094878; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
.news .opera { background-color: #0451dd }
.news .bd_blue { border-top: 3px solid #0451dd; padding: 10px 0 }
.news .bg_blue_bar { background: #0a55b3; width: 100%; float: left; }
.news .more {float: right; background: #0451dd; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.news .oth li a.act, .oth li a:hover { border-bottom: 3px solid #0451dd; color: #0451dd; font-family: ralewayregular; font-weight: 700 }
.news .oth li a:hover { border-bottom: 3px solid #0451dd; color: #0451dd }
.news .opera2 { background-color: #fff; border-top: 1px solid #0451dd; margin: 5px 0 0 }
.news .opera3 { background-color: #0451dd; border-top: 1px solid #666 }
.news .list6 li a:hover { color: #0451dd; border-bottom: 1px solid #0451dd }
.news .sbk { background-color: #043a9e }
.news .relt { background: #0451dd; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.news #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0451dd }
.news #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0451dd }*/
.news .list1 li a:hover { color: #0451dd!important }
.news .butn { background: #0451dd; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.news .newsm .link { background: #0451dd; border: 1px solid #0451dd; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.news .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #05358e !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.news .grey { background: #043a9e }
.internasional .opera { background-color: #0f81ad }
.internasional .bd_blue { border-top: 3px solid #0f81ad; padding: 10px 0 }
.internasional .bg_blue_bar { background: #0f81ad; width: 100%; float: left; }
.internasional .more {float: right; background: #0f81ad; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.internasional .oth li a.act, .oth li a:hover { border-bottom: 3px solid #0f81ad; color: #0f81ad; font-family: ralewayregular; font-weight: 700 }
.internasional .oth li a:hover { border-bottom: 3px solid #0f81ad; color: #0f81ad }
.internasional .opera2 { background-color: #fff; border-top: 1px solid #0f81ad; margin: 5px 0 0 }
.internasional .opera3 { background-color: #0f81ad; border-top: 1px solid #666 }
.internasional .list6 li a:hover { color: #0f81ad; border-bottom: 1px solid #0f81ad }
.internasional .sbk { background-color: #0d698d }
.internasional .relt { background: #0f81ad; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.internasional #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0f81ad }
.internasional #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0f81ad }*/
.internasional .list1 li a:hover { color: #0f81ad!important }
.internasional .butn { background: #0f81ad; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.internasional .newsm .link { background: #0f81ad; border: 1px solid #0f81ad; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.internasional .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #0a6081 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.internasional .grey { background: #0d698d }
.ekonomi .opera { background-color: #12a895 }
.ekonomi .bd_blue { border-top: 3px solid #12a895; padding: 10px 0 }
.ekonomi .bg_blue_bar { background: #12a895; width: 100%; float: left; }
.ekonomi .more {float: right; background: #12a895; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.ekonomi .oth li a.act, .oth li a:hover { border-bottom: 3px solid #12a895; color: #12a895; font-family: ralewayregular; font-weight: 700 }
.ekonomi .oth li a:hover { border-bottom: 3px solid #12a895; color: #12a895 }
.ekonomi .opera2 { background-color: #fff; border-top: 1px solid #12a895; margin: 5px 0 0 }
.ekonomi .opera3 { background-color: #12a895; border-top: 1px solid #666 }
.ekonomi .list6 li a:hover { color: #12a895; border-bottom: 1px solid #12a895 }
.ekonomi .sbk { background-color: #067c6d }
.ekonomi .relt { background: #12a895; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.ekonomi #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #12a895 }
.ekonomi #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #12a895 }*/
.ekonomi .list1 li a:hover { color: #12a895!important }
.ekonomi .butn { background: #12a895; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.ekonomi .newsm .link { background: #12a895; border: 1px solid #12a895; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.ekonomi .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #056f62 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.ekonomi .grey { background: #067c6d }
.teknologi .opera { background-color: #de5a1e }
.teknologi .bd_blue { border-top: 3px solid #de5a1e; padding: 10px 0 }
.teknologi .bg_blue_bar { background: #de5a1e; width: 100%; float: left;}
.teknologi .more {float: right; background: #de5a1e; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.oth li a:hover, .teknologi .oth li a.act { border-bottom: 3px solid #de5a1e; color: #de5a1e; font-family: ralewayregular; font-weight: 700 }
.teknologi .oth li a:hover { border-bottom: 3px solid #de5a1e; color: #de5a1e }
.teknologi .opera2 { background-color: #fff; border-top: 1px solid #de5a1e; margin: 5px 0 0 }
.teknologi .opera3 { background-color: #de5a1e; border-top: 1px solid #666 }
.teknologi .list6 li a:hover { color: #de5a1e; border-bottom: 1px solid #de5a1e }
.teknologi .sbk { background-color: #bb4a17 }
.teknologi .relt { background: #de5a1e; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.teknologi #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #de5a1e }
.teknologi #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #de5a1e }*/
.teknologi .list1 li a:hover { color: #de5a1e!important }
.teknologi .butn { background: #de5a1e; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.teknologi .newsm .link { background: #de5a1e; border: 1px solid #de5a1e; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.teknologi .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #af4515 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.teknologi .grey { background: #bb4a17 }
.bola .opera { background-color: #0c8734 }
.bola .bd_blue { border-top: 3px solid #0c8734; padding: 10px 0 }
.bola .bg_blue_bar { background: #0c8734; width: 100%; float: left;}
.bola .more {float: right; background: #0c8734; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.bola .oth li a.act, .oth li a:hover { border-bottom: 3px solid #0c8734; color: #0c8734; font-family: ralewayregular; font-weight: 700 }
.bola .oth li a:hover { border-bottom: 3px solid #0c8734; color: #0c8734 }
.bola .opera2 { background-color: #fff; border-top: 1px solid #0c8734; margin: 5px 0 0 }
.bola .opera3 { background-color: #0c8734; border-top: 1px solid #666 }
.bola .list6 li a:hover { color: #0c8734; border-bottom: 1px solid #0c8734 }
.bola .sbk { background-color: #036122 }
.bola .relt { background: #0c8734; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.bola #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0c8734 }
.bola #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0c8734 }*/
.bola .list1 li a:hover { color: #0c8734!important }
.bola .butn { background: #0c8734; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.bola .newsm .link { background: #0c8734; border: 1px solid #0c8734; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.bola .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #02551d !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.bola .grey { background: #036122 }
.hiburan .opera { background-color: #ab438a }
.hiburan .bd_blue { border-top: 3px solid #ab438a; padding: 10px 0 }
.hiburan .bg_blue_bar { background: #ab438a; width: 100%; float: left; }
.hiburan .more {float: right; background: #ab438a; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.hiburan .oth li a.act, .oth li a:hover { border-bottom: 3px solid #ab438a; color: #ab438a; font-family: ralewayregular; font-weight: 700 }
.hiburan .oth li a:hover { border-bottom: 3px solid #ab438a; color: #ab438a }
.hiburan .opera2 { background-color: #fff; border-top: 1px solid #ab438a; margin: 5px 0 0 }
.hiburan .opera3 { background-color: #ab438a; border-top: 1px solid #666 }
.hiburan .list6 li a:hover { color: #ab438a; border-bottom: 1px solid #ab438a }
.hiburan .sbk { background-color: #862868 }
.hiburan .relt { background: #ab438a; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.hiburan #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #ab438a }
.hiburan #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #ab438a }*/
.hiburan .list1 li a:hover { color: #ab438a!important }
.hiburan .butn { background: #ab438a; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.hiburan .newsm .link { background: #ab438a; border: 1px solid #ab438a; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.hiburan .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #79245e !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.hiburan .grey { background: #862868 }
.otomotif .opera { background-color: #3a3e68 }
.otomotif .bd_blue { border-top: 3px solid #3a3e68; padding: 10px 0 }
.otomotif .bg_blue_bar { background: #3a3e68; width: 100%; float: left; }
.otomotif .more {float: right; background: #3a3e68; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.oth li a:hover, .otomotif .oth li a.act { border-bottom: 3px solid #3a3e68; color: #3a3e68; font-family: ralewayregular; font-weight: 700 }
.otomotif .oth li a:hover { border-bottom: 3px solid #3a3e68; color: #3a3e68 }
.otomotif .opera2 { background-color: #fff; border-top: 1px solid #3a3e68; margin: 5px 0 0 }
.otomotif .opera3 { background-color: red; border-top: 1px solid #3a3e68 }
.otomotif .list6 li a:hover { color: #3a3e68; border-bottom: 1px solid #3a3e68 }
.otomotif .sbk { background-color: #1b1f47 }
.otomotif .relt { background: #3a3e68; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.otomotif #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #3a3e68 }
.otomotif #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #3a3e68 }*/
.otomotif .list1 li a:hover { color: #3a3e68!important }
.otomotif .butn { background: #3a3e68; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.otomotif .newsm .link { background: #3a3e68; border: 1px solid #3a3e68; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.otomotif .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #171a3c !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.otomotif .grey { background: #1b1f47 }
.video .opera { background-color: #0451dd }
.video .bd_blue { border-top: 3px solid #0451dd; padding: 10px 0 }
.video .bg_blue_bar { background: #0451dd; width: 100%; float: left; }
.video .more {float: right; background: #0451dd; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.oth li a:hover, .video .oth li a.act { border-bottom: 3px solid #0451dd; color: #0451dd; font-family: ralewayregular; font-weight: 700 }
.video .oth li a:hover { border-bottom: 3px solid #0451dd; color: #0451dd }
.video .opera2 { background-color: #fff; border-top: 1px solid #0451dd; margin: 5px 0 0 }
.video .opera3 { background-color: #0451dd; border-top: 1px solid #666 }
.video .list6 li a:hover { color: #0451dd; border-bottom: 1px solid #0451dd }
.videos .sbk { background-color: #043a9e }
.video .relt { background: #0451dd; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.video #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0451dd }
.video #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0451dd }*/
.video .list1 li a:hover { color: #0451dd!important }
.video .butn { background: #0451dd; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.video .newsm .link { background: #0451dd; border: 1px solid #0451dd; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.video .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #0048ce !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.video .grey { background: #043a9e }
.foto .opera { background-color: #0451dd }
.foto .bd_blue { border-top: 3px solid #0451dd; padding: 10px 0 }
.foto .bg_blue_bar { background: #0451dd; width: 100%; float: left; }
.foto .more {float: right; background: #0451dd; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.foto .oth li a.act, .oth li a:hover { border-bottom: 4px solid #0451dd; color: #0451dd; font-family: ralewayregular; font-weight: 700 }
.foto .oth li a:hover { border-bottom: 4px solid #0451dd; color: #0451dd }
.foto .opera2 { background-color: #fff; border-top: 1px solid #0451dd; margin: 5px 0 0 }
.foto .opera3 { background-color: #0451dd; border-top: 1px solid #666 }
.foto .list6 li a:hover { color: #0451dd; border-bottom: 1px solid #0451dd }
.foto .sbk { background-color: #043a9e }
.foto .relt { background: #0451dd; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.foto #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0451dd }
.foto #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0451dd }*/
.foto .list1 li a:hover { color: #0451dd!important }
.foto .butn { background: #0451dd; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.foto .newsm .link { background: #0451dd; border: 1px solid #0451dd; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.foto .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #053793 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.foto .grey { background: #043a9e }
.most .opera { background-color: #094878 }
.most .bd_blue { border-top: 3px solid #094878; padding: 10px 0 }
.most .bg_blue_bar { background: #094878; width: 100%; float: left; }
.most .more {float: right; background: #094878; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.most .oth li a.act, .oth li a:hover { border-bottom: 3px solid #094878; color: #094878; font-family: ralewayregular; font-weight: 700 }
.most .oth li a:hover { border-bottom: 3px solid #094878; color: #094878 }
.most .opera2 { background-color: #fff; border-top: 1px solid #094878; margin: 5px 0 0 }
.most .opera3 { background-color: #094878; border-top: 1px solid #666 }
.most .sbk { background-color: #003862 }
.most .relt { background: #094878; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
.rona .opera { background-color: #91ca00 }
.rona .bd_blue { border-top: 3px solid #91ca00; padding: 10px 0 }
.rona .bg_blue_bar { background: #91ca00; width: 100%; float: left; }
.rona .more {float: right; background: #91ca00; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.oth li a:hover, .rona .oth li a.act { border-bottom: 3px solid #91ca00; color: #91ca00; font-family: ralewayregular; font-weight: 700 }
.rona .oth li a:hover { border-bottom: 3px solid #91ca00; color: #91ca00 }
.rona .opera2 { background-color: #fff; border-top: 1px solid #91ca00; margin: 5px 0 0 }
.rona .opera3 { background-color: #91ca00; border-top: 1px solid #666 }
.list6 li a:hover { color: #91ca00; border-bottom: 1px solid #91ca00 }
.rona .sbk { background-color: #799002 }
.rona .relt { background: #91ca00; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.rona #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #91ca00 }
.rona #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #91ca00 }*/
.rona .list1 li a:hover { color: #91ca00!important }
.rona .butn { background: #91ca00; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.rona .newsm .link { background: #91ca00; border: 1px solid #91ca00; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.rona .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #708502 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.rona .grey { background: #799002 }
.gray { background: #ececec }
.w-apl { width: 300px; margin: 0 auto }
.apl { width: 130px; height: 40px; padding: 5px; background: #20282b; margin: 5px; float: left }
.apl a img { padding-right: 5px }
.apl a { color: #c2c2c2; line-height: 40px; font-size: 10px }
.dtl img{width: 100%;}

/*JATIM*/
.jatim .opera { background-color: #de1f27 }
.jatim .bd_blue { border-top: 3px solid #de1f27; padding: 10px 0 }
.jatim .bg_blue_bar { background: #de1f27; width: 100%; float: left; }
.jatim .more {float: right; background: #de1f27; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.jatim .oth li a.act, .oth li a:hover { border-bottom: 3px solid #de1f27; color: #de1f27; font-family: ralewayregular; font-weight: 700 }
.jatim .oth li a:hover { border-bottom: 3px solid #de1f27; color: #de1f27 }
.jatim .opera2 { background-color: #fff; border-top: 1px solid #de1f27; margin: 5px 0 0 }
.jatim .opera3 { background-color: #de1f27; border-top: 1px solid #666 }
.jatim .list6 li a:hover { color: #de1f27; border-bottom: 1px solid #de1f27 }
.jatim .sbk { background-color: #bc1b21 }
.jatim .relt { background: #de1f27; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.jatim #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #de1f27 }
.jatim #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #de1f27 }*/
.jatim .list1 li a:hover { color: #de1f27!important }
.jatim .butn { background: #de1f27; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.jatim .newsm .link { background: #de1f27; border: 1px solid #de1f27; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.jatim .list5 li a { background: url(../images/arrow2.png) right center no-repeat; display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #de1f27 }
.jatim .list5 li a:hover{color: #fcb034 !important;}
.jatim .grey { background: #fff }

/*JABAR*/
.jabar .opera { background-color: #1d95bc }
.jabar .bd_blue { border-top: 3px solid #1d95bc; padding: 10px 0 }
.jabar .bg_blue_bar { background: #1d95bc; width: 100%; float: left; }
.jabar .more {float: right; background: #1d95bc; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.jabar .oth li a.act, .oth li a:hover { border-bottom: 3px solid #1d95bc; color: #1d95bc; font-family: ralewayregular; font-weight: 700 }
.jabar .oth li a:hover { border-bottom: 3px solid #1d95bc; color: #1d95bc }
.jabar .opera2 { background-color: #fff; border-top: 1px solid #1d95bc; margin: 5px 0 0 }
.jabar .opera3 { background-color: #1d95bc; border-top: 1px solid #666 }
.jabar .list6 li a:hover { color: #1d95bc; border-bottom: 1px solid #1d95bc }
.jabar .sbk { background-color: #197fa0 }
.jabar .relt { background: #1d95bc; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.jabar #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #1d95bc }
.jabar #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #1d95bc }*/
.jabar .list1 li a:hover { color: #1d95bc!important }
.jabar .butn { background: #1d95bc; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.jabar .newsm .link { background: #1d95bc; border: 1px solid #1d95bc; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.jabar .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #146681 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.jabar .list5 li a:hover{color: #fcb034 !important;}
.jabar .grey { background: #197fa0 }

/*JATENG*/
.jateng .opera { background-color: #28761c; }
.jateng .bd_blue { border-top: 3px solid #419a33; padding: 10px 0 }
.jateng .bg_blue_bar { background: #419a33; width: 100%; float: left; }
.jateng .more {float: right; background: #419a33; border-radius: 5px; font-size: 13px; font-family: Arial; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px }
.jateng .oth li a.act, .oth li a:hover { border-bottom: 3px solid #419a33; color: #419a33; font-family: ralewayregular; font-weight: 700 }
.jateng .oth li a:hover { border-bottom: 3px solid #419a33; color: #419a33 }
.jateng .opera2 { background-color: #fff; border-top: 1px solid #419a33; margin: 5px 0 0 }
.jateng .opera3 { background-color: #419a33; border-top: 1px solid #666 }
.jateng .list6 li a:hover { color: #419a33; border-bottom: 1px solid #419a33 }
.jateng .sbk { background-color: #28761c; }
.jateng .relt { background: #419a33; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.jabar #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #1d95bc }
.jabar #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #1d95bc }*/
.jateng .list1 li a:hover { color: #419a33!important }
.jateng .butn { background: #419a33; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.jateng .newsm .link { background: #419a33; border: 1px solid #419a33; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.jateng .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #226418 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.jateng .list5 li a:hover{color: #fff !important;}
.jateng .grey { background: #28761c; }

@media screen and (min-width:400px) and (max-width:1024px) {
.w-apl { width: 480px }
.apl { width: 200px; padding: 5px 10px; margin: 5px 10px }
.apl a img { padding-right: 15px }
.apl a { font-size: 14px }
}
#smartbanner { position: absolute; left: 0; top: -82px; border-bottom: 1px solid #e8e8e8; width: 100%; height: 78px; font-family: 'Helvetica Neue', sans-serif; background: -webkit-linear-gradient(top, #f4f4f4 0, #cdcdcd 100%); background: -ms-linear-gradient(top, #F4F4F4 0, #CDCDCD 100%); background: -moz-linear-gradient(top, #F4F4F4 0, #CDCDCD 100%); box-shadow: 0 1px 2px rgba(0,0,0,.5); z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; display: none }
.shown { display: block!important }
#smartbanner, html.sb-animation { -webkit-transition: all .3s ease }
#smartbanner .sb-container { margin: 0 auto }
#smartbanner .sb-close { position: absolute; left: 5px; top: 5px; display: block; border: 2px solid #fff; width: 14px; height: 14px; font-family: ArialRoundedMTBold, Arial; font-size: 15px; line-height: 15px; text-align: center; color: #fff; background: #070707; text-decoration: none; text-shadow: none; border-radius: 14px; box-shadow: 0 2px 3px rgba(0,0,0,.4); -webkit-font-smoothing: subpixel-antialiased }
#smartbanner .sb-close:active { font-size: 13px; color: #aaa }
#smartbanner .sb-icon { position: absolute; left: 30px; top: 10px; display: block; width: 57px; height: 57px; background: 0/cover rgba(0,0,0,.6); border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.3) }
#smartbanner.no-icon .sb-icon { display: none }
#smartbanner .sb-info { position: absolute; left: 98px; top: 18px; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: 700; color: #6a6a6a; text-shadow: 0 1px 0 rgba(255,255,255,.8) }
#smartbanner #smartbanner.no-icon .sb-info { left: 34px }
#smartbanner .sb-info strong { display: block; font-size: 13px; color: #4d4d4d; line-height: 18px }
#smartbanner .sb-info>span { display: block }
#smartbanner .sb-info em { font-style: normal; text-transform: uppercase }
#smartbanner .sb-button { position: absolute; right: 20px; top: 24px; border: 1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: 700; color: #6a6a6a; background: -webkit-linear-gradient(top, #efefef 0, #dcdcdc 100%); text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,.8); border-radius: 3px; box-shadow: 0 1px 0 rgba(255,255,255,.6), 0 1px 0 rgba(255,255,255,.7) inset }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background: -webkit-linear-gradient(top, #dcdcdc 0, #efefef 100%) }
#smartbanner .sb-icon.gloss:after { content: ''; position: absolute; left: 0; top: -1px; border-top: 1px solid rgba(255,255,255,.8); width: 100%; height: 50%; background: -webkit-linear-gradient(top, rgba(255,255,255,.7) 0, rgba(255,255,255,.2) 100%); border-radius: 10px 10px 12px 12px }
#smartbanner.android { border-color: #212228; background: url(dark_background_stripes.gif) #3d3d3d; border-top: 5px solid #88B131; box-shadow: none }
#smartbanner.android .sb-close { display: none; border: 0; width: 17px; height: 17px; line-height: 17px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; box-shadow: 0 1px 2px rgba(0,0,0,.8) inset, 0 1px 1px rgba(255,255,255,.3) }
#smartbanner.android .sb-close:active { color: #eee }
#smartbanner.android .sb-info { color: #ccc; text-shadow: 0 1px 2px #000 }
#smartbanner.android .sb-info strong { color: #fff }
#smartbanner.android .sb-button { min-width: 12%; border: 1px solid #DDDCDC; padding: 1px; color: #d1d1d1; background: 0 0; border-radius: 0; box-shadow: none; min-height: 28px }
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB)); background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB); text-transform: none; text-shadow: none; box-shadow: none; height: 28px }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: 0 0 }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background: #2AC7E1 }
#smartbanner.windows .sb-icon { border-radius: 0 }
.wp .aplus { background: url(../images/head.jpg) no-repeat #269218; width: 100%; height: 55px }
.listaplus { font-size: 13px; padding: 10px 0 }
.listaplus li { border-bottom: 1px solid #e0e0e0; padding: 5px }
.listaplus li a { padding: 10px 0 !important;
display: inline-block; font-size: 16px; font-family: Arial; font-weight: 550; line-height: 150%; color: #269218 }
.listaplus li:last-child { border-bottom: none }
.listaplus li a:hover { color: #1a6311!important }
.listaplus li .nom { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 550; line-height: 150%; color: #505050; padding: 8px 10px; width: 20px; height: 20px; float: left }


.arrow{position: relative; float:left; width:100%; height:auto;}
#next{width: 30px; height:50px; background:url(../images/right.png) no-repeat; position:absolute; right:0; bottom: 100px; z-index:10;}
#prev{width: 30px; height:50px; background:url(../images/left.png) no-repeat; position:absolute; left:0; bottom: 100px; z-index:10;}

/* SCHEDULE */
.s-wrap{width: 100%; float: left; margin-bottom: 10px;}
.schedule{width: 100%; float: left; margin-bottom: 10px;}
.schedule .ti{width: 100%; float: left; background: #fff; border-bottom:2px solid #0c8834; height: 34px; text-transform: uppercase;}
.schedule .ti a{color: #0c8834; float: right; font-size: 12px; padding:10px 10px 0 0;}
.schedule .ti .text{padding: 10px; background: #0c8834; position: relative; font-size: 12px; color: #fff; float: left;}
.schedule .ti .text span{position: absolute; background: url(../images/bola-slash.png); width: 34px; height: 34px; right: -34px; top: 0;}
.schedule .tabb{width: 100%;}
.schedule .tabb li{width: 100%; padding: 10px 0; float: left; font-family: "Arial"; font-size: 12px; color: #686868; border-bottom: 1px solid #e2e2e2; background: #fdfdfd;}
.schedule .tabb li:last-child{border-bottom:1px solid #0c8834;}
.schedule .tabb li .side1{width: 15%; float: left; padding: 0 1%; text-align: center;}
.schedule .tabb li .side2{width: 27.5%; float: left; text-align: right; padding: 6px 0; font-weight: bold;}
.schedule .tabb li .side3{width: 10%; float: left; text-align: center; padding: 6px 0;}
.schedule .tabb li .side4{width: 27.5%; float: left; padding: 6px 0; font-weight: bold;}
.schedule .tabb li .side5{width: 18%; float: left; text-align: center; padding: 6px 0;}

.schedule2{width: 100%; float: left; margin-bottom: 10px;}
.schedule2 .ti{width: 100%; float: left; background: #fff; border-bottom:2px solid #b90606; height: 34px; text-transform: uppercase;}
.schedule2 .ti a{color: #b90606; float: right; font-size: 12px; padding:10px 10px 0 0;}
.schedule2 .ti .text{padding: 10px; background: #b90606; position: relative; font-size: 12px; color: #fff; float: left;}
.schedule2 .ti .text span{position: absolute; background: url(../images/bola-slash.png); width: 34px; height: 34px; right: -34px; top: 0;}
.schedule2 .tabb{width: 100%;}
.schedule2 .tabb li{width: 100%; padding: 10px 0; float: left; font-family: "Arial"; font-size: 12px; color: #686868; border-bottom: 1px solid #e2e2e2; background: #fdfdfd;}
.schedule2 .tabb li:last-child{border-bottom:1px solid #b90606;}
.schedule2 .tabb li .side1{width: 15%; float: left; padding: 0 1%; text-align: center;}
.schedule2 .tabb li .side2{width: 27.5%; float: left; text-align: right; padding: 6px 0; font-weight: bold;}
.schedule2 .tabb li .side3{width: 10%; float: left; text-align: center; padding: 6px 0;}
.schedule2 .tabb li .side4{width: 27.5%; float: left; padding: 6px 0; font-weight: bold;}
.schedule2 .tabb li .side5{width: 18%; float: left; text-align: center; padding: 6px 0;}


/*SCORE TECHNO*/
.placement{width: 92%; float: left; padding: 4%; margin-bottom: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.title-pos{float: left; width: 100%; padding-bottom: 10px; border-bottom: 2px solid #e05c26;}
.title-pos .title{float: right; width: 75%; padding: 20px 0; font-size: 18px; color: #585858;}
.title-pos .round-pos{float: left; width: 50px; padding: 12px 0; font-size: 22px; font-weight: bold; color: #e05c26; text-align: center; border: 5px solid #e05c26; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.title-pos .procentase{display: none;}
.box-bottom{float: left; width: 100%;}
.box-bottom .positif{text-align: left; padding: 40px 0 10px 5%; border-bottom: 1px solid #ccc; background: url(../images/pos.jpg) left 0  no-repeat;}
.box-bottom li{color: #585858; padding: 5px 0 5px 5%; width: 90%; list-style: square;}
.box-bottom .negatif{text-align: left; padding: 40px 0 10px 5%; border-bottom: 1px solid #ccc; background: url(../images/neg.jpg) left 0 no-repeat;}
.procedure{text-align: center; width: 100%; float: left; padding-top: 10px;}
.procedure a{color: #e05c26;}

/*ramadan.*/
.ramadan .map {width:100%; overflow:hidden;}
.ramadan .detailmap {border-top: 3px solid #fdc817;background: url(../images/bg-artikel.jpg) no-repeat top right #e39820; font-family: 'ralewayregular'; font-weight:bold; color:#594205; font-size:16px; text-shadow: 1px 1px #dfdfdf; color: #594205; width:100%; float:left; padding:0 !important;}
.ramadan .detailmap h2 {background:url(../images/bg-artikel.png)  top left no-repeat; padding:12px 0px 10px 25px; margin:0 !important;}
.ramadan .listmap { font-size: 13px; padding: 10px 0; }
.ramadan .listmap li { border-bottom: 1px solid #e0e0e0;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    padding: 10px 0 10px 2%;
    width: 98%; }
.ramadan .listmap img  {float:left;}
.ramadan .listmap li:last-child {border-bottom:none;}
.ramadan .listmap li a:hover { color: #b67d0b !important; }
.ramadan .listmap li .nom { display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:550; line-height:150%; color:#505050; padding:8px 10px; width:20px; height:20px; float:left;}
.ramadan .more{background: #b67d0b none repeat scroll 0 0; border-radius: 5px; float: right; font-family: Arial; font-size: 13px; margin: 10px; padding: 11px 15px 10px; text-align: center; width: 60px;}

.ramadan .bd_blue { border-top: 3px solid #e39820; padding: 10px 0 }
.ramadan .bg_blue_bar {background: url(../images/bg-artikel.jpg) no-repeat top right #e39820; width: 100%; float: left; }
.ramadan .oth li a.act, .oth li a:hover { border-bottom: 3px solid #e39820; color: #e39820; font-family: ralewayregular; font-weight: 700 }
.ramadan .oth li a:hover { border-bottom: 3px solid #e39820; color: #e39820 }
.ramadan .opera2 { background-color: #fff; border-top: 1px solid #e39820; margin: 5px 0 0 }
.ramadan .opera3 { background-color: #e39820; border-top: 1px solid #666 }
.ramadan .opera{ background-color: #e39820;}
.ramadan .list6 li a:hover { color: #e39820; border-bottom: 1px solid #e39820 }
.ramadan .sbk { background-color: #e39820; }
.ramadan .relt { background: #e39820; width: 100px; font-family: Arial; float: left; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px 0 rgba(162,162,162,1) }
/*.news #prev em { display: block; border-right: 1px #d0d0d0 solid; padding: 10px 13px 8px; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0451dd }
.news #next em { display: block; border-left: 1px #d0d0d0 solid; padding: 10px 13px 8px; font: ralewayregular; font-style: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 1px; background-color: #0451dd }*/
.ramadan .list1 li a:hover { color: #e39820!important }
.ramadan .butn { background: #e39820; border-radius: 5px; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif }
.ramadan .newsm .link { background: #e39820; border: 1px solid #0451dd; border-radius: 3px; color: #fff; font-family: Arial; font-size: 14px; padding: 3px 5px; text-align: center }
.ramadan .list5 li a { background: url(../images/arrow2.png) right center no-repeat; border-bottom: 1px solid #986808 !important;
display: block; font-size: 15px; font-family: Arial; font-weight: 700; line-height: 150%; padding: 5px 6px 5px 5px; color: #fff }
.ramadan .grey { background: #b67d0b; }