/*mod_btn*/
.btn_brown, .btn_brown_1, .btn_orange, .btn_orange_1 {
    display: inline-block;
    margin-left: -15px;
    vertical-align: middle;
    text-align: center;
    background: url(common.png) no-repeat;
    cursor: pointer;
    border: 0 none;
    font-size: 12px;
}

.btn_brown {
    width: 68px;
    height: 23px;
    line-height: 23px;
    color: #813d20;
    background-position: 0 -117px;
}

    .btn_brown:hover {
        background-position: 0 -145px;
        color: #ffffff;
        text-decoration: none;
    }

.btn_brown_1 {
    width: 58px;
    height: 23px;
    line-height: 23px;
    color: #813d20;
    background-position: -90px -88px;
}

    .btn_brown_1:hover, .btn_brown_1_hover {
        background-position: -90px -117px;
    }

.btn_orange {
    width: 123px;
    height: 37px;
    line-height: 37px;
    background-position: 0 -443px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.btn_orange_1 {
    width: 85px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    background-position: 0 -527px;
    color: #ffffff;
}

.btn_orange:hover, .btn_orange_hover {
    background-position: 0 -485px;
}

.btn_orange_1:hover {
    color: #ffffff;
    text-decoration: none;
    background-position: 0 -559px;
}

/*form element*/
.select {
    color: #3e4144;
    font-size: 14px;
    vertical-align: middle;
}

.ipt_radio {
    width: 13px;
    height: 13px;
    overflow: hidden;
    margin: -3px 5px 0 0;
    vertical-align: middle;
}

.ipt_text {
    padding: 1px 0 1px 5px;
    width: 65px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #a5acb2;
    vertical-align: middle;
    background-color: #ffffff;
    font-size: 14px;
    font-family: "\5b8b\4f53";
}

/*mod_box_t1*/
.mod_box_t1 .flag_tl_t1, .mod_box_t1 .flag_tr_t1, .mod_box_t1 .flag_bl_t1, .mod_box_t1 .flag_br_t1 {
    position: absolute;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: url(common.png) no-repeat;
    z-index: 2;
}

.mod_box_t1 .flag_tl_t1 {
    top: 4px;
    left: 3px;
    background-position: 0 -27px;
}

.mod_box_t1 .flag_tr_t1 {
    top: 4px;
    right: 3px;
    background-position: -45px -27px;
}

.mod_box_t1 .flag_bl_t1 {
    bottom: 4px;
    left: 3px;
    background-position: 0 -72px;
}

.mod_box_t1 .flag_br_t1 {
    bottom: 4px;
    right: 3px;
    background-position: -45px -72px;
}

.mod_box_t1 .hd {
    position: relative;
    margin: 0 14px 9px;
    height: 54px;
    border-bottom: 1px dashed #f2d2b5;
    overflow: hidden;
    z-index: 2;
}

.mod_box_t1 .bd {
    position: relative;
    z-index: 3;
    font-size: 14px;
}


/*fn_part*/
.fn_part h1 {
    margin: 14px auto 0;
    overflow: hidden;
    text-indent: -9999px;
}

.fn_part .intro_area {
    margin-bottom: 15px;
    color: #6e6c79;
    font-size: 12px;
}

    .fn_part .intro_area strong {
        color: #333333;
        font-weight: normal;
    }

.fn_part .help_area {
    margin: -10px 0 5px 25px;
    font-size: 12px;
}

    .fn_part .help_area .help_tit i {
        float: left;
        margin: 0 7px 0 0;
        width: 12px;
        height: 16px;
        vertical-align: middle;
        background: url(common.png) no-repeat -118px -145px;
    }

    .fn_part .help_area a {
        margin-left: 4px;
        color: #813d20;
    }

        .fn_part .help_area a:hover {
            color: #fd5151;
        }

.fn_part .tips_area {
    padding-left: 22px;
    color: #999999;
    font-size: 12px;
}

.a_retest {
    position: absolute;
    top: 2px;
    right: 0;
    padding: 0 0 0 20px;
    color: #006f9f;
    font-size: 12px;
    background: url(common.png) no-repeat -145px -557px;
}

    .a_retest:hover {
        background-position: -145px -584px;
        color: #ff8b00;
    }

.btn_orange_1 {
    margin: 0 auto;
    display: block
}

.mod_box_t1 .hd {
    margin-bottom: 19px
}

.fn_part .cur_info {
    padding: 2px 0 18px;
}

    .fn_part .cur_info h6 {
        font-size: 16px;
        font-weight: bold;
    }

.fn_part .info_prop {
    padding: 8px 0 0;
    overflow: hidden;
    *zoom: 1;
}

    .fn_part .info_prop span {
        float: left;
        color: #666666;
    }

    .fn_part .info_prop strong {
        margin-left: 5px;
        margin-right: 20px;
        color: #8a492e;
    }

.fn_part .cut_tit {
    margin: 5px 0;
    padding-left: 16px;
    color: #333333;
    font-weight: bold;
    background: url(common.png) no-repeat -155px -455px;
}

.fn_part .btn_tool_retest {
    padding: 15px 0;
    text-align: center;
}


/* 生男生女预测 */
.fn_sasvyc h1 {
    width: 190px;
    height: 28px;
    background: url(tit_sasvyc.png) no-repeat;
}

.fn_sasvyc .mod_sw {
    width: 677px;
    margin: 0 auto;
    padding-bottom: 1px;
    border: 1px solid #ebdbd3;
    background: #fdf5e6
}

.fn_sasvyc .nntop {
    color: #8D4D2D;
}

.fn_sasvyc .nnleft {
    float: left;
    width: 49px;
    height: 53px;
    padding-top: 12px;
    margin-top:15px;
    border-right: 1px solid #F9E1CD;
    border-bottom: 1px solid #F9E1CD;
    text-align: center;
    font-size: 12px
}

.fn_sasvyc .nnright {
    float: right;
    width: 625px;
    height: 65px;
}

.fn_sasvyc .nn_title {
    height: 34px;
    border-bottom: 1px solid #F9E1CD;
    line-height: 34px;
    text-align: center;
    font-weight: 700
}

    .fn_sasvyc .nn_title span {
        float: right;
        padding-left: 20px;
        color: #656565;
        background: url(common.png) no-repeat -115px -143px;
        font-size: 12px;
        font-weight: 100;
        height: 20px;
        line-height: 20px;
        margin-top: 7px;
        display: inline
    }

        .fn_sasvyc .nn_title span a {
            color: #fd5151;
            text-decoration: underline;
        }

.fn_sasvyc .nn_cont li {
    float: left;
    width: 51px;
    height: 30px;
    border-top: 1px solid #FFF9E9;
    border-left: 1px solid #FFF9E9;
    line-height: 30px;
    text-align: center;
    color: #8D4D2D;
}

    .fn_sasvyc .nn_cont li.bnum {
        background: #F4CAB2;
        font-family: Arial;
        font-size: 14px;
    }

    .fn_sasvyc .nn_cont li.bfemale {
        background: #FFE8BD;
    }

.fn_sasvyc .intro_pd24 {
    padding-bottom: 24px;
}

.select_outer {
    *padding: 3px 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *border: 1px solid #bdbdbd;
    background: #fff;
    vertical-align: middle;
}

.select_inner {
    *height: 18px;
    *line-height: 18px;
    *overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.select_outer select {
    border: 1px solid #bdbdbd;
    *margin: -1px;
    +margin:-2px;
    padding: 2px;
    font-size: 14px;
}

.fn_sasvyc .intro_area {
    text-indent: 2em;
}

    .fn_sasvyc .intro_area strong {
        color: red;
        font-weight: bold;
    }

.fn_sasvyc .sasvyc_form {
    background: #fdf5e6;
    padding: 0 15px;
    border: 1px solid #ebdbd3;
    margin-bottom: 18px;
    position: relative;
}

    .fn_sasvyc .sasvyc_form h3 {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        color: #8d4d2d;
        padding: 30px 0 10px;
    }

    .fn_sasvyc .sasvyc_form .form_item {
        border-bottom: 1px dashed #f2d2b5;
        padding: 10px 0 35px;
        margin-bottom: -1px;
    }

        .fn_sasvyc .sasvyc_form .form_item label {
            display: inline-block;
            text-align: right;
            font-size: 14px;
            width: 105px;
        }

            .fn_sasvyc .sasvyc_form .form_item label b {
                color: #fd5151;
                font-weight: normal;
            }

    .fn_sasvyc .sasvyc_form .btn_orange_1 {
        height: 37px;
        line-height: 37px;
        width: 90px;
        background-position: 0 -591px;
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
    }

    .fn_sasvyc .sasvyc_form .select_outer {
        width: 100px;
        *width: 92px;
        margin-right: 30px;
    }

        .fn_sasvyc .sasvyc_form .select_outer .select_inner {
            *width: 90px;
        }

        .fn_sasvyc .sasvyc_form .select_outer select {
            width: 100px;
            *width: 92px;
            +width:94px;
        }

.mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity = 30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.fn_sasvyc .sasvyc_form .sub-link {
    text-decoration: underline;
    position: absolute;
    background: #fdf5e6;
    top: 136px;
    right: 14px;
    _right: 50px;
    color: #fd5151;
    padding: 0 7px;
    font-size: 12px;
}

.sasvyc_pop, #sasvyc_pop_iframe {
    background-color: #fdf5e6;
    border: 1px solid #ebdbd3;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    width: 89%;
    margin: 15px auto;
}

    .sasvyc_pop h3 {
        font-weight: bold;
        color: #8d4d2d;
        padding: 15px 0;
        margin-bottom: 5px;
    }

    .sasvyc_pop .result1 {
        padding-left: 45px;
        text-align: left;
        font-weight: bold;
        color: #fd5151;
        margin-bottom: 30px;
    }

        .sasvyc_pop .result1 em {
            font-weight: normal;
        }

    .sasvyc_pop .result2 {
        font-size: 24px;
        font-family: microsoft yahei;
        color: #fd5151;
        margin-bottom: 35px;
    }

.title-fx {
    background: #b77f4a;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

/* orange_btn 123 X 37 */
.orange_btn123 {
    background: url(orange_btn123.png) no-repeat 0px 0px;
    display: inline-block;
    width: 123px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

    .orange_btn123:hover, .orange_btn123_hover {
        background-position: 0px -37px;
        text-decoration: none;
        color: #fff;
    }