html{font-size:12px}@media screen and (max-width: 500px){html{font-size:10px;font-size:3vw}}body{font-family:Helvetica,sans-serif;margin:0;padding:0;color:#cdcccd;overflow-x:hidden;user-select:none;background:url(../../PublicClient/Images/bg.jpg) repeat-y;background-size:100% auto;background-position:bottom left;background-color:#000}img{max-width:100%}header{margin-bottom:1em}header img{width:100%}main{padding:1rem;text-align:center}main .mw-100{max-width:100%}main input{border:none;border-radius:0;background-color:#fff;width:18em;padding:.5em;font-size:150%}main .noted{margin:1rem;font-size:80%}main .line{width:100%;height:2px;background:linear-gradient(90deg,rgba(0,0,0,0) 15%,rgba(174,144,59,.8),rgba(0,0,0,0) 85%) no-repeat;background-size:100% 100%}main .btn-section{padding:1.5em 0 0}main .btn{width:12em;display:inline-block;cursor:pointer}main .btn img{width:100%}footer{padding:1rem;text-align:center}.modal .content{background:#f9feff;color:#000;max-width:90%;min-height:16em;padding:0 1em;font-size:125%;display:flex;flex-direction:column;justify-content:space-between}.modal .title{font-size:125%;font-weight:700;text-transform:uppercase;margin:.8em 0}.modal .icon-section{margin-bottom:1em}.modal .icon-section img{width:auto;height:5em}.modal .btn-section{margin:1em 0}.modal .btn{width:8em;height:2.25em;cursor:pointer;color:transparent;display:inline-block;background:url(images/btn01.png) center/100% 100% no-repeat}.user{color:#fff;font-size:125%;margin-bottom:1.5em}.user a.logout{color:#fff}.user .user-name{font-weight:700}