@charset "utf-8";
@import url(reset.css);
@import url(../font/NanumGothic.css);
@import url(../font/NanumBarunGothic.css);
@import url(../font/MalgunGothic.css); 
@import url(../font/AppleSDGothicNeo.css);


* {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

body {
    font-family:   '나눔고딕', ng, '돋움', Sans-Serif;
    font-weight: normal;
    color: #1e1e1e;
    font-size: 14px
}

input, textarea, select, label, button {
    font-family:   '나눔고딕', ng, '돋움', Sans-Serif;
    vertical-align: middle
}

table { /*border-collapse:collapse;*/
    border-spacing: 0
}

button {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: #fff;
    line-height: 0;
    font-size: 0;
}

.wrap {
    width: 100%;
    min-width: 1480px;
    margin: 0 auto
}

.left {
    float: left
}

.right {
    float: right
}

/*Header(S)*/
#header {
    position: relative;
    width: 100%
}

    #header > .wrap {
    }

#logo {
    float: left
}

#top_wrap {
    position: relative;
    float: left;
    width: 100%;
    height: 117px;
}

#top_nav {
    width: 100%;
    position: relative;
    float: left;
    height: 78px;
    background: url('../images/menu/top_nav_bg.jpg') repeat-x center center;
}

    #top_nav .top_nav_dvs {
        width: 1px;
        position: relative;
        float: left;
        height: 78px;
        background: url('../images/menu/top_nav_dvs.jpg') no-repeat center center;
    }

    #top_nav ul li {
        float: left;
        line-height: 30px;
        padding: 8px 7px 0px 7px;
        font-size: 13px;
        color: #4b4b4b;
        vertical-align: top;
    }

#top_info {
    position: relative;
    float: left;
    width: 100%;
    height: 39px;
}

    #top_info .user_name {
        font-weight: bold;
    }

    #top_info .user_pic {
        position: relative;
        float: left;
        width: 30px;
        height: 39px;
        background: url('../images/menu/user_pic_top_nav.png') no-repeat center center;
    }

    #top_info .user_hello {
        position: relative;
        float: left;
        width: 550px;
        height: 39px;
        color: #ffffff;
        font-size: 15px;
        line-height: 39px;
    }

    #top_info .user_support_btn {
        position: relative;
        float: left;
        width: 248px;
        height: 39px;
        color: #ffffff;
        font-size: 15px;
        line-height: 39px;
    }

    #top_info .dvs_line {
        float: right;
        padding-top: 39px;
        width: 15px;
        background: url('../images/menu/dvs_line_top_nav.jpg') no-repeat center center
    }

    #top_info .top_help {
        float: right;
        padding-top: 39px;
        width: 20px;
        background: url('../images/button/btn_help.png') no-repeat center center
    }

    #top_info .logout {
        float: right;
        padding-top: 39px;
        width: 20px;
        cursor: pointer;
        background: url('../images/button/btn_logout.png') no-repeat center center
    }

    #top_info .r_li {
        float: right;
        line-height: 39px;
        margin-left: 5px;
        font-size: 15px;
        vertical-align: top;
    }

#top_nav .top_nav_menu {
    position: relative;
    float: left;
    height: 78px;
    width: calc(100% - 330px);
}

#top_nav .top_nav_menu_btn {
    position: relative;
    float: left;
    height: 78px;
    width: 120px;
    font-size: 18px;
    color: #221c5b;
    text-align: center;
    padding-top: 45px;
}

#top_nav .btn_sel {
    color: #ff7900 !important;
}

#top_nav .top_nav_menu > ul li {
    width: 110px;
    text-align: center;
    color: #000000;
    padding: 0;
    height: 47px;
    line-height: 47px
}

    #top_nav .top_nav_menu > ul li a {
        color: White;
        font-weight: bold;
        font-size: 16px
    }

    #top_nav .top_nav_menu > ul li:hover, #top_nav .top_nav_menu > ul li.sel {
        background: url('../images/menu/bg_sel_main_menu.jpg') no-repeat center center;
        background-size: 110px 47px;
    }

        #top_nav .top_nav_menu > ul li:hover a, #top_nav .top_nav_menu > ul li.sel a {
            color: #333333;
        }

#top_notice_btn {
    position: relative;
    float: right;
    height: 32px;
    width: 99px;
    background-color: #fc8a0d;
    border-radius: 4px;
    border: solid;
    border-left-color: #ffd4a5;
    border-bottom-color: #ffd4a5;
    border-right-color: #ffd4a5;
    border-top-color: #ffd4a5;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    margin-top: 8px
}

    #top_notice_btn:hover, #top_notice_btn .sel {
        color: #ff6600;
        background-color: #ffffff
    }


#nav {
    position: relative;
    clear: both;
    width: 100%;
    height: 74px
}

    #nav a {
        display: block
    }

    #nav li {
        float: left
    }

    #nav ul.main {
        width: 100%;
        height: 74px;
        background-color: #00b3e3
    }

        #nav ul.main > li {
            height: 39px
        }

            #nav ul.main > li > a {
                color: #ffffff;
                padding: 0 23px;
                line-height: 39px;
                letter-spacing: 0.8px;
                font-size: 15px
            }

        #nav ul.main li:hover a, #nav ul.main li.sel a {
            background: url('../images/menu/bg_sel_main_menu.png') no-repeat center center
        }

    #nav #bg_sub {
        position: absolute;
        z-index: 1;
        top: 40px;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 34px;
        line-height: 34px;
        background-color: #f3f3f3
    }

    #nav ul.sub {
        display: none;
        z-index: 2;
        position: absolute;
        top: 39px;
        width: auto;
        height: 34px;
        padding-left: 13px
    }

        #nav ul.sub a {
            padding: 0 9px;
            line-height: 34px;
            color: #000000 !important
        }

            #nav ul.sub a * {
                float: left;
                height: 34px
            }

            #nav ul.sub a span {
                padding: 0 9px
            }

        #nav ul.sub li:hover span, #nav ul.sub li.sel span {
            background: url('../images/menu/bg_sel_sub_menu.png') no-repeat center center
        }

    #nav .ind_srch {
        width: 368px;
        float: right;
        top: 0;
        right: 0;
        margin: 5px 25px 0 18px
    }

        #nav .ind_srch > * {
            float: left
        }

        #nav .ind_srch input[type=text] {
            width: 142px; /* width:210px; */
            height: 29px;
            line-height: 29px;
            border: 0;
            padding: 0 8px;
            background-color: #ffffff;
            font-size: 14px; /*color:#00b3e3;*/
            ime-mode: active
        }

        #nav .ind_srch .dvs_line {
            margin: 9px 5px
        }


#top_search {
    position: relative;
    width: 368px;
    float: right;
    top: 0;
    right: 0;
    margin: 5px 25px 0 18px
}

    #top_search > * {
        float: left
    }

    #top_search input[type=text] {
        width: 142px; /* width:210px; */
        height: 29px;
        line-height: 29px;
        border: 0;
        padding: 0 8px;
        background-color: #ffffff;
        font-size: 14px; /*color:#00b3e3;*/
        ime-mode: active;
    }

    #top_search .dvs_line {
        margin: 9px 5px
    }


    #top_search > .top_search_dvs {
        float: left;
        padding: 0 10px;
        width: 85px;
        height: 29px;
        line-height: 29px;
        text-align: left;
        background: url(/Content/images/button/btn_down_srch.png) no-repeat center right #fff;
        cursor: pointer
    }

    #top_search > ul {
        position: absolute;
        float: left;
        display: none;
        left: 0;
        top: 31px;
        z-index: 10;
        width: 95px;
        border: 1px solid #00b3e3;
    }

        #top_search > ul li {
            float: none !important;
            display: block;
            height: 29px;
            line-height: 29px;
            padding-right: 20px;
            background: #ffffff;
            cursor: pointer;
            font-size: 14px;
            text-align: center
        }

    #top_search ul li:hover {
        background-color: #eaf0f6
    }

    #top_search ul li.selected {
        background-color: #eaf0f6 !important
    }

/*Header(E)*/

#frmSearch {
    min-width: 800px;
    height: 1235px;
    padding-top: 20px;
    position: relative;
    float: left;
    width: calc(100% - 330px - 99px);
    padding-right: 30px;
}

/*SearchBar(S)*/
.searchbar {
    z-index: 100;
    width: 729px;
    height: auto;
    line-height: 28px;
    border-bottom: 1px solid #00b3e3;
    position: relative;
    float: left;
    margin-bottom: 5px;
    padding-bottom: 2px;
}

    .searchbar h1 {
        font-weight: normal;
        font-size: 16px;
        color: #001646
    }

    .searchbar input[type=text], .searchbar select, .search_list input[type=text], .search_list select {
        height: 24px;
        line-height: 20px;
        padding: 0 8px;
        border: 1px solid #cfcfcf;
        color: #797979;
        margin-right: 2px;
    }

    .searchbar select, .search_list select {
        padding: 0px;
        margin-top: 3px;
    }

    .searchbar button, .search_list button {
        margin-right: 2px;
    }

    .searchbar .write_btn {
        float: right !important;
        margin-left: 2px;
    }

    .searchbar .input_txt, .search_list .input_txt {
        text-align: center
    }

    .searchbar label, .searchbar span, .search_list > label {
        padding: 0 7px;
        cursor: default
    }

    .searchbar input, .searchbar img, .search_list > img, .search_list > input, .searchbar button {
        margin-top: 3px
    }

    .searchbar .search_list, .search_list {
        position: relative;
        margin-right: 5px;
    }

        .searchbar .search_list > ul, .search_list > ul {
            position: absolute;
            display: none;
            left: 0;
            top: 30px;
            z-index: 1;
            border-left: 1px solid #d3d3d3;
            border-bottom: 1px solid #e8e8e8;
        }

            .searchbar .search_list > ul li, .search_list > ul li {
                display: block;
                height: 27px;
                line-height: 27px;
                padding-right: 28px;
                background: #ffffff url(../images/input/input_list_bg_right.jpg) repeat-y right top;
                cursor: pointer;
                font-size: 13px; /*color:#969d93*/
                font-weight: bold
            }

                .searchbar .search_list > ul li:hover, .search_list > ul li:hover {
                    background-color: #eaf0f6
                }

        .searchbar .search_list .selected, .search_list .selected {
            background-color: #cee0ec !important
        }

    .searchbar div.radio {
        padding: 0 5px
    }

        .searchbar div.radio > * {
            float: left
        }

        .searchbar div.radio input {
            margin: 8px 2px 0 0
        }

        .searchbar div.radio label, .searchbar div.radio span {
            margin: 0;
            padding: 0 10px 0 0
        }
/*SearchBar(E)*/

/*Input(S)*/
.input_txt {
    height: 27px;
    line-height: 25px;
    border: 0;
    /* background-image:url('../images/input/input_txt_bg.png');
   background-image:url('../images/input/input_txt_bg.jpg');*/
    /*color:#969d93
    font-weight:bold*/
}
/*Input(E)*/


/*LEFT MENU(S)*/
.l_frm {
    width: 330px;
    height: 1360px; /*전체높이1410px - 메뉴높이 100px - Footer 75px*/
    float: left;
}

.l_frm_clock {
    height: 39px;
    width: 330px;
    background-color: #fc8201;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 39px;
    position: relative;
    float: left;
    font-weight: 600;
}

.r_frm {
    width: calc(100% - 330px);
    height: 39px;
    background-color: #05459f;
    position: relative;
    float: left;
}

.l_frm_menu {
    height: 1360px;
    background-color: #f3f3f3;
    padding: 10px;
    border-right: 1px solid #fc8e01;
}

.r_body {
    width: 980px;
    height: 1230px;
    float: right;
}

.r_frm_menu_open {
    width: 40px;
    float: left;
    height: 1360px;
}

.r_frm_menu_open_btn {
    background: url(../images/menu/l_menu_bar.png) no-repeat center center;
    width: 34px;
    height: 259px;
    margin-top: 30px;
    cursor: pointer;
}


/*LEFT MENU(E)*/

/*Contents(S)*/
#r_contents {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    width: 100%; 
    height: 1230px;
}

.img_btn {
    cursor: pointer;
    margin-left: -1px;
}

.contents {
    z-index: 0;
    width: 100%;
    overflow: hidden;
    height: 100%;
    /*height:695px; */
    padding-bottom: 41px;
    display: block;
    position: relative;
}

.contents_bottom {
    z-index: 0;
    width: 100%;
    height: 44px; /* 44px(이미지높이) + 26px(아래공백)*/
    overflow: hidden;
    /*height:695px; */
    display: block;
    position: relative;
    margin-bottom: 26px;
    background: url('../images/menu/contents_bottom_bg.jpg') repeat-x top center;
}

.contents_bottom_left {
    position: relative;
    float: left;
    background: url('../images/menu/contents_bottom_left.jpg') no-repeat center center;
    width: 167px;
    height: 44px;
}

.contents_bottom_right {
    position: relative;
    float: right;
    background: url('../images/menu/contents_bottom_right.jpg') no-repeat center center;
    width: 93px;
    height: 44px;
}


.unit {
    color: #71818c
}

.t_left {
    text-align: left;
    padding-left: 8px
}

.t_right {
    text-align: right;
    padding-right: 8px
}

.t_center {
    text-align: center
}

.cut { /*...처리 + tinyTips 적용*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.cut_no_tips { /*...처리 + tinyTips 적용X*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.leftline {
    border-left: 1px solid #e7e8eb
}

.leftline_b {
    border-left: 1px solid #A2A2A2
}

.rightline {
    border-right: 1px solid #e7e8eb
}

.rightline_b {
    border-right: 1px solid #A2A2A2
}

.bottomline {
    border-bottom: 1px solid #e7e8eb
}

.bottomline_b {
    border-bottom: 1px solid #A2A2A2
}

.bottomline_red {
    border-bottom: 1px solid #ffd2d2
}

.bottomline_blue {
    border-bottom: 1px solid #97d1e7
}

.bg_white {
    background-color: #ffffff !important
}

.bg_gray {
    background-color: #f6f6f6 !important
}

.topline {
    border-top: 1px solid #e7e8eb
}

.topline_b {
    border-top: 1px solid #A2A2A2
}

.div_tbl, .div_tbl_scroll {
    width: 100%;
    border-bottom: 1px solid #dfe6e6
}

    .div_tbl p, .div_tbl_scroll p {
        text-align: center;
        color: #71818c
    }

.tree {
    overflow: auto;
    width: 100%;
    height: 579px;
    padding: 8px;
    border: 1px solid #dfe6e6
}

.red {
    color: #ff0000 !important
}

.blue {
    color: #00b3e3 !important
}

.green {
    color: #2db400 !important
}

.section {
    clear: both;
    width: 100%;
}

.contents h3 {
    height: 25px;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 4px;
}

    .contents h3.bottom_line {
        border-bottom: 1px solid #00b3e3;
        margin-bottom: 0px;
        height: 25px;
    }

    .contents h3 .chart_legend {
        color: #71818c;
        font-size: 13px
    }

    .contents h3 .unit {
        font-size: 13px
    }

    .contents h3 input[type=text], .contents h3 select {
        height: 24px;
        padding: 0 8px;
        border: 1px solid #cfcfcf;
        color: #797979
    }

    .contents h3 .button, .contents h3 input[type=text], .contents h3 select, .contents h3 .label {
        margin: -1px 0 0 3px;
        font-size: 14px
    }

    .contents h3 label {
        padding: 0 5px 0 15px;
        font-size: 14px;
        color: #71818c
    }

.contents .legend {
    float: right;
    height: 42px;
    margin-top: -20px;
    text-align: center;
    font-size: 11px;
    color: #adadad
}

    .contents .legend.legend_3 /*3단 범례 (ex.실적/과내비중|병원평균대비)*/ {
        width: 153px;
        line-height: 21.5px;
        background-image: url(../images/bg_legend_3.jpg);
        margin-top: 0px;
    }

        .contents .legend.legend_3 span {
            float: left;
            width: 50%;
        }

    .contents .legend.legend_2 /*2단 범례 (ex.실적/과내비중<br />병원평균대비)*/ {
        width: 111px;
        line-height: 14px;
        background-image: url(../images/bg_legend_2.jpg);
    }

        .contents .legend.legend_2 span {
            font-size: 10px;
            line-height: 7px !important
        }

.contents .button_adm {
    float: right;
    width: 38px;
    height: 28px;
    cursor: pointer
}

.contents table {
    width: 100%;
    table-layout: auto;
}

    .contents table thead, .contents table tfoot {
        background-color: #eaeeef
    }

    .contents table th {
        background-color: #f0f3f8;
    }

        .contents table th.th2 {
            background-color: #dcdff4;
        }

    .contents table th, .contents table td {
        vertical-align: middle;
        font-weight: normal;
        height: 30px;
        border-bottom: 1px solid #dbdbdb;
    }

        .contents table th.line {
            background-image: url('../images/dvs_line_th.png');
            background-repeat: no-repeat;
            background-position: right center
        }

        .contents table td.line {
            background-image: url('../images/dvs_line_td.png');
            background-repeat: no-repeat;
            background-position: right center
        }

        .contents table th.th_br, .contents table td.td_br {
            font-size: 13px;
            line-height: 16px
        }

    .contents table tr:first-child th, .contents table tr:first-child td {
        border-top: 1px solid #dbdbdb;
    }

    .contents table tr.hover:hover {
        background-color: #eaf0f6 !important
    }

    .contents table tr.sel {
        background-color: #d0eafb !important
    }

    .contents table tr.sum, .contents table td.sum {
        background-color: #fdeada !important
    }

    .contents table td .rtIcon {
        margin-top: 6px;
        display: inline;
    }

    .contents table.tbl_list th {
        background-color: #c2f0fa;
    }

    .contents table.tbl_input {
        border-top: 1px solid #dfe6e6;
        border-right: 1px solid #dfe6e6;
        border-left: 1px solid #dfe6e6;
    }

        .contents table.tbl_input tr:hover {
            background-color: inherit !important;
        }

        .contents table.tbl_input th {
            background-color: #f7f7f7
        }

        .contents table.tbl_input th, .contents table.tbl_input td {
            padding: 0 8px;
            border-bottom: 1px solid #dfe6e6
        }

        /*미조회자 tbl border 삭제*/
        .contents table.tbl_input table.tbl_input {
            border-top: 1px solid #dfe6e6;
            border-right: none;
            border-left: none;
        }


    /*main table*/
    .contents table.tbl_main {
        border-top: 1px solid #dfe6e6;
    }

        .contents table.tbl_main th {
            background-color: #f7f7f7
        }

        .contents table.tbl_main td {
            background-color: #fff
        }

        .contents table.tbl_main th, .contents table.tbl_main td {
            padding: 0 8px;
            border-bottom: 1px solid #dfe6e6
        }
    /*//main table*/

    .contents table input[type=text], .contents table input[type=password],
    .contents table textarea,
    .contents table select {
        width: 100%;
        border: 1px solid #e3e9e9;
        height: 28px;
        line-height: 25px;
        padding: 0 8px;
        color: #676767
    }

    .contents table select, .contents h3 select {
        padding: 0
    }

    .contents table textarea {
        resize: none;
        line-height: 20px
    }

    .contents table .disabled, .contents table input[disabled] {
        background-color: #f3f3f3
    }

    .contents table .alert {
        border: 1px solid red !important
    }

.contents .arrow_bottom {
    width: 100px;
    height: 18px;
    margin: 0 auto;
    background-image: url(../images/arrow_bottom.png)
}

.contents .arrow_right {
    width: 13px;
    height: 76px;
    background-image: url(../images/arrow_right.png)
}

table.tbl_fix_layout > tbody > tr > td, table.tbl_fix_layout > tr > td {
    padding: 0 !important;
    vertical-align: top !important
}

    table.tbl_fix_layout > tbody > tr > td > table.tbl_input, table.tbl_fix_layout > tr > td > table.tbl_input {
        border-top: 0px !important
    }

.none_bottomline {
    border-bottom: 0px !important
}

.none_topline {
    border-top: 0px !important
}

#divCnte {
    overflow: hidden;
    margin-top: 10px;
    word-break: break-all
}

#emp_layer {
    display: none;
    position: absolute;
    padding: 5px 10px;
    border: 1px solid #00b3e3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff
}

    #emp_layer img.right {
        width: 12px;
        margin-right: -5px;
        cursor: pointer
    }

    #emp_layer li {
        clear: both;
        padding: 3px 0;
        cursor: pointer
    }

.button {
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.button_icon2 {
    width: 65px;
    height: 24px;
    line-height: 15px;
    background-image: url('../images/button/btn_bg_icon2.jpg')
}
    /*2글자 아이콘버튼*/
    .button_icon2 img {
        float: left;
        margin: 2px -5px 0 8px
    }

.button_icon3 {
    width: 47px;
    height: 24px;
    line-height: 15px;
    background-image: url('../images/button/btn_bg_s.jpg')
}
/*2글자 버튼*/

.button2 { /*2글자 버튼*/
    width: 47px;
    height: 24px;
    line-height: 24px;
    margin-top: 1px;
    background-image: url('../images/button/btn_bg_s.jpg')
}

.button4 { /*4글자 버튼*/
    width: 74px;
    height: 23px;
    line-height: 23px;
    margin-top: 1px;
    background-image: url('../images/button/btn_bg_4.jpg')
}

    .button4 img {
        float: left;
        margin: 5px -5px 0 12px
    }

#divUpload {
    position: absolute;
    display: none;
    top: 62px;
    right: 70px;
    border: 2px solid #4A94DA;
    width: 1090px;
    padding-bottom: 10px;
    background-color: #ffffff
}

    #divUpload .searchbar input[type=file] {
        width: 650px;
        height: 23px;
        line-height: 23px;
        margin-top: 7px;
        padding: 0 5px;
        border: 1px solid #e3e9e9;
        background-color: #ffffff
    }

    #divUpload .searchbar .button {
        margin-top: 7px;
        margin-left: 3px
    }

    #divUpload .contents h3 {
        height: 8px
    }

    #divUpload .contents table tr {
        height: 28px
    }

#divExcelCheck {
    overflow: auto;
    width: 100%;
    height: 392px
}

    #divExcelCheck p {
        line-height: 380px;
        font-size: 14px
    }

.paging {
    display: inline-block;
    margin: 3px auto 0 auto
}

    .paging a {
        color: #272727
    }

    .paging span {
        color: #00b3e3;
        font-weight: bold
    }

    .paging img {
        margin-top: 3px
    }

.file_list {
    clear: both;
    margin: 20px 0 5px 0
}

    .file_list a {
        color: #272727
    }

.time {
    font-size: 20px;
    font-weight: bold
}

.session_am {
    background-image: url('../images/portal/icon_session_am.png');
    background-repeat: no-repeat;
    background-position: left center
}

.session_pm {
    background-image: url('../images/portal/icon_session_pm.png');
    background-repeat: no-repeat;
    background-position: left center
}

.session_night {
    background-image: url('../images/portal/icon_session_night.png');
    background-repeat: no-repeat;
    background-position: left center
}

.div_button_cmt {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 35px;
    border-top: 1px solid #e7e8eb
}

    .div_button_cmt li {
        float: left;
        width: 33%;
        height: 20px;
        text-align: center;
        cursor: pointer;
        padding-left: 5px;
    }

        .div_button_cmt li img {
            float: left;
            margin: 12px 0 0 10px
        }

#today_box {
    position: absolute;
    display: none;
    background-color: transparent;
    border: 1px solid #0063e3;
    cursor: pointer
}

/*Contents(E)*/


/*Footer(S)*/
#footer {
    clear: both;
    position: relative;
    height: 73px;
    width: 100%;
    font-size: 12px;
    color: #828282;
    vertical-align: middle;
    line-height: 20px;
    padding-right: 41px;
    padding-left: 41px;
    padding-top: 16px;
    padding-bottom: 17px;
    float: left
}

.footer_line {
    clear: both;
    position: relative;
    height: 1px;
    width: 100%;
    background-color: #cacaca;
    float: left;
}

.footer_l {
    width: 608px;
    height: 40px;
    float: left;
}

.footer_m {
    width: 275px;
    height: 40px;
    float: left;
}

.footer_r {
    width: 151px;
    height: 40px;
    float: left;
    text-align: right;
}

.footer_bar {
    background: url('../images/menu/bg_footer_line.jpg') no-repeat center center;
    width: 62px;
    height: 40px;
    float: left;
}

#handle {
    height: 27px;
    padding-top: 6px;
    text-align: center;
    border-top: 1px solid #dfe6e6;
}

    #handle img {
        cursor: pointer
    }

#sitemap {
    display: none;
    overflow: hidden
}

    #sitemap > div {
        float: left
    }

    #sitemap .sitemap_contents {
        width: 100%;
        background-color: #d7e3e9
    }

    #sitemap .sitemap_nav {
        position: relative;
        margin-left: 25px;
        padding-top: 35px
    }

        #sitemap .sitemap_nav > li {
            float: left;
            width: 140px;
            padding-left: 1px
        }

            #sitemap .sitemap_nav > li > a {
                display: inline-block;
                width: 100%;
                margin-bottom: 12px;
                font-size: 16px;
                color: #ffffff;
                background-color: #00b3e3;
                text-align: center;
            }

        #sitemap .sitemap_nav .sub li {
            line-height: 20px
        }

        #sitemap .sitemap_nav .sub a {
            color: #000000;
            font-size: 14px;
            margin-left: 15px;
        }

            #sitemap .sitemap_nav .sub a:hover, #sitemap .sitemap_nav .sub li.sel a {
                color: #00b3e3
            }

#sitemap_message {
    float: left;
    width: 100%;
    line-height: 25px;
    background-color: #101e28;
    letter-spacing: -0.3px;
    font-size: 12px;
    color: #506574
}

    #sitemap_message ul {
        width: 989px;
        height: 52px;
        background-image: url(/Content/images/sitemap/bg_sitemap_bottom.jpg)
    }

    #sitemap_message li {
        width: 100%;
        height: 1px;
        color: #baf0ff;
    }
/*Footer(E)*/

/*Popup(S)*/
.pop {
    background-image: none;
    border: 2px solid #00b3e3;
    height: 100%;
}

    .pop .wrap {
        width: 100%;
        height: auto;
        padding: 0px 14px
    }

    .pop h1 {
        width: 100%;
        height: 34px;
        line-height: 34px;
        background-color: #00b3e3;
        /* background-image:url(/Content/images/bg_pop_title.jpg);*/
        text-align: center;
        font-weight: normal;
        font-size: 16px;
        color: #ffffff
    }

    .pop .contents {
        height: auto;
        padding-bottom: 20px
    }
/*Popup(E)*/



/* datepicker(S) */
.ui-datepicker {
    background: #fff;
    font-size: 12px;
    border: 1px solid #339aff;
}

.ui-datepicker-header {
    padding: 5px 10px;
    background-color: #00b3e3;
    color: #fff;
}

    .ui-datepicker-header a, .ui-datepicker-header span {
        color: #fff;
    }

    /*
.ui-datepicker select.ui-datepicker-year
{
    background-color:red;
}
*/

    .ui-datepicker-header select {
        border: 0;
        background-color: #00b3e3;
        color: #fff;
    }

.ui-datepicker table {
    width: 250px;
}

    .ui-datepicker table td {
        text-align: center;
        width: 35px;
    }

.ui-datepicker a {
    cursor: pointer;
    text-decoration: none;
    color: black
}

.ui-datepicker-prev {
    float: left;
    margin-right: 40px;
    background: url(/Content/images/button/btn_calendar_before.jpg);
}

.ui-datepicker-next {
    float: right;
    background: url(/Content/images/button/btn_calendar_after.jpg);
}

.ui-datepicker-title {
    text-align: center;
    font-weight: bold;
    display: inline-block;
}

.ui-datepicker-calendar thead {
    background-color: #005ac0;
}

    .ui-datepicker-calendar thead tr {
        height: 25px;
    }

        .ui-datepicker-calendar thead tr th:nth-child(1) span {
            color: red;
        }

        .ui-datepicker-calendar thead tr th:nth-child(7) span {
            color: #00b3e3
        }

    .ui-datepicker-calendar thead span {
        color: #fff;
        font-size: 10px;
    }

.ui-datepicker-calendar tbody td {
    border: 1px solid #dbe0e4;
    height: 30px;
}

    .ui-datepicker-calendar tbody td:hover, .ui-datepicker-calendar tbody td:hover a {
        background-color: #00b3e3;
        color: #fff;
    }

.ui-datepicker-week-end a {
    color: red
}

.ui-datepicker-other-month {
    background-color: #ececec;
}

.ui-datepicker-calendar tbody td:nth-child(7) a {
    color: Blue;
}

.ui-datepicker-other-month a {
    color: silver !important;
}

.ui-datepicker-trigger {
    margin-top: 2px;
    margin-left: -3px;
    cursor: pointer;
}

/* datepicker(E) */

/*dtree(S)*/
.dtree {
    white-space: nowrap
}

    .dtree a {
        color: #1e1e1e
    }

        .dtree a.node, .dtree a.nodeSel {
            white-space: nowrap;
            padding: 1px 2px 1px 2px
        }

            .dtree a.node:hover, .dtree a.nodeSel:hover {
                background-color: #eaf0f6
            }

        .dtree a.nodeSel {
            background-color: #cee0ec !important
        }

    .dtree .clip {
        overflow: hidden
    }
/*dtree(E)*/

.dTreeNode {
    font-size: 14px;
    height: 26px;
    line-height: 20pt;
    color: #05459f;
}

/*class_left_menu_tree(S)*/
.class_left_menu_tree {
    white-space: nowrap
}

    .class_left_menu_tree a {
        color: #1e1e1e
    }

        .class_left_menu_tree a.node, .class_left_menu_tree a.nodeSel {
            white-space: nowrap;
            padding: 1px 2px 1px 2px;
            color: #231f20;
        }

            .class_left_menu_tree a.node:hover, .class_left_menu_tree a.nodeSel:hover {
                background-color: #eaf0f6
            }

        .class_left_menu_tree a.nodeSel {
            color: #ff7900 !important;
        }

    .class_left_menu_tree .clip {
        overflow: hidden
    }
/*class_left_menu_tree(E)*/

/*class_infor_param_tree(S)*/
.class_infor_param_tree {
    white-space: nowrap
}

    .class_infor_param_tree a {
        color: #1e1e1e
    }

        .class_infor_param_tree a.node, .class_infor_param_tree a.nodeSel {
            white-space: nowrap;
            padding: 1px 2px 1px 2px;
            color: #231f20;
        }

            .class_infor_param_tree a.node:hover, .class_infor_param_tree a.nodeSel:hover {
                background-color: #eaf0f6
            }

        .class_infor_param_tree a.nodeSel {
            color: #ff7900 !important;
        }

    .class_infor_param_tree .clip {
        overflow: hidden
    }
/*class_infor_param_tree(E)*/

/*tinyTips(S)*/
.blueTip {
}

    .blueTip .content {
        width: auto;
        padding: 1px 5px;
        border: 1px solid #2aaffc;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        background: #f9f9f9;
        font-size: 13px
    }

    .blueTip .bottom {
        height: 8px;
        background: url(../images/tinyTips/notch-blue.png) top center no-repeat;
    }

.orangeTip {
}

    .orangeTip .content {
        width: auto;
        padding: 1px 5px;
        border: 1px solid #f4762a;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        background: #f9f9f9;
        font-size: 13px
    }

    .orangeTip .bottom {
        height: 8px;
        background: url(../images/tinyTips/notch-orange.png) top center no-repeat;
    }

.lightTip {
}

    .lightTip .content {
        width: auto;
        padding: 1px 5px;
        border: 3px solid #e2e2e2;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background: #ffffff;
        color: #020202;
    }

    .lightTip .bottom {
        height: 14px;
        background: url(../images/tinyTips/notch-white.png) top center no-repeat;
    }

.yellowTip {
}

    .yellowTip .content {
        width: 310px;
        padding: 10px;
        border: 3px solid #f9e98e;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background: #fbf7aa;
        color: #020202;
    }

    .yellowTip .bottom {
        height: 14px;
        background: url(../images/tinyTips/notch-yellow.png) top center no-repeat;
    }

.redTip {
}

    .redTip .content {
        width: 310px;
        padding: 10px;
        border: 3px solid #ce6f6f;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background: #f79992;
        color: #020202;
    }

    .redTip .bottom {
        height: 14px;
        background: url(../images/tinyTips/notch-red.png) top center no-repeat;
    }

.greenTip {
}

    .greenTip .content {
        width: 310px;
        padding: 10px;
        border: 3px solid #a9db66;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background: #cae8a2;
        color: #020202;
    }

    .greenTip .bottom {
        height: 14px;
        background: url(../images/tinyTips/notch-green.png) top center no-repeat;
    }

.purpleTip {
}

    .purpleTip .content {
        width: 310px;
        padding: 10px;
        border: 3px solid #8671de;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background: #a290f0;
        color: #020202;
    }

    .purpleTip .bottom {
        height: 14px;
        background: url(../images/tinyTips/notch-purple.png) top center no-repeat;
    }

.darkTip {
}

    .darkTip .content {
        width: 310px;
        padding: 10px;
        border: 3px solid #303030;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background: #505050;
        color: #f8f8f8;
    }

    .darkTip .bottom {
        height: 14px;
        background: url(../images/tinyTips/notch-dark.png) top center no-repeat;
    }
/*tinyTips(E)*/


iframe.fix_report {
    -ms-zoom: 1.151;
    -moz-transform: scale(1.151);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1.151);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1.151);
    -webkit-transform-origin: 0 0;
    width: 710px;
    height: 1050px;
    margin: 0px;
    margin-top: -40px;
    margin-left: -60px;
    overflow: hidden;
}

iframe.none_fix_report {
    -ms-zoom: 1.151;
    -moz-transform: scale(1.151);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1.151);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1.151);
    -webkit-transform-origin: 0 0;
    width: 910px;
    height: 990px;
    margin: 0px;
    margin-top: -40px;
    overflow: hidden;
}



iframe.width_fix_report {
    -ms-zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
    width: 1120px;
    height: 870px;
    margin-top: 0px;
    margin-left: 10px;
    overflow: hidden;
}


#divCenterTab .div_tab {
    float: left;
    width: 114px;
    height: 33px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    font-size: 14px;
    line-height: 33px;
    background: url(/Content/images/menu/tab_bg.png);
}

    #divCenterTab .div_tab:hover {
        color: #ffffff;
        background: url(/Content/images/menu/tab_bg_mouse.png);
    }

#divCenterTab .sel {
    color: #ffffff;
    background: url(/Content/images/menu/tab_bg_mouse.png) !important;
}

div#viewLoading {
    text-align: center;
    padding-top: 70px;
    background-color: rgba(1,1,1,0.01);
}

div#viewLoadingPop {
    text-align: center;
    padding-top: 200px;
    background-color: rgba(1,1,1,0.05);
}

#alert_msg {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    margin-left: 30%;
    width: 50%;
    padding: 20px;
    margin-top: -30px;
    background-color: rgba(251,141,1,0.9);
    text-align: center;
    font-size: 24px;
    color: #ffffff;
}


.tdListHeader {
    TEXT-ALIGN: center;
    COLOR: #3F4FBF;
    FONT-WEIGHT: bold;
    PADDING-TOP: 3px
}

.tdListHeaderD {
    TEXT-ALIGN: center;
    COLOR: #AFAFAF;
    FONT-WEIGHT: bold;
    PADDING-TOP: 3px
}

.tdListHeader2 {
    TEXT-ALIGN: center;
    COLOR: #3F4FBF;
    FONT-WEIGHT: bold;
    vertical-align: middle
}