#headerZone.fixedHeader{
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,.2); 
}
@layer base {
  #content a {
    text-decoration: underline;
    color: var(--main-color);
  }
  
  #content a:hover {
    text-decoration: none;
  }
  #headerZone {
    background-color: rgba(255,255,255,1);
  } 
  #contentWrap { padding-top: var(--content-top-padding);}
  #content ul {
    margin: 0 0 30px;
    counter-reset: revert;
    list-style: none;
  }
  #content ul{
    list-style-type: disc;
  }
  #content ul>li {  
    margin-left: 32px;
/*    padding-left: 10px;*/
    margin-bottom: 10px;
    position: relative;
  }  
  #content ul>li::marker{
    /*content: '•';
    font-family: Tahoma;*/
    color: var(--main-color);
  }
  #content p {
    margin-bottom: 30px;
	text-align: justify;
  }
  #content table p{
    margin-bottom: 10px;
  }
  #content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 30px;
    padding: 0;
  }
}
#content .inlineNav{ overflow:hidden; font-weight: 700; font-size: 1.111em;}
#content .inlineNav ul{ margin-left:-32px;}
#content .inlineNav ul li{
  display:inline-block;
}
#content .inlineNav ul li a.selected{
  color:var(--green);
  text-decoration:none;
}
#content .inlineNav ul li:before{
  content:'';
  position:absolute;
  left:-18px;
  top: 50%;
  transform:translateY(-50%);
  width:1px;
  height:15px;
  background-color:#ccc;
}
#content .inlineNav ul li:first-child:before{ display:none; }
#insideWave > div{
  position: absolute;
  transform: translate3d(0, 0, 0);
  bottom:0 ;
  right: 0;
  width: 6000px;
  height: 388px; 
  background-repeat: repeat-x;
}
#insideWave_1{
  background-image: url(../images/inside/inside-wave-1.svg);
  animation: wave calc(var(--anim-speech-base)*9/2) cubic-bezier(.55,.5,.45,.5) -2s infinite, swell 4s ease 0s infinite;
}
#insideWave_2{
  background-image: url(../images/inside/inside-wave-2.svg);
  animation: wave calc(var(--anim-speech-base)*6) cubic-bezier(.55,.5,.45,.5) -4s infinite, swell 4s ease 0s infinite;
}
#insideWave_3{
  background-image: url(../images/inside/inside-wave-3.svg);
  animation: wave calc(var(--anim-speech-base)*7) cubic-bezier(.55,.5,.45,.5) -6s infinite, swell 4s ease 0s infinite;
}
#insideWave_4{
  background-image: url(../images/inside/inside-wave-4.svg);
  animation: wave calc(var(--anim-speech-base)*5) cubic-bezier(.55,.5,.45,.5) -8s infinite, swell 4s ease 0s infinite;
} 
@keyframes wave {
  0% {
    right: 0;
  }
  100% {
    right: -2000px;
  }
}
@keyframes swell {
  0%,
	100% {
    transform: translate3d(0, 15px, 0);
  }
  50% {
    transform: translate3d(0, 10px, 0);
  }
}

@media screen and (max-width: 1379.98px) { 
  :root {--anim-speech-base: 6s;}
  #insideWave > div{ height: 188px;}
}
#content {
  line-height: 1.556em;
  position: relative;
}
#content h2,
#content h3,
#content h4,
#content h5 {
  margin: 0 0 30px 0;
  font-weight: normal;
}

#content h2 {
  padding: 0;
  color: var(--brown);
  font-size: 1.667em;
  line-height: 130%;
}

#content h3{
  color: var(--green);
  font-size: 1.556em;
  line-height: 120%;  
  margin: 0 0 20px 0;
}

#content h4 {
  color: var(--darkred);
  font-size: 1.333em;
  line-height: 120%;
}

#content h5 {
  font-size: 1em;
  line-height: 120%;
}

#content img {
  max-width: 100%;
}

#content hr {
  line-height: 0;
  font-size: 0;
  margin: 55px 0;
  height: 4px;
  width: 100%;
  border: none;
  border-top: 1px dotted rgba(0, 0, 0, 0.45);
}

#content ul.noBullet {
  margin-left: 0;
  list-style-type: none;
}

#content ul.noBullet li {
  padding-left: 0;
  margin-left: 0;
}

#content ul.square{
  list-style-type: square;
}

#content ul.circle {
  list-style-type: circle;
}

#content ul li ul,
#content ol li ul {
  margin: 10px 0;
}

#content ol {
  list-style: decimal;
  counter-reset: revert;
  margin: 0 0 30px 30px;
}

#content ol.lowerAlpha{
  list-style-type: lower-alpha;
}

#content ol.upperAlpha {
  list-style-type: upper-alpha;
}

#content ol.lowerRoman {
  list-style-type: lower-roman;
}

#content ol.upperRoman {
  list-style-type: upper-roman;
}

#content ol.lowerGreek,
#content ol[type="α"] {
  list-style-type: lower-greek;
}

#content ol p {
  margin-bottom: 15px;
}

#content ol > li {
  padding-left: 4px;
  margin-bottom: 10px;
}

#content ol li ol,
#content ul li ol {
  margin: 10px 0 10px 24px;
}

#content ol > li > ol > li, #content ol > li > ol > li > ol > li , #content ul > li > ol > li{
  padding-left: 4px;
}

#content div.rwd-table-wrap{
	margin-bottom: 40px;
	position: relative;
	clear: both;
}
#content div.rwd-table-wrap.servicesTable > div > table{ min-width: inherit; }
#content div.rwd-table-wrap:last-child{ margin-bottom: 0;}
#content div.rwd-table-wrap > div{
	position: relative;
	width: 100%;
	overflow: auto;
}
#content div.rwd-table-wrap:before,
#content div.rwd-table-wrap:after{
	content: '';
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(90deg, rgba(238,238,236,0) 0%, rgba(238,238,236,.4) 50%, rgba(238,238,236,.8) 100%);
    z-index: 3;
    opacity: 0;
    transition: opacity 0.25s ease 0s;
}
#content div.rwd-table-wrap:before{
	left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#content div.rwd-table-wrap.scroll-left:before,
#content div.rwd-table-wrap.scroll-right:after{
	opacity: 1;
}
#content div.rwd-table-wrap:after{
	right: 0;
}
#content div.rwd-table-wrap > div{
  scrollbar-face-color: var(--blue-light); /* Firefox 63 compatibility */
  scrollbar-track-color: var(--bgcolor-blue); /* Firefox 63 compatibility */
  scrollbar-color: var(--blue-light) var(--bgcolor-light);
  scrollbar-width: thin;
}
#content div.rwd-table-wrap > div::-webkit-scrollbar {
    width: 15px;
}
 
#content div.rwd-table-wrap > div::-webkit-scrollbar-track {
    background-color: var(--bgcolor-blue);
    border-radius: 0;
}
 
#content div.rwd-table-wrap > div::-webkit-scrollbar-thumb {
    background-color: var(--blue-light);
    border-radius: 0;
}
#content div.rwd-table-wrap > div>table{
	width: 100%;
	min-width: 640px;
	margin-bottom: 0;
}

#content table .empty{
  text-indent: -9999px;
  font-size: 0;
}

#content table thead th {
  vertical-align: top;
  text-align: left;
  font-size: 1.111em;
  font-weight: 600;
}

#content table tbody > tr > th,
#content table tbody > tr > td {
}

#content table tbody th{
  padding: 15px 20px;
  text-align: left;
  color: var(--darkred);
  vertical-align: top;
}

#content table thead th{
  padding: 15px 20px;
}

#content table.general tbody th{
  font-weight: 700;
}

#content table tbody td {
  padding: 15px 20px;
  vertical-align: top;
}

#content table tr > th:first-child,
#content table tr > td:first-child {
  padding-left: 20px;
}

#content table.no-style {
  border: none;
  width: auto;
}
#content table.no-style thead tr th,
#content table.no-style tbody tr td,
#content table.no-style tbody tr th {
  border: none;
  background: transparent;
  padding: 0 20px 5px 0;
  vertical-align: top;
}

#content table.no-style tr > td:first-child {
  padding-left: inherit;
}

#content table.no-style th {
  font-weight: 600;
  color: #1a72c5;
}

/*style-table*/
#content table.style-table thead th {
  color: #fff;
  background: var(--main-color);
  padding: 15px 20px;
  vertical-align: top;
  border-left: 1px solid #fff;
}
#content table.style-table thead th:first-child{
/*  border-left: none;*/
}
#content table.style-table thead th a{ color: currentColor;}
#content .accordion-wrap table.style-table thead th{
  background: var(--blue);
  border: 1px solid #fff;
}
#content table.style-table tbody tr td.subhead {
  background: var(--bgcolor-table);
  color: var(--blue-normal);
  font-weight: 700;
}
#content table.style-table tbody tr td.subhead2 {
  background: var(--bgcolor-grey);
  color: var(--blue-normal);
  font-weight: 700;
}
#content table.style-table:not(.general) tbody tr:nth-child(2n+1) > *{
	background-color: var(--bgcolor-table);
  color: #333;
}
#content table.style-table:not(.general) tbody tr:nth-child(2n) > *{
	background-color: var(--bgcolor-grey);
  color: #333;
}
#content table.general {
  /* border-top: 1px solid #ccc;   */
}
#content table.general th, #content table.general td{
  border: 1px solid #ccc;
}
#content table.border-table th, #content table.border-table td{
  border: 1px solid #ccc;
}
#content table.meeting thead tr th{ text-align: center;}
#content table.meeting thead th:first-child{ text-align: left;}
#content table.meeting tbody tr td:nth-child(2), #content table.meeting tbody tr td:nth-child(3), #content table.meeting tbody tr td:nth-child(4), #content table.meeting tbody tr td:nth-child(5){
  text-align: center;
}
#content table tr.access td, #content table tr.access th{ border: none;}
#content table.centerCell tbody tr td{
  text-align: center;
}
#content table td > ul > li{
  margin-left: 20px;
} 
#content table td > ul:last-of-type{
  margin-bottom: 0;
}
#content table td > ul:last-of-type > li:last-child{
  margin-bottom: 0;
}
#content table.centerall tr th, #content table.centerall tbody tr td{text-align:center;}
#content table.centert tr th:nth-child(2), #content table.centert tbody tr td:nth-child(2){text-align:center;}
#content table.centerttff tr th:nth-child(2),#content table.centerttff tr th:nth-child(3),#content table.centerttff tr th:nth-child(4),#content table.centerttff tr th:nth-child(5), #content table.centerttff tbody tr td:nth-child(2),#content table.centerttff tbody tr td:nth-child(3),#content table.centerttff tbody tr td:nth-child(4),#content table.centerttff tbody tr td:nth-child(5){text-align:center;}
#content table.centerttffss tr th:nth-child(2),#content table.centerttffss tr th:nth-child(3),#content table.centerttffss tr th:nth-child(4),#content table.centerttffss tr th:nth-child(5),#content table.centerttffss tr th:nth-child(6),#content table.centerttffss tr th:nth-child(7), #content table.centerttffss tbody tr td:nth-child(2),#content table.centerttffss tbody tr td:nth-child(3),#content table.centerttffss tbody tr td:nth-child(4),#content table.centerttffss tbody tr td:nth-child(5),#content table.centerttffss tbody tr td:nth-child(6),#content table.centerttffss tbody tr td:nth-child(7){text-align:center;}
#content table.centertff tr th:nth-child(3),#content table.centertff tr th:nth-child(4),#content table.centertff tr th:nth-child(5), #content table.centertff tbody tr td:nth-child(3),#content table.centertff tbody tr td:nth-child(4),#content table.centertff tbody tr td:nth-child(5){text-align:center;}
#content table.centertt tr th:nth-child(2),#content table.centertt tr th:nth-child(3), #content table.centertt tbody tr td:nth-child(2),#content table.centertt tbody tr td:nth-child(3){text-align:center;}
.common-btn {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 8px 20px;
  border-radius: var(--border-radius-btn);
  line-height: 30px;
  color: var(--main-color);
  font-weight: 700;
  background-color: var(--bgcolor-light);
  transition: background-color .3s ease 0s;
}
.common-btn:hover, .common-btn:focus-within {
  background-color: var(--main-color);
  color: #fff;
}
.common-btn.more{
  padding: 8px 40px 8px 20px;
  border-radius: var(--border-radius-btn);
}
.common-btn.more:before{
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-top-width: 0;
  border-left-width: 0;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

#content table + p.remarks {
  margin-top: -15px;
}

#content .remarks {
  font-size: 0.889em;
  line-height: 1.222rem;
  color: #6e6e6e;
}

.f-left-img {
  float: left;
  overflow: hidden;
  margin: 0 30px 30px 0;
  line-height: 0;
  max-width: 450px;
}
.f-left-img .caption, .f-right-img .caption{  
  padding: 15px 20px;
  text-align: center;
  line-height: 1.4rem;
  font-weight: 500;
}
.f-right-img {
  float: right;
  overflow: hidden;
  margin: 0 0 30px 30px;
  line-height: 0;
  max-width: 450px;
}

.f-left-img.director{
  max-width: 300px;
  text-align: center;
  line-height: inherit;
}

.f-left-img img,
.f-right-img img { 
  width: 100%;
  height: inherit;
}

/* Create a custom checkbox */
.checkBoxWrap .checkBox {
  position: relative;
  padding-right: 20px;
  display: inline-block;
  min-width: 120px;
}

.checkBoxWrap .checkBox label {
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
}

.checkBoxWrap.check-box .checkBox label.focus {
  color: #1dbe69;
}

.checkBoxWrap.check-box .checkBox {
  margin-bottom: 10px;
}

#filtersPanel .checkBoxWrap.check-box .checkBox {
  display: block;
}

.checkBoxWrap .checkBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkBoxWrap.check-radio .checkmark {
  position: absolute;
  top: 50%;
	left: 0;
	transform: translateY(-50%);
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid var(--blue);
  transition: all 0.25s ease 0s;
}

.checkboxContainer.disabled_control .checkmark,
.checkBoxWrap.disabled_control .checkmark {
  opacity: 0.3;
}

.checkBoxWrap.check-box .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid var(--brdColor);
}
.checkBoxWrap.check-box:focus-within .checkmark{
  background-color: #e6e6e6;
}

/* On mouse-over, add a grey background color */
.checkBoxWrap:hover input ~ .checkmark {
  /* background-color: #ccc; */
}

.checkBoxWrap label {
  transition: color 0.25s ease 0s;
}

.checkBoxWrap label:hover {
  color: var(--blue-normal);
}

/* When the checkbox is checked, add a blue background */
.checkBoxWrap.check-box input:checked ~ .checkmark {
  /* background-color: #2196F3; */
  border-color: var(--blue);
  background: var(--blue);
}

.checkBoxWrap input:checked ~ .text {
  color: var(--blue-normal);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkBoxWrap:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkBoxWrap input:checked ~ .checkmark:after {
  opacity: 1;
}

/* Style the checkmark/indicator */
.checkBoxWrap.check-radio .checkmark:after {
  top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
  background-color: var(--blue);
  content: "";
  position: absolute;
  opacity: 0;
}

.checkBoxWrap.check-box .checkmark:after {
  content: "";
  position: absolute;
  height: 6px;
  width: 10px;
  top: 4px;
  left: 3px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 0.25s ease 0s;
}

/* custom-select css, The container must be positioned relative: */
.custom-select {
  position: relative;
  /* font-family: Arial;*/
  min-width: 100px;
}

.custom-select select {
  display: none;
  /*hide original SELECT element: */
}

.select-selected {
  background-color: transparent;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  height: 8px;
  width: 8px;
  margin-top: -2px;
  display: block;
  border: 2px solid var(--blue);
  border-top-width: 0;
  border-left-width: 0;
  transform-origin: top;
  transform: rotate(45deg) translateY(-50%);
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  transform: rotate(-135deg) translateY(-50%);
  margin-top: 0;
}

/* style the items (options), including the selected item: */
.select-selected {
  /* border: 1px solid rgba(0, 0, 0, 0.2); */
  padding: 10px 25px 10px 20px;
  cursor: pointer;
  /* background-color: #f4f4f4;
  border-radius: 10px; */
}
.select-selected span{
  line-height: 30px;
  color: #333;
}
.select-selected:hover,
.select-selected:focus {
}

.select-items div {
  cursor: pointer;
}

.select-items div {
  padding: 8px;
  text-align: center;
  background: transparent;
  transition: background 0.3s ease 0s;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.select-items div:first-child {
  border-top: none;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #f4f4f4;
  /* border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none; */
  top: 100%;
  left: 0;
  right: 0;
  z-index: 199;
  max-height: 250px;
  overflow-y: auto;
  box-shadow: var(--boxshadow-menu);
  /* border-radius: 10px; */
}
.mobilePagin .select-items { max-height: 200px; }
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/*custom select ends*/

.filter-wrap .select-wrap .filter-type{
  line-height: 50px;
  padding-right: 10px;
  font-weight: 700;
  white-space: nowrap;
}
.filter-wrap .custom-select{ min-width: 220px; }
.filter-wrap .custom-select label{ color:#333; }
.filter-wrap .filter-item{ margin-left: 15px; margin-bottom: 20px;}
.filter-wrap .select-wrap{
  display:flex;
}
.filter-wrap .select-filter{
  display: flex;
  border-radius: var(--border-radius);
  background-color: #e8e8e8;
}
.filter-wrap .btn-filter{
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  background-color: var(--blue-normal);
  position:relative;
  width: 50px;
  height: 50px;
  line-height:50px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
}
.filter-wrap .btn-filter:hover,
.filter-wrap .btn-filter.focus,
.filter-wrap .btn-filter:hover:after,
.filter-wrap .btn-filter.focus:after {
  background-color: var(--main-color);
  color: #fff;
}
.filter-wrap .btn-reset{
  border-radius: 50%;
  background: #e8e8e8;
  color: var(--main-color);
}
.filter-wrap .btn-reset:hover{
  color: #fff;
}
.filter-wrap .btn-reset:before{
  content: "\e908";
  color: currentColor;
  left: 50%;
  transform: translate(-50%,-50%);  
}
#content>.btn-wrap {
  margin: 30px 0;
}

#content>.btn-wrap>a:not(only-of-type) {
  margin-right: 20px;
}

#content>.btn-wrap>a:last-of-type {
  margin-right: 0;
}
#content>.btn-wrap.back{
  margin-top: 80px;
  padding-top: 20px;
  border-top: 1px solid var(--blue-light);
}
.hr {
  margin: 30px 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
table th.date {
  min-width: 112px;
  width: 205px;
}

#content .footNotes ul,
#content .footNotes ol,
#content .footNotes table{
  font-size: 0.938rem;
  line-height: 1.222rem;
}

#content .footNotes table{
  border: none;
  width: inherit;
}
#content .footNotes table th, #content .footNotes table td{
  border: none;
  padding: 5px;
	color:inherit;
	background:none;
}

/*pagination*/
.pagination {
  margin: 30px 0;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
}
.pagination .mobilePagin, .pagination .page-filter-wrap-m{
  display: none;
}
.pagination .custom-select{
  min-width: 80px;
  border-radius: var(--border-radius);
}
.pageNav {
  font-weight: 300;
  /*padding:0 110px;*/
}

#page-filter.disabled {
  opacity: .3;
}

.pageNav a,
.page-filter-wrap .btn-filter {
  color: var(--txt-color);
  display: inline-block;
  margin: 0 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  position: relative;
  width: var(--button-size);
  height: var(--button-size);
  font-size: 1em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
}

.pageNav>span {
  width: var(--button-size);
  height: var(--button-size);
  margin: 0 2px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: top;
}

.pageNav a span,
.page-filter-wrap .btn-filter span.go {
  background-color: var(--bgcolor-light);
  color: var(--txt-color);
  display: block;
  transition: background-color .3s ease 0s;
  width: 100%;
  height: 100%;
  line-height: 40px;
  border-radius: 50%;
  font-size: 1em;
}

.pageNav a.arrow span {
  background: none;
}

.page-filter-wrap {
  margin-left: 50px;
}

.page-filter-wrap .btn-filter span.go {
  background-color: #666;
  color: #fff;
  transition: background-color .3s ease 0s, color .3s ease 0s;
}

.page-filter-wrap .btn-filter:hover span,
.page-filter-wrap .btn-filter.focus span {
  
}

.pageNav a:not(.arrow):hover span,
.pageNav a:not(.arrow).focus span,
.pageNav a:not(.arrow).selected span {
  color: #fff;
  font-weight: 700;
  background-color: var(--main-color);
}

.pageNav .arrow {
  position: relative;
  text-indent: -9999px;
  color: #000;
  transition: opacity .3s ease 0s;
}

.pageNav .arrow span {
  color: #000;
}

.pageNav .first,
.pageNav .last {
  margin: 0 0 10px 0;
}

.pageNav .arrow:not(.disabled):hover,
.pageNav .arrow:not(.disabled).focus {}

.pageNav .arrow:before,
.pageNav .arrow:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  transition: border-color .3s ease 0s;
  -webkit-transition: border-color .3s ease 0s;
  border: 2px solid #0f3c96;
}

.pageNav .first:after,
.pageNav .last:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  transition: border-color .3s ease 0s;
  -webkit-transition: border-color .3s ease 0s;
  border: 2px solid #136d8e;
}

.pageNav .prev_page:before,
.pageNav .first:before,
.pageNav .first:after {
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  border-left-width: 0;
  border-top-width: 0;
  margin-left: -4px;
}

.pageNav .next_page:before,
.pageNav .last:before,
.pageNav .last:after {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-left-width: 0;
  border-bottom-width: 0;
  margin-left: -12px;
  /*margin-left: -8px;*/
}

.pageNav .first:before {
  margin-left: -5px;
}

.pageNav .last:before {
  margin-left: -12px;
}

.pageNav .first:after {
  margin-left: 0;
}

.pageNav .last:after {
  margin-left: -7px
}

.pageNav a.prev_page.disabled,
.pageNav a.next_page.disabled,
.pageNav a.first.disabled,
.pageNav a.last.disabled {
  opacity: .3;
  cursor: default;
}

.pageNav .arrow:not(.disabled):hover:before,
.pageNav .arrow:not(.disabled):focus:before {
    border-color: var(--main-color);
}

.pageNav .arrow:not(.disabled):hover:after,
.pageNav .arrow:not(.disabled):focus:after {
  border-color: var(--main-color);
}

.page-filter-wrap {
  /*position:absolute; top:30px; right:0; */
  display: flex;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 0 0 0 5px;
/*  overflow: hidden;*/
}

.page-filter-wrap label {
  display: inline-block;
  /*vertical-align: top;*/
  line-height: 38px;
}

.page-filter-wrap input#pageGoInput {
  width: 60px;
  border: none;
  height: 28px;
  padding: 0 10px;
}

.page-filter-wrap .btn-filter {
  margin: 0;
  width: 24px;
  height: 100%;
  position: relative;
  text-indent: -9999px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: transparent;
  transition: background .3s ease 0s;
}
.page-filter-wrap .btn-filter:hover, .page-filter-wrap .btn-filter.focus{
  background: var(--main-color);
}
.page-filter-wrap .btn-filter:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 0;
  width: 0;
  display: block;
  border: 7px transparent solid;
  border-left-color: var(--main-color);
  border-right-width: 0;
}
.page-filter-wrap .btn-filter:hover:before,
.page-filter-wrap .btn-filter.focus:before{
  border-left-color: #fff;
}

.page-filter-wrap-m .btn-filter{
  display:block;
  text-align:center;
  color:#fff;
  font-weight: 700;
  text-decoration:none;
  background-color: var(--blue);
  border-radius:50%;
  position:relative;
  width:50px;
  height:50px;
  line-height:50px;
  margin-left:10px;
  transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
}
.page-filter-wrap-m .btn-filter:hover,
.page-filter-wrap-m .btn-filter.focus,
.page-filter-wrap-m .btn-filter:hover:after,
.page-filter-wrap-m .btn-filter.focus:after {
  background-color: var(--yellow);
  color: var(--main-color);
}
/*page nav ends*/

.backBtnWrap {
  border-top: 1px solid #dbdbdb;
  padding: 15px 0;
  text-decoration: none;
}

#content .btn-back {
  display: inline-block;
  line-height: 30px;
  position: relative;
  padding-left: 20px;
  text-decoration: none;
  font-weight: 700;
  color:#666;
}

.btn-back:before{
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-top-width: 0;
  border-left-width: 0;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(135deg);
  -webkit-transform: translateY(-50%) rotate(135deg);
  transition: border-color 0.3s ease 0s, left 0.3s ease 0s;
  -webkit-transition: border-color 0.3s ease 0s, left 0.3s ease 0s;
}

#content .btn-back:hover {
  text-decoration: underline;
  color: var(--main-color);
}
#content a.iconLink{
  display: inline;
}
#content a.iconLink + span{
  color: #fff;
  font-size: 0.778rem;
	margin: 0 6px;  
  display: inline;
  vertical-align: top;  
}
#content a.iconLink + span > span{
  position: relative;
  display: inline-block;
  border-radius: var(--border-radius-btn);
  text-align: center;
  line-height: 22px;
  width: var(--button-size);
}
#content a.iconLink:hover + span > span{ filter: hue-rotate(20deg);}
.pdfIcon + span > span{
  background: var(--red);
}
#content a.iconLink + span + img{ display: inline; max-width: 22px; }
.pdfIcon.fillable + span > span:before{
  content:'';
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: -2px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url(../images/icon-pdf-pen.svg);
}
.htmlIcon + span > span{
  background: var(--main-color);
}
.docIcon + span > span{
  background: var(--blue-normal);
}
.pptIcon + span > span{
  background: var(--orange);
}
.xlsIcon + span > span{
  background: var(--green);
}
.xlsIcon.fillable + span > span:before{
  content:'';
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: -2px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url(../images/icon-xls-pen.svg);
}
.zipIcon + span > span{
  background: var(--brown);
}
.videoIcon + span > span{
  background: var(--purple);
}
.videoIcon + span > span{
  width: 20px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 18px auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22cls-1%22%20d%3D%22m25%2C47.68c-12.22%2C0-22.16-10.17-22.16-22.68S12.78%2C2.32%2C25%2C2.32s22.16%2C10.17%2C22.16%2C22.68-9.94%2C22.68-22.16%2C22.68Zm0-43.35C13.88%2C4.32%2C4.84%2C13.6%2C4.84%2C25s9.05%2C20.68%2C20.16%2C20.68%2C20.16-9.28%2C20.16-20.68S36.12%2C4.32%2C25%2C4.32Z%22%2F%3E%3Cpolygon%20fill%3D%22%23ffffff%22%20class%3D%22cls-1%22%20points%3D%2219.48%2014.1%2019.48%2035.13%2035.13%2024.62%2019.48%2014.1%22%2F%3E%3C%2Fsvg%3E");
}
.linkIcon{
  position: relative;
  padding-right: 30px;
}
.linkIcon:before{
  content: "\e905";
  position: absolute;
  top: 50%;
  font-size: 1.333em;
  transform: translateY(-50%);
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;    
  right: 0;
  color: var(--red);
}
#pageTitle > a > span{ transform: translateY(-5px);} /*rss link at page title*/
.iconOnly{
  color: #fff;
  font-size: 14px;
	margin: 0 10px;
  display: inline-block;
  border-radius: var(--border-radius-btn);
  text-align: center;
  line-height: 22px;
  min-width: var(--button-size);
}
.iconOnly.rss{
  background: var(--orange);
}
/* .iconOnly.rss:hover{
  background: #9c4c11;
} */
.iconOnly.html{
  background: var(--main-color);
  padding:0 5px;
}
.iconOnly.pdf{
  background: var(--red);
}
.iconOnly.doc{
  background: var(--blue-normal);
}
.iconOnly.xls{
  background: var(--green);
}
.iconOnly.ppt{
  background: var(--orange);
}
.iconOnly.zip{
  background: var(--brown);
}
.iconOnly.video{
  background: var(--purple);
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 18px auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22cls-1%22%20d%3D%22m25%2C47.68c-12.22%2C0-22.16-10.17-22.16-22.68S12.78%2C2.32%2C25%2C2.32s22.16%2C10.17%2C22.16%2C22.68-9.94%2C22.68-22.16%2C22.68Zm0-43.35C13.88%2C4.32%2C4.84%2C13.6%2C4.84%2C25s9.05%2C20.68%2C20.16%2C20.68%2C20.16-9.28%2C20.16-20.68S36.12%2C4.32%2C25%2C4.32Z%22%2F%3E%3Cpolygon%20fill%3D%22%23ffffff%22%20class%3D%22cls-1%22%20points%3D%2219.48%2014.1%2019.48%2035.13%2035.13%2024.62%2019.48%2014.1%22%2F%3E%3C%2Fsvg%3E");
}
.iconOnly.na{
	color: inherit;
}
a.iconOnly:hover{
  filter: hue-rotate(20deg);
}
/*accordion*/
.accordCtrls{
	text-align:right;
	margin-bottom:30px;
}
.accordCtrls > a{
  margin-left: 6px;
  padding-right: 40px;
}
.accordCtrls > a:first-child{ margin-left: 0;}
.accordCtrls > a:before{
  font-size: 1.333em;
  color: currentColor;
  right: 5px;
}
.accordCtrls > a.expandBtn:before{
  content: '\e907';
}
.accordCtrls > a.collapseBtn:before{
  content: '\e906';
}

.accordion-wrap {
  margin: 0 0 40px;
  overflow: hidden;
}

.accordion-item {
  /*margin-bottom:10px; */
  /*border-bottom:1px solid rgba(217,29,99,.1);*/
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}

/*.accordion-item:first-child{border-top:1px solid rgba(217,29,99,.1);}*/
.accordion-item:focus-within .accordion-title,
.accordion-item.active .accordion-title,
.accordion-item .accordion-title:hover,
.accordion-item .accordion-title.focus {
  background: var(--main-color);
  color: #fff;
}

.accordion-item .accordion-title {
  padding: 14px 60px 12px 20px;
  min-height: 50px;
  line-height: 1.2em;
  display: block;
  color: var(--brown);
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease 0s;
  border: none;
  text-align: left;
  background: #f7f7f7;
  font-weight: 600;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
}

.accordion-item .accordion-title:not(.btnOnly):before,
.accordion-item .accordion-title:not(.btnOnly):after {
  content: "";
  height: 17px;
  width: 3px;
  display: block;
  background-color: currentColor;
  position: absolute;
  top: 16px;
  right: 20px;
  transform-origin: center center;
  transition: transform 0.3s ease 0s;
}

.accordion-item .accordion-title:not(.btnOnly):after {
  transform: rotate(90deg);
}

.accordion-item.active .accordion-title:not(.btnOnly):before {
  transform: rotate(90deg);
  -webkit-transform: rotate(-90deg);
}

.accordion-item .accordion-title span.num{
  width: 40px;
  display: inline-block;
}

.accordion-item .accordion-content {
  overflow  : hidden;
}

.accordion-item:not(.active) .accordion-content {
   /*display: none;*/
}

.accordion-item .accordion-content .accordion-main {
  padding: 30px 20px;
  background: var(--bgcolor-grey);
}

.accordion-wrap.faq .accordion-content .accordion-main{
  padding: 30px 20px 20px 60px;
}
.accordion-wrap.faq a.accordion-title{ display: flex;}
.accordion-wrap.faq a.accordion-title span:nth-child(2){ flex: 1;}
.accordion-item .accordion-main > ul:last-child,
.accordion-item .accordion-main > ol:last-child,
.accordion-item .accordion-main > p:last-child {
  margin-bottom: 0;
}
.accordion-item:not(.active) .accordion-content a[href]{
    visibility: hidden;
}
/*accordion ends*/

/*tab menu starts*/
.tab-container {
  position: relative;
  z-index: 100;
  margin-bottom: 30px;
}

.tab-container .tab-menu .tabCtrls .tab-item:before {
  display: none;
}

.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected a {
  text-align: left;
  color: var(--main-color);
  font-weight: 700;
  padding-right: 50px;
  border: 1px solid #ccc;
  line-height: 24px;
  padding: 10px 30px 10px 20px;
}

.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  border-top: 6px solid var(--main-color);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 50;
  margin-top: -3px;
  transition: transform 0.3s ease 0s;
}

.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected.active a:after {
  transform: rotate(180deg);
}

.tab-container.menuOnly{
  border-bottom: 2px solid #86aed3;
}
.tab-container .tab-menu{
  margin-bottom: 30px;
}
.tab-container .tab-menu .tabCtrls {
  display: flex;
  column-gap: 18px;
  justify-content: center;
  margin: 0;
  position: relative;
  z-index: 100;
  list-style-type: none;
}

.tab-container .tab-menu .tabCtrls .tab-item {
  min-height: 50px;
  padding: 0;
  margin: 0;
}

.tab-container .tab-menu .tabCtrls .tab-item:before {
  display: none;
}

.tab-container .tab-menu .tabCtrls .tab-item a {
  text-align: center;
  display: block;
  color: var(--txt-color);
  text-decoration: none;
  padding: 12px 30px;
  line-height: 30px;
  position: relative;
  height: 100%;
  transition: background-color 0.3s ease 0s;
}

.tab-container .tab-menu .tabCtrls .tab-item.selected a {
  color: var(--main-color);
}

.tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) a:hover, .tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) a.focus{
  color: var(--main-color);
  background-color: #eee;
}

.tab-container .tab-content {
  padding-bottom: 30px;
}

.tab-container .tab-content .tabpanel{
  display: none;
	opacity: 0;
	transition: opacity 0.25s ease 0s;
}

.tab-container .tab-content .tabpanel.shownOp {
	opacity: 1;
}

#content .tab-container .tab-content .tabpanel p:last-of-type{ 
  margin-bottom: 0;
}
/*tab menu ends*/

.photoslider-wrap{
  margin-bottom: 40px;
}
.photoslider-wrap .swiper-container{
  overflow: hidden;
  height: 100%;
}
.photoslider-wrap .swiper-slide a{
  display: block;
  height: 100%;
  text-decoration: none;
  color: #000;
}
.photoslider-wrap .swiper-slide a > span.img{
  display: block;
  line-height: 0;
  overflow: hidden;
  background-color: #e9e9e9; 
  position: relative;
  aspect-ratio: 3/2;
}
.photoslider-wrap .swiper-slide  span.img > img{
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform .3s ease 0s;  
}
.photoslider-wrap .swiper-slide a:hover span.img > img, .photoslider-wrap .swiper-slide a.focus span.img > img{
  transform: translate(-50%, -50%) scale(1.1);
}
.photoslider-wrap .swiper-slide  span.caption{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  color: #fff;
  background: rgba(0,0,0,.4);
}
.swiper-wrap .slider-ctrls{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  max-width: 200px;
  padding: 0 40px;
  margin: 20px auto 0;
  text-align: center;
}
.swiper-wrap .slider-ctrls > *{
  display: inline-block;
}
.swiper-wrap .slider-ctrls .swiper-arrow{ width: 40px; }
.swiper-wrap .slider-ctrls .swiper-prev{
  left: 0;
}
.swiper-wrap .slider-ctrls .swiper-prev:hover{
  left: -2px;
}
.swiper-wrap .slider-ctrls .swiper-next{
  right: 0;
}
.swiper-wrap .slider-ctrls .swiper-next:hover{
  right: -2px;
}
.swiper-wrap .slider-ctrls .swiper-arrow span {
  border-color: var(--main-color);
}
.swiper-wrap .slider-ctrls .swiper-paging {
  /* color: var(--main-color); */
}
.photosSlider .swiper-pagination-custom{
  width: inherit;
}
.swiper-paging {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}

.swiper-paging>a {
  display: inline-block;
  height: 40px;
  width: 28px;
  position: relative;
  vertical-align: top;
  text-indent: -9999px;
  opacity: 1;
}

.swiper-paging>a:before {
  content: '';
  position: absolute;
  background-color: rgba(56, 186, 169, .5);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.swiper-paging>a:not(.swiper-pagination-bullet-active):hover:before {
  background-color: rgba(56, 186, 169, 1);
}

.swiper-paging .swiper-pagination-bullet-active:before {
  background-color: rgba(56, 186, 169, 1);
}

.swiper-paging .swiper-pagination-bullet,
.swiper-paging .swiper-pagination-bullet-active {
  background: none;
}

.swiper-button-disabled {
  cursor: default;
  /*visibility:hidden;*/
  opacity: .2;
}
.swiper-wrap .slider-ctrls .btn-play:before,
.swiper-wrap .slider-ctrls .btn-play:after {
  background-color: var(--main-color);
}
.swiper-wrap .slider-ctrls .btn-play.stop:before {
  border-bottom: 7px solid transparent;
  border-left: 10px solid var(--main-color);
  border-top: 7px solid transparent;
  background: none;
}
#content .imgCols-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}
#content .imgCols-grid.col2{
  grid-template-columns: repeat(2, 1fr);
}
#content .imgCols-grid .item .img{
  overflow: hidden;
  background-color: #e9e9e9; 
  position: relative;
  aspect-ratio: 3/2;
}
#content .imgCols-grid .item .img img{
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform .3s ease 0s;   
}
#content .imgCols-grid .item .img > a{
  display: block;
  height: 100%;
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
}
#content .imgCols-grid .item .img > a:hover img, #content .imgCols-grid .item .img > a:focus-within img{
  transform: translate(-50%, -50%) scale(1.1);
}
#content .imgCols-grid .item .caption{
  padding: 15px 20px;
  text-align: center;
  line-height: 1.4rem; 
}

#content .grid340fit{
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 20px;
}
#content .flexbox{
	display: flex;
	flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}
#content .flexbox.imgCols .item .img, #content .grid340fit.imgCols .item .img{
  overflow: hidden;
  background-color: #e9e9e9; 
  position: relative;
  aspect-ratio: 3/2;
  display: block;
}
#content .flexbox.imgCols .item .img:hover img, #content .flexbox.imgCols .item .img:focus-within img, #content .grid340fit.imgCols .item .img:hover img, #content .grid340fit.imgCols .item .img:focus-within img{
  transform: translate(-50%, -50%) scale(1.1);
}
#content .flexbox.imgCols .item .img img, #content .grid340fit.imgCols .item .img img{
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform .3s ease 0s;   
}
#content .flexbox.imgCols .item .caption, #content .grid340fit.imgCols .item .caption{
  padding: 15px 20px;
  text-align: center;
  line-height: 1.4rem; 
}
#content ul.flexbox.col-2{ gap: 0; }
#content ul.flexbox.col-2 > li{
  width: calc((100% - 48px) / 2);
}
#newsFilter, #reportFilters{
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
#reportFilters .subject{
  flex: 1;
  margin-left: 0;
}
#reportFilters .subject .select-filter{
  flex: 1;
}
#reportFilters .subject .custom-select{
  width: 100%;
  min-width: inherit;
}
#reportFilters .subject .custom-select .select-selected span{
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  height: 24px;*/
}
.filter-wrap > .btn-filter{
  border-radius: 10px;
  margin-left: 10px;
}
#newsTable, #noticeTable{
  margin-bottom: 50px;
}
#newsTable .download, #newsTable thead tr th:nth-child(3){ 
  width: 10%;
  text-align: center; 
}
#newsTable a.iconOnly, #noticeTable a.iconOnly{
  text-decoration:none;
}
#newsTable .news-date, #noticeTable .news-date{
  color: var(--darkred);
}
#newsTable .news-dl, #noticeTable .new-dl{
  text-align: center; 
  vertical-align: middle;
}
#reportTable .date{
}
#reportTable .download{
  min-width: 300px;;
}
#reportTable .downloads{
  display: flex;
}
#reportTable .downloads >div{
/*  width: 50%;*/
  text-align: center;
}
table#reportTable thead th{
  text-align: center;
}
table#reportTable thead th.date{
  text-align: left;
}
.miniBanner{
  display: flex;
  column-gap: 20px;
  padding-bottom: 80px;
}
.miniBanner.noCtrls{
  padding-bottom: 0;
}
.miniBanner .photosSlider{
  width: 65%;
}
.miniBanner .photosSlider .photoslider-wrap{ margin: 0; height: 100%;}
.miniBanner .photoslider-wrap .swiper-container{ max-height: 400px; }
.miniBanner .photoslider-wrap.loaded .swiper-container{ max-height: inherit; }
.miniBanner .photosSlider .photoslider-wrap .swiper-slide{ height: 100%;}
.miniBanner .photosSlider .photoslider-wrap .swiper-slide a{ overflow: hidden;}
.miniBanner .photosSlider .photoslider-wrap .swiper-slide a > span.img{
  aspect-ratio: 3/1;
  height: 100%;
}
#content > .videoBox{ margin-bottom: 40px;}
.videoBox{
  max-width: 720px;
  margin: 0 auto;
  flex: 1;
  position: relative;
  padding: 12px;
  color: #fff;
  background-color: var(--main-color);
}
.videoBox .caption{
  color: #fff;
  padding: 20px 8px 8px;
  max-height: 100px;
  overflow: hidden;
  background-color: var(--main-color);
}
.videoBox .caption a{ color: #fff;}
.videoBox .videoWrap{
  aspect-ratio: 16/9;
}
.section-index-list{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.section-index-list > div{
  width: calc((100% - 20px)/2);    
}
.section-index-list a{
  display: block;
  height: 100%;
  padding: 20px;
  background-color: var(--bgcolor-grey);
  text-decoration: none;
  transition: background-color .3s ease 0s;
}
.section-index-list a:hover{
  background-color: var(--bgcolor-blue);
}
.section-index-list a strong{
  font-size: 1.556em;
  color: var(--darkred);
  display: block;
  margin-bottom: 10px;
}
.section-index-list a span{
  display: block;
  color: var(--txt-color);
}
.grey-box{
  padding: 20px;
  border: 3px solid #ddd;
  background: var(--bgcolor-grey);
  margin: 0 0 30px;
}
.grey-box + .remarks{ margin-top: -20px;}
.time-table{
  display: inline-flex;  
}
.time-table > div{ font-weight: 700;}
.time-table > .date{ padding: 0 0 0 34px; white-space: nowrap}
.time-table > .date:before{
  transform: none;
  top: 0;
  left: 0;
}
.time-table > .time{
  display: flex;
  flex-wrap: wrap;
}
.time-table > .time > div{
  padding: 0 0 0 60px;
  
}
.remind{ color: var(--color-remind);}
.red{ color: var(--red);}
.darkred{ color: var(--darkred);}
.ficon{
  position: relative;  
}
.ficon:before{
  position: absolute;
  top: 50%;
  font-size: 1.333em;
  transform: translateY(-50%);
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
}
.ficon.date:before{
  content: '\e903';
  color: var(--main-color);
}
.telephone{
  padding-left: 54px;
  position: relative;
  font-size: 1.444em;
  color: #000;
  font-weight: 700;
}
.telephone:before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: var(--icon-size);
  height: var(--icon-size);
  transform: translateY(-50%);
  background-image: url(../images/icon-tel.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 80% auto;
}

#formsFilter{  
  display: flex;
  position: relative;
  margin-bottom: 15px;
}
#formsFilter .filters-wrap{ 
  overflow: hidden; 
  display: inline-flex;
}
#formsFilter .select-filter{ width: 100%;}
#formsFilter .select-filter .custom-select{
  width: 100%;
}
#publicFormSelect{ max-width: inherit; opacity: 0;}
#publicFormSelect.loaded{ opacity: 1;}
#publicFormSelect .vscomp-toggle-button{
  background: transparent;
  border: none;
  box-shadow: none;
}
#publicFormSelect .vscomp-toggle-button{
  padding: 10px 25px 10px 20px;
  height: 50px;
  overflow: hidden;
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  overflow: hidden;
}
#publicFormSelect .has-value .vscomp-toggle-button{
  background-color: #A9F3F3;
}
#publicFormSelect.selectedAll .has-value .vscomp-toggle-button{
  background-color: inherit;
}
#publicFormSelect .vscomp-wrapper{ 
  font-size: 1em;
  font-family: 'Open Sans', Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
#publicFormSelect .vscomp-value{ line-height: 30px; height: 30px; opacity: 1;}
#publicFormSelect .vscomp-arrow:after{
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  height: 8px;
  width: 8px;
  margin-top: -2px;
  display: block;
  border: 2px solid var(--blue);
  border-top-width: 0;
  border-left-width: 0;
  transform-origin: top;
  transform: rotate(45deg) translateY(-50%);
}
#publicFormSelect.pop-comp-active .vscomp-arrow:after{
  transform: rotate(-135deg) translateY(-50%);
  margin-top: 0;
}
#publicFormSelect .vscomp-clear-icon{ }
#publicFormSelect .vscomp-option{
  height: inherit!important;
  padding: 5px 15px;
}
#publicFormSelect .vscomp-option-text{
  white-space: normal;
}
#publicFormSelect:focus-within{ outline: 1px solid #000;}
#publicFormSelect .vscomp-wrapper .checkbox-icon.checked:after, #publicFormSelect  .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon:after{ 
  border-color: var(--main-color);
  border-left-color: transparent;
  border-top-color: transparent;
  transition: none;
}
#formsFilter .multiple-custom-select{ width: calc(100% - 50px); height: 50px; z-index: 1000;}
#formsFilter .select-filter .select-selected{
  height: 50px;
  overflow: hidden;
}
#formsFilter .select-filter .select-selected span{
  height: 30px;
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
#formsFilter .filters{
  display: flex;
  column-gap: 20px;
  background: #e8e8e8;
  padding: 10px 20px;
}
#formsFilter .filters label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 0.889em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#formsFilter  .filter-input{
  display: flex;  
}
#formsFilter  .filter-input label{
  display: inline-block;
  padding: 10px 20px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  background: var(--bgcolor-grey);
}
#formsFilter  .filter-input label input{
  border-bottom: 2px solid var(--blue);
}

#formsFilter  .filter-input label input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

#formsFilter  .filter-input label:focus-within input{
  border-bottom: 2px solid var(--blue-normal);
  outline: none;
}
#formsFilter .filters label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#btn-form-search:before{
  content: "\e902";
  color: #fff;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 1.5em;
}
#btn-form-search span, #btn-form-reset span{ font-size: 0; line-height: 0;}
#formsFilter .btn-reset{ margin-left: 10px;}
.filters .checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 20px;
  width: 20px;
	border: 2px solid var(--blue);
  border-radius: 50%;
	transition: background .3s ease 0s, border .3s ease 0s;
}
.filters label:hover input ~ .checkmark {
  background-color: #ffffff;
	border: 2px solid var(--blue);
}
.filters label input:checked ~ .checkmark {
	border: 2px solid var(--blue);
}
.filters .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.filters label input:checked ~ .checkmark:after {
  display: block;
}
.filters label input.donateInput.unchecked ~ .checkmark:after {
	display: none;
}
.filters label .checkmark:after {
 	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;	
}
.filters label input:checked ~ .checkmark:after{
  background: var(--blue);
}
#content table.formTable.transform-table tr td[data-label]::before{
  display: block;
}
.formTable thead tr th{ white-space: nowrap;}
.formTable thead tr th:first-child{}
.formTable thead tr th:nth-child(2){
  width: 14%;
}
.formTable thead tr th:nth-child(3){
  width: 20%;
}
.formTable thead tr th:nth-child(4){
  width: 20%;
}
.formTable .note{ color: var(--red); position: relative; padding-left: 10px;}
.formTable .note:before{
  content: '*';
  color: var(--red);
  position: absolute;
  left:0;
}
.tick{
  padding-left: 30px;
}
.tick:before{
  content: '\e904';
  color: #3BB44A;
  left: 0;
}

/*submission form*/
.form-submit-steps{
  display: flex;  
  position: relative;
}
.form-submit-steps > div.sep{
  width: 60px; 
  align-items: center;
  display: flex;
  position: relative;
  justify-content: center;
}
.form-submit-steps > div.sep span{
  display: inline-block;
  width: var(--icon-size);
  height: var(--icon-size);
  background: var(--darkred);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  position: relative;
  font-size: 0.887em;
  line-height: var(--icon-size);
}
.form-submit-steps > div.step{
  width: calc((100% - 120px)/3);
}
.form-submit-steps > div.sep:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 100%;
  background: #e6dec8;
}
.form-submit-steps > div.step_1, .form-submit-steps > div.step_2{
  display: flex; 
  align-items: center;
}
.notice-yellow{
  background: var(--yellow);
  padding: 15px 20px;
  margin-bottom: 30px;
}
.notice-yellow a{ color: var(--blue-normal);}
/*submit form*/
.mandatory, .error{
  color: var(--red);
}
.alertmessage{
  color: var(--red);
  display: block;
  padding: 5px 0;  
}
#error_msg{
  margin-bottom: 20px;
}
#content form input[type="text"] {
	width:100%;
	padding:0 10px;
	border:1px solid var(--brdColor);
	line-height:38px;
	height:40px;
	transition:border-color 0.25s ease-in-out;
}
#content form input[type=text]:focus {
	border:1px solid var(--main-color);
}
#content .mdForm .telWithCode input{ display: inline-block; width:inherit;}
#content .mdForm .telWithCode input.telCode{ width: 60px;}
.mdForm textarea {
	width:100%;
	padding:10px;
	border:1px solid var(--brdColor);
	border-radius:2px;
	transition:border-color 0.25s ease-in-out;
	resize: none;
	height:120px;
}
.mdForm textarea:focus {
	border:1px solid var(--main-color);
}
.mdForm .formItem .inputWrap{
  font-size: 0.889em;
  flex: 1;
}
.mdForm .formItem{
  display: flex;
  padding-bottom: 15px;
}
.mdForm .formItem:last-item{ margin-bottom: 0;}
.mdForm .formItem .title{
  width: 40%;
  padding: 5px 30px 5px 0;
  text-align: right;
  color: var(--blue-normal);
} 
.mdForm *:focus-visible{
  outline: var(--main-color) solid 1px;
}
.mdForm .select-selected{
  border: 1px solid var(--brdColor);
}
.mdForm .formItem .inputWrap .checkBoxWrap{
  display: inline-block;
}
.mdForm .statementWrap{
  background: var(--bgcolor-blue);
  padding: 20px;
}
.mdForm .captchaWrap{
	display:flex;
	align-items:center;
}
.maxFW600{
  max-width: 600px;
  margin: 0 auto;
}
.mdForm .btnWrap{ margin-bottom:30px; }
.mdForm .input_disable{
  background-color: #C0C0C0;
}
.mdForm fieldset{
  padding:15px;
  border: 1px solid var(--brdColor);
  margin-bottom: 20px;
}
#captchaImg{ border:1px solid var(--brdColor); line-height:0; display:inline-block; height:50px; overflow:hidden;}
#captchaImg img{ height:100%;}
#captchaCtrls{ padding:0 10px;}
#captchaCtrls > a{
  position: relative;
	width:26px;
	height:26px;
	display:block;
}
#captchaCtrls > a:before{
  position: absolute;
  top: 50%;
  font-size: 1.333em;
  color: var(--blue);
  transform: translateY(-50%);
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
}
#captchaCtrls > a:hover:before{
  color: var(--main-color);
}
#captchaPlay:before{
  content: '\e909';
}
#refrestCode:before{
  content: '\e90a';
}
#validationCode{
  height: 52px;
}
.mdForm .formBtns{
  padding-top: 40px;
}
.mdForm .formBtns .btnWrap button > span{
  position: relative;
  padding: 0 40px;
}
.mdForm .formBtns .btnWrap button > span:before{
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-top-width: 0;
  border-left-width: 0;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
#btnSubmit{
  background: var(--main-color);
  color: #fff;
}
#btnReset{
  background: #e6e6e6;
}
#btnSubmit:hover, #btnSubmit:focus-within{
  background: var(--blue);
}
#btnReset:hover, #btnReset:focus-within{
  background: var(--main-color);
  color: #fff;
}

/*Organisation chart*/
#orgChartWrap{
  margin-bottom: 30px;
}
#orgChartWrap a{
  display: block;
  text-decoration: none;
}
#orgChartWrap span{
  display: block;
}

#orgChartWrap .primaryWrap {
  position: relative;
}

#orgChartWrap .primaryWrap>.itemWrap {
  padding: 15px;
  background: var(--blue-normal);
}

#orgChartWrap .secondaryWrap {
  padding-top: 20px;
  position: relative;
}

#orgChartWrap .secondaryWrap>.itemWrap {
  position: relative;
}

#orgChartWrap .item {
  /* overflow: hidden; */
  position: relative;
}

#orgChartWrap .secondaryWrap:before,
#orgChartWrap .secondaryWrap>.itemWrap:before,
#orgChartWrap .secondaryWrap>.itemWrap:after,
#orgChartWrap .secondaryWrap>.itemWrap>.item:before,
#orgChartWrap .secondaryWrap>.itemWrap>.item:after,
#orgChartWrap .secondaryWrap>.itemWrap>.childItemWrap:before,
#orgChartWrap .secondaryWrap>.itemWrap>.childItemWrap:after,
#orgChartWrap .secondaryWrap>.itemWrap>.childItemWrap>.childItem:before,
#orgChartWrap .secondaryWrap>.itemWrap>.childItemWrap>.childItem:after {
  content: '';
  position: absolute;
  background-color: rgba(0,56,126,.2);
}

#orgChartWrap .primaryWrap .itemWrap .item .pos, #orgChartWrap .secondaryWrap .itemWrap .item .pos {
  color: var(--yellow);
  font-size: 1.333em;
}
#orgChartWrap .primaryWrap .itemWrap a:hover .pos, #orgChartWrap .secondaryWrap .item  a:hover .pos{
  text-decoration: underline;
}
#orgChartWrap .itemWrap .item .details {
  color: #fff;
}
#orgChartWrap .secondaryWrap .itemWrap .item {
  background-color: var(--main-color);
  padding: 20px;
}

#orgChartWrap .details p:not(:last-of-type) {
  margin-bottom: 10px;
}

#orgChartWrap .details p:last-of-type {
  margin-bottom: 0;
}

#orgChartWrap .details p.duty {
  margin-top: 15px;
}
#orgChartWrap .childItemWrap{
  position: relative;
  margin-left: 25px;
}
#orgChartWrap .childItemWrap .childItem{
  padding: 20px 30px 10px 25px;
  position: relative;
}
#orgChartWrap .childItemWrap .childItem .pos{
  padding: 10px 20px;
  font-size: 1.222em;
  font-weight: 700;
  color: var(--blue-dark);
  background: var(--blue-light);
}

#orgChartWrap .childItemWrap .childItem .details{
  padding: 10px 20px;
  background: var(--bgcolor-grey);
  color: var(--txt-color);
  transition: background .3s ease 0s;
}
#orgChartWrap .childItemWrap .childItem a:hover .details{
  background: var(--bgcolor-blue);
}
#orgChartWrap .childItemWrap .childItem .details .title{
  color: var(--blue-normal);
  font-size: 1.111em;
  text-decoration: none;
}
#orgChartWrap .secondaryWrap>.itemWrap>.childItemWrap>.childItem:before{
  height: 100%;
  width: 2px;
  left: 0;
  top:0;
}
#orgChartWrap .secondaryWrap>.itemWrap>.childItemWrap>.childItem:last-of-type:not(:only-of-type):before{
  height: 50%;
}
#orgChartWrap .secondaryWrap>.itemWrap>.childItemWrap>.childItem:after{
  width: 25px;
  height: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.picWithTextGrid{
  display: grid;
  row-gap: 20px;
  grid-template-areas: 
  'picArea'
  'textArea';
  grid-template-columns: 100%;
}
.picWithTextGrid .picWrap{
  grid-area: picArea;
}
.picWithTextGrid .textWrap{
  grid-area: textArea;
}
.picRow{
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
  margin-bottom: 10px;
}
.picRow span{
  width: calc((100% - 40px) / 5);
  display: block;
  overflow: hidden;
  background-color: #e9e9e9; 
  position: relative;
  aspect-ratio: 3/2;
}
.picRow span img{
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform .3s ease 0s;   
}
.directoryBlk{
  display: flex;
  border-bottom: 1px solid rgba(0,56,126,.2);  
  margin-bottom: 30px;
}
.directoryBlk + .directoryBlk{
  margin-top: -30px;
}
.directoryBlk > div{
  padding: 15px 8px;
}
.directoryBlk .logo{
  flex: 100px 0 0;
  word-break: break-all;
}
.directoryBlk .company{  
  flex: auto;
}
.directoryBlk .address{
  flex: 30% 0 0;
}
.directoryBlk .contact{
  flex: 20% 0 0;
}
.directoryBlk .contact a, a.link{
  word-break: break-all;
}

#maritimeWrap{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
  gap: 50px;
  margin-bottom: 50px;
}

#maritimeWrap .item .issue-detail{
  position: relative;
  overflow: hidden;
  padding: 15px 20px;
  border: 2px solid #ccc;
  border-radius: var(--border-radius);
  margin-bottom: 5px;
  font-weight: 700;
}
#maritimeWrap .item .issue-detail.thumb{
  padding: 0;
}
#maritimeWrap .item .issue-detail.thumb .img{
  overflow: hidden;
  line-height: 0;
  border-bottom: 1px solid #ddd;
}
#maritimeWrap .item .issue-detail.thumb .img img{
  transform: scale(1);
  transition: transform .3s ease 0s;
}
#maritimeWrap .item .issue-detail.thumb .img a:hover img{
  transform: scale(1.1);
}
#maritimeWrap .item .issue-detail.thumb .issue{
  padding: 0 20px 10px;
}
#maritimeWrap .item .issue-detail.thumb .issue span{
  font-size: 1em;
}
#maritimeWrap .item .issue-detail.thumb .issue span.num{
  font-size: 1.167em;
}
#maritimeWrap .item .issue-detail.thumb .date{
  padding: 10px 20px 0;
  margin: 0;
}
#maritimeWrap .item .issue-detail:not(.thumb):before{
  content: '';
  z-index: 1;
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 70px;
  height: 90px;
  background: url(../images/bg-issue.svg) no-repeat 100% 100%;
}
#maritimeWrap .item .issue-detail > div{
  position: relative;
  z-index: 2;
}
#maritimeWrap .item .issue-detail .date{ margin-bottom: 10px;}
#maritimeWrap .item .issue-detail .issue{
  color: var(--main-color);
  font-size: 1.333em;  
}
#maritimeWrap .item .issue-detail .issue span{
  display: inline-block; 
  vertical-align: top;
}
#maritimeWrap .item .issue-detail .issue span.num{
  font-size: 2em;
  margin: 0 8px;
  line-height: 34px;
}
#maritimeWrap .item .download{
  font-size: 0.889em;
}
#maritimeWrap .item .download a{
  display: inline-block;
  position: relative;
  margin: 0 10px;  
}
#maritimeWrap .item .download a.pdf{
  text-decoration: none;
}
#maritimeWrap .item .download a:first-child{
  margin-left:0;
}
#maritimeWrap .item .download a:before{
  content: "";
  background-color: #cbcbcb;
  width: 1px;
  height: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
}
#maritimeWrap .item .download a:first-child:before{ display: none;}

.publicity-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(348px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.publicity-grid .item a{
  display: block;
  height: 100%;
}

.publicity-grid .item .img{
  border: 1px solid #ccc;
  overflow: hidden;
  background-color: #e9e9e9; 
  position: relative;
  aspect-ratio: 3/2;
  margin-bottom: 15px;
}
.publicity-grid .item .img img{
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform .3s ease 0s;   
}
.publicity-grid .item .img a:hover img{
  transform: translate(-50%, -50%) scale(1.1);
}
.publicity-grid .item .caption{
  line-height: 1.4rem; 
}
.publicity-grid .item .download{
  padding: 10px 0;
  font-size: 0.889em;
}
.publicity-grid .item .download > a, .publicity-grid .item .download > span{
  display: inline-block;
  position: relative;
  margin: 0 8px;  
}
.publicity-grid .item .download > a:first-child, .publicity-grid .item .download >span:first-child{
  margin-left:0;
}
.publicity-grid .item .download a.pdf{
  text-decoration: none;
  height: auto;
}

.publicity-grid .item .download > a:before, .publicity-grid .item .download > span:before{
  content: "";
  background-color: #cbcbcb;
  width: 1px;
  height: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
}
.publicity-grid .item .download > a:first-child:before, .publicity-grid .item .download > span:first-child:before{ display: none;}

/*Marine Organisation chart*/
#MIAOrgChartWrap{
  margin-bottom: 30px;
}
#MIAOrgChartWrap a{
/*  text-decoration: none;*/
}
#MIAOrgChartWrap span{
  display: block;
}

#MIAOrgChartWrap > div {
  position: relative;
}

#MIAOrgChartWrap .firstWrap>.itemWrap {
  padding: 15px;
  background: var(--blue-normal);
}

#MIAOrgChartWrap .secondWrap >.itemWrap {
  position: relative;
  padding-top: 20px;
}

#MIAOrgChartWrap .item {
  /* overflow: hidden; */
  position: relative;
}

#MIAOrgChartWrap .thirdWrap .itemWrap .childItem{
  padding-top: 20px;
  position: relative;
}
#MIAOrgChartWrap .secondWrap:before,
#MIAOrgChartWrap .secondWrap:after,
#MIAOrgChartWrap .secondWrap>.itemWrap:after,
#MIAOrgChartWrap .secondWrap>.itemWrap:before,
#MIAOrgChartWrap .secondWrap>.itemWrap>.item:before,
#MIAOrgChartWrap .secondWrap>.itemWrap>.item:after,
#MIAOrgChartWrap .thirdWrap>.itemWrap:before,
#MIAOrgChartWrap .thirdWrap>.itemWrap:after,
#MIAOrgChartWrap .thirdWrap>.itemWrap .childItem:before,
#MIAOrgChartWrap .thirdWrap>.itemWrap .childItem:after,
#MIAOrgChartWrap .thirdWrap>.itemWrap>.item:before,
#MIAOrgChartWrap .thirdWrap>.itemWrap>.item:after,
#MIAOrgChartWrap .secondWrap>.itemWrap>.childItemWrap:before,
#MIAOrgChartWrap .secondWrap>.itemWrap>.childItemWrap:after,
#MIAOrgChartWrap .secondWrap>.itemWrap>.childItemWrap>.childItem:before,
#MIAOrgChartWrap .secondWrap>.itemWrap>.childItemWrap>.childItem:after,
#MIAOrgChartWrap .fourthWrap>.itemWrap:before,
#MIAOrgChartWrap .fourthWrap>.itemWrap:after,
#MIAOrgChartWrap .fourthWrap>.itemWrap .item:before,
#MIAOrgChartWrap .fourthWrap>.itemWrap .item:after,
#MIAOrgChartWrap .fifthWrap>.itemWrap:before,
#MIAOrgChartWrap .fifthWrap>.itemWrap:after,
#MIAOrgChartWrap .fourthWrap:before,
#MIAOrgChartWrap .fourthWrap:after,
#MIAOrgChartWrap .fifthWrap:before,
#MIAOrgChartWrap .fifthWrap:after{
  content: '';
  position: absolute;
  background-color: rgba(0,56,126,.2);
}

#MIAOrgChartWrap .firstWrap .itemWrap .item .pos, #MIAOrgChartWrap .secondWrap .itemWrap .item .pos {
  color: var(--yellow);
  font-size: 1.333em;
}
#MIAOrgChartWrap .firstWrap .itemWrap a:hover .pos, #MIAOrgChartWrap .secondWrap .item  a:hover .pos{
  text-decoration: underline;
}
#MIAOrgChartWrap .itemWrap .item .details {
  color: #fff;
}
#MIAOrgChartWrap .secondWrap .itemWrap .item {
  background-color: var(--main-color);
  padding: 20px;
}

#MIAOrgChartWrap .details p:not(:last-of-type) {
  margin-bottom: 10px;
}

#MIAOrgChartWrap .details p:last-of-type {
  margin-bottom: 0;
}

#MIAOrgChartWrap .details p.duty {
  margin-top: 15px;
}
#MIAOrgChartWrap .childItemWrap{
  position: relative;
  /* margin-left: 25px; */
}
#MIAOrgChartWrap .thirdWrap .itemWrap, #MIAOrgChartWrap .fourthWrap .itemWrap, #MIAOrgChartWrap .fifthWrap .itemWrap{
  padding: 20px 30px 10px 25px;
  position: relative;
}
#MIAOrgChartWrap .childItemWrap>.childItem{

}
#MIAOrgChartWrap .thirdWrap .itemWrap .pos, #MIAOrgChartWrap .childItemWrap>.childItem .pos, #MIAOrgChartWrap .fourthWrap .itemWrap .pos{
  padding: 10px 20px;
  font-size: 1.222em;
/*  font-weight: 700;*/
  color: var(--blue-dark);
  background: var(--blue-light);
}

#MIAOrgChartWrap .thirdWrap .itemWrap .details, #MIAOrgChartWrap .fourthWrap .itemWrap .details, #MIAOrgChartWrap .fifthWrap .itemWrap .details,#MIAOrgChartWrap .childItemWrap>.childItem .details{
  padding: 10px 20px;
  background: var(--bgcolor-grey);
  color: var(--txt-color);
  transition: background .3s ease 0s;
}
#MIAOrgChartWrap .thirdWrap .itemWrap a:hover .details, #MIAOrgChartWrap .fourthWrap .itemWrap a:hover .details, #MIAOrgChartWrap .fifthWrap .itemWrap a:hover .details{
  background: var(--bgcolor-blue);
}
#MIAOrgChartWrap .thirdWrap .itemWrap .details .title, #MIAOrgChartWrap .fourthWrap .itemWrap .details .title, #MIAOrgChartWrap .fifthWrap .itemWrap .details .title{
  color: var(--blue-normal);
  font-size: 1.111em;
  text-decoration: none;
}
#MIAOrgChartWrap .childItemWrap>.childItem:before{
  height: 100%;
  width: 2px;
  left: 0;
  top:0;
}
#MIAOrgChartWrap .childItemWrap>.childItem:last-of-type:not(:only-of-type):before{
  height: 50%;
}
#MIAOrgChartWrap .childItemWrap>.childItem:after{
  width: 25px;
  height: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#content .dgisLabels{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}
#publicFormsWrap{
  position: relative;
}
.publicForms thead tr th:first-child{}
.publicForms thead tr th:nth-child(2){
  width: 20%;
}
.publicForms thead tr th:nth-child(3){
  width: 24%;
}
.publicForms thead tr th:nth-child(4){
  width: 20%;
}
.publicForms thead tr th:nth-child(5){
  width: 5%;
}
.publicForms tbody tr td:first-child{
  word-break: break-word;
}
.publicForms tbody tr td:nth-child(4){
  text-align: center;
}
#stickFormTop{
  background: #fff;
}
.legend-icons{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  row-gap: 20px;
  column-gap: 30px;
  padding: 30px 0;
  background: #fff;
}
.legend-icons > div{
  padding-left: 40px;
  line-height: 30px;
  position: relative;
}
.legend-icons > div:before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
}
.legend-icons > div.ebs:before{
  background-image: url(../images/icon-eBS.svg);
}
.legend-icons > div.ebs_reg:before{
  background-image: url(../images/icon-eBS-reg.svg);
}
.legend-icons > div.eform:before{
  background-image: url(../images/icon-eform.svg);
}
.legend-icons > div.postal:before{
  background-image: url(../images/icon-postal.svg);
}
.legend-icons > div.email:before{
  background-image: url(../images/icon-email.svg);
}
.legend-icons > div.fax:before{
  background-image: url(../images/icon-fax.svg);
}
.legend-icons > div.counter:before{
  background-image: url(../images/icon-counter.svg);
}
.legend-icons > div.enquiry:before{
  background-image: url(../images/icon-enquiry.svg);
}
.legend-icons > div > span{
  display: inline-block;
}
.submitMethods{
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.submitMethods > button{
  display: block;
}
.submitMethods > div{
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
  opacity: 1;
  transition: opacity .3s ease 0s;
}
.submitMethods > div.ebs{
  background-image: url(../images/icon-eBS-2.svg);
}
.submitMethods > div.ebs_reg{
  background-image: url(../images/icon-eBS-reg-2.svg);
}
.submitMethods > div.eform{
  background-image: url(../images/icon-eform-2.svg);
}
.submitMethods > div.ebs.active{
  background-image: url(../images/icon-eBS.svg);
}
.submitMethods > div.ebs_reg.active{
  background-image: url(../images/icon-eBS-reg.svg);
}
.submitMethods > div.ebs.active:hover{
  opacity: .75;
}
.submitMethods > div.ebs_reg.active:hover{
  opacity: .75;
}
.submitMethods > div.eform.active{
  background-image: url(../images/icon-eform.svg);
}
.submitMethods > div.eform.active:hover{
  opacity: .75;
}
.submitMethods > div > a{
  display: block;
  height: 100%;
  text-indent: -9999px;
}
.submitMethods > button{
  width: var(--button-size);
  height: var(--button-size);
  background: var(--main-color);
  border-radius: 50%;
  position: relative; 
  cursor: pointer;
  transition: background .3s ease 0s;
}
.submitMethods > button:hover{
/*  background: #A0A0A0;*/
}
.submitMethods > button:hover:before, .submitMethods > button:hover:after{
  background: #ffffff;
}
.submitMethods > button.active{
/*  background: var(--main-color);*/
}
.submitMethods > button.active:before, .submitMethods > button.active:after{
  background: #ffffff;
}
.submitMethods > button:before,
.submitMethods > button:after {
  content: "";
  display: block;    
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  transform-origin: center center;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;
}
.submitMethods > button:before{
  height: 14px;
  width: 2px;
  margin-top: -7px;
  margin-left: -1px;
}
.submitMethods > button:after{
  height: 2px;
  width: 14px;
  margin-top: -1px;
  margin-left: -7px;
}
.submitMethods > button.active:before{
  transform: rotate(90deg);
}
.acceptedMethods, .acceptedMethods .details{
  display: none;
}
.acceptedMethods .methods{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  column-gap: 10px;   
}
.acceptedMethods .methods > div{ position: relative;}
.acceptedMethods .methods > div > button{
  width: var(--button-size);
  height: var(--button-size);
  border-radius: 50%;    
  position: relative;
}
.acceptedMethods .methods > div > button.active{
  cursor: pointer;
  opacity: 1;
  transition: opacity .3s ease 0s;
}
.acceptedMethods .methods > div > button.active:hover{ opacity: .75;}
.acceptedMethods .methods > div.email > button {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23DADADA%22%20cx%3D%2240.2%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23A8A8A8%22%20d%3D%22M65.1%2C26.5c-0.2-1.1-0.7-2.2-1.4-3c-0.1-0.2-0.3-0.4-0.5-0.5c-1.2-1.3-3-2-4.9-2H22.2c-1.9%2C0-3.7%2C0.8-4.9%2C2c-0.2%2C0.2-0.3%2C0.3-0.5%2C0.5c-0.7%2C0.9-1.2%2C1.9-1.4%2C3c-0.1%2C0.4-0.1%2C0.9-0.1%2C1.3v25.4c0%2C1%2C0.2%2C1.9%2C0.6%2C2.8c0.3%2C0.8%2C0.8%2C1.5%2C1.5%2C2.1c0.2%2C0.2%2C0.3%2C0.3%2C0.5%2C0.4c1.2%2C1%2C2.7%2C1.6%2C4.4%2C1.6h36.1c1.7%2C0%2C3.2-0.6%2C4.4-1.6c0.2-0.1%2C0.3-0.3%2C0.5-0.4c0.6-0.6%2C1.1-1.3%2C1.5-2.1v0c0.4-0.8%2C0.6-1.8%2C0.6-2.7V27.8C65.2%2C27.4%2C65.2%2C26.9%2C65.1%2C26.5zM19.8%2C25.5c0.6-0.6%2C1.5-1%2C2.4-1h36.1c0.9%2C0%2C1.8%2C0.4%2C2.4%2C1c0.1%2C0.1%2C0.2%2C0.2%2C0.3%2C0.4L42.1%2C42.3c-0.5%2C0.5-1.2%2C0.7-1.8%2C0.7c-0.7%2C0-1.3-0.2-1.8-0.7L19.5%2C25.8C19.6%2C25.7%2C19.7%2C25.6%2C19.8%2C25.5zM18.8%2C53.2V29.5l13.7%2C12L18.8%2C53.4C18.8%2C53.3%2C18.8%2C53.3%2C18.8%2C53.2zM58.3%2C56.6H22.2c-0.6%2C0-1.2-0.2-1.7-0.4L35%2C43.6l1.3%2C1.2c1.1%2C1%2C2.5%2C1.5%2C3.9%2C1.5c1.4%2C0%2C2.8-0.5%2C3.9-1.5l1.3-1.2L60%2C56.2C59.5%2C56.4%2C58.9%2C56.6%2C58.3%2C56.6zM61.7%2C53.2c0%2C0.1%2C0%2C0.1%2C0%2C0.1L48%2C41.4l13.7-12V53.2z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.email > button.active {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23D15D14%22%20cx%3D%2240.2%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M65.1%2C26.5c-0.2-1.1-0.7-2.2-1.4-3c-0.1-0.2-0.3-0.4-0.5-0.5c-1.2-1.3-3-2-4.9-2H22.2c-1.9%2C0-3.7%2C0.8-4.9%2C2c-0.2%2C0.2-0.3%2C0.3-0.5%2C0.5c-0.7%2C0.9-1.2%2C1.9-1.4%2C3c-0.1%2C0.4-0.1%2C0.9-0.1%2C1.3v25.4c0%2C1%2C0.2%2C1.9%2C0.6%2C2.8c0.3%2C0.8%2C0.8%2C1.5%2C1.5%2C2.1c0.2%2C0.2%2C0.3%2C0.3%2C0.5%2C0.4c1.2%2C1%2C2.7%2C1.6%2C4.4%2C1.6h36.1c1.7%2C0%2C3.2-0.6%2C4.4-1.6c0.2-0.1%2C0.3-0.3%2C0.5-0.4c0.6-0.6%2C1.1-1.3%2C1.5-2.1v0c0.4-0.8%2C0.6-1.8%2C0.6-2.7V27.8C65.2%2C27.4%2C65.2%2C26.9%2C65.1%2C26.5zM19.8%2C25.5c0.6-0.6%2C1.5-1%2C2.4-1h36.1c0.9%2C0%2C1.8%2C0.4%2C2.4%2C1c0.1%2C0.1%2C0.2%2C0.2%2C0.3%2C0.4L42.1%2C42.3c-0.5%2C0.5-1.2%2C0.7-1.8%2C0.7c-0.7%2C0-1.3-0.2-1.8-0.7L19.5%2C25.8C19.6%2C25.7%2C19.7%2C25.6%2C19.8%2C25.5zM18.8%2C53.2V29.5l13.7%2C12L18.8%2C53.4C18.8%2C53.3%2C18.8%2C53.3%2C18.8%2C53.2zM58.3%2C56.6H22.2c-0.6%2C0-1.2-0.2-1.7-0.4L35%2C43.6l1.3%2C1.2c1.1%2C1%2C2.5%2C1.5%2C3.9%2C1.5c1.4%2C0%2C2.8-0.5%2C3.9-1.5l1.3-1.2L60%2C56.2C59.5%2C56.4%2C58.9%2C56.6%2C58.3%2C56.6zM61.7%2C53.2c0%2C0.1%2C0%2C0.1%2C0%2C0.1L48%2C41.4l13.7-12V53.2z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.email > button.active:hover, .acceptedMethods .methods > div.email > button.active:focus-within {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23CE5617%22%20cx%3D%2240.2%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M65.1%2C26.5c-0.2-1.1-0.7-2.2-1.4-3c-0.1-0.2-0.3-0.4-0.5-0.5c-1.2-1.3-3-2-4.9-2H22.2c-1.9%2C0-3.7%2C0.8-4.9%2C2c-0.2%2C0.2-0.3%2C0.3-0.5%2C0.5c-0.7%2C0.9-1.2%2C1.9-1.4%2C3c-0.1%2C0.4-0.1%2C0.9-0.1%2C1.3v25.4c0%2C1%2C0.2%2C1.9%2C0.6%2C2.8c0.3%2C0.8%2C0.8%2C1.5%2C1.5%2C2.1c0.2%2C0.2%2C0.3%2C0.3%2C0.5%2C0.4c1.2%2C1%2C2.7%2C1.6%2C4.4%2C1.6h36.1c1.7%2C0%2C3.2-0.6%2C4.4-1.6c0.2-0.1%2C0.3-0.3%2C0.5-0.4c0.6-0.6%2C1.1-1.3%2C1.5-2.1v0c0.4-0.8%2C0.6-1.8%2C0.6-2.7V27.8C65.2%2C27.4%2C65.2%2C26.9%2C65.1%2C26.5zM19.8%2C25.5c0.6-0.6%2C1.5-1%2C2.4-1h36.1c0.9%2C0%2C1.8%2C0.4%2C2.4%2C1c0.1%2C0.1%2C0.2%2C0.2%2C0.3%2C0.4L42.1%2C42.3c-0.5%2C0.5-1.2%2C0.7-1.8%2C0.7c-0.7%2C0-1.3-0.2-1.8-0.7L19.5%2C25.8C19.6%2C25.7%2C19.7%2C25.6%2C19.8%2C25.5zM18.8%2C53.2V29.5l13.7%2C12L18.8%2C53.4C18.8%2C53.3%2C18.8%2C53.3%2C18.8%2C53.2zM58.3%2C56.6H22.2c-0.6%2C0-1.2-0.2-1.7-0.4L35%2C43.6l1.3%2C1.2c1.1%2C1%2C2.5%2C1.5%2C3.9%2C1.5c1.4%2C0%2C2.8-0.5%2C3.9-1.5l1.3-1.2L60%2C56.2C59.5%2C56.4%2C58.9%2C56.6%2C58.3%2C56.6zM61.7%2C53.2c0%2C0.1%2C0%2C0.1%2C0%2C0.1L48%2C41.4l13.7-12V53.2z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}  
.acceptedMethods .methods > div.postal > button {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23DADADA%22%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Crect%20x%3D%2213.4%22%20y%3D%2245.7%22%20fill%3D%22%23A8A8A8%22%20width%3D%2215.4%22%20height%3D%224.4%22%2F%3E%3Crect%20x%3D%2217.8%22%20y%3D%2252.3%22%20fill%3D%22%23A8A8A8%22%20width%3D%2213.2%22%20height%3D%224.4%22%2F%3E%3Crect%20x%3D%2224.4%22%20y%3D%2258.9%22%20fill%3D%22%23A8A8A8%22%20width%3D%228.8%22%20height%3D%224.4%22%2F%3E%3Cpath%20fill%3D%22%23A8A8A8%22%20d%3D%22M60.1%2C39.8h-9.9v-5.1c0-2.3%2C0.7-4.5%2C1.9-6.4c2.5-4.2%2C1.5-9.6-2.3-12.7c-4.2-3.5-10.5-2.8-13.9%2C1.4c-1%2C1.3-1.8%2C2.8-2.1%2C4.4c-0.5%2C2.4%2C0%2C4.8%2C1.2%2C6.9c1.2%2C1.8%2C1.8%2C4%2C1.9%2C6.2v5.3h-9.9c-1.8%2C0-3.3%2C1.5-3.3%2C3.3v0.1h3.3v-0.1h33v6.6H34.8V53h22v3.3h-20v3.3h20c1.8%2C0%2C3.3-1.5%2C3.3-3.3V53c1.8%2C0%2C3.3-1.5%2C3.3-3.3v-6.6C63.4%2C41.3%2C61.9%2C39.8%2C60.1%2C39.8zM46.9%2C39.8h-6.6v-3.3h6.6V39.8zM49.3%2C26.6c-1.2%2C2-2%2C4.2-2.3%2C6.6h-6.8c-0.3-2.3-1-4.6-2.3-6.6c-0.8-1.4-1.1-3-0.8-4.6c0.7-3.6%2C4.1-5.9%2C7.7-5.3c3.6%2C0.7%2C5.9%2C4.1%2C5.3%2C7.7C50%2C25.2%2C49.7%2C25.9%2C49.3%2C26.6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.postal > button.active{
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23C91E1E%22%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Crect%20x%3D%2213.4%22%20y%3D%2245.7%22%20fill%3D%22%23ffffff%22%20width%3D%2215.4%22%20height%3D%224.4%22%2F%3E%3Crect%20x%3D%2217.8%22%20y%3D%2252.3%22%20fill%3D%22%23ffffff%22%20width%3D%2213.2%22%20height%3D%224.4%22%2F%3E%3Crect%20x%3D%2224.4%22%20y%3D%2258.9%22%20fill%3D%22%23ffffff%22%20width%3D%228.8%22%20height%3D%224.4%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M60.1%2C39.8h-9.9v-5.1c0-2.3%2C0.7-4.5%2C1.9-6.4c2.5-4.2%2C1.5-9.6-2.3-12.7c-4.2-3.5-10.5-2.8-13.9%2C1.4c-1%2C1.3-1.8%2C2.8-2.1%2C4.4c-0.5%2C2.4%2C0%2C4.8%2C1.2%2C6.9c1.2%2C1.8%2C1.8%2C4%2C1.9%2C6.2v5.3h-9.9c-1.8%2C0-3.3%2C1.5-3.3%2C3.3v0.1h3.3v-0.1h33v6.6H34.8V53h22v3.3h-20v3.3h20c1.8%2C0%2C3.3-1.5%2C3.3-3.3V53c1.8%2C0%2C3.3-1.5%2C3.3-3.3v-6.6C63.4%2C41.3%2C61.9%2C39.8%2C60.1%2C39.8zM46.9%2C39.8h-6.6v-3.3h6.6V39.8zM49.3%2C26.6c-1.2%2C2-2%2C4.2-2.3%2C6.6h-6.8c-0.3-2.3-1-4.6-2.3-6.6c-0.8-1.4-1.1-3-0.8-4.6c0.7-3.6%2C4.1-5.9%2C7.7-5.3c3.6%2C0.7%2C5.9%2C4.1%2C5.3%2C7.7C50%2C25.2%2C49.7%2C25.9%2C49.3%2C26.6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.postal > button.active:hover, .acceptedMethods .methods > div.postal > button.active:focus-within{
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23C91E1E%22%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Crect%20x%3D%2213.4%22%20y%3D%2245.7%22%20fill%3D%22%23ffffff%22%20width%3D%2215.4%22%20height%3D%224.4%22%2F%3E%3Crect%20x%3D%2217.8%22%20y%3D%2252.3%22%20fill%3D%22%23ffffff%22%20width%3D%2213.2%22%20height%3D%224.4%22%2F%3E%3Crect%20x%3D%2224.4%22%20y%3D%2258.9%22%20fill%3D%22%23ffffff%22%20width%3D%228.8%22%20height%3D%224.4%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M60.1%2C39.8h-9.9v-5.1c0-2.3%2C0.7-4.5%2C1.9-6.4c2.5-4.2%2C1.5-9.6-2.3-12.7c-4.2-3.5-10.5-2.8-13.9%2C1.4c-1%2C1.3-1.8%2C2.8-2.1%2C4.4c-0.5%2C2.4%2C0%2C4.8%2C1.2%2C6.9c1.2%2C1.8%2C1.8%2C4%2C1.9%2C6.2v5.3h-9.9c-1.8%2C0-3.3%2C1.5-3.3%2C3.3v0.1h3.3v-0.1h33v6.6H34.8V53h22v3.3h-20v3.3h20c1.8%2C0%2C3.3-1.5%2C3.3-3.3V53c1.8%2C0%2C3.3-1.5%2C3.3-3.3v-6.6C63.4%2C41.3%2C61.9%2C39.8%2C60.1%2C39.8zM46.9%2C39.8h-6.6v-3.3h6.6V39.8zM49.3%2C26.6c-1.2%2C2-2%2C4.2-2.3%2C6.6h-6.8c-0.3-2.3-1-4.6-2.3-6.6c-0.8-1.4-1.1-3-0.8-4.6c0.7-3.6%2C4.1-5.9%2C7.7-5.3c3.6%2C0.7%2C5.9%2C4.1%2C5.3%2C7.7C50%2C25.2%2C49.7%2C25.9%2C49.3%2C26.6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.fax > button {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23DADADA%22%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23A8A8A8%22%20d%3D%22M64.2%2C37.3l-7.2-6.4V21l-8.5-8.5H25.7V27h-7.9c-1.6%2C0-3%2C1.3-3%2C3v34.5c0%2C1.6%2C1.3%2C3%2C3%2C3h47.5v-28C65.2%2C38.6%2C64.9%2C37.8%2C64.2%2C37.3zM61.1%2C40v23.4H29.8v-24h27.3v-2.9L61.1%2C40zM52.9%2C23.4h-6.8v-6.8h0.7l6.1%2C6.1V23.4z%20M52.9%2C27.5v7.7H29.8V16.6H42v10.9H52.9z%20M25.7%2C31.2v32.2h-6.8V31.2H25.7z%22%2F%3E%3Crect%20x%3D%2234.8%22%20y%3D%2249.7%22%20fill%3D%22%23A8A8A8%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2249.7%22%20fill%3D%22%23A8A8A8%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2234.8%22%20y%3D%2257%22%20fill%3D%22%23A8A8A8%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2257%22%20fill%3D%22%23A8A8A8%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2249.3%22%20y%3D%2249.7%22%20fill%3D%22%23A8A8A8%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2249.3%22%20y%3D%2257%22%20fill%3D%22%23A8A8A8%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2234.8%22%20y%3D%2242.5%22%20fill%3D%22%23A8A8A8%22%20width%3D%2218.7%22%20height%3D%224.1%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.fax > button.active{
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%2316823B%22%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M64.2%2C37.3l-7.2-6.4V21l-8.5-8.5H25.7V27h-7.9c-1.6%2C0-3%2C1.3-3%2C3v34.5c0%2C1.6%2C1.3%2C3%2C3%2C3h47.5v-28C65.2%2C38.6%2C64.9%2C37.8%2C64.2%2C37.3zM61.1%2C40v23.4H29.8v-24h27.3v-2.9L61.1%2C40zM52.9%2C23.4h-6.8v-6.8h0.7l6.1%2C6.1V23.4z%20M52.9%2C27.5v7.7H29.8V16.6H42v10.9H52.9z%20M25.7%2C31.2v32.2h-6.8V31.2H25.7z%22%2F%3E%3Crect%20x%3D%2234.8%22%20y%3D%2249.7%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2249.7%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2234.8%22%20y%3D%2257%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2257%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2249.3%22%20y%3D%2249.7%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2249.3%22%20y%3D%2257%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2234.8%22%20y%3D%2242.5%22%20fill%3D%22%23ffffff%22%20width%3D%2218.7%22%20height%3D%224.1%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.fax > button.active:hover, .acceptedMethods .methods > div.fax > button.active:focus-within{
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%2316823B%22%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M64.2%2C37.3l-7.2-6.4V21l-8.5-8.5H25.7V27h-7.9c-1.6%2C0-3%2C1.3-3%2C3v34.5c0%2C1.6%2C1.3%2C3%2C3%2C3h47.5v-28C65.2%2C38.6%2C64.9%2C37.8%2C64.2%2C37.3zM61.1%2C40v23.4H29.8v-24h27.3v-2.9L61.1%2C40zM52.9%2C23.4h-6.8v-6.8h0.7l6.1%2C6.1V23.4z%20M52.9%2C27.5v7.7H29.8V16.6H42v10.9H52.9z%20M25.7%2C31.2v32.2h-6.8V31.2H25.7z%22%2F%3E%3Crect%20x%3D%2234.8%22%20y%3D%2249.7%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2249.7%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2234.8%22%20y%3D%2257%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2257%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2249.3%22%20y%3D%2249.7%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2249.3%22%20y%3D%2257%22%20fill%3D%22%23ffffff%22%20width%3D%224.1%22%20height%3D%224.1%22%2F%3E%3Crect%20x%3D%2234.8%22%20y%3D%2242.5%22%20fill%3D%22%23ffffff%22%20width%3D%2218.7%22%20height%3D%224.1%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.counter > button {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23DADADA%22%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23A8A8A8%22%20d%3D%22M61.5%2C55c-0.5-1.3-1.8-2-3.3-2c-1.3%2C0-6.8%2C1-11.3%2C1.9c0-0.1%2C0-0.1%2C0-0.2c0.2-1-0.1-2-0.7-2.8c-1.3-1.7-5.1-3.4-7.3-4.3c-1.7-0.7-6.1-2.3-9-2.3c-2.1%2C0-4.3%2C0.7-6.6%2C2c-2.2%2C1.3-3.8%2C2.7-4.6%2C3.5c-0.8%2C0.8-0.8%2C2.1%2C0%2C3c0.4%2C0.4%2C0.9%2C0.6%2C1.5%2C0.6s1.1-0.2%2C1.5-0.6c2-2%2C5.3-4.2%2C8.2-4.2c1.5%2C0%2C4.4%2C0.8%2C7.4%2C2c3%2C1.2%2C4.7%2C2.3%2C5.3%2C2.8c-0.1%2C0.2-0.4%2C0.6-0.9%2C1.1c-0.2%2C0.1-0.3%2C0.3-0.5%2C0.4l-4.8-1.6c-0.5-0.2-1.1-0.1-1.6%2C0.1c-0.5%2C0.3-0.9%2C0.7-1%2C1.2C33.7%2C56%2C33.7%2C56.5%2C34%2C57c0.3%2C0.5%2C0.7%2C0.9%2C1.2%2C1l5.9%2C2c0%2C0%2C0.1%2C0%2C0.1%2C0l0.1%2C0l0%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l0%2C0c0.2%2C0%2C0.3%2C0%2C0.5%2C0l0%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l0%2C0c6.2-1.2%2C12.1-2.3%2C14.8-2.7c0%2C0.1-0.1%2C0.1-0.2%2C0.2c-2%2C2-8.2%2C7.2-13.1%2C7.2c-2.9%2C0-5.2-0.8-7.5-1.6c-2.1-0.7-4-1.3-6.1-1.3h-9.7c-1.2%2C0-2.1%2C0.9-2.1%2C2.1c0%2C1.2%2C0.9%2C2.1%2C2.1%2C2.1H30c1.4%2C0%2C3%2C0.5%2C4.8%2C1.1c2.5%2C0.8%2C5.3%2C1.8%2C8.9%2C1.8c2.9%2C0%2C6.2-1.2%2C9.9-3.5c3.4-2.1%2C5.7-4.5%2C6.2-4.9C61.5%2C58.7%2C62.2%2C56.6%2C61.5%2C55zM42.1%2C59.9L42.1%2C59.9L42.1%2C59.9L42.1%2C59.9z%22%2F%3E%3Cpath%20fill%3D%22%23A8A8A8%22%20d%3D%22M32%2C43.6c1.2%2C0%2C2.1-0.9%2C2.1-2.1v-1.8h23v9.6c0%2C1.2%2C0.9%2C2.1%2C2.1%2C2.1s2.1-0.9%2C2.1-2.1v-9.7c0-2.2-1.8-4-4-4H33.9c-2.2%2C0-4%2C1.8-4%2C4v1.9C29.9%2C42.7%2C30.8%2C43.6%2C32%2C43.6z%22%2F%3E%3Cpath%20fill%3D%22%23A8A8A8%22%20d%3D%22M46.2%2C34.2c6.4%2C0%2C11.5-5.2%2C11.5-11.5s-5.2-11.5-11.5-11.5s-11.5%2C5.2-11.5%2C11.5S39.9%2C34.2%2C46.2%2C34.2zM38.9%2C22.7c0-4.1%2C3.3-7.4%2C7.4-7.4s7.4%2C3.3%2C7.4%2C7.4S50.3%2C30%2C46.2%2C30S38.9%2C26.7%2C38.9%2C22.7z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.counter > button.active{
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%2375752D%22%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M61.5%2C55c-0.5-1.3-1.8-2-3.3-2c-1.3%2C0-6.8%2C1-11.3%2C1.9c0-0.1%2C0-0.1%2C0-0.2c0.2-1-0.1-2-0.7-2.8c-1.3-1.7-5.1-3.4-7.3-4.3c-1.7-0.7-6.1-2.3-9-2.3c-2.1%2C0-4.3%2C0.7-6.6%2C2c-2.2%2C1.3-3.8%2C2.7-4.6%2C3.5c-0.8%2C0.8-0.8%2C2.1%2C0%2C3c0.4%2C0.4%2C0.9%2C0.6%2C1.5%2C0.6s1.1-0.2%2C1.5-0.6c2-2%2C5.3-4.2%2C8.2-4.2c1.5%2C0%2C4.4%2C0.8%2C7.4%2C2c3%2C1.2%2C4.7%2C2.3%2C5.3%2C2.8c-0.1%2C0.2-0.4%2C0.6-0.9%2C1.1c-0.2%2C0.1-0.3%2C0.3-0.5%2C0.4l-4.8-1.6c-0.5-0.2-1.1-0.1-1.6%2C0.1c-0.5%2C0.3-0.9%2C0.7-1%2C1.2C33.7%2C56%2C33.7%2C56.5%2C34%2C57c0.3%2C0.5%2C0.7%2C0.9%2C1.2%2C1l5.9%2C2c0%2C0%2C0.1%2C0%2C0.1%2C0l0.1%2C0l0%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l0%2C0c0.2%2C0%2C0.3%2C0%2C0.5%2C0l0%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l0%2C0c6.2-1.2%2C12.1-2.3%2C14.8-2.7c0%2C0.1-0.1%2C0.1-0.2%2C0.2c-2%2C2-8.2%2C7.2-13.1%2C7.2c-2.9%2C0-5.2-0.8-7.5-1.6c-2.1-0.7-4-1.3-6.1-1.3h-9.7c-1.2%2C0-2.1%2C0.9-2.1%2C2.1c0%2C1.2%2C0.9%2C2.1%2C2.1%2C2.1H30c1.4%2C0%2C3%2C0.5%2C4.8%2C1.1c2.5%2C0.8%2C5.3%2C1.8%2C8.9%2C1.8c2.9%2C0%2C6.2-1.2%2C9.9-3.5c3.4-2.1%2C5.7-4.5%2C6.2-4.9C61.5%2C58.7%2C62.2%2C56.6%2C61.5%2C55zM42.1%2C59.9L42.1%2C59.9L42.1%2C59.9L42.1%2C59.9z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M32%2C43.6c1.2%2C0%2C2.1-0.9%2C2.1-2.1v-1.8h23v9.6c0%2C1.2%2C0.9%2C2.1%2C2.1%2C2.1s2.1-0.9%2C2.1-2.1v-9.7c0-2.2-1.8-4-4-4H33.9c-2.2%2C0-4%2C1.8-4%2C4v1.9C29.9%2C42.7%2C30.8%2C43.6%2C32%2C43.6z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M46.2%2C34.2c6.4%2C0%2C11.5-5.2%2C11.5-11.5s-5.2-11.5-11.5-11.5s-11.5%2C5.2-11.5%2C11.5S39.9%2C34.2%2C46.2%2C34.2zM38.9%2C22.7c0-4.1%2C3.3-7.4%2C7.4-7.4s7.4%2C3.3%2C7.4%2C7.4S50.3%2C30%2C46.2%2C30S38.9%2C26.7%2C38.9%2C22.7z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.acceptedMethods .methods > div.counter > button.active:hover, .acceptedMethods .methods > div.counter > button.active:focus-within{
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%2375752D%22%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M61.5%2C55c-0.5-1.3-1.8-2-3.3-2c-1.3%2C0-6.8%2C1-11.3%2C1.9c0-0.1%2C0-0.1%2C0-0.2c0.2-1-0.1-2-0.7-2.8c-1.3-1.7-5.1-3.4-7.3-4.3c-1.7-0.7-6.1-2.3-9-2.3c-2.1%2C0-4.3%2C0.7-6.6%2C2c-2.2%2C1.3-3.8%2C2.7-4.6%2C3.5c-0.8%2C0.8-0.8%2C2.1%2C0%2C3c0.4%2C0.4%2C0.9%2C0.6%2C1.5%2C0.6s1.1-0.2%2C1.5-0.6c2-2%2C5.3-4.2%2C8.2-4.2c1.5%2C0%2C4.4%2C0.8%2C7.4%2C2c3%2C1.2%2C4.7%2C2.3%2C5.3%2C2.8c-0.1%2C0.2-0.4%2C0.6-0.9%2C1.1c-0.2%2C0.1-0.3%2C0.3-0.5%2C0.4l-4.8-1.6c-0.5-0.2-1.1-0.1-1.6%2C0.1c-0.5%2C0.3-0.9%2C0.7-1%2C1.2C33.7%2C56%2C33.7%2C56.5%2C34%2C57c0.3%2C0.5%2C0.7%2C0.9%2C1.2%2C1l5.9%2C2c0%2C0%2C0.1%2C0%2C0.1%2C0l0.1%2C0l0%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l0%2C0c0.2%2C0%2C0.3%2C0%2C0.5%2C0l0%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l0%2C0c6.2-1.2%2C12.1-2.3%2C14.8-2.7c0%2C0.1-0.1%2C0.1-0.2%2C0.2c-2%2C2-8.2%2C7.2-13.1%2C7.2c-2.9%2C0-5.2-0.8-7.5-1.6c-2.1-0.7-4-1.3-6.1-1.3h-9.7c-1.2%2C0-2.1%2C0.9-2.1%2C2.1c0%2C1.2%2C0.9%2C2.1%2C2.1%2C2.1H30c1.4%2C0%2C3%2C0.5%2C4.8%2C1.1c2.5%2C0.8%2C5.3%2C1.8%2C8.9%2C1.8c2.9%2C0%2C6.2-1.2%2C9.9-3.5c3.4-2.1%2C5.7-4.5%2C6.2-4.9C61.5%2C58.7%2C62.2%2C56.6%2C61.5%2C55zM42.1%2C59.9L42.1%2C59.9L42.1%2C59.9L42.1%2C59.9z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M32%2C43.6c1.2%2C0%2C2.1-0.9%2C2.1-2.1v-1.8h23v9.6c0%2C1.2%2C0.9%2C2.1%2C2.1%2C2.1s2.1-0.9%2C2.1-2.1v-9.7c0-2.2-1.8-4-4-4H33.9c-2.2%2C0-4%2C1.8-4%2C4v1.9C29.9%2C42.7%2C30.8%2C43.6%2C32%2C43.6z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M46.2%2C34.2c6.4%2C0%2C11.5-5.2%2C11.5-11.5s-5.2-11.5-11.5-11.5s-11.5%2C5.2-11.5%2C11.5S39.9%2C34.2%2C46.2%2C34.2zM38.9%2C22.7c0-4.1%2C3.3-7.4%2C7.4-7.4s7.4%2C3.3%2C7.4%2C7.4S50.3%2C30%2C46.2%2C30S38.9%2C26.7%2C38.9%2C22.7z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.publicForms .enquiry{
  position: relative;
  display: inline-block;
}
.publicForms .enquiry > button{
  width: 60px;
  height: 60px;
  background-image: url(../images/icon-enquiry.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
  opacity: 1;
  transition: opacity .3s ease 0s;
  position: relative; 
  cursor: pointer;
}
.publicForms .enquiry > .details{ display:none; }
.publicForms .enquiry > button:after{
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  width: 0;
  display: block;
  opacity: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000;
}
.publicForms .enquiry > button.expanded:after{ opacity: 1;}
.popupWrap{
  z-index: 900;
  text-align: left;
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: 350px;
  padding: 35px 20px 20px 20px;
  background: #000;
  color: #fff;
  border-radius: var(--border-radius);
}
.publicForms .popupWrap a{ color: #fff;}
.popupWrap.alignRight{
  left: inherit;
  right: 0;
  transform: translateX(0);
}
.acceptedMethods .popupWrap.alignLeft{
  left: 0;
  transform: translateX(0);
}
.popupWrap button{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  text-indent: -9999px;
}
.popupWrap button:before, .popupWrap button:after {
  content:'';
  height:2px;
  width:20px;
  display:block;
  background-color: #fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:rotate(-45deg) translate(-50%, -50%);
  transform-origin:left top;
  transition:width .3s ease 0s;
}
.popupWrap button:hover:before,
.popupWrap button:hover:after,
.popupWrap button:focus-within:before,
.popupWrap button:focus-within:after{ 
  width:24px;
}
.popupWrap button:after {
  transform:rotate(45deg) translate(-50%, -50%);
}
.popupWrap .popupMain p:last-of-type{ margin-bottom: 0; }
.acceptedMethods .methods > div > button:after{
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  width: 0;
  display: block;
  opacity: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000;
}
.acceptedMethods .methods > div > button.expanded:after{ opacity: 1;}

.sdPopupWrap{
  z-index: 1000;
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  padding: 30px 25px 25px 25px;
  background: #000;
  color: #fff;
  font-size: 0.889em;
  border-radius: var(--border-radius);
}
#content .sdPopupWrap table.supportTable tr > *{
  background: transparent!important;
}
#content .sdPopupWrap table.supportTable th{ 
  border: none;
  border-bottom: 1px solid #6dcaee;
  color: #6dcaee!important;
}
#content .sdPopupWrap table.supportTable td{
  border-bottom: 1px solid rgba(255,255,255,.5);
  color: #fff!important;
}
#content .sdPopupWrap table.supportTable th, #content .sdPopupWrap table.supportTable td{
  padding: 10px 12px 10px 0;
}
.sdPopupWrap a{ color: #a08c59; }
.sdPopupWrap a:focus{ color: #a08c59;   border-style: solid;  border-color:white; border-radius: 15%;}
.btnSupportDoc{
  position: relative;
  display: inline-block;
  border-radius: 5px;
  padding: 10px 34px 10px 10px;
  background-color: var(--main-color);
  color: #fff;
  text-decoration: none;
  font-size: 0.889em;
  font-weight: 700;
  line-height: 20px;
  transition: background-color .3s ease 0s;
} 
.btnSupportDoc:hover, .btnSupportDoc:focus-within{
	background-color: var(--blue-normal);
}
#content .sdPopupWrap table.supportTable thead th:first-child{ width: 35%;}
#content .sdPopupWrap table.supportTable thead th:nth-child(2){ width: 45%;}
#content .sdPopupWrap table.supportTable thead th:nth-child(3){ width: 20%;}
.btnSupportDoc:before{
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  height: 8px;
  width: 8px;
  margin-top: -2px;
  display: block;
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  transform-origin: top;
  transform: rotate(45deg) translateY(-50%);
}
.btnSupportDoc.expanded:before{
  transform: rotate(-135deg) translateY(-50%);
  margin-top: 0;
}
.btnSupportDoc:after{
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  width: 0;
  display: block;
  opacity: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000;
}
.btnSupportDoc.expanded:after{ opacity: 1;}
.sdBtn{
  position: relative;	
}
.sdBtnWrap{ 
/*  display: inline-block;*/
  position: relative;
}
.sdPopupWrap button{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.sdPopupWrap button:focus{
  border-style: solid;
  border-color:white;
}
.sdPopupWrap button:before, .sdPopupWrap button:after {
  content:'';
  height:2px;
  width:20px;
  display:block;
  background-color: #fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:rotate(-45deg) translate(-50%, -50%);
  transform-origin:left top;
  transition:width .3s ease 0s;
}
.sdPopupWrap button:hover:before, .sdPopupWrap button:hover:after{ width:24px;}
.sdPopupWrap button:after {
  transform:rotate(45deg) translate(-50%, -50%);
}
.dummyContent{
  display: none;
}
#landsMapContainer{
  width:100%;
  height:400px;
  border: 2px solid #c9c9c9;
  background-color: #f6f6f6;
  margin-bottom: 30px;
}
/*css for e_files start*/
#content table.tablev tr td{
  display: block;
}
#content table.tablev form input[type="submit"], #content table.tablev form input[type="reset"]{
  border: 1px solid #ccc;
  display: inline-block;
  padding: 5px;
  background-color: #ccc;
  border-radius: 5px;
  cursor: pointer;
}
@media all and (min-width:1024px){
  #content table.tablev tr td{
    display: table-cell;
    padding: 0 5px;
  }
}
/*css for e_files end*/
#zino_iframe{
  width: 100%;
  min-height: 400px;
  border: none;
}
#secy + p{
  margin-bottom: 10px;
}
.rsstable tr > th:not(:first-child), .rsstable tr > td:not(:first-child){
  text-align: center!important;
}