body{
	background:url("../bg.png") no-repeat;
	background-color:#595959;
	font-family: Arial, "sans-serif", "微軟正黑體"
}
/*
// # Diamond shape
// Mixin to turn an
// element into a diamond shape
////////////////////////////////////////////*/
.grid-annoying {
	width:100%;
	max-width:950px;
	margin:0 auto;
  margin-top: 100px;
	-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.grid-annoying li {
  display: inline-block;
  position: relative;
  margin: 31px -44px 85px 0;
  overflow: hidden;
  width: 200px;
  height: 200px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          background-color:#fff;
          box-shadow:2px 2px 10px rgba(0,0,0,0.7);
}
.grid-annoying li > a img {
  -webkit-transform: rotate(-45deg) translateY(-23%);
          transform: rotate(-45deg) translateY(14%);
}
.grid-annoying li:nth-child(even) {
  top: 161px;
}
.grid-annoying li img {
  display: block;
  max-width: 145%;
}

header {
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: fixed;
  top: 0;
  background-color: #5f5f5f;
  color: #fff;
  z-index: 999
 /* text-shadow: 1px 1px 1px rgba(0,0,0,0.7);*/
  /*box-shadow: 0px -10px 20px rgba(115,205,247,0.5) inset;*/
}
.name {
	color: #fff;
  padding: 0 18px;
  font-size: 16px;
}




.lightbox-opened {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
  cursor: pointer;
  height: 100%;
  left: 0;
  padding: 50px 24px 24px 24px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
}
.lightbox-opened:before {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
  color: #eee;
  content: "x";
  font-family: sans-serif;
  padding: 6px 12px;
  position: fixed;
  text-transform: uppercase;
}
.lightbox-opened img {
  box-shadow: 0 0 6px 3px #333;
  max-height:500px;
}


@media screen and (max-width: 721px) {
	.grid-annoying {
	/* width:100%; */
	max-width:950px;
	margin:0 auto;
	padding-top: 100px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden
}
	.lightbox-opened img {
  width:100%;
}
}