/*.about-page-bg{
  position: absolute;
  left: 0;
  right: 0; 
  bottom: 0;
  background: #ffffff; 
  height: 0;
  transition:height .5s;
}
body.showcircle-contents .about-page-bg{
  height: 100vh
}
*/

/*bg rk-show-albums*/
.rk-show-albums .rk-title{
  position: fixed;
  top: 0;
  left: 0;
  color: #ffffff;
  z-index: 18;
  font-size: calc(100% + 20px);
  height: 10vh;
  line-height: 10vh;
  padding-left: 20px;
  margin-left: 20px;
  display: none;
  opacity: 0
}
.rk-show-albums .rk-close{
  display: none;
}
body.show-albums .rk-title{
  display: block;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;

  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: showOpa;
  animation-name: showOpa;
}
body.show-albums .rk-show-albums .rk-close{
  position: fixed;
  right: 5%;
  top: 5%;
  font-size: 50px;
  color: #757575;
  z-index: 17;
  display: block;
  cursor: pointer;
}
.rk-show-albums .rk-list{
  display: none;
}
.rk-show-albums .rk-list iframe{
  width: inherit;
  height: 74vh;
  max-width: 900px;
  margin: auto;
  display: block;
}
.rk-show-albums .rk-sources{
  display: none;
}
body.show-albums .rk-show-albums .rk-list{
  height: 73vh;
  width: 100vw;
  position: fixed;
  display: block;
  opacity: 0;
  z-index: 16;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-top: 1px dashed #dadada24;
  border-bottom: 1px dashed #dadada24;
}
body.show-albums .rk-show-albums .rk-list{
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;

  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: showOpa;
  animation-name: showOpa;
}
@keyframes showOpa{
  0% { 
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% { 
    opacity: 1;
  }
}
.rk-show-albums::before{
  position: fixed;
  left: 0;
  right: 0px;
  bottom: 0;
  width: 100%;
  height: 0;
  content: ' ';
  opacity: 0.6;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  z-index: 15;
  background: #fffffff0;
  background: radial-gradient(circle, #ffffff 0%, #fffffff2 100%);
}
body.show-albums .rk-show-albums::before{
  height: 100vh;
  opacity: 1;
} 
.rk-show-albums .rk-list .rk-items{
  position: relative;
  width: 100%;
  overflow: hidden;
  max-height: 73vh;
}
.rk-show-albums .rk-list .rk-items:before {
  content: "";
  display: block;
  padding-top: calc(100% - 10px);/*because margin 5*/
  /* initial ratio of 1_1 100%, 2_1 50%, 1_2 200% 4_3 75%. 16_9 56,25%*/
}
.rk-show-albums .rk-list .rk-items .rk-img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; 
  color: #fff;
  line-height: 100%;
  height: 100%;
  display: grid;
  align-items: center;
}
.rk-show-albums .rk-list .rk-items .rk-img img{
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  filter: grayscale(100%);
  transition: all .5s ease-in-out;
  transform: scale(.8);
  opacity: .8
}
.rk-show-albums .owl-item.center .rk-items .rk-img img{
  filter: grayscale(0%); 
  transform: scale(1); 
  opacity: 1;
}
/*bg rk-rwl-zoomimg owl*/
.rk-rwl-zoomimg .rwl .owl-nav {
  width: 80px;
  float: right;
  margin-top: 0px;
}
.rk-rwl-zoomimg .rwl .owl-dots {
  width: calc(100%);
  float: left;
  padding:20px 0;
}
.rk-rwl-zoomimg .rwl .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  line-height: 30px;
  border-radius: 15px;
  border: 2px solid #757575;
  margin-right: 9px;
  color: #c6c6c6;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.rk-rwl-zoomimg .rwl .owl-dots .owl-dot.active span{
  background: #757575;
  color: #000;
  width: 20px;
  border-color: #757575; 
}
.rk-rwl-zoomimg:after{
  content:' ';
  clear: both;
  display: block;
}
.rk-rwl-zoomimg .rwl .owl-nav button.owl-next, .rk-rwl-zoomimg .rwl .owl-nav button.owl-prev{
  width: 60px;
  height:60px;
  margin: 0px;
  opacity: .9
}
.rk-rwl-zoomimg .rwl .owl-nav button i{
  font-size: 20px;
  line-height: 60px;
}
@media(min-width: 1024px){
  .rk-rwl-zoomimg .rwl .owl-nav button.owl-next:hover, .rk-rwl-zoomimg .rwl .owl-nav button.owl-prev:hover{
    opacity: 1
  }
}

.rk-rwl-zoomimg .rwl .owl-nav button.owl-prev,
.rk-rwl-zoomimg .rwl .owl-nav button.owl-next{
  margin: auto;
  background-color: #fff;
  border-radius: 100%; 
  position: absolute;
  top: 0;
  bottom: 0;
  box-shadow: 0px 0px 20px 7px #0009; 
}
.rk-rwl-zoomimg .rwl .owl-nav button.owl-prev{   
  left: 5%; 
}
.rk-rwl-zoomimg .rwl .owl-nav button.owl-next{  
  right: 5%; 
}
.rk-rwl-zoomimg .rwl .owl-nav:after{
  content: ' ';
  clear: both;
  display: block;
}
@media(max-width: 900px){
  .rk-rwl-zoomimg .rwl .owl-nav{
    display: none !important
  }
}
/*ed rk-rwl-zoomimg owl*/

/*ed rk-show-albums*/


header .anchor{
  display: none;
}
header .header-anchor{
  background: #8dc026;
}
@media(max-width: 1050px){
  header .header-anchor{
    display: none;
  }
}
header.header-anchor .left,
header.header-anchor .right{
  display: none;
}
.header-anchor .anchor{
  display: block;
}
.header-anchor .anchor ul{

}
.header-anchor .anchor ul li{
  list-style: none;
  display: inline-block;
  height: 71px;
  line-height: 71px;
} 
.header-anchor .anchor ul li a{
  display: block;
  padding: 0 20px
}
.header-anchor .anchor ul li.current a{
  color: var(--color2);
  font-weight: bold;
  text-decoration: underline;
}

.about-page-text{
  position: relative;
  z-index: 3;
  display: flex;
  height: 100vh;
  align-items: center;
  max-width: 700px;
}
@media(min-height: 760px){
  .about-page-text { 
    align-items: flex-end; 
    padding-bottom: 10%;
  }
}
.about-page-text .pl-title{
  color: var(--color2);
  border-bottom: 1px solid var(--color1);
  padding: 0px 50px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.about-page-text .subtitle{
  color:var(--color1);
  font-size: calc(100% + 5px);
  padding: 0px 50px;
}
.about-page-text .pl-title span{
  display: block;
}
.about-page-text ul,
.about-page-text .des{
  padding: 0px 50px;
}
.about-page-text ul li,
.about-page-text .des p{
  list-style: none;  
  margin: 10px 0px
}
.anchor-mobile-title{ 
  margin: auto;
  background: var(--color1); 
  font-size: 35px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  position: relative; 
  text-align: center;
  padding: 20px 0;
  height: auto; 
  display: none;
}
@media(max-width: 1050px){
  .about-page-text{
    display: block;
    height: auto;
    padding: 100px 0; 
  }
  .anchor-mobile-title{
    display: block;
  }
  .circle-contents{
    display: none !important
  }
}
@media(max-width: 900px){
  .about-page-text{
    display: block;
    height: auto;
    padding: 70px 0;
    text-align: justify;
    padding-top: 30px
  }
  .about-page-text .pl-title,
  .about-page-text .subtitle,
  .about-page-text ul,
  .about-page-text .des{
    padding: 0px 10px;
  }
}

/*bg about-thongdiep*/
.about-thongdiep{
  z-index: 4
}

.about-thongdiep .img{
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
  max-width: 468px;
}
.about-thongdiep .img img{
  width: 100%;
  height: auto;
}
@media(max-width: 1050px){
  .about-thongdiep .img{
    right: -13%;
    max-width: 350px;
  }
  .about-thongdiep .anchor-mobile-title{
    text-align: left;
    padding-left: 30px;
  }
}
@media(max-width: 1000px){
  .about-thongdiep .img{
    right: -15%;
    max-width: 350px;
  }
}

@media(max-width: 900px){
  .about-thongdiep .img{
    display: none;
  }
}

/*ed about-thongdiep*/

/*bg about-tamnhinsumenh*/
.about-tamnhinsumenh{
  z-index: 5
}

.about-tamnhinsumenh .img{
  display: block;
  position: absolute;
  right:-12%;
  bottom: 0;
  z-index: 4;
  max-width: 700px;
}

.about-tamnhinsumenh .img img{
  width: 100%;
  height: auto;
}
.about-tamnhinsumenh  .about-page-text .des{
  max-width: 655px;
}
@media(max-width: 1390px){
  .about-tamnhinsumenh .img{
    max-width: 600px;
  }
  .about-tamnhinsumenh  .about-page-text .des{
    max-width: 555px;
  }
}
@media(max-width: 1150px){
  .about-tamnhinsumenh .img{
    right: -15%
  }
  .about-tamnhinsumenh  .about-page-text .des{
    max-width: 555px;
  }
}
@media(max-width: 1050px){
  .about-tamnhinsumenh{
    background: #fafff0;
  }
  .about-tamnhinsumenh .anchor-mobile-title{
    text-align: left;
    padding-left: 30px;
  }
}
@media(max-width: 900px){
  .about-tamnhinsumenh .img{
    display: none;
  }

  .about-tamnhinsumenh  .about-page-text .des{
    max-width: 100%;
  }
}
/*ed about-tamnhinsumenh*/

/*bg about-banlanhdao*/
.about-banlanhdao .pl-contents{
  background: #ffffff
}
.about-banlanhdao .pl-contents::before{
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../pri_img/bg-building.png);
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.json-items-leadership{
  display: flex;
  height: 100vh;
  align-items: center;
}
.json-items-leadership .block{
  position: relative;
  max-width: 660px;
  margin: auto;
  text-align: center;
}
.json-items-leadership .items{
  display: inline-block;
  width: 90px;
  height: auto;
  margin: 5px;
  font-size: 10px;
}
.json-items-leadership .items:nth-child(1){
  width: 150px;
  display: block;
  position: relative;
  margin: auto;
  font-size: 14px;
}
.json-items-leadership .items .img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  border: 3px solid var(--color2);
  padding: 3px;
}
.json-items-leadership .items .img img{
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.json-items-leadership .items p{
  margin: 2px 0;
}
.json-items-leadership .items .name{
  font-weight: bold;
  font-size: calc(100% + 3px);
}

/*ed about-banlanhdao*/
/*bg about-albums-img*/
.about-albums-img.visible{
  z-index: 2
}
.about-albums-img .pl-wrabauto{
  height: 100vh;
  display: grid;
  align-items: center;
  max-width: 940px;
}
/*bg rk-grid-1*/
.rk-grid-1 .rk-items{
  position: relative;
  width: calc(25% - 10px); 
  margin: 5px;
  overflow: hidden;
  float: left;cursor: pointer;
}
.rk-grid-1 .rk-items.wide{
  width: calc(50% - 10px); 
}

.rk-grid-1 .rk-items:before {
  content: "";
  display: block;
  padding-top: calc(100% - 10px);
  /* initial ratio of 1_1 100%, 2_1 50%, 1_2 200% 4_3 75%. 16_9 56,25%*/
}
.rk-grid-1 .rk-items.wide:before{
  padding-top: calc(50% - 15px);
}
.rk-grid-1 .rk-items .r-wr{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #333;
  color: #fff; 
  line-height:100%;
  height:100%; 
}
.rk-grid-1 .rk-items .r-wr .img{
  height: 100%;
  width: 100%; 
  display: flex;
  align-items: center;
  justify-content: center;
}
.rk-grid-1 .rk-items .r-wr .img img{
  width: auto;
  min-height: 100%;
}
.rk-grid-1 .rk-items.wide .r-wr .img img{
  width: 100%;
  height: auto;
}
.rk-grid-1 .rk-items .r-wr .r-text{
  position: absolute;
  bottom: 0;
  padding: 20px;
  padding-top: 70px;
  padding-right: 35px;
  width: 100%;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.82) 100%);
  color: #fff;
} 
.rk-grid-1 .rk-items .r-wr .r-title a{
  color: #ffffff;
  font-size: calc(100% + 2px);
}
.rk-grid-1 .rk-items .r-wr .r-icon{
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: calc(100% + 10px);
  cursor: pointer;
}
/*for r-lbl*/
.rk-grid-1 .rk-items:nth-child(1) .r-wr{
  background: #f1f1f1;
}
.rk-grid-1 .rk-items .r-lbl{
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  align-items: center;
  
}
.rk-grid-1 .rk-items .r-btn{
    position: absolute;
    bottom: 35px;
    left: 15px;
    font-size: 22px;
}
.rk-grid-1 .rk-items .r-btn a{
  padding: 10px
}
.rk-grid-1 .rk-items .r-btn a.disable{
  opacity: .2
}
.rk-grid-1 .rk-items .r-lbl-title{
  display: block;
  text-align: left;
  width: 100%;
  padding: 28px;
  font-size: 40px;
  line-height: 40px;
  color: var(--color2);
  font-weight: bold;
}

@media(max-width: 600px){
  .rk-grid-1 .rk-items{
    width: calc(50% - 10px);
  }

  .rk-grid-1 .rk-items:nth-child(2){
    width: calc(75% - 10px);
  }
  .rk-grid-1 .rk-items:nth-child(1){
    width: calc(25% - 10px);
  }
  .rk-grid-1 .rk-items:nth-child(1):before{
    padding-top: calc(153% - 10px);
  }
  .rk-grid-1 .rk-items:nth-child(6){
    width: calc(50% - 10px);
  }
  .rk-grid-1 .rk-items:nth-child(6)::before{
    padding-top: calc(100% - 10px);
  }
  .rk-grid-1 .rk-items:nth-child(6) .r-wr .img img {
    width: auto;
    min-height: 100%;
  }
  .rk-grid-1 .rk-items .r-lbl { 
    transform: rotate(-90deg);
  }
  .rk-grid-1 .rk-items .r-lbl-title{
    padding: 0px;
    font-size: 20px; 
    text-transform: uppercase;
  }

}

/*ed rk-grid-1*/
/*ed about-albums-img*/
/*bg about-about-partner*/
.about-partner{
  z-index: 2
}
.about-partner .pl-wrabauto{
  max-width: 960px !important;
  padding: 40px;
  color: #fff;
  text-shadow: 0px 0px 3px #000;
  position: relative;
  /* padding-left: 220px; */
  border-radius: 57px;
  background: rgba(0, 0, 0, 0.33);
  background: linear-gradient(110deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.84) 100%);
}
@media(max-width: 900px){
  .about-partner .pl-wrabauto{
    padding-left: 40px
  }
}
.about-partner .pl-wrabauto::before{
  content: ' ';
  background: var(--color2);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  z-index: 0;
  mix-blend-mode: difference;
}
.about-partner .pri-contents{
  background-size: cover;
  background-position: bottom;
  height: 100vh;
  width: 100vw;
  display: flex;
}
.about-partner .p-left{
  width: 140px;
  height: auto;
  float: left;
  position: relative;
  z-index: 1;
}
.about-partner .p-left img{
  width: 100%;
  height: auto;
}
.about-partner .p-right{
  width: calc(100% - 165px);
  float: right;
  position: relative;
  z-index: 1;
  text-align: justify;
}

.about-partner .p-right p{
  margin-bottom: 10px;
  font-size: calc(100% - 1px);
}
.about-partner .p-right .p-lagre{
  font-weight: bold;
  font-size: calc(100% + 1px);
}
@media(max-width: 800px){
  .about-partner .p-left{
    float: none;
  }
  .about-partner .p-right{
    width: 100%;
    float: none;
    margin-top: 20px
  }
}

/*ed about-about-partner*/
/*bg list-simple-1*/
.r-list-simple-1{
  text-align: center;
  max-width: 530px;
  margin: 20px auto;
  padding: 5px 20px;
  border-radius: 15px;
  background: var(--color2);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  width: max-content !important;
}
.r-list-simple-1 li{
  display: inline-block;
}
.r-list-simple-1 li a{
  display: block;
  padding: 5px 10px;
  border-right: 1px solid var(--color2)38;
  color: #fff;
}
.r-list-simple-1 li.current a{
  color: #fff;
  text-decoration: underline;
}
@media(min-width: 700px){
  .r-list-simple-1 li a {  
    font-size: calc(100% + 5px);
  }
}
.r-list-simple-1 li:last-child a{
  border-right: none;
}
/*ed list-simple-1*/
/*bg news-pages*/

.wrmain-news{ 
  z-index: 1;
  position: relative;
  margin-top: 20px
}
@media(min-width: 1050px){
  .nav-wrmain-news .nav-bread{
    padding-bottom: 200px;
  }
  .wrmain-news{
    margin-top: -180px; 
  }
}

.wrmain-news.rki-articles-text-absolute .items{
  width: 42%;
  float: left;
}
.wrmain-news.rki-articles-text-absolute .items:nth-child(1){
  width: 58%;
  float: left;
}

.wrmain-news.rki-articles-text-absolute .items::before {
  content: "";
  display: block;
  padding-top: 45%;
}
.wrmain-news.rki-articles-text-absolute .items:nth-child(1)::before {
  content: "";
  display: block;
  padding-top: calc(67% - 10px);
}
.wrmain-news.rki-articles-text-absolute .items .img img { 
  height: 100%;
  /* min-height: 100%; */
  width: auto;
/*  min-width: 100%;*/
}
.wrmain-news.rki-articles-text-absolute .items .text .date {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 7px;
  background: var(--color2);
  color: #ffffff;
}
.wrmain-news.rki-articles-text-absolute .items:nth-child(1) .text .titles a{
  font-size: calc(100% + 10px);
  text-transform: uppercase;
}
.wrmain-news.rki-articles-text-absolute .items:nth-child(2) .text .day,
.wrmain-news.rki-articles-text-absolute .items:nth-child(3) .text .day { 
  font-size: calc(100% + 15px); 
}
.wrmain-news.rki-articles-text-absolute .items:nth-child(2) .text .my,
.wrmain-news.rki-articles-text-absolute .items:nth-child(3) .text .my { 
  font-size: calc(100% - 5px); 
  padding-top: 5px;
  display: block;
}
@media(max-width: 900px){
  .wrmain-news.rki-articles-text-absolute .items:nth-child(1) .text .titles a{
    font-size: calc(100% + 5px); 
  }
  .rki-articles-text-absolute .items .text .titles{
    font-size: 100%;
  }
  .wrmain-news.rki-articles-text-absolute .items:nth-child(1) .text .titles a{

  }
  .wrmain-news.rki-articles-text-absolute .items:nth-child(1){
    width: calc(100% - 6px);
  }
  .wrmain-news.rki-articles-text-absolute .items {
    width: calc(50% - 6px);
    margin: 3px
  }
  .wrmain-news.rki-articles-text-absolute .items::before {
    content: "";
    display: block;
    padding-top: 80%;
  }
  .wrmain-news.rki-articles-text-absolute .items:nth-child(2) .text .date,
  .wrmain-news.rki-articles-text-absolute .items:nth-child(3) .text .date { 
    display: none;
  }
}

.news-pages.rki-articles-date-absolute .items{
  width: calc(33.3% - 10px);
  margin: 5px;
  float: left;
}
@media(min-width: 900px){
  .news-pages.rki-articles-date-absolute .items:nth-child(3n+1){
    clear: left;
  }
}
@media(max-width: 900px){
  .news-pages.rki-articles-date-absolute .items{
    width: calc(50% - 10px);
  }
  .news-pages.rki-articles-date-absolute .items:nth-child(3n+1){
    width: calc(100% - 10px);
  }
}
@media(max-width: 500px){
  .news-pages.rki-articles-date-absolute .items{
    width: calc(100% - 10px);
  }

}
/*ed news-pages*/
.article-box-attact{
  margin-top: 50px;
  padding-bottom: 50px
}
.article-box-attact .rki-articles-date-releft .items .text .titles{
  font-size: 12px
}
.article-box-attact .pl-title{ 
  text-align: center; 
}
/*bg view-pages-articles*/
.view-pages-articles{

}
.view-pages-articles .wrimg-article{
  margin-top: -180px;
  position: relative;
  z-index: 1
}
.view-pages-articles .wrimg-article .r-banner{

}
.view-pages-articles .wrimg-article .r-banner img{
  width: 100%;
  height: auto;
}
.view-pages-articles .detailbox-articles{
  background: #ffffff;
  padding: 40px;
}
.view-pages-articles .detailbox-articles .title{
  font-weight: bold;
  font-size: calc(100% + 8px); 
  margin-bottom: 20px;
}
.view-pages-articles .detailbox-articles .des-contents{
  font-size: calc(100% + 2px);
  padding: 10px;
  background: var(--color1)17;
  margin-bottom: 20px;
  border-radius: 5px;
}
.view-pages-articles .detailbox-articles .r-contents{
  font-size: calc(100% + 2px);
  line-height: calc(100% + 2px);
  text-align: justify;
}
.view-pages-articles .detailbox-articles .r-contents li{
  margin-left: 20px;
  margin-bottom: 5px;
}
.view-pages-articles .detailbox-articles .r-contents img{
  max-width: 100%;
  height: auto;
}

.rki-articles-date-releft .items{
  width: 100%
} 
/*ed view-pages-articles*/
/*bg recruitment_pages*/
.recruitment_pages{

}
.recruitment_pages .wrtext{
  padding: 50px 0px;
}
.recruitment_pages .wrtext .pl-title{
  padding-left: 30px;
  font-size: calc(100% + 14px);
  margin-bottom: 10px
}
.recruitment_pages .wrtext .line{
  width: 100%;
  max-width: 320px;
  margin: 15px 0;
  height: 1px;
  background: var(--color1);
}
.recruitment_pages .wrtext .des{
  padding-left: 30px;
  padding-bottom: 15px;
}
.recruitment_pages .wbanner{
  min-height: 100vh;
  background-size: cover;
  position: relative;
}
@media(max-width: 900px){
  .recruitment_pages .wbanner{
    min-height: 60vh;
  }
}
.recruitment_pages .wbanner .wrtext{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, var(--color1) 0%, rgba(118,165,28,0) 100%);
}

.recruitment_pages .wbanner .wrtext .pl-title{
  color: #ffffff
}
.recruitment_pages .wbanner .wrtext .des{
  color: #ffffff
}

.recruitment_pages .r-content{
  background: var(--color2);
}
.recruitment_pages .r-left{
  width: 45%;
  float: left;
  padding: 80px;
}
.recruitment_pages  .r-right{
  width: 55%;
  float: right;
}


.recruitment_pages  .r-right img{
  width: 100%;
  height: auto;
}
.recruitment_pages .wvrtext{
  color: #fff;
  padding: 20px 0;
}
@media(max-width: 1400px){
  .recruitment_pages .r-left{
    padding: 40px
  }
}
@media(max-width: 1240px){
  .recruitment_pages .r-left{
    padding: 20px
  }
}
@media(max-width: 1180px){
  .recruitment_pages .r-left{
    width: 50%;
  }
  .recruitment_pages  .r-right{
    width: 50%; 
  }
  .recruitment_pages .wvrtext{
    padding: 0px;
    margin-bottom: 10px
  }
}
@media(max-width: 1080px){
  .recruitment_pages .r-left{
    width: 100%;
  }
  .recruitment_pages  .r-right{
    width: 100%; 
  }
  .recruitment_pages .wvrtext{
    padding:30px; 
  }
}
.recruitment_pages .wvrtext .r-title{
  font-size: calc(100% + 10px);
  margin-bottom: 10px;
  font-weight: bold;
}

.recruitment_pages .wvrtext p{
  margin-bottom: 5px;
}
.recruitment_board{
  margin: 50px auto;
}
.recruitment_board .pl-title{
  text-align: center;
}
.recruitment_board table{
  margin: auto;
  border-collapse: collapse;
  background: #fafcff;
}
.recruitment_board table tr{

}
.recruitment_board table td{
  border-bottom: 1px solid #124d9d;
  padding: 15px;
  border-collapse: unset;
  border-right: 1px solid #124d9d21;
}
.recruitment_board table tr td:last-child{
  border-right: none
}
.recruitment_board .stt{
  font-size: calc(100% + 16px);
  font-weight: bold;
  text-align: center;
  color: #bfbfbf;
}
.recruitment_board .btnut{
  color: #ffffff;
  background: var(--color2);
  display: block;
  text-align: center;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: calc(100% - 3px);
}
 
.recruitment_board-grid{

}
.recruitment_board-grid .pri-rows{
  padding: 10px;
  margin: 10px 0px;
}
.recruitment_board-grid .pri-rows:nth-child(2n+1){
  background-color: #eceef1
}
.recruitment_board-grid .pri-rows h3{
  font-weight: bold;
  margin-bottom: 10px;
  font-size: calc(100% + 2px)
}
.recruitment_board-grid .pri-rows p{
  margin-bottom: 5px
}
.recruitment_board-grid .btnut{
  max-width: 220px;
  margin: 10px auto
}

/*ed recruitment_pages*/
/*bg projects*/
.details-projects{
  display: block;
  position: relative;
  z-index: 0
}
.tablist{
  position: relative;
  z-index: 2;
  display: block;
  background: #fff;
}
.tablist.fixtop{
  position: fixed;
  left: 0;
  right: 0;
  top:70px;
  background: var(--color2);
  -webkit-animation-name: fixtablist;
  -webkit-animation-duration: .4s;
  animation-name: fixtablist;
  animation-duration: .4s;
}
@-webkit-keyframes fixtablist {
  from {
    top: -100%;
    opacity: 0;
  }

  to {
    top: 70px;
    opacity: 1;
  }
}
.tablist ul li{
  display: inline-block;
  list-style: none;
} 
.tablist ul li >a{
  display: block;
  padding: 16px 15px;
  text-transform: uppercase;
}
.tablist.fixtop li a{
  color: #ffffff
}
.tablist li a.active{
  background: #1b3864;
  color: #ffffff
}
.tablist.fixtop li.pri-hotline{
  background: var(--color1);
}
.tablist li.pri-hotline{
  color: #ffffff;
  text-align: center;
  padding: 5px;
  float: right;
  font-size: 10px;
}
.tablist li.pri-hotline a{
  display: block;
  font-weight: bold;
  padding: 5px 10px;
  padding-top: 0px;
  padding-bottom: 5px;
  color: #fff;
  font-size: 20px;
}
@media(max-width: 1120px){
  .tablist ul li:not(.pri-hotline){
    display: none;
  }
  .pri-hotline{
    position: fixed;
    right: 0;
    top: 60px;
    background: #FF9800 !important;
  }
}
/*ed projects*/