@font-face {
    font-family: "FontAwesome";
    font-weight: bold;
    font-style : normal;
           src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
           src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}


body .dataBlogList {
    max-width: 335px;
    width: 100%;
    background-color: transparent;
    display: block;
    margin-bottom: 0px;
}
.BlogListD_1, .BlogListD_0 {
    padding: 0;
    margin: 15px 15px;
    border: 0px solid #cccccc;
    background: #ffffff;
}
.meMsgArticle .meMsg_MsgBlk {
    position: relative;
    overflow: hidden;
	
}
.BlogListHTML .meMsg_MsgImg img{margin-bottom:unset;}
.MsgInfoList > div:nth-child(1) .meMsgArticle .meMsg_MsgBlk > div {
    position: absolute;
    top: 0;
    text-align: center;
    transition:all 0.9s linear;
    width:100%;
    height: 100%;
    max-height: 200px;
    transform: translateY(0%);
}

.meMsgArticle .meMsg_MsgBlk > div {
    position: absolute;
    top: 0;
    background:rgba(255, 102, 51, 0.6);
    text-align: center;
    transition:all 0.9s linear;
    width:100%;
    height: 100%;
    max-height: 200px;
    transform: translateY(100%);
}

.BlogListHTML .meMsg_MsgTitle{
    position: unset;
    line-height: 100%;
	display:block;
    bottom:0%;
    left: 1%;	
    padding: 0;
    text-align: center;
    color: #ffffff;
	margin-top:40px;
    font-weight: 900;
    font-size: 24px;
}

.BlogListHTML .meMsg_MsgTitle a{color:#ffffff;cursor:pointer;}
.BlogListHTML .meMsg_MsgTitle:hover{opacity:0.8;}
.BlogListHTML .meMsg_Content{margin-top:unset;}

.BlogListHTML .meMsg_MsgBlk .meMsg_Content {
    height: auto;
    padding: 20px 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.meMsgArticle .meMsg_MsgBlk:hover > div{
    	background:#ff6633a3;
    	transform: translateY(0%);
	
}
.meMsgArticle .meMsg_MsgBlk:hover > div>span >span{margin:40px 0 0 0;position:unset;display:block;}
.tdRecCount{display:none;}
.BlogListHTML .BlogInfoClass{display:none;}
.BlogListHTML .BlogInfoAuthor{display:none;}
.BlogListHTML .BlogListDate{display:none;}
.BlogListHTML .BlogInfoState{display:none;}
.BlogListHTML .BlogInfoBtn{display:none;}
.BlogListHTML .BlogInfoState{display:none;}


.linkeffect
{  	padding: 7.5px 25px;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    width: 100px;
    border: 1px solid;
    margin: 25px auto 0 auto;
    cursor: pointer;
position:relative;
}
.linked a:hover{
	background:#fff;
	color:#ff6633;
   	border: 1px solid #ff6633;
	transition: text-align .2s cubic-bezier(.55,.06,.35,.38) 0s,background .65s cubic-bezier(.55,.06,.35,.38) 0s,left .27s cubic-bezier(.3,.1,.58,1),opacity .27s cubic-bezier(.3,.1,.58,1);
}

.linkeffect:after{
	font-family:fontawesome;
	content: "\f061";
	font-size:14px;
	opacity:0;
	position:absolute;
	left:0%;
}

.linkeffect:hover:after {
	opacity:1;
	left:83%;
	transition: left .27s cubic-bezier(.3,.1,.58,1),opacity .27s cubic-bezier(.3,.1,.58,1)
	
}