@charset "UTF-8";
/* IMPORTS */
/* VARIABLES */
/*
 * Cityu Template Theme
 */
/* MIXINS */
.t-search-input .t-header-search, .t-nav-collapse .t-navbar-nav li .t-nav-link > span,
.t-sidebar-mobile .t-navbar-nav li .t-nav-link > span, .t-nav-collapse .m-quick-link + .nav .nav-link span,
.t-sidebar-mobile .m-quick-link + .nav .nav-link span, .t-nav-collapse .m-quick-link > h2,
.t-sidebar-mobile .m-quick-link > h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1152px;
  padding-left: 12px;
  padding-right: 12px; }
  @media (max-width: 1199.98px) {
    .t-search-input .t-header-search, .t-nav-collapse .t-navbar-nav li .t-nav-link > span,
    .t-sidebar-mobile .t-navbar-nav li .t-nav-link > span, .t-nav-collapse .m-quick-link + .nav .nav-link span,
    .t-sidebar-mobile .m-quick-link + .nav .nav-link span, .t-nav-collapse .m-quick-link > h2,
    .t-sidebar-mobile .m-quick-link > h2 {
      max-width: 960px;
      padding-left: 12px;
      padding-right: 12px; } }
  @media (max-width: 999.98px) {
    .t-search-input .t-header-search, .t-nav-collapse .t-navbar-nav li .t-nav-link > span,
    .t-sidebar-mobile .t-navbar-nav li .t-nav-link > span, .t-nav-collapse .m-quick-link + .nav .nav-link span,
    .t-sidebar-mobile .m-quick-link + .nav .nav-link span, .t-nav-collapse .m-quick-link > h2,
    .t-sidebar-mobile .m-quick-link > h2 {
      max-width: 720px;
      padding-left: 8px;
      padding-right: 8px; } }
  @media (max-width: 759.98px) {
    .t-search-input .t-header-search, .t-nav-collapse .t-navbar-nav li .t-nav-link > span,
    .t-sidebar-mobile .t-navbar-nav li .t-nav-link > span, .t-nav-collapse .m-quick-link + .nav .nav-link span,
    .t-sidebar-mobile .m-quick-link + .nav .nav-link span, .t-nav-collapse .m-quick-link > h2,
    .t-sidebar-mobile .m-quick-link > h2 {
      max-width: 568px;
      padding-left: 20px;
      padding-right: 20px; } }

#header {
  width: 100%;
  padding-top: 17px;
  background-color: #fff;
  transition: top .6s; }
  @media (max-width: 999.98px) {
    #header {
      position: fixed;
      z-index: 95;
      top: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      box-shadow: 0 1px 0 0 rgba(223, 223, 223, 0.5); } }
  @media (max-width: 759.98px) {
    #header {
      padding-top: 8px;
      padding-bottom: 8px; } }
  @media (max-width: 999.98px) {
    #header.t-menu-open {
      background-color: #bf165e; }
      #header.t-menu-open .navbar-brand-hk::after {
        content: '';
        display: block;
        width: 70px;
        height: 44px;
        background-size: 100% auto;
        background-image: url(https://template.cityu.edu.hk/template/logo/CityU/CityU_Mini_Logo_Reverse.svg);
        background-repeat: no-repeat; }
      #header.t-menu-open .t-header-logo-m {
        display: none !important; }
      #header.t-menu-open .site-name-slogan .navbar-brand {
        background-color: #FFF; }
      #header.t-menu-open .t-header-search {
        display: none; }
      #header.t-menu-open .t-nav-toggle.t-nav-active {
        margin-left: auto; }
        #header.t-menu-open .t-nav-toggle.t-nav-active::after {
          color: #FFF; } }
  @media (max-width: 759.98px) {
    #header.t-menu-open .navbar-brand-hk::after {
      width: 67px;
      height: 40px;
      background-size: auto 100%; } }
  @media (max-width: 999.98px) {
    #header.t-menu-open .tm-service-name {
      color: #FFF; } }
  @media (max-width: 999.98px) {
    #header .t-header-search {
      margin-left: auto; } }
  #header .t-header-search form {
    position: relative;
    line-height: 20px; }
    @media (max-width: 999.98px) {
      #header .t-header-search form {
        margin-left: auto;
        margin-top: 10px;
        width: 30px;
        height: 26px; } }
  #header .t-header-text {
    -webkit-apprarence: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    box-shadow: none;
    width: 128px;
    height: 24px;
    padding-right: 30px;
    font-size: 12px;
    border: 1px solid #e0e0e0;
    text-indent: 8px; }
    @media (max-width: 1199.98px) {
      #header .t-header-text {
        font-size: 11px; } }
    @media (max-width: 999.98px) {
      #header .t-header-text {
        display: none; } }
  #header .cityu-search-button {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    border: none;
    background: transparent;
    cursor: pointer; }
  #header .t-header-search-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 7px;
    font-size: 13.5px;
    line-height: 24px;
    letter-spacing: 1px; }
    #header .t-header-search-icon::after {
      content: "";
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
      color: #2e2e2e; }
    @media (max-width: 999.98px) {
      #header .t-header-search-icon.t-search-close::after {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        color: #2e2e2e; } }

.t-search-input {
  display: none;
  background-color: #f2f1f2; }
  @media (min-width: 1000px) {
    .t-search-input {
      display: none !important; } }
  .t-search-input .t-header-search {
    padding-top: 20px;
    padding-bottom: 20px; }
    .t-search-input .t-header-search form {
      position: relative; }
    .t-search-input .t-header-search .t-header-text {
      width: 100%;
      padding-right: 52px;
      height: 52px;
      border-radius: 4px;
      border: solid 1px #1d1d1b;
      text-indent: 11px;
      font-size: 14px;
      letter-spacing: 0.5px;
      background-color: transparent; }
    .t-search-input .t-header-search .cityu-search-button {
      position: absolute;
      z-index: 2;
      top: 0;
      right: 0;
      width: 52px;
      height: 100%;
      border: none;
      background: transparent;
      cursor: pointer; }
    .t-search-input .t-header-search .t-header-search-icon {
      position: absolute;
      display: flex;
      width: 52px;
      height: 100%;
      align-items: center;
      justify-content: center;
      z-index: 1;
      top: 0;
      right: 0;
      font-size: 13.5px;
      line-height: 24px;
      letter-spacing: 1px; }
      .t-search-input .t-header-search .t-header-search-icon::after {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        color: #2e2e2e; }

#navbar-top {
  padding: 0;
  display: block; }

.navbar .container,
.navbar .container-fluid {
  display: block; }

.region-top-header {
  align-items: flex-start; }

.t-header-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start; }
  .t-header-wrapper::after {
    display: block;
    clear: both;
    content: ""; }

.navbar-brand-hk {
  padding: 0;
  margin-right: 15px;
  transition: opacity .2s;
  height: 90px; }
  .no-touch .navbar-brand-hk:hover, .navbar-brand-hk:active {
    opacity: 0.85;
    filter: alpha(opacity=85); }
  @media (max-width: 1199.98px) {
    .navbar-brand-hk {
      margin-right: 11px;
      height: 75px; } }
  @media (max-width: 999.98px) {
    .navbar-brand-hk {
      margin-right: 9px;
      height: 45px; } }
  @media (max-width: 759.98px) {
    .navbar-brand-hk {
      margin-right: 8px;
      height: 40px; } }
  .navbar-brand-hk img {
    width: auto;
    height: 90px; }
    @media (max-width: 1199.98px) {
      .navbar-brand-hk img {
        height: 75px; } }
    @media (max-width: 999.98px) {
      .navbar-brand-hk img {
        display: none !important;
        height: 45px; } }
    @media (max-width: 759.98px) {
      .navbar-brand-hk img {
        height: 40px; } }
  .navbar-brand-hk .t-header-logo-m {
    display: none; }
    @media (max-width: 999.98px) {
      .navbar-brand-hk .t-header-logo-m {
        display: block !important; } }

.site-name-slogan {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  margin-right: 12px;
  align-self: flex-end;
  background-color: #bf165e; }
  @media (max-width: 1199.98px) {
    .site-name-slogan {
      margin-right: 12px; } }
  @media (max-width: 999.98px) {
    .site-name-slogan {
      align-self: center;
      position: static;
      margin-bottom: 0;
      margin-right: auto;
      background-color: transparent; } }
  .site-name-slogan .navbar-brand {
    margin-right: 0;
    display: block;
    padding: 9px 6px 9px 34px;
    font-size: 13px;
    white-space: normal;
    color: #fff;
    line-height: 1.3; }
    @media (max-width: 1199.98px) {
      .site-name-slogan .navbar-brand {
        padding: 6px 6px 6px 28px; } }
    @media (max-width: 999.98px) {
      .site-name-slogan .navbar-brand {
        position: relative;
        padding: 0 7px 0 7px;
        color: #44403f; }
        .site-name-slogan .navbar-brand::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          z-index: 1;
          display: block;
          width: 1px;
          height: 16px;
          background-color: #d8d8d8; } }
    .site-name-slogan .navbar-brand::after {
      content: '';
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      border-width: 18px;
      border-style: solid;
      border-color: #fff transparent transparent #fff; }
      @media (max-width: 1199.98px) {
        .site-name-slogan .navbar-brand::after {
          border-width: 14px; } }
      @media (max-width: 999.98px) {
        .site-name-slogan .navbar-brand::after {
          display: none; } }

.menu--quick-links {
  position: relative;
  margin-left: auto;
  margin-right: 40px;
  margin-top: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (max-width: 1199.98px) {
    .menu--quick-links {
      margin-right: 45px; } }
  @media (max-width: 999.98px) {
    .menu--quick-links {
      display: none; } }
  .menu--quick-links .nav {
    display: none;
    position: absolute;
    z-index: 1;
    width: 202px;
    padding: 20px;
    border-radius: 2px;
    box-shadow: 0 0 5px #e0e0e0;
    background: #FFF; }
    @media (max-width: 1199.98px) {
      .menu--quick-links .nav {
        width: 165px;
        padding: 15px; } }
    @media (max-width: 999.98px) {
      .menu--quick-links .nav {
        display: none; } }
    .menu--quick-links .nav li {
      margin-bottom: 20px; }
      @media (max-width: 1199.98px) {
        .menu--quick-links .nav li {
          margin-bottom: 16px; } }
      .menu--quick-links .nav li:last-child {
        margin-bottom: 0; }
    .menu--quick-links .nav a {
      display: flex;
      justify-content: space-between;
      font-size: 13px;
      color: #44403f;
      padding: 0; }
      @media (max-width: 1199.98px) {
        .menu--quick-links .nav a {
          font-size: 11px; } }
      .menu--quick-links .nav a.menu-external-link::after {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        color: #717171;
        margin-left: 10px;
        font-size: 13.5px;
        line-height: 1.33;
        letter-spacing: 1px; }
        @media (max-width: 1199.98px) {
          .menu--quick-links .nav a.menu-external-link::after {
            font-size: 11.5px; } }
      .no-touch .menu--quick-links .nav a:hover, .menu--quick-links .nav a:active {
        color: #bf165e; }
        .no-touch .menu--quick-links .nav a:hover::after, .menu--quick-links .nav a:active::after {
          color: #bf165e; }
  .menu--quick-links > h2 {
    font-size: 12px;
    letter-spacing: 0.4px;
    font-family: "Lato", "PingFang HK", Arial, Verdana, sans-serif, "Microsoft YaHei";
    color: #4c4c4c;
    cursor: pointer; }
    @media (max-width: 1199.98px) {
      .menu--quick-links > h2 {
        font-size: 11px; } }
    .menu--quick-links > h2::after {
      content: "";
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
      color: #717171;
      line-height: 16px;
      padding-left: 4px;
      vertical-align: middle; }

.t-quick-active .nav {
  display: block;
  position: absolute;
  z-index: 66; }

.t-quick-active > h2::after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #717171; }

.t-nav-toggle {
  display: none; }
  @media (max-width: 999.98px) {
    .t-nav-toggle {
      display: block;
      margin-right: -10px;
      cursor: pointer; }
      .t-nav-toggle::after {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        color: #bf165e;
        display: block;
        padding: 10px;
        font-size: 16px;
        cursor: pointer; } }
  .t-nav-toggle.t-nav-active::after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #bf165e;
    padding: 10px 12px; }

.t-nav-collapse {
  display: none;
  max-height: calc(100vh - 60px);
  overflow: auto;
  position: fixed;
  z-index: 2;
  top: 65px;
  width: 100%;
  background-color: #ccc;
  border-bottom: 1px solid #6B0833; }
  @media (max-width: 759.98px) {
    .t-nav-collapse {
      top: 60px; } }

.t-nav-collapse .t-navbar-nav,
.t-sidebar-mobile .t-navbar-nav {
  flex-direction: column;
  background-color: #bf165e; }
  .t-nav-collapse .t-navbar-nav li,
  .t-sidebar-mobile .t-navbar-nav li {
    border-top: 1px solid #6B0833;
    list-style-image: none; }
    .t-nav-collapse .t-navbar-nav li .t-nav-link,
    .t-sidebar-mobile .t-navbar-nav li .t-nav-link {
      display: block; }
      .t-nav-collapse .t-navbar-nav li .t-nav-link.is-active:not(span) > span,
      .t-sidebar-mobile .t-navbar-nav li .t-nav-link.is-active:not(span) > span {
        position: relative;
        padding-left: 22px; }
        @media (max-width: 759.98px) {
          .t-nav-collapse .t-navbar-nav li .t-nav-link.is-active:not(span) > span,
          .t-sidebar-mobile .t-navbar-nav li .t-nav-link.is-active:not(span) > span {
            padding-left: 34px; } }
        .t-nav-collapse .t-navbar-nav li .t-nav-link.is-active:not(span) > span::before,
        .t-sidebar-mobile .t-navbar-nav li .t-nav-link.is-active:not(span) > span::before {
          content: "";
          font-family: "Font Awesome 5 Pro";
          font-weight: 400;
          color: #bf165e;
          position: absolute;
          top: 50%;
          left: 8px;
          transform: translateY(-50%);
          font-size: 16px;
          line-height: 16px;
          font-weight: 900;
          color: #FFF; }
          @media (max-width: 759.98px) {
            .t-nav-collapse .t-navbar-nav li .t-nav-link.is-active:not(span) > span::before,
            .t-sidebar-mobile .t-navbar-nav li .t-nav-link.is-active:not(span) > span::before {
              left: 20px; } }
      .t-nav-collapse .t-navbar-nav li .t-nav-link > span,
      .t-sidebar-mobile .t-navbar-nav li .t-nav-link > span {
        display: block;
        padding-top: 16px;
        padding-bottom: 16px;
        line-height: 18px;
        font-size: 14.5px;
        color: #FFF; }
  .t-nav-collapse .t-navbar-nav .t-nav-link,
  .t-sidebar-mobile .t-navbar-nav .t-nav-link {
    padding: 0; }
    .t-nav-collapse .t-navbar-nav .t-nav-link.show:not(.t-dropdown-toggle)::before,
    .t-sidebar-mobile .t-navbar-nav .t-nav-link.show:not(.t-dropdown-toggle)::before {
      content: "\f106"; }
    .t-nav-collapse .t-navbar-nav .t-nav-link.show + ul,
    .t-sidebar-mobile .t-navbar-nav .t-nav-link.show + ul {
      display: block; }
    .t-nav-collapse .t-navbar-nav .t-nav-link span,
    .t-sidebar-mobile .t-navbar-nav .t-nav-link span {
      font-weight: bold; }
  .t-nav-collapse .t-navbar-nav .t-dropdown .t-dropdown-toggle span,
  .t-sidebar-mobile .t-navbar-nav .t-dropdown .t-dropdown-toggle span {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .t-nav-collapse .t-navbar-nav .t-dropdown .t-dropdown-toggle span::after,
    .t-sidebar-mobile .t-navbar-nav .t-dropdown .t-dropdown-toggle span::after {
      content: "";
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
      color: inherit;
      margin-left: 15px;
      border: none;
      font-size: 12px; }
  .t-nav-collapse .t-navbar-nav .t-dropdown .t-dropdown-toggle::after,
  .t-sidebar-mobile .t-navbar-nav .t-dropdown .t-dropdown-toggle::after {
    display: none; }
  .t-nav-collapse .t-navbar-nav .t-dropdown.show > .t-dropdown-toggle span::after,
  .t-sidebar-mobile .t-navbar-nav .t-dropdown.show > .t-dropdown-toggle span::after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: inherit; }
  .t-nav-collapse .t-navbar-nav .t-dropdown-menu,
  .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
    background-color: #98114B;
    box-shadow: inset 0 -4px 4px 0 rgba(0, 0, 0, 0.1), inset 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 #6B203E;
    border-radius: 0; }
    .t-nav-collapse .t-navbar-nav .t-dropdown-menu .t-dropdown-menu,
    .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu {
      background-color: #810E3F; }
      .t-nav-collapse .t-navbar-nav .t-dropdown-menu .t-dropdown-menu a > span,
      .t-nav-collapse .t-navbar-nav .t-dropdown-menu .t-dropdown-menu span > span,
      .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu a > span,
      .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu span > span {
        padding-left: 28px; }
        @media (max-width: 1199.98px) {
          .t-nav-collapse .t-navbar-nav .t-dropdown-menu .t-dropdown-menu a > span,
          .t-nav-collapse .t-navbar-nav .t-dropdown-menu .t-dropdown-menu span > span,
          .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu a > span,
          .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu span > span {
            padding-left: 40px; } }
      .t-nav-collapse .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span,
      .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span {
        padding-left: 44px; }
        @media (max-width: 1199.98px) {
          .t-nav-collapse .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span,
          .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span {
            padding-left: 56px; } }
        .t-nav-collapse .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span::before,
        .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span::before {
          left: 28px; }
          @media (max-width: 1199.98px) {
            .t-nav-collapse .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span::before,
            .t-sidebar-mobile .t-navbar-nav .t-dropdown-menu .t-dropdown-menu .is-active > span::before {
              left: 40px; } }
  .t-nav-collapse .t-navbar-nav .t-dropdown-item,
  .t-sidebar-mobile .t-navbar-nav .t-dropdown-item {
    padding: 0;
    white-space: normal;
    background-color: transparent; }
    .no-touch .t-nav-collapse .t-navbar-nav .t-dropdown-item > .t-nav-link:hover, .t-nav-collapse .t-navbar-nav .t-dropdown-item > .t-nav-link:active, .no-touch
    .t-sidebar-mobile .t-navbar-nav .t-dropdown-item > .t-nav-link:hover,
    .t-sidebar-mobile .t-navbar-nav .t-dropdown-item > .t-nav-link:active {
      background-color: #790D3C; }

.t-nav-collapse a.menu-external-link span::after,
.t-sidebar-mobile a.menu-external-link span::after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #FFF;
  margin-left: 10px;
  font-size: 13.5px;
  line-height: 1.33;
  letter-spacing: 1px; }
  @media (max-width: 1199.98px) {
    .t-nav-collapse a.menu-external-link span::after,
    .t-sidebar-mobile a.menu-external-link span::after {
      font-size: 11.5px; } }

.t-nav-collapse .m-quick-link,
.t-sidebar-mobile .m-quick-link {
  cursor: pointer;
  background-color: #98114B;
  border-top: 1px solid #6B0833; }
  .t-nav-collapse .m-quick-link + .nav,
  .t-sidebar-mobile .m-quick-link + .nav {
    display: none;
    background-color: #810E3F;
    box-shadow: inset 0 -4px 4px 0 rgba(0, 0, 0, 0.1), inset 0 4px 4px 0 rgba(0, 0, 0, 0.1); }
    .t-nav-collapse .m-quick-link + .nav .nav-item,
    .t-sidebar-mobile .m-quick-link + .nav .nav-item {
      border-top: 1px solid #6B0833; }
    .t-nav-collapse .m-quick-link + .nav .nav-link,
    .t-sidebar-mobile .m-quick-link + .nav .nav-link {
      padding: 0; }
      .t-nav-collapse .m-quick-link + .nav .nav-link span,
      .t-sidebar-mobile .m-quick-link + .nav .nav-link span {
        display: block;
        padding-left: 28px;
        padding-top: 16px;
        padding-bottom: 16px;
        color: #FFF;
        font-size: 12px;
        font-weight: bold; }
  .t-nav-collapse .m-quick-link.is-expanded > h2::after,
  .t-sidebar-mobile .m-quick-link.is-expanded > h2::after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: inherit; }

.t-nav-collapse .m-quick-link > h2,
.t-sidebar-mobile .m-quick-link > h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.5px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer; }
  .t-nav-collapse .m-quick-link > h2::after,
  .t-sidebar-mobile .m-quick-link > h2::after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: inherit;
    margin-left: 15px;
    font-size: 12px; }

.scroll-down #header {
  top: -64px; }

.t-header-left {
  margin-right: 10px;
  display: flex;
  align-items: center; }

.t-services-wrapper {
  max-width: 324px; }
  @media (max-width: 999.98px) {
    .t-services-wrapper {
      max-width: 257px; } }
  @media (max-width: 759.98px) {
    .t-services-wrapper {
      max-width: 157px; } }
  .t-services-wrapper .slogan {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.86;
    color: #1d1d1b; }
    @media (max-width: 1199.98px) {
      .t-services-wrapper .slogan {
        font-size: 12px; } }

.t-service-name {
  font-size: 22px;
  line-height: 1.18;
  color: #2E2E2E; }
  .no-touch .t-service-name:hover, .t-service-name:active {
    color: #bf165e; }
  @media (max-width: 1199.98px) {
    .t-service-name {
      font-size: 20px;
      line-height: 24px; } }

.tm-service-name {
  font-size: 18px;
  line-height: 1.11;
  color: #2E2E2E; }
  .no-touch .tm-service-name:hover, .tm-service-name:active {
    color: #bf165e; }
  @media (max-width: 759.98px) {
    .tm-service-name {
      font-size: 13px;
      line-height: 1.42; } }

.t-department-websites .tm-service-name {
  font-size: 12px;
  color: #44403f; }

.t-department-services .tm-service-name {
  font-size: 12px;
  color: #44403f; }

@media (min-width: 1000px) {
  .t-header-wrapper .language-switcher-language-url {
    display: inline-block; }
    .t-header-wrapper .language-switcher-language-url ul {
      margin: 0;
      padding: 0 0 0 15px; }
      .t-header-wrapper .language-switcher-language-url ul li {
        display: inline-block;
        vertical-align: text-bottom; }
        .t-header-wrapper .language-switcher-language-url ul li a {
          font-size: 12px;
          line-height: 20px;
          color: #4c4c4c;
          font-weight: 600;
          text-transform: uppercase;
          padding-top: 21px;
          border-top: 4px solid transparent; } }
        @media screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 0) {
          .t-header-wrapper .language-switcher-language-url ul li a {
            padding-top: 21px; } }

@media (min-width: 1000px) {
          .t-header-wrapper .language-switcher-language-url ul li a:hover {
            border-top: 4px solid #bf165e;
            color: #bf165e; }
        .t-header-wrapper .language-switcher-language-url ul li.zh-hant a, .t-header-wrapper .language-switcher-language-url ul li.zh-hans a {
          padding-top: 23px; }
        .t-header-wrapper .language-switcher-language-url ul li::after {
          content: '|';
          font-size: 0.75rem;
          padding: 0 0.375rem; }
        .t-header-wrapper .language-switcher-language-url ul li:last-child::after {
          display: none; }
      .t-header-wrapper .language-switcher-language-url ul .is-active a {
        border-top: 4px solid #6b203e;
        color: #6b203e; }
      .t-header-wrapper .language-switcher-language-url ul li[hreflang="en"] a {
        font-size: 12px;
        line-height: 20px;
        font-weight: 900; } }

@media (max-width: 999.98px) {
  .t-header-wrapper .language-switcher-language-url {
    display: none; } }

@media (min-width: 1000px) {
  .t-nav-collapse .language-switcher-language-url {
    display: none; } }

@media (max-width: 999.98px) {
  .t-nav-collapse .language-switcher-language-url ul {
    display: flex;
    padding: 0;
    margin: 0; }
  .t-nav-collapse .language-switcher-language-url li {
    flex-grow: 1;
    background-color: #717171; }
    .t-nav-collapse .language-switcher-language-url li a {
      display: block;
      width: 100%;
      padding: 0 18px;
      border-right: 1px solid #2E2E2E;
      border-bottom: 1px solid #2E2E2E;
      line-height: 54px;
      font-size: 11px;
      font-weight: 900;
      text-align: center;
      letter-spacing: 0.46px;
      color: #FFFFFF;
      text-transform: uppercase; }
    .t-nav-collapse .language-switcher-language-url li:last-child a {
      border-right: none; }
  .t-nav-collapse .language-switcher-language-url li.is-active {
    background-color: #DDDDDD; }
    .t-nav-collapse .language-switcher-language-url li.is-active a {
      color: #2E2E2E; } }