@charset "utf-8";
#m_prod {position:relative; width:100%; margin:0 auto; }
.m_prod_t { text-align:center;font-size:1em;font-weight:normal;line-height:1.5em; font-size:1em; height:3em; border-bottom:1px solid #aaa;}
.m_prod_a {display:block;position:absolute;left:50%;margin-left:-12px; bottom:30px;width:30px;height:24px;padding-top:6px;border-radius:15px; border:1px solid #ccc;font-size:2em;font-weight:400;color:#fff !important; background:#FF7F27;text-align:center; }

.m_prod_l { list-style:none;margin:0;padding:0;zoom:1;  width:100%; height:auto;}
	.m_prod_l:after { display:block;clear:both;content:""; }
	.m_prod_l li { float:left;position:relative; background:#fff;padding:0px; width:48%; margin: 1%; overflow:hidden;}
	.m_prod_l li .c { position:absolute;height:100%;left:0;top:0; font-size:1.25em;width:100%;font-weight:600;text-align:center; overflow:hidden; text-transform:capitalize;/*uppercase *//*lowercase*/}
	.m_prod_l li .c a { display:block;top:0;left:0; padding:0;text-overflow:ellipsis;vertical-align:middle;line-height:12.5em;font-size:1.4em;width:100%;font-weight:600;white-space:nowrap;word-wrap:normal;overflow:hidden; color:rgba(0,0,0,0);background:rgba(0,0,0,0);height:100%;}
	.m_prod_l li .c  a:active,.m_prod_l li .c a:hover,.m_prod_l li .c a:focus {color:#fff; background:rgba(0,0,0,.4); transition-duration: 0.6s;}
	.m_prod_l li img {  width:100%; height:100%; }

@media screen and (max-width:1000px) { 
.m_prod_l li {width:90%; margin:5%;}
.m_prod_l li .c a {font-size:1em; line-height:10.5em;}
}