@CHARSET "UTF-8";

/* 整体 */
div.popup { width: 490px; background-color: #fff; border: 1px solid #ccc; 
position: absolute;  transform: translate(-250px, -225px); z-index: 200; display: none; }
/* 头部 */
div.popup > div.header { height: 50px; background-color: #ccc;width:490px; }
div.popup > div.header:hover { cursor: pointer;  }
div.header > #logo { width: 130px; padding-top:8px; }
div.header>font { color: #333; font-size: 18px; display: inline-block; margin-left: 20px;
	vertical-align: top;  margin-top: 10px;}
div.header > #close { float: right; margin-right: 20px; margin-top: 10px; }
/* 内容 */
div.popup > div.conner { padding-left: 40px; }
div.conner > input { border: 1px solid #ccc; }
div.conner > input:first-child { margin-top: 40px; }
div.conner > input[class=type1] { margin-bottom: 20px; width: 400px; height: 40px; padding-left: 20px;  } 
div.conner > input[class=type2] { width: 18px; height: 18px; padding-left: 20px;  }
div.conner > input[class=type3] { width: 60px; height: 40px; padding-left: 20px; float:left; }
div.conner > img { width: 100px; height: 40px; vertical-align: middle; float:left; }
div.conner > a { text-decoration: none; }
div.conner > input#reg_btn { width: 420px; height: 45px; background: #3399ff; color: #fff; margin-top: 20px; }
div.conner > input#login_btn { width: 420px; height: 45px; background: #3399ff; color: #fff; }
/* 尾部 */
div.#pop_zone > div#pop_footer { font-size: 14px; letter-spacing: 13px; margin: 20px; }
div.#pop_zone > div#pop_footer > a#link { text-decoration: none; color: blue;  }

/* 样式调整 */
input#remember_me_login { display: inline; float: left; }
input#remember_me_login + span {   color: #555;  display: inline;  float: left;
 font-size: 1.1em; height: 39px; letter-spacing: 1px; line-height: 25px; 
  vertical-align: middle;  }
