#Login{margin:0 auto;padding:10px;background-color:rgba(0,0,0,.07)}.login_box{width:500px;max-width:100%;margin:15px auto 0;border-radius:20px;border:3px solid #37c5f3;overflow:hidden}.login_box .title{text-align:center;background:#37c5f3;height:52px;font-size:2rem;font-weight:700}.login_box_content{width:90%;margin:auto}.social_login h3{text-align:center;padding:20px 0 10px 0;border-bottom:2px solid #37c5f3}.social_type{margin:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:80%;margin:auto}.social_type div{width:80px;height:auto}.login_info h2{text-align:center;padding:0 0 10px 0;margin:10px 0;border-bottom:2px solid #37c5f3}.login_info form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 0 10px 0}.input_container{position:relative;margin-top:40px}.input_container label{position:absolute;top:-12px;left:0;color:#757575;font-size:28px;font-weight:700;line-height:60px;-webkit-transition:all .2s ease;transition:all .2s ease}.input_container input{width:100%;height:36px;font-size:19px;border:none;background:#abd8ff;padding-left:5px}.check_value,.input_container input:focus~label,.input_container input:valid~label{color:#000;-webkit-transform:translate(-20%,-60%) scale(.65);transform:translate(-20%,-60%) scale(.65)}.error_input{background-color:#f88094!important}.forget_box{margin:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700}.forget_box div:nth-child(odd){width:calc(100% - 200px);height:2px;background:#37c5f3}.forget_box div:nth-child(2n){width:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 20px}.submit{margin:30px 0}.member_registration{width:350px;max-width:100%;margin:0 auto 10px;text-align:center}.member_registration h2{text-align:center;padding:0 0 10px 0;margin:20px 0 10px;border-bottom:2px solid #37c5f3}.member_registration p{font-size:19px}@media (max-width:380px){.social_type{width:100%}}