html, body{font-family: "Helvetica",sans-serif; font-weight:300; width:100%; height:100%; position:relative; color:#000; margin:0; padding:0; font-size:11.5pt; line-height:1.3em; background:url('../images/bg-body.jpg') repeat-x #a9b2b7;}
ul{display:inline-block;}
ul, li{margin:0; padding:0;}
li{line-height:1.3em; list-style-type:none;}
li:before {content: "·"; font-size:32pt; vertical-align:middle; margin-left:-14px; margin-right:3px;}
ul.circle li:before{content: "°"; font-size:10pt;}
p{margin-bottom:16px;}
a{font-size:15px;}
a:hover{ text-decoration:none;}
img{width:100%;}
table{border-collapse:separate; margin-bottom:25px;}
table tr td ul{ margin-left:10px !important;}
table tr td, table tr td ul li{font-size:11pt;}

h1{font-size:26pt; margin:0; padding:0 0 15px 0; font-weight:300;}
h2{font-size:15.5pt; margin:0; padding:0 0 15px 0; font-weight:400; text-transform:uppercase;}
h3{font-size:11.5pt; margin:25px 0 0 0; padding:0 0 15px 0; font-weight:600; color:#6e787b; text-transform:uppercase;}
h5{font-size:11pt; margin:0; padding:0 0 10px 0; font-weight:600; color:#6e787b;}
/*===========Header===========*/
header{display:none;}
.navbar{margin:0;}
.navbar-toggle{background:#00a55d; padding:6px 8px;  margin:18px 10px;}
.navbar-toggle .icon-bar{background:#fff; width:25px; height:3px;}
.navbar-collapse{background:#fff; padding:0;}
.navbar-nav{background:#fff; width:100%; margin:0; padding:0;}
.navbar-nav .caret{float:right; margin-top:8px;}
.navbar-nav > li:before {content: ""; vertical-align:top; margin-left:0; margin-right:0}
.navbar-nav > li > a{font-weight:400;}
.navbar-nav > li.open > ul{padding:0;}
.navbar-nav > li.open > ul > li:before {content: ""; vertical-align:top; margin-left:0; margin-right:0}
.navbar-nav > li.open > ul > li > a{padding-bottom:12px !important; padding-left:30px !important;}
.navbar-nav > li > ul > li.select > a{text-decoration:underline;}

.navbar-nav > li.navblue > a{color:#004990;}
.navbar-nav > li.navblue.active > a,
.navbar-nav > li.navblue.open > a,
.navbar-nav > li.navblue:hover > a,
.navbar-nav > li.navblue.open > ul > li > a{background:#004990; color:#fff;}

.navbar-nav > li.navgreen > a{color:#00a55d;}
.navbar-nav > li.navgreen.active > a,
.navbar-nav > li.navgreen.open > a,
.navbar-nav > li.navgreen:hover > a,
.navbar-nav > li.navgreen.open > ul > li > a{background:#00a55d; color:#fff;}

.navbar-nav > li.navdarkgreen > a{color:#006838;}
.navbar-nav > li.navdarkgreen.active > a,
.navbar-nav > li.navdarkgreen.open > a,
.navbar-nav > li.navdarkgreen:hover > a,
.navbar-nav > li.navdarkgreen.open > ul > li > a{background:#006838; color:#fff;}

.navbar-nav > li.navorange > a{color:#de6335;}
.navbar-nav > li.navorange.active > a,
.navbar-nav > li.navorange.open > a,
.navbar-nav > li.navorange:hover > a,
.navbar-nav > li.navorange.open > ul > li > a{background:#de6335; color:#fff;}

.navbar-nav > li.navgrey > a{color:#6e787b;}
.navbar-nav > li.navgrey.active > a,
.navbar-nav > li.navgrey.open > a,
.navbar-nav > li.navgrey:hover > a,
.navbar-nav > li.navgrey.open > ul > li > a{background:#6e787b; color:#fff;}

#header {padding:10px 0;}
#header .logo{height:65px; width:auto;}
#header .logoReport{float:right; height:90px; width:auto;}

/*===========Body===========*/
.text-blue{color:#004990;}
.text-green{color:#00a55d;}

.md-margin-left-10{margin-left:10px;}
.md-margin-right-10{margin-right:10px;}

.blue-style  h1{border-color:#004990 !important;}
.blue-style  h2{color:#004990;}
.blue-style ul > li:before {color:#004990;}

.green-style  h1{border-color:#00a55d !important;}
.green-style  h2{color:#00a55d;}
.green-style ul > li:before {color:#00a55d;}

.darkgreen-style  h1{border-color:#006838 !important;}
.darkgreen-style  h2{color:#006838;}
.darkgreen-style ul > li:before {color:#006838;}

.orange-style  h1{border-color:#de6335 !important;}
.orange-style  h2{color:#de6335;}
.orange-style ul > li:before {color:#de6335;}

.grey-style  h1{border-color:#6e787b !important;}
.grey-style  h2{color:#6e787b;}
.grey-style ul > li:before {color:#6e787b;}

.col-md-12, .col-md-8, .col-md-6, .col-md-4, .col-md-3,
.col-sm-12, .col-sm-8, .col-sm-6, .col-sm-4,
.col-xs-12, .col-xs-6  {padding:0; margin-bottom:20px;}

.gindex, .gindex a{font-size:9pt;}
table tr th sup a, table tr td sup a, p sup a{font-size:9pt;}
.display-responsive-xs{display:none;}
.display-responsive-sm{display:none;}
.display-responsive-md{display:none;}

.p-customers-color{font-size:10pt;}

.scrollTop{padding:13px; border-radius:5px; position:fixed; bottom:20px; right:20px; display:none; z-index:99;}
.scrollTop.blue{background:rgba(0,147,205,0.7);}
.scrollTop.green{background:rgba(0,149,96,0.7);}
.scrollTop.darkgreen{background:rgba(0,104,56,0.7);}
.scrollTop.orange{background:rgba(222,100,53,0.7);}
.scrollTop.grey{background:rgba(110,121,123,0.7);}

.pb5{padding:0 0 5px 0;}
/*===========Menu===========*/
#content .content-wrap{background:#fff; border-top:15px solid #00a55d;}
#content .content-wrap .main-menu{padding:0; width:23%; float:left;}
#content .content-wrap .main-menu ul > li{padding-left:10px; border-bottom:1px solid #ccc;}
#content .content-wrap .main-menu ul > li:before{content: ""; vertical-align:top; margin-left:0; margin-right:0}
#content .content-wrap .main-menu ul > li > a{background:#fff; color:#4b4f50; padding:8px; display:block; font-weight:400;}
#content .content-wrap .main-menu ul > li.active > a,
#content .content-wrap .main-menu ul > li > a:hover{color:#fff; text-decoration:underline;}

#content .content-wrap .main-menu ul > li > ul{display:none;}
#content .content-wrap .main-menu ul > li > ul > li > a{color:#fff;}
#content .content-wrap .main-menu ul > li.active > ul {display:inline-block;}
#content .content-wrap .main-menu ul > li.active > ul > li{border:none;}
#content .content-wrap .main-menu ul > li > ul > li > a:hover,
#content .content-wrap .main-menu ul > li.active > ul > li > a.select{text-decoration:underline;}

#content .content-wrap .main-menu ul > li.navblue, #content .content-wrap .main-menu ul > li.navblue.active > a,
#content .content-wrap .main-menu ul > li.navblue > a:hover, #content .content-wrap .main-menu ul > li.navblue.active > ul > li > a{background:#004990; color:#fff}
#content .content-wrap .main-menu ul > li.navblue > a{color:#004990;}

#content .content-wrap .main-menu ul > li.navgreen, #content .content-wrap .main-menu ul > li.navgreen.active > a,
#content .content-wrap .main-menu ul > li.navgreen > a:hover, #content .content-wrap .main-menu ul > li.navgreen.active > ul > li > a{background:#00a55d; color:#fff}
#content .content-wrap .main-menu ul > li.navgreen > a{color:#00a55d;}

#content .content-wrap .main-menu ul > li.navdarkgreen, #content .content-wrap .main-menu ul > li.navdarkgreen.active > a,
#content .content-wrap .main-menu ul > li.navdarkgreen > a:hover, #content .content-wrap .main-menu ul > li.navdarkgreen.active > ul > li > a{background:#006838; color:#fff}
#content .content-wrap .main-menu ul > li.navdarkgreen > a{color:#006838;}

#content .content-wrap .main-menu ul > li.navorange, #content .content-wrap .main-menu ul > li.navorange.active > a,
#content .content-wrap .main-menu ul > li.navorange > a:hover, #content .content-wrap .main-menu ul > li.navorange.active > ul > li > a{background:#de6335; color:#fff}
#content .content-wrap .main-menu ul > li.navorange > a{color:#de6335;}

#content .content-wrap .main-menu ul > li.navgrey, #content .content-wrap .main-menu ul > li.navgrey.active > a,
#content .content-wrap .main-menu ul > li.navgrey > a:hover, #content .content-wrap .main-menu ul > li.navgrey.active > ul > li > a{background:#6e787b; color:#fff}
#content .content-wrap .main-menu ul > li.navgrey > a{color:#6e787b;}

/*===========Content===========*/
#content .content-wrap .main-index{overflow:hidden; padding:0; width:77%; float:left; box-sizing:border-box; position:relative; border-left:1px solid #ccc; min-height:750px;}
#content .content-wrap .main-content{overflow:hidden; padding:40px; width:77%; float:left; box-sizing:border-box; position:relative; border-left:1px solid #ccc; min-height:750px;}
#content .content-wrap .main-content h1{border-bottom:2px solid; margin-bottom:20px;}

table.Stakeholder tr th{padding:5px 15px; text-align:left; vertical-align:top; color:#fff;}
table.Stakeholder tr td{padding:10px 12px; vertical-align:top;}

table.frame{border-top:none;}
table.frame tr th.title{padding:5px 15px; text-align:center; vertical-align:top; color:#fff; font-size:11.5pt;}
table.frame tr td{padding:5px 10px; vertical-align:top; font-size:10.5pt;}
table.frame tr td b{color:#6e787b;}

.footnote, .footnote a, .footnote table tr td{font-size:10pt;}
.footnote{border-top:1px solid #333; padding-top:5px;}
.footnote table{margin-bottom:0;}
.footnote td{line-height:1.3em; vertical-align:top; padding-bottom:3px;}
.footnote td.sup-sub{padding-right:5px;}
.footnote td.sup-sub sup{top:5px;}
/*===========Footer===========*/
#footer{background:#292929; color:#fff; font:12px Arial,Helvetica,sans-serif; overflow:hidden;}
#footer .footer-links {display:table; width:100%; margin:0; padding:25px 0; list-style-type:none;}
#footer .footer-links > li{color:#fff; display:table-cell; width:1%; font-size:14px; text-transform:uppercase; padding:0 10px; position:relative;}
#footer .footer-links > li > ul{display:inline-block; width:100%; text-transform:capitalize; margin-top:10px;}
#footer .footer-links > li > ul > li > a:hover{text-decoration:underline;}

#footer .social .right{text-align:right;}
#footer .social{border-top:solid 1px #7F7F7F; padding:25px 0; display:inline-block; width:100%;}
#footer .social ul.terms{ display:table-cell; width:100%;}
#footer .social ul.terms > li{float:left; padding:5px;}
#footer .social ul.terms > li:first-child{padding-left:0;}
#footer .social ul.terms > li:after{content:"|"; padding-left:10px;}
#footer .social ul.terms > li:last-child:after{content:""}

#footer .social .follow{font-size:15px; display:inline-block; padding-top:5px; margin-right:10px;}
#footer .social ul.social-icon{display:table-cell; float:right;}
#footer .social ul.social-icon > li{float:left; border-radius:100%; border:2px solid #fff; width:30px; height:30px; margin:0 5px; padding:2px 0 0 1px; text-align:center; display:block;}
#footer .social ul.social-icon > li > a > span{font-size:15px;}
#footer .social ul.social-icon > li > a:hover{text-decoration:none !important;}

#footer li > a{color:#fff; line-height:1.5em;}
#footer li > a:hover{text-decoration:underline;}
#footer li:before{content: ""; font-size:32pt; vertical-align:top; margin-left:0; margin-right:0;}

#footer .copyright{background:#fff; padding:20px 0; color:#585858;}
#footer .copyright p{font-size:14px; margin-top:10px;}
#footer .footer-logo{height:40px; width:auto; float:left; margin-top:8px;}

#footer  [class*="col-"]{margin-bottom:0;}

/*===========Content (Index Page)===========*/
#content .content-wrap .main-index{position:relative; height:100%; display:inline-block;}
#content .content-wrap .main-index .caption{position:absolute; top:60px; left:60px; color:#231f20;}
#content .content-wrap .main-index .caption_1{font-family:'Segoe UI'; sans-serif; font-weight:300; font-size:35px; line-height:1.1em;}
#content .content-wrap .main-index .caption_2{width:100%; font-weight:300; font-size:15px; line-height:1.1em;}
#content .content-wrap .main-index .caption_2 .title{margin-bottom:7px; padding-bottom:0; display:inline-block; width:285px; font-weight:600}
#content .content-wrap .main-index .banner{border-top:16px solid #00a55d; margin-top:250px; width:80%; padding-top:16px;}
#content .content-wrap .main-index .mainImg{padding:0; margin:0;}

/*===========Induction (Corporate Page)===========*/
.corporate_profile_setHeight{height:490px;}
 
/*===========Induction (Highlight Page)===========*/
.wrap{display:inline-block; width:100%;}
.wrap .wrap-img{display:block; float:left; width:100%; margin-bottom:5px;}
.wrap .wrap-img .right{float:right; margin-right:15px;}
.wrap img{height:65px; width:auto;}
.wrap .divide{background:#0091c9; height:13px; width:105%; margin-left:-40px; float:left; margin-bottom:20px;}
.wrap .wrap-content{float:left; width:100%; display:table; margin-bottom:10px;}
.wrap .wrap-content .hightlight{display:table-cell; float:none; vertical-align:top; color:#544741; font-size: 12pt; font-weight: 600; line-height: 1.2em;}
.wrap .wrap-content .hightlight .hightlight-content{background:#f1f1f2; padding:12px 10px 20px 10px; margin-right:5px;}
.wrap .wrap-content .hightlight b{font-size: 24pt; line-height: 1.2em; color:#00a55d;}
.wrap .wrap-content .hightlight span{color:#858b8e;}

/*===========Induction (Sustainability Page)===========*/
.blue-style table.Stakeholder{border-top:2px solid #004990; border-bottom:2px solid #004990;}
.blue-style table.Stakeholder tr th{background:#004990;}
.blue-style table.Stakeholder tr.bg td{background:#e9e8e8;}
.blue-style table.Stakeholder tr td b{color:#6e787b;}

table.Stakeholder.Materiality tr td.title{width:180px;}

table.CapitaADN{border:4px solid #004990; border-top:none; width:85%;}
table.CapitaADN tr th{padding:5px 10px; background:#004990; text-align:center; vertical-align:top; color:#fff; font-size:11pt;}
table.CapitaADN tr td{padding:5px 10px; font-size:11pt; vertical-align:top;}
table.CapitaADN tr td.bg{background:#ebf4fa;}
table.CapitaADN tr td.title{text-align:center; color:#6e787b; border-bottom:1px solid #004990;}
table.CapitaADN tr td b{ color:#6e787b;}
table.CapitaADN tr.border-bot td{border-bottom:1px solid #004990;}

.creating_value{position:relative; width:690px; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.creating_value_1{width:340px; position:absolute; top:70px; left:15px}
.creating_value_1 .content{font-size:10pt; }
.creating_value_1 .content ul li{font-size:10pt;}
.creating_value_1 .content .item{border-bottom:1px solid #d0d1d2; padding:10px 0;}
.creating_value_1 .content .item:last-child{border:none;}
.creating_value_1 .content .item b, .creating_value_1 .content .item .sub{color:#6e787b;}

.creating_value_2{width:420px; position:absolute; top:50px; z-index:10; left:270px;}
.creating_value_2 table tr td{font-size:10pt;  padding:5px 0;}
.creating_value_2 table tr td ul li{font-size:10pt;}
.creating_value_2 table tr td b{color:#6e787b;}
.creating_value_2 table tr td:last-child{ border-bottom:1px solid #b3d7ef;}
.creating_value_2 table tr:last-child td:last-child{border-bottom:none;}

/*===========Induction (President Page)===========*/
.ceo-img-caption{margin:0; padding:10px; font-size:9pt; background:#6e787b; color:#fff; line-height:1.3em;}

.green-style table.Stakeholder{border-top:2px solid #00a55d; border-bottom:2px solid #00a55d;}
.green-style table.Stakeholder tr th{background:#00a55d;}
.green-style table.Stakeholder tr.bg td{background:#e9e8e8;}
.green-style table.Stakeholder td{line-height:1.1em;}
.green-style table.Stakeholder tr td b{color:#6e787b;}
.green-style table.Stakeholder.key_performance td{font-size:10pt;}
.green-style table.Stakeholder.key_performance td p{margin-bottom:5px; font-size:10pt;}

/*===========Environment (Environmental Capital Page)===========*/
table.frame.environment{border:4px solid #006838;}
table.frame.environment tr th.title{background:#006838;}
table.frame.environment tr td{border-top:2px solid #006838;}
table.frame.environment tr td.bg{background:#e9e8e8;}
table.frame.environment tr td b{color:#6e787b;}
table.frame.environment tr td.title{vertical-align:middle; border-right:4px solid #006838;}

table.frame.environment tr td table{margin:0;}
table.frame.environment tr td table tr td{padding:10px; border:none; border-right:2px solid #006838; width:25%;}
table.frame.environment tr td table tr td.withImg{text-align:center; padding:0; width:25%;}
table.frame.environment tr td table tr td.withImg img.sun{height:55px; width:auto; margin:10px 0;}
table.frame.environment tr td table tr td.withImg img.water{height:55px; width:auto; margin:10px 0;}
table.frame.environment tr td table tr td.withImg img.trash{height:55px; width:auto; margin:10px 0;}
table.frame.environment tr td table tr td.withImg img.tree{height:55px; width:auto; margin:10px 0;}

/*===========Environment (Key Performance Page)===========*/
.darkgreen-style table.Stakeholder{border-top:2px solid #006838; border-bottom:2px solid #006838;}
.darkgreen-style table.Stakeholder tr th{background:#006838;}
.darkgreen-style table.Stakeholder tr.bg td{background:#e9e8e8;}
.darkgreen-style table.Stakeholder td{line-height:1.1em;}
.darkgreen-style table.Stakeholder tr td b{color:#6e787b;}
.darkgreen-style table.Stakeholder.key_performance td{font-size:10pt; border-bottom:1px solid #006838;}
.darkgreen-style table.Stakeholder.key_performance td p{margin-bottom:5px; font-size:10pt;}
.darkgreen-style table.Stakeholder.key_performance td ul{display:block;}
.darkgreen-style table.Stakeholder.key_performance td ul li{font-size:10pt;}
/*===========Environment (Managing  Footprint Page)===========*/
table.objective{border:4px solid #006838;}
table.objective tr td{border-top:none; padding:20px 0;}
table.objective tr td table{margin:0;}
table.objective tr td table tr td{padding:0 10px; vertical-align:top; font-size:11.5pt;}
table.objective tr td table tr td:last-child{border:none;}

/*===========Environment (Tracking System Page)===========*/
.total_carbon_emissions{float:right; padding-left:35px; margin-bottom:20px;}

/*===========Human (Human Capital Page)===========*/
.orange-style table.frame{border:4px solid #de6335;}
.orange-style table.frame tr th.title{background:#de6335;}
.orange-style table.frame tr td{border-top:1px solid #de6335; font-size:10pt;}
.orange-style table.frame tr td ul li{font-size:10pt;}
.orange-style table.frame tr td.bg{background:#e3e4e5; border-right:4px solid #de6335; vertical-align:middle;}

.orange-style table.Stakeholder{border-top:1px solid #de6335; border-bottom:2px solid #de6335;}
.orange-style table.Stakeholder tr th{background:#de6335;}
.orange-style table.Stakeholder tr.bg td{background:#e9e8e8;}
.orange-style table.Stakeholder td, .orange-style table.Stakeholder td ul li{line-height:1.1em; font-size:10pt;}
.orange-style table.Stakeholder tr td b{color:#6e787b;}
.orange-style table.Stakeholder.CapitaLand_Staff tr th,
.orange-style table.Stakeholder.CapitaLand_Staff tr td{text-align:center; vertical-align:middle; font-size:10pt; border-bottom:1px solid #de6335}
.orange-style table.Stakeholder.CapitaLand_Staff tr:last-child td{border:none;}

.orange-style table.Stakeholder.OHS tr th,
.orange-style table.Stakeholder.OHS tr td{text-align:center; vertical-align:middle;}

/*===========Human (Human Right Page)===========*/
.global_workforce_nationality{margin-left:70px; padding-right:28px;}
.global_workforce_age{padding-right:85px;}
.global_workforce_educational{margin-left:70px;}
.global_workforce_gender{padding-right:105px;}
.human_profile_title{margin-left:130px;}
.human_profile_male{ margin-left:130px; padding-right:72px;}
.human_profile_female{ padding-right:95px;}
.human_staff{float:right; padding-left:25px; margin-bottom:20px;}

/*===========Social (Social Capital Page)===========*/
.orange-style table.Stakeholder.Interest tr th{font-size:10.5pt;}
.orange-style table.Stakeholder.Interest tr td{padding:10px;}
/*===========Social (Community Development Page)===========*/
.orange-style table.Stakeholder.Key_Programme tr td, .orange-style table.Stakeholder.Key_Programme tr td ul li{font-size:10pt;}
.social_staff{float:right; padding-left:25px; margin-bottom:20px;}

/*===========Social (Community Development Page)===========*/
table.gri_index tr th{background:#6e787b; padding:5px; color:#fff; font-size:10pt; vertical-align:top;}
table.gri_index tr td{border-bottom:1px solid #adb0b2; border-right:1px solid #adb0b2; padding:5px; vertical-align:top; font-size:10pt;}
table.gri_index tr td a{vertical-align:top; font-size:10pt;}
table.gri_index tr td:last-child{border-right:none;}
table.gri_index tr.header td{background-color:#6e787b; color:#fff; font-weight:bold; font-size:10pt;}
table.gri_index tr.subheader td{background-color: #e9e8e8; font-weight:bold; font-size:10pt;}
table.gri_index tr td img{width:13px;}
/*===========Social Responsibility (Guidance Social Responsibility Page)===========*/
table.Responsibility tr th{background:#6e787b; color:#fff; padding:5px 6px; font-size:11pt;}
table.Responsibility tr td{border-bottom:1px solid #adb0b2; padding:5px 6px; font-size:10.5pt; vertical-align:top;}

/*===========GRI (GRI Index Page)===========*/
.griIndex_logo{position:absolute; top:22px; right:40px; width:200px;}