.login { 
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px;
	width:300px;
	height:300px;
}
.login h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }

.input_registrasi { 
	
	width: 100%; 
	margin-bottom: 10px; 
	background: rgba(0,0,0,0.3);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .5s ease;
	-o-transition: box-shadow .5s ease;
	-ms-transition: box-shadow .5s ease;
	transition: box-shadow .5s ease;

}
#map{
	height:310px;
	width: 100%;
}

.input{

	<form method="post">
        <input type="text" name="u" placeholder="Authors" required="required" />
        <input type="text" name="u" placeholder="Emails" required="required" />
        <input type="text" name="u" placeholder="Affiliation" required="required" />
        <input type="text" name="u" placeholder="Corresponding Authors" required="required" />
        <input type="text" name="u" placeholder="Emails Corresponding Authors" required="required" />
        </form>
        
    
    <div class="radio">
   
    <form method="post">
        <h1>Workshop</h1>
        <p> 1. Linux and High Performance Computing (HPC)<br>
        2. Immunoinformatics<br>
        3. Genomics<br>
        4. Peptide
        </p>
        

        <button type="submit" class="btn btn-primary btn-block btn-large">Let me in.</button>


}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}