/* HTML、BODY */
abbr, acronym {
    border: 0;
}

body {
    font-family: 'Microsoft JhengHei';
    font-size: 13px;
    color: #555555;
    margin: 0;
}

.select {
    width: 180px;
    border: #aaa 1px solid;
}

.hr {
    background: url(images/horizon.gif) no-repeat;
    width: 680px;
    margin: 5px auto 5px auto;
    height: 10px;
    overflow: hidden;
}

.hilite {
    color: #C80000;
}

.more {
    text-align: right;
}

a {
    color: #06F;
    text-decoration: none;
}

    a:hover {
        color: #09F;
        text-decoration: underline;
    }

/* CLEAR_FLOAT */
.clear {
    clear: both;
}

/* MAIN */
.wrapper {
    width: 1000px;
    height: 100%;
    margin: auto;
    background: url(images/bg.gif) repeat-y;
    border: #CCC 1px solid;
    border-top: none;
    border-bottom: none;
}

#main {
    margin: auto;
    width: 1000px;
    background: #a1bf57;
}

/* BANNER */
#banner {
    position: relative;
    height: 195px;
    background: url(images/banner.jpg) no-repeat;
}

#banner_area a {
    position: absolute;
    display: block;
    top: 40px;
    left: 30px;
    width: 340px;
    height: 60px;
}

/* logo */
#logo {
    background: #a1bf57;
    padding: 1.5em
}

    #logo span {
        color: red;
        float: right;
        font-size: 3em;
        font-weight: 900;
    }

/* counter */
#counter {
    position: absolute;
    top: 0;
    left: 10px;
    width: 320px;
    height: 25px;
    line-height: 25px;
    color: #FFF;
}

/* top_menu */
#top_menu {
    position: absolute;
    top: 0;
    right: 10px;
    width: 650px;
    height: 25px;
    line-height: 25px;
    color: #FFF;
}

    #top_menu a {
        color: #FFF;
        text-decoration: none;
    }

        #top_menu a:hover {
            color: #FFF;
            text-decoration: underline;
        }

    #top_menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #top_menu li {
        float: right;
        line-height: 25px;
        padding-right: 5px;
    }

/* top_menu icon_style */
#top_menu_01 {
    height: 25px;
    background: url(images/top_icon_01.gif) left center no-repeat;
    padding-left: 30px;
}

#top_menu_02 {
    height: 25px;
    background: url(images/top_icon_02.gif) left center no-repeat;
    padding-left: 30px;
}

#top_menu_03 {
    height: 25px;
    background: url(images/top_icon_03.gif) left center no-repeat;
    padding-left: 30px;
}

#top_menu_04 {
    height: 25px;
    background: url(images/top_icon_04.gif) left center no-repeat;
    padding-left: 30px;
}

#top_menu_05 {
    height: 25px;
    background: url(images/top_icon_05.gif) left center no-repeat;
    padding-left: 30px;
}

#top_menu_06 {
    height: 25px;
    background: url(images/top_icon_06.gif) left center no-repeat;
    padding-left: 30px;
}


/* MENU */
.menu {
    position: absolute;
    top: 110px;
    left: 30px;
    width: 800px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
}

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

    .menu li {
        float: left;
        line-height: 50px;
    }

/* menu_link style */
#menu_01 a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_01.gif) bottom no-repeat;
}

#menu_02 a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_02.gif) bottom no-repeat;
}

#menu_03 a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_03.gif) bottom no-repeat;
}

#menu_04 a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_04.gif) bottom no-repeat;
}

#menu_05 a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_05.gif) bottom no-repeat;
}

#menu_06 a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_06.gif) bottom no-repeat;
}

#menu_07 a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_07.gif) bottom no-repeat;
}

#menu_08 a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_08.gif) bottom no-repeat;
}

#menu_09 a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_09.gif) bottom no-repeat;
}

/* menu_hoaver style */
#menu_01 a:hover {
    background: url(images/menu_01_select.gif) bottom no-repeat;
}

#menu_02 a:hover {
    background: url(images/menu_02_select.gif) bottom no-repeat;
}

#menu_03 a:hover {
    background: url(images/menu_03_select.gif) bottom no-repeat;
}

#menu_04 a:hover {
    background: url(images/menu_04_select.gif) bottom no-repeat;
}

#menu_05 a:hover {
    background: url(images/menu_05_select.gif) bottom no-repeat;
}

#menu_06 a:hover {
    background: url(images/menu_06_select.gif) bottom no-repeat;
}

#menu_07 a:hover {
    background: url(images/menu_07_select.gif) bottom no-repeat;
}

#menu_08 a:hover {
    background: url(images/menu_08_select.gif) bottom no-repeat;
}

#menu_09 a:hover {
    background: url(images/menu_09_select.gif) bottom no-repeat;
}

/* menu_select style */
#menu_01.active a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_01_select.gif) no-repeat;
}

#menu_02.active a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_02_select.gif) no-repeat;
}

#menu_03.active a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_03_select.gif) no-repeat;
}

#menu_04.active a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_04_select.gif) no-repeat;
}

#menu_05.active a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_05_select.gif) no-repeat;
}

#menu_06.active a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_06_select.gif) no-repeat;
}

#menu_07.active a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_07_select.gif) no-repeat;
}

#menu_08.active a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_08_select.gif) no-repeat;
}

#menu_09.active a {
    width: 77px;
    height: 50px;
    display: block;
    background: url(images/menu_09_select.gif) no-repeat;
}

/* Y_MENU */
#y_menu {
    float: left;
    margin: 0 auto 0 20px;
    _margin: 0 auto 0 10px;
    width: 180px;
}

/* VIEW */
#view {
    float: right;
    margin: 0 20px 0 auto;
    _margin: 0 10px 0 auto;
    width: 770px;
}

/* ADDRESS */
#address {
    position: relative;
    height: 30px;
    background: url(images/address_bg.gif) no-repeat;
}

#address_txt {
    position: absolute;
    top: 0;
    left: 5px;
    height: 25px;
    color: #FFF;
}

    #address_txt a {
        color: #FFF;
        text-decoration: none;
    }

        #address_txt a:hover {
            color: #ffeb7c;
            text-decoration: underline;
        }

    #address_txt ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #address_txt li {
        float: left;
        line-height: 25px;
        .line-height:30px;
        padding: 0 5px 0 5px;
    }
/* address_style */
#address_home a {
    display: block;
    width: 25px;
    height: 25px;
    background: url(images/address_icon.gif) 2px 2px no-repeat;
}

.address_shape {
    height: 25px;
    background: url(images/address_shape.gif) no-repeat;
}

#address_line {
    height: 25px;
    background: url(images/address_line.gif) no-repeat;
}

/* TXT_ZOOM */
#txt_zoom {
    position: absolute;
    top: 0;
    right: 10px;
    height: 25px;
    color: #e7d8b1;
}

    #txt_zoom a {
        color: #e7d8b1;
        text-decoration: none;
    }

        #txt_zoom a:hover {
            color: #f3cf70;
            text-decoration: underline;
        }

    #txt_zoom ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #txt_zoom li {
        float: left;
        line-height: 25px;
        .line-height:30px;
        padding: 0 5px 0 0;
    }
/* txt_zoom_style */
#txt_zoom_out a {
    display: block;
    width: 25px;
    height: 25px;
    background: url(images/icon_txt_zoom_out.gif) 2px 3px no-repeat;
}

#txt_zoom_in a {
    display: block;
    width: 25px;
    height: 25px;
    background: url(images/icon_txt_zoom_in.gif) 2px 3px no-repeat;
}

/* hot_txt */
#hot_txt {
    color: #FFF;
    line-height: 25px;
    .line-height:30px;
}

    #hot_txt a {
        color: #feec87;
        text-decoration: none;
    }

        #hot_txt a:hover {
            color: #ffe65a;
            text-decoration: underline;
        }

/* search */
#search {
    line-height: 25px;
    .margin-top:-3px;
    _margin-top: 2px;
}

.search_txtbox {
    border: #aaa 1px solid;
    font-size: 12px;
    width: 150px;
}

#btn_search a {
    display: block;
    width: 50px;
    height: 25px;
    background: url(images/btn_search.gif) left 3px no-repeat;
    padding-right: 10px;
}

/* Main_CONTENT */
#main_content {
    margin-top: 5px;
}

/* CONTENT */
#content {
    margin-top: 5px;
    background: #FFF url(images/content_bg.gif) repeat-y;
}

/* COPYRIGHT */
#copyright {
    clear: both;
    text-align: left;
    height: 25px;
    color: #FFF;
    background: url(images/bg_copyright2.gif) repeat-x;
    padding-left: 220px;
}

    #copyright a {
        color: #FFF;
    }

        #copyright a:hover {
            color: #f0f0f0;
        }

/* Board */
#BoardHis a {
    width: 216px;
    height: 159px;
    display: inline-block;
    background: url(Board/His1.gif) no-repeat;
    z-index: 1;
}

    #BoardHis a:hover {
        background: url(Board/His2.gif) no-repeat;
    }

.hidden {
    display: none;
}

.watermarked {
    color: gray;
    font-style: italic;
}

.w-100 {
    width: 100%;
}

.y_menu_select > ul > li > a:before {
    color: #a20;
    content: "➤ ";
}