#password.new .wrapper .inner{display:flex;flex:auto;padding:4rem 0}#password.new .main{flex:0 0 50%;margin:auto;max-width:50%}#password.new .title{font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif;margin:0 2rem 1.5rem}#password.new .title h1{font-size:1.5em;margin:0 2rem 1.5rem;text-align:center}#password.new .title .error{margin-top:1.5rem;text-align:center}#password.new .title .error p{color:#e57a71;font-family:"Poppins Light","Noto Sans Thai Light",sans-serif;font-size:.9em}#password.new .title .error i{font-size:1.25em;margin-right:.25rem;position:relative;top:.15rem}#password.new .field{margin-bottom:2.5rem;margin-left:2rem;margin-bottom:2.5rem}#password.new .field>li{display:flex;flex-wrap:wrap;margin-bottom:1rem}#password.new .field .sub-field{align-items:baseline;display:flex;width:100%}#password.new .field .note,#password.new .field .error-message{display:block;flex:auto;font-size:.8em;margin-top:.25rem;text-align:center}#password.new .field .note{color:#4d4d4d}#password.new .field .error-message{color:#e57a71}@media only screen and (max-width: 480px){#password.new .field{margin-bottom:2rem;margin-left:1.25rem}#password.new .field .sub-field{display:block;margin-right:1.25rem}}#password.new .field li{display:block;margin-bottom:1rem}#password.new .field label{box-sizing:border-box;display:block;margin-bottom:.5rem;margin-right:2rem;position:relative;width:100%;width:auto}@media only screen and (max-width: 480px){#password.new .field label{margin-right:1.25rem}}#password.new .field h2{font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif;font-size:.9em;margin-bottom:.75rem}#password.new .field h2 span{color:#e57a71;margin-left:.25rem}#password.new .field [type=email]{border:1px solid #231f20;box-sizing:border-box;color:#4d4d4d;font-family:inherit;font-size:.9em;height:50px;line-height:1.25;padding:.75rem;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;width:100%;border-radius:.95rem;height:50px;padding-left:3rem}#password.new .field [type=email]::placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}#password.new .field [type=email]:focus{border-color:#666;box-shadow:0 0 0 .2rem rgba(102,102,102,.25);outline:0}@supports(-webkit-overflow-scrolling: touch){#password.new .field [type=email]{font-size:16px}#password.new .field [type=email]::placeholder{line-height:normal}}#password.new .field .icon{align-items:center;bottom:0;color:#e57a71;cursor:pointer;display:flex;font-size:1.8em;justify-content:center;left:0;position:absolute;top:0;width:3rem;z-index:1}#password.new .field .error [type=email]{border-color:#e57a71}#password.new .field .error [type=email]:focus{box-shadow:0 0 0 .2rem rgba(229,121,113,.25)}#password.new .field .error [type=email]:hover select{text-shadow:0 0 0 #e57a71}#password.new .field .error [type=email]:hover .arrow i{color:#e57a71}#password.new .field .error-message{margin-right:2rem}#password.new .btn{display:block;padding:0;text-align:right}#password.new .btn a,#password.new .btn [name=back]{color:#666;font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif;font-size:.9em}#password.new .btn a:hover,#password.new .btn [name=back]:hover{opacity:.7;text-decoration:underline}#password.new .btn [name=back]{background-color:rgba(0,0,0,0);border:0 none;cursor:pointer}#password.new .btn input[type=submit]{background-color:#e57a71;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif;font-size:1em;line-height:3rem;overflow:hidden;outline:none;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;font-size:.9em}#password.new .btn input[type=submit] i{font-size:1.5em;margin-right:.5rem;position:relative;top:1.5px}#password.new .btn input[type=submit]:hover{background-color:#ff887f}#password.new .btn [name=confirm],#password.new .btn [name=edit]{background-color:rgba(0,0,0,0);border:1px solid #e57a71;border-radius:2rem;color:#e57a71;cursor:pointer;font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif;font-size:1em;line-height:3rem;overflow:hidden;outline:none;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out,color .3s ease-in-out;white-space:nowrap;font-size:.9em}#password.new .btn [name=confirm] i,#password.new .btn [name=edit] i{font-size:1.5em;margin-right:.5rem;position:relative;top:1.5px}#password.new .btn [name=confirm]:hover,#password.new .btn [name=edit]:hover{background-color:#e57a71;color:#fff}#password.new .btn [name=create]{background-color:#41cc83;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif;font-size:1em;line-height:3rem;overflow:hidden;outline:none;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;font-size:.9em}#password.new .btn [name=create] i{font-size:1.5em;margin-right:.5rem;position:relative;top:1.5px}#password.new .btn [name=create]:hover{background-color:#2c8957}#password.new .btn [name=destroy]{background-color:#e57a71;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif;font-size:1em;line-height:3rem;overflow:hidden;outline:none;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;font-size:.9em}#password.new .btn [name=destroy] i{font-size:1.5em;margin-right:.5rem;position:relative;top:1.5px}#password.new .btn [name=destroy]:hover{background-color:#ff887f}#password.new .btn ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding-left:.5rem}#password.new .btn ul li{display:flex;margin-right:1rem}@media only screen and (max-width: 768px){#password.new .btn a,#password.new .btn [name=back],#password.new .btn [name=confirm],#password.new .btn [name=edit],#password.new .btn [name=create],#password.new .btn [name=destroy]{font-size:1em}#password.new .btn input[type=submit]{font-size:1em}}@media only screen and (max-width: 320px){#password.new .btn ul{flex-direction:column;padding:0}#password.new .btn ul li{margin-bottom:1rem;margin-right:0}#password.new .btn ul li:last-child{margin-bottom:0}}#password.new .btn ul{flex-direction:column;padding:0}#password.new .btn ul li{margin-right:0}#password.new .btn ul .back{margin-top:1rem}#password.new .confirmable{font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif;font-size:.9em;margin-top:1rem;text-align:center;margin-top:1.5rem}#password.new .confirmable a{color:#e57a71;display:inline}#password.new .side{background-color:#fafafa;display:flex;max-width:none}#password.new .side .user{display:flex;flex-direction:column;font-size:1.125em;justify-content:center;margin-bottom:0;padding:4rem;width:100%}#password.new .side .user .intro{text-align:center}#password.new .side .user .intro p{font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif}#password.new .side .user ul{align-items:center;justify-content:center}#password.new .side .user ul li{margin-right:2rem}#password.new .side .user ul li:last-child{margin-right:0}#password.new .side .user li button{cursor:pointer;transition:opacity .3s ease-in-out}#password.new .side .user li button:hover{opacity:.8}#password.new .side form button{align-items:center;border:unset;border-radius:50%;color:#fff;display:flex;height:3rem;justify-content:center;margin:auto;padding:1rem;width:3rem}#password.new .side form button i{font-size:2em}#password.new .side form button img{flex:0 0 auto;height:3rem;width:3rem}#password.new .side .social{display:flex;padding:2rem 0}#password.new .side .social li.facebook button{background-color:#3b5998}#password.new .side .social li.twitter button{background-color:#1da1f2}#password.new .side .social li.google button{background-color:rgba(0,0,0,0)}#password.new .side .privacy-and-term p{color:#000;font-size:.7em;text-align:center}#password.new .side .privacy-and-term a{color:#e57a71;display:inline;padding:0 .2rem;text-decoration:underline}@media only screen and (max-width: 1024px){#password.new .side .user{padding:2rem}}@media only screen and (max-width: 768px){#password.new .side{background-color:rgba(0,0,0,0);display:block;margin-bottom:2rem;width:auto}#password.new .side .user{padding:0;width:auto}#password.new .side .privacy-and-term p{font-size:.8em}}@media only screen and (max-width: 480px){#password.new .side .user{padding:1.25rem}}@media only screen and (max-width: 1024px){#password.new .wrapper .inner{padding:3rem 0}}@media only screen and (max-width: 768px){#password.new .wrapper .inner{display:block}#password.new .main{margin-bottom:4rem;max-width:none}#password.new .field h2{font-size:1em}#password.new .field .error-message{font-size:.9em}}@media only screen and (max-width: 480px){#password.new .title{margin:0 1.25rem 1.5rem}#password.new .field .error-message{margin-right:1.25rem}}
