@charset "utf-8";

#main{ width:930px; margin:0 auto; margin-top:20px; }
#main .main{ background:#FFF; width:300px; height:200px; float:left; border:1px solid #DDD; margin:10px 4px; border-radius:3px; box-shadow:3px 5px 10px #CCC; position:relative; cursor:pointer; }
#main .main:hover{ background:#F5F5F5; }
#main .main h1{ background:#29D; color:#FFF; text-shadow: 1px 1px 2px #555; font-size:16px; padding:10px 0; border-radius:0 0 3px 3px; }
#main .main img{ margin:30px 0; width:100px; height:100px; }
#main .medalHot{ width:50px; height:50px; background:url("../../image/medalHot.png"); position:absolute; right:10px; top:10px; }
#main .medalNew{ width:50px; height:50px; background:url("../../image/medalNew.png"); position:absolute; right:10px; top:10px; }

#ad1{ margin-bottom:20px; }
#ad2{ margin-top:20px; }

@media (max-width:1024px){
	#main{ width:620px; }
}

@media (max-width:650px){
	#main{ width:310px; }
}