#box .item {display:block; padding:10px 40px 0 40px;}
#box .item.first {padding-top:20px;}
#box .item.last {padding-bottom:30px;}
#box .item label {display:block; margin-bottom:5px; text-align:left; font-size:12px;}
#box .item input {display:block; width:100%; border-radius:0; border:0; transition:.3s;}
#box .item input:focus {border:1px solid #f1f1f1;}
#box div.cta .button {display:block; width:100%; height:40px; background-color:#FFFFFF; border:0; text-align:center; line-height:40px; cursor:pointer; color:#333; font-weight:bold; transition:0.3s; text-decoration:none; font-size:12px;}
#box div.cta .button:hover {background-color:#F5F5F5;}
#box div.cta button.button {background-color:#333333; color:#FFFFFF;}
#box div.cta button.button:hover {background-color:#111111;}
#box .error {}

#loginjoke {display:block; position:fixed; z-index:9950; width:100%; height: 100vh; overflow:hidden; background-color:#f5f8fa;}
#loginjoke p#loginpremise {display:none; width:100%; position:absolute; top:50%; transform:translateY(-50%); padding:0 40px; text-align:center; color:#333333; font-size:4em;}
#loginjoke p#loginpunchline {display:none; width:100%; position:absolute; top:50%; transform:translateY(-50%); padding:0 40px; text-align:center; color:#333333; font-size:4em;}
#loginjoke span {display:none; position:absolute; right:20px; bottom:20px; cursor:pointer; font-size:20px; z-index:9960;}