@charset "UTF-8";

.page-header{
    margin-top:20px;
}
.page-header .title{
    font-size:18px;
    color: #6db25a;
    font-weight:500;
}
.cover-thumbnail{
    text-align:center;
    margin-bottom:20px;
}
.cover-thumbnail h5{
    padding:5px;
}
.major-cover{
    padding:10px;
}
.major-cover:hover{
    border: 1px #F0F0F0 solid;
    box-shadow: 2px 3px 3px #F0F0F0;
}
.center-cover{
    overflow: hidden;
    position: relative;
    height:130px;
    width:200px;
    margin:0px auto;
}
.center-cover .overlayer{
    position: absolute;
    bottom:0px;
    right:0px;
    height:40px;
    width:100%;
    background-color:#cfcfcf;
    filter:alpha(Opacity=60);
    -moz-opacity:0.6;
    opacity: 0.6; 
    color:#111;
    font-size:15px;
    text-align:center;
    padding:10px 20px;
}
.center-cover img {
    -webkit-transition: all 0.2s linear; /* Safari and Chrome */
    -moz-transition: all 0.2s linear; /* Firefox */
    -ms-transition: all 0.2s linear; /* IE 9 */
    -o-transition: all 0.2s linear; /* Opera */
    transition: all 0.2s linear;
    vertical-align: middle;
}
.center-cover:hover img{
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}
.major-content{
	padding-left:220px;
}
.major-content .line{
	padding:3px;
}
.center-box {
	text-align: left;
	padding: 15px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
	height: 160px;
	margin-bottom: 20px;
}
.center-content{
	padding-left:210px;
}
.center-content .line{
	padding:5px;
}
.introduction-box {
	text-align: left;
	padding: 30px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}