@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&display=swap");@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&family=Poiret+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");.main{margin:0}section{padding:0 100px;margin-bottom:300px}.contact-block{position:relative}.contact-map{position:relative;height:700px;margin:100px -100px 0;box-shadow:0 0 1px #bb9b6e;-webkit-filter:opacity(.75);filter:opacity(.75);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;background:#aaa}.contact-map:hover{-webkit-filter:opacity(1);filter:opacity(1)}.contact-map:before{content:"";position:absolute;width:100%;height:100%;background:#fff;-moz-transition:height .6s;-o-transition:height .6s;-webkit-transition:height .6s;transition:height .6s}.contact-map .map{width:100%;height:100%}.contact-map.show:before{height:0}.contact-info{position:relative;margin:0 200px;display:flex;-webkit-align-items:center;align-items:center;z-index:1;opacity:0;-moz-transform:translate(0, 40px);-ms-transform:translate(0, 40px);-webkit-transform:translate(0, 40px);transform:translate(0, 40px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.contact-info.show{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.contact-list{position:relative;width:40%;min-width:400px}.contact-detail{position:relative;margin:0 100px 0 0}.contact-detail h3{position:relative;width:100%;margin-bottom:30px;opacity:0;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}.contact-detail h3:after{content:"";position:relative;display:block;width:0;height:1px;left:0;margin:12px 0 0;background:#aaa;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.contact-detail.show h3{opacity:1;-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}.contact-detail.show h3:after{width:100%;-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.contact-in{position:relative;margin:15px 0;display:flex;-webkit-flex-flow:wrap;flex-flow:wrap;opacity:0}.contact-in.show{opacity:1;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.contact-in .t{display:block}.contact-in .tt{display:block;width:100%;margin:10px 0 0 30px}.contact-in i{font-size:18px;margin:0 15px 0 0}.contact-photo{width:100%;background-size:cover;background-position:0% 50%;box-shadow:0 0 5px #aaa}.contact-img{width:60%;box-shadow:0 0 5px #aaa}.contact-img img{width:100%}@media screen and (max-width: 1600px){.contact-info{margin:0 100px}}@media screen and (max-width: 1400px){.contact-info{margin:0}.contact-detail{margin:0 80px 0 0}}@media screen and (max-width: 1100px){section{margin-bottom:200px}.contact-img{display:none}.contact-list{width:100%}.contact-detail{margin:0}.contact-map{height:400px}}@media screen and (max-width: 900px){section{padding:0 50px}.contact-detail{margin:0}.contact-photo{display:none}}@media screen and (max-width: 640px){section{padding:0 30px;margin-bottom:100px}.contact-list{min-width:unset}}