﻿
.form-box .form-group td　label {
    　　font-size: 14px;
    　　font-weight: bold;
    　　color: #666;
    　　font-family: 　arail,helvetica,san-serif;
}

.form-box .form-group input {
    　　height: 28px;
    　　width: 200px;
    　　border: 1px　solid　 #ccc;
    　　font-size: 16px;
    　　font-weight: 　bold;
    　　color: #666;
    　　padding: 7px　0　0　4px;
}
/*　ADVANCED　STYLES　*/
.form-box .form-group .top_testresult {
    　　font-weight: 　bold;
    　　font-size: 13px;
    　　font-family: 　arail,helvetica,san-serif;
    　　color: #666;
    　　padding: 0;
    　　margin: 0 　0　2px　0;
}

.form-box .form-group .top_testresult　span {
    　　padding: 6px　;
    　　margin: 0;
}

.form-box .form-group .top_shortPass {
    　　background: #edabab;
    　　border: 1px　solid　 #bc0000;
    　　display: block;
}

.form-box .form-group .top_shortPass　span {
}

.form-box .form-group .top_badPass {
    　　background: #edabab;
    　　border: 1px　solid　 #bc0000;
    　　display: block;
}

.form-box .form-group .top_badPass　span {
}

.form-box .form-group .top_goodPass {
    　　background: #ede3ab;
    　　border: 1px　solid　 #bc9f00;
    　　display: block;
}

.form-box .form-group .top_goodPass　span {
}

.form-box .form-group  .top_strongPass {
    　　background: #d3edab;
    　　border: 1px　solid　 #73bc00;
    　　display: block;
}

.form-box .form-group .top_strongPass　span {
}

/*　　　RESULT　STYLE　*/
.form-box .form-group .testresult {
    　　font-weight: 　bold;
    　　font-size: 13px;
    　　font-family: 　arial,helvetica,san-serif;
    　　color: #666;
    　　padding: 0px　0px　12px　10px;
    　　margin-left: 10px;
    　　display: 　block;
    　　height: 28px;
    　　float: left;
}

.form-box .form-group .testresult　span {
    　　padding: 10px　20px　12px　10px;
    　　margin: 　0px　0px　0px　20px;
    　　display: block;
    　　float: right;
    　　white-space: 　nowrap;
}
.form-box .form-group .tbl-txt {
    font-size: 14px;
}

    .form-box .form-group  .tbl-txt input {
        padding: 0 5px;
        height: 22px;
        line-height: 22px;
        margin-bottom: 6px;
    }

.form-box .form-group .pw-strength {
    clear: both;
    position: relative;
    top: 8px;
    width: 180px;
}

.form-box .form-group .pw-bar {
    background: url(images/pwd-1.png) no-repeat;
    position: relative;
    top: 1px;
    height: 14px;
    overflow: hidden;
    width: 179px;
}

.form-box .form-group .pw-bar-on {
    background: url(images/pwd-2.png) no-repeat;
    width: 0px;
    height: 14px;
    position: absolute;
    top: 1px;
    left: 2px;
    transition: width .5s ease-in;
    -moz-transition: width .5s ease-in;
    -webkit-transition: width .5s ease-in;
    -o-transition: width .5s ease-in;
}

.form-box .form-group .pw-weak .pw-defule {
    width: 0px;
}

.form-box .form-group .pw-weak .pw-bar-on {
    width: 60px;
}

.form-box .form-group .pw-medium .pw-bar-on {
    width: 120px;
}

.form-box .form-group .pw-strong .pw-bar-on {
    width: 179px;
}

.form-box .form-group .pw-txt {
    padding-top: 2px;
    width: 180px;
    overflow: hidden;
}

    .form-box .form-group .pw-txt span {
        color: #707070;
        float: left;
        font-size: 12px;
        text-align: center;
        width: 58px;
    }
  