*{padding:0;margin:0;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}body{//min-width:500px;//min-height:800px}@keyframes rainbow{0%{box-shadow:0 0 6px red;border-left:2px solid red;border-top:2px solid green;border-right:2px solid blue;border-bottom:2px solid #ff0}14.3%{box-shadow:0 0 6px orange;border-left:2px solid violet;border-top:2px solid blue;border-right:2px solid green;border-bottom:2px solid orange}28.6%{box-shadow:0 0 6px green;border-left:2px solid blue;border-top:2px solid #ff0;border-right:2px solid orange;border-bottom:2px solid indigo}42.9%{box-shadow:0 0 6px blue;border-left:2px solid green;border-top:2px solid orange;border-right:2px solid indigo;border-bottom:2px solid violet}57.2%{box-shadow:0 0 6px indigo;border-left:2px solid orange;border-top:2px solid indigo;border-right:2px solid violet;border-bottom:2px solid red}71.5%{box-shadow:0 0 6px violet;border-left:2px solid indigo;border-top:2px solid violet;border-right:2px solid red;border-bottom:2px solid green}85.8%{box-shadow:0 0 6px red;border-left:2px solid violet;border-top:2px solid red;border-right:2px solid green;border-bottom:2px solid blue}to{box-shadow:0 0 6px orange;border-left:2px solid red;border-top:2px solid green;border-right:2px solid blue;border-bottom:2px solid #ff0}}header{width:100%;height:80px;display:flex;align-content:center;justify-content:center;align-items:center;position:fixed;top:0}header.headerWhiteColor{background-color:#fff;box-shadow:0 0 4px grey}header.headerEmptyColor{background-color:transparent;box-shadow:0 0 0 transparent}header.headerMenuColor{background-color:#fff;box-shadow:0 0 4px grey}header .headerBox{width:100%;max-width:1200px;align-content:center;justify-content:space-between}header .headerBox,header .headerBox .headerLogoBox{height:100%;display:flex;flex-direction:row;align-items:center}header .headerBox .headerLogoBox a{text-decoration:none;display:flex;flex-direction:row;align-items:center}header .headerBox .headerLogoBox img{width:50px;height:50px;border-radius:100%;margin-left:10px;margin-right:10px;animation:rainbow 5s linear infinite;cursor:pointer;-webkit-tap-highlight-color:transparent}header .headerBox .headerLogoBox img.click{transform:rotate(1turn)}header .headerBox .headerLogoBox a:hover img,header .headerBox .headerLogoBox img:hover{opacity:.8}header .headerBox .headerLogoBox .title{font-size:smaller;margin-right:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}header .headerBox .headerLogoBox .title:hover,header .headerBox .headerLogoBox a:hover .title{color:grey}header .headerBox .headerLogoBox .title .text{font-weight:700;font-size:large;line-height:30px}header .headerBox .headerLogoBox .title:hover .text,header .headerBox .headerLogoBox a:hover .title .text{color:grey}header .headerBox .headerMenu,header .headerBox .headerMenu li{list-style:none}header .headerBox .headerMenu{display:flex;flex-direction:row;align-items:center;align-content:center}header .headerBox .headerMenu li a{display:inline-block;padding:15px}header .headerBox .headerMenu li a:hover{background-color:rgba(0,0,0,.15)}header .headerBox .headerMenu li.active a{color:#3cb371;font-weight:700}header .headerBox .headerMenuBtn{width:35px;height:20px;display:none;margin-right:20px;flex-direction:column;justify-content:space-between;cursor:pointer;-webkit-tap-highlight-color:transparent}header .headerBox .headerMenuBtn .line{width:100%;height:3px;background-color:#000}header .headerBox .headerMenuBtn.active .ALine{transform-origin:left;transform:rotate(30deg)}header .headerBox .headerMenuBtn.active .BLine{transform-origin:center;transform:rotate(1turn);opacity:0}header .headerBox .headerMenuBtn.active .CLine{transform-origin:left;transform:rotate(-30deg)}header .MenuPanel{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:fixed;left:0;bottom:-80px;background-color:#fff;z-index:0}header .MenuPanelHide{transform:translateY(2222px)}header .MenuPanel .headerMenu,header .MenuPanel .headerMenu li{list-style:none}header .MenuPanel .headerMenu{width:100%;height:100%;overflow-y:auto;max-width:1200px}header .MenuPanel .headerMenu li{border-bottom:1px solid #bcbcbc}header .MenuPanel .headerMenu a{height:100%;padding:20px;display:block}header .MenuPanel .headerMenu li a:hover{background-color:rgba(0,0,0,.15)}header .MenuPanel .headerMenu li.active a{color:#3cb371;font-weight:700;background-color:rgba(0,0,0,.3)}@media only screen and (max-width:1309px){header .MenuPanel .headerMenu,header .headerBox{max-width:960px}}@media screen and (max-width:991px){header .headerBox{max-width:720px}header .headerBox .headerMenu{display:none}header .headerBox .headerMenuBtn{display:flex}header .MenuPanel .headerMenu{max-width:720px}}@media screen and (max-width:768px){header .headerBox{max-width:540px}header .headerBox .headerMenu{display:none}header .headerBox .headerMenuBtn{display:flex}header .MenuPanel .headerMenu{max-width:540px}}footer{width:100%;background-color:#23282d;display:flex;flex-direction:column;align-items:center;font-family:Monaco,Courier New,Consolas,Menlo,monospace;font-size:14px}footer ul,footer ul li{list-style:none}footer .footerBox{width:100%;max-width:1200px;margin:30px 0;display:flex;flex-direction:row;justify-content:left;align-items:center}footer .footerBox li.li{margin-left:10px}footer .footerBox li li{margin:6px 0;color:grey}@media only screen and (max-width:1309px){footer .footerBox{max-width:960px}}@media screen and (max-width:991px){footer .footerBox{max-width:720px}}@media screen and (max-width:768px){footer .footerBox{max-width:540px}}.HomePageView .ContentBox{width:100%;height:100vh;background-image:url(/img/HomeBackground.83d77fa9.jpg);background-repeat:no-repeat;background-size:100% 100%;display:flex;flex-direction:column;align-items:center;align-content:center}.HomePageView .ContentBox .Content{width:100%;height:100%;max-width:1200px;display:flex;flex-direction:row;align-items:center}button{padding:15px;border:none;background-color:#48d1cc;font-weight:700;border-radius:6px}button:hover{background-color:#3cb371;color:#fff}button:active{box-shadow:0 0 4px grey}