/* detikcom style 170315 */
body, html {
	margin: 0;
	padding: 0;
	font: normal 12px "Helvetica", Arial;
	background:#ececec;
}

.container {
	width: 1100px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:2;
}
a{
	text-decoration:none;
	border:none;
}
a img{ border:none;}
.relative{ position:relative;}
.mb15{ margin-bottom:15px;}
.mr8{ margin-right:8px;}
/*S:HEADER&MENU*/
.header {
	padding:15px 0 0 0;
	height:90px;
}
.logodetik {
	float: left;
	padding: 15px 0 0 10px;
	display: block;
}
.header_top{
	margin-top:15px;
	background-color:#dcdcdc;
}
.header_top a{
	text-decoration:none;
	display:inline-block;
}
.menu{
	background-color:#20409a;
	border-bottom:solid 1px #fe8917;
	position:relative;
}
.menu a{
	color:#fff;
	padding:12px 0;
	font-size:15px;
	font-weight:bold;
}
.menu li:hover a{
	border-bottom:solid 4px #fe8917;
	padding:12px 0 8px 0;
}
.menu ul{
	margin:0;
	padding:0;
}
.menu ul li{
	margin:0;
	padding:0 14px;
	list-style:none;
	float:left;
	border-left:solid 1px #2c59d6;
	border-right:solid 1px #193177;
}
.menu li:first-child {border-left:solid 0px #193177;}
.menu li:last-child {border-right:solid 0px #2c59d6;}
.menu2{
	padding:8px 0 6px 10px;
	position:relative;
}
.menu2 a{
	padding:6px 6px 5px;
	color:#444444;
	position:relative;
}
.menu2 a.new {
  padding-right: 8px;
}
.menu2 a.new span {
  position: absolute;
  background: red;
  font-size: 8px;
  padding: 1px 3px;
  right: 0px;
  top:-5px;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.sc{
  color: white !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position:relative;
  top:-1px;
}
.sc:hover{ opacity:0.8;}
.scblue{ background: #0073df;}
.scyellow{
	background:#ffd800;
	color:#000 !important;
}
/*E:HEADER&MENU*/

/*S:CONTENT*/
.content{
	position:relative;
	min-height: 600px;
	margin:15px 0;
}
/*S:HEADLINE*/
.headline{
	width:785px;
	float:left;
}
.beritautama{
	height:125px;
	margin-bottom:15px;
}
.beritautama h3{
	font-size:14px;
	font-weight:bold;
	text-transform:none;
	text-align:left;
	line-height:120%;
	padding-left:8px;
	position:absolute;
	bottom:4px;
}
.title_bu{
	background-color:red;
	width:92px;
	height:106px;
	color:#fff;
	float:left;
	padding:10px;
	font-weight:bold;
	font-size:24px;
	text-transform:uppercase;
	position:relative;
	letter-spacing: -1px;
}
.title_bu span{
	font-size:25px;
	display: block;
  	margin-top: -3px;
}
.beritautama .box_img{
	width:100%;
}
.grad{
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(70%,rgba(0,0,0,.80)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
  background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  bottom: 0;
  content: "";
  display: block;
  height: 60%;
  left: 0;
  position: absolute;
  width: 100%;
}
.slide_bu{
	width:673px;
	height:90px;
	float:left;
}
#slide_bu{
	margin:0;
	padding:0;
	height: 126px;
  	overflow: hidden;
}
#slide_bu li{
	margin:0;
	padding:0;
	float:left;
	height: 126px;
	width: 224px;
	display: block;
}
#slide_bu li:hover{ opacity:0.8}
.bslide{
	color:#fff;
	position:absolute;
	text-decoration:none;
	font-size:16px;
}
.bslide:hover{ background-color:#c40000;}
#prev_bu{
	bottom: 5px;
	right: 26px;
	padding: 4px 8px;
}
#next_bu{
	bottom:5px;
	right:8px;
	padding: 4px 8px;
}
.box_hl{
	/*padding-bottom:15px;*/
	background-color:#20409a;
	position:relative;
}
.box_hl a:hover, .title_hl:hover h1, .list_feed li:hover h2{
	/*color:#f6fe19;*/
	color: #fff;
}
.box_hl .box_img{
	width:100%;
}
.box_hl .no_img {
	height: 230px;
}
.box_hl span.lbl {
	height: auto;
}
.box_hl .text {
	text-align: left;
}
.box_hl .text {
	position: absolute;
	bottom: 0;
	left: 0;
	height: auto;
	color: #fff;
	text-transform: none;
	padding: 60px 200px 15px 15px;
	width: calc(100% - 215px);
	font-size: 14px;
	line-height: 140%;
}

span.lbl{
	padding:5px 10px;
	font-size:12px;
	color:#fff;
	text-align:left;
	float:left;
	position:absolute;
	top:20px;
	left:20px;
	text-transform:uppercase;
	font-weight:bold;
}
.lnews{ background-color:#fe801a;}
span.lbl.llife{
	background-color:#D40C6E;
	top:10px;
	left:10px;
}
.title_hl{
	/*position:absolute;
	bottom:10px;
	left:20px;
	margin-right:5px;
	width:540px;*/
}
span.sub_judul{
	font-size:14px;
	color:#f6fe19;
	text-align:left;
	font-weight:normal;
	margin-bottom: 5px;
}
.box_hl h1{
	color:#feba18;
	font-size:30px;
	line-height:120%;
	text-align:left;
	text-transform:none;
	font-weight:bold;
}
.labdate{
	/*color:#7183B9;*/
	color: #959595;
	display:block;
}


/*s:terkait*/
.hl_terkait {
	padding: 10px 15px;
	width: calc(100% - 30px);
	color: #fff;
}
.hl_terkait .title_lh {
	color: #feba18;
	font-weight: bold;
	font-size: 16px;
	float: left;
	width: 130px;
	border-right: 1px solid rgba(255,255,255,0.5);
	height: 35px;
	line-height: 35px;
}
.hl_terkait a {
	float: left;
	width: 37%;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	height: 35px;
	line-height: 30px;
	margin-left: 30px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.hl_terkait a span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
.hl_terkait a:hover {
	color: #feba18;
}
/*e:terkait*/

.area_dhl{
	background-color:#20409A;
	position:relative;
	min-height:119px;
}
.desc_hl{
	padding:10px 0 10px 20px;
	width: 535px;
  	line-height:130%;
	font-size:14px;
	color:#f6f6f6;
}
.list_hl{
  background-color: #1b3682;
  width: 200px;
  height: 100%;
  font-size: 13px;
  position: absolute;
  bottom: -14px;
  right: 0;
  padding: 16px 12px 0;
}

.list_hl .title_lh{
	font-weight:bold;
	text-transform:uppercase;
	color:#feba18;
	margin-bottom:10px;
}
.list_hl a{
	display:block;
	color:#fff;
	margin-bottom:10px;
}
.list_hl a:hover {opacity: 0.7}
.sos_icon{
	position: absolute;
	top: 405px;
  	left: 20px;
}
.sos_icon img:hover{opacity:0.9}
.sos_icon2{
	position: absolute;
	top: 0px;
  	left: 0px;
	display:none;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 145px;
}
.img_sos{
	display:block;
}
.img_sos a img{
	background: #39579a;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	padding: 5px;
}
.sos_icon2 a img:hover, .hlsos a img:hover{
	width: 26px;
	height: 26px;
	padding: 2px;
}
.img_sos .tw img {
	background: #1aa9e4;
}
.img_sos .gplus img {
	background: #e23c05;
}
.img_sos .emai img {
	background: #8f8f8f;
}
.img_sos .insta img {
	background: #a37a4e;
}
.hlsos{
	position:relative;
	bottom:60px;
	right:30px;
	float: right;
	z-index: 999;
}
/*.biru2 .desc_hl {background: #20409a;}
.biru2 .area_dhl {background: none !important;}
.biru2 .img_con {background: #20409a !important;}
.biru2 {
	background: #20409a !important;
}*/
.no_img .box_img{
	width:100%;
	 height: 260px;
}
.no_img  span.lbl {
	z-index: 2;
}
.no_img .img_con {
	background: #152963 !important;
}

.no_img .area_dhl {background: #152963;}
/*.no_img .hlsos {
	top: -155px !important;
}*/
.no_img .title_hl {
	width: 720px;
}
.no_img .hlsos {
	position: absolute;
	bottom: 20px;
}
/*E:HEADLINE*/

/*S:LEFT CONTENT*/
.l_content{
	width:250px;
	float:left;
	margin:15px 15px 0 0;
}
/*S:BOX PROP*/
.boxlr{
	width:100%;
	position:relative;
	background-color:#f9f9f9;
	border:1px solid #e0e0e0;
}
.boxlr .title_lr{
	color:#fff;
	padding:14px 10px 0;
	background-color:#1b3682;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
.boxlr .title_lr span{
	padding:0 0px 7px;
	display:inline-block;
	border-bottom:solid 4px #fe8917;
	font-size:16px;
	margin-left: 5px;
}
.boxlr .title_lr a{
	float:right;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	display:inline-block;
	margin:-2px 5px 0 0;
	font-weight:normal;
}
.boxlr .title_lr a:hover {
	opacity: 0.5;
}
.bg_lifestyle{
	background:url(../images/bg_lifestyle.jpg) #d50e6e;
}
.boxlr .bg_lifestyle span{
	border-bottom:solid 4px #fff;
}
.mostpop .title_lr{
	background-color:#af0000;
}
.mostpop .title_lr span{
	border-bottom:solid 4px #cacaca;
}
.boxlr .bg_cnn{
	background-color:#000;
	height: 35px;
  	padding:0px 0 10px 9px;
}
.boxlr .bg_cnn a{
	padding:11px 8px 0 0;
}
.boxlr .bg_pasangmata{
	background-color:#4A5B65;
	height: 30px;
  	padding:3px 0 7px 3px;
}
.tag_pm{
	background-color:#DE4E29;
	padding:4px;
	text-transform:uppercase;
	font-size:11px;
	color:#fff;
	margin-bottom:5px;
	display: inline-block;
}
.boxlr .bg_pasangmata a{
	padding:11px 8px 0 0;
}
.list_news1{
	margin:10px 0;
	padding:0;
}
.list_news1 li{
	padding:10px;
	margin:0;
	list-style:none;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #e0e0e0;
	min-height:70px;
}
.list_news1 li:first-child{border-top:solid 0px #fff;}
.list_news1 li:last-child{border-bottom:solid 0px #e0e0e0;}
.list_news1 a{
	color:#444444;
	text-decoration:none;
}
.list_news1 a:hover h2, .list_news1 a:hover h3{
	color:#e54e2c;
	text-decoration:none;
}
.list_fokus li:hover{ opacity:0.9;}
.list_fokus li:hover h2, .list_fokus li:hover h3, .title_normal:hover h3, .slidefv_bot li:hover h3,
.list_fokus li.satu_fokus:hover .title_normal h3,
.dm_content .link_art:hover
{ color:#e54e2c; }
.list_fokus li.satu_fokus:hover h2, .list_fokus li.satu_fokus:hover h3, .tl_vidfot:hover h3, li.wfotvid:hover h3{ color:#FF0;}
.list_news1 .box_img{
	width:30%;
}
.list_news1 .title_ln{
	line-height:60px;
	min-height:60px;
	display:inline-block;
	float:right;
	width:65%;
}
.list_news1 .title_ln span, .list_fokus .title_lnf span{
	line-height:130%;
	display:inline-block;
	vertical-align:middle;
}
.list_news1 .title_ln span .ls{
	display:block;
	color:#d50e6e;
	font-weight:bold;
}
.title_ln h2, .title_lnf h2, .title_ln h3, .title_lnf h3{font-size:14px; font-weight:bold;}
.list_fokus{
	margin:0;
	padding:0;
	font-size:14px;
}
.list_fokus a{
	color:#444444;
}
.list_fokus li{
	margin:0;
	padding:13px 10px 13px 0;
	list-style:none;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #e0e0e0;
	min-height:30px;
	position:relative;
}
.num_fokus{
	color:#fe8917;
	font-size:22px;
	text-decoration:none;
	font-weight:bold;
	float:left;
	margin:0 0 0 10px;
	line-height:30px;
	min-height:30px;
}
.num_fokus2{
	background:#d20000;
	color: #fff;
	font-weight: bold;
	float:left;
	padding:3px;
	font-style: italic;
	margin:0 5px 0 10px;
	font-size:15px;
	text-align: left;
}
.round {
    display: block;
    float: left;
    height: 6px;
    left: 0;
    overflow: hidden;
	padding: 7px 0 0 0;
	position: relative;
	text-align: center;
	width: 28px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}
.list_fokus .satu_fokus{
	margin:0;
	padding:0;
	position:relative;
}
.list_fokus .satu_fokus a{ color:#fff;}
.list_fokus .tl_fokus{
	position:absolute;
	bottom:10px;
	left:0;
}
.list_fokus .box_img{
	width:100%;
}
.list_fokus .tl_vidfot{
	position:absolute;
	bottom:15px;
	left:15px;
	width:90%;
}
.list_fokus .tl_vidfot h3{
	font-size:16px;
	font-weight:bold;
	line-height:130%;
}
.list_fokus .tl_vidfot .labdate{
	color:#cacaca;
	display:block;
	margin:5px 0;
}
.sticky .list_fokus {
	overflow: hidden;
}
/*.sticky .list_fokus:hover,
.sticky .list_fokus:focus {
	overflow: scroll;
}*/
ul {
    list-style-type: none;
}
.title_lnf{
	float:right;
	width:82%;
	line-height:30px;
	min-height:30px;
	display: inline-block;
}
.list_news2 li:first-child .box_img{ width:100%;}
.list_news2 li:first-child h2, .list_news2 li:first-child h3{
	font-size:16px;
	font-weight:bold;
	line-height:130%;
}
.etalase_li {line-height:130%;}
.etalase_li .box_img{ width:100%;}
.etalase_li h3{
	font-size:14px;
	font-weight:bold;
	line-height:130%;
}

.list_news2 .labdate{
	color:#666666;
}
.posted{
	font-weight:normal;
	color:#1f629a;
	font-size:11px;
}
.ico_vf{
	width:30px;
	height:30px;
	position:absolute;
	top:15px;
	right:15px;
}
.tr88{
	top:8px;
	right:8px;
}
.ico_vff{
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	right:10px;
}
.ic_vid{
	background:url(../images/ico_video.png) no-repeat;
	background-size:cover;
}
.ic_fot{
	background:url(../images/ico_foto.png) no-repeat;
	background-size:cover;
}
#slidefoto .satu_fokus{
	float:left;
	min-height:188px;
	width:100%;
}
#slidevideo .satu_fokus{
	float:left;
	min-height:225px;
	width:100%;
}
#vid_page, #fot_page, #fot_pagebot, #vid_pagebot{
	position:absolute;
	bottom:5px;
	right:10px;
}
#vid_page span, #fot_page span, #fot_pagebot span, #vid_pagebot span, #dm_page span{
	display:none;
}
#vid_page a, #fot_page a, #fot_pagebot a, #vid_pagebot a, #dm_page a{
	display:inline-block;
	padding:6px;
	background:#b1b1b0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-top:2px;
	margin-right:4px;
}
#vid_page a.selected, #vid_page a:hover, #fot_page a.selected, #fot_page a:hover,
#fot_pagebot a.selected, #fot_pagebot a:hover, #vid_pagebot a.selected, #vid_pagebot a:hover,
#dm_page a.selected, #dm_page a:hover
{
	background:#fe8917;
}
.title_nom{
	line-height:130%;
	float:right;
	width:65%;
	font-size:12px;
}
.title_nom h3, .title_normal h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.title_normal{
	width:90%;
	color:#444;
	margin:10px;
	line-height:130%;
}

/*E:BOX PROP*/

/*E:LEFT CONTENT*/

/*S:MIDDLE CONTENT*/
.m_content{
	width:520px;
	float:left;
	margin:15px 15px 0 0;
	background-color:#1b3682;
	position:relative;
}
.title_feed {
	background-color:#2440a1;
	border-bottom: solid 1px #fe8917;
	padding:9px 10px 0;
	position:relative;
	z-index:2;
}
.top_banner_ada .is_stuck {
	margin-top: 50px;
}
.is_stuck {
	margin-top: 0;
}
.title_feed,
.is_stuck,
.sticky {
	transition: all 200ms linear 0s;
}
.t_lfl{
	float:left;
	padding:7px 0px 6px;
	margin-left: 7px;
	display:inline-block;
	border-bottom:solid 4px #fe8917;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	/*text-transform:uppercase;*/
}
.t_lfm{
	color:#fff;
	background: rgba(255,255,255,0.3);
	border-radius: 3px;
	float:left;
	padding:8px 13px;
	font-size:13px;
	margin-left:60px;
	margin-top: -3px;
}
.t_lfm:hover{ opacity:0.8}
.t_lfm_box {
	/*background: url(../images/newsfeed_bg.png) no-repeat;*/
	width:230px;
	height: 30px;
	margin-left:130px;
	margin-top: -4px;
}
.t_lfs{
	float:right;
	border:none;
	margin-bottom:0;
	height:auto;
	position:absolute;
	top:6px;
	right:10px;
	text-transform:uppercase;
	font-size:12px;
}
.sf-menu li {
  background: #1b3682;
  white-space: nowrap;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.sf-menu li a{
	border-left:none;
	border-right:none;
}
.list_feed{
	margin:0 0 10px;
	padding:0;
}
.list_feed li{
	padding:10px 10px;
	margin:0;
	list-style:none;
	border-bottom:solid 1px #13265b;
	border-top:solid 1px #2346a8;
	position:relative;
}

.list_feed li.more_news {
	cursor: pointer;
}


/*.list_feed li a:visited h2{ color:#f2ad0e}*/
.list_feed li:first-child{border-top:solid 0px #2346a8;}
.list_feed li:last-child{border-bottom:solid 0px #13265b;}
.list_feed li:hover .sos_icon2{
	display:block;
}
.list_feed li .box_img{ width:140px;}
.desc_nhl{
	font-size:13px;
	color:#fff;
	line-height:130%;
	width:345px;
	float:right;
}
.desc_nhl .labdate{ margin:2px 0;}
.desc_nhl h2{
	font-size:18px;
	font-weight:bold;
	line-height:130%;
	color:#fed019;
}
.desc_nhl .sub_judul{
	color:#fe8917;
	/*text-transform:uppercase;*/
	display:block;
	margin-bottom:2px;
	font-size:12px;
}
/*E:MIDDLE CONTENT*/

/*S:RIGHT CONTENT*/
.r_content{
	width:300px;
	float:right;
}
/*E:RIGHT CONTENT*/
/*S:AFTER BELT CONTENT*/
.af_belt{
	width:542px;
	position:relative;
}
.tl_afbelt{
	width:510px;
	position:absolute;
	bottom:15px;
	left:15px;
}
.tl_afbelt .sub_judul{
	color:#fff;
	font-size:12px;
	margin-bottom:5px;
	display:inline-block;
}
.tl_afbelt .labdate{ color:#ccc;}
.more_abt{
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	margin:15px 0 15px 15px;
}
.slidefv_bot{
	margin:0;
	padding:0;
	min-height:190px;
	position:relative;
}
.slidefv_bot li{
	width:150px;
	padding:0;
	margin:0 15px;
	float:left;
	list-style:none;
	position:relative;
	min-height:190px;
}
.slidefv_bot li .box_img{
	width:100%;
	margin-bottom:5px;
}
.slidefv_bot h3{
	font-size:14px;
	font-weight:bold;
	line-height:130%;
	color:#444444;
}
.more_news{
	color:#ffc000;
	font-size:16px;
	text-transform:uppercase;
	padding: 30px 0 !important;
}
.more_news img{
	vertical-align:middle;
	margin-right:10px;
}
span.but_more{
	color:#ffc000;
	border:solid 2px #ffc000;
	padding:10px 28px 8px;
	cursor:pointer;
}
.but_more a{
	color:#ffc000;
}
.but_more a:hover{
	color:#2346a8;
}
li:hover span.but_more a{
	color:#2346a8;
}
li:hover span.but_more{
	color:#2346a8;
	font-weight:bold;
	background-color:#ffc000;
}
span.but_more2{
	color:#2346a8;
}
/*E:AFTER BELT CONTENT*/
/*S:DIGITAL MAGAZINE*/
.digimags_area{
	width:1100px;
	height:430px;
	overflow:hidden;
}
.digimags{
	margin:15px;
	padding:0;
	min-height:400px;
}
.digimags li{
	margin:0;
	padding:0;
	list-style:none;
	width:1075px;
	float:left;
}
.dm_cover{
	width:530px;
	float:left;
	position:relative;
	margin-right:20px;
}
.dm_cover .box_img, .dm_content ul li .box_img{ width:100%;}
.dm_content{
	float:left;
	width:525px;
	min-height:398px;
	position:relative;
}
.dm_content .labdate{
	color:#1b3682;
	font-size:14px;
	text-transform: uppercase;
}
.dm_content h3{
	font-size:30px;
	font-weight:bold;
	margin:4px 0 2px 0;
	line-height:120%;
}
.desc_dm{
	font-size:14px;
	color:#666666;
	line-height:130%;
	margin-bottom:10px;
	display:block;
}
.dm_content .link_art{
	display:block;
	color:#1b3682;
	font-size:12px;
	margin-bottom:5px;
}
.dm_content h3 a{color:#1b3682;}
.dm_content h3 a:hover{color:#fe8917;}
.dm_content ul{
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	right:15px;
}
.dm_content ul li{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:150px;
}
#dm_page{
	position:absolute;
	top:15px;
	right:15px;
}
.bsmagz{
	position:absolute;
	top:210px;
	opacity:0.4;
}
.bsmagz img{ width:60px;display:none;}
.digimags_area:hover .bsmagz img{ display:block;}
.bl{left:0;}
.br{right:0;}
.bsmagz:hover{ opacity:0.8;}
/*E:DIGITAL MAGAZINE*/
/*E:CONTENT*/

/*S:FOOTER*/
.footer{
	background-color:#1b3682;
	padding:25px 20px 10px 20px;
	color:#d7d7d7;
}
.foot1{
	padding:0 0 10px;
	margin-bottom:15px;
	border-bottom:solid 1px #fff;
}
.foot3 div{ margin-bottom:40px; }
.foot2 div{ margin-top:7px; font-size: 12px;}
.foot2 a{padding:0 6px; color: #d7d7d7 !important;}
.foot3 a{padding:0 6px; color: #fff !important;}
.footer a{
	color:#fff;
}
.footer a:hover {opacity: 0.7;}
.foot_menu {
	font-size: 14px;
	font-weight: bold;
}
.foot2 .dua {
	text-align: center;
	margin-top: -15px;
	font-size: 11px;
	/*border-left: 1px dotted #264cb6;
	padding-left: 20px;*/
}
.share_bottom {
	display: inline-block;
}
.share_bottom a {
	width: 35px;
	display: inline-block;
}
.share_bottom a img {
	width: 100%;
}
.separate {
	border-left: 1px solid #d7d7d7;
	padding: 0 15px;
}
/*E:FOOTER*/

/*S:ADS*/
.c_ads{
	width:500px;
	overflow:hidden;
	text-align:center;
}
/*E:ADS*/

/*S:WIDGET PROP*/
.widget_mid{
	background-color:#0f1e48;
	color:#fff;
	position:relative;
	padding: 20px !important;
}
/*---mags---*/
li.wmags .box_img{ width:135px;}
.text_wm{
	float:left;
	width:330px;
	position:relative;
	min-height:175px;
	line-height:130%;
}
.t_wm{
	font-size:18px;
	font-weight:bold;
	margin:8px 0;
	line-height:120%;
}
.but_down{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:13px 30px 10px;
	display:inline-block;
	color:#fff;
	background-color:red;
	margin-top:10px;
}
a.but_store img {
	padding-top:  10px;
	padding-right: 7px;
	height: 37px;
}
a.but_store img:hover {opacity: 0.6;}
.but_down:hover{ opacity:0.8}
.male{background-color:#fe801a;}
.maj{background-color:#31597E;}
.fem{background-color:#AD105D;}
.gen_but_download {background-color:#fe801a;}
.gen_but_preview {background-color:#b6b6b6;}

/*--pasang mata--*/
.wpmt{
	margin:-15px 0 10px 0;
	padding-bottom:6px;
	border-bottom:solid 1px #162b68;
	text-align:center;
}
.wpm .text_wm{ min-height:140px;}
li.wpm .box_img{ width:140px;}
.wpm .but_down {
	font-size:13px;
	padding:8px 20px 6px;
	background-color:#e54e2c;
}

/*--spesial artikel & cnn indonesia--*/
.specart .desc_nhl, .cnnid .desc_nhl{
	float:left;
	width:275px;
}

li.specart .box_img,li.cnnid .box_img{ width:204px;}
.specart .sub_judul{ color:#fff; }
li.cnnid{border-top: 2px solid #cc0000; background: #181818;}
li.cnnid .labdate{color:#727272;}
li.cnnid{height: 140px !important;}
.cnnid .sub_judul{}
.cnnidfotvid {
	border-top: 2px solid #cc0000;
	}


/*Foto Video*/
li.wfotvid {padding:10px !important; background-color:#1B367D;}
li.wfotvid a h3{ color:#fff}
li.wfotvid:hover{ opacity:0.9}
li.wfotvid .box_img{ width:100%; }
/*E:WIDGET PROP*/
/* S:INSIDE DETIKCOM */
.inside_d{
	padding:20px;
	line-height:140%;
	font-size:14px;
	min-height: 860px;
}
.inside_d table p{ margin:0;}
.inside_d strong{
	color:#1b3682;
}
.inside_d ol li,
.inside_d ul li {
  margin: 8px 18px;
  border: 0 !important;
}

.inside_d h4 {
  padding: 3px 0;
  font-size: 15px;
  font-weight: bold;
  margin-top: 15px;
}
.inside_d ul li {
	list-style: disc !important;
	padding: 5px 0 !important;
}
.inside_d a {
	font-weight: bold;
	color: #1b3682;
}
.inside_d a:hover {
	text-decoration: underline;
}
/* E:INSIDE DETIKCOM */

.num_fokus2 {
	height: 28px;
	width: 28px;
	line-height: 28px;
	padding: 0;
	text-align: center;
	border-radius: 100px;
}



/*s:bbc*/
#bbcindonesia {
	background-color: #fff;
	background-position: left top;
	margin-bottom: 15px;
	padding: 0;
	border: 1px solid #c2c2c2;
	clear: both;
}
#bbcindonesia .head {
	background: url(../images_ads/header_bbc.jpg) 0px 0px no-repeat;
	height: 50px;
}
.contentbbc {
	padding: 10px 10px 0px 10px;
}
#bbcindonesia .healinebbc {
	padding-bottom: 10px;
}
#bbcindonesia .healinebbc img {
	width: 105px;
	height: 60px;
	float: left;
	margin-right: 10px;
}
#bbcindonesia .healinebbc .text {
	float: right;
	width: 60%;
	width: calc(100% - 120px);
}
#bbcindonesia .healinebbc .sub {
	color: green;
	font-weight: bold;
	font-size: 11px;
}
#bbcindonesia .healinebbc h3 {
	font-size: 15px;
}
.contentbbc .date {
	font-size: 10px;
	color: #666;
}
.contentbbc a:link, .contentbbc a:visited {
	color: #039;
	font-weight: bold;
	text-decoration: none;
}
.contentbbc a:hover {
	color: #e00;
}
#bbcindonesia .headerbbc {
	margin: 0;
	padding: 0;
}
#bbcindonesia .contentbbc ul {
	padding: 0;
	margin: 0;
	clear: both;
}
#bbcindonesia .contentbbc ul li {
	color:	#039;
	padding: 8px 0px;
	clear: both;
	border-top: 1px solid #f1f1f1;
}
#bbcindonesia .contentbbc ul li .sub {
	color: green;
	font-weight: bold;
	font-size: 11px;
}
#bbcindonesia .contentbbc ul li h3 {
	font-size: 12px;
}
.footerbbc {
	background-color: #b5b5b6;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
#bbcindonesia .sariberita {
	display: block;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	background: url(../images_ads/footerbbc.gif) no-repeat left center #e5e5e5;
}
#bbcindonesia .sariberita a {
	color: black;
	text-decoration: none;
}
/*e:bbc*/


/*s:update*/
.img_con span {
	display: block;
	height: 100%;
}
.list_fokus .tl_vidfot,
.tl_afbelt {
	margin: 0;
	width: 90%;
	width: calc(100% - 30px);
	left: 0;
	bottom:0;
	padding: 25px 15px 15px;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(70%,rgba(0,0,0,.80)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);

}
/*e:update*/


/*s:sitemap*/
.sitemap .box_kanal {
	float: left;
	width: 22%;
	width: calc(25% - 10px);
	margin-bottom: 30px;
	padding: 5px;
}
.sitemap .box_kanal ul {
	list-style: disc;
	margin-left: 10px;
}
.sitemap .box_kanal ul li {
	position: relative;
}
.sitemap .box_kanal a {
	color: #484848;
	text-decoration: none;
	display: block;
}
.sitemap .box_kanal ul li a {
	font-weight: normal;
}
.sitemap .box_kanal a:hover {
	color: #000;
	text-decoration: underline;
}
.sitemap .box_kanal .titles {
	font-weight: bold;
	font-size: 16px;
	color: #1b3682;
}
.rss .box_kanal img {
	position: absolute;
	left: 0;
	top: 0;
	height: 15px;
}
.rss .box_kanal a {
	padding-left: 35px;
	background: url(../images/ico_rss.png) no-repeat ;
	background-size: 27px;
	background-position: 3px;
	list-style-type: none;
}
.rss .box_kanal ul,
.rss .box_kanal ul li {
	list-style: none !important;
}
/*e:sitemap*/

.form_dtk input[type="text"],
.form_dtk textarea{
	height: 20px;
	width: 80%;
}
.form_dtk textarea{
	height: 100px;
}
.form_dtk input[type="submit"],
.form_dtk input[type="reset"] {
	padding: 8px 20px;
	border: 0;
	background-color: #1C3683;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	cursor: pointer;
}
.form_dtk input[type="submit"]:hover,
.form_dtk input[type="reset"]:hover {
	opacity: 0.8;
}
.form_dtk input[type="reset"] {
	background-color: red;
}

/*s:tab pop komentar*/
.box_popcom .title_lr {
	padding: 0;
	margin: 0;
}
.box_popcom .title_lr a{
	float: left;
	width: 50%;
	text-align: center;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	opacity: 0.9;
}
.box_popcom .title_lr a span {
	padding: 13px 0 10px;
	margin: 0;
	display: block;
	border-color: #1b3682;
	font-size: 14px;
}
.box_popcom .title_lr a.selected,
.box_popcom .title_lr a:hover {
	color: #fff;
	opacity: 1;
}
.box_popcom .title_lr a.selected span,
.box_popcom .title_lr a:hover span {
	border-color: #fe8917;
	opacity: 1;
}

#box-com {
	display: none;
}
.box-commented {
	padding: 0 !important;
	margin: 0;
}
.box-commented li{
	padding: 10px 0;
	border-bottom:solid 1px #e0e0e0;
}
.box-commented li a {
	display: block;
	color: #444444;
}
.box-commented li a .num {
	float: left;
	width: 50px;
	padding-left: 15px;
	margin-right: 14px;
	text-align: center;
	font-size: 20px;
	text-transform: capitalize;
	color: #d20000;
	font-weight: bold;
	line-height: 90%;
	padding-top: 5px;
}
.box-commented li a .num span {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #8d8d8d;
}
.box-commented li a .title_lnf {
	float: left;
	width: 60%;
	width: calc(100% - 85px);
}
.box-commented li a .title_lnf {
}
.box-commented li a .title_lnf h2 {
	font-size: 14px;
	line-height: 140%;
	font-weight: normal;
}
.box-commented li a .title_lnf h2:hover {
	color: #e54e2c;
}
.a-center {
	text-align: center;
	padding: 10px 0;
}
.btn_more {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	border:2px solid #1b3682;
	padding: 5px 10px;
	color: #1b3682;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.btn_more:hover {
	background-color: #1b3682;
	color: #fff;
}
/*e:tab pop komentar*/

/*s:update 25 agustus 15*/
.box_hl_new {
	background-color: #1b3682;
	padding: 20px;
	color: #fff;
	position: relative;
}
.box_hl_new .date {
	color: #9f9f9f;
}
.box_hl_new h1 a{
	color: #fff;
	font-weight: bold;
	font-size: 34px;
	line-height: 120%;
	display: block;
	padding: 5px 0;
	margin-bottom: 10px;
}
.box_hl_new h1 a:hover,
.box_hl_new .hl_kait a:hover {
	color: #fed019;
}
.box_hl_new .box_img {
	width: 480px;
	border: 1px solid #95a7de;
	float: left;
	margin-right: 20px;
}
.box_hl_new .text {
	font-size: 15px;
	line-height: 130%;
	float: left;
	width: 240px;
}
.box_hl_new .label {
	background-color: #ff9600;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	padding: 3px 8px;
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase;
}
.box_hl_new .hl_kait {
	border-top: 1px solid #95a7de;
	padding-top: 15px;
	margin-top: 15px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 240px;
}
.box_hl_new .hl_kait .title_lh {
	color: #fed019;
	font-weight: bold;
}
.box_hl_new .hl_kait a {
	display: block;
	background: url(../images/arrow-right.png) 0 8px no-repeat;
	padding: 5px 15px 0;
	color: #fff;
	font-size: 13px;
	line-height: 130%;
}
.box_hl_new a {
	color: #fff;
}
.box_hl_new_text .text{
	float: none;
	width: 100%;
}
.box_hl_new_text .hl_kait {
	position: relative;
	width: 100%;
	bottom: 0;
	left: 0;
	margin-top: 25px;
}
.box_hl_new_text .hl_kait a {
	float: left;
	width: 45%;
	width: calc(50% - 20px);
	padding-right: 5px;
}
.box_hl_new_por .box_img {
	width: 350px;
}
.box_hl_new_por .text {
	width: 360px;
}
.box_hl_new_por h1 a {
	font-size: 32px;
	line-height: 120%;
}
.box_hl_new_por .hl_kait {
	width: 370px;
}
.ratio9_8:before{
	padding-top: 100%;
}
.list_fokus .title_lnf {
	width: 80%;
	width: calc(100% - 50px);
}
.list_fokus_add .title_lnf {
	width: 80%;
	width: calc(100% - 50px);
}
.list_fokus_add li:first-child {
	padding: 0;
	position: relative;
}
.list_fokus_add li:first-child .text {
	position: relative;
	width: 95%;
	width: calc(100% - 10px);
	padding: 5px 0;
	background: #fff;
}
.list_fokus_add li:first-child .text .title_lnf {
	padding-bottom: 5px;
}
/*.list_fokus_add li:first-child .text h2 {
	color: #fff;
}*/
.list_fokus li,
.list_news1 li,
.list_feed li {
	padding-top:8px;
	padding-bottom: 8px;
}
.list_fokus_add a {
	display: block;
}
.list_feed li:hover .sos_icon2 {
	display: none;
}
.list_fokus .date {
	color: #7c7c7c;
	font-size: 11px;
	padding: 0;
	margin: 0;
	line-height: normal;
}
.list_fokus .title_lnf {
	line-height: normal;
}
.t_lfm {
	border-radius: 5px;
	background-color: #fe8917;
	color: #fff;
	font-weight: bold;
}
.box_popcom .title_lr a span {
	font-size: 15px;
	padding: 6px 0;
}
.box_popcom .title_lr a.selected span,
.box_popcom .title_lr a:hover span {
	border-bottom-width: 8px;
}
.c_ads {
	width: 400px;
	margin-left: 50px;
}
.sp-mp {
	background-color: red;
	color: #fff !important;
	font-weight: bold;
	border-radius: 3px;
}
.wfotvid .img_con img{
	width:100%;
	height:auto;
}
/*.box_img .img_con .grad {*/
.list_fokus .box_img .img_con .grad {
	background: none !important;
}
.list_fokus .tl_vidfot,
.tl_afbelt {
	padding-top: 35px;
}
/*e:update 25 agustus 15*/

/*s:update 18 september 15*/
.content {
	margin: 10px 0;
}
.headline {
	width: 790px;
}
.title_bu {
	width: 97px;
}
.beritautama {
	height: 122px;
}
.l_content {
	margin: 10px 10px 0 0;
}
.m_content {
	width: 530px;
	margin: 10px 10px 0 0;
}
.r_content .mb15,
.l_content .mb15 {
	margin-bottom: 10px;
}
.list_fokus li {
	padding:5px 10px 5px 0;
}
.list_news1 li {
	min-height: 60px;
}
.header {
	padding: 0;
}
.header_top {
	margin-top: 10px;
}
.list_feed .desc_nhl{
	width: 355px;
}
.widget_mid .desc_nhl{
	width:275px;
}
.box_popcom .date {
	display: none !important;
}
/*e:update 18 september 15*/

/* S: Dapur */
.lf_content{
	float:left;
	width:785px;
}
.lf_content ul{
	margin:0;
	padding:0
}
.lf_content ul li{
	margin:0 10px;
	padding:10px 0;
	list-style:none;
	border-bottom:solid 1px #ededed;
}
.lf_content li:hover .sos_icon2{
	display:block;
}
.lf_content li.more_news{
	color:#22409A;
	font-weight:bold;
}
.lf_content .box_img{ width:250px;}
.desc_idx{
	line-height:130%;
	color: #6e6e6e;
	width: 100%;
}
.desc_idx h2{
	font-size:18px;
	color:#000;
	font-weight:bold;
	line-height:120%;
}
.desc_idx h2:hover{ color:#e54e2c;}
.menu_idx{
	background-color:#1C3683;
	color:#fff;
}
.title_midx{
	font-weight:bold;
	font-size:18px;
	padding:15px 0;
	border-top:solid 4px #FC8B15;
	text-transform:uppercase;
	float:left;
	margin:0 15px;
}
.menu_idx ul{
	margin:0 0 25px;
	padding:0;
	border-top: solid 1px #193177;
}
.menu_idx ul li{
	padding:0;
	margin:0;
	font-size:14px;
	list-style:none;
}
.menu_idx ul li a{
	color:#fff;
	display:block;
	padding:15px;
}
.menu_idx .sub_mn{
	padding:15px 5px 15px 29px;
}
.menu_idx ul li:hover, .menu_idx ul li.select{
	background-color:#142A66;
}
.w870{ width:870px;}
.w218{ width:218px;}
.top_idx{
	display:block;
	background-color:#F9F9F9;
	padding:20px 0 10px 15px;
	border-bottom:solid 1px #959595;
	margin-bottom:10px;
	text-transform:uppercase;
}
.top_idx form{ margin:0;}
.top_idx form input[type="text"]{
	height: 14px;
  	padding: 7px 10px;
	font-size: 12px !important;
	width: 65px;
	outline: none;
	float: left;
 }
 .top_idx form select {
  height: 20px;
  padding: 4px;
  font-size: 12px;
  margin: -3px 7px 0;
  width: 69px;
 }
 .top_idx form label {
 	float: left;
 	margin-right: 30px;
 	padding-top: 5px;
 }
/* .top_idx form input{
	height:1000px;
	padding:50px 0;
}*/
.but_idx {
	background-color: #1C3683;
	color: #fff;
	border: 0;
	height: auto !important;
	border-radius: 3px;
	font-size: 12px;
	padding: 5px 15px;
	position: relative;
	outline: none;
	cursor: pointer;
	float: left;
	margin-left: 10px;
}
.but_idx:hover {
	background-color: #142A66;
}
.bot_idx {
	margin-bottom: 0;
	border-top:solid 1px #959595;
	border-bottom:0;

}
.subkanal_tl {
    display: block;
    position: relative;
    font-size: 36px;
    font-weight: bold;
    color: #58585A;
    padding-bottom: 10px;
    background-color: #EDEDED;
    z-index: 3;
}

.subkanal_tl .tlsos{
	position: relative;
	bottom: 0;
	right: 0;
	float:right;
}
.tlsos a img:hover{
	width: 26px;
	height: 26px;
	padding: 2px;
}
.tlsos span{
  font-size: 15px;
  position: relative;
  top: -10px;
 }

/* E: Dapur */