#mainContent{overflow:hidden;}
#stockInfo{margin-top:4px;background-image:url(../images/investor/common/top_banner.jpg);background-position: 50% 50%;background-repeat: no-repeat;background-size:cover;min-height:350px;}
#stockInfo .content{width:1000px;padding:65px 20px 85px 20px;margin:0 auto;}
#stockInfo .content dl{/*margin-bottom:1px;*/}
#stockInfo .content dl dt{width:175px;height:100px;vertical-align: middle;position:relative;}
#stockInfo .content dl dt div{position:absolute;left:0;top:50%;-ms-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}}
#stockInfo .content dl dt span.icon-diagonal2{margin-right:5px;}
#stockInfo .content dl dt span.gy2{background-color:#ffffff;padding:4px;line-height:1;margin-left:23px;}
#stockInfo .content dl dt span{display: inline-block;}
#stockInfo .content dl dt span.icon-diagonal2{vertical-align: top;}
#stockInfo .content dl dd div{display:inline-block;background-color:#d6e4f3;padding:15px 0 0 20px;width:240px;height:100px;margin-right:1px;margin-bottom:1px;}
#stockInfo .content dl dd div:nth-child(2){width:300px;}
#stockInfo .content dl dd div:last-child{margin-right:0;}
#stockInfo .content dl dd div > em{font-size:14px;line-height:22px;margin-bottom:5px;font-style: normal;position:relative;}
#stockInfo .content dl dd div > em:before{content:" ";width:12px;left:-20px;top:50%;position:absolute;border-bottom:1px solid #2f2f2f;}
#stockInfo .content dl dd div span{/*font-size:40px;*/font-size:30px;line-height:48px;}
#stockInfo .content dl dd div span small{font-size:20px;line-height:22px;font-family: 'robotobold', Arial, 'Microsoft JhengHei', sans-serif, simsun;}
#stockInfo .content ul.disclaimer{font-size:12px;line-height:16px;position:absolute;color:#ffffff;padding-left:175px;bottom:18px;}
#stockInfo .content ul.disclaimer li{display:inline-block;padding:0 30px 0 10px;vertical-align: middle;margin-bottom:12px;position:relative;}
#stockInfo .content ul.disclaimer li:before{content:" ";width:2px;height:16px;background-color:#ffffff;position:absolute;left:0;top:0;}

#stockInfo.bar{min-height:0;background-position: 50% 100%;padding:25px 0;margin-top:0px;}
#stockInfo.bar > div{max-width:1200px;padding:0 10px;margin:0 auto;height:16px;}
#stockInfo.bar > div > ul{display: inline-block;}
#stockInfo.bar ul li{list-style-type:none;float:left;border-left:1px solid #ffffff;padding-left:30px;padding-right:39px;}
#stockInfo.bar ul:nth-child(1) li:first-child{border-left:none;padding-left:0px;}


iframe{width:100%;border:0;overflow:hidden;margin: 0px auto;}
.iframe-box {width:980px;margin: 0px auto;}
.iframe-box.calculator,.iframe-box.factsheet,.iframe-box.stock-info {margin-top:50px;}
.iframe-box-outer.stockmonitor {width:100%;position:relative;}

.iframe-box-outer.stockmonitor .grey-header {background-color:#f0f0f0;height: 120px;width:100%;left:0px;top:0px; position:absolute; z-index:-1;}


#stockInformation{height:1900px;}
#stockInformation2{height:807px;}
#shareMonitor{/*height:1071px;*/height:1380px;}

#shareMonitor2{height:850px;}
#investmentCalculator{height:1741px;}
#investmentCalculator2{height:512px;}
#dividendHistory{height:1048px;}
#dividendHistory2{height:448px;}
#companyOverview{height:2602px;}
#companyOverview2{height:1233px;}
#financialPerformance{height:2270px;}
#operatingPerformance{height:296px;}
#interactiveAnalysisTool{height:1353px;}
#interactiveAnalysisTool2{height:921px;}

.dd_container.analysistool,.graph-container {max-width:980px; margin: 0px auto; padding: 10px 5px;}
.dd_container.analysistool select {font-size: 17px;
    line-height: 20px;
    font-family: 'robotobold';
    padding:10px;
    }

.dd_container {border-bottom: 1px solid #cdcdcd;}

.dd_selector {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0;
}

.dd_selector.cat {width: 250px;margin-right:10px; margin-bottom:5px;}
.dd_selector.sub-cat {width: 670px; max-width:98%;margin-bottom:5px;}           
.graph-container img {width: 100%;}

/* default state */
.state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;

    z-index: 1;
}

/* small desktop */
@media all and (max-width: 1200px) {
   
}

/* tablet */
@media all and (max-width: 1024px) {
   
}



@media only screen and (max-width: 1200px){
    #stockInfo .content dl dt{padding:18px 0 9px 0;}
    
    #stockInfo.bar ul li{padding-left:20px;padding-right:29px;}
    .state-indicator {z-index: 2;}

}

@media only screen and (max-width: 1020px){
    #stockInfo{background-image:url(../images/investor/common/top_banner_m.jpg) 50% 50% no-repeat;}
    #stockInfo .content{width:auto;padding-top:0;}
    #stockInfo .content dl dt{width:100%;}
    #stockInfo .content dl dd{width:100%;}
    #stockInfo .content dl dd div, #stockInfo .content dl dd div:nth-child(2){width:calc(50% - 1px);}
    #stockInfo .content ul.disclaimer{padding-left:0px;}
    
    #stockInfo.bar > div{height:auto;}
    #stockInfo.bar > div > ul{display: block;}
    #stockInfo.bar > div > ul:nth-child(1){margin-bottom:16px;}
    #stockInfo.bar > div > ul:nth-child(2) li:first-child{border-left:none;padding-left:0px;}

     

}


@media only screen and (max-width: 960px) {
    .dd_selector.cat {
        width: 670px;
        max-width: 98%;
        margin-right: 0px;
    }
}


@media only screen and (max-width: 980px) {

    .iframe-box, .dd_container.analysistool,.graph-container {width:calc(100% - 20px);}
    #companyOverview{height:2902px;}
}


@media only screen and (max-width: 800px) {
    #stockInformation {height: 1804px; }
}


@media only screen and (max-width: 850px) {
    #companyOverview{height:3100px;}
}



@media only screen and (max-width: 700px) {

    #companyOverview{height:3212px;}
    #shareMonitor{height:1420px;}
    .state-indicator { z-index: 3;}
}



@media only screen and (min-width: 300px) and (max-width: 640px){
    #stockInfo{min-height:0;}
    #stockInfo .content{padding-bottom:0;}
    #stockInfo .content dl dt{height:auto;}
    #stockInfo .content dl dt span.icon-diagonal2.ft30{font-size:25px;margin-top:-3px;}
    #stockInfo .content dl dt.ft18.lh28{font-size:15px;line-height:17px;}
    #stockInfo .content dl dt div{position:relative;-ms-transform: translate(0, 0);-webkit-transform: translate(0, 0);transform: translate(0, 0);}
    #stockInfo .content dl dd{width:100%;}
    #stockInfo .content dl dd div{/*width:139px;*/width:100%;height:60px;padding: 10px 0 0 10px;}
    #stockInfo .content dl dd div:nth-child(2){width:100%;}
    #stockInfo .content dl dd div > i{font-size:12px;line-height:16px;}
    #stockInfo .content dl dd div > i:before{width:6px;left:-10px;}
    #stockInfo .content dl dd div span{font-size:20px;line-height:24px;}
    #stockInfo .content dl dd div span small{font-size:12px;line-height:14px;}
    #stockInfo .content ul.disclaimer{position:relative;bottom:0;padding:30px 0 20px 0;}
    
    #stockInfo.fts16{font-size:14px;}
    #stockInfo.bar{padding:14px 0;}
    #stockInfo.bar > div > ul li{float:none;margin-bottom:14px;padding-left:0;padding-right:0;border-left:none;}
    #stockInfo.bar > div > ul:nth-child(2) li:last-child{margin-bottom:0px;}
    #stockInfo.bar > div > ul:nth-child(1){margin-bottom:0;}

    #shareMonitor{height:1420px;}
    #investmentCalculator{height:850px;}
    #interactiveAnalysisTool{height:1703px;}
    #companyOverview{height:3212px;}
    #stockInformation {      height: 1874px;   }
}

@media only screen and (max-width: 570px) {
      #companyOverview{height:4000px;}
}


@media only screen and (max-width: 550px) {
  
    #shareMonitor{height:1420px;}
}


@media only screen and (max-width: 500px) {
    #stockInformation {height: 1404px; }
    .state-indicator {z-index: 4;}
}



@media only screen and (max-width: 480px) {
    #companyOverview{height:4102px;}
}

@media only screen and (max-width: 430px) {
    .dd_selector.sub-cat .nice-select span.current {width:85%;}
}

@media only screen and (max-width: 340px){
    #interactiveAnalysisTool{height:1100px;}

}