/**/
.top-form2 {
	padding:20px;
	background:#FFF;
	border:#B2B2B2 solid 2px;
	max-width:480px;
	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);
}
@media only screen and (max-width: 420px) {
	.top-form2 {
		width: 90%;
	}
}

.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:#000000;
	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:#000000; font-size:20px; margin-top:20px; }

/**/
/* normal state */
/**/
.top-form .toggle i:before {
	background-color: #D66571;	
}
.top-form .button, .memregbox .button {
	background-color: #D66571;font-weight: bold; 
}
.top-form .button:hover, .memregbox .button:hover {
	background-color: #B4303D; letter-spacing: 2px; font-weight: bold; 
}

.memregbox .button.btnreg{background:#DEB1B4; color:#FFF; border:solid 1px #D66571;}
.memregbox .button.btnreg:hover{background:#B4303D; border-color:#B4303D}

.top-form .fbbtn {margin-top: 10px !important; background:#3364A2}
.top-form .fbbtn:hover{background:#254A78}


/*.top-form .input input::placeholder,
.top-form .input input::-ms-input-placeholder,
.top-form .input input::-ms-input-placeholder,
.top-form .select select::placeholder,
.top-form .select select::-ms-input-placeholder,
.top-form .select select::-ms-input-placeholder,
.top-form .textarea textarea::placeholder,
.top-form .textarea textarea::-ms-input-placeholder,
.top-form .textarea textarea::-ms-input-placeholder {
	color:blue !important;
}*/


/**/
/* 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: #999999;
}
.top-form .rating input + label:hover,
.top-form .rating input + label:hover ~ label {
	color: #D66571;
}


/**/
/* 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: #D66571;
}


/**/
/* checked state */
/**/
.top-form .radio input + i:after {
	background-color: #D66571;	
}
.top-form .checkbox input + i:after {
	color: #000000;
}
.top-form .radio input:checked + i,
.top-form .checkbox input:checked + i,
.top-form .toggle input:checked + i {
	border-color: #D66571;	
}
.top-form .rating input:checked ~ label {
	color: #000000;	
}

/**/
/*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}

.npdsel{ border:#666 solid 1px;}
.npdsel .nh1{ background:#666; color:#FFF; height:30px; line-height:30px; font-size:16px; font-weight:600; padding-left:10px;} 
.npdsel .nh2{ color:#069; font-size:16px; padding:10px;}
.npdsel .nh3{ color:#060; font-size:16px;padding:0px 0px 10px 10px; border-bottom:#CCC dotted 1px;}

.top-form .state-success input,
.top-form .state-success select,
.top-form .state-success textarea,
.top-form .radio.state-success i,
.top-form .checkbox_auth.state-success i,
.top-form .checkbox.state-success i,
.top-form .toggle.state-success i {
	background: #FCF8F8;
	border:#D66571 1px dotted;
	color:#182F51;
}
.top-form .state-success .icon-prepend{ color:#B4303D}