/* Define the default first */ /******* em Text Delaration Start *******/ /* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */ body * { font-size: 101%; /* for IE bug */ font-family: Arial, Helvetica, sans-serif; color:#000; } /* Reduce the font size to 68.8% or 11px size 100% = 16 11/16 x 100 */ body{ font-size: 75%; } /* IE can’t read this */ html>body { font-size: 75%;} /* Ensure forms and tables inherit the correct size */ table, input, select, th, td, textarea { font-size: 1em; } /* Ensure nested elements inherit the correct size */ ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; } table table td { font-size: 0.95em; } /* child pixels / parent pixels = child ems Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73 */ /******* em Text Delaration End *******/ body {margin: 0; padding: 0; background: url(headerTopBg.gif) repeat-x; clear: both;} form, input * {margin: 0; padding:0;} img {border: 0;} #ir_container {font-size: 1em; width: 1000px; margin: 0 auto; clear: both;} #ir_header {background: url(logo.jpg) no-repeat; width: 1000px; height: 80px; padding-bottom:19px;} #headerFlash { width: 980px;} #menuFlash { width: 730px; height:245px; float:left;} #homeNew { width: 221px; position: absolute; top: 254px; left: 8px; } #homeNew_a { width: 221px; position: absolute; top: 255px; left: 8px; } #headerMenu { width: 1000px; height:17px; clear: both;} #ir_sidebar { width: 231px; float:left; padding-left:25px; padding-top:33px;} /* Sub Menu */ #ir_leftMenuTop { background: url(menuBgTop.gif) no-repeat; width:233px; height:39px; } #ir_leftMenuBottom { border:1px solid #F8F8F8; width: 230px;} #subNav { list-style: none; background: url(menuBg.gif) no-repeat right bottom; border:1px solid #F8F8F8; margin:0; padding:0;} #subNav li { margin:0; padding:0; } #subNav a { color:#4C5A51; font-weight: bold; display: block; width:199px; height:29px; line-height:29px; background: url(menu_BottomLine.gif) no-repeat right bottom; padding-left:32px; font-size: 13px; } #subNav a:hover { background: url(menu_over.gif) no-repeat; text-decoration: none; } #subNav a.threeLines_a { padding-left:52px; line-height:29px; width:147px; background: url(menu_BottomLine_a.gif) no-repeat right bottom; } #subNav a.threeLines_a:hover { background: url(menu_over.gif) no-repeat; text-decoration: none; } .vAlignMiddle { vertical-align: middle;} #subNav a.threeLines { line-height:25px; height:50px; } #subNav a.threeLines:hover { background: url(menu_over_b.gif) no-repeat; } #ir_content {float: left; width: 730px; padding-left:8px; line-height: 1.6em; color:#000; padding-bottom:20px; text-align:justify;} #ir_footer { font-size: 10px;; background: url(footerBottom.gif) repeat-x; width: 100%; padding-top: 10px; clear:both; text-align: right; padding-bottom:5px;} #ir_footer div { width: 940px; margin: 0 auto; color:#949595;} h1 {font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin-top: 0;} h2 {font-size: 1.18em; color: #4C5A51; } h2#ir_pageTitle { font-size: 1.2em; height: 20px; line-height: 20px; margin: 7px 0 6px 0; } h3 {font-size: 15px; color: #D6A32D; margin:0;} h4 {font-size: 15px; font-weight: bold; color: #000; margin:0; padding:0;} h5 {} h6 {} .contentHeight {width:100%; height:40px; clear:both;} img.ir_left {float: left; margin: 0 10px 10px 0;} img.ir_right {float: right; margin: 0 0 10px 10px;} img.ir_middle {vertical-align: middle;} a:link {color: #D59F0D; text-decoration: none;} a:visited {color: #D59F0D; text-decoration: none;} a:hover {color: #000000; text-decoration: none;} /* Header Menu */ #mainNav { list-style: none; margin:0; padding-left:25px;} #mainNav li { float: left;} #mainNav a { width: 100px; height: 17px; background: no-repeat left top; float: left; text-indent: -1000em; } #mainNav a:hover { background-position: bottom left; } #mainNav .one a { background-image: url(btn_home.gif); width: 90px; height: 17px;} #mainNav .two a { background-image: url(btn_about.gif); padding-right:8px;} #mainNav .three a { background-image: url(btn_business.gif); padding-right:31px;} #mainNav .four a { background-image: url(btn_ourInvestments.gif); width: 110px; height: 17px; padding-left:35px;} #mainNav .five a { background-image: url(btn_investor.gif); width: 120px; height: 17px; padding-left:35px;} #mainNav .six a { background-image: url(btn_contact.gif); padding-left:35px; } .headerHeight {width:100%; height:40px; clear:both;} .headerHeightIndex {width:100%; height:20px; clear:both;} /* Home Page */ #home_contextIndex { width:980px; clear:both; } #home_contextIndexA { width:486px; float:left;} #home_contextIndexB { width:239px; float:left; padding-left:6px; margin-top:6px; } #home_contextIndexC { width:230px; float:left; padding-left:9px; margin-top:6px; } #home_contextIndexD { width:230px; float:left; padding-left:9px;} #home_contextIndexC a:link {color: #959595; text-decoration: none;} #home_contextIndexC a:visited {color: #959595; text-decoration: none;} #home_contextIndexC a:hover {color: #959595; text-decoration: none;} #home_contentCorporate { background: url(lineBox.gif) repeat-x; width: 423px; padding:14px 30px; font-size:12px; line-height: 1.6em; color:#000; border:1px solid #F8F8F8; margin-top:6px; float:left;} .ir_box { width:233px; background: url(ir_boxBg.gif) no-repeat #ECECEC; padding-left:5px; float:left;} #ir_boxA { width:217px; background: url(box_a.gif) repeat-x #fff; float:left; padding: 8px; border:1px solid #F5F5F5;} #ir_boxB { width:217px; background: url(box_b.gif) repeat-x #fff;; float:left; padding:8px; border:1px solid #F5F5F5:} #ir_boxC { width:217px; background: url(box_c.gif) repeat-x #fff;; float:left; padding:8px; border:1px solid #F5F5F5:} .section { float: left; width: 280px; height:250px; margin-right: 10px; background: #e7e7e7; padding: 15px; } .homeUrl {float:right; font-size:11px; margin:0; padding:0;} .homeUrl a:link {color: #D59F0D; text-decoration: none;} .homeUrl a:visited {color: #D59F0D; text-decoration: none;} .homeUrl a:hover {color: #000000; text-decoration: none;} .homeUrlProfile:link {color: #B58711; text-decoration: none; font-weight: bold; } .homeUrlProfile:visited {color: #B58711; text-decoration: none; font-weight: bold; } .homeUrlProfile:hover {color: #000000; text-decoration: none; font-weight: bold; } .ir_arContainer {width:100%; } .home_left_ar { height: 246px; width: 233px; float: left; background: url(home_ar.jpg) no-repeat; padding-top:10px; position: absolute; top: 120px; } .home_left_ar .image {float: left; padding-left:26px;} .home_left_ar .text {float: right; width: 120px; font-size: 10px;} .home_left_ar p { margin: 0; } .corp_arTittle {font-size: 15px; color: #D6A32D; padding-left:15px; } .corp_arTittleSub {font-size: 12px; color: #000;} #homeCorporateUpdates li { padding-right: 15px; text-align: left; } #corp_newsAnnouncementsContainer { background: url(home_newsroom_a.gif) no-repeat; width:228px; height:251px; position: absolute; top: 0; left: 8px; } #corp_newsAnnouncementsContainer .marginBottom {margin:15px 16px 0 14px;} #corp_newsAnnouncementsTittle {font-size: 15px; margin:15px 16px 0 14px;} #corp_newsAnnouncementsContainer a:link {color: #000; text-decoration: none;} #corp_newsAnnouncementsContainer a:visited {color: #000; text-decoration: none;} #corp_newsAnnouncementsContainer a:hover {color: #000; text-decoration: none;} .homeArrow {margin:0; padding:0; list-style:none;} .homeArrow li {list-style:none; background: url(home_dot.gif) no-repeat left 7px; padding-left:10px; font-size: 1.17em; color: #56625B; } .boxText {font-size: 12px; color: #000; } .contentBottom {width:100%; height:20px; clear:both; color:#fff;} #ir_search { padding: 50px 5px 0 0; clear: both; float:right; } #searchHome { padding: 50px 205px 0 0; clear: both; float:right; } #mainNavChinese {width:60px; height:17px; float:right; text-indent: -1000em; background: url(btn_chinese.gif) no-repeat left top;} #mainNavChinese:hover { background-position: left bottom; } .si_floatRight {float:right;} .si_floatLeft {float:left;} /*#ir_search { padding: 50px 34px 0 0; clear: both; float:right; } #mainNavChinese { width:60px; height:17px; float:right; text-indent: -1000em; background: url(btn_chinese.gif) no-repeat left top;} #mainNavChinese:hover { background-position: left bottom; } .si_floatRight {float:right;} .si_floatLeft {float:left;}*/ #corp_chinese { float:right; margin-top:-18px; border:1px solid red; padding-right:10px;} /* BOD */ .bodTextColor {color:#D59F0D; font-weight: bold;} .bodtextDivider { border-bottom:1px dotted #666666; margin:1em 0;} /* Table */ .ir_tableBorder {border: 1px solid #CCCCCC;} table.ir_hover tr:hover td {background: #c3b777;} table.ir_hover tr.row1:hover td, table.ir_hover tr.row1:hover th {background: #e8b62a;} table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #e8b62a;} table.ir_hover tr.rowHighlight:hover td {background: #c3b777;} table.ir_hover tr.rowTSHighlight:hover td {background: #c3b777;} table.ir_table tr.ir_tableTopRow td, table.ir_table tr.ir_tableTopRow th {background: #006dc9; color: #fff; font-weight: bold;} table.ir_table tr.row1 td, table.ir_table tr.row1 th {background:#FFF1CC;} table.ir_table tr.row2 td, table.ir_table tr.row2 th {background:#fff;} table.ir_table tr.rowHeader th {background: #414141; color: #fff;} table.ir_table tr.rowHighlight td, table.ir_table tr.rowHighlight th {background: #414141; color: #fff;} table.ir_table tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;} table.ir_table tr th.cellHeader {background: #414141; color: #fff;} table.ir_table tr td.cellHighlight {background: #414141; color: #fff;} table.ir_table tr td.cellTSHighlight {background: #ccd0e1; border-bottom: 1px solid #aaa;} table.ir_table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;} table.ir_table tr td.cellSubTotal {border-top: 1px solid #414141;} table.ir_table tr td.cellRed {background: #ebddd8;} table.ir_table tr td.cellGreen {background: #d8ebdc;} /*.table_texts {color:# ;}*/ /* Home Page */ #corp_headerFlash { width: 731px; float:left;} #home_contextProfile { width:230px; float:left; } #home_contentProfileBg { background: url(lineBox.gif) repeat-x; width: 423px; padding:14px 30px; line-height: 1.6em; border:1px solid #F8F8F8; margin-top:6px; float:left;} #corp_homeContextOne { width:239px; float:right; margin-top:6px; } .corp_box { width:233px; background: url(ir_boxBg.gif) no-repeat #ECECEC; padding-left:5px; float:left;} #corp_boxA { width:209px; background: url(box_a.gif) repeat-x #fff; float:left; padding-top:15px; padding-left:16px; padding-right:8px; padding-bottom:8px; border:1px solid #F5F5F5;} #corp_boxB { width:209px; background: url(box_b.gif) repeat-x #fff;; float:left; padding-top:15px; padding-left:16px; padding-right:8px; padding-bottom:8px; border:1px solid #F5F5F5:} #corp_boxC { width:209px; background: url(box_c.gif) repeat-x #fff;; float:left; padding-top:15px; padding-left:16px; padding-right:8px; padding-bottom:8px; border:1px solid #F5F5F5:} .corp_box ul { margin: 0; padding: 10px 0 10px 20px; } #corp_newsContainer { width:261px; float:left; padding-left:8px; position: relative; height: 700px; margin: 0; padding: 0; } .textbold {font-weight:bold;} #corp_contectHome{width:1000px; font-size:12px; text-align:justify;} .fixed:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .fixed{ display:block; } /* \*/ .fixed{ min-height:1%; } * html .fixed{ height:1%; } * { outline: 0; } #corp_arContainer { position: absolute; top: 490px; left: 8px; } .homeBoxText {font-size:12px; color:3000;} .vAlignMiddle { vertical-align: middle; } /* Sub-Arrow */ .subArrow { margin: 0; padding: 0; text-align: left; width: 185px; } .subArrow li { background: url(/images/submenu_lvl.gif) no-repeat left 8px; padding-left: 12px; list-style: none; } /* Home */ .emg a:link {color: #000; text-decoration: none;} .emg a:visited {color: #000; text-decoration: none;} .emg a:hover {color: #000; text-decoration: none;}