/* 
		@Author   pangu
		@DATA     2011.10.08
*/

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, dl, dt, dd, ul, ol, li, pre, code, fieldset, legend, blockquote 
{ margin: 0; padding: 0; overflow-x: hidden; font-size: 12px; background:url(../images/topbg.gif) repeat-x top; background-color:#a4cff1; color:#666666;} 
html button::-moz-focus-inner{ border-color:transparent!important; } 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
fieldset, img { border: 0; }
iframe { background-image: none; }
hr{ border:0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
.clear { clear:both; }
.input { line-height: 13px; height: 13px; border: 1px solid #8F0262; padding: 0px; }
.input_nei { line-height: 21px; height: 25px; border: 1px solid #8F0262; padding: 2px; }
.checkbox { line-height:13px; height: 13px; width:13px; padding:0px; margin: 0px; }
.indent { text-indent: 24px; }
.db{ display: block; }
.di{ display: inline; }


/* H 标题样式
-----------------------------------------------------------------------------------------------------*/
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }


/* Link 链接样式
-----------------------------------------------------------------------------------------------------*/
a { color:#666666; text-decoration: none; outline: none; }
a:hover { text-decoration:none; color:#ff9900;}

/* Float 左右浮动样式
----------------------------------------------------------------------------------------------------*/
.fl{ float: left; }
.fr{ float: right; }

/* Color 颜色-各彩色值可跟据页面实际需要进行修改
-----------------------------------------------------------------------------------------------------*/
.c_red { color: #990000; }
.c_orage { color: #cc6600; }
.c_yellow { color: #ffff00; }
.c_green { color: #009900; }
.c_blue { color: #0066cc; }
.c_purple { color: #9900cc; }
.c0{ color: #000000; }
.c3{ color: #333333; }
.c6{ color: #666666; }
.c9{ color: #999999; }
.cc{ color: #cccccc; }
.cd{ color: #dddddd; }
.ce{ color: #eeeeee; }
.cf{ color: #ffffff; }

/* Border 边框-色值可跟据页面实际需要进行修改
-----------------------------------------------------------------------------------------------------*/
/* 实边框 */
.border{ border:1px #8F0262 solid }
.border_t{ border-top:1px #8F0262 solid }
.border_r{ border-right:1px #8F0262 solid }
.border_b{ border-bottom:1px #8F0262 solid }
.border_l{ border-left:1px #8F0262 solid }

/* 虚边框 */
.border_d{ border:1px #bab196 dotted }
.border_dt{ border-top:1px #bab196 dotted }
.border_dr{ border-right:1px #bab196 dotted }
.border_db{ border-bottom:1px #bab196 dotted }
.border_dl{ border-left:1px #bab196 dotted }


/* F 文字样式
-----------------------------------------------------------------------------------------------------*/
.f10p{ font-size: 10px; }
.f12p{ font-size: 12px; }
.f13p{ font-size: 13px; }
.f14p{ font-size: 14px; }
.f15p{ font-size: 15px; }
.f16p{ font-size: 16px; }
.f17p{ font-size: 17px; }
.f18p{ font-size: 18px; }
.f20p{ font-size: 20px; }
.f25p{ font-size: 25px; }
.fw{ font-weight:bold; }
.fi{ font-style:italic; }
.fs{ text-decoration:line-through;}
.fu{ text-decoration:underline;}

/* Test 文本对齐方式
----------------------------------------------------------------------------------------------------*/
.text_l { text-align: left; }
.text_r { text-align: right; }
.text_c { text-align: center; }

/* Mouse Style  鼠标样式
----------------------------------------------------------------------------------------------------*/
.mou_p { cursor: pointer; }
.mou_m { cursor: move; }
.mou_t { cursor: text; }

/* Paddings 内补丁
----------------------------------------------------------------------------------------------------*/
.pad_0p { padding: 0; }
.pad_10p { padding: 10px; }
.pad_10p0p { padding: 10px 0; }
.pad_t10p { padding-top: 10px; }
.pad_r10p { padding-right: 10px; }
.pad_b10p { padding-bottom: 10px; }
.pad_l10p { padding-left: 10px; }
.pad_l20p { padding-left: 20px; }
.pad_l30p { padding-left: 40px; }
.pad_5p { padding: 5px; }
.pad_5p0p { padding: 5px 0; }
.pad_t5p { padding-top: 4px; }
.pad_t2p{ padding-top: 2px; }
.pad_r5p { padding-right: 5px; }
.pad_b5p { padding-bottom: 5px; }
.pad_l5p { padding-left: 5px; }
.pad_r20p { padding-right: 20px; }


/* Margins  外补丁
----------------------------------------------------------------------------------------------------*/
.mar_0p { margin: 0px; }
.mar_10p { margin: 10px; }
.mar_10p0p { margin: 10px 0; }
.mar_t10p { margin-top: 10px; }
.mar_r10p { margin-right: 10px; }
.mar_b10p { margin-bottom: 10px; }
.mar_b8p { margin-bottom: 8px; }
.mar_l10p { margin-left: 10px; }
.mar_l20p { margin-left: 20px; }
.mar_5p { margin: 5px; }
.mar_5p0p { margin: 5px 0; }
.mar_t5p { margin-top: 5px; }
.mar_r5p { margin-right: 5px; }
.mar_b5p { margin-bottom: 5px; }
.mar_l5p { margin-left: 5px; }

/* Line height  行高
----------------------------------------------------------------------------------------------------*/
.lh30p { line-height: 30px; }
.lh25p { line-height: 25px; }
.lh22p { line-height: 22px; }
.lh18p { line-height: 19px; }
.lh180p{ line-height: 200%; }
.lh150p{ line-height: 150%; }

/* Page width  页面宽度
----------------------------------------------------------------------------------------------------*/
.w1004 { width: 1004px; margin:0 auto; }
.w970 { width: 970px; margin:0 auto; }
.w960 { width: 960px; margin:0 auto; }

/* Module Width 模块宽度
----------------------------------------------------------------------------------------------------*/
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w160 { width: 160px; }
.w320 { width: 320px; }
.w400 { width: 400px; }
.w560 { width: 560px; }
.w640 { width: 640px; }

/* css命名规则，此部分上传时删除！！
----------------------------------------------------------------------------------------------------

	头：header 

	内容：content

	容器：container 

	尾：footer 

	页面主体：main 

	导航：nav 

	侧栏：sidebar 

	栏目：col 

	页面外围控制整体布局宽度：wrapper 

	左右中：left right center 

	登录条：loginnar 

	标志：logo 

	广告：banner 

	页面主体：main 

	热点：hot 

	新闻：news 

	下载：download 

	子导航：subNav 

	菜单：menu 

	子菜单：subMenu 

	搜索：search 

	友情链接：friendLink 

	页脚：footer 

	版权：copyRight 

	滚动：scroll 

	按钮：btn 

	标签页：tab 

	文章列表：list 

	提示信息：msg 

	小技巧：tips 

	栏目标题：title 

	加入：joinus 

	指南：guild 

	服务：service 

	注册：regsiter 

	状态：status 

	投票：vote 

	合作伙伴：partner  


(二)id的命名:
 
　　(1)页面结构

	页头：header 

	内容：content
	
	容器：container 

	页面主体：main 

	页尾：footer 

	导航：nav 

	侧栏：sidebar 

	栏目：col 

	页面外围控制整体布局宽度：wrapper 

	左右中：left right center 

　　(2)导航 

	导航：nav 

	主导航：mainNav 

	子导航：subNav 

	顶导航：topNav 

	边导航：sidebar 

	左导航：leftSidebar 

	右导航：rightSidebar 

	菜单：menu 

	子菜单：submenu 

	标题: title 

	摘要: summary 

	(3)功能
 
	标志：logo 

	广告：banner 

	登陆：login 

	登录条：loginBar 

	注册：regsiter 

	搜索：search 

	标题：title 

	加入：joinus 

	状态：status 

	按钮：btn 

	滚动：scroll 

	标签页：tab 

	文章列表：list 

	提示信息：msg 

	当前的: current 

	小技巧：tips 

	图标: icon 

	注释：note 

	指南：guild 

	服务：service 

	热点：hot 

	新闻：news 

	下载：download 

	投票：vote 

	合作伙伴：partner 

	版权：copyRight 

(三)class的命名: 
	
	(1)标题栏样式,使用"类别+功能"的方式命名,如
	 
	.barNews { } 

	.barProduct { } 

　　(2)模块结构css定议 

	模块名称 .module 

	模块标题 .moduleHead 

	模块包装 .moduleWrap 

	模块内容 .moduleContent 

  

注意事项: 

	1.一律小写,但多词联用时从第二个词开始的每词首字母大写（骆驼式命名）; 

	2.尽量用英文,少用或不用拼音;  

	3.尽量不缩写,除非一看就明白的单词; 


*/