div#publicLayout main#contact{width:100%;padding:3.75rem 7dvw 0}div#publicLayout main#contact h1{margin:1rem 0 3rem;padding:0;color:#151515;font-family:var(--font-sarabun);font-weight:700;font-size:2.5rem;line-height:3.25rem;text-align:center}div#publicLayout main#contact div.contactContainer{display:flex;justify-content:space-evenly;align-items:flex-start;width:100%;margin-bottom:3rem}div#publicLayout main#contact div.contactContainer div.contactFormContainer{width:550px}div#publicLayout main#contact div.contactContainer div.contactFormContainer div#formSubmitionMessage{display:inline-block;width:0;height:0;font-family:var(--font-montserrat);font-size:1.5rem;text-align:center;line-height:2rem;font-weight:700;background-color:#81BEFF;color:#FFFFFF;border-radius:10px;box-shadow:0 0 10px 0 #007BFF;opacity:0;transition:opacity .3s ease-in-out;overflow:hidden}div#publicLayout main#contact div.contactContainer div.contactFormContainer div#formSubmitionMessage.opened{width:445px;height:fit-content;opacity:1;padding:2rem 1rem;margin-top:1rem}div#publicLayout main#contact div.contactContainer div.contactFormContainer form{display:inline-block;width:100%;padding:0;overflow:hidden;transition:opacity height .3s ease-in-out;vertical-align:top}div#publicLayout main#contact div.contactContainer div.contactFormContainer form.closing{opacity:0}div#publicLayout main#contact div.contactContainer div.contactFormContainer form.closed{width:0}div#publicLayout main#contact div.contactContainer div.contactFormContainer form .formTextarea{width:100%;margin:2rem 0 1rem}div#publicLayout main#contact div.contactContainer div.contactFormContainer form .formTextarea .inputContact-mainWrapper{height:4rem}div#publicLayout main#contact div.contactContainer div.contactFormContainer form .formTextarea .inputContact-innerWrapper,div#publicLayout main#contact div.contactContainer div.contactFormContainer form .formTextarea .inputContact-inputWrapper{background-color:transparent;padding:0}div#publicLayout main#contact div.contactContainer div.contactFormContainer form .formTextarea label{font-family:var(--font-sarabun);font-weight:700;font-size:1.5rem;line-height:1.8rem;color:#151515;z-index:0}div#publicLayout main#contact div.contactContainer div.contactFormContainer form .formTextarea input{width:100%;border:1px solid #e6e6e6;border-radius:10px;font-size:1rem;line-height:1.5rem;padding:10px}div#publicLayout main#contact div.contactContainer div.contactFormContainer form button[type=submit]{width:100%;border:none;border-radius:10px;padding:20px;text-align:center;background-color:#007BFF;font-family:var(--font-sarabun);font-weight:700;font-size:1.5rem;line-height:1.95rem;color:#FFFFFF;margin-top:2.5rem}div#publicLayout main#contact div.contactContainer div.contactInfo{width:fit-content}div#publicLayout main#contact div.contactContainer div.contactInfo ul{width:fit-content;margin:0;padding:0;list-style:none}div#publicLayout main#contact div.contactContainer div.contactInfo ul li{margin:0;padding:1rem 0}div#publicLayout main#contact div.contactContainer div.contactInfo ul li a{display:flex;justify-content:flex-start;align-items:center;width:fit-content;text-decoration:none;color:#151515;font-family:var(--font-sarabun);font-size:1.2rem;line-height:2rem;transition:.3s;border-radius:10px;padding:.5rem 1rem;margin:0}div#publicLayout main#contact div.contactContainer div.contactInfo ul li a:hover{scale:1.1;background-color:#81BEFF;color:#FFFFFF}div#publicLayout main#contact div.contactContainer div.contactInfo ul li a div.iconContainer{display:flex;align-items:center;justify-content:center;background-color:#81BEFF;padding:.5rem;border-radius:10px;margin-right:1.2rem}@media only screen and (max-width:800px){div#publicLayout main#contact{padding-top:0}div#publicLayout main#contact h1{font-size:1.5rem;margin-top:0}div#publicLayout main#contact div.contactContainer{flex-direction:column}div#publicLayout main#contact div.contactContainer div.contactFormContainer,div#publicLayout main#contact div.contactContainer div.contactFormContainer div#formSubmitionMessage.opened,div#publicLayout main#contact div.contactContainer div.contactInfo,div#publicLayout main#contact div.contactContainer div.contactInfo ul,div#publicLayout main#contact div.contactContainer div.contactInfo ul li,div#publicLayout main#contact div.contactContainer div.contactInfo ul li a{width:100%}div#publicLayout main#contact div.contactContainer div.contactInfo{margin-top:3rem}div#publicLayout main#contact div.contactContainer div.contactInfo ul li{padding:0;margin-bottom:1rem}div#publicLayout main#contact div.contactContainer div.contactFormContainer form.closed{height:0}}