body{
	margin: 0 3rem;
	padding: 0;
}
h1,h2,h3{
	color:#00BEAF;
}
h1,h2,h3,p{
	font-weight: normal;
        font-family: Arial,Verdana,"ËÎÌå";
}
#head{
	width:100%;
}
#head>img{
	width:240px;
}
#sketch{
	width: 100%;
}
#sketch>p{
	margin-bottom: 3rem;
	font-size: 1.6rem;
}
.sketch-top{
	text-align: center;
}
.sketch-top>img{
	width: 180px;
    border-radius: 50%;
}
.sketch-top>h1{
	font-size: 3rem;
}
.sketch-top>h3{
	font-size: 1.8rem;
	margin-bottom: 3rem;
}
#details{
	width: 100%;
	background: url(../teacher/img/line.jpg) repeat-y;
    background-position-x: 30px;
	margin-bottom: 10rem;
}
.details-list{
	color: #00BEAF;
}

.title-icon1{
	background: url(../teacher/img/Icon-subject.png) no-repeat;
	background-size: auto 100%;
}
.title-icon2{
	background: url(../teacher/img/Icon-teacher.png) no-repeat;
	background-size: auto 100%;
}
.title-icon3{
	background: url(../teacher/img/Icon-feature.png) no-repeat;
	background-size: auto 100%;
}
.title-icon4{
	background: url(../teacher/img/Icon-case.png) no-repeat;
	background-size: auto 100%;
}
.title-icon5{
	background: url(../teacher/img/Icon-subject.png) no-repeat;
	background-size: auto 100%;
}
.title{
	height: 68px;
	line-height: 68px;
	padding-left: 100px;
	overflow: hidden;
}
.title>h2{
	margin-top: 0;
	font-size: 1.8rem;
}
.details-list>h3{
	background: url(../teacher/img/spot.jpg) no-repeat 26px 26px;
	background-size: auto 12px;
	padding-left: 100px;
	font-size: 1.6rem;
}
.details-list>p{
	color: #3e3d3d;
	padding-left: 100px;
	font-size: 1.6rem;
}   
.atlas{
	width: 80%;
	padding-left: 100px;
	overflow: hidden;
}
.my-gallery figure{
	width: 10rem;
	height: 10rem;
	float: left;
    margin: 5px 5px;
	overflow: hidden;
}
.atlas img{
	width:100%;
}
.fancybox-button{
	width: 100px !important;
	height: 100px !important;
}