body{
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight:lighter;
	background: #f4f4f4;
	font-family: "EB Garamond", serif;
	-webkit-text-size-adjust: none;
}
a {
	color:#000;
	text-decoration:none;
	border: 0;
}
a img {
	border: 0;
}
a:hover {
	/*color:#444444;*/
	text-decoration:underline;
}
a.noline:hover {
	text-decoration:none
}
#header_detik {
	height: 64px;
	overflow: hidden;
	background: #08294C;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3;
}
/*#header_detik .detik {
	height: 50px;
	margin: 7px 10px 7px 0;
	float: left;
	display: inline-block;
	padding-right:10px;
}*/
#header_detik .detik {
	height: 74px;
	margin-top:-10px;
	float: left;
	display: inline-block;
	padding-right:10px;
}
#header_detik .link {
	height: 30px;
	padding: 5px 3px;
	float: left;
}
#header_detik img.link {
	border:none !important;
	position:relative;
	/*margin-left:-17px;*/
	margin-top:10px;
}
#header_detik .link:hover {
	opacity:0.8;
}

#header_detik a img {
	height: 20px;
	/*border-right: 1px solid rgba(240 ,240 , 240 , 0.7);*/
}
#header_detik a img.terkaitimg {
	height: 20px;
	border:none;
	padding:20px 10px;
}
#header_detik a.fr {
	border-left: 1px solid #464646;
}
#header_detik a.fr:hover {
	background-color: #464646;
}
#header_detik a.backk {
	padding: 10px 5px;
}
a.ico_detik  {
	padding:6px 0 0 3px !important;
	margin:0;
	width:30px !important;
}
a.ico_detik img {
	width: 20px;
}
#header {
	background: #21409a;
	font-size: 12px;
	color: #fff;
	height: 35px;
	/*margin-top: 35px;*/
	text-align:center;
}
#header a {
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	float:left;
	padding: 9px 2px;
	width:21%;
}
/*
#footer {
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 13px;
	color: #2e2c2c;
}
#footer a {
	color: #2e2c2c;
	text-decoration: none;
}
*/

/* line 1276, eurocnn.scss */
.footer {
  background: #000;
  color: #fff;
  width: 100%;
  display: block;
  clear: both;
  position: relative;
  padding: 10px 0;
}
/* line 1285, eurocnn.scss */
.footer a:hover {
  color: #fff !important;
}
/* line 1289, eurocnn.scss */
.footer .foll {
  float: right;
  line-height: 225%;
  color: #c2c2c2;
  width: 210px;
}
/* line 1294, eurocnn.scss */
.footer .foll ul.social {
  margin: 0 0 0 10px;
  padding: 0px;
  list-style: none;
  float: right;
}
/* line 1299, eurocnn.scss */
.footer .foll ul.social li {
  margin: 0 2px 0 0;
  display: inline-block;
  float: left;
}
/* line 1303, eurocnn.scss */
.footer .foll ul.social li a {
  padding: 0px;
  text-decoration: none;
  line-height: 1;
}
/* line 1307, eurocnn.scss */
.footer .foll ul.social li a img {
  display: block;
  height: 32px;
  width: 32px;
}
/* line 1313, eurocnn.scss */
.footer .foll ul.social li a:hover img {
  opacity: 0.8;
}
/* line 1321, eurocnn.scss */
.footer .foot1 {
  height: 40px;
  position: relative;
}
/* line 1324, eurocnn.scss */
.footer .foot1 a {
  color: #c9c9c9;
  text-decoration: none;
  font-size: 15px;
  display: inline-block;
  padding: 10px 0;
}
/* line 1331, eurocnn.scss */
.footer .foot1 .search {
  background: #D1D3D4;
  width: 100%;
  height: 35px;
  float: left;
}
/* line 1336, eurocnn.scss */
.footer .foot1 .search .input {
  background: none;
  padding: 8px 10px;
  width: 230px;
  float: left;
  color: #808285;
  border: 0;
  outline: none;
  font-size: 16px;
}
/* line 1345, eurocnn.scss */
.footer .foot1 .search .input::-webkit-input-placeholder {
  color: #808285;
}
/* line 1348, eurocnn.scss */
.footer .foot1 .search .input:-moz-placeholder {
  /* Firefox 18- */
  color: #808285;
}
/* line 1351, eurocnn.scss */
.footer .foot1 .search .input::-moz-placeholder {
  /* Firefox 19+ */
  color: #808285;
}
/* line 1354, eurocnn.scss */
.footer .foot1 .search .input:-ms-input-placeholder {
  color: #808285;
}
/* line 1358, eurocnn.scss */
.footer .foot1 .search .btn {
  background: none;
  float: right;
  width: 25px;
  height: 25px;
  border: 0;
  padding: 0;
  margin-right: 10px;
  margin-top: 5px;
}
/* line 1370, eurocnn.scss */
.footer .foot2 {
  padding: 10px 0;
  border-top: 1px solid #6486ad;
  border-bottom: 1px solid #6486ad;
  margin-top: 10px;
  text-align: right;
}
/* line 1376, eurocnn.scss */
.footer .foot2 a {
  display: inline-block;
  padding: 3px 9px;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  height: 23px;
  weight:bold;
}
/* line 1385, eurocnn.scss */
.footer .foot3 {
  padding: 10px 0 5px;
  height: 85px;
  font-size: 14px;
}
/* line 1389, eurocnn.scss */
.footer .foot3 .logo_bot {
  width: 40px;
  float: left;
}
/* line 1393, eurocnn.scss */
.footer .foot3 .info {
  padding:5px 10px 20px 10px;	
  text-align: right;
  float: right;
  color: #ffffff;
  font-size: 13px;
}
/* line 1400, eurocnn.scss */
.footer .foot3 .link_bot {
  margin-top: 5px;
}
/* line 1402, eurocnn.scss */
.footer .foot3 .link_bot a {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  padding: 3px 5px;
  display: inline-block;
  font-weight:bold;
}
/* line 1408, eurocnn.scss */
.footer .foot3 .link_bot a:hover {
  color: #cecece;
}








.list_news{
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: #4f4f4f;
	background: #fff;
	margin:10px 0;
}
a.list_news {
	text-decoration:none;
}
a.list_news .texting {
	padding:10px;
	font-size:14px;
	line-height:130%;
}
.list_news .title {
	padding: 5px 10px 0px 10px;
	/*border-right: 1px solid #691a63;*/
	font-weight:lighter !important;
}
.list_news .title h6 {
	color: #929292;
	font-size: 11px;
}
.list_news .title h3 {
	font-size: 18px;
	line-height: 120%;
	color:#000;
	font-weight: bold;
}
.list_news .pic {
	max-height: 200px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.list_news .pic img {
	width: 100%;
	position: relative;
	z-index: 1;
}

.list_news .title h3:hover ,
.list_news .title h3:active {
	color: #fff;
}







.loadmore {
	text-align: center;
	margin: 10px 0;
}
.loadmore a {
	background: #367807;
	width: 60%;
	text-align: center;
	padding: 5px 0;
	border-bottom: 3px solid #1f4800;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}


/*S:DETAIL*/
.detail h1 {
	color:#004581;
	font-size:1.7em;
	padding-bottom:5px;
	line-height:120%;
}
.detail h1 a {
	color:#004581;
	text-decoration:none;
}
.detail h2 {
	color:#444444;
	font-size:16px;
	padding-bottom:5px;
	line-height:110%;
}
.detail h5 {
	color:#21409a;
	text-transform:uppercase;
	font-size:12px;
	padding-bottom:2px;
}
.detail .author {
	color:#666;
	font-size:0.8em;
	padding-bottom:2px;
}
.detail .date {
	color:#666;
	font-size:0.8em;
}
.detail .pic {
	font-size:1em;
	color:#666;
	width:100%;
	padding-bottom:10px;
	margin:0 auto;
	padding-top:10px;
}
.detail .pic img {
	margin:0 auto;
	display:block;
	padding-bottom:4px;
	width: 100%;
}
.detail .text_detail {
	line-height:130%;
	padding:15px 0 5px 0;
}
.detail .text_detail img {
	padding: 10px 0;
	width: 100%;
}
.detail .text_detail a {
	color:#006;
	text-decoration:none;
	font-weight:bold;
}
.detail .share {
	border-bottom:1px solid #CCC;
	border-top:1px dashed #CCC;
	padding:8px 0;
	font-size:12px;
	color:#777;
	margin-top:10px;
}
.detail .share a {
	color:#039;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	padding:0 2px;
}
.detail .share img {
	position:relative;
	padding: 0 !important;
	top:5px;
}

.detail .topik1 {
	border-top: 1px dashed #d2d2d2;
	padding: 10px 0;
	margin-bottom: 15px 0 10px 0;
	font-size: 14px;
}
.detail .topik1 h5 {
	color:#444;
	font-size: 16px;
	font-weight: bold;
	text-transform:none;
}
.detail .topik1 a {
	font-size: 15px;
	background: #d00000;
	display: inline-block;
	color: #fff;
	padding: 5px;
	border-radius: 3px;
}

.detail .bacajuga strong {
	display: block;
	padding: 10px 0 0 0;
	font-size: 1em;
}
.detail .bacajuga a {
	display: block;
	background: url(../images/bullet_2.png) 0px 10px no-repeat;
	padding: 5px 5px 2px 0px;
	color: #036;
	text-decoration: none;
	font-size: 0.9em;
}
.detail .bacajuga a:hover {
	text-decoration:underline;
}



.noti {
	display:block;
	background:#FF9;
	border:1px solid #FC6;
	color: #F00;
	text-decoration:none;
	text-align:center;
	padding:5px;
	font-weight:bold;
	margin:10px 0;
}
.back {
	display:block;
	background: #CAE6E9;
	border:1px solid #CCC;
	color:black;
	text-decoration:none;
	text-align:right;
	padding:5px;
	font-weight:bold;
	margin:10px 0;
}
.back:hover {
	background:#CCC;
}


/*E:DETAIL*/

.container {
	top: 0;
}

/*S:MENU*/
.main_menu {
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	position: relative;
	z-index: 4;
	top: 0;
	left: 0;
	height: 100%;
	padding-top: 65px;
	color: #fff;
}
.main_menu .head {
	height: 70px;
	background: #cf0000;
	/*position: fixed;
	top: 0;*/
	width: 100%;
	z-index: 3;

}
.main_menu .head img {
	height: 50px;
}
.main_menu .user {
	color: #fff;
	font-size: 12px;
	margin: 17px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	padding-bottom:25px;
}
.main_menu .user a.log  {
	color: #fff !important;
	font-weight: bold;
	display:inline-block;
	background:#cf0000;
	padding:7px 15px;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:5px 5px 0 0;
}
.main_menu .user a.log:hover {
	text-decoration:none;
	opacity:0.8;
}
.main_menu .user .pic {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
}
.main_menu .pic img {
	height: 100%;
}

.main_menu .user a.setting {
	float:right;
	border-left: 1px dotted #dfdfdf;
	padding:10px 0 10px 10px;
}
.main_menu .user a.setting img {
	height:30px;
}
.main_menu .user h5 {
	display:inline-block;
	font-size:12px;
}


.main_menu .search {
	background: #e6e6e6;
	margin: 15px;
	width: calc(100% - 30px);
	padding: 0;
	height: 35px;
	overflow: hidden;
}
.main_menu .search .input {
	background: none;
	border: 0;
	width: calc(100% - 70px);
	float: left;
	padding: 9px 10px;
}
.main_menu .search .btn {
	background: url(images/ico_search_white.png) no-repeat center #000;
	background-size: 20px 20px;
	border: 0;
	height: 35px;
	width: 35px;
	float: right;
	border-radius: 0;
}

.main_menu .menu_kanal {
	margin: 15px;
}
.main_menu .menu_kanal a{
	/*display: block;
	background:#414141;*/
	color: #d2d2d2;
	padding: 10px 0px 10px 5px;
	text-decoration: none;
	font-size: 15px;
}
.main_menu .menu_kanal .title {
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.3);
	display: block;
	/*background:#414141;*/
	padding: 7px 0px;
	text-decoration: none;
	font-size: 15px;
	background: url(images/ico_arrow_down.png) no-repeat right;
}



.main_menu .menu_kanal .title a {
	color:#fff;
	padding: 0;
}
.main_menu .menu_kanal a:hover {
}
.main_menu .menu_kanal a.spesial {
	color:#FF0;
}
/*E:MENU*/




/*list1 */
.list_foto_1 {
	padding:0 10px 13px 10px;
	margin:0;
	list-style:none;
}
.list_foto_1 li.first { padding-top:5px; }
.list_foto_1 li {
	padding:5px 0px;
}
.list_foto_1 li h5 {
	font-size:14px;
	font-weight: bold;
}
.list_foto_1 li .pic {
	float:left;
	width:100px;
	height:75px;
	overflow:hidden;
	margin:0;
	background:#f1f1f1;
	text-align:center;
	position:relative;

}
.list_foto_1 li .pic img { height:100%; }
.list_foto_1 li .pic:hover { opacity:0.9; }
.list_foto_1 li.title_box , .list_foto_1 li.title_box a {
	color:#21409a;
	border-bottom:none !important;
	padding:0;
	margin-top:13px;
}
.list_foto_1 li.title_box h5 {
	float:left;
	font-size:15px;
	margin-bottom:5px;
	color:#fff;
}
.list_foto_1 .more {
	float:right;
}
.list_video {
	padding: 0 0 10px 0;
}
.list_video .pic {
	width: 120px;
	height: 100px;
}


/*s: duration */
.time {
	background: none repeat scroll 0 0 #000000;
	color: white;
	display: inline-block;
	font-size: 11px;
	opacity: 0.8;
	padding: 3px 5px 2px 5px;
	position: absolute; right: 5px; bottom:5px;
}
/*.icon_play {
    background: url("../images/ico_video_s.png") no-repeat center;
    height:30px;
    width:30px;
    opacity:0.8;
    position: absolute; left: 5px; bottom:5px;
}*/
.icon_foto,
.icon_play {
	background: url("../images/ico_foto_s.png") no-repeat center rgba(0,0,0,0.7);
	background-size: 22px;
	height:30px;
	width:30px;
	opacity:0.8;
	position: absolute;
	left: 0;
	bottom: 0;
}
.icon_play {
	background: url("../images/ico_video_s.png") no-repeat center rgba(0,0,0,0.7);
	background-size: 22px;
}
.pic:hover .icon_play { display:block; }
.pic:hover .time { display:none; }
/*e: duration */

/*s: date*/
.date {
	display:block;
	font-size:11px;
	line-height:120%;
	padding-bottom:2px;
	width:99%;
}
.date2 {
	display:block;
	font-size:10px;
	line-height:120%;
	padding-bottom:2px;
}
.date3 {
	display:block;
	font-size:11px;
	line-height:120%;
	padding-bottom:2px;
	color:##d60000;
	font-weight:bold;
}
/*e: date*/


.rite_konten {
	background:#fff;
	height:65px;
	overflow:hidden;
	padding:5px 10px;
}







#footmenu {
	background:#cf0000;
	text-align:center;
	color:#fff;
	margin-top:15px;
	padding:10px !important;
	font-size:13px;
}
#footmenu a {
	color:#fff;
	text-transform:uppercase;
	padding:0 7px;
}
#footer h5 {font-size:13px;}




.box_button_kirim {
	padding:10px 10px 0 10px;
}
.nav_paging {
	padding:10px;
	line-height:160%;
	text-align:center  !important;
	margin-bottom:10px;
}
.nav_paging a {
	text-transform:uppercase;
	padding:0 5px;
}
.nav_paging a.selected , .nav_paging a:hover{
	color:#c400cb;
	text-decoration:none;
}

.nav_paging .nav_img_paging_p {
	float:left;
}
.nav_paging .nav_img_paging_n {
	float:right;
}
.nav_paging .nav_img_paging_p img {
	float:left;
	position:relative;
	top:-3px;
	left:-5px;
}
.nav_paging .nav_img_paging_n img{
	float:right;
	position:relative;
	top:-2px;
	right:-5px;
}

.play_pause {
	width:100%;
	height:50px;
	text-align:left;
	margin-top:-70px;
	position:relative;
	z-index:2;
}
#btn_pause {display:none; opacity:0;}
#btn_pause:hover {opacity:1;}
.video_play {
	background:#000;
	position:relative;
	z-index:1;
	text-align:center;
	height:240px;
}
.play_pause .op {
	opacity:0;
}

.nav_detail {
	margin: 0 0 10px 0;
	padding:0;
	list-style:none;
	text-align:center;
	background:#98268f;
	height:35px;
}
.nav_detail li {
	display:inline-block;
	width:49%;
	padding:10px 0px;
}
/*.nav_detail li:first-child {
	border-right: 1px solid #85217d;
}
.nav_detail li:last-child {
	border-left: 1px solid #ae2ca4;
}*/
.nav_detail li a {
	color:#fff;
	text-transform:uppercase;
	padding:10px 0px !important;
}
.nav_detail li a:hover {
	opacity:0.8;
	text-decoration:none;
}
.nav_detail li.selected {
	height:22px;
}
.comment {
	padding:0 10px;
}

.show_hide {
	display:none;
	padding-top:10px;
}
.headline {
	float:left;
	width:75%;
}
.toggle {
	position:relative;
	top:20px;
	float:right;
	right:0;
	font-size:25px;
	border-left: 1px dotted #ccc;
	padding:20px;
}
.toggle a:hover {
	text-decoration:none;
}

.livetv {
	text-align:center;
	margin-top:10px;
}
.livetv a {
	width: 45%;
}
.livetv a img {
	width:40%;
	padding:10px;
}




.box_center {
	text-align:center;
}
.linkdaftar {
	background:#98268f;
	text-transform:uppercase;
	padding:5px 10px;
	color:#fff;
	font-size:18px;
	border: 1px solid #98268f;
	border-radius:3px;
}
.desc_ {
	background:#606060 !important;
	padding:10px 15px!important;
	line-height:130%;
}
.down_app {
	text-align: center;
	padding-top: 5px;
}
.down_app img {
	height: 50px;
}




#header_detik h2 {
	font-size:19px;
	font-weight:lighter !important;
	font-style:normal;
	color:#fff;
	padding:22px 0;
}

.close_menu .link {
	height: 30px !important;
	padding: 8px;
	float: left;
}
.close_menu img.link {
	border:none !important;
	position:relative !important;
	margin-left:-17px !important;
	margin-top:10px;
}
.close_menu .link:hover {
	opacity:0.8;
}
.head h2 {
	font-size:21px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	padding:25px;
	display:inline-block;
}



.wrapper {
	margin:0 10px 10px;
	padding-top:65px;
	border-bottom: 1px dotted #ccc;
}




/*S:LIST*/
.list_kontribusi {
	display: block;
	margin: 10px 0px;
	background: #fff;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	height: 90px;
}
.list_kontribusi:hover {
	opacity: 0.9;
}
.list_kontribusi .pic {
	width: 147px;
	height: 90px;
	position: relative;
	overflow: hidden;
	float: left;
	text-align: center;
	background: #fff;
}
.list_kontribusi .pic img {
	position: relative;
	z-index: 1;
	height: 100%;
}
.list_kontribusi .text {
	z-index: 2;
	bottom: 0;
	padding-bottom: 10px;
	padding:5px 10px;
	float: left;
	/*width: calc(100% - 127px);*/
	height: 70px;
	/*line-height: 70px;*/
	width: 55%;
	width: calc(100% - 147px);

}
.list_kontribusi .text div {
	line-height: 120%;
	vertical-align: middle;
	display: inline-block;
}

.list_kontribusi .tanggal {
	display: inline-block;
	font-size: 11px;
	color: #d60000;
	font-weight: bold;
}
.list_kontribusi h3 {
	display: block;
	font-size: 13.5px;
	line-height: 120%;
	color:#000;
	font-weight: bold;
}
.list_kontribusi h5 {
	font-size: 10px;
	font-weight: bold;
	color: #ff5722;
	text-transform: uppercase;
}
.list_kontribusi .pic img.ico {
	float:left;
	width:41px;
	height:41px;
	z-index: 1;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
}
.list_kontribusi .label {
	background:rgba(0,0,0,0.7);
	padding:3px 5px;
	position:absolute;
	bottom: 0;
	left: 0;
	float:left;
	z-index:2;
	display: block;
	width: 25px;
	height: 25px;
}
.list_kontribusi .label img {
	height: 100%;
}


/* icon thumbnail */
.label {
	background:rgba(0,0,0,0.7);
	padding:3px 5px;
	position:absolute;
	bottom: 0;
	left: 0;
	float:left;
	z-index:2;
	display: block;
	width: 25px;
	height: 25px;
    box-sizing: initial;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
}
.label img {
	height: 100%;
}
/* icon thumbnail */


.detail{
	padding-top: 60px;
}
.picdetail {
	width: 100%;
	position:relative;
	margin-bottom: 10px;
}
.picdetail img {
	width: 100%;
	display: block;
	
}
.picdetail span {
	display: block;
	font-size: 11px;
	color: #7e7e7e;
	line-height: 120%;
	margin-top: 5px;
}
.detail_text {
	padding: 15px;	
	font-size:15px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: 0.5px;
}
.detail_text h1 {
	font-size: 20px;
	line-height: 120%;
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight: bold;
	color: #000;
}
.detail_text h3 {
	text-transform: uppercase;
	font-size: 13px;
	color: #545454;
	font-weight: bold;
}
.detail_text .date {
	color: #676767;
	font-size: 11px;
	/*margin-bottom:3px;*/
}
.detail_text a {
	color: #005689	
}


/*S:TERKAIT*/
.terkait {
	display: none;
	width: 90%;
	background: #262626;
	position: relative;
	z-index: 4;
	height: 100%;
	float:right;
	-moz-box-shadow: 0 0 12px #000;
	-webkit-box-shadow: 0 0 12px #000;
	box-shadow: 0 0 12px #000;
}
.terkait .head {
	height: 70px;
	background: #cf0000;
	/*position: fixed;
	top: 0;*/
	width: 100%;
	z-index: 3;

}
.terkait .head img {
	height: 50px;
}
.terkait .user {
	color: #5b5b5b;
	font-size: 12px;
	margin: 17px;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom:25px;
}
.terkait .user a.log  {
	color: #fff !important;
	font-weight: bold;
	display:inline-block;
	background:#cf0000;
	padding:7px 15px;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:5px 5px 0 0;
}
.terkait .user a.log:hover {
	text-decoration:none;
	opacity:0.8;
}
.terkait .user .pic {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
}
.terkait .pic img {
	height: 100%;
}

.terkait .user a.setting {
	float:right;
	border-left: 1px dotted #dfdfdf;
	padding:10px 0 10px 10px;
}
.terkait .user a.setting img {
	height:30px;
}
.terkait .user h5 {
	display:inline-block;
	font-size:12px;
}
a.close_menu {
	cursor:pointer;
}
a.close_menu2 {
	color: #fff;
	font-size: 20px;
	display: inline-block;
	cursor:pointer;
	padding:7px 10px;
	position:fixed;
	top:0;
	right:0;
	background: #000;
}
a.close_menu2:hover {
	background:#8b0000;
	text-decoration:none;
}
.terkait .search {
	background: #e6e6e6;
	margin: 15px;
	width: calc(100% - 30px);
	padding: 0;
	height: 35px;
	overflow: hidden;
}
.terkait .search .input {
	background: none;
	border: 0;
	width: calc(100% - 70px);
	float: left;
	padding: 9px 10px;
}
.terkait .search .btn {
	background: url(images/ico_search_white.png) no-repeat center #cf0000;
	background-size: 20px 20px;
	border: 0;
	height: 35px;
	width: 35px;
	float: right;
	border-radius: 0;
}

.terkait .menu_kanal {
	margin: 15px;
}
.terkait .menu_kanal a{
	display: block;
	/*background:#414141;*/
	color: #6e6e6e;
	padding: 10px 0px;
	text-decoration: none;
	font-size: 15px;
}
/*.main_menu .menu_kanal a {
	float: left;
	width: calc(50% - 20px);
}*/
.terkait .menu_kanal .title {
	color:#ff0000;
	border-bottom:1px solid #e5e5e5;
	display: block;
	/*background:#414141;*/
	padding: 10px 0px;
	text-decoration: none;
	font-size: 15px;
	background: url(../images/ico_arrow_down.png) no-repeat right;
}
.terkait .menu_kanal .title a {
	color:#ff0000;
	padding: 0;
}
.terkait .menu_kanal a:hover {
}
.fokus_terkait a {
	display: block;
	background: #fff;
}
.fokus_terkait a .pic {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
.fokus_terkait a .pic img {
	width: 100%;
	display: block;
}
.fokus_terkait a .text {
	font-weight: bold;
	padding:10px;
}
/*E:TERKAIT*/


.multipage {
	text-align:center;
	color:#666;
	font-size: 12px;
	margin-bottom:20px;
	border-top:1px solid #CCC;
	border:0;
	background:#fff;
	height:33px;
	overflow: hidden;
}
.multipage span {
	display: inline-block;
	padding-top:8px;
	width: 60%;
}
.multipage a {
	border:0;
	border-radius: 0;
	width:15%;
	padding: 8px 0;
	margin: 0;

}
.multipage a {
	background: #f26522 no-repeat center;
	color: white;
	text-shadow:none;
	cursor: pointer;
	float: left;
	text-align: center;

}
.multipage .indeks_mul {
	background:none;
	color: #114d90;
	text-shadow:none;
	padding: 0;
	display: inline-block;
	text-decoration: underline;
	width: 50%;
	margin: 0;
}
.multipage .indeks_mul a {
	width: 100%;
	background: none;
	color: #606060;
	font-weight: bold;
	text-decoration: none;
}
.multipage a.fl {
	background-image: url(../css/images/multi_bg_btn_l.png);
	background-position: left;
	padding-left: 5px;
}
.multipage a.fr {
	background-image: url(../css/images/multi_bg_btn_r.png);
	background-position: right;
	float: right;
	padding-right: 5px;
}


a.btn_more {
	text-align:center;
	display:block;
	color:#959595;
	padding:13px 0;
	font-size:18px;
	font-weight:lighter;
	background: #fff url(../images/ico_arrow_right.gif) no-repeat right;
}
a.btn_more:hover {
	text-decoration:none;
	opacity:0.7;
}

.standing_list {
	padding:10px 10px 10px 10px;
	margin-bottom:20px;
	background:#fff;
	border-bottom:1px solid #ef0000;
}
.standing_list2 {
	margin: 10px;
}
.infografik {
	margin:10px;
	padding:0;
	margin-bottom:20px;
	background:#fff;
}
.standing_list h1 {
	font-size: 15px;
	line-height: 120%;
	margin-bottom: 10px;
	color:#103040;
	font-weight:bold;
}
.standing_list h3 {
	color: #FF0000;
	font-size: 14px;
	text-transform: uppercase;
}
h5.title {
	font-size:16px;
	color:#000;
}
h5.titleinfo {
	font-size:20px;
	color:#ef0000;
	padding:10px;
}
h5.titleinfo a {
	font-size:20px;
	color:#ef0000;
}
.indeks a{
	font-size:14px;
	color:#ef0000;
}
.indeks2 {
	padding:10px;
}
.indeks2 a{
	font-size:14px;
	color:#f5ff88;
}
.isi {
	/*background:#ebebeb;*/
	padding:5px 0;
	overflow:hidden;
}
.list_foto2_indeks li .pic {
	float:left;
	width:100%;
	height:90px;
	overflow:hidden;
	background:#eee;
	text-align:center;
	position:relative;
}
.list_foto2_indeks li .pic img {
	height: 100%;
}
.box_separate {
	float:left;
	width: 43%;
	width:calc(50% - 40px);
	width:-webkit-calc(50% - 20px); /*iphone*/
	margin:0 10px 10px 10px;
	overflow:hidden;
}


.isi4 {
	padding:10px ;
	overflow:hidden;
	width:98%;
	color:#103040;
	text-align:left;
}
.isi4 h5 {
	font-size:15px;
	line-height:130%;
	font-weight: bold;
}
.isi3 {
	background:rgba(255,255,255,0.7);
	padding:10px ;
	/*overflow:hidden;*/
	position:absolute;
	bottom:0;
	display:block;
	width:98%;
	color:#000;
	text-align:left;
}
.isi3 .label {
	top:-31px;
}
.isi3 h5 {
	font-size:15px;
	line-height:130%;
	font-weight: bold;
}

.list_foto3_indeks li a{
	width: 47%;
	width: calc(50% - 5px);
	float: left;
	overflow: hidden;
	margin-right: 5px;
	position: relative;
	height: 150px;
}
.list_foto3_indeks li a h5 {
	font-size: 13px;
}
.list_foto3_indeks li a .pic {
	height: 80px;
	overflow: hidden;
	text-align: center;
	background: #000;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	position:relative;
}
.list_foto3_indeks li a .pic img {
	height: 100%;
}
.list_foto3_indeks li a:nth-child(3){
	margin-right: 0 !important;
	margin-left: 5px;
}
.list_foto3_indeks li a:first-child {
	width: 100%;
	height: 170px;
}
.list_foto3_indeks li a:first-child h5 {
	font-size: 15px;
}
.list_foto3_indeks li a:first-child .pic3 {
	float:left;
	width:100%;
	height:170px;
	overflow:hidden;
	background:#000;
	text-align:center;
	position:relative;
}
.list_foto3_indeks li a:first-child .pic3 img {
	width: 100%;
}


.box_separate3 {
	float:left;
	width: 100%;
	overflow:hidden;
}
/*.box_separate3 .label {
	top:0px;
}*/


/* S:Ramadhan */
.menu_small {
	background:#00530D;
	margin:10px -10px 0px -10px;
	padding:0 1px;
}
.menu_small a {
	height:26px;
	background: none repeat scroll 0% 0% #006931;
	text-align: center;
	padding: 5px 3px;
	float: left;
	color: #F5E900;
	font-size: 13px;
	margin: 0px 1px;
	line-height: 100%;


	width:30.6%;
	width: -webkit-calc(100% / 3 - 8px);
	width: calc(100% / 3 - 8px);

	border-bottom:1px solid #5C930E;
}
.menu_small a:hover, .menu_small a.selected {
	text-decoration:none;
	background:#007D3A;
	border-bottom:1px solid #F5E900;
}
.menu_small a.ends {

	width:77.7%;
	width: -webkit-calc(100% - 8px);
	width: calc(100% - 8px);
}

.subjudul.ramadhan2 {
	background:#004A00;
	border-top:none;
}

.box1.ramadhan {
	margin-top:0px;
}
.box2.ramadhan .pic,
.box2.student .pic {
	margin-right:10px;
	width: 107px;
	height: 90px;
	position: relative;
	overflow: hidden;
	float: left;
	text-align: center;
	background: #000;
}
.box2.ramadhan .pic img,
.box2.student .pic img {
	position: relative;
	z-index: 1;
	height: 100%;
}

.box1.ramadhan > .head, .box1.ramadhan h3, .box2.ramadhan .head {
	background:#004A00;
}
.list_indeks {
	margin:0px;
	padding:0px;
	list-style:none;
}
.list_indeks li:first-child {
	border-top:1px dotted  #A8A8A8;
	padding-top:10px;
}
.list_indeks li {
	padding:0 10px;
	margin-bottom:10px;
	border-bottom:1px dotted #A8A8A8;
}
.list_indeks li:last-child {
	border-bottom:none;
}
.list_indeks li a:first-child {
	padding:0px;
}
.list_indeks li a {
	width:100%;
	display:block;
	float:left;
	padding:5px 0px;
}
.list_indeks li a h5 {
	color: #000;
	font-size: 13.5px;
	line-height: 120%;
	font-weight: bold;
}
.list_indeks li a .pic {
	float:left;
	width:100%;
	height:170px;
	overflow:hidden;
	background:#000;
	text-align:center;
	position:relative;
	margin-bottom:5px;
}
.list_indeks li a:hover {
	text-decoration:none;
}
.list_indeks li a.btn_red {
	display:inline-block;
	float:none;
	width:inherit;
	padding: 8px 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #d60000 !important;
	border-radius: 3px;
	opacity: 1;
}

.pic_infografik {
	text-align: center;
	background: #fff;
	padding: 0px;
}
.pic_infografik img {
	width:100%;
	display:block;
}
/* E:Ramadhan */

/*xxxxxx S:SLIDER xxxxxx*/
#gallery {
	position:relative;
	z-index:2;
	margin-top:10px;
}
#slider0 {
	padding:0;
	margin:0;
}
#slider0 ul {
	margin:0;
	padding:0;
}
#slider0 ul li {
	float:left;
}
#slider {
	padding:0;
	margin:0;
}
#slider ul {
	margin:0;
	padding:0;
}
#slider ul li {
	float:left;
}

#slider2 {
	padding:0;
	margin:0;
}
#slider2 ul {
	margin:0;
	padding:0;
}
#slider2 ul li {
	float:left;
}
#gallery nav {
	position:relative;
	/*overflow: hidden;*/
	margin:0 5px;
	height:31px;
}
#gallery nav img {
	height: 25px;
	height: 25px;
}

#gallery2 {
	position:relative;
	z-index:2;
	margin-top:10px;
}
#gallery2 nav {
	height:27px;
	position:relative;
	/*overflow: hidden;*/
	margin:0 5px;
}


#gallery3 {
	position:relative;
	z-index:2;
	margin-top:10px;
}
#gallery3 nav {
	height:27px;
	position:relative;
	/*overflow: hidden;*/
	margin:0 5px;
}


#gallery0 {
	position:relative;
	z-index:2;
}
#gallery0 nav {
	height:27px;
	position:absolute;
	/*overflow: hidden;*/
	margin:0 5px;
	top:-30px;
	right:0;
}
#gallery0 nav img {
	height: 25px;
	margin-left: 5px;
}
/*nav dot*/
#position0 {
	color: #636363;
	display: block;
	font-size: 50px;
	left: 50%;
	line-height: 0.7;
	margin-left: -75px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 150px;
}
#position0 em {
	display: inline-block;
	font-style: normal;
	padding: 0 3px;
	font-style:normal;
}
#position0 em.on {
	color: #ef0000;
	font-style:normal;
}
#position,
#position2,
#position3 {
	text-align:center;
	font-size:30px;
	line-height:0.7;
	color:#636363;
	display:block;
	position:absolute;
	top:7px;
	left:50%;
	margin-left:-75px;
	width:150px;
	font-style:normal !important;
}
#position em,
#position2 em,
#position3 em {
	display:inline-block;
	padding:0 2px;
	font-style:normal !important;
}
#position em.on,
#position2 em.on,
#position3 em.on {
	color:#ef0000;
	font-style:normal !important;
}

/*nav butt*/
#prev0,
#next0 {
	display:inline-block;
	text-decoration:none;
	color: #777;
}
#next0 {
	position:absolute;
	right:0;
	top:0;
}
#next0 em,
#prev0 em {
	display:block;
	padding:9px 35px 8px;
	font-style:normal;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
}

#prev,
#next {
	display:inline-block;
	text-decoration:none;
	color: #777;
}
#next {
	position:absolute;
	right:0;
	top:0;
}
#prev {
	position:absolute;
	left:0;
	top:0;
}
#next em,
#prev em {
	display:block;
	padding:9px 35px 8px;
	font-style:normal;
	font-size:12px;
	text-transform:uppercase;
}

#prev2,
#next2 {
	display:inline-block;
	text-decoration:none;
	color: #777;
}
#next2 {
	position:absolute;
	right:0;
	top:0;
}
#next2 em,
#prev2 em {
	display:block;
	padding:9px 35px 8px;
	font-style:normal;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
}
img.nav_img2 {
	float: right;
	position: absolute;
	right: 5px;
	top: 5px;
	height: 25px;
}
img.nav_img {
	float: left;
	left: 5px;
	position: absolute;
	top: 5px;
	height: 25px;
}
img.nav_imginfo2 {
}
img.nav_imginfo {
	margin-right: 25px;
}



#prev3,
#next3 {
	display:inline-block;
	text-decoration:none;
	color: #777;
}
#next3 {
	position:absolute;
	right:0;
	top:0;
}
#next3 em,
#prev3 em {
	display:block;
	padding:9px 35px 8px;
	font-style:normal;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
}
img.nav_img3 {
	float: right;
	position: absolute;
	right: 5px;
	top: 5px;
	height: 25px;
}



/*xxxxxx E:SLIDER xxxxxx*/

.subjudul {
	background:#000;
	margin:-1px -10px 10px -10px;
	padding:10px 10px;
	color:#fff;
	font-size:16px;
	display: block;
	border-top: 2px solid #000;
}
.box1 {
	margin:10px -10px 10px -10px;
	padding:0;
	margin-bottom:15px;
	background:#fff;
}
.box1 h3 {
	background:#cf0000;
	color:#fff;
	padding:10px;
	font-size:16px;
	font-weight:lighter;
	float:left;
}
.box1 .head {
	background:#cf0000;
}
.box2 {
	padding:0;
	margin-bottom:15px;
	background:#fff;
}
.box2 .head {
	background:#0c0c0c;
}
.box2 h3 {
	color:#fff;
	padding:10px;
	font-size:16px;
	font-weight:lighter;
	float:left;
}


/*s:kolom*/
.box2.k .list_kontribusi {
	height:auto;
	margin-bottom:10px;
}
.box2.k .list_kontribusi .text {
	width:auto;
	line-height:normal;
	height:auto;
	padding: 0px 10px 0px 10px;
}
.box2.k .list_kontribusi h3 {
	color:#000;
	padding:0px;

	font-weight:normal;
	float:left;

	font-size: 13.5px;
	line-height: 120%;
	font-weight: bold;
}
/*e:kolom*/

.box1,
.box2,
.infografik,
.standing_list2,
.list_qa {
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px  rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px  rgba(0,0,0,0.3);
	/*border-bottom: 1px solid red;*/
}
h2.judul {
	color:#103040;
	font-size:15px;
	line-height:130%;
	font-weight: bold;
}
h2.judul a {
	text-decoration:none;
}
h2.judul a:hover {
	text-decoration:underline;
}

.btn_red {
	padding: 8px 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #08294C !important;
	border-radius: 3px;
	opacity: 1;
}

.list_fokus {
	display: block;
	overflow: hidden;
	text-decoration: none !important;
	color: #fff;
	background: #fff;
	margin:10px 0;
	background: #4b4b4b;
}
.list_fokus .title {
	background: #d60000;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 10px;
}
.list_fokus .pic {
	width: 120px;
	height: 90px;
	overflow: hidden;
	float: left;
	text-align: center;
	margin-right: 10px;
}
.list_fokus .pic img {
	height: 100%;
}
.list_fokus h6 {
	padding-top: 5px;
	font-size: 11px;
	color: #c5cc55;
}
.list_fokus h3 {
	font-size: 13px;
	padding-right: 10px;
}
.list_foto {
}
.list_foto a {
	float: left;
	width: 98px;
	overflow: hidden;
	height: 80px;
	text-align: center;
	background: #000;
	border: 1px solid #fff;
}
.list_foto a img {
	height: 100%;
}

.subjudul2 {
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
}
.list_qa {
	background: #fff;
	padding: 10px;
	display: block;
	margin-bottom: 10px;
}
.list_qa .ico_kom {
	float: left;
	width: 75px;
	height: 70px;
	position: relative;
}
.list_qa .ico_kom img {
	width: 60px;
	height: 60px;
	position: relative;
	z-index: 1;
}
.list_qa .ico_kom .no {
	position: absolute;
	font-size: 22px;
	font-weight: bold;
	color: #d10000;
	left: 0;
	top: 15px;
	width: 60px;
	text-align: center;
	z-index: 2;
}
.list_qa {
	font-weight: bold !important;
}
.list_qa .date {
	color: #545454;
	font-size: 11px;
	font-weight: normal;
}
.
.box_dk {
	background: #fff;
	border: 1px solid #e9e9e9;
	color: #7b7b7b;
	font-size: 13px;
	line-height: 120%;
	border-radius: 3px;
	overflow: hidden;
}
.box_dk .title {
	background: #949393;
	height: 35px;
	overflow: hidden;
}
.box_dk h3 {
	font-weight: bold;
	color: #fff;
	padding: 7px 10px;
	float: left;
	font-size: 15px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	line-height: normal;
	margin: 0;
}
.box_dk .subscribe {
	float: right;
	background: #6c6a6a;
	color: #fff;
	text-decoration: none;
}
.box_dk .subscribe span {
	padding: 10px 15px;
	display: inline-block;
	font-weight: bold;
}
.box_dk .subscribe .num {
	background: url(../image/kom_subscribe.png) left center no-repeat;
	font-size: 16px;
	padding: 10px;
	padding-left: 15px;
}
.box_dk .subscribe:hover {
	opacity: 0.8;
}
.box_dk textarea {
	width: 100%;
	border: 0;
	font-size: 16px;
	background: #fff;
	color: #4e4e4e;
	padding: 10px;
	height: 64px;
}
.dk_bot {
	background: #ededed;
	padding: 3px;
}
.dk_bot label {
	display: inline-block;
	width: 60px;
	padding: 5px;
}
.dk_bot label input {
	float: left;
	margin-top: 6px;
	margin-right: 5px;
}
.link_masuk {
	float: left;
	padding: 10px;
	color: red;
	font-weight: bold;
	text-decoration: none;
}
.sortby {
	padding-top: 15px;
	border-bottom: 1px solid #ccc;
	height: 25px;
	font-size: 13px;
	color: #535353;
}
.sortby a {
	color: #a8a8a8;
	display: inline-block;
	padding-right: 20px;
	text-decoration: none;
	font-weight: bold;
}
.sortby a:hover,
.sortby a.selected {
	color: #fff;
}

.box_qa_list {
	padding: 10px;
	background: #fff;
	color: #afafaf;
	font-size: 13px;
	margin-bottom: 15px;
}
.box_qa_list .dk_name {
	color: #fff;
}
.box_qa_list .dk_date {
	font-size: 11px;
}
.box_qa_list .label {
	background: #d10000;
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 5px;
}
.box_qa_list .label_jawab {
	background: #588600;
}
.box_qa_list .dk_komen {
	color: #000;
	line-height: 130%;
}
.title_1 {
	color: #000 !important;
}
.list_multi a {
	display: block;
	font-weight: bold;
	padding: 2px 0;
}

.picdetail .ico_detail{
	position:absolute;
	width:41px !important;
	height:41px !important;
	cursor:pointer;
	z-index:2;
	bottom:20px;
	left:10px;
	border-bottom:none;
}
.video_bumper{
	width:100%;
}

.styled-select_fokus {
	width:auto;
	height: 25px;
	overflow: hidden;
	/*background: url(../image/dropdown.png) no-repeat 85px 0 #cf2009;*/
	background: url(../images/dropdown.png) no-repeat center right #262626;
	padding-top: 8px;
	margin-top: 5px;
}
.styled-select_fokus:hover {
	opacity:0.9;
}
.styled-select_fokus select {
	width:auto;
	cursor:pointer;
	font-size: 13px;
	line-height: 1;
	color:#fff;
	background: transparent;
	padding: 0px 40px 5px 10px;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	text-transform:uppercase;
	width: 100%;
}
.filter_date select {
	width: 23%;
	float: left;
	margin-right: 3px;
}


.wp_headline {
	background: #000;
	color: #fff !important;
	
}
.wp_headline h3 {
	color: #fff !important;
}
.fokus_cover {
	width: calc(100% + 20px);
	margin: -1px 0 0 -10px;
}

.fokus_cover img {
	width: 100%;
	display: block;
}
.cover_fokus {
	height: auto;
}
.cover_fokus .text{
	position: relative !important;
	background: #000 !important;
	color: #fff;
	height: auto;
	padding: 8px 10px;
	width: 95%;
	width: calc(100% - 20px);
}
.cover_fokus .pic {
	width: 100%;
	float: none;
	height: 100px;
}
.cover_fokus .pic img {
	display: block;
	width: 100%;
	height: auto;
}
.cover_fokus h3 {
	color: #fff !important;
}

.title_bar {
	background: #262626;
	color: #fff !important;
	width: 100%;
	margin: -10px 0 0 -10px;
	padding: 10px;
}
.title_bar2 {
	margin: 0;
	width: 95%;
	width: calc(100% - 20px);
}
.title_bar .title {
	color: #fff;
}
.title_bar .indeks a{
	color: #fff;
}
.title_bar a {
	color: #fff;
}
.box_separate h5 {
	font-weight: bold;
	font-size: 13px;
}
.label2 {
	display: inline-block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	font-size: 9px;
	text-transform: uppercase;
	color: #ccc;
	background: rgba(0,0,0,0.8);
	padding: 3px 5px 2px;
}


/* --- s:detail --- */

/*s:image handler*/
.pic_artikel_sisip {
	margin-top:0;
	margin-bottom:20px;
}
.pic_artikel_sisip .pic {
	margin:0px;
	padding:0px;
	line-height:130%;
	text-align:left;
	display:table-cell;
	width:100%;
	font-size:12px;
	color:#666;
}
.pic_artikel_sisip .pic img {
	width:100%;
	display:block;
	margin-bottom:5px;
}
/*e:image handler*/

/* s:blockquote */
blockquote {

	display:block;
	/* font-family: Georgia, serif; */
	font-size: 20px;
	font-style: italic;
	width: auto;
	margin: 0 0 20px 0;
	padding: 1px 10px 0 49px;
	line-height: 1.1;
	position: relative;
	color: #585858;
}
blockquote:before {
	/* font-family: Arial, Helvetica, sans-serif; */
	display: block;
	content: "\201C";
	font-size: 120px;
	position: absolute;
	left: -10px;
	top: -15px;
	color: #7a7a7a;
}
blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
blockquote cite:before {
	content: "\2014 \2009";
}

blockquote.kanans {

}
/* e:blockquote */

/* s:lihat jg */
.lihatjg {
	display:block;
	text-align:left;
	margin:0 0 20px 0;
	font-size:14px;
}
.lihatjg h5 {
	text-transform:none;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
	color:#333;
	display:block;
}
.lihatjg a {
	font-size:15px;
	color:#CE0000;
	line-height:100% ;
	display:table-cell;
}
.lihatjg a.pic {
	padding:0px;
	float: left;
	width: 70px;
	height: 53px;
	overflow: hidden;
	margin-right: 10px;
	background: #000;
}
.lihatjg a.pic img {
	width:100%;
	display:block;
}
/* --- e:detail --- */


.list_fv {
	width: 100%;
}
.list_fv .pic {
	width: 100%;
	height: 150px;
	overflow: hidden;
	position: relative;
	display: block;
}
.list_fv .pic img {
	width: 100%;
}



/*s:banner*/
.banner,
.banner2 {
	text-align: center;
	height: 50px;
	overflow: hidden;
}
.banner2 {
	height: auto;
	margin-top: 10px;
}
.banner_bill {
	width: 300px;
	height: 135px;
	position: relative;
	margin: 0 auto;
}
.banner_bill .close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: inline-block;
}
.banner_bill2 {
	width: 320px;
	height: 100px;
	position: relative;
	margin: 0 auto;
}
.banner_bill2 .close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: inline-block;
}
.banner2 a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 50px;
}
#footer_banner {
	position: fixed;
	width: 100%;
	background: #000;
	bottom: 0;
	text-align: center;
	z-index: 5;
}
#footer_banner .closebot {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	display: inline-block;
}
#banner_otp {
	position: fixed;
	z-index: 5;
	width: 90%;
	top: 20px;
	text-align: center;
	left: 5%;
}
#banner_otp img {
	width: 100%;
}
#banner_otp .close {
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
}
#sto_banner {
	background: #000;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	position: fixed;
	z-index: 99;
	width: 100%;
	height: 100%;
	text-align: center;
}
#sto_banner .close {
	color: #fff;
	padding: 5px 0;
	display: block;
}
#sto_banner div {
	width: calc(100% - 10px);
}
#sto_banner div img {
	width: 100%;
}
/*e:banner*/


/*TAMBAHAN ELEMENT BUTTON CARI*/
.cari{
	padding: 2px 2px 2px;
	margin: 0 0 0 4px;
	vertical-align: top;
	width: 5%;
	display: inline-block;
}


/* s:Fokus berita */
.topik2 {
	width:100%;
	margin-bottom:15px;
	border:1px solid #cecece;
}
.topik2 .title {
	background:#000;
	color:#fff;
	padding:6px 10px;
	margin:-1px -1px 0 -1px;
}
.topik2 ul {
	padding:10px 10px 10px 10px;
	margin:0px 0px 0 18px;
	color:#7A7A7A;
	list-style:disc outside;
}
.topik2 ul li {
	padding:0 0 5px 0;
	margin:0px;
}
.topik2 ul li a {
	color:#d93e2d;
	font-weight:bold;
}
.topik2 ul li h5 {
	font-size:14px;
}

.linksisip,
.topiksisip {
	width: 100%;
}
/* e:Fokus berita */

/* s:live streaming */

.live_stream_ {
	margin-bottom: 3px;
	text-align: left;
}
.live_stream_ span {
	background: #cc0000;
	color: #fff;
	padding: 3px 8px;
	font-size: 14px;
	text-transform: uppercase;
}
.live_stream_title {
	font-size: 24px;
	margin: 0;
	width: 100%;
	display: inline;
	font-weight: bold;
	border-left: 18px solid #222;
	line-height: normal;
	float: left;
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
	letter-spacing: -0.5px;
}
.live_stream_title a {
	/*white-space: pre-line;*/
	display: inline;
	color: #fff;
	background: #222;
	padding-top: 4px;
	padding-bottom: 4px;
}
.live_stream_title a span {

	position: relative;
	left: -10px;

}
.jam_streaming {
	background: #cc0000;
	color: #fff;
	padding: 3px 8px;
	display: block;
	margin: -10px 0 8px 0;
	font-size: 14px;
}

/* e:live streaming */

/* xxxxxxxxxxxxxxxxxxxxxxxx S:KOLOMNIS xxxxxxxxxxxxxxxxxxxxxxxx */

/* s:box profile */
.profilez {
	background: #E5E5E5;
	padding: 5px;
	margin-bottom: 15px;
	display: block;
	border: 1px solid #DADADA;
}
.profilez .profil_img {
	border:3px solid #fff;

	width: 60px;
	height: 60px;
	margin: 0px 15px 0 0;
}
.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 {
	margin-top:14px;
	float: left;
	width: 75%;
	color:#515151;
}
.profilez .descs.top {
	margin-top:5px;
}
.profilez .descs h3 {
	color:#E60000;
	font-weight: normal;
	text-transform:uppercase;
	font-size:11px;
	line-height:100%;
}
.profilez .descs h2, .profile .descs h3 {
	/* font-family: 'Helveticaff', Verdana, Geneva, sans-serif; */
	line-height: 103%;
}
.profilez .descs h2 {
	color:#3d3d3d;
	font-size:19px;
}

.list_foto4_indeks li a{
	width: 47%;
	width: calc(50% - 5px);
	float: left;
	overflow: hidden;
	margin-right: 5px;
	position: relative;
	text-align:center;
}
.list_foto4_indeks li a h5 {
	font-size: 13px;
}
.list_foto4_indeks li a .pic {
	height: 140px;
	overflow: hidden;
	text-align: center;
	background: #000;
	display: block;
	margin-top: 0;
	margin-bottom: 5px;
	position:relative;
	padding:0px;
}
.list_foto4_indeks li a .pic img {
	width:100%;

}
.list_foto4_indeks li a:nth-child(3){
	margin-right: 0 !important;
	margin-left: 5px;
}

.list_kontribusi .pic {
	height:128px;
}


/* S: Newstag */
.newstag {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	margin:10px 0;
	font-style: italic;
}
.newstag span {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
}
.newstag img {
	height: 30px;
	float: left;
}
/* E: Newstag */

/*S: Student*/
.student_btn {
	text-align: center;
}
.student_btn a{
	width: 50%;
	display: inline-block;
	margin: 0;
	padding: 8px 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	float: left;
}
.blue_clr {
	background: #002685 !important;
}
.red_clr {
	background: rgba(214, 0, 0, 1) !important;
}
/*E: Student*/
@media screen and (min-width: 500px) {
	#banner_otp {
		width: 60%;
		left: 20%;
		top: 10px;
	}
}

/* S:aku dan jakarta */

.subjudul.akujakarta {
	background:#004A00;
	border-top:none;
}

.box1.akujakarta {
	margin-top:0px;
}
.box2.akujakarta .pic,
.box2.student .pic {
	margin-right:10px;
	width: 107px;
	height: 90px;
	position: relative;
	overflow: hidden;
	float: left;
	text-align: center;
	background: #000;
}
.box2.akujakarta .pic img,
.box2.student .pic img {
	position: relative;
	z-index: 1;
	height: 100%;
}

.box1.akujakarta > .head, .box1.akujakarta h3, .box2.akujakarta .head {
	/*background: #FFB530;*/
	background:url(../images/jakartabg.jpg) #f03b3b top right no-repeat;
}
.logo-img{padding:10px; display: inline-block;}
.akujakarta{}
/* E:aku dan jakarta */


#nav a.selected {
	background:#999;
	border-bottom:#e30103 3px solid;
}
#nav a {
	float: left;
	width: 33.3%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 10px 0;
}


.wrapper_tv a{
	color:#FFF;
}

.wrapper_tv .list_kontribusi{
	background:#363636;
}

.wrapper_tv .list_kontribusi .tanggal{
	color:#CCC;
}
.wrapper_tv .list_kontribusi h5 {
	color: #ffea00;
}

.wrapper_tv .list_kontribusi h3{
	color:#FFF;
}
.wrapper_tv .box2{
	background:#363636;
	padding:5px 0;
}

.wrapper_tv .box2.k .list_kontribusi h3{
	color:#FFF;
}

#nav{
	background:#666;
	position:relative;
	margin-top:10px;
}

#acara a.selected {
	background:#999;
}
#acara{
	background:#333;
}
#acara a {
	float: left;
	width: calc(33.3% - 20px);
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 10px;
	border-bottom:1px #666 solid;
	height:40px;
	overflow:hidden;
	font-weight:bold;
}
#acara a .jam {
	font-size:10px;
	font-weight:normal;
}
#acara h5 {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding:10px;
	border-bottom:1px #666 solid;
}

.tipi{
	background:#000;
	color:#FFF;
}

.tipi #footer, .tipi #footer a, .tipi #footer h5{
	background:#ebebeb;
	color:#000;
}
.tipi #footer{
	border-top: 1px dotted #ccc;
	padding-top:20px;
}
.hl_tv{
	padding:10px;
	margin-top:10px;
}
.label3{
	background:#e30103;
	padding:5px 20px;
	color:#FFF;
	margin-bottom:5px;
	display:inline-block;
	float:left;
}
.label4{
	color:#FFF;
	margin-right: 1vw;
	margin-top:5px;
	display:inline-block;
	float:right;
	font-size:10px;
}
.label5{
	margin-bottom:5px;
	display:inline-block;
	float:right;
}
.hl_tv a{
	display:block;
}

.title_box {
	position: relative;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	padding: 7px 10px;
}
.btn_more2 {
	background: rgba(255,255,255,0.2);
	color: #fff;
	padding: 0 7px;
	display: inline-block;
	text-decoration: none;
}

.title_box2 {
	background:url(../images/tv/bg_titelbox.png) repeat-x right center;
	position: relative;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	margin: 7px 10px;
}

.title_box2 span{
	background:#000;
	padding-right:10px;
}
.title_box2 .btn_more2 {
	background: #000;;
	color: #fff;
	padding: 0 7px;
	display: inline-block;
	text-decoration: none;
}
.big_list {
	background: #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	display: block;
	margin:10px;
}

.big_list .text {
	padding: 10px;
	width: calc(100% - 20px);
	z-index: 1;
	background: #363636;
}
.big_list .text2 {
	padding: 10px;
	width: calc(100% - 20px);
	position: absolute;
	border: 0;
	z-index: 1;
	background: rgba(0,0,0,0.7);
	bottom: 0;
}
.big_list .sub {
	display: block;
	color: #fff000;
	font-size: 0.8em;
	text-transform: uppercase;
}
.big_list h3 {
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	line-height: 120%;
	padding: 0 0 5px;
}
.big_list .info {
	font-size: 10px;
	color: #c5c5c5;
	font-weight: normal;
}

.tipi .teks_detail{
	padding:10px;
	background:#363636;
}

.tipi .teks_detail .jam {
	font-size:10px;
	font-weight:normal;
	color:#CCC;
}
.trans{
	margin-top:10px;
	width:50%;
	background:#FFF;
	padding:3px;
}
.trans img{
	width:100%;
}

.hotpoto {
	list-style: none;
	padding: 5px;
}
.hotpoto a {
	display: inline-block;
	width: calc(50% - 10px);
	height: auto;
	background: #000;
	text-align: left;
	overflow: hidden;
	float: left;
	position:relative;
	margin:5px;
}
.hotpoto a .judulphoto {
	padding: 10px;
	width: calc(100% - 20px);
	position: absolute;
	border: 0;
	z-index: 1;
	background: rgba(0,0,0,0.7);
	bottom: 0;
	text-align:center;
}
.hotpoto a .judulphoto h5 {
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	line-height: 120%;
	padding: 0 0 5px;
}
.tipi .detail_text h1{
	color:#FFF;
}
.tipi .detail_text h3{
	color:#ffea00;
}

.tipi .detail .author{
	color:#CCC;
}
.tipi .detail_text .date{
	color:#CCC;
}
.tipi .detail .topik1 h5{
	color:#ffea00;
}
.tipi .detail .share a {
	color: #F00;
}
.tipi .detail .share{
	color:#CCC;
}
.tipi .detail .share{
	color:#FFF !important;
}
.tipi .sortby a.selected {
	color: #f00;
}
.tipi .sortby a {
	color: #fff;
}
.tipi .list_dk .list_dk_text .dk_name {
	color: #ffea00;
}
.tipi .list_dk .dk_komen{
	color:#FFF;
}
.tipi .list_dk .dk_action a, .list_dk .dk_action .dk_share span{
	color:#FFF;
}

.tipi .detail .bacajuga a{
	color: #FFF;
}

.tipi .isi3 {
	background: rgba(0,0,0,0.5);
	padding: 10px;
	position: absolute;
	bottom: 0;
	display: block;
	width: 98%;
	color: #fff;
	text-align: left;
}
#gallery22 {
	position: relative;
	z-index: 2;
}
#gallery22 nav {
	position: relative;
	/* overflow: hidden; */
	margin: 0 5px;
	height: 31px;
	border-bottom:#666 1px solid;
	padding-bottom:10px;
}
#gallery22 nav a{
	float:right;
	width:35px;
	padding:0;
	border:none;
}
#gallery22 nav span{
	text-align:center;
	display:block;
	padding-top:10px;
	font-weight:bold;
}
#prev2 {
	position: absolute;
	right: 30px;
	top: 0;
}
#prev2, #next2 {
	display: inline-block;
	text-decoration: none;
	color: #777;
}
#next {
	position: absolute;
	right: 0;
	top: 0;
}

.wrapper_tv {
	padding-top: 0;
	border-bottom: none;
	margin: 0 10px;
}
.wrapper.tipi  {
	margin: 0;
	border-bottom: 1px dotted #ccc;
    box-sizing: initial;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
}