body{padding:0;margin:0;font-family:proxima-nova,sans-serif}h1,h2,h3,h4,h5,h6{padding:0;margin:0}header{width:100%;height:50px;background-color:#fff;border-bottom:2px solid #644e9a;margin-bottom:20px}header .maincontent{width:960px;height:auto;margin:0 auto;box-sizing:border-box;padding-top:7px}header .maincontent .logo{float:left}header .maincontent nav{float:left;margin-left:20px;margin-top:3px}header .maincontent nav ul{list-style:none;padding:0;margin:0}header .maincontent nav ul li{display:inline-block;color:#707070;cursor:pointer;padding-left:5px;padding-right:5px;font-size:14px}header .maincontent nav ul a{color:#707070;text-decoration:none}.body{width:960px;height:auto;margin:0 auto;padding-bottom:20px}h1{font-size:42px;color:#644e9a;text-align:center;padding-left:20px;padding-right:20px}.body>p{padding-left:20px;padding-right:20px}.clr{clear:both}.nfsftitle{width:100%;height:auto;padding-top:10px;padding-bottom:10px;background-color:#e30914;display:flex;align-items:center;justify-content:center;margin-top:20px}.nfsftitle.vis{background-color:#0054a6}.nfsftitle.min{background-color:#fff200}.nfsftitle.min h2{color:#000}.nfsftitle h2{font-size:24px;color:#fff}.nfsfchoices{position:relative;float:left;width:25%;height:auto;box-sizing:border-box;cursor:pointer}.nfsfchoices img{width:100%;height:auto}.nfsfchoices .lecontent{box-sizing:border-box;padding-right:20px;padding-top:20px}.nfsfchoices .lecontent .cname{background-color:#e30914;color:#fff;font-size:18px;font-weight:700;height:50px;display:flex;align-items:center;justify-content:center;margin-top:10px;transition:background-color 1s}.nfsfchoices .lecontent .cname.selected{background-color:#6AE577}.nfsfgenerate{width:620px;color:#fff;background-color:#B3AB56;margin:0 auto;text-align:center;padding-top:20px;padding-bottom:20px;margin-top:20px;cursor:pointer;transition:background-color 1s}.nfsfgenerate:hover{background-color:#807D63}.nfsfresult{display:none;width:100%;height:auto;background-color:#644e9a;color:#fff;margin:0 auto;margin-top:20px;box-sizing:border-box;padding:20px}.nfsfresult .resultimg img{width:100%;height:auto}.nfsfresult h2{padding:20px;text-align:center}.nfsfresult a{font-weight:700;color:#fff200}footer{display:flex;align-items:center;justify-content:center;width:100%;height:66px;background-color:#000}footer p{color:#fff;text-align:center}@media all and (min-width:720px) and (max-width:979px){header .maincontent .logo{float:none;margin:0 auto;text-align:center}header .maincontent nav{display:none}header .maincontent{width:100%}}@media all and (min-width:0) and (max-width:719px){header .maincontent{width:100%}h1{padding-left:20px;padding-right:20px}.body>p{padding-left:20px;padding-right:20px}header .maincontent .logo{float:none;margin:0 auto;text-align:center}header .maincontent nav{display:none}.body{width:100%}.nfsfchoices{width:50%}.nfsfchoices .lecontent{padding-left:20px}.nfsftitle{width:100%}.nfsfgenerate{width:100%}.nfsfresult{width:100%}}