@charset "utf-8";

@media screen and (min-width: 800px){
	
	h1{font-size:48px;text-align:center;}
	h2{font-size:18px;margin-bottom:13px;}
	p{font-size:16px;}
	.subHeading{font-size:36px;padding:33px 0px;margin-bottom:10px;}
	.block{margin:0 auto;max-width:960px;padding:35px 10px;}
	.content{margin-top: 25px;}
	.mainContent{padding-top:110px;position:relative;}
	.mainContent .listDot{margin-left:20px;}
	.mainContent .listDot li{font-size:16px;}
	.selectWrapper{width:145px;}
		
	.headerWrapper .headerMobile{display:none;}
	.headerWrapper .headerDesktop{display:block;width:100%;height:110px;max-width:960px;margin:0 auto;}
	.headerWrapper .headerDesktop .logo{float:left;width:auto;margin:35px 0px 0px 20px;}
	.headerWrapper .headerDesktop .toolsWrapper{padding:25px 20px 0px 0px;position:relative;height:100%;width:55%;float:right;}
	.headerWrapper .headerDesktop .toolsWrapper .lang{float:right;}	
	.headerWrapper .headerDesktop .toolsWrapper .lang a{display:block;float:left;width:28px;height:28px;line-height:28px;border-radius:50%;background:#a0a0a0;text-align:center;font-size:15px;color:#fff;margin-left:10px;}
	.headerWrapper .headerDesktop .toolsWrapper .lang a#homeBtn{text-indent:-9999px;background:url(../images/global/home_btn.png) no-repeat;}
	.headerWrapper .headerDesktop .toolsWrapper .menuWrapper{right:20px;bottom:0px;position:absolute;width:100%;}
	.headerWrapper .headerDesktop .toolsWrapper .menu{float:right;}
	.headerWrapper .headerDesktop .toolsWrapper .menu > li{float:left;margin-left:20px;position:relative;}
	.headerWrapper .headerDesktop .toolsWrapper .menu > li > a{color:#333333;display:block;padding-bottom:25px;}
	.headerWrapper .headerDesktop .toolsWrapper .menu > li:hover > a{background:url(../images/global/menu_arrow.png) center bottom no-repeat;}
	.headerWrapper .headerDesktop .toolsWrapper .menu .submenuWrapper{position:absolute;left:-35px;z-index:10;padding:10px 20px;display:none;box-shadow:0px 2px 2px rgba(0,0,0,0.5);background: -webkit-linear-gradient(top,rgba(216,216,216,1),rgba(255,255,255,1));background: -o-linear-gradient(bottom,rgba(216,216,216,1),rgba(255,255,255,1));background: -moz-linear-gradient(top,rgba(216,216,216,1),rgba(255,255,255,1));background: linear-gradient(to bottom, rgba(216,216,216,1), rgba(255,255,255,1));}
	.headerWrapper .headerDesktop .toolsWrapper .menu .submenuWrapper.right{left:auto;right:0px;}
	.headerWrapper .headerDesktop .toolsWrapper .menu .submenuWrapper li{white-space:nowrap;}
	.headerWrapper .headerDesktop .toolsWrapper .menu > li:hover > .submenuWrapper{display:block;}
	.headerWrapper .headerDesktop .toolsWrapper .menu .submenuWrapper li a{color:#4763a1;display:block;line-height:1;padding:10px 15px;font-size:15px;}
	.headerWrapper .headerDesktop .toolsWrapper .menu .submenuWrapper li a:hover{color:#fff;background:#05b6e2;}
	.headerWrapper .headerDesktop .toolsWrapper .menu .submenuWrapper .listDot li{position:relative;}
	.headerWrapper .headerDesktop .toolsWrapper .menu .submenuWrapper .listDot li a{padding:10px 15px 10px 30px;}
	.headerWrapper .headerDesktop .toolsWrapper .menu .submenuWrapper .listDot li a:before{content:"";display:block;position:absolute;left:20px;top:15px;width:5px;height:5px;background:#4763a1;}
	
	.sitemap{display:block;}
	.sitemap .block{border-bottom:1px solid #adadad;background:#fff;}
	.sitemap .col{width:25%;float:left;}
	.sitemap .col .section{margin-bottom:40px;}	
	.sitemap .col:nth-child(3) .section{margin-bottom:0px;}	
	.sitemap .col dt{font-size:18px;color:#4763a1;font-weight:400;margin-bottom:15px;text-transform:uppercase;}
	.sitemap .col dd{font-size:15px;color:#333333;margin-bottom:15px;}
	.sitemap .col dd a{color:#333333;}
	.sitemap .col dd .listDot{margin:5px 0px 0px 20px;}
	.sitemap .col dd .listDot	li{font-size:15px;list-style:square;color:#4763a1;margin-bottom:5px;}
	.sitemap .col dd .listDot	li a{color:#333333;}
		
	/* footer */
	.footerWrapper{font-size:13px;line-height:19px;}
	.footerWrapper .copyright{font-size:13px;line-height:19px;}

	.bannerWrapper{height:400px;}
	.bannerWrapper .banner{height:400px;}
	.bannerWrapper .banner.about{background:url(../images/about/banner.jpg) center top no-repeat;}
	.bannerWrapper .banner.disclaimer{background:url(../images/global/disclaimer_banner.jpg) center top no-repeat;}
	.bannerWrapper .banner.contactus{background:url(../images/global/contactus_banner.jpg) center top no-repeat;}
	.bannerWrapper .banner.business{background:url(../images/business/banner.jpg) center top no-repeat;}	
	.bannerWrapper .banner.ir{background:url(../images/ir/banner.jpg) center top no-repeat;}
	.bannerWrapper .banner.media{background:url(../images/media/banner.jpg) center top no-repeat;}
	.bannerWrapper img{display:none;}
	.slick-dots li{margin:50px 10px;}
	.slick-dots li button{width:18px;height:18px;}
	
	/* home */
	#home .bannerWrapper{height:740px;}
	#home .bannerWrapper .banner{height:740px;}
	#home .bannerWrapper .slide{height:740px;}
	#home .bannerWrapper .slide#slide1{background:url(../images/global/home_banner1.jpg) center top no-repeat;}
	#home .bannerWrapper .slide#slide2{background:url(../images/global/home_banner2.jpg) center top no-repeat;}
	#home .bannerWrapper .slide#slide3{background:url(../images/global/home_banner3.jpg) center top no-repeat;}
	#home .bannerWrapper .slide img{display:none;}
	#home #whatsNews{background:#e9eaed;}
	#home #whatsNews .block{background:#e9eaed;}
	#home #whatsNews .col{width:33.3333%;float:left;}
	#home #whatsNews .newsBlock{background:#fff;margin:30px 0px;border-left:10px solid #e9eaed;border-right:10px solid #e9eaed;padding:25px;height:300px;position:relative;}
	#home #whatsNews .date{color:#4763a1;text-align:center;display:block;padding:0px;margin-bottom:25px;}
	#home #whatsNews .month{font-size:21px;}
	#home #whatsNews .day{font-size:60px;}
	#home #whatsNews .text{display:block;text-align:center;padding:0;}
	#home #whatsNews .text span{display:block;font-size:16px;margin-bottom:0px;height:95px;overflow:hidden;}
	#home #whatsNews .text .readmore{width:100%;font-size:16px;position:absolute;left:0px;bottom:30px;text-align:center;}
	#home #stockQuote .stockcode{font-size:24px;padding-bottom:25px;}
	#home #stockQuote .quoteContent{border-top:1px solid #fff;border-bottom:1px solid #fff;}
	#home #stockQuote .quote{padding:30px 20px;font-size:20px;float:left;border:none;}
	#home #stockQuote .quote .curr{font-size:36px;}
	#home #stockQuote .quote .other{font-size:14px;padding-top:10px;}
	#home #stockQuote .quote .row .split:first-child{padding-right:40px;}
	#home #stockQuote .quote .row .split .currency{font-size:14px;}
	#home #stockQuote .quote .change .value{padding-left:15px;}
	#home #stockQuote .quote .change .value:before{left:0px;top:6px;}
	#home #stockQuote .quote .up:before{border-bottom:10px solid #96f58f;border-left:5px solid transparent;border-right:5px solid transparent;}
	#home #stockQuote .quote .down:before{border-top:10px solid #96f58f;border-left:5px solid transparent;border-right:5px solid transparent;}
	#home #stockQuote .reminder{float:right;padding:20px 0px;border:none;}
	#home #stockQuote .reminder img{width:auto;}

	/* profile */
	#profile .imgWrapper{background:#fff;}
	#profile .imgWrapper img{margin:0 auto;width:auto;}
	
	/* mission */
	#mission .imgWrapper{margin-bottom:20px;}
	#mission .imgWrapper img.desktop{display:block;}
	#mission .imgWrapper img.mobile{display:none;}
	
	/* contactus */
	#contactus table{font-size:19px;}
	#contactus table th,#contactus table td{padding:28px 30px;}

	/* contactus */	
	#milestones .imgWrapper{display:none;}	
	#milestones table td{border-bottom:10px solid #e9eaed;}
	#milestones table td.date{height:90px;width:90px;font-size:30px;line-height:1;}
	#milestones table td .month{font-size:16px;}
	#milestones table td.text{font-size:16px;padding:0vw 40px;}
	
	/* committees */
	.bioTemplate table thead th{font-size:36px;padding:35px 30px;}
	.bioTemplate table thead td{font-size:36px;padding:35px 30px;}	
	.bioTemplate .subHeading{margin-bottom:30px;}
	.bioTemplate table tbody th,.bioTemplate table tbody td{padding:35px 30px;}
	.bioTemplate table tbody th{font-size:19px;}
	.bioTemplate table tbody td{font-size:16px;}
	.bioTemplate table tbody ul{margin-bottom:30px;}
	.bioTemplate table tbody ul li{margin-bottom:10px;}	
	.bioTemplate table tbody a{font-size:16px;}
	.bioTemplate table a.icon_pdf{padding-left:40px;}
	.bioTemplate table a.icon_pdf:before{height:27px;width:27px;}
	#analyst table{margin-bottom:30px;}
	
	/* announcementsTemplate */
	.announcementsTemplate table thead td{padding:35px 30px;}
	.announcementsTemplate table td{border-bottom:10px solid #e9eaed;}
	.announcementsTemplate table thead td:first-child{font-size:36px;}
	.announcementsTemplate table tbody td.date{padding:35px;width:150px;}
	.announcementsTemplate table tbody td.date .month{font-size:19px;}
	.announcementsTemplate table tbody td.date .day{font-size:48px;}
	.announcementsTemplate table tbody td.title{padding:35px 50px 35px 0px;}
	.announcementsTemplate table tbody td.title a{font-size:16px;padding-left:40px;}
	.announcementsTemplate table tbody td.title a.mobile{display:none;}
	.announcementsTemplate table tbody td.title a.desktop{display:block;}	
	.announcementsTemplate table tbody td.title a::before{height:27px;width:27px;}
	
	/* historical_price_lookup */
	#historical_price_lookup .details{padding:25px 10px;}
	#historical_price_lookup .details .title{font-size:19px;margin-bottom:10px;}
	
	#historical_price_lookup .details .periodWrapper{border:3px solid #cfdaed;padding:15px 20px;}
	#historical_price_lookup .details .periodWrapper .label{font-size:19px;margin-bottom:10px;}
	#historical_price_lookup .details .periodWrapper .selectArea .row{float:left;margin-bottom:0px!important;width:50%;}
	#historical_price_lookup .details .periodWrapper .selectArea .row .text{font-size:16px;width:80px;line-height:26px;}
	#historical_price_lookup .details .periodWrapper .selectArea .row .selectWrapper{margin-right:10px;}
	#historical_price_lookup .details .periodWrapper .selectArea .row .selectWrapper.day{width:70px;}
	#historical_price_lookup .details .periodWrapper .selectArea .row .selectWrapper.month{width:70px;}
	#historical_price_lookup .details .periodWrapper .selectArea .row .selectWrapper.year{width:70px;}
	#historical_price_lookup .details .periodWrapper .submitBtn{right:20px;bottom:15px;width:34px;}
	#historical_price_lookup .details .periodWrapper .submitBtn button{height:28px;width:34px;}	
	#historical_price_lookup .details table{margin-bottom:20px;}
	#historical_price_lookup .details table td{font-size:12px;padding:15px 0px;}
	#historical_price_lookup .details table td:first-child{padding-left:60px;}
	#historical_price_lookup .details table thead td{font-size:14px;}
	#historical_price_lookup .details .pager{font-size:14px;margin-bottom:30px;}
	#historical_price_lookup .details .copyright{font-size:14px;margin-bottom:30px;}
	
	/* reports */
	#reports h1{float:none;}
	#reports .selectArea{margin-bottom:20px;}
	#reports .selectWrapper{margin-top:0px;}	
	#reports .content{padding:30px 20px;}
	#reports .yearHeading{font-size:30px;padding:15px 0px;margin-bottom:40px;}	
	#reports .yearRow{margin-bottom:45px;}
	#reports .yearBlock .imgWrapper{margin-bottom:15px;}
	#reports .yearBlock .imgWrapper img{width:auto;}
	#reports .yearBlock a{font-size:21px;}
	#reports .yearBlock a:before{margin-right:12px;height:27px;width:27px;vertical-align:text-top;}
	
	/* stockquote */
	#stockquote .details{padding:15px 5px;margin-bottom:15px;}
	#stockquote .details .info{padding:0vw 5px;margin-bottom:10px;}
	#stockquote .details .info .name{margin-bottom:10px;}
	#stockquote .details .info .company{font-size:19px;display:inline;text-align:left;}
	#stockquote .details .info .stockcode{font-size:15px;display:inline;text-align:left;}	
	#stockquote .details .info .delay{font-size:13px;}
	#stockquote .details .info .text{font-size:13px;}
	#stockquote .details .data #col1{float:left;width:40%;}
	#stockquote .details .data #col2{float:left;width:20%;}
	#stockquote .details .data #col3{float:left;width:40%;}
	#stockquote .details .data .label{font-size:14px;line-height:30px;}
	#stockquote .details .data .value{font-size:12px;line-height:30px;}
	#stockquote .details .data .field{width:50%;padding:0px 5px;}
	#stockquote .details .data #col2 .field{width:100%;}
	#stockquote .details .data #last .value{line-height:90px;font-size:36px;}
	#stockquote .details .data #lastTradeDay .value .text{width:55px;}
	#stockquote .details .data #lastTradeDay .value .colon{width:60px;}
	#stockquote .disclaimer{font-size:12px;margin-bottom:40px;}
	#stockquote .chart .title{text-align:left;font-size:18px;margin-bottom:20px;}	
	
	/* calendar */
	#calendar .details{padding:35px 40px;margin-bottom:15px;}
	#calendar .details .calendarWrapper{border:2px solid #c2c9d9;padding:20px;margin-bottom:0px;width:360px;float:left;}
	#calendar .details .events{float:right;width:450px;margin-top:60px;}
	#calendar .details .events .isToday{font-size:24px;padding:10px 15px;margin-bottom:40px;}
	#calendar .details .eventsDetails .date{font-size:30px;margin-bottom:20px;}
	#calendar .details .eventsDetails .title{font-size:22px;margin-bottom:15px;}

	/* corporate governance */
	#cg .bioTemplate ul.listDot a::before{height: 27px;margin-right: 12px;vertical-align: text-top;margin:-5px 10px 5px 0px;width: 27px;}
}