/* CSS Document */

/* content */
.content_bg_title {
    background: url(images/content_bg_title.gif) top no-repeat;
}

.content_bg_foot {
    clear: both;
    height: 10px;
    line-height: 10px;
    overflow: hidden;
    background: url(images/content_bg_foot.gif) no-repeat;
}

/* content_title */
#content_title {
    height: 30px;
    line-height: 40px;
    color: #458b00;
    font-size: 15px;
    padding-left: 40px;
    background: url(images/icon_title.gif) 10px 5px no-repeat;
    overflow: hidden;
    text-align: left;
}

/* content_txt */
#content_txt {
    margin: 10px 15px 10px 15px;
    line-height: 25px;
}

    #content_txt h1 {
        font-size: 13px;
        color: #0066ff;
        margin: 0;
        padding-left: 20px;
        background: url(images/icon_content_txt_list.gif) 0 5px no-repeat;
    }

    #content_txt em {
        font-size: 13px;
        font-style: normal;
        color: #725000;
    }

/* search_list */
.search_list {
    line-height: 20px;
    overflow: hidden !important;
}

    .search_list ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .search_list li {
        float: left;
        text-align: center;
        padding-left: 5px;
    }

    .search_list a {
        display: block;
        width: 130px;
        height: 20px;
        background: url(images/search_list_00.gif) no-repeat;
        color: #555;
        text-decoration: none;
    }

        .search_list a:hover,
        .search_list a.active {
            background: url(images/search_list_01.gif) no-repeat;
            color: #fff;
            text-decoration: none;
        }

/* search_frame */
.search_frame {
    clear: both;
    margin: 0 auto 10px auto;
    _margin: -13px auto 10px auto;
}
/* search_frame_top */
#search_frame_top {
    position: relative;
    height: 5px;
    background: url(images/search_frame_top_bg.gif) repeat-x;
}

#search_frame_top_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    background: url(images/search_frame_top_left.gif) no-repeat;
}

#search_frame_top_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 5px;
    background: url(images/search_frame_top_right.gif) no-repeat;
}
/* search_frame_bottom */
#search_frame_bottom {
    position: relative;
    height: 5px;
    background: url(images/search_frame_bottom_bg.gif) repeat-x;
    _background: url(images/search_frame_bottom_bg.gif) 0 -1px repeat-x;
}

#search_frame_bottom_left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5px;
    height: 5px;
    background: url(images/search_frame_bottom_left.gif) no-repeat;
    overflow: hidden;
}

#search_frame_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5px;
    height: 5px;
    background: url(images/search_frame_bottom_right.gif) no-repeat;
    overflow: hidden;
}
/* search_frame_content */
.search_frame_content {
    border: #dddddd 1px solid;
    border-top: none;
    border-bottom: none;
    padding: 5px 10px 5px 10px;
}

#search_frame_content_title {
    position: relative;
    font-size: 13px;
    color: #ff6000;
    line-height: 25px;
    padding-left: 25px;
    background: url(images/icon_sub_title.gif) 0 2px no-repeat;
}

#search_frame_content_close a {
    position: absolute;
    top: -4px;
    right: -5px;
    _top: -8px;
    _right: 5px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(images/icon_close.gif) no-repeat;
}

#search_frame_content_detail {
    line-height: 25px;
    overflow: hidden;
}

/* page_area */
.page {
    margin: 20px 15px 10px 15px;
    text-align: center;
}

    .page ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .page li {
        float: left;
        padding-right: 5px;
        line-height: 20px;
    }

    .page em {
        font-size: 13px;
        font-style: normal;
        font-weight: bold;
        color: #418f01;
    }

/* btn_page_style */
.btn_page_first a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_first.gif) no-repeat;
}

.btn_page_prev a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_prev.gif) no-repeat;
}

.btn_page_next a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_next.gif) no-repeat;
}

.btn_page_final a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_final.gif) no-repeat;
}

.btn_page_savetet a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_savetet.gif) no-repeat;
}

.btn_page_viewtet a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_viewtet.gif) no-repeat;
}

.btn_page_finishtet a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_finishtet.gif) no-repeat;
}

.btn_page_agree a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_agree.gif) no-repeat;
}

.btn_page_fail a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_fail.gif) no-repeat;
}

.btn_page_pass a {
    display: block;
    width: 50px;
    height: 20px;
    background: url(images/btn_page_pass.gif) no-repeat;
}

.btn_page_supply a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_supply.gif) no-repeat;
}

.btn_page_exclude a {
    display: block;
    width: 100px;
    height: 20px;
    background: url(images/btn_page_exclude.gif) no-repeat;
}

.btn_page_backlist a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_backlist.gif) no-repeat;
}

.btn_page_new_article a {
    display: block;
    width: 100px;
    height: 20px;
    background: url(images/btn_page_new_article.gif) no-repeat;
}

.btn_page_more a {
    float: right;
    margin: 10px auto 0 auto;
    display: block;
    width: 50px;
    height: 20px;
    background: url(images/btn_page_more.gif) no-repeat;
}

.btn_page_join_event a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_join_event.gif) no-repeat;
}

.btn_page_event_success a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_event_success.gif) no-repeat;
}

.btn_page_edit a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_edit.gif) no-repeat;
}

.btn_page_sign_newspaper a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_sign_newspaper.gif) no-repeat;
}

.btn_page_cancel_newspaper a {
    display: block;
    width: 70px;
    height: 20px;
    background: url(images/btn_page_cancel_newspaper.gif) no-repeat;
}

#cse-search-results iframe {
    width: 700px;
    height: 1000px;
}

.AlertifyContent {
    font-size: medium;
    text-align: left;
}

pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

ul.nav_bar {
    list-style-type: none;
    background: linear-gradient(to bottom, lightgreen, seagreen);
    border: 1px solid gray;
    padding: 0px;
    margin: 0px;
    background-color: seagreen; /* IE8,IE9 */
}

    ul.nav_bar li {
        display: table-cell;
        transition: background-color 0.4s;
    }

        ul.nav_bar li.active, ul.nav_bar li:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }

        ul.nav_bar li a {
            display: table-cell;
            text-decoration: none;
            outline: none;
            font-size: 120%;
            font-weight: bold;
            color: white;
            border-right: 1px solid gray;
            padding: 5px 15px; /* sets button size */
        }

.box {
    margin-bottom: 7px;
    padding: 7px;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 1.8;
}

.cond {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

    .cond > dt {
        flex: 0 0 25%;
        max-width: 25%;
        margin: 0;
        text-align: right;
    }

    .cond > dd {
        flex: 0 0 75%;
        max-width: 75%;
        margin: 0;
    }

.bg-eee {
    background: #eee;
}