/* default */
body { background-color: #f5f5f5; cursor: default; font-family: Arial; font-size: 11px; margin: 0px; width: 100%; }

/* top */
#top { height: 48px; margin: 20px auto; width: 370px; }
#top .top-title { color: #000; font-size: 22px; font-weight: bold; padding: 9px 5px 0px 10px; }
#top .top-title .color { color: #19457f; }

/* login */
#share { margin: 10px auto; min-height: 400px; padding: 10px; width: 370px; }
#share .box { background-color: #fff; border-radius: 3px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); height: 370px; }
#share .title { color: #000; font-size: 18px; font-weight: bold; padding: 20px 25px 5px 25px; }
#share .outer { padding: 20px 25px; }
#share .min { min-height: 210px; }
#share .col-title { color: #999; font-size: 11px; font-weight: bold; padding: 5px 7px; }
#share .col-text { padding: 5px 0px 10px 15px; }
#share .col-input { padding: 0px 5px 5px 5px; }
#share .col-control { padding: 20px 5px 10px 5px; }
#share .col-link { padding: 0px 5px 5px 5px; text-align: right; }
#share .message-center { margin: 15px 15px 5px 10px; }
#share .message-center .control { float: left; margin: 5px 5px 0px 0px; }
#share .message-center .text { color: #999; float: left; font-size: 11px; transition: color 0.3s; }
#share .message-center .text .notice { color: #aaa; font-size: 10px; }
#share .message-center:hover .text { color: #19457f; }

/* footer */
#footer { color: #000; font-size: 11px; margin: 10px auto; width: 380px; padding: 5px 0px 10px 0px; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer .text { padding: 0px 5px; }
#footer .link { color: #000; font-size: 11px; margin: 0px 5px; transition: color 0.3s; }
#footer .link:hover { color: #19457f; }