#idInput{background-image:url('searchicon.png');background-position:10px 12px;background-repeat:no-repeat;width:16%;font-size:16px;padding:14px 20px 14px 40px;border:1px solid #ddd;margin-bottom:12px}#fromDateInput{background-image:url('searchicon.png');background-position:10px 12px;background-repeat:no-repeat;width:21%;font-size:16px;padding:12px 20px 12px 40px;border:1px solid #ddd;margin-bottom:12px}#toDateInput{background-image:url('searchicon.png');background-position:10px 12px;background-repeat:no-repeat;width:22%;font-size:16px;padding:12px 20px 12px 40px;border:1px solid #ddd;margin-bottom:12px}#memberInput{background-image:url('searchicon.png');background-position:10px 12px;background-repeat:no-repeat;width:20%;font-size:16px;padding:15px 20px 15px 40px;border:1px solid #ddd;margin-bottom:12px}#myTable{border-collapse:collapse;width:100%;border:1px solid #ddd;font-size:18px}#myTable td,#myTable th{text-align:left;padding:12px;border:1px solid #ccc}#myTable tr{border-bottom:1px solid #ddd}#myTable tr.header,#myTable tr:hover{background-color:#f1f1f1}@media only screen and (max-width:1270px),(min-device-width:768px) and (max-device-width:1024px){table,tbody,td,th,thead,tr{display:block}#myTable tr.header{position:absolute;top:-9999px;left:-9999px}#myTable tr{border:2px solid #ccc}#myTable td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:30%}#myTable td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}#myTable td:nth-of-type(1):before{content:"Post ID"}#myTable td:nth-of-type(2):before{content:"Post Date"}#myTable td:nth-of-type(3):before{content:"Post Time"}#myTable td:nth-of-type(4):before{content:"Posted By"}#idInput{background-image:url('searchicon.png');background-position:10px 12px;background-repeat:no-repeat;width:43%;font-size:34px;padding:11px 20px 14px 40px;border:3px solid #ddd;margin-bottom:12px}#fromDateInput{background-image:url('searchicon.png');background-position:10px 12px;background-repeat:no-repeat;width:42.5%;font-size:30px;padding:12px 20px 12px 40px;border:3px solid #ddd;margin-bottom:12px}#toDateInput{background-image:url('searchicon.png');background-position:10px 12px;background-repeat:no-repeat;width:43%;font-size:30px;padding:12px 20px 12px 40px;border:3px solid #ddd;margin-bottom:12px}#memberInput{background-image:url('searchicon.png');background-position:10px 12px;background-repeat:no-repeat;width:42.5%;font-size:34px;padding:11px 20px 14px 40px;border:3px solid #ddd;margin-bottom:12px}}