@charset "UTF-8";
/* ######################################################################## */
/* /////////////////////////////// CSSRESET /////////////////////////////// */
/* ######################################################################## */
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}
body{font:normal 11px Arial; }a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address{margin:0px}
div, ul, li{ margin:0px; padding:0px; }
/* ######################################################################## */


body        { background:url(../img/bg-body.png) no-repeat center center fixed; padding:0; margin:0; font-family: 'Ubuntu', sans-serif; }

@keyframes example2 {
    0%     { top:90px; }
    1%     { top:-500px; }
    100%   { top:0px; }
}

.anadiv         { width:980px; left:50%; position:absolute; left:50%; margin-top:90px; margin-left:-490px; animation-name: example2; animation-duration:1s; }
.header         { width:100%; float:left; height:60px; }
.pull-right     { float:right; color:#fff; text-align: right; }
.loginArea      { width:980px; height:350px; float:left; border-radius:8px; background:#18458c; overflow:hidden; -webkit-box-shadow: 10px 10px 60px 12px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 60px 12px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 60px 12px rgba(0,0,0,0.75); }
.loginArea .path1       { width:60%; height:350px; float: left; padding:50px; box-sizing: border-box; color:#fff; font:normal 14px 'Ubuntu', sans-serif; line-height:20px; }
.loginArea .path2       { width:40%; height:350px; float: left; padding:50px; box-sizing: border-box; background:#2b63c0; }
.loginArea .path2 input[type=text]          { width:100%; box-sizing:border-box; padding:18px; border:none; border-radius:5px; background:#1d2a42; color:#fff; font:normal 14px 'Ubuntu', sans-serif; margin-bottom:18px; }
.loginArea .path2 input[type=password]      { width:100%; box-sizing:border-box; padding:18px; border:none; border-radius:5px; background:#1d2a42; color:#fff; font:normal 14px 'Ubuntu', sans-serif; margin-bottom:18px; }
.loginArea .path2 input[type=submit]        { width:50%; box-sizing:border-box; padding:14px 18px; border:none; border-radius:5px; background:#5db865; color:#fff; font:normal 14px 'Ubuntu', sans-serif; margin:0 25%; cursor:pointer; }