/* ============ 实例笔记 ============ */
/* 设置超长显示样式 */
.text[text=text]{
	text-overflow:ellipsis;
	white-space:nowrap; 
	overflow:hidden;
	/* 设置超长显示样式 以上3个属性必须一起使用 */
}

/* 全局样式定义 */

/* ============ 文字格式 ============ */
h1,h2,h3,h4,h5,h6,p,a{margin:0; padding:0; font-weight:lighter; font-family: "微软雅黑","黑体","宋体","新宋体" }

h1{ font-size:1.3em; font-weight:bold; text-align:center; font-family:"微软雅黑","黑体","宋体","新宋体" ; } /* 15pt */
h2{ font-size:1em;} /* 12pt */
h3{ font-size:1em;} /* 12pt */
h4{ font-size:1em;} /* 12pt */
h5{ font-size:1em;} /* 11pt */
h6{ font-size:0.75em;} /* 9pt */

/* ============ 段落格式 ============ */
p{ line-height:1.6em; text-indent :2em; font-weight:normal; margin:0; padding:0;}
dl{ margin:0; padding:0.625em 0;}
dt{ font-weight:bold; margin-bottom:5px; }
dd{ margin-bottom:5px;}
h5 ul, h5 ol{ margin-top: 0.625em; margin-bottom: 0.625em; }
h5 ul li{ list-style-type: disc; list-style-position:inside;}
h5 ol li{ list-style-type: decimal; list-style-position:inside;}

/* ============ 图片格式 ============ */


/* ============ 定义主题默认色彩 ============ */
.theme-Bg{ background:#CC0000; color:#FFF; } /* 该主题下的背景色 */
.theme-color{ color:#CC0000; } /* 该主题下的字体色 */
.theme-border{ border-color:#CC0000;} /* 该主题下的字体色 */

/* ============ 主题色、背景色 ============ */
.theme-gules{ background:#D1160A; color:#FFF; } /* LOGO 红 */
.theme-darkorange{ background:#FF8C00; color:#FFF; } 
.theme-crimson{ background:#DC143C; color:#FFF; } 
/* 橙色 */
.theme-orangered{ background:#FF4500; color:#FFF; } 
.theme-orangered a{color:#FFF}
.theme-orangered:hover{background:none; color:#FF4500;}
.theme-orangered:hover a{color:#FF4500;}


.theme-gold{ background:#FFD700 ; color:#000; } 
.theme-lightskyblue{ background:#87CEFA ; color:#000; } 
.theme-highlight{ background:#3399FF ; color:#FFF; } 
.theme-dodgerblue{ background:#1E90FF ; color:#FFF; } 
.theme-mediumpurple{ background:#9370DB ; color:#FFF; } 
.theme-tomato{ background:#FF6347 ; color:#FFF; } 
.theme-darkgray{ background:#A9A9A9; color:#000; } 
.theme-aliceblue{ background:#F0F8FF ; color:#000; } 
.theme-menu{ background:#F0F0F0 ; color:#000; } 
.theme-threedshadow{ background:#A0A0A0 ; color:#000; }
.theme-scrollbar{ background:#C8C8C8 ; color:#000; }
.theme-{ background: ; color:#000; }
.theme-{ background: ; color:#000; }
/* ============ 按钮 ============ */
/* 可配合“背景色、主题色” 属性使用，如增加： theme-gules  */
/* border-radius 圆角 */

.button{
	float:left;
	padding:1em 2.6em;
	text-align:center;
	border-radius:100px;
	list-style-type:none;	
	font-size:1em;
	font-weight:bold;
	/*
	color:#FFF;
	background:#FF4500;	
	*/
}
.button a{font-weight:bold;}


/* ============ 图形、形状 ============ */
	/* border-radius:5px; 圆角
	outline:ridge 1px #C30;  外轮廓 */

/* === 通用不带后缀"-m"  移动设备带 "-m"  === */
.radius-5,.radius-5-m{border-radius:5px;} /* 4个角圆 */
.radius-t5,.radius-t5-m{border-radius:5px 5px 0 0;} /* 上面角圆 */
.radius-b5,.radius-b5-m{border-radius:0 0 5px 5px;} /* 下面角圆 */
/* === 移动设备专用，移动设备带 "-m" === */


/* ============ 外模型属性 ============ */
.module{ /* 最大的外模框 */
	margin:0 auto;
	padding:0 2.85%;
	width: 91.3%;
	height:auto;	
	overflow:hidden;
	clear:both;	
}
.subModule{ /* 二级子模框 */
	overflow:hidden;
	clear:both;	
}
.module-full{ /* 宽：100%  的外模框 */
	margin:0 auto;
	padding:0;
	width: 100%;
	height:auto;	
	overflow:hidden;
	clear:both;	
}

/* === 16格模型布局 === */
/*
	模型总数之和必须为:16
	满16为：100%
*/
.module-16,
.module-15,
.module-14,
.module-13,
.module-12,
.module-11,
.module-10,
.module-9,
.module-8,
.module-7,
.module-6,
.module-5,
.module-4,
.module-3,
.module-2,
.module-1{
	margin:0 auto;
	padding:0;
	height:auto;	
	overflow:hidden;	
}
.module-16{ width:100%; }
.module-15{ width:93.75%; }
.module-14{ width:87.5%; }
.module-13{ width:81.25%; }
.module-12{ width:75%; }
.module-11{ width:68.75%; }
.module-10{ width:62.5%; }
.module-9{ width:56.25%; }
.module-8{ width:50%;  }
.module-7{ width:43.75%; }
.module-6{ width:37.5%; }
.module-5{ width:31.25%; }
.module-4{ width:25%; }
.module-3{ width:18.75%; }
.module-2{ width:12.5%; }
.module-1{ width:6.25%; }
/* 加上内补的 */
.module-16-p{ width:96%; padding:2%; float:left; }
.module-15-p{ width:89.75%; padding:2%; float:left; }
.module-14-p{ width:83.5%; padding:2%; float:left; }
.module-13-p{ width:77.25%; padding:2%; float:left; }
.module-12-p{ width:71%; padding:2%; float:left; }
.module-11-p{ width:64.75%; padding:2%; float:left; }
.module-10-p{ width:58.5%; padding:2%; float:left; }
.module-9-p{ width:52.25%; padding:2%; float:left; }
.module-8-p{ width:46%; padding:2%; float:left; }
.module-7-p{ width:39.75%; padding:2%; float:left; }
.module-6-p{ width:33.5%; padding:2%; float:left; }
.module-5-p{ width:27.25%; padding:2%; float:left; }
.module-4-p{ width:21%; padding:2%; float:left; }
.module-3-p{ width:14.75%; padding:2%; float:left; }
.module-2-p{ width:8.5%; padding:2%; float:left; }
.module-1-p{ width:2.25%; padding:2%; float:left; }
/* 加外距 */
.module-16-m{ width:96%; margin:2%; float:left; }
.module-15-m{ width:89.75%; margin:2%; float:left; }
.module-14-m{ width:83.5%; margin:2%; float:left; }
.module-13-m{ width:77.25%; margin:2%; float:left; }
.module-12-m{ width:71%; margin:2%; float:left; }
.module-11-m{ width:64.75%; margin:2%; float:left; }
.module-10-m{ width:58.5%; margin:2%; float:left; }
.module-9-m{ width:52.25%; margin:2%; float:left; }
.module-8-m{ width:46%; margin:2%; float:left; }
.module-7-m{ width:39.75%; margin:2%; float:left; }
.module-6-m{ width:33.5%; margin:2%; float:left; }
.module-5-m{ width:27.25%; margin:2%; float:left; }
.module-4-m{ width:21%; margin:2%; float:left; }
.module-3-m{ width:14.75%; margin:2%; float:left; }
.module-2-m{ width:8.5%; margin:2%; float:left; }
.module-1-m{ width:2.25%; margin:2%; float:left; }


/* 
	小类布局
	模型总数之和必须为:16
	满16为：100% 
 */

.layout-16{ width:100%; float:left; }
.layout-15{ width:93.75%; float:left; }
.layout-14{ width:87.5%; float:left; }
.layout-13{ width:81.25%; float:left; }
.layout-12{ width:75%; float:left; }
.layout-11{ width:68.75%; float:left; }
.layout-10{ width:62.5%; float:left; }
.layout-9{ width:56.25%; float:left; }
.layout-8{ width:50%; float:left; }
.layout-7{ width:43.75%; float:left; }
.layout-6{ width:37.5%; float:left; }
.layout-5{ width:31.25%; float:left; }
.layout-4{ width:25%; float:left; }
.layout-3{ width:18.75%; float:left; }
.layout-2{ width:12.5%; float:left; }
.layout-1{ width:6.25%; float:left; }

/* ============ 布局配，置分配 ============ */
/*
  只用于二级子模型里面，作为布局。
  在 X 横坐标中，模型总数之和为:10
  如：
  1、10 为一个模型。
  2、5 5 为两个模型，并是一样大的。
  3、2 6 2 为三个模型，尺寸分别为: 20% 60% 20%
  4、2 4 4 为三个模型，尺寸规则：同 “3”
  5、2 2 2 2 2 为5个模型，尺寸分别是： 20% 20% 20% 20% 20%
  保留属性 ： layout distribute
*/
.width-10{width: 96%; padding: 2%; } /* 10号框 */
.width-9{width: 96%; padding: 2%;  } /* 9号框 */
.width-8{width: 96%; padding: 2%;  } /* 8号框 */
.width-7{width: 96%; padding: 2%;  } /* 7号框 */
.width-6{width: 96%; padding: 2%;  } /* 6号框 */
.width-5{width: 96%; padding: 2%;  } /* 5号框 */
.width-4{width: 96%; padding: 2%;  } /* 4号框 */
.width-3{width: 96%; padding: 2%;  } /* 3号框 */
.width-2{width: 96%; padding: 2%;  } /* 2号框 */
.width-1{width: 9%; padding: 2%;  } /* 1号框 */

/* 内补 */
.padding-15{ padding:15px;}
.padding-10{ padding:10px;}
.padding-5{ padding:5px;}
.padding-0{ padding:0px;}
.padding-15-side{ padding-left:15px; padding-right:15px;}
.padding-10-side{ padding-left:10px; padding-right:10px;}
.padding-5-side{ padding-left:5px; padding-right:5px;}
.padding-0-side{ padding-left:0px; padding-right:0px;}
.padding-15-updown{ padding-top:15px; padding-bottom:15px; }
.padding-10-updown{ padding-top:10px; padding-bottom:10px; }
.padding-5-updown{ padding-top:5px; padding-bottom:5px; }
.padding-0-updown{ padding-top:0px; padding-bottom:0px; }
/* 外补 */
.margin{ margin:0 auto; }
.margin-15{ margin:15px;}
.margin-10{ margin:10px;}
.margin-5{ margin:5px;}
.margin-0{ margin:0px;}
.margin-15-auto{ margin:15px auto;}
.margin-10-auto{ margin:10px auto;}
.margin-5-auto{ margin:5px auto;}
.margin-0-auto{ margin:0px auto;}
.margin-15-side{ margin-left:15px; margin-right:15px;}
.margin-10-side{ margin-left:10px; margin-right:10px;}
.margin-5-side{ margin-left:5px; margin-right:5px;}
.margin-15-updown{ margin-top:15px; margin-bottom:15px; }
.margin-10-updown{ margin-top:10px; margin-bottom:10px;}
.margin-5-updown{ margin-top:5px; margin-bottom:5px;}

/* 自适应内容宽度并居中 */
.wrap { /* 外层、第一层 */
	position: relative;
	float: left; /* 自适应内容宽度 */
	left: 50%;
	width:auto;
	height:auto; 	
	clear:both;
	overflow:visible;
}
.inner { /* 内层、第二层 */
	position: relative;
	left: -50%;
	width:auto;
	height:auto; 	
	clear:both;
	overflow:visible;
}
/* ============ 警告模块 ============ */

.warning{
	padding:1em;
	
	text-align:center;
	background:#FFC993;
	
	
}






/* ============ SetTAB 切换列表模型 ============ */
.setTab{
	margin-bottom:20px;
	
}
.setTab ol{	overflow:hidden; margin-bottom:0px; background:none; } /* Tab 栏目 */
.setTab ol li{ /* Tab 栏目名称  */
	float: left;
	padding:8px 15px; 
	margin:0 -5px;
	word-break:keep-all;
	background:none; 
} 
.setTab ol li.hover{
	color:#FFF; 
	border-radius:5px 5px 0 0; 
	margin:0 0px;
	/* border-top:1px solid #CCC; 
	border-left:1px solid #CCC; 
	border-right:1px solid #CCC;  */
	background:#FF4500;
}

.setTab div{ background:none; border:1px solid #CCC; } /* 栏目内容 */
.setTab div ul{	display:none; padding-top:10px; padding-bottom:10px } /* Tab 每个项目内容 */
.setTab div ul.block{ display:block;}
.setTab div ul li{	
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;  
}
/* ============ 列表模型 ============ */
.listGroup{ /* 列表 */

	clear:both;
	/* overflow:hidden; */
	border:1px solid #D2D2D2;
	padding:1px;
	margin-bottom:20px;
	background:none;
}
.listGroup .name,ul .name{ /* 栏目名称 */		
	text-align:center;
	padding:10px;
	font-family:"微软雅黑","黑体","宋体","新宋体" ;
}

.listGroup li{ 
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;	
}
/*  
* 指定文章框里的列表
* 列表内容显示，超长显示代替:...
*/
aside ul li{ /* 连接列表超长显示定义 */
	overflow: hidden;
	text-overflow:ellipsis;	
	word-break:keep-all ;
	
}

/* 列表-ul ol */
ul.list.list-type-none,
ul.list.list-type-none li,
ol.list.list-type-none,
ol.list.list-type-none li{
	line-height:1.5em;
	list-style-type:none;
	clear:both;
}
/* 缩进 */
ul.list.list-type-none li.indent,
ol.list.list-type-none li.indent{ margin-left:2em; }
/* li-标题 */
ul.list.list-type-none li.title,
ol.list.list-type-none li.title{  font-weight:bold; }

/* 表格 */
table.table{
	
	margin:0;
	padding:0;
	border-top:none;
	
}
table.table tbody{
	margin:0;
	padding:0;
	border:none;
	border-top:none;
}
table.table td{
	padding:0;
	margin:0;
	vertical-align: bottom;
	border-top:none;
}
table.table tr{
	margin:0;
	padding:0;
	border:none;
	border-top:none;
}

table.table caption { caption-side: top; width: auto; text-align: center; } 

/* 浮动方向 */
.x-left,left-x{float:left !important} /* 向左浮动 */
.x-right,right-x{float:right !important} /* 向右浮动 */