.WhiteBorder {
	border: 1px solid #ffffff;
}

.uiSquare {
	list-style-type:square;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 12px;
}

#Movie {
	width: 300px;
}

#Movie-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) repeat scroll 0 -192px;
	height: 24px;
	width: 300px;
}

#Movie-SWF {
	height: 169px;
	width: 300px;
}

#Columnist {
	width: 300px;
}

#Columnist-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) repeat scroll 0 -216px;
	height: 24px;
	width: 300px;
}

#UpperArea {
	width: 669px;
	background: #ffffff;
}

#CoverBannerP {
	width: 378px;
	height: 436px;
	float: left;
}

#OnlineMaking {
	width: 286px;
	height: 415px;
	float: left;
	padding: 11px 0px 10px 5px;
}

.OnlineMaking-Frame {
	float:left;
	background: url(../../images/layout3/index/idx_mm_frame.gif) no-repeat;
	width:254px;
	height: 97px
}

.OnlineMaking-Pic {
	float:left;
	width:160px;
}

.OnlineMaking-PicBorder {
	border: 1px solid #BCBCBC;
}

.OnlineMaking-Icon {
	float:left;
	width: 90px;
	padding: 12px 0px 6px 0px;
	text-align:right;
}

.OnlineMaking-Text {
	float:left;
	width: 88px;
	padding-left: 4px;
	font-size: 12px;
}

.OnlineMaking-Title {
	float:left;
	padding-top: 8px
}

#NewsBanner {
	padding: 0px 5px;
}

#Blog {
	padding: 0px 5px;
	width: 659px;
}

#Blog-Container {
	background: #ffffff;
	width: 659px;
}

#Blog-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) repeat scroll 0 0px;
	height: 24px;
	width: 659px;
}

.Blogger {
	padding: 4px;
	float: left;
}

.Blogger-Photo {
	float:left;
	width:67px;
}

.Blogger-Info {
	float:left;
	padding: 0px 5px;
	width:130px;
}

.Blogger-Name {
	width:130px;
	border-bottom:1px solid #B6A3A7;
	font-size:13px;
}

.Blogger-Home {
	padding: 2px;
	float:right;
	background: #493743;
	color: #ffffff;
	font-size:13px;
}

.Blogger-Title {
	width:130px;
	float:left;
	font-size:13px
}

.BloggerGap {
	width: 7px;
	height: 1px;
	float: left;
}

#Trendy {
	padding: 0px 5px;
	width: 659px;
/*	background: #343434;*/
}

#Trendy-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) repeat scroll 0 -24px;
	height: 24px;
	width: 659px;
}

#Fashion-Area {
	width:327px;
	background: #343434;
	float:left
}
#Beauty-Area {
	width:327px;
	background: #343434;
	float:right
}

.Trendy-Pic {
	float:right; width: 136px; padding: 5px;
}

.Trendy-Title {
	float:left; padding-left: 15px;
}

.Trendy-Text {
	float:left;
	padding-left:30px;
	color:#fff;
	width: 149px;
	font-size:13px;
}

.Trendy-Title {
	font-weight:bold;
}

.Trendy-Line {
	padding-top: 1px;
	background: #535353;
}

#Box327Area {
	padding-left: 5px;
}
.Box327Area-Container {
	background: #565656;
	width: 327px;
	height: 115px;
	padding: 5px 0px;
}

.Box327Area-Image {
	padding: 0px 5px;
	float:left;
}

.Box327Area-Text {
	width: 119px;
	height: 80px;
	padding-top: 35px;
	float: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px
}

.Box327Area-Frame {
	float:left;
	padding-bottom: 5px;
}

#Fame-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) no-repeat scroll 0 -48px;
	height: 24px;
	width: 327px;
	padding-right: 5px;
}

#PopStar-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) no-repeat scroll -332px -48px;
	height: 24px;
	width: 327px;
	padding-right: 5px;
}
#Finance-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) no-repeat scroll 0 -72px;
	height: 24px;
	width: 216px;
	padding-right: 5px;
}

#Medical-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) no-repeat scroll -331px -72px;
	height: 24px;
	width: 216px;
	padding-right: 5px;
}

#Box218Area {
	padding-left: 5px;
}

.Box218Area-Frame {
	float:left;
	padding-bottom: 5px;
}
.Box218Area-Container {
	background: #565656;
	width: 218px;
	padding: 5px 0px;
	height: 210px;
}
.Box218Area-Image {
	padding: 0px 23px;
}
.Box218Area-Title {
	padding: 0 10px;
}

.Box218Area-Title {
	padding-top: 5px;
	width: 198px;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px
}
.Box218Area-Line {
	padding-top: 1px;
	background: #71706E;
}
.Box218Area-Other {
	color: #ffffff;
	font-size: 13px
}

#Travel-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) no-repeat scroll 0 -96px;
	height: 24px;
	width: 218px;
	padding-right: 3px;
}
#Food-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) no-repeat scroll 0 -120px;
	height: 24px;
	width: 218px;
	padding-right: 3px;
}

#Food2-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) no-repeat scroll 0 -240px;
	height: 24px;
	width: 218px;
	padding-right: 3px;
}

#Xuanxue-Title {
	background: transparent url(../../images/layout3/index/titlebars.gif) no-repeat scroll 0 -144px;
	height: 24px;
	width: 218px;
	padding-right: 3px;
}

div.scroll {
	height: 279px;
	width: 282px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #FFF;
	padding: 8px;
	font-size:12px;
	line-height:15px;
}
div.scroll  div{
	cursor:pointer;
}