body{	position: relative;
    width: 960px;
    height: 560px;
	font-family:'Open Sans', sans-serif;}
header{position:absolute;
  width: 860px;
  height: 140px;
  left:100px;
  top: 0;
  background: rgba(102,204,0, .5);
  font-size: 8pt;
font-style:italic;
color:#5B7F36;

}
.subject{background: #66CC00;
width: 100px;
    height: 560px;
}
h1{color: #FFF;
  position:relative;
  font-size:40pt;
  width:300px;
  top:250px;
  left:-100px;
  transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -moz-transform:rotate(90deg);

}
h2{font-size:15pt;}
.main{color:#5B7F36;
font-weight: lighter;
font-size: 6pt;}
.sup{color:#5B7F36;
font-size:8pt;}
.supbro{color:#5B7F36;
font-size:9pt;
font-weight: bold;}
.suplast{color:#5B7F36;
font-size:10pt;
font-weight: 900;}
h6{color:#5B7F36;
font-size:11pt;
font-style: italic;}
.aaa{position: absolute;
  color:#5B7F36;
  width:400px;
  right:0;
    top:150px;
}
.sample{
  background:#66CC00;
color:#FFF;
 position: absolute;
    right: 0;
width:400px;
  height:200px;
top:200px;
border-radius: 25px;
  padding: 20px;
  text-align:justify;
}
.abc{position: absolute;
  color:#66CC00;
  right:0;
width:400px;
top:400px;
font-size:40px;
}
.main{position: absolute;
  left:100px;
  top:140px;
  width: 400px;
  height:420px;
  text-align:justify;
  padding: 5px;
}
img{position: absolute;
  right:225px;
  top:490px;
  height:30px;}