@import url("/css/nav.css");
@import url("/css/leftMenu.css");

#mainArticle { float:left; width:782px; margin-left:19px; }
#mainArticle .depth1 { overflow:hidden; }
#mainArticle .depth1 .left { float:left; width:557px; height:309px; background:#c4c4c4; cursor:pointer; }
#mainArticle .depth1 .left .menu { float:left; padding:1px 1px 0 1px; }
#mainArticle .depth1 .left .menu p { padding-bottom:2px; }
#mainArticle .depth1 .left .menu p img { vertical-align:top; }
#mainArticle .depth1 .left .contents { float:right; padding:1px 0; }

#mainArticle .depth1 .right { float:left; }
#mainArticle a { color:#333; }

#mainArticle .depth2 { margin-top:0px; overflow:hidden; clear:both; }
#mainArticle .depth2 .latestleft { width:380px; float:left; }
#mainArticle .depth2 ul { clear:both; overflow:hidden; _height:19px; }
#mainArticle .depth2 ul.title { border-bottom:1px solid #d6d6d6; padding-bottom:5px; margin-bottom:10px; }
#mainArticle .depth2 li { list-style:none; padding:2px 0; }
#mainArticle .depth2 li.left { float:left; }
#mainArticle .depth2 li.right { float:right; }
#mainArticle .depth2 .latestright { width:380px; float:right; }
#mainArticle .depth2 .reply { color:#df56b5; }
/*padding-top:9px;*/
#mainArticle .depth3 { margin-top:30px; overflow:hidden; clear:both; }
#mainArticle .depth3 .tabBar { border-bottom:1px solid #d6d6d6; position:relative; height:30px; }
#mainArticle .depth3 .tabBar img {  }
#mainArticle .depth3 .tabBar .tab1 {
position:absolute; width:90px;  bottom:-1px; text-align:center; height:22px; padding-top:8px; _bottom:-1px;
border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;
}
#mainArticle .depth3 .tabBar .tab2 { 
position:absolute; width:90px; bottom:-1px; left:91px; text-align:center; height:22px; padding-top:8px; _bottom:-1px;
border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;
}
#mainArticle .depth3 .tabBar .on { border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #fff; z-index:10; height:21px; }
#mainArticle .depth3 .tabBar .more { float:right; }

#mainArticle .depth3 .list { padding-top:12px; font-weight:bold; }
#mainArticle .depth3 .list .list1 { float:left; width:250px; height:290px; }
#mainArticle .depth3 .list .list2 { float:left; margin-left:16px; width:250px; height:290px;  }
#mainArticle .depth3 .list .list3 { float:left; margin-left:16px; width:250px; height:290px; _margin-left:10px; }

#mainArticle .depth3 .list p { clear:both; padding:2px 0; }
#mainArticle .depth3 .list .mcName { font-size:15px; color:#363636; float:left; }
#mainArticle .depth3 .list .mcImg { float:right; }
#mainArticle .depth3 .list .mcType { font-size:13px; color:#929292; }
#mainArticle .depth3 .list .mcArea { font-size:13px; color:#df56b6; }