body {
    margin: 0px;
    background-color: #330033;
    background-image: url(http://cycgame.com/actions/2009/match/co-images/body-bg.gif);
    background-repeat: repeat;
}

#wrapper {
    font-family: "微軟正黑體", "新細明體", Arial;
    margin: auto;
    width: 800px;
}

#header {
    height: 209px;
    background-image: url(images/bg_header.png);
    background-repeat: no-repeat;
}

#content {
    background-image: url(images/bg_content.png);
    background-repeat: repeat-y;
}

#footer {
    height: 150px;
    background-image: url(images/bg_footer.png);
    background-repeat: no-repeat;
}

#mammon_bg {
    background-image: url(images/bg_mammon.png);
    height: 172px;
    background-repeat: no-repeat;
    background-position: center;
}

#mammon_next {
    height: 157px;
    width: 196px;
    background-image: url(images/bg_next_award.png);
    background-repeat: no-repeat;
    position:relative;
    top: -5px;
}

#mammon_award {
    padding: 0px 10px 0px 20px;
    height: 157px;
    width: 164px;

}
#mammon_award_bg0 {
    background-image: url(images/award-bg-0.png);
    background-repeat: no-repeat;
    position:relative;
    top: -9px;
    height: 127px;
    width: 164px;
}
#mammon_award_bg1 {
    background-image: url(images/award-bg-1.png);
    background-repeat: no-repeat;
    position:relative;
    top: -9px;
    height: 127px;
    width: 164px;
}


#mammon_text {
    width: 260px;
    height: 157px;
    padding: 0px 10px 0px 60px;
	font-size: 15pt;
    line-height: 1.5em;
    font-weight: bolder;
    color: #a40303;
    text-align: left;
}

#action_bg {
    background-image: url(images/bg_action.png);
    background-repeat: no-repeat;
    background-position: 45px;
    height: 540px;
    padding: 0px 0px 0px 0px;
}


#awardPuzzleButtonDisableLast {
    background-image: url(images/award-puzzle-0.png);
    background-repeat: no-repeat;
    width: 136px;
    height: 45px;
    position:relative;
    top: 220px;
    left: 0px;
}

#awardPuzzleButtonDisable {
    background-image: url(images/award-puzzle-0.png);
    background-repeat: no-repeat;
    width: 136px;
    height: 45px;
    position:relative;
    top: 20px;
    left: 46px;
}

#awardPuzzleButton {
    background-image: url(images/award-puzzle-1.png);
    background-repeat: no-repeat;
    width: 136px;
    height: 45px;
    cursor: pointer;
    position:relative;
    top: 20px;
    left: 46px;
}

#awardPuzzleButton:hover {
    background-image: url(images/award-puzzle-2.png);
    background-repeat: no-repeat;
}

#awardButtonDisable {
    background-image: url(images/award-button-0.png);
    background-repeat: no-repeat;
    width: 136px;
    height: 45px;
    position:relative;
    top: -8px;
    left: 20px;
}
#awardButtonDone {
    background-image: url(images/award-button-3.png);
    background-repeat: no-repeat;
    width: 136px;
    height: 45px;
    position:relative;
    top: -8px;
    left: 20px;
}

#awardButton {
    background-image: url(images/award-button-1.png);
    background-repeat: no-repeat;
    width: 136px;
    height: 45px;
    cursor: pointer;
    position:relative;
    top: -8px;
    left: 20px;
}

#awardButton:hover {
    background-image: url(images/award-button-2.png);
    background-repeat: no-repeat;
}

#notice {
    height: 60px;
    font-size: 12pt;
    font-weight: bolder;
    color: #FFF;
    text-align: left;
    line-height: 1.5em;
    padding: 0px 0px 10px 45px;
}

#close {
    font-size: 14pt;
    color: #FFF;
    text-align: left;
    padding: 40px 0px 10px 45px;
}

.black {
    color: #000;
}

.blue {
    color: #0a29ac;
}

.red {
    color: #a40303;
}