/* wrapper css */
.shoppictitle{width:1180px;margin:15px auto; height:30px; line-height:30px; overflow:hidden}
.shoppictitle h4{padding-left:2px; height:32px; position:relative; font-size:14px;}
.shoppictitle .r{ padding-right:10px; padding-top:7px;}
.shoppictitle .r a{border:1px solid #ccc; background:url(shop/shopbg1.png); float:left;color:#444;padding:0px 6px; height:20px; line-height:20px;margin-left:-1px; position:relative;}
.shoppictitle .r a.curr{background:url(shop/shopbg2.png);border:1px solid #ccc;color:#444;margin-right:0px}
#wrapper{}
#wrapper hgroup{text-align:center;}
#wrapper h2{margin:5px 0;color:#FF6D99;text-shadow:1px 1px 2px #A50031;font-size:33px;font-family:Arial Narrow, Arial, sans-serif;}

#container{position:relative;padding-bottom: 10px;	}
.grid{max-height:210px;float:left;width:212px;border:#eee solid;border-width:0 1px 1px 0;padding:2px;background:#fff;font-size:12px;color:#666;border:#F00 solid 0px}
.grid:hover{ background:#fff; }
.grid strong {margin-top:3px;font-weight:normal;font-size:16px; line-height:22px;display:block; overflow:hidden;height:22px;text-align:center }
.grid strong a{font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1";color:#333;}
.grid .intro{color:#888; line-height:18px; height:18px; margin-top:5px; font-size:12px;overflow:hidden; }
.grid .imgholder{ width:100%; text-align:center; overflow:hidden; height:200px; }
.grid .imgholder img{max-width:100%;min-height:100%;background:#ccc;}

@media screen and (max-width : 1240px) {
body{overflow:auto;}
}
@media screen and (max-width : 900px) {
#backlinks{float:none;clear:both;}
#backlinks a{display:inline-block;padding-right:20px;}
#wrapper{margin-top:90px;}
}