@import url(inc.css);
@import url(links.css);
@import url(color.css);

#infotutorials .ABCa { float:left; width:301px;}
#infotutorials .ABCb { float:left; width:301px;}
#infotutorials .ABCc { float:right; width:298px;}

/* --- top commend 精彩推荐 --- */
.commendframe{float:left;border:1px solid #c9c9c9;background:#fff;margin-right:2px;padding:0;width:152px;height:196px;}
.commend ul{list-style:none;margin:0;padding:0;}
.commend ul li{text-align:left;background:#fff; border:1px solid #c9c9c9; padding:5px 5px 2px 5px; margin:10px;}

.commendexplain{background:#fffbf3;border:1px dotted #cc9966;margin:10px;padding:4px;}
.commendexplain strong{display:block;color:#cc0000;padding-bottom:4px;text-align:left;}
.commendexplain span{display:block;color:#aaa;line-height:22px;}

#sortframe{float:right;border:1px solid #c9c9c9;background:#f5f5f5;margin:0;padding:0;width:118px;height:196px;}
#sort ul{list-style:none;margin:0;padding:4px;}
#sort ul li{float:left;}
#sort ul li a{display:block;background:#fff; border:1px solid #c9c9c9; padding:4px;width:100px;margin:0 0 4px 0 !important; margin:0;}
#sort ul li a:hover{background:#f5f5f5; border:1px dotted #666; padding:4px;width:100px;margin:0 0 4px 0 !important; margin:0;}

#memberframe{ border:1px solid #c9c9c9;background:#f5f5f5;margin:0;padding:6px;}
#membercaption{float:left; margin:0;padding:0;}
#member ul{list-style:none;margin:0;padding:0;}
#member ul li{float:right;text-align:center;}
#member ul li a{display:block;background:#fff; border:1px solid #c9c9c9; padding:2px; margin:0 0 0 8px;}
#member ul li a:hover{background:#fff; border:1px solid #ff0000; padding:2px; margin:0 0 0 8px;}

/* --- news 最新教程 --- */
#newstutorialsframe{ border:1px solid #c9c9c9;background:#f5f5f5;margin:0;padding:10px 0 0 10px;}
#newstutorials ul{list-style:none;margin:0;padding:0;}
#newstutorials ul li{float:left;text-align:left;margin:0;padding:0;height:150px;}
#newstutorials ul li div{ background:#fff; border:1px solid #c9c9c9;padding:8px;margin:0 10px 0 0;}
#newstutorials ul li strong{display:block;color:#996600;padding:4px 0 4px 0;text-align:left;}
#newstutorials ul li span{display:block;color:#cc9933;padding-bottom:4px;text-align:left;}

/* --- info 综合信息 --- */
.infolist ul{background:#f5f5f5;border: #c9c9c9 1px solid;list-style:none;margin:0 ;padding:4px;width:289px;}
.infolist li{ height:18px;margin:0;padding:4px 0 0 0; background:url(../images/bg/broken-line.gif) repeat-x 0 21px;}

.info1list ul{background:#f5f5f5;border: #c9c9c9 1px solid;list-style:none;margin:0 ;padding:4px;width:288px;}
.info1list li{ height:18px;margin:0;padding:4px 0 0 0; background:url(../images/bg/broken-line.gif) repeat-x 0 21px;}

/* --- other 其它 --- */
#elsesortframe{border:1px solid #c9c9c9;background:#f5f5f5;margin:0;padding:8px 0 8px 0;}
#elsesort ul{list-style:none;margin:0;padding:0;}
#elsesort ul li{float:left;}
#elsesort ul li a{display:block;background:#fff; border:1px solid #c9c9c9; padding:4px;width:100px;margin:0 0 0 8px;}
#elsesort ul li a:hover{background:#f5f5f5; border:1px dotted #666; padding:4px;width:100px;margin:0 0 0 8px;}

.explain{border:0;color:#660000;width:100%;padding:0;margin:0;}
.content{background:#fff;width:100%;border:4px solid #eee;padding:4px !important;padding:0 0 0 4px;}