* {
  margin: 0;
  padding: 0;
}

header h2 {
  text-align: center;
  color: White;
}

header {
  background-color: #00ccff;
  padding-top: 3px;
  padding-bottom: 5px;
}

footer h4 {
  text-align: center;
  color: LightBlue;
}

footer {
  background-color: White;
  padding-top: 3px;
  padding-bottom: 5px;  
}

.navigasi ul {
  list-style-type: none;
}

.navigasi ul a {
  text-decoration: none;
  color: Blue;
}

.navigasi ul li {
  display: inline;
  margin-right: 7px;
}

.navigasi {
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.navigasi ul a:hover {
  color: #00ccff;
}

.content {
  background-color: LightYellow;
}

div.content {
  min-height: 680px;
}

.sapaan {
  background-color: HoneyDew;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.content_panduan {
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: justify;
}

.content_panduan p {
  margin-top: 10px;
}

.content_update_password, .content_update_profil, .content_bisnis {
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.content_login, .content_mobil, .content_rincian_mobil {
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.box_login {
  background-color: #f8f8f8;
  width: 280px;
  margin: auto;
  margin-top: 100px;
  padding: 8px;
  border: 1px solid LightGray;
}

.box_login p {
  margin-bottom: 8px;
  background-color: inherit;
}

.box_login p:last-of-type {
  margin-bottom: 0;
}

.box_login button {
  padding-top: 3px;
  padding-bottom: 5px;  
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 42%;
}

.box_login label {
  background-color: inherit;
  display: inline-block;
  width: 43%;
}

.box_panduan {
  background-color: White;
  width: 560px;
  border: 1px solid LightGray;
  margin: auto;
  margin-top: 30px;
  padding: 8px;
}

.box_panduan p:first-of-type {
  margin-top: 0px;
}

.box_update_password {
  background-color: #f8f8f8;
  width: 280px;
  margin: auto;
  margin-top: 100px;
  padding: 8px;
  border: 1px solid LightGray;
}

.box_update_password p {
  background-color: inherit;
  margin-bottom: 8px;
}

.box_update_password p:last-of-type {
  margin-bottom: 0;
}

.box_update_password label {
  background-color: inherit;
  display: inline-block;
  width: 43%;
}

.box_update_password button {
  padding-top: 3px;
  padding-bottom: 5px;  
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 42%;
}

.box_content_mobil {
  background-color: White;
  width: 560px;
  border: 1px solid LightGray;
  margin: auto;
  margin-top: 30px;
  padding: 8px;
}

.box_content_mobil p {
  text-align: center;
  margin-bottom: 8px;
}

.box_content_mobil table {
  border: 1px solid LightGray;
  background-color: White;
  border-collapse: collapse;
  width: 100%;
}

.box_content_mobil table th {
  border: 1px solid LightGray;
  background-color: #00ccff;
  padding: 4px;
  text-align: left;
}

.box_content_mobil table td {
  border: 1px solid LightGray;
  padding: 4px;  
}

.box_content_mobil table tr:nth-child(2n+1) td {
  background-color: #D5F5E3;
}

.box_content_mobil table .kol1 {
  width: 8%;
  text-align: left;
}

.box_content_mobil table .kol2 {
  width: 20%;
}

.box_content_mobil table .kol3 {
  width: 40%;
}

.box_content_mobil table .kol4 {
  width: 16%;
}

.box_content_mobil table .kol5 {
  width: 16%;
}

.box_rincian_mobil {
  background-color: White;
  width: 560px;
  border: 1px solid LightGray;
  margin: auto;
  margin-top: 30px;
  padding: 8px;
}

.box_rincian_mobil img {
  max-width: 100%;
}

.box_rincian_mobil p {
  margin-bottom: 8px;
}

.box_rincian_mobil p:last-of-type {
  margin-bottom: 0;
}

.box_rincian_mobil .info_tambahan p:last-of-type {
  margin-bottom: 8px;
}

.box_rincian_mobil .foto p:last-of-type {
  margin-bottom: 8px;
}

.box_rincian_mobil p.sub_judul {
  color: Blue;
}

.box_content_mobil table a {
  color: Black;
  text-decoration: none;
}