@media screen and (max-width: 2500px) {
  #app {
    width: 70%;
    margin: auto;
  }
}
@media screen and (max-width: 1200px) {
  #app {
    width: 100%;
  }
}
@media screen and (max-width: 850px) {
  input[name=keywords] {
    width: 82% !important;
  }
}
@media screen and (max-width: 650px) {
  input[name=keywords] {
    width: 75% !important;
  }
}
@media screen and (max-width: 850px) {
  .line {
    width: 38% !important;
  }
}
@media screen and (max-width: 850px) {
  .picture-box {
    width: 150px !important;
  }
}
#app {
  padding: 20px 20px 0;
  background: #ffffff;
}
header {
  padding: 30px 0 20px 0;
  background: url("../images/back.png");
  background-size: 100% 100%;
}
header .header-top {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
header .header-top .logo-box {
  padding-left: 20px;
  flex: 0 0 60%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
header .header-top .logo-box .logo-img {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  border-radius: 50%;
}
header .header-top .logo-box .logo-img .logo {
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
}
header .header-top .logo-box .logo-img .university-name {
  margin-left: 30px;
  height: 40px;
}
header .header-top .logo-box .desc {
  font-size: 24px;
  margin-top: 20px;
  color: #ffffff;
  display: flex;
}
header .header-top .logo-box .desc span {
  display: block;
}
header .header-top .reserved-picture {
  flex: 0 0 40%;
  display: flex;
  justify-content: flex-end;
  padding-right: 40px;
}
header .header-top .reserved-picture .picture-box {
  width: 200px;
  height: 200px;
  border: 1px solid red;
  text-align: center;
  line-height: 200px;
  font-size: 24px;
  margin-top: -10px;
}
header .header-top .reserved-picture .picture-box img {
  max-width: 100%;
  max-height: 100%;
}
header .header-top ul {
  display: flex;
  width: 100%;
  margin-top: 30px;
}
header .header-top ul li {
  flex: 1;
  text-align: center;
}
header .header-top ul li a {
  font-size: 22px;
  color: #ffffff;
}
#main1 {
}
#main1 table {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 00px;
}
#main1 table td {
  text-align: center;
  vertical-align: top;
  padding-top: 10px;
  word-wrap: break-word;
  word-break: normal;
}
#main1 table td a{
  color: #82CBF2;
  text-decoration: none;

}

#main1 table td a:hover{
	color:#696969;								                                                      }

/*main table td:first-child {
  color: #82CBF2;
}
main table td:last-child {
  color: #82CBF2;
}*/
#main1 .table-th{
  background: #1A4B7A;
  /*padding: 10px;*/
  color: #ffffff;
  width: 20%;
  font-size: 18px;
  font-family:"Arial";
}

#main1 .table-td{
  padding: 15px;
  text-align:left;
  width: 80%;
  font-size: 18px;
  font-family:"Arial";
}

#main1 .table-td-name{
  padding: 15px;
  font-weight: 100px;
  width: 100%;
  font-size: 25px;
  font-family:"Arial";
}
#main1 .button_pdb{
  position: absolute;
  left:0;
  top:10px;
  height: 44px;
  width: 180px;
  /*left: 0;*/
  /*top: 0;*/
  /*bottom: auto;*/
  /*outline: none;*/
  /*border: none;*/
  /*background: #1F497D;
  color: #ffffff;
  padding: 5px 20px;
  font-size: 20px;
  border-radius: 5px;*/
}

#main1 .button_pdb_down{
  position: relative;
  left:0px;
  top:5px;
  height: 44px;
  width: 180px;
 color:#FFFFFF;
  background-color:#be2619;
  padding: 5px 20px;
  font-size: 20px;
  border-radius: 5px;
  text-align: center
}

#main1 button {
  position: absolute;
  right: 0;
  bottom: 0;
  outline: none;
  border: none;
  background: #1F497D;
  color: #ffffff;
  padding: 5px 20px;
  font-size: 20px;
  border-radius: 5px;
}



#main1 .formButton2
{

        color:#FFFFFF;
        background-color:#be2619;
        font-weight:bold;
        font-size:13px;
        width:80px;
        text-align:center;
        padding:0;
        padding-top:5px;
        padding-bottom:4px;
        text-decoration:none;
        margin-left:1px;
	margin-top:-5px;
        float: center;
        border:1px solid #ffffff;
        outline:1px solid #be2619;
}

#main1 .formButton2:hover
{
        background-color:#CDCDCD;
}

#main1 .formButtonPDB{
        color:#FFFFFF;
        background-color:#1A4B7A;
        position:relative;
        margin-left:1px;
        margin-top:-5px;
	font-size: 20px;
	  font-family:"Arial";
        border:1px solid #ffffff;
}

#main1 .formButtonPDB:hover
{
        background-color:#CDCDCD;
}


#main1 .center {
         padding-top: 30px;
	  text-align: center;
}

#main1 .pagination {
	  display: inline-block;
}

#main1 .pagination a {
	   color: black;
	   float: left;
		  padding: 8px 16px;
		    text-decoration: none;
		      transition: background-color .3s;
		        border: 1px solid #ddd;
			  margin: 0 4px;
}
#main1 .pagination a.active {
			    background-color: #4CAF50;
			      color: white;
			        border: 1px solid #4CAF50;
			}

#main1 .pagination a:hover:not(.active) {background-color: #ddd;}
			

#main1 .wrapper {
	  width: 100%;
	    height: 355px;
	      border: 2px solid #C0C0C0;
	        margin-top: 20px;

	}




/*# sourceMappingURL=result.css.map */