body, html {
    margin: 0;
    padding: 0;    
}  

body { 
	background:#fff; 
}

/* S:Clearfix, http://themergency.com/css-clearfix-demystified/
-----------------------------------*/
.clearfik:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfik { height: 1%; }  /* Clearfix IE6 */
*:first-child + html .clearfik {  min-height: 1px; } /* Clearfix IE7 */  
/* E:Clearfix 
-----------------------------------*/ 

p { margin: 0 0 10px 0; }
.relative { position:relative; }
.none { display:none }

/* ======================================= S:Link ========================================= */
a { 
    color:#183a52;
    text-decoration:none;
	/*line-height:130%;  */
}
a:hover {   
    text-decoration:underline;
}
a.noline:hover { 
    text-decoration:none
} 
/* ======================================= E:Link ========================================= */


/* ======================================= S:CONTENT ========================================= */


/* setting ukuran */ 
.container {  
	margin:0 auto;  
	width:800px; 
	
} 
.container_h { /* -> header */
	margin:0 auto;
	width:940px;  
	position:relative; 
}
.content { 
	padding:10px 10px 0 10px;
	position: relative;
}
.sub_content { /* buat di header */
	padding:0; 
} 
.kiri  { 
    float:left;
    /*width:640px;*/
	width:650px; 
    padding:0;  
}
.kiri2  { 
    float:left;
    /*width:640px;*/
	width:645px; 
    padding:0;  
}
.kanan {
    float:right;
    width:300px; 
    padding:0;   
}

/*-s:headline-*/
.area1 {
	background: #1a1a1a; 
	margin-bottom:15px;
}
.area1 .content {
	padding:0px 10px;
	background:#262626;
} 
/*foto*/
.headline_new {
	margin-bottom:15px;
	/*border-bottom:2px solid #AF0000;*/
}
.headline_new .fotox {
	margin-top:10px;
	float:left; 
	width:500px;
	height:300px;
	overflow:hidden; 
	background:#262626;
	position:relative;
}
.headline_new .fotox img {
	width:100%;
}
/*desc*/
.headline_new .desc { 
	float:left;
	padding:15px;
	height:314px;
	width:280px; 
	background:#262626;
	color:#fff;
	position:relative; 
} 
.headline_new .desc .date {
	font-size:13px;
}
.headline_new .desc .subjudul {
	font-size:15px;
	color:#dadada;
	font-weight:lighter; 
}
.headline_new .desc h1 {  
	font-size:21px;
	line-height:120%;
	color:#fff;
	padding-bottom:15px;  
}
.headline_new .desc a:hover h1 {
	text-decoration:underline;
}
.headline_new .desc .subdesc {  
	font-size:14px;
	line-height:149%;
	color:#ddd; 
}
.headline_new .desc .kolomnis {
	color:#B2B2B2;
	font-size:12px;
}

.headline_new .navs {
	position:absolute;
	bottom:10px;
	left:15px;
}
.headline_new .navs a { opacity:0.6; }
.headline_new .navs a:hover { opacity:0.8; }


.hl_terkait {
	margin-top: 15px; 
	float: left;
	width:250px;
	height:76px;
	overflow:hidden;
	position:absolute;
	bottom:9px;
	right:15px;
}
.hl_terkait span {
	border-top:1px solid #3e3e3e; 
	font-size:15px; 
	color: #f1f1f1;
	display: block;
	padding-bottom: 2px; 
	padding-top: 13px;
}
.hl_terkait a {
	padding: 3px 0 3px 0;
	color: white; 
	display: inline-block;
	margin-top: 5px;
	margin-right: 10px; 
	font-size: 14px;
	font-weight: normal;
	line-height: 120%;
	font-style: italic;
	vertical-align: text-top;
}
/*-s:headline-*/

/*s:berita utama*/ 
.beritautama {
	padding:0 0 0 1px;
	margin-bottom:10px;
	height:87px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.linebu {
	border-bottom:2px solid #4B4B4B;
	margin-top:-12px;
	position:relative;
	z-index:0;
}
.beritautama .navz {
	opacity:0.8;
	margin:18px 5px 0px 5px;
	float:left;
	cursor:pointer;
}
.beritautama .navz:hover {
	opacity:1;
}
.beritautama .navz img {
	width:18px;
}
.beritautama .caroufredsel_wrapper {
	float:left;
}
.beritautama ul {
	float:left;
	margin:0px;
	padding:0px;
}
.beritautama ul li {
	float:left;
	width:360px;
	height:85px;
	border-bottom:2px solid #4B4B4B;
	margin:0px;
	padding: 0 10px;
}

.beritautama ul li .kolomnis {
	color:#B2B2B2;
	font-size:11px;
}
.beritautama ul li.selected,
.beritautama ul li:hover 
{ 
	border-color:#d80000; 
}
.beritautama ul li .subjudul { 
	font-size:11px; 
	color: red; 
	margin: 0 0 1px 0;
}
.beritautama ul li h5 {
	font-size:13px;
}
.beritautama ul li h5 a {
	color:#ddd;
	line-height:100%; 
}
.beritautama ul li .pic { 
	float:left;
	width:96px;
	height:77px;
	margin-right:10px; 
	overflow: hidden; 
	
	text-align: center;
	position: relative;
}
.beritautama ul li .pic img {
	width:100%; 
}

/*e:berita utama*/ 



/* ------- E:AREA1 ------- */

a.indeks {
	float:right;
	padding: 1px 7px 2px 7px;
	font-size: 11px; 
	color: #fff;
	background: #F00000;
	text-transform: uppercase;
}

.label { 
	color:#E60000;
	text-transform:uppercase;
	font-size:11px; 
}
.label2 { 
	display: inline-block; 
	color:#fff;
	background:#F00;
	text-transform:uppercase;
	font-size:11px;
	padding:1px 4px;
	margin-bottom:2px;
	position:absolute;
	top:0px;
	left:0px; 
}

.date { 
	font-size:11px; 
	color: gray; 
	font-weight: normal; 
	margin:0 0 3px 0;
}
.subjudul {
	font-size:11px;  
	color: red; 
	font-weight: bold; 
	/*margin:0 0 3px 0;*/
}
.kolomnis {
	font-size:11px; 
	color: rgb(77, 77, 77); 
	font-weight: normal; 
	margin:1px 0 0 0;
}

/*box*/ 
.box {
	background:#fff; 
	-moz-box-shadow: 0px 0px 5px #d5d5d5;
	-webkit-box-shadow: 0px 0px 5px #d5d5d5;
	box-shadow: 0px 0px 5px #d5d5d5;
	margin-bottom:10px;  
	position: relative !important;
}
/*dipake di detail*/
.box2 {  
	margin-bottom:20px;  
}
.linetopbox {
	border-top:3px solid #d2d2d2;
}
/*title*/
.box .title, 
.title_out,
.box2 .title
{ 
	font-size:16px; 
	background: #262626;
	color: #fff; 
	
	text-transform:none;
	 
	padding: 8px 15px;
	margin-bottom:10px; 
} 

/*color*/
.title.red, .title_out.red {
	/*color:#E60000;*/
}

.pasangmata {
	position:absolute;
	left: 15px;
	bottom: 15px;
}
/* s:box title */
.title.backg {
	padding: 0px 0px 0px 15px;
	margin: 0px -15px 10px -15px;
	background: #164359;
	height: 35px; 
}
.title.backg .fr {
	margin:8px 7px 0 0;
}
/* e:box title */


/*s:title*/ 
.sub_box2 .title,
.sub_box3 .title,
.sub_box5 .title,
.sub_box6 .title {   
	margin: 0 -15px 10px -15px;
	width: 100%; 
} 

.title.backg, 
.box2 .title.backg
{  
	padding: 0px 0px 0px 15px;  
	height: 35px; 
}
/*e:title*/ 

/* ------- s:box fokus ------- */

/*judul*/
.title_out { 
	padding: 10px 0 6px 10px;
	background:#fff; 
	
	-moz-box-shadow: 0px 0px 5px #d5d5d5;
	-webkit-box-shadow: 0px 0px 5px #d5d5d5;
	box-shadow: 0px 0px 5px #d5d5d5; 
} 

/*610*/
.cnn_fokus_medium { 
	 width:609px; 
	 margin-bottom:15px;
}
.cnn_fokus_medium .listimg1 li {
	width:186px;
	height:158px;
}
.cnn_fokus_medium .listimg1 .pic {
	width: 186px;
	height: 105px;
}
.cnn_fokus_medium a.nav_fokus_prev,
.cnn_fokus_medium a.nav_fokus_next 
{
	float:left;
	height:163px;
	width:24px;
}

/*980px*/ 
.cnn_fokus, 
.cnn_fokus_medium, 
.cnn_fokus_sport
{
	-moz-box-shadow: 0px 0px 5px #a5a5a5;
	-webkit-box-shadow: 0px 0px 5px #a5a5a5;
	box-shadow: 0px 0px 5px #a5a5a5;
} 
.cnn_fokus .caroufredsel_wrapper, 
.cnn_fokus_medium .caroufredsel_wrapper,
.cnn_fokus_sport .caroufredsel_wrapper
{
	float:left;
}
.cnn_fokus .slide_fokus, 
.cnn_fokus_medium .slide_fokus,
.cnn_fokus_sport
{
	background:#333; 
}
.cnn_fokus a.nav_fokus_prev,
.cnn_fokus a.nav_fokus_next 
{
	float:left;
	height:159px;
	width:25px;
}
.cnn_fokus_sport a.nav_fokus_prev,
.cnn_fokus_sport a.nav_fokus_next 
{
	float:left;
	height:218px;
	width:27px;
}
.cnn_fokus a.nav_fokus_prev, 
.cnn_fokus_medium a.nav_fokus_prev,
.cnn_fokus_sport a.nav_fokus_prev
{ 
	background: url(../image/nav_prev.png) no-repeat center #000; 
}
.cnn_fokus a.nav_fokus_next,
.cnn_fokus_medium a.nav_fokus_next,
.cnn_fokus_sport a.nav_fokus_next
{ 
	background: url(../image/nav_next.png) no-repeat center #000; 
}
.cnn_fokus a.nav_fokus_prev:hover, 
.cnn_fokus_medium a.nav_fokus_prev:hover
{ 
	background: url(../image/nav_prev.png) no-repeat center #202020; 
}
.cnn_fokus a.nav_fokus_next:hover,
.cnn_fokus_medium a.nav_fokus_next:hover
{ 
	background: url(../image/nav_next.png) no-repeat center #202020; 
}
/*300px*/
.cnn_fokus2 a.nav_small_prev,
.cnn_fokus2 a.nav_small_next { 
	height:28px;
	width:28px;
	margin-top:-5px; 
}
.cnn_fokus2 a.nav_small_prev { 
	background: url(../../image/nav_small_prev.jpg) no-repeat center #000;
}
.cnn_fokus2 a.nav_small_next { 
	background: url(../../image/nav_small_next.jpg) no-repeat center #000;
}
.cnn_fokus2 a.nav_small_prev:hover,
.cnn_fokus2 a.nav_small_next:hover { 
	opacity:0.7; 
}
/* ------- e:box fokus ------- */

/* ------- s:box fokus 2 ------ */

/*s:setingan buat di simpen di kanal*/
.box_fokus.dikanal {
	margin:0 0 10px 0;
	width:635px;
}
.box_fokus.dikanal .list_fokus {
	width:635px;
}
.box_fokus.dikanal .list_berita_1 li.hl { 
	width:615px;
	margin:0 -1px 0 -1px;
	background:#cc0001;
	display:block;
	padding:10px;
	color:#f1f1f1;
}
/*e:setingan buat di simpen di kanal*/

.box_fokus {
	float:right;
	width:624px;
	height:396px;
	overflow:hidden;
	border:1px solid #D1D1D1;
	margin:15px 15px 15px 0;
	position:relative; 
}
.box_fokus2 {
	margin: 0;
	width:632px;
}
.box_fokus .title { 
	color: #444;
	padding:10px 0 1px 10px;
	margin:0px -1px; 
	border-bottom:3px solid #777777;
}
.box_fokus .title .logo {
	line-height:1;
} 
.box_fokus .title .logo:hover {
	 opacity:0.8;
} 
.box_fokus .title .logo span {
	border-left:1px solid #9C9C9C;
	text-transform:none; 
	vertical-align: 53%;
	font-size: 17px; 	
	color:#E60000;
	padding:1px 0 0 10px;
} 
.box_fokus .title .logo span a {
	color:#E60000;
}
.box_fokus .list_berita_1 li.hl { 
	width:606px;
	margin:0 -1px 0 -1px;
	background:#cc0001;
	display:block;
	padding:10px;
	color:#f1f1f1;
}
.box_fokus .list_berita_1 li.hl .date {
	color:#CCC;
}
.box_fokus .list_berita_1 li.hl h5 {
	font-size:18px;
	padding-bottom:10px;
}
.box_fokus .list_berita_1 li.hl h5 a {
	color: #FC0; 
	font-size:23px;
	line-height:110%;	
}
.box_fokus .list_berita_1 li.hl .pic {  /*9:6*/
	float: left;
	width: 300px;
	height: 200px;
	overflow: hidden; 
	background: #000;
	text-align: center;
	position: relative;
}
.box_fokus .list_berita_1 li.hl .pic img {
	width:100%; 
}
.box_fokus .list_berita_1 li, 
.box_fokus .list_berita_1 li:last-child
{
	float:left;
	width:292px;
	padding:10px 
}


.box_fokus .footers {
	width:100%;
	display:block;
	border-top:1px solid #C4C4C4;
	background:#e4e4e4;
	
	height:30px;
	position:absolute;
	bottom:0px; 
}
.box_fokus .footers a {
	line-height:1;
	padding-top:3px;
	color:#6B6B6B;
}
.box_fokus .footers a span {
	vertical-align:58%;
}

/*slide*/
.box_fokus .list_fokus {
	float:left;
	width:624px;
	height:396px;
	position:relative;
}
.box_fokus .nav {
	background:#fff;
	margin-top:9px;
	padding: 0 10px 0 70px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
	
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(46%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));  
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ 
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ 
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* IE10+ */ 
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ 
}
.box_fokus .nav a:hover {
	opacity:0.8;
}

.box_fokus2 {
	margin: 0;
	width:632px;
	margin-bottom: 20px;
}
.box_fokus2 .list_fokus {
	width: 632px;
}
.box_fokus2 .list_berita_1 li.hl {
	width: 612px;
}
/* ------- e:box fokus 2 ------ */

/* ------- s:box news/most/detikcom ------- */
/*3col - dalam 1box*/
.sub_box {
	float:left; 
	padding:0 15px 15px 15px;
	background:#fff;
	width:289px; 
	overflow:hidden;  
} 
/*4col*/ 
.sub_box2 { 
	padding:0 15px 15px 15px;
	background:#fff;
	width:195px; 
	overflow:hidden; 
}

.sub_box2 .text {
    padding-top: 15px;
}
.sub_box2 .text .date{
    padding: 0 8px;
    color: #dcdcdc;
}
.sub_box2 .text h5{
    padding: 0px 8px 8px 8px;
} 

/*2col*/
.sub_box3 { 
	padding:0 15px 15px 15px;
	/*background:#fff;*/
	width:445px;
	height:auto; 
}


/*3col - masing2 box*/
.sub_box4 {
	float:left; 
	padding:0 15px 15px 15px;
	background:#fff;
	 width:276px;  
	overflow:hidden;  
}      

/* padding -> index video */
.sub_box5 { 
	padding:0 15px 15px 15px;
}  

/* padding -> indeks fokus */
.sub_box6 { 
	padding:15px 15px 15px 15px;
	background:#fff;  
}      

.text_descs {
	line-height:120%;
	font-size:16px;
	color:#636363; 
}
/* ------- s:box news/most/detikcom ------- */

/* ----- s:galeri Photos  (CNN fokus)----- */  
.listimg1 {
	float:left; 
    list-style:none;
    padding:0 0 0 0;
    margin:0; 
} 
.listimg1 li:last-child {
	margin:0 0px 5px 0px;
}
.listimg1 li { 
    float:left;
    margin:0 1px 5px 0px;
    width:181px;
	height:154px;
	overflow:hidden;  
}  /*16:9*/
.listimg1 li a h5 {
	font-size:12px;
	color:#f4f4f4;
	padding:0 5px;
}
.listimg1 li a:hover h5 {
	text-decoration:underline;
}
.listimg1 .pic { /*  lebih gepeng dari -> 16:9 */
    float:left;
    width:181px;
    height:101px;
    overflow:hidden;
    margin-bottom:5px; 
    background:#f7f7f7;
    text-align:center;
    position:relative;
} 
.listimg1 .pic img { width:100%; } 
.listimg1 .pic:hover { opacity:0.9; }    

/*posisinya di kanan 300px - dipakai di fokus detail sidebar kanan*/
.listimg2 { 
    list-style:none;
    padding:0 0 0 0;
    margin:0;
	height:225px; 
} 
.listimg2 li {
	float:left;   
    margin:0px;
    width:300px;
	height:169px;
	overflow:hidden;  
}  /*16:9*/ 
.listimg2 li h5 {
	font-size:15px;
	line-height:130%;
}
.listimg2 .pic { /*16:9*/
    float:left;
    width:300px;
    height:169px;
    overflow:hidden;
    margin-bottom:5px; 
    background: #000;
    text-align:center;
    position:relative;
} 
.listimg2 .pic img { width:100%; } 
.listimg2 .pic:hover { opacity:0.9; }


/*ukuran besar*/
.listimg3 {
	float:left; 
    list-style:none;
    padding:0 0 0 0;
    margin:13px 0; 
}  
.listimg3 li { 
    float:left;
    margin:0;
    width:288px; 
	height:192px;
	overflow:hidden;
	margin:0 7px 0 7px;  
}  /*16:9*/
.listimg3 li a h5 { 
	font-size: 18px;
	color: #f4f4f4;
	padding: 45px 14px 10px 14px;
}
.listimg3 li a:hover h5 {
	text-decoration:underline;
}
.listimg3 .pic { /*9:6:*/
    float:left;
    width:288px;
    height:192px;
    overflow:hidden;
    margin-bottom:0px; 
    background:#000;
    text-align:center;
    position:relative;
} 
.listimg3 .pic img { 
	width:100%;  
} 
.listimg3 .pic:hover { opacity:0.9; }    
    
/* ----- e:galeri Photos  (CNN fokus) ----- */


img.iconlist {
	border:none;
	height:12px; 
}

/* s:list berita 1 */ 
.list_berita_1 { 
	padding:0; 
	margin:0; 
	list-style:none; 
} 
.list_berita_1 li {
	padding:8px 0px;
	margin:0px; 
	border-bottom:1px dotted #c9c9c9;
} 
.list_berita_1 li:first-child { 
	padding:0 0 8px 0; 
} 
.list_berita_1 li:last-child  { 
	border-bottom:none;  
	padding:8px 0 0 0; 
} 
.list_berita_1 li.lastindeks { 
	border-bottom:none !important;  
	padding:13px 0 0 0;
} 
.list_berita_1 li h5 {
	font-size:13px;
}
.list_berita_1 li h4 {
	font-size:13px;
}
.list_berita_1 li h4 a {
	line-height:110%; 
}
.list_berita_1 li .pic { /*4:3*/
	float:left; 
	width:93px; 
	height:70px;
	overflow:hidden; 
	margin-right:10px; 
	background:#000;
	text-align:center; 
	position:relative; 
	margin-bottom: 5px;
} 
.list_berita_1 li .pic img { width:100%; /*height:74px;*/  } 
.list_berita_1 li .pic:hover { opacity:0.9; }

.list_berita_1 li .pic1 { /*4:3*/
	float:left; 
	width:195px; 
	height:146px;
	overflow:hidden; 
	margin-right:10px;
	background:#f7f7f7;
	text-align:center; 
	position:relative; 
} 
.list_berita_1 li .pic1 img { height:146px;  } 
.list_berita_1 li .pic1:hover { opacity:0.9; }

.list_berita_1 li .pic2 { /*4:3*/
	float:left; 
	width:289px; 
	height:196px;
	overflow:hidden;  
	margin-bottom:10px;
	background:#f7f7f7;
	text-align:center; 
	position:relative; 
} 
.list_berita_1 li .pic2 img { height:196px;  } 
.list_berita_1 li .pic2:hover { opacity:0.9; }

.list_berita_1 li .pic3 { /*9:6*/ /* kanal2 */ 
	float:left;  
	width:202px;
	height:114px;
	overflow:hidden; 
	margin-bottom:10px;
	background:#000;
	text-align:center; 
	position:relative; 
} 
.list_berita_1 li .pic3 img { 
	width:100%;   
} 
.list_berita_1 li .pic3:hover { opacity:0.9; }

.list_berita_1 li .pic4 { /*9:6*/
	float:left; 
	width: 100%;
	height:184px;
	overflow:hidden; 
	margin-bottom:10px;
	background:#f7f7f7;
	text-align:center; 
	position:relative; 
} 
.list_berita_1 li .pic4 img { /* dikanal- */ 
	 width: 100%;
	/*height:184px;   */
} 
.list_berita_1 li .pic4:hover { opacity:0.9; }

.list_berita_1 li .col1 {
	width:75px;
	float:left;
}
.list_berita_1 li .col2 { 
	width:190px;
	float:right;
}


/* sejajar 4 */
.list_berita_1.alt1 {
	padding: 0;
	margin: -5px -10px 0 -10px;
	list-style: none;
}
.list_berita_1.alt1 li {
	float: left;
	width: 455px;
	padding: 5px 0px;
	margin: 0px 10px;
}
.list_berita_1.alt1 li h4 {
	margin-bottom:5px;
	font-size:15px; 
}
.list_berita_1.alt1 li h4 a { 
	line-height:120%; 
}
.list_berita_1.alt1 li .pic { /*9:6*/
	float: left;
	width: 217px;
	height: 122px;
	overflow: hidden;
	margin:0 10px 0 0; 
	background: #000;
	text-align: center;
	position: relative;
}
.list_berita_1.alt1 li .pic img { 
	width:100%;
}

/* sejajar 3 - box kanal */
.list_berita_1.alt2 {
	padding: 0;
	margin: -5px -5px 0 -5px;
	list-style: none;
}
.list_berita_1.alt2 li {
	float: left;
	width: 200px;
	padding: 5px 0px;
	margin: 0px 5px;
}
.list_berita_1.alt2 li h4 {
	margin-bottom:5px; 
}
.list_berita_1.alt2 li h4 a { 
	line-height:120%; 
}
.list_berita_1.alt2 li .pic { 
	float: left;
	width: 200px;
    height: 113px; /*9:6*/ 
	overflow: hidden;
	margin-bottom: 5px;
	margin-right:0px;
	background: #000;
	text-align: center;
	position: relative;
}
.list_berita_1.alt2 li .pic img {
	width:100%; 
}

/*text di depan foto*/
.text {
	position:absolute; 
	left:0; 
	bottom:0px; 
	width:100%;  
	color: white; 
	text-align:left;  
	background: #000; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.47) 41%, rgba(0,0,0,0.7) 61%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(41%,rgba(0,0,0,0.47)), color-stop(61%,rgba(0,0,0,0.7))); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 41%,rgba(0,0,0,0.7) 61%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 41%,rgba(0,0,0,0.7) 61%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 41%,rgba(0,0,0,0.7) 61%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 41%,rgba(0,0,0,0.7) 61%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); 
}
.text h5 { 
	padding:30px 8px 8px 8px; 
	display:block; 
	font-size:13px;
	line-height:110%;	
}
.text:hover h5 {
	text-decoration:underline;
}  
/*bottom border*/
.list_berita_1 li.lineb {
	border-bottom:1px dotted #c9c9c9;
	padding-bottom:10px;
	margin-bottom:10px;  
}
/*setting nomer*/ 
.list_berita_1 li .num {
	float: left;
	font-family: Roboto, san-serif;
	font-style:italic;
	color: #c4c3c3;
	font-size: 20px;
	font-weight: normal;
	padding:10px 10px 10px 0px;  
} 
.list_berita_1 li .widht1 {
	float:right;
	width:87%;
}

/*pake node*/
.list_berita_1.node {
	list-style:square;
	margin:0 0 0 15px;
}
.list_berita_1.node li {
	color:#F00;
}

/*list others*/ 
.list_berita_1.noline li { 
	border-bottom:none;   
} 

/* 2 kolom dalam 1 box 440px - wp box CNN International */
.list_berita_1.duacol {
	margin:-10px -10px 0 -10px;
}
.list_berita_1.duacol li {
	float:right;
	width: 220px;
	height:67px;
	overflow:hidden; 
	
	margin:0 6px;
	padding:10px 0;
	
	border-top:1px dotted #c9c9c9;
	border-bottom:none;
}   
.list_berita_1.duacol li .pad {
	padding-left:100px
} 
.list_berita_1.duacol li.hl {
	width:220px;
	min-height:156px;
	overflow:hidden; 
	float:left;
	border-top:0px; 
} 
.list_berita_1.duacol li .pics2 { /*16:9*/
	float:left; 
	width:220px; 
	height:114px;
	overflow:hidden; 
	margin-bottom:10px;
	background:#000;
	text-align:center; 
	position:relative; 
} 
.list_berita_1.duacol li .pics2 img {
	width:100%;   
} 
.list_berita_1.duacol li .pics2:hover { opacity:0.9; } 

.list_berita_1.duacol li .pic { /* 16:9 */
	width:90px;
	height:51px;
}
.list_berita_1.duacol li .pic img {
	width:100%; 
}
/* reset*/
.list_berita_1.duacol.noline, 
.list_berita_1.duacol.noline li:last-child,
.list_berita_1.duacol.noline li:first-child
{
	border-bottom:none;
	padding-bottom:0px; 
}   
.list_berita_1.duacol .date {
	font-size: 10px;
	margin-bottom:0px;
}
 

/* 2 kolom dalam 1 box 620px - artikel pilihan */  
.list_berita_1.duacol2 li {
	float:left;
	width: 310px;
	padding-right:0;
	padding-top:0px;
	padding-bottom:10px;
} 
.list_berita_1.duacol2 li.hl {
	padding-right: 15px;
	padding-bottom:0px;
}
.list_berita_1.duacol2 li .pics1 { /*4:3*/
	float:left; 
	width:212px; 
	height:159px;
	overflow:hidden; 
	margin-bottom:10px;
	background:#f7f7f7;
	text-align:center; 
	position:relative; 
} 
.list_berita_1.duacol li .pics1 img {  
	height:159px;
} 
.list_berita_1.duacol li .pics1:hover { opacity:0.9; } 




/* e:list berita 1 */

/* s:atributes thumbnails */
a.icon_plus  
{ 
	float: right;
	background: url("../image/icon_plus.png") no-repeat scroll 1px 3px;
	background-size: 12px;
	height: 15px;
	width: 15px;
	opacity:0.8
}
a.icon_plus:hover  
{
	opacity:0.8  
}


/* icon thumb infografis */
.icon_infografis  
{
	background: url("../image/ico_infografis.png") no-repeat scroll center center;
	background-color:rgba(0,0,0,0.7);
	background-size:30px;
	
	height: 30px;
	width: 30px; 
	opacity: 0.8;
	
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	padding:3px 5px; 
}   


/* icon thumb foto */
.icon_foto  
{
	background: url("../image/ico_foto.png") no-repeat scroll center center;
	background-color:rgba(0,0,0,0.7);
	background-size:30px;
	
	height: 30px;
	width: 30px; 
	opacity: 0.8;
	
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	padding:3px 5px; 
}

/* icon thumb kolom */
.icon_kolom 
{
	background: url("../image/ico_kolom.png") no-repeat scroll center center;
	background-color:rgba(0,0,0,0.7);
	background-size:30px;
	
	height: 30px;
	width: 30px; 
	opacity: 0.8;
	
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	padding:3px 5px; 
}      

/* icon thumb video */
.icon_play,
.icon_plays,
.icon_video  
{
	background: url("../image/ico_video.png") no-repeat scroll center center;
	background-color:rgba(0,0,0,0.7);
	background-size:25px;
	
	height: 30px;
	width: 30px; 
	opacity: 0.8;
	
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	padding:3px 5px;
} 
.icon_plays  
{
	background-size:20px; 
}

.icon_play.big,
.icon_foto.big,
.icon_video.big,
.icon_infografis.big,
.icon_kolom.big  
{ 
	background-size:50px;
	
	height: 60px;
	width: 60px;   
} 
.icon_playbig 
{
	background: url(../../image/btn_playbig.png) no-repeat scroll center center;
	height: 73px;
	width: 73px; 
	opacity: 0.8;
	position: absolute;
	right: 40%;
	bottom: 40%;
} 

/* icon thumb video dengan durasi */
.time {
	background: url("../image/ico_video.png") no-repeat 4px 6px;
	background-color:rgba(0,0,0,0.5);
	background-size:20px;
	
	height: 30px; 
	 
	position: absolute; 
	left: 0px; bottom: 0px; 
     
    color: white;
    display: inline-block; 
    font-size: 11px;  
    padding: 0px 5px 2px 30px;
	
	line-height:300%; 
    
}  
 

.foto:hover .icon_plays { display: block; }
.foto:hover .time { display:none; }


/* e:atributes thumbnails */ 
.num2 {
	left: 10px;
	top: 10px; 
	font-family: Roboto, san-serif;
	font-style:italic;
	color: #f1f1f1;
	font-size: 20px;
	font-weight: normal;
	position: absolute;  
} 

/* s:list video 1 (2 kolom)- buat di kanan 300px;*/ 
.list_video { 
	padding:0; 
	margin:-5px; 
	list-style:none; 
}
.list_video li {
	float:left;
	width:145px;
	padding:5px 0px;
	margin:0px 5px; 
}  
.list_video li h5 a {
	font-size:13px;
	line-height:120%;  
}
.list_video li h5 a span {
	display:block;
	font-size:11px;
	color:#666;
}
.list_video li .pic { /*4:3*/
	float:left; 
	width:145px;
	height:82px;
	overflow:hidden; 
	margin-bottom:5px;
	background:#000;
	text-align:center; 
	position:relative; 
} 
.list_video li .pic img { width:100%; } 
.list_video li .pic:hover { opacity:0.9; }


.list_video_1 { 
	padding:0; 
	margin:0; 
	list-style:none; 
} 
.list_video_1 li {
	margin:0px 0;
	float:left;
	width: 113px;
	padding-right: 0;
	padding-top:0px;
	padding-bottom:11px;
}
.list_video_1 li.hl {
	width:312px;
	padding-right: 15px;
	padding-bottom:0px; 
}
.list_video_1 li h4 a {
	font-size:14px;
	line-height:120%; 
}
.list_video_1 li h5 a {
	font-size:13px;
	line-height:120%; 
}
.list_video_1 li h5 a span {
	display:block;
	font-size:11px;
	color:#666;
}
.list_video_1 li:last-child {
	padding-bottom:0px;
}
.list_video_1 li .pics1 { /*16:9*/
	float:left; 
	width:312px; 
	height:176px;
	overflow:hidden; 
	margin-bottom:10px;
	background:#000;
	text-align:center; 
	position:relative; 
} 
.list_video_1 li .pics1 img {  
	/*height:175px;*/
	width:100%;
} 
.list_video_1 li .pics1:hover { opacity:0.9; }
.list_video_1 li .pics2 { /*16:9*/
	float:left; 
	width:113px; 
	height:63px;
	overflow:hidden; 
	margin-bottom:5px;
	background:#000;
	text-align:center; 
	position:relative; 
} 

.list_video_1 li .pics2 img {  
	width:100%;
} 
.list_video_1 li .pics2:hover { opacity:0.9; }

/* video dikanal */
.list_video_2a li.hl {
	width:300px;
	height:100%;
	padding-right: 0px; 
}
.list_video_2a li .pics1 { /*16:9*/ 
	width:300px; 
	height:169px; 
} 
.list_video_2a li {
	width:145px; 
	height:165px;
	margin-left: 15px;
	overflow:hidden;
}
.list_video_2a li .pics2 {
	width:145px; 
	height:82px;
	display: block;
	overflow: hidden;
}
.list_video_2a li.hl {
	height: 100%;
	margin-left: 0;
}


/* video dikanal */  
.list_video_2b { 
	margin: 0 -5px; 
}
.list_video_2b li {
	height:216px;
	width:200px;  
	margin: 0 5px;
	overflow:hidden;
}
.list_video_2b li .pics2 {
	width:200px; 
	height:113px;
	display: block;
	overflow: hidden;
} 

/* e:list video 1 */ 


/* s:list video 2 - kanal video */ 
.list_video_2 { 
	padding:0; 
	margin:-5px -5px 0 -5px; 
	list-style:none; 
}
.list_video_2 li {
	float:left;
	width:200px;
	padding:5px 0px;
	margin:0px 5px; 
}  
.list_video_2 li h5 a {
	font-size:14px;
	line-height:120%;  
}
.list_video_2 li h5 a span {
	display:block;
	font-size:11px;
	color:#666;
}
.list_video_2 li .pic { /*16:9*/
	float:left; 
	width:200px;
	height:113px;
	overflow:hidden; 
	margin-bottom:5px;
	background:#000;
	text-align:center; 
	position:relative; 
} 
.list_video_2 li .pic img { 
	/*height:108px;*/
	width:100%;  
} 
.list_video_2 li .pic:hover { opacity:0.9; }

/* s:list video 3 */ 
.list_video_3 { 
	padding:0; 
	margin:0; 
	list-style:none; 
}
.list_video_3 li { 
	width:270px;
	padding:7px 0px;
	margin:0px; 
}
.list_video_3 li:first-child {
	padding-top:0px;
}
.list_video_3 li:last-child {
	padding-bottom:0px;
}
.list_video_3 li h5 a {
	font-size:14px;
	line-height:120%;  
}
.list_video_3 li h5 a span {
	display:block;
	font-size:11px;
	color:#666;
}
.list_video_3 li .pic { /*16:9*/
	float:left; 
	width:270px;
	height:152px;
	overflow:hidden; 
	margin-bottom:5px;
	background:#000;
	text-align:center; 
	position:relative; 
} 
.list_video_3 li .pic img { 
	/*height:152px;*/
	width:100%;  
} 
.list_video_3 li .pic:hover { opacity:0.9; }

.list_video_4 { 
	padding:0; 
	margin:0; 
	list-style:none; 
}
.list_video_4 li {
	padding:5px 0px;
	margin:0px; 
} 
.list_video_4 li:first-child { 
	padding:0 0 5px 0; 
} 
.list_video_4 li:last-child  { 
	border-bottom:none;  
	padding:5px 0 0 0; 
} 
.list_video_4 li.lastindeks { 
	border-bottom:none !important;  
	padding:13px 0 0 0;
} 
.list_video_4 li .date {
	font-size:11px;
}
.list_video_4 li h5 {
	font-size:12px;
}
.list_video_4 li h4 {
	font-size:14px;
}
.list_video_4 li .pic { /*16:9*/
	float:left; 
	width:125px; 
	height:70px;
	overflow:hidden; 
	margin-right:10px;
	background:#000;
	text-align:center; 
	position:relative; 
} 
.list_video_4 li .pic img {
	width:100%; 
	/*height:70px;*/  
} 
.list_video_4 li .pic:hover { opacity:0.9; }

/* s:list video 5 */ 
.list_video_5 { 
	padding:0; 
	margin:0; 
	list-style:none; 
}
.list_video_5 li {
	float:left; 
	width:222px;
	padding:0px;
	margin:15px 0px 0px 15px; 
}  
.list_video_5 li h5 a {
	font-size:14px;
	line-height:120%;  
}
.list_video_5 li h5 a span {
	display:block;
	font-size:11px;
	color:#666;
}
.list_video_5 li .pic { /*16:9*/
	float:left; 
	width:222px;
	height:125px;
	overflow:hidden; 
	margin-bottom:5px;
	background:#000;
	text-align:center; 
	position:relative; 
} 
.list_video_5 li .pic img {  
	width:100%;  
} 
.list_video_5 li .pic:hover { opacity:0.9; }

/* ----------- s: Indeks Fokus--------------  */
/*utama*/
.indeks_fokus {
	position:relative; 
}
.indeks_fokus .sub {
	padding:15px;
	background:#fff;
}
.indeks_fokus .sub .ganjel { /* sama dg tinggi list berita */
	/*height:103px; */
	height:94px;
}
.indeks_fokus .sub_box6 { 
	  
}
.indeks_fokus .sub_box6 .ganjel { /* ganjel itu tingginya si list berita fokus (absolute)  */
	height:160px; 
}
.indeks_fokus .pic_coverfokus { 
	float:left; 
	width:403px; 
	/*height:240px;*/
	height:227px;
	overflow:hidden; 
	margin-right:15px;
	background:#000;
	text-align:center; 
	position:relative; 
}
.indeks_fokus .pic_coverfokus img { height:100%; } 
.indeks_fokus .pic_coverfokus:hover {  opacity:0.9; }

.indeks_fokus h3 a {
	color:#434343;  
	font-size:27px;
	line-height:113%;
	font-weight:bold;	
}
.indeks_fokus h3 {
	margin-bottom:10px;
}
.indeks_fokus .list_berita_1 {
	width: 511px; 
	display:inline-block;
	position:absolute;
	right:15px; 
	bottom:15px; 
}
.indeks_fokus .list_berita_1.ln { 
	border-top:1px dotted #c9c9c9; 
	margin:15px 0 0 0;
	padding:15px 0 0 0; 
}
.indeks_fokus .list_berita_1 li {
	padding:0px;
	float:left;
	width:248px;
	margin-right:15px;  
}
.indeks_fokus .list_berita_1 li:last-child {
	margin-right:0px;  
} 
.indeks_fokus .list_berita_1 li h5 {
	/*font-weight: bold; */
}
.indeks_fokus .list_berita_1 li h5 a {
	/*color:#434343*/
}
.indeks_fokus .list_berita_1 li .pic {
	width:100px; 
	height:56px;
	/*margin-bottom:10px;*/
	margin-bottom:0px;
}
.indeks_fokus .list_berita_1 li .pic img {
	width:100%;
}
.indeks_fokus .list_berita_1 li .date {
	font-size:11px; 
}
.indeks_fokus .list_berita_1 li h5 {
	font-size:12px;
}
/* non utama*/
.list_box {
	margin:0 -5px; 
}
.indeks_fokus.half {
	float:left;
	 
	margin-right:5px;
	margin-left:5px;
	 
	width:475px;
}
/*.indeks_fokus.half:nth-child(even) {
	margin-right: 0;
}*/
.indeks_fokus .list_berita_1.sub { 
	width:445px; 
}
.indeks_fokus .list_berita_1.sub li { /* cmn 2 baris text */
	float:left;
	padding:0px;
	width:138px;
	margin-right:5px; 
	margin-left:5px; 
    height:160px; 
	overflow:hidden;  
}
/*.indeks_fokus .list_berita_1.sub li:last-child { 
	margin-right:0px;  
}*/
.indeks_fokus .list_berita_1.sub li .pic {
	margin-right:0px;
	margin-bottom:5px; 
	width:138px; 
	height:78px;
}
.indeks_fokus .list_berita_1.sub li .pic img {
	width:100%;
}
/* ----------- e: Indeks Fokus--------------  */

/* ----------- s: detail Fokus--------------  */
.detailfokus {
	/*background: url(../image/cover_detailfokus.jpg) #000 no-repeat;*/
	background-color:#000;
	width:960px;
	height:330px;
	color:#d8d8d8;
	position:relative; 
}
.detailfokus .logo {
	position:absolute;
	top:15px;
	left:15px;
	width:130px;
}
.detailfokus .sub {
	position: absolute;
	left: 75px;
	bottom: 33px;
	width: 800px;
	margin: 0px;
}
.detailfokus .sub .test 
{
	position:absolute;
	right:5px;
	bottom:-18px;
	color:#B99C02;
	font-size:11px;
}
.detailfokus .sub .test a 
{ 
	color:#7a7a7a;
}
.detailfokus .sub .desc {
	position:absolute;
	top:15%;
	left:0;
	float: left;
	width: 369px;
	
	/*background-color: rgba(0,0,0,0.3);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-moz-box-shadow: 0px 0px 100px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 100px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 100px rgba(0,0,0,0.6);*/
	
	text-shadow:0px 0px 10px #000; 
	
	padding:15px;
	color:#fff;
	line-height:131%;
}
.detailfokus .sub .desc a.butt_more { 
	float:left;
	margin-top:15px;
	font-size:12px;
}
.detailfokus .date {
	color:#ccc;
}
.detailfokus h3 {
	color: #fff; 
	font-size:35px;
	line-height:90%;
	font-weight:bold;	
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.93);
}
.detailfokus h3 {
	margin-bottom:10px;
}

.detailfokus .pict {
	float:right; 
	padding-left: 25px;
	border-left: 1px dotted #f2f2f2;
}

/* -- video -- */
.detailfokus .pic { /*16:9*/
	float:left; 
	width:320px; 
	height:180px;
	overflow:hidden;  
	background:#000;
	text-align:center; 
	position:relative;
	
	margin-bottom:8px;  
}
.detailfokus .pic img {
	width:100%; 
	/*height:180px;*/ 
} 
.detailfokus .pic:hover {  opacity:0.9; }

.detailfokus .pic .icon_playbig {
 	right: 40%;
	bottom: 32%;
}
/*judul video*/ 
.detailfokus .pict.video .text  { 
	width:320px; 
	position: inherit; 
} 
.detailfokus .pict.video .text .date { 
	font-size: 11px;
	padding:0 10px 0 10px;
	color: #f1f1f1; 
}
.detailfokus .pict.video .text h5 {
	padding: 2px 10px 10px 10px;
	font-size: 14px;
	color:#FFF;
}


/*foto*/
.detailfokus .pic.foto { /*16:9*/ 
	width:356px; 
	height:237px;
	overflow:hidden;  
	background:#000;
	text-align:center; 
	position:relative;  
}
.detailfokus .pic.foto img { 
	/*height:237px;*/
	width:100%; 
} 
.detailfokus .pic.foto:hover {  opacity:0.9; }

.detailfokus .pic.foto .text .date {
	font-size:11px;
	padding:50px 15px 0 15px;
	color:#f1f1f1;
}
.detailfokus .pic.foto .text h5 {
	padding: 2px 15px 15px 15px;
	font-size:18px;
}

/*s:menu fokus*/
.menu.alt1 {
	height: 36px;
	margin-bottom:10px;
	background: #000;
 
}
.menu.alt1 ul {
	float: left;
	margin: 0px;
	padding: 0px; 
	height: 36px;
}
.menu.alt1 li {
	display:inline-block;
	float:left;
	margin:0px;
}
.menu.alt1 li a {
	color: white;
	text-decoration: none;
	font-size: 14px;
	font-weight: lighter;
	padding: 9px 15px;
	float: left; 
}
.menu.alt1 li a:hover, 
.menu.alt1 li.selected a
{
	background:#b70000;
	color:#fff; 
}
/*e:menu fokus*/

/*s:sponsor*/
.sponsored {
	float:right;
	color:#B6B6B6;
	font-size:12px;
	line-height:285%;
}
.sponsored img {
	float:right;
	margin-left:5px; 
	height:36px;
}
/*e:sponsor*/

/* subbox -> hlmn detail fokus */
.sub_boxA {
	overflow:hidden;
	width:220px; 
	height:400px;
	float:left;
	/*background: #F00;*/
	
}
.sub_boxA .col {
	height:177px;  
}
.sub_boxA .col.ln { 
	border-top:1px solid #D1D1D1;
	padding-top:15px;
	margin-top:15px; 
}
.sub_boxA {
	font-size:12px;
}
.sub_boxA h5 {
	font-size:13px;
	margin-bottom:5px;
}
.sub_boxA h5 a {
	line-height:90%;
} 
.sub_boxA .pic { 
	float: left;
	width: 205px;
	height: 115px;
	overflow: hidden; 
	margin-bottom: 5px;
	background: #000;
	text-align: center;
	position: relative;
}
.sub_boxA .pic img {
	width:100%;
	/*height: 136px;*/
}
.sub_boxA .pic:hover {
	 opacity:0.9;
}

.sub_boxB {
	float:left;
	overflow:hidden;
	width:488px;
	height:400px; 
	border-right:1px solid #D1D1D1;
	border-left:1px solid #D1D1D1; 
}
.sub_boxB .padings {
	padding:0 15px;
}
.sub_boxB .pic {
	float: left;
	width: 459px;
	height: 258px;
	overflow: hidden;
	margin-bottom: 10px;
	background: #000;
	text-align: center;
	position: relative;
}
.sub_boxB .pic .label2 {
	font-size: 15px;
	padding: 4px 10px;
}
.sub_boxB .pic img {
	width:100%;
	/*height: 306px;*/
} 
.sub_boxB h4  {
	margin-bottom:5px; 
}
.sub_boxB h4 a { 
	line-height:120%;
}
.sub_boxB .icons {
	float:left;
	margin-right:10px;
	background:#D80000;
	padding:4px 6px 3px 6px; 
	color:#fff;
	text-transform:uppercase;
	font-style:italic;
	font-size:11px;
	text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.sub_boxB .icons  img {
	display:block;
	margin-bottom:2px;
}

.sub_boxB .nav_gal {
	background: rgba(252,0,0,0.6);
	position: absolute;
	top: 38%;
	display: inline-block;
	padding: 15px 13px 15px 4px;
	z-index: 2;
	cursor:pointer;
	
	-webkit-border-top-right-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomright: 100px;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
}
.sub_boxB .nav_gal:hover { 
	background: rgba(255, 133, 0, 0.9);
}
.sub_boxB .nav_gal_r {
	padding: 15px 4px 15px 13px;
	right: 0;
	-webkit-border-top-left-radius: 100px;
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-topleft: 100px;
	-moz-border-radius-bottomleft: 100px;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
} 

/* s:box fokus sport */ 
.sub_boxB2 {
	float:left;
	overflow:hidden;
	width:365px;
    height:447px; 
	border-right:1px solid #D1D1D1; 
}
.sub_boxB2 .padings {
	padding:0 15px 0 0px;
}
.sub_boxB2 .pic {
	float: left;
	width: 352px;
	height: 198px;
	overflow: hidden;
	margin-bottom: 8px;
	background: #000;
	text-align: center;
	position: relative;
}
.sub_boxB2 .pic .label2 {
	font-size: 15px;
	padding: 4px 10px;
}
.sub_boxB2 .pic img {
	width:100%;
	/*height: 235px;*/
} 
.sub_boxB2 h4  {
	margin-bottom:5px;
	font-size:15px; 
}
.sub_boxB2 h4 a { 
	line-height:110%;
}
/*--*/
.sub_boxA2 {
	overflow:hidden;
	width:254px; 
	/*height:322px;*/
	float:left; 
}
.sub_boxA2 .jdl {
	display:block;
	font-size: 14px; 
	color: #E60000;
	padding: 6px 10px 3px 0;
	text-transform: uppercase;
	margin-bottom:5px;
}
.sub_boxA2 .col {
	/*height:145px; */
	margin-left:15px; 
}
.sub_boxA2 .col.ln { 
	/*border-top:1px solid #D1D1D1;*/
	/*padding-top:15px;*/
	 margin-top:10px;  
}
.sub_boxA2 {
	font-size:12px;
} 

.sub_boxA2 .tabel table {
	width:100%;
	margin-bottom:2px;
}
.sub_boxA2 .tabel table .headt {
	background:#666; 
}
.sub_boxA2 .tabel table .headt th {
	text-align:left; 
	color:#fff;
	padding:5px 9px; 
} 
.sub_boxA2 .tabel table tr {
	background:#e2e2e2;
}
.sub_boxA2 .tabel table tr:nth-child(even) {
	background:#f0f0f0;
}
.sub_boxA2 .tabel table td {
	padding:5px 9px; 
}
.sub_boxA2 a.link {
	font-size:11px;
	text-align: right;
	padding: 3px 10px;
	display: block;
}

.sub_boxB2 .list {
	padding:0px;
	margin:0px -5px;
	list-style:none;
}
.sub_boxB2 .list li {
	float: left;
	width: 171px;
	padding: 5px 0px;
	margin: 0px 5px;
}
.sub_boxB2 .list li  .pic {
	float: left;
	width: 171px;
	height: 96px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-right: 0px;
	background: #000;
	text-align: center;
	position: relative;
}
.sub_boxB2 .list li .pic {
	width:100%;
}
.sub_boxB2 .list li h5 a {
	font-size:13px;
}
/* e:box fokus sport */ 

/* ----------- e: detail Fokus--------------  */




 
/* ======================================= S:CONTENT ========================================= */


/* ======== s: button ========= */
.mores {
	text-align:center;
	border-top:1px solid #3b3b3b;
	width:100%;
	position:relative;
	
	height: 20px;
	margin-top: 30px;
}
.mores .butt_more {
	position:absolute;
	top:-17px;
	left:44%;
}
.butt_more {
	margin-top: 3px;
	cursor: pointer; 
	text-transform: none;
	letter-spacing: 1px;
	padding:6px 10px;
	display: inline-block; 
	background: #3b3b3b;
	color: #fff;
	text-decoration:none;
}
.butt_more:hover {
	background: #535353;
	text-decoration:none;
}
/* ======== e: button ========= */

/* ======== s: paging ========= */ 
.pagings {  
    margin-bottom: 30px;
} 
.pagings .page {
    display: inline-block;
    padding: 5px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #fff;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}  
.pagings .page:hover{
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
	text-decoration:none;
} 
.pagings .page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}  
/* ======== e: paging ========= */

/* ======== s:tabbing ======== */
/*s:Tabbing (semua kanal)*/
.tabbing {  
	margin: 0 0 10px 0;
	position: relative;
	padding:0;
	border-bottom:1px solid #3b3b3b; 
	/*background: #ccc; */
}
.tabbing a {
	float:left;
	letter-spacing:-1px; 
	display: inline-block;
	padding: 15px 15px 10px 15px;
	font-size: 16px; 
	text-decoration:none;
	color: #555;
	text-transform:uppercase;
}
.tabbing a:hover {
	background: #d8d8d8;  
	text-decoration:none;  
}
.tabbing a.selected {
	background:#3b3b3b;
	color:#fff;  
}
.tabbing a.selected:hover { 
	color:#fff;  
}
/*e:Tabbing (semua kanal)*/
/*s:Tabbing small*/
.tabbing2 {  
	margin: 0 0 10px 0;
	position: relative;
	padding:0;
	border-bottom:1px solid #3b3b3b;  
}
.tabbing2 .jdl {
	display:block;
	font-size: 14px; 
	color: #E60000;
	padding: 6px 10px 3px 0;
	text-transform: uppercase;
	
}
.tabbing2 a {
	float: left;
	letter-spacing: 0;
	display: inline-block;
	padding: 6px 10px 3px 10px;
	margin-right:1px;
	font-size: 13px;
	text-decoration: none;
	color: #555;
	text-transform: none;
	background:#dadada;
}
.tabbing2 a:hover {
	background: #d8d8d8;  
	text-decoration:none;  
}
.tabbing2 a.selected {
	background:#3b3b3b;
	color:#fff;  
}
.tabbing2 a.selected:hover { 
	color:#fff;  
}

.sub_boxA2 .jdl,
.tabbing2 .jdl {
	text-transform: capitalize;
}
/*e:Tabbing small*/

/* ======== e:tabbing ======== */

/* s:playlist */
.flying {
	width:100%;
	position: relative;
	bottom: 0px;
	left: 0;
	margin-bottom:15px;
}
.playlist { 
	margin-bottom:0px; 
	background:#333;
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5); 
}
.playlist .title {
	color:#f1f1f1;
	padding:8px 0;
	font-size:12px; 
}
.playlist .pad {
	padding:0 15px 5px 15px;
} 
.playlist .pad .caroufredsel_wrapper { float:left } 
.playlist .listvid {
	float:left; 
	padding:0; 
	margin:-5px 0px 0 0px; 
	list-style:none; 
}
.playlist .listvid li {
	float:left;
	width:292px;
	height:80px;
	padding:0px;
	margin:5px 7px 5px 7px; 
}   
.playlist .listvid li .date {
	color:#ACACAC; 
	font-size:11px;
}
.playlist .listvid li h5 {
	font-size:12px;
	font-weight:normal; 
}  
.playlist .listvid li h5 a {
	color:#D8D8D8; 
	font-weight:normal;
	
} 
.playlist .listvid li .pic { /*16:9*/
	float:left; 
	width:125px; 
	height:70px;
	overflow:hidden; 
	margin-right:10px;
	background:#000;
	text-align:center; 
	position:relative; 
} 
.playlist .listvid li .pic img { 
	/*height:71px;*/
	width:100%;  
} 
.playlist .listvid li .pic:hover { opacity:0.9; }


a.nav_playlist_prev {
	float:left;
	margin-left:-15px;
}
a.nav_playlist_next {
	float:right;
	margin-right:-15px;
}
a.nav_playlist_prev,
a.nav_playlist_next { 
	height:70px;
	width:20px;
}
a.nav_playlist_prev { 
	background: url(../image/nav_prev.png) no-repeat center #000; 
}
a.nav_playlist_next { 
	background: url(../image/nav_next.png) no-repeat center #000; 
}
a.nav_playlist_prev:hover { 
	background: url(../image/nav_prev.png) no-repeat center #202020; 
}
a.nav_playlist_next:hover { 
	background: url(../image/nav_next.png) no-repeat center #202020; 
}
/* e:playlist */


/*S:UPDATE PADDING*/  
#equalize_2 .mr20 {
	margin-right: 10px;
}
.sub_box2 {
	width: 202px;
} 
.sub_box4 {
	width: 283px;
}
/*E:UPDATE PADDING*/

/*s:cnn fokus*/
.hl_fokus {
	padding: 15px;
	position: relative;
}
.hl_fokus .pic {
	width: 380px;
	height: 285px;
	float: left;
	margin-right: 20px;
	text-align: center;
	background: #eaeaea;
	position: relative;
}
.hl_fokus .pic img{
	height: 100%;
}
.hl_fokus h1 {
	padding: 5px 0;
	font-weight: bold;
	line-height: 90% !important;
}
.hl_fokus .box_other {
	width: 540px;
	height: 90px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	border-top: 1px solid #ccc;
	padding-top: 15px;
}
.hl_fokus .box_other .box_other_1 {
	float: left;
	width: calc(50% - 10px);
	padding: 0 5px;
}
.hl_fokus .box_other .pic {
	width: 115px;
	height: 90px;
	float: left;
	overflow: hidden;
	text-align: center;
	background: #eaeaea;
	margin-right: 10px;
}
.hl_fokus .box_other .pic img {
	height: 100%;
}
.hl_fokus a,
.list_box_fokus a {
	color: #434343;
}
.hl_fokus h6 {
	font-weight: bold;
	font-size: 12px;
}


.list_box_fokus .list_other .list_other_1 .pic:hover,
.hl_fokus .box_other .pic:hover {
	opacity: 0.8;
}
.label_news {
	position: absolute;
	z-index: 2;
	background: red;
	color: #fff;
	font-size: 10px;
	display: inline-block;
	padding: 2px 5px;
	left: 0;
	top: 0;
	text-transform: uppercase;
}
.label_play {
	position: absolute;
	z-index: 2;
	display: inline-block;
	right: 5px;
	bottom: 0;
}
.list_box_fokus {
	list-style: none;
	margin: 0;
	padding: 0;
}
.list_box_fokus li {
	float: left;
	width: calc(50% - 35px);
	padding: 15px;
	height: 370px;
	position: relative;
	margin-right: 10px;
}
.list_box_fokus li:nth-child(even) {
	margin-right: 0;
}
.list_box_fokus li h1 {
	font-weight: bold;
	font-size: 26px;
	padding-bottom: 10px;
}
.list_box_fokus .list_other {
	position: absolute;
	height: 200px;
	bottom: 0;
	width: 100%;
}
.list_box_fokus .list_other .list_other_1 {
	float: left;
	width: 140px;
	height: 200px;
	overflow: hidden;
	margin-right: 10px;
}
.list_box_fokus .list_other .list_other_1 .pic {
	width: 140px;
	height: 105px;
	display: block;
	overflow: hidden;
	background: #ccc;
	text-align: center;
	margin-bottom: 5px;
	position: relative;
}
.list_box_fokus .list_other .list_other_1 .pic img {
	height: 100%;
	z-index: 1;
}
.list_box_fokus .list_other .list_other_1 h6 {
	font-size: 12px;
	font-weight: bold;
} 

.title_page {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 10px;
}
.title_page h1 {
	font-weight: bold;
	padding-bottom: 15px;
	letter-spacing: -1px;
} 


/*search*/
.menu_area{
	width:222px;
	max-width:222px;
	min-height:99vh;
	display:block;
	padding:0 15px;
	color:#666;
	display: block;
	float: left;
}
.title1{
	font-size:13px;
	text-transform:uppercase;
	color:#666;
	padding: 8px 15px; 
	display:block;
	background:#f1f1f1;
	text-align:center;
}
p.title4{
	font-family:Roboto, san-serif;
	font-size:13px;
	text-transform:uppercase;
	color:#666;
	padding: 8px 15px; 
	display:block;
	background:transparent url(image/back-title.png) repeat-x center left;
	text-align:center;
	margin:0 8px 0px 8px;
}
p.title4 span {
	padding:0 10px;
	background:url(image/bg.png) repeat scroll 0 0 ;
}
.menu_search{
	font-size:13px;
	margin:0;
	margin-bottom:20px;
}
.menu_forum {
	height:700px;
	overflow-y:scroll;
}
.menu_search li ul li { margin-left:5px; padding:3px; list-style:square;}
.menu_search li ul li a {
	margin:0;
	padding:0;
	background: none;
	color:#666;
}
.menu_search li ul li a:hover {
	text-decoration:underline;
	margin:0;
	padding:0;
	background: none;
	color:#666;
}
.menu_search li ul li a.selected {
	margin:0;
	padding:0;
	background: none;
	color:#B1151B;
}
.menu_search li{
	padding:5px;
	margin:0 10px;
	list-style:none;
}
.menu_search a:hover, 
.menu_search a.selected {
	background-color:#9e9e9e;
	color:#fff;
	padding:2px 5px;
}
.menu_search a{
	color:#666;
	text-decoration:none;
	padding:2px 5px;
}
.menu_search li.pilih_tanggal {
	background:none;
	padding:5px;
	margin:0 17px;
}
form {
	margin: 0;
}

/* Default styling for jQuery Datepicker v4.0.5. */
.datepick {
	background-color: #fff;
	color: #000;
	font-size: 11px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 3px solid #000;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-popup {
	z-index: 1000;
	opacity:0.9;
	width:250px;
}
.datepick-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #fff;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%;
	background-color: #000;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}
.datepick-ctrl {
	background-color: #600;
}
.datepick-cmd {
	width: 20%;
}
.datepick-cmd:hover {
	background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	padding: 5px 8px;
	display: inline-block;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 30%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
	float: left;
	width: 15em;
	text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	background-color: #444;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}
.datepick-month-header select, .datepick-month-header input {
	height: 1.4em;
	border: none;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border-collapse: collapse;
	font-size:11px;
}
.datepick-month thead {
	border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
	text-align: center;
	margin: 0;
}
.datepick-month th {
	border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
	background-color: #777;
	color: #fff;
}
.datepick-month td {
	background-color: #eee;
	border: 1px solid #FFFFFF;
}
.datepick-month td.datepick-week {
	border: 1px solid #777;
}
.datepick-month td.datepick-week * {
	background-color: #777;
	color: #fff;
	border: none;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 3px 0px;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
.datepick-month span {
	display: block;
	width: 100%;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #fff;
}
.datepick-month td .datepick-weekend {
	background-color: #ddd;
}
.datepick-month td .datepick-today {
	background-color: #f0c0c0;
}
.datepick-month td .datepick-highlight {
	background-color: #f08080;
}
.datepick-month td .datepick-selected {
	background-color: #777;
	color: #fff;
}
.datepick-month th.datepick-week {
	background-color: #777;
	color: #fff;
}
.datepick-status {
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}
.datepick-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}
/*e:cnn fokus*/



/*s:detail foto*/ 
.galkanal .error { 
	color:#fff; 
	position:absolute; 
	top:50%; 
	left:35%;
	font-size:16px; 
}
.content_foto {
	padding: 20px 0;
}
.galkanal .bigpic {
	width: 620px;
	height: 350px;
	/*height:413px;*/
	text-align: center;
	background: #000;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.galkanal {
	border: 1px solid #ddd;
	background:#000;
	width: 620px; 
	height: 420px; 
	/*height:481px;*/
	position: relative;
	overflow:hidden;
}
.galkanal #headline_fotos {
	width: 620px; 
	margin-bottom:10px;
	background:#000;
}
.galkanal #headline_fotos div {
	width:620px;
	height:349px;  
	display:block;
	float:left;
	background:#000;
	position: relative;  
	
	opacity: 0.9999;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.galkanal #headline_fotos div .pic {
	width:620px;
	height: 349px; 
	display:block;
	overflow:hidden;
	position:relative;
	z-index:1;
	text-align:center;
	background:#000; 
}
.galkanal #headline_fotos div .pic .play {
	width:50px; height:50px; 
	background:url("../image/btn_play.png") no-repeat center center;  
	opacity:0.7; 
	position:absolute; 
	left:45%; top:45%;
}
.galkanal #headline_fotos div .pic img {
	height:100%;    
}
.galkanal #headline_fotos div .text {
	padding:30px 15px 10px 15px;
	display:block;
	position:absolute;
	z-index:2;
	/*background-color: rgba(0,0,0,0.5);*/
	width: calc(100% - 30px);
	bottom:0; 
	font-size:13px;
	line-height:127%;
}
.galkanal #headline_fotos div .text h2 {
	color:#FFF;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
/*judul utama*/
.galkanal #headline_fotos div .text h3 a {
	font-size:20px;
	line-height:110%;
	font-weight:lighter; 
}
.galkanal #headline_fotos div .text h3 a:hover {
	text-decoration:underline;
}
/*subjudul*/
.galkanal #headline_fotos div .text h4 {
	font-size:13px;
	color:#f2f2f2;
}
/*date*/
.galkanal #headline_fotos div .text h6 {
	font-size:12px;
	color:#aaa;
}
.galkanal #headline_fotos div .text a {
	text-decoration:none; 
	color:#fff;
	font-size:22px;
}
.galkanal #headline_fotos div .text a:hover {
	color:#FFF;
}
.galkanal #headline_fotos div img {
	height:100%;
	/*width:100%;*/
}
.galkanal .caroufredsel_wrapper {
	
}
.galkanal .thumbs {
	width: 620px;  
	height: 68px;
	position: relative; 
}
.galkanal .thumbs div {
	float:none;
	width:124px;
	height:68px;
	text-align:center;
	background:#000;
	overflow:hidden;
    display:inline-block;
	opacity: 0.4;
}
.galkanal .thumbs div:hover, 
.thumbs div.selected {
	cursor:pointer;
	opacity: 1;
	width:124px;
	height:68px;
}
.galkanal .thumbs div .pic {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.galkanal .thumbs div .pic img {
	width:145px;
}
.nav_gal {
	background: rgba(252,0,0,0.7);
	position: absolute;
	top: 38%;
	display: inline-block;
	padding: 15px 8px;
	z-index: 2;
	cursor:pointer;
	
	-webkit-border-top-right-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomright: 100px;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
}
.nav_gal:hover { 
	background: rgba(255, 133, 0, 0.7);
}
.nav_gal_r {
	right: 0;
	-webkit-border-top-left-radius: 100px;
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-topleft: 100px;
	-moz-border-radius-bottomleft: 100px;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.list_gal li{
	margin:5px 8px !important;
}
/*e:detail foto*/

.loadmore {
	padding: 10px 0 20px 0;
	position: relative;
}
.loadmore .line {
	border-top: 1px solid #d1d1d1;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 44%;
}
.loadmore a {
	text-transform:uppercase;
	display: inline-block;
	padding: 10px 30px;
	background: #e00000;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
.loadmore a:hover {
	background: #b50000;
	text-decoration: none;
}

.list_indeks {
	list-style: none;
	padding: 0;
	margin: 0;
}
.list_indeks li {
	padding: 15px 0;
	border-bottom: 1px dotted #c9c9c9;
}
.list_indeks .pic {
	width: 151px;
	height: 85px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 15px;
	background: #000;
	position:relative;
}
.list_indeks .pic:hover {
	opacity:0.8;
}
.list_indeks .pic img {
	width:100%;
}
.list_indeks .date {
	font-size: 12px;
	color: #848484;
	padding-bottom: 1px;
	display: inline-block;
}
.list_indeks h4 {
	color: red;
	font-size: 14px;
}
.list_indeks h3 {
	font-size: 20px;
	padding-bottom: 5px;
}
.list_indeks .text2 {
	float: left;
	width:497px;
	width: calc(100% - 220px); 
}
/*http://codepen.io/anoopjohn/pen/GcJoL*/

.labelz {
	float: left;
	font-size:15px;
	padding:7px 5px 0 0;
} 
.styled-select_fokus {
	width:auto;
	overflow:hidden;  
	 background: url(../image/dropdown.png) no-repeat top right #cf2009;   
	position: relative; 
}
.styled-select_fokus:hover {
	opacity:0.9;
} 
.styled-select_fokus:after {
  content:" ";
  text-align: center;
  line-height:32px;
  position: absolute;
  width: 32px;
  height: 36px;
  background: url(../image/dropdown.png) no-repeat top right #cf2009;  
  right: 0px;
  top: 0px;
  pointer-events: none;
}
.styled-select_fokus select {
	height: 36px;
	z-index:0;
	height:auto !important; 
	width:auto;
	cursor:pointer;
	font-size: 14px;
	line-height: 1;
	color:#fff; 
	background:none;
	padding: 5px 40px 9px 10px; 
	border: 0;
	border-radius: 0;  
	margin-bottom:0px;
	letter-spacing:0px; 
	-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
	-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
	-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	appearance: none;   
}
.styled-select_fokus select option {
	background:#fff;
	color:#333; 
}

/* S:Panel Top Kanal Sport */
.panel {   
	background:#1a1a1a; 
	display:block;
	margin-bottom:15px;
	padding:10px 0px;
	border-top:1px solid #6c6c6c;
	border-bottom:1px solid #6c6c6c;
}
.panel .left_panel {
	width:153px;
	height:50px; 
	padding:10px 12px;
	float:left;
	background:#003C4B;
	color:#fff;
	text-align:center;
	
	font-size:15px;
	text-transform:uppercase;
}
.panel .left_panel .jdl {
	display:block;
	font-weight:normal; 
	font-size:24px;
	border-bottom:1px solid #fff;
	padding-bottom:4px;
	margin-bottom:5px;
	line-height:100%; 
}

.panel .right_panel { 
	width:960px;
	height:85px;
	/*background:#b40000;*/
	overflow: hidden;
	position: relative;
}
.panel .right_panel .caroufredsel_wrapper { 
	float:left; 
}
.panel .right_panel .list {
	float:left;
	list-style:none;
	margin:0px ;
	padding:0px;
}
.panel .right_panel .list li {
	text-align:center;
	width:170px;
	float:left;
	margin:0px;
	line-height:100%;
	padding:4px 5px; 
	height: 78px;
	color:#fff;
	position: relative;
	border-right:1px solid rgba(255,255,255,0.4);
}
.panel .right_panel .list li:nth-child(even) {
	/*background:#A30303;*/
} 
.panel .right_panel .list li .date {
	font-size:10px;
	line-height:100%;
	margin-top:1px;
	margin-bottom:5px;
	color:#dbdbdb;
}
.panel .right_panel .list li .tim {
	display:block;
	font-size:14px;
	color:#fff;
	line-height:100%;
	margin-bottom:2px;
}
.panel .right_panel .list li .tim a { 
	color:#fff;
	line-height:100%; 
}

.panel .right_panel .list li .score {
	font-size:12px;
	display:block;
	color:#FEB62A;
	line-height:100%; 
	padding: 3px 0;
}
.panel .right_panel .list li .tv {
	font-size:11px; 
	color: #B3B3B3;
	position: absolute;
	width: 100%;
	bottom: 0px;
	display: block;
}

/*navigasi*/

.panel .right_panel a.panel_nav_prev
{ 
	background: url(../image/nav_prev.png) no-repeat center; 
}
.panel .right_panel a.panel_nav_next 
{ 
	background: url(../image/nav_next.png) no-repeat center; 
	position: absolute;
	right: 0;
	top: 0;
}
.panel .right_panel a.panel_nav_prev:hover,
.panel .right_panel a.panel_nav_next:hover
{
	background-color:#333; 
	/*opacity: 0.7;*/
}
.panel .right_panel a.panel_nav_prev,
.panel .right_panel a.panel_nav_next 
{
	float:left;
	height:85px;
	width:28px;
	background-color:#3d3d3d
} 
/* E:Panel Top Kanal Sport */

/*box*/
.box_sport {  
	width:320px; 
	min-height:285px;
}  
.box_sport .tabel table {
	width:100%;
	margin-bottom:2px;
}
.box_sport .tabel table .headt {
	/*background:#fff; */
}
.box_sport .tabel table .headt th {
	text-align:left;  
	padding:0 5px 5px 5px;
	border-bottom:1px solid #383838;
	text-transform:uppercase 
} 
.box_sport .tabel table tr {
	/*background:#FFF;*/ 
}
.box_sport .tabel table tr:nth-child(even)   {
	background: #ECECEC; 
}  
.box_sport .tabel table td {
	padding:7px 5px 7px 5px; 
	/*border-bottom:1px dotted #c9c9c9; */
} 

.box_sport .tabbing {  
	margin: 0px -15px 13px -15px;
	position: relative;
	padding:0 0 0 15px;
	border-bottom:3px solid #3b3b3b;  
}
.box_sport .tabbing .jdl {
	float:left;
	font-size: 14px; 
	color: #E60000;
	padding: 6px 10px 3px 0;
	text-transform: uppercase;
}
.box_sport .tabbing a {
	float: left;
	letter-spacing: 0;
	display: inline-block;
	padding: 6px 15px 5px 15px;
	margin-right:1px;
	font-size: 13px;
	text-decoration: none;
	color: #555;
	text-transform: none;
	background:#dadada;
}
.box_sport .tabbing a:hover {
	background: #d8d8d8;  
	text-decoration:none;  
}
.box_sport .tabbing a.selected {
	background:#3b3b3b;
	color:#fff;  
}
.box_sport .tabbing a.selected:hover { 
	color:#fff;  
} 
/* e:box fokus sport */ 

/* s:panel ekonomi */
.panel_ekonomi {
	position:relative;
	background:#1a1a1a; 
	display:block;
	 
	margin-bottom:15px;
	padding:15px 0px;
	
	border-top:1px solid #ACACAC;
	border-bottom:1px solid #ACACAC;
	
	color:#ddd; 
}

.panel_ekonomi .smallhead {
	height:21px;
}

/*search*/
.panel_ekonomi .search, 
.cblue .search
{
	position:absolute;
	left:0px;
	top:5px; 
	background: #313131;
	width: 255px;
	height: 30px;
	float: left;
}
.panel_ekonomi .search .input, 
.cblue .search .input
{
	background: none;
	padding: 5px 10px;
	width: 198px;
	float: left;
	color: #c9c9c9;
	border:0;
	outline: none;
}
.panel_ekonomi .search .btn, 
.cblue .search .btn
{
	background: none;
	float: right;
	width: 20px;
	height: 20px;
	border: 0;
	padding: 0;
	margin-right: 10px;
	margin-top: 5px;
}


.panel_ekonomi .p1 {  
	width:125px;  
	float:left; 
	color:#fff;  
	font-size:14px;
	text-transform:uppercase; 
}
.panel_ekonomi .p1 .jdl {
	display:block;
	font-weight:normal; 
	font-size:38px; 
	padding-bottom:4px; 
	line-height:89%;
	text-transform:lowercase; 
}
.panel_ekonomi .liner {
	border-right:1px solid #ACACAC;
	padding-right:30px;
}
.panel_ekonomi .smallhead {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #848484;
}

.panel_ekonomi .p2,
.panel_ekonomi .p3 { 
	height:104px; 
	font-size:14px;
	color:#21607c;  
}
/*.panel_ekonomi .p2 a,
.panel_ekonomi .p3 a {
	color:#FEC300;
}*/
.panel_ekonomi .emiten a {
	color:#FEC300;
} 
.panel_ekonomi .p2 .select {
	float:left;
	font-size: 17px; 
	color:#ddd;
	font-weight:lighter;
}
.panel_ekonomi .p2 .select select {
	width:77px;
	margin:0px;
	padding:0px;
	border-color:#000;
	background:#898989;
	color:#f2f2f2;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; 
}
.panel_ekonomi .p2 .date {
	vertical-align:top;
	float:right;
	font-size:11px;
	margin:0px; 
}
.panel_ekonomi .p2 .date img.logo_m {
	margin-top:-10px;
	margin-left:5px; 
	height:30px;
}

.panel_ekonomi .p2 .indks {
	float:right;
	border-left:1px solid #4B4B4B;
	padding-left:8px;
	margin-left:8px;	
}
.panel_ekonomi .p2 .indks a { 
	float: right; 
	font-size: 11px;
	color: #fff; 
	text-transform: uppercase;
}
/*list*/
.panel_ekonomi .p2 .list {
	overflow:hidden;
	height:68px; 
	width:300px;
}
.panel_ekonomi .list.liner {
	border-right:1px solid #848484;
	margin-right:33px;
	padding-right:11px; 
}
.panel_ekonomi .p2 .list.col4 {
	width:140px;
}
.panel_ekonomi .p2 .list .emiten { 
	font-size:15px;
	text-transform:uppercase;
	margin-bottom:5px; 
}
.panel_ekonomi .p2 .list .point {
	display: block;
	color: #ddd;
	font-size: 19px;
	margin-bottom:5px;
	font-weight: bold;
}
.panel_ekonomi .p2 .list .point img {
	height: 13px;
}
.panel_ekonomi .p2 .list .point2 {
	display: block;
	color: #86C800;
	font-size: 12px; 
}
.panel_ekonomi .p2 .list .point2 span {
	margin-left:20px;
	float: left;
}
.panel_ekonomi .p2 .list .point2.red {
	color: #FF0000;
}

.panel_ekonomi .p2.w1 {
	float:left;
	width:636px;   
}
.panel_ekonomi .p2.w2 {  
	width:266px;
	float:right;   
}

/*bagian 2*/
.panel_ekonomi .p2.w2 .list {  
	width:115px;
	height:100%;   
}
.panel_ekonomi .p2.w2 .list .jdl2 {
	margin-top:1px;
	text-align:left; 
	text-transform: uppercase; 
	color: #86C800; 
	border-bottom:1px solid #86C800;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	margin-bottom:10px; 
}
.panel_ekonomi .p2.w2 .list .jdl2.red {  
	color:#FF0000; 
	border-bottom:1px solid #FF0000;
}

.panel_ekonomi .canvasjs-chart-container a.canvasjs-chart-credit { display:none; }
.panel_ekonomi .canvasjs-chart-container .canvasjs-chart-canvas { background:none !important;  }
/* e:panel ekonomi */


/*bttn indeks dibawah*/
.btn_indeks {
	text-align: center;
	margin: 13px 0 0 0;
	border-top: 1px dotted #c9c9c9;
	display: block;
	padding-top: 13px; 
}
.btn_indeks a {
	padding: 7px 18px;
	font-size: 12px; 
	line-height: normal;
	color: #fff;
	background: #F00000;
	text-transform: uppercase;
	display: inline-block;
}

/* s:box fokus slider black dikanal hl */
.box.fokus_black {
	height:255px;
	overflow:hidden;
	background:#262626;  
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;
	margin-bottom: 0px;
}
.fokus_black .title  { 
	background: rgb(45,45,45);   
	padding:0px 15px;
	margin-bottom:10px;
}
.fokus_black .title  span {
	float:left;
	padding:10px 0; 
}
.fokus_black .title .logo  {
	float:left; 
}
.fokus_black .title a.indeks  {
	float:right;
	margin-top:8px; 
}
.fokus_black .title .logo img { 
	display:block; 
}

.fokusutama {
	padding:0 0 0 8px; 
	border-bottom:2px solid #4B4B4B;
}
.fokusutama .navz {
	opacity:0.8;
	margin:75px 10px 0px 10px;
	float:left;
	cursor:pointer;
}
.fokusutama .navz:hover {
	opacity:1;
}
.fokusutama .navz img {
	width:18px;
}
.fokusutama .caroufredsel_wrapper {
	float:left;
}
.fokusutama ul {
	float:left;
	margin:0px;
	padding:0px;
}
.fokusutama ul li {
	list-style:none;
	float:left;
	width:270px; 
	margin:0px 10px;
	padding:0 0 10px 0;
}
.fokusutama ul li .subjudul {
	font-size:11px;
	color: #dadada; 
	margin: 0 0 1px 0;
}
.fokusutama ul li h5 {
	font-size:14px;
}
.fokusutama ul li h5 a {
	color:#fff;
	line-height:130%; 
}
.fokusutama ul li .pic { 
	float:left;
	/*width:96px;
	height:72px;*/
	width:270px;
	height:152px;
	margin-bottom:10px; 
	overflow: hidden; 
	background: #000;
	text-align: center;
	position: relative;
}
.fokusutama ul li .pic img {
	width:100%; 
}
/* e:box fokus slider black dikanal hl */

/* s:box fokus slider - di wp */
.fokus {
	float:left;
	width: 340px;
	height:686px;  
	margin-right:10px; 
}
.fokus .title {
	background:#cc0000;
	padding:0 15px;
	margin-bottom:0px; 
}
.fokus .title .logo { 
	float:left;
	text-transform:none;  
	color: #fff;
	line-height:219%;  
}
.fokus .title .logo img { display:block; }
.fokus .title .nav {
	float:right;
	margin-top:8px;
}
.fokus .title .nav img { 
	height:18px;
	display:inline-block;
	 opacity:0.8; 
}
.fokus .title .nav img:hover { 
	 opacity:1;
}
.fokus h1 {
	font-size:18px;
	padding:10px 15px;
}
.fokus .list_berita_1 {  
	padding:0 15px 5px 15px; 
}
.fokus .list_berita_1 li  {  
	 padding:8px 0;
}
 
.fokus .list_berita_1 li.hl {  
	padding-top:0px;
	padding-bottom:0px;
	margin:0; 
	display:block; 
	color:#f1f1f1;
	border-bottom:0px;
}
.fokus .list_berita_1 li.hl .pic {
	float:left; 
	width: 340px;
	height: 172px;
	overflow: hidden; 
	background: #000;
	text-align: center;
	position: relative;
	margin:0 -15px 0px -15px; 
}
.fokus .list_berita_1 li.hl .pic img {
	width:100%; 
}  
.fokus .list_berita_1 li.hl h4 a {  
	font-size:16px;
	line-height:110%;
}
.fokus .list_berita_1 li.hl h5 a {  
	font-size:15px;
	line-height:110%;
}
.fokus .list_berita_1 li.hl .text {
	padding-top: 35px;
}
.fokus .list_berita_1 li.hl .text .date {
	padding: 0 8px;
	color: #dcdcdc;
}
.fokus .list_berita_1 li.hl .text h5 {
	padding: 0px 8px 8px 8px; 
	font-size:17px;
	line-height:110%;
}
.fokus .list_fokus {
	float:left;
	margin:0;
	width: 340px;
}
/*.fokus .list_fokus h1 {
	height: 25px;
	overflow: hidden;
}*/
.fokus .list_fokus h1 a {
	height: 22px;
	overflow: hidden;
	display: block;
}
/* e:box fokus  */

/* s:box fokus slider di detail sidebar kanan */
.cnn_fokus2 {
	height:204px;
	overflow:hidden;
}
.cnn_fokus2 .title {
	background:#cc0000;
	padding:0 15px;
	margin:0px;
	height:35px;
}
.cnn_fokus2 .title .logo {
	float: left;
}
.cnn_fokus2 .title .logo img { display:block; }
/*text*/
.cnn_fokus2 .title .logo a {
	color: #fff;
	text-transform: none;
	line-height:224%;  
}
.cnn_fokus2 .title .nav {
	float:right;
	margin-top:8px;
}
.cnn_fokus2 .title .nav img { 
	height:18px;
	display:inline-block;
	opacity:0.8; 
}
.cnn_fokus2 .title .nav img:hover { 
	 opacity:1;
}
/* e:box fokus slider di detail sidebar kanan */

/* s:box detikcom */
.detikcom {
	background:#fff url(../image/bg_dtk.gif) repeat-x 0px -30px;
}
.detikcom .sub_box5 {
	background:none; 
}
.detikcom .sub_box5 .title {
	padding: 8px 15px 0px 15px;
	background:#fff;
}

.detikcom .sub_box5 .list_berita_1 li:first-child {
	padding:0px;
} 
.detikcom .sub_box5 .list_berita_1 li:first-child, 
.detikcom .sub_box5 .list_berita_1 li:last-child 
{
	border-bottom:0px; 
}
.detikcom .sub_box5 .list_berita_1 li {
	border-bottom:1px dotted #005FA4;
	padding:10px 0px; 
}
.detikcom .sub_box5 .list_berita_1 li .pic3 {
	margin-bottom:0px;
	 
} 
.detikcom .sub_box5 .list_berita_1 li .date {
	color:#DCDCDC; 
}
.detikcom .sub_box5 .list_berita_1 li h4 a { 
	color:#fff; 
}
.detikcom .sub_box5 .list_berita_1 li h5 a {
	color:#fff; 
}
.detikcom .sub_box5 .text {
	padding-top: 15px;
}
.detikcom .sub_box5 .text .date {
	padding: 0 8px;
	color: #dcdcdc;
}
.detikcom .sub_box5 .text h5 {
	padding: 0px 8px 8px 8px;
}
/* e:box detikcom */

/* s:box berita utama */
.box_beritum300 { 
	float:left;
	width:340px;
	height:250px;
	overflow:hidden;
	margin-bottom:10px;
}
.box_beritum300 .title {
	background:#cc0000;
	padding:0 15px;
	margin:0px;
	height:35px;
}
.box_beritum300 .title .logo {
	float: left;
}
.box_beritum300 .title .logo img { display:block; }
/*text*/
.box_beritum300 .title .logo a {
	color: #fff;
	text-transform: none;
	line-height:224%;  
}
.box_beritum300 .title .nav {
	float:right;
	margin-top:8px;
}
.box_beritum300 .title .nav img { 
	height:18px;
	display:inline-block;
	opacity:0.8; 
}
.box_beritum300 .title .nav img:hover { 
	 opacity:1;
}

.box_beritum300 .listimg2 {
	height:191px;  
}
.box_beritum300 .listimg2 li { 
    width:340px;
	height:215px;
	overflow:visible; 
}  /*16:9*/ 
.box_beritum300 .listimg2 li .date,
.box_beritum300 .listimg2 li h5 
{
	padding:0 10px;
}  
.box_beritum300 .listimg2 .pic { 
    width:340px;
	height:150px; 
}  /*16:9*/ 

.box_beritum300 .listimg2 li h5 a {
	color:#000; 
}  /*16:9*/ 

/* e:box berita utama */

/* s:calender di indeks */
.calendar {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px 0;
	margin:10px 0 0 0;
	text-align:center;
}
.calendar a {
	font-size: 14px; 
	color: #565656;
	padding:0 5px; 
}
.calendar a.selected, 
.calendar a:hover
{  
	color: #ff0000; 
}
.calendar .datelabel {
	cursor: pointer;
	font-size: 18px;
	font-weight: lighter;
	color: #616161; 
}
.calendar .arrow {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 -3px;
	vertical-align: middle;
	border-top: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-bottom: 0 dotted;
}

.calendar input.datepick {
	text-align:center;
	
	cursor:pointer;
	font-size: 18px !important;
	font-weight: lighter;
	margin-bottom:0px;
	color: #616161;
	padding:0px;
	
	height:auto;
	width:174px;
	
	border:none;
	outline:none;
}

.calendar .areahover {
	display:inline-block;
}
.calendar .areahover:hover .datepick {
	color:#ff0000;
}
.calendar .areahover:hover .arrow { 
	border-top: 4px solid #ff0000; 
} 
/*e:calender di indeks*/


.indeks_fokus .list_berita_fokus {
	left: 15px;
	right: auto;
}
.list_berita_fokus li {
	border: 0 !important;
}


/* s:box tv */
.tv { } 
.tv .title {
	 margin-bottom:0px;
}
.tv .list_berita_1 li.hl {  
	padding-top:0px;
	margin:0; 
	display:block; 
	color:#f1f1f1;
	border-bottom:0px;
}
.tv .list_berita_1 li.hl .pic {
	float:left; 
	width: 300px;
	height: 168px;
	overflow: hidden; 
	background: #000;
	text-align: center;
	position: relative;
	margin:0 -15px 10px -15px; 
}
.tv .list_berita_1 li.hl .pic img {
	width:100%; 
}  
.tv .list_berita_1 li.hl h5 a {  
	font-size:15px;
	line-height:110%;
} 
/* s:box tv */


/* s:box sosmed */
.sosmed {
	float:left; 
	background:#fff;
	width:232px; 
} 
.sosmed .sub_box5 {
	padding:0 0 0 0px;  
} 
.sosmed .title { 
	padding: 20px 0 0px 0px;
	font-weight: bold;
	margin: 0 0 8px 0;
	width: auto;
	background: none;
	font-size: 15px;
	text-align:center;
	color: #595959;
	line-height:120%;
	 
}
.sosmed .list_berita_1 {
	padding:10px;
}
.sosmed .list_berita_1 li  { 
	width:50%; 
	float:left;   
	margin:0;
	padding:0px; 
	display:block; 
	color:#f1f1f1;
	border-bottom:0px;
	text-align:center;
}
.sosmed .list_berita_1 li a img {
	width:60%; 
}  
.sosmed .list_berita_1 li a { 
	padding:5px 10px 10px 10px;
	display:block;   
	line-height:1; 
} 
.sosmed .list_berita_1 li a:hover {
	opacity:0.9;
	text-decoration:none; 
}
.sosmed .list_berita_1 li a span {
	margin-top:5px;
	display:block;  
	font-size: 15px; 
	color:#595959;
}
.sosmed .list_berita_1 li a:hover span { 
	 
}
/* e:box sosmed */

/* ********** S:LIVE SCORE & indeks ********** */
/*danirus*/ 
.jdl_page {
	font-size: 18px;
	color: #000;
}
.statistik_box {
	position:relative; 
} 
.menu_statistik {
	float: left;
	width: 200px;
	background: #262626;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.menu_statistik .jdl {
	background: #f50000;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font-weight: bold;
	margin: 10px;
	border: 1px solid #f50000;
}
.menu_statistik a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 8px 15px 8px 30px;
	font-size: 12px;
	height: 15px;
	color: #bfbfbf;
	border-left: 5px solid #262626;
}
.menu_statistik a:hover {
	border-color: #737373;
	background: #323232;
}
.menu_statistik a.spesial  {
	border-left: 5px solid #028356;
	color:#fff; 
	background:#028356;
}
.menu_statistik a.spesial:hover  {
	border-left:5px solid #00B173;  
	background:#008C5B;
}
.menu_statistik .live_score {
	background: #f50000;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font-weight: bold;
	margin: 10px;
	border:1px solid #f50000;
}
.menu_statistik .live_score:hover {
	border-color: #f50000;
	background: #91070f;
}

.menu_statistik .head {
	background: #1a1a1a;
	color: #fff;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding: 12px 15px;
	border-left: 5px solid #262626;
}
.menu_statistik .head:hover {
	background: #1a1a1a;
}

/*s:spesial*/
 
/*e:spesial*/

.menu_statistik .sub img {
	height: 15px;
	float: left;
	margin-right: 10px;
}
.menu_statistik .sub span {
	float: left;
	padding-top: 2px;
}
.menu_statistik .selected,
.menu_statistik .head.selected,
.menu_statistik .selected:hover {
	color: #fff;
	border-color: #ca0813;
	background: #404040;
}
.content_statistik {
	float: right;
	width: 720px;
	background: #fff;
	padding: 20px;
	min-height: 540px;
	position: relative;
}
.content_f1 {
	width: 920px;
}
.content_statistik .jdl_page {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ca0813;
}
.content_statistik .jdl_page2 {
	font-size: 26px;
	font-weight: bold;
	line-height: normal;
	padding-top: 5px;
}
.content_statistik .pilih {
	cursor:pointer;
	float: right;
	font-size: 14px;
	position: absolute;
	top: 25px;
	right: 20px;
	width: 150px;
	height: 30px;
}
.tabel_stat {
	width: 100%;
	border-collapse: collapse;
	background: #fafafa;
}
.tabel_stat .head,
.tabel_stat .datahd,
.tabel_stat thead,
.tabel_stat .kategori_detail {
	background: #262626 !important;
	color: #fff;
	font-weight: bold;
}
.tabel_stat .head th {
	padding: 15px 0;
}
.tabel_stat .head2 th {
	padding: 10px 0;
}

.tabel_stat tr:nth-child(even) {
	background: #f2f2f2;
}
.tabel_stat td {
	text-align: center;
	padding: 10px;
}
.tabel_stat td:nth-child(1),
.tabel_stat td:nth-child(2){
	text-align: left;
	font-weight: bold;
}
.tabel_stat td:nth-child(8) {
	font-weight: bold;
}
.tabel_stat2 td:nth-child(1) {
	text-align: center;
}
.tabel_stat td img {
	float: left;
	height: 15px;
	margin-right: 5px;
}
.tabel_stat .end_table {
	background: #404040 !important;
	color: #FFF;
	font-size: 12px;
}
.tabel_stat .end_table label {
	font-size: 12px;
	display: inline-block;
	margin-right: 15px;
	font-weight: normal;
}
.tabel_stat .head3 {
	background: #fff !important;
	
}
.tabel_stat .head3 td {
	padding-left: 0;
	font-size: 15px;
	text-align: left !important;
	padding-top: 20px;
}
.tabel_stat_gp td:nth-child(1) {
	text-align: center !important;
}
.tabel_stat_gp th:nth-child(2),
.tabel_stat_gp td:nth-child(3) {
	text-align: left;
	padding-left: 10px;
}
.table_f1 .head th {
	font-size: 12px;
}
.table_f1 tr:nth-child(2){
	background: #edfada;
}
.title_group {
	padding: 5px 0 10px 0;
	color: #ccc;
	font-weight: bold;
	font-size: 18px;
}
.title_group a {
	color: #5f5f5f;
	display: inline-block;
	padding: 0 10px;
}
.title_group a.selected,
.title_group a:hover {
	color: #ca0813;
	text-decoration: none;
}

.table_f1 .datahd img {
	display: none !important;
}
.table_f1 .nos {
	text-align: center !important;
}

.table_f1 {
	border-bottom: 4px solid #404040;
}
.table_f1 .pts {
	color: #000;
}
.table_f1 thead td:first-child {
	padding-left: 30px;
}
.table_f1 td:last-child {
	background: #ffd800;
	font-weight: bold;
}
.table_f1 .datahd td:last-child {
	background: #262626;
}
.table_f1 td{
	width: 20px;
	padding: 10px 0;
}
.link_stat_f1 a{
	font-size: 16px;
	padding: 5px 20px;
}
.link_stat_f1 a:first-child {
	border-right: 1px solid #ccc;
}
.link_stat_f1 a:hover {
	background: #ca0813;
	color: #fff;
	text-decoration: none;
}
.menu_race {
	background: #262626;
}
.menu_race .satu {
	width: 479px;
	/*border-right: 1px solid rgba(255,255,255,0.4);*/
	float: left;
	color: #fff;
	text-align: center;
}
.menu_race .satu:first-child {
	border-right: 1px solid rgba(255,255,255,0.1);
}
.menu_race .satu .jdl_page2 {
	padding: 10px 0;
	background: #1a1a1a;
	font-size: 18px;
}
.menu_race a {
	color: #fff;
	padding: 10px 0;
	display: inline-block;
	width: 159px;
	float: left;
	border-bottom: 3px solid #262626;
	border-right: 1px dotted rgba(255,255,255,0.2);
}
.menu_race a:last-child {
	border-right: 0;
}
.menu_race a:hover {
	text-decoration: none;
	border-bottom: 3px solid #262626;
	background: #323232;
}
.menu_race a.selected {
	border-bottom: 3px solid #ca0813;
	text-decoration: none;
	background: #404040;
}

.menu_race .jdl_page2 {
	font-weight: bold;
}


.menu_bulan {
	background: #f2f2f2;
	height: 35px;
}
.menu_bulan a {
	display: inline-block;
	padding: 10px 0;
	width: 55px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
.menu_bulan a:hover {
	background: #d9d9d9;
	text-decoration: none;
}
.menu_bulan a.selected {
	background: #ca0813;
	color: #fff;
}

/* s:menu abjad */
.menu_bulan.abjad { 
	height: auto;
}
.menu_bulan.abjad a { 
	padding: 6px 8px;
	width: auto; 
	font-size: 14px; 
} 
/* e: menu abjad */



.menu_bulan2 a {
	width:60px; 
}
.menu_stat a {
	width: 150px;
}
.table_jadwal {
	font-weight: bold;
	width: 100%;
	border-collapse: collapse;
}
.table_jadwal td {
	padding: 8px 5px;
}
.table_jadwal .head {
	font-size: 15px;
	border-bottom: 1px solid #e6e6e6;
}
.table_jadwal .head td {
	padding-top: 30px;
	color: #ca0813;
}
.table_jadwal tr{
	border-bottom: 1px solid #e6e6e6
}
.table_jadwal td:nth-child(2) {
	font-weight: normal;
}
.table_jadwal td:nth-child(3) {
	text-align: right;
}
.table_jadwal td:nth-child(4) {
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}
.table_jadwal td:nth-child(4) strong {
	display: block;
}
.table_jadwal td:nth-child(6){
	font-weight: normal;
	font-size: 12px;
}
.table_jadwal td span {
	background: #ca0813;
	color: #fff;
	font-weight: bold;
	padding: 6px 8px;
	border-radius: 3px;
	display: inline-block;
}
.table_jadwal tr:hover {
	background: #f2f2f2;
}
.table_jadwal tr.head:hover {
	background: none;
}
.table_jadwal_live td:nth-child(1) {
	text-align: center;
}
.table_jadwal_live .head {
	border-bottom: 0;
}
.table_jadwal_live .head2 {
	background: #f2f2f2;
}
.table_jadwal_live .head2 td,
.table_jadwal_live .head td {
	text-align: left;
}
.table_jadwal_live .on {
	background: #467c00;
}


/* ********** E:LIVE SCORE ********** */



.show_bu {
    position: absolute;
    top: 0;
    left: 10px;
}
.show_bu .isi {
    display: none;
}
.list_berita_terpopular_wp li{
	height: 65px;
	padding: 5px 0;
}
.list_berita_terpopular_wp li .subjudul,
.list_berita_terpopular_wp li .date {
	margin: 0;
}


/* s:list indeks saham */

.box_search_saham {
	background:#E6E6E6; 
	padding:7px 5px;  
	font:11px Tahoma, Geneva, sans-serif;
	color:#656565;
	margin-bottom:20px; 
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box_search_saham form { color:#656565; } 

.box_search_saham form input[type="text"], 
.box_search_saham form select
{
	border:1px solid #BDBDBD; 
}

.box_search_saham form input[type="text"] { 
	float: left; 
	padding: 5px;
	margin: 0; 
	width: 170px;
	height:18px;
}
.box_search_saham form input[type="button"] { 
	cursor:pointer;
	float: left;
	border: 1px solid #0AF;
	padding: 14px;
	margin: 0 0 0 -1px;
	background: url(../image/icon_search2.png) #0AF no-repeat center;
	height: 25px;
	width: 25px;
}
.box_search_saham form input[type="button"]:hover { 
	background:url(../image/icon_search2.png) #3EB5F0 no-repeat center; 
}
.box_search_saham form select {  
	padding: 5px;
	margin: 0;
	color: #777777;
	height:31px;
	width: 180px;
}
.box_search_saham form select.s2 { 
	width: 140px;
}  
 
.list_box_saham {
	float:left; 
    list-style:none;
    padding:0 0 0 0;
    margin:-5px 0 0 -10px;
}
.list_box_saham li { 
    float:left;
    margin:5px 0px 5px 10px;
	padding:10px 10px 3px 10px;
	width:178px;
	height:95px;
	overflow:hidden; 
    background:#fff; 
	border:1px solid #e6e6e6; 
	position: relative;
}  
.list_box_saham li .emiten a {
	display:block;
	color:#5f5f5f;
	font-size:12px;
	text-decoration:none; 
} 
.list_box_saham li .emiten div {
	color:#000;
	display:block; 
	font-size:20px;
	font-weight:bold;
	padding-bottom: 5px;
} 
.list_box_saham li .emiten a:hover { 
	color:#ff0000;
}

.list_box_saham li .point {
	color:#000;
	font-size:23px;
	letter-spacing:-0.5px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 10px;
} 
.list_box_saham li .point img {
	width:15px; 
	margin-right: 5px;
} 
.list_box_saham li .point2 {
	float:right;
	color:#649500;
	font-size:14px;
	bottom: 0;
	right: 0;
	padding: 0px 10px;
	height: 40px;
	position: absolute;
}
.list_box_saham li .point2.red { 
	color:#cb0a1f;
}
.list_box_saham li .point2 b {
	padding-top:3px;
	display:block;
	font-size:14px; 
} 
/* e:list indeks saham */

.cblue {
	margin-top:20px;
	text-decoration:none;
	font-size:18px;  
	color:#000;
	margin-bottom:20px;
	position:relative;
}
.cblue div {
	display:block;
	font-size:30px; 
	color:#000;
	font-weight:bold;
	line-height:100%;
	padding-bottom: 3px;
} 
.cblue .sektoral {
	display:block;
	font-weight:normal;
	font-size:13px;
	line-height:200%;
}

/*search*/
.cblue .search {
	width:200px;
	left:inherit; 
	right:0px;
	background:#cf2009; 
}
.cblue .search .input {
	width:148px; 
	color: #fff ; 
}
.cblue .search .input::-webkit-input-placeholder { color:#fff; }
.cblue .search .input::-moz-placeholder { color:#fff; } /* firefox 19+ */
.cblue .search .input:-ms-input-placeholder { color:#fff; } /* ie */
.cblue .search .input:-moz-placeholder { color:#fff; }


/*box head saham - Halaman detail saham*/ 
.box_saham2 {
	display:block;
	margin:0px 0 20px 0; 
}
.box_saham2 .point {
	float:left;
	/*color:#525252;*/
	color:#519600;
	font-size:52px;
	letter-spacing:-1.5px;
	line-height:100%; 
	padding-top: 5px;
} 
.box_saham2 .point img {
	padding:0 0 5px 0;
}
.box_saham2 .point.red {
	color:#cb0a1f;
} 
.box_saham2 .point2 {
	float:left;
	margin-left:30px;
	padding-top:15px; 
	color:#519600;
	font-size:18px; 
}
.box_saham2 .point2.red { 
	color:#cb0a1f;
}
.box_saham2 .point2 b {
	padding-top:7px;
	display:block;
	font-size:18px; 
}

.box_saham2 .point3 {
	float:right;
	margin-left:20px; 
	margin-right:10px; 
	font-size:12px;
	color:#2d7ba3;
}
.box_saham2 .point3 .row {
	padding-bottom: 3px;
}
.box_saham2 .point3 b {
	padding-top:1px;
	display:block;
	font-size:15px;
	color:#000;
}
/*emas*/
.box_saham2 .point4 {
	float:left; 
	font-size:15px; 
	color:#656565; 
}
.box_saham2 .point4 span { 
	font-size:45px; 
	letter-spacing:-2px;
}

.box_saham2 .point5 {
	 margin-top: 6px;
	 float:right; 
	 font-size:12px;
	 color:#2d7ba3;
}
.box_saham2 .point5 span { 
	 display:block;
	 font-size:15px;
	 color:#656565;
}
.box_saham2 .point5 b {
	letter-spacing:-1.5px;  
	font-size:20px;
}
/* s:tabel sektoral saham */
.box_table_saham {
	border: 1px solid #D5D5D5;
	margin: 10px 0 20px 0; 
	font-size: 13px;
	text-align: center; 
}
.box_table_saham .lists {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.box_table_saham .lists .head {
	background: #e1e1e1;
	color: #333;
	padding: 10px 5px;
	border-bottom: 1px solid #D5D5D5;
}
.box_table_saham .lists .head .c1, .box_table_saham .lists .head .c2, .box_table_saham .lists .head .c3 {
	color: #333;
}
.box_table_saham .lists .c1, .box_table_saham .lists .c2, .box_table_saham .lists .c3 {
	float: left;
	color: #494949; 
	padding: 0 5px;
}
.box_table_saham .lists .c1 {
	text-align: center;
	width: 10%;
}
.box_table_saham .lists .c2 {
	width: 42%;
}
.box_table_saham .lists .c3 {
	width: 42%;
}
.box_table_saham .lists li {
	margin:0px; 
}
.box_table_saham .lists li a {
	display: block;
	border-bottom: 1px solid #e7e7e7;
	padding: 6px 5px;
	text-decoration: none;
	color: #494949;
	background:#fff;
}
.box_table_saham .lists li a:hover, 
.box_table_saham .lists li:nth-child(even) a:hover { 
	background-color: #f0f0f0;
	text-decoration: none;
}
.box_table_saham .lists li:nth-child(even) a {
	background-color: #f6f6f6;
}
/* e:tabel sektoral saham */

/*pertanggalan*/
.datesaham {
	margin:0px 0 20px 0;
	text-align:center; 
	display:block;
	color:#7C7C7C;
	font-size:12px;
}
.datesaham .fl {
	text-align: left;
	padding-top: 8px;
}
.datesaham .fr .smb {
	float: left;
	padding-top: 10px;
	margin-right: 10px;
}

.datesaham span {
	display:block;
}

/* s: improve form select - di indeks fokus - di indeks saham */
.styled-select {
	display:inline-block; 
	/*float:right;  */
	height: 33px;
	overflow: hidden;
	background: url(../image/down_arrow_select.jpg) no-repeat right #cf2009; 
	/*width: 240px; */
}
.styled-select select {
   background: transparent;  
   height: 33px;
   padding: 5px 5px 5px 8px;
   font-size: 15px;
   line-height: 1;
   border: 0;
   border-radius: 0; 
   -webkit-appearance: none;
   cursor:pointer;
   color:#fff;
   margin-right:-18px;
   border:none;  
   /*width: 268px;*/
}
.styled-select select option {
	background:#fff;
	color:#333; 
}
/* e: improve form select kanal */

/* s:oppo */
.oppo {
	background:#007E52;
	background:url(../image/oppo_bg.jpg) top center no-repeat;  
}
.oppo .list_berita_1.alt2 li .date {
	color:#C1F6C0;
}
.oppo .list_berita_1.alt2 li .subjudul {
	color:#FFD200;
}
.oppo .list_berita_1.alt2 li h4 a {
	color:#fff;
}
.oppo .title {
	background:#009f68; 
	color:#ffffff;
}
.oppo .title .logonya {
	position:absolute;
	top:3px;
	left:3px; 
	width:110px; 
}
.oppo .title .logonya:hover {
	opacity:0.8;
}
.oppo .title .logonya img {
	width:100%;
}
.oppo .title a.indeks {
	background:#fff;
	color:#00905F;
}
/* e:oppo */

/*S: TAMBAHAN FOOTER*/
.footer .foot3 .link_bot div a{
	font-size:11px;
	margin-top:4px;
}


/*s:data tidak ditemukan*/ 
.datanull {
	float:left;
	display:block;
	width:100%;
	height:100%;
	margin-bottom:20px; 
	background: rgb(245,245,245); 
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(255,255,255,0) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(255,255,255,0))); 
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 100%); 
	background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 100%); 
	background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00ffffff',GradientType=0 ); 
} 
.datanull .contentz {
	height:240px; 
	background-image:url(../image/404_wayang.png);
	background-size: auto;
	background-position:left -85px;
	background-repeat:no-repeat; 
	
	padding:50px 20px 20px 20px; 
	text-align:center; 
	z-index:2; 
}
.datanull .contentz .s1 {
	line-height:150%;
	display:block;
	font-size:38px;
	color:#cf0000;
	font-weight:bold; 
}
.datanull .contentz .s2 {
	line-height:150%;
	display:block;
	font-size:27px; 
	font-weight:bold; 
} 
/*e:data tidak ditemukan*/

/*TAMBAHAN CSS UNTUK IMAGE 16:9 DI BERITA TERBARU*/
.pic_w{
	float: left;
	width: 93px;
	height: 70px;
	overflow: hidden;
	margin-right: 10px;
	background: #000;
	text-align: center;
	position: relative;
}
.pic_w img{
	height:100%;
}


/*s:label*/
.labels {
	background: rgba(204,0,0,0.7);
	padding: 8px 10px;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 10px;
	text-transform: uppercase;
}
.list_berita_1 .labels {
	top:0px;
	right:0px;
	font-size:11px;
	padding:4px 6px;
}
/*e:label*/ 

/* xxxxxxxxxxxxxxxxxxxxxxxx S:KOLOMNIS xxxxxxxxxxxxxxxxxxxxxxxx */

/* s:box profile */
.profilez {
	background: #E5E5E5;
	padding: 15px;
	margin-bottom: 20px;
	display: block;
	border: 1px solid #DADADA;
} 
.profilez .profil_img {
	border:4px solid #fff;
	
	width: 108px;
	height: 108px;
	margin: 0px 15px 0 0; 
	
	-moz-box-shadow: 0px 0px 5px #d5d5d5;
	-webkit-box-shadow: 0px 0px 5px #d5d5d5;
	box-shadow: 0px 0px 5px #d5d5d5;
} 
.profilez a.profil_img:hover {
	opacity:0.8;
}
.roundz {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	overflow: hidden;
	display: block;
	text-align: center;
	float: left;
}
.profilez .profil_img img {
	width:100%;
}
.profilez .descs {
	float: left;
	width: 455px;
	color:#515151;
}
.profilez .descs h3 {
	color:#E60000;
	font-weight: normal;
	text-transform:uppercase;
	font-size:12px;
}
.profilez .descs h2, .profile .descs h3 {
	font-family: Roboto, sans-serif; 
	line-height: 103%;
}
.profilez .descs h2 {
	color:#3d3d3d; 
	margin-bottom: 10px;
	font-size:22px;
}

/* dihlmn detail indeks kolom 8*/
.profilez.detail_indks_kol {
	background:none; 
}
.profilez.detail_indks_kol .descs {
	width:750px;
}

/* e:box profile */

/* s: menu profile */
.menu_statistik .jdl.jdl_profilez {
	position:relative; 
	text-align:left;
	padding: 8px;
	margin:0px 0 10px 0;  
}
.menu_statistik .jdl.jdl_profilez a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding:0px;
	font-size: 13px;
	height:auto; 
	border-left:none;
}
.menu_statistik .jdl.jdl_profilez a:hover {
	background:none;
	text-decoration:underline;
}
.menu_statistik .navz {
	cursor:pointer;
	position:absolute;
	top:4px;
	right:8px;
}
.menu_statistik .navz:hover {
	opacity:0.8;
}
.menu_statistik .navz  img { 
}
.menu_statistik #kolom_menu_prev {
	 right:28px;
} 
.menu_statistik #kolom_menu_next {
} 

.profilez_menu a {
	height:auto;
	padding:6px 0px 6px 10px;
}
.profilez_menu a h5 {
	font-size: 13px;
	margin-top: 15px;
	display: block;
} 
.profilez_menu .profil_img { 
	width: 50px;
	height: 50px;
	margin: 0px 10px 0 0; 
}
.profilez_menu .profil_img img {
	width:100%; 
}
/* e: menu profile */

/* s:box KOLOM - slider */
.box.kolom {
	height:auto;
	overflow:hidden;
	background:none;  
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;
	margin-bottom:20px; 
}
.box.kolom .title  { 
	background: rgb(45,45,45);   
	padding:0px 15px;
	margin-bottom:10px;
}
.box.kolom .title  span {
	float:left;
	padding:10px 0; 
}
.box.kolom .title .logo  {
	float:left; 
}
.box.kolom .title a.indeks  {
	float:right;
	margin-top:8px; 
} 

.box.kolom .listz {
	padding:0;  
}
.box.kolom .listz .navz {  
  /* opacity: 0.8; */
  margin: 45px 0px 0px 0px;
  float: left;
  cursor: pointer;
  background: #F00;
  padding: 5px 3px;
  line-height: 99%;
}
.box.kolom .listz .navz:hover {
	opacity:0.7;
}
.box.kolom .listz .navz img {
	width:18px;
}
.box.kolom .listz .caroufredsel_wrapper {
	float:left;
}
.box.kolom .listz ul {
	float:left;
	margin:0px;
	padding:0px;
}
.box.kolom .listz ul li {
	text-align:center;
	list-style:none;
	float:left;
	width:122px; 
	margin:0px 10px;
	padding:0 0 10px 0;
}
.box.kolom .listz ul li .subjudul {
	font-size:11px;
	color: #dadada; 
	margin: 0 0 1px 0;
}
.box.kolom .listz ul li h5 {
	font-size:14px;
}
.box.kolom .listz ul li h5 a {
	 
	font-size:12px;
	line-height:130%; 
}
.box.kolom .listz ul li .pic { 
	float:left; 
	width:123px;
	height:110px;
	margin-bottom:7px; 
	overflow: hidden; 
	background: #000;
	text-align: center;
	position: relative;
}
.box.kolom .listz ul li .pic:hover {
	opacity:0.9;
}
.box.kolom .listz ul li .pic img {
	width:100%; 
}
/* e:box KOLOM */

.box.kolomz .pic {
	width:70px;
	height:75px;
	margin-bottom:0px; 
}
.box.kolomz .dsc {
	float:right;
	width:120px;
}


.list_indeks.kolomniz .pic {
	height: 133px;
	margin-bottom:0;
}
/* xxxxxxxxxxxxxxxxxxxxxxxx E:KOLOMNIS xxxxxxxxxxxxxxxxxxxxxxxx */


/* ----- S:WOKMARK GALERY ----- */
#box_wokmark {
  margin:0 0 10px 0;  
  position: relative;
} 
#list_wokmark {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
} 
#list_wokmark li {
  width: 300px;
  background-color: #ffffff;   
  display: none; /** Hide items initially to avoid a flicker effect **/
  padding: 0; 
  -webkit-transition: all 0.3s ease-out;
         -moz-transition: all 0.3s ease-out;
           -o-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
			  
  	-moz-box-shadow: 0px 0px 5px #d5d5d5;
	-webkit-box-shadow: 0px 0px 5px #d5d5d5;
	box-shadow: 0px 0px 5px #d5d5d5;
}  
#list_wokmark li .pic {   
    overflow:hidden;
    background:#fff; 
} 
#list_wokmark li .pic img {
	display:block;
	height:auto; 
	width:100%;  
} 
#list_wokmark li .pic:hover img { opacity:0.9; } 
/* ----- E:WOKMARK GALERY ----- */

.student .title {
	background:#1f7ebe;
}
.student .title a {
	color:#fff;
}
.student .list_berita_1 {
	margin:0 -5px;
}
.student .list_berita_1 li {
	padding-top:0px;
	float:left;
	width:225px;
	margin:0 5px;
}
.student .list_berita_1 li .pic { 
	margin-right:0px;
	margin-bottom:5px;
	width:225px;
	height:126px;
}
.student .list_berita_1 li h2 {
	font-size:15px;
	line-height:100%;
}
.student .list_berita_1 li .status1, 
.student .list_berita_1 li .status2 {
	font-size: 13px;
    color: #1f7ebe;
    font-weight: bold;
}
.student .list_berita_1 li .status2 {
	color: #d64049;
}


/*s:copa*/
.list_copa_negara li {
	text-align: center;
	
}
.list_copa_negara li h5 {
	font-weight: bold;
	font-size: 15px;
}
.list_copa_negara li .pic {
	width: 100%;
	height: 150px;
	text-align: center;
	display: block;
	border:1px solid #979797;
}
.list_copa_negara li .pic img {
	width: auto;
	height: 104%;
}
/*e:copa*/


/*s:infografis*/
.hl_infografis {
	margin-top: 10px;
}
.hl_info_1 {
	width: 640px;
	height: 360px;
	position: relative;
	background: #000;
	color: #fff;
	float: left;
	text-align: center;
	margin-right: 20px;
	overflow: hidden;
}
.hl_info_1:hover {
	opacity: 0.9;
}
.hl_info_1 .date {
	color: #bcbcbc;
}
.hl_info_1 .pic {
	width: 100%;
	height: 100%;
}
.hl_info_1 img {
	height: 100%;
}
.hl_info_1 .text {
	position: absolute;
	bottom: 0;
	left:0;
	width: calc(100% - 30px);
	padding: 15px;
}
.hl_info_1 .text h1 {
	font-size: 22px;
	line-height: 130%;
}
.hl_info_1 .text h1:hover,
.hl_info_1 .text h2:hover {
	text-decoration: underline;
}
.hl_info_2 {
	float: left;
	width: 300px;
	height: 169px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	margin-right: 0;
}
.hl_info_2 .text h2 {
	font-size: 15px;
	line-height: 130%;
}
.hl_info_2 .text {
	width: calc(100% - 20px);
	padding: 10px;
}
.list_info .list_berita_1.alt2 li,
.list_info .list_berita_1.alt2 li .pic{
	width: 230px;
}
.list_info .list_berita_1.alt2 li {
	margin-bottom: 20px;
}
.list_info .list_berita_1.alt2 li .pic {
	height: 129px;
}
.sortindex-foto {
	height: 22px;
}
.sortindex-foto .areahover {
	float: left;
	position: absolute;
	left: 10px;
}
.sortindex-foto .styled-select {
	margin-top: -6px;
	position: absolute;
	right: 20px;
}
/*e:infografis*/


.video_tv {
	position: absolute;
	margin-left: -15px;
	margin-top: -10px;
	background-color: #000;
	padding: 13px 0;
	width: 475px;
}

/* aku dan jakarta */
.akujakarta{}
.box.akujakarta {
	background:url(../image/jakartabg.jpg) #f03b3b 200px 0 no-repeat;
}
.box.akujakarta3 {
	background:#fff;
}
.box.akujakarta3 .title {
	background:url(../image/cb_ramadan.jpg);
	padding:8px 15px; 
	margin-bottom: 0;
	position: relative;
	height:15px;
}
.box.akujakarta2 {
	background:#e0e0e0;
}
.box.akujakarta2 .title {
	background:url(../image/jakartabg.jpg) #f03b3b 200px 0 no-repeat;
	padding:8px 15px; 
	margin-bottom: 0;
	position: relative;
}
.box.akujakarta .title {
	background:none;
	padding:8px 15px; 
	margin-bottom: 0;
	position: relative;
}
.box.akujakarta .list_berita_1  h2,.box.akujakarta2 .list_berita_1  h2, .box.akujakarta3 .list_berita_1  h2 {
	text-align:center;
	background:rgba(0,0,0,0.5);
	margin-bottom:2px;
	height:48px;
}
.box.akujakarta .list_berita_1  h2 a, .box.akujakarta2 .list_berita_1  h2 a, .box.akujakarta3 .list_berita_1  h2 a {
	display:block;
	padding:5px; 
	font-size:15px;
	color:#FFCB00; 
}
.box.akujakarta .list_berita_1 .date,.box.akujakarta2 .list_berita_1 .date, .box.akujakarta3 .list_berita_1 .date {
	color:#CCC;
}
.box.akujakarta .list_berita_1 h5 a, .box.akujakarta2 .list_berita_1 h5 a, .box.akujakarta3 .list_berita_1 h5 a{
	color:#000;
}
.box.akujakarta .list_berita_1, .box.akujakarta2 .list_berita_1, .box.akujakarta3 .list_berita_1 {
	margin:10px -5px 0;
}
.box.akujakarta .list_berita_1 li, .box.akujakarta2 .list_berita_1 li, .box.akujakarta3 .list_berita_1 li {
	padding:0px;
	margin:0 5px;
	float:left;
	width:200px;
	border:none;
}
.box.akujakarta .list_berita_1 li .pic2, .box.akujakarta2 .list_berita_1 li .pic2, .box.akujakarta3 .list_berita_1 li .pic2 {
	width: 200px;
    height: 113px;
    display: block;
    overflow: hidden;
}
.box.akujakarta .list_berita_1 li .pic2 img, .box.akujakarta2 .list_berita_1 li .pic2 img, .box.akujakarta3 .list_berita_1 li .pic2 img {
	width:100%;
	height:auto;
	display:block;
}
.box.akujakarta a.indeks, .box.akujakarta2 a.indeks, .box.akujakarta3 a.indeks{background: none; font-size: 26px; position: absolute; right: 15px; top: 0; padding: 0;}
.box.akujakarta .title .sponsor, .box.akujakarta2 .title .sponsor, .box.akujakarta3 .title .sponsor{float: right; margin-right: 40px; margin-top: -9px;  font-size: 12px;}
.box.akujakarta .title .sponsor span, .box.akujakarta2 .title .sponsor span, .box.akujakarta3 .title .sponsor span{margin-top: 16px;display: inline-block;float: left; margin-right: 8px;}
.box.akujakarta a.icon_plus, .box.akujakarta2 a.icon_plus, .box.akujakarta3 a.icon_plus{padding:2px; background-position: center;}

.icon_play2{position:absolute; bottom:10px; right: 10px; background:url('../image/ico_video_s.png') no-repeat; width: 31px; height: 31px; }
.menu_statistik a.saj{background: #888; border-left: 5px solid #c90000; color: #fff;}


/* mega menu */
/* menu links */
.menu .nav {
  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 500;
  overflow: visible!important;
  width: 100%;
  background: #f2f2f2;
}

.menu .nav > li > a {
  display: block;
  position: relative;
  z-index: 510;
}
.menu .nav > li > a:focus,
.menu .nav > li:hover > a {
	background: #f2f2f2;
}
.menu .nav > li:first-child > a {
}
/* menu dropdown */
/*.mega-menu {
  background: #000;
  opacity: 0;
  position: absolute;
  transition: all .3s ease .15s;
  visibility: hidden;
  width: 100%;
  top: 36px;
  left: 0;
  z-index: 510;
}


li.lain:hover > .mega-menu {
  opacity: 1;
  overflow: visible;
  visibility: visible;
}*/

.mega-menu {
  background: #000;
  position: absolute;
  width: 100%;
  top: 183px;
  /*top: 36px;*/
  left: 0;
  z-index: 510;
  display: none;
}

.mega-menu .container{width: 960px;}

.menu .nav{background: #d9d9d9;}
.mm-open .nav{background: #f2f2f2;}
.mm-open .nav .selected a{background: none; color: #343434;}
.mm-open .nav a, .mm-open .nav a:hover{color: #343434; background: #000!important;}
.lain.selected a, .lain.selected a:hover{background: #f2f2f2!important;color: #c90000!important;}
.adbg{position: absolute; top: 0; bottom: 0; left: 0; right: 0;z-index: -1;}

/* menu content */
.nav-column {
  float: left;
  color: #fff;
}
.nav-column a {
  color: #fff;
  display: block;
}
.nav-column a:hover {
  color: #fff;
}
.nav-column h3 {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-align: left;
}
.row1 .nav-column{width:10.28571%; float: left; padding: 2%;}
.row2 .nav-column{width:10.28571%; float: left; padding: 2%;}
.row2 .nav-column.new-c{width:30%; float: left; padding: 2%;}
.nav-column ul{height: auto; text-align: left;width: 100%; margin:0;}
.nav-column li{display: block;width: 100%; /*border-bottom: 1px solid #3e3e3e;*/}
.nav-column li a{padding:2px 0; color: #bfbfbf;; font-size: 14px; font-weight: normal; display: block; float: none;}
.lain.selected .nav-column  li a{background: none!important; }
.menu li .nav-column  li a:hover{color: #c90000; background: none!important;}
/* dicomment utk kebutuhan menu subfokus */
/*.menu li a:hover{background: #f2f2f2!important;}*/
.medsos{width: 98%; text-align: right;padding:0 2% 20px 0; }
.medsos a{padding: 0!important; margin: 10px 5px; float: none!important; background: none!important;}
.menu li .medsos a:hover{background: none!important;}
.lain a{padding: 9px 8px 9px 8.3px!important;}
.mm-open .lain a img{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.medsos img{width: 36px;}
.container{z-index: 0!important;}




/*s:update font cnn sans*/
.menu li a {
	padding: 9px 8px;
}

.headline_new .desc h1 {
    font-size: 21px;
}
.headline_new .desc .subdesc { 
	font-size: 13px;
}
.hl_terkait a { 
    font-size: 13px; 
}

.beritautama ul li h5 {
    font-size: 14px;
}

.student .list_berita_1 li h2 {
    font-size: 13px; 
}

.fokusutama ul li h5 {
    font-size: 13px;
}

.galkanal #headline_fotos div .text h3 a {
    font-size: 19px; 
}

.headertwo .jdls { 
    font-size: 29px; 
}
.headertwo .foll { 
    width: 213px;
}

.indeks_fokus h3 a { 
    font-size: 22px; 
}

.list_indeks h3 {
    font-size: 18px; 
}



.content_detail h1, 
.content_foto h1 {
    font-size: 28px !important; 
}
.topik1 h5 {
    font-size: 15px !important; 
}
.topik1 a {
    font-size: 14px !important; 
}

/*e:update font cnn sans*/

/*s:update box cnntv dan slide foto*/
.galkanal2 {
	width: 445px;
	height: 300px;
	position: relative;
	overflow:hidden;
	border: 1px solid #ddd;
	background:#000;
}
.galkanal2 .bigpic {
	width: 445px;
	height: 300px;
	/*height:413px;*/
	text-align: center;
	background: #000;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.galkanal2 #headline_fotos {
	width: 445px;
	margin-bottom:10px;
	background:#000;
}
.galkanal2 #headline_fotos div {
	width:445px;
	height:300px;
	display:block;
	float:left;
	background:#000;
	position: relative;

	opacity: 0.9999;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.galkanal2 #headline_fotos div .pic {
	width:445px;
	height: 300px;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:1;
	text-align:center;
	background:#000;
}
.galkanal2 #headline_fotos div .pic .play {
	width:50px; height:50px;
	background:url(../image/btn_play.png) no-repeat center center;
	opacity:0.7;
	position:absolute;
	left:45%; top:45%;
}
.galkanal2 #headline_fotos div .pic img {
	height:100%;
}
.galkanal2 #headline_fotos div .text {
	padding:30px 15px 10px 15px;
	display:block;
	position:absolute;
	z-index:2;
	/*background-color: rgba(0,0,0,0.5);*/
	width: calc(100% - 30px);
	bottom:0;
	font-size:13px;
	line-height:127%;
}

.galkanal2 #headline_fotos div .text h2 {
	color:#FFF;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
/*judul utama*/
.galkanal2 #headline_fotos div .text h3 a {
	font-size:20px;
	line-height:110%;
	font-weight:lighter;
}
.galkanal2 #headline_fotos div .text h3 a:hover {
	text-decoration:underline;
}
/*subjudul*/
.galkanal2 #headline_fotos div .text h4 {
	font-size:13px;
	color:#f2f2f2;
}
/*date*/
.galkanal2 #headline_fotos div .text h6 {
	font-size:12px;
	color:#aaa;
}
.galkanal2 #headline_fotos div .text a {
	text-decoration:none;
	color:#fff;
	font-size:22px;
}
.galkanal2 #headline_fotos div .text a:hover {
	color:#FFF;
}
.galkanal2 #headline_fotos div img {
	height:100%;
	/*width:100%;*/
}

.galkanal2 .caroufredsel_wrapper {

}
.galkanal2 .thumbs {
	width: 445px;
	height: 68px;
	position: relative;
}
.galkanal2 .thumbs div {
	float:none;
	width:124px;
	height:68px;
	text-align:center;
	background:#000;
	overflow:hidden;
    display:inline-block;
	opacity: 0.4;
}
.galkanal2 .thumbs div:hover,
.thumbs div.selected {
	cursor:pointer;
	opacity: 1;
	width:124px;
	height:68px;
}
.galkanal2 .thumbs div .pic {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.galkanal2 .thumbs div .pic img {
	width:145px;
}
.cnntv .sub_box3a {
	padding: 13px 9px 20px 0;
	border-right: 1px solid #bfbfbf;
	width: 455px;
	margin-bottom: 0px;
	display: block;
}
.cnntv .sub_box3b {
	padding: 13px 0 10px 6px;
	width: 455px;
}
.cnntv .title {
	background:#262626;
	margin-bottom: 0px;
}
.cnntv .title a {
	color:#fff;
}
.cnntv .list_berita_1 {
	margin:0 -5px;
}
.cnntv .list_berita_1 li.first {
	padding-top:7px;
	float:left;
	width:220px;
	margin:0 5px;
	border-bottom: 0px;
}
.cnntv .list_berita_1 li.first .pic {
	margin-right:0px;
	width:220px;
	height:165px;
	margin-bottom:0px;
}
.cnntv .list_berita_1 li .pic img {
	height: 100%;
	width: auto;
}
.cnntv .list_berita_1 li {
	padding-top:7px;
	float:left;
	width:220px;
	margin:0 5px;
}
.cnntv .list_berita_1 li.last {
	padding-top:7px;
	float:left;
	width:220px;
	margin:0 5px;
}
.cnntv .list_berita_1 li.first .date {
    color: gray;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 2px;
    padding-top: 7px;
    display: block;
}
.cnntv .list_berita_1 li .date {
    color: gray;
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 2px;
    display: block;
}
.cnntv .list_berita_1 li .pic {
	margin-right:5px;
	margin-bottom:5px;
	width:90px;
	height:68px;
}
.cnntv .list_berita_1 li h2 {
	font-size:11px;
	line-height:100%;
}
.cnntv .list_berita_1 li .status1,
.cnntv .list_berita_1 li .status2 {
	font-size: 10px;
    color: #1f7ebe;
    font-weight: bold;
}
.cnntv .list_berita_1 li .status2 {
	color: #d64049;
}


.cnntv .list_berita_1 li.first h2 {
	font-size:14px;
	line-height:100%;
	width: 90%;
}
.cnntv .list_berita_1 li.first .status1,
.cnntv .list_berita_1 li.first .status2 {
	font-size: 12px;
	text-transform: uppercase;
    color: #1f7ebe;
    font-weight: bold;
}
.cnntv .list_berita_1 li.first .status2 {
	color: #d64049;
}
.cnntv h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0px 3px 0;
	float: left;
}
.cnntv a.more {
	float: right;
    font-size: 19px;
    color: #222;
    padding: 0px 7px;
    text-decoration: none;
}
.cnntv a.more:hover {
	background: #f00000;
	color: #fff;
}


.cnntv .list_program {
	margin:0 -5px;
	list-style: none;
}
.cnntv .list_program li.first {
	padding-top:7px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	float:left;
	width:455px;
	margin:0 5px;
	font-size: 13px;
	line-height: 130%;
	border-bottom: 1px dotted #ccc;
}
.cnntv .list_program li.first .pic {
	margin-right:10px;
	width:220px !important;
	height:124px;
	margin-bottom:0px;
	display: block;
	float: left;
}
.cnntv .list_program li .pic img {
	height: 100%;
	width: auto;
}
.cnntv .list_program li {
	padding-top:7px;
	padding-left: 3px;
	padding-right: 3px;
	float:left;
	width:445px;
	margin:0 5px;
}
.cnntv .list_program li.last {
	padding-top:7px;
	float:left;
	width:220px;
	margin:0 5px;
}
.cnntv .list_program li .date {
    color: gray;
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 1px;
}

.cnntv .list_program li .pic {
	margin-right:5px;
	margin-bottom:5px;
	width:90px;
	height:51px;
}
.cnntv .list_program li h2 {
	font-size:12px;
	line-height:100%;
}
.cnntv .list_program li .status1,
.cnntv .list_program li .status2 {
	font-size: 10px;
    color: #1f7ebe;
    font-weight: bold;
}
.cnntv .list_program li .status2 {
	color: #d64049;
}


.cnntv .list_program li.first h4 {
	font-size:12px;
	line-height:100%;
}
.cnntv .list_program li.first .status1,
.cnntv .list_program li.first .status2 {
	font-size: 12px;
	text-transform: uppercase;
    color: #1f7ebe;
    font-weight: bold;
    margin-bottom: 5px;
}
.cnntv .list_program li.first .status2 {
	color: #d64049;
}
.cnntv .btn_livestreaming {
	background: #f00000;
	padding: 9px 13px 8px;
	margin: -8px -15px 0 0;
	font-size: 13px;
}
.cnntv .btn_livestreaming:hover {opacity: 0.7}
.cnntv img.icon_live {
	height: 20px;
	float: left;
	padding-right: 10px;
}
.cnntv span {
	float:left;
	padding-top: 2px;
}
.cnntv .time2 {
	background: url(../image/ico_video.png) no-repeat 4px 7px;
	background-color:rgba(0,0,0,0.5);
	background-size:12px;

	height: 17px;

	position: absolute;
	left: 0px; bottom: 0px;

    color: white;
    display: inline-block;
    font-size: 9px;
    padding: 0px 5px 8px 20px;

	line-height:300%;

}
.cnntv .btn_indeks {
    display: block;
    margin: 13px 0 0;
    padding-top: 0px !important;
    text-align: center;
}
.cnntv .btn_indeks a {
    background: none repeat scroll 0 0 #f00000;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    line-height: normal;
    padding: 7px 18px;
    text-transform: uppercase;
}
/*e:update box cnntv dan slide foto*/


.list_fv {
    width: 100%;
    margin: 15px 0;
    position: relative;
}

.list_fv ul{
	margin:0;
	padding:0;
}

.list_fv ul li {
	background:#fff;
    float: left;
    /*width: calc(100% / 3 - 15px);*/
    width: calc(100% / 3 - 10px);
    /*margin: 0 15px 15px 0;*/
    margin: 0 5px 15px 5px;
    padding-bottom: 5px;
    height: 294px;
    overflow: hidden;
}

.list_fv a {
    color: #000;
}

.ratiobox {
    display: block;
    position: relative;
    margin: -16px 0 10px;
    overflow: hidden;
}

.ratiobox_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ratiobox_content img {
	width:100%;
}

.list_fv .caption_f {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px 8px;
    font-size: 12px;
    color: #fff;
    background-color: #e53d27;
}

.icon_foto {
    background: url("../image/ico_foto.png") no-repeat scroll center center;
    background-color: rgba(0, 0, 0, 0.7);
    background-size: 30px;
    height: 30px;
    width: 30px;
    opacity: 0.8;
    position: absolute;
    left: 2px;
    bottom: 2px;
    padding: 3px 5px;
}

.ratiobox.ratio_16_9:after {
    padding-top: 56.25%;
}
.ratiobox:after {
    content: "";
    display: block;
    padding-top: 100%;
    overflow: hidden;
}

.date {
    font-size: 11px;
    color: #818385;
	/*padding:0 10px;*/
}

.sub_tl {
    font-size: 12px;
    display: inline-block;
    margin-top: 3px;
    font-weight: bold;
    color: #e53d27;
	padding:0 10px;
}

.list_fv h1, .list_fv h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 6px 0;
    line-height: 120%;
	padding: 0 10px;
}

.ban_ramadan{
	position:absolute;
	z-index:2;
}

.sub_box6.pakebg{
	background:url(../image/bg_fokus.jpg) top no-repeat;
	padding-top:80px;
}
