﻿charset "utf-8";

a {
  -webkit-text-decoration-skip: none !important; 
  text-decoration-skip-ink: none !important;
}

a:hover, a:focus {
  color: #bb1122;
}

body {
/* 	text-justify: inter-word; */
}


body {
  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";
  color: #606060;
  font-size: 14px;
  line-height: 1.42857143;
  color: #060300;
  background-color: #FCECF4;
}

@media (min-width: 768px) {
  body {
    background-color: #FDE3D0;
  }
}


.row {
    margin-right: 0px;
    margin-left: 0px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding: 0px;
}

.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tfoot tr th,
.table-borderless tfoot tr td {
    border: none;
}

table.table.table-condensed {
    border: 1px solid #ccc;
}

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	border: none;
}


.container {
	padding:0;
	margin:auto;
	background-color: #C3BAD8;
}

.navbar-nav {
	padding: 0;
	width: 100%;
}




#nav {
  background-color: #56267F;
}



/* Overide BS3 15px padding */
.navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}



.dropdown-menu {
	background-color:#e8f8ff;
    margin-left: 0;
	padding: 4px 4px 4px 0px;
	border:0;
}


.navbar-toggle {
  float: left;
  background-color: #C3BAD8;
  margin-left: 10px;
  border: 0;
}


.navbar-default .navbar-nav > li {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #FDE4C3;
}



.navbar-default .navbar-nav > li > a {
  color: #fff;
  height: 100%;
  margin-left: 0px;
  /* padding: 6px 14px 6px 12px; */
  padding: 6px 1.7em 6px 12px;
	background-color: #56267F;
}

@media (min-width: 768px) {
  .navbar-default .navbar-nav > li > a {
    padding: 10px 23px 10px 12px;
  }
}


/* CO BY AL 20190923 
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #5ecdeb;
  color: #fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #5ecdeb;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #e8f8ff;
}
*/


.container {
	width: 100%;
}
#toolbar {
  background-color: #6F1774;
}




/* style for desktop */
@media (min-width: 768px) {

.navbar-header {
	width: 100%;
}

    .navbar-nav>li {
        display: table-row;
        float: none;
        text-align: left;
		padding-left: 0px;

    }


	.navbar-fixed-top .navbar-collapse,
	.navbar-static-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}




	.navbar-toggle {
		display: none;
	}
}

#langM {
	margin-left:30px;
}

#searchM {
	margin-left:20px;
}

/* press releases in What's new section of index page */
#new {
    position: relative;
}

#press {
   position: absolute;
   top: 10px;
   left: 10px;
   right: 20px;
   font-size:0.9em;
   line-height:1.2em;

   padding: 0;
   padding-right:10%;
   border: none;
   background-color: rgba(255, 255, 255, 0);
}
#press ul li {
	margin-top:0.5em;
}

#content img {
/*    padding: 5px;*/
}

.banner img {
    padding: 5px;
}

/* footer styles */
#footer {
	margin:auto;
	/* padding: 10px; */
	padding: 10px 20px 5px 20px;
	background-color: #FCECF4;
	color: #606060;
	color: #535353;
	font-size: 0.857em;
	line-height: 1.5em;
}
#footer * { color: #606060;  }

#footer a:link, #footer a:visited   {
  color: #606060;
}

#footer a:hover, #footer a:active, #footer a:focus   {
  color: #bb1122;
}


#content-area {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-bottom: 60px;
	/* min-height: 200px; */
	min-height: 570px;
	width: 100%;
	margin: auto;
	background-color: #FCECF4;
    /* transition: 0.2s; */
}


@media (min-width: 768px) {
  #content-area {
	padding-left: 5%;
	padding-right: 5%;
    /* min-height: 530px; */
    min-height: 888px;
  }
}



ul {
	list-style-type: ">";
}


/* reset webkit search input browser style */
input {
	outline: none;
}


input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
	/* background: #fff url(../images/search.jpg) no-repeat 2px center; */
    border: none;
    padding: 2px 4px 4px 2px;
    width: 100px;
    margin-right: 5px;
    margin-left: 5px;
    color: #000000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
/*
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
*/
}


.sizeS {
	font-size:1em;
	text-decoration:none;
}

.sizeM {
	font-size:1.4em;
	text-decoration:none;
}

.sizeL {
	font-size:1.8em;
	text-decoration:none;
}

.sizeS2 {
	font-size:1em;
	/* color:white; */
	text-decoration:none;
}

.sizeM2 {
	font-size:1.4em;
	/* color: white; */
	text-decoration:none;
}

.sizeL2 {
	font-size:1.8em;
	/* color: white; */
	text-decoration:none;
}


#langM {
	margin-left:12px;
	color: #fff;
}

#langM a {
	color: #fff;
}


#lang-ts-mb {
  padding-left: 12px;
  color: #fff;
  background-color: #56267F;
}

#lang-ts-mb a {
  color: #fff;
}



.search-submit {
  display: none;
}



/*
 nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
      -moz-transition: margin 200ms ease-out;
      -o-transition: margin 200ms ease-out;
      transition: margin 200ms ease-out;
  }
*/


/*
  nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #CCC;
    background-color: transparent;
  }
*/




/* Override BS3 4323 */
.navbar-nav {
/*  margin: 7.5px -15px; */
  margin: 0;
}


.navbar-form {
  margin-right: 0px;
  margin-left: 0px;
}

#top-banner-container {
  /* background-color: #B4A8D0; */
  background-color: #C6BDDC;
  /* max-height: 194px; */
  max-height: 194px;
}

.navbar-nav > li > a {
  line-height: 1.42857143;
  line-height: 1.35;
}


/************************************************************************/
/* New Styles */
/************************************************************************/


.wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.col-container {
  width: 100%;
}

.col-container {
  /* display: table; */
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .col-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .col1  {
	/*display: table-cell;*/
    width: 23%;
	min-width: 230px;
  background-color: #C1A1C8;
  }
  .col2 {
	/*display: table-cell;*/
    width: 77%;
  }
}


@media (min-width: 768px) {
  .col-sm-2a, .col-sm-10a {
     /* float: left;  */
  }
  .col-sm-2a {
    /* width: 23%; */
    width: 25%
  }
  .col-sm-10a {
    /* width: 77%;
    width: 50%;*/
    width: 75%;
  }
}






.dropdown-toggle {
  /* white-space: nowrap; */
}

.dropdown-toggle::after {
/*  vertical-align: 0.255em; */
  content: "";
  background-image: url(../images/designerarrow.gif);
  background-size: 100% 100%;
  display: inline-block;
  height: 1.5em;
  width: 0.5em;
  position:relative;
  top: -0.08em;
  /* right: 0.25em; */
    right: -0.7em;
    float: right;
}


@media (min-width: 768px) {
  .dropdown-toggle::after {
  right: 0.25em;
    margin-right: -14px;
  }
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}


.dropdown-toggle[aria-expanded="true"]:after  {
  transform: rotate(-90deg);
}


.dropdown-toggle:after {
  transition: 0.3s;
  margin-left: 0.5em;
}


@media (min-width: 768px) {
	.colour-bordered {
		border-bottom: 5px solid #F9B07B;
	}
}


.subnavitem {
  padding: 0;
}
.subnavlink {
  background-color: #C4D4E9;
  display: block !important;
  padding: 6px 12px 6px 12px;
  line-height: 1.42857143;
  line-height: 1.35;
  color: #5D4477 !important;
/*  min-height: 40px; */
  text-decoration: none;
}

@media (min-width: 768px) {
  .subnavlink {
    padding: 10px 12px 10px 12px;
  }
}

li.subnavitem:not(:last-child) {
  border-bottom: 1px #727A93 solid;
}

li.subnavitem:first-child {
  /* margin-top: 5px; */
  border-top: 5px solid #6F1774;
}


.subnavlink:hover, .subnavlink:focus {
  color: #CDCDE4;
  background-color: #fff;
  text-decoration: none;
}


.navbar-default .navbar-nav > li {
  display: block;
  width: 100% !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #5C4378 !important;
  background-color: #31759A !important;
}


.mr-negative * {
  margin-right: -14px;
}


.float-left div {
    float: left;
    clear: none;
}

.float-left:after {
  display: block;
  clear: both;
  content: "";
}
.float-right {
    float: right;
    clear: none;
}
.float-right:after {
  display: block;
  clear: both;
  content: "";
}

.form-block {
  color: #fff;
  margin-right: 0;
  padding-left: 12px;
  padding-bottom: 4px;
  padding-top: 4px;
}

@media (min-width: 768px) {
  .form-block {
    margin-right: 10px;
    padding-left: 0;
  }
}

.option {
  background-color: transparent;
  padding-right: 0;
  padding-top: 2px;
  margin-top: 4px;
}
.option a {
  color: white !important;
}
.option a:hover, .option a:focus {
	color: #FDCC11 !important;
	text-decoration: none;
}
.opt-item {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  border-left: 1px solid WHITE;
  height: 1.5em;
  line-height: 1.5em;
}

.topbar-dt {
  padding-top: 3px;
  padding-bottom: 3px;
}
#query, #query-m {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-right: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  vertical-align: middle;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px dashed;
  border-left: 6px solid \9;
}

#searchbutton, #searchbutton-m {
  border: 0;
  background-color: transparent;
  padding: 0 4px;
}


.navbar-default .navbar-toggle .icon-bar {
  background-color: #333;
  background-color: #56267F;
}


.rwd-break, .rwd-break2 { 
   display: block;
}

@media (min-width: 600px) {
  .rwd-break { 
   display: none;
  }
}



/* 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: #6F1774;
	-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;
}

.divider {
  padding-left: 2px;
  padding-right: 2px;
}



.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #C3BAD8;
}


.border-center-heading {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #5D4477;
  text-align: center;
  margin-bottom: 24px;
}
/*
.heading * {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  color: #5D4477;
}
*/

.language-selector {
  display: inline-block;
  margin-right: 10px;
/*
  font-size: 1.3em;
  line-height: 1.8em;
*/
}



.text-size-selector  {
  display: inline-block;
  font-family: Arial, Helvetica, "sans-serif", Roboto, -apple-system, BlinkMacSystemFont, "Microsoft JhengHei";
}
.sizeS2, .sizeM2 {
  margin-right: 5px;
}

#banners img:hover {
  opacity: 0.9;
  filter:saturate(1.5);
}


#banners {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #FCECF4;
  padding-bottom: 2px;
}



#banners div {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  /* max-width: 88px; */
}
#banners img {
  /* margin: 0 0.1rem 0.2rem 0.1rem; */
  width: 85px;
}


@media (min-width: 320px) {
  #banners div {
    max-width: 64px;
  }
  #banners img {
    width: 64px;
  }
}

@media (min-width: 360px) {
  #banners div {
    max-width: 72px;
  }
  #banners img {
    width: 72px;
  }
}

@media (min-width: 480px) {
  #banners div {
    margin-left: 15px;
    margin-right: 15px;
    max-width: 88px;
  }
  #banners img {
    width: 88px;
  }
}




.home-poster {
  padding: 40px;
  margin-bottom: 15px;
}
.poster-shadow {
  box-shadow: 6px 6px 12px grey;
}
.search-icon {
 color: #fff;
}

.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;
}

.centered {
  margin: 0 auto;
  /*max-width: 300px; */
}

.table-ethnic-dt {
  max-width: 100%;
  max-height: 100%;
  display: none;
}

.table-ethnic-mb {
  max-width: 80%;
  max-height: 80%;
}

.table-ethnic-dt img {
   max-width: 100%;
   max-height: 100%;
   display: block;
}

@media (min-width: 768px) {
  .table-ethnic-mb {
    display: none;
  }
  .table-ethnic-dt {
    display: block;
  }

}



  .px-sm-4 {
    padding-right: 11.5rem !important;
  }

  .px-sm-4 {
    padding-left: 11.5rem !important;
  }


.text-context {
  padding-left: 35px;
  padding-right: 35px;
}



.strong {
  font-weight: bold;
}



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;
  display: inline-block;

  margin-left: -2.5em;
  width: 2.5em;
/*
  margin-left: -3.5em;
  width: 3.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) ") ";
  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;
}

.english .ul-envelope li:before {
  margin-left: -1.58em !important;
}


.li-mt-1>li {
  margin: 0.25rem 0;
}
.li-mt-2>li {
  margin: 0.5rem 0;
}
.li-mt-3>li {
  margin: 1rem 0;
}

.list-disc {
  list-style-type: disc;
}


/* ul, li {margin-left: 0; padding-left: 0;} */
.indent1 {margin-left: 0.6em; padding-left: 0.6em;}
.indent2 {margin-left: 1.5em; padding-left: 1.5em;}
.indent3 {margin-left: 2em; padding-left: 2em;}
.indent3 {margin-left: 3em; padding-left: 3em;}
.indent4 {margin-left: 4em; padding-left: 4em;}



h1 { 
    display: block;
    font-size: 1.45em;
    margin-top: 0.67em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color: #5D4477;
}

h2 {
    display: block;
    font-size: 1.15em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color: #571F82;
}
h3 { 
    display: block;
    font-size: 1.10em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h4 { 
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h5 { 
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h6 { 
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}



.topindex  {
  margin-bottom: 2em;
}
.topindex ul {
  list-style-type: square;
}

.topindex ul {
  margin-left: 0.7em; 
  padding-left: 0.7em;
}

.topindex .divider {
  display: none;
}



@media (min-width: 870px) {
  .topindex ul {
    list-style-type: none;
    margin: 0 auto;
    text-align: center;
  }
   .topindex ul li {
    display: inline;
  }
  .topindex .divider {
    display: inline-block;
  }
}



.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}


#table-district-member {
  margin-bottom: 0.5em;
}
#table-district-member,
#table-district-member th,
#table-district-member td {
  border: 1px solid #FDEEF5;
}

#table-district-member th{
  font-size: 0.9em;
}
@media (min-width: 340px) {
  #table-district-member th{
    font-size: 1em;
  }
}


#table-district-member th, #table-district-member  td {
  background-color: #C2CDE9;
}
#table-district-member th {
  color: #67378B;
}

#table-district-member th,
#table-district-member td {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
}

th, td:not(:first-child) {
  text-align: center;
}


ul.red-dot-bullet {
  list-style-image: url(../images/bullet.png);
  line-height: 150%;
}



ul.red-dot-bullet li {
	margin-bottom: 1em;
}

ul.listing {
  line-height: 150%;
}

ul.listing li {
	margin-bottom: 1em;
}




/* Styles for ethnic box */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-3s, .col-4s, .col-8s, .col-9s, .col-md-4s {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.col-4s {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

@media (min-width: 1000px) {
  .col-4m {
  -ms-flex: 0 0 36.833333%;
  flex: 0 0 36.833333%;
  max-width: 36.833333%;
  }
  .col-4l {
  -ms-flex: 0 0 31.333333%;
  flex: 0 0 31.333333%;
  max-width: 31.333333%;
  }
  .col-4a {
  -ms-flex: 0 0 32.9%;
  flex: 0 0 32.9%;
  max-width: 32.9%;
  }
}



.col-8s {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

@media (min-width: 1000px) {
  .col-md-4s {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-cw-3s {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-cw-9s {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
}

.h-100 {
  height: 100% !important;
}

.flexrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;

}

.ctr {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-height: 3.6em;
  line-height: 1.3;
  background-color: #FCD3B1;
}


#ethnic a {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-decoration: none;
  color: #56267F;
}

#ethnic .heading a {
  padding: 8px;
}

#ethnic a:hover, #ethnic a:focus {
  text-decoration: none;
  color: #582D87;
  background-color: #fab780;
}

.br {
  border-right: 2px solid #FDEDF5;
}
.bb {
  border-bottom: 2px solid #FDEDF5;
}


@media (min-width: 1000px) {
  .ctr {
    min-height: 55px;
  }
  .ctr * {
    font-size: 12px;
  }
  .bb {
    border-bottom: none;
  }
  .bs {
    border-right: 1px solid #FDEDF5;
  }
  #ethnic a {
    padding: 2px;
  }
  #ethnic .heading a {
    padding: 4px;
  }
}



/** DIV TABLE 2 **/
.css_table {
    display: table;
  }
.css_tr {
    display: table-row;
  }
.css_td {
    display: table-cell;
    /* vertical-align: middle;*/
}
.css_td_pr {
    display: table-cell;
    white-space: nowrap;
    padding-right: 1em;
}


.css_td_pr2 {
  display: table-cell;
  white-space: nowrap;
  font-weight: bold;
  padding-right: 1.5em;
}



.pdf-icon-right {
  width: 20px;
  margin-left: 10px !important;
}

.internal {
  margin: 0;
  height: 1px;
}


thead, tfoot {
 font-weight: bold;
}

caption {
  color: #000;
  font-weight: bold;
  font-size: 1.05em;
}


ul.custom  {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 3em;
	list-style-type: square;
		  list-style-image: url(../images/bullet.png);
  line-height: 150%;
}
ul.custom  li:before {
	/*content: "+";*/
	position: absolute;
	left: 0;
}

ul.custom li {
	margin-bottom: 1em;
}

ul.shortcuts {
	position: relative;
	margin-left: 0;
	padding-left: 1.2em;
	list-style: none;
	list-style-type: square;
}

/*
ul.shortcuts li:before {
	content: "*";
	position: absolute;
	left: 0;
}
*/

ul.shortcuts li {
	margin-bottom: 0.2em;
}




.text-underlined {
  text-decoration: underline;
}



/**  Padding and Margins **/

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}



section {
  padding-top: 1px;
  margin-bottom: 20px;
}

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

/* Override BS3 */
label {
  margin-bottom: 0;
  font-weight: normal;
}

.btlr {
  border-top-left-radius: 12px;
}
.bblr {
  border-bottom-left-radius: 12px;
}

.btrr {
  border-top-right-radius: 12px;
}
.bbrr {
  border-bottom-right-radius: 12px;
}

@media (min-width: 1000px) {
  .not-lg-btrr {
    border-top-right-radius: 0;
  }
}

@media (min-width: 1000px) {
  .lg-btrr {
    border-top-right-radius: 12px;
  }
}

.larger {
  font-size: 1.25em;
}

.footer-last-divider, .footer-last-divider-c {
  display: none;
}
@media (min-width: 600px) {
  .footer-last-divider {
    display: inline;
  }
}
@media (min-width: 350px) {
  .footer-last-divider-c {
    display: inline;
  }
}

a {
  -webkit-text-decoration-skip: none !important; 
  text-decoration-skip-ink: none !important;
}


div.maplink1, div.maplink1e {
  margin-top: 0.5em;
  line-height: 1.1;
  /* vertical-align: text-bottom; */
}

 div.maplink2, div.maplink2e {
  line-height: 1em;
  }

@media (min-width: 320px) {
  div.maplink1 {
    margin-top: 0;
    width: 7em;
    max-width: 150px;
    line-height: 1.42;
  }

  div.maplink1, div.maplink2 {
    display: inline-block;
  }
}


@media (min-width: 600px) {
  div.maplink1 {
    width: 9em;
    max-width: 180px;
  }
}

@media (min-width: 600px) {
  div.maplink1e {
    margin-top: 0;
    width: 17em;
    max-width: 360px;
  }
  div.maplink1e, div.maplink2e {
    display: inline-block;
  }
}


.ol-ebmaps {
  margin-left: -15px;
  margin-left: -10px;
  line-height: 2em;
  margin-bottom: 36px;
}

.district-popup, .map-popup {
  display: none;
}

/*
a:hover span.district-popup, a:focus span.district-popup, a:active span.district-popup {
  z-index: 8000;
  display: block;
  border: 1px solid  #0cf;
  background-color: #cff;
  color: #000;
  text-align: center;
  padding: 0.5em;
  line-height: 1;
  position: absolute;
  margin-left: 4.5em;
  margin-top: -0.3em;
}

a:hover span.map-popup, a:focus span.map-popup, a:active span.map-popup {
  z-index: 8000;
  display: block;
  border: 1px solid #00b300;
  background-color: #bcf5bc;
  color: #222;
  text-align: center;
  padding: 0.5em;
  line-height: 1;
  position: absolute;
  margin-left: 4em;
  margin-top: -0.3em;
}
*/

.geo-map-link {
  padding-left: 2px;
  vertical-align: middle;
}


.red-dot-bullet-l1 li {
  list-style-image: none;
  margin-left: -1.5em;
}

.red-dot-bullet-l1 > li {
  list-style-image: url(../images/bullet.png);
  margin-left: 0;
}

.lst-disc {
  list-style-type: disc;
}


.ol-summary {
  margin-left: -15px;
  margin-left: -10px;
}

.mt-2em {
  margin-top: 2em;
}




/*  New Styles */


.publicity-group  img:hover {
 filter: brightness(108%);
}

.publicity-group {
  margin-bottom: 1rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.tabheading {
  background-color: transparent;
  padding: 2px 0;
  font-weight: bold;
}

.pub-shaded {
  background-color: #F8EDA4;
  background-color: transparent;
}


@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.tab-radio {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 15px !important;
  padding-left: 15px !important;
}


@media (min-width: 992px) {
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}


.mw-130 {
  width: 130px;
  min-width: 130px;
}

.api-desc {
  vertical-align: middle;
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: 100%;
}

.tab-tvapi {
  padding-bottom: 1.5em;
}
