.input-container {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

#pc-main .input-container input[type="text"], #pc-main .input-container input[type="password"] {
    display: inline-block;
    border-radius: 4px;
    outline: none;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:-1px;
    width: 182px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    border: 0;
}
/*set background to gray when disabled in login only*/
#pc-main.input-container.disabled .input-wrapper {
    background-color: #eeeeee;
}

.input-container .input-wrapper {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-container.focus .input-wrapper {
    border-color: #ff6060;
}
.input-container.err .input-wrapper {
    border-color: #c11c66;
}

.input-container label.input-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    color: #b3b3b3;
    cursor: text;
}

.input-container .input-err-container,
.input-container .input-under-hint-container {
    position: absolute;
    left: 0;
    top: 37px;
    display: none;
    z-index: 19;
}

.input-err-container .input-err-delta {
    background: url("../img/icons.png") no-repeat scroll -300px -1121px;
    display: block;
    height: 8px;
    left: 88px;
    position: absolute;
    top: -4px;
    width: 13px;
}

.input-err-container .input-err-content {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 1px 1px 8px #898989;
    max-width: 350px;
    min-width: 166px;
    padding: 10px 12px;
    text-align: left;
}

/*css for password visible function,added on 2016/10/14*/
span.icon-eye {
    display: inline-block;
    /*background: url(../img/icons.png) no-repeat -252px -54px;*/
    width: 28px; /*set larger for bug in safari*/
    height: 28px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
/*
.invisible span.icon-eye {
    background-position: -139px -278px;
}
.visible span.icon-eye {
    background-position: -166px -278px;
}
*/
.invisible span.icon-eye .eyeColor {
    fill: #a7a9ac;
}
.visible span.icon-eye .eyeColor {
    fill: #ff6060;
}
.invisible span.icon-eye .eyeClose,
.visible span.icon-eye .eyeOpen {
    opacity: 1;
}
.invisible span.icon-eye .eyeOpen,
.visible span.icon-eye .eyeClose{
    opacity: 0;
}

.tpPassword input[type="password"], .tpPassword input[type="text"] {
    padding-right: 30px;
}
/*end*/


/*css for input in index*/
.pure-form input[type=text].tpInput,
.pure-form input[type=password].tpInput{
	display: inline-block;
	box-sizing: border-box;
	border: 0;
	box-shadow: none;
	padding-left: 14px;
	padding-left: 7px\9;
	height: 32px;
	margin: -1px;
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	color: #666666;
	font: 13px/20px "Arial", "Verdana";
	vertical-align: middle;
	border-radius: 5px;
	background-color: transparent;
	outline: 0;
}
.pure-form .input-container .input-wrapper{
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	box-shadow: none;
	background-color: transparent;
	height: 32px;
	box-sizing: border-box;
	position: relative;
}

.pure-form .input-container.focus .input-wrapper{
	border-color: #ff6060;
}

.pure-form .input-container.err .input-wrapper{
	border-color: #c11c66;
}

.pure-form-aligned .pure-control-group label.input-placeholder {
	text-align: left;
	width: auto;
}
.pure-form .input-container label.input-placeholder {
	top: 1px;
}

/*.pure-form div.input-wrapper input[type=text]:focus.tpInput,*/
/*.pure-form div.input-wrapper input[type=password]:focus.tpInput {*/
	/*margin: 0;*/
/*}*/

.pure-form .input-container .input-err-container,
.pure-form .input-container .input-under-hint-container{
	top: 32px;
	white-space: nowrap;
}

.widget-err.icon-err {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../img/icons.png") no-repeat -143px -311px;
}

.pure-form .input-container .input-err-container .icon-err {
	margin-right: 6px;
}

.pure-form .input-container .input-err-container .text {
	color: #c11c66;
	line-height: 32px;
}
.pure-form .input-container .input-under-hint-container .text {
	color: #a7a9ac;
	line-height: 32px;
}
.input-suffix {
	margin-left: 8px;
}
.pure-form input[type="password"].tpInput,
.pure-form input[type="text"].tpInput,
.pure-form input[type=password][disabled].tpInput,
.pure-form input[type=text][disabled].tpInput {
	border: 0;
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	background-color: inherit;
}
/**/