@font-face {
  font-family: "LINESeedSans_web";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/Web/WOFF/LINESeedSansTH_W_Th.woff")
      format("woff"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans/Web/WOFF/LINESeedSans_W_Th.woff")
      format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "LINESeedSans_web";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/Web/WOFF/LINESeedSansTH_W_Rg.woff")
      format("woff"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans/Web/WOFF/LINESeedSans_W_Rg.woff")
      format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "LINESeedSans_web";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/Web/WOFF/LINESeedSansTH_W_Bd.woff")
      format("woff"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans/Web/WOFF/LINESeedSans_W_Bd.woff")
      format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "LINESeedSans_web";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/Web/WOFF/LINESeedSansTH_W_He.woff")
      format("woff"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans/Web/WOFF/LINESeedSans_W_He.woff")
      format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "LINESeedSans_web";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/Web/WOFF/LINESeedSansTH_W_XBd.woff")
      format("woff"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans/Web/WOFF/LINESeedSans_W_XBd.woff")
      format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "LINESeedSans_app";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSansTH_A_Th.ttf")
      format("ttf"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSans_A_Th.ttf")
      format("ttf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "LINESeedSans_app";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSansTH_A_Rg.ttf")
      format("ttf"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSans_A_Rg.ttf")
      format("ttf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "LINESeedSans_app";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSansTH_A_Bd.ttf")
      format("ttf"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSans_A_Bd.ttf")
      format("ttf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "LINESeedSans_app";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSansTH_A_He.ttf")
      format("ttf"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSans_A_He.ttf")
      format("ttf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "LINESeedSans_app";
  src: url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSansTH_A_XBd.ttf")
      format("ttf"),
    url("/assets/font/Line_Sedd_Sans/LINE_Seed_Sans_TH/App/TTF/LINESeedSans_A_XBd.ttf")
      format("ttf");
  font-weight: 800;
  font-style: normal;
}

body {
  font-family: LINESeedSans_web;
  font-weight: 300;
  background-color: #08254d;
}

h1 {
  font-weight: 800;
}

.header {
  background-size: cover;
}

.text-active {
  color: #073760;
}

#main-content {
  background-image: url(/images/All_Asset/BG_1.png);
  background-attachment: fixed;
  background-position: top;
  background-size: cover;
  background-color: #fff;
  background-repeat: repeat-y;
}

#container_menu {
  position: absolute;
  display: block;
  width: 100%;
  float: left;
  z-index: 999;
}

#container_menu .navbar-toggler{
  color: white;
  border-color:white;
}

#container_menu .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#menu {
  color: #000000;
  font-weight: 300;
}

#main_manu a {
  font-weight: 300;
  color: #acacac;
  font-size: 18px;
}

#main_manu .active {
  color: #FFF;
  font-weight: 600;
}

#main_manu .active hr {
  width: 50%;
  border-top: 2px solid #a2a2a2;
  margin: 5px;
}

#main_manu.show .active hr {
  display: none !important;
}

@media only screen and (max-width: 810px) {
  #card_body_dailymu{

  }

  #main_manu a {
    font-weight: 300;
    color: #000 !important;
  } 
  .navbar-nav {
    background-color: #ffffff;
    border-radius: 5px;
  }

  .navbar-nav li a {
    border-bottom: #a2a2a2 1px solid;
  }

  #main_manu .active hr {
    display: none !important;
  }

  #logo_nav {
    max-width: 250px;
  }
}

#content {
  background-color: transparent;
  padding-bottom: 50px;
  border-radius: 00px 0px 40px 40px;
}

#introduce {
  /* background: #F3F5F8; */
}

#introduce h1,
#head_about h1 {
  font-weight: 800;
  /* font-size: 60px; */
  line-height: 150%;
  letter-spacing: 0%;
}

#introduce h3,
#head_about h3 {
  font-weight: 300;
  /* font-size: 40px; */
  line-height: 150%;
  letter-spacing: 0%;
}

#introduce p,
#head_about p {
  font-weight: 100;
  font-size: 17px;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: right;
  width: fit-content;
}

#head_about {
  color: #ffffff;
}

#content-card {
  /* background-color: #FFFFFF; */
}

#content-card .card {
  background: #f3f5f8;
  border-radius: 16px;
  border: none !important;
}

#content-card h2 {
  font-weight: 800;
  /* font-size: 50px; */
  line-height: 150%;
  letter-spacing: 0%;
}

#content-card p {
  font-weight: 300;
  /* font-size: 20px; */
  line-height: 150%;
  letter-spacing: 0%;
}

#content_home_1 {
  background-image: url(/images/bg_card_1.png) !important;
  background-size: cover !important;
}

#content_home_1 .card-body {
  background-image: url(/images/bg_content_1.png);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-top: 5rem !important;
}

#content_home_2 {
  background-image: url(/images/All_Asset/1_Home/Step_3/Frame_10879069.png?v=2) !important;
  background-size: cover !important;
}

#content_home_3 {
  background-image: url(/images/All_Asset/1_Home/Step_4/2_BG.png?v=2) !important;
  background-size: cover !important;
}

#content_home_4 {
  background-image: url(/images/All_Asset/1_Home/Step_5/2_BG.png?v=2) !important;
  background-size: cover !important;
  background-position: center !important;
}

#content_home_6 {
  background-image: url(/images/All_Asset/1_Home/Step_6/Frame_10879043.png?v=2) !important;
  background-size: cover !important;
  background-position: center !important;
}

#footer {
  background-color: #08254d;
  color: #ffffff;
}

#text-brand {
  font-weight: 800;
  font-size: 60px;
  line-height: 150%;
  letter-spacing: 0%;
}

#copy-rights {
  width: 162;
  height: 21;
  top: 10px;
  left: 639px;
}

#footer_address {
  font-weight: 300;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0px;
  text-transform: capitalize;
  text-align: left;
}

#footer a {
  color: #ffffff;
  border: none !important;
  text-decoration: inherit;
}

#list-contact li:before {
  content: "·";
  font-size: 120px;
  vertical-align: middle;
  line-height: 20px;
}

#btn_job {
  background-color: #08254d;
  color: #ffffff;
  width: 309px;
  height: 60px;
  top: 428px;
  left: 566px;
  border-radius: 100px;
  text-decoration: inherit;
  font-weight: 400;
  font-size: 24px;
  line-height: 170%;
  letter-spacing: -1.9%;
  border: none;
}

.card_job {
  box-shadow: 1px 1px 3px #c4c0c0 !important;
  background-repeat: no-repeat !important;
  background-color: #fff !important;
  overflow: hidden;
}

.btn_job_register{
  bottom: 0px;
  position: absolute;
  right: 0;
}