﻿


/* ------------------------------------全局定义---------------------------------------- */

/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
*{ margin:0;padding:0;}

/* 修正IE5.x和IE6的斜体溢出bug */
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}

/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body{ text-align:center;margin:auto;font:12px/22px Verdana,Arial,sans-serif,"Times New Roman",宋体;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:12px; vertical-align:middle;}


/*为table设置 cellpadding="0" cellspacing="0"*/
table{border-collapse:collapse;}
table td{padding:0;}

/*取消input样式*/
input{padding:0; margin:0;height:25px;line-height:25px;}

/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}

/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */
ul,li,form{ margin:0; padding:0; list-style-type: none; }

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img{ border:0 none;}

/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */
a:link, a:visited{ color:#04C; text-decoration:none;}
a:hover{ color:#F60; text-decoration:underline;}

/* 去掉链接的虚线框 */
a {cursor:pointer;display:inline-block; outline:none; star:expression(this.onFocus=this.blur());}

/* 定义H系列标签，覆盖H系列标签默认属性 */
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
/* ------------------------------------通用属性定义---------------------------------------- */

/* 鼠标样式 */
.pointer{ cursor:pointer;}

/* 取消边框 */
.noBorder{ border:0 none;}

/* 文本对齐方式 */
.alignL{ text-align:left;}
.alignC{ text-align:center;}
.alignR{ text-align:right;}

/* 字母和单词换行设置，强制内容换行，强制内容不换行 */
.break{word-break:break-all; word-wrap:break-word;}
.noBreak{ word-break:keep-all; word-wrap:normal;}

/* 浮动定义 */
.fL{float:left;}
.fR{float:right;}

/* 定义文本下划线 */
.unLine{text-decoration:underline;}
.noneLine{text-decoration:none;}

/* 定位关系 */
.absolute{ position:absolute;}
.relative{ position:relative;}



/* ------------------------------------通用容器定义---------------------------------------- */

/* 容器 */
.wrapper{ clear:both; overflow:hidden;}

/* 隐藏元素，当元素内容内容超出元素height 或 width 时，隐藏之 */
.o-hidden{ overflow:hidden;}

/*
* 隐藏元素，visibility可以隐藏元素，但是还是会在布局中占位 */
.invisible{ visibility:hidden;}

/* 从页面布局上隐藏元素，从布局上隐藏元素 */
.hidden{ display:none;}
.block{ display:block;}
/* ------------------------------------清理元素--------------------------------------- */

/* 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG */
.clear{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

/* ------------------------------------常用样式定义---------------------------------------- */

/* 颜色功能定义，由小写C开头,表示color */
.cRed{ color:#F00;}
.cWhite{ color:#FFF;}
.cGreen{ color:#0F0;}
.cGray{ color:#666;}
.cBlue{ color:#00F;}
.cblack{ color:#000;}

/* 定义字体样式，由大写字母F开头,表示FONT */

/* 字体样式 */
.fB{ font-weight:bold;}
.fN{ font-weight:normal;}
.fI{ font-style:italic;}

/* 字体大小 */
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}

/* 定义间距,上下2个DIV间距，用DIVH开头。上下DIV有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG。使用下面属性可兼容大多浏览器。*/
.divH5,.divH10,.divH15,.divH20,.divH25,.divH30,divH1,.divH40{ width:100%; overflow:hidden;}
.divH1{ height:1px;}
.divH5{ height:5px;}
.divH8{ height:8px;}
.divH10{ height:10px;}
.divH15{ height:15px;}
.divH20{ height:20px;}
.divH25{ height:25px;}
.divH30{ height:30px;}
.divH40{ height:40px;}

/* 定义行高，LH 使用较少,主要定义line-height属性 */
.lH1{ line-height:1px;}
.lH10{ line-height:10px;}
.lH15{ line-height:15px;}
.lH18{ line-height:18px;}
.lH20{ line-height:20px;}
.lH25{ line-height:25px;}
.lH30{ line-height:30px;}
.lH35{ line-height:35px;}

