/* @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap'); */
/* @import url('http://fonts.googleapis.com/css?family=Open+Sans');*/
/* @import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css'); */
/* @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%26'); */

a {
  -webkit-text-decoration-skip: none !important; 
  text-decoration-skip-ink: none !important;
}

@media (max-width: 767.98px) {
  html * {max-height:999999px;}
}

a:link {
  color: #20399D;
}

a:hover, a:focus {
  color: BLUE;
}

a:visited {
  color: #20399D;
}

a:active {
  color: #BF1722;
}


footer a:link, footer a:visited {
  color: #212529;
}
footer a:hover, footer a:focus {
  color: BLUE;
}
footer a:active {
  color: #BF1722;
}

.blog_footnotes {
	font-size: 0.85em;
	padding-left: 0.5em;
}

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 {
/* 1.25em */
  font-size: 1.17em; 
  font-weight: 700;
  margin-bottom: 0.75rem;
}



#navbar-dt {
  /* margin-top: 20px; */
}


body {
	font-family: "Microsoft JhengHei", 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 YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體", serif;
}

.tc *:not(.fa), .sc *:not(.fa) {
	font-family: "Noto Sans HK", "Noto Sans TC", "Noto Sans SC", "Noto Sans CJK TC", "Noto Sans CJK SC", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", SimSun, 宋体, "新細明體", "細明體", -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", serif;
}
.english *: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;
}

.english .narrow-font {
  font-family: "Roboto Condensed", "Arial Narrow" !important;
  font-weight: 400;
}


.english .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;
}

/*
.tc .page-title {
  font-family: "Noto Sans HK", "Noto Sans TC", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", SimSun, 宋体, "新細明體", "細明體", -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", serif;
}
*/

.page-title {
  margin-bottom: 1.25rem;
}


.size1, .size2, .size3 {
  font-family: 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;
}


/*Dropdown rotation animation */
.dropdown-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg) translateY(-0.1em);
}
.dropdown-toggle:after {
  transition: 0.3s;
  margin-left: 0.5em;
}

.center-1000 {
  max-width: 1000px;
  margin: 0 auto;
}


/* Body background */
body {
  background-color: #ffffff;
  /* padding-top: 193.438px; */
}
@media (min-width: 768px) {
  body {
    background-color: #999999;
    background-color: #b6e0fa;
  }
}

footer {
  padding-top: 0.5rem;
  /* padding-bottom: 0.5rem; */
  padding-bottom: 1rem;
}

#content {
  padding-top: 20px;
  padding-bottom: 3em;
  min-height: 200px;
}

@media (min-width: 768px) {
  #content {
    padding-left: 30px;
    padding-right: 30px;
    /* min-height: calc(100vh - 171px); */
    min-height: 522px;
    min-height: 90vh;
 }
}




/* Close Icon */
.close {
  color: #000;
  font-size: 2rem;
  opacity: .75;
}
.close:hover {
  color: #8b0000;
  text-decoration: none;
}


.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top-1000 {
  /* position: fixed; */
/*
  position: -webkit-sticky !important;
  position: sticky !important;
*/

  top: 0;
  z-index: 1030;

  /* transition: all 0.2s linear; */
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #FFFFFF;
}

.border-shadow {
	/* box-shadow: 0 3px 8px -3px rgba(0,0,0,0.4); */
	/* box-shadow: 0 2px 7px -2px rgba(0,0,0,0.4); */
	box-shadow: 0 2px 6px -2px rgba(0,0,0,0.3);
}


.fixed-top-my {
  position: fixed;
  top: 0;
  left:0;
  right:0;
  z-index: 1030;
  margin: 0 auto;
  max-width: 1000px;
  position: sticky;
}


/* Custom Navbar Toggler */
nav button.navbar-toggler {
  background-color: #6D6D6D !important;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler:focus {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}



/* Override BS4 Default: 0.5rem 1rem; */
.nav-link {
  padding: 0.5rem 0.4rem !important ;
  color: #555555;
}

.english #navbar-dt .nav-link {
  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;
}


.tc #navbar-dt .nav-link, .sc #navbar-dt .nav-link {
/*
  font-family: "Noto Sans HK", "Noto Sans TC", "Microsoft JhengHei", "Roboto Condensed", "Arial Narrow", Arial, 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-weight: 700;
}


/* Override BS4 Default: 0.5rem 1rem; */
.navbar {
  padding: 0.5rem 0;
}

/* Override BS4 Default */
.navbar-light .navbar-nav .nav-link {
  color: #013B59;
}
@media (min-width: 768px) {
  .navbar-light .navbar-nav .nav-link {
    color: #555555;
  }
}

/*
#navbar-mb .navbar-nav .nav-link:hover {
  color: #B10000 !important;
}
@media (min-width: 768px) {
  .navbar-light .navbar-nav nav-link:hover {
    color: #B10000 !important;
  }
}
*/

#navbar-mb .navbar-nav a.nav-link:not([href]):hover{
  color: #000000 !important;
}
#navbar-mb .navbar-nav a.nav-link[href]:hover{
  color: #B10000 !important;
}
@media (min-width: 768px) {
  .navbar-light a.nav-link[href]:hover {
    color: #B10000 !important;
  }
}




#navbar-dt .nav-item {
  font-size: 1.2rem;
  font-weight: 500;
  font-weight: 400;
}

#navbar-mb .nav-item {
  font-size: 1.2rem;
  font-weight: 400;
  /* letter-spacing: 0.03rem; */
}
#navbar-mb .nav-link {
  line-height: 1.2;
}


/*****   FIX HERE ****/
@media (min-width: 768px) {
  #navbar-dt li {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    /* flex: 1;  */
      white-space: nowrap;
  }
}

.logo-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}

.logo-style {
  padding-left: 0;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}


#mobile-logo {
  width: 100%;
}

#navbar-brand-container {
  max-width: 566px;
  width: 82%;
  width: calc(100% - 60px);
}

/*
  #navbar-brand-container {
    display: none;
  }
*/

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



#navbar-dt .dropdown-menu {
  padding: 2px;
  border: 1px solid white;
  list-style-type: none;
}

#navbar-dt .dropdown-item {
  background-color: #E9F5FD !important;
  border: 1px solid #FFFFFF;
}

#navbar-dt .dropdown-item:before {
  content: "\25A0";
  padding-right: 1rem;
  padding-left: 0;
  margin-left: 0;
}

#MobileModalMenu .search-mb {
  width: 100%;
}
#MobileModalMenu .search-mb input {
  margin-right: 0.5rem;
  padding-left: 8px;
  margin-bottom: 5px;
  width: 174px;
}


#MobileModalMenu.modal.fade:not(.show) .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}

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



#MobileModalMenu .modal-dialog {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
	width: 100%;
    margin: 0;
}

#MobileModalMenu .modal-dialog {
  min-height: 100vh;
}


@media (min-width: 300px) {
  #MobileModalMenu .modal-dialog {
    /* width: 100%; */
	max-width: 320px;
  }
}

@media (min-width: 360px) {
  #MobileModalMenu .modal-dialog {
    /* width: 100%; */
    max-width: 336px;
  }
  #MobileModalMenu .search-mb input {
    width: 192px;
  }
}

@media (min-width: 414px) {
  #MobileModalMenu .modal-dialog {
    /* width: 90%; */
    max-width: 360px;
  }
}



@media (min-width: 300px) {
  #MobileModalMenu .search-mb input {
    margin-bottom: 0;
  }
}


#MobileModalMenu .modal-content {
  border-radius: 0 0.5rem 0.5rem 0;
  font-size: 1.0rem;
  background-color: #38BEEF;
}
#MobileModalMenu .modal-content a {
  color: #000000;
}
#MobileModalMenu .modal-content a:hover {
  color: #8b0000;
}

#logo-box {
  /*padding: 10px; */
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  /* max-width: 700px; */
  float: none;
}


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


@media (min-width: 768px) {
  #logo-box {
    padding: 10px;
    float:left;
  }
}
.header-area {
  background-color: #fff;
}

@media (min-width: 768px) {
  .header-area {
    /* padding-bottom: 20px; */
  }
}

#tools-dt {
  position:relative;
  top:10px;
}


#tools-dt {
  display: none;
}

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

/* @media (min-width: 820px) { */
@media (min-width: 840px) {
  .text-size-selector {
    margin-bottom: 0;
  }
  #tools-dt {
    flex-direction: row;
    top: 52px;
  }
}

.text-size-selector, .language-search {
  /* font-family: Arial, Helvetica, "Open Sans" !important; */
  display: -ms-flexbox !important;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  margin-left: 10px;
  /* font-size: 1rem; */
	font-size: 16px; /*fixed font size */
	height: 34px;
}

.text-size-selector ul, .language-search ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: -ms-flexbox !important;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  align-self: flex-end;
}

.text-size-selector li a, .language-search li a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #565656;
  padding-right: 2px;
  padding-left: 2px;
}

/*
.active a {
  color: #027093 !important;
}

#navbar-mb .active a {
  color: #39134C !important;
}
*/

.size1 {
  font-size: 16px;
  line-height: 1.3;
  line-height: 1.05;
}

.size2 {
  font-size: 22px;
  line-height: 1.1;
  line-height: 0.96;
}

.size3 {
  font-size: 30px;
  line-height: 1;
  line-height: 0.88;
}

.size1, .size2, .size3 {
  font-family: Roboto, Arial, Helvetica, sans-serif, -apple-system, BlinkMacSystemFont;
  /* margin-bottom: 4px; */
  /* border: 1px solid #20399D; */
}


.size1:hover, .size1:focus, .size2:hover, .size2:focus, .size3:hover, .size3:focus {
  color: #8b0000;
  color: #BF1722;
}


#dt-langt, #dt-langs, #dt-search {
  line-height: 1;
}

#search-button-dt {
  display: -ms-flexbox !important;
  display: -webkit-flex;
  display: flex;
  align-self: flex-end;
  margin-left: 2px;
	padding: 0;
/*	border: 0 none !important; */
}
.search-icon {
  width: 25px;
  margin-right: 10px;
  margin-top: 4px;
}
.search-icon-mobile {
  width: 18px;
  margin-right: 6px;
}



.dt-menu {
  font-size: 1.1rem;
  font-weight: 500;
  width: 100%;
  background-color: #fff;
  display: flex;
  flex: 1;
  padding: 0;
  /* flex-direction: row !important; */
  justify-content: space-between;
  /* justify-content: flex-start !important;  */
}

.dt-menu a {
  display: block;
  padding: 0.3rem;
  background-color: #ffffff;

}

.dt-menu .nav-item::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 0;
    bottom: 15px;
    width: 2px; /*same as what your border was */
    background-color: BLACK; /* instead of border-color */
    /* transition: 0.2s; */
    transition: 0.1s;
}

.dt-menu .nav-item:last-child::after {
  display: none;
}


@media (min-width: 320px){
  .rwd-break { display: none; }
}

.footer-text {
  white-space: nowrap;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

.footer-text:not(:last-child):after {
  content: "|";
  margin-left: 0.3em;
  margin-right: 0;
  font-size: 1.2em;
  color: #666666;
}




/* Skip to main content */
#skiptocontent a {
	padding: 6px;
	padding-right: 10px;
	padding-bottom: 10px;
	position: absolute;
	top: -190px;
	left: 0px;
	color: white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-bottom-right-radius:8px;
	background: #BF1722;
	-webkit-transition: top 1s ease-out;
	transition: top 1s ease-out;
	z-index: 9100;
	text-decoration: underline;
}

#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-color:transparent;
	-webkit-transition: top .1s ease-in;
	transition: top .1s ease-in;
}


/* Banners */
.banners
{
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  padding: 0;
}

.banners div {
  display: inline-block;
}

.banners img
{
  margin: 0.5rem 0.5rem 0.2rem 0.5rem;
}

.banners a {
  padding: 0;
  margin: 0;
  font-size: 0;
}

@media (max-width: 576px) {
  .banners img {
    margin: 0 0.1rem 0.2rem 0.1rem;
	width: 60px;
  }

  .banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

}


/* Banners Flashing Effect */
.banners img:hover  {
	opacity: 1;
	-webkit-animation: flash 0.5s;
	animation: flash 0.5s;
}

@-webkit-keyframes flash {
	0% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flash {
	0% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}





.customul {
  margin-left: -1rem;
}


.fixed-width {
  padding-bottom: 1.5rem;
}


@media (min-width: 768px)
{
  .fixed-width {
    position: absolute;
    width: 140px;
    width: 170px;
  }

  .fixed-width-left {
    padding-left: 180px;
  }

}


.orgchart {
  /*background-color: #fff; */
  /* padding: 21px; */
  padding: 0 21px;
}


#gallery-content td {
  line-height: 1.3;
}

#gallery-content ul {
  margin-top: 1.10rem;
  margin-bottom: 0;
}

.full-width-pl {
  width: 100%;
  padding-left: 4px;
  padding-right: 2px;
}

.gallery-h2 {
  color: #0254a6;
  font-weight: bold;
}

.btn-pg {
	/* background-color: #0254a6; */
	background-color: #37BFF0;
	/* color: #fff; */
	color: #003D60;
	border: none;
    padding-top: 4px;
	/* border-radius: 4px; */
	margin-top: 5px;
	width: 10em;
/*
	min-width: 152px;
*/

}

.btn-pg:hover, .btn-pg:focus {
  outline: 0; /* WCAG */
  /* color: #FFFF56; */
  color: #BF1722;
  /* box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25); */
}

img.load-on-button-click:hover {
  /* box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
  color: #FFFF56; */
  border: 2px solid #0254a6;
}


.tngroup table td:first-child {
  width: 100px;
}

.gallery-video table td:last-child {
  text-align: right;
}

@media (min-width: 576px) {
  .gallery-video table td:last-child {
    padding-right: 1rem;
  }
}
.gallery-video table th:last-child {
  text-align: center;
}

.gallery-listing table {
  margin-bottom: 0;
}

.gallery-listing table tr {
  background-color: #EAF6FE;
}

.gallery-listing table td:first-of-type {
  width: 100px;
}
/*
.table-striped-odd tr:nth-of-type(odd) {
  background-color: #EAF6FE;
}
*/
.table-striped-even tr:nth-of-type(even) {
    background-color: #C8E8FB;
}

.table .thead-blue th {
  color: #000;
  background-color: #C7E1F0;
  /*border-color: #454d55; */
}

section.notice {
  margin-top: 2em;
  margin-bottom: 3em;
}


.ct-table {
  width: 100%;
}
.ct-table th {
  font-weight: normal;
  /* padding: 1rem; */
  padding: 0.5rem 1rem;
  vertical-align: top;
  width: 8em;
}
.ct-table td {
  /*vertical-align: top; */
  /* padding: 1rem; */
  padding: 0.5rem 1rem;
  vertical-align: top;
}
.ct-table tr:nth-of-type(odd) {
  background-color: #EAF6FE;
}
.ct-table tr:nth-of-type(even) {
  background-color: #C8E8FB;
}



/* Styles for buttons */

.btn-month {
  display: block;
  color: #002F47;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #37BFF0;
  border: none;
  border-radius: 0;
  width: 10em;
  /* padding: 0.4rem 0.75rem 0.375rem; */
  padding: 0.475rem 0.75rem 0.375rem;
  line-height: 1.3;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.english .btn-month {
  padding: 0.575rem 0.75rem 0.375rem;
}


.btn-more {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  background-color: #37BFF0;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.32rem 0.38rem 0.38rem;
  line-height: 1.5;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.english .btn-more {
  letter-spacing: -0.1px;
}

.btn-year {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  background-color: #37BFF0;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.32rem 0.38rem 0.38rem;
  line-height: 1.5;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  width: 3.25em;
}

a.btn-year:link, a.btn-year:visited {
  color: #212529;
}


.english .btn-year {
  padding: 0.48rem 0.38rem 0.38rem;
}
.english .btn-more {
  padding: 0.48rem 0.38rem 0.38rem;
}

.btn-back {
  display: block;
  color: #002F47;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #37BFF0;
  border: none;
  border-radius: 0;

  padding: 0.4rem 0.75rem 0.375rem;
  line-height: 1.3;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  width: 6em;
  color: #002F47;
  background-color: #37BFF0;
}

.btn-archives {
  width: 7em;
}


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

a.btn-month:hover, a.btn-month:focus, a.btn-year:hover, a.btn-year:focus, a.btn-back:hover, a.btn-back:focus {
  color: white;
}



.month-section {
  /* padding-bottom: 10px; */
  margin-bottom: 1rem;
}


.press-listing {
  /* marign-bottom: 30px; */
	margin-bottom: 0;
}

.press-listing ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
    margin-bottom: 0;
}

.press-listing li {
  line-height: 1.25;
  padding: 10px;
  padding-left: 1em;
}


/* unvisited link */
.press-listing li a:link {
  color: #212529;
}

/* visited link */
.press-listing li a:visited {
  /* color: #20399D; */
  color: #212529;
}

/* mouse over link */
.press-listing li a:hover, .press-listing li a:focus {
  /* color: #BF1722; */
  color: BLUE;
}


/* selected link */
.press-listing li a:active {
  color: #BF1722;
}

.press-listing {
  background-color: #EAF6FE;
}

/*
.press-listing li:nth-of-type(odd) {
  background-color: #EAF6FE;
}
*/

.press-listing li:nth-of-type(even) {
  background-color: #C8E8FB;
}

.year-list-link {
  margin-top: 3rem;
  text-align: right;
}

.year-list-link {
  margin-top: 1.5rem;
  text-align: left;
}

.year-list-link ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.year-list-link li {
 display: inline-block;
}


/* Blog index page styles */
.blogindex {
  padding-left: 15px;
  padding-right: 15px;
}

/*
@media (min-width: 768px) {
  .blogindex {
    padding-left: 0;
    padding-right: 0;
  }
}
*/


.blogindex .indexrow {
  margin-bottom: 1.5rem;
  padding: 0;
}

@media (min-width: 576px) {
  .blogindex .indexrow {
    background-color: #E2F4FD;
    padding: 1rem 0.5rem;
  }
  .blogindex .indexrow {
    background-color: transparent;
    padding: 0.5rem 0.25rem;
	padding: 0;
  }
}

.img-blog-index {
  background-color: #EAF6FE;
  padding: 1rem !important;
}
@media (min-width: 576px) {
  .img-blog-index {
    background-color: transparent;
    padding: 0 !important;
  }
}


.blogindex h3 {
  margin-top: 1rem;
  margin-top: 0.5rem;
}

.blogindex h6 {
  font-weight: 700;
}

.blogindex p {
  font-weight: normal;
}

.latest-blog-text {
 padding-top: 2.0rem;
 margin-left: -15px;
 font-weight: 700;
}

.blog-archive-text {
 margin-left: -15px;
}



.blogtitle {
  padding: 0.1em 1em;
  background-color: #C8E8FB;
}

.blogexcerpt {
  padding: 1em;
}

.bg-blogexcerpt {
  background-color: #EAF6FE;
}


/* Gallery Photo Album Styles */

.clear {
  clear: both;
}

.year-group {
  margin-bottom: 10px;
}


td.date {
  width: 6.5em;
  vertical-align: bottom;
  padding: 0 0.5rem 0.25rem 0;
  text-align: right;
}



/**  DOI Styles **/
.pdf-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  width: 2.2em;
  height: 2.2em;
}

	.download-icon {
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
	}

    .DTable
    {
        display: table;
    }

    .DTitle
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }

    .DHeading
    {
        display: table-row;
        font-weight: bold;
        text-align: center;
    }

    .DRow
    {
        display: table-row;
    }

    .DCell
    {
        display: table-cell;
        border: none;
        /* border-width: thin;*/
        padding: 1rem 1rem 1rem 0.4rem;
    }

@media (min-width: 576px) {
    .DCell
     {
        padding-right: 3rem; 
    }
}

    .DCell2
    {
        display: table-cell;
        border: none;
		padding: 0.5rem 0.5rem 0.5rem 0;
    }

@media (min-width: 576px) {
  .DCell2  {
    padding-right: 1.2rem;
  }
}


.odp-section {
  margin-top: 2rem;
}

.contactlabel {
  width: 5em;
}

.speech-content {
  padding-top: 1rem;
  padding-bottom: 2rem;
 }

a.btn-year.disabled {
  pointer-events: none;
  color: grey;
}



.blogindex a {
  color: #002cb1;
  text-decoration: underline;
}

.blogindex a:hover, .blogindex a:focus {
  text-decoration: underline;
  color: BLUE;
}


/* Blog Styles */

.blog img {
  width: 100%;
}

.blog img {
  margin-bottom: 1rem;
}

.img-caption  {
  margin-bottom: 0.3rem !important;
}

.captiontd {
	color: #545454; 
	background-color: #f5f4c9;
	font-size: 0.8rem; 
	/* text-align: justify-all;*/
	padding: 0.3rem;
}

.cellseparator  {
	padding: 0.5rem;
}

.blog h2 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.blog table {
  margin-bottom: 0.3rem;
  margin-left: 0;
}

.blog-img-table  {
  margin-bottom: 0.3rem;
  margin-left: 0;
}

.blog-img-table  img {
  margin-bottom: 1rem !important;
}

.blog-img-table .caption {
	color: #545454; 
	background-color: #f5f4c9;
	font-size: 0.8rem; 
	padding: 0.3rem;
	margin-top: -0.7rem;
	margin-bottom: 1.2rem;
}

@media (min-width: 480px) {
  .blog img {
    width: 240px;
  }
  .blog table {
    margin-left: 1rem;
  }
  .blog td {
    width: 240px;
  }
  .blog-img-table  {
    margin-left: 1rem;
  }
}

@media (min-width: 720px) {
  .blog img {
    width: 240px;
  }
  .blog table {
    margin-left: 1rem;
  }
  .blog td {
    width: 240px;
  }
  .blog-img-table  {
    margin-left: 1rem;
  }
}


.gallery-listing img:hover {
  /* border: 1px solid #0254a6; */
  border: 1px solid #0053A0;
}







span.date::before {
  content: " (";
  white-space: pre;
}
span.date::after {
  content: ")";
}
span.date {
  margin-top: 0;
}
 
@media (min-width: 768px) {
  span.date::before {
    content: "";
  }
  span.date::after {
    content: "";
  }
  span.date {
    margin-top: 1em;
    float: right;
 }
}

.blogtitle a{
  line-height: 1.45;
}


.bd::before {
  content: " ";
  white-space: normal;
}

.bd {
  white-space: nowrap;
}

.remarks::before {
  content: " ";
  white-space: normal;
}
.remarks {
  white-space: nowrap;
}

/*
html, body {
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
*/


#content::after {
  display: block;
  clear: both;
  content: "";
}



#archives {
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  #archives {
    float: right;
  }
}

#archives .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 {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
}

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

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

#dt-nav {
  font-size: 1rem;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  #dropdown-gallery-dt {
    outline: none;
  }
}

.rg-gallery {
  padding: 0 2px 2px;
  margin-top: -10px;
}

.rg-gallery a:hover, .rg-gallery a:focus {
   background-color: #0055a7;
}

.home-portrait {
  float: none;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .home-portrait {
    float: left;
    margin-left: -180px;
    margin-top: -52px;
  }
}

/*
a[target="_blank"]:hover:after, a[target="_blank"]:focus:after {
  font-family: FontAwesome;
  font-size: 0.9em;
  content: " \f08e";
}
*/



#page-banner {
  width: 100%;
  display: inline-block;
  position: relative;
  padding-top: calc(100% * (362 / 970));
  padding-top: 37.3195876%;
		/* display: none; */
}

#page-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.blog-p-heading {
  font-size: 1em;
  /* margin-top: 2em; */
  margin-bottom: 1em;
}

.blog-bullet-heading {
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: 700;
}

.mb-2rem {
  margin-bottom: 2rem;
}

@media (min-width: 480px) {
  .mb-dt-2rem {
    margin-bottom: 2rem;
  }
}

.bloglist li {
  margin-bottom: 1em;
}


.btn-month h2 {
  display: inline;
  font-size: inherit;
  color: inherit;
  font-weight: 400;
  margin: 0;
}

.blog-p-heading-pre {
  margin-bottom: 1.5rem;
}


.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.pr-03em {
  padding-right: 0.3em;
}


.spBlogTitlePart::after {
  content: "\00A0\00A0";
  font-family: "Microsoft JhengHei", Roboto, Arial, Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Noto Sans", sans-serif, "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體", serif;
  line-height: 1;
}

@media screen and (max-width: 570px) {
  .spBlogTitlePart {
    display: block;
  }
}


.blog-video-responsive {
  width: 100%;
  height: auto;
}

@media (min-width: 480px) {
  .blog-video-responsive {
    width: 240px;
  }
}

.nw {
  white-space: nowrap;
}


ol.ol-custom {
  list-style-type: none;
  counter-reset: item-counter;
  padding-left: 3em;
}

ol.ol-custom>li {
  list-style: none;
}

ol.ol-custom>li:before {
  content: counter(item-counter, decimal) ". ";
  counter-increment: item-counter;
  display: inline-block;
  text-align: right;
  width: 3em;
  margin-left: -3em;
}

ol.ol-bracket-cjk>li:before {
  content: "（" counter(item-counter, cjk-ideographic) "） ";
}

ol.ol-bracket>li:before {
  content: "(" counter(item-counter) ") ";
  padding-right: 0.75em;
}

/*
img {
  image-rendering: -webkit-optimize-contrast;
}
*/

ul.reset-indent {
/* padding-left:0;
  margin-left: 1em;
*/
  padding-left: 1em;
  margin-bottom: 2em;
}


/* New styles for blog images always be shown parallel with text content */
table.blog-img-table-2 {
  max-width: 480px;
  margin-bottom: 0.4rem;
}
.blog-img-table-2 img {
  max-width: 100%;
  height: auto;
  width: 100%; /* IE11 fix ?? */
}
.blog-img-table-2 td {
  padding-bottom: 1rem;
}
.blog-img-table-2 .caption {
  color: #545454; 
  background-color: #f5f4c9;
  font-size: 0.8rem; 
  padding: 0.3rem;
  margin-top: 0.2rem;
  margin-bottom: 0;
}


.blog-media-grid {
   padding: 0;
}

.blog-media-grid > div [class*="col-"] {
    margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .blog-media-grid > div [class*="col-sm"]:not(:first-child):not(:last-child) {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .blog-media-grid > div [class*="col-sm"]:first-child:not(:last-child) {
    margin-right: 0.5rem;
  }

  .blog-media-grid > div [class*="col-sm"]:last-child:not(:first-child) {
    margin-left: 0.5rem;
  }

  .blog-media-grid > div [class*="col-sm"] {
    max-width: 480px;
  }
}

@media (min-width: 768px) {
  .blog-media-grid > div [class*="col-md"]:not(:first-child):not(:last-child) {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .blog-media-grid > div [class*="col-md"]:first-child:not(:last-child) {
    margin-right: 0.5rem;
  }

  .blog-media-grid > div [class*="col-md"]:last-child:not(:first-child) {
    margin-left: 0.5rem;
  }

  .blog-media-grid > div [class*="col-md"] {
    max-width: 480px;
  }
}

.blog-media-grid .caption {
  /* color: #545454; */
  color: #2d2d2d;
  background-color: #f5f4c9;
  font-size: 0.8em; 
  padding: 0.3rem;
  margin-top: 0.25rem;
  margin-bottom: 0;
}

.blog-media-grid video {
  display: block;
}


.blog-p-heading {
  margin-top: 2em;
}

.blog-content div.blog-media-grid + h3.blog-p-heading {
  margin-top: 1.25em;
}



.col-sm-5p, .col-sm-6v {
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm-5p {
    -ms-flex: 0 0 44.804%;
    flex: 0 0 44.804%;
    max-width: 44.804%;
  }
  .col-sm-6v {
    -ms-flex: 0 0 53.195%;
    flex: 0 0 53.195%;
    max-width: 53.195%;
  }
}

.blog-media-grid {
  padding: 0;
}

.blog-media-grid > div [class*="col-"] {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .blog-media-grid > div [class*="col-sm"]:not(:first-child):not(:last-child) {
    margin-left: 1%;
    margin-right: 1%;
  }
  .blog-media-grid > div [class*="col-sm"]:first-child:not(:last-child) {
    margin-right: 1%;
  }
  .blog-media-grid > div [class*="col-sm"]:last-child:not(:first-child) {
    margin-left: 1%
  }
  .blog-media-grid > div [class*="col-sm"] {
    max-width: 530px;
  }
}

@media (min-width: 768px) {
  .blog-media-grid > div [class*="col-md"]:not(:first-child):not(:last-child) {
    margin-left: 1%;
    margin-right: 1%;
  }
  .blog-media-grid > div [class*="col-md"]:first-child:not(:last-child) {
    margin-right: 1%;
  }
  .blog-media-grid > div [class*="col-md"]:last-child:not(:first-child) {
    margin-left: 1%;
  }
  .blog-media-grid > div [class*="col-md"] {
    max-width: 530px;
  }
}

#carouselButtons {
  font-size: 1rem;
}


ul.scema {
   list-style: none;
   /* margin-left: 3em; */
   margin-left: 2em;
   padding-left: 1em;
   text-indent: -2.5em;
}

ul.scema li:before {
  content: "\2022";
  content: "•";
  font-weight: 700;
  font-size: 1em;
  padding-left: 0.5em;
  padding-right: 1.7em;
}

ol.scema {
  counter-reset: o-counter;
  list-style: none;
  padding-left: 40px;
  padding-left: 2.5em;
  padding-left: 3em;
}
ol.scema li {
  margin: 0 0 0.5rem 0;
  counter-increment: o-counter;
  position: relative;
}
ol.scema li::before {
  content: "(" counter(o-counter, lower-roman) ")";
  position: absolute;
  top: 0;
  text-align: center;
  text-align: left;
	left: -42px;
	width: 32px;
	/* height: 32px; */
	left: -52px;
	width: 42px;
	left: -3.25em;
	width: 2.625em;
	left: -2.625em;
	width: 2em;
}

.show-underline a {
  text-decoration: underline;
  color: #0000FF !important;
}
.lh15 {
  line-height: 1.5 !important;
}

#navbar-dt .navbar-nav li a.activeMenuItem {
  color: #027093;
}
#navbar-mb .navbar-nav li a.activeMenuItem {
  color: #39134C;
}


/* Temporary styles 1 */

/*
.dt-menu li:nth-child(2).nav-item {
  display: none !important; 
}
.dt-menu li:nth-child(4).nav-item {
  display: none !important; 
}
#navbar-mb li:nth-child(2).nav-item {
  display: none !important; 
}
#navbar-mb li:nth-child(4).nav-item {
  display: none !important; 
}
*/


/* 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;
  }
}
*/

.sticky-after-loaded {
  position: -webkit-sticky !important;
  position: sticky !important;
}