.banner{background-image:url("../image/ContactUs/about-background.png");background-repeat:no-repeat;background-size:cover;}.banner .banner-text{padding-top:9.5%;text-align:center;color:#073058;display:grid;}@media screen and (max-width:1024px){.banner .banner-text{padding-top:11%;}}@media screen and (max-width:425px){.banner .banner-text{padding-top:30%;}}@media screen and (max-width:768px) and (min-width:425px){.banner .banner-text{padding-top:20%;}}.banner .banner-text .banner-text1{font-size:3.42vw;width:100%;margin-bottom:1.5%;}.banner .banner-text .banner-text1.animation{opacity:0;transform:translateY(20%);-webkit-transition:opacity 1s,transform 1s;-moz-transition:opacity 1s,transform 1s;-o-transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s;}.banner .banner-text .banner-text1.animation.inView{opacity:1;transform:translateY(0%);}@media screen and (max-width:1366px){.banner .banner-text .banner-text1{font-size:35.02px;}}@media screen and (max-width:768px) and (min-width:425px){.banner .banner-text .banner-text1{font-size:30px;}}@media screen and (max-width:425px){.banner .banner-text .banner-text1{font-size:25px;}}.banner .banner-text .banner-text2{font-size:16px;z-index:1;width:100%;}@media screen and (min-width:1366px){.banner .banner-text .banner-text2{font-size:1.563vw;}}.banner .banner-text .banner-text3{font-size:91.36px;color:#f2f2f2;margin-bottom:-3%;width:100%;}@media screen and (min-width:1366px){.banner .banner-text .banner-text3{margin-top:-5%;margin-bottom:-2%;font-size:6.688vw;}}@media screen and (max-width:1366px) and (min-width:1024px){.banner .banner-text .banner-text3{margin-top:-5.5%;margin-bottom:-3%;}}@media screen and (max-width:1024px) and (min-width:768px){.banner .banner-text .banner-text3{margin-top:-6.5%;margin-bottom:-3%;}}@media screen and (max-width:768px) and (min-width:0){.banner .banner-text .banner-text3{font-size:10.5vw;margin-top:-8.5%;margin-bottom:-4%;}}.banner img{width:100%;position:relative;}@media screen and (max-width:1024px){.banner img{display:none;}}.banner .productbanner{height:200px;background-image:url("../image/ContactUs/contact-banner.jpg");background-repeat:no-repeat;background-size:cover;background-position:65%;position:relative;}@media screen and (min-width:1025px){.banner .productbanner{display:none;}}.map-container{position:relative;}@media screen and (max-width:767px){.map-container{display:none;}}.map-container .map-line{position:absolute;border-left:1px solid #8d8d8d;opacity:.3;height:100%;top:0;left:0;margin-left:10%;}.map-container .green-square4{position:absolute;margin-top:5%;animation:MoveUpDown 5s linear infinite;left:9.8%;z-index:1;}@media screen and (min-width:0) and (max-width:767px){.map-container .green-square4{left:8.8%;}}.map-container .green-square5{position:absolute;margin-top:22%;animation:MoveUpDown 5s linear infinite;left:9.8%;z-index:1;}@media screen and (min-width:0) and (max-width:767px){.map-container .green-square5{left:8.8%;}}.map-container .map-box{width:90%;display:flex;margin-left:10%;}@media screen and (min-width:0) and (max-width:425px){.map-container .map-box{display:grid;}}.map-container .map-box .map-content{width:50%;margin:6% auto 3% 4%;}@media screen and (min-width:0) and (max-width:425px){.map-container .map-box .map-content{display:grid;width:90%;}}@media screen and (min-width:0) and (max-width:767px){.map-container .map-box .map-content img{width:100%;}}.map-container .map-box .map-content .w2{display:flex;justify-content:space-evenly;}@media screen and (min-width:0) and (max-width:425px){.map-container .map-box .map-content .w2{display:inline-grid;width:100%;justify-content:space-between;}}.map-container .map-box .map-content .w2 .w1{width:50%;margin-bottom:5%;}@media screen and (min-width:0) and (max-width:425px){.map-container .map-box .map-content .w2 .w1{width:100%;}}.map-container .map-box .map-content .w2 .w1 .map-contact{display:flex;align-items:center;}.map-container .map-box .map-content .w2 .w1 .map-contact img{width:30px;}@media screen and (min-width:1366px){.map-container .map-box .map-content .w2 .w1 .map-contact img{width:1.464vw;}}@media screen and (max-width:1024px){.map-container .map-box .map-content .w2 .w1 .map-contact img{width:22px;}}.map-container .map-box .map-content .w2 .w1 .map-contact p{font-family:"SuiGenerisRg-Regular";font-size:1.025vw;color:#073058;margin-left:15px;}@media screen and (min-width:0) and (max-width:425px){.map-container .map-box .map-content .w2 .w1 .map-contact p{font-size:14px;}}.map-container .map-box .map-content .w2 .w1 .map-contact1{margin-left:44px;}.map-container .map-box .map-content .w2 .w1 .map-contact1 span{font-family:"Poppins-Regular";font-size:1.171vw;display:inline-block;position:relative;}@media screen and (min-width:0) and (max-width:425px){.map-container .map-box .map-content .w2 .w1 .map-contact1 span{font-size:16px;}}.map-container .map-box .map-content .w2 .w1 .map-contact1 span a{color:#000;}.map-container .map-box .map-content .w2 .w1 .map-contact1 .font{font-family:"Poppins-Medium";}.map-container .map-box .map-content .w2 .w1 .hover2:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#173388;transform-origin:bottom right;transition:transform .25s ease-out;}.map-container .map-box .map-content .w2 .w1 .hover2:hover:after{transform:scaleX(1);transform-origin:bottom left;}.map-container .map-box .map-content1{width:50%;}.map-container .map-box .map-content1 iframe{width:100%;height:100%;}.box1{position:relative;}@media screen and (min-width:768px){.box1{display:none;}}.box1 .box2{width:100%;}.box1 .box2 .box2-1{width:10%;position:absolute;border-right:1px solid #8d8d8d;opacity:.3;height:100%;}.box1 .box2 .green-square4{position:absolute;margin-top:5%;animation:MoveUpDown 5s linear infinite;left:9%;z-index:1;}.box1 .box2 .green-square5{position:absolute;margin-top:30%;animation:MoveUpDown 5s linear infinite;left:9%;z-index:1;}.box1 .box2 .box3{margin:auto;padding:5% 0;}@media screen and (min-width:0) and (max-width:375px){.box1 .box2 .box3{width:80%;}}@media screen and (min-width:375px) and (max-width:500px){.box1 .box2 .box3{width:65%;}}@media screen and (min-width:500px) and (max-width:600px){.box1 .box2 .box3{width:60%;}}@media screen and (min-width:600px) and (max-width:767px){.box1 .box2 .box3{width:40%;}}.box1 .box2 .box3 .title{display:flex;align-items:center;grid-column-gap:10px;font-size:15px;font-family:"SuiGenerisRg-Regular";color:#073058;margin:3% auto 3% 12%;}@media screen and (min-width:375px) and (max-width:425px){.box1 .box2 .box3 .title{margin:3% auto 3% 3%;}}.box1 .box2 .box3 .title img{width:25px;}.box1 .box2 .box3 .title span{margin-top:2%;}.box1 .box2 .box3 .text{font-family:"Poppins-Regular";font-size:14px;margin:2% auto 10% 25%;}.box1 .box2 .box3 .text a{color:#000;}@media screen and (min-width:320px) and (max-width:375px){.box1 .box2 .box3 .text{margin:2% auto 10% 23%;}}@media screen and (min-width:375px) and (max-width:425px){.box1 .box2 .box3 .text{margin:2% auto 10% 18%;}}@media screen and (min-width:768px){.box4{display:none;}}.box4 iframe{width:100%;height:300px;}.error-div{position:relative;text-align:right;user-select:none;height:18px;}.error{color:#f00;opacity:0;font-family:"Roboto-Regular";font-size:13px;}@media screen and (min-width:1366px){.error{font-size:.952vw;}}.error.show{opacity:1;}.error.overlap{position:absolute;top:0;right:0;}@keyframes MoveUpDown{0%,100%{transform:translateY(0);}50%{transform:translateY(30px);}}.contact{position:relative;width:100%;display:flex;align-items:center;justify-content:center;}.contact::before{content:"";background-image:url("../image/ContactUs/contact-background.jpg");background-size:cover;background-repeat:no-repeat;background-position:right;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;}.contact-box{width:50%;margin:auto;padding-top:60px;padding-bottom:60px;position:relative;color:#fff;font-size:14rem;line-height:.9;text-align:center;}@media screen and (min-width:0) and (max-width:550px){.contact-box{width:90%;padding-bottom:50px;}}@media screen and (min-width:550px) and (max-width:768px){.contact-box{width:70%;padding-bottom:50px;}}@media screen and (min-width:768px) and (max-width:1024px){.contact-box{width:80%;}}.contact-box p{font-family:"SuiGenerisRg-Regular";font-size:1.757vw;color:#073058;}@media screen and (min-width:0) and (max-width:1024px){.contact-box p{font-size:24px;}}.contact-box .contact-form{display:flex;flex-wrap:wrap;font-family:"Poppins-Regular";font-size:14px;}@media screen and (min-width:1366px){.contact-box .contact-form{font-size:1.025vw;}}.contact-box .contact-form .form1{position:relative;width:49%;margin-right:2%;margin-bottom:2%;}@media screen and (min-width:0) and (max-width:767px){.contact-box .contact-form .form1{width:100%;margin-right:0;}}.contact-box .contact-form .form1 p{text-align:left;margin:0;font-size:16px;font-family:"Poppins-Regular";color:#000;}@media screen and (min-width:1600px){.contact-box .contact-form .form1 p{font-size:1.171vw;margin-bottom:1.5%;}}.contact-box .contact-form .form1 p span{color:#f00;}.contact-box .contact-form .form1 .font1-1{position:relative;display:flex;align-items:center;}.contact-box .contact-form .form1 .font1-1 .idcard{width:26px;}@media screen and (min-width:1600px){.contact-box .contact-form .form1 .font1-1 .idcard{width:1.464vw;}}.contact-box .contact-form .form1 .font1-1 img{width:23px;opacity:.3;position:absolute;padding:2%;}@media screen and (min-width:1600px){.contact-box .contact-form .form1 .font1-1 img{width:1.464vw;}}.contact-box .contact-form .form1 .font1-1 .txtall{width:100%;padding:12px 46px;margin-top:2px;display:inline-block;border:1px solid #91a3b695;box-sizing:border-box;}@media screen and (min-width:1600px){.contact-box .contact-form .form1 .font1-1 .txtall{padding:.878vw 2.367vw;}}.contact-box .contact-form .form2{position:relative;width:100%;align-items:center;margin-bottom:2%;}@media screen and (min-width:0) and (max-width:767px){.contact-box .contact-form .form2{width:100%;}}.contact-box .contact-form .form2 p{text-align:left;margin:0;font-size:16px;font-family:"Poppins-Regular";color:#000;}@media screen and (min-width:1600px){.contact-box .contact-form .form2 p{font-size:1.171vw;margin-bottom:1.5%;}}.contact-box .contact-form .form2 .font1-1{position:relative;display:flex;align-items:center;}.contact-box .contact-form .form2 .font1-1 img{width:23px;opacity:.3;position:absolute;padding:2% 1%;}@media screen and (min-width:1600px){.contact-box .contact-form .form2 .font1-1 img{width:1.464vw;}}.contact-box .contact-form .form2 .font1-1 .txtall{width:100%;padding:12px 46px;margin-top:2px;display:inline-block;border:1px solid #91a3b695;box-sizing:border-box;}@media screen and (min-width:1600px){.contact-box .contact-form .form2 .font1-1 .txtall{padding:.878vw 2.367vw;}}.contact-box .contact-form .form2 .font1-1 .txtmsgicon{width:25px;opacity:.3;position:absolute;padding:2% 1%;top:2.5%;}@media screen and (min-width:1600px){.contact-box .contact-form .form2 .font1-1 .txtmsgicon{width:1.464vw;}}@media screen and (min-width:0) and (max-width:425px){.contact-box .contact-form .form2 .font1-1 .txtmsgicon{top:11px;padding:2%;}}.contact-box .contact-form .form2 .font1-1 textarea{width:100%;padding:12px 46px;margin:8px 0;display:inline-block;border:1px solid #91a3b695;box-sizing:border-box;}@media screen and (min-width:1600px){.contact-box .contact-form .form2 .font1-1 textarea{padding:.878vw 2.367vw;}}.contact-box .contact-form .form3{position:relative;width:49%;align-items:center;margin-bottom:2%;}@media screen and (min-width:0) and (max-width:767px){.contact-box .contact-form .form3{width:100%;}}.contact-box .contact-form .form3 p{text-align:left;margin:0;font-size:16px;font-family:"Poppins-Regular";color:#000;}@media screen and (min-width:1600px){.contact-box .contact-form .form3 p{font-size:1.171vw;margin-bottom:1.5%;}}.contact-box .contact-form .form3 p span{color:#f00;}.contact-box .contact-form .form3 .font1-1{position:relative;display:flex;align-items:center;}.contact-box .contact-form .form3 .font1-1 img{width:23px;opacity:.3;position:absolute;padding:2%;}@media screen and (min-width:1600px){.contact-box .contact-form .form3 .font1-1 img{width:1.464vw;}}.contact-box .contact-form .form3 .font1-1 .txtall{width:100%;padding:12px 46px;margin-top:2px;display:inline-block;border:1px solid #91a3b695;box-sizing:border-box;}@media screen and (min-width:1600px){.contact-box .contact-form .form3 .font1-1 .txtall{padding:.878vw 2.367vw;}}.contact-box .contact-form .pnlSubmit{width:100%;display:flex;justify-content:space-between;margin-top:2%;}@media screen and (max-width:768px){.contact-box .contact-form .pnlSubmit{display:grid;}}.contact-box .submit-btn{width:25.864%;background-color:#04745b;display:flex;align-items:center;justify-content:center;margin-top:1%;padding:15px 0;}@media screen and (min-width:1600px){.contact-box .submit-btn{padding:.5vw 0;}}@media screen and (min-width:0) and (max-width:768px){.contact-box .submit-btn{width:55%;margin-top:4%;}}.contact-box .submit-btn .submit-content{display:flex;align-items:center;justify-content:center;width:100%;transform:translateX(0);transition:transform .3s .1s ease-in;}.contact-box .submit-btn .submit-content:hover{transform:translateX(5px);}.contact-box .submit-btn .submit-content img{width:37px;}@media screen and (min-width:1600px){.contact-box .submit-btn .submit-content img{width:2.709vw;}}.contact-box .submit-btn .submit-content span{font-family:"SuiGenerisRg-Regular";font-size:14px;color:#fff;margin:auto 10% auto 0;}@media screen and (min-width:1600px){.contact-box .submit-btn .submit-content span{font-size:1.025vw;}}.textlb{display:flex;width:100%;}.textlb p{width:60%;}.textlb .error-div{width:40%;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}