/* 
KJCMS_UI_SYS
Author:linmoco
QQ:284499169
Ver:1.0
Date:2013-05-04
Copyright 2013 KJCMS, Inc
E-mail:linmoco@163.com
Http://www.kjcms.com
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; vertical-align:top;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body{font:14px/24px "微软雅黑", "Microsoft YaHei", Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; margin:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:none; height:100%;}
p,blockquote,font,span,strong,b,ins,i,a,em,del,time,cite,sup,sub,small,pre{line-height:inherit; letter-spacing:normal; font:inherit;}
img{margin:0; padding:0;}
address	{}
blockquote{}
b		{font-weight:bold;}
/* 应用:字段索引，重点标注 */
blockquote{line-height:1; padding:5px 10px; border-left:4px solid rgba(0,0,0,0.1);}
/* 应用:块索引，重点标注 */
span	{}
/* 应用:内联辅助 */
cite	{}
/* 应用:作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题 */
em		{}
/* 应用:强调文本 作者 */
font	{display:inline-block; *display:inline; *zoom:1; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
/* 应用：文字处理 */
strong	{font-weight:bold;}
/* 应用:重要文本 加粗 */
time	{}
/* 应用:时间、日期 */
i		{display:inline-block; *display:inline; *zoom:1; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
/* 应用:图标 */
ins		{text-decoration:none;}
/* 应用:数字、价格 中间插入 带下划线 */
del		{}
/* 应用:数字、价格 中间插入 带删除线 */
sub		{position:relative; bottom:-.5em;}
/* 应用:下图标 */
sup		{position:relative; top:-.5em;}
/* 应用:上图标 */
small	{font-size:80%;}
/* 应用:旁注 呈现为小型文本 免责声明、注意事项、法律限制或版权声明的特征通常都是小型文本 */
/* 备用元素 */
dfn		{}
/* 定义一个定义项目 */
code	{}
/* 定义计算机代码文本 */
samp	{}
/* 定义样本文本 */
kbd		{}
/* 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 */
var		{}
/* 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。 */
hr		{border:none; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(255,255,255,0.1); margin:5px auto; clear:both;}
/* 应用:水平线 定义内容中的主题变化 */
pre		{white-space:pre-wrap;}
/* 应用：显示非常规的格式化内容，或者某类计算机代码 文章内容排版 */
p		{padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* H1-h6 */
h1, h2, h3, h4, h5, h6{font-family:inherit; font-weight:bold; color:inherit; text-rendering:optimizelegibility; letter-spacing:normal; word-spacing:normal;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{font-weight:normal;}
h1		{font-size:3rem; line-height:1.4;}
h2		{font-size:.8rem; line-height:1.8;}
h3		{font-size:1.2rem; line-height:1.8;}
h4		{font-size:1.8rem; line-height:1.6;}
h5		{font-size:2rem; line-height:1.4;}
h6		{font-size:2.5rem; line-height:1.5;}

/* Link */
a				{text-decoration:none;}
a:link			{text-decoration:none; color:#333;}
a:visited		{text-decoration:none; color:#333;}
a:hover			{text-decoration:none; color:#f09;}
a:active,a:focus{text-decoration:none;}

.clearfix:after {content:"www.KJCMS.com"; font-size:0; display:block; height:0; clear:both; visibility:hidden;}
.clearfix       {display:inline-block;}
.left			{text-align:left;}
.right			{text-align:right;}
.center			{text-align:center;}
.V_B			{vertical-align:bottom;}
.V_T			{vertical-align:top;}
.V_M			{vertical-align:middle;}
.Mag_			{margin:10px;}
.Mag_s			{margin:5px;}
.Mag_l			{margin:20px;}
.Mag_T			{margin-top:10px;}
.Mag_T_s		{margin-top:5px;}
.Mag_T_l		{margin-top:20px;}
.Mag_B			{margin-bottom:10px;}
.Mag_B_s		{margin-bottom:5px;}
.Mag_B_l		{margin-bottom:20px;}
.Pad_			{padding:10px;}
.Pad_s			{padding:5px;}
.Pad_l			{padding:20px;}

/*Base Class Action*/
.Auto_Widget		{z-index:10;}
.switchable-triggerBox{}
.switchable-trigger	{}
.switchable-panel	{}
.switchable-content	{}
.active				{}
.none				{display:none;}
.none.Active		{display:block;}

/*Alert*/
.alert			{padding:10px 30px 10px 15px; text-shadow:0 1px 0 rgba(255,255,255,0.5); background-color:#eee; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); -ms-box-shadow:0 0 5px rgba(0,0,0,0.3); -o-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); -ms-box-shadow:0 0 5px rgba(0,0,0,0.3); -o-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3); color:#333; position:relative; text-align:left; font-size:.9rem; line-height:normal; letter-spacing:normal; word-spacing:normal; margin:10px auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.alert .close	{float:right; position:relative; right:-25px; top:-10px; font-size:18px; padding:0; margin:0;}
.alert .close a,.alert .close a:link,.alert .close a:visited{display:inline-block; *display:inline; *zoom:1; color:inherit; text-decoration:none;}
.alert .close a:hover{color:inherit;}
.alert.black		{background-color:#fdfdfd;}
.alert.blue			{background-color:#eff;}
.alert.Dblue		{background-color:#eef;}
.alert.gray			{background-color:#f1f1f1;}
.alert.green		{background-color:#dfd;}
.alert.red			{background-color:#fdd;}
.alert.orange		{background-color:#ffc;}
.alert.pink			{background-color:#fee;}
.alert.purple		{background-color:#fdf;}
.alert.white		{background-color:#111; text-shadow:0 1px 0 rgba(0,0,0,0.5);}
.alert.yellow		{background-color:#ffc;}

/* Color */
.black				{color:#000; border-color:#000;}
.blue				{color:#0cf; border-color:#0cf;}
.Dblue				{color:#039; border-color:#039;}
.gray				{color:#999; border-color:#999;}
.green				{color:#9c0; border-color:#9c0;}
.red				{color:#d00; border-color:#d00;}
.orange				{color:#f60; border-color:#f60;}
.pink				{color:#f09; border-color:#f09;}
.purple				{color:#909; border-color:#909;}
.white				{color:#fff; border-color:#fff;}
.yellow				{color:#fc0; border-color:#fc0;}

[class^="Inv_"],[class*=" Inv_"],[class^="Inv_"] a,[class*=" Inv_"] a,[class^="Inv_"] a:link,[class*=" Inv_"] a:link,[class^="Inv_"] a:visited,[class*=" Inv_"] a:visited,a[class^="Inv_"],a[class*="Inv_"],a[class^="Inv_"]:link,a[class*=" Inv_"]:link{color:rgba(255,255,255,0.9);}
[class^="Inv_"] a:hover,[class*=" Inv_"] a:hover{color:rgba(255,255,255,1);}
a[class^="Inv_"]:hover,a[class*="Inv_"]:hover{color:rgba(255,255,255,1) !important;}
[class^="Inv_"],[class*="Inv_"]{background-color:rgba(0,0,0,0.8); color:rgba(255,255,255,1); border-color:rgba(0,0,0,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].black,[class*="Inv_"].black{background-color:rgba(0,0,0,0.8); color:rgba(255,255,255,1); border-color:rgba(0,0,0,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].blue,[class*="Inv_"].blue{background-color:rgba(0,204,255,1); color:rgba(255,255,255,1); border-color:rgba(0,204,255,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].Dblue,[class*="Inv_"].Dblue{background-color:rgba(0,51,153,1); color:rgba(255,255,255,1); border-color:rgba(0,51,153,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].gray,[class*="Inv_"].gray{background-color:rgba(153,153,153,1); color:rgba(255,255,255,1); border-color:rgba(153,153,153,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].green,[class*="Inv_"].green{background-color:rgba(153,204,0,1); color:rgba(255,255,255,1); border-color:rgba(153,204,0,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].red,[class*="Inv_"].red{background-color:rgba(221,0,0,1); color:rgba(255,255,255,1); border-color:rgba(221,0,0,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].orange,[class*="Inv_"].orange{background-color:rgba(255,102,0,1); color:rgba(255,255,255,1); border-color:rgba(255,102,0,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].pink,[class*="Inv_"].pink{background-color:rgba(255,0,153,1); color:rgba(255,255,255,1); border-color:rgba(255,0,153,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].purple,[class*="Inv_"].purple{background-color:rgba(153,0,153,1); color:rgba(255,255,255,1); border-color:rgba(153,0,153,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}
[class^="Inv_"].white,[class*="Inv_"].white{background-color:rgba(255,255,255,0.9); color:rgba(0,0,0,1); border-color:rgba(0,0,0,1); text-shadow:0 0 2px rgba(255,255,255,0.5);}
[class^="Inv_"].yellow,[class*="Inv_"].yellow{background-color:rgba(255,204,0,1); color:rgba(255,255,255,1); border-color:rgba(255,204,0,1); text-shadow:0 0 2px rgba(0,0,0,0.5);}

/*Size*/
.mini				{font-size:0.7rem;}
.small				{font-size:0.8rem;}
.medium				{font-size:0.9rem;}
.normal				{font-size:1.2rem;}
.lager				{font-size:2rem;}
.big				{font-size:3rem;}
.massive			{font-size:8rem;}

/*Image*/
.img{position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; max-width:100%; background-color:rgba(0,0,0,0.05);}
img.img{display:inline-block; *display:inline; *zoom:1; background:none;}
.img img{display:inline-block; *display:inline; *zoom:1; max-width:100%; height:auto; vertical-align:middle;}
.img.mini,.img.mini img		{width:20px;}
.img.small,.img.small img	{width:50px;}
.img.medium,.img.medium img	{width:120px;}
.img.normal,.img.normal img	{width:200px;}
.img.lager,.img.lager img	{width:300px;}
.img.big,.img.big img		{width:550px;}
.img.massive,.img.massive img{width:100%;}
.img.circular,.img.circular img	{-webkit-border-radius:500rem; -moz-border-radius:500rem; border-radius:500rem;}

/*Group*/
.Group				{font-size:0; *word-spacing:-1px; line-height:0;}
.Group > *			{display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; word-spacing:normal; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; vertical-align:middle;}
.Group .s	{-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; margin-right:-1px;}
.Group > *:first-child,.Group .first,.Group .s:first-child{border-bottom-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; overflow:hidden;}
.Group > *:last-child,.Group .last,.Group .s:last-child{border-bottom-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; overflow:hidden;}

.Vertical > *		{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block !important; width:100%;}
.Group.Vertical > *:first-child,.Group.Vertical .first,.Group.Vertical .s:first-child{-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; overflow:hidden;}
.Group.Vertical > *:last-child,.Group.Vertical .last,.Group.Vertical .s:last-child{-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; overflow:hidden;}
