<style> @media only screen and (max-width: 1023px) { .block.upsell .block.crosssell { display: none; } .ten { width: 15%; } } @media only screen and (min-width: 1024px) { .half td { width: 50%; } } .page-header .product-image-wrapper .navigation { z-index: 0; } .navigation:hover { z-index: 3; } .page-header:hover { z-index: 3; } .modalDialog { position: fixed; font-family: Arial Helvetica sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0 0.8); z-index: 999; display: none; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; overflow-y: initial; } .modalDialog:target { display: block; pointer-events: auto; } .modalDialog>div { width: 100%; max-width: 1024px; height: 85%; position: relative; margin: 2% auto; padding: 0px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff #999); background: -webkit-linear-gradient(#fff #999); background: White; } .stop-button { background: #909090; color: #FFFFFF; line-height: 30px; font-size: 25px; position: absolute; right: 5px; text-align: center; top: 5px; width: 30px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 15px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .stop-button:hover { background: red; text-decoration: none; } #compatibility { border-collapse: collapse; width: 100%; } #compatibility td #customers th { border: 1px solid #ddd; padding: 8px; } #compatibility tr:nth-child(even) { background-color: #f2f2f2; } #compatibility tr:hover { background-color: #ddd; } #compatibility th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #204387; color: white; } #compatibility li { font-weight: normal; } .modal-header { height: fit-content; padding: 1px; } .modal-title { text-align: center; } .modal-footer { height: fit-content; font-size: 1.2rem; background: #fff; border-radius: 10px; padding: 3px 3px 0 3px; } .modal-body { overflow-y: scroll; max-height: 90%; padding: 5px; } </style> <div id=\"links\"> </div> <div id=\"openModal\" class=\"modalDialog\"> <div> <div class=\"modal-header\"> <h3 class=\"modal-title\">Technical Specifications</h3> </div> <div class=\"modal-body\"> <table class=\"half\" id=\"compatibility\"> <thead> <tr> <th colspan=\"2\"><strong>General</strong></th> </tr> </thead> <tbody> <tr> <td>Power supply</td> <td>DC 12V ~ 24V</td> </tr> <tr> <td>Max Power Consumption</td> <td>2W</td> </tr> <tr> <td>Camera sensor type</td> <td>CMOS</td> </tr> <tr> <td>Angle of view (Deg.)</td> <td>90° Vertical 120º Horizontal</td> </tr> <tr> <td>Night sight distance</td> <td>4 m ~ 10 m</td> </tr> <tr> <td>Minimum illumination</td> <td>0.1Lux</td> </tr> <tr> <td>Transmission method</td> <td>Wireless 2.4Ghz 56Mbps (802.11g)</td> </tr> <tr> <td>Transmission distance</td> <td>30m</td> </tr> <tr> <td>IP Rating</td> <td>IP67</td> </tr> <tr> <td>Operating temp</td> <td>-10ºC ~ +75ºC ( 14ºF ~ +167ºF)</td> </tr> <tr> <td>System requirement</td> <td>iOS 11+ Android 6+</td> </tr> <tr> <td>Video compression</td> <td>H.264</td> </tr> <tr> <td>Resolution</td> <td>720p (1280x720pixel)</td> </tr> <tr> <td>Frame rate</td> <td>30 fps</td> </tr> <tr> <td>Effective pixels</td> <td>0.92 Megapixel</td> </tr> <tr> <td>Size</td> <td>23 x 23 x 33mm (0.3\" x 0.3\" x 1.29\")</td> </tr> <tr> <td>Weight</td> <td>0.086Kg (0.189lbs) (including the cable)</td> </tr> </tbody> </table> </div> </div> </div>