@charset "utf-8";
/*
	CSS Document
/////////////////////////////////////////////////
     _ _ _ _
	||¯ ¯ ¯\\    |¯ \  |¯|   /||¯    D     2 ¯||\
	|| |¯\  ||   | |\\ | |   /||  B  U  N  0  ||\
	|| |_/  ||   | | \\| |   /||  Y  N  E  1  ||\
	||_ _ _//    | |  \_ |   /||_    G  O  8 _||\
	 ¯ ¯ ¯
	         dungneo@gmail.com
			    24/08/2018
/////////////////////////////////////////////////
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{min-height: 100%; background:url(../images/bg.jpg) no-repeat center center; }
body{font-size:16px; min-height: 500px; font-family: "Lucida Grande", "Times New Roman", Arial, Tahoma, Helvetica, sans-serif; margin:0; padding:0}
div, span, p, ul, li, table, tr, td, th{margin:0; padding:0}
a{color:#333; text-decoration:none}
a:hover{color:#888}
img{border:none}
#boxLogin{width:470px; margin:100px auto 0; clear:both; background: rgba(256, 256, 256, .75); border: 5px solid rgba(256, 256, 256, .3);}
#boxLogin .content{min-width: 400px; margin:0 auto; clear:both;}
/*background: #3F2763;*/
#boxLogin .content .boxLogo{margin-bottom: 20px; overflow: hidden; padding: 10px; }
#boxLogin .content .logoId{background: url(../images/icon-id.png) no-repeat left center; width: 25%; height: 100px; background-size: contain; float: left;}
#boxLogin .content .logo{background: url(../images/logo.png) no-repeat center center; width: 75%; height: 100px; background-size: contain; float: left;}
#boxLogin .content #lblMsg{width:390px; margin:0 auto; padding:5px 0; color:#F00; font-style:italic; font-size:14px; display:none}
#boxLogin .content .frmElement{ margin-bottom: 20px; }
#boxLogin .content .frmElement .txt{width:100%; padding-top:5px; }
#boxLogin .content .frmElement .txt input{width: 100%; padding: 10px 10px; border-radius: 2px; font-size: 18px}
#boxLogin .content input[type=text], #boxLogin .content input[type=password]{width:230px; border:1px solid #DDD; background:none}
#boxLogin #frm{overflow: hidden; padding: 10px;}
.frmElement .btn button{width: 45%; padding: 10px; background: rgba(256, 256, 256, .5); border: 1px solid #DDD; cursor: pointer; font-size: 16px;}
.frmElement .btn button i{font-size: 20px; padding-right: 5px;}
.frmElement .btn button[type=submit]{float: left; border: 1px solid #00C3DD}
.frmElement .btn button[type=reset]{float: right;}
.clear{clear: both; height: 0px; overflow: hidden;}

@media screen and (max-width: 768px) {
	html{background-position: left center;}
}
@media screen and (max-width: 677px) {
	#boxLogin{width: 80%;}
	#boxLogin .content{width: 100%; min-width: 100%}
	/*#boxLogin .content{width: 80%;}*/
}
@media screen and (max-width: 480px) {
	#boxLogin{width: 90%;}
}