/*-------------FORM LOGIN	---------*/

  .content-utama {
	  width: 680px;
	  font-family: calibri, sans-serif;
	  margin-top: 10px;
	  float: left;
  }
  
  section.container-form {
      width: 580px;
	  height: 580px;
      padding: 170px 50px 20px;
      background-color: white;
      margin: 0 auto;
      box-shadow: 1px 0px 10px, -1px 0px 10px ;
    }
	fieldset {
      padding:20px;
      width: 215px;
      margin: 10px auto;
      border: 1px solid #4D525A;
    }
	legend {
		
	}
	input {
      margin-bottom:10px;
    }
    input[type=text],input[type=password], input[type=email] {
      width:135px;
    }
    input[type=submit] {
      float:right;
    }
    label {
      width:80px;
      float:left;
      margin-right:10px;
    }
    .error {
      background-color: #FFECEC;
	  width: 230px;
      padding: 10px 15px;
      margin: 10px auto 0 auto;
      border: 1px solid red;
      box-shadow: 1px 0px 3px red ;
	  
    }
	.box-daftar-member {
		margin: 10px;
	}
	.daftar-member{
		text-decoration: none;
		background-color: blue;
		color: white;
		font: bold 14px arial, calibri, sans-serif;
		border-radius: 20px;
		margin: 10px;
		padding: 7px;
	}


/*******************************************
 *******************************************
 ***********DISINI CSS RESPONSIVE***********
 ******************************************/


	/*========MEDIA QUERY SMARTPHONE======*/
@media only screen and (max-width: 480px) {
  .content-utama {
    width: 100%;
  }
	section.container-form {
      width: 94%;
	  height: 70%;
      padding: 10px;
      background-color: white;
      margin: 0 auto;
      box-shadow: 1px 0px 10px, -1px 0px 10px ;
    }
	
	fieldset {
      padding:10px 20px;
      width: 215px;
      margin: 30px auto 60px auto;
      border: 1px solid #4D525A;
    }
	legend {
		
	}
	input {
      margin-bottom:10px;
    }
    input[type=text],input[type=password], input[type=email] {
      width:120px;
    }
    input[type=submit] {
      float:right;
    }
    label {
      width:80px;
      float:left;
      margin-right:10px;
    }
    .error {
      background-color: #FFECEC;
	  width: 215px;
      padding: 10px 15px;
      margin: 50px auto 0 auto;
      border: 1px solid red;
      box-shadow: 1px 0px 3px red ;
	  
    }
	.pesan-error {
      background-color: #FFECEC;
	  width: 215px;
      padding: 10px 15px;
      margin: 50px auto 0 auto;
      border: 1px solid red;
      box-shadow: 1px 0px 3px red ;
	  
    }

}