body{
    overflow-x: hidden;
}

  ::placeholder {
      color: #949494 !important;
      opacity: 1;
  }

.general-title {
    padding-left: 8px;
    margin-bottom: 16px;
    border-left: 3px solid #FFD400;
}

.general-detail1 h3 {
    font-size: 18px;
    margin-bottom: 8px;
}

.general-btn {
    width: 170px !important;
}

.general-center {
    align-items: center;
    justify-content: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
@media (min-width:767px){
    .container--content .row{
        margin: 0px;
    }
}
@media (max-width:768px) {
    .general-title {
        margin-bottom: 8px;
    }

    .general-btn {
        width: 270px !important;
    }

    .general-center {
        top: unset;
        transform: unset;
    }
}
  /*! CSS Used from: https://www.krungsri.com/CMSPages/GetResource.ashx?stylesheetname=Krungsri-Payroll */
  h1 {
      font-family: "Krungsri-Condensed-Bold";
      font-size: 32px;
      line-height: 48px;
      color: #222;
  }
  
  .z-title {
      background: #6c605e;
     padding:20px 0px;
      /*margin-right: -15px;
      margin-left: -15px;*/
  }
  
  .txttitle1 {
      color: #c6bfbf;
      font-family: Krungsri-Condensed-Bold;
      font-size: 40px;
      line-height: 64px;
  }
  
  .txttitle2 h1 {
      margin-top: 0;
      margin-bottom: 0;
      color: #fff;
  }
  
  #catePR .container--banner-title {
      max-width: 1170px;
      margin: auto;
      padding: 0;
  }
  
  .z-title {
      background: #6c605e;
      margin-top: 1px;
  }
  
  .txttitle2 h1 {
      margin-top: 0;
      margin-bottom: 0;
      color: #fff;
      font-family: Krungsri-Condensed-Medium;
      font-size: 24px;
      font-weight: bold;
      line-height: 36px;
  }
  
  @media only screen and (min-width:1200px) {
      .z-title {
          padding: 42px 0;
      }
  }
  
  @media only screen and (max-width:767px) {
      h1 {
          font-size: 18px;
          line-height: 1.5;
      }
  
      #catePR .container--banner-title {
          width: 100%;
      }
  }
  
  .container--content .image{position:relative;overflow:hidden;width:100%;}
  .container--content .image img{width:100%;height:auto;}
  .text-ellipsis-2line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;}
  .container--content .card-info{display:inline-block;border-radius:3px;box-shadow:1px 2px 20px 0 rgba(35,19,18,0.05);background-color:#FFFFFF;width:100%;margin-bottom:30px;}
  .container--content .card-info .content{padding:16px;height:158px;position:relative;}
  .container--content .card-info .image{border-top-left-radius:3px;border-top-right-radius:3px;}
  @media (max-width:767px){
  .container--content .card-info{margin-bottom:8px;}
  .container--content .card-info .image{width:110px;float:left;border-top-left-radius:3px;border-top-right-radius:0px;border-bottom-left-radius:3px;}
  .container--content .card-info .content{padding:8px;width:calc(100% - 110px);float:left;height:110px;}
  }
  h3{color:#222222;font-family:"Krungsri-Condensed-Bold";font-size:20px;letter-spacing:0;line-height:30px;margin-bottom:0;}
  .Text-link-small{color:#F76F00;font-family:Thongterm-Roman;font-size:14px;letter-spacing:0;line-height:30px;}
  .Text-link-small:hover{color:#de6400;}
  @media (max-width:768px){
  h3{font-size:18px;line-height:30px;}
  }
  ::placeholder{color:#949494!important;opacity:1;}
  /*! CSS Used from: https://www.krungsri.com/CMSPages/GetResource.ashx?_transformations=3952 */
  .btn-payroll-more{background:#f9d648;padding:5px 7px;text-align:center;cursor:pointer;max-width:250px;margin:0 auto;border-radius:3px;font-size:16px;line-height:24px;font-family:Krungsri-Condensed-Bold;}
  /*! CSS Used from: https://www.krungsri.com/CMSPages/GetResource.ashx?stylesheetname=Krungsri-Payroll */
  a:hover{color:#554242;}
  #catePR .container2{width:1120px;height:100%;margin-left:auto;margin-right:auto;}
  .zonecontentPV{clear:both;overflow:hidden;margin-bottom:50px;padding-top:10px;}
  span.fas.fa-check.f-green{color:green;}
  .itemP .desc{padding:10px 20px;min-height:185px;background:#f3f3f3;margin-bottom:20px;}
  .itemP .detail{display:none;}
  .zonecontentPV{clear:both;overflow:hidden;margin-bottom:50px;padding-top:10px;}
  .zonecontentPV .PV-List{margin-left:-7px;margin-right:-7px;}
  .zonecontentPV .blockinnerlist{background:#fff;box-shadow:0 3px 8px #0000001a;border-radius:3px;padding-bottom:20px;min-height:430px;}
  .itemP{padding:10px 7px;}
  .itemP .imgzone{text-align:center;padding:0;position:relative;}
  .itemP .imgzone:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 -80px 80px rgba(0,0,0,.7);-moz-box-shadow:inset 0 -80px 80px rgba(0,0,0,.7);-webkit-box-shadow:inset 0 -73px 40px #0000004f;}
  .itemP .imgzone img{width:auto;max-width:100%;height:auto;}
  .itemP .titletxt{margin:0 20px;text-align:left;padding:10px 0;overflow:hidden;position:absolute;padding:0;bottom:20px;color:#fff;z-index:1;font-family:"Krungsri-Condensed-Bold";font-size:20px;line-height:30px;}
  .itemP .desc ul{padding-left:0;}
  .f-green{color:green;}
  .itemP .desc ul li{margin-bottom:10px;}
  @media only screen and (max-width:1024px){
  .btn-payroll-more{
     max-width:200px;
   }
  .itemP .desc{min-height:250px;}
  }
  @media (min-width:768px) and (max-width:1024px){
  #catePR .container2{width:90%;}
  }
  @media only screen and (max-width:768px){
  .itemP .desc{min-height:306px;}
  }
  @media only screen and (max-width:767px){
  #catePR .container2{width:100%;}
  .itemP .desc{min-height:unset;}
  .zonecontentPV .blockinnerlist{min-height:unset;}
  }
  /*! CSS Used from: Embedded */
  .extend{line-height:30px;border-radius:50%;width:30px;height:30px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#FFD400;cursor:pointer;text-align:center;box-shadow:0 3px 7px 0 rgba(0,0,0,0.3);position:absolute;left:0;right:0;bottom:-15px;margin-left:auto;margin-right:auto;}
  .extend.down:after{content:'\f107';font-family:'Font Awesome 5 Pro';color:#5a5a5a;font-size:18px;margin-left:-8px;}
  .itemP{padding-bottom:0px;padding-top:0px;margin-bottom:32px;}
  @media only screen and (max-width:768px){
  .container--content .card-info{margin-bottom:-9px;}
  .itemP .desc{min-height:unset;}
  }
  .blockinnerlist {
      background: #fff;
      box-shadow: 0 3px 8px #0000001a;
      border-radius: 3px;
      padding-bottom: 20px;
      min-height: 430px;
  }
  
  .text-ellipsis-2line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;}
  .card-info{display:inline-block;border-radius:3px;box-shadow:1px 2px 20px 0 rgba(35,19,18,0.05);background-color:#FFFFFF;width:100%;margin-bottom:30px;}
  .card-info .content{padding:16px;height:158px;position:relative;}
  .card-info .image{border-top-left-radius:3px;border-top-right-radius:3px;}
  @media (max-width:767px){
  .card-info{margin-bottom:8px;}
  .card-info .image{width:110px;float:left;border-top-left-radius:3px;border-top-right-radius:0px;border-bottom-left-radius:3px;}
  .card-info .content{padding:8px;width:calc(100% - 110px);float:left;height:110px;}
  }
  #catePR .container2{width:1120px;height:100%;margin-left:auto;margin-right:auto;}
  span.fas.fa-check.f-green{color:green;}
  .itemP .desc{padding:10px 20px;min-height:185px;background:#f3f3f3;margin-bottom:20px;}
  .itemP .detail{display:none;}
  .itemP{padding:10px 7px;}
  .itemP .desc ul{padding-left:0;}
  .f-green{color:green;}
  .itemP .desc ul li{margin-bottom:10px;}
  @media only screen and (max-width:1024px){
  .itemP .desc{min-height:250px;}
  }
  @media (min-width:768px) and (max-width:1024px){
  #catePR .container2{width:90%;}
  }
  @media only screen and (max-width:768px){
  .itemP .desc{min-height:306px;}
  }
  @media only screen and (min-width:1200px){
.col-12.section-column {
    padding-left: 0px;
}
}
  @media only screen and (max-width:767px){
  #catePR .container2{width:100%;}
  .itemP .desc{min-height:unset;}
  }
  /*! CSS Used from: Embedded */
  .extend{line-height:30px;border-radius:50%;width:30px;height:30px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#FFD400;cursor:pointer;text-align:center;box-shadow:0 3px 7px 0 rgba(0,0,0,0.3);position:absolute;left:0;right:0;bottom:-15px;margin-left:auto;margin-right:auto;}
  .extend.up:after{content:'\f106';font-family:'Font Awesome 5 Pro';color:#5a5a5a;font-size:18px;margin-left:-8px;}
  .itemP{padding-bottom:0px;padding-top:0px;margin-bottom:32px;}
  @media only screen and (max-width:768px){
  .card-info{margin-bottom:-9px;}
  }