html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{height:0;box-sizing:content-box;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family: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}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{max-width:100%;padding:0;white-space:normal;color:inherit;box-sizing:border-box;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0;box-sizing:border-box}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.btn-main__icon,.page__head__deco::before,.page__head__deco::after,.page__head__text::before,.game__event,.learn__download::before,.video__card__icon,.video__card__title--yt::before,.logo::before,.scene__bg::before,.scene__deco4::before,.scene__deco5::before,.scene__deco6::before,.footer__logo::before{background-repeat:no-repeat;background-size:contain;background-position:center}.logo::before,.scene__bg::before,.scene__deco4::before,.scene__deco5::before,.scene__deco6::before,.footer__logo::before{content:"";width:100%;display:block}.scene__sky::before,.game__item::before,.video__card__img::before{content:"";width:100%;display:block}.btn{display:flex;justify-content:center;align-items:center}.btn-main__icon,.page__head__deco::before,.page__head__deco::after,.page__head__text::before,.game__event,.learn__download::before,.video__card__icon,.video__card__title--yt::before,.logo::before,.scene__bg::before,.scene__deco4::before,.scene__deco5::before,.scene__deco6::before,.footer__logo::before{background-repeat:no-repeat;background-size:contain;background-position:center}.logo::before,.scene__bg::before,.scene__deco4::before,.scene__deco5::before,.scene__deco6::before,.footer__logo::before{content:"";width:100%;display:block}.scene__sky::before,.game__item::before,.video__card__img::before{content:"";width:100%;display:block}.game__event,.video__card__img>img,.video__card__icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.btn-main__text,.page__head__text{font-size:clamp(1.75rem,0.9765625vw + 1.3984375rem,2.375rem);letter-spacing:clamp(.0625rem,0.09765625vw + 0.02734375rem,.125rem);line-height:clamp(2.1rem,1.9140625vw + 1.4109375rem,3.325rem)}.question__text{font-size:clamp(1.25rem,0.390625vw + 1.109375rem,1.5rem);letter-spacing:clamp(.0625rem,0.09765625vw + 0.02734375rem,.125rem);line-height:clamp(1.5rem,0.9375vw + 1.1625rem,2.1rem)}.question__list,.learn__download{font-size:clamp(1.125rem,0.1953125vw + 1.0546875rem,1.25rem);line-height:clamp(1.35rem,0.625vw + 1.125rem,1.75rem)}.to-main,.btn-sitemap,.btn-main__text span,.sitemap__text,.sitemap__link,.video__card__title,.breadcrumb li,.footer__ad,.footer__copyright{font-size:clamp(1rem,0.1953125vw + 0.9296875rem,1.125rem);line-height:clamp(1.2rem,0.5859375vw + 0.9890625rem,1.575rem)}html{height:100%}body{height:100%;font-family:arial,"Microsoft JhengHei",sans-serif;background-color:#37bde8;overflow-x:hidden;display:flex;flex-direction:column}button:focus-visible,a:focus-visible{box-shadow:0 0 0 .25rem #fff;outline:.125rem dashed #61371a}.sr-only{width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0;overflow:hidden;position:absolute;clip:rect(0, 0, 0, 0);clip-path:inset(100%)}.container{width:100%;max-width:62.5rem;margin:0 auto;display:flex;flex-grow:1;flex-direction:column;align-items:center;position:relative;cursor:default}.header{width:100%;padding:1.25rem;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.main{width:100%;display:flex;flex-grow:1;flex-direction:column;align-items:center;position:relative}.breadcrumb{width:100%;display:flex;align-items:center}.breadcrumb ol{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center}.breadcrumb li{margin:.25rem;color:#000}.breadcrumb li::after{content:">";margin-left:.25rem}.breadcrumb li:nth-last-child(1)::after{display:none}.breadcrumb li>a{text-decoration:none;color:#397448}.footer{width:100%;padding:.75rem;margin-top:auto;background-color:#1d2088;box-sizing:border-box;position:relative}.footer__content{width:100%;max-width:62.5rem;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.footer__content>*{margin:.25rem .5rem}.footer__logo{flex-shrink:0}.footer__logo--l1{width:40%;max-width:13.125rem}.footer__logo--l1::before{padding-bottom:20.4761904762%;background-image:url(../assets/images/logo-2.png)}.footer__logo--l2{width:45%;max-width:16.5rem}.footer__logo--l2::before{padding-bottom:17.0454545455%;background-image:url(../assets/images/logo-3.png)}.footer__ad{padding:.125rem .25rem;white-space:nowrap;color:#fff;border:.0625rem solid #fff;box-sizing:border-box}.footer__ad::before{content:"廣告"}.footer__copyright{text-align:center;white-space:nowrap;color:#fff}.btn{margin:.25rem;font-weight:bold;text-decoration:none;box-sizing:border-box;display:flex;flex-shrink:0;align-items:stretch;transition:.3s background-color,.3s color;cursor:pointer;font-size:clamp(1.125rem,0.390625vw + 0.984375rem,1.375rem);letter-spacing:clamp(.0625rem,0.09765625vw + 0.02734375rem,.125rem);line-height:clamp(1.35rem,0.8984375vw + 1.0265625rem,1.925rem);padding-top:clamp(.5rem,0.1953125vw + 0.4296875rem,.625rem);padding-bottom:clamp(.5rem,0.1953125vw + 0.4296875rem,.625rem);padding-right:clamp(.75rem,1.171875vw + 0.328125rem,1.5rem);padding-left:clamp(.75rem,1.171875vw + 0.328125rem,1.5rem)}.btn--primary{color:#000;background-color:#fae2a4;border:.125rem solid #61371a;border-radius:62.4375rem}.video{width:100%;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr}@media(max-width: 768px){.video{grid-template-columns:1fr 1fr}}@media(max-width: 576px){.video{grid-template-columns:1fr}}.video__card{width:100%;padding:0;margin:0;background-color:hsla(0,0%,100%,0);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;gap:.25rem;position:relative;cursor:pointer}.video__card:hover .video__card__icon{opacity:1}.video__card__img{width:100%;border-radius:.5rem;box-sizing:border-box;overflow:hidden;position:relative;z-index:0}.video__card__img::before{padding-bottom:56.25%}.video__card__img>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;z-index:-1;transition:.3s transform;cursor:pointer}.video__card__icon{width:4.125rem;height:4.125rem;background-color:#894e25;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m426-330%20195-125q14-9%2014-25t-14-25L426-630q-15-10-30.5-1.5T380-605v250q0%2018%2015.5%2026.5T426-330Zm54%20250q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%20%2F%3E%3C%2Fsvg%3E");border-radius:50%;opacity:0;transition:.3s opacity}@media(max-width: 768px){.video__card__icon{opacity:1}}.video__card__title{font-weight:bold;word-break:break-all;color:#373d44}.video__card__title--yt{display:flex;align-items:center}.video__card__title--yt::before{content:"";width:1.5rem;height:100%;margin-right:.25rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23363d44%22%20d%3D%22M478-240q21%200%2035.5-14.5T528-290q0-21-14.5-35.5T478-340q-21%200-35.5%2014.5T428-290q0%2021%2014.5%2035.5T478-240Zm2%20160q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Zm4-172q25%200%2043.5%2016t18.5%2040q0%2022-13.5%2039T502-525q-23%2020-40.5%2044T444-427q0%2014%2010.5%2023.5T479-394q15%200%2025.5-10t13.5-25q4-21%2018-37.5t30-31.5q23-22%2039.5-48t16.5-58q0-51-41.5-83.5T484-720q-38%200-72.5%2016T359-655q-7%2012-4.5%2025.5T368-609q14%208%2029%205t25-17q11-15%2027.5-23t34.5-8Z%22%20%2F%3E%3C%2Fsvg%3E");display:block;flex-shrink:0}.video__card.watched .video__card__title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%237cb342%22%20d%3D%22m424-408-86-86q-11-11-28-11t-28%2011q-11%2011-11%2028t11%2028l114%20114q12%2012%2028%2012t28-12l226-226q11-11%2011-28t-11-28q-11-11-28-11t-28%2011L424-408Zm56%20328q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%20%2F%3E%3C%2Fsvg%3E")}.player{background-color:rgba(0,0,0,.8);opacity:0;display:flex;position:fixed;inset:0 0 0 0;z-index:1040;transition:.3s opacity}.player.active{opacity:1}.player__panel{width:100%;height:3.25rem;padding:.25rem .5rem;background-color:rgba(0,0,0,.4);box-sizing:border-box;display:flex;flex-shrink:0;gap:.25rem;justify-content:flex-end;position:absolute;top:0;left:0;z-index:1040}.player__panel__close{width:2.75rem;background-color:hsla(0,0%,100%,0);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M480-424%20284-228q-11%2011-28%2011t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11%2028-11t28%2011l196%20196%20196-196q11-11%2028-11t28%2011q11%2011%2011%2028t-11%2028L536-480l196%20196q11%2011%2011%2028t-11%2028q-11%2011-28%2011t-28-11L480-424Z%22%20%2F%3E%3C%2Fsvg%3E");border:none;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-repeat:no-repeat;background-size:75%;background-position:center}.player__wrap{padding:.25rem;margin:auto;background-color:#fff;border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem}.player__video{width:100%;border-radius:.5rem;overflow:hidden;flex-grow:1;position:relative}.player__video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}.to-main{padding:.5rem;text-decoration:none;color:#fff;background-color:#285233;border-radius:.25rem;box-sizing:border-box;position:absolute;top:.3125rem;left:-624.9375rem}.to-main:focus-visible{left:.3125rem;z-index:9999}.logo{width:35%;max-width:13.75rem}.logo::before{padding-bottom:35.4545454545%;background-image:url(../assets/images/logo-1.png)}.btn-sitemap{padding:.5rem 1.5rem;text-decoration:none;color:#000;background-color:#d8d963;border:.125rem solid #61371a;border-radius:624.9375rem;box-sizing:border-box}.btn-sitemap:hover{background-color:#ececb1}.scene{width:100%;position:relative}.scene__sky{width:100vw;position:absolute;left:50%}.scene__sky::before{padding-bottom:100%;background-color:#cce6d2}.scene__bg{width:100vw;position:absolute;top:60%;left:50%}.scene__bg::before{padding-bottom:46.875%;background-image:url(../assets/images/bg.png)}.scene__deco4{width:85.6%;margin:auto;position:relative}.scene__deco4::before{padding-bottom:51.9859813084%;background-image:url(../assets/images/deco-4.png)}.scene__deco5{width:46%;position:absolute;top:-4%;left:29%}.scene__deco5::before{padding-bottom:86.9565217391%;background-image:url(../assets/images/deco-5.png)}.scene__deco6{width:72.8%;position:absolute;top:47%;left:13%}.scene__deco6::before{padding-bottom:27.0604395604%;background-image:url(../assets/images/deco-6.png)}.main-btns{width:100%;padding:1.25rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width: 768px){.main-btns{grid-template-columns:1fr}}.btn-main{width:100%;padding:.75rem clamp(1rem,0.78125vw + 0.71875rem,1.5rem);font-weight:bold;text-decoration:none;color:#61371a;background-image:linear-gradient(180deg, #f5d847, #f39c57);border-top:clamp(.25rem,0.390625vw + 0.109375rem,.5rem) solid #fff;border-bottom:clamp(.25rem,0.390625vw + 0.109375rem,.5rem) solid #61371a;border-radius:clamp(.75rem,0.78125vw + 0.46875rem,1.25rem);box-shadow:0 0 0 .1875rem #61371a;box-sizing:border-box;display:flex;gap:clamp(.25rem,0.390625vw + 0.109375rem,.5rem);align-items:center;transition:.3s border-width}.btn-main:hover{border-top-width:clamp(.125rem,0.390625vw + -0.015625rem,.375rem);border-bottom-width:clamp(.375rem,0.390625vw + 0.234375rem,.625rem)}.btn-main:focus-visible{box-shadow:0 0 0 .1875rem #c00;outline:none}.btn-main__icon{width:clamp(1.875rem,1.7578125vw + 1.2421875rem,3rem);height:clamp(1.875rem,1.7578125vw + 1.2421875rem,3rem);flex-shrink:0}.btn-main--video .btn-main__icon{background-image:url(../assets/images/icon-1.png)}.btn-main--book .btn-main__icon{background-image:url(../assets/images/icon-2.png)}.btn-main--learn .btn-main__icon{background-image:url(../assets/images/icon-3.png)}.btn-main--guide .btn-main__icon{background-image:url(../assets/images/icon-4.png)}.btn-main--game .btn-main__icon{background-image:url(../assets/images/icon-5.png)}.btn-main--boardgame .btn-main__icon{background-image:url(../assets/images/icon-6.png)}.page{width:95%;padding:1.25rem;margin:0 auto 5% auto;background-color:#fff;border:.125rem solid #9dd6dd;box-sizing:border-box;display:flex;flex-grow:1;flex-direction:column;gap:.25rem;align-items:center;position:relative}.page__head{margin-bottom:1.25rem;position:relative}@media(max-width: 576px){.page__head{margin-bottom:.75rem}}.page__head__deco{width:100%;height:100%;position:absolute;top:0;left:0}.page__head__deco::before,.page__head__deco::after{content:"";width:9.0625rem;height:3.25rem;position:absolute;bottom:-15%}.page__head__deco::before{background-image:url(../assets/images/head-1.png);left:-15%}.page__head__deco::after{background-image:url(../assets/images/head-2.png);right:-15%}@media(max-width: 576px){.page__head__deco::before,.page__head__deco::after{display:none}}.page__head__text{padding:.5rem clamp(1rem,0.78125vw + 0.71875rem,1.5rem);margin:0 auto;font-weight:bold;color:#61371a;background-image:linear-gradient(0deg, #f5d847, #f39c57);border:clamp(.125rem,0.09765625vw + 0.08984375rem,.1875rem) solid #61371a;border-radius:.5rem;display:flex;gap:clamp(.25rem,0.390625vw + 0.109375rem,.5rem);align-items:center;position:relative}.page__head__text::before{content:"";width:clamp(2.25rem,1.171875vw + 1.828125rem,3rem);height:clamp(1.75rem,1.171875vw + 1.328125rem,2.5rem);background-image:url(../assets/images/icon-7.png);display:block;flex-shrink:0}.page__head__text--video::before{background-image:url(../assets/images/icon-1.png)}.page__head__text--book::before{background-image:url(../assets/images/icon-2.png)}.page__head__text--learn::before{background-image:url(../assets/images/icon-3.png)}.page__head__text--guide::before{background-image:url(../assets/images/icon-4.png)}.page__head__text--game::before{background-image:url(../assets/images/icon-5.png)}.page__head__text--boardgame::before{background-image:url(../assets/images/icon-6.png)}.sitemap{width:100%;display:flex;flex-direction:column;gap:1rem}.sitemap__info{width:100%;padding:1.25rem;background-color:#68b1b7;border:.25rem solid #2d9b9b;border-radius:.5rem;box-sizing:border-box}.sitemap__info .sitemap__text{color:#fff}.sitemap__text{color:#000}.sitemap__links{width:100%;display:flex;flex-direction:column}.sitemap__link{width:100%;padding:1rem;text-decoration:none;color:#4d5760;border-bottom:.0625rem dashed #4d5760;box-sizing:border-box}.sitemap__link:nth-last-child(1){border-bottom:none}.sitemap__link:hover{background-color:#f1f2f4}.sitemap__link:focus-visible{background-color:#ddeee1;border-bottom:none}.game{width:100%;padding:1.5rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width: 576px){.game{grid-template-columns:1fr}}.game__item{width:100%;position:relative;cursor:pointer}.game__item::before{padding-bottom:57.0652173913%}.game__event{width:100%;height:100%}.game__event--e1{background-image:url(../assets/images/event-1.png)}.game__event--e2{background-image:url(../assets/images/event-2.png)}.question{width:100%;padding:clamp(0rem,2.34375vw + -0.84375rem,1.5rem);box-sizing:border-box}.question__text{padding:.5rem 1rem;color:#fff;background-color:#397448;border-radius:1rem;box-sizing:border-box;display:inline-block}.question__explanation{padding:.75rem;background-color:#ddeee1;box-sizing:border-box}.learn{width:100%;display:flex;flex-direction:column;gap:1rem}.learn__downloads{width:100%;display:flex;flex-direction:column;gap:.5rem}.learn__download{width:100%;padding:1rem;font-weight:bold;text-decoration:none;color:#225360;background-color:#9dd6dd;border:clamp(.125rem,0.09765625vw + 0.08984375rem,.1875rem) solid #3da8ab;border-radius:1rem;box-sizing:border-box;display:flex;gap:clamp(.25rem,0.390625vw + 0.109375rem,.5rem);align-items:center;position:relative}.learn__download::before{content:"";width:clamp(1.5rem,0.390625vw + 1.359375rem,1.75rem);height:clamp(1.5rem,0.390625vw + 1.359375rem,1.75rem);background-image:url(../assets/images/icon-8.png);display:block;flex-shrink:0}.learn__download:hover{background-color:#ddeee1}.learn__download:focus-visible{background-color:#ddeee1;border-bottom:none}