*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}html.noScroll{overflow:hidden;}@media (min-width: 768px){html.noScroll body{overflow-y:scroll;}}.outer{padding:0 20px;}@media (max-width: 767px){.outer{padding:0;}}.inner{width:1400px;max-width:100%;margin:auto;}.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;}.clear{clear:both;float:left;}.inline-block{display:inline-block;}.justify{text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph;}.w-fix{display:inline-block;width:100%;height:0;vertical-align:middle;}.h-fix{display:inline-block;width:0;height:100%;vertical-align:middle;}.container{margin:auto;position:relative;}header,#content,footer{width:100%;min-width:480px;float:left;clear:both;}body{background:url(/img/bg.jpg) no-repeat top 162px center, #f1f1f1;background-size:100%;}@media (max-width: 1199px){body{background-position:top 144px center;}}@media (max-width: 767px){body{background-position:top 310px center;}}header{z-index:3;}header .top{background-color:#0b263e;text-align:right;position:relative;z-index:1;}@media (max-width: 767px){header .top{text-align:center;padding-bottom:8px;}}header .top nav > ul{display:inline-block;vertical-align:middle;}header .top nav > ul.mobile{display:none;}@media (max-width: 767px){header .top nav > ul.mobile{display:inline-block;}}header .top nav > ul > li{display:inline-block;list-style:none;position:relative;padding:0 30px;vertical-align:middle;}@media (max-width: 1199px){header .top nav > ul > li{padding:0 20px;}}@media (max-width: 767px){header .top nav > ul > li.desktop{display:none;}}header .top nav > ul > li:first-child{padding-left:0;}header .top nav > ul > li:last-child{padding-right:0;}header .top nav > ul > li + li:before{content:'';position:absolute;left:-1px;top:50%;margin-top:-6px;height:12px;width:1px;background-color:#5c5c5c;}header .top nav > ul > li a{display:block;font-size:16px;color:#fff;}header .top nav > ul > li.aaa span{vertical-align:baseline;}header .top nav > ul > li.aaa span.small{font-size:13px;}header .top nav > ul > li.aaa span.normal{font-size:16px;}header .top nav > ul > li.aaa span.large{font-size:20px;}header .top nav > ul > li.aaa > a{padding-right:23px;background:url(/img/1/1/arrow-white.svg) no-repeat right center;letter-spacing:5px;}header .top nav > ul > li.aaa ul{display:none;position:absolute;left:50%;top:32px;z-index:1;width:120px;text-align:center;padding:0 20px 13px;background-color:#00529c;margin-left:-23px;transform:translateX(-50%);}header .top nav > ul > li.aaa ul.open{display:block;}header .top nav > ul > li.aaa ul li{line-height:48px;font-size:16px;color:#fff;list-style:none;}header .top nav > ul > li.aaa ul li:first-child{border-bottom:1px solid ;padding-bottom:2px;}header .top nav > ul > li.aaa ul li:first-child + li{margin-top:7px;}header .top nav > ul > li.aaa ul li a{color:#fff;line-height:40px;}header .top nav > ul > li.aaa ul li a.cur,header .top nav > ul > li.aaa ul li a:hover{font-weight:700;}header .top nav > ul > li.search img{width:20px;height:auto;vertical-align:top;}header .top nav > ul > li.social li{display:inline-block;list-style:none;vertical-align:middle;}header .top nav > ul > li.social li +li{margin-left:21px;}header .top nav > ul > li.social li a{width:23px;}header .top nav > ul > li.social li a img{width:100%;height:auto;}header .top nav .h-fix{height:44px;}@media (max-width: 767px){header .top nav .h-fix{height:41px;}}header .top nav br{display:none;}@media (max-width: 767px){header .top nav br{display:block;}}header .middle{background-color:#fff;}@media (max-width: 767px){header .middle{text-align:center;padding:15px 0;}}header .middle .inner{position:relative;}header .middle a{display:inline-block;vertical-align:top;}header .middle a.logo1{height:118px;width:296px;background:url(/img/hkbu-logo-new.png) no-repeat center center;background-size:100%;}@media (max-width: 767px){header .middle a.logo1{height:88px;background-size:100%;}}header .middle a.logo2{width:250px;height:118px;background:url(/img/hkbu-logo.png) no-repeat center center;background-size:100%;margin-left:30px;}@media (max-width: 1199px){header .middle a.logo2{width:200px;height:100px;}}@media (max-width: 767px){header .middle a.logo2{height:55px;background:url(/img/hkbu-logo-m.png) no-repeat center center;background-size:100%;}}header .middle a.logo3{position:absolute;right:0;top:0;width:387px;height:118px;background:url(/img/spe-logo.png) no-repeat center center;background-size:100%;}@media (max-width: 1199px){header .middle a.logo3{width:270px;height:100px;}}@media (max-width: 767px){header .middle a.logo3{position:static;width:338px;height:60px;background:url(/img/spe-logo-m.png) no-repeat center center;background-size:100%;margin-top:25px;}}header .bottom .menuBtn{display:none;}@media (max-width: 1199px){header .bottom .menuBtn{display:block;height:50px;background:url(/img/2/1/nav-icon.svg) no-repeat center center, #00529c;}}header .bottom .inner{background:#00529c;}@media (max-width: 1199px){header .bottom .inner{display:none;background:#003d74;}}header .bottom .inner .menu{padding:0 28px;}@media (max-width: 1199px){header .bottom .inner .menu{padding:45px 20px;padding-bottom:75px;}}header .bottom .inner .menu .mainMenu{margin:0 -12px;}@media (max-width: 1199px){header .bottom .inner .menu .mainMenu{margin:0;}header .bottom .inner .menu .mainMenu a{font-weight:300;}/*953795e33e25c16a067bcfa2a5842f5b*/}header .bottom .inner .menu .mainMenu > li{display:inline-block;position:relative;line-height:30px;padding:15px 16px;vertical-align:top;}header .bottom .inner .menu .mainMenu > li.tablet{display:none;}@media (max-width: 1199px){header .bottom .inner .menu .mainMenu > li{display:block;padding:0;padding-left:30px;}header .bottom .inner .menu .mainMenu > li.tablet{display:block;}header .bottom .inner .menu .mainMenu > li > a{margin:10px 0;}header .bottom .inner .menu .mainMenu > li > a.subBtn{position:relative;}header .bottom .inner .menu .mainMenu > li > a.subBtn:before{content:'';position:absolute;top:0;left:-30px;width:16px;height:30px;background:url(/img/3/1/pull-down-button.svg) no-repeat center center;}header .bottom .inner .menu .mainMenu > li > a.subBtn.open:before{background:url(/img/3/1/pull-down-button-close.svg) no-repeat center center;}header .bottom .inner .menu .mainMenu > li > a.subBtn.open + ul{display:block;}}header .bottom .inner .menu .mainMenu > li > a{display:inline-block;font-size:16px;font-weight:300;color:#fff;padding:0 1px;vertical-align:middle;}header .bottom .inner .menu .mainMenu > li.curPage > a{position:relative;}header .bottom .inner .menu .mainMenu > li.curPage > a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;}@media (min-width: 1200px){header .bottom .inner .menu .mainMenu > li:hover > a{position:relative;}header .bottom .inner .menu .mainMenu > li:hover > a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;}header .bottom .inner .menu .mainMenu > li:hover > a + .subMenu{display:block;}}header .bottom .inner .menu .mainMenu > li .subMenu{display:none;position:absolute;top:100%;left:-16px;z-index:1;width:240px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.35);}@media (max-width: 1199px){header .bottom .inner .menu .mainMenu > li .subMenu{position:static;width:100%;background:none;box-shadow:none;}}header .bottom .inner .menu .mainMenu > li .subMenu li{display:block;position:relative;}header .bottom .inner .menu .mainMenu > li .subMenu li > a{display:block;line-height:20px;font-size:16px;padding:10px 30px;}@media (max-width: 1199px){header .bottom .inner .menu .mainMenu > li .subMenu li > a{display:inline-block;line-height:30px;color:#fff;}}header .bottom .inner .menu .mainMenu > li .subMenu li > a.subBtn{position:relative;padding-right:34px;}@media (max-width: 1199px){header .bottom .inner .menu .mainMenu > li .subMenu li > a.subBtn:after{content:'';position:absolute;top:0;right:-4px;width:34px;height:50px;background:url(/img/arrow-white.svg) no-repeat center right;transform:scale(1,-1);}header .bottom .inner .menu .mainMenu > li .subMenu li > a.subBtn.open:after{transform:scale(1,1);}header .bottom .inner .menu .mainMenu > li .subMenu li > a.subBtn.open + ul{display:block !important;}}@media (min-width: 1200px){header .bottom .inner .menu .mainMenu > li .subMenu li > a.subBtn:after{content:'';position:absolute;top:10px;right:10px;width:14px;height:20px;background:url(/img/arrow-black.svg) no-repeat center right;background-size:14px;transform:rotate(-90deg);}header .bottom .inner .menu .mainMenu > li .subMenu li:hover > a{font-weight:700;color:#fff;background:#00529c;}header .bottom .inner .menu .mainMenu > li .subMenu li:hover > a.subBtn:after{background:url(/img/arrow-white.svg) no-repeat center right;background-size:14px;}header .bottom .inner .menu .mainMenu > li .subMenu li:hover > a + .detailMenu{display:block;}}header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu{display:none;position:absolute;top:0;left:100%;width:240px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.35);}@media (min-width: 1200px){header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu li:hover > a{font-weight:700;color:#fff;background:#00396c;}header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu li:hover .minMenu{display:block;}}@media (max-width: 1199px){header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu{position:static;width:auto;padding:0 30px;background:none;box-shadow:none;}}header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu .minMenu{display:none;position:absolute;top:0;left:100%;width:240px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.35);}@media (min-width: 1200px){header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu .minMenu li:hover > a{font-weight:700;color:#fff;background:#00529c;}header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu .minMenu li:hover .minSubMenu{display:block;}}@media (max-width: 1199px){header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu .minMenu{position:static;width:auto;padding:0 30px;background:none;box-shadow:none;}}header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu .minMenu .minSubMenu{display:none;position:absolute;top:0;right:100%;z-index:1;width:240px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.35);}@media (min-width: 1200px){header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu .minMenu .minSubMenu li:hover > a{font-weight:700;color:#fff;background:#00396c;}}@media (max-width: 1199px){header .bottom .inner .menu .mainMenu > li .subMenu li .detailMenu .minMenu .minSubMenu{position:static;width:auto;padding:0 30px;background:none;box-shadow:none;}}@media (max-width: 1199px){header{background:#003d74;}header.open{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:scroll;}header.open .bottom .menuBtn{background-image:url(/img/3/1/close-button.svg);}header.open .bottom .inner{display:block;}}#content{min-height:500px;}.banner{margin-bottom:20px;}.banner .title{position:relative;height:200px;background:#0b263e;overflow:hidden;}.banner .title .bg{position:absolute;top:0;left:500px;height:100%;}@media (max-width: 767px){.banner .title .bg{display:none;}}.banner .title .bg img{width:auto;height:100%;vertical-align:top;}.banner .title .bg:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/img/banner-mask.png) repeat-y top left;}.banner .title h1{position:absolute;top:50%;left:100px;font-size:40px;font-weight:700;color:#fff;transform:translateY(-50%);}@media (max-width: 767px){.banner .title h1{left:0;width:100%;text-align:center;}}.path{line-height:28px;}.path .all{padding:9px 30px;background:#ddd;}.path a,.path span{display:inline-block;font-size:16px;vertical-align:top;}.path .arrow{display:inline-block;width:46px;height:28px;background:url(/img/1/1/arrow-purple.svg) no-repeat center center;}.path .back{float:right;}.path .back .arrow{width:28px;background:url(/img/1/1/arrow-purple.svg) no-repeat center right;transform:scale(-1,1);}.path .clear{float:none;}.leftMenu{display:inline-block;width:300px;margin-left:-40px;vertical-align:top;}@media (max-width: 1199px){.leftMenu{width:100%;margin:0;}}.leftMenu + .content{display:inline-block;width:calc(100% - 260px);vertical-align:top;}@media (max-width: 1199px){.leftMenu + .content{width:100%;}}.leftMenu .mobile{display:none;}@media (max-width: 1199px){.leftMenu .mobile{display:block;margin-top:40px;}}.leftMenu .mobile .select{position:relative;z-index:1;}.leftMenu .mobile .select .select-input{display:block;position:relative;line-height:30px;font-size:18px;color:#fff;padding:10px 20px;padding-right:38px;border:2px solid #ddd;background:#6e1a6f;}.leftMenu .mobile .select .select-input:after{content:'';position:absolute;top:0;right:0;width:38px;height:50px;background:url(/img/arrow-white.svg) no-repeat center center;}.leftMenu .mobile .select:not(.select-fix) .select-input:after{transform:scale(1,-1);}.leftMenu .mobile .select .select-container{display:none;position:absolute;top:100%;left:0;width:100%;background:#ddd;}.leftMenu .mobile .select .select-container div{line-height:30px;font-size:18px;padding:10px 21px;}.leftMenu .mobile .select .select-container div:not(:last-of-type){border-bottom:1px solid #6e1a6f;}.leftMenu .mobile .select .select-container div.cur{text-decoration:underline;}.leftMenu .menu{padding:50px 40px;padding-top:31px;background:#6e1a6f;}@media (max-width: 1199px){.leftMenu .menu{display:none;}}.leftMenu .menu div{border-bottom:2px solid #832784;}.leftMenu .menu div a{display:block;line-height:30px;font-size:16px;color:#fff;padding:9px 0;}.leftMenu .menu div.cur,.leftMenu .menu div:hover{position:relative;}.leftMenu .menu div.cur:before,.leftMenu .menu div:hover:before{content:'';position:absolute;top:9px;left:-40px;width:16px;height:30px;background:url(/img/1/4/sub-menu-arrow.svg) no-repeat center left -1px;}.all-pager{line-height:36px;text-align:center;}.all-pager a{display:inline-block;min-width:36px;height:36px;font-size:16px;padding:0 4px;margin:0 3px;vertical-align:top;}.all-pager .cur,.all-pager .page:hover{color:#fff;background:#00529c;}.all-pager .prev,.all-pager .next{background:url(/img/arrow-black.svg) no-repeat center center;background-size:11px;}.all-pager .prev{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}.all-pager .next{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}.all-pager form{display:inline-block;width:54px;margin-left:20px;vertical-align:top;}.all-pager form input{width:100%;height:36px;font-size:16px;padding:0 12px;background:#fff;vertical-align:top;}@media (max-width: 767px){footer{padding:0 !important;}footer .br{display:block;}}footer .sitemap{text-align:center;padding:22px 20px 23px 20px;background:#0b263e;}@media (max-width: 767px){footer .sitemap{padding:15px 20px;}}footer .sitemap a{display:block;line-height:25px;font-size:14px;font-weight:700;color:#fff;}footer .sitemap .sub a{position:relative;font-weight:400;padding-left:20px;}footer .sitemap .sub a:before{content:'';position:absolute;top:9.5px;left:5px;width:6px;height:6px;border-radius:50%;background:#fff;}@media (max-width: 767px){footer .sitemap .sub a:before{top:17px;}}footer .sitemap .tablet{display:none;}footer .sitemap .col{display:inline-block;width:300px;max-width:25%;text-align:left;vertical-align:top;}@media (max-width: 1199px){footer .sitemap .col{width:31%;max-width:100%;}footer .sitemap .col.col2{width:38%;}footer .sitemap .col.col4{display:none;}footer .sitemap .col .tablet{display:block;}}@media (max-width: 767px){footer .sitemap .col{width:100% !important;}footer .sitemap .col a{padding-top:7.5px;padding-bottom:7.5px;}}footer .sitemap .col > a + a{margin-top:5px;}@media (max-width: 767px){footer .sitemap .col > a + a{margin:0;}}footer .footer{line-height:22px;text-align:center;padding:14px 20px;background:#595959;}footer .footer *{font-size:13px;color:#b0b0b0;}.template_gallery{width:900px;max-width:100%;background:#00529c;margin:auto;}.template_gallery .gallery_top{position:relative;}.template_gallery button{position:absolute;top:50%;z-index:1;width:30px;height:52px;background:url(/img/1/5/gallery-arrow.svg) no-repeat center center, #995e9a;margin-top:-26px;}.template_gallery button.prev{left:0;}.template_gallery button.next{right:0;transform:scale(-1,1);}.template_gallery button.disable{visibility:hidden;}.template_gallery .slide{white-space:nowrap;overflow:hidden;}.template_gallery .slide .img > img{width:100%;height:auto;}.template_gallery .slide .img > p{display:none;}.template_gallery .slide .img .yt,.template_gallery .slide .img .video{position:relative;height:0;}.template_gallery .slide .img .yt iframe,.template_gallery .slide .img .yt video,.template_gallery .slide .img .video iframe,.template_gallery .slide .img .video video{position:absolute;top:0;left:0;width:100%;height:100%;}.template_gallery .slide .slider{display:inline-block;vertical-align:top;}.template_gallery .gallery_bottom{text-align:center;padding:7px 20px;}.template_gallery .gallery_bottom ul{margin:8px 0;}.template_gallery .gallery_bottom ul li{display:inline-block;width:14px;height:14px;background:#4d86ba;cursor:pointer;margin:5px;}.template_gallery .gallery_bottom ul li.current,.template_gallery .gallery_bottom ul li:hover{background:#6e1a6f;}.template_gallery .gallery_bottom p{font-size:18px;color:#fff;margin:8px 0;}@media (min-width: 1200px){.largerSize header .bottom .inner .menu .mainMenu > li{padding:15px 14px;}}.chesr{margin-bottom:20px;}.chesr .inner{padding:0 20px;background:#fff;}.chesr .inner .detail{width:1200px;max-width:100%;padding-top:38px;padding-bottom:50px;margin:auto;}.chesr .inner .detail .leftMenu + .content{padding-top:40px;padding-left:40px;}@media (max-width: 1199px){.chesr .inner .detail .leftMenu + .content{padding-left:0;}}.publications .title{display:inline-block;position:relative;font-size:28px;font-weight:300;margin-bottom:63px;}.publications .title:after{content:'';position:absolute;bottom:-13px;left:0;width:100%;height:2px;background:#00529c;}.publications > .editor{margin-bottom:40px;}.publications .all .research:not(:last-of-type){margin-bottom:10px;}.publications .all .research button{position:relative;width:100%;text-align:left;line-height:50px;font-size:18px;font-weight:700;color:#fff;padding-left:30px;padding-right:58px;background:#00529c;}.publications .all .research button:after{content:'';position:absolute;bottom:0;right:0;width:58px;height:50px;background:url(/img/arrow-white.svg) no-repeat center center;}.publications .all .research button:not(.open):after{transform:scale(1,-1);}.publications .all .research button.open + .detail{display:block;}.publications .all .research .detail{display:none;padding:30px;background:#eaeaea;}