.logocontainer{display:flex;height:100%;justify-content:center;align-items:center;}.logoimg{width:80%;max-width:100px;}.boxinfo{display:-moz-flex;display:-webkit-flex;display:-ms-flexbox;display:-o-flex;display:flex;flex-wrap:wrap;box-sizing:border-box;justify-content:flex-start;padding:6px 0px;}.boxinfo10{-webkit-flex-basis:10%;flex-basis:10%;text-align:left;padding:3px 0px;word-wrap:break-word;}.boxinfo15{-webkit-flex-basis:15%;flex-basis:15%;text-align:left;padding:3px 0px;word-wrap:break-word;}.boxinfo20{-webkit-flex-basis:20%;flex-basis:20%;text-align:left;padding:3px 0px;word-wrap:break-word;}.boxinfo25{-webkit-flex-basis:25%;flex-basis:25%;text-align:left;padding:3px 0px;word-wrap:break-word;}.boxinfo30{-webkit-flex-basis:30%;flex-basis:30%;text-align:left;padding:3px 0px;word-wrap:break-word;}.boxinfo50{-webkit-flex-basis:50%;flex-basis:50%;text-align:left;padding:3px 0px;word-wrap:break-word;}.boxinfo75{-webkit-flex-basis:75%;flex-basis:75%;text-align:left;padding:3px 0px;word-wrap:break-word;}.boxinfo100{-webkit-flex-basis:100%;flex-basis:100%;padding:3px 0px;}@media screen and (max-width:1000px){.boxinfo10,.boxinfo15,.boxinfo20,.boxinfo25,.boxinfo30{-webkit-flex-basis:33%;flex-basis:33%;}}@media screen and (max-width:740px){.boxinfo10,.boxinfo15,.boxinfo20,.boxinfo25,.boxinfo30,.boxinfo50,.boxinfo75{-webkit-flex-basis:100%;flex-basis:100%;}}.tags_button{margin-top:15px;padding:1px 3px;background-color:#EEE;border-radius:4px;border:solid 1px #DEE;font-size:0.8em;color:#000;line-height:20px;}.tags_button:hover{background-color:#36F;color:#FF0;}.buttonlogin{background-color:#4CAF50;color:white;padding:4px 15px;border:none;cursor:pointer;width:100%;}.buttonlogout{background-color:#f44336;color:white;padding:4px 15px;border:none;cursor:pointer;width:100%;}.buttonloginsend{background-color:#4CAF50;color:white;padding:14px 20px;margin:8px 0;border:none;cursor:pointer;width:100%;font-size:1em;}button:hover{opacity:0.8;}.cancelbtn{width:auto;padding:10px 18px;background-color:#f44336;}.imgloginmodcontain{text-align:center;margin:24px 0 12px 0;position:relative;}img.avatar{width:15%;border-radius:50%;}.loginmodcontain{padding:16px;}span.psw{float:right;padding-top:16px;}div.pswclear{float:none;}.modal_log{display:none;position:fixed;z-index:55;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);padding-top:60px;}.modal_log_content{background-color:#fefefe;margin:5% auto 15% auto;border:1px solid #888;width:60%;}.close_log{position:absolute;right:25px;top:0;color:#000;font-size:35px;font-weight:bold;cursor:pointer;}.close:hover,.close:focus{color:red;cursor:pointer;}@media screen and (max-width:640px){.modal_log_content{width:80%;}}.animate{-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}@media screen and (max-width:300px){span.psw{display:block;float:none;}.cancelbtn{width:100%;}}0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);padding-top:60px;}.modal_log_content{background-color:#fefefe;margin:5% auto 15% auto;border:1px solid #888;width:60%;}.close_log{position:absolute;right:25px;top:0;color:#000;font-size:35px;font-weight:bold;cursor:pointer;}.close:hover,.close:focus{color:red;cursor:pointer;}@media screen and (max-width:640px){.modal_log_content{width:80%;}}.animate{-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}@media screen and (max-width:300px){span.psw{display:block;float:none;}.cancelbtn{width:100%;}}