@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block; }
ol,ul{list-style:none;margin:0;padding:0; }
blockquote,q{quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none; }
table{border-collapse:collapse;border-spacing:0; }
a{text-decoration:none; }
.clear{clear:both; }
img{max-width:100%; }


body{ font-family: 'Droid Sans', sans-serif; font-size:100%; background: #fff; background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; }
.message.warning  { margin:9% auto 0; width: 26%; }
.login-head { padding: 2em 0; background: #ab150b; position:relative; }
.login-head h1 { color: #fff; font-size: 1.5em; text-align: left; margin: 0 23px; }
.login-content { padding: 3em 2em; background: #F2F2F2; }
.login-content h2 { padding-bottom: 3em;}
.login-content a { color: #666666;}

.message { box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.4); position: relative; }
.warning { text-align: center; margin: 14% auto; width: 280px; background: rgba(82, 97, 97, 0.68); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; }
.alert-close { background: url('close.png') no-repeat 0px 3px; cursor: pointer; height: 30px; position: absolute; right: 12px; top: 34px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; width: 30px; }


/*-----start-responsive-design------*/
@media (max-width:1440px){ 
	.message.warning { margin: 11% auto 0; width: 30%; }
}
@media (max-width:1366px){ 
	.message.warning{ margin: 7% auto 0; width: 35%; }
}
@media (max-width:1280px){ 
	.message.warning { margin: 7% auto 0; width: 33%; }
}
@media (max-width:1024px){ 
	.message.warning{ margin: 12% auto 0; width: 47%; }
}
@media (max-width:768px){ 
	.message.warning{ margin: 13% auto 0; width: 65%; }
}
@media (max-width:640px){ 
	.message.warning{ margin: 13% auto 0; width: 67%; }
}
@media (max-width:480px){ 
	.message.warning  { margin: 15% auto 0; width:90%; }
}
@media (max-width:320px){ .message.warning  { margin:8% auto 0; width:90%; }
	.login-head { padding: 1.45em 0; }
	.login-head h1 { font-size: 1.15em; }
	.alert-close { right: 12px; top: 22px; }
}