body{overflow:hidden;}

.video-player{background-color: transparent;display: block;position: absolute;z-index: 1;top:0;}
.video_mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:90; /*background-color:rgba(0,0,0,0.2);*/ }
.login{ width:260px;padding: 20px;background-color:rgba(153, 152, 152, 0.5);border-radius: 4px;position:absolute;left: 50%;top: 50%; margin:-150px 0 0 -150px;z-index:99;}
.login h1{ text-align:center; color:#fff; font-size:24px; margin-bottom:20px; }
.form_code{ position:relative; }
.form_code .code{ position:absolute; right:0; top:1px; cursor:pointer; }
.login_btn{ width:100%; }

/* .login{ width:260px;padding: 20px;background-color:#fff;border-radius: 4px;position:absolute;left: 50%;top: 50%; margin:-150px 0 0 -150px;z-index:99;}
.login h1{ text-align:center; color:#333; font-size:24px; margin-bottom:20px; }
html,body{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;width:100%;height:100%;}
canvas{display:block;vertical-align:bottom;}
#particles-js{width: 100%;height: 100%;background-color: #1d77bb;background-image: url('');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;} */