BODY,
DIV.BoxIn,
FOOTER,
p {margin: 0px; padding: 0px;}

.B {font-weight: bold;}
.FlL {float: left;}
.FlR {float: right;}
.FS08 {font-size: 0.8rem;}
.FS12 {font-size: 1.2rem;}
.FS14 {font-size: 1.4rem;}
.FS16 {font-size: 1.6rem;}
.FS18 {font-size: 1.8rem;}
.FS20 {font-size: 2.0rem;}
.ClrBth {clear: both;}
.Center {text-align: center;}

A {color: #999;}

BODY {margin: 0rem;background: url("../img/background.png") repeat;font-family: QuickSand, Verdana, Arial, sans-serif;color:#fff;}


DIV.Table {display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr;min-width: 40rem;}

@media (min-width: 800px) {
	DIV.Table {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr;min-width: 80rem;}
}

DIV.Table .Item {margin: 0.5rem;padding: 0px 0.8rem 0.5rem;background: #444;background: rgba(0,0,0,.2);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 15px;-moz-box-shadow: 0px 1px 0px rgba(0,0,0,.4) inset, 0px 1px 0px rgba(255,255,255,.2);-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.4) inset, 0px 1px 0px rgba(255,255,255,.2);box-shadow: 0px 1px 0px rgba(0,0,0,.4) inset, 0px 1px 0px rgba(255,255,255,.2);}
DIV.Item HEADER {height: 2rem;margin: 0.5rem 0rem 0.5px;}
DIV.Item HEADER IMG {height: 2rem;margin-left: 1rem;}
DIV.Item HEADER P {height: 2rem;margin-left: 0.5rem;padding:0.5rem 0rem;font-size: 1rem;}

DIV.Item .DewPoint {background: url("../img/dewpoint.svg") left center no-repeat;}
DIV.Item .Humidity {background: url("../img/humidity.svg") left center no-repeat;}
DIV.Item .Temperature {background: url("../img/temperature.svg") left center no-repeat;}
DIV.Item .Energy {background: url("../img/plug.svg") left center no-repeat;}
DIV.Item .Fan {background: url("../img/fan.svg") left center no-repeat;}
DIV.Item .AccuCapacity {background: url("../img/accu_capacity.png") left center no-repeat;}
DIV.Item .Accu {background: url("../img/accu.png") left center no-repeat;}

DIV.Item .Last {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr;height: 3rem;}
DIV.Item .Cell {padding-left: 2rem;font-size: 1.2rem;place-items: center;background-size: 1.2rem;}
DIV.Item .Double {grid-row: 1 / span 2;padding-left: 2.5rem;font-size: 2.2rem;place-items: center;background-size: 2.2rem;}

FOOTER {width: 97%;margin: 0px auto 3rem;color: #999;font-size: 1rem;font-style: italic;text-align: right;}