#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 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:3rem}#contact #contactus .form{flex-direction:column;height:40rem;display:flex}#contact #contactus .form .item{justify-content:space-between;margin:1.8rem 0;display:inline-flex}#contact #contactus .form .item label{color:#333;white-space:nowrap;font-size:1.4rem;font-weight:400}#contact #contactus .form .item input{border:2px solid #dedede;border-radius:4px;width:36rem;height:4rem;padding:0 1rem}#contact #contactus .form .item textarea{border:2px solid #dedede;outline:none;width:calc(100% - 5rem)}#contact #contactus .form .item .contact-remark{align-items:center;width:100%;display:inline-flex}#contact #contactus .form .item small{color:#c62828;text-align:right;white-space:normal;display:block}#contact #contactus .form .submit{text-align:center;position:relative}#contact #contactus .form .submit input{background:#e8e8e8;border:none;border-radius:2.1rem;width:13rem;height:4.2rem}#contact #contactus .form .submit input:hover{color:#fff;animation:.5s submitover;-webkit-animation:sscover .5 1;-ms-animation-fill-mode:forwards;background:#8bc229;animation-fill-mode:forwards;box-shadow:0 0 4px #0000001a}#contact{padding:2rem 25% 4rem}#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{min-height:2rem;margin:1rem 0 0;font-size:1.4rem}#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:1680px) and (max-width:1800px){#contact{padding:2rem 23% 4rem}}@media screen and (min-width:1480px) and (max-width:1679px){#contact{padding:2rem 19% 4rem}}@media screen and (min-width:1280px) and (max-width:1479px){#contact{padding:2rem 13% 4rem}}@media screen and (min-width:1024px) and (max-width:1279px){#contact{padding:2rem 8% 4rem}}@media screen and (min-width:768px) and (max-width:1023px){#contact{padding:2rem 2% 4rem}#contact #contactus .form .item input{width:28rem}}@media screen and (max-width:767px){#contact{display:none}}