@charset "utf-8";
/* CSS Document */

.step-block {
  width: 100%;
}

.document-block {
  width: 100%;
  height: 1080px;
  background: url(../images/sub-64-1/bg.png) top center no-repeat;
}

.form-block {
  /* width: 100%; */
  /* height: auto; */
  /* background: #edeced; */
  /* padding: 20px; */
  /* -webkit-border-radius: 10px; */
  -moz-border-radius: 10px;
  /* border-radius: 10px; */
}

.form-top {
  /* width: 100%; */
  /* height: 45px; */
  /* background: #23378c; */
  /* font: 18px/20px "Kanit", Arial, sans-serif; */
  /* color: #fff; */
  /* padding: 10px; */
  /* -webkit-border-radius: 5px; */
  -moz-border-radius: 5px;
  /* border-radius: 5px; */
}

.list-block {
  width: 100%;
  height: auto;
  padding: 10px;
  border-bottom: 1px solid #cacaca;
}

.list-block .text {
  width: 100%;
  height: auto;
  font: 16px/18px "Kanit", Arial, sans-serif;
  background: url(../images/sub-64-1/bulet.png) 0px 7px no-repeat;
  padding-left: 20px;
}

.list-block .text a {
  color: #535353;
}

.view-form {
  width: 100%;
  height: auto;
  background: url(../images/sub-64-1/view.png) 100% 3px no-repeat;
  font: 20px/24px "Kanit", Arial, sans-serif;
  text-align: right;
  padding-right: 27px;
}

.view-form a {
  color: #00abfb;
}

.s-pic {
  width: 100%;
  height: auto;
  margin-top: 20px;
}

.s-pic img {
  max-width: 100%;
}

.contact-block {
  width: 100%;
  margin-top: 20px;
  background: #c6edff;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.contact-block .location {
  width: 100%;
  /*height: 65px;*/
  font: 20px/29px "Kanit", Arial, sans-serif;
  background: url(../images/sub-64-1/location.png) 0% 50% no-repeat;
  padding-left: 55px;
}

.sub-location {
  width: 100%;
  height: auto;
  padding-left: 55px;
  font: 16px/20px "Kanit", Arial, sans-serif;
}

.contact-block .call {
  width: 100%;
  height: 43px;
  font: 20px/43px "Kanit", Arial, sans-serif;
  background: url(../images/sub-64-1/call.png) 0% 50% no-repeat;
  padding-left: 55px;
  margin-top: 30px;
}

.location-title {
  width: 100%;
  height: 50px;
  font: 30px/30px "Kanit", Arial, sans-serif;
  padding-left: 8px;
}

@media (max-width: 374px) {
  .form-block {
    padding: 10px;
  }
  .list-block .view-form {
    font: 14px/20px "Kanit", Arial, sans-serif;
    background: url(../images/sub-64-1/view.png) 100% 5px no-repeat;
  }
  .list-block .text {
    font: 14px/20px "Kanit", Arial, sans-serif;
  }
  .form-top {
    font: 16px/20px "Kanit", Arial, sans-serif;
  }
}

@media (min-width: 375px) and (max-width: 413px) {
  .form-block {
    padding: 10px;
  }
  .list-block .view-form {
    font: 14px/20px "Kanit", Arial, sans-serif;
    background: url(../images/sub-64-1/view.png) 100% 5px no-repeat;
  }
  .list-block .text {
    font: 14px/20px "Kanit", Arial, sans-serif;
  }
  .form-top {
    font: 16px/20px "Kanit", Arial, sans-serif;
  }
}

@media (min-width: 414px) and (max-width: 575px) {
  .form-block {
    padding: 10px;
  }
  .list-block .view-form {
    font: 14px/20px "Kanit", Arial, sans-serif;
    background: url(../images/sub-64-1/view.png) 100% 5px no-repeat;
  }
  .list-block .text {
    font: 14px/20px "Kanit", Arial, sans-serif;
  }
  .form-top {
    font: 16px/20px "Kanit", Arial, sans-serif;
  }
}