/**/
.top-form2 {
	padding:20px;
	background:#FFF;
	border:#B2B2B2 solid 2px;
	width:400px;
	border-radius:10px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.6),4px 4px 6px rgba(0,0,0,0.4),6px 6px 12px rgba(0,0,0,0.4);
}
.top-form2 header{ padding:10px 0px 10px 0px;}
.top-form2 p{ margin-bottom:20px; font-weight:500; font-size:16px;}
.top-form2 footer{ margin-top:15px;}
#loginsucess{text-align:center; margin: 20px auto;
	outline: none;
	font: 13px/1.55 "微軟正黑體",'Helvetica Neue',Helvetica,Arial,sans-serif;
	width:480px;
	background:#FFF;
	border:#646473 solid 2px;
	padding:20px;
	color:#034C9A;
	border-radius:10px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.6),4px 4px 6px rgba(0,0,0,0.4),6px 6px 12px rgba(0,0,0,0.4);
	z-index:999;
	}
#loginsucess i{ font-size:60px;}
.loginsucess p{ color:#034C9A; font-size:20px; margin-top:20px; }

/**/
/* normal state */
/**/
.top-form .toggle i:before {
	background-color: #034C9A;	
}
.top-form .button {
	background-color: #034C9A;
}


/**/
/* hover state */
/**/
.top-form .input:hover input,
.top-form .select:hover select,
.top-form .textarea:hover textarea,
.top-form .radio:hover i,
.top-form .checkbox:hover i,
.top-form .toggle:hover i,
.top-form .ui-slider-handle:hover {
	border-color: #71951E;
}
.top-form .rating input + label:hover,
.top-form .rating input + label:hover ~ label {
	color: #034C9A;
}


/**/
/* focus state */
/**/
.top-form .input input:focus,
.top-form .select select:focus,
.top-form .textarea textarea:focus,
.top-form .radio input:focus + i,
.top-form .checkbox input:focus + i,
.top-form .toggle input:focus + i {
	border-color: #034C9A;
}


/**/
/* checked state */
/**/
.top-form .radio input + i:after {
	background-color: #034C9A;	
}
.top-form .checkbox input + i:after {
	color: #034C9A;
}
.top-form .radio input:checked + i,
.top-form .checkbox input:checked + i,
.top-form .toggle input:checked + i {
	border-color: #034C9A;	
}
.top-form .rating input:checked ~ label {
	color: #034C9A;	
}

/**/
/*other*/
.top-form .imgsizeinfo{
	display: inline-block;
	font-family: FontAwesome,"微軟正黑體", arial;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	background: #A01D55;
	padding:2px 3px 4px 3px;
}
#filea{height:36px;}

.font-b{color:#1678C9}

@media screen and (max-width: 600px) {
	.top-form2 {width:90%;}
}