html, body {font-family: "sans-serif";height: 100%;margin: 0;padding: 0; }
header {width: 100%; position: sticky; top: 0; z-index: 1000; }
.errmsg {display: block;height: 40px;line-height: 40px;font-size: 16px;font-weight: bold;text-align: center;margin-top: 20px;clear: both; }
.navbar {display: block;background-color: white;height: 60px; }
.postadimg {display: block;width: 200px;height: auto;margin: 30px auto;border-radius: 10px;text-decoration: none;}
.postadimg:hover {opacity: 0.9; }
.imglogo {display: block;height: 60px;width: auto;padding: 0 5px;float: left; }
.imgicon {display: block;width: 30px;height: 30px; padding: 15px 5px;float: left; }
.vctopmenu {display: block; }
.vcsidemenu {min-height: 100%;display: none;width: 180px;float:left; }
.vcmenumobmodal {display: none;position: fixed;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); }
.vcmenumob {display: block;width: 50%; }
.vcmenumob a {background-color: white;color: black; }
.vcmenumobcls {display: block;cursor: pointer;float: right;height: 60px;line-height: 60px;padding: 0 10px;font-size: 40px;color: red; }
.vctopmenu a, .navbar a, .vcsidemenu a, .vcmenumob a {display: block;text-decoration: none;float: left;height: 60px;line-height: 60px;font-weight: bold;font-size: 16px;color: black; }
.vcsidemenu a, .vcmenumob a {width: 100%; }
.vctopmenu a:hover, .navbar a:hover, .vcsidemenu a:hover, .vcmenumob a:hover {color: red; }
.vcmenumobcls:hover {color: yellow; }
.vcmenuicon {display: none;height: 40px;padding: 10px;float: left; }
.vclicon {display: block;height: 40px;padding: 10px;float: right; }
.vccontainer {display: block;width: calc(100% - 20px);min-height: 100%;padding: 10px;background-color: #f1f1f1; }
.vcfooter {display: block;clear: both;background-color: black;color: white;padding: 10px;width: calc(100% - 20px); }
.forms, .formb, label, input[type="text"], input[type="email"], input[type="password"] {display: block; }
.forms {width: 598px;margin: 30px auto; }
label {width: 100%;height: 20px;line-height: 20px;padding: 10px 5px; }
input[type="text"], input[type="email"], input[type="password"] {display: block;width: 100%; height: 28px;line-height: 28px;border: 1px solid black;border-radius: 5px;padding: 5px; }
input[type="submit"] {display: block;width: 100%;height: 50px;line-height: 50px;border: none;border-radius: 5px;font-size: 18px;font-weight: bold;cursor: pointer;background-color: black;color: gold; }
input[type="submit"]:hover {color: limegreen; }
select {display: block;width: 100%; height: 38px;line-height: 38px;border: 1px solid black;border-radius: 5px; }
.formb {padding: 10px;width: calc(50% - 27px);float: left; }
.formh {display: block;width: 50%;background-color: white;float:left;height: 40px;line-height: 40px;font-weight: bold;font-size: 16px; cursor: pointer; }
.formh:hover {color: red; }
.formimgicon {display: block;width: 30px;height: 30px; padding: 5px;float: left; }
.fpswd {display: block;width: 100%;height: 40px;line-height: 40px;text-align: right;cursor: pointer;color: blue; }
.fpswd:hover {color: red; }
#ulogin {display: block; }
#fpswd, #uregister {display: none; }
.tablecontainer {width: 96%; overflow-x: auto;white-space: nowrap;margin: 30px auto; }
table, th, td {border-collapse: collapse;border: 1px solid black; }
th, td {padding:5px;}
th {text-align: center; }
.adbox {display: block;width: calc(25% - 12px);height: 128px;float: left;margin: 5px;border: 1px solid black;border-radius: 10px 10px 0 0; }
.adboxhead {display: block;padding: 0 10px;width: calc(100% - 20px);height: 24px;line-height: 24px;border-bottom: 1px solid black;border-radius: 10px 10px 0 0;background-color: red;color: white;font-weight: bold;font-size: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.adboxloc {display: block;padding: 0 10px;width: calc(100% - 20px);height: 24px;line-height: 24px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.adboxprice {display: block;padding: 0 10px;width: calc(100% - 20px);height: 24px;line-height: 24px;font-size: 14px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.adboxposted {display: block;width: 100%;height:14px;line-height: 14px;border-top: 1px solid black;background-color: maroon;color: white;font-size: 10px;font-weight: bold;text-align: center; }
.adboxcat {display: block;width: 100%;height:15px;line-height: 15px;border-top: 1px solid black;background-color: #00035B;color: white;font-size: 11px;font-weight: bold;text-align: center; }
.adboxview {display: block;text-decoration: none;padding: 0 10px;width: calc(100% - 20px);height: 24px;line-height: 24px;border-top: 1px solid black;font-weight: bold;font-size: 16px;background-color: black;color: gold;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.adboxview:hover {color:limegreen;}
.adtitle, .adbar {display: block;padding: 10px;width: calc(100% - 20px);background-color: #00035B;text-align: center;color: white;font-size: 24px;font-weight: bold; }
.adtitleimg {display: block;height: 300px;width: auto;margin: 0px auto; }
.adbar {text-align: left;font-size: 20px;background-color: black;color: gold; clear: both;}
.adcontent {display: block;padding: 10px;width: calc(100% - 20px);overflow: auto;font-size: 16px; }
.pnation {display: block;height: 40px;line-height: 40px;text-align: center;clear: both; }
.pnation a {border: 1px solid black;border-radius: 5px;margin: 0 5px;text-decoration: none;padding: 0 10px;background-color: yellow;color: black; }
.pnation a:hover {color: red; }.vcadcard {display: block;width: calc(25% - 22px);height: 188px;padding: 4px;background-color: #fff;border: 1px solid grey;border-radius: 5px;float: left;margin: 5px; }.vcadimg {display: block;width: 100%;height: 100px;object-fit: cover; }.vcadtitle, .vcadprice, .vcadviews, .vcadloc, .vcadposted {display: block;width: 100%;height: 30px;line-height: 30px;font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }.vcadprice {font-size: 20px; }.vcadloc {float: left;width: calc(100% - 80px);font-weight: inherit;height: 30px;line-height: 30px; }.vcadposted {float: right;width: 60px;padding-left: 20px;height: 30px;font-size: 14px;font-weight: inherit;line-height: 30px; }.vcadcardlink{text-decoration: none;color: black; }.vcadcardlink:hover {color: grey; }@media screen and (max-width: 800px) {.vcadcard {width: calc(50% - 22px); }}
@media screen and (max-width:1020px) {.adbox {width: calc(33.33% - 12px); }}
@media screen and (max-width:820px) {.adbox {width: calc(50% - 12px); }.forms {width: 100%; }.formb {width: calc(100% - 32px); }}
@media screen and (max-width:630px) {.vctopmenu {display: none; } .vcmenuicon {display: block; }.adboxposted {font-size: 8px; }.adboxcat {font-size: 10px; }}