body { margin: 0px; padding: 0px; color: #666; font-size: 12px; font-family: 宋体, 新細明體, sans-serif,Arial,"Trebuchet MS",Helvetica,; line-height: 2;}
img { border: 0px; }
td { vertical-align: top; }
.gainlayout { _height: 0; }

.leoblue { color: #004192; }
.leoyellow { color: #ffc200; }
.leogray { color: #666; }

.smfont { font-size: 11px; }
.tightlnht { line-height: 1.5; }
.spnumfont { font-family: Georgia,"Times New Roman",Times,serif; }

/*
a, a:link, a:visited { text-decoration: none; color: inherit;}
a:hover, a:active, a:focus { text-decoration: none; outline: none; color: #004192;}
*/
a, a:link, a:visited { text-decoration: none; color: #666;}
a:hover, a:active, a:focus { text-decoration: none; outline: none; color: #004192;}

.editor a, .editor a:link, .editor a:visited { text-decoration: underline; color: #004192;}
.editor a:hover, .editor a:active, .editor a:focus { text-decoration: underline; outline: none; color: #004192;}

a.blueline, a.blueline:link, a.blueline:visited { text-decoration: underline; color: inherit; color: #004192; }
a.blueline:hover, a.blueline:active, a.blueline:focus { text-decoration: underline; outline: none; color: #004192;}

.lightgraybg { background: #f5f5f5; overflow:hidden; }
.leoyellowbg { background: #ffc200; }
.lightyellowbg { background: #f7efd8; }
.gradyellowbg { background: url('/images/bg-yellow-gradient.gif') repeat-x; }
.leograybg { background: #666; }
.medgraybg { background: #ccc; }

.underline { text-decoration: underline; }

.graybullet { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; background: url('/images/nav-bullet-gray.gif') no-repeat 0px 5px; line-height:1.2;}
.grayline { position: relative; clear: both; border-bottom: solid 1px #ededed; height: 10px; margin: 0px 0px 10px 0px; width: 100%;  overflow: hidden; }

.centerpage { position: relative; width: 955px; left: 50%; margin-left: -481px /*-477px*/; overflow: visible; /*border: solid 1px green; */}
div.clear { position: relative; width: 100%; height: 0px; clear: both; overflow: hidden; }
img.nobg { background-image: none; }
img.dotbg { background: url('/images/dot.gif'); padding: 5px;}
img.ie6fix { width: 0px; height: 0px; }

.halfalpha_blackbg { background: rgba(0,0,0,0.5); }

.hidden { display: none; }

img.next { width: 62px; height: 21px; background: url('/images/btn-next-and-previous-sc.gif') no-repeat -62px 0px; margin: 0px 0px 0px 10px;  vertical-align: bottom;}
img.next:hover { cursor: pointer; background: url('/images/btn-next-and-previous-sc.gif') no-repeat -62px -21px; }
img.prev { width: 62px; height: 21px; background: url('/images/btn-next-and-previous-sc.gif') no-repeat 0px 0px;  vertical-align: bottom;}
img.prev:hover { cursor: pointer; background: url('/images/btn-next-and-previous-sc.gif') no-repeat 0px -21px; }
img.morearrow { width: 18px; height: 18px; background: url('/images/btn-arrow.gif') no-repeat 0px 0px; }
img.leftarrow { width: 18px; height: 18px; background: url('/images/btn-arrow.gif') no-repeat -18px 0px; }
img.rightarrow { width: 18px; height: 18px; background: url('/images/btn-arrow.gif') no-repeat -36px 0px; }
img.ipadarrowup { width: 88px; height: 45px; background: url('/images/ipad-arrow.jpg') no-repeat 0px 0px; overflow: hidden;}
img.ipadarrowdown { width: 88px; height: 45px; background: url('/images/ipad-arrow.jpg') no-repeat 0px -45px; overflow: hidden;}
/***************** header ********************/
.topyellowline { position: relative; width: 100%; height: 7px; clear: both; overflow: hidden; background: #ffc200;}
.topbluedot { position: absolute; top: 0px; left: 28px; width: 7px; height: 7px; background: #004192; }
/* #pageheader { position: relative; width: 1015px; height: 220px; overflow: hidden; } */
#pageheader { position: relative; width: 955px; height: 207px; overflow: hidden; }

/* #pageheader #headermenu { position: absolute; left: 40px; top: 20px; width: 507z-index: 1000; } */
#pageheader #headermenu { position: absolute; left: 190px; top: 0px; width: 507px; height: 85px; z-index: 1000; background: url('/images/btn-inside-navigation-sc.jpg') no-repeat;}			
#pageheader #leologo { position: absolute; left: 28px; top: 17px; z-index: 1000;}
#pageheader #headermenu img.menuitem { position: absolute; top: 0px; margin: 0px; height: 85px; background-image: url('/images/btn-inside-navigation-sc.jpg'); background-repeat: no-repeat;}
#tmabout { left: 0px; width: 121px; background-position: 0px 0px;}
#tmabout:hover { background-position: 0px -85px;}
#tmabout.selected  { background-position: 0px -170px;}
#tmprdsvc { left: 121px; width: 111px; background-position: -121px 0px;}
#tmprdsvc:hover { background-position: -121px -85px;}
#tmprdsvc.selected  { background-position: -121px -170px;}
#tminit { left: 232px; width: 88px; background-position: -232px 0px;}
#tminit:hover { background-position: -232px -85px;}
#tminit.selected  { background-position: -232px -170px;}
#tmenv { left: 320px; width: 97px; background-position: -320px 0px;}
#tmenv:hover { background-position: -320px -85px;}
#tmenv.selected  { background-position: -320px -170px;}	
#tmnews { left: 417px; width: 90px; background-position: -417px 0px;}
#tmnews:hover { background-position: -417px -85px;}
#tmnews.selected  { background-position: -417px -170px;}	
			
#headertitletop { position: absolute; left: 28px; top: 145px; font-size:16px; }
#headertitlepage { position: absolute; left: 28px; top: 165px; font-size:22px; font-weight: bold;}

/**************** page architecture ***************/
#twocolpage,#nocolpage { position: relative; width: 955px; background: url('/images/pagetopbg.jpg') no-repeat; overflow: auto; }
.widepage { position: relative; padding: 20px 20px 0px 28px; } /* overflow: auto; */
#leftcolmenu { position: relative; float: left; width: 177px; padding: 20px 20px 20px 28px; line-height: 1.5;}
#rightcolpage { position: relative; float: left; width: 730px; padding: 20px 0px 0px 0px; overflow: hidden;} /* overflow: auto; */
.leftmenuitem { margin: 10px 0px 0px 0px; }
#leftcolmenu .selected { text-decoration: underline;}
.leftmenuitem2 { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 10px; background: url('/images/nav-bullet-gray.gif') no-repeat 0px 5px; line-height:1.2;}
#leftcolmenu .selected2 { background: url('/images/nav-bullet-blue.gif') no-repeat 0px 5px;}
/* .leftmenuitem3{ margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; background: url('/images/nav-slash-gray.gif') no-repeat 10px 2px; line-height:1.2;} */
/* #leftcolmenu .selected3 { background: url('/images/nav-slash-blue.gif') no-repeat 10px 2px;} */
.leftmenuitem3{ margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; background: url('/images/nav-bullet-lightgray.gif') no-repeat 10px 4px; line-height:1.2;}
#leftcolmenu .selected3 { background: url('/images/nav-bullet-blue.gif') no-repeat 10px 4px;}
.leftmenusepline { position: relative; clear: both; height: 10px; border-bottom: solid 1px #ededed; margin: 0px 0px 10px 0px; width: 100%; overflow: hidden; }

#titleblock { padding: 0px 0px 25px 0px; }
h1.pagetitle  { font-size: 18px;  line-height: 1.2; margin: 0px; }
h2.subtitle  { font-size: 16px;  line-height: 1.2; margin: 0px; }

blockquote.lightyellowquote {  padding: 0px 0px 0px 15px;  margin: 5px;  background: url('/images/quotes-open-light-yellow.gif') no-repeat 0px 6px;  }
blockquote.lightyellowquote span.quote { padding: 10px 0px 0px 0px; display: block; background: url('/images/quotes-close-light-yellow.gif') no-repeat bottom right; } 
blockquote.grayquote {  padding: 0px 0px 0px 15px;  margin: 5px;  background: url('/images/quotes-open-gray.gif') no-repeat 0px 6px;  }
blockquote.grayquote span.quote { padding: 10px 0px 0px 0px; display: block; background: url('/images/quotes-close-gray.gif') no-repeat bottom right; } 
blockquote.rightquote {  padding: 0px 0px 0px 15px;  margin: 5px;  background: url('/images/quotes-open.gif') no-repeat 0px 6px;  }
blockquote.rightquote span.quote { padding: 10px 0px 0px 0px; display: block; background: url('/images/quotes-close.gif') no-repeat bottom right; } 
img.quoteendpad { width: 28px; height: 1px; }
.quoteblock img { margin: 0px 0px 10px 15px; }
.quote { line-height: 2; }
.quote .strongtxt { font-size: 18px; line-height: 1; }

.editor {line-height: 2; }

.yellowblock { position: relative; background: #f7efd8; width:100%;}
.yellowblock .title { position: relative; height: 35px; background: url('/images/bg-yellow-gradient.gif') repeat-x; font-size: 14px; line-height: 35px; padding: 0px 20px 0px 20px; margin: 10px 0px 0px 0px;}
.yellowblock img.topright { position: absolute; top: 0px; right: 0px; z-index: 10;}
.yellowblock .content { position: relative; padding: 15px 20px; line-height: 2;}
.yellowblock .tabholder { position: absolute; overflow: auto; top: 0px; left: 0px; height: 69px; width: 100%; overflow:hidden;}
.yellowblock .seltableft { position:relative; width: 24px; height: 69px; background: url('/images/tab-side.gif') no-repeat; overflow: hidden; float: left;}
.yellowblock .seltabright { position:relative; width: 24px; height: 69px; background: url('/images/tab-side.gif') no-repeat -24px 0px; overflow: hidden; float: left;}
.yellowblock .seltabmiddle { position:relative; float: left; font-size: 26px; padding: 20px 15px 0px 15px; background: url('/images/tab-middle.gif') repeat-x; height: 49px; }

.tabholder a, .tabholder a:link, .tabholder a:visited { text-decoration: none; }
.tabholder a:hover, .tabholder a:active, .tabholder a:focus { text-decoration: none; outline: none; }

.btmrefblock { background: url('/images/img-reference.gif') no-repeat; padding: 16px 0px 0px 50px; min-height: 32px; height: auto !important; height: 32px; } 

.cmsblock {position: relative; }

/**** two column page with left menu ****/
#pgtable { position: relative; }
#pgleft { width: 490px; padding: 0px 20px 0px 0px;}
#pgright { width: 220px; background: url('/images/bg-column.gif') repeat-y; padding: 0px 0px 50px 0px;}
#pgbottom { position: relative; }

#pgrighttopbg {position: absolute; top: 0px; background: url('/images/bg-column-top.gif') no-repeat; width: 220px; height: 115px; overflow: hidden; display: none;}
#pgrightbtmbg {position: absolute; bottom: 0px; background: url('/images/bg-column-end.gif') no-repeat; width: 220px; height: 50px; overflow: hidden;}

.firstrightcolblock {  background: url('/images/bg-column-top.gif') no-repeat;}
/**** right page ****/
#crossrefholder { position: relative; margin: -5px 0px 0px 0px; }
.crossrefblock  .passage { padding: 0px 0px 0px 18px; }
.crossrefsepline { position: relative; clear: both; border-bottom: solid 1px #ededed; height: 25px; margin: 0px 0px 25px 0px; width: 100%;  overflow: hidden; }

/***************** footer ********************/
#footertop { position: relative; height: 85px; }
#footertop img { position: absolute; right: 0px; bottom: 0px; }
#footertop .path { position: absolute; left: 28px; bottom: 7px; }
#footertop .path .strongtxt { font-size: 13px; }
/* #searchbox { position: absolute; right: 0px; bottom: 5px; width: 195px; height: 28px; background: url('/images/search.jpg') no-repeat; } */
#searchbox { position: relative; float: right; margin: 0px 0px 0px 0px; width: 195px; height: 28px; background: url('/images/search.jpg') no-repeat; }
#searchtxtbox { margin: 3px 0px 0px 8px; width: 150px; border: none; height: 20px; background: transparent;}
#searchimg { position: absolute; top: 0px; right: 0px; width: 30px; height: 28px; }
#searchgo { display: none; }
#footersitemapholder { position: relative; background: #fafafa url('/images/bg-sitemap.jpg') repeat-x; overflow: auto; padding: 0px 0px 20px 0px; }
#footersitemap .topheader { /* border: solid 1px #ededed; border-left: none; border-right: none; */ font-size:13px; line-height: 30px; margin: 0px 0px 12px 0px; cursor: pointer;}
#footersitemap .column { position: relative; float: left; width: 168px; padding: 0px 0px 0px 15px;}
#footersitemap .firstcolumn { position: relative; float: left; width: 168px; padding: 0px 15px 0px 28px;}
#footersitemap .lv2 { margin: 0px 0px 8px 0px; line-height: 1.5;}
#footerbtm { position: relative; padding: 20px 0px 20px 0px; overflow: auto;}
#footerbtm .copyright { float: left; margin: 0px 0px 0px 25px;}
.bottommenu { float: right; }
.bottommenu .contactus { position: relative; width: 80px; height: 28px; background: url('/images/btn-contact-us.gif') no-repeat; line-height: 28px; padding: 0px 0px 0px 34px; cursor: pointer;}
.bottommenu .menuitem, .bottommenu .itemsep { float: left; line-height: 28px; cursor: pointer; }
.itemsep { padding: 0px 10px; }

/***************** article top navigation ****************/
#articletopnav { position: relative; background: #f6f6f6; padding: 5px 10px;  margin: 0px 0px 15px 0px; border: solid 1px white;}
#articletopnav table { width: 100%; }
#articletopnav table td span { font-size: 11px; }

/* TINYBOX */
#tinybox {position:absolute; display:none; padding:0px; background:#fff url(/images/preload.gif) no-repeat 50% 50%; border: none; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.switch_lang_holder{width:955px; margin:0 auto; position:relative; z-index:999;}
.switch_lang_holder .inner{margin-right:0px; position:absolute;right:0px;}
.lang_sel{position:relative;z-index:9999; clear:both; float:right; background:url('../images/btn-select-language.gif') no-repeat; width:100px; height:15px; cursor:pointer;_background-position: 0px -15px;/*css hack for ie6*/}
.lang_sel_selected{background-position:0 -15px;} 
.lang_sel:hover{ background-position:0px -15px;}
.lang_panel{float:right; z-index:9999;position:relative; width:160px; display:none;}
.switch_lang_holder .header{color:#00459C;background:url('../images/bg-menu-gray.jpg') repeat-x; padding:5px 10px 5px 10px; height:20px; font-weight:bold;}
.switch_lang_holder .header span{ line-height:17px;display:block;}
.switch_lang_holder .content{background-color:#F8EFD8;}
.switch_lang_holder .content ul{margin:0; padding:0; list-style:none;_margin-top:-4px;/*css hack for ie6*/}
.switch_lang_holder .content ul li{padding:5px 10px; height:20px; }
.switch_lang_holder .content ul li span{cursor:pointer; line-height:17px;display:block; }
.switch_lang_holder .content ul li span:hover{color:Gray; }
.switch_lang_holder .bottom_white{border-bottom:solid 1px #FFFFFF;}
.hide{display:none;}

.tab { float: left; color: Black; margin: 0px 0px 0px 28px; font-size: 16px; padding: 29px 0px 0px 0px;}
a:hover .tab, a:active .tab, a:focus .tab { color: #004192; cursor: pointer; text-decoration: underline;}
.seltab { float: left; color: #004192;  padding: 0px;  overflow: hidden;}
.yellowblock .seltabmiddle{  padding: 15px; font-size:22px;}

#headertitletop,#headertitlepage{line-height:1.5em;letter-spacing:2px;font-family:微软雅黑, 宋体, 新細明體, sans-serif, Arial,Helvetica; }
.homevisual .slogan .description{font-size: 13px; letter-spacing: 2px;}
#titleblock .pagetitle{line-height:1.6em}
#twocolpage #rightcolpage  #quoteblock .quote .strongtxt { line-height: 1.5em;}

.copyright{font-family:sans-serif, Arial,Helvetica;}
.lang_panel {font-family:sans-serif, Arial,Helvetica;}

.btn-member-login{ background:url('../images/btn-member-login.gif'); width:88px; height:15px; right:100px; position:absolute; outline:none;}
.btn-member-login:hover{ background-position:0 15px;}