@charset "utf-8";
/* CSS Document */

.tablecover_2{display:none;}
#popcover_2{display:none;}
#popcover_3{display:none;}
.tablecover{ float:left; width:100%;position:relative;}
.tablecover .table{ float:left; width:97%;}
.tablecover .table img{ width:62px; height:62px; float:left; padding:9px;}
.table .mcx_first{ float:left; min-height:50px; width:22%; margin:9px 0; color:#333; text-align:center; font-size:15px; }
.table .mcx_first P{ font-size:14px; margin:0px; padding:10px 0;text-align:center;}

.mcx_second{ float:left; min-height:50px; width:10%; margin:9px 0; color:#333; text-align:center; font-size:14px; padding:0 12px; }
.mcx_second P{ font-size:14px; margin:0px; padding:10px 0;}
.mcx_second span{float:left; width:49px; height:21px;}

.mcx_third{ float:left; min-height:50px; width:10%; margin:9px 0; color:#333; text-align:center; font-size:14px; padding:0 12px; }
.mcx_third P{ font-size:14px; margin:0px; padding:10px 0;}

.mcx_forth{ float:left; min-height:50px; width:12%; margin:9px 0; color:#333; text-align:center; font-size:14px; padding:0 12px; }
.mcx_forth P{ font-size:14px; margin:0px; padding:10px 0;}
.mcx_fifth{ float:left; min-height:50px; width:10%; margin:9px 0; color:#333; text-align:center; font-size:14px; padding:0 12px; }
.mcx_fifth p{ margin:0px; padding:0px; font-size:14px;padding:10px 0;}
.table .pivot_first{ float:left; min-height:50px; width:22%; margin:9px 0; color:#333; text-align:center; font-size:14px; }
.table .pivot_first P{ font-size:14px; margin:0px; padding:10px 0;}


.table .pivot_second{ float:left; min-height:50px; width:35%; margin:9px 0; color:#333; text-align:left; font-size:15px; padding:0 0 0 10px; }
.table .pivot_second P{float:left; font-size:14px; margin:0px; padding:10px 0;}
.table .pivot_second h3{float:left; font-size:11px; margin:0px; padding:2px 0 0 2px;}

.widget {
margin-top: 20px;
padding: 0px;
background: #fff;
border: 1px solid #fff;
margin-bottom: 15px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav{
	padding: 5px 5px 0 5px;
	line-height: 30px;	
	}
	
	.tabnav li {
		
	display: inline;
	list-style: none;
	text-decoration: none;	
	color: #000;
	font-weight: normal; font-size:17px;
	padding: 5px;
	outline: none;
	}
	
	.tabnav li:hover, .tabnav li:active, .tabnav li.ui-tabs-selected{
	background: #f2f2f2;
	color: #003366;padding: 5px;
	text-decoration: none; border-top: 1px solid #bfbfbf;border-left: 1px solid #bfbfbf;border-right: 1px solid #bfbfbf;
	cursor:pointer;
	}
		
	.tabdiv {
	background: #fff;
	border: 1px solid #bfbfbf;
	padding-bottom: 5px;
	}
	
		.tabdiv li {
		list-style-image: url("star.png");
		margin-left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-bottom: 8px;
		line-height: 1.5em;
		}
      .tabdiv li a{
	  font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none;
	  }
	  .tabdiv li a:hover{
	  font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; color:#000;
	  }
	  .ui-tabs-hide {
		display: none;
		}


@media screen and (max-width: 1074px) {
.table .mcx_first{ width:18%;  font-size:12px; }
.table .mcx_first P{ font-size:12px;}

.mcx_second{ width:10%;font-size:12px; }
.mcx_second P{ font-size:12px; }
.mcx_second span{float:left; width:49px; height:21px;}

.mcx_third{  width:10%;  font-size:12px;}
.mcx_third P{ font-size:12px; }

.mcx_forth{ width:10%; font-size:12px; }
.mcx_forth P{ font-size:12px; }
.mcx_fifth{  width:10%;  font-size:12px !important; }
.mcx_fifth p{font-size:12px;}
}

@media screen and (max-width: 1074px) {
.trendli{width:40%;}
.table .mcx_first{ width:15%;  font-size:10px; }
.table .mcx_first P{ font-size:10px;}
.mcx_second{ width:10%;font-size:10px; }
.mcx_second P{ font-size:10px; }
.mcx_second span{float:left; width:49px; height:21px;}
}

@media screen and (max-width: 971px) {
	.popular{width:98%;}
	.trends{width:98%;}
	
	.table .mcx_first{ width:19%;  font-size:15px; }
.table .mcx_first P{ font-size:15px;}

.mcx_second{ width:18%;font-size:15px; }
.mcx_second P{ font-size:15px; }
.mcx_second span{float:left; width:49px; height:21px;}

.mcx_third{  width:18%;  font-size:15px;}
.mcx_third P{ font-size:15px; }

.mcx_forth{ width:18%; font-size:15px; }
.mcx_forth P{ font-size:15px; }
.mcx_fifth{  width:18%;  font-size:15px !important; }
.mcx_fifth p{font-size:15px;}
.trendli{width:45% !important;}
}

@media screen and (max-width: 947px) {


.mcx_forth{ width:15%; font-size:15px; }

.mcx_fifth{  width:15%;  font-size:15px !important; float:right;}


}

@media screen and (max-width: 872px) {

	.table .mcx_first{ width:17%;  font-size:15px; }
.mcx_forth{ width:15%; font-size:15px; }

.mcx_fifth{  width:14%;  font-size:15px !important; float:right;}
.trendli{width:45% !important;float:left  !important;}
.poplist{width:95%;}
}
@media screen and (max-width: 815px) {
.new-one{width:97%;padding:0 .5%;}
.left_block{display:none;}
.poplist{width:94%;}
.new-one{float:left;margin-left:0px;}
}
@media screen and (max-width: 659px) {
	.poplist{width:95%;}
		.table .mcx_first{ width:15%;  font-size:15px; }
		.mcx_third{  width:15%;  font-size:15px;}
}
@media screen and (max-width: 594px) {
	.poplist{width:95.5%;}
		.table .mcx_first{ width:14%;  font-size:15px; }
		.mcx_third{  width:14%;  font-size:15px;}
}

@media screen and (max-width: 567px) {
	.poplist{width:95.5%;}
		.table .mcx_first{ width:14%;  font-size:15px; }
		.mcx_third{  width:14%;  font-size:15px;}
		
			.table .mcx_first{ width:17%;  font-size:15px; }
.table .mcx_first P{ font-size:15px;}

.mcx_second{ width:14%;font-size:15px; }
.mcx_second P{ font-size:15px; }
.mcx_second span{float:left; width:49px; height:21px;}

.mcx_third{  width:14%;  font-size:15px;}
.mcx_third P{ font-size:15px; }

.mcx_forth{ width:14%; font-size:15px; }
.mcx_forth P{ font-size:15px; }
.mcx_fifth{  width:14%;  font-size:15px !important; }
.newsimage {float:left;padding-left:0px;}
.imagetitle{float:left;height:auto;padding-left:0px;width:90%;}
}

@media screen and (max-width: 519px) {
	.poplist{width:96.4%;}
		.table .mcx_first{ width:14%;  font-size:15px; }
		.mcx_third{  width:14%;  font-size:15px;}
		
			.table .mcx_first{ width:15%;  font-size:15px; }
.table .mcx_first P{ font-size:15px;}

.mcx_second{ width:13%;font-size:15px; }
.mcx_second P{ font-size:15px; }
.mcx_second span{float:left; width:49px; height:21px;}

.mcx_third{  width:13%;  font-size:15px;}
.mcx_third P{ font-size:15px; }

.mcx_forth{ width:13%; font-size:15px; }
.mcx_forth P{ font-size:15px; }
.mcx_fifth{  width:13%;  font-size:15px !important; display:block !important;}

}

@media screen and (max-width: 462px) {
.trendli{width:44% !important;}
.trendli{width:43%;}
.tablecover .table img{display:none;}
.table .mcx_first{width:40% !important;}
}

@media screen and (max-width: 415px) {
.table .mcx_first{width:37% !important;}
}

@media screen and (max-width: 398px) {
.table .mcx_first{width:35% !important;}
.trendli{width:43% !important;}
}

@media screen and (max-width: 342px) {
.trendli{width:42% !important;}
}

@media screen and (max-width: 335px) {
.trendli{width:42% !important;}
.table .mcx_first{width:33% !important;}
}