@charset "utf-8";
/* CSS Document */
/*
   1. Container
      “#container“ 就是将你页面中的所有元素包在一起的部分，这部分你还可以命名为: ”wrapper“, “wrap“, “page“.
   2. Header
      “#header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分你还可以命名为:”top“, “logo“, “page-header” (或 pageHeader).
   3. Navbar
      “#navbar“等同于横向的导航栏，是最典型的网页元素。这部分你还可以命名为:“nav”, “navigation”, “nav-wrapper”.
   4. Menu
      “#Menu”区域包含一般的链接和菜单，这部分你还可以命名为: ”sub-nav ”, “links“.
   5. Main
      “#Main”是网站的主要区域，如果是博客的话它将包含你的日志。这部分你还可以命名为: ”content“, “main-content” (or “mainContent”)。

   6. Sidebar
      “#Sidebar” 部分可以包含网站的次要内容，比如最近更新内容列表、关于网站的介绍或广告元素等…这部分你还可以命名为: ”sub-nav“, “side-panel“, “secondary-content“.
   7. Footer
      “#Footer”包含网站的一些附加信息，这部分你还可以命名为: ”copyright“.

套色文字代码
红底套绿色    [代码ffg,#37B400,#FF0000]
红底套鲜蓝    [代码ffg,#00AEEF,#FF0000]
红底套鲜黄    [代码ffg,#FFF100,#FF0000]
红底套紫色    [代码ffg,#A763A9,#FF0000]
红底套海蓝    [代码ffg,#70DB93,#FF0000]
红底套正黄    [代码ffg,#FFFF00,#FF0000]
红底套紫蓝    [代码ffg,#652C91,#FF0000]
黄底套绿色    [代码ffg,#37B400,#FFF100]
黄底套鲜蓝    [代码ffg,#00AEEF,#FFF100]
黄底套正黄    [代码ffg,#FF0000,#FFF100]
黄底套玫瑰红  [代码ffg,#ED00FF,#FFF100]
黄底套褐红    [代码ffg,#8E236B,#FFF100]
蓝底套鲜黄    [代码ffg,#FFF100,#00AEEF]
蓝底套金黄    [代码ffg,#FBAF00,#00AEEF]
蓝底套紫蓝    [代码ffg,#652C91,#00AEEF]
蓝底套紫色    [代码ffg,#A763A9,#00AEEF]
蓝底套玫瑰红  [代码ffg,#ED00FF,#00AEEF]
黑底套粉红    [代码ffg,#F49BC1,#000000]
黑底套鲜蓝    [代码ffg,#00AEEF,#000000]
黑底套淡黄    [代码ffg,#FDC68C,#000000]
黑底套淡绿    [代码ffg,#A4D49D,#000000]
黑底套湖蓝    [代码ffg,#5573B7,#000000]
黑底套橙色    [代码ffg,#F16522,#000000]
黑底套金黄    [代码ffg,#FBAF00,#000000]
黑底套紫色    [代码ffg,#A763A9,#000000]
黑底套红色    [代码ffg,#FF0000,#000000]
黑底套橙色    [代码ffg,#F16522,#000000]
绿底套黑色    [代码ffg,#000000,#37B400]
绿底套鲜黄    [代码ffg,#FFF100,#37B400]
绿底套金黄    [代码ffg,#FBAF00,#37B400]
绿底套红色    [代码ffg,#FF0000,#37B400]
绿底套褐红    [代码ffg,#8E236B,#37B400]
白底套红字    [代码ffg,#FF0000,#FFFFFF]
白底套绿色    [代码ffg,#37B400,#FFFFFF]
白底套鲜蓝    [代码ffg,#00AEEF,#FFFFFF]
白底套橙色    [代码ffg,#F16522,#FFFFFF]
白底套金黄    [代码ffg,#FBAF00,#FFFFFF]
白底套紫色    [代码ffg,#A763A9,#FFFFFF]
白底套朱红    [代码ffg,#ED008C,#FFFFFF]
白底套玫瑰红  [代码ffg,#ED00FF,#FFFFFF]
白底套土红    [代码ffg,#F16D7E,#FFFFFF]
白底套粉红    [代码ffg,#F49BC1,#FFFFFF]
白底套褐红    [代码ffg,#FF0000,#FFFFFF]
白底套红字    [代码ffg,#8E236B,#FFFFFF]

常用字体色彩代码：

      暗黄    [代码ftc=#FDC68C]
      金黄    [代码ftc=#FBAF00]
      绿色    [代码ftc=#37B400]
      淡绿    [代码ftc=#A4D49D]
      浅绿    [代码ftc=#4E2F2F8]    
      鲜蓝    [代码ftc=#00AEEF]
      浅蓝    [代码ftc=#6CCFF7]
      湖蓝    [代码ftc=#5573B7]
      海蓝    [代码ftc=#70DB93]      
      橙色    [代码ftc=#F16522]
      大红    [代码ftc=#FF0000]
      玫瑰红  [代码ftc=#ED00FF]
      粉红    [代码ftc=#F49BC1]
      朱红    [代码ftc=#ED008C]
      土红    [代码ftc=#F16D7E]
      紫色    [代码ftc=#A763A9]
      蓝紫    [代码ftc=#2F3192]
      褐红    [代码ftc=#8E236B]      
      巧克力色[代码ftc=#5C3317]

*/
html body div.clear, html body span.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	height:0;
	margin:0;
	overflow:hidden;
	padding:0;
	width:0;
	visibility:hidden;
}
.clearfix:after {
	clear:both;
	content:'\0200';
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}
.container {
	height:auto;
	margin:10px auto;
	width:960px;
}
.c12 {
	background:url(/images/12_col.gif) center repeat-y;
}
.c16 {
	background:url(/images/16_col.gif) center repeat-y;
}
.c24 {
	background:url(/images/24_col.gif) center repeat-y;
}
.column,.column2,.column3 {
	display:inline;
	float:left;
	text-align:center;
}
.column{margin:0 10px;}
.column2{margin:0 5px;}
.column3{margin:0 3px;} 
/*12列网格布局*/
.c_all {
	width:940px;
}
.c12_6, .c16_8 {
	width:460px;
}
.c12_1 {
	width:60px;
}
.c12_2 {
	width:140px;
}
.c12_4 {
	width:300px;
}
.c12_5 {
	width:380px;
}
.c12_7 {
	width:540px;
}
.c12_8 {
	width:620px;
}
.c12_10 {
	width:780px;
}
.c12_11 {
	width:860px;
}
/*16列网格布局*/
.c16_1 {
	width:40px;
}
.c16_2 {
	width:100px;
}
.c16_3 {
	width:160px;
}
.c16_5 {
	width:280px;
}
.c16_6 {
	width:340px;
}
.c16_7 {
	width:400px;
}
.c16_9 {
	width:520px;
}
.c16_10 {
	width:580px;
}
.c16_11 {
	width:640px;
}
.c16_13 {
	width:760px;
}
.c16_14 {
	width:820px;
}
.c16_15 {
	width:880px;
}
/*24列网格布局*/
.c24_all {
	width:950px;
}
.c24_1 {
	width:30px;
}
.c24_2 {
	width:70px;
}
.c24_3 {
	width:110px;
}
.c24_4 {
	width:150px;
}
.c24_5 {
	width:190px;
}
.c24_6 {
	width:230px;
}
.c24_7 {
	width:270px;
}
.c24_8 {
	width:310px;
}
.c24_9 {
	width:350px;
}
.c24_10 {
	width:390px;
}
.c24_11 {
	width:430px;
}
.c24_12 {
	width:470px;
}
.c24_13 {
	width:510px;
}
.c24_14 {
	width:550px;
}
.c24_15 {
	width:590px;
}
.c24_16 {
	width:630px;
}
.c24_17 {
	width:670px;
}
.c24_18 {
	width:710px;
}
.c24_19 {
	width:750px;
}
.c24_20 {
	width:790px;
}
.c24_21 {
	width:830px;
}
.c24_22 {
	width:870px;
}
.c24_23 {
	width:910px;
}
.prefix16_1 {
	padding-left:60px;
}
.prefix16_3 {
	padding-left:180px;
}
.prefix16_5 {
	padding-left:300px;
}
.prefix16_7 {
	padding-left:420px;
}
.prefix16_9 {
	padding-left:540px;
}
.prefix16_11 {
	padding-left:660px;
}
.prefix16_13 {
	padding-left:780px;
}
.prefix16_15 {
	padding-left:900px;
}
.suffix16_15 {
	padding-right:900px;
}
.suffix16_13 {
	padding-right:780px;
}
.suffix16_11 {
	padding-right:660px;
}
.suffix16_9 {
	padding-right:540px;
}
.suffix16_7 {
	padding-right:420px;
}
.suffix16_5 {
	padding-right:300px;
}
.suffix16_3 {
	padding-right:180px;
}
.suffix16_1 {
	padding-right:60px;
}
.prefix24_1 {
	padding-left:40px;
}
.prefix24_5 {
	padding-left:200px;
}
.prefix24_7 {
	padding-left:280px;
}
.prefix24_11 {
	padding-left:440px;
}
.prefix24_13 {
	padding-left:520px;
}
.prefix24_17 {
	padding-left:680px;
}
.prefix24_19 {
	padding-left:760px;
}
.prefix24_23 {
	padding-left:920px;
}
.suffix24_23 {
	padding-right:920px;
}
.suffix24_19 {
	padding-right:760px;
}
.suffix24_17 {
	padding-right:680px;
}
.suffix24_13 {
	padding-right:520px;
}
.suffix24_11 {
	padding-right:440px;
}
.suffix24_7 {
	padding-right:280px;
}
.suffix24_5 {
	padding-right:200px;
}
.suffix24_1 {
	padding-right:40px;
}
/*清除左外间距*/
.alpha {
	margin-left:0;
}
/*清除右外间距*/
.omega {
	margin-right:0;
}
.c12_3, .c16_4 {
	width:220px;
}
.c12_9, .c16_12 {
	width:700px;
}
.prefix12_1, .prefix24_2 {
	padding-left:80px;
}
.prefix12_2, .prefix24_4 {
	padding-left:160px;
}
.prefix12_3, .prefix16_4, .prefix24_6 {
	padding-left:240px;
}
.prefix12_4, .prefix24_8 {
	padding-left:320px;
}
.prefix12_5, .prefix24_10 {
	padding-left:400px;
}
.prefix12_6, .prefix16_8, .prefix24_12 {
	padding-left:480px;
}
.prefix12_7, .prefix24_14 {
	padding-left:560px;
}
.prefix12_8, .prefix24_16 {
	padding-left:640px;
}
.prefix12_9, .prefix16_12, .prefix24_18 {
	padding-left:720px;
}
.prefix12_10, .prefix24_20 {
	padding-left:800px;
}
.prefix12_11, .prefix24_22 {
	padding-left:880px;
}
.suffix12_11, .suffix24_22 {
	padding-right:880px;
}
.suffix12_10, .suffix24_20 {
	padding-right:800px;
}
.suffix12_9, .suffix16_12, .suffix24_18 {
	padding-right:720px;
}
.suffix12_8, .suffix24_16 {
	padding-right:640px;
}
.suffix12_7, .suffix24_14 {
	padding-right:560px;
}
.suffix12_6, .suffix16_8, .suffix24_12 {
	padding-right:480px;
}
.suffix12_5, .suffix24_10 {
	padding-right:400px;
}
.suffix12_4, .suffix24_8 {
	padding-right:320px;
}
.suffix12_3, .suffix16_4, .suffix24_6 {
	padding-right:240px;
}
.suffix12_2, .suffix24_4 {
	padding-right:160px;
}
.suffix12_1, .suffix24_2 {
	padding-right:80px;
}
.prefix16_2, .prefix24_3 {
	padding-left:120px;
}
.prefix16_6, .prefix24_9 {
	padding-left:360px;
}
.prefix16_10, .prefix24_15 {
	padding-left:600px;
}
.prefix16_14, .prefix24_21 {
	padding-left:840px;
}
.suffix16_14, .suffix24_21 {
	padding-right:840px;
}
.suffix16_10, .suffix24_15 {
	padding-right:600px;
}
.suffix16_6, .suffix24_9 {
	padding-right:360px;
}
.suffix16_2, .suffix24_3 {
	padding-right:120px;
}