body,
  .banner-area,
  .banner-area div {
    /*height: 100%;  */
    height: 500px;
  }

  .boxcard {
    border: 0px solid;
    padding: 10px;
    box-shadow: 0px 2px 20px #eee;
    padding: 30px 10px 30px 15px;
    min-height: 400px;
    margin: 10px;
  }

  .careerclass {
    position: relative;
    padding: 250px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

  .careerclass::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.4);  ปรับความมืดได้ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    z-index: 1;
  }

  .careerclass .container {
    position: relative;
    z-index: 2;
  }

  .bgF3 {
    background:#f3f3f3;
  }

  .padt30 {padding-top: 30px;}
  .padt100 {padding-top: 100px;}
  .pad80 {padding:80px;}
  .pad100 {padding: 100px;}

  .fontw600 {font-weight: 600;}

  .txtc_ff0 {color: #ff0000;}