@charset "utf-8";.main-contact-us .content{display:flex;justify-content:space-between;flex-direction:row-reverse;padding:2.5vw 0 8vw}.main-contact-us .content p{font-size:1.2vw;color:#777}.main-contact-us .content .get-in-touch{position:relative;width:42%}.main-contact-us .content .get-in-touch .position-box{position:sticky;top:12vw}.main-contact-us .content .get-in-touch .title{padding-bottom:2vw;margin-bottom:2vw;border-bottom:1px solid #5a5a5a}.main-contact-us .content .get-in-touch .title h2{font-size:2.4vw;margin-bottom:.5vw;color:#fff}.main-contact-us .content .get-in-touch .title p{color:#fff}.main-contact-us .content .get-in-touch li{position:relative;padding-left:1.6vw;margin-top:1.5vw}.main-contact-us .content .get-in-touch li label{display:block;margin-bottom:.3vw;font-size:1.2vw;color:#777}.main-contact-us .content .get-in-touch li p{color:#fff}.main-contact-us .content .get-in-touch li p a{color:#fff}.main-contact-us .content .get-in-touch li:before{content:"";position:absolute;left:0;top:.22vw;width:1vw;height:1vw;background-image:url(../images/support/contact-icon.png);background-size:300% 100%}.main-contact-us .content .get-in-touch li.email:before{background-position-x:0}.main-contact-us .content .get-in-touch li.address:before{background-position-x:-100%}.main-contact-us .content .get-in-touch li.company:before{background-position-x:-200%}.main-contact-us .content .formbox{width:50%}.main-contact-us .content .formbox .tab{display:flex;justify-content:space-between;padding:0 2.4vw;margin:2vw 0 3vw;border-bottom:1px solid #5a5a5a}.main-contact-us .content .formbox .tab span{position:relative;display:block;padding-bottom:.6vw;font-size:1.2vw;color:#777;cursor:pointer}.main-contact-us .content .formbox .tab span.on,.main-contact-us .content .formbox .tab span:hover{color:var(--main-color)}.main-contact-us .content .formbox .tab span.on:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:.15vw;background-color:var(--main-color)}.main-contact-us .content .formbox .enterbox li{margin-top:1.5vw}.main-contact-us .content .formbox .enterbox li.btnbox{margin-top:2.5vw}.main-contact-us .content .formbox .enterbox label{display:block;margin-bottom:.5vw;font-size:1.2vw;color:#777}.main-contact-us .content .formbox .enterbox input,.main-contact-us .content .formbox .enterbox select,.main-contact-us .content .formbox .enterbox textarea{width:100%;height:3vw;padding:0 1vw;background-color:#fff;font-size:1.2vw;border:1px solid #bbb;border-radius:.5vw;box-sizing:border-box}.main-contact-us .content .formbox .enterbox textarea{height:11vw;padding:.8vw 1vw}.main-contact-us .content .formbox .enterbox button{width:10.4vw;height:3vw;margin-right:1.5vw;border-radius:3vw;box-sizing:border-box;color:#fff;font-size:1.2vw;transition:all .5s}.main-contact-us .content .formbox .enterbox button.reset{background-color:initial;border:1px solid #fff}.main-contact-us .content .formbox .enterbox button.reset:hover{background-color:var(--main-color);border-color:var(--main-color)}.main-contact-us .content .formbox .enterbox button.submit{border:none;background-color:var(--main-color)}.main-contact-us .content .formbox .enterbox button.submit:hover{background-color:var(--secd-color)}.main-contact-us .content .formbox .enterbox .pro-select{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:.5vw;width:10vw;height:10vw;padding-top:1.5vw;border-radius:.5vw;background-color:#fff;border:1px solid #bbb;text-align:center;box-sizing:border-box;cursor:pointer;transition:all .5s}.main-contact-us .content .formbox .enterbox .pro-select i{position:relative;display:block;width:3.6vw;height:3.6vw}.main-contact-us .content .formbox .enterbox .pro-select i:before{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background-color:#333}.main-contact-us .content .formbox .enterbox .pro-select i:after{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background-color:#333}.main-contact-us .content .formbox .enterbox .pro-select:hover{background-color:#f5f5f5}.main-contact-us .content .formbox .enterbox .item{display:none}.main-contact-us .content .formbox .enterbox .item.on{display:block}@media only screen and (max-width:640px){.main-contact-us .content{display:block;padding:20px 0 40px}.main-contact-us .content p{font-size:14px}.main-contact-us .content .get-in-touch{width:100%;margin-bottom:30px}.main-contact-us .content .get-in-touch .title{padding-bottom:15px;margin-bottom:15px}.main-contact-us .content .get-in-touch .title h2{margin-bottom:5px;font-size:24px}.main-contact-us .content .get-in-touch li{padding-left:20px;margin-top:10px}.main-contact-us .content .get-in-touch li label{margin-bottom:5px;font-size:14px}.main-contact-us .content .get-in-touch li:before{top:2px;width:14px;height:14px}.main-contact-us .content .formbox{width:100%}.main-contact-us .content .formbox .tab{margin:20px 0}.main-contact-us .content .formbox .tab span{padding-bottom:5px;font-size:14px}.main-contact-us .content .formbox .enterbox label{font-size:14px}.main-contact-us .content .formbox .enterbox input,.main-contact-us .content .formbox .enterbox select,.main-contact-us .content .formbox .enterbox textarea{height:34px;padding:0 10px;font-size:14px;border-radius:5px}.main-contact-us .content .formbox .enterbox textarea{height:100px;padding:8px 10px}.main-contact-us .content .formbox .enterbox button{width:120px;height:34px;font-size:14px;border-radius:34px}.main-contact-us .content .formbox .enterbox li{margin-top:10px}.main-contact-us .content .formbox .enterbox li.btnbox{margin-top:20px}.main-contact-us .content .formbox .enterbox .pro-select{width:100px;height:100px;border-radius:5px;row-gap:10px}.main-contact-us .content .formbox .enterbox .pro-select i{width:16px;height:16px}.main-contact-us .content .formbox .enterbox .pro-select p{font-size:12px}}