@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto&display=swap");.s1{margin-bottom:120px}.s1 .title{position:relative;text-align:center;padding-top:60px}.s1 .title .f28{font-weight:700;position:relative}.s1 .title .f28:after{content:"";width:128px;height:29px;display:block;background:url(../image/contact-w.png) center no-repeat;margin:5px auto 0}.s1 .content .f20{text-align:center;margin-bottom:35px;margin-top:58px}.s1 .content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s1 .content ul li{width:33.33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.s1 .content ul li .iconwrap{width:172px;margin-bottom:20px}.s1 .content ul li:first-child,.s1 .content ul li:last-child{width:24%}.s1 .content ul li .f18{letter-spacing:0.0025em}@media (max-width:991px){.s1 .content ul li{width:33.33%}.s1 .content ul li:first-child,.s1 .content ul li:last-child{width:33.33%}}@media (max-width:767px){.s1{margin-bottom:0}.s1 .title{padding-top:30px;margin-bottom:40px}.s1 .content .f20{margin-top:0;margin-bottom:30px}.s1 .content ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:30px}.s1 .content ul li{margin-bottom:20px;width:100%}.s1 .content ul li:first-child,.s1 .content ul li:last-child{width:100%}.s1 .content ul li .iconwrap{margin-bottom:10px}}.s2 .contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;border:2px solid #9bcecb;border-radius:25px;padding:120px 0 90px}.s2 .contact .left{width:40%;height:412px;background:url(../../dist/image/contact/contact_pic.png) center/contain no-repeat}.s2 .contact .right{width:40%}.s2 .contact .right .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:47px;position:relative}.s2 .contact .right .form-group .label-title{letter-spacing:0.05em;width:17%}@media (max-width:575px){.s2 .contact .right .form-group .label-title{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s2 .contact .right .form-group .label-title{font-size:1.125rem}}@media (min-width:1440px){.s2 .contact .right .form-group .label-title{font-size:1.125rem}}.s2 .contact .right .form-group .f14{position:absolute;bottom:-20px;left:17%;color:#db5a26;display:none}.s2 .contact .right .form-group.note{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.s2 .contact .right .form-group.note .label-title{padding-top:9px}.s2 .contact .right .form-group.alert .label-title:before{content:"*";color:#db5a26;position:absolute;left:-10px}.s2 .contact .right .form-group.alert .f14{display:block}.s2 .contact .right input{border:none;border-bottom:1px solid black;padding:11px 0;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;border-radius:0;letter-spacing:0.05em}@media (max-width:575px){.s2 .contact .right input{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s2 .contact .right input{font-size:1.125rem}}@media (min-width:1440px){.s2 .contact .right input{font-size:1.125rem}}.s2 .contact .right input:focus-visible{outline:none}.s2 .contact .right input::-webkit-input-placeholder{letter-spacing:0.05em;color:#a5a5a5}.s2 .contact .right input::-moz-placeholder{letter-spacing:0.05em;color:#a5a5a5}.s2 .contact .right input:-ms-input-placeholder{letter-spacing:0.05em;color:#a5a5a5}.s2 .contact .right input::-ms-input-placeholder{letter-spacing:0.05em;color:#a5a5a5}.s2 .contact .right input::placeholder{letter-spacing:0.05em;color:#a5a5a5}@media (max-width:575px){.s2 .contact .right input::-webkit-input-placeholder{font-size:1rem}.s2 .contact .right input::-moz-placeholder{font-size:1rem}.s2 .contact .right input:-ms-input-placeholder{font-size:1rem}.s2 .contact .right input::-ms-input-placeholder{font-size:1rem}.s2 .contact .right input::placeholder{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s2 .contact .right input::-webkit-input-placeholder{font-size:1.125rem}.s2 .contact .right input::-moz-placeholder{font-size:1.125rem}.s2 .contact .right input:-ms-input-placeholder{font-size:1.125rem}.s2 .contact .right input::-ms-input-placeholder{font-size:1.125rem}.s2 .contact .right input::placeholder{font-size:1.125rem}}@media (min-width:1440px){.s2 .contact .right input::-webkit-input-placeholder{font-size:1.125rem}.s2 .contact .right input::-moz-placeholder{font-size:1.125rem}.s2 .contact .right input:-ms-input-placeholder{font-size:1.125rem}.s2 .contact .right input::-ms-input-placeholder{font-size:1.125rem}.s2 .contact .right input::placeholder{font-size:1.125rem}}.s2 .contact .right textarea{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;resize:none;border:none;border-bottom:1px solid black;padding:11px 0;border-radius:0;letter-spacing:0.05em}@media (max-width:575px){.s2 .contact .right textarea{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s2 .contact .right textarea{font-size:1.125rem}}@media (min-width:1440px){.s2 .contact .right textarea{font-size:1.125rem}}.s2 .contact .right textarea::-webkit-input-placeholder{letter-spacing:0.05em;color:#a5a5a5}.s2 .contact .right textarea::-moz-placeholder{letter-spacing:0.05em;color:#a5a5a5}.s2 .contact .right textarea:-ms-input-placeholder{letter-spacing:0.05em;color:#a5a5a5}.s2 .contact .right textarea::-ms-input-placeholder{letter-spacing:0.05em;color:#a5a5a5}.s2 .contact .right textarea::placeholder{letter-spacing:0.05em;color:#a5a5a5}@media (max-width:575px){.s2 .contact .right textarea::-webkit-input-placeholder{font-size:1rem}.s2 .contact .right textarea::-moz-placeholder{font-size:1rem}.s2 .contact .right textarea:-ms-input-placeholder{font-size:1rem}.s2 .contact .right textarea::-ms-input-placeholder{font-size:1rem}.s2 .contact .right textarea::placeholder{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s2 .contact .right textarea::-webkit-input-placeholder{font-size:1.125rem}.s2 .contact .right textarea::-moz-placeholder{font-size:1.125rem}.s2 .contact .right textarea:-ms-input-placeholder{font-size:1.125rem}.s2 .contact .right textarea::-ms-input-placeholder{font-size:1.125rem}.s2 .contact .right textarea::placeholder{font-size:1.125rem}}@media (min-width:1440px){.s2 .contact .right textarea::-webkit-input-placeholder{font-size:1.125rem}.s2 .contact .right textarea::-moz-placeholder{font-size:1.125rem}.s2 .contact .right textarea:-ms-input-placeholder{font-size:1.125rem}.s2 .contact .right textarea::-ms-input-placeholder{font-size:1.125rem}.s2 .contact .right textarea::placeholder{font-size:1.125rem}}.s2 .contact .right textarea:focus-visible{outline:none}.s2 .contact .right .btnwrap{display:block;text-align:center}@media (max-width:991px){.s2 .contact{border-radius:15px;padding:30px 15px 50px}.s2 .contact .left{display:none}.s2 .contact .right{width:100%}.s2 .contact .right .form-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:34px}.s2 .contact .right .form-group .label-title{margin-bottom:20px}.s2 .contact .right .form-group.note .label-title{padding-top:0px}.s2 .contact .right .form-group.alert .f14{right:0;left:auto}.s2 .contact .right input,.s2 .contact .right textarea{width:100%}.s2 .contact .right textarea{padding:0;height:132px}}.s3{padding-top:50px;padding-bottom:100px}.s3 .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s3 .socialmedia{display:-webkit-box;display:-ms-flexbox;display:flex}.s3 .socialmedia .line{width:110px;height:60px;background:url(../image/contact/line.png) center/contain no-repeat;display:block;margin-right:15px}.s3 .socialmedia .fb{width:110px;height:60px;background:url(../image/contact/fb.png) center/contain no-repeat;display:block;margin-right:30px}.s3 .info .f16{line-height:30px}.s3 .info .f16 span:first-child{margin-right:10px}@media (max-width:767px){.s3{padding-top:40px;padding-bottom:90px}.s3 .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.s3 .socialmedia a{margin-bottom:20px}.s3 .socialmedia .fb{margin-right:0px}}