/*@font-face {
    font-family: 'robotolight';
    src: url('/images/fonts/Roboto-Light/roboto-light-webfont.eot');
    src: url('/images/fonts/Roboto-Light/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/Roboto-Light/roboto-light-webfont.woff2') format('woff2'),
         url('/images/fonts/Roboto-Light/roboto-light-webfont.woff') format('woff'),
         url('/images/fonts/Roboto-Light/roboto-light-webfont.ttf') format('truetype'),
         url('/images/fonts/Roboto-Light/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('/images/fonts/RobotoCondensed-Regular/robotocondensed-regular-webfont.eot');
    src: url('/images/fonts/RobotoCondensed-Regular/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/RobotoCondensed-Regular/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('/images/fonts/RobotoCondensed-Regular/robotocondensed-regular-webfont.woff') format('woff'),
         url('/images/fonts/RobotoCondensed-Regular/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('/images/fonts/RobotoCondensed-Regular/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('/images/fonts/RobotoCondensed-Light/robotocondensed-light-webfont.eot');
    src: url('/images/fonts/RobotoCondensed-Light/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/RobotoCondensed-Light/robotocondensed-light-webfont.woff2') format('woff2'),
         url('/images/fonts/RobotoCondensed-Light/robotocondensed-light-webfont.woff') format('woff'),
         url('/images/fonts/RobotoCondensed-Light/robotocondensed-light-webfont.ttf') format('truetype'),
         url('/images/fonts/RobotoCondensed-Light/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('/images/fonts/RobotoCondensed-LightItalic/robotocondensed-lightitalic-webfont.eot');
    src: url('/images/fonts/RobotoCondensed-LightItalic/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/RobotoCondensed-LightItalic/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('/images/fonts/RobotoCondensed-LightItalic/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('/images/fonts/RobotoCondensed-LightItalic/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('/images/fonts/RobotoCondensed-LightItalic/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('/images/fonts/RobotoCondensed-Bold/robotocondensed-bold-webfont.eot');
    src: url('/images/fonts/RobotoCondensed-Bold/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/RobotoCondensed-Bold/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('/images/fonts/RobotoCondensed-Bold/robotocondensed-bold-webfont.woff') format('woff'),
         url('/images/fonts/RobotoCondensed-Bold/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('/images/fonts/RobotoCondensed-Bold/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotothin';
    src: url('/images/fonts/Roboto-Thin/roboto-thin-webfont.eot');
    src: url('/images/fonts/Roboto-Thin/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/Roboto-Thin/roboto-thin-webfont.woff2') format('woff2'),
         url('/images/fonts/Roboto-Thin/roboto-thin-webfont.woff') format('woff'),
         url('/images/fonts/Roboto-Thin/roboto-thin-webfont.ttf') format('truetype'),
         url('/images/fonts/Roboto-Thin/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}*/


html { background: #fff; color: #333333; font: 16px/20px "Noto Sans", sans-serif; }
body { margin: 0; text-align: justify;}


* { margin: 0; padding: 0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix {*zoom: 1;/*clear: both;*/}
a { text-decoration: none; color: #195388; }
p { margin: 16px 0; }
img { max-width: 100%; border: none; }
ul, ol { padding-left: 15px; }
.plus {  display: inline; *vertical-align: middle; *margin-right: 4px; }
blockquote.block-quote {
  font-size: 20px;
  padding: 30px 10px 20px 10px;
  background-color: #d7d9e7;
  background-image: url(/images/open-quote.gif);
  background-position: 5px 10px;
  background-repeat: no-repeat;
  }
  blockquote.block-quote div.close-block {
     display: block;
     background-image: url(/images/close-quote.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
     height: 29px;
   }
.quote-content { padding: 4%; }

.navbar-wrapper { width: 100%; background: #fff; position: relative; z-index: 1; }
.navbar-container { margin: 0 auto; width: 1000px; padding: 0; position: relative; }
.navbar-wrapper a.logo { float: left; margin-left: 1px; padding: 21px 0 6px 14px; }
.menu-wrap { width: 1000px; margin: 0 auto; }
.top-menu { float: left; }
.banner-home { position: relative; z-index: 0; margin: 0 auto; max-width: 1440px; overflow: hidden; }
.bx-wrapper .bx-caption { width: auto; left: 260px; bottom: 12px; background: #2d5888;  }

.navbar-inner { float: right; padding: 0 0 0 0;}
.navbar { clear: both; }
.toggleMenu { display: none; }
.nav { float: left; width: 770px; display: inline; margin: 0; padding: 47px 0 0 0; }
.nav li { float: left; list-style: none; position: relative; }
.nav li a { font-size: 14px; padding: 13px 18px 14px 18px; color: #333333; display: block; /*font-family: 'robotolight';*/ }
.nav li a:hover, .nav li a.rollOver { color: #fff; background: #1555a0; }
.nav li a.selected {color: #fff; background: #1555a0; }
.nav li ul li a.selected {color: #fff; background: #2671c7; }
.nav li ul { width: 238px; float: left; background: #2062ae; margin: 0; padding: 0;  }
.nav li ul li { float: none; list-style: none; padding: 0; position: relative; }
.nav li ul li a { padding: 10px 16px 8px 16px; display: block; color: #fff; }
*:first-child+html .nav li ul li a { padding: 10px 15px 8px 15px; }
.nav li ul li a:hover { color: #fff; background: #2671c7;  }
.nav li ul li.third a { background:url(/images/level-2-arrow.png) no-repeat 220px center; }
.nav li ul li.third a:hover { background:url(/images/level-2-arrow.png) no-repeat 220px center #2671c7;  }
.nav li ul li.third a.rollOver { color: #fff; background:url(/images/level-2-arrow.png) no-repeat 220px center #2671c7;  }
.nav li ul li a.selected { color: #fff; }
.nav li .sub-menu-content { position: absolute; top: 47px; left: 0; display: none; }
.nav li .sub-menu-lv3 { display: none; }
.nav li ul li ul.sub-menu-lv3.rightsub { left: -210px; }
.nav li ul li ul { position: absolute; left: 238px; top: 0; margin: 0; padding: 0;  }
.nav li ul li ul li { float: none; padding: 0; width: 275px; padding: 0; position: relative; }
.nav li ul li ul li a { display: block; background: #2671c7; padding: 10px 16px 8px 16px; color: #fff; height: 20px; }
.nav li ul li ul li a.last { border-bottom: 0; }
.nav li ul li ul li a:hover, .nav li ul li ul li a.selected { background: #2671c7; color: #fff; }
.nav li ul.sub-menu-lv3 { background: #2671c7; width: 208px; }
.nav li ul.sub-menu-lv3 li { width: 220px;  }
.nav li ul.sub-menu-lv3 li a { background: #2671c7;  }
.nav li a.last { padding-right: 0; }
.nav li ul.portfolio { width: 448px; }
.nav li ul.portfolio li { float: left; width: 50%; }
@media all and (max-width: 3000px) and (min-width: 801px) {
.nav li:hover .sub-menu-content { display: block;  }
.nav li ul li:hover .sub-menu-lv3 { display: block; }
}



#search-btn { position: absolute; top: 0; right: 0; display: none;  }
#search_box { width: 180px; height: 26px; position: absolute; z-index: 3; right: 54px; top: 17px; float: left; padding: 0; margin: 0; background: #f0f0f0;
      /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 20px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 20px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 20px; 
}
#search_box input[type="text"]{ font-size: 12px; color: #8c8b8b; width: 140px; float: right; padding: 5px; background: transparent; border: none; }
#search_box #s_btn { float: left; border:none; width: 24px; height: 24px; cursor: pointer; outline: medium none; background: transparent; background-image: url(/images/search.png); background-repeat: no-repeat; background-position: 10px 6px; text-indent: -1000em; }

.content-wrap { width: 100%; /*overflow: hidden;*/ }
.content-inner { width: 900px; margin: 12px auto 15px; padding: 0 54px 25px 46px; position: relative;}

.header { position: relative; z-index: 2; width: 100%; height: auto; background: none; }
.header.clone { background: #fff; position:fixed; top: -127px; left: 0; right: 0; z-index:999; transition:0.4s top cubic-bezier(.3,.73,.3,.74); }
body.down .header.clone { top:0; }

.banner-wrap { width: 100%; }
.banner-inner { max-width: 1200px; margin: 0 auto;  }
.banner-inner img { display: block; }

.portfolio-wrap { width: 100%; position: relative; z-index: 0;   
    background: #f1f4f5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f1f4f5, #dfe9eb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f1f4f5, #dfe9eb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f1f4f5, #dfe9eb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f1f4f5, #dfe9eb); /* Standard syntax (must be last) */ }
.portfolio-inner { width: 1000px; margin: 0 auto; position: relative;  }
.portfolio-inner img.map-sg { display: block; margin: 0 auto; }

#portfolio-map-wrap {  }
.portfolio-branchmap { float: left; width: 100%; top: 0; left: 0;  }
.pl-list { display: none; position: absolute; z-index:9; padding: 0; width: auto; height: auto; }
.pl-list a { color: #fff; }
.pl-list a:hover { color: #db2129; }  
.property-name a { background:url(/images/portfolio-plus.png) no-repeat right bottom #2656a5; padding: 3px 0; display: block; text-align: center; font-size: 13px;  }   
.property-name a:hover { background:url(/images/portfolio-plus.png) no-repeat right bottom #558ae2; padding: 3px 0; color: #fff; }
.pop-wrap { position: relative; }
.pop-wrap img { display: block; }
.dot-top { position: absolute; top: 144px; left: -2px;  }
.dot-bottom { position: absolute; top: -45px; left: -2px; }
.point-1 { top: 71px; left: 463px; }
.point-2 { top: 61px; left: 483px; }
.point-3 { top: 233px; left: 324px; }
.point-4 { top: 96px; left: 436px; }
.point-5 { top: 111px; left: 461px; }
.point-6 { top: 42px; left: 262px; }
.point-7 { top: 24px; left: 282px; }
.point-8 { top: 273px; left: 441px; }
.point-9 { top: 214px; left: 253px; }
.point-10 { top: 73px; left: 426px; }
.point-11 { top: 101px; left: 475px; }
.point-12 { top: 146px; left: 409px; }
.point-13 { top: 268px; left: 638px; }
.point-14 { top: 73px; left: 445px; }
.point-15 { top: 26px; left: 249px; }
.point-16 { top: 309px; left: 608px; }

#pos1 { top: 297px; left: 457px; }
#pos2 { top: 287px; left: 474px; }
#pos3 { top: 170px; left: 318px; }
#pos4 { top: 321px; left: 430px; }
#pos5 { top: 336px; left: 454px; }
#pos6 { top: 267px; left: 257px; }
#pos7 { top: 250px; left: 277px; }
#pos8 { top: 211px; left: 436px; }
#pos9 { top: 152px; left: 248px; }
#pos10 { top: 298px; left: 421px; }
#pos11 { top: 326px; left: 471px; }
#pos12 { top: 84px; left: 404px; }
#pos13 { top: 206px; left: 634px; }
#pos14 { top: 298px; left: 438px; }
#pos15 { top: 251px; left: 244px; }
#pos16 {top: 249px;left: 606px;}

#portfolio-map a { cursor: pointer; display: block; float: left; height: auto; position: absolute;  width: auto; z-index: 11; }
#pos1:hover .pop-wrap { display: block; }
.note-bg { background: #333; color: #fff; font-size: 11px; padding: 5px; }
.close { position: absolute; top: 0; right: 0; cursor: pointer; width: 25px; height: 25px; background:url(/images/close-dot.png) repeat; text-align: center; font-size: 13px; line-height: 25px; color: #2656a5;  }
img.map-m, .m-thumb-property { display: none; }
.note-text { /*font-family: 'roboto_condensedlight_italic';*/ font-size: 13px; color: #696969; }
.table-format { border-collapse: collapse; width: 100%;  }
.table-format tr th, .table-format tr td { padding: 10px; text-align: center; }
*:first-child+html .table-format tr td { text-align: left; }
.table-format tr th:first-child, .table-format tr td:first-child { text-align: left; }
.table-format tr th { background: #2062ae; color: #fff; font-size: 18px; vertical-align: bottom; }
.table-format tr td { border-bottom: 1px solid #ededed; vertical-align: top;  }
.table-format tr.total { background: #ededed; }
.table-format.table-0 tr td:nth-child(2) { text-align: left; }
.table-format.table-0 tr th:nth-child(2) { text-align: left; }
.table-format.table-1 tr th:nth-child(2), .table-format.table-1 tr td:nth-child(2) { text-align: left; }
.table-format.table-1 tr th:nth-child(3), .table-format.table-1 tr td:nth-child(3) { text-align: left; }
.text-center { text-align: center; }
.text-left { text-align: left; }

.notes-wrap { /*font-family: 'roboto_condensedlight_italic';*/ font-size: 13px; color: #696969; padding: 15px 0; clear: both; }
.notes-wrap strong { /*font-family: 'roboto_condensedbold';*/ /*font-weight: normal;*/ }
.notes-wrap ol { padding-left: 15px; }


h1 { /*font-family: 'roboto_condensedregular';*/ color: #005886; font-size: 26px; font-weight: normal; margin: 1em 0; text-transform: uppercase; line-height: 1; }
h2 { /*font-family: 'roboto_condensedregular';*/ color: #005886; font-size: 22px; font-weight: normal; margin: 1em 0; clear: both;  }
h2.reset-bottom { margin: 0; }
*:first-child+html h2.reset-bottom { line-height: 39px;}
h3 { color: #333; /*font-family: "roboto_condensedbold";*/ font-size: 16px; /*font-weight: normal;*/  }
h4 { color: #253d6f; /*font-family: "roboto_condensedbold";*/ font-size: 16px; /*font-weight: normal;*/  }

.first-row, .second-row  { width: 100%; }
.col-one-half { width: 50%; float: left; }

.footer-wrap { width: 100%; background: #f1f1f1; border-top: 2px solid #e7e7e7; padding: 12px 0; color: #5b5b5b; font-size: 13px; }
.footer-inner { width: 1000px; margin: 0 auto;  }
.sitemap { float: left; padding: 5px 0 0 15px; width: 80%; }
.sitemap-list { margin: 0; padding: 0; }
.sitemap-list li { list-style: none; float: left; padding: 0 10px;  }
.sitemap-list li:first-child { padding-left: 0; }
.sitemap-list li a { color: #195388; }
.footer-copyright { display: block; padding-left: 15px; float: left; }
.footer-cmt { width: 16%; float: left; }
.m-footer-i { display: none; }

#home .content-inner { padding: 0 45px 50px 54px; width: 905px; }
.home-wrp-1 { width: 286px; padding-right: 24px; float: left; }
.home-wrp-2 { width: 591px; float: right; }
.home-wrp-3 { width: 591px; float: right; }
.col-news { width: 289px; float: left; }
.col-updates { float: right; padding-left: 31px; width: 270px;}
.col-publications { width: 289px; float: left; }
.col-email { width: 271px; float: left; padding-left: 31px; }
.m-mouse, .m-mouse-text { display: none; }


.stock-price { margin: 0; padding: 0; list-style: none; width: 100%; height: 100%; }
.stock-price li.one { color: #000; font-size: 36px; font-weight: bold; padding-right: 12px; line-height: 60px;}
.stock-price li.two { font-size: 20px; line-height: 25px; }
.stock-price li.ir_indicator_gain { background:url(/images/arrow-up.gif) no-repeat 0 bottom; color: #6d8194 ; padding: 6px 0 0 30px; }
.stock-price li.ir_indicator_loss { background:url(/images/arrow-down.gif) no-repeat 0 bottom; color:#6d8194 ; padding: 0 0 0 30px; }
.stock-price li.ir_indicator_nil { background:url(/images/arrow-equal.gif) no-repeat 0 bottom; padding: 6px 0 0 30px; color: #6d8194 ; }
.stock-price li.stock_tit {font-size: 25px; color: #6d8194;}

.stock-volume ul { /*font-family: 'roboto_condensedlight';*/ font-size: 15px; color: #333333; margin: 0; padding: 0;  }
.stock-volume ul li { /*float: left;*/ list-style: none; border-left: 1px solid #cccccc; padding: 0 10px 0 10px;  }
/*.stock-volume ul li:first-child { border-left: none; padding-left: 0;  }*/
.stock-timing { padding: 5px 0 0 0; }
.stock-timing ul { /*font-family: 'roboto_condensedlight_italic';*/ font-size: 12px; color: #696969; margin: 0; padding: 0; }
.stock-timing ul li { float: left; list-style: none; padding-right: 10px; }


#map-wrap { position: relative; }
.corner-grey img { display: block; }
.mouse-here { background: #f2f2f2; padding: 10px 10px 10px 15px; width: 100%;  }
.mouse-here img { float: left; }
.mouse-text { float: left; padding: 9px 0 0 9px; /*font-family: 'roboto_condensedlight';*/ }
.branchmap { float: left; width: 100%; top: 0; left: 0; position: relative; margin: 0 auto; }
#map-sg { margin:0 auto; width: 301; display: block; }
#map-sg a { float: left; display: block; position: absolute; cursor: pointer; color: #333; padding: 0; margin: 0; font-size: 12px; font-weight: normal; width: 52px; line-height: 13px; }
#map-sg a.active { color: #fff; }
#por1 { left: 25px; top: 67px; text-align: center;  }
#por2 { left: 80px; top: 32px; text-align: center;  }
#por3 { left: 125px; top: 56px; text-align: center;  }
#por4 { left: 174px; top: 71px; text-align: center;  }
#por5 { left: 102px; top: 96px; text-align: center;  }
.detail-main { position: absolute; top: 175px; left: 0; width: 90%;  }
.pdbox{ float: left; clear: both; width: 100%; position: relative; margin-top: -27px; color: #333333; font-size: 14px;  }
.corner-yellow img, .corner-green img, .corner-pink img, .corner-grey img, .corner-blue img   { display: block; }
.detail-yellow { background: #f5be00; padding: 15px; min-height: 34px; }
.detail-green  { background: #b8dc7c; padding: 15px; min-height: 34px; }
.detail-pink  { background: #ff6f95; padding: 15px; min-height: 34px; }
.detail-grey  { background: #acb9c2; padding: 15px; min-height: 34px; }
.detail-blue  { background: #00acdc; padding: 15px;  min-height: 34px; }
.detail-yellow ul, .detail-green ul, .detail-pink ul, .detail-grey ul, .detail-blue ul { margin: 0; padding: 0; }
.detail-yellow ul li, .detail-green ul li, .detail-pink ul li, .detail-grey ul li, .detail-blue ul li { list-style: none; /*font-family: 'roboto_condensedlight';*/ float: left; width: 50%; text-align: left; }
.detail-yellow ul li a:hover, .detail-green ul li a:hover, .detail-pink ul li a:hover, .detail-grey ul li a:hover, .detail-blue ul li a:hover  { color: #fff;  }
.detail {   display: none; }
.detail a { color: #333; font-size: 14px; }
.latest-new { min-height: 100%; padding-bottom: 11px; }
.latest-new-ul { margin: 0; padding: 0; }
.latest-new-ul li { list-style: none; margin-bottom: 10px; }
/*.latest-new-ul li:first-child { padding-top: 0; }*/
.latest-new-ul li .news-title { padding-top: 3px; }
.latest-new-ul li a { color: #696969; }
.latest-new-ul li a:hover { color: #195388; }
.latest-new-ul li span { /*font-family: 'roboto_condensedbold';*/ }

.latest-webcast { background: #fff; /*padding: 3% 0;*/ font-style: italic; font-size: 15px; margin-bottom: 13px; color: #000;  }

/*.ar { font-size: 15px; }*/
/*.ar .ar-images { float: left; width: 120px;   }*/
.ar .ar-content { padding-left: 10px;  }
.ar .ar-content h2 { color: #333; font-size: 15px; /*font-family: 'roboto_condensedbold';*/ /*font-weight: normal;*/ margin-top: 0;}
.ar .ar-content a { color: #195388; }
.ar .ar-content span { font-size: 13px; }
.updates { padding-bottom: 15px; }
.updates-ul { margin: 0; padding: 0;  }
.updates-ul li { list-style: none; font-size: 15px; padding: 14px 0 0 0; }
.updates-ul li:first-child { padding-top: 0; }
.updates-ul li .updates-img { float: left; }
.updates-ul li .updates-content { float: left; padding-left: 19px; }
.updates-ul li .updates-content h2 { color: #333; margin: 10px 0 0 0; font-size: 18px; font-weight: normal;  }
.updates-ul li .updates-more { padding-top: 5px; }
.updates-ul li .updates-more a { color: #195388;  }
.email-wrap { font-size: 15px; }
.email-wrap input[type="text"] { display:inline; width: 61%; padding: 8px; border: none; font-size: 12px; background: #eef0f3; color:#666;; }
.email-wrap input[type="submit"]  { border: none; color: #fff; background-color:#00acdc; margin: 0 0 0 -1px; height: 33px; padding: 0 15px; text-shadow: none; text-transform: uppercase; font-size:12px; cursor:pointer}
.email-wrap button { border: none; color: #fff; background-color:#00acdc; margin: 0 0 0 -1px; height: 33px; padding: 0 15px; text-shadow: none; text-transform: uppercase; font-size:12px; cursor:pointer }

#timeline { width: 100%; height: auto; overflow: hidden;  margin: 0 auto; position: relative; background: url('/images/dot.png') left 45px repeat-x; }
#dates { width: 800px;  height: 60px; overflow: hidden; }
#dates li { list-style: none; float: left; width: 100px; height: 53px; font-size: 24px; text-align: center; background: url('/images/bigger-dot.png') center bottom no-repeat; }
#dates a { line-height: 38px; padding-bottom: 10px; font-size: 18px; color: #a9aaaa; }
#dates .selected { font-size: 30px; color: #2062ae; }
#issues { width: 800px; height: auto; overflow: hidden; position: relative; z-index: 3; margin-top: 50px; padding: 0; }
#issues li { width: 900px; height: auto; list-style: none; float: left; margin: 0; padding: 0; }
#grad_left,
#grad_right { width: 100px; height: 350px; position: absolute; top: 0; z-index: 1; }
#grad_left { left: 0; background: url('/images/grad-left.png') repeat-y; }
#grad_right { right: 0; background: url('/images/grad-right.png') repeat-y; }
#next,
#prev {  position: absolute; top: 0; font-size: 70px; width: 40px; height: 92px; background-position: 0 center; background-repeat: no-repeat; background-color: #ffffff; text-indent: -9999px; overflow: hidden; z-index: 2; }
#next:hover,
#prev:hover { background-position: 0 center; }
#next { right: 0; background-image: url('/images/icon-arrow-right.png'); }
#prev { left: 0; background-image: url('/images/icon-arrow-left.png'); }
#next.disabled,
#prev.disabled { opacity: 0.2; }
.milestones-month img { float: left;  }
.milestones-month .month { float: left; color: #2062ae; font-size: 22px; padding: 2px 0 0 12px; /*font-family: 'roboto_condensedregular';*/ }
.milestones-divider { border-bottom: 1px solid #ededed; clear: both; margin-bottom: 34px; padding-top: 24px; }

.accordion-container { width: 100%; border-bottom: 1px solid #e5e5e5; }
.accordion-title { float: left; width: 99%; padding: 1% 1% 1% 0; color: #000; font-size: 16px; /*font-family: 'roboto_condensedbold';*/ font-weight: bold; border-top: 1px solid #e5e5e5; cursor: pointer;background-color: #fff; }
.accordion-body { width: 99%; padding: 1% 0% 1% 1%; clear: both; display: none;background-color: #fff; text-align: justify;}
.accordion-title .title { width: 95%; float: left;padding-left: 10px;  }
.accordion-title .title span{font-size: 12px;color: #666666;}
.green-bullet { padding: 0 0 15px 15px }
.green-bullet li { color: #00a94e; }
.green-bullet li div { color: #333;  }
.height-50 { height: 50px; }

.accordion-plus, .on { background-image: url("/images/accordion-plus.png"); width: 17px; height: 17px; float: left; line-height: 20px;  }
#portfolio-overview .accordion-plus, #portfolio-overview .on { margin-top: 10px; }
.off { background-image: url("/images/accordion-minus.png"); width: 17px; height: 17px; float: left; line-height: 20px; }


.property-info-wrap { border-bottom: 1px solid #e8ebe8; padding-bottom: 36px;  }
.property-info { padding-top: 50px; }
.property-info li { float: left; list-style: none; text-align: center; padding: 0 0 25px 6%; width: 15%;  }
.property-info li:first-child { padding-left: 0; }
.property-info li .title { /*font-family: 'robotolight';*/ font-size: 15px; padding-top: 5px; }
.property-info li .total-num { /*font-family: 'roboto_condensedlight';*/ font-size: 42px; color: #2062ae; line-height: 42px; }
.property-info li img { padding-bottom: 28px; }

.property-info-bottom { padding: 15px 0 25px 0; }
.portfolio-detail { padding: 0 }
.portfolio-detail li { list-style: none; border-bottom: 1px solid #ededed; padding: 10px 0;  }
.portfolio-detail li .description { float: left; list-style: none; /*font-family: 'roboto_condensedbold';*/ font-weight: bold; width: 28%; padding-right: 2%; }
.portfolio-detail li .description span { /*font-family: 'roboto_condensedlight';*/ }
.portfolio-detail li .deatil { float: left; width: 70%;  }
.note {  /*font-family: 'roboto_condensedlight_italic';*/ font-size: 13px; color: #696969; }
.property-note { padding-left: 10px; }
.property-note li { /*font-family: 'roboto_condensedlight_italic';*/ font-size: 13px; color: #696969; }

.property-overview-wrap { padding: 10px 0; }
.property-overview { margin: 0; padding: 0; }
.property-overview li { list-style: none; width: 20%; text-align: center; float: left;  }
.property-overview li .total { font-size: 60px; line-height: 65px; color: #2062ae; }

.management-wrap { border-bottom: 1px solid #ededed; margin-bottom: 25px;  }
.management-wrap h3.reset { margin-bottom: 0;  }
.management-wrap p.reset { margin-top: 0; }

.table-personal { border-collapse: collapse; width: 100%;  }
.table-personal tr th, .table-personal tr td { padding: 10px; text-align: left; }
.table-personal tr th:first-child, .table-format tr td:first-child { text-align: left; }
.table-personal tr th { background: #2062ae; color: #fff; font-size: 18px;  }
.table-personal tr td { border-bottom: 1px solid #ededed;  }

.sitemap-nav li.first { list-style: none; }
.sitemap-nav li h3 { border-bottom: 1px solid #e5e5e5; padding: 15px 0; font-size: 18px; text-transform: uppercase; font-weight: normal; }
.sitemap-nav li h3 img { float: left; padding: 0 5px 0 0; }
.sitemap-nav li h3 span { display: inline-block; color: #00458e; /*font-family: 'roboto_condensedregular';*/}
.sitemap-nav li ul { padding: 20px 35px 20px 0; font-size: 15px;  }
.sitemap-nav li ul li { list-style: none; padding: 5px 0; }
.sitemap-nav li ul li ul { padding: 0 15px; }
.sitemap-nav li a { color: #00458e; }
.sitemap-nav li ul li a { color: #333; }
.sitemap-nav li ul li a:hover { color: #195388; }
.sitamap-wrap-1, .sitamap-wrap-2, .sitamap-wrap-3 { float: left; }
.sitamap-wrap-1 { width: 30%; padding-right: 3%}
.sitamap-wrap-2 { width: 30%; padding-right: 3%}
.sitamap-wrap-3 { width: 30%; }

.emailtbl{width: 100%;border-collapse: collapse;margin: 0 0 20px 0;}
.emailtbl label{ width: 200px; float: left;}
.emailtbl input[type=text]{ width: 320px;}
.emailtbl textarea{ width: 322px;}
.emailtbl select{ width: 345px;}
.emailtbl input[type="text"], .emailtbl textarea, #recaptcha_response_field { background: #eef0f3; border: none; color: #666; font-size: 12px; padding: 9px 12px; }
.emailtbl select { width: 345px; }
select { background: #eef0f3 none repeat scroll 0 0;  border: medium none; color: #666; /*font-family: Arial,Helvetica,sans-serif;*/ font-size: 12px; padding: 8px 12px; }
#countrycode_tel, #areacode_tel, #WebformCountrycodeFax, #WebformAreacodeFax { width: 30px; }
#tel, #WebformFax { width: 185px; }
#recaptcha_widget .ir_boxHighlight {width: 90%;}
.ir_left { padding-left: 2px; float: left; }
.si_floatLeft { float: left; }
.clear-both {clear: both; padding: 10px 0;  }

.bluebtn, a.bluebtn {  background-color: #00acdc;  border-color: #00acdc; }
.btn, a.btn { margin-right: 2%; -moz-user-select: none; background-image: none; border: 1px solid transparent; color: #fff; cursor: pointer; display: inline-block;  font-size: 12px; margin-bottom: 0; padding: 8px 25px; text-align: center; text-transform: uppercase; vertical-align: middle; }
.con-left { width: 48%; padding-right: 4%; float: left; }
.con-right { width: 48%; float: left; }
.con-left h3, .con-right h3 { margin: 1em 0; color: #00acdc; }


/*------------------ Home page */
.quicklinksBox {width: 289px; min-height: 254px; background-color: #f9f9f9; background-image:url(/images/graybox-bg.gif); background-repeat: repeat-x; background-position:left top;  padding: 0; margin: 0 16px 20px 0; float: left; } 
.quicklinksBox.mrightnone3,.quicklinksBox.mrightnone5{ margin-right: 0; }
.quicklinksBox h2 {font-size: 22px; color: #4c4c4c; text-transform: uppercase; text-align: center; margin: 0; padding: 13px 0; font-weight: normal;}
.quicklinksBox ul.nlst {padding: 0; margin: 0; float: left; width: 100%;}
.quicklinksBox ul.nlst li {list-style: none; margin: 0 0 3px 0; width: 100%; padding: 0; text-align: center; float: left;}
.quicklinksBox ul.nlst li a {color: #195388; font-size: 15px; font-weight: normal;}
.imageBox { text-align: center; margin: 20px auto 5px auto;}
.margint20{ margin-top: 20px; float: left; }
.margint30{ margin-top: 30px; float: left; }
.mleftnone { margin-left: 0; }
.mrightnone3{ margin-right: 0; }

.quicklinksBox .stock-price { text-align: center; width: 100%; float: left;}
.quicklinksBox .stock-price ul{ margin: 0 auto; padding: 0; list-style: none; width: 100%; float: left; }
.quicklinksBox .stock-price ul li { float: left; width: 50%; display: inline; margin: 0 auto; padding: 0;}
.quicklinksBox .stock-price ul li.one { color: #555; width: 45%; padding-right: 5%; font-size: 36px; font-weight: bold; /*font-family: arial;*/ line-height: 39px; text-align: right;}
.quicklinksBox .stock-price ul li.two { font-size: 18px; text-align: left; width: 40%; margin-top: 10px;}
.quicklinksBox .stock-price ul li.gain { background:url(/images/arrow-up.gif) no-repeat 0 bottom; color: #00a84c; padding: 0 0 0 10%;}
.quicklinksBox .stock-price ul li.loss { background:url(/images/arrow-down.gif) no-repeat 0 bottom; color:#6d8194; padding: 0 0 0 10%;}
.quicklinksBox .stock-price ul li.nil { background:url(/images/arrow-equal.png) no-repeat 0 bottom; padding: 0 0 0 10%; }
.quicklinksBox .stock-volume { text-align: center; width: 100%; float: left; }
.quicklinksBox .stock-volume ul { /*font-family: 'roboto_condensedlight';*/ font-size: 12px; color: #333333; margin: 0; padding: 0; width: 100%;}
.quicklinksBox .stock-volume ul li { list-style: none; padding: 0 5px 0 5px; display: inline; }
/*.quicklinksBox .stock-volume ul li:first-child { padding-left: 0;  }*/
.quicklinksBox .stock-timing { float: left; padding: 0; text-align: center; width: 100%; /*font-family: 'roboto_condensedlight_italic';*/ font-size: 10px; color: #696969;}

.eico { margin-top: 1px; float: left; }
h1 span.si_floatRight a { float: left; margin-right: 18px;}

/* Responsive */
@media screen and (max-width: 1040px){
    #home .content-inner { width: 94%; padding: 0 3% 3% 3%; }
    .navbar-container { width: 100%; }
}

@media screen and (max-width: 1024px) {
    .pdbox { min-height: 100px; }
    .footer-inner { width: 100%; }
    .content-inner { width: 94%; padding: 0 3%; }
    .footer-wrap { width: 94%; padding: 12px 3%; }
    #issues li { width: 962px; }
}

@media screen and (max-width: 1000px) {
    .portfolio-inner { width: 100%; }
    #timeline { width: 100% !important; }
    
        .dot-top { top: 120px;  }
    .point-1 { top: 13.2%; left: 46%; }
    .point-2 { top: 11.5%; left: 48%; }
    .point-3 { top: 55%; left: 32.3%; }
    .point-4 { top: 20%; left: 43.5%; }
    .point-5 { top: 22.5%; left: 46%; }
    .point-6 { top: 7.3%; left: 26.3%; }
    .point-7 { top: 3%; left: 28%; }
    .point-8 { top: 63%; left: 44%; }
    .point-9 { top: 51%; left: 25.6%; }
    .point-10 { top: 14%; left: 42.5%; }
    .point-11 { top: 20.5%; left: 47.5%; }
    .point-12 { top: 35%; left: 41%; }
    .point-13 { top: 62%; left: 64%; }
    .point-14 { top: 14.4%; left: 44.2%; }
    .point-15 { top: 4%; left: 25%; }
    .point-16 { top: 72%; left: 60%; }
    
    
    #pos1 { top: 66.1%; left: 45.6%; }
    #pos2 { top: 64.1%; left: 47.5%; }
    #pos3 { top: 38%; left: 31.6%; }
    #pos4 { top: 72%; left: 43%; }
    #pos5 { top: 75%; left: 45.4%; }
    #pos6 { top: 60%; left: 25.5%; }
    #pos7 { top: 56%; left: 27.6%; }
    #pos8 { top: 47%; left: 43.5%; }
    #pos9 { top: 34%; left: 25%; }
    #pos10 { top: 67%; left: 41.8%; }
    #pos11 { top: 73%; left: 47%; }
    #pos12 { top: 18.5%; left: 40.2%; }
    #pos13 { top: 45.5%; left: 63.5%; }
    #pos14 { top: 67%; left: 43.8%; }
    #pos15 { top: 56.2%; left: 24.2%; }
    #pos16 {top: 55.5%;left: 60.5%;}
}

@media screen and (max-width: 960px) {
    .home-wrp-1 { width: 48%; padding-right: 4% }
    .home-wrp-2 { width: 48%; }
    .home-wrp-3 { width: 100%; }
    .col-updates { padding-left: 0; }
    .col-publications { width: 48%; padding-right: 4%; }
    .col-email { width: 48%; padding-left: 0;  }
    


}

@media screen and (max-width: 875px) {     
    .nav { width: auto; margin-right: 44px; }
    .nav li a { padding: 12px 12px 10px 12px; }
    .nav li .sub-menu-content { top: 42px; }
    

}

@media screen and (max-width: 790px) {     
    .nav li a { padding: 12px 8px 10px 8px; }
}

@media screen and (max-width: 768px) {
    .content-inner img { max-width: 100%; height: auto; }
    .navbar-container { width: 100%; }
    .navbar-wrapper { float: left; position: relative; }
    .toggleMenu { display: block; margin: 0; width: 61px; height: 57px; background: url("/images/m-icon-menu-blue-double.png") no-repeat scroll center center; background-size: 45% auto; float: right; border-left: 1px solid #f0f0f0;  }
    .toggleMenu:hover { color: #fff; }
    .toggleMenu.changes-bg { background: url("/images/m-icon-menu-blue-close-double.png") no-repeat scroll center center; background-size: 35% auto; }
    .m-menu-wrap { width: 100%; }
    #search-btn { display: block; border-left: 1px solid #f0f0f0; right: 62px; top: 0; width: 58px; height: 58px; text-align: center; cursor: pointer; z-index: 5; }
    #search-btn img { padding-top: 18px; width: 22px; height: 22px; }
    #search_box { display: none; top: 58px; left: 0; width: 100%; height: 40px; 
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 0; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 0; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 0;     
    }
    #search_box input[type="text"] { width: 95%; padding: 13px 5px 15px 5px; }
    #search_box #s_btn { display: none; }
    .navbar-wrapper a.logo { padding: 6px 0 0 0; margin-left: 2%; }
    .navbar-wrapper a.logo img { width: 99px; height: 44px; }
    .navbar-inner { float: left; width: 100%; padding: 1px 0 0 0;}
    *:first-child+html .navbar-inner { padding: 10px 0 0 0; }
    .nav { display: none; float: left; height: auto; padding: 0; width: 100%; }
    *:first-child+html .nav { width: 100%;}
    .nav li ul li a.selected { color: #2062ae; background: none; }
    .nav li { width: 100%; float: left; background: #2062ae; }
    .nav li a { padding: 12px 15px 10px 15px; color: #fff; height: auto; text-align: left; color: #fff; background:url(/images/m-2lv-left.png) no-repeat 97%; }
    .nav li a.m-sec-drop, .nav li a:hover { background:url(/images/m-2lv-left-hover.png) no-repeat 97% #2670c7; color: #fff; }
    .nav li a.m-sec-drop-default { background:url(/images/m-2lv-left.png) no-repeat 97%; color: #fff; }
    .nav li a.selected { color: #fff; background:url(/images/m-3lv-left-hover.png) no-repeat 97%; }
    .nav li ul li { float: left; width: 100%; display: block; position: static; border-bottom: none; background: #fff; }
    .nav li ul li a { color: #001b38; border-top: 1px solid #ccc; background: none; border-bottom: none; padding: 10px 16px 8px 16px; }
    .nav li ul li.third a { background:url(/images/m-3lv-left.png) no-repeat 97%; color: #001b38; }
    .nav li ul li.third a.m-third-drop-default { background:url(/images/m-3lv-left.png) no-repeat 97% !important; color: #001b38; }
    .nav li ul li.third a:hover, .nav li ul li.third a.m-third-drop { background:url(/images/m-3lv-left-hover.png) no-repeat 97%; color: #333; }
    .nav li ul li ul li a { border: none; background: none !important; }
    .nav li ul li ul.sub-menu-lv3 li { padding-left: 12px; }
    .nav li .sub-menu-content { position: static; float: none; top: auto; left: 0; height: auto; }
    .nav li ul.profile,.nav li ul.overview,.nav li ul.ir,.nav li ul.announcements,.nav li ul.contact { width: 100%; float: left; }
    .nav li ul li ul { float: left; width: 100%; position: inherit; left: auto; top: auto; background: none; }
    .nav li ul li ul li { float: left; width: 95%; border: none;}
    .nav li ul.sub-menu-lv3 li { width: 100%; }
    .nav li ul.sub-menu-lv3 { width: 90%; }
    .nav li ul li a:hover { background-image: none; background: none; }
    .nav li ul li a:hover { color: #333; }
    .nav li ul.portfolio { width: 100%; }
    .nav li ul { width: 100%; }
    .nav li.last a { background: none; }
    .nav li ul li ul li a:hover, .nav li ul li ul li a.selected { color: #2062ae; }
    .d-mouse, .d-mouse-text { display: none; }
    .m-mouse, .m-mouse-text { display: block; }
    .portfolio-wrap { z-index: 1; }
    .point-1 { top: 1%; left: 46.3%; }
    .point-2 { top: -1%; left: 48%; }
    .point-3 { top: 56.5%; left: 32.5%; }
    .point-4 { top: 6.5%; left: 43.5%; }
    .point-5 { top: 9.8%; left: 46%; }
    .point-6 { top: -5.7%; left: 26.5%; }
    .point-7 { top: -10%; left: 28.5%; }
    .point-8 { top: 65.5%; left: 44.2%; }
    .point-9 { top: 52%; left: 25.5%; }
    .point-10 { top: 1px; left: 42.7%; }
    .point-11 { top: 7.1%; left: 47.6%; }
    .point-12 { top: 37.5%; left: 41%; }
    .point-13 { top: 64%; left: 64%; }
    .point-14 { top: 1.2%; left: 44.4%; }
    .point-15 { top: -10%; left: 24.6%; }
    .point-16 { top: 72.5%; left: 60.6%; }
    #pos1 { top: 67%; left: 45.7%; }
    #pos2 { top: 65%; left: 47.4%; }
    #pos3 { top: 38%; left: 31.9%; }
    #pos4 { top: 72%; left: 43%; }
    #pos5 { top: 75.5%; left: 45.5%; }
    #pos6 { top: 60%; left: 25.7%; }
    #pos7 { top: 56%; left: 27.7%; }
    #pos8 { top: 47.2%; left: 43.6%; }
    #pos9 { top: 34%; left: 25%; }
    #pos10 { top: 67%; left: 42%; }
    #pos11 { top: 73%; left: 47.1%; }
    #pos12 { top: 19%; left: 40.4%; }
    #pos13 { top: 46%; left: 63.5%; }
    #pos14 { top: 67%; left: 43.8%; }
    #pos15 { top: 56%; left: 24%; }
    #pos16 {top: 55.1%;left: 59.8%;}
    /*#issues li { width: 710px !important; }*/
    .updates-ul li { padding: 5px 0 0 0; }
    .table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; }
    .updates { padding-bottom: 28px; }

    .property-overview li .total {
        font-size: 55px;
    }

}
@media screen and (max-width: 1024px){
.quicklinksBox {
    width: 32%;
    margin: 0 2% 20px 0;
}
}
@media screen and (max-width: 950px){
.quicklinksBox {
    width: 48%;
    margin: 0 4% 20px 0;
}
}
@media screen and (max-width: 950px) {
    .quicklinksBox { width: 48%; margin: 0 4% 20px 0;}
    .quicklinksBox.mrightnone2 { margin-right: 0; }
    .quicklinksBox.mrightnone3{ margin-right: 4%; }
    .quicklinksBox.mrightnone4 { margin-right: 4%; }
}
@media only screen and (max-width: 730px) {
    .footer-cmt { display: none; }
    .footer-wrap { padding: 12px 0; width: 100%;  }
    .sitemap { width: 94%; padding: 0 3%; border-bottom: 1px solid #dfdfdf; }
    .sitemap-list { padding: 0 0 12px 0; }
    .sitemap-list li, .sitemap-list li:first-child { padding: 0 10px 0 0; }
    .m-footer-i { display: block; float: left; margin-right: 5px; padding-bottom: 18px; }
    .footer-copyright { padding-top: 12px; padding-right: 15px; }
    .portfolio-inner img.map-sg, .portfolio-branchmap { display: none; }
    img.map-m { display: block; }
    .property-thumb { padding-left: 0; }
    .property-thumb li { list-style: none; width: 49%; float: left; padding: 0 0 2% 1%; }
    .property-thumb li img { display: block; }
    .property-thumb li .name { background:url(/images/portfolio-plus.png) no-repeat right bottom #2656a5; padding: 3px 0; display: block; text-align: center; font-size: 13px;  }   
    .property-thumb li .name a { color: #fff; }
    img.map-m, .m-thumb-property { display: block; }
    .property-overview li { width: 50%; padding: 20px 0; }
}

@media only screen and (max-width: 700px) {
    /*.col-stock { display: none; }*/
    .home-wrp-1 { float: right; width: 100%; padding-right: 0; }
    .home-wrp-2 { float: left; width: 100%;  }
    .col-news { width: 100%; border-bottom: 1px solid #ededed; padding-bottom: 28px;}
    .col-updates { width: 100%; border-bottom: 1px solid #ededed; padding-bottom: 28px; }
    .col-publications { width: 100%; border-bottom: 1px solid #ededed; padding-bottom: 28px; }
    .col-email { width: 100%; }
    .col-sg-map { border-bottom: 1px solid #ededed; padding-bottom: 28px; }
    .col-publications { border-bottom: 1px solid #ededed; padding-bottom: 28px;  }
    /*.col-stock { border-bottom: 1px solid #ededed; padding-bottom: 37px;  }*/
    
}
@media screen and (max-width: 660px){
.quicklinksBox {
    width: 100%;
    margin: 0 0 20px 0;
}
}
@media only screen and (max-width: 640px) {
    /*#issues li { width: 600px !important; }*/
    .con-left, .con-right { width: 100%; padding: 0; }
    .sitamap-wrap-1 { width: 100%; padding-right: 0; }
    .sitamap-wrap-2 { width: 100%; padding-right: 0; }
    .sitamap-wrap-3 { width: 100%; }
}

@media only screen and ( max-width: 600px) {
    .col-one-half { width: 100%; }
    .portfolio-detail li .description { width: 38% }
    .portfolio-detail li .deatil { width: 60%;  }
    .emailtbl label { width: 100%; padding-bottom: 5px; }
}

@media screen and (max-width: 580px){
.ir_arLeft {
    width: 100%;
}
.ir_arRight {
    width: 100%;
}
.accordion-title .title{
    width: 90%;
    padding-left: unset;
}
}
@media only screen and (max-width: 555px) {
    .property-info li { width: 100%; padding-left: 0; }
}

@media only screen and (max-width: 480px) { 
    .accordion-title { padding: 3% 1% 3% 0; }
    /*#issues li { width: 440px !important; }*/
    .detail-main { top: 63%;}
    #por1 { top: 19%; }
    #por2 { left: 8%; top: 60%; }
    #por3 { left: 14%; top: 37%; }
    #por4 { left: 8%; top: 52%; }
    .m-footer-i { display: block; float: none; margin: 0 auto; }
}

@media only screen and (max-width: 420px) {
    .portfolio-detail li .description { width: 100%; padding-right: 0; }
    .portfolio-detail li .deatil { width: 100%;  }
    /*#issues li { width: 400px !important; }*/
    .nav li ul li a { height: auto; background: #fff; }
    .nav li ul.portfolio { background: #fff; }
    .nav li ul li a { padding: 10px 0px 10px 8px; }
    .property-overview li { width: 100%; }
}

@media only screen and (max-width: 400px) {
    .accordion-title .title { width: 85%; padding-right: unset; }
    .emailtbl input[type="text"], .emailtbl textarea { width: 94%; }
    .emailtbl input[type="text"], .emailtbl textarea, #recaptcha_response_field { padding: 9px 3%; }
    #tel, #WebformFax { width: 50%; }

}

/*@media only screen and (max-width: 360px) {
    #issues li { width: 310px !important; }
}

@media only screen and (max-width: 320px) {
    #issues li { width: 300px !important; }
}*/

.col-stock {
    width: 32%;
    float: left;
}
.col-publications {
    width: 32%;
    float: left;
}
.col-sg-map {
    width: 32%;
    float: right;
}
.ar .ar-images {
    padding-left: 10px;
}

@media screen and (max-width: 850px) {
  #ir_home_subcontainerLeft{width: 100%;}
  #ir_home_subcontainerRight{width: 100%;}
  .col-sg-map{width: 100%;}
  .col-stock{width: 100%;}
  .col-publications{width: 100%;}
  .bckgrey{display: none;}
}

table.stocktable {
    border-width: 1px 1px 0 0;
}
table.stocktable tr.row1 th, table.stocktable tr.row2 th {
    font-weight: bold;
    text-align: left;
}
table.stocktable tr.row1 td, table.stocktable tr.row1 th {
    padding: 3px 4px;
    border-bottom: 1px solid #000;
    border-top: none;
    border-left: none;
    border-right: none;
}
table.stocktable tr.row2 td, table.stocktable tr.row2 th {
    padding: 3px 4px;
    border-bottom: 1px solid #000;
    border-top: none;
    border-left: none;
    border-right: none;
}
table.stocktable tr.row1 th, table.stocktable tr.row2 th {
    font-weight: bold;
    text-align: left;
}


/*Submenu -- v2 */
.tabs-holder {
    min-width: 100%;
    margin-left: -10px;
    margin-right: -10px;
    display: table;
    border-collapse: separate;
    border-spacing: 10px;
}
.tabs-holder--inline {
    margin-left: 0;
    margin-right: 0;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.tab {
    padding: 10px 20px 10px;
    border-radius: 0;
    border: 0;
    display: inline-block;
    background-color: rgba(204, 204, 204, 0.31);
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    color: #1B99E8;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-transition-property: color,border-color,background-color,opacity;
    -moz-transition-property: color,border-color,background-color,opacity;
    transition-property: color,border-color,background-color,opacity;
    text-transform: uppercase;
}
.tabs-holder .tab {
    display: table-cell;
}
.tabs-holder--inline .tab {
    width: auto;
    margin-left: 5px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
    /*font-family: 'roboto_condensedbold';*/
}
.tabs-holder--inline .tab:first-child {
    margin-left: 0;
}
.tab.current, .tab:hover {
    border-color: #004387;
    background-color: #004387;
    color:#fff;
    text-decoration: none;
    font-weight: bold;
        /*font-family: 'roboto_condensedbold';*/
}
.news_link a{
    text-decoration: underline;
}
.bckgrey {
    position: absolute;
    text-align: center;
    width: 100%;
}
.bckgrey img {
    margin: 0 auto;
    height: 400px;
}
@media screen and (max-width: 660px){
table.emailtbl label {
    width: 30%;
}}
@media screen and (max-width: 550px){
    table.emailtbl label {margin: 0 0 5px 0;width: 100%;}
    table.emailtbl input[type=text]{width: 93.5%; padding-left:3%; padding-right:3%;}
    table.emailtbl textarea{ width: 93.5%; padding-left:3%; padding-right:3%;}
    table.emailtbl select{width: 100%;}
    }

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 1200px){
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media screen and (max-width: 767px){
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media (max-width: 767px){
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 767px){
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media screen and (max-width: 660px){
.table-responsive {
    width: 100%;
    margin-bottom: 16px;
    overflow-y: hidden;
    overflow-x: scroll;
}
}

table.stocktable {
    border-width: 1px 1px 0 0;
}
table.stocktable th, table.stocktable tr.row2 th {
    font-weight: bold;
    text-align: left;
}
table.stocktable td, table.stocktable tr.row1 th {
    padding: 4px 4px;
    border-bottom: 1px solid #000;
    border-top: none;
    border-left: none;
    border-right: none;
}


.col-stock p.titlestock{
    font-size: 28px;
    color: #000;
    text-align: center;
}

.col-stock p.amnt{
    font-size: 50px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.col-stock p.updown{
    font-size: 28px;
    color: #009245;
    font-weight: bold;
    text-align: center;
}

/*new page*/

#dates li {
    list-style: none;
    float: left;
    width: 100px;
    margin: 0;
    padding: 0;
    height: 53px;
    font-size: 24px;
    text-align: center;
    background: url('/images/bigger-dot.png') center bottom no-repeat;
}

#dates a {
    line-height: 38px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #a9aaaa;
}

#dates .selected {
    font-size: 30px;
    color: #2062ae;
}

#prev {
    left: 0;
    background-image: url('/images/icon-arrow-left.png');
}

#next, #prev {
    position: absolute;
    top: 0;
    font-size: 70px;
    width: 40px;
    height: 92px;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 2;
}

#next:hover, #prev:hover {
    background-position: 0 center;
}

#next {
    right: 0;
    background-image: url('/images/icon-arrow-right.png');
}

div.slidelst .subslidelst {
    float: left;
    width: 100%;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #ededed;
}

div.slidelst .subslidelst div {
    float: left;
    padding: 0;
    margin: 0;
}

div.slidelst .subslidelst div.slidel2 {
    width: 50%;
}

div.slidelst .subslidelst div {
    float: left;
    padding: 0;
    margin: 0;
}

div.slidelst .subslidelst div.slidel3 a {
    padding-bottom: 9px;
}

/*background: url(/images/icon-pdf.png) no-repeat left center;
padding: 5px 0 5px 30px;
    padding-top: 5px;
    padding-bottom: 5px;
line-height: 18px;
float: left;
clear: both;*/

.ir_linkPDF {
    padding: 5px 0 5px 30px;
    padding-top: 2px;
    padding-bottom: 5px;
    line-height: 18px;
    clear: both;
}
.ir_linkHTML {
    padding: 5px 0 5px 30px;
    padding-top: 2px;
    padding-bottom: 5px;
    line-height: 14px;
    clear: both;
}

div.slidelst .subslidelst div.slidel3{
    width: 25%;
}

div.slidelst .subslidelst div{
    float: left;
}

div.slidelst .subslidelst div.slidel1 {
    width: 25%;
}

#grad_left, #grad_right {
    width: 100px;
    height: 350px;
    position: absolute;
    top: 0;
    z-index: 1;
}

#grad_left {
    left: 0;
    background: url('/images/grad-left.png') repeat-y;
}

#grad_right {
    right: 0;
    background: url('/images/grad-right.png') repeat-y;
}

#timeline {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    background: url('/images/dot.png') left 45px repeat-x;
}

.noteeve {
    font-size: 13px;
    /*font-family: 'roboto_condensedlight_italic';*/
    float: left;
    width: 100%;
    line-height: 15px;
}


/*calendar*/

#ir_calendar_toggle {
    float: left;
    width: 100%;
}

#ir_calendar_toggle a.active.icon-calendar {
    background-image: url(/images/icon-calendar-view-active.png);
}

#ir_calendar_toggle a.icon-calendar {
    background-image: url(/images/icon-calendar-view.png);
}

#ir_calendar_toggle a.active {
    background-color: #004387;
    color: #fff;
}

#ir_calendar_toggle a {
    float: left;
    font-size: 15px;
    background-color: #b9c2bb;
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #5e5e5e;
    padding: 5px 20px 5px 45px;
    margin: 0 12px 0 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#ir_calendar_toggle a.active.icon-table {
    background-image: url(/images/icon-table-view-active.png);
}

#ir_calendar_toggle a.icon-table {
    background-image: url(/images/icon-table-view.png);
}

#ir_calendar_toggle a.active {
    background-color: #004387;
    color: #fff;
}

#ir_calendar_toggle a {
    float: left;
    font-size: 15px;
    background-color: #b9c2bb;
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #5e5e5e;
    padding: 5px 20px 5px 45px;
    margin: 0 12px 0 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#ir_calendar_view .ir_event_details {
    margin: 15px 0 0 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ededed;
}

.content-wrap ul li {
    margin: 5px 0;
}

.si_fixed.chnews {
    border-bottom: 1px solid #ededed;
}


/*announcement*/

.ir_boxHighlight {
    width: 70%;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EDEDED;
    padding: 1%;
}

input {
    line-height: normal;
}

input[type="text"], textarea {
    border: none;
    background: #eef0f3;
    color: #666;
    padding: 9px 12px;
    font-size: 12px;
    /*font-family: Arial, Helvetica, sans-serif;*/
}

.ir_boxHighlight #news_search {
    width: 40%;
    margin: 0 10px;
}

.btn, a.btn {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    background-image: none;
    border: 1px solid transparent;
    padding: 8px 25px;
    /*font-family: Arial, Helvetica, sans-serif;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.btn:focus, .btn:active:focus, .btn:active.focus, a.btn:focus, a.btn:active:focus, a.btn:active.focus {
    outline: thin dotted;
    outline-offset: -2px;
    outline: 5px auto -webkit-focus-ring-color;
}
.btn:hover, .btn:focus, a.btn:hover, a.btn:focus {
    text-decoration: none;
}
.btn:active, a.btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bluebtn, a.bluebtn {
    background-color: #00acdc;
    border-color: #00acdc;
}
.bluebtn:hover, .bluebtn:focus, .bluebtn:active {
    background-color: #03b8ea;
}
.bluebtn:active, a.bluebtn:active {
    background-image: none;
}

/*announcement and press release*/
@media screen and (max-width: 480px){
.ir_boxHighlight {
    width: 93.5%;
    padding: 3%;
}
.ir_boxHighlight .lblnews {
    width: 100%;
    float: left;
}
.ir_boxHighlight #news_search {
    margin: 7px 0 10px 0;
    width: 80%;
}
.ir_newsDate {
    width: 100%;
    margin: 0.8em 0 5px 0;
}
.ir_newsTitle {
    width: 100%;
    margin: 0 0 1em 0;
}
}

@media screen and (max-width: 620px){
.ir_newsDate {
    width: 25%;
    margin: 0.8em 0;
}
.ir_newsTitle {
    width: 75%;
    margin: 0.8em 0;
}
}

@media screen and (max-width: 550px){
    .ir_boxHighlight {
    width: 95.5%;
    padding: 2%;
}
}

@media screen and (max-width: 768px){
    .ir_boxHighlight {
    width: 97.5%;
    padding: 1%;
}
}

/*financial result*/
@media screen and (max-width: 1000px){
    #issues li {
    width: 100%;
}
}

@media screen and (max-width: 1024px){
    #issues li {
    width: 962px;
}
}

@media screen and (max-width: 620px){
    div.slidelst .subslidelst div.slidel1 {
    width: 100%;
}
}

@media screen and (max-width: 620px){
    div.slidelst .subslidelst div.slidel2 {
    width: 100%;
    margin: 10px 0;
}
}

@media screen and (max-width: 620px){
    div.slidelst .subslidelst div.slidel3 {
    width: 100%;
}
}

/*ir calendar*/

@media screen and (max-width: 480px){
    .ir_newsTitle {
    width: 100%;
    margin: 0 0 1em 0;
}
}

@media screen and (max-width: 620px){
    .ir_newsTitle {
    width: 100%;
    /*margin: 0.8em 0;*/
}
}

@media screen and (max-width: 620px){
    .ir_newsDate {
    width: 100%;
    margin: 0.8em 0;
}
}