@charset "utf-8";
/* CSS Document */




.HG{ margin:30px auto 0 auto; width:100%; }
.HG h1{ margin:20px 0; font-weight:normal; color:#000;}

.HG .row{
	position:relative;
}

.HG .R_set{ float:left; margin-right:10px;}


.HG .row.error:after,
.HG .row.success:after{
	vabout:'';
	position:absolute;
	right:15px;
    top: 8px;
	width:32px;
	height:32px;
	background:url(../images/icons.png) no-repeat;
}

.HG .row.error:after{
	background-position: 0 -79px;
}

.HG input[type=text],
.HG input[type=password],
.HG textarea{

	border:1px dotted #dbd9d9;
	/*background:url(../images/text-boxes.png) no-repeat top left;*/
	font-size:12px;
	color:#565656;
	outline:none;
    height: 35px;
	line-height:35px;
    margin: 0 auto 10px auto;
    padding: 0 10px 0 20px;
    -moz-border-radius:5px;      /* Gecko browsers */
    -webkit-border-radius:5px;   /* Webkit browsers */
    border-radius:5px;
	width:90%;
	/*font-family:"\5fae\8f6f\96c5\9ed1",宋体;*/
	-moz-box-shadow: 0px 0px 5px #e6e6e6;
    -webkit-box-shadow: 0px 0px 5px #e6e6e6;
     box-shadow: 0px 0px 5px #e6e6e6;
}
.HG input.code{ width:200px;}
.HG input.code2{ width:305px;}
.HG input.code3{ width:189px;}

.HG textarea{ height:120px; padding:10px 10px 0 20px;}
.HG input[disabled]{
	opacity: 0.5;
}

.HG .email input{
	background-position:0 0;
}

.HG .email input:focus{
	background-position:0 -48px;
}

.HG .pass input{
	background-position:0 -96px;
}

.HG .pass input:focus{
	background-position:0 -144px;
}



/*----------------------------
	The Submit Button
-----------------------------*/

a{ text-decoration:none; }

.HG input[type=submit]{
	border:0;
/*
	border: 1px solid #e1e0e1;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
*/
    color: #fff;
    cursor: pointer;
    display: display:inline-block;;
    font-size:14px;
    margin: 10px 10px 0 0;
    padding: 10px;
    text-shadow: 0 ;
    width: 150px;
    /*font-family:"\5fae\8f6f\96c5\9ed1",宋体;*/
	background-color:#689d0d;
/*	
	background-image: linear-gradient(top, #dad8d9 0%, #c3c2c3 100%);
	background-image: -o-linear-gradient(top, #dad8d9 0%, #c3c2c3 100%);
	background-image: -moz-linear-gradient(top, #dad8d9 0%, #c3c2c3 100%);
	background-image: -webkit-linear-gradient(top, #dad8d9 0%, #c3c2c3 100%);
	background-image: -ms-linear-gradient(top, #dad8d9 0%, #c3c2c3 100%);
*/	
}

.HG input[type=submit]:hover{
	
	background-color:#c3c2c3;
	
	background-image: linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
	background-image: -o-linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
	background-image: -moz-linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
	background-image: -webkit-linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
	background-image: -ms-linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
}

.HG input[type=submit]:active{
	
	background-color:#000;
	
	background-image: linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
	background-image: -o-linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
	background-image: -moz-linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
	background-image: -webkit-linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
	background-image: -ms-linear-gradient(top, #c3c2c3 0%, #dad8d9 100%);
}


/*----------------------------
	The Arrow
-----------------------------*/


.HG .arrow{
    background: url(../images/arrow.png) no-repeat -10px 0;
    height: 120px;
    left: 214px;
    position: absolute;
    top: 392px;
    width: 11px;
    
   	/* Defining a smooth CSS3 animation for turning the arrow */
    
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    transition:0.3s;
    
    /* Putting the arrow in its initial position */
    
	-moz-transform: rotate(-134deg);
	-webkit-transform: rotate(-134deg);
	-o-transform: rotate(-134deg);
	-ms-transform: rotate(-134deg);
	transform: rotate(-134deg);
}

.HG .arrowCap{
	background: url(../images/arrow.png) no-repeat -43px 0;
	height: 20px;
	left: 208px;
	position: absolute;
	top: 443px;
	width: 20px;
	z-index: 10;
}

.HG .meterText{
	color: #575757;
	font-size: 10px;
	left: 189px;
	line-height: 1.1;
	position: absolute;
	top: 485px;
	width: 60px;
}

.HG .R_set p.GS{ line-height:35px; display:block; height:35px; padding-left:5px; padding-bottom:10px;}