img {max-width: 100%;}
.clr {clear: both;}
.hr10 {clear:both; margin:0 0 10px 0;}
.hr20 {clear:both; margin:0 0 20px 0;}
.hr30 {clear:both; margin:0 0 30px 0;}
.hr40 {clear:both; margin:0 0 40px 0;}
.hr50 {clear:both; margin:0 0 50px 0;}

.breadcrumb {margin-bottom:30px;}
.articleBox {margin:0 0 40px 0;}
.title {font-size:24px; margin:0 0 5px 0; }
.title h2 {font-size:24px; line-height:30px; margin-top:0;}
.title strong {font-weight: normal;}
.info {margin:0 0 15px 0; color:#878787; font-size:12px; line-height: 1.1em; }
.info span {margin:0 5px 0 0;}
.tab-pane {text-align: left;}
.social {text-align: left;}
.similar {text-align: left;}
.similar  h5 {font-size:20px;}
.contact {text-align: left;}

#logo {background: #fff none repeat scroll 0 0; border: 3px solid #000; font-size: 24px; padding: 3px 8px; display:block;width: 950px; margin: 50px auto 0;}

#breadcrumb article {background: #ffffff none repeat scroll 0 0; margin: 10px 0  10px 10px; overflow: hidden; position: relative;}
#breadcrumb .wrap {border: 2px solid #999; padding: 8px;}

nav {border-bottom:1px solid #fff;}
nav ul li ul {display:none; position: absolute; z-index: 100; background-color:#000; min-width: 100%;}
nav ul li ul li a {white-space: nowrap;}
nav ul li:hover ul {display: block;}
nav ul li:hover > a {color:#fdf40c;}

@media (max-width: 768px) {
    nav ul li ul {display:block; position: static; background-color:transparent;}
}