body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #e6e6e6;
}
.form-signin {
  max-width: 500px;
  padding: 15px;
  margin: 0 auto;
}
h2{
  font-size:24px;
  text-align:center;	
}
h3{
  font-size:18px;
  text-align:center;
  margin:0px;
}
label{
  line-height: 32px;
  font-size:16px;
}
.memberTitle{
	text-align: right;
	font-weight:bold; 
	font-size:16px;
	line-height: 32px;
	margin:0px;
	padding:0px;
}
.memberContent{
	text-align: left;
	line-height: 32px;
	margin:0px;
	padding:0px 0px 0px 20px ;
}
.fffBox{
	display:block; 
	margin:10px 0px;
	padding:10px 0px;
	background-color:#b3b3b3; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}
/*modal和外部按鈕*/
.form-signin button, .form-member button, 
.memberContent button, .modal-footer button{
	border-color: #00554F;
	background-repeat: repeat-x;
	
	background-color: #007F76;
    background-image: -webkit-linear-gradient(top,#00A99D 0,#007F76 100%);
    background-image: -o-linear-gradient(top,#00A99D 0,#007F76 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#00A99D),to(#007F76));
    background-image: linear-gradient(to bottom,#00A99D 0,#007F76 100%);
 
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
.btn-primary:active:hover, 
.btn-primary:focus, .btn-primary:hover, .btn-primary:active{
	border-color: #00554F;
	color: #fff;
	background-color: #005F59;
	background-image: -webkit-linear-gradient(top,#005A54 0,#005F59 100%);
    background-image: -o-linear-gradient(top,#005A54 0,#005F59 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#005A54),to(#005F59));
    background-image: linear-gradient(to bottom,#005A54 0,#005F59 100%);
	
	-webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.checkbox {
	line-height: 32px;
	padding:0px;
}
.form-signin .form-signin-heading,
.form-signin {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin a{
  line-height: 32px;
  font-size:18px;
  font-weight:bold;
  color:#00A99D;
}
.top {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.middle {
  margin-bottom: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bottom {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

	/*teacher*/
	.teacher{
		text-align:center;
		height:100%;
		padding-bottom:10px;
	}
	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		filter:alpha(opacity=0);
		transition: .15s ease;
		background-color: #222;
	}
	.teacherBox:hover .overlay {
		opacity: 0.95;
		filter:alpha(opacity=95);
	}
	.text {
		width: 95%;
		color: white;
		font-size: 12px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
		margin: 0 auto;
	}
	.image {
		display: block;
		margin:0 auto;
		border-radius: 50%;
		width:90%
	}