*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::before,::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:source-han-sans-traditional,Graphik,sans-serif;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[type='text']:focus,[type='email']:focus,[type='url']:focus,[type='password']:focus,[type='number']:focus,[type='date']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='week']:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,  );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type='checkbox'],[type='radio']{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type='checkbox']{border-radius:0px}[type='radio']{border-radius:100%}[type='checkbox']:focus,[type='radio']:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,  );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type='checkbox']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}[type='radio']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{border-color:transparent;background-color:currentColor}[type='checkbox']:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}[type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type='file']:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:  }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:  }.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 358px){.container{max-width:358px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1240px){.container{max-width:1240px}}@media (min-width: 1440px){.container{max-width:1440px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0px;right:0px;bottom:0px;left:0px}.inset-x-0{left:0px;right:0px}.top-1\/2{top:50%}.left-1\/2{left:50%}.top-0{top:0px}.left-0{left:0px}.bottom-0{bottom:0px}.right-0{right:0px}.top-12{top:3rem}.right-6{right:1.5rem}.top-4{top:1rem}.top-10{top:2.5rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.col-span-2{grid-column:span 2 / span 2}.col-span-5{grid-column:span 5 / span 5}.col-span-3{grid-column:span 3 / span 3}.col-start-1{grid-column-start:1}.row-span-2{grid-row:span 2 / span 2}.float-right{float:right}.float-left{float:left}.clear-left{clear:left}.clear-both{clear:both}.m-0{margin:0px}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mt-1{margin-top:0.25rem}.mt-10{margin-top:2.5rem}.mb-2{margin-bottom:0.5rem}.mt-0\.5{margin-top:0.125rem}.mt-0{margin-top:0px}.mr-3{margin-right:0.75rem}.mb-1{margin-bottom:0.25rem}.mr-2{margin-right:0.5rem}.mb-5{margin-bottom:1.25rem}.mr-1{margin-right:0.25rem}.mb-3{margin-bottom:0.75rem}.mb-6{margin-bottom:1.5rem}.mb-0\.5{margin-bottom:0.125rem}.mb-0{margin-bottom:0px}.mt-8{margin-top:2rem}.mt-3{margin-top:0.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.\!grid{display:grid !important}.contents{display:contents}.hidden{display:none}.aspect-\[1440\/750\]{aspect-ratio:1440/750}.h-full{height:100%}.h-2{height:0.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.max-h-\[548px\]{max-height:548px}.max-h-\[750px\]{max-height:750px}.max-h-\[388px\]{max-height:388px}.w-full{width:100%}.w-4{width:1rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-0{width:0px}.w-\[231px\]{width:231px}.w-\[400px\]{width:400px}.w-20{width:5rem}.w-\[1px\]{width:1px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-initial{flex:0 1 auto}.flex-auto{flex:1 1 auto}.shrink{flex-shrink:1}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-flow-col{grid-auto-flow:column}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-y-2{row-gap:0.5rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}.gap-x-1{-moz-column-gap:0.25rem;column-gap:0.25rem}.gap-y-0\.5{row-gap:2px}.gap-y-0{row-gap:0px}.gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-full{border-radius:9999px}.rounded{border-radius:0.25rem}.border-2{border-width:2px}.border{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-b-2{border-bottom-width:2px}.border-solid{border-style:solid}.border-none{border-style:none}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(45 45 45 / var(--tw-border-opacity))}.border-disable{--tw-border-opacity:1;border-color:rgb(204 204 204 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-\[\#F3F3F3\]{--tw-border-opacity:1;border-color:rgb(243 243 243 / var(--tw-border-opacity))}.border-placeholder{--tw-border-opacity:1;border-color:rgb(170 168 168 / var(--tw-border-opacity))}.bg-beige-50{--tw-bg-opacity:1;background-color:rgb(251 249 244 / var(--tw-bg-opacity))}.bg-border{--tw-bg-opacity:1;background-color:rgb(243 243 243 / var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(244 102 38 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-disable{--tw-bg-opacity:1;background-color:rgb(204 204 204 / var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-logo{background-image:url('/app/themes/creativehk-edu-hk/assets/images/soc-logo.png')}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:0.375rem}.p-1{padding:0.25rem}.p-0{padding:0px}.py-60{padding-top:15rem;padding-bottom:15rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-1{padding-left:0.25rem;padding-right:0.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-0{padding-top:0px;padding-bottom:0px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}.pt-4{padding-top:1rem}.pt-3{padding-top:0.75rem}.pt-2{padding-top:0.5rem}.pb-6{padding-bottom:1.5rem}.pl-5{padding-left:1.25rem}.pr-12{padding-right:3rem}.pb-3{padding-bottom:0.75rem}.pt-10{padding-top:2.5rem}.pt-6{padding-top:1.5rem}.pt-0\.5{padding-top:0.125rem}.pt-0{padding-top:0px}.pr-3{padding-right:0.75rem}.pr-1{padding-right:0.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-bottom{vertical-align:bottom}.font-clash{font-family:Clash Display,source-han-sans-traditional,Graphik,sans-serif}.text-\[80px\]{font-size:80px}.text-xl{font-size:20px;line-height:28px}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.text-xxs{font-size:11px;line-height:12px}.text-lg{font-size:18px;line-height:28px}.text-3xl{font-size:30px;line-height:36px}.text-base{font-size:16px;line-height:24px}.font-extrabold{font-weight:800}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.leading-\[80px\]{line-height:80px}.leading-3\.5{line-height:14px}.leading-3{line-height:12px}.leading-5\.5{line-height:22px}.leading-5{line-height:20px}.-tracking-\[0\.04em\]{letter-spacing:-0.04em}.tracking-\[0\.1em\]{letter-spacing:0.1em}.tracking-\[0\.04em\]{letter-spacing:0.04em}.text-beige{--tw-text-opacity:1;color:rgb(239 232 216 / var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(45 45 45 / var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(113 112 112 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity:1;color:rgb(244 102 38 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-disable{--tw-text-opacity:1;color:rgb(204 204 204 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@font-face{font-family:source-han-sans-traditional;font-weight:400;src:url("/app/themes/creativehk-edu-hk/assets/css/SourceHanSansHK-VF.otf.woff2") format("woff2");font-feature-settings:"pwid"}@font-face{font-family:source-han-sans-traditional;font-weight:500;src:url("/app/themes/creativehk-edu-hk/assets/css/SourceHanSansHK-VF.otf.woff2") format("woff2");font-feature-settings:"pwid"}@font-face{font-family:source-han-sans-traditional;font-weight:700;src:url("/app/themes/creativehk-edu-hk/assets/css/SourceHanSansHK-VF.otf.woff2") format("woff2");font-feature-settings:"pwid"}@font-face{font-family:"Clash Display";font-weight:400;src:url("/app/themes/creativehk-edu-hk/assets/css/ClashDisplay-Variable.woff2") format("woff2")}@font-face{font-family:"Clash Display";font-weight:500;src:url("/app/themes/creativehk-edu-hk/assets/css/ClashDisplay-Variable.woff2") format("woff2")}@font-face{font-family:"Clash Display";font-weight:700;src:url("/app/themes/creativehk-edu-hk/assets/css/ClashDisplay-Variable.woff2") format("woff2")}html{font-feature-settings:"pwid"}.last\:mb-0:last-child{margin-bottom:0px}.last-of-type\:mb-0:last-of-type{margin-bottom:0px}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-orange-800:hover{--tw-bg-opacity:1;background-color:rgb(218 75 11 / var(--tw-bg-opacity))}.hover\:text-orange-500:hover{--tw-text-opacity:1;color:rgb(244 102 38 / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}.focus\:ring-transparent:focus{--tw-ring-color:transparent}.active\:bg-orange-800:active{--tw-bg-opacity:1;background-color:rgb(218 75 11 / var(--tw-bg-opacity))}.group:nth-child(odd) .group-odd\:right-0{right:0px}.group:nth-child(odd) .group-odd\:col-start-1{grid-column-start:1}.group:nth-child(even) .group-even\:left-0{left:0px}.group:nth-child(even) .group-even\:col-start-2{grid-column-start:2}.group:nth-child(even) .group-even\:text-right{text-align:right}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.group:hover .group-hover\:text-orange-500{--tw-text-opacity:1;color:rgb(244 102 38 / var(--tw-text-opacity))}.group:hover .group-hover\:shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}@media (min-width: 358px){.xs\:relative{position:relative}.xs\:inset-x-0{left:0px;right:0px}.xs\:-bottom-\[60px\]{bottom:-60px}.xs\:bottom-0{bottom:0px}.xs\:col-span-4{grid-column:span 4 / span 4}.xs\:col-start-1{grid-column-start:1}.xs\:my-5{margin-top:1.25rem;margin-bottom:1.25rem}.xs\:mb-\[120px\]{margin-bottom:120px}.xs\:mb-6{margin-bottom:1.5rem}.xs\:mt-4{margin-top:1rem}.xs\:mb-10{margin-bottom:2.5rem}.xs\:mt-10{margin-top:2.5rem}.xs\:mb-3{margin-bottom:0.75rem}.xs\:mb-4{margin-bottom:1rem}.xs\:mb-2{margin-bottom:0.5rem}.xs\:mb-\[60px\]{margin-bottom:60px}.xs\:-mr-4{margin-right:-1rem}.xs\:ml-4{margin-left:1rem}.xs\:mt-\[120px\]{margin-top:120px}.xs\:mb-\[175px\]{margin-bottom:175px}.xs\:mt-20{margin-top:5rem}.xs\:mb-14{margin-bottom:3.5rem}.xs\:mb-\[100px\]{margin-bottom:100px}.xs\:mb-8{margin-bottom:2rem}.xs\:mt-5{margin-top:1.25rem}.xs\:mb-1{margin-bottom:0.25rem}.xs\:mt-2\.5{margin-top:0.625rem}.xs\:mt-2{margin-top:0.5rem}.xs\:block{display:block}.xs\:flex{display:flex}.xs\:hidden{display:none}.xs\:aspect-\[390\/206\]{aspect-ratio:390/206}.xs\:aspect-\[7\/10\]{aspect-ratio:7/10}.xs\:aspect-\[358\/236\]{aspect-ratio:358/236}.xs\:aspect-\[128\/128\]{aspect-ratio:128/128}.xs\:aspect-\[128\/150\]{aspect-ratio:128/150}.xs\:h-\[120px\]{height:120px}.xs\:h-\[84px\]{height:84px}.xs\:h-14{height:3.5rem}.xs\:h-1\.5{height:0.375rem}.xs\:h-1{height:0.25rem}.xs\:h-\[70\%\]{height:70%}.xs\:h-\[62vw\]{height:62vw}.xs\:h-5{height:1.25rem}.xs\:w-\[120px\]{width:120px}.xs\:w-6{width:1.5rem}.xs\:w-full{width:100%}.xs\:w-\[84px\]{width:84px}.xs\:w-\[calc\(75\%-10px\)\]{width:calc(75% - 10px)}.xs\:w-14{width:3.5rem}.xs\:w-8{width:2rem}.xs\:w-\[calc\(100vw-32px\)\]{width:calc(100vw - 32px)}.xs\:w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.xs\:w-\[43\.6\%\]{width:43.6%}.xs\:w-5{width:1.25rem}.xs\:w-32{width:8rem}.xs\:w-0{width:0px}.xs\:max-w-\[150px\]{max-width:150px}.xs\:max-w-full{max-width:100%}.xs\:max-w-\[50\%\]{max-width:50%}.xs\:flex-1{flex:1 1 0%}.xs\:flex-none{flex:none}.xs\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.xs\:flex-col{flex-direction:column}.xs\:flex-wrap{flex-wrap:wrap}.xs\:items-start{align-items:flex-start}.xs\:items-center{align-items:center}.xs\:justify-between{justify-content:space-between}.xs\:gap-1{gap:0.25rem}.xs\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.xs\:gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}.xs\:gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem}.xs\:gap-y-1{row-gap:0.25rem}.xs\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.xs\:bg-gallery{background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 40.1%)}.xs\:bg-\[length\:60px\]{background-size:60px}.xs\:object-fill{-o-object-fit:fill;object-fit:fill}.xs\:p-3{padding:0.75rem}.xs\:p-8{padding:2rem}.xs\:p-2\.5{padding:0.625rem}.xs\:p-2{padding:0.5rem}.xs\:px-4{padding-left:1rem;padding-right:1rem}.xs\:py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.xs\:px-3{padding-left:0.75rem;padding-right:0.75rem}.xs\:py-1{padding-top:0.25rem;padding-bottom:0.25rem}.xs\:px-8{padding-left:2rem;padding-right:2rem}.xs\:py-\[15px\]{padding-top:15px;padding-bottom:15px}.xs\:pb-6{padding-bottom:1.5rem}.xs\:pt-10{padding-top:2.5rem}.xs\:pt-3{padding-top:0.75rem}.xs\:pt-6{padding-top:1.5rem}.xs\:pt-0{padding-top:0px}.xs\:pr-4{padding-right:1rem}.xs\:pt-7{padding-top:1.75rem}.xs\:text-center{text-align:center}.xs\:font-sans{font-family:source-han-sans-traditional,Graphik,sans-serif}.xs\:text-sm{font-size:14px;line-height:20px}.xs\:text-xs{font-size:12px;line-height:16px}.xs\:text-base{font-size:16px;line-height:24px}.xs\:text-\[32px\]{font-size:32px}.xs\:text-lg{font-size:18px;line-height:28px}.xs\:text-xxs{font-size:11px;line-height:12px}.xs\:text-3xl{font-size:30px;line-height:36px}.xs\:leading-8{line-height:32px}.xs\:text-secondary{--tw-text-opacity:1;color:rgb(113 112 112 / var(--tw-text-opacity))}.xs\:line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.xs\:line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.xs\:line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.group:nth-child(odd) .group-odd\:xs\:ml-4{margin-left:1rem}}@media (min-width: 640px){.sm\:float-right{float:right}.sm\:mt-0{margin-top:0px}.sm\:w-1\/2{width:50%}.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.sm\:gap-y-4{row-gap:1rem}.sm\:py-3{padding-top:0.75rem;padding-bottom:0.75rem}.sm\:pt-8{padding-top:2rem}.sm\:text-\[162px\]{font-size:162px}.sm\:text-base{font-size:16px;line-height:24px}.sm\:leading-\[167px\]{line-height:167px}.sm\:leading-4{line-height:16px}}@media (min-width: 768px){.md\:left-0{left:0px}.md\:right-0{right:0px}.md\:top-0{top:0px}.md\:mb-\[5px\]{margin-bottom:5px}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:hidden{display:none}.md\:aspect-\[612\/407\]{aspect-ratio:612/407}.md\:h-full{height:100%}.md\:h-\[100px\]{height:100px}.md\:max-h-\[407px\]{max-height:407px}.md\:w-\[50vw\]{width:50vw}.md\:w-\[100px\]{width:100px}.md\:w-12{width:3rem}.md\:max-w-\[612px\]{max-width:612px}.md\:max-w-none{max-width:none}.md\:flex-none{flex:none}.md\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.md\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.md\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.md\:bg-opacity-70{--tw-bg-opacity:0.7}.md\:bg-none{background-image:none}.md\:p-7{padding:1.75rem}.md\:p-\[26px\]{padding:26px}.md\:text-\[203px\]{font-size:203px}.md\:leading-\[212px\]{line-height:212px}}@media (min-width: 1024px){.lg\:absolute{position:absolute}.lg\:-bottom-\[100px\]{bottom:-100px}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:col-span-10{grid-column:span 10 / span 10}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-start-6{grid-column-start:6}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-5{grid-column-start:5}.lg\:col-start-9{grid-column-start:9}.lg\:m-2{margin:0.5rem}.lg\:mx-0{margin-left:0px;margin-right:0px}.lg\:my-auto{margin-top:auto;margin-bottom:auto}.lg\:my-0{margin-top:0px;margin-bottom:0px}.lg\:mt-\[12px\]{margin-top:12px}.lg\:mt-0{margin-top:0px}.lg\:mb-40{margin-bottom:10rem}.lg\:mb-9{margin-bottom:2.25rem}.lg\:mt-2{margin-top:0.5rem}.lg\:mb-20{margin-bottom:5rem}.lg\:mt-20{margin-top:5rem}.lg\:mb-5{margin-bottom:1.25rem}.lg\:mb-11{margin-bottom:2.75rem}.lg\:mb-10{margin-bottom:2.5rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:-mb-\[18px\]{margin-bottom:-18px}.lg\:mb-\[120px\]{margin-bottom:120px}.lg\:mb-0{margin-bottom:0px}.lg\:mb-14{margin-bottom:3.5rem}.lg\:mb-3{margin-bottom:0.75rem}.lg\:mt-5{margin-top:1.25rem}.lg\:mt-\[102px\]{margin-top:102px}.lg\:mb-\[9px\]{margin-bottom:9px}.lg\:mb-\[92px\]{margin-bottom:92px}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-32{margin-top:8rem}.lg\:mb-2{margin-bottom:0.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:aspect-\[1440\/548\]{aspect-ratio:1440/548}.lg\:aspect-\[443\/295\]{aspect-ratio:443/295}.lg\:h-\[200px\]{height:200px}.lg\:h-\[140px\]{height:140px}.lg\:h-full{height:100%}.lg\:h-\[100px\]{height:100px}.lg\:h-\[45vw\]{height:45vw}.lg\:h-2{height:0.5rem}.lg\:h-\[41vw\]{height:41vw}.lg\:h-7{height:1.75rem}.lg\:h-14{height:3.5rem}.lg\:max-h-\[646px\]{max-height:646px}.lg\:max-h-\[579px\]{max-height:579px}.lg\:min-h-\[340px\]{min-height:340px}.lg\:min-h-\[312px\]{min-height:312px}.lg\:w-\[65\%\]{width:65%}.lg\:w-fit{width:-moz-fit-content;width:fit-content}.lg\:w-12{width:3rem}.lg\:w-\[200px\]{width:200px}.lg\:w-auto{width:auto}.lg\:w-0{width:0px}.lg\:w-\[140px\]{width:140px}.lg\:w-\[calc\(58\%\+8px\)\]{width:calc(58% + 8px)}.lg\:w-\[100px\]{width:100px}.lg\:w-\[45vw\]{width:45vw}.lg\:w-\[calc\(66\%-10px\)\]{width:calc(66% - 10px)}.lg\:w-\[42\.3\%\]{width:42.3%}.lg\:w-\[608px\]{width:608px}.lg\:w-7{width:1.75rem}.lg\:w-full{width:100%}.lg\:max-w-\[744px\]{max-width:744px}.lg\:max-w-\[220px\]{max-width:220px}.lg\:max-w-full{max-width:100%}.lg\:flex-none{flex:none}.lg\:flex-1{flex:1 1 0%}.lg\:flex-initial{flex:0 1 auto}.lg\:shrink{flex-shrink:1}.lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-start{justify-content:flex-start}.lg\:gap-10{gap:2.5rem}.lg\:gap-1{gap:0.25rem}.lg\:gap-y-3{row-gap:0.75rem}.lg\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.lg\:gap-y-10{row-gap:2.5rem}.lg\:gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}.lg\:gap-y-\[38px\]{row-gap:38px}.lg\:gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem}.lg\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.lg\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.lg\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg\:bg-auto{background-size:auto}.lg\:object-cover{-o-object-fit:cover;object-fit:cover}.lg\:p-6{padding:1.5rem}.lg\:p-\[26px\]{padding:26px}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:px-2{padding-left:0.5rem;padding-right:0.5rem}.lg\:py-2{padding-top:0.5rem;padding-bottom:0.5rem}.lg\:px-3\.5{padding-left:0.875rem;padding-right:0.875rem}.lg\:px-3{padding-left:0.75rem;padding-right:0.75rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:py-\[22px\]{padding-top:22px;padding-bottom:22px}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:px-14{padding-left:3.5rem;padding-right:3.5rem}.lg\:pt-10{padding-top:2.5rem}.lg\:pl-2\.5{padding-left:0.625rem}.lg\:pl-2{padding-left:0.5rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-9{padding-top:2.25rem}.lg\:pr-5{padding-right:1.25rem}.lg\:pt-6{padding-top:1.5rem}.lg\:pb-0{padding-bottom:0px}.lg\:pr-6{padding-right:1.5rem}.lg\:pl-0{padding-left:0px}.lg\:pr-0{padding-right:0px}.lg\:pb-20{padding-bottom:5rem}.lg\:pb-2{padding-bottom:0.5rem}.lg\:pt-3{padding-top:0.75rem}.lg\:text-right{text-align:right}.lg\:text-end{text-align:end}.lg\:font-clash{font-family:Clash Display,source-han-sans-traditional,Graphik,sans-serif}.lg\:text-\[287px\]{font-size:287px}.lg\:text-3xl{font-size:30px;line-height:36px}.lg\:text-lg{font-size:18px;line-height:28px}.lg\:text-base{font-size:16px;line-height:24px}.lg\:text-2xl{font-size:24px;line-height:32px}.lg\:text-xl{font-size:20px;line-height:28px}.lg\:text-5xl{font-size:48px;line-height:56px}.lg\:text-\[180px\]{font-size:180px}.lg\:text-4xl{font-size:40px;line-height:56px}.lg\:text-sm{font-size:14px;line-height:20px}.lg\:text-\[36px\]{font-size:36px}.lg\:font-bold{font-weight:700}.lg\:leading-\[301px\]{line-height:301px}.lg\:leading-5{line-height:20px}.lg\:leading-\[320px\]{line-height:320px}.lg\:leading-10{line-height:40px}.lg\:text-primary{--tw-text-opacity:1;color:rgb(45 45 45 / var(--tw-text-opacity))}.lg\:line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.lg\:line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.lg\:line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.lg\:line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.group:nth-child(odd) .group-odd\:lg\:ml-0{margin-left:0px}.group:nth-child(even) .group-even\:lg\:col-start-9{grid-column-start:9}}@media (min-width: 1240px){.\32xl\:container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 358px){.\32xl\:container{max-width:358px}}@media (min-width: 640px){.\32xl\:container{max-width:640px}}@media (min-width: 768px){.\32xl\:container{max-width:768px}}@media (min-width: 1024px){.\32xl\:container{max-width:1024px}}@media (min-width: 1240px){.\32xl\:container{max-width:1240px}}@media (min-width: 1440px){.\32xl\:container{max-width:1440px}}.\32xl\:w-\[calc\(50\%\+73px\)\]{width:calc(50% + 73px)}.\32xl\:w-\[calc\(50\%\+193px\)\]{width:calc(50% + 193px)}.\32xl\:max-w-\[1240px\]{max-width:1240px}.\32xl\:text-\[454px\]{font-size:454px}.\32xl\:leading-\[480px\]{line-height:480px}}@media (min-width: 1440px){.\33xl\:container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 358px){.\33xl\:container{max-width:358px}}@media (min-width: 640px){.\33xl\:container{max-width:640px}}@media (min-width: 768px){.\33xl\:container{max-width:768px}}@media (min-width: 1024px){.\33xl\:container{max-width:1024px}}@media (min-width: 1240px){.\33xl\:container{max-width:1240px}}@media (min-width: 1440px){.\33xl\:container{max-width:1440px}}}@media (hover: hover){.web-hover\:hover\:bg-orange-800:hover{--tw-bg-opacity:1;background-color:rgb(218 75 11 / var(--tw-bg-opacity))}}