@charset "utf-8";

/*inCourse 課程*/
.inCourse .item{height: 480px; position: relative; padding: 0!important; overflow: hidden;}
.inCourse .info{ height: 480px; padding: 90px 0 40px 0; position: absolute; z-index: 10; width: 100%;}
.inCourse .sorting{width: 120px; font-size: 52px; color: #fff; margin: 0 auto 25px auto; padding: 0 0 5px 0; border-bottom: 1px solid #fff;}
.inCourse h3{font-size: 28px; width: 80%; height: 90px; color: #fff; text-align: center; margin: 0 auto;}
.inCourse .pageView{color: #fff; margin: 0 0 15px 0;}
.inCourse .pageView i{color: #fff;} 
.inCourse .summary{font-size: 14px; color: #fff; width: 80%; margin: 0 auto; height: 95px; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.inCourse .bgBlue{ background-color:rgba(89, 178, 196, 0.9);}
.inCourse .bgBlue:hover{background-color:rgba(89, 178, 196, 0);}
.inCourse .bgOrange {background-color:rgba(224, 171, 102, 0.9);}
.inCourse .bgOrange:hover{background-color:rgba(224, 171, 102, 0);}
.inCourse .bgGreen{ background-color:rgba(96, 176, 113, 0.9);}
.inCourse .bgGreen:hover{background-color:rgba(96, 176, 113, 0);}

/*inResultsReport 最新成果報告*/
.inResultsReport{background-color: #eee; padding: 70px 0 60px 0;}
.inResultsReport h2{font-size: 28px; color: #333; margin: 0 auto 50px auto; padding: 30px 0; text-align: center; display: block; position: relative;}
.inResultsReport h2::after{position: absolute; content: ''; width: 100px; height: 1px; background: #59B2C4; left: 50%;  top: 0; transform: translateX(-50%);}
.inResultsReport h2::before{position: absolute; content: ''; width: 100px; height: 1px; background: #59B2C4; left: 50%;  bottom: 0; transform: translateX(-50%);}
}
.inResultsReport .item{display: block;}
.inResultsReport .info{padding:0 0 25px 0; border-bottom: 1px solid #999; display: block; }
.inResultsReport .img{margin: 0 0 20px 0;}
.inResultsReport .category{float: left; font-size: 14px; color: #59B2C4;}
.inResultsReport .pageView{float: right; color: #999;}
.inResultsReport .pageView i{color: #999;} 
.inResultsReport h3{width: 100%; font-size: 18px; color: #333; font-weight: 600; margin: 10px 0 15px 0; clear: both;}
.inResultsReport .cludeMsg{font-size: 16px; color: #555;}
.inResultsReport .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;}

/*inAd*/
.inAd{margin: 70px auto 50px auto; clear: both;}

/*inAd2*/
.inAd2{margin: 0 auto 70px auto; height: 355px; background: url(../images/inAd2.jpg) center top no-repeat; display: block; padding: 20px; }
.inAd2 .boxLine{border: 1px solid #fff; display: block; width: 100%; height: 100%;}
.inAd2 .container{font-size: 16px; color: #333; padding: 100px 0 125px 0;}
.inAd2 .info{width: 90%; margin: 0 5%;}

@media screen and (max-width: 1440px){
.inCourse .img{transform: scale(1.5,1.5); position: absolute;}  
}
@media screen and (max-width: 1199px){
.inCourse .item{height: 420px; }
.inCourse .info{ height: 420px; padding: 60px 0 20px 0;}
}
@media screen and (max-width: 991px){
.inResultsReport .info{border-bottom: none;}
}
@media screen and (max-width: 768px){
.inAd2 .container{padding: 50px 0;}
.inAd2 .info{width: 80%; margin: 0 10%;}
}
@media screen and (max-width: 540px){
/*inCourse*/
.inCourse .item{height: 380px; width: 100%!important;}
.inCourse .info{ height: 380px; padding: 40px 0 20px 0;}
.inCourse .sorting{width: 120px; font-size: 40px; }
.inCourse h3{font-size: 24px; }
/*inAd2*/
.inAd2{height: 430px; 
    -moz-background-size: cover;
    background-size: cover;
    -moz-background-size: 550%;
    background-size: 550%;}
}
@media screen and (max-width: 450px){
.inAd2{height: 450px; 
    -moz-background-size: cover;
    background-size: cover;
    -moz-background-size: 650%;
    background-size: 650%;}
}
@media screen and (max-width: 380px){
.inAd2{height: 500px; 
    -moz-background-size: cover;
    background-size: cover;
    -moz-background-size: 750%;
    background-size: 750%;}
}