#subpageContent{
    padding-top: 10.8rem;
    z-index: 0;
}

#subpageContentEng{
    padding-top: 12.3rem;
    z-index: 0;
}

#subpageBanner {
    width:100%;
    height:100%;
    max-width:100%;
    text-align:center;
}

#subpageBanner img {
    width:100%;
    height:100%;
    max-width:100%;
}

#contentHeading {
    padding-top:10px;
    padding-bottom:8px;
}

#contentBreadcrumb, #contentBreadcrumbEng {
    display:inline;
}

#contentBreadcrumb span {
    display: inline-block;
    color: #706e70;
    font-weight: bold;
    font-size:140%;
    font-family: "Microsoft JhengHei", "NotoSans", "Yu Gothic","PMingLiU";
    /*font-family: 'Round','PingFang','TaipeiSans','"Arial";'*/
    /*font-family: 'Round','GenSenRounded',"Microsoft JhengHei",'Georgia', "Arial", sans-serif;*/
}

#contentBreadcrumb span::after, #contentBreadcrumbEng span::after {
    content: ">";
    padding: 0 7px;
}
#contentBreadcrumb span a, #contentBreadcrumbEng span a {
    color: #706e70;
    text-decoration:none;
}

#contentBreadcrumb h1 span:last-child::after, #contentBreadcrumbEng h1 span:last-child::after {
    color: #706e70;
    content: "";
    display: none;
    text-decoration:underline;
}

#contentBreadcrumb h1 span.current a, #contentBreadcrumbEng h1 span.current a {
    /*color: #e68699;*/
    /*color: #e07187;*/
    color:#df2f51;
    content: "";
    text-decoration:underline;
}

#contentBreadcrumb span.point a:hover, #contentBreadcrumbEng span.point a:hover {
    /*color: #e68699;*/
    color:#df2f51;
    content: "";
    text-decoration:underline;
}


#contentBreadcrumbEng span {
    display: inline-block;
    color: #706e70;
    font-weight: normal;
    font-size:120%;
    font-family: 'Arial','Helvetica',sans-serif;
    /*font-family: 'GenSenRounded', "Arial", sans-serif;*/
}

.mainContent {
    padding-top:3%;
    padding-bottom:2%;
    color: #706e70;
    /*font-weight: bold;*/
    font-family: "Microsoft JhengHei", "NotoSans", "Yu Gothic","PMingLiU";
    /*font-family: 'Round','PingFang',"Arial";*/
    /*font-family: 'Round','GenSenRounded',"Microsoft JhengHei",'Georgia', "Arial", sans-serif;*/
    font-size:100%;
}

.mainEngContent {
    padding-top:3%;
    padding-bottom:2%;
    color: #706e70;
    font-weight: normal;
    font-family: 'Arial','Helvetica',sans-serif;
    /*font-family: 'GenSenRounded', "Arial", sans-serif;*/
    /*font-family: 'Round','GenSenRounded',"Microsoft JhengHei",'Georgia', "Arial", sans-serif;*/
    font-size:100%;
}

.contentPadd {
    padding-top:5%;
    padding-bottom:5%;
    padding-left:3%;
    padding-right:3%;
}
.contentPadd a{
    text-decoration:underline;
}

.contentPhoto img {
    width:100%;
    max-width:100%;
}

.photoDescription {
    font-size:130%;
    color:#706e70;
    /*color:#101820;*/
}


.contentPadd2 {
    padding-top:5%;
    padding-bottom:5%;
    padding-left:3%;
    padding-right:3%;
}
.contentPhoto2 img {
    width:100%;
    max-width:100%;
}



.photoDescriptionEng {
    font-size:120%;
    color:#706e70;
    /*color:#101820;*/
}

.photoDescription a, .photoDescriptionEng a{
    color:#706e70;
    /*color:#676E9F;*/
}

.photoDescription a:hover, .photoDescriptionEng a:hover {
    color: #e68699;
}

/*.pageTitle {
    padding-left:5%;
    padding-right:5%;
}*/

.pagePassageTitleHeader {
    font-size:200%;
    font-weight:bold;
}

.pageTitleHeader {
    font-size:150%;
    font-weight:bold;
}

.pageTitleHeaderEng {
    font-size:150%;
    /*120*/
}

.pageTitleSplitter {
    border-bottom: 2px solid #706e70;

}

ul.pageTitleHeaderPointer {
    list-style-image: url('../images/accordion_arrow_3.png');
    padding-left:0%;
}

ul.pageTitleHeaderPointer>li{
    padding-top:2%;
    padding-bottom:2%;
}

ul.pageTitleHeaderPointer>li a{
   text-decoration:underline;
}

.pageContent {
	padding-top:2%;
    padding-bottom:2%;
    font-size:130%;
    color:#706e70;
    /*word-break:break-all;*/
}

.pageContentEng {
    padding-top:2%;
    padding-bottom:2%;
    font-size:120%;
    color:#706e70;
}

/*.pageContent img{
    width:100%;
    max-width:100%;
}*/

/*.pageContentEng img{
    width:100%;
    max-width:100%;
}*/


.pageContent .paragraph{
    /*padding-top:2%;*/
    padding-bottom:2%;
    /*font-size:140%;*/
    color:#706e70;
    display: block;
    overflow-wrap:break-word;
    word-break:break-word;
    /*color:#101820;*/
}

.pageContentEng .paragraph {
    /* padding-top:2%; */
    padding-bottom:2%;
    /*font-size:140%;*/
    color:#706e70;
    display: block;
    overflow-wrap:break-word;
    word-break:break-word;
    /*color:#101820;*/
}

.pageContentEng .paragraph p,.pageContent .paragraph p{
    display: block;
    overflow-wrap:break-word;
    word-break:break-word;
}


.pageContent .paragraph a, .pageContent a, .pageContent .table tr a,table tr td a, .pageContent>a,
.pageContentEng .paragraph a, .pageContentEng a, .pageContentEng .table tr a,table tr td a, .pageContentEng>a{
    /*color: #676E9F;*/
    color:#706e70;
    text-decoration:underline;
}

.pageContent .paragraph a:hover, .pageContent a:hover, pageContent .table tr a:hover table tr td a:hover, .pageContent>a:hover,
.pageContentEng .paragraph a:hover, .pageContentEng a:hover, pageContentEng .table tr a:hover table tr td a:hover, .pageContentEng>a:hover
{
    color:#e68699;
}

.pageContent .paragraph img {
    /*width:100%;*/
    width:100%;
    max-width:100%;
    /*color:#101820;*/
}

.pageContentEng .paragraph img {
    width:100%;
    max-width:100%;
    /*color:#101820;*/
}

.table {
    color:#706e70;
}

.table tr{
    /*font-size:140%;*/
}

.deptitem {
    /*font-size:140%;*/
    padding-left:3%;
    padding-right:3%;
    padding-top:1.5%;
    padding-bottom:1.5%;
}

.deptitem a{
    color: #706e70;
}

.deptitem a:hover {
    color: #e68699;
    text-decoration:none;
}

.pwhAddress{
    font-size:140%;
    align-content:center;
    text-align:left;
}

.pwhAddressEng{
    font-size:120%;
    align-content:center;
    text-align:left;
}



ul.facilitiesItem, ul.facilitiesItem li {
    list-style-image: url('../images/accordion_square_1.png');


}

ul.dot {
    list-style-image: url('../images/accordion_arrow_3.png');
}

ul.dot>li{
    /*padding-top:20%;
    padding-left:4%;
    padding-bottom:20%;*/
    /*font-size:140%;*/
}

ul.dot1 {
    list-style-image: url('../images/accordion_arrow_3.png');
}

ul.dot1>li{
    padding-top:2%;
    padding-left:4%;
    padding-bottom:2%;
    font-size:100%;
}

ul.circle, ul.circle li {
    list-style:circle;
	list-style-type: disc;
}

ul.nodot, ul.nodot li {
    list-style:none;
}

ul.nodot>li{
    padding-top:2%;
    padding-bottom:2%;
    /*font-size:140%;*/
}


ul.dot1>li a, ul.dot>li a,ul.nodot>li a{
   text-decoration:underline;
}


ul.dot2 {
    list-style-image: url('../images/accordion_arrow_4.png');
}

ul.dot2>li{
    padding-top:0%;
    padding-left:0%;
    padding-bottom:0%;
    /*font-size:140%;*/
}

ul.dot3 {
    list-style-image: url('../images/accordion_arrow_5.png');
}

ul.dot3>li{
    padding-top:0%;
    padding-left:0%;
    padding-bottom:0%;
    /*font-size:140%;*/
}



.s1 {
    text-align:left;
    display:inline-block;
}

/*locationandtranport.asp*/

li a, .transportitem a,.transportitemEng a{
    color: #706e70;
}

li a:hover,.transportitem a:hover, .transportitemEng a:hover {
    color: #e68699;
    text-decoration:none;
}

.transportitem {
    font-size:140%;
}

.transportitem .transportphoto img {
    width:100%;
    max-width: 100%;
}

.transportitem,.lastupdate{
    padding-top:1%;
    font-size:140%;
}

.transportitemEng {
    padding-top: 1%;
    font-size:120%;
}

.transportitemEng .transportphoto img {
    width:100%;
    max-width: 100%;
}

.transportitemEng .lastupdateEng{
    padding-top:1%;
    font-size:120%;
}

.lastupdateEng{
    padding-top:1%;
    font-size:120%;
}

.MTR, .KMB, .minibus, .taxi, .lastupdate, .lastupdateEng {
    padding-top:5%;
}

.KMB img, .minibus img, .taxi img, .carPark img{
    height: 18vw;
    max-height:80px;
}

.KMBEng, .minibusEng, .taxiEng, .carParkEng{
    padding-top:5%;
}

.KMBEng img, .minibusEng img, .taxiEng img, .carParkEng img{
    height: 16vw;
    max-height:80px;
}

/*facilities.asp*/
.facilitiesMenu {
   display:flex;
}

.facilitiesPadd {
    padding:1%;
}

.facilitiesMenuItem {
    flex:auto;
    padding-top:2%;
    padding-bottom:2%;
    margin-left:5%;
    margin-right:5%;
    background-color:#c0c3c4;
    border:1px solid #f7f7f7;
    /*font-size:100%;*/
    text-align:center;
}

.facilitiesMenuItemEng {
    flex:auto;
    padding-top:2%;
    padding-bottom:2%;
    margin-left:5%;
    margin-right:5%;
    background-color:#c0c3c4;
    border:1px solid #f7f7f7;
    /*font-size:100%;*/
    text-align:center;
}

.withoutunderline {
    text-decoration:none!important;
}

/*a.facilitiesMenuItem{
    width:100%;
}*/

.spacing {
    padding-bottom:5%;
}

.facilitiesMenuItem:hover,.facilitiesMenuItem a:hover{
    color:white;
    background-color:#e68699;
}

.facilitiesMenuItemCurrent {
    color:white;
    background-color:grey;
}


/*****************PWH Department Menu*****************/
.departmentMenuItem {
    flex:auto;
    padding-top:2%;
    padding-bottom:2%;
    margin-left:5%;
    margin-right:5%;
    background-color:#68C0C3;
	color:#262626;
    border:1px solid #f7f7f7;
    /*font-size:100%;*/
    text-align:center;
}

.departmentMenuItemEng {
    flex:auto;
    padding-top:2%;
    padding-bottom:2%;
    margin-left:5%;
    margin-right:5%;
    background-color:#68C0C3;
	color:#262626;
    border:1px solid #f7f7f7;
    /*font-size:100%;*/
    text-align:center;
}

.withoutunderline {
    text-decoration:none!important;
}

/*a.facilitiesMenuItem{
    width:100%;
}*/

.spacing {
    padding-bottom:5%;
}

.departmentMenuItem:hover,.departmentMenuItem a:hover{
    color:white;
    background-color:#e68699;
}

.departmentMenuItemCurrent {
    color:white;
    background-color:grey;
} 


/*****************PWH Department List*****************/
.departmentListItem{
	flex:auto;
    padding-left:3%;
    padding-right:3%;
	padding-bottom:3%;
    height: fit-content;
}

.departmentListItemEng{
	flex:auto;
}

.doctorphoto{
    min-height: 193px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #68c0c32d;
}

.doctorphoto > img{
	/*min-width:272px; 
	width:272px; 
	min-height:179px;
	height:179px;*/
	
	/*min-width:272px; 
	width:272px; 
	min-height:345px;*/
}

.departmentListDoctorName{
    background-color:#68C0C3;
    color:#262626;
    /*font-size:150%;*/
    text-align:center;
}

.departmentListDoctorNameEng{
    background-color:#68C0C3;
    color:#262626;
    font-size: medium;
    text-align:center;
    max-height: 90px;
    height: 100%;
}

.departmentListTitle{
	text-align:center;
	color:#262626;
    font-size: medium;
}

.departmentListTitleEng{
	text-align:center;
	color:#262626;
    font-size: medium;
    max-height: 150px;
    height: 100%;
}

.departmentListinfo{
	
}

.departmentListinfo > a{
	border-radius:50rem!important;
	border: 5px solid #68C0C3!important;
	text-decoration: none;
}


.linksplit {
    padding-top:2%;
    padding-bottom:2%;
}

.eng {
    font-family: 'Arial','Helvetica',sans-serif;
    /*font-family: 'GenSenRounded', "Arial", sans-serif;*/
}

/*****************Responsive Setting*******************/
@media only screen and (min-width: 1400px) {
    #subpageContent{
        padding-top:10.6rem;
        z-index: 0;
    }
    #subpageContentEng{
        padding-top:9.3rem;
        z-index: 0;
    }
}
@media only screen and (min-width: 1383px) {
    #subpageContentEng{
        padding-top:10.8rem;
        z-index: 0;
    }
}

@media only screen and (max-width: 1383px) {
    #subpageContentEng{
        padding-top:11.5rem;
        z-index: 0;
    }
}

@media only screen and (max-width: 1237px) {
    #subpageContentEng{
        padding-top:11.5rem;
        z-index: 0;
    }
}

@media only screen and (max-width: 1216px) {
    #subpageContentEng{
        padding-top:11rem;
        z-index: 0;
    }
}

@media only screen and (max-width: 1130px) {
    #subpageContent{
        padding-top: 10.3rem;
        z-index: 0;
    }
    #subpageContentEng{
        padding-top:12.2rem;
        z-index: 0;
    }
}

/*@media only screen and (min-width: 1046px) {
    #subpageContent{
        padding-top: 13.4rem;
        z-index: 0;
    }
    #subpageContentEng{
        padding-top:12.2rem;
        z-index: 0;
    }
}*/

@media only screen and (max-width: 1188px) {
    #subpageContentEng{
        padding-top:12rem;
        z-index: 0;
    }
}

@media only screen and (max-width: 1181px) {
    #subpageContentEng{
        padding-top:11.5rem;
        z-index: 0;
    }
}


@media only screen and (max-width: 1131px) {
    #subpageContentEng{
        padding-top:11.5rem;
        z-index: 0;
    }
}

@media only screen and (max-width: 1024px) {
    #subpageContent{
        padding-top:9.5rem;
        z-index: 0;
    }
    #subpageContentEng{
        padding-top:13rem;
        z-index: 0;
    }
}

@media only screen and (max-width: 992px) {
    #subpageContent{
        padding-top:11rem;
        z-index: 0;
    }
    #subpageContentEng{
        padding-top:8rem;
        z-index: 0;
    }
}

@media only screen and (max-width: 991px) {
    #subpageContent{
        padding-top:11rem;
        z-index: 0;
    }
    #subpageContentEng{
        padding-top:9.5rem;
        z-index: 0;
    }

}



@media only screen and (max-width: 375px) {
    #subpageContent{
        padding-top:7.5rem;
        z-index: 0;
    }
    #subpageContentEng{
        padding-top:7rem;
        z-index: 0;
    }
}