@charset "utf-8";
/* CSS Document */

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 
h3{font-size: 14px;font-weight: normal;}
.rel{position: relative;}.abs{position: absolute;}
/*header*/
.wrap{
	max-width: 640px;
	margin: 0 auto;
}
.logo{
	width: 36%;
}

.menu{
	width: 6%;
	right:3%;
	top:10%;
}
.cbp-spmenu{background:#000;position:fixed; filter:alpha(opacity=80); opacity: 0.8;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:280; text-align:center; text-decoration:none;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #ffffff;padding:0.7em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}




/*footer*/
.footer{
	width: 100%;
	position: fixed;
	bottom:0;
	left:0;
	background: #355c28;
	padding: 3% 0;
}
.footer ul{
	width: 44%;
}
.footer li{
	width: 50%;
	float: left;
	text-align: center;
}
.footer li img{
	width: 20%;
}
.footer li P{
	color: #fff;
	line-height: 0.5;
}
.backtop{
	width: 14%;
	position: absolute;
	left:0;
	right:0;
	margin: 0 auto;
	top:-50%
}


