3e";font-size:12px;} ul#breadcrumb li a {color:#707070;text-decoration:none;} ul#breadcrumb li a:hover {color:#707070;text-decoration:underline;} @media all and (min-width: 850px){ .top-menu{padding:20px 30px;min-height:130px;position:relative;} .mobile-menu{display:none;}]] .top-menu a.logo{width:80px;float:left;} .top-menu a.logo svg:last-child{margin-top:5px;} .top-menu .contact-menu{text-align:right;position:absolute;top:20px;right:20px;} .top-menu .contact-menu a, .top-menu .contact-menu span{display:inline-block;padding:5px 30px; text-decoration:none;color:#707070;} .top-menu .contact-menu span{padding:5px 0;cursor:pointer} .top-menu .contact-menu a.phone{color:#252c5f;font-weight:bold;} .top-menu .contact-menu a:last-child{color:#fff;border:1px solid #3aaae1;background-color:#3aaae1;transition:all 0.5s;font-weight:bold;animation:ctapulse 3s infinite;} .top-menu .contact-menu a:hover:last-child{background-color:#707070;;color:#fff;transition:all 0.5s;} @keyframes ctapulse { 0% { box-shadow: 0 0 0 0 rgba(58, 170, 225,0.8); } 70% { box-shadow: 0 0 0 10px rgba(58, 170, 225,0); } 100% { box-shadow: 0 0 0 0 rgba(58, 170, 225,0); } } .menu-breadcrumb{line-height:40px;} ul#breadcrumb{padding:10px 16px;} ul#breadcrumb li+li:before {padding:8px;margin-left:10px;margin-right:10px;font-size:inherit;} } @media all and (min-width: 1150px){ .top-menu .contact-menu{margin-bottom:8px;} .sub-menu .menu-contained a span{font-size:16px;} } .highlight{padding-top:70px;padding-bottom:50px;text-align:right;position:relative;margin-bottom:60px;} .highlight .bp{padding: 2px 20px;border:none;font-weight:normal;background-color:#fff;color:#707070;} .highlight .bp:hover{background-color:rgba(255,255,255,0.8);color:#707070;} .highlight-content{height:100%;display:inline-block;text-align:left;left:0;top:0;} .highlight-content-fields{height:100%;display:inline-block;text-align:left;left:0;top:0;position:relative;width:100%;} .highlight-content .title{padding:20px;margin-bottom:20px;} .highlight h3.h2{margin:0;color:#fff;font-weight:normal;text-transform:uppercase;letter-spacing:2px;} .highlight-content .title.bhblue{background-color:rgba(0,173,237,0.8);position:relative;} .highlight-content .title.bhpurple{background-color:rgba(165,12,116,0.8);position:relative;} .highlight-content .title.bhgreen{background-color:rgba(147,186,36,0.8);position:relative;} .highlight-content .title.bhorange{background-color:rgba(0,173,237,0.8);position:relative;} .highlight-image{position:absolute;width:200%;height:100%;left:0;top:0;} .highlight-image > div{height:100%;width:100%} .highlight-link{position:relative;} .content-left{padding:20px;vertical-align:top;color:#fff;font-weight:bold;} .content-right{display:inline-block;padding:20px;vertical-align:top;color:#fff;} .content-right-container{border-left:3px solid #fff;padding-left:10%;} @media all and (min-width: 900px){ .highlight-content .title{margin-right:-200%;} .two-columns{columns:2;-webkit-columns:2;-moz-columns:2;} .content-left{display:inline-block;width:30%;text-align:right;} .content-right{width:70%;} } .xhighlightimage{margin-bottom:-50px} .xhighlightcontent{padding:20px} @media all and (min-width: 900px){ .xhighlightimage{width:120%; margin-bottom:0} .xhighlightcontent{margin-top:20px;margin-bottom:20px;margin-left:0;margin-right:0;padding:20px;box-shadow: 4px 4px 16px #666;} } @media all and (min-width: 1200px){ .xhighlightcontent{padding:50px;margin-top:50px;margin-bottom:50px;} } .footer-cta{background-color:#707070;color:#fff;height:80px;} .footer-navigation{background-color:#EEEEEE;color:#444444;padding-top:50px;padding-bottom:30px;} .footer-legal{background-color:#707070;color:#fff} footer ul, footer ul li{list-style:none;margin:0;padding:0;} footer h4{font-weight:bold;margin-bottom:20px;} footer a, footer a:visited{text-decoration:none;color:#444444;} footer a.cta, footer a.cta:visited{color:#ffffff;} footer a:hover, footer a.emailshare:hover, footer a.twitter:hover, footer a.facebook:hover, footer a.linkedin:hover, footer a.youtube:hover{color:#707070;text-decoration:underline;} footer a.cta:hover{color:#707070;} footer .ns{margin-bottom:40px;} footer .bp{margin-bottom:40px;} footer p{margin-bottom:40px;} footer .map{border:1px solid #707070;margin-top:40px;} footer .cta{vertical-align:middle;text-align:center;display:inline-block;padding:7px 30px;background-color:inherit;color:#fff;border:solid 1px #fff;text-decoration:none;transition:all .5s;font-weight:bold;margin-right:30px;} footer .cta:hover, footer .cta:focus{background-color:#fff;color:#707070;text-decoration:none;transition:all .5s;} .cta-img{vertical-align:middle;position:relative;top:-31px;margin-bottom:-62px;} a.emailshare, a.emailshare:visited, .emailshare{color:#404040;margin-right:10px;} a.twitter, a.twitter:visited, .twitter{color:#66B4EF;margin-right:10px;} a.facebook, a.facebook:visited, .facebook{color:#4E69A2;margin-right:10px;} a.linkedin, a.linkedin:visited, .linkedin{color:#1988BD;margin-right:10px;} a.youtube, a.youtube:visited, .youtube{color:#E34343;margin-right:10px;} a.post-link{display:block;width:100%;background-color:#ECECEC;color:#707070;margin-bottom:40px;text-decoration: none;box-shadow:0 3px 6px rgba(0,0,0,0.2);transition:all 1s;} .b4 a.post-link{background-color:#ffffff;} a.post-link:hover{box-shadow:0 1px 1px rgba(0,0,0,0.2);transition:all 1s;} a.post-link .post-content{padding:20px;color:#707070;display:block;width:100%;position:relative;} a.post-link .post-image{display:block;position:relative;overflow:hidden;} a.post-link .post-description{font-size:12px;margin-top:10px;margin-bottom:40px;} a.post-link:hover .post-content, a.post:focus .post-content{text-decoration:none;} a.post-link img{margin-bottom:0;} a.post-link img{transition:transform 2s;} a.post-link:hover img{transform: scale(1.8)rotate(10deg);transition:transform 10s;} a.post-link .read-more{display:inline-block;position:absolute;bottom:0;right:0;background-color:#1f6f94;color:#ffffff;padding:5px 20px;width:100%;} a.post-link .classification{display:inline-block;position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,.5);color:#fff;padding:5px 20px;width:100%;text-align:left;} a.post-link h2{margin-bottom:10px;} a.post-link .date{font-size:0.8em;} a.post-link .case-content h2{margin-bottom:0;} a.post-link .case-content .post-description{margin-top:0;} @media (max-width:599px){ footer ul li{padding:10px 0;}.post-share{margin-top:10px;} } @media all and (min-width: 600px){ body{line-height:1.6;font-size:18px} header{font-size:18px;} h1, .h1{font-size:34px;line-height:1.125} h2, .h2{font-size:22px;line-height:1.25} h3, .h3{font-size:20px;line-height:1.25} h4, .h4{font-size:18px;line-height:1.22} } @media all and (min-width: 900px){ .footer-navigation{padding-top:100px;padding-bottom:80px;} .float-left{width:280px} .float-right{width:280px} .float-large{width:460px} a.post-link{display:flex;height:294px;} a.post-link .post-image{display:flex;} a.post-link h2{margin-bottom:0;min-height:90px;} a.post-link .post-content{display:table-cell;width:55%;vertical-align:top;} a.post-link .post-content.case-content{width:50%;} a.post-link .post-description{max-height:90px;overflow:hidden;margin-bottom:0;font-size:14px;} a.post-link .case-content .post-description{display:block;} a.post-link .case-content .post-description{display:block;max-height:none;margin-top:10px;font-size:14px;} a.post-link .case-content h2{margin-bottom:0;min-height:auto;} a.post-link .post-content.case-content{width:50%;} a.post-link .case-content .post-description{margin-top:0;} } @media all and (min-width: 1200px){ a.post-link .post-description{display:block;font-size:14px;margin-top:10px;max-height:90px;overflow:hidden;} a.post-link .case-content .post-description{max-height:none;margin-top:20px;font-size:16px;} a.post-link .case-content h2{margin-bottom:20px;} a.post-link .case-content .post-description{margin-top:20px;} a.post-link .post-content.case-content{width:60%;} } .xicons{line-height:12px;vertical-align:middle;margin-bottom:20px;margin-right:10px;font-size:11px;padding-left:4px;padding-right:4px;text-align:center;color:#fff;font-weight:bold;height:50px;width:50px;display:inline-block;} table {border-spacing: 0;} .table-style1 table{border:2px solid #252627; padding:0px; font-size:14px;} .table-style1 table td{border-bottom:1px solid #252627;} .table-style1 table strong{text-align:left;} .table-style2 table th, .table-style2 table tr:hover{background-color:#F5F5F5} .table-style2 table{width:100%} .table-style2 table tr{border-color:#D6D6D6;} .table-style2 table tr:first-child{background-color:#F5F5F5;} .table-style2 table tr td:last-child{border-right:none;} .table-style2 table td,.table-style2 table th{padding:10px;border-right:1px solid #D6D6D6;min-width:30%;border-bottom:1px solid #D6D6D6;} .table-style2 table tr td:last-child, .table-style2 table tr th:last-child{border-right:none;} .table-style2 table th{color:#222} .tab { background-color: inherit; display:flex; } /* Style the buttons that are used to open the tab content */ .tab > div { background-color: inherit; float: left; text-align: center; cursor: pointer; padding: 10px 20px; margin-right: -1px; color: #222; background: #FFF; border: 1px solid #e6e6e6; transition: all 0.5s; width: 100%; } /* Change background color of buttons on hover */ .tab > div:hover { border: 1px solid #77787A; background-color: #77787A; color: #fff; transition: all 0.5s; } /* Create an active/current tablink class */ .tab > div.active { cursor: pointer; outline: none; background: #3aaae1; color: #fff; border-color: #3aaae1; transition: all 0.5s; } .tabcontent { display: none; padding: 20px 0; border-top: none; } .tabcontent { animation: fadeEffect 1s; /* Fading effect takes 1 second */ } /* Go from zero to full opacity */ @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } bento-selector[role=tablist].tabs-with-selector { display:table; border-collapse: separate; border-bottom: 1px solid #ccc; } bento-selector[role=tablist].tabs-with-selector [role=tab] { display:table-cell; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; width: 25%; margin-top:20px; text-align: left; padding: 20px; transition:all 1s; } bento-selector[role=tablist].tabs-with-selector [role=tab][selected] { outline: none; background-color:#eee; -moz-box-shadow: inset 2px 2px 3px #ccc; -webkit-box-shadow: inset 2px 2px 3px #ccc; box-shadow: inset 2px 2px 3px #ccc; transition:all 1s; } bento-selector[role=tablist].tabs-with-selector [role=tab]:hover { outline: none; background-color:#eee; transition:all 1s; } bento-selector[role=tablist].tabs-with-selector { display: block; margin-top:20px; } bento-selector[role=tablist].tabs-with-selector [role=tab] p{ margin-bottom:0; font-size:14px; } bento-selector[role=tablist].tabs-with-selector [role=tab] h3{ margin-bottom:10px; } bento-selector.tabpanels [role=tabpanel] { visibility: hidden; height: 0; overflow: hidden; width: 100%; order: 1; opacity: 0; transition: height 0.5s, visibility 0s, opacity 1s linear; /*display: none;*/ display: block; } bento-selector.tabpanels [role=tabpanel][selected] { padding: 20px 0; outline: none; display: block; height: auto; visibility: visible; opacity: 1; transition: visibility 0s, opacity 1s linear; } bento-selector.tabpanels [role=tabpanel][selected] > div {position:relative;} /* Product */ #formfilters{ display: flex; flex-direction: column; } #formfilters .order{ order:99; } #formfilters .order0{ order:1; } #formfilters .order1{ order:2; } #formfilters .order2{ order:3; } #formfilters .order3{ order:4; } #formfilters .order4{ order:5; } #formfilters .order5{ order:6; } #formfilters .order6{ order:7; } #formfilters .order7{ order:8; } #formfilters .order8{ order:9; } #formfilters .order9{ order:10; } #formfilters .order10{ order:11; } #formfilters .order11{ order:12; } #formfilters .order12{ order:13; } #formfilters .order13{ order:14; } #formfilters .order14{ order:15; } #formfilters .order15{ order:16; } #formfilters > a{ order:100; } .filter-product{border-bottom:1px solid #ccc;margin-bottom:20px;} .filter-product ul li {font-size:16px;} .filter-product a.bf {margin-bottom:15px} .comparison-table {display:block;border-top:1px solid #ddd;margin-bottom:10px;} .comparison-table > div {display:table;table-layout:fixed;width:100%;border-bottom:1px solid #ddd;} .comparison-table > div.heading {border-top:1px solid #707070;} .comparison-table > div > h3{display:table-cell;width:2%;vertical-align:top;font-weight:bold;font-size:16px;padding: 15px;text-align: center;background-color: #707070;color: #fff;} .comparison-table > div > div > h3.producttitle{margin-bottom:0;;font-size:16px;} .comparison-table > div > div{display:table-cell;font-weight:normal;font-size:14px;border-right: 1px solid #ddd;padding:10px;} .comparison-table > div > div:first-child{border-left: 1px solid #ddd;} .comparison-table > div > div > h4{margin-bottom:0;font-weight:bold;font-size:16px;} .comparison-table > div > div > a > img{max-width:120px;margin-left:auto;margin-right:auto;} .comparison-table > div .bp, .bp:visited{padding:7px 5px;margin-bottom:0;} .cta-button{box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);transform: scale(1);animation: pulse 2s infinite;position:fixed;bottom:10px;right:10px;display:inline-block;width:50px;height:50px;padding:10px;border:none;color:#fff;text-align:center;cursor:pointer;background-color:#7f9f21;transition:all 0.5s;border-radius:50px;} .cta-button:hover{background-color:#5c7512;} @keyframes pulse { 0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(127, 159, 33, 0.5); } 70% { transform: scale(1); box-shadow: 0 0 0 20px rgba(127, 159, 33, 0); } 100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(127, 159, 33, 0); } } .cta-body{z-index:99999999;position:fixed;bottom:10px;right:10px;display:inline-block;background-color:#fff;width:280px;border-radius:14px;box-shadow:0 0 6px rgba(130,130,130,0.8);} .cta-body h4{cursor:pointer;width:100%;padding:20px;background-color:#707070;color:#fff;border-radius:14px 14px 0 0;margin-bottom:0;} .cta-body h4 span{float:right;} .cta-body h4 span svg{margin-bottom:0;} .cta-body form{padding:20px;} .cta-body form .fg{margin-top:10px;margin-bottom:10px;} .cta-body form input,.cta-body form textarea{width:100%;border:none;border-radius:0;border-bottom:1px solid #D5D5D5;padding:10px 0} .cta-body form input[type="checkbox"]{width:auto;display:inline-block;} .cta-body form input[type="submit"]{margin-bottom:0;} .cta-body form .email{display:none;} .cta-body form .website{display:none;} .scrollToTop { line-height:30px; border:2px solid white; border-bottom:none; color: #fff; font-size: 1.4em; width: 120px; height: 40px; outline: none; background: #707070; z-index: 9999; bottom: 0; right: 50%; transform: translateX(50%); position: fixed; cursor:pointer; opacity:0.8; text-align:center; } @media all and (max-width: 600px){ .home-hero .page-banner .page-image{width:400%;} } .amp-carousel-slide{opacity:0} .amp-carousel-slide[aria-hidden=false]{opacity:1;transition:all 2s;} .home-hero .scrolimg img{width:100%;margin-bottom:0;} .rr{display:flex;display:-webkit-flex;flex-wrap: wrap;} .xp{min-height:300px;} .xp{padding:20px;}.xp.xps{padding:20px 0;} @media all and (min-width: 600px){.xp{padding:40px}.xp.xps{padding:20px 0;}.xp.xpm{padding:40px 20px;}} @media all and (min-width: 900px){.xp{padding:60px}.xp.xps{padding:20px 0;}.xp.xpm{padding:40px 20px;}.xp.xpl{padding:60px 40px;} .cta-button{bottom:30px;right:30px;width:70px;height:70px;padding:20px;} .cta-body{bottom:30px;right:30px;width:300px;}} @media all and (min-width: 1200px){.xp{padding:80px}.xp.xps{padding:20px 0;}.xp.xpm{padding:40px 20px;}.xp.xpl{padding:60px 40px;} .homehero h1{font-size:36px}.homehero p{font-size:20px;} } .diagramhvr{border:1px solid #707070;transform:all .5s;cursor:pointer;} .diagramhvr:hover{border:2px solid #707070} .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom:20px; } .video-container.rmxn{ margin-bottom:0; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img{max-width:100%;height:auto;} .flow-icon img{margin-bottom:0} img.cover{margin-bottom:0;} .gf__form{font-size:16px;} .gf__form input[type=submit]{margin-top:10px;cursor:pointer;display:block;width:100%;text-align:center;display:inline-block;padding:7px 30px;text-decoration:none;transition:all .5s;font-weight:bold;background-color:#3aaae1;color:#fff;border:solid 1px #3aaae1;} .gf__form input[type=submit]:hover{background-color:#fff;color:#3aaae1;transition:all .5s;} .gf__form input, select, textarea{border-radius:0;padding:10px;font-size:16px;border:1px solid #707070;font-family:monospace;width:100%;margin-top:5px;margin-bottom:10px;box-sizing:border-box;min-height:35px;} .gf__control__failure-message{ margin-top: -10px; margin-bottom: 10px; font-size: 14px; } .gf__control__failure-message span{ color:#F47937; } .job_label,.job_input{font-size:16px;} .job_error,.error{color:#F47937;} .job_submit{background-color:#F47937;color:#fff;border-color:#F47937;} .job_submit,.job_input{border-radius:0px;padding:10px;font-size:16px;} input[type=submit].job_submit:hover,input[type=file].job_input:hover{cursor:pointer;background-color:#fff;color:#F47937;transition:0.5s;} .sb, .sb:hover, .sb:focus, .sb:visited{ display:block; color:#707070; text-decoration:none; } .sl h2{ margin-bottom:10px; } .sb:hover .sl h2, .sb:focus .sl h2{ text-decoration:underline; } .sb button{ cursor:pointer; } .sl h3{ font-weight:normal; margin-bottom:10px; } .sc{ display:flex; flex-direction:row; } .sc .sl{ width:100%; } .sc .si{ max-width:200px; margin-left:20px; } .sr{ width: 100%; margin-bottom: 20px; } .filter-options-mobile-tag { display: none; } .filter-header > div:first-child { display: flex; justify-content: space-between; } @media screen and (max-width: 600px) { .filter-options { border: none; position: absolute; width: 100vw; background-color: #fff; z-index: 10; left: -100vw; top: 0; transition: all 0.275s linear; } .filter-options-active { left: 0; top: 0; height: 100vh; overflow: scroll; position: fixed; transition: all 0.275s linear; } .filter-options-mobile-tag { display: block; background-color: #707070; padding: 5px 10px; width: 100%; color: #fff; } .filter-options-mobile-tag-open { margin-top: 10px; width: 100%; } } .filterSearch { margin-bottom: 20px; } .filterSearch > div { display: flex; align-items: center; } .filterSearch > div > input { padding: 6px; font-size: 14px; } .filterSearch > div > div { margin-left: 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .filterSearch > div > div > svg { fill: #707070; width: 20px; height: 20px; } /* Post */ .post{padding-bottom:30px;} .author-image{border-radius:50%;display:inline-block;margin-bottom:0;margin-right:10px;vertical-align:middle;} .author a{text-decoration:none;color:#F47937;} .author a:hover{text-decoration:underline;} .authoricon .author-image:hover{box-shadow: 3px 3px 3px #bbbbbb;} .post-title:before{background-color: #A50C74;position: absolute;width: 1000%;top: 0;right: 0;content: " ";height: 100%;} .post-title{background-color:#A50C74;color:#fff;padding:15px 16px;} .post-title h1{margin:0;color:#fff;position:relative;} .post-share p{margin-bottom:1px;line-height:1;margin-left:10px;} .share-icons{display:table;width:100%;table-layout:fixed;border-spacing: 10px;border-collapse:separate;} .share-icons a{color:#fff;display:table-cell;text-align:center;text-decoration:none;padding:5px;transition:all .5s;} .share-icons a.facebook{background-color:#3b5998;transition:all .5s;} .share-icons a.twitter{background-color:#55acee;transition:all .5s;} .share-icons a.linkedin{background-color:#0077b5;transition:all .5s;transition:all .5s;} .share-icons a:hover{background-color:#707070;box-shadow: 3px 3px 3px #bbbbbb;transition:all .5s;} .lh50{line-height:50px;} .article-cta{background-color:#eef7d4;color:#77787B;font-size:34px;} .cta-btn{display:inline-block;padding:5px 25px;background-color:#93BA24;color:#fff;box-shadow: 3px 3px 3px #ccc;font-size:16px;text-decoration:none;transition:all .5s;} .cta-btn:hover{box-shadow: 1px 1px 1px #aaa;transition:all .5s;} /* Wiki Links */ .wiki-related{border:1px solid #A50C74;background-color:#FBFBFB;padding:20px;} .wiki-related h3{color:#707070;} .wiki-related a, .wiki-related a:hover, .wiki-related a:focus, .wiki-related a:visited{color:#F47937;display:block} figure{border:1px solid #707070;padding:20px;margin-bottom:20px;} figure figcaption{font-size:14px;} figure figcaption h4{margin-bottom:5px;} figure figcaption p:last-child{margin-bottom:0;}

PCAP – Projected Capacitive Touch panel


Projected Capacitive touchscreens (or PCAP touch) are coated with a transparent conductive film (such as ITO), which when touched by an object, usually the skin on your fingertip, can sense the conductive properties of that object and record a touch event.

Capacitive touchscreens can detect multiple points of contacts and can also be operated while wearing certain types of gloves. They are more responsive than a resistive touchscreen when it comes to gestures such as swiping and pinching.

Advantages of PCAP

  • Work in extreme weather conditions if using appropriate touch IC controller
  • Resistant to liquids and dust etc
  • Responsive to the lightest of touches
  • Resistant to impact damage and scratches
  • Supports gesture/multi-touch functionality
  • Can work with gloved hands

Disadvantages of PCAP

  • Cost more than other types of touch technology
  • More sensitive to Electromagentic Interference (EMI)
  • Mechanical integration needs to be more considered when using PCAP

Differences between PCAP and resistive touch

Touch Technology Comparison

Resistive Touch Capacitive
(surface)
Projected Capacitive (PCAP) SAW Infra-red
Clarity Good Very Good Very Good Very Good Best
Works with any object Best
Any object
Poor
Finger or capacitive stylus
Good
Finger, capacitive stylus, surgical glove
Good
Finger, gloved hand, soft stylus
Very Good
Most objects
Sensitivity Good Very Good
Very Good Very Good Best
Accuracy Very Good Good Best Very Good Very Good
Scratch Resistant Poor Very Good Best Best Best
Sensitivity to humidity Best Best Best Very Good Very Good
Sensitivity to cleaning Very Good Very Good
Best Very Good Best
Sensitivity to contaminants Best Good Very Good Average Good
Sensitivity to EMI Best Average Average Very Good Best
Sensitivity to vibration Best Very Good Very Good Very Good Best

How a PCAP works

PCAP works with gloved hands

Capacitive Touch Panel