* { font-family: Arial, "新細明體";  font-size: 12px; }

html, body { height: 100%; }
body, form { padding: 0px; margin: 0px; }

a img { border: 0px none; }

a, a:visited { color: #1A3281; text-decoration: none; }
a:hover { text-decoration: underline; }

td { vertical-align: top; }

/* ------------------------------------------------------------------------ */
/* Common Classes */

span.Red { color: Red; }
span.Green { color: Green; }
span.Blue { color: Blue; }

div.clearfix { clear: left; }

div.line
{
    border-bottom: 1px dashed Silver;
    margin: 30px 10px;
    clear: left;
}

span.lang-bar { float: right; margin-right: 25px; }
span.lang-bar, span.lang-bar a
{
    color: Black;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
span.lang-bar a:hover { font-weight: bold; text-decoration: none; }
span#time { font-size: 10px; color: #5A5A5A; float: right; }
span.datetime { font-size: 11px; color: #A9A9A9; font-weight: bold; }

div.right-box { float: right; }
div.left-box { float: left; }

div.image-right { float: right; margin: 0px 15px 15px 0px; }
div.image-left { float: left; margin: 0px 15px 15px 0px; }

div.image-right img, div.image-left img { vertical-align: bottom; }

.right-container { text-align: right; }

table.datalist tr td { background-color: #B2D7E7; }
table.datalist tr.alternate td { background-color: #F1F6F9; }

div.main p.contact { color: Gray; margin: 5px 0px; text-align: left; line-height: 15px; letter-spacing: 0px; }
div.main p.remarks { color: Gray; font-size: 0.9em; margin: 5px 0px; padding-left: 20px; }

ul.floatfix { margin-left: 240px !important; }

a.close-btn
{
    display: block; float: right;
    width: 20px; height: 20px;
    background: Transparent url('../image/misc/searchbox.gif') no-repeat -115px 0px;
}
a.close-btn:hover
{
    background-position: -115px -20px;
}

/* ------------------------------------------------------------------------ */
/* Modal popup */

.modal-background
{
    background-color: Silver;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
}

div.modal-container
{
    width: 600px;
    border: 1px Solid silver;
}

div.modal-header
{
    height: 20px;
    background-color: #F3F3F3;
    border-bottom: 1px Solid silver;
    cursor: move;
}

div.modal-header a
{
    float: right;
}

div.modal-content
{
    background-color: White;
    padding: 5px;
    overflow: auto;
    max-height: 450px;
}

div.modal-content h1
{
    font-size: 18px;
    padding: 15px 0px;
}

div.movie-pane
{
    border: 1px Solid silver;
    background-color: White;
    width: 500px; height: 400px;
    position: absolute;
}

/* ------------------------------------------------------------------------ */
/* Body style */

div#body
{
    margin-left: 160px;    
    width: 800px;
    min-height: 100%;
    height: auto;
}
div#body div.header { background: white url('../image/content-header.gif') repeat-y top left; text-align: right; }

/* ------------------------------------------------------------------------ */
/* Menu Style */

div.header { height: 76px; }

div#menu 
{
    top: 0px; left: 0px;
    position: absolute;
    width: 160px;
    min-height: 100%;
    height: 100%;
    background-color: #1A3281;
}

div#menu div.header
{
    background-color: #8F91BF;
    margin-bottom: 10px;
}

div#menu li li a
{
    font-size: 11px;
    color: White;
    text-decoration: none;
    padding: 2px 5px;
}
div#menu li li a:hover { background-color: #1A3281; }

div#menu img.separator { margin-top: 25px; }

div#menu li li a span
{
    font-weight: bold;
    font-size: 15px;
    color: #E7E7E7;
    margin-right: 5px;
}
div#menu li li a:hover span { color: White; }

ul.AspNet-Menu li { height: 30px; }
ul.AspNet-Menu ul { border: 1px Solid black; top: 0px; background-color: #8F91BF; }
ul.AspNet-Menu ul li { border-bottom: 1px Solid #797CB0; height: auto; }

/* ------------------------------------------------------------------------ */
/* Content style */

div.main ul 
{
    margin: 0px; padding: 0px;
    list-style: none;
}

div.main li
{
    background: transparent url('../image/misc/blue_dot.gif') no-repeat 4px 5px;
    padding-left: 15px;
    line-height: 18px;
}

div.main p 
{
    /* text-align: justify; */
    margin: 10px 0px;
    padding-right: 5px;
    line-height: 18px;
}

/* ------------------------------------------------------------------------ */
/* List style in CMS pages */

dt { float: left; padding: 2px 10px 2px 0px; clear: left; }

dd { padding: 2px 0px; }

div.listYear a
{
    display: block;
    width: 60px;
    padding: 2px 0px;
    text-align: center;
}
div.listYear a.selected
{
    border: 0px none;
    padding: 3px 0px;
    background-color: #F1F1F1;
}
div.listYear a:hover
{
    background-color: #F7F7F7; /* AFB1DF */
    text-decoration: none;
}
div.listYear a.selected:hover
{
    background-color: #F1F1F1; /* CFD1FF */
}

td.listContent
{
    background-color: #F1F1F1;
    padding: 5px;
}

/* ------------------------------------------------------------------------ */
/* AjaxTabPane */

.ajax__tab_xp .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_tab
{
    background: #1A3281 none !important;
    margin: 0px 2px !important;
    height: auto !important;
}

.ajax__tab_xp .ajax__tab_tab h5
{
    color: White;
    line-height: 15px;
    margin: 0px;
    font-weight: normal;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab h5
{
    font-weight: bold;
}

/* ------------------------------------------------------------------------ */
/* Shortcut bar & Brokerage crosslinks */

ul.shortcut, ul.crosslink { list-style: none; }

ul.shortcut li
{
    border-width: 0px 1px 1px;
    border-color: Silver;
    border-style: Solid;
    margin-top: 4px;
}

ul.crosslink li
{
    margin: 3px 0px;
}

ul.shortcut a, 
ul.shortcut a:visited
{
    text-decoration: none;
    color: #1A3281;
}
ul.shortcut a:hover { color: #FF8400; }
ul.shortcut p { padding: 5px; margin: 0px; }

div.ShortCutTabContent
{
    text-align: left;
    background-color: White;
    border-right: 1px Solid #1A3281;
    border-bottom: 1px Solid #1A3281;
}
div.ShortCutTabContent p { text-align: left; }
div.ShortCutTabContent p a.selected { font-weight: bold; color: Orange; }

div.mgt-team td div img
{
    float: left;
    margin-right: 10px;
    clear: left;
}

tr.mgt-team-content td div p 
{
    margin-left: 90px !important;
}

.border-list-item
{
    border-left: 2px Solid #1A3281;
    padding-left: 5px;
}

tr.mgt-team-header th
{
    padding: 10px 5px;
    background-color: #E7E7F3;
}

tr.team td { height: 100px; }

/* ------------------------------------------------------------------------ */
/* DDaccordion Tabs */

table.team h4 { font-size: 13px; padding: 5px; margin: 0px; }
table.team h5 { font-size: 11px; padding: 0px; margin: 0px; }

table.team td.TabHeader { cursor: pointer; }
table.team td.TabHeader img { margin-top: 10px; }
table.team td.TabHeader.expanded { background-color: #E7E7F3; }
table.team div.TabContent
{
    background-color: #E7E7F3;
    padding: 10px;
}

#CycleTabs img { padding: 7px 2px; vertical-align: middle; background-color: White; }
#CycleTabs a.selected img { background-color: #8F91BF; }
#CycleTabs a:hover img { background-color: Orange; }

.imgTabHeader img
{
    vertical-align: bottom;
}

.imgTabHeader .ajax__tab_active .ajax__tab_outer,
.imgTabHeader .ajax__tab_hover .ajax__tab_outer
{
    padding-top: 4px;
}

.imgTabHeader .ajax__tab_hover .ajax__tab_outer,
.imgTabHeader .ajax__tab_hover .ajax__tab_inner
{
    background-color: Orange !important;
}

/* ------------------------------------------------------------------------ */
/* AjaxControlToolkit - Accordion */

a.accordionLink 
{
    display: block;
    cursor: pointer;
    border: 1px Solid silver;
    padding: 3px 5px;
    background-color: #1A3281;
    margin: 1px;
    color: White;
    font-weight: bold;
}
a.accordionLink:hover { text-decoration: none; }

.accordionSelected { border: 1px Solid orange; }

/* ------------------------------------------------------------------------ */
/* Home */

div#top-bar
{
    border-top: dashed 1px silver;
    border-bottom: dashed 1px silver;
    width: 570px;
    height: 18px;
}
div#top-bar span#time, div#sitemap-path span#time { margin: 0px 5px; line-height: 18px; }

div#marquee
{
    margin-right: 130px;
}

div#marquee p 
{
    display: inline;
    margin: 0px 50px;
    line-height: 18px;
}

div#co
{
    width: 560px; min-height: 80px;
    border: 1px Solid Gray;
    padding: 23px 5px 5px;
    margin: 5px 0px;
    background: white url('../image/misc/zh-TW/bg_co.gif') no-repeat top left;
}
div.en-US#co { background-image: url('../image/misc/en-US/bg_co.gif'); }
div.zh-TW#co { background-image: url('../image/misc/zh-TW/bg_co.gif'); }
div.zh-CN#co { background-image: url('../image/misc/zh-CN/bg_co.gif'); }

div#news
{
    padding: 25px 0px 10px;
    margin: 5px 0px;
    border: 1px Solid Gray;
    background: white url('../image/misc/zh-TW/bg_news.gif') no-repeat top left;
}
div.en-US#news { background-image: url('../image/misc/en-US/bg_news.gif'); }
div.zh-TW#news { background-image: url('../image/misc/zh-TW/bg_news.gif'); }
div.zh-CN#news { background-image: url('../image/misc/zh-CN/bg_news.gif'); }

.linkNewsDetails
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    clear: both;
}

div#news p { margin: 2px 12px; }

div.collapse-pane-container
{
    border: 1px Solid Gray;
    margin-top: 5px;
}

div.collapse-pane
{
    height: 14px;
    padding: 3px;
    text-align: right;
    cursor: pointer;
}

div.collapse-pane-content td,
div.collapse-pane-content td span
{
    font-size: 10px;
}

div#infocast-disclaimer
{
    width: 570px;
    margin: 5px 0px 5px 20px;
    text-align: right;
    color: #A9A9A9;
    font-size: 10px;
}

div#infocast-disclaimer a
{
    text-decoration: none;
    color: #A9A9A9;
    font-size: 10px;
}

div#infocast-disclaimer img
{
    border: 1px solid black;
}

div#supp_links { margin-top: 20px; }
div#supp_links a { margin-right: 2px; }

div#index-rare { width: 180px; margin-right: 20px; }

/* ------------------------------------------------------------------------ */
/* Dragon Fund Newsletter *

.ci-pane
{
    margin-left: 30px;
    margin-top: 20px;
}

.ci-pane h3
{
    margin: 0px; padding: 0px;
}

.ci-pane td, 
.ci-pane span,
.ci-pane input
{
    vertical-align: middle;
}

.ci-instruction
{
    margin: 5px 0px;
    padding-left: 20px;
}

.ci-input
{
    width: 160px;
}

.ci-failure
{
    color: Red;
    margin: 5px 5px 10px 20px;
    font-size: 14px;
    font-weight: bold;
}

/* ------------------------------------------------------------------------ */
/* Side box Control */

ul.side-box li 
{
    list-style: none;
    text-align: left;
    padding: 0px 8px 0px 26px;
    height: 38px; line-height: 36px;
    margin: 5px 5px 5px 0px;
    background: transparent url('../image/misc/sidebox-btn.gif') no-repeat center center;
}

ul.side-box li a { text-decoration: none; color: #1A3281; }
ul.side-box li a:hover { color: #FF8400; }

ul.side-box 
{
    border: 1px Solid #8F91BF; border-top: none;
    width: 158px; margin: 0px; padding: 5px 0px 3px !important;
    font: 1.2em;
    margin-bottom: 5px !important;
}

/* ------------------------------------------------------------------------ */
/* Override div.main */

ul.menutabs 
{
    background: #f3f5fa none no-repeat center center; 
    border: 1px Solid #8F91BF; border-top: none;
    width: 158px; 
    margin: 0px; padding: 10px 0px; 
    font: 1.2em;
}

ul.menutabs li 
{
    list-style: none;
    text-align: left;
    padding: 0px 8px 0px 26px;
    height: 38px; line-height: 36px;
    margin: 5px 5px 5px 0px;
    background: transparent url('../image/misc/sidebox-btn.gif') no-repeat center center;
}

ul.menutabs li a { text-decoration: none; color: #1a3281; }
ul.menutabs li a:hover { color: #FF8400; }
ul.menutabs li a.selected { text-decoration: none; font-weight: bold; color: #FF8400; }

div.transit-index img { float: left; margin-right: 15px; margin-bottom: 0px; vertical-align: bottom; }
div.transit-index div.transit-entry { background-color: rgb(230, 232, 242); margin-bottom: 10px; padding: 10px; height: 1%; }

/* ------------------------------------------------------------------------ */
/* Job opportunities */

#jobtitletabs div h4
{
    text-decoration: underline;
    font-weight: bold;
    color: Black;
    font-size: 13px;
    margin: 10px 0px 0px;
}

#jobtitletabs div p
{
    padding: 0px 5px; margin: 0px;
}

#jobtitletabs div.line
{
    margin: 10px 0px;
}

#jobtitletabs p a.title-link
{
    display: block;
    font-weight: normal;
}

#jobtitletabs p.selected a.title-link
{
    font-weight: bold;
    border-bottom: 1px Solid #1A3281;
}

/* ------------------------------------------------------------------------ */
/* Sitemap Node Style */

span.AspNet-TreeView-Collapse, span.AspNet-TreeView-Expand
{
    display: block; float: left;
    cursor: pointer; margin-right: 5px;
    width: 16px;
    display: none;
    font-weight: bold;
}

span.AspNet-TreeView-Collapse
{
    background: white url('../image/collapse.gif') no-repeat center center;
}
span.AspNet-TreeView-Expand
{
    background: white url('../image/expand.gif') no-repeat center center;
}

div.main li.AspNet-TreeView-Root
{
    margin: 20px 0px;
    padding: 0px;
}

div.main li.AspNet-TreeView-Root span,
div.main li.AspNet-TreeView-Root a
{
    background-color: #EDEDED;
    font-weight: bold;
    display: block;
    text-indent: 10px;
    border: 1px Solid Silver;
}

div.main li.AspNet-TreeView-Root li span,
div.main li.AspNet-TreeView-Root li a
{
    background-color: Transparent;
    border: 0px none;
}

div.main li.AspNet-TreeView-Root li a, 
div.main li.AspNet-TreeView-Root li span
{
    font-weight: normal;
}

div.main li.AspNet-TreeView-Root li
{
    padding: 0px;
}

div.main li.AspNet-TreeView-Root ul
{
    padding-left: 45px;
}

div.AspNet-TreeView li
{
    line-height: 24px;
    background: transparent none;
}

div.main div.AspNet-TreeView li.AspNet-TreeView-Root li span, 
div.main div.AspNet-TreeView li.AspNet-TreeView-Root li a
{
    display: block;
    padding-left: 0px;
    border-bottom: 1px dashed Silver;
}
div.main div.AspNet-TreeView li.AspNet-TreeView-Root li a:hover
{
    text-decoration: none;
    border-bottom: 1px Solid Silver;
    background-color: #F0F0F0;
    font-weight: bold;
}

/* ------------------------------------------------------------------------ */
/* Search Box Style */

div#lang div#search-box
{
    width: 95px; height: 20px;
    background: transparent url('../image/misc/searchbox.gif') no-repeat 0px 0px;
}
div#lang div.active#search-box
{
    background-position: 0px -20px;
}
div#lang div#search-box input
{
    width: 65px; height: 12px;
    font-size: 11px; line-height: 15px;
    padding: 2px 5px;
    border: 0px none;
    background-color: Transparent;
}
div#lang div#search-box input.watermark
{
    color: Gray;
    font-style: italic;
    font-size: 9px; line-height: 15px;
}
div#lang div#search-box a.search-btn
{
    display: block;
    float: right;
    width: 20px; height: 20px;
    background: transparent url('../image/misc/searchbox.gif') no-repeat -95px 0px;
}
div#lang div#search-box a.search-btn:hover
{
    background-position: -95px -20px;
}

div#lang div.modal-container
{
    /* Hide background to remove sub-menu hover blocking. */
    display: none !important;
}

div#lang div.search-result
{
    width: 420px;
    border: 1px Solid #abcdef;
    background: White url('../image/upper.gif') repeat-x left top;
}

div#lang div.search-result div.search-result-container
{
    padding: 5px;
    border-top: 1px Solid #F3F3F3;
    border-bottom: 1px Solid #F3F3F3;
    height: 300px; overflow: auto;
    clear: both;
}

div#lang div.search-result p
{
    margin: 5px; padding: 0px;
}

/* ------------------------------------------------------------------------ */
/* Error Page styles */

div#body div.content.errorpage
{
    background: White url('../image/misc/error_bg.gif') scroll no-repeat;
    margin: 20px; padding: 10px;
    width: 740px; height: 427px;
}
div.content.errorpage div.main { margin-top: 0px; }
div.content.errorpage p.remarks { font-size: 12px; color: #5A72C1; }

/* ------------------------------------------------------------------------ */
/* Tanky */

/* Master DIV */
h1 { font-size: 32px; color: #3A52A1; margin: 0px; padding: 0px; }
h2 { font-size: 20px; color: #1A3281; background: transparent url('../image/upper.gif') repeat-x left bottom; padding-bottom: 30px; }
h2 img { vertical-align: text-bottom; }
h3 { font-size: 16px; color: #1A3281; font-weight: bold; }
h4 { font-size: 15px; color: #254C8D; font-weight: normal; margin: 5px 0px; }
h5 { font-size: 13px; color: #999999; font-weight: normal; margin: 5px 0px; }

a.title-link
{
    font-size: 13px;
    font-weight: bold;
    margin: 3px 0px;
    color: #254C8D;
    text-decoration: none;    
}
a.title-link:hover { text-decoration: underline; }

sup { font-weight: bold; margin-right: 3px; vertical-align: text-top; font-weight: bold; }

span.bold { font-weight: bold; color: #1a3281; }

div.box { width: 100%; text-align: center; padding: 0px; }

div#page-wrapper { width: 960px; min-height: 100%; height: auto; }

div#body div.content {  padding-left: 25px; }

div.contact
{
    margin-top: 50px;
    margin-bottom: 15px;
    border-bottom: 1px Solid #D3D3D3;
    padding-bottom: 3px;
}

div#body div.footer 
{
    width: 585px;
    border-top: 1px Solid black;
    margin: 30px 0px 30px 20px;
    padding-top: 3px;
    font-size: 9px;
    clear: both;
}

div#body div.footer span.copyright
{
    font-size: 10px;
    line-height: 15px;
    float: right; 
    color: #A9A9A9;
}
div#body div.footer a { text-decoration: none; color: #A9A9A9; }
div#body div.footer a:hover { color: black; }

div#body div#topbar { line-height: 18px; height: 18px; margin: 8px 0px; }

div#lang { width: 200px; float: right; }

div#sitemap-path { color: black; font-size: 0.9em; }

.center { text-align: center; }

/* ---- Content DIV ---- */

div#content-wrapper { width: 750px; }

div.supplement
{
    width: 160px;
    float: right;
    text-align: right;
    margin-top: 46px;
}
div.supplement ul { padding: 5px 0px; margin: 0px; }
div.supplement img { vertical-align: bottom; }

div.main { width: 560px; margin-top: 20px; margin-left: 15px; /*letter-spacing: 2px;*/ }

div#ppl div.TabContent
{
/*    height: 80px;*/
}

/* ---------- Vertical table - <TH> is title -------------- */
div.ver-table, div.hor-table { padding: 2px; border: 1px Solid silver; background-color: White; }
div.ver-table table { border-collapse: collapse; width: 100%; background: #f6f8fc; }
div.ver-table td, div.ver-table th { padding: 5px 0px 5px 20px; line-height: 1.4em; border-right: 2px Solid white; }
div.ver-table th { background: #cdcde1; text-align: left; padding-right: 0.5em; vertical-align: top; padding-left: 2em; } /* EVEN TH Background */
div.ver-table .odd td { background: #e6e8f2; } /*ODD TD*/
div.ver-table .odd th { background: #c1c2da; } /*ODD TH*/
div.ver-table th, div.ver-table td { padding-left: 20px; }

/* ---------- Horizontal table - <THEAD> is title --------- */
div.hor-table table { text-align: center; background: #e6e8f2; border-collapse: collapse; width: 100%; }
div.hor-table td { padding: 5px; line-height: 1.4em; border-right: 2px Solid white; } /*column border*/
div.hor-table thead { background: #cdcde1; font-weight: bold; }
div.hor-table .nested td { border-top: 2px Solid white; } /*for rowspan border*/
div.hor-table td span { color: Gray; font-size: 0.9em; font-weight: normal; }
div.hor-table .odd td { background: #f6f8fc; } /*ODD TD*/
div.hor-table .heading { background: #c1c2da !important; }

/* ----- Image table ------ */
div.img-table table { background: white; border-collapse: collapse; width: 100%; height: 250px; text-align: center; }
div.img-table td { padding: 10px; line-height: 13px; border: 5px Solid #e6e8f2; }
div.img-table th { background: #e6e8f2; margin: 1px 0px ; }
div.img-table .odd th { background: #f6f8fc; } /*ODD TD*/
div.img-table li { text-align: left; margin: 10px 5px; }
div.img-table a { color: black; text-decoration: none; font-weight: normal; }
div.img-table a:hover { color: #FF8400; text-decoration: none; font-weight: normal; } /*Orange*/

div.gov3 td#tabHeader
{
    padding: 345px 0px 10px;
    background: #1970A5 url('../image/gov3_bg.jpg') no-repeat left top;
}

div.gov3 td#tabHeader a
{
    display: block;
    padding: 8px 10px;
    color: White;
    font-weight: bold;
    text-decoration: none;
}
div.gov3 td#tabHeader a:hover { color: Orange; }
div.gov3 td#tabHeader a.selected { color: #FFC75C; }

div.gov3 td#tabContainer
{
    background-color: #F1F1F1;
    padding: 10px;
    border: 5px Solid #c1c2da;
}

/* ----------- Milestone ---------- */
div#milestone { border: 1px Solid silver; }

/* ----------- Milestone ---------- */

/* ---------- Two Column ---------- */
div.two-col { width: 100%; margin-left: auto; margin-right: auto; }
div.two-col .left { float: left; width: 200px; text-align: left; margin: 10px 0px; }
div.two-col .right { width: 200px; text-align: left; margin: 10px 0px; margin-left: 250px; }

/* --------- Three Column --------- */
div.three-col { width: 100%; margin-left: auto; margin-right: auto; }
div.three-col .first { text-align: left; width: 33%; }
div.three-col .second { text-align: left; width: 33%; left: 33%; }
div.three-col .third { text-align: left; width: 33%; float: right; }

/* End Tanky */
div.main_big { width: 735px; margin-top: 20px; margin-left: 15px; /*letter-spacing: 2px;*/ }
.main_big .separate{height:40px;width:100%;}
.bottom_border{border-bottom:2px solid #FFFFFF;}

/* Bensonchoy 20110126*/
div#body div.footer_big
{
    width: 755px;
    border-top: 1px Solid black;
    margin: 30px 0px 30px 20px;
    padding-top: 3px;
    font-size: 9px;
    clear: both;
}
div#body div.footer_big span.copyright
{
    font-size: 10px;
    line-height: 15px;
    float: right; 
    color: #A9A9A9;
}
div#body div.footer_big a { text-decoration: none; color: #A9A9A9; }
div#body div.footer_big a:hover { color: black; }

div.main_news { width: 720px; margin-top: 20px; margin-left: 15px; /*letter-spacing: 2px;*/ }
.main_news .separate{height:40px;width:100%;}

/* ------------------------------------------------------------------------ */
/* Unused *

.reg-form
{
    text-align: left;
    position: absolute;
    padding: 15px 30px;
    top: 300px; left: 200px; width: 500px;
    border: 1px Solid #8F91BF;
    background-color: #DBECFC;
}

.reg-form.confirmation
{
    background-color: #FEDA93;
}

*/