body{background:#f8f8f0;}
	*{margin:0px;}
	a{text-decoration:none;color:#008fff;}
	.progbtn{background:#ADD8E6;padding:9px;text-align:center;border-radius:3px;cursor:not-allowed;color:#191970;font-size:14px;display:none;}
	input[type=checkbox],[type=radio]{padding:5px;cursor:pointer; -ms-transform:scale(1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5); 
	-o-transform:scale(1); transform:scale(1.5);background:transparent;}
	
	@media screen and (min-width:500px){
		.main{
			height:auto;width:420px;margin:0 auto;box-shadow:0px 1px 4px rgba(0,0,0,0.2);background:#fff;min-height:200px;border-radius:4px;
			margin-top:1%;font-family:cambria;padding:;
		}
		.main input[type=text],[type=password],[type=number],[type=email],[type=url],select{
			padding:10px;width:85%;border:0px;border-bottom:1.5px solid #dcdcdc;font-family:signika negative;color:#191970;font-size:16px;background:transparent;
		}
		#usel{width:24%;cursor:pointer;padding:11px 3px;}
		.contents{width:92%;margin:0 auto;text-align:center;}
	}	
	@media screen and (max-width:500px){
		.main{
			height:auto;width:90%;margin:0 auto;box-shadow:0px 1px 4px rgba(0,0,0,0.2);background:#fff;min-height:200px;border-radius:4px;margin-top:2%;
		}
		.main input[type=text],[type=password],[type=number],[type=email],[type=url],select{
			padding:10px;width:80%;border:0px;border-bottom:1.5px solid #dcdcdc;font-family:signika negative;color:#191970;font-size:17px;background:transparent;
		}
		#usel{width:20%;cursor:pointer;outline:none;padding:8px;}
		.contents{width:98%;margin:0 auto;text-align:center}
	}
			
	.main input:focus{ outline:none; border-bottom:1.5px solid #008fff;}
	.main select:focus{ outline:none; border-bottom:1.5px solid #008fff;cursor:pointer;}
	.main #sbtn{ width:96%;padding:9px;background:#313996;border:1px solid #191970;cursor:pointer;color:#fff;outline:none;border-radius:3px; }
	::placeholder{color:#191970;}
	#succ{color:#fff;padding:10px;background:green;text-align:center;}
	#error{color:#ff4500;font-family:signika negative;background:rgba(255,127,80,0.15);padding:8px;border:1px solid pink;}
	
	ol.register-progress[data-steps="2"] li { width: 49%; }
	ol.register-progress[data-steps="3"] li { width: 33%; }
	ol.register-progress[data-steps="4"] li { width: 24%; }
	ol.register-progress[data-steps="5"] li { width: 19%; }
	ol.register-progress[data-steps="6"] li { width: 16%; }
	ol.register-progress[data-steps="7"] li { width: 14%; }
	ol.register-progress[data-steps="8"] li { width: 12%; }
	ol.register-progress[data-steps="9"] li { width: 11%; }
	.register-progress {width: 100%;list-style: none;list-style-image: none;margin: 20px 0 20px 0;padding: 0;}
	.register-progress li {float: left;text-align: center;position: relative;}
	.register-progress .name {display: block;vertical-align: bottom;text-align: center;margin-bottom: 1em;color: #4682b4;opacity: 0.3;}
	.register-progress .step {color: #191970;border: 5px solid #ccc;background-color: #ccc;border-radius: 50%;line-height: 1.8;width: 2.5em;height: 2.5em;
	display: inline-block;z-index: 0;font-size:13px;}
	.register-progress .step span {opacity: 0.3;}
	.register-progress .active .name,
	.register-progress .active .step span {opacity: 1;}
	.register-progress .step:before {content: "";display: block;background-color: #ccc;height: 0.4em;width: 37%;position: absolute;bottom: 1.2em;left: 0;z-index: 0;}
	.register-progress .step:after {content: "";display: block;background-color: #ccc;height: 0.4em;width: 37%;position: absolute;bottom: 1.2em;right: 0;z-index: 0;}
	.register-progress li:first-of-type .step:before {display: none;}
	.register-progress li:last-of-type .step:after {display: none;}
	.register-progress .done .step,
	.register-progress .done .step:before,
	.register-progress .done .step:after,
	.register-progress .active .step,
	.register-progress .active .step:before {background-color: #6495ed; color:#fff;}
	.register-progress .done .step,
	.register-progress .active .step {border: 5px solid #6495ed;}