.template-contact{position:relative;display:block;height:auto;padding-top:110px;padding-bottom:200px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;background-position:center;background-size:cover}.template-contact .bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.template-contact .bg-pc{width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.template-contact .bg-mbl{width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;display:none}@media(max-width: 767px){.template-contact .bg-pc{display:none}}@media(max-width: 767px){.template-contact .bg-mbl{display:block}}.template-contact .this_box{width:85%;position:relative;margin:0 auto;display:flex;justify-content:space-between}.template-contact .imgs{width:63%;display:block;position:relative}.template-contact .imgs img{max-width:100%}.template-contact .form{width:470px;position:relative}.template-contact .title{font-size:30px;color:#004f4f;font-weight:400;line-height:36px;display:block;margin-bottom:42px;letter-spacing:2px}.template-contact .line.code{flex-wrap:unset}.template-contact .line.code label{min-width:71px}.template-contact .line.code .input_box{padding-right:25px;padding-left:33px}.template-contact .line label::after{content:"";display:inline-block;width:100%}.template-contact .line.must label::before{content:"*";position:absolute;right:-10px}.template-contact .line label{text-align:justify;text-justify:inter-ideograph;position:relative;height:30px;line-height:30px}:lang(eng).template-contact .line label{text-align:initial}.template-contact .line .input_box{width:75%;margin-left:12px;padding:0;border-radius:0;background-color:rgba(0,0,0,0);height:32px;font-size:16px;position:relative;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;border:none;color:#777}.template-contact .line .textarea_box{position:relative;width:100%;border:0;background-color:rgba(0,0,0,0);height:100px;padding:0;font-size:16px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif}.template-contact .line .error{position:absolute;color:#9c2f2f;bottom:-2px;transform:translateY(100%);display:none;width:100%}.template-contact .line.null{margin-bottom:40px}.template-contact .line.null .error{display:block}.template-contact .button{background-color:#004f4f;width:120px;height:40px;color:#fff;cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:30px;margin-right:0;margin-left:auto;font-weight:400;transition:all .3s ease;border:1px solid #004f4f;font-size:16px;font-family:inherit}.thanksWrap{width:100vw;height:100vh;background-color:rgba(0,0,0,.992);position:fixed;top:0;z-index:10000;display:none}.thanks{width:700px;position:absolute;left:50%;top:24%;transform:translateX(-50%);padding:8.5% 5%;background-color:#fff;transition:2s;border-radius:10px}.thanks .fas{font-size:30px;color:#000;font-weight:900;float:right;top:40px;position:fixed;cursor:pointer;right:40px}.thanks h1{font-size:50px;color:#000;margin:0;line-height:1.2;margin-bottom:30px;width:70%}.thanks p{font-size:15px;font-weight:700;width:70%}@media(max-width: 1500px){.template-contact .imgs{width:50%;position:relative;display:flex;align-items:center;justify-content:center;align-content:center}}@media(min-width: 1199px){.template-contact .button:hover{background-color:rgba(0,0,0,0);color:#004f4f;border-color:#004f4f}}@media(max-width: 1200px){.template-contact .form{width:46%}}@media(max-width: 1000px){.template-contact .line .input_box{margin-left:0;width:100%}.template-contact .title{font-size:24px;line-height:32px;margin-bottom:25px;letter-spacing:2px}.template-contact{padding-top:110px;padding-bottom:110px}.template-contact .this_box{width:90%}.template-contact .line.code{flex-wrap:wrap}.template-contact .line.code .input_box{padding-right:0;padding-left:0;margin-bottom:2px;margin-right:145px}.template-contact .line.code img{position:absolute;right:0;bottom:4px}}@media(max-width: 600px){.template-contact .imgs{width:100%}.template-contact .form{width:100%}.template-contact .this_box{display:block}.template-contact .title{font-size:18px;line-height:28px;margin-bottom:40px;margin-top:28px;letter-spacing:2px}.template-contact .button{margin-right:auto}.template-contact .imgs{width:90%;left:5%}.template-contact{padding-top:20px}.template-contact .line.code{flex-wrap:wrap}.thanks{width:95%;padding:16.5% 5%}.thanks h1{font-size:32px}.thanks p{width:100%}}.box.cell.input-box.vertify .error{color:rgba(255,255,255,.5019607843);font-size:.8rem}.template-contact .form .contact_date{color:#9da3a8;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem}.template-contact .form .contact_date input[type=date]{opacity:.5}.template-contact .title{color:#fff}@media only screen and (max-width: 500px){.template-contact .title{font-size:18px}}.template-contact .this_box{align-items:center}.template-contact .line{display:flex;padding:12px 0;font-size:16px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2) !important;flex-wrap:wrap;transition:all .3s ease;position:relative}@media only screen and (max-width: 500px){.template-contact .line{flex-direction:column;padding:0;margin-bottom:15px;border-bottom:none !important}}.template-contact .line.btn-area{border:none !important;padding-top:20px}.template-contact .line label{opacity:.7;width:max-content}@media only screen and (max-width: 500px){.template-contact .line label{text-justify:left !important;margin-bottom:2px;opacity:1;display:block;font-size:.875em}}.template-contact .line select option{color:#000}.template-contact .line .input_box{width:calc(100% - 120px);margin:0;padding:0}@media only screen and (max-width: 500px){.template-contact .line .input_box{width:100%;border:1px solid rgba(255,255,255,.2) !important;border-radius:5px;padding:0 10px;height:38px}}.template-contact .line .input_box:focus{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0}.template-contact .line .input_box::placeholder{color:rgba(255,255,255,.6)}.template-contact .line .input_box::-moz-placeholder{color:rgba(255,255,255,.6)}.template-contact .line .input_box::-ms-input-placeholder{color:rgba(255,255,255,.6)}.template-contact .line.focus{border-color:#fff !important}.template-contact .line.focus .input_box{border-color:#fff !important;border-radius:5px}.vertify-container{width:100%;display:flex;justify-content:space-between}@media only screen and (max-width: 500px){.vertify-container{flex-direction:column;position:relative}}.vertify-container .vertify-left{display:flex;justify-content:space-between}@media only screen and (max-width: 500px){.vertify-container .vertify-left{flex-direction:column}}.vertify-container .vertify-right{display:flex;justify-content:flex-end;align-items:center}.vertify-container .vertify-right>a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;margin-right:3px}@media only screen and (max-width: 500px){.vertify-container .vertify-right{position:absolute;right:0;top:32px;border-radius:0 5px 5px 0;overflow:hidden}}.vertify-container .vertify-right img{border-radius:5px}/*# sourceMappingURL=page_contact.css.map */