@charset "UTF-8";
body {
	color: #5a5a5a;
	padding-top: 70px;
    background:url(../images/bright_squares.png);
    font-family: "楷体",'宋体',微软雅黑;
    font-size: 1.7em;
}

.h1-tcc,
.h2-tcc,
.h3-tcc {
    margin-top: 20px;
    margin-bottom: 0px;
}

.page-header {
  padding-bottom: 4px;
  margin: 5px 0 15px;
  border-bottom: 2px solid #ccc;
}

.page-fenge {
  margin: 5px 0 45px;
  border-bottom:1px dotted #ccc;
}


.jumbotron-ttc { background:url(../images/mypicture.jpg) no-repeat;}


.jumbotron-ttc2 { background:url(../images/mypicture2.jpg) no-repeat; height:800px;}


.text-ttc {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.footer-tcc {
    color: #eceff1;
    background:url(../images/footer-bg-ttc.png);
    padding: 0;

}

.maintenance { 
	background:url(../images/maintenance.jpg) no-repeat;
	height:600px;
	margin:0 auto 20px auto;
}


/*滚动图
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#main {
  overflow: hidden;
}

/**
 * Grid items animation
 */
#tiles li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.wookmark-placeholder {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

/**
 * Filters
 */
 
#filters {
  list-style-type: none;
  text-align: center;
  margin: 0 5% 0 5%;
}

#filters li {
  font-size: 16px;
  float: left;
  padding: 6px 6px 4px 6px;
  cursor: pointer;
  margin: 0 1% 0 1%;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#filters li:hover {
  background: #4281f5;
  color: #ffffff;
}

#filters li.active {
  background: #4281f5;
  color: #ffffff;
}
/*滚动图 结束
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/