﻿/***
*    FindPassWord部分样式表
*    Create By Jone Lu 2016/09/01
*/

.fp_search_container *
{
    transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
}

.img_fl
{
    float:left;
    display:block;
    width:25%;
    -ms-behavior: url(/Content/Amendment/backgroundsize.min.htc);
	behavior: url(/Content/Amendment/backgroundsize.min.htc);
    background-repeat:no-repeat;
    background-size:contain;
    height:39px;
}
.img_fl label
{
    display: block;
    height: 39px;
    line-height: 39px;
    /* margin: auto; */
    text-align: start;
    position: absolute;
    top: 0;
    /* left: 4%; */
    margin-left: 6%;
}
.img_fl_img
{
    width:100%;
    height:100%;
}
.fp_search_container
{
    position: relative;
    background-color: #fff;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    width:480px;
    min-height: 320px;
    border: 1px solid #e0d7d5;
    border-top: 2px solid #607183;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    z-index: 0;
    font-family: '微软雅黑';
}
.fp_item
{
    margin-bottom: 15px;
    border: 1px solid #ece8e6;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    font-size: 14px;
    margin-top: 20px;
    margin-left: 10%;
    zoom: 1;
    display: inline-block;
    position: relative;
    width: 75%;
    padding: 10px 10px 0px 10px;
    height: 100%;
}
.fp_item_Notop
{
    margin-top:0px !important;
}
.fp_item_No
{
    margin-top:0px !important;
    border:0px;
}
.fp_item_title
{
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-indent:5%;
    cursor:pointer;
    overflow:hidden;
    font-weight: bold;
}
.fp_item input[class=fp_input]
{
    border:0px;
    box-shadow:none;
    text-indent:5%;
}
.fp_item input[class=fp_input]:focus
{
    border:0px;
    box-shadow:none;
}
.fp_item_active
{
    -webkit-box-shadow:0 0 3px 0 #cecbc7,0 0 6px 0 #e3d5de,0 0 6px 0 #eee6eb !important;
    -moz-box-shadow:0 0 3px 0 #cecbc7,0 0 6px 0 #e3d5de,0 0 6px 0 #eee6eb !important;
    -ms-box-shadow:0 0 3px 0 #cecbc7,0 0 6px 0 #e3d5de,0 0 6px 0 #eee6eb !important;
    box-shadow:0px 0px 3px 0px #cecbc7,0 0 6px 0 #e3d5de,0 0 6px 0 #eee6eb !important;
}
.btnNext {
    background-color: #F47920;
    border: 1px solid #F47920;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    text-align: center;
    text-shadow: none;
    text-indent:0px !important;
    border-radius:0px;
    width:100% !important;
}
.btnQuery
{
    width:100% !important;
    margin-left:0px;
    height: 40px !important;
}


@media (max-width: 1279px) and (min-width: 1024px) {
    /*显示3个*/
    .div_img_1
    {
        width:33.33%;
    }
    .div_img_2
    {
        width:33.33%;
    }
    .div_img_3
    {
        width:33.33%;
    }
    .div_img_4
    {
        display:none;
    }


    .div_img_1_2
    {
        width:33.33%;
    }
    .div_img_2_2
    {
        width:33.33%;
    }
    .div_img_3_2
    {
        width:33.33%;
    }
    .div_img_4_2
    {
        display:none;
    }


    .div_img_1_4
    {
        display:none;
    }
    .div_img_2_4
    {
        width:33.33%;
    }
    .div_img_3_4
    {
        width:33.33%;
    }
    .div_img_4_4
    {
        width:33.33%;
    }
}
@media (max-width: 1023px) and (min-width: 768px)
{
     .div_img_1_2
    {
        width:50%;
    }
    .div_img_2_2
    {
        width:50%;
    }
     .div_img_3_2
    {
        display:none;
    }
    .div_img_4_2
    {
        display:none;
    }


     .div_img_1_3
    {
        display:none;
    }
    .div_img_2_3
    {
        width:50%;
    }
     .div_img_3_3
    {
        width:50%;
    }
    .div_img_4_3
    {
        display:none;
    }


    .div_img_1_4
    {
        display:none;
    }
    .div_img_2_4
    {
        display:none;
    }
    .div_img_3_4
    {
        width:50%;
    }
    .div_img_4_4
    {
        width:50%;
    }
}
@media (max-width: 1100px) and (min-width: 550px)
{
    .div_img_1
    {
        width:33.33%;
    }
    .div_img_2
    {
        width:33.33%;
    }
    .div_img_3
    {
        width:33.33%;
    }
    .div_img_4
    {
        display:none;
    }
   
}
@media (max-width: 768px) and (min-width: 550px)
{
    .div_img_1
    {
        width:50%;
    }
    .div_img_2
    {
        width:50%;
    }
    .div_img_3
    {
        display:none;
    }
    .div_img_4
    {
        display:none;
    }

    /*第二步*/
    .div_img_1_2
    {
        width:50%;
    }
    .div_img_2_2
    {
        width:50%;
    }
     .div_img_3_2
    {
        display:none;
    }
    .div_img_4_2
    {
        display:none;
    }


     .div_img_1_3
    {
        display:none;
    }
    .div_img_2_3
    {
        width:50%;
    }
     .div_img_3_3
    {
        width:50%;
    }
    .div_img_4_3
    {
        display:none;
    }

    .div_img_1_4
    {
        display:none;
    }
    .div_img_2_4
    {
        display:none;
    }
    .div_img_3_4
    {
        width:50%;
    }
    .div_img_4_4
    {
        width:50%;
    }
}

@media(max-width:550px)
{
    .div_img_1
    {
        width:100%;
    }
    .div_img_2
    {
        display:none;
    }
    .div_img_3
    {
        display:none;
    }
    .div_img_4
    {
        display:none;
    }


    .div_img_1_2
    {
        display:none;
    }
    .div_img_2_2
    {
        width:100%;
    }
    .div_img_3_2
    {
        display:none;
    }
    .div_img_4_2
    {
        display:none;
    }

    .div_img_1_3
    {
        display:none;
    }
    .div_img_2_3
    {
       display:none;
    }
    .div_img_3_3
    {
        width:100%;
    }
    .div_img_4_3
    {
        display:none;
    }

    .div_img_1_4
    {
        display:none;
    }
    .div_img_2_4
    {
        display:none;
    }
    .div_img_3_4
    {
        display:none;
    }
    .div_img_4_4
    {
        width:100%;
    }
}

