@charset "utf-8";

body {
        font-family: Arial, Helvetica, sans-serif;
        margin: 0px;
        background-image: url(image/bkgdimg.jpg);
        background-color: #FFD7D7;
}
acronym {
        border-bottom-width: thin;
        border-bottom-style: dotted;
        border-bottom-color: #0000FF;
        font-style: italic;
}
h2, h3 {
        font-family: "標楷體", "新細明體", System, sans-serif;
        font-weight: bold;
        font-size: 120%;
        color: #900;
}
h2 {
        font-size: 140%;
}
h3 {
        margin-top: 1em;
}
h4 {
        font-weight: bold;
}
img {
        border: none;
}
img.alignleft {
        float: left;
        margin-bottom: 5px;
        border:solid 1px;
        margin-right: 10px;
}
img.alignright {
        float: right;
        margin-bottom: 5px;
        margin-left: 10px;
        border:solid 1px;
}
img.icon {
        border: none;
        vertical-align: middle;
}
table.itinerary {
        border-style: none;
        margin-left: 10%;
        margin-bottom: 20pt;
}
table.itinerary td, table.itinerary th  {
        padding: 3px;
        border: 1px solid #CCCCCC;
}
table.itinerary td {
        background-color: #FFCCCC;
}
table.itinerary th {
        background-color: #FF9999;
        font-weight: bold;
        color: #000;
}
table.itinerary tr td.leftcol {
        font-weight: bold;
}

A:link, A:visited {
        color: Navy;
        text-decoration: none;
}
A:hover, A:active, td A:hover, td A:active, #ftobox A:hover {
        color: #900;
        text-decoration: underline;
}

a.list {
        display:block;
        padding-bottom: 5px;
}        
a.pagelist_link_currpg {
        font-weight: bold;
        text-decoration: underline;
}        

.art_comments .newmsgbox_0, .art_comments .newmsgbox_1 {
        background-color: #FFFFFF;
        border: 1px dotted #000000;
        margin-top: -66px;
        line-height: 1.5em;
        padding: 3px;
        text-align: center;
        margin-bottom: 10px;
        font-size: 1em;
}
.art_comments .newmsgbox_0 {
        margin-left: 615px;
}
.art_comments .newmsgbox_1 {
        width: 75px;
}
.art_comments .artidx {
        margin-bottom: 1em;
        margin-top: 2em;
        background-image: url(image/boxbkgd.jpg);
        background-repeat: no-repeat;
        background-color: #FFFFFF;
}
.bullets_in {
        display: list-item;
        text-align: left;
        padding-left: 5px;
        list-style-position: outside;
        margin-left: 20px;
        padding-top: 2px;
        padding-bottom: 2px;
}
.copyright {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        padding-top: 2em;
        padding-right: 10px;
        padding-left: 10px;
}
.diary_abs {
        width: 70%;
        padding: 5px;
        margin-left: 15%;
        text-align: center;
        border-top: thin solid #666;
        border-right: thin none #666;
        border-bottom: thin solid #666;
        border-left: thin none #666;
}
.footnote {
        font-size: 0.8em;
}
.imgdiv {
        text-align: center;
        vertical-align: top;
}
.imgdiv img, img.withborder {
        border: 1px solid #000000;
}
.keytext {
        font-weight: bold;
        color: #900;
        padding-right: 5px;
        padding-left: 5px;
}
.listbox {
        margin-bottom: 10px;
        margin-top: 1em;
        background-image: url(image/boxbkgd.jpg);
        background-repeat: no-repeat;
        background-color: #FFF;
        overflow: hidden;
        clear:both;
}
.listbox div.t, .artidx div.t {background: url(image/round_dot.png) 0 0 repeat-x; width: 100%}
.listbox div.b, .artidx div.b {background: url(image/round_dot.png) 0 100% repeat-x}
.listbox div.l, .artidx div.l {background: url(image/round_dot.png) 0 0 repeat-y}
.listbox div.r, .artidx div.r {background: url(image/round_dot.png) 100% 0 repeat-y}
.listbox div.bl, .artidx div.bl {background: url(image/round_bl.png) 0 100% no-repeat}
.listbox div.br, .artidx div.br {background: url(image/round_br.png) 100% 100% no-repeat}
.listbox div.tl, .artidx div.tl {background: url(image/round_tl.png) 0 0 no-repeat}
.listbox div.tr, .artidx div.tr {background: url(image/round_tr.png) 100% 0 no-repeat; padding:10px}
.listbox div.theme {
        font-weight: bold;
        padding-top: 10px;
        line-height: 1.4em;
}
.listbox p {
        padding-right: 5px;
        padding-left: 5px;
}
/*.listbox A:link, .listbox A:visited {
        background-color: #FFF;
}
.listbox A:hover, .listbox A:active {
        background-color: #FFCCCC;
}*/
#menubar {
        display: block;
        font-family: "標楷體", "新細明體", System, sans-serif;
        font-size: 1.1em;
        text-align: left;
        font-weight: bold;
        color: #900;
        line-height: 1.3em;
}
.listbox_title {
        display: block;
        font-family: "標楷體", "新細明體", System, sans-serif;
        font-size: 1.1em;
        margin-bottom: 20px;
        border-bottom: 1px solid #900;
        text-align: left;
        padding-bottom: 10px;
        padding-top: 5px;
        font-weight: bold;
        color: #900;
        line-height: 1.3em;
}
.mainidx {
        display: block;
        text-align: center;
}
.mainidx_box {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 5px;
        float: left;
        width: 180px;
        min-height:140px;
        height:auto !important;
        height:140px;
}
.monospace {
        display:block;
        font-family: "Courier New", Courier, monospace;
        font-size: 0.9em;
        text-align: left;
}        
.pagelist_bar {
        font-size: 11pt;
        text-align: right;
        margin: 5px;
        padding: 2px;
        display: block;
}
.popup_box {
        position:absolute;
        left:-185px;
        top:00px;
        width:145px;
        height:auto;
        z-index:1;
        font-size: 1.2em;
        color: #000000;
        background-color: #EEEEEE;
        text-align: left;
        padding: 10px;
        border: thin dashed #004669;
        display: block;
        visibility: hidden;
        font-weight: normal;
}
.popup_ptr {
        position: relative;
        font-size: 0.7em;
        color: #0000CC;
}
.section_hdr {
        display: block;
        font-family: "標楷體", "新細明體", System, sans-serif;
        font-size: 1.1em;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #999999;
        text-align: left;
        padding-bottom: 0.5em;
        font-weight: bold;
        color: #900;
        line-height: 1.3em;
}
.subidx {
        position: relative;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        clear: both;
        margin-bottom: 10px;
        min-height:180px;
        height:auto !important;
        height:180px;
}
.subidx_abstract {
        margin-left: 240px;
        margin-right: 10px;
}
.subidx_subject {
        font-weight: bold;
        color: #900;
        margin-left: 240px;
        margin-right: 5px;
        margin-bottom: 10px;
}
.subidx_thumbnail {
        position: absolute; left: 10px; top: 15px;
        float: left;
        text-align: center;
        margin-right: 10px;
        margin-left: 10px;
        width: 202px;
}
.subidx_thumbnail img, .mainidx_box img {
        border:solid #000000 1px;
        text-align: center;
}
.tn {
        border:solid #000000 1px;
}
.topleft {
        text-align: left;
        vertical-align: top;
}
.usermsg_0, .usermsg_1 {
        padding: 10px;
        display: block;
        border: 1px solid #000000;
        background-color: #FFFFFF;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 1em;
        overflow: auto;
        line-height: 18px;
}
.usermsg_0 {
        margin-right: 100px;
}
.usermsg_1 {
        margin-left: 100px;
}
.usermsg_header, .usermsg_header_wm {
        line-height: 120%;
        padding-bottom: 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000000;
}
.usermsg_header_wm {
        font-weight: bold;
}
.usermsg_header_wm .keytext {
        color: #FF0000;
}
.usermsg_header_wm .hideif_wm {
        display: none;
}
.usermsg_tophdr {
        line-height: 130%;
        font-size: 0.9em;
}
.usermsg_0 p, .usermsg_1 p {
        line-height: 1.3em;
}
.usermsg_tophdr img {
        margin-left: 2px;
        margin-right: 2px;
        float: left;
}
.wm_announce {
        font-weight: bold;
        color: #0000FF;
}

#addmsg {
        display: none;
}
#addmsg td {
        vertical-align: top;
}
#ajaxstatus {
        display: none;
        background-color: #CCFFCC;
        font-weight: bold;
        color: #0000FF;
        padding: 5px;
        text-align: center;
}
#doc_banner {
        clear: both;
        margin-top: 10px;
        margin-bottom: 0px;
}
#doc_body {
        width: 980px;
        margin-left: 5px;
}
#doc_content {
        float: left;
        width: 700px;
        vertical-align: top;
        letter-spacing: 0.08em;
        line-height: 1.3em;
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 10px;
}
#doc_content_inner {
        margin-bottom: 2em;
}
#doc_content_inner li {
        line-height: 150%;
}
#doc_content_inner table {
        margin-bottom: 1em;
        margin-left: 1em;
}
#doc_footer {
        text-align: center;
        vertical-align: bottom;
        clear: both;
        margin-top: 0.5em;
        font-size: 0.8em;
        height: 3em;
        padding: 0.4em;
}
#doc_tools {
        text-align: center;
        vertical-align: top;
        float: left;
        width: 240px;
        margin-top: 10px;
        margin-left: 5px;
        margin-bottom: 10px;
        padding-left: 2px;
}
#formUserMsg {
        background-color: #FFFFCC;
        border: 1px dashed #000;
        font-size: 1em;
        width: 685px;
        padding: 5px;
}
#formUserMsg .formlabel {
        float: left;
        width: 90px;
        padding-top: 5px;
        padding-bottom: 5px;
        clear: left;
}
#formUserMsg .formfield {
        margin-left: 97px;
        padding: 5px;
}
#formUserMsg #extrafields {
        display: block;
}
#mapdiv {
        position:absolute;
        left:-350px;
        top:-40px;
        width:auto;
        height:auto;
        z-index:1;
        background-color: #FFF;
        visibility: hidden;
        border: medium solid #006699;
        padding: 15px;
}
#main_content .section_hdr {
        border-top-style: none;
        margin-top: 0.1em;
}
#menubar {
        color: #FFF;
        letter-spacing: 0.05em;
        border-bottom: none;
        background-image: url(image/menubar.gif);
        background-repeat: no-repeat;
        background-position: left;
        min-height:33px;
        height:auto !important;
        height:33px;
}
#menubar a:link, #menubar a:visited {
        text-decoration: none;
        margin-right: 8px;
}
#menubar a:hover, #menubar a:active {
        text-decoration: underline;
}

#navmenu {
        margin-top: 3px;
        margin-left: 0px;
        padding-left: 10px;
        float: left;
}
#navmenu li {
        font-family: "標楷體", "新細明體", System, sans-serif;
        font-size: 14pt;
        font-weight: normal;
        list-style: none;
        float: left;
}
#navmenu li a {
        display: block;
        padding: 0.1em;        
        padding-left: 0.3em;        
        padding-right: 0.3em;        
        background-color: #900;
        color: #FFF;
        text-decoration: none;
}
#navmenu li a:hover {
        background-color: #FFF;
        color: #600;
        text-decoration: none;
}
#navmenu li ul {
        display: none;
        font-family: "新細明體", System, sans-serif;
        width: 12em;
        background-color: #900;
        z-index: 99;
}
#navmenu li:hover ul, #navmenu li.hover ul {
        display: block;
        position: absolute;
        margin: 0px;
        padding: 4px;
}
#navmenu li:hover li, #navmenu li.hover li {
        float: none;
}
#navmenu li:hover li a, #navmenu li.hover li a {
        color: #FFF;
        background-color: #900;
        padding-top: 2px;
        padding-bottom: 2px;
}
#navmenu li li {
        margin-top: 3px;
        margin-bottom: 3px;
        color: #FFF;
}
#navmenu li li a:hover {
        color: #900;
        background-color: #FFF;
        font-weight: bold;
}

#WeatherBox {
        display: none;
}
#WeatherBox #LoadWeatherStatus {
        font-size: 1em;
}
#WeatherDiv {
        font-size: 1em;
        text-align: left;
        padding-right: 5px;
        padding-left: 5px;
        display: none;
}
#top_articles, #recommend_articles, #my_sites, #weather_box, #doc_banner_printonly, #currency_calc {
        display: none;
}