#page-content{overflow:hidden}.activity-container{display:flex;flex-direction:column;color:#000000;max-width:1200px;margin:0 auto;padding:0 40px}.activity-container .main-banner{position:relative;margin:0 calc(50% - 50vw);width:100vw;display:flex;min-height:35vh;max-height:50vw}.activity-container .main-banner img{width:100%;object-fit:cover;object-position:right}.activity-container .main-banner .title{position:absolute;right:0;left:0;top:50%;margin:auto;max-width:1200px;padding:0 40px;text-align:right;font-weight:900;font-size:48px;line-height:40px;color:#ffffff;text-shadow:1px 3px black}.activity-container .event-schedule{display:flex;flex-direction:column;gap:24px;width:100%}.activity-container .event-schedule .title{font-weight:700;font-size:40px;line-height:48px}.activity-container .event-schedule .custom-table-container{padding:8px;margin:-8px;max-width:100%;overflow-x:auto;font-weight:300 !important;font-size:16px !important;line-height:32px !important}.activity-container .event-schedule .custom-table{min-width:885px;max-width:885px;width:100%;margin:0 auto;box-shadow:0px 1.8px 7.21px 0px rgba(0,0,0,0.2);background-color:#ffffff;border-radius:12px;font-weight:300;overflow:hidden}.activity-container .event-schedule .custom-table th{font-weight:600;text-align:left;background:#d9dde4}.activity-container .event-schedule .custom-table th,.activity-container .event-schedule .custom-table td{padding:16px 40px}.activity-container .event-schedule .custom-table tr:not(:nth-child(2n)) td{background:#f7f8fa}.activity-container .event-detail{display:flex;flex-direction:column}.activity-container .event-detail .event{margin:0 calc(50% - 50vw);background:#e6f5ee;display:flex;flex-direction:column;gap:24px;--themecolor:#009b50}.activity-container .event-detail .event .event-title{font-weight:700;font-size:40px;line-height:48px;color:var(--themecolor)}.activity-container .event-detail .event>.event-title{max-width:50%;width:fit-content;position:relative}.activity-container .event-detail .event>.event-title::after{content:'';position:absolute;top:100%;height:4px;background:var(--themecolor);right:0;width:calc(100% + max(50vw - 50%, 40px))}.activity-container .event-detail .event .event-content{display:flex;align-items:center;gap:16px 60px}.activity-container .event-detail .event .event-content .event-title{font-size:28px}.activity-container .event-detail .event .event-content .event-description{display:flex;flex-direction:column;flex:1 1 0;font-weight:300;font-size:16px;line-height:32px}.activity-container .event-detail .event .event-content .event-description .eveent-subtitle{font-weight:600}.activity-container .event-detail .event .event-content .event-description ul{list-style-type:disc;padding-left:1.5em}.activity-container .event-detail .event .event-content .event-banner{flex:0 1 50%}.activity-container .event-detail .event .event-content .event-banner *{width:100%;height:auto;object-fit:cover}.event-banner iframe{aspect-ratio:560 / 315}.activity-container .event-detail .event .event-content:not(:nth-child(2n)){flex-direction:row-reverse}.activity-container .event-detail .event .event-tag-links{display:flex;flex-wrap:wrap;gap:8px}.activity-container .event-detail .event .event-tag-links .tag{padding:8px 20px;background-color:#ffffff;color:var(--themecolor);outline:1px solid var(--themecolor);border-radius:40px;font-weight:600;font-size:16px;line-height:32px}.activity-container .event-detail .event .event-tag-links .tag:hover{color:#ffffff;background-color:var(--themecolor)}.activity-container .event-detail .event .event-calendar{display:flex;justify-content:center;line-height:32px;margin:0 calc(50% - 50vw);padding:0 calc(50vw - 50%)}.activity-container .event-detail .event .event-calendar .calendar-wrapper{max-width:920px;width:100%;background-color:#ffffff;box-shadow:0px 1.8px 7.21px 0px rgba(0,0,0,0.2);border-radius:12px;padding:40px;display:flex;flex-direction:column;gap:16px}.activity-container .event-detail .event .event-calendar .title{font-weight:800;font-size:24px}.activity-container .event-detail .event .event-calendar .calendar{display:grid;grid-template-columns:auto 1fr;gap:8px 24px;font-weight:300;font-size:16px}.activity-container .event-detail .event .event-calendar .calendar .row{display:contents}.activity-container .event-detail .event .event-schedule{margin-top:16px;margin-bottom:unset}.activity-container .event-detail .event .event-schedule .title{font-weight:800;font-size:24px;line-height:32px}.activity-container .event-detail .event .event-schedule .custom-table th{background:var(--themecolor);color:#ffffff}.activity-container .event-detail .event:nth-child(2n){background:#fff8e9;--themecolor:#fbc00b}.activity-container .event-detail .event:nth-child(3n){background:#fce9e8;--themecolor:#e2231a}.activity-container .event-detail .event:nth-child(4n){background:#e5eef7;--themecolor:#005cae}.activity-container .faq-section{display:flex;flex-direction:column;gap:24px;margin-bottom:120px}.activity-container .faq-section .title{font-weight:700;font-size:40px;line-height:48px}.faq-transition{transition:all 0.3s ease}.answer{display:none}.faq-container .active .answer{display:block}.faq-container .active .arrow{transform:rotate(180deg)}.activity-container img{height:auto;width:100%}@media screen and (max-width: 1024px){.activity-container{padding-left:24px;padding-right:24px}.activity-container .main-banner .title{font-size:40px}.activity-container .event-detail .event{padding-top:50px;padding-bottom:50px}.activity-container .event-detail .event>.event-title::after{width:calc(100% + 24px)}}@media screen and (max-width: 768px){.activity-container{padding-left:16px;padding-right:16px}.activity-container .main-banner .title{font-size:32px}.activity-container .event-schedule{padding-top:50px;margin-bottom:60px}.activity-container .event-schedule .title{font-size:32px}.activity-container .event-detail{margin-bottom:60px;gap:60px}.activity-container .event-detail .event .event-title{white-space:normal;font-size:32px;text-align:center}.activity-container .event-detail .event>.event-title{max-width:100%;font-size:32px;text-align:left}.activity-container .event-detail .event>.event-title::after{width:calc(100% + 16px)}.activity-container .event-detail .event .event-content,.activity-container .event-detail .event .event-content:not(:nth-child(2n)){flex-direction:column-reverse}.activity-container .event-detail .event .event-content .event-banner{order:1;flex-basis:100%}.activity-container .event-detail .event .event-calendar{margin-bottom:-50px}.activity-container .faq-section{margin-bottom:60px}.activity-container .faq-section .title{font-size:32px}.activity-container .event-detail .event .event-content .event-banner *{width:95vw}}
