@charset "utf-8";
/* CSS Document */


.Home_content_title_txt {
    font-size: 1.8em;
    font-weight: 800;
    padding: 0 0 0 10px;
    color: #2C3235;
    border-left: 8px solid #2C3235;
} 

/* ---------------------------- MIC START ---------------------------- */

#course { width: 100%; background: #efefef;}
#course_title { clear: both; width: 25%; margin: auto; margin-top: -30px; }
#course_title li { 
	float: left; 
	background: none; 
	color: #555; 
	font-size: 1.6em; 
	text-align: center; 
	transition: .10s linear; 
	border-bottom: solid 8px rgba(5,5,5,0.3);
	padding: 5px 0;
	border-radius: 0px;
	width: 22.10%; 
	margin: 0.85%; 
}

#course_title li:hover { background: none; color: #2C3235; border-bottom: solid 8px #2C3235; transition: .20s linear; }
#course_title a.active li { background: none; color: #C30; border-bottom: solid 8px #C30; }
#ucomlnk_style li a { background: #C33 !important; color: #FF0; }
#morelnk_style li a { background: #2F4052 !important; color: #FFF; }

	@media (max-width: 1680px) {
		#course_title { }
	}

	@media (max-width: 1440px) {
		#course_title { width: 40%; }
	}
	@media (max-width: 1366px) {
		#course_title { width: 38%; }
	}
	@media (max-width: 1280px) {
		#course_title { }
	}

	@media (max-width: 1024px) {
		#course_title { width: 40%; }
	}

	@media (max-width: 900px) {
		#course_title { width: 50%;  }
	}

	@media (max-width: 600px) {
		#course_title { width: 100%; margin: 30px 0 50px -10px;  }
		#course_title li { font-size: 1.4em; }
	}

	@media (max-width: 480px) {
		#course_title { width: 100%; margin: 30px 0 0 -12px; }
	}

/* ---------------------------- MIC TAB ---------------------------- */
 

/*ENV*/
#course { width: 100%; padding: 40px 0 40px 0; }
#course_list { width: 100% !important; padding: 0 0 0 0; }


#course #promo_list { width: 100%; clear: both; overflow: hidden; clear: both; }

#course #promo_list div.BOX {
	width: 32.11111111%;
	padding: 5px 0px;
	float: left;
	margin: 10px 10px;
	background: #FFF;
	border-radius: 10px;
	border: 0px solid #FFF; 
	padding: 0px;
	min-height: 300px;
	transition: .30s linear;
	box-shadow: rgba(5,5,5,0.14) 0px 0px 5px 0px;
}

#course #promo_list div.BOX .EDM_TOPbanner { border-top-right-radius: 10px; border-top-left-radius: 10px;  width:100%;  height:330px; background-size:cover;  }
#course #promo_list div.BOX .EDM_DownContent { width: 100%; }

#course #promo_list div.BOX p { padding: 0 20px; }
#course #promo_list div.BOX p.topic { padding: 15px 20px 0px 20px; font-size: 1.45em; color: #BA5A1A; font-weight: 300; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
#course #promo_list div.BOX p.descp { font-size: 15px; color: #666; height:69px; padding: 0 20px 0 20px; overflow:hidden; text-overflow:ellipsis; }
#course #promo_list div.BOX:hover { background: #FFF; color: #930 !important; transition: .30s linear; box-shadow: rgba(5,5,5,0.25) 0px 0px 20px 0px; }


	@media (max-width: 1808px) {
		#course #promo_list div.BOX { width: 32%; }
	}
	@media (max-width: 1696px) {
		#course #promo_list div.BOX { width: 31.9999999%; }
	}
	@media (max-width: 1680px) {
		#course #promo_list div.BOX .EDM_TOPbanner { height: 300px; }
	}
	@media (max-width: 1663px) {
		#course #promo_list div.BOX { width: 31.8888888%; }
	}
	@media (max-width: 1617px) {
		#course #promo_list div.BOX { width: 31.7777777%; }
	}
	@media (max-width:1564px) {
		#course #promo_list div.BOX .EDM_TOPbanner { height: 280px; }
	}
	@media (max-width:1531px) {
		#course #promo_list div.BOX { width: 31.6666666%; }
	}
	@media (max-width:1440px) {
		#course #promo_list div.BOX { width: 31.777777%; min-height: 290px; }
		#course #promo_list div.BOX .EDM_TOPbanner { height: 235px; }
	}
	@media (max-width:1437px) {
		#course #promo_list div.BOX { width: 31.666666%; }

	}
	@media (max-width:1366px) {
		#course #promo_list div.BOX { width: 31.555555%; min-height: 290px; }
		#course #promo_list div.BOX .EDM_TOPbanner { height: 205px; }
	}
	@media (max-width:1280px) {
		#course #promo_list div.BOX { width: 31.1111111%; min-height: 280px; }
		#course #promo_list div.BOX .EDM_TOPbanner { height: 205px; }
	}
	@media (max-width:1168px) {
		#course #promo_list div.BOX { width: 31%; min-height: 290px; }
		#course #promo_list div.BOX .EDM_TOPbanner { height: 205px; }
		#course #promo_list .descp { height:85px;}
	}
	@media (max-width:1040px) {
		#course #promo_list div.BOX { width: 100%; float: none; box-shadow: none; border-radius: 0; min-height: 160px; }
		#course #promo_list div.BOX .EDM_TOPbanner { border-top-right-radius: 0px; border-top-left-radius: 0px;  width:266px;  height:160px; float: left;  }
		#course #promo_list div.BOX .EDM_DownContent { float: left; height: 160px; width: 68%; }
		#course #promo_list div.BOX:hover { box-shadow: none; }
	}
	@media (max-width:941px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 65%; }
	}
	@media (max-width:868px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 64%; }
	}
	@media (max-width:845px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 63%; }
	}
	@media (max-width:825px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 62%; }
	}
	@media (max-width:806px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 60%; }
	}
	@media (max-width:773px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 58%; }
	}
	@media (max-width:737px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 56%; }
	}
	@media (max-width:689px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 54%; }
	}
	@media (max-width:663px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 52%; }
	}
	@media (max-width:638px) {
		#course #promo_list div.BOX .EDM_DownContent { width: 50%; }
		#course #promo_list div.BOX p.descp { overflow:initial; text-overflow:none; }
	}
	@media (max-width:615px) {
		#course #promo_list div.BOX { width: 100%; min-height: 420px; margin: 10px 0 20px 0; }
		#course #promo_list div.BOX .EDM_TOPbanner { width:100%;  height:290px; float: none;  }
		#course #promo_list div.BOX .EDM_DownContent { float: none; height: auto; width: 100%; }
		#course #promo_list div.BOX:hover { box-shadow: none; }
	}

	@media (max-width:541px) {
		#course #promo_list div.BOX .EDM_TOPbanner {height:270px; }
	}
	@media (max-width:525px) {
		#course #promo_list div.BOX .EDM_TOPbanner {height:260px; }
	}
	@media (max-width:510px) {
		#course #promo_list div.BOX .EDM_TOPbanner {height:250px; }
	}
	@media (max-width:495px) {
		#course #promo_list div.BOX { width: 100%; min-height: 300px; margin: 10px 0px; border-radius: 10px; border:2px solid #EFEFED; }
		#course #promo_list div.BOX .EDM_TOPbanner { width: 100%; height: 250px; border-top-left-radius: 9px; border-top-right-radius: 9px; }
		#course #promo_list .descp { font-size: 14px; padding-bottom: 15px; color: #666; height:auto; overflow:inherit; text-overflow:inherit; }
	}

	@media (max-width:480px) {
		#course #promo_list div.BOX .EDM_TOPbanner { height: 240px; }
	}

	@media (max-width:455px) {
		#course #promo_list div.BOX .EDM_TOPbanner { height: 220px; }
	}

	@media (max-width:426px) {
		#course #promo_list div.BOX .EDM_TOPbanner { height: 200px; }
	}

	@media (max-width:398px) {
		#course #promo_list div.BOX .EDM_TOPbanner { height: 190px; }
	}

	/* iPhone6 */
	@media (max-width:375px) {
		#course #promo_list div.BOX { min-height: 340px; margin: 10px 0 15px 0;}
		#course #promo_list div.BOX .EDM_TOPbanner { height: 180px; }
	}
	/* iPhone5 */
	@media (max-width:320px) {
		#course #promo_list div.BOX { min-height: 320px;}
		#course #promo_list div.BOX .EDM_TOPbanner { height: 140px; }
	}