@charset "utf-8";
/************************************************************************
teaching_results
************************************************************************/
/*resultsCategory 分類*/
.resultsCategory{height: 90px; border-bottom: 1px solid #CCC;}
.resultsCategory .categoryList {text-align: center;}
.resultsCategory .categoryList li{display: inline-block; width: 120px; text-align: center;}
.resultsCategory .categoryList a{height: 85px; width: 85px; font-size: 16px; color: #333; vertical-align: middle; display: table-cell;}
.resultsCategory .categoryList a:hover ,.resultsCategory .categoryList a.active{height: 85px; width: 85px; background: url(../images/hover-bg.png)no-repeat;
       -moz-background-size: cover;
        background-size: cover;
        -moz-background-size: 100%;
        background-size: 100%;
}

/*resultsList 列表*/
.resultsList{}
.resultsList .item{display: block;}
.resultsList .info{
	height: 140px;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #999;
    display: block;
    margin: 0 0 15px 0;
}
.resultsList .img{margin: 0 0 20px 0;}
.resultsList .category{float: left; font-size: 14px; color: #59B2C4;}
.resultsList .pageView{float: right; color: #999;}
.resultsList .pageView i{color: #999;} 
.resultsList h3{width: 100%; height: 23px; font-size: 18px; color: #333; font-weight: 600; margin: 10px 0 15px 0; clear: both; display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.resultsList .cludeMsg{font-size: 16px; color: #555;}
.resultsList .linkIcon{width: 40px; height: 40px; font-size: 35px; line-height: 1; color: #fff; border-radius: 99em; text-align: center; vertical-align: middle; border: 1px solid #fff;}
.resultsList .summary{
    text-align: justify;
    line-height: 22px;
    height: 45px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (max-width:991px) {
.resultsCategory { width: 90%; height: auto; position: relative; margin: 16px auto; box-sizing: border-box; border-bottom:none;}
.resultsCategory .categoryTitle { margin-top: 15px; padding: 10px 15px; color: #fff; font-size: 16px; font-weight: 600;  cursor: pointer; background: #60B071; }
.resultsCategory .categoryTitle [class*='fa-'] { position: absolute; font-size: 15px; color: #fff; top: 30px; }
.resultsCategory .categoryTitle .fa-plus {  right: 30px; }
.resultsCategory .categoryTitle .fa-minus { right: 30px; display: none; }
.resultsCategory .categoryList { margin: 0; width: 100%; display: none; background-color: rgb(239, 239, 239); padding: 0;}
.resultsCategory .categoryList li { width: 100%; margin: 0; border-bottom: 1px solid #ddd; display: block; }
.resultsCategory .categoryList a { width: 100%; height: auto; text-align: left; display: block; color: #2D2D2D; padding: 10px 15px; box-sizing: border-box; }
.resultsCategory .categoryList a:hover ,.resultsCategory .categoryList a.active{ width: 100%; height: auto; padding-left: 15px; background: #D4E8D8; background-image: none;}
}
@media only screen and (max-width : 768px){
.resultsCategory { width: 95%; padding: 0 2.5%;}
.resultsList .item{width: 50%}
}
@media only screen and (max-width : 540px){
.resultsList .item{width: 100%}
}

/************************************************************************
courses
************************************************************************/
/*coursesCategory 分類*/
.coursesCategory{/*border-bottom: 1px solid #aaa;*/ padding: 0 0 10px 0;}
.coursesCategory .categoryList {}
.coursesCategory .categoryList li{width: 100%; display: inline-block; text-align: center;}
.coursesCategory .categoryList a{width: 100%; display: block; padding: 10px 0; font-size: 16px; color: #fff; background-color: #60B071; }
.coursesCategory .categoryList a:hover ,.coursesCategory .categoryList a.active{background-color: #1685A3;}
@media screen and (max-width: 1440px){
.coursesCategory .container-1250{width: 85%!important; margin: 0 7.5%;}
}

/************************************************************************
teaching_results、courses  共用detail
************************************************************************/
.detailBox{margin: 35px auto 110px auto;}
.detailContent{}