@import "https://fonts.googleapis.com/css2?family=Fascinate&family=Noto+Sans+TC:wght@100..900&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";html,body{letter-spacing:.05em;color:#212121;margin:0 auto;font-family:Sansation,Noto Sans TC,sans-serif;font-weight:400;line-height:1.56;position:relative;overflow:hidden auto}.porel{position:relative}.center{text-align:center!important}::selection{color:#fff3e0;background-color:#212121}img{-webkit-user-select:none;user-select:none;-o-user-select:none;max-width:100%}.mo{display:none}@media (width<=767px){.mo{display:block}}.pc{display:none}@media (width>=768px){.pc{display:block}}a,a:hover{color:inherit;outline:none;text-decoration:none}:focus{outline:none}#app{flex-direction:column;width:100%;min-height:100vh;display:flex}h2.title{text-align:center;margin-bottom:20px;font-size:68px;font-weight:600}@media (width>=768px) and (width<=991px){h2.title{font-size:45px}}@media (width<=767px){h2.title{font-size:30px}}html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline;font:inherit;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}*,:before,:after{box-sizing:border-box}table{vertical-align:baseline;font:inherit;border:0;padding:0}*{box-sizing:border-box}main{margin-left:285px}@media (width>=768px) and (width<=1200px){main{margin-left:245px}}@media (width<=767px){main{margin:0}}.wrap{width:1440px;max-width:100%;margin:0 auto;position:relative}@media (width<=767px){.wrap.menuOpen header{height:100vh;transition:opacity .2s}.wrap.menuOpen header .navigation,.wrap.menuOpen header .community{opacity:1;pointer-events:all}}.wrap.menuOpen header .humber span:first-child{transform:rotate(45deg)translate(6px,6px)}.wrap.menuOpen header .humber span:nth-child(2){transform:translate(-101%)}.wrap.menuOpen header .humber span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}header{flex-direction:column;justify-content:space-between;height:100vh;padding:20px 40px;display:flex;position:fixed;top:0}@media (width>=768px){header{max-width:285px}}@media (width>=768px) and (width<=1200px){header{padding:20px}}@media (width<=767px){header{z-index:99;background-color:#fff;width:100%;height:60px;padding:0}}.navigation{padding:20px 0;display:inline-block}@media (width<=767px){.navigation{opacity:0;pointer-events:none;padding:40px;transition:opacity .5s}}.logo-name{color:#ffb300;text-shadow:1px 1px 1px #212121;margin-bottom:20px;font-family:Fascinate,system-ui;font-size:46px}@media (width<=767px){.logo-name{text-align:center;font-size:32px}}nav .menu-list{margin-bottom:15px;position:relative}nav .menu-list a{color:#212121;padding:5px 0;font-size:22px;font-weight:600;display:block;position:relative;overflow:hidden}@media (width<=767px){nav .menu-list a{padding:10px 0;font-size:18px}}nav .menu-list a:hover:after{transform:translate(0%)}nav .menu-list a:before{content:"";background-color:#eee;width:100%;height:2px;position:absolute;bottom:0;left:0}nav .menu-list a:after{content:"";background-color:#212121;width:100%;height:2px;transition:transform .5s;position:absolute;bottom:0;left:0;transform:translate(-101%)}.humber{width:30px;height:30px;display:none;position:fixed;top:15px;right:15px;overflow:hidden}@media (width<=767px){.humber{display:block}}.humber span{background-color:#212121;width:100%;height:2px;transition:transform .5s;display:inline-block;position:absolute}.humber span:first-child{top:6px}.humber span:nth-child(2){top:50%;transform:translateY(-50%)}.humber span:nth-child(3){bottom:6px}.community{display:flex}@media (width<=767px){.community{opacity:0;pointer-events:none;justify-content:center;padding-bottom:40px;transition:opacity .5s}}.community>div a{width:100%;height:100%;display:block}.community>div a img{object-fit:contain;object-position:centere;width:100%;height:100%;display:block}.community .icon104{width:36px;margin-right:20px}.community .cake{width:80px}