/* 
ZeroDesign_UI_SYS
Author:linmoco
QQ:284499169
Ver:1.0
Date:2015-03-01
Copyright 2015 ZeroDesign, Inc
E-mail:linmoco@163.com
*/
/*Base*/
button,input,optgroup,select,textarea 	{margin:0; font:inherit; color:inherit;}
button									{overflow:visible;}
button,select 							{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled],html input[disabled] 	{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0; border:0;}
input 									{line-height:normal;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:4px 0 0; margin-top:1px \9; line-height:normal;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] 					{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
fieldset 								{padding:.35em .625em .75em; margin:0 2px; border:1px solid rgba(120,120,120,0.5);}
legend 									{padding:0; border:0;}
textarea 								{overflow:auto;}
optgroup 								{font-weight:bold;}
fieldset 								{min-width:0; padding:0; margin:0; border:0;}
legend 									{display:block; width:100%; padding:0; margin-bottom:20px; font-size:22px; line-height:inherit; color:rgba(0,0,0,0.6); border:0; border-bottom:1px solid rgba(0,0,0,0.1);}
label 									{display:inline-block; *display:inline; *zoom:1; max-width:100%; font-weight:bold;}
input[type="file"] 						{display:block;}
input[type="range"] 					{display:block; width:100%;}
select[multiple],select[size] 			{height:auto;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
output 									{display:block; padding-top:7px; font-size:14px; line-height:1.4; color:rgba(0,0,0,0.5);}

/*Input_Sys*/
textarea,input[type="text"],input[type="date"],input[type="password"]{width:100%; margin:0; padding:0 10px; height:34px; background-color:rgba(255,255,255,0.8); border:1px solid rgba(0,0,0,0.5); outline:none; color:inherit; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; filter:alpha(opacity=40); opacity:.4;}
textarea.hover,input[type="text"]:hover,input[type="password"]:hover,textarea:hover,input[type="text"].hover,input[type="password"].hover{filter:alpha(opacity=70); opacity:.7; -webkit-appearance:none;}
textarea.active,input[type="text"]:focus,input[type="password"]:focus,textarea:focus,input[type="text"].active,input[type="password"].active{filter:alpha(opacity=90); opacity:.9; -webkit-appearance:none;}
textarea								{line-height:1.33; min-height:8em; height:12em; max-height:24em; resize:vertical;}
select									{-webkit-tap-highlight-color:rgba(255,255,255,0); width:auto; margin:0; vertical-align:middle; font-size:0.8rem; padding:.7em; line-height:1;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
select 									{height:34px; line-height:34px;}
}
select,input[type="file"]{}
select[multiple],select[size]{height:auto;}

/*Form_control*/
.form_control 							{display:block; width:100%; padding:0 12px; font-size:14px; line-height:1.4; color:rgba(0,0,0,0.5); background-color:rgba(255,255,255,.8); background-image:none; border:1px solid rgba(0,0,0,.5); border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form_control:focus 					{border-color:rgba(0,0,0,.9); outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,0); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,0);}
.form_control::-moz-placeholder 		{color:rgba(0,0,0,0.6); opacity:1;}
.form_control:-ms-input-placeholder 	{color:rgba(0,0,0,0.6);}
.form_control::-webkit-input-placeholder{color:rgba(0,0,0,0.6);}
.form_control[disabled],.form_control[readonly],fieldset[disabled] .form_control {background-color:color:rgba(255,255,255,0.4); opacity:1;}
.form_control[disabled],fieldset[disabled] .form_control {cursor:not-allowed;}
textarea.form_control 					{height:auto;}
input[type="search"] 					{-webkit-appearance:none;}

/*Inputs*/
.inputs 								{font-size:14px; line-height:1.4; color:rgba(0,0,0,0.5); background-color:rgba(255,255,255,.8); background-image:none; border:1px solid rgba(0,0,0,.5); border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; filter:alpha(opacity=50); opacity:.5;}
.inputs:hover 							{filter:alpha(opacity=100); opacity:1; -webkit-appearance:none;}
.inputs:focus 							{filter:alpha(opacity=100); opacity:1; -webkit-appearance:none;}
.inputs font 							{color:rgba(0,0,0,0.6);}
.inputs > .hd,.inputs > .bd,.inputs > .md,.inputs > .ft{padding:0;}
.inputs .form_control 					{border:none; min-width:140px; border-radius:0; background:none; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0); box-shadow:inset 0 1px 1px rgba(0,0,0,0);}
.inputs label 							{padding:0 5px;}
.inputs a 								{white-space:nowrap;}


/*Input Size*/
.form_control.xs,.inputs.xs .form_control,.btn_group.xs .form_control{font-size:12px; padding:0 8px; height:22px;}
.form_control.s,.inputs.s .form_control,.btn_group.s .form_control {font-size:13px; padding:0 10px; height:29px;}
.form_control.m,.inputs.m .form_control,.btn_group.m .form_control {font-size:18px; padding:0 16px; height:50px;}
.form_control.l,.inputs.l .form_control,.btn_group.l .form_control {font-size:22px; padding:0 20px; height:66px;}
.form_control.xl,.inputs.xl .form_control,.btn_group.xl .form_control{font-size:28px; padding:0 24px; height:98px;}
.inputs.xs 								{height:22px;}
.inputs.xs,.inputs.xs label,.inputs.xs font	{font-size:12px;}
.inputs.xs .icon						{margin:3px 0; width:16px; height:16px;}
.inputs.s 								{height:29px;}
.inputs.s,.inputs.s label,.inputs.s font{font-size:13px;}
.inputs.s .icon							{margin:2.5px 0; width:24px; height:24px;}
.inputs.m 								{height:50px;}
.inputs.m,.inputs.m label,.inputs.m font{font-size:18px;}
.inputs.m .icon							{width:48px; height:48px;}
.inputs.l 								{height:66px;}
.inputs.l,.inputs.l label,.inputs.l font{font-size:22px;}
.inputs.l .icon							{width:64px; height:64px;}
.inputs.xl 								{height:98px;}
.inputs.xl,.inputs.xl label,.inputs.xl font{font-size:28px;}
.inputs.xl .icon						{width:96px; height:96px;}

/*Input Color*/
.form_control.default,.inputs.default	{color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.8);}
.form_control.default::-moz-placeholder,.inputs.default .form_control::-moz-placeholder {color:rgba(0,0,0,0.6);}
.form_control.default:-ms-input-placeholder,.inputs.default .form_control:-ms-input-placeholder{color:rgba(0,0,0,0.6);}
.form_control.default::-webkit-input-placeholder,.inputs.default .form_control::-webkit-input-placeholder{color:rgba(0,0,0,0.6);}
.inputs.default label,.inputs.default font		{color:rgba(0,0,0,0.6);}
.form_control.dark,.inputs.dark					{color:rgba(0,0,0,0.8); border-color:rgba(0,0,0,0.9);}
.form_control.dark::-moz-placeholder,.inputs.dark .form_control::-moz-placeholder	{color:rgba(0,0,0,0.8);}
.form_control.dark:-ms-input-placeholder,.inputs.dark .form_control:-ms-input-placeholder{color:rgba(0,0,0,0.8);}
.form_control.dark::-webkit-input-placeholder,.inputs.dark .form_control::-webkit-input-placeholder{color:rgba(0,0,0,0.8);}
.inputs.dark label,.inputs.dark font	{color:rgba(0,0,0,0.8);}
.form_control.light,.inputs.light		{color:rgba(255,255,255,0.8); background-color:rgba(55,55,55,0.9); border-color:rgba(20,20,20,0.9);}
.form_control.light::-moz-placeholder,.inputs.light .form_control::-moz-placeholder	{color:rgba(255,255,255,0.8);}
.form_control.light:-ms-input-placeholder,.inputs.light .form_control:-ms-input-placeholder{color:rgba(255,255,255,0.8);}
.form_control.light::-webkit-input-placeholder,.inputs.light .form_control::-webkit-input-placeholder{color:rgba(255,255,255,0.8);}
.inputs.light label,.inputs.light font 	{color:rgba(255,255,255,0.8);}
.form_control.primary,.inputs.primary	{color:rgba(0,51,153,0.8); border-color:rgba(0,51,153,0.9);}
.form_control.primary::-moz-placeholder,.inputs.primary .form_control::-moz-placeholder {color:rgba(0,51,153,0.8);}
.form_control.primary:-ms-input-placeholder,.inputs.primary .form_control:-ms-input-placeholder{color:rgba(0,51,153,0.8);}
.form_control.primary::-webkit-input-placeholder,.inputs.primary .form_control::-webkit-input-placeholder{color:rgba(0,51,153,0.8);}
.inputs.primary label,.inputs.primary font{color:rgba(0,51,153,0.8);}
.form_control.success,.inputs.success		{color:rgba(153,204,0,0.8); border-color:rgba(153,204,0,0.9);}
.form_control.success::-moz-placeholder,.inputs.success .form_control::-moz-placeholder 	{color:rgba(153,204,0,0.8);}
.form_control.success:-ms-input-placeholder,.inputs.success .form_control:-ms-input-placeholder{color:rgba(153,204,0,0.8);}
.form_control.success::-webkit-input-placeholder,.inputs.success .form_control::-webkit-input-placeholder{color:rgba(153,204,0,0.8);}
.inputs.success label,.inputs.success font 	{color:rgba(153,204,0,0.8);}
.form_control.info,.inputs.info			{color:rgba(0,204,255,0.8); border-color:rgba(0,204,255,0.9);}
.form_control.info::-moz-placeholder,.inputs.info .form_control::-moz-placeholder 	{color:rgba(0,204,255,0.8);}
.form_control.info:-ms-input-placeholder,.inputs.info .form_control:-ms-input-placeholder{color:rgba(0,204,255,0.8);}
.form_control.info::-webkit-input-placeholder,.inputs.info .form_control::-webkit-input-placeholder{color:rgba(0,204,255,0.8);}
.inputs.info label,.inputs.info font 	{color:rgba(0,204,255,0.8);}
.form_control.warning,.inputs.warning		{color:rgba(255,102,0,0.8); border-color:rgba(255,102,0,0.9);}
.form_control.warning::-moz-placeholder,.inputs.warning .form_control::-moz-placeholder 	{color:rgba(255,102,0,0.8);}
.form_control.warning:-ms-input-placeholder,.inputs.warning .form_control:-ms-input-placeholder{color:rgba(255,102,0,0.8);}
.form_control.warning::-webkit-input-placeholder,.inputs.warning .form_control::-webkit-input-placeholder{color:rgba(255,102,0,0.8);}
.inputs.warning label,.inputs.warning font 	{color:rgba(255,102,0,0.8);}
.form_control.danger,.inputs.danger	{color:rgba(221,0,0,0.8); border-color:rgba(221,0,0,0.9);}
.form_control.danger::-moz-placeholder,.inputs.danger .form_control::-moz-placeholder 	{color:rgba(221,0,0,0.8);}
.form_control.danger:-ms-input-placeholder,.inputs.danger .form_control:-ms-input-placeholder{color:rgba(221,0,0,0.8);}
.form_control.danger::-webkit-input-placeholder,.inputs.danger .form_control::-webkit-input-placeholder{color:rgba(221,0,0,0.8);}
.inputs.danger label,.inputs.danger font{color:rgba(221,0,0,0.8);}

/*Button*/
button,.btn,input[type="button"]		{display:inline-block; *display:inline; *zoom:1; border:none; font-size:14px; font-weight:normal; line-height:0; border-radius:4px; padding:0px 5px; -webkit-font-smoothing:subpixel-antialiased; -webkit-transition:border 0.25s linear, color 0.25s linear, background-color 0.25s linear; transition:border 0.25s linear, color 0.25s linear, background-color 0.25s linear; background:none; text-decoration:none; color:rgba(0,0,0,0.7); text-align:center; vertical-align:middle;}
.btn font 								{padding:10px;}
.btn .icon 								{margin:1px; filter:alpha(opacity=90); opacity:.9; background-position:0 -32px;}
.btn:hover,.btn:focus 					{outline:none; color:rgba(0,0,0,0.9);}
.btn:active,.btn.active 				{outline:none; box-shadow:none;}
.btn:focus:active 						{outline:none;}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {background-color:rgba(100,100,100,0.5); color:rgba(255,255,255,0.75); opacity:0.7; filter:alpha(opacity=70); cursor:not-allowed;}

/*Form_Size*/
.btn.block 								{display:block; width:100%;}
.btn.xs 								{}
.btn.xs font,.btn_group.xs .btn font,.inputs.xs .btn font,.form_group.xs .btn font		{font-size:12px; padding:5px;}
.btn.xs .icon,.btn_group.xs .icon		{margin:3px 0; width:16px; height:16px; background-position:0 -16px;}
.btn.s 									{}
.btn.s font,.btn_group.s .btn font,.inputs.s .btn font,.form_group.s .btn font			{font-size:13px; padding:8px;}
.btn.s .icon,.btn_group.s .icon			{margin:2.5px 0; width:24px; height:24px; background-position:0 -24px;}
.btn.m 									{padding:0px 8px;}
.btn.m font,.btn_group.m .btn font,.btn.m font,.inputs.m .btn font,.form_group.m .btn font	{font-size:18px; padding:16px;}
.btn.m .icon,.btn_group.m .icon	{width:48px; height:48px; background-position:0 -48px;}
.btn.l 									{padding:0px 10px;}
.btn.l font,.btn_group.l .btn font,.inputs.l .btn font,.form_group.l .btn font			{font-size:22px; padding:22px;}
.btn.l .icon,.btn_group.l .icon			{width:64px; height:64px; background-position:0 -64px;}
.btn.xl 								{padding:0px 10px;}
.btn.xl font,.btn_group.xl .btn font,.inputs.xl .btn font,.form_group.xl .btn font		{font-size:28px; padding:35px;}
.btn.xl .icon,.btn_group.xl .icon		{width:96px; height:96px; background-position:0 -96px;}

/*Button_Color*/
.btn.default 							{color:rgba(255,255,255,0.8); background-color:rgba(122,122,122,0.6); border-color:rgba(100,100,100,0.2); text-shadow:0 1px 0 rgba(0,0,0,0.2);}
.btn.default font 						{color:rgba(255,255,255,0.8);}
.btn.default:hover,.btn.default.hover,.btn.default:focus,.btn.default:active,.btn.default.active,.open > .drop_toggle.btn.default {color:rgba(255,255,255,0.9); background-color:rgba(122,122,122,0.9); border-color:rgba(0,0,0,0.2);}
.btn.default:active,.btn.default.active,.open > .drop_toggle.btn.default {background:rgba(122,122,122,0.9); border-color:rgba(0,0,0,0.2);}
.btn.default.disabled,.btn.default[disabled],fieldset[disabled] .btn.default,.btn.default.disabled:hover,.btn.default[disabled]:hover,fieldset[disabled] .btn.default:hover,.btn.default.disabled.hover,.btn.default[disabled].hover,fieldset[disabled] .btn.default.hover,.btn.default.disabled:focus,.btn.default[disabled]:focus,fieldset[disabled] .btn.default:focus,.btn.default.disabled:active,.btn.default[disabled]:active,fieldset[disabled] .btn.default:active,.btn.default.disabled.active,.btn.default[disabled].active,fieldset[disabled] .btn.default.active {background-color:rgba(122,122,122,0.5); border-color:rgba(0,0,0,0.1);}
.btn.default .badge 					{color:rgba(122,122,122,0.9); background-color:rgba(255,255,255,0.9);}

.btn.dark 								{color:rgba(255,255,255,0.8); background-color:rgba(20,20,20,0.8); border-color:rgba(0,0,0,0.2); text-shadow:0 1px 0 rgba(0,0,0,0.2);}
.btn.dark font 							{color:rgba(255,255,255,0.8);}
.btn.dark:hover,.btn.dark.hover,.btn.dark:focus,.btn.dark:active,.btn.dark.active,.open > .drop_toggle.btn.dark {color:rgba(255,255,255,0.9); background-color:rgba(20,20,20,0.9); border-color:rgba(0,0,0,0.3);}
.btn.dark:active,.btn.dark.active,.open > .drop_toggle.btn.dark {background:rgba(10,10,10,0.9); border-color:rgba(0,0,0,0.4);}
.btn.dark.disabled,.btn.dark[disabled],fieldset[disabled] .btn.dark,.btn.dark.disabled:hover,.btn.dark[disabled]:hover,fieldset[disabled] .btn.dark:hover,.btn.dark.disabled.hover,.btn.dark[disabled].hover,fieldset[disabled] .btn.dark.hover,.btn.dark.disabled:focus,.btn.dark[disabled]:focus,fieldset[disabled] .btn.dark:focus,.btn.dark.disabled:active,.btn.dark[disabled]:active,fieldset[disabled] .btn.dark:active,.btn.dark.disabled.active,.btn.dark[disabled].active,fieldset[disabled] .btn.dark.active {background-color:rgba(10,10,10,0.5); border-color:rgba(0,0,0,0.1);}
.btn.dark .badge 						{color:rgba(10,10,10,0.9); background-color:rgba(255,255,255,0.9);}

.btn.light 								{color:rgba(20,20,20,0.8); background-color:rgba(240,240,240,1); border-color:rgba(0,0,0,0.2); text-shadow:0 1px 0 rgba(200,200,200,0.2);}
.btn.light font 						{color:rgba(20,20,20,0.8);}
.btn.light .icon 						{background-position:0 0;}
.btn.light:hover,.btn.light.hover,.btn.light:focus,.btn.light:active,.btn.light.active,.open > .drop_toggle.btn.light {color:rgba(20,20,20,0.9); background-color:rgba(240,240,240,0.9); border-color:rgba(0,0,0,0.3);}
.btn.light:active,.btn.light.active,.open > .drop_toggle.btn.light {background:rgba(240,240,240,0.9); border-color:rgba(255,255,255,0.4);}
.btn.light.disabled,.btn.light[disabled],fieldset[disabled] .btn.light,.btn.light.disabled:hover,.btn.light[disabled]:hover,fieldset[disabled] .btn.light:hover,.btn.light.disabled.hover,.btn.light[disabled].hover,fieldset[disabled] .btn.light.hover,.btn.light.disabled:focus,.btn.light[disabled]:focus,fieldset[disabled] .btn.light:focus,.btn.light.disabled:active,.btn.light[disabled]:active,fieldset[disabled] .btn.light:active,.btn.light.disabled.active,.btn.light[disabled].active,fieldset[disabled] .btn.light.active {background-color:rgba(240,240,240,0.5); border-color:rgba(255,255,255,0.1);}
.btn.light .badge 						{color:rgba(20,20,20,0.9); background-color:rgba(255,255,255,0.9);}

.btn.primary 							{color:rgba(255,255,255,0.8); background-color:rgba(0,51,153,0.8); border-color:rgba(0,51,153,.95); text-shadow:0 1px 0 rgba(0,0,0,0.2);}
.btn.primary font 						{color:rgba(255,255,255,0.8);}
.btn.primary:hover,.btn.primary.hover,.btn.primary:focus,.btn.primary:active,.btn.primary.active,.open > .drop_toggle.btn.primary {color:rgba(255,255,255,0.9); background-color:rgba(0,51,153,0.95); border-color:rgba(0,51,153,1);}
.btn.primary:active,.btn.primary.active,.open > .drop_toggle.btn.primary {background:rgba(0,51,153,0.95); border-color:rgba(0,51,153,1);}
.btn.primary.disabled,.btn.primary[disabled],fieldset[disabled] .btn.primary,.btn.primary.disabled:hover,.btn.primary[disabled]:hover,fieldset[disabled] .btn.primary:hover,.btn.primary.disabled.hover,.btn.primary[disabled].hover,fieldset[disabled] .btn.primary.hover,.btn.primary.disabled:focus,.btn.primary[disabled]:focus,fieldset[disabled] .btn.primary:focus,.btn.primary.disabled:active,.btn.primary[disabled]:active,fieldset[disabled] .btn.primary:active,.btn.primary.disabled.active,.btn.primary[disabled].active,fieldset[disabled] .btn.primary.active {background-color:rgba(0,51,153,0.5); border-color:rgba(0,51,153,.8);}
.btn.primary .badge 					{color:rgba(0,51,153,0.9); background-color:rgba(255,255,255,0.9);}

.btn.success 							{color:rgba(255,255,255,0.8); background-color:orange; border-color:rgba(153,204,0,.95); text-shadow:0 1px 0                                rgba(0,0,0,0.2);font-size: large;}
.btn.success font 						{color:rgba(255,255,255,0.8);}
.btn.success:hover,.btn.success.hover,.btn.success:focus,.btn.success:active,.btn.success.active,.open > .drop_toggle.btn.success {color:rgba(255,255,255,0.9); background-color:rgba(153,204,0,0.95); border-color:rgba(153,204,0,1);}
.btn.success:active,.btn.success.active,.open > .drop_toggle.btn.success {background:rgba(153,204,0,0.95); border-color:rgba(153,204,0,1);}
.btn.success.disabled,.btn.success[disabled],fieldset[disabled] .btn.success,.btn.success.disabled:hover,.btn.success[disabled]:hover,fieldset[disabled] .btn.success:hover,.btn.success.disabled.hover,.btn.success[disabled].hover,fieldset[disabled] .btn.success.hover,.btn.success.disabled:focus,.btn.success[disabled]:focus,fieldset[disabled] .btn.success:focus,.btn.success.disabled:active,.btn.success[disabled]:active,fieldset[disabled] .btn.success:active,.btn.success.disabled.active,.btn.success[disabled].active,fieldset[disabled] .btn.success.active {background-color:rgba(153,204,0,0.5); border-color:rgba(153,204,0,.8);}
.btn.success .badge 					{color:rgba(153,204,0,0.9); background-color:rgba(255,255,255,0.9);}

.btn.info 								{color:rgba(255,255,255,0.8); background-color:darkorange; border-color:rgba(0,204,255,.95); text-shadow:0 1px 0 rgba(0,0,0,0.2);}
.btn.info font 							{color:rgba(255,255,255,0.8);}
.btn.info:hover,.btn.info.hover,.btn.info:focus,.btn.info:active,.btn.info.active,.open > .drop_toggle.btn.info {color:rgba(255,255,255,0.9); background-color:#009688; border-color:rgba(0,204,255,1);}
.btn.info:active,.btn.info.active,.open > .drop_toggle.btn.info {background:rgba(0,204,255,0.95); border-color:rgba(0,204,255,1);}
.btn.info.disabled,.btn.info[disabled],fieldset[disabled] .btn.info,.btn.info.disabled:hover,.btn.info[disabled]:hover,fieldset[disabled] .btn.info:hover,.btn.info.disabled.hover,.btn.info[disabled].hover,fieldset[disabled] .btn.info.hover,.btn.info.disabled:focus,.btn.info[disabled]:focus,fieldset[disabled] .btn.info:focus,.btn.info.disabled:active,.btn.info[disabled]:active,fieldset[disabled] .btn.info:active,.btn.info.disabled.active,.btn.info[disabled].active,fieldset[disabled] .btn.info.active {background-color:rgba(0,204,255,0.5); border-color:rgba(0,204,255,.8);}
.btn.info .badge 						{color:rgba(0,204,255,0.9); background-color:rgba(255,255,255,0.9);}

.btn.warning 							{color:rgba(255,255,255,0.8); background-color:rgba(255,102,0,0.8); border-color:rgba(255,102,0,.95); text-shadow:0 1px 0 rgba(0,0,0,0.2);}
.btn.warning font 						{color:rgba(255,255,255,0.8);}
.btn.warning:hover,.btn.warning.hover,.btn.warning:focus,.btn.warning:active,.btn.warning.active,.open > .drop_toggle.btn.warning {color:rgba(255,255,255,0.9); background-color:rgba(255,102,0,0.95); border-color:rgba(255,102,0,1);}
.btn.warning:active,.btn.warning.active,.open > .drop_toggle.btn.warning {background:rgba(255,102,0,0.95); border-color:rgba(255,102,0,1);}
.btn.warning.disabled,.btn.warning[disabled],fieldset[disabled] .btn.warning,.btn.warning.disabled:hover,.btn.warning[disabled]:hover,fieldset[disabled] .btn.warning:hover,.btn.warning.disabled.hover,.btn.warning[disabled].hover,fieldset[disabled] .btn.warning.hover,.btn.warning.disabled:focus,.btn.warning[disabled]:focus,fieldset[disabled] .btn.warning:focus,.btn.warning.disabled:active,.btn.warning[disabled]:active,fieldset[disabled] .btn.warning:active,.btn.warning.disabled.active,.btn.warning[disabled].active,fieldset[disabled] .btn.warning.active {background-color:rgba(255,102,0,0.5); border-color:rgba(255,102,0,.8);}
.btn.warning .badge 					{color:rgba(255,102,0,0.9); background-color:rgba(255,255,255,0.9);}

.btn.danger 							{color:rgba(255,255,255,0.8); background-color:rgba(221,0,0,0.8); border-color:rgba(221,0,0,.95); text-shadow:0 1px 0 rgba(0,0,0,0.2);}
.btn.danger font 						{color:rgba(255,255,255,0.8);}
.btn.danger:hover,.btn.danger.hover,.btn.danger:focus,.btn.danger:active,.btn.danger.active,.open > .drop_toggle.btn.danger {color:rgba(255,255,255,0.9); background-color:rgba(221,0,0,0.95); border-color:rgba(221,0,0,1);}
.btn.danger:active,.btn.danger.active,.open > .drop_toggle.btn.danger {background:rgba(221,0,0,0.95); border-color:rgba(221,0,0,1);}
.btn.danger.disabled,.btn.danger[disabled],fieldset[disabled] .btn.danger,.btn.danger.disabled:hover,.btn.danger[disabled]:hover,fieldset[disabled] .btn.danger:hover,.btn.danger.disabled.hover,.btn.danger[disabled].hover,fieldset[disabled] .btn.danger.hover,.btn.danger.disabled:focus,.btn.danger[disabled]:focus,fieldset[disabled] .btn.danger:focus,.btn.danger.disabled:active,.btn.danger[disabled]:active,fieldset[disabled] .btn.danger:active,.btn.danger.disabled.active,.btn.danger[disabled].active,fieldset[disabled] .btn.danger.active {background-color:rgba(221,0,0,0.5); border-color:rgba(221,0,0,.8);}
.btn.danger .badge 						{color:rgba(221,0,0,0.9); background-color:rgba(255,255,255,0.9);}

/*Btn_Group*/
.btn_group,.btn_group_vertical,.btn_toolbar,.form_group {font-size:0 !important; line-height:0 !important; *word-spacing:-1px; margin:0; padding:0; list-style:none; position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.btn_group,.btn_group_vertical,.btn_toolbar,.form_group{letter-spacing:-5px;}
}
.btn_group > .btn,.btn_group_vertical > .btn {position:relative; border-radius:5px;}
.btn_group > .btn:hover,.btn_group_vertical > .btn:hover,.btn_group > .btn:focus,.btn_group_vertical > .btn:focus,.btn_group > .btn:active,.btn_group_vertical > .btn:active,.btn_group > .btn.active,.btn_group_vertical > .btn.active {z-index:2;}
.btn_group .btn + .btn,.btn_group .btn + .btn_group,.btn_group .btn_group + .btn,.btn_group .btn_group + .btn_group {margin-left:-1px;}
.btn_group > .btn:not(:first-child):not(:last-child):not(.drop_toggle),.btn_group > .form_control:not(:first-child):not(:last-child):not(.drop_toggle),.form_group .btn:not(:first-child):not(:last-child):not(.drop_toggle),.form_group .form_control:not(:first-child):not(:last-child):not(.drop_toggle) {border-radius:0;}
.btn_group > .btn:first-child,.btn_group > .form_control:first-child,.form_group .btn:first-child,.form_group .form_control:first-child {margin-left:0;}
.btn_group > .btn:first-child:not(:last-child):not(.drop_toggle),.btn_group > .form_control:first-child:not(:last-child):not(.drop_toggle),.form_group .btn:first-child:not(:last-child):not(.drop_toggle),.form_group .form_control:first-child:not(:last-child):not(.drop_toggle) {border-top-right-radius:0; border-bottom-right-radius:0;}
.btn_group > .btn:last-child:not(:first-child),.btn_group > .drop_toggle:not(:first-child),.btn_group > .form_control:last-child:not(:first-child),.form_group .btn:last-child:not(:first-child),.form_group .drop_toggle:not(:first-child),.form_group .form_control:last-child:not(:first-child) {border-top-left-radius:0; border-bottom-left-radius:0;}
.btn_group > .btn_group:not(:first-child):not(:last-child) > .btn,.btn_group > .btn_group:not(:first-child):not(:last-child) > .form_control,.form_group .btn_group:not(:first-child):not(:last-child) > .btn,.form_group .btn_group:not(:first-child):not(:last-child) > .form_control {border-radius:0;}
.btn_group > .btn_group:first-child:not(:last-child) > .btn:last-child,.btn_group > .btn_group:first-child:not(:last-child) > .form_control:last-child,.btn_group > .btn_group:first-child:not(:last-child) > .drop_toggle,.form_group .btn_group:first-child:not(:last-child) > .btn:last-child,.form_group .btn_group:first-child:not(:last-child) > .form_control:last-child,.form_group .btn_group:first-child:not(:last-child) > .drop_toggle {border-top-right-radius:0; border-bottom-right-radius:0;}
.btn_group > .btn_group:last-child:not(:first-child) > .btn:first-child,.btn_group > .btn_group:last-child:not(:first-child) > .form_control:first-child,.form_group .btn_group:last-child:not(:first-child) > .btn:first-child,.form_group .btn_group:last-child:not(:first-child) > .form_control:first-child{border-top-left-radius:0; border-bottom-left-radius:0;}
.btn_group .drop_toggle:active,.btn_group.open .drop_toggle {outline:0;}
.btn_group .drop_toggle,.btn_group.open .drop_toggle {border-top-right-radius:5px; border-bottom-right-radius:5px;}
.btn_group > .btn + .drop_toggle {}
.btn_group.open .drop_toggle {-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn_group > .hd,.btn_group > .ft,.form_group > .hd,.form_group > .ft{padding:0;}


.btn_group_vertical > .btn,.btn_group_vertical > .btn_group,.btn_group_vertical > .btn_group > .btn {display:block; width:100%; max-width:100%;}
.btn_group_vertical > .btn + .btn,.btn_group_vertical > .btn + .btn_group,.btn_group_vertical > .btn_group + .btn,.btn_group_vertical > .btn_group + .btn_group {margin-top: -1px; margin-left:0;}
.btn_group_vertical > .btn:not(:first-child):not(:last-child) {border-radius:0;}
.btn_group_vertical > .btn:first-child:not(:last-child) {border-top-right-radius:5px; border-bottom-right-radius:0; border-bottom-left-radius:0;}
.btn_group_vertical > .btn:last-child:not(:first-child) {border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:5px;}
.btn_group_vertical > .btn_group:not(:first-child):not(:last-child) > .btn {border-radius:0;}
.btn_group_vertical > .btn_group:first-child:not(:last-child) > .btn:last-child,.btn_group_vertical > .btn_group:first-child:not(:last-child) > .dropdown-toggle {border-bottom-right-radius: 0; border-bottom-left-radius:0;}
.btn_group_vertical > .btn_group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius:0; border-top-right-radius:0;}
.btn_group_justified 	{display:table; width:100%; table-layout:fixed; border-collapse:separate;}
.btn_group_justified > .btn,.btn_group_justified > .btn_group {display:table-cell; width:1%;}
.btn_group_justified > .btn_group .btn {width:100%;}
.btn_group_justified > .btn_group .drop_box {left:auto;}

/*Btn_Toolbar*/
.btn_toolbar 				{margin-left:-5px;}
.btn_toolbar .btn,.btn_toolbar .btn_group,.btn_toolbar .input_group {margin-left:5px;}

/*Select*/
.drop.select 				{position:static;}
.drop.select > .dropbox 	{left:0; right:0;}
.drop.select > .drop_toggle {white-space:nowrap; display:block;}

/*CheckBox*/
.checkbox{display:inline-block; *display:inline; *zoom:1; position:relative; vertical-align:middle; padding:0; font-size:0; line-height:0; white-space:nowrap;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.checkbox{letter-spacing:-5px;}
}
.checkbox input{top:0; right:0; bottom:0; left:0; opacity:0; z-index:50; position:absolute; width:100%; height:100%; cursor:pointer;}
.checkbox i,.checkbox font,.checkbox b{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:.9rem; letter-spacing:normal; margin:2px; line-height:normal;}
.checkbox i{width:20px; height:20px; background-image:url(../images/icons/icon_checkbox.png); background-position:0 0; background-size:100%; filter:alpha(opacity=50); opacity:.5;}
.checkbox:hover i{filter:alpha(opacity=90); opacity:.9;}
.checkbox input:checked ~ i{ background-image:url(../images/icons/icon_checked.png); background-position:0 -40px; filter:alpha(opacity=100); opacity:1;}
.checkbox.radio	i{background-image:url(../images/icons/icon_radio.png);}
.checkbox.radio input:checked ~ i{background-image:url(../images/icons/icon_radioed.png);}
.checkbox.switch i{width:40px; height:20px; background-image:url(../images/icons/switch.png); background-position:0 0; background-size:100%;}
.checkbox.switch input:checked ~ i{background-image:url(../images/icons/switch.png); background-position:0 -80px;}

.list_select 				{padding:0; margin:0;}
.list_select > .item 		{list-style:none; padding:0; margin:0;}
.list_select .checkbox 		{display:block; text-align:left; margin:0; padding:0;}
.list_select .checkbox i 	{position:absolute; top:50%; margin-top:-10px; right:5px;}
.list_select .checkbox font {display:block; padding:.6rem; margin:0;}
.list_select .checkbox input:checked ~ font {background-color:rgba(0,0,0,0.05);}
.list_select .checkbox ins 	{font-size:12px; line-height:1; height:20px; line-height:20px; letter-spacing:normal; color:rgba(0,0,0,0.5); font-weight:normal; position:absolute; top:50%; margin-top:-10px; right:10px;}



.cartok .desc{text-align: center;width: 100%;float:left;line-height:40px;font-size: large;}
.cartok div{text-align: center;width: 100%;float:left;line-height:30px;margin-top:1rem}

.cartok div .desc-list{text-align: right;display: inline-block;width:50%;float:left}
.cartok div .desc-list-1{color: red;width: 50%;display: inline-block;text-align: left;}


.shop_tips{width:433px;height:303px;background:url(../images/tips_bg.png) no-repeat;position:fixed;z-index:555555}
.shop_tips ul{float:left;margin:80px 0px 0px 10px;background:url(../images/tips_tags.png) no-repeat 30px top;padding-left:140px;height:210px;}
.shop_tips li{float:left;width:300px;text-align:left}
.shop_tips h1{color:#ff0000}