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

	
		
		.scrollicon{
	text-align:left;
	text-decoration:none;
	width:100%;
	height:60px;
	z-index:1;
	left:0px;
	position:fixed;
	top:80px;
	
	display:none;
	border-bottom:1px solid #333;
	
	}
	.scrollicon{
		
	background-color:rgb(20,20,20);
	opacity:1.0;}
	
	.scrollicon div {
		font-weight:bold;
		font-size:25px;
		color:#fff;
		margin-top:1%;
		margin-left:2%;
		z-index:1;
		
		}
		.scrollicontext
		{
			
			margin-left:2%;
			color:#FFFFFF;
		font-size:18px;
		font-weight:100;}	
		




.scrollicon2{
	text-align:left;
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	height:180px;
	left:0px;
	background-color:rgb(20,20,20);
	opacity:1.0;
	position:fixed;
	margin-top:2%;
	
	display:none;
	border-bottom:1px solid #333 ;
	z-index:1;
	
	}
	.scrollicon2  div{
		font-weight:bold;
		font-size:400%;
		color:#fff;
		
		margin-left:2%;
		left:2%;
		z-index:1;
		
		}
		
		.scrollicon2text
		{
			
			margin-left:2%;
			color:#FFFFFF;
		font-size:18px;
		font-weight:100;}
		
		
		▽
WHITE DOWN-POINTING TRIANGLE
Unicode: U+25BD, UTF-8: E2 96 BD
△
WHITE UP-POINTING TRIANGLE
Unicode: U+25B3, UTF-8: E2 96 B3
@media only screen and (min-width: 500px) and (max-width: 800px) 
{
	

.scrollicon{
	text-align:left;
	text-decoration:none;
	width:100%;
	height:60px;
	z-index:9;
	left:0px;
	position:fixed;
	top:80px;
	
	display:none;
	border-bottom:1px solid #333;
	
	}
	.scrollicon{
		
	background-color:rgb(20,20,20);
	opacity:1.0;}
	
	.scrollicon div {
		font-weight:bold;
		font-size:20px;
		color:#fff;
		margin-top:1%;
		margin-left:2%;
		z-index:1;
		
		}
		.scrollicontext
		{
			
			margin-left:2%;
			color:#000;
		font-size:15px;
		font-weight:100;}	
		

.scrollicon2{
	text-align:left;
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	height:100px;
	left:0px;
	background-color:rgb(20,20,20);
	opacity:1.0;
	position:fixed;
	margin-top:25%;
	padding-top:5%;
	
	display:none;
	border-bottom:1px solid #333 ;
	z-index:1;
	
	}
	.scrollicon2  div{
		font-weight:bold;
		font-size:30%;
		color:#ccc;
		
		margin-left:2%;
		left:2%;
		z-index:1;
		
		}
		
		.scrollicon2text
		{
			
			margin-left:2%;
			color:#FFFFFF;
		font-size:15px;
		font-weight:100;}
	
	
	
	

}
@media only screen and (min-width: 150px) and (max-width: 600px) 
{
		
		.scrollicon{
	text-align:left;
	text-decoration:none;
	width:100%;
	height:50px;
	z-index:1;
	left:0px;
	position:fixed;
	top:50px;
	
	display:none;
	border-bottom:1px solid #333;
	
	}
	.scrollicon{
		
	background-color:rgb(20,20,20);
	opacity:1.0;}
	
	.scrollicon div {
		font-weight:bold;
		font-size:17px;
		color:#fff;
		margin-top:1%;
		margin-left:2%;
		z-index:1;
		
		}
		.scrollicontext
		{
			
			margin-left:2%;
			color:#FFFFFF;
		font-size:14px;
		font-weight:100;}	
		




.scrollicon2{
	text-align:left;
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	height:150px;
	left:0px;
	background-color:rgb(20,20,20);
	opacity:1.0;
	position:fixed;
	
	top:2%;
	display:none;
	border-bottom:1px solid #333;
	z-index:1;
	
	}
	.scrollicon2 div {
		font-weight:bold;
		font-size:25px;
		color:#fff;
		margin-top:40px;
		margin-left:2%;
		left:2%;
		z-index:1;
		
		}
		
		.scrollicon2text
		{
			
			margin-left:2%;
			color:#FFFFFF;
		font-size:12px;
		font-weight:100;}
	
	
	
	
	
	
	}