*{margin:auto;}

.container{width:980px;height:1500px;}



.top-menu{width:980px;height:46px; border-bottom:1px solid black;background:black;}

.menu-left{width:613px;height:46px;float:left;}

.menu-left ul{
    width:613px;
    
}

.menu-left ul li{
    display:block;
    float:left;
	margin-top: 14px;
}

.menu-left ul li a{
    text-decoration: none;
    padding:14px 30px;
    color:white;
	background-color:#58d68d;
}

.menu-left ul li a:hover{
   
    background-color:red;
	color:white;
    
}

.menu-right{width:366px;height:46px;float:right;}

.mrptb{margin-top:12px;}

.mrp1{color:white; font-family:verdana; font-size:14;padding-right: 50px;}

.mrp2{color:white; font-family:verdana; font-size:14;}

.mrpa{background:white;text-decoration: none;padding: 10px 24px;}


.head{width:980px;height:60px; border-bottom:1px solid black;}

.headm1{width:326px;height:60px;float:left;background:#b3b6b7;border-right: 2px solid white;}

.headm1 p{text-align:center;padding: 18px 8px;}

.headm1 p a{font-family:verdana;font-size:20px;color:#f4ecf7;text-decoration:none;}

.headm1 p:hover{color:red;background:blue;}

.headm2{width:324px;height:60px;float:left;background:#b3b6b7;border-right: 2px solid white;}

.headm2 p{text-align:center;padding: 18px 8px;}

.headm2 p a{font-family:verdana;font-size:20px;color:#f4ecf7;text-decoration:none;}

.headm2 p:hover{color:red;background:blue;}

.headm3{width:326px;height:60px;float:right;background:#b3b6b7;}

.headm3 p{text-align:center;padding: 18px 8px;}

.headm3 p a{font-family:verdana;font-size:20px;color:#f4ecf7;text-decoration:none;}

.headm3 p:hover{color:red;background:blue;}

.messageswebkey{width:600px; height:50px;}

.messageswebkeyp1{
  margin-top: 60px;
  color: red;
  font-family: verdana;
  font-size: 20px;
text-align: center;}

.messageswebkeyp2{
  margin-top: 60px;
  color: green;
  font-family: verdana;
  font-size: 20px;
text-align: center;}

.content{width:800px; min-height:200px;}

.table{margin-top:30px;}

.input-text{font-family:verdana;}

.input1{width:300px;height:100px;font-family:verdana;font-size:16px;}

.input2{margin-top:15px;width: 160px;height: 40px;font-size: 16px;font-family: verdana;}


.content-list{width:900px; min-height:200px; margin-top:20px; margin-bottom:20px;}

.content-list h3{font-family: verdana; font-size: 20px; border: 1px solid black; padding: 10px; margin-bottom: 15px;}

.content-list p{font-family: verdana; font-size: 16px; color: black;}

/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 2146px;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 2146px;
}


/* Login Page */

.container2{width:500px;height:500px;}

.logo{width:500px;height:70px;margin-top:50px;text-align:center;}

.logod{width:290px;height:64px;}

.loginfrom{width:500px;height:300px;margin-top:50px;text-align:center;}

.logininput1{width: 250px; height: 36px; border-radius: 20px; padding-left: 16px; font-family: verdana; font-size: 18px; border: 1px solid #6A1941; margin-top: 10px; margin-bottom: 22px;}

.loginlevel1{float: left; margin-left: 130px; font-family: sans-serif;}

.logininput2{width: 250px; height: 36px; border-radius: 20px; padding-left: 16px; font-family: verdana; font-size: 18px; border: 1px solid #6A1941; margin-top: 10px; margin-bottom: 22px;}

.loginlevel2{float: left; margin-left: 130px; font-family: sans-serif;}

.logininputsub{width: 130px; height: 45px; font-family: sans-serif; font-size: 20px; color: white; background: #1D2057; border: 2px solid #6A1941; border-radius: 20px;}


/* Register Page */

.rcontainer2{width:500px;height:500px;}

.rlogo{width:500px;height:70px;margin-top:50px;text-align:center;}

.rlogod{width:290px;height:64px;}

.rloginfrom{width:500px;height:300px;margin-top:50px;text-align:center;}

.rlogininput1{width: 250px; height: 36px; border-radius: 20px; padding-left: 16px; font-family: verdana; font-size: 18px; border: 1px solid #6A1941; margin-top: 10px; margin-bottom: 22px;}

.rloginlevel1{float: left; margin-left: 130px; font-family: sans-serif;}

.rlogininput2{width: 250px; height: 36px; border-radius: 20px; padding-left: 16px; font-family: verdana; font-size: 18px; border: 1px solid #6A1941; margin-top: 10px; margin-bottom: 22px;}

.rloginlevel2{float: left; margin-left: 130px; font-family: sans-serif;}

.rlogininputsub{width: 130px; height: 45px; font-family: sans-serif; font-size: 20px; color: white; background: #1D2057; border: 2px solid #6A1941; border-radius: 20px;}