.contact{position:relative;margin:100px 0}.contact-bg{position:absolute;right:0;top:0;width:80%;height:100%;background-image:url(../images/wood.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:-1;filter:brightness(.15);clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);transition:clip-path .6s .4s}.contact-bg.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.contact-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto}.contact-wrap{display:-ms-flexbox;display:flex;flex-flow:row-reverse;justify-content:space-between;align-items:center;background:#161616;box-shadow:0 0 5px #363636}.contact-content{width:30%;box-sizing:border-box}.contact-list li{padding-bottom:12px}.contact-list li:last-child{padding-bottom:unset}.contact-subtitle{font-size:.825rem;color:#cf3b3b;font-weight:bold;padding-bottom:1px;letter-spacing:.1rem}.contact-subtitle:before{content:"";width:3px;height:3px;background:#9d313c;border-radius:50%;display:inline-block;margin:0 10px 3px 2px}.contact-map{width:65%;height:35vw;min-height:500px;background:#161616}.bg{padding-bottom:0}.bg-img{width:100%;height:35vw;background-image:url(../images/contact/bg.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:35% 70%}.consult{background:rgba(110,98,80,0.15)}.consult-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto}.consult-container{display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.consult-content{width:31.3333%;box-sizing:border-box;padding-bottom:35px}.consult-content:nth-child(1) .consult-item{padding-top:16px}.consult-content:nth-child(3) .consult-subtitle:before{margin:0 10px -2px 0}.consult-content:nth-child(3) label{color:#FFF;font-size:1rem;letter-spacing:.2rem}.consult-content:last-child{width:100%}.consult-subtitle{color:#FFF;font-family:"Noto Sans TC","微軟正黑體","Microsoft JhengHei",sans-serif;letter-spacing:.2rem;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.consult-subtitle.show{opacity:1}.consult-subtitle.show:before{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.consult-subtitle:before{content:"";width:2px;height:15px;background:#9d313c;display:inline-block;margin:0 5px -2px 0;clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);-moz-transition:clip-path .6s .2s;-o-transition:clip-path .6s .2s;-webkit-transition:clip-path .6s;-webkit-transition-delay:.2s;transition:clip-path .6s .2s}.consult-item{padding-top:15px}.consult input,.consult select,.consult textarea{background:transparent;width:100%;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #555;color:#ccc;padding:5px;margin-top:5px;font-size:1rem}.consult input::placeholder,.consult select::placeholder,.consult textarea::placeholder{color:#ccc}.consult input::-webkit-input-placeholder,.consult select::-webkit-input-placeholder,.consult textarea::-webkit-input-placeholder{color:#ccc}.consult input:-moz-placeholder,.consult select:-moz-placeholder,.consult textarea:-moz-placeholder{color:#ccc}.consult input:-ms-input-placeholder,.consult select:-ms-input-placeholder,.consult textarea:-ms-input-placeholder{color:#ccc}.consult input.error,.consult select.error,.consult textarea.error{color:#cf3b3b}.consult input.error::placeholder,.consult select.error::placeholder,.consult textarea.error::placeholder{color:#cf3b3b}.consult input.error::-webkit-input-placeholder,.consult select.error::-webkit-input-placeholder,.consult textarea.error::-webkit-input-placeholder{color:#cf3b3b}.consult input.error:-moz-placeholder,.consult select.error:-moz-placeholder,.consult textarea.error:-moz-placeholder{color:#cf3b3b}.consult input.error:-ms-input-placeholder,.consult select.error:-ms-input-placeholder,.consult textarea.error:-ms-input-placeholder{color:#cf3b3b}.consult input{width:calc(100% - 10px)}.consult textarea{height:274px;padding:0 5px 5px;margin-top:unset;width:calc(100% - 10px)}.consult label{color:#999;font-size:.85rem;letter-spacing:.12rem}.consult label .en{letter-spacing:.1rem}.consult-option{background-color:#161616}.consult-change{display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;align-items:flex-end}.consult-change img{height:29px;margin:0 15px}.consult-change span{text-align:center}.consult-change a{display:block;padding:5px 20px 3px;border:1px solid #bbb;font-size:.825rem;border-radius:8px;-moz-transition:background .3s,color .3s;-o-transition:background .3s,color .3s;-webkit-transition:background .3s,color .3s;transition:background .3s,color .3s}.consult-change a:hover{background:#161616;color:#cf3b3b}.consult-button{display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.consult-btn{width:140px;margin:50px 30px 0}@media screen and (max-width: 1300px){.contact{margin:100px 0 0}.contact-bg{display:none}.contact-wrap{display:block;background:unset;box-shadow:unset}.contact-content{padding:50px 50px 25px;background:#000;width:auto;margin-bottom:100px;box-shadow:0 0 5px #363636;position:relative}.contact-bg2{position:absolute;right:-120px;top:-100px;width:100%;height:calc(100% + 100px * 2);background-image:url(../images/wood.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:-1;filter:brightness(.15);clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);-moz-transition:clip-path .6s .4s;-o-transition:clip-path .6s .4s;-webkit-transition:clip-path .6s;-webkit-transition-delay:.4s;transition:clip-path .6s .4s}.contact-bg2.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.contact-list{display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.contact-list li{width:33.3333%;padding-bottom:30px}.contact-map{width:auto;margin-top:200px;border:1px solid #303030}.bg-img{height:40vw}.consult-content{width:48%}.consult-content:nth-child(3){width:100%}.consult textarea{height:200px}}@media screen and (max-width: 1100px){.contact-inner{padding:0 35px;width:calc(90% - 70px)}.contact-content{padding:50px}.contact-bg2{right:-90px}.contact-list{-webkit-justify-content:space-between;justify-content:space-between}.contact-list li{width:46%;padding-bottom:20px}.contact-map{min-height:unset;max-height:520px;height:50vw}.bg-img{background-attachment:scroll;height:45vw;clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);-moz-transition:clip-path .6s;-o-transition:clip-path .6s;-webkit-transition:clip-path .6s;transition:clip-path .6s}.bg-img.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.consult-inner{padding:0 35px;width:calc(90% - 70px)}.consult-content{width:100%}}@media screen and (max-width: 800px){.contact{margin:unset}.contact-content{margin-bottom:75px}.contact-bg2{width:100vw;height:calc(50% + 100px);top:unset;bottom:-75px;right:unset;left:50%;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.contact-list{display:block}.contact-list li{width:auto;padding-bottom:15px}.contact-map{margin-top:150px;height:400px}}@media screen and (max-width: 640px){.contact-inner{width:auto;padding:0 30px}.contact-content{padding:30px;margin-bottom:60px}.contact-bg2{bottom:-60px}.contact-list li{padding-bottom:12px}.contact-map{margin-top:120px}.bg-img{height:350px}.consult-inner{width:auto;padding:0 30px}.consult-change{margin-top:15px}.consult-change img{margin:0 10px 0 0}.consult-button{-webkit-justify-content:flex-start;justify-content:flex-start}.consult-btn{margin:20px 15px 0 0}}