/*-------------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: 210px;
    margin: 10px auto;
    border: 1px solid #4D525A;
  }
	legend {
		
	}
	input {
    margin-bottom:10px;
  }
  input[type=text], input[type=password] {
    width: 90%;
    height: 20px;
    background-color: #E7E5D4;
    border: none;
    padding: 5px;
  }
  input[type=submit] {
    background-color: blue;
    margin-top: 20px;
    color: white;
    font: bold 16px arial, calibri, sans-serif;
    width: 95%;
    height: 30px;
    border: none;
  }
  label {
    width: 100%;
    float:left;
  }
  .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 0;
	}
	.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) {
    	
	body {
    width: 100%;
  }
  #container {
    width: 100%;
  }
  .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] {
      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 ;
	  
    }

}