/* ==========================================================================
   intilibraries.jsp and partner.jsp have shared this CSS
   ========================================================================== */



.date{
top:0px;
width:100%; /*follow your image's size*/
height:38px;/*follow your image's size*/
position:fixed;
z-index:31;
background:#e2f705;
font-size:1.2em;
line-height:38px;
color:#000;
text-align:right;
padding-right: 15px;
no-repeat;
font-family: 'Lato', sans-serif;
text-align:right;
 


}

.date a:link { color:#000; }
.date a:visited { color:#000; }
.date a:hover { color:#000;text-decoration: underline;}

.background_image {
	position:relative;
	height:380px;
	top:-97px;
	background-image:url(../images/library_bg/b.png);
	no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  
 /* notices end */ 
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
   background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  z-index:20;

}

/* Modal Content */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 850px;
  
}

  

/* The Close Button */
.close {
  position: absolute;
  top: 120px;
  right: 180px;
  color: #f1f1f1;
  font-size: 50px;
  font-weight: bold;
  transition: 0.3s;
  
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 50px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 10%;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 10%;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  color:#999;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
 
  
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
}



.noti {
	height:20px;
	position:absolute;
	top:21px;
	display:block;}
	

	
.quicklinks {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr ;
  grid-template-rows:15em 15em 15em;
color:#fff;
width:100%;
height:auto;
	font-size:1em;
	position:relative;
	margin-bottom:3em;}
	
.notices {
  display: grid;
  grid-template-columns:1fr 1fr  1fr 1fr ;
  grid-template-rows:15em;
width:100%;
height:auto;
position:relative;
margin-bottom:3em;

	

	
}
	
.eresources {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows:13em 13em 13em;
width:100%;
height:auto;
	position:relative;
	top:0em;
	margin-bottom:3em;
}
	
	
.partneruni {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows:13em 13em 13em;
color:#fff;
width:100%;
height:auto;
	position:relative;
	top:0em;
	margin-bottom:3em;;
}

.intilib {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr ;
  grid-template-rows:13em;
color:#fff;
width:100%;
height:auto;
	font-size:-3em;
	position:relative;
	top:0em;
	margin-bottom:3em;}

#page-title_quicklinks { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }

#page-title_notices { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }

#page-title_eresources { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }

#page-title_partner { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }

#page-title_intilib { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }


/* QUICKLINKS */



.j{ background-color:  #fff;background-image:url("../images/icon/ICON_2020/play.svg");  background-position:center; background-size: 90px 80px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.j p {top:180px; position:relative;color:#585756; }
.j:hover { background-color:#fff;  background-image:url("../images/icon/ICON_2020/play.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}

.a { background-color: #fff;background-image:url("../images/icon/ICON_2020/guide2.svg"); background-position:center; background-size: 80px 80px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.a p {top:180px; position:relative;color:#585756;}
.a:hover { background-color:#fff;  background-image:url("../images/icon/ICON_2020/guide2.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}

.b { background-color:  #fff;background-image:url("../images/icon/ICON_2020/renew.svg"); background-position:center; background-size: 90px 90px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.b p {top:180px; position:relative;color:#585756;}
.b:hover { background-color:#fff; background-image:url("../images/icon/ICON_2020/renew.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}

.c { background-color:  #fff;background-image:url("../images/icon/ICON_2020/reservation.svg"); background-position:center; background-size: 90px 90px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.c p {top:180px; position:relative;color:#585756;}
.c:hover { background-color:#fff; background-image:url("../images/icon/ICON_2020/reservation.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}

.d { background-color:  #fff;background-image:url("../images/icon/ICON_2020/loan.svg"); background-position:center; background-size: 90px 90px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.d p {top:180px; position:relative;color:#585756;}
.d:hover { background-color:#fff; background-image:url("../images/icon/ICON_2020/loan.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}


.g { background-color:  #fff;background-image:url("../images/icon/ICON_2020/eresources.svg"); background-position:center; background-size: 90px 90px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.g p {top:180px; position:relative;color:#585756; }
.g:hover { background-color:#fff; background-image:url("../images/icon/ICON_2020/eresources.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}



.f { background-color:  #fff;background-image:url("../images/icon/ICON_2020/eforms.svg"); background-position:center; background-size: 90px 90px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.f p {top:180px; position:relative;color:#585756; }
.f:hover {background-color:#fff;  background-image:url("../images/icon/ICON_2020/eforms.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}



.printing{ background-color:  #fff;background-image:url("../images/icon/ICON_2020/printing.svg"); background-position:center; background-size: 90px 80px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.printing p {top:180px; position:relative;color:#585756;}
.printing:hover {background-color:#fff;  background-image:url("../images/icon/ICON_2020/printing.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000; }


.i { background-color:  #fff;background-image:url("../images/icon/ICON_2020/citation.svg"); background-position:center; background-size: 90px 90px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.i p {top:180px; position:relative;color:#585756; }
.i:hover { background-color:#fff; background-image:url("../images/icon/ICON_2020/citation.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}


.h{ background-color:  #fff;background-image:url("../images/icon/ICON_2020/exam.svg"); background-position:center; background-size: 90px 90px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.h p {top:180px; position:relative; color:#585756;}
.h:hover {background-color:#fff;  background-image:url("../images/icon/ICON_2020/exam.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}


.e { background-color:  #fff;background-image:url("../images/icon/ICON_2020/newarrival2.svg"); background-position:center; background-size: 90px 90px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.e p {top:180px; position:relative; color:#585756; }
 p:hover { color:#000; }
.e:hover {background-color:#fff;  background-image:url("../images/icon/ICON_2020/newarrival2.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}

.bb{ background-color:  #fff;background-image:url("../images/icon/ICON_2020/bb.svg"); background-position:center; background-size: 90px 80px;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.bb:hover { background-color:#fff; background-image:url("../images/icon/ICON_2020/bb.svg"); background-position:center; background-size: 95px 95px;background-repeat:no-repeat;color:#000;}
.bb p {top:180px; position:relative; color:#585756; }
.bb p:hover { color:#000; }



/* E-RESOURCES*/
.ebs { background-color: #fff;background-image:url("../images/eresources/ebs.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.ebs p {top:150px; position:relative; z-index:2;}
.ebs:hover { background-color:#fff; background-image:url("../images/eresources/ebs.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}


.pro { background-color: #fff;background-image:url("../images/eresources/pro.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.pro p {top:150px; position:relative; z-index:2;}
.pro:hover { background-color:#fff; background-image:url("../images/eresources/pro.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.sd { background-color: #fff;background-image:url("../images/eresources/sd.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.sd p {top:150px; position:relative; z-index:2;}
.sd:hover { background-color:#fff; background-image:url("../images/eresources/sd.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}


.westlaw { background-color: #fff;background-image:url("../images/eresources/westlaw.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.westlaw p {top:150px; position:relative; z-index:2;}
.westlaw:hover { background-color:#fff; background-image:url("../images/eresources/westlaw.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}


.cnki {  background-color: #fff;background-image:url("../images/eresources/cnki.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.cnki p {top:150px; position:relative; z-index:2;}
.cnki:hover { background-color:#fff; background-image:url("../images/eresources/cnki.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}


.trial { background-color: #fff;background-image:url("../images/eresources/trial2.png"); background-position:center; background-size:40%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.trial p {top:115px; position:relative; z-index:2;}
.trial:hover { background-color:#fff; background-image:url("../images/eresources/trial2.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.trial2 { background-color: #fff;background-image:url("../images/eresources/statista2.png"); background-position:center; background-size:70%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.trial2 p {top:115px; position:relative; z-index:2;}
.trial2:hover { background-color:#fff; background-image:url("../images/eresources/statista2.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}


.open { background-color: #fff;background-image:url("../images/eresources/openaccess.png"); background-position:center; background-size:70%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.open p {top:115px; position:relative; z-index:2;}
.open:hover { background-color:#fff; background-image:url("../images/eresources/openaccess.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}



/* PARTNER UNIVERSITIES*/
.swin { background-color: #fff;background-image:url("../images/partner/swinburne.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.swin p {top:150px; position:relative; z-index:2;}

.swin:hover { background-color:#fff; background-image:url("../images/partner/swinburne.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.uow { background-color: #fff;background-image:url("../images/partner/uow.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.uow p {top:150px; position:relative; z-index:2;}

.uow:hover { background-color:#fff; background-image:url("../images/partner/uow.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.uh { background-color: #fff;background-image:url("../images/partner/uh.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.uh p {top:150px; position:relative; z-index:2;}

.uh:hover { background-color:#fff; background-image:url("../images/partner/uh.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.shu { background-color: #fff;background-image:url("../images/partner/shu.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.shu p {top:150px; position:relative; z-index:2;}

.shu:hover { background-color:#fff; background-image:url("../images/partner/shu.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.snhu { background-color: #fff;background-image:url("../images/partner/snhu.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.snhu p {top:150px; position:relative; z-index:2;}

.snhu:hover { background-color:#fff; background-image:url("../images/partner/snhu.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.cu { background-color: #fff;background-image:url("../images/partner/cu.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.cu p {top:150px; position:relative; z-index:2;}

.cu:hover { background-color:#fff; background-image:url("../images/partner/cu.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.nu { background-color: #fff;background-image:url("../images/partner/nu.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.nu p {top:150px; position:relative; z-index:2;}

.nu:hover { background-color:#fff; background-image:url("../images/partner/nu.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}


/* INTI LIBRARIES*/
.iiu { background-color: #fff;background-image:url("../images/hub/iiu_new.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.iiu p {top:150px; position:relative; z-index:2;}

.iiu:hover { background-color:#fff; background-image:url("../images/hub/iiu_new.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}


.iicp { background-color: #fff;background-image:url("../images/hub/iicp_new.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.iicp p {top:150px; position:relative; z-index:2;}

.iicp:hover { background-color:#fff; background-image:url("../images/hub/iicp_new.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.iickl { background-color: #fff;background-image:url("../images/hub/iickl_new.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.iickl p {top:150px; position:relative; z-index:2;}

.iickl:hover { background-color:#fff; background-image:url("../images/hub/iickl_new.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

.ics { background-color: #fff;background-image:url("../images/hub/ics_new.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}
.ics p {top:150px; position:relative; z-index:2;}

.ics:hover { background-color:#fff; background-image:url("../images/hub/ics_new.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:1px solid #dadce0; font-size:1em; text-align:center;}

  
/* ==========================================================================
   iPhone 6, 6S, 7 and 8 (portrait)
   ========================================================================== */
@media only screen and (min-width : 360px) and (max-width : 663px)  {

/* The Modal (background) */

#wrap {
    margin: 10px auto 0 auto;}

.intilogo  {
top:60px;
z-index:20;
position:fixed;
border:0px;
height: 35px;
}

.intilogomobile {
	visibility: hidden;
	}


 .background_image {
	 display:none;}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
   background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  z-index:20;
}

/* Modal Content */
.modal-content {
  margin-left: -8px;
  display: block;
  width: 100%;
  overflow:hidden;
  padding-bottom:10em;
 
}

/* The Close Button */
.close {
   width: 50px;
  height: 50px;
  /* Center vertically and horizontally */
  position: absolute;
  top: 60%;
  left: 50%;
  margin: -25px 0 0 -25px; /* apply negative top and left margins to truly center the element */
  border-radius:40px;
  z-index:10;
 

}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 10%;
  margin-top:5%;
  font-size:2em;
  border-radius: 3px 0 0 3px;
}

.prev {
  right: 10%;
  margin-top:5%;
  font-size:2em;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: none;
}

img.hover-shadow {
  transition: 0.3s;
  margin-bottom:0.7em;
 
  
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
}

.selectOrderBy{
background-color: #f5f3f3;/*important*/
position:fixed; /*important*/
width: 10%;
color:#000;
height:55px;
padding: 2px 10px;
font-size:18px;
top:14px;
z-index:10;
left:18%;
border-left: 2px solid #000;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
border-right:#000 solid 1px;

 }
.topbar {
top:90px;
width: 100%; /*follow your image's size*/
height:0px;/*follow your image's size*/
position:absolute;
z-index:1;
background:#484747;
color:#484747;
right:0;
border-radius:0px;
	opacity:1;
	  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 
	  }
	


.noti {
	height:20px;
	position:absolute;
	top:16px;
	display:block;}

.alert2 p{
	margin-top: -9px;
	margin-left:15px;
	color:#000;
	text-align:left;
	font-size:1em;}
	
	.alert2 a{
	color:#000;
	}
	
.alert2 {
  padding: 26px;
  background-color: #fee24a;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
  z-index:30;
  top:0px;
  position:fixed;
  width:100%;
  height:52px;
  font-size:12px;

}

.date{
top:0px;
width:100%; /*follow your image's size*/
height:38px;/*follow your image's size*/
position:fixed;
z-index:31;
background:#e2f705;
font-size:1.2em;
line-height:38px;
color:#000;
text-align:right;
padding-right: 55px;
  background-image:url(../images/icon/ICON_2020/hour.svg); background-position:99%; background-size: 24px 24px;background-repeat:no-repeat;
font-family: 'Lato', sans-serif;
text-align:right;

}

.closebtn {
  font-size: 30px;
  visibility:visible;
 
}

#page-title { color:#fff; border-bottom:1px solid #fff}
#page-title_quicklinks{ font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em; top:0em; display:none; }

#page-title_notices{ font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em; top:0em;  }

#page-title_eresources { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em; top:0em;  }

#page-title_partner { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em; top:0em;  }

#page-title_intilib { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em; top:0em;  }

  body{
background-color:#282828;
}
  
  .quicklinks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 17vh 17vh 17vh 17vh;
box-shadow: none;
margin-bottom:1.5em;
 
  }
  
    .notices{
    display: block;
    grid-template-columns: 1fr;
    grid-template-rows: 35vh 35vh 35vh 35vh;
	width:90%;
box-shadow: none;
margin-bottom:1.5em;

  }
  
  
  .eresources {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows:18vh 18vh 18vh;
  margin-bottom:1.5em;
  width:90%;
  background-color:none;
}
  
  
  .partneruni {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr ;
  grid-template-rows:18vh 18vh 18vh;
  margin-bottom:1.5em;
  width:90%;
 background-color:none;

 }

  .intilib {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows:18vh 18vh;
  width:90%;
 background-color:none;
 margin-bottom:1.5em;}


/* QUICKLINKS*/
.j{ background: none;background-image:url("../images/icon/ICON_2020/playw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.j:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/playw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat; }
.j p {margin-top:-80px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}

  
.a {background: none;background-image:url("../images/icon/ICON_2020/guide2w.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.a:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/guide2w.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.a p {margin-top:-80px; position:relative; z-index:2; font-size:0.7em; color:#e2e2e2;}

  
.b { background: none;background-image:url("../images/icon/ICON_2020/reneww.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.b:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/reneww.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.b p {margin-top:-80px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}



.c { background: none;background-image:url("../images/icon/ICON_2020/reservationw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.c:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/reservationw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.c p {margin-top:-80px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.d { background: none;background-image:url("../images/icon/ICON_2020/loanw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.d:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/loanw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.d p {margin-top:-80px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.g { background: none;background-image:url("../images/icon/ICON_2020/eresourcesw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.g:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/eresourcesw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.g p {margin-top:-80px;position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.f { background: none;background-image:url("../images/icon/ICON_2020/eformsw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.f:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/eformsw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.f p {margin-top:-80px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.printing{ background: none;background-image:url("../images/icon/ICON_2020/printingw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.printing:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/printingw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat; }
.printing p {margin-top:-80px;position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.i { background: none;background-image:url("../images/icon/ICON_2020/citationw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.i:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/citationw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.i p {margin-top:-80px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.h{ background: none;background-image:url("../images/icon/ICON_2020/examw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.h:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/examw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.h p {margin-top:-80px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.e { background: none;background-image:url("../images/icon/ICON_2020/newarrival2w.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.e:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/newarrival2w.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.e p {margin-top:-80px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}

.bb{ background: none;background-image:url("../images/icon/ICON_2020/bbw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.bb:hover { border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/bbw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat; } 
.bb p {margin-top:-80px;position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}

  
  
 /* E-RESOURCES*/ 
.ebs {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/eresources/ebsw.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.ebs:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/ebsw.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.pro { border-radius:10px; background-color:#4f4d4d;background-image:url("../images/eresources/prow.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.pro p {top:150px; position:relative; z-index:2;}
.pro:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/prow.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.sd {border-radius:10px;  background-color: #4f4d4d;background-image:url("../images/eresources/sdw.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.sd:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/sdw.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.westlaw {border-radius:10px;  background-color: #4f4d4d;background-image:url("../images/eresources/westlaww.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.westlaw:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/westlaww.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.cnki { border-radius:10px; background-color: #4f4d4d; background-image:url("../images/eresources/cnkiw.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.cnki:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/cnkiw.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.trial { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/eresources/trial2.png"); background-position:center; background-size:70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.trial p {top:115px; position:relative; z-index:2;}
.trial:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/trial2.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
  
.trial2 { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/eresources/statista2w.png"); background-position:center; background-size:70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.trial2 p {top:115px; position:relative; z-index:2;}

.trial2:hover { border-radius:10px; background-color:#4f4d4d; background-image:url("../images/eresources/statista2w.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}  
  
.open { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/eresources/openaccessw.png"); background-position:center; background-size:70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.open p {top:115px; position:relative; z-index:2;}

.open:hover { border-radius:10px; background-color:#4f4d4d; background-image:url("../images/eresources/openaccessw.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}   
  
  
  
 /* PARTNER UNIVERSITIES*/ 
 .swin {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/swinburnew.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; text-align:center;margin:3px;}
 .swin:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/swinburnew.png"); background-position:center; background-size: 75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.uow {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/uoww.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .uow:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/uoww.png"); background-position:center; background-size: 75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.uow p {top:150px; position:relative; z-index:2;}

.uh {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/uhw.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .uh:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/uhw.png"); background-position:center; background-size: 75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.uh p {top:150px; position:relative; z-index:2;}

.shu { border-radius:10px;background-color: #4f4d4d;background-image:url("../images/partner/shuw.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .shu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/shuw.png"); background-position:center; background-size: 75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.shu p {top:150px; position:relative; z-index:2;}

.snhu { border-radius:10px;background-color: #4f4d4d;background-image:url("../images/partner/snhuw.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .snhu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/snhuw.png"); background-position:center; background-size: 75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.snhu p {top:150px; position:relative; z-index:2;}

.cu {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/cuw.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .cu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/cuw.png"); background-position:center; background-size: 75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.cu p {top:150px; position:relative; z-index:2;}

.nu {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/nuw.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .nu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/nuw.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.nu p {top:150px; position:relative; z-index:2;} 


/* INTI LIBRARIES*/

.iiu { border-radius:10px; background-color: #4f4d4d;;background-image:url("../images/hub/iiu_neww.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iiu p {top:150px; position:relative; z-index:2;}

.iiu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/hub/iiu_neww.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.iicp { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/hub/iicp_neww.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iicp p {top:150px; position:relative; z-index:2;}
.iicp:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/hub/iicp_neww.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.iickl { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/hub/iickl_neww.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iickl p {top:150px; position:relative; z-index:2;}
.iickl:hover {border-radius:10px;background:#4f4d4d;background-image:url("../images/hub/iickl_neww.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.ics { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/hub/ics_neww.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.ics p {top:150px; position:relative; z-index:2;}

.ics:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/hub/ics_neww.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}





  
.box1{ padding:0em; margin-top:0; margin-bottom:0.5em; background-color:#fff; width:100%; border:0px solid #e3e3e3; float:center; position:relative; border-radius:0px; }

}

 /* ==========================================================================
    Fix for samsung note2/note8/note 10/ iphone x (landscape)
    ========================================================================== */
@media only screen and (min-width : 664px) and (max-width : 1024px)  {

 .background_image {
	 display:none;}

.intilogo  {
	display:absolute;

	}
	
.intilogomobile {
	position:absolute;
	top:60px;
	height:40px;
	display:inherit;
	z-index:20;
	}
	
	/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
   background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  z-index:10;
  
}

/* Modal Content */
.modal-content {
  display: block;
  width: 70%;
  overflow:hidden;
  z-index:20;
}

/* The Close Button */
.close {
   width: 50px;
  height: 50px;
  /* Center vertically and horizontally */
  position: fixed;
  top: 20%;
  right: 5%;
  margin: -25px 0 0 -25px; /* apply negative top and left margins to truly center the element */
  border-radius:40px;
  z-index:10;

 

}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 10%;
  margin-top:3%;
  font-size:2em;
  border-radius: 3px 0 0 3px;
  z-index:20;
  position:fixed;
}

.prev {
  right: 10%;
  margin-top:3%;
  font-size:2em;
  border-radius: 3px 0 0 3px;
   position:fixed;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: none;
}

#wrap {
    margin: 35px auto 0 auto;}
	
.topbar {
	display:absolute;
	width:100%;
  height:0px;
	border-radius:20px 20px 20px 20px;
	top:120px;}
	
.search_bar {
  background: #484747;
  top:0px;
  width:100%;
  height:0px;
	border-radius:20px 20px 20px 20px;
	
  

}

.search_bar input[type=text] {
	background-color:#484747;
	color:#EAEAEA;
	height:60px;
	
	 }

.search_bar input[type=text]:focus {
  outline: none;
    color:#EAEAEA;
	background-color:#484747;
}
.search_bar button[type=submit] {
  background:#484747;
  	height:60px;
	border-radius:0px 20px 20px 0;
		   
}

.search_bar button[type=submit]:hover, .search_bar button[type=submit]:focus {
  background:#484747;
  cursor: pointer;

}

.search_bar button[type=submit]:after {
  background: url("http://library.inti.edu.my/library/custom/img/search_grey2.svg") no-repeat center center;
  background-size: contain;
  
 }


.search_bar .search_dropdown {
  background-color:#484747;
  color:#EAEAEA;
  	height:60px;
	border-radius:20px 0px 0px 20px;


}
.search_bar .search_dropdown:after {
 border-radius: 20px;
  background: url("http://library.inti.edu.my/library/custom/img/arrow2.svg") no-repeat top left;

}
.search_bar .search_dropdown:hover, .search_bar .search_dropdown.active {
   background: linear-gradient(#e9e9e9, #e9e9e9);
  cursor: pointer;
  border-right: 1px dotted #000;
  color:#000;
}
.search_bar .search_dropdown > span {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
  font-size: 15px;
  color:#000;
}
.search_bar .search_dropdown ul {
  display: none;
  position: absolute;
  top: 105%;
  left: -1px;
  font-size: 14px;
  width: 225px;
  background: #fff;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #000;
  border-radius: 3px;
  padding: 7px 0;
}
.search_bar .search_dropdown li {
  list-style-type: none;
  margin: 0;
  padding: 5px 18px;
  color: #ed1b24;
  line-height: 1.2em;
  position: relative;
}
.search_bar .search_dropdown li:hover {
  background: #ed1b24;
}
.search_bar .search_dropdown li.selected {
  background: #ed1b24;
  color: #fff;
}	

.noti {
	height:20px;
	position:absolute;
	top:16px;
	display:block;}

.alert2 p{
	margin-top: -5px;
	margin-left:28px;
	color:#000;
	text-align:justify;
	font-size:1.2em;}
	
	.alert2 a{
	color:#000;
	}
	
.alert2 {
  padding: 20px;
  background-color: #fee24a;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
  z-index:30;
  top:0px;
  position:fixed;
  width:100%;
  height:52px;
  font-size:12px;
  text-align:justify;
  
}

.date{
top:0px;
width:100%; /*follow your image's size*/
height:38px;/*follow your image's size*/
position:fixed;
z-index:31;
background:#e2f705;
font-size:1.2em;
line-height:38px;
color:#000;
text-align:right;
padding-right: 55px;
  background-image:url(../images/icon/ICON_2020/hour.svg); background-position:99%; background-size: 24px 24px;background-repeat:no-repeat;
font-family: 'Lato', sans-serif;
text-align:right;
}

.closebtn {
  font-size: 30px;
  visibility:visible;
 
}
#page-title { color:#fff; border-bottom:1px solid #fff}

#page-title_notices{ font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em; }

#page-title_eresources { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em;  }

#page-title_partner { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em;  }

#page-title_intilib { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em;  }

  body{
background-color:#121212;}
  
  .quicklinks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 30vh 30vh 30vh;
background-color:#121212;
box-shadow: none;
margin-bottom:1.5em;

 
  }
  
    .notices{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 35vh ;
	width:100%;
box-shadow: none;
margin-bottom:1.5em;
  }
  
  
  .eresources {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr  ;
  grid-template-rows:25vh 25vh 25vh;
  width:100%;
  background-color:none;
  margin-bottom:1.5em;
}
  
  
  .partneruni {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr ;
  grid-template-rows:25vh 25vh 25vh ;
  width:100%;
 margin-bottom:1.5em;
 }

  .intilib {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr ;
  grid-template-rows:25vh;
  width:100%;
 background-color:#121212;
 margin-bottom:1.5em;}

  
.a {background: none;background-image:url("../images/icon/ICON_2020/guide2w.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.a:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/guide2w.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.a p {margin-top:-90px; position:relative; z-index:2; font-size:0.7em; color:#e2e2e2;}

  
.b { background: none;background-image:url("../images/icon/ICON_2020/reneww.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.b:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/reneww.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.b p {margin-top:-90px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}



.c { background: none;background-image:url("../images/icon/ICON_2020/reservationw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.c:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/reservationw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.c p {margin-top:-90px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.d { background: none;background-image:url("../images/icon/ICON_2020/loanw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.d:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/loanw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.d p {margin-top:-90px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.e { background: none;background-image:url("../images/icon/ICON_2020/newarrival2w.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.e:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/newarrival2w.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.e p {margin-top:-90px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.f { background: none;background-image:url("../images/icon/ICON_2020/eformsw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.f:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/eformsw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.f p {margin-top:-90px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.g { background: none;background-image:url("../images/icon/ICON_2020/eresourcesw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.g:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/eresourcesw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.g p {margin-top:-90px;position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.h{ background: none;background-image:url("../images/icon/ICON_2020/examw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.h:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/examw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.h p {margin-top:-80px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.i { background: none;background-image:url("../images/icon/ICON_2020/citationw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.i:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/citationw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.i p {margin-top:-90px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.j{ background: none;background-image:url("../images/icon/ICON_2020/playw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.j:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/playw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat; }
.j p {margin-top:-90px; position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.printing{ background: none;background-image:url("../images/icon/ICON_2020/printingw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.printing:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/printingw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat; }
.printing p {margin-top:-80px;position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}


.bb{ background: none;background-image:url("../images/icon/ICON_2020/bbw.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.bb:hover { border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/bbw.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat; } 
.bb p {margin-top:-90px;position:relative; z-index:2;font-size:0.7em; color:#e2e2e2;}

  
.ebs {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/eresources/ebsw.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.ebs:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/ebsw.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.pro { border-radius:10px; background-color:#4f4d4d;background-image:url("../images/eresources/prow.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.pro p {top:150px; position:relative; z-index:2;}
.pro:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/prow.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.sd {border-radius:10px;  background-color: #4f4d4d;background-image:url("../images/eresources/sdw.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.sd:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/sdw.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.westlaw {border-radius:10px;  background-color: #4f4d4d;background-image:url("../images/eresources/westlaww.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.westlaw:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/westlaww.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.cnki { border-radius:10px; background-color: #4f4d4d; background-image:url("../images/eresources/cnkiw.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.cnki:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/cnkiw.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.trial { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/eresources/trial2.png"); background-position:center; background-size:40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.trial p {top:115px; position:relative; z-index:2;}
.trial:hover { border-radius:10px;background:#4f4d4d; background-image:url("../images/eresources/trial2.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
  
.trial2 { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/eresources/statista2w.png"); background-position:center; background-size:40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.trial2 p {top:115px; position:relative; z-index:2;}

.trial2:hover { border-radius:10px; background-color:#4f4d4d; background-image:url("../images/eresources/statista2w.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}  
  
.open { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/eresources/openaccessw.png"); background-position:center; background-size:40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.open p {top:115px; position:relative; z-index:2;}

.open:hover { border-radius:10px; background-color:#4f4d4d; background-image:url("../images/eresources/openaccessw.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}   
  
  
 .swin {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/swinburnew.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .swin:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/swinburnew.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.uow {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/uoww.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .uow:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/uoww.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.uow p {top:150px; position:relative; z-index:2;}

.uh {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/uhw.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .uh:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/uhw.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.uh p {top:150px; position:relative; z-index:2;}

.shu { border-radius:10px;background-color: #4f4d4d;background-image:url("../images/partner/shuw.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .shu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/shuw.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.shu p {top:150px; position:relative; z-index:2;}

.snhu { border-radius:10px;background-color: #4f4d4d;background-image:url("../images/partner/snhuw.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .snhu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/snhuw.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.snhu p {top:150px; position:relative; z-index:2;}

.cu {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/cuw.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .cu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/cuw.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.cu p {top:150px; position:relative; z-index:2;}

.nu {border-radius:10px; background-color: #4f4d4d;background-image:url("../images/partner/nuw.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .nu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/partner/swinburnew.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.nu p {top:150px; position:relative; z-index:2;} 



.iiu { border-radius:10px; background-color: #4f4d4d;;background-image:url("../images/hub/iiu_neww.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iiu p {top:150px; position:relative; z-index:2;}

.iiu:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/hub/iiu_neww.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.iicp { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/hub/iicp_neww.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iicp p {top:150px; position:relative; z-index:2;}
.iicp:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/hub/iicp_neww.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.iickl { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/hub/iickl_neww.png"); background-position:center; background-size:60%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iickl p {top:150px; position:relative; z-index:2;}
.iickl:hover {border-radius:10px;background:#4f4d4d;background-image:url("../images/hub/iickl_neww.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.ics { border-radius:10px; background-color: #4f4d4d;background-image:url("../images/hub/ics_neww.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.ics p {top:150px; position:relative; z-index:2;}

.ics:hover { border-radius:10px;background:#4f4d4d;background-image:url("../images/hub/ics_neww.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}





  
.box1{ padding:1em; margin-top:1em; margin-bottom:0em; background:#fff; width:100%; border:1px solid #e3e3e3; float:left; position:relative; border-radius:0px; }



 
}