*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Microsoft YaHei",sans-serif,arial,"NSimSun","SimSun";}
/***全局定义***/
html{width:100%;height:100%;}
body{width:100%;height:100%;font-family:'Microsoft YaHei'; margin:0 auto;position:relative;-webkit-text-size-adjust:100%;background-color: #f2f3f5;}
html,body{font-size:14px;}
img{border:0;}
a {color: #337ab7;text-decoration: none;}
a:focus {color: #337ab7;text-decoration: none;}
a:hover {color: #23527c;text-decoration: underline;}
a:active {color: #23527c;text-decoration: underline;}
table{font-size:inherit;}
pre{ border-radius: 8px;font-size:inherit;}
blockquote{
	margin:0 0 24px;
	padding: 15px;
	border-left: 8px solid #dddfe4;
	background-color:#eef0f4;
	overflow: auto;
	word-break:normal;
}
/***文本框***/
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
input::-o-clear{display: none;}
input[type=text]{color:navy;font-size:12px;border:1px #AAAAAA solid;height:21px;padding:2px;}
input[type=password]{color:navy;font-size:12px;border:1px #AAAAAA solid;height:21px;padding:2px;}
/***复选框***/
input[type=checkbox]{color:navy;width:16px;height:16px;vertical-align:middle;margin-left:1px;margin-right:1px;}
/***单选框***/
input[type=radio]{color:navy;width:16px;height:16px;vertical-align:middle;margin-left:1px;margin-right:1px;}

/***
下面是蓝色按钮
button_20px_nm 比旧版的要大一些
button_20px 小一点的按钮，和旧版大小基本一致
button_20px_img 带src图片或background图片的按钮，大小和旧版一致
灰白色按钮
button_20px_df
***/

.button_20px_nm,.button_20px,.button_20px_img,.button_20px_df{min-width:20px;max-width:40px;}
.button_40px_nm,.button_40px,.button_40px_img,.button_40px_df{min-width:40px;max-width:60px;}
.button_60px_nm,.button_60px,.button_60px_img,.button_60px_df{min-width:60px;max-width:80px;}
.button_80px_nm,.button_80px,.button_80px_img,.button_80px_df{min-width:80px;max-width:100px;}
.button_100px_nm,.button_100px,.button_100px_img,.button_100px_df{min-width:100px;max-width:120px;}
.button_120px_nm,.button_120px,.button_120px_img,.button_120px_df{min-width:120px;max-width:180px;}
.button_180px_nm,.button_180px,.button_180px_img,.button_180px_df{min-width:180px;max-width:190px;}

.button_20px_nm,.button_40px_nm,.button_60px_nm,.button_80px_nm,.button_100px_nm,.button_120px_nm,.button_180px_nm
{
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
  padding: 6px 6px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  color: #FFFFFF;
  background-color: #3c8dbc;
  border-color: #367fa9;
  outline:none;
}
.button_20px_df,.button_40px_df,.button_60px_df,.button_80px_df,.button_100px_df,.button_120px_df,.button_180px_df
{
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
  padding: 6px 6px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  color: #444444;
  background-color: #f4f4f4;
  border-color: #dddddd;
  outline:none;
}
.button_20px,.button_40px,.button_60px,.button_80px,.button_100px,.button_120px,.button_180px,.button_180px_sm
{
  height:21px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
  padding: 1px 4px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  color: #FFFFFF;
  background-color: #3c8dbc;
  border-color: #367fa9;
  outline:none;
}
.button_20px_img,.button_40px_img,.button_60px_img,.button_80px_img,.button_100px_img,.button_120px_img,.button_180px_img
{
	height:21px;
	line-height: 1.6;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent;
	padding: 0;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	color: #333333;
	background-color: #f5f5f5;
	border-color: #367fa9;
	outline:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.button_20px_img img,.button_40px_img img,.button_60px_img img,.button_80px_img img,.button_100px_img img,.button_120px_img img,.button_180px_img img
{
  float:left;
  margin:2px 1px 2px 2px;
  height:16px;
  border:none;
}

.button_20px_img [type=checkbox],.button_40px_img [type=checkbox],.button_60px_img [type=checkbox],.button_80px_img [type=checkbox],.button_100px_img [type=checkbox],.button_120px_img [type=checkbox],.button_180px_img [type=checkbox]
{
  float:right;
  margin:1px;
}

.button_20px:hover,.button_20px_nm:hover,.button_40px:hover,.button_40px_nm:hover,.button_60px:hover,.button_60px_nm:hover,.button_80px:hover,.button_80px_nm:hover,.button_100px:hover,.button_100px_nm:hover,.button_120px:hover,.button_120px_nm:hover,.button_180px:hover,.button_180px_nm:hover
{
  color: #FFFFFF;
  background-color: #367fa9;
  border-color: #204d74;
}

.button_20px_img:hover,.button_40px_img:hover,.button_60px_img:hover,.button_80px_img:hover,.button_100px_img:hover,.button_120px_img:hover,.button_180px_img:hover
{
  background-color: #e7e7e7;
  border-color: #204d74;
}
.button_20px_df:hover,.button_40px_df:hover,.button_60px_df:hover,.button_80px_df:hover,.button_100px_df:hover,.button_120px_df:hover,.button_180px_df:hover
{
  color: #333333;
  background-color: #e7e7e7;
  border-color: #adadad;
}

.button_20px_img:hover:active,.button_20px_df:hover:active,.button_40px_img:hover:active,.button_40px_df:hover:active,.button_60px_img:hover:active,.button_60px_df:hover:active,.button_80px_img:hover:active,.button_80px_df:hover:active,.button_100px_img:hover:active,.button_100px_df:hover:active,.button_120px_img:hover:active,.button_120px_df:hover:active,.button_180px_img:hover:active,.button_180px_df:hover:active
{
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  background-color:#d4d4d4;
  border-color:#8c8c8c;
  outline:none;
}

.button_20px:hover:active,.button_20px_nm:hover:active,.button_40px:hover:active,.button_40px_nm:hover:active,.button_60px:hover:active,.button_60px_sm:hover:active,.button_60px_nm:hover:active,.button_80px:hover:active,.button_80px_nm:hover:active,.button_100px:hover:active,.button_100px_nm:hover:active,.button_120px:hover:active,.button_120px_nm:hover:active,.button_180px:hover:active,.button_180px_nm:hover:active
{
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  background-color: #204d74;
  border-color: #122b40;
  outline:none;
}
/***
绿色		button_ui_green
深绿色		button_ui_deepgreen
天蓝色		button_ui_blue
道奇蓝色		button_ui_dogerblue
深蓝色		button_ui_deepblue
浅红色		button_ui_lowred
红色		button_ui_red
深红色		button_ui_deepred
橙色		button_ui_orange
暗橙色		button_ui_deeporange
浅灰色		button_ui_grey
灰色		button_ui_deepgrey
深灰色		button_ui_darkgrey
浅粉色		button_ui_hotpink
粉色		button_ui_deeppink
紫罗兰色		button_ui_violet
深紫罗兰色		button_ui_deepviolet
青色		button_ui_deepcyan
深青色		button_ui_darkcyan
黄色		button_ui_yellew
深黄色		button_ui_deepyellow
褐色		button_ui_brown
深褐色		button_ui_deepbrown
***/
.button_ui_green {background-color: #00a65a; border-color: #008d4c;}
.button_ui_green:hover {background-color: #008d4c; border-color: #398439;}
.button_ui_green:hover:active {background-color: #398439; border-color: #255625;}
.button_ui_deepgreen {background-color: #398439; border-color: #2F6A2F;}
.button_ui_deepgreen:hover {background-color: #2F6A2F; border-color: #2B622B;}
.button_ui_deepgreen:hover:active {background-color: #2B622B; border-color: #255425;}
.button_ui_blue {background-color: #00B0DD; border-color: #00A4CC;}
.button_ui_blue:hover {background-color: #00A4CC; border-color: #269abc;}
.button_ui_blue:hover:active {background-color: #269abc; border-color: #1b6d85;}
.button_ui_lowred {background-color: #FF8686; border-color: #FF6F6F;}
.button_ui_lowred:hover {background-color: #FF6F6F; border-color: #FF5B5B;}
.button_ui_lowred:hover:active {background-color: #FF5B5B; border-color: #FF5555;}
.button_ui_red {background-color: #FF3535; border-color: #d73925;}
.button_ui_red:hover {background-color: #d73925; border-color: #ac2925;}
.button_ui_red:hover:active {background-color: #ac2925; border-color: #761c19;}
.button_ui_deepred {background-color: #B70000; border-color: #A20000;}
.button_ui_deepred:hover {background-color: #A20000; border-color: #930000;}
.button_ui_deepred:hover:active {background-color: #930000; border-color: #840000;}
.button_ui_orange {background-color: #f39c12; border-color: #e08e0b;}
.button_ui_orange:hover {background-color: #e08e0b; border-color: #d58512;}
.button_ui_orange:hover:active {background-color: #d58512; border-color: #985f0d;}
.button_ui_deeporange {background-color: #BF6000; border-color: #AA5500;}
.button_ui_deeporange:hover {background-color: #AA5500; border-color: #934900;}
.button_ui_deeporange:hover:active {background-color: #934900; border-color: #7D3F00;}
.button_ui_grey {color: #444444; background-color: #f4f4f4; border-color: #ccc;}
.button_ui_grey:hover {color: #444444; background-color: #e7e7e7; border-color: #adadad;}
.button_ui_grey:hover:active {color: #333333;  background-color: #d4d4d4; border-color: #8c8c8c;}
.button_ui_deepgrey {background-color: #75736F; border-color: #676663;}
.button_ui_deepgrey:hover {background-color: #676663; border-color: #5E5C59;}
.button_ui_deepgrey:hover:active {background-color: #5E5C59; border-color: #504E4B;}
.button_ui_darkgrey {background-color: #43423F; border-color: #31312F;}
.button_ui_darkgrey:hover {background-color: #31312F; border-color: #222220;}
.button_ui_darkgrey:hover:active {background-color: #222220; border-color: #111110;}
.button_ui_hotpink {background-color: #FF53A9; border-color: #FF3399;}
.button_ui_hotpink:hover {background-color: #FF3399; border-color: #FF158A;}
.button_ui_hotpink:hover:active {background-color: #FF158A; border-color: #F9007C;}
.button_ui_deeppink {background-color: #F00084; border-color: #D20074;}
.button_ui_deeppink:hover {background-color: #D20074; border-color: #B50064;}
.button_ui_deeppink:hover:active {background-color: #B50064; border-color: #9B0055;}
.button_ui_violet {background-color: #AF00FB; border-color: #9D00E1;}
.button_ui_violet:hover {background-color: #9D00E1; border-color: #8D00CA;}
.button_ui_violet:hover:active {background-color: #8D00CA; border-color: #8000B7;}
.button_ui_deepviolet {background-color: #8000B7; border-color: #7600A8;}
.button_ui_deepviolet:hover {background-color: #7600A8; border-color: #670093;}
.button_ui_deepviolet:hover:active {background-color: #670093; border-color: #5C0084;}
.button_ui_dogerblue {background-color: #0076EC; border-color: #0065CA;}
.button_ui_dogerblue:hover {background-color: #0065CA; border-color: #0065CA;}
.button_ui_dogerblue:hover:active {background-color: #0065CA; border-color: #005AB5;}
.button_ui_deepcyan {background-color: #00AAAA; border-color: #009999;}
.button_ui_deepcyan:hover {background-color: #009999; border-color: #008A8A;}
.button_ui_deepcyan:hover:active {background-color: #008A8A; border-color: #007979;}
.button_ui_darkcyan {background-color: #008B8B; border-color: #007B7B;}
.button_ui_darkcyan:hover {background-color: #007B7B; border-color: #006666;}
.button_ui_darkcyan:hover:active {background-color: #006666; border-color: #005555;}
.button_ui_brown {background-color: #A78B58; border-color: #987E50;}
.button_ui_brown:hover {background-color: #987E50; border-color: #8B7449;}
.button_ui_brown:hover:active {background-color: #8B7449; border-color: #7D6842;}
.button_ui_deepbrown {background-color: #884513; border-color: #793E11;}
.button_ui_deepbrown:hover {background-color: #793E11; border-color: #723910;}
.button_ui_deepbrown:hover:active {background-color: #723910; border-color: #66340F;}
.button_ui_deepblue {background-color: #0000F9; border-color: #0000D5;}
.button_ui_deepblue:hover {background-color: #0000D5; border-color: #0000B0;}
.button_ui_deepblue:hover:active {background-color: #0000B0; border-color: #00009B;}
.button_ui_yellew {color: #444444;background-color: #DBDB00; border-color: #C6C600;}
.button_ui_yellew:hover {color: #444444;background-color: #C6C600; border-color: #B5B500;}
.button_ui_yellew:hover:active {color: #333333; background-color: #B5B500; border-color: #9B9B00;}
.button_ui_deepyellow {background-color: #979700; border-color: #848400;}
.button_ui_deepyellow:hover {background-color: #848400; border-color: #737300;}
.button_ui_deepyellow:hover:active {background-color: #737300; border-color: #646400;}

.button_20px[disabled],.button_20px_nm[disabled],.button_20px_df[disabled],.button_40px[disabled],.button_40px_nm[disabled],.button_40px_df[disabled],.button_60px[disabled],.button_60px_nm[disabled],.button_60px_df[disabled],.button_80px[disabled],.button_80px_nm[disabled],.button_80px_df[disabled],.button_100px[disabled],.button_100px_nm[disabled],.button_100px_df[disabled],.button_120px[disabled],.button_120px_nm[disabled],.button_120px_df[disabled],.button_180px[disabled],.button_180px_nm[disabled],.button_180px_df[disabled]
{
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.button_20px_img[disabled],.button_40px_img[disabled],.button_60px_img[disabled],.button_80px_img[disabled],.button_100px_img[disabled],.button_120px_img[disabled],.button_180px_img[disabled]
{
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
  border:1px solid #888888;
}