@media (min-width: 992px) {
  .navbar-light .navbar-nav .nav-link {
    color: #555555;
  }
}
@media (min-width: 992px) {
  .navbar-light a.nav-link[href]:hover, .navbar-light a.nav-link[href]:focus {
    color: #B10000 !important;
  }
}
#navbar-dt .nav-item {
  font-weight: 500;
  font-weight: 400;
  font-size: 1.2rem;
  font-size: 19.2px !important;
}
@media (min-width: 992px) {
  #navbar-dt li {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    /* flex: 1;  */
      white-space: nowrap;
  }
}
@media (min-width: 992px) {
  #navbar-brand-container {
    display: none;
  }
}
@media (min-width: 992px) {
  #MobileModalMenu {
    display: none;
  }
}
@media (min-width: 992px) {
	#logo-box {
		display: block;
		height: 94px;
	}
}


@media (min-width: 992px) {
  #logo-box {
    padding: 10px;
    float:left;
  }
}
@media (min-width: 992px) {
  .header-area {
    /* padding-bottom: 20px; */
  }
}


@media (min-width: 768px) {
  #tools-dt {
   display: none;
  }
}

@media (min-width: 992px) {
  #tools-dt {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    /* flex-direction: column; */
    flex-direction: row;
    top: 52px;
  }
  .text-size-selector {
    margin-bottom: 10px;
    justify-content: flex-end;
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .english .dt-menu .nav-item::after {
    right: -3px;
  }
  .tc .dt-menu .nav-item::after, .sc .dt-menu .nav-item::after {
    right: -11px;
  }
}

@media (min-width: 1000px) {
  .english .dt-menu .nav-item::after {
    right: -3.5px;
  }
  .tc .dt-menu .nav-item::after, .sc .dt-menu .nav-item::after {
    right: -12px;
  }
}


.btn-archives-new {
    width: 100%;
}

.btn-archives-new-press {
  width: 100%;
  width: 240px !important;
  font-size: 16px;
}
#archives {
  font-size: 1rem;
}

#archives .dropdown-menu li { font-size: 16px; }

@media (min-width: 300px) {
  .btn-archives-new {
    /* width: 15em; */
    width: 100%;
  }
}

a.btn-archives-new, a.btn-archives-new-press {
  color: #002F47;
}


#archives, #archives2 {
  margin-bottom: 0.5rem;
}

#archives2 {
	margin-right: 1em;
}

/* @media (min-width: 768px) { */
@media (min-width: 1px) {
  #archives, #archives2 {
    float: right;
  }
}

#archives .dropdown-menu, #archives2 .dropdown-menu {
  padding: 1px;
  list-style-type: none;
  font-size: 1em; /* instead of 1rem to allow changes in fontsize */
  min-width: 7.1em;
  border-radius: 0;
}

#archives .dropdown-menu ul, #archives2 .dropdown-menu ul {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
}

#archives .dropdown-menu ul li a, #archives2 .dropdown-menu ul li a{
  width: 100%;
}

#archives .dropdown-item, #archives2 .dropdown-item {
  color: #212529;
  background-color: #37BFF0;
}
#page-banner {
  width: 100%;
  display: inline-block;
  position: relative;
  padding-top: calc(100% * (362 / 970));
  padding-top: 37.3195876%;
  display: block;
}


.cso-social {
  background-color: #F8F6F6;
  padding: 0;
  border-radius: 0;
  border: none;
  box-shadow: 2px 2px 4px grey;
  font-size:14px;
  min-width: 6rem;
  /* margin-top: 14px; */
  margin-top: 4px;
}
.social-icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
ul.ul-social {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
ul.ul-social li {
  display: block;
  width: 100%;
}
ul.ul-social li a {
 display: flex;
 padding: 4px 16px 4px 6px;
}

/*
.cso-social {
  margin-top: 4px;
}
*/
/*
.cso-social li a {
  font-family: Roboto, Arial, "Noto Sans HK", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Noto Sans", Helvetica, -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Heiti TC", PMingLiU, MingLiU, 新細明體, 細明體, serif !important;
}
*/

.ul-social {
  width: 100%;
  list-style-type: none;
	padding-inline-start: 0;
	margin: 0;
}
.ul-social .dropdown-item {
  display: flex;
  align-items: center;
}

.ul-social .dropdown-item:hover, .ul-social .dropdown-item:focus {
  color: #bf1722;
  background-color: #E9F5FD;
}

.btn-share::before {
  content: "";
  background-image: url(../images/share-grey.svg);
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
}

.btn-share-mobile::before {
  content: "";
  background-image: url(../images/share-black.svg);
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
}

.btn-share:focus::before, .btn-share:hover::before, .btn-share-mobile:focus::before, .btn-share-mobile:hover::before {
  background-image: url(../images/share-hover.svg);
}

.icon-share-generic::before {
  content: "";
  background-image: url(../images/icon_social-share.png);
  background-size: 16px 16px;
  display: inline-block;
  width: 16px; 
  height: 16px;
  margin-right: 6px;
  background-size: cover;
}

.icon-share-facebook:before {
  background-position: 0 0;
}
.icon-share-twitter:before {
  background-position: 0 -31px;
}
.icon-share-linkedin:before {
  background-position: 0 -124px;
}
.icon-share-weibo:before {
  background-position: 0 -62px;
}
.icon-share-whatsapp:before {
  background-position: 0 -155px;
}
.icon-share-wechat:before {
  background-position: 0 -185px;
}
.icon-share-email::before {
  background-position: 0 -93px;
}


* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
    color-adjust: exact !important;                 /*Firefox*/
}

/* Overwrite custom3.css styles at the breakpoint of 992px instead of 768px */

#logo-box {
		display: none;
}
@media (min-width: 768px) {
	#logo-box {
		display: none;
	}
}

@media (min-width: 992px) {
	#logo-box {
		display: block;
		height: 94px;
	}
}


@media (min-width: 768px) {
  #navbar-brand-container {
    display: block;
  }
}

@media (min-width: 992px) {
  #navbar-brand-container {
    display: none;
  }
}


#topCarousel .fa {
  color: #000000;
}

  #carouselButtons {
    /* visibility: hidden; */
  }

@media (min-width: 320px) {
  #topCarousel {
    min-height: 102px;
    min-height: calc((min(1000px,100vw) - 30px) / 2.8412);
  }
}
@media (min-width: 1000px) {
  #topCarousel {
    height: 341.44px;
  }
}


/* Temporary styles 2 (better) */

/* Restored
li a[href$="biography/biography.htm"] {
  display: none !important;
}
li a[href$="new/new.htm"] {
  display: none !important;
}

@media (min-width: 992px) {
  .english .dt-menu .nav-item::after {
    right: -24px;
  }
  .tc .dt-menu .nav-item::after, .sc .dt-menu .nav-item::after {
    right: -28px;
  }
}

@media (min-width: 1000px) {
  .english .dt-menu .nav-item::after {
    right: -26px;
  }
  .tc .dt-menu .nav-item::after, .sc .dt-menu .nav-item::after {
    right: -30px;
  }
}
*/



.btn-archive {
  color: #222;
}

a.btn-archive {
  color: #212529;
  text-decoration: none;
}


a.btn-archive:hover, a.btn-archive:focus {
  color: #fff !important;
  /* background-color: #002F47; */
  background-color: #0053A0;
  border-color: #0053A0;
  text-decoration: none;
}


.press-control {
  display: -ms-flexbox !important;
  display: flex !important;
  flex-direction: column;
}

.btn-column {
  width: 100%;
  padding-right: 20px;
}

.press-column {
  width: 100%;
}

@media (min-width: 992px) {
  .press-control {
    display: flex;
    flex-direction: row;
  }
  .btn-column {
    width: 24.35%;
    padding-right: 20px;
  }
  .press-column {
     width: 75.65%;
  }
}

.btn-filter {
  width: 100%;
  max-width: 192px;
}

div.btn-column div {
  margin-bottom: 1rem;
}
div.btn-column div:last-child {
  margin-bottom: 2rem;
}


.english .btn-filter {
  /* width: 12em; */
}

.text-tbu {
  font-size: 1.2rem;
  font-size: 1rem;
}

.archives-dd {
  margin-bottom: .5rem;
  font-size: 16px;
  width: 16em;
  max-width:100%;
}

.archives-dd .dropdown-menu {
  padding: 1px;
  list-style-type: none;
  font-size: 1em;
  min-width: 7.1em;
  border-radius: 0;
  width: 100%;
}

.archives-dd  .dropdown-menu ul {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;

}

.archives-dd .dropdown-menu ul li a {
  width: 100%;
}

.archives-dd .dropdown-item {
  color: #212529;
  background-color: #37BFF0;
}


.archives-dd-group {
  display: flex; 
  flex-direction: column;
  align-items: flex-end;
  margin-top: 20em;
}

a {
  -webkit-text-decoration-skip: none !important;
  text-decoration-skip-ink: none !important;
  text-underline-offset: 1.5px;
}



@media (min-width: 768px)
{
  .fixed-width-left-bio {
    padding-left: 180px;
  }

}


.bio-section {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .bio-section {
    flex-direction: row;
  }
  .bio-text {
    padding-right: 20px;
  }
}

.bio-portrait {
  margin-bottom: 20px;
  margin-right: 30px;
}

a.btn-back {
  color: #002F47;
}

/*
.btn-filter {
  display: none;
}
#archives {
  margin-top: 20em !important;
}
*/

#archives .dropdown-menu {
  width: 15em;
}


.archives-dd-group .dropdown-toggle::after {
    margin-bottom: .5em;
}

.blog-archive-group {
  display: flex;
  justify-content: flex-end;
  margin-top: 330px;
}
.blog-archive-group .btn-archive {
  width: 200px;
}

.mm-month-block {
  margin-bottom: 20px;
}



/* Customised styles for What's New Box on the Homepage */
.section--new .new__inner {
  /* padding: 1rem; */
  padding: 1rem 1.5rem;
  height: 200px !important;
}
@media (min-width: 768px) {
  .section--new .new__inner {
    height: 326px !important;
    height: 294px !important;
  }
}
@media (min-width: 992px) {
  .section--new .new__inner {
    height: 240px !important;
  }
}


.section--new .new__inner .new__content .new__title {
  font-size: 16px;
    /* max-height: 3.81818182em; */
  height: 69%;
  /* max-height: 7.5em; */
  max-height: 6.3em;
  -webkit-line-clamp: 5;
}

@media (min-width: 768px) {
  .section--new .new__inner .new__content .new__title {
    /* max-height: 7.3em; */
    max-height: 11em;
    -webkit-line-clamp: 8;
  }
}

@media (min-width: 992px) {
  .section--new .new__inner .new__content .new__title {
    max-height: 7.3em;
    -webkit-line-clamp: 6;
  }
}


.section--new .new__inner .new__content {
  height: 86% !important;
}

.section--new .new__inner .new__content .new__body {
  height: 100% !important;
}

.section--new .new__inner .new__content .new__date {
  /* margin-bottom: 0.2em; */
  font-size: 16px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .section--new .new__inner .new__content .new__date {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .section--new .new__inner .new__content .new__date {
    font-size: 16px;
  }
}

.section--new .slider--new .slider__item {
  margin: 0 10px;
  width: 92%;
}

.section--new .slick-dots>li {
  margin: 0rem 0.3rem;
}

@media (min-width: 768px) {
  .section--new .slick-dots>li {
    margin: 0rem 0.1rem;
  }
}
@media (min-width: 992px) {
  .section--new .slick-dots>li {
    margin: 0rem 0.25rem;
  }
}

.section--new .slider--new {
  max-width: 500px;
}

.section--new .container {
  max-width: 100%;
}


.section--new .new__tag {
  margin-bottom: 1rem !important;
}

@media (min-width: 768px) {
  .slider--new .slick-dots-container {
    bottom: -1rem !important;
  }
}

.slider--new {
  margin-bottom: 3rem !important;
}


@media (min-width: 768px) {
/* Required in iOS for flex display */
  .bio-photo {
    min-width: 180px;
  }
}


.mm-month-block .btn-month {
  max-width: 216.67px;
}

@media (min-width: 1000px) {
  .mm-month-block .btn-month {
    max-width: 220px;
  }
}


/*  Removed below when filter button for PR, Speech, or Multimedia have to be launched */
/*
.press-control .btn-column {
  display: none;
}
.press-control .press-column {
  width: 100%;
}
*/


.btn-fb::before {
  content: "";
  background-image: url(../images/fb-icon.png);
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.btn-ig::before {
  content: "";
  background-image: url(../images/ig-icon.png);
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
}

.icon-social-page-generic::before {
  content: "";
  background-image: url(../images/icon_social-page-64.png);
  background-size: 16px 16px;
  display: inline-block;
  width: 16px; 
  height: 16px;
  margin-right: 6px;
  background-size: cover;
}

@media (min-width: 992px) {
  .icon-social-page-generic::before {
    background-image: url(../images/icon_social-page.png);
  }
}

.icon-page-facebook:before {
  background-position: 0 0;
}
.icon-page-instgram:before {
  background-position: 0 -32px;
}

.cso-social2 {
  background-color: #F8F6F6;
  padding: 0;
  border-radius: 0;
  border: none;
  box-shadow: 2px 2px 4px grey;
  font-size:14px;
  min-width: 8rem;
  margin-top: 4px;
}
.english .cso-social2 {
  margin-left: -72px;
}
@media (min-width: 992px) {
.english .cso-social2 {
  margin-left: -89px;
}
}

/*
.cso-social2 li a {
  font-family: Roboto, Arial, "Noto Sans HK", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Noto Sans", Helvetica, -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Heiti TC", PMingLiU, MingLiU, 新細明體, 細明體, serif !important;
}
*/

.cso-social2 li a[data-media="facebook-cs"], .cso-social2 li a[data-media="instagram-cs"] {
  font-size: 14.65px;
  /* letter-spacing: 3.5px; */
  font-size: 14px;
}

.cso-social2 li a[data-media="facebook-dcs"] {
  font-size: 14.65px;
  font-size: 14px;
}

.english .cso-social2 li a[data-media="facebook-dcs"] {
  font-size: 12px;
  font-size: 14px;
}

.social-page-dropdown {
  margin-right: 4px;
}

#MobileModalMenu .language-search {
  margin-left: 0px;
}

#MobileModalMenu .text-size-selector {
  margin-right: 4px;
}

@media (min-width: 992px) {
  .press-control {
    min-height: 32em;
  }
}




.table-social {
  margin-top: 1rem;
}
.table-social th {
  max-width: 6em;
}
.table-social th, .table-social td {
 vertical-align: middle;
}

.flex-smp-row {
  display: flex;
  justify-content: flex-start;
  padding-top: .25rem;
  padding-bottom: .25rem;
  background-color: #EAF6FE;
}
.flex-smp-row:nth-of-type(even) {
  background-color: #C8E8FB;
}
.flex-smp-link {
  display: flex;
  align-items: center;
}
.flex-smp-link:hover {
  text-decoration: none;
}
.flex-smp-text {
  /* font-family: Arial; */
  display: flex;
  align-items: center;
  padding: 0 1rem;
  width: 6.5em;
  min-width: 6.5em;
}
.flex-smp-icon {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: .25rem .5rem;
}



.mm-year-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* margin-bottom: 16px; */
  /* padding-bottom: 8px; */
}

.btn-mm-year {
  margin-bottom: 10px;
  background-color: #37BFF0;
  border: 0;
  padding: 5px 10px;
  border-radius: 0;
  height: 34px;
   /* margin-bottom: 16px; */
}
@media (min-width: 992px) {
  .btn-mm-year {
    padding: 5px 35px;
  }
}

.btn-mm-year:not(:last-child) {
  margin-right: 10px;
}

.btn-mm-year:hover, .btn-mm-year:focus {
    background-color: #0053A0;
    border-color: #0053A0;
    color: #FFFFFF;
    outline: 0;
    text-decoration: none;
}

.btn-active {
  color: #FFFFFF;
  background-color: #0053A0;
}


.year-filter-btns {
  min-height: 45px;
}

.loading-progressbar { 
  width: 100%;
  margin: 0 auto;
  border: 1px solid transparent;
  position: relative;
  padding: 1px;
  margin-bottom: 16px;
  margin-top: -2px;

}
.loading-progressbar .loading-progress {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
  background: #808080;
  width: 0;
  animation: simulateProgressBar .5s linear infinite;
}

@keyframes simulateProgressBar {
  0% {
    left:0%;
    right:100%;
    width:0%;
  }
  10% {
    left:0%;
    right:75%;
    width:25%;
  }
  90% {
    right:0%;
    left:75%;
    width:25%;
  }
  100% {
    left:100%;
    right:0%;
    width:0%;
  }
}



.nav-pills .btn-press-year {
  color: #002F47;
  margin-bottom: 10px;
  background-color: #37BFF0;
  border: 0;
  padding: 5px 10px !important;
  border-radius: 0;
  margin-right: 10px;
}

.nav-pills .btn-press-year.btn-last {
  margin-right: 0;
}

@media (min-width: 992px) {
  .nav-pills .btn-press-year {
    padding: 5px 35px !important;
  }
}

.btn-press-year:hover, .btn-press-year:focus {
    background-color: #0053A0;
    border-color: #0053A0;
    color: #FFFFFF;
    outline: 0;
    text-decoration: none;
}


.nav-pills .btn-active {
  color: #FFFFFF;
  background-color: #0053A0 !important;
}


.separator-line {
  border: none;
  background-color: #ccc;
  color: #ccc;
  background-color: #DEE2E6;
  color: #DEE2E6;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 1rem;
  /* display: none; */
}

#loader {
  text-align: center;
  z-index: 6000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#loader .spinner-border {
  opacity: .8;
  color: #6c757d;
  width: 64px;
  height: 64px;
}

.d-none-normal {
  display: none;
}


#homeModal .close {
  position: absolute;
  z-index: 980;
  right: 1rem;
  top: .6rem;
}
#homeModal .modal-dialog {
  max-width: 724px;
}
#homeModal .modal-body img {
  height: auto;
  width: 100%;
  max-width: 690px;
}


.odp-section .grid-container1 { display: grid; grid-template-columns: 87% 13%; }

.odp-section .hd1, .odp-section .hd2, .odp-section .hd3, .odp-section .hd4 { font-weight: bold; }
.odp-section .grid-container { display: grid; grid-template-columns: 37% 13% 37% 13%; }
.odp-section .grid-item { padding: 10px; font-size: 1rem; text-align: left; }

.odp-section .grid-container1 .grid-item:nth-child(1), .odp-section .grid-container1 .grid-item:nth-child(2) { background-color: rgb(248, 232, 248); }

@media (min-width: 768px) {
/*	.hd1, .hd2, .hd3, .hd4 { background-color: #F2F0F0; } */
	.odp-section .grid-container .grid-item:nth-child(1), .odp-section .grid-container .grid-item:nth-child(2), .odp-section .grid-container .grid-item:nth-child(3), .odp-section .grid-container .grid-item:nth-child(4) { background-color: rgb(248, 232, 248); }

}

@media (max-width: 767px) {
	.odp-section .grid-container .grid-item:nth-child(1), .odp-section .grid-container .grid-item:nth-child(2), .odp-section .grid-container .grid-item:nth-child(3), .odp-section .grid-container .grid-item:nth-child(4) { background-color: rgb(248, 232, 248); }
	.grid-item:nth-child(15), .grid-item:nth-child(16), .grid-item:nth-child(19), .grid-item:nth-child(20), .grid-item:nth-child(23), .grid-item:nth-child(24) { display: none; }
	.odp-section .grid-container { grid-template-columns: 75% 25%; }
	.odp-section .grid-container1 { grid-template-columns: 75% 25%; }

	.odp-section .hd1, .odp-section .hd2{ order: 1; }
	.odp-section .g-a { order: 2; }
	.odp-section .hd3, .odp-section .hd4 { order: 3 }
	.odp-section .g-b { order: 4; }
}


/* EML styles */
.dropdown-block {
  /* z---margin: 0 2px; */
}

.eml-block-dt {
  margin-left: 2px;
  margin-right: 2px;
}

#tools-dt .dropdown-block:hover .dropdown-menu {
  /* display: block; */
}

.pointer-none {
  pointer-events: none;
}

.english #tools-dt .dropdown-block {
  /* pointer-events: none; */
}

.dropdown-menu {
  margin-top: 0;
}

/*
.btn-earth::before {
  content: "";
  background-image: url(../../images/earth_language_planet_icon.png);
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
}

.btn-earth:hover {
  filter: invert(21%) sepia(35%) saturate(7464%) hue-rotate(345deg) brightness(75%) contrast(99%);
}
*/

.dropdown-panel {
  background-color: #F8F6F6;
  padding: 0;
  border-radius: 0;
  border: none;
  font-size:14px;
  min-width: 6rem;
  border-top: 0.25rem solid transparent;
}

/*
@media (min-width: 992px) {
  .dropdown-panel {
    border-top: 6px solid transparent;
  }
}
*/

.cso-social.dropdown-panel {
   margin-top: 0;
   box-shadow: none;
}

.ul-social, .ul-eml {
  box-shadow: 2px 2px 4px grey;
}

ul.ul-eml {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

ul.ul-eml li {
  display: block;
  width: 100%;
}

ul.ul-eml li a {
  display: flex;
  padding: 4px 16px 4px 16px;
}

ul.ul-eml li:not(:last-child) a {
  border-bottom: 1px solid #aaa;
}

.ul-eml {
  width: 100%;
  list-style-type: none;
  padding-inline-start: 0;
  margin: 0;
}

.ul-eml .dropdown-item {
  display: flex;
  align-items: center;
}

.btn-eml {
  white-space: nowrap;
  color: #565656;
  border: 2px solid #565656;
  /* padding: 0.13rem 0.375rem; */
  padding: 2px 6px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  font-size: 16px;
  z-line-height: 1.5;
  z-line-height: 1;
  border-radius: 6px;
  height: 32px;
  margin-left: 2px;
  margin-right: 2px;
}


.btn-eml:focus {
  outline: 1px solid #565656;
  box-shadow: 0 0 0 0.2rem rgba(86, 86, 86, 0.25);
}


.english .btn-eml .btn-eml-text {
  font-family: "Roboto Condensed", "Arial", "Arial Narrow", Helvetica, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體" !important;
  font-size: 14px;
}

.tc .btn-eml .btn-eml-text, .sc .btn-eml .btn-eml-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
}

.btn-eml-text {
  display: block;
}

.eml-link {
	display: flex;
	margin-left: 2px;
	margin-right: 2px;
}

.eml-link:hover, .eml-link:focus {
	text-decoration: none;
}

.eml-link:hover > *, .eml-link:focus > * {
	filter: invert(21%) sepia(35%) saturate(7464%) hue-rotate(345deg) brightness(75%) contrast(99%);
}

.eml-link-text {
	white-space: nowrap;
	color: #565656;
	font-weight: 700;
	line-height: 2;
}

.btn-eml {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.dropdown-toggle-eml::after {
  font-size: 16px;
  display: inline-block;
  margin-left: 0.15rem;
  margin-left: 2.4px;
  vertical-align: 0.255rem;
  vertical-align: 4.08px;
  content: "";
  border-top: 0.3rem solid;
  border-top: 4.8px solid;
  border-right: 0.3rem solid transparent;
  border-right: 4.8px solid transparent;
  border-bottom: 0;
  border-left: 0.3rem solid transparent;
  border-left: 4.8px solid transparent;
}


.dt-menu .nav-link {
  padding-left: 6.4px !important;
  padding-right: 6.4px !important;
}


.eml-icon {
  display: block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin: 0 4px 0 0;
}

.eml-icon-dt {
  display: block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin: 0 2px 0 0;
}


.eml-icon.eml-icon-mb {
  width: 32px;
  height: 32px;
  margin-right: 2px;
  margin-left: 2px;
  margin-top: 2px;
}

#MobileModalMenu .social-share {
  margin-top: 2px;
}

.ul-eml .dropdown-item:hover, .ul-eml .dropdown-item:focus {
  color: #bf1722;
  background-color: #E9F5FD;
}

.btn-eml:hover, .btn-eml:focus {
  color: #BF1722;
  border-color: #BF1722;
}

/* .eml-icon.hovered, .btn-eml-text.hovered, #dropdown-eml-mb:hover, #dropdown-eml-mb:focus { */
.eml-icon.hovered, .btn-eml-text.hovered, .eml-icon.focused {
   filter: invert(21%) sepia(35%) saturate(7464%) hue-rotate(345deg) brightness(75%) contrast(99%);
}

#MobileModalMenu .btn-eml-text {
  font-size: 14px;
  line-height: 100%;
  white-space: normal;
  display: block;
  margin-top: 4px;
}

#MobileModalMenu .btn-eml {
  border: 0;
  padding-left: 2px;
  padding-right: 2px;
}

#MobileModalMenu .btn-eml:not(.hovered) {
  color: #12120d;
}

.eml-text, .icon-share-generic {
	font-family: Roboto, Arial, Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體", serif !important;
}

.lcl-text {
	margin-left: 4px;
	margin-left: .75ch;
}

.h1 {
  font-size: 2em;
  font-weight: 700;
  /* margin-bottom: 0.75rem; */
  color: #007194;
}

.h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: #007194;
}

.h3 {
  font-size: 1.17em; 
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.eml-disclaimer {
  margin-bottom: 3rem;
}

.eml-disclaimer p:first-child {
  color: #212529;
  font-size: 125%;
  margin-bottom: 0.25rem;
}


.other-language-content section:not(:last-of-type) {
  margin-bottom: 48px;
}
/*
.other-language-content {
  background-color: lightyellow;
}

.other-language-content section:nth-of-type(1) {
  background-color: lightgreen;
}

.other-language-content section:nth-of-type(2) {
  background-color: pink;
}

.other-language-content section:nth-of-type(3) {
  background-color: violet;
}
*/

.boost-font-size {
  /* font-size: 120%; */
}

.dropdown-menu-right-rtl {
  left: auto;
  right: 0;
}

.tc .other-language-content *:not(.fa), .sc .other-language-content *:not(.fa) {
  font-family: Roboto, Arial, Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體", serif;
}

.tc .other-language-content .page-title, .sc .other-language-content .page-title {
  font-family: "Roboto Condensed", "Arial Narrow", Roboto, Arial, Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Noto Sans", sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體", serif;
}

.text-size-selector ul, .language-search ul {
  overflow: visible;
}

.text-size-selector li a:not(.dropdown-item), .language-search li a:not(.dropdown-item) {
  padding-right: 0;
  padding-left: 0;
  margin-left: 2px;
  margin-right: 2px;
}

@media (max-height: 280px) {
  #MobileModalMenu .dropdown-menu-right {
    overflow-y: auto;
    max-height: 90vh;
  }
}

#MobileModalMenu .modal-content a.size1:focus, #MobileModalMenu .modal-content a.size2:focus, #MobileModalMenu .modal-content a.size3:focus {
  color: #bf1722;
}

@media (min-width: 992px) {
  #logo-box {
    margin-bottom: 0.5rem;
  }
  .navbar {
    padding-top: 0;
  }
}

/*
#logo-box img {
  display: block;
}
*/

#logo-box a {
  display: block;
}

.english div[aria-labelledby="dropdown-eml"].dropdown-menu-right {
  right: 40px;
}

.btn-share::before, .btn-share-mobile::before {
  display: block;
}
footer .banners a img {
  display: block;
}