/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    犉main
        =member-rules
        =login-form
        =photo-list
        駩魺login
            =service-announce
        =activate-form,reg-ok
-----------------------------------------------------------------------------*/

form .btn {
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 4px;
    border: 1px solid #c6c6c6;
    background: url(../../i/bg-btn.gif) repeat 0 0;
}

/**
*
* =member-rules
*
**/

#member-rules {
    width: 900px;
    margin: 12px auto 0;
}

#member-rules h3 {
    margin-bottom: 4px;
    color: #7f8988;
    font: bold 15px Arial;
}

#member-rules form {
    overflow: auto;
    padding: 11px 0 20px;
    border-top: 3px solid #c3cdd4;
    background: #f3f3f3;
    text-align: center;
}

#member-rules .rules {
    width: 832px;
    border: 1px solid #7f9db9;
    background: #fff;
    font: 13px/28px Verdana;
}

#member-rules .rules h4 {
    font-weight: normal;
}

#member-rules .rules ol li {
    list-style: decimal;
    margin: 0 0 0 30px;
}

#member-rules p {
    margin: 11px 0 10px;
    font: 13px/28px Verdana;
    text-align: center;
}

#member-rules p.func {
    overflow: auto;
    width: 200px;
    margin: 0 auto;
}

#member-rules p input {
    margin-right: 10px;
    vertical-align: middle;
}

/**
*
* =login-form
*
**/

#login-form {
    width: 900px;
    margin: 12px auto 0;
}

#login-form h3 {
    margin-bottom: 4px;
    color: #7f8988;
    font: bold 15px Arial;
}

#login-form form {
    padding: 10px 0 20px 25px;
    border-top: 3px solid #c3cdd4;
    background: #f3f3f3;
}

#login-form p {
    height: 28px;
    margin-bottom: 15px;
    font: 13px/28px Verdana;
}

#login-form p label {
    float: left;
    width: 60px;
}

#login-form p input {
    padding: 5px 0;
    border: 1px solid #91b3ce;
    vertical-align: middle;
}

#login-form p .btn-submit {
    float: none;
    margin-left: 10px;
    padding: 0 3px;
    border: 1px solid #c6c6c6;
    text-align: center;
}

#login-form ul {
    margin-left: 60px;
}

#login-form ul li {
    float: left;
    font-size: 13px;
}

#login-form ul li a {
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #333;
    color: #438fce;
}

#login-form ul li.last a {
    border: none;
}

/**
*
* =member-login
*
**/

#member-login {
    float: right;
    width: 390px;
    margin: 10px 100px 0 0;
    _margin: 10px 50px 0 0;
}

#member-login h3 {
    width: 390px;
    height: 50px;
    background: url(../../i/title-login.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#member-login form {
    position: relative;
    margin-bottom: 5px;
    padding: 15px 0 10px 20px;
    background: #f3f3f3;
    font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
}

#member-login form .btn-submit {
    display: block;
    position: absolute;
    top: 15px;
    right: 61px;
    width: 94px;
    height: 74px;
    border: none;
    background: url(../../i/btn-login2.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#member-login form p {
    margin-bottom: 10px;
}

#member-login form p input {
    padding: 5px;
    vertical-align: middle;
}

#member-login form p.remember {
    margin: 0;
    padding: 0 0 0 45px;
    color: #666;
    font: 12px Arial;
}

#member-login form p.remember input {
    margin: 0;
}

#member-login form p.remember a {
    color: #438fce;
}

#member-login ul.func {
    margin: 0 0 0 70px;
}

#member-login ul.func li {
    float: left;
    font-size: 12px;
}

#member-login ul.func li a {
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #333;
    color: #438fce;
}

#member-login ul.func li.last a {
    border: none;
}

#member-login form p.join {
    width: 288px;
    height: 21px;
    margin: 0;
    padding-left: 60px;
    border: 1px dotted #d4dbe0;
    background: #fff url(../../i/icon20.gif) no-repeat 45px 5px;
    color: #666;
    font: 12px/21px Arial;
}

#member-login form p.join a {
    color: #f24800;
}

#member-login form p.join a:hover {
    text-decoration: none;
}

/* =service-announce
**************************************/

.service-announce {
    float: left;
    width: 390px;
    margin: 39px 0 0 90px;
    _margin: 39px 0 0 45px;
}

.service-announce h4 {
    position: relative;
    margin-bottom: 3px;
    color: #666;
    font: bold 14px Arial;
}

.service-announce h4 a {
    position: absolute;
    top: 2px;
    right: 0;
    padding-left: 15px;
    background: url(../../i/icon-more01.gif) no-repeat left 0;
    color: #438fce;
    font-weight: normal;
    font-size: 11px;
}

.service-announce h4 a:hover {
    text-decoration: none;
}

.service-announce ul {
    border-top: 2px solid #bebebe;
}

.service-announce ul li {
    height: 26px;
    margin-left: 5px;
    padding: 0 0 0 10px;
    border-bottom: 1px dotted #cecece;
    background: url(../../i/icon19.gif) no-repeat left center;
    font: 13px/26px Arial;
}

.service-announce ul li a {
    color: #333;
}

.service-announce ul li a:hover {
    color: #438fce;
    text-decoration: none;
}

/**
*
* =activate-form,reg-ok
*
**/

#reg-ok,
#activate-form {
    width: 900px;
    margin: 12px auto 0;
}

#reg-ok        h3,
#activate-form h3 {
    margin-bottom: 4px;
    color: #7f8988;
    font: bold 15px Arial;
}

#reg-ok        form,
#activate-form form {
    padding: 15px 0 20px;
    border-top: 3px solid #c3cdd4;
    background: #f3f3f3;
}

#reg-ok        p,
#activate-form p {
    height: 26px;
    line-height: 26px;
    margin-bottom: 5px;
    padding-left: 25px;
    color: #555;
    font: 13px Verdana;
}

#reg-ok p {
    color: #333;
}

#activate-form form p.welcome {
    color: #333;
}

#activate-form form p.activate {
    display: none;
    width: 838px;
    height: 30px;
    margin: 0 auto 7px;
    padding: 0 0 0 10px;
    border: 1px dotted #cdd6db;
    background: #fff;
    font: 13px/30px Arial;
}

#activate-form form p          a,
#activate-form form p.activate a {
    margin-left: 5px;
    color: #438fce;
}

#reg-ok        form p label,
#activate-form form p label {
    float: left;
    height: 26px;
    line-height: 26px;
}

#activate-form form p label {
    width: 80px;
    text-align: right;
}

#reg-ok        form p input,
#activate-form form p input {
    float: left;
    margin-right: 4px;
    padding: 5px;
    background: #fff;
    border: 1px solid #91b3ce;
    vertical-align: middle;
}

#activate-form form p .btn-submit,
#activate-form form p .btn-cancel {
    display: block;
    width: 42px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    border: 1px solid #c6c6c6;
    background: url(../../i/bg-btn.gif) repeat 0 0;
}

#activate-form form h4 {
    margin-bottom: 8px;
    padding-left: 25px;
    color: #555;
    font: bold 13px Arial;
}

#reg-ok        form p span,
#activate-form form p span {
    float: left;
}

#reg-ok form p span a {
    margin: 0 5px;
    color: #438fce;
}

#reg-ok        form p a.change-email,
#activate-form form p a.change-email {
    float: left;
    height: 18px;
    margin-left: 5px;
    padding: 0 11px;
    background: #438fce;
    color: #fff;
    font: 11px/18px Verdana;
    text-align: center;
    text-decoration: none;
}

#reg-ok        form p a.change-email:hover,
#activate-form form p a.change-email:hover {
    text-decoration: none;
}

#reg-ok        form .new-email,
#activate-form form .new-email,
#activate-form form .resend-email {
    display: none;
    width: 552px;
    margin: 0 0 5px 25px;
    padding: 5px;
    border: 1px dotted #cfd6db;
    background: #fff;
}

#activate-form form .resend-email {
    margin: 10px 0 5px 25px;
}

#reg-ok        form .new-email    p,
#activate-form form .new-email    p,
#activate-form form .resend-email p {
    margin: 0 0 2px 0;
    padding: 0;
}

#activate-form form .new-email    p label,
#activate-form form .resend-email p label {
    width: 60px;
    margin-right: 5px;
}

#activate-form form .resend-email p label {
    width: auto;
}

#reg-ok        form .new-email    p .btn-save,
#activate-form form .new-email    p .btn-save,
#reg-ok        form .new-email    p .btn-reset,
#activate-form form .new-email    p .btn-reset,
#activate-form form .resend-email p .btn-send,
#activate-form form .resend-email p .btn-reset  {
    width: 30px;
    height: 20px;
    line-height: 22px;
    margin: 3px 3px 0 0;
    padding: 0;
    border: none;
    background: #f63;
    color: #fff;
    text-align: center;
}

#reg-ok        form .new-email    p .btn-reset,
#activate-form form .new-email    p .btn-reset,
#activate-form form .resend-email p .btn-reset {
    background: #aaa;
}

#reg-ok        form .new-email    ul,
#activate-form form .new-email    ul,
#activate-form form .resend-email ul {
    margin: 0;
    color: #999;
    font: 12px Arial;
}

#reg-ok        form .new-email    ul li,
#activate-form form .new-email    ul li,
#activate-form form .resend-email ul li {
    line-height: 22px;
}

#reg-ok        form .new-email    ul li.first,
#activate-form form .new-email    ul li.first,
#activate-form form .resend-email ul li.first {
    color: #f63;
}

#activate-form form .btn-resend {
    width: 100px;
    height: 20px;
    line-height: 22px;
    margin-left: 25px;
    padding: 0;
    border: none;
    background: #438fce;
    color: #fff;
}

#reg-ok .btn-submit {
    display: inline;
    margin: 0 0 5px 25px;
}

#reg-ok ul {
    margin-left: 25px;
    color: #555;
    font: 13px/20px Arial;
}

#reg-ok ul li {
    margin-bottom: 5px;
}

#reg-ok ul li a {
    color: #438fce;
}

#reg-ok ul li ol {
    margin: 5px 0 0 0;
    font: 12px/20px Arial;
}

#reg-ok ul li ol li {
    list-style: decimal;
    margin-left: 25px;
}