@charset "utf-8";

.page{
  text-align:center;
  max-width:1100px;
  margin: auto;
}

.listbox_full_content_container{
  float:left;
  margin-top:20px;
  width:74%;
  border-top:solid 2px #B4C5CA;
  padding-top:20px;
}

.listbox_full_content{
  width:100%;
	min-height:1213px;
	background:#fff;
	border:solid 1px #B4C5CA;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

.right_content{
	width:24%;
	float : right;
	height: auto;
	background:#ffffff;
	margin-bottom:5px;
	border:solid 1px #B4C5CA;
	border-top:solid 3px #00BFF3; margin-top:20px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

.listbox_article2{
	float:left;
	width:24.9%;
	height: 450px;
	background:#fff;
	margin-left:-1px;
	margin-top:-1px;
	padding-bottom:20px;
	border:solid 1px #B4C5CA;
}

.isi_box_content{
	margin:10px;
}

.hide_desktop{
    display:none;
}

.hide_mobile{
    display:block;
}

/*----------------------------------------------------------------------------------------------------*/
/*Menu Header*/

.header{
  width:100%;
  margin: auto;
  margin-top:0px;
  color: #fff;
  background:#333;
  text-align:left;
}

.menuHeader{

	width:100%;
	margin: auto;
	margin-top:0px;
	color: #fff;
	z-index:100;
	padding:10px 0px;
	background:#56A8DC;
	text-align:left;
}

.header_account_container{
	float 	: right;
}

.btnMenuHeader{

	font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;

	font-size:18px;
	font-weight: 100;
	line-height: 25px;
	color:#B7E3FF;
	padding:22px 20px;
	cursor:pointer;
}.btnMenuHeader:hover{
	color: #fff;
	background:#3381B3;
}

.header_logo{
	float: left;
}

.header_ads_banner{
	float:right;
}

.home_banner_container{
	width: 73.5%;
	float:left; background:#fff;
	border:solid 1px #B4C5CA;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

.home_listbox_article{
	height: 277px;
	float:left; width:32.1%; background:#fff;
	margin:0.5%;
	border:solid 1px #B4C5CA;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}




.read_article_content{
	float:left; width:32.1%; background:#fff;
	margin:0.5%;
	border:solid 1px #B4C5CA;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

.side_left{
	float:left;
	margin-top:20px; width:74%; border-top:solid 2px #B4C5CA; padding-top:5px;
}

.home_ads_banner_left{
	float:right; width:280px; margin-top:65px;
}

.footer_sosmed_container{
	float:right;  font-size:13px; line-height:17px; margin-left:0px;
	width:25%;
}

.footer_logo_container{
	float:left;
	width:40%;
}

.ads_banner_center_container{
	
	max-width 	: 1180px;
	margin-top 	: 15px;
}

.ads_banner_center{

}

.text_link{
	color : #2196F3;
}

/*----------------------------------------------------------------------------------------------------*/

.mainMenu{
	background: #333;
    margin:auto;
    color:#00bff3;
}

.efek_hover:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.mainMenuBtn{
	font-family: sans-serif;
	font-size: 15px;
	color: #8e8e8e;
	padding: 15px 12px;
	cursor: pointer;
	font-weight: 400;
	display:block;
	float:left;
	letter-spacing:1px; 
}

.search{
  float:right;
  margin:0px 20px;
  padding:8px 15px;
  border:solid 0px #444;
  border-radius:35px;
  background:#444;
  width:150px;
  background-position: 7px 7px;
  background-repeat: no-repeat;
  background-image:url(../images/icon_search.png); 
  background-repeat: no-repeat; 
  background-position: 10px 8px;
  padding-left:35px;
}

.active{
	background: #222222;
	color:#fff;
}.active:hover{
	background: #222222;
	color:#fff;
}

.highlight{
	
	font-size: 15px;
	padding: 10px 20px;

	background: #222222;
	color:#fff;
	font-family: sans-serif;
	letter-spacing: 1px;
}

.about_us_staff_container{
	float 			: left; width:45%;
}


.article_description img{
	float:left;
	margin:10px;
	margin-left:0px;
	margin-right:25px;
}

/*----------------------------------------------------------------------------------------------------*/
/*Category*/

.category_listbox_article{
	height:375px;
	float:left;
	width:23.83%;
	background:#fff;
	margin:0.5%;
	border:solid 1px #B4C5CA;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

/*----------------------------------------------------------------------------------------------------*/
/*Media*/
.media_listbox_article{
	height: 255px;
	float:left; width:23.83%; background:#fff;
	margin:0.5%;
	border:solid 1px #B4C5CA;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

/*----------------------------------------------------------------------------------------------------*/
/*FOOTER*/

.footer_sosmed_icon{
	width:30px;
	margin-left:5px;
}
/*----------------------------------------------------------------------------------------------------*/

.image_thumb{

}.image_thumb:hover{
	opacity 	: 0.7;
    filter		: alpha(opacity=70);
}

.title_article{
	font: normal 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	color:#2C3E50;
	font-size:18px;
	margin-top:15px;
}.title_article:hover{
	color:#2196F3;
}

.readmore{
	color:#E60000;
	font-size: 16px;
}

.imgGallery:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}


.btnPage{
	float: left;
	margin:5px 2px;
	background:#2879D5;
	width:35px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
}.btnPage:hover{
	background:#64A0E4;
}

.Link{
	color:#7493D5;
	font-weight: bold;
}

.LinkView{
	color:#F95077;
	font-weight: bold;
}

.left {
	width:305px;
	float:left;
	margin-bottom:0px;
	margin:0px;
	padding:0px;
	padding-left:15px;
	padding-top:0px;
	margin:auto;
	height:500px;
	text-align:left;
}

.menuTop{
	float: left;
	margin: 0px;
	padding:8px 10px;
	color: #999;
	cursor: pointer;
	font-size: 16px;
	font-family: Verdana,Arial,Helvetica,sans serif;
	border-left: solid 1px #eee;
}.menuTop:hover{
	color: #f02701;
	padding-top:0px;
	border-bottom: solid 3px #f02701;
}

.MenuLeft{
	font-size:16px;
	color:#f02701;
	padding:7px 10px;
	border-bottom: solid 1px #eee;
	border-radius:0px;
	margin:0px 0px;
	font-weight: bold;
	cursor: pointer;
	
}.MenuLeft:hover{
	padding-left:20px;
}

.MenuFooter{
	font-size:15px;
	color:#f02701;
	border-left: 3px solid #f02701;
	margin:5px 5px;
	margin-bottom: 12px; 
	padding:0px;
	padding-left:5px; 
	line-height: 15px;
}

.SubTitle{
	margin:15px 0px;

}

.subMenu{
	border:solid 1px #ddd;
	border-radius:5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background:#fafafa;
	color:#f02701;
	padding:5px 10px;
	padding-bottom: 0px;
	margin-top:10px;
	margin-bottom: 0px;
	font-size: 18px;
}

.PageContent {
	padding-top:75px;
	margin-bottom:0px;
}

.isiContent{
	background-color:#eee;
	margin:2%;
}

.Item{
	background-color:#FFF;
	height:50px;
	margin:5px;
	padding:10px;
	border-radius:3px;
	border:solid 1px #ddd;
	text-align:left;
	color:#898f9c;	
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);	
}.Item:hover{
	color:#DA0F50;	
}

.HeaderMenu {
	text-align:left;
	border:solid 1px #ddd;
	border-radius:5px;
	margin-bottom:5px;
	background:#F8F8F8;
	padding:15px 20px;
	
}

.Content {
	border:solid 1px #ddd;
	border-radius:5px;
	margin-bottom:0px;
	background:#F8F8F8;
}

.LeftContent {
	width:11%;
	position:fixed;
}

.Login{
	padding:35px;
	margin: auto;
	margin-top:100px;
	border:solid 1px #ddd;
	border-radius:5px;
	margin-bottom:0px;
	background:#F8F8F8;
	width:50%;
	box-shadow: 0 4px 7px rgba(0,0,0,0.3);
}

.footer {
	margin: auto;
	font-size:15px;
	color:#fff;

}


.buttonLink{
	color:#0F54BB;
}.buttonLink:hover{
	color:#0F54BB;
}

.MenuButton{
	font-size:16px;
	color:#0F54BB;
	border-bottom: solid 1px #ccc;
	padding:5px;
	margin:5px;
	margin-right:5px;
}.MenuButton:hover{
	padding-left:15px;
	color:#DA2B2B;
}

.LineStyle1{
	background-color:#A20E0E;
	height:3px;
	margin:10px 0px;
}

.LineStyle2{
	background-color:#ddd;
	height:1px;
	margin:0px 0px;
}

.BoxItem{
	background:#F8F9ED;
	float:left;
	margin:2px;
	padding:8px 10px;
	padding-top: 0px;
	width:324px;
	height:300px;
	border-radius: 5px;
	color:#A28A64;
}

.BoxGallery{
	float:left; border:1px solid #eee; width:145px; padding:10px; margin:2.5px;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	background:#fff;
	-webkit-box-shadow: 0 0.3px 3px 0px #eee;
}

.BoxBlock{
	background:#fff;
	border: 1px solid #bbb;
	margin:3px;
	padding:5px 5px;
	
	border-radius:5px;
	box-shadow:  0 4px 7px rgba(0,0,0,.1);
}

.winnerBox{
	background:#2879D5;
	margin:auto;
	margin-bottom:20px;
	padding:20px;
	border-radius: 5px;
	color:#fff;
	width: 500px;
}

.BoldText{
	color:#666;
	font-weight: bold;
}


.fbButton{
	font-size:18px;
	margin:0px;
	padding:12px 35px;
	border-radius:3px;
	background:#d14836;
	color:#fff;
	cursor:pointer;
}
.fbButton:hover{
	background:#E06959;
}

.FbLoginButton{
	font-size:18px;
	margin:0px;
	padding:12px 35px;
	border-radius:3px;
	background:#3E5F9B;
	color:#fff;
	cursor:pointer;
}.FbLoginButton:hover{
	background:#5F7FB8;
}

.buttonMenu {
	text-decoration:none;
	padding:4px 15px;
	border:0px #999999;
	border-radius:5px;
	background:#EBEBEB;
	text-decoration: none;
	font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	color:#ffffff;
}.buttonMenu:hover {
	background:#B1C0D3;	
}

.buttonPagging{
	color:#FFF;
	padding:10px 15px;
	border-radius:5px;
	background:#C6C9CE;
}.buttonPagging:hover{
	background:#E0E4EB;
	color:#6E88A8;
}

.link_menu{
	color:#4A6AAA;
	margin:10px;
	font-size:16px;
	
}.link_menu:hover{
	color:#F03;
	
}