body { margin:0px; height:100% }
html { height:100% }
#CSSMenu a:link { color:#fff }
#CSSMenu a:hover { color:#ff0 }
#PageDiv { position:relative; height:850px; max-width:1300px; margin:auto }
#CSSMenu.f-ms { z-index:1 }
@media screen and (max-width:1020px)
{
#PageDiv { height:700px; max-width:1000px }
}
@media screen and (max-width:768px)
{
#PageDiv { width:700px; height:900px; max-width:700px }
}
@media screen and (max-width:736px)
{
#PageDiv { width:675px; height:250px; max-width:738px }
}
@media screen and (max-width:667px)
{
body { background-image:url(../Resources/339999b.png); background-attachment:fixed }
#PageDiv { width:600px; height:200px; max-width:667px }
}
@media screen and (max-width:667px) and (-webkit-min-device-pixel-ratio:1.3), screen and (max-width:667px) and (-o-min-device-pixel-ratio:13/10), screen and (max-width:667px) and (min-resolution:125dpi)
{
body { background-image:url(../Resources/339999.png); background-size:35px 25px }
}
@media screen and (max-width:568px)
{
body { background-image:none }
#PageDiv { width:500px; max-width:568px }
}
@media screen and (max-width:414px)
{
#CSSMenu a:link { text-decoration:underline }
#CSSMenu a:hover { text-decoration:underline }
#PageDiv { width:300px; height:500px; max-width:414px }
}