*{
	margin: 0px;
}

#container {
  width: 1260px;
  height: 840px;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 7px 7px;
  transform-origin: 0 0;
  position: absolute;
}

#titleArea {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  height: 25px;
  padding: 15px;
  position: absolute;
  top:10px;
  left: 40px;
  z-index: 101;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  user-select: none;
  color: #333;
}

#mainArea {
  background-color: #fff;
  width: 1220px;
  height: 780px;
  position: absolute;
  top: 40px;
  left: 20px;
  z-index: 100;
  border-radius: 15px;
}

#main {
  width: 1180px;
  height: 720px;
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
}