@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	letter-spacing:0px;
	list-style: none;
}

html,body{background:#FFF; width:100%; height:100%;}
::selection{background:#FFF; color:#ccff00;}
::-moz-selection {background:#FFF; color:#ccff00;}
#container{width:100%; height:90%; position:relative;}
.wrap{display:none; width:196px; position:fixed; top:50%; left:50%; margin:-200px 0 0 -98px;}
.wrap ul{padding-top: 85px;}
.wrap ul li{float:left;}
.wrap ul li:last-child{float:right;}
.wrap ul li a{display:block; height: 12px; padding:15px 0px; transition:all 0.3s ease;}
.wrap ul li a:hover{opacity:0.3;}

#map_wrap{
	width: 100%;
	height: 100%;
	position: fixed;
	opacity: 0;
}
#map{
	width:100%;
	height:100%;
}
#close{
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	cursor: pointer;
}
#map p{
	background: #FFF;
	position: absolute;
	z-index: 9999;

}

footer{width:100%; height:10%;}
#foot_bar{width:0%; height:100%; transition:all 0.8s ease-in ;}
.active{width:100% !important;}
.footer_bar1{background:linear-gradient(20deg, rgba(174,0,130,1), rgba(0,124,200,1));}
.footer_bar2{background:linear-gradient(20deg, rgba(255,247,150,1), rgba(241,158,194,1));}
.footer_bar3{background:linear-gradient(20deg, rgba(230,41,138,1), rgba(230,0,18,1));}
.footer_bar4{background:linear-gradient(20deg, rgba(0,160,233,1), rgba(215,231,175,1));}
.footer_bar5{background:linear-gradient(20deg, rgba(237,235,103,1), rgba(78,182,112,1));}

.clearfix:after {content: ""; clear: both; display: block;}