@charset "utf-8";
body {font-family:Arial, Helvetica, sans-serif;font-size:12px; margin: 0;padding: 0;color: #000;}
ul, ol, dl {padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 15px}
a img {border: none;}
/*--------------- CSS Reset --------------*/
html {color: #626366;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, th, var, optgroup {font-style: inherit;font-weight: inherit;}
del, ins {text-decoration: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;font-variant: normal;}
sup {vertical-align: top;}
sub {vertical-align: baseline;}
legend {color: #000;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select {*font-size:100%;}
a, img {outline: none;border: 0;}
a {text-decoration: none;}
article, aside, audio, canvas, command, datalist, details, embed, address, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display: block}
mark, rp, rt, ruby, summary, time {display: inline}
/*--------------- CSS Reset --------------*/

section {height: 100%; width: 100%; }
.logo{display: block; padding: 10px 0;}
.innContent{background-image:url('../resources/images/home-bg.png'); background-repeat:repeat-x;}

.wrapper {width: 941px; margin: 0px auto;padding: 0px;}
.header {width: 100%;display:block;clear:both; margin:0px auto;box-shadow: 1px 0px 2px #ccc; background: #fff;}
.container {background-color:#e7eef5;clear:both;height:100%;display:block;}

#netSteps h3{padding:20px 0px 20px 0px; text-align:center; font-size:28px; color:#004a8f; line-height:30px;}
#netSteps .border{ border-top:1px solid #ed1c24; width:125px; height:1px;}
#netSteps ul{margin:0px 0px 0px 0px; clear:both;}
#netSteps ul li{ list-style-type:none; display:block; float:left; width:235px; text-align:center; height:260px;}
#netSteps ul li span{ display:block;text-align:center; color:#004a8f; font-size:18px; padding:10px 0px;}
#netSteps .apply{ margin:50px 0px; text-align:center;}
#netSteps .apply a{ text-align:center; padding:13px 60px; color:#ffffff; background-color:#ed1c24; border-bottom:5px solid #be0a11; font-size:22px; border-radius:5px; text-shadow:1px 1px 2px #666;}
.footer{ width:100%; height:40px; background-color:#2e7dcc; bottom:0px;}
.footer img{width: 941px;margin: 0px auto; display:block;}
.banner{margin:20px 0px;}

.scrolltop{ position:fixed; right:20px; bottom:40px; z-index: 5; animation: dance 1.2s ease infinite; -webkit-animation: dance 1.2s ease infinite; -moz-animation: dance 1.2s ease infinite; -ms-animation: dance 1.2s ease infinite; display: none;}
.scrollbottom{ position:fixed; right:20px; bottom:40px; z-index: 5; animation: dance 1.2s ease infinite; -webkit-animation: dance 1.2s ease infinite; -moz-animation: dance 1.2s ease infinite; -ms-animation: dance 1.2s ease infinite;}
.scrolltop:hover, .scrollbottom:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes dance{
    0{bottom:40px;}
    50%{bottom:60px;}
    100%{ bottom:40px; }
}

-webkit-@keyframes dance{
    0{bottom:40px;}
    50%{bottom:60px;}
    100%{ bottom:40px; }
}

-moz-@keyframes dance{
    0{bottom:40px;}
    50%{bottom:60px;}
    100%{ bottom:40px; }
}

-ms-@keyframes dance{
    0{bottom:40px;}
    50%{bottom:60px;}
    100%{ bottom:40px; }
}
