/* whole body*/
*{margin: 0; padding: 0;}
body{/*display: flex; flex-direction: column; font-size: 1.1rem; line-height: 1.5;*/ 
font-family: SourceSansPro, sans-serif;background-color: #fbf9f9; -webkit-font-smoothing: antialiased; background-repeat: no-repeat; overflow-y: auto; }
/* header*/
header{width: 80.25%; height: 44px; background-color: #fff; float: right; border-bottom: 1px solid #ded9d9;
padding: 1px; }
header ul li{ display: inline-block; border: 1px solid transparent;}
header ul{border: 1px solid transparent; width: 70%; float: left; margin-left: 4px;}
header p{ margin-top: 10px; margin-left: 20px; color: gray; border: 1px solid transparent;}
header p a{ text-decoration: none; color: gray; border: 1px solid transparent;}
header p a:hover{cursor: pointer; color: darkgray; }
.header-lan{ float: right; margin-right: 3%; }

/* whole navigational bar*/
nav{ width: 19.49%; height: 4000px; background-color: #026b02; float: left; padding: 1px;}
.header_logo{ /*border: 1px solid red;*/ width: 200px; margin-top: 50px; }
.header_logo_img{ width: 200px; /*border: 1px solid red;*/ }
.items_nav{ margin-top: -60px; }
.items_nav ul{ border: 1px solid transparent; margin-left: 50px; }
.item-nav-li{ list-style: none; margin-bottom: 30px; }
.items_nav ul li h1{ padding: 10px 0; color: #cacacaba; text-decoration: none; text-transform: uppercase;
font-size: 110%; font-family: SourceSansPro-semi-bold; }
.item-2{ margin-bottom: 10px; }
.item-2 li{ margin-bottom: 10px; margin-left: 10px; list-style: none;}
.item-2 li a{  padding: 10px 0; color: #b5b5b58f; text-decoration: none; font-size: 110%; font-family: SourceSansPro-semi-bold;}
.item-2 li a:hover{ cursor: pointer;color: #d6d6d6; }
.item-2 li a.active{ color: #d6d6d6;}

/* whole article*/
article{  float: right; background-color: #fbf9f9;width: 76.26%; 
overflow-y: auto;padding: 2%; overflow-x: hidden;}
.news-section-1{margin-top: 10px; margin-left: 5%; float: left; border: 1px solid transparent; width: 40%;
height: 500px;  overflow-y: auto; }
.news-section-2{ float: right; margin-top: 10px; margin-right:  5%; float: right;border: 1px solid transparent; 
width: 40%;height: 500px;  overflow-y: auto;}
/* .news-section-4{float: left;margin-left: 5%;border: 1px solid transparent;width: 40%;height: 500px;
max-height: 500px;overflow-y: auto;}
.news-section-3{float: right;margin-right: 5%;border: 1px solid transparent;width: 40%;height: 500px;
max-height: 500px;overflow-y: auto; }*/
.news-sub-head{  font-size: 170%; font-family: Quicksand;}
.news-sub-head a{ text-decoration: none; color: black; }
.news-sub-head a:hover{cursor: pointer; color: #00640078; }
.news-text{text-align: justify;color: #595959;margin-top: 8px;font-family: Times New Roman (Headings CS);}
.news-head{text-transform: uppercase; color: rgb(6, 136, 13); font-size: 100%;font-family: Adobe Ming Std L ;
margin-bottom: 5px;margin-left: 7px;margin-top: 5px;font-weight: 600;display: inline-block;
height: 1rem;content: attr(data-tag);white-space: nowrap;letter-spacing: 0.05rem;}
.sch-cent-h h1{ font-size: 800%; font-family: Quicksand; }
.sch-cent-h h3{ font-family: Quicksand; font-size: 200%; }
.news-section-all-1{ border: 1px solid transparent; height: 1000px;}

 .search-engine{
 	border: 1px solid transparent;
 	margin-bottom: 100px;
    max-height: 710px;
    overflow-y: hidden;
  	width: 100%;

 }




.search-h-h1{
	font-family: Quicksand;
	font-size: 200%;
	margin-bottom: 3%;
	color: green;
}


#myInput {
  background-image: url('../../icon/search.svg'); /* Add a search icon to input */
  background-position: 0px 0px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  background-color: transparent;
  width: 92%; /* Full-width */
  height: 30px;
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 70px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
  
}

#myTable {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
  

}

#myTable th, #myTable td {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */

}

#myTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
  height: 40px;

}
#myTable tr a{
	text-decoration: none;
	color: #000;
}
#myTable tr.header, #myTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #439443c4;
}
.w3-light-grey{
	background-color: #439443c4;
}














/* responcive qauires*/
@media only screen and (max-width:  1529px){
    nav{width: 19.4%;}
    #myInput{ width: 90%; }
}
@media only screen and (max-width:  1400px){
	.news-sub-head{font-size: 150%;}
	.news-text{font-size: 90%;}
	#myInput{ width: 88%; }
}

@media only screen and (max-width:  1150px){
    .items_nav ul{margin-left: 30px;}
	.item-2 li{margin-left: 7px;}
	.news-sub-head{font-size: 130%;}
	.news-text{font-size: 87%;}
	.news-head{font-size: 90%;}
}
@media only screen and (max-width:  1000px){
	.news-sub-head{font-size: 110%;}
	.news-text{font-size: 85%;}
	.news-head{font-size: 80%;}
	.header_logo_img{width: 150px;}
	#myInput{ width: 87%; }
}
@media only screen and (max-width:  700px){
	.news-sub-head{font-size: 100%;}
	.news-text{font-size: 77%;}
	.news-head{font-size: 75%;}
	.sch-cent-h h1{ font-size: 400%; }
	.sch-cent-h h3{ font-size: 120%; }
	#myInput{ width: 80%; }
}

@media only screen and (max-width:  550px){
	.news-sub-head{font-size: 85%;}
	.news-text{font-size: 60%;margin-top: 4px;}
	.news-head{font-size: 60%;margin-bottom: -4px;}
}
@media only screen and (max-width:  500px){
	.news-section-1{width: 80%;margin-left: 10%;margin-bottom: 5%;}
	.news-section-2{width: 80%;margin-right: 9%;}
	.news-sub-head{font-size: 130%;}
	.news-text{font-size: 80%;}
	.news-head{font-size: 80%;}
	.news-section-1,.news-section-2{ height: 350px; max-height: 350px;}
}
@media only screen and (max-width:  1135px){
    nav{width: 19.3%;}
}
@media only screen and (max-width:  900px){
    nav{display: none;width: 100%;}
    header{width: 100%; position: fixed;}
    article{width: 97%; margin-top: 50px;}
    .mobile-icon{display: inline-block;margin-left: 7px;}
    .mobile-icon img{width: 20px;}
    nav div{display: block;}
    .header_logo_img{width: 200px;}
    #myInput{ width: 89%; }
}

@media only screen and (max-width:  380px){
	.sch-cent-h h1{ font-size: 200%; }
	.sch-cent-h h3{ font-size: 80%; }
}
/*
@media only screen and (height: 640px){
	article{ height: 575px; }
}
@media only screen and (height: 667px){
	article{ height: 605px; }
}
@media only screen and (height: 480px){
	article{ height: 420px; }

}
@media only screen and (height: 736px){
	article{ height: 671px; }

}*/
@media only screen and (max-width: 812px){
	
	#myInput{ width: 87%; }
}/*
@media only screen and (height: 1024px){
	article{ height: 945px; }

}
@media only screen and (height: 1366px){
	article{ height: 1275px; }
	nav{ height: 1365px; }
}
@media only screen and (width: 1366px){
	article{ height: 923px; }
	nav{ height: 1020px; }
}
@media only screen and (height: 768px){
	article{ height: 680px; }
	nav{ height: 765px; }
}
@media only screen and (height: 823px){
	article{ height: 760px; }
}
*/