body {
  background-color: #DDD;
}
#div1, #div2,#div3,#div4,#div5, #div6,#t1,#t2,#t3,#t4 {
    float: left;
    width: 10%;
    height: 80%;
    padding: 3px;
    border: 1px solid black;
    margin: 3px;
	background-repeat:no-repeat;
	 text-align: center;
}
#header_res {
    float: left;
    width: 85%;
    height: 18%;
    margin: 10px;
    padding: 10px;
    border: 1px solid black;
	overflow-y:auto;
	 text-align: center;
	background-repeat:no-repeat;
}
#res1, #res2,#res3,#res4 {
    float: left;
    width: 15%;
    height: 75%;
    margin: 10px;
    padding: 10px;
    border: 1px solid black;
	overflow-y:auto;
	margin-left: 4%;
	background-repeat:no-repeat;
	  background-color: #FFF;
}
 .img{
    float: right;
}
input[type=text] {
    width: 70%;
    padding: 2px 20px;
    margin: 2px 0;
    box-sizing: border-box;
}input[type=text] {
    width: 70%;
    padding: 2px 20px;
    margin: 2px 0;
    box-sizing: border-box;
    background-color: #99f;
}
input[type=text] {
    width: 70%;
    padding: 2px 20px;
    margin: 2px 0;
    box-sizing: border-box;
}
#t5 {
    float: right;
    width: 12%;
    height: 80%;
    padding: 10px;
    border: 1px solid black;
	text-align: center;
	
}
#al {
    float: right;
    width: 17%;
    height: 80%;
    padding: 10px;
    border: 1px solid black;
	
}
#t5 .img{
    float: right;
}
#intro {

    float: left;
    width: 90%;
    height: 35%;
    margin: 10px;
    padding: 10px;
}
#test {
position: relative;
    float: left;
    width: 90%;
    height: 35%;
    margin: 10px;
    padding: 10px;   
}
#main {
	 position: absolute;
    float: right;
    width: 95%;
    height: 80%;
    margin: 10px;
    padding: 10px;
    border: 1px solid black;
	background: #EEF;
}

  .big-blue {
    width: 200px;
    height: 200px;
   background-color: #00f;
  }