html {
  font-size: 15px; }
  @media (max-width: 992px) {
    html {
      font-size: calc(15px + .2vw); } }

/*Add font ================================*/
.recruitment form.box_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 20px 0; }
  @media (max-width: 575.98px) {
    .recruitment form.box_search > div {
      padding: 5px; } }
  .recruitment form.box_search > div input, .recruitment form.box_search > div select, .recruitment form.box_search > div button {
    font: 400 1rem/150% "Open Sans", sans-serif;
    width: 100%;
    background: #f0f0f0;
    border: 0; }
  .recruitment form.box_search > div input {
    padding: 7px 15px; }
    .recruitment form.box_search > div input::place-holder {
      color: #6a6a6a; }
  .recruitment form.box_search > div select {
    padding: 8px 15px; }
  .recruitment form.box_search > div button {
    background: #0054a0;
    color: #fff; }

.recruitment .text_search {
  font: 400 1.06667rem/150% "Open Sans", sans-serif;
  font-style: italic;
  color: #003a91; }

.recruitment .list_item .col_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px dashed #faa71e; }
  .recruitment .list_item .col_item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .recruitment .list_item .col_item .title .icon {
      max-width: 40px;
      max-height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: 30px; }
      .recruitment .list_item .col_item .title .icon img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto; }
    .recruitment .list_item .col_item .title a {
      font: 600 1.06667rem/150% "Open Sans", sans-serif;
      color: #0f0f10; }
  .recruitment .list_item .col_item .province {
    display: none; }
  .recruitment .list_item .col_item .date_end {
    text-align: center; }
  .recruitment .list_item .col_item .btn_apply {
    background: #2ec841;
    border: 1px solid #16c22b;
    border-radius: 4px;
    padding: 5px 20px; }
    .recruitment .list_item .col_item .btn_apply a {
      font: 400 1.06667rem/150% "Open Sans", sans-serif;
      color: #fff; }

.recruitment .paginate {
  text-align: right; }

.box-recruitment {
  background: #fff;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  padding: 15px;
  margin: 30px 0; }
  @media (min-width: 768px) {
    .box-recruitment {
      padding: 30px; } }

.box_column {
  padding-top: 20px; }
  .box_column h3.title {
    font: 700 1.06667rem/150% "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #006cf2;
    border-radius: 6px;
    padding: 7px 10px;
    margin-bottom: 8px; }
    .box_column h3.title i {
      padding-right: 10px; }
  .box_column a {
    font: 400 1rem/150% "Muli", sans-serif;
    color: #878787;
    display: block;
    border-top: 1px dashed #e1e1e1;
    padding: 7px 10px; }
    .box_column a:hover, .box_column a:focus {
      color: #fff;
      background: #338c14;
      border-radius: 6px; }
    .box_column a:last-of-type {
      border-bottom: 1px dashed #e1e1e1; }

#item_detail {
  background: #fff;
  padding: 15px; }
  #item_detail h1.title {
    font: 700 1.06667rem/150% "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #828282;
    padding-bottom: 7px;
    margin-bottom: 5px;
    position: relative; }
    @media (min-width: 992px) {
      #item_detail h1.title {
        font-size: 1.2rem; } }
    #item_detail h1.title:before, #item_detail h1.title:after {
      content: '';
      display: block;
      height: 1px;
      background: #c2baba;
      position: absolute;
      left: 0; }
    #item_detail h1.title:before {
      width: 51px;
      bottom: 3px; }
    #item_detail h1.title:after {
      width: 41px;
      bottom: 0; }
  #item_detail .content p {
    font: 400 0.93333rem/150% "Open Sans", sans-serif;
    color: #464d4c; }
    #item_detail .content p img {
      max-width: 100%;
      height: auto; }
  #item_detail .content img {
    max-width: 100%;
    height: auto; }
  #item_detail .footer_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 10px; }
    #item_detail .footer_info .btn_recruit {
      font: 400 1.06667rem/150% "Open Sans", sans-serif;
      color: #fff;
      background: #0054a0;
      border-radius: 4px; }
    #item_detail .footer_info .tool-share ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      #item_detail .footer_info .tool-share ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #item_detail .footer_info .tool-share ul li a {
          color: #fff; }
          #item_detail .footer_info .tool-share ul li a span.icon i {
            width: 20px;
            height: 20px;
            font-size: 1rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        #item_detail .footer_info .tool-share ul li.btn-facebook {
          background-color: transparent; }
          #item_detail .footer_info .tool-share ul li.btn-facebook a {
            background: #3b5999;
            border: 1px solid #26478e;
            border-radius: 50%; }
        #item_detail .footer_info .tool-share ul li.btn-gplus a {
          background: #dd5044;
          border: 1px solid #d73324;
          border-radius: 50%; }
        #item_detail .footer_info .tool-share ul li.btn-pinterest a {
          background: #de0118;
          border: 1px solid #de0118;
          border-radius: 50%; }
        #item_detail .footer_info .tool-share ul li.btn-twitter a {
          background: #10c2ff;
          border: 1px solid #00b8ff;
          border-radius: 50%; }
    #item_detail .footer_info .fb-comments iframe {
      width: 100% !important; }

#frmRecruit form .modal-header {
  color: #fff; }

#frmRecruit form button.close {
  color: #f00; }

#frmRecruit form label.error {
  float: left;
  color: #f00; }

#frmRecruit form input:focus, #frmRecruit form textarea:focus {
  background-color: #ddd5;
  -webkit-box-shadow: none;
  box-shadow: none; }