html,body,header{min-width:480px}body{overflow-x:clip}.title.special{color:#005126;text-align:left;font-size:30px;font-weight:900;font-family:Inter,Noto Sans HK;letter-spacing:21px;width:228px;position:relative;top:4px;line-height:66px;padding-left:23px;box-sizing:border-box}.title.special span:nth-child(n+2){position:relative}.title.special span:nth-child(n+2)::before{content:"";position:absolute;left:-12px;top:4px;width:1px;height:24px;background:#005126}.title.special::before{content:"";position:absolute;left:0px;top:-4px;background:url("/img/title.svg") no-repeat;background-size:contain;width:23px;height:72px}.title.special::after{content:"";position:absolute;right:-1px;top:-5px;background:url("/img/title.svg") no-repeat;background-size:contain;transform:rotate(180deg);width:23px;height:72px}.title.special.white{color:white}.title.special.white span:nth-child(n+2)::before{background:white}.title.special.white::before,.title.special.white::after{background:url("/img/title-white.svg") no-repeat}.outer{padding:0 30px}@media screen and (max-width:1199px){.outer{padding:0 30px}}@media screen and (max-width:767px){.outer{padding:0 20px}}.outer.container{padding:0 10px}@media screen and (max-width:1199px){.outer.container{padding:0 20px}}.desktop{display:block}.desktop.flex{display:flex}@media screen and (max-width:1199px){.desktop{display:none}}.tablet{display:none}@media screen and (min-width:1199px) and (max-width:1199px){.tablet{display:block}.tablet.flex{display:flex}}.mobile{display:none !important}@media screen and (max-width:767px){.mobile{display:block !important}.mobile.flex{display:flex !important}}@media screen and (max-width:1199px){.offset{padding-top:100px}}.non-mobile{display:block !important}.non-mobile.flex{display:flex !important}@media screen and (max-width:767px){.non-mobile.flex{display:none !important}}@media screen and (max-width:767px){.non-mobile{display:none !important}}.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}#content{position:relative}#content .page-top{padding-top:108px;position:relative}#content .page-top::before{content:"";position:absolute;top:0;left:0;background:url('/img/home-banner-bk.jpg') no-repeat center top;background-size:100%;background-size:cover;width:100%;height:calc(100% + 104px)}@media screen and (max-width:1199px){#content .page-top::before{background:url('/img/home-banner-bk-tab.jpg') no-repeat center top;background-size:cover;box-sizing:border-box}}@media screen and (max-width:767px){#content .page-top::before{background:url('/img/home-banne-m.jpg') no-repeat center top;background-size:cover}}#content .page-top .page-banner{position:relative}#content .page-top .page-banner img{box-shadow:0px 0px 30px rgba(0,0,0,0.2);margin:0 10px;width:calc(100% - 20px);height:auto;position:relative;z-index:1}#content .page-top .page-banner::after{content:"";position:absolute;background:url('/img/graphic-triangle-menu.svg') no-repeat;background-size:100%;top:-10px;right:0;width:59.54px;height:154px;z-index:1}#content .page-top .page-banner .caption{box-shadow:0px 0px 30px rgba(0,0,0,0.2);position:absolute;bottom:81px;height:79px;text-align:left;box-sizing:border-box;padding:8px 29px;font-size:40px;font-weight:bold;font-family:Inter,Noto Sans HK;letter-spacing:2.4px;color:#E3F3F2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:1130px;z-index:1}#content .page-top .page-banner .caption::before{content:"";width:100%;height:100%;background:#005126 0% 0% no-repeat padding-box;box-shadow:0px 0px 30px rgba(0,0,0,0.2);position:absolute;top:0;left:0;z-index:-1;opacity:.9}#content .page-top .bc-set{display:flex;justify-content:space-between;margin:30px 10px;z-index:1;position:relative}#content .page-top .bc-set .breadcrumb{margin-right:30px}#content .page-top .bc-set .breadcrumb ul{list-style:none;display:flex;justify-content:left}#content .page-top .bc-set .breadcrumb ul li{text-align:left;font-size:15px;font-weight:500;font-family:Inter,Noto Sans HK;letter-spacing:0.3px;color:#005126}#content .page-top .bc-set .breadcrumb ul li.ver-line{margin-left:30px;position:relative}#content .page-top .bc-set .breadcrumb ul li.ver-line::after{content:"";position:absolute;width:1px;height:12px;left:-15px;top:5px;background:#005126}#content .page-top .bc-set .breadcrumb ul>*:not(:nth-last-child(1)){white-space:nowrap}#content .page-top .bc-set .breadcrumb ul>*:nth-last-child(1){white-space:wrap}#content .page-top .back{text-align:right;font-size:15px;font-weight:normal;font-family:Inter,Noto Sans HK;letter-spacing:0.3px;color:#005126;position:relative;min-width:40px}#content .page-top .back::after{content:"";width:30px;height:30px;position:absolute;left:-25px;top:-4px;background:url("/img/arrow-back.svg") no-repeat center center;transform:rotate(-90deg)}#content .page-top::after{content:"";width:100%;height:435px;background:url("/img/gradient-banner.png");background-size:contain;position:absolute;bottom:-104px;pointer-events:none}.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}.page-content .container{box-sizing:border-box}.container{max-width:1200px;margin:auto;position:relative}header,#content,footer{width:100%;float:left;clear:both}header{position:relative;height:100px;background:#fff;z-index:10}@media screen and (max-width:1199px){header{position:fixed}}header .container{height:100%;display:flex;justify-content:space-between}header .container .logo a{height:100%;display:flex}header .container .logo a img{align-self:end}@media screen and (max-width:1199px){header .container .logo a img{padding-left:30px}}@media screen and (max-width:767px){header .container .logo a img{align-self:center;padding-left:19px;width:316px;height:59px}}/*953795e33e25c16a067bcfa2a5842f5b*/header .container nav{align-self:center}@media screen and (max-width:1199px){header .container nav{display:none}}header .container nav ul{display:flex;list-style-type:none}header .container nav ul li{position:relative}header .container nav ul li:nth-child(n+2){margin-left:29.8px}header .container nav ul li:nth-child(n+2)::before{content:"";position:absolute;background:#bbb 0% 0% no-repeat padding-box;width:1px;height:12px;top:50%;left:-30px;transform:translateY(-35%)}header .container nav ul li:nth-last-child(n+2){margin-right:32px}header .container nav ul li a{transition:.3s all;text-align:center;font-size:15px;font-weight:500;font-family:Inter,'NOTO SANS HK';letter-spacing:-0.1px}header .container nav ul li a:link,header .container nav ul li a:active,header .container nav ul li a:visited{color:#FFFFFF}header .container nav ul li a::before{transition:.3s all;content:"";position:absolute;background:#dbe457;width:1px;height:0px;left:50%;top:22.5px}header .container nav ul li:hover a,header .container nav ul li.current a{position:relative;color:#dbe457}header .container nav ul li:hover a::before,header .container nav ul li.current a::before{height:43px}header .container .menu-btn{width:55px;height:55px;cursor:pointer;align-self:center;margin-right:20px;background:url('/img/trans.png');z-index:5;display:none}@media screen and (max-width:1199px){header .container .menu-btn{display:block}}header .container .menu-btn .menu-btn-wrapper{align-self:center;position:relative;transition:.3s all;height:15px;top:20px}header .container .menu-btn .menu-btn-wrapper>div{position:absolute;background-color:#fff;width:100%;height:1px;transition:.3s all}header .container .menu-btn .menu-btn-wrapper>div.line-up{top:0px}header .container .menu-btn .menu-btn-wrapper>div.line-down{bottom:0px}header .container.active{background:#005126}header .container.active .menu-btn .menu-btn-wrapper>div.line-up{top:50%;transform:translateY(-50%) rotate(45deg)}header .container.active .menu-btn .menu-btn-wrapper>div.line-down{bottom:50%;transform:translateY(50%) rotate(-45deg)}header .container.active::before{content:none}header::before{content:"";position:absolute;width:52.8%;height:100%;right:0;top:0;background:#005126;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 39px 100%)}@media screen and (max-width:1199px){header::before{width:134px}}header::after{position:absolute;background:url('/img/graphic-triangle-menu.svg') no-repeat;right:50.66%;top:0;width:39px;height:100px}@media screen and (max-width:1199px){header::after{right:94px}}body .menu-m{width:100%;height:100%;position:fixed;top:0px;right:0px;display:none;background:#005126;margin-top:100px;transition:.5s all;z-index:10}@media screen and (max-width:1199px){body .menu-m{display:block;transform:translateX(100%)}}body .menu-m .menu-wrapper ul{padding:31px 0 31px 20px;list-style-type:none}body .menu-m .menu-wrapper ul li{margin:48px 0;display:flex}body .menu-m .menu-wrapper ul li a{text-decoration:none;text-align:center;font-size:15px;font-weight:500;font-family:Inter,Noto Sans HK;letter-spacing:0.3px;color:#FFFFFF}body .menu-m .menu-wrapper ul li.current a{color:#dbe457}body .menu-m .menu-wrapper ul li.current div{height:1px;flex:1;background:#dbe457;align-self:center;margin-left:1px;margin-top:2px}body:has(.container.active) .menu-m{display:block;transform:translateX(0%)}.company-set{background:white;padding:87px 0}@media screen and (max-width:1199px){.company-set{padding:79px 0 67px}}@media screen and (max-width:767px){.company-set{padding:79px 0 45px}}.company-set .container .wrapper{display:flex;flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:35px}@media screen and (max-width:767px){.company-set .container .wrapper{justify-content:space-evenly;row-gap:10px}}.company-set .container .wrapper .cell{width:150px;text-align:center}@media screen and (max-width:767px){.company-set .container .wrapper .cell{width:170px}}.company-set .container .wrapper .cell div{text-align:center;margin-top:17px;line-height:24px;font-size:14px;font-weight:500;font-family:Inter,Noto Sans HK;letter-spacing:0.42px;color:#464646;box-sizing:border-box;padding:0 12px}@media screen and (max-width:767px){.company-set .container .wrapper .cell div{padding:0px}}.company-set .to-top{opacity:0;display:none;cursor:pointer;position:fixed;width:60px;height:60px;right:35px;bottom:35px;box-shadow:0px 0px 30px rgba(0,0,0,0.2);z-index:1;background:url('/img/icon-backtotop.png') no-repeat center center;background-color:rgba(0,81,38,0.8)}@media screen and (max-width:1199px){.company-set .to-top{right:45px;bottom:45px}}@media screen and (max-width:767px){.company-set .to-top{right:20px;bottom:20px}}.company-set.reached-bottom{position:relative}.company-set.reached-bottom .to-top{position:absolute}footer .footer{background:#D5D5D5}@media screen and (max-width:1199px){footer .footer{padding:0 28px}}@media screen and (max-width:767px){footer .footer{padding:30px 28px 10px}}footer .footer .container{height:100px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:767px){footer .footer .container{flex-wrap:wrap-reverse;justify-content:center}}footer .footer .container p{color:#000;text-align:left;font:normal normal 300 14px/60px Inter,Noto Sans HK;letter-spacing:0.56px}footer .footer .container p a{color:#000;text-align:left;font:normal normal 300 14px/60px Inter,Noto Sans HK;letter-spacing:0.56px}footer .footer .container .media{display:flex;margin-right:-1px}@media screen and (max-width:767px){footer .footer .container .media{margin-right:10px}}footer .footer .container .media a{width:34px;height:34px;margin-left:11px;text-align:center}footer .footer .container .media a img{position:relative;top:50%;transform:translateY(-50%)}footer .footer .container .media>img{width:34px;height:34px;margin-left:11px;text-align:center}.page-content{margin-top:104px}.page-content .level1{padding:0 0 163px 0;position:relative}.page-content .level1 .container{padding:0 10px}@media screen and (max-width:1199px){.page-content .level1 .container{padding:0 20px}}.page-content .level1 .container p{line-height:26px;letter-spacing:0.3px}.page-content .level1::after{content:"";width:100%;height:190px;background:transparent linear-gradient(180deg, #fff 0%, #67ccb4 100%) 0% 0% no-repeat padding-box;position:absolute;bottom:0px;pointer-events:none;z-index:-1}.page-content .level1 .object1{position:absolute;bottom:0;left:27px}@media screen and (max-width:1199px){.page-content .level1 .object1{left:237px;transform:scaleX(-1)}}.page-content .level2{padding:104px 0 114px 0;position:relative}.page-content .level2 article{margin-top:36px}.page-content .level2 .object2{position:absolute;top:0px;left:27px}@media screen and (min-width:1200px) and (max-width:1790px){.page-content .level2 .object2{top:-21px;transform:scaleY(.75)}}@media screen and (max-width:1199px){.page-content .level2 .object2{left:237px;transform:scaleX(-1)}}.page-content .level3{background:#005126;padding:95px 0 208px 0;position:relative}@media screen and (max-width:1199px){.page-content .level3{padding:95px 0 140px 0}}@media screen and (max-width:767px){.page-content .level3{padding:95px 0 95px 0}}@media screen and (min-width:1565px){.page-content .level3::after{content:"";width:25.1%;height:100%;background:url("/img/graphic-triangle-green-big.svg") no-repeat #fff left 100%;position:absolute;top:0px;right:0px;pointer-events:none}}.page-content .level3 .title{width:279px}.page-content .level3 .inner{overflow:hidden;margin-top:45px;display:flex}@media screen and (max-width:1199px){.page-content .level3 .inner{justify-content:center}}.page-content .level3 .inner .left{width:65.5%}.page-content .level3 .inner .left img{width:100%;height:auto}.page-content .level3 .inner .right{width:21.1%;padding-left:0.7%;position:relative;height:510px}.page-content .level3 .inner .right .trans{display:none}.page-content .level3 .inner .right .trans img{opacity:0;width:100%;height:auto}.page-content .level3 .inner .right .wrapper .slider{height:100% !important}.page-content .level3 .inner .right .wrapper .slider div{position:relative;cursor:pointer;width:100%;height:auto;z-index:1}.page-content .level3 .inner .right .wrapper .slider div img{width:100%;height:100%}.page-content .level3 .inner .right .wrapper .slider div .mask{width:100%;height:100%;background:#000000;opacity:0.7;position:absolute}.page-content .level3 .inner .right .wrapper .slider:nth-last-child(n+2){padding-bottom:2.7%}.page-content .level3 .inner .right .wrapper .slider.current .mask{opacity:0}.page-content .level3 .inner .right .btn-set{top:-8px;right:-50px;position:absolute;z-index:1;width:40px;height:90px}@media screen and (max-width:1199px){.page-content .level3 .inner .right .btn-set{bottom:-82px}}@media screen and (max-width:767px){.page-content .level3 .inner .right .btn-set{bottom:-74px}}.page-content .level3 .inner .right .btn-set .btn{cursor:pointer;width:40px;height:40px;background:url('/img/arrow-3.svg')}.page-content .level3 .inner .right .btn-set .btn.prev{transform:scaleY(-1)}.page-content .level3 .inner .right .btn-set .btn.next{margin-top:10px}.page-content .level3 .inner .right .btn-set .btn.disable{cursor:not-allowed;opacity:.3}.page-content .level3 .inner.horizontal{flex-wrap:wrap}.page-content .level3 .inner.horizontal .left{width:80%}@media screen and (max-width:767px){.page-content .level3 .inner.horizontal .left{display:none}}.page-content .level3 .inner.horizontal .right{margin-top:20px;width:80%;padding-left:0%;overflow:hidden;height:calc(100% + 50px)}@media screen and (max-width:767px){.page-content .level3 .inner.horizontal .right .trans{display:block}}@media screen and (max-width:767px){.page-content .level3 .inner.horizontal .right{width:100%;height:unset}}.page-content .level3 .inner.horizontal .right .btn-set{right:unset;left:20px;top:unset;bottom:0px;transform:rotate(-90deg);position:relative}@media screen and (max-width:767px){.page-content .level3 .inner.horizontal .right .btn-set{left:46%;transform:rotate(-90deg) translateX(-50%);bottom:0px;position:absolute}}.page-content .level3 .inner.horizontal .right .wrapper{white-space:nowrap}@media screen and (max-width:767px){.page-content .level3 .inner.horizontal .right .wrapper{position:absolute}}.page-content .level3 .inner.horizontal .right .wrapper .slider{width:31.7% !important;display:inline-block;padding-bottom:0%}.page-content .level3 .inner.horizontal .right .wrapper .slider:not(:nth-last-child(1)){padding-right:2.44%}@media screen and (max-width:767px){.page-content .level3 .inner.horizontal .right .wrapper .slider{width:100% !important}.page-content .level3 .inner.horizontal .right .wrapper .slider:not(:nth-last-child(1)){padding-right:0%}}.page-content .level3 .inner.horizontal .right .wrapper .slider img{height:auto}@media screen and (max-width:767px){.page-content .level3 .inner.horizontal .right .wrapper .slider .mask{display:none}}.page-content .level4{background:url('/img/bk-gradient-home-desktop.png') bottom;background-repeat:repeat-x;padding:107px 0 142px 0}.page-content .level4 .inner{margin-top:34px}.page-content .level4 .inner .wrapper{white-space:nowrap}.page-content .level4 .inner .wrapper .slider{vertical-align:top;width:200px !important;display:inline-block;position:relative}.page-content .level4 .inner .wrapper .slider::before{content:"";position:absolute;width:100%;height:2px;background:#005126;top:51px}.page-content .level4 .inner .wrapper .slider:nth-child(1)::before{left:50px;width:calc(100% - 50px)}.page-content .level4 .inner .wrapper .slider:nth-last-child(1)::before{width:2px}.page-content .level4 .inner .wrapper .slider .year-box{width:100px;height:100px;background:#dbe457 0% 0% no-repeat padding-box;text-align:center;font-size:17px;font-weight:800;font-family:Inter,Noto Sans HK;letter-spacing:0.68px;color:#005126;margin-left:2px;display:flex;align-items:center;justify-content:center;position:relative}.page-content .level4 .inner .wrapper .slider .year-box img{position:absolute;bottom:-95px;left:50%;transform:translateX(-50%) rotate(90deg);transform-origin:center;width:28px;height:28px}.page-content .level4 .inner .wrapper .slider .year-box::before{content:"";position:absolute;background:white;right:50%;width:1px;height:10px;bottom:0}.page-content .level4 .inner .wrapper .slider .year-box::after{transition:.5s all ease;content:"";position:absolute;background:#005126;right:50%;width:1px;height:60px;bottom:-60px}.page-content .level4 .inner .wrapper .slider .title{text-align:left;font-size:18px;font-weight:bold;font-family:Inter,Noto Sans HK;letter-spacing:0.72px;color:#464646;margin-top:115px;margin-left:3px;white-space:pre-wrap;line-height:30px}.page-content .level4 .inner .wrapper .slider .content{text-align:left;font-size:16px;font-weight:normal;font-family:Inter,Noto Sans HK;letter-spacing:0.32px;color:#464646;margin-top:6px;margin-left:3px;white-space:pre-wrap;line-height:29px}.page-content .level4 .inner .wrapper .slider img{cursor:pointer;width:100%;height:auto;margin-top:6px;margin-left:1px}.page-content .level4 .inner .wrapper .slider:nth-last-child(n+2){padding-right:40.8px}.page-content .level4 .inner .btn-set{top:16px;position:absolute;right:-9px;height:40px}@media screen and (max-width:1199px){.page-content .level4 .inner .btn-set{bottom:-82px;right:20px}}@media screen and (max-width:767px){.page-content .level4 .inner .btn-set{bottom:-74px}}.page-content .level4 .inner .btn-set .btn{cursor:pointer;display:inline-block;width:40px;height:40px;background:url('/img/arrow-2.svg')}.page-content .level4 .inner .btn-set .btn.prev{transform:scaleX(-1)}.page-content .level4 .inner .btn-set .btn.next{margin-left:8px}.page-content .level4 .inner .btn-set .btn.disable{cursor:not-allowed;opacity:.3}