#root{margin:0;width:100%}.App{width:100%}.Home{width:100%;min-height:100vh;background-color:#f6f7f8}.Home-Intro-Welcome{font-size:30px;color:#333;font-weight:700;padding:5px 0}.Home-Intro-Info{font-size:15px;color:#666;font-weight:300;line-height:20px}.Home-Intro-Contact{display:flex;justify-content:center;padding:20px 0}.NavBar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;box-sizing:border-box;z-index:10}.NavBar-Back{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:-1;border-bottom:.5px solid #e5e5e5}.NavBar-Left-Logo{width:20px;height:20px}.NavBar-Right{display:flex;align-items:center}.NavBar-Right-Button{display:flex;align-items:center;border-radius:4px;cursor:pointer}.NavBar-Right-Button-Icon{width:20px;height:20px;margin-right:5px}.NavBar-Right-Button-Name{font-size:14px;font-weight:600}@media (any-hover: hover){.NavBar-Right-Button:hover{background-color:#fff2ce}}@media screen{.NavBar{height:60px;padding:0 20px}.NavBar-Right-Button{padding:10px 15px}.NavBarPlaceholder{height:60px}}@media screen and (max-width: 600px){.NavBar{height:50px;padding:0 10px}.NavBar-Right-Button{padding:5px}.NavBarPlaceholder{height:50px}}.SideMenu{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;box-sizing:border-box;z-index:11}.SideMenu-Content{position:fixed;top:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(10px)}.SideMenu-Content-Close{position:fixed;left:10px;top:10px;width:20px;height:20px;padding:10px}.SideMenu-Content-Head{position:fixed;background-color:red}.SideMenu-Content-Info{display:flex;align-items:center;flex-direction:column;position:fixed}.SideMenu-Content-Info-Name{color:#fff;font-weight:700}.SideMenu-Content-Info-Sub{color:#fffc}.SideMenu-Content-Info-Brief{color:#ffffff80}@media screen{.SideMenu-Content{width:400px}.SideMenu-Content-Head{left:150px;top:60px;width:100px;height:100px;background-color:#fff;border:2px solid #ffffff;border-radius:50px}.SideMenu-Content-Info{left:50px;top:175px;width:300px}.SideMenu-Content-Info-Name{font-size:16px}.SideMenu-Content-Info-Sub{margin-top:5px;font-size:14px}.SideMenu-Content-Info-Brief{margin-top:10px;font-size:14px;text-align:center}.SideMenu .show{animation:showAnimation .5s ease-in-out}.SideMenu .hide{animation:hideAnimation .6s ease-in-out}@keyframes showAnimation{0%{right:-400px}to{right:0}}@keyframes hideAnimation{0%{right:0}to{right:-500px}}}@media screen and (max-width: 600px){.SideMenu-Content{width:280px}.SideMenu-Content-Head{left:110px;top:60px;width:60px;height:60px;background-color:#fff;border:2px solid #ffffff;border-radius:50px}.SideMenu-Content-Info{left:40px;top:135px;width:200px}.SideMenu-Content-Info-Name{font-size:16px}.SideMenu-Content-Info-Sub{margin-top:5px;font-size:14px}.SideMenu-Content-Info-Brief{margin-top:10px;font-size:14px;text-align:center}}.SpaceTop{width:100%}@media screen{.SpaceTop{height:20px}}@media screen and (max-width: 600px){.SpaceTop{height:10px}}.BottomBar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:60px;text-align:center}.BottomBar-Text{display:inline-block;font-size:14px;color:#aaa}.GoTop{position:fixed;right:20px;bottom:20px;width:40px;height:40px;background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media screen{.GoTop{width:40px;height:40px}.GoTop-Icon{width:25px;height:25px}}@media screen and (max-width: 600px){.GoTop{width:30px;height:30px}.GoTop-Icon{width:20px;height:20px}}.LayoutList{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0}@media screen{.LayoutListItem{margin:0 15px 15px;width:600px}}@media screen and (max-width: 600px){.LayoutListItem{margin:0 10px 10px;width:calc(100% - 30px)}}.IconButton{position:relative;display:inline-block;border:1px solid #e5e5e5;border-radius:5px;background-color:#fff;cursor:pointer}.IconButton-Icon{position:absolute;width:15px;height:15px}.IconButton-Name{font-size:15px;color:#444;font-weight:400}@media (any-hover: hover){.IconButton:hover{background-color:#f8f8f8}}@media screen{.IconButton{margin:0 5px;border-radius:5px;padding:7px 10px}.IconButton-Icon{top:7px;left:10px}.IconButton-Name{padding-left:20px}}@media screen and (max-width: 600px){.IconButton{margin:0 5px;border-radius:5px;padding:5px 10px}.IconButton-Icon{top:5px;left:10px}.IconButton-Name{padding-left:20px}}.IconButton1{position:relative;display:inline-block;margin:0 5px;border:1px solid #e5e5e5;border-radius:5px;background-color:#3b82f6;cursor:pointer}.IconButton1-Icon{position:absolute;width:15px;height:15px}.IconButton1-Name{font-size:15px;color:#fff;font-weight:500}@media (any-hover: hover){.IconButton1:hover{background-color:#3b82f6cc}}@media screen{.IconButton1{margin:0 5px;border-radius:5px;padding:7px 10px}.IconButton1-Icon{top:7px;left:10px}.IconButton1-Name{padding-left:20px}}@media screen and (max-width: 600px){.IconButton1{margin:0 5px;border-radius:5px;padding:5px 10px}.IconButton1-Icon{top:5px;left:10px}.IconButton1-Name{padding-left:20px}}.cm-card,.HomeCard{background-color:#fff;border:1px solid #e5e5e5;border-radius:5px}.HomeCard{position:relative;width:100%;box-sizing:border-box}.HomeCard .PostPic{position:absolute}.HomeCard-Title{color:#333;font-weight:500}.HomeCard-Content{color:#666}.HomeCard-Handle{text-align:right}@media screen{.HomeCard{min-height:190px;padding:20px}.HomeCard .PostPic{width:150px;height:150px}.HomeCard-Title{padding-left:170px;font-size:20px}.HomeCard-Content{margin-top:10px;padding-left:170px;font-size:14px;line-height:20px}.HomeCard-Handle{margin-top:10px;padding-left:170px}}@media screen and (max-width: 600px){.HomeCard{min-height:120px;padding:10px}.HomeCard .PostPic{width:100px;height:100px}.HomeCard-Title{padding-left:110px;font-size:14px}.HomeCard-Content{margin-top:5px;padding-left:110px;font-size:12px;line-height:17px}.HomeCard-Handle{margin-top:5px;padding-left:110px}}.Label{display:inline-block;font-weight:500;border-width:1px;border-style:solid}@media screen{.Label{margin-right:10px;border-radius:5px;font-size:14px;padding:3px 10px}}@media screen and (max-width: 600px){.Label{margin-right:5px;border-radius:3px;font-size:12px;padding:3px 10px}}.cm-card,.PostPic{background-color:#fff;border:1px solid #e5e5e5;border-radius:5px}.Product{width:100%;min-height:100vh;background-color:#f6f7f8}.Product .Product-Collection{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}.Title{font-weight:500;color:#333}@media screen{.Title{padding-bottom:20px;font-size:30px}}@media screen and (max-width: 600px){.Title{padding-bottom:10px;font-size:20px}}.cm-card,.ProductCard-Icon,.ProductCard{background-color:#fff;border:1px solid #e5e5e5;border-radius:5px}.ProductCard{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer}.ProductCard-Icon{position:absolute}.ProductCard-Title{padding-left:100px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ProductCard-Content{padding-left:100px;color:#666;overflow:hidden;white-space:wrap;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-all}@media screen{.ProductCard{padding:15px;width:calc((100% - 15px)/2);height:100px;margin-bottom:15px}.ProductCard-Icon{position:absolute;left:15px;top:15px;width:60px;height:60px}.ProductCard-Title{padding-left:75px;font-size:14px}.ProductCard-Content{padding-left:75px;margin-top:7px;font-size:12px;line-height:15px}}@media screen and (max-width: 600px){.ProductCard{padding:10px;width:100%;height:73px;margin-bottom:10px}.ProductCard-Icon{position:absolute;left:10px;top:10px;width:50px;height:50px}.ProductCard-Title{padding-left:65px;font-size:14px}.ProductCard-Content{padding-left:65px;margin-top:5px;font-size:12px;line-height:15px}}.Contact{width:100%;min-height:100vh;background-color:#f6f7f8}.Contact .Contact-Item{display:flex;flex-direction:column;margin-bottom:15px}.Contact .Contact-Item-Title{font-size:14px;color:#333}.Contact .Contact-Item-Content{margin-top:5px;font-size:14px;color:#3b82f6}.NavBarDetail{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;box-sizing:border-box;z-index:10}.NavBarDetail-Back{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:-1;border-bottom:.5px solid #e5e5e5}.NavBarDetail-Left-Button{display:flex;align-items:center;border-radius:5px}.NavBarDetail-Left-Button-Icon{width:20px;height:20px;margin-right:3px}.NavBarDetail-Left-Button-Name{font-size:14px;color:#666}@media (any-hover: hover){.NavBarDetail-Left-Button:hover{background-color:#fff2ce}}@media screen{.NavBarDetail{height:60px;padding:0 20px}.NavBarDetail-Left-Button{padding:5px}.NavBarDetailPlaceholder{height:60px}}@media screen and (max-width: 600px){.NavBarDetail{height:50px;padding:0 10px}.NavBarDetail-Left-Button{padding:5px}.NavBarDetailPlaceholder{height:50px}}.cm-card,.LayoutListCard{background-color:#fff;border:1px solid #e5e5e5;border-radius:5px}.LayoutListCard{box-sizing:border-box;background-color:#fff}@media screen{.LayoutListCard{margin:0 15px 15px;width:600px;padding:20px}}@media screen and (max-width: 600px){.LayoutListCard{margin:0 10px 10px;width:calc(100% - 30px);padding:10px}}.cm-flex-space{flex:1}.cm-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:5px}@media screen and (max-width: 600px){.cm-desktop-only{display:none!important}}.Schedule{width:100%;min-height:100vh;background-color:#f6f7f8}.Schedule-Title{display:flex;align-items:center;font-weight:500;color:#333}.Schedule-Brief{color:#666;font-size:14px;line-height:20px}.Schedule .Schedule-Item{display:flex;flex-direction:column;margin-bottom:15px}.Schedule .Schedule-Item-Title{font-size:14px;color:#333}.Schedule .Schedule-Item-Content{margin-top:5px;font-size:14px;color:#3b82f6}.Schedule .Schedule-Item-Link{margin-top:5px;font-size:14px;color:#3b82f6;text-decoration:underline}@media screen{.Schedule-Title{padding-bottom:20px;font-size:30px}.Schedule-Title-Icon{width:30px;height:30px;border-radius:4px;margin-right:10px}}@media screen and (max-width: 600px){.Schedule-Title{padding-bottom:10px;font-size:20px}.Schedule-Title-Icon{width:24px;height:24px;border-radius:3px;margin-right:10px}}html,body,div,span,applet,object,iframe,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,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}