@charset "utf-8";
	.header
		{
		height: 200px;
		background-color: #26a69a;
		}
	.dim
		{
		text-align:center;	
		width:75%;
		font-size:28px;
		margin: 0 auto;
		}	
	.for
		{
		background-color: #fff;
		box-shadow: 0px -1px 0px #E5E5E5, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.24);						
		margin: 0 auto;
		width: 300px;
		padding: 5px;
		text-align:center;
		color:#26a69a;		
		}
	.exfor
		{
		background-color: #fff;
		box-shadow: 0px -1px 0px #E5E5E5, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.24);						
		margin: 0 auto;
		width: 95%;
		padding: 5px;
		text-align:center;
		color:#26a69a;		
		}	
	.modcont{
		width:256px;
		display: inline-block;
		margin-top: 20px;
		box-shadow: 0px -1px 0px #E5E5E5, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.24);
		}
	.modimg{
		width:256px;
		height:256px;
		}
	.modbot{
		width:256px;
		color:#000000;		
		}
	.moddesc{
		display:block;
		height:48px;
		}
	.classname{
		background-color: transparent;
	}		
	.ff
		{
		margin: 0 auto;
		width: 100%;
		text-align:left;
		}
	table
		{
		background-color: #fff;
		box-shadow: 0px -1px 0px #E5E5E5, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.24);			
		margin: 20px auto;
		}
	th
		{
		padding:2px;
		text-align:center;
		color: #26a69a;
		}
	td
		{
		padding:5px;
		text-align:left;
		border-bottom: 1px solid #D8D8D8;		
		}
	td select{
		width: 100%; !important
	}
	span
		{
		float:center;
		text-align:center;	
		}
	h1,h2,h3,h4,h5{
		text-align:center;
		}
	h1	
		{
		color: #fff;
		}
	h2	
		{
		color: #000;
		}
	.input
		{
		float:right;
		width:200px;
		}
	.input2
		{
		float:right;
		min-width:300px;
		}		
	input[type="submit"], input[type="button"], button
		{
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		border: 0px;
		}
	a
		{
		font-size:15px;
		font-weight:bold;
		border: 0px;
		}
	.text-center{
		text-align:center;
	}
	.top1{
		position:relative;
		top:-200px;
		left:0px;
		text-align: left;
		width: 100%;
		height: 40 px;
		color: #fff !important;
	}
	.top2{
		position:relative;
		top:-200px;
		left:0px;
		text-align: left;
		width: 100%;
		height: 40 px;
		color: #fff !important;
	}
	.page{							
		text-align: center;
		position:absolute;
		top: 100px;
		right:10px;
		left:10px;
		margin: 0 auto;
	}
	.row{
		position:relative;
		top: -145px;	
	}
	.row2{
		text-align: center;
		position:absolute;
		top:105px;
		right:10px;
		left:10px;
		margin: 0 auto;
	}
	.changelog{
		background-color: #fff;
		box-shadow: 0px -1px 0px #E5E5E5, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.24);					
		text-align: left;
		margin:0 auto;
		width: 95%;
	}
	a{
		color: #000000;
	}
	.error{
		font-size:24px;		
		background-color: #E51C23;
		box-shadow: 0px -1px 0px #E5E5E5, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.24);	
		margin: 0 auto;
	}
	.warning{
		font-size:24px;		
		background-color: #FFCC00;
		box-shadow: 0px -1px 0px #E5E5E5, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.24);	
		margin: 0 auto;
	}
	.success{
		font-size:24px;
		background-color: #64dd17;
		box-shadow: 0px -1px 0px #E5E5E5, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.24);
		margin: 0 auto;						
	}
	textarea{
		height: auto;
	}
	.footer-right{
		visibility:hidden;
	}
	.patrimg{
		width:75%;
	}
	.patrdesc{
		width:25%;
	}
	.newrevmail{
		width:90%;
		margin: 0 auto;
		text-align: left;
		padding: 10px;
	}
@media screen and (min-width: 1080px){
	.header
		{
		height: 200px;
		}
	.top1
		{
		top:-200px;			
		}
	.top2
		{
		top:-200px;			
		}
	.page{							
		text-align: center;
		position:relative;
		top: -145px;
		right: 0px;
		left: 0px;		
		margin: 0 auto;
	}
	.row2{
		text-align: center;
		position:absolute;
		top:70px;
		right:10px;
		left:10px;
		margin: 0 auto;
	}
	.for
		{
		margin: 0 auto;
		width: 400px;
		padding: 5Px;
		text-align:center;		
		}
	.ss{
		position: absolute;
		left: 0px;
		bottom: 0px;	
	}
	.footer-right{
		position: absolute;
		bottom:0px;
		visibility:visible;
		width: 100%;	
	}
	.footer-left{
		position: fixed;
		bottom: 0px;
		left: 0px;
	}
	.legend{
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.back{
		position:absolute;
		top:40%;
		left:5%;
	}
	.next{
		position:absolute;
		top:40%;
		right:5%;
	}
	table{
		max-width: 75%;
	}
	.changelog{
		width: 65%;
	}
	.patrimg{
		width:50%;
	}	
	.patrdesc{
		font-size: 200%;
		width:25%;
	}		
	.newrevmail{
		width:65%;
	}
	.modcont{
		width:256px;
		display: inline-block;
		margin: 10px;
		box-shadow: 0px -1px 0px #E5E5E5, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.24);
	}		
}