body {
	padding: 0; margin: 0;
}

h1 {
	margin-bottom: 0;
	color: #999;
}

a {
	color: #66f;
	text-decoration: none
}

.container {
	text-align: center;
	padding: 10px 0;
}
	/*.wrapper {margin:0 300px}*/

.block {
	margin: 5px 15px;
	display:inline-block;
	width:100px;
	height:100px;
}

.big {
	width: 380px;
	height: 100px;
	line-height: 100px;
	margin-bottom: 200px;
	border-radius: 10px;
}

.c  {background:rgba(193,193,193,.5)}
.cr {background:rgba(255,0,0,.5)}
.cg {background:rgba(0,200,0,.5)}
.cb {background:rgba(0,0,255,.5)}
.crg{background:rgba(255,255,0,.5)}
.cgb{background:rgba(0,200,255,.5)}
.cbr{background:rgba(255,0,255,.5)}
.crgb{background:rgba(255,255,255,.5)}

.round  {border-radius:10px}
.circle {border-radius:30px}
.ur {border-radius:5px 50px 5px 5px}
.ll {border-radius:5px 5px 5px 50px}

.rffdgad {
	position: absolute;
	right: 10px;
	top:  183px;
}

a#forkme_banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 138px;
  height: 138px;
  display: block;
  background: transparent url("images/fork-sprite.png")/*tpa=css/images/fork-sprite.png*/ 0 0 no-repeat;
  text-indent: -9000px;
  z-index: 3;
}

a#forkme_banner:hover {
  background-position: 0 -138px;
}

.flattr, .twitter-share-button, .twitter-follow-button, .IN-widget, .fb-like {
	position: absolute!important;
	left: 10px;
}
.flattr                { top: 140px }
.twitter-share-button  { top: 215px }
.twitter-follow-button { top: 255px }
.IN-widget             { top: 295px }
.fb-like               { top: 328px }

.wrapper p span {
	font-size: 70px;
	text-shadow: 5px 5px 5px #ccc;
}


/* 超小设备（手机，小于 768px） */
@media (min-width: 290px){ 
.block {
    margin: 5px 1px;
    display: inline-block;
    width: 40px;
    height: 50px;
}
.wrapper p span {
    font-size: 25px;
    text-shadow: 5px 5px 5px #ccc;
}
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 720px){ 

.block {
    margin: 5px 10px;
    display: inline-block;
    width: 100px;
    height: 100px;
}
.wrapper p span {
	font-size: 70px;
	text-shadow: 5px 5px 5px #ccc;
}
}

/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px){ 
.block {
    margin: 5px 15px;
    display: inline-block;
    width: 100px;
    height: 100px;
}
.wrapper p span {
	font-size: 70px;
	text-shadow: 5px 5px 5px #ccc;
}
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px){ 
.block {
    margin: 5px 15px;
    display: inline-block;
    width: 120px;
    height: 120px;
}
.wrapper p span {
	font-size: 85px;
	text-shadow: 5px 5px 5px #ccc;
}
}