@charset "utf-8";
.container { background: #efefef url('../img/ticks.png') repeat 0 0; font-size: 13px; position: relative; margin: 0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; min-height: 100%; }
/* filters */
#filters { width: 100%; padding: 0; list-style: none; position: fixed; z-index: 999; background: #efefef url('../img/ticks.png') repeat 0 0; }
#filters li { float: left; }
#filters li span { display: block; padding: 5px 20px; text-decoration: none; color: #666; cursor: pointer; }
#filters li span.active { background: #e95a44; color: #fff; }
#portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 23%; *width:22%;
margin: 0 1.5% 10px 0; display: none; overflow: hidden; }
#portfoliolist1 .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 23%; *width:22%;
margin: 0 1.5% 10px 0; display: inline-block; overflow: hidden; }
.portfoliolist1 .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 23%; *width:22%;
margin: 0 1.5% 10px 0; display: inline-block; overflow: hidden; }
/*#portfoliolist .portfolio:nth-child(4n){ margin-right:0px;}
#portfoliolist1 .portfolio:nth-child(4n){ margin-right:0px;}*/

/*#filters li ul li{ float:left;}
.place_label ul{display:none; width:100%; left:0px; margin-top:10px; }
.place_label ul li{list-style:none; padding:5px 20px;}*/


.portfolio-wrapper { overflow: hidden; position: relative!important; background: #666; cursor: pointer; width: 100%; height: 200px; display: inline-block; }
.portfolio .pic_school { width: 100%; height: 100%; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.portfolio .label { position: absolute; width: 100%; height: 100%; bottom: -160px; left: 0; }
.portfolio .label-bg { background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.portfolio .label-text { color: #fff; position: relative; z-index: 500; padding: 5px 8px; }
.portfolio .text-category { display: block; font-size: 9px; }

/* #Tablet (Portrait) */
@media only screen and (min-width:768px) and (max-width:959px) {
.container { width: 768px; }
}


/*  #Mobile (Portrait) - Note:Design for a width of 320px */
@media only screen and (max-width:767px) {
.container { width: 95%; }
#filters li span{ padding: 5px 15px;}
#portfoliolist .portfolio { width:100% }
}


/* #Mobile (Landscape) - Note:Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width:767px) {
.container { width: 70%; }
}
/* #Clearing */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.school_title { font:bold 16px '微软雅黑'; margin: 5px 0 10px 0; text-align: center; }
.school_info { font: normal 14px '微软雅黑'; line-height: 28px; text-align: left; margccin: 0 auto; color: #ccc; "
}