@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-family:Arial, "新細明體", "細明體", "微軟正黑體";}

#main_img {width:100%; min-width:500px; height:230px; padding:70px 0 10px 0; margin:0 0 30px 0; background:url(../images/login/main_img_bg.gif) left top repeat-x #0c0c0c; text-align:center;}
#main_img img {width:500px; height:230px; border:none;}

#main_form {width:500px; padding:0; margin:0; text-align:left;}
#edit {width:500px; margin:0; padding:0;}
#edit ul {width:500px; padding:0; margin:0; list-style:none;}
#edit li {width:360px; height:38px; padding:0 70px 0 70px; margin:0 0 10px 0; position:relative;}
#edit li.status {width:338px; padding:10px; margin:0 70px 10px 70px; height:auto; background-color:#dae8ee; border:1px solid #8abdd6; color:#527d99; font-size:12px; line-height:1.5em; display:none;}
#edit li .msg {position:absolute; font-size:13px; color:#0099ff; font-style:normal; line-height:38px; text-align:right; top:0px; right:79px;}
#edit li .icon {width:49px; height:38px; margin:0 1px 0 0; float:left;}
#edit li .icon img {width:49px; height:38px; border:0;}
#edit li.dividing {margin:15px 0 15px 0; padding:0; height:1px;}
#edit li.dividing img {width:570px; height:1px; border:0; position:absolute; left:0px; top:0px;}
#edit li.act {height:40px; margin-bottom:40px; font-size:13px; color:#527d99;}
#edit li.act span {position:absolute; top:20px; right:70px;}
#edit li.act span a { padding:2px 5px 2px 5px; display:inline-block; color:#527d99; text-decoration:underline;}
#edit li.act span a:hover { text-decoration:none;}
input[type=submit], input[type=button] {width:100px; height:40px; border:none; float:left; padding:0; cursor:pointer;} 
input[type=submit] {margin:0 5px 0 0; color:#FFF;}
input[type=button] { background:#ababab; color:#737373; margin:0;}
#submit_login { background:#527d99;}
#submit_regist { background:#638c1a;}
#submit_retrieve { background:#df5214;}

input[type=text], input[type=password] {height:14px; font-size:13px; color:#999999; margin:0; padding:12px; background-color:#4a5155; border:none;} 
input[name=user], input[name=pass] {width:286px;}
input[name=first] {width:58px; margin-right:1px; float:left;}
input[name=last] {width:84px; margin-right:1px; float:left;}
input[name=ans] {width:260px; padding-left:38px; background:url(../images/login/login_rem_a.gif) left center no-repeat #4a5155;}
input[name=captcha] {width:131px;}
.sex_area {width:56px; height:14px; background-color:#4a5155; position:relative; float:left; display:inline-block; padding:12px 50px 12px 12px; color:#999; font-size:13px; line-height:14px; background-image:url(../images/login/select.gif); background-position:82px 2px; background-repeat:no-repeat; cursor:pointer;}
.sex_area i {font-style:normal;}
.sex_area:hover { background-image:url(../images/login/select_hover.gif);}
.sex_area .list {width:81px; margin:0; padding:0; background:#4a5155; border:1px solid #4a5155; position:absolute; left:0px; top:0px; z-index:99; display:none; left:0px; top:37px;}
.sex_area .list span {width:59px; height:14px; padding:11px; background:#929799; color:#CCC; margin:1px 0 0 0; display:block; cursor:pointer;}
.sex_area .list span:hover {background:#676f73; }
/*.sex_area:hover .list {display:block;}*/

.rem_q, .rem_a {width:38px; height:38px; border:none; padding:0; margin:0; float:left;}
.rem_area {width:222px; height:14px; background-color:#4a5155; position:relative; float:left; display:inline-block; padding:12px 50px 12px 0px; color:#999; font-size:13px; line-height:14px; background-image:url(../images/login/select.gif); background-position:236px 2px; background-repeat:no-repeat; cursor:pointer;}
.rem_area i {font-style:normal;}
.rem_area:hover { background-image:url(../images/login/select_hover.gif);}
.rem_area .list {width:273px; height:110px; overflow-x: hidden; overflow-y: scroll; margin:0; padding:0; background:#4a5155; border:1px solid #4a5155; position:absolute; left:0px; top:0px; z-index:99; display:none; left:-38px; top:37px;}
.rem_area .list span {width:251px; height:14px; padding:11px; background:#929799; color:#CCC; margin:1px 0 0 0; display:block; cursor:pointer;}
.rem_area .list span:hover {background:#676f73; }
/*.rem_area:hover .list {display:block;}*/

#captcha_img {width:154px; height:38px; float:left; padding:0; margin:0 1px 0 0; cursor:pointer;}

#logout {min-width:600px; margin:0; padding:100px; list-style:none;}
#logout li {text-align:center; font-size:13px; line-height:30px;}