@charset "utf-8";

body {
        font-family: Arial, Helvetica, sans-serif;
        margin: 5px;
        background-color: #FFFFFF;
        text-align: center;
}
acronym {
        border-bottom-width: thin;
        border-bottom-style: dotted;
        border-bottom-color: #0000FF;
        font-style: italic;
}
div.itinerary {
        clear: both;
        margin-left: 1em;
        padding: 1em;
}
h2 {
        clear: left;
        color: #004669;
        font-family: "標楷體", "新細明體", System, sans-serif;
        font-size: 1.3em;
        padding: 0.5em;
        padding-left: 0em;
        line-height: 1.4em;
        font-weight: bold;
}
h3 {
        clear: left;
        color: #FFFFFF;
        font-family: "標楷體", "新細明體", System, sans-serif;
        padding: 0.3em;
        display: block;
        font-weight: bold;
        line-height: 1.2em;
        font-size: 1.1em;
        background-color: #004669;
}
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;
        line-height: 1.1em;
        width: 95%;
}
table.itinerary td, table.itinerary th  {
        padding: 3px;
        border: 1px solid #CCCCCC;
}
table.itinerary td {
        background-color: #BBEEFF;
        line-height: 1.3em;
}
table.itinerary th {
        background-color: #006699;
        font-weight: bold;
        color: #FFFFFF;
}
table.itinerary tr td.leftcol {
        font-weight: bold;
        text-align: left;
}

A:link, A:visited {
    color: Navy;
    text-decoration: none;
}
#doc_banner > div:first-child A:link, #ftobox A:link, td A:link, td A:visited {
        background-color: #FFFFFF;
}
table.itinerary td A:link, table.itinerary td A:visited {
        background-color: #BBEEFF;
}
A:hover, A:active, #ftobox A:hover, td A:hover, td A:active {
        color: #990000;
        background-color: #BBEEFF;
        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: 536px;
}
.art_comments .newmsgbox_1 {
        width: 75px;
}
.art_comments .artidx {
        margin-bottom: 10px;
        margin-top: 1em;
        background-repeat: no-repeat;
}
.artlistbox {
		overflow: hidden;
}
.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;
}
.footnote {
        font-size: 0.8em;
}
.imgdiv {
        text-align: center;
        vertical-align: top;
        display: block;
}
.imgdiv img, img.withborder {
        border: 1px solid #000000;
}
.keytext {
        font-weight: bold;
        color: #006699;
        padding-right: 5px;
        padding-left: 5px;
}
.listbox {
        padding:10px;
        margin-top:1em;
        clear: both;
}
.listbox h3 {
        margin-top:0em;
}
.mainidx_box {
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 10px;
        float: left;
        width: 210px;
        min-height:185px;
        height:auto !important;
        height:185px;
        text-align: center;
        font-weight: bold;
        line-height: 1.3em;
        letter-spacing: 1px;
}
.mainidx_box img {
        margin-bottom: 5px;
}
.monospace {
        display:block;
        font-family: "Courier New", Courier, monospace;
        font-size: 0.9em;
        text-align: left;
        padding-left: 10px;
}        
.pagelist_bar {
        font-size: 11pt;
        text-align: right;
        margin-top: 2em;
        margin-bottom: 1em;
        padding: 2px;
        display: block;
}
.popup_box {
        position:absolute;
        left:-170px;
        top:1.1em;
        width:190px;
        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;
}
.popup_ptr {
        position: relative;
        margin-top: -0.3em;
        font-size: 0.7em;
        color: #0000CC;
}
.rss_icon {
        background: #004669;
        padding-left: 0.6em;
        padding-right: 0.6em;
        font-size: .7em;
        color: #FFFFFF;
        padding-top: .2px;
        padding-bottom: .2px;
        margin-left: 0.5em;
        border: thin outset #004669;
}
.subidx {
        float: left;
        padding: 10px;
        margin-bottom: 10px;
        min-height:170px;
        height:auto !important;
        height:170px;
        width:45%;
}
.subidx_subject {
        font-weight: bold;
        color: #006699;
        margin-top: 0.2em;
}
.subidx_thumbnail {
        text-align: center;
}
.subidx_thumbnail img, .mainidx_box img {
        border: 1px solid #000000;
        text-align: center;
}
.td_list ul li {
        margin-bottom: 0.5em;
}
.theme_but {
        background: #000000;
        color: #FFFFFF;
        margin-top: 15px;
        margin-bottom: 15px;
}
.theme_but a {
        color: #FFFFFF;
        padding: 5px;
        display: block;
        border: thin outset #000000;
}
.theme_but a:hover {
        background: #D1F0FF;
        color: #000000;
        border: thin outset #000000;
}
.tn {
        border:solid #000000 1px;
}
.toolbox {
        margin-bottom:0.5em;
        margin-top:0.5em;
        clear: both;
        border: thin outset #004669;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}
.toolbox.firstchild, #doc_content > div:first-child h2 {
        margin-top:0em;
}
.toolbox h3 {
        color: #FFFFFF;
        background-color: #004669;
}
.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_footer {
        padding-top: 10px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #000000;
        line-height: 130%;
        font-size: 0.9em;
}
.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, .default_currency {
        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 {
        float: left;
        text-align: left;
        height: 201px;
        background: #004669;
        margin-left: 5px;
}
#doc_content {
        float: left;
        width: 600px;
        vertical-align: top;
        letter-spacing: 0.08em;
        line-height: 1.3em;
        margin-right: 5px;
        margin-top: 1em;
        padding: 10px;
        border-width: 1px;
        text-align: left;
}
#doc_content_inner {
        margin-bottom: 2em;
}
#doc_content_inner > div > p {
        padding-right: 0.3em;
        padding-left: 0.3em;
        line-height: 140%;
}
#doc_content_inner table {
        margin-bottom: 1em;
}
#doc_footer {
        text-align: center;
        vertical-align: bottom;
        clear: both;
        width: 980px;
        margin-top: 0.5em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        height: 3em;
        padding: 0.4em;
}
#doc_nav {
        text-align: center;
        vertical-align: top;
        float: left;
        width: 150px;
        margin-right: 4px;
        margin-top: 0.2em;
        margin-bottom: 10px;
}
#doc_tools {
        text-align: center;
        vertical-align: top;
        float: right;
        width: 200px;
        margin-top: 1em;
        padding: 0px 0px 10px 0px;
}
#doc_tools h3 {
        font-family: "標楷體", "新細明體", System, sans-serif;
        background-color: #004669;
        color: #FFFFFF;
        padding: 0.3em;
        display: block;
        font-weight: normal;
}
#feedBanner {
        height: 160px;
}
#feedContent {
        width: 930px;
        margin: 1em;
        clear: both;
}
#feedItems {
        clear: both;
        width: 920px;
        margin: 1em;
        padding: 1em;
        line-height: 1.5em;
        border: 1px dashed #000000;
        background-color: #EEEEEE;
}
#feedItems li {
        padding: 5px;
}
#formUserMsg {
        background-color: #FFFFCC;
        border: 1px dashed #000000;
        font-size: 1em;
        width: 565px;
        padding: 5px;
        margin-top: 1em;
}
#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;
}
.tile_box div.t {        background: url(image/tile_h.gif) 0 0 repeat-x; width: 100%        }
.tile_box div.b {        background: url(image/tile_h.gif) 0 100% repeat-x        }
.tile_box div.l {        background: url(image/tile_v.gif) 0 0 repeat-y        }
.tile_box div.r {        background: url(image/tile_v.gif) 100% 0 repeat-y;  padding: 22px;        }
#mainidx {
        text-align: center;
}
#mapdiv {
        position:absolute;
        left:-500px;
        top:-40px;
        width:440px;
        height:450px;
        z-index:1;
        background-color: #FFFFFF;
        visibility: hidden;
        border: medium solid #004669;
        padding: 15px;
}

#navmenu {
        height: 1em;
        margin: 0px;
        padding-right: 0px;
        padding-top: 3px;
        padding-bottom: 0px;
        padding-left: 0px;
        min-height:32px;
        height:auto !important;
        height:32px;
        background: #004669;
        text-align: left;
}
#navmenu li {
        font-family: "標楷體", "新細明體", System, sans-serif;
        font-size: 1.1em;
        list-style: none;
        float: left;
        padding-right: 0.2em;
        padding-left: 0.2em;
}
#navmenu li a {
        display: block;
        padding: 0.4em;
        background-color: #004669;
        color: #FFFFFF;
        text-decoration: none;
}
#navmenu li.but_pulldown a {
        background-color: #004669;
}
#navmenu li a:hover {
        background-color: #FFFFFF;
        color: #004669;
}
#navmenu li ul {
        display: none;
        width: 12em;
        background-color: #004669;
        z-index: 99;
        border: 1px solid #FFFFFF;
}
#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 {
        background-color: #004669;
        padding-top: 2px;
        padding-bottom: 2px;
}
#navmenu li li {
        margin-top: 3px;
        margin-bottom: 3px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        color: #004669;
}
#navmenu li li a:hover {
        background-color: #FFFFFF;
        color: #004669;
}

#new_usermsgs {
        overflow: hidden;
}
#subidx_container {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        margin-top: 2em;
        text-align: center;
        clear: both;
}
#WeatherBox #LoadWeatherStatus {
        font-size: 1em;
}
#WeatherDiv {
        font-size: 1em;
        text-align: left;
        padding-right: 5px;
        padding-left: 5px;
        display: none;
}
#wholepage {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
        text-align: center;
}

#new_usermsgs, #top_articles, #recommend_articles, #my_sites, #weather_box, #WeatherBox, #currency_calc, #popupdiv {
        display: none;
}