html,

body {
height: 100%;

}
img {max-width: 100%;
    height: auto;
}

.nav a{
	/* This generators the gradient on top of the solid color */
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(255,255,255,.5)),
		color-stop(1, rgba(0,0,0,.1))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgba(255,255,255,.5) 0%,
		rgba(0,0,0,.1) 100%
	);
	color: #f4f4f4; /* IE */
	color: rgba(255, 255, 255, 0.8);
	display: inline-block;	
	font: bold 18px "Myriad Pro","Lucida Grande",Helvetica,Arial,sans-serif;		
	outline:none;
	padding: 5px 40px;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);	
}
.nav a:active {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0,rgba(255,255,255,.5)),
			color-stop(.1,rgba(255,255,255,.2)),
			color-stop(.85, rgba(0,0,0,.2)),
			color-stop(100, rgba(0,0,0,.4))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(255,255,255,.5) 0%,
			rgba(255,255,255,.2) 10%,
			rgba(0,0,0,.2) 85%,
			rgba(0,0,0,.4) 100%
		);
	}
	
/* Dark Text */
.nav a.dark {
	color: #333; /* IE */
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}

  .nav a {display: none;}
  .nav a.icon {
    float: right;
    display: block;
  }


  .nav.responsive {position: relative;}
  .nav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .nav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

/*********** COLORS *************/
/* Create your own class for your own colors */
.red {
	background: #B80202;
	border: #B80202 1px solid
}
	.red:hover, .red:focus{
		background-color:#e30606
	}
.green {
	background: #46c431;
	border: #46c431 1px solid
}
	.green:hover,.green:focus {
		background-color:#44e329
	}
.yellow {
	background: #D9CE1C;
	border: #D9CE1C 1px solid
}
	.yellow:hover,.yellow:focus {
		background-color:#eee117
	}
.cyan {
	background: #23c6de;
	border: #23c6de 1px solid
}
	.cyan:hover,.cyan:focus {
		background-color:#18d8f4;
		cursor: pointer;
	}
.blue {
	background: #3271d9;
	border: #3271d9 1px solid
}
	.blue:hover,.blue:focus {
		background-color:#377ef2
	}
.download {
float: right;
padding-right: 10px;
}
.logo {
margin-top: 0px;
width: inherit;
margin-left: auto;
}


.wrapper {
width: 100%;
margin: auto;
min-height: 100%;
}

footer {
clear: both;
background-color: #6495ED;
width: 100%;
margin: 0px auto;
position: relative;
z-index: 10;
font-size: 0.5em;
font-family: verdana;
text-align: right;
padding-bottom: 10px;
}

#content {
padding: 2px;
font-family: Tahoma,Helvetica,Arial,'宋体',sans-serif;
width: 94%;
}

#menu {
border-left: 1px dotted grey;
background-color: #E5E8E8;
font-family: Tahoma,Helvetica,Arial,'宋体',sans-serif;
}

.value li {
list-style-type: square;
}
.contact span
{font-style: italic;
color: blue;
}
#font {
padding-top: 5px;
color: blue;
font-size: 1.0em;
}

.tables{
/*WIDTH: 100%;
HEIGHT: 100%;*/
text-align: center;
vertical-align: top;
/*padding-left: 1em;*/
}

.tables a{
text-decoration: none;
}


#myhouse {
cursor: pointer;
}

.problem {
margin-right: 2em;
text-align: right;
}
.problem ul {
list-style: none;
}
.problem li:before {
content: "\003F";
}

.offer ul {
list-style: none;
}
.offer li:before {
content: "\00BB";
}

.faq{
	margin-bottom:5px;
}
.faq dt{
		font-weight:bold;
		color:#000000;
		padding:25px 0 5px 0;
		display:block;
	}
	
.faq dd{
		padding-bottom:25px;
		border-bottom:1px solid #cccccc;
		display:block;
	}
	
#primary{
	width:auto;
	margin: 5px 20px 0 0;
	float:left;
	}
	
#title{
	text-align:center;
	font-size:30px;
	line-height:30px;
	margin-top:20px;
}

#question {
font: 14px/24px helvetica, arial, sans-serif;
	color:#666666;
}
section {border: ; display: none; line-height: 50px; width: 100%; margin: 15px auto; text-align: center;}
section:target {display: block;}

#nav,
#nav li {display: block; margin: 0; padding: 0; list-style: none; text-align: center;}
#nav li {display: inline-block;}
#nav li a {display: block; text-decoration: none; padding: 3px; margin: 5px; border: 1px solid #99f; border-radius: 5px;}
#nav li a:focus,
#nav li a:active {background-color: #ccf; color: #fff;}

.sidebar {
  padding-top: 15px;
}

.sidebar a {
  font-size: 18px;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
display:no;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}