/* Author: Tong ZHANG */

/* class reset */
html, body, div, span, object, iframe, a,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dialog, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, tr, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}

/* css 3 animation */
@keyframes bgcolor {
    0%   {background-color: #3c0073; }
    10%  {background-color: #281e96; }
    20%  {background-color: #320078; }
    30%  {background-color: #05beb4; }
    40%  {background-color: #3c0073; }
    50%  {background-color: #0bb24d; }
    60%  {background-color: #3c0073; }
    70%  {background-color: #28b4d7; }
    80%  {background-color: #4b14a0; }
    90%  {background-color: #b4005a; }
    100%   {background-color: #3c0073; }
}
@keyframes linkcolor {
    0%   {color: #3c0073; }
    10%  {color: #281e96; }
    20%  {color: #320078; }
    30%  {color: #05beb4; }
    40%  {color: #3c0073; }
    50%  {color: #0bb24d; }
    60%  {color: #3c0073; }
    70%  {color: #28b4d7; }
    80%  {color: #4b14a0; }
    90%  {color: #b4005a; }
    100%   {color: #3c0073; }
}
/* class */
a {
    font-weight: bold;
    text-decoration: none;
    color:#3c0073;
    animation-name: linkcolor;
    animation-duration: 15s;
    animation-iteration-count: infinite;
}
body {
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 16px;
    background-color: #fff;
    background-image: url(/errors/img/evenium-repeat-bg.png);
    background-repeat: repeat;
    position: relative;
    padding: 15px;
}

#bg-top, #bg-bottom, #bg-left, #bg-right {
    background-color: #3c0073; 
    position: fixed;
    background-color: #3c0073;
}
#bg-left, #bg-right {
    top: 0; bottom: 0;
    width: 15px;
}
#bg-left { left: 0; }
#bg-right { right: 0; }

#bg-top, #bg-bottom {
    left: 0; right: 0;
    height: 15px;
}
#bg-top { top: 0; }
#bg-bottom { bottom: 0; }

.content {
    padding-left: 10%;
    padding-top: 5%;
}
.content-error {
    margin-top: 50px;

}
.content-error strong {
    font-size: 50px;
}
.logo {
    position: fixed;
    bottom:100px;
    right: 100px;
}
/* class mobile */
@media only screen and (min-width:0px) and (max-width:820px) {
.header img {
        width: 150px;
    }
div.content {
        padding-left: 10px;
        padding-top: 30px;
    }
    div.content-error strong {
        font-size: 30px;
    }
.logo {
        position: fixed;
        bottom:30px;
        right: 20px;
        width: 150px;
    }  
}

/* eric's demand */
.header img {
	display: none;
}