#cTrans {position: fixed; z-index: 10; top:51pt; width: 100vw; height: calc(100vh - 51pt - 22pt);}
#cCanvas {position: fixed; z-index: 0; top:51pt; width: 100vw; height: calc(100vh - 51pt - 22pt); overflow: hidden;}
.cItem {top:0; width: 100vw; height: calc(100vh - 51pt - 22pt); margin-top: 100vh;}
.cBrowse {position: fixed; z-index: 0; top:51pt; width: 100vw; height: calc(100vh - 51pt - 22pt); margin-left: 100vw;}
#cType, #cFuel, #cPrice {display: none; padding: 10pt;text-align: center;width: 300pt; height: auto; margin-left: auto; margin-right: auto; background: hsl(190, 91%, 88%); border: 1px solid black;box-shadow: 3px 3px 5px rgba(0,0,0,0.75);}
#cType a, #cFuel a, #cPrice a {display: block; color: #090979; text-decoration: none; padding: 1px 0; line-height: 26pt}
.cTitle {position: fixed; z-index: 3; right: 10pt; bottom: 84pt; width: 100%; text-align: right; color: #fff; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75); font-size: 18pt; font-weight: bold;}
.cPrice {position: fixed; z-index: 3; right: 10pt; bottom: 64pt; width: 100%; text-align: right; color: #fff; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75); font-size: 18pt; font-weight: bold;}
.cMurl {position: absolute; z-index: 2; top:0pt; width: 100vw; height: calc(100vh - 51pt - 22pt); object-fit: cover;}
.cTitleSpec { padding-right: 10pt; width: 100%; text-align: left; color: #0011ff; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75); font-size: 18pt; font-weight: bold;}
.cPriceSpec {padding-right: 10pt; padding-top: 16pt; width: calc(100% - 20pt); text-align: left; color: #0011ff; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75); font-size: 16pt; font-weight: bold;}
.cDescription, .cPrice, .cCartype, .cFueltype, .cPricerange, .cBrand, .cModel, .cYear, .cCondition, .cReg,   {padding-right: 10pt; padding-top: 16pt; width: calc(100% - 20pt); text-align: left; color: #fff; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75); font-size: 12pt;}
.cOwner {padding-right: 10pt; padding-top: 16pt; width: calc(100% - 20pt); text-align: left; color: #ff0000; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75); font-size: 16pt; font-weight: bold;}
.cCarVerticle {width: 300pt; display: inline-block; vertical-align: top; padding: 0pt; margin-left: 0pt; margin-top:20pt; }
.cCarVerticle img {width: 300pt; height: 50pt; margin-top:51pt;}
.cGoogleAd {width: 300pt; height: auto; display: inline-block; margin-left: 20pt; margin-top:51pt;}
.cBrowseInfoIcon {position: absolute; z-index: 51; top: 61pt; left: 10pt; width: 40px; height: 40px; background-color:transparent; background-image: url('media/info.png'); background-size: contain; background-repeat: no-repeat; cursor: pointer;}
.cBrowseBuyIcon {position: absolute; z-index: 51; top: 61pt; right: 10pt; width: 40px; height: 40px; background-color:transparent; background-image: url('media/buy.png'); background-size: contain; background-repeat: no-repeat; cursor: pointer;}
.cBrowseInfo {display:none; position: fixed; padding:10pt; top: 67pt; left: 10pt; width: calc(100% - 40pt); height: calc(100% - 67pt - 56pt); background-color: rgba(255, 255, 255, 0.788); cursor: pointer; z-index: 21;}
#cBuyNow a {position: fixed; z-index: 22; bottom: 34pt; right: 10pt; padding: 6pt; border-radius: 6pt; cursor: pointer;text-align: right;color:white; background-color: #00ff40ef; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75); font-size: 15pt; font-weight: bold; text-decoration: none;}
#cMoreInfo a {position: fixed; z-index: 22; bottom: 34pt; right: 60pt; padding: 6pt; border-radius: 6pt; cursor: pointer;text-align: right;color:white; background-color: #ffa600ef; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75); font-size: 15pt; font-weight: bold; text-decoration: none;}