/* initial */
*{
  /* box-sizing: border-box; */
}

p {
  text-align: justify;
  text-justify: distribute;
}

a[href^="tel:"] {
    border-radius: 5px;
    color: #007dbb;
    text-decoration: none;
}

a[href^="tel:"]:hover {
    background-color: #ebefff;
}

img {
  max-width: 100%;
}
#content img[height][width] {
  height: auto !important;
}
#content img[width] {
  height: auto !important;
}
/* structure */
body {
  /* font-family: "Poppins", "Microsoft JhengHei", 敺株��迤暺煾��, 敺株�罸�暺煾��, 蝝唳�𡡞�𣙟HKSCS, Arial, sans-serif; */
  min-width: 360px;
  /* IPhone 376px Andriod 360px */
  
  /* max-width: 1000px; */
  -ms-overflow-style: scrollbar !important;
  overflow-y:scroll;
}
#csd-header,
#mobile-csd-header,
table.header-nav,
#csd-menu-nav,
.container,
#csd-footer,
#mobile-csd-footer {
  width: 100%;
  max-width: 1000px;
  float: none;
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

#csd-footer{
  background-color: #6e6e6e;
}

#csd-header #BHK-logo {
	width: 141px;
    margin-right: 15px;
    user-select: none;
    -webkit-user-drag: none;
}

#csd-name {
	display: flex;
	text-decoration: none;
	user-select: none;
}

#csd-name .csd-logo {
	width: 42px;
    height: fit-content;
    margin: 6px 17px;
	-webkit-user-drag: none;
}

@media only screen and (max-width: 770px) {
  	#branding {
    	display: flex;
	}
    #csd-name {
    	flex-basis: 70%;
	}
    
    #csd-name .csd-logo {
    	width: 100%;
        height: auto;
    	/* max-width: 52.2vw; */
    	/* max-height: 52.2vw; */
		object-fit: contain;
    	margin: 0;
	}
    #BrandHK {
		flex-basis: 30%;
	}
}

#article_footer{
  margin-top: 1.2em;
}

.container:after,#article_footer:after{
  clear:both;
  content:"";
}
.csd-nav-mobile {
  display: none;
}
.csd-nav-print {
  float: right;
}
.csd-nav-sitemap {
  float: right;
}
.skip-to-content {
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* =========== left menu =========== */
.menuback {
  margin-top: -10px;
}
.menuback > img {
  top: -128px;
}
.menuvalue {
  position: absolute;
}
.menutable td {
  width: 210px;
}
.no-print {
  position: absolute;
  top: 5px;
}
.sf-menu .menu_lv1 {
  text-align: left;
}
.sf-menu li.layer1_10:hover ul>li{
  top:-100px;
}

/* =========== pushy =========== */
.pushy{
  font-size:1em;
}
.pushy button{
  font-size:1em;
}
.pushy ul{
  list-style:none;
}
.pushy>ul{
  margin-left:0px;
}
.pushy ul li{
  list-style-type:none;
  margin-top: -10px;
  margin-bottom: 10px;
}
#pushy_button button{
  text-align:left;
  background-color:transparent;
  /*outline:none;*/ 
  font-size:5.9vw;
  border:0px;
  padding:0px 0px; 
  /*margin-right:-1vw;*/
  padding-left:5px;
}



/* =========== header-nav =========== */
form{
  margin:0 0 0 0;
}
#csd-header{
  height:89px;
}
.header-nav{
  margin-top:1px;
  font-family: Arial, Helvetica, sans-serif, PMingLiu;
}
#csd-menu-nav{
  top:-1px;
  height:30px;
  margin-bottom:-1px;
  background:linear-gradient(0deg, rgba(20,20,20,1) 50%, rgba(155,155,155,1) 100%);
}
.header-nav-left {
  float: left;
  /* width: 50%; */
}
.header-nav-left>div,.header-nav-right>div{
  display:inline;
  float:left;
}
.govhk {
  width: auto;
  padding: 0 0 0 0;
}
.tcver,.scver,.engver{
  margin-left: 0px;
  padding: 0 0 0 0;
}

.header-nav-right {
  float: right;
  margin-bottom: -5px;
}
#mobile-csd-header>.header-nav-right{
  margin-top: 4px;
  margin-right: 15px;
  padding-left: 4px;
  padding-right: 3px;
}
#mobile-csd-header>.header-nav-right>div{
  padding-left:4px;
}
#mobile-csd-header>.header-nav-right>div.font-small{
  margin-top:6px;
}
#mobile-csd-header>.header-nav-right>div.font-medium{
  margin-top:3px;
}
#mobile-csd-header>.header-nav-right>div.font-large{
  margin-top:1px;
}
div.font-small {
  /* padding-bottom: 7px; */
  /* padding-bottom: 9px\9; */
  /* *padding-bottom: 11px; */
  width: 7px;
  /* width: 8px\9; */
  font-size: 12px;
  margin-top: 3px;
  margin-right: 3px;
}
div.font-small a {
  color: #000000;
  text-decoration: none;
}
div.font-small a:hover {
  /* color: red; */
  color: #dc2626;
  text-decoration: none;
  cursor: pointer;
}
div.font-medium {
  font-size: 15px;
  width: 10px;
  /* padding-bottom: 9px; */
  /* padding-bottom: 11px\9; */
  /* *padding-bottom: 13px; */
  margin-top: 2px;
  margin-right: 2px;
}
div.font-medium a {
  color: #000000;
  text-decoration: none;
}
div.font-medium a:hover {
  /* color: red; */
  color: #dc2626;
  text-decoration: none;
  cursor: pointer;
}
div.font-large {
  font-size: 18px;
  width: 10px;
  /* padding-bottom: 11px; */
  /* padding-bottom: 13px\9; */
  /* *padding-bottom: 13px; */
  margin-top: 1px;
  margin-right: 4px;
}
div.font-large a {
  color: #000000;
  text-decoration: none;
}
div.font-large a:hover {
  /* color: red; */
  color: #dc2626;
  text-decoration: none;
  cursor: pointer;
}
div.csd-nav-search-box {
  /* float: right; */
  /* *padding-bottom: 11px; */
  /* *padding-right: 1px; */
}
div.csd-nav-search-icon {
  width: 22px;
}
div.searchimg {
  width: 24px;
  /* padding-bottom: 10px; */
  /* *padding-bottom: 11px; */
}
div.sitemap {
  width: 84px;
  font-weight: bold;
  font-size: 14px;
}
div.sitemap a {
  color: #000000;
}
div.sitemap a:hover {
  color: red;
}
div.mail {
  width: 36px;
  /* padding-bottom: 10px; */
  /* *padding-bottom: 11px; */
}
div.mail span.mail {
  display: none;
}
div a.active{
  /* color:red; */
  color: #dc2626;
}
#searchBox{
  padding:0px;
}
#lang{
  float: left;
  clear: both;
}
#govHkSearch{
  clear:both;
}
#mobile-csd-header #lang{
  width:calc(100% - 80px);
  min-width:260px;
}

p.indent, div.indent {
  text-indent: 2rem;
}
p.no-space {
  padding: 0;
  margin: 0;
}
div.para {
  margin: 1rem 0;
}

/* =========== footer =========== */
.csd-policy > table {
  width: 61%;
}
@media (max-width: 768px){
  #lang a {
    font-size: 1.1em;
    text-wrap: nowrap;
  }
  
}
@media (max-width: 768px){
  .footer {
    font-size: 1.5em;
  }
  #mobile-csd-footer{
    width:calc(100% - 20px);
    padding:6px 10px;
    /* padding-bottom:36px; */
  }
}
.csd-policy>div{
  display:inline;
  /* float:left; */
  /* font-size: 0.8em; */
}
.csd-version{
  font-size:13px;
}
/* =========== menu_icon in footer =========== */
.menu_icon_footer{
  clear:both;
  padding-top:8px;
}
.menu_icon_footer:after{
  content:"";
  clear:both;
  display:block;
}
.menu_icon_footer>div{
  display:block;
  float:left;
}
.menu_icon_footer>div img{
	max-width: 88px;
  width:100%;
  width:calc(100% - 4px);
  padding-right:2px;
  padding-left:2px;
}
.menu_icon_footer>div{
  width:25%;
}
/* .menu_icon_footer>div:first-child:nth-last-child(2), */
/* .menu_icon_footer>div:first-child:nth-last-child(2) ~ div{ */

/* } */
/* li:first-child:nth-last-child(2), */
/* li:first-child:nth-last-child(2) ~ li { */
/* width: 50%; */
/* } */

/* =========== framework =========== */
@media (max-width: 768px) {
  #csd-header,
  #leftmenuDiv,
  #csd-footer,
  .revisionDate,
  #About,
  .desktop,
  #csd-menu-nav{
    display: none;
  }
}
@media (max-width: 768px) {
  .csd-w3c {
    position: initial;
  }
}
@media (max-width: 768px) {
  div#branding {
    margin-left: 0px;
  }
}
@media (max-width: 768px) {
  div#branding > a > img {
    /* max-width: calc(100% - 60px); */
    width: calc(69% - 10px);/*calc(70% - 10px);*/
    /* max-width: 480px; */
    /* min-width: 300px; */
    z-index:-1;
  }
}
@media (min-width: 769px) {
  #mobile-csd-header,
  #mobile-leftmenuDiv,
  #mobile-csd-footer,
  .mobile{
    display: none;
  }
}
#leftmenuDiv{
  background-color:#007DBB;
}

/* =========== homepage =========== */
@media (min-width: 769px) {
  #getHeight {
    width: calc(100% - 213px);
	position:relative;
	left:-1px;
  }
}
@media (max-width: 768px) {
  #getHeight {
    width: calc(100% - 0px);
  }
}
.infiniteCarousel{
  width:100%;
}
.infiniteCarousel .wrapper{
  width:100%;
}
.infiniteCarousel .controls{
  position:absolute;
  top:0px;
  width:100%;
}
.infiniteCarousel .arrow{
  display:inline-block;
  position:static;
}
.infiniteCarousel .back{
  padding-right:13px;
}
/* =========== content (getHeight) =========== */
#getHeight.getHeight h1,
#getHeight.getHeight .breadcrumbs,
#getHeight.getHeight .separatorLine {
  width: 100%;
  margin-left: 0px;
}
#article_head,#article_body,#article_footer{
  clear:both;
}
#getHeight.getHeight h2 {
  display: block;
  width:100%;
}
.getHeight{
  font-size: 1em;
}
@media (min-width: 769px) {
  #getHeight.getHeight {
    width: calc(100% - 212px - 68px - 80px);
    margin-bottom:10px;
  }
  #getHeight.getHeight .breadcrumbs{
    /* margin-left:40px; */
  }
}
@media (max-width: 768px) {
  #getHeight.getHeight {
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
  }
  #getHeight.getHeight .breadcrumbs{
    width:calc(100%);
	padding-bottom:12px;
    /* margin-left:40px; */
  }
}
#article_body{
  clear:both;
  overflow:hidden;
}
#getHeight.getHeight h1,
#getHeight.getHeight h2,
#getHeight.getHeight h3,
#getHeight.getHeight h4,
#getHeight.getHeight h5 {
  width: 100%;
  margin:10px 0px;
}

#getHeight.getHeight h3{
	margin:0px 0px 10px 0px;
}

.table_photo_display{
  width: 100%;
}
.separatorLine>img {
  width: 100%;
}
/*
  .table_photo_display>tbody>tr>td{
  width:initial;
  }
  .table_photo_display>tbody>tr>td>img[width]{
  width:100%;
  }
*/
/* =========== back and top =========== */
.back_btn, .top_btn{
  left:auto;
  right:auto;
  bottom:auto;
  margin-top: 0px;
  font-size:0.9em;
  vertical-align:text-top;
}
.back_btn{
  width:5em;
  text-align:left;
  margin-left:1.0em;
  /*margin-top: 1.0em;*/
}
.back_btn a{
  position:relative;
}
.back_btn img{
  width:1em;
  margin-left:-1.1em;
  margin-top:0em;
  bottom:0px;
  position: absolute;
}
.top_btn{
  width:4.5em;
  text-align:left;
}
.top_btn a{
  position:relative;
}
.top_btn img{
  width:1.3em;
  margin-left:0em;
  margin-top:0em;
  /*bottom:0px;*/
  position: absolute;
}
/* =========== album =========== */
#csd-album-detail-thumbnails .thumbnail a{
  width:auto;
  height:auto;
}

@media (max-width: 768px) {
  #csd-album-detail-thumbnails ul,#csd-album-detail-thumbnails ul li{
    list-style-type:none;
  }
  #csd-album-detail-thumbnails .fancybox > img{
    width:100%;
    height:auto;
  }
  .fancybox_details{
    padding-bottom:10px;
  }
  
}
@media (min-width: 769px) {
  .fancybox_details{
    display:none;
  }
}
/* =========== share =========== */
.is-hidden{
  display:none !important;
}
/* ===== color and icon ===== */
.share-btns__btn.share-btns__btn--print {
  background-color:white;
}
.share-btns__btn.share-btns__btn--print:hover {
  filter: brightness(120%);
  background-color:white;
}
.share-btns__btn.share-btns__btn--print::before {
	background-image: url(../image/share/svg/black/icon-printer.svg);
}
.share-btns__btn.share-btns__btn--email {
  background-color:yellowgreen;
}
.share-btns__btn.share-btns__btn--email:hover {
  filter: brightness(120%);
  background-color:yellowgreen;
}
.share-btns__btn.share-btns__btn--email::before {
	background-image: url(../image/share/icon-social-email-white.png);
}
.share-btns__btn.share-btns__btn--fb {
  background-color:rgb(59, 89, 152);
}
.share-btns__btn.share-btns__btn--fb:hover {
  filter: brightness(120%);
  background-color:rgb(59, 89, 152);
}
.share-btns__btn.share-btns__btn--fb::before {
	background-image: url(../image/share/icon-social-facebook-white.png);
}
.share-btns__btn.share-btns__btn--wa {
  background-color:rgb(27, 215, 65);
}
.share-btns__btn.share-btns__btn--wa:hover {
  filter: brightness(120%);
  background-color:rgb(27, 215, 65);
}
.share-btns__btn.share-btns__btn--wa::before {
	background-image: url(../image/share/icon-social-whatsapp-white.png);
}
.share-btns__btn.share-btns__btn--wb {
  background-color:rgb(223, 32, 41);
}
.share-btns__btn.share-btns__btn--wb:hover {
  filter: brightness(120%);
  background-color:rgb(223, 32, 41);
}
.share-btns__btn.share-btns__btn--wb::before {
	background-image: url(../image/share/icon-social-weibo-white.png);
}
.share-btns__btn.share-btns__btn--wc {
  background-color:rgb(9, 184, 62);
}
.share-btns__btn.share-btns__btn--wc:hover {
  filter: brightness(120%);
  background-color:rgb(9, 184, 62);
}
.share-btns__btn.share-btns__btn--wc::before {
	background-image: url(../image/share/icon-social-wechat-white.png);
}
.share-btns__btn.share-btns__btn--tw {
  background-color:rgb(0, 175, 240);
}
.share-btns__btn.share-btns__btn--tw:hover {
  filter: brightness(120%);
  background-color:rgb(0, 175, 240);
}
.share-btns__btn.share-btns__btn--tw::before {
	background-image: url(../image/share/icon-social-twitter-white.png);
}
.share-btns__btn.share-btns__btn--rss {
  background-color:rgb(242, 101, 34);
}
.share-btns__btn.share-btns__btn--rss:hover {
  filter: brightness(120%);
  background-color:rgb(242, 101, 34);
}
.share-btns__btn.share-btns__btn--rss::before {
	background-image: url(../image/share/icon-rss.png);
}
.share-btns__btn.share-btns__btn--yt {
  background-color: #e80000;
}
.share-btns__btn.share-btns__btn--yt:hover {
  filter: brightness(120%);
  background-color: #ed6969;
}
.share-btns__btn.share-btns__btn--yt::before {
	background-image: url(../image/share/icon-social-youtube-white.png);
}

.share-btns__btn::before {
	content: '';
	width: 26px;
	height: 26px;
	left: 4px;
	top: 4px;
	display: block;
	position: absolute;
	background: url() center top;
	background-size: 100% auto;
	transition: 0.2s;
}
.header-nav__tools-holder {
	font-size: 0;
}
.header-nav__tools-holder.share-btns>.share-btns__btn {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	transition: 0.2s;
  padding:0px !important;
}
/* mobile */
.mob-nav__control{
  /* margin-left: 5px; */
	margin-right: 145px;
	display: inline-block;
	position: relative;
  padding-bottom: 23px;
}
.mob-nav__control .share-btns__btn {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.mob-nav__control .share-btns__btn::before {
	width: 18px;
	height: 18px;
	left: 3px;
	top: 3px;
}
/* desktop */
.nav__control{
  position: relative;
  bottom: 5px;
  margin-bottom: -5px;
  /* top: 3px; */
}
.nav__control .share-btns__btn {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.nav__control .share-btns__btn::before {
	width: 18px;
	height: 18px;
	left: 3px;
	top: 3px;
}
.mob-nav__control .header-nav__tools-holder {
	width: 145px;
	display: inline-block;
	position: absolute;
	/* bottom: -8px; */
}
/* .mob-nav__control .header-nav__tools-holder::after{ */
  /* content:''; */
  /* clear:both; */
  /* display: block; */
/* } */
/* .mob-nav__control::after{ */
  /* content:''; */
  /* clear:both; */
  /* display: block; */
/* } */

.shortcut2table td{
	padding: 0px 5px 0px 0px;
	
}

.shortcut2table{
	/*width:100%;*/
}



/*==== ken 20180514 =======*/
body:lang(zh-hk){
	font-family: "�鰵蝝唳�𡡞��", "�鰵蝏���𦒘��", PMingLiu, "蝝唳�𡡞��", "蝏���𦒘��", MingLiu, Helvetica, "Myriad Pro", Arial, sans-serif;
}

body:lang(zh-cn){
	font-family: "�鰵蝝唳�𡡞��", "�鰵蝏���𦒘��", PMingLiu, "蝝唳�𡡞��", "蝏���𦒘��", MingLiu, Helvetica, "Myriad Pro", Arial, sans-serif;
}

.getHeight table:not(.csd_map .box):not(.csd_map_tc .box){
	width:100%;
}

.table_photo_display{
  width: 100%;
}
.table_photo_display td{

}
.table_photo_display td img{
	
}

.blockTable{
    margin: 0px;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: auto;
    display: block;
    /*float: left;*/
    clear: both;
    width: 100%;
}

.table_border0_cellspacing0_cellpadding0, .table_border0_cellspacing0_cellpadding0 tr th, .table_border0_cellspacing0_cellpadding0 tr td{
	border:0px solid;
	border-spacing:0;
	border-collapse:collapse;
	padding: 0px;
}
.table_border0_cellspacing0_cellpadding1, .table_border0_cellspacing0_cellpadding1 tr th, .table_border0_cellspacing0_cellpadding1 tr td{
	border:0px solid;
	border-spacing:0;
	border-collapse:collapse;
	padding: 1px;
}
.table_border0_cellspacing0_cellpadding2, .table_border0_cellspacing0_cellpadding2 tr th, .table_border0_cellspacing0_cellpadding2 tr td{
	border:0px solid;
	border-spacing:0;
	border-collapse:collapse;
	padding: 2px;
}
.table_border0_cellspacing0_cellpadding3, .table_border0_cellspacing0_cellpadding3 tr th, .table_border0_cellspacing0_cellpadding3 tr td{
	border:0px solid;
	border-spacing:0;
	border-collapse:collapse;
	padding: 3px;
}
.table_border0_cellspacing1_cellpadding2, .table_border0_cellspacing1_cellpadding2 tr th, .table_border0_cellspacing1_cellpadding2 tr td{
	border:0px solid;
	border-spacing:1;
	border-collapse:separate;
	padding: 2px;
}
.table_border0_cellspacing5_cellpadding3, .table_border0_cellspacing5_cellpadding3 tr th, .table_border0_cellspacing5_cellpadding3 tr td{
	border:0px solid;
	border-spacing:5;
	border-collapse:separate;
	padding: 3px;
}
.table_border1_cellspacing0_cellpadding0, .table_border1_cellspacing0_cellpadding0 tr th, .table_border1_cellspacing0_cellpadding0 tr td{
	border:1px solid;
	border-spacing:0;
	border-collapse:collapse;
	padding: 0px;
}
.table_border1_cellspacing0_cellpadding1, .table_border1_cellspacing0_cellpadding1 tr th, .table_border1_cellspacing0_cellpadding1 tr td{
	border:1px solid;
	border-spacing:0;
	border-collapse:collapse;
	padding: 2px;
}
.table_border1_cellspacing0_cellpadding2, .table_border1_cellspacing0_cellpadding2 tr th, .table_border1_cellspacing0_cellpadding2 tr td{
	border:1px solid #cccccc;
	border-spacing:0;
	border-collapse:collapse;
	padding: 2px;
}
.table_border1_cellspacing0_cellpadding5, .table_border1_cellspacing0_cellpadding5 tr th, .table_border1_cellspacing0_cellpadding5 tr td{
	border:1px solid;
	border-spacing:0;
	border-collapse:collapse;
	padding: 5px;
}
.table_border3_cellspacing1_cellpadding2, .table_border3_cellspacing1_cellpadding2 tr th, .table_border3_cellspacing1_cellpadding2 tr td{
	border:3x solid;
	border-spacing:1;
	border-collapse:separate;
	padding: 2px;
}

.index_bullet_star_abt{
	padding-left:24px;
}



	.shortcut2{
		/*overflow-x: auto;*/
	}

	.shortcutdisplayforIpad {
	width:100%;
	margin-left:2.5px;
	margin-right:2.5px;
	}
	

	@media (min-width: 518px)and (max-width: 768px){
	.shortcutdisplayforIpad .imgforipad{
		width:24%;
		float: left;
		padding:2.5px;
		height:85px;
		padding-bottom:1px;
	}
}

	@media (max-width: 517px){
		.shortcutdisplayforIpad .imgforipad{
		width:48%;
		float: left;
		padding:2.5px;
		height:85px;
		padding-bottom:1px;
	}
	}


		



/*pushy the size of arrow in menu for expandnig the submenu*/
.pushy-submenu > button:last-of-type::after{
	background-size: 10px !important;
	width:10px !important;
	height: 17px !important;
}

/*for cannceling the mobile alignment effect of tables th in facility pages */
.facilitytb th{
	font-weight: normal;
    float: left;
}

/*For facilites map page*/
.facility-map{
	overflow:hidden;
}

.facility-map h3{
	padding-bottom:1em;
}

.facility-map .column{
	/*padding-left: 0.5em;
    padding-right: 0.5rem;*/
    float: left;
}

.facility-map .appendix2-map-data span {
    padding-left: 10px;
    font-size: 1em;
}

.facility-map .width-12{
	width: 100%;
}

.facility-map .cus-width-6{
	width: 48%;
}

.facility-map .appendix2-map-data{
	padding-left:0.2em;
	padding-right:0.2em;
}

.facility-map .appendix2-map-data .appendix2-map-marker {
    background-image: url(/common/image/facility/map-spot.png);
    background-repeat: no-repeat;
    width: 34px;
    height: 46px;
    padding-top: 7px;
	padding-right:10px;
    font-size: 1em;
    text-align: center;
    float: left;
}

.facility-map .appendix2-map-data .appendix2-map-text {
    font-size: 1em;
}

@media (max-width: 767px){
	.facility-map .cus-width-6{
		width: 100%;
	}
}

@media (max-width: 400px) {
   .shortcut2table td{
	padding: 0px 5px 0px 0px;
	width: 50%; 
	}
}

@media (max-width: 768px){
	.table_sva img{
		width: 100%;
		max-width:120px;
	}
}

/*Swiper style*/
@media (max-width: 768px){
	.swiper-container{
	  width: 100%;
      height: 100%;
		margin-left:4px;
	   position:relative;
		overflow:hidden;
		list-style:none;

		z-index:1
		}
}


	

	.swiper-container .swiper-slide {
		position:relative;
    }
	
	@media (min-width: 370px) and (max-width: 768px){
	.swiper-slide img{
		max-width:93%;
	}
	}

		@media (max-width: 370px){
	.swiper-slide img{
		max-width:96%;
	}
	}
	
	/*end of swiper*/
@media (max-width: 768px){
	.bx-wrapper{
		margin-bottom:40px;
	
		height:auto;
		position:relative;padding:0;
		-ms-touch-action:pan-y;
		touch-action:pan-y;
		-moz-box-shadow:0 0 5px #ccc;
		background:#fff;
		
	}
}
@media (min-width: 769px){
.bx-wrapper{
	height:auto;position:relative;margin:0 auto 40px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;background:#fff;
	}
}
@media (max-width: 769px){
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin-bottom:10px;

}
}

ul, ol{
	margin-left:30px;
}


/* ----- Expendable Menu: START ----- */
.menu-section {
    padding: 10px;
    margin: 15px 10px;
    box-shadow: 0 0 10px #b1b1b1ab;
    font-size: 1em;
    border: 1px solid #d2d2d2;
}

.menu-section.green {
    background-color: #eef9ee;
}
.menu-section.blue {
    background-color: #e9f1ff;
}
.menu-section.yellow {
    background-color: #ffffde;
}
.menu-section.red {
    background-color: #f9e0e0;
}

.menu-section .firstLevelTitle {
    display: flex;
    cursor: pointer;
}

.menu-section .firstLevelTitle .title {
    width: 100%;
    /* font-weight: 600;
    color: #686868;
    font-family: system-ui; */
}

.menu-section .content {
   display: none;
}

.menu-section .content {
    margin-top: 10px;
    margin-right: 10px;
}

.menu-section .content ol.qna-list {
    margin-left: 39px;
}

.menu-section .content .qna-list li:not(:first-child) {
    border-top: 3px solid #e1e1e1;
    padding-top: 13px;
}

.menu-section .content .qna-list li {
    padding-left: 10px;
}

.menu-section .content .qna-list li .question {
    font-weight: bold;
    color: #27839f;
    font-size: 1em;
}
.menu-section .content .qna-list li .answer {
    color: #676767;
    margin-top: 10px;
}

.menu-section .content .qna-list li .answer a[href^="tel:"] {
    color: #676767;
    text-decoration: none;
    font-family: sans-serif;
}

.menu-section .content .qna-list li .answer a[href^="tel:"]:hover {
    background-color: #edededd9;
    border-radius: 5px;
}

.menu-section .toggle-btn {
    border: 0;
    background: transparent;
    user-select: none;
    cursor: pointer;
}

.menu-section .caption {
    background-color: #fffff4;
    color: red;
    font-size: 0.8rem;
}

.special-btn {
    padding: 10px;
    background-color: white;
    box-shadow: 0px 1px 2px #00000059;
    border: 1px solid #90bacf;
    color: #007DBB;
    text-decoration: none;
}

.special-btn:hover {
    background-color: rgb(251 251 251);
    border-color: #70b9cf;
    color: #00a3d5;
    box-shadow: 0px 1px 5px #00000059;
}

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

.pb-2 {
    padding-bottom: 10px;
}
/* ----- Expendable Menu: END ----- */
/* ----- Service Feedback Form: START ----- */
form.feedback {
	width: 80%;
}
@media only screen and (max-width: 938px) {
    form.feedback {
        width: 100%;
    }
}
form.feedback .rating-sec {
	display: inline-flex;
    margin-bottom: 0.9rem;
}
form.feedback .question {
    font-weight: bold;
    margin: auto;
}
form.feedback input.rating-option[type="radio"] {
	margin: 0 0 0 10px;
    vertical-align: middle;
}
form.feedback label.rating-option-label {
	margin-left: 4px;
    margin-bottom: 0;
  	display: inline-flex;
    align-items: center;
}
form.feedback label.rating-option-label img {
}
form.feedback textarea[name=comment] {
	width: 100%;
    resize: vertical;
    min-height: 5rem;
    max-height: 35rem;
}
form.feedback button[type=submit] {
	background-color: #007dbb;
    color: #FFF;
    margin-right: 20px;
    padding: 5px 25px;
    border: 0;
    border-bottom: 2px solid #007dbb;
    cursor: pointer;
    min-width: 90px;
    /* width: 126px; */
    -webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
}
form.feedback button[type=submit]:hover {
    background-color: #fff;
    color: #007dbb;
    border-color: #007dbb;
}
/* ----- Service Feedback Form: END ----- */
/* ----- Positive Energy Map: START ----- */
.positive-energy-map {
    position: relative;
}
.positive-energy-map img {
    user-select: none;
    -webkit-user-drag: none;
}
.positive-energy-map a {
    display: block;
    position: absolute;
    color: black;
    font-size: 0.73rem;
    transform: translate(50%,-50%);
    padding: 0.3rem;
    transition: 0.2s;
    text-decoration: none;
}
.positive-energy-map a:hover {
    background-color: #2f7abc;
    color: white;
    box-shadow: 2px 2px 2px #7584bca8;
    z-index: 99;
}
@media screen and (max-width: 930px) {
  .positive-energy-map a {
      font-size: 0.6rem;
  }
}

@media screen and (max-width: 840px) {
  .positive-energy-map a {
      font-size: 0.52rem;
  }
}

@media screen and (max-width: 768px) {
  .positive-energy-map a {
      font-size: 0.75rem;
  }
}

@media screen and (max-width: 585px) {
  .positive-energy-map a {
      font-size: 0.45rem;
  }
}

table.map-table td {
    padding: 0.5rem;
    width: 0;
}
table.map-table {
    margin-bottom: 2rem;
    width: 100%;
    overflow-x: hidden;
}
table.map-table tbody tr td {
    border: 3px solid white;
}
table.map-table tbody tr td a {
    color: #0070A8;
}
table.map-table tbody tr {
    background-color: #eaeef7;
    text-align: center;
}
table.map-table tbody td.area {
    background-color: #d2ddef;
}
table.map-table thead {
    background-color: #2F7ABC;
    color: white;
}
/* ----- Positive Energy Map: END ----- */
/* ----- Press Release: START ----- */
.press-photos {}

.press-photos img {
    width: auto; 
    max-height: 250px;
    border-radius: 5px;
    box-shadow: 0 0 4px 0px #00000073;
    margin-bottom: 0.5rem;
}

.press-photos figure {
	margin: 2rem 0;
}

.press-photos figure figcaption {
    text-align: justify;
    color: #797979;
}

.press-photos figcaption {
    font-size: 10pt;
}
/* ----- Press Release: END ----- */
/* Table of Contents - Decimal */
.toc-decimal ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
  font-family: monospace;
}
.toc-decimal ol li {
  display: table-row;
  counter-increment: item;
  margin-bottom: 0.6em;
}
.toc-decimal ol li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}
.toc-decimal ol li li {
  margin: 0;
}
.toc-decimal ol li li:before {
  content: counters(item, ".") ". ";
}


/* ------ Table of Contents - Upper Alpha: Start ------ */
.toc-upper-alpha ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
  margin-left: 0.5rem;
}
.toc-upper-alpha ol li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6rem;
}
.toc-upper-alpha ol li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}
.toc-upper-alpha ol li li {
  margin: 0;
}
.toc-upper-alpha ol li li:before {
  content: counters(item, ".");
}
/* ------ Table of Contents - Upper Alpha: End ------*/
/* ------ Rehabilitation Partner List: Start ------ */
#rehab-partner-list #search {
    background-color: #92d0ef;
    border-radius: 25px;
    padding: 1rem;
}

#rehab-partner-list .form-control {
	width: 100%;
    padding: 0.4rem;
    border-radius: 7px;
    font-size: 0.9rem;
    transition: 0.2s;
}

#rehab-partner-list .form-control:hover {
    border: 1px solid #8787ff;
    box-shadow: 0 0 5px #49494952;
}

#rehab-partner-list #search > div {
	display: flex;
}
#rehab-partner-list #search > div label {
	flex: 3;
    font-weight: bold;
}

#rehab-partner-list #search > div div {
	flex: 9;
}

#rehab-partner-list #search > div .radio-group label {
	margin: 0.5rem;
}

#rehab-partner-list #search div:last-child {
    justify-content: right;
    display: flex;
}

#rehab-partner-list #search > div .radio-group {
	display: flex;
    justify-content: left;
}

#rehab-partner-list #search #btn-clear {
    background-color: #0295d7;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    font-size: 1rem;
    transition: 0.2s;
	margin-top: 1.5rem;
}

#rehab-partner-list #search #btn-clear:hover {
    background-color: #23227f;
}

#rehab-partner-list #search #btn-clear:active {
    background-color: #04597f;
}

#rehab-partner-list #search #btn-clear:focus {
	background-color: #006999;
}

#rehab-partner-list #list-table {
	margin: 2rem 0rem;
}

#rehab-partner-list #list-table table tbody tr {
	transition: 0.2s;
}

#rehab-partner-list #list-table table tbody tr:hover {
	background-color: #b6e2f794;
}

#rehab-partner-list #list-table table tbody tr:hover td {
	font-weight: bold;
}

#rehab-partner-list #list-table table tbody td {
	padding: 0.5rem;
}

#rehab-partner-list #list-table table tbody td:nth-last-child(2), #rehab-partner-list #list-table table tbody td:last-child {
    text-align: center;
}
/* ------ Rehabilitation Partner List: End ------ */

#getHeight.getHeight h2.as-h4,#getHeight.getHeight h3.as-h4 {
  margin: 10px 0px;
  width: 100%;
  font-size: 1.1em;
  line-height: 13px;
  color: #008076;
}

#getHeight.getHeight h2.as-h3 {
  font-size: 1.2em;
  margin: 0px 0px 10px 0px;
  line-height: 20px;
}

@media only screen and (max-width: 767px){
	#getHeight.getHeight h2.as-h4,#getHeight.getHeight h3.as-h4{
    color: #008d82;
    line-height:normal;
	}
  #getHeight.getHeight h2.as-h3 {
    line-height: normal;
  }
}

.table_general thead.inner_p5px tr:first-child th {
  padding: 5px;
  vertical-align: top;
}
.table_general tbody.reset_text_format tr:first-child td {
  background: none;
  color: inherit;
  font-weight: normal;
  line-height: 20px;
}

@media only screen and (max-width: 767px){
  .table_general tbody.reset_text_format tr:first-child td {
    line-height: normal;
  }
}

.pushy-submenu > button:last-of-type{
  width: 31px;
  height:50px;
  display: inline-block;
  padding:0px;
  vertical-align: middle;
}

.pushy-submenu > button:last-of-type:hover{
  background-color : inherit;
}

.sr-only {
  display: none;
}

button:lang(zh-hk){
	font-family: "�鰵蝝唳�𡡞��", "�鰵蝏���𦒘��", PMingLiu, "蝝唳�𡡞��", "蝏���𦒘��", MingLiu, Helvetica, "Myriad Pro", Arial, sans-serif;
}

button:lang(zh-cn){
	font-family: "�鰵蝝唳�𡡞��", "�鰵蝏���𦒘��", PMingLiu, "蝝唳�𡡞��", "蝏���𦒘��", MingLiu, Helvetica, "Myriad Pro", Arial, sans-serif;
}

#leftmenuDiv .menu_icon {
    margin-top: 60px;
}




/** 20240718 Other Languages Menu and collapsible CSS**/ 

/* otherLanguage */
.otherLanguage-mobile{
  height: 22px;
  /* display: flex; */
  align-items: center;
  /* float: left; */
  /* padding-left:10px; */
  position: relative;
  display: inline-block;
  
  }
  
  .otherLanguage-mobile img{
    width:16px;
    display:none;
    /* margin-right: 5px; */
  }
  
  .dropbtn-mobile {
    color: #007DBB;
    background: none;
    border: none;
    font-size: 1.1em;
  }

  .dropdown-content-mobile {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 3;
    left: 0;
    top: 20px;
  }

  .dropdown-content-mobile a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 12px;
    border-bottom: 1px solid #c8c8c8;
  }

  .dropdown-content-mobile a:hover {
    background-color: #ddd;
  }

  .languageDropdown-mobile:hover .dropdown-content-mobile {
    display: block !important;
  }

  #csd-header-mobile {
    z-index: 3;
}

.otherLanguage.languageDropdown:hover .arrow {
  transform: rotate(180deg);
}

/* Clooapsible*/
p.question{
  font-weight: 700;
}
.content-collapsible h3,.content-collapsible h4 {
  margin-top: 40px !important;
}
.content-collapsible ol,.content-collapsible ul{
  margin-top:20px;
}
.content-collapsible .blockTable {
  margin-top: 20px;
}
.content-collapsible p{
  margin-top: 15px;
}
#collapseAllButton{
  /* background-color: #007dbb; */
  color: #007dbb;
  cursor: pointer;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  float: right;
  background:none;
}

.collapsible{
  background-color: #007dbb;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.collapsible.active{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.collapsible.active,
.collapsible:hover {
  background-color: #00527b;
}

.collapsible:after {
  content: "\002B";
  font-size: 13px;
  color: white;
  float: right;
  font-weight: bold;
  margin-left: 5px;
}

.collapsible.active:after {
  content: "\2212";
}

.content-collapsible {
  padding: 0 18px;
  background-color: #ccecff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#collapseAllButton:focus {
  border: 1px solid #005fcc;
}

.collapsible:focus {
  border: 3px solid black;
}