﻿.formbox {
    width: 100%;
    margin: 30px auto;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clearfloat {
    zoom: 1;
}
/* v_steps */
.vsteps {
    overflow: hidden;
    margin: 10px auto;
}

    .vsteps li {
        float: left;
        width: 180px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

        .vsteps li.first {
            background: url("../images/safe/step-f-d.png") no-repeat;
        }

            .vsteps li.first.active {
                color: #fff;
                background: url("../images/safe/step-f-a.png") no-repeat;
            }

        .vsteps li.mid {
            background: url("../images/safe/step-m-d.png") no-repeat;
        }

            .vsteps li.mid.active {
                color: #fff;
                background: url("../images/safe/step-m-a.png") no-repeat;
            }

        .vsteps li.last {
            background: url("../images/safe/step-e-d.png") no-repeat;
        }

            .vsteps li.last.active {
                color: #fff;
                background: url("../images/safe/step-e-a.png") no-repeat;
            }

.vcontent {
    margin: 0px auto;
    padding: 5px 80px;
}

.chktype {
    line-height: 45px;
    margin-right: 15px;
}

    .chktype input {
        height: 21px;
        vertical-align: middle;
        outline: none;
        text-align: left;
    }

.labTip {
    font-size: 16px;
    font-weight: bold;
}

.step_info {
    padding: 10px 0px;
    font-size: 13px;
    color: #666;
}

.mail_icon {
    padding-left: 50px;
    background: url("../images/safe/mail.png") left 5px no-repeat;
}
.mail_info{margin-top: 50px;padding-top: 20px;border-top: 1px dashed #ccc;}
.error_info{color: #fe4b00;}
.error_info img{width: 15px;height: 15px;padding: 0px 5px;margin-bottom: -2px;border:0px;}
.okinfo {
    padding-left: 50px;
    font-size: 20px;
    line-height: 30px;
    margin-top: 50px;
    background: url("../images/safe/ok.png") no-repeat;
}

.mgy15 {
    margin: 30px auto;
}

.mgr30 {
    margin-right: 30px;
}
.mgt30 {
    margin-top: 30px;
}
.mgb30 {
    margin-bottom: 30px;
}
.pdt30 {
    padding-top: 30px;
}

.safe_con {padding: 10px;}
.safe_con dl {position: relative;height: 90px;line-height: 90px;text-align: left;border-bottom: 1px solid #ddd;}
.safe_con dl.last {border-bottom: none;}
.safe_con dl dt{display: inline-block;height:50px;line-height:50px;font-size:18px;font-weight:bold;color:#666;padding:0px 20px 0px 80px;}
.safe_con dl dt.ok{background: url("../images/safe/ok.png") 5px 50% no-repeat;}
.safe_con dl dt.warn{background: url("../images/safe/warn.png") 5px 50% no-repeat;}
.safe_con dl dd{display: inline-block;color:#999;height: 30px;line-height: 30px;padding-left: 20px;border-left: 1px solid #ddd;}
.safe_con dl dd.sp_item{color: #fe4b00;}
.safe_con dl a{position: absolute;top: 50%;margin-top: -12.5px;right:20px;color:#09f;text-align:center;height:25px;line-height: 25px;width: 70px;}
.safe_con dl a.button{color:#fff;background-color:#fe4b00;}

.offerInput {
    width: 200px;
    border: solid 1px #e6e6e6;
    height: 22px;
    padding-top: 6px;
    background-color: #fdf8f2;
    padding-left: 5px;
}
.hidden {
    display:none;
}