@charset "UTF-8";:root{--article-tag-color: #596180;--body-color: #f8efe0;--primary-color-light: #6a728f;--primary-color: #596180;--primary-color-dark: #3b4261;--layout-width: 1280px;--layout-padding: 70px;--header-background-color: #b6ce99;--header-background-color-hover: #788865;--nav-height: 50px;--content-color: #fad8db;--btn-text-color: #f7f5f0;--search-btn-background-color: #f9edaa;--tab-title-background-color: #f7f5f0;--text-color-notice-primary: #fd6a94;--text-color-notice-secondary: #ed1c24;--text-color: #42210b;--text-color-dark: #b67300;--text-weight-light: 300;--text-weight-normal: 400;--text-weight-bold: 500;--text-weight-bolder: 700;--article-gap: 50px;--udn-primary-color: #ee5103}@media (max-width: 1920px){:root{--layout-width: 1280px}}@media (max-width: 1024px){:root{--layout-width: 800px;--nav-height: 45px;--layout-padding: 30px}}@media (max-width: 960px){:root{--layout-width: 640px}}*{box-sizing:border-box}html{font-size:10px;line-height:1.5;font-family:Noto Sans TC,黑體-繁,Apple LiGothic Medium,PingFang,微軟正黑體,Microsoft JhengHei,WenQuanYi Zen Hei,helvetica,Arial,sans-serif;width:100%;height:100%;margin:0;padding:0;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{position:relative;min-height:100%;margin:0;padding:0;background-color:var(--body-color)}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}ul,li,ol{margin:0;padding:0;list-style-type:none}a{text-decoration:none;outline:none;cursor:pointer}img{width:100%;height:100%;object-fit:cover;border-style:none}iframe{display:block}figure{margin:0;padding:0}button,input,textarea{outline:none}button{display:block;margin:0;padding:0;border:none;cursor:pointer;background-color:transparent}.main-container{margin-inline:auto;max-width:var(--layout-width);width:calc(100% - var(--layout-padding) * 2)}.main-container.is-hide{opacity:0;pointer-events:none}.secondary-container{overflow:hidden}.l-wrapper--lg{position:relative;max-width:var(--layout-width);margin-inline:auto;width:100%}.l-wrapper--md{position:relative;max-width:1000px;margin-inline:auto;width:100%}.l-bg-dark{position:relative;padding-inline:var(--layout-padding);background-color:var(--content-color)}.l-bg-dark:before{content:"";position:absolute;top:-5px;left:0;width:100%;height:10px;background-color:var(--content-color)}.l-bg-dark:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:10px;background-color:var(--content-color)}.l-mb-40{margin-bottom:40px}.ty-text--lg{font-size:24px;line-height:1.5;color:var(--text-color)}.ty-text--md{font-size:20px;line-height:1.5;color:var(--text-color)}@media screen and (max-width: 1024px){.ty-text--md{font-size:18px}}.ty-text--sm{font-size:16px;line-height:1.5;color:var(--text-color)}.ty-text--highlight{color:var(--text-color-notice-primary)}.ty-text--align-center{text-align:center}.u-btn{display:block;margin:40px auto;padding:8px 20px;width:fit-content;font-size:28px;font-weight:var(--text-weight-bold);color:var(--btn-text-color);background-color:var(--text-color-notice-primary);border-radius:30px}.u-btn:hover{transform:translateY(2px)}@media screen and (max-width: 1024px){.u-btn{margin:40px auto 20px}}@media screen and (max-width: 960px){.u-btn{font-size:18px}}.u-top{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;right:20px;width:46px;height:46px;border-radius:50%;background-color:#fff;z-index:1}.u-top img{width:40%;height:40%;object-fit:contain}.u-top:hover img{animation:bounce .3s ease-in-out}#slider1 .splide__list img{height:auto;aspect-ratio:700/479;object-fit:contain}@media screen and (max-width: 960px){#slider1 .splide__track{width:75%}}@media screen and (max-width: 960px){#slider2 .splide__track{width:clamp(1px,calc(100% - var(--layout-padding) * 2 - 40px),276px)}}.splide{position:relative;width:100%}.splide__arrows{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);width:100%;height:40px}.splide__arrow{position:absolute;width:40px;height:40px;background-color:#fff;border:none;cursor:pointer;border-radius:50%;opacity:.5}@media screen and (max-width: 1024px){.splide__arrow{width:30px;height:30px}}.splide__arrow img{width:100%;height:100%;object-fit:contain}.splide__arrow:hover{opacity:1}.splide__arrow:disabled{opacity:0;pointer-events:none}.splide__arrow--prev{left:0}.splide__arrow--prev img{transform:translate(-2px)}.splide__arrow--next{right:0}.splide__arrow--next img{transform:translate(2px)}.splide__track{max-width:700px;width:calc(100% - 120px);margin-inline:auto}@-moz-keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@-webkit-keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@-o-keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.u-section-title{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;margin:30px auto 20px;width:fit-content;color:var(--text-color);font-size:30px;font-weight:var(--text-weight-bold);font-family:"Noto Serif TC",serif}@media screen and (max-width: 960px){.u-section-title{font-size:22px}}.u-event-title{margin-top:80px;max-width:100%;height:136px;object-fit:contain}@media screen and (max-width: 1024px){.u-event-title{margin-top:40px;height:96px}}.u-event-title.is-first{margin-top:0}.u-tab-title{margin:40px auto 20px;padding:0 15px;width:fit-content;font-size:24px;font-weight:var(--text-weight-bold);color:var(--text-color);border-radius:20px;border:1px solid var(--text-color);background-color:var(--tab-title-background-color);font-family:"Noto Serif TC",serif}@media screen and (max-width: 1024px){.u-tab-title{font-size:20px}}.u-task-title{display:block;margin-bottom:30px;margin-inline:auto;width:250px}@media screen and (max-width: 1024px){.u-task-title{margin-bottom:40px;width:200px}}.u-more-info-title{margin-bottom:20px;margin-inline:auto;width:100%;height:81px;object-fit:contain}.u-card{max-width:270px}@media screen and (max-width: 1024px){.u-card{width:calc((100% - 20px)/2)}}.u-card--event{max-width:360px}@media screen and (max-width: 1024px){.u-card--event{width:100%}}.u-card--event .u-card__item-img{aspect-ratio:360/246}.u-card__item-img{width:100%;aspect-ratio:1/1}@media screen and (max-width: 1024px){.u-card__item-img{aspect-ratio:1/1}}.u-card__item-img img{width:100%;height:100%;object-fit:contain}.u-card__item-text{margin-top:15px}.b-header{position:sticky;top:0;z-index:100;padding:0 calc(var(--layout-padding) - 20px) 0 var(--layout-padding);width:100%;height:70px;background-color:var(--header-background-color)}@media $tablet-md{.b-header{height:60px}}.b-header .l-wrapper--lg{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;max-width:1280px}.b-header__logo{flex:0 0 auto;width:118px;height:40px}@media screen and (max-width: 640px){.b-header__logo{width:89px;height:30px}}.b-header__social{display:flex;flex:0 0 auto;gap:10px;margin-inline:20px}.b-header__social-item{width:40px;height:40px}@media screen and (max-width: 640px){.b-header__social-item{width:30px;height:30px}}.b-header__social-item img{object-fit:contain}.b-header__menu{display:flex;justify-content:flex-end;flex:1 1 auto;min-width:0;height:100%}.b-header__menu-viewport{position:relative;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.b-header__menu-viewport::-webkit-scrollbar{display:none}.b-header__menu-list{display:flex;justify-content:flex-end;width:max-content;min-width:100%;height:100%}.b-header__menu-item{display:flex;align-items:center;justify-content:center;padding-inline:20px;height:100%;color:#fff;font-size:20px;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;outline:none}@media screen and (max-width: 640px){.b-header__menu-item{padding-inline:10px;font-size:18px}}.b-header__menu-item:hover{background-color:var(--header-background-color-hover)}.b-kv{position:relative;margin:0 auto;max-width:1920px;aspect-ratio:1920/1050;overflow:hidden}@media screen and (max-width: 1024px){.b-kv{margin-bottom:40px;max-width:1024px;aspect-ratio:1280/2050}}.b-kv__bg{width:100%;height:100%;background:url(../images/kv.webp) no-repeat center center/cover}@media screen and (max-width: 1024px){.b-kv__bg{background:url(../images/kv-m.webp) no-repeat center top/contain}}.b-kv__bg-device{position:absolute;bottom:5%;left:1.1%;width:clamp(1px,26.8vw,515px);height:clamp(1px,14.8vw,285px)}@media screen and (max-width: 1024px){.b-kv__bg-device{bottom:3%;left:10%;width:clamp(1px,66vw,675px);height:clamp(1px,38.2vw,392px)}}.b-kv__bg-device-img{margin:0;padding:0;width:100%;height:100%;object-fit:contain}.b-task{display:flex;flex-direction:column;align-items:center}.b-task__event-text{display:block;margin:0 auto 20px;max-width:640px;width:100%}.b-task__card-list{display:flex;justify-content:center;gap:20px;margin:auto}@media screen and (max-width: 1024px){.b-task__card-list{flex-wrap:wrap;gap:20px;max-width:640px}}.b-task__card-list--2{max-width:1000px;flex-wrap:wrap}.b-task__highlight-bg{position:relative;margin-block:20px;padding-block:20px}.b-task__highlight-bg>*{position:relative;z-index:1}.b-task__highlight-bg:before{content:"";position:absolute;top:0;left:50%;width:calc(100% + 60px);transform:translate(-50%);height:100%;border-radius:30px;background:#f9efe0 no-repeat center center/100% 100%}@media screen and (max-width: 1024px){.b-task__highlight-bg:before{width:calc(100% + 20px)}}.b-task__highlight-bg .u-tab-title{margin-top:0}.b-task__more-info-list{display:flex;justify-content:center;gap:40px;margin:20px auto 40px}@media screen and (max-width: 1024px){.b-task__more-info-list{gap:20px}}.b-task__more-info-list>* .u-card__item-img{position:relative}.b-task__more-info-list>* .u-card__item-img:before{content:"";position:absolute;bottom:-20px;left:33px;width:55px;height:55px;background:url(../images/event-link-deco-1.png) no-repeat center center/contain}@media screen and (max-width: 1024px){.b-task__more-info-list>* .u-card__item-img:before{bottom:-12px;left:0;width:41px;height:41px}}.b-task__regulations{display:flex;align-items:center;gap:20px;margin-bottom:40px;max-width:1000px}.b-task__deco-list{counter-reset:list}.b-task__deco-list>*:last-child{margin-bottom:0}.b-task__deco-list-item{position:relative;margin-bottom:40px;padding-left:106px;counter-increment:list;text-align:justify}@media screen and (max-width: 1024px){.b-task__deco-list-item .is-desktop{display:none}}.b-task__deco-list-item .is-mobile{display:none}@media screen and (max-width: 1024px){.b-task__deco-list-item .is-mobile{display:inline}}.b-task__deco-list-item:before{position:absolute;top:0;left:0;content:"STEP.0" counter(list);margin-right:10px;padding-inline:10px;font-size:18px;font-weight:var(--text-weight-bolder);color:var(--text-color);background-color:var(--tab-title-background-color);border-radius:15px}.b-task__plain-text-list{margin:40px auto 20px;padding:30px;max-width:1000px;width:100%;border:1px solid var(--text-color-notice-primary);border-radius:30px}@media screen and (max-width: 1024px){.b-task__plain-text-list{margin-block:20px;padding:20px;border-radius:20px}}.b-task__plain-text-list>*{margin-bottom:16px}.b-task__plain-text-list>*:last-child{margin-bottom:0}.b-task__plain-text-list-item{position:relative;padding-left:20px}.b-task__plain-text-list-item:before{content:"•";position:absolute;top:0;left:0;color:var(--text-color-notice-primary)}.b-task__source-info-container{display:flex;justify-content:center;align-items:center;gap:10px}@media screen and (max-width: 1024px){.b-task__source-info-container{flex-direction:column;margin-top:20px}}.b-task__source-info-img{width:140px;height:90px;object-fit:contain}.b-task__source-info-text{margin-top:40px;width:fit-content}@media screen and (max-width: 1024px){.b-task__source-info-text{margin-top:0}}.b-task__deco-1{width:200px}@media screen and (max-width: 1024px){.b-task__deco-1{display:none}}.b-task__deco-2{width:420px}@media screen and (max-width: 1024px){.b-task__deco-2{display:none}}.b-task__deco-3{margin:40px auto;max-width:200px;width:100%;display:none}@media screen and (max-width: 1024px){.b-task__deco-3{display:block}}.b-task__deco-4{margin:40px auto;max-width:420px;width:100%;display:none}@media screen and (max-width: 1024px){.b-task__deco-4{display:block}}.b-step{display:flex;flex-direction:column;align-items:center}.b-step__slider{display:flex;align-items:center;justify-content:center;margin-block:20px;counter-reset:step}.b-step__slider-text{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding-block:20px}.b-step__slider-text .is-hide{opacity:0;pointer-events:none}.b-step__slider-number{counter-increment:step;position:relative;width:120px;height:40px}.b-step__slider-number:before{content:"STEP.0" counter(step);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:900;color:var(--text-color);background-color:var(--tab-title-background-color);border-radius:20px;padding:2px 10px}@media screen and (max-width: 1024px){.b-step__slider-number:before{font-size:20px}}.b-step__download{display:block;margin:20px auto 40px;max-width:700px;width:100%}.b-step__search{display:flex;align-items:center;justify-content:center;gap:50px;margin:60px auto}@media screen and (max-width: 1024px){.b-step__search{flex-direction:column;gap:40px;margin:40px auto}}.b-step__search input{border-radius:0}.b-step__search-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;max-width:500px}.b-step__search-title{width:100%}.b-step__search-img{width:320px}@media screen and (max-width: 1024px){.b-step__search-img{max-width:300px;width:100%}}.b-step__search-wrapper{position:relative;width:100%}.b-step__input-container{display:flex;align-items:center;justify-content:center;width:100%;height:60px;overflow:hidden;border-radius:20px;position:relative;z-index:2}.b-step__input-container.is-active{border-radius:20px 20px 0 0}.b-step__input-container input{padding:4px 20px;width:calc(100% - 60px);height:100%;border:none;font-size:20px;outline:none}.b-step__input-container input:focus{outline:none}.b-step__btn-search{display:flex;align-items:center;justify-content:center;width:60px;background-color:var(--search-btn-background-color)}.b-step__dropdown{position:absolute;top:60px;left:0;right:0;padding:16px 16px 16px 0;background-color:#fff;border-radius:0 0 20px 20px;box-shadow:0 4px 12px #00000026;z-index:2;overflow-y:auto}.b-step__dropdown-loading{padding:20px;text-align:center;color:#666;font-size:16px;display:none;border-radius:0 0 20px 20px}.b-step__dropdown-list{list-style:none;margin:0;padding:0;max-height:250px;overflow-y:auto;display:none}.b-step__dropdown-list::-webkit-scrollbar{width:6px}.b-step__dropdown-list::-webkit-scrollbar-track{background:transparent}.b-step__dropdown-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.b-step__dropdown-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.b-step__dropdown-item{padding:15px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0;background-color:#fff}.b-step__dropdown-item:hover{background-color:#f5f5f5}.b-step__dropdown-item:last-child{border-bottom:none}.b-step__dropdown-item-name{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.b-step__dropdown-item-info{font-size:14px;color:#666}.b-step__dropdown-empty{padding:20px;text-align:center;color:#999;font-size:16px;display:none;border-radius:0 0 20px 20px}.b-rules{margin:0 auto 10px;max-width:1000px;width:100%}.b-rules .l-wrapper--md{display:flex;flex-direction:column;align-items:center}.b-rules__title{font-size:20px;font-weight:var(--text-weight-bold);color:var(--text-color-notice-primary);margin-bottom:15px}.b-rules__viewport-container{display:flex;align-items:center;justify-content:center;width:100%;height:225px;border:1px solid var(--text-color-notice-primary);border-radius:30px;overflow:hidden}@media screen and (max-width: 1024px){.b-rules__viewport-container{border-radius:20px}}.b-rules__viewport{position:relative;padding-right:16px;width:calc(100% - 60px);height:calc(100% - 60px);overflow-y:scroll;scrollbar-color:var(--primary-color-dark) var(--primary-color-light);scrollbar-width:thin}@media screen and (max-width: 1024px){.b-rules__viewport{width:calc(100% - 40px);height:calc(100% - 40px)}}.b-rules__viewport::-webkit-scrollbar{width:8px}.b-rules__viewport::-webkit-scrollbar-track{background:transparent;border-radius:10px}.b-rules__viewport::-webkit-scrollbar-thumb{background:var(--primary-color-dark);border-radius:10px}.b-rules__viewport::-webkit-scrollbar-thumb:hover{background:var(--text-color-notice-primary)}.b-rules__viewport::-webkit-scrollbar-button{display:none}.b-rules__plain-text-list{width:100%}.b-rules__plain-text-list>*{margin-bottom:16px}.b-rules__plain-text-list>*:last-child{margin-bottom:0}.b-rules__plain-text-list-item{position:relative;padding-left:20px;text-align:justify}.b-rules__plain-text-list-item:before{content:"•";position:absolute;top:0;left:0;color:var(--text-color-notice-primary)}.b-winner{display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.b-winner__list{width:100%}.b-winner__list-title{display:flex;align-items:center;justify-content:center;gap:10px;margin-block:40px}@media screen and (max-width: 1024px){.b-winner__list-title{flex-wrap:wrap;margin-block:20px}}.b-winner__list-title img{max-width:100%;width:498px;height:75px;object-fit:contain;aspect-ratio:498/75}.b-winner__list-subtitle{margin-top:48px;margin-bottom:12px}@media screen and (max-width: 1024px){.b-winner__list-subtitle{margin-top:30px}}.b-winner__plain-text-list-item{position:relative;margin-bottom:20px;padding-left:20px;word-break:break-all}.b-winner__plain-text-list-item:before{content:"•";position:absolute;top:0;left:0;color:var(--text-color)}.b-winner__list-content{text-align:center}.b-footer{padding:40px 0 60px}.b-footer__organizer{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin-bottom:15px}@media screen and (max-width: 640px){.b-footer__organizer{margin-bottom:30px;flex-direction:column;align-items:center}}.b-footer__copyright{font-size:14px;color:var(--text-color);text-align:center;line-height:1.5}.b-footer__logo-udn{width:120px;height:28px}.b-footer__logo-tbmc{width:180px;height:39px}@media screen and (max-width: 640px){.b-footer__logo-tbmc{position:relative;top:-4px}}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}