@charset "utf-8";
/* CSS Document */

html {
    overflow-x: visible;
    overflow-y: scroll;
}

body {
    margin: 0;
    font-size: 82%;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 1.7;
    overflow-x: hidden;
}

.use_inf {
}

    .use_inf p span {
        font-size: 15px;
        font-weight: bold;
        color: #333333;
        line-height: 2em;
    }

.funtion_url {
    margin-top: 20px;
    padding-top: 40px;
    background-image: url(../Images/line_pic.jpg);
    background-repeat: no-repeat;
}

/*----------step_explanantion.html-------------*/
.explanationall {
    width: 960px;
    margin-left: 20px;
    padding-top: 10px;
}

.iframe_exp {
    width: 958px;
    border: solid 1px #cccccc;
}

.iframe_exp2 {
    width: 965px;
    margin-left: 20px;
    border: solid 1px #cccccc;
}

.iframe_title {
    width: 958px;
    height: 30px;
    padding-top: 5px;
    background-color: #e5e5e5;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.iframe_title2 {
    width: 965px;
    height: 30px;
    padding-top: 5px;
    background-color: #e5e5e5;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
/*----------step_index.html:end-------------*/

/*----------explanation.html--------*/
.explanation {
    background: #FFF;
    width: 910px;
    padding: 5px 20px 20px 20px;
}

    .explanation span {
        font-weight: bold;
    }
/*----------explanation.html:end--------*/

.btn_box {
    text-align: center;
    margin-top: 20px;
    height: 50px;
}

.nextbtn {
    width: 119px;
    height: 31px;
    background-image: url(../Images/nextbtn_o01.jpg);
    color: #FFF;
    border: 0;
    cursor: pointer;
}

    .nextbtn:hover {
        color: #000;
        background-image: url(../Images/nextbtn_h01.jpg);
    }

.prebtn {
    width: 119px;
    height: 31px;
    background-image: url(../Images/nextbtn_o02.jpg);
    color: #666;
    border: 0;
    cursor: pointer;
}

    .prebtn:hover {
        color: #000;
        background-image: url(../Images/nextbtn_h01.jpg);
    }

.surfbtn {
    width: 70px;
    height: 22px;
    background-color: #eeeeee;
    border: 1px solid #999;
    cursor: pointer;
}

    .surfbtn:hover {
        background-color: #666;
        color: #FFF;
    }

.surfbtn2 {
    width: 70px;
    height: 22px;
    background-color: #fbbfbf;
    border: 1px solid #f09595;
    cursor: pointer;
    margin-bottom: 5px;
}

    .surfbtn2:hover {
        background-color: #F99;
        color: #FFF;
    }

.surfbtn3 {
    width: 100px;
    height: 22px;
    background-color: #eeeeee;
    border: 1px solid #999;
    cursor: pointer;
}

    .surfbtn3:hover {
        background-color: #666;
        color: #FFF;
    }

.complainbtn {
    width: 100px;
    height: 22px;
    background-color: #eeeeee;
    border: 1px solid #999;
    cursor: pointer;
}

    .complainbtn:hover {
        background-color: #666;
        color: #FFF;
    }

.newcasebtn {
    width: 100px;
    height: 22px;
    background-color: #fbbfbf;
    border: 1px solid #f09595;
    cursor: pointer;
}

    .newcasebtn:hover {
        background-color: #666;
        color: #FFF;
    }

.deletebtn {
    width: 50px;
    height: 22px;
    background-color: #eeeeee;
    border: 1px solid #999;
    cursor: pointer;
    margin-top: 5px;
}

    .deletebtn:hover {
        background-color: #666;
        color: #FFF;
    }

/*----------step style---------------------*/
.setpindex {
    display: block;
    width: 950px;
    margin-left: 25px;
    padding-top: 10px;
}

.setpall {
    display: block;
    width: 910px;
    margin-left: 10px;
    padding-top: 10px;
}

.stepbystep {
    width: 950px;
    height: 110px;
}

    .stepbystep ul {
        margin: 0;
        padding-left: 10px;
        list-style: none;
    }

    .stepbystep .step123, .stepbystep .step4 {
        line-height: 1.7em;
        color: #666666;
        font-size: 15px;
    }

    .stepbystep .step123 {
        width: 220px;
        height: 66px;
        float: left;
        background-image: url(../images/step_bg01.png);
        padding-top: 8px;
    }

    .stepbystep .step4 {
        width: 183px;
        height: 66px;
        float: left;
        background-image: url(../images/step_bg03.png);
        padding-top: 8px;
    }

    .stepbystep .step123_select, .stepbystep .step4_select {
        line-height: 1.7em;
        color: #663300;
        font-size: 15px;
    }

    .stepbystep .step123_select {
        width: 220px;
        height: 66px;
        float: left;
        background-image: url(../images/step_bg02.png);
        padding-top: 8px;
    }

    .stepbystep .step4_select {
        width: 183px;
        height: 66px;
        float: left;
        background-image: url(../images/step_bg04.png);
        padding-top: 8px;
    }

.stepinf {
    display: block;
    width: 860px;
    margin-left: 10px;
    padding: 10px 20px 10px 20px;
    border: solid 1px #f0c44c;
    background-color: #fff9d7;
    line-height: 1.9em;
}

    .stepinf p {
        font-size: 15px;
    }

.stepinf_cpc {
    display: block;
    width: 860px;
    padding: 10px 20px 10px 20px;
    border: solid 1px #f0c44c;
    background-color: #fff9d7;
    line-height: 1.9em;
}

.stepinf .writelist .mustwrite .step_three2_SearchBox {
    color: #F00;
    line-height: 1.6em;
}

.writelist {
    margin-left: 10px;
    margin-top: 30px;
}

    .writelist th {
        width: 140px;
        text-align: right;
        vertical-align: top;
        padding-right: 10px;
        font-weight: normal;
        color: #663300;
        padding-bottom: 5px;
        line-height: 2.5em;
    }

    .writelist td {
        vertical-align: center;
        padding-bottom: 5px;
        padding-bottom: 5px \9;
        line-height: 2.5em;
    }

.grayline {
    margin: 20px 0 20px 10px;
    height: 1px;
    background-color: #cccccc;
    width: 900px;
}

.table_title {
    text-align: center;
    background-color: #ffe5cc;
    font-weight: bold;
    font-size: 15px;
    padding: 6px 0;
    margin-bottom: 20px;
    position: relative;
}

.putright {
    width: 90px;
    position: absolute;
    right: 20px;
    top: 8px;
}

.table_title2 {
    text-align: center;
    background-color: #ffe5cc;
    font-weight: bold;
    font-size: 15px;
    padding: 6px 0;
    margin-bottom: 20px;
    color: #cc0000;
}

.input_text {
    width: 260px;
    padding-left: 5px;
}

.input_texts {
    width: 500px;
    padding-left: 5px;
}

.input_year {
    width: 80px;
    padding-left: 5px;
}

.input_address {
    width: 60px;
    padding-left: 5px;
}

.input_email {
    width: 330px;
    padding-left: 5px;
}

.select_day {
    width: 50px;
}

.select_city {
    width: 130px;
}

.select_buy {
    width: 250px;
}

.caselist {
    width: 880px;
    margin-left: 10px;
    margin-top: 30px;
}

    .caselist table {
        border-width: 1px;
        border-color: #cccccc;
        border-collapse: collapse;
    }

    .caselist th {
        background-color: #e2f2c2;
        padding: 5px 0;
        border: 1px solid #cccccc;
    }

    .caselist tr:hover {
        background-color: #FFC;
    }

    .caselist td {
        padding: 5px;
        border: 1px solid #cccccc;
    }


/*------------------------------------search_case----------------------------------*/
.search_style {
    text-align: center;
    background-color: #f5f5f5;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
    position: relative;
    height: 25px;
    color: #F00;
}

.search_box {
    width: 410px;
    position: relative;
    float: left;
    margin-right: 15px;
    padding: 10px 10px 10px 10px;
    height: 550px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200, 200, 200);
}

.search_content {
    padding: 5px 5px 5px 5px;
    height: 200px;
}

.search_btn {
    width: 400px;
    position: absolute;
    top: 500px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: center;
}

.search_btn_en {
    bottom: 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: center;
}

.step_one_mail {
    padding-top: 5px;
    padding-bottom: 8px;
}

.step_one_phone {
    padding-bottom: 15px;
}
/*------------------------------------step_two_2----------------------------------*/
.step_two_2 {
    margin-left: 10px;
    margin-top: 30px;
}

    .step_two_2 th {
        width: 140px;
        text-align: right;
        font-weight: normal;
        color: #663300;
        line-height: 2.5em;
    }

    .step_two_2 td {
        line-height: 2.5em;
    }

.step_two {
    margin-left: 10px;
    margin-top: 30px;
}

    .step_two th {
        width: 90px;
        text-align: right;
        font-weight: normal;
        color: #663300;
        line-height: 2.5em;
    }

    .step_two td {
        line-height: 2.5em;
    }

/*------------------------------------step_ok----------------------------------*/
.step_ok {
    margin-left: 10px;
    margin-top: 30px;
}

    .step_ok th {
        width: 140px;
        text-align: center;
        vertical-align: top;
        padding-right: 10px;
        font-weight: normal;
        color: #663300;
        padding-bottom: 5px;
        line-height: 2.5em;
    }

    .step_ok td {
        vertical-align: top;
        padding-bottom: 5px;
        line-height: 2.5em;
        text-align: center;
    }

/*------------------------------------step_one----------------------------------*/
.step_one_mail {
    padding-top: 10px;
    color: red;
}

.step_one_phone {
    padding-top: 10px;
    color: red;
}

/*------------------------------------step_three_2----------------------------------*/
.step_three2_SearchBox {
    display: block;
    width: 860px;
    padding: 10px 20px 10px 20px;
    border: solid 1px #f0c44c;
    background-color: #fff9d7;
    line-height: 1.9em;
}

    .step_three2_SearchBox p {
        font-size: 15px;
    }

.step_three2_Remove {
    text-align: right;
}

.Accused1-header {
    text-align: right;
}

.step_three2_AccusedComment {
    color: Red;
}

    .step_three2_AccusedComment label {
        color: black;
    }

.Accused-number {
    border-bottom: #a7dd71 1px solid;
    font-size: 15px;
}

/*--------------------------------GridView¥Î----------------------------------------------*/
.TableClass_H1 {
    /*background:url(../Images/line.jpg);*/
    /*text-align: center;*/
}

    .TableClass_H1 th {
        /*font-size: 10pt;*/
        text-align: center;
        font-weight: bold;
        vertical-align: middle;
        height: 44px;
        line-height: 100%;
        background-image: url(../Images/line.jpg);
        background-repeat: repeat-x;
        color: #236ea4;
    }

        .TableClass_H1 th a:link {
            text-decoration: underline;
            color: #236ea4;
            font-weight: bold;
        }

        .TableClass_H1 th a:visited {
            text-decoration: underline;
            color: #236ea4;
            font-weight: bold;
        }

        .TableClass_H1 th a:hover {
            text-decoration: underline;
            color: #236ea4;
            font-weight: bold;
        }

        .TableClass_H1 th a:active {
            text-decoration: underline;
            color: #236ea4;
            font-weight: bold;
        }

.TableClass_H1_td1 {
    border-bottom: 1px solid #ACB7BB;
    background-color: #EDFDFE;
    /*color:#ffffff;
   font-size: 12px;*/
    line-height: 200%;
    padding: 3px 3px 3px 8px;
    vertical-align: middle;
    height: 20px;
}

    .TableClass_H1_td1 A:link {
        COLOR: #0000ff;
        text-decoration: underline;
    }

    .TableClass_H1_td1 A:visited {
        COLOR: #666666;
        text-decoration: none;
    }

    .TableClass_H1_td1 A:hover {
        COLOR: #339933;
        text-decoration: none;
    }

.TableClass_H1_td2 {
    border-bottom: 1px solid #ACB7BB;
    background-color: #fff;
    /*color:#666666;
   font-size: 12px;*/
    line-height: 200%;
    padding: 3px 3px 3px 8px;
    vertical-align: middle;
    height: 20px;
}

    .TableClass_H1_td2 A:link {
        COLOR: #0000ff;
        text-decoration: underline;
    }

    .TableClass_H1_td2 A:visited {
        COLOR: #666666;
        text-decoration: none;
    }

    .TableClass_H1_td2 A:hover {
        COLOR: #339933;
        text-decoration: none;
    }

.TableClass_H1 td {
    /*color:#666666;
	font-size: 12px;*/
    line-height: 200%;
    padding: 3px 3px 3px 8px;
    vertical-align: middle;
    height: 20px;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: #CCCCCC;
    word-wrap: break-word;
    word-break: break-all;
}

    .TableClass_H1 td A:link {
        COLOR: #00F;
        text-decoration: underline;
    }

    .TableClass_H1 td A:visited {
        COLOR: #666;
        text-decoration: none;
    }

    .TableClass_H1 td A:hover {
        COLOR: #006699;
        text-decoration: none;
    }


.TableClass_H3 td {
    color: #666666;
    /*font-size: 12px;*/
    line-height: 200%;
    /*padding:3px 3px 3px 8px;*/
    vertical-align: middle;
    height: 20px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #9edae5;
}

    .TableClass_H3 td A:link {
        COLOR: #666666;
        text-decoration: none;
    }

    .TableClass_H3 td A:visited {
        COLOR: #006699;
        text-decoration: none;
    }

    .TableClass_H3 td A:hover {
        COLOR: #006699;
        text-decoration: none;
    }

.TableClass_H1_Footer {
    font-size: 10pt;
    text-align: center;
    vertical-align: middle;
    height: 44px;
    line-height: 100%;
    background-image: url(../Images/line2.jpg);
    background-repeat: repeat-x;
    color: #236ea4;
}

.ButtonStyle_H1 {
    cursor: pointer;
    border: inset 1px #FFF;
    border: outset 1px #FFF;
    font-size: 12px;
    background: #DDDDDD;
    color: #FFF;
    height: 22px;
    margin: 5px;
    background: url(../Images/btn_bg.jpg);
}

.ButtonStyle_H2 {
    cursor: pointer;
    border: inset 1px #FFF;
    border: outset 1px #FFF;
    font-size: 12px;
    background: #DDDDDD;
    color: #FFF;
    height: 22px;
    margin: 5px;
    background: url(../Images/btn_bg_b.jpg);
}

.TableClass_H1_th {
    background: rgb(255, 229, 204);
}
/*--------------------------------FileUpload¥Î----------------------------------------------*/
.FileUpload {
    text-align: center;
    border: inset 1px #FFF;
    border: outset 1px #FFF;
}

.FileUpload_tb {
    width: 100%;
}

.FileUpload_td {
    border: sold 1px #FFF;
}


.online {
    display: block;
    position: absolute;
    bottom: 70px;
}