@charset "utf-8";
/* css document */

* {
  margin: 0;
  padding: 0;
}
html,body{
	font-size:14px;
	width:100%;
	height: 100%;
}
a, a:hover, a:active {
	text-decoration: none
}
body {
	font-family: "helvetica neue", sans-serif;
}
.header {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 80rem;
	max-width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1;
}
.header .logo {
	position: absolute;
	top: 1rem;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 1rem auto;
	width:3.6rem;
	height:3.8rem;
	background:url(/uploads/image/aassets/icon.png) no-repeat center center;
	background-size:cover;	
	opacity: .7;
}
.header .title {
	position: absolute;
	top: 6.5rem;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .5em;
	color: #fff;
	opacity: .7;
}
.header .subtitle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 8rem;
	height: 4rem;
	margin: auto;
	text-align: center;
}
.header .subtitle h3 {
	font-family: "helvetica neue", sans-serif;
	font-size: 2.4rem;
	font-weight:bold;
	line-height:3rem;
	text-shadow: 1px 1px 10px #888;
}
.section {
	position:absolute;
	top:0;
	left:0;
	right:0;
	botton:0;
	margin:0;
	width:100%;
	height:100%;
	color: #fff;
	z-index:99999;
}
.section .bg {
	position: absolute;
	width:100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #29d;
	opacity:.9;
}
.glyphicon-remove{
	position:absolute;
	top:20px;
	right:20px;
	font-size:32px;	
	color:#eee;
	cursor:pointer;
	transition: .5s;
	z-index: 9999;
	-moz-transition: .5s; /* firefox 4 */
	-webkit-transition: .5s; /* safari 和 chrome */
	-o-transition: .5s; /* opera */
}
.glyphicon-remove:hover, .glyphicon glyphicon-info-sign:hover{
	color:#fff;
	transition: .5s;
	-moz-transition: .5s; /* firefox 4 */
	-webkit-transition: .5s; /* safari 和 chrome */
	-o-transition: .5s; /* opera */
}

.glyphicon-info-sign{
	position:absolute;
	top:20px;
	left:20px;
	font-size:36px;	
	color:#eee;
	cursor:pointer;
	transition: .5s;
	z-index: 9999;
	-moz-transition: .5s; /* firefox 4 */
	-webkit-transition: .5s; /* safari 和 chrome */
	-o-transition: .5s; /* opera */
}

.label-group {
	color:#fff;	
}
.label-group .label {
	padding:2px 8px;	
}
.label-t {
	background:#9c3db4;	
}

#map {
	position:relative;
	height:100%;	
	background:#b4e0e1;
	overflow:hidden;
}
#mp-draggable{position:relative;width:1900px;}
#mp-draggable img{cursor:move;}
.pop-spot {
	position:absolute;
	background-color:#eed500;
	cursor:pointer;
	opacity:0;
}
.popover{
    /*background: #8832b5;	*/
}
.popover-content {
	padding: 2px 10px;
	/*color:#fff;*/
    text-align: center;
}
.popover.top>.arrow:after {
   /* border-top-color: #8832b5;*/
    border-bottom-width: 0;
}
.nav-box{
	position: fixed;
	top: 20px;
	z-index:9999;
	display:none;
}
.nav{
	overflow:hidden;
	background:#fff;
	font-size:16px;	
	border-radius:6px;
	-moz-box-shadow:0px 3px 24px #555; 
	-webkit-box-shadow:0px 3px 24px #555; 
	box-shadow:0px 3px 24px #555;
	padding:8px 4px;
	margin:0 20px;
}
.nav .checkbox {margin:2px 8px;;float:left;display:inline-block;}
.nav .checkbox label{
	font-weight:normal;
	margin-bottom:0;
	padding-left:0;
	display:block;
}
#gallery{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#eee;
	z-index:9999;
	display:none;
}
.carousel-control:focus, .carousel-control:hover{
	opacity:.5;
}
.about{
	float:left;
	padding:30px;	
}
.venue-info{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	width:50%;
	height:100%;
	z-index:9999;
	color:#eee;
	display:none;
}
.venue-info .bg{
	width:100%;
	height:100%;
	background:#000;
	opacity:.85;	
}

.venue-info .info-block{
	position:absolute;
	left:50%;
	top:50%;
	transform:translatex(-50%) translatey(-50%);
	width:75%;
	height:60%;
	font-size:16px;
	color:#ddd;
}

.venue-info .btn-close{
	position:absolute;
	top:20px;
	right:30px;
	font-size:18px;
	font-weight:bold;
	color:#aaa;	
	cursor:pointer;
}

.venue-info .btn-close:hover{
	color:#a3a3a3;
}

.venue-info h1{
	font-size:48px;
	font-weight:bold;
	margin-bottom:60px;
}

.venue-info .desc{
	margin:30px auto;	
}

.venue-info .desc p{
	line-height:26px;
	margin:20px auto;
}
.venue-info .auxi{
	margin:10px auto;	
}
.venue-info .auxi a{
	color:#b38b11;
}

@media only screen and (max-width: 768px){
.header .title {
	top: 6.5rem;
	font-size: .6rem;
	letter-spacing: .4em;
}
.header .subtitle {
	bottom: 10rem;
	height: 4rem;
	margin: auto 2rem;
}
.header .subtitle h3 {
	font-family: "helvetica neue", sans-serif;
	font-size: 1.5rem;
	font-weight:normal;
	line-height:2rem;
	text-shadow: 1px 1px 10px #888;
}
.glyphicon-remove{
	position:absolute;
	top:20px;
	right:20px;
	font-size:28px;	
}
.nav{
	font-size:14px;	
	border-radius:6px;
	padding:8px 4px;
}
.pop-spot {
	
}
#map{position:relative;overflow:scroll;}
#mp-draggable{position:relative;width:950px;overflow:scroll;}
}