/* 
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
*/
body{background-image:url(../images/BG.png); background-color:#eee; text-align:center;}
#header				{position:relative; z-index:10;}
#header aside		{}
#header aside > *	{vertical-align:middle; line-height:0;}
#main				{max-width:960px; margin:10px auto; font-size:0; *word-spacing:-1px; line-height:0; position:relative; z-index:1;}
#Menber_center		{max-width:960px; margin:10px auto; font-size:0; *word-spacing:-1px; line-height:0; position:relative; z-index:1;}
#Menber_center .personal_menu{background-color:white; z-index:1;}
#Menber_center .personal_container{background-color:white;}
.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);}
#footer				{-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); background-color:rgba(0,0,0,0.7); color:rgba(255,255,255,0.8);}
#footer aside		{max-width:960px; margin:0 auto;}
#footer a,#footer a:link,#footer a:visited{color:rgba(255,255,255,0.8);}
#footer a:hover		{color:rgba(255,255,255,1);}
#Drag				{position:fixed;left:0; top:0; right:0; bottom:0; z-index:100; background-color:rgba(0,0,0,0.5);}
#Drag aside			{max-width:860px; margin:0 auto; margin-top:5%;}
/*Module*/
.Box_Prompt			{background-color:rgba(255,255,255,0.9);}
.Box_Search			{background-color:rgba(255,255,255,0.8);}
.Box_Sel_Group		{position:absolute; left:0; right:0; background-color:transparent; z-index:10; padding:10px; padding-top:0;}
.Box_Drag			{border:10px solid rgba(0,0,0,0.3);}
.Box_Nav			{-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); background-color:rgba(0,0,0,0.03);}
.Sel_Class			{background-color:rgba(255,255,255,0.8);}
.Bar_chose			{padding:10px; background-color:#eee; text-shadow:0 1px 0 rgba(255,255,255,0.3); border-top:1px solid rgba(0,0,0,0.2);}
.T_A				{text-align:left; padding:10px;}
/*Form*/
.Set_Class			{position:relative;}
.input_A			{position:relative; width:100%; margin:0; padding:0.785em 2.8em; padding-right:8em; font-size:0.8rem; background-color:#fff; border:1px solid rgba(0,0,0,0.2); outline:none; color:rgba(0,0,0,0.5);}
.input_A.Active		{border:1px solid rgba(0,0,0,0.4); color:rgba(0,0,0,0.9)}
.input_A > i		{padding:0.35em; font-size:1.1rem;}
.input_A > ins		{position:absolute; top:50%; right:4em; height:30px; line-height:30px; margin-top:-15px; color:rgba(0,0,0,0.3);}
.input_A font		{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left;}
.input_A .left		{position:absolute; left:0; top:0; height:100%;}
.input_A .right		{position:absolute; right:0; top:0; height:100%;}
/*Item*/
.copyright			{}
.copyright a		{padding:5px;}
.copyright a:link,.copyright a:visited{color:#ddd;}
.copyright a:hover	{color:#fff;}
.Nav				{background-color:transparent; -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); box-shadow:0px 0px 0px 1px rgba(0,0,0,0); -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.Nav > *			{background-color:transparent; -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); box-shadow:0px 0px 0px 1px rgba(0,0,0,0); font-size:16px; text-shadow:0 1px 0 rgba(255,255,255,0.3);}
.Nav > * > a:hover	{color:rgba(0,0,0,0.9);}
.Nav > * > * a:link,.Nav > * > * a:visited{color:rgba(0,0,0,0.7);}
.Nav > * > * a:hover{color:rgba(0,0,0,1);}
.Nav > .active		{background-color:rgba(0,0,0,0.03);}
.Nav_footer			{}
.Nav_footer a		{display:inline-block; *display:inline; *zoom:1; padding:5px;}
.Nav_footer a:link,.Nav_footer a:visited{color:#ddd;}
.Nav_footer a:hover	{color:#fff;}
.menber_action		{background-color:transparent; -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); box-shadow:0px 0px 0px 1px rgba(0,0,0,0); -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.menber_action > .action{font-size:25px; padding:12px; line-height:1; text-shadow:0 1px 0 rgba(255,255,255,0.5);}
.menber_action:hover{background-color:rgba(255,255,255,0.5);}
.mycart_action		{background-color:transparent; -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); box-shadow:0px 0px 0px 1px rgba(0,0,0,0); -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.mycart_action > .action{font-size:25px; padding:12px; line-height:1; text-shadow:0 1px 0 rgba(255,255,255,0.5);}
.mycart_action > .action font{font-size:13px;}
.mycart_action:hover{background-color:rgba(255,255,255,0.5);}

/*Btn_Sys*/
.btn_buy			{font-size:12px;}
.btn_buy{background-color:#f03;}
.btn_buy:hover{background-color:#f09;}

/*Categorys*/
.Categorys			{}
.Categorys > .action{height:42px; line-height:1.8; padding-left:15px; color:rgba(255,255,255,0.9); text-shadow:0 1px 0 rgba(0,0,0,0.2); background-color:#f09; background-image:url(../images/category.png);}
.Category			{background-color:white; cursor:pointer;}
.Category > .action	{font-size:14px; padding:5px; padding-left:10px; border-bottom:1px solid rgba(0,0,0,0.1); z-index:10; position:relative;}
.Category:hover > .action{background-color:white;}

/*Pro_view*/
.brand_name			{font-size:16px; text-align:center;}
.pro_title			{font-size:22px; text-align:left; padding-left:15px; padding-top:15px;}
.sub_title			{font-size:14px; text-align:left; padding-left:15px; color:#f60;}
.pro_infos			{}
.pro_infos li		{vertical-align:middle; font-size:13px;}
.pro_infos .price_now{color:#f09; font-weight:bold;}
.pro_infos .price_now span{vertical-align:bottom; line-height:1;}
.pro_infos .price_now b{font-size:2em; vertical-align:bottom; line-height:1}
.pro_infos del		{color:#999;}
.pro_infos2			{padding:10px;}
.pro_infos2 li		{font-size:13px;}

.container			{line-height:normal; padding:10px;}

.I_thirdlogin		{font-size:25px; padding:12px; line-height:1; text-shadow:0 1px 0 rgba(255,255,255,0.5);}
.I_thirdlogin a:hover{color:rgba(0,0,0,1);}
.I_menberinfo		{font-size:13px; border-bottom:1px solid rgba(0,0,0,0.1);}
.I_carttip			{font-size:12px; border-bottom:1px solid rgba(0,0,0,0.1); display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; padding:5px; background-color:rgba(0,0,0,0.02);}
.I_cart_pro_mini	{border-bottom:1px solid rgba(0,0,0,0.1); background-color:white;}
.I_cart_pro_mini > .row{}
.I_cart_pro_mini > .row > li{vertical-align:middle; font-size:12px;}
.I_classtree		{border-bottom:1px solid rgba(0,0,0,0.1); background-color:white; padding-left:100px; position:relative;}
.I_classtree h2		{position:absolute; left:0; width:80px; padding:10px; text-align:right;}
.I_classtree p		{padding:10px;}
.I_select			{border-bottom:1px solid rgba(0,0,0,0.1);}
.I_select > li		{font-size:13px;}
.I_select > li span	{padding-right:1.5em;}
.I_selected			{border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.I_selected > li	{font-size:13px; vertical-align:middle;}
.breadcrumb			{}
.breadcrumb > li	{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.user_info			{}
.user_info > li		{font-size:13px;}
.user_info h2		{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; line-height:1; padding:5px;}
.user_info2			{}
.user_info2 > .row	{}
.user_info2 > .row > li{vertical-align:middle; font-size:13px;}
.menber_tit			{padding:5px; padding-left:15px;}
.order_info			{padding:5px; border-bottom:1px solid rgba(0,0,0,0.1);}
.order_info > li	{font-size:13px; vertical-align:middle;}

.List_manger		{}
.List_manger > li	{}
.List_manger > li a	{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; padding:5px; padding-left:8px;}
.List_manger > li a ins{font-size:75%;}
.List_news			{padding:10px;}
.List_news h2		{font-size:13px; font-weight:normal;}
.List_news h2 a		{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; padding:0px 8px;}
.List_news time		{font-size:11px; color:#999;}
.List_pro			{}
.List_pro > li		{padding:5px;}
.List_pro h2		{padding:5px;}
.List_pro > li > .row > li{font-size:12px;}
.List_pro .price	{}
.List_pro .price span{color:red; display:inline-block; *display:inline; *zoom:1; vertical-align:bottom;}
.List_pro .price span b{font-size:130%; display:inline-block; *display:inline; *zoom:1; vertical-align:bottom;}
.List_pro .price del{color:#999; font-size:80%; display:inline-block; *display:inline; *zoom:1; vertical-align:bottom;}
.List_order			{}
.List_order > li	{padding:5px; border-bottom:1px solid rgba(0,0,0,0.1);}
.List_order > li > .row{}
.List_order > li > .row > li{vertical-align:middle; font-size:13px;}
.List_order .img img{border:1px solid rgba(0,0,0,0.05);}
.List_fav			{}
.List_fav h2		{padding:5px;}
.List_fav > li		{padding:5px;}
.List_fav > li > .row > li{font-size:13px;}
.List_data			{}
.List_data > li		{padding:5px; border-bottom:1px solid rgba(0,0,0,0.1);}
.List_data > li > .row > li{vertical-align:middle; font-size:13px;}
.Styles				{}
.Styles > li		{display:inline-block; *display:inline; *zoom:1; border:1px solid rgba(0,0,0,0.3); position:relative; margin:2px;}
.Styles > li p		{padding:5px 10px;}
.Styles > li .img	{width:40px; height:40px;}
.Styles > li i		{display:none;}
.Styles .checked	{border-color:red; color:red;}
.Styles .checked i	{display:inline-block; *display:inline; *zoom:1; position:absolute; right:0; bottom:0; font-size:8px; background-color:red; padding:2px; width:12px; height:12px; line-height:0; color:white;}
.Styles .disable	{cursor:not-allowed; background-color:#eee; opacity:0.3;}
.Pro_comment		{}
.Pro_comment > li	{border-bottom:1px solid rgba(0,0,0,0.1);}
.Pro_comment > li > .row > li{vertical-align:middle; font-size:13px;}
.Pro_comment .name	{font-weight:bold;}
.Pro_comment time	{font-size:12px; color:#999;}
.menber_info		{-webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0); box-shadow:0px 0px 0px 1px rgba(0,0,0,0); -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.menber_info .num	{display:block; padding:10px 5px;}
.menber_info .num b	{font-size:1.5em;}