@font-face{font-family:"muli";src:url("../static/font/Muli.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"muli-bold";src:url("../static/font/Muli-Bold.ttf") format("truetype");font-weight:normal;font-style:normal}.header-wrap{position:fixed;top:0;z-index:12;width:100%;font-family:"muli"}.header-wrap .drawer{transition:height .3s ease-out;-webkit-transition:height .3s ease-out;background:#fff}.header-wrap .drawer.close{height:0;overflow:hidden}.header-wrap .drawer.open{height:1.86rem;overflow:hidden}.header-wrap .hkust-link-item{text-align:center;margin:.28rem auto .36rem auto;max-width:1000px;overflow:hidden}.header-wrap .hkust-link-item .more-about{font-size:max(.16rem,12px);font-weight:700;color:#036;text-transform:uppercase;letter-spacing:.06rem;height:.34rem}.header-wrap .hkust-link-item .row{display:flex}.header-wrap .hkust-link-item .page{width:25%;text-align:center;padding:.12rem 0;font-size:max(.16rem,12px);color:#161616;text-transform:uppercase;line-height:.2rem}.header-wrap .hkust-link-item .page:hover{text-decoration:underline}.header-wrap .header-desktop{width:100%;height:.4rem;line-height:.4rem;background:#926f34;transition:height .3s ease;-webkit-transition:height .3s ease}.header-wrap .header-desktop .content{display:flex;justify-content:space-between;height:100%}.header-wrap .header-desktop a{display:block;color:#fff;height:100%;font-size:max(.16rem,12px);transition:transform .3s ease;-webkit-transition:transform .3s ease}.header-wrap .header-desktop a:hover{text-decoration:underline}.header-wrap .header-desktop .right{display:flex}.header-wrap .header-desktop .department-name{margin-right:.48rem}.header-wrap .header-desktop .switch{position:relative;color:#fff;font-size:max(.16rem,12px);vertical-align:middle}.header-wrap .header-desktop .switch .language{position:absolute;top:.4rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:4;width:calc(100% + .2rem);max-height:0;text-align:center;background-color:#926f34;overflow:hidden;font-size:max(.14rem,12px);line-height:.3rem;transition:max-height .3s ease;-webkit-transition:max-height .3s ease}.header-wrap .header-desktop .switch .language>div:last-child{padding-bottom:.08rem}.header-wrap .header-desktop .switch .language>div:first-child{padding-top:.08rem}.header-wrap .header-desktop .switch:hover .language{max-height:1.5rem}.header-wrap .header-desktop .switch-portal{margin-right:.48rem}.header-wrap .header-desktop .title-portal{display:inline-block;cursor:pointer}.header-wrap .header-desktop .iconfont{margin-left:.1rem;font-size:max(.14rem,12px);cursor:pointer}.header-wrap .header-desktop .portal-list li:last-child{padding-bottom:4px}.header-wrap .header-desktop .switch-language{margin-right:.32rem}.header-wrap .header-desktop .ico-language{display:inline-block;width:.2rem;height:.2rem;background:url(../images/common/map-icon.png) no-repeat center;background-size:contain;vertical-align:text-top;cursor:pointer}.header-wrap .header-desktop .drawer-toggle{padding:0 .24rem;border-left:.02rem #fff solid;border-right:.02rem #fff solid;cursor:pointer}.header-wrap .header-desktop .drawer-toggle a:hover{text-decoration:none}.header-wrap .header-desktop .drawer-toggle .iconfont{margin:0;font-size:max(.16rem,12px)}.header-wrap .header-desktop .search-box{display:none}.header-wrap .header-data{position:absolute;width:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .3s ease;-webkit-transition:background-color .3s ease}.header-wrap .header-data .content{position:relative;display:flex;justify-content:space-between;align-items:center}.header-wrap .header-data .site-logo{padding-top:.24rem;padding-bottom:.24rem;width:3.6rem;overflow:hidden}.header-wrap .header-data .site-logo img:nth-child(1){transform:translateY(-100%);-webkit-transform:translateY(-100%);position:absolute;visibility:hidden}.header-wrap .header-data .site-logo img{transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out}.header-wrap .header-data .menu-search-wrapper{display:flex;align-items:center}.header-wrap .header-data .menu-top-mobile{display:none}.header-wrap .header-data .menu-button-mobile{display:none}.header-wrap .header-data .menu{display:flex;color:#fff;font-size:max(.16rem,12px);line-height:.18rem;transition:color .3s ease;-webkit-transition:color .3s ease}.header-wrap .header-data .menu>li{margin:0 .2rem}.header-wrap .header-data .menu>li:first-child{margin-left:unset}.header-wrap .header-data .menu>li:last-child{margin-right:unset}.header-wrap .header-data .menu>li>a{position:relative;z-index:1}.header-wrap .header-data .menu>li>a::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease;-webkit-transition:width .3s ease}.header-wrap .header-data .menu>li:hover>a::after{width:100%}.header-wrap .header-data .menu>li:hover>ul{opacity:1;visibility:visible;transform:translateX(0px)}.header-wrap .header-data .menu>li.current-menu-ancestor>a::after,.header-wrap .header-data .menu>li.current-menu-parent>a::after,.header-wrap .header-data .menu>li.current-page-parent>a::after,.header-wrap .header-data .menu>li.current-page-ancestor>a::after,.header-wrap .header-data .menu>li.current-menu-item>a::after{width:100%}.header-wrap .header-data .menu>li>ul{display:flex;justify-content:space-between;flex-wrap:wrap;position:absolute;top:0;right:0;z-index:0;padding-top:1.5rem;padding-bottom:.35rem;width:calc(100% - 5.24rem);opacity:0;visibility:hidden;transform:translateX(-0.2rem);transition:all .3s ease}.header-wrap .header-data .menu>li>ul>li:first-child{display:block;width:100%;margin-bottom:.5rem;font-size:.3rem;line-height:.3rem;font-family:"muli-bold"}.header-wrap .header-data .menu>li>ul>li:not(:first-child){flex:1;position:relative;margin-right:.2rem;font-size:max(.14rem,12px);border-bottom:1px #fff solid}.header-wrap .header-data .menu>li>ul>li:not(:first-child) a{display:block;padding-bottom:.14rem;transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out}.header-wrap .header-data .menu>li>ul>li:not(:first-child)::after{content:"";position:absolute;top:0;right:0;transform:rotate(-90deg);font-family:"iconfont" !important;font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased}.header-wrap .header-data .menu>li>ul>li:not(:first-child):hover>a{transform:translateX(20px);-webkit-transform:translateX(20px)}.header-wrap .header-data .menu>li>ul li:last-child{margin-right:0}.header-wrap .header-data .menu>li>ul>li{position:relative}.header-wrap .header-data .menu>li>ul>li>ul{position:absolute;top:100%;left:0;opacity:0;visibility:hidden;transform:translateX(-20px);transition:transform .3s ease,opacity .3s ease;padding:20px;width:100%;box-sizing:border-box}.header-wrap .header-data .menu>li>ul>li>ul li{position:relative;padding-left:20px}.header-wrap .header-data .menu>li>ul>li>ul li::before{content:"";position:absolute;top:.08rem;left:0;width:12px;height:1px;background-color:#fff}.header-wrap .header-data .menu>li>ul>li:hover>ul{left:0;opacity:1;visibility:visible;transform:translateX(0px)}.header-wrap .header-data .search-box{display:none}.header-wrap .header-data .has-search{position:relative;z-index:2;width:.26rem;height:.26rem;font-size:12px;text-align:center;line-height:.26rem;background-color:#fff;color:#103a8a;border-radius:50%;transition:color .3s ease,background-color .3s ease;-webkit-transition:color .3s ease,background-color .3s ease;cursor:pointer}.header-wrap .header-data .has-search .iconfont{font-size:max(.14rem,12px)}.header-wrap .header-data .header-data-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:3rem;background-color:#05f;background:linear-gradient(180deg, rgba(0, 85, 255, 0.3) 0%, rgba(0, 85, 255, 0) 100%);opacity:0;visibility:hidden;transition:all .3s ease}.header-wrap .header-data .header-data-bg.active{left:0;opacity:1;visibility:visible}.header-wrap .header-data .header-mobile-menu-bg{display:none}.header-wrap .header-data .header-data-bg.in{background:#fff}.header-wrap .has-search-wrapper{position:absolute;top:0;left:0;width:100%;min-height:100vh;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-transition:all .3s ease}.header-wrap .has-search-wrapper .has-search-bg{position:absolute;top:0;bottom:0;left:50%;z-index:1;width:100vw;transform:translateX(-50%);background:rgba(0,0,0,.5);cursor:pointer}.header-wrap .has-search-wrapper .has-search-box{position:relative;left:-0.2rem;z-index:2;margin-top:2rem;transition:left .3s ease;-webkit-transition:left .3s ease}.header-wrap .has-search-wrapper .has-search-box input{display:block;max-width:810px;width:100%;padding:16px 16px;background:#fff;margin:0 auto}.header-wrap .has-search-wrapper.active{opacity:1;visibility:visible}.header-wrap .has-search-wrapper.active .has-search-box{left:0}.header-wrap.in .header-data{background-color:#fff}.header-wrap.in .header-data .menu{color:#2e272e}.header-wrap.in .header-data .menu>li>a::after{background-color:#2e272e}.header-wrap.in .header-data .menu ul li:not(:first-child){border-color:#2e272e}.header-wrap.in .header-data .menu>li>ul>li:hover>ul{background-color:#fff;border-top:1px solid #000}.header-wrap.in .header-data .menu>li>ul>li:hover>ul li::before{background:#000}.header-wrap.in .header-data .has-search{color:#fff;background-color:#2e272e}.header-wrap.in .header-data .site-logo img:nth-child(1){transform:translateY(0);position:initial;visibility:visible}.header-wrap.in .header-data .site-logo img:nth-child(2){transform:translateY(-100%);-webkit-transform:translateY(-100%);position:absolute;visibility:hidden}.header-wrap .header-desktop.in{height:0}.page .header-wrap .header-data{box-shadow:0px 2px 4px 0px rgba(0,0,0,.04)}@media screen and (max-width: 1200px){.header-wrap .header-desktop{height:30px;line-height:30px}.header-wrap .drawer.open{height:160px}.header-wrap .hkust-link-item{margin:16px auto 16px}.header-wrap .hkust-link-item .more-about{font-size:12px;height:34px;letter-spacing:.6px}.header-wrap .hkust-link-item .row{flex-wrap:wrap}.header-wrap .hkust-link-item .page{width:50%;line-height:20px;font-size:12px;line-height:14px;padding:4px 0}.header-wrap .header-desktop .right{width:100%;justify-content:flex-end}.header-wrap .header-desktop .left{display:none}.header-wrap .header-desktop .switch-portal,.header-wrap .header-desktop .department-name,.header-wrap .header-desktop .switch-language{display:none}.header-wrap .header-desktop .has-search{position:relative;z-index:2;padding:0 18px;padding-right:0;color:#fff}.header-wrap .header-desktop .has-search .iconfont{font-size:18px;margin-left:0}.header-wrap .header-desktop .has-search-wrapper .has-search-box{width:90%;margin:120px auto}.header-wrap .header-desktop .drawer-toggle{padding:0 18px;border-left:1px #fff solid;border-right:1px #fff solid}.header-wrap .header-desktop .drawer-toggle .iconfont{font-size:18px}.header-wrap .header-desktop a{font-size:16px}.header-wrap .header-data{z-index:10}.header-wrap .header-data .content{position:initial}.header-wrap .header-data .site-logo{width:176px;padding:10px 0}.header-wrap .header-data .menu-search-wrapper{position:absolute;top:-30px;right:-110%;width:80vw;height:100vh;z-index:10;padding-top:20px;box-sizing:border-box;background-color:#fff;display:block;overflow:hidden;border-radius:100%;transition:right .4s ease-in-out,border-radius .4s ease-in-out;-webkit-transition:right .4s ease-in-out,border-radius .4s ease-in-out}.header-wrap .header-data .menu-search-wrapper.active{right:0;border-radius:0}.header-wrap .header-data .menu-top-mobile{width:100%;display:flex;justify-content:flex-end;font-size:16px;line-height:16px;color:#131313;padding:0 20px;box-sizing:border-box}.header-wrap .header-data .menu-wrapper{padding-top:20px}.header-wrap .header-data .menu{flex-wrap:wrap;color:#131313;font-size:16px;line-height:18px}.header-wrap .header-data .menu>li{position:relative;width:100%;margin:0 20px !important;border-bottom:1px solid #ddd}.header-wrap .header-data .menu>li>a{display:block;width:70%;padding:16px 0}.header-wrap .header-data .menu>li a::after{display:none}.header-wrap .header-data .menu>li:hover>ul{max-height:300px;opacity:1;visibility:visible}.header-wrap .header-data .menu>li:hover::after{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.header-wrap .header-data .menu>li::after{content:"";position:absolute;right:0;top:18px;transform:rotate(180deg);-webkit-transform:rotate(180deg);font-family:"iconfont" !important;transition:transform .3s ease-in-out;-webkit-ransition:transform .3s ease-in-out}.header-wrap .header-data .menu>li>ul{position:initial;width:100%;opacity:0;visibility:hidden;max-height:0;height:auto;padding:0 12px;transform:none;-webkit-transform:none;box-sizing:border-box;background:#f7f7f7}.header-wrap .header-data .menu>li>ul>li:first-child{display:none}.header-wrap .header-data .menu>li>ul li:not(:first-child){flex:auto;width:100%;line-height:18px;margin-right:0;border:none;opacity:.8}.header-wrap .header-data .menu>li>ul li:not(:first-child) a{display:block;padding:10px 0;text-align:left;font-size:12px;line-height:1.5;color:#666}.header-wrap .header-data .menu>li>ul li:not(:first-child):hover a{transform:none}.header-wrap .header-data .menu>li>ul li:not(:first-child)::after{top:10px;right:4px;font-size:12px}.header-wrap .header-data .menu>li>ul li:last-child{padding-bottom:16px}.header-wrap .header-data .menu>li>ul li:hover>ul{max-height:300px;opacity:1;visibility:visible}.header-wrap .header-data .menu>li>ul li ul{position:initial;width:100%;opacity:0;visibility:hidden;max-height:0;height:auto;padding:0 12px;transform:none;-webkit-transform:none;box-sizing:border-box;background:#f7f7f7}.header-wrap .header-data .has-search{display:none}.header-wrap .header-data .menu-button-mobile{display:block;cursor:pointer}.header-wrap .header-data .menu-button-mobile-wrap{width:24px;height:24px;display:flex;flex-wrap:wrap}.header-wrap .header-data .menu-button-mobile-wrap span{width:100%;height:2px;border-radius:1px;background-color:#fff;margin-bottom:2px;transition:all .3s ease-in-out}.header-wrap .header-data .menu-button-mobile-wrap span:last-child{margin-bottom:0}.header-wrap .header-data .header-mobile-menu-bg{display:block;position:absolute;top:-30px;right:-110%;z-index:-1;width:100vw;height:100vh;background:rgba(0,0,0,.5)}.header-wrap .header-data .header-mobile-menu-bg.active{right:0}.header-wrap .header-data .header-data-bg{display:none}.header-wrap.in .header-data .menu-button-mobile-wrap{flex-direction:row-reverse}.header-wrap.in .header-data .menu-button-mobile-wrap span{background-color:#926f34;transform:scale(-1, 1);-webkit-transform:scale(-1, 1)}}