Team:XJTLU-CHINA/Notebook/css

.firstPage{

   height: 683px;

}

.firstPageBg{

   width: 100%;
   height: 100%;
   position: absolute;
   background-position: center center;
   background-size: cover;
   background-image: url(ImageXJTLU15/NotebookBgXJTLU15.png);

}

.overview{

   padding-top: 250px;

}

h1{

   color: dimgray;
   font-size: 100px;
   font-weight: 800;
   position: absolute;

}

.noteBookImg{

   position: absolute;
   z-index: 999;
   height: 250px;
   width: 210px;
   background-size: contain;
   opacity: .7;

}

.noteBookImg1{

   top: 150px;
   right: 400px;

}

.noteBookImg2{

   top: 190px;
   right: 170px;

}

.noteBookImg4{

   top: 420px;
   right: 250px;

}

.noteBookImg3{

   top: 400px;
   right: 25px;

}

.noteBookImg5{

   top: 410px;
   right: 500px;

}

.NotebookNavi a:hover{

   opacity: .6;

}

.secondPage{

}

.secondPageBg{

   height: 100%;
   width: 100%;
   position: relative;
   background-position: center center;
   background-size: cover;
   background-color: palegreen;

}

.thirdPage{

}

.thirdPageBg{

   height: 100%;
   width: 100%;
   position: relative;
   background-position: center center;
   background-size: cover;
   background-color: navajowhite;

}

.fourthPage{

}

.fourthPageBg{

   height: 100%;
   width: 100%;
   position: relative;
   background-position: center center;
   background-size: cover;
   background-color: #FFFF77;

}

.fifthPage{

}

.fifthPageBg{

   height: 100%;
   width: 100%;
   position: relative;
   background-position: center center;
   background-size: cover;
   background-color: lightskyblue;

}

h2{

   padding-top: 100px;
   font-size: 45px;
   color: dimgray;

}

hr{

   height:4px;
   border:none;
   border-top:4px solid gray;
   margin-top: 5px;

}

.notebookDetail1{

   margin-left: 75px;

}

.notebookDetail1 hr{

   height:4px;
   border:none;
   border-top:3px solid gray;
   margin-top: 5px;

}

h3{

   padding-top: 50px;
   font-size: 30px;
   color: dimgray;

}

.notebookDetail2{

   margin-left: 50px;
   margin-top: 30px;
   line-height: 2;
   font-size: 20px;
   color: #282828;
   background-color: aliceblue;
   border-radius: 10px 10px 10px 10px;
   padding: 20px;

}

.notebookDetail3{

   margin-left: 100px;

}

.notebookDetail4{

   margin-top: 30px;
   background-color: white;
   border-radius: 5px 5px 5px 5px;
   padding: 10px;
   opacity: .9;

}

.notebookDetail4 p{

   margin-left: 10px;

}

.notebookDetail4 li{

   list-style: decimal;
   font-weight: 100;
   margin-left: 34px;

}

.notebookDetail5{

   height: 200px;
   width: 250px;
   padding-left: 30px;
   padding-bottom: 30px;
   text-align: center;

}

.notebookDetail5Img{

   border-radius: 10px;
   height: 100%;
   width: 100%;
   padding: 5px;
   background-size: cover;

}

.PageEnd{

   margin-top: 100px;

}

.extraPage{

   height: 683px;

}

.extraPageBg{

   height: 100%;
   width: 100%;
   position: relative;
   background-position: center center;
   background-size: cover;
   background-color: #F5F5F5;

}

.protocolBlock{

}

.block{

   background-color: white;
   padding: 50px 30px;
   width: 450px;
   border-radius: 15px;

}

.block a{

   text-decoration: none;
   color: #101010;

}

.block a:hover{

   opacity: 0.8;

}

.left1{

   position: absolute;
   top: 200px;
   left: 100px;

} .left2{

   position: absolute;
   top: 350px;
   left: 100px;

} .left3{

   position: absolute;
   top: 500px;
   left: 100px;

}

.right1{

   top: 200px;
   position: absolute;
   right: 100px;

} .right2{

   position: absolute;
   top: 350px;
   right: 100px;

} .right3{

   position: absolute;
   top: 500px;
   right: 100px;

}