body
{
	margin:0;
	padding:0;
	background:#F8F8FF;
	}
.wrapper
{ padding:10px 0 0 0;
width:1150px;
margin:auto;
	box-sizing : border-box;
}
 

hr {
  border: 0;
  border-top: 1px solid #ccc;
  margin: 11px 0px 5px 0;
}


/* Topmenus*/ 

.topmenus
{height:30px;
	background:#666;
	line-height:5px;
	color:#fafafa;
 	z-index:200;
	position:fixed;
	width:100%;
		left:0;
		margin-bottom:20px;
		font-size:75%;
	
	}

#topmenus
{width:1150px;
margin:auto;
height:15px;
line-height:27px;
		font-size:105%;
font-weight:600;
    
}
		

.topmenus a
{height:15px;
line-height:15px;
 	line-height:25px;
	color:#fafafa;
	text-decoration:none;
	font-weight:600;
	text-align:center;
		position:fixed;
    		font-size:105%;


}
	

	

/* Header */ 

.header
{
	background-color:#F8F8FF;
	width:100%;
	height:auto;
	left:0;
	color:#fafafa;
	margin:auto;
	text-align:center;
 	
 	
	
	}

#logo
{
	float:left;
  margin-top:45px;
  	width:350px;
	height:65px;
		background-clip:border-box;
	background-image:url(../asset/logos.png);
	background-repeat:no-repeat;
	background-position:left;
 	z-index:100;}


.iklan_logo
{
	width:650px;
	height:110px;
 	padding-top:15px;
 	}
 	
 	
 	
.mainmenu
{
	background-color:#E25D33;
	width:100%;
	height:45px;
	left:0;}
	
#mainmenu
{
 	width:1150px;
	height:45px;
	line-height:45px;
	text-align:center;
	margin:auto;
	left:0;}
	

.mobile
{
	display:none;}
 



#cari
{
	float:right;
	display: none;}	



/* Popular top */

.popular_top {
	float:left; 
	width:100%; 
 	box-sizing : border-box;
	margin:5px 0 5px;
	text-align:left;

}


.popular_top #img_popular {
	float:left; 
	width:24.4%; 
 	box-sizing : border-box;
	margin-right:5px;
	margin:10px 0 10px;
	overflow:hidden;
 	height:80px;
  	
}


#gambar_popular
{
	width:100px;
	height:75px;
	float:left;
	padding-right:3px;
 	margin-right:5px;
 	padding-left:5px;
 	
	}


/* Headline */ 


.hed 
{float:left; 
height:530px; 
width:100%;
}

#kanan_head
{width:300px;
height:530px;
max-height:530px;
overflow:hidden;  
float:right;
 }

#kanan_head a
{width:300px;
height:530px;
max-height:530px;
overflow:hidden;  
  }
 
 

#headline
{ width:830px;
} 


/* Main and Contens*/ 



.main
{
	width:100%;
 	clear: both;
	margin-top:10px;
	box-sizing : border-box;
	background:#333;
	
 	
	 }
 
   .column {box-sizing : border-box;
  float: left;
    margin:auto;
margin-top:10px;}

/* Left */
.column.left {
  width: 250px;
 height:auto;
  float: left;
 	box-sizing : border-box;}

/* Middle column */
.column.conten {
	box-sizing : border-box;
 width: 557px;
 height:auto;
  float: left;
   margin:10px 20px;}

/* right column */
.column.right {
 width: 300px;
height:auto;
 float:right;
   box-sizing : border-box; }


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
 }



.judul_side 
{ 	font-size:100%;
	text-decoration:none;
	color:#333;
		font-weight:600;
    	line-height:17px;
}

.judul_side a
{ 	font-size:90%;
	text-decoration:none;
	color:#333;
		font-weight:600;
    	line-height:17px;
}

.judul_side a:hover 
{ 	font-size:90%;
	text-decoration:none;
	color:#069;
	font-weight:600;
    	line-height:17px;
}



.judul_indeks
{
	font-size:117%;
	text-decoration:none;
	color:#069;
	font-weight:600;
	line-height:27px;
}

.judul_indeks a
{
font-size:117%;
	text-decoration:none;
	color:#333;
	font-weight:600;
	line-height:27px;
	}
	
.judul_indeks a:hover
{
	font-size:117%;
	text-decoration:none;
	color:#E25D33;
	font-weight:600;
	line-height:27px;
}
	
	
#lead
{
	margin-top:10px;
	font-weight:100;
	font-size:80%;
    color:#666;
    margin-left:37%;
}	
	
	
.gambar_index
{
width:35%;
	float:left;
	padding-right:10px;
	height:130px;
	min-height:130px;
	max-height:130px;
 	overflow:hidden;
	
	}
	
.gambar_index
{
width:35%;
	float:left;
	margin-right:10px;
	height:130px;
	min-height:130px;
	max-height:130px;
 	overflow:hidden;
  	 
 	}
 	
 .gambar_index:hover
{ float:left;
 	height:130px;
  	overflow:hidden;
  	opacity: 0.7;
 }
 
 

.gambar_side
{
width:45%;
	float:left;
	padding-right:10px;
	height:100px;
	min-height:100px;
	max-height:100px;
 	overflow:hidden;
	
	}
	
	
.gambar_side_left
{
width:45%;
	float:left;
	padding-right:10px;
	height:70px;
	min-height:70px;
	max-height:100px;
 	overflow:hidden;
	
	}
	
	
.side_color_bg
{	text-transform: uppercase;

	height:35px;
		padding:5px 0 10px 10px;
		font-size:150%;
 		color:#F60;
 	border-bottom:1px solid #F00;
	margin:10px 0 10px;
font-weight:600;}



.hottopik
{	height:35px;
		padding:5px 0 10px 10px;
		font-size:150%;
 		color:#708090;
 	border-bottom:1px solid #390;
	margin:13px 0 13px;
	text-transform: uppercase;
	font-weight:600;
	
	}
	
	

.bg_inspiratif
{
	height:35px;
		padding:5px 0 10px 10px;
		font-size:150%;
 		color:#C00;
 	border-bottom:1px solid #C00;
	margin:13px 0 13px;
	text-transform: uppercase;
	font-weight:600;
}

.bg_pasar
{
	height:35px;
		padding:5px 0 10px 10px;
		font-size:150%;
 		color:#390;
 	border-bottom:1px solid #390;
	margin:13px 0 13px;
	text-transform: uppercase;
	font-weight:600;
}

.bg_wanita
{
	height:35px;
		padding:5px 0 10px 10px;
		font-size:150%;
 		color:#F09;
 	border-bottom:1px solid #F09;
	margin:13px 0 1px;
	text-transform: uppercase;
	font-weight:600;
	
}
 



/* View Baca */

 
 
   .baca {box-sizing : border-box;
  float: left;
    margin:auto;
  width:820px;}

 

/* Middle column */
.baca.conten {
	box-sizing : border-box;
 width: 100%;
 height:auto;
  float: left;
 background:#000;
 margin-left:-20px;

 }

/* right baca */
.baca.right {
 width: 300px;
height:auto;
 float:right;
   box-sizing : border-box; }

 




/* Font View*/
 
 
   .baca {box-sizing : border-box;
  float: left;
    margin:auto;
margin-top:10px;
  margin-left:-15px;
 padding:10px;}
 
 
#judul_view
{
	font-size:250%;
	font-weight:600;
	padding:10px 0p 20px 0px;}



#subjudul_view
{font-size:160%;
	padding:10px 0p 10px 0px;
color:#666;
font-weight:600;
} 



#caption
{padding-top:1px;
padding-bottom:10px; 
 font-weight:600; 
 font-size:70%;
 color:#666;}

#isi_baca
{font-size:100%;
padding:10px 0p 10px 0px;
letter-spacing:0.5px;
line-height:20px;
 
 
}

#tgl_view
{padding-top:20px;
font-weight:600;
font-size:90%; }

#editor
{
	padding:10px 0px 25px 0px;
	font-size:75%;
	color:#666;
	text-transform:capitalize;
	 }
	

.gbr_view
{
	width:100%;
  	padding-bottom:10px;
	
	}
	

#tanggal
{
	font-size:70%;
	color:#666;
	font-weight:600;
	padding-bottom:6px;
    text-transform: uppercase;
}
	
.tanggal
{
	font-size:70%;
	color:#666;
	font-weight:600;
	padding-bottom:6px;
    text-transform: uppercase;
}
	
#headline_rubrik
{margin-top:20px;
}

 #caption_rubrik
 {padding-top:1px; 
 font-weight:600; 
 font-size:70%;
 color:#666;
 }

#komentar
{
margin-top:20px;}


#artikel_lain
{
	color:#930;
	font-size:120%;
	padding:20px 0px 10px;
	font-weight:600;
	
	}


#iklan_mobile
{
	display:none;}



#redaksi
{
	font-weight:600; 
letter-spacing:1px; 
font-size:200%; 
 text-transform:uppercase;
}

#disclaimer
{
font-weight:600; 
letter-spacing:1px; 
font-size:130%; 
 text-transform:uppercase;
margin-bottom:15px;
 }
 
 
 

/* Footer */

#footer
{
	height: 198px;
	padding-top: 30px;
	left: 0;
	width: 100%;
	position: absolute;
	margin-bottom: 51px;
	background-color: #E25D33;
	color: #fafafa;
	text-align: center;
	}



.menu_bawah
{
display: block;
	} 
	
 @media screen and (max-width:920px) {
body
{
	margin:0;
	padding:0;
	}
	
.wrapper
{ padding:10px;
width:100%;
 border:none;
 margin-top:-5px;
}

.topmenus
{	height:35px;
 	line-height:35px;
	text-align:center;
	padding:0px;
	font-size:14px;
	border-bottom:1px solid #fafafa;
 	left:0;
	display:none;
	width:100%;}


#pencarian
{ 	display:none;}
	
 
	
	
#cari
{ 	display: inline-block;
	float: left;
	width:300px;
	margin-top:15px;
	padding-left:165px; 
	
	 
 }

.mainmenu
{
	display:none;
	margin-top:-15px;}
	
.header
{
	height:75px;
	line-height:30px;
 	text-align:left;
	margin-top:-10px;
	padding-bottom:10px;
	background:#000;
	position:fixed;
	z-index:100;
	}

#iklan_mobile
{
	display: block;
	margin-top:-10px;
	margin-bottom:-10px;}


.iklan_logo
 {
	 display:none;}  
	 
	#logo
{	float:left;
  margin-top:-48px;
  	width:350px;
	height:65px;
		background-clip:border-box;
	background-image:url(../asset/logo_mobile.png);
	background-repeat:no-repeat;
	background-position: center;
 	z-index:100;}
	 	
	
.mobile
{
	z-index:1000;
  	text-align: left;
	 color:#fafafa;
	 display: block;
	 margin-top:20px;
	 margin-right:40px;
   	}
	

	
.menus
{}

.popular_top 
{
	display:none;}

#banneriklan_menus
{ margin-top:70px;
width:100%;}


.main
{ 	width:100%;
 	clear: both;
	margin-top:5px;
	box-sizing : border-box;
   }
   

	
	 
.column 
{box-sizing : border-box;
  float: left;
 margin:auto;
 }

/* Konten*/
.column.left
{
	display:none; 
width:100%;}
	
	
.column.conten, .column.right
 {
 width:100%;
box-sizing : border-box;
margin:0;
margin-top:10px;
 border:none;
 padding:10px;
 }
 


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
 }






.hed 
{
width:100%;
height:auto;
margin-bottom:20px;
 }

#headline
{ width:auto;
height:100%;
 } 


#kanan_head
{width:100%; 
height:auto;
display:none;   
}

#headline_rubrik
{
    margin-top:50px;
}

 
.judul_side, .judul_indeks
{	font-size:110%;
	font-size:100%;
	text-decoration:none;
	color:#333;}


.judul_side, .judul_side, .judul_indeks  a
{ font-size:110%;

	text-decoration:none;
	color:#333;}

.judul_side, .judul_side, .judul_indeks a:hover 
{ font-size:110%;
 	text-decoration:none;
	color:#039;}


.lead
{ 	margin-top:-20px;
display:none;}
#lead
{ 	margin-top:-20px;
display:none;}
	
.gambar_index, .gambar_side_left, .gambar_side
{	width:30%;
	height:60px;
	max-height:70px;
	overflow:hidden;
 }	
	
/* View*/
 
 
   .baca {box-sizing : border-box;
  float: left;
    margin:auto;
   width:100%;
}
 
 
#judul_view
{
	font-size:170%;
	padding-top:10px;}

#subjudul_view
{font-size:110%;
	padding-top:10px;}

#caption
{font-size:75%;
	padding-top:5px;}

#isi_baca
{font-size:100%;
	padding-top:10px;}

 
.gbr_view
{
	width:100%;
  	padding-bottom:10px;
	
	}



#manajemen
{
	font-size:110%; 
	text-transform:uppercase;
	margin-top:10px;
	width:100%;
	
	}

#disclaimer
{
font-weight:600; 
letter-spacing:1px; 
font-size:130%; 
margin-top:50px;
text-transform:uppercase;
margin-bottom:15px;
 }

#redaksi
{
	font-weight:600; 
letter-spacing:1px; 
font-size:130%; 
margin-top:50px;
text-transform:uppercase;
margin-bottom:-5px;
}




#footer
{
	height:150px;
 	padding-top:30px;
	width:100%;
 	color:#FFF;
 	
 	}

 
.menu_bawah
{  
	bottom:0;
 	position:fixed;
	width:100%;
	color:#000;
	margin:0;
	text-align:center;
	display: block;
	}
	
 
}




 @media screen and (max-width:800px) {
body
{
	margin:0;
	padding:0;
	}
	
.wrapper
{ padding:10px;
width:100%;
 border:none;
 margin-top:-5px;
}

.topmenus
{	height:35px;
 	line-height:35px;
	text-align:center;
	padding:0px;
	font-size:14px;
	border-bottom:1px solid #fafafa;
 	left:0;
	display:none;
	width:100%;}


#pencarian
{ 	display:none;}
	
 
	
	
#cari
{ 	display: inline-block;
	float: left;
	width:300px;
	margin-top:15px;
	padding-left:165px; 
	
	 
 }

.mainmenu
{
	display:none;
	margin-top:-15px;}
	
.header
{
	height:75px;
	line-height:30px;
 	text-align:left;
	margin-top:-10px;
	padding-bottom:10px;
background:#000;
	position:fixed;
	z-index:100;
	}

.iklan_logo
 {
	 display:none;}  
	 
	#logo
{	float:left;
  margin-top:-48px;
  	width:350px;
	height:65px;
		background-clip:border-box;
	background-image:url(../asset/logo_mobile.png);
	background-repeat:no-repeat;
	background-position: center;
 	z-index:100;}
	 	
	
	
.mobile
{
	z-index:1000;
  	text-align: left;
	 color:#fafafa;
	 display: block;
	 margin-top:20px;
	 margin-right:40px;
   	}
	

	
 
.popular_top 
{
	display:none;}

#banneriklan_menus
{ margin-top:70px;
width:100%;}


.main
{ 	width:100%;
 	clear: both;
	margin-top:5px;
	box-sizing : border-box;
   }
   

	
	 
.column 
{box-sizing : border-box;
  float: left;
 margin:auto;
 }

/* Konten*/
.column.left
{
	display:none; 
width:100%;}
	
	
.column.conten, .column.right
 {
 width:100%;
box-sizing : border-box;
margin:0;
margin-top:10px;
 border:none;
 }
 


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
 }






.hed 
{
width:100%;
height:auto;
margin-bottom:20px;
 }

#headline
{ width:auto;
height:100%;
 } 


#kanan_head
{width:100%; 
height:auto;
display:none;   
}



 
.judul_side, .judul_indeks
{	font-size:110%;
	font-size:100%;
	text-decoration:none;
	color:#333;}


.judul_side, .judul_side, .judul_indeks  a
{ font-size:110%;

	text-decoration:none;
	color:#333;}

.judul_side, .judul_side, .judul_indeks a:hover 
{ font-size:110%;
 	text-decoration:none;
	color:#039;}


.lead
{ 	margin-top:-20px;
display:none;}
#lead
{ 	margin-top:-20px;
display:none;}
	
.gambar_index, .gambar_side_left, .gambar_side
{	width:30%;
	height:60px;
	max-height:60px;
	overflow:hidden;
 }
 
 
/* View*/
 
 
   .baca {box-sizing : border-box;
  float: left;
    margin:auto;
   width:100%;
   padding:5px;}
 
 
#judul_view
{
	font-size:170%;
	padding-top:10px;}

#subjudul_view
{font-size:100%;
	padding-top:10px;}

#caption
{font-size:65%;
	padding-top:5px;}
	
	

#isi_baca
{font-size:100%;
	padding-top:10px;}


.gbr_view
{
	width:100%;
  	padding-bottom:10px;
	
	}


#manajemen
{
	font-size:110%; 
	text-transform:uppercase;
	margin-top:20px;
	width:100%;
	
	}

#disclaimer
{
font-weight:600; 
letter-spacing:1px; 
font-size:130%; 
margin-top:50px;
text-transform:uppercase;
margin-bottom:15px;
 }
 
 
 
#footer
{
	height:170px;
 	padding-top:30px;
	width:100%;
 	background:#E25D33;
	color:#FFF;
 	
 	}

 
.menu_bawah
{ 
	bottom:0;
 	position:fixed;
	width:100%;
	color:#000;
	margin:0;
	text-align:center;
	display: block;
	}
	
 
}




 @media screen and (max-width:670px) {
body
{
	margin:0;
	padding:0;
	}
	
.wrapper
{padding:10px;
width:100%;
 border:none;
 margin-top:-5px;
}

.topmenus
{	height:35px;
 	line-height:35px;
	text-align:center;
	padding:0px;
	font-size:14px;
	border-bottom:1px solid #fafafa;
 	left:0;
	display:none;
	width:100%;}


#pencarian
{ 	display:none;}
	
 
	
	
#cari
{ 	display: inline-block;
	float: left;
	width:300px;
	margin-top:15px;
	padding-left:165px; 
	
	 
 }

.mainmenu
{
	display:none;
	margin-top:-15px;}
	
.header
{
	height:75px;
	line-height:30px;
 	text-align:left;
	margin-top:-10px;
	padding-bottom:10px;
	background:#000;
	position:fixed;
	z-index:100;
	}

.iklan_logo
{
	width:100%;
	height:auto;
 	padding-top:15px;
 	}
 	
 	
 	
	 
#logo
{	float:left;
  margin-top:-43px;
  	width:300px;
	height:52px;
	margin-left:20px;
		background-clip:border-box;
	background-image:url(../asset/logo_mobile.png);
	background-repeat:no-repeat;
	background-position: center;
 	z-index:100;}
	 	
	

	
	
.mobile
{
	z-index:1000;
  	text-align: left;
	 color:#fafafa;
	 display: block;
	 margin-top:20px;
	 margin-right:40px;
   	}
	

	
 
.popular_top 
{
	display:none;}

#banneriklan_menus
{ margin-top:70px;
width:100%;}


.main
{ 	width:100%;
 	clear: both;
	margin-top:20px;
	box-sizing : border-box;
   }
   

	
	 
.column 
{box-sizing : border-box;
  float: left;
 margin:auto;
 }

/* Konten*/
.column.left
{
	display:none; 
width:100%;}
	
	
.column.conten, .column.right
 {
 width:100%;
box-sizing : border-box;
margin:0;
margin-top:10px;
 border:none;
 }
 


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
 }






.hed 
{
width:100%;
height:auto;
margin-bottom:20px;
 }

#headline
{ width:auto;
height:100%;
 } 


#kanan_head
{width:100%; 
height:auto;
display:none;   
}



 
.judul_side, .judul_indeks
{	font-size:110%;
	font-size:100%;
	text-decoration:none;
	color:#333;
line-height:19px;
}


.judul_side, .judul_side, .judul_indeks  a
{ font-size:110%;
line-height:19px;
text-decoration:none;
	color:#333;}

.judul_side, .judul_side, .judul_indeks a:hover 
{ font-size:110%;
 	text-decoration:none;
	color:#039;
line-height:19px;
}


.lead
{ 	margin-top:-20px;
display:none;}
#lead
{ 	margin-top:-20px;
display:none;}
	
	
	
/* View*/
 
 
   .baca {box-sizing : border-box;
  float: left;
    margin:auto;
   width:100%;
  padding:5px;}
 
 
#judul_view
{
	font-size:150%;
	padding-top:10px;
}

#subjudul_view
{font-size:100%;
	margin-top:20px;}

#caption
{font-size:65%;
	padding-top:5px;}

#isi_baca
{font-size:100%;
	padding-top:10px;}


.gbr_view
{
	width:100%;
  	padding-bottom:10px;
	
	}





#manajemen
{
	font-size:110%; 
	text-transform:uppercase;
	margin-top:20px;
	width:100%;
	
	}

#disclaimer
{
font-weight:600; 
letter-spacing:1px; 
font-size:130%; 
margin-top:50px;
text-transform:uppercase;
margin-bottom:15px;
 }
 
 
 .gambar_index
{	width:40%;
	height:45px;
	max-height:40px;
	overflow:hidden;
 }
 
 .gambar_side_left, .gambar_side
 {	width:40%;
	height:40px;
	max-height:40px;
	overflow:hidden;
 }
 
/* Footer  View*/

#footer
{
	height:170px;
 	padding-top:30px;
	width:100%;
 	background:#E25D33;
	color:#FFF;

 	
 	}

 #footer1
{border-bottom:1px solid #666; 
box-sizing: border-box; 
padding:15px 0 15px; 
line-height:45px; 
word-spacing:25px;
background:#E25D33; 
}



.menu_bawah
 {	margin-top:30px;
display: block;
 }
	
 
}




.iklan_tengah
{
	margin:20px 0 20px 0;}
	
.iklan_side
{
	margin:20px 0 20px 0;}