.container-cus {
  width: 60%;
}
@media (max-width: 760px) {
  .container-cus {
    width: 90%;
  }
}
.bg-black {
  background-color: #333333;
}
.bg-black h1,
.bg-black span,
.bg-black p {
  color: white !important;
}

.recruit-position {
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.recruit-position h2 {
  font-size: 24px;
}
.recruit-position h4 {
  font-size: 14px;
  padding-bottom: 15px;
}

.ml-20 {
  margin-left: 20px;
}
@media (max-width: 760px) {
  .ml-20 {
    margin-left: 10px;
  }
}

.join-us {
  margin-top: 20px;
}
@media (max-width: 760px) {
  .join-us span {
    display: block;
  }
}

.p30-rwd {
  padding-top: 50px;
  padding-bottom: 65px;
}
@media (max-width: 760px) {
  .p30-rwd {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.art-3 .y-logo {
  width: 40px;
  height: 40px;
}

.art-3 .head_title {
  margin-bottom: 20px;
}
@media (max-width: 760px) {
  .art-3 .head_title {
    margin-bottom: 20px !important;
  }
}
.art-3 .head_title h1 {
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  font-family: 'Noto Sans TC';
  color: #333333;
  margin-bottom: 15px;
  margin-top: 10px;
}
.art-3 .head_title .en-sub {
  font: normal normal normal 16px/20px Courgette;
  letter-spacing: 0.24px;
}
.art-3 .head_title .en-sub:before,
.art-3 .head_title .en-sub:after {
  background-color: #b3b3b3;
}

.art-3 p {
    font-size: 15px;
    line-height: 25px;
  font-family: 'Noto Sans TC';
  letter-spacing: 0.75px;
  color: #808080;
}
@media (max-width: 760px) {
  .art-3 p {
    margin-bottom: 0;
  }
}

.art-3 .btn-gold {
  padding-left: 36px;
  padding-right: 36px;
}
@media (max-width: 768px) {
  .brand-ill-wrapper {
    order: -1;
  }
}

.brand-story {
  display: flex;
  justify-content: center;
}

.brand-story-content {
  max-width: 378px;
}
.brand-story-content p {
  margin: 0;
  margin-bottom: 10px;
    font-size: 15px;
    line-height: 25px;
  font-family: 'Noto Sans TC';
  letter-spacing: 0.75px;
  color: #808080;
}

.brand-en-sub {
  margin-top: 25px;
  margin-bottom: 30px;
}

.brand-title {
  color: #333 !important;
  font-size: 40px;
}
@media (max-width: 768px) {
  .brand-title {
    font-size: 35px;
    margin-top: 10px;
  }
  .col-md-6 img {
      width: 55px;
      margin-top: 30px;
  }
}
#slide2-01 {
  background-color: #fff;
}
#slide2-01 .row {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  #slide2-01 .row {
    flex-direction: column;
  }
}

.qb-rwd {
    display: none;
}
.btn-2 {
  display: inline-block;
}
@media (max-width: 768px) {
  .brand-ill-wrapper {
    margin-top: 20px;
  }
  .btn-2 {
    padding: 5px 15px;
  }
  .padding-100 {
      padding: 0;
      padding-bottom: 50px;
  }
  .qb {
      display: none;
  }
  .qb-rwd {
      display: inline-block;
  }
  .art-3 .head_title h1 {
      font-size: 33px;
  }
}
.art-3 .y-logo,.y-logo {
    width: 50px;
}

.partner-h1 {
    font-weight: bold;
    font-size: 35px;
    line-height: 40px;
    font-family: 'Noto Sans TC';
    margin-top: 10px;
}
.d-flex {
  display: flex;
}
@media (max-width: 760px) {
  .d-flex {
    flex-direction: column;
  }
  .bg-black {
    height: 500px;
  }
  .art-3 .y-logo,.y-logo {
    width: 40px;
}
.menu_grid .menu-item {
  padding-left: 0;
  padding-right: 0;
}
}
.recruit-col-img {
  height: auto;
  width: 130%;
}
.tomato-img {
  margin-top: -100px;
  /* margin-bottom: 50px; */
}
@media (max-width: 760px) {
  .recruit-col-img {
    margin-bottom: 15px;
    width: 100%;
  }
  .pb50-rwd {
    padding-bottom: 50px;
  }
  .tomato-img {
    margin-top: -50px;
  }
}
.btn-gold {
  border-color: #f8b500;
}
.btn-gold:hover, .btn-gold:focus {
  border-color: #f8b500;
  background-color: #f8b500;
}
.img_f {
  width: 100%;
  height: auto;
}
.section-5 .icons .div {
  color: transparent;
  height: 80px;
  transition: all .5s; }

.overlay_item.hover .icons .div {
color: transparent;
line-height: 0;
height: 0px; }
.various{
font-weight: bold;
font-family: 'Noto Sans TC', 'Open Sans', sans-serif;
}
.overlay_content .icons a {
  margin-right: 0 ;
}
@media (max-width: 760px) {
  .overlay_content .icons h4 {
    margin-bottom: 30px !important;
  }
  .overlay_item.hover .icons h4 {
    margin-bottom: 15px !important;
  }
}