@charset "utf-8";

#social{ width:341px; float:right;}



h3{ color:#21205f; text-align:center;font:normal 19px/22px "Myriad Pro";}
h4{ color:#21205f; text-align:center;font:normal 27px/30px "Myriad Pro"; padding:50px 0 0;}
h5{ color:#21205f; text-align:center;font:normal 15px/20px "Myriad Pro";  padding:30px 0 0;}
h5 strong{ color:#21205f; text-align:center;font:normal 18px/20px "Myriad Pro";}

#login{ background:#c8ecfb; border:1px solid #aee2f7; border-radius:4px; margin:30px auto; width:580px; padding:36px 50px;}
#login label{ clear:left; height:48px; width:35%; float:left;font:normal 17px/48px "Myriad Pro"; color:#333; margin:15px 0 0;}
#login input[type="text"], #login input[type="password"]{ background:#d8f3fe; border:1px solid #bae9fd; border-radius:3px; color:#92a3c2;font:normal 17px/46px "Myriad Pro"; height:46px; float:left; width:63%; margin:15px 0 0; text-indent:6px;}
#login input[type="submit"]{ background:url(../images/go.jpg) no-repeat 0 0; width:119px; height:48px; cursor:pointer; border:0; color:#fff;font:normal 20px/48px "Myriad Pro"; margin:2% 0 0 35%; }
#login form{ padding:0 0 32px; display:block; clear:both;}
#login form:after{ clear:both; line-height:0; content:""; visibility:hidden; display:block;}
.thirty{ width:30%; float:left; padding:10px 1.5% 0;}

#after_login{ padding:25px; text-align:center;}
.box{ background:#21205f; display:table; margin:36px auto 0; width:230px; text-align:center; padding:6px 0; box-shadow:0 0 6px #333;}
#content .box p{ color:#fff;}
.first .box{ padding:20px 0;}
.first .box+.box{ margin:85px auto 0;}
.log {  float: right; margin: -70px 0 0; width: 117px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1000px) {
#after_login{ padding:25px 0;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) {
#login{ width:90%; padding:26px 5%;}
.thirty{ width:90%; float:left; padding:10px 5% 0;}

.box, .first .box, .first .box+.box{  margin:15px auto 0; padding:6px 0; width:250px;}
h5{ padding:10px 0 0;}
#social { width: 465px;}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 480px) {

#social { width: 396px;}
.log { width:86px;}
}