/* 
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
*/
/*Box_Sys*/
[class^="Box_"],[class*=" Box_"]{line-height:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; background-color:rgba(255,255,255,0.6);}
[class^="Inv_"][class^="Box_"],[class*="Inv_"][class*=" Box_"]{background-color:rgba(0,0,0,0.5); color:rgba(255,255,255,1);}
[class^="Box_"] > header,[class*=" Box_"] > header,[class^="Box_"] > [class^="Bar_"],[class*=" Box_"] > [class*="Bar_"]{text-align:left;}
[class^="Box_"] > footer,[class*=" Box_"] > footer,[class^="Box_"] > .footer,[class*=" Box_"] > .footer{background-color:inherit; color:rgba(0,0,0,0.8); border-top:1px solid rgba(0,0,0,0.1);}
[class^="Box_"] > [class^="C_"],[class*=" Box_"] > [class*="C_"]{background-color:inherit; color:rgba(0,0,0,0.8);}
[class^="Inv_"][class^="Box_"] > footer,[class*="Inv_"][class*=" Box_"] > footer,[class^="Inv_"][class^="Box_"] > .footer,[class*="Inv_"][class*=" Box_"] > .footer{background-color:inherit; color:rgba(255,255,255,0.8); border-top:1px solid rgba(255,255,255,0.1);}
[class^="Inv_"][class^="Box_"] > [class^="C_"],[class*="Inv_"][class*=" Box_"] > [class*="C_"]{color:rgba(255,255,255,0.8);}
/*Color*/
[class^="Inv_"][class^="Box_"].black > header,[class*="Inv_"][class*=" Box_"].black > header,[class^="Inv_"][class^="Box_"].black > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].black > [class*="Bar_"]{background-color:rgba(0,0,0,0.9);}
[class^="Inv_"][class^="Box_"].blue > header,[class*="Inv_"][class*=" Box_"].blue > header,[class^="Inv_"][class^="Box_"].blue > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].blue > [class*="Bar_"]{background-color:rgba(0,204,255,0.9);}
[class^="Inv_"][class^="Box_"].Dblue > header,[class*="Inv_"][class*=" Box_"].Dblue > header,[class^="Inv_"][class^="Box_"].Dblue > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].Dblue > [class*="Bar_"]{background-color:rgba(0,51,153,0.9);}
[class^="Inv_"][class^="Box_"].gray > header,[class*="Inv_"][class*=" Box_"].gray > header,[class^="Inv_"][class^="Box_"].gray > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].gray > [class*="Bar_"]{background-color:rgba(153,153,153,0.9);}
[class^="Inv_"][class^="Box_"].green > header,[class*="Inv_"][class*=" Box_"].green > header,[class^="Inv_"][class^="Box_"].green > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].green > [class*="Bar_"]{background-color:rgba(153,204,0,0.9);}
[class^="Inv_"][class^="Box_"].red > header,[class*="Inv_"][class*=" Box_"].red > header,[class^="Inv_"][class^="Box_"].red > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].red > [class*="Bar_"]{background-color:rgba(221,0,0,0.9);}
[class^="Inv_"][class^="Box_"].orange > header,[class*="Inv_"][class*=" Box_"].orange > header,[class^="Inv_"][class^="Box_"].orange > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].orange > [class*="Bar_"]{background-color:rgba(255,102,0,0.9);}
[class^="Inv_"][class^="Box_"].pink > header,[class*="Inv_"][class*=" Box_"].pink > header,[class^="Inv_"][class^="Box_"].pink > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].pink > [class*="Bar_"]{background-color:rgba(255,0,153,0.9);}
[class^="Inv_"][class^="Box_"].purple > header,[class*="Inv_"][class*=" Box_"].purple > header,[class^="Inv_"][class^="Box_"].purple > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].purple > [class*="Bar_"]{background-color:rgba(153,0,153,0.9);}
[class^="Inv_"][class^="Box_"].white > header,[class*="Inv_"][class*=" Box_"].white > header,[class^="Inv_"][class^="Box_"].white > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].white > [class*="Bar_"]{background-color:rgba(255,255,255,0.9); color:rgba(0,0,0,0.8);}
[class^="Inv_"][class^="Box_"].yellow > header,[class*="Inv_"][class*=" Box_"].yellow > header,[class^="Inv_"][class^="Box_"].yellow > [class^="Bar_"],[class*="Inv_"][class*=" Box_"].yellow > [class*="Bar_"]{background-color:rgba(255,204,0,0.9);}

[class^="BS_"],[class*=" BS_"]{-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);}
[class^="B_"],[class*=" B_"]{border:1px solid rgba(0,0,0,0.6);}
[class^="B_"].blue,[class*=" B_"].blue{border-color:rgba(0,204,255,1);}
[class^="B_"].Dblue,[class*=" B_"].Dblue{border-color:rgba(0,51,153,1);}
[class^="B_"].gray,[class*=" B_"].gray{border-color:rgba(153,153,153,1);}
[class^="B_"].green,[class*=" B_"].green{border-color:rgba(153,204,0,1);}
[class^="B_"].red,[class*=" B_"].red{border-color:rgba(221,0,0,1);}
[class^="B_"].orange,[class*=" B_"].orange{border-color:rgba(255,102,0,1);}
[class^="B_"].pink,[class*=" B_"].pink{border-color:rgba(255,0,153,1);}
[class^="B_"].purple,[class*=" B_"].purple{border-color:rgba(153,0,153,1);}
[class^="B_"].yellow,[class*=" B_"].yellow{border-color:rgba(255,204,0,1);}

/*Bar*/
header,[class^="Bar_"],[class*=" Bar_"]{padding:0; line-height:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative;}
header > .close,[class^="Bar_"] > .close,[class*=" Bar_"] > .close{position:absolute; top:0; right:0; font-size:1.2rem; cursor:pointer;}
header > *,[class^="Bar_"] > *,[class*=" Bar_"] > *{vertical-align:middle;}
header > [class^="T_"],header > [class*=" T_"],[class^="Bar_"] > [class^="T_"],[class*="Bar_"] > [class*="T_"]{padding:0.6rem 0.8rem; line-height:1; text-align:inherit;}

/*Menu*/
.menu		{margin:0; background-color:rgba(255,255,255,0.6); font-size:0px; *word-spacing:-1px; line-height:1; font-weight:normal; -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;}
.menu > *	{color:rgba(0,0,0,0.8); -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); vertical-align:middle; font-size:.9rem; display:block; line-height:1; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0.8em 1em; position:relative;}
.menu > *:hover{background-color:rgba(0,0,0,0.02); color:rgba(0,0,0,0.9);}
.menu > *:before{position:absolute; content:'www.KJCMS.com'; font-size:0; left:0; bottom:0; width:100%; height:1px; background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1)100%); background-image:-moz-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); background-image:-o-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); background-image:-ms-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); background-image:linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%);}
.menu > *:last-child:before{visibility:hidden;}
.menu > .active	{}
.menu > .active:after{position:absolute; content:'www.KJCMS.com'; font-size:0; left:0; top:0; width:3px; height:100%; background-color:#000;}
.menu > .menu{padding:0; background-color:inherit;}
.menu > .menu > *{padding-left:1.4em; color:rgba(0,0,0,0.7);}
.menu > .menu > *:hover{color:inherit;}
.menu.Hol		{}
.menu.Hol > *	{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.menu.Hol > *:before{top:0; width:1px; height:100%; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1)100%); background-image:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); background-image:-o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); background-image:-ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); background-image:linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%);}
.menu.Hol > .active:after{position:absolute; content:'www.KJCMS.com'; font-size:0; left:0; top:0; width:100%; height:3px; background-color:#000;}
.menu.Hol > *:first-child:before{visibility:hidden;}
.menu.Hol > *:last-child:before{visibility:inherit;}

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

.menu[class^="Inv_"],.menu[class*=" Inv_"]{-webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);}
.menu[class^="Inv_"] > *,.menu[class*=" Inv_"] > *{color:rgba(255,255,255,0.8);}
.menu[class^="Inv_"] > *:hover,.menu[class*=" Inv_"] > *:hover,.menu[class^="Inv_"] > .active,.menu[class*=" Inv_"] > .active{background-color:rgba(255,255,255,0.15);}
.menu[class^="Inv_"] > .active,.menu[class*=" Inv_"] > .active{color:inherit;}
.menu[class^="Inv_"] > .active:after,.menu[class*=" Inv_"] > .active:after{visibility:hidden;}
.menu.Hol[class^="Inv_"] > *:before,.menu.Hol[class*=" Inv_"] > *:before{background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1)100%); background-image:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 100%); background-image:-o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 100%); background-image:-ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 100%); background-image:linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 100%);}

/*Dropdown*/
.menu.dropdown,.menu > .dropdown{position:relative; display:inline-block; *display:inline; *zoom:1;}
.menu.dropdown > *,.menu > .dropdown > *{padding:0;}
.menu.dropdown > *:before,.menu > .dropdown > *:before{visibility:hidden;}
.dropdown > .Ced{z-index:10;}
.dropdown > .action{cursor:pointer; padding:.8em .9em;}

/*Tab*/
.tab.menu	{vertical-align:top; background-color:transparent; border-bottom:1px solid rgba(0,0,0,0.2); -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow: none !important;}
.tab.menu > *{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; cursor:pointer; background-color:transparent; border-left:1px solid transparent; border-right:1px solid transparent; border-top:1px solid transparent; padding-left:1.4em; padding-right:1.4em;}
.tab.menu > *:before{display:none;}
.tab.menu > .active{position:relative; top:1px; background-color:#fff; border-color:rgba(0,0,0,0.2); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; font-weight:bold;}
.tab.menu > .active:after{width:100%; height:2px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}

/*Accordion*/
.Ac			{background-color:rgba(255,255,255,0.6); font-size:0px; *word-spacing:-1px; line-height:1; font-weight:normal; -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);}
.Ac >*		{border-bottom:1px solid rgba(0,0,0,0.1);}
.Ac >*:last-child{border:none;}
.Ac .T_		{cursor:pointer;}
.Ac .C_		{padding:.8rem 1rem;}

/* Page */
.Pagers		{}
.Pagers > ul{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.page_info > li{display:inline-block; *display:inline; *zoom:1;}
.page_set > li{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.page{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2); box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2); text-align:center; background-color:#fff; -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;}
.page > *:first-child	{border-radius:0.2em 0px 0px 0.2em;}
.page > *:last-child	{border-radius:0px 0.2em 0.2em 0px;}
.page > *{display:inline-block; *display:inline; *zoom:1; position:relative; text-align:center; padding:0; line-height:1;}
.page > *:before{position:absolute; content:'www.KJCMS.com'; top:0%; right:0px; width:1px; height:100%; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1)100%); background-image:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); background-image:-o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); background-image:-ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); background-image:linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%); font-size:0;}
.page > *:last-child:before{visibility:hidden;}
.page > * a{display:inline-block; *display:inline; *zoom:1; padding:.8em 1em; line-height:1; color:rgba(0,0,0,0.6);}
.page > * a:hover{color:rgba(0,0,0,0.9); background-color:rgba(0,0,0,0.1);}
.page .active a{color:rgba(0,0,0,0.8); background-color:rgba(0,0,0,0.15); text-shadow:0 -1px 0 rgba(255,255,255,0.3),0 1px 0 rgba(0,0,0,0.2);}
.page .disabled a,.page .disabled a:hover{cursor:not-allowed; opacity:0.3; background-color:transparent; color:inherit;}
.page > .left{float:left;}
.page > .right{float:right;}

/*Slider*/
.Slider		{position:relative; font-size:0; line-height:1; text-align:center;}
.Slider_B	{background-color:rgba(0,0,0,0.15); position:relative; margin-top:-30px; z-index:10; height:25px; padding-top:5px;}
.Slider_B li{cursor:pointer; display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; overflow:hidden; background:url(../images/slider.png) no-repeat; background-position:left -100px; margin:0 5px;}
.Slider_B .active{background-position:left -150px;}
.Slider_B img{width:0px; height:0px; vertical-align:top;}
.Slider_C	{display:inline-block; *display:inline; *zoom:1; overflow:hidden; width:960px; height:300px; z-index:1;}
.Slider_C li{line-height:0;}
.Slider_prev,.Slider_next{position:absolute; z-index:10; cursor:pointer; width:50px; height:100px; margin-top:-50px; line-height:1; cursor:pointer; top:50%;}
.Slider_prev a,.Slider_next a{display:inline-block; *display:inline; *zoom:1; overflow:hidden; background:url(../images/slider.png) no-repeat; width:50px; height:100px; transition:none; font-size:0;}
.Slider_prev{left:0px;}
.Slider_next{right:0px;}
.Slider_prev a{background-position:left -200px;}
.Slider_prev a:hover{background-position:left -300px;}
.Slider_next a{background-position:right -200px;}
.Slider_next a:hover{background-position:right -300px;}

.imgBox		{position:relative; font-size:0; line-height:1; text-align:center;}
.imgBox .Slider_B{background-color:transparent; margin-top:-60px; height:55px;}
.imgBox .Slider_B li{width:50px; height:50px; background-image:none; padding:1px;}
.imgBox .Slider_B .active{border:1px solid #000; padding:0;}
.imgBox .Slider_B img{width:50px; height:50px;}
.imgBox .Slider_C{width:400px; height:400px;}
.imgBox .Slider_C img{width:400px;}
.imgBox .Slider_prev,.imgBox .Slider_next{width:30px; height:20px; margin-top:-40px; line-height:1; cursor:pointer; top:100%; z-index:20;}
.imgBox .Slider_prev a,.imgBox .Slider_next a{width:20px; height:20px; transition:none; font-size:0;}
.imgBox .Slider_prev a{background-position:left -400px;}
.imgBox .Slider_prev a:hover{background-position:left -420px;}
.imgBox .Slider_next a{background-position:right -400px;}
.imgBox .Slider_next a:hover{background-position:right -420px;}