body {
margin: 0;
font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

@media (min-width: 320px) {
	.container {
	width: 270px; }
	.logoc {
	display: block;
	vertical-align: top;
	padding: 0px; }
	#welcome{display:none}
	#login_cred{display:none}
	.odm-form {
	display: block;
	vertical-align: top;
	padding-left: 0px;
	/*border-top: solid 1px #444;*/
	border-left: 0; 
	margin-top:20px} }
@media (min-width: 520px) {
	.container {
	width: 560px; }

	.logoc {
	display: inline-block;
	vertical-align: top;
	padding: 10px 5px; }
	#welcome{display:block}
	#login_cred{display:block}
	.odm-form {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	border-left: solid 2px #000;
	border-top: 0; } }
@media (min-height: 220px) {
	.container {
	margin-top: 5px; } }
@media (min-height: 400px) {
	.container {
	margin-top: 70px; } }

.container {
margin-right: auto;
margin-left: auto;
min-width: 270px; }
.container .logoc {
line-height: 1;
margin-top: 53px; }
.container .logoc #logo {
  margin: 0;
  font-size: 50px;
  text-align: center; }
  .container .logoc #logo i {
	font-size: 42px;
	color: #e5e567; }
.container .logoc p {
  text-align: center; }
.container .odm-form {
width: 270px; }
.container .odm-form #welcome, .container .odm-form #finish {
  text-align: center;
  font-size: 30px;
  margin: 0; }
.container .odm-form #login_cred, .container .odm-form #login_key {
  text-align: center;
  margin: 0; }
.container .odm-form .odm-input {
  width: 240px;
  margin: 5px auto;
  font-size: 16px;
  border: solid 1px #999999;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }
  .container .odm-form .odm-input i {
	padding: 4px;
	color: gray; }
  .container .odm-form .odm-input input {
	width:200px;
	background: transparent;
	color: #999999;
	border: 0;
	outline: none;
	line-height: 24px;
	padding: 3px 0px 3px 2px;
	font-size: 15px;
	color: #000; }
	.container .odm-form .odm-input input.placeholder {
	  color: #999;
	  font-size: 13px; }
	.container .odm-form .odm-input input:-moz-placeholder {
	  color: #999;
	  font-size: 13px; }
	.container .odm-form .odm-input input::-moz-placeholder {
	  color: #999;
	  font-size: 13px; }
	.container .odm-form .odm-input input::-webkit-input-placeholder {
	  color: #999;
	  font-size: 13px; }
.container .odm-form .msg-container {
  text-align: center;
  margin: 0;
  font-weight: 500;
  line-height: 40px; }
  .container .odm-form .msg-container i {
	font-size: 24px; }
.container .odm-form #btn_signin, .container .odm-form #btn_keyin {
  font-size: 20px;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 25px;
  border: solid 1px #488c57;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #488c57;
  color: #fff;
  cursor:pointer;
  font-weight: 500; }
#btn_home a{
  font-size: 20px;
  padding: 8px 25px;
  border: solid 1px #488c57;
  border-radius: 6px;
  color: #000;
  transition:0.5s;
  font-weight: 500;
  cursor:pointer;
  text-decoration:none}
#btn_home1:hover{
  font-size: 20px;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 25px;
  border: solid 1px #488c57;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #488c57;
  color: #fff;
  transition:0.5s;
  font-weight: 500; }