.content-page, .faq-right-content {
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: 0.9px;
  color: #1a1a1a; }

.desc-p {
  font-size: 18px;
  line-height: 1.333;
  letter-spacing: 0.9px;
  color: #1a1a1a; }

.apply-form .desc-p {
  font-size: 14px; }

.faq-right-content {
  letter-spacing: 0.54px; }

.content-page h2, .faq-right-content h2 {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.32px;
  margin-bottom: 15px; }

.content-page h3, .faq-right-content h3 {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.54px; }

.content-page p, .content-page ul, .content-page ol, .faq-right-content p, .faq-right-content ul, .faq-right-contentol {
  margin: 0 0 20px; }

.content-page ul, .faq-right-content ul {
  list-style-type: initial;
  padding-left: 20px; }

.content-page ol, .faq-right-content ol {
  list-style-type: decimal;
  padding-left: 20px; }

#layout-page {
  margin-bottom: 160px; }

#layout-page .content-page {
  max-width: 800px;
  margin: 0 auto; }

.page-top {
  padding: 120px 0 80px;
  background: #f2f2f2;
  text-align: center;
  margin-bottom: 80px; }
  .page-top .page-top-sub {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 1.2px;
    color: #201EC0; }
  .page-top .page-top-title {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: 0.64px;
    margin: 0;
    font-weight: 300;
    color: #01656C; }
  .page-top .page-top-desc {
    max-width: 500px;
    margin: 20px auto 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: 0.54px; }
  .page-top .page-top-btn {
    margin-top: 40px; }
    .page-top .page-top-btn a {
      font-size: 18px;
      font-weight: 300;
      line-height: 1.33;
      letter-spacing: 1.08px; }
  .page-top p {
    margin: 0; }

.career-title {
  font-size: 32px;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: 0.32px;
  margin-bottom: 40px; }

.job-apply-btn {
  margin-top: 40px; }

.store-full {
  margin-bottom: 80px; }
  .store-full .store-item .store-img {
    flex: 0 0 64.5%;
    width: 64.5%; }
  .store-full .store-item .store-info {
    flex: 0 0 29%;
    width: 29%; }
    .store-full .store-item .store-info h3 {
      font-size: 32px;
      line-height: 1.25;
      letter-spacing: 0.32px; }

.store-list-box .store-item {
  flex: 0 0 calc(50% - 40px);
  width: calc(50% - 40px);
  margin-bottom: 80px; }
  .store-list-box .store-item .store-img {
    margin-bottom: 20px; }

.store-item .store-img img {
  width: 100%; }

.store-item .store-info {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.333;
  color: #000; }
  .store-item .store-info h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: 0.32px;
    color: #201EC0;
    margin: 0 0 12px; }
  .store-item .store-info a {
    display: inline-block;
    text-decoration: underline; }
  .store-item .store-info .font-20 {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 1.2px;
    text-transform: uppercase; }
  .store-item .store-info .time {
    margin-top: 12px; }

.contact-main-box {
  max-width: 630px;
  margin: 0 auto 160px; }
  .contact-main-box .contact-item {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.333;
    letter-spacing: 0.54px;
    color: #000;
    margin-bottom: 40px; }
    .contact-main-box .contact-item h3 {
      font-weight: 400;
      color: #201EC0;
      margin: 0 0 4px; }
    .contact-main-box .contact-item a {
      display: inline-block;
      text-decoration: underline; }

.career-top {
  margin-bottom: 80px; }
  .career-top .img {
    flex: 0 0 58.33%;
    width: 58.33%; }
    .career-top .img img {
      width: 100%; }
  .career-top .banner-info {
    flex: 0 0 41.67%;
    width: 41.67%; }
    .career-top .banner-info .title {
      font-size: 32px;
      color: #201EC0;
      margin-bottom: 40px;
      letter-spacing: 0.64px;
      line-height: 1.25; }

.career-box-flex {
  margin-bottom: 40px; }
  .career-box-flex .career-side {
    flex: 0 0 30.5%;
    width: 30.5%; }
  .career-box-flex .career-right {
    flex: 0 0 69.5%;
    width: 69.5%; }
  .career-box-flex .career-group {
    margin-bottom: 40px; }
  .career-box-flex .career-group-title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .career-box-flex .career-group-list {
    border-top: 1px solid #e6e6e6; }
    .career-box-flex .career-group-list li {
      padding: 12px 0;
      border-bottom: 1px solid #e6e6e6;
      font-size: 18px;
      font-weight: 300;
      line-height: 1.33; }
      .career-box-flex .career-group-list li .job-title {
        flex: 0 0 56%;
        width: 56%;
        font-weight: 400;
        letter-spacing: 0.54px; }
      .career-box-flex .career-group-list li .job-type {
        flex: 0 0 27.6%;
        width: 27.6%;
        letter-spacing: 0.9px; }
      .career-box-flex .career-group-list li .job-link {
        flex: 0 0 16.4%;
        width: 16.4%; }
        .career-box-flex .career-group-list li .job-link a {
          letter-spacing: 1.08px;
          text-transform: uppercase; }
          .career-box-flex .career-group-list li .job-link a:hover {
            text-decoration: underline; }

.career-mission {
  padding: 80px 80px 120px;
  position: relative;
  margin-bottom: 80px; }
  .career-mission:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
  .career-mission .mission-box {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto; }
    .career-mission .mission-box .mission-box-sub {
      font-size: 20px;
      font-weight: 300;
      line-height: 1.4;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      margin-bottom: 40px;
      color: #fff; }
    .career-mission .mission-box .desc {
      font-size: 48px;
      font-weight: 300;
      line-height: 1.167;
      letter-spacing: 0.96px;
      color: #fff; }

.career-box .faq-content {
  margin-bottom: 40px; }

.faq-content .faq-item {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: 0.9px;
  border-bottom: 1px solid #e6e6e6; }
  .faq-content .faq-item:first-child {
    border-top: 1px solid #e6e6e6; }

.faq-content .faq-item .faq-ques {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: 0.96px;
  padding: 20px 0;
  cursor: pointer; }

.faq-content .faq-item .faq-ques svg {
  width: 8px;
  height: 16px;
  fill: #000;
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out; }

.faq-content .faq-item .faq-ans {
  display: none;
  padding: 0 0 40px; }

.faq-content .faq-item.open .faq-ques {
  color: #201EC0; }

.faq-content .faq-item.open .faq-ques svg {
  transform: rotate(-90deg); }

.faq-content .faq-item .faq-ans .ans-left {
  flex: 0 0 41.6%;
  width: 41.6%; }

.faq-content .faq-item .faq-ans .ans-img {
  flex: 0 0 48.9%;
  width: 48.9%; }

.life-item .life-img {
  flex: 0 0 58.3%;
  width: 58.3%; }

.life-item .life-info {
  flex: 0 0 41.7%;
  width: 41.7%;
  padding: 80px;
  justify-content: space-between; }
  .life-item .life-info .life-sub {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0.32px; }
  .life-item .life-info .life-title {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: 0.96px;
    color: #201EC0;
    margin: 0 0 15px; }
  .life-item .life-info .desc-p {
    color: #000; }

.career-life {
  margin-bottom: 80px; }
  .career-life .my-nav.owl-carousel .owl-nav button.owl-next {
    right: 41.7%; }
  .career-life .my-dot.owl-carousel .owl-dots {
    width: 41.7%;
    bottom: 80px;
    left: 58.3%;
    padding-left: 80px; }

.career-team {
  padding: 80px 0 160px; }
  .career-team .my-nav.owl-carousel .owl-nav button.owl-prev {
    left: -80px; }
  .career-team .my-nav.owl-carousel .owl-nav button.owl-next {
    right: -80px; }
  .career-team .team-item .team-img {
    flex: 0 0 42.5%;
    width: 42.5%; }
  .career-team .team-item .team-info {
    flex: 0 0 57.5%;
    width: 57.5%;
    padding-left: 20px; }
    .career-team .team-item .team-info h3 {
      font-size: 24px;
      font-weight: 300;
      line-height: 1.33;
      letter-spacing: 0.96px; }
    .career-team .team-item .team-info .pos {
      margin-bottom: 20px; }

.career-benefit {
  overflow: hidden; }

.benefit-box {
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 40px; }
  .benefit-box .benefit-item {
    flex: 0 0 calc(100%/3);
    width: calc(100%/3);
    padding: 0 40px;
    margin-bottom: 40px; }
    .benefit-box .benefit-item h3 {
      font-size: 24px;
      font-weight: 300;
      line-height: 1.33;
      letter-spacing: 0.96px;
      color: #201EC0;
      padding-bottom: 12px;
      margin-bottom: 12px;
      border-bottom: 1px solid #e6e6e6; }

.apply-top {
  margin-bottom: 80px;
  padding: 120px 0 80px;
  text-align: center;
  position: relative; }
  .apply-top.has-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
  .apply-top .apply-top-btn {
    position: relative;
    z-index: 2; }
  .apply-top .apply-top-title {
    font-size: 48px;
    font-weight: 300;
    line-height: 1.16;
    letter-spacing: 0.96px;
    margin-bottom: 40px;
    color: #fff;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  .apply-top form {
    position: relative;
    max-width: 630px;
    margin: 0 auto; }
    .apply-top form input {
      display: block;
      width: 100%;
      border: 0;
      border-radius: 0;
      background: #fff;
      padding: 16px 20px 16px 56px;
      font-size: 24px;
      font-weight: 300;
      line-height: 32px;
      letter-spacing: 0.96px;
      outline: none; }
    .apply-top form button {
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      border: 0;
      background: transparent; }

.page-breab {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0.42px;
  text-transform: uppercase; }
  .page-breab svg {
    width: 5px;
    margin: 0 12px; }

.page-h2 {
  font-size: 32px;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: 0.32px;
  margin: 12px 0; }

.u-form {
  margin-top: 80px; }
  .u-form .has-arrow {
    position: relative; }
    .u-form .has-arrow .select-arrow {
      position: absolute;
      bottom: 14px;
      right: 20px;
      transform: rotate(90deg); }
  .u-form .input-group {
    display: block;
    margin-bottom: 40px; }
    .u-form .input-group .input-group-title {
      display: block;
      font-size: 14px;
      font-weight: 300;
      line-height: 1.28;
      letter-spacing: 0.7px;
      margin: 0 0 8px; }
    .u-form .input-group input, .u-form .input-group select, .u-form .input-group textarea {
      display: block;
      width: 100%;
      border: 1px solid #e6e6e6;
      border-radius: 0;
      background: #fff;
      padding: 0 16px;
      font-size: 14px;
      font-weight: 300;
      line-height: 46px;
      letter-spacing: 0.9px;
      outline: none;
      color: #000;
      appearance: none; }
    .u-form .input-group select {
      height: 48px; }
    .u-form .input-group textarea {
      min-height: 120px; }
  .u-form .input-btn {
    margin-top: 80px; }
    .u-form .input-btn .btn-submit {
      display: inline-block;
      background: #201EC0;
      color: #fff;
      font-size: 18px;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: 1.08px;
      min-width: 160px;
      text-align: center;
      padding: 16px 20px;
      border: 0; }

.project-box {
  margin-bottom: 40px; }
  .project-box .project-item {
    flex: 0 0 calc(25% - 15px);
    width: calc(25% - 15px);
    margin-bottom: 40px; }
    .project-box .project-item .img {
      position: relative;
      overflow: hidden;
      margin-bottom: 8px;
      padding-bottom: 125%; }
      .project-box .project-item .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }

.interested-box {
  max-width: 760px;
  margin: 0 auto 160px;
  background: #f2f2f2;
  padding: 80px; }
  .interested-box .career-title {
    font-size: 48px; }
  .interested-box .desc-p {
    margin-bottom: 40px; }

.how-box {
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 80px;
  padding: 80px 0; }
  .how-box .how-box-content {
    max-width: 960px;
    margin: 0 auto; }
  .how-box .career-title {
    font-size: 48px;
    line-height: 1.16;
    margin: 0 0 16px; }
  .how-box .how-box-tab {
    margin-bottom: 75px; }
    .how-box .how-box-tab li {
      margin: 0 10px;
      font-size: 18px;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: 1.08px;
      text-transform: uppercase;
      border-bottom: 1px solid transparent;
      cursor: pointer; }
      .how-box .how-box-tab li.active, .how-box .how-box-tab li:hover {
        color: #201EC0;
        border-color: #201EC0; }
  .how-box .how-content {
    display: none;
    margin-bottom: 40px;
    overflow: hidden; }
    .how-box .how-content.active {
      display: block; }
  .how-box .how-flex {
    position: relative;
    margin-left: -40px;
    margin-right: -40px; }
    .how-box .how-flex:before {
      content: '';
      position: absolute;
      top: 20px;
      left: calc((100%/3)/2);
      width: calc((100%/3)*2);
      border: 1px dashed #e6e6e6; }
    .how-box .how-flex .how-item {
      flex: 0 0 calc(100%/3);
      width: calc(100%/3);
      padding: 0 40px;
      margin-bottom: 40px; }
      .how-box .how-flex .how-item .how-num {
        display: block;
        width: 40px;
        height: 40px;
        border: 1px solid #201EC0;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        font-size: 24px;
        font-weight: 300;
        color: #201EC0;
        margin: 0 auto 20px;
        position: relative;
        z-index: 3;
        background: #fff; }

.topic-list {
  margin-bottom: 60px; }
  .topic-list .topic-item {
    background: #fff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    flex: 0 0 calc(25% - 15px);
    width: calc(25% - 15px);
    margin: 0 20px 20px 0; }
    .topic-list .topic-item:nth-child(4), .topic-list .topic-item:last-child {
      margin-right: 0; }
    .topic-list .topic-item a {
      display: block;
      padding: 40px;
      font-size: 24px;
      font-weight: 300;
      line-height: 32px;
      letter-spacing: 0.96px;
      height: 100%;
      color: #000; }
      .topic-list .topic-item a:hover {
        background: #201EC0;
        color: #fff; }
        .topic-list .topic-item a:hover svg path {
          fill: #fff; }
      .topic-list .topic-item a svg {
        width: 80px;
        height: 80px; }
        .topic-list .topic-item a svg path {
          fill: #201EC0;
          transition: all 0.3s linear; }
      .topic-list .topic-item a .img {
        max-width: 80px;
        margin: 0 auto 32px; }

.faq-question {
  margin-bottom: 160px; }
  .faq-question .question-list {
    max-width: 760px;
    margin: 0 auto; }

.question-list li {
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 0; }
  .question-list li:first-child {
    border-top: 1px solid #e6e6e6; }
  .question-list li a {
    display: block;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: 0.96px; }

.faq-box {
  margin-bottom: 160px; }
  .faq-box .faq-sidebar {
    flex: 0 0 25%;
    width: 25%;
    padding-right: 25px; }
    .faq-box .faq-sidebar ul {
      margin: 0 0 40px; }
      .faq-box .faq-sidebar ul li {
        margin-bottom: 16px; }
        .faq-box .faq-sidebar ul li.active a {
          text-decoration: underline; }
        .faq-box .faq-sidebar ul li a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-weight: 300;
          line-height: 1.33;
          letter-spacing: 0.54px; }
          .faq-box .faq-sidebar ul li a svg {
            display: none;
            fill: #000;
            transition: all 0.3s ease-in-out; }
        .faq-box .faq-sidebar ul li ul {
          margin: 12px 0 0; }
          .faq-box .faq-sidebar ul li ul li {
            margin: 0;
            border-bottom: 1px solid #e6e6e6; }
            .faq-box .faq-sidebar ul li ul li:first-child {
              border-top: 1px solid #e6e6e6; }
            .faq-box .faq-sidebar ul li ul li.current a {
              padding: 12px 0 12px 20px;
              color: #000; }
            .faq-box .faq-sidebar ul li ul li a {
              display: block;
              font-weight: 300;
              line-height: 18px;
              letter-spacing: 0.7px;
              padding: 12px 0;
              color: #808080; }
  .faq-box .faq-right {
    flex: 0 0 75%;
    width: 75%; }
    .faq-box .faq-right .faq-right-box {
      margin-top: 40px; }

.search-list {
  border-top: 1px solid #e6e6e6; }
  .search-list li {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6; }
    .search-list li .s-title {
      display: block;
      font-size: 24px;
      font-weight: 300;
      line-height: 1.33;
      letter-spacing: 0.96px;
      margin: 8px 0; }
    .search-list li .short-desc {
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.54px;
      color: #808080; }

/* media */
@media screen and (max-width: 1199px) {
  .life-item .life-info {
    padding: 40px; }
  .career-team .my-nav.owl-carousel .owl-nav button.owl-prev {
    left: 0px; }
  .career-team .my-nav.owl-carousel .owl-nav button.owl-next {
    right: 0px; } }

@media screen and (max-width: 991px) {
  .page-top {
    padding: 60px 0; }
    .page-top .page-top-title {
      font-size: 36px; }
  .apply-top {
    padding: 60px 0; }
    .apply-top .apply-top-title {
      font-size: 36px; }
  .career-box-flex .career-side .blue-btn {
    margin-bottom: 40px; }
  .career-top {
    margin-left: -15px;
    margin-right: -15px; }
  .career-mission .mission-box .desc {
    font-size: 36px; }
  .career-top .img, .career-top .banner-info, .career-box-flex .career-side, .career-box-flex .career-right,
  .life-item .life-img, .life-item .life-info, .career-team .team-item .team-img, .career-team .team-item .team-info {
    flex: 0 0 100%;
    width: 100%; }
  .career-team .team-item .team-info {
    padding: 20px 0 0; }
  .benefit-box {
    margin-left: -20px;
    margin-right: -20px; }
    .benefit-box .benefit-item {
      padding: 0 20px; }
  .life-item .life-info {
    padding: 40px;
    min-height: 340px; }
  .career-life .my-dot.owl-carousel .owl-dots {
    width: 100%;
    padding-left: 40px;
    left: 0;
    bottom: 40px; }
  .career-life .my-nav.owl-carousel .owl-nav button.owl-next {
    right: 0; } }

@media screen and (max-width: 767px) {
  .content-page, .desc-p, .page-top .page-top-sub, .page-top .page-top-btn a {
    font-size: 16px; }
  .career-box-flex .career-group-list li .job-link {
    text-align: right; }
    .career-box-flex .career-group-list li .job-link a {
      font-size: 14px; }
  .page-top, .store-full {
    margin-bottom: 40px; }
  .store-full .store-item .store-img {
    margin-bottom: 20px; }
  .store-full .store-item .store-img, .store-full .store-item .store-info {
    flex: 0 0 100%;
    width: 100%; }
  .faq-content .faq-item .faq-ans .ans-left, .faq-content .faq-item .faq-ans .ans-img,
  .faq-box .faq-sidebar, .faq-box .faq-right {
    flex: 0 0 100%;
    width: 100%;
    padding: 0; }
  .faq-box .faq-right .faq-right-box {
    margin-bottom: 40px; }
  .faq-box .faq-sidebar.fix-mb {
    padding: 12px 0;
    border-top: 0.5px solid #bfbfbf;
    border-bottom: 0.5px solid #bfbfbf;
    margin-bottom: 40px; }
    .faq-box .faq-sidebar.fix-mb .title-click2 {
      cursor: pointer;
      font-size: 20px;
      font-weight: 300;
      line-height: 1.35;
      letter-spacing: 1px; }
      .faq-box .faq-sidebar.fix-mb .title-click2.active svg {
        transform: rotate(-180deg); }
      .faq-box .faq-sidebar.fix-mb .title-click2 svg {
        fill: #000;
        transition: all 0.3s ease-in-out; }
    .faq-box .faq-sidebar.fix-mb > ul {
      display: none;
      margin: 12px 0 0; }
      .faq-box .faq-sidebar.fix-mb > ul li {
        margin-bottom: 4px; }
        .faq-box .faq-sidebar.fix-mb > ul li:last-child {
          margin: 0; }
        .faq-box .faq-sidebar.fix-mb > ul li.active a {
          text-decoration: none;
          color: #201EC0; }
        .faq-box .faq-sidebar.fix-mb > ul li a {
          color: #808080; }
  .faq-box .faq-sidebar ul li.sidebar-title-mb {
    padding: 12px 0;
    margin: 0;
    border-top: 0.5px solid #bfbfbf;
    border-bottom: 0.5px solid #bfbfbf; }
    .faq-box .faq-sidebar ul li.sidebar-title-mb > a {
      font-size: 20px;
      font-weight: 300;
      line-height: 1.35;
      letter-spacing: 1px;
      color: #000; }
      .faq-box .faq-sidebar ul li.sidebar-title-mb > a.active svg {
        transform: rotate(-180deg); }
      .faq-box .faq-sidebar ul li.sidebar-title-mb > a svg {
        display: block; }
    .faq-box .faq-sidebar ul li.sidebar-title-mb ul {
      display: none; }
      .faq-box .faq-sidebar ul li.sidebar-title-mb ul li {
        border: 0;
        margin-bottom: 4px; }
        .faq-box .faq-sidebar ul li.sidebar-title-mb ul li:last-child {
          margin: 0; }
        .faq-box .faq-sidebar ul li.sidebar-title-mb ul li.current a {
          color: #201EC0; }
        .faq-box .faq-sidebar ul li.sidebar-title-mb ul li a {
          font-size: 20px;
          font-weight: 300;
          line-height: 1.35;
          letter-spacing: 1px;
          color: #808080;
          padding: 0; }
  .store-list-box .store-item {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 40px; }
  .store-item .store-info {
    font-size: 16px; }
    .store-item .store-info h3 {
      font-size: 26px; }
    .store-item .store-info .font-20 {
      font-size: 18px; }
  .career-top .banner-info .title {
    font-size: 32px; }
  .career-title {
    text-align: left; }
  .career-title, .career-mission .mission-box .desc {
    font-size: 24px;
    margin-bottom: 20px; }
  .career-box-flex .career-group-title {
    font-size: 18px; }
  .career-top, .career-mission, .career-life {
    margin-bottom: 60px; }
  .career-mission {
    padding: 40px 40px 60px; }
  .faq-content .faq-item .faq-ques {
    font-size: 20px; }
  .career-team {
    padding: 40px 0 80px; }
    .career-team .team-owl .owl-stage {
      padding-left: 0 !important; }
  .career-box-flex {
    margin-bottom: 20px; }
  .benefit-box {
    margin: 0 0 20px; }
    .benefit-box .benefit-item {
      flex: 0 0 100%;
      width: 100%;
      padding: 0; }
  .career-life .my-dot.owl-carousel .owl-dots {
    padding-left: 0; }
  .life-item .life-info {
    padding: 40px 0;
    min-height: 400px; }
  .interested-box, .faq-question {
    margin: 0 0 80px; }
  .project-box .project-item {
    flex: 0 0 calc(50% - 10px);
    width: calc(50% - 10px); }
  .interested-box {
    padding: 40px 20px; }
    .interested-box .career-title {
      font-size: 32px; }
  .project-box {
    margin-bottom: 20px; }
  .how-box {
    margin-bottom: 60px;
    padding: 60px 0; }
    .how-box .how-flex {
      margin: 0; }
      .how-box .how-flex:before {
        display: none; }
      .how-box .how-flex .how-item {
        flex: 0 0 100%;
        width: 100%; }
  .apply-top {
    margin-bottom: 40px; }
  .page-h2 {
    font-size: 26px; }
  .question-list li {
    padding: 12px 0; }
  .question-list li a, .content-page, .faq-right-content {
    font-size: 18px; }
  .apply-top form input {
    padding: 12px 12px 12px 50px;
    font-size: 20px; }
  .apply-top form button {
    left: 13px; }
  .faq-box .faq-sidebar .sidebar-btn {
    display: none; }
  .topic-list {
    margin-bottom: 40px; }
  .topic-list .topic-item {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 20px;
    text-align: left; }
    .topic-list .topic-item a {
      padding: 24px;
      font-size: 20px;
      line-height: 1.35;
      display: flex;
      align-items: center;
      height: auto; }
      .topic-list .topic-item a .img {
        flex: 0 0 48px;
        max-width: 48px;
        margin: 0 20px 0 0; }
        .topic-list .topic-item a .img svg {
          width: 48px;
          height: 48px; }
      .topic-list .topic-item a span {
        flex: 1; } }