/* initial */
*{
  /* box-sizing: border-box; */
}
img {
  max-width: 100%;
}
#content img[height][width] {
  height: auto !important;
}
#content img[width] {
  height: auto !important;
}
/* structure */
body {
  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;
}

#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;
}
.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;
  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;
  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;
  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;
}
#searchBox{
  padding:0px;
}
#lang{
  float: left;
  clear: both;
}
#govHkSearch{
  clear:both;
}
#mobile-csd-header #lang{
  width:calc(100% - 80px);
  min-width:260px;
}

/* =========== footer =========== */
.csd-policy > table {
  width: 61%;
}
@media (max-width: 768px){
  #lang a {
    font-size: 1.1em;
  }
}
@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::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::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;
}