@charset"UTF-8";

/*==================================================================*/
/* upload css */
/*==================================================================*/
body{
	margin:0 auto;
	}
section{font-size:18px;}
h1{text-align:center;}
h2{text-align:center;}
h3{
	font-size:22px;
	font-weight:500;
	margin-bottom:5px;
	padding-right:100px;
	float: left;
	}
:hover{
	outline:none;
	transition:all .3s;
	}
a{text-decoration:none;}

/* -------------------------------------------------------------- */
/* title */
/* -------------------------------------------------------------- */
#title *{margin:0;padding:0;}
#title h1{
	background: linear-gradient(90deg, #f6f8f4 0%, #f6f8f4 50%, #f3a298 50%, #f3a298 100%);
	}
#title p.go{
	width:750px;
	text-align:right;
	padding-top:5px;
	padding-bottom:40px;
	margin:0 auto;
	}
#title p.go a{color:#9a98ab;}
#title p.go a:hover{color:#43a7c0;}
#title p.go span{
	width:860px;
	text-align:right;
	padding-bottom:50px;
	color:#f0ada5;
	}
#title p{
	text-align:center;
	padding-bottom:50px;
	font-weight:400;
	font-size:16px;
	}

/* -------------------------------------------------------------- */
/* form1 */
/* -------------------------------------------------------------- */
#form1{
	width:700px;
	margin:0 auto;
	}
#input{
	background:#f6f8f4;
	padding:30px;
	margin:0 auto;
	}
#input p.drop{
	font-size:15px;
	margin-top:30px;
	}
#divFilesToUpload{
	width:620px;
	border:2px solid #dcdddd;
	background:#fff;
	padding:10px 10px;
	border-radius:10px;
	color:#dcdddd;
	font-size:15px;
	}
#nofiles{
	padding:60px 10px;
	font-size:15px;
	text-align:center;
	}
.upload-label{
	display:inline-block;
	cursor:pointer;
	margin:10px 0 40px 0;
	padding:0.3em 1em;
	color:#fff;
	background:#43a7c0;
	font-size:16px;
	border-radius:20px;
	border:2.5px solid #43a7c0;
	}
.choice{
	width:148px;
	margin-left: auto;
	}
.upload-label:hover{
	color:#43a7c0;
	background-color:#fff;
	border:2.5px solid #43a7c0;
	border-radius:20px;
	}
.key-input{
	width:660px;
	display: inline-block; 
	}
.key-input p{
	width:500px;
	margin-left: auto;
	font-size:20px;
	}
.key-input p span{
	font-size:13px;
	display:block;
	}
p.owner #inputOwnerKey{margin-left:130px;}
p.terms{
	text-align:center;
	padding:20px 0;
	}
p.terms a{
	font-size:20px;
	color:#43a7c0;
	}
p.terms a:hover{color:#f0ada5;}

#inputOwnerKey{
	border:2px solid #dcdddd;
	padding:5px 5px;
	border-radius:5px;
	}
#inputOwnerKey:focus{
	border:2px solid  #f0ada5;
	outline:none;
	}
#buttonUpload{text-align:center;}
#buttonUpload{
	margin:0 auto;
	width:320px;
	font-size:21px;
	cursor:pointer;
	}
#buttonUpload{
    padding:15px 0;
	border:3px solid #dcdddd;
	border-radius:10px;
	box-sizing:border-box;
	color:#fff;
	background:#f0ada5;
	font-weight:500;
	letter-spacing:0.2em;
	display:block;
	}
#buttonUpload:hover{
	color:#f0ada5;
	background-color:#fff;
	border:3px solid #f0ada5;
	}
#buttonUpload:disabled{
	cursor:not-allowed;
	color:#fff;
	background-color:#f0f0f0;
	border:3px solid #f0f0f0;
	}
p.move{text-align:center;}

#buttonCancel{
	display:inline-block;
	cursor:pointer;
	padding:0.1em 1em;
	color:#fff;
	background:#c3c4c4;
	font-size:16px;
	font-weight:500;
	border-radius:20px;
	border:2.5px solid #c3c4c4;
	}
#buttonCancel:hover{
	color:#c3c4c4;
	background-color:#fff;
	border:2.5px solid #c3c4c4;
	border-radius:20px;
	}
#buttonCancel:disabled{
	cursor:not-allowed;
	color:#fff;
	background-color:#f0f0f0;
	border:2.5px solid #f0f0f0;
	border-radius:20px;
	}
p.progressUpload{
	margin-top:50px;
	text-align:center;
}
p.cancel{
	padding-left:485px;
	margin-bottom:100px;
}

/* -------------------------------------------------------------- */
/* footer */
/* -------------------------------------------------------------- */
footer *{margin: 0;padding: 0;}
footer #f-menu{
	background-color:#43a7c0;
	color: #fff;
	}
footer ul{
	margin: 0 auto;
	width:800px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	list-style: none;
	}
footer li{
  margin: 0.5em 0;
  padding: 0 2%;
	}
footer a{color: #fff;}
footer a:hover{color: #000;}
footer p{
	margin:10px;
	padding-bottom:10px;
	text-align:center;
	}

/* -------------------------------------------------------------- */