.foo{}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLE CONTENT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.article-content
{
	float: left;
	width: 100%;
}

.article-overflow
{
	float: left;
	width: 100%;
	overflow: hidden;
	height: 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLE LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.alist-rank
{
	width: 100%;
	border: solid 1px #ccc;
	float: left;
	/*padding-left: 5px;*/
}

.alist-rypt
{
	width: 100%;
	border: solid 1px #fff;
	border-bottom: solid 1px #ccc;
	float: left;
}

.alist-content
{
	width: 100%;
	/*padding-right: 7px;*/
	float: left;
}

.alist-image
{
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 15px;
}

.alist-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 12px 7px 0px 0px;
}

.alist-title a
{
	color: #bf2609;
}

.alist-title a:hover
{
	color: #d16617;
}

.alist-text
{
	padding: 7px 7px 5px 0px;
	font-size: 11px;
	text-align: justify;
}

.alist-more
{
	padding: 0px 7px 5px 0px;
	font-size: 11px;
	text-align: right;
}

.alist-more a
{
	color: #bf2609;
}

.alist-more a:hover
{
	color: #d16617;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLE OTHER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.article-other-group
{
	width: 100%;
	margin-top: 25px;
	border: 1px solid #ccc;
	height: 100%;
	float: left;
}

.article-other-content
{
	width: 100%;
	height: 100%;
	float: left;
	padding-bottom: 15px;
}

.article-other-content ul
{
	list-style-type: square;
	padding-left: 28px;
	list-style-position: inside;
	margin: 0;
	padding-top: 5px;
}

.article-other-content li
{
	padding: 5px 5px 0px 0px;
	text-indent: -12px;
	margin: 0;
}

.article-other-title
{
	float: left;
	width: 100%;
	background-color: #e2e2e2;
	height: 22px;
	border-bottom: 1px solid #ccc;
	color: #bf2609;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLE DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.article-details-title
{
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 15px;
	font-size: 14px;
	color: #d91f1f;
	font-family: Tahoma;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLE HOT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.article-hot
{
	float: left;
	height: 100%;
	width: 100%;
	border: solid 1px #ccc;
	overflow: hidden;
}

.article-hot-group
{
	width: 100%;
	height: 30px;
	border-bottom: solid 1px #ccc;
	float: left;
}

.article-hot-title
{
	font-size: 12px;
	color: #bf2609;
	text-align: center; 
	padding-top: 7px;
	font-weight: bold;
	width: 100%;
	float: left;
}

.article-hot-content
{
	width: 100%;
	float: left;
	height: 100%;
	text-align: justify;
	padding-bottom: 10px;
}

.article-hot-content ul
{
	list-style-type: square;
	padding-left: 15px;
	list-style-position:inside;
	margin: 0;
}

.article-hot-content li
{
	padding: 10px 5px 0px 0px;
	text-indent: -12px;
	margin: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SHORTCUT CATEGORY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.procut-group
{
	width: 528px;
	height: 100%;
	float: left;
	padding-top: 8px;
}

.procut-left
{
	width: 164px;
	float: left;
	margin-bottom: 10px;
	
}

.procut-mid
{
	width: 164px;
	float: left;
	margin-bottom: 10px;
	/*margin-left: 13px;*/
	padding-left: 15px;
}

.procut-right
{
	width: 164px;
	float: left;
	margin-bottom: 10px;
	/*margin-left: 13px;*/
	padding-left: 15px;
}

.procut-image
{
	width: 164px;
	height: 105px;
	float: left;
	border: solid 1px #ccc;
	margin-bottom: 4px;
}

.procut-title
{
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLE FRONT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.article-front
{
	float: left;
	height: 100%;
	width: 525px !important; 
	width: 528px;
	margin-top: 7px;
	background-color: #eee;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLE GROUP

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.article-group-group
{
	width: 100%;
	height: 100%;
	float: left;
}

.article-group-header
{
	height: 14px;
	width: 100%;
	float: left;
	margin-bottom: 10px;
	border-bottom: solid 2px #217075;
}

.article-group-mid
{
	float: left;
	text-align: left;
	width: 190px;
	height: 14px;
	background-color: #217075;
}
.article-group-right
{
	background: url('images/duan_right.png') top left no-repeat;
	width: 16px;
	height: 14px;
	float: left;
} 

.article-group-title
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	height: 14px;
	overflow: hidden;
}

.article-group-title a
{
	color: #fff;
}

.article-group-title a:hover
{
	color: #ff9933;
}

.article-group-content
{
	width: 100%;
	float: left;
	height: 100%;
	text-align: justify;
	padding-bottom: 10px;
}

.article-group-content ul
{
	list-style-type: square;
	padding-left: 15px;
	list-style-position:inside;
	margin: 0;
	padding-bottom: 15px;
}

.article-group-content li
{
	padding: 5px 5px 0px 0px;
	text-indent: -12px;
	margin: 0;
}