body{ background: #f8f8f8; color:#FFFFFF; }
a{ color:#FFFFFF; }
header { background: #FFFFFF; }
.menu a { color: #141018; }
.menu a:hover, .menu a.active{ color: #b2cf35; }
.menu a.signup{ background: #c124f5; }
.menu a.signup:hover{ background: #138818; }
#content, #relate, #listgroup, #FAQs{ background: #484945; }

#intro {
    background: #b4cf37;
    border-bottom: 5px solid #838383;
}
.list .desc {
    background: #353632;
    box-shadow: 5px 5px 3px #342f46;
}
.list img {
    border: 1px solid #afadad;
}
h1,h2,h3,h4{ color:#b4cf37; }
.more{     
    color: #b4cf37; border: 1px solid #b4cf37;
}
footer{ background: #484947; border-top: 5px solid #838383; color: #CCCCCC; }
h2.detail, a.det{ color: b3b3b3; }

@media screen and (max-width: 800px) {
    .list .desc{ background: transparent; box-shadow: none; }
}