@charset "UTF-8";
/*--------------- Hover 效果 ---------------*/
.careers-kv { padding-top: 58px; padding-bottom: 100px; }

@media (max-width: 1920px) { .careers-kv { padding-top: 3.02083vw; padding-bottom: 5.20833vw; } }

@media (max-width: 992px) { .careers-kv { padding-top: 5.33333vmin; } }

.careers-kv .kv__container { width: 1680px; margin: 0 auto; }

@media (max-width: 1920px) { .careers-kv .kv__container { width: 87.5vw; } }

@media (max-width: 992px) { .careers-kv .kv__container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 90.66667vmin; } }

.careers-kv .kv__info { position: relative; width: 480px; max-width: 480px; padding: 62px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }

@media (max-width: 1920px) { .careers-kv .kv__info { width: 25vw; max-width: 25vw; padding: 3.22917vw 0 0; } }

@media (max-width: 992px) { .careers-kv .kv__info { width: 100%; max-width: none; padding: 0 4.26667vmin 0; margin-top: -6.4vmin; } }

.careers-kv .kv__text { margin-bottom: 122px; }

@media (max-width: 1920px) { .careers-kv .kv__text { margin-bottom: 5.625vw; } }

@media (max-width: 992px) { .careers-kv .kv__text { margin-bottom: 7.73333vmin; } }

.careers-kv .kv__text::before { width: 140%; -webkit-transition-delay: .25s; transition-delay: .25s; z-index: 1; }

.careers-kv .kv__title { width: 650px; overflow: hidden; }

@media (max-width: 1920px) { .careers-kv .kv__title { width: 33.85417vw; } }

@media (max-width: 992px) { .careers-kv .kv__title { width: 53.33333vmin; } }

.careers-kv .kv__title h1, .careers-kv .kv__title p { font-size: 130px; font-family: "nr", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1; letter-spacing: 5.2px; white-space: nowrap; will-change: transform, opacity; -webkit-transform: translateY(var(--intro-y)); transform: translateY(var(--intro-y)); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.85s; transition-duration: 0.85s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }

#careers-root.loaded .kv__title h1, #careers-root.loaded .kv__title p { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media (max-width: 1920px) { .careers-kv .kv__title h1, .careers-kv .kv__title p { font-size: 6.77083vw; letter-spacing: 0.27083vw; } }

@media (max-width: 992px) { .careers-kv .kv__title h1, .careers-kv .kv__title p { font-size: 10.66667vmin; letter-spacing: 0.21333vmin; } }

.careers-kv .kv__desc { margin-top: 19px; overflow: hidden; }

@media (max-width: 1920px) { .careers-kv .kv__desc { margin-top: 0.98958vw; } }

@media (max-width: 992px) { .careers-kv .kv__desc { margin-top: 2.13333vmin; } }

.careers-kv .kv__desc p { font-size: 24px; font-family: "nr", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; text-indent: 4px; line-height: 1.25; letter-spacing: 0.72px; word-spacing: 1.5px; white-space: pre; will-change: transform, opacity; -webkit-transform: translateY(var(--intro-y)); transform: translateY(var(--intro-y)); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.85s; transition-duration: 0.85s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }

#careers-root.loaded .kv__desc p { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media (max-width: 1920px) { .careers-kv .kv__desc p { font-size: 1.25vw; text-indent: 0.20833vw; letter-spacing: 0.0375vw; word-spacing: 0.07812vw; } }

@media (max-width: 992px) { .careers-kv .kv__desc p { font-size: 3.73333vmin; text-indent: 0.26667vmin; line-height: 1.28571; letter-spacing: 1.12vmin; word-spacing: 0.2vmin; } }

@media (max-width: 992px) { .careers-kv .kv__anchors ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; height: auto; padding-left: 0.26667vmin; } }

.careers-kv .kv__anchors li { margin-bottom: 24px; will-change: transform, opacity; -webkit-transform: translateY(calc(var(--intro-y) / 4)); transform: translateY(calc(var(--intro-y) / 4)); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.85s; transition-duration: 0.85s; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }

#careers-root.loaded .kv__anchors li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.careers-kv .kv__anchors li:nth-child(1) { -webkit-transition-delay: .6s; transition-delay: .6s; }

.careers-kv .kv__anchors li:nth-child(2) { -webkit-transition-delay: .7s; transition-delay: .7s; }

.careers-kv .kv__anchors li:nth-child(3) { -webkit-transition-delay: .8s; transition-delay: .8s; }

.careers-kv .kv__anchors li:nth-child(4) { -webkit-transition-delay: .9s; transition-delay: .9s; }

.careers-kv .kv__anchors li:nth-child(5) { -webkit-transition-delay: 1s; transition-delay: 1s; }

.careers-kv .kv__anchors li:nth-child(6) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }

.careers-kv .kv__anchors li:nth-child(7) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

@media (max-width: 1920px) { .careers-kv .kv__anchors li { margin-bottom: 1.25vw; } }

@media (max-width: 992px) { .careers-kv .kv__anchors li { width: 50%; margin-bottom: 4.8vmin; }
  .careers-kv .kv__anchors li:nth-child(n + 5) { width: auto; } }

.careers-kv .kv__anchors a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; font-size: 19px; line-height: 1; letter-spacing: 3.2px; -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; }

@media (max-width: 1920px) { .careers-kv .kv__anchors a { font-size: 0.98958vw; letter-spacing: 0.16667vw; } }

@media (max-width: 992px) { .careers-kv .kv__anchors a { font-size: 2.8vmin; letter-spacing: 0.56vmin; } }

@media (hover: hover) and (min-width: 751px) { .careers-kv .kv__anchors a:hover { color: #aaa; } }

.careers-kv .kv__anchors a::before { content: '／'; color: #000000; font-size: 13px; font-family: 'Noto Sans HK', sans-serif; margin-right: 10px; }

@media (max-width: 1920px) { .careers-kv .kv__anchors a::before { font-size: 0.67708vw; margin-right: 0.52083vw; } }

@media (max-width: 992px) { .careers-kv .kv__anchors a::before { font-size: 1.73333vmin; margin-right: 1.33333vmin; } }

.careers-kv .kv__anchors span { font-family: "nr", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; }

.careers-kv .kv__anchors span.en { letter-spacing: 1.6px; margin-left: 6px; }

@media (max-width: 1920px) { .careers-kv .kv__anchors span.en { letter-spacing: 0.08333vw; margin-right: 0.3125vw; } }

@media (max-width: 992px) { .careers-kv .kv__anchors span.en { letter-spacing: 0.21333vmin; margin-right: 0.8vmin; } }

.careers-kv .kv__image { position: relative; width: 1230px; min-width: 1230px; height: 640px; z-index: 2; overflow: hidden; }

@media (max-width: 1920px) { .careers-kv .kv__image { width: 64.0625vw; min-width: 64.0625vw; height: 33.33333vw; } }

@media (max-width: 992px) { .careers-kv .kv__image { width: 100%; height: 90.66667vmin; min-width: 0; } }

.careers-kv .kv__image::before { -webkit-transition-delay: .5s; transition-delay: .5s; }

.careers-kv .kv__image img, .careers-kv .kv__image video { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; will-change: transform, opacity; -webkit-transform: translateY(var(--intro-y)); transform: translateY(var(--intro-y)); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.85s; transition-duration: 0.85s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }

#careers-root.loaded .kv__image img, #careers-root.loaded .kv__image video { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.careers-kv .kv__image .kv__title { position: absolute; top: 0; left: 0; padding: 62px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }

@media (max-width: 1920px) { .careers-kv .kv__image .kv__title { left: -25vw; padding: 3.22917vw 0 0; } }

@media (max-width: 992px) { .careers-kv .kv__image .kv__title { top: 84.26667vmin; left: 0; width: 100%; max-width: none; padding: 0 4.26667vmin 0; margin-top: 0; } }

.careers-kv .kv__image .kv__title p { color: #fff; }

.careers-introduction { padding-top: 100px; padding-bottom: 100px; will-change: transform, opacity; -webkit-transform: translateY(var(--intro-y)); transform: translateY(var(--intro-y)); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.85s; transition-duration: 0.85s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }

@media (max-width: 1920px) { .careers-introduction { padding-top: 5.20833vw; padding-bottom: 5.20833vw; will-change: transform, opacity; -webkit-transform: translateY(2.60417vw); transform: translateY(2.60417vw); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } }

@media (max-width: 992px) { .careers-introduction { padding-top: 19.2vmin; padding-bottom: 19.2vmin; will-change: transform, opacity; -webkit-transform: translateY(6.66667vmin); transform: translateY(6.66667vmin); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } }

.careers-introduction.on { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.careers-introduction .introduction__container { width: 1680px; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 1920px) { .careers-introduction .introduction__container { width: 87.5vw; } }

@media (max-width: 992px) { .careers-introduction .introduction__container { width: 90.66667vmin; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.careers-introduction .introduction__container .introduction__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 72px; }

@media (max-width: 1920px) { .careers-introduction .introduction__container .introduction__info { padding-left: 3.75vw; } }

@media (max-width: 992px) { .careers-introduction .introduction__container .introduction__info { width: 100%; padding-left: 0; } }

.careers-introduction .introduction__container .introduction__info .introduction__subtitle { font-size: 30px; letter-spacing: 2.25px; margin-bottom: 26px; }

@media (max-width: 1920px) { .careers-introduction .introduction__container .introduction__info .introduction__subtitle { font-size: 1.5625vw; letter-spacing: 0.11719vw; margin-bottom: 1.35417vw; } }

@media (max-width: 992px) { .careers-introduction .introduction__container .introduction__info .introduction__subtitle { font-size: 5.33333vmin; letter-spacing: 0.4vmin; margin-bottom: 6vmin; } }

.careers-introduction .introduction__container .introduction__info .introduction__text { font-size: 18px; letter-spacing: 1.08px; line-height: 2; }

@media (max-width: 1920px) { .careers-introduction .introduction__container .introduction__info .introduction__text { font-size: 0.9375vw; letter-spacing: 0.05625vw; } }

@media (max-width: 992px) { .careers-introduction .introduction__container .introduction__info .introduction__text { font-size: 3.46667vmin; letter-spacing: 0.208vmin; line-height: 1.93; } }

.careers-introduction .introduction__container .introduction__title { font-size: 185px; font-weight: 600; text-align: right; letter-spacing: 11.1px; line-height: 144px; position: relative; margin-bottom: 66px; }

@media (max-width: 1920px) { .careers-introduction .introduction__container .introduction__title { font-size: 9.63542vw; line-height: 7.5vw; letter-spacing: 0.57812vw; margin-bottom: 3.4375vw; margin-left: -20.83333vw; } }

@media (max-width: 992px) { .careers-introduction .introduction__container .introduction__title { font-size: 18.4vmin; line-height: 14.66667vmin; letter-spacing: 0vmin; margin-bottom: 9.86667vmin; margin-left: 1.86667vmin; } }

.careers-introduction .introduction__container .introduction__title span { color: #fff; text-shadow: -2px -2px 0 #000000, 0 -2px 0 #000000, 2px -2px 0 #000000, 2px 0 0 #000000, 2px 2px 0 #000000, 0 2px 0 #000000, -2px 2px 0 #000000, -2px 0 0 #000000; }

@media (max-width: 1920px) { .careers-introduction .introduction__container .introduction__title span { text-shadow: -0.10417vw -0.10417vw 0 #000000, 0 -0.10417vw 0 #000000, 0.10417vw -0.10417vw 0 #000000, 0.10417vw 0 0 #000000, 0.10417vw 0.10417vw 0 #000000, 0 0.10417vw 0 #000000, -0.10417vw 0.10417vw 0 #000000, -0.10417vw 0 0 #000000; } }

@media (max-width: 992px) { .careers-introduction .introduction__container .introduction__title span { mix-blend-mode: darken; text-shadow: -0.26667vmin -0.26667vmin 0 #000000, 0 -0.26667vmin 0 #000000, 0.26667vmin -0.26667vmin 0 #000000, 0.26667vmin 0 0 #000000, 0.26667vmin 0.26667vmin 0 #000000, 0 0.26667vmin 0 #000000, -0.26667vmin 0.26667vmin 0 #000000, -0.26667vmin 0 0 #000000; } }

.careers-introduction .introduction__container .introduction__image { width: 1100px; min-width: 1100px; height: 619px; position: relative; z-index: 1; overflow: hidden; }

@media (max-width: 1920px) { .careers-introduction .introduction__container .introduction__image { width: 57.29167vw; min-width: 57.29167vw; height: 32.23958vw; } }

@media (max-width: 992px) { .careers-introduction .introduction__container .introduction__image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 90.66667vmin; min-width: 90.66667vmin; height: 51.06667vmin; margin-bottom: -9.06667vmin; } }

.careers-introduction .introduction__container .introduction__image img { width: 100%; height: 100%; }

.careers-introduction .introduction__container .introduction__image .introduction__title { position: absolute; top: 0; right: 0; color: #fff; }

@media (max-width: 1920px) { .careers-introduction .introduction__container .introduction__image .introduction__title { top: 2.60417vw; right: -30.625vw; } }

@media (max-width: 992px) { .careers-introduction .introduction__container .introduction__image .introduction__title { top: 42vmin; right: auto; left: 0vmin; } }

.careers-introduction .introduction__container .introduction__image .introduction__title span { color: #000; text-shadow: -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff; mix-blend-mode: lighten; }

@media (max-width: 1920px) { .careers-introduction .introduction__container .introduction__image .introduction__title span { text-shadow: -0.10417vw -0.10417vw 0 #fff, 0 -0.10417vw 0 #fff, 0.10417vw -0.10417vw 0 #fff, 0.10417vw 0 0 #fff, 0.10417vw 0.10417vw 0 #fff, 0 0.10417vw 0 #fff, -0.10417vw 0.10417vw 0 #fff, -0.10417vw 0 0 #fff; } }

@media (max-width: 992px) { .careers-introduction .introduction__container .introduction__image .introduction__title span { text-shadow: -0.26667vmin -0.26667vmin 0 #fff, 0 -0.26667vmin 0 #fff, 0.26667vmin -0.26667vmin 0 #fff, 0.26667vmin 0 0 #fff, 0.26667vmin 0.26667vmin 0 #fff, 0 0.26667vmin 0 #fff, -0.26667vmin 0.26667vmin 0 #fff, -0.26667vmin 0 0 #fff; } }

.careers-info { will-change: transform, opacity; -webkit-transform: translateY(var(--intro-y)); transform: translateY(var(--intro-y)); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.85s; transition-duration: 0.85s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }

@media (max-width: 1920px) { .careers-info { will-change: transform, opacity; -webkit-transform: translateY(2.60417vw); transform: translateY(2.60417vw); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } }

@media (max-width: 992px) { .careers-info { will-change: transform, opacity; -webkit-transform: translateY(6.66667vmin); transform: translateY(6.66667vmin); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } }

.careers-info.on { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.careers-info .info__container { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 98px 240px 0 230px; background: #ffffff; }

@media (max-width: 1920px) { .careers-info .info__container { padding: 5.10417vw 12.5vw 0 11.97917vw; } }

@media (max-width: 992px) { .careers-info .info__container { padding: 19.2vmin 0 0 0; } }

.careers-info .info__title h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 40px; letter-spacing: 1.6px; }

@media (max-width: 1920px) { .careers-info .info__title h3 { font-size: 2.08333vw; letter-spacing: 0.08333vw; } }

@media (max-width: 992px) { .careers-info .info__title h3 { font-size: 5.33333vmin; letter-spacing: 0.32vmin; } }

.careers-info .info__title h3::before, .careers-info .info__title h3::after { content: ''; width: 29px; height: 2px; margin-right: 14px; background: #000; }

@media (max-width: 1920px) { .careers-info .info__title h3::before, .careers-info .info__title h3::after { width: 1.51042vw; height: 0.10417vw; margin-right: 0.72917vw; } }

@media (max-width: 992px) { .careers-info .info__title h3::before, .careers-info .info__title h3::after { width: 4vmin; height: 0.26667vmin; margin-right: 1.73333vmin; } }

.careers-info .info__title h3::after { margin-left: 14px; background: none; }

@media (max-width: 1920px) { .careers-info .info__title h3::after { margin-left: 0.72917vw; } }

@media (max-width: 992px) { .careers-info .info__title h3::after { content: none; } }

.careers-info .info__title span { font-size: 30px; font-weight: 400; letter-spacing: 1.2px; margin-left: 18px; }

@media (max-width: 1920px) { .careers-info .info__title span { font-size: 1.5625vw; letter-spacing: 0.0625vw; margin-left: 0.9375vw; } }

@media (max-width: 992px) { .careers-info .info__title span { font-size: 4.8vmin; letter-spacing: 0.36vmin; margin-left: 4.8vmin; } }

.careers-info .info__main { padding: 96px 0 54px; }

@media (max-width: 1920px) { .careers-info .info__main { padding: 5vw 0 2.8125vw; } }

@media (max-width: 992px) { .careers-info .info__main { position: relative; padding: 10.4vmin 0 13.33333vmin; } }

.careers-info .info__content { overflow: hidden; }

.careers-info .info__item { width: 600px; padding-left: 10px; margin-right: 40px; }

@media (max-width: 1920px) { .careers-info .info__item { width: 31.25vw; padding-left: 0.52083vw; margin-right: 2.08333vw; } }

@media (max-width: 992px) { .careers-info .info__item { width: 100%; padding: 0 13.33333vmin; margin-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.careers-info .info__item__image { position: relative; height: 496px; }

@media (max-width: 1920px) { .careers-info .info__item__image { height: 25.83333vw; } }

@media (max-width: 992px) { .careers-info .info__item__image { height: 66.4vmin; } }

.careers-info .info__item__image img { display: block; width: 100%; height: auto; }

@media (max-width: 992px) { .careers-info .info__item__image img { width: auto; height: 100%; margin: 0 auto; } }

.careers-info .info__item__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; bottom: 20px; left: -9px; color: #fff; }

@media (max-width: 1920px) { .careers-info .info__item__label { bottom: 1.04167vw; left: -0.46875vw; } }

@media (max-width: 992px) { .careers-info .info__item__label { bottom: 3.86667vmin; left: -2.53333vmin; } }

.careers-info .info__item__job { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 45px; padding: 0 14px 0 10px; background: #000; }

@media (max-width: 1920px) { .careers-info .info__item__job { min-height: 2.34375vw; padding: 0 0.72917vw 0 0.52083vw; } }

@media (max-width: 992px) { .careers-info .info__item__job { min-height: 7.6vmin; padding: 0 1.73333vmin 0 1.73333vmin; } }

.careers-info .info__item__job p { font-size: 30px; font-family: "nr", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: 900; letter-spacing: 1.8px; }

@media (max-width: 1920px) { .careers-info .info__item__job p { font-size: 1.5625vw; letter-spacing: 0.09375vw; } }

@media (max-width: 992px) { .careers-info .info__item__job p { font-size: 4.8vmin; letter-spacing: 0.288vmin; } }

.careers-info .info__item__desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-width: 248px; min-height: 46px; padding: 0 14px 0 10px; background: #000; }

@media (max-width: 1920px) { .careers-info .info__item__desc { min-width: 12.91667vw; min-height: 2.39583vw; padding: 0 0.72917vw 0 0.52083vw; } }

@media (max-width: 992px) { .careers-info .info__item__desc { min-height: 6.13333vmin; padding: 0 1.33333vmin 0 1.06667vmin; } }

.careers-info .info__item__desc p { font-size: 21px; font-style: italic; letter-spacing: 1.26px; }

@media (max-width: 1920px) { .careers-info .info__item__desc p { font-size: 1.09375vw; letter-spacing: 0.06563vw; } }

@media (max-width: 992px) { .careers-info .info__item__desc p { font-size: 4vmin; letter-spacing: 0.24vmin; } }

.careers-info .info__item__title { margin-bottom: 38px; }

@media (max-width: 1920px) { .careers-info .info__item__title { margin-bottom: 1.97917vw; } }

@media (max-width: 992px) { .careers-info .info__item__title { margin-bottom: 5.06667vmin; } }

.careers-info .info__item__title p { font-size: 26px; font-weight: 700; letter-spacing: 1.56px; }

@media (max-width: 1920px) { .careers-info .info__item__title p { font-size: 1.35417vw; letter-spacing: 0.08125vw; } }

@media (max-width: 992px) { .careers-info .info__item__title p { font-size: 4.8vmin; letter-spacing: 0.288vmin; } }

.careers-info .info__item__content { counter-reset: items; padding: 42px 20px 90px 22px; }

@media (max-width: 1920px) { .careers-info .info__item__content { padding: 2.1875vw 1.04167vw 4.6875vw 1.14583vw; } }

@media (max-width: 992px) { .careers-info .info__item__content { padding: 6.4vmin 2.66667vmin 6.66667vmin 1.33333vmin; } }

.careers-info .info__item__subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 21px; font-weight: 700; font-family: "nr", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1.26px; margin: 24px 0 10px; }

@media (max-width: 1920px) { .careers-info .info__item__subtitle { font-size: 1.09375vw; letter-spacing: 0.06563vw; margin: 1.25vw 0 0.52083vw; } }

@media (max-width: 992px) { .careers-info .info__item__subtitle { font-size: 4vmin; letter-spacing: 0.24vmin; margin: 3.46667vmin 0 1.6vmin; } }

.careers-info .info__item__subtitle::before { counter-increment: items; content: "#0" counter(items); font-style: italic; margin-right: 7px; }

@media (max-width: 1920px) { .careers-info .info__item__subtitle::before { margin-right: 0.36458vw; } }

@media (max-width: 992px) { .careers-info .info__item__subtitle::before { margin-right: 0.8vmin; } }

.careers-info .info__item__text p { font-size: 18px; line-height: 2; letter-spacing: 1.08px; }

@media (max-width: 1920px) { .careers-info .info__item__text p { font-size: 0.9375vw; letter-spacing: 0.05625vw; } }

@media (max-width: 992px) { .careers-info .info__item__text p { font-size: 3.46667vmin; line-height: 1.923; letter-spacing: 0.208vmin; } }

.careers-info .swiper-button-next, .careers-info .swiper-button-prev { position: absolute; top: 432px; right: 120px; left: auto; width: 18px; height: 33px; background-image: url("/images/careers/arrow-next.png"); background-size: contain; }

@media (max-width: 1920px) { .careers-info .swiper-button-next, .careers-info .swiper-button-prev { top: 22.5vw; right: 6.25vw; width: 0.9375vw; height: 1.71875vw; } }

@media (max-width: 992px) { .careers-info .swiper-button-next, .careers-info .swiper-button-prev { top: 48vmin; right: 4.66667vmin; width: 2.4vmin; height: 4.4vmin; } }

.careers-info .swiper-button-prev { left: 120px; right: auto; background-image: url("/images/careers/arrow-prev.png"); }

@media (max-width: 1920px) { .careers-info .swiper-button-prev { left: 6.25vw; } }

@media (max-width: 992px) { .careers-info .swiper-button-prev { left: 4.66667vmin; } }

.careers-info .swiper-button-disabled { opacity: 0; }

.careers-info .info__item__toggler { position: absolute; right: 0; bottom: 12px; }

@media (max-width: 1920px) { .careers-info .info__item__toggler { bottom: 0.625vw; } }

@media (max-width: 992px) { .careers-info .info__item__toggler { bottom: 1.6vmin; } }

.careers-info .info__item__toggler li { position: relative; opacity: 0.3; margin-top: 16px; }

@media (max-width: 1920px) { .careers-info .info__item__toggler li { margin-top: 0.83333vw; } }

@media (max-width: 992px) { .careers-info .info__item__toggler li { margin-top: 2.4vmin; } }

.careers-info .info__item__toggler li.current { opacity: 1; }

.careers-info .info__item__toggler li.current::after { content: ''; position: absolute; top: 50%; left: -20px; width: 12px; height: 17px; background: url("/images/careers/info-arrow.png") no-repeat 0 0/contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

@media (max-width: 1920px) { .careers-info .info__item__toggler li.current::after { left: -1.04167vw; width: 0.625vw; height: 0.88542vw; } }

@media (max-width: 992px) { .careers-info .info__item__toggler li.current::after { left: -2.93333vmin; width: 1.6vmin; height: 2.26667vmin; } }

.careers-info .info__item__toggler a { display: block; width: 124px; height: 88px; border-left: #000 1px solid; }

@media (max-width: 1920px) { .careers-info .info__item__toggler a { width: 6.45833vw; height: 4.58333vw; } }

@media (max-width: 992px) { .careers-info .info__item__toggler a { width: 18.4vmin; height: 13.06667vmin; } }

.careers-info .info__item__toggler__button { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

.careers-info .info__item__toggler__name { width: 43px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000; font-size: 22px; letter-spacing: 1.32px; }

@media (max-width: 1920px) { .careers-info .info__item__toggler__name { width: 2.23958vw; font-size: 1.14583vw; letter-spacing: 0.06875vw; } }

@media (max-width: 992px) { .careers-info .info__item__toggler__name { width: 6.4vmin; font-size: 3.2vmin; letter-spacing: 0.192vmin; } }

.careers-info .info__item__toggler__icon { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-image: url("/images/careers/icons.png"); background-size: 50px 239px; background-repeat: no-repeat; }

@media (max-width: 1920px) { .careers-info .info__item__toggler__icon { background-size: 2.60417vw 12.44792vw; } }

@media (max-width: 992px) { .careers-info .info__item__toggler__icon { background-image: url("/images/careers/icons_m.png"); background-size: 7.46667vmin 34.8vmin; } }

.careers-info .info__item__toggler__button--1 .info__item__toggler__icon { background-position: center 27px; }

@media (max-width: 1920px) { .careers-info .info__item__toggler__button--1 .info__item__toggler__icon { background-position: center 1.40625vw; } }

@media (max-width: 992px) { .careers-info .info__item__toggler__button--1 .info__item__toggler__icon { background-position: center 4.26667vmin; } }

.careers-info .info__item__toggler__button--2 .info__item__toggler__icon { background-position: center -79px; }

@media (max-width: 1920px) { .careers-info .info__item__toggler__button--2 .info__item__toggler__icon { background-position: center -4.11458vw; } }

@media (max-width: 992px) { .careers-info .info__item__toggler__button--2 .info__item__toggler__icon { background-position: center -11.33333vmin; } }

.careers-info .info__item__toggler__button--3 .info__item__toggler__icon { background-position: center -180px; }

@media (max-width: 1920px) { .careers-info .info__item__toggler__button--3 .info__item__toggler__icon { background-position: center -9.375vw; } }

@media (max-width: 992px) { .careers-info .info__item__toggler__button--3 .info__item__toggler__icon { background-position: center -26.93333vmin; } }

.careers-entrance { padding: 100px 120px; background: #f5f5f5; will-change: transform, opacity; -webkit-transform: translateY(var(--intro-y)); transform: translateY(var(--intro-y)); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.85s; transition-duration: 0.85s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }

@media (max-width: 1920px) { .careers-entrance { padding: 5.20833vw 6.25vw; will-change: transform, opacity; -webkit-transform: translateY(2.60417vw); transform: translateY(2.60417vw); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } }

@media (max-width: 992px) { .careers-entrance { padding: 18.66667vmin 10vmin 16.26667vmin; will-change: transform, opacity; -webkit-transform: translateY(6.66667vmin); transform: translateY(6.66667vmin); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } }

.careers-entrance.on { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.careers-entrance .entrance__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 96px 170px 0; background: #ffffff; }

@media (max-width: 1920px) { .careers-entrance .entrance__container { padding: 5vw 8.85417vw 0; } }

@media (max-width: 992px) { .careers-entrance .entrance__container { padding: 16.26667vmin 5.33333vmin 0; } }

.careers-entrance .entrance__title h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 40px; letter-spacing: 1.6px; }

@media (max-width: 1920px) { .careers-entrance .entrance__title h3 { font-size: 2.08333vw; letter-spacing: 0.08333vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__title h3 { -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 5.33333vmin; letter-spacing: 0.32vmin; } }

.careers-entrance .entrance__title h3::before, .careers-entrance .entrance__title h3::after { content: ''; width: 29px; height: 2px; margin-right: 14px; background: #000; }

@media (max-width: 1920px) { .careers-entrance .entrance__title h3::before, .careers-entrance .entrance__title h3::after { width: 1.51042vw; height: 0.10417vw; margin-right: 0.72917vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__title h3::before, .careers-entrance .entrance__title h3::after { width: 4vmin; height: 0.26667vmin; margin-right: 1.86667vmin; } }

.careers-entrance .entrance__title h3::after { margin-left: 14px; background: none; }

@media (max-width: 1920px) { .careers-entrance .entrance__title h3::after { margin-left: 0.72917vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__title h3::after { content: none; } }

.careers-entrance .entrance__title span { font-size: 30px; font-weight: 400; letter-spacing: 1.2px; margin-left: 18px; }

@media (max-width: 1920px) { .careers-entrance .entrance__title span { font-size: 1.5625vw; letter-spacing: 0.0625vw; margin-left: 0.9375vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__title span { -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 4.8vmin; text-align: center; letter-spacing: 0.36vmin; padding-top: 3.46667vmin; margin-left: 0; } }

.careers-entrance .entrance__main { padding: 96px 0 54px; }

@media (max-width: 1920px) { .careers-entrance .entrance__main { padding: 5vw 0 2.8125vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__main { padding: 12.8vmin 0 0vmin; } }

.careers-entrance .entrance__description { padding-top: 28px; }

@media (max-width: 1920px) { .careers-entrance .entrance__description { padding-top: 1.45833vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__description { padding-top: 5.33333vmin; } }

.careers-entrance .entrance__description p { font-size: 26px; text-align: center; letter-spacing: 1.95px; }

@media (max-width: 1920px) { .careers-entrance .entrance__description p { font-size: 1.35417vw; letter-spacing: 0.10156vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__description p { font-size: 3.73333vmin; line-height: 1.57; letter-spacing: 0.28vmin; padding: 0 1em; } }

.careers-entrance .entrance__area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.careers-entrance .entrance__city { width: 350px; }

@media (max-width: 1920px) { .careers-entrance .entrance__city { width: 18.22917vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__city { width: 32vmin; } }

.careers-entrance .entrance__city__header { padding-bottom: 40px; border-bottom: #000 2px solid; }

@media (max-width: 1920px) { .careers-entrance .entrance__city__header { padding-bottom: 2.08333vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__city__header { padding-bottom: 6.66667vmin; border-bottom-width: 0.26667vmin; } }

.careers-entrance .entrance__city__title { font-size: 26px; text-align: center; letter-spacing: 1.95px; }

@media (max-width: 1920px) { .careers-entrance .entrance__city__title { font-size: 1.35417vw; letter-spacing: 0.10156vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__city__title { font-size: 3.73333vmin; letter-spacing: 0.09333vmin; } }

.careers-entrance .entrance__city__content { padding-bottom: 104px; }

@media (max-width: 1920px) { .careers-entrance .entrance__city__content { padding-bottom: 5.41667vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__city__content { padding-bottom: 16.26667vmin; } }

.careers-entrance .entrance__city__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 992px) { .careers-entrance .entrance__city__list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }

.careers-entrance .entrance__city__dealer { margin-top: 48px; }

@media (max-width: 1920px) { .careers-entrance .entrance__city__dealer { margin-top: 2.5vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__city__dealer { margin-top: 7.46667vmin; } }

.careers-entrance .entrance__city__dealer a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000; font-size: 22px; }

@media (max-width: 1920px) { .careers-entrance .entrance__city__dealer a { font-size: 1.14583vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__city__dealer a { position: relative; font-size: 3.46667vmin; } }

.careers-entrance .entrance__city__dealer a::after { content: ''; width: 21px; height: 20px; margin-left: 28px; background: url("/images/careers/brand-right-top-arrow.png") no-repeat center center/contain; }

@media (max-width: 1920px) { .careers-entrance .entrance__city__dealer a::after { width: 1.09375vw; height: 1.04167vw; margin-left: 1.45833vw; } }

@media (max-width: 992px) { .careers-entrance .entrance__city__dealer a::after { position: absolute; right: 0; width: 2.66667vmin; height: 2.8vmin; margin-left: 0; } }

@media (hover: hover) and (min-width: 751px) { .careers-entrance .entrance__city__dealer a:hover { color: #aaa; } }

#Box { padding-top: 120px; }

@media (max-width: 1920px) { #Box { padding-top: 6.25vw; } }

@media (max-width: 1200px) { #Box { padding-top: 10vw; } }

@media (max-width: 992px) { #Box { padding-top: 16vmin; } }

.pageBody { font-family: "nbk", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #fff; }

#careers-root { --intro-y: -100px; line-height: 1; }

@media (max-width: 1920px) { #careers-root { --intro-y: -5.20833vw; } }

@media (max-width: 992px) { #careers-root { --intro-y: -13.33333vmin; } }

#careers-root a { text-decoration: none; }