.login-blk	{ margin-top:100px; background-image:url(images/bg-login.jpg); background-repeat:no-repeat; background-size:cover;
				  padding:60px 0 0 0; color:#fff}

    .login-blk .lb-wrapper { margin:0 auto; width:60%; padding-bottom:50px; text-align:center}

	.login-blk h2 	{ text-align:center; line-height:normal; font-size:35px; color:#ff7e00}
	.login-blk table  { border-top:1px solid #fff; padding-top:20px; width:100%;}
	.login-blk table tr td:first-child { text-align:right; width:30%; }
	.login-blk table tr td:last-child  { text-align:left;}
	.login-blk table tr td { padding:5px}

	.login-blk input { background-color:#ccc; border:none; outline:none; padding:10px 2%;
					  width:70%; height:30px; color:#333; margin-left:10px;
					  font-family: Helvetica, Arial, Verdana, sans-serif; font-weight:normal; font-size:14px;}
	.login-blk input:focus { background-color:#666; transition:all 0.3s ease; color:#fff}


	.login-blk ul.item2 		{ margin:10px 0 0 5px; padding:0}
	.login-blk ul.item2 li	{ margin:0 20px 0 0; padding:0; list-style:none; display:inline-block;}
	.login-blk ul.item2 li span img { width:auto; height:25px; margin-right:10px;}

	.login-blk ul.item2 li a 		{ color:#fff; text-decoration:none}
	.login-blk ul.item2 li a:hover { color:#ff7e00; transition: all 0.3s ease-out}

	.login-notice { background-color:#666; text-align:center; padding:10px 0}

	a.button .g-btn-orange 		{ padding:10px 20px; display:block; float:left; position:relative; z-index:2;
					   		  	  background-color:#ff7e00; color:#fff; transition: all 0.3s ease-out;}
	a.button:hover .g-btn-orange 	{ background-color:#333; color:#fff;}


	@media only screen and (max-width:1024px) {
    .login-blk .lb-wrapper { width:80%;}
	.login-blk h2 		 {font-size:30px;}
	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
    .login-blk .lb-wrapper { width:90%;}
	.login-blk input { width:90%; }
	}


	@media only screen and (max-width:767px) {
	.login-blk	{ margin-top:60px}
	.login-blk table tr  	 { display:block; width:100%}
	.login-blk table tr td { display:block; width:100%; text-align:left;}
	.login-blk table tr td:first-child { display:block; width:100%; text-align:left;}
	.login-blk table tr td { padding:0px}
	.login-blk table tr td:nth-child(even) { margin-bottom:10px}
	.login-blk h2 	{ font-size:20px; text-align:left;}
	.login-blk 	{ font-size:14px}
	.login-blk .lb-wrapper { text-align:left; padding-bottom:30px}
    .login-blk .lb-wrapper { width:88%;}

	.login-blk ul.item2 	{ margin:10px 0 0 5px; padding:0}
	.login-blk ul.item2 li	{ margin:20px 20px 20px 0; padding:0; list-style:none; display:block;}
	.login-blk ul.item2 li span img { width:auto; height:25px; margin-right:10px;}

	
	.login-blk input { width:100%}
	.login-blk input,
	a.button .g-btn-orange { margin-left:0}

	}