/********** Template CSS **********/ :root {
  --primary: #B78D65;
  --light: #F8F8F8;
  --grey: #f2f2f2;
  --dark: #252525;
}
h1, h2, .h1, .h2, .fw-bold {
  font-weight: 600;
}
h3, h4, .h3, .h4, .fw-medium {
  font-weight: 500;
}
h5, h6, .h5, .h6, .fw-normal {
  font-weight: 400;
}
.back-to-top {
  position: fixed;
  display: none;
  right: 30px;
  bottom: 30px;
  z-index: 99;
}
/*** Spinner ***/
#spinner {
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease-out, visibility 0s linear .5s;
  z-index: 99999;
}
#spinner.show {
  transition: opacity .5s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
}
/*** Button ***/
.btn {
  font-weight: 500;
  transition: .5s;
  border-radius: 25px;
}
.btn.btn-primary, .btn.btn-secondary {
  color: #FFFFFF;
}
.btn-square {
  width: 38px;
  height: 38px;
}
.btn-sm-square {
  width: 32px;
  height: 32px;
}
.btn-lg-square {
  width: 48px;
  height: 48px;
}
.btn-square, .btn-sm-square, .btn-lg-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}
.btn-outline-body {
  color: var(--primary);
  border-color: #777777;
  border-color: #9e733c;
  border-color: #b78d65;
  color: #f9c78b;
}
.btn-outline-body:hover {
  color: #FFFFFF;
  background: var(--primary);
  border-color: var(--primary);
  background: #f9c78b;
  border-color: #f9c78b;
}
/*** Navbar ***/
.navbar .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: middle;
  margin-left: 8px;
}
.navbar .navbar-nav .navbar-nav {}
.navbar .navbar-nav .nav-link {
  color: var(--dark);
  font-weight: 500;
  outline: none;
  color: #fff;
  padding: 1rem .5rem
}
.navbar .navbar-nav .nav-link:first-child {}
.navbar .navbar-nav .nav-link:last-child {}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
  color: var(--primary);
  color: #fff;
  color: #f9c78b;
}
.nav-link-footer {
  color: var(--dark);
  font-weight: 500;
  outline: none;
  color: #fff;
  padding: 1rem .5rem
}
.nav-link-footer:hover, .nav-link-footer.active {
  color: var(--primary);
  color: #fff;
  color: #f9c78b;
}
.nav-link-footer img {
  width: 38px;
  height: 38px;
}
.lang > .dropdown-menu {
  background-color: #B78D65 !important;
}
.footer-lang {
  border: 1px solid #b78d65;
  margin-left: 15%;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  color: #B78D65;
  background-color: #ffffff;
  justify-content: center;
}
.footer-lang a {
  color: #B78D65;
  font-size: 0.9rem;
}
.footer-lang > .dropdown-menu {
  background-color: #B78D65;
  min-width: max-content;
  /* padding: 0rem 0.3rem 0rem 0.3rem; */
  padding: 0rem;
  /* transform: translate3d(0px, 45px, 0px) !important; */
  transform: translate3d(-16px, 40px, 0px) !important;
}
.footer-lang > .dropdown-menu > .dropdown-item {
  color: #ffffff !important;
}
.footer-lang > .dropdown-toggle::after {
  display: none;
}
.nav-link-footer {
  white-space: nowrap;
}
.navbar.sticky-top {
  /* top: -100px; */
  transition: .5s;
  background: rgb(15 45 60 / 80%) !important;
  border-bottom: 1px solid #ffffff47;
  padding: 0;
  /* position: fixed !important;
  top: 0 !important; */
  width: 100%;
}
.navbar.sticky-top img.logo {
  height: 64px;
  height: 70px;
  height: 66px;
  height: 84px;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 .25rem #ac875a00;
}
/*==== 更改頁頭架構 ====*/
.navbar.sticky-top .container {
  padding: 0;
}
.navbar-expand-lg .navbar-collapse {}
.navbar-expand-lg .navbar-collapse .fotm {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 20px 0;
  padding: .5rem 0 0 0;
}
/*LOGO*/
.navbar-expand-lg .navbar-brand {
  position: absolute;
  top: 0;
}
/*== 選單 ==*/
.navbar-expand-lg .navbar-collapse .navbar-nav {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
    margin: 18px 0 0 0;
}
.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item {
  width: 100%;
  text-align: center;
}
.nav-link {
  padding: .5rem 0;
}
.navbar-expand-lg .navbar-collapse .icolik, .navbar-expand-lg .navbar-collapse .lang {}
.navbar-expand-lg .navbar-collapse .lang .dropdown-toggle::after {
  margin-left: 0;
}
.navbar-expand-lg .navbar-collapse .lang .dropdown-menu {
  padding: 0;
  min-width: auto;
  background-color: #08202dab;
}
.navbar-expand-lg .navbar-collapse .lang .dropdown-menu a {
  color: #fff
}
.navbar-expand-lg .navbar-collapse .lang .dropdown-menu:hover {
  background-color: #08202de3;
}
.navbar-expand-lg .navbar-collapse .lang .dropdown-menu a:hover {
  color: #f9c78b;
}
/*== banner ==*/
.container-fluid.bannerlis {
  margin-top: -150px;
}
.owl-carousel-inner h1 {
  font-size: 3.5rem;
}
@media (max-width: 991.98px) {
  .navbar .navbar-nav .nav-link {
    margin-right: 0;
    padding: 10px 0;
  }
  .navbar .navbar-nav {
    border-top: 1px solid #eeeeee40;
  }
}
@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: block;
    visibility: hidden;
    top: 100%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    transition: .5s;
    opacity: 0;
  }
  .navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    transition: .5s;
    opacity: 1;
  }
}
/*** Header ***/
.owl-carousel-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  background: rgb(0 0 0 / 30%);
}
.owl-carousel-inner h1 br {
  display: none
}
@media (max-width: 768px) {
  .header-carousel .owl-carousel-item {
    position: relative;
    min-height: 500px;
  }
  .header-carousel .owl-carousel-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .header-carousel .owl-carousel-item p {
    font-size: 16px !important;
  }
}
.header-carousel .owl-dots {
  position: absolute;
  width: 60px;
  height: 100%;
  top: 0;
  right: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-carousel .owl-dots .owl-dot {
  position: relative;
  width: 45px;
  height: 45px;
  margin: 5px 0;
  background: var(--dark);
  background: #6e553d;
  transition: .5s;
}
.header-carousel .owl-dots .owl-dot.active {
  width: 60px;
  height: 60px;
}
.header-carousel .owl-dots .owl-dot img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 2px;
  transition: .5s;
  opacity: .3;
}
.header-carousel .owl-dots .owl-dot.active img {
  opacity: 1;
}
.page-header {
  background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/carousel-1.jpg) center center no-repeat;
  background-size: cover;
  background-repeat: no-repeat
}
.header-carousel .owl-carousel-item a.btn {
  border-radius: 35px;
}
/*========== 內頁(關於佰德)-公司簡介 ==========*/
.page-header.company {
  background-image: url("../img/about/company.jpg");
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--light);
}
.aboutcompany {}
/*最大標題字*/
.title-text {
  font-size: 2rem;
}
/*** Section Title ***/
.section-title {
  color: var(--primary);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #f9c78b;
}
.aboutcompany h5 {
  color: #aea69e;
  font-weight: 600;
  font-size: 20px;
  margin: 1.5rem 0 2.5px 0;
}
.aboutcompany h6 {
  font-weight: 600;
  font-size: 22px;
  color: #b29a84;
  margin: 1.5rem 0 0 0;
}
.aboutcompany .intx h1.name {
  font-size: 2.2rem;
}
.aboutcompany .value {
  margin: 0 0 1.5rem 0;
}
.aboutcompany .intx_1 {
  padding: 0 3.2rem;
  margin: 0;
}
/*** Facts ***/
.fact-item .fact-icon {
  width: 120px;
  height: 120px;
  margin-top: -60px;
  margin-bottom: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 120px;
  transition: .5s;
}
.fact-item:hover .fact-icon {
  background: var(--dark);
}
.fact-item .fact-icon i {
  color: var(--primary);
  transition: .5;
}
.fact-item:hover .fact-icon i {
  color: #FFFFFF;
}
/*** About & Feature ***/
.about-img, .feature-img {
  position: relative;
  /*height: 100%;*/
  min-height: 450px;
  min-height: 680px;
  margin: 0 2rem;
}
.about-img img, .feature-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  /*height: auto;*/
}
.about-img img:last-child, .feature-img img:last-child {
  /*margin: 20% 0 0 40%;*/
}
.about-img::before, .feature-img::before {
  /*position: absolute;
    content: "";
    width: 85%;
    height: 80%;
    top: 16%;
    right: 5%;
    border: 5px solid var(--primary);
    z-index: -1;*/
}
/*========== 首頁參考數據 ==========*/
.milestone {
  background: #f5f5f5;
  background: #0f2d3c;
}
.milestone .course {
  cursor: e-resize;
}
/*========== 首頁參考數據 ==========*/
/*** About & Feature () ***/
.reference_data {
  padding: 5rem 0 3rem 0;
  background: url("../img/eference_data.png") no-repeat center top;
  position: relative;
}
.reference_data::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #0f2d3c;
  display: block;
  top: 0;
  left: 0;
}
.reference_data .container {
  position: relative;
  z-index: 1;
}
.reference_data .data .d-flex {
  flex-direction: column;
}
.reference_data .data .roundf {
  border-radius: 50%;
  /*margin-left: -2rem;*/
  border-color: #716962 !important;
}
.reference_data .data .roundf h1 {
  color: #fff;
  font-size: 5rem;
  font-size: 4.2rem;
  font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.reference_data .data .rouwor {}
.reference_data .data .rouwor h3 {
  color: #fff;
  font-size: 1.2rem;
  font-family: 'Microsoft JhengHei', Arial Black, LiHei Pro;
  margin: 2rem 0 0 0;
  letter-spacing: 2px;
  padding: 0 0 0 1.5rem;
}
.reference_data .data .unit {
  width: 100%;
  position: relative;
}
.reference_data .data .unit span {
  position: absolute;
  top: -2.5rem;
  right: 50%;
  margin-right: -100px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
}
/*========== 首頁網站使用條款與隱私保護政策 ==========*/
.page-header.privacy {
  background-image: url("../img/privacy/privacy.jpg");
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
  background-position: center center;
}
.page-header.privacy h1 {
  text-indent: -9999px;
}
.privacy .content {
  text-align: left;
}
.privacy h1 {
  font-size: 2rem;
}
.privacy .content h3 {
  font-weight: 600;
  font-size: 1.4rem;
}
.privacy .content p {}
.privacy .content p a {
  color: #f9c78bc7;
}
.privacy .content ul, .privacy .content ol {
  padding: 0;
  margin: 0 0 1rem 0;
  list-style: none;
}
.privacy .content ul li, .privacy .content ol li {
  position: relative;
}
.privacy .content ul li::after, .privacy .content ol li::after {
  position: absolute;
  content: "";
  display: inline-block;
}
.privacy .content ul li {
  line-height: 160%;
  margin-bottom: .25rem;
  padding: 0 0 0 1rem;
  color: #fff;
}
.privacy .content ul li::after {
  width: 5px;
  height: 5px;
  left: 4px;
  top: 10px;
  border-radius: 50%;
  background: #9d9792;
}
.privacy .content .boxli {
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  /*align-items: center;*/
  border: 1px solid #cccccc4d;
  background: #00000005;
  text-align: center;
  position: relative;
}
.privacy .content .boxli::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #aa988c14;
}
.privacy .content .boxli .lit {
  flex: 0 0 50%;
  background: #1b313d;
}
.privacy .content .boxli .lit h4 {
  font-size: 1.24rem;
  font-weight: 600;
  border-bottom: 1px solid #cccccc45;
  padding: .5rem;
  margin: 0;
  color: #fff;
  background: #3b5462;
}
.privacy .content li span {
  font-weight: 600;
  color: #d8c8b5;
}
.privacy .content ol {
  list-style: none;
  padding: .5rem;
}
.privacy .content ol li {
  text-align: left;
  padding: 0;
  margin: 0 .8rem .25rem 1rem;
  color: #fff;
  list-style: auto;
}
.privacy .content ol li ul {
  margin: .5rem 0 1.5rem 0;
  background: #ffffff08;
  padding: .5rem .8rem;
  border-radius: 3px;
}
.privacy .content ol li ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 .8rem;
}
.privacy .content ol li ul li::after {
  background: #c6bbbb;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 10px;
  left: 0;
}
/*========== 另開頁面 防範冒名求職詐騙 ==========*/
.antifraud {
  padding: 70px 0;
}
/*=== 標題 ===*/
.antifraud .inbox {
  justify-content: flex-start;
}
.antifraud .inbox .about-tit {
  display: inline-block;
}
.antifraud .inbox .about-tit h2 {
  color: #ffffffed;
  font-size: 2.2rem;
}
.antifraud .inbox .about-tit h2 span {
  font-size: 1.6rem;
  color: #b78d65;
}
.antifraud .inbox .about-tit .inicn {
  text-align: center;
  margin: 1rem 0 0 0;
}
.antifraud .inbox .oimfg {
  margin: 2rem 0 0 0;
  text-align: center;
}
.antifraud .inbox .oimfg a {
  display: inline-block;
  border: 2px solid #f1d9c1;
  padding: 2px;
}
.antifraud .inbox .oimfg img {
  max-width: 220px;
  width: 100%;
}
/*=== 條文 ===*/
.antifraud .intx {
  padding: 1.5rem 0 0 0;
}
.antifraud .intx h3 {
  font-weight: 600;
  color: #b39d8b;
  font-size: 1.4rem;
}
.antifraud .intx p {}
.antifraud .intx ol {
  padding: 15px 20px 15px 30px;
  margin: .5rem 0 2rem .25rem;
  list-style: none;
  background: #ffffff14;
  border-radius: 5px;
}
.antifraud .intx ol li {
  color: #fff;
  list-style: auto;
  font-size: 15px;
  margin: 0 0 5px 0;
}
.antifraud .intx a.bot {
  color: #fff;
  background: #927151;
  border-radius: 2px;
  padding: 2px 5px;
  display: inline-block;
}
.antifraud .intx a.bot:hover {
  color: #fff;
  background: #B78D65;
}
.antifraud .intx ul {
  padding: 15px 20px 15px 30px;
  margin: .5rem 0 2rem .25rem;
  list-style: none;
  background: #ffffff14;
  border-radius: 5px;
}
.antifraud .intx ul li {
  color: #fff;
  position: relative;
}
.antifraud .intx ul li::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #ffffffa6;
  border-radius: 50%;
  left: -15px;
  top: 8px;
}
.antifraud .intx ul li a {
  color: #c5bfbf;
}
.antifraud .intx ul li a:hover {
  color: #B78D65;
}
/*========== 內頁(關於佰德)-里程碑 ==========*/
/*========== 內頁(關於佰德)-參考數據 ==========*/
/*** About & Feature (內頁參考數據) ***/
.intx .nubox, .value .nubox {
  border-radius: 25%;
}
.inner_data {}
.inner_data .roundf {
  border-radius: 50%;
  background-color: #B78D65;
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
}
.inner_data .roundf h1 {
  color: #fff;
  font-size: 3.6rem;
}
.inner_data .roundf .unit {}
.inner_data .roundf .unit span {
  color: #fff;
  font-size: 1.2rem;
}
.inner_data .d-flex h3 {
  font-size: 1.5rem;
  margin: 1rem 0 0 0;
}
.inner_data .feature-img {
  min-height: initial;
}
.inner_data .feature-img img {
  height: auto;
}
/*** faq(職位搜索JOBS)  (已刪除)***/
.faq {}
.faq .card {
  border: none;
  margin: 0 0 .35rem 0;
  background: none;
}
.faq .card.active {}
.faq .card .card-header {
  padding: 0;
  border: none;
}
.faq .card .faqbox {
  border: none;
}
.faq .card .faqbox .btn-link.collapsed {
  border-radius: 8px;
  border: none;
}
.faq .card .faqbox .btn-link {
  position: relative;
  display: block;
  text-decoration: none;
  background-color: #40545fcc;
  color: #fff;
  border: none;
  border-radius: 2px;
  width: 100%;
  text-align: left;
  white-space: initial;
}
.faq .card .faqbox .btn-link:after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  margin-right: 20px;
  right: 0;
  top: 50%;
  margin-top: -12px;
}
.faq .card .faqbox .lisfa {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  padding: .5rem .5rem .35rem .5rem;
}
.faq .card .faqbox .ject {
  font-weight: 600;
  position: relative;
}
.faq .card .faqbox .ject.pos4 {
  display: none;
} /*時間暫時隱藏*/
.faq .card .faqbox .ject::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 60%;
  top: 20%;
  background: #ffffff42;
  left: 0;
  margin-left: -10px;
}
.faq .card .faqbox .ject.pos1::after {
  display: none;
}
.faq .card-body {
  background: #24353e;
  border: 1px solid #24353e;
  border-top: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
}
.faq .card-body .fqcone {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 85%;
}
/*產業地點性質*/
.faq .card-body .fqcone ul.infqu {}
.faq .card-body .fqcone ul.infqu li {
  color: #d8c4b1;
  color: #e5dfdf;
  font-weight: 600;
  margin: 0 0 6px 0;
}
/*主要工作內容和條件*/
.faq .card-body .respon {
  margin: .5rem 0;
  border-top: 2px #4e5e66 dashed;
  padding: 1rem 0 0 0;
  width: 100%;
}
.faq .card-body .respon p.tilx {
  font-weight: 600;
  color: #d9d0c9;
  margin: 0 0 .5rem 0;
  display: inline-block;
}
.faq .card-body .respon .tbxti {
  background: #d4c1af2e;
  padding: 1.2rem 1.2rem .25rem 1.2rem;
  color: #fff;
  border-radius: 5px;
}
.faq .card-body .respon ol, .faq .card-body .respon ul {
  margin: .15rem .5rem 1rem 20px;
  padding: 0;
}
.faq .card-body .respon ol {
  list-style: auto;
}
.faq .card-body .respon ol li {
  margin: 0 0 8px 0;
  color: #fff;
}
.faq .card-body .respon ul li {
  margin: 0 0 5px 0;
  color: #fff;
}
/*Apply Now 按鈕*/
.faq .card-body button.btn {
  border-radius: 3px;
  background: #967251;
}
.faq .card-body .btn.btn-primary {
  background: #8d7d6d;
}
.faq .card-body .btn.btn-primary:hover {
  background: #ac875a;
}
/*** 內頁開闔-(熱門話題和工作機會) ***/
.faq .oppo .card .faqbox .lisfa {
  position: relative;
}
.faq .oppo .card .faqbox .lisfa::after {
  position: absolute;
  content: "";
  display: inline-block;
  left: 0;
  top: -.4rem;
  background: #00000026;
  width: 20px;
  height: 100%;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
.faq .oppo .card .faqbox .lisfa h3 {
  font-weight: 600;
  color: #fff;
  font-size: 1.18rem;
  margin: 0;
  padding: 2px 0 0 2rem;
  line-height: initial;
}
.faq .oppo .card-body {
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.5rem;
}
.faq .oppo .card-body .fqcone.segme {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: .5rem 0;
  border-bottom: 2px #a6856740 dashed;
  margin: 0 0 1.5rem 0;
}
.faq .oppo .card-body .fqcone.segme .lides {
  padding: 0 5px;
}
.faq .oppo .card-body .fqcone.segme .lides h4 {
  background: #a6856724;
  padding: 5px 10px;
  color: #765639;
}
.faq .oppo button.btn {}
/*** Service ***/
.service-item .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  border-radius: 10px;
}
.service-item .service-text {
  background: var(--light);
  transition: .5s;
  border-radius: 10px;
  background: #3f3934;
  padding: 2.6rem 1.5rem 2.2rem 1.8rem !important;
}
.service-item:hover .service-text {
  background: rgba(0, 0, 0, .7);
}
.service-item .service-text h3 {
  font-size: 1.56rem;
}
.service-item * {
  transition: .5;
}
.service-item:hover * {
  color: #FFFFFF;
}
.service-item p {
  text-align: left;
}
.service-item .btn {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  color: var(--dark);
  background: #b78d6526;
  white-space: nowrap;
  overflow: hidden;
  transition: .5s;
  cursor: auto;
  border-radius: 5px;
}
.service-item:hover .btn {
  width: 140px;
}
/*** Team ***/
.team-items {
  margin: -.75rem;
}
.team-item {
  padding: .75rem;
  padding: .75rem 1rem;
}
.team-item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: #FFFFFF;
  transition: .5s;
  z-index: -1;
  border-radius: 5px;
}
.team-item:hover::after {
  height: 100%;
  background: var(--primary);
  border-radius: 5px;
}
.team-item img {
  /*border-radius: 15px;*/
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.team-item .word {
  padding: 1.5rem 1rem 2rem 1rem !important;
}
.team-item .word h3 {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -1px;
  line-height: 1.2;
  min-height: 58px;
}
.team-item .word span {
  font-size: 17px;
}
.team-item .team-social {
  position: absolute;
  width: 100%;
  bottom: -20px;
  left: 0;
}
.team-item .team-social .btn {
  display: inline-flex;
  margin: 0 2px;
  color: var(--primary);
  background: var(--light);
}
.team-item .team-social .btn:hover {
  color: #FFFFFF;
  background: var(--primary);
}
/*** Appointment ***/
.bootstrap-datetimepicker-widget.bottom {
  top: auto !important;
}
.bootstrap-datetimepicker-widget .table * {
  border-bottom-width: 0px;
}
.bootstrap-datetimepicker-widget .table th {
  font-weight: 500;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  padding: 10px;
  border-radius: 2px;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background: var(--primary);
}
.bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: var(--primary);
}
/*** Testimonial ***/
.testimonial-carousel {
  display: flex !important;
  flex-direction: column-reverse;
  max-width: 700px;
  margin: 0 auto;
}
.testimonial-carousel .owl-dots {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.testimonial-carousel .owl-dots .owl-dot {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 5px;
  transition: .5s;
}
.testimonial-carousel .owl-dots .owl-dot.active {
  width: 100px;
  height: 100px;
}
.testimonial-carousel .owl-dots .owl-dot::after {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--primary);
  background: #FFFFFF;
  border-radius: 40px;
  transition: .5s;
  opacity: 0;
}
.testimonial-carousel .owl-dots .owl-dot.active::after {
  opacity: 1;
}
.testimonial-carousel .owl-dots .owl-dot img {
  opacity: .4;
  transition: .5s;
  border-radius: 50%;
}
.testimonial-carousel .owl-dots .owl-dot.active img {
  opacity: 1;
}
/*========== 內頁-服務項目+專業領域 ==========*/
.page-header.service {
  background-image: url("../img/service/service.jpg");
}
/*========== 內頁-全球服務 ==========*/
body .worldwide {}
html[lang="ja"] .worldwide h1.display-5 {
  color: #c7a276;
  font-weight: 900;
  font-size: 1.8rem;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
/*====== 內頁-服務項目 ======*/
.project.solution {}
/*** Project ***/
.project .nav .nav-link {
  background: var(--light);
  transition: .5s;
  margin-bottom: .5rem;
}
.project .nav .nav-link h3 {
  font-size: 1rem;
  letter-spacing: -.5px;
}
.project .nav .nav-link h3 i {
  width: 30px;
  text-align: center;
  margin: 0 10px;
  font-size: 20px;
}
.project .nav .nav-link h3:hover i {
  font-size: 20px;
}
.project .nav .nav-link.active {
  background: var(--primary);
  position: relative;
}
.project .nav .nav-link.active::after {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 10px;
  height: 12px;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  right: 1rem;
  bottom: 0;
  margin-bottom: -10px;
}
.project .nav .nav-link.active h3 {
  color: #FFFFFF !important;
}
.project .nav .nav-link.active h3 i {
  color: #fff !important;
  font-size: 20px;
}
.project .nav .nav-link.active h3:hover i {
  font-size: 20px;
}
.project.solution .nav {
  flex-direction: row;
  flex-wrap: wrap;
}
.project.solution .nav button {
  flex: 0 0 33%;
  background: #6a5642a3;
  margin-bottom: 5px;
  border-radius: 3px;
}
.project.solution .tab-pane {
  margin-top: 1rem;
}
.project.solution .tab-pane .position-absolute {
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.project.solution .tab-pane h2 {
  margin: .5rem 0 1.5rem 0;
  position: relative;
  font-size: 1.64rem;
}
.project.solution .tab-pane h2::after {
  position: absolute;
  content: "";
  display: inline-block;
  background: #b78d6575;
  left: 0;
  bottom: 0;
  height: 20px;
  width: 75%;
}
.project.solution .tab-pane h2 span {
  position: relative;
  z-index: 1;
  margin: 0 0 0 2rem;
}
.project.solution .tab-pane p {
  font-size: 1.21rem;
  line-height: 150%;
}
.project.solution .bols {
  margin: 1rem 0;
}
.project.solution .bols img {
  height: 54px;
}
.project.solution .bols h4 {
  font-size: 1.38rem;
  font-weight: 600;
  color: #a5784c;
  margin-bottom: 5px;
}
.project.solution .bols p {
  line-height: 130%;
  font-size: 1.28rem;
}
.project.solution hr {
  border-bottom: 3px #f0d8bf dashed;
}
/*====== 內頁-服務項目+專業領域 ======*/
.page-header.professional {
  background-image: url("../img/service/professional.jpg");
}
.professional .service-item {
  box-shadow: rgb(0 0 0 / 12%) 0px 0px 3px 0px, rgb(0 0 0 / 3%) 0px 0px 1px 0px
}
/*========== 內頁-全球服務 ==========*/
.worldwide {}
.page-header.worldwide {
  background-image: url("../img/worldwide/worldwide.jpg");
}
.worldwide h1 {
  color: #c7a276
}
.worldwide h5 {
  color: #c3aa8c;
  font-size: 24px;
  font-weight: 300;
}
/*==== 文 ====*/
.worldwide ul.liglte {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0;
  gap: 10px;
}
.worldwide ul.liglte li {
  color: #eae3db;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  flex: 0 0 32%;
}
/*=== 詳情 ===*/
.worldwide .intxs {}
.worldwide .intxs h4 {
  margin: 2rem 0 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
}
.worldwide .intxs .licou {
  background: #0f2d3c;
  padding: 15px 10px 10px 20px;
  margin: 0 0 2rem 0;
}
.worldwide .intxs .licou h5 {
  color: #aea69e;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 4px;
}
.worldwide .intxs p {
  margin-bottom: 1.5rem;
}
.worldwide .intxs .licou ul {
  padding: 0 5px 3px 5px;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 5px;
}
.worldwide .intxs .licou ul li {
  color: #dbdad8;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 2px;
  list-style: none;
  position: relative;
  padding: 0 0 0 1rem;
}
.worldwide .intxs .licou ul li::after {
  position: absolute;
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  left: 0;
  top: 10px;
  background: #ffffffab;
}
.worldwide .intxs h6 {
  font-size: 20px;
  color: #b29a84;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 5px;
}
.worldwide .intxs h6 span:nth-child(1) {
  font-size: 22px;
  margin-bottom: 2px;
}
/*==== 圖 ====*/
.worldwide .inbox {
  padding: 0;
  margin: 0;
}
.worldwide .inbox .about-img {
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 100%;
}
.worldwide .inbox .about-img img {
  height: auto;
}
.worldwide .inbox p {
  padding: 1rem 1.5rem 0 4rem;
  margin: -5rem 0 0 0;
}
/*========== 內頁-加入我們 ==========*/
.join {}
.page-header.join {
  background-image: url("../img/join/join.jpg");
}
.join .affect {
  padding: 2.5rem;
  background-color: #988573 !important;
}
.join .josi .ms-4 h3.mb-0 {
  margin-bottom: .15rem !important;
}
.join .josi .ms-4 p.mb-2 {
  font-size: .95rem;
  line-height: 145%;
}
.join .file-upload-wrapper {
  position: absolute;
  background: #233844;
}
/*========== 內頁-我要求職 ==========*/
.jpb {}
.page-header.job {
  background-image: url("../img/job/job.jpg");
}
.page-header.job .container.py-5 p span:nth-child(4) {}
.jpb .inten img {
  border-radius: 15px;
}
.jpb h2.display-6.mb-4 {
  font-size: 1.82rem;
}
.jpb .texem p {
  font-size: 1.2rem;
  letter-spacing: -.5px !important;
}
/*==== 現在就將履歷交給我們！ ===*/
.resume {}
.resume .reslist {}
.resume .reslist .fact-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1rem 1.5rem 1rem !important;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 15px;
  border: 5px solid #ac875a0f;
  background: #413b37 !important;
}
.resume .reslist .fact-item:hover {
  border: 5px solid #b78d659c;
}
.resume .reslist .titicon {
  flex-direction: column;
  line-height: 1.1;
  font-size: 1rem;
  padding: 0 10px;
  font-weight: 600;
  color: #745b43;
  border: 2px solid #fff;
  box-shadow: rgb(0 0 0 / 26%) 0px 3px 5px;
  background-image: linear-gradient(to top, #b9997af7 0%, #f1ece68c 50%);
}
.resume .fact-item:hover .fact-icon {
  background-image: linear-gradient(to top, #b9997af7 0%, #c29e7c 100%);
  color: #fff;
}
.resume .reslist .titicon span {
  font-size: 3.5rem;
  font-weight: 900;
  color: #a07c5a;
  font-family: sans-serif;
  margin-top: -.5rem;
}
.resume .fact-item:hover .fact-icon span {
  color: #eee6dbf7;
}
.resume .reslist .intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.resume .reslist .intro .list {
  width: 100%;
  background: #c2ae9a24;
  padding: .5rem .85rem .8rem .85rem;
  margin: 0 0 .5rem 0;
}
.resume .reslist .intro h3 {
  margin: 0 0 5px 0;
  padding: .5rem 0 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.4rem;
}
.resume .reslist .intro .list h3 i {
  width: 38px;
  text-align: center;
}
.resume .reslist .intro .list h3 span {
  padding: 0 0 0 5px;
}
.resume .reslist .intro p {
  line-height: 130%;
  min-height: 35px;
  font-size: .96rem;
}
.resume a.btn {}
/*求職單*/
.joblist label.col-form-label {
  font-weight: 600;
}
.joblist .elementor-field-option {
  margin: 0 .5rem 0 0;
}
.joblist label {
  color: #b3b3b3;
}
/*========== 內頁-我要求才 ==========*/
.recruiting {}
.page-header.recruiting {
  background-image: url("../img/recruiting/recruiting.jpg");
}
.recruiting .tedro {
  width: 100%;
}
.recruiting .tedro h4 {
  width: 100%;
}
.recruiting .narrative h4 {}
.recruiting .narrative p {
  margin-bottom: 0;
}
.recruiting input.form-control-lg#check {
  font-size: 1rem;
  color: #b3b3b3;
}
/*========== 內頁-聯絡我們 ==========*/
.contact {
  background-image: url("../img/contactus/contactus.jpg");
  padding: 5rem 0 !important;
}
/*!!!!求職求才兩大塊*/
.jobseeker {
  position: relative;
  margin-top: -150px;
}
.jobseeker .paragraph {
  -webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.16);
  border-radius: 12px;
  background-color: #ffffff;
  background-color: #49423dfc;
  clear: both;
  position: relative;
}
.jobseeker .paragraph::after {
  position: absolute;
  content: "";
  display: inline-block;
  left: 50%;
  margin-left: -2px;
  width: 1px;
  height: 80%;
  top: 10%;
  background: #cccccc2e;
}
.jobseeker .paragraph ul {
  list-style-type: none;
  display: flex;
  padding: 30px 56px 40px 56px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.jobseeker .paragraph ul li.jobli {
  flex: 0 0 50%;
}
.jobseeker .paragraph ul li.jobli.j1 {
  padding-right: 56px;
}
.jobseeker .paragraph ul li.jobli.j2 {
  padding-left: 56px;
}
.jobseeker .paragraph ul li .description {}
.jobseeker .paragraph ul li .description h3 {
  color: #f9c78b;
  font-size: 1.5rem;
}
.jobseeker .paragraph ul li .description h3 i {
  font-size: 80%;
}
.jobseeker .paragraph ul li .description p {
  color: #e1e1e1;
}
.jobseeker .paragraph ul li .emapper {}
.jobseeker .paragraph ul li .emapper .jobbutton {}
.jobseeker .paragraph ul li .emapper .jobbutton a {
  padding: .6rem 1rem;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  text-align: center;
  background: #968272;
}
.jobseeker .paragraph ul li .emapper .jobbutton a:hover {
  background: #ac875a;
}
.contactus h3 {
  position: relative;
  padding-left: 1.2rem;
  font-weight: 600;
  color: #d0b18c;
}
.contactus h3::after {
  position: relative;
  padding-left: 1.2rem;
  font-weight: 600;
  color: #545454;
}
.contactus .ter {
  margin-left: 1.2rem;
}
.contactus .bg-light.d-flex.align-items-center {
  border-radius: 10px;
}
.contactus .conbox {
  border-radius: 5px;
  background: #877060;
  width: 35px;
  height: 35px;
  margin-top: -1.2rem;
}
.contactus .conbox i {
  font-size: 16px;
  color: #fff;
}
.contactus .bg-light.d-flex.align-items-center p {
  color: #e6c9a6;
}
.contactus .bg-light.d-flex.align-items-center h4 {
  color: #413b37;
  color: #fff;
  color: #aa8561;
  font-size: 1.4rem;
  font-weight: 600;
}
/*========== 內頁-最新職缺 ==========*/
.page-header.vacancies {
  background-image: url("../img/vacancie/vacancie.jpg");
}
/*** Footer ***/
.row-w-100 {
  width: 100% !important;
}
.footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.footer ul li {}
.footer .btn.btn-link {
  display: block;
  margin-bottom: 5px;
  padding: 0;
  text-align: left;
  color: #948875;
  font-weight: normal;
  text-transform: capitalize;
  transition: .3s;
}
.footer .btn.btn-link::before {
  position: relative;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--primary);
  margin-right: 5px;
}
.footer .btn.btn-link:hover {
  color: var(--primary);
  letter-spacing: 1px;
  box-shadow: none;
}
.footer .form-control {
  border-color: #a59076b8;
  color: #fff;
}
.footer input.form-control[type="text"] {
  color: #fff;
}
.footer .copyright {
  padding: 10px 0;
  font-size: 15px;
  border-top: 1px solid rgba(256, 256, 256, .1);
  background: #413b37;
  color: #fff;
}
.footer p {
  line-height: 140%;
  color: #fffffff5 !important;
}
.footer h5.text-footer-w {
  color: #dcd8d4 !important;
}
.footer p a {
  color: #fffffff5 !important;
}
.footer p a:hover {
  color: #fcf1e2 !important;
}
.footer .daily {}
.footer .daily p {
  margin: 0 0 5px 0;
}
.footer .daily input.form-control[type="text"] {
  padding: .8rem 1rem !important;
}
.footer .daily .inbu {
  margin-bottom: 5px;
}
.footer .daily button {
  padding: .15rem .6rem !important;
  border-radius: 5px;
}
.footer .copyright a {
  color: var(--light);
  color: #fff !important;
}
.footer .copyright a:hover {
  color: var(--primary);
  color: #dcc8b5;
}
/*======================================================== RWD新增樣式 ========================================================*/
@media only screen and (max-width:1366px) {
  /*========== 內頁-banner ==========*/
  /*== 框架大小 ==*/
  .page-header .container.py-5 {
    max-width: 100%;
  }
  /*========== 內頁-聯絡我們 ==========*/
  .contact {
    background-size: 105% 110%;
  }
  /*==== 求才求職兩大塊 ====*/
  .jobseeker .paragraph ul {
    padding: 30px 30px 40px 30px
  }
  .jobseeker .paragraph ul li.jobli.j1 {
    padding-right: 30px;
  }
  .jobseeker .paragraph ul li.jobli.j2 {
    padding-left: 30px;
  }
  .jobseeker .paragraph ul li .emapper .jobbutton a {
    width: 35%;
    border-radius: 25px;
  }
}
@media only screen and (max-width:1280px) {
  /*========== 首頁-參考數據 ==========*/
  .inner_data .d-flex h3 {
    font-size: 1.65rem;
  }
  /*========== 內頁-banner圖片 ==========*/
  .page-header {
    margin-bottom: 2rem !important;
  }
  .container-xxl.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  /*========== 內頁-公司簡介 ==========*/
  .aboutcompany .inbox .about-img {
    margin-left: 0;
  }
  .aboutcompany .intx_1 {
    padding: 0 1.5rem;
  }
}
@media only screen and (max-width:1180px) {
  /*========== 選單 ==========*/
  .navbar .navbar-nav .nav-link {
    margin-right: 25px;
  }
  /*========== 頁底-footer ==========*/
  /*==== 頁icon ====*/
  .footer .col-lg-3:nth-child(2) p, .footer .col-lg-3:nth-child(3) p {
    display: flex;
  }
  /*========== 另開頁面 防範冒名求職詐騙 ==========*/
  .antifraud .intx li {
    line-height: 1.6;
  }
  .antifraud .inbox .oimfg img {
    max-width: 180px;
  }
  /*========== 內頁-banner ==========*/
  /*== 框架大小 ==*/
  .page-header .container.py-5 p {
    font-size: 22px !important;
  }
  /*========== 內頁-公司簡介 ==========*/
  /*======= 參考數據 =======*/
  .inner_data .roundf h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width:1024px) {
  /*========== LOGO ==========*/
  .navbar-brand {
    margin-right: 0rem;
  }
  /*========== 主選單 ==========*/
  .navbar .navbar-nav .nav-link {
    margin-right: 12px;
  }
  /*========== 頁底footer ==========*/
  .footer .col-lg-3 {
    padding: 0 5PX;
  }
  /*========== 另開頁面 防範冒名求職詐騙 ==========*/
  .antifraud .inbox .about-tit h2 {
    font-size: 2rem;
  }
  /*========== 內頁-聯絡我們 ==========*/
  .jobseeker .paragraph ul li .emapper .jobbutton a {
    width: auto;
  }
}
@media only screen and (max-width:992px) {
  .navbar.sticky-top .container {
    padding: initial;
    max-width: 100%;
  }
  /*==== LOGO ====*/
  .navbar-expand-lg .navbar-brand {
    position: inherit;
    margin-left: .5rem !important;
  }
  .navbar.sticky-top img.logo {
    height: 54px;
  }
  /*==== 選單 ====*/
  .navbar-expand-lg .navbar-collapse {
    text-align: left;
    justify-content: flex-start;
    gap: 0;
    padding-top: 0;
  }
  .navbar.sticky-top .container .fotm {
    gap: 0;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-collapse .icolik, .navbar-expand-lg .navbar-collapse .lang {
    padding: 2px 0;
  }
  .navbar-expand-lg .navbar-collapse .icolik {
    order: 2;
  }
  .navbar-expand-lg .navbar-collapse .lang {
    order: 3;
  }
  .navbar-expand-lg .navbar-collapse .lang img {
    /* width: 20px; */
    width: 30px;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav {
    margin-bottom: 0;
    padding: 0 !important;
    order: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item {
    text-align: left;
    background: #947d6f1f;
    padding: .5rem 1.5rem;
    margin: .5px 0;
    text-align: left;
  }
  .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle {
    padding: 0;
    position: relative;
  }
  .navbar-nav .dropdown-menu {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    padding: 0;
    background: none;
    border-radius: 2px;
  }
  .navbar-nav .dropdown-menu .dropdown-item {
    padding: 2px 10px;
    color: #fff;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    right: -10px;
  }
  .navbar-m-bg {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 1%;
    /* background: rgb(15 45 60 / 60%) !important; */
  }
  /*==== icon連結 ====*/
  .navbar-collapse .btn-sm-square:first-child {
    margin-left: 25px;
  }
  /*========== 首頁-輪播banner ==========*/
  .container-fluid.bannerlis {
    margin-top: inherit;
  }
  .page-header {
    background-size: auto;
    background-position: center top;
    padding: 1rem !important;
    padding-bottom: 0rem !important
  }
  .owl-carousel-inner h1 {
    font-size: calc(1.6rem + 3.5vw);
  }
  /*========== 首頁-參考數據 ==========*/
  .reference_data .refe {
    margin: 1rem 0 0;
  }
  /*========== 首頁-職位搜尋 ==========*/
  .faq .card .faqbox .lisfa {
    align-items: flex-start;
    padding-right: 1.5rem;
  }
  .faq .card .faqbox .ject {
    width: 20%;
    line-height: 140%;
  }
  .faq .card .faqbox .ject.pos1 {
    width: 40%;
  }
  .faq .card-body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .faq .card-body .fqcone {
    width: 100%;
  }
  .faq .card-body button.btn {
    margin: 0 auto;
  }
  /*========== 另開頁面 防範冒名求職詐騙 ==========*/
  .antifraud {
    padding: 20px 0;
  }
  .antifraud .inbox {
    padding: 0;
  }
  .antifraud .inbox .about-tit {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
  }
  .antifraud .inbox .about-tit .inicn {
    order: 1;
  }
  .antifraud .inbox .about-tit h2 {
    order: 2;
  }
  .antifraud .inbox .oimfg {
    order: 3;
    position: absolute;
    right: 0;
    padding-right: 50px;
  }
  .antifraud .inbox .oimfg a {}
  .antifraud .inbox .oimfg img {
    max-width: 120px;
  }
  /*========== !!內頁共用到 ==========*/
  .section-title {
    font-size: 22px;
  }
  .page-header {
    position: relative;
  }
  .page-header::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #0000003b;
    left: 0;
    top: 0;
  }
  .page-header .container.py-5 {
    position: relative;
    z-index: 1;
  }
  .page-header .container.py-5 p span {
    display: block;
  }
  /*========== 內頁-公司簡介 ==========*/
  .page-header.company {
    background-size: 200% 120%;
  }
  .intro .inbox {
    order: 2;
  }
  .intro .inbox .about-img {
    margin: 0;
  }
  /*====== 里程碑 ======*/
  .swiper-container {
    padding-top: 20px;
  }
  .inner_data .feature-img img {
    position: relative;
  }
  /*========== 內頁-服務項目 ==========*/
  .page-header.service {
    background-position: center bottom;
    background-size: 210% 100%;
  }
  .project.solution h5 {
    letter-spacing: -1.8px;
    line-height: 145%;
  }
  .project.solution .nav button {
    padding: 10px 15px;
  }
  .project.solution .tab-pane h2 {
    text-align: center;
    margin: 0 0 1rem 0;
  }
  .project.solution .tab-pane h2::after {
    width: 100%;
  }
  .project.solution .tab-pane h2 span {
    margin: 0;
  }
  .project .nav .nav-link h3 {
    font-size: 1.2rem;
  }
  .project.solution .tab-pane p {
    line-height: 140%;
    font-size: 1.2rem;
    font-size: 1.18rem;
  }
  .project.solution h4 {
    font-size: 1.2rem;
    font-size: 1.12rem;
    line-height: 145%;
  }
  /*========== 內頁-專業領域 ==========*/
  .page-header.professional {
    background-size: cover;
  }
  .professional.page-header .container.py-5 p span:nth-child(2), .professional.page-header .container.py-5 p span:nth-child(3) {
    display: inline-block;
  }
  .service-item .service-text {
    padding: 2rem 1.5rem 1.5rem 1.5rem !important;
  }
  /*========== 內頁-全球服務 ==========*/
  .worldwide h1 br {
    display: none;
  }
  .worldwide ul.liglte {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 35px;
    justify-content: flex-start;
    padding: 0;
  }
  .worldwide ul.liglte li {
    flex: initial;
  }
  .worldwide .inbox {
    padding: 2rem 1.5rem;
  }
  .worldwide .inbox .about-img img {
    position: relative;
  }
  .worldwide .inbox p {
    margin: 0;
    padding: 0;
  }
  /*========== 內頁-加入我們 ==========*/
  .page-header.join {
    background-size: 150% 100%;
    background-position: 80% bottom;
  }
  .page-header.join::after {
    background: #00000052;
  }
  /*========== 內頁-我要求職 ==========*/
  .page-header.job {
    background-size: auto;
    background-position: right top;
  }
  .jpb .texem p {
    font-size: 1.18rem;
  }
  /*========== 內頁-我要求才 ==========*/
  .page-header.recruiting {
    background-size: cover;
  }
  .recruiting p {
    text-align: left;
  }
  .recruiting .bg-light {
    padding: .5rem 1rem 1rem 1rem !important;
    overflow: hidden;
  }
  .recruiting .bg-light span {
    text-align: left;
    float: left
  }
  .recruiting .narrative p {
    margin-bottom: .5rem;
  }
  /*========== 內頁-聯絡我們 ==========*/
  .page-header.contact {
    background-size: 150% 120%;
    background-position: center center;
  }
  .jobseeker .paragraph ul {
    padding: 30px 25px 40px 30px;
  }
  .jobseeker .paragraph ul li.jobli.j1 {
    padding-right: 25px;
  }
  .jobseeker .paragraph ul li.jobli.j2 {
    padding-left: 30px;
  }
  .contactus .map {
    margin: 0;
  }
  /*========== 內頁-最新職缺 ==========*/
  .vacancies.page-header .container.py-5 p span {
    display: inline;
  }
  /*========== 內頁-隱私權 ==========*/
  .page-header.privacy {
    background-size: cover;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .privacy .content .boxli {
    margin-bottom: 2rem !important;
  }
  .privacy .content ol {
    padding: 1rem .5rem;
  }
}
@media only screen and (max-width:576px) {
  /*========== 首頁-LOGO ==========*/
  .navbar-light .navbar-brand {
    padding: 0;
  }
  .navbar.sticky-top img.logo {
    height: 46px;
  }
  /*========== 選單 ==========*/
  .navbar.sticky-top {
    background: rgb(15 45 60 / 90%) !important;
  }
  .navbar-light .navbar-toggler {
    margin: 8px 0;
  }
  .navbar-m-bg {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 1%;
    /* background: rgb(15 45 60 / 60%) !important; */
  }
  /* .navbar-expand-lg .navbar-collapse {
    background: rgb(15 45 60 / 90%) !important;
  } */
  /*========== 首頁-輪播banner ==========*/
  .header-carousel .col-12.col-lg-12 {
    padding: 0;
  }
  .header-carousel .owl-carousel-item {
    min-height: 460px;
  }
  .header-carousel .owl-dots {
    width: 100%;
    height: 60px;
    right: initial;
    top: initial;
    left: 0;
    bottom: 1.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .header-carousel .owl-dots .owl-dot {
    margin: 0 2.5px;
  }
  .header-carousel h1 {
    margin: -80px 1rem 10px 1rem;
    font-size: 39px;
    text-align: justify;
  }
  .header-carousel h1 br {
    display: block;
  }
  .header-carousel p {
    padding: 0 1.5rem;
    font-size: 18px !important;
    margin-bottom: 0 !important;
  }
  .header-carousel .owl-carousel-inner p span {
    display: block;
    font-size: 18px !important;
  }
  .header-carousel .btn {
    margin: 0 1.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    padding: .45rem 2rem !important;
  }
  /*========== 頁底footer ==========*/
  .footer .col-lg-3 {
    width: 100%;
    padding: 0 2rem;
    margin: 1rem 0 0 0;
  }
  .footer h3 {
    margin-bottom: 1rem !important;
  }
  .footer h5, .footer .col-lg-3 p {
    margin-bottom: .5rem !important;
  }
  .footer .col-lg-3 p i {
    margin-right: .5rem !important;
    margin-top: 2.5px;
  }
  .footer .copyright {
    font-size: 14px;
  }
  .footer .copyright .col-md-7.text-center.text-md-start {
    margin-bottom: 0 !important;
  }
  /*========== 首頁-參考數據 ==========*/
  .reference_data {
    padding: 5.2rem 1em 1rem 1rem;
  }
  .reference_data .row.g-5 {
    justify-content: center;
    padding: 0 0 0 .5rem;
  }
  .reference_data .data .roundf h1 {
    font-size: 4rem;
  }
  .reference_data .refe {
    margin: 0;
    padding: 0;
    margin-left: -.5rem;
  }
  /*========== 首頁-職位搜尋 ==========*/
  .faq .card .faqbox {
    padding: 0;
    margin-bottom: .5rem;
  }
  .faq .card .faqbox .lisfa {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
  }
  .faq .card .faqbox .ject {
    width: auto;
    padding: 6px 5px;
  }
  .faq .card .faqbox .ject.pos1 {
    width: 100%;
    margin-bottom: 5px;
    background: #0000003b;
    padding: 6px 30px 6px 10px;
  }
  .faq .card .faqbox .ject.pos2 {}
  .faq .card .faqbox .ject.pos3 {}
  .faq .card .faqbox .ject.pos4 {
    padding-right: 30px;
  }
  /*因為隱藏時間-所以名稱 地點 跟 工作需要推移距離*/
  .faq .card .faqbox .ject.pos1, .faq .card .faqbox .ject.pos2, .faq .card .faqbox .ject.pos3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .faq .card .faqbox .ject::after {
    background: #ffffff1c;
  }
  .faq .card .faqbox .btn-link {
    padding: 0 .75rem;
  }
  .faq .card .faqbox .btn-link:after {
    right: 8px;
    top: 5px;
    margin: 0;
  }
  .faq .card-body {
    margin-bottom: 1.5rem;
  }
  .faq .card-body .fqcone ul.infqu {
    margin: 0;
  }
  /*========== 內頁-banner圖片 ==========*/
  .page-header {
    margin-bottom: 0rem !important;
    background-size: auto;
    background-position: 30% top;
    padding-bottom: 0 !important;
    overflow: hidden;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .page-header .container.py-5 {
    padding: 0 !important;
    padding-top: 1rem !important;
    padding-bottom: .5rem !important;
  }
  .page-header .title-text {
    font-size: 26px;
  }
  .page-header p {
    font-size: 16px !important;
    line-height: 140%;
  }
  /*========== 另開頁面 防範冒名求職詐騙 ==========*/
  .antifraud {
    padding: 20px 1rem 0 1rem;
  }
  .antifraud .inbox .about-tit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
  }
  .antifraud .inbox .about-tit .inicn img {
    height: 80px;
    width: 80px;
  }
  .antifraud .inbox .about-tit h2 {
    font-size: 1.8rem;
    padding: 0 0 0 1rem;
  }
  .antifraud .inbox .about-tit h2 span {
    font-size: 1.4rem;
  }
  .antifraud .intx h3 {
    font-size: 1.32rem;
  }
  .antifraud .inbox .oimfg {
    position: relative;
    padding-right: 0;
    margin: .25rem 0 1rem 0;
  }
  /*========== ~~內頁共用 ==========*/
  .container-xxl.py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .page-header .container.py-5 p {
    line-height: 95%;
    display: none;
  }
  .page-header .container.py-5 p span {
    font-size: 16px;
    display: inline;
  }
  /*========== 內頁-公司簡介 ==========*/
  .intro .inbox .about-img {
    min-height: 380px;
  }
  .intro .inbox .about-img .img-fluid {
    height: auto;
  }
  /*====== 里程碑 ======*/
  .inner_data .col-lg-7 {
    margin: 1rem 0 0 0;
  }
  .inner_data .section-title {
    font-size: 20px;
  }
  .inner_data .mun {
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
  }
  .inner_data .d-flex h3 {
    font-size: 1.24rem;
  }
  .inner_data .d-flex .ps-4 {
    padding: 0 !important;
  }
  .inner_data .feature-img {
    margin: 0 auto;
    min-height: 290px;
  }
  .inner_data .feature-img img {
    height: auto;
  }
  /*========== 內頁-專業領域 ==========*/
  .professional.page-header .container.py-5 p span:nth-child(1) {
    display: block;
  }
  .professional.page-header .container.py-5 p span:nth-child(2), .professional.page-header .container.py-5 p span:nth-child(3) {
    display: inline;
  }
  /*========== 內頁-服務項目 ==========*/
  .project.solution h4 {
    margin: 0 0 5px 0 !important;
  }
  .project.solution h5 {
    text-align: left;
    letter-spacing: 0;
  }
  .project.solution .nav {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-top: -30px;
  }
  .project.solution .nav button {
    flex: 0 0 10%;
    padding: 8px 2px 10px 2px;
    text-align: center !important;
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center !important;
    min-height: 210px;
  }
  .project.solution .nav button i {
    margin: 0 auto !important;
    margin-bottom: 10px !important;
  }
  /*========== 內頁-全球服務 ==========*/
  .page-header.worldwide {
    background-size: cover;
    background-position: center right;
  }
  .worldwide h5 {
    font-size: 20px;
  }
  .worldwide ul.liglte {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
  }
  .worldwide .inbox {
    height: 100%;
  }
  .worldwide .inbox p {
    margin: 1rem 0 0 0;
  }
  .worldwide .intxs {
    margin: 0;
  }
  .worldwide .intxs .licou {
    padding: 0;
    background: none;
  }
  /*========== 內頁-加入我們 ==========*/
  .join.page-header .container.py-5 p span {
    display: block;
  }
  .join h1.display-6 {
    text-align: center;
  }
  /*========== 內頁-我要求職 ==========*/
  .page-header.job {
    background-position: 48% top;
  }
  .container-xxl.py-5.jpb {
    padding-bottom: 0 !important;
  }
  .jpb .texnot {
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
    align-items: center !important;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
  }
  .jpb .texnot img {
    margin-bottom: .5rem;
  }
  .jpb .texnot .texem {
    padding: 0;
    margin: 0 !important;
  }
  .jpb .texem p {
    /*letter-spacing: -1.7px;*/
    line-height: 145%;
    font-size: 18px;
  }
  .jpb .phoim {
    margin: 1rem 0 0 0;
  }
  .resume .container.pt-5 {
    padding-top: 1.5rem !important;
  }
  .resume .reslist .intro .list h3 span {
    padding: 0;
  }
  /*========== 內頁-我要求才 ==========*/
  .recruiting .section-title {
    text-align: left;
  }
  .recruiting .tedro {
    margin-top: 0 !important;
  }
  .team-item {
    padding: .75rem 1.2rem;
  }
  /*========== 內頁-聯絡我們 ==========*/
  .page-header.contact {
    min-height: 210px;
    background-position: 62% -25px;
    background-size: 210% 100%;
    padding-top: 40px !important;
    /*background: #08202d;*/
    padding-top: 20px !important;
    min-height: 200px;
    background-position: 15% 0;
    background-size: 145% 80%;
  }
  .page-header.contact .title-text {
    padding-left: 5px !important;
    padding-top: 14px;
    /* text-align: center;*/
    padding: 5px !important;
  }
  .jobseeker {
    margin-top: -100px;
  }
  .jobseeker .paragraph ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 20px 20px 10px 20px;
  }
  .jobseeker .paragraph ul li.jobli.j1, .jobseeker .paragraph ul li.jobli.j2 {
    margin: 0 0 15px 0;
    padding: 0;
  }
  .jobseeker .paragraph::after {
    display: none;
  }
  .jobseeker .paragraph ul li .description h3 {
    margin-bottom: 3px;
  }
  .jobseeker .paragraph ul li .description p {
    margin: 0 0 5px 0;
    line-height: 140%;
  }
  .jobseeker .paragraph ul li .emapper .jobbutton a {
    width: 100%;
    padding: .25rem 1rem;
  }
  .contactus .nh2 .addmap {
    margin: 0;
  }
  .contactus iframe {
    margin-top: 1rem !important;
  }
  .contactus .bg-light {
    padding: .5rem !important;
  }
  .contactus .conbox {
    width: 28px;
    height: 28px;
  }
  .contactus .addmap .ad1 .conbox {
    /*margin-top: -2.5rem !important;*/
  }
  .contactus .ter {
    margin-left: .8rem;
  }
  .contactus .bg-light.d-flex.align-items-center h4 {
    font-size: 1.2rem;
  }
  .vacancies.page-header .container.py-5 p span {
    display: block;
  }
  /*========== 內頁-最新職缺 ==========*/
  .page-header.vacancies {
    background-size: cover;
  }
  .faq .card .faqbox .ject.pos2::after {
    display: none;
  }
  /*========== 內底頁面-隱私權 ==========*/
  .privacy {}
  .privacy h1 {
    font-size: 1.6rem;
    letter-spacing: -.5px;
  }
  .privacy .content .boxli {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-bottom: 1.5rem !important;
  }
  .privacy .content ol {
    padding: 1rem;
  }
  .privacy .content .boxli::after {
    display: none;
  }
}
/* ==========================================================================
   【日本版專用微調區】 - 貼在原本 CSS 的最後面，絕對不會影響原本功能
   ========================================================================== */
/* 1. 日本版全域字體優化 - 解決日文字體與英文 Arial 不合的問題 */
html[lang="ja"], html[lang="ja"] body, html[lang="ja"] h1, html[lang="ja"] .h1, html[lang="ja"] h2, html[lang="ja"] .h2, html[lang="ja"] h3, html[lang="ja"] .h3, html[lang="ja"] h4, html[lang="ja"] .h4, html[lang="ja"] h5, html[lang="ja"] .h5, html[lang="ja"] h6, html[lang="ja"] .h6 {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif !important;
  line-height: 1.4;
  font-weight: 500;
}
html[lang="ja"] h1, html[lang="ja"] .h1 {}
html[lang="ja"] h2, html[lang="ja"] .h2 {}
html[lang="ja"] h3, html[lang="ja"] .h3 {
  font-size: 1.626rem;
}
html[lang="ja"] h4, html[lang="ja"] .h4 {
  font-size: 1.25rem;
}
html[lang="ja"] h5, html[lang="ja"] .h5 {
  font-size: 1.14rem;
}
html[lang="ja"] p, html[lang="ja"] body p {
  line-height: 160%;
  letter-spacing: 0.025em !important;
}
html[lang="ja"] .display-5 {
  font-size: 2.5rem;
}
html[lang="ja"] .fs-4 {
  font-size: 1.248rem !important;
}
/* 2. 強制修復 Latest Jobs 模組消失問題 */
/* 這是因為 Layui 渲染動態資料時，有時會誤套用 .layui-hide。這裡強制將容器設為可見 */
#latest_jobs, #ca-container, .jobs_list_box, .ca-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 250px !important;
  overflow: visible !important;
}
/* 3. 修正日文導覽列文字過長跑位的問題 */
html[lang="ja"] .navbar .navbar-nav .nav-link {
  padding: 1rem 0.3rem !important; /* 縮小左右間距 */
  font-size: 15px !important; /* 稍微縮小字級 */
  white-space: nowrap !important;
}
/* 4. 針對日文全型標點與間距的微調 */
html[lang="ja"] .section-title, html[lang="ja"] .title-text {
  letter-spacing: 0.025em !important;
  line-height: 1.5 !important;
}
/* 5. 頁底聯絡還沒有給正確翻譯先隱藏 */
.container-fluid.bg-dark.footer {
  padding-top: 0rem !important;
}
.container-fluid.bg-dark.footer .container.py-5 {
  display: none;
}
/* 6. upfile改成日文 */
/* 自定義按鈕樣式 */
.custom-file-upload {
  display: inline-block;
  padding: 8px 16px;
  cursor: pointer;
  background-color: #B78D65; /* 使用你的變數 --primary */
  color: #fff;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  margin-right: 10px;
  transition: 0.3s;
}
.custom-file-upload:hover {
  background-color: #a37b54;
}
/* 檔名顯示文字樣式 */
#file-name {
  color: #b3b3b3;
  font-size: 14px;
}