@media only screen and (min-width:721px){

*{
	box-sizing : border-box ;
padding : 0 ;
	margin : 0 ;
}

body{
	background-color : white ;
}

#level1{
width : 25% ;
float : left ;
clear : left ;
display:inline-block ;
max-height : 720px ;
overflow :auto ;	
}

.puff{
	background-color : dodgerblue ;
	text-align : center ;
margin-top : 0 ;	
}
.puff a{
	text-decoration : none ;
	font-weight : bold ;
}


.lev1A{
padding :4%;
background-color : black ;
line-height : 200% ;
text-align :justify ;
font-weight : bolder ;
color : white ;	
}

#level3{
width : 75% ;
min-height : 490px ;
float : left ;
display:inline-block ;
overflow :auto ;
color : blue ;	
padding-bottom : 20px ;
}
	.nius{
	text-align : center ;
	}
	#newsTv{
	width : 100% ; 
	overflow : auto ;
	border : 0px solid red ;
	text-align : center ;
}
	.newsTvA{
		width : 20% ;
		border-bottom : 1px solid grey ;
		border-right : 1px solid black ;
		height : 200px ;
		display : inline-block ;
		float : left ;
		
	}
	.newsTvAI{
		font-weight : bold ;
		font-size : 90%;
		display : block ;
		text-align : center ;
	}
	#newsTvB{
		height : 114px ;
		overflow : auto ;
	}
	.newsTvC{
	width : 100% ;
	overflow : hidden ;
	font-size : 90% ;
	}
	.newsTvD{
		display : block ;
		float : right ;
	}
	.newsTvE{
		width : 98%;
		margin-left : 1%;
		margin-right : 1%;
		height : 110px ; 
	}
	#moreNews{
		text-decoration : none ;
		font-style : italic ;
		font-weight : bold ;
	}
	/*	code for fulltalk script	*/
	.fulltalk{
		width : 50%;
		font-size : 120%;
		padding : 4% 0 5% 0 ;
		margin-left : auto ;
		margin-right : auto ;
	}
#newsTag:visited{
	color : blue ;
}
#newsTag:hover{
	font-weight : bold ;
	color : brown ;
}
#newsTag{
	text-decoration : none ;
}

}

@media only screen and (min-width : 500.1px) and (max-width : 720.9px){
	*{
		box-sizing : border-box ;
	}
		
	body{
	background-color : rgba(255,255,220,1) ;
	}
#level1{
width : 100% ;
display:block ;
max-height : 720px ;
overflow :auto ;	
}

.puff{
	background-color : dodgerblue ;
	text-align : center ;
margin-top : 0 ;	
}
.puff a{
	text-decoration : none ;
	font-weight : bold ;
}


.lev1A{
padding :4%;
background-color : black ;
line-height : 200% ;
text-align :justify ;
font-weight : bolder ;
color : white ;	
}

#level3{
width : 100% ;
display: block ;
max-height : 720px ;
overflow :auto ;
color : blue ;
padding-bottom : 20px ;	
}

.nius{
	text-align : center ;
	font-size : 100% ;
	text-decoration : underline ;
	}
	#newsTv{
	width : 100% ;
	max-height : 720px; 
	overflow : auto ;
	border : 0px solid grey ;
	text-align : center ;
}
	.newsTvA{
		width : 25% ;
		border-bottom : 1px solid grey;
		border-right : 1px solid black ;
		height : 140px ;
		display : inline-block ;
		font-size : 2.5vw ;
		float : left ;
			overflow : hidden ;
	}
	.newsTvAI{
		font-weight : bold ;
		font-size : 1.9vw;
		display : block ;
		text-align : center ;
	}
	#newsTvB{
		height : 80px ;
		overflow : auto ;
	}
	.newsTvC{
		display : block ; 
		text-align : justify ;
		overflow : hidden ;
	}
	.newsTvD{
		display : block ;
		float : right ;
	}
	.newsTvE{
		width : 100%;
		height : 75px ;
	}
	#moreNews{
		text-decoration : none ;
		font-style : italic ;
		font-weight : bold ;
	}
	/*	code for fulltalk script	*/
	.fulltalk{
		width : 50%;
		font-size : 120%;
		padding : 4% 0 5% 0 ;
		margin-left : auto ;
		margin-right : auto ;
	}
#newsTag:visited{
	color : blue ;
}
#newsTag:hover{
	font-weight : bold ;
	color : brown ;
}
#newsTag{
	text-decoration : none ;
}
.puff{
	background-color : grey ;
	text-align : center ;	
}
.puff a{
	text-decoration : none ;
	font-weight : bold ;
}

}

@media only screen and (min-width : 1px) and (max-width : 500px){
	*{
		box-sizing : border-box ;
	}
		
	body{
	background-color : rgba(255,255,220,1) ;
	}
#level1{
width : 100% ;
display:block ;
max-height : 720px ;
overflow :auto ;	
}
.puff{
	background-color : dodgerblue ;
	text-align : center ;
margin-top : 0 ;	
}
.puff a{
	text-decoration : none ;
	font-weight : bold ;
}


.lev1A{
padding :4%;
background-color : black ;
line-height : 200% ;
text-align :justify ;
font-weight : bolder ;
color : white ;	
}

#level3{
width : 100% ;
display: block ;
max-height : 720px ;
overflow :auto ;
color : blue ;
padding-bottom : 20px ;	
}

.nius{
	text-align : center ;
	font-size : 100% ;
	text-decoration : underline ;
	}
	#newsTv{
	width : 100% ;
	max-height : 720px; 
	overflow : auto ;
	border : 0px solid grey ;
	text-align : center ;
}
	.newsTvA{
		width : 25% ;
		border-bottom : 1px solid grey;
		border-right : 1px solid black ;
		height : 140px ;
		display : inline-block ;
		font-size : 2.5vw ;
		float : left ;
			overflow : hidden ;
	}
	.newsTvAI{
		font-weight : bold ;
		font-size : 2.2vw;
		display : block ;
		text-align : center ;
		margin-top : 2px ;
	}
	#newsTvB{
		height : 80px ;
		overflow : auto ;
	}
	.newsTvC{
		display : block ; 
		text-align : justify ;
		overflow : hidden ;
	}
	.newsTvD{
		display : block ;
		float : right ;
	}
	.newsTvE{
		width : 100%;
		height : 75px ;
	}
	#moreNews{
		text-decoration : none ;
		font-style : italic ;
		font-weight : bold ;
	}
	/*	code for fulltalk script	*/
	.fulltalk{
		width : 50%;
		font-size : 120%;
		padding : 4% 0 5% 0 ;
		margin-left : auto ;
		margin-right : auto ;
	}
#newsTag:visited{
	color : blue ;
}
#newsTag:hover{
	font-weight : bold ;
	color : brown ;
}
#newsTag{
	text-decoration : none ;
}

}