/*
aspect-ratio: 3 / 2;
Flexbox gap
currentColor
::marker
*/
@layer base {
  main a {
    text-decoration: underline;
  }
  
  main a:hover {
    text-decoration: none;
  }
   
  #content ul {
    margin: 0 0 30px;
    counter-reset: revert;
    list-style: none;
  }
  #content ul{
    list-style-type: disc;
  }
  #content ul>li {  
    margin-left: 24px;
    padding-left: 0px;
    /* margin-bottom: 10px; */
	margin-bottom: 5px;
    position: relative;
  }  
  #content ul>li::marker{
    color: var(--primary-blue);
  }
  #content ul>li>ul>li::marker{
    color: #91c000;
  }
  #content ul>li>ul>li>ul>li::marker{
    color: #a6a6a6;
  }
  #content p {
    /* margin-bottom: 1.66em; */
	margin-bottom: 1.111em;	
  }
}
#content {
  line-height: 1.556em;
  position: relative;
  text-align: justify;
}
#content h2,
#content h3,
#content h4,
#content h5 {
  font-family: 'Roboto Condensed', "微軟正黑體", "Microsoft JhengHei";
  line-height: 120%;
  text-align: left;
  transition: font-size .3s ease 0s, margin .3s ease 0s, padding .3s ease 0s;
}

#content h2 {
  color: var(--brown);
  /* font-size: 1.667em; */
  font-size: 1.889em;
  line-height: 130%;
  font-weight: 600;
  margin-bottom: 0.769em;
}

#content h3{
  color: var(--primary-dark);
  font-size: 1.444em;
  font-weight: 600;
  margin-bottom: 0.9em;
  text-align:left;
}

#content h4 {
  color: var(--primary-light);
  font-size: 1.222em;
  margin-bottom: 1em;
  text-align:left;
}

#content h5 {
  color: var(--purple);
  font-size: 1.111em;
  margin-bottom: 1.111em;
  text-align:left;
}

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

#content hr {
  line-height: 0;
  margin: 2.22em 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 1.66em 1.66em;
}

#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: 2.22em;
	position: relative;
	clear: both;
}
#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;
	pointer-events: none;
    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::-webkit-scrollbar {
    width: 15px;
}
 
#content div.rwd-table-wrap > div::-webkit-scrollbar-track {
    background-color: #e6f3e0;
    border-radius: 0;
}
 
#content div.rwd-table-wrap > div::-webkit-scrollbar-thumb {
    background-color: #a4e368;
    border-radius: 0;
}
#content div.rwd-table-wrap > div>table{
	width: 100%;
	min-width: 640px;
	margin-bottom: 0;
}

#content table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 2.22em;
  padding: 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 thead tr > th:first-child {
  padding-left: 20px;
}

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

#content table tbody th,
#content table tbody td {
  border-bottom: 1px solid rgba(3, 86, 62, 0.1);
}

#content table tbody tr:first-child th,
#content table tbody tr:first-child td {
  border-top: 1px solid var(--secondary-light);
}

#content table tbody tr:last-child th,
#content table tbody tr:last-child td {
  border-bottom: none;
}

#content table tbody th{
  padding: 10px 20px 11px;
  font-weight: 600;
  text-align: left;
  color: #fff;
  background-color: var(--primary-light);
  vertical-align: top;
}

#content table.vertical-table tbody th{
  background-color: var(--primary-blue);
}

#content table tbody td {
  padding: 10px 20px 11px;
  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 5px 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 {
  border-bottom: 1px solid var(--secondary-light);
}

#content table.style-table thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}

#content table.style-table thead tr:first-child th:last-child{
  border-top-right-radius: 10px;
}

#content table.style-table thead th {
  color: #fff;
  background: var(--dark-green);
  padding: 11px 20px;
  vertical-align: top;
}

#content table.style-table tbody tr td.subhead {
  background-color: var(--dark-green3);
  color: var(--primary-dark);
}

#content table.style-table tbody tr:nth-child(2n) td{
	background-color: #f5f5f5;;
}
#content table.style-table tbody tr:nth-child(2n+1) td{
	background-color: transparent;
}

#content .common-btn {
  position: relative;
  text-decoration: none;
  padding: 8px 20px;
  border-radius: 10px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  background-color: var(--grey);
}

#content .common-btn:hover {
  background-color: var(--yellow);
  color: var(--grey);
}

#content .common-link{
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 15px 40px;
  border-radius: 30px;
  line-height: 30px;
  color: var(--primary-blue);
  font-weight: 700;
  background-color: var(--secondary-blue);
  transition: background-color .3s ease 0s;
}

#content .common-link:hover {
  background-color: var(--primary-blue);
  color: var(--secondary-blue);
}


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

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

#content .f-left-img {
  float: left;
  margin: 0 1.66em 1.66em 0;
}

#content .f-right-img {
  float: right;
  margin: 0 0 1.66em 1.66em;
}

#content .f-left-img,
#content .f-right-img { 
  width: 100%;
  overflow: hidden;
  line-height: 0;
  max-width: 290px;
  /* border-radius: 20px; */
  transition: margin .3s ease 0s, border-radius .3s ease 0s;
}

#content .f-left-img img,
#content .f-right-img img { 
  width: 100%;
}

/* Customize the label (the container) */
.checkcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkcontainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  border: 2px solid var(--dark-green4);
  background-color: #EEF9F3;
}

.checkcontainer.check-radio .checkmark {
  border-radius: 50%;
}

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

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
  background-color: var(--dark-green4);
}

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

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkcontainer.check-box .checkmark:after {
  left: 8px;
  top: 3px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkcontainer.check-radio .checkmark:after {
  top: 6px;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
}


/* custom-select css, The container must be positioned relative: */
.custom-select {
  position: relative;
  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: 20px;
  right: 15px;
  width: 8px;
  height: 8px;
  border: 2px solid var(--dark-green4);
  border-right-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  transition: transform .3s, top .3s;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  transform: rotate(-225deg);
  top: 22px;
}

/* style the items (options), including the selected item: */
.select-selected {
  border: 2px solid #A4A4A4;
  padding: 10px 25px 10px 20px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  text-align:left;
}

.select-selected:hover,
.select-selected:focus {
}

.select-items div {
  cursor: pointer;
}

.select-items div {
  padding: 7px 20px;
  text-align: left;
  background: transparent;
  transition: background 0.3s ease 0s;
  border-top: 1px solid #A4A4A4;
}

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

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #f4f4f4;
  border: 1px solid #A4A4A4;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  z-index: 199;
  max-height: 300px;
  overflow-y: auto;
  border-radius: 10px;
}

/* 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{
  display:flex;
  gap: 10px;
  align-items: center;
}
.filter-wrap .select-wrap .filter-type{
  font-weight: 700;
}
.filter-wrap .custom-select{ min-width: 140px; }
.filter-wrap .btn-filter{
  display:block;
  text-align:center;
  color:var(--dark-green2);
  font-weight: 700;
  text-decoration: none;
  background-color: var(--light-green);
  border-radius:10px;
  position:relative;
  width:42px;
  line-height:42px;
  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(--dark-green);
  color: #fff;
}

#content>.btn-wrap {
  margin: 2.22em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: center;
  transition: gap .3s ease 0s;
}

#content>.btn-wrap.a-center{
  justify-content: center;
}

.hr {
  margin: 30px 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

main a {
  color: var(--primary-blue);
}

table th.date {
  min-width: 112px;
  width: 200px;
}

#content .footNotes > strong{
  margin-bottom: 6px;
  display: block;
}

#content .footNotes ul,
#content .footNotes ol,
#content .footNotes table{
  font-size: 0.833em;
  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: 2.222em 0;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
}
.pagination .mobilePagin, .pagination .page-filter-wrap-m{
  display: none;
}
.pagination .custom-select{
  min-width: 80px;
}
.pageNav {
  font-weight: 300;
  /*padding:0 110px;*/
}

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

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

.pageNav>span {
  width: 40px;
  height: 40px;
  margin: 0 2px;
 /* background-color: #f2f2f2;*/
  color: #333;
  border-radius: 8px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: top;
}

.pageNav a span,
.page-filter-wrap .btn-filter span.go {
  background-color: #f2f2f2;
  color: #333;
  display: block;
  transition: background-color .3s ease 0s;
  -webkit-transition: background-color .3s ease 0s;
  width: 100%;
  height: 100%;
  line-height: 40px;
  border-radius: 8px;
  font-size: 1em;
}

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

.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 {
  color: var(--primary-blue);
}

.pageNav a:not(.arrow):hover span,
.pageNav a:not(.arrow).focus span,
.pageNav a:not(.arrow).selected span {
  color: var(--dark-green2);
  font-weight: 700;
  background-color: var(--light-green);
}

.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(--primary-blue);
}

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

.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: 40px;
}

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

.page-filter-wrap .btn-filter {
  margin: 0;
  width: 24px;
  position: relative;
  text-indent: -9999px;
  background: transparent;
  transition: background .3s ease 0s;
}
.page-filter-wrap .btn-filter:hover, .page-filter-wrap .btn-filter.focus{
  background: var(--light-green);
}
.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(--dark-green2);
  border-right-width: 0;
}
.page-filter-wrap .btn-filter:hover:before,
.page-filter-wrap .btn-filter.focus:before{
}

.page-filter-wrap-m .btn-filter{
  display:block;
  text-align:center;
  color:var(--primary-blue);
  font-weight: 700;
  text-decoration:none;
  background-color: var(--yellow);
  border-radius:10px;
  position:relative;
  width:40px;
  height:40px;
  line-height:40px;
  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(--primary-blue);
  color: #fff;
}
/*page nav ends*/

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

#content .btn-back {
  display: inline-block;
  line-height: 24px;
  position: relative;
  padding-left: 16px;
  text-decoration: none;
  color: #563c16;
  font-weight: 600;
}

.btn-back:before,
.btn-back:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid #a1680f;
  border-top-width: 0;
  border-left-width: 0;
  top: 50%;
  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;
}

.btn-back:before {
  left: 2px;
}

#content .btn-back:hover:before {
  left: 0;
}

.btn-back:after {
  left: 7px;
}

#content .btn-back:hover:after {
  left: 5px;
}

#content .btn-back:hover {
  text-decoration: underline;
  color: #a1680f;
}

#content .btn-back:hover:before,
#content .btn-back:hover:after {
  border-color: #f4d628;
}

#content a.iconLink + span img{
	margin: 0 10px;
	height: 20px;
  display: inline-block;
  vertical-align: middle;
}

/*accordion*/
.accordCtrls{
	display: flex;
  column-gap: 6px;
  justify-content: flex-end;
	margin-bottom:1.66em;
}
.accordCtrls > a{
	text-decoration:none;
	position:relative;	
	font-weight:700;
	padding:5px 45px 5px 20px;
	border-radius:20px;
	background-color: var(--secondary-dark);
	color:#fff;
	transition: background-color .3s ease 0s, color .3s ease 0s;
}

.accordCtrls > a:hover{
	background-color: var(--brown);
}
.accordCtrls > a > span{
	position:absolute;
	right:15px;
	top:50%;
	transform:translateY(-50%);
	display:block;
	width:20px;
	height:20px;
	background-color:#fff;
	border-radius:50%;
	transition: background-color .3s ease 0s;
}
.accordCtrls > a > span:before{
	content:'';
	position:absolute;
	width:10px;
	height:2px;
	background-color:#036082;	
	left:50%;
	top:50%;
	margin-left:-5px;
	margin-top:-1px;
	transition: background-color .3s ease 0s;
}
.accordCtrls > a.expandBtn > span:after{
	content:'';
	position:absolute;
	width:2px;
	height:10px;
	background-color:#036082;
	left:50%;
	top:50%;
	margin-left:-1px;
	margin-top:-5px;
	transition: background-color .3s ease 0s;
}
.accordCtrls > a:hover > span:before, .accordCtrls > a:hover > span:after{
	background-color:#f6a92e;
}
.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: 30px; */
  /* overflow: hidden; */
  border-radius: 25px;
  /* border: 1px solid #e8eceb; */
  background-image:url('../images/home/bg-index-updates.jpg');
}
.accordion-wrap.col-2 .accordion-item:not(.acitve) {
	background-image:none;
}
.accordion-wrap.col-2 .accordion-item.active {
	background-image:url('../images/home/bg-index-updates.jpg');
}
.accordion-wrap.col-2 .accordion-item:not(.active) .accordion-main > * {
	opacity:0;
	transition:opacity .3s;
}
.accordion-wrap.col-2 .accordion-item.active .accordion-main > * {
	opacity:1;
}
.accordion-item + .accordion-item {
	margin-top: 30px;
}

/*.accordion-item:first-child{border-top:1px solid rgba(217,29,99,.1);}*/

.accordion-item .accordion-title {
  padding: 12px 60px 12px 20px;
  min-height: 50px;
  display: flex;
  align-items: center;
  color: var(--white);
  text-decoration: none;
  position: relative;
  border: none;
  text-align: left;
  font-weight: 700;
  border-radius: 25px;
  /* background-color: var(--light-green2); */
  transition: color 0.3s ease 0s, background-color 0.3s ease 0s, min-height 0.3s ease 0s, border-radius 0.3s ease 0s;
}

.accordion-wrap:not(.no-default-color)>.accordion-item:nth-child(3n+1) .accordion-title{
	background-color:var(--accordionItem1Color);
}
.accordion-wrap:not(.no-default-color)>.accordion-item:nth-child(3n+2) .accordion-title{
	background-color:var(--accordionItem2Color);
}
.accordion-wrap:not(.no-default-color)>.accordion-item:nth-child(3n+3) .accordion-title{
	background-color:var(--accordionItem3Color);
}
.accordion-wrap>.accordion-item.strategic-area1 .accordion-title{
	background-color:var(--strategicAreaColor1);
}
.accordion-wrap>.accordion-item.strategic-area2 .accordion-title{
	background-color:var(--strategicAreaColor2);
}
.accordion-wrap>.accordion-item.strategic-area3 .accordion-title{
	background-color:var(--strategicAreaColor3);
}
.accordion-wrap>.accordion-item.strategic-area4 .accordion-title{
	background-color:var(--strategicAreaColor4);
}
.accordion-item.active .accordion-title,
.accordion-item .accordion-title:hover {
  background: var(--dark-green2) !important;
  /* color: var(--white); */
}
.accordion-item.strategic-area2.active .accordion-title,
.accordion-item.strategic-area2 .accordion-title:hover {
  background: #945116 !important;
}
.accordion-item.strategic-area3.active .accordion-title,
.accordion-item.strategic-area3 .accordion-title:hover {
  background: #00444F !important;
}
.accordion-item.strategic-area4.active .accordion-title,
.accordion-item.strategic-area4 .accordion-title:hover {
  background: #302A47 !important;
}

.accordion-item .accordion-title:not(.btnOnly):before{
	content:'';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 35px;
	width:17px;
	height:10px;
	background-image:url('../images/icon-accordion-arr.svg');
	background-repeat:no-repeat;
	background-position:0 0;
	transition:transform .3s;
}

.accordion-item.active .accordion-title:not(.btnOnly):before {
	transform: translateY(-50%) rotate(180deg);
}

/* .accordion-item .accordion-title:not(.btnOnly):before,
.accordion-item .accordion-title:not(.btnOnly):after {
  content: "";
  height: 16px;
  width: 2px;
  display: block;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 26px;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  transition: transform 0.3s ease 0s;
  -webkit-transition: transform 0.3s ease 0s;
}

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

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

.accordion-item .accordion-title span.num{
  /* min-width: 30px; */
  min-width: fit-content;
  align-self: flex-start;
  margin: 0 5px 0 0;
  text-align: right;
  /* font-weight: 700; */
  transition: min-width .3s ease 0s;
}

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

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

.accordion-item .accordion-content .accordion-main,
.accordionWrap.faq .accordion-content .accordion-main {
  /* padding: 40px 75px; */
  padding: 20px 30px;
}

.accordion-item .accordion-main > *:last-child {
  margin-bottom: 0;
}
/*accordion ends*/

/*tab menu starts*/
.tab-container {
  position: relative;
  z-index: 100;
}
.tab-container .tab-menu .tabCtrls .tab-item:before {
  display: none;
}
.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected a {
  color: var(--white);
  /* background-color: var(--dark-green2); */
  background-color: var(--light-green2);
  font-weight: 700;
  /* border: 1px solid #ccc; */
  border-radius: 25px;
  padding: 15px 30px;
  transition: border-radius .3s ease 0s, padding .3s ease 0s;
}
.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected a:after {
	content:'';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 35px;
	width:17px;
	height:10px;
	background-image:url('../images/icon-accordion-arr.svg');
	background-repeat:no-repeat;
	background-position:0 0;
	transition:transform .3s;
}
.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected.active a:after {
	transform: translateY(-50%) rotate(180deg);
}
/* .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(--primary-blue);
  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 .tab-menu {
  margin-bottom: 70px;
}
.tab-container .tab-menu .tabCtrls {
  display: flex;
  column-gap: 10px;
  /* 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 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  font-weight: 700;
  text-decoration: none;
  padding: 15px 20px;
  line-height: 1.2;
  /* min-width: 130px; */
  min-width: 200px;
  position: relative;
  height: 100%;
  transition: background-color 0.3s ease 0s;
}
.tab-container .tab-menu .tabCtrls .tab-item.selected a {
  /* font-weight: 500; */
  color: var(--yellow);
}
.tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) a:hover,
.tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) a.focus {
  color: var(--yellow);
  background-color: var(--dark-green2);
  background-image:none;
}
.tab-container .tab-content {
  padding-bottom: 1.66em;
}
.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 *:last-of-type {
  margin-bottom: 0;
} */
/*tab menu ends*/

.photoslider-wrap{
  margin: 70px 0;
  padding: 15px 80px;
  /* background-color:#E4F1D7; */
  background-color:#C5DAAF;
  border-radius:10px;
}
.photoslider-wrap.area1,
.intro-wrap.area1 .photoslider-wrap{
  /* background-color:#E4F1D7; */
  background-color:#C5DAAF;
}
.photoslider-wrap.area2,
.intro-wrap.area2 .photoslider-wrap{
  /* background-color:#F6EBDE; */
  background-color:#FFDFB5;
}
.photoslider-wrap.area3,
.intro-wrap.area3 .photoslider-wrap{
  /* background-color:#DDE7F2; */
  background-color:#B1D5F0;
}
.photoslider-wrap.area4,
.intro-wrap.area4 .photoslider-wrap{
  /* background-color:#F2DCEE; */
  background-color:#F9C3D0;
}
.photoslider-wrap .swiper-container{
  overflow: hidden;
  padding: 2px;
  margin: -2px;
}
.photoslider-wrap .swiper-slide{
  width: calc((99.99% - 40px)/5);
}
.photoslider-wrap .swiper-slide a{
  position: relative;
  display: block;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
.photoslider-wrap .swiper-slide a.video:before{
  content:'';
  position:absolute;
  background-image:url('../images/btn-play.svg');
  background-repeat:no-repeat;
  /* background-size:contain; */
  width:80px;
  height:80px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:1;
  transition:all .3s;
}
.photoslider-wrap .swiper-slide a.video:hover:before,
.photoslider-wrap .swiper-slide a.video.focus:before{
  background-image:url('../images/btn-play-hover.svg');
}
.photoslider-wrap .swiper-slide span:not(.swiper-lazy-preloader){
  display: block;
  line-height: 0;
  border-radius: 10px;
  overflow: hidden;
  background-color: #5495386e;
  border-radius: 6px;
  position: relative;
  aspect-ratio: 1/1;
}
/* .photoslider-wrap .swiper-slide .swiper-lazy-preloader{
	transition: all .3s;
}
.photoslider-wrap .swiper-slide.swiper-slide-visible .swiper-lazy-preloader,
.photoslider-wrap .swiper-slide.swiper-slide-fully-visible .swiper-lazy-preloader{
	opacity: 0;
} */
.photoslider-wrap .swiper-slide  span > img{
  /* max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1); */
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .3s ease 0s;  
}
.photoslider-wrap .swiper-slide a:hover span > img, .photoslider-wrap .swiper-slide a.focus span > img{
  /* transform: translate(-50%, -50%) scale(1.1); */
  transform: scale(1.1);
}
.photoslider-wrap .swiper-arrow span{
	border-color:var(--dark-green2);
}
.photoslider-wrap .swiper-prev{
	left:15px;
}
.photoslider-wrap .swiper-next{
	right:15px;
}
.photoslider-wrap .swiper-prev:not(.swiper-button-disabled):hover,
.photoslider-wrap .swiper-prev:not(.swiper-button-disabled).focus{
	left:10px;
}
.photoslider-wrap .swiper-next:not(.swiper-button-disabled):hover,
.photoslider-wrap .swiper-next:not(.swiper-button-disabled).focus{
	right:10px;
}
.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;
  transition: max-width .3s ease 0s;
}
.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(--primary-blue);
}

.swiper-wrap .slider-ctrls .swiper-paging {
  color: var(--primary-blue);
}
.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(--primary-blue);
}
.swiper-wrap .slider-ctrls .btn-play.stop:before {
  border-bottom: 7px solid transparent;
  border-left: 10px solid var(--primary-blue);
  border-top: 7px solid transparent;
}

#content .flexbox{
	/* display: flex;
	flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px; */
  display: grid;
  gap: 20px;
  margin-bottom: 1.66em;
}
#content #area-content .flexbox{
	gap: 20px 40px;
}
#content .flexbox.inline{
	display: inline-grid;
}

#content .flexbox.col-2{
  grid-template-columns: repeat(2, 1fr);
}

#content .spacebetween{
	display:flex;
	justify-content: space-between;
}

#content .flexbox.col-3{
  grid-template-columns: repeat(3, 1fr);
}

#content .flexbox.imgCols .item .img{
  overflow: hidden;
  background-color: #e9e9e9; 
  position: relative;
  aspect-ratio: 3/2;
}
#content .flexbox.imgCols .item .img img{
  /* max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform .3s ease 0s; */
  width: 100%;
  height: 100%;
  object-fit: contain;     
}
#content .flexbox.imgCols .item .caption{
  padding: 15px 20px;
  text-align: center;
  line-height: 1.4rem; 
}

#content .area-wrap-container{
	overflow-x:auto;
	margin-bottom:50px;
}
#content .area-wrap{
	display:grid;
	/* grid-template-columns:18% 18% 18% 18%; */
	grid-template-columns:repeat(4, 1fr);
	/* gap:20px; */
	gap:50px;
	/* flex-wrap:wrap; */
	justify-content:center;
	margin:50px auto 0 auto;
	/* max-width: 1250px; */
	/* min-width: 1250px; */
	width: 1200px;
}
#content .area-wrap > *{
	text-align:center;
	text-decoration:none;
	color:#333;
	flex:1;	
}
#content .area-wrap > * img{
	display:inline-block;
	margin-bottom:10px;
	max-width:120px;
}
#content .area-wrap > * span{
	display:block;
	text-transform:uppercase;
	font-size:1.556em;
	font-weight:700;
	margin-bottom:15px;
}
#content .area-wrap .area1 span{
	color:var(--area1-color);
}
#content .area-wrap .area2 span{
	color:var(--area2-color);
}
#content .area-wrap .area3 span{
	color:var(--area3-color);
}
#content .area-wrap .area4 span{
	color:var(--area4-color);
}

#content .area-result{
	display:flex;
	justify-content:center;
	gap:30px;
	align-items:center;
	margin-bottom:60px;
}
#content #area-content .area-result{
	justify-content:left;
}
#content #area-content .area-result .right{
	flex:1;
}
#content .area-result img{
	/* width:150px; */
	width:170px;
}
#content .area-result .right > *{
	line-height:1;
}
#content .area-result .area{
	font-size:1.444em;
	text-transform:uppercase;
	margin-bottom:5px;
}
#content .area-result .title{
	font-size:2.333em;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;
}
#content .area-result.area1 .title{
	color:var(--area1-color);
}
#content .area-result.area2 .title{
	color:var(--area2-color);
}
#content .area-result.area3 .title{
	color:var(--area3-color);
}
#content .area-result.area4 .title{
	color:var(--area4-color);
}


#content .full-width-wrap{
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	/* left: 50%;
	transform: translateX(-50%); */
}

#content #search-content-wrap{
	/* background-image:url('../images/bg-inside-search-top.jpg');
	background-repeat:repeat;
	background-position:50% 50%; */
	/* margin-top:70px; */
	margin-top:20px;
	padding-top:60px;
	position:relative;
	overflow:hidden;
}
/* #content #search-content-wrap:before{
	content:'';
	position:absolute;
	width:60000px;
	height:88px;
	background-image:url('../images/bg-inside-search-top-6000w.png');
	background-repeat:repeat-x;
	background-position:50% 0;
	top:-88px;
	left:50%;
	transform:translateX(-50%);
} */
#content #search-content-wrap:before{
	display:none;
	content:'';
	position:absolute;
	width:2000px;
	height:88px;
	top:-60px;
	left:50%;
	transform:translateX(-50%);
	clip-path: polygon(100% 100%, 0% 100% , 0.00% 68.18%, 2.00% 67.11%, 4.00% 63.97%, 6.00% 58.94%, 8.00% 52.36%, 10.00% 44.63%, 12.00% 36.23%, 14.00% 27.70%, 16.00% 19.58%, 18.00% 12.36%, 20.00% 6.51%, 22.00% 2.39%, 24.00% 0.27%, 26.00% 0.27%, 28.00% 2.39%, 30.00% 6.51%, 32.00% 12.36%, 34.00% 19.58%, 36.00% 27.70%, 38.00% 36.23%, 40.00% 44.63%, 42.00% 52.36%, 44.00% 58.94%, 46.00% 63.97%, 48.00% 67.11%, 50.00% 68.18%, 52.00% 67.11%, 54.00% 63.97%, 56.00% 58.94%, 58.00% 52.36%, 60.00% 44.63%, 62.00% 36.23%, 64.00% 27.70%, 66.00% 19.58%, 68.00% 12.36%, 70.00% 6.51%, 72.00% 2.39%, 74.00% 0.27%, 76.00% 0.27%, 78.00% 2.39%, 80.00% 6.51%, 82.00% 12.36%, 84.00% 19.58%, 86.00% 27.70%, 88.00% 36.23%, 90.00% 44.63%, 92.00% 52.36%, 94.00% 58.94%, 96.00% 63.97%, 98.00% 67.11%, 100.00% 68.18%);
	background-image:url(../images/bg-inside-search-top.jpg);
	background-repeat:repeat;
}
#content .full-width-inner{
	max-width:1680px;
	margin:0 auto;
	padding:0 var(--container-gap);
}
#content #search-vis{
	grid-area:searchVis;
	text-align:center;
	align-self:end;
	clip-path:inset(-100vw -100vw 0 -100vw);
}
#content #search-vis img{
	margin-bottom:-40%;
	animation:rotating 40s linear infinite;
}
@keyframes rotating{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#content #search-criteria-wrap{
	display:grid;
	/* overflow:hidden; */
	position:relative;
	
}
#content #search-criteria-wrap .item-wrap{
	display:grid;
	/* grid-template-columns:1fr 1fr 1fr; */
	grid-template-columns:1fr 1fr;
	gap:20px;
}
#content #search-criteria-wrap .item-wrap > *{
	align-self:end;
}
#content #search-criteria-wrap label{
	text-align:left;
	display:block;
	color:var(--blue);
	font-size:0.778em;
	line-height:1.3;
	margin-bottom:5px;
}
#content #search-criteria-wrap .btn-search{
	margin:30px 0;
}
#content #search-criteria-wrap .multi-select-wrap{
	position:relative;
}
#content #search-criteria-wrap :is(.multi-select-wrap, .input-wrap) input{
	border: 2px solid #A4A4A4;
	padding: 10px 70px 10px 20px;
	background-color: #fff;
	border-radius: 8px;
	width:100%;
}
#content #search-criteria-wrap .input-wrap input{
	padding: 10px 20px;
}
#content #search-criteria-wrap .multi-select-wrap .applied-filter.active{
	display:block;
}
#content #search-criteria-wrap .multi-select-wrap .applied-filter{
	display:none;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:45px;
	width: 20px;
	height: 20px;
	font-size: 0.667em;
	text-align: center;
	line-height: 20px;
	background-color: var(--dark-green4);
	color: var(--white);
	border-radius: 50%;
}
#content #search-criteria-wrap .btn-pop-detail{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#content #search-criteria-wrap .btn-pop-detail span.dot-container{
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:45px;
}
#content #search-criteria-wrap .btn-pop-detail span.dot-container span,
#content #search-criteria-wrap .btn-pop-detail span.dot-container span:before,
#content #search-criteria-wrap .btn-pop-detail span.dot-container span:after{
	position:absolute;
	width:4px;
	height:4px;
	background-color:var(--dark-green4);
	border-radius:50%;
}
#content #search-criteria-wrap .btn-pop-detail span.dot-container span{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-indent:-9999px;
}
#content #search-criteria-wrap .btn-pop-detail span.dot-container span:before,
#content #search-criteria-wrap .btn-pop-detail span.dot-container span:after{
	content:'';
	top:50%;
	transform:translateY(-50%);
}
#content #search-criteria-wrap .btn-pop-detail span.dot-container span:before{
	left:8px;
}
#content #search-criteria-wrap .btn-pop-detail span.dot-container span:after{
	right:8px;
}
#content #search-criteria-wrap dialog .checkbox-wrap{
	display:grid;
	/* grid-template-columns:repeat(5, 1fr); */
	/* grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); */
	/* bak20260213 grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); */
	gap:20px;
}
#content #search-criteria-wrap dialog label{
	font-size: 1em;
	color: #333;
	margin-bottom: 0;
}



#content #search-criteria-selected-wrap{
	display:grid;
	grid-template-columns:auto 1fr;
	/* margin:50px 0; */
	margin:30px 0;
}
#content #search-criteria-selected-wrap .left{
	padding-right:45px;
	position:relative;
}
#content #search-criteria-selected-wrap .left:before{
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:var(--light-green);
	top:1em;
	right:19px;
}
#content #search-criteria-selected-wrap .right{
	display:flex;
	gap:20px;
	flex-wrap:wrap;
}
#content #search-criteria-selected-wrap a{
	display:inline-block;
	position:relative;
	border-radius:25px;
	border:2px solid var(--grey);
	padding:10px 17px;
	color:#333;
	font-size:0.889em;
	line-height:1;
	text-decoration:none;
	transition:all .3s;
}
#content #search-criteria-selected-wrap a:hover,
#content #search-criteria-selected-wrap a.focus{
	color: var(--btn-color);
    border-color: var(--btn-color);
    background-color: var(--hover-btn-color);
}
#content #search-criteria-selected-wrap a:hover:before,
#content #search-criteria-selected-wrap a:hover:after,
#content #search-criteria-selected-wrap a.focus:before,
#content #search-criteria-selected-wrap a.focus:after{
    background-color: var(--btn-color);
}
#content #search-criteria-selected-wrap .btn-criteria-selected{
	padding-right:45px;
}
#content #search-criteria-selected-wrap .btn-criteria-selected:before,
#content #search-criteria-selected-wrap .btn-criteria-selected:after{
	content:'';
	position:absolute;
	width:12px;
	height:2px;
	background-color:var(--light-green);
	right:17px;
	top:50%;
}
#content #search-criteria-selected-wrap .btn-criteria-selected:before{
	transform:translateY(-50%) rotate(-45deg);
}
#content #search-criteria-selected-wrap .btn-criteria-selected:after{
	transform:translateY(-50%) rotate(45deg);
}


#content .search-result-list-wrap{
	background-color:#fff;
	transition:background-color .3s;
}
#content .search-result-list-wrap .result-list:hover,
#content .search-result-list-wrap .result-list:focus,
#content #result-criteria-wrap{
	background-color:#EEF9F3;
}
#content #result-criteria-wrap{
	padding:50px 0 40px 0;
}
#content #result-criteria-wrap .result-title-main{
	margin-bottom:10px;
	color:var(--blue);
	/* font-size:0.778em; */
	font-size:0.889em;
}
#content #result-criteria-wrap .result-icon-cell>*:last-child{
	margin-top:20px;
}
#content .search-result-list-wrap .result-list{
	border-top:1px solid #C4CAD8;
	padding:50px 0;
	transition:background-color .3s;
}
#content .search-result-list-wrap .result-title,
#content #result-criteria-wrap .result-title{
	margin-bottom:30px;
}
#content .search-result-list-wrap .result-title .title1,
#content #result-criteria-wrap .result-title .title1{
	font-family: 'Roboto Condensed', "微軟正黑體", "Microsoft JhengHei";
	font-size:1.556em;
	font-weight:700;
	color:var(--dark-green2);
	margin-right:10px;
	line-height:1.2;
}
#content .search-result-list-wrap .result-title .title2,
#content #result-criteria-wrap .result-title .title2{
	font-family: 'Roboto Condensed', "微軟正黑體", "Microsoft JhengHei";
	font-size:1.556em;
	font-weight:500;
	color:var(--light-green2);
	line-height:1.2;
	text-align:left;
}
/* #content #result-criteria-wrap .result-title .title1{
	font-size:1.778em;
}
#content #result-criteria-wrap .result-title .title2{
	font-size:1.889em;
} */

#content .search-result-list-wrap .result-list.area2 .result-title .title1,
#content #result-criteria-wrap.area2 .result-title .title1{
	color:#945116;
}
#content .search-result-list-wrap .result-list.area3 .result-title .title1,
#content #result-criteria-wrap.area3 .result-title .title1{
	color:#00444F;
}
#content .search-result-list-wrap .result-list.area4 .result-title .title1,
#content #result-criteria-wrap.area4 .result-title .title1{
	color:#302A47;
}
#content .search-result-list-wrap .result-list.area1 .result-title .title2,
#content #result-criteria-wrap.area1 .result-title .title2{
	color:var(--area1-color);
}
#content .search-result-list-wrap .result-list.area2 .result-title .title2,
#content #result-criteria-wrap.area2 .result-title .title2{
	color:var(--area2-color);
}
#content .search-result-list-wrap .result-list.area3 .result-title .title2,
#content #result-criteria-wrap.area3 .result-title .title2{
	color:var(--area3-color);
}
#content .search-result-list-wrap .result-list.area4 .result-title .title2,
#content #result-criteria-wrap.area4 .result-title .title2{
	color:var(--area4-color);
}
#content #result-criteria-wrap .result-title .description{
	margin-top:10px;
	line-height:1.4;
}
#content .result-criteria-selected .result-area-icon-cell{
	grid-area:cellAreaIcon;
}
#content .result-criteria-selected .result-title-cell{
	grid-area:cellTitle;
}
#content .result-criteria-selected .result-description-cell{
	grid-area:cellDescription;
}
#content .result-criteria-selected .result-button-cell{
	grid-area:cellLinkButton;
}
/* #content .result-criteria-selected .result-icon-cell:nth-child(1){
	grid-area:cellIcon1;
}
#content .result-criteria-selected .result-icon-cell:nth-child(2){
	grid-area:cellIcon2;
} */
#content .result-criteria-selected>*:nth-child(5){
	grid-area:cellIcon1;
}
#content .result-criteria-selected>*:nth-child(6){
	grid-area:cellIcon2;
}
#content .search-result-list-wrap .result-criteria-selected,
#content #result-criteria-wrap .result-criteria-selected{
	display:grid;
	margin-bottom:40px;
}
#content .search-result-list-wrap .result-criteria-selected .result-description-cell{
	padding-right:10px;
}
#content #result-criteria-wrap .result-criteria-selected{
 	/* grid-template-areas: 'cellTitle' 'cellDescription' 'cellIcon'; */
	grid-template-areas: 'cellTitle' 'cellDescription' 'cellIcon1' 'cellIcon2';
	grid-template-columns:100%;
 	margin-bottom:0;
}
#content .search-result-list-wrap .result-criteria-selected > *,
#content #result-criteria-wrap .result-criteria-selected > *{
	/* flex:1 1 0px; */
	position:relative;
	/* padding:0 70px 0 20px;
	border-left:1px solid var(--light-green); */
}
#content .search-result-list-wrap .result-criteria-selected span,
#content #result-criteria-wrap .result-criteria-selected span{
	display:block;
	/* font-size:0.778em; */
	font-size:0.889em;
	color:var(--blue);
	margin-bottom:10px;
	line-height:1;
}
#content .search-result-list-wrap .result-criteria-selected a,
#content #result-criteria-wrap .result-criteria-selected a{
	text-decoration:none;
}
#content .search-result-list-wrap .result-criteria-selected a:is(:hover, .focus),
#content #result-criteria-wrap .result-criteria-selected a:is(:hover, .focus){
	text-decoration:underline;
}
#content .search-result-list-wrap .result-criteria-selected img.img-area{
	display:inline-block;
	width:90px;
	padding-top:5px;
}
#content .search-result-list-wrap .result-criteria-selected img.img-sdg,
#content #result-criteria-wrap .result-criteria-selected img.img-sdg{
	display:inline-block;
	width:100%;
	max-width:100px;
	/* width:100px; */
	/* padding-top:5px;
	margin-right:5px; */
}
#content #result-criteria-wrap{
	
}
#content #result-criteria-wrap #btn-action-progress{
	position:absolute;
	top:0;
	right:0;
	font-size:1.111em;
	width:450px;
	font-weight:500;
	padding:15px 60px 15px 90px;
	border-bottom-left-radius:30px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	background-color:var(--dark-green2);
	color:var(--yellow);
}
#content #result-criteria-wrap #btn-action-progress span{
    text-indent: -9999px;
    color: #000;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 2px;
    background-color: var(--yellow);
}
#content #result-criteria-wrap #btn-action-progress span:before,
#content #result-criteria-wrap #btn-action-progress span:after{
    content: "";
    height: 2px;
    width: 20px;
    background-color: var(--yellow);
    position: absolute;
    display: block;
}
#content #result-criteria-wrap #btn-action-progress span:before{
	top:-8px;
}
#content #result-criteria-wrap #btn-action-progress span:after{
	top:8px;
}
#content #action-progress-wrap{
	position:absolute;
	top:0;
	right:-100%;
	box-shadow:0 0 40px rgba(0,0,0,.2);
	z-index:10;
	border-bottom-left-radius:30px;
	width:500px;
	overflow:hidden;
	transition:right .3s;
}
#content #action-progress-wrap.active{
	right:0;
}
#content #action-progress-wrap #btn-action-progress-close{
	position:relative;
	font-size:1.111em;
	font-weight:500;
	padding:15px 60px 15px 90px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	background-color:var(--dark-green2);
	color:var(--yellow);
}
#content #action-progress-wrap #btn-action-progress-close span{
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
}
#content #action-progress-wrap #btn-action-progress-close span:before,
#content #action-progress-wrap #btn-action-progress-close span:after{
    content: "";
    height: 2px;
    width: 20px;
    background-color: var(--yellow);
    position: absolute;
    display: block;
	top:50%;
	transform:translateY(-50%);
	margin-top:-2px;
}
#content #action-progress-wrap #btn-action-progress-close span:before{
    transform:rotate(45deg);
}
#content #action-progress-wrap #btn-action-progress-close span:after{
    transform:rotate(-45deg);
}
#content #action-progress-wrap .scroll-wrap{
	padding:20px 20px 25px 50px;
	background-color:var(--light-green3);
}
#content #action-progress-wrap .item-wrap{
	padding-right:30px;
	max-height:40vh;
	text-align:left;
	overflow-y: auto;
    scrollbar-face-color: var(--light-green2); /* Firefox 63 compatibility */
    scrollbar-track-color: #fff; /* Firefox 63 compatibility */
    scrollbar-color: var(--light-green2) #fff;
    scrollbar-width: thin;
}
#content #action-progress-wrap .item-wrap > *{
	display:block;
	text-decoration:none;
	color:#333;
	padding:15px 0;
	border-bottom:1px solid rgba(1, 105, 54,.1);
}
#content #action-progress-wrap .item-wrap > * strong{
	display:block;
	line-height:1;
	margin-bottom:5px;
}
#content #sidenav-wrap{
	position:absolute;
	display:inline-grid;
	box-shadow:0 10px 40px rgba(0,0,0,.2);
	border-radius:0 100px 100px 0;
	grid-template-columns:auto auto;
	grid-template-areas:'. sideNavBtn';
	/* width:100%; */
	/* left:0; */
	left:0;
	top:0;
	z-index:1000;
	background-color:rgba(255,255,255,.7);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	/* overflow:hidden; */
	transition:transform .4s;
}
#content #sidenav-wrap.chrome:not(.fixed){
	left:9px;
}
#content #sidenav-wrap.fixed{
	position:fixed;
}
#content #sidenav-wrap img{
	display:block;
	width:70px;
}
#content #sidenav-wrap .btn{
	grid-area:sideNavBtn;
	position:relative;
	/* width:140px; */
	height:100%;
	padding:25px 55px 25px 15px;
}
#content #sidenav-wrap .btn:before{
	content:'';
	position:absolute;
	width:13px;
	height:13px;
	border:2px solid var(--dark-green2);
	border-left-width:0;
	border-bottom-width:0;
	transform:translateY(-50%) rotate(45deg);
	top:50%;
	right:30px;
	/* transition:transform .3s; */
}
#content #sidenav-wrap.active .btn:before{
	transform:translateY(-50%) rotate(225deg);
}
#content #sidenav-wrap.active .btn img{
	display:none;
}
#content #sidenav{
	/* display:none; */
	display:flex;
}
#content #sidenav-wrap.active #sidenav{
	display:flex;
}
#content #sidenav a{
	display:grid;
	align-items:center;
	grid-template-areas:'sideImg sideTxt';
	text-decoration:none;
	padding:25px 15px;
	column-gap:15px;
	justify-content: flex-start;
	/* background-color:#fff; */
	transition:background-color .3s;
}
#content #sidenav a:hover,
#content #sidenav a.selected{
	background-color:var(--yellow);
}
#content #sidenav img{
	grid-area:sideImg;
}
#content #sidenav .txt-wrap{
	grid-area:sideTxt;
}
#content #sidenav .txt{
	display:block;
	font-size:0.778em;
	color:#333;
	margin-bottom:5px;
	text-transform:uppercase;
	line-height:1;
}
#content #sidenav .title{
	display:block;
	font-size:0.889em;
	font-weight:500;
	text-transform:uppercase;
	line-height:1;
}
#content #sidenav .area1{
	color:var(--area1-color);
}
#content #sidenav .area2{
	color:var(--area2-color);
}
#content #sidenav .area3{
	color:var(--area3-color);
}
#content #sidenav .area4{
	color:var(--area4-color);
}

#content #highlight-wrap{
	display:none;
	position:relative;
	padding:100px 0;
}
#content #highlight-wrap .title{
	font-size:3.333em;
	font-weight:700;
	text-align:center;
	color:var(--blue);
	margin-bottom:60px;
	line-height:1;
	text-transform:uppercase;
}

#content #highlight-wrap .wave-line{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:0;
	width:2000px;
	z-index:10;
}
#content #highlight-wrap .wave-line *{
	display:block;
}
#content #highlight-wrap .swiper-outer{
	position:relative;
	padding:0 80px;
}
#content #highlight-wrap .swiper-container{
	padding-bottom:90px;
	overflow:hidden;
}
#content #highlight-wrap .swiper-button-prev-custom,
#content #highlight-wrap .swiper-button-next-custom{
	position:absolute;
	width:42px;
	height:34px;
	background-position:0 0;
	background-repeat:no-repeat;
	top:50%;
	transform:translateY(-50%);
	text-indent:-9999px;
	margin-top:-45px;
}
#content #highlight-wrap .swiper-button-prev-custom{
	left:0;
	background-image:url('../images/btn-arr-left.svg');
}
#content #highlight-wrap .swiper-button-next-custom{
	right:0;
	background-image:url('../images/btn-arr-right.svg');
}
#content #highlight-wrap .swiper-slide{
	background-image:url('../images/bg-inside-search-top.jpg');
	background-repeat:repeat;
	background-position:50% 50%;
	border-radius:15px;
	padding:35px;
}
#content #highlight-wrap .swiper-slide{
	height:auto;
}
#content #highlight-wrap .swiper-slide .caption{
	/* margin-bottom:20px; */
	margin:20px 0;
}
#content #highlight-wrap .swiper-slide .caption .caption1{
	font-weight:700;
	font-size:3.111em;
	color:var(--dark-green2);
	margin-right:10px;
}
#content #highlight-wrap .swiper-slide .caption .caption2{
	font-weight:500;
	font-size:1.556em;
	color:var(--light-green2);
}

#content .intro-wrap{
	display:grid;
	/* grid-template-areas:'introTitle introImg' 'introDetail introImg';
	gap:0 40px;
	grid-template-rows:auto 1fr; */
	margin:70px 0;
}
#content .intro-wrap .title-wrap{
	grid-area:introTitle;
}
#content .intro-wrap .detail{
	grid-area:introDetail;
}
#content .intro-wrap .detail .accordion-wrap{
	margin-top:30px;
}
#content .intro-wrap .img-wrap{
	grid-area:introImg;
}
#content .intro-wrap .title{
	/* font-size:1.611em; */
	text-align:left;
	font-size:1.444em;
	font-weight:700;
	color:var(--light-green2);
	line-height:1;
	margin-bottom:10px;
}
#content .intro-wrap.area1 .title{
	color:var(--light-green2);
}
#content .intro-wrap.area2 .title{
	color:#C5842F;
}
#content .intro-wrap.area3 .title{
	color:#2286d2;
}
#content .intro-wrap.area4 .title{
	color:#DA51C0;
}
#content .intro-wrap .date{
	/* font-size:2.778em; */
	font-size:2.222em;
	font-weight:400;
	color:var(--dark-green2);
	line-height:1;
	margin-bottom:40px;
}
#content .intro-wrap .bg-img-wrap{
	background-image:url('../images/photo-bg-side.png');
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
	padding:35px 0 0 25px;
}
#content .intro-wrap.area1 .bg-img-wrap{
	background-image:url('../images/photo-bg-side-area1.png');
}
#content .intro-wrap.area2 .bg-img-wrap{
	background-image:url('../images/photo-bg-side-area2.png');
}
#content .intro-wrap.area3 .bg-img-wrap{
	background-image:url('../images/photo-bg-side-area3.png');
}
#content .intro-wrap.area4 .bg-img-wrap{
	background-image:url('../images/photo-bg-side-area4.png');
}
#content .intro-wrap .bg-img-wrap img{
	display:block;
	border-radius:15px;
}
#content .intro-wrap p{
	margin-bottom:0;
}


#content .flexbox.col-2.map img{
	border: 1px solid #ccc;
}
#content .flexbox.col-2.map>div:last-child{
	padding-left: 30px;
}

#content .highlight{
	position:relative;
	background-image:url('../images/home/bg-index-updates.jpg');
	background-repeat:repeat;
	background-position:0 0;
	color:#054b32;
	border-radius:15px;
	padding:40px 40px 30px;
	margin:50px 0;
}
#content .highlight:before,
#content .highlight.type2:before{
	content:'';
	position:absolute;
	background-image:url('../images/highlight-text-butterfly.png');
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
	width:129px;
	height:81px;
	right:35px;
	top:-42px;
}
#content .highlight-side-wrap .accordion-wrap {
	margin-bottom:30px;
}
#content .highlight.type2:before{
	background-image:url('../images/highlight-text-dragonfly.png');
	width:137px;
	height:75px;
	left:35px;
	right:auto;
	top:-38px;
}

#content .highlight-side-wrap{
	display:flex;
	gap:50px;
	margin-bottom:50px;
}
#content .highlight-side-wrap.equal>*{
	flex:1;
}
#content .highlight-side-wrap>.txt{
	width:57%;
}
#content .highlight-side-wrap>.txt p:last-child{
	margin-bottom:0;
}
#content .highlight-side-wrap>.box-wrap{
	width:43%;
}
#content .highlight-side,
#content .highlight-side.type2{
	/* float:right;
	width:43%; */
	position:relative;
	background-image:url('../images/highlight-content-right-bottom.png'),url('../images/bg-highlight-content-green.jpg');
	background-repeat:no-repeat,repeat;
	background-position:100% 100%,0 0;
	color:#333;
	border-radius:15px;
	padding:40px 40px 60px 40px;
	/* margin:0 0 50px 50px; */
}
#content .highlight-side.type2{
	background-image:url('../images/highlight-content-left-bottom.png'),url('../images/bg-highlight-content-green.jpg');
	background-position:0 100%,0 0;
}
#content .highlight-side .title{
	color:var(--brown);
	font-size: 1.222em;
	font-weight:700;
	margin-bottom:5px;
	text-align:left;
}

#content .highlight-side + .highlight-side{
	margin-top:50px;
}

#content .highlight p:last-child,
#content .highlight-side p:last-child{
	margin-bottom:0;
}

#content .sdg-icon-wrap{
	/* display:flex;
	flex-wrap:wrap; */
	display:grid;
	grid-template-columns:repeat(10, 1fr);
	gap:10px;
	margin-bottom:50px !important;
}
#content .sdg-icon-wrap img{
	display:block;
}

#content .flexbox:has(.area-result){
	/* align-items:center; */
}
#content .flexbox .area-result{
	margin-bottom:0;
}

#content .downloadItem-wrap{
	display:flex;
	flex-direction:column;
	gap:40px;
	margin-bottom:50px;
}
#content .downloadItem-wrap .downloadItem{
	border-radius:15px;
}
#content .downloadItem-wrap .downloadItem.type1{
	display:flex;
	background-image:url('../images/home/bg-index-updates.jpg');
	background-repeat:repeat;
	background-position:0 0;
	padding:60px 60px 50px 65px;
	gap:70px;
}
#content .downloadItem-wrap .downloadItem.type1 .img{
	/* width:25%; */
	width:20%;
}
#content .downloadItem-wrap .downloadItem.type1 .img img{
	display:block;
}
#content .downloadItem-wrap .downloadItem.type1 .txt{
	/* width:75%; */
	width:80%;
	color:var(--dark-green2);
}
#content .downloadItem-wrap .downloadItem.type1 .txt .title{
	font-family: 'Roboto Condensed', "微軟正黑體", "Microsoft JhengHei";
	font-size:2.333em;
	font-weight:500;
	text-align:left;
	line-height:1.2;
	margin-bottom:15px;
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3){
	display:flex;
	position:relative;
	text-decoration:none;
	padding:30px 120px 30px 65px;
	background-color:var(--light-green3);
	transition:background-color .3s;
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3).hidden{
	position:absolute;
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3):is(:hover, .focus){
	background-color:var(--light-green2);
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3) :is(.date, .title){
	font-size:1.333em;
	font-weight:500;
	line-height:1.2;
	transition:color .3s;
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3) .date{
	color:var(--brown);
	margin-right:35px;
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3) .title{
	color:var(--dark-green2);
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3) .desc{
	display:block;
	color:var(--dark-green2);
	margin-top:5px;
	transition:color .3s;
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3):is(:hover, .focus) :is(.date, .title, .desc){
	color:var(--white);
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3) :is(.btn-download, .btn-arrow){
	position:absolute;
	width:60px;
	height:60px;
	padding:0;
	border-radius:50%;
	border:2px solid var(--yellow);
	right:30px;
	top:50%;
	transform:translateY(-50%);
	/* transition:border-color .3s; */
	transition:all .3s;
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3) :is(.btn-download, .btn-arrow):before{
	content: '';
    position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
    background-position: 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    z-index: 40;
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3) .btn-download:before{
	background-image:url('../images/icon-download.svg');
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3) .btn-arrow:before{
	background-image:url('../images/icon-btn-arr-right.svg');
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3):is(:hover, .focus) :is(.btn-download, .btn-arrow){
	border-color:var(--dark-green2);
	/* normal style */
	background-color:var(--hover-btn-color);
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3):is(:hover, .focus) .btn-download:before{
  background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.16%2018.81%22%3E%3Cpath%20fill%3D%22%23003723%22%20d%3D%22M16.41%2C18.81H2.75c-1.52%2C0-2.75-1.23-2.75-2.75v-6.53c0-.41.34-.75.75-.75s.75.34.75.75v6.53c0%2C.69.56%2C1.25%2C1.25%2C1.25h13.66c.69%2C0%2C1.25-.56%2C1.25-1.25v-6.53c0-.41.34-.75.75-.75s.75.34.75.75v6.53c0%2C1.52-1.23%2C2.75-2.75%2C2.75Z%22%2F%3E%3Cpath%20fill%3D%22%23003723%22%20d%3D%22M9.58%2C15.62c-.19%2C0-.38-.07-.53-.22l-4.55-4.55c-.29-.29-.29-.77%2C0-1.06s.77-.29%2C1.06%2C0l4.02%2C4.02%2C4.02-4.02c.29-.29.77-.29%2C1.06%2C0s.29.77%2C0%2C1.06l-4.55%2C4.55c-.15.15-.34.22-.53.22Z%22%2F%3E%3Cpath%20fill%3D%22%23003723%22%20d%3D%22M9.58%2C15.62c-.41%2C0-.75-.34-.75-.75V.75c0-.41.34-.75.75-.75s.75.34.75.75v14.12c0%2C.41-.34.75-.75.75Z%22%2F%3E%3C%2Fsvg%3E');
}
#content .downloadItem-wrap .downloadItem:is(.type2, .type3):is(:hover, .focus) .btn-arrow:before{
  background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Crect%20x%3D%220.5%22%20y%3D%229%22%20fill%3D%22%23003723%22%20width%3D%2213%22%20height%3D%222%22%2F%3E%3Cpolygon%20fill%3D%22%23003723%22%20points%3D%2211.2%2C18.3%209.8%2C16.9%2016.7%2C10%209.8%2C3.1%2011.2%2C1.7%2019.5%2C10%22%2F%3E%3C%2Fsvg%3E');
}

#content .btn-loadMore{
	display:inline-block;
	position:relative;
	padding-bottom:20px;
}
#content .btn-loadMore:before{
	content:'';
	position:absolute;
	width:2px;
	height:13px;
	background-color:var(--dark-green2);
	left:50%;
	bottom:4px;
	transform:translate(-50%,0);
}
#content .btn-loadMore:after{
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	border:2px solid var(--dark-green2);
	border-top-width:0;
	border-left-width:0;
	transform:translate(-50%,0) rotate(45deg);
	left:50%;
	bottom:0;
}
#content .btn-loadMore span{
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	font-size:1.111em;
	font-weight:700;
	line-height:1;
	color:var(--light-green2);
	padding-bottom:3px;
	transition:color .3s;
}
#content .btn-loadMore span:before{
	content:'';
	position:absolute;
	width:0;
	height:1px;
	background-color:var(--dark-green2);
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	transition:width .3s;
}
#content .btn-loadMore:is(:hover, .focus) span{
	color:var(--dark-green2);
}
#content .btn-loadMore:is(:hover, .focus) span:before{
	width:100%;
}

#content .wave{
	clip-path: polygon(100% 100%, 0% 100% , 0.00% 0.63%, 0.33% 0.62%, 0.67% 0.60%, 1.00% 0.57%, 1.33% 0.52%, 1.67% 0.47%, 2.00% 0.41%, 2.33% 0.35%, 2.67% 0.28%, 3.00% 0.22%, 3.33% 0.16%, 3.67% 0.10%, 4.00% 0.06%, 4.33% 0.03%, 4.67% 0.01%, 5.00% 0.00%, 5.33% 0.01%, 5.67% 0.03%, 6.00% 0.06%, 6.33% 0.10%, 6.67% 0.16%, 7.00% 0.22%, 7.33% 0.28%, 7.67% 0.35%, 8.00% 0.41%, 8.33% 0.47%, 8.67% 0.52%, 9.00% 0.57%, 9.33% 0.60%, 9.67% 0.62%, 10.00% 0.63%, 10.33% 0.62%, 10.67% 0.60%, 11.00% 0.57%, 11.33% 0.52%, 11.67% 0.47%, 12.00% 0.41%, 12.33% 0.35%, 12.67% 0.28%, 13.00% 0.22%, 13.33% 0.16%, 13.67% 0.10%, 14.00% 0.06%, 14.33% 0.03%, 14.67% 0.01%, 15.00% 0.00%, 15.33% 0.01%, 15.67% 0.03%, 16.00% 0.06%, 16.33% 0.10%, 16.67% 0.16%, 17.00% 0.22%, 17.33% 0.28%, 17.67% 0.35%, 18.00% 0.41%, 18.33% 0.47%, 18.67% 0.52%, 19.00% 0.57%, 19.33% 0.60%, 19.67% 0.62%, 20.00% 0.63%, 20.33% 0.62%, 20.67% 0.60%, 21.00% 0.57%, 21.33% 0.52%, 21.67% 0.47%, 22.00% 0.41%, 22.33% 0.35%, 22.67% 0.28%, 23.00% 0.22%, 23.33% 0.16%, 23.67% 0.10%, 24.00% 0.06%, 24.33% 0.03%, 24.67% 0.01%, 25.00% 0.00%, 25.33% 0.01%, 25.67% 0.03%, 26.00% 0.06%, 26.33% 0.10%, 26.67% 0.16%, 27.00% 0.22%, 27.33% 0.28%, 27.67% 0.35%, 28.00% 0.41%, 28.33% 0.47%, 28.67% 0.52%, 29.00% 0.57%, 29.33% 0.60%, 29.67% 0.62%, 30.00% 0.63%, 30.33% 0.62%, 30.67% 0.60%, 31.00% 0.57%, 31.33% 0.52%, 31.67% 0.47%, 32.00% 0.41%, 32.33% 0.35%, 32.67% 0.28%, 33.00% 0.22%, 33.33% 0.16%, 33.67% 0.10%, 34.00% 0.06%, 34.33% 0.03%, 34.67% 0.01%, 35.00% 0.00%, 35.33% 0.01%, 35.67% 0.03%, 36.00% 0.06%, 36.33% 0.10%, 36.67% 0.16%, 37.00% 0.22%, 37.33% 0.28%, 37.67% 0.35%, 38.00% 0.41%, 38.33% 0.47%, 38.67% 0.52%, 39.00% 0.57%, 39.33% 0.60%, 39.67% 0.62%, 40.00% 0.63%, 40.33% 0.62%, 40.67% 0.60%, 41.00% 0.57%, 41.33% 0.52%, 41.67% 0.47%, 42.00% 0.41%, 42.33% 0.35%, 42.67% 0.28%, 43.00% 0.22%, 43.33% 0.16%, 43.67% 0.10%, 44.00% 0.06%, 44.33% 0.03%, 44.67% 0.01%, 45.00% 0.00%, 45.33% 0.01%, 45.67% 0.03%, 46.00% 0.06%, 46.33% 0.10%, 46.67% 0.16%, 47.00% 0.22%, 47.33% 0.28%, 47.67% 0.35%, 48.00% 0.41%, 48.33% 0.47%, 48.67% 0.52%, 49.00% 0.57%, 49.33% 0.60%, 49.67% 0.62%, 50.00% 0.63%, 50.33% 0.62%, 50.67% 0.60%, 51.00% 0.57%, 51.33% 0.52%, 51.67% 0.47%, 52.00% 0.41%, 52.33% 0.35%, 52.67% 0.28%, 53.00% 0.22%, 53.33% 0.16%, 53.67% 0.10%, 54.00% 0.06%, 54.33% 0.03%, 54.67% 0.01%, 55.00% 0.00%, 55.33% 0.01%, 55.67% 0.03%, 56.00% 0.06%, 56.33% 0.10%, 56.67% 0.16%, 57.00% 0.22%, 57.33% 0.28%, 57.67% 0.35%, 58.00% 0.41%, 58.33% 0.47%, 58.67% 0.52%, 59.00% 0.57%, 59.33% 0.60%, 59.67% 0.62%, 60.00% 0.63%, 60.33% 0.62%, 60.67% 0.60%, 61.00% 0.57%, 61.33% 0.52%, 61.67% 0.47%, 62.00% 0.41%, 62.33% 0.35%, 62.67% 0.28%, 63.00% 0.22%, 63.33% 0.16%, 63.67% 0.10%, 64.00% 0.06%, 64.33% 0.03%, 64.67% 0.01%, 65.00% 0.00%, 65.33% 0.01%, 65.67% 0.03%, 66.00% 0.06%, 66.33% 0.10%, 66.67% 0.16%, 67.00% 0.22%, 67.33% 0.28%, 67.67% 0.35%, 68.00% 0.41%, 68.33% 0.47%, 68.67% 0.52%, 69.00% 0.57%, 69.33% 0.60%, 69.67% 0.62%, 70.00% 0.63%, 70.33% 0.62%, 70.67% 0.60%, 71.00% 0.57%, 71.33% 0.52%, 71.67% 0.47%, 72.00% 0.41%, 72.33% 0.35%, 72.67% 0.28%, 73.00% 0.22%, 73.33% 0.16%, 73.67% 0.10%, 74.00% 0.06%, 74.33% 0.03%, 74.67% 0.01%, 75.00% 0.00%, 75.33% 0.01%, 75.67% 0.03%, 76.00% 0.06%, 76.33% 0.10%, 76.67% 0.16%, 77.00% 0.22%, 77.33% 0.28%, 77.67% 0.35%, 78.00% 0.41%, 78.33% 0.47%, 78.67% 0.52%, 79.00% 0.57%, 79.33% 0.60%, 79.67% 0.62%, 80.00% 0.63%, 80.33% 0.62%, 80.67% 0.60%, 81.00% 0.57%, 81.33% 0.52%, 81.67% 0.47%, 82.00% 0.41%, 82.33% 0.35%, 82.67% 0.28%, 83.00% 0.22%, 83.33% 0.16%, 83.67% 0.10%, 84.00% 0.06%, 84.33% 0.03%, 84.67% 0.01%, 85.00% 0.00%, 85.33% 0.01%, 85.67% 0.03%, 86.00% 0.06%, 86.33% 0.10%, 86.67% 0.16%, 87.00% 0.22%, 87.33% 0.28%, 87.67% 0.35%, 88.00% 0.41%, 88.33% 0.47%, 88.67% 0.52%, 89.00% 0.57%, 89.33% 0.60%, 89.67% 0.62%, 90.00% 0.63%, 90.33% 0.62%, 90.67% 0.60%, 91.00% 0.57%, 91.33% 0.52%, 91.67% 0.47%, 92.00% 0.41%, 92.33% 0.35%, 92.67% 0.28%, 93.00% 0.22%, 93.33% 0.16%, 93.67% 0.10%, 94.00% 0.06%, 94.33% 0.03%, 94.67% 0.01%, 95.00% 0.00%, 95.33% 0.01%, 95.67% 0.03%, 96.00% 0.06%, 96.33% 0.10%, 96.67% 0.16%, 97.00% 0.22%, 97.33% 0.28%, 97.67% 0.35%, 98.00% 0.41%, 98.33% 0.47%, 98.67% 0.52%, 99.00% 0.57%, 99.33% 0.60%, 99.67% 0.62%, 100.00% 0.63%);
	position:absolute;
	width:8000px;
	/* width:100%; */
	height:8060px;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

#content #search-content-wrap .wave{
	background-color:#F3EEB6;
	/* background-color:#f1eebb; */
}

#content .wave .noiseFilter{
	width:8000px;
	height:8000px;
}
  
svg .greenLine{
	fill: none;
	isolation: isolate;
	opacity: .6;
	stroke: #8ec31f;
	stroke-miterlimit: 10;
}

svg .brownLine{
	fill: none;
	isolation: isolate;
	opacity: .3;
	stroke: #9f6a26;
	stroke-miterlimit: 10;
}

.search-result-slider-wrap{
	overflow:hidden;
	padding:0 35px;
	max-height:110px;
}
.search-result-slider-wrap.swiper-wrap .swiper-arrow{
	width:30px;
}
.search-result-slider-wrap.swiper-wrap .swiper-arrow span{
	border-color:var(--dark-green2);
}
.search-result-slider-wrap.swiper-wrap .swiper-prev{
	left:0;
}
.search-result-slider-wrap.swiper-wrap .swiper-next{
	right:0;
}
.search-result-slider-wrap .swiper-container{
	overflow:hidden;
}
.search-result-slider-wrap .swiper-slide:not(.swiper-slide-visible) img{
	opacity:0;
}
.search-result-slider-wrap .swiper-slide-visible img{
	opacity:1;
}
/* .search-result-slider-wrap .swiper-slide{
  width: calc((99.99% - 40px)/5);
} */

#content .related-links-wrap{
	margin-bottom:40px;
}
#content .related-links-wrap .item{
	padding:40px 0 10px 0;
	border-bottom:1px dotted rgba(0, 0, 0, 0.45);
}
#content .related-links-wrap .item:first-child{
	border-top:1px dotted rgba(0, 0, 0, 0.45);
}
#content .related-links-wrap .title{
	color:var(--dark-green2);
	font-family:'Roboto Condensed', "微軟正黑體", "Microsoft JhengHei";
	font-size:1.556em;
	font-weight:700;
	margin-bottom:25px;
}
#content .related-links-wrap ul{
	margin-bottom:0;
}
#content .related-links-wrap ul>li{
	padding-left:55px;
	margin:0 0 30px 0;
}
#content .related-links-wrap ul li::marker{
	content:'';
}
#content .related-links-wrap ul>li:before{
	content:'';
	position:absolute;
	top:-0.3em;
	left:0;
	width:44px;
	height:44px;
	border-radius:50%;
	border:2px solid var(--yellow);
	background-color:var(--dark-green2);
	background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.72%2018.71%22%3E%3Cpath%20fill%3D%22%23fffca6%22%20d%3D%22M8.45%2C11.02c-.19%2C0-.38-.07-.53-.22-1.39-1.39-1.39-3.65%2C0-5.04L12.63%2C1.04c1.39-1.39%2C3.65-1.39%2C5.04%2C0%2C.67.67%2C1.04%2C1.57%2C1.04%2C2.52s-.37%2C1.85-1.04%2C2.52l-3.69%2C3.69c-.29.29-.77.29-1.06%2C0-.29-.29-.29-.77%2C0-1.06l3.69-3.69c.39-.39.6-.91.6-1.46s-.21-1.07-.6-1.46c-.81-.8-2.11-.8-2.92%2C0l-4.72%2C4.72c-.8.8-.8%2C2.11%2C0%2C2.92.29.29.29.77%2C0%2C1.06-.15.15-.34.22-.53.22Z%22%2F%3E%3Cpath%20fill%3D%22%23fffca6%22%20d%3D%22M3.56%2C18.71c-.95%2C0-1.85-.37-2.52-1.04s-1.04-1.57-1.04-2.52.37-1.85%2C1.04-2.52l3.7-3.7c.29-.29.77-.29%2C1.06%2C0s.29.77%2C0%2C1.06l-3.7%2C3.7c-.39.39-.6.91-.6%2C1.46s.21%2C1.07.6%2C1.46c.78.78%2C2.14.78%2C2.92%2C0l4.72-4.72c.39-.39.6-.91.6-1.46s-.21-1.07-.6-1.46c-.29-.29-.29-.77%2C0-1.06s.77-.29%2C1.06%2C0c.67.67%2C1.04%2C1.57%2C1.04%2C2.52s-.37%2C1.85-1.04%2C2.52l-4.72%2C4.72c-.67.67-1.57%2C1.04-2.52%2C1.04Z%22%2F%3E%3C%2Fsvg%3E');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:18px;
}
#content .related-links-wrap ul>li,
#content .related-links-wrap ul>li>a{
	text-decoration:none;
	color:#147C5B;
	font-family:'Roboto Condensed', "微軟正黑體", "Microsoft JhengHei";
	font-weight:500;
}
#content .related-links-wrap ul>li{
	font-size:1.556em;
}
#content .related-links-wrap ul>li>ul{
	margin:30px 0 0 0;
}
#content .related-links-wrap ul>li>ul>li{
	padding-left:40px;
	margin:0 0 20px 0;
}
#content .related-links-wrap ul>li>ul>li:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	border-radius:50%;
	border:1px solid var(--dark-green2);
	background-color:var(--white);
	background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.72%2018.71%22%3E%3Cpath%20fill%3D%22%23003723%22%20d%3D%22M8.45%2C11.02c-.19%2C0-.38-.07-.53-.22-1.39-1.39-1.39-3.65%2C0-5.04L12.63%2C1.04c1.39-1.39%2C3.65-1.39%2C5.04%2C0%2C.67.67%2C1.04%2C1.57%2C1.04%2C2.52s-.37%2C1.85-1.04%2C2.52l-3.69%2C3.69c-.29.29-.77.29-1.06%2C0-.29-.29-.29-.77%2C0-1.06l3.69-3.69c.39-.39.6-.91.6-1.46s-.21-1.07-.6-1.46c-.81-.8-2.11-.8-2.92%2C0l-4.72%2C4.72c-.8.8-.8%2C2.11%2C0%2C2.92.29.29.29.77%2C0%2C1.06-.15.15-.34.22-.53.22Z%22%2F%3E%3Cpath%20fill%3D%22%23003723%22%20d%3D%22M3.56%2C18.71c-.95%2C0-1.85-.37-2.52-1.04s-1.04-1.57-1.04-2.52.37-1.85%2C1.04-2.52l3.7-3.7c.29-.29.77-.29%2C1.06%2C0s.29.77%2C0%2C1.06l-3.7%2C3.7c-.39.39-.6.91-.6%2C1.46s.21%2C1.07.6%2C1.46c.78.78%2C2.14.78%2C2.92%2C0l4.72-4.72c.39-.39.6-.91.6-1.46s-.21-1.07-.6-1.46c-.29-.29-.29-.77%2C0-1.06s.77-.29%2C1.06%2C0c.67.67%2C1.04%2C1.57%2C1.04%2C2.52s-.37%2C1.85-1.04%2C2.52l-4.72%2C4.72c-.67.67-1.57%2C1.04-2.52%2C1.04Z%22%2F%3E%3C%2Fsvg%3E');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:14px;
}
#content .related-links-wrap ul>li>ul>li,
#content .related-links-wrap ul>li>ul>li>a{
	color:var(--primary-blue);
	font-family:'Roboto';
	font-weight:400;
}
#content .related-links-wrap ul>li>ul>li{
	/* font-size:1em; */
	font-size:0.643em;
}
#content .related-links-wrap ul>li>ul>li>a{
	text-decoration:underline;
}

#content .related-links-wrap ul>li>ul>li>a:is(:hover, .focus){
	text-decoration:none;
}


#content .area-logo-wrap{
	display:grid;
	padding:15px;
	margin-bottom:40px;
	gap:15px;
	background-color:#eef9f3;
	grid-template-columns:repeat(4, 1fr);
}
#content .area-logo-wrap .item.area1{
	background-color:#a6c756;
	background-image:url('../images/area-1.png');
}
#content .area-logo-wrap .item.area2{
	background-color:#f6a63d;
	background-image:url('../images/area-2.png');
}
#content .area-logo-wrap .item.area3{
	background-color:#01b2ba;
	background-image:url('../images/area-3.png');
}
#content .area-logo-wrap .item.area4{
	background-color:#f599b2;
	background-image:url('../images/area-4.png');
}
#content .area-logo-wrap .item{
	text-align:left;
	padding:10px 15px;
	background-repeat:no-repeat;
	background-size:60px;
	background-position:right 10px bottom 10px;
}
#content .area-logo-wrap .item .title1{
	font-size:1.111em;
	font-weight:700;
}
#content .area-logo-wrap .item .title2{
	font-size:1.556em;
	font-weight:500;
	margin-bottom:5px;
}

#content #bih-svg-container{
	padding:20px;
	margin-bottom:40px;
	border-radius:20px;
	background-color:#eef9f3;
	width:100%;
	max-width:1600px;
}
#content #bih-svg-container svg{
	display:block;
	border-radius:20px;
}
#content #bih-svg-container .hover-obj{
	cursor:pointer;
}
#content #bih-svg-container svg .bubble-pin{
	opacity:0;
	transform:translateY(20px);
}
#content #bih-svg-container svg .name-pin,
#content #bih-svg-container svg .number-pin{
	opacity:0;
}

#content .img-gallery-wrap,
#content .img-only-gallery-wrap{
	display:grid;
	gap:15px;
	grid-template-columns:repeat(4, 1fr);
	margin-bottom:50px;
}
#content .img-gallery-wrap .item{
	display:flex;
	gap:10px;
}
#content .img-gallery-wrap .item .text{
	font-size:0.889em;
	line-height:1.4;	
}
#content .img-gallery-wrap.horizontal .item .img{
	width:35%;
}
#content .img-gallery-wrap.horizontal .item .text{
	width:65%;
	text-align:left;
}

#content .img-only-gallery-wrap .item .img{
	aspect-ratio:3/2;
	overflow:hidden;
	border-radius:15px;
	background-color:#161614;
	/* background:url('../images/home/bg-index-updates.jpg');
	background-repeat:repeat;
	background-position:0 0; */
}
#content .img-only-gallery-wrap .item .img img{
	width: 100%;
    height: 100%;
	object-fit:contain;
}

.highlight.narrow{
	max-width:1000px;
	margin-left:auto !important;
	margin-right:auto !important;
}
.bg-wrap{
	border-radius:20px;
	background-color:#EEF9F3;
	padding:20px;
	margin-bottom:40px;
}