.body_head_0 {position: fixed; top: 0px; z-index: 99;
              display: flex; flex-wrap: nowrap; align-items: center; width: 100%;
              background: var(--color_1_100); border-bottom: 0px solid var(--color_1_100); padding: 20px 50px;
              box-shadow: 0px 0px 20px var(--color_1_100);}
.body_head_1 {flex-basis: 100%; display: flex; flex-wrap: nowrap; align-items: center; width: 100%;}
  .body_head_1_a {background: transparent url('/img/logo-web.png') 50% 50% no-repeat; background-size: cover; height: 50px; width: 50px; cursor: pointer;}
  .body_head_1_b {background: transparent url('/img/logo-text.png') 50% 50% no-repeat; background-size: cover; height: 50px; width: 381px; cursor: pointer;
                  margin-left: 10px;}
.body_head_2 {flex: 0 0 auto; text-align: right;}
  .body_head_2_a {background: var(--white_100); cursor: pointer; padding: 5px 10px; font-weight: 1; border-radius: 10px;}

.body_main_0 {display: table; min-height: calc(100vh - 200px); min-width: 100%; padding-top: 150px; padding-bottom: 50px;}
.body_main_1 {display: table-row;}
.body_main_2 {display: table-cell; vertical-align: middle; padding: 0px 50px;}

.body_foot_0 {display: flex; flex-wrap: nowrap; align-items: top; min-width: 100%; background: var(--color_1_100); color: var(--white_100);
              padding: 30px 50px; font-size: 12px; border-top: 10px solid var(--yellow_100);}
.body_foot_1 {flex-basis: 100%;}
.body_foot_2 {flex-basis: 30%; padding: 0px 50px;}
.body_foot_3 {flex-basis: 100%; text-align: right;}

.body_foot_judul {font-size: 18px; font-weight: 2; padding-bottom: 20px;}

.body_sosmed_0 {display: flex; flex-wrap: nowrap; align-items: center; width: 100%; cursor: pointer; margin-bottom: 5px;}
.body_sosmed_1 {border-radius: 5px; height: 24px; width: 24px; background: var(--white_100);}
.body_sosmed_2 {padding: 0px 0px 0px 10px;}

.body_foot_sosmed_ig {background: var(--white_100) url('/img/foot-ig.png') 50% 50% no-repeat; background-size: 20px;}
.body_foot_sosmed_tk {background: var(--white_100) url('/img/foot-tk.png') 50% 50% no-repeat; background-size: 20px;}
.body_foot_sosmed_tx {background: var(--white_100) url('/img/foot-tx.png') 50% 50% no-repeat; background-size: 20px;}
.body_foot_sosmed_yt {background: var(--white_100) url('/img/foot-yt.png') 50% 50% no-repeat; background-size: 20px;}

.home_layanan_0 {width: 100%; text-align: center; margin-bottom: 100px;}
.home_layanan_1 {display: flex; flex-wrap: wrap; align-items: top; justify-content: center; width: 100%; margin-top: 50px;}
  .home_layanan_1_1 {flex: 0 0 calc(100% / 4); padding: 0px 20px;}
    .home_layanan_1_1_a {width: 150px; height: 150px; border-radius: 100%; border: 10px solid var(--yellow_100); margin: auto; cursor: pointer;}
    .home_layanan_1_1_b {font-weight: 2; font-size: 16px; margin: 5px 0px 50px 0px; padding: 0px 30px; cursor: pointer;}
      .home_layanan_icon_1 {background: var(--color_1_100) url('/img/icon-home-rumija.png') 50% 50% no-repeat; background-size: 80%;}
      .home_layanan_icon_2 {background: var(--color_1_100) url('/img/icon-home-slo.png') 50% 50% no-repeat; background-size: 80%;}
      .home_layanan_icon_3 {background: var(--color_1_100) url('/img/icon-home-alat.png') 50% 50% no-repeat; background-size: 80%;}
      .home_layanan_icon_4 {background: var(--color_1_100) url('/img/icon-home-lab.png') 50% 50% no-repeat; background-size: 80%;}
      .home_layanan_icon_5 {background: var(--color_1_100) url('/img/icon-home-info.png') 50% 50% no-repeat; background-size: 80%;}
      .home_layanan_icon_6 {background: var(--color_1_100) url('/img/icon-home-magang.png') 50% 50% no-repeat; background-size: 80%;}
      .home_layanan_icon_7 {background: var(--color_1_100) url('/img/icon-home-lapor.png') 50% 50% no-repeat; background-size: 80%;}
.home_judul {font-size: 36px; font-weight: 2;}
.home_judul_sub {font-size: 24px; font-weight: 1; margin-top: -5px;}

.home_cek_stat_0 {background: var(--yellow_100); border: 10px solid var(--color_1_100); border-radius: 25px; padding: 30px; text-align: center;}
.home_cek_stat_1 {font-size: 24px; font-weight: 2;}
.home_cek_stat_2 {margin: 20px 0px 10px 0px;
                  display: flex; flex-wrap: nowrap; align-items: center; width: 100%;}
  .home_cek_stat_2_a {flex-basis: 80%; padding-right: 5px;}
  .home_cek_stat_2_b {flex-basis: 20%; padding-left: 5px;}
.home_cek_stat_3 {color: var(--color_1_050);}

/* Portrait */
@media only screen and (orientation:portrait) {
  .body_head_0 {padding: 20px 20px; justify-content: center;}
  .body_head_1 {flex: 0 0 auto;}
    .body_head_1_a {height: 35px; width: 35px;}
    .body_head_1_b {height: 35px; width: 267px;}
  .body_head_2 {display: none;}

  .body_main_2 {padding: 0px 20px;}

  .body_foot_0 {flex-wrap: wrap; padding: 30px 20px;}
  .body_foot_1 {flex-basis: 100%;}
  .body_foot_2 {flex-basis: 100%; padding: 25px 0px;}
  .body_foot_3 {flex-basis: 100%; text-align: left; font-size: 10px !important;}
  .body_foot_judul {font-weight: 2; padding-bottom: 5px;}

  .home_judul {font-size: 30px; font-weight: 2;}
  .home_judul_sub {font-size: 18px; font-weight: 1; margin-top: -5px;}

  .home_layanan_1_1 {flex: 0 0 calc(100% / 2); padding: 0px 0px;}
    .home_layanan_1_1_a {width: 100px; height: 100px;}
    .home_layanan_1_1_b {padding: 0px 10px;}

  .home_cek_stat_2 {flex-wrap: wrap;}
    .home_cek_stat_2_a {flex-basis: 100%; padding-right: 0px; margin-bottom: 5px;}
    .home_cek_stat_2_b {flex-basis: 100%; padding-left: 0px;}
}

.form_layout_0 {width: 700px; margin: auto;}
.form_layout_1 {text-align: center; font-size: 36px; font-weight: 2; margin-bottom: 30px;}
  .form_layout_1_1 {text-align: center; font-size: 24px; font-weight: 2; margin-bottom: 0px; color: var(--color_1_100); border-top: 15px dashed var(--white_100); padding: 50px 0px 0px 0px;}
  .form_layout_1_2 {text-align: center; font-size: 14px; font-weight: 0; margin-bottom: 50px; color: var(--color_1_100); border-bottom: 0px solid var(--white_100); padding: 5px;}
.form_layout_2 {display: flex; flex-wrap: nowrap; align-items: center;}
  .form_layout_2_1 {flex: 0 0 auto; padding: 10px 30px 20px 20px; cursor: pointer; background: var(--white_100); font-weight: 2;
                    border: 5px solid var(--color_1_100); border-bottom: 0px;}
  .form_layout_2_2 {flex: 0 0 auto; padding: 20px 30px 10px 20px; cursor: pointer; background: var(--white_025); color: var(--color_1_100);
                    border-bottom: 5px solid var(--color_1_100);}
  .form_layout_2_3 {flex-basis: 100%; padding: 10px 20px 20px 10px;
                    border-bottom: 5px solid var(--color_1_100);}
.form_layout_3 {background: var(--white_100); padding: 20px;
                border: 5px solid var(--color_1_100); border-top: 0px;}
  .form_layout_3_info {background: var(--yellow_025); border-bottom: 2px dashed var(--yellow_100); text-align: center; padding: 10px;}
.form_layout_4 {background: var(--white_100); padding: 20px; border: 5px solid var(--color_1_100);}

.form_layout_diver_0 {margin: 50px 0px;}

.form_tbl_0 {margin: 20px 0px 10px 0px;}
.form_tbl_x {margin: 30px 0px 10px 0px;}
.form_tbl_1 {font-weight: 2;}
  .form_tbl_1 a {font-weight: normal; font-size: 11px; color: var(--color_1_075); border-bottom: 1px solid var(--color_1_075);}
  .form_tbl_1 small {font-weight: normal; font-size: 11px; color: var(--color_1_075); border-bottom: 1px solid var(--color_1_075);}
.form_tbl_2 {}

.cari_hasil_judul {text-align: center;}
.cari_hasil_kodeall {text-align: center; font-size: 24px; font-weight: 2; margin-bottom: 25px;}

/* Portrait */
@media only screen and (orientation:portrait) {
  .form_layout_0 {width: 100%;}
  .form_layout_1 {font-size: 24px;}
}