.mtop40 { margin-top:40px;}
.mbottom30 { margin-bottom:30px;}
.font12 { font-size:12px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.bg-gray { background:#ececec; padding:30px 0; }
.clearfix { clear:both;}
.thumbnailbox { padding:70px 0 80px 0}
/*left*/
.infonav > li {font-size: 18px;padding: 10px 0 10px 10px;border-bottom: 1px solid #eeeeee;}
.infonav > li > ul { margin: 10px 0 -12px -10px;}
.infonav > li > ul.infonav {border-top: none;}
.infonav > li > ul.infonav > li { background: #fff; padding-left: 10px; font-weight: 400; font-size: 16px; border-left: 3px solid #fff; margin-left: -3px;}
.infonav > li > ul.infonav > li.active { margin-left: 0; border-left: 3px solid #ad1818; border-bottom: none; background: #f4f4f4;}
.infonav > li > ul.infonav > li.active > a { color: #ad1818;}
.infonav > li > i { padding: 0 5px; color: #bdbdbd;}
.infonav > li.active { background: #f4f4f4; border-left: 3px solid #ad1818; border-bottom: none;}
.infonav a { color: #333333; text-decoration: none;}
.infonav a:hover { color: #000;}
/*right*/
.list-col { margin-bottom:35px;}
.list-col img { border-radius:6px 6px 0 0;}
.list-caption { border:solid 1px #d6d6d6; border-top:0; padding:15px 15px 40px; position:relative; height:270px;border-radius: 0 0 6px 6px;}
.list-caption .list-text { height:150px; overflow:hidden;}
.list-caption a { color:#555; text-decoration:none;}
.list-caption a:hover { color:#ad1818;}
.list-caption h3 { margin-top:0px; min-height:50px;} 
.list-caption h3 a { text-decoration: none; color: #555555;}
.list-caption h3 a:hover { cursor: pointer; color: #ad1818;}
.list-caption .list-mehr { position:absolute; left:15px; right:15px; bottom:0px; text-align:right}