@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Overpass:ital,wght@0,100..900;1,100..900&display=swap";.bg-img{width:100%;position:relative;background:url() 50% 50% no-repeat;background-size:100% 100%;background-clip:content-box;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transform:all .5s ease-in-out;transition:all .5s ease-in-out}html{font-size:10px}body{font-weight:400;font-size:clamp(1.4rem,.208vw + 1.333rem,1.6rem);letter-spacing:.05rem;line-height:1.8;font-family:"Noto Sans TC",sans-serif;color:#000}h1,.h1{font-size:clamp(3.6rem,1.2295vw + 2.3803rem,4.2rem);line-height:1.2;letter-spacing:.1rem}h2,.h2{font-size:clamp(2.8rem,1.6393vw + 1.1738rem,3.6rem);line-height:1.35;letter-spacing:.05rem}h3,.h3{font-size:clamp(2.4rem,.8197vw + 1.5869rem,2.8rem);line-height:1.4;letter-spacing:.05rem}h4,.h4{font-size:clamp(2rem,.8197vw + 1.1869rem,2.4rem);line-height:1.45;letter-spacing:.05rem}h5,.h5{font-size:clamp(1.8rem,.4098vw + 1.3934rem,2rem);line-height:1.5;letter-spacing:.05rem}h6,.h6{font-size:clamp(1.6rem,.4098vw + 1.1934rem,1.8rem);line-height:1.55;letter-spacing:.05rem}p,.p,.p-sm{font-size:clamp(1.4rem,.4098vw + .9934rem,1.6rem);line-height:1.6;letter-spacing:.075em}@media(max-width: 1024px){p,.p,.p-sm{letter-spacing:.035em}}@media(max-width: 767px){p,.p,.p-sm{letter-spacing:.015em}}.note{font-size:clamp(1.2rem,.4098vw + .7934rem,1.4rem);line-height:20px;letter-spacing:0}@media(max-width: 767px){.p-sm{font-size:clamp(1.2rem,.4098vw + .7934rem,1.4rem)}}.line-hight-fit{line-height:1 !important}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-700{font-weight:700}.contact-list-section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background-color:#fff;gap:2px}#map .media-loader{width:100%;height:100%}#map .media-loader.is-active:after{background:#00479d;-moz-transform:scale(0, 1);-webkit-transform:scale(0, 1);-o-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1)}#map .media-loader.is-active:before{background:rgba(0,71,157,.5);-moz-transform:scale(0, 1);-webkit-transform:scale(0, 1);-o-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1)}#map #company{width:100%;height:25vw;min-height:450px}#map-info{background-color:#e2eaef}#map-info address{width:100%;height:100%;margin-bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center}#map-info ul{width:80%;list-style:none;padding:0;margin:0}#map-info ul li{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-o-flex-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-align:end;-ms-flex-align:end}#map-info ul li+li{margin-top:2rem}#map-info ul li.phone a{font-size:clamp(2.4rem,.8197vw + 1.5869rem,2.8rem);color:#00479d}#map-info ul li b,#map-info ul li a{line-height:30px}#map-info ul li b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-o-flex-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;margin-right:2rem;font-size:clamp(1.6rem,.4098vw + 1.1934rem,1.8rem);color:#707070;font-weight:500}#map-info ul li b span{display:block;width:40px;flex:0 0 auto}#map-info ul li b:after{content:"：";display:block}#map-info ul li a{position:relative;display:block;font-size:clamp(1.6rem,.4098vw + 1.1934rem,1.8rem);color:#000;text-decoration:none}#map-info ul li a:after{content:"";position:absolute;width:0;height:1px;left:0;bottom:0;background-color:#caa663;-webkit-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transform:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#map-info ul li a:hover{color:#caa663}#map-info ul li a:hover:after{width:100%}#join,#activity{position:relative;overflow:hidden}#join:hover .pic-cover .pic,#activity:hover .pic-cover .pic{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}#join>.txt,#activity>.txt{position:absolute;left:0;top:0;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;width:100%;height:100%;background-color:rgba(0,0,0,.6);-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;padding:2rem 5%}#join .pic-cover,#activity .pic-cover{position:relative;width:100%;height:100%}#join .pic-cover .media-loader,#activity .pic-cover .media-loader{width:100%;height:100%}#join .pic-cover .media-loader.is-active:after,#activity .pic-cover .media-loader.is-active:after{background:#00479d;-moz-transform:scale(0, 1);-webkit-transform:scale(0, 1);-o-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1)}#join .pic-cover .media-loader.is-active:before,#activity .pic-cover .media-loader.is-active:before{background:rgba(0,71,157,.5);-moz-transform:scale(0, 1);-webkit-transform:scale(0, 1);-o-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1)}#join .pic-cover .pic,#activity .pic-cover .pic{width:100%;height:100%;position:relative;background:url() 50% 50% no-repeat;background-size:cover;background-clip:content-box;-webkit-transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transform:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#join .txt,#activity .txt{-webkit-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transform:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#join .desc,#activity .desc{color:#fff;text-align:center;margin:2rem 0 4rem}#activity.show .txt{opacity:0}#activity.show .overlay{opacity:1;pointer-events:auto}#activity .overlay{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,71,157,.8);-webkit-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transform:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:2;color:#fff;padding:4rem;opacity:0;pointer-events:none}#activity .overlay h4{color:#fff;text-align:center;font-size:clamp(3.6rem,1.2295vw + 2.3803rem,4.2rem);margin-bottom:4rem}#activity .overlay ul{width:80%;margin:0 auto}#activity .overlay ul li{opacity:.8;line-height:1.5;font-weight:300}#bono{position:relative;border-top:2px solid #fff}#bono .pic-cover{position:relative;width:100%;height:100%}#bono .pic-cover .pic{width:100%;height:300px;position:relative;background:url() 50% 50% no-repeat;background-size:cover;background-clip:content-box;-webkit-transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transform:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#bono .pic-cover>.txt{position:absolute;left:0;top:0;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;width:100%;height:100%;background-color:rgba(0,0,0,.6);-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap}#bono .form-page{background-color:#e2eaef;padding-bottom:4rem}#bono .form-page .inner{position:relative;z-index:2;-moz-transform:translateY(-4rem);-webkit-transform:translateY(-4rem);-o-transform:translateY(-4rem);-ms-transform:translateY(-4rem);transform:translateY(-4rem);border:2px solid #fff}#bono .form-page ul{background-color:#fff;padding:4rem;margin:0;list-style:none;display:grid;gap:4rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#bono .form-page ul>li{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-o-flex-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center}#bono .form-page ul>li i{color:#00479d;font-size:4rem}#bono .form-page ul>li .txt{margin-left:2rem}#bono .form-page ul>li .txt h5{font-size:clamp(2rem,.8197vw + 1.1869rem,2.4rem);margin-bottom:5px}#bono .form-page ul>li .txt p{font-size:clamp(1.4rem,.4098vw + .9934rem,1.6rem);color:#666;line-height:1.5;margin-bottom:0}#bono .form-page ul>li .txt p a{color:#00479d;font-weight:500;background-color:#d0ecff;margin:0 5px}#bono .form-page .form-block{padding:4rem 15%;background-color:#d0ecff}#bono .form-page .form-block .col-form-label{font-size:clamp(1.6rem,.4098vw + 1.1934rem,1.8rem);font-weight:500;line-height:38px;color:#00479d}@media(max-width: 1280px){#map #company{height:400px}.contact-list-section{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr)}}@media(max-width: 767px){#map-info address{padding:5%}#join>.txt,#activity>.txt{padding:5%}#map-info ul{width:100%}#bono .form-page ul{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);padding:5%}#bono .form-page .form-block{padding:4rem 5%}}/*# sourceMappingURL=contact.css.map */