@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");.contact-block{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.main{margin:100vh 0 0;padding:200px 0;background:#fdfdfd}.contact-block{width:1000px;margin:auto;-webkit-flex-flow:wrap;flex-flow:wrap;-webkit-justify-content:space-between;justify-content:space-between;position:relative}.contact-name{position:relative;width:45%}.contact-name h3{position:absolute;width:50%;padding:0 20px;right:0;bottom:50px;color:#fff;text-align:end;font-size:.875em;font-weight:normal;border-bottom:solid 1px #fff;z-index:1}.contact-img{position:relative;width:100%}.contact-img img{width:100%}.contact-img:before{content:"";position:absolute;width:100%;height:100%;top:20px;right:20px;background:#eee;z-index:-1}.contact-list{position:relative;width:45%}.contact-list li{margin:20px 0}.contact-list h1{color:#444;font-weight:normal}.contact-list h4{padding:3px 10px 2px;margin:0 0 10px;color:#726b5d;font-weight:normal;letter-spacing:.2em;background:#eee}.contact-list a{display:inline-block;margin:1px 10px}.contact-map{position:relative;width:100%;height:500px;margin:100px 0}.contact-map .map{width:100%;height:100%}.contact-map:before{content:"";position:absolute;width:100%;height:100%;top:0;background:#fff;z-index:1;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.line-qr{margin-top:10px;width:100px}.consult-title{position:relative;margin:0 0 50px}.consult-title h1{color:#444;font-weight:normal}.consult-inner{position:relative;width:1000px;margin:auto}.consult .form{display:flex;text-align:center}.consult .form label{display:block;padding:20px 30px 15px;background:#eee}.consult .form li{margin-bottom:20px}.consult .form textarea{height:220px}.consult .form-info{position:relative;width:calc(40% - 60px);margin:0 auto 0 0}.consult .form-space{position:relative;width:60%}.consult .form .i1{width:100%;margin:0;padding:15px 0 5px;text-align:center;font-family:t-cn;letter-spacing:.1em;border:none;border-bottom:1px solid #ccc;background:transparent}.consult .form .i2{display:inline-block;width:100px}.consult .form .i3{width:10px;margin:0;margin-right:5px;margin-bottom:2px;vertical-align:middle}.consult .form .i4{width:calc(100% - 200px)}.consult .form .b1{width:calc(100% - 60px);display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin:16px 0 0}.consult .form .b2{width:100% !important}.consult .form .c1,.consult .form .c2{display:inline-block;margin-left:5px}.consult .form .c1{vertical-align:middle;border:1px solid #e6e6e6}.consult .form .c2{border:1px solid #e6e6e6}.consult .form .c2:hover a:before{width:100%}.consult .form a{position:relative;display:block;padding:6px 10px 7px;color:#666}.consult .form a:before{content:"";position:absolute;width:0;height:100%;top:0;left:0;background:#efeae2;z-index:-1;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.consult .button{position:relative;margin:150px 0 0}.consult .button:before{content:"";position:relative;display:block;width:0;border-top:double 3px #ddd}.consult .button.show:before{width:100%;-moz-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;transition:all .8s}.consult .button-box{position:relative;display:block;width:100px;padding:10px;margin:40px 0 0 auto;text-align:center;color:#888}.consult .button-box:before{content:"";position:absolute;width:0;height:100%;top:0px;left:0px;background:#ddd;z-index:-1;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}.consult .button-box:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background:#efeae2;z-index:-2}.consult .button-box:hover:before{width:100%}.consult .code label{padding:0;height:0}.contact-img:before,.contact-img img,.contact-name h3,.contact-list li,.consult-title,.form-info li,.form-space li,.button-box{opacity:0;-moz-transform:translate(0, 20px);-ms-transform:translate(0, 20px);-webkit-transform:translate(0, 20px);transform:translate(0, 20px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.contact-img.show:before,.contact-img.show img,.contact-name h3.show,.contact-list li.show,.consult-title.show,.form-info li.show,.form-space li.show,.button.show .button-box{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.contact-img:before{-moz-transform:translate(20px, -20px);-ms-transform:translate(20px, -20px);-webkit-transform:translate(20px, -20px);transform:translate(20px, -20px)}.contact-img img{-moz-transform:translate(10px, 20px);-ms-transform:translate(10px, 20px);-webkit-transform:translate(10px, 20px);transform:translate(10px, 20px)}.contact-name h3{-moz-transform:translate(20px, 0);-ms-transform:translate(20px, 0);-webkit-transform:translate(20px, 0);transform:translate(20px, 0)}.contact-map.show:before{height:0}.button.show .button-box{-moz-transition-delay:.8s;-o-transition-delay:.8s;-webkit-transition-delay:.8s;transition-delay:.8s}@media screen and (max-width: 1200px){.contact-block{width:auto;margin:0 40px;-webkit-justify-content:space-evenly;justify-content:space-evenly}.contact-name,.contact-list{width:42%}.consult-inner{width:auto;margin:0 40px}.consult-title{margin:0 0 20px}.consult .form{-webkit-flex-flow:column;flex-flow:column}.consult .form-info,.consult .form-space{width:100%}.consult .form li{display:flex;margin-bottom:0}.consult .form label{width:150px;padding:10px 0;border-bottom:solid 1px #fff}.consult .form textarea{height:75px}.consult .form .i1{width:calc(100% - 60px - 150px);padding:15px 30px 5px}.consult .form .i2{width:140px;padding:5px 0;text-align:left}.consult .form .b1{width:calc(100% - 60px - 150px);margin:6px 30px 4px;-webkit-flex-flow:wrap;flex-flow:wrap;-webkit-justify-content:unset;justify-content:unset}.consult .form .b2{width:calc(100% - 150px) !important;margin:16px 0 0}.consult .form .b2 .i1{width:calc(100% - 300px);margin:0 auto 0 0}.consult .code{border-top:1px solid #ccc;padding-top:1px}.consult .code label{height:auto}.consult .button{margin-top:1px}}@media screen and (max-width: 900px){.main{padding:0}.contact-name{display:none}.contact-list{width:100%;padding:100px 0}.contact-list a{margin:auto 10px}.contact-list h4{width:150px;padding:8.5px 0;margin:0 20px -1px 0;letter-spacing:0;text-align:center;border-bottom:solid 1px #fff;display:flex}.contact-list h4 span{margin:auto}.contact-list li{display:flex;width:100%;margin:0;border-bottom:solid 1px #ccc}.contact-list li:nth-child(1){margin:0 0 20px;border-bottom:unset}.contact-list li:nth-child(5) a:last-child{display:none}.contact-map{margin:0 0 100px}.consult .form label{font-size:.875em}.consult .button{padding:0 0 100px}}@media screen and (max-width: 720px){.consult .form li{-webkit-flex-flow:column;flex-flow:column}.consult .form label{width:auto}.consult .form .i1{width:calc(100% - 60px);margin:0 0 5px}.consult .form .i2{width:25%}.consult .form .b1{width:calc(100% - 60px)}.consult .form .b2{width:100% !important}.consult .code{padding-top:40px}.consult .code label{height:0;padding:0}.consult .code div{margin:auto}.consult .button-box{margin:40px auto 0}.consult .button:before{content:none}}@media screen and (max-width: 640px){.contact-block{margin:0 20px}.consult-inner{margin:0 20px}.consult .form .i2{width:33.33%}}@media screen and (max-width: 560px){.consult .form .i2{width:50%}}@media screen and (max-width: 480px){.contact-list li{-webkit-flex-flow:column;flex-flow:column}.contact-list h4{width:100%;margin:10px 0}.contact-list h4 span{margin:0 10px}.contact-list a{margin:1px 5px 5px}.consult-title h1{text-align:center}.consult .form .b2{-webkit-justify-content:center;justify-content:center}.consult .form .b2 .i1{width:100%;margin:0 0 10px}.consult .form .c1,.consult .form .c2{margin:0 5px}.consult .form a{padding:6px 30px 7px}}@media screen and (max-width: 420px){.consult .form .b1{width:auto;margin:6px 10px 4px}.consult .form .b2{margin:0 !important;padding:6px 0 4px}.consult .form .i1{width:calc(100% - 20px);padding:15px 10px 5px}}