.annex_shell {
    overflow: auto;
    float: left;
    position: relative;
}

.annex_inner {

}

/*******************************pnl*************************************/
.pnl {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 26px;
}

.recovery-pnl-title {
    text-indent: 10px;
    line-height: 36px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    margin: 0 15px;
    height: 36px;
}

.pnl input textarea table tr td th {
    font-size: 12px;
    line-height: 16px;
}

.pnl_shell {
    /*margin: 0px 1px 1px 0px;*/
    margin: 0;
    overflow: hidden;
}

.pnl .pnl_in {
    margin: 0px;
    /* float: left; */
    display: inline-block;
}

.pnl_cell {
    margin: 0px;
    padding: 0px;
    /**border-width: 0px;*/
    height: 0px;
    width: 0px;
    position: relative;
    float: left;
    white-space: pre;
}

/*******************************btn-div*************************************/

.btn_pnl_tt {
    margin: 3px 10px;
}

.btn_pnl_in_h {
    margin: -1px 4px 0px 1px;
    overflow: hidden;
}

.btn_pnl_in_v {
    overflow: hidden;
}

.fjqc_normal_btn {
    font-size: 14px;
    color: #fff;
}

.fjqc_normal_btn:hover {
    text-decoration: underline;
}

/**button*********************************************************************/
.btn_pnl {
    padding-top: 4px;
    overflow: hidden;
}

.btn_text {

}

.btn_img_h {

}

.btn_img_v {

}

.btn_shl {
    color: #000000;
    height: 30px;
    float: left;
    border-radius: 3px;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.btn_shl .en {

}

.btn_shl:hover {
    /*background: url("../images/btn/center_on.gif") repeat-x;*/
    /* background: #B9D9F6;*/
}

.btn_shl_not {
    float: left;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    margin: 0px 4px 0px 0px;
    background: url("../images/btn/center_no.gif") repeat-x;
    cursor: default;
}

.btn_img {
    margin: 2px 2px 0px 2px;
    height: auto;
    width: auto;
    vertical-align: middle;
    float: left;
}

.btn_bd {
    display: inline-block;
    margin-right: 10px;
    padding: 0 13px;
    height: 25px;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #f4f4f4);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f4f4f4));
    background: -o-linear-gradient(top, #fff, #f4f4f4);
    background: -ms-linear-gradient(top, #fff 0, #f4f4f4 100%);
    background: linear-gradient(top, #fff, #f4f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4');
    font-size: 14px;
    color: #555;
    vertical-align: middle;
    cursor: pointer;
}

.btn_bd:hover, .btn_bd:active {
    filter: progid:DXImageTransform.Microsoft.Gradient(enabled=false);
    background: #f4f4f4;
    color: #555;
}

.btn_blue {
    display: inline-block;
    margin-right: 10px;
    padding: 0 13px;
    height: 25px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    background-image: none;
    border-radius: 2px;
    border: 1px solid #3079ed;
    color: #fff;
    background-color: #4b8cf7;
    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
    background-image: linear-gradient(to bottom, #4d90fe, #4787ed);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d90fe', endColorstr='#ff4787ed', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn_blue:hover, .btn_blue:active, .btn_blue.active, .btn_blue:focus {
    border: 1px solid #196aeb;
    background-color: #4186f6;
    background-image: -moz-linear-gradient(top, #4d90fe, #3078eb);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#3078eb));
    background-image: -webkit-linear-gradient(top, #4d90fe, #3078eb);
    background-image: -o-linear-gradient(top, #4d90fe, #3078eb);
    background-image: linear-gradient(to bottom, #4d90fe, #3078eb);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d90fe', endColorstr='#ff3078eb', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-color: #3078eb;
    background-color: #3078eb \9;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.btn_orange {
    /*    display: inline-block;
        padding: 6px 12px;
        font-weight: 600;
        text-align: center;
        cursor: pointer;
        border-radius: 4px;
        height: 36px;
        font-size: 16px;
        line-height: 20px;
        color: #fff;*/

    display: inline-block;
    margin-right: 10px;
    padding: 0 13px;
    height: 25px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    background-image: none;
    border-radius: 2px;
    color: #fff;
    border: 1px solid #d76f01;
    box-shadow: 0 1px 1px rgba(197, 174, 141, .8);
    background: -moz-linear-gradient(top, #f67f00 0, #ea7800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f67f00), color-stop(100%, #ea7800));
    background: -webkit-linear-gradient(top, #f67f00 0, #ea7800 100%);
    background: -o-linear-gradient(top, #f67f00 0, #ea7800 100%);
    background: -ms-linear-gradient(top, #f67f00 0, #ea7800 100%);
    background: linear-gradient(to bottom, #f67f00 0, #ea7800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f67f00', endColorstr='#ea7800', GradientType=0);
    text-shadow: 0 2px 2px rgba(0, 0, 0, .22);
}

.btn_orange:hover, .btn_orange:active, .btn_orange.active, .btn_orange:focus {
    background: -moz-linear-gradient(top, #da7101 0, #f67f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da7101), color-stop(100%, #f67f00));
    background: -webkit-linear-gradient(top, #da7101 0, #f67f00 100%);
    background: -o-linear-gradient(top, #da7101 0, #f67f00 100%);
    background: -ms-linear-gradient(top, #da7101 0, #f67f00 100%);
    background: linear-gradient(to bottom, #da7101 0, #f67f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da7101', endColorstr='#f67f00', GradientType=0);
    color: #fff;
}

.btn_simple, .btn_simple_black {
    display: inline-block;
    margin-top: 14px;
    margin-right: 16px;
    box-sizing: border-box;
    position: relative;
    padding: 0px 0px;
    -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);
    transition: color .3s cubic-bezier(.645, .045, .355, 1);
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    color: #ddd;
}

.btn_simple_black {
    margin-top: 0px;
    color: #222;
}

.btn_simple_img {
    width: 26px;
    vertical-align: top;
    display: none;
}

.btn_simple:hover, .btn_simple:active {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.btn_simple_black:hover, .btn_simple_black:active {
    color: #0B73FF;
    border-bottom: 1px solid #0B73FF;
}

.btn_simple.active {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.btn_simple_black.active {
    color: #0B73FF;
    border-bottom: 1px solid #0B73FF;
}

.btn_txt {
    margin: 2px 2px 0px 2px;
    float: left;
    line-height: 24px;
}

.btn_label {
    font-size: 14px;
    cursor: pointer;
}

.btn_label:hover {
    text-decoration: underline;
}

.btn_label_blue:hover {
    color: blue;
}

.btn_mc {

}

.btn_no_frame {
    background: url("");
}

.btn_no_frame DIV:hover {
    background: url("");
}

.btn_no_frame SPAN:hover {
    color: #99BBE8;
    text-decoration: underline;
}

.input_btn_search {
    margin: 1px 12px;
    float: right;
    height: 26px;
}

/*******************************tree************************************/
.pnl_tree {
    background: white;
    border: 1px solid #ddd;
    overflow: auto;
}

.tr_pnl .tr_pnl_in {
    overflow: hidden;
    margin: 2px;
    border: none;
}

.tr_pnl_in .item {
    margin: -2px 0px 0px 0px;
}

.tr_pnl_in .item nobr {
    height: 18px;
    line-height: 18px;
}

.tr_pnl_in .item nobr img {
    vertical-align: middle;
}

.tr_pnl_in .item nobr span {
    margin-left: 4px;
    vertical-align: middle;
}

.tr_lb_no {
    cursor: pointer;
}

.tr_lb_on {
    background: url("../images/grid/bg.gif");
    cursor: pointer;
}

/*******************************diolog************************************/
.dlg_pnl {
    position: absolute;
    background: #fff;
    border: 1px solid #14a7ec;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.dlg_hd_shl {
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    color: #666;
    background: #14a7ec;
    border-top: 1px solid #14a7ec;
    border-bottom: 1px solid #14a7ec;
    border-radius: 2px 2px 0 0;
    padding-left: 10px;
}

.dlg_hd_ico {
    position: relative;
    width: 18px;
    height: 18px;
    margin: 6px 8px 0px 8px;
    background: url("../images/dlg/win.gif") no-repeat;
    float: left;
}

.dlg_hd_txt {
    position: relative;
    margin-top: 4px;
    height: 16px;
    float: left;
    z-index: 20;
}

.dlg_hd_txt_f {
    float: left;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-left: -30px;
}

.dlg_hd_img {
    position: absolute;
    float: right;
    height: 24px;
    width: 280px;
    right: 3px;
    top: 0px;
    z-index: 10;
}

/*
.dlg_hd_img span:hover{
	display: block;
	float: right;
	width: 32px;
	height: 19px;
	cursor: pointer;
		background: transparent url("../images/dlg/close_on.gif") no-repeat;
}
.dlg_hd_img span.active{
	display: block;
	float: right;
	width: 32px;
	height: 19px;
	cursor: pointer;
	background: transparent url("../images/dlg/close_on.gif") no-repeat;

}
*/
.dlg_img {
    display: block;
    float: right;
    width: 32px;
    height: 19px;
    cursor: pointer;
}

.dlg_close {
    display: block;
    float: right;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
    background: transparent url("../images/dlg/close.gif") no-repeat;
}

.dlg_close:hover {
    background: transparent url("../images/dlg/close_on.gif") no-repeat;
}

.dlg_bd_shl {
    border: 0px;
    margin: 0px;
    /* padding: 0 5px 5px;*/
}

.dlg_bg {
    position: absolute;
    z-index: 0;
}

.dlg_bd {
    position: relative;
    margin: 0px;
    float: left;
}

.dlg_bd_pnl {
    position: relative;
    margin: 3px;
    /* float: right;*/
}

.dlg-mask {
    position: absolute;
    border: 1px dashed red;
}

.dlg-rs {
    position: absolute;
    width: 5px;
    height: 5px;
    line-height: 8px;
    clear: both;
    z-index: 10;
}

.rs-tl {
    top: -1px;
    left: -1px;
    cursor: nw-resize;
    z-index: 20;
}

.rs-tm {
    top: -1px;
    left: -1px;
    /*width: 100%;*/
    cursor: n-resize;
}

.rs-tr {
    top: -1px;
    right: -1px;
    cursor: ne-resize;
    z-index: 20;
}

.rs-ml {
    top: -1px;
    left: -1px;
    /*height: 100%;*/
    cursor: w-resize;
}

.rs-mr {
    top: -1px;
    right: -1px;
    /*height: 100%;*/
    cursor: e-resize;
}

.rs-bl {
    bottom: -1px;
    left: -1px;
    cursor: sw-resize;
    z-index: 20;
}

.rs-bm {
    bottom: -1px;
    left: -1px;
    /*width: 100%;*/
    cursor: s-resize;
}

.rs-br {
    bottom: -1px;
    right: -1px;
    cursor: se-resize;
    z-index: 20;
}

/******************************************split**********************************/
.split_in {
    overflow: hidden;
    background: #fff;
    float: left;
}

.split_cell {
    position: relative;
    float: left;
    padding: 2px 1px 1px 2px;;
    border: 1px solid #99BBE8;
}

.split_hdl_h {
    position: relative;
    width: 4px;
    background: #ccc;
    cursor: e-resize;
    float: left;
    background: url("../images/split/hdl_h.gif");
}

.split_hdl_v {
    position: absolute;
    /**height: 5px;*/
    background: #ccc;
    font-size: 1px;
    cursor: n-resize;
    display: none;
    z-index: 5;
    text-align: center;
}

/******************************************grid**********************************/

.gd_pnl_in {
    border: 1px solid #e4d3d7;
    overflow: auto;
}

.gd_pnl_in table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 0px;
}

.gd_pnl td {
    overflow: hidden;
    /*text-overflow:ellipsis; */
    white-space: pre;
    border: solid #e4d3d7;
    border-width: 0px 1px 1px 0px;
    padding: 0px;
    white-space: normal;
    word-wrap: break-word;
    /*word-break:break-all;
    white-space: normal;
    */
}

.gd_pnl th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px;
    border: solid #dedede;
    color: #555;
    border-width: 0 1px 1px 0;
}

.gd_hd_0 th {
    overflow: hidden;
    white-space: nowrap;
    border-width: 0px 1px 0px 0px;
    padding: 0px;
}

.gd_pnl td div {
    margin: 0px;
    overflow: hidden;
    /**	padding: 3px 4px;*/
    white-space: nowrap;
}

.gd-fill {
    margin-left: 1px;
    border-width: 0px;
}

.gd .sort-asc {
    background: url("../images/grid/sort_asc.gif") no-repeat 0 center;
    position: absolute;
    float: left;
}

.gd .sort-desc {
    background: url("../images/grid/sort_desc.gif") no-repeat 0 center;
    position: absolute;
    float: left;
}

/*
.gd_pnl tr_r0 {
	background: #E1EFDF;
}
.gd_pnl tr_r1 {
	background:white;
}

.gd_pnl tr_r0:hover td {
	background: url("../images/grid/row-sel.gif") repeat-x;
}

.gd_pnl tr_r1:hover td {
	background: url("../images/grid/row-sel.gif") repeat-x;
}
*/

.gd_pnl tr.row-on td {
    background: #e3f0fb;
}

.gd_pnl tr.row-sum td {
    background: url("../images/grid/row-over.gif") repeat-x;
}

.gd_hd_pnl {
    overflow: hidden;
    border-bottom: 0px;
    background: url(../img/ui-th.png) repeat-x #EEE;
    height: 30px;
    border-bottom: 1px solid #dedede;
    color: #ffffff;
}

.gd_hd {
    padding-right: 17px;
    line-height: 30px;

}

.gd_hd table {
    height: 22px;
}

.gd_data {
    overflow: auto;
    background-color: #fff;
    min-height: 200px;
}

.gd_data table tr {
    height: 30px;
    line-height: 30px;
}

.gd_data table td {
    height: 30px;
    line-height: 30px;
}

/*.gd_data table tr:last-child td {
    border-width: 0px 1px 0px 0px;
}*/

.gd_scr {
    position: relative;
    float: right;
}

.gd_scr_img {
    position: absolute;
    right: 0;
    top: 0;
}

.gd_scr_left {
    border: 0px;
}

.gd_scr_right {
    border: 0px;
}

/******************************page*************************************/
.pg_pnl {
    background-color: white;
}

.pg_body {
    padding: 8px 2px;
    position: relative;
    float: left;
    overflow: hidden;
}

.pg_img {
    top: 5px;
    height: 16px;
    width: 10px;
    border: none;
}

.pg_first {
    background: url("../images/page/page_first.gif") no-repeat;
}

.pg_left {
    background: url("../images/page/page_prev.gif") no-repeat;
}

.pg_right {
    background: url("../images/page/page_next.gif") no-repeat;
}

.pg_last {
    background: url("../images/page/page_last.gif") no-repeat;
}

.pg_shell {
    height: auto;
    width: auto;
    position: relative;
    float: left;
}

.pg_body span:hover {
    color: red;
}

.pg_cell {
    margin: 0px 2px;
    padding: 0px 2px;
    text-align: center;
    position: relative;
    float: left;
    height: 18px;
    font-size: 14px;
}

.pg_on {
    height: 20px;
    padding: 0 7px;
    line-height: 20px;
    color: #ffffff;
    background: #59A8EB;
    border: 1px solid #59A8EB;
    border-radius: 3px;
    margin: 0 1px;
    cursor: pointer;

}

.pg_no {
    height: 20px;
    padding: 0 7px;
    line-height: 20px;
    color: black;
    border: 1px solid #CFCFCF;
    border-radius: 3px;
    display: inline-block;
    margin: 0 1px;
    cursor: pointer;
}

.pg_fd {
    width: 25px;
    height: 20px;
    margin-left: 4px;
}

.pg_txt {
    height: 20px;
    padding-left: 2px;
}

.pnl_list {
    overflow: auto;
    background: white;
}

.pg_go {
    width: 30px;
    height: 20px;
    margin-left: 6px;
}

/******************************tab*************************************/
.tab_btn_bd {
    height: 19px;
    width: auto;
    float: left;
    line-height: 19px;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    padding: 5px 30px;
    box-shadow: 3px 0px 0px 0px #ddd;
    -webkit-box-shadow: 3px 0px 0px 0px #ddd;
    -moz-box-shadow: 3px 0px 0px 0px #ddd;
}

.tab_btn_img {
    margin: 2px 2px 0px 2px;
    height: auto;
    width: auto;
    vertical-align: middle;
    float: left;
}

.tab_del_btn_img {
    background-image: url("../img/close.png");
    position: absolute;
    top: 5px;
    right: 15px;
    background-position: -48px 0;
    width: 16px;
    height: 15px;
    overflow: hidden;
    z-index: 12;
    cursor: pointer;
}

.tab_del_btn_img:hover {
    background-position: -64px 0;
}

.tab_pnl {
    position: relative;
    float: left;
    background: #fff;
    overflow: hidden;
}

.tab_pnl_v {
    border-top: none;
    position: relative;
    float: left;
    padding: 0 15px;
}

.tab_hd {
    position: relative;
    float: left;
    z-index: 10;
    padding-top: 6px;
    padding-left: 4px;
    top: -1px;
}

.tab_hd_v {
    background-color: #eee;
}

.tab_hd_h {
    background: url("../images/tabs/hd_h_bg.gif") repeat-y;
}

.tab_line {
    height: 3px;
    width: 3px;
    position: relative;
    float: left;
    z-index: 9;
}

.tab_line_v {
    clear: left;
}

.tab_line_s {
    border-bottom: 1px solid #ddd;
    bottom: -1px;
    clear: left;
}

.tab_line_w {
    border-left: 1px solid #ddd;
    right: -1px;
}

.tab_line_e {
    border-right: 1px solid #ddd;
    left: -1px;
}

.tab_l_n {

}

.tab_btn_shl_v {
    position: relative;
    float: left;
    margin-left: -5px;
    height: inherit;
}

.tab_btn_shl_v_on {
    /* border-bottom: 1px solid white; */
}

.tab_btn_v {
    position: relative;
    float: left;
    height: inherit;
    padding: 0 2px;
}

.tab_btn_v_no {
    background-color: #eee;
    color: #fff;
    margin-right: 5px;
}

.tab_btn_v_on {
    background-color: #fff;
    margin-right: 5px;
    /*color: #fff;*/
}

.tab_c_n {

}

.tab_r_n {

}

.tab_l_n_on {

}

.tab_c_n_on {

}

.tab_r_n_on {

}

.tab_content {
    padding: 2px;
}

/*******************************free***********************************************/
.fr_pnl { /*	border: 1px solid #99BBE8;*/
    padding-top: 6px;
    position: relative;
    overflow: visible;
}

.fr_pnl_in {

    margin: 0px;
    /*	padding: 2px; border: 1px solid #99BBE8;*/
}

.fr_pnl_fd {
    padding: 2px 2px 0px 0px;
    margin: 0px;
    /*	border: 1px solid #99BBE8;*/
}

.fr_grid {
    margin: 2px 0px 0px 0px;
    height: 20px;
    border-width: 0px;
}

.fr_hd {
    margin-top: 5px;
    padding-top: 10px;
    border: 1px solid #e5e5e5;
    background-color: #f0f0f0;
    border-radius: 5px;
}

.fr_hd_txt {
    position: absolute;
    left: 30px;
    top: 2px;
    height: 18px;
    background-color: white;
    font-size: 1.17em;
    font-weight: bolder;
}

/*.fr_grid {
    margin: 4px 0 0 0;
}*/
/***************************field*********************************************/
.fd_pnl {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: both;
    position: relative;
}

.fd_pnl input { /*margin: 0px;*/
    /*border: 1px solid #99BBE8;*/
    padding: 2px 2px;
    font-size: 14px;
}

.fd_pnl input[type="text"] {
    border: 1px solid #ddd;
}

.fd_pnl textarea {
    border: 1px solid #ddd;
    resize: none;
    overflow: auto;
}

.fd_find {
    /*margin: 5px 0;*/
    padding: 0px;
    border-width: 0px;
    width: 18px;
    height: 18px;
    position: absolute;
    /*float: left;*/
    background: url("../images/btn/find.gif") no-repeat;
    overflow: hidden;
    line-height: 18px;
    cursor: pointer;
}

.fd_success {
    margin: 3px 0;
    padding: 0px;
    border-width: 0px;
    width: 24px;
    height: 24px;
    position: absolute;
    /*float: left;*/
    background: url("../img/success.png") no-repeat;
    overflow: hidden;
    line-height: 18px;
    cursor: pointer;
}

.fd_upload {
    margin: 3px 0;
    padding: 0px;
    border-width: 0px;
    width: 24px;
    height: 24px;
    position: absolute;
    /*float: left;*/
    background: url("../img/fd_upload.png") no-repeat;
    overflow: hidden;
    line-height: 18px;
    cursor: pointer;
}

.fd_del {
    background: url("../images/btn/del.gif") no-repeat;
}

.fd_dateico {
    background: url("../img/date.png") no-repeat;
    overflow: hidden;
    /*float: left;*/
    position: absolute;
    width: 22px;
}

.fd_per {
    width: 12px;
    height: 18px;
    text-align: center;
    /*float: left;*/
    position: absolute;
    margin-top: 0px;
    /*background: url("../images/btn/per.gif") no-repeat;*/
}

.fd_lb_left {
    text-align: left;
    vertical-align: top;
    padding: 2px 1px 0px 0px;
    float: left;
    margin-top: 1px;
}

.fd_lb_right {
    text-align: left;
    vertical-align: top;
    padding: 1px 1px 0px 0px;
    float: right;
}

.fd_lb_js span:HOVER {
    cursor: pointer;
    text-decoration: underline;
    /*	color: blue;*/
}

.fd_choice {
    float: left;
    margin-top: 8px;
}

.fd_text {
    float: left;
}

.fd_cell { /*margin: 0px;*/
    padding: 0px 2px;
    float: left;
}

.fd_pnl_box {
    position: relative;
}

.fd_box {
    /*  border: 1px solid #ddd;
      border-left: 0 none;
      width: 16px;
      padding: 1px;
      float: left;*/
    border: solid #ddd;
    border-width: 1px 1px 1px 0;
    width: 16px;
    padding: 1px;
    position: absolute;
    /*right:3px;*/
}

.fd_box_bg {
    /*background: #CCD8FF;*/
    position: relative;
}

.fd_box_img {
    background: url("../images/sys/box.png") no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -10px;
}

.fd_cbx_menu {
    position: absolute;
    display: block;
    left: 0px;
    margin-top: 1px;
    float: left;
    border: 1px solid #ddd;
    background: white;
    overflow-y: auto;
    overflow-x: hidden;
    /*font-family: "Microsoft YaHei UI";*/
}

.fd_chk_pnl {
    margin-right: 6px;
    margin-top: 2px;
    width: auto;
    vertical-align: middle;
}

.fd_chk_fd {
    float: left;
    width: 16px;
}

.fd_radio {

}

.fd_chk_lb {
    text-align: left;
    vertical-align: middle;
    padding: 0px 2px 0px 0px;
    float: left;
    width: auto;
}

.fd_file_hide {
    /*position: absolute;
    bottom: 0px;
    !*right: 0px;*!
    height: 20px;
    filter: alpha(opacity=0); !*IE*!
    opacity: 0;
    cursor: pointer;*/
    border: none;
    /* width: 100%;
     height: 100%;*/
    /*border: 1px solid blue;
    background: blue;*/
}

.fd_file_hide_btn {
    right: 0;
}

.gd_data .fd_find {
    top: 5px;
}

/**********************************************list*******************************************************/
.ls_pnl {
    position: relative;
    float: left;
    padding: 1px;
    overflow: auto;
    border: 1px solid #ddd;
}

.ls_item_on {
    background: url("../images/grid/row-sel.gif") repeat-x;
    cursor: pointer;
}

.ls_item_no {
    height: 18px;
    vertical-align: middle;
    padding: 0px;
}

/**********************menu***************************************************/
.mu_pnl {
    position: absolute;
    border: 1px solid #ddd;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
}

.mu_item_on {
    background: url("../images/grid/row-sel.gif") repeat-x;
}

.mu_item_no {
    line-height: 24px;
    font-size: 14px;

}

/**********************date ***************************************************/

.dt_pnl {
    width: 210px;
    height: 187px;
    padding: 0px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    margin: 0px;
    position: absolute;
    background: #fff;
}

.dt_hd {
    height: 30px;
    border-radius: 5px 5px 0 0;
    background: #eee;
    line-height: 27px;
}

.dt_body {
    width: 100%;
    height: 124px;
    margin: 2px 4px;
    white-space: normal;
}

.dt_foot {
    height: 29px;
    background-color: #eee;
    clear: left;
    border-radius: 0 0 5px 5px;
}

.dt_cell {
    height: 18px;
    width: 29px;
    float: left;
    text-align: center;
    position: relative;
}

.dt_btn {
    height: 20px;
    margin: 4px 10px 0px 15px;
    width: 40px;
    float: left;
    text-align: center;
    /*background-image: url("../images/msg/center.gif");*/
    /* background: #445FB0; */
    /* border: 1px solid #445FB0; */
    padding: 0px;
    color: #828282;
    cursor: pointer;
}

.dt_btn:hover {
    /*background-image: url("../images/msg/center_on.gif");*/
    /*background: #697FC0;*/
    /*border: 1px solid #697FC0;*/
    color: #222;
}

.dt_hd_cell {
    height: 20px;
    padding: 0px;
    margin: 2px 0px;
    border-width: 0px;
    float: left;
}

.dt_hd_left {
    background: url("../images/date/left.gif") no-repeat;
    width: 14px;
    height: 14px;
    margin: 10px 0px 0px 25px;
    cursor: pointer;
}

.dt_hd_right {
    background: url("../images/date/right.gif") no-repeat;
    width: 14px;
    height: 14px;
    margin: 10px 0px 0px 12px;
    cursor: pointer;
}

.dt_hd_y {
    background: url("../images/date/down.gif") no-repeat right;
    width: 65px;
    text-align: center;
    color: #7c7c7c;
    cursor: pointer;
}

.dt_hd_ys {
    width: 10px;
    cursor: pointer;
}

.dt_hd_m {
    background: url("../images/date/down.gif") no-repeat right;
    width: 35px;
    text-align: center;
    color: #7c7c7c;
    cursor: pointer;
}

.dt_hd_ms {
    width: 17px;
}

.dt_m_list {
    width: 40px;
    text-align: center;
    position: absolute;
    border: 1px solid #ddd;
    background: none repeat scroll 0 0 #FFFFFF;
}

.dt_y_list {
    width: 80px;
    height: 200px;
    overflow: auto;
    text-align: center;
    position: absolute;
    border: 1px solid #ddd;
    background: none repeat scroll 0 0 #FFFFFF;
}

/**********************message***************************************************/
.msg {
    border-radius: 5px 5px 0 0;
    border: 1px solid #59A8EB;
    overflow: hidden;
    position: absolute;
    background-color: #59A8EB;
    min-height: 40px;
    /*max-height: 260px;*/
    min-width: 220px;
    max-width: 420px;

}

.msg-hd {
    color: #ffffff;
    font-weight: bold;
    line-height: 15px;
    position: relative;
    padding: 2px 0px 4px 4px;
    background: #59A8EB;
    height: 16px;
}

.msg-tool {
    position: absolute;
    right: 4px;
    top: 2px;
}

.msg-title {
    cursor: move;
}

.msg-main {
    background: #FFF;
    height: auto;
    overflow: auto;
    padding: 5px 10px;
    margin: 0px 4px;
}

.msg-icon {
    float: left;
    height: 35px;
    width: 47px;
}

.msg-foot {
    text-align: center;
    background: #FFF;
    height: 40px;
    margin: 0 4px 4px;
    padding-top: 8px;
}

.msg-foot-btn {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50px;
    height: 20px;
    line-height: 20px;
    background-image: url("../images/msg/btn.bmp");
    border: 1px solid #ddd;
    cursor: pointer;
}

.progress {
    z-index: 99999999;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

/**********************self ***************************************************/
.self {

}

.self_line_button a {
    color: #9932CC;
    cursor: pointer;
    font-size: 12px;
    margin: 0 3px;
    text-decoration: underline;
}

/**********************split ***************************************************/
.split-container {
    white-space: normal;
    padding-left: 15px;
    border: solid #eee;
    border-width: 5px 0;
    height: 35px;
    overflow: hidden;
}

.split-container > p {
    background: #fff;
    color: #9b9b9b;
    line-height: 10px;
}

.split-container b {
    float: left;
    margin-right: 15px;
}

.split-container span {
    color: #615E5E;
    text-decoration: none;
    float: left;
}

/**********************conditions ***************************************************/
.conditions-trigger {
    color: #999;
    line-height: 26px;
    position: absolute;
    padding-right: 16px;
    outline: none;
    top: 9px;
    left: 400px;
    padding: 0 13px;
    background: url(../img/trigger_bg.png) no-repeat;
    width: 62px;
    box-shadow: 0px 0px;
    text-decoration: none;
}

.conditions-trigger b {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url(../img/trigger_down.png) 2px 5px no-repeat;
}

/********************** img-upload ***************************************************/
.pnl_img {
    float: left;
    position: relative;
    /* background: #f0f0f0; */
    padding: 10px 30px;
    height: 120px;
    overflow: hidden;
}

.img_body {
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: 10px;
    /*padding-left: 10px;*/
    /* height: 110px;*/
}

.img_body .img_body_inner_h {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    /*left: 10px;*/
}

.img_body .img_body_inner_v {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.img_body .imgitem_h {
    margin: 0;
    padding: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.img_body .imgitem_v {
    margin: 0;
    padding: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    /*max-height: 150px;*/
    margin-top: 5px;
}

.img_left_h, .img_right_h {
    float: left;
    width: 20px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    border-radius: 2px;
    text-align: center;
    margin-top: 3px;
}

.img_left_h i, .img_right_h i {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 27px;
    overflow: hidden;
    background: url("../img/slider_btn_icon.png") no-repeat;
    margin-top: 20px;
}

.img_left_h:hover, .img_right_h:hover {
    background-color: #dfdfdf
}

.img_left_h i {
    background-position: -27px -174px;
}

.img_left_h:hover i {
    background-position: -73px -174px;
}

.img_right_h i {
    background-position: 0 -174px;
}

.img_right_h:hover i {
    background-position: -46px -174px
}

.img_left_v, .img_right_v {
    width: 100px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    border-radius: 2px;
    text-align: center;
    position: relative;
    /*top: -10px;
    left: 50%;
    margin-left: -50px;*/
}

.img_right_v {
    clear: left;
    /*top: 120px;
    left: 50%;
    margin-left: -54px;*/
}

.img_left_v i, .img_right_v i {
    display: inline-block;
    width: 40px;
    height: 20px;
    overflow: hidden;
    background: url(../img/arrow.png) no-repeat;
    margin-top: 5px;
}

.img_left_v i {
    background-position: -166px -120px;
}

.img_left_v:hover i {
    background-position: -166px -76px;
}

.img_left_v:hover, .img_right_v:hover {
    background-color: #dfdfdf
}

.img_right_v i {
    background-position: -166px -94px;
}

.img_right_v:hover i {
    background-position: -166px -48px;
}

.img_add {
    height: 100px;
    width: 100px;
    float: left;
    text-align: center;
}

.img_add_v {
    position: relative;
    top: 10px;
    left: 50%;
    margin-left: -50px;
    height: 100px;
    width: 100px;
}

.img_del {
    background-image: url("../img/img_del.png");
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    z-index: 12;
    cursor: pointer;
}

.img_body_inner {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.imgitem {
    padding-top: 5px;
    list-style: none;
    /*width: 19%;*/
    float: left;
    /* height: 200px;*/
    position: relative;
}

.imgitem > img {
    /* width: 91%;*/
    /*height: 120px;*/
}

/********************** input file ***************************************************/

.file {
    position: relative;
    display: inline-block;
    background: #f0f0f0;
    border: 1px dashed #d9d9d9;
    border-radius: 4px;
    padding: 24px 32px;
    overflow: hidden;
    color: #222;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}

.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}

.file:hover {
    background: #ddd;
    border-color: #78C3F3;
    font-weight: bolder;
    text-decoration: none;
}

/********************** large img ***************************************************/

.large-img-container {

}

.large-img-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #373737;
    background-color: rgba(55, 55, 55, .6);
    height: 100%;
    z-index: 1000;
    filter: alpha(opacity=50)
}

.large-img-mask-hidden {
    display: none
}

.large-img-main {
    position: relative;
    width: auto;
    margin: 0 auto;
    top: 50px;
    padding-bottom: 24px
}

.large-img-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.large-img-title {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700
}

.large-img-content {
    position: relative;
    background-color: #fff;
    border: 0;
    border-radius: 6px;
    background-clip: padding-box;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.large-img-close {
    background-image: url("../img/close.png");
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -48px 0;
    width: 16px;
    height: 15px;
    overflow: hidden;
    z-index: 12;
    cursor: pointer;
}

.large-img-close:hover {
    background-position: -64px 0;
}

.large-img-header {
    padding: 14px 16px;
    border-radius: 6px 6px 0 0;
    background: #fff;
    color: #666;
    border-bottom: 1px solid #e9e9e9
}

.large-img-body {
    padding: 20px;
    font-size: 12px;
    line-height: 1.5
}

.large-img-body > img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}

.large-img-footer {
    border-top: 1px solid #e9e9e9;
    padding: 10px 18px 10px 10px;
    text-align: right;
    border-radius: 0 0 6px 6px
}

.large-img-container .large-img-prev, .large-img-container .large-img-next {
    position: absolute;
    top: 5px;
    width: 70px;
    font-size: 40px;
    border: 0;
    outline: 0;
    cursor: pointer;
    height: 90%;
}

.large-img-prev {
    left: -100px;
}

.large-img-next {
    right: -100px;
}

.img-switch-btn {
    position: absolute;
    width: 40px;
    height: 72px;
    left: 50%;
    top: 50%;
    margin: -36px 0 0 -20px;
    background: url(../img/slider_btn_icon.png) no-repeat;
}

.large-img-prev .img-switch-btn {
    background-position: 0 -87px;
}

.large-img-prev:hover .img-switch-btn {
    background-position: -46px -87px
}

.large-img-next .img-switch-btn {
    background-position: 0 0
}

.large-img-next:hover .img-switch-btn {
    background-position: -46px 0
}

/********************** others***************************************************/
.split-div {
    font-size: 18px;
    border-bottom: 2px solid #00A0EA;
    margin: 10px 0;
    /* width: 100%; */
    color: blue;
}

/**********************************************************ahnj css*******************************************************/

.index-top {
    white-space: normal;
    width: 1200px;
    margin: 0 auto
}

.logo-div {
    background-color: #fff;
    position: relative;
}

.logo-text {
    height: 40px;
    margin-top: 50px;
}

.logo-pic {
    /*margin-top: -90px;*/
    height: 160px;
    width: 1200px;
}

.logo-title {
    position: absolute;
    width: 520px;
    top: 40px;
    left: 0;
    z-index: 99;

}

.navbar {
    list-style: none;
    background-color: #5694E1;
    height: 22px;
    line-height: 22px;
    position: absolute;
    width: 1200px;
    top: 160px;
}

.right-navbar {
    position: absolute;
    top: 0;
    right: 10px;
}

.navbar > li {
    display: inline-block;
    padding: 0 10px;
}

.navbar > li:hover {
    /*
    background: #FFF;
    border-bottom: 1px solid #fff;
    color: #222;
    */
}

.navbar a {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    margin: 0 5px;
}

.navbar a:hover {
    color: red;
    text-decoration: none;
}

.navbar i {
    width: 15px;
    height: 17px;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
    background-repeat: no-repeat;

}

.i-index {
    background-image: url("../img/index-a.png");
}

.i-back {
    background-image: url("../img/index-d.png");
    width: 18px;
}

.i-download2 {
    background-image: url("../img/index-c.png");
}

.i-download {
    background-image: url("../img/index-e.png");
}

.navbar span {
    color: #fff;
}

/*index left main content*/
.njbf-outer {
    background: #FFF7D2;
    width: 948px;
    height: 876px;
}

.njbf-pos {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    /* border: 1px solid;*/
}

.njbf-inner {
    padding: 0 10px;
    position: relative;
    /*border: 1px solid;*/
}

.njbf-inner-main {
    background-color: #fff;
    width: 100%;
    height: 790px;
}

.njbf-inner-top {
    height: 30px;
    background: #E8E8E8;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.njbf-inner-left, .njbf-inner-right {
    position: absolute;
    height: 790px;
    width: 40px;
    background-color: #EAF0FC;
}

.njbf-inner-left {
    left: 10px;
}

.njbf-inner-right {
    right: 10px;
}

.njbf-main-header {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
    /* border: 1px solid;*/
    text-align: center;
}

.njbf-main {
    background-color: #F5FAF6;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 70px;
    text-align: center;
}

/*
.tb-footer{
    width: 1200px;
    margin:10px auto;
    border-top: 1px solid #ddd;
    text-align: center;
}
.tb-footer p{
    line-height: 14px;
}
.tb-footer b {
    margin: 0 3px;
    font-weight: 400;
    color: #ddd;

}*/

.tb-footer {
    margin: 10px auto;
    width: 1200px;
    height: 140px;
    background: #f0f0f0;
    white-space: normal;
}

.tb-footer .left-div {
    position: relative;
    top: 25px;
    text-align: right;
    width: 440px;
    float: left;
}

.left-div .img-group {
    text-align: center;
    display: inline-block;
    position: relative;
    margin-right: 40px;
}

.img-group img {
    width: 80px;
    border: 5px solid #187AB9;
}

.img-group span {
    display: block;
    /*background: #187AB9;*/
    color: #000;
    /*padding: 2px 5px;*/
    margin: 0 10px;
    font-size: 12px
}

.tb-footer .right-div {
    top: 50px;
    position: relative;
    width: 760px;
    float: left;
}

.right-div p {
    width: 670px;
    position: relative;
    margin: 5px;
    font-size: 16px;
}

#address, #postcode {
    position: absolute;
    right: 0;
}

#fax {
    position: absolute;
    right: 140px;
}


#qrcode {
    width: 145px;
    height: 145px;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 1001;
}

 .litter-pic {
    position: absolute;
    width: 100px;
    border: 3px solid #fff;
    border-radius: 50%;
}

.lit-pic1 {
    right: 406px;
    top: 30px;
    width: 80px;
}

.lit-pic2 {
    right: 515px;
    top: 10px;
}

.lit-pic3 {
    right: 283px;
    top: 42px;
}