/* Link Color
Default values -
Normal: #0000b3
Hover/Focus/Active: #bb1122
Visited: #884488

HTML5 recommended -
:link { color: #0000EE; }
:visited { color: #551A8B; }
*/

a {
  -webkit-text-decoration-skip: none; 
  text-decoration-skip-ink: none;
  /* text-decoration: none; */
  /* text-decoration-thickness: .125em; */
  text-underline-offset: 1.5px;
}


.content li {
  /* margin-top: 0.25em; */
  /* margin-bottom: 0.25em; */
  margin-bottom: 0.25em;
}


.fontsizelinks a:hover{
  text-decoration: none;
}

/* @media (min-width: 576px) {
	body .container-fluid {
	 transform: scale(0.884);
	 transform-origin: 50% 0;
	}
} */

body, html, .container-fluid {
  height: 100%;
}

body {
  /* background-color: #FFFFFF; */
  background-color: #FBF8E3;
}

@media (min-width: 576px) {
  body {
    background-color: #AFA34B;
  }
}

footer {
  font-size: 0.9em;
  /* background-color: #FFFFFF;  */
  background-color: #FBF8E3;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

@media (min-width: 576px) {
  footer {
    background-color: #FBF8E3;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.col-fixed-flex { 
   flex: 0 0 100%; 
  /*flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;*/
}

@media (min-width: 576px) {
  .col-fixed-flex { 
    flex: 0 0 174px;
    /* flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 174px;*/
  }
}


.col-fixed, .col-fluid { 
  width: 100%;
}

@media (min-width: 576px) {
  .col-fixed { 
    width: 17.4%;
    width: -webkit-calc(174px - 0px);
    width: -moz-calc(174px - 0px);
    width: -o-calc(174px - 0px);
    width: calc(174px - 0px);
  }
  .col-fluid {
    width: 82.6%;
    width: -webkit-calc(100% - 174px);
    width: -moz-calc(100% - 174px);
    width: -o-calc(100% - 174px);
    width: calc(100% - 174px);
 }
}


.col-qe {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-qe {
  -ms-flex: 0 0 6.33%;
  flex: 0 0 6.33%;
  max-width: 6.33%;
}


h1 { 
  font-size: 1.7em; 
  font-weight: 700;
  line-height: 1.2;
  color: #903C00;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

h2 {
  font-size: 1.3em;
  font-weight: 700;
  padding-bottom: 0.1em;
}

h3 {
  font-size: 1.15em;
  font-weight: 700;
  padding-bottom: 0.1em;
}


h4 { 
  font-size: 1.17em;
  font-weight: 700;
}

h5 { 
  font-size: 1em;
  font-weight: 700;
}

h6 { 
  font-size: 1em;
}

input [type=button] {
  -webkit-appearance: none;
  -webkit-border-radius: 0; 
  border-radius: 0;
}

input.wpcf7-form-control.wpcf7-submit {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}


.fontsizelinks {
  display: inline-block;
  /* font-family: Arial, Helvetica, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體"; */
  margin-right: 8px;
}
.fontsizelinks a {
  margin-right: 8px;
}

.languagelinks {
  font-size: 1rem; 
}

#lang3, #lang4 {
 text-decoration: none;
 font-weight: 700;
}

.smaller {
 font-size: 0.85rem;
}

.asize1 {
  font-size: 0.9rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  font-weight: 500;
}

.asize2 {
  font-size: 1.25rem;
  margin-right: 0.3rem;
  font-weight: 500;
}

.asize3 {
  font-size: 1.65rem;
  font-weight: 400;
}

.wrapper {
  min-height: 40px;
}

main {
  max-height: 100%;
  overflow-y: auto;
  /* background-color: #FFFFFF; */
  background-color: #FBF8E3;
}

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

.navbar {
  padding: 0;
}

.nav-bg {
  background-color: #EDE7B5;
}

.nav-bg:hover, .nav-bg:active, .nav-bg:focus {
  color: #ffffff !important;
}

.nav-link {
	font-weight: 700;
	color: #000000 !important;
	padding-left: 15px !important;
	border-bottom: 1px solid #CDD195 !important;
font-size: 1rem;
}

.nav-link.active {
  color : #903C00 !important;
}


@media (min-width: 576px) {
  .nav-link {
    padding: 0.5rem 1rem; 
  }
}

.nav-link:hover, .nav-link:active, .nav-link:focus {
	width: 100% !important;
	background-color: #903C00 !important;
	color: #ffffff !important;
}

.menu-bg {
	background-color: #CDD195;
}


.sm-border-under {
  border-bottom: 0.1rem solid #85603D;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  .sm-border-under {
    border-bottom: none;
  }
}

.vertical-centering {
  /*display: -ms-flexbox !important;
  display: flex !important;
-ms-flex-align: center;
*/
  align-items: center;
}

.changefontsize {
  padding: 2px 2px 2px 15px;
}


.navbar-toggler-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

/* Approache IE not compatible */
@media (min-width: 576px) {
  .col-min-width {
    /* -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;*/
    min-width: 165px;
  }
}


.navbar-toggler {
  background-color: #F8EDA4;
}




/*
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(133,96,61, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
*/

.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(0,0,0, 1)' stroke-width='2.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

/*
button.custom-toggler {
  padding: 0 0.7rem 0.2rem;
}
*/

.custom-toggler:focus {
  -webkit-appearance: none;
  -webkit-border-radius: 0; 
  border-radius: 0;
}

@media (min-width: 576px) {
  #togglebutton {
    display: none !important;
  }
}

.desktop-sitemap-link {
  display: none;
  font-size: 1rem;
}
.desktop-sitemap-link a {
  font-weight:700;
}

.mobile-sitemap-link {
  display: inline;
}

@media (min-width: 576px) {
  .desktop-sitemap-link {
    display: inline;
  }
  .mobile-sitemap-link {
    display: none;
  }
}


.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
#searchformbar  {
  min-height: 44px;
}
*/

#searchformbar * {
  box-sizing: border-box;
}

form.searchform {
  margin-left: 0;
}

form.searchform input[type=search] {
  font-size: 14px;
  border: 1px solid grey;
  float: left;
  width: 175px;
  background: #f4f4f4;
	padding: 4px;
	margin: 5px 0 5px 15px;
	color: #777393;
	border-right: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
  height: 31px;
}

form.searchform button {
  margin-top: 5px;
  float: left;
  width: 32px;
  padding: 4px;
  color: #111111 !important;
  background: #f4f4f4;
  font-size: 14px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}

form.searchform button:hover {
  background: #EDE7B5;
}

form.searchform::after {
  content: "";
  clear: both;
  display: table;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .iebuttonfix {
    padding: 0.175rem !important;
  }
  #searchbutton {
	padding: 0.175rem !important;
  }
}

/* Styling the word content */
.nowrap {
  white-space: nowrap;
}

.ul-adj  {
   margin-left: -0.5rem;
}

.presslist {
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  line-height: 1.3;
}


/* Skip to main content */
#skiptocontent a {
	padding: 6px;
	padding-right: 10px;
	padding-bottom: 10px;
	position: absolute;
	top: -90px;
	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: 100;
	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;
}



#maincontent {
  /* background-color: #FFFFFF; */
  background-color: #FBF8E3; 
}

@media (min-width: 576px) {
  #maincontent {
    background-color: #FBF8E3; 
  }
}



.content-area {
  /* background-color: #FFFFFF; */
  background-color: #FBF8E3;
  padding-bottom: 2rem;
  min-height: 100px; 
}

@media (min-width: 576px) {
  .content-area {
    background-color: #FBF8E3;
    padding-left: 2rem;
    padding-right: 2rem; 
    min-height: 600px;
    min-height: -moz-calc(100vh - 400px);
    min-height: -webkit-calc(100vh - 400px);
    min-height: -o-calc(100vh - 400px);
    min-height: calc(100vh - 400px);
  }
}


@media (min-width: 768px) {
  .content-area {
    background-color: #FBF8E3;
    padding-left: 1rem;
    padding-right: 1rem; 
    min-height: 400px;
    min-height: -moz-calc(100vh - 257px);
    min-height: -webkit-calc(100vh - 257px);
    min-height: -o-calc(100vh - 257px);
    min-height: calc(100vh - 257px);
  }
}


/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  .content-area {
    min-height: -webkit-calc(100vh - 338px);
    min-height: calc(100vh - 338px);
  }
}
*/

.listmargin li {
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}

.full-width-image {
  margin-right: -15px;
  margin-left: -15px;
  background-color: #FFFFFF;
}

.table tbody th {
  font-weight: 400;
}

.table .thead-blue th {
  color: #000;
  background-color: #C7E1F0;
}

.table-sm-02 th,
.table-sm-02 td {
  padding: 0.25rem;
}

@media (min-width: 576px) {
  .table-sm-02 th,
  .table-sm-02 td {
    padding: 0.75rem;
  }
}

.contactlabel {
  width: 6.5rem;
}

/* DOI */
.interestslabel {
 width: 16rem;
}

.interestslist {
 margin-top: 5rem;
}

.interestslist .row{
 padding-top: 1rem;
}

/**  Custom breakpoint for footer text **/
@media (min-width: 840px) {
  .d-tablet-inline-block {
    display: inline-block !important;
  }

  .float-tablet-right {
    float: right !important;
  }
}


/*  DIV Table 1 Styles */
.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;
  }
}

/* Image Hover Effect */
#banners img:hover  {
/*
  opacity: 1;
  -webkit-animation: flash 0.5s;
  animation: flash 0.5s;
*/
}

#icon-nav img:hover {
 filter: saturate(1.5) brightness(110%);
}

.publicity-group img:hover {
 filter: brightness(108%);
}

.download-acrobat-icon:hover {
 filter: brightness(120%);
}


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

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

/** Overriding BS4 Default **/
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.75em;
  vertical-align: 0.2em;
  content: "";
  border-top: 0.33em solid;
  border-right: 0.33em solid transparent;
  border-bottom: 0;
  border-left: 0.33em solid transparent;
}




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

.btn-pg {
	background-color: #0254a6;
	color: #fff;
	border: none;
	border-radius: 4px;
	margin-top: 5px;
	width: 150px;
	/* margin-left: 3.5px; */
}

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

.clear {
	clear: both;
}


.main-shaded {
  /* background-color: #F8EDA4; */
}

.tab {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 15px !important;
  padding-left: 20px !important;
	min-height: 4em;
/*
  box-shadow: 1px 0 0 0 #888, 0 1px 0 0 #888, 1px 1px 0 0 #888, 1px 0 0 0 #888 inset, 0 1px 0 0 #888 inset;
*/
}


.tab-tvapi {
  display: -ms-flexbox;
  display: flex;
  /* align-items: center; */
  align-items: flex-start;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.tab-radio {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 15px !important;
  padding-left: 15px !important;
}


.tab a{
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-color: transparent;
}

.tab-tvapiz a{
  display: -ms-flexbox;
  display: flex;
  align-items: center;
 padding-top: 0.5rem;
  padding-bottom: 0.5rem; 

  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.tab .icon {
 margin-right: 1rem !important;
 min-width: 59px;
}

.icon-tvapi {
 margin-right: 1rem;
 min-width: 90px;
}


.tab .icon img{
 /* width: 59x;
 height: 59px;*/
}

.desc {
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .longdesc {
    font-size: 85%;
  }
  .english .tab {
    /* min-height: 5.6em; */
    min-height: 4em;
  }
}

@media (min-width: 880px) {
  .longdesc {
    font-size: 90%;
  }
}

@media (min-width: 920px) {
  .longdesc {
    font-size: 100%;
  }
}


.ethnic {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left
}

@media (min-width: 576px) {
  .ethnic {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
  }
}

/*
#tab-nav-group1 .tab:nth-of-type(odd), #tab-nav-group2 .tab:nth-of-type(even) {
  background-color: #CDD195;
}

@media (min-width: 768px) {
  #tab-nav-group1 .tab:nth-of-type(odd), #tab-nav-group2 .tab:nth-of-type(even) {
    background-color: inherit;
  }
}
*/

/*
#tab-nav-group1 .tab:nth-of-type(odd), #tab-nav-group2 .tab:nth-of-type(odd) {
  background-color: #CDD195;
}*/

@media (min-width: 768px) {
  #tab-nav-group1 .tab:nth-of-type(odd), #tab-nav-group2 .tab:nth-of-type(odd) {
    background-color: inherit;
  }
}


.tabheading {
  background-color: #7E7536;
  padding: 5px 24px;
  font-weight: 700;
}

.tabheading h1 {
  font-size: 1.25em;
  padding-top: 0.3em;
  padding-bottom: 0;
  color: #FFFFFF;
  background-color: unset;
}

.english #minorities .tabheading {
  padding: 5px 15px;
}

.english #minorities .tabheading h1 {
  font-size: 1.13em;
}

@media (min-width: 375px) {
  .english #minorities .tabheading h1 {
    font-size: 1.18em;
  }
}

@media (min-width: 384px) {
  .english #minorities .tabheading h1 {
    font-size: 1.20em;
  }
}

@media (min-width: 393px) {
  .english #minorities .tabheading h1 {
    font-size: 1.25em;
  }
  .english #minorities .tabheading {
    padding: 5px 25px;
  }
}


.tabheading h2 {
  font-size: 1.17em;
  padding-top: 0.3em;
  padding-bottom: 0;
  color: #FFFFFF;
  background-color: unset;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}


.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.logo-voter {
  padding-top: 10px;
  padding-bottom: 10px;
}


.logo-main {
  padding: 12px 10px 12px 16px !important;
  background-color: #FFFFFF;
/*
  background-color: #FAFAEB;
  background-image: url("../images/bkgdtexture.gif");
*/
  min-height: 40px;
}

@media (min-width: 857px) {
  .logo-main {
	min-height: 90px;
  }
}

@media (min-width: 576px) {
  .logo-main {
    padding: 12px 10px 12px 16px !important;
  }
}

.col-fixed-sidebar {
 flex: 0 0 100%;
}
@media (min-width: 576px) {
  .col-fixed-sidebar {
    flex: 0 0 185px;
  }
}

.ethnic-lang a {
  font-family: Arial, Helvetica, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體" !important;
}
.ethnic-lang span {
  font-family: Arial, Helvetica, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體" !important;
  color: #554022;
  font-weight: 700;
}


.ethnic-lang {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

@media (min-width: 857px) {
  .ethnic-lang {
    font-size: 1em;
  }
}

.ethnic-lang a:link {
  color: #554022;
}
.ethnic-lang  a:visited {
  color: #554022;
}
.ethnic-lang  a:hover, .ethnic-lang  a:focus {
  color: #034575;
}
.ethnic-lang  a:active {
  color: #0000b3;
}


.ethnic-lang a{
  font-weight: 700;
}


.ethnic-box {
  /* height: 124px;
  height: 144px;*/
  height: 184px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.ethnic-box-9l {
  /* height: 130px; */
  height: 7.7em;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}


.ethnic-box-10l {
  height: 9.6em;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.ethnic-box > * {
  flex: 1 1 2rem;
}


#banners img {
   margin-bottom: 6px;
}


#banners {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: center;
  margin-bottom: 1rem;
/*  border: 1px solid red; */
}

#banners img {
  max-height: 50px;
  width: auto;
}

#banners div {
  margin-left: 16px;
  margin-right: 16px;
}

@media (min-width: 360px) {
  #banners div {
    margin-left: 26px;
    margin-right: 26px;
  }
}

@media (min-width: 768px) {
  #banners div {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 300px) {
  #banners div:first-child {
    margin-left: -32.5px;
  }  
}
@media (min-width: 360px) {
  #banners div:first-child {
    margin-left: -20px;
  }  
}
@media (min-width: 420px) {
  #banners div:first-child {
    margin-left: 0;
  }  
}



#banners img-icon {
  height: 50px;
}


.faq-header-text {
 background-color: yellow;
 padding-left: 15px;
 padding-right: 15px;
}

.heading {
  padding-left: 15px;
  padding-right: 15px;
}

.noscript {
  background: #FFFBD4;
  color: #ff0000;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.5;
  padding: 0.5em 1em;
  border-bottom: 1px solid #CCC;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}


.page-wrap {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.centerbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.chinese *:not(.fa) {
	font-family: "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體", -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";
}
.english *:not(.fa) {
	font-family: Arial, sans-serif, Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體" ;
}


.year-heading {
  font-size: 1.17rem;
  font-weight: 700;
}

.heading2 {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-top: 3em;
  margin-bottom: 1em;
}

.content {
  padding-left: 1rem;
  padding-right: 1rem;
}



/** Styles for FAQ **/

/* Default CSS Values */
.ol-adj {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2em;  
}


caption {
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  caption-side: top;
  font-weight: 700;
  color: inherit;
}

.answers caption {
  margin-bottom: 0.1rem;
}

/* Styles for statistics */
.row {
  counter-reset: dist;
}
.ol-district {
		counter-reset: dist;
  list-style: none;
  padding: 0;
  padding-left: 1rem;
  margin: 0;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

@media (min-width: 960px) {
  .ol-district {
    column-count: 2;
  }
}

@media (min-width: 320px) {
  .chinese .ol-district {
    column-count: 2;
  }
}

@media (min-width: 600px) {
  .chinese .ol-district {
    column-count: 2;
  }
}

.chinese .ol-district {
  max-width: 500px;
}

.ol-district li {
/*white-space: nowrap; */
  counter-increment: dist;
  position: relative;
  /* padding-left: 2.1rem; */
  padding-left: 2.1em;
  margin-bottom: 0.1rem;
}

.ol-district li:before {
  display: inline-block;
  content: counter(dist) ".";
  /* width: 1.5rem; */
  /* width: 2.1rem; */
  width: 2.1em;
  position: absolute;
  left: 0;
  text-align: right;
  padding-right: 0.5em;
}
.column-2digit li {
  padding-left: 2.1rem;
}
.column-2digit li:before {
  width: 2.1rem;
}

/* Styles for register */


ol.ol-x {
  margin-left: 0;
  padding-right: 0;
  list-style-type: none;
  margin-top: 1em;
  margin-bottom: 1em;
  counter-reset: item-counter;
}

ol.ol-x>li {
  list-style: none;
}
ol.ol-x>li:before {
  content: counter(item-counter, decimal) ". ";
  counter-increment: item-counter;
  margin-left: -2.5em;
  display: inline-block;
  width: 2.5em;
  text-align: right;
  padding-right: 0.3em;
}


ol.bracket-lower-alpha>li:before {
  content: "(" counter(item-counter, lower-alpha) ") ";
  text-align: center;
  padding-left: 0.75em;
}
ol.bracket-upper-alpha>li:before {
  content: "(" counter(item-counter, upper-alpha) ") " !important;
  text-align: center;
  padding-left: 0.75em;
}
ol.bracket-decimal>li:before {
  content: "(" counter(item-counter, decimal) ") ";
}
ol.bracket-cjk>li:before {
  content: "(" counter(item-counter, cjk-ideographic) ") ";
}
ol.bracket-lower-roman>li:before {
  content: "(" counter(item-counter, lower-roman) ") ";
}

ol.lower-roman>li:before {
  content: "(" counter(item-counter, lower-roman) ") ";
}

ul.ul-envelope {
    list-style-type: none;
}
.ul-envelope li:before {
  /* content: "\2709";
  content: "\f0e0"; */
  content: "\f003";
  font-family: 'FontAwesome';
  display: inline-block; 
  width: 1.3em;
  margin-left: -1.30em;
  /* outline: 1px solid red; */
/*
  width: 1.5em;
  margin-left: -1.5em;*/

}

.english .ul-envelope li:before {
  margin-left: -1.58em !important;
}

.li-mt-0>li {
  margin: 0.25rem -2rem;
}

.li-mt-1>li {
  /* margin: 0.25rem 0; */
  margin: 0.25em 0 0.75em;
}
.li-mt-2>li {
  /* margin: 0.5rem 0; */
  margin: 0.25em 0 0.75em;
}
.li-mt-3>li {
  margin: 1rem 0;
}


img.pdf-icon {
 /* width: 32px;
  height: 32px;*/
  /* width: 32px;
  height: 39px; */
  width: 32px;
  height: 39.33px;
}
img.acrobat-icon {
  width: 158px;
  height: 39px;
}

.small-grey {
  font-size: 75%;
  color: #101010;
  line-height: 1.4;
  padding-top: 0.3rem;
}

@media (min-width: 768px) {
  .small-grey {
    padding-top: 0;
  }
}


.ol-cjk {
  margin-left: 0;
  padding-right: 0;
  list-style-type: none;
  margin-top: 1em;
  margin-bottom: 1em;
  counter-reset: counter-cjk;
}
.ol-cjk>li {
  list-style: none;
  /* padding: 0.1rem 0 1rem 0.1rem; */
/*margin: 0.1rem 0 1rem 0.1rem;*/
}
.ol-cjk>li:before {
  content: "(" counter(counter-cjk, cjk-ideographic) ") ";
  counter-increment: counter-cjk;
  margin-left: -1.9rem;
  margin-left: -3.7rem;
  display: inline-block;
  width: 3.5rem;
  text-align: right;
  padding-right: 0.3rem;
  margin-right: 0.2rem;
  /*background-color: rgb(200,0,0);*/
}



/* Statistics styles */

.statistics-landing p {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.statistics-landing h2 {
  padding-bottom: 0.1rem;
}


.table-stat  td, .table-stat  th{
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.table-stat  td, .table-stat  th  {
  vertical-align: middle;
}
.table-stat thead th {
  text-align: center;
}
.table-stat  td {
  text-align: right;
}

.table-stat tbody th{
  text-align: left;
}

.table-stat th:first-child {
  text-align: center;
}

caption {
  margin-bottom:0.5em;
}
tfoot {
  font-weight: 700;
}

.table-stat {
   overflow-x: scroll !important;
}

.table-stat, .table-stat th, .table-stat td {
  border: 1px solid #c2c2c2 !important;
}


.table .thead-theme th {
  background-color: #F8EDA4;
  background-color: #f8efb3;
  vertical-align: middle;

}

.table .thead-theme .lh {
  background-color: #D5E19F;
  background-color: #e7edc1;
  vertical-align: middle;
}

.table .thead-theme .fh {
  /*background-color: #fff693; */
  vertical-align: middle;
}

 
.table-responsive-sm-c {
   background-color: #f8f8f8;
}

@media (max-width: 575.98px) {
  .table-responsive-sm-c {
    font-size: 0.9rem;
    display: block;
    /* background-color: #f5f5f5;*/
    /* background-color: transparent; */
    border: 0 !important;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

.table-responsive-sm-c caption {
  background-color: #FBF8E3;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}

.english .table-responsive-sm-c thead th {
  font-size: 0.7rem;
}

.english .table-responsive-sm-c tbody, .english .table-responsive-sm-c tfoot th, .english .table-responsive-sm-c tfoot td {
  font-size: 0.78rem;
}

  .table-responsive-sm-c th,
  .table-responsive-sm-c td {
    padding: 0.2rem;
  }
}

@media (max-width: 321px) {
  .table-responsive-sm-c {
    font-size: 0.5rem;
    display: block;
    /* background-color: transparent; */
    border: 0 !important;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

.table-responsive-sm-c caption {
  background-color: #FBF8E3;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  font-size: 0.7rem;
}

.english .table-responsive-sm-c thead th {
  font-size: 0.60rem;
}

.english .table-responsive-sm-c tbody, .english .table-responsive-sm-c tfoot th, .english .table-responsive-sm-c tfoot td {
  font-size: 0.68rem;
}

  .table-responsive-sm-c th,
  .table-responsive-sm-c td {
    padding-left : 0;
    padding-right: 0;
  }
}


.table-stat-2c {
  width: 100%;
  max-width: 320px !important;
  background-color: #f5f5f5; 
  overflow-x: scroll !important;
}
.table-stat-2cx {
  width: 100%;
  max-width: 320px !important;
  background-color: #f5f5f5; 
  overflow-x: scroll !important;
}

.table-width-300 {
  max-width: 300px;
}
.table-width-350 {
  max-width: 350px;
}
.table-width-500 {
  max-width: 500px;
}

.table-stat-2c th, .table-stat-2cx th {
  vertical-align: middle !important;
}
.table-stat-2c td, .table-stat-2cx td  {
  vertical-align: middle;
}

@media (min-width: 576px) {
  .table-stat-2c {
    background-color: #f8f8f8;
  max-width: 350px !important;
  }

  .chinese .table-stat-2c {
	max-width: 250px !important;
  }

  .table-stat-2cx {
    background-color: #f8f8f8;
  max-width: 350px !important;
  }

  .chinese .table-stat-2cx {
	max-width: 250px !important;
  }
}


.table-stat-2c td:first-child, .table-stat-2c th:first-child {
  text-align: left;
  width: 20%;
  min-width: 90px;
}

.table-stat-2cx td:first-child, .table-stat-2cx th:first-child {
  text-align: left;
  width: 20%;
  min-width: 90px;
}

.td-with-30pc {
  width: 50% !important;
}

.table-stat-2c, .table-stat-2c th, .table-stat-2c td, .table-stat-2cx, .table-stat-2cx th, .table-stat-2cx td {
  border: 1px solid #c2c2c2 !important;
}

.table-stat-2c td, .table-stat-2c th, .table-stat-2cx td, .table-stat-2cx th {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}


.table-stat-2c td:not(:first-child), .table-stat-2c th:not(:first-child) {
  text-align: right;
  padding-left: 0.5em !important;
  width: 45%;
}

.table-stat-2cx td:not(:first-child), .table-stat-2cx th:not(:first-child) {
  text-align: right;
  padding-left: 0.5em !important;
  /* width: 45%; */
}

.table-stat-2c th:first-child, .table-stat-2cx th:first-child {
  background-color: #e7edc1;
}

.table-stat-2c th:nth-child(2), .table-stat-2cx th:nth-child(2) {
  background-color: #f8efb3;
}

.table-stat .subtotal {
  font-weight: 700;
}

.table-stat .subtotal th, .table-stat .subtotal td {
  font-weight: 700;
}

.table-stat .subtotal th {
  text-align: right;
}


.table-stat tbody {
  border-top: 1px solid #c2c2c2;
  border-bottom: 3px solid #c2c2c2;
  /* border-bottom: 4px solid #FAF8E5; */
}
 

.word-break {
   word-break: break-all;
}
@media (min-width: 857px) {
  .word-break {
    word-break: normal;
  }
}


.bt-1 {
  border-top: 1rem solid transparent;
}

.bodies-col-width-c {
  /* padding-left: 1rem !important;
  padding-right: 1rem !important; */
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .bodies-col-width-c {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }
}


.small90 {
  font-size: 90%;
}


/** DIV TABLE 2 **/
/* https://sofree.cc/css-table/ */
.css_table {
    display: table;
  }
.css_tr {
    display: table-row;
  }
.css_td {
    display: table-cell;
    /* vertical-align: middle;*/
}
.css_td:first-child { 
    /* padding-right: 0.5rem;  */
}

.download-acrobat .css_td {
  display: block;
}
  
@media (min-width: 768px) {
  .download-acrobat .css_td {
    display: table-cell;
  }
}


/** FAQ Styles **/
.fw-4, .fw-5, .fw-6  {
  text-align: right;
  white-space: nowrap !important;
}
.fw-2, .fw-3, .fw-3a {
  text-align: right;
  white-space: nowrap !important;
}
.fw-4 {
  min-width: 4em;
}
.fw-5 {
  min-width: 5em;
}
.fw-6 {
  min-width: 6em;
}
.fw-3a {
  min-width: 3.55em;
}
.fw-3 {
  min-width: 3em;
}
.fw-2 {
  min-width: 2em;
}


footer a:link, footer a:visited {
  color: black;
}
footer a:hover, footer a:focus {
  color: #0000EE;
  color: #bb1122;
}

.revision a:hover, .revision a:focus {
  background-color: rgba(0,0,0,0.07);
}

footer a:active {
  color: #0000b3;
  color: #bb1122;
}

.content-area  a:link {
  text-decoration: underline;
}

.content-area  a:link {
  color: #903C00; /* Brown */
  color: #20399D;
}

.content-area .brown-bar a:link {
  /* color: #903C00; */ /* Brown */
  /* color: #20399D; */
  color: #ffffff;
}

.content-area  a:visited {
  color: #551A8B; /* Purple */
  color: #884488;
}
.content-area a:hover, .content-area a:focus {
  color: #0000EE; /* Blue */
  color: #bb1122;
}
.content-area a:active {
  color: #0000b3;
  color: #bb1122;
}
.content-area a:hover, .content-area a:focus {
  text-decoration: underline;
}


#icon-nav a:link, .ethnic-nav a:link {
  text-decoration: none;
}
#icon-nav a:hover, #icon-nav a:focus, .ethnic-nav a:hover, .ethnic-nav a:focus {
  text-decoration: underline;
}

.content-area a:hover:not(.nohoverbg), .content-area a:focus:not(.nohoverbg){
  background-color: rgba(0,0,0,0.07);
}
.content-area .hovershade:hover {
  background-color: rgba(0,0,0,0.07);
}
.content-area .hovershade:focus {
  background-color: rgba(0,0,0,0.07);
}

.nohoverbg a:hover, .nohoverbg a:focus {
  background-color: initial !important;
}

#icon-nav a:link, #icon-nav a:visited {
  color: #903C00;
}
#icon-nav a:hover, #icon-nav a:focus {
  color: #0000EE;
  color: #20399D;
}

.ethnic-nav a:link, .ethnic-nav a:visited {
  color: #554022;
}
.ethnic-nav a:hover, .ethnic-nav  a:focus {
  color: #20399D;
}


#tools * {
  color: #000000;
}

#tools a:link {
  color: #000000;
}
#tools  a:hover, #tools  a:focus {
  color: #BF1722;
}



.content-area .hovershade a:hover, .content-area .hovershade a:focus {
  color: #0000EE; 
}

.questions a:visited {
  color: #0A0A0A;
  color: #20399D;
}
.questions a:hover, .questions a:focus {
  color: #0000EE; /* Blue */
  color: #BF1722;
  color: #bb1122;
}



.answer-block {
  margin-bottom: 1em;
}


@media (max-width: 767.98px), (min-width: 920px){
  .rwd-break { display: none; }
}
@media (max-width: 767.98px), (min-width: 840px){
  .rwd-break2 { display: none; }
}

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

.publicity-group {
  margin-bottom: 1rem;
}


.text-underline {
  text-decoration: none !important;
  border-bottom: 1px dotted; 
/*
  text-decoration: underline;
  font-style: italic;
  font-weight: bold;
*/
}

.mw-130 {
  width: 130px;
  min-width: 130px;
}

.api-desc {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.pdf-icon {
  padding-top: 0.3rem;
}

.pdf-desc {
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  /* font-size: 90%; */
  font-size: 95%;
}

.acrobat-desc {
  vertical-align: middle;
  padding-left: 0;
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  font-size: 75%;
  color: #525252;
  line-height: 1.4;
}


@media (min-width: 768px) {
  .pdf-icon {
    padding-top: 0.15rem;
  }
  .acrobat-desc {
	font-size: 75%;
    padding-top: 0;
    padding-left: 0.5rem;
  }
}

.color-notice  {
  color: #990000;
}

.btn-changefontsize {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU" !important;
  font-weight: 500;
  border: none;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0 3px;
  cursor: pointer;
}
.btn-changefontsize:hover, .btn-changefontsize:focus {
  color: #bf1722 !important;
}
/*
.btn-changefontsize:focus {outline:none;}
.btn-changefontsize::-moz-focus-inner {border:0;}
*/

.asize1 {
  font-size: 0.9rem;
}
.asize2 {
  font-size: 1.25rem;
}
.asize3 {
  font-size: 1.65rem;
}

/* inserts U+200B (​) ZERO WIDTH SPACE */
/*
wbr:after { content: "\00200B"; }  
*/


#query, #searchbutton {
 height: 31px;
}

@media (max-width: 768px) {
  p, ul, ol, div, th, td {
    max-height: 999999px !important;
  }
}

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

.mt-2em {
  margin-top: 2em;
}

.mt-1em {
  margin-top: 1em;
}

.mt-1p5em {
  margin-top: 1.5em;
}



@media (max-width: 990px){
  .nobreak-900 { display: none; }
}

a:not(.no-icon):not(.interact-no-icon)[href$=".pdf"]:hover::after, a:not(.no-icon):not(.interact-no-icon)[href$=".pdf"]:focus::after {
  display: inline-block;
  content: "";
  background: url('../images/pdf_file_icon.svg');
  background-repeat: no-repeat;
  background-size: 16px 20px;
  width: 19px;
  height: 22px;
  vertical-align: top;
	margin-left: 6px;
	/* margin-top: -6px; */
    position: absolute;
    z-index: 1
}


a:not(.no-icon):not(.interact-no-icon)[href$=".mp3"]:hover::after, a:not(.no-icon):not(.interact-no-icon)[href$=".mp3"]:focus::after {
  display: inline-block;
  content: "";
  background: url('../images/mp3.svg');
  background-repeat: no-repeat;
  background-size: 40px 20px;
  width: 40px;
  height: 20px;
  /* vertical-align: top; */
	margin-top: 2px;
	margin-left: 6px;
    position: absolute;
    z-index: 1
}

ul.statistics-year-list {
  list-style-type: none;
  padding-left: 0;
}
ul.statistics-year-list li {
  margin: 0.25em 0 1em;
}

ul.radio-api-list {
  list-style-type: none;
  padding-left: 1rem;
}

ul.radio-api-list li {
  /* margin-top: 0.5em;
  margin-bottom: 0.25em; */
  margin-top: 0.25em;
  margin-bottom: 0.75em;
}

.screen-reader-only {
  position: absolute;
  width: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

}

.table th,
.table td {
  padding-left: 0.35em;
  padding-right: 0.35em;
}

@media (min-width: 768px) {
  .table th,
  .table td {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
}

.td-with-remark {
  padding-right: 0.305em !important;
}


.contact .css_td {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}




/* FAQ styles */

  p.faq-questions-only {
      margin-bottom: 1em !important;
  }


.faq {
  margin-top: 1.5em;
}

.faq section {
  margin-bottom: 1em;
}

.faq section > div {
  padding-right: 1em;
  /* padding-top: 0.5em;
  padding-bottom: 0.5em; */
  /* padding-top: 0.75em;
  padding-bottom: 0.75em; */
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}

.faq section > div:last-child {
  /* padding-top: 1em; */
  padding-top: 0.5em;
  text-align: right;
}

.faq section:nth-child(odd) {
  background-color: #D5E19F;
  background-color: #E8EDC1;
  background-color: #ebefc8;
  background-color: #e7edc1;
  /* background-color: #e1e7ad; */
}

.faq section:nth-child(odd) > div:nth-child(n+2) {
  background-color: #E8EDC1;
  background-color: #f1f4d9;
  background-color: #f2f5dc;
  background-color: #eff3d5;
}

.faq section:nth-child(even) {
  background-color: #F8EDA4;
  background-color: #FAF4CA;
  background-color: #f9f1bd;
  background-color: #f8efb3;
}

.faq section:nth-child(even) > div:nth-child(n+2) {
  background-color: #FAF4CA;
  /*background-color: #fbf6d4;
  background-color: #faf5cf;
*/
}

.faq section p:last-child{
  margin-bottom: 0;
}

.swe-3em > div {
  padding-left: 3em;
}

.swe-3em > div p:first-child {
  /* text-indent: -1.78em; */
  /* text-indent: -1.86em; */
  text-indent: -1.8896em;
}

.swe-3em > div:first-child p:first-child {
  text-indent: -1.84em; 
}

.faq .swe-3em > div:nth-child(2) p:first-child {
  /* text-indent: -1.78em; */
  /* text-indent: -1.86em; */
  text-indent: -1.7788em;
}

.faq .swe-4em > div:nth-child(2) p:first-child {
  /* text-indent: -1.78em; */
  /* text-indent: -1.86em; */
  text-indent: -2.3349em;
}


/* Handle this (Eng Q10) specially */

.faq-questions-only .swe-3em > div:last-child {
  /* padding-left: 3.6em; */
}
.faq-questions-only .swe-3em div:last-child p {
  /* text-indent: -2.44em; */
}

.faq-questions-only .swe-4em div:nth-child(2) p {
  /* text-indent: -2.44em; */
  text-indent: -2.3715em;
}


.swe-4em > div {
  padding-left: 3.6em;
}
.swe-4em > div p:first-child {
  /* text-indent: -2.32em; */
  text-indent: -2.4458em;
}
.swe-4em > div p:nth-child(2) {
  /* text-indent: -2.32em; */
		/* text-indent: -2.4458em; */
}

.swe-4em > div:first-child p:first-child {
  text-indent: -2.40em;
}


.swc-4em > div {
  padding-left: 4em;
}

.swc-4em > div p:first-child {
  text-indent: -3em;
}

.swc-5em > div {
  padding-left: 5em;
}

.swc-5em > div p:first-child {
  text-indent: -4em;
}

.swc-6em > div {
  padding-left: 6em;
}

.swc-6em > div p:first-child {
  text-indent: -5em;
}


.faq-questions-only div p:last-child {
  margin-bottom: 0;
}

.faq-questions-only {
  margin-bottom: 1.5em;
}

.faq-questions-only div {
  padding-right: 1em;
  /* padding-top: 0.5em;
  padding-bottom: 2.5em; */
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}

/*
.faq-questions-only a {
  text-decoration: none !important;
  border-bottom: 1px solid;
}
*/

.faq-questions-only div:nth-child(odd) {
  background-color: #e7edc1;
}

.faq-questions-only div:nth-child(even) {
  background-color: #f8efb3;
}

.faq-questions-only .swe-4em div:nth-child(odd) {
  background-color: #f8efb3;
}
.faq-questions-only .swe-4em div:nth-child(even) {
  background-color: #e7edc1;
}



#SearchToggle {
  font-size: 16px;
}


@media (min-width: 576px) {
  #SearchToggle {
    display: none;
  }
}

#searchformbar {
  display: none;
 align-items: center;
  /*align-items: center;
  border-bottom: 1px solid grey;
*/
}

@media (min-width: 576px) {
  #searchformbar {
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.search-glass {
  margin-right: 1px;
  margin-bottom: 6px !important;
}


.col-mdxc-6, .col-mdxe-6 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


@media (min-width: 900px) {
  .col-mdxc-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 960px) {
  .col-mdxe-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}


/* For testing WCAG 2.1 metrics */
/*
 * {
      line-height: 1.5 !important;
      letter-spacing:.12em !important;
      word-spacing: .16em !important;
  }

p {
  margin-bottom: 2em;
}
*/

.fontsizelinks a img:hover, .fontsizelinks a img:focus {
  /* filter: invert(26%) sepia(89%) saturate(3563%) hue-rotate(342deg) brightness(73%) contrast(108%); */
  filter: invert(13%) sepia(97%) saturate(5815%) hue-rotate(352deg) brightness(78%) contrast(88%);
}


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

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    #banners img {
     image-rendering: -webkit-optimize-contrast;
    }
}

.new-label {
  padding: 1px 6px;
  align-self: flex-start;
  margin-left: 6px;
  color: #000000;
  background-color: gold;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50%;
  -ms-user-select: none;
  user-select: none;
}

.cta-text {
  font-size: 46px !important;
  color: #ffffff !important;
}

.cta-text2 {
  /* color: #7A117A !important; */
  /* color: #450A43 !important; */
  color: #3F0C3B !important;
}

.cta-text3 {
  font-size: 46px !important;
  /* color: #7A117A !important; */
  /* color: #450A43 !important; */
  color: #3F0C3B !important;
}

.cta-text4 {
  font-size: 46px !important;
  /* color: #F8DCF6 !important; */
  color: #EBE9EB !important;

}





/* Customised Modal Styles */

.cbs .modal-content { 
  border-top: 10px solid #FFFFFF;
  border-left: 10px solid #FFFFFF;
  border-right: 10px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  /* background-color: #BCDFF5; */
}

/*
.cbs .modal-body {
  font-size: 1.3em;
  letter-spacing: 2px;
  border: 1px solid black;
  padding-top: 2rem;
}
*/

.ls2p {
  letter-spacing: 2px;
}
.ls1p {
  letter-spacing: 1px;
}


.cbs .modal-body {
  font-size: 1em;
  letter-spacing: normal;
  border: 1px solid black;
  /* padding-top: 2rem; */
  /* background-color: #BCDFF5; */
  /* padding: 0; */ /*Override default 1rem */
padding: 0;
}

.cbs-eng .modal-body {
  font-size: 1em;
  letter-spacing: normal;
  border: 1px solid black;
  /* padding-top: 2rem; */
  /* background-color: #BCDFF5; */
  /* padding: 0; */ /*Override default 1rem */
padding: 0;
}

.chinese .modal-body {
  /* font-size: 1.1em; */
}

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


@media (min-width: 576px) {
  .cbs .modal-dialog {
    max-width: 560px;
  }
}

.cbs a {
  color: blue;
}

.cbs .url {
  font-size: 0.75em;
  font-size: 1em;
  letter-spacing: normal;
  color: blue;
  font-family: Arial, Helvetica, sans-serif !important;
}

.cbs .url .tnw {
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Firefox only */
@-moz-document url-prefix() {
  .cbs .url .tnw {
    white-space: normal;
  }
}

.cbs-text-center {
  text-align: center;
}


.cbs .modal-footer {
  /* padding: 0.2rem 0.2rem 0.1rem; */
  /* padding: 0.4rem 0.2rem 0.2rem; */
  padding: 0.3rem 0.1rem 0.3rem;
  border-top: unset;
  background-color: white;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}


.cbs .btn {
  padding: 0.1em 0.5em;
  font-size: 0.75rem;
  font-size: 0.9rem;
  border: none;
  color: black;
  background-color: #eeeeee;
  color: white;
  background-color: #606060;
}

.cbs .btn:hover:not(:disabled):not(.disabled), .cbs .btn:focus:not(:disabled):not(.disabled) {
  /* color: black; */
  background-color: #d1d1d1;
  background-color: #25AD79;
  background-color: #0062CC;
}

#vrModal-register-reminder .modal-content {
  /* background-color: #FF9933; */
  background-color: #ffaa33;
}

#mmr-heading {
  padding-top: 0;
  color: #000000;
  font-size: 1em;
  font-weight: 700;
}

@media (min-width: 576px) {
  #mmr-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.cbs-eng #mmr-content {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cbs * {
    word-wrap: break-word;
   }
  .cbs .modal-footer .btn {
    padding-top: 1px;
  }
}

.largersize {
  font-size: 1.75em;
}

@media (min-width: 992px) {
  .modal-xxx {
    max-width: 800px;
  }
}





#vrModal .btn.disabled, #vrModal .btn:disabled {
  opacity: 0.3;
  pointer-events: none;
}

@media (min-width: 992px) {
  #vrModal .modal-larger {
    max-width: 740px;
  }
}

/*
#vrModal .modal-footer {
  justify-content: space-between;
}
*/

#vrModal #prevBtn, #vrModal #nextBtn, #vrModal #closeBtn {
  min-width: 6em;
}

#vrModal .popup-message {
  padding: 2rem 1.5rem 1.1rem 1.5rem;
  min-height: 5em;
  font-size: 1rem;
  font-size: clamp(1rem, 1em, 1.25rem); 
}

/*
@media (min-width: 320px) {
  #vrModal .popup-message {
    min-height: 17em;
  }
  .english #vrModal .popup-message {
    min-height: 23em;
  }
}

@media (min-width: 360px) {
  #vrModal .popup-message {
    min-height: 15.5em;
  }
  .english #vrModal .popup-message {
    min-height: 21em;
  }
}

@media (min-width: 390px) {
  #vrModal .popup-message {
    min-height: 14em;
  }
  .english #vrModal .popup-message {
    min-height: 20em;
  }
}

@media (min-width: 414px) {
  #vrModal .popup-message {
    min-height: 12em;
  }
  .english #vrModal .popup-message {
    min-height: 19em;
  }
}

@media (min-width: 600px) {
  #vrModal .popup-message {
    min-height: 10em;
  }
  .english #vrModal .popup-message {
    min-height: 14em;
  }
}

@media (min-width: 992px) {
  #vrModal .popup-message {
    min-height: 9.5em;
  }
  .english #vrModal .popup-message {
    min-height: 10em;
  }
}
*/


.bg-tropical-blue-2 {
  background-color: #BCDFF5;
}

.bg-light-orange {
  background-color: #FED8B1;
}

.bg-amber {
  background-color: #FFBB00;
}

.cbs {
  transition-delay: 0.2s;
}

.modal.cbs .modal-dialog {
  transition: none;
  -webkit-transform: none;
  transform: none;
}

.ethnic-under-construction {
  padding: 0 24px 10px;
  font-weight: 700;
  color: #000000;
}

.ethnic-under-construction .uc-notice {
  padding: 10px 30px;
  background-color: gold;
  border-radius: 50%;
  -ms-user-select: none;
  user-select: none;
}


.ol-default {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

.ol-gecko {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 32px;
  padding-left: 2em;
  counter-reset: listgecko;
}

.ol-gecko > li {
  list-style: none;
  text-indent: -1.12em;
}

.ol-gecko > li:before {
  content: counter(listgecko, decimal) ". ";
  counter-increment: listgecko;
}

ol.ol-cs {
  list-type: none;
  counter-reset: item-counter;
  margin-left: 0.1em;
}
ol.ol-cs > li {
  list-style: none;
  counter-increment: item-counter;
  text-indent: -1.5em;
}
ol.ol-cs > li::before {
  content: "(" counter(item-counter, lower-alpha) ")";
  display: inline-block;
  width: 1.5em;

  text-align: center;
  padding-left: 0.75em;
}


.popup-heading {
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
  /* line-height: 1.2; */
  letter-spacing: 2px;
}

.popup-heading-smaller {
  font-size: 0.7em;
}
.popup-details-link {
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
}

.boldtext-underlined {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 1.5px;
  text-decoration-skip-ink: none;
}

.popup-heading-e1 {
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
}
.popup-heading-e2 {
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
}

.px-2rem {
  padding-left: 2rem;
  padding-right: 2rem;
}

.list-style-disc {
  list-style-type: disc;
}
.list-style-circle {
  list-style-type: circle;
}
.text-emphasised {
  font-weight: bolder;
  text-decoration: underline;
}

.pl-1p5em {
  padding-left: 1.5em;
}

  .smaller-pr-remark {
    font-size: 93%;
  }