/* 
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
*/
@font-face {
    font-family:'kjcmsregular';
    src:url('../font/kjcms-webfont.eot');
    src:url('../font/kjcms-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/kjcms-webfont.ttf') format('truetype'),
        url('../font/kjcms-webfont.woff') format('woff'),
        url('../font/kjcms-webfont.svg#kjcmsregular') format('svg');
    font-weight:normal;
    font-style:normal;
	font-variant:normal;
	text-decoration:inherit;
	text-transform:none;
}
[data-icon]:before {
	font-family:'kjcmsregular';
	content:attr(data-icon);
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing: antialiased;
	vertical-align:middle;
	line-height:normal;
	display:inline-block;
	*display:inline;
	*zoom:1;
	opacity:0.8;
	width:1.2em;
	height:1.2em;
	line-height:1.2;
	text-decoration:inherit;
	text-align:center;
	speak:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
[class^="ico_"]:before,[class*="ico_"]:before{
	font-family:'kjcmsregular';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing: antialiased;
	vertical-align:middle;
	line-height:normal;
	display:inline-block;
	*display:inline;
	*zoom:1;
	opacity:0.8;
	width:1.2em;
	height:1.2em;
	line-height:1.2;
	text-decoration:inherit;
	text-align:center;
	speak:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}


.ico_cancel:before				{content: "\0021";}
.ico_ban:before					{content: "\0022";}
.ico_remove:before				{content: "\0023";}
.ico_plus:before				{content: "\0024";}
.ico_remove2:before				{content: "\0025";}
.ico_minus:before				{content: "\0026";}
.ico_arrow_left:before			{content: "\0027";}
.ico_arrow_right:before			{content: "\0028";}
.ico_arrow_up:before			{content: "\0029";}
.ico_arrow_down:before			{content: "\002a";}
.ico_left_quote:before			{content: "\002b";}
.ico_right_quote:before			{content: "\002c";}
.ico_signal:before				{content: "\002d";}
.ico_home:before				{content: "\002e";}
.ico_home2:before				{content: "\002f";}

.ico_office:before				{content: "\0030";}
.ico_newspaper:before			{content: "\0031";}
.ico_pencil:before				{content: "\0032";}
.ico_store:before				{content: "\0033";}
.ico_droplet:before				{content: "\0034";}
.ico_images:before				{content: "\0035";}
.ico_store2:before				{content: "\0036";}
.ico_paste:before				{content: "\0037";}
.ico_arrow:before				{content: "\0038";}
.ico_paste2:before				{content: "\0039";}
.ico_copy:before				{content: "\003a";}
.ico_exchange:before			{content: "\003b";}
.ico_cart:before				{content: "\003c";}
.ico_cart2:before				{content: "\003d";}
.ico_card:before				{content: "\003e";}
.ico_cart3:before				{content: "\003f";}

.ico_qrcode:before				{content: "\0040";}
.ico_tableware:before			{content: "\0041";}
.ico_kj:before					{content: "\0042";}
.ico_kjlogo:before				{content: "\0043";}
.ico_map:before					{content: "\0044";}
.ico_address_book:before		{content: "\0045";}
.ico_search:before				{content: "\0046";}
.ico_download:before			{content: "\0047";}
.ico_upload:before				{content: "\0048";}
.ico_earth:before				{content: "\0049";}
.ico_world:before				{content: "\004a";}
.ico_clipboard:before			{content: "\004b";}
.ico_radio_unchecked:before		{content: "\004c";}
.ico_radio_checked:before		{content: "\004d";}
.ico_checkbox_partial:before	{content: "\004e";}
.ico_checkbox_unchecked:before	{content: "\004f";}

.ico_checkbox_checked:before	{content: "\0050";}
.ico_search2:before				{content: "\0051";}
.ico_location:before			{content: "\0052";}
.ico_location2:before			{content: "\0053";}
.ico_ban2:before				{content: "\0054";}
.ico_cancel2:before				{content: "\0055";}
.ico_checkmark:before			{content: "\0056";}
.ico_minus2:before				{content: "\0057";}
.ico_plus2:before				{content: "\0058";}
.ico_enter:before				{content: "\0059";}
.ico_exit:before				{content: "\005a";}
.ico_target:before				{content: "\005b";}
.ico_off:before					{content: "\005c";}
.ico_gift:before				{content: "\005d";}
.ico_bars:before				{content: "\005e";}
.ico_remove3:before				{content: "\005f";}

.ico_eye:before					{content: "\0060";}
.ico_remove4:before				{content: "\0061";}
.ico_sad:before					{content: "\0062";}
.ico_smiley:before				{content: "\0063";}
.ico_neutral:before				{content: "\0064";}
.ico_angry:before				{content: "\0065";}
.ico_time:before				{content: "\0066";}
.ico_time2:before				{content: "\0067";}
.ico_calendar:before			{content: "\0068";}
.ico_calendar2:before			{content: "\0069";}
.ico_retweet:before				{content: "\006a";}
.ico_file:before				{content: "\006b";}
.ico_file2:before				{content: "\006c";}
.ico_file3:before				{content: "\006d";}
.ico_phone:before				{content: "\006e";}
.ico_tablet:before				{content: "\006f";}

.ico_tab:before					{content: "\0070";}
.ico_desktop:before				{content: "\0071";}
.ico_ipod:before				{content: "\0072";}
.ico_tag:before					{content: "\0073";}
.ico_umbrella:before			{content: "\0074";}
.ico_drink:before				{content: "\0075";}
.ico_drink2:before				{content: "\0076";}
.ico_drink3:before				{content: "\0077";}
.ico_drink4:before				{content: "\0078";}
.ico_coffee:before				{content: "\0079";}
.ico_mug:before					{content: "\007a";}
.ico_ice_cream:before			{content: "\007b";}
.ico_cake:before				{content: "\007c";}
.ico_checkmark2:before			{content: "\007d";}
.ico_checkmark3:before			{content: "\007e";}
.ico_exchange2:before			{content: "\007f";}

.ico_search3:before				{content: "\00a0";}
.ico_cancel3:before				{content: "\00a1";}
.ico_plus3:before				{content: "\00a2";}
.ico_plus4:before				{content: "\00a3";}
.ico_minus3:before				{content: "\00a5";}
.ico_minus4:before				{content: "\00a6";}
.ico_cog:before					{content: "\00a7";}
.ico_cog2:before				{content: "\00a8";}
.ico_menu:before				{content: "\00a9";}
.ico_image:before				{content: "\00aa";}
.ico_list:before				{content: "\00ab";}
.ico_images2:before				{content: "\00ac";}
.ico_renren:before				{content: "\00ad";}
.ico_chart:before				{content: "\00ae";}
.ico_basket:before				{content: "\00af";}

.ico_location3:before			{content: "\00b0";}
.ico_phone2:before				{content: "\00b1";}
.ico_phone3:before				{content: "\00b2";}
.ico_open:before				{content: "\00b3";}
.ico_sale:before				{content: "\00b4";}
.ico_remove5:before				{content: "\00b5";}
.ico_search4:before				{content: "\00b6";}
.ico_umbrella2:before			{content: "\00b7";}
.ico_injection:before			{content: "\00b8";}
.ico_diamond:before				{content: "\00b9";}
.ico_thlager:before				{content: "\00ba";}
.ico_lamp:before				{content: "\00bb";}
.ico_thlist:before				{content: "\00bc";}
.ico_lamp2:before				{content: "\00bd";}
.ico_thermometer:before			{content: "\00be";}
.ico_arrow_left2:before			{content: "\00bf";}

.ico_arrow_down2:before			{content: "\00c0";}
.ico_arrow_up2:before			{content: "\00c1";}
.ico_arrow_right2:before		{content: "\00c2";}
.ico_arrow_left3:before			{content: "\00c3";}
.ico_arrow_down3:before			{content: "\00c4";}
.ico_arrow_up3:before			{content: "\00c5";}
.ico_arrow_right3:before		{content: "\00c6";}
.ico_arrow_left4:before			{content: "\00c7";}
.ico_arrow_down4:before			{content: "\00c8";}
.ico_arrow_up4:before			{content: "\00c9";}
.ico_arrow_right4:before		{content: "\00ca";}
.ico_thumb_up:before			{content: "\00cb";}
.ico_thumb_down:before			{content: "\00cc";}
.ico_tools:before				{content: "\00cd";}
.ico_qq:before					{content: "\00ce";}
.ico_chat:before				{content: "\00cf";}

.ico_chat2:before				{content: "\00d0";}
.ico_chat3:before				{content: "\00d1";}
.ico_chat4:before				{content: "\00d2";}
.ico_volume:before				{content: "\00d3";}
.ico_volume2:before				{content: "\00d4";}
.ico_volume3:before				{content: "\00d5";}
.ico_edit:before				{content: "\00d6";}
.ico_vcard:before				{content: "\00d7";}
.ico_vcard2:before				{content: "\00d8";}
.ico_stats:before				{content: "\00d9";}
.ico_stats2:before				{content: "\00da";}
.ico_apps:before				{content: "\00db";}
.ico_pencil2:before				{content: "\00dc";}
.ico_pin:before					{content: "\00dd";}
.ico_pin2:before				{content: "\00de";}
.ico_male:before				{content: "\00df";}

.ico_female:before				{content: "\00e0";}
.ico_shipping:before			{content: "\00e1";}
.ico_off2:before				{content: "\00e2";}
.ico_clipboard2:before			{content: "\00e3";}
.ico_clipboard3:before			{content: "\00e4";}
.ico_clipboard4:before			{content: "\00e5";}
.ico_usb:before					{content: "\00e6";}
.ico_heart:before				{content: "\00e7";}
.ico_heart2:before				{content: "\00e8";}
.ico_images3:before				{content: "\00e9";}
.ico_tags:before				{content: "\00ea";}
.ico_truck:before				{content: "\00eb";}
.ico_world2:before				{content: "\00ec";}
.ico_renren:before				{content: "\00ed";}
.ico_barcode:before				{content: "\00ee";}
.ico_search5:before				{content: "\00ef";}

.ico_cancel4:before				{content: "\00f0";}
.ico_checkmark4:before			{content: "\00f1";}
.ico_edit2:before				{content: "\00f2";}
.ico_cart4:before				{content: "\00f3";}
.ico_card2:before				{content: "\00f4";}
.ico_search6:before				{content: "\00f5";}
.ico_earth2:before				{content: "\00f6";}
.ico_key:before					{content: "\00f7";}
.ico_eye2:before				{content: "\00f8";}
.ico_sina:before				{content: "\00f9";}
.ico_calendar3:before			{content: "\00fa";}
.ico_search7:before				{content: "\00fb";}
.ico_drink5:before				{content: "\00fc";}
.ico_microphone:before			{content: "\00fd";}
.ico_apple:before				{content: "\00fe";}
.ico_QQ:before					{content: "\00ff";}

.ico_lock:before				{content: "\0152";}
.ico_unlock:before				{content: "\0153";}
.ico_unlock2:before				{content: "\0178";}
.ico_off3:before				{content: "\02c6";}
.ico_remove6:before				{content: "\02dc";}
.ico_windows:before				{content: "\2013";}
.ico_android:before				{content: "\2014";}
.ico_mail:before				{content: "\2018";}
.ico_help:before				{content: "\2019";}
.ico_user:before				{content: "\201a";}
.ico_users:before				{content: "\201c";}
.ico_user_add:before			{content: "\201d";}
.ico_vcard3:before				{content: "\201e";}
.ico_export:before				{content: "\2022";}
.ico_erase:before				{content: "\2026";}
.ico_info:before				{content: "\2039";}
.ico_help2:before				{content: "\203a";}
.ico_retweet2:before			{content: "\20ac";}
.ico_microphone2:before			{content: "\2122";}
.ico_wand:before				{content: "\fb01";}
.ico_print:before				{content: "\fb02";}
.ico_taobao:before				{content: "\fb03";}
.ico_baidu:before				{content: "\fb04";}

/*Ico_States*/
i.hover[class^="ico_"],i.hover[class*="ico_"]{opacity:1;}
i.active[class^="ico_"],i.active[class*="ico_"]{opacity:1;}
i.disabled[class^="ico_"],i.disabled[class*="ico_"]{opacity:0.3;}

i.circular					{-webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px; padding:.4em; -webkit-box-shadow:0em 0em 0em 0.1em rgba(0,0,0,0.1) inset;-moz-box-shadow:0em 0em 0em 0.1em rgba(0,0,0,0.1) inset; box-shadow:0em 0em 0em 0.1em rgba(0,0,0,0.1) inset; line-height:1;}
i.circular.Inv_				{border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

i.vertically:before			{-webkit-transform:scale(1,-1); -moz-transform:scale(1,-1); -o-transform:scale(1,-1); -ms-transform:scale(1,-1); transform:scale(1,-1);}
i.horizontally:before		{-webkit-transform:scale(-1,1); -moz-transform:scale(-1,1); -o-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1);}
i.left.rotated				{text-align:center;}
i.left.rotated:before		{-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
i.right.rotated				{text-align:center;}
i.right.rotated:before		{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}

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

/*Put_icon*/
.Pi				{position:relative;}
.Pi > i			{top:50%; margin-top:-.5em;}
.Pi.left		{padding-left:2em !important; text-align:inherit;}
.Pi.left > i	{position:absolute; left:0.5em;}
.Pi > .left		{position:absolute; left:0.5em; top:50%; margin-top:-.5em;}
.Pi.right		{padding-right:2em !important; text-align:inherit;}
.Pi.right > i	{position:absolute; right:0.5em;}
.Pi > .right	{position:absolute; right:0.5em; top:50%; margin-top:-.5em;}
.Pi.top			{padding:.5em; padding-top:2em;}
.Pi.top > i		{position:absolute; width:100%; text-align:center; left:0; top:0; margin-top:.5em;}
.Pi.bottom		{padding:.5em; padding-bottom:2em;}
.Pi.bottom > i	{position:absolute; width:100%; text-align:center; left:0; top:100%; margin-top:-1.8em;}