@charset "utf-8";
@import url(reset.css);
@import url(all.min.css);
@import url(bootstrap.css);
@import url(jquery.mmenu.css);
@import url(flexslider.css);
@import url(colorbox.css);
@import url(swiper-bundle.css);
:lang(en){font-family:Arial,Verdana,sans-serif;}
:lang(zh-hk){font-family:'標楷體','DFLiHeiHK','微軟正黑體',Arial,Verdana,sans-serif;font-size:16px;}
:lang(zh-cn){font-family:'標楷體','微軟正黑體',Arial,Verdana,sans-serif;font-size:16px;}
body{font-size:14px;margin:0;padding:0;color:#000;-webkit-text-size-adjust:none;line-height:1.5em;}
:lang(zh-hk) body,:lang(zh-cn) body{font-size:16px;}
.zh strong{font-family:'標楷體','DFLiHeiHK','微軟正黑體',Arial,Verdana,sans-serif;font-size:16px;}
header,section,footer,aside,nav,main,article,figure{display:block;}
html,body{margin:0;padding:0;height:100%;}
img{border:none;}
a{color:#003399;text-decoration:underline;}
a:visited{color:#8e37a2;text-decoration:underline;}
a:hover{color:#AD4500;text-decoration:none;}
.engText{font-family:Arial,Verdana,sans-serif;}
.access{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.wordBreak{font-weight:inherit;word-wrap:break-word;word-break:break-all;display:inline-block;max-width:100%;}
.fa,.far,.fas{font-family:"Font Awesome 5 Free";}
.fab{font-family:"Font Awesome 5 Brands"}
p{text-align:justify;margin:1em 0;}
h1{font-size:200% !important;color:#03316f;max-width:1200px;margin:20px auto;padding-top:30px;clear:both;font-weight:bold;}
h2{font-size:160% !important;color:#03316f;font-weight:bold;}
h3{font-size:120% !important;font-weight:bold;margin:.5rem auto;}
/*h2{font-size:130% !important;font-weight:bold;}
h3{font-size:110% !important;color:#974D02;}*/
h3 a,h3 a:visited{color:#974D02;}
h4{font-size:100% !important;}
h5{font-size:100% !important;}
.m1,.m2,.m3,.m8{position:relative;}
.contentFull{padding:0 20px !important;}
.pressPhoto{margin:1em auto;text-align:center;}
.backBtn{position:absolute;padding:0 !important;right:20px;top:60px;}
.backBtn a{color:#000;text-decoration:none !important;font-weight:normal !important;}
ol{margin-left:1.5em;}
ol li{margin:0.5em 0;padding-left:1em;}
ol.alpha{list-style-type:lower-alpha;}
ol.roman{list-style-type:lower-roman;}
.left10{padding-left:10px;}
.lett20{padding-left:20px;}
.left1em{margin-left:1em !important;}
.left2em{margin-left:2em !important;}
.addIcon{margin:10px 0 10px 10px;}
.addIcon a{padding:10px;}
.discUL{margin-left:1em;margin-bottom:0;}
.discUL>li{list-style-type:disc;margin:0.5em 0;}
.discUL span{margin-left:5px;}
.bulletPoint{margin-left:1em;}
.bulletPoint li{list-style-type:disc;}
.circlePoint{margin-left:1em;}
.circlePoint li{list-style-type:circle !important;margin:8px 0;}
.squarePoint{margin-left:1em;}
.squarePoint li{list-style-type:square;margin:8px 0;}
.textalignC{text-align:center;}
.pdf_icon{margin:0 5px 0 10px;width:14px !important;}
.excel_icon{margin:0 5px 0 10px;width:20px !important;}
.zip_icon{margin:0 5px 0 10px;width:15px !important;}
span.marginLeft5{margin-left:5px;}
.colorD2Blue{color:#003399;}
.colorDBlue{color:#0066CC;}
.colorBlue{color:#0000FF;}
.colorGreen{color:#008000;}
.colorRed{color:#eb0000;}
.colorOrange{color:#FF8040;}
.colorBlack{color:#000;}
.colorPurple{color:#7030a0;}
.noneUL{margin-left:0;display:table}
.noneUL li{list-style-type:none;display:table-cell;}
.noneUL li:first-child{padding-right:10px;}
.alignRight{text-align:right;margin-bottom:10px;}
.note{font-weight:bold;text-decoration:underline;}
.fontNormal{font-weight:normal;}
.bold{font-weight:bold;}
table tr td{padding:5px;}
.noShow{display:none;}
.smallSize{font-size:80%;}
p.date{margin-top:40px;}
.welcomeWidth{font-size:18px;}
.normalBullet{font-family:Arial,Verdana,sans-serif;margin:10px 0;}
.normalBullet:before{content:'\25cf';margin-right:10px;}
ul.tick{margin-left:0 !important;}
ul.tick li{list-style-type:none !important;margin-bottom:0 !important;}
ul.tick li:before{content:'\2713';margin-right:10px;}
.anchor{display:block;position:relative;top:-60px;visibility:hidden;}
.lightbox-caption{background-color:#fff;color:#000 !important;padding:0 20px 10px 20px !important;}
.lightbox svg{fill:#000;}
.lightbox img{padding:20px;}

@font-face{font-family:Berlin;
	src:url(../webfonts/BerlinSansFBRegular.eot);
	src:url(../webfonts/BerlinSansFBRegular.eot?#iefix) format("embedded-opentype"),
		url(../webfonts/BerlinSansFBRegular.woff2) format("woff2"),
		url(../webfonts/BerlinSansFBRegular.woff) format("woff"),
		url(../webfonts/BerlinSansFBRegular.ttf) format("truetype"),
		url(../webfonts/BerlinSansFBRegular.svg#fontawesome) format("svg")
}

/*Skip to main content*/
#skiplinkHolder{background-color:#cc4c02;}
#skiplinkHolder div{display:block;margin:0 auto;max-width:1200px;text-align:center;width:100%;}
#skiplinkHolder div .skiplink{display:-moz-inline-stack;display:block;margin:0;max-height:0;color:#fff;z-index:-1;}
#skiplinkHolder div .skiplink:focus{max-height:1920px;position:static;display:inline-block;padding:15px;margin:5px;outline:3px solid #fff;text-decoration:underline;top:inherit;}

/*Notice*/
#notice{background-color:#7bffff;padding:10px;margin-top:65px;}
#notice .fa-times{text-decoration:none;color:#000;}
#notice>table span{font-weight:bold;display:initial !important;margin:0 0 10px 0 !important;}
#notice table{width:100%;max-width:1200px;margin:0 auto;}
#notice table td:last-child{text-align:right;}
#inline_content{margin:auto;}
#cboxLoadedContent{text-align:center;}

/*Topmenu*/
#top{max-width:1200px;margin:0 auto;}
#topBar{display:none;}
#mobileTopBar{display:block;position:fixed;width:100%;z-index:10;background-color:#fff;min-height:65px;top:0;}
#mobileTopBar .navMobile{float:right;margin-top:55px;}
#mobileTopBar .navMobile a span:lang(zh-hk),#mobileTopBar .navMobile a span:lang(zh-cn){font-size:1.25rem !important;}
#mobileTopBar #langInside,#mobileTopBar #searchInside{position:fixed;background-color:#fff;padding:65px 25px;width:100%;height:100%;z-index:100;overflow:hidden;display:none;}
#mobileTopBar .navMobile a{font-size:1.25rem;color:#333;vertical-align:top;top:0.35rem;position:relative;padding:0.2rem 1.8rem;text-decoration:none;}
#mobileTopBar .navMobile a span{vertical-align:top;}
#mobileTopBar .navMobile button{padding:0 .5em 0 1em;}
#mobileTopBar .navMobile .fa-search{top:0;padding:0.55rem 0.75rem;}
#mobileTopBar .navMobile .fa-search:before{font-size:26px;}
#mobileTopBar .logo{display:inline-block;padding:5px 10px;position:absolute;z-index:1000;}
#mobileTopBar .logo img{height:45px;}
#mobileTopBar .mh-head{text-align:center;position:relative;background:#ccc;color:#333;min-height:40px;}
#mobileTopBar .navbar-toggle{background-color:transparent;border:0;cursor:pointer;margin:0;padding:0;bottom:9px;}
.bar1, .bar2, .bar3{width:25px;height:3px;background-color:#333;margin:6px 0;transition:0.4s;z-index:100;display:block;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-6px, 4px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -7px);}
.crossBtn{position:absolute;right:27px;top:22px;z-index:99999;border:0;background-color:transparent;}
.crossBtn .bar1{margin:8px 0;transform:rotate(-45deg) translate(2px, 5px);}
.crossBtn .bar3{margin:8px 0;transform:rotate(45deg) translate(-2px, -10px);}
#menu{display:block;top:0;z-index:10;}
#mobileTopBar button{z-index:100;}
.menu{display:none;}
body#main #menuBar{border-bottom:0;}
#menuBar .m1,#menuBar .m2,#menuBar .m3,#menuBar .m7{padding-top:15px;}
#mobileTopBar #langInside ul{padding-left:0;}
#mobileTopBar #langInside ul a{padding:0 0 15px 0;display:block;}

/*Content*/
#content{max-width:1200px;min-height:350px;margin:65px auto 0 auto;padding:0 20px 80px 20px;display:inline-block;width:100%;position:relative;}
#content .left,#content .right{display:block;vertical-align:top;padding:20px 0;}
#content .left span{padding:10px 0;display:block;}
#content .dateFilter{text-align:right;margin:20px 0;}

/* highlight-banner */
.highlight-banner{position:absolute;top:510px;right:-245px;z-index:10000;}
.highlight-banner .highlight-banner-wrapper{display:flex;align-items:center;flex:1 1 auto;overflow:hidden;height:100%;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);border-radius:8px 0 0 8px;background-color:#bae1de;}
.highlight-banner .highlight-banner-wrapper .wrapper-banner,.highlight-banner .highlight-banner-wrapper .wrapper-btn{background-color:#bae1de;}
.highlight-banner .highlight-banner-wrapper .wrapper-banner{padding:10px 0 10px 10px;width:245px;min-height:185px;}
.highlight-banner .highlight-banner-wrapper .wrapper-banner a img{width:100%;}
.highlight-banner .highlight-banner-wrapper .wrapper-banner .swiper-scrollbar{left:0;width:100%;bottom:0;border-radius:0;}
.highlight-banner .highlight-banner-wrapper .wrapper-btn{width:30px;height:185px;}
.highlight-banner .highlight-banner-wrapper .wrapper-btn a{display:block;height:100%;background-position:center;background-repeat:no-repeat;background-size:10px 18px;transform:rotateY(0deg);}
.highlight-banner.active{right:0;height:auto;}
.highlight-banner.active .highlight-banner-wrapper .wrapper-btn{flex-grow:1;}
.highlight-banner.active .highlight-banner-wrapper .wrapper-btn a{transform:rotateY(180deg);}
.highlight-banner.transition{transition:0.3s all;}

@media only screen and (max-width:979px){.highlight-banner{display:none;}}

#otherLangBtn{position:relative;z-index:1000;}
#otherLangBtn .otherLangLayer{position:absolute;right:0;top:100%;background-color:#fff;z-index:100;border:1px solid #ccc;box-shadow:0 0 10px rgba(153,153,153,0.7);display:none;text-wrap: nowrap;}
#otherLangBtn:hover .otherLangLayer{display:block;top:10px;}
#otherLangBtn .otherLangLayer a{display:block;padding:10px 20px;color:#333;text-decoration:none;margin-left:0 !important;}
#otherLangBtn .otherLangLayer a:hover{color:#fff !important;background-color:#124B82;}
#otherLangBtn .otherLangLayer a:not(:last-child){border-bottom:1px solid #ccc;}
#otherLang{display:block;text-decoration:none;position:relative;}
#otherLang:hover,#otherLangBtn:hover #otherLang{color:#bd3131;}

button.menuIcon{padding:0 .5em;background-color:transparent;border:0;}
a.langIcon{margin-bottom:10px;background:url(../images/icon_language.svg)no-repeat center;background-size:25px;}
a.searchIcon{margin-bottom:10px;background:url(../images/icon_search.svg)no-repeat center;background-size:25px;}

/*Table*/
.normalTable{width:100%;}
.normalTable tr:nth-child(odd){background-color:#ececec;}
.normalTable tr th{padding:5px 10px;background-color:#fff0c7;color:#03316f;font-size:16px;}
.normalTable tr td{padding:5px 10px;}

.normalborderTable{width:100%;}
.normalborderTable tr th,.normalborderTable tr td{border:1px solid #000;padding:5px 10px;}

.membershipTable{margin-left:10px;}
.membershipTable tr td:first-child{padding-right:10px !important;padding-left:0 !important;}
.membershipTable .firstBold tr td:first-child{font-weight:bold;padding-right:10px;}
.membershipTable tr td{padding:2px 10px 2px 0 !important;}
.membershipTable tr td ol li:first-child{margin-top:0;}

/*UL*/
ul.normalUL{margin-left:2em;margin-bottom:0;}
ul.normalUL li{list-style-type:disc;margin-bottom:0.5em;}

/*iconlist*/
.iconlist:before{top:21px !important;}
.iconlist img{margin-left:10px;}

/*Archieve*/
.tab{padding:14px 0;}
.tab a{border:none;cursor:pointer;transition:0.3s;font-weight:bold;border-right:3px solid #03316f;background-color:transparent;margin:14px 0;padding:0 6px;text-align:left;color:#000;text-decoration:none;}
.tab a:first-child{padding-left:0;}
.tab a:last-child{border-right:0;}
.tab a.active{color:#ce4003;}
.tabcontent{display:none;padding:10px 12px 10px 0;border-top:none;animation:fadeEffect 1s;}
.tabcontent h2{padding-left:0;font-size:140%;color:#000;}
.tabAR{margin:100px 0 0 0;}
.tabAR a{margin:0;font-weight:normal;color:#03316f;}
.tabAR a img{margin:0 10px;}
div.tabArchive{margin:50px 0 0 0;}
div.tabArchive a{margin:0;color:#03316f;text-decoration:underline;font-weight:bold;}
div.tabArchive a img{margin:0 10px 0 0;}
@keyframes fadeEffect{from {opacity:0;} to {opacity:1;}}

/*Landing*/
#icons-container #icons_1{background-color:#ebebeb;padding:15px;}
#icons-container #icons_1>div{margin:0 auto;max-width:430px;background-color:#fff;border-radius:10px;text-align:center;}
#icons-container #icons_1>div a{display:table;padding:10px 16px;text-decoration:none;color:#666;font-size:90%;margin:0 8px;text-align:left;}
:lang(zh-hk) #icons-container #icons_1>div a,:lang(zh-cn) #icons-container #icons_1>div a{padding:10px 28px;}
#icons-container #icons_1>div a img{display:table-cell;vertical-align:middle;}
#icons-container #icons_1>div a span{display:table-cell;vertical-align:middle;padding-left:10px;}
#icons-container #icons_1>div div{display:inline-block;}
#portfolio{max-width:1200px;margin:0 auto;text-align:center;width:100%;padding:60px 20px 30px 20px;}
#portfolio .portfolio1 .overlay,#portfolio .portfolio2 .overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;border-radius:5%;transition:all 0.5s;}
#portfolio .portfolio1:hover .overlay img,#portfolio .portfolio1 .overlay img,#portfolio .portfolio2:hover .overlay img,#portfolio .portfolio2 .overlay img{z-index:10;border-radius:5%;transition:all 0.5s;}
#portfolio .text-group{display:inline-block;position:relative;}
#portfolio .portfolio1:hover,#portfolio .portfolio2:hover{cursor:pointer;}
#portfolio .portfolio1,#portfolio .portfolio2{position:relative;vertical-align:top;margin:50px 20px 30px 20px;}
#portfolio .portfolio1 div.background img,#portfolio .portfolio2 div.background img{position:relative;top:0;left:0;border-radius:5%;}
#portfolio .portfolio1 .title{font-size:22px;font-weight:bold;position:absolute;line-height:1.1em;color:#03326d;top:36px;/*left:33px;*/width:100%;}
:lang(zh-hk) #portfolio .portfolio1 .title,:lang(zh-cn) #portfolio .portfolio1 .title{/*left:10px;*/width:100%;}
#portfolio .portfolio1 .icon,#portfolio .portfolio2 .icon{display:block;margin:17px auto;width:35px;}
#portfolio .portfolio2 .title{font-size:22px;font-weight:bold;position:absolute;line-height:1.1em;color:#03326d;top:43px;/*left:41px;*/width:100%;}
#portfolio .dropdown{z-index:100;position:absolute;top:0;text-align:left;width:100%;}
#portfolio .dropdown ul{list-style-type:none;height:auto;padding:0;margin:23px 0;}
#portfolio .dropdown ul li a{color:#fff;font-size:12px;font-weight:bold;line-height:1.1em;display:block;padding:8px 22px;text-decoration:none;display:none;}
#portfolio .dropdown ul li a:hover{background-color:#03326d;text-decoration:none;}
#portfolio .dropdown ul li:hover{color:#333;}
.mm-menu_offcanvas{margin-top:99px;}
#app-container{background-color:#bae1de;width:100%}
#app-container .col{max-width:1200px;margin:0 auto;padding:20px 0;text-align:center;}
#app-container .col1 a{color:#666;text-decoration:none;padding:10px 3px;display:block;text-align:left;position:relative;}
#app-container .col1{display:block;border-radius:20px;background-color:#fff;padding:0;vertical-align:top;margin:30px 20px;min-height:410px;}
#app-container .col1 em{display:table-cell;padding:10px 15px;position:absolute;right:0;top:10px;}
#app-container .col1 ul{margin:0;padding:0;}
#app-container .col1 li{border-bottom:1px solid #bae1de;}
#app-container .col1 li:last-child{border:0;}
#app-container .col1 li span{color:#ac5f02;font-weight:bold;padding:5px 27px;display:table-cell;}
#app-container .col2_1{display:block;border-radius:20px;background-color:#fff;padding:0;vertical-align:top;margin:30px 20px;min-height:410px;}
#app-container .col2_1>a{margin:0;border-bottom:1px solid #ccc;display:block;}
#app-container .col2_1>a>img{padding:20px;}
#app-container .col2_1>span{font-size:200%;color:#03316f;padding:20px 0;margin:0 auto;clear:both;display:block;font-weight:bold;}
#app-container .col2_1>div>a span{padding:20px 30px;display:block;}
#app-container .col2_1 a{color:#000;text-decoration:none;}
#app-container .col2_1 .title{color:#ac5f02;font-weight:bold;padding:10px 15px;text-align:left;}
#app-container .col2_1 img{padding:0 20px;}
#app-container .col3{display:block;border-radius:20px;background-color:#fff;padding:0;vertical-align:top;margin:30px 20px;min-height:410px;}
#app-container .col3 a{color:#666;text-decoration:none;padding:0 20px;}
#app-container .col3 em{display:inline-block;margin:5px 15px;}
#app-container .col3 div:last-child i{margin:0 15px 0 10px;}
#app-container .col3 div{color:#666;text-decoration:none;padding:0 15px;display:block;font-size:130%;font-weight:bold;}
#app-container .col3 img{border-radius:5% 5% 0 0;}
#app-container .col3 ul{padding:0;}
#app-container .col3 li div{border-bottom:1px solid #bae1de;}
#app-container .col3 li div:first-child span{display:inline-block;color:#ac5f02;margin:11px 0 11px 28px;font-weight:bold;}
:lang(zh-hk) #app-container .col3 li div:first-child span,:lang(zh-cn) #app-container .col3 li a:first-child span{font-size:22px;}
#app-container .col3 li div:last-child{padding:8px 0;border-bottom:0;}
#app-container .col3 li div:last-child a{display:inline;}
#app-container .col3 li div:last-child span{display:inline-block;color:#4267b2;margin:12px 0 0 26px;font-weight:bold;}
:lang(zh-hk) #app-container .col3 li div:last-child span,:lang(zh-cn) #app-container .col3 li a:last-child span{font-size:22px;}
#icons-container #icons{margin:20px;text-align:center;}
#icons-container #icons a{padding:10px 15px;display:inline-block;}
:lang(zh-hk) #icons-container #icons a,:lang(zh-cn) #icons-container #icons a{padding:10px 14px;display:inline-block;}

/*About Us*/
body.org_chart #content{padding:0 20px;min-height:auto;}
#organisation{overflow-x:auto;position:relative;padding:0 0 30px 0;max-width:1200px;margin:0 auto;font-size:90%;}
#organisation .orgframe{width:1160px;}
#organisation div ul li p{line-height:1.3em;}
#organisation div#o1{float:left;width:310px;margin-left:275px;}
#organisation div#o2a{margin-left:20px;display:inline-block;}
#organisation div#o2b{margin-left:143px;display:inline-block;}
#organisation div#o1 p,#organisation div#o2a p,#organisation div#o2b p{margin:0;}
#organisation div#o3{display:inline-flex;position:relative;top:-7px;}
#organisation div#o4{float:left;margin-left:118px;clear:both;position:relative;top:-7px;}
#organisation div#o2a ul:nth-child(1){float:left;margin-left:45px;width:270px}
#organisation div#o2a ul:nth-child(2){float:left;margin-left:200px;width:270px}
#organisation div#o2a ul:nth-child(3){float:left;margin-left:73px;}
#organisation div#o2b ul:nth-child(1){float:left;margin-left:45px;width:270px}
#organisation div#o2b ul:nth-child(2){float:left;margin-left:200px;width:270px}
#organisation div#o2b ul:nth-child(3){float:left;margin-left:73px;}
#organisation div#o3 ul:nth-child(1){float:left;margin-left:139px;}
#organisation div#o3 ul:nth-child(2){float:left;margin-left:10px;}
#organisation div#o3 ul:nth-child(3){float:left;margin-left:10px;}
#organisation div#o3 ul:nth-child(4){float:left;margin-left:10px;}
#organisation div#o3 ul:nth-child(5){float:left;margin-left:10px;}
#organisation div#o3 ul:nth-child(6){float:left;margin-left:10px;}
#organisation div#l1{float:left;background-image:none;padding:0;margin-left:184px;width:644px;}
#organisation div#l2{float:left;background-image:none;padding:0;margin-left:184px;width:800px;position:relative;top:-7px;}
#organisation div#l3{float:left;background-image:none;padding:0;margin-left:184px;position:relative;top:-7px;}
#organisation div ul{margin:0;background-image:linear-gradient(#91c1ee,#d7eafb);padding:15px 10px 0 10px;}
#organisation div#o1 ul,#organisation div#o2 ul{padding:15px;}
#organisation div ul li{display:inline-block;vertical-align:top;}
#organisation div ul li span{font-weight:bold;display:block;margin-top:20px;}
:lang(zh-hk) #organisation div ul li span,:lang(zh-cn) #organisation div ul li span{font-size:90%;}
#organisation div ul li a{color:#000;font-weight:bold;}
:lang(zh-hk) #organisation div ul li a,:lang(zh-cn) #organisation div ul li a{color:#000;font-weight:bold;font-size:90%;}
#organisation div ul li:last-child{margin-left:10px;}
#organisation div ul li img{max-height:85px;}
#organisation div#o3 ul{}
:lang(zh-hk) #organisation div#o3 ul,:lang(zh-cn) #organisation div#o3 ul{height:280px;}
#organisation div#o4 ul{}
#organisation div#o3 ul li,#organisation div#o4 ul li{display:block;width:109px;text-align:center;}
#organisation div#o3 ul li:last-child,#organisation div#o4 ul li:last-child{margin-top:10px;margin-left:0;}
#organisation div#o3 ul li p,#organisation div#o4 ul li p{text-align:left;padding-bottom:1em;}
#biography ul{margin-bottom:30px;background-image:linear-gradient(#91c1ee,#d7eafb);padding:15px;display:block;font-size:90%;}
#biography ul li{display:inline-block;vertical-align:top;}
#biography ul li span{font-weight:bold;display:block;margin-top:20px;}
#biography ul li a{color:#000;font-weight:bold;font-size:95%;}
#biography ul li:last-child{margin-left:10px;}
#content .left .head_photo{position:relative;display:inline-block;text-align:center;}
.m1 .left span{color:#006cb0;}
.arrow{margin:10px 20px;position:relative;}
.arrow h3{margin-top:0;}
.arrow table{margin-top:10px;}
.arrow table tr td{padding:5px 10px;}
.arrow table tr td:first-child{font-weight:bold;}
.arrow a{vertical-align:top;}
.arrow span{margin-left:5px;}
.arrow .pdf_icon{margin:0 5px 0 10px;width:14px;}
.iconPDF{margin-left:5px;width:14px !important;height:auto;}
.iconPDF_b{margin-left:5px;height:40px !important;height:auto;}
.iconWord{margin:0 5px;width:17px !important;height:auto;}
.iconWord_b{margin:0 5px;height:40px !important;height:auto;}
.iconPP{margin:0 5px;width:17px;height:auto;}
.arrow:before{width:14px;content:" ";background-image:url(../images/publications/arrow.png);position:absolute;height:22px;left:-19px;top:0;}
:lang(zh-hk) .arrow:before,:lang(zh-cn) .arrow:before{width:14px;content:" ";background-image:url(../images/publications/arrow.png);position:absolute;height:22px;left:-19px;top:2px;}
.org_Bg{background-color:#f3f3f3;padding:15px 20px;}
.org_chart h1{margin:20px 50px 20px auto;}
.org_Bg h2{margin:0 2em;text-align:center;}
.org_Bg .of_inside{margin:30px 0 25px 0;text-align:center;}
.org_Bg .of_inside ul{margin:10px;background-image:linear-gradient(#91c1ee,#d7eafb);padding:15px;display:inline-block;width:200px;text-align:left;position:relative;}
#dsh .of_inside ul{padding:15px 14px;width:168px;}
.org_Bg .of_inside ul li{display:inline-block;vertical-align:top;}
.org_Bg .of_inside ul li span{font-weight:bold;display:block;margin-top:40px;}
.org_Bg .of_inside ul li a{color:#000;font-weight:bold;}

/*Our Work*/
.food_title{background-image:linear-gradient(#117467,#16A794);margin:107px 0 0 0;}
.health_title{background-image:linear-gradient(#0c566e,#0794af);margin:107px 0 0 0;}
.health_title h1,.food_title h1{color:#fff;margin:0 auto;padding:30px 20px 90px 20px;clear:both;}
body.m2 h2{margin:2em 5em 1em auto;}
body.m2 h3{margin:30px 0 10px 0;}
body.m2 h3 a{color:#974D02;}
body.m2 h4{margin:10px 0;}
body.m2 h4 a{color:#000;}
body.m2 .l1{font-weight:bold;color:#000;}
body.m2 .l1 a{color:#000;}
body.m2 p img{margin-right:10px;float:left;}
body.m2 p a{text-decoration:none;}
/*body.m2 p a{text-decoration:none;display:block;margin-left:34px;}*/
body.m2 p span{font-size:150%;color:#03316f;font-weight:bold;padding-top:5px;}
body.m2 .arrow ul{margin-left:1em;margin-bottom:0;}
body.m2 .arrow ul li{list-style-type:disc;}
.bullet{font-family:Arial,Verdana,sans-serif;margin:10px 20px;}
.bullet:before{content:'\25cf';margin-right:10px;}
.l2{font-family:Arial,Verdana,sans-serif;margin:10px 20px 10px 40px;}
.l2:before{content:'\25a0';margin-right:10px;}
body.m2 ul li a{color:#000;}
body.m2 select#yearSelect{color:#999;padding:5px 15px;background-color:#fff;}
body.m2 option[value=""][disabled]{display:none;}
body.m2 option{color:#000;}
body.m2 .backBtn{top:53px;}
body.m2 #content .left span{color:#006cb0;}
body.m2 #content .left img{height:200px;}
body.m2 #content .right ul{text-align:left;}
body.m2 #content .right ul li{margin:20px 0;}
body.m2 #content .right ul li:first-child{margin:0;}

/*What's New, Press Release and Publications*/
#accordion{margin-bottom:100px;}
#accordion .panel-title a{display:block;background-color:#fff0c7;color:#03316f;padding:10px 30px;text-decoration:none;}
#accordion .panel-body table{width:100%;}
#accordion .panel-body table tr:nth-child(even){background-color:#ececec;}
#accordion .panel-body table tr:nth-child(odd){}
#accordion .panel-body table tr td{padding:5px 30px;}
#accordion .panel-body table tr td a{color:#000;text-decoration:underline;}
.speechesContent{text-align:justify;}
.speechesContent h2 sup{font-weight:bold;}
.speechesContent h3{color:#000;}
.speechesContent h4{text-decoration:underline;}
.speechesContent .nostyle{list-style-type:none;}
.pressTable{margin-bottom:50px;}
.pressTable h2{background-color:#fff0c7;color:#03316f;padding:10px 30px;margin-bottom:0;font-weight:bold;margin-top:30px;font-size:120% !important;width:100%;}
.pressTable table{border-collapse:collapse;margin:0;padding:0;width:100%;}
.pressTable table tr:nth-child(odd){background-color:#ececec;}
.pressTable table tr td{padding:10px 25px;vertical-align:middle;}
.pressTable table tr td:first-child{width:15%;}
.pressTable table tr td img{width:100px;float:left;margin-right:20px;}
.pressTable table tr td span{height:62px;max-width:670px;display:table-cell;vertical-align:middle;}
.doi table{border-collapse:collapse;margin:0;padding:0;width:100%;}
.doi table tbody tr:nth-child(odd){background-color:#ececec;}
.doi table thead tr{background-color:#fff0c7;color:#03316f;}
.doi table thead tr th{padding:10px 20px;font-size:16px;}
.doi table tbody tr td{padding:10px 20px;}
.doi table tbody tr td:first-child{width:10%;}
.officials table tbody tr td:first-child{width:auto;}
.doi table tbody tr td span{margin-left:10px;}
.doi table tbody tr td div.consultation_pic{margin-top:10px;}
.withBorder{overflow-x:auto;}
.withBorder table{border-collapse:collapse;margin:0;padding:0;width:100%;}
.withBorder table thead tr{background-color:#fff0c7;color:#03316f;}
.withBorder table thead tr th{padding:10px 30px;font-size:16px;}
.withBorder table tbody tr td{padding:10px 30px;text-align:center;}
.withBorder table tbody tr td:first-child{text-align:left;}
.withBorder table tbody tr td.textalignC{text-align:center;}
.withBorder table tbody tr td span{margin-left:10px;}
.withBorder table tbody tr:nth-child(odd){background-color:#ececec;}
.withBorder table tr td,.withBorder table tr th{border:1px solid #666;}
.withBorder table tbody tr:nth-child(odd){background-color:transparent;}
.withBorder table thead tr th{vertical-align:middle;text-align:center;}
.contentThin ul{margin-left:2em;margin-bottom:0;}
.contentThin ul li{margin-bottom:1em;list-style-type:disc;}
.horizontalNoBullet li{display:inline-block;padding:20px;text-align:center;width:170px;vertical-align:top;}
.horizontalNoBullet li span{display:block;}
.consultationTable tr td:first-child{width:70px;}
.book{border:1px solid #666;padding:20px;max-width:600px;}
.book h2{margin:1em 0 2em 0;font-size:200%;color:rgb(5,120,103);text-align:center;}
.book h3{text-align:center;color:#974D02;}
.book p{text-align:center;color:#974D02;}

.panel-default>.panel-heading{color:#333;background-color:#fff;border-color:#e4e5e7;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.panel-default>.panel-heading a{display:block;padding:10px 15px;}
.panel-default>.panel-heading a:after {position:relative;top:-4px;display:inline-block;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;float:right;transition:transform .25s linear;-webkit-transition:-webkit-transform .25s linear;}
.panel-default>.panel-heading a[aria-expanded="true"]{background-color:#eee;}
.panel-default>.panel-heading a[aria-expanded="true"]:after{background:url(../images/plus-circle-solid.svg)no-repeat center center;content:"\f056";font-size:24px;}
.panel-default>.panel-heading a[aria-expanded="false"]:after{background:url(../images/minus-circle-solid.svg)no-repeat center center;content:"\f055";font-size:24px;}
.accordion-option{width:100%;float:left;clear:both;margin:15px 0;}
.accordion-option .title {font-size:20px;font-weight:bold;float:left;padding:0;margin:0;}
.accordion-option .toggle-accordion {float:right;font-size:16px;color:#003366;font-weight:bold;margin:30px 0 0 0;}
.accordion-option .toggle-accordion:before{content:"Collapse All -";}
.accordion-option .toggle-accordion.active:before{content:"Expand All +";}
.expandBtn{font-weight:bold;color:#003366;text-align:right;cursor:pointer;padding:50px 0 10px 0;}

.tvapi span{margin:0 10px;font-size:150%;color:#03316f;font-weight:bold;position:absolute;padding-top:5px;}
h2.tvapi{margin:2em 5em 1em auto;}

/*Legco*/
body.m0 table tr td img{width:100px;float:inherit;margin-right:0;}
body.m0 table tr td ul{margin-left:20px;}
body.m0 table tr td ul li{list-style-type:disc;margin-bottom:0.5em;}
body.m0 table tr td ul li a span{height:auto;display:inherit;vertical-align:inherit;margin-left:5px;}
body.m0 table tr td span{height:auto !important;display:initial !important;vertical-align:inherit !important;margin-left:5px;}

/*Boards and Committees*/
.m5 .listcontent h2{padding-left:0;}
.m5 h3{color:#000;}
.membership h2{font-size:100%;margin:1em 5em 1em auto;}
.membership h3{font-size:100%;text-decoration:underline;margin:1em 0;padding-top:0;font-weight:bold;}
.membership h4{font-weight:bold;padding:0;font-size:100%;margin:1em 0;}
.membership ul,.membership ol{padding-left:2em;}
.c_extract h3{margin:0.5em 0;padding-top:20px;}
.m5 #content ul{margin-left:1em;}
.m5 #content ul li{list-style-type:disc;margin-bottom:1em;}
.m5 #content table.normalborderTable ul li{margin-bottom:0;}
.m5 #content ul li ul{margin-left:2em;margin-top:1em;}
.m5 #content ul li ul li{list-style-type:circle;margin-bottom:1em;}
.m5 #content table{margin:0 0 13px 0}
.m5 #content table tr td{padding:5px 10px;}
.m5 #content table.restaurants tr td:first-child{width:8%;}
.m5 #content table.restaurants tr td{width:23%;}
.m5 .style1{color:#00779E;}
.m5 table.left10 tr td:first-child{font-weight:normal;}
.papers h3{margin-bottom:1em;}
.papers a{color:#000;text-decoration:underline;font-weight:bold;}
.papers .paperList{padding-bottom:10px;}
.papers .paperList .list{padding-bottom:10px;}
.papers .paperList ul{margin-left:50px;}
.papers .paperList ul li{list-style-type:square;}
.papers ol li a{margin:0;}
.papers ol ul{margin-left:1em;}
.papers ol ul li{list-style-type:square;padding:0;}
.bcTable table{width:100%;}
.bcTable table tr:first-child th{background-color:#fff0c7;color:#03316f;padding:10px 30px;font-size:16px;}
.bcTable table tr:nth-child(odd){background-color:#ececec;}
.bcTable table tr td{padding:5px 30px;font-weight:bold;}
.bcTable table tr td:first-child{width:15%;}
.bcTable table img{margin-top:10px;}
.bcTable table .pdf_icon{margin:0 10px;width:14px;}

/*Fund Application*/
.m6 .listcontent h2{padding-left:0;}
.m6 h3{color:#000;}
.membership h2{font-size:100%;margin:1em 5em 1em auto;}
.membership h3{font-size:100%;text-decoration:underline;margin:1em 0;padding-top:0;font-weight:bold;}
.membership h4{font-weight:bold;padding:0;font-size:100%;margin:1em 0;}
.membership ul,.membership ol{padding-left:2em;}
.c_extract h3{margin:0.5em 0;padding-top:20px;}
.m6 #content ul{margin-left:1em;}
.m6 #content ul li{list-style-type:disc;margin-bottom:1em;}
.m6 #content table.normalborderTable ul li{margin-bottom:0;}
.m6 #content ul li ul{margin-left:2em;margin-top:1em;}
.m6 #content ul li ul li{list-style-type:circle;margin-bottom:1em;}
.m6 #content table{margin:0 0 13px 0}
.m6 #content table tr td{padding:5px 10px;}
.m6 #content table.restaurants tr td:first-child{width:8%;}
.m6 #content table.restaurants tr td{width:23%;}
.m6 .style1{color:#00779E;}
.m6 table.left10 tr td:first-child{font-weight:normal;}

/**/
#content .photoBanner{display:inline-block;padding:20px 20px 10px 20px;width:100%;margin-bottom:20px;}
#content .photoBanner .photoPhoto{display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:10px;}
#content .photoPhoto{width:180px;}
#content .photoBanner .photoPhoto:last-child{margin:0;}
#content .photoBanner .photoPhoto div.caption{margin:10px 0;padding:0 10px;font-size:16px;}
:lang(zh-hk) #content .photoBanner .photoPhoto div.caption,:lang(zh-cn) #content .photoBanner .photoPhoto div.caption{font-family:"標楷體" !important;}

/*Blog*/
#content .blogBanner{display:inline-block;background-color:#f3f3f3;padding:20px 20px 10px 20px;width:100%;margin-bottom:20px;}
#content .blogBanner .blogPhoto{display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:10px;}
#content .blogPhoto{width:180px;}
#content .blogBanner .blogPhoto:last-child{margin:0;}
#content .blogBanner .blogPhoto div.caption{margin:10px 0;padding:0 10px;font-family:"標楷體" !important;font-size:16px;}
#content .blogBanner .vertical .img-fluid,#content .blogBanner .vertical div.caption{}
.blog{margin-bottom:20px;font-family:"標楷體" !important;}
.m7 h2,.m7 ol li,.m7 ul li{font-family:"標楷體" !important;}
.blog a{font-family:"標楷體" !important;}
.blog div:nth-child(2){margin-left:2em;width:90%;font-family:"標楷體" !important;font-size:16px;}
.blog div:nth-child(3){float:right;font-family:"標楷體" !important;}
.m7 h3,.m7 h3 em,.m7 h4,.m7 h4 em,.m7 h5,.m7 h5 em,.m7 h4 strong{font-family:"標楷體" !important;}
.m7 h3{font-size:16px !important;font-weight:bold;}
.m7 h4{font-size:16px !important;font-weight:bold;}
.m7 h5{font-size:16px;font-weight:normal;}
.m7 #content p,.m7 #content p strong,.m7 #content ul li,.m7 #content ul li strong,.m7 #content ol li,.m7 #content p em{font-family:"標楷體" !important;font-size:16px;}
.m7 #content .blogBanner div{font-family:"標楷體" !important;font-size:16px;padding-bottom:10px;}
.m7 #content ul{margin-left:2em;margin-bottom:0;}
.m7 #content ul li{list-style-type:disc;margin-bottom:1em;}
.m7 #content a,.m7 #content table td{font-family:"標楷體" !important;font-size:16px;}
.m7 #content p span,.m7 #content li span{font-weight:bold;font-family:"標楷體" !important;}

/*Gallery*/
#flexsliderFrame{max-width:1200px;margin:0 auto;}
.flexslider{background:#ddf0fe;border:0;}
#slider{margin-bottom:5px;padding:30px 0 0 0;}
#slider .slides img{width:auto;max-height:500px;margin:0 auto;}
#slider .flex-direction-nav a{overflow:inherit;}
.flex-direction-nav a{overflow:inherit;}
.flexslider:hover .flex-direction-nav .flex-prev{left:30px;}
.flexslider:hover .flex-direction-nav .flex-next{right:30px;}
#slider .flex-caption{width:70%;margin:20px auto;}
#carousel{background-color:#e2e1e1;}
#carousel .slides{margin:30px 90px;}
#carousel .slides img{width:auto;height:100px;margin:0 5px;}
#carousel li {margin-right:5px;}
#carousel img {display:block;opacity:.5;cursor:pointer;}
#carousel img:hover {opacity:1;}
#carousel .flex-active-slide img {opacity:1;cursor:default;}
#carousel .slides>li{width:auto !important;}
#backPage{float:right;}
#backPage a{color:#000;text-decoration:underline;}
.galleryContent{padding:0 20px 0!important;min-height:0 !important;}
.galleryTitle h2{font-size:120%;margin:0;padding-left:0;}
.galleryTitle h3{font-size:130%;color:#000;line-height:1.5em;}
.galleryTitle h3 span{font-weight:normal;display:block;}
.galleryTitle .backBtn{top:140px;right:90px;}
#thumbnail{max-width:1200px;margin:20px auto;padding:0 10px;text-align:center;}
#thumbnail a{display:inline-block;color:#000;text-decoration:underline;margin:20px 9px;}
#thumbnail a span{display:block;padding:10px 0;font-weight:bold;text-align:left;}
#thumbnail img{max-height:234px;}
#content .goBtn{width:30px;height:30px;border:0;-webkit-appearance:none;background:url(../images/chevron-circle-right-solid.svg)no-repeat center center;background-size:55%;margin:0;text-indent:-9999px;}
.m8 .galleryNav{max-width:1200px;margin:0 auto;margin-bottom:20px;padding:0 20px;}
.m8 .galleryNav a{font-weight:bold;}
.m8 .galleryNav .left{float:left;}
.m8 .galleryNav .right{text-align:right;}

/*Links*/
.linksNav{background-color:#f3f3f3;padding:20px;max-width:1200px;margin:0 auto;}
.linksNav ul{margin:0;font-size:120%;}
.linksNav ul li{margin-bottom:10px;}
.linksNav ul li a{color:#000;text-decoration:underline;font-weight:bold;position:absolute;padding-top:5px;}
.linksNav ul li:first-line a{}
.linksNav img{margin-right:10px;}
.linksContent{margin:20px 0;color:#03316f;}
.linksContent li span{display:inline-block;vertical-align:top;}
.linksContent>li{font-size:120%;}
.linksContent li{margin-bottom:10px;font-weight:bold;}
.linksContent li span{font-weight:bold;position:absolute;padding-top:5px;}
.linksContent li img{margin-right:10px;display:inline-block;}
.linksContent ul{margin-top:10px;margin-left:30px;font-size:80%;}
.linksContent ul li{font-weight:normal;}
.linksContent ul li a{color:#000;}
.linksContent ul ul{margin-top:0;margin-left:46px;font-size:100%;}

/*Contact Us*/
.contactUs{margin-bottom:50px;}
.contactUs h3{background-color:#fff0c7;color:#03316f;padding:10px 30px;margin-bottom:0;}
.contactUs table{width:100%;}
.contactUs table tr td{padding:5px 30px;}
.contactUs table tr td:first-child{width:30%;}

/*Access of Information*/
.disclosureTable{width:100%;}
.disclosureTable tr:first-child th{background-color:#fff0c7;color:#03316f;padding:10px 30px;font-size:16px;}
.disclosureTable tr td{padding:5px 30px;}
.disclosureTable span{margin-left:5px;}
.disclosureTable sup{position:relative;top:0;}
.enquiryTable table{margin-top:10px;}
.enquiryTable table tr td{padding:5px 10px;}
.enquiryTable table tr td:first-child{font-weight:bold;}
ol li span{margin-left:5px;}

/*Accessibility*/
.accessTable{margin-bottom:10px;width:100%;}
.accessTable tr th{padding:5px 10px;background-color:#fff0c7;color:#03316f;}
.accessTable tr td{padding:5px 10px;}
.accessTable tr td:first-child{font-weight:bold;}
.accessTable tr.accessFontNormal td{font-weight:normal;background-color:#eee;}

/*Statistics*/
.statisticsTable1 tr td:first-child{padding-right:10px;}

/*Tender*/
.borderTable{overflow-x:auto;}
.borderTable table{width:100%;}
.borderTable table tr th,.borderTable table tr td{border:1px solid #000;vertical-align:top;}
.borderTable table tr:first-child th{background-color:#fff0c7;color:#03316f;padding:10px;font-size:16px;}
.borderTable table tr td{padding:5px 10px;}
.borderTable span{margin-left:5px;}
.noborderTable tr th,.noborderTable tr td{border:0 !important;}

/*Search*/
#SearchBar_Input{display:block;width:80%;float:left;}
#SearchResult{margin:10px 0px;}
#SearchResult .Search_Sort{margin:10px 0px;}
#SearchResult .Search_Sort span{padding:0 10px;display:inline !important;margin:0;}
#SearchResult .Search_Result_Text{margin:20px 0px;font-weight:bold;border-bottom:1px solid #999;padding:20px 0 10px;}
#SearchResult .Search_Result_Text .Search_Result_Keywords{color:#eb0000;font-weight:bold;display:inline !important;margin:0;}
#SearchResult .Search_Result{margin:10px 0px;}
#SearchResult .Search_Result ul li{margin:20px 0;}
#SearchResult .Search_Result ul li a{text-decoration:none;display:block;}
#SearchResult .Search_Result ul li a span{margin:0;}
#SearchResult .Search_Result ul li a .Search_Result_Id{float:left;font-weight:bold;width:40px;}
#SearchResult .Search_Result ul li a .Search_Result_Content{display:block;overflow:hidden;}
#SearchResult .Search_Result ul li a .Search_Result_Title{display:block;font-weight:bold;}
#SearchResult .Search_Result ul li a .Search_Result_Summary{display:block;font-size:90%;color:#666;padding:10px 0;}
#SearchResult .Search_Result ul li a .Search_Result_Details{display:block;}
#SearchResult .Search_Result ul li a .Search_Result_Url{display:block;color:#666;}
#SearchResult .Search_Result ul li a .Search_Result_Size{float:left;padding-right:40px;color:#999;font-size:80%;}
#SearchResult .Search_Result ul li a .Search_Result_Date{color:#999;font-size:80%;color:#999;}
#SearchResult .Search_Nav{margin:20px 0px;font-weight:bold;border-top:1px solid #999;padding:20px 0 10px;}
#SearchResult .Search_Nav ul{display:block;text-align:center;}
#SearchResult .Search_Nav ul li{display:inline-block;margin:0 8px;}
#SearchResult .Search_Nav ul li a.Current{font-weight:bold;}
#Search_Loading{display:none;position:fixed;background-color:rgba(0,0,0,0.8);top:0;left:0;right:0;bottom:0;z-index:10000;}
#Search_Loading .Loader{margin:0 auto;top:50%;position:relative;margin-top:-60px;opacity:0.7;border:16px solid #fff;border-top:16px solid #03316f;border-radius:50%;width:120px;height:120px;animation:Spin 2s linear infinite;}

/*Footer*/
footer{position:relative;max-width:1200px;margin:0 auto;}
footer a{text-decoration:none;}
footer #backtotop a{color:#666;position:absolute;right:0;float:right;margin:20px 10px;}
footer .left{list-style:none;float:left;line-height:4px;position:relative;margin:62px 0 0 20px;color:#666;}
footer .left a{color:#666;}
footer .left ul li{padding-right:10px;margin-right:10px;padding-bottom:20px;position:relative;display:inline-block;}
footer .left ul li:after{background-color:#6e6e6e;content:" ";display:block;width:1px;height:15px;position:absolute;right:0;top:-5px;}
footer .left ul:first-child li:after,footer .left ul li:last-child:after{display:none;}
footer .right{list-style:none;float:right;line-height:4px;position:relative;margin:62px 0 0 0;color:#666;}
footer .right a{color:#666;}
footer .right ul{padding-bottom:10px;text-align:right;}
footer .right ul li{padding-right:10px;margin-right:10px;position:relative;display:inline-block;}
#footer_menu{border-top:1px solid #6e6e6e;clear:both;}
#footer_menu ul{position:relative;max-width:1200px;margin:10px auto 0 auto;display:block;}
#footer_menu ul:first-child{margin-top:20px;}
#footer_menu ul li{display:inline-block;margin:5px 8px;}
:lang(zh-hk) #footer_menu ul li,:lang(zh-cn) #footer_menu ul li{display:inline-block;margin:5px 32px;}
:lang(zh-hk) #footer_menu ul li,:lang(zh-cn) #footer_menu ul li{margin:5px 26px;}
#footer_menu ul li a{text-decoration:none;color:#03326d;font-weight:bold;}

/*Chinese Medicine*/
#medicine #content{padding:0 0 80px 0;text-align:justify;}
#medicine #content #content-container{padding:20px 40px;position:relative;}
#medicine #content #content-container .photo{padding:20px 0 30px 0;}
#medicine #content #content-container div.footnote{background-color:#fee4cb;padding:10px 20px;}
#medicine #content #content-container div.footnote h2{padding:15px 0 5px 0;}
#medicine #content #content-container ul.default{list-style:disc;margin-bottom:0;}
#medicine #content #content-container ul.default li{margin-left:1.5em;}
#medicine #content #content-container ul.box{text-align:center;}
#medicine #content #content-container ul.box li{background-color:#f0ebe7;text-align:center;display:inline-block;margin:30px;font-weight:bold;vertical-align:top;}
#medicine #content #content-container ul.box li a{font-size:1rem;color:#000;text-decoration:none;padding:20px;display:block;width:300px;height:100px;}
#medicine #content #content-container .nav{padding:15px 0;font-size:100%;}
#medicine #content #content-container .nav a{font-size:100%;text-decoration:none;}
#medicine #content #content-container .nav a.active{color:#eb0000;}
#medicine #content #content-container .nav a:after{content:"|";display:inline-block;font-size:0.625rem;margin:1px 5px;color:#000;}
#medicine #content #content-container .nav a.last:after{content:"";}
#medicine #content #content-container1 h1{color:#fff;padding:15px 20px;margin:0;text-align:left;clear:both;display:table-cell;vertical-align:middle;}
#medicine #content #content-container1 .banner{background-color:#3b1f04;margin:20px 0 0 0;}
#medicine #content #content-container1 .banner>div:last-child{width:100%;}
#medicine #content #content-container1 .banner>div:last-child img{width:100%;}
#medicine #content #content-container1 .subbanner{position:relative;}
#medicine #content #content-container1 .subbanner p{display:none;}
#medicine #content #content-container1 .nav{background-color:#3b1f04;padding:15px 20px;color:#fff;font-size:100%;}
#medicine #content #content-container1 .nav a{color:#fff;font-size:100%;text-decoration:none;}
#medicine #content #content-container1 .nav a.active{color:#ff0;}
#medicine #content #content-container1 .nav a:after{content:"|";display:inline-block;font-size:0.625rem;margin:1px 5px;color:#fff;}
#medicine #content #content-container1 .nav a.last:after{content:"";}
#medicine #content #content-container1 table.numTable td:first-child{width:30px;}
#medicine #content #content-container1 div{vertical-align:top;display:table;width:100%;}
#medicine #content #content-container1 div.center{text-align:center;}
#medicine #content #content-container1 div img{float:right;}
#medicine #content #content-container2{background-color:#3b1f04;}
#medicine #content #content-container2 .leftp{padding:10px 20px;color:#fff;font-size:1rem;}
#medicine #content #content-container2 .leftp p{font-size:1.25rem;}
#medicine #content #content-container2 div.left{vertical-align:top;padding:0;width:100%;}
#medicine #content #content-container2 div.left a{font-size:12px;color:#000;text-decoration:none;display:inline-block;vertical-align:top;background:url(../images/chinese_medicine/03.jpg)no-repeat center center;width:181px;height:180px;padding:30px 57px 27px 51px;line-height:1em;float:left;text-align:center;}
#medicine #content #content-container2 div.right{padding:20px 20px 20px 30px;background-color:#251302;width:195px;clear:both;width:100%;}
#medicine #content #content-container2 div.right ul{text-align:left;line-height:1em;}
#medicine #content #content-container2 div.right ul li{margin:10px 0;font-size:12px;padding-left:10px;}
#medicine #content #content-container2 div.right ul .t1{font-size:14px;padding-left:0;margin:15px 0;}
#medicine #content #content-container2 div.right a{color:#fff;text-decoration:none;}
#medicine h1,#medicine h2{color:#3b1f04;padding:15px 0;margin:0;text-align:left;clear:both;}

@media only screen and (min-width:375px){
	/*Landing*/
	#mobileTopBar .logo{padding:5px 0 0 10px;}
	#portfolio .portfolio1 .title,#portfolio .portfolio2 .title{font-size:24px;}
	#portfolio .portfolio1 .title{top:60px;}
	:lang(zh-hk) #portfolio .portfolio1 .title,:lang(zh-cn) #portfolio .portfolio1 .title{top:102px;}
	#portfolio .portfolio2 .title{top:66px;}
	#portfolio .dropdown ul li a{font-size:15px;padding:10px 30px;}	
}
@media only screen and (min-width:400px){
	/*Landing*/
	#portfolio .portfolio1 .title{top:89px;}
	:lang(zh-hk) #portfolio .portfolio1 .title,:lang(zh-cn) #portfolio .portfolio1 .title{top:102px;}
	#portfolio .portfolio2 .title{top:97px;}
	/*About Us*/
	#biography ul li a{font-size:100%;}
}
@media only screen and (min-width:403px){
	/*Content*/
	:lang(zh-hk) .mm-menu_offcanvas,:lang(zh-cn) .mm-menu_offcanvas{margin-top:65px;}
}
@media only screen and (min-width:414px){
	/*Landing*/
	#portfolio .portfolio1 .title{top:89px;}
	#portfolio .portfolio2 .title{top:97px;}
}
@media only screen and (min-width:500px){
	#mobileTopBar .logo img{height:50px;}
	/*Landing*/
	#portfolio .portfolio1 .title,#portfolio .portfolio2 .title{font-size:27px;}
	#portfolio .portfolio1 .title{top:103px;}
	#portfolio .portfolio2 .title{top:111px;}
	#portfolio .dropdown ul li a{font-size:20px;}
	/*Our Work*/
	.food_title,.health_title{margin:60px 0 0 0;clear:both;}
	
	/*MobileTop*/
	#mobileTopBar .navMobile{margin-top:10px;}
}
@media only screen and (min-width:521px){
	#mobileTopBar .logo img{height:55px;}
	/*Content*/
	:lang(en) .mm-menu_offcanvas{margin-top:68px;}
}
@media only screen and (min-width:528px){
	#mobileTopBar .logo img{height:60px;}
	/*Landing*/
	#portfolio .portfolio1 .title,#portfolio .portfolio2 .title{font-size:27px;}
	#portfolio .portfolio1 .title{top:103px;}
	#portfolio .portfolio2 .title{top:111px;}
	#portfolio .dropdown ul li a{font-size:20px;}
	/*Our Work*/
	.food_title,.health_title{margin:68px 0 0 0;clear:both;}
}
@media only screen and (min-width:600px){
	.pressPhoto img{max-width:583px;}
	/*Landing*/
	#portfolio .portfolio1 .title{top:102px;}
	#portfolio .portfolio2 .title{top:110px;}
	/*About Us*/
	#biography ul{font-size:100%;width:365px;}
	/*Gallery*/
	#thumbnail img{max-height:160px;}
	
}
/*Tablet*/
@media only screen and (min-width:768px){
	.mobileOnly{display:none;}
	/*Links*/
	.linksNav{padding:20px 90px;}
	.linksContent{margin:20px 40px;}
	/*Gallery*/
	#thumbnail{text-align:left;}
	/*Chinese Medicine*/
	#medicine #content #content-container1 h1{padding:15px 40px;}
	#medicine #content #content-container1 .nav{padding:15px 40px;}
	#medicine #content #content-container2 .leftp{padding:10px 50px;}
	#medicine #content #content-container1 .subbanner p{display:block;position:absolute;color:#fff;font-size:1.5em;font-weight:bold;padding:0em 13em 0em 50px;margin:.7em 0;vertical-align:middle;}
}
/*Desktop*/
@media only screen and (min-width:1000px){
	/*Message*/
	#inline_content{width:50%;left:25%;top:15%;}
	/*Content*/
	#content .left, #content .right{display:inline-block;text-align:center;}
	#content .left{width:calc(20% - 10px * 3/4);padding:20px 50px 20px 0;}
	#content .right{width:calc(80% - 10px * 1/4);padding:20px 0;}
	:lang(zh-hk) #content .right p,:lang(zh-cn) #content .right p{font-size:18px;}
	.tab a{padding:1px 20px;}
	/*Landing*/
	#icons-container #icons_1>div{text-align:left;}
	/*Press relase*/
	.portraitPic span{height:133px !important;}
	/*Landing*/
	#portfolio{display:table;}
	#portfolio .portfolio1,#portfolio .portfolio2{display:table-cell;}
	#app-container .col1,#app-container .col3,#app-container .col2_1{margin:0 26px;display:inline-block;width:26%;}
	#app-container .col3 a{padding:0 15px;}
	/*Gallery*/
	#thumbnail{padding:0 80px;}
	#thumbnail img{max-height:180px;}
	/*Our Work*/
	.health_title h1,.food_title h1{padding:30px 90px 90px 90px;}
	.galleryContent{padding:0 90px !important;}
	.bio_Bg{background-color:#f3f3f3;}
	.bio_Bg h2{padding:1em 0 0 27px;margin:0;}
	.bio_Bg h3{padding-left:27px;}
	.org_Bg h2{margin:0 auto 2em auto;}
	
	/*Chinese Medicine*/
	#medicine #content #content-container1 .subbanner p{padding:1em 14em 1em 50px;margin:1em 0;}
}
@media only screen and (min-width:1201px){
	h2{max-width:1200px;margin:1em 5em 2em auto;display:block;}
	.backBtn{right:90px;top:40px;}
	/*Topmenu*/
	.menu{display:block;background-image:linear-gradient(#99d7fe,#fff);}
	.menu .level-2{background-color:#03326d;z-index:1000;}
	.menu .level-1 li:nth-child(4) .level-2{margin-left:28px;}
	:lang(zh-hk) .menu .level-1 li:nth-child(4) .level-2,:lang(zh-cn) .menu .level-1 li:nth-child(4) .level-2{margin-left:47px;}
	.menu .level-2 li{padding:5px;}
	#notice{margin-top:0}
	#top #mobileTopBar{display:none;}
	#top #topBar{padding:15px 0 12px;display:block;}
	#top #topBar .logo{display:inline-block;padding-left:10px;}
	#top #topBar #toolBar{list-style:none;float:right;padding-right:20px;line-height:4px;margin-top:33px;}
	#top #topBar #toolBar>div{display:inline-block;margin-right:10px;}
	#top #topBar #toolBar a{color:#333;text-decoration:none;}
	#top #topBar #toolBar>ul{display:block;float:right;margin:10px 0 0 0;}
	#top #topBar #toolBar>ul>li{padding-right:10px;margin-right:10px;position:relative;}
	#top #topBar #toolBar>ul>li:after{background-color:#ccc;content:" ";display:block;width:1px;height:15px;position:absolute;right:0;top:-5px;}
	#top #topBar #toolBar>ul>li:last-child{padding:0;margin:0;}
	#top #topBar #toolBar>ul>li:last-child:after{display:none;}
	#top #topBar #toolBar>ul>*{display:inline-block;}
	#top #topBar #toolBar>ul>li a{margin-left:8px;}
	#top #topBar #toolBar>ul>li a:first-child{margin-left:0;}
	#top #topBar #toolBar>ul>li a.fa-envelope:before,header #topBar #toolBar>ul>li a.fa-facebook:before{font-size:17px;}
	#top #topBar #toolBar .searchBar{-webkit-appearance:none;border-radius:0;background:#fff;border:1px solid #666;border-right:0;display:block;float:left;height:30px;margin:0;padding:0 17px;}
	#top #topBar #toolBar .searchBtn{box-sizing:border-box;min-width:0;width:30px;height:30px;border:1px solid #666;border-left:0;padding:6px;-webkit-appearance:none;background:white url(../images/search-solid.svg)no-repeat center center;background-size:45%;margin:0;float:left;display:block;text-indent:-9999px;}
	#top #topBar #toolBar ::placeholder{color:#666;}
	
	.nav{float:left;margin:20px 0;display:block;}
	/* Dropdowns */
	.nav ul{position:absolute;top:3em;left:-9999px;opacity:0;transition:0.1s linear opacity;min-width:200px;}
	.nav li{float:left;position:relative;}
	/* Top level nav items */
	.nav li>a{float:left;padding:5px 28px;text-decoration:none;}
	:lang(zh-hk) .nav li>a,:lang(zh-cn) .nav li>a{padding:5px 28px;}
	:lang(zh-hk) .nav>li>a,:lang(zh-cn) .nav>li>a{float:left;padding:15px 40px;text-decoration:none;}
	.nav li:first-child>a{padding:5px 28px 5px 0;}
	.nav li>a:hover,.nav li>a:focus,.nav li:focus>a,.nav li:hover>a{outline:1;}
	.nav li:hover ul,.nav li:focus ul,ul.show-menu{left:0;opacity:0.99;}
	.nav ul li{float:none;position:static;}
	.nav ul a{float:none;display:block;font-size:12px;text-shadow:none;transition:0.1s linear all;}
	.nav ul a:hover,.nav ul a:focus{text-shadow:none;}
	.list-reset{margin:0;padding:0;list-style:none;}
	
	body#main #menuBar{background-image:linear-gradient(#99d7fe,#fff,#fff,#fff);margin-bottom:10px;}
	#menuBar{margin-bottom:10px;}
	#menuBar .nav{float:inherit;display:flex;justify-content:space-between;padding:10px;max-width:1200px;margin:0 auto;}
	#menuBar .nav a{color:#333;font-weight:bold;font-size:115%;line-height:1.2em;}
	#menuBar .nav .level-2 a{color:#fff;font-weight:normal;text-indent:-0.8em;padding-left:1.5em;}
	#menuBar .nav .level-2 a:before{content:"\203A";margin-right:.3em;}
	#menu{display:none;}
	#content{display:block;position:relative;}
	
	#icons-container #icons{max-width:1200px;margin:0 auto;}
	/*Content*/
	#content{padding:0 90px 80px 90px;width:100%;margin:0 auto;}
	.contentFull{padding:0 !important;}
	.contentThin{padding:0 90px !important;}
	.contentThin h2{padding:0;}
	/*Boards and Committees*/
	.m5 .listcontent h2{padding-left:0;}
	body#main .menu{display:block;background:transparent;}
	#portfolio .portfolio1,#portfolio .portfolio2{top:0;}
	.papers h2{padding-left:0;}	
	.food_title,.health_title{margin:0;}
	
	/*Gallery*/
	.galleryContent{padding:0 90px;}
	.galleryContent h1{display:inline-block;}
	.galleryContent form{display:block;position:absolute;top:20px;right:90px;}
	.galleryTitle .backBtn{top:90px;}
	
	/*Blog*/
	#content .blogBanner .blogPhoto:nth-child(5){margin-right:0;}
	.welcomeText #content .right{width:520px;}

	/*Chinese Medicine*/
	#medicine #content{padding:0 50px 80px 50px;}
	#medicine #content #content-container2 div.left{display:table-cell;width:905px;}
	#medicine #content #content-container2 div.left a{display:table-cell;}
	#medicine #content #content-container2 div.right{display:table-cell;width:195px;}
}
@media 
only screen and (max-width:760px),
(min-device-width:320px) and (max-device-width:1200px) {
	/*Contact Us*/
	.contactUs h3{margin-bottom:10px;}
	.contactUs table,.arrow table,.disclosureTable,.enquiryTable table{width:100%;border-collapse:collapse;}
	.contactUs table tr td:first-child,.arrow table tr td:first-child,.disclosureTable tr td:first-child{width:100%;}
	
	.disclosureTable tr td{padding:10px 30px;}
	.contactUs table tr td{padding:5px 30px;}
	.contactUs table tr,.disclosureTable tr{margin-bottom:10px;}
	
	.arrow tr td:first-child,.enquiryTable tr td:first-child,.disclosureTable>tbody>tr>td>table>tbody>tr td:first-child{background:#cccccc42;color:#03316f;}
	.contactUs td,.arrow td{padding:6px;text-align:left;}
	.contactUs table,.contactUs thead,.contactUs tbody,.contactUs td,.contactUs tr,.arrow table,.arrow thead,.arrow tbody,.arrow td,.arrow tr,.disclosureTable table,.disclosureTable thead,.disclosureTable tbody,.disclosureTable td,.disclosureTable tr,.enquiryTable table,.enquiryTable thead,.enquiryTable tbody,.enquiryTable td,.enquiryTable tr{display:block;}
	.contactUs thead tr,.arrow thead tr{position:absolute;top:-9999px;left:-9999px;}
	.disclosureTable tr th,.doiHead{display:none !important;}
	
	/*What's New, Press Release and Publications*/
	.doi table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.doi table tr{display:block;}
	.doi table tr:nth-child(odd){background-color:#ececec;}
	.doi table tr td {display:block;}
	.doi table tr td::before {content:attr(data-label);display:block;font-weight:bold;color:#03316f;}
	.doi table tr td.doi_white{padding:0;}
	.doi table tr td.doi_none{display:none;}
	.doi table tr td.doi_marginbottom_none{padding-bottom:0;padding-right:0;display:inline;left:30px;position:relative;}
	.doi table tr td.doi_margintop_none{padding-top:0;padding-left:0;display:inline-block;left:30px;position:relative;}
	.doi table tr td ul{margin-bottom:0;}
	
	.pressTable h3{margin-bottom:10px;}
	.pressTable table tr{display:block;}
	.pressTable table tr:nth-child(odd){background-color:#ececec;}
	.pressTable table tr td{display:block;}
	.pressTable table tr td:first-child{font-weight:bold;width:100%;}
	
	.bcTable table{width:100%;border-collapse:collapse;}
	.bcTable thead tr{position:absolute;top:-9999px;left:-9999px;}
	.bcTable table tr:nth-child(odd){background-color:#ececec;}
	.bcTable table tr td{padding:10px 30px;text-align:left;}
	.bcTable table tr td:first-child{width:100%;color:#03316f;font-weight:bold;}
	.bcTable table,.bcTable thead,.bcTable tbody,.bcTable td,.bcTable tr{display:block;}	
	#colorbox{top:175px;}
}

@-webkit-keyframes Spin {
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}

@keyframes Spin {
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

@media print {
	#mobileTopBar{display:none;}
	#skiplinkHolder div .skiplink,#footer_menu,#menu,#mobileTopBar .navMobile,footer{display:none;}
	h1{padding-top:0;}
}