.ofrCd {    background: #fff;    margin: 0 0 15px 0;    box-shadow: 0px 2px 6px rgba(1, 7, 19, 0.20);}



ul.codLst {display:inline-block; width:100%; padding:8px 0 0; font-size:0;} 

ul.codLst li {width:33.3333%; display:inline-block; vertical-align:top; margin:0 0 12px 0;}



.gapCd {padding:0 6px;}

.gapCd a {border:1px solid #dfe5ef; display:inline-block; box-sizing:border-box; width:100%; padding:8px; position:relative;}



ul.codLst span {    

	color: #464d55;

    font-size: 14px;

    position:absolute; right:8px; top:8px;

    padding: 3px 6px;

    background: #ebedf0;

    border: 1px solid #c8cfdc;

    border-radius: 1px;

	}



.codImg {text-align:center; margin:0 0 12px 0; }

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



.codTxt {}

.codTxt h3 {color: #6e7780;

    font-size: 16px;

    text-transform: uppercase;

    padding: 0 0 5px 0;}

.txtXa {color: #6e7780; height:48px; overflow:hidden;  font-size: 14px; font-weight:400;}



.taca {color: #c4cacf; text-align:right; font-size: 11px; margin:15px 0 0 0; }





.codImgB {}

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



.codTxtBx { background: #fff;    margin: 0 0 15px 0;    box-shadow: 0px 2px 6px rgba(1, 7, 19, 0.20);}

.txtBxB {}

.txtBxB h1 {    color: #535b63;

    font-size: 16px;

    font-weight: 600;

    padding: 0 0 4px 0;}

.txtBxB p {color: #6e7780;

    font-size: 14px;

    text-align: justify;

    line-height: 18px;

    font-weight: 400;

    padding: 0 0 8px 0;}

.txtBxB ul {padding:0 0 6px 0;}

.txtBxB ul li {color: #6e7780;    list-style-type: square;

    list-style-position: inside;

    font-size: 14px; line-height:18px;padding:2px 0;}

	

.hdTxt2 {    padding: 0 0 10px 0;}	

.hdTxt2 h1 {color: #535b63;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 600;}



@media screen and (max-width:1300px) {/* 1024 px */

	ul.codLst li {width:50%;}

	

}



@media screen and (max-width:979px) { /* 800 px */



}



@media screen and (max-width:479px) { /* 360 px */

ul.codLst li {width:100%;}

}