/* ===== Local Open Sans font files ===== */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

/* ===== Centralized site font settings ===== */
:root {
  --site-body-font-family: "Open Sans", Arial, Helvetica, sans-serif;
  --site-heading-font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

body.chineseVersion,
body.tradition,
body.simplify {
  --site-body-font-family: "Microsoft JhengHei", sans-serif;
  --site-heading-font-family: "Microsoft JhengHei", sans-serif;
}

body.englishVersion {
  --site-body-font-family: "Open Sans", Arial, Helvetica, sans-serif;
  --site-heading-font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
html {
  font-size: var(--font_size_original);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-family: var(--site-body-font-family);
  color: #000;
  background-color: #fff;
}
body.chineseVersion  {
 font-family: var(--site-body-font-family)
}
body.tradition {
  font-family: var(--site-body-font-family)
}
body.simplify {
  font-family: var(--site-body-font-family)
}
html body {
  height: auto;
  font-size: var(--font_size_default);
  overflow-x: hidden;
  overflow-y: scroll;
}
body p {
  margin: 0;
  margin-bottom: var(--theme_space_part);
}
body, body a, body u {
  text-decoration-skip-ink: none;
}
.bodyArea a, .mainArea a {
  color: #215968;
  background-color: transparent;
}
.mainArea a:active, .mainArea a:hover, .mainArea a:focus {
  color: var(--theme_color_deep-brown);
}
.footerArea {
  font-size: var(--font_size_14);
  line-height: 1.6rem;
}
.footerArea a {
  color: var(--font_color_footer_2_link);
}
.footerArea a:hover, .footerArea a:focus {
  color: var(--font_color_footer_2_link_active);
}
label {
  display: inline-block;
}
.caption {
  font-size: var(--font_size_Caption);
}
.img-cap {
  font-size: 7pt;
}
.clear:after {
  content: "";
  display: table;
  clear: both;
}
.msBold {
  font-weight: var(--font_weight_bold);
}
.msItalic {
  font-style: italic;
}
.msCenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.msUnderline {
  text-decoration: underline;
}
.msRight {
  float: right;
  padding: 0 0 1em 1em;
}
.msLeft {
  float: left;
  padding: 0 1em 1em 0;
}
body .msAlignCenter, body .msAlignCenter p {
  text-align: center;
}
body .msAlignLeft, body .msAlignLeft p {
  text-align: left;
}
body .msAlignRight, body .msAlignRight p {
  text-align: right;
}
.msNote {
  font-size: var(--font_size_small);
}
.line-through {
  text-decoration: line-through;
}
.bodyArea {
  background-position: bottom center;
}
.bodyArea .contentArea {
  position: relative;
}
.bodyArea .mainHeading {
  position: relative;
  width: 100%;
  max-width: var(--container_max_width);
  margin: auto;
  height: min(258px, 17.108753315649867374005305039788vw);
}
.bodyArea h1 {
  /*position:relative;
	display:block;
	font-size:var(--font_size_large_25);
    font-weight: var(--font_weight_heading_1);
	z-index:10;*/
}
.bodyArea .mainHeading > div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: min(1053px, 54.84375vw);
  margin: 0;
  font-size: var(--font_size_large_25);
  font-weight: var(--font_weight_heading_1);
  color: var(--theme_color_white_light_1);
  text-align: center;
  background-image: url(../images/background/bg_content_heading.jpg);
  z-index: 10;
}
.bodyArea .mainHeading > div > span {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  padding: var(--theme_distance_small_3) var(--theme_distance_medium_4);
  transform: translate(-50%, -50%);
}
.bodyArea .mainHeading > div > span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width: 75px;
  height: 5px;
  background-color: var(--theme_color_white_light_1);
  transform: translate(0, -50%);
}
.bodyArea .mainHeading > div > span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 75px;
  height: 5px;
  background-color: var(--theme_color_white_light_1);
  transform: translate(0, -50%);
}
.bodyArea h1 {
  margin: 0 0 30px 0;
  font-size: var(--font_size_36);
  font-weight: var(--font_weight_bold);
  color: #0b2e59;
}
.bodyArea h1 a {
  color: var(--theme_color_red_deep_2);
}
.bodyArea .mainContent {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}
.indexVersion .bodyArea .mainContent {
  padding-bottom: 0;
}
.bodyArea .mainContent.empty {
  padding: 0;
}
.mainArea {
  font-size: var(--font_size_default);
  color: var(--font_color_default);
}
.englishVersion p, .englishVersion .mainArea p, .englishVersion .mainContent p {
  line-height: 1.4em;
}
.mainArea p {
  margin: 0;
  margin-bottom: var(--theme_space_part);
  color: var(--font_color_paragraph);
}
.mainArea p:nth-last-child(1) {
  margin-bottom: 0;
}
.mainArea p.title {
  font-weight: 1000;
}
.mainArea p.msAlignCenter {
  text-align: center;
}
.mainArea p.msAlignLeft {
  text-align: left;
}
.mainArea p.msAlignRight {
  text-align: right;
}
.mainArea .red {
  color: var(--theme_color_red_deep_3);
}
.mainArea ul, .mainArea ol {
  margin-bottom: 1.4em;
  padding-left: 1.5em;
}
.mainArea ul > li, .mainArea ol > li {
  /*line-height:1.875em;*/
  padding-top: 5px;
  padding-bottom: 5px;
}
ul.wMargin > li, ol.wMargin > li {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mainArea ul.upper-roman > li, .mainArea ol.upper-roman > li {
  list-style-type: upper-roman;
}
/*=========header=========*/
body #wrap {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
body #wrap:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: var(--bgi_body_1_1), var(--bgi_body_1_2), var(--font_color_theme_linear_1);
  background-position: top center, top center, top center;
}
body #wrap .container {
  clear: both;
}
body.indexVersion #header:after {
  display: none;
}
.mainbanner {
  position: relative;
  height: 219px;
  overflow: hidden;
}
.mainbanner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/banner/img_top_banner.jpg);
  background-position: center bottom;
  background-size: 1920px auto;
  z-index: 10;
}
.indexVersion .mainbanner {
  display: none;
} /*
.section1 .mainbanner:before{background-image:url(../images/headerBanner/bg_headerBanner1.jpg);}
.section2 .mainbanner:before{background-image:url(../images/headerBanner/bg_headerBanner2.jpg);}
.section3 .mainbanner:before{background-image:url(../images/headerBanner/bg_headerBanner3.jpg);}
.section4 .mainbanner:before{background-image:url(../images/headerBanner/bg_headerBanner4.jpg);}
.section5 .mainbanner:before{background-image:url(../images/headerBanner/bg_headerBanner5.jpg);}
.section6 .mainbanner:before{background-image:url(../images/headerBanner/bg_headerBanner6.jpg);}
.section7 .mainbanner:before{background-image:url(../images/headerBanner/bg_headerBanner7.jpg);}
.section8 .mainbanner:before{background-image:url(../images/headerBanner/bg_headerBanner8.jpg);}
.section9 .mainbanner:before{background-image:url(../images/headerBanner/bg_headerBanner9.jpg);}
.mainbanner .border{
	position: relative;
	padding-left: 60px;
	padding-top: 50px;
	z-index: 20;
}
.mainbanner .border:before{
	content: "";
	position: absolute;
	top:0;
	right:0;
	width:452px;
	height:257px;
	z-index: 10;
}
.section1  .mainbanner .border:before{
	content: "";
	position: absolute;
	top:0;
	right:0;
    width:578px;
	height:257px;
	background-image:url(../images/headerBanner/img_headerBanner_visual1_dodo.png);
	z-index: 10;
}
.section2 .mainbanner .border:before{background-image:url(../images/headerBanner/img_headerBanner_visual2.png);}
.section3 .mainbanner .border:before{background-image:url(../images/headerBanner/img_headerBanner_visual3.png);}
.section4 .mainbanner .border:before{background-image:url(../images/headerBanner/img_headerBanner_visual4.png);}
.section5 .mainbanner .border:before{background-image:url(../images/headerBanner/img_headerBanner_visual5.png);}
.section6 .mainbanner .border:before{background-image:url(../images/headerBanner/img_headerBanner_visual6.png);}
.section7 .mainbanner .border:before{background-image:url(../images/headerBanner/img_headerBanner_visual7.png);}
.section8 .mainbanner .border:before{background-image:url(../images/headerBanner/img_headerBanner_visual8.png);}
.section9 .mainbanner .border:before{background-image:url(../images/headerBanner/img_headerBanner_visual9.png);}*/
.bodyArea {
  transition: var(--transition-slow);
} /*
.content_bg{
    display: block;
    width: auto;
    height: auto;
    position: relative;
	padding-top:min(220px, 11.458333333333333333333333333333vw);
	overflow: hidden;
    z-index: 5;
}
.content_bg:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:var(--bgi_cont_top_w);
	height:var(--bgi_cont_top_h);
	background-image:var(--bgi_cont_top_default);
	z-index:10;
}*/
.section1 .content_bg:before {
  background-image: var(--bgi_cont_top_s1);
}
.section2 .content_bg:before {
  background-image: var(--bgi_cont_top_s2);
}
.section3 .content_bg:before {
  background-image: var(--bgi_cont_top_s3);
}
.section4 .content_bg:before {
  background-image: var(--bgi_cont_top_s4);
}
.section5 .content_bg:before {
  background-image: var(--bgi_cont_top_s5);
}
.section6 .content_bg:before {
  background-image: var(--bgi_cont_top_s6);
}
.section7 .content_bg:before {
  background-image: var(--bgi_cont_top_s7);
}
.section8 .content_bg:before {
  background-image: var(--bgi_cont_top_s8);
}
.indexVersion .content_bg {
  padding-top: 0;
  padding-bottom: 0;
  background-image: none;
}
.indexVersion .content_bg:before {
  display: none;
}
.content_bg > .container {
  position: relative;
  z-index: 10;
}
.headerArea {
  background-repeat: no-repeat;
}
.headerArea1 {
  position: relative;
  color: #fff;
  background-color: #5FCBEB;
  background-image: linear-gradient(90deg, rgba(95, 203, 235, 1) 0%, rgba(119, 203, 192, 1) 51%, rgba(137, 203, 148, 1) 100%);
  background-repeat: repeat-y;
  background-size: 100% auto;
  z-index: 4010;
}
.headerTop {
  margin-left: auto;
  padding: 0;
}
.mainbanner .flex-pauseplay {
  z-index: 7000;
  position: static;
}
.headerArea ul {
  margin: 0;
  padding: 0;
}
.headerArea .headerTool {
  margin-right: auto;
  margin-left: auto;
}
.headerArea .headerTool .langTool {
  display: inline-block;
}
.headerArea .headerTool .langTool li span {
  margin: 0;
}
.headerArea .headerTool2 {
  width: 100%;
}
.headerArea .headerMenu a {
  display: block;
  -webkit-transition: var(--transition-fast);
  -ms-transition: var(--transition-fast);
  transition: var(--transition-fast);
}
.headerArea .headerMenu a, .headerArea .headerMenu a:link, .headerArea .headerMenu a:visited, .headerArea .headerMenu a:hover, .headerArea .headerMenu a:focus .headerArea .headerMenu a:active { /*
	color: var(--font_color_dark);
	background-color:transparent;*/
} /*
.headerArea .headerMenu .extmenu{
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.headerArea .headerMenu .extmenu{
	opacity: 1;
}
.headerArea .headerMenu .extmenu>*{
	display: none;
}
.headerArea .headerMenu .extmenu>*{
	display: block;
}*/
.headerArea .headerMenu .extmenu {
  position: absolute;
  top: 100%;
  left: auto;
  right: 100vw;
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--theme_color_white_light_3);
  box-shadow: var(--theme_shadow_blue);
  opacity: 0;
  min-width: 370px;
  transform: translate(0, 10px);
  -wekit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: var(--layer_level_behind);
}
.headerArea .headerMenu .menu_items > li:hover > .extmenu, .headerArea .headerMenu .my_menu:hover > .extmenu, .headerArea .headerMenu .my_menu > a:hover + .extmenu, .headerArea .headerMenu .my_menu > a:focus + .extmenu, .headerArea .headerMenu .my_menu.activeUl > .extmenu, .headerArea .headerMenu .activeUl > .extmenu {
  /*     left: 2rem; */
  right: auto;
  opacity: 1;
  transform: translate(0, 0);
  z-index: var(--layer_level_front);
}
.headerArea .headerMenu .extmenu .extmenu {
  position: absolute;
  left: auto;
  top: 0;
  width: 100%;
}
.headerArea .headerMenu .my_menu:hover .extmenu .extmenu, .headerArea .headerMenu .my_menu > a:hover + .extmenu .extmenu, .headerArea .headerMenu .my_menu > a:focus + .extmenu .extmenu, .headerArea .headerMenu .my_menu.activeUl > .extmenu .extmenu, .headerArea .headerMenu .activeUl > .extmenu .extmenu {
  left: 100%;
  right: auto;
}
.headerArea .headerMenu .my_menu.rightjustify:hover .extmenu, .headerArea .headerMenu .my_menu.rightjustify > a:hover + .extmenu, .headerArea .headerMenu .my_menu.rightjustify > a:focus + .extmenu, .headerArea .headerMenu .my_menu.rightjustify.activeUl > .extmenu, .headerArea .headerMenu .rightjustify.activeUl > .extmenu {
  left: auto;
  right: 0;
}
.headerArea .headerMenu ul.menuLv0 > li.use_right_position:hover > .extmenu, .headerArea .headerMenu ul.menuLv0 > li.use_right_position > a:hover + .extmenu, .headerArea .headerMenu ul.menuLv0 > li.use_right_position > a:focus + .extmenu, .headerArea .headerMenu ul.menuLv0 > li.use_right_position.activeUl > .extmenu {
  left: auto;
  right: 0;
}
.headerArea .headerMenu ul.menuLv0 > li.use_right_position:hover > .extmenu .extmenu, .headerArea .headerMenu ul.menuLv0 > li.use_right_position > a:hover + .extmenu .extmenu, .headerArea .headerMenu ul.menuLv0 > li.use_right_position > a:focus + .extmenu .extmenu, .headerArea .headerMenu ul.menuLv0 > li.use_right_position.activeUl > .extmenu .extmenu {
  left: -100%;
}
.headerArea .headerMenu .hm:nth-last-child(-n+4) .menuLv1 {
  direction: rtl;
}
.headerArea .headerMenu .hm:nth-last-child(-n+4) .menuLv1 > li > * {
  direction: ltr;
}
.headerArea .headerMenu .hm:nth-last-child(-n+4) .extmenu .extmenu {
  left: -100%;
}
.headerArea .headerMenu .extmenu .menuLv1 > li:nth-child(n+5) .extmenu {
  transform: translate(0, -50%);
}
.headerArea .headerMenu .hm11 .extmenu .menuLv1 > li:nth-child(7) .extmenu {
  transform: translate(0, 0);
}
.headerArea .headerMenu .extmenu .mob_bak {
  display: none;
}
.headerArea .headerMenu .extmenu a, .headerArea .headerMenu .extmenu a:link, .headerArea .headerMenu .extmenu a:visited, .headerArea .headerMenu .extmenu a:hover, .headerArea .headerMenu .extmenu a:focus, .headerArea .headerMenu .extmenu a:active { /*
	white-space: nowrap;
	color:rgba(0, 0, 0, .9);
	padding:16px 20px;*/
}
/* .headerArea .headerMenu .hm7  .extmenu .extmenu {
	left: auto!important;
    right: 100%!important;
} */
.headerArea .headerTool ul.menuLv0 > li > a:focus, .headerArea .headerTool ul.menuLv0 > li > a:hover {
  text-decoration: none;
}
.headerArea .headerTool ul.menuLv0 > li > a > span {
  position: relative;
}
.headerArea .headerTool ul.menuLv0 > li > a > span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background-color: #0b2e59;
  transition: var(--transition-normal);
}
.headerArea .headerTool ul.menuLv0 > li > a:focus > span:after, .headerArea .headerTool ul.menuLv0 > li > a:hover > span:after {
  width: 100%;
}
.headerTool div.brandhk > * {
  padding: 0;
}
.clientTool > div.languageTool li.fst:before {
  content: "";
  display: none;
}
.headerArea .headerTool .languageBtn:not(.active) .close {
  display: none;
}
.headerArea .headerTool .searchBar { /*
  margin-top: 50px;
  margin-bottom: 40px;*/
}
.headerArea .headerTool .searchTool .overflowArea a {
  padding: 0;
  color: #000;
  background-color: transparent;
}
.headerArea .headerTool .searchTool .inputArea {
  position: relative;
}
.headerTool .bs-example-js-navbar-search input[type="text"] {
  background-color: #fff;
}
.headerArea .headerTool .searchTool .searchMenu a {
  display: block; /*
	padding: 6px;*/
}
.headerArea .headerTool .searchTool:not(.active) .searchMenu .close {
  display: none;
}
.headerArea .headerTool .searchTool.active .searchMenu .open {
  display: none;
}
.headerArea .headerTool .searchTool .icontool {
  display: none;
}
.headerArea .headerTool .searchTool.mob .overflowArea {
  display: none;
}
.headerArea .headerTool .searchTool.mob .overflowArea {
  position: relative;
  top: auto;
  right: auto;
  padding-left: 0;
  padding-right: 0;
}
.headerArea .headerTool .searchTool.mob .inputArea {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerTool .searchTool.mob .searchBtn .a_tool:before {
  width: 25px;
  height: 25px;
  filter: var(--filter-color_dark);
}
.headerArea .headerTool .searchTool .inputArea {
  /*border-bottom: 1px solid var(--theme_color_white_light_1);*/
}
.headerArea .headerTool .searchTool .inputArea input {
  padding: 4.5px;
  border: 0;
  /*
  flex: 1 1 auto;*/
}
.headerArea .headerTool .searchTool .inputArea input::placeholder {
  color: var(--theme_color_white_light_7);
  opacity: 1;
  /* Firefox */
}
.headerArea .headerTool .searchTool .inputArea input::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: var(--theme_color_white_light_7);
}
.headerTool div.AStyleArea {
  position: relative;
  padding: 0;
}
.headerArea ul {
  list-style-type: none;
}
.clientTool ul li {
  margin-left: 0;
  margin-right: 0;
}
.headerTool .languageTool .langBtn {
  /*display:none;*/
}
.headerTool .print a {
  display: block;
}
.headerTool .print a:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-image: var(--bgicon_s1_2);
}
.headerTool .AStyleArea, .headerTool .searchTool {
  position: relative;
}
.headerTool .languageBtn > a .open, .headerTool .languageBtn > a .close {
  position: relative;
  height: 100%;
  width: 100%;
}
.headerTool .searchTool .searchMenu a .open, .headerTool .searchTool .searchMenu a .close {
  position: relative;
  height: 100%;
  width: 100%;
}
.headerTool .searchTool .searchMenu a .close { /*
	background-color: #544a53;*/
}
.headerTool .searchTool .searchMenu a .close:before {
  /*content: "";
    display: block;*/
  /*position: absolute;*/
  /*top:50%;
	left:50%;*/
  /*width: var(--icon_img_size_header_size);
    height: var(--icon_img_size_header_size);*/
  /*background-color:var(--theme_color_white_light_1);*/
  /*background-image: var(--theme_icon_close);*/
  /*-webkit-transform: var(--transform-toCenterMiddle);
	-ms-transform: var(--transform-toCenterMiddle);
	transform: var(--transform-toCenterMiddle);*/
  /*filter: var(--filter-color_deep_to_light);*/
}
.headerTool .searchBtn {
  display: block;
}
.headerTool .searchBtn .a_tool {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: #097836;
  /*position: relative;
  padding: 12px;
  padding-right: 24px;
  font-size: var(--font_size_Paragraph_small);
  font-weight: var(--font_weight_extrabold);
  text-transform: uppercase;
  line-height: normal;*/
}
.headerTool .searchBtn .a_tool:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  background-image: var(--icon_search_header);
  background-size: auto auto;
  -webkit-transform: var(--transform-toCenterMiddle);
  -ms-transform: var(--transform-toCenterMiddle);
  transform: var(--transform-toCenterMiddle);
  /*
	content: "";
	display: block;
    width: var(--icon_img_size_header_size);
    height: var(--icon_img_size_header_size);
	background-image: var(--theme_icon_search);*/
}
.headerTool .searchBtn .a_tool:after {
  /*content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: var(--theme_icon_search_arrow);
  background-size: auto auto;
  transform: translate(0, -50%);*/
}
.headerArea form img {
  z-index: 4200;
  position: relative;
  width: 18px;
}
.headerArea .clientTool > ul > li > div > * {
  padding: 4px 12px;
}
.clientTool li * {
  display: inline;
  vertical-align: bottom;
}
.mobileClient {
  display: none;
}
.logIOTool a {
  background: #eee;
}
.headerArea, .headerArea a {
  color: var(--theme_color_headerArea);
}
.headerArea .hNav1 {
  --theme_color_headerArea: #222;
}
.headerArea .hNav2 {
  --theme_color_headerArea: #333;
}
.headerArea li, .headerArea a {
  margin: 0 0px;
  padding: 0;
  float: none;
}
.myheaderTool .clientTool > div.languageTool {
  padding: 0;
}
.myheaderTool .clientTool .languageTool *[lang="en"] {
  font-family: var(--site-body-font-family);
}
.myheaderTool .clientTool .languageTool *[lang="zh-hk"] {
font-family: var(--site-body-font-family)
}
.myheaderTool .clientTool .languageTool *[lang="zh-cn"] {
font-family: var(--site-body-font-family)
}
.headerArea .languageTool li {
  position: relative;
}
.headerArea .languageTool li a {
  position: relative; /*
  font-size: var(--font_size_14);*/
}
.headerArea .languageTool li span[lang="en"] a {
  padding-top: 0.1em;
}
.headerArea .languageTool li span:not([lang="en"]) a {
  /*padding-bottom: 0.2em;*/
}
.headerArea .headerMenu a {
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.headerArea a:hover, .headerArea a:focus {
  text-decoration: underline;
}
.headerArea .langTool {
  margin-top: 6px;
}
.headerArea .bottomHeaderTool .contactus img {
  vertical-align: initial;
  margin: 0 5px;
}
.headerArea .bottomHeaderTool .searchTool {
  margin-left: 3px;
  margin-top: -2px;
}
.headerArea .hrbTool img {
  margin-left: 10px;
}
.myheaderTool > div.clfSeachBar {
  float: none;
  position: absolute;
  top: 30px;
  right: 20px;
}
.headerArea .searchTool .hrbTool a {
  color: #3e5259;
  padding: 0 5px;
  font-weight: bold;
  font-size: 12px;
}
.headerArea .searchTool .hrbTool a:hover, .headerArea .searchTool .hrbTool a:focus {
  color: #cc3333;
  text-decoration: none;
}
.headerArea .aaaTool {
  margin-right: 5px;
}
.headerArea ul.aaaTool {
  padding-right: 0px;
  padding-left: 0px;
}
.headerArea .bottomHeaderTool .searchTool .searchBtn img {
  margin-left: 5px;
}
.headerArea .headerTool .headerMenu {
  position: relative;
  margin-right: -10px;
  text-align: left;
  z-index: var(--layer_level_head_menu);
}
.mob_bak {
  display: none;
}
.headerMenu .mob_bak {
  display: block;
}
.headerMenu {
  padding: 0;
}
.headerMenu .hm.hm0 {
  display: none;
}
.headerArea .headerTool .headerMenu > ul {
  margin-top: 0;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; /*
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 46px;
}
.headerMenu .mobExt, .footerMenu .mobExt {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.headerMenu .mobExt a, .footerMenu .mobExt a {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.headerMenu .mobExt a:before, .footerMenu .mobExt a:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: var(--theme_icon_arrow_mob);
}
.headerMenu ul.menuLv0 > li > a.active_section + .mobExt a:before, .headerMenu ul.menuLv0 > li > a.activeSection + .mobExt a:before {
  /*filter:var(--filter-color_deep_to_light);*/
}
.headerMenu ul.menuLv0 > li {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  border-collapse: collapse;
  list-style-type: none;
}
.headerMenu ul.menuLv0 > li > a {
  position: relative;
  padding: var(--theme_distance_2) var(--theme_distance_6);
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  color: var(--font_color_header_menu);
}
.headerMenu .hm:not(:nth-child(1)):not(:nth-child(2)) ul.menuLv0 > li > a:before {
  /*content: "";
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--font_color_header_menu);*/
}
.headerMenu ul.menuLv0 > li > a:focus, .headerMenu ul.menuLv0 > li > a:hover {
  color: var(--theme_color_blue-green);
  /*text-decoration:none;*/
}
.headerMenu .hm:not(:nth-last-child(1)) ul.menuLv0 > li > a:after {
  /*content:"";
	position:absolute;
	top:var(--padding_header_v);
	bottom:var(--padding_header_v);
	right:0;
	width:1px;
	background-color: var(--border_color_header);*/
}
.headerMenu ul.menuLv0 > li > a > span {
  position: relative;
}
.headerMenu ul.menuLv0 > li > a > span:after { /*
	content:"";
	position: absolute;
	left:0;
	bottom:-8px;
	right:0;
	height:2px;
	background-color:var(--border_color_header);
	overflow: hidden;
	transform: var(--transform-scale-h-begin);
	-webkit-transition: var(--transition-normal);
	-ms-transition: var(--transition-normal);
	transition: var(--transition-normal);
	opacity: 0;*/
}
.headerMenu ul.menuLv0 > li > a:focus > span:after, .headerMenu ul.menuLv0 > li > a:hover > span:after, .headerMenu ul.menuLv0 > li > a.active_section > span:after, .headerMenu ul.menuLv0 > li > a.activeSection > span:after { /*
	transform: var(--transform-scale-h-end);
	opacity: 1;*/
}
.headerMenu ul.menuLv0 > li > a.active_section, .headerMenu ul.menuLv0 > li > a.activeSection {
  color: #097836;
}
.headerMenu ul.menuLv0 > li > a.active_section > span:after, .headerMenu ul.menuLv0 > li > a.activeSection > span:after { /*
	background-color: var(--bg_color_header);
	transform: var(--transform-scale-h-end);
	opacity: 1;*/
}
.headerMenu ul.menuLv1 {
  max-width: var(--container_max_width);
  max-height: calc(100vh - 200px);
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.headerMenu ul.menuLv1 > li, .headerMenu ul.menuLv1 li {
  position: relative;
  width: 100%;
}
.headerMenu ul.menuLv1 > li > a, .headerMenu ul.menuLv1 li > a {
  position: relative;
  font-size: var(--font_size_header_lv1);
  font-weight: var(--font_weight_header_lv1);
  color: var(--font_color_header_lv1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 2rem;
  background-color: var(--bg_color_header_lv1);
}
.headerMenu ul.menuLv1 a.excLi:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.3rem;
  width: 0.6rem;
  height: 0.6rem;
  vertical-align: middle;
  border: 2px solid var(--theme_color_dark_deep_4);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg) translateY(-50%);
}
.headerMenu ul.menuLv1 .deadend .extmenu, .headerMenu ul.menuLv1 .deadend a.excLi:after {
  display: none;
}
.headerMenu ul.menuLv1 > li:not(:nth-last-child(1)) > a, .headerMenu ul.menuLv1 li:not(:nth-last-child(1)) > a {
  border-bottom: 1px solid var(--theme_color_dark_light_5);
}
.headerMenu ul.menuLv1 > li > a:focus, .headerMenu ul.menuLv1 > li > a:hover, .headerMenu ul.menuLv1 li > a:focus, .headerMenu ul.menuLv1 li > a:hover {
  background-color: #a8e9f3;
}
.headerMenu ul.menuLv1 > li > a > span, .headerMenu ul.menuLv1 > li > a > span, .headerMenu ul.menuLv1 li > a > span, .headerMenu ul.menuLv1 li > a > span {
  display: block;
  transition: var(--transition-normal);
}
.headerMenu ul.menuLv1 > li > a:focus > span, .headerMenu ul.menuLv1 > li > a:hover > span, .headerMenu ul.menuLv1 li > a:focus > span, .headerMenu ul.menuLv1 li > a:hover > span {
  padding-left: 6px;
  background-color: #a8e9f3;
}
#mainContentSkip {
  float: left;
}
.headerNav.hNav1 {
  padding-top: var(--theme_distance_3);
  padding-bottom: var(--theme_distance_2);
}
.headerNav.hNav2 {
  position: relative;
} /*
.headerNav.hNav2:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  width: 100vw;
  background-color: #0D73AE;
  z-index: -1;
}
.headerNav.hNav2:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  background-color: #00AEA6;
  z-index: -1;
}*/
.headerNav.hNav2 a {
  display: block;
  position: relative;
  padding: var(--theme_distance_3) var(--theme_distance_4);
  /*color: #fff;*/
}
.headerNav.hNav2 a:before, .headerNav.hNav2 a:after {
  /*content: '';
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background-color: #fff;*/
}
.headerNav.hNav2 a:after {
  left: auto;
  right: 0;
}
.headerNav.hNav2 li:nth-child(1) > a:before {
  display: none;
}
.headerNav.hNav2 li:nth-last-child(1) > a:after {
  display: none;
}
.headerTool .myLogo {
  /*padding-top: var(--theme_distance_4);
  padding-bottom: var(--theme_distance_4);*/
}
.headerTool .myLogo > div {
  position: relative;
  /*padding-left: var(--theme_distance_medium_5);
  padding-right: var(--theme_distance_medium_5);*/
}
.headerTool .myLogo > div:not(:nth-last-child(1)):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background-color: var(--theme_color_dark_light_5);
}
.headerTool .myLogo .logo_0 {
  display: block;
  max-width: 100%;
}
.headerTool .myLogo .logo_0 a {
  display: block;
  text-decoration: none;
}
.headerTool .myLogo .logo_0 .ltxt {
  display: none
}
.headerTool .myLogo .logo_0 img {
  text-align: left;
}
.headerTool .myLogo .logo_0 span > span {
  font-weight: bold;
}
.headerTool .myLogo .logo_0 .limg img {
  width: 480px;
  max-width: min(480px, 100%);
  /*max-width:336px;*/
}
.headerTool .myLogo .logo_2 a .myflex > *:not(:nth-last-child(1)) {
  margin-right: 20px;
}
.headerTool .myLogo .logo_2 a .myflex > *:nth-child(1) img {
  width: 70px;
}
.headerTool .AStyleArea a {
  vertical-align: baseline;
}
/*=========footer=========*/
.footerArea .header {
  color: #ffff00;
  margin-bottom: 26px;
  font-size: 1.2em;
}
.footerMenu .fm0 ul.menuLv0 > li.firstLi {
  display: none;
}
.footerMenu ul, .footerMenu ul li {
  padding: 0;
}
.footerMenu ul.menuLv1 {
  list-style-type: none;
  padding-left: 0;
}
.footerMenu ul.menuLv2 {
  list-style-type: none;
}
.footerMenu ul.menuLv2 > li > a {
  --theme_active_url_state: none;
  position: relative;
  padding: 3px var(--padding_footer_1_link_h);
  padding-left: 25px;
  line-height: 1rem;
  text-decoration: none;
}
.footerMenu ul.menuLv2 > li > a:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.25);
}
.footerMenu ul.menuLv2 > li > a > span {
  position: relative;
}
.footerMenu ul.menuLv2 > li > a > span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
  transition: var(--transition-normal);
}
.footerMenu ul.menuLv2 > li > a:focus > span:after, .footerMenu ul.menuLv2 > li > a:hover > span:after {
  width: 100%;
}
.footerMenu ul.menuLv3 {
  list-style-type: none;
}
.footerMenu ul.menuLv3 li {
  position: relative;
}
.footerMenu ul.menuLv3 li:before {
  content: "";
  position: absolute;
  left: -20px;
  top: calc(14px + var(--padding_footer_1_link_h));
  width: 7px;
  height: 2px;
  background-color: #000;
}
.footerMenu .icon.iLin {
  position: relative;
}
.footerMenu .icon.iLin:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: var(--theme_icon_local_li);
}
.indexVersion .footerMenu .bMenu {
  display: block;
}
.footerArea {
  position: relative;
  padding: 0;
  max-width: 100%;
  /*background-color: var(--bg_color_footer_1);*/
}
.footerArea .container {
  z-index: 1000;
}
.footerArea0 {
  padding-top: var(--theme_distance_16);
  padding-bottom: var(--theme_distance_16);
}
.footerArea1 {
  position: relative;
  padding-top: var(--theme_distance_8);
  padding-bottom: var(--theme_distance_8);
  background-color: #151c21;
  color: #fff;
}
.footerArea1 .footerRow { /*
	padding:var(--padding_footer_1_row_v) 0;*/
}
.footerArea1 .sitemap_btn {
  text-align: center;
  z-index: 60;
}
.footerArea1 .sitemap_btn a {
  position: relative;
  display: block;
  padding: var(--theme_distance_small_2) var(--theme_distance_medium_4);
  font-size: var(--font_size_26);
  color: #fff;
}
.footerArea1 .sitemap_btn a:after {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  margin-left: var(--theme_distance_6);
  border: 2px solid #2e6ab0;
  border-bottom: none;
  border-left: none;
  transform: rotate(135deg) translate(25%, 0%);
  transform-origin: 75% 25%;
  transition: var(--transition-normal);
}
.footerArea1.active_footerMenu .sitemap_btn a:after {
  transform: rotate(-45deg) translate(-25%, -25%);
}
.footerArea1 .footerMenuArea {
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  transition: var(--transition-normal);
}
.footerArea1.active_footerMenu .footerMenuArea {
  padding-top: var(--theme_distance_8);
  padding-bottom: var(--theme_distance_8);
  opacity: 1;
}
.footerArea1 .footerMenuArea > * {
  display: none;
}
.footerArea1.active_footerMenu .footerMenuArea > * {
  display: block;
}
.footerArea1 .title {
  font-size: var(--font_size_large_12);
  font-weight: var(--font_weight_medium);
  color: var(--font_color_footer_1_title);
}
.footerArea1 a {
  color: #fff;
}
.footerArea1 a:focus, .footerArea1 a:hover {
  color: #fff;
}
.footerArea1 .myflex .footerContact {
  width: 600px;
  max-width: 100%;
  padding-right: 2vw;
  position: relative;
}
.footerContact .logo {
  padding: 17px 0;
}
.footerArea1 .footerContact > .border {
  padding: var(--theme_distance_medium_5) 0;
  font-size: var(--font_size_footer_1_title);
}
.footerArea1 .footerContact > .border > div:not(:nth-last-child(1)) {
  padding-bottom: 40px;
}
.footerArea1 .footerContact .detail > div {
  padding: 0;
}
.footerArea1 .footerContact .detail:nth-child(2) > div > div:not(:nth-last-child(1)) {
  padding-bottom: 24px;
}
.footerArea1 .footerContact .detail .cont {
  line-height: var(--line_height_great);
}
.footerArea1 .footerContact .detail .icon {
  position: relative;
  padding-left: 35px;
  padding-right: var(--theme_distance_medium_5);
}
.footerArea1 .footerContact .detail .icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: .2em;
  width: 24px;
  height: 24px;
  background-size: auto auto;
}
.footerArea1 .footerContact .detail .icon.tel:before {
  background-image: var(--icon_phone_contact);
}
.footerArea1 .footerContact .detail .icon.mail:before {
  background-image: var(--icon_email_contact);
}
.footerArea1 .footerContact .detail .icon.fax:before {
  background-image: var(--theme_icon_fax_contact);
}
.footerArea1 .footerContact .detail .icon.loc:before {
  background-image: var(--icon_location_contact);
} /*
.footerArea1 .footerContact .detail .icon.youtube:before{background-image:url(../images/icon/icon_contact_youtube.svg);}*/
.footerArea1 .footerContact .footerFollow ul {
  padding-left: 0;
}
.footerArea1 .footerContact .footerFollow li {
  list-style-type: none;
  display: inline-block;
  padding: 0 10px;
}
.footerArea1 .footerContact .footerFollow li:nth-child(1) {
  padding-left: 0;
}
.footerArea1 .footerContact .footerFollow li:last-child {
  padding-right: 0;
}
.footerArea2 {
  background-color: #283e4a;
  color: #fff;
  padding: 0;
  padding-top: var(--theme_distance_8);
  padding-bottom: var(--theme_distance_8);
  line-height: 1rem;
}
.footerArea2 a {
  color: #fff;
}
.footerArea2 a:focus, .footerArea2 a:hover {
  color: #fff;
}
.footerArea2 .footerRow { /*
	padding:20px 0;
	line-height: 1.875em;*/
  margin: 0;
  padding: 0;
}
.footerArea2 .footerLogo {
  width: 330px;
  max-width: 100%;
}
.footerArea2 .footerLogo a {
  display: block;
}
.footerArea1 .fTool li a {
  color: #004F80;
}
.footerArea3 {
  padding-top: var(--theme_distance_16);
  padding-bottom: var(--theme_distance_16);
  color: #fff;
  background-color: #35434d;
  display: none
}
.footerInline > * {
  display: inline-block;
}
.shareFooter {
  margin: 25px 0 15px 0;
  text-align: center;
}
.shareFooter a {
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  font-weight: bold;
}
.footerArea .footerTop {
  position: relative;
}
.footerArea .footerTop .mylogo {
  position: absolute;
  left: 0;
  top: 10px;
}
.footerArea .footerBottom {
  margin-top: 30px;
}
.footerArea .footerMenu .footerMenuParent {
  padding: 0;
  margin: 0 calc(-1 * var(--theme_distance_invw_m2));
  position: relative;
}
body.ieVersion .footerArea .footerMenu .footerMenuParent {
  padding: 20px 10px;
}
body.ieVersion.chineseVersion .footerArea .footerMenu .footerMenuParent {
  padding: 29px 10px;
}
.footerArea .footerMenu:after {
  /*	content: '';
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	height: 2px;*/
}
.footerArea .footerMenu {
  /*	background-color:#e5faf5;*/
}
.footerArea .footerMenu .footerMenuParent { /*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
}
.footerArea .footerMenu .footerMenuParent > div {
  min-width: min(320px, 90vw);
  max-width: min(435px, 100vw);
  padding-left: var(--theme_distance_invw_m2);
  padding-right: var(--theme_distance_invw_m2);
} /*
.footerArea .fm1 .fMenu>li:nth-child(1) {
	background-color: #1c8d3d;
}
.footerArea .fm2 .fMenu>li:nth-child(1) {
	background-color: #096fb9;
}*/
.footerArea .footerMenu .myText .hdOnly {
  display: none;
}
.footerMenu ul ul ul { /*
	display: none;*/
}
.footerArea .myFooterBg {
  position: absolute;
  left: 0;
  right: 0;
  background: #012056;
  bottom: 0;
  z-index: 1;
}
.footerMenu ul.menuLv0 > li.firstLi {
  /*	display: none;/*	float: left;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 35px;
	padding-left: 30px;
	display: none;*/
}
.footerMenu ul.menuLv0 > li.my_menu1 {
  /*	float: left;
	width: 13%;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 35px;
	padding-left: 6%;*/
}
.footerMenu .fm0 .extmenu { /*
	display:none;*/
}
/*.footerMenu ul.menuLv0>li.my_menu2 {
	width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu3 {
	width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu4 {
	width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu5 {
	width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu6 {
	width: 13%;
}*/ /*
.footerArea .footerMenu .bMenu>li {
	float: left;

	list-style-type: none;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 35px;
}
.footerArea .footerMenu .bMenu>li.my_menu18 {
	float: left;
	width: 240px;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 35px;
}*/
/*.footerArea .footerMenu .bMenu>li a{
	margin-bottom: 5px;
}

.footerArea .footerMenu .bMenu>li li{
	float: left;
	margin: 8px 25px 8px 25px;
	width: 200px;
	max-width: 100%;
}
.footerMenu .bMenu {
	font-size: 1em;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}*/
.footerMenu .shortList {
  max-width: 120px;
}
.footerMenu .longList > ul {
  float: left;
}
.footerMenu .longList .firstUl {
  margin-left: 0;
}
.footerMenu .longList ul {
  margin-left: 20px;
}
.footerArea ul.fMenu {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.footerArea ul.fMenu, .footerArea .copyRight, .footerArea .copyrightBar {
  /*text-align:center;
    display: inline;*/
}
.footerArea ul.fMenu {
  /*margin:2px 0;
    display: inline-block;
	float: right;
	max-width:38%;*/
}
.footerArea div.info ul.fMenu {
  /*	max-width: 50%;*/
  margin: 0px;
  padding: 0px;
  display: block;
}
.footerArea .footerBold {
  font-size: 1.1em;
  font-weight: bold;
}
.footerArea .govLogo {
  margin-bottom: 10px;
}
.footerArea .govLogo > div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.footerArea .copytool1 > * {
  /*padding: var(--theme_distance_small_3) var(--theme_distance_medium_4);*/
  padding: 0;
}
.footerArea .copytool1 a {
  display: block;
  padding: var(--theme_distance_medium_5);
}
.footerArea .copyRight {
  position: relative;
}
.footerArea .info {
  text-align: right;
}
.footerArea ul.fMenu span {
  display: block;
  width: 100%;
}
.footerArea ul.fTool {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footerArea ul.fTool > li {
  position: relative;
}
.footerArea .fTool li a {
  position: relative;
  display: block;
  padding: var(--theme_distance_2) var(--theme_distance_4);
}
.footerArea .w3c > a:before, .footerArea .copyRight:before, .footerArea .fTool li:not(:nth-last-child(1)) a:before {
  content: "";
  position: absolute;
  top: 0.444em;
  bottom: 0.444em;
  right: 0;
  width: 1px;
  background-color: #fff;
}
.footerArea .footerLeft {
  padding-left: var(--theme_distance_8);
  padding-right: var(--theme_distance_8);
  margin-left: calc(-1 * var(--theme_distance_4));
}
.footerArea .info .fTool li a {
  padding: 0 12px;
  color: #000;
}
.copyR {
  text-align: center;
  margin-bottom: 20px;
}
.copyR > div {
  display: inline-block;
}
.copyR > div:nth-child(2) {
  padding: 0 10px;
}
#footer div.system {
  width: 50%;
  text-align: right;
  float: right;
}
#footer div.copyright {
  width: 50%;
  text-align: right;
  float: right;
}
#footer div.w3c {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}
#footer div.w3c > div {
  display: inline-block;
  padding: 6px 12px;
  vertical-align: middle;
}
#footer .w3c > a {
  position: relative;
  padding: var(--theme_distance_2) var(--theme_distance_4);
}
#footer .w3c img {
  max-width: 88px;
}
.footerArea .updateDate {
  display: block;
  position: relative;
  padding: var(--theme_distance_2) var(--theme_distance_8);
}
.footerArea .updateDate:before { /*
	content:"";
    position: absolute;
	width:1px;
	top:0;
	bottom:0;
	left:0;
	background-color:#c0c0c0;*/
}
.footerArea ul.fMenu { /*
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;	
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
  padding: 0; /*
    min-height: 150px;*/ /*
	margin-left:-.5vw;
	margin-right:-.5vw;*/
}
.footerArea ul.fMenu li {
  position: relative;
  border-collapse: collapse;
}
.footerArea ul.fMenu .extmenu .extmenu {
  padding: 2px 0;
  font-size: var(--font_size_12);
  border-top: none;
}
.footerArea ul.fMenu .extmenu li {
  width: 100%;
}
.footerArea ul.fMenu .extmenu li > a {
  position: relative;
}
.footerArea .fMenu {
  margin: 0;
}
.footerArea .fMenu > li {
  display: block;
  margin-bottom: var(--padding_footer_1_col_v);
}
.footerArea .fMenu > li a {
  display: block;
  margin: 0;
  padding: 5px var(--padding_footer_1_link_h);
}
.footerArea .fMenu > li a br {
  display: none;
}
.footerArea .fMenu > li > a {
  display: block;
  margin-bottom: 5px;
  color: #00afe8;
  font-size: var(--font_size_18);
  font-weight: var(--font_weight_medium);
  text-transform: uppercase;
}
.footerArea .fMenu > li > a:hover, .footerArea .fMenu > li > a:focus {
  color: #00afe8;
}
.footerArea .fMenu > li {
  position: relative;
}
.footerArea .fMenu > li .firstItem {
  margin-left: 0
}
.footerArea .fMenu > li .lastItem {
  margin-right: 0
}
.footerArea .fm { /*
	padding-right:var(--theme_distance_small_3);*/
}
.footerArea .il {
  padding: 0 10px;
}
.footerArea .il li {
  display: inline-block;
}
.footerArea .il a {
  display: block;
  margin: 0;
  padding: 8px 6px;
}
.footerLeft {
  float: left;
}
.footerRight {
  float: right;
}
.copyRight {
  position: relative;
  padding: var(--theme_distance_2) var(--theme_distance_4);
}
.myheaderTool {
  position: static;
}
.myheaderTool .clientTool {
  position: relative;
  padding: 0;
  padding-top: var(--theme_distance_1);
  padding-bottom: var(--theme_distance_1);
  font-size: var(--font_size_14);
  white-space: nowrap;
  z-index: var(--layer_level_head_tool);
}
.myheaderTool .clientTool a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1rem;
}
.myheaderTool .clientTool > div {
  position: relative;
  margin: 0;
}
.myheaderTool .clientTool > div.searchTool {
  margin-left: 25px;
  padding-left: 0;
  padding-right: 0;
}
.myheaderTool .clientTool > div.languageTool2 {
  padding-left: 0;
  padding-right: 0;
}
/*div.langBtn ul li{
	width: auto
}
div.langBtn ul li>span{
	width: 32px;
	padding-left: var(--padding_header_tool);
    padding-right: var(--padding_header_tool);
}
div.langBtn ul li.fst:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 2px;
    background-color: var(--border_color_header_tool);

}
div.languageTool2 div.langBtn ul li.last:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: var(--border_color_header_tool);
}*/
.myheaderTool .clientTool .home a {
  display: block;
  width: var(--icon_size_header);
}
.myheaderTool .clientTool .icontool > a {
  display: block;
  position: relative;
  width: var(--width_header_tool);
  height: var(--height_header_tool);
  text-align: center;
}
.myheaderTool .clientTool .searchTool .searchMenu.icontool > a {
  /*width: var(--width_header_tool);
  height: var(--height_header_tool);
  background-color: var(--bg_color_header_tool);
  transition: var(--transition-normal);*/
}
.myheaderTool .clientTool .searchTool.active .searchMenu.icontool > a, .myheaderTool .clientTool .searchTool .searchMenu.icontool > a:focus, .myheaderTool .clientTool .searchTool .searchMenu.icontool > a:hover {
  background-color: var(--bg_color_header_tool);
}
.myheaderTool .clientTool .searchTool .close.icontool {
  text-align: right;
}
.myheaderTool .clientTool .searchTool .close.icontool > a {
  display: inline-block;
  width: auto;
  height: auto;
  padding-left: 20px;
  width: var(--width_header_tool);
  height: var(--height_header_tool);
  text-transform: uppercase;
}
.myheaderTool .clientTool .icontool > a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--width_header_tool);
  height: var(--height_header_tool);
  background-size: auto auto;
  -webkit-transform: var(--transform-toCenterMiddle);
  -ms-transform: var(--transform-toCenterMiddle);
  transform: var(--transform-toCenterMiddle);
}
.myheaderTool .clientTool .homeTool a:before {
  background-image: var(--icon_home_header);
}
.myheaderTool .clientTool .mailTool a:before {
  background-image: var(--icon_email_header);
}
.myheaderTool .clientTool .socialTool a:before {
  background-image: var(--icon_relationship_header);
}
.myheaderTool .clientTool .AStyleArea a:before {
  background-image: var(--icon_fontsize_header);
}
.myheaderTool .clientTool .languageBtn > a:before {
  background-image: var(--icon_language_header);
}
.myheaderTool .clientTool .languageBtn.active > a:before {
  background-image: var(--theme_icon_close);
}
.myheaderTool .clientTool .rss a:before {
  background-image: var(--icon_rss_header);
}
.myheaderTool .clientTool .qrcode a:before {
  background-image: var(--icon_qrcode_header);
}
.myheaderTool .clientTool .bookmarkTool a:before {
  background-image: var(--icon_bookmark_header);
}
.myheaderTool .clientTool .searchTool .searchMenu.icontool > a:before {
  background-image: var(--icon_search_header);
  width: var(--icon_img_size_header_size2);
  height: var(--icon_img_size_header_size2);
}
.myheaderTool .clientTool .searchTool .icontool > a:before {
  background-image: var(--theme_icon_close);
}
.myheaderTool .clientTool .shareTool > a:before {
  background-image: var(--theme_icon_relationship);
}
.myheaderTool .clientTool .searchTool .close.icontool > a:before {
  background-image: var(--theme_icon_close_i);
  width: 14px;
  height: 14px;
  left: 0;
}
.myheaderTool .socialTool.icontool .icon > a {
  display: block;
  position: relative;
  width: var(--width_header_tool);
  height: var(--height_header_tool);
  text-align: center;
  background-color: transparent;
}
.myheaderTool .socialTool.icontool .icon > a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--width_header_tool);
  height: var(--height_header_tool);
  background-size: auto auto;
  -webkit-transform: var(--transform-toCenterMiddle);
  -ms-transform: var(--transform-toCenterMiddle);
  transform: var(--transform-toCenterMiddle);
}
.myheaderTool .socialTool.icontool .icon.fb > a:before {
  background-image: var(--theme_icon_local_fb);
}
.myheaderTool .socialTool.icontool .icon.ig > a:before {
  background-image: var(--theme_icon_local_ig);
}
.myheaderTool .socialTool.icontool .icon.yt > a:before {
  background-image: var(--theme_icon_local_yt);
}
.myheaderTool .socialTool.icontool .icon.wc > a:before {
  background-image: var(--theme_icon_local_wc);
}
.myheaderTool .clientTool .languageTool ul {
  /*display: none;
	position: absolute;
    top: 100%;
	left: 0;
	right:0;
	padding-top:var(--theme_distance_medium_5);*/
}
.myheaderTool .clientTool .languageTool:hover ul, .myheaderTool .clientTool .languageTool.active ul { /*
	display: block;*/
}
.myheaderTool .clientTool .languageTool ul:before { /*
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #000;
    top: calc(var(--theme_distance_medium_5) - .5rem);
    display: block;
    left: 50%;
    transform: translateX(-50%);*/
}
.myheaderTool .clientTool .languageTool a.langBtn {
  display: block;
  position: relative;
  width: var(--width_header_tool);
  height: var(--height_header_tool);
  text-align: center;
}
.myheaderTool .clientTool .languageTool a.langBtn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--width_header_tool);
  height: var(--height_header_tool);
  background-image: var(--theme_icon_language);
  background-size: auto auto;
  -webkit-transform: var(--transform-toCenterMiddle);
  -ms-transform: var(--transform-toCenterMiddle);
  transform: var(--transform-toCenterMiddle);
}
.myheaderTool .clientTool .languageTool li {
  position: relative;
}
.clientTool .qrcode {
  position: relative;
}
.myheaderTool .clientTool .menuBtn a {
  display: block;
  position: relative;
  padding: 12px 28px; /*
	color: var(--font_color_invert_normal);
	background-color: var(--font_color_theme_lv2_invert_1_dark);*/
  border-radius: var(--theme_border_radius_circle);
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.myheaderTool .clientTool .menuBtn a:hover, .myheaderTool .clientTool .menuBtn a:focus {
  background-color: var(--font_color_theme_lv2_invert_1_darker);
}
.myheaderTool .clientTool .menuBtn a:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 16px;
  vertical-align: baseline;
  background-image: var(--bgicon_s1_4);
}
.myheaderTool .clientTool .menuBtn.active a:after {
  background-image: var(--bgicon_s1_0);
}
.myheaderTool .clientTool a[data-img="mobile"] {
  display: block;
  position: relative;
  width: var(--width_header_tool);
  height: var(--height_header_tool);
  text-align: center;
}
.myheaderTool .clientTool a[data-img="mobile"]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--width_header_tool);
  height: var(--height_header_tool);
  background-image: var(--theme_icon_mobile);
  background-size: auto auto;
  -webkit-transform: var(--transform-toCenterMiddle);
  -ms-transform: var(--transform-toCenterMiddle);
  transform: var(--transform-toCenterMiddle);
}
.clientTool .qrcode .qrarea {
  display: none;
  position: absolute;
  width: 160px;
  height: 160px;
  z-index: 8000;
  padding: 10px;
  background-color: #fff;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.clientTool .qrcode.active .qrarea {
  display: block;
}
.clientTool .fbTool a {
  width: 27px;
  height: 24px;
  position: relative;
  font-size: 0;
  display: block;
}
.clientTool .fbTool a:before { /*
    content: '';
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
	border-radius: 100px;
    display: block;
    position: absolute;
    background-image: url(../images/share/icon-social-facebook-white.png);
	background-position: center center;
	background-repeat: no-repeat;
    background-size: 20px auto;
	background-color: #3b5998;
	-webkit-transform: var(--transform-toCenterMiddle);
	-ms-transform: var(--transform-toCenterMiddle);
	transform: var(--transform-toCenterMiddle);*/
}
.myheaderTool .signup > a {
  display: block;
  color: #fff;
  background-color: #013250;
  border: 1px solid #fff;
  padding: 8px 20px;
  font-size: .6em;
  font-weight: bold;
  margin: 0 17px;
}
.myheaderTool > div.mobile_view {
  padding-left: 0px;
}
.myheaderTool > div.sitemap {
  padding-left: 0px;
  font-size: 14px;
}
.myheaderTool > div.sitemap a {
  color: #3e5259;
}
.homeTool img {
  vertical-align: text-bottom;
}
/*.footerArea>div {
	background-image: url(../images/footer/footer_bg.gif);
	background-repeat: repeat;
}*/
.footerArea .myLogo img {
  width: 90px;
  display: block;
  margin: auto;
}
.footerArea .myLogo span {
  display: block;
  text-align: center;
  margin-top: 10px;
}
/*=========Page Buttom=========*/
div.btmNav {
  position: relative;
  z-index: 60;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
div.btmNav > * {
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
div.btmNav .topBtn {
  opacity: 0;
}
div.btmNav.active > * {
  opacity: 1; /*
	position: absolute;
	right: 5%;
    bottom: -25px;*/
}
div.btmNav, div.btmNav.fixed.active, div.btmNav.fixed {
  right: 20px;
  bottom: 40px;
  position: fixed;
  background-color: transparent;
  z-index: 60;
}
/*.indexVersion div.btmNav{
	display:none;
}*/
.backBtn {
  display: inline-block;
  /*background-image: url(../images/btn_back.png);
	background-repeat: no-repeat;*/
  /*width:54px;
	height: 19px;*/
  float: left;
  /*padding: 10px 15px;*/ /*
	padding: 7px 12px;*/
  /*padding: 6px 12px;
	/*background-color: #d8e2ed;*/ color: #3e5259;
  margin: 0;
  /*background-color: #3e535a;
	/*
	margin:0 0 0 50px;*/
  /*background-color: #FAB965;*/
  font-weight: bold; /*margin-left:15px;*/
}
.btmNav:not(.fixed) > .topBtn {
  /*position: absolute;
  right: 20px;
  bottom: calc(100% + var(--theme_space));*/
}
.btmNav:not(.fixed) > .helper {
  position: absolute;
  right: 64px;
  bottom: 100%;
}
.backBtn a {
  padding: 5px 7px 8px 7px;
  background-color: #446993;
  border-radius: 4px;
  color: #FFF;
}
.backBtn a:hover, .backBtn a:focus {
  text-decoration: none;
}
.topBtn .tBtn a {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 10px;
}
.topBtn .tBtn a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  background-image: var(--bgi_top_button);
  background-size: auto;
  -webkit-transform: var(--transform-toCenterMiddle);
  -ms-transform: var(--transform-toCenterMiddle);
  transform: var(--transform-toCenterMiddle);
}
.topBtn a:hover, .topBtn a:focus {
  text-decoration: none;
}
.btmNav .helper {
  position: relative;
  z-index: 10;
}
.btmNav .helper .call a {
  display: block;
  position: relative;
  width: 125px;
  height: 128px;
}
.btmNav .helper .call a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: var(--theme_icon_helper);
}
.btmNav .helper .close {
  position: absolute;
  top: 0;
  left: 100%;
}
.btmNav .helper .close a {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
}
.btmNav .helper .close a:before, .btmNav .helper .close a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 5px;
  background-color: var(--theme_color_dark_deep_1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
}
.btmNav .helper .close a:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.btmNav .helper .close a:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.my_anchor {
  font-size: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  display: block !important;
  height: 0 !important;
  width: 0 !important;
}
/*=========breadcrumb=========*/
.indexVersion .contentArea .breadcrumb {
  display: none;
}
.contentArea .breadcrumb {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
  font-size: var(--font_size_12);
  color: #555;
  background-color: var(--bg_color_breadcrumb);
  z-index: 10;
}
.bodyArea .mainArea .breadcrumb a {
  color: #555;
}
.breadcrumb a {
  color: var(--font_color_breadcrumb_link); /*
	font-weight:var(--font_weight_breadcrumb_link);*/
}
.breadcrumb a:focus, .breadcrumb a:hover {
  color: var(--font_color_breadcrumb_link_active);
}
.breadcrumb a.home {
  position: relative;
  padding-right: 0;
  white-space: nowrap;
}
.bodyArea .breadcrumb ul {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}
.breadcrumb ul li {
  list-style-type: none;
  padding-left: 0;
}
.indexVersion .breadcrumb {
  display: none;
}
.extIndex .breadcrumb {
  display: none;
}
.qrcode {
  position: relative;
}
.listStyleInline {
  display: inline;
  padding: 0;
}
.listStyleInline li, .listStyleInline li > *, .listStyleInline li > a {
  margin: 0 1px;
  padding: 0;
  float: none;
  display: inline; /*
	color:#333;*/
}
/*=============Header============*/
.mainHeader {
  position: relative;
}
.printTool {
  margin-top: 1em;
  display: inline-block;
  text-align: right;
  float: right;
}
.mainArea h2, .mainArea .h2, .mainArea h1.h2, #close_up h2 {
  margin-top: var(--theme_space_part);
  margin-bottom: var(--theme_space_part);
  font-size: var(--font_size_28);
  font-weight: var(--font_weight_bold);
  color: var(--theme_color_blue-green);
}
.mainArea h3, .mainArea .h3, .mainArea h2.h3, #close_up h3, li.bwh3::marker {
  margin-top: 1em;
  margin-bottom: 1em;
  color: var(--theme_color_text-black);
  font-size: var(--font_size_20);
  font-weight: var(--font_weight_bold);
}
.mainArea .h3.brown {
  color: var(--theme_color_brown);
  margin-bottom: 10px;
}
.mainArea h4, .mainArea .h4, .mainArea h2.h4 {
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  font-size: var(--font_size_H4);
  font-weight: var(--font_weight_bold);
}
.mainArea li h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mainArea h5, .mainArea .h5, .mainArea h2.h5 {
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  font-size: var(--font_size_H5);
  font-weight: var(--font_weight_bold);
}
/*=========mainContent=============*/
.indexVersion .bodyArea .mainContent {
  width: 100%;
}
.bodyArea {
  z-index: var(--layer_level_body);
  position: relative;
  line-height: normal;
  color: var(--font_color_content);
  padding-top: 0;
}
.bodyArea .container {
  z-index: var(--layer_level_body);
  display: block;
  height: auto;
  padding: 0;
}
body #wrap .mainArea.mainArea1 .container {
  padding: 0;
}
.mainArea {
  padding-top: var(--theme_space);
  padding-bottom: var(--theme_space);
}
.mainArea.maToggle {
  background-color: var(--theme_color_off_white)
}
.mainArea.mainAreaMC {
  padding-bottom: 0px;
}
.mainArea.mainAreaMC.content_bg.full {
  padding-bottom: 80px;
}
.mainArea.noPadding, .mainArea.heading {
  padding-top: 0;
  padding-bottom: 0;
}
.mainArea.noPaddingTop {
  padding-top: 0;
}
.mainArea.noPaddingBottom {
  padding-bottom: 0;
}
.maBorder:not(:nth-last-child(1)) {
  margin-bottom: 80px;
}
/*==============================*/
.mainArea.mainArea2 .content {
  margin-bottom: var(--theme_space);
}
.mainArea.mainArea2 .more {
  margin-bottom: var(--theme_space);
}
.mainArea.mainArea3 .mfswfct .fakeControl {
  margin-top: var(--theme_space_part);
}
.mainArea.mainArea4 .mfswfct .fakeControl {
  margin-top: var(--theme_space_part);
}
.mainArea.mainArea4 .flexslider .cover {
  width: max(30%, 480px);
  min-width: 30%;
  max-width: 100%;
  margin-bottom: var(--theme_space_part);
}
.mainArea.mainArea4 .flexslider .detail {
  padding-left: var(--theme_space_side);
}
.mainArea.mainArea4 .flexslider .detail .title {
  padding-bottom: var(--theme_space_part);
  font-size: var(--font_size_Tagline_small);
  font-weight: var(--font_weight_bold);
}
.mainArea.mainArea4 .flexslider .detail .content {
  padding-bottom: var(--theme_space_part);
}
.mainArea.mainArea4 .flexslider .type.icon {
  position: relative;
  padding-left: 33px;
  margin-bottom: 12px;
  font-size: var(--font_size_Paragraph_small);
  color: var(--theme_color_blue-green);
}
.mainArea.mainArea4 .flexslider .type.icon:before {
  content: '';
  position: absolute;
  width: 21px;
  height: 21px;
  left: 0;
  top: 0;
}
.mainArea.mainArea4 .flexslider .type.icon.i-appoint:before {
  background-image: var(--theme_icon_appointment_evt);
}
/*==============================*/
.siteMenu li {
  margin: 1em;
}
.siteMenu > li {
  list-style-type: none;
}
/*==============================*/
.headerArea {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: var(--theme_color_white_light_1);
  transition: var(--transition-normal);
  z-index: var(--layer_level_head);
}
.headerArea .headerTool {
  max-width: 100%;
}
.headerArea .headerTool .headerNav .headerMenu .hm.hm0 .tMenu > li > a {
  position: relative;
}
.headerArea .headerTool .headerNav .headerMenu .hm.hm0 {
  display: none;
}
.headerArea .headerTool .headerNav {
  margin-left: -10px;
  margin-right: -10px;
}
.headerArea .headerArea1 .headerTool .headerNav {
  /*padding-left: var(--theme_distance_4);
  padding-right: var(--theme_distance_4);
  margin-left: -10px;
  margin-right: -10px;*/
}
.headerArea.fixed:before {
  content: "";
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.indexVersion .headerArea {
  height: auto;
}
.indexVersion .headerArea:before, .indexVersion .headerArea.fixed:before, .indexVersion .headerArea:after {
  display: none;
}
.indexVersion .headerArea .headerTool {
  position: static;
  width: auto;
  left: auto;
  transform: none;
}
.indexVersion .headerArea .headerTool .headerNav {
  max-width: none;
}
.headerArea.fixed .myLogo {
  margin-top: -12px;
}
.headerArea.fixed .myLogo .logo_0 > a > img {
  max-width: 355px;
  max-height: 80px;
  width: auto;
  height: auto;
  padding: 12px;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.headerArea.fixed .headerTop {
  min-height: 60px;
} /*
.headerArea .more {
	display: none;
}
.headerArea.fixed .more {
	display: inline-block;
}*/
.headerArea .headerTool .mobSearch, .headerArea.fixed br, .headerArea.fixed .headerTool .searchTool {
  display: none;
}
.headerArea.fixed .headerTool .mobSearch {
  display: inline-block;
}
.headerArea.fixed .headerTool .mobSearch img, .headerArea.fixed .headerTool .print img, .headerArea.fixed .headerTool .share img {
  height: 20px;
  padding: 0;
}
.headerArea.fixed .headerTool .searchTool {
  position: absolute;
  top: 100%;
  margin: 0;
  background-color: #fff;
  left: 0;
  right: 0;
}
.headerArea.fixed .searchTool form {
  float: none;
  text-align: center;
  padding: 0;
  background-color: #fff;
  -webkit-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
  -ms-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
  -o-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
  transition: background-color 0.3s ease-in-out, padding 0.3s ease;
}
.headerArea.fixed .headerTool .searchTool.mobActive {
  display: block;
}
.headerArea.fixed .searchTool.mobActive form {
  background-color: #f8f8f8;
  padding: 30px 0;
}
.headerArea.fixed .headerTool .searchTool input {
  max-width: 100%;
  width: 500px;
}
/*===========AAA================*/
/*==========footerBanner==========*/
.footerBanner {
  padding: 0 var(--theme_distance_8);
  margin: 0;
  margin-right: calc(-1 * var(--theme_distance_2));
  text-align: right;
}
.footerBanner a {
  display: block;
  padding: var(--theme_distance_4) var(--theme_distance_2);
}
.footerBanner a.bhk { /*
	padding:5px;
	background-color:#fff;*/
}
.footerBanner.slides > li {
  display: inline-block;
}
.footerBanner a.bhk img {
  height: 47px;
}
.footerBanner a.rd img {
  height: 60px;
}
.footerBanner .mfb_mail {
  position: relative;
  border: 2px solid #740001;
  box-shadow: 2px 2px 0 #bbb;
  color: #000;
  font-size: 1.4em;
  padding: 8px 20px;
}
.footerBanner .mfb_mail:before {
  content: "";
  display: inline-block;
  width: 33px;
  height: 28px;
  margin-right: 10px;
  background-image: url(../images/icon_email.png);
  background-repeat: no-repeat;
  vertical-align: bottom;
}
/*============================*/
.footertool {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
/*=================================*/
.mainContent .full {
  padding: 0;
}
.index_row {
  margin-bottom: 50px;
}
.mainContent .main_left {
  width: 770px;
  float: right;
  max-width: 100%;
}
.mainContent .sub_right {
  margin-left: 10px;
  width: 250px;
  float: left;
  position: relative;
}
.simple_tab {
  display: inline-block;
  font-weight: bold;
  height: 34px;
  padding: 10px 40px 10px 20px;
  position: relative;
  margin-top: 5px;
  margin-bottom: 15px;
  background-color: #e8c8bb;
  background-image: url(../images/tag/white_arrow.png);
  background-repeat: no-repeat;
  background-position: center right;
}
.simple_tab:after {
  content: " ";
  position: absolute;
  width: 17px;
  height: 34px;
  background-image: url(../images/tag/deep_pink.png);
  background-repeat: no-repeat;
  left: 100%;
  top: 0;
}
/*==================*/
div.ms-options-wrap {
  position: relative;
  display: inline-block;
  vertical-align: initial;
  margin: 10px 10px;
  width: 600px;
}
span.ms_text {
  width: 30px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}
.ms-options ul li {
  margin: 0;
}
/*==================*/
.home img {
  /*    width:27px;
	height: 27px;
    vertical-align: text-top;
    margin-right: 16px;*/
}
.mobile_view img {
  width: 27px;
  height: 27px;
}
#footer .container .footerMenu ul.menuLv0 {
  /*    width: 95% !important;
	margin: 0 auto!important;*/
}
.footerMenu ul li {
  /*    font-size: 13px;*/
}
.footerMenu ul li ul {
  /*	margin-right: 11px;
	padding-right: 11px;
	display:block*/
}
.footerMenu ul li ul ul { /*
	display: none*/
}
.footerArea ul.fMenu span.caret {
  display: none;
}
/*==========*/
.roman_list {
  list-style-type: lower-roman;
}
.mainContent .left_img {
  width: 360px;
  position: absolute;
}
.mainContent .right_cont {
  padding-left: 360px;
}
.mainContent .list_anchor {
  padding-top: 25px;
  border-top: 2px solid #133c8b;
  margin-bottom: 80px;
}
.mainContent .list_anchor ul {
  padding-left: 0;
  list-style-type: none;
}
.list_anchor li {
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
}
.list_anchor li span {
  position: absolute;
  left: 0;
  top: 0;
}
.list_anchor li.fst a {
  padding-left: 0;
}
.list_anchor li.lst a {
  padding-right: 0;
}
.list_anchor li a {
  display: block;
  padding: 0 2em;
  color: #000 !important;
  text-decoration: none !important;
}
.list_anchor li.active a {
  color: #32569a !important;
}
/*====*/
.docIcon {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
.docIcon:before {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  background-image: url(../images/icon/icon_doc.svg);
}
.docIcon.iconPdf:before {
  background-image: url(../images/icon/icon_pdf.svg);
}
.docIcon.iconDoc:before {
  background-image: url(../images/icon/icon_doc.svg);
}
.docIcon.iconJpg:before {
  background-image: url(../images/icon/icon_jpg.svg);
}
.docIcon.iconUrl:before {
  background-image: url(../images/icon/icon_newwindow.svg);
  -webkit-filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
  -ms-filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
  filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
}
.docIcon.iconYoutube:before {
  background-image: url(../images/icon/icon_youtube.svg);
}
.youtubeBtn {
  border: 0;
  background-color: transparent;
}
.system_maintenance_schedule table {
  width: 100%;
}
.system_maintenance_schedule table ul {
  padding-left: 5px;
}
.uppercase {
  text-transform: uppercase;
  font-weight: bold;
}
.AML h3 {
  padding-bottom: 10px;
}
.alerts .cont .panel .panel-title a {
  text-decoration: none !important;
  font-weight: bold !important;
}
.subMenu > li > a {
  font-size: 1em;
}
.subMenu > li > a.leftbtn.active_sub_section {
  color: #0068A5;
}
.subMenu > li a.leftbtn.active_sub_section {
  color: #0068A5;
}
.panel-body h3 {
  text-align: justify;
}
.table_sub_title {
  font-weight: bold !important;
}
.alerts .cont:after {
  content: " ";
  clear: both;
  display: block;
}
.membershop_list {
  padding-left: 10px;
}
.download_pdf_remark {
  font-style: italic;
  margin-top: 30px;
}
ol ol.future_terms2 {
  list-style-type: lower-roman;
}
ol.future_terms {
  list-style-type: lower-alpha;
}
/*============================*/
.mainContent ul.blankList, .mainContent.blankList ol {
  padding-left: 0;
}
.blankList > li, .blankList > ol > li, .blankList > ul > li {
  list-style-type: none;
}
.blankList a {
  display: block;
  padding: 10px 0;
}
.pdfList ol, .pdfList ul {
  margin: 0;
}
.pdfList a {
  padding: 28px 0;
}
.myIconList.mIL_OL1 > ol {
  padding-top: 10px;
  padding-left: 0;
  list-style-type: lower-roman;
  list-style-position: inside;
}
.chineseVersion .myIconList.mIL_OL1 > ol {
  list-style-type: cjk-ideographic;
}
.myIconList.mIL_OL1 > ol > li {
  position: relative;
  min-height: 78px;
  padding-left: 88px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.myIconList.mIL_OL1 > ol > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 25px;
  width: 74px;
  height: 74px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.myIconList.mIL_OL1 > ol > li:nth-child(1):before {
  background-image: url(../images/icon/icon_milol1.svg);
}
.myIconList.mIL_OL1 > ol > li:nth-child(2):before {
  background-image: url(../images/icon/icon_milol2.svg);
}
.myIconList.mIL_OL1 > ol > li:nth-child(3):before {
  background-image: url(../images/icon/icon_milol3.svg);
}
.myIconList.mIL_OL1 > ol > li:nth-child(4):before {
  background-image: url(../images/icon/icon_milol4.svg);
}
.myIconList.mIL_OL1 > ol > li:nth-child(5):before {
  background-image: url(../images/icon/icon_milol5.svg);
}
.myIconList.mIL_OL1 > ol > li:nth-child(6):before {
  background-image: url(../images/icon/icon_milol6.svg);
}
.myOrderList.mOL_OL1 > ol {
  list-style-type: lower-roman;
}
.chineseVersion .myOrderList.mOL_OL1 > ol {
  list-style-type: cjk-ideographic;
  padding-left: 2.2em;
}
.myOrderList.mOL_OL1 > ol > li {
  padding-left: .8em;
}
/*============================*/
/*==============*/
.myboard_nl {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 240px;
  margin: auto;
  padding: 12px;
  color: #3f3f3f;
  border: 1px solid #cecece;
  border-radius: 5px;
}
.myitem_list.whatsnew_list .myboard_nl {
  min-height: 300px;
}
.myitem_list.my_pdf_div.activities_photo .myboard_nl {
  max-width: 190px;
  min-height: 235px;
}
.myitem_list.my_pdf_div.tv_series_list .myboard_nl {
  max-width: 195px;
  border: none;
}
.myboard_nl .id {
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 2em;
  line-height: 1em;
}
.myboard_nl .cover {
  margin: auto;
  text-align: center;
}
.myboard_nl .date {
  float: right;
  margin-top: 10px;
  font-weight: normal;
  margin-bottom: 10px;
  font-size: .8em;
  color: #575757;
}
/*=======================*/
.mytab ul {
  text-align: center;
  border-bottom: 1px solid #cbcbcb;
}
.mytab li {
  display: inline-block;
  width: 24%;
  margin: 0;
  border: 0;
}
.mytab a {
  padding-bottom: 12px;
  display: inline-block;
  text-align: center;
  color: #424242;
  font-size: 1.6em;
  font-weight: bold;
  text-decoration: none !important;
  position: relative;
}
.chineseVersion .mytab a {
  letter-spacing: .16em;
}
.mytab li.active a {
  color: #08836e;
}
.mytab li.active a:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  height: 10px;
  bottom: -5px;
  background-color: #08836e;
}
/*===========*/
/*=============Close Up===============*/
#close_up {
  z-index: -1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
#close_up.active.transition {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
#close_up.active {
  z-index: 9000;
  /*background-color:rgba(0,0,0,.6);*/
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
#close_up .bg {
  z-index: 9100;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#close_up .area {
  z-index: 9200;
  position: absolute;
  left: 50%; /*
	right: -50%;*/
  top: 50%; /*
	bottom: -50%;*/
  -webkit-transform: var(--transform-toCenterMiddle);
  -ms-transform: var(--transform-toCenterMiddle);
  transform: var(--transform-toCenterMiddle); /*
	width: 100%;*/
  min-width: min(90vw, 600px);
  max-width: 90vw;
  max-height: 80vh;
  background-color: #fff;
  border-radius: 16px;
}
#close_up .close {
  opacity: 0;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 9210;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
#close_up.active .close {
  opacity: 1;
}
#close_up.active.transition .close {
  opacity: 0;
}
#close_up .close a {
  display: block;
  position: relative;
  padding: 6px;
  text-decoration: none;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
#close_up .close a:before {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  background-image: url(../images/icon/icon_close.png);
}
#close_up .area .title {
  padding: 20px;
  font-weight: bold;
  font-size: 1.25em;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
}
#close_up .area .main {
  font-size: 1.25em;
  color: rgba(0, 0, 0, 0.8);
}
#close_up .area .main > .border {
  padding: 20px 40px;
}
#close_up .area .main .myYoutube {
  margin: auto;
  padding: 10px 20px;
}
/*=================*/
.pop_photo ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.pop_photo li {
  display: inline-block;
  width: 25%;
  min-width: 120px;
  margin: 0;
  padding: 10px;
}
/*=================*/
.my_pdf {
  background-image: url(../images/icon_pdf_title.png);
  background-repeat: no-repeat;
  background-position: 12px 6px;
  background-color: #e2e3e2;
  display: inline-block;
  border-radius: 6px;
}
.my_pdf a {
  text-decoration: none !important;
  color: #4b4b4b;
  font-size: 1.2em;
  padding: 22px 12px 6px 71px;
  min-height: 65px;
  display: block;
}
.chineseVersion .my_pdf a {
  letter-spacing: .16em;
}
/*=============================*/
.fix_line {
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #504098;
}
.fix_line.under {
  margin-top: -3px;
}
ol.lo_alp > li, ul.lo_alp > li {
  list-style-type: lower-alpha;
}
ol.lo_rom > li, ul.lo_rom > li {
  list-style-type: lower-roman;
}
ol.disc > li, ul.disc > li {
  list-style-type: disc;
}
ol.inside, ul.inside {
  list-style-position: inside;
  padding: 0;
}
ol.inside > li > *:nth-child(1), ul.inside > li > *:nth-child(1) {
  display: inline-block;
}
/*=======================================*/
body abbr[title]:after {
  content: '';
} /*
body .close {
	float: none;
	font-size: 1em;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	text-shadow: inherit;
	opacity: 1;
    z-index: 10;
    position: relative;
}
body .close:focus,
body .close:hover {
	color: inherit;
	text-decoration: inherit;
	opacity: 1;
}*/
/*======================*/
.photo_title, .photo_area > li .title {
  margin-bottom: 24px;
  font-weight: bold;
  display: block;
}
.mainContent ul.photo_group {
  /*margin: 0 -1em;*/
  padding: 0;
  text-align: left;
}
.mainContent .photo_area ul.photo_group {
  margin: 0 -0.8em;
  text-align: left;
}
.photo_group li {
  display: inline-block;
  vertical-align: top;
  /*width:	200px;*/
  width: 190px;
  text-align: center;
  margin: 0;
  margin-bottom: 4px;
  padding: .1em;
}
.photo_group li.photo_thumb > a > img {
  border: 2px solid #b4b4b4;
  display: block;
  -webkit-transition: var(--transition-fast);
  -ms-transition: var(--transition-fast);
  transition: var(--transition-fast);
}
.photo_group li.photo_thumb > a:focus > img, .photo_group li.photo_thumb > a:hover > img {
  border: 2px solid #c30819;
}
body div.light_square .pp_left, body div.light_square .pp_middle, body div.light_square .pp_right, body div.light_square .pp_content {
  background-color: transparent;
}
body div.light_square #pp_full_res img {
  background-color: #fff;
}
body .pp_nav .pp_play, body .pp_nav .pp_pause, body a.pp_arrow_previous, body a.pp_arrow_next {
  font-size: 0;
}
body .pp_nav .pp_play:before, body .pp_nav .pp_pause:before, body a.pp_arrow_previous:before, body a.pp_arrow_next:before {
  display: none;
}
body .pp_nav .pp_play, body .pp_nav .pp_pause, body a.pp_arrow_previous, body a.pp_arrow_next {
  background-color: transparent;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
body a.pp_arrow_previous, body a.pp_arrow_next {
  background-color: var(--theme_color_light-gray);
  border-radius: 100%;
  overflow: hidden;
}
body a.pp_arrow_previous:after, body a.pp_arrow_next:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background-image: var(--theme_icon_arrow_gallery);
  transform: var(--transform-toCenterMiddle);
}
body a.pp_arrow_previous {
  -webkit-transform: rotate(180deg) translate(0, 50%);
  -ms-transform: rotate(180deg) translate(0, 50%);
  transform: rotate(180deg) translate(0, 50%);
}
body .pp_content_container .pp_details {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: auto !important;
  color: #fff;
}
body div.light_square .pp_description {
  position: absolute;
  top: 100%;
  text-align: left;
  padding: 10px 0;
  margin: 0;
  font-size: 1em;
}
body .pp_content_container {
  height: calc(77vh - 25px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
body div.pp_pic_holder {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  margin: auto;
  max-width: 100vw;
  max-height: 100vh;
  transform: translate(-50%, -50%);
  overflow: visible !important;
}
body div.pp_pic_holder.wPreview {
  position: fixed;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  margin: auto;
  max-width: 100%;
} /*
body .pp_fade{
    max-height: calc(77vh - 25px);
}*/
body .pp_hoverContainer {
  width: auto !important;
  height: auto !important;
}
body #pp_full_res img {
  width: auto !important;
  height: auto !important;
  max-height: calc(77vh - 25px);
  margin: auto;
  display: block;
}
body .pp_content {
  position: relative;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}
body.overDescription .pp_fade {
  position: relative;
}
body.overDescription .pp_hoverContainer {
  max-height: calc(77vh - 25px);
}
body.overDescription .pp_description, body.overDescription div.light_square .pp_description {
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, .6);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
body .pp_pic_holder .pp_details .ce_tool {
  display: none;
  position: absolute;
  padding: 10px;
  background-color: rgba(0, 0, 0, .6);
  z-index: 10;
}
body .pp_pic_holder .pp_details .ce_tool a {
  position: relative;
  padding-right: 22px;
  display: block;
}
body .pp_pic_holder .pp_details .ce_tool a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../images/icon_arrow.png);
  background-repeat: no-repeat;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
body.openDescription .pp_pic_holder .pp_details .ce_tool a:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body .pp_pic_holder .pp_details .ce_tool a {
  color: #fff;
}
body.overDescription .pp_pic_holder .pp_details .ce_tool {
  display: block;
}
body.openDescription .pp_pic_holder .pp_details .ce_tool .open, body .pp_pic_holder .pp_details .ce_tool .close {
  display: none;
}
body .pp_pic_holder .pp_details .ce_tool .open, body.openDescription .pp_pic_holder .pp_details .ce_tool .close {
  display: block;
}
body.overDescription.openDescription .pp_description, body.overDescription.openDescription div.light_square .pp_description {
  text-overflow: clip;
  white-space: normal;
  overflow: auto;
}
body .pp_gallery {
  opacity: 1 !important;
  display: block !important;
  margin: 0 !important;
  z-index: 8990;
}
body .pp_gallery > div {
  width: auto !important;
  float: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .4);
  padding: 20px 10px 0 10px;
}
body .pp_gallery ul {
  width: auto !important;
  max-width: 100%;
  left: 50% !important;
  margin: 0;
  height: 220px;
  max-height: 23vh;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
  float: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: auto;
}
body .pp_gallery ul > li {
  float: none;
  margin: 0;
  padding: 0 10px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
body .pp_gallery ul a {
  height: 183px;
  max-height: 100%;
  border: 4px solid transparent;
}
body .pp_gallery ul a:focus, body .pp_gallery ul a:hover, body .pp_gallery li.selected a {
  border: 4px solid #68bfca;
}
body .pp_gallery ul a img {
  width: auto;
  height: 100%;
  background-color: #fff;
}
body .pp_nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
}
body .pp_nav .currentTextHolder {
  display: none;
  float: none;
  position: fixed;
  left: 10px;
  top: 10px;
  margin: auto;
}
body a.pp_arrow_previous {
  right: calc(100% + 26px);
}
body a.pp_arrow_next {
  left: calc(100% + 26px);
}
body div.light_square .pp_gallery a.pp_arrow_previous, body div.light_square .pp_gallery a.pp_arrow_next {
  margin: 0 !important;
}
body .pp_nav .pp_play {
  display: none;
}
body a.pp_close {
  font-size: 0;
  background-color: transparent;
  background-image: var(--theme_icon_close_gallery);
  background-repeat: no-repeat;
  background-position: center center;
  width: 44px;
  height: 44px;
  padding: 0;
  box-shadow: none;
  position: absolute;
  top: auto;
  bottom: 100%;
  right: 0;
}
body .ppt {
  display: none !important;
}
body a.pp_previous, body a.pp_next {
  background: none !important;
}
body .pp_top {
  height: 1px;
}
/*=========================*/
#flexslider .flex-direction-nav a {
  font-size: 0;
  width: 48px;
  height: 48px;
  color: rgba(255, 255, 255, 1);
  background-color: #303030;
  margin-top: -24px;
}
#flexslider.flexslider:hover .flex-direction-nav .flex-prev {
  left: 0;
}
#flexslider.flexslider:hover .flex-direction-nav .flex-next {
  right: 0;
}
#flexslider .flexslider:hover .flex-direction-nav a { /*
	opacity: .9;*/
}
#flexslider .flex-direction-nav a:before {
  font-size: 24px;
  color: rgba(255, 255, 255, 1);
  left: 45%;
  top: 50%;
  position: absolute;
  -webkit-transform: var(--transform-toCenterMiddle);
  -ms-transform: var(--transform-toCenterMiddle);
  transform: var(--transform-toCenterMiddle);
}
#flexslider .flex-direction-nav a.flex-next:before {
  left: auto;
  right: 45%;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
/*================*/
body .mainHeader.active {
  display: block;
}
.section_left_banner {
  float: left;
  width: 360px;
  margin-right: 25px;
}
.mainArea table {
  width: 100%;
}
.mainArea table th, .mainArea table td {
  vertical-align: top;
}
.mainArea table.form-table th, .mainArea table.form-table td {
  vertical-align: baseline;
}
.mainArea table tr.center th, .mainArea table tr.center td {
  text-align: center;
}
.mytablestyle {
  overflow: auto;
  width: 100%;
}
.header_date {
  margin-bottom: 20px;
  background-color: #ccc;
  color: #000099;
  padding: 8px 12px;
  font-weight: bold;
}
.cont_detail {
  margin-bottom: 40px;
}
.cont_detail > div {
  display: inline-block;
}
.cont_detail > div:nth-child(1) {
  width: 20%;
}
.cont_detail > div:nth-child(2) {
  width: 80%;
}
.cont_detail > div img {
  margin: 0 10px;
}
.toggleTable table tr {
  vertical-align: top;
  border-bottom: 1px solid #637481; /*#194567;*/
}
.toggleTable table tr:nth-child(odd) {
  /*	background-color:#e2f0fa;*/
  background-color: #d6eeff;
}
.toggleTable table tr:nth-child(even) {
  /*	background-color:#d2e1ec;*/
  background-color: #cecfcf;
}
.toggleTable.toggleHeader table tr:nth-child(1) {
  /*	background-color:#e1ecf4;*/
  font-weight: bold;
  background-color: #bad4e6;
}
.section_header_banner {
  text-align: center;
}
/*======================*/
ul.latin {
  list-style-type: lower-latin;
}
.num_anchor {
  vertical-align: super;
  font-size: .8em;
}
/*=============*/
.border_table th, .border_table td {
  border-collapse: collapse;
  border: 1px solid #888;
  text-align: center;
}
.float_img_tl {
  float: left;
  padding: 0 1em 1em 0;
}
.footerMenuArea .mail {
  margin-bottom: 20px;
}
.footerMenuArea .tel {
  margin-bottom: 20px;
}
.footerMenuArea .mail:before {
  content: '';
  display: inline-block;
  width: 29px;
  height: 32px;
  background-image: url(../images/icon_cus_1.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 20px;
}
.footerMenuArea .fax {
  margin-bottom: 20px;
}
.footerMenuArea .fax:before {
  content: '';
  display: inline-block;
  width: 29px;
  height: 32px;
  background-image: url(../images/icon_cus_2.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 20px;
}
.footerMenuArea .tel:before {
  content: '';
  display: inline-block;
  width: 29px;
  height: 32px;
  background-image: url(../images/icon_cus_3.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 20px;
}
.footerMenuArea .share li {
  margin-right: 15px;
}
/*================*/
body a.pp_expand {
  display: none !important;
}
p.line {
  text-decoration: underline;
}
/*============*/
/* ------------------------------------------ */
/* Style for share-btns */
/* ------------------------------------------ */
.headerTool .shareTool {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.headerTool .shareTool > a {
  /*display:block;
	padding:6px 0;*/
}
.headerTool .shareTool > .shareList {
  display: none;
  position: absolute;
  top: auto;
  right: 0;
  margin-top: 8px;
  padding: 8px 15px 12px 15px;
  text-align: left;
  z-index: 9000;
  min-width: 80px;
  background: #FFF;
  box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
  border-top: 2px solid #3447a3;
}
.headerTool .shareTool > .shareList:before {
  display: none;
}
.headerTool .shareTool.active > .shareList {
  display: block;
}
.headerTool .shareTool.mob > .shareList {
  box-shadow: none;
  border-top: none;
}
.headerTool .shareTool.mob > .shareList .share-btns {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.headerTool .shareTool.mob > .shareList .share-btns > * {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.share-btns {
  position: relative;
  margin-top: 15px;
}
ul.share-btns {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.share-btns > li {
  margin: 0;
  display: inline-block; /*
    padding: 0 5px;*/
}
ul.share-btns a { /*
	font-size: 0;*/
}
.header-nav__tool--share {
  /*	text-align: center;*/
}
.header-nav__tool--share .share-btns {
  white-space: nowrap;
}
.headerArea li .share-btns__btn {
  display: inline-block;
  vertical-align: top;
  width: 34px;
  height: 34px;
  margin-right: 5px;
  position: relative;
  transition: 0.2s;
}
.mob-nav__control .share-btns__btn {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.share-btns__btn:before {
  content: '';
  width: 26px;
  height: 26px;
  left: 4px;
  top: 4px;
  display: block;
  position: absolute;
  background-size: 100% 100%;
  background-repeat: repeat-y;
  transition: 0.2s;
}
.mob-nav__control .share-btns__btn:before {
  background-position-y: -22px;
}
.mob-nav__control .share-btns__btn:before {
  width: 22px;
  height: 22px;
  left: 4px;
  top: 4px;
}
.share-btns__btn:hover:before {
  background-position-y: -26px;
}
.mob-nav__control .share-btns__btn:hover:before {
  background-position-y: -22px;
}
.share-btns__btn.share-btns__btn--email:before {
  background-image: url(../images/share/icon-social-email-white.png);
}
body .headerArea .headerMenu a.share-btns__btn--email, body .headerArea .headerMenu a.share-btns__btn--email:link, body .headerArea .headerMenu a.share-btns__btn--email:visited, body .headerArea .headerMenu a.share-btns__btn--email:hover, body .headerArea .headerMenu a.share-btns__btn--email:focus, body .headerArea .headerMenu a.share-btns__btn--email:active, .mob-nav__control .share-btns__btn.share-btns__btn--email, .header-nav__tool--share .share-btns__btn.share-btns__btn--email, .share-btns__btn.share-btns__btn--email:hover {
  background-color: #78A027;
}
.share-btns__btn.share-btns__btn--fb:before {
  background-image: url(../images/share/icon-social-facebook-white.png);
}
body .headerArea .headerMenu a.share-btns__btn--fb, body .headerArea .headerMenu a.share-btns__btn--fb:link, body .headerArea .headerMenu a.share-btns__btn--fb:visited, body .headerArea .headerMenu a.share-btns__btn--fb:hover, body .headerArea .headerMenu a.share-btns__btn--fb:focus, body .headerArea .headerMenu a.share-btns__btn--fb:active, .mob-nav__control .share-btns__btn.share-btns__btn--fb, .header-nav__tool--share .share-btns__btn.share-btns__btn--fb, .share-btns__btn.share-btns__btn--fb:hover {
  background-color: #3b5998;
}
.share-btns__btn.share-btns__btn--wa:before {
  background-image: url(../images/share/icon-social-whatsapp-white.png);
}
body .headerArea .headerMenu a.share-btns__btn--wa, body .headerArea .headerMenu a.share-btns__btn--wa:link, body .headerArea .headerMenu a.share-btns__btn--wa:visited, body .headerArea .headerMenu a.share-btns__btn--wa:hover, body .headerArea .headerMenu a.share-btns__btn--wa:focus, body .headerArea .headerMenu a.share-btns__btn--wa:active, .mob-nav__control .share-btns__btn.share-btns__btn--wa, .header-nav__tool--share .share-btns__btn.share-btns__btn--wa, .share-btns__btn.share-btns__btn--wa:hover {
  background-color: #1bd741;
}
.share-btns__btn.share-btns__btn--wb:before {
  background-image: url(../images/share/icon-social-weibo-white.png);
}
body .headerArea .headerMenu a.share-btns__btn--wb, body .headerArea .headerMenu a.share-btns__btn--wb:link, body .headerArea .headerMenu a.share-btns__btn--wb:visited, body .headerArea .headerMenu a.share-btns__btn--wb:hover, body .headerArea .headerMenu a.share-btns__btn--wb:focus, body .headerArea .headerMenu a.share-btns__btn--wb:active, .mob-nav__control .share-btns__btn.share-btns__btn--wb, .header-nav__tool--share .share-btns__btn.share-btns__btn--wb, .share-btns__btn.share-btns__btn--wb:hover {
  background-color: #df2029;
}
.share-btns__btn.share-btns__btn--wc:before {
  background-image: url(../images/share/icon-social-wechat-white.png);
}
body .headerArea .headerMenu a.share-btns__btn--wc, body .headerArea .headerMenu a.share-btns__btn--wc:link, body .headerArea .headerMenu a.share-btns__btn--wc:visited, body .headerArea .headerMenu a.share-btns__btn--wc:hover, body .headerArea .headerMenu a.share-btns__btn--wc:focus, body .headerArea .headerMenu a.share-btns__btn--wc:active, .mob-nav__control .share-btns__btn.share-btns__btn--wc, .header-nav__tool--share .share-btns__btn.share-btns__btn--wc, .share-btns__btn.share-btns__btn--wc:hover {
  background-color: #09b83e;
}
.share-btns__btn.share-btns__btn--tw:before {
  /*background-image: url(../images/share/icon-social-twitter-white.png);*/
  background-image: url(../images/share/icon-social-x-white.svg);
}
body .headerArea .headerMenu a.share-btns__btn--tw, body .headerArea .headerMenu a.share-btns__btn--tw:link, body .headerArea .headerMenu a.share-btns__btn--tw:visited, body .headerArea .headerMenu a.share-btns__btn--tw:hover, body .headerArea .headerMenu a.share-btns__btn--tw:focus, body .headerArea .headerMenu a.share-btns__btn--tw:active, .mob-nav__control .share-btns__btn.share-btns__btn--tw, .header-nav__tool--share .share-btns__btn.share-btns__btn--tw, .share-btns__btn.share-btns__btn--tw:hover {
  /*background-color: #00aff0;*/
  background-color: #000;
}
.share-btns__btn.share-btns__btn--ig:before {
  background-image: url(../images/share/icon-social-ig-white.png);
}
body .headerArea .headerMenu a.share-btns__btn--ig, body .headerArea .headerMenu a.share-btns__btn--ig:link, body .headerArea .headerMenu a.share-btns__btn--ig:visited, body .headerArea .headerMenu a.share-btns__btn--ig:hover, body .headerArea .headerMenu a.share-btns__btn--ig:focus, body .headerArea .headerMenu a.share-btns__btn--ig:active, .mob-nav__control .share-btns__btn.share-btns__btn--ig, .header-nav__tool--share .share-btns__btn.share-btns__btn--ig, .share-btns__btn.share-btns__btn--ig:hover {
  background-color: #bc2a8d;
}
.rss-btns__btn.rss-btns__btn--rss:before {
  background-image: url(../images/share/icon-rss.png);
}
body .headerArea .headerMenu a.share-btns__btn--rss, body .headerArea .headerMenu a.share-btns__btn--rss:link, body .headerArea .headerMenu a.share-btns__btn--rss:visited, body .headerArea .headerMenu a.share-btns__btn--rss:hover, body .headerArea .headerMenu a.share-btns__btn--rss:focus, body .headerArea .headerMenu a.share-btns__btn--rss:active, .mob-nav__control .share-btns__btn.share-btns__btn--rss, .header-nav__tool--share .share-btns__btn.share-btns__btn--rss, .share-btns__btn.share-btns__btn--rss:hover {
  background-color: #f26522;
}
.share-btns__btn:last-child {
  margin-right: 0;
}
/* END Style share-btns */
#menu > .mm-panels > .mm-panel > .mm-listview > .mm-listitem:last-child {
  background-color: transparent;
}
#menu > .mm-panels > .mm-panel > .mm-listview > .mm-listitem:last-child:after {
  display: none;
}
/*====================================*/
.pp_pic_holder a.pp_previous {
  width: 50%;
}
.pp_pic_holder a.pp_next {
  width: 50%;
}
/*=========*/
.myVideo {
  margin-bottom: 40px;
}
/*================*/
.desktop {
  display: inherit;
}
.mobile {
  display: none;
}
/*==============*/
.txtico {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 0 8px;
  margin: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  /*background-color: #790707;
    background-image: linear-gradient(141deg, #500606 0%, #880505 51%, #770909 75%);
    opacity: 0.95;
    border: 2px solid #920e0e;*/
  background-color: #774609;
  background-image: linear-gradient(141deg, #502506 0%, #a55c11 51%, #774609 75%);
  opacity: 0.95;
  border: 2px solid #8c5a15;
  font-size: 0.9em;
}
/*============*/
.iconButton {
  margin-left: 20px;
}
.iconButton.fst {
  margin-left: 0;
}
.iconButton .iconPdf img {
  width: 40px;
}
.tableArea {
  overflow: auto;
  max-width: 100%;
}
.youtubeDiv {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.youtubeDiv > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}
.pop_video a {
  position: relative;
  display: block;
}
.pop_video a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../images/icon_video_play.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30% auto;
  opacity: .8;
}
.pop_video a:hover:after, .pop_video a:focus:after {
  opacity: 1;
}
/*================*/
.footerArea .logo_list {
  width: min(1280px, 100%);
  margin-top: var(--theme_distance_8);
  margin-bottom: var(--theme_distance_8);
  margin-left: auto;
  margin-right: auto;
  padding-left: 90px;
  padding-right: 90px;
}
.footerArea .logo_list .flexslider {
  margin-bottom: 0;
}
.footerArea .logo_list .flexslider .flex-direction-nav .flex-prev, .footerArea .logo_list .flexslider .flex-direction-nav .flex-next {
  opacity: .65;
}
.footerArea .logo_list .flexslider .flex-direction-nav .flex-prev:focus, .footerArea .logo_list .flexslider .flex-direction-nav .flex-prev:hover, .footerArea .logo_list .flexslider .flex-direction-nav .flex-next:focus, .footerArea .logo_list .flexslider .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.footerArea .logo_list .flexslider .flex-direction-nav .flex-prev {
  left: -50px;
}
.footerArea .logo_list .flexslider .flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.footerArea .logo_list .flexslider .flex-pauseplay a {
  top: 50%;
  bottom: auto;
  left: auto;
  right: -90px;
  transform: translate(0, -50%);
}
/*==============*/
.search_year ul {
  margin: 0;
  padding: 0;
}
.search_year li {
  display: inline-block;
  margin: 0;
  margin-bottom: 10px;
}
.mainContent a.search_btn {
  position: relative;
  padding: 8px 26px;
  color: #000;
  background-color: #f2dd2c;
  border-radius: 40px;
  margin-left: 10px;
}
.search_year select {
  background-color: #d6e1e7;
  border-radius: 4px;
  border-color: transparent;
  margin: 0 10px;
  padding: 10px;
  max-width: 100%;
  width: 130px;
}
.headerMenu ul.listStyleBlank.menu_items > li:first-child a { /*
    padding-left: 25px;*/
}
.d-lg-none {
  display: none !important;
}
.mobShare {
  padding: 10px 0;
}
.mobShare > a {
  display: none !important;
}
.headerArea .headerMenu .mobShare li {
  display: inline-block;
}
.headerTool .mobSearchArea .cross_btn {
  display: none;
}
/*==========================*/
.footerMenuArea .footerTitle a {
  text-decoration: none;
}
.footerMenuArea .footerTitle .title:after {
  transform: rotate(180deg);
  -webkit-transition: var(--transition-fast);
  -ms-transition: var(--transition-fast);
  transition: var(--transition-fast);
}
.footerMenuArea.active .footerTitle .title:after {
  transform: rotate(0);
}
.footerMenuArea .footerMenu {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.footerMenuArea .logo {
  padding: 10px;
}
.footerMenuArea.active .footerMenu {
  max-height: 1000px;
}
/*=======*/
.mainArea table[data-border="1"] th, .mainArea table[data-border="1"] td {
  border-collapse: collapse;
  border: 1px solid #000;
}
/*=============*/
p.margin_left {
  margin-left: 2em;
}
/*==================*/
ul.summary {
  background-color: #F0F0F0;
  padding-top: 10px;
  padding-bottom: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-top: 2px solid #FF7200;
}
.mainArea td p:last-child {
  margin-bottom: 0;
}
.mainArea th[data-align="center"], .mainArea table[data-border="0"] th[data-align="center"], .mainArea td[data-align="center"], .mainArea tr[data-align="center"], .mainArea td[data-align="center"] p {
  text-align: center;
}
.mainArea th[data-align="left"], .mainArea table[data-border="0"] th[data-align="left"], .mainArea td[data-align="left"], .mainArea tr[data-align="left"], .mainArea td[data-align="left"] p {
  text-align: left;
}
.mainArea table[data-width="100%"] {
  width: 100%;
}
.mainArea table th[data-width="8%"], .mainArea table td[data-width="8%"] {
  width: 8%;
}
.list_pic {
  padding-bottom: 10px;
  font-size: 0.9em
}
.mainArea input[type="button"] {
  line-height: normal;
}
.mobileLogo {
  display: none;
}
.myUpdate {
  display: none !important;
}
/*==============*/
.bodyArea .flexslider .slides img {
  max-width: 100%;
  width: auto;
  margin: auto;
}
.bodyArea .flexslider {
  background-color: transparent;
  border: 0;
  margin: 0;
}
.bodyArea .flexslider ol, .bodyArea .flexslider ul {
  margin-bottom: 0;
  padding-left: 0;
}
.bodyArea .flexslider .flex-control-nav {
  bottom: 0;
  z-index: 40;
}
.bodyArea .flexslider .flex-pauseplay {
  z-index: 40;
}
.bodyArea .flexslider .flex-direction-nav a {
  border-radius: 0;
  width: 45px;
  height: 45px;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.bodyArea .flexslider .flex-direction-nav .flex-prev {
  left: 0;
  opacity: 0.2;
}
.bodyArea .flexslider .flex-direction-nav .flex-next {
  right: 0;
  opacity: 0.2;
}
.bodyArea .flexslider:hover .flex-direction-nav .flex-prev, .bodyArea .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.47;
}
.bodyArea .flexslider:hover .flex-direction-nav .flex-prev {
  left: 0;
}
.bodyArea .flexslider:hover .flex-direction-nav .flex-next {
  right: 0;
}
.bodyArea .flexslider .flex-direction-nav a.flex-prev:focus, .bodyArea .flexslider .flex-direction-nav a.flex-prev:hover, .bodyArea .flexslider .flex-direction-nav a.flex-next:focus, .bodyArea .flexslider .flex-direction-nav a.flex-next:hover {
  opacity: 1;
}
.bodyArea .flexslider .flex-direction-nav a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-shadow: none;
  background-image: var(--theme_icon_slider_arrow);
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.bodyArea .flexslider .flex-direction-nav a.flex-prev:before {
  -webkit-transform: var(--transform-rotate-turnaround);
  -ms-transform: var(--transform-rotate-turnaround);
  transform: var(--transform-rotate-turnaround);
}
.bodyArea .flexslider .flex-direction-nav a:hover:before, .bodyArea .flexslider .flex-direction-nav a:focus:before {
  -webkit-filter: var(--filter-color_gray);
  -ms-filter: var(--filter-color_gray);
  filter: var(--filter-color_gray);
}
.bodyArea .flexslider .flex-control-nav li {
  margin: 0;
  padding: 0 var(--theme_distance_small_2);
}
.bodyArea .flexslider .flex-control-paging li:not([class*="myFF"]) a {
  width: min(calc(var(--theme_distance_small_2) * 2 + 40px), calc(var(--theme_distance_small_2) * 2 + 2.0833333333333333333333333333333vw));
  height: 9px;
  background-color: var(--theme_color_dark_light_4);
  border: 0;
  border-top: 4px solid var(--theme_color_white_light_1);
  border-bottom: 4px solid var(--theme_color_white_light_1);
  border-radius: 0;
  box-shadow: none;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.bodyArea .flexslider .flex-control-paging li:not([class*="myFF"]) a:focus, .bodyArea .flexslider .flex-control-paging li:not([class*="myFF"]) a:hover {
  background-color: var(--theme_color_dark_light_1);
  border-top: 4px solid var(--theme_color_white_light_1_0);
  border-bottom: 4px solid var(--theme_color_white_light_1_0);
}
.bodyArea .flexslider .flex-control-paging li:not([class*="myFF"]) a.flex-active {
  background-color: var(--theme_color_dark_deep_4);
  border-top: 4px solid var(--theme_color_white_light_1_0);
  border-bottom: 4px solid var(--theme_color_white_light_1_0);
}
.bodyArea .flexslider ul, .bodyArea .flexslider ol {
  margin-bottom: 0;
}
.bodyArea .flexslider .slides {
  margin: 0;
}
/*====================*/
.mfswfct .fakeControl {
  margin-top: 1px;
  margin-bottom: 1px;
}
.mfswfct .fakeControl .pages {
  min-width: 60px;
  min-height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 1px;
  font-weight: var(--font_weight_bold);
}
.mfswfct .fakeControl .direct > div {
  margin: 1px;
}
.mfswfct .fakeControl .direct a {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background-color: var(--theme_color_AFCD-green);
}
.mfswfct .fakeControl .direct a:focus, .mfswfct .fakeControl .direct a:hover {
  background-color: var(--theme_color_blue-green);
}
.mfswfct .fakeControl .direct a:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  background-image: var(--theme_icon_direct_arrow);
  transform: rotate(0deg) translate(-50%, -50%);
  transform-origin: left top;
}
.mfswfct .fakeControl .direct .prev a:before {
  transform: rotate(-180deg) translate(-50%, -50%);
}
/*====================*/
/*====================*/
.svg_arrow {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  overflow: visible;
  width: 60px;
  height: 60px;
  position: relative;
}
.left_arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.right_arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.up_arrow {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.down_arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.svg_arrow_svg {
  overflow: visible !important;
  width: 19px;
  height: 26px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(-40%, -50%);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0) translate(-40%, -50%);
  transform: matrix(1, 0, 0, 1, 0, 0) translate(-40%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.svg_arrow_path {
  fill: rgba(0, 0, 0, 0);
  stroke: rgba(255, 255, 255, 1);
  stroke-width: 4px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}
/*================*/
body li > p {
  margin-bottom: .6em;
}
body *:not(.styleBlank) > li > p:nth-last-child(1) {
  margin-bottom: 0;
}
.mybtn.btn1 > a {
  color: #fff;
  background-color: #15549b;
}
.mybtn.btn2 {
  text-align: right;
}
.mybtn.btn2 > a {
  background-color: #f7be15;
  color: #31525b;
}
.mybtn > a {
  display: inline-block;
  min-width: 160px;
  padding: 6px 12px;
  border-radius: 4px;
  text-align: center;
}
body .table {
  margin: 0;
}
.table > table {
  width: 100%;
}
.table.myflex {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/*============*/
.myflex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.myflex.myflexM {
  display: inherit;
}
.myflex.flexInline {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.myflex.flexCenter {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.myflex.flexRight {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.myflex.flexBetween {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.myflex.flexAround {
  -webkit-justify-content: space-around;
  -ms-justify-content: justify;
  justify-content: space-around;
}
.myflex.flexEvenly {
  -webkit-justify-content: space-evenly;
  -ms-justify-content: justify;
  justify-content: space-evenly;
}
.myflex.flexTop {
  -webkit-align-items: flex-start;
  -ms-align-items: start;
  align-items: flex-start;
}
.myflex.flexBottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.myflex.flexMiddle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.myflex.flexBaseline {
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.myflex.flexColumn {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.myflex.flexWrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.myflex.flexNoWrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.myflex.flexNoFit {
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.myflex.flexFit > div {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.myflex.flexHeight {
  height: 100%;
}
.myflex.flexOverdraw {
  margin-left: -12px;
  margin-right: -12px;
}
.myflex.flexOverdraw > div {
  padding-left: 12px;
  padding-right: 12px;
}
.myflex.flexLastRight > *:nth-last-child(1) {
  text-align: right;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.myflex.flexPadding {
  margin-left: calc(-1 * var(--theme_distance_small_3));
  margin-right: calc(-1 * var(--theme_distance_small_3));
}
.myflex.flexPadding > * {
  padding: var(--theme_distance_medium_4) var(--theme_distance_small_3);
}
.myflex.flexPadding2 {
  margin-left: calc(-1 * var(--theme_distance_invw_l3));
  margin-right: calc(-1 * var(--theme_distance_invw_l3));
}
.myflex.flexPadding2 > * {
  padding: var(--theme_distance_invw_l3);
}
.myflex.flexMargin {
  margin-left: calc(-1 * var(--theme_distance_small_3));
  margin-right: calc(-1 * var(--theme_distance_small_3));
}
.myflex.flexMargin > * {
  margin: var(--theme_distance_small_3);
}
.myflex .flexOrder2 {
  order: 2;
}
/*============*/
.myflex.flexSpace1 {
  margin-left: calc(-1 * var(--theme_space_part));
  margin-right: calc(-1 * var(--theme_space_part));
}
.myflex.flexSpace1 > * {
  padding-left: var(--theme_space_part);
  padding-right: var(--theme_space_part);
}
.myflex.flexSpace2 {
  margin-left: calc(-1 * var(--theme_space));
  margin-right: calc(-1 * var(--theme_space));
}
.myflex.flexSpace2 > * {
  padding-left: var(--theme_space);
  padding-right: var(--theme_space);
}
.myflex.flexSpace3 {
  margin-left: calc(-1 * var(--theme_space_side));
  margin-right: calc(-1 * var(--theme_space_side));
}
.myflex.flexSpace3 > * {
  padding-left: var(--theme_space_side);
  padding-right: var(--theme_space_side);
}
/*============*/
.myflex.flexImgArea > *:not(.flexImg) {
  flex: 1 1 0px;
}
.myflex > .flexImg:nth-last-child(1) {
  margin-left: 20px;
  margin-bottom: 20px;
}
/*============*/
.myflex.flex11 > div {
  width: max(50%, 480px);
  min-width: 50%;
  max-width: 100%; /*
	flex: 1 0 auto;*/
}
.myflex.flex111 > div {
  width: max(33.3333%, 320px);
  min-width: 33.3333%;
  max-width: 100%;
}
.myflex.flex12 > div:nth-child(1), .myflex.flex21 > div:nth-child(2) {
  width: max(33.3333%, 320px);
  min-width: 33.3333%;
  max-width: 100%;
  flex: 1 0 auto;
}
.myflex.flex12 > div:nth-child(2), .myflex.flex21 > div:nth-child(1) {
  width: max(66.6666%, 640px);
  min-width: 66.6666%;
  max-width: 100%;
  flex: 1 0 auto;
}
.myflex.flex1111 > div {
  width: max(25%, 250px);
  min-width: 25%;
  max-width: 100%;
}
.myflex.flex17 > div:nth-child(1) {
  width: max(12.5%, 200px);
  min-width: 12.5%;
  max-width: 100%;
  flex: 1 0 auto;
}
.myflex.flex17 > div:nth-child(2) {
  flex: 1 1 auto;
}
.myflex.flex31 > div:nth-child(1) {
  width: max(75%, 750px);
  min-width: 75%;
  max-width: 100%;
  flex: 1 0 auto;
}
.myflex.flex31 > div:nth-child(2) {
  width: max(25%, 250px);
  min-width: 25%;
  max-width: 100%;
  flex: 1 0 auto;
}
/*============*/
.myflex.flexiw33 > * {
  flex: 0 0 33.3333%;
}
/*============*/
.myflex.flex111 > div {
  width: min(330px, 50%);
}
.myflex.flex1111 > div {
  width: min(330px, 50%);
}
.myflex.f211 > *:nth-child(1) {
  width: 50%;
}
.myflex.f211 > * {
  padding-right: 10px;
}
.myflex.f32 > *nth-child(1) {
  width: 60%;
  padding-right: 10px;
}
.myflex.f32 > *:nth-child(2) {
  /*width: 40%;*/
  min-width: min(200px, 40%);
  text-align: right;
}
.myflex.f111 > * {
  width: 33.333333333333333333333333333333%;
  min-width: min(266px, 100%);
}
.myflex.f111111 > * {
  width: 16.666666666666666666666666666667%;
  min-width: min(133px, 100%);
}
.myflex.flexIsPadding > * {
  padding-right: 20px;
}
.myflex.flexLRPadding > *:nth-child(1) {
  padding-right: 20px;
}
.myflex.flexLRPadding > .cover {
  flex: 0 0 auto;
}
.myflex.flexLRPadding > .cover2 {
  width: min(200px, 100%);
}
.myflex.flexLRPadding > span > ul, .myflex.flexLRPadding > span > ol {
  margin-top: 0;
}
/*============*/
/*============*/
.myflexList > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.myflex.flexWithTitle .tit, .myflexList.flexWithTitle .tit {
  max-width: 50%;
}
.myflex.flexWithCover .cover, .myflexList.flexWithCover .cover {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.myflex.flex11wP {
  margin-left: -20px;
  margin-right: -20px;
}
.myflex.flex11wP > div {
  padding: 20px;
  width: max(330px, 50%);
  max-width: 100%;
}
/*============*/
#flexslider_footer.flexslider {
  background-color: transparent;
}
#flexslider_footer.flexslider.silent .slides {
  /*width:auto !important;	
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;*/
}
body #flexslider_footer.flexslider .flex-control-nav {
  /*padding: 0 40px*/
}
.mob-searchTool, .mob-shareTool, .mob-fbTool {
  display: none;
}
.mob-searchTool {
  position: relative;
}
.mob-searchTool .seachInputBar {
  padding: 10px;
  padding-right: 40px;
  margin: 10px 20px;
  width: 90%;
  width: calc(100% - 40px);
}
.mob-searchTool a.searchBtnMob {
  display: block;
  position: absolute;
  right: 22px;
  top: 12px;
  padding: 8px;
  z-index: 10;
}
.mob-searchTool .searchBtnMob img {
  -webkit-filter: brightness(0);
  -ms-filter: brightness(0);
  filter: brightness(0);
}
#qrcode {
  margin-bottom: 20px;
}
#qrcode img {
  margin: auto;
}
/*===========================*/
.mySelect {
  position: relative;
  display: inline-block; /*
	margin:10px 0;*/
}
.mySelect .selected a {
  position: relative;
  display: block;
  border: 0;
  border-radius: 8px;
  padding: 10px 20px;
  background-color: #216354;
  color: #fff;
  font-size: 1.2em;
}
.mySelect .selected a:after {
  content: "";
  vertical-align: middle;
  display: inline-block;
  margin-left: 20px;
  background-image: url(../images/icon/icon_arrow_w.png);
  width: 16px;
  height: 16px;
}
.mySelect .select-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.icon.date {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  line-height: normal;
}
.icon.date:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 0;
  top: 0;
  background-image: url(../images/icon/icon_time.svg);
}
.icon.remark a {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}
.icon.remark a:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 14px;
  background-image: url(../images/icon/icon_info.png);
}
.page_scroll {
  position: fixed;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 8100;
}
.page_scroll ul {
  list-style-type: none;
}
.page_scroll li {
  display: block;
  padding: 10px;
}
.page_scroll ul a {
  width: 16px;
  height: 16px;
  display: block;
  background-color: #aab4ba;
  border: 2px solid #aab4ba;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 100px;
}
.page_scroll ul .active a {
  background-color: #fe6a64;
  border: 2px solid #000;
  ;
}
.mobSelector {
  display: none;
}
.mobTag {
  display: none;
}
/*======================*/
.mob {
  display: none;
}
.myHeader .ibtn a {
  border-radius: 100px;
  padding: 8px 30px;
  text-align: center;
  color: #fff;
  background-color: #0053B3;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block; /*
	margin:0 10px;*/
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.myHeader .ibtn a:focus, .myHeader .ibtn a:hover {
  background-color: #0d2e4a;
}
.inputList {
  font-size: 1.125em; /*
	border-top:1px solid #c5c5c5;*/
  padding: 0;
}
.inputList > div:not(:nth-child(1)) {
  margin-top: 16px;
}
.inputList > div {
  margin-bottom: 16px;
}
.inputList.noborder {
  border-top: 0;
}
.inputList .title { /*
	min-width:150px;
	width:8vw;*/
  width: 100%;
  font-size: 0.80357142857142857142857142857143em; /*
    font-weight: bold;*/ /*
	padding-right:20px;*/
  padding-right: 0;
  margin-bottom: 4px;
}
.inputList .title label {
  margin-bottom: 0;
}
.inputList .flex400 > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 8px 0;
  padding-right: 20px;
}
.inputList .flex414 .input {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 33.3333vw;
}
.inputList .flex414 > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 44.4444%;
  padding: 8px 0;
  padding-right: 20px;
}
.inputList .flex414 .input {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.inputList .flexAA > div {
  min-width: 40%;
  padding: 8px 0;
  padding-right: 20px;
}
.inputList .input input[type="text"], .inputList .input input[type="password"] {
  padding: 4px 0;
  border: 0;
  border-bottom: 1px solid #0053B3;
  background-color: transparent;
  width: 100%;
  margin: 0 0;
}
.inputList .input input[type="text"]:disabled, .inputList .input input[type="password"]:disabled {
  border-bottom: 0;
}
.inputList .input.short input[type="text"], .inputList .input.short input[type="password"] {
  width: 600px;
  max-width: 100%;
}
.inputList .input.long {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.inputList .input.long textarea {
  max-width: 600px;
  width: 100%;
  min-height: 200px;
  background-color: #f5f5f5; /*
    border: 1px solid #0053B3;*/
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
}
.inputList .fileUploader {
  padding: 45px 50px;
  text-align: center;
  color: #595959;
  border: 2px dotted #0053B3;
  position: relative;
  font-size: 1em;
  z-index: 10;
  max-width: 100%;
  width: auto;
  min-width: 0;
  margin: 10px 0;
}
.inputList .fileUploader .myFFText {
  position: relative;
}
.inputList .fileUploader .myFFText:before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  margin: auto;
  margin-bottom: 10px;
  text-align: center;
  background-image: url(../images/icon/icon_upload.svg);
}
.inputList .fileUploader input[type="file"] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  outline-offset: 1px;
  z-index: -1;
}
.inputList .fileUploader input[type="file"]:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
}
.inputList .sboxList > div {
  min-width: 11.1111vw;
  width: 33.3333%;
  padding-right: 10px;
}
.inputList .sboxList label {
  width: 100%;
  padding-right: 10px;
  margin: 8px 0 8px 0;
}
.inputList .sboxList label input[type="checkbox"], .inputList .sboxList label input[type="radio"] {
  margin-right: 10px;
}
.inputList .ibtn button, .inputList .ibtn a {
  border-radius: 100px;
  padding: 8px 30px;
  margin: 8px 10px;
  text-align: center;
  color: #fff;
  background-color: #0053B3;
  font-weight: bold;
  display: inline-block;
  border: 0;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.inputList .ibtn button:focus, .inputList .ibtn button:hover, .inputList .ibtn a:focus, .inputList .ibtn a:hover {
  background-color: #0d2e4a;
}
.inputList .ibtn.ibtn3 a {
  color: #4A4A4A;
  background-color: #E5E5E5;
}
.inputList .ibtn.ibtn3 a:focus, .inputList .ibtn.ibtn3 a:hover {
  background-color: #f5f5f5;
}
.inputList .ibtn.ibtn4 a {
  position: relative;
  padding: 8px 30px;
  min-width: 140px;
  margin: 16px 20px;
}
.inputList .ibtn.ibtn4.ibtnAA a, .inputList .ibtn.ibtn4.ibtnAR a {
  margin-top: 0;
}
.inputList .ibtn.ibtn4.ibtnAA a:after {
  content: ">>";
  display: inline-block;
  margin-left: 5px;
}
.inputList .ibtn.ibtn4.ibtnAR a:after {
  content: "<<";
  display: inline-block;
}
.inputList .ibtn.ibtn4.ibtnPA a:before {
  content: "+";
  display: inline-block;
  margin-right: 5px;
}
.inputList .selectArea {
  width: 450px;
  max-width: 100%;
  max-width: calc(100vw - 30px);
}
.inputList select[multiple] {
  width: 100%;
  height: 500px;
  background-color: #f5f5f5;
}
.inputList select[multiple] option {
  position: relative;
  padding: 10px 20px;
}
.inputList select[multiple] option:not([value*="fakefake"]) {
  padding-left: 50px;
}
.inputList select[multiple] option:not([value*="fakefake"]):before {
  content: "";
  position: absolute;
  left: 20px;
  top: 12px;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 2px;
  background-color: #fff;
  text-align: center;
}
.inputList select[multiple] option:not([value*="fakefake"]):after {
  content: "";
  position: absolute;
  left: 20px;
  top: 12px;
  width: 16px;
  height: 16px;
  margin: 2px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.inputList select[multiple] option:checked:not([value*="fakefake"]):after {
  background-color: #0053B3;
}
.inputList select[multiple] option[value*="fakefakefake"] {
  white-space: normal;
}
.inputMask label {
  position: relative;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0;
  padding-right: 10px;
}
.inputMask label * {
  cursor: pointer;
}
.inputMask label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.inputMask label .mask {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  border: 1px solid #000;
  border-radius: 2px;
  background-color: #fff;
  margin: auto 8px;
}
.inputMask label input:focus + .mask, .inputMask label:hover .mask {
  border: 2px solid #000;
}
.inputMask label .mask:before {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.inputMask label input:checked ~ .mask:before {
  background-color: #0053B3;
}
.inputMask.toggleMask label .mask {
  background-color: #ccc;
  height: 22px;
  width: 48px;
  border: 0;
  border-radius: 100px;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.inputMask.toggleMask label input:focus + .mask, .inputMask.toggleMask label:hover .mask {
  border: 0;
  opacity: .7;
}
.inputMask.toggleMask label input:checked + .mask {
  background-color: #0053B3;
}
.inputMask.toggleMask label .mask:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 1px;
  background-color: #fff;
  border-radius: 100px;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.inputMask.toggleMask label input:checked + .mask:before {
  background-color: #fff;
  -webkit-transform: translate(calc(100% + 4px), 0);
  -ms-transform: translate(calc(100% + 4px), 0);
  transform: translate(calc(100% + 4px), 0);
}
/*===================*/
.mytagPage .fmTit a {
  display: block;
  position: relative;
  padding: 20px;
  padding-left: 60px;
}
.mytagPage .fmTit a:before {
  content: "";
  position: absolute;
  left: 15px;
  width: 26px;
  height: 26px;
}
.mytagPage .content > * {
  margin: 20px 0;
}
.mytagPage .content > *:nth-child(1) {
  margin-top: 0;
}
.mytagPage .content > *:nth-last-child(1) {
  margin-bottom: 0;
}
.mytagPage .content .heading {
  font-size: 1.4em;
}
.mytagPage .content .dropArea {
  padding: 20px;
  background-color: #f5f5f5;
}
/*===================*/
/*==============*/
/*==============*/
.mainContent .moreBtn {
  text-align: center;
}
.moreBtn.moreRight {
  text-align: right;
}
.moreBtn a {
  position: relative;
  display: inline-block;
  padding: 8px 20px;
  color: rgba(0, 0, 0, .9);
  background-color: #fff;
  border: 2px solid #FE006E;
  border-radius: 100px;
  line-height: normal;
}
.moreBtn a:focus, .moreBtn a:hover {
  color: rgba(0, 0, 0, 1);
}
.moreBtn a:after {
  content: "";
  display: inline-block;
  margin-left: 20px;
  width: 14px;
  height: 10px;
}
/*===============*/
.ias_index .leftMenuBtn {
  text-align: right;
  margin-bottom: 20px;
}
.ias_index .leftMenuBtn a {
  display: inline-block;
  position: relative;
  padding: 12px 28px;
  color: var(--font_color_invert_normal);
  background-color: var(--font_color_theme_lv2_invert_1_dark);
  border-radius: 100px;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.ias_index .leftMenuBtn a:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 16px;
  vertical-align: baseline;
  background-image: var(--bgicon_s1_4);
}
.ias_index .cross_btn {
  display: block;
}
.ias_index > .border {
  display: none;
  max-width: 100%;
  min-width: 420px;
  width: 420px;
  font-size: var(--font_size_content);
}
.subMenuVerion .ias_index > .border {
  display: block;
}
.ias_index .stickyBorder { /*
    position: sticky;*/
  top: 20px;
}
.ias_index .borderMenu {
  padding-bottom: 60px;
}
.ias_index .borderMenu > .border {
  width: 336px;
  margin-right: min(100px, 5.2083333333333333333333333333333vw);
  max-width: 100%; /*
	border-top:2px solid var(--theme_color_red_deep_3);
	border-bottom:2px solid var(--theme_color_red_deep_3);*/
}
.ias_index .borderMenu > .border > div > .aTag > a, .ias_index .borderMenu > .border > div > .aTag > .funnyFakeA {
  display: block;
  position: relative;
  width: 100%;
  padding: var(--theme_distance_large_7);
  padding-left: calc(var(--theme_distance_large_7) + var(--theme_distance_medium_4) + 15px);
  font-weight: var(--font_weight_medium);
  color: var(--theme_color_dark_deep_4);
  /*background-color: var(--theme_color_white_light_2);*/
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.ias_index .borderMenu > .border > div.activeSection > .aTag > a, .ias_index .borderMenu > .border > div > .aTag > a:focus, .ias_index .borderMenu > .border > div > .aTag > a:hover, .ias_index .borderMenu > .border > div.activeSection > .aTag > .funnyFakeA {
  color: #404040;
  background-color: #eeeeee;
}
.ias_index .borderMenu > .border > div > .aTag > a:before, .ias_index .borderMenu > .border > div > .aTag > .funnyFakeA:before {
  content: "";
  position: absolute;
  left: var(--theme_distance_large_7);
  top: calc(var(--theme_distance_large_7) + 4px);
  width: 15px;
  height: 15px;
  background-color: var(--theme_color_white_light_1_0);
  border: 2px solid var(--theme_color_dark_light_3);
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.ias_index .borderMenu > .border > div > .aTag > a:focus:before, .ias_index .borderMenu > .border > div > .aTag > a:hover:before, .ias_index .borderMenu > .border > div.activeSection > .aTag > a:before, .ias_index .borderMenu > .border > div.activeSection > .aTag > .funnyFakeA:before {
  background-color: #404040;
  border: 2px solid var(--theme_color_blue-green);
}
.ias_index .borderMenu > .border > div:not(:nth-last-child(1)) > .aTag > a:after, .ias_index .borderMenu > .border > div:not(:nth-last-child(1)) > .aTag > .funnyFakeA:after {
  content: "";
  position: absolute;
  left: var(--theme_distance_large_7);
  right: var(--theme_distance_large_7);
  bottom: 0;
  height: 2px;
  background-color: var(--theme_color_dark_light_3);
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.ias_index .borderMenu > .border .extmenu .aTag > a, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA {
  display: block;
  position: relative;
  color: #404040;
  background-color: rgba(255, 255, 255, 0);
  padding: var(--theme_distance_small_3) var(--theme_distance_large_7);
  padding-left: calc(var(--theme_distance_large_7) + var(--theme_distance_medium_4) + 15px);
  padding-right: calc(var(--theme_distance_large_7) + var(--theme_distance_small_3) + 20px);
  flex: 1 1 auto;
  transition: var(--transition-normal);
}
.ias_index .borderMenu > .border .extmenu .aTag > a:before, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA:before {
  content: "";
  position: absolute;
  left: calc(var(--theme_distance_large_7) + 2px);
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: var(--theme_color_white_light_1_0);
  border: 2px solid var(--theme_color_dark_light_3);
  border-radius: 100px;
  transform: translate(0, -50%);
  transition: var(--transition-normal);
}
.ias_index .borderMenu > .border .extmenu .extmenu .aTag > a, .ias_index .borderMenu > .border .extmenu .extmenu .aTag > .funnyFakeA {
  padding-left: calc(var(--theme_distance_large_7) + var(--theme_distance_medium_4) + 30px);
}
.ias_index .borderMenu > .border .extmenu .extmenu .aTag > a:before, .ias_index .borderMenu > .border .extmenu .extmenu .aTag > .funnyFakeA:before {
  left: calc(var(--theme_distance_large_7) + 20px);
  width: 10px;
  height: 5px;
  background-color: var(--theme_color_dark_light_3);
  border: 0;
  border-radius: 0;
}
.ias_index .borderMenu > .border .extmenu .extmenu .extmenu .aTag > a:before, .ias_index .borderMenu > .border .extmenu .extmenu .extmenu .aTag > .funnyFakeA:before {
  left: calc(var(--theme_distance_large_7) + 25px);
  width: 5px;
  height: 5px;
  background-color: var(--theme_color_dark_light_3);
  border: 0;
  border-radius: 0;
}
.ias_index .borderMenu > .border .extmenu .extmenu .extmenu .aTag > a:focus:before, .ias_index .borderMenu > .border .extmenu .extmenu .extmenu .aTag > a:hover:before, .ias_index .borderMenu > .border .extmenu .extmenu .extmenu .aTag > .funnyFakeA:hover:before {
  background-color: var(--theme_color_red_deep_2);
}
.ias_index .borderMenu > .border .extmenu .active > .aTag > a, .ias_index .borderMenu > .border .extmenu .active > .aTag > .funnyFakeA {
  color: #404040;
  background-color: #eeeeee;
}
.ias_index .borderMenu > .border .extmenu .active > .aTag > a:before, .ias_index .borderMenu > .border .extmenu .aTag > a:focus:before, .ias_index .borderMenu > .border .extmenu .aTag > a:hover:before, .ias_index .borderMenu > .border .extmenu .active > .aTag > .funnyFakeA:before, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA:focus:before, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA:hover:before {
  background-color: #404040;
  border: 2px solid var(--theme_color_blue-green);
}
.ias_index .borderMenu > .border > div > .extmenu {
  padding-bottom: 0;
}
.ias_index .borderMenu > .border > div.active > .extmenu {
  padding-bottom: 20px;
}
.ias_index .borderMenu > .border .active > .extmenu {
  opacity: 1;
}
.ias_index .borderMenu > .border .extmenu > * {
  display: none;
}
.ias_index .borderMenu > .border .active > .extmenu > * {
  display: block;
}
.ias_index .borderMenu > .border .extmenu .aTag {
  padding-top: 10px;
}
.ias_index .borderMenu > .border .extmenu .aTag > a, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA {
  /* display: block;
  position: relative;
  display: block;
  color: #404040;
  background-color: rgba(255, 255, 255, 0);
  padding: 0 0;
  padding-left: 20px;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);*/
}
.ias_index .borderMenu > .border .extmenu .aTag > a:before, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA:before { /*
  content: "";
  position: absolute;
  left: 5px;
  top: 15px;
  top: calc(0px + .44em);
  width: 5px;
  height: 5px;
  background-color: #eeeeee;
  border-radius: 100px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);*/
}
.chineseVersion .ias_index .borderMenu > .border .extmenu .aTag > a:before, .chineseVersion .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA:before {
  /*top: calc(0px + .66em);*/
}
.ias_index .borderMenu > .border .extmenu .active > .aTag > a, .ias_index .borderMenu > .border .extmenu .active > .aTag > .funnyFakeA {
  /*color: #008088; 
	font-weight: bold;*/
}
.ias_index .borderMenu > .border .extmenu .aTag > a:focus, .ias_index .borderMenu > .border .extmenu .aTag > a:hover, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA:focus, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA:hover { /*
	color:#008088;
    background-color: #CFEEFF;
	font-weight: bold;*/
}
.ias_index .borderMenu > .border .extmenu .active > .aTag > a:before, .ias_index .borderMenu > .border .extmenu .aTag > a:focus:before, .ias_index .borderMenu > .border .extmenu .aTag > a:hover:before, .ias_index .borderMenu > .border .extmenu .active > .aTag > .funnyFakeA:before, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA:focus:before, .ias_index .borderMenu > .border .extmenu .aTag > .funnyFakeA:hover:before { /*
    background-color: #008088;*/
}
.ias_index .borderMenu > .border .extmenu .extmenu {
  padding-left: 20px;
}
.ias_index .aTag .extbtn a {
  position: relative;
  top: 16px;
  display: block;
  width: 22px;
  height: 23px;
  border: 1px solid #C0C0C0;
  border-radius: 4px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.ias_index .active > .aTag .extbtn a {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.ias_index .extmenu .aTag .extbtn a {
  top: 9px;
}
.ias_index .aTag .extbtn a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 7px;
  background-image: url(../images/icon/icon_ias_arrow.svg);
  -webkit-transform: var(--transform-toCenterMiddle);
  -ms-transform: var(--transform-toCenterMiddle);
  transform: var(--transform-toCenterMiddle);
}
.ias_index .spMenu > .border > .title {
  padding: 0 20px;
  padding-top: 16px;
  font-weight: bold;
}
.ias_index .spMenu > .border > .spMenuList {
  padding: 0 20px;
}
.ias_index .spMenu a {
  position: relative;
  padding: 16px 0;
  padding-left: 64px;
  min-height: 82px;
  color: rgba(0, 0, 0, .9);
}
.ias_index .spMenu .menu:not(:nth-last-child(1)) a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.078);
}
.ias_index .spMenu a:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 50px;
  height: 50px;
}
.ias_conetnt {
  /*max-width: min(100%, calc(min(var(--container2_max_width), 100vw) - var(--theme_distance_invw_m_6) - var(--theme_distance_invw_m_6) - 436px));	
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;*/
}
.indexAddressSelector.myflex {
  display: block;
}
.ias_index {
  display: none;
}
/*=========================*/
a.urlIcon {
  position: relative;
  display: inline-block;
}
a.urlIcon:after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 5px;
}
.remark_star, .alert {
  color: var(--theme_color_red_deep_2_1);
}
/*===========================*/
.headerMenu .nobr {
  display: block;
}
/*===========================*/
/*.bodyArea .mainArea a{
	color:var(--theme_color_brown);
}
.bodyArea .mainArea a:focus,
.bodyArea .mainArea a:hover{
	color:var(--theme_color_deep-brown);
}*/
/*===========================*/
/*===============*/
.myCEArea .myCEA_List > .border {
  position: relative;
  padding: var(--theme_distance_2) var(--theme_distance_8);
  border-bottom: 1px solid #eee;
  border-top: 1px solid #d9d9d9;
  background-color: #f7f9fc;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.myCEArea .myCEA_List > .border.active {
  background-color: var(--bg_color_button_active_default);
  padding-top: var(--theme_distance_2);
  padding-bottom: var(--theme_distance_2);
}
.myCEArea .myCEA_List > .border:hover, .myCEArea .myCEA_List > .border.active:hover {
  background-color: var(--font_color_old_theme_1a);
}
.myCEArea .myCEA_List .title a {
  display: block;
  position: relative;
  padding: var(--theme_distance_4) 0;
  color: var(--font_size_default);
}
.myCEArea .myCEA_List > .border .title a .myCEA_titNo {
  margin-right: var(--theme_distance_4);
  min-width: 32px;
}
.chineseVersion .myCEArea .myCEA_List .title a .myCEA_titNo {
  line-height: 1.5em;
}
.myCEArea .myCEA_List .content {
  opacity: 0;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.myCEArea .myCEA_List .content > * {
  display: none;
}
.myCEArea .myCEA_List > .border.active > .content {
  opacity: 1;
}
.myCEArea .myCEA_List > .border.active > .content > * {
  display: block;
}
.myCEArea.blank .myCEA_List > .border {
  padding: 0;
  border-bottom: 0;
  border-top: 0;
  background-color: transparent;
}
.myCEArea.blank .myCEA_List > .border.active {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.myCEArea.blank .myCEA_List > .border:hover, .myCEArea.blank .myCEA_List > .border.active:hover {
  background-color: transparent;
}
/*================*/
.numDiv .number {
  display: inline-block;
  position: relative;
  min-width: 35px;
  margin-right: 10px;
  font-size: var(--font_size_heading_3);
  font-weight: var(--font_weight_heading_3);
  color: var(--theme_color_blue-green);
  text-align: center;
  line-height: 1em;
}
.numDiv .number:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border: 3px solid var(--theme_color_blue-green);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
/*==============*/
.imgCover {
  padding-left: 20px;
  min-width: min(160px, 100%);
}
.greatTable table {
  min-width: 1400px;
}
.ppTable thead th:nth-last-child(1) {
  width: 20%;
}
.ppTable.ppT2 thead th:nth-child(2) {
  width: 20%;
}
.ppTable.ppT2 thead th:nth-last-child(1), .ppTable.ppT2 thead th:nth-last-child(2) {
  width: 15%;
}
.ppTable.ppT3 thead th:nth-child(odd) {
  width: 20%;
  text-align: right;
}
.ppTable.ppT3 thead th:nth-child(even) {
  width: 30%;
  text-align: left;
}
.wn2Table tbody th:nth-child(1) {
  width: 20%;
}
.acTable table th:nth-child(1) {
  width: 25%;
}
.wn2Table thead th {
  width: 25%;
}
.rlecTable thead th:nth-child(1) {
  width: 50%;
}
/*body.event_details
.ppTable tbody td:nth-child(1){
	width:15%;
	font-weight:600	
}
body.event_details
ol {
	font-size:0.85em	
}
*/
.ppTable tbody td:nth-child(1) {
  width: 5%;
}
.defTable table tr, .csTable table thead, .csTable table tbody, .cuTable table tr, .erTable table tr, .ppTable table tr, /*.wnTable table tr,*/ /*.prTable table tr,*/
/*.tnTable table tr,*/
.ceTable table tr, .acTable table tr, .rlecTable table tr, .lcprTable table tr, .lgpFsTable table tr, .lpgIpTable table tr, .lpgBCNTable table tr, .lpgCpTable table tr {
  border-top: 1px solid #e3e6e8;
}
.wnTable thead tr, .prTable thead tr, .tnTable thead tr, .reTable thead tr {
  border-top: 1px solid #e3e6e8;
}
.wn2Table thead tr {
  border-top: 0px;
}
.defTable thead tr, .csTable thead tr, .erTable thead tr, .ppTable thead tr, /*.wnTable thead tr,*/ /*.prTable thead tr,*/
/*.tnTable thead tr,*/
.ceTable thead tr, .rlecTable thead tr, .lcprTable thead tr, .lgpFsTable thead tr, .lpgIpTable thead tr, .lpgBCNTable thead tr, .lpgCpTable thead tr {
  color: var(--color_table_wrapper_1_head);
  /* 	background-color:var(--bg_table_wrapper_1_head); */
  background-color: #0d74ae;
}
.wnTable tbody tr, .prTable tbody tr, .tnTable tbody tr, .reTable tbody tr {
  border-top: 0px;
  border-bottom: 1px solid #e3e6e8;
}
.wn2Table thead tr th {
  background-color: var(--theme_color_green_light_1);
}
.wn2Table thead:nth-child(1) tr th {
  color: var(--color_table_wrapper_1_head);
  background-color: var(--theme_color_dark_deep_5);
}
.wnTable > table > thead th, .wnTable > * > table > thead th, .prTable > table > thead th, .prTable > * > table > thead th, .tnTable > table > thead th, .tnTable > * > table > thead th, .reTable > table > thead th, .reTable > * > table > thead th {
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--theme_color_white_light_1);
  white-space: nowrap;
}
.wnTable > table > thead th > .tag, .wnTable > * > table > thead th > .tag, .prTable > table > thead th > .tag, .prTable > * > table > thead th > .tag, .tnTable > table > thead th > .tag, .tnTable > * > table > thead th > .tag, .reTable > table > thead th > .tag, .reTable > * > table > thead th > .tag {
  display: inline-block;
  padding: 4px 12px;
  font-size: var(--font_size_normal_4);
  font-weight: bold;
  color: var(--theme_color_white_light_1);
  background-color: var(--theme_color_dark_deep_1);
}
.csTable thead th {
  text-align: left;
  vertical-align: middle;
}
.defTable thead th, .erTable thead th, .ppTable thead th, /*.wnTable thead th,*/ /*.prTable thead th,*/
/*.tnTable thead th,*/
.ceTable thead th, .rlecTable thead th, .lcprTable thead th, .lgpFsTable thead th, .lpgIpTable thead th, .lpgBCNTable thead th, .lpgCpTable thead th {
  text-align: left;
  vertical-align: middle;
}
.ppTable thead th:nth-child(n+2) {
  text-align: left;
}
.csTable.thl thead th, .ppTable.thl thead th:nth-child(n+1), .rlecTable thead th {
  text-align: left;
}
.wn2Table thead:nth-child(1) th, .wn2Table thead th {
  text-align: center;
}
.wn2Table tbody:not(:nth-child(2)) td {
  text-align: center;
}
.rlecTable table tr > *:nth-child(n+2), .lcprTable table tr > *:nth-child(n+2), .lgpFsTable table tr > *:nth-child(n+2) {
  text-align: center;
}
.cuTable thead tr, .acTable thead tr {
  color: var(--color_table_wrapper_1_head);
  background-color: var(--bg_table_wrapper_1_head);
}
.cuTable tbody th, .ceTable tbody th, .acTable tbody th, .lpgIpTable tbody th, .lpgBCNTable tbody th, .lpgCpTable tbody th {
  /* 	background-color:var(--theme_color_red_light_2); */
  background-color: #d4edfb;
}
.wn2Table tbody th {
  background-color: var(--theme_color_white_light_5);
}
.wn2Table tbody td {
  background-color: var(--theme_color_green_light_1);
}
.wn2Table tbody:not(:nth-child(2)) td {
  background-color: var(--theme_color_blue_light_6);
}
.erTable tbody td:nth-last-child(1), .ppTable tbody td:nth-child(n+3) {
  text-align: left;
}
.ceTable tbody tr, .lpgIpTable tbody tr, .lpgBCNTable tbody tr, .lpgCpTable tbody tr, .lpgIpTable tbody tr, .lpgBCNTable tbody tr, .lpgCpTable tbody tr {
  background-color: var(--bg_table_wrapper_1_row2);
}
.defTable tbody tr:nth-child(odd), .erTable tbody tr:nth-child(odd), .ppTable tbody tr:nth-child(odd), .rlecTable tbody tr:nth-child(odd), .lcprTable tbody tr:nth-child(odd), .lgpFsTable tbody tr:nth-child(odd), .lpgIpTable tbody tr:nth-child(odd), .lpgBCNTable tbody tr:nth-child(odd), .lpgCpTable tbody tr:nth-child(odd) {
  background-color: var(--bg_table_wrapper_1_row1);
}
.defTable tbody tr:nth-child(even), .erTable tbody tr:nth-child(even), .ppTable tbody tr:nth-child(even), .rlecTable tbody tr:nth-child(even), .lcprTable tbody tr:nth-child(even), .lgpFsTable tbody tr:nth-child(even), .lpgIpTable tbody tr:nth-child(even), .lpgBCNTable tbody tr:nth-child(even), .lpgCpTable tbody tr:nth-child(even) {
  background-color: var(--bg_table_wrapper_1_row2);
}
.csTable tbody:nth-child(even) {
  background-color: var(--bg_table_wrapper_1_row1);
}
.csTable tbody:nth-child(odd) {
  background-color: var(--bg_table_wrapper_1_row2);
}
.defTable table th, .wnTable table th, .prTable table th, .tnTable table th, .reTable table th, .ceTable table th, .acTable table th, .rlecTable table th, .lcprTable table th, .lgpFsTable table th, .lpgIpTable table th, .lpgBCNTable table th, .lpgCpTable table th {
  padding: 1.2rem 1.2rem;
}
.defTable table td, .cuTable table td, .csTable table td, .erTable table td, .ppTable table td, .wnTable table td, .prTable table td, .tnTable table td, .reTable table td, .ceTable table td, .acTable table td, .rlecTable table td, .lcprTable table td, .lgpFsTable table td, .lpgIpTable table td, .lpgBCNTable table td, .lpgCpTable table td {
  padding: 1.2rem 1.2rem;
  line-height: 1.4em;
}
.wn2Table table th, .wn2Table table td {
  border: 1px solid var(--theme_color_white_light_1);
}
.wnTable td > .h2, .prTable td > .h2, .tnTable td > .h2, .reTable td > .h2 {
  line-height: normal;
  margin-bottom: 10px;
  margin-top: -4px;
}
.tnTable td > .h2 p, .reTable td > .h2 p {
  line-height: normal;
}
.ppTable.ppT3 tbody td:not([colspan]):nth-child(odd) {
  text-align: right;
  background-color: var(--theme_color_red_light_2);
}
.ppTable.ppT3 tbody td:nth-child(even) {
  text-align: left;
}
.ppTable.ppT3 tbody td[colspan] {
  text-align: center;
}
.erTable tbody td:nth-last-child(1) {
  vertical-align: middle;
}
.erTable li h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.content_bg > .border {
  display: inline-block;
  padding: 20px 30px;
  background-color: var(--theme_color_white_light_2);
  border-radius: 10px;
}
.content_bg > .border h4 {
  margin-top: 0;
  margin-bottom: 10px;
}
.content_bg > .border > *:nth-last-child(1) {
  margin-bottom: 0;
}
.wnTable table .title, .prTable table .title, .tnTable table .title, .reTable table .title, .ceTable table .title, .lpgIpTable table .title, .lpgBCNTable table .title, .lpgCpTable table .title {
  /*font-size:var(--font_size_large_6);*/
  font-weight: bold;
  line-height: 1.5em;
}
.wnTable table p {
  line-height: 1.5em;
}
.wnTable tbody .title, .rlecTable tbody .title {
  color: var(--theme_color_red_deep_2);
}
.wnTable table .title2, .prTable table .title2, .tnTable table .title2, .reTable table .title2, .ceTable table .title2, .lpgIpTable table .title2, .lpgBCNTable table .title2, .lpgCpTable table .title2 {
  font-weight: bold;
  line-height: normal;
}
.wnTable table a p, .prTable table a p, .tnTable table a p, .reTable table a p, .ceTable table a p, .lpgIpTable table a p, .lpgBCNTable table a p, .lpgCpTable table a p {
  line-height: normal;
}
.wn2Table img {
  width: min(60px, 100%);
}
.wnTable table li {
  position: relative;
  list-style-type: none;
}
.wnTable table li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -20px;
  width: 0;
  height: 0;
  border-left: 10px solid var(--theme_color_blue_deep_4);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.lpgIpTable table th, .lpgIpTable table td, .lpgBCNTable thead th, .lpgBCNTable tbody td, .lpgCpTable thead th, .lpgCpTable tbody td {
  text-align: center;
}
.lpgCpTable thead tr:nth-child(n+2) {
  color: var(--font_color_default);
  background-color: #d4edfb;
}
.defTable thead th.al_center {
  text-align: center;
}
#faq td h4 {
  margin: 0;
}
.mainContent ul.pg_anchor {
  display: inline-block;
  width: 100%;
}
.mainContent table.mb0 {
  margin-bottom: 0;
}
.mainContent table.tab_list th {
  padding: 1.2rem 1.2rem;
  /* 	background-color: var(--theme_color_red_light_2); */
  background-color: #d4edfb;
  border: 1px solid #e1e1e1;
}
.mainContent table.tab_list td {
  padding: 1.2rem 1.2rem;
  /*background-color: #f5f5f5;*/
  border: 1px solid #e1e1e1;
}
.defTable.absDef table.color_table th, .defTable.absDef table.color_table td, .mainContent > table.color_table th, .mainContent > table.color_table td {
  padding: 1.2rem 1.2rem;
  border: 1px solid #e1e1e1;
}
.defTable.absDef:not(.thActive):not(.fthActive) table.color_table tbody:nth-child(1) tr:nth-child(1), .mainContent > table.color_table:not(.thActive) tbody:nth-child(1) tr:nth-child(1) {
  color: var(--color_table_wrapper_1_head);
  background-color: var(--bg_table_wrapper_1_head);
}
.mainContent td > .defTable.absDef table.plain_table .color_row th, .mainContent td > .defTable.absDef table.plain_table .color_row td, .mainContent td > table.plain_table .color_row th, .mainContent td > table.plain_table .color_row td {
  background-color: var(--theme_color_red_light_2);
}
.mainContent td > .defTable.absDef table.plain_table th, .mainContent td > .defTable.absDef table.plain_table td, .mainContent td > table.plain_table th, .mainContent td > table.plain_table td {
  padding: 1.2rem 1.2rem;
}
.defTable.absDef table.color_table tr:not(:nth-child(1)) th, .mainContent td > .defTable.absDef table.plain_table tr:not(:nth-child(1)) th, .defTable.absDef.thActive table.color_table tbody th, .mainContent td > .defTable.absDef.thActive table.plain_table tbody th, .defTable.absDef.fthActive.thActive table tbody th, .defTable.absDef.fthActive table.color_table tbody th, .mainContent td > .defTable.absDef.fthActive table.plain_table tbody th {
  color: var(--font_color_default);
  /* 	background-color: var(--theme_color_red_light_2); */
  background-color: #d4edfb;
}
.mainContent span.icon_tel, .mainContent span.icon_email, .mainContent span.icon_address, .mainContent span.icon_link, .mainContent span.icon_print {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  line-height: normal;
}
.mainContent span.icon_tel:before, .mainContent span.icon_email:before, .mainContent span.icon_address:before, .mainContent span.icon_link:before, .mainContent span.icon_print:before {
  content: "";
  position: absolute;
  left: 4px;
  width: 17px;
  height: 17px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.mainContent li span.icon_tel:before, .mainContent li span.icon_email:before, .mainContent li span.icon_address:before, .mainContent li span.icon_link:before, .mainContent li span.icon_print:before {
  top: 2px;
}
.chineseVersion .mainContent span.icon_tel:before, .chineseVersion .mainContent span.icon_email:before, .chineseVersion .mainContent span.icon_address:before, .chineseVersion .mainContent span.icon_link:before, .chineseVersion .mainContent span.icon_print:before {
  top: 5px;
}
.mainContent span.icon_tel:before {
  background-image: url("../images/c1/icon_tel.png");
}
.mainContent span.icon_email:before {
  background-image: url("../images/c1/icon_email.png");
}
.mainContent span.icon_address:before {
  background-image: url("../images/c1/icon_location.png");
}
.mainContent span.icon_link:before {
  background-image: url("../images/c1/icon_link.png");
}
.mainContent span.icon_print:before {
  background-image: url("../images/c1/icon_fax.png");
}
.mainContent ol[type="a"] {
  list-style-type: decimal;
}
.mainContent table li h5 {
  margin: 0;
}
.mainContent table tr > * > ol:nth-child(1), .mainContent table tr > * > ul:nth-child(1), .mainContent table tr > * > ul.parentsList > li, .mainContent table tr > * > *[class^="h"]:nth-child(1) {
  margin-top: 0;
}
/*====================================*/
.clearfix {
  position: relative;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.f_left {
  float: left;
  margin-right: 15px;
}
.f_right, .af_right, .clearfix .f_right {
  float: right;
  margin-left: 15px;
}
.frParent .f_right {
  float: right;
}
.hr {
  height: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  border-style: inset;
  border-width: 1px;
}
.hr_dotline1 {
  height: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  border-style: inset;
  border-width: 1px;
}
.hr_dotline2 {
  height: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  border-style: inset;
  border-width: 1px;
}
ol:not([class]) > li {
  list-style-type: decimal;
  padding-bottom: 10px;
  line-height: 1.4em;
}
li ol:not([class]) > li {
  list-style-type: lower-roman;
  line-height: 1.4em;
}
li li ol:not([class]) > li {
  list-style-type: lower-alpha;
}
li ol:not([class]):nth-child(1) {
  margin-top: .6em;
}
li ol:not([class]):nth-last-child(1) {
  margin-bottom: .6em;
}
.mainContent ul.list_cross {
  padding-left: 0;
}
.mainContent ul.list_cross li {
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 30px;
  list-style-type: none;
  line-height: 1.4em;
}
.mainContent ul.list_cross > li:before {
  content: '';
  position: absolute;
  left: 8px;
  top: .52em;
  width: 12px;
  height: 12px;
  background-image: url(../images/wrong.png);
}
/*====================================*/
.iconPdf, .iconDoc, .iconXls, .iconPpt, .iconCsv, .iconExtlink {
  width: 1.5rem;
  height: 1.75rem;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: text-bottom;
  position: relative;
  display: inline-block;
  line-height: 1.4em;
}
.iconPdf:before, .iconPdf:after, .iconDoc:before, .iconDoc:after, .iconXls:before, .iconXls:after, .iconPpt:before, .iconPpt:after, .iconCsv:before, .iconCsv:after, .iconExtlink:before, .iconExtlink:after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/*===============*/
.myflex .freeWidth {
  flex: 0 0 auto;
}
/*===============*/
.pull_down {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
}
.pull_down label {
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.goBtn {
  display: flex;
  align-items: center;
}
/*input, button, select, optgroup, textarea {
    font-size: 0.95em;
	color: #454545;
	height: 25px;
    margin-top: 5px;
}*/
.goBtn a {
  display: block;
  padding: 1px 10px;
}
/*===============*/
/*================*/
.pagination li {
  padding: 0 10px;
  list-style-type: none;
}
.pagination li > a, .pagination li > div {
  position: relative;
  height: 28px;
  width: 28px;
  border-radius: 100rem;
}
.pagination li a.pagenum:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 30px;
  width: 30px;
  border: 2px solid rgba(255, 255, 255, 0);
  border-radius: 100rem;
  transform: translate(-50%, -50%);
  transition: var(--transition-normal);
}
.pagination li a.pagenum.selected:before, .pagination li a.pagenum:focus:before, .pagination li a.pagenum:hover:before {
  /* 	border-color: var(--bg_table_wrapper_1_head); */
  border-color: #0c75ae;
}
.pagination a.btn_arrow {
  color: #fff;
  /* 	background-color: #B50006; */
  background-color: #0c75ae;
  transition: var(--transition-normal);
}
.pagination a.btn_arrow:focus, .pagination a.btn_arrow:hover {
  /* 	background-color: #333; */
  background-color: #0c75ae;
}
/*====================*/
img[data-height="60"] {
  height: 60px;
}
img[data-height="40"] {
  height: 40px;
}
.mainContent table[data-border="1"] th, .mainContent table[data-border="1"] td {
  border-collapse: collapse;
  border: 1px solid #000;
}
.mainContent th[data-align="center"], .mainContent table[data-border="0"] th[data-align="center"], .mainContent td[data-align="center"], .mainContent tr[data-align="center"], .mainContent td[data-align="center"] p {
  text-align: center;
}
.mainContent th[data-align="left"], .mainContent table[data-border="0"] th[data-align="left"], .mainContent td[data-align="left"], .mainContent tr[data-align="left"], .mainContent td[data-align="left"] p {
  text-align: left;
}
.mainContent table[data-width="100%"] {
  width: 100%;
}
.mainContent table th[data-width="8%"], .mainContent table td[data-width="8%"] {
  width: 8%;
}
.mainContent input[type="button"] {
  line-height: normal;
}
*[data-width="5%"] {
  width: 5%;
}
*[data-width="10%"] {
  width: 10%;
}
*[data-width="11%"] {
  width: 11%;
}
*[data-width="12%"] {
  width: 12%;
}
*[data-width="13%"] {
  width: 13%;
}
*[data-width="15%"] {
  width: 15%;
}
*[data-width="16%"] {
  width: 16%;
}
*[data-width="17%"] {
  width: 17%;
}
*[data-width="18%"] {
  width: 18%;
}
*[data-width="20%"] {
  width: 20%;
}
*[data-width="22%"] {
  width: 22%;
}
*[data-width="23%"] {
  width: 23%;
}
*[data-width="25%"] {
  width: 25%;
}
*[data-width="30%"] {
  width: 30%;
}
*[data-width="33%"] {
  width: 33.3333%;
}
*[data-width="35%"] {
  width: 35%;
}
*[data-width="50%"] {
  width: 50%;
}
*[data-width="60%"] {
  width: 60%;
}
*[data-width="70%"] {
  width: 70%;
}
*[data-width="75%"] {
  width: 75%;
}
*[data-width="85%"] {
  width: 85%;
}
*[data-width="100"] {
  width: 100px;
}
*[data-width="110"] {
  width: 110px;
}
*[data-width="180"] {
  width: 180px;
}
.myflex > *[data-width="180"] {
  width: min(180px, 100%);
}
*[data-width="200"] {
  width: 200px;
}
*[data-width="220"] {
  width: 220px;
}
.myflex > *[data-width="200"] {
  width: min(200px, 100%);
}
*[data-width="275"] {
  width: 275px;
  min-width: min(275px, 100%);
}
*[data-width="300"] {
  width: 300px;
}
*[data-width="380"] {
  width: 380px;
}
*[data-width="400"] {
  width: 400px;
}
*[data-height="50"] {
  height: 50px;
}
*[data-height="60"] {
  height: 60px;
}
*[data-height="80"] {
  height: 80px;
}
*[data-height="150"] {
  height: 150px;
}
*[data-height="200"] {
  height: 200px;
}
*[data-align="center"], *[data-align="center"] * {
  text-align: center;
}
.table_wrapper table thead tr[data-align="center"] th, .table_wrapper table thead tr[data-align="center"] td, .table_wrapper table tbody tr[data-align="center"] th, .table_wrapper table tbody tr[data-align="center"] td {
  text-align: center;
}
*[data-align="right"], *[data-align="right"] * {
  text-align: right;
}
*[data-wrap="nowrap"] {
  white-space: nowrap;
}
*[data-border="1"] {
  border: 1px solid #000;
}
*[data-color="9e009e"] {
  color: #9e009e;
}
*[data-color="009933"] {
  color: #9e009e;
}
*[data-fontweight="600"] {
  font-weight: 600;
}
*[data-text-decoration="underline"] {
  text-decoration: underline;
}
*[data-display="none"] {
  display: none;
}
*[data-float="left"] {
  float: left;
}
*[data-width="395px"] {
  width: 395px;
  max-width: 100%;
}
/*===============*/
/*================*/
/*.flexTable{
	margin-bottom:var(--margin_table_h);
	overflow:auto;
}
.flexTable .ft-head,
.flexTable .ft-body{
	min-width:800px;
}
.flexTable .ft-head .ft-row{
	font-weight:var(--font_weight_table_header);
	color:var(--theme_color_green_normal);
	border-bottom:var(--border_table_header);
}
.flexTable .ft-body .ft-row{
	border-bottom:var(--border_table_row);
}
.flexTable .ft-body .ft-row:hover{
	background-image:var(--bgi_table_row_active);
}
.flexTable .ft-row>div{
	padding:var(--theme_distance_medium_5) var(--theme_distance_invw_l5);
}
.flexTable .ft-body .date{
	position:relative;
	color:var(--font_color_table_date);
	padding-left:calc(var(--bgi_table_data_w) + var(--theme_distance_small_2));
}
.flexTable .ft-body .date:before{
	content:"";
	position:absolute;
    top: 4px;
	left:0;
	width:var(--bgi_table_data_w);
	height:var(--bgi_table_data_w);
	background-image:var(--bgi_table_data);
}
.flexTable .ft-body .title,
.flexTable .ft-body .title a{
	font-size:var(--font_size_normal_5);
	color:var(--font_color_table_link);
}
.flexTable .ft-body .title a:focus,
.flexTable .ft-body .title a:hover{
	color:var(--font_color_table_link_active);
}
.flexTable .ft-body .type{
	display:inline-block;
	font-size:var(--font_size_table_type);
	color:var(--font_color_table_type);
	background-color:var(--bg_color_table_type_default);
	border-radius:var(--border_radius_table_type);
	padding:var(--padding_table_type);
	line-height:var(--line_height_without);
}
.flexTable .ft-body .type.type1{background-color:var(--bg_color_table_type_1);}
.flexTable .ft-body .type.type2{background-color:var(--bg_color_table_type_2);}
.flexTable .ft-body .type.type3{background-color:var(--bg_color_table_type_3);}*/
/*================*/
.myTable {
  overflow: auto;
  width: 100%;
}
/*================*/
/*
hr.myGreen{
	height: 4px;
	background-image:var(--theme_color_linear_5);
    border: 0;
	margin: var(--theme_distance_large_9) 0;
}
.boxContent{
	margin-bottom:var(--theme_distance_large_13);
}
.boxContent.green{
	background-image:var(--theme_color_linear_3);
	padding: var(--theme_distance_large_7);
}
.boxContent.boxIcon{
	position:relative;
	padding-left:calc(var(--theme_distance_large_7) + var(--theme_distance_medium_5) + 62px);
}
.boxContent.boxIcon:before{
	content:"";
	position:absolute;
	left:var(--theme_distance_large_6);
	top:var(--theme_distance_large_6);
	width:62px;
	height:62px;
}
.boxContent.boxIcon.icon1:before{
	background-image:var(--bgi_cont_loc_1);
}
.boxContent.boxIcon.icon2:before{
	background-image:var(--bgi_cont_loc_2);
}
.boxContent.boxIcon.icon3:before{
	background-image:var(--bgi_cont_loc_3);
}
.boxContent.boxIcon.icon4:before{
	background-image:var(--bgi_cont_loc_4);
}
.boxContent .myTable{
	margin:var(--theme_distance_medium_5) 0;
}
.boxContent .myTable td{
	border:1px solid var(--theme_color_dark_deepest);
}
.contentIcon{
	position:relative;
	padding-left:30px;
}
.contentIcon:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
    width: 25px;
    height: 30px;
}
.contentIcon.iconloc:before{
	background-image:var(--bgi_location);
}*/
/*============*/ /*
.fst_cover{
	margin-bottom:var(--theme_distance_large_7);
}
.fst_cover .tit{
	margin-top:var(--theme_distance_small_2);
}
.fst_cover_group{
	margin-bottom:var(--theme_distance_medium_5);
}
.fst_cover_group .tit{
	margin-top:var(--theme_distance_small_2);
}
.fst_cover_group.cvq_2>div:nth-child(n+3),
.fst_cover_group.cvq_3>div:nth-child(n+4),
.fst_cover_group.cvq_4>div:nth-child(n+5){
	display:none;
}*/
/*===================*/
/*.newWindow{
	position:relative;
}
.newWindow:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-left:var(--theme_distance_small_2);
	margin-right:var(--theme_distance_small_2);
	background-image:var(--theme_icon_new_window);
}
.newWinArea>.border{
	min-width:50%;
}
.newWinArea>.border>*{
	padding:var(--theme_distance_invw_l4);
	background-color:var(--theme_color_white_light_1);
	box-shadow:var(--theme_shadow_2);
}
.newWinArea a{
	display:block;
}
.newWinArea .unrow>*{
	padding:var(--theme_distance_small_3);
}
.newWinArea .icon{
	position:relative;
	overflow:hidden;
	border-radius:var(--theme_border_radius_circle);
}
.newWinArea .title{
	position:relative;
}
.newWinArea .title:after{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-left:var(--theme_distance_small_2);
	margin-right:var(--theme_distance_small_2);
	background-image:var(--theme_icon_new_window);
	vertical-align: middle;
}*/
/*=============*/
/*.vThumbnail .cover{
	position:relative;
	margin-bottom:var(--theme_distance_small_3);
	width:min(638px, 50vw);
}
.vThumbnail .cover:before{
	content:"";
	position:absolute;
	width:100px;
	height:100px;
	left:50%;
	top:50%;
	background-image:var(--theme_icon_play_video);
    -webkit-transform: var(--transform-toCenterMiddle);
    -ms-transform: var(--transform-toCenterMiddle);
    transform: var(--transform-toCenterMiddle);
	z-index:10;
}
.vThumbnail .cover:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;	
	background-color:var(--theme_color_dark_deepest);
	opacity:0.445;
	-webkit-transition:var(--transition-normal);
	-ms-transition:var(--transition-normal);
	transition:var(--transition-normal);
	z-index:5;
}
.vThumbnail a:focus .cover:after,
.vThumbnail a:hover .cover:after{
	opacity:0;
}
.vThumbnail .title{
	margin-bottom:var(--theme_distance_medium_5);
}*/
/*======================*/
/*======================*/
/*=====================================================================*/ /*
.insertVersion .bodyArea .mainHeading{
	background-image:var(--bgi_head_default);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
.insertVersion.section1 .bodyArea .mainHeading{background-image:var(--bgi_head_s1);}
.insertVersion.section2 .bodyArea .mainHeading{background-image:var(--bgi_head_s2);}
.insertVersion.section3 .bodyArea .mainHeading{background-image:var(--bgi_head_s3);}
.insertVersion.section4 .bodyArea .mainHeading{background-image:var(--bgi_head_s4);}
.insertVersion.section5 .bodyArea .mainHeading{background-image:var(--bgi_head_s5);}
.insertVersion.section6 .bodyArea .mainHeading{background-image:var(--bgi_head_s6);}
.insertVersion.section7 .bodyArea .mainHeading{background-image:var(--bgi_head_s7);}
.insertVersion.section8 .bodyArea .mainHeading{background-image:var(--bgi_head_s8);}
.insertVersion.section9 .bodyArea .mainHeading{background-image:var(--bgi_head_s9);}*/
/*=====================================================================*/
/*.myReportList>div{
	padding:var(--theme_distance_medium_4);
}
.myReportList a[href$=".pdf"]+.size{
	position:relative;
}
.myReportList a[href$=".pdf"]+.size:before{
	content:"";
	display:inline-block;
	width:24px;
	height:24px;
    margin-right: 5px;
	background-image:url(../images/icon/icon_pdf.svg);
    vertical-align: middle;
}
.cat_wrapper{
	text-align: right;
	padding-right: 10px;
}*/
/*========================*/
.icon_address {
  position: relative;
}
.icon_address:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/icon/icon_location.svg);
}
/*========================*/
.select_container {
  align-items: center;
  display: flex;
}
.custom_select {
  position: relative;
  border: 2px solid #60AFD8;
  border-radius: var(--borderradius1);
  display: inline-block;
  width: 100%;
  font-size: 1rem;
  height: 100%;
  padding: 0;
  line-height: normal;
  background: none;
  color: transparent;
  vertical-align: top;
  min-width: min(22rem, 100%);
}
.custom_select.optionboxappear {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.custom_select select {
  display: none;
  color: #007A6A;
}
*/ /*style the arrow inside the select element:*/
/*
.select-selected:after,
.select_wrapper:after {
  position: absolute;
  content: "";
  top: calc(50% - 0.2rem);
  right: 1.25rem;
  width: 0;
  height: 0;
  border: 2px solid #007A6A;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 0.25rem;
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
}

.select_wrapper:after {
  display: none;
}
*/
/*point the arrow upwards when the select box is open (active):*/
/*
.optionboxappear .select-selected:after {
  transform: rotate(-135deg) translateY(-50%);
  -webkit-transform: rotate(-135deg) translateY(-50%);
  top: calc(50% - 0.5rem);
  right: 1rem;
}

.ieVersion select::-ms-expand {
  display: none !important;
}
*/
/*style the items (options), including the selected item:*/
/*
.select-selected {
  color: #444749;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 1.375rem;
  padding-right: 5.3125rem;
  border: 0;
  border-radius: var(--borderradius1);
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  height: 100%;
  background-color: #fff;
}

.select-items .my_placeholder {
  color: #757575;
  font-size: 0.9rem;
}

.select-items div {
  color: #333;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.375rem;
  padding-right: 1.5625rem;

  font-size: inherit;
  letter-spacing: 0.9px;
}

.englishVersion .select-items div {
  letter-spacing: normal;
}

.select_disabled {}

.select_disabled .select-selected {
  background-color: var(--disabled_input_bg_color);
  color: var(--disabled_text_color);
  cursor: not-allowed;
}

.select_wrapper.select_disabled select {
  background-color: var(--disabled_input_bg_color);
  color: var(--disabled_text_color);
  cursor: not-allowed;
}

.hidden_option,
.option_not_show {
  display: none;
}
*/
/*style items (options):*/
/*
.select-items {
  position: absolute;
  background: #fff;
  margin-top: 0;
  border-radius: 0;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  top: calc(100% + 2px);
  left: -1px;
  right: 0;
  z-index: 99;
  width: calc(100% + 2px);
  overflow-y: auto;
  max-height: 252px;
  display: none;
}

.select-items div:not(.my_placeholder):hover,
.same-as-selected,
.select-items div:not(.my_placeholder):focus {
  background-color: #a8d7ef;
  cursor: pointer;
}

.optionboxappear .select-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.optionboxappear .select-items {
  display: block;
}

.form_wrapper {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: var(--borderradius1);
  border: 1px solid #e3e6e8;
}

.form_wrapper p{
  margin-bottom: 0rem;
  font-size: 0.85rem;
}

.form_wrapper .row>*:not(.nav_row):not(:last-child),
.form_wrapper .nav_row>* {
  margin-right: 1.125rem;
}

.form_wrapper .row:not(:last-child):not(:first-child){
  padding-top: 1.25rem;
}

.form_wrapper .row:not(:last-child) {
  border-bottom: 1px solid #4BA1CE;
}

.form_wrapper .row:not(:last-child)>* {
  margin-bottom: 1.25rem;
}

.form_wrapper .row:last-child>* {
  margin-top: 1.25rem;
}

.form_wrapper .input_field.hide_field {
  display: none !important;
}

.form_wrapper .input_field input::-webkit-input-placeholder,
.form_wrapper .input_field input::placeholder {
  color: #007A6A;
}

.tradition .form_wrapper input {
  font-family: var(--tc_font_family);
}

.simplify .form_wrapper input {
  font-family: var(--sc_font_family);
}

.form_wrapper .input_field input {
  color: #333;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  border: 2px solid #60AFD8;
  border-radius: var(--borderradius1);
  font-size: 1rem;
  
  width: 100%;

}

.form_wrapper .input_field input::placeholder{
  color: #333;
}

.form_wrapper .input_field label{
  margin-right: 1rem;
}

.form_wrapper .datepicker_wrapper{
  max-width: 14rem;
}

.form_wrapper .keyword_container {
	width: min(600px, 100%);
}

.form_wrapper .nav_row {
  display: flex;
}

.adrResult_content{
	opacity:0;
	-webkit-transition: var(--transition-normal);
	-ms-transition: var(--transition-normal);
	transition: var(--transition-normal);
}
.adrResult_content.active{
	opacity:1;
}
.adrResult_content>*{
	display:none;
}
.adrResult_content.active>*{
	display:block;
}

.page_control_style1 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.page_control_style1 .pages {
  display: flex;
  align-items: center;

}

.page_control_style1 .page {
  margin-right: 1rem;
}

.page_control_style1 .pages a {

  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.125rem;
  text-decoration: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page_control_style1 .pages .active a {
  color: #a00000;
}

.page_control_style1 .prev,
.page_control_style1 .next {
  align-items: center;
  display: flex;
}

.page_control_style1 .prev {
  margin-right: 1rem;
}

.page_control_style1 .next a {
  transform: rotate(180deg);
}

.page_control_style1 .prev a,
.page_control_style1 .next a {
  width: 1.35rem;
  aspect-ratio: 1/0.85;
  display: block;
}

.page_control_style1 .prev a:before,
.page_control_style1 .next a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/icon/icon_prev2.svg');
  filter: var(--bluegreen_filter);
}
*/
/*====================================*/
.iconPdf, .iconDoc, .iconXls, .iconPpt, .iconCsv, .iconExtlink {
  width: 1.5rem;
  height: 1.75rem;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: text-bottom;
  position: relative;
  display: inline-block;
}
.iconExtlink {
  width: 1.75rem;
}
.iconPdf:before, .iconPdf:after, .iconDoc:before, .iconDoc:after, .iconXls:before, .iconXls:after, .iconPpt:before, .iconPpt:after, .iconCsv:before, .iconCsv:after, .iconExtlink:before, .iconExtlink:after {
  content: '';
  /*width: 100%;
	height: 100%;*/
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.iconPdf:after, .iconDoc:after, .iconXls:after, .iconPpt:after, .iconCsv:after, .iconExtlink:after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.iconPdf:before {
  background-image: url('../images/icon_pdf.svg');
}
.iconDoc:before {
  background-image: url('../images/icon/icon_doc.svg');
}
.iconDoc:after {
  background-image: url('../images/icon/icon_doc_active.svg');
}
.iconXls:before {
  background-image: url('../images/icon/icon_excel.svg');
}
.iconXls:after {
  background-image: url('../images/icon/icon_xls_active.svg');
}
.iconPpt:before {
  background-image: url('../images/icon/icon_ppt.svg');
}
.iconPpt:after {
  background-image: url('../images/icon/icon_ppt_active.svg');
}
.iconCsv:before {
  background-image: url('../images/icon/icon_csv.svg');
}
.iconCsv:after {
  background-image: url('../images/icon/icon_csv_active.svg');
}
.iconExtlink:before {
  background-image: url('../images/icon/icon_extlink.svg');
}
.pdfa:hover .iconPdf::after, .pdfa:focus .iconPdf::after, .doca:hover .iconDoc::after, .doca:focus .iconDoc::after, .xlsa:hover .iconXls::after, .xlsa:focus .iconXls::after, .ppta:hover .iconPpt::after, .ppta:focus .iconPpt::after, .csva:hover .iconCsv::after, .csva:focus .iconCsv::after, .extlink_withtext:hover .iconExtlink::after, .extlink_withtext:focus .iconExtlink::after {
  opacity: 1;
}
/*=======otherLang CSS Begin=======*/
.headerArea .headerMenu li.otherLang {
  display: none;
}
.otherLangTool {
  position: relative;
}
.otherLangTool .tList {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 20px;
  z-index: 4010;
}
.otherLangTool:hover .tList, .otherLangTool.active .tList {
  display: block;
}
.otherLangTool .tList .tborder {
  background-color: #fff;
  border: 1px solid #ddd;
}
.otherLangTool .tList a {
  display: block;
  padding: 5px 10px;
  color: var(--font_color_default);
}
.otherLangTool .tList > .tborder li:not(:nth-last-child(1)) a {
  border-bottom: 1px solid #ddd;
}
.headerTool .clientTool .language ul.withother {
  display: none;
}
.headerTool .languageBtn {
  display: none;
}
/*=======otherLang CSS End=======*/
.appendwrap {
  width: min(350px, 80vw);
}
/*===============*/
.myhr {
  margin-top: 1em;
  margin-bottom: 1em;
}
.t_center {
  text-align: center;
}
/*===============*/
.al_center {
  text-align: center;
}
.accordion_item {
  margin-bottom: 20px;
}
.accordion_item .accordion_head a {
  display: block;
  position: relative;
  padding: 10px 20px;
  padding-right: 40px;
  color: var(--theme_color_dark_deep_4);
  background-color: var(--theme_color_white_light_2);
  transition: var(--transition-normal);
}
.accordion_item .accordion_head a:focus, .accordion_item .accordion_head a:hover {
  background-color: var(--theme_color_red_light_2);
}
.accordion_item.active .accordion_head a {
  color: var(--theme_color_white_light_1);
  background-color: var(--theme_color_red_deep_2);
}
.accordion_item .accordion_head a:before, .accordion_item .accordion_head a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 15px;
  height: 2px;
  background-color: var(--theme_color_dark_deep_4);
  transform: translate(0, -50%) rotate(0deg);
  transition: var(--transition-normal);
}
.accordion_item.active .accordion_head a:before, .accordion_item.active .accordion_head a:after {
  background-color: var(--theme_color_white_light_1);
}
.accordion_item:not(.active) .accordion_head a:after {
  transform: translate(0, -50%) rotate(90deg);
}
.accordion_item .accordion_content {
  padding: 0 20px;
  opacity: 0;
  transition: var(--transition-fast);
}
.accordion_item.active .accordion_content {
  padding-top: 20px;
  padding-bottom: 20px;
  opacity: 1;
}
.accordion_item .accordion_content > * {
  display: none;
}
.accordion_item.active .accordion_content > * {
  display: block;
}
/*===================*/
.remark_wrap {
  font-size: var(--font_size_small_3);
}
.mainArea sup {
  line-height: 1em;
}
/*===================*/
.table-responsive-wrapper {
  position: relative;
}
.table-responsive-wrapper:before {
  content: "";
  position: absolute;
  z-index: 25;
  top: 150px;
  right: 15px;
  width: 27.118px;
  height: 21.414px;
  animation: fadeOutRight 1.45s ease-in-out infinite;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
  transform: translate3d(0, 0, 0) rotate(180deg);
  background: var(--theme_icon_table_arrow) no-repeat center center;
  background-size: contain;
  transition: var(--transition-normal);
}
.table-responsive-wrapper:after {
  content: "";
  position: absolute;
  z-index: 22;
  top: 0;
  right: -1px;
  bottom: 0;
  display: block;
  width: 3.75rem;
  pointer-events: none;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, .5)), to(#fff));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 100%);
  transition: var(--transition-normal);
}
.table-responsive-wrapper.right-end:after, .table-responsive-wrapper.right-end:before {
  opacity: 0;
  -webkit-animation: none;
  animation: none;
}
.table-responsive-wrapper.right-end.all-end:after, .table-responsive-wrapper.right-end.all-end:before {
  /*display:none;*/
}
.table-responsive {
  overflow: auto;
}
@keyframes fadeOutRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    transform: translate3d(0, 0, 0) rotate(180deg);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    transform: translate3d(0, 0, 0) rotate(180deg);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(180deg);
    transform: translate3d(100%, 0, 0) rotate(180deg);
  }
}
/*==============*/
.netChart {
  opacity: 0;
  transition: var(--transition-normal);
}
.netChart > * {
  display: none;
}
/*=======================*/
.ismp {
  margin-right: 12px;
}
.ismp a {
  position: relative;
}
.ismp a:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}
.ismp.ismp-fb a:before {
  background-image: var(--theme_icon_social_fb);
}
.ismp.ismp-yt a:before {
  background-image: var(--theme_icon_social_yt);
}
.ismp.ismp-ig a:before {
  background-image: var(--theme_icon_social_ig);
}
/*=============*/
#aMsg {
  min-height: 0;
  opacity: 0;
  transition: var(--transition-fast);
}
#aMsg.active {
  min-height: 93px;
  opacity: 1;
}
#aMsg:not(.active) > * {
  display: none;
}
#aMsg .border {
  padding-top: var(--theme_space_part);
  padding-bottom: var(--theme_space_part);
}
#aMsg .iAlert {
  position: relative;
  padding-left: calc(var(--theme_space_side) + 48px);
}
#aMsg .iAlert:before {
  content: "";
  position: absolute;
  left: var(--theme_space);
  width: 48px;
  height: 48px;
  background-image: var(--theme_icon_alert);
}
#aMsg .title {
  margin-bottom: 4px;
  font-size: var(--font_size_Paragraph);
  font-weight: var(--font_weight_bold);
}
#aMsg .content {
  font-size: var(--font_size_Paragraph_small);
}
#aMsg .content > div {
  padding-right: var(--theme_space_part);
}
#aMsg .content a {
  font-size: var(--font_size_Paragraph_small);
}
#aMsg .more a {
  font-weight: var(--font_weight_bold);
  text-transform: uppercase;
}
#aMsg .close {
  flex: 0 0 auto;
}
#aMsg .close a {
  padding-left: 24px;
  padding-right: 24px;
  font-weight: var(--font_weight_bold);
  text-transform: uppercase;
}
/*=============*/
.close.icon a {
  display: block;
  position: relative;
}
.close.icon.iCross a {
  padding-left: 24px;
}
.close.icon.iCross a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  background-image: var(--theme_icon_close);
  transform: var(--transform-toMiddle);
}
.more.mUrl a {
  display: inline-block;
  position: relative;
  font-size: var(--font_size_Paragraph_small);
  font-weight: var(--font_weight_bold);
  text-transform: uppercase;
}
.more.mUrl.go a {
  padding-right: 28px;
  color: var(--theme_color_brown);
}
.more.mUrl.go a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: var(--theme_icon_url_go);
  transform: translate(0, calc(-50% - 1px))
}
.more.mBtn a {
  display: inline-block;
  position: relative;
  padding: 16px 25px;
  font-size: var(--font_size_Paragraph_small);
  font-weight: var(--font_weight_extrabold);
  color: var(--theme_color_white_light_1);
  background-color: var(--theme_color_AFCD-green);
}
.more.mBtn a:focus, .more.mBtn a:hover {
  color: var(--theme_color_white_light_1);
  background-color: var(--theme_color_blue-green);
}
.more.mBtn.go a {
  padding-right: 51px;
}
.more.mBtn.go a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 16px;
  height: 16px;
  background-image: var(--theme_icon_go);
  transform: translate(0, -50%)
}
/*=============*/
.tagArea .title {
  margin-bottom: 10px;
  font-size: var(--font_size_Caption);
  font-weight: var(--font_weight_bold);
}
.tagArea .tags {
  font-size: var(--font_size_Paragraph);
  margin-left: -10px;
  margin-right: -10px;
}
.tagArea .tags > .border {
  padding: 10px;
}
.tagArea .tags > .border a {
  display: block;
  padding: 12px 24px;
  font-size: var(--font_size_Paragraph);
  border: 1px solid #fff;
  border-radius: 100em;
}
/*=================*/
.tagline {
  margin-bottom: var(--theme_space_part);
  font-size: var(--font_size_Tagline_small);
  font-weight: var(--font_weight_bold);
  color: var(--theme_color_brown);
}
/*================*/
.imgBanner img {
  width: 100%;
}
/*================*/
.flexMap {
  padding-bottom: var(--theme_space);
}
.flexMap > *:nth-child(1) {
  padding-right: 20px;
}
.iconPoint > .border {
  position: relative;
  margin-bottom: var(--theme_space);
  font-size: var(--font_size_large_12);
  font-weight: var(--font_weight_extrabold);
}
.iconPoint > .border:before {
  content: '';
  display: block;
  width: 120px;
  min-width: 120px;
  height: 120px;
  margin-right: var(--theme_space_part);
}
.iconPoint > .border.area:before {
  background-image: var(--theme_icon_s1_2ip_1);
}
.iconPoint > .border.count:before {
  /*   background-image: var(--theme_icon_s1_2ip_2); */
}
.iconPoint > .border.object:before {
  background-image: var(--theme_icon_s1_2ip_3);
}
/*==================================*/
.centerArea > * {
  text-align: center;
}
.mainArea .caption {
  margin-top: 10px;
  margin-bottom: 10px;
}
/*================*/
.ftrArea > .h3 {
  padding-top: var(--theme_space_part);
  padding-bottom: var(--theme_space_part);
  border-top: 2px solid var(--theme_color_light-brown20);
}
.ftr_index .ftrList > .border {
  width: max(25%, 320px);
  padding: var(--theme_space_part);
}
.ftr_index .ftrList > .border > div {
  position: relative;
  min-height: 240px;
  background-color: var(--theme_color_off_white);
  background-position: bottom var(--theme_space_part) right var(--theme_space_part);
  background-repeat: no-repeat;
}
.ftr_index .ftrList > .border.iS0 > div {
  background-image: var(--theme_icon_footerIndex_1_1);
}
.ftr_index .ftrList > .border.iS1 > div {
  background-image: var(--theme_icon_footerIndex_1_2);
}
.ftr_index .ftrList > .border.iS2 > div {
  background-image: var(--theme_icon_footerIndex_1_3);
}
.ftr_index .ftrList > .border.iS3 > div {
  background-image: var(--theme_icon_footerIndex_1_4);
}
.ftr_index .ftrList > .border.iS4 > div {
  background-image: var(--theme_icon_footerIndex_2_1);
}
.ftr_index .ftrList > .border.iS5 > div {
  background-image: var(--theme_icon_footerIndex_2_2);
}
.ftr_index .ftrList > .border.iS6 > div {
  background-image: var(--theme_icon_footerIndex_2_3);
  background-size: 130px auto;
}
.ftr_index .ftrList > .border.iS7 > div {
  background-image: var(--theme_icon_footerIndex_2_4);
}
.ftr_index .ftrList .title {
  padding: var(--theme_space_part);
}
.ftr_index .more {
  position: absolute;
  left: var(--theme_space_part);
  bottom: var(--theme_space_part);
}
/*========================*/
.tagContentArea .tCA_tags {
  margin-bottom: var(--theme_space_part);
}
.tagContentArea .tCA_tags > .border {
  padding-right: var(--theme_space_part);
  padding-bottom: var(--theme_space_part);
}
.tagContentArea .tCA_tags > .border a {
  display: block;
  padding: 12px 24px;
  font-size: var(--font_size_Paragraph);
  font-weight: var(--font_weight_bold);
  color: var(--theme_color_blue-green);
  background-color: var(--theme_color_white_light_1);
  border: 2px solid var(--theme_color_blue-green);
  border-radius: 100em;
}
.tagContentArea .tCA_tags > .border.active a, .tagContentArea .tCA_tags > .border a:focus, .tagContentArea .tCA_tags > .border a:hover {
  color: var(--theme_color_white_light_1);
  background-color: var(--theme_color_blue-green);
  transition: var(--transition-normal);
}
.tagContentArea .tCA_content > .border {
  padding-top: var(--theme_space);
  padding-bottom: var(--theme_space);
  opacity: 0;
  transition: var(--transition-normal);
}
.tagContentArea .tCA_content > .border:not(.active) {
  padding-top: 0;
  padding-bottom: 0;
}
.tagContentArea .tCA_content > .border.active {
  opacity: 1;
}
.tagContentArea .tCA_content > .border:not(.active) > * {
  display: none;
}
.tagContentArea:nth-last-child(1) .tCA_content > .border:nth-last-child(1) {
  padding-bottom: 0;
}
.tagContentArea:nth-last-child(1) .thumbPhotoList:nth-last-child(1) {
  margin-bottom: 0;
}
.tagContentArea.tca2 .tCA_content > .border {
  padding-top: 0;
}
/*===========================*/
.thumbPhotoList {
  margin-top: var(--theme_space_part);
  margin-bottom: var(--theme_space_part);
  margin-left: calc(-1 * var(--theme_space));
  margin-right: calc(-1 * var(--theme_space));
}
.mainArea.heading + .mainArea .thumbPhotoList:nth-child(1) {
  margin-top: calc(-1 * var(--theme_space_part));
}
.thumbPhotoList.mb100 {
  margin-bottom: 100px;
}
.thumbPhotoList > div {
  padding-left: var(--theme_space);
  padding-right: var(--theme_space);
  padding-top: var(--theme_space_part);
  padding-bottom: var(--theme_space_part);
}
.thumbPhotoList .title {
  margin-bottom: 10px;
}
.thumbPhotoList.tpl3 .cover {
  margin-bottom: 12px;
}
.thumbPhotoList.tpl3 .title {
  font-size: var(--font_size_Paragraph_small);
}
/*===================*/
.iconList2 {
  margin-left: calc(-1 * var(--theme_space_part));
  margin-right: calc(-1 * var(--theme_space_part));
}
.iconList2 > .border {
  position: relative;
  padding: var(--theme_space_part);
}
.iconList2 > .border:before {
  content: "";
  display: block;
  width: min(35vw, 180px);
  min-width: min(35vw, 180px);
  height: min(35vw, 180px);
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: var(--theme_space);
  background-size: min(35vw, 180px) auto;
}
.iconList2 > .border:nth-child(1):before {
  background-image: var(--theme_icon_s1_3_1);
}
.iconList2 > .border:nth-child(2):before {
  background-image: var(--theme_icon_s1_3_2);
}
.iconList2 > .border:nth-child(3):before {
  background-image: var(--theme_icon_s1_3_3);
}
.iconList2 > .border:nth-child(4):before {
  background-image: var(--theme_icon_s1_3_4);
}
.iconList2 > .border:nth-child(5):before {
  background-image: var(--theme_icon_s1_3_5);
}
.iconList2 > .border:nth-child(6):before {
  background-image: var(--theme_icon_s1_3_6);
}
/*=====================*/
.iconList3 {
  font-size: var(--font_size_Paragraph_small);
  color: var(--theme_color_blue-green);
  margin-bottom: var(--theme_space_part);
}
.iconList3 a {
  color: var(--theme_color_blue-green);
}
.iconList3 > div {
  padding: 10px;
}
.iconList3 > div.icon {
  padding-left: 36px;
}
.iconList3 .icon {
  position: relative;
}
.iconList3 .icon:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0px;
}
.iconList3 .icon.i-day:before {
  background-image: var(--theme_icon_date_evt);
}
.iconList3 .icon.i-time:before {
  background-image: var(--theme_icon_time_evt);
}
.iconList3 .icon.i-loc:before {
  background-image: var(--theme_icon_location_evt);
}
.iconList3 .icon.i-apt:before {
  background-image: var(--theme_icon_appointment_evt);
  width: 21px;
  height: 21px;
}
/*=====================*/
.newList > .border {
  padding-top: var(--theme_space);
  padding-bottom: var(--theme_space);
  border-bottom: 1px solid var(--theme_color_light-brown);
}
.newList > .border:nth-child(1) {
  padding-top: 0;
}
.newList .date {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 33px;
  padding-right: var(--theme_space);
  font-size: var(--font_size_Paragraph_small);
}
.newList .date:before {
  content: '';
  position: absolute;
  width: 21px;
  height: 21px;
  left: 0;
  top: 10px;
  background-image: var(--theme_icon_date);
}
.newList .title {
  font-size: var(--font_size_H3);
  font-weight: var(--font_weight_bold);
  margin-bottom: 8px;
}
.newList .detail {
  margin-bottom: 16px;
}
/*==============*/
/*===================*/
/*===================*/
/*======================*/
.thumbPhotoList .cover {
  margin-bottom: var(--theme_space);
}
.thumbPhotoList .title {
  margin-bottom: var(--theme_space_part);
  font-size: var(--font_size_H3);
  font-weight: var(--font_weight_bold);
  color: var(--theme_color_black);
}
.thumbPhotoList .title.h2 {
  font-size: var(--font_size_H2);
}
.thumbPhotoList .title.h3 {
  font-size: var(--font_size_H3);
}
.thumbPhotoList .newWD {
  min-height: 32px;
  margin-bottom: 10px;
}
.thumbPhotoList .title + .newWD {
  margin-top: 10px;
}
.thumbPhotoList .date {
  position: relative;
  padding-left: 36px;
  color: var(--theme_color_blue-green);
}
.thumbPhotoList .date:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0px;
  background-image: var(--theme_icon_date_evt);
}
/*.thumbPhotoList .cover{
	position:relative;
	padding-bottom:58.684210526315789473684210526316%;
	overflow:hidden;
}
.thumbPhotoList .cover img{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:auto;
	max-height:none;
    transform: var(--transform-toMiddle);
}*/
/*===============*/
.mainArea.heading + .mainArea .thumbPhotoGallery:nth-child(1) {
  margin-top: -30px;
}
.thumbPhotoGallery .pages {
  margin-left: -30px;
  margin-right: -30px;
}
.thumbPhotoGallery .pages .page:not(.active) {
  display: none;
}
.thumbPhotoGallery .pages .page > .border {
  padding: 30px;
}
.thumbPhotoGallery .control {
  padding-top: var(--theme_space_part);
  padding-bottom: var(--theme_space_part);
}
.thumbPhotoGallery .control a {
  display: block;
  padding: 10px;
  font-size: var(--font_size_normal_5);
  color: var(--theme_color_text-black);
}
.thumbPhotoGallery .control .active a, .thumbPhotoGallery .control a:active, .thumbPhotoGallery .control a:focus, .thumbPhotoGallery .control a:hover {
  color: var(--theme_color_blue-green);
}
/*===============*/
.txtImg .txt {
  padding-right: var(--theme_space_part);
  margin-bottom: var(--theme_space_part);
}
.txtImg .img {
  text-align: right;
  flex: 1 1 auto;
}
/*===============*/
.myTable {
  margin-top: 10px;
  margin-bottom: 60px;
}
.myTable:nth-last-child(1) {
  margin-bottom: 100px;
}
.myTable table {
  min-width: 100%;
}
.myTable table th, .myTable table td {
  padding: 16px 32px;
}
.myTable table thead tr {
  font-size: var(--font_size_H4);
  font-weight: var(--font_weight_bold);
  background-color: var(--theme_color_cream);
}
.myTable table thead:nth-child(1) tr {
  font-size: var(--font_size_H3);
  font-weight: var(--font_weight_bold);
  color: var(--theme_color_white_light_1);
  background-color: var(--theme_color_brown);
}
.myTable.myt2 table thead:nth-child(1) tr {
  font-size: var(--font_size_H4);
}
.myTable table tbody tr:not(:nth-last-child(1)) {
  border-bottom: 1px solid var(--theme_color_light-brown);
}
.myTable table tbody:nth-last-child(1) tr:nth-last-child(1) {
  border-bottom: 1px solid var(--theme_color_light-brown);
}
/*==============*/
/*=================*/
/*================*/
/*=============*/
/*=========================*/
/*=========================*/
/*========================*/
/*===============================*/
body.outFocusActive {
  overflow: hidden;
}
.outFocusActive #skipwrapper, .outFocusActive #wrap, .outFocusActive #skipwrapper *, .outFocusActive #wrap * {
  visibility: hidden !important;
}
/*================================*/
.headerMenu .disappearOnce .extmenu {
  display: none !important;
}
/*=================*/
.heading.hs5 {
  font-size: var(--font_size_20);
  font-weight: bold;
}
/*=================*/
.rightTool {
  text-align: right;
}
/*=================*/
.myScrollbar {
  overflow: auto;
}
.myScrollbar::-webkit-scrollbar {
  width: 4px;
}
.myScrollbar::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 0px solid transparent;
  border-radius: 0px;
}
.myScrollbar::-webkit-scrollbar-thumb {
  background-color: #21B1E6;
  border-radius: 0px;
}
.myScrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #00709a;
}
.myScrollbar::-webkit-scrollbar-corner, .myScrollbar::-webkit-scrollbar-track {
  background-color: #ADDFF8;
}
/*=================*/
.bodyArea #flexslider-mb .slides {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.bodyArea #flexslider-mb.flexslider .flex-control-nav {
  margin: 0;
  bottom: 25px;
  left: 50%;
  width: auto;
  max-width: 100%;
  padding: 0 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.bodyArea #flexslider-mb.flexslider .flex-direction-nav, .bodyArea #flexslider-mb.flexslider .flex-pauseplay {
  display: none;
}
.bodyArea #flexslider-mb.flexslider .fakeControl {
  position: absolute;
  bottom: 23px;
  left: 50%;
  width: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 4010;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .border {
  position: relative;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .myflex > * {
  position: absolute;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .myflex > *:not(:nth-child(1)) {
  margin-left: 16px;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .myflex > *:not(:nth-last-child(1)) {
  margin-right: 16px;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .prev {
  left: 0;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .next {
  right: 0;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .pBtn {
  right: 36px;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .hollow {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .prev a, .bodyArea #flexslider-mb.flexslider .fakeControl .next a {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .prev a:focus, .bodyArea #flexslider-mb.flexslider .fakeControl .prev a:hover, .bodyArea #flexslider-mb.flexslider .fakeControl .next a:focus, .bodyArea #flexslider-mb.flexslider .fakeControl .next a:hover {
  opacity: .65;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .prev a:before, .bodyArea #flexslider-mb.flexslider .fakeControl .next a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  background-image: url(../images/icon/icon_slider_arrow.svg);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);
  -ms-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);
}
.bodyArea #flexslider-mb.flexslider .fakeControl .prev a:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.bodyArea #flexslider-mb.flexslider .fakeControl .pBtn a {
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .pBtn a:focus, .bodyArea #flexslider-mb.flexslider .fakeControl .pBtn a:hover {
  opacity: .65;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .pBtn a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  background-image: url(../images/icon/icon_slider_pause.svg);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);
  -ms-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);
}
.bodyArea #flexslider-mb.flexslider .flex-control-nav {
  position: absolute;
}
.bodyArea #flexslider-mb.flexslider .flex-control-nav:after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(50% - 5px);
  width: calc(100% + 10px);
  height: 30px;
  background-color: #000;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  opacity: .65;
  z-index: -1;
}
.bodyArea #flexslider-mb.flexslider .fakeControl .pBtn.active a:before {
  background-image: url(../images/icon/icon_slider_play.svg);
}
.bodyArea #flexslider-mb.flexslider .flex-control-nav li {
  margin: 0 9px;
}
.bodyArea #flexslider-mb.flexslider .flex-control-paging li a {
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  background-color: #fff;
  border: 0;
  border-radius: 100px;
  box-shadow: none;
  cursor: pointer;
  opacity: 1;
}
.bodyArea #flexslider-mb.flexslider .flex-control-paging li a:focus, .bodyArea #flexslider-mb.flexslider .flex-control-paging li a:hover {
  opacity: .65;
}
.bodyArea #flexslider-mb.flexslider .flex-control-paging li a.flex-active {
  background-color: #88DFFF;
}
/*=================*/
/*=================*/
/*========*/
/*===========*/
/*================*/
/*=================*/
/*=========*/
.myalert {
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1rem;
  color: #d00;
  background-color: #eee;
}
.subscription img {
  max-width: min(380px, 100%)
}
.subscription input[type="email"] {
  width: 400px;
  max-width: 100%;
  margin-right: -121px;
  padding: 6px 24px;
  padding-right: 141px;
  border: 0;
  border-radius: 100px;
}
.subscription button[type="submit"] {
  padding: 6px 30px;
  color: #fff;
  background-color: #bf1b86;
  border: 0;
  border-radius: 100px;
}
/*==========*/
.text-center {
  text-align: left;
}
.linkList ul ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
/*==============*/
.mySelectFilter .tool {
  margin-bottom: 10px;
  font-size: var(--font_size_14);
}
.mySelectFilter.nofilter .tool {
  display: none;
}
.mySelectFilter .tool > .border {
  margin-left: -5px;
  margin-right: -5px;
}
h1 + .mySelectFilter .tool > .border {
  margin-top: -10px;
}
.mySelectFilter .tool > .border > div {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mySelectFilter .tool .mSelect {
  width: min(300px, 100%);
}
.mySelectFilter .tool .mSelect select {
  width: 100%;
  padding: 8px 15px;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
}
.mySelectFilter .tool .submit > a {
  display: block;
  padding: 8px 20px;
  text-align: center;
  color: #fff;
  border: 1px solid #0b4ea2;
  background-color: #0b4ea2;
  border-radius: 8px;
}
.mySelectFilter .data > .border {
  border: 1px solid #d9d9d9;
}
.mySelectFilter .data .head > .border {
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.mySelectFilter .data .head .title {
  font-size: var(--font_size_20);
  font-weight: bold;
  color: #0b4ea2;
}
.mySelectFilter .data .head .count {
  font-size: var(--font_size_14);
  color: #555;
}
.mySelectFilter .data .body .slides > li {
  padding: 0;
}
.mySelectFilter .data .body .slides > li > .border > a {
  display: block;
  background-color: #f7f9fc;
  border-bottom: 1px solid #eee;
  transition: var(--transition-normal);
}
.mySelectFilter .data .body .slides > li > .border > a:focus, .mySelectFilter .data .body .slides > li > .border > a:hover {
  background-color: #D7E2F4;
}
.mySelectFilter .data .body .date {
  padding: 20px;
}
.mySelectFilter .data .body .date > .border {
  width: 120px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px 12px;
  color: var(--font_color_default);
  background-color: #e8ebf5;
  border: 1px solid #a2bad9;
  border-radius: 16px;
}
.mySelectFilter .data .body .date .day {
  padding: 1px 0;
  font-size: var(--font_size_28);
  font-weight: bold;
  text-align: center;
}
.mySelectFilter .data .body .date .day .hyphen {
  margin-right: -0.2em;
  margin-left: -0.2em;
}
.mySelectFilter .data .body .date .month {
  padding: 1px 0;
  font-size: var(--font_size_12);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  opacity: .7;
}
.mySelectFilter .data .body .date .year {
  padding: 1px 0;
  font-size: var(--font_size_12);
  text-align: center;
  opacity: .6;
}
.mySelectFilter .data .body .date .year:nth-child(1):nth-last-child(1) {
  padding: 1px 0;
  font-size: var(--font_size_28);
  font-weight: bold;
  text-align: center;
  opacity: 1;
}
.mySelectFilter .data .body .detail {
  padding: 20px;
}
.mySelectFilter .data .body .detail .title {
  width: 100%;
  margin-right: 10px;
  color: var(--font_color_default);
}
.mySelectFilter .data .body .detail .more {
  white-space: nowrap;
}
.mySelectFilter .data .defaultResult {
  padding: 80px 0;
  text-align: center;
}
/*===================*/
.flexItemArea > ul {
  margin: 0 -20px;
  padding: 0;
}
.flexItemArea > ul > li {
  width: 25%;
  max-width: min(400px, 100%);
  min-width: min(300px, 100%);
  padding: 20px;
  list-style-type: none;
}
.flexItemArea li a > div:not(:nth-last-child(1)) {
  margin-bottom: 10px;
}
/*===================*/
.flexMedieArea {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.flexMedieArea .responsive {
  width: 25%;
  max-width: min(415px, 100%);
  min-width: min(300px, 100%);
  padding: 6px;
}
.flexMedieArea .responsive .gallery {
  height: 100%;
  padding: 14px;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}
.flexMedieArea .responsive .gallery a {
  display: block;
  position: relative;
  margin-bottom: 15px;
}
.flexMedieArea .responsive .gallery a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4rem;
  height: 4rem;
  background-image: var(--theme_icon_play_video);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: var(--transition-normal);
  z-index: 10;
}
.flexMedieArea .responsive .gallery a:focus:before, .flexMedieArea .responsive .gallery a:hover:before {
  opacity: 1;
}

/* Permanent, shared video play treatment: multimedia, activities and BRO Stories. */
.flexMedieArea .responsive .gallery a:before,
.bro-video-link:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4rem;
  height: 4rem;
  background-image: var(--theme_icon_play_video);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: var(--transition-normal);
  pointer-events: none;
  z-index: 10;
}

.brx-story-card:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-image: var(--theme_icon_play_video);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 4rem 4rem;
  opacity: 1;
  pointer-events: none;
  z-index: 10;
}

/* Retire the old black text-based activity play badge. */
.bro-video-link > .bro-video-play {
  display: none;
}
/*===================*/
div.light_square #pp_full_res {
  position: relative;
  z-index: 9010;
}
/*===================*/
/*===================*/
.bodyArea .flexslider.myflexslidersf .flex-control-paging li:not([class*="myFF"]) a {
  width: 30px;
  height: 4px;
  background-color: #ccc;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-transition: var(--transition-normal);
  -ms-transition: var(--transition-normal);
  transition: var(--transition-normal);
}
.bodyArea .flexslider.myflexslidersf .flex-control-paging li:not([class*="myFF"]) a.flex-active {
  background-color: #000;
}
.bodyArea .flexslider.myflexslidersf .flex-control-paging li:not([class*="myFF"]) a:focus, .bodyArea .flexslider.myflexslidersf .flex-control-paging li:not([class*="myFF"]) a:hover {
  background-color: #000;
}
.bodyArea .myflexslidersf .flex-control-nav {
  position: relative;
  padding: 20px 10px;
}
.bodyArea .flexslider.myflexslidersf .flex-control-nav > li {
  padding-top: 10px;
  padding-bottom: 10px;
}
/*===================*/
/* 2026-05-28 client fix: restore original collapse controls and arrows */
.myCEArea .myCEA_Tool {
  display: flex;
  justify-content: flex-end;
  gap: .6em;
  margin: .45em 0 .75em;
}
.myCEArea .myCEA_Tool a {
  display: inline-block;
  color: #004082;
  font-weight: 700;
  text-decoration: underline;
  line-height: 1.4;
  padding: .2em .35em;
}
.myCEArea .myCEA_List .title a {
  padding-right: 2.4em;
}
.myCEArea .myCEA_List .title a:after {
  content: '⌄';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #006a3d;
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1;
}
.myCEArea .myCEA_List > .border.active .title a:after {
  content: '⌃';
}
.mySelectFilter {
  display: flex;
  align-items: center;
  gap: .55em;
  margin: 0 0 1.3em 0;
  flex-wrap: wrap
}
.mySelectFilter select {
  height: 2.35em;
  line-height: 2.35em;
  padding: 0 .65em;
  box-sizing: border-box;
  vertical-align: top
}
.mySelectFilter .br-load, .mySelectFilter button {
  height: 2.35em;
  line-height: 2.35em;
  padding: 0 1.15em;
  margin: 0;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block
}
.br-accordion-tools {
  margin: .5em 0 .7em;
  text-align: right
}
.br-accordion-tools button {
  border: 0;
  background: none;
  color: #004082;
  font-weight: 700;
  cursor: pointer;
  padding: .25em .45em;
  margin-left: .35em;
  text-decoration: underline;
  font-size: .95em
}
.br-accordion summary {
  position: relative;
  padding-right: 2.6em !important
}
.br-accordion summary:after {
  content: '⌄' !important;
  position: absolute;
  right: 1.1em;
  top: 50%;
  transform: translateY(-50%);
  float: none;
  color: #006a3d;
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1
}
.br-accordion details[open] summary:after {
  content: '⌃' !important
}
@media(max-width:640px) {
  .myCEArea .myCEA_Tool {
    justify-content: flex-start
  }
  .mySelectFilter {
    align-items: stretch
  }
  .mySelectFilter select {
    min-width: 10em
  }
  .br-accordion-tools {
    text-align: left
  }
  .br-accordion-tools button {
    margin-left: 0;
    margin-right: .5em
  }
}
/* 2026-05-28 v3: use CSS chevron arrows, matching back-to-top icon style; remove text glyph arrows */
.myCEArea .myCEA_List .title a:after, .br-accordion summary:after {
  content: "" !important;
  position: absolute;
  right: 1.05em;
  top: 50%;
  width: .62em;
  height: .62em;
  border: solid #006a3d;
  border-width: 0 .14em .14em 0;
  background: none !important;
  font-size: 1em;
  line-height: 1;
  transform: translateY(-65%) rotate(45deg) !important;
  -webkit-transform: translateY(-65%) rotate(45deg) !important;
}
.myCEArea .myCEA_List > .border.active .title a:after, .br-accordion details[open] summary:after {
  content: "" !important;
  transform: translateY(-35%) rotate(-135deg) !important;
  -webkit-transform: translateY(-35%) rotate(-135deg) !important;
}
/* BRO 2026 update common styles */
.brx-block {
  margin: 1.4em 0 2em;
}
.brx-intro {
  font-size: 1.05em;
  line-height: 1.75;
  color: #273743;
  margin-bottom: 1.4em;
}
.brx-tabs, .br-tabs {
  margin: 1em 0 1.25em;
  border-bottom: .0625em solid #d8dee6;
  display: flex;
  gap: .3em;
  flex-wrap: wrap;
}
.brx-tabs a, .br-tabs a {
  display: inline-block;
  padding: .75em 1.2em;
  border: .0625em solid #d8dee6;
  border-bottom: 0;
  border-radius: .45em .45em 0 0;
  background: #f5f7fa;
  color: #004082;
  text-decoration: none;
  font-weight: 700;
}
.brx-tabs a.active, .br-tabs a.active {
  background: #fff;
  color: #006a3d;
}
.brx-panel, .br-panel {
  display: none;
}
.brx-panel.active, .br-panel.active {
  display: block;
}
.brx-panel[hidden], .br-panel[hidden] {
  display: none !important;
}
.br-accordion-tools, .brx-accordion-tools {
  margin: .5em 0 .85em;
  text-align: right;
  display: flex;
  gap: .6em;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.br-accordion-tools button, .brx-accordion-tools button {
  background: #fff;
  border: .0625em solid #006a3d;
  border-radius: .2em;
  color: #006a3d;
  font-weight: 700;
  cursor: pointer;
  padding: .55em .8em;
  text-decoration: none;
  line-height: 1.2;
  transition: all .2s ease;
}
.br-accordion-tools button:hover, .brx-accordion-tools button:hover {
  background: #006a3d;
  color: #fff;
  transform: translateY(-.0625em);
}
.br-expand-all:before, .brx-expand-all:before {
  content: '+';
  display: inline-block;
  margin-right: .35em;
  font-weight: 900;
}
.br-collapse-all:before, .brx-collapse-all:before {
  content: '−';
  display: inline-block;
  margin-right: .35em;
  font-weight: 900;
}
.br-accordion, .brx-accordion {
  border: .0625em solid #d8dee6;
  border-radius: .45em;
  overflow: hidden;
  margin: 1em 0;
  background: #fff;
}
.br-accordion details, .brx-accordion details {
  border-bottom: .0625em solid #e6ebf0;
}
.br-accordion details:last-child, .brx-accordion details:last-child {
  border-bottom: 0;
}
.br-accordion summary, .brx-accordion summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  padding: 1em 3.2em 1em 1.2em !important;
  background: #f6f8fb;
  color: #004082;
  font-weight: 700;
  font-size: 1.08em;
}
.br-accordion summary::-webkit-details-marker, .brx-accordion summary::-webkit-details-marker {
  display: none;
}
.br-accordion summary:after, .brx-accordion summary:after {
  content: '+' !important;
  position: absolute;
  right: 1.1em;
  top: 50%;
  transform: translateY(-50%);
  color: #006a3d;
  font-weight: 900;
  font-size: 1.35em;
  line-height: 1;
}
.br-accordion details[open] summary:after, .brx-accordion details[open] summary:after {
  content: '−' !important;
}
.br-accordion .inner, .brx-accordion .inner {
  padding: 1.2em 1.35em;
  background: #fff;
}
.brx-infographic-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
  margin: 1.3em 0 1.7em;
}
.brx-info-card {
  display: flex;
  align-items: center;
  gap: 1em;
  background: #fff;
  border: .0625em solid #cddfd2;
  border-radius: .45em;
  padding: 1.15em;
  box-shadow: 0 .15em .6em rgba(0, 0, 0, .04);
  font-weight: 800;
  color: #1e2d34;
  min-height: 5.2em;
}
.brx-info-card .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
  background: #1b6025;
  color: #fff;
  flex: 0 0 auto;
  font-weight: 800;
}
.brx-dev-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
  margin: 1.3em 0 1.5em;
}
.brx-dev-card {
  display: grid;
  grid-template-columns: 5em 1fr;
  align-items: center;
  gap: 1em;
  min-height: 5.9em;
  background: #fff;
  border: .0625em solid #cddfd2;
  border-radius: .35em;
  padding: 1em 1.2em;
  color: #1b6025;
  text-decoration: none;
  transition: all .2s ease;
}
.brx-dev-card svg {
  width: 4.2em;
  height: 4em;
  color: #1b6025;
}
.brx-dev-card span {
  font-weight: 800;
  color: #1e2d34;
  line-height: 1.25;
}
.brx-dev-card:hover {
  background: #1b6025;
  color: #fff;
  transform: translateY(-.08em);
}
.brx-dev-card:hover svg, .brx-dev-card:hover span {
  color: #fff;
}
.brx-photo {
  max-width: 100%;
  height: auto;
  border-radius: .45em;
  margin: .7em 0 1em;
  display: block;
}
.brx-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2em;
  align-items: start;
}
.brx-table {
  width: 100%;
  border: .0625em solid #8fd1cf;
  border-collapse: separate;
  border-spacing: 0;
  margin: 1em 0;
  background: #f1fbfb;
  overflow: hidden;
}
.brx-table .brx-row, .brx-table tr {
  border-bottom: .0625em solid #8fd1cf;
}
.brx-table-head, .brx-table th {
  background: #155f9f;
  color: #fff;
  text-align: left;
  font-weight: 800;
  padding: .85em 1.1em;
}
.brx-table td {
  padding: .85em 1.1em;
  border-top: .0625em solid #8fd1cf;
  vertical-align: top;
  line-height: 1.45;
}
.brx-date {
  white-space: nowrap;
  color: #1e2d34;
  font-weight: 500;
  min-width: 8.5em;
}
.brx-title a {
  color: #c83200;
  font-weight: 800;
  text-decoration: none;
}
.brx-title a:hover {
  text-decoration: underline;
}
.brx-category {
  white-space: nowrap;
  color: #556;
}
.brx-filters {
  display: flex;
  gap: 1.2em;
  flex-wrap: wrap;
  margin: 1em 0 1.2em;
}
.brx-filters select {
  min-width: 13em;
  padding: .65em .8em;
  border: .0625em solid #9aa9b2;
  background: #fff;
}
.brx-story-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
  margin: 1em 0 1.5em;
}
.brx-story-card {
  display: block;
  background: #fff;
  border: .0625em solid #d8dee6;
  border-radius: .5em;
  overflow: hidden;
  text-decoration: none;
  color: #1e2d34;
  box-shadow: 0 .15em .65em rgba(0, 0, 0, .06);
  transition: all .2s ease;
}
.brx-story-card:hover {
  transform: translateY(-.08em);
  box-shadow: 0 .3em 1em rgba(0, 0, 0, .1);
}
.brx-story-card img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.brx-story-card .title {
  font-weight: 700;
  line-height: 1.35;
  padding: .85em 1em;
  min-height: 3.8em;
}
.brx-cta-card {
  background: #f5faf7;
  border: .0625em solid #d5e5db;
  border-radius: .6em;
  padding: 1.4em;
  margin-top: 1.5em;
}
.brx-cta-card h2 {
  color: #1b6025;
  margin-top: 0;
}
.brx-video-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
}
.brx-video-card {
  position: relative;
  background: #fff;
  border: .0625em solid #d8dee6;
  border-radius: .45em;
  overflow: hidden;
}
.brx-video-card img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.brx-video-card .desc {
  font-weight: 700;
  padding: .8em 1em;
  line-height: 1.35;
}
.br-share {
  position: absolute;
  right: .65em;
  top: .65em;
  background: #fff;
  border: .0625em solid #cddfd2;
  border-radius: 999em;
  padding: .25em .55em;
  font-weight: 700;
  font-size: .82em;
  color: #006a3d;
  z-index: 2;
}
.brx-publication-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2em;
}
.brx-publication-card {
  position: relative;
  background: #fff;
  border: .0625em solid #d8dee6;
  border-radius: .45em;
  padding: 1em;
  text-align: center;
  box-shadow: 0 .12em .5em rgba(0, 0, 0, .05);
}
.brx-publication-card img {
  max-width: 100%;
  height: 13em;
  object-fit: contain;
  margin-bottom: .8em;
}
.brx-publication-card .title {
  font-weight: 800;
  color: #1e2d34;
  min-height: 3em;
}
.brx-publication-card .download {
  display: inline-block;
  margin-top: .6em;
  color: #006a3d;
  font-weight: 800;
}
@media(max-width:980px) {
  .brx-dev-grid, .brx-story-grid, .brx-video-grid, .brx-publication-grid {
    grid-template-columns: repeat(2, 1fr)
  }
  .brx-infographic-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}
@media(max-width:640px) {
  .br-accordion-tools, .brx-accordion-tools {
    justify-content: flex-start
  }
  .brx-dev-grid, .brx-story-grid, .brx-video-grid, .brx-publication-grid, .brx-infographic-grid, .brx-two-col {
    grid-template-columns: 1fr
  }
  .brx-table, .brx-table thead, .brx-table tbody, .brx-table tr, .brx-table th, .brx-table td {
    display: block
  }
  .brx-table thead {
    display: none
  }
  .brx-table td {
    border-top: 0
  }
  .brx-table td:before {
    content: attr(data-label);
    display: block;
    color: #155f9f;
    font-weight: 800;
    margin-bottom: .25em
  }
  .brx-category {
    white-space: normal
  }
  .brx-tabs a, .br-tabs a {
    display: block;
    border: .0625em solid #d8dee6;
    border-radius: .35em;
    margin: .15em 0
  }
}
/* 2026-06-01 fix: one accordion arrow only, no double + / chevron */
.br-accordion summary, .brx-accordion summary {
  position: relative !important;
  display: block !important;
  list-style: none !important;
  padding-right: 3.4em !important;
}
.br-accordion summary::marker, .brx-accordion summary::marker {
  content: "" !important;
  font-size: 0 !important;
}
.br-accordion summary:before, .brx-accordion summary:before {
  content: none !important;
  display: none !important;
}
.br-accordion summary:after, .brx-accordion summary:after {
  content: "" !important;
  position: absolute !important;
  right: 1.25em !important;
  top: 50% !important;
  width: .62em !important;
  height: .62em !important;
  border: solid #006a3d !important;
  border-width: 0 .14em .14em 0 !important;
  background: transparent !important;
  font-size: 1em !important;
  line-height: 1 !important;
  float: none !important;
  transform: translateY(-65%) rotate(45deg) !important;
  -webkit-transform: translateY(-65%) rotate(45deg) !important;
}
.br-accordion details[open] summary:after, .brx-accordion details[open] summary:after {
  content: "" !important;
  transform: translateY(-35%) rotate(-135deg) !important;
  -webkit-transform: translateY(-35%) rotate(-135deg) !important;
}
/* 2026-06-01 fix6: unified expand/collapse, secondary load-more, accessible filter submit */
.myCEA_Tool span {
  display: none !important
}
.myCEA_Tool a.br-expand-all, .myCEA_Tool a.br-collapse-all, .myCEA_Tool a[data-target="true"], .myCEA_Tool a[data-target="false"] {
  display: inline-block;
  border: 1px solid #006b3f;
  background: #fff;
  color: #006b3f;
  padding: .7em 1.15em;
  border-radius: .12em;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .01em
}
.myCEA_Tool a.br-expand-all:hover, .myCEA_Tool a.br-collapse-all:hover, .myCEA_Tool a[data-target="true"]:hover, .myCEA_Tool a[data-target="false"]:hover {
  background: #006b3f;
  color: #fff;
  text-decoration: none
}
.myCEA_Tool a[data-target="true"]:before {
  content: '+';
  display: inline-block;
  margin-right: .35em;
  font-weight: 900
}
.myCEA_Tool a[data-target="false"]:before {
  content: '−';
  display: inline-block;
  margin-right: .35em;
  font-weight: 900
}
.br-load, .brx-load {
  display: inline-block;
  border: 1px solid #006b3f !important;
  border-radius: .2em !important;
  background: #fff !important;
  color: #006b3f !important;
  padding: .45em .9em !important;
  margin: .8em 0 !important;
  cursor: pointer;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important
}
.br-load:hover, .brx-load:hover {
  background: #f2faf6 !important;
  color: #004f2d !important;
  text-decoration: underline !important
}
.brx-filter-submit {
  display: inline-block;
  border: 1px solid #006b3f;
  background: #006b3f;
  color: #fff;
  padding: .65em 1.25em;
  border-radius: .25em;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.2
}
.brx-filter-submit:hover, .brx-filter-submit:focus {
  background: #004f2d;
  border-color: #004f2d
}
.brx-action {
  text-align: right;
  white-space: nowrap
}
.brx-table .brx-action a {
  color: #c83200;
  font-weight: 800;
  text-decoration: none
}
@media(max-width:640px) {
  .myCEA_Tool {
    justify-content: flex-start;
    flex-wrap: wrap
  }
  .brx-action {
    text-align: left
  }
}
/* ===== Merged from former common/css/bro-common.css ===== */
/* ===== Former css/professional-ui.css ===== */
/* =========================================================
   Belt and Road 2026 - Professional UI polish layer
   Purpose: visual uplift for inner pages without changing content.
   ========================================================= */ :root {
  --bro-green: #006b3f;
  --bro-green-2: #0b7a4d;
  --bro-teal: #00a7b5;
  --bro-navy: #06284a;
  --bro-ink: #142338;
  --bro-muted: #5e6c7a;
  --bro-line: #d9e5e2;
  --bro-soft: #f5faf8;
  --bro-soft-blue: #f4f8fb;
  --bro-card: #ffffff;
  --bro-shadow: 0 1.25em 2.75em rgba(6, 40, 74, .10);
  --bro-shadow-sm: 0 .55em 1.35em rgba(6, 40, 74, .08);
  --bro-radius: .9em;
  --bro-radius-sm: .55em;
  --bro-font: "Montserrat", "Noto Sans HK", "Noto Sans TC", Arial, Helvetica, sans-serif;
}
.content_bg {
  background: transparent !important;
}
.content_bg.full {
  padding: 0 !important;
}
.bodyArea .mainContent {
  padding: 2.25em 0 5.5em !important;
  color: var(--bro-ink) !important;
  max-width: none !important;
}
.mainContent:before {
  content: "";
  display: block;
  width: 4.25em;
  height: .28em;
  border-radius: 99em;
  background: linear-gradient(90deg, var(--bro-green), var(--bro-teal));
  margin: 0 0 10px;
}
.mainContent h1 {
  margin: 0 0 .72em !important;
  color: var(--bro-navy) !important;
  font-family: var(--site-body-font-family);
  font-size: clamp(2.05em, 2.7vw, 3em) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  line-height: 1.13 !important;
}
.mainContent h2, .mainContent h3 {
  font-family: var(--site-body-font-family);
  color: #315f52 !important;
  letter-spacing: .01em;
  line-height: 1.25;
}
.mainContent h2 {
  font-size: clamp(1.45em, 1.7vw, 2em) !important;
  font-weight: 760 !important;
  margin: 1.35em 0 .65em !important;
}
.mainContent h3 {
  font-size: 1.18em !important;
  font-weight: 760 !important;
  margin: 1.25em 0 .55em !important;
}
.mainContent p, .mainContent li, .mainContent td, .mainContent th {
  font-size: 1em !important;
  line-height: 1.7 !important;
}
.mainContent p {
  max-width: 92em;
  margin: .85em 0;
  color: #1e2b3a;
}
.mainContent a {
  color: #004d63;
  text-decoration: none;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}
.mainContent p a,
.mainContent li a {
  text-decoration: underline;
  text-underline-offset: .16em;
}
.mainContent a:hover, .mainContent a:focus {
  color: var(--bro-green);
  border-bottom-color: var(--bro-green);
}
.breadcrumb, .mainHeader, .pageTop {
  font-size: .82em;
  color: #677789;
}
.breadcrumb {
  margin-bottom: 1.35em !important;
}
.mainbanner {
  min-height: 8.8em !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .08);
}
.mainbanner:before {
  filter: saturate(1.06) contrast(1.04);
}
/* Generic elevated content blocks */
.br-update, .brx-block {
  position: relative;
}
.brx-intro, .mainContent > p:first-of-type {
  font-size: 1.08em !important;
  color: #263647;
}
/* Buttons and tools */
.br-accordion-tools, .brx-accordion-tools {
  display: flex !important;
  justify-content: flex-end !important;
  gap: .75em !important;
  margin: 1.2em 0 .9em !important;
}
.br-accordion-tools button, .brx-accordion-tools button, .br-expand-all, .br-collapse-all, .brx-expand-all, .brx-collapse-all, .br-load, .btnLoadMore, .loadMore, .brx-filter-submit, .mainContent button, .mainContent input[type="submit"] {
  appearance: none;
  border: 1.5px solid var(--bro-green) !important;
  background: #fff !important;
  color: var(--bro-green) !important;
  border-radius: .18em !important;
  padding: .7em 1.1em !important;
  font-family: var(--site-body-font-family);
  font-size: .95em !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  box-shadow: 0 .25em .65em rgba(0, 106, 63, .08);
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  cursor: pointer;
}
.br-accordion-tools button:hover, .br-accordion-tools button:focus, .brx-accordion-tools button:hover, .brx-accordion-tools button:focus, .br-load:hover, .br-load:focus, .brx-filter-submit:hover, .brx-filter-submit:focus, .mainContent button:hover, .mainContent button:focus, .mainContent input[type="submit"]:hover, .mainContent input[type="submit"]:focus {
  background: var(--bro-green) !important;
  color: #fff !important;
  box-shadow: 0 .7em 1.25em rgba(0, 106, 63, .18);
  transform: translateY(-1px);
}
.br-load {
  display: inline-flex !important;
  align-items: center;
  gap: .5em;
  margin: 1.1em 0 0 !important;
}
.br-load:after {
  content: "↓";
  font-size: .95em;
}
.br-load[hidden] {
  display: none !important;
}
/* Form filters */
.brx-filters, .br-filters, .filterArea {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 1em !important;
  padding: 1.15em !important;
  margin: 1.25em 0 1.35em !important;
  background: linear-gradient(180deg, #f8fbfa, #fff) !important;
  border: 1px solid var(--bro-line) !important;
  border-radius: var(--bro-radius-sm) !important;
  box-shadow: var(--bro-shadow-sm);
}
.brx-filters select, .br-filters select, .mainContent select, .mainContent input[type="text"], .mainContent input[type="search"] {
  min-height: 3em !important;
  min-width: 14em !important;
  padding: .68em 2.25em .68em .95em !important;
  border: 1px solid #cfdcda !important;
  border-radius: .25em !important;
  background-color: #fff !important;
  color: #1b2633 !important;
  font-family:var(--site-body-font-family);
  font-size: 1em !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
.brx-filter-submit {
  background: var(--bro-green) !important;
  color: #fff !important;
  padding: .82em 1.65em !important;
}
/* Accordions */
.br-accordion, .brx-accordion {
  border: 1px solid var(--bro-line) !important;
  border-radius: var(--bro-radius-sm) !important;
  overflow: hidden !important;
  background: var(--bro-card) !important;
  box-shadow: var(--bro-shadow-sm) !important;
  margin: 1em 0 2em !important;
}
.br-accordion details, .brx-accordion details {
  border-bottom: 1px solid #e7efed !important;
  background: #fff !important;
}
.br-accordion details:last-child, .brx-accordion details:last-child {
  border-bottom: 0 !important;
}
.br-accordion summary, .brx-accordion summary {
  position: relative !important;
  display: block !important;
  cursor: pointer !important;
  list-style: none !important;
  padding: 1.1em 4.2em 1.1em 1.35em !important;
  background: linear-gradient(90deg, #f7fafc 0%, #f2f8f6 100%) !important;
  color: #073a6a !important;
  font-family: var(--site-body-font-family);
  font-size: 1.05em !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  transition: background .22s ease, color .22s ease;
}
.br-accordion summary:hover, .brx-accordion summary:hover {
  background: #eaf5f2 !important;
  color: var(--bro-green) !important;
}
.br-accordion summary:focus, .brx-accordion summary:focus {
  background: #eaf5f2 !important;
  color: var(--bro-green) !important;
  outline: 3px solid #003f6b !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}
.br-accordion summary::-webkit-details-marker, .brx-accordion summary::-webkit-details-marker {
  display: none !important;
}
.br-accordion summary:after, .brx-accordion summary:after {
  content: "" !important;
  position: absolute !important;
  right: 1.25em !important;
  top: 50% !important;
  width: .72em !important;
  height: .72em !important;
  border-right: 2px solid var(--bro-green) !important;
  border-bottom: 2px solid var(--bro-green) !important;
  transform: translateY(-62%) rotate(45deg) !important;
  transition: transform .22s ease !important;
  float: none !important;
}
.br-accordion details[open] > summary, .brx-accordion details[open] > summary {
  background: #f0f7f5 !important;
  color: #063e73 !important;
  border-bottom: 1px solid var(--bro-line) !important;
}
.br-accordion details[open] > summary:after, .brx-accordion details[open] > summary:after {
  transform: translateY(-34%) rotate(225deg) !important;
}
.br-accordion .inner, .brx-accordion .inner {
  padding: 1.45em 1.45em 1.65em !important;
  background: #fff !important;
}
/* Tables */
.brx-table, .mainContent table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 1em 0 1.4em !important;
  border: 1px solid var(--bro-line) !important;
  border-radius: .4em !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 .3em .9em rgba(6, 40, 74, .04);
}
.brx-table th, .mainContent table th {
  background: #f5faf8 !important;
  color: #063e73 !important;
  font-size: .92em !important;
  font-weight: 800 !important;
  text-align: left !important;
  letter-spacing: .01em;
  padding: .95em 1.1em !important;
  border-bottom: 1px solid #b9d7d2 !important;
}
.brx-table td, .mainContent table td {
  padding: 1em 1.1em !important;
  border-bottom: 1px solid #dbe9e6 !important;
  vertical-align: top !important;
  color: #172536 !important;
}
.brx-table tr:last-child td, .mainContent table tr:last-child td {
  border-bottom: 0 !important;
}
.brx-table tbody tr:nth-child(even), .mainContent table tbody tr:nth-child(even) {
  background: #fbfdfc !important;
}
.brx-table tbody tr:hover, .mainContent table tbody tr:hover {
  background: #f0f8f5 !important;
}
.brx-date {
  font-weight: 700;
  color: #27465f !important;
  white-space: nowrap;
}
.brx-category {
  color: #52616f !important;
  font-size: .94em !important;
}
.brx-action {
  text-align: right !important;
  white-space: nowrap;
}
.brx-action a, .mainContent table td:last-child a {
  color: #b43110 !important;
  font-weight: 100 !important;
  border-bottom: 0 !important;
}
body.chineseVersion .brx-action a, .mainContent table td:last-child a {
  font-weight: 400 !important;
}
.brx-action a:hover, .brx-action a:focus, .mainContent table td:last-child a:hover, .mainContent table td:last-child a:focus {
  color: var(--bro-green) !important;
}
/* Tabs */
.br-tabs, .brx-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45em !important;
  border-bottom: 1px solid var(--bro-line) !important;
  margin: 1.35em 0 1.25em !important;
}
.br-tabs a, .brx-tabs a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 3.15em !important;
  padding: .8em 1.35em !important;
  border: 1px solid var(--bro-line) !important;
  border-bottom: 0 !important;
  border-radius: .45em .45em 0 0 !important;
  background: #f8fbfa !important;
  color: #073a6a !important;
  font-weight: 800 !important;
  border-bottom-color: transparent !important;
}
.br-tabs a.active, .brx-tabs a.active, .br-tabs a:hover, .br-tabs a:focus, .brx-tabs a:hover, .brx-tabs a:focus {
  background: #fff !important;
  color: var(--bro-green) !important;
  box-shadow: 0 -.2em 0 var(--bro-green) inset;
}
.br-panel, .brx-panel {
  animation: broFade .22s ease;
}
@keyframes broFade {
  from {
    opacity: .65;
    transform: translateY(.25em)
  }
  to {
    opacity: 1;
    transform: none
  }
}
/* Story / publication / video card grids */
.brx-story-grid, .brx-publication-grid, .flexMedieArea {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.15em !important;
  align-items: stretch !important;
  margin: 1.35em 0 2em !important;
}
.brx-story-card, .brx-publication-card, .flexMedieArea .responsive, .gallery {
  border: 0 !important;
  background: transparent !important;
}
.brx-story-card, .brx-publication-card > a, .gallery {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  border-radius: var(--bro-radius-sm) !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 .45em 1.25em rgba(6, 40, 74, .10) !important;
  border: 1px solid #e1ebe9 !important;
  transform: translateY(0);
  transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}
.brx-story-card:hover, .brx-story-card:focus, .brx-publication-card > a:hover, .brx-publication-card > a:focus, .gallery:hover, .gallery:focus-within {
  transform: translateY(-.18em);
  box-shadow: 0 1em 2.25em rgba(6, 40, 74, .15) !important;
  border-color: #006b3f !important;
  outline: 3px solid #006b3f !important;
  outline-offset: 3px !important;
}
.brx-story-card img, .gallery img {
  width: 100% !important;
  aspect-ratio: 16/9 !important;
  object-fit: cover !important;
  display: block !important;
}
.brx-publication-card img {
  width: 100% !important;
  height: 17.5em !important;
  object-fit: contain !important;
  background: linear-gradient(180deg, #f6f8f8, #eef4f2) !important;
  padding: 1.2em !important;
  box-sizing: border-box !important;
}
.brx-story-card .title, .brx-publication-card .title, .gallery .desc {
  display: block !important;
  padding: 1em 1.05em !important;
  color: #063e73 !important;
  font-size: 1em !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  min-height: 4.2em;
}
.brx-publication-card .download {
  display: block !important;
  margin: auto 1.05em 1.1em !important;
  color: #b43110 !important;
  font-weight: 800 !important;
  text-align: left !important;
}
.br-share {
  position: absolute !important;
  z-index: 4 !important;
  top: .65em !important;
  right: .65em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2em !important;
  padding: .32em .55em !important;
  color: #174159 !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgba(6, 40, 74, .12) !important;
  border-radius: .28em !important;
  font-size: .78em !important;
  font-weight: 800 !important;
  box-shadow: 0 .25em .75em rgba(0, 0, 0, .10);
}
.brx-cta-card {
  margin: 2.2em 0 0 !important;
  padding: 1.6em 1.85em !important;
  border-radius: var(--bro-radius-sm) !important;
  border: 1px solid var(--bro-line) !important;
  background: linear-gradient(135deg, #f4fbf8 0%, #fff 60%) !important;
  box-shadow: var(--bro-shadow-sm) !important;
}
/* Infographic / feature blocks */
.brx-infographic {
  margin: 1.7em 0 2.2em !important;
  padding: 2.2em !important;
  background: linear-gradient(135deg, #f6fbf9 0%, #fff 58%, #eef8f6 100%) !important;
  border: 1px solid var(--bro-line) !important;
  border-radius: 1em !important;
  box-shadow: var(--bro-shadow-sm) !important;
}
.brx-infographic-title {
  color: var(--bro-green) !important;
  font-size: clamp(2.2em, 4.2vw, 4.8em) !important;
  font-weight: 800 !important;
  text-align: center !important;
  line-height: 1.05 !important;
  letter-spacing: .08em !important;
  margin: 0 0 .35em !important;
}
.brx-infographic-title:after {
  content: "Hong Kong’s Participation in the Belt and Road Initiative";
  display: block;
  margin: .4em auto 1.2em;
  color: #1e6b55;
  font-size: .24em;
  font-weight: 800;
  letter-spacing: .03em;
}
.brx-infographic-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.1em !important;
}
.brx-info-card {
  position: relative !important;
  min-height: 8.6em !important;
  padding: 1.45em 1.25em 1.25em !important;
  border: 1px solid #dce8e5 !important;
  border-radius: .8em !important;
  background: #fff !important;
  box-shadow: 0 .55em 1.2em rgba(6, 40, 74, .08) !important;
  color: #075137 !important;
  font-size: 1.08em !important;
  font-weight: 800 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.brx-info-card .num {
  position: absolute !important;
  top: .8em !important;
  left: .8em !important;
  width: 2em !important;
  height: 2em !important;
  border-radius: 50% !important;
  background: var(--bro-green) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 .35em .8em rgba(0, 106, 63, .25);
  font-size: .85em !important;
}
.brx-photo {
  display: block !important;
  max-width: min(48em, 100%) !important;
  border-radius: .7em !important;
  box-shadow: var(--bro-shadow-sm) !important;
  margin: 1.6em 0 !important;
}
/* Link directory */
.linkList > ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .85em !important;
  padding: 0 !important;
  margin: 1.25em 0 2.5em !important;
  list-style: none !important;
}
.linkList > ul > li {
  margin: 0 !important;
  padding: 1em 1.1em !important;
  border: 1px solid var(--bro-line) !important;
  border-radius: .55em !important;
  background: #fff !important;
  box-shadow: 0 .35em 1em rgba(6, 40, 74, .06) !important;
}
.linkList > ul > li > a {
  font-weight: 100;
  color: #06466f !important;
  border-bottom: 0 !important;
}
.linkList ul ul {
  margin: .7em 0 0 !important;
  padding-left: 1em !important;
  /*   border-left:3px solid #d6ebe6; */
}
.linkList ul ul li {
  font-size: .94em !important;
  margin: .3em 0 !important;
}
/* Development / icon grids from updated pages */
.brx-icon-grid, .brx-dev-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1em !important;
  margin: 1.5em 0 1.8em !important;
}
.brx-icon-card, .brx-dev-card, .brx-dev-grid > * {
  min-height: 5.8em !important;
  padding: 1em 1.2em !important;
  border: 1px solid #dbe8e5 !important;
  border-radius: .45em !important;
  background: #fff !important;
  color: #103042 !important;
  box-shadow: 0 .35em 1em rgba(6, 40, 74, .06) !important;
  font-weight: 800 !important;
  transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.brx-icon-card:hover, .brx-icon-card:focus, .brx-dev-card:hover, .brx-dev-card:focus, .brx-dev-grid > *:hover, .brx-dev-grid > *:focus {
  background: var(--bro-green) !important;
  color: #fff !important;
  transform: translateY(-.12em);
  box-shadow: 0 .9em 1.8em rgba(0, 106, 63, .16) !important;
}
.brx-dev-card:hover span,
.brx-dev-card:focus span,
.brx-dev-card:focus-visible span,
.brx-dev-card.is-active span {
  color: #fff !important;
}
/* Back to top */
#backtotop, .backtotop, .btnTop, a[href="#top"] {
  border-radius: .55em !important;
}
/* Focus visibility */
a:focus, button:focus, summary:focus, select:focus, input:focus {
  outline: 3px solid #003f6b !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}
@media (max-width:1100px) {
  body #wrap .container, .content_bg > .container {
    width: min(100% - 2em, 76em) !important;
  }
  .brx-story-grid, .brx-publication-grid, .flexMedieArea {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .linkList > ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .brx-infographic-grid, .brx-icon-grid, .brx-dev-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:760px) {
  body {
    font-size: 15px;
  }
  body #wrap .container, .content_bg > .container {
    width: calc(100% - 1.2em) !important;
  }
  .bodyArea .mainContent {
    padding: 2.4em 0 3.2em !important;
  }
  .mainContent h1 {
    font-size: 2em !important;
  }
  .br-accordion-tools, .brx-accordion-tools {
    justify-content: flex-start !important;
  }
  .brx-filters, .br-filters, .filterArea {
    display: block !important;
  }
  .brx-filters select, .br-filters select, .mainContent select, .mainContent input[type="text"], .mainContent input[type="search"], .brx-filter-submit {
    width: 100% !important;
    margin: .35em 0 !important;
  }
  .brx-table thead, .mainContent table thead {
    display: none !important;
  }
  .brx-table, .brx-table tbody, .brx-table tr, .brx-table td, .mainContent table, .mainContent table tbody, .mainContent table tr, .mainContent table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .brx-table tr, .mainContent table tr {
    border-bottom: 1px solid var(--bro-line) !important;
    padding: .45em 0 !important;
  }
  .brx-table td, .mainContent table td {
    border-bottom: 0 !important;
    padding: .45em 1em !important;
  }
  .brx-table td[data-label]:before, .mainContent table td[data-label]:before {
    content: attr(data-label);
    display: block;
    color: #607286;
    font-size: .82em;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: .1em;
  }
  .brx-action {
    text-align: left !important;
  }
  .brx-story-grid, .brx-publication-grid, .flexMedieArea, .linkList > ul, .brx-infographic-grid, .brx-icon-grid, .brx-dev-grid {
    grid-template-columns: 1fr !important;
  }
  .brx-infographic {
    padding: 1.25em !important;
  }
  .brx-publication-card img {
    height: 15em !important;
  }
}
/* ===== Inline CSS extracted from activities.html ===== */
/* Client content update - scoped to original site look */
@media(max-width:768px) {
  .br-list-row {
    align-items: flex-start;
    gap: 1em
  }
  .br-key-grid, .br-two-col {
    grid-template-columns: 1fr
  }
  .br-tabs a {
    display: block;
    border-radius: .35em;
    border: 1px solid #d8dee6;
    margin: .3em 0
  }
  .br-datebox {
    width: 4.7em;
    min-width: 4.7em
  }
}
/* client fix 2026-06-01: list/date format only, not Tourism table styling */
@media(max-width:900px) {
  .brx-infographic-grid, .brx-publication-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}
@media(max-width:640px) {
  .brx-table, .brx-table thead, .brx-table tbody, .brx-table tr, .brx-table th, .brx-table td {
    display: block
  }
  .brx-table thead {
    display: none
  }
  .brx-table tbody td {
    border-bottom: 0;
    padding: .45em 1em
  }
  .brx-table tbody tr {
    display: block;
    border-bottom: 1px solid #d8e5e2;
    padding: .65em 0
  }
  .brx-table td:before {
    content: attr(data-label);
    display: block;
    font-size: .8em;
    color: #60707a;
    font-weight: 700;
    margin-bottom: .15em
  }
  .brx-infographic-grid, .brx-publication-grid {
    grid-template-columns: 1fr
  }
  .brx-publication-card img {
    height: 16em
  }
}
/* client fix 2026-06-01: put View details link at the far right */
.brx-table .brx-action {
  width: 11em;
  text-align: right;
  white-space: nowrap
}
.brx-table .brx-action a {
  color: #c43200;
  font-family: var(--site-body-font-family);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap
}
.brx-table .brx-action a:hover {
  text-decoration: underline
}
.brx-table .brx-title a {
  margin-left: 0
}
/* CLIENT COMMENT 2026-06-18: What’s New table column order + compact category */
.brx-table .brx-col-action {
  width: 120px;
}
.brx-table .brx-col-category {
  width: 120px;
}
.brx-table td.brx-category {
  color: #0b7f8c !important;
  font-size: .78em !important;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .01em;
}
@media (max-width:767px) {
  .brx-table td.brx-category {
    font-size: .82em !important;
  }
  .brx-table td.brx-action a {
    font-size: .9em;
  }
}
</style > <style > .brx-table th, .brx-table td {
  vertical-align: middle !important;
}
.brx-table td.brx-date, .brx-table td.brx-action, .brx-table td.brx-category {
  text-align: left !important;
}
.brx-table td.brx-title {
  vertical-align: middle !important;
}
.brx-table td.brx-category {
  font-size: .78em !important;
  line-height: 1.2;
  font-weight: 100;
  letter-spacing: .01em;
}
body.chineseVersion .brx-table td.brx-category {
  font-weight: 400
}
.brx-table td.brx-category {
  color: #0b7f8c !important;
  text-align: left !important;
  vertical-align: middle;
  line-height: 2.5 !important;
}
.brx-table td.brx-category.cat-press-release {
  color: #0b7f8c !important;
  text-align: left !important;
  vertical-align: middle;
  line-height: 2.5 !important;
}
.brx-table td.brx-category.cat-legislative-council-matters {
  color: #8a5a00 !important;
  text-align: left !important;
  vertical-align: middle;
  line-height: 2.5 !important;
}
.brx-table td.brx-category.cat-speech {
  color: #9a2f77 !important;
  text-align: left !important;
  vertical-align: middle;
  line-height: 2.5 !important;
}
.brx-table td.brx-action {
  white-space: nowrap;
}
.brx-table td.brx-action a {
  font-size: .86em;
}
@media (max-width:767px) {
  .brx-table td.brx-date, .brx-table td.brx-action, .brx-table td.brx-category {
    text-align: left !important;
  }
  .brx-table td.brx-category {
    font-size: .82em !important;
  }
  .brx-table td.brx-action a {
    font-size: .9em;
  }
}
@media(max-width:640px) {
  .brx-table .brx-action {
    text-align: left;
    width: auto;
    padding-top: .2em
  }
  .brx-table .brx-action:before {
    content: '';
    display: none
  }
}
/* ===== Inline CSS extracted from bro-stories.html ===== */
/* Client content update - scoped to original site look */
@media(max-width:768px) {
  .br-list-row {
    align-items: flex-start;
    gap: 1em
  }
  .br-key-grid, .br-two-col {
    grid-template-columns: 1fr
  }
  .br-tabs a {
    display: block;
    border-radius: .35em;
    border: 1px solid #d8dee6;
    margin: .3em 0
  }
  .br-datebox {
    width: 4.7em;
    min-width: 4.7em
  }
}
/* client fix 2026-06-01: list/date format only, not Tourism table styling */
@media(max-width:900px) {
  .brx-infographic-grid, .brx-publication-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}
@media(max-width:640px) {
  .brx-table, .brx-table thead, .brx-table tbody, .brx-table tr, .brx-table th, .brx-table td {
    display: block
  }
  .brx-table thead {
    display: none
  }
  .brx-table tbody td {
    border-bottom: 0;
    padding: .45em 1em
  }
  .brx-table tbody tr {
    display: block;
    border-bottom: 1px solid #d8e5e2;
    padding: .65em 0
  }
  .brx-table td:before {
    content: attr(data-label);
    display: block;
    font-size: .8em;
    color: #60707a;
    font-weight: 700;
    margin-bottom: .15em
  }
  .brx-infographic-grid, .brx-publication-grid {
    grid-template-columns: 1fr
  }
  .brx-publication-card img {
    height: 16em
  }
}
/* ===== Inline CSS extracted from factsheet.html ===== */
/* Client content update - scoped to original site look */
@media(max-width:768px) {
  .br-list-row {
    align-items: flex-start;
    gap: 1em
  }
  .br-key-grid, .br-two-col {
    grid-template-columns: 1fr
  }
  .br-tabs a {
    display: block;
    border-radius: .35em;
    border: 1px solid #d8dee6;
    margin: .3em 0
  }
  .br-datebox {
    width: 4.7em;
    min-width: 4.7em
  }
}
/* client fix 2026-06-01: list/date format only, not Tourism table styling */
@media(max-width:900px) {
  .brx-infographic-grid, .brx-publication-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}
@media(max-width:640px) {
  .brx-table, .brx-table thead, .brx-table tbody, .brx-table tr, .brx-table th, .brx-table td {
    display: block
  }
  .brx-table thead {
    display: none
  }
  .brx-table tbody td {
    border-bottom: 0;
    padding: .45em 1em
  }
  .brx-table tbody tr {
    display: block;
    border-bottom: 1px solid #d8e5e2;
    padding: .65em 0
  }
  .brx-table td:before {
    content: attr(data-label);
    display: block;
    font-size: .8em;
    color: #60707a;
    font-weight: 700;
    margin-bottom: .15em
  }
  .brx-infographic-grid, .brx-publication-grid {
    grid-template-columns: 1fr
  }
  .brx-publication-card img {
    height: 16em
  }
}
/* ===== Inline CSS extracted from plan.html ===== */
/* Client content update - scoped to original site look */
@media(max-width:768px) {
  .br-list-row {
    align-items: flex-start;
    gap: 1em
  }
  .br-key-grid, .br-two-col {
    grid-template-columns: 1fr
  }
  .br-tabs a {
    display: block;
    border-radius: .35em;
    border: 1px solid #d8dee6;
    margin: .3em 0
  }
  .br-datebox {
    width: 4.7em;
    min-width: 4.7em
  }
}
/* client fix 2026-06-01: list/date format only, not Tourism table styling */
.brx-filters {
  display: flex;
  gap: 1.1em;
  flex-wrap: wrap;
  margin: 1em 0 1.2em;
  padding: 0;
  background: transparent;
  border: 0
}
.brx-filters select {
  min-width: 13em;
  padding: .65em .85em;
  border: 1px solid #cfd8df;
  border-radius: .25em;
  background: #fff;
  color: #1b2633;
  font-size: 1em
}
.brx-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 1em 0 1.4em;
  border: 1px solid #d8e5e2;
  background: #fff
}
.brx-table thead th {
  background: #f4f8f7;
  color: #004082;
  text-align: left;
  font-weight: 700;
  padding: .9em 1.1em;
  border-bottom: 1px solid #d8e5e2
}
.brx-table tbody td {
  padding: 1em 1.1em;
  border-bottom: 1px solid #e1eeeb;
  vertical-align: top;
  background: #fff;
  color: #1b2633;
  line-height: 1.5
}
.brx-table tbody tr:nth-child(even) td {
  background: #f8fbfb
}
.brx-table tbody tr:last-child td {
  border-bottom: 0
}
.brx-table .brx-date {
  white-space: nowrap;
  color: #21333f;
  font-weight: 500
}
.brx-table .brx-title a {
  color: #c43200;
  font-weight: 700;
  text-decoration: none;
  margin-left: .25em;
  white-space: nowrap
}
.brx-table .brx-title a:hover {
  text-decoration: underline
}
.brx-table .brx-category {
  color: #52616b;
  white-space: nowrap;
  font-size: .95em
}
.brx-infographic {
  margin: 1.4em 0 1.8em;
  padding: 1.4em;
  border-radius: 1em;
  background: linear-gradient(135deg, #eef9f4 0%, #f8fbff 100%);
  border: 1px solid #d6e9df;
  box-shadow: 0 .3em 1.2em rgba(0, 64, 40, .08)
}
.brx-infographic-title {
  margin: 0 0 1em;
  text-align: center;
  color: #135c2a;
  font-size: 1.65em;
  font-weight: 800;
  letter-spacing: .02em
}
.brx-infographic-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
  margin: 0
}
.brx-info-card {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 5.8em;
  padding: 1.1em 1.1em 1.1em 4.2em;
  border: 1px solid #cfe1d7;
  border-radius: .85em;
  background: #fff;
  box-shadow: 0 .18em .55em rgba(0, 64, 40, .07);
  color: #1b2633;
  font-weight: 700;
  line-height: 1.35
}
.brx-info-card .num {
  position: absolute;
  left: .8em;
  top: 50%;
  transform: translateY(-50%);
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #14652d;
  color: #fff;
  font-size: 1.15em;
  font-weight: 800
}
.brx-info-card:after {
  content: '';
  position: absolute;
  right: 1em;
  bottom: .7em;
  width: 2.2em;
  height: .35em;
  border-radius: 999px;
  background: linear-gradient(90deg, #20a45a, #61c6a0);
  opacity: .45
}
.brx-publication-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.1em;
  margin: 1em 0 1.4em
}
.brx-publication-card {
  border: 1px solid #dbe5e2;
  border-radius: .65em;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 .15em .55em rgba(0, 0, 0, .06)
}
.brx-publication-card a {
  display: block;
  color: #1b2633;
  text-decoration: none;
  padding: 1em;
  position: relative
}
.brx-publication-card img {
  display: block;
  width: 100%;
  height: 18em;
  object-fit: contain;
  background: #f6f8f7;
  border: 1px solid #edf2f0;
  margin-bottom: .8em
}
.brx-publication-card .title {
  font-weight: 700;
  color: #004082;
  line-height: 1.35;
  min-height: 2.7em
}
.brx-publication-card .download {
  display: inline-block;
  margin-top: .7em;
  color: #c43200;
  font-weight: 700
}
@media(max-width:900px) {
  .brx-infographic-grid, .brx-publication-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}
@media(max-width:640px) {
  .brx-table, .brx-table thead, .brx-table tbody, .brx-table tr, .brx-table th, .brx-table td {
    display: block
  }
  .brx-table thead {
    display: none
  }
  .brx-table tbody td {
    border-bottom: 0;
    padding: .45em 1em
  }
  .brx-table tbody tr {
    display: block;
    border-bottom: 1px solid #d8e5e2;
    padding: .65em 0
  }
  .brx-table td:before {
    content: attr(data-label);
    display: block;
    font-size: .8em;
    color: #60707a;
    font-weight: 700;
    margin-bottom: .15em
  }
  .brx-infographic-grid, .brx-publication-grid {
    grid-template-columns: 1fr
  }
  .brx-publication-card img {
    height: 16em
  }
}
/* fix4: plan.html real HTML infographic for 6 Key Areas */
.br-update .br-plan-infographic {
  position: relative;
  overflow: hidden;
  margin: 1.6em 0 2em;
  border: 1px solid #d6e9df;
  border-radius: 1.25em;
  background: linear-gradient(180deg, #fff 0%, #f3fbf8 100%);
  box-shadow: 0 .35em 1.4em rgba(0, 64, 40, .09);
  font-family: var(--site-heading-font-family);
  color: #0b3f28
}
.br-update .br-plan-infographic:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5.4em;
  background: linear-gradient(90deg, rgba(17, 100, 47, .13), rgba(31, 165, 154, .16));
  clip-path: polygon(0 45%, 12% 35%, 24% 50%, 38% 38%, 52% 52%, 67% 34%, 82% 51%, 100% 38%, 100% 100%, 0 100%);
  pointer-events: none
}
.br-update .br-plan-lines {
  position: absolute;
  inset: -8em -4em auto -4em;
  height: 18em;
  opacity: .26;
  background: repeating-radial-gradient(ellipse at 50% 0, transparent 0, transparent 1.05em, rgba(31, 165, 154, .36) 1.1em, rgba(31, 165, 154, .36) 1.16em);
  pointer-events: none
}
.br-update .br-plan-head {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 0 1.9em
}
.br-update .br-plan-head h2 {
  margin: 0;
  color: #0f5d2a;
  font-size: clamp(2.4em, 5vw, 4.4em);
  line-height: .95;
  font-weight: 900;
  letter-spacing: .015em
}
.br-update .br-plan-head p {
  display: inline-flex;
  align-items: center;
  gap: .9em;
  margin: .85em 0 0;
  color: #0d5f35;
  font-size: clamp(1em, 1.65vw, 1.28em);
  font-weight: 600;
  line-height: 1.35
}
.br-update .br-plan-head p:before, .br-update .br-plan-head p:after {
  content: "";
  display: block;
  width: 3.4em;
  height: .12em;
  background: #0d5f35;
  border-radius: 99em
}
.br-update .br-plan-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.1em
}
.br-update .br-plan-card {
  position: relative;
  min-height: 15.6em;
  padding: 1.35em 1.1em 1.15em;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(13, 95, 53, .13);
  border-radius: 1em;
  box-shadow: 0 .45em 1.1em rgba(0, 55, 35, .08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease
}
.br-update .br-plan-card:hover {
  transform: translateY(-.18em);
  border-color: rgba(31, 165, 154, .42);
  box-shadow: 0 .75em 1.6em rgba(0, 55, 35, .13)
}
.br-update .br-plan-num {
  position: absolute;
  top: .8em;
  left: .8em;
  width: 2.15em;
  height: 2.15em;
  border-radius: 50%;
  background: linear-gradient(135deg, #0f6d2f, #0d4f24);
  color: #fff;
  font-size: 1.15em;
  font-weight: 900;
  display: grid;
  place-items: center;
  box-shadow: 0 .28em .75em rgba(13, 79, 36, .22)
}
.br-update .br-plan-icon {
  width: 7.5em;
  height: 7.5em;
  margin: .2em 0 .85em
}
.br-update .br-plan-icon svg {
  width: 100%;
  height: 100%;
  display: block
}
.br-update .br-plan-icon circle:first-child {
  fill: #e6f4f0
}
.br-update .br-plan-icon path:not(.stroke):not(.thin):not(.water):not(.light):not(.white):not(.tick):not(.scale), .br-update .br-plan-icon rect:not(.paper) {
  fill: #11642f
}
.br-update .br-plan-icon .accent {
  fill: #14845f
}
.br-update .br-plan-icon .stroke, .br-update .br-plan-icon .thin, .br-update .br-plan-icon .water, .br-update .br-plan-icon .light, .br-update .br-plan-icon .tick, .br-update .br-plan-icon .white, .br-update .br-plan-icon .scale {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}
.br-update .br-plan-icon .stroke {
  stroke: #11642f;
  stroke-width: 5
}
.br-update .br-plan-icon .thin {
  stroke: #14845f;
  stroke-width: 3
}
.br-update .br-plan-icon .water {
  stroke: #1fa59a;
  stroke-width: 4
}
.br-update .br-plan-icon .light {
  stroke: #9ad7d2;
  stroke-width: 5
}
.br-update .br-plan-icon .tick {
  stroke: #14845f;
  stroke-width: 3
}
.br-update .br-plan-icon .white {
  stroke: #fff;
  stroke-width: 4
}
.br-update .br-plan-icon .scale {
  stroke: #11642f;
  stroke-width: 4
}
.br-update .br-plan-icon .paper {
  fill: #fff;
  stroke: #11642f;
  stroke-width: 5
}
.br-update .br-plan-icon text {
  font-family: var(--site-body-font-family);
  font-size: 24px;
  font-weight: 800;
  fill: #fff
}
.br-update .br-plan-card h3 {
  position: relative;
  max-width: 15em;
  margin: 0;
  padding-bottom: .68em;
  color: #0c4f2f;
  font-size: clamp(1.02em, 1.35vw, 1.28em);
  line-height: 1.24;
  font-weight: 800;
  letter-spacing: .015em
}
.br-update .br-plan-card h3:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 3em;
  height: .15em;
  background: #1fa59a;
  border-radius: 99em;
  transform: translateX(-50%)
}
@media(max-width:900px) {
  .br-update .br-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .br-update .br-plan-card {
    min-height: 14.8em
  }
}
@media(max-width:640px) {
  .br-update .br-plan-infographic {
    padding: 2em 1em 2.4em
  }
  .br-update .br-plan-head p {
    display: block
  }
  .br-update .br-plan-head p:before, .br-update .br-plan-head p:after {
    display: none
  }
  .br-update .br-plan-grid {
    grid-template-columns: 1fr
  }
  .br-update .br-plan-card {
    min-height: auto;
    padding: 1.8em 1em 1.45em
  }
  .br-update .br-plan-icon {
    width: 6.6em;
    height: 6.6em
  }
}
/* ===== Inline CSS extracted from resources.html ===== */
/* Client content update - scoped to original site look */
.br-update {
  font-family: var(--site-body-font-family);
  color: #1b2633
}
.br-update h2 {
  color: #3c6552;
  font-size: 1.45em;
  margin: 1.1em 0 .6em;
  font-weight: 700;
  letter-spacing: .02em
}
.br-update h3 {
  color: #004082;
  font-size: 1.05em;
  margin: .6em 0 .45em;
  font-weight: 700
}
.br-update p {
  line-height: 1.75;
  margin: .75em 0
}
.br-update ul {
  margin: .5em 0 1em 1.4em;
  line-height: 1.7
}
.br-tabs {
  margin: .8em 0 1.2em;
  border-bottom: 1px solid #d8dee6
}
.br-tabs a {
  display: inline-block;
  padding: .7em 1.2em;
  margin-right: .35em;
  border: 1px solid #d8dee6;
  border-bottom: 0;
  border-radius: .45em .45em 0 0;
  background: #f5f7fa;
  color: #004082;
  text-decoration: none;
  font-weight: 700
}
.br-tabs a.active {
  background: #fff;
  color: #006a3d
}
.br-panel {
  display: none
}
.br-panel.active {
  display: block
}
.br-accordion {
  border: 1px solid #d8dee6;
  border-radius: .45em;
  overflow: hidden;
  margin: 1em 0;
  background: #fff
}
.br-accordion details {
  border-bottom: 1px solid #e6ebf0
}
.br-accordion details:last-child {
  border-bottom: 0
}
.br-accordion summary {
  cursor: pointer;
  list-style: none;
  padding: 1em 1.2em;
  background: #f6f8fb;
  color: #004082;
  font-weight: 700;
  font-size: 1.08em
}
.br-accordion summary::-webkit-details-marker {
  display: none
}
.br-accordion summary:after {
  content: '+';
  float: right;
  color: #006a3d;
  font-weight: 700
}
.br-accordion details[open] summary:after {
  content: '−'
}
.br-accordion .inner {
  padding: 1em 1.3em
}
.br-native-list {
  border: 1px solid #d8dee6;
  margin: 1em 0 1.4em;
  background: #fff
}
.br-native-list .section-head {
  padding: .9em 1.1em;
  color: #004082;
  font-weight: 700;
  border-bottom: 1px solid #e6ebf0;
  background: #fff;
  display: flex;
  justify-content: space-between
}
.br-list-row {
  display: flex;
  align-items: center;
  gap: 1.6em;
  padding: 1.15em 1.1em;
  border-bottom: 1px solid #e6ebf0;
  background: #f3f6fa
}
.br-list-row:nth-child(even) {
  background: #f7f9fc
}
.br-list-row:last-child {
  border-bottom: 0
}
.br-datebox {
  width: 5.4em;
  min-width: 5.4em;
  text-align: center;
  border: 1px solid #b8c8dd;
  background: #eaf0f9;
  border-radius: .55em;
  padding: .45em .25em;
  color: #1b2633;
  line-height: 1.1
}
.br-datebox .mon {
  font-size: .72em;
  text-transform: uppercase;
  color: #596b7d
}
.br-datebox .day {
  font-size: 1.45em;
  font-weight: 700
}
.br-datebox .year {
  font-size: .66em;
  color: #596b7d
}
.br-list-title {
  flex: 1;
  line-height: 1.55
}
.br-list-title a {
  color: #244e5a;
  text-decoration: none
}
.br-list-title a:hover {
  text-decoration: underline
}
.br-category {
  min-width: 10em;
  color: #566;
  font-size: .9em
}
.br-load {
  display: inline-block;
  border: 1px solid #006b3f;
  border-radius: .2em;
  background: #fff;
  color: #006b3f;
  padding: .45em .9em;
  margin: .8em 0;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.2
}
.br-load:hover {
  background: #f2faf6;
  color: #004f2d;
  text-decoration: underline
}
.br-card-note {
  border: 1px solid #d8dee6;
  border-radius: .45em;
  background: #f6f8fb;
  padding: 1em 1.2em;
  margin: 1em 0
}
.br-key-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
  margin: 1em 0 1.4em
}
.br-key-grid span {
  display: block;
  border: 1px solid #d8dee6;
  border-radius: .5em;
  background: #f6f8fb;
  padding: 1em;
  color: #004082;
  font-weight: 700;
  line-height: 1.35
}
.br-share {
  float: right;
  font-size: .82em;
  border: 1px solid #cdd7e4;
  border-radius: .3em;
  background: #fff;
  color: #244e5a;
  padding: .25em .55em;
  margin: .3em
}
.br-jump {
  margin: .4em 0 1em
}
.br-jump a {
  display: inline-block;
  margin: 0 .8em .5em 0;
  color: #004082;
  font-weight: 700;
  text-decoration: none
}
.br-note-small {
  font-size: .9em;
  color: #566
}
.br-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2em
}
.br-photo {
  max-width: 100%;
  height: auto;
  border: 1px solid #d8dee6;
  border-radius: .45em;
  margin: .75em 0
}
@media(max-width:768px) {
  .br-list-row {
    align-items: flex-start;
    gap: 1em
  }
  .br-key-grid, .br-two-col {
    grid-template-columns: 1fr
  }
  .br-tabs a {
    display: block;
    border-radius: .35em;
    border: 1px solid #d8dee6;
    margin: .3em 0
  }
  .br-datebox {
    width: 4.7em;
    min-width: 4.7em
  }
}
/* ===== Inline CSS extracted from visionandactions.html ===== */
/* client fix 2026-06-01: align Expand All / Collapse All with activities.html */
.myCEA_Tool {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  margin: 1.2em 0 1em;
  text-align: right
}
.myCEA_Tool a.br-expand-all, .myCEA_Tool a.br-collapse-all {
  display: inline-block;
  border: 1px solid #006b3f;
  background: #fff;
  color: #006b3f;
  padding: .7em 1.15em;
  border-radius: .12em;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .01em
}
.myCEA_Tool a.br-expand-all:hover, .myCEA_Tool a.br-collapse-all:hover {
  background: #006b3f;
  color: #fff;
  text-decoration: none
}
@media(max-width:640px) {
  .myCEA_Tool {
    justify-content: flex-start;
    flex-wrap: wrap
  }
  .myCEA_Tool a.br-expand-all, .myCEA_Tool a.br-collapse-all {
    width: auto
  }
}
/* ===== BRO 2026 common refinement patch - 2026-06-01 ===== */ :root {
  --bro-green: #006b3f;
  --bro-green-dark: #004f2d;
  --bro-blue: #004082;
  --bro-ink: #10243a;
  --bro-line: #dbe7e3;
}
/* Inner-page skyline banners by top-level section */
body:not(.indexVersion) .mainbanner {
  height: 12.125em;
  background: #dcefeb;
}
body:not(.indexVersion) .mainbanner:before {
  background-image: url(../images/skyline_section_1.jpg) !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: saturate(1.03) contrast(1.02) !important;
}
body.section-about .mainbanner:before {
  background-image: url(../images/skyline_section_1.jpg) !important;
}
body.section-office .mainbanner:before {
  background-image: url(../images/skyline_section_2.jpg) !important;
}
body.section-participation .mainbanner:before {
  background-image: url(../images/skyline_section_3.jpg) !important;
}
body.section-news .mainbanner:before {
  background-image: url(../images/skyline_section_4.jpg) !important;
}
body.section-resource .mainbanner:before {
  background-image: url(../images/skyline_section_5.jpg) !important;
}
/* plan.html: wrap text around the photo in the policy-coordination paragraph block */
.brx-float-block {
  display: block;
  clear: both;
  margin: 1.2em 0 1.6em;
}
.brx-float-block:after {
  content: "";
  display: block;
  clear: both;
}
.brx-float-photo {
  float: right;
  width: min(42%, 34em);
  max-width: 100%;
  margin: .25em 0 1.1em 2em;
  border: 1px solid var(--bro-line);
  border-radius: .7em;
  box-shadow: 0 .35em 1.2em rgba(16, 36, 58, .10);
  background: #fff;
}
.brx-float-block p:first-of-type {
  margin-top: 0;
}
@media(max-width:760px) {
  .brx-float-photo {
    float: none;
    width: 100%;
    margin: .8em 0 1em;
  }
}
/* visionandactions.html: tighten issuer credit line spacing */
body.page-visionandactions .brx-issuer {
  margin: .8em auto 1.1em;
  text-align: center;
}
body.page-visionandactions .brx-issuer p.text-center {
  margin: .18em 0 !important;
  line-height: 1.32 !important;
}
/* Load more: smaller, centered, secondary action */
.br-load, .brx-load {
  display: block !important;
  width: max-content;
  margin: 1.05em auto 0 !important;
  padding: .45em 1.05em !important;
  font-size: .875em !important;
  line-height: 1.2 !important;
  border-radius: .25em !important;
}
/* press/listing: smaller View details link */
.brx-table .brx-title a, .brx-table a[href*="press"], .brx-table a[title*="View"], .brx-table a.view-detail, .brx-table td:last-child a {
  font-size: .875em;
  line-height: 1.25;
}
/* publication/video share: icon button instead of text label */
.br-share {
  position: absolute !important;
  top: .75em;
  right: .75em;
  z-index: 3;
  width: 2.05em;
  height: 2.05em;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  text-indent: -999px;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #cdd7e4 !important;
  box-shadow: 0 .12em .35em rgba(16, 36, 58, .12);
}
.br-share:before {
  content: "";
  position: absolute;
  inset: 0;
  background: center/1.05em 1.05em no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006b3f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.6 10.7 15.4 6.3M8.6 13.3l6.8 4.4'/%3E%3C/svg%3E");
}
.br-share:hover {
  background: #f2faf6 !important;
  border-color: #006b3f !important;
}
.brx-publication-card a, .gallery a {
  position: relative;
}
/* work.html: ensure the final institutional-building icon stays green, not black */
body.page-work .brx-dev-card[data-target="dev-area-8"] svg, body.page-work .brx-dev-card[data-target="dev-area-8"] svg * {
  color: #006b3f !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
body.page-work .brx-dev-card[data-target="dev-area-8"] svg .white, body.page-work .brx-dev-card[data-target="dev-area-8"] svg [stroke="#fff"] {
  stroke: #fff !important;
  fill: none !important;
}
body.page-work .brx-dev-card[data-target="dev-area-8"]:hover svg, body.page-work .brx-dev-card[data-target="dev-area-8"]:focus svg, body.page-work .brx-dev-card[data-target="dev-area-8"]:hover svg *, body.page-work .brx-dev-card[data-target="dev-area-8"]:focus svg * {
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* keep extracted common assets predictable */
@media print {
  .br-share {
    display: none !important;
  }
}
/* Externalized former inline column widths / resource feature backgrounds */
.brx-table col.brx-col-date {
  width: 12em;
}
.brx-table col.brx-col-category {
  width: 16em;
}
.brx-table col.brx-col-action {
  width: 11em;
}
.brx-feature-grid {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 1em;
}
.brx-bg-compendium {
  background-image: url(../assets/images/home/compendium.jpg);
}
.brx-bg-video {
  background-image: url("../assets/images/home/Summit Video Eng (Thumbnail).png");
}
.bnr-hero-slide--hongkong {
  --hero-bg: url(../../images/banner/hero_hongkong_01.jpg);
}
.bnr-hero-slide--beltroad {
  --hero-bg: url(../../images/banner/hero_beltroad_02.jpg);
}
.bnr-hero-slide--capacity {
  --hero-bg: url(../../images/banner/hero_capacity_03.jpg);
}
/* ===== Minimal section banner / breadcrumb / small action text fixes (2026-06-01) ===== */
body:not(.indexVersion) .mainbanner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 12.125em !important;
  height: 12.125em !important;
  overflow: hidden !important;
  background: #0b3f4c !important;
}
body:not(.indexVersion) .mainbanner:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 11;
  background: linear-gradient(90deg, rgba(0, 60, 47, .78) 0%, rgba(0, 60, 47, .48) 40%, rgba(0, 60, 47, .16) 100%);
  pointer-events: none;
}
body:not(.indexVersion) .mainbanner .bro-section-banner-inner {
  position: relative;
  z-index: 20;
  width: min(86.5em, calc(100% - 3em));
  max-width: 86.5em;
  margin: 0 auto;
}
body:not(.indexVersion) .mainbanner .bro-section-title {
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--site-body-font-family);
  font-size: clamp(2.05em, 3.15vw, 3.55em) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: .01em !important;
  text-shadow: 0 .08em .45em rgba(0, 0, 0, .35);
}
body:not(.indexVersion) .mainContent > h2:first-child, body:not(.indexVersion) .mainContent > .br-page-heading {
  margin-top: 0 !important;
  color: var(--bro-navy) !important;
  font-size: clamp(1.75em, 2.25vw, 2.55em) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
}
.breadcrumb .bro-home-icon, .breadcrumb a.bro-home-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.45em !important;
  height: 1.45em !important;
  vertical-align: middle !important;
  border-bottom: 0 !important;
  color: var(--bro-green) !important;
}
.breadcrumb .bro-home-icon svg {
  width: 1em;
  height: 1em;
  display: block;
  fill: currentColor;
}
body.page-activities .br-load, body.page-activities .brx-load {
  font-size: .78em !important;
  padding: .42em .95em !important;
}
body.page-activities .brx-action a, body.page-activities .mainContent table td:last-child a, body.page-press .brx-action a, body.page-press .mainContent table td:last-child a {
  font-size: .78em !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
@media(max-width:760px) {
  body:not(.indexVersion) .mainbanner {
    height: 9.5em !important;
    min-height: 9.5em !important;
  }
  body:not(.indexVersion) .mainbanner .bro-section-title {
    font-size: 2em !important;
  }
}
/* ===== Breadcrumb and footer alignment correction (2026-06-01 fix3) ===== */
.breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .45em !important;
  min-height: 1.8em !important;
}
.breadcrumb a, .breadcrumb span {
  display: inline-flex;
  align-items: center;
}
.breadcrumb .bro-bc-sep {
  color: #81919a;
  margin: 0 .15em;
}
.breadcrumb .bro-bc-current {
  color: #53626b;
  font-weight: 500;
}
.breadcrumb a.bro-bc-section {
  color: #135c2a;
  text-decoration: none;
  font-weight: 600;
}
.breadcrumb a.bro-bc-section:hover {
  text-decoration: underline;
}
.footerArea .footerArea1 .container, .footerArea .footerMenuArea, .footerArea .footerMenu {
  width: 100% !important;
}
.footerArea .footerMenu .footerMenuParent.myflex {
  width: min(86.5em, calc(100% - 3em)) !important;
  max-width: 86.5em !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 2.2em 1.6em !important;
}
.footerArea .footerMenu .footerMenuParent > div {
  min-width: 10.5em !important;
  max-width: 15.5em !important;
  flex: 0 1 14em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media(max-width:900px) {
  .footerArea .footerMenu .footerMenuParent.myflex {
    width: min(100% - 2em, 42em) !important;
    justify-content: flex-start !important;
  }
  .footerArea .footerMenu .footerMenuParent > div {
    flex: 1 1 14em !important;
  }
}
/* ===== Fix4: force real breadcrumb trail and align footer menu with content column ===== */
.breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .4em !important;
  margin-bottom: 1.35em !important;
  min-height: 1.8em !important;
}
.breadcrumb .bro-home-icon, .breadcrumb a.bro-home-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.65em !important;
  height: 1.65em !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--bro-green) !important;
  background: rgba(0, 107, 63, .08) !important;
  text-decoration: none !important;
  line-height: 1 !important;
}
.breadcrumb .bro-home-icon svg {
  width: 1.02em !important;
  height: 1.02em !important;
  display: block !important;
  fill: currentColor !important;
}
.breadcrumb .bro-home-icon:hover, .breadcrumb .bro-home-icon:focus {
  background: var(--bro-green) !important;
  color: #fff !important;
}
.breadcrumb .bro-bc-sep {
  color: #82939a !important;
  margin: 0 .18em !important;
}
.breadcrumb .bro-bc-section {
  color: #135c2a !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}
/* Footer menu: same horizontal content rail as body container */
.footerArea .footerArea1 .container, .footerArea .footerMenuArea, .footerArea .footerMenu {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.footerArea .footerMenu .footerMenuParent.myflex, .footerArea .footerMenuParent.myflex.flexAround.flexWrapM {
  width: min(86.5em, calc(100% - 3em)) !important;
  max-width: 86.5em !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 2.4em 5.25em !important;
}
.footerArea .footerMenu .footerMenuParent.myflex > div, .footerArea .footerMenuParent.myflex.flexAround.flexWrapM > div {
  flex: 0 1 11.5em !important;
  min-width: 10em !important;
  max-width: 15em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.footerArea .footerMenu .footerMenuParent.myflex > div:first-child, .footerArea .footerMenuParent.myflex.flexAround.flexWrapM > div:first-child {
  flex-basis: 13.5em !important;
}
@media(max-width:900px) {
  .footerArea .footerMenu .footerMenuParent.myflex, .footerArea .footerMenuParent.myflex.flexAround.flexWrapM {
    width: min(100% - 2em, 42em) !important;
    gap: 2em !important;
  }
  .footerArea .footerMenu .footerMenuParent.myflex > div, .footerArea .footerMenuParent.myflex.flexAround.flexWrapM > div {
    flex: 1 1 13em !important;
  }
}
/* ===== Fix5 final: static breadcrumb icon + footer rail alignment ===== */
.breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .42em !important;
  margin: 1.15em 0 1.35em !important;
  min-height: 1.8em !important;
  color: #586873 !important;
}
.breadcrumb .bro-home-icon, .breadcrumb a.bro-home-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.72em !important;
  height: 1.72em !important;
  border-radius: 50% !important;
  color: #006b3f !important;
  background: rgba(0, 107, 63, .09) !important;
  text-decoration: none !important;
  border: 1px solid rgba(0, 107, 63, .18) !important;
  line-height: 1 !important;
}
.breadcrumb .bro-home-icon svg, .breadcrumb a.bro-home-icon svg {
  width: 1.02em !important;
  height: 1.02em !important;
  display: block !important;
  fill: currentColor !important;
}
.breadcrumb .bro-home-icon:hover, .breadcrumb .bro-home-icon:focus {
  background: #006b3f !important;
  color: #fff !important;
}
.breadcrumb .bro-bc-section {
  color: #135c2a !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}
.breadcrumb .bro-bc-current {
  color: #586873 !important;
  font-weight: 500 !important;
}
.breadcrumb .bro-bc-sep {
  color: #88979b !important;
  margin: 0 .08em !important;
}
/* Footer columns align with the main content rail, not a narrow centred block. */
.footerArea .footerMenuParent.myflex.flexAround.flexWrapM, .footerArea .footerMenu .footerMenuParent.myflex {
  box-sizing: border-box !important;
  width: min(100em, calc(100% - 12.5em)) !important;
  max-width: 100em !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 2.25em 3em !important;
}
.footerArea .footerMenuParent.myflex.flexAround.flexWrapM > div, .footerArea .footerMenu .footerMenuParent.myflex > div {
  flex: 0 1 14em !important;
  min-width: 12.5em !important;
  max-width: 16em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.footerArea .footerMenu ul.menuLv0 > li.firstLi > a, .footerArea .footerMenu .bMenu > li > a {
  white-space: normal !important;
}
@media (max-width:76em) {
  .footerArea .footerMenuParent.myflex.flexAround.flexWrapM, .footerArea .footerMenu .footerMenuParent.myflex {
    width: calc(100% - 3em) !important;
  }
  .footerArea .footerMenuParent.myflex.flexAround.flexWrapM > div, .footerArea .footerMenu .footerMenuParent.myflex > div {
    flex: 1 1 13em !important;
  }
}
/* ===== Fix6 final: breadcrumb + footer alignment cleanup ===== */
.bodyArea .breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .42em !important;
}
.bodyArea .breadcrumb a.home {
  display: none !important;
}
.bodyArea .breadcrumb .bro-home-icon, .bodyArea .breadcrumb a.bro-home-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.72em !important;
  height: 1.72em !important;
  min-width: 1.72em !important;
  border-radius: 50% !important;
  color: #006b3f !important;
  background: #fff !important;
  border: 0px solid rgba(0, 107, 63, .18) !important;
  text-decoration: none !important;
  line-height: 1 !important;
  font-size: 1em !important;
  overflow: hidden !important;
  text-indent: 0 !important;
}
.bodyArea .breadcrumb .bro-home-icon svg, .bodyArea .breadcrumb a.bro-home-icon svg {
  width: 2.02em !important;
  height: 2.02em !important;
  display: block !important;
  fill: currentColor !important;
}
.bodyArea .breadcrumb .bro-home-icon:hover, .bodyArea .breadcrumb .bro-home-icon:focus {
  background: #fff !important;
  color: #333 !important;
}
.bodyArea .breadcrumb .bro-bc-section {
  color: #135c2a !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}
.bodyArea .breadcrumb .bro-bc-current {
  color: #586873 !important;
  font-weight: 500 !important;
}
.bodyArea .breadcrumb .bro-bc-sep {
  color: #88979b !important;
  margin: 0 .08em !important;
}
.footerArea .footerMenuArea, .footerArea .footerMenu, .footerArea .footerArea1 .container {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.footerArea .footerMenuParent.myflex.flexAround.flexWrapM, .footerArea .footerMenu .footerMenuParent.myflex {
  box-sizing: border-box !important;
  width: min(86.5em, calc(100% - 3em)) !important;
  max-width: 86.5em !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 2.25em 4.4em !important;
}
.footerArea .footerMenuParent.myflex.flexAround.flexWrapM > div, .footerArea .footerMenu .footerMenuParent.myflex > div {
  flex: 0 1 12.8em !important;
  min-width: 11.5em !important;
  max-width: 15.5em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width:76em) {
  .footerArea .footerMenuParent.myflex.flexAround.flexWrapM, .footerArea .footerMenu .footerMenuParent.myflex {
    width: calc(100% - 3em) !important;
    gap: 2em !important;
  }
  .footerArea .footerMenuParent.myflex.flexAround.flexWrapM > div, .footerArea .footerMenu .footerMenuParent.myflex > div {
    flex: 1 1 13em !important;
  }
}
/* ===== Restore footer menu rail/spacing from www_index.zip baseline (2026-06-01) ===== */
.footerArea .footerArea1 .container {
  width: 100% !important;
  max-width: var(--container_max_width) !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.footerArea .footerMenuArea, .footerArea .footerMenu {
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.footerArea .footerMenuParent.myflex.flexAround.flexWrapM, .footerArea .footerMenu .footerMenuParent.myflex {
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 calc(-1 * var(--theme_distance_invw_m2)) !important;
  position: relative !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  gap: 0 !important;
}
.footerArea .footerMenuParent.myflex.flexAround.flexWrapM > div, .footerArea .footerMenu .footerMenuParent.myflex > div {
  flex: 0 1 auto !important;
  min-width: min(320px, 90vw) !important;
  max-width: min(435px, 100vw) !important;
  padding-left: var(--theme_distance_invw_m2) !important;
  padding-right: var(--theme_distance_invw_m2) !important;
}
@media (max-width:76em) {
  .footerArea .footerMenuParent.myflex.flexAround.flexWrapM, .footerArea .footerMenu .footerMenuParent.myflex {
    width: auto !important;
    margin: 0 calc(-1 * var(--theme_distance_invw_m2)) !important;
    gap: 0 !important;
  }
  .footerArea .footerMenuParent.myflex.flexAround.flexWrapM > div, .footerArea .footerMenu .footerMenuParent.myflex > div {
    flex: 0 1 auto !important;
  }
}
/* ===== WCAG 2.2 keyboard focus + heading/banner stability patch (2026-06-02) ===== */
/* Strong visible focus ring for keyboard tab navigation without changing mouse hover UI. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:not([tabindex="-1"]):focus-visible, [role="button"]:focus-visible, [role="tab"]:focus-visible {
  outline: 3px solid #003f6b !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
  border-radius: .18em;
}
summary {
  cursor: pointer;
}
/* When the source page title is promoted to h1 for no-JS/source accessibility,
   bro-common.js downgrades it to h2 after inserting the section-banner h1. */
.mainContent > .br-source-page-title:first-child {
  scroll-margin-top: 1.5em;
}
/* Desktop section-banner fix: keep the 1920x194 skyline artwork at its native height.
   Mobile rules remain unchanged below 760px. */
@media (min-width:761px) {
  body:not(.indexVersion) .mainbanner {
    height: 194px !important;
    min-height: 194px !important;
    max-height: 194px !important;
    flex: 0 0 194px !important;
  }
  body:not(.indexVersion) .mainbanner:before {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  body:not(.indexVersion) .mainbanner .bro-section-banner-inner {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
  }
}
/* ===== Section banner image proportion correction (2026-06-02 v2) =====
   The skyline banner artwork is now a natural 1920x194 crop from the original
   Hong Kong hero photo, not a vertically squeezed resize. Keep desktop display
   proportional and leave mobile rules unchanged. */
@media (min-width:761px) {
  body:not(.indexVersion) .mainbanner {
    height: 194px !important;
    min-height: 194px !important;
    max-height: 194px !important;
  }
  body:not(.indexVersion) .mainbanner:before {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
}
/* =========================================================
   20260608 BRO content asset ratio fix
   Purpose: keep inner-page photos at a reasonable text/image ratio.
   Scope: imported Word/client content and Development Areas photos only.
   ========================================================= */
.mainContent img.br-photo, .mainContent .br-update img.br-photo, .mainContent .br-accordion .inner img.br-photo {
  display: block;
  width: auto !important;
  max-width: min(100%, 47.5em) !important;
  max-height: 26.25em !important;
  height: auto !important;
  object-fit: contain;
  margin: 1.1em 0 1.25em !important;
  border: 1px solid #d8dee6;
  border-radius: .45em;
  background: #fff;
}
.mainContent .br-accordion .inner > img.br-photo:first-child {
  margin-top: .35em !important;
}
.mainContent .gallery img, .mainContent .brx-story-card img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
@media (max-width: 768px) {
  .mainContent img.br-photo, .mainContent .br-update img.br-photo, .mainContent .br-accordion .inner img.br-photo {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
  }
}
/* =========================================================
   20260608 FINAL development_areas image/text correction
   Applies to ALL Development Areas accordion sections.
   Desktop: text left + image right. Mobile: image above text.
   ========================================================= */
#mainContent .br-accordion details .inner .br-media-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(18rem, 34%, 30rem) !important;
  column-gap: 2rem !important;
  row-gap: 1rem !important;
  align-items: start !important;
  margin: 0 0 1.75rem !important;
  clear: both !important;
}
#mainContent .br-accordion details .inner .br-media-row:last-child {
  margin-bottom: 0 !important;
}
#mainContent .br-accordion details .inner .br-media-text {
  min-width: 0 !important;
}
#mainContent .br-accordion details .inner .br-media-text > *:first-child {
  margin-top: 0 !important;
}
#mainContent .br-accordion details .inner .br-media-text > *:last-child {
  margin-bottom: 0 !important;
}
#mainContent .br-accordion details .inner .br-media {
  width: 100% !important;
  align-self: start !important;
}
#mainContent .br-accordion details .inner .br-media img.br-photo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 17.5rem !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  border: 1px solid #d8dee6 !important;
  border-radius: .45rem !important;
  background: #fff !important;
}
#mainContent .br-accordion details .inner > img.br-photo {
  display: block !important;
  width: auto !important;
  max-width: min(100%, 47.5rem) !important;
  max-height: 26.25rem !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 1rem 0 1.25rem !important;
}
@media(max-width:900px) {
  #mainContent .br-accordion details .inner .br-media-row {
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
  }
  #mainContent .br-accordion details .inner .br-media {
    order: -1 !important;
  }
  #mainContent .br-accordion details .inner .br-media img.br-photo {
    max-height: none !important;
    object-fit: contain !important;
  }
}
/* Belt and Road Capacity Building Platforms logo grid */
.br-platform-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 22px 0 10px;
}
.br-platform-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 230px;
  padding: 24px 18px 20px;
  border: 1px solid rgba(36, 76, 68, 0.18);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  color: #244c44;
  text-align: center;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.br-platform-card:hover, .br-platform-card:focus {
  transform: translateY(-4px);
  border-color: rgba(36, 76, 68, 0.48);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.11);
  color: #244c44;
  text-decoration: none;
}
.br-platform-card:focus-visible {
  outline: 3px solid #003f6b !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}
.br-platform-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 280px;
  height: 112px;
  margin: 0 auto 18px;
  padding: 4px 8px;
  box-sizing: border-box;
}
.br-platform-logo-wrap img {
  /* Use cropped logo assets + contain sizing to avoid tiny logos caused by white margins in DOCX exports. */
  display: block;
  max-width: 100%;
  max-height: 92px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.br-platform-name {
  display: block;
  font-weight: 600;
  line-height: 1.45;
}
.sub-name {
  font-size: 0.75em !important;
  color: #333
}
@media screen and (max-width: 900px) {
  .br-platform-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media screen and (max-width: 560px) {
  .br-platform-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .br-platform-card {
    min-height: 0;
    padding: 18px 16px;
  }
  .br-platform-logo-wrap {
    height: 98px;
    max-width: 250px;
  }
  .br-platform-logo-wrap img {
    max-height: 82px;
  }
}
/* =========================================================
   Client screenshot 2026-06-12: About BRO paragraph font alignment
   Scope: About BRO page only.
   ========================================================= */
.bro-about-page .mainContent > p:first-of-type, .bro-about-page .mainContent > p:nth-of-type(2) {
  font-family: var(--site-body-font-family);
  font-size: 1em !important;
  line-height: 1.7 !important;
  color: #1e2b3a !important;
}
p.bro-aboutus-standard-para {
  font-family: var(--site-body-font-family);
  font-size: 1em !important;
  line-height: 1.7 !important;
  font-weight: 100 !important;
  color: #1e2b3a !important;
}
/* === FINAL CLIENT PATCH 2026-06-18: Vision issuer nowrap === */
.br-nowrap {
  white-space: nowrap !important;
}
@media (max-width:640px) {
  .br-nowrap {
    white-space: normal !important;
  }
}
/* BRO policy coordination compact six key areas - 20260618 */
.br-update .br-plan-infographic.br-plan-compact {
  padding: 1.35em 1.2em 1.55em;
  margin: 1.25em 0 1.65em;
  border-radius: .9em;
}
.br-update .br-plan-compact:after {
  height: 3.2em;
}
.br-update .br-plan-compact .br-plan-lines {
  height: 10em;
  inset: -5em -3em auto -3em;
}
.br-update .br-plan-compact .br-plan-head {
  margin-bottom: 1em;
}
.br-update .br-plan-compact .br-plan-head h2 {
  font-size: clamp(1.8em, 3vw, 2.8em);
  line-height: 1.05;
}
.br-update .br-plan-compact .br-plan-head p {
  font-size: clamp(.9em, 1.1vw, 1.05em);
  margin-top: .55em;
}
.br-update .br-plan-compact .br-plan-head p:before, .br-update .br-plan-compact .br-plan-head p:after {
  width: 2.4em;
}
.br-update .br-plan-compact .br-plan-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .68em;
}
.br-update .br-plan-compact .br-plan-card {
  min-height: 10.4em;
  padding: .95em .6em .85em;
  border-radius: .72em;
}
.br-update .br-plan-compact .br-plan-icon {
  width: 4.5em;
  height: 4.5em;
  margin: .05em 0 .55em;
}
.br-update .br-plan-compact .br-plan-card h3 {
  font-size: clamp(.78em, .85vw, .95em);
  line-height: 1.22;
  max-width: 12em;
  padding-bottom: .45em;
}
.br-update .br-plan-compact .br-plan-card h3:after {
  width: 2.25em;
  height: .12em;
}
@media(max-width:1280px) {
  .br-update .br-plan-compact .br-plan-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .br-update .br-plan-compact .br-plan-card {
    min-height: 11.2em
  }
  .br-update .br-plan-compact .br-plan-icon {
    width: 5.2em;
    height: 5.2em
  }
  .br-update .br-plan-compact .br-plan-card h3 {
    font-size: clamp(.9em, 1.1vw, 1.05em)
  }
}
@media(max-width:900px) {
  .br-update .br-plan-compact .br-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media(max-width:640px) {
  .br-update .br-plan-infographic.br-plan-compact {
    padding: 1.35em .8em 1.6em
  }
  .br-update .br-plan-compact .br-plan-grid {
    grid-template-columns: 1fr
  }
  .br-update .br-plan-compact .br-plan-card {
    min-height: auto;
    padding: 1.2em .85em
  }
  .br-update .br-plan-compact .br-plan-icon {
    width: 5.4em;
    height: 5.4em
  }
  .br-update .br-plan-compact .br-plan-card h3 {
    font-size: 1em
  }
}
/* BRO activity detail page iframe/fallback */
.bro-activity-detail {
  margin-top: 18px;
}
.bro-activity-meta {
  color: #006f7a;
  font-size: 1.02em;
}
.bro-activity-frame-wrap {
  margin-top: 22px;
  border: 1px solid rgba(0, 111, 122, .22);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}
.bro-activity-frame {
  display: block;
  width: 100%;
  min-height: 760px;
  border: 0;
  background: #fff;
}
@media (max-width: 767px) {
  .bro-activity-frame {
    min-height: 640px;
  }
}
/* BRO Activities: titles are links to the URL provided in 2.2 BRO Activities; allow long titles to wrap safely. */
.br-update .brx-table .brx-title a.brx-title-link {
  white-space: normal !important;
  margin-left: 0 !important;
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}
.br-update .brx-table .brx-title a.brx-title-link:hover, .br-update .brx-table .brx-title a.brx-title-link:focus {
  text-decoration: underline;
}
/* ===== 2026-06-18 subscription page + policy/press table refinements ===== */
.br-subscription-page {

}
.br-subscription-page p {
  font-size: 1em;
  line-height: 1.7;
}
.br-subscription-page h2 {
  margin: 1.6em 0 .65em;
  color: #006b52;
  font-size: 1.45em;
  line-height: 1.28;
}
.br-subscription-form {
  margin: 1.3em 0 2em;
  padding: 1.4em;
  border: 1px solid #dce8e4;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0, 60, 45, .06);

}
.br-form-row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 14px 18px;
  align-items: center;
  margin: 0 0 1em;
}
.br-form-row label {
  font-weight: 700;
  color: #12352e;
}
.br-form-row .br-form-label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Accessible text which must remain available to assistive technology. */
.bro-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.br-form-row input {
  width: 400px;
  min-height: 42px;
  border: 1px solid #b9c9c5;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 1em;
}
.br-captcha-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.br-captcha-wrap input {
  max-width: 220px;
}
.br-captcha-box {
  height: 42px;
  min-width: 132px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #b9c9c5;
  border-radius: 6px;
  background: repeating-linear-gradient(135deg, #f7f9fa 0, #f7f9fa 8px, #e8eef0 8px, #e8eef0 16px);
  color: #20343f;
  font-family: var(--site-body-font-family);
  font-size: 1.35em;
  font-weight: 700;
  letter-spacing: .18em;
  transform: skew(-5deg);
  user-select: none;
}
.br-captcha-audio, .br-captcha-refresh {
  width: 42px;
  height: 42px;
  border: 1px solid #b9c9c5;
  border-radius: 50%;
  background: #fff;
  color: #006b52;
  font-weight: 700;
  cursor: pointer;
}
.br-form-help {
  grid-column: 2;
  margin: -.45em 0 0 !important;
  color: #596b66;
  font-size: .9em !important;
}
.br-form-actions {
  padding-left: 198px;
}
.br-subscribe-submit {
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  background: #d82b91;
  color: #fff;
  padding: 0 28px;
  font-weight: 700;
  cursor: pointer;
}
.br-linkedin-link {
  font-weight: 700;
  color: #006b52;
  text-decoration: underline;
}
.br-terms-list {
  padding-left: 1.35em;
}
.br-terms-list li {
  margin: .6em 0;
  line-height: 1.65;
}
.br-last-revision {
  margin-top: 1.6em;
  color: #5f6f6b;
  font-size: .92em !important;
}
.brx-title-link {
  color: #105d47;
  text-decoration: none;
  font-weight: 700;
}
.brx-title-link:hover, .brx-title-link:focus {
  text-decoration: underline;
}
@media(max-width:767px) {
  .br-subscription-form {
    padding: 1em;
  }
  .br-form-row {
    display: block;
  }
  .br-form-row label {
    display: block;
    margin-bottom: .45em;
  }
  .br-captcha-wrap input {
    max-width: none;
  }
  .br-form-help {
    margin: .55em 0 0 !important;
  }
  .br-form-actions {
    padding-left: 0;
  }
  .br-subscribe-submit {
    width: 100%;
  }
}
/* client keep sideBanner on mobile/tablet 20260618-2 */
@media(max-width:1024px) {
  #sideBanner {
    display: block !important;
  }
  #sideBanner.hide {
    display: block !important;
  }
}
/* 20260618 captcha: match BUD login captcha image layout */
.br-subscription-page .bud-captcha-row label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #24424b;
}
.br-subscription-page .bud-captcha-layout {
  display: grid;
  grid-template-columns: 230px 54px;
  grid-template-rows: auto auto;
  column-gap: 14px;
  row-gap: 12px;
  align-items: center;
  max-width: 310px;
}
.br-subscription-page .bud-captcha-image-wrap {
  grid-column: 1;
  grid-row: 1;
  width: 230px;
  height: 78px;
  display: flex;
  align-items: center;
  background: #fff;
  overflow: hidden;
}
.br-subscription-page .bud-captcha-image {
  display: block;
  width: 230px;
  height: 78px;
  object-fit: contain;
  image-rendering: auto;
}
.br-subscription-page .bud-captcha-tools {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
.br-subscription-page .bud-captcha-audio, .br-subscription-page .bud-captcha-refresh {
  width: 42px;
  height: 32px;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.br-subscription-page .bud-captcha-audio span:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 9px;
  width: 10px;
  height: 14px;
  background: #5b5b5b;
  clip-path: polygon(0 35%, 45% 35%, 100% 0, 100% 100%, 45% 65%, 0 65%);
}
.br-subscription-page .bud-captcha-audio span:after {
  content: '))';
  position: absolute;
  left: 17px;
  top: 0;
  color: #7e7e7e;
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -5px;
  transform: scaleX(.85);
  text-shadow: 3px 0 0 #b7b7b7;
}
.br-subscription-page .bud-captcha-refresh span {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 35px;
  line-height: 1;
  color: #3a9b35;
  font-weight: 700;
  text-shadow: 0 1px 0 #17691a;
}
.br-subscription-page .bud-captcha-input {
  grid-column: 1;
  grid-row: 2;
  width: 200px !important;
  max-width: 200px !important;
  height: 43px;
  border: 1px solid #c7cfd2;
  border-radius: 3px;
  background: #fff;
  font-size: 1.05em;
  padding: 6px 10px;
}
.br-subscription-page .br-form-help {
  margin-top: 8px;
}
@media (max-width:480px) {
  .br-subscription-page .bud-captcha-layout {
    grid-template-columns: minmax(190px, 230px) 48px;
    column-gap: 10px;
    max-width: 100%;
  }
  .br-subscription-page .bud-captcha-image-wrap, .br-subscription-page .bud-captcha-image {
    width: 100%;
    max-width: 230px;
    height: auto;
    min-height: 64px;
  }
  .br-subscription-page .bud-captcha-input {
    width: 100% !important;
    max-width: 200px !important;
  }
}
/* 20260618 captcha icon exact reference: use image assets from BUD-style crop instead of CSS-drawn icons */
.br-subscription-page .bud-captcha-tools {
  gap: 10px;
  align-items: center;
}
.br-subscription-page .bud-captcha-audio, .br-subscription-page .bud-captcha-refresh {
  width: 44px !important;
  height: 34px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}
.br-subscription-page .bud-captcha-audio img {
  display: block;
  width: 42px;
  height: 36px;
  object-fit: contain;
}
.br-subscription-page .bud-captcha-refresh img {
  display: block;
  width: 45px;
  height: 42px;
  object-fit: contain;
}
.br-subscription-page .bud-captcha-audio span, .br-subscription-page .bud-captcha-refresh span {
  display: none !important;
}
.br-subscription-page .bud-captcha-audio span:before, .br-subscription-page .bud-captcha-audio span:after, .br-subscription-page .bud-captcha-refresh span:before, .br-subscription-page .bud-captcha-refresh span:after {
  content: none !important;
  display: none !important;
}
.m-form__error {
  color: red !important;
}
.m-form__error[data-error="0"] {
  display: none;
}
/* BRO_TC_PATCH_20260702: keep TC pages using EN structure with Chinese content */
html[lang="zh-hk"] .br-source-page-title, html[lang="zh-hk"] .feature__title {
  letter-spacing: 0;
}
.brx-loadmore {
  border: 0;
  border-radius: 8px;
  padding: .7em 1.2em;
  cursor: pointer;
}
/* === 20260702 Past Activities table / year filter === */
.br-year-filter label {
  color: var(--bro-navy, #003c64);
  font-weight: 800;
}
.br-year-filter select {
  min-width: 9em;
  padding: .55em .8em;
  border: 1px solid rgba(0, 94, 94, .35);
  border-radius: 6px;
  background: #fff;
  color: #123;
}
.br-table-responsive {
  width: 100%;
  overflow-x: auto;
}
.br-data-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 1em;
}
.br-data-table th, .br-data-table td {
  padding: .95em 1.1em;
  border-bottom: 1px solid rgba(0, 94, 94, .22);
  text-align: left;
  vertical-align: top;
}
.br-data-table th {
  color: var(--bro-navy, #003c64);
  background: #eef9f8;
  font-weight: 800;
}
.br-data-table tbody tr:nth-child(even) {
  background: #f7fcfc;
}
.br-past-activities-table td:first-child {
  width: 15em;
  white-space: nowrap;
}
.br-past-activities-table a {
  color: #005c73;
  font-weight: 700;
}
/* === 20260703 English inner pages comments p7-p12 === */
.bro-aboutus-standard-para {
  font-family: var(--site-body-font-family);
  font-size: 1em !important;
  line-height: 1.65 !important;
  color: #243f4a !important;
}
.bro-index-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17em, 1fr));
  gap: 1em;
  margin: 1.4em 0 2em;
  padding: 0 !important;
  list-style: none !important;
}
.bro-index-list li {
  margin: 0 !important;
}
.bro-index-list a {
  display: block;
  padding: 1.05em 1.25em;
  border: 1px solid rgba(0, 97, 116, .18);
  border-top: 4px solid #008b8f;
  border-radius: 8px;
  background: #fff;
  color: var(--bro-navy, #003c64);
  font-weight: 800;
  box-shadow: 0 5px 18px rgba(0, 60, 70, .08);
}
/* Equal-height cards on the Hong Kong’s Participation index page */
body.englishVersion .bro-index-list a {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 110px;
  box-sizing: border-box;
}
/* Equal-height cards on the Hong Kong’s Participation index page */
.bro-index-list a:hover, .bro-index-list a:focus-visible {
  background: #eef9f8;
}
.brx-table .brx-title, .brx-table .brx-title a, .brx-table .brx-title-link {
  font-weight: 400 !important;
  font-size: 1em !important;
  color: inherit !important;
}
.bro-cbp-intro {
  gap: 1.6em;
  align-items: flex-start;
  margin-bottom: 1.5em;
}
.bro-cbp-intro-text {
  flex: 1 1 28em;
}
.bro-cbp-intro-photo {
  flex: 0 1 22em;
}
.bro-cbp-intro-photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 .45em 1.4em rgba(0, 0, 0, .12);
}
.bro-policy-address-archives {
  margin-top: 2em;
}
.bro-loadmore-list {
  margin-left: 1.2em;
}
/* === 20260703 BRO Activities comments update === */
.brx-table .brx-date, .brx-table .brx-title, .brx-table .brx-title a, .brx-table .brx-title-link {
  font-family: var(--site-body-font-family);
  font-size: 1em !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  color: #223b44 !important;
}
.brx-table .brx-title a {
  text-decoration: none !important;
}
.brx-table .brx-title a:hover, .brx-table .brx-title a:focus-visible {
  text-decoration: underline !important;
}
.bro-activity-meta {
  color: #006174;
  font-weight: 800;
  margin: 0 0 1.2em;
}
.bro-activity-detail {
  font-family: var(--site-body-font-family);
  line-height: 1.7;
}
/* === 20260703 Policy Documents update === */
.bro-policy-iframe-wrap {
  width: 100%;
  min-height: 760px;
  border: 1px solid rgba(0, 97, 116, .2);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 .35em 1.2em rgba(0, 0, 0, .08);
}
.bro-policy-iframe-wrap iframe {
  display: block;
  width: 100%;
  height: 78vh;
  min-height: 760px;
  border: 0;
}
.bro-policy-source-note {
  color: #425b64;
  margin-bottom: 1em;
}
.bro-policy-fallback {
  margin-top: 1em;
}
.brx-table .brx-title, .brx-table .brx-title a, .brx-table .brx-title-link {
  font-weight: 400 !important;
}
/* === 20260703 Publications and Videos fixed social share bar === */
.br-share[role="button"] {
  cursor: pointer;
}
.bro-share-bar-fixed {
  position: fixed;
  z-index: 2147483000;
  display: flex;
  flex-direction: column;
  width: 40px;
  background: #ef3224;
  box-shadow: 0 .35em 1.1em rgba(0, 0, 0, .25);
}
.bro-share-bar-fixed a, .bro-share-bar-fixed button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 36px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  border-radius: 0;
  background: var(--bro-green);
  color: #fff !important;
  font-family: var(--site-body-font-family);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
}
.bro-share-bar-fixed a:hover, .bro-share-bar-fixed a:focus-visible, .bro-share-bar-fixed button:hover, .bro-share-bar-fixed button:focus-visible {
  background: #004082;
}
.bro-share-bar-fixed .bro-share-close {
  border-bottom: 0;
  font-size: 24px;
  font-weight: 300;
}
/* === 20260703 Share bar follows trigger on scroll === */
.bro-share-bar-fixed {
  will-change: top, left;
}
/* === 20260703 WCAG year submit and BRO Stories title weight === */
.br-year-filter {
  display: flex;
  align-items: center;
  gap: .8em;
  margin: 1.2em 0 1em;
}
.br-year-submit {
  padding: .55em 1.15em;
  border: 1px solid rgba(0, 94, 94, .35);
  border-radius: 6px;
  background: #006174;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.br-year-submit:hover, .br-year-submit:focus-visible {
  background: #004f60;
  outline: 2px solid #003c64;
  outline-offset: 2px;
}
.brx-story-card .title, .bro-stories .title, body .brx-story-card .title {
  font-weight: 400 !important;
}
/* === 20260703 TC Policy Documents archive load more fix === */
.brx-table tr[hidden], .br-extra[hidden] {
  display: none !important;
}
/* Capacity Building intro image */
.br-capacity-intro-photo {
  float: right;
  width: 35%;
  margin: 0 0 1.25em 2em;
}
.br-capacity-intro-photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: .45rem !important;
}
.br-capacity-intro-photo + p, .br-capacity-intro-photo + p + p {
  text-align: left;
}
.br-capacity-intro-photo + p + p::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 767px) {
  .br-capacity-intro-photo {
    float: none;
    width: 100%;
    margin: 0 0 1.25em;
  }
}
/* Activities table action links: client font requirement */
html[lang="en"] body.page-activities .brx-action a, html[lang="en"] body.page-activities .mainContent table td:last-child a {
  font-family: var(--site-body-font-family);
  font-weight: 400;
}
/* 2026-07-15 BRO Stories share button */
.brx-story-card {
  position: relative;
}
.brx-story-card .brx-story-share.br-share {
  display: block;
  float: none;
}
/* 2026-07-20 Activity detail: content left, expandable photos right, videos below */
.bro-activity-detail {
  width: 100%;
}
.bro-activity-columns {
  display: flex;
  align-items: flex-start;
  gap: 28px;
}
.bro-activity-main {
  flex: 1 1 auto;
  min-width: 0;
}
.bro-activity-gallery {
  flex: 0 0 180px;
  width: 180px;
}
.bro-activity-gallery h2 {
  margin: 0 0 10px;
  padding: 7px 10px;
  color: #000;
  background-color: #55bdb9;
  font-size: var(--font_size_20);
  line-height: 1.15;
  text-align: center;
}
.bro-photo-link {
  display: block;
  margin-bottom: 12px;
  border: 2px solid transparent;
  transition: border-color .2s ease, opacity .2s ease;
}
.bro-photo-link img {
  display: block;
  width: 100%;
  height: auto;
}
.bro-photo-link:hover, .bro-photo-link:focus {
  border-color: #0b2e59;
  opacity: .88;
  outline: 2px solid transparent;
}
.bro-activity-subheading {
  margin-top: 1.5em !important;
  margin-bottom: .75em !important;
  color: var(--theme_color_text-black) !important;
  font-size: var(--font_size_default) !important;
  font-weight: 400 !important;
}
.bro-video-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  margin: 0;
}
.bro-video-card {
  flex: 0 1 325px;
  width: 325px;
  max-width: 100%;
  margin: 0;
  border: 1px solid #c8c8c8;
  background-color: #fff;
}
.bro-video-link {
  position: relative;
  display: block;
  overflow: hidden;
}
/* Keep standalone activity video overlays centred on the 670px primary thumbnail. */
.bro-primary-video-link {
  width: 670px;
  max-width: 100%;
}
.bro-video-link img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .2s ease, opacity .2s ease;
}
.bro-video-link:hover img, .bro-video-link:focus img {
  transform: scale(1.02);
  opacity: .9;
}
.bro-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding-left: 4px;
  color: #fff;
  background-color: rgba(0, 0, 0, .68);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.bro-video-card figcaption {
  min-height: 62px;
  padding: 8px 12px;
  color: #222;
  line-height: 1.45;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .bro-activity-columns {
    display: block;
  }
  .bro-activity-gallery {
    width: 100%;
    margin-top: 24px;
  }
  .bro-activity-gallery h2 {
    text-align: left;
  }
  .bro-photo-link {
    display: inline-block;
    width: calc(50% - 8px);
    margin-right: 12px;
    vertical-align: top;
  }
  .bro-photo-link:nth-of-type(even) {
    margin-right: 0;
  }
  .bro-video-grid {
    display: grid;
    grid-template-columns: 1fr;
  }
  .bro-video-card {
    width: 100%;
  }
}
/* 2026-07-20 Photo lightbox close button enhancement */
body a.pp_close, body div.light_square a.pp_close, body .fancybox-wrap .fancybox-close, body #fancybox-close, body .fancybox-container .fancybox-button--close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.72) !important;
  background-image: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  opacity: 1 !important;
  z-index: 99999 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
body a.pp_close:before, body div.light_square a.pp_close:before, body .fancybox-wrap .fancybox-close:before, body #fancybox-close:before, body .fancybox-container .fancybox-button--close:before {
  content: "\00d7";
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  text-indent: 0;
  transform: translate(-50%, -54%);
}
body a.pp_close:hover, body a.pp_close:focus, body div.light_square a.pp_close:hover, body div.light_square a.pp_close:focus, body .fancybox-wrap .fancybox-close:hover, body .fancybox-wrap .fancybox-close:focus, body #fancybox-close:hover, body #fancybox-close:focus, body .fancybox-container .fancybox-button--close:hover, body .fancybox-container .fancybox-button--close:focus {
  background: rgba(11, 46, 89, 0.92) !important;
  border-color: #ffffff !important;
}
/* 2026-07-20 BRO activity standalone photo lightbox */
.bro-lightbox[hidden] {
  display: none !important;
}
.bro-lightbox {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 70px;
  background: rgba(0, 0, 0, .82);
  z-index: 99999;
}
body.bro-lightbox-open {
  overflow: hidden;
}
.bro-lightbox-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  max-height: calc(100vh - 60px);
}
.bro-lightbox-image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(100vh - 60px);
  object-fit: contain;
  background: #fff;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .45);
}
.bro-lightbox-close, .bro-lightbox-prev, .bro-lightbox-next {
  position: absolute;
  border: 2px solid #fff;
  color: #fff;
  background: rgba(0, 0, 0, .7);
  cursor: pointer;
  z-index: 2;
}
.bro-lightbox-close {
  top: 14px;
  right: 14px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 34px;
  line-height: 38px;
  text-align: center;
}
.bro-lightbox-prev, .bro-lightbox-next {
  top: 50%;
  width: 48px;
  height: 64px;
  border-radius: 8px;
  font-size: 34px;
  transform: translateY(-50%);
}
.bro-lightbox-prev {
  left: 14px;
}
.bro-lightbox-next {
  right: 14px;
}
.bro-lightbox-close:hover, .bro-lightbox-close:focus, .bro-lightbox-prev:hover, .bro-lightbox-prev:focus, .bro-lightbox-next:hover, .bro-lightbox-next:focus {
  color: #fff;
  background: #0b2e59;
  outline: 3px solid #ffd54a !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px #10243a, 0 0 0 5px #ffd54a !important;
}

/* WCAG 2.2 AA: focus indicator must contrast with its adjacent background. */
/* Light page surfaces: #003f6b against white/pale backgrounds is above 3:1. */
:where(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"]), [role="button"], [role="tab"]):focus-visible {
  outline: 3px solid #003f6b !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}

/* Dark overlays: yellow ring remains visible against the dark backdrop. */
.bro-lightbox :where(a, button, [tabindex]:not([tabindex="-1"])):focus-visible,
.fancybox-container :where(a, button, [tabindex]:not([tabindex="-1"])):focus-visible,
.pp_pic_holder :where(a, button, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline-color: #ffd54a !important;
  box-shadow: none !important;
}
@media screen and (max-width: 767px) {
  .bro-lightbox {
    padding: 64px 12px 20px;
  }
  .bro-lightbox-image {
    max-height: calc(100vh - 90px);
  }
  .bro-lightbox-prev, .bro-lightbox-next {
    width: 42px;
    height: 54px;
    font-size: 28px;
  }
}
/* 2026-07-21 Activity detail primary thumbnail: fixed desktop width */
.bro-activity-detail img.bro-primary-thumbnail {
  display: block;
  width: 670px;
  max-width: 100%;
  height: auto;
}
.bro-video-card.bro-primary-thumbnail-card {
  flex-basis: 670px;
  width: 670px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .bro-activity-detail img.bro-primary-thumbnail, .bro-video-card.bro-primary-thumbnail-card {
    width: 100%;
  }
}
/* =========================================================
   BRO LOCALIZED COMPONENTS - MIGRATED INLINE CSS
   Scope class: .bro-localized-components
   External assets and inline styles migrated to local files.
   ========================================================= */
/* Inline style attributes migrated from en/activities_20231110.html */
.bro-localized-components .bro-inline-style-2ad2585628 {
  border: none;
  overflow: hidden;
}
.bro-localized-components .bro-inline-style-dbe9755c16 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from en/activities_20231208.html */
.bro-localized-components .bro-inline-style-3cc054a8a0 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from en/activities_20240118.html */
.bro-localized-components .bro-inline-style-64f57697a1 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from en/activities_20240223.html */
.bro-localized-components .bro-inline-style-1df783b72c {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from en/activities_20240420.html */
.bro-localized-components .bro-inline-style-d065322da5 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from en/activities_20240503.html */
.bro-localized-components .bro-inline-style-a210fbdde6 {
  width: 670px;
  max-width: 100%;
}
.bro-localized-components .bro-inline-style-36025cc29f {
  display: block;
  width: 670px;
  max-width: 100%;
  height: auto;
}
/* Inline style attributes migrated from en/activities_20240614.html */
.bro-localized-components .bro-inline-style-52a8239c2e {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from en/activities_20240718.html */
.bro-localized-components .bro-inline-style-f1772da871 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from en/press.html */
.bro-localized-components .bro-inline-style-f6201327c3 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-46884b7ec8 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-f285902a84 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-5cd7f7ea5a {
  text-align: left;
}
.bro-localized-components .bro-inline-style-d7a29be3ed {
  text-align: left;
}
.bro-localized-components .bro-inline-style-734ef55702 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-456ee2c133 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-748703f044 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-90dcfd7ace {
  text-align: left;
}
.bro-localized-components .bro-inline-style-eb7f1a0f45 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-563c148a2e {
  text-align: left;
}
.bro-localized-components .bro-inline-style-5515697c1d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-81e223bf97 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-559385d4fb {
  text-align: left;
}
.bro-localized-components .bro-inline-style-3a01205204 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-0ff7efdc28 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-0958bf95fb {
  text-align: left;
}
.bro-localized-components .bro-inline-style-71d4fbb469 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-f80ac191ce {
  text-align: left;
}
.bro-localized-components .bro-inline-style-3846915b80 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-cd98c7a2e7 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-c17d7c1f68 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-52271f4f75 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-af31ec5b17 {
  text-align: left;
}
/* Page inline CSS migrated from tc/aboutus.html */
/* Page inline CSS migrated from tc/activities.html */
/* Inline style attributes migrated from tc/activities_20180203.html */
.bro-localized-components .bro-inline-style-bab718f627 {
  margin-top: 0px;
}
.bro-localized-components .bro-inline-style-5f2b0d1761 {
  margin-top: 0px;
}
/* Inline style attributes migrated from tc/activities_20231110.html */
.bro-localized-components .bro-inline-style-d0bf91d946 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from tc/activities_20231208.html */
.bro-localized-components .bro-inline-style-8ca4581954 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from tc/activities_20240118.html */
.bro-localized-components .bro-inline-style-2e99aac72f {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from tc/activities_20240223.html */
.bro-localized-components .bro-inline-style-381cf970c8 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from tc/activities_20240420.html */
.bro-localized-components .bro-inline-style-c878c16539 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from tc/activities_20240503.html */
.bro-localized-components .bro-inline-style-d910c61197 {
  width: 670px;
  max-width: 100%;
}
.bro-localized-components .bro-inline-style-9011e08220 {
  display: block;
  width: 670px;
  max-width: 100%;
  height: auto;
}
/* Inline style attributes migrated from tc/activities_20240614.html */
.bro-localized-components .bro-inline-style-4a8875f489 {
  border: none;
  overflow: hidden;
}
/* Inline style attributes migrated from tc/activities_20240718.html */
.bro-localized-components .bro-inline-style-36b5fbe6ca {
  border: none;
  overflow: hidden;
}
/* Page inline CSS migrated from tc/bluepaper.html */
/* Page inline CSS migrated from tc/bro_activities.html */
/* Page inline CSS migrated from tc/capacity_building.html */
/* Page inline CSS migrated from tc/development_areas.html */
/* Page inline CSS migrated from tc/forum.html */
/* Page inline CSS migrated from tc/future10years.html */
/* Page inline CSS migrated from tc/important-speeches.html */
/* Page inline CSS migrated from tc/important-speeches_20130907.html */
/* Page inline CSS migrated from tc/important-speeches_20131003.html */
/* Inline style attributes migrated from tc/index2.html */
.bro-localized-components .bro-inline-style-2af74356ed {
  --hero-bg: url('../images/banner/hero_hongkong_01.jpg');
}
/* Page inline CSS migrated from tc/multimedia.html */
/* Page inline CSS migrated from tc/overview.html */
/* Page inline CSS migrated from tc/pa2016.html */
/* Page inline CSS migrated from tc/pa2017_jan.html */
/* Page inline CSS migrated from tc/pa2017_oct.html */
/* Page inline CSS migrated from tc/pa2018.html */
/* Page inline CSS migrated from tc/pa2019.html */
/* Page inline CSS migrated from tc/pa2019_measures.html */
/* Page inline CSS migrated from tc/pa2020.html */
/* Page inline CSS migrated from tc/pa2020_measures.html */
/* Page inline CSS migrated from tc/pa2021.html */
/* Page inline CSS migrated from tc/pa2021_measures.html */
/* Page inline CSS migrated from tc/pa2022.html */
/* Page inline CSS migrated from tc/pa2022_measures.html */
/* Page inline CSS migrated from tc/pa2023.html */
/* Page inline CSS migrated from tc/pa2023_measures.html */
/* Page inline CSS migrated from tc/pa2024.html */
/* Page inline CSS migrated from tc/pa2024_measures.html */
/* Page inline CSS migrated from tc/pa2025.html */
/* Page inline CSS migrated from tc/pa2025_measures.html */
/* Page inline CSS migrated from tc/participation.html */
/* Page inline CSS migrated from tc/past_activities.html */
/* Inline style attributes migrated from tc/press.html */
.bro-localized-components .bro-inline-style-d32fc38d38 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-f88af27d8d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-2adfc2bf95 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-085d366309 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-e981fe05e9 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-b704fa0a97 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-32ac7416c5 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-eea5df9c86 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-23fd2ca22d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-9619834f7f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-038666fe62 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-b484a9a91d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-397ae34a59 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-bc33ca84aa {
  text-align: left;
}
.bro-localized-components .bro-inline-style-f5885b6602 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-9045751ff2 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-d428f40316 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-1a2044799d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-89d9c143a4 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-d7076db9b5 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-c5ecde1c01 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-8af4c4e2d3 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-d9c0457b29 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-5f8de15e6d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-fb17a396c2 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-2fea810c38 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-b3da05ff93 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-8699ce3aa6 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-5be9a55197 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-c36c8a9a7d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-1e168fae40 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-5782386937 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-e6291d20bf {
  text-align: left;
}
.bro-localized-components .bro-inline-style-3c1d870a6f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-00f252ece3 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a32e231cd6 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-b4bb281683 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-0d3e853baf {
  text-align: left;
}
.bro-localized-components .bro-inline-style-4a3f77f829 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-42c5f43a8f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-c4d0e3b23a {
  text-align: left;
}
.bro-localized-components .bro-inline-style-e0ab5d3a18 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-f22b986ca5 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-38b826bceb {
  text-align: left;
}
.bro-localized-components .bro-inline-style-f6bd230629 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-120b6fd6fa {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a5d475bf30 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-5b93fc7878 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-ed2a99fe1e {
  text-align: left;
}
.bro-localized-components .bro-inline-style-ddb8045152 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-08e7f770cf {
  text-align: left;
}
.bro-localized-components .bro-inline-style-427bd105d6 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-4c219bbf25 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-dd60f707b5 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-62e8de4d6d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-cf314398cc {
  text-align: left;
}
.bro-localized-components .bro-inline-style-cc10a2ab98 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-7d0f982c0a {
  text-align: left;
}
.bro-localized-components .bro-inline-style-91d387dac0 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-67b8f2041a {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a0b203b845 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-8c466014ee {
  text-align: left;
}
.bro-localized-components .bro-inline-style-4dfa113285 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-0534f87dfc {
  text-align: left;
}
.bro-localized-components .bro-inline-style-245e3dcb4b {
  text-align: left;
}
.bro-localized-components .bro-inline-style-d5778fc182 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-5d2c252d11 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a6daee579c {
  text-align: left;
}
.bro-localized-components .bro-inline-style-605ad68ed9 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-9fbfa4df4d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-158914379f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-5f42198e01 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-e075908691 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-99664eb6cd {
  text-align: left;
}
.bro-localized-components .bro-inline-style-21330429bf {
  text-align: left;
}
.bro-localized-components .bro-inline-style-10145c09f7 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-ca6012c10f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-4dec9fcbc9 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-2f21d7103b {
  text-align: left;
}
.bro-localized-components .bro-inline-style-35b9dd5b65 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-db9714c438 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-affd2fad75 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-ebbc94bf5a {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a72c231bbc {
  text-align: left;
}
.bro-localized-components .bro-inline-style-88682ee675 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-4ccbc3d3ef {
  text-align: left;
}
.bro-localized-components .bro-inline-style-b615a2d0bc {
  text-align: left;
}
.bro-localized-components .bro-inline-style-61d758069c {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a3051d2330 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-00bc99452d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-5318962e72 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a802979125 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-7789187492 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-36e4be93ea {
  text-align: left;
}
.bro-localized-components .bro-inline-style-8d925af664 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-c8ece70bf2 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-2959a256f1 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-ee1649ccf9 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-b30399a254 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-7157f8e12d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-6ed03dd29b {
  text-align: left;
}
.bro-localized-components .bro-inline-style-cf1569fe67 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-ec6af2e7df {
  text-align: left;
}
.bro-localized-components .bro-inline-style-0c15d16be9 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-64b4c00159 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-8a1dc03eb3 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-6a695e5201 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a4b9284785 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-2d107568be {
  text-align: left;
}
.bro-localized-components .bro-inline-style-fa4d9f27dd {
  text-align: left;
}
.bro-localized-components .bro-inline-style-363f7dd805 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a83d65bebf {
  text-align: left;
}
.bro-localized-components .bro-inline-style-85beda7132 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-df22cf7c3f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-fd2697ba17 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-1b7f97c802 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-3a818786b6 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-9c92144d75 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-f2e8b9df1f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-f0f28e657f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-96a48e6b09 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-de9d1e9b36 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-b7ab8e5d4d {
  text-align: left;
}
.bro-localized-components .bro-inline-style-1af31b9789 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-94384e142c {
  text-align: left;
}
.bro-localized-components .bro-inline-style-cc226b9d74 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-c53b52cdce {
  text-align: left;
}
.bro-localized-components .bro-inline-style-514835809f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-b6addc87fe {
  text-align: left;
}
.bro-localized-components .bro-inline-style-6584161cde {
  text-align: left;
}
.bro-localized-components .bro-inline-style-73a9c1f225 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-ba3f79af0e {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a71bd56f74 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-f877a68871 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-bdc4749d32 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-c58afc80c1 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a4157a1e4a {
  text-align: left;
}
.bro-localized-components .bro-inline-style-14e322ecc3 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-ad22aee3b9 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-a7adc3ee56 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-c8f6f6da2a {
  text-align: left;
}
.bro-localized-components .bro-inline-style-531e1787be {
  text-align: left;
}
.bro-localized-components .bro-inline-style-6b98bdbcee {
  text-align: left;
}
.bro-localized-components .bro-inline-style-dd2a54837f {
  text-align: left;
}
.bro-localized-components .bro-inline-style-7287c79197 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-d4f2068d2b {
  text-align: left;
}
.bro-localized-components .bro-inline-style-77840f8fd6 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-d2b98bec71 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-fed636db91 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-72b859948e {
  text-align: left;
}
.bro-localized-components .bro-inline-style-ba297703cb {
  text-align: left;
}
.bro-localized-components .bro-inline-style-9e136cdef2 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-8c7767f3a9 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-1ba6c367a9 {
  text-align: left;
}
.bro-localized-components .bro-inline-style-471c4d8069 {
  text-align: left;
}
/* Page inline CSS migrated from tc/ps.html */
.bro-localized-components .bro-share-bar-fixed a, .bro-localized-components .bro-share-bar-fixed button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 36px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  background: #ef3224;
  color: #fff !important;
  font-family: var(--site-body-font-family);
  font-weight: 800;
  text-decoration: none
}
html .bro-localized-components[lang="zh-hk"] .brx-action a {
  font-family: var(--site-body-font-family);
  font-weight: 400;
  text-decoration: none;
}
/* Page inline CSS migrated from tc/publications.html */
/* Page inline CSS migrated from tc/subscription_en.html */
/* Page inline CSS migrated from tc/visionandactions.html */
.bro-localized-components .brx-table th {
  background: #eef9f8;
  color: #003c64
}
/* Page inline CSS migrated from tc/whitepaper.html */
.bro-localized-components .bro-iframe-wrap iframe, .bro-localized-components .bro-policy-iframe-wrap iframe {
  width: 100%;
  height: 78vh;
  min-height: 720px;
  border: 0
}
.bro-localized-components .brx-table {
  width: 100%;
  border-collapse: collapse
}
.bro-localized-components .brx-table th, .bro-localized-components .brx-table td {
  padding: .85em 1em;
  border-bottom: 1px solid rgba(0, 94, 94, .22);
  text-align: left;
  vertical-align: top
}
.bro-localized-components .brx-table th {
  font-family: var(--site-heading-font-family);
  background: #eef9f8;
  color: #003c64
}
.bro-localized-components .br-accordion details {
  margin-bottom: 1em;
  border: 1px solid rgba(0, 97, 116, .16);
  border-radius: 8px;
  background: #fff
}
.bro-localized-components .br-accordion summary {
  cursor: pointer;
  padding: 1em;
  font-weight: 800;
  color: #003c64;
  background: #eef9f8
}
.bro-localized-components .br-accordion .inner {
  padding: 1em
}
.bro-localized-components .brx-publication-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.4em
}
.bro-localized-components .brx-publication-card {
  position: relative
}
.bro-localized-components .bro-share-bar-fixed {
  position: fixed;
  z-index: 2147483000;
  display: flex;
  flex-direction: column;
  width: 40px;
  background: #ef3224;
  box-shadow: 0 .35em 1.1em rgba(0, 0, 0, .25)
}
.bro-localized-components .bro-share-bar-fixed a, .bro-localized-components .bro-share-bar-fixed button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 36px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  background: var(--bro-green);
  color: #fff !important;
  font-family: var(--site-body-font-family);
  font-weight: 800;
  text-decoration: none
}
.bro-localized-components .bro-share-bar-fixed .bro-share-close {
  font-size: 24px;
  font-weight: 300
}
.bro-localized-components .br-tabs a {
  display: inline-block;
  padding: .9em 1.2em;
  border: 1px solid #d6e9e8;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  text-decoration: none;
  font-weight: 800
}
.bro-localized-components .br-tabs a.active {
  background: #fff;
  color: #006174
}
.bro-localized-components .br-panel {
  padding: 1em 0
}
.bro-localized-components .gallery .desc, .bro-localized-components .brx-publication-card .title {
  font-weight: 400 !important
}
.bro-localized-components .br-list-row {
  border-bottom: 1px solid #d6e9e8;
  padding: .8em 0
}
/* Side banner local image transition; mobile visibility remains controlled by existing rules. */
.bro-localized-components #sideBanner .bro-side-banner-image, .bro-localized-components #sideBanner .bannerContainer > img {
  transition: opacity .35s ease;
}
.bro-localized-components #sideBanner .is-changing {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .bro-localized-components #sideBanner .bro-side-banner-image, .bro-localized-components #sideBanner .bannerContainer > img {
    transition: none;
  }
}
/* =========================================================
   Homepage Highlights responsive controls (2026-07-30)
   Desktop displays all five cards; slider controls are only needed on
   tablet and mobile layouts.
   ========================================================= */
@media (min-width: 1025px) {
  body .bnr-highlights .bnr-highlight-footer .home-content-slider-control {
/*     display: none !important; */
  }
}
/* =========================================================
   JSON-driven activity detail templates (2026-07-30)
   Templates: .bro-activity-template, .bro-activity-template--text,
              .bro-activity-template--multiple
   ========================================================= */
.bro-activity-template[aria-busy="true"] {
  min-height: 240px;
}
.bro-activity-template-status {
  padding: 24px;
  border: 1px solid #d7d7d7;
  background: #fff;
}
.bro-activity-template .bro-activity-columns {
  align-items: flex-start;
}
.bro-activity-template .bro-template-section + .bro-template-section {
  margin-top: 28px;
}
.bro-activity-template .bro-template-media-heading {
  margin: 0 0 14px;
}
.bro-activity-template .bro-template-youtube {
  position: relative;
  width: 100%;
  max-width: 760px;
  aspect-ratio: 16 / 9;
}
.bro-activity-template .bro-template-youtube iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.bro-activity-template .bro-video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.bro-activity-template .bro-video-card {
  margin: 0;
}
.bro-activity-template .bro-video-link {
  position: relative;
  display: block;
}
.bro-activity-template .bro-video-link img {
  display: block;
  width: 100%;
  height: auto;
}
.bro-activity-template .bro-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .72);
  color: #fff;
  font-size: 24px;
}
.bro-activity-template .bro-activity-gallery {
  min-width: 240px;
}
.bro-activity-template .bro-activity-gallery .bro-photo-link {
  display: block;
  margin-bottom: 14px;
}
.bro-activity-template .bro-activity-gallery img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .bro-activity-template .bro-video-grid {
    grid-template-columns: 1fr;
  }
  .bro-activity-template .bro-template-youtube {
    max-width: 100%;
  }
}
++ www/common/css/layout.css

/* Single-ring focus treatment for dark navigation, footer and overlays. */
.footerArea :where(a, button, [tabindex]:not([tabindex="-1"])):focus-visible,
.bro-lightbox :where(a, button, [tabindex]:not([tabindex="-1"])):focus-visible,
.fancybox-container :where(a, button, [tabindex]:not([tabindex="-1"])):focus-visible,
.pp_pic_holder :where(a, button, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid #ffbf47 !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}