@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,div,form,table,ul,li { margin: 0px; padding: 0px; border: 0px; }
body { color: #6f6f6f; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: underline; color: #6f6f6f; }
a:hover { color: #22ac38; }


#header { background-image: url(../images/bg/header_bg.gif); height: 133px; margin-bottom: 20px; }
#header #header_main { width: 960px; margin: 0px auto; height: 94px; }
#header #logo { background-image: url(../images/logo.gif); width: 327px; height: 109px; margin-right: 30px; float: left; }
#header #main_nav { background-image: url(../images/bg/nav_bg.gif); height: 36px; float: left; background-repeat: no-repeat; width: 599px; margin-top: 57px; }
#header #main_nav ul { }
#header #main_nav li { float: left; list-style-type: none; margin-top: 8px; margin-right: 10px; margin-left: 20px; font-size: 14px; font-weight: bold; }
#header #main_nav  a { color: #6f6f6f; text-decoration: none; }
#header #main_nav  a:hover { color: #22ac38; }
#header #main_nav .f_green { color: #22ac38; }
#header #main_nav .f_green :hover { color: #00FF00; text-decoration: underline; }


#content { width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
#hotgame_top { background-image: url(../images/bg/hotgame_bg.gif); height: 15px; background-repeat: no-repeat; margin: 0px; padding: 0px; }
#hotgame_left { background-image: url(../images/bg/hotgame_bg_left.gif); height: 174px; background-repeat: no-repeat; background-color: #000000; padding-left: 63px; }
#hotgame_right { background-image: url(../images/bg/hotgame_bg_right.gif); height: 174px; background-repeat: no-repeat; background-color: #000000; background-position: right; padding-right: 63px; }
#hotgame_right img { padding-left: 5px; }
#hotgame_content { background-color: #eceaea; height: 75px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #bbb9b9; border-bottom-color: #bbb9b9; border-left-color: #bbb9b9; }
#hotgame_content .select { font-size: 11px; color: #FFFFFF; background-color: #22ac38; }

#button_content { }
#main_content { height: 214px; }
#banner { height: 214px; width: 254px; float: left; }
#help { float: right; height: 214px; width: 194px; padding-left: 10px; }
#left_bg { height: 214px; width: 480px; float: left; margin-left: 10px; background-image: url(../images/bg/bg_left.gif); background-repeat: no-repeat; padding-left: 7px; }
#right_bg { background-image: url(../images/bg/bg_right.gif); height: 214px; background-repeat: no-repeat; background-position: right; padding-right: 7px; }
#bg { background-color: #f2f2f2; height: 202px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #c0c0c0; border-bottom-color: #c0c0c0; padding: 5px; line-height: 16px; font-size: 11px; }
h1 { color: #22ac38; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0dbdb; margin-bottom: 5px; line-height: 20px; }
.f12px { color: #448aca; font-weight: bold; line-height: 20px; }

#how-buy { padding: 5px; line-height: 18px; float: left; width: 480px; margin-left: 10px; }
#help #email { background-image: url(../images/bg/email_bg.gif); height: 110px; margin-top: 5px; padding: 5px; line-height: 25px; }


#left-content { padding: 5px; line-height: 18px; float: left; width: 720px; margin-left: 10px; }


#hotgame_content .table_hot { font-weight: bold; text-align: center; }
#hotgame_content .table_hot li { list-style-type: none; line-height: 20px; color: #006699; }
#hotgame_content   .table_hot   td a { text-decoration: underline; color: #0099CC; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; }
#hotgame_content .table_hot th a { color: #22ac38; font-weight: bold; }

#hotgame_content #select { margin: 3px; height: 30px; }







#footer { background-image: url(../images/bg/footer_bg.gif); background-repeat: repeat-x; height: 150px; }
#footer #f14 { color: #22ac38; font-size: 16px; margin-top: 15px; font-weight: bold; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: center; }
#footer #pay { width: 880px; margin-top: 15px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#footer #pay img { margin-right: 20px; }
#footer #word { text-align: center; }
