#over{
	position:fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	display:none;
  justify-content: center;
  align-items: center;
	z-index: 999;
}

.login{
	display: flex;
  justify-content: center;
  align-items: center;
	  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	color: #527B8B;
	font-size: 13px;
}
.login .col{
	margin-right: 0.5em;
}
.login .col ul.actions{
	display:flex;
	justify-content:flex-start;
	align-items: center;	
}
.login.upload button,
.actions a,
.actions input{
border:1px solid #527B8B;
	background-color: #527B8B;
	color: #fff;
	display: flex;
  justify-content: center;
  align-items: center;
min-width: 6em;
	font-size: 13px;
	padding: 0 0.5em;
	border-radius: 0.5em;
	cursor: pointer;
	text-decoration: none;
}
.actions a:hover,
.actions input:hover{
		background-color:#fff;
	color:#527B8B;
}

.login .col .actions li{
	padding: 0 0.5em;
}
.actions.txtR{
		display:flex;
	justify-content:flex-end;
	align-items: center;	
}
.ta.member{
	display: table;
	clear: both;
	width: 100%;
		min-width:800px;
}

.login.upload{
	padding: 5em 0;
	line-height: 2;
}
.login.upload .col,
.login.upload .col div{
padding:1em 0;	
}


/*---------------------------------------------*
* width 768px
*----------------------------------------------*/
@media screen and (max-width:768px) {
	.login .col{
	padding:0.5em;
	margin: 0.5em;
		width: 100%;
	}
	    .member input[type=text], .member input[type=password] {
        width: 100%;
        padding: 0.5em;
        font-size: 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 1em;
    }
}
/* width 768px end --------------------------------------------*/