@charset "utf-8";
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
	.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;	
		}
	article{
		margin: 0 auto;
		width: 100%;
	}
	article table{
		margin: 15px auto;
	}
	section ol, section ul{
		padding-left:25px;
		text-align: left;
		font-size :15px;		
	}
	section{
		font-size:22px;
		text-align: left;
		margin-top: 25px;

	}
	section > h4{
		position: relative;
		text-align: left;
		top: -40px;
		left: 10px;
		width: -o-fit-content;
		width: -ms-fit-content;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
		font-size: 22px;
		padding: 0 5px 0 5px;
	}
	section span{
		margin-left: 10px;
		text-align: left;
		font-size :15px;
		position: relative;
		top: -45px;
	}
	section span video, section span img, section span audio{
		display: inline-block;
		max-width: 100%;
		margin-left:-10px;
	}		
	section span .desc{
		margin-left: 10px;
		word-wrap: break-word;
	}
	section span form, section span a{
		display: block;
	}
	section span .br{
		display: block;
		padding: 0px 15px;	
	}
	.br > ol, .br > ul{
		padding-left:75px;
		text-align: left;
		font-size :15px;
	}
	.mediadivider{
		border: none;
		position: relative;
		top: -55px;
		margin: 0 auto;
		width: 30%;
		height: 1px;
	}
	h1,h2,h3,h4,h5{
		text-align:center;
		}
	.h1	
		{
		margin: 0 auto;
		display: table;
		width:100%;
		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;
		}
	input[type="color"]
		{
		height: 24px;		
		width: 24px;
		}		
	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;
	}
	.h1{
		width:85%;
	}
	article{
		width: 85%;
	}
	section ol, section ul{
		padding-left:40px;
	}
	section > h4{
		left: 25px;
	}
	section span{
		margin-left: 25px;
	}
	section span video, section span img, section span audio{
		display: inline-block;
		max-width: 500px;
		margin-left: 0px;
	}
	section span form{
		display: inline-block;
	}
	section span .br{
		display: block;
		margin-left: 25px;	
		padding: 0px 15px;	
	}
	.br ol, .br ul{
		padding-left:75px;
		text-align: left;
		font-size :15px;
	}
	section span .desc{
		margin-left: 25px;
	}	
	.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: 100%;
	}
	.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);
	}		
}