/* megamenu for cneter */
.t4-navbar {
	float: none;
	text-align: center;
	margin-top: 20px;
} 
.t4-navbar .navbar {
	display: inline-block;
	float: none;
}

/* megamenu big*/

/*

.t4-megamenu .nav-item a.nav-link:hover{
	color:#72bf00 !important;
}

 
.t4-megamenu li.active > a.nav-link  {
	color:#72bf00 !important;
}
*/

.t4-megamenu li.current > a.dropdown-item,
.t4-megamenu li.current > a.dropdown-item:hover,
.t4-megamenu li.current > a.dropdown-toggle,
.t4-megamenu li.current > a.dropdown-toggle:hover,
.t4-megamenu li.current > a.nav-link,
.t4-megamenu li.current > a.nav-link:hover{
	color:#ffffff !important;
	background-color: #72bf00;
	border-radius: 99px;
}

.t4-megamenu li.active > a.dropdown-toggle:hover{
	color:#ffffff !important;
}

 

 
/*submenus*/
.submenus{
	margin: 15px 0 0 0;
	padding:5px 5px 5px 5px;
	word-break:break-all;
}
.submenus a {
	padding:5px 10px 5px 10px;
	line-height: 40px;
}
.submenus .active {
	background-color: #F2F4F4;
}


/*底部-logo*/
.foot-leftbox {
	min-height: 134px;
}

.foot-logo {
	width: 100px;
	padding:0 10px 0 0;
}

.foot-rightbox {
	border-left: #808080 solid 1px;
	padding: 0 0 0 15px;
}

  


/* school link */
.mbox {
	width:100%;
	text-align: center;
 
}
.mrow-cols{
	display:inline-block;
	padding: 10px 10px 10px 10px;
}


/* schools */
.school-box {
    padding: 20px 0 0 0;
}
.schools-icons {
    width: 128px;
    height: 128px;
    margin: 0 10px 0 10px;
}

/*one page*/
.onepage-boxl {
	width: 50%;
	padding: 0 20px 0 0;
}

.onepage-boxr {
	width: 50%;
	padding: 0 0 0  15px;
}
/*
.onepage-boxr p {
	padding: 0 0 0  20px;
}
*/

.capa-h2-header{
	border-left: #000000 solid 5px;
	padding: 0 0 0 10px;
}

.onepage-boxl h2, .onepage-boxr h2{
	border-left: #000000 solid 5px;
	padding: 0 0 0 10px;
}



.onepage-boxla {
	width: 60%;
	padding: 0 20px 0 0;
}
.onepage-boxra {
	width: 40%;
}

.onepage-img {
	max-width: 100%;
}

.img-center-m{
	max-width: 60%;
}

.admission-apply-links a {
	margin: 5px 5px 5px 5px;
}


/* campus link */
.hovereffect {
    border:2px #ccc solid;
  border-radius:20px;
  width:150px;
  height:160px;
  background-color:#eee;
    /*
  width: 100%;
  height: 100%;
  */
  
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(75,75,75,0.1);
}

.hovereffect img {
  display: block;
  position: relative;
  width:180px; 
  height: 150px;
}

.hovereffect div.title-bar {
    height: 60px;
  text-transform: uppercase;
  
  text-align: center;
  position: relative;
  font-size: 12pt;
    line-height: 5pt;
    padding: 5px 5px 5px 10px;
    text-align: left;
  background: rgba(255, 255, 255, 0.99);
  -webkit-transform: translateY(98px);
  -ms-transform: translateY(98px);
  transform: translateY(98px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect p.title{
    color:blue;
}

.hovereffect p.subtitle{
    color: darkgrey;
    font-size: 9pt;
}

/*
.hovereffect:hover div.title-bar {
  -webkit-transform: translateY(25px);
  -ms-transform: translateY(25px);
  transform: translateY(25px);
}
*/

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(10px);
  -ms-transform: scale(10px);
  transform: scale(10px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: 22px 0 0 0;
  padding: 5px 5px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}


/* pdf viewer iframe*/
.capa-pdfviewer-frame{
	width:100%;
	height: 1180px;
}
/* 1500 */

.navbar-toggler {
    margin: 5px 20px;
}
.navbar-toggler:focus {
    outline: 0;
}

.mod-img-title{
	font-family:Noto Sans TC;
	background-image: url('/images/icons/title_base.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 0px 60px; 
	line-height: 3.5em;
}

.mod-html-img-title{
	margin: 0px 0px 20px 0px; 
}

/*
.fa-chevron-up {
	background: green;
}
*/



/* heading logo*/
.header-wrap{
	margin: 20px 0 0 0;
}
.logo-control{
	width:100%;
	text-align: center;
}
.logo-control .logo-img{
	display:block;
	margin:auto;
	width:312px; 
}

/*
.t4-navbar{
	position: relative;
}*/

.logo-control-xs{
	margin: 15px  0 0 60px;
	position: absolute;
	visibility:hidden;
	
}

.logo-control-xs .logo-img-xs{
	width:200px; 
}


/* mnwall sub-category */

.mnwall-page-header{
	display: block;
	text-align: center;
	padding: 10px 15px 10px 15px;
}
.mnwall-page-header-vline {
	display:inline-block;
	border-left : 1px solid #C0C0C0;
	height: 35px;
	margin: 0 0 20px 0;
}

.capa-mw .mnwall-item{
	margin: 0px 25px 0px 25px;
	border-bottom : 1px solid #e3e3e3;
}

.capa-mw .mnwall-item-outer-cont{
	margin: 0px 5px 0px 5px;
}

.capa-mw .mnwall-item:first-child{
	border-top : 1px solid #e3e3e3;
}


.capa-mw .mnwall-item:hover {
	background:#fafafa;
	transition: all 0.3s ease 0s;
  	-webkit-transition: all 0.3s ease 0s;
  	-ms-transition: all 0.3s ease 0s;
  	-o-transition: all 0.3s ease 0s;
}

.capa-mw .mnwall-item-list-mixinfo p{
	display:inline;
}

.capa-mw .mnwall-item-category span{
	font-family:Noto Sans TC;
	font-size: 12px;
	color:#fff;
	background: gray;
	border-radius:10px;
	padding: 5px 5px 5px 5px;
	text-align:center;
	line-height:24px;
}

.capa-mw .mnwall-item:hover .mnwall-item-category span{
	background: #84bd00;
}

.capa-mw .mnwall-item:hover .mnwall-title a{
	color: #84bd00 !important;
}

.capa-mw .mnwall-item-inner{
	padding: 15px 0 0 0;
}

.capa-mw .mnwall-desc{
	overflow:hidden;	
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;  
	-webkit-box-orient: vertical;
	white-space:normal;
	height: 5em;
}


/* mnwall home */	
.capahp .mnwall-item{
	margin: 0 10px 0 10px;
	border-bottom : 1px solid #e3e3e3;
}

.capahp .mnwall-item-outer-cont{
	margin: 0px 5px 0px 5px;	
}

.capahp .mnwall-item-inner-cont{
 	display: flex;
	
}

.capahp .mnwall-item-inner{
	padding: 15px 0 0 0;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	flex:none;
 
}
 

.capahp .mnwall-item:first-child{
	border-top : 1px solid #e3e3e3;
}

.capahp .mnwall-item:hover {
	background:#fafafa;
	transition: all 0.3s ease 0s;
  	-webkit-transition: all 0.3s ease 0s;
  	-ms-transition: all 0.3s ease 0s;
  	-o-transition: all 0.3s ease 0s;
}

.capahp .mnwall-item-list-mixinfo p{
	display:none;
}
.capahp h3.mnwall-title {
	padding: 0 15px;	
}

.capahp .mnwall-item-info{
	display: none;
	padding: 0;
	margin: 0;
}

.capahp .mnwall-title{
	padding: 5px 15px;
	display: block;
	width: 100%;
}

.capahp .mnwall-desc span{ 
	overflow:hidden;	
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
}
 
.text-ellipsis{
	overflow:hidden;	
	text-overflow:ellipsis;
	white-space:nowrap;
}

.capahp .mnwall-cover{
	flex:none;
}

.capahp .mnwall-item-img{
	width:240px;
}

/* miniwall scroll -home*/
.capa-hp-scrollor .mnwall-readmore > a{
	border: none !important;
}
.capa-hp-scrollor .mnwall-readmore {
	text-align: right;
}


@media (min-width:719px) {
 
/* megamenu big*/

.mega-nav {
	padding: 0  !important;
	margin: 0  !important;
}

.dropdown-menu {
	padding: 10px 0 !important;
	border: 1px solid #ffffff  !important;
	background: #ffffff !important;
}


	/*

 .mega-dropdown-inner{ 
	position:absolute;
	left:0;
	width:100%;
	background-color: #84bd00;
}


.dropdown-menu {
	padding: 10px 0 !important;
	border: 1px solid #ffffff  !important;
	background: #ffffff !important;
	box-shadow:12px 12px 9px #F5F5F5 !important;
}

	.mega-dropdown-inner {

	}
	.dropdown-menu {
		border: 1px solid #ffffff  !important;
	}
	
	.mega-col-nav {
		padding:0 !important;
		margin: 0 !important;
	}
	
	.level11{
		padding: 0 !important;
		margin: 0 !important;
	}
	*/
	/*
	.mega-inner {
		padding:0  !important; 
	}
	

	.nav{
		background: #f7f7f7;
	}


	.nav-item {
		text-align: center;		
	}
 */
	.t4-megamenu li.current > a.nav-link {
		color:#ffffff ;
	}
	.nav-link{		
		display:inline-block;
		padding:0.3rem 1rem !important;
		border-bottom: 4px solid transparent !important;		
		transition: all 0.3s ease 0s;
  		-webkit-transition: all 0.3s ease 0s;
  		-ms-transition: all 0.3s ease 0s;
  		-o-transition: all 0.3s ease 0s;
	}
	.t4-megamenu .nav .nav-item:hover > a.dropdown-toggle{
		display:inline-block;
		color:#84bd00 !important;
		border-bottom: 4px solid #84bd00 !important;
	}

/*
	.t4-megamenu .nav .nav-item:hover > a.default{
		display:inline-block;
		color:#84bd00 !important;
		border-bottom: 4px solid #84bd00 !important;
	}
	*/
	.mega-col-nav .nav-item:hover{			
		border-radius:20px;
		background: -webkit-linear-gradient(left,#88AA00,#CCFF33);
		background: -o-linear-gradient(right,#88AA00,#CCFF33);
		background: -moz-linear-gradient(right,#88AA00,#CCFF33);
		background: linear-gradient(to right,#88AA00,#CCFF33);
	}

	.mega-col-nav .nav-item:hover > a{			
		color:#ffffff !important; 		
	}

	.mega-col-nav .nav-item > a{			
		background: none !important;
	}





}@media only screen and (min-width:479px) and (max-width:718px){
	/*底部-logo*/
		.foot-leftbox {
		min-height:50px;
	}

	.foot-leftbox span, .foot-rightbox span{
		font-size: 11px;
	}
  
	/* school link */
	.mbox {
		width:100%;
		text-align: center;
	}
	.mrow-cols{
		float: left;
		display:block;
		padding: 10px 10px 10px 10px;
		width: 50%;
		text-align: center;
	}

	.mrow-cols-3{
		width: 32%;
	}

	.schools-icons {
		width: 112px;
		height: 112px;
		margin: 0 10px 0 10px;
	}

	/*one page*/
	.onepage-boxl {
		width: 100%;
		margin:10px 0 10px 0;
	}

	.onepage-boxr {
		width: 100%;
		margin:10px 0 10px 0;
	}

	.onepage-boxr p {
		padding: 0 0 0 0;
	}

	.onepage-boxla {
		width: 100%;
		margin:10px 0 10px 0;
	}

	.onepage-boxra {
		width: 100%;
		margin:10px 0 10px 0;
	}

 
	
	/* pdf viewer iframe 479-718 */
	.capa-pdfviewer-frame{
		height: 620px;
	}
	
	/* mnwall sub-category */	
	.capa-mw {
		padding:0 35px 0 35px;
	}
	.capa-mw .mnwall_iso_container{
		padding:0;
		margin: 0;
	}
	
	.capa-mw .mnwall-item{
		margin: 0;
	}

	.capa-mw .mnwall-item-outer-cont{
		padding: 0;
	}

	.capa-mw .mnwall-item-inner {

		float: left;
		margin: 0;
	}

	.capa-mw .mnwall-cover{
		float: left;
		margin: 0;
	}

	.capa-mw .mnwall-item-list-mixinfo {
		margin: 0;
		padding: 0;
	}
	.capa-mw  .mnwall-item-category{
		margin: 0;
		padding:0;
	}

	.capa-mw .mnwall-title{
		margin: 0;
		padding: 10px 0;
	}

	.capa-mw .mnwall-desc {
		display:none;
	}


	/* mnwall home */	
	.capahp {
		padding:0 15px 0 15px;
	}
	.capahp .mnwall_iso_container{
		padding:0;
		margin: 0;
	}
	
	.capahp .mnwall-item{
		padding:0;
		margin: 0;
	}

	.capahp .mnwall-item-outer-cont{
		padding: 0 5px 0 5px;
		
	}
/*
	.capahp .mnwall-item-inner {

		float: left;
		margin: 0;
	}

	.capahp .mnwall-cover{
		float: left;
		margin: 0;
	}
*/
	.capahp .mnwall-item-list-mixinfo {
		display:none;
	}
	.capahp  .mnwall-item-category{
		display:none;
		margin: 0;
		padding:0;
	}

	.capahp .mnwall-title{
		margin: 0;
		padding: 10px 0;
	}
	.capahp h3{
		font-size: small;
	}

	.capahp .mnwall-desc {
		display:none;
	}
	.capahp .mnwall-item-img{
		width:130px;
	}

	/* content */
	.item-page{
		padding:0 15px 0 15px;
	}

 

	/* mix */
	.module-capa-resp .inner-mix h4{
		font-size:medium;
	}
	.module-capa-resp .mix-introtext{
		display:none !important;
	}

 	/* heading logo*/
	.header-wrap{
		display:none;
	} 

	.t4-navbar{
		margin: 0 0 10px 0px;
	}
 
	.logo-control-xs{
		position: absolute;
		top: 0;
		left:25px;
		display:inline-block;
		visibility:visible;	
		z-index:99;	
	}


	/* megamenu*/
	/*
	.mega-nav {
		padding:0  !important;
		margin: 0  !important;
	}
	.mega-col-nav {
		padding:0 !important;
		margin: 0 !important;
	}
	
	.level11{
		padding: 0 !important;
		margin: 0 !important;
	}
	*/

	.mega-col-module{
		display: none;
	}

	.mega-inner {
		padding:0  !important; 
	}
	
	
	.nav{
		background: #eeeeee;
	}

	.dropdown-menu{
		background: #f4f4f4 !important;
		border: 1px solid #f4f4f4 !important;
	}

	.nav-item {
		text-align: center;		
	}
	.t4-megamenu li.current > a.nav-link {
		color:#84bd00 !important;
	}
	.nav-link{		
		display:inline-block;
		padding:0.3rem 1rem !important;
		border-bottom: 4px solid transparent !important;		
		transition: all 0.3s ease 0s;
  		-webkit-transition: all 0.3s ease 0s;
  		-ms-transition: all 0.3s ease 0s;
  		-o-transition: all 0.3s ease 0s;
	}
	.t4-megamenu .nav .nav-item:hover > a.dropdown-toggle{
		display:inline-block;
		color:#84bd00 !important;
		border-bottom: 4px solid #84bd00 !important;
	}

	.mega-col-nav .nav-item:hover{			 
		border-radius:20px;
		background: -webkit-linear-gradient(left,#99DD00,#CCFF33);
		background: -o-linear-gradient(right,#99DD00,#CCFF33);
		background: -moz-linear-gradient(right,#99DD00,#CCFF33);
		background: linear-gradient(to right,#99DD00,#CCFF33);
	}

	.mega-col-nav .nav-item:hover > a{			
		background: none !important;
	}
	.mega-col-nav .nav-item a{			
		padding:5px 0 !important;
	}
}
@media only screen and (max-width:478px){

  	/*底部-logo*/
	.foot-leftbox {
		min-height:50px;
	}

	.foot-leftbox span, .foot-rightbox span{
		font-size: 11px;
	}


	/* school link */
	.mbox {
		width:100%;
		text-align: center;
	}
	.mrow-cols{
		float: left;
		display:block;
		padding: 10px 10px 10px 10px;
		width: 50%;
	}

	.mrow-cols-3{
		width: 32%;
	}

	.schools-icons {
		width: 112px;
		height: 112px;
		margin: 0 10px 0 10px;
	}
 

	/*one page*/
	.onepage-boxl {
		width: 100%;
		margin:10px 0 10px 0;
	}

	.onepage-boxr {
		width: 100%;
		margin:10px 0 10px 0;
	}

	.onepage-boxr p {
		padding: 0 0 0 0;
	}

	.onepage-boxla {
		width: 100%;
		margin:10px 0 10px 0;
	}

	.onepage-boxra {
		width: 100%;
		margin:10px 0 10px 0;
	}


 


	/* pdf viewer iframe -478 */
	.capa-pdfviewer-frame{
		height: 520px;
	}
  
   /* mnwall sub-category */	
	.capa-mw {
		padding:0 35px 0 35px;
	}
	.capa-mw .mnwall_iso_container{
		padding:0;
		margin: 0;
	}
	
	.capa-mw .mnwall-item{
		margin: 0;
	}

	.capa-mw .mnwall-item-outer-cont{
		padding: 0;
	}

	.capa-mw .mnwall-item-inner {

		float: left;
		margin: 0;
	}

	.capa-mw .mnwall-cover{
		float: left;
		margin: 0;
	}

	.capa-mw .mnwall-item-list-mixinfo {
		margin: 0;
		padding: 0;
	}
	.capa-mw  .mnwall-item-category{
		margin: 0;
		padding:0;
	}

	.capa-mw .mnwall-title{
		margin: 0;
		padding: 15px 0;
	}

	.capa-mw .mnwall-desc {
		display:none;
	}
	

 
	/* mnwall home */	
	.capahp {
		padding:0 15px 0 15px;
	}
	.capahp .mnwall_iso_container{
		padding:0;
		margin: 0;
	}
	
	.capahp .mnwall-item{
		padding:0;
		margin: 0;
	}

	.capahp .mnwall-item-outer-cont{
		padding: 0 5px 0 5px;
	}

	.capahp .mnwall-item-list-mixinfo {
		display:none;
	}
	.capahp  .mnwall-item-category{
		display:none;
		margin: 0;
		padding:0;
	}

	.capahp .mnwall-title{
		margin: 0;
		padding: 0;
	}

	.capahp h3{
		font-size: small;
	}

	.capahp .mnwall-desc {
		display:none;
	}
	.capahp .mnwall-item-img{
		width:130px;
	}

	/* content */
	.item-page{
		padding:0 15px 0 15px;
	}

	/* mix */
	.module-capa-resp .inner-mix h3{
		font-size: small;
	}
	.module-capa-resp .mix-introtext{
		display:none !important;
	}
 
 
	/* content hot post */
	.module-capa{
		width: 100%;
	}
	.module-capa .module-inner {
		margin: 0;
		padding: 0;
	} 

	/* heading logo*/
	.header-wrap{
		display:none;
	} 

	.t4-navbar{
		margin: 0 0 10px 0px;
	}
	
	.logo-control-xs{
		position: absolute;
		top: 0;
		left:25px;
		display:inline-block;
		visibility:visible;		
		z-index:99;
	}

	/* megamenu*/
	.nav{
		background: #f7f7f7;
	}
	.nav-item {
		text-align: center;
	}

	.mega-col-module{
		display: none;
	}
 

	.navbar-nav li.capa-menu:hover li.capa-menu .nav-link{
		display:inline-block;
		border-bottom: 4px solid #84bd00 !important;
	}


	/* megamenu*/
	/*
	.mega-nav {
		padding:0  !important;
		margin: 0  !important;
	}
	.mega-col-nav {
		padding:0 !important;
		margin: 0 !important;
	}
	
	.level11{
		padding: 0 !important;
		margin: 0 !important;
	}
	*/

	.mega-inner {
		padding:0  !important; 
	}
	
	
	.nav{
		background: #eeeeee;
	}

	.dropdown-menu{
		background: #f4f4f4 !important;
		border: 1px solid #f4f4f4 !important;
	}

	.nav-item {
		text-align: center;		
	}
	.t4-megamenu li.current > a.nav-link {
		color:#ffffff !important;
	}
	.nav-link{		
		display:inline-block;
		padding:0.3rem 1rem !important;
		border-bottom: 4px solid transparent !important;		
		transition: all 0.3s ease 0s;
  		-webkit-transition: all 0.3s ease 0s;
  		-ms-transition: all 0.3s ease 0s;
  		-o-transition: all 0.3s ease 0s;
	}
	.t4-megamenu .nav .nav-item:hover > a.dropdown-toggle{
		display:inline-block;
		color:#84bd00 !important;
		border-bottom: 4px solid #84bd00 !important;
	}

	.mega-col-nav .nav-item:hover{			 
		border-radius:20px;
		background: -webkit-linear-gradient(left,#99DD00,#CCFF33);
		background: -o-linear-gradient(right,#99DD00,#CCFF33);
		background: -moz-linear-gradient(right,#99DD00,#CCFF33);
		background: linear-gradient(to right,#99DD00,#CCFF33);
	}

	.mega-col-nav .nav-item:hover > a{			
		background: none !important;
	}
	.mega-col-nav .nav-item a{			
		padding:5px 0 !important;
	}
 

 

}

/*

.capahp .mnwall-item-category {
  display:none;
}

.capahp h3.capa-mnwall-title { 
	display: block;
	font-size: 1.17em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}
*/


div.mnwall_more_results {
	background:#ffffff;
}


/* content page header */
.capa-content-page-header {
	display: block;
	text-align: center;
	padding: 10px 15px 0px 15px;
}
.capa-content-page-header h2 {
	font-size: 2rem !important;
	margin: 0 0 10px 0;
}

.page-header-vline{
	display:inline-block;
	border-left : 1px solid #C0C0C0;
	height: 35px;
	margin: 0;
}

.capa-content-article-category {
	padding:15px 0px 15px 0px;
	margin: 10px 0 10px 0;
  	border-bottom: 1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
}

.capa-content-article-category span {
	padding:5px 5px 5x 5px;
	margin: 0 20px 0 0;
	font-weight: 300;
	color:#808080;
}

.capa-content-article-title {
	margin: 30px 0 40px 0;
}

.capa-content-article-title h2{
	font-size: 2rem;
	font-weight: 500;
}

/*
.capa-content-article-body{


}
*/
 

/* capanoimg  module-capa-resp  */

.module-capa-resp .regridart .mix:first-child{
	border-top : 1px solid #e3e3e3 !important;
}

.module-capa-resp .regridart .mix{
	border-bottom : 1px solid #e3e3e3 !important;
}

.module-capa-resp .capa-mix-box{
	display: flex;
	padding: 10px 0;
}

.module-capa-resp .category-mix {
  	border:1px solid #e3e3e3;
  	border-radius:20px;
	width:120px;
	overflow:hidden;
  	font-size: 16px;
	text-align:center;
	line-height:40px;
	flex:none;
	display: flex;
	align-items:center;
	justify-content: center;
}

.module-capa-resp .category-mix span {
	display: inline-block;
}

.module-capa-resp .inner-mix{
	padding: 0 0 0 20px;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	flex:none;
}
	
.module-capa-resp .mix-title{
	display: inline-block;
	width: 100%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.module-capa-resp  .mix-introtext{
	display: inline-block;
	padding: 0;
	width: 100%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*

.capa-mix-box{
  	padding:10px 0px 10px 0px;
	border-bottom: 1px solid #e3e3e3;
	
}
.capanoimg-category span {
	color : #808080;

}

.capanoimg-ellipsis {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
*/

/* content hot post */

 

.module-capa{
	width: 100%;
}
 

.module-capa .module-inner{
	margin: 112px 0px 0px 0px;
	padding: 0;
	width: 100%;
}

.module-capa-home .module-inner{
	margin: 0;
	padding: 0;
	width: 100%;
}

.module-capa h3.module-title,
.module-capa-home h3.module-title{
	color : #000000;	
	margin: 0;
	padding:5px 0 5px 10px;
	line-height: 42px;
  	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #ffffff;
}

.module-capa h3.module-title span,
.module-capa-home h3.module-title span {
	color:#808080;
	font-family: 'Material Icons';
  	font-style: normal;
  	font-weight: 400;
  	font-size:20px;
	padding:0;
	border-bottom: 1px solid #ffffff;
	
}

.module-capa .module-ct,
.module-capa-home .module-ct {
	margin: 0;
	width: 100%;
}

.module-capa ul,
.module-capa-home ul {
	list-style-type:none;
	display:block; 
	margin:0;
	padding:0;
}

.module-capa ul li:first-child,
.module-capa-home ul li:first-child{
	list-style-type:none;
	width: 100%;
	margin:0;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.module-capa ul li,
.module-capa-home ul li{
	list-style-type:none;
	width: 100%;
	margin:0;
	border-bottom: 1px solid #e3e3e3;
}


.module-capa li a,
.module-capa-home li a{
	display: block;
	padding:1rem;
	text-decoration: none;
	transition: all 0.3s ease 0s;
  	-webkit-transition: all 0.3s ease 0s;
  	-ms-transition: all 0.3s ease 0s;
  	-o-transition: all 0.3s ease 0s;
}

.module-capa li:hover ,
.module-capa-home li:hover {
	background:#fafafa;
	transition: all 0.3s ease 0s;
  	-webkit-transition: all 0.3s ease 0s;
  	-ms-transition: all 0.3s ease 0s;
  	-o-transition: all 0.3s ease 0s;

}