@charset "utf-8";
/* CSS Document */
body{ background:url(../images/bg.jpg) repeat; margin:0 auto; font-size:12px; color:#444; font-family:Arial, Helvetica, sans-serif}

#main{ width:1060px; margin:0 auto; box-shadow: 0px 2px 5px #ccc; background:#fff;}
header{ width:100%; padding:10px 0px 10px; margin:0px 10px}
.logo{ float:left; padding-right:20px}
.logo-text{ float:left; font-size:36px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#006098; padding-top:15px; }
.cle{ clear:both}

.banner{ border:solid 1px #CCCCCC; background:#d9f1fb; height:186px; margin:0px 10px}
.left{ float:left;}
.mid{ float:left;}
.login{ float:left; background:#d9f1fb; width:305px; padding:0px 20px}

input{ border: solid 1px #ccc; padding:5px 10px; width:92.5%; margin-bottom:10px; height:20px; font-family:Arial, Helvetica, sans-serif}
.btn{ background:#006098; color:#FFF; padding:5px 5px; float:right; width:100px; height:31px; font-family:Arial, Helvetica, sans-serif}
.forgot{ 0px; color:#F00;}
.contener{ width:100%; float:left}
.contener h1{ color:#00beff; text-align:center; font-size:36px; font-weight:500}
.cont_left{ float:left; width:50%}
.cont_left ul{ margin:5px; padding:5px;}
.cont_left ul li{ margin:5px 20px; padding:5px; font-size:18px; list-style:url(../images/arrow.jpg);}
.cont_right{float:left; width:50%}
.cont_right ul{ margin:5px; padding:5px;}
.cont_right ul li{ margin:5px 20px; padding:5px;font-size:18px; list-style:url(../images/arrow.jpg);}

footer{ background:#dfdcdc; border-top:solid 3px #115fb0; text-align:center; padding:20px 0px; color:#000; }

@media (max-width: 767px) {
	 
#main{ width:100%; margin:0 auto; box-shadow: 0px 2px 5px #ccc; background:#fff;}	 
.logo-text{ float:left; font-size:36px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#006098; padding:15px; width:87%; }
.banner{ border:solid 1px #CCCCCC; background:#d9f1fb; height:186px; margin:0px 10px}
.banner img{ width:100%;}
.login{ float:left; background:#d9f1fb; width:87%; padding:0px 20px}
.cont_left{ float:left; width:100%}
.cont_right{float:left; width:100%}

}

@media (max-width: 1024px) {
	 
#main{ width:100%; margin:0 auto; box-shadow: 0px 2px 5px #ccc; background:#fff;}	 
.logo-text{ float:left; font-size:36px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#006098; padding:15px; width:87%; }
.banner{ border:solid 1px #CCCCCC;  height:186px; margin:0px 10px; width:90%;}
.banner img{ width:100%;}
.login{ float:left; background:#d9f1fb; width:94.5%; padding:0px 20px}
.cont_left{ float:left; width:100%}
.cont_right{float:left; width:100%}
input{ border: solid 1px #ccc; padding:5px 10px; width:96.5%; margin-bottom:10px; height:20px; font-family:Arial, Helvetica, sans-serif}
}