﻿.cnc-banner-text{padding-top:9.5%;text-align:center;color:#073058;display:grid;background-image:url(../image/CNC/lightblue-background.jpg);background-repeat:no-repeat;background-size:cover;}@media screen and (max-width:1024px){.cnc-banner-text{padding-top:11%;}}@media screen and (max-width:425px){.cnc-banner-text{padding-top:30%;}}@media screen and (max-width:768px) and (min-width:425px){.cnc-banner-text{padding-top:20%;}}.cnc-banner-text .cnc-banner-text1{font-size:3.42vw;width:100%;margin-bottom:1.5%;}.cnc-banner-text .cnc-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;}.cnc-banner-text .cnc-banner-text1.animation.inView{opacity:1;transform:translateY(0%);}@media screen and (max-width:1366px){.cnc-banner-text .cnc-banner-text1{font-size:35.02px;}}@media screen and (max-width:768px) and (min-width:425px){.cnc-banner-text .cnc-banner-text1{font-size:30px;}}@media screen and (max-width:425px){.cnc-banner-text .cnc-banner-text1{font-size:25px;}}.cnc-banner-text .cnc-banner-text2{font-size:16px;z-index:1;width:100%;}@media screen and (min-width:1366px){.cnc-banner-text .cnc-banner-text2{font-size:1.563vw;}}.cnc-banner-text .cnc-banner-text3{font-size:91.36px;color:#f2f2f2;margin-bottom:-3%;width:100%;}@media screen and (min-width:1366px){.cnc-banner-text .cnc-banner-text3{margin-top:-5%;margin-bottom:-2%;font-size:6.688vw;}}@media screen and (max-width:1366px) and (min-width:1024px){.cnc-banner-text .cnc-banner-text3{margin-top:-5.5%;margin-bottom:-3%;}}@media screen and (max-width:1024px) and (min-width:768px){.cnc-banner-text .cnc-banner-text3{margin-top:-6.5%;margin-bottom:-3%;}}@media screen and (max-width:768px) and (min-width:425px){.cnc-banner-text .cnc-banner-text3{font-size:11.896vw;margin-top:-8.5%;margin-bottom:-4%;}}@media screen and (max-width:425px) and (min-width:0){.cnc-banner-text .cnc-banner-text3{font-size:11.896vw;margin-top:-11.5%;margin-bottom:-4%;}}.cnc-banner-text .cncbanner{width:100%;z-index:1;}.cncbanner{width:100%;position:relative;}@media screen and (max-width:1024px){.cncbanner{display:none;}}.productbanner{height:200px;background-image:url("../image/CNC/CNA.jpg");background-repeat:no-repeat;background-size:cover;background-position:65%;position:relative;}@media screen and (min-width:1025px){.productbanner{display:none;}}.wrapper{height:100%;background:#fff;margin:3% auto 0;position:relative;z-index:1;}.wrapper .title{padding:30px 20px;text-align:center;font-size:24px;font-weight:700;border-bottom:1px solid #ebedec;}.wrapper .tabs_wrap{top:0;overflow-x:auto;z-index:3;}.mCustomScrollBox{background-color:#fff;}.wrapper .tabs_wrap ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;color:#cbcbcb;font-size:1.025vw;position:relative;background:#fff;max-height:70px;justify-content:space-evenly;width:90%;margin:auto;inline-size:max-content;}@media screen and (min-width:1366px){.wrapper .tabs_wrap ul{max-height:none;}}@media screen and (min-width:1024px){.wrapper .tabs_wrap ul{justify-content:space-evenly;border-bottom:1px solid #c1c4c9;}}@media screen and (max-width:1024px){.wrapper .tabs_wrap ul{font-size:11px;-webkit-overflow-scrolling:touch;overflow-x:auto;justify-content:normal;}}.wrapper .tabs_wrap .fixed{position:fixed;top:8.6%;left:0;right:0;margin:auto;z-index:2;overflow-x:auto;}.wrapper .tabs_wrap ul li{text-align:center;padding:13px 15px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}@media screen and (min-width:1366px){.wrapper .tabs_wrap ul li{padding:.952vw 1.098vw;}}.wrapper .tabs_wrap ul li:last-child{border-right:0;}.wrapper .tabs_wrap ul li:hover,.wrapper .tabs_wrap ul li.active{color:#fff;color:#173388;cursor:pointer;}.wrapper .container ul{margin-bottom:5%;}.wrapper .container .item_wrap{padding:10px 20px;}@media screen and (max-width:768px){.wrapper .container .item_wrap{display:flex;}}.wrapper .container .item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-evenly;width:80%;margin:auto;}.wrapper .container .item.animation{opacity:0;transform:translateY(15%);-webkit-transition:opacity 1s,transform 1s;-moz-transition:opacity 1s,transform 1s;-o-transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s;}.wrapper .container .item.animation.inView{opacity:1;transform:translateY(0%);}@media screen and (max-width:768px){.wrapper .container .item{display:flex;width:100%;}}.item_wrap .item .item_left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}@media screen and (max-width:768px){.item_wrap .item .item_left{width:100%;}}.item_wrap .item .box{width:100%;}.item_wrap .item .project-name{display:flex;align-items:center;margin-bottom:2%;margin-top:4%;}.item_wrap .item .project-name img{margin-right:15px;}@media screen and (min-width:1366px){.item_wrap .item .project-name img{width:1.563vw;}}@media screen and (max-width:1024px){.item_wrap .item .project-name img{width:3.5%;}}@media screen and (max-width:425px){.item_wrap .item .project-name img{width:6%;}}@media screen and (max-width:375px){.item_wrap .item .project-name img{width:8%;}}.item_wrap .item .project-name .company{font-size:18px;font-family:"Poppins-SemiBold";}@media screen and (min-width:1366px){.item_wrap .item .project-name .company{font-size:1.318vw;}}@media screen and (max-width:768px){.item_wrap .item .project-name .company{font-size:16px;}}@media screen and (max-width:425px){.item_wrap .item .project-name .company{font-size:14px;}}.item_wrap .item_left .img-flex{display:flex;justify-content:flex-start;flex-wrap:wrap;}.item_wrap .item_left img{display:block;padding:1%;width:30%;}.item_wrap .item_left img.animation{opacity:0;transform:translateY(15%);-webkit-transition:opacity 1s,transform 1s;-moz-transition:opacity 1s,transform 1s;-o-transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s;}.item_wrap .item_left img.animation.inView{opacity:1;transform:translateY(0%);}@media screen and (max-width:550px){.item_wrap .item_left img{width:48%;}}@media screen and (min-width:550px) and (max-width:768px){.item_wrap .item_left img{width:30%;}}.contact{position:relative;padding-top:4%;padding-bottom:20%;background-color:#f7f8fb;}@media screen and (max-width:768px){.contact{padding-bottom:5%;}}@media screen and (max-width:700px){.contact{padding-bottom:20%;}}@media screen and (min-width:769px){.contact{padding-bottom:4%;}}.f14{text-align:center;line-height:40px;position:relative;z-index:1;}@media screen and (min-width:1366px){.f14{line-height:normal;}}.f1{font-size:24px;color:#073058;}@media screen and (min-width:1366px){.f1{font-size:1.757vw;}}.f2{font-size:16px;font-family:"Poppins-Regular";color:#232323;}@media screen and (min-width:1366px){.f2{font-size:1.171vw;}}@media screen and (max-width:425px){.f2{font-size:14px;}}.f3{padding:3.441% 17%;display:flex;justify-content:space-evenly;position:relative;z-index:1;}.f3.animation{opacity:0;transform:translateY(15%);-webkit-transition:opacity 1s,transform 1s;-moz-transition:opacity 1s,transform 1s;-o-transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s;}.f3.animation.inView{opacity:1;transform:translateY(0%);}@media screen and (max-width:1440px){.f3{font-size:16px;}}@media screen and (max-width:768px){.f3{display:grid;width:100%;padding:0;}}.f4{width:100%;padding:2%;}@media screen and (max-width:425px){.f4{padding:0;padding-bottom:5%;}}.f4b{display:flex;justify-content:center;align-items:center;}.f5{display:flex;justify-content:center;width:100%;align-items:start;margin-top:15px;margin-bottom:15px;}.tele{width:30px;margin-top:1%;}@media screen and (min-width:1366px){.tele{width:2.196vw;}}@media screen and (max-width:425px){.tele{width:25px;}}.f7{color:#3157a4;font-size:29.4px;margin:0 0 0 15px;}@media screen and (min-width:1366px){.f7{font-size:2.152vw;}}@media screen and (max-width:1130px){.f7{font-size:25px;}}@media screen and (min-width:769px) and (max-width:987px){.f7{font-size:23px;}}@media screen and (max-width:768px){.f7{width:100%;margin:0;margin-left:10px;}}.f7 a{color:#3157a4;display:flex;align-items:center;}@media screen and (min-width:769px) and (max-width:987px){.f7 .mnum{display:grid;}}.f7 span{font-size:15px;}@media screen and (min-width:1366px){.f7 span{font-size:1.098vw;}}@media screen and (max-width:425px){.f7 span{font-size:12px;}}.f7 .slash{font-size:30px;margin-left:5px;}@media screen and (min-width:1366px){.f7 .slash{font-size:2.196vw;}}.f8{color:#232323;font-size:14px;font-family:"Poppins-Medium";text-align:center;width:100%;line-height:10px;}@media screen and (min-width:1366px){.f8{font-size:1.025vw;}}@media screen and (max-width:1024px){.f8{margin:0;line-height:30px;}}.f6{border-left:1px solid #8d8d8d;opacity:.3;height:200px;top:0;}@media screen and (min-width:1366px){.f6{height:14.641vw;}}@media screen and (max-width:768px){.f6{display:none;}}.f12{width:100%;padding:7% 0;align-items:center;justify-content:center;display:flex;transform:translateY(0);transition:transform .3s .1s ease-out;}.f12:hover{transform:translateY(-5px);}@media screen and (max-width:768px){.f12{width:100%;}}@media screen and (max-width:1024px) and (min-width:769px){.f12{padding:8% 0;}}@media screen and (min-width:1025px){.f12{padding:5% 0;}}.f13{color:#fff;font-size:14px;margin-left:15px;}@media screen and (min-width:1366px){.f13{font-size:1.025vw;}}.mail{width:33px;fill:#fff;}@media screen and (min-width:1366px){.mail{width:2.416vw;}}.d7{position:absolute;right:14%;left:14%;top:0;border-left:1px solid #8d8d8d;border-right:1px solid #8d8d8d;opacity:.3;height:100%;}@media screen and (max-width:425px){.d7{right:7%;left:7%;}}.green-square4{position:absolute;margin-top:6%;animation:MoveUpDown 5s linear infinite;left:13.85%;z-index:1;}@media screen and (min-width:1366px){.green-square4{width:.42vw;}}@media screen and (max-width:425px){.green-square4{left:6%;}}.green-square5{position:absolute;margin-top:14%;animation:MoveUpDown 5s linear infinite;right:13.85%;z-index:1;}@media screen and (min-width:1366px){.green-square5{width:.42vw;}}@media screen and (max-width:425px){.green-square5{right:6%;margin-top:55%;}}.enquiry{align-items:center;justify-content:center;width:60%;}@media screen and (max-width:768px){.enquiry{width:88%;}}@media screen and (max-width:1024px) and (min-width:769px){.enquiry{width:90%;}}@media screen and (max-width:1366px) and (min-width:1025px){.enquiry{width:70%;}}.enquiry p{color:#fff;font-size:14px;}.enquiry-rectangle{border:1px solid #04745b;background-color:#04745b;width:100%;}.enquiry1{display:flex;justify-content:center;}.enquiry1-1{width:100%;}@keyframes MoveUpDown{0%,100%{transform:translateY(0);}50%{transform:translateY(30px);}}