@charset "UTF-8";
body {
	
font: 90%/140% Georgia, "Times New Roman", Times, serif;
	background: url(images/index/cd_bg.jpg) no-repeat 50% 50%; background-attachment: fixed; color: #eee;
}


#header {  clear: both; margin: 100px auto 20px; width: 300px; text-align: center; }
#header img { border: 0; }

#container { margin: 0 auto; width: 800px; }

#issue { float: left; width: 150px; height: 100px; text-align: center; }

#issue a:link, #issue a:visited { color: #EEE; padding: 3px; float: left; }
#issue a:hover { color: #FFCC33; background: #FFCC33; }

#footer { clear: both; margin: 0 auto; width: 300px; text-align: center; padding: 20px 0 0; } 

#footer a:link, #footer a:visited { color: #EEE; text-decoration: none; }
#footer a:hover { color: #FFCC33; }

#index-hd { width: 960px; margin: 100px auto 0; padding: 20px 0; text-align: center; height: 60px; line-height: 60px; }
#index-hd a { color: #EEE; font-size: 2em; display: block; border-bottom: 1px solid; text-decoration: none; }
#index-hd a:hover { background: #000; color: #EEE; }

#index { width: 990px; margin: 0 auto; text-align: center; padding: 0px 0; line-height: 280px; font-size: 1.1em; height: 230px; }
#index a { width: 300px; height: 180px; display: block; float: left; margin: 15px; text-indent: -999em; overflow: hidden; }

#s1 { background: url(images/index/series1.jpg) no-repeat; }
#s2 { background: url(images/index/series2.jpg) no-repeat; }
#shop { background: url(images/index/shop.jpg) no-repeat; }

#index a:hover { background: #000; text-indent: 0; color: #EEE; display: block; }

#index-ft { width: 960px; margin: 0 auto; padding: 0px 0; text-align: center; height: 60px; line-height: 60px; border-top: 1px solid #EEE; clear: both; font-size: 0.8em;  }

#index-s2 { width: 735px; margin: 0 auto; text-align: center; padding: 0; height: 125px; font-size: 1.1em; }
#index-s2 a:link, #index-s2 a:visited { color: #EEEEEE; padding: 2px; margin: 5px; float: left; background: #eee; border: 0; }
#index-s2 a:hover { background: #FFCC33; }