body{margin:0;font-family:"oxford-kai","adobe-kaiti-std"!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}iframe{position:absolute;top:0;left:0;height:100%;width:100%}body{background-color:#f5eede!important;min-width:375px}.intro-mode{background-image:url(../../static/media/bg.71dbe992.png);background-size:cover}.enter-mode,.intro-mode{min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}.enter-mode{background-image:url(../../static/media/bg.4222e644.png)}.header-container{background-color:#a7d343;height:80px;background-position:100%;background-repeat:no-repeat;background-size:contain}@media(max-width:767.98px){.header-container{height:60px}}.header-container.intro-header{position:absolute;top:0;background-color:rgba(0,0,0,0);z-index:1}.header-container.content-header{background-color:#fff7d9}@media(max-width:767.98px){.header-container.content-header{background-image:none!important}}.header-container.content-header .prev-title svg{width:80%;max-width:185px}.header-container svg{max-height:42px;max-width:185px}@media(max-width:767.98px){.header-container .app-logo-svg{max-width:48px}}.header-container .app-title-svg{width:170px;height:33px}.header-container .nav2{position:absolute;display:none;width:100%;background:#ffb320;z-index:1;top:60px;left:0}.header-container .nav2.active{display:block}.header-container .nav2.active .tabbar-container{overflow:unset}@media(max-width:767.98px){.header-container .nav2.active .tabbar-container{display:block!important}}.header-container .header-title{font-size:36px}@media(max-width:767.98px){.header-container .header-title{font-size:28px}}@media(max-width:575.98px){.header-container .header-title{font-size:24px}}.header-container .header-end,.header-container .header-start{width:25%}@media(max-width:767.98px){.header-container .header-end,.header-container .header-start{width:40px}}.header-container .header-start{padding-top:8px}@media(max-width:767.98px){.header-container .header-start{padding-top:8px}}.header-container .header-end{padding-top:8px}@media(max-width:767.98px){.header-container .header-end{padding-top:6px}}.tabbar-container{height:69px;background:#ffb320}@media(max-width:767.98px){.tabbar-container{overflow:hidden;height:0;position:absolute;width:100%;display:none!important}}.tabbar-container .tabbar-item{background:#ffb320}.tabbar-container .edpuzzle{margin-top:0;margin-bottom:-10px}.tabbar-container .Mui-selected svg *{fill:#fff}.select-title{color:#fff;font-size:22px;font-family:"oxford-kai","adobe-kaiti-std"!important;white-space:nowrap}.select-title:before{background-image:url(data:image/png;base64,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)}.select-title:after,.select-title:before{content:"";background-repeat:no-repeat;background-size:80%;background-position:bottom;width:99px;height:61px;margin:5px}.select-title:after{background-image:url(data:image/png;base64,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)}@media(max-width:767.98px){.select-title:after,.select-title:before{background-image:none;height:0}}.footerContainer{background-color:#f5b014;height:30px;color:#000;font-family:Roboto!important;font-size:12px}.footerContainer a{color:inherit;text-decoration:none}@media(max-width:767.98px){.footerContainer{height:45px}}.mainContainer{position:relative;background-color:#fff;height:calc(100vh - 179px);height:calc(var(--vh, 1vh)*100 - 179px)}.mainContainer.indexPage{min-height:calc(100vh - 179px);min-height:calc(var(--vh, 1vh)*100 - 179px);height:100%}.mainContainer.indexPage>.row{position:absolute;width:100%;height:100%;overflow-y:auto}@supports(-webkit-touch-callout:none){.mainContainer.indexPage{min-height:calc(100vh - 179px);min-height:calc(var(--vh, 1vh)*100 - 179px)}}@media(max-width:767.98px){.mainContainer,.mainContainer.indexPage{min-height:calc(100vh - 105px);min-height:calc(var(--vh, 1vh)*100 - 105px)}.mainContainer.indexPage{height:100%}@supports(-webkit-touch-callout:none){.mainContainer.indexPage{min-height:calc(100vh - 105px);min-height:calc(var(--vh, 1vh)*100 - 105px)}}}.grid{text-align:left}.filter-item{height:140px}.filter-item.coming-soon{filter:grayscale(100%)}.filter-item>.container{background-image:url(../../static/media/bg.64611e3a.png);background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.filter-item .title{font-size:28px;line-height:28px;font-family:"oxford-kai","adobe-kaiti-std"!important}@media(max-width:767.98px){.filter-item .title{font-size:28px}}@media(max-width:575.98px){.filter-item .title{font-size:28px}}.filter-item .author{color:#c45238;font-size:20px;font-family:"MYuenHK"!important}.filter-item .left-icon{width:120px}.filter-item .left-icon .icon{margin-left:35px;width:100px;height:100px;position:relative;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}@media(max-width:767.98px){.filter-item .left-icon .icon{margin-left:25px}}.filter-item .left-icon .icon:before{content:"";font-family:"MYuenHK";text-align:center;font-size:22px;padding:3px;color:#fff;width:40px;height:40px;position:absolute;background-color:#2284f6;top:-8px;left:-8px;border-radius:50%}.filter-item .left-icon .icon.paragraph:before{content:"文";background-color:#f87c37}.filter-item .left-icon .icon.poem:before{content:"詩"}.filter-item .left-icon .icon:after{content:"";display:block;padding-bottom:100%}.intro-container{height:calc(100vh - 30px);height:calc(var(--vh, 1vh)*100 - 30px);min-height:700px;position:relative;overflow:hidden}@media(max-width:767.98px){.intro-container{height:calc(100vh - 45px);height:calc(var(--vh, 1vh)*100 - 45px)}}.intro-container:before{content:"";background-image:url(../../static/media/leaf_top.d7e19642.png);background-position:bottom;background-size:contain;background-repeat:no-repeat;position:absolute;width:800px;height:600px;top:-250px;right:-250px}@media(max-width:1199.98px){.intro-container:before{width:700px;height:500px;top:-300px;right:-300px}}@media(max-width:767.98px){.intro-container:before{width:400px;height:300px;top:-150px;right:-150px}}@media(max-width:575.98px){.intro-container:before{width:250px;height:200px;top:-100px;right:-100px}}.intro-container:after{content:"";background-image:url(../../static/media/mouse_bottom.f0fe16e0.png);background-position:top;background-size:contain;background-repeat:no-repeat;position:absolute;width:50%;height:500px;bottom:-150px;left:-5%}@media(max-width:1399.98px){.intro-container:after{width:700px;height:600px;bottom:-200px;left:-200px}}@media(max-width:1199.98px){.intro-container:after{width:600px;height:300px;bottom:-80px;left:-200px}}@media(max-width:767.98px){.intro-container:after{width:300px;height:200px;bottom:-50px;left:-100px}}@media(max-width:575.98px){.intro-container:after{width:200px;height:200px;bottom:-80px;left:-50px}}.intro-board{max-width:1024px;background-image:url(../../static/media/board.17bd8749.png);background-repeat:no-repeat;background-size:100% 100%;position:relative}.intro-board:before{content:"";background-image:url(../../static/media/mouse_top.f4b7dac0.png);background-position:top;background-size:contain;background-repeat:no-repeat;position:absolute;width:250px;height:250px;top:-130px;right:100px}@media(max-width:1199.98px){.intro-board:before{width:200px;height:200px;top:-100px;right:80px}}@media(max-width:767.98px){.intro-board:before{width:200px;height:150px;top:-80px;right:50px}}@media(max-width:575.98px){.intro-board:before{width:150px;height:100px;top:-50px;right:30px}}.intro-board:after{content:"";background-image:url(../../static/media/pen.e57cd953.png);background-position:top;background-size:contain;background-repeat:no-repeat;position:absolute;width:143px;height:257px;bottom:0;right:0}@media(max-width:767.98px){.intro-board:after{width:200px;height:200px;bottom:0;right:-50px}}@media(max-width:575.98px){.intro-board:after{width:80px;height:157px;bottom:0;right:0}}.intro-title img{max-width:600px}.intro-desc{font-size:22px;font-family:"Roboto"!important}@media(max-width:767.98px){.intro-desc{font-size:16px}}.intro-enter{font-family:"MQingHuaHK"!important}.intro-enter svg{width:50%}@media(max-width:575.98px){.intro-enter svg{width:70%}}.video-player-wrapper{position:relative;margin:0 auto;padding:10px;height:100%;border-radius:20px;background:#d6e2e2}.video-player-wrapper .video-player-wrapper{padding:0;overflow:hidden}.player-icon{position:absolute;top:-47px;right:30px}.edpuzzle svg{max-width:100%}.karaokeIframe{padding:0 50px}@media(max-width:767.98px){.karaokeIframe{padding:0 15px}}.animatedTextIframe{margin-top:75px;height:calc(100% - 75px)!important;padding:0 50px}@media(max-width:767.98px){.animatedTextIframe{padding:0}}.bookIframe{margin:0 50px}@media(max-width:767.98px){.bookIframe{margin:0}}