p, input, span, div, textarea, li, td, th { font-family: Arial, '新細明體'; font-size: 12px; }

body, form, table, p, h1, h2, h3, h4, h5, h6, h7 { padding: 0px; margin: 0px; }

html, body { height: 100%; }

p { line-height: 18px; margin: 5px 0px 25px; }

a img { border: 0px none; }

h1 { margin: 8px 0px 7px; font-size: 14px; color: #99272c; }
h2 { margin: 5px 10px; font-size: 12px; text-decoration: underline; color: #99272c; }
h3 { margin: 5px auto 0px; font-size: 12px; }
h4 { margin: 5px auto 0px; font-size: 12px; font-weight: normal; text-decoration: underline; }

ul { margin: 5px 0px 20px 30px; padding: 0px; }
ul ul { margin: 5px 0px 5px 20px; }

ol { margin: 5px 0px 20px 35px; }

/* Common Styles */
/* ---------------------------------------------------- */

span.right { float: right; }

span.Red { color: Red; }

span.remarks { color: Gray; }

p.remarks { color: #A8A8A8; margin: 0px; }
p.contact { color: Gray; margin: 0px; }

div.clearfix { clear: both; line-height: 0px; }

div.decoration { /* display: block; width: 100px; border: 2px solid #D8D8D8; */ padding: 8px 0px 10px; }
div.decoration img { vertical-align: bottom; }

div.title
{
    padding-top: 20px;
    padding-bottom: 1px;
    margin-bottom: 10px;
    background: White url('../image/misc/line.gif') no-repeat left bottom;
}

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

a.external
{
    padding-right: 12px !important;
    background-image: url('../image/misc/link-external.gif') !important;
    background-repeat: no-repeat;
    background-position: right center !important;
}

.thin
{
	font-weight: normal;
}

/* Modal Popup Styles */
/* ---------------------------------------------------- */

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

div.modal-header
{
    background-color: #F3F3F3;
    height: 20px;
}
div.modal-header a.close-btn { float: right; }

div.modal-container
{
    width: 500px;
    background-color: White;
    border: 1px solid silver;
    text-align: left;
}
div.modal-container.CSR { width: 600px; }

div.modal-content div.image { margin: 10px; text-align: center; }
div.modal-content div.image img { margin: auto; }
div.modal-content div.image p.remarks { font-size: 11px; }

div.modal-content
{
    padding: 10px 40px;
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

div.modal-content h1
{
    font-size: 14px;
    color: #c93949;
    padding: 0px; margin: 5px 0px;
}

div.modal-content h2
{
    padding: 0px; margin: 8px 0px;
    text-decoration: underline;
}
div.modal-content ul
{
    margin: 10px 0px 10px 30px;
}

/* Master Styles */
/* ---------------------------------------------------- */

body { text-align: center; background-color: #F7F7F7; }

/* min-height: 100% *
div.content-wrapper, div#page-menu, div#page-content
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
}*/

div.content-wrapper
{
	background-color: White;
	text-align: left;
	width: 960px;
    margin: 0px auto;
    position: relative;
}

div.content-header
{
	background: white url('../image/misc/header.gif') scroll no-repeat top left;
	color: Silver;
	height: 90px;
}

div.content-header a { color: #9A9A9A; text-decoration: none; }
div.content-header a:hover { color: #3C3C3C; }

div.site-index
{
    float: right;
    width: 475px;
    margin: 12px 10px;
}
div.site-index a
{
    font-size: 11px;
}
div.site-index input
{
    font-size: 10px;
    padding: 2px 2px 1px;
    border: 1px Solid Silver;
}
div.site-index input.watermark
{
    color: Silver;
}
div.site-index a.search-btn
{
    display: block; float: left;
    margin-right: 2px;
    width: 18px; height: 18px;
    background: transparent url('../image/misc/search.gif') no-repeat 0px 0px;
}
div.site-index a.search-btn:hover
{
    background-position: 0px -18px;
}

div.content-body
{
    margin-top: 2px;
    background-color: White;
}
div.content-body img { vertical-align: bottom; }

div.content-footer
{
    background-color: White;
    width: 960px; height: 100px;
    margin: 0px auto;
	color: #A9A9A9;
	text-indent: 20px;
	text-align: left;
	line-height: 40px;
	border-top: 1px solid Silver;
	background: White url('../image/misc/logo-footer.gif') no-repeat right center;
}

/* Page Style */
/* ------------------------------------------------------------------------- */

div#page-menu
{
    width: 190px;
    float: left;
}

div#page-menu div.caption
{
    padding: 8px 0px 8px 20px;
    font-size: 13px;
    font-weight: bold;
    color: #ab5c57;
    background-color: #ebebeb;
}

div#page-menu li
{
    margin: 10px 0px;
    list-style-type: none;
    list-style-image: url('../image/misc/menu-arrow.gif');
}
div#page-menu li a
{
    color: Silver;
}
div#page-menu li a:hover
{
    color: Gray;
}
div#page-menu li.expanded
{
    list-style-image: url('../image/misc/menu-arrow-down.gif');
}
div#page-menu li.current
{
    list-style-image: url('../image/misc/menu-arrow-current.gif');
}
div#page-menu li.current a
{
    color: Black;
}

div#page-menu a
{
    text-decoration: none;
    font-size: 13px;
    color: Black;
}
div#page-menu a:hover
{
    color: Silver;
}

div#page-index-wrapper
{
    background: #faf0e6 url('../image/misc/index-body.jpg') no-repeat left top;
}

div#page-content
{
    background-color: White;
    border-left: 1px dotted Silver;
    padding: 0px 40px;
    margin-left: 190px;
    width: 689px;
}

div.page-container
{
    width: 550px;
    float: right;
}

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

div#main-menu
{
    position: relative;
	text-align: center;
	background: white url('../image/menu/menu-bg.gif') scroll no-repeat 0px 0px;
}

div#main-menu ul { padding: 0px; margin: 0px 41px; height: 38px; list-style: none; }
div#main-menu ul li { float: left; height: 38px; }
div#main-menu ul li a
{
	display: block;
	height: 38px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div.zh-TW#main-menu ul li a { background-image: url('../image/menu/items_zh-TW.gif'); }
div.zh-CN#main-menu ul li a { background-image: url('../image/menu/items_zh-CN.gif'); }
div.en-US#main-menu ul li a { background-image: url('../image/menu/items_en-US.gif'); }

/**
 * Chinese menu measurement.
 */
div#main-menu ul li#item-01 a { background-position: -40px 0px; width: 90px; }
div#main-menu ul li#item-02 a { background-position: -130px 0px; width: 90px; }
div#main-menu ul li#item-03 a { background-position: -220px 0px; width: 90px; }
div#main-menu ul li#item-04 a { background-position: -310px 0px; width: 120px; }
div#main-menu ul li#item-05 a { background-position: -430px 0px; width: 90px; }
div#main-menu ul li#item-06 a { background-position: -520px 0px; width: 90px; }
div#main-menu ul li#item-07 a { background-position: -610px 0px; width: 100px; }
div#main-menu ul li#item-08 a { background-position: -710px 0px; width: 90px; }
div#main-menu ul li#item-09 a { background-position: -800px 0px; width: 118px; }
div#main-menu ul li#item-01 a:hover, div#main-menu ul li#item-01 a.active { background-position: -40px -38px; width: 90px; }
div#main-menu ul li#item-02 a:hover, div#main-menu ul li#item-02 a.active { background-position: -130px -38px; width: 90px; }
div#main-menu ul li#item-03 a:hover, div#main-menu ul li#item-03 a.active { background-position: -220px -38px; width: 90px; }
div#main-menu ul li#item-04 a:hover, div#main-menu ul li#item-04 a.active { background-position: -310px -38px; width: 120px; }
div#main-menu ul li#item-05 a:hover, div#main-menu ul li#item-05 a.active { background-position: -430px -38px; width: 90px; }
div#main-menu ul li#item-06 a:hover, div#main-menu ul li#item-06 a.active { background-position: -520px -38px; width: 90px; }
div#main-menu ul li#item-07 a:hover, div#main-menu ul li#item-07 a.active { background-position: -610px -38px; width: 100px; }
div#main-menu ul li#item-08 a:hover, div#main-menu ul li#item-08 a.active { background-position: -710px -38px; width: 90px; }
div#main-menu ul li#item-09 a:hover, div#main-menu ul li#item-09 a.active { background-position: -800px -38px; width: 118px; }

div#main-menu div#sub-menu { padding: 1px 42px; }

/**
 * English menu measurement.
 */
div.en-US#main-menu ul { margin: 0px 2px; }

div.en-US#main-menu ul li#item-01 a { background-position: -3px 0px; width: 99px; }
div.en-US#main-menu ul li#item-02 a { background-position: -102px 0px; width: 113px; }
div.en-US#main-menu ul li#item-03 a { background-position: -215px 0px; width: 68px; }
div.en-US#main-menu ul li#item-04 a { background-position: -283px 0px; width: 128px; }
div.en-US#main-menu ul li#item-05 a { background-position: -411px 0px; width: 105px; }
div.en-US#main-menu ul li#item-06 a { background-position: -516px 0px; width: 62px; }
div.en-US#main-menu ul li#item-07 a { background-position: -578px 0px; width: 147px; }
div.en-US#main-menu ul li#item-08 a { background-position: -725px 0px; width: 54px; }
div.en-US#main-menu ul li#item-09 a { background-position: -779px 0px; width: 175px; }
div.en-US#main-menu ul li#item-01 a:hover, div.en-US#main-menu ul li#item-01 a:active { background-position: -3px -38px; width: 99px; }
div.en-US#main-menu ul li#item-02 a:hover, div.en-US#main-menu ul li#item-02 a:active { background-position: -102px -38px; width: 113px; }
div.en-US#main-menu ul li#item-03 a:hover, div.en-US#main-menu ul li#item-03 a:active { background-position: -215px -38px; width: 68px; }
div.en-US#main-menu ul li#item-04 a:hover, div.en-US#main-menu ul li#item-04 a:active { background-position: -283px -38px; width: 128px; }
div.en-US#main-menu ul li#item-05 a:hover, div.en-US#main-menu ul li#item-05 a:active { background-position: -411px -38px; width: 105px; }
div.en-US#main-menu ul li#item-06 a:hover, div.en-US#main-menu ul li#item-06 a:active { background-position: -516px -38px; width: 62px; }
div.en-US#main-menu ul li#item-07 a:hover, div.en-US#main-menu ul li#item-07 a:active { background-position: -578px -38px; width: 147px; }
div.en-US#main-menu ul li#item-08 a:hover, div.en-US#main-menu ul li#item-08 a:active { background-position: -725px -38px; width: 54px; }
div.en-US#main-menu ul li#item-09 a:hover, div.en-US#main-menu ul li#item-09 a:active { background-position: -779px -38px; width: 175px; }

div.en-US#main-menu div#sub-menu { padding: 1px 2px; width: 956px; }

div#main-menu div#sub-menu
{
	background-color: Gray;
	position: absolute;
	left: 0px;
	width: 876px;
}

div#main-menu div#sub-menu ul
{
	display: none;
	height: 23px;
	list-style: none;
	padding: 0px; margin: 0px;
}

div#main-menu div#sub-menu ul li
{
	display: block;
	float: left;
	height: 23px;
	width: auto;
	text-align: center;
}

div#main-menu div#sub-menu ul li a
{
	display: inline;
	line-height: 23px;
	padding: 2px 13px;
	color: White;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	border: 1px solid Gray;
}
div#main-menu div#sub-menu ul li a:hover
{
	background-color: #9A9A9A;
	border-color: #A9A9A9;
}

/* Vertical Table Style */
/* ------------------------------------------------------------------------- */

div.ver-table
{
    margin: 8px 0px 22px;
}

div.ver-table table
{
    width: 100%;
}

div.ver-table table thead tr th
{
    background-color: #99272c;
    color: White;
}

div.ver-table table thead tr td
{
    background-color: #d4ccb9;
    color: #99272c;
    font-weight: bold;
}

div.ver-table table thead tr td input.image-btn
{
    vertical-align: middle;
}

div.ver-table.research table thead tr td span
{
    margin: 0px 10px;
    color: Black;
    font-weight: normal;
}
div.ver-table.research table thead tr td input.textbox
{
    border: 1px Solid #ABCDEF;
    font-size: 10px;
    padding: 1px 0px;
    text-align: center;
    width: 25px;
}

div.ver-table table tbody tr th
{
    border-right: 1px solid White;
    padding-left: 20px;
    text-align: left;
}

div.ver-table table tbody tr td,
div.ver-table table tbody tr th
{
    background-color: #ece7e1;
    color: #7d7068;
    vertical-align: top;
}

div.ver-table table tbody tr td a
{
    color: #7d7068;
    text-decoration: none;
}
div.ver-table table tbody tr td a:hover
{
    text-decoration: underline;
}

div.ver-table table tbody tr.alternate td,
div.ver-table table tbody tr.alternate th
{
    background-color: #f8f8f8;
}

div.ver-table.gray-head tbody tr th
{
    background-color: #eaeaea;
}
div.ver-table.gray-head tbody tr.alternate th
{
    background-color: #fafafa;
}

/* Horizontal Table Style */
/* ------------------------------------------------------------------------- */

div.hor-table { margin: 10px 0px; }

div.hor-table table td
{
    color: White;
    text-align: center;
    background-color: #716559;
}

/* Account Opening Table Style */
/* ------------------------------------------------------------------------- */

div.ac-table { margin: 15px 0px; }

div.ac-table table { width: 100%; border: 0px none; }

div.ac-table table th
{
    background-color: #716559;
    text-align: left;
    color: White;
    border-collapse: collapse;
}
div.ac-table table td { text-align: center; }
div.ac-table table td.no-border { border: 0px none; }
div.ac-table table td.title { text-align: left; }

div.ac-table table th,
div.ac-table table td
{
    border: 1px Solid Black;
}
div.ac-table table tr.spacer td { border: 0px none; }
div.ac-table p.remarks { font-size: 10px; }

/* Contact Table Style */
/* ------------------------------------------------------------------------- */

div.contact table tr th
{
    background-color: #D8D8D8;
}

div.contact table tr td
{
    background-color: #E0E0E0;
}

div.contact table tr.alternate th
{
    background-color: #F5F5F5;
}

div.contact table tr.alternate td
{
    background-color: #FAFAFA;
}

/* TV Commercial Table Style */
/* ------------------------------------------------------------------------- */

div.tv-table
{
    margin: 8px 0px 22px;
}

div.tv-table table
{
    width: 100%;
}

div.tv-table table thead tr th
{
    background-color: #99272c;
    color: White;
}

div.tv-table table thead tr td
{
    background-color: #d4ccb9;
    color: #99272c;
    font-weight: bold;
}

div.tv-table table thead tr td input.image-btn
{
    vertical-align: middle;
}

div.tv-table table tbody tr th
{
    border-right: 1px solid White;
    padding-left: 20px;
}

div.tv-table table tbody tr td,
div.tv-table table tbody tr th
{
    background-color: #ece7e1;
    color: #7d7068;
    padding: 15px;
	text-align:center;
	vertical-align:middle;
}

div.tv-table table tbody tr td a
{
    color: #7d7068;
    text-decoration: none;
}
div.tv-table table tbody tr td a:hover
{
    text-decoration: underline;
}

div.tv-table table tbody tr.alternate td,
div.tv-table table tbody tr.alternate th
{
    background-color: #f8f8f8;
}

div.tv-table.gray-head tbody tr th
{
    background-color: #eaeaea;
}
div.tv-table.gray-head tbody tr.alternate th
{
    background-color: #fafafa;
}


/* Profile Style */
/* ------------------------------------------------------------------------- */

div.profile-header
{
    padding: 68px 50px;
    height: 154px;
    background: white url('../image/misc/profile-header.gif') no-repeat left top;
}
div.profile-header h1
{
    line-height: 24px;
    font-size: 24px;
    font-style: italic;
    color: #998678;
    margin: 100px 0px 0px;
    padding: 0px;
}
div.profile-header img
{
    /* border: 3px Solid White; */
    float: left;
    margin: 22px 20px 22px 40px;
}
div.profile-header p
{
    margin: 0px;
    font-size: 14px;
}

div.profile-details
{
    padding: 0px 120px 180px 80px;
    background: white url('../image/misc/profile-footer.gif') no-repeat center bottom;
}
div.profile-details ol
{
    padding: 0px; margin: 0px;
}
div.profile-details li
{
    padding: 10px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #a4794c;
}
div.profile-details p
{
    color: Black;
    font-size: 12px;
    font-weight: normal;
}

/* Site Search */
/* ------------------------------------------------------------------------- */

div.search-container *
{
    font-size: 11px;
}

div.search-container
{
    position: absolute;
    z-index: 1000;
    border: 1px Solid Silver;
    background-color: White;
    padding: 5px;
    width: 280px;
}

div.search-container div.search-result
{
    height: 300px;
    overflow: auto;
}

div.search-container a
{
    color: Blue;
    font-weight: bold;
}
div.search-container a:hover
{
    color: #ABCDEF;
}

div.search-container p
{
    margin: 0px;
    color: Gray;
}

div.search-container div.search-count
{
    margin-top: 5px;
    color: Green;
    text-align: right;
}

div.search-keyword
{
    padding: 10px 20px;
}

div.search-empty
{
    height: 280px;
    padding: 10px 20px;
    color: Gray;
}

/* Index Style */
/* ------------------------------------------------------------------------- */

div#index-wrapper
{
    background-color: White;
    padding: 10px 10px 10px 0px;
}

div#index-menu
{
    float: right;
    width: 190px;
    padding-left: 17px;
    margin-left: 17px;
    border-left: 1px Dashed Silver;
}

div#index-menu a img
{
    margin: 10px 0px;
}

div#index-content
{
    width: 725px;
}

div#index-entry-container
{
    margin: 10px 0px;
}

div.index-entry
{
    margin: 5px 0px;
    height: 90px;
}
div.index-entry *
{
    font-size: 11px;
}

div.index-entry a
{
    float: right;
    margin-top: 5px;
    padding-left: 12px;
    color: #98272b;
    font-weight: bold;
    font-size: 10px;
    background: transparent url('../image/misc/more.gif') no-repeat left center;
}

div.index-entry h1
{
    margin: 2px 0px 0px;
}

div.index-entry p
{
    margin: 0px;
    line-height: 15px;
}

div.index-entry img
{
    margin-bottom: 5px;
}

div.index-entry img.decoration
{
    float: right;
    margin-left: 5px;
}

/* Vision Design */
/* ------------------------------------------------------------------------- */

table.vision
{
    margin-top: 7px;
    margin-bottom: 20px;
}

table.vision td
{
    vertical-align: top;
    background-color: #ece7e1;
    color: #9f3630;
}

table.vision img
{
    display: block;
    margin-bottom: 10px;
}

table.vision h2
{
    text-decoration: none;
    color: #736558;
    font-size: 12px;
    margin: 5px 0px 0px;
}

table.vision ul
{
    margin: 5px 0px 12px 18px;
}

/* Excellent Track Record Design */
/* ------------------------------------------------------------------------- */

div.trackrecord-entry
{
    font-size: 10px;
    float: left;
    width: 120px; height: 180px;
    padding: 10px 5px; margin: 2px;
    text-align: center;
    border: 1px Solid Silver;
}
div.en-US.trackrecord-entry
{
    height: 210px;
    overflow: hidden;
}
div.trackrecord-entry.rankings
{
    font-size: 11px;
    height: 135px;
}

div.trackrecord-entry p.title
{
    margin: 2px 0px;
    font-weight: bold;
}

div.trackrecord-entry p.date
{
    margin: 0px;
    font-style: italic;
    color: Gray;
}

div.trackrecord-entry img
{
    display: block;
    margin: 2px auto;
}

/* Sitemap Design */
/* ------------------------------------------------------------------------- */

ul#sitemap a
{
    display: block;
    color: Gray;
    text-decoration: none;
    padding: 3px 0px;
}
ul#sitemap a:hover { color: Black; }

ul#sitemap img
{
    vertical-align: middle;
}

ul#sitemap, ul#sitemap ul
{
    list-style: none;
}

ul#sitemap ul
{
    margin: 0px 0px 0px 30px;
}

ul#sitemap ul a
{
    margin: 0px 0px 5px;
}


/* TV Commercial */
/* ------------------------------------------------------------------------- */

a.pagerNumber 
{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #555555;
    cursor: pointer;
    font-size: 14px;
    padding: 1px 4px;
    text-decoration: none;
}

/* Class for online web form for account opening */
.inputTextBox {
 color: black;
 border-width: 0;
 border: 1px solid #000;
 width: 300pt;
}
.fieldsetClass {  
margin: 1.5em 0 0 0;  
padding: 0;  
}  
.legendClass {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;  
}  
.FieldSetOL
{
margin: 5px 0px 20px 10px;
padding: 1em 1em 0 1em;  
list-style: none;  
}  
.FieldSetLI {  
padding-bottom: 0.4em;  
}  
.FieldSetButton{  
border-style: none;  
}
.groupLegendClass{
margin-left: 0;      
font-weight: normal;    
}
.GroupOLClass {      
position: relative;      
top: -1.5em;      
margin: 0 0 0 11em;      
padding: 0;      
}    
.groupFieldsetClass{
margin-bottom: -2.5em;      
border-style: none;      
background-color: transparent;      
background-image: none;     
}
.labelClass
{
	float: left;    
	width: 8em;    
	margin-left: 1em;    
	text-align: left; 
}

span.pages span
{
    padding: 2px 5px;
    color: #99272C;
}