.how-do-wrapper .menu_bar {
  background-color: #8b82bd; }
.how-do-wrapper .about_content_bg:first-child .about_content_data {
  position: relative; }
.how-do-wrapper .big_white_75 {
  font-family: 'th_sarabun_xbold';
  color: #fff;
  font-size: 75px;
  line-height: 55px; }
.how-do-wrapper .big_white_50 {
  font-family: 'th_sarabun_xbold';
  color: #fff;
  font-size: 50px;
  line-height: 54px; }
.how-do-wrapper .big_white_40 {
  font-family: 'th_sarabun_xbold';
  color: #fff;
  font-size: 40px;
  line-height: 46px; }
.how-do-wrapper .big_black_60 {
  font-family: 'th_sarabun_xbold';
  color: #2d2543;
  font-size: 60px;
  line-height: 56px; }
.how-do-wrapper .medieum_white {
  font-family: 'th_sarabun_xregular';
  color: #fff;
  font-size: 24px;
  line-height: 30px; }
.how-do-wrapper .align_center {
  text-align: center; }
.how-do-wrapper .align_left {
  text-align: left; }
.how-do-wrapper .wrap_how_do .line_white_h {
  background: url("../images/about/dash_line_white_h.png");
  height: 2px;
  width: 100%; }
.how-do-wrapper .block_1_1 {
  font-family: 'th_sarabun_xbold';
  color: #2d2543;
  font-size: 75px;
  padding-bottom: 50px; }
.how-do-wrapper .block_1_3 {
  padding-top: 50px;
  width: 600px;
  margin: 0 auto; }
.how-do-wrapper .block_1_4 {
  padding-top: 50px;
  padding-bottom: 50px; }
.how-do-wrapper .wrap_group_1 {
  width: 884px;
  text-align: left;
  position: relative;
  margin: 30px auto 0; }
  .how-do-wrapper .wrap_group_1 .col_left,
  .how-do-wrapper .wrap_group_1 .col_right {
    float: left;
    width: 50%; }
.how-do-wrapper .wrap_group_1 .group {
  display: inline-block;
  height: 84px;
  width: 415px;
  padding-bottom: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.how-do-wrapper .wrap_group_1 .group:nth-child(odd) {
  margin-right: 50px; }
.how-do-wrapper .wrap_group_1 .group .no {
  float: left;
  width: 46px; }
.how-do-wrapper .wrap_group_1 .group .detail {
  float: left;
  width: 355px;
  font-family: 'th_sarabun_xregular';
  color: #fff;
  font-size: 20px;
  height: 85px;
  position: relative; }
.how-do-wrapper .wrap_how_do .wrap_group_1 .line_white_h {
  position: absolute;
  bottom: 0; }
.how-do-wrapper .wrap_group_1 .decorate {
  position: absolute;
  right: -62px;
  top: 65px; }
.how-do-wrapper .block_2_1 {
  text-align: center;
  line-height: 65px; }
.how-do-wrapper .block_2_1 .up {
  font-family: 'th_sarabun_xbold';
  color: #907eb5;
  font-size: 90px; }
.how-do-wrapper .block_2_1 .down {
  font-family: 'th_sarabun_xregular';
  color: #907eb5;
  font-size: 45px; }
.how-do-wrapper .block_2_2 {
  padding: 50px 0; }
.how-do-wrapper .wrap_group_2 {
  text-align: center; }
.how-do-wrapper .wrap_group_2 .group {
  height: 246px;
  display: inline-block;
  vertical-align: top;
  padding: 0 40px;
  width: 312px; }
.how-do-wrapper .wrap_group_2 .group .no {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  padding: 14px;
  color: #f58463;
  font-size: 45px;
  margin: 0 auto; }
.how-do-wrapper .wrap_group_2 .group .detail {
  margin-top: 5px; }
.how-do-wrapper .wrap_group_2 .group .detail .up {
  font-family: 'th_sarabun_xbold';
  color: #9a7eb6;
  font-size: 50px;
  line-height: 52px; }
.how-do-wrapper .wrap_group_2 .group .detail .down {
  font-family: 'th_sarabun_xregular';
  color: #000;
  font-size: 18px;
  line-height: 18px; }
.how-do-wrapper .block_3_1 {
  position: relative; }
.how-do-wrapper .block_3_2 {
  padding-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.how-do-wrapper .box_detail {
  width: 635px;
  margin: 50px auto 0; }
.how-do-wrapper .block_3_1 {
  width: 100%; }
.how-do-wrapper .block_3_1 .decorate {
  position: absolute;
  top: 90px;
  left: -120px; }
.how-do-wrapper .block_3_1 .decorate_2 {
  margin-top: 50px; }
.how-do-wrapper .box_detail .up {
  font-family: 'th_sarabun_xregular';
  color: #414042;
  font-size: 24px; }
.how-do-wrapper .box_detail .down {
  font-family: 'th_sarabun_xregular';
  color: #ffffff;
  font-size: 24px;
  margin-top: 30px; }

@media (max-width: 1024px) {
  .how-do-wrapper .wrap_group_1 {
    width: 402px; }
    .how-do-wrapper .wrap_group_1 .group {
      margin: 0;
      width: 100%; }
    .how-do-wrapper .wrap_group_1 .col_left, .how-do-wrapper .wrap_group_1 .col_right {
      width: 100%;
      float: none; }
    .how-do-wrapper .wrap_group_1 .decorate {
      position: relative;
      right: auto;
      top: auto;
      display: block;
      margin: 50px auto 0; } }
@media (max-width: 935px) {
  .how-do-wrapper .block_3_1 .decorate {
    display: none; } }
@media (max-width: 670px) {
  .how-do-wrapper .box_detail {
    width: 100%; } }
@media (max-width: 450px) {
  .how-do-wrapper .wrap_group_1 {
    width: 100%; }
    .how-do-wrapper .wrap_group_1 .group {
      height: auto; }
      .how-do-wrapper .wrap_group_1 .group .no {
        float: none;
        width: 100%; }
      .how-do-wrapper .wrap_group_1 .group .detail {
        float: none;
        width: 100%;
        height: auto !important;
        padding-bottom: 20px; }
  .how-do-wrapper .big_black_60 br {
    display: none; } }
@media (max-width: 630px) {
  .how-do-wrapper .block_1_3 {
    width: 100%; }
  .how-do-wrapper .wrap_content_3 .line_green_v {
    display: none; } }

/*# sourceMappingURL=how_do.css.map */