@charset "utf-8";
/****2010.8.11****/
/*****Create by sjw*****/

body { background:#fff;}

/* =Tab banner 外围Tab栏
----------------------------------- */
/*.mainTab { margin-top:10px; height:50px; background: url(../img/title.png) no-repeat;}*/
.mainTab { margin-top:5px; height:50px; background: url(../img/title.png) no-repeat;}
	.mainTab h2 {display:block; float:left; font-family:'微软雅黑','宋体' ; font-weight: bold; font-size:22px; margin:5px 0 0 15px;}
#mainTab1 { background-position: 0px -71px; margin-top:0;}
	#mainTab1 h2 { color:#315700;  *margin-left:15px; _margin-left:8px;}
#mainTab2 { background-position: 0px -201px;}
	#mainTab2 h2 { color:#117697; *margin-left:15px; _margin-left:8px;}
#mainTab3{ background-position: 0px -461px;}
	#mainTab3 h2 { color:#A83270; *margin-left:15px; _margin-left:8px;}
#mainTab4{ background-position: 0px -331px;}
	#mainTab4 h2 { color:#562EA3; *margin-left:15px; _margin-left:8px;}

.mainTabNav { float:right; font-size:12px; margin:0px 20px 0px 0px; line-height:38px; height:38px; _display:inline;}
.mainTabNav li { color:#fff; float:left;}
.mainTabNav li a { color:#fff;}
.mainTabNav li a:hover { color: #fff; text-decoration:underline;}

.margRL5px { margin:0px 5px;}

/* =Tab Conter Tab 外围容器 高度
----------------------------------- */
.mainContent { width:948px; border:solid 1px; border-top:0px; padding:10px;}
#mainContent1 { border-color:#96d188; *padding-bottom:0px; _padding-bottom:0px;}
#mainContent2 { border-color:#5FB4BF;}
#mainContent3 { border-color:#CA6392;}
#mainContent4 { border-color:#7E67D1;}

.mainBox { float:left; width:280px;}

.mainContent ol li{ line-height:20px; background:url(../img/dot01.gif) no-repeat 0 -35px; padding:0 0 0 1em;}

/* = 内容盒子
----------------------------------- */
.mcLeft,.mcMiddle,.mcRight { float:left;} /****_display 清除IE双边距问题 ****/
.mcMiddle,.mcRight { margin-left:10px;}
.mcLeft { width:182px;}
.mcRight { _margin-right:-3px;}

.mainContentTitle{height:24px; border-bottom:solid #dddddd 1px;}/****标题 容器****/
.mainContentTitle h2{ height:24px; float:left;}
.mainContentTitle span a{ color:#999; float:right; font-size:12px;}

.mainBoxTop { margin-bottom:5px;}
.mainBoxLeft { float:left;}
.mainBoxRight1 { float:left; width:150px;}
.mainBoxRight2,
 .mainBoxRight4 { float:left; width:210px;}

.mainBoxRight1 span,
 .mainBoxRight2 span,
  .mainBoxRight4 span { padding-left:5px;}
 
.mainBoxRight1 span a { color:#40980e;}
.mainBoxRight2 span a { color:#117697;}
.mainBoxRight4 span a { color:#A83270;}

 /**** 容器 标题 ****/
.mainBoxConTitle { margin-bottom:5px;}

.mainBoxContent,
 .mainBoxContent2,
 .mainBoxContent3,
 .mainBoxContent4 { margin-top:10px; padding:0 5px;}

.mainBoxContent h2,
 .mainBoxContent2 h2,
 .mainBoxContent4 h2 { font-family:'微软雅黑', '宋体'; font-weight:bold;}	

.mainBoxContent img,
 .mainBoxContent2 img, 
 .mainBoxContent4 img{ width:100px; height:75px; margin-right:10px;}
 
/**** 十大行业 容器 ****/	
	.mainBoxContent h2 a { color:#40980e;}

	.mainBoxContent ol { margin:10px 0 13px 0; *margin:10px 0 15px 0; _margin:10px 0 14px 0;}
	.mainBoxContent ol span { margin-left:5px; color:#999; font-size:11px;}

 /**** 家居设计 容器 ****/
	.mainBoxContent2 h2 a{ color:#117697;}

	.mainBoxContent2 ol { margin:10px 0 0 0; *margin:10px 0 9px 0; _margin:10px 0 5px 0;}
	.mainBoxContent2 ol span { margin-left:5px; color:#999; font-size:11px;}

/**** 家居设计 容器 右 ****/
.mainBoxContentL1 { margin-top:10px; text-align:center; padding:0 3px;} 
	.mainBoxContentL1 ul li { width:88px; float:left; text-align:center; }
	.mainBoxContentL1 ul img { width:80px; height:65px;}
	.mainBoxContentL1 ul span { display:inline-block; width:80px; padding-top:5px; line-height:16px; margin-bottom:6px;}
	.mainBoxContentL1 ol { text-align:left; margin-bottom:5px; *margin-bottom:7px; _margin-bottom:7px;}
	.mainBoxL1fix ol { margin-bottom:0; *margin-bottom:7px; _margin-bottom:7px;}
		
/**** 家居文化 容器 右 ****/
.mainBoxContentL2 { margin-top:10px; text-align:center; padding:0 3px;} 
	.mainBoxContentL2 ul li { float:left; text-align:center; width:88px;}
	.mainBoxContentL2 ul img { width:80px; height:65px;}
	.mainBoxContentL2 ul span { display:inline-block; width:88px; padding-top:5px; line-height:16px; margin-bottom:6px;}
	
	.mainBoxContentL2 ol { text-align:left; margin-bottom:8px; *margin-bottom:-2px; _margin-bottom:2px;}

/**** 图 容器 ****/
	.mainBoxContent3 a { width:102px; display:block;}
	.mainBoxContent3 ul { margin-right:-6px;}
	.mainBoxContent3 ul li { margin:0 6px; float:left; _margin:0 5px;}
    .mainBoxContent3 ul img { width:100px; height:140px;}
	.mainBoxContent3 span { display:block; margin-top:5px; text-align:center;}

 /**** 家居文化 容器 ****/
	.mainBoxContent4 h2 a{ color:#A83270;}

	.mainBoxContent4 ol { margin:10px 0 0 0;}
	.mainBoxContent4 ol span { margin-left:5px; color:#999; font-size:11px;}


/* = 家居家饰
---------------------------------- */
#JJJS1,
 #JJJS2,
 #JJJS3 { border:#dcdcdc solid 1px; padding:10px;}

#JJJS1 { width:160px;}
#JJJS2 { width:160px; margin-top:8px; margin-top:7px\0; _margin-top:9px;}
#JJJS3 { width:572px; padding-bottom:0;}

#ad01,#ad02 { width:150px; border:#dcdcdc solid 1px; height:665px; _height:665px; background-color:#ffe;}
#ad02 { margin-top:6px; margin-top:5px\0; *margin-top:8px; _margin-top:9px;}

#JJJS1 ul,
 #JJJS2 ul { margin-top:10px;}

#JJJS1 ul li,
 #JJJS2 ul li { text-align:center;}
 
#JJJS1 ul img,
 #JJJS2 ul img { width:150px; height:100px;}
 
#JJJS1 ul span,
 #JJJS2 ul span { display:inline-block; width:150px; padding-top:5px; line-height:24px; margin-bottom:6px; *margin-bottom:4px;}

#JJJS1 ol,
 #JJJS2 ol { margin-top:2px; *margin-top:3px; _margin-top:5px;}

.margR12 { margin-right:12px; _margin-right:9px;}

/* = 家居设计
----------------------------------- */
#JJSJ1,
 #JJSJ2,
 #JJSJ3,
 #JJSJ4 { border:#dcdcdc solid 1px; padding:10px; }
 
#JJSJ1,
 #JJSJ2 { width:340px;}
 
#JJSJ3 { width:182px;}

#JJSJ4 { width:926px; margin-top:10px; }/**** 美图秀 ****/

/* = 家居文化
----------------------------------- */
#JJWH1,
 #JJWH2,
 #JJWH3,
 #JJWH4 { border:#dcdcdc solid 1px; padding:10px;}
 
#JJWH1,
 #JJWH2 { width:340px;}
 
#JJWH3 { width:182px;}

#JJWH4 { width:926px; margin-top:10px;}/**** 案例赏析 ****/

/* = 杂志封面
----------------------------------- */
#ZZFM { padding:10px; width:928px;}

/* =图片
----------------------------------- */
.Pic-blue,
 .Pic-purple { margin-bottom:10px;}

.PicMargin { margin-bottom:0; *margin-bottom:-10px; _margin-bottom:-10px;}/**** 针对 IE7、IE6 设计师版块 上半部分 ****/

.Pic-blue2 img,
 .Pic-purple img,
 .Pic-blue img,
 .Pic-green img,
 .Pic-gray img { border:1px #ddd solid; background:#fff; padding:1px;}
 
.Pic-purple a:hover img { border:1px #CA6392 solid;}
.Pic-blue a:hover img { border:1px #117697 solid;}
.Pic-green a:hover img { border:1px #40980e solid;}
.Pic-gray a:hover img { border:1px #666 solid;}
.Pic-blue2 a:hover img { border:1px #7E67D1 solid;}

/* =字体颜色\大小
----------------------------------- */
.fnt12 { font-size:12px; line-height:20px;}
.fntCol-green { color:#40980e;}/****绿****/
.fntCol-green a { color:#40980e; text-decoration:none;}
.fntCol-green a:hover { text-decoration:underline;}
.fntCol-blue { color:#117697;}/****蓝****/
.fntCol-blue a { color:#117697; text-decoration:none;}
.fntCol-blue a:hover { text-decoration:underline;}
.fntCol-purple { color:#A83270;}/****紫****/
.fntCol-purple a { color:#A83270; text-decoration:none;}
.fntCol-purple a:hover { text-decoration:underline;}


.fntCol-dark { color:#333;}/****黑灰****/
.fntCol-dark a { color:#333;  text-decoration:none;}
.fntCol-darkBlue2 a,
 .fntCol-darkGreen a,
 .fntCol-darkPurple a,
 .fntCol-darkBlue a{ color:#333;}
 
.fntCol-darkBlue2 a:hover { color:#7E67D1; text-decoration:underline;}/****红色 滑过****/
.fntCol-darkGreen a:hover { color:#40980e; text-decoration:underline;}/****绿 滑过****/
.fntCol-darkPurple a:hover { color:#A83270; text-decoration:underline;}/****紫 滑过color:#CA6392;****/
.fntCol-darkBlue a:hover { color:#117697; text-decoration:underline;}/****蓝 滑过****/


.floatleft { float:left;}
.floatright { float:right;}
.margAuto { margin:0 auto;}