@media (min-width: 480px) and (max-width: 780px)
{
#cc{width: 50px;}
}


#ja
{
 width: 100%;
 height: 35px;
 border:0px solid black;
 background-color: SeaGreen;
 overflow: inherit;
 position: fixed;
 z-index: 1;

}
#jb
{
 width: 100%;
 height: 490px;
 border:0px solid black;
 overflow-x: none;
}
#jc
{
 width: 100%;
 height: 90px;
 border:0px solid black;
 background-color: black;
 opacity: 0.55;
 position: fixed;
 top:35px;
 z-index: 2;
}
#jd
{
 width: 100%;
 height: 35px;
 border:0px solid black;
 background-color: black;
}
#je
{
	width: 99%; 
	height: 1300px; 
	border: 0px solid black;
	clear: none;
	
	
}
#ca
{
 width: 100%;
 height: 35px;
 border:0px solid blue;
 background-color: blue;
 overflow: inherit;
 
}
#cb
{
	width: 100%;
	height: 80px;
	border: 0px solid red;
	background-color:   ;
}
#cc
{
	width: 100%%;
	height: 480px;
	border: 0px solid blue;
}
#cr
{
	width: 100%;
	height: 700px;
	border: 0px solid blue;
}
	.scroller {

		width: 300px;
		height: 100px;
		overflow-y: scroll;
		scrollbar-color: Seagreen;
		scrollbar-width:thin;
	}
html, body {
	width: 100%;
	height: 100%;
 margin:0;
 padding:0;
 }