body{ margin:0px; padding:0px;}
ul,li{margin:0px; padding:0px; list-style:none}
img{ vertical-align:middle}


.Container{position:absolute;display: flex;align-items: center;justify-content: center;width:100%;height:100%;}
#Register{background:rgba(255, 255, 255, 0.4)!important;filter:Alpha(opacity=40); background:#fff; color:#333;border-radius:4px; min-width:460px;}
.Box{ padding:10px;background:rgba(255, 255, 255, 0.8)!important;
filter:Alpha(opacity=80); background:#fff;margin:8px; border:1px solid #E6E6FF;}
.Box ul{position:relative; padding:0px 15px 0px 15px;}
.Box ul li{ line-height:40px;}
.Box ul li i{font-weight:bold;font-style:normal; width:80px; display:inline-block; text-align:right}
.Box ul li tip{ display: table; line-height:20px; margin-left:80px; margin-top:2px;}
.Box img{ border:1px solid #CCC; vertical-align:middle;cursor:pointer}
.BTitle{line-height:40px; font-size:16px; font-weight:bold; text-align:center;}
.badge{
  height: 16px;
  width: 16px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  font-size:10px;
  background: #E5E5E5;
  line-height: normal;
  font-style:normal;
  margin:0 8px;
  color:#999;
  cursor:pointer
}
.Box ul li:hover .badge{ background:#09F; color:#FFF}

.Foot{position:absolute;bottom:0px; font-size:12px; text-align:center; width:100%; line-height:30px;text-shadow:#FFF 1px 1px 0; color:#BBB}
.Online{background:#E6E6FF; position:absolute; right:0px; padding:2px 15px; text-align:center; top:5px; line-height:22px; color:#999; font-size:12px; z-index:9999}
.Line{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(50, 50, 50, 0.75), rgba(0, 0, 0, 0));}
input[type='text'],input[type='password'],input[type='email']{
    outline-style: none ;
    border: 1px solid #ccc; 
    border-radius: 3px;
    padding: 4px 5px;
    font-size: 14px;
    font-family: "Microsoft soft";
	vertical-align:middle;
}
input[type='text']:focus,input[type='password']:focus,input[type='email']:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
/*	line-height:30px;
	height:30px;*/
	overflow:hidden;
	color:#999 !important;
	font-size:12px;
	/*padding:5px;*/
	font-style:normal;
	vertical-align:middle;
	border-radius: .3em;

}
.Validform_right,.Validform_wrong,.Validform_loading{padding-left:20px !important;}
.Validform_right{
	color:green !important;
	background:#E5FFEA url(1.png) no-repeat 4px center;
}
.Validform_wrong{
	color:#DD0000 !important;	
	background:#FFE5E5 url(0.png) no-repeat 4px center;
}
.Validform_loading{
	padding-left:24px !important;
	background:url(onLoad.gif) no-repeat 4px center;
}
.Validform_error{
	background-color:#ffe7e7;
}


.EMsg_Box,
.EMsg_Box .gtl_ico_succ,
.EMsg_Box .gtl_ico_fail,
.EMsg_Box .gtl_ico_hits,
.EMsg_Box .gtl_ico_clear,
.EMsg_Box .gtl_end{display:inline-block;height:54px;line-height:54px;font-weight:bold;font-size:14px;color:#606060;background-image:url("gb_tip_layer.png");_background-image:url("gb_tip_layer_ie6.png");background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif}
.EMsg_Box_wrap{width:100%;position:fixed;_position:absolute;top:46%;left:0;text-align:center;z-index:65533}
.EMsg_Box{background-position:0 -161px;background-repeat:repeat-x;padding:0 18px 0 9px;margin:0 auto;position:relative}
.EMsg_Box .gtl_ico_succ{background-position:-6px 0;left:-45px;top:0;width:45px;position:absolute}
.EMsg_Box .gtl_end{background-position:0 0;position:absolute;right:-6px;top:0;width:6px}
.EMsg_Box .gtl_ico_fail{background-position:-6px -108px;position:absolute;left:-45px;top:0;width:45px}
.EMsg_Box .gtl_ico_hits{background-position:-6px -54px;position:absolute;left:-45px;top:0;width:45px}
.EMsg_Box .gtl_ico_clear{background-position:-6px 0;left:-5px;width:5px;position:absolute;top:0}
.EMsg_Box .gtl_ico_loading{ width:16px;height:16px;border:0;background-image:url("loading.gif");float:left;margin:19px 10px 0 5px}