@charset "utf-8";
/* CSS Document */

.tabs {
  padding: 0;
   width: 100%;
	/*float: none;*/
	list-style: none;
	position: relative;
	margin: 0 0 0 -15px;
	text-align: left;
	display: block; height:auto
}
.tabs li {
float: left;
	width: 33.33%;
	display: block;
	text-align: center;
	border: 1px solid #e9e9e9
}
.tabs input[type="radio"] {
    position: absolute;
    display: none;
}
.tabs label {
   display: block;
	padding: 10px 21px;
	font-size: x-large;
	background: #f2f2f2;
	cursor: pointer;
	position: relative;
	top: 0px;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.tabs label:hover {
   	background: #c363a9;
	color: #fff;
}
.tabs .tab-content{
    z-index: 2;
    display: none; 
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    position: absolute;
    top: 52px;
    left: 0; 
    background: #FFF;
}
.tabs .tab-content p{
    padding: 0 20px;
}
.tabs [name="tabs"]:checked + label { 
    top: 0;
	background: #b5811c;
	color: #fff
}
.tabs [name="tabs"]:checked ~ .tab-content {
    display: block;
}
.tabs li ul.news_List{ width:100%;font-size:large; clear:both; margin-top:8px}
.tabs li ul.news_List li{display:block; width:100%;border:none;border-bottom: 1px solid #e9e9e9; padding:15px 0px; text-align:left}
.tabs li ul.news_List a{overflow : hidden;text-overflow : ellipsis;white-space : nowrap;width:100%; display:block;}
.tabs li ul.news_List .date{ text-align:right}

@media only screen and (max-width: 768px) {
 #indexnews .container{ padding-right:0px;}
 #indexnews .container .col-md-8{ padding-right:0px}
  .tabs {
    width: 100%;
  }
 
  .tabs li {
    float: none;
    margin-top: 20px; width: 100%;
  }
  .tabs .tab-content {
    position: relative;
    display: block;
    top: 0;
  }
  .tabs label {
    top: 0;
    padding-top: 17px; 
    background: #FFF;       
  }
  .tabs label:hover {
    background: #FFF;color: #333; 
  }
  .tabs [name="tabs"]:checked + label { 
    top: 0;
	background: #fff;
	color: #333; 
}
.tabs li ul.news_List{ width:100%;font-size:large; clear:both; margin-top:8px}
.tabs li ul.news_List li{display:block; width:100%;border:none;border-bottom: 1px solid #e9e9e9; padding:0px 0px; text-align:left}
.tabs li ul.news_List a{overflow : hidden;text-overflow : ellipsis;white-space : nowrap;width:100%; display:block;}
.tabs li ul.news_List .date{ text-align:left; display:block; padding:10px 15px}
}