@charset "utf-8";
@import url("normalizes.css");
@import url("color.css");
@import url("typography.css");
#container {
	width: 980px;
	margin: 0 auto;
}

/* 通用的 */
/* 布局一 sub左 main右 */
#content {
	width: inherit;
	margin-bottom: 5px;
	margin-top: 5px;
	position:relative;
}

#content-main {
	float: right;
	width: 724px;
	overflow: hidden;
	position: relative;
}

#content-sub {
	float: left;
	width: 250px;
	overflow: hidden;
	position: relative;
}
#content-ad1 {
	float: right;
	width: 40%;
	overflow: hidden;
	position: relative;
}
#content-ad2 {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}

#content-ad {
	float: left;
	width: 60%;
	overflow: hidden;
	position: relative;
}

/* 布局2 sub右 main左 */
.layout2 #content-main {
	float: left;
}

.layout2 #content-sub {
	float: right;
}

/* 布局3 main占全宽 */
.layout3 #content-main {
	float: none;
	width: 980px;
}

/* 布局4 main占全宽 */
.layout4 #content-main {
	float: right;
	width: 770px;
}

.layout4 #content-sub {
	float: left;
	width: 200px;
}

/*带渐变白色背景色的h3*/
.widget_title h3 {
	height: 22px;
	line-height: 22px;
}

.widget_title h3 span {
	float: left;
	padding-left: 15px;
	margin-left: 10px;
}

.widget_title h3 .more {
	float: right;
	margin-right: 10px;
}

/* 带金红色背景的h3 */
h3.em-bg span {
	color: #fff;
	display: block;
	width: 86px;
	height: 24px;
	line-height: 26px;
	position: absolute;
	top: 1px;
	left: -9px;
}

/* 选项卡 */
.select-tab .tabs {
	border-bottom: 1px solid #ccc;
}

.select-tab .tabs .title {
	float: left;
	width: 80px;
	height: 22px;
	margin-right: 7px;
	position: relative;
	top: 1px;
}

/* 首页详细分类6块*/
.widget_content {
	/*float: left;				use circle_border_widget, must drop this one for firefox */
	width: 357px;
	height: 228px;
	margin-right: 6px;
	overflow: hidden;
}

#computer.widget_content, #bussiness.widget_content, #study.widget_content {
	/* clear even rows margin */
	margin-right: 0;
}

.widget_content .list_top {
	height: 68px;
	overflow: hidden;
}

.widget_content .list_top li {
	float: left;
	width: 172px;
}

.widget_content .list_top .prod_pic {
	width: 52px;
	height: 52px;
	float: left;
	margin: 0 5px 10px 0;
	overflow: hidden;
}

.widget_content .list_top p.intro {
	padding-left: 69px;
	padding-right: 10px;
}

.widget_content .list_bottom {
	height: 130px;
	clear: both;
	margin-right: 10px;
	padding-top: 5px;
	overflow: hidden;
}

.widget_content .list_bottom li {
	float: left;
	width: 165px;
}

.widget_content .list_bottom p {
	padding-left: 12px;
}

.content {
	padding: 8px 0px 11px 12px;
}

.tabs {
	height: 22px;
	line-height: 22px;
	padding-right: 10px;
}

.tabs h3 {
	float: left;
}

.widget {
	float: left;
	width: 359px;
	margin-right: 6px;
	overflow: hidden;
}

/* 应用了此类的img都和外边框有1个像素的距离 */
.pic-margin img {
	margin-left: 1px;
	margin-top: 1px;
}

/* =circle_border */
.xtop, .xbottom {	
	display: block; 
	background: transparent; 
	font-size: 1px;
	overflow: hidden;
}

.xb1, .xb2, .xb3, .xb4 {
	display: block; 
	overflow: hidden;
}

.xb1, .xb2, .xb3 {										
	height: 1px;
	overflow: hidden;
}

.xb2, .xb3, .xb4 {
	background: transparent;	/* background color */
	border: 0px solid #ccc;		/* border color */
	border-width: 0 1px;
}

.xb1 {
	margin: 0 5px;
	background: #ccc;			/* border color */
}

.xb2 {
	margin: 0 3px;
	border-width: 0 2px;
}

.xb3 {
	margin: 0 2px;
}

.xb4 {
	height: 2px; 
	margin: 0 1px;
	overflow: hidden;
}

.xb {
	background: #f1f1f1
}

.circle_border {

}

.xbottom {
	margin-bottom: 5px;			/* margin-bottom */
}

.even0 {
	margin-right: 0px;
}
/* !circle_border */

/* =nav-help */
#nav-help {
	width: 980px;
	height: 22px;
	line-height: 22px;
	margin-top: 1px;
	overflow: hidden;
}
#nav-help1 {
	width: 960px;
	height: 24px;
	line-height: 24px;
	margin-top: 1px;
	overflow: hidden;
}
#nav-help p {
	float: left;
	letter-spacing: 3px;
	margin-left: 86px;
}

#nav-help ul {
	float: right;
	margin-right: 86px;
}

#nav-help li {
	float: left;
}

#nav-help li.first , #nav-help li.last {
	padding-left: 20px;
}

#nav-help li span {
	padding: 0 15px;
}
/* !nav-help */

/* =brand*/
#brand {
	width: inherit;
	height: 55px;
	position: relative;
}

#logo {
	width: 197px;
	height: 62px;
	position: absolute;
	top: 13px;
	left: 8px;
}

#logo h1 span, #brand h2 span {
	display: none;
}

#index-top-ads {
	width: 600px;
	height: 50px;
	position: absolute;
	left: 270px;
	top: 8px;
	overflow: hidden;
}

#bbs-entry {
	width: 105px;
	height: 112px;
	position: absolute;
	top: 2px;
	right: 10px;
	overflow: hidden;
}

#bbs-entry a {
	display: block;
	width: 80px;
	height: 90px;
	margin-top: 5px;
	margin-left: 20px;
}
/* !brand */

/* =nav */
#nav {
	width: 980px;
	height: 91px;
	position: relative;		/* for id:bbs-entry get to bottom */
	overflow: hidden;
}

#nav-main {
	width: 640px;
	height: 30px;
	line-height: 30px;
	margin-left: 260px;
	overflow: hidden;
}

#nav-main li {
	float: left;
	height: inherit;
	width: 75px;
	margin-right: 5px;
	line-height: 30px;
	background: transparent url(/templates/images/bg/title-bg1-0b.png) no-repeat left top;
}

#nav-sub {
	width: 980px;
	height: 58px;
}

#nav-sub ul {
	width: 710px;
	height: 58px;
	margin-left: 270px;
}

#nav-sub li {
	float: left;
	width: 118px;
	line-height: 29px;
	text-indent: 30px;
}

.weather {
	width: 250px;
	height: 58px;
	position: absolute;
	top: 30px;
	left: 0;
	overflow: hidden;
}

#weather-title {
	position: absolute;
	top: 2px;
	left: 100px;
}

#weather-title p {
	float: left;
	margin-left: 5px;
}

#weather-title p#d2 {
	margin: 0 25px;
}

/* 加载到#weather #showforecase的css */
#showforecase .weather-pic {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 90px;
	height: 45px;
}

#showforecase .weather-pic img {
	float: left;
	width: 35px;
	margin-right: 10px;
	height: 35px;
}

#showforecase ul {
	padding-top: 20px;
	margin-left: 110px;
	text-align: left;
}
/* !nav */

/* =index-ads */
#index-ads1, #index-ads2 {
	width: 723px;
	height: 60px;
	margin-bottom: 6px;
	overflow: hidden;
	clear: both;
}

#index-ads1 div, #index-ads2 div {
	float: left;
	width: 135px;
	height: 60px;
	margin-right: 11px;
}

#index-ads1 div.last, #index-ads2 div.last {
	margin-right: 3px;
}
/* !index-ads */

/* =category-info */
#category-info {
	width: 722px;
	height: 215px;
	overflow: hidden;
}

.category-info {
	width: 724px;
	overflow: hidden;
}

#category-info .tabs h3 {
	padding: 0 10px;
}

#category-info .tabs h3.first {
	width: 86px;
	height: 24px;
	line-height: 28px;
	padding-left: 17px;
	position: absolute;
	top: 1px;
	left: 1px;
}

#category-info .tabs h3.list1 {
	display: inline;		/* double margin bug for ie6 */
	margin-left: 95px;
}

#category-info .tabs a.more {
	float: right;
}

#category-info .flash-ads {
	float: left;
	display: inline;
	width: 360px;
	height: 200px;
	margin-top: 1px;
	margin-right: 15px;
}

#category-info .panels ul {
	width: 330px;
	overflow: hidden;
	/*margin-left: 370px;		there have some problems in opera */
}

#category-info .panels li {
	padding: 5px 0;
	position: relative;
	padding-left: 15px;
}

.category, .separator, .date {
	position: absolute;
	top: 2px;
}

#category-info .category {
	right: 55px;
}

#category-info .separator {
	right: 45px;
}

#category-info .date {
	left: 292px;
}
/* !category-info */

/* =latest-products */
#latest-products, #latest-business {
	width: 357px;
	height: 157px;
	overflow: hidden;
}

.latest-products, .latest-business {
	float: left;
	width: 359px;
	margin-right: 6px;
	position: relative;
	overflow: hidden;
}

#products-pic {
	float: left;
	width: 108px;
	height: 82px;
	margin-right: 5px;
	position: relative;
	overflow: hidden;
}

#products-pic p {
	position: absolute;
	left: 25px;
	top: 90px;
}

#latest-products li {
	float: left;
	width: 112px;
	height: 40px;
	position: relative;
}

#latest-products li p {
	padding-left: 12px;
}

#latest-products li a.more {
	display: block;
	width: 23px;
	height: 9px;
	position: absolute;
	top: 4px;
	left: 87px;
}
/* !latest-products */

/* =latest-business */
.latest-business {
	margin-right: 0;
}

#latest-business li {
	float: left;
	width: 170px;
}
/* !latest-business */

/* =latest-news */
#latest-news {
	width: 248px;
	height: 215px;
	position: relative;
	overflow: hidden;
}

.latest-news {
	width: 250px;
	overflow: hidden;
}

#news-pic {
	float: left;
	width: 62px;
	height: 62px;
	margin-right: 10px;
	margin-bottom: 5px;
	overflow: hidden;
}

#latest-news li.list3 {
	clear: both;
}

#latest-news li {
	padding-left: 15px;
}

#latest-news .content a.more {
	width: 29px;
	height: 9px;
	position: absolute;
	bottom: 7px;
	right: 7px;
}
/* !latest-news */

/* =search */
#sub-search {
	height: 60px;
	line-height: 60px;
}

#search-form {
	height: 60px;
	padding-left: 15px;
	position: relative;
}

#sub-search table {
	height: 60px;
}

#search-form #search-box {
	width: 100px;
	padding: 2px 0;
}

#search-box:focus {
	border: 1px solid #4090ce;
}

#search-go {
	padding: 1px 0;
}
/* !search*/

/* =category-list */
#category-list {
	width: 248px;
	height: 638px;
	overflow: hidden;
}

.category-list {
	width: 250px;
	overflow: hidden;
}

#category-list h4 {
	clear: both;
	padding: 3px 0 4px 3px;
}

#category-list p {
	padding: 0 10px 5px 10px;
	line-height: 200%;
}
/* !category-list */

/* =category-life */
#category-life {
	height: 295px;
	overflow: hidden;
}

#category-life .content {
	/*height: 243px;		use circle_border_widget, must drop this one for ie6 */
}

#category-life .tabs {
	width: 250px;
}

#category-life .tabs h3 {
	width: 80px;
	margin-right: 5px;
	position: relative;
	top: 1px;
	cursor: pointer;
}

#category-life .tabs h3.last {
	margin-right: 0;
}

#category-life .list_top {
	width: 210px;
	height: 125px;
	position: relative;
	left: 15px;
	overflow: hidden;
}

#category-life .list_top li {
	float: left;
	margin-right: 15px;
	width: 52px;
	height: 52px;
	margin-bottom: 10px;
	overflow: hidden;
}

#category-life .list_bottom {
	clear: both;
	margin-right: 15px;
	padding-top: 10px;
	border-top: 1px dashed #ccc;
}

#category-life .list_bottom li span {
	padding-right: 10px;
}
/* !category-life */

/* =site-info */
#site-info {
	clear: both;
	width: 980px;
	padding-top: 15px;
}

#nav-supp {
	height: 25px;
	margin-left: 360px;
}

#nav-supp li {
	float: left;
	padding: 0 10px;
}

#site-info p {
	padding: 5px;
}

#site-info p span {
	padding: 0 15px;
}

.site-nav .intro {
	padding: 5px 20px 20px 20px;
}

.site-nav .intro h1 {
	padding: 15px 0;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
}

.site-nav .intro .text {
	line-height: 200%;
}

.site-nav .intro .text p {
	padding: 5px 0;
}
/* !site-info */

/* sub page */
#current-position {
	height: 22px;
	line-height: 22px;
	padding-left: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}

/* =news page */
#entertainment-news {
	width: 523px;
	height: 270px;
	overflow: hidden;
}

.entertainment-news {
	width: 525px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

#entertainment-news .flash-ads {
	float: left;
	width: 300px;
	height: 220px;
	display: inline;		/* for ie6 double margin bug */
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 15px;
}

#entertainment-news .rec-news {
	width: 185px;
	height: 105px;
	margin-top: 15px;
	overflow: hidden;
}

#entertainment-news .rec-news {
	text-indent: 24px;
	line-height: 150%;
}

#entertainment-news .rec-news h4 {
	text-indent: 0;
	padding: 4px 0;
}

#entertainment-news ul {
	margin-top: 15px;
	margin-left: 330px;
	margin-right: 10px;
}

#entertainment-news li {
	padding-left: 10px;
}

#focus-news {
	width: 213px;
	height: 270px;
	overflow: hidden;
}

.focus-news {
	width: 215px;
	margin-left: 530px;
	overflow: hidden;
	position: relative;
}

#focus-news h3 span {
	display: block;
	width: 93px;
	height: 20px;
	padding-left: 20px;
	line-height: 20px;
	position: absolute;
	top: 3px;
	left: -5px;
}

#focus-news .ads {
	float: left;
	display: inline;
	width: 62px;
	height: 62px;
	margin: 15px;
	overflow: hidden;
}

#focus-news ul {
	margin-left: 15px;
	margin-top: 15px;
}

#focus-news li {
	padding-left: 10px;
}

#focus-news li.last {
	clear: both;
}

#hot-news {
	width: 228px;
	height: 270px;
	border-width: 0 1px;
	overflow: hidden;
}

.hot-news {
	margin-right: 0;
	width: 230px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

#hot-news ul {
	margin: 15px;
}

#hot-news li {
	padding-left: 10px;
}

#hot-news .ads {
	width: 210px;
	height: 70px;
	margin-left: 7px;
}

#commerce-news {
	width: 308px;
	height: 175px;
	overflow: hidden;
}

.commerce-news {
	float: left;
	width: 310px;
	overflow: hidden;
}

#commerce-news ul {
	margin: 10px 15px 15px 15px;
}

#commerce-news li {
	padding-left: 10px;
}

#news-ads1 {
	clear: left;
	float: left;
	width: 308px;
	height: 70px;
	margin-bottom: 5px;
	overflow: hidden;
}

#enco-news {
	width: 308px;
	height: 175px;
	overflow: hidden;
}

.enco-news {
	clear: left;
	float: left;
	width: 310px;
	overflow: hidden;
}

#enco-news ul {
	margin: 10px 15px;
}

#yule-news {
	width: 308px;
	height: 175px;
	overflow: hidden;
}

.yule-news {
	clear: left;
	float: left;
	width: 310px;
	overflow: hidden;
}

#yule-news ul {
	margin: 10px 15px;
}

#local-news {
	width: 663px;
	height: 375px;
	overflow: hidden;
}

.local-news {
	float: right;
	width: 665px;
	overflow: hidden;
}

#local-news .list_top {
	float: left;
	display: inline;
	height: 125px;
	margin-top: 10px;
	margin-left: 13px;
	margin-bottom: 15px;
	width: 310px;
}

#local-news .list_top .ads {
	float: left;
	display: inline;
	width: 127px;
	height: 122px;
	overflow: hidden;
}

#local-news .list_top ul {
	margin-left: 140px;
	padding-top: 5px;
	margin-right: 5px;
}

#local-news .list_bottom {
	clear: both;
	height: 190px;
	margin: 0px 15px 15px 15px;
	padding-top: 10px;
}

#local-news .list_bottom li {
	float: left;
	width: 305px;
	padding-left: 10px;
}

#news-ads2 {
	float: right;
	width: 663px;
	height: 59px;
	margin-bottom: 6px;
	overflow: hidden;
}

#com-bbs {
	clear: both;
}

#com-bbs, #jiangsu-news, #sport-news {
	width: 308px;
	height: 180px;
	overflow: hidden;
}

.com-bbs, .jiangsu-news, .sport-news {
	width: 310px;
	float: left;
	margin-right: 6px;
	overflow: hidden;
}

#jiangsu-news, #sport-news {
	width: 327px;
}

.jiangsu-news, .sport-news {
	width: 329px;
}

#jiangsu-news ul, #sport-news ul {
	margin: 10px 15px;
}

.sport-news {
	margin-right: 0;
}

#com-bbs ul {
	margin: 10px 15px;
}

#newslist-ads1 {
	width: 250px;
	height: 110px;
	margin-bottom: 6px;
}

#news-detail {
	padding: 8px;
}

#news-detail h3 {
	padding: 10px 0 10px 0;
}

#news-detail .cons {
	line-height: 220%;
	padding: 30px 0;
}

#news-detail-hot, #news-detail-outter {
	width: 248px;
	overflow: hidden;
}

.news-detail-hot, .news-detail-outter {
	width: 250px;
	overflow: hidden;
}

#news-detail-hot li, #news-detail-outter li {
	padding: 2px 0;
}

/* !news page */

/* =commerce page */
#products-show, #vip-commerce, #list-merch, #listact-news, #listcom-list, #newslist-list {/* 商品首页：商品展示、特邀商户推荐 */
	width: 722px;
	overflow: hidden;
}

.products-show, .vip-commerce, .list-merch, .listact-news, .listcom-list, .newslist-list {/* 商品首页：商品展示、特邀商户推荐 */
	width: 724px;
	overflow: hidden;
}

#commerce-ads1 {
	width: 724px;
	margin-bottom: 6px;
}

#commerce-list {
	width: 724px;
}

#news-commerce, #new-vip, #listmerch-new-vip, #listact-commerce, #listcom-vip, #listcom-news, #newslist-hot, .newslist-inner {/* 商品首页：商家新闻、最新特邀商户 */
	width: 248px;
	overflow: hidden;
}

.news-commerce, .new-vip, .listmerch-new-vip, .listact-commerce, .listcom-vip, .listcom-vip, .newslist-hot, .newslist-outter {/* 商品首页：商家新闻、最新特邀商户 */
	width: 250px;
	overflow: hidden;
}

#products-show {
	height: 175px;
	overflow: hidden;
}

#products-show .ads {
	float: left;
	display: inline;
	width: 125px;
	height: 125px;
	margin: 18px;
}

#products-show ul {
	height: 125px;
	margin: 18px 0 0px 165px;
}

#products-show li {
	float: left;
	width: 180px;
	height: 70px;
}

#products-show li .pic {
	float: left;
	width: 52px;
	height: 52px;
	margin-right: 10px;
	overflow: hidden;
}

#products-show li p {
	text-indent: 12px;
}

#products-show li a.from {
	display: block;
	text-indent: 12px;
}

#vip-commerce {
	height: 147px;
}

#vip-commerce ul {
	margin-top: 20px;
	margin-left: 23px;
}

#vip-commerce li {
	float: left;
	width: 98px;
}

#vip-commerce li .pic {
	width: 75px;
	height: 70px;
	overflow: hidden;
}

#vip-commerce li p {
	width: 80px;
	padding-top: 5px;
}

#bussiness-ads1 {
	height: 83px;
	margin-bottom: 5px;
}

#commerce-list h3 a {
	padding-right: 8px;
}

.commerce-list-outter {
	width: 359px;
}

.spec1 {
	margin-right: 6px;
	float: left;
	clear: left;
}

.spec2 {
	float: right;
	clear: right;
}

.commerce-list-inner p {
	padding: 5px 15px;
	line-height: 200%;
}

.commerce-list-inner p a {
	padding-right: 5px;
}

#news-commerce {
	height: 273px;
}

#news-commerce .ads {
	width: 210px;
	height: 70px;
	margin: 12px 0 0 17px;
	overflow: hidden;
}

#news-commerce ul {
	width: 230px;
	height: 160px;
	margin: 10px 0 0 20px;
}

#news-commerce li {
	padding-left: 10px;
}

#new-vip {
	height: 277px;
}

#new-vip ul {
	margin-top: 12px;
	margin-left: 12px;
}

#new-vip li {
	float: left;
	width: 100px;
	padding-left: 15px;
	line-height: 220%;
}

#listmerch-ads1 {
	width: 724px;
	height: 90px;
	margin-bottom: 6px;
}

#list-merch ul {
	width: 700px;
	height: 640px;
	padding-left: 20px;
	padding-top: 20px;
	overflow: hidden;
}

#list-merch li {
	float: left;
	width: 140px;
	height: 160px;
	overflow: hidden;
}

#list-merch li a.img {
	display: block;
	width: 120px;
	height: 120px;
	border: 1px solid #ccc;
	overflow: hidden;
}

#list-merch li a.text {
	display: block;
	width: 122px;
	padding-top: 5px;
}

#listmerch-ads2 {
	width: 250px;
	height: 110px;
	margin-bottom: 6px;
}

#listmerch-new-vip li {
	padding: 2px 0;
}

#listact-news ul {
	padding: 10px 15px;
}

#listact-news li {
	clear: both;
}

#listact-news li h4 {
	padding-bottom: 5px;
}

#listact-news li h4 span {
	padding: 0 8px;
}

#listact-news li .pic {
	float: left;
	display: inline;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 30px;
}

#listact-ads1 {
	width: 250px;
	height: 110px;
	margin-bottom: 6px;
}

#listact-commerce ul {
	padding: 10px 15px;
	width: 220px;
	overflow: hidden;
}

#listact-commerce li {
	clear: both;
	width: 500px;
	padding: 15px 0;
}

#listact-commerce .pic {
	float: left;
	display: inline;
	width: 100px;
	height: 70px;
	margin-right: 10px;
	overflow: hidden;
}

#listact-commerce li p {
	line-height: 150%;
	padding: 0;
}

#listcom-list ul {
	padding: 20px;
}

#listcom-list li {
	clear: both;
	padding: 10 0;
	height: 190px;
	overflow: hidden;
}

#listcom-list li .pic {
	float: left;
	display: inline;
	width: 160px;
	height: 120px;
	margin-right: 20px;
	border: 1px solid #ccc;
}

#listcom-list li p {
	line-height: 200%;
}

#listcom-ads1 {
	width: 250px;
	height: 110px;
	margin-bottom: 6px;
}

#listcom-vip li, #listcom-news li {
	padding: 2px 0;
}

#listcom-vip li {
	padding-left: 20px;
}

#listcom-news li span {
	padding-right: 7px;
}

.newslist-list {
	position: relative;
}

#newslist-list ul {
	padding: 30px 20px 15px 20px;
}

#newslist-hot, .newslist-inner {
	height: 135px;
}

#newslist-list li .title {
	display: inline;
}

#newslist-list li .fd1, #newslist-list li .fd3 {
	padding: 0 7px;
}

#newslist-list li .fd4 {
	line-height: 150%;
	text-indent: 24px;
	padding: 5px 0 15px 0;
}

#com-intro .about {
	height: 220px;
	overflow: hidden;
}

#com-intro h1.comname {
	padding: 10px 0 20px 0;
}

#com-intro .comname {
	padding-bottom: 10px;
}

#com-intro .compic {
	float: left;
	width: 240px;
	height: 180px;
	margin: 0 30px 30px 0;
	border: 1px solid #ccc;
	overflow: hidden;
}

#com-intro .comlx {
	height: 25px;
	line-height: 25px;
}

#com-intro .comlx .l{
	float: left;
}

#com-b1, #com-b2, #com-b3, #com-b4 {
	width: 722px;
	overflow: hidden;
}

.com-b1, .com-b2, .com-b3, .com-b4 {
	clear: both;
	width: 724px;
	overflow: hidden;
	position: relative;
}

.com-b4 {
	margin-top: 20px;
}

#com-b2 .content {
	padding-top: 15px;
}

#propic {
	float: left;
	width: 130px;
	height: 150px;
	overflow: hidden;
}

#propic .pic {
	width: 120px;
	height: 120px;
	margin-bottom: 5px;
	overflow: hidden;
}

#com-google-ads {
	position: relative;
	right: -90px;
}

#com-b3 #propic {
	width: 700px;
}

#com-b3 .page {
	padding: 20px 0;
}

#com-b3 #comments .fblist table {
	height: 30px;
}

#footer-com {
	clear: both;
	padding-top: 30px;
	margin-bottom: 20px;
	margin-left: 320px;
}

#footer-com li {
	float: left;
	padding-right: 24px;
}
/* !commerce page */

/* =info page */
#info-list, #info-top {
	width: 722px;
	overflow:hidden;
}

.info-list, .info-top, #info-category, #info-detail, .info-detail {
	width: 724px;
	overflow: hidden;
}

#info-list .cons {
	width: 327px;
	padding: 0 15px;
	margin-bottom: 10px;
	line-height: 180%;
}

#info-list .cons p {
	padding-top: 8px;
}

#info-list .cons a {
	padding-right: 5px;
}

#info-top .cons {
	padding: 10px 15px;
}

#info-top h4 {
	padding-bottom: 5px;
}

#info-top li {
	padding: 10px 0;
}

#info-index-ads1 {
	width: 250px;
	height: 110px;
	margin-bottom: 5px;
}

#info-index-commerce {
	width: 248px;
	height: 275px;
	overflow: hidden;
}

.info-index-commerce {
	width: 250px;
	margin-bottom: 5px;
	overflow: hidden;
}

#info-index-commerce li {
	padding: 2px 0;
}

#info-index-news {
	width: 248px;
	overflow: hidden;
}

.info-index-news {
	width: 250px;
	overflow: hidden;
}

#area {
	padding-left: 22px;
	overflow-x: hidden;
}

#area p {
	line-height: 170%;
}

#area p.first {
	padding-top: 10px;
}

#area p a {
	padding: 0 4px;
}

#area .last {
	clear: both;
	padding: 10px 0;
}

#info-category h3 {
	float: left;
	width: 80px;
	height: 22px;
	margin-right: 7px;
	position: relative;
	top: 1px;
}

#info-category {
	margin-top: 2px;
}

#info-category .panels {
	height: 113px;
	overflow: hidden;
}

#info-category .cons {
	float: left;
	width: 220px;
	height: 110px;
	margin: 10px 0px 0 10px;
	overflow: hidden;
}

#info-category .cons .ads {
	float: left;
	display: inline;
	width: 110px;
	height: 80px;
	overflow: hidden;
}

#info-category .cons ul {
	margin-left: 125px;
}

#info-category .cons li {
	line-height: 190%;
}

#info-detail th {
	height: 22px;
}

#info-detail th a {
	text-decoration: underline;
}

#info-detail td {
	height: 28px;
	vertical-align: middle;
}

#info-detail .col-a {
	width: 375px;
}

#info-detail .col-b {
	width: 80px;
}

#info-detail .col-c {
	width: 85px;
}

#info-detail .col-d {
	width: 80px;
}

#info-detail tbody td.first {
	padding-left: 30px;
}

#info-detail thead th.first {
	padding-left: 30px;
}

#page {
	width: 724px;
	height: 50px;
	padding-top: 10px;
	position: relative;
}

#page .col-a {
	width: 110px;
	padding-left: 15px;
}

#page .col-b {
	width: 110px;
}

#page form {
	position: absolute;
	top: 0;
	left: 240px;
}

#page #submitBtn {
	margin-top: -3px;
	position: absolute;
	left: 300px;
}

#infos {
	width: 722px;
	overflow: hidden;
}

.infos {
	width: 724px;
	overflow: hidden;
}

#expiretime {
	padding: 2px 0;
}

#info-cons {
	padding: 20px 100px 20px 35px;
}

#info-cons h4 {
	padding-bottom: 20px;
}

#info-cons h4 span {
	padding: 0 20px;
}

#info-cons p {
	padding: 7px 0;
}

#info-cons p.cons {
	line-height: 180%;
	padding: 35px 0;
}

#bg {
	width: 580px;
	height: 25px;
	line-height: 25px;
}

#box1 {
	width: 550px;
	height: 60px;
	padding-top: 5px;
	padding-left: 30px;
	margin-bottom: 10px;
}

#leave-msg {
	width: 580px;
}

#leave-msg p {
	padding: 5px 0;
}

#leave-msg p span.name {
	color: #FF6F0F;
}

#btn-leave-msg {
	border: 0;
	position: relative;
	top: 12px;
}

input, textarea {
	border: 1px solid #b2b2b2;
	padding: 3px 0;
}

input:focus, textarea:focus {
	border-color: #39c;
}

#niming {
	border: 0;
	width: 20px;
}

textarea {
	width: 578px;
	height: 95px;
}

#username, #password {
	width: 100px;
}

#inpasscode {
	width: 50px;
}

#subj {
	width: 2s48px;
	overflow: hidden;
}

.subj {
	width: 250px;
	overflow: hidden;
}

#subj h3 {
	width: 248px;
	height: 24px;
	position: absolute;
	top: 1px;
	left: 1px;
}

#subj .cons {
	padding: 34px 20px 10px 20px;
}

#subj .cons p {
	line-height: 200%;
}

#subj .ads {
	width: 220px;
	height: 130px;
	padding-bottom: 10px;
	margin: 10px 0 0px 13px;
}

#comment-cons h3 {
	font-size: 14px;
	fonit-weight: bold;
	text-decoration: underline;
	text-align: center;
	padding: 20px 0;
}

#comment-cons p {
	text-align: center;
	padding: 10px 0;
}

#comment-cons ul {
	margin-bottom: 20px;
}

#comment-cons li {
	clear: both;
	padding: 20px 15px;
}

#comment-cons li .menberphoto {
	float: left;
	display: inline;
	width: 65px;
	height: 65px;
	margin-right: 10px;
}

#comment-cons li .floor {
	float: right;
}

#comment-cons li .time, #comment-cons li .word {
	padding: 0 10px;
}

#del-info {
	width: 240px;
	height: 70px;
	background: #eee;
	padding: 15px;
	text-align: center;
	border: 1px solid #999;
}
#del-info a {
	width: 16px;
	height: 14px;
	background: transparent url(/templates/images/icon/close.gif) no-repeat left top;
	position: absolute;
	right: 0;
	top: 0;
}

#info-cons .picarea {
	margin-top: 15px;
	margin-bottom: 25px;
	overflow: hidden;
}

#info-cons .picarea .a {
	padding-bottom: 15px;
}

#info-cons .picarea li {
	float: left;
	margin-right: 20px;
}

/* !info page */

/* =help page */
.help-widget-inner {
	width: 357px;
	height: 300px;
	overflow: hidden;
}

.help-widget-outter {
	float: left;
	width: 359px;
	margin-right: 6px;
	overflow: hidden;
	position: relative;
}

.help-commerce, .help-member {
	margin-right: 0;
}

.help-widget-inner h3.em-bg span {
	padding-left: 29px;
}

.help-widget-inner ul {
	padding: 10px 25px;
}

.help-widget-inner li {
	padding: 2px 0;
}

#help-center {
	width: 248px;
	height: 130px;
	overflow: hidden;
}

.help-center {
	width: 250px;
	overflow: hidden;
}

#help-center h3 {
	width: 248px;
	height: 24px;
	position: absolute;
	top: 1px;
	left: 1px;
}

#help-center ul {
	margin: 25px 15px 10px 15px;
}

#help-center li {
	line-height: 220%;
	padding-left: 0px;
}

#contact {
	width: 248px;
	height: 160px;
	overflow: hidden;
}

.contact {
	width: 250px;
	overflow: hidden;
	position: relative;
}

#contact .tel {
	width: 248px;
	height: 66px;
	position: absolute;
	top: 1px;
}

#contact .tel p {
	position: absolute;
	top: 35px;
	left: 82px;
}

#contact .con {
	padding: 10px;
	padding-top: 66px;
}

#contact .con p {
	padding-top: 5px;
	line-height: 150%;
}

#help-list {
	width: 694px;
	padding: 15px;
	overflow: hidden;
}

#help-list h2 {
	padding-bottom: 15px;
}

#help-list ul {
	padding: 15px 0;
}

#help-list li {
	line-height: 200%;
	padding-left: 20px;
}

#help-cons {
	width: 694px;
	padding: 0px 15px 15px 15px;
	overflow: hidden;
}

#help-cons h2 {
	margin-top: 25px;
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#help-cons p {
	text-indent: 24px;
	line-height: 180%;
	padding-top: 5px;
}

#help-cons img {
	margin: 10px 0;
}

.go-top {
	width: 724px;
	height: 22px;
	padding-top: 15px;
	text-align: right;
}

#addinfo-ads1 {
	width: 250px;
	height: 110px;
	margin-bottom: 6px;
}

#addinfo-supp {
	width: 248px;
	overflow: hidden;
}

.addinfo-supp {
	width: 250px;
	overflow: hidden;
}

#info_dt {
	width: 724px;
	overflow: hidden;
	height: 800px;
}

#as1, #sep1, #as2, #sep2, #ab1 {
	height: 200px;
	position: absolute;
	top: 90px;
}

#as1 {
	width: 90px;
	left: 0;
}

#sep1 {
	width: 17px;
	left: 94px;
}

#as2 {
	width: 290px;
	left: 115px;
}

#sep2 {
	width: 17px;
	left: 409px;
}

#ab1 {
	width: 290px;
	line-height: 200px;
	left: 430px;
}

#as1 ul {
	margin: 10px 0 0 22px;
}

#as1 li {
	padding: 3px 0;
}

#as2 p {
	line-height: 200%;
	margin: 10px 12px 0 12px;
}

#as2 p span {
	padding-right: 12px;
}

#cboardname {
	margin-left: 20px;
}

#addinfo-next-btn1 {
	position: absolute;
	top: 172px;
	margin-left: 620px;
}

#addinfo-title1, #addinfo-title2, #addinfo-title3 {
	position: absolute;
	top: 70px;
}

#addinfo-title1 {
	left: 10px;
}

#addinfo-title2 {
	left: 125px;
}

#addinfo-title3 {
	left: 440px;
}

#comment-ads1 {
	width: 250px;
	height: 110px;
	margin-bottom: 6px;
	background: #aaa;
}

#comment-friend {
	width: 248px;
	overflow: hidden;
}

.comment-friend {
	width: 250px;
	overflow: hidden;
}

/* !help page */

/* =vip page */
#spec-commerce {
	width: 980px;
}

#spec-commerce-title {
	margin-bottom: 5px;
}

#spec-commerce-cons {
	height: 170px;
}

#spec-commerce-cons ul {
	height: 135px;
	padding-left: 20px;
	padding-top: 30px;
}

#spec-commerce-cons li {
	float: left;
	width: 105px;
	overflow: hidden;
}

#spec-commerce-cons li a.img {
	display: block;
	width: 74px;
	height: 70px;
	overflow: hidden;
}

#spec-commerce-cons li.vip0 {
	margin-top: -20px;
	width: 200px;
}

#spec-commerce-cons li.vip0 a.img {
	display: block;
	width: 168px;
	height: 126px;
	overflow: hidden;
}

#spec-commerce-cons li.vip0 a.img img {
	width: 168px;
	height: 126px;
}

#spec-commerce-cons li a.text {
	display: block;
	width: 80px;
}

#spec-commerce-cons li.vip0 a.text {
	width: 165px;
}
/* !vip page */

/* =top page*/
#rank-hot-prod, #rank-hot-commerce {
	width: 722px;
	overflow: hidden;
}

.rank-hot-prod, .rank-hot-commerce {
	width: 724px;
	overflow: hidden;
}

#rank-ads1 {
	width: 722px;
	overflow: hidden;
}

#rank-hot-news {
	width: 508px;
	overflow: hidden;
}

.rank-hot-news {
	width: 510px;
	overflow: hidden;
}

#rank-hot-info {
	width: 206px;
	overflow: hidden;
}

.rank-hot-info {
	width: 208px;
	overflow: hidden;
}

#rank-member, #rank-bbs {
	width: 248px;
	overflow: hidden;
}

.rank-member, .rank-bbs {
	width: 250px;
	overflow: hidden;
}

#rank-hot-prod {
	height: 183px;
}

#rank-hot-prod h3 span {
	display: block;
	width: 107px;
	height: 24px;
	background: transparent url(/templates/images/bg/title-bg1-3.png) no-repeat left top;		/* */
	position: absolute;
	left: -9px;
	top: 1px;
}

#rank-hot-prod ol {
	width: 690px;
	height: 140px;
	margin: 13px 15px 15px 15px;
}

#rank-hot-prod li {
	float: left;
	width: 170px;
	margin-bottom: 15px;
}

#rank-hot-prod li .pic {
	float: left;
	width: 52px;
	height: 52px;
	margin-top: 3px;
	margin-right: 8px;
	overflow: hidden;
}

#rank-hot-commerce {
	height: 151px;
}

#rank-hot-commerce ol {
	margin: 15px;
	width: 720px;
	height: 110px;
	margin-top: 20px;
}

#rank-hot-commerce li {
	float: left;
	width: 102px;
	height: 100px;
}

#rank-hot-commerce li img {
	width: 74px;
	height: 70px;
}

#rank-hot-commerce li span {
	display: block;
	width: 76px;
}

#rank-ads1 {
	height: 85px;
	margin-bottom: 5px;
}

#rank-hot-news {
	height: 273px;
}

#rank-hot-news .ads {
	float: left;
	display: inline;
	width: 140px;
	height: 130px;
	margin: 20px;
	overflow: hidden;
}

#rank-hot-news ol {
	margin: 18px 20px 0px 180px;
}

#rank-hot-news ul.ad {
	clear: both;
	margin: 5px 20px 0 20px;
	height: 70px;
	width: 480px;
}

#rank-hot-news ul.ad li {
	float: left;
	width: 135px;
	height: 60px;
	margin-right: 23px;
	background-image: none;
	overflow: hidden;
}

#rank-hot-news ul.ad li.last {
	margin-right: 0;
}

#rank-hot-info {
	height: 273px;
}

.rank-hot-info {
	position: absolute;
	top: 454px;
	right: 0;
}

#rank-hot-info ul {
	margin-top: 12px;
	margin-left: 12px;
}

#rank-hot-info li {
	line-height: 180%;
}

#rank-hot-info .ads {
	width: 190px;
	height: 70px;
	margin-left: 8px;
	margin-top: 10px;
}

#rank-hot-info .ads img {
	width: 190px;
	height: 70px;
}

#rank-member {
	height: 272px;
}

#rank-member h3 {
	width: 248px;
	height: 29px;
	position: absolute;
	top: 1px;
	left: 1px;
}

#rank-member h3 span {
	background-image: none;
}

#rank-member ol {
	margin-top: 27px;
}

.rank-left ol {
	margin: 6px 15px 10px 20px;
}

.rank-left li {
	line-height: 200%;
}

#rank-ads2 {
	width: 250px;
	height: 70px;
	overflow: hidden;
	margin-bottom: 5px;
}

#rank-bbs {
	height: 200px;
}

#rank-bbs li {
	padding-left: 20px;
}

#rank-bbs li span {
	display: none;
}

#rank-board {
	width: 248px;
	height: 150px;
	overflow: hidden;
}

.rank-board {
	width: 250px;
	overflow: hidden;
}
/* !top page */

/* =login page */
#login {
	width: 724px;
	overflow: hidden;
}

#login-form {
	width: 360px;
	height: 288px;
	margin-left: 240px;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

#login .b1 {
	position: absolute;
	top: 45px;
	left: 88px;
}

#login-form p em {
	padding-right: 10px;
}

#log {
	position: absolute;
	top: 95px;
	left: 75px;
}

#y1, #y2 {
	width: 150px;
}

#log p {
	padding: 6px 0;
}

#imgsafe {
	position: relative;
	top: 8px;
}

#log p.middle {
	padding-top: 5px;
	padding-left: 40px;
}

#log p.middle a {
	padding: 0 10px;
}

#logmod {
	position: relative;
	top: 3px;
	left: -3px;
}

#login-submit {
	margin-left: 90px;
	margin-top: -5px;
}

#login-info {
	width: 270px;
	height: 170px;
	margin-top: 10px;
	padding-left: 35px;
	margin-left: 240px;
	position: relative;
	overflow: hidden;
}

#login-info p {
	line-height: 200%;
}

#login-info p span {
	padding-right: 12px;
}

#login-ads {
	width: 250px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 5px;
}

#login-supp {
	width: 248px;
	overflow: hidden;
	border-width: 0 1px;
}

.login-supp {
	width: 250px;
	overflow: hidden;
}

.login-supp .cons {
	padding: 10px 20px;
}

.login-supp .cons p {
	line-height: 200%;
}

#login-supp .cons p em {
	padding-right: 10px;
}
/* !login page */

/* =register page */
#register {
	padding-left: 150px;
}

.register-form {
	width: 735px;
}

.register-form ul {
	border: 1px solid #ccc;
	border-bottom: 0;
}

.register-form li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

#a1, #a2, #a3, #a5, #a6, #a7 {
	width: 175px;
}

.register-form li .title {
	float: left;
	display: inline;
	width: 140px;
	margin-right: 10px;
}

.register-form li .detail {
	width: 355px;
	padding-right: 15px;
	float: right;
}

.register-form h3 {
	padding: 25px 0 10px 0;
}

#login-detail-show {
	cursor: pointer;
}

#reg-button input {
	margin: 0 12px;
}

#btn-register {
	border: 0;
}

.hid {
	display: none;
}
/* !register page */

/* =search page */
#search-search {
	width: 722px;
	height: 35px;
	overflow: hidden;
}

.search-search {
	width: 724px;
	overflow: hidden;
}

#search-search-form {
	width: 200px;
	height: 35px;
}

#search-search p {
	height: 35px;
	line-height: 35px;
	padding-right: 30px;
	float: left;
}

#search-search p.first {
	display: inline;
	margin-left: 70px;
}

#search-search ul {
	margin-top: 8px;
} 

#search-search li {
	float: left;
	padding-right: 10px;
}

#search-search #search-box {
	width: 220px;
}

#search-rank {
	width: 470px;
	padding-right: 10px;
	position: absolute;
	top: 50px;
	left: 0;
	overflow: hidden;
}

#search-rank ul {
	width: 455px;
	height: 260px;
	padding-left: 15px;
	padding-top: 10px;
}

#search-rank li {
	float: left;
	width: 120px;
	padding: 3px 0;
	background: transparent url(/templates/images/icon/15.gif) no-repeat left center;
	padding-left: 30px;
}

#search-trend {
	width: 234px;
	height: 294px;
	margin-left: 490px;
	margin-bottom: 20px;
	overflow: hidden;
}

#search-trend p {
	padding: 5px 10px;
	line-height: 220%;
}

#search-trend p a {
	padding-right: 8px;
}

.search-ads {
	width: 250px;
	height: 110px;
	margin-bottom: 5px;
}

#search-rs-ads1 {
	width: 250px;
	height: 110px;
	margin-bottom: 6px;
	background: #eee;
}

#search-rs {
	width: 722px;
	overflow: hidden;
}

.search-rs {
	width: 724px;
	overflow: hidden;
	position: relative;
}

#search-rs .searchlist {
	padding: 10px 15px;
}

#search-rs h2 {
	padding: 10px 0;
}

#search-rs h2 a {
	font-size: 14px;
	font-weight: bold;
}

#search-rs .con {
	line-height: 180%;
	padding: 5px 0;
}

#search-rs .lnk {
	padding-bottom: 20px;
}

/* !search page */

/* =bbs page */
.content-ul {
	margin: 10px 15px;
}

.content-ul li {
	line-height: 200%;
}

.bbs-index-style h3 {
	margin-bottom: 10px;
}

.bbs-index-style .cons {
	padding-left: 24px;
}

.bbs-index-style .board {
	float: left;
	width: 224px;
	height: 60px;
	margin: 12px 0 12px 0;
	padding-bottom: 12px;
	overflow: hidden;
}

#bbs-ment .b1 {
	float: left;
	margin-right: 12px;
}

#bbs-ment .b2 {
	float: left;
}

.bbs-index-style .today {
	display: block;
	margin: 8px 0;
}

.bbs-index-style .lastart {
	display: block;
	margin-top: 12px;
	margin-bottom: 3px;
}

#bbs-com {
	width: 248px;
	height: 200px;
	overflow: hidden;
}

.bbs-com {
	float: left;
	width: 250px;
	margin-right: 5px;
	overflow: hidden;
}

#bbs-news {
	width: 248px;
	height: 200px;
	overflow: hidden;
}

.bbs-news {
	float: left;
	width: 250px;
	overflow: hidden;
}

#bbs-ment {
	width: 722px;
	overflow: hidden;
}

.bbs-ment {
	width: 724px;
	overflow: hidden;
}

#bbs-ads1 {
	clear: both;
	width: 724px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 6px;
}

#bbs-ads2 {
	width: 250px;
	height: 110px;
	overflow: hidden;
	margin-bottom: 6px;
}

#bbs-reply {
	width: 248px;
	overflow: hidden;
}

.bbs-reply {
	width: 250px;
	overflow: hidden;
	position: relative;
}

#bbs-reply ul {
	margin: 10px 15px;
}

#bbs-reply li {
	line-height: 200%;
}

#bbs-art {
	width: 248px;
	overflow: hidden;
}

.bbs-art {
	width: 250px;
	overflow: hidden;
}

#bbs-art ul {
	margin: 10px 15px;
}

#bbs-art li {
	line-height: 200%;
}

#bbs-sub-hot {
	width: 248px;
	overflow: hidden;
}

.bbs-sub-hot {
	width: 250px;
	overflow: hidden;
}

#bbs-sub-browse {
	width: 248px;
	overflow: hidden;
}

.bbs-sub-browse {
	width: 250px;
	overflow: hidden;
}

.bbs-list-board-inner {
	width: 722px;
	overflow: hidden;
}

.bbs-list-board-outter {
	width: 724px;
	overflow: hidden;
}

.bbs-list-board-inner ul {
	width: 700px;
	margin: 0 12px;
}

.bbs-list-board-inner li {
	width: 700px;
	border-bottom: 1px dashed #ccc;
	padding-top: 12px;
	padding-bottom: 12px;
	overflow: hidden;
}

.bbs-list-board-inner li.last5 {
	border: 0;
}

.bbs-list-board-inner li p {
	float: left;
	display: inline;
	height: 80px;
	overflow: hidden;
}

.bbs-list-board-inner li p.b4 {
	width: 50px;
	overflow: hidden;
}

.bbs-list-board-inner li p.b1 {
	width: 300px;
	overflow: hidden;
}

.bbs-list-board-inner li .b2 {
	width: 130px;
	line-height: 80px;
	padding-left: 10px;
	padding-right: 20px;
	overflow: hidden;
}

.bbs-list-board-inner li .b3 {
	width: 170px;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
}

.bbs-list-board-inner li .b1 span, .bbs-list-board-inner li .b3 span {
	display: block;
}

.bbs-list-board-inner li .b1 span a {
	font-weight: bold;
}

.bbs-list-board-inner li .b1 .intro {
	color: #999;
}

#bbs-sub-google-ads1 {
	margin: 10px 15px;
}

#bbs-list-topic-title {
	padding-top: 20px;
}

#bbs-list-topic-title .board_title, #bbs-list-topic-title .extra, #bbs-list-topic-title .glod, #bbs-list-topic-title .collect, #bbs-list-topic-title .newboard {
	display: inline;
}

#bbs-list-topic-title .extra span {
	margin: 0;
}

#bbs-list-topic-title .glod, #bbs-list-topic-title .newboard {
	margin: 0 12px;
}

#bbs-list-topic-title .intro {
	padding-bottom: 20px;
}

#bbs-list-topic-title .master {
	padding: 20px 0;
}

#bbs-list-topic-title.select-tab .tabs .title {
	top: 0;
}

#bbs-list-topic-title span {
	margin-left: 24px;
}

#bbs-search {
	height: 35px;
	line-height: 35px;
}

#bbs-search a {
	float: right;
	width: 99px;
	height: 30px;
}

#bbs-art-list {
	clear: both;
	width: 724px;
	margin-bottom: 20px;
	border-collapse: collapse;
}

#bbs-art-list .colA {
	width: 424px;
}

#bbs-art-list .colB {
	width: 100px;
}

#bbs-art-list .colC {
	width: 100px;
}

#bbs-art-list .colD {
	width: 100px;
}

#bbs-art-list thead, #bbs-art-list tfoot {
	height: 30px;
	line-height: 30px;
}

#bbs-art-list tbody tr {
	height: 40px;
	line-height: 40px;
}

#bbs-art-list th, #bbs-art-list td {
	padding-left: 12px;
}

#bbs-search {
	width: 248px;
	height: 60px;
	overflow: hidden;
}

.bbs-search {
	width: 250px;
	overflow: hidden;
}

#bbs-search form {
	height: 60px;
}

#bbs-search p {
	height: 60px;
	line-height: 60px;
}

#page-bar {
	overflow: hidden;
	height: 40px;
	line-height: 40px;
}

.bbs-page {
	float: right;
	margin-top: 5px;
}

.bbs-page a, .bbs-page span {
	float: left;
	display: inline;
	padding: 3px 6px;
	margin-right: 2px;
	border: 1px solid #EBE6C9;
}

.bbs-page span {
	font-weight: bold;
	color: #fff;
	background-color: #FF8E00;
}

.bbs-page a:hover {
	color: #494949;
	text-decoration: none;
	border-color: #FF8E00;
}

.bbs-page .btn1 {
	background: transparent url(../images/icon/arrow-left.png) no-repeat 3px 50%;
}

.bbs-page .btn2 {
	background: transparent url(../images/icon/arrow-right.png) no-repeat 47px 50%;
}

.bbs-page .btn1 {
	padding-left: 12px;
}

.bbs-page .btn2 {
	padding-right: 12px;
}

#bbs-detail {
	width: 700px;
	padding: 0 12px;
}

#bbs-detail .title {
	font-size: 22px;
	padding: 20px 0;
}

#bbs-detail .extra {
	float: right;
	height: 45px;
}

#bbs-detail .userinfo {
	height: 45px;
	line-height: 45px;
}

#bbs-detail .userinfo .user .per {
	position: relative;
	top: 4px;
}

#bbs-detail .userinfo .user b {
	color: #FF8E00;
}

#bbs-detail .dtl {
	clear: both;
	float: right;
}

#bbs-detail .maincontent {
	clear: both;
	border: 1px dashed #ccc;
	border-width: 1px 0;
	padding: 30px 0;
	font-size: 14px;
	line-height: 220%;
	overflow: hidden;
}

#bbs-detail .maincontent .google-ads {
	float: right;
	width: 250px;
	height: 250px;
	margin-right: 50px;
}

#bbs-detail .reply-content li {
	clear: both;
	overflow: hidden;
	padding: 12px 0;
	border-bottom: 1px dashed #ccc;
}

#bbs-detail .reply-content .pic {
	float: left;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border: 1px solid #aaa;
}

#bbs-detail .reply-content .cons {
	float: right;
	width: 620px;
	overflow: hidden;
}

#bbs-detail .reply-content .cons .lou {
	float: right;
}

#bbs-detail .reply-content .cons .name {
	float: left;
	margin-right: 24px;
}

#bbs-detail .reply-content .con {
	padding-top: 5px;
}

#plform {
	padding-top: 24px;
	padding-left: 12px;
}

#plform .ask {
	padding-bottom: 12px;
}

#plform .login li {
	float: left;
	padding-right: 12px;
}

#plform .form {
	margin: 12px 0;
}

#plform .safecode td .codeimg {
	padding: 0 35px;
	position: relative;
	top: -8px;
}

/* !bbs-page */

/* =member-page */
#member-banner {
	width: 770px;
	height: 85px;
	overflow: hidden;
	margin-bottom: 5px;
	background: transparent url(../images/bg/member1.jpg) no-repeat left top;
}

#personal-info {
	width: 770px;
	border-top: 3px solid #FFA902;
	border-bottom: 3px solid #FFA801;
	position: relative;
}

#personal-info h3 {
	font-size: 16px;
	padding: 10px 0;
	padding-left: 12px;
}

#personal-info .cons {
	padding-left: 54px;
	padding-bottom: 20px;
}

#personal-info p {
	padding: 8px 0;
}

#personal-info p em {
	font-weight: bold;
}

#personal-info .p1, #personal-info .p2, #personal-info .p3, #personal-info .p4 {
	float: left;
	margin-right: 36px;
}

#personal-info .p5 {
	clear: both;
	padding-top: 12px;
}

#personal-info .score {
	position: absolute;
	left: 400px;
	top: 100px;
} 

#member-intro {
	float: left;
	width: 364px;
	margin-top: 30px;
	border-right: 1px dashed #ccc;
}

#member-intro ul {
	padding-left: 50px;
}

#member-intro li {
	width: 235px;
	height: 140px;
}

#member-intro li.first {
	background: transparent url(../images/icon/m_01.gif) no-repeat 0 5px;
}

#member-intro li.middle {
	background: transparent url(../images/icon/m_02.gif) no-repeat 0 5px;
}

#member-intro li.last {
	background: transparent url(../images/icon/m_03.gif) no-repeat 0 5px;
}

#member-intro li p {
	padding-left: 50px;
	padding-bottom: 10px;
}

#member-intro li p em, #member-intro li p span {
	display: block;
}

#member-style {
	float: right;
	width: 400px;
}

#member-style h3 {
	font-size: 16px;
	padding: 30px 50px;
}

#member-style ul {
	padding-left: 80px;
}

#member-style li {
	clear: both;
	height: 120px;
}

#member-style li.first {
	padding: 0;
}

#member-style li .pic {
	float: left;
	display: inline;
	width: 185px;
	height: 90px;
	overflow: hidden;
	margin-right: 24px;
}

#member-style li input {
	margin-top: 40px;
	border: 0;
}

.member-list-box {
	width: 197px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

.member-list-box h3 {
	width: 195px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-indent: 12px;
	border: 1px solid #cc9933;
	background: transparent url(../images/bg/member-title-bg.png) no-repeat left top;
	overflow: hidden;
}

.member-list-box ul {
	width: 195px;
	border: 1px solid #f88a0f;
	border-top: 0;
	border-bottom: 0;
}

.member-list-box li {
	height: 25px;
	line-height: 25px;
	text-indent: 24px;
	background: #facd89;
	border-bottom: 1px solid #faa14d;
}

.member-list-box a.folder {
	display: block;
	width: 33px;
	height: 31px;
	background: transparent url(../images/icon/i1.png) no-repeat left 3px;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
}

.member-list-box a.unfolder {
	background: transparent url(../images/icon/i2.png) no-repeat left 3px;
}

/* !member-page */
#shouye-ad10 {
	float: right;
	width: 980px;
	height: 69px;
	top: 2px;
	overflow: hidden;
	position: relative;
}
#shouye-ad1 {
	float: right;
	width: 510px;
	height: 64px;
	top: 2px;
	overflow: hidden;
	position: relative;
}
#shouye-ad2 {
	float: left;
	width: 468px;
	height: 64px;
	top: 2px;
	overflow: hidden;
	position: relative;
}

#info-ad {
	float: right;
	
}
#info-adad {
	float: left;
	width: 65%;
	
}