body {
}
.nav-link-txt-tc {
  margin-left: 22px;
}
body, .nav-link-txt-tc{
  font-family: 'Arial', 'PingFang TC', 'Microsoft YaHei', 'Microsoft JhengHei', 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.5555;
}
* {
  -webkit-print-color-adjust: exact;
}
:focus{
  outline: none;
}
:root{
  --header-height: 120px;
  --top-bar-height: 120px;
  --issue-height: 88px;
  --issue-dropdown-height: 76px;
}
.company-preview{
  --header-height: 73px;
  --top-bar-height: 0;
}
.footer-social-b{
  flex-wrap: wrap;
  row-gap: 5px;
}
@media print {
  .nav-menu {
    display: none;
  }
  .header {
    position: absolute;
  }
}
.home-job-cat-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.home-job-cat-col{
  float: none;
}
.job-details-benefit-col:nth-child(4n+1) {
  clear: both;
}

.home-job-cat-col:nth-child(3n+1) {
  clear: both;
}
.all{
  overflow: visible;
  margin-top: 0;
  padding-top: calc(var(--header-height) + var(--top-bar-height));
}
.all.home{
  padding-top: var(--header-height);
}
.job-details-row{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.job-details-row.no-result{
  flex-direction: row;
}
.job-listing-col{
    position: sticky!important;
    top: calc(var(--header-height) + var(--top-bar-height));
    height: calc(100vh - var(--header-height) - var(--top-bar-height));
    display: flex;
    flex-direction: column;
    left: 0;
    margin-top: -15px;
    padding-top: 15px;
    z-index: 2;
    background-color: #f0f0eb;
}

.job-details-content-b{
  padding-right: 0;
}

/*.part-time-job .job-listing-col{
    top: 135px;
    height: calc(100vh - 135px);
}*/
.company-preview .job-listing-col{
    top: auto;
}
.job-details-content-col{
  height: auto;
  overflow: visible;
  display: flex;
  flex-direction: column;
}
.job-details-content-b a, .information-details-content-col a{
  word-break: break-all;
}
#job_post{
  min-height: 5vh;
}
.job-main-container{
  min-height: 100vh;
}
.img-container{
  /*display: none;*/
}
.job-details-content-col, .job-listing-col{
}
.job-details-sort{
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--header-height) + var(--top-bar-height));
    padding-top: 13px;
    margin-top: -13px;
    margin-bottom: 0;
    padding-bottom: 13px;
    z-index: 3;
    background-color: rgba(240, 240, 235, 0.95);
}
.job-details-sort + .job-details-row .job-listing-col{
  top: calc(var(--header-height) + var(--top-bar-height) + var(--issue-height));
  height: calc(100vh - var(--header-height) - var(--top-bar-height) - var(--issue-height));
  margin-top: 0;
  padding-top: 0;
}
.job-details-sort[data-opened] + .job-details-row .job-listing-col{
  top: calc(var(--header-height) + var(--top-bar-height) + var(--issue-height) + var(--issue-dropdown-height));
  height: calc(100vh - var(--header-height) - var(--top-bar-height) - var(--issue-height) - var(--issue-dropdown-height));
}
.job-listing-title{
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
    width: auto;
    margin-right: 8px;
    word-break: break-all;
}
.job-listing-top-row{
  display: flex;
}
.job-listing-more{
  display: block;
  line-height: 1.8;
  white-space: nowrap;
  margin-right: 5px;
}
.job-sort-details-dropdown-list.w--open{
/*    background-color: #f0f0eb;
    position: absolute;
    top: 100%;*/
}
html.w-mod-js *[data-ix="job-sort-dropdown-list"]{
  transition: none!important;
}
.job-sort-txt > a:first-child{
  margin-right: 16px;
}
.job-sort-dropdown.active .job-sort-btn-expand{
  display: none;
}
.job-sort-dropdown.active .job-sort-btn-hide{
  display: flex;
}
.job-sort-dropdown.active .job-sort-dropdown-list{
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  overflow: hidden;
  margin-top: 26px;
  background-color: transparent;
  display: block;
}
.company-preview .all{
  padding-top: 0;
}

.company-preview .section-content.job-details{
  padding-top: 0;
}
.job-preview-row{
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: rgba(240, 240, 235, 0.95);
    min-height: 73px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.job-preview-col-left{
  width: 100%;
}
.job-preview-col-left table{
  width: 100%;
  font-size: 14px;
}
.job-preview-col-left th{
  width: 83px;
  text-align: left;
  vertical-align: top;
}
.job-preview-col-left ul{
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.job-preview-col-left ul li{
  display: inline-block;
  margin-right: 10px;
}
.job-preview-col-left ul li a{
  color: black;
}
.job-preview-col-left ul li a:hover, .job-preview-col-left ul li.active a{
  color: #d22437;
}
.job-preview-col-right{
  white-space: nowrap;
}
.job-preview-col-right a{
  white-space: nowrap;
}
.header{
  z-index: 100000;
}
.search-filter{
  z-index: 99999;
}

@-webkit-keyframes loading-placeholder {
  0% {
    background-position: -468px 0;
  }
  to {
      background-position: 468px 0;
  }
}
@keyframes loading-placeholder {
  0% {
    background-position: -468px 0;
  }
  to {
      background-position: 468px 0;
  }
}
/*._212G-qwSJqMq6DTu4OUIus {
    border-bottom: .5px solid rgba(128, 128, 128, .25);
    margin-left: 2rem;
    padding: 15px 25px 14px 0;
}*/
.loading-placeholder {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading-placeholder;
    animation-name: loading-placeholder;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-gradient(linear, left top, right top, from(#fafafa), color-stop(50%, #eee), to(#fafafa));
    background: -webkit-linear-gradient(left, #fafafa, #eee 50%, #fafafa);
    background: -o-linear-gradient(left, #fafafa 0, #eee 50%, #fafafa 100%);
    background: linear-gradient(90deg, #fafafa 0, #eee 50%, #fafafa);
    background-size: 945px 104px;
    border-radius: 3px;
    height: 21px;
    position: relative;
    /*display: none;*/
}
.loading-placeholder+.loading-placeholder {
    margin-top: 15px;
}
.loading-placeholder.small {
    height: 15px;
    max-width: 150px;
}
[v-cloak]{
  display: none!important;
}
.job-details-content-col{
  position: relative;
}
.loading-mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    /*background-color: #f0f0eb;*/
    padding: 20px 20px;
    z-index: 2;
    overflow: hidden;
}

.ph-item{
  padding: 0;
  border: none;
  margin-bottom: 0;
}
.ph-row div{
  margin-bottom: 12px;
}
.job-details-content-col{

}
.job-sort-btn-expand{
  cursor: pointer;
}
.job-sort-details-dropdown-list{
  /*display: none;*/
}
.job-details-sort-dropdown{
  display: inline-block;
}
.job-sort-dropdown{
  display: inline-block;
  position: relative;
}
.job-sort-dropdown-toggle{
  display: inline-block;
}
.job-sort-dropdown-link{
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
.job-sort-dropdown-link:after{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: #d8d8d8;
}
.job-sort-dropdown-link:last-child{
  padding-right: 0;
}
.job-sort-dropdown-link:last-child:after{
  content: none;
}
.paging{
  display: block;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
  background-color: rgba(240, 240, 235, 0.95);
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 0;
  text-align: center;
}
.paging.part-time{
  display: flex;
  align-items: center;
  justify-content: center;
}
.paging.static{
  position: static;
  width: 100%;
  margin-top: 30px;
}
.job-btn.prev{
  float: left;
}
.job-btn.next{
  float: right;
}
img{
  font-size: 0;
}
.job-details-title{
  margin-bottom: 5px;
}
.job-details-list{
  margin-bottom: 25px;
}
.job-btn-txt-previous, .job-btn-txt-next{
  float: left;
}
.vc-bg-black-600{
  background-color: black;
}
.calender  .vc-rounded-lg{
  border-radius: 0;
  border: none;
/*  padding-top: 10px;
  padding-bottom: 10px;*/
}

.job-location{
  opacity: 0;
  display: block;
  transition: .5s all;
  z-index: 3;
  pointer-events: none;
}
.job-details-info{
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: auto;
}
.job-details-info .job-location{
  right: 0;
}
.job-listing-info-txt .job-location{
  left: 0;
}
.job-details-info  .job-txt-location-b{
  display: inline-block;
  position: static;
  line-height: 1;
}
.job-txt-location:hover + .job-location{
  opacity: 1;
  pointer-events: auto;
}
.job-location{
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  background-color: rgba(0,0,0,0.7);
}
.search-filter{
  transition: opacity 500ms ease 0s;
  display: block;
}
.search-filter-link.selected{
  border-color: #d22437!important;
  background-color: #d22437!important;
  color: #f0f0eb!important;
}
.search-filter-parttime{
  display: block;
}
/*.search-filter.opened{
  opacity: 1;
}*/
.search-filter-btn-txt.selected{
  display: block;
  background-image: url(../images/btn-hide-red.svg);
  color: #d22437;
}
.search-result-type-title{
  margin-bottom: 3px;
  font-weight: bold;
}
.search-result-type-title:only-child{
  display: none;
}
.page-title-icon{
  height: 70px;
  width: auto;
  flex-shrink: 0;
}
.page-title-icon.company{
  height: 50px;
}
.file-upload-link-b{
  background-image: none;
  padding-left: 10px;
  cursor: text;
}
.file-upload-link-b.with-link{
  cursor: pointer;
}
.file-upload-link-b.with-link:hover{
  color: red;
}
.job-default-cv .file-upload-link-b{
  margin-right: 0;
  margin-left: 10px;
}
.job-details-link{
  display: block;
  line-height: 1.2;
}
.calender-b{
  position: relative;
}
.calender-b.loading{
  cursor: wait;
}
.calender-b.loading:after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.recruitment-info{
  margin-top: 0;
  margin-bottom: 50px;
}
.job-listing-link{
  /*padding-top: 30px;*/
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
}
.job-listing-content-b{
  margin-top: 0;
  align-items: flex-start;
  flex-shrink: 0;
}
.search-filter-top .search-filter-btn-close{
  display: none;
}
#headerSearch{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-form-success, .job-form-success{
  display: block;
}
.information-col:nth-child(3n+1) {
  clear: both;
}
.pagination{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-item{
  display: inline-block;
  list-style: none;
  margin-left: 7px;
  margin-right: 7px;
}
.page-item a{
  color: #747b80;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  text-decoration: none;
}
.page-item:hover a, .page-item.active a{
  color: #000;
}
h2{
  line-height: inherit;
  margin-top: 0;
}
.information-listing-col{
  display: block;
}
.information-details-content-col{
  transition: width 500ms ease 0s;
}
.information-listing-col{
  transition: transform 500ms ease 0s;
  transform: translate3d(100%, 0, 0);
}
.information-details-content-col{
  width: 100%;
  position: relative;
}
.information-listing-col{
  width: 40%;
  position: absolute;
  right: 0;
/*  height: 100%;
  overflow: auto;*/
}
.information-listing-col .information-listing-col{
  transform: translate3d(100%, 0, 0);
}
.information-details-row.list-opened{
  /*flex-wrap: nowrap;*/
}
.information-details-row.list-opened .information-details-content-col{
  width: 60%;
  
}
.information-details-row.list-opened .information-listing-col{
  /*width: 40%;*/
  transform: translate3d(0, 0, 0);
}
.btn-information-listing{
  /*position: fix;*/
  top: calc(var(--header-height) + var(--top-bar-height) + 50px);
}
.btn-information-listing-hide{
  display: block;
}
.information-details-row{
  overflow: hidden;
  display: flex;
  padding-bottom: 40px;
  margin-bottom: -40px;
  /*flex-wrap: wrap;*/
}


.sns-b .btn-share-dropdown-list{
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-top: 40px;
  background-color: transparent;
  opacity: 0;
  transition: all .5s;
}
.btn-copylink{
  display: block;
  opacity: 1;
}
.btn-share-b{
  display: block;
}
.btn-img-b, .btn-img-b.job-details{
  margin-left: 0;
  margin-right: 5px;
}
.btn-img-b:last-child{
  margin-right: 0;
}
.btn-img-b{
  vertical-align: middle;
}
.job-details-enquiry-b{
    width: auto;
    max-width: none;
}
.btn-img-b{
  float: none;
}
.job-slider-arrow.left{
  margin-left: 0;
}
.job-slider-arrow.right{
  margin-right: 0;
}
.home-job-cat-col:nth-child(3n+1) {
  clear: both;
}
.ad-inner-container{
  position: relative;
  /*display: inline-block;*/
  display: block;
  /*background-color: black;*/
}
.ad-inner-container video{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.home-stat-link-b video{
  width: 100%;
}
.ad-link{
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.home-information-fb-inner{
  position: relative;
  padding-bottom: 152.35%;
}



.home-recruitment-logo-slider{
  height: 100%;
  position: absolute;
  right: 0;

}
.home-recruitment-logo-slider .swiper-container{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60%;
  top: 50%;
  transform: translateY(-50%);
}
.home-recruitment-slider-b{
  position: relative;
}
.home-recruitment-logo-slide-arrow-top{
  top: 10%;
}
.home-recruitment-logo-slide-arrow-bottom{
  bottom: 10%;
}
.home-recruitment-logo-slide{
  align-self: center;
}
.home-recruitment-slide-nav-link img{
  width: 100%;
  height: auto;
  max-width: 150px;
}
.home-recruitment-slide-nav-link{
  height: 100%;
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-recruitment-logo-slide{
  padding-top: 0;
  padding-bottom: 0;
}
.hidden{
  display: none;
}
.job-txt-date{
  position: relative;
  white-space: nowrap;
}
.job-txt-date.rd:before{
  content: '~';
  left: 5px;
  bottom: 0;
  position: absolute;
  display: block;
}
.video-container{
  height: 0;
  position: relative;
  overflow: hidden;
  background-color: black;
}
.video-container video, .video-container iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.recruitment-link{
  display: block;
}
.iframe-container{
  height: 0;
  position: relative;
  overflow: hidden;
}
.iframe-container iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#home-banner-slider{
    position: relative;
    height: 100%;
    width: 100%;
}
.home-banner-slider iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.job-b{
  height: 0;
  padding-top: 67.5%;
  padding-bottom: 50px;
  position: relative;
  background-color: black;
}
.job-b .iframe-container{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.job-b img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  /*height: 100%;*/
}
.job-title{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
a.active{
  color: #d22437;
}
[data-active]{
  color: #d22437;
}

.calender .vc-container{
  border: none!important;
  border-radius: 0!important;
}
.calender .vc-container .vc-grid-container{
    width: 100%;
    display: -ms-grid;
}
.calender .vc-container .vc-grid-container.grid{
    display: block;
}
.calender .vc-container .vc-grid-container .vc-weeks{
    padding: 5px 6px 7px 6px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.calender .vc-container .vc-grid-container .vc-day-content {
      min-height: 1.8rem;
      width: 1.8rem;
      height: 1.8rem;
      margin: 0.1rem auto;
}

.calender .vc-container .vc-grid-container .vc-bars{
    width: 75%;
}
.calender .vc-container .vc-grid-container .vc-bar{
    height: 3px;
}
.calender .vc-container .vc-grid-container .vc-highlight{
    width: 28px;
    height: 28px;
}
.calender .vc-container .vc-header{
  padding: 10px 10px 0 10px;
}
.vb > .vb-dragger {
    z-index: 5;
    width: 12px;
    right: 0;
}
f
.vb > .vb-dragger > .vb-dragger-styler {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate3d(0,0,0,0);
    transform: rotate3d(0,0,0,0);
    -webkit-transition:
        background-color 100ms ease-out,
        margin 100ms ease-out,
        height 100ms ease-out;
    transition:
        background-color 100ms ease-out,
        margin 100ms ease-out,
        height 100ms ease-out;
    background-color: rgba(48, 121, 244,.1);
    margin: 5px 5px 5px 0;
    border-radius: 20px;
    height: calc(100% - 10px);
    display: block;
}

.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.3);
}

.vb > .vb-dragger:hover > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.5);
    margin: 0px;
    height: 100%;
}

.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.5);
    margin: 0px;
    height: 100%;
}

.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244,.5);
}

.popup-content{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.home-sticky-bar{
  opacity: 0;
  transition: opacity 500ms ease 0s;
}
.w-mod-touch .search-filter-link:hover{
  border: 1px solid black;
  color: black;
  background-color: transparent;
}
#recruitment-day{
  position: relative;
  z-index: 2;
}
.information-listing-b{
  position: relative;
}
.information-listing-content-b{
  position: absolute;
  right: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.nav-dropdown-toggle.w--open{
  color: #d22437;
}
.remove-files-row{
  margin-top: 5px;
}
.btn-remove-files{
  color: red;
  font-size: 14px;
}
.job-listing-mobile-btn-b .job-listing-mobile-btn{
 background-color: rgb(210,34,54);
}
.job-listing-link:hover .job-listing-title{
      /*color: #d22437;*/
}


html:not(.w-mod-touch) .btn-img, .btn-img-hover{
  -ms-transition: all .5s;
  transition: all .5s;
}
html:not(.w-mod-touch) .btn-img-link:hover .btn-img{
  opacity: 0;
}
html:not(.w-mod-touch) .btn-img-link:hover .btn-img-hover{
  opacity: 1;
}
.home-banner-slide video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.home-recruitment-slider .swiper-slide{
  height: auto;
}
.home-recruitment-slider .swiper-slide .w-slide{
  display: block;
/*  align-items: center;
  justify-content: center;*/
}
a.ad-link:not([href]) {
  pointer-events: none;
}
video::-webkit-media-controls-fullscreen-button{
  display: none !important;
}
.contact-page .video-container{
  padding-bottom: 0!important;
  overflow: visible;
  height: auto;
}
.contact-page .video-container video{
  position: static;
  height: auto;
  display: block;
}
.job-b .video-container{
  padding-bottom: 0!important;
  overflow: visible;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 50px);
}
video{
  max-width: 100%;
}
.job-details-content-col video, .information-details-content-col video, .information-listing-img-b video{
  width: 100%;
}
.job-details-top-b{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.job-details-txt-company{
  width: auto;
  float: none;
  padding-right: 10px;
  margin-top: -2px;
}
/*.job-details-relate-b{
  display: flex;
  align-items: flex-end;
  justify-content: center;
}*/
/*.job-details-relate-align{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  align-items: center;
  text-align: center; 
}
.job-details-relate-content-b{
  display: flex;
  flex-direction: column;
  height: 100%;
}*/
.job-details-bottom{

}
.job-details-relate-align > img{
  margin-bottom: 5px;
}
#files-upload{
  display: none;
}
.job-listing-link[data-selected]{
  border-left-color: #d22437;
}
.job-listing-mobile-btn-close-b{
  pointer-events: none;
  bottom: 45px;
}
.job-listing-mobile-btn-close-b a{
  pointer-events: auto;
}
/*.w-mod-touch .job-btn, .w-mod-touch .job-sort-dropdown-link, .w-mod-touch .job-sort-dropdown-toggle{
  -webkit-transition: none!important;
  transition: none!important;
}*/
.img-container{
  flex-shrink: 0;
}
.sticky[data-sticky-mode="start"]{
  top: 0!important;
}
.paging-txt a{
  display: inline-block;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #747b80;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px;
}
.paging-txt a[data-current]{
  color: black;
}
.paging{
  /*padding-right: 20px;*/
}
.section-content.top{
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: white;
}
.footer{
  position: relative;
  z-index: 3;
}
.job-txt-location{
  white-space: nowrap;
}
.job-details-description{
  font-size: inherit;
}
.container-inner{
  position: relative;
}
.search-filter-btn-clear{
  position: static;
  margin-right: 0;
  margin-top: 0;
}
.search-filter-action-row{
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.search-filter-btn-search{
  background-color: #d22437;
  color: white;
  text-decoration: none;
  padding: 5px 15px;
  border-radius: 3px;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
}
.search-filter-btn-search:hover{
  opacity: 0.5;
}
.search-filter-btn-search[data-disabled]{
  pointer-events: none;
  opacity: 0.5;
}
.img-container[data-has-image-size]{
  position: relative;
  height: 0;
}

.img-container[data-has-image-size] img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fb-like{
  width: 174px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
}
select {
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
.all.no-topbar{
  --top-bar-height: 0px;
}
.btn-hidden-img-off{
  display: block;
}
.txt-btn-grey[data-selected]{
  background-color: #000;
  color: #fff;
}
.account-tb-list[data-expired]{
  background-color: #d7d7d7;
}
.account-tb-list[data-expired] .account-tb-link{
  color: #a5a5a5;
}
.sorting-link[data-active]{
  background-image: url(../images/home-slide-nav-next-red.svg);
  color: #d22437;
}
.sorting-link.no-sort{
  background-image: none;
  padding-right: 0;
}
.sorting-link.no-sort:hover{
  color: #000;
}
.account-sorting-dropdown-link[data-active]{
   color: #d22437;
}
.account-sorting-dropdown-list{
    background-color: #f0f0eb;
    display: block;
}
.account-sorting{
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
.job-default-cv{
  margin-top: 6px;
}
.job-default-cv label{
  display: inline-block;
}
.job-listing-link[data-has-border]{
  height: 100%;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #aaa;
}
/*#login-app input:-webkit-autofill,
#login-app input:-webkit-autofill:hover,
#login-app input:-webkit-autofill:focus,
#login-app input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}*/
.account-tb-col a{
  text-decoration: none;
  color: inherit;
}
.account-tb-col a:hover{
  color: #d22437;
}
.account-tb-link:hover{
  color: inherit;
}
.account-tb-col.cv-btn a:hover{
  color: white;
}
.cv-list{
  padding-left: 0;
  list-style: none;
}
.file-upload-dropzone{
  margin-bottom: 25px;
}
.file-upload-dropzone .dropzone{
    min-height: 0;
    background-color: #FDF7EA;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 5px solid #E6CC2E;
    border-radius: 25px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.file-upload-dropzone .dropzone.dz-drag-hover{
  border-style: none;
  border-top-style: solid;
  border-top-color: #d22437;
  background-color: #f0f0eb;
}
.file-upload-dropzone .dropzone .dz-message{
  margin: 0;
}
.file-upload-b{
  margin-left: 0;
  margin-right: 0;
}
.form-row{
  margin-bottom: 25px;
}
.file-upload-dropzone .vue-dropzone:hover{
  background-color: #f0f0eb;
}
.uploaded-file-container{

}
.uploaded-file{
  margin-bottom: 5px;
  font-size: 14px;
}
.job-details-info-b{
  margin-bottom: 25px;
}
.form-checkbox{
  position: static;
}
.txt-btn[loading] {
    opacity: 0.5;
    cursor: wait;
}

.btn-close {
  position: absolute;
  right: 20px;
  top: 25px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
}
.btn-close:hover {
  opacity: 1;
}
.btn-close:before, .btn-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.btn-close:before {
  transform: rotate(45deg);
}
.btn-close:after {
  transform: rotate(-45deg);
}
.search-filter-title, .search-filter-subtitle{
  line-height: 1;
  margin-bottom: 10px;
}
.search-filter-link{
  margin-top: 10px;
}
.search-filter-subrow{
  margin-bottom: 10px;
}
.search-filter-title, .search-filter-link-b, .search-filter-subtitle, .search-filter-subcol{
  float:none;
  width:100%;
}
.search-filter-subtitle.has-arrow, .search-filter-title.has-arrow {
  position: relative;
  padding-right: 25px;
  width: auto;
  cursor: pointer;
  display: inline-block;
}
.search-filter-subtitle.has-arrow:hover, .search-filter-title.has-arrow:hover {
  opacity: 0.7;
}
.search-filter-subtitle.has-arrow:after, .search-filter-title.has-arrow:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background: url(../images/job-sort-arrow-expand.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.search-filter-subtitle.has-arrow.expanded:after, .search-filter-title.has-arrow.expanded:after {
  transform: rotate(180deg);
}

@media all and (-ms-high-contrast:none) {
  .btn-information-listing {
    position: absolute;
    top: 50px;
  }
}

@media(min-width: 1025px) {

}

@media(min-width: 992px) {
  .job-listing-mobile-btn-close-b{
    display: none;
  }
  .calender .vc-container .vc-grid-container .vc-day-content,
  .calender .vc-container .vc-weekday{
    width: 2.7em;
    height: 2.7em;
  }
  .calender .vc-container .vc-grid-container .vc-highlight{
    width: 38px;
    height: 38px;
    border-radius: 50%;
  }
  .calender .vc-container .vc-header{
    margin-bottom: 10px;
  }
  .calender .vc-container .vc-text-sm{
    font-size: 16px;
  }
  .fb-b{
    margin-top: 5px;
  }
}
@media(max-width: 991px) {
  :root{
    --listing-col-top-margin: 10px;
  }
  .job-details-benefit-col:nth-child(4n+1) {
    clear: none;
  }
  .job-details-benefit-col:nth-child(3n+1) {
    clear: both;
  }
  .job-listing-col{
    top: 0;
    left: 0;
    z-index: 11;
    position: fixed!important;
    height: 100%;
    margin-top: 0;
  }
  .job-details-sort.mobile{
    top: 0;
    padding-top: 18px;
    margin-bottom: 0;
    padding-bottom: 8px;
    margin-top: 0;
  }
  .job-details-sort-dropdown{
    margin-top: 2px;
  }
  .job-details-sort.mobile{
    overflow: visible;
  }
  .job-listing-col{
    transition: transform 500ms ease 0s;
    transform: translate3d(100%, 0, 0);
  }
  .job-listing-col[data-opened]{
    transform: translate3d(0, 0, 0);
  }
  .job-details-content-col[data-hide]{
    display: none;
  }
  .job-details-sort + .job-details-row .job-listing-col, .job-details-sort[data-opened] + .job-details-row .job-listing-col{
    /*top: calc(var(--header-height) + var(--top-bar-height))!important;*/
    /*top: var(--listing-col-top-margin);*/
    top: 0;
    padding-top: calc(var(--header-height) + var(--top-bar-height));
    height: 100vh!important;
    height: 100dvh!important;
/*    height: -webkit-fill-available!important;*/
  }
 /* .job-details-sort[data-opened] + .job-details-row .job-listing-col{
    top: 0;
  }*/
  .job-listing-col, .information-listing-col{
    padding-top: calc(var(--header-height) + var(--top-bar-height) + var(--listing-col-top-margin));
  }
  .information-details-row.list-opened .information-details-content-col{
    width: 100%;
  }
  .information-details-row.list-opened .information-listing-col{
    width: 100%;
    left: 0;
  }
  .information-details-row{
    overflow: visible;
  }
  .information-listing-col{
    position: fixed;
    /*left: 100%;*/
    top: 0;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 0;
    background-color: #f0f0eb;
    width: 100%;
    height: 100%;
    z-index: 11;
    overflow: auto;

  }
  .information-details-row{
    display: block;
  }
  .job-listing-title{
/*    width: auto;
    white-space: normal;*/
  }
  .information-details-content-col{
    min-height: 0!important;
  }
  .all.job-listing{
    padding-top: 290px;
  }
  .all.job-listing .job-sort-dropdown{
    display: flex;
  }
  .all.job-listing .job-sort-dropdown-link-align{
    margin-top: 0;
  }
  .all.job-listing .job-sort-dropdown.active .job-sort-dropdown-list{
    margin-top: 0;
    position: static;
    width: auto;
    overflow: visible;
    min-width: 0;
  }
  .all.job-listing .job-sort-dropdown{
    margin-top: 15px;
  }
  .all.job-listing .job-sort-dropdown-link{
    padding-top: 0;
    padding-bottom: 0;
  }
  .all.job-listing .job-sort-dropdown-toggle{
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}

@media(min-width: 768px) {
  .btn-share-social-mobile{
    display: none;
  }
  .sns-b:hover .btn-share-dropdown-list{
    opacity: 1;
  }
  .job-share-txt{
    margin-right: 10px;
  }
  .home-stat-col:first-child:nth-last-child(4),
  .home-stat-col:first-child:nth-last-child(4) ~ .home-stat-col {
      width: 25%;
  }
  .job-details-enquiry, .btn-share-b{
    display: flex;
  }
  .search-filter-btn-close{
    margin-right: 0;
  }
}
@media(max-width: 767px) {
  :root{
    --header-height: 56px;
    --top-bar-height: 90px;
/*    --issue-height: 88px;
    --issue-dropdown-height: 76px;*/
  }
  .job-default-cv .file-upload-link-b{
    margin-right: 10px;
    margin-left: 0;
  }
  .file-upload-col{
    margin-bottom: 20px;
  }
  .home-job-cat-col:nth-child(3n+1) {
    clear: none;
  }
  .home-job-cat-col:nth-child(2n+1) {
    clear: both;
  }
  .header-search{

  }
  .header{
    display: block;
  }
  #headerSearch{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 10px 5% 15px 5%;
    background-color: rgba(0, 0, 0, 0.9);
  }
  #headerSearch.opened{
    display: flex;
  }
  .search-filter{
    padding-top: 113px;
    height: 100%;
  }
  .search-filter-top{
    background-color: rgba(0, 0, 0, 0.9);
  }
  .recruitment-info{
    margin-bottom: 30px;
  }
  .search-filter-btn-select{
    display: none;
  }
  .container.menu{
    height: 100%;
  }
  .search-btn{
    height: 33px;
  }
  .search-filter-scroll .search-filter-btn-close{
    display: none;
  }
  .search-filter-top .search-filter-btn-close{
    display: block;
  }
  .search-filter-scroll{
    overflow: auto;
    height: calc(100% - 40px);
    -webkit-overflow-scrolling: touch;
  }
  .job-details-sort + .job-details-row .job-listing-col{

  }
  .search-filter-btn-select{
    display: none;
  }
  .job-listing-col, .information-listing-col{
  }
  .job-details-sort.mobile{
  }
  .job-listing-link:first-child{
    margin-top: 20px;
  }
  .information-col:nth-child(3n+1) {
    clear: none;
  }
  .information-col:nth-child(2n+1) {
    clear: both;
  }

  .sns-b .btn-share-dropdown-list{
    position: fixed;
    background-color: white;
    bottom: 0;
    top: auto;
    margin-top: 0;
    pointer-events: none;
  }
  .sns-b .btn-share-dropdown-list.active{
    pointer-events: auto;
  }
  .job-details-share.information .btn-share-b{
    display: flex;
    align-items: center;
  }
  .job-details-share.information .job-share-txt{
    width: auto;
    margin-bottom: 0;
  }
  .job-details-share.information .job-share-txt{
    margin-right: 10px;
  }
  .btn-img-b{
    float: none;
  }
  .job-details-share{
    width: auto!important;
  }
  .btn-share-b .btn-img, .btn-share-b .btn-img-hover{
    width: 30px;
  }
  .sns-b .btn-share-dropdown-list.active{
    opacity: 1;
  }
  .home-job-cat-col:nth-child(3n+1) {
    clear: none;
  }
  .home-job-cat-col:nth-child(2n+1) {
    clear: both;
  }
  .home-information-fb-inner{
    padding-bottom: 100%;
  }
  .home-recruitment-logo-slider{
    position: relative;
    padding: 7%;
  }
  .home-recruitment-logo-slider .swiper-container{
    position: static;
    transform: none;
  }
  .home-recruitment-slide-nav-link img{
    width: 100%;
    height: auto;
    /*height: 50px;*/
  }
  .home-recruitment-slide-nav-link{
    width: 100%;
    float: none;
  }
  .home-recruitment-logo-slide-arrow-top{
    top: 0;
  }
  .home-recruitment-logo-slide-arrow-bottom{
    bottom: 0;
  }
  .job-details-info{
    align-items: flex-end;
    flex-direction: column-reverse;
  }
  .job-txt-date.margin-left.mobile{
    margin-bottom: 5px;
  }
  .job-preview-row{
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .job-preview-col-right{
    margin-bottom: 10px;
  }
  .job-listing-title{
    /*width: 182px;*/
  }
  .all.job-listing{
    padding-top: 230px;
  }
  .menu-btn-b{
    /*display: flex;*/
  }

  :root{
    --header-height: 114px;
}
.all.job-listing {
   padding-top: 286px;
}
#headerSearch {
   display: flex;
}
.search-btn{
   display: none;
}
.search-filter-btn-select{
   display: block;
}
.search-filter-top{
   padding-top: 5px;
}
.search-filter-subtitle.has-arrow, .search-filter-title.has-arrow{
   width: 100%;
}
}
@supports (-webkit-touch-callout: none) {
  .home-banner-slide video{
    top: 56px;
    height: calc(100% - 126px);
  }
}
@media(min-width: 480px) {
  .job-details-relate-img{
    height: 50px;
  }
}
@media(max-width: 479px) {
  .job-details-relate-img{
    width: 45%;
    max-width: 150px;
  }
  .job-details-benefit-col:nth-child(3n+1) {
    clear: none;
  }
  .job-details-benefit-col:nth-child(2n+1) {
    clear: both;
  }
  .job-details-relate-b{
    padding-bottom: 0;
  }
  .job-details-relate-slide{
    padding-left: 15px;
    padding-right: 15px;
  }
  .job-details-relate-slider .swiper-wrapper{
    align-items: center;
  }
  .job-details-relate-logo{
    width: 100%;
  }
  /*.job-details-relate-align{
    width: 100%;
    justify-content: flex-end;
  }
  .job-details-relate-content-b{
    width: 100%;
    padding-left: 0;
  }
  .job-details-relate-logo{
    width: auto;
    max-width: 100%;
  }
  .job-details-relate-b.job-success{
    flex-direction: column;
  }*/
}