@charset "UTF-8";

*{
	margin:0;
}


a{
	color:inherit;
	text-decoration:none;
	cursor:pointer !important;
}

img {
  border-width: 0;
}


html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;	
	background:#f9f3e8;
	width:100%;
	height:auto;
	position:relative;
	float:left;
	overflow: scroll;
	font-family: 'Open Sans', sans-serif;
	min-width:1024px;
}

.respon-show{
	display:none;
}

.fixheight{
	height:648px !important;
}

.container{
	margin:0 auto;
	position: relative;
	width:100%;
	height:auto;
	
	overflow:hidden;
	
}

#cu_logo_1{
	background: url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/cu_logo_desktop.png) no-repeat; 
    width:66px;
    height:53px;
   /* margin-left: 4px;
    margin-top: -2px; */
}

#cu_logo{
	background: url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/logo.png) no-repeat; 
    width:427px;
    height:53px;
	margin-left: -6px;
    margin-top: -2px;
}


#header{
	width:96%;
	min-width:984px;
	position:relative;
	float:left;
	height:58px;
	background-color:#721B66;
	border-bottom:2px solid #3C0F37;
	padding:0 2%;
	
	box-shadow: 0px 0px 4px #999;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
}

.lan-panel{
	float:left;
	list-style:none;
	position:relative;
	padding:10px;
}

.lan-panel > li{
	float:left;
	position:relative;
	color:#FFF;
	padding:3px 10px;
	font-size:18px;
	margin:5px;
	line-height:20px;

	border-radius:3px !important;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
	-ms-border-radius:3px !important;
}

.lan-panel > li.selected{
	background-color:#EEE;
	color:#721F68;
	
}

.btn-panel{
	float:right;
	position:relative;
}

.btn-panel > li{
	float:left;
	position:relative;
	color:#FFF;
	font-size:18px;
	margin:10px;
	line-height:20px;
	list-style:none;
}

.btn-orange{
	float:left;
	position:relative;
	color:#FFF;
	padding:5px 15px;
	font-size:16px;
	margin:3px;
	line-height:18px;
	background-color:#E09B3A;
	border-top:2px solid #E6AD57;
	font-weight:300;
	
	border-radius:3px !important;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
	-ms-border-radius:3px !important;
}

.btn-orange.selected{
	background-color:#A8613F;
	border-top:2px solid #A8613F;
}
	

.icon-cm:before{
	content:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/icon-cm.png);
	position: relative;
	float:left;
	margin-right:10px;
	top: -1px;
}

.icon-eye:before{
	content:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/icon-eye.png);
	position: relative;
	float:left;
	margin-right:10px;
	top: -1px;
}

.icon-info:before{
	content:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/icon-info.png);
	position: relative;
	float:left;
	margin-right:10px;
	top: -1px;
}

.icon-back:before{
	content:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/icon-back.png);
	position: relative;
	float:left;
	margin-right:10px;
	top: -1px;
}

.back{
	display:none;
}



.pop{
	position: absolute;
	background-color:#FFF;
	border:1px solid #BEBDBC; 
	display:none;
	z-index:102;
	
	box-shadow: 0px 0px 4px #999;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	
	border-radius:3px !important;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
	-ms-border-radius:3px !important;
}

.pop.cmap{
	width: 543px; 
   height: 380px; 
	top:50px;
	right:205px;
	display:none;
}

.pop.cmap img{
	cursor:pointer;
}

.pop.lmap{
	width:960px;
	height:576px;
	top:50px;
	right:33px;
	display:none;
}

.pop.lmap > img{
	width:960px;
	height:576px;
}

.pop:after{
	content: url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/arrow-up.png);
	position:absolute;
	top: -11px;
	right: 20px;
}

.btn-close{
	position:absolute;
	right:0;
	top:0;
}

.pop-header{
	float:left;
	position:relative;
	width:100%;
	height:auto;
	background-color:#2F424E;
	padding:10px 0;
	text-align:center;
	color:#FFF;
	
	border-top-left-radius:3px !important;
	-webkit-border-top-left-radius:3px !important;
	-moz-border-top-left-radius:3px !important;
	-ms-borde-top-leftr-radius:3px !important;
	
	border-top-right-radius:3px !important;
	-webkit-border-top-right-radius:3px !important;
	-moz-border-top-right-radius:3px !important;
	-ms-border-top-right-radius:3px !important;
}

.pop-header > p{
	width: 120px;
	position: relative;
	margin: 0 auto;
	text-align: center
}


.pop > a{
	cursor:pointer;
}

.point1{
	background:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/campus-map-point.png) no-repeat;
	width:21px;
	height:20px;
	position:absolute;
	top: 150px;
  	left: 300px;
}

.point2{
	background:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/campus-map-point.png) no-repeat;
	width:21px;
	height:20px;
	position:absolute;
	top: 175px;
  	left: 305px;
}

.point3{
	background:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/campus-map-point.png) no-repeat;
	width:21px;
	height:20px;
	position:absolute;
	top: 245px;
 	left: 270px;
}
  

#header2{
	/*width:96%;*/
	width:100%;
	min-width:984px;
	position:relative;
	float:left;
	height:58px;
	background:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/bg-header2.png) repeat;
	border-bottom:2px solid #BCB7A0;
/*	padding:0 2%; */
	
	box-shadow: 0px 0px 4px #999;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
}

#header2 > .logos{
	float:left;
	position:relative;
	/*margin:6px;*/
}

#header2 > .logos > img{
	float:left;
	position:relative;
	margin-right:20px;
	height:40px;
	width:auto;
}

#header2 > .current-location{
	font-size:24px;
	padding-left: 12px;
	margin:12px;
	border-left:2px solid #9A9895;
	position: relative;
	float: left;
}

.toggle-menu{
	display:none;
	background-image:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/btn-togglemenu.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:30px;
	background-color:#721966;
	right:0;
	position: absolute;
	overflow:hidden;
}

/*------------------*/

#main{
	position:relative;
	width:100%;
	min-width:1024px;
/*	min-height:600px !important; */
	float:left;
	left:0;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

#main.expand{
	left:-200px;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	

}



#main-map{
	position:relative;
	float:left;
	min-height:600px !important;
	min-width:824px !important;
	height:100%;
	box-shadow: 0px 0px 4px #999;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

	left:200px;
}

#main.expand > #main-map{
	
}

body.icon-list #leftbar-iconlist{
	left:0;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

/*------------------*/

#leftbar-floor{
	position: absolute;
	float:left;
	width:200px;
	/*min-height:432px; */
	height:100%;
	background-color: #F8F8F8;
	z-index:10;
	font-size:14px;
	overflow-x: hidden;
	z-index:9;
	
	
	box-shadow: 0px 0px 4px #999;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	
		-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}


#leftbar-floor li{
	list-style:none;
}

#leftbar-floor .level1{
	color:#FFF;
	background-color:#2F424E;
	float:left;
	width:180px;
	padding: 10px;
}

#leftbar-floor .level2{
	width:100%;
	color:#555555;
	float: left;
	padding:10px 0;
}

#leftbar-floor .level2 > a{
	width:180px;
	float:left;
	height:auto;
	padding:5px 10px;
	background-color:#F8F8F8;
	border-bottom:1px solid #E4E4E4;
}

#leftbar-floor .level2 > a:last-child{
	border-bottom:none;
}


#leftbar-floor .level2 > a:after{
	content:'>';
	float:right;
	position:relative;
}

#leftbar-floor .level2 > a:hover{
	background-color:#E4E4E4;
}


/*-----------------------*/

#leftbar-iconlist{
	position: absolute;
	width:200px;
	/*min-height:432px;*/
	height:100%;
	background-color: #F8F8F8;
	z-index:10;
	font-size:14px;
	z-index:10;
	left:-235px;
	overflow-x:hidden;
	overflow-y:scroll;

	box-shadow: 0px 0px 4px #999;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
/*
.arrow_back{
	background:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/arrow_back.png) no-repeat;
	width:31px;
	height:53px;
	position:absolute;
	right:-31px;
	top:0;
	bottom:0;
	margin: auto 0;
	padding:0 0 0 0 !important;
	
	cursor:pointer;
}
*/



.arrow_back {
  background: url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/arrow_back.png) no-repeat;
  width: 31px;
  height: 53px;
  position: absolute;
  left: 200px;
  top: 50%;
  /* bottom: 0; */
  /* margin: auto 0; */
  /* padding: 0 0 0 0 !important; */
  cursor: pointer;
  z-index: 1000;
 }
/*
.arrow{
	background:url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/arrow.png) no-repeat;
	width:31px;
	height:53px;
	position:absolute;
	right:-31px;
	top:0;
	bottom:0;
	margin: auto 0;
	padding:0 0 0 0 !important;
	
	cursor:pointer;
}
*/
.arrow {
  background: url(/20210325032809oe_/https://www.lib.cuhk.edu.hk/floorplan/themes/library/images/arrow.png) no-repeat;
  width: 31px;
  height: 53px;
  position: absolute;
  left: 200px;
  top: 50%;
  bottom: 0;
  /* margin: auto 0; */
  /* padding: 0 0 0 0 !important; */
  cursor: pointer;
z-index: 1000;
}


#leftbar-iconlist > .arrow{
	display:block;
}


#leftbar-iconlist .headline{
	padding:10px;
	background-color:#2F424E;
	float:left;
	width:180px;
	color:#FFF;
	font-size:16px;
}

#leftbar-iconlist input{
	cursor: pointer;
	margin-left:5px;
}

#leftbar-iconlist form > label{
	margin-left:10px;
}

#leftbar-iconlist .list{
	float:left;
	position:relative;
}

#leftbar-iconlist .list > a{
	padding:10px;
	background-color:#F8F8F8;
	float:left;
	width:180px;
}

#leftbar-iconlist .list > a.selected{
	background-color:#E4E4E4;
}

#leftbar-iconlist .list > a > span{
	float:left;
	margin-left:10px;
	width:120px;
}

#leftbar-iconlist .list > a > img{
	float:left;
}
	





/*-----------------------*/

#floor-panel{
	position: absolute;
	right:40px;
	bottom:40px;
	width:auto;
	height:auto;
	z-index:0;
	width:30px;
	padding:0 0 0 0;
	text-align:center;
	display: none;
	
	box-shadow: 0px 0px 4px #999;
	-moz-box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
}



#floor-panel li{
	float:left;
	padding:5px 0;
	background-color:#53204C;
	list-style:none;
	color:#FFF;
	width:100%;
	cursor: pointer;
}

#floor-panel li.selected{
	background-color:#AA90A6;
	color:#473B45;
}

.lib-list{
	list-style-type: none;
}

.lib-list li{

	padding-top: 10px;
}


.labels {
 font-family: Open Sans, Microsoft JhengHei !important;
 /*width:100px;*/
 width:auto;
 text-align: center;
 white-space:nowrap;
}

/*
#pdf{
width:100%;
height:5000px;
min-height:5000px;
margin-top:60px;
overflow: auto;
}*/

#pdf{
width:100%;
height:1000px;
margin-top:60px;

}
#pdf_content{
width:100%;
height:100%;
}

#admin-map span {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/*padding:20px;*/
margin-left:10px;
background:#aabbcc;
}
/*
#admin-add span,
#admin-edit span,
#admin-edit-icon span {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding:2px;
margin-left:10px;
background:#aabbcc;
}

#admin-map span.active,
#admin-edit span.active,
#admin-edit-icon span.active,
#admin-add span.active {
background:#ddeeff;
}
*/
/*
#admin-add textarea {
font-size: 12px;    
line-height: 12px;
}
*/
#admin-add textarea {
	width: 265px;
    position: relative;
    float: left;
    padding: 2.5px 5px;
  /*  font-size: 14px; */
    margin: 5px 0;
}
#admin-edit textarea {
	width: 265px;
    position: relative;
  /*  float: left;*/
    padding: 2.5px 5px;
  /*  font-size: 14px; */
    margin: 5px 0;
}
#save {
margin-left:50px;
}

.btn-width{
width:140px;
}
/*
#admin-move-apply,
#save_edit,
#save_add,
#save_delete {
    background:#aabbcc;
    cursor:pointer;
    width: 50px;
    height: 20px;
    border: none;
}
*/
.disable {
	opacity: .5;
}