

.filterBannerContainer{flex-direction:column;max-height:520px;min-height:400px;padding:0;padding:14vh 0 6vh!important;position:relative}.filterBannerContainer:after{height:100%;left:0;position:absolute;top:0;width:100%;--tw-content:"";content:var(--tw-content)}.filterBannerContainer .banner img{max-height:520px;min-height:400px;-o-object-fit:cover;object-fit:cover;width:100%}.filterBannerContainer .bannerText{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.filterBannerContainer .bannerText .bannerTitle{font-size:clamp(44px,44px + 44 * (100vw - 375px)/1545,88px);line-height:80px;margin-bottom:16px;text-align:center;--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity))}.filterBannerContainer .bannerText .bannerDescription{font-size:16px;line-height:22.4px;text-align:center;--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity))}.filterBannerContainer .filterContainer{bottom:0;overflow-x:auto;overflow-y:hidden;position:relative;width:100%;z-index:1}@media (min-width:1280px){.filterBannerContainer .filterContainer{overflow:auto}}.filterBannerContainer .filterContainer::-webkit-scrollbar{display:none}.filterBannerContainer .filterContainer .filter{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-left:auto;margin-right:auto;padding-bottom:0;padding-left:16px;padding-right:16px;padding-top:0;width:-moz-max-content;width:max-content}@media (min-width:1280px){.filterBannerContainer .filterContainer .filter{flex-wrap:wrap;justify-content:center;margin-bottom:0;margin-top:0}}.filterBannerContainer .filterContainer .filter button{border-radius:1000px;--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity));font-size:14px;font-weight:700;line-height:16.94px;padding-bottom:10px;padding-left:16px;padding-right:16px;padding-top:10px;--tw-text-opacity:1;color:rgb(77,56,189,var(--tw-text-opacity))}@media (min-width:1024px){.filterBannerContainer .filterContainer .filter button{padding-bottom:20px;padding-left:30px;padding-right:30px;padding-top:20px}}.filterBannerContainer .filterContainer .filter button{border:0;transition:all .2s linear}.filterBannerContainer .filterContainer .filter button.active{--tw-bg-opacity:1;background-color:rgb(77,56,189,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity))}@media (min-width:1024px){.filterBannerContainer .filterContainer .filter button:hover{--tw-bg-opacity:1;background-color:rgb(77,56,189,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity))}}.main-container{--tw-bg-opacity:1;background-color:rgb(244,246,246,var(--tw-bg-opacity));padding:0}body.lock{overflow:hidden}html[lang=zh-Hant-HK] body .coCreationListingContainer *{font-family:Noto Sans TC,sans-serif!important}html[lang=zh-Hans-HK] body .coCreationListingContainer *{font-family:Noto Sans SC,sans-serif!important}html[lang=en-US] body .coCreationListingContainer *{font-family:Inter,sans-serif!important}.coCreationListingContainer{margin:0 auto 80px;max-width:1440px;padding-left:20px;padding-right:20px;padding-top:45px}@media (min-width:1024px){.coCreationListingContainer{padding:60px 60px 120px}}.coCreationListingContainer .coCreationListingTitle{font-size:40px;font-weight:700;letter-spacing:-1.2px;line-height:100%;margin-bottom:30px}@media (min-width:1024px){.coCreationListingContainer .coCreationListingTitle{font-size:60px;margin-bottom:40px}}.coCreationListingContainer .coCreationSelectContainer{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:space-between}@media (min-width:1024px){.coCreationListingContainer .coCreationSelectContainer{align-items:center;flex-direction:row}}@media (max-width:1023px){.coCreationListingContainer .coCreationSelectContainer div{width:100%}}.coCreationListingContainer .coCreationSelectContainer div:first-child{position:relative}.coCreationListingContainer .coCreationSelectContainer div:first-child:after{border:solid #4d38bd;border-width:0 2px 2px 0;content:"";display:inline-block;padding:3px;position:absolute;right:24px;top:50%;transform:translateY(-50%) rotate(45deg)}.coCreationListingContainer .coCreationSelectContainer div:last-child{position:relative}.coCreationListingContainer .coCreationSelectContainer div:last-child:after{background-image:url(../images/icon-search-v1.svg);background-repeat:no-repeat;content:"";height:24px;left:12px;position:absolute;top:calc(50% - 3px);transform:translate(-50%,-50%);width:24px}.coCreationListingContainer .coCreationSelectContainer div:last-child input{background:transparent;border-bottom-width:1px;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:0;line-height:1;padding-bottom:7.5px;padding-left:35px}.coCreationListingContainer .coCreationSelectContainer div:last-child input:focus-visible{outline:none}@media (max-width:1023px){.coCreationListingContainer .coCreationSelectContainer div:last-child input{width:100%}}.coCreationListingContainer .coCreationSelectContainer div #coCreationSelect{font-size:14px;font-weight:700;min-width:340px;padding-bottom:15px;padding-left:16px;padding-right:16px;padding-top:15px;--tw-text-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d9d9d9;color:rgb(5,12,42,var(--tw-text-opacity))}@media (max-width:1023px){.coCreationListingContainer .coCreationSelectContainer div #coCreationSelect{width:100%}}.coCreationListingContainer .coCreationList{display:grid;gap:18px;grid-template-columns:1fr;row-gap:40px}@media (min-width:1024px){.coCreationListingContainer .coCreationList{gap:38px;grid-template-columns:1fr 1fr;row-gap:100px}}.coCreationListingContainer .coCreationList{margin-top:62px}.coCreationListingContainer .coCreationList .coCreationItem{display:none}.coCreationListingContainer .coCreationList .coCreationItem.CommunityWellness .coCreationItemImage .coCreationCategory,.coCreationListingContainer .coCreationList .coCreationItem.communityWellness .coCreationItemImage .coCreationCategory{--tw-bg-opacity:1;background-color:rgb(77,56,189,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity))}.coCreationListingContainer .coCreationList .coCreationItem.Yama .coCreationItemImage .coCreationCategory,.coCreationListingContainer .coCreationList .coCreationItem.yama .coCreationItemImage .coCreationCategory{--tw-bg-opacity:1;background-color:rgb(92,240,214,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(5,12,42,var(--tw-text-opacity))}.coCreationListingContainer .coCreationList .coCreationItem.active{display:block}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemImage{overflow:hidden;padding-top:65.54216%;position:relative;width:100%}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemImage img{height:100%;left:50%;min-width:100%;position:absolute;top:0;transform:translateX(-50%);transition:all .2s linear;z-index:1}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemImage .coCreationCategory{border-radius:40px;left:1rem;position:absolute;top:15px;width:-moz-fit-content;width:fit-content;--tw-bg-opacity:1;background-color:rgb(5,12,42,var(--tw-bg-opacity));font-size:14px;font-weight:400;line-height:140%;padding-bottom:.25rem;padding-left:.75rem;padding-right:.75rem;padding-top:.25rem;--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity));z-index:1}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemImage .rectangleCover{bottom:-1px;height:64px;overflow:hidden;position:absolute;right:0;transition:all .2s linear;width:96px;z-index:10}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemImage .rectangleCover span{--tw-bg-opacity:1;background-color:rgb(244,246,246,var(--tw-bg-opacity));display:block;height:100%;left:32px;position:relative;transform:skewX(-45deg);width:150%}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemImage .rectangleCover img{height:14px;position:absolute;right:20px;top:55%;transform:translate(-33%,-50%);transition:all .2s linear;width:18px}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemImage:hover>img{transform:translateX(-50%) scale(1.1)}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemImage:hover .rectangleCover img{right:10px;transform:translate(-20%,-40%);transition:all .2s linear}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemContent{margin-top:16px}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemContent .groupName{font-size:14px;font-weight:400;line-height:140%;margin-bottom:.875rem;--tw-text-opacity:1;color:rgb(77,56,189,var(--tw-text-opacity))}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemContent .coCreationItemTitle{font-size:24px;font-weight:700;letter-spacing:-.48px;line-height:120%;margin-bottom:.875rem;--tw-text-opacity:1;color:rgb(5,12,42,var(--tw-text-opacity))}.coCreationListingContainer .coCreationList .coCreationItem .coCreationItemContent .projectCode{font-size:12px;font-weight:400;line-height:normal;--tw-text-opacity:1;color:rgb(112,112,112,var(--tw-text-opacity))}.coCreationListingContainer .coCreationLoadMore{height:0;margin:auto;margin-top:63px;opacity:0;width:-moz-fit-content;width:fit-content}.coCreationListingContainer .coCreationLoadMore.active{height:auto;opacity:1}.coCreationListingContainer .coCreationLoadMore.active button{display:block}.coCreationListingContainer .coCreationLoadMore button{border-style:solid;border-width:1px;display:none;--tw-border-opacity:1;border-color:rgb(77,56,189,var(--tw-border-opacity));font-size:14px;font-weight:700;line-height:normal;padding-bottom:15px;padding-left:20px;padding-right:20px;padding-top:15px;--tw-text-opacity:1;color:rgb(77,56,189,var(--tw-text-opacity))}@media (min-width:1024px){.coCreationListingContainer .coCreationLoadMore button{padding-bottom:18px;padding-left:30px;padding-right:30px;padding-top:18px}}.coCreationListingContainer .coCreationLoadMore button{background-color:#f4f6f6;transition:all .2s linear}@media (min-width:1024px){.coCreationListingContainer .coCreationLoadMore button:hover{--tw-bg-opacity:1;background-color:rgb(77,56,189,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255,255,255,var(--tw-text-opacity))}}