*{
	margin:0;
	padding:0;
}

html{#3FA8E7;
	
}

body{
	font:14px/1.3 'Segoe UI',Arial, sans-serif;
	line-height: 20px;
	background-color: #FDD0B1;
}

.wrapper{
	width: 100%;
	background-color: #FDD0B1;
	float: left;
	height: 80px;
}

/*menu*/
@import url(http://fonts.googleapis.com/css?family=Raleway);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: Raleway, sans-serif;
  line-height: 1;
  margin-top: 5px;
  width: 1040px;
  margin: auto;
}
#cssmenu > ul {
  background: #FDD0B1;
  float: left;
  width: 100%;
  margin-left: 20px;
}
#cssmenu > ul > li {
  float: left;
  width: 255px;
  text-align: center;
  margin-left: 0px;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 25px 20px;
  font-size: 15px;
  margin-left: 10px;
  letter-spacing: 1px;
  text-decoration: none;
  background: #5E823C;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgb(51, 51, 51);
  border-radius: 30px;
  color: #FFF;
  box-shadow: 1px 1px 1px #333;
}
#cssmenu > ul > li.first > a {
  color: #FFF;
  margin-left: 0px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #5E823C;
  background-color: #FFF;
}
#cssmenu > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #dff2fa;
  background: #19799f;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(- -18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before {
  background: #3db2e1;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
  color: #dff2fa;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #3db2e1;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #dff2fa;
  border-bottom: 2px solid #dff2fa;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #dff2fa;
}

/*End Menu*/





img{
}
h1{
	color: #FFF;
	font-family: 'Segoe UI Light','Segoe UI',Arial,sans-serif;
	text-align: center;
	margin: 0px;
	font-size: 17px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #333;
}
h2{
  padding: 6px 10px 7px 10px;
  top: 50px;
  color: #FFF;
  background-color: #5E823C;
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
  text-shadow: 1px 1px 1px #333;
  border-radius: 30px;
  box-shadow: 1px 1px 1px #333;
}

header{
    float: left;
    width: 100%;
    background-color: #5E823C;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 1px 1px 1px #333;
}

nav{
	text-align: center;
	width: 100%;
	float: left;
	margin-top: 5px;
}
.manager-controller {
	margin:0 auto;
	width: 1000px;
}
.controller{
  float: left;
  width: 1000px;
  background-color: #A6BD6F;
  padding: 10px;
  padding-top: 5px;
  margin-bottom: 10px;
  margin-top: 65px;
  border-radius: 30px;
  box-shadow: 1px 1px 1px #333;
}
.main-picture {
	float:left;
	width:100%;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.mother-content{
}
.sidebar-content{
	float:left;
	width: 20%;
	margin-left: 0px;
}
.sidebar-block1{
	float:left;
	margin: 5px; 
	margin-left: 0px;
	margin-top: 0px;
	padding: 5px;
	width: 97%;
	background-color: rgb(173, 199, 106);
}
.sidebar-block1-pr{
	float:left;
	margin: 5px; 
	margin-left: 0px;
	margin-top: 0px;
	padding: 5px;
	width: 97%;
	background-color: rgb(173, 199, 106);
}
.chirld{
}
.chirld1{
  padding: 5px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 10px;
  overflow: hidden;
  line-height: 25px;
  border-radius: 25px;
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
}
.second-chirld{
	float:left;
}
.second {
	float:left;
	padding:5px;
	background-color: #FFF;
	margin-bottom: 5px;
	margin-right: 2px;
	margin-left: 2px;
	width: 48.5%;
}
.mother-main-content {
  background-color: rgb(255, 255, 255);
  padding: 10px;
  clear: both;
  line-height: 25px;
  margin-bottom: 10px;
  border-radius: 30px;
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
}
.recommand-link{
  float: left;
  background-color: rgb(255, 255, 255);
  padding: 10px;
  width: 980px;
  line-height: 25px;
  border-radius: 25px;
  margin-bottom: 10px;
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
}
li {
	list-style:none;
}
.social {
  margin: 0 auto;
  width: 340px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.photo1{
	float:left;
	margin:5px;
	width: 96%;
}
.photo2{
	float:left;
	margin:5px;
	width: 42%;
}
.photo3{
	float:left;
	margin:5px;
	width: 97%;
}
.mother-main-cotent img{
	float:right;
	margin:5px;
	width:60%;
}
.sub-content{
  float: left;
  width: 980px;
  background-color: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 25px;
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
}
.sub-content img{
  float: right;
  margin-left: 10px;
  width: 50%;
}
h2 a{
	color:blue;
	text-decoration:none;
	font-size:15px;
}
h2 a:hover{
	color:red;
	text-decoration:none;
	font-size:15px;
}
footer{
  margin: auto;
  color: rgb(40, 33, 33);
  font-size: 15px;
  clear: both;
  text-align: center;
  height: 80px;
  background-color: #EEE;
}
footer a{
	color: #0f85f3;
	text-decoration:none;
}
footer a:hover{
	color: #0f85f3;
	text-decoration:underline;
}

footer b{
	color: #888888;
	display: block;
	font-size: 10px;
	font-weight: normal;
}

a{
	text-decoration:none;
	outline:none;
	color: #0f85f3;
}

a:hover{
	text-decoration: underline;
	color: 0f85f3;
}
.sidebar-block1 ul {
	padding-left:0px;
}
.sidebar-block1 ul li {
	background-color: rgb(196, 167, 59);
	padding:5px;
	margin-bottom:3px;
}
.sidebar-block1 ul li:hover{
	background-color: rgb(169, 169, 233);
	padding:5px;
	margin-bottom:3px;
}
.sidebar-block1 ul li a{
	color:#fff;
	text-decoration:none;
}
.mother-main-content img{
  width: 40%;
  margin-right: 10px;
  float: left;
}
h3 {
  color: #5E823C;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: double 3px;
  margin-bottom: 10px;
  padding-left: 10px;
}
img.main-img {
  border-radius: 20px;
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
}