* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	transition: color 0.3s;
}
body {	
	color: #000;	
	font-size: 1em;	
}

a{text-decoration: none;}
a:link{color: #3D85C6;}
a:visited{color: #3D85C6;} 
a:hover{color: #FF6600;} 
a:active{color: #3D85C6;}
input{
	width:100%;
	height:2em;
	border: 1px solid #3373A2; 
	outline: none; /* 取消聚焦时的轮廓 */
}



header{
	width:100%;
	height:2em;
	background-color:black;
	margin-bottom:1px;
}

main{
	width: 100%;	
	display: -webkit-flex; 
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
}
#sha256{	
	width:650px;
	margin:1em;
}

#Levels{
	width:4em;
}

#createAddr{	
	width:650px;
	margin:1em;
	
}

.ResDiv{
	width:100%;
	padding:1em 0.5em;
	background-color:#F7FAFF;
}

.ResTitle{
	text-align:left;
}

.mybtn{
	width:10em;
	height:3em;
	margin:1em 0;
}


#AddrRes{margin-top:1em;}
#AddrRes div{
	padding:0.3em 0;
	width:100%;	
    /*这两行代码可以解决大部分场景下的换行问题*/
	word-break: break-all;
	word-wrap: break-word;
	/*但在有些场景中，还需要加上下面这行代码*/
	white-space: normal;
}
#AddrRes .mini{
	font-size:0.5em;
	color:#666;
}

.datasha256{cursor: pointer;text-decoration: none;}
.datasha256:link{color: #3D85C6;}
.datasha256:visited{color: #3D85C6;} 
.datasha256:hover{color: #FF6600;} 
.datasha256:active{color: #3D85C6;}



table.gridtable {    
	font-size:0.9em;
    border-width:  1px;
    border-color:  #666666;
    border-collapse:  collapse;
	width:100%;	
}
table.gridtable th {   
	border: 1px solid #3373A2;    
	background-color:#2C638B;	
	color:#fff;
	padding:0.5em;
}
table.gridtable td {
	border: 1px solid #3373A2;	
	text-align:center;
	padding:0.5em;
}



.line{
	height:0.1em;
	width:100%;
	background-color:#E1EDFF;
	margin:0.5em 0;
}