@charset "utf-8";
/* CSS Document */

/* Global */
html, body{background:#f7f7f7; font-family: "Meta Normal", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #47525a; }
p{font-family: "Meta Normal", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #47525a; font-size:18px; line-height: 25px; margin-bottom: 20px;}
h1,h2,h3{font-family: "TexgyreRegular";}
h1{font-size:45px; line-height: 50px;}
h2{font-size:36px; line-height: 46px; margin-bottom: 20px; color: #7477bf;}
h3{font-size:28px; line-height: 35px; margin-bottom: 20px; color: #7477bf; }
h4{font-size:18px; line-height: 26px; text-transform: uppercase; margin-bottom: 15px; color: #7477bf;}
.bold{font-weight: bold;}
.italic{font-style:italic}
a.linkBox{position:absolute; width: 100%; height: 100%; left: 0; top: 0;}
.wrapper{ max-width:1280px; margin:0 auto; overflow: hidden;}
.headerWrapper{position: fixed; width:100%; max-width: 1280px; margin: 0 auto; z-index: 100; }
u { color: #47525a; }
.anchor { display: block; position: relative; top: -100px; visibility: hidden; }
.videoWrapper { width: 100%; margin-bottom: 20px; max-width: 700px; }

header{height:50px; background:#ffffff; position: relative;}
header .logo{padding: 5px 0 0 5px;}
header .logo img{width:74px; height: 40px;}
header .search-btn{display:none;}
header nav {display: none; position: inherit; overflow-x: auto; max-height: 450px; border-bottom: 1px solid #ccc}
.show{display:block; width: 100%;}
.fixed{position:fixed;}
nav ul.mainNav > li{position: relative; display:block; padding:13px 20px; font-size: 16px; background: #ffffff; vertical-align: middle;}
nav ul.mainNav > li a {display: block;}
nav ul.mainNav > li:after{content:url(../images/global/nav_down.jpg); right: 20px; top:8px; position: absolute;}
/*nav ul.mainNav > li:hover:after{content:url(../images/global/nav_up.jpg);}*/
nav ul.mainNav > li.active:after{content:url(../images/global/nav_up.jpg);}
nav ul.mainNav > li:hover > a { cursor: default; }
nav ul.mainNav .subNav li a:hover{ color:#f89f1d;}
nav .subNav{visibility:hidden; position:inherit; background:none; display: none; z-index: 99; min-width: 215px; padding:20px 20px 0 20px; 
	box-shadow:none;
}
nav ul.mainNav .subNav li a{display:block; padding:13px 0; white-space: nowrap;}
/*nav ul.mainNav li:hover .subNav {visibility:visible; display: block;}*/
nav ul.mainNav li.active .subNav {visibility:visible; display: block;}
nav ul.mainNav .subNav li > ul.subMenu { margin-top: 0; padding: 0 20px; width: 220px; }
nav ul.mainNav .subNav li > ul.subMenu li a { white-space: normal; }
.hamburger{position:absolute; right: 0; top:0;}
.hamburger-box{width:30px;}
.hamburger.is-active .hamburger-box{width:20px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{ background-color: #46575e; width:30px;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after{ width:20px;}
header .search-div{background:#ffffff; position: absolute; right: 0; z-index: 100; height: 90px; width: 700px; line-height: 90px; top: -90px; transition: 0.2s;}
header .search-div.act{transition: 0.4s; top: 0;}
header .search-div .search-close{position: relative;  width:100%;}
header .search-div .search-close img{ position: absolute; width:22px; height: 22px; right: 30px; top:35px;}
header .search-div input{font-family: "TexgyreRegular"; width: 225px; right: 150px;  position: absolute; padding: 0 0 0 20px; border-left:2px solid #f6a020; line-height: 30px; top: 30px; height: 30px;}
header .search-div input[type="text"]::placeholder { color: #bbb; }
:-ms-input-placeholder { color: #bbb; }
::-ms-input-placeholder { color: #bbb; }
header .search-submit{background:#00c7ca; width:40px; height: 40px; border-radius: 1000%; color:#ffffff; text-align: center; line-height: 45px; position: absolute; right: 85px; top: 25px; }
header .search-submit img{ width: 22px; height: 22px; fill:white; }  
header .mobile-search { top: 0; width: 100%; }
header .mobile-search:after { display: none; }
header .mobile-search #searchForm { height: 100%; }
header .mobile-search .search-field { height: 100%; line-height: 1; border-bottom: 1px solid #bbb; }
header .mobile-search .search-field input { position: relative; width: calc(100% - 60px); left: 0; top: 20px; }
header .mobile-search .search-submit { right: 20px; top: 35px; width: 30px; height: 30px; line-height: 35px; }
header .mobile-search .search-submit img { width: 18px; height: 18px; }
.btn{display:inline-block; padding: 10px 50px 10px 15px; white-space: nowrap; cursor: pointer; text-transform: uppercase; font-size:16px; background-image: url(../images/global/btnArrow.svg); background-repeat: no-repeat; background-position: right 10px top 9px; background-size: 10px 18px; color: #fff}
.btn a{color:#ffffff;}
.btn.red, .strip.red{background-color:#ba092e;}
.btn.orangeRed, .strip.orangeRed{background-color:#ff1603;}
.btn.orange, .strip.orange{background-color:#f7a000;}
.btn.purple, .strip.purple{background-color:#7477bf;}
.btn.blue, .strip.blue{background-color:#193f81;}
.btn.green, .strip.green{background-color:#00c7ca;}
.strip{min-height: 70px; color:#ffffff; text-align: center; font-size:18px; position: relative; text-transform: uppercase;}
.strip:after{content: ''; position: absolute; top: 100%; left: calc(50% - 15px);
  	border-left: 15px solid transparent;
   	border-right: 15px solid transparent;
  	border-top: 15px solid #46585e;
	z-index: 98;
}
.strip.red:after{border-top: 15px solid #ba092e;}
.strip.orangeRed:after{border-top: 15px solid #ff1603;}
.strip.orange:after{border-top: 15px solid #f7a000;}
.strip.purple:after{border-top: 15px solid #7477bf;}
.strip.blue:after{border-top: 15px solid #193f81;}
.strip.green:after{border-top: 15px solid #00c7ca;}
.shadow{
	-webkit-box-shadow: 0px -5px 14px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px -5px 14px 0px rgba(0,0,0,0.7);
	box-shadow: 0px -5px 14px 0px rgba(0,0,0,0.7);
	z-index: 99;
}
.strip .title{ line-height: 20px; color: #ffffff; font-family: "Meta Normal"; padding: 18px 20px 0;}
.strip img {position: absolute; bottom:-15px; z-index: 99; right:50%; left: calc(50% - 15px);}
.fa.green { color: #00c7ca; }
.img-responsive { width: 100%; }

.community{display: block; width:100%;  border-bottom: 2px solid #f6a020;}
.community .headline{height: auto; background:#46585e; padding:40px 20px 40px 20px; width:100%; display: block; position: relative;}
.community .headline> a.linkBox{position:absolute; width: 100%; height: 100%; z-index: 20; left: 0; top: 0;}
.community .headline p{color:#ffffff;}
.community .headline h2{color:#ffffff; font-size:28px;}
.community h4{color:#f6a020;}
.community .post{width:100%; display:block; vertical-align: top;}
.community .post .news { background: #ffffff; position: relative;}
.community .post .news > a.linkBox{position:absolute; width: 100%; height: 100%; z-index: 20; left: 0; top: 0;}
.community .post .news .photo, .community .post .news .content{display:table-cell; vertical-align: top;}
.community .post .news .photo img{height:70px; width:auto;}
.community .post .news .content{/*background:#ffffff;*/ position: relative; padding:20px;}
.community .post .news .content .title{font-size:24px; margin-bottom: 15px;}
.community .post .news .content:before{content: ''; position: absolute; right: 100%; top: 25px; 
  	border-top: 10px solid transparent;
   	border-bottom: 10px solid transparent;
  	border-right: 10px solid #ffffff;
	z-index: 98;}
.community .post .news:last-child{border-top: 2px solid #f6a020;}

.foundation .applyButton { display: block; width:320px; }

.footer-career{ background: url(../images/home/footer-career.jpg) no-repeat; background-size: cover; padding: 40px 20px 40px 20px; background-position: center;}
.footer-career h2{ color: #ff2201;}
ul.tick-box{width: 480px; }
ul.tick-box li:before{ content:''; background: url(../images/global/tick.svg);  width: 31px; height: 31px; position: absolute; left: 0;}
ul.tick-box li{float:none; width:240px; color: #ff2201; line-height: 31px; position: relative; padding:5px 0 5px 40px;}
.footer-career .red{background-color:#ff2201;}
.footer-career .btn-group{margin:30px 0 0 0;}
.footer-career .btn-group div{display:inline-block;}
.footer-career .btn-group .visit{padding:10px 15px; display: block;}

.footer { text-align: center; background: #ffffff; border-top:2px solid #ff2201; padding: 30px 20px;}
.footer .logo img{width: 132px; height: 71px;}
.footer .disclaimer, .footer .social { margin: 25px 0; }
.footer .disclaimer li { display:block; padding: 0 20px; font-size: 16px; line-height: 1.8; }
.footer .disclaimer li a { color: #1e2f37; }
.footer .social li { display:block; padding: 10px 3px 3px; font-size: 14px; line-height: 1.8; vertical-align: text-bottom; }
.footer .social li a { color: #1e2f37; padding: 1px 20px 2px; border: 2px solid #3b5998; border-radius: 2px; display: inline-block; }
.footer .social li.icon { /*vertical-align: baseline;*/ }
.footer .social li.icon a { padding: 0; border: none; vertical-align: bottom; }
.footer .social li.icon img { width: 32px; vertical-align: bottom; }
.footer .copyright{ margin-bottom: 20px; color: #929ca1; font-size: 14px; line-height: 2; }
.footer .copyright span { display: inline-block; color: #929ca1; }
.footer .extra { font-size: 13px; color: #929ca1; line-height: 1.5; }


.pageBanner { height: 340px; position: relative; background-color: transparent; background-repeat: repeat; background-attachment: fixed; background-position: 50% 0; margin-top: 50px; }
.pageBanner h1 { color: #fff; font-family: "TexgyreBold"; font-size: 45px; position: absolute; bottom: 35px; padding: 0 20px; }
.breadcrumb { padding: 10px 20px; font-size: 14px; color: #00c7ca; background-color: rgba(31, 52, 71, 0.7);  }
.breadcrumb a, .breadcrumb span { padding: 0 10px; }
.breadcrumb a { color: #00c7ca; }
.breadcrumb a:first-child { padding-left: 0; }
.breadcrumb span { color: #fff; }
.full-width { padding: 0 20px; }
.contentWrapper { position: relative; background: #fff; width: 100%; }
.contentWrapper:after { content: ""; display: table; clear: both; }
.contents { padding-top: 30px; padding-bottom: 20px; }
.contents .content-block { max-width: 880px; }
.contents .content-block img { margin: 10px 0 20px; }	

.tabs { background: #eceeef; width: 100%; display: inline-block; }
.tab-nav { height: 110px; position: relative; }
.tab-links { padding-top: 30px; }
.tab-links li { float: left; text-align: center; width: calc(100% - 80px); display: none; }
.tab-links li.active { display: block; }
.tab-links li a { display: block; color: #00c7ca; font-size: 18px; padding: 31px 20px; text-transform: uppercase; }
.tab-links li.active a { background: #fff; color: #7477bf; }
.tab-links li.tav-nav-close { display: none; position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: url(../images/global/tab-close-btn.jpg) 100%; cursor: pointer; }	
.tab-content { background: #fff; padding-top: 30px; padding-bottom: 50px; }
.tab { display: none; }
.tab.active { display: block; }
.tabs .tab-nav-btn { position: absolute; top: 30px; right: 20px; background: url(../images/global/tab-btn.jpg) 100%; width: 60px; height: 60px; cursor: pointer; }
.lvl2Tab-nav{padding: 31px 20px;  text-align: center; background-color: #fff;}
.lvl2Tab-nav a { margin: 0 5px; font-size: 16px; color: #00c7ca;}
.lvl2Tab-nav a.active { color: #7477bf;}

.btn.link { display: inline-block; cursor: pointer; padding: 0; background: none; float: right; }
.btn.link img { width: 10px; height: 20px; }
	
.contentWrapper { position: relative; background: #fff; width: 100%; }
.contentWrapper .mainContent { width: 100%; padding: 30px 20px; background-color: #fff; }
.contentWrapper .sideContent { width: 100%; background-color: #d1d3d4; vertical-align: top; }

.sideContent .sideBlocks { position: relative; margin: 20px 20px 0; padding: 20px 0; }
.sideContent .strip { min-height: 40px; }
.sideContent .strip .title { line-height: 40px; text-transform: uppercase; }
.sideContent .featured .article { background: #46585e; padding: 30px 20px 20px; position: relative;}
.sideContent .specific-post { background: #46585e; padding: 0px 20px 20px; margin-top: 15px; position: relative; }
.sideContent .article h4 { color: #00c7ca; }
.sideContent .article p { color: #fff; font-size: 18px; padding-top: 20px; line-height: 1.2; }
.sideContent .article p.title { font-size: 24px; font-family: "TexgyreRegular"; }
.sideContent .article .btn { margin-top: 20px; }

.sideContent .post { background: #fff; border-bottom: 4px solid #00c7ca; width: 100%; height: 110px; display: table; }
.sideContent .post .postImg { /*display: table-cell; */height: 114px; }
.sideContent .post .postImg img { height: 100%; }
.sideContent .post .postText { display: table-cell; padding: 13px 15px; vertical-align: top; position: relative; }
.sideContent .post .postText p { font-size: 15px; margin-bottom: 0; line-height: 1.2; }
.sideContent .post .postText span { font-size: 13px; color: #808080 }
.sideContent .post .cat { margin-top: 12px; }
.sideContent .post .cat span { padding: 0 10px; }
.sideContent .post .cat span:first-child { padding-left: 0; }
.sideContent .post .btn.link, .home-news .post .btn.link { position: absolute; bottom: 12px; right: 15px; }

.pods { padding: 30px 20px; background: #fff; }
.pods .item { width: 100%; margin: 0 0 20px; float: left; position: relative; }
.pods .item > div { position: absolute; color: #fff; font-size: 26px; line-height: 30px; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }
.pods .item a { width: 100%; height: 100%; }
.pods .item a > div { position: absolute; color: #fff; font-size: 26px; line-height: 30px; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }

.directors .infoWrapper { background: #f2f2f2; box-shadow: 0px 2px 3px #aaa; padding: 35px 30px 15px; margin-bottom: 20px; }
.directors .infoWrapper.primary { background: transparent; box-shadow: none; }
.directors .infoWrapper > div { margin-bottom: 25px; }
.directors .infoWrapper .name { font-size: 26px; color: #333; font-family: "TexgyreRegular"  }
.directors .infoWrapper .title { font-size: 18px; color: #7477bf; margin-bottom: 25px; }
.directors .remark { padding: 30px 30px 50px; }
.directors #tab1 .infoWrapper:not(.primary) { cursor: pointer; }

.offices .infoWrapper { width: 100%; margin-bottom: 20px; background: #f2f2f2; box-shadow: 0px 2px 3px #aaa; padding: 35px 30px 15px; float: left; }
.offices .infoWrapper > div { margin-bottom: 25px; }
.offices .infoWrapper .title { font-size: 26px; color: #333; font-family: "TexgyreRegular"  }
.offices .infoWrapper .subtitle { font-size: 18px; color: #00c7ca; }

ul.listDot { list-style-type: disc; padding-left: 20px; font-size: 18px; }
ul.listDot > li { line-height: 1.3; margin-bottom: 20px; color: #47525a; }
ul.listCircle { list-style-type: circle; padding-left: 20px; font-size: 18px; }
ul.listCircle > li { line-height: 1.3; margin-bottom: 20px; color: #47525a; }
ul.listNo { font-size: 18px; counter-reset: number; }
ul.listNo > li:before, ul.listNoCont > li:before { content: counter(number) ". "; counter-increment: number; display: inline-block; position: absolute; left: 0; color: #47525a;}
ul.listNo > li, ul.listNoCont > li { line-height: 1.3; margin-bottom: 20px; position: relative; padding-left: 25px; color: #47525a; }
ul.listLetter { font-size: 18px; counter-reset: letterlist; }
ul.listLetter > li:before { content: "(" counter(letterlist, lower-latin) ") "; counter-increment: letterlist; display: inline-block; width: 30px; position: absolute; left: 0; color: #47525a; }
ul.listLetter > li { line-height: 1.3; margin-bottom: 20px; position: relative; padding-left: 30px; color: #47525a; }
ul.listRoman { font-size: 18px; counter-reset: romanlist; }
ul.listRoman > li:before { content: "(" counter(romanlist, lower-roman) ") "; counter-increment: romanlist; display: inline-block; width: 30px; position: absolute; left: 0; color: #47525a; }
ul.listRoman > li { line-height: 1.3; margin-bottom: 20px; position: relative; padding-left: 30px; color: #47525a; }
ul li > ul { margin-top: 20px; }

.slick-dots { position: absolute; bottom: 40px; width: 380px; list-style: none; padding: 0 20px}
@media (min-width: 1024px), print{.slick-dots {padding: 0 90px}}
.slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; width: 10px; height: 10px; }
.slick-dots li button { font-size: 0; line-height: 0; width: 10px; height: 10px; padding: 0; margin: 0; color: transparent; border: 0; border-radius: 50%; cursor: pointer; outline: none; background: #fff; opacity: 0.5}
.slick-dots li.slick-active button, .slick-dots li button:hover { opacity: 1}
.slick-arrow { position: absolute; bottom: -15px; z-index: 10; height: 36px; }
.slick-arrow.slick-disabled { visibility: hidden; }
.slick-arrow.slick-prev { left: 0; background-image: url(../images/global/btnPrevArrow.svg); background-position: left 10px top 9px; padding: 10px 15px 10px 50px;}
.slick-arrow.slick-next { right: 0; }


.history .slick-dots {width:100%; text-align: center; bottom: 0}
.history .slick-dots li button {background: #A2ABAE; opacity: 1}
.history .slick-dots li.slick-active button, .slick-dots li button:hover { background: #46585E;}

.history .pageBanner { background: #46585e; height: auto; min-height: 380px; }
.history .pageBanner h1 { position: relative; top: 55px; left: 0; text-align: center; font-size: 50px; color: #00c7ca; line-height: 1; margin-bottom: 85px; }
.history .pageBanner h1:after { content: ""; display: block; width: 145px; height: 5px; margin: 35px auto; background: #f7a000; }
.history .pageBanner p { color: #fff; text-align: center; width: 100%; max-width: 1045px; padding: 0 20px 20px; margin: auto; }
.history .historyWrapper .year { background-size: cover; background-position: center; position: relative; width: 100%; height: 180px; top: 0; left: 0;  }
.history .historyWrapper .year span { display: block; font-family: "TexgyreBold"; font-size: 70px; color: #f7a000; width: 100%; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.history .historyWrapper .details { width: 100%; background: #fff; position: relative; }

.history .details { width: 100%; background: #fff; padding: 40px 30px; }
.history .details .title { font-size: 25px; color: #00c7ca; font-family: "TexgyreRegular"; }
.history .details .slider { font-size: 18px; padding: 40px 0; }
/*.history .details .slider ul.listDot { padding-left: 20px; }*/
.history ul.listDot li { margin-bottom: 30px; user-select: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; }

.companies .company-listing-large { padding-top: 30px; text-align: center; line-height: 24px; }
.companies .item { margin-bottom: 30px; text-align: left; }
.companies .item .img { margin-bottom: 10px; position: relative; }
.companies .item .img:before { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; top: 30px; }
.companies .item .img:after { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; bottom: 33px; }
.companies .item .img .title { font-size: 36px; line-height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 100%; }
.companies .jm-companies .item .img:before, .companies .jm-companies .item .img:after { background: #193f81; }
.companies .js-companies .item .img:before, .companies .js-companies .item .img:after { background: #ff1603; }

.pacific .pageBanner h1 { text-shadow: 3px 3px 3px #2c3336; }
.pacific .company-listing { padding-top: 30px; padding-bottom: 30px; }
.pacific .company-listing .item { margin-bottom: 30px; }
.pacific .company-listing .item .img { position: relative; }
.pacific .company-listing .item .img .title { font-size: 26px; line-height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 100%; }
.pacific .company-listing .item .img:before { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; top: 24px; background: #00c7ca; }
.pacific .company-listing .item .img:after { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; bottom: 27px; background: #00c7ca; }
.pacific .company-listing .item .desc { line-height: 24px; font-size: 18px; }

.hkland .pageBanner { background-position: 25% 0; }

.content-block a, .desc a { color: #00c7ca; }

.compStatsWrapper { /*background-image: url(../images/companies/pacific_stat_bg.jpg);*/ background-size: cover; background-position: center 0px; }
.compStats { /*background-image: url(../images/companies/pacific_stat_bg.jpg); background-size: cover; */min-height: 370px; padding: 55px 5px; }
.compStats h1 { color: #fff; font-size: 36px; text-align: center; font-family: "TexgyreBold"; line-height: 45px; }
.compStats .item, .homeData .item, .homeData2 .item  { text-align: center; padding: 0px 0px 60px; }
.compStats .item:first-child, .homeData .item:first-child, .homeData2 .item:first-child  { padding-top: 60px; }
.compStats .item:first-child:before, .homeData .item:first-child:before { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; top: -10px; background: #00c7ca; }
.homeData2 .item:first-child:before { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; top: -10px; background: #7477BE; }
.compStats .item:after, .homeData .item:after{ content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; bottom: -25px; background: #00c7ca; }
.homeData2 .item:after   { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; bottom: -25px; background: #7477BE; }
.compStats .number, .homeData .number, .homeData2 .number  { color: #fff; font-size: 44px; line-height: 45px; }
.homeData .text,.homeData2 .text { color: #fff; font-size: 34px; line-height: 50px; }
.compStats .number span, .homeData .number span, .homeData2 .number span { color: #fff; font-size: 22px; line-height: 1; }
.compStats sup { /*vertical-align: super; */color: #fff; font-size: 22px; display: inline-block; position: absolute; margin-top: -10px; }

.link-block-left { background: #00c7ca; position: relative; height: 120px; }
.link-block-left:after { content: ""; position: absolute; left: calc(50% - 30px); bottom: -30px; border-width: 30px 30px 0px; border-style: solid; border-color: #00c7ca transparent; z-index: 2; }
.link-block-left h2 { position: absolute; color: #fff; top: 50%; transform: translateY(-50%); left: 20px; }
.link-block-right { /*background: url(../images/companies/link_bg.jpg) no-repeat; background-size: cover; */position: relative; height: 140px; }
.link-block-right .btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.year-filter.select { width: 170px; }
.year-filter select { width: 100%; height: 50px; padding: 0 0 0 70px; border: 1px solid #ccc; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; font-size: 18px; line-height: 24px; }
.select:after { content: url(../images/global/dropdown_arrow.png); position: absolute; top: 18px; right: 25px; pointer-events: none; }
.year-filter select::-ms-expand { display: none; }
.year-filter label { position: absolute; top: 18px; left: 25px; color: #c0c0c0; }

.ir .reports, .ir .analyst { padding-top: 60px; }
.ir .reports .title, .ir .analyst .title { border-bottom: 2px solid #eee; padding: 10px 0; position: relative; margin-bottom: 40px; }
.ir .reports .title h2, .ir .analyst .title h2 { padding-left: 20px; padding-right: 20px; }
.ir .reports .title .year-filter, .ir .analyst .title .year-filter { position: relative; left: 20px; }
.ir .pdflist .pdfWrapper { display: table; width: 100%; padding-bottom: 20px; }
.ir .pdflist .pdfWrapper .img, .ir .pdflist .pdf { display: table-cell; }
.ir .pdflist .pdfWrapper .img { width: 8%; min-width: 70px; }
.ir .pdflist .pdfWrapper .pdf { width: 92%; padding-left: 20px; vertical-align: middle; line-height: 32px; }
.ir .pdflist .pdfWrapper .pdf .pdf-title, .ir .pdflist .pdfWrapper .pdf .pdf-title a { font-family: "TexgyreRegular"; font-size: 24px; }
.ir .pdflist .pdfWrapper .pdf .pdf-title span, .ir .pdflist .pdfWrapper .pdf .pdf-title a span { font-family: "TexgyreRegular"; font-size: 24px; display: inline-block; }
.ir .pdflist .pdfWrapper .pdf .download a { color: #00c7ca; font-size: 18px; }
.ir .pdflist { display: none; }
.ir .pdflist.active { display: block; }

.ir .pods { padding-top: 30px; padding-bottom: 30px; }
.ir .pods .item { margin-bottom: 30px; text-align: left; }
.ir .pods .item .img { position: relative; top: 0; transform: none; }
.ir .pods .item .img .text { font-size: 26px; line-height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-family: "TexgyreRegular"; width: 100%; }

.irStats { background: #7477bf; min-height: 370px; padding: 55px 0; }
.irStats h1 { color: #fff; font-size: 36px; text-align: center; font-family: "TexgyreBold"; line-height: 45px; }
.irStats .item { text-align: center; padding: 0px 0px 40px; }
.irStats .item:first-child { padding-top: 40px; }
.irStats .item:first-child:before { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; top: -10px; background: #00c7ca; }
.irStats .item:after { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; bottom: -25px; background: #00c7ca; }
.irStats .number { color: #fff; font-size: 44px; line-height: 44px; }
.irStats .number span { color: #fff; font-size: 22px;line-height: 18px; }
.irStats .number .stock { color: #fff; font-size: 44px; line-height: 44px; }

.table { overflow-x: auto; width: 100%; margin-bottom: 20px; }
.table table { width: 100%; }
.table table tr { height: 50px; }
.table table tr th, .table table tr td { vertical-align: middle; border: 1px solid #fff; padding: 10px; font-size: 18px; }
.table table tr th { background: #7477bf; color: #fff; }
.table table tr td { background: #eceeef; }
.table table tr td:not(:first-child) { font-family: "TexgyreRegular"; }

.priceWrapper { padding-top: 20px; padding-bottom: 50px; }
.priceWrapper .remark { font-size: 15px; line-height: 22px; }

.regulatory .tab-content { padding-bottom: 0; }
.regulatory .pdflist { display: table; width: 100%; padding-bottom: 20px; padding-top: 20px; }
.regulatory .pdflist .img, .regulatory .pdflist .pdf { display: table-cell; }
.regulatory .pdflist .img { width: 8%; min-width: 70px; }
.regulatory .pdflist .pdf { width: 92%; padding-left: 20px; vertical-align: middle; line-height: 32px; }
.regulatory .pdflist .pdf .pdf-title, .regulatory .pdflist .pdf .pdf-title a { font-family: "TexgyreRegular"; font-size: 24px; color: #00c7ca; }
.regulatory .pdflist .pdf .download a { color: #00c7ca; font-size: 18px; }
.regulatory .title .year-filter { position: relative; }
.regulatory .title .year-filter select { padding: 0 15px; }
.regulatory .ref { padding-bottom: 70px; }
.regulatory .announement { background: #eceeef; padding-top: 60px; padding-bottom: 60px; }
.regulatory .announement .title { position: relative; margin-bottom: 40px; }
.regulatory .announement .subtitle { border-bottom: 2px solid #f6a020; font-size: 24px; line-height: 32px; font-family: "TexgyreRegular"; padding-bottom: 20px; margin-bottom: 10px; }
.regulatory .doclist { padding-bottom: 20px; padding-top: 20px; font-size: 18px; }
.regulatory .doclist .doc { width: 100%; display: inline-block; padding: 0 0 20px; line-height: 24px; }
.regulatory .doclist .date { float: left; width: 100%; }
.regulatory .doclist .doc-title { font-size: 20px; color: #00c7ca; /*float: left;*/ }
.regulatory .announement .doclist { display: none; }
.regulatory .announement .doclist.active { display: block; }

.regulatory .reports { padding-top: 70px; padding-bottom: 70px; border-top: 2px solid #f6a020; }

.calendar .infoWrapper { background: #f2f2f2; box-shadow: 0px 2px 3px #aaa; padding: 35px 30px 15px; margin-bottom: 20px; }
.calendar .infoWrapper > div { margin-bottom: 25px; }
.calendar .infoWrapper .title { font-size: 26px; color: #333; font-family: "TexgyreRegular"  }
.calendar .infoWrapper .subtitle { font-size: 18px; color: #00c7ca; }

.news .newsTabs { background: #eceeef; width: 100%; display: inline-block; }
.news .newsTabs .tab-nav-btn { position: absolute; top: 30px; right: 20px; background: url(../images/global/tab-btn.jpg) 100%; width: 60px; height: 60px; cursor: pointer; }
.news .year-filter.select { position: relative; width: 100%; padding: 20px; }
.news .year-filter select { padding: 0 15px; }
.news .select:after { right: 15px; padding: inherit; }

.news .featured-post { border-bottom: 2px solid #f7a000;}
.news .featured-post .feature-left { background: #fff; position: relative;}
.news .featured-post .feature-left > a.linkBox{position:absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 20;}
.news .featured-post .feature-left:after { border-color: transparent #fff; }
.news .featured-post .feature-left h2 { color: #7477bf; }
.news .featured-post .feature-left p { color: #47525a; }

.news .listing { padding-top: 20px; }
.news .postWrapper { margin-bottom: 20px; }
.news .post:last-child { border-bottom: none; }
.news .post .photo, .news .post .content { display: table-cell; vertical-align: top; }
.news .post .photo .img { width: 73px; height: 70px; position: relative; /*background: #34434b;*/ }
.news .post .photo .img:after { content: ''; display: block; position: absolute; right: 0; top: calc(50% - 10px); border-width: 10px 10px 10px 0px; border-style: solid; border-color: transparent #fff; }
.news .post .photo .img img { width: 73px; height: 70px; }
.news .post .photo .img img.cover { width: auto; height: 70px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #ddd }
.news .post .content { padding: 0px 20px 35px;width: 100%; }
.news .post .text { position: relative; }
.news .post .title, .news .post .title a { font-size: 18px; color: #00c7ca; }
.news .post .title i { font-style: italic; color: #00c7ca; }
.news .post .cat { padding: 10px 0 20px; color: #808080;}
.news .post .cat span { font-size: 13px; color: #808080; padding: 0 20px; }
.news .post .cat span:first-child { padding-left: 0; }

.news .title .year-filter { position: relative; }
.news .title .year-filter select { padding: 0 15px; }
.news .press { padding-top: 60px; /*padding-bottom: 60px; */}
.news .press .title { position: relative; margin-bottom: 40px; }
.news .press .subtitle { border-bottom: 2px solid #f6a020; font-size: 24px; line-height: 32px; font-family: "TexgyreRegular"; padding-bottom: 20px; margin-bottom: 10px; }
.news .doclist { padding-bottom: 20px; padding-top: 20px; font-size: 18px; }
.news .doclist .doc { width: 100%; display: inline-block; padding: 0 0 20px; line-height: 24px; }
.news .doclist .date { float: left; width: 140px; }
.news .doclist .doc-title { font-size: 20px; color: #00c7ca; float: left; }
.news .press .doclist { display: none; }
.news .press .doclist.active { display: block; }
.news .remark .subtitle { font-size: 24px; margin-bottom: 20px; }

.article .pageBanner { height: 180px; }
.article .article-img { margin-bottom: 30px; }
.article h3 { font-size: 24px; color: #47525a; margin-bottom: 20px; }
.article .featured-content { border-top: 4px solid #7477bf; border-bottom: 4px solid #7477bf; padding: 30px 0; margin: 50px 0 120px; }
.article .featured-content p { font-size: 24px; color: #7477bf; font-family: "TexgyreRegular"; line-height: 34px; margin-bottom: 0; }

.community .pods { border-top: 2px solid #00c7ca; }
.community .pods .item { width: 100%; }
.community .pods .item > div { position: relative; color: inherit; font-size: 18px; text-align: left; top: 0; transform: none; line-height: 25px; }
.community .pods .item .img .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 36px; line-height: 46px; font-family: "TexgyreRegular"; text-align: center; }
.community .pods .item .desc { margin: 20px 0; }

.careers .link-block-right { background: url(../images/careers/careers_link_bg.jpg) no-repeat; background-size: cover; height: 400px; }
.careers .content-right .img { position: relative; width: 100%; }
.careers .content-right .img .title { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 26px; line-height: 30px; font-family: "TexgyreRegular"; text-align: center; width: 100%; }
.careers .link-block-left { padding: 30px 20px; height: auto; }
.careers .link-block-left h2 { position: relative; top: auto; transform: none; left: auto; }
.careers .link-block-left p { color: #fff; }
.careers .link-block-left a { color: #46585e; }

.mindset .pods .item, .foundation .pods .item { width: 100%; }
.mindset .pods .item > div, .foundation .pods .item > div { position: relative; color: inherit; font-size: 18px; text-align: left; top: 0; transform: none; line-height: 25px; }
.mindset .pods .item .img .title, .foundation .pods .item .img .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 26px; line-height: 30px; font-family: "TexgyreRegular"; text-align: center; width: 100%; }

.mindset .company-listing { padding-top: 30px; padding-bottom: 30px; border-top: 2px solid #eceeef; }
.foundation .company-listing { padding-top: 30px; padding-bottom: 30px; }
.mindset .company-listing .item, .foundation .company-listing .item { margin-bottom: 30px; }
.mindset .company-listing .item .img, .foundation .company-listing .item .img { position: relative; }
.mindset .company-listing .item .img .title, .foundation .company-listing .item .img .title { font-size: 26px; line-height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 100%; }
.mindset .company-listing .item .img:before, .foundation .company-listing .item .img:before { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; top: 24px; background: #00c7ca; }
.mindset .company-listing .item .img:after, .foundation .company-listing .item .img:after { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; bottom: 27px; background: #00c7ca; }
.mindset .company-listing .item .desc, .foundation .company-listing .item .desc { line-height: 24px; font-size: 18px; }	
.mindset .company-listing .intro, .foundation .company-listing .intro { margin-bottom: 50px; }

.foundation .pageBanner h1 { text-shadow: 1px 1px 0 #c9c9c9, -1px -1px 0 #c9c9c9, 1px -1px 0 #c9c9c9, -1px 1px 0 #c9c9c9, 4px 4px 3px #888; }

.support .content-block h4 { padding-top: 20px; }
.publications .reports.anniversary { padding-top: 60px; }
.publications .reports .title { border-bottom: 2px solid #eee; padding: 10px 0; position: relative; margin-bottom: 40px; }
.publications .reports .title span { font-size: 18px; }
/*.publications .reports .title .year-filter { position: relative; left: 20px; }*/
.publications .reports .title .year-filter select { padding: 0 15px; }
.publications .pdflist .pdfWrapper { display: table; width: 100%; padding-bottom: 20px; }
.publications .pdflist .pdfWrapper .img, .publications .pdflist .pdf { display: table-cell; }
.publications .pdflist .pdfWrapper .img { width: 8%; min-width: 70px; }
.publications .pdflist .pdfWrapper .pdf { width: 92%; padding-left: 20px; vertical-align: middle; line-height: 32px; }
.publications .pdflist .pdfWrapper .pdf .pdf-title { font-family: "TexgyreRegular"; font-size: 24px; }
.publications .pdflist .pdfWrapper .pdf .pdf-title span { font-family: "TexgyreRegular"; font-size: 24px; display: inline-block; }
.publications .pdflist .pdfWrapper .pdf .download a { color: #00c7ca; font-size: 18px; }
.publications .pdflist { display: none; }
.publications .pdflist.active { display: block; }

.mfp-bg { background: none; }
.mfp-inline-holder .mfp-content {max-width:1300px; background:#ffffff; padding:50px; height: 70%; border: 2px solid #ccc; }
.mfp-content #onLoadPop { height: 100%; overflow-y: auto; padding-right: 50px; margin-right: -50px; }

.line { border-bottom: 1px solid #ddd; margin-bottom: 15px;}

.eligibility .remark p { display: table-cell; min-width: 50px; }




@media (max-width: 767px) {
	.tab-links.open { position: absolute; background: #00c7ca; width: calc(100% - 40px); margin-top: 30px; z-index: 25; padding-top: 60px; padding-bottom: 20px; }
	.tab-links.open li { display: block; float: none; text-align: left; }
	.tab-links.open li a { color: #fff; padding: 15px 20px; }
	.tab-links.open li.active a, .tab-links.open li a:hover { background: transparent; color: #008688; }
	.tab-links.open li.tav-nav-close { display: block; }	
	
	.slick-arrow a { display: none; }
	.slick-arrow.slick-prev, .slick-arrow.slick-next { padding: 10px 15px; }
	
	.news .postWrapper { border-bottom: 2px solid #eee; }
	
	.history .historyWrapper:first-child .year { background-position: bottom;  }
}


.wufooForm { padding-top: 27px; }
.contactForm iframe { height: 1100px}
.irContactForm iframe { height: 1160px}
.mediaContactForm iframe { height: 1210px}
.careerContactForm iframe { height: 960px}
@media (max-width: 767px) {
	.contactForm iframe { height: 1210px}
	.irContactForm iframe { height: 1360px}
	.mediaContactForm iframe { height: 1260px}
	.careerContactForm iframe { height: 1160px}
	.mindsetContactForm iframe{height: 1260px}
}
	
	
	
#policy_popup { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2000; background: #777; display: none; }
#policy_popup .policy_popup_content { position: relative; }
#policy_popup .policy_popup_content p { color: #fff; padding: 25px 100px 25px 30px; margin: 0; }
#policy_popup .policy_popup_content a { color: #fff; text-decoration: underline; }
#policy_popup .policy_popup_content #close_policy_popup { position: absolute; right: 30px; top: 28px; }
#policy_popup .policy_popup_content #close_policy_popup:hover { opacity: 0.5; }