@CHARSET "UTF-8";




@media (max-width: 750px) {
	.img-intro-left.introimg {
	    display: table;
	    margin: 0 auto;
	}
	
	
	.page-header h2 {
		text-align: center;
	}
}







.blog {

}

.blog p {
	font-family: 'Roboto-Regular';
	font-size: 16px;
	color: #818181;
	margin-bottom: 50px;
	line-height: 23px;
	text-align: justify;
}

.blog-list {
	border-top: 1px dashed #c5c4c4;
	margin-top: 100px;
	margin-bottom: 50px;
	margin-right: 10px;
	width: 275px;
	float: right;
}

.blog-list h2,  .blog-popular h2{
	font-family: 'Roboto-Light';
	font-size: 18px;
	color: #4d9ac8;
}

.blog-list ul {
	margin-left: 18px;
}

.blog-list ul li {
	list-style-image: url('../../../images/li.png');
	margin: 5px 0px;
}

.blog-popular ul li {
	list-style-type: none;
}

.blog-list ul li h4 {
	margin: 2px 0px;
} 

.blog-list ul li:HOVER h4 a {
	color: #67aed8;
}

.blog-list ul li.active h4 a {
	color: #67aed8;
}


.blog-list ul li h4 a{
	text-decoration: none;
	font-family: 'Roboto-Condensed-Bold';
	font-size: 15px;
	color: #818181;
}

.blog-popular {
	border-top: 1px dashed #c5c4c4;
	width: 275px;
	float: right;
	margin-bottom: 55px;
	margin-right: 10px;
}

.blog-popular ul {
	margin-left: 0px;
}

.blog-popular ul li{
	margin: 10px 0px;
	height: 55px;
}

.blog-popular ul li a{
	text-decoration: none;
	font-family: 'Roboto-Condensed-Bold';
	font-size: 15px;
	color: #818181;
}

.blog-popular div.info a:HOVER {
	color: #67aed8;
}


.blog-popular div.info span {
	color: #8e8e8e;
	font-size: 13px;
}

.blog-popular img {
	float: left;
}

.blog-popular .info {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.blog-popular .info a{
	font-family: 'Roboto-Condensed-Bold';
	font-size: 15px;
	line-height: 20px;
	color: #4b8fb6;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 177px;
	display:inline-block;
}

.blog-reality {
	margin-top: 100px;
	
}

.blog-reality .page-header {
	margin: 0px;
	border: 0px;
}

.blog-reality .page-header h2 {
	font-family: 'Roboto-Condensed-Bold';
	font-size: 17px;
	color: #5589b1;
	margin: 0px;
	margin-top: 10px;
}

.blog-reality .article-info {
	margin: 0px;
}

.blog-reality .article-info dd {
	display: inline-block;
}

.blog-reality .article-info dd:FIRST-CHILD {
	margin: 0px;
}

.blog-reality .span6 {
	margin-left: 50px;
	margin-bottom: 40px;
	width: 300px;
}

.blog-reality .span6 .introimg img{
	max-width: 300px;
}

.blog-reality .span6:FIRST-CHILD {
	margin-left: 0px;
}

.blog-reality .span6 p {
	font-family: 'Roboto-Regular';
	font-size: 15px;
	line-height: 21px;
	color: #818181;
	text-align: justify;
	margin-top: 3px;
}

.blog-reality .category-name img {
	vertical-align: top;
	margin-top: 5px;
}

.item-page.blog-reality {
	width: 700px;
	min-height: 300px;
	float: left;
	margin-top: 100px;
}

.item-page.blog-reality p {
	font-family: 'Roboto-Regular';
	font-size: 15px;
	color: #818181;
	text-align: justify;
	line-height: 25px;
}

.item-page.blog-reality .page-header h2 {
	font-family: 'Roboto-Regular';
	font-size: 30px;
	color: #4d9ac8;
	margin-bottom: 20px;
}



.begin-relateditems {
    float: left;
    width: 700px;
    margin-bottom: 30px;
}

.begin-relateditems h2 {
	font-family: 'Roboto-Condensed-Bold';
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;
}

.begin-relateditems ul {
	border-top: 1px dashed #c5c4c4;
	margin: 0px;
	padding-top: 10px;
}

.begin-relateditems ul li{
	list-style-type: none;
}

.begin-relateditems ul li img {
	float: left;
}

.begin-relateditems ul li div.info {
	float: left;
	width: calc(100% - 170px);
	margin-left: 15px;
	height: 95px;
	overflow: hidden;
}

.begin-relateditems ul li div.info a {
	font-family: 'Roboto-Condensed-Bold';
	color: #5589b1;
	font-size: 17px;
	text-decoration: none;
}

.begin-relateditems ul li div.info span {
	color: #a7a7a7;
	margin-left: 5px;
	font-size: 15px;
}

.begin-relateditems ul li div.info p {
	font-family: 'Roboto-Regular';
	font-size: 15px;
	color: #818181;
	line-height: 19px;
	text-align: justify;
}



.article-share {
	width: 100%;
	max-width: 700px;
	margin-bottom: 20px;
}

.article-share h2 {
	font-family: 'Roboto-Condensed-Bold' !important;
	color: #000;
	font-size: 14px !important;
	margin-bottom: 5px;
}

.article-share hr {
	border-top: 1px dashed #c5c4c4;
	margin-bottom: 10px;
	margin-top: 0px;
}

.fb-like {
	width: 200px;
}

.fb_iframe_widget span { 
	width: 700px !important; 
}
.fb-like-box iframe {
	width: 700px !important;
}


