#contact ul,#contact li{list-style:none}#contact img{border:none}#contact a{color:#333;outline:none;font-size:1.4rem;text-decoration:none}#contact input{lighting-color:none}#contact #contactus{text-align:center;display:none}#contact #contactus:not([hidden]){flex-direction:column;display:flex}#contact #contactus[hidden],#contact .handleClick[hidden]{display:none}#contact #contactus .title{font-size:2.8rem;line-height:4.2rem}#contact #contactus .titleClick>b{background:#8ed200;border-radius:2px;width:5.9rem;height:3px;margin:1rem 0 1rem calc(50% - 2.95rem);display:block}#contact #contactus .subtitle{margin-bottom:3.2rem}#contact #contactus .form{background:#fff;border:1px solid #1c263014;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem 3.2rem;width:min(112rem,100%);margin:0 auto;padding:4.8rem 5.6rem 4rem;display:grid;box-shadow:0 18px 50px #1c26301a}#contact #contactus .form .item{display:contents}#contact #contactus .form .item label{color:#1f2933;white-space:normal;flex-direction:column;align-items:stretch;gap:.8rem;width:100%;margin:0;display:flex;position:relative}#contact #contactus .form .contact-form__wide-field,#contact #contactus .form .contact-remark,#contact #contactus .form .contact-form__actions{grid-column:1/-1}#contact #contactus .form .contact-form__label{color:#1f2933;text-align:left;font-size:1.5rem;font-weight:600;line-height:1.5}#contact #contactus .form .item input{background:#f8fafb;border:1px solid #d9e0e6;border-radius:8px;width:100%;height:5rem;padding:0 1.6rem;font-size:1.5rem;transition:border-color .16s,box-shadow .16s,background-color .16s}#contact #contactus .form .item textarea{resize:vertical;background:#f8fafb;border:1px solid #d9e0e6;border-radius:8px;outline:none;width:100%;min-height:14rem;padding:1.4rem 1.6rem;font-size:1.5rem;transition:border-color .16s,box-shadow .16s,background-color .16s}#contact #contactus .form .item input:focus,#contact #contactus .form .item textarea:focus{background:#fff;border-color:#78c900;outline:none;box-shadow:0 0 0 3px #78c9001f}#contact #contactus .form .item .contact-remark{flex-direction:column;align-items:stretch;width:100%;display:flex}#contact #contactus .form .item small{color:#c62828;text-align:left;white-space:normal;font-size:1.2rem;display:block}#contact #contactus .form .submit{text-align:center;position:relative}#contact #contactus .form .submit input{color:#fff;cursor:pointer;background:#79cf00;border:none;border-radius:8px;min-width:18rem;height:5rem;padding:0 3.6rem;font-size:1.6rem;font-weight:600;transition:background-color .16s,box-shadow .16s,transform .16s;box-shadow:0 6px 18px #5a8e0e38}#contact #contactus .form .submit input:hover{background:#69b700;transform:translateY(-1px);box-shadow:0 8px 22px #3c590c4d}#contact #contactus .form .submit input:active{transform:translateY(0);box-shadow:0 3px 10px #3c590c3d}#contact #contactus .form .submit input:disabled{cursor:wait;opacity:.72;transform:none}#contact #contactus .form .contact-form__actions{flex-direction:column;align-items:center;min-height:8.4rem;margin-top:.6rem;padding-top:.8rem;display:flex}#contact{padding:4rem 2rem 6rem}#contact .handleClick{cursor:pointer;width:100%;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}#contact .handleClick span{color:#fff;text-align:center;background:#8ed200;border-radius:21px;width:254px;height:42px;line-height:42px;display:block}#contact .handleClick span:hover{box-shadow:0 2px 4px #3c590c52}#contact .titleClick{cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;padding:0}#contact .titleClick .title,#contact .titleClick .subtitle{display:block}#contact .contact-message{color:#333;text-align:center;min-height:2.4rem;margin:1.2rem 0 0;font-size:1.4rem;line-height:1.6}#contact .contact-message.is-success{color:#4f8f00}#contact .contact-message.is-error{color:#c62828}#contact .contact-form__required{color:#c62828;margin-right:.3rem;font-weight:600}#contact .click-out{animation:.5s clickout;-webkit-animation:clickout .5 1;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}#contact .submit-out{animation:.5s submitout;-webkit-animation:submitout .5 1;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}@keyframes clickover{0%{margin-top:0}to{margin-top:-8px}}@keyframes clickout{0%{margin-top:-8px}to{margin-top:0}}@keyframes submitover{0%{margin-top:0}to{margin-top:-8px}}@keyframes submitout{0%{margin-top:-8px}to{margin-top:0}}@media screen and (min-width:768px) and (max-width:1023px){#contact{padding:4rem 2rem 6rem}#contact #contactus .form{padding:4rem 3.2rem 3.2rem}}@media screen and (max-width:767px){#contact{display:none}}