﻿.en {
	font-family:Arial,Helvetica,sans-serif;
}
.teacher-lie {
	display: flex;
}
.teacher-one {
	width: 30px;
	display: flex;
	margin-left: -30px;
}
.teacher-one span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #666;
}
.bricks-wrapper {
	flex: 1;
}
.bricks-wrapper .grid-sizer,
.bricks-wrapper .brick {
	width: 16.66%;
}
.thumb-link img {
	width: 100%;
}
.bricks-wrapper .entry-text {
	border: none;
}
.waterfull-intro span {
	padding-left: 5px;
	color: #555;
}
.waterfull-intro .en {
	color: #ccc;
}
.intro img {
	width: 20px;
	margin-left: 20px;
}
@media only screen and (max-width:1440px){
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 20%;
	}
}
@media only screen and (max-width:1200px){
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 25%;
	}
}
@media only screen and (max-width:1024px){
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 20%;
	}
}
@media only screen and (max-width:900px){
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 25%;
	}
}
@media only screen and (max-width:700px){
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 33.33%;
	}
}
.index-item-on {
	display: none;
}
@media only screen and (max-width:600px){
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 50%;
	}
	.index {
		right: 0px;
		padding-right: 10px;
	}
	.center {
		padding-left: 30px;
	}
	.teacher-lie {
		display: inline;
	}
	.teacher-one {
		width: 100%;
		display: flex;
		align-items: center;
		margin-left: -20px;
		margin-bottom: 0px;
	}
	.teacher-one span {
		width: 20px;
	}
	.teacher-one i {
		flex: 1;
		margin-left: 10px;
		height: 1px;
		background: #00000042;
	}
	.index-item-on {
		display: none;
		position: fixed;
		width: 30px;
		height: 25px;
		background: #f5f5f5;
		text-align: center;
		border: 1px #999 solid;
	}
	.index-item-on .con {
		width: 100%;
		height: 100%;
		line-height: 23px;
		font-size: 30px;
	}
	.triangle {
		margin: 0px;
	    border-width: 6px;
	    border-style: solid;
	    border-color: transparent transparent transparent #999;
	    padding: 0px; 
	    width: 0px;
	    height: 0px;
	    margin-left: 28px;
	    margin-top: -17px;
	}
	.triangle_inner {
		margin: 0px;
	    border-width: 5px;
	    border-style: solid;
	    border-color: transparent transparent transparent #f5f5f5;
	    padding: 0px; 
	    width: 0px;
	    height: 0px;
	    margin-left: 28px;
	    margin-top: -11px;
	}
	.center {
	    padding-right: 30px;
	  }
}