
body { 
	font-family: 'Microsoft JhengHei',serif; 
	font-size: 16px; 
	font-weight: 400; 
    color:#fff;
	line-height: 30px; 
	text-align: center; 
	letter-spacing:2px;
	margin:0px;
	padding:0px;
	background: url(../img/bgreg_1113.png); 
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right top ;
	background-size: cover;
}


.justify-content-center {justify-content:center !important;
						 background-color:rgba(0,0,0,0.3);
						 margin-top:50px;
						 border-radius:10px;}

a { color: #fff; border-bottom: 1px solid #fff; text-decoration: none; transition: all .3s; }
a:hover, a:focus { color: #0072E3; border: 0; text-decoration: none; }

h1 { font-size: 38px; font-weight: 700; color: #fff; line-height: 50px; letter-spacing:5px;
}

h6 { text-align: left; font-size: 18px; font-style: 'Open Sans', sans-serif; color: #fff; line-height: 28px; }

::-moz-selection { background: #0066CC; color: #fff; text-shadow: none; }
::selection { background: #0066CC; color: #ff; text-shadow: none; }


.form-example { padding: 10% 0; }

.form-example p { color: #fff; font-size:20px; line-height:30px;}
.form-example p.description { margin-bottom: 20px; }
.form-example p.copyright { margin-top: 40px; }

.form-example .form-group { 
	text-align: left; 
	font-size: 20px; 
	font-weight: bolder;
	font-style: 'Open Sans', sans-serif;
	color: 	#fff; 
	line-height: 28px;
	}

.form-example input[type="text"],
.form-example input[type="password"],
.form-example input[type="radio"]
{
    background: #fff; border: 2px solid #fff; 
    font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; color: #000; 
    box-shadow: none;
}
.form-example input[type="text"]:focus,
.form-example input[type="password"]:focus ,
.form-example input[type="radio"]:focus 
{ outline: 0; background: #fff; border: 2px solid #5e92cc ; box-shadow: none; }

.form-example input[type="text"]::-moz-placeholder,
.form-example input[type="password"]::-moz-placeholder ,
.form-example input[type="radio"]::-moz-placeholder
 { color: #fff; font-style: italic; }

.form-example input[type="text"]:-ms-input-placeholder,
.form-example input[type="password"]:-ms-input-placeholder,
.form-example input[type="radio"]:-ms-input-placeholder
 { color: #fff; font-style: italic; }

.form-example input[type="text"]::-webkit-input-placeholder,
.form-example input[type="password"]::-webkit-input-placeholder,
.form-example input[type="radio"]::-webkit-input-placeholder 
 { color: #fff; font-style: italic; }

.form-example button.btn-customized {
	margin-top: 1rem;
	padding: .75rem 1.5rem; 
	border: 0; 
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400; 
	color: #fff; 
    box-shadow: none;
}

.form-example button.btn-customized:hover, 
.form-example button.btn-customized:active, 
.form-example button.btn-customized:focus, 
.form-example button.btn-customized:active:focus, 
.form-example button.btn-customized.active:focus,
.form-example button.btn.btn-primary:not(:disabled):not(.disabled):active,
.form-example button.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	outline: 0; background: #C4E1FF; border: 0; color: #fff; box-shadow: none;
}

@media (max-width: 767px) {
	
	.form-example .form-group
	{ text-align: left; font-size: 16px; font-style: 'Open Sans', sans-serif; color: #fff; line-height: 20px; }

}