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