* { font-family: Arial, "新細明體"; font-size: 11px; line-height: 14px; }

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

img { vertical-align: bottom; }

a img { border: 0px none; }

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

span.left { float: left; }
span.right { float: right; }

div.datalist { padding: 2px; border: 1px solid Silver; }
div.datalist thead tr td
{
    background-color: #cdcde1;
    font-weight: bold;
    text-align: center;
}
div.datalist tr th { background-color: #E7E7E7; }
div.datalist tr td { background-color: #CADAE7; }
div.datalist tr.alternate td { background-color: #F1F6F9; }
div.datalist tr.alternate th { background-color: #F1F1F1; }

div.line { border-top: 1px dashed silver; margin: 5px 0px; }
div.line.spacer { margin: 30px 10px; clear: both; }

div.modal-container.data-container { width: 600px; }

div.clearfix { clear: left; }

.right-container { float: right; }

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

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

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

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

div.disclaimer-header
{
    color: Red;
    font-weight: bold;
    text-align: center;
}

div.popup-control
{
    background-color: White;
    position: absolute;
}

div.rounded
{
    width: 145px; height: 20px;
    background: transparent url('../image/misc/searchbox.gif') no-repeat 0px 0px;
}
div.rounded.active
{
    background-position: 0px -20px;
}

div.rounded input
{
    border: 0px none;
    padding: 2px 5px;
    background-color: transparent;
    width: 135px;
}

input.watermark
{
    color: Silver;
    font-style: italic;
}

/* ------------------------------------------------------------------------ */
/* Master style */

div#page-wrapper { position: absolute; min-height: 100%; height: auto; }

div#body
{
    margin-left: 160px;
    width: 800px;
}
div#body div.header
{
    background-repeat: no-repeat;
    text-align: right;
}

div#body div.content { margin: 10px 0px 10px 8px; }

div#body div.footer
{
    margin-left: 10px; margin-top: 35px;
    padding: 2px 3px 0px;
    border-top: 1px solid black;
    color: gray;
    clear: both;
}

div#body div.footer a
{
    color: gray;
    text-decoration: none;
}
div#body div.footer a:hover
{
    text-decoration: underline;
}

span.lang-bar
{
    float: right;
}
span.lang-bar, span.lang-bar a 
{
    font-weight: bold; font-size: 11px;
    color: Black; text-decoration: none;
}
span.lang-bar a:hover { text-decoration: underline; }

span#time
{
    float: right;
    margin-right: 15px;
    font-size: 9px;
    color: #5A5A5A;
}

.sitemap-path
{
    margin: 0px 5px 10px;
    padding: 5px 0px;
    border-top: 1px dashed silver;
    border-bottom: 1px dashed silver;
}

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

h2 { font-size: 18px; line-height: 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; line-height: 20px; 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; }

div.content-wrapper { margin-left: 10px; }

div.supplement
{
    width: 180px;
    float: right;
    background-color: White;
    margin: 33px 0px 20px;
}
div.supplement img { vertical-align: bottom; }

div.main { width: 585px; margin-left: 5px; }

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

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

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

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

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; }

/* ------------------------------------------------------------------------ */
/* Vertical table - <TH> is title */

div.ver-table { padding: 2px; border: 1px solid silver; background-color: White; }
div.ver-table table { border-collapse: collapse; width: 100%; background: #f6f8fc; }
div.ver-table th { background-color: #cdcde1; text-align: left; padding-right: 0.5em; vertical-align: top; padding-left: 2em; } /* EVEN TH Background */
div.ver-table th, div.ver-table td { padding-left: 20px; line-height: 1.4em; border-right: 2px solid white; }
div.ver-table tr.alternate td { background-color: #e6e8f2; } /*ODD TD*/
div.ver-table tr.alternate th { background-color: #c1c2da; } /*ODD TH*/

/* ------------------------------------------------------------------------ */
/* Horizontal table - <THEAD> is title */

div.hor-table { padding: 2px; border: 1px solid silver; background-color: White; }
div.hor-table table { background: #e6e8f2; border-collapse: collapse; width: 100%; }
div.hor-table thead { text-align: center; background: #cdcde1; font-weight: bold; }
div.hor-table th { line-height: 1.4em; border-right: 2px solid white; background-color: #F3F3F3; text-align: left; text-indent: 10px; vertical-align: text-top; }
div.hor-table td { line-height: 1.4em; border-right: 2px solid white; }
div.hor-table tr.alternate td { background-color: #F6F8FC; }
div.hor-table tr.alternate th { background-color: #FAFAFA; }
div.hor-table tr.spacer td { background-color: White; }
div.hor-table td span { color: Gray; font-size: 0.9em; font-weight: normal; }
div.hor-table .nested td { border-top: 2px solid white; } /*for rowspan border*/
div.hor-table .heading { background-color: #c1c2da !important; }

/* ------------------------------------------------------------------------ */
/* Popup Document style */

div.modal-background
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

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

div.modal-container
{
    width: 600px;
    background-color: White;
    border: 1px solid silver;
}
div.modal-container.news-container { width: 640px; }
div.modal-container.document-container { width: 680px; }

div.modal-content
{
    padding: 5px;
    padding-bottom: 0px;
}
div.modal-content div.document-content
{
    height: 450px;
    overflow: auto;
    padding: 10px;
    background: white url('../image/misc/document_bg.jpg') no-repeat center center;
}
div.modal-content div.document-content p.document-cover
{
    text-align: center;
    text-indent: 0px;
	font-size: 36px;
	font-weight: bold;
	line-height: 420px;
}
div.modal-content div.document-content h4
{
    margin: 12px 0px;
}
div.modal-content div.document-content p
{
    margin: 10px 15px;
    text-indent: 12px;
}
div.modal-content div.document-content div.image { text-align: center; }
div.modal-content div.document-content a.crop
{
    display: block;
    width: 500px;
    overflow: hidden;
    margin: 0px auto;
    border: 1px Solid Transparent;
}
div.modal-content div.document-content a.crop:hover
{
    border: 1px Solid Blue;
}
div.modal-content div.document-content img { margin: auto; }
div.modal-content div.document-content li
{
    margin: 20px 5px;
}

div.modal-content div.news-content
{
    margin: 5px; padding: 5px;
    border: 1px Solid Silver;
    font-family: 'Courier New';
    max-height: 400px; overflow: auto;
}
div.modal-content div.document-content.empty-document
{
    padding-top: 120px;
    height: 330px;
}
div.modal-content div.document-content.empty-document p
{
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
}

div.doc-nav
{
    border-top: 1px dashed Silver;
    margin: 2px 0px;
    padding: 2px 0px;
    height: 20px;
    line-height: 20px;
}

div.doc-nav a.next
{
    float: right;
}

p.cover-title
{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin: 140px 0px;
}

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

img.side-box-header { margin-top: 10px; }

ul.side-box
{
    border: 1px solid #8F91BF; border-top: none;
    width: 178px; margin: 0px; padding: 10px 0px;
    font: 1.2em; background-color: #F9F9F9;
}
ul.side-box li 
{
    list-style: none;
    text-align: left;
    padding: 2px 10px 0px 50px;
    height: 30px; line-height: 30px;
    margin: 5px 0px;
    background: transparent url('../image/misc/side-btn.gif') no-repeat center center;
}


ul.side-box li.dnl-item
{
    background-image: url('../image/misc/dnl-btn.gif');
}

ul.side-box li.doc-item
{
    background-image: url('../image/misc/doc-btn.gif');
}

ul.side-box li.long-item
{
    background-image: url('../image/misc/long-btn.gif');
}

ul.side-box li.long-item2
{
    background-image: url('../image/misc/long-btn2.gif');
}


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

/* ------------------------------------------------------------------------ */
/* Download box Control */

img.dnl-box-header, img.doc-box-header { margin-top: 10px; }

ul.dnl-box
{
    border: 1px solid #8F91BF; border-top: none;
    width: 178px; margin: 0px; padding: 10px 0px;
    font: 1.2em; background-color: #F9F9F9;
}
ul.dnl-box li 
{
    list-style: none;
    text-align: left;
    padding: 2px 10px 0px 50px;
    height: 30px; line-height: 30px;
    margin: 5px 0px;
    background: transparent url('../image/misc/dnl-btn.gif') no-repeat center center;
}
ul.dnl-box li a { text-decoration: none; color: #1A3281; }
ul.dnl-box li a:hover { color: #FF8400; }
ul.dnl-box li a p { margin: 0px; }

/* ------------------------------------------------------------------------ */
/* Document box Control */

ul.doc-box
{
    border: 1px solid #8F91BF; border-top: none;
    width: 178px; margin: 0px; padding: 10px 0px;
    font: 1.2em; background-color: #F9F9F9;
}
ul.doc-box li 
{
    list-style: none;
    text-align: left;
    padding: 2px 10px 0px 50px;
    height: 30px; line-height: 30px;
    margin: 5px 0px;
    background: transparent url('../image/misc/doc-btn.gif') no-repeat center center;
}
ul.doc-box li a { text-decoration: none; color: #1A3281; }
ul.doc-box li a:hover { color: #FF8400; }
ul.doc-box li a p { margin: 0px; }

/* ------------------------------------------------------------------------ */
/* 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; }

/* ------------------------------------------------------------------------ */
/* Index page */

div.stockSearch
{
    width: 235px; height: 58px;
    margin-right: 5px;
    float: right; border: 1px solid silver;
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 40px; padding-left: 15px;
}

div.stockSearch *
{
    vertical-align: middle;
}

div#news div.ajax__tab_body
{
    background: white url('../image/index_bg.gif') scroll no-repeat bottom right;
}

div#news div.ajax__tab_body div.ajax__tab_body
{
    background: white;
}

div#news, div#securities, div#forex, div#bullion
{
    border: 1px solid Silver;
}

tr.silver-headers th
{
    background-color: #F1F1F1 !important;
}

table.small-font td
{
    font-size: 9px;
}

table.index-tab-container .ajax__tab_body
{
    border: 0px none !important;
    padding: 5px !important;
    overflow: hidden;
}
table.index-tab-container .ajax__tab_body td
{
    vertical-align: top;
}

table.index-tab-container .ajax__tab_header
{
    background: #EDEDED !important;
}

table.index-tab-container .ajax__tab_header a:link,
table.index-tab-container .ajax__tab_header a:visited
{
    color: Black !important;
    text-decoration: none;
}
table.index-tab-container .ajax__tab_header a:hover,
table.index-tab-container .ajax__tab_xp .ajax__tab_active .ajax__tab_tab a:link,
table.index-tab-container .ajax__tab_xp .ajax__tab_active .ajax__tab_outer a:link,
table.index-tab-container .ajax__tab_xp .ajax__tab_active .ajax__tab_inner a:link,
table.index-tab-container .ajax__tab_xp .ajax__tab_active .ajax__tab_tab a:visited,
table.index-tab-container .ajax__tab_xp .ajax__tab_active .ajax__tab_outer a:visited,
table.index-tab-container .ajax__tab_xp .ajax__tab_active .ajax__tab_inner a:visited
{
    color: #F25824 !important;
}

table.index-tab-container .ajax__tab_xp .ajax__tab_tab
{
    padding: 3px 10px !important;
}

table.index-tab-container .ajax__tab_xp .ajax__tab_outer
{
    border-right: 1px solid #EDEDED !important;
}

table.index-tab-container .ajax__tab_xp .ajax__tab_tab,
table.index-tab-container .ajax__tab_xp .ajax__tab_outer,
table.index-tab-container .ajax__tab_xp .ajax__tab_inner
{
    background: white url('../image/tab_unselected.gif') repeat-x top left !important;
}

table.index-tab-container .ajax__tab_xp .ajax__tab_active .ajax__tab_tab,
table.index-tab-container .ajax__tab_xp .ajax__tab_active .ajax__tab_outer,
table.index-tab-container .ajax__tab_xp .ajax__tab_active .ajax__tab_inner
{
    background: white url('../image/tab_selected.gif') repeat-x top left !important;
}

div#BriefBook .tabHeader
{
    border-bottom: 1px solid Silver;
    padding: 0px 5px;
}

div#BriefBook .tabHeader a
{
    padding: 2px 5px 0px;
    border: 1px solid Silver;
    color: Black;
    text-decoration: none;
    background-color: White;
}
div#BriefBook .tabHeader a.active
{
    padding: 4px 5px 1px;
    border-top: 2px solid Silver;
    border-bottom: 0px none;
    font-weight: bold;
}

div#BriefBook .tabContainer
{
    border: 1px solid Silver;
    border-top: 0px none;
    padding: 5px;
}

/* ------------------------------------------------------------------------ */
/* News List */

div.hor-table td div.dropdown-caption
{
    cursor: pointer;
}

div.hor-table td div.dropdown-caption span
{
    width: 140px;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
    color: Black;
    font-size: 11px;
    font-weight: bold;
}
div.dropdown-content
{
    border-left: 10px solid #ABCDEF;
    width: 142px;
    background-color: White;
    border: 1px solid black;
}
div.dropdown-content a,
div.dropdown-content a:link,
div.dropdown-content a:visited
{
    display: block;
    padding: 5px 0px 5px 10px;
    text-decoration: none;
    border-left: 30px solid #BCDEFF;
    color: Black;
    cursor: pointer;
}
div.dropdown-content a:hover
{
    font-weight: bold;
    background-color: #FEDCBA;
    border-left-color: #789ABC;
}
div.hor-table.news-list th
{
    line-height: 22px;
}

/* ------------------------------------------------------------------------ */