Team:XJTLU-CHINA/HumanPractice/css

.firstPage{

   height: 683px;

}

.firstPageBg{

   width: 100%;
   height: 100%;
   position: absolute;
   background-position: center center;
   background-size: cover;
   background-image: url(ImageXJTLU15/HMHBGXJTLU15.jpg);
   z-index: -999;

}

.overview{

   padding-top: 250px;

}

h1{

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

}

.subNaviBg{

   background-color: white;
   position: absolute;
   right: 100px;
   top: 230px;
   height: 400px;
   width: 500px;
   border-radius: 15px;
   opacity: .6;

}

.subNavi{

   position: absolute;
   right: 150px;
   top: 280px;

}

.subNavi a{

   text-decoration: none;
   color: #101010;
   font-size: 30px;
   font-weight: 500;
   padding: 10px;

}

.subNavi a:hover{

   color: dimgray;
   text-shadow: 1px 1px 0 #E4F1FF;

}

.secondPage{ }

.secondPageBg{

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

}

.thirdPage{ }

.thirdPageBg{

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

}

.fourthPage{ }

.fourthPageBg{

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

}

h2{

   margin-bottom: 50px;
   font-size: 65px;
   color: black;
   font-weight: 300;
   background-color: CornflowerBlue;
   padding: 20px;
   border-radius: 10px;

}

h3{

   margin-bottom: 50px;
   font-size: 35px;
   color: black;
   font-weight: 300;
   clear: left;
   background-color: aliceblue;
   padding: 20px;
   border-radius: 10px;

}

.lv1{

   margin-left: 15%;
   margin-right: 15%;

}

.lv2{

   line-height: 1.5;
   margin-bottom: 10px;
   margin-top: 10px;
   background-color: lightblue;
   padding: 20px;
   border-radius: 10px;

}

.lv3{

   line-height: 2;
   font-size: 18px;
   margin: 30px 0;
   clear: left;
   background-color: white;
   padding: 20px;
   border-radius: 10px;

}

.hpImgstyle1-1{

   width: 100%;
   height: 100%;
   background-size: cover;
   margin: 20px 0;

}

.hPImgStyle2{ }

.hpImgstyle2-1{

   width: 35%;
   float: left;
   margin-left: 15%;
   margin-top: 20px;
   margin-bottom: 20px;
   border-radius: 10px 0 0 10px;

}

.hpImgstyle2-2{

   width: 35%;
   float: left;
   margin-top: 20px;
   margin-left: .5%;
   margin-bottom: 20px;
   border-radius: 0 10px 10px 0;

}

.hPImgStyle2Text1{

   width: 30%;
   float: left;
   margin-left: 17%;
   margin-bottom: 50px;
   clear: left;
   text-align: center;
   background-color: RoyalBlue;
   padding: 5px;
   border-radius: 10px;

}

.hPImgStyle2Text2{

   width: 30%;
   float: left;
   margin-bottom: 50px;
   margin-left: 5%;
   text-align: center;
   background-color: RoyalBlue;
   padding: 5px;
   border-radius: 10px;

}

.hpImgstyle3-1{

   width: 70%;
   height: 70%;
   margin-left: 15%;
   margin-top: 20px;
   margin-bottom: 20px;
   border-radius: 10px;

}

.hPImgStyle3Text{

   width: 65%;
   float: left;
   margin-left: 17%;
   margin-bottom: 50px;
   clear: left;
   text-align: center;
   background-color: RoyalBlue;
   padding: 5px;
   border-radius: 10px;

}

.PageEnd{

   padding: 20px;
   clear: left;

}

.fourthPage h3{

   font-size: 20px;

}

.fourthPage img{

   border-radius: 0;

}