@charset "utf-8";

.nowrap{white-space:nowrap;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.subHeading{background:#4763a1;color:#fff;font-size:4.7vw;line-height:1;text-align:center;padding:3.1vw 0vw;}
h1{font-size:7.8vw;text-align:center;font-family: "Avenir Next Condensed","Muli", sans-serif;line-height:1.2;text-transform:uppercase;font-weight:600;color:#4763a1;}
h2{font-size:3.4vw;line-height:1.2;font-weight:bold;margin-bottom:2vw;}
p{font-size:3.4vw;line-height:1.5;}
.selectWrapper{display:block;float:right;width:19vw;padding:2px;background:#344c81;}
.wrapper{width:100%;}
.wrapper a{color:#5589E0;}
.wrapper a:hover{color:#5589E0;}
.contentBlock{background:#e9eaed;}
.block{margin:0 auto;padding:3.9vw 6.5vw;background:#e9eaed;}
.content{margin-top: 3.9vw;}
.mainContent{padding-top:12.4vw;}
.mainContent .listDot{margin-left:3vw;}
.mainContent .listDot li{font-size:3.4vw;list-style:square;color:#4763a1;}
.mainContent .listDot li span,.listDot li a{color:#333333;}
.headerWrapper{background:#fff;width:100%;position:fixed;z-index:100;}
.headerWrapper .headerMobile{height:12.4vw;}
.headerWrapper .headerMobile .logo{float:left;width:50vw;margin:3vw 0vw 3vw 3vw;}
.headerWrapper .headerMobile .menuWrapper{float:right;margin:3vw 3vw 3vw 0vw;}
.headerWrapper .headerMobile .menuBtn{width:6vw;}
.headerWrapper .headerMobile .menuMobile{width:100%;position:absolute;left:0px;top:12.4vw;z-index:10;background:#e9eaed;display:none;}
.headerWrapper .headerMobile .menuMobile dl{border-bottom:1px solid #c7d0e3;padding:5.9vw 3.9vw;}
.headerWrapper .headerMobile .menuMobile dt{font-size:5.5vw;color:#4763a1;font-weight:600;line-height:1;}
.headerWrapper .headerMobile .menuMobile dd{font-size:4.2vw;line-height:1;padding-left:3.9vw;margin-top:5.9vw;}
.headerWrapper .headerMobile .menuMobile dd a{color:#333333;}
.headerWrapper .headerMobile .menuMobile dl.lang dt{float:left;width:40%;line-height:10vw;}
.headerWrapper .headerMobile .menuMobile dl.lang dd{float:left;width:20%;margin-top:0vw;}
.headerWrapper .headerMobile .menuMobile dl.lang dd a{display:block;width:10vw;height:10vw;border-radius:50%;color:#333333;text-align:center;line-height:10vw;}
.headerWrapper .headerMobile .menuMobile dl.lang dd a.act{background:#c7d0e3;color:#4763a1;}
.headerWrapper .headerMobile .menuMobile .listDot li{list-style:square;margin:2.5vw 0vw 0vw 6vw;color:#4763a1;}
.headerWrapper .headerDesktop{display:none;}

/* menu control class */
body.showmenu .headerWrapper{position:absolute;}
body.showmenu .headerWrapper .headerMobile .menuWrapper .menuMobile{display:block;}

.sitemap{display:none;}
.footerWrapper{width:100%;font-size:3.1vw;line-height:1.5;color:#333333;}
.footerWrapper a{color:#333333;}
.footerWrapper .footer{margin:0 auto;max-width:960px;text-align:center;padding:20px 0px;}
.footerWrapper .copyright{font-size:2.3vw;}

.bannerWrapper{width:100%;height:auto;position:relative;}
.bannerWrapper .banner{width:100%;display:block;height:auto;}
.bannerWrapper .slide{width:100%;display:block;height:auto;}
.slick-arrow{position:absolute;width:53px;height:101px;top:310px;z-index:10;text-indent:-9999px;border:none;cursor:pointer;}
.slick-prev{left:40px;background:url(../images/global/prev.png) no-repeat;}
.slick-next{right:40px;background:url(../images/global/next.png) no-repeat;}
.slick-disabled{display:none!important;}
.slick-dots{position:absolute;bottom:0px;text-align:center;width:100%;}

.slick-dots li{display:inline-block;margin:4vw 2vw;}
.slick-dots li button{width:2.6vw;height:2.6vw;background:url(../images/global/pager_off.png) no-repeat;border:none;padding:0px;text-indent:-9999px;background-size:100% auto;}
.slick-dots li.slick-active button{background:url(../images/global/pager_on.png) no-repeat;background-size:100% auto;}

/* home */
#home #whatsNews{background:#fff;}
#home #whatsNews .block{background:#fff;}
#home #whatsNews .col{width:100%;float:left;position:relative;}
#home #whatsNews .newsBlock{background:#e9eaed;display:table;margin-top:3.9vw;width:100%;}
#home #whatsNews .date{color:#4763a1;text-align:center;display:table-cell;padding:5vw;text-transform:uppercase;}
#home #whatsNews .month{display:block;font-size:4.6vw;line-height:1;}
#home #whatsNews .day{display:block;font-size:13vw;line-height:1;}
#home #whatsNews .text{display:table-cell;padding:5vw 5vw 5vw 0vw;}
#home #whatsNews .text span{display:block;margin-bottom:2vw;font-size:3.4vw;line-height:1.5;}
#home #whatsNews .text .readmore{display:block;font-size:3.1vw;color:#4763a1;}
#home #whatsNews .slideshow .slick-arrow{width:32px;height:59px;top:150px;}
#home #whatsNews .slideshow .slick-prev{left:40px;background:url(../images/global/prev_news.png) no-repeat;left:-30px;}
#home #whatsNews .slideshow .slick-next{right:40px;background:url(../images/global/next_news.png) no-repeat;right:-30px;}
#home #stockQuote{background:#4763a1;}
#home #stockQuote .block{background:#4763a1;}
#home #stockQuote h1{color:#fff;}
#home #stockQuote .stockcode{text-align:center;color:#fff;font-size:3.9vw;padding-bottom:2vw;}
#home #stockQuote .quote{color:#fff;padding:3.9vw;font-size:3.5vw;line-height:1.5;border-top:1px solid #fff;}
#home #stockQuote .quote .curr{font-size:5.2vw;}
#home #stockQuote .quote .other{font-size:2.6vw;white-space:nowrap;padding-top:3vw;}
#home #stockQuote .quote a{color:#fff;}
#home #stockQuote .quote .row{display:table;}
#home #stockQuote .quote .row > div{display:table-cell;}
#home #stockQuote .quote .row .split{white-space:nowrap;}
#home #stockQuote .quote .row .split:first-child{padding-right:3vw;}
#home #stockQuote .quote .change .value{padding-left:2.5vw;position:relative;}
#home #stockQuote .quote .change .value:before{content:"";position:absolute;left:0px;top:1vw;}
#home #stockQuote .quote .up:before{border-bottom:2vw solid #96f58f;border-left:1vw solid transparent;border-right:1vw solid transparent;}
#home #stockQuote .quote .down:before{border-top:2vw solid #96f58f;border-left:1vw solid transparent;border-right:1vw solid transparent;}
#home #stockQuote .reminder{padding:5.2vw 0vw;border-bottom:1px solid #fff;}

/* home - stockquote - iframe */
#home #stockQuote #stockquoteContainer{height:370px;}
@media screen and (min-width: 960px){#home #stockQuote .reminder { margin-top:-265px; }}

/* profile */
#profile .imgWrapper{}

/* mission */
#mission .imgWrapper{margin-bottom:4.5vw;}
#mission .imgWrapper img.desktop{display:none;}
#mission .imgWrapper img.mobile{display:block;}

/* contactus */
#contactus table{width:100%;font-size:3.4vw;line-height:1.4;}
#contactus table th{font-weight:bold;white-space:nowrap;}
#contactus table th,#contactus table td{background:#fff;border-bottom:2px solid #e9eaed;padding:3.5vw 3.9vw;text-align:left;}
#contactus table tr:last-child th,#contactus table tr:last-child td{border-bottom:none;}

/* milestones */	
#milestones .imgWrapper{margin-bottom:4.5vw;}
#milestones table{width:100%;}	
#milestones table td{vertical-align:middle;border-bottom:10px solid #e9eaed;}
#milestones table tr:last-child td{border-bottom:none;}
#milestones table td.date{text-align:center;background:#4763a1;color:#fff;height:21vw;width:21vw;font-size:6.25vw;font-family: "Avenir Next Condensed","Muli", sans-serif;font-weight:600;line-height:1;}
#milestones table td .month{font-size:3.9vw;text-transform:uppercase;}
#milestones table td.text{background:#fff;font-size:3.4vw;padding:0vw 5.2vw;}

/* bioTemplate */
.bioTemplate table{width:100%;}
.bioTemplate table th,.bioTemplate table td{border-bottom:2px solid #e9eaed;}
.bioTemplate table tbody tr:last-child th,#committees table tbody tr:last-child td{border-bottom:none;}
.bioTemplate table thead th,.bioTemplate table thead td{background:#4763a1;color:#fff;font-size:4.7vw;line-height:1;text-align:center;padding:3.1vw 3.9vw;}
.bioTemplate .subHeading{margin-bottom:3.1vw;}
.bioTemplate table tbody th,.bioTemplate table tbody td{background:#fff;padding:3.1vw 3.9vw;line-height:1.2;}
.bioTemplate table tbody th{font-weight:bold;text-align:left;font-size:3.4vw;line-height:1.4;width:40%;}
.bioTemplate table tbody td{font-size:3.4vw;}
.bioTemplate table tbody ul li{margin-bottom:3.9vw;line-height:1.5;}
.bioTemplate table tbody a{display:block;font-size:2.6vw;line-height:1.2;}
.bioTemplate table a.icon_pdf{display:block;padding-left:4vw;line-height:1.5;position:relative;}
.bioTemplate table a.icon_pdf:before{background: rgba(0, 0, 0, 0) url("../images/global/icon_pdf.png") no-repeat scroll 0 0 / 100% auto;content: "";display:block;height:3vw;width:3vw;position:absolute;left:0vw;}
#analyst table thead th{text-align:left;}
#analyst table{margin-bottom:3.9vw;}

/* announcementsTemplate */
.announcementsTemplate table{width:100%;}
.announcementsTemplate table td{border-bottom:10px solid #e9eaed;}
.announcementsTemplate table thead td{background:#4763a1;color:#fff;padding:3.9vw 4.6vw;}
.announcementsTemplate table thead td:first-child{font-size:5.5vw;line-height:1;vertical-align:middle;}
.announcementsTemplate table tbody td{background:#fff;vertical-align:middle;}
.announcementsTemplate table tbody td.date{color:#4763a1;padding:5vw;}
.announcementsTemplate table tbody td.date span{display:block;text-align:center;line-height:1.2;}
.announcementsTemplate table tbody td.date .month{font-size:3.3vw;text-transform:uppercase;}
.announcementsTemplate table tbody td.date .day{font-size:8.3vw;}
.announcementsTemplate table tbody td.title{padding:5vw 5vw 5vw 0vw;}
.announcementsTemplate table tbody td.title a{display:block;font-size:3.2vw;color:#333333;line-height:1.25;padding-left:4vw;position:relative;}
.announcementsTemplate table tbody td.title a:hover{color:#5589E0;}
.announcementsTemplate table tbody td.title a:before{background: rgba(0, 0, 0, 0) url("../images/global/icon_pdf.png") no-repeat scroll 0 0 / 100% auto;content: "";display:block;height:3vw;width:3vw;position:absolute;left:0vw;}
.announcementsTemplate table tbody td.title a.mobile{display:block;}
.announcementsTemplate table tbody td.title a.desktop{display:none;}
#press .announcementsTemplate table thead td:first-child{font-weight:normal;}

/* historical_price_lookup */
#historical_price_lookup .details{background:#fff;padding:3.9vw;}
#historical_price_lookup .details .title{font-size:3.4vw;text-align:center;font-weight:bold;line-height:1;margin-bottom:5.2vw;}
#historical_price_lookup .details .periodWrapper{border:2px solid #cfdaed;padding:3.9vw 3.3vw;position:relative;}
#historical_price_lookup .details .periodWrapper .label{font-size:3.3vw;color:#4763a1;font-weight:600;margin-bottom:2.6vw;}
#historical_price_lookup .details .periodWrapper .selectArea{float:left;width:100%;}
#historical_price_lookup .details .periodWrapper .selectArea .row:first-child{margin-bottom:1vw;}
#historical_price_lookup .details .periodWrapper .selectArea .row div{float:left;}
#historical_price_lookup .details .periodWrapper .selectArea .row .text{font-size:2.7vw;width:16vw;font-weight:600;line-height:2.3;}
#historical_price_lookup .details .periodWrapper .selectArea .row .selectWrapper{margin-right:1.5vw;background:#ccd8ec;}
#historical_price_lookup .details .periodWrapper .selectArea .row .selectWrapper.day{width:13vw;}
#historical_price_lookup .details .periodWrapper .selectArea .row .selectWrapper.month{width:15vw;}
#historical_price_lookup .details .periodWrapper .selectArea .row .selectWrapper.year{width:13vw;}
#historical_price_lookup .details .periodWrapper .submitBtn{position:absolute;right:3.3vw;bottom:3.9vw;width:7vw;}
#historical_price_lookup .details .periodWrapper .submitBtn button{display:block;height:6vw;width:7vw;border:none;background:url(../../images/submit_btn.png) left bottom no-repeat;background-size:100% 100%;}
#historical_price_lookup .details table{width:100%;margin-bottom:3.9vw;}
#historical_price_lookup .details table td{border-bottom:1px solid #cfdaed;font-size:2.7vw;line-height:1;padding:2.6vw 1.3vw;text-align:center;}
#historical_price_lookup .details table td:first-child{text-align:left;}
#historical_price_lookup .details table thead{border-bottom:2px solid #cfdaed;}
#historical_price_lookup .details table thead td{color:#4763a1;font-size:2.7vw;}
#historical_price_lookup .details table tbody{border-bottom:2px solid #cfdaed;}
#historical_price_lookup .details .pager{text-align:center;font-size:2.7vw;margin-bottom:3.9vw;}
#historical_price_lookup .details .pager a{color:#4763a1;}
#historical_price_lookup .details .copyright{font-size:2.4vw;text-align:center;line-height:1.2;}
#historical_price_lookup .details .copyright .irasia{color:#3fb5b0;}
#historical_price_lookup .details .copyright .disclaimer{color:#333333;}

/* reports */
#reports h1{float:left;}
#reports .selectArea{margin-bottom:5.2vw;}
#reports .selectWrapper{margin-top:1vw;}
#reports .content{background:#fff;padding:3.9vw 3.9vw;}
#reports .yearHeading{background:#4763a1;color:#fff;text-align:center;font-size:4.7vw;line-height:1;padding:2.6vw 0vw;margin-bottom:5.2vw;}
#reports .yearRow{margin-bottom:6.5vw;}
#reports .yearBlock{float:left;width:50%;}
#reports .yearBlock .imgWrapper{margin-bottom:2.6vw;}
#reports .yearBlock .imgWrapper img{width:26vw;display:block;margin:0 auto;}
#reports .yearBlock > a{display:block;text-align:center;color:#333333;font-size:3.1vw;line-height:1;}
#reports .yearBlock > a:before{content:"";display:inline-block;margin-right:1vw;height:3vw;width:3vw;background:url(../images/global/icon_pdf.png) no-repeat;background-size:100% auto;}

/* stockquote */
#stockquote .details{background:#fff;padding:3.3vw 1.3vw;margin-bottom:2vw;}
#stockquote .details .info{line-height:1.4;padding:0vw 1.3vw;margin-bottom:2vw;}
#stockquote .details .info .name{margin-bottom:1vw;}
#stockquote .details .info .company{font-weight:bold;font-size:3.4vw;display:block;text-align:center;}
#stockquote .details .info .stockcode{font-size:3.4vw;display:block;text-align:center;}
#stockquote .details .info .delay{font-size:2.3vw;float:left;}
#stockquote .details .info .text{font-size:2.3vw;float:right;}
#stockquote .details .data .label{background:#ccd8ec;color:#4763a1;text-align:center;font-size:3.1vw;line-height:6.5vw;font-weight:600;}
#stockquote .details .data .value{text-align:center;font-size:3.4vw;line-height:6.5vw;}
#stockquote .details .data .field{width:50%;float:left;padding:0vw 1.3vw;}
#stockquote .details .data #last .value{line-height:19.5vw;font-size:7.8vw;font-weight:600;}
#stockquote .details .data #lastTradeDay .value .text{display:inline-block;width:25vw;text-align:left;}
#stockquote .details .data #lastTradeDay .value .colon{display:inline-block;width:5vw;}
#stockquote .disclaimer{text-align:center;font-size:2.5vw;line-height:1.5;margin-bottom:5.2vw;}
#stockquote .disclaimer .irasia{color:#3fb5b0;}
#stockquote .disclaimer .disclaimerLink{color:#333333;}
#stockquote .chart .title{text-align:center;font-size:3.4vw;font-weight:bold;margin-bottom:3.9vw;}

/* stockquote - iframe */
#stockquote .container{height:1000px;}
@media screen and (max-width: 350px){#stockquote .container{height:850px;}}
@media screen and (min-width: 350px) and (max-width: 400px) {#stockquote .container{height:900px;}}
@media screen and (min-width: 400px) and (max-width: 500px) {#stockquote .container{height:1150px;}}
@media screen and (min-width: 500px) and (max-width: 600px) {#stockquote .container{height:1350px;}}
@media screen and (min-width: 600px) and (max-width: 700px) {#stockquote .container{height:1500px;}}
@media screen and (min-width: 700px) and (max-width: 800px) {#stockquote .container{height:1700px;}}
@media screen and (min-width: 800px) and (max-width: 900px) {#stockquote .container{height:1850px;}}
@media screen and (min-width: 900px) and (max-width: 960px) {#stockquote .container{height:1950px;}}

/* calendar */
#calendar .details{background:#fff;padding:6.5vw;}
#calendar .details .calendarWrapper{border:2px solid #c2c9d9;padding:4.5vw;margin-bottom:5.2vw;}
#calendar .details .events .isToday{display:inline-block;background:#c2c9d9;color:#4763a1;font-size:3.1vw;text-transform:uppercase;line-height:1;padding:1.3vw 2vw;margin-bottom:3.9vw;font-weight:600;}
#calendar .details .events .isToday.hidden{display:none;}
#calendar .details .eventsDetails{width:100%;}
#calendar .details .eventsDetails .date{font-size:5.2vw;color:#4763a1;margin-bottom:3.9vw;}
#calendar .details .eventsDetails .title{font-size:3.9vw;margin-bottom:2.5vw;line-height:1.2;}

/* corporate governance */
#cg .contentBlock ul li { margin-bottom:10px;}
#cg .bioTemplate ul.listDot a::before{background: rgba(0, 0, 0, 0) url("../images/global/icon_pdf.png") no-repeat scroll 0 0 / 100% auto;content: "";display: inline-block;height: 3vw;margin-right: 1vw;width: 3vw;}