/*** start of fonts ***/


/*** end of fonts ***/
body {
  font-family: 'Roboto',"Microsoft JhengHei",'Arial', sans-serif;
  font-size:14px;
  min-height: 768px;
  color:#2C2C2C;
}

h1,h2,h3,h4,h5,h6{font-family: 'Roboto',"Microsoft JhengHei",'Arial', sans-serif; font-weight:100;}
h1{font-size:45px;}
h2{font-size:35px;}
h3{font-size:23px;}
h4{}
h5{}
h6{}

a {transition:all 0.2s linear;color:inherit; outline: none;}
a:focus{outline: none;}
a:hover {
    color: #e90538;
}
p{font-size:15px;margin-bottom:20px;line-height: 1.4em;}
p:last-child{margin-bottom:0;}
ol li{font-size:15px;}
ul li{font-size:15px;}
hr{border:none;border-top:#2C2C2C 1px solid;clear:both;margin:5px 0;}
sup{font-size: 0.7em;position: relative;top: -0.6em;margin-left: 1px;}
strong{font-weight: bold;display:inline-block;}
p strong{display:inline;}
input[type="text"], input[type="password"], textarea {
  border:none;
  padding: 6px 10px;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none; 
  font-size:15px;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
}

.select-style{ position:relative;display:inline-block;vertical-align: top;}
.select-style select{border:none; position:relative;height: 36px;opacity:0; filter:alpha(opacity=0);padding-right:40px;font-size:14px;}
.select-style select option{padding:3px 0;padding-left:10px;}
.select-style p{height:36px;padding:5px 10px;padding-left: 0;padding-right:25px;border-bottom:1px solid #7F7F7F;color:#7F7F7F;position:absolute; top:0; left:0; margin-bottom:0;font-size:14px;}
.select-style p:before{content:'';border:4px solid transparent;border-top-color:#FFFFFF; position: absolute; top: 50%; margin-top:-3px;right: 16px;z-index: 1;}
.select-style p:after{content:'';border:5px solid transparent;border-top-color:#7F7F7F; position: absolute; top:50%; margin-top:-3px; right:15px;}

.input-holder{position: relative;overflow: hidden;padding-bottom:5px;padding-top:20px;margin-bottom: 20px;}
.input-holder input[type="text"],.input-holder input[type="password"]{font-size:16px;width:100%;padding-left:0;}
.input-holder label{position: absolute; width:100%;height:100%;left:0;top:0;}
.input-holder label:before{content:"";transition:all 0.2s linear;position: absolute; width:100%;height:100%;border-bottom:1px solid #FC4513;top:-2px;left:-100%;}
.input-holder label:after{content:'';transition:all 0.2s linear;position: absolute; width:100%;height:100%;border-bottom:1px solid #7F7F7F;top:-2px;left:0;}
.input-holder label span{transition:all 0.2s linear;font-size: 14px;color: #7F7F7F;padding: 5px 10px;padding-left: 0;display: inline-block;position: absolute;top:20px;white-space: nowrap; }
.input-holder.on label:before{left:0;}
.input-holder.on label:after{left:100%;}
.input-holder.on label span{top:-5px;color:#2C2C2C;font-size:12px;}

.wrapper{max-width:1280px; width:100%;margin: 0 auto;position: relative;padding:0 50px;}
.wrapper p{width:100%;margin-left:auto;margin-right:auto;}

.error,.error *{color:#F00 !important; }
.error-holder.error.correct p {color: green !important; }

.btn{display:inline-block;padding:8px 15px;border:1px solid rgba(255,255,255,0.5);text-align: center;min-width:120px;position: relative;font-size:16px;}
.btn:hover{border:1px solid;}
.btn.next{padding-right:40px;text-align: left;}
.btn.next:after{content:'>';position: absolute;right: 10px;top: 50%;margin-top: -11px;}

.content{ /*padding-top: 85px;*/}

.home{}
.home h3{font-size:22px;font-weight: 300;position: relative;padding-bottom:10px;margin-bottom:30px;}
.home h3:before{content:'';width:50px;height:3px;background:#000;position: absolute;bottom:0;left:0;}
.home .banner{height:800px; background:#cecece; }
.home .banner #homeBanner .wrapper{height:100%;}
.home .banner #homeBanner .banner-img{position: absolute;width:100%;height:100%;top:0;left:0;background-repeat: no-repeat;background-position: center center;background-size:cover;background-attachment: scroll;}


.home .banner #homeBanner .sp-buttons{
    position: absolute;
    z-index: 2;
    background-color: transparent;
    bottom: 8%;
}
.home .banner #homeBanner .sp-selected-button{
    background-color: #fff;
}
.home .banner #homeBanner .sp-button{
    border: 2px solid #fff;
}

.home .banner #homeBanner .text-holder{
    position:absolute;
    /*bottom:150px*/ 
    color:#FFF;
    width:50%;
    top: 50%;
    transform: translateY(-50%);
}
.home .banner #homeBanner .text-holder.text-left{left:50px;}
.home .banner #homeBanner .text-holder.text-right{left:50%;}
.home .banner #homeBanner .text-holder h2{font-size:22px;font-weight: bold;position: relative;padding-bottom:20px;margin-bottom:20px !important;text-transform: uppercase;line-height: 1.3em;height: auto !important;}
.home .banner #homeBanner .text-holder h2:after{content:'';width:50px;height:5px;background:#FFF;position: absolute;bottom:0;left:0;}
.home .banner #homeBanner .text-holder h1{font-size:52px;font-weight: 100;position: relative;line-height: 1.2em;}
.home .banner #homeBanner .text-holder h1 span{/*border-bottom:3px solid #FFF;*/font-size: 22px;line-height: 1.3em;display:block;}

.home .block-row{padding:80px 0;font-size:0;}
.home .block-row .block{display:inline-block;vertical-align: top;position: relative;}
.home .bg-block{background-repeat: no-repeat;background-position: center center;background-size:cover;}
.home .intro-text{font-size: 36px;font-weight: 100;line-height: 1.3em;margin-bottom:40px;}
.home .intro-text.en{
    font-size: 25px;
}
.home .btn-discover{font-size: 17px;transition:none;}
.home .btn-discover:after{content: '';background: url(../png/discover-arrow.png) no-repeat;width: 20px;height: 20px;background-size: 100% 100%;display: inline-block;margin-left: 15px;vertical-align: middle;position: relative;top: -1px;}
.home .btn-discover:hover:after{content:'';background: url(../png/discover-arrow-red.png) no-repeat;background-size: 100% 100%;}
.home .news-holder{}
.home .news-holder .item{padding:15px 0;position: relative;font-size:0;display: block;}
.home .news-holder .item:after{content:'';width:100%;height:1px;background:#000;position: absolute;bottom:0;left:0;opacity: 0.3}
.home .news-holder .item .date{display:inline-block;vertical-align:middle;font-size:12px;text-align: center;font-weight: bold;width:45px;}
.home .news-holder .item .date span{display:block;font-size:35px;font-weight: 300;line-height: 1em;}
.home .news-holder .item .content-detail{display:inline-block;vertical-align: middle;font-size:15px;width:calc(100% - 45px);padding-left:20px;}
.home .news-holder .item .content-detail .title{font-weight: bold;}
.home .news-holder .item .content-detail p{font-size:15px;}
.home .news-holder .item:last-child:after{display:none;margin-bottom:0;}
.home .news-stock-bg{position: relative;}
.home .news-stock-bg:before{content:'';width:50%;height:100%;position: absolute;background:#e6d3cb;left:0;top: 0;}
.home .news-stock-bg:after{content:'';width:50%;height:100%;position: absolute;background:#9d8470;left:50%;top: 0;}
.home .news-stock-bg .wrapper{z-index: 1;}
.home .news-stock-bg .block{width: 50%;vertical-align: top;}
.home .news-stock-bg .block.latest-news{padding-right:80px;}
.home .news-stock-bg .block.latest-news .news-holder{margin-bottom:20px;}
.home .news-stock-bg .block.latest-news .btn{border-color:#000;}
.home .news-stock-bg .block.latest-news .btn:hover{
    border-color:#e90538;
}
.home .news-stock-bg .block.corporate-overview{padding-right:80px;}
.home .news-stock-bg .block.corporate-overview p{line-height:24px;}
.home .news-stock-bg .block.corporate-overview .btn{border-color:#2C2C2C;}
.home .news-stock-bg .block.corporate-overview .btn:hover{border-color:#e90538;}
.home .news-stock-bg .block.stock-information{padding-left:80px;color:#FFF;}
.home .news-stock-bg .block.stock-information h3:before{background-color:#FFF;}
.home .news-stock-bg .block.stock-information .stock-container{margin-bottom:10px;}
.home .news-stock-bg .block.stock-information .stock-container .stock-code{font-size:16px;padding:15px 0;position: relative;}
.home .news-stock-bg .block.stock-information .stock-container .stock-code:after{content:'';width:100%;height:1px;background:#FFF;position: absolute;bottom:0;left:0;opacity: 0.3}
.home .news-stock-bg .block.stock-information .stock-container .price{padding:15px 0;position: relative;}
.home .news-stock-bg .block.stock-information .stock-container .price .now{display:inline-block;width:50%;vertical-align: middle;font-size:28px;font-weight: 300;}
.home .news-stock-bg .block.stock-information .stock-container .price .change{display:inline-block;width:50%;vertical-align: middle;text-align: right;font-size:28px;font-weight: 300;}
.home .news-stock-bg .block.stock-information .stock-container .price:after{content:'';width:100%;height:1px;background:#FFF;position: absolute;bottom:0;left:0;opacity: 0.3}
.home .news-stock-bg .block.stock-information .stock-container .update{font-size:12px;padding:15px 0;position: relative;}
.home .news-stock-bg .block.stock-information .btn:hover{border-color:#fff;background:#FFF;}

.home .csr{color:#FFF;padding:160px 0;background-attachment: fixed;}
.ios .home .csr{background-attachment: scroll;}
.home .csr h3:before{background-color:#FFF;}
.home .careers{color:#FFF;padding:160px 0;}
.home .careers h3:before{background-color:#FFF;}
.home .careers .block{width:50%;vertical-align:middle;}
.home .careers .block .btn{margin-right:20px;margin-bottom:10px;}
.home .careers .block .btn:hover{
    background-color: #fff;border-color:#FFF;
}
.home .careers .block.right{padding-left:80px;}
.home .careers .block.right .news-holder{margin-bottom:20px;}
.home .careers .news-holder .item:hover{opacity: 0.7;color:#FFF;}
.home .careers .news-holder .item:after{background:#FFF;}

.inner-page{}
.inner-page .banner{height:600px;position: relative;overflow: hidden;}
.inner-page.press.gallery .banner{height:300px;}
.inner-page .banner .wrapper{height:100%;}
.inner-page .banner .banner-img{position: absolute;width:100%;height:100%;top:0;left:0;background-repeat: no-repeat;background-position: center center;background-size:cover;background-attachment: fixed;}
.ios .inner-page .banner .banner-img{background-attachment: scroll;} /*ios bug,check caniuse*/
.inner-page .banner .text-holder{position:absolute;bottom:100px;color:#FFF;width:50%;/* top: 45%;*/}
.inner-page .banner .text-holder.text-left{left:50px;}
.inner-page .banner .text-holder.text-right{left:50%;}
.inner-page .banner .text-holder h2{font-size:22px;font-weight: bold;position: relative;padding-bottom:10px;margin-bottom:20px;text-transform: uppercase;line-height: 1.3em;}
.inner-page .banner .text-holder h2:after{content:'';width:50px;height:5px;background:#FFF;position: absolute;bottom:0;left:0;}
.inner-page .banner .text-holder h1{font-size:45px;font-weight: 100;position: relative;line-height: 1.2em;}
.inner-page .banner .text-holder h1 span {font-size: 22px;line-height: 1.3em;display: block;}
/*.inner-page .banner .text-holder h1 span{border-bottom:3px solid #FFF;}*/
.inner-page .content-container{position: relative;padding:80px 0;font-size:0;}
.inner-page .content-container.Finance.Business {padding-top: 0px;}
.inner-page .content-container .block{position: relative;display:inline-block;width:100%;vertical-align: top;font-size:15px;}
.inner-page .content-container .intro-block{width:100%;padding:100px 50px;background:#e91141;margin-bottom:20px;}
.inner-page .content-container .intro-block p{color:#FFF;font-size:23px;margin-bottom:20px;font-weight: 100;}
.inner-page .content-container .intro-block p:last-child{margin-bottom:0;}
.inner-page .content-container .bg{position: absolute;width:100%;height:100%;top:0;left:0;background-repeat: no-repeat;background-position: center center;background-size:cover;}

.corporate .content-container .block-holder{margin:0 -20px;}
.corporate .content-container .block{width:50%;padding:0 30px;}
.corporate .content-container .block p{margin-bottom:40px;line-height: 1.65em;}
.corporate .content-container .intro-block p{line-height: 1.45em;}
.corporate .landing{background:#e7e8e9;padding-top: 160px;}
.corporate .landing .intro-block{margin-bottom:40px;margin-top: -200px;}
.corporate .landing .sign-holder{text-align: right;}
.corporate .landing .sign-holder img{margin-bottom:20px;max-width:100%;}
.corporate .landing .sign-holder p{line-height: 1.3em;}
.corporate .landing .sign-holder p span{font-weight: bold;}
.corporate .governance{background:#e9e2dc;}
.corporate .governance .item-holder{}
.corporate .governance .item-holder .title{font-size:16px;padding-bottom:20px;border-bottom:1px solid #908c88;font-weight: bold;text-transform: uppercase;}
.corporate .governance .item-holder .item{padding:20px 0;border-bottom:1px solid #908c88;position: relative;font-size:16px;padding-right:120px;display: block;}
.corporate .governance .item-holder .item:hover .text{color:#e90538;}
.corporate .governance .item-holder .item .text{color:#3f3f3f;}
.corporate .governance .item-holder .item .btn-download{position: absolute;color:#e90538;top:20px;right:0;}
.corporate .governance .item-holder .item .btn-download:after{content:'';background: url(../png/download-arrow.png) no-repeat;width: 15px;height: 15px;background-size: 100% 100%;display: inline-block;margin-left: 10px;vertical-align: middle;position: relative;top: -1px;}
.corporate .bod{text-align: center;padding:0;}
.corporate .bod h2{margin-bottom:40px;color:#1f4163;font-weight: bold;}
.corporate .bod .item{font-size:0;margin-bottom:80px;}
.corporate .bod .item:last-child{margin-bottom:0;}
.corporate .bod .item .img-holder{display:inline-block;vertical-align: middle;width:250px;}
.corporate .bod .item .img-holder .mask{width:250px;height:250px;width: 67vw;height: 67vw;max-width: 250px;max-height: 250px;border-radius: 250px;overflow: hidden;}
.corporate .bod .item .img-holder .mask img{width:100%;}
.corporate .bod .item .text-holder{display:inline-block;vertical-align: middle;width:calc(100% - 250px);padding-left:40px;text-align: left;}
.corporate .bod .item .text-holder h3{color:#1f4163;margin-bottom:20px;font-weight: bold;}
.corporate .bod .item .text-holder p{}
.corporate .bod .executive-director{background:#FFF;padding:80px 0;}
.corporate .bod .non-executive-director{background:#ebebeb;padding:80px 0;}
.corporate .bod .non-executive-director .item{width:50%;display: inline-block;vertical-align: top;}
.corporate .bod .non-executive-director .item .img-holder{display:none;}
.corporate .bod .non-executive-director .item .text-holder{width:100%;padding-left:0;padding-right:80px;}
.corporate .structure{background:#EFEFEF;}
.corporate .structure .img-holder{width:80%;margin:0 auto;}
.corporate .structure .img-holder img{width:100%;}
.corporate .board-committees{padding:0;}
.corporate .board-committees h2{margin-bottom:40px;color:#1f4163;font-weight: bold;}
.corporate .board-committees .item{display:inline-block;width:33.33%;padding-right:40px;color:#1f4163;margin-bottom:40px;vertical-align: top;}
.corporate .board-committees .item h3{margin-bottom:5px;font-weight: bold;}
.corporate .board-committees .item .title{font-size:23px;font-weight: 100;}
.corporate .board-committees .item p{font-size:18px;font-weight: bold;}
.corporate .board-committees .committee-block{background:#f5f5f5;padding:80px 0;}
.corporate .board-committees .committee-block:nth-child(2n){background:#FFF;}
.corporate p {
    text-align: justify;
}

.corporate .intro{
    padding: 30px 0;
    margin-bottom: 40px;
}
.corporate .intro .wrapper p{
    max-width: 820px;
    text-align: center;
}
.corporate .intro-2{
    background: #fff7f0;
    padding: 30px 0;
}
.corporate .doc{
    padding: 40px 0 55px 0;
    background-color: #74b8bc;
    color: #fff;
}
.corporate .doc h2{
    text-align: center;
    margin-bottom: 50px;
}
.corporate .doc .wrapper .table{
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 16px;
    margin-bottom: 50px;
}
.corporate .doc .wrapper .tr{
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}
.corporate .doc .wrapper .tr a:hover{
    color:#FFF;
    opacity: 0.5
}
.corporate .doc .wrapper .date{
    width: 15%;
    display: inline-block;
    vertical-align: middle;
}
.corporate .doc .wrapper .title{
    width: 69%;
    display: inline-block;
    vertical-align: middle;
}
.corporate .doc .wrapper .download{
    width: 15%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.corporate .doc .wrapper .download img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}



.corporate.vision-mision-value .content-container{
    background-color: #dcd5d5;
    padding: 0;
}
.corporate .vmv{
    background-color: #dcd5d5;
    padding: 100px 0 100px 0; 
    color: #2c2c2c;
} 
.corporate .vmv-col-1 h3{
    color: #e1113d;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 30px;
}
.corporate .vmv-col-1{
    width: 33.333%;
    padding: 0 30px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.corporate .vmv-col-1:nth-child(2n){
    border-left: 1px solid #c4bebe;
    border-right: 1px solid #c4bebe;
}
@media screen and (max-width:1024px){
    .corporate .vmv-col-1:nth-child(2n){
        border-left: none;
        border-right: none;
        border-top: 1px solid #c4bebe;
        border-bottom: 1px solid #c4bebe;
    }
}
@media screen and (max-width:900px){
    .corporate .vmv{
        padding: 50px 0 50px 0;
    }
    .corporate .vmv-col-1{
        width: 100%; 
        padding: 20px 0;
    }
}

.corporate .white-vmv{
    background-color: #5f3273;
    padding: 100px 0 100px 0;
    color: #fff;   
}
.corporate .white-vmv h2{
    max-width: 800px;
    width: 100%;
    text-align: center;
    margin: 0 auto 25px auto;
}
.corporate .white-vmv p{
    max-width: 800px;
    width: 80%;
    text-align: center;
}

.corporate .milestone {
    margin: 100px 0;
    position: relative;
}
.corporate .milestone .milestone-line{
    position: relative;
}
.corporate .milestone .milestone-line:after {
    content: '';
    position: absolute;
    left: 50%;
    /*margin-left: -1.5px;*/
    background: #dc2430;
    width: 3px;
    height: 95%;
    display: block;
    top: 0px;
}
.corporate .milestone .milestone-line .line{
    margin-left: 40px;
    position: absolute;
    top: -100px;
}
.safari .corporate .milestone .milestone-line .line,
.trident .corporate .milestone .milestone-line .line{
    right: -16px;
}
.corporate .milestone .block {
    text-align: left;
    font-size: 15px;
    height: auto;
    width: 100%;
    padding: 0;
}

.corporate .milestone .textCenter{
    font-size: 15px;
    text-align: center;
    padding-bottom: 60px;
    position: relative;
    /*left: -17px;*/
}
.corporate .milestone .year{
    font-size: 30px;
    color: #dc2430;
    font-weight: bold;
    padding-bottom: 20px;
}
.corporate .milestone .textCenter .year:after{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #dc2430;
    position: absolute;
    bottom: 0;
    margin-top: 0;
    /*left: 50.45%;*/
    left: 50%;
    margin-left: -8px;
}
.corporate .milestone .leftSide {
    width: 47%;
    height: 100%;
    text-align: right;
     
    
}
.corporate .milestone .rightSide {
    width: 47%;
    height: 100%;
    text-align: left;
   
}

.corporate .milestone .block .leftSide, 
.corporate .milestone .block .rightSide {
    display: inline-block;
    vertical-align: top;
}

.corporate .milestone .block .leftSide, 
.corporate .milestone .block .rightSide {
    width: 50%;
    height: auto;
    position: relative;
    padding: 0 50px;
    box-sizing: border-box;
}
.corporate .milestone .block .rightSide{
    margin-left: 50%;
}

.corporate .milestone .block .leftSide .content, 
.corporate .milestone .block .rightSide .content{
    padding: 30px 0;
    width: 370px;
    line-height: 20px;
}

.corporate .milestone .block .leftSide .content{
    float: right;
}

.corporate .milestone .block .leftSide .year:after,
.corporate .milestone .block .rightSide .year:after {
    content: '';
    width: 13px;
    height: 13px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #dc2430;
    position: absolute;
    /*top:50%*/
    margin-top: 12px;
    z-index: 1;
}
.corporate .milestone .block .leftSide .year:after {
    /*right: -2.99%;*/
    right: -8px;
}
.corporate .milestone .block .rightSide .year:after {
   /* left: 1.1%;*/
    left: -5px;
}
  .corporate .milestone .block .hidden{
        display: none;
    }

 .corporate .milestone .hideme
{
    opacity:0;
}


@media screen and (max-width:900px){
    
    .corporate .milestone .block .leftSide .content, 
    .corporate .milestone .block .rightSide .content{
        width: 100%;
    }
   
}

@media screen and (max-width:640px){
    .corporate .milestone .block .leftSide .year:after, 
    .corporate .milestone .block .rightSide .year:after,
    .corporate .milestone .milestone-line:after,
    .corporate .milestone .textCenter .year:after{
        display: none;
    }
    
    .corporate .milestone .block .leftSide, 
    .corporate .milestone .block .rightSide{
        width: 100%;
        text-align: center;
    }
    
    .corporate .milestone .block .leftSide .content, 
    .corporate .milestone .block .rightSide .content{
        width: 100%;
    }
    
    .corporate .milestone .block .rightSide{
        margin-left: 0;
    }
    
    .corporate .milestone .block{
        border-bottom: 1px solid #f1eae4;
    }
    .corporate .milestone .block .hidden{
        display: none;
    }
    
    .corporate .milestone .milestone-line .hidden-line,
    .corporate .milestone .milestone-line .line{
        display: none;
     }
    
}



.business .intro{padding: 80px 0px;text-align: center;}
.business .intro p{max-width: 768px;line-height: 1.3em;}
.business .intro .left{
    display: inline-block;
    width: 33%;
    text-align: center;
    font-size: 23px;
}
.business .intro .right{
    display: inline-block;
    width: 33%;
    text-align: center;
    font-size: 23px;
}
.business .intro .left img, .business .intro .right img{
    text-align: center;
    margin: 0 auto;
    max-width: 220px;
    width: 50%;
}
.business .intro .left p, .business .intro .right p{
    font-size: 20px;
    text-align: center;
    
}
.business .intro-2{padding:80px 0px;text-align: center;position: relative;}
.business .intro-2 h3 {
    color: #FFF;
    margin-bottom: 20px;
}
.business .intro-2 p{max-width: 780px;line-height: 2em;color:#FFF;margin-bottom:40px;}
.business .intro-2 p:last-child{margin-bottom:0;}
.business .intro-2 .bg{background-attachment: fixed;}
.business .intro-3{padding:80px 0px;position: relative;}
.business .intro-3 .wrapper{height:300px;}
.business .landing{padding-top:0px; padding-bottom: 0;}
.business .landing .intro img{display:inline-block;margin-bottom:20px;max-width:272px;width:70%;}
.business .commercial-management{padding-top:0px;}
.business .commercial-management .intro img{
    display:inline-block;
    margin-bottom:20px;
    max-width:200px;
}
.business .intro.provision{
    padding: 0 0 80px 0;
}

.business .commercial-management .intro-3 .wrapper{height:400px;}
.business .pharmaceutical-business{padding-top:0px;}
.business .pharmaceutical-business .intro-2 img{display:inline-block;margin-bottom:20px;}
.business .pharmaceutical-business .intro-3 .wrapper{height:400px;}

.investors .list-item-holder{}
.investors .list-item-holder .header-row{padding-bottom:20px;border-bottom:1px solid #908c88;font-weight: bold;text-align: left;text-transform: uppercase;}
.investors .list-item-holder .header-row .date{font-size:16px;width:150px;display:inline-block;vertical-align: middle;}
.investors .list-item-holder .header-row .title{font-size:16px;width:calc(100% - 150px);display:inline-block;vertical-align: middle;}
.investors .list-item-holder .item{padding:20px 0;border-bottom:1px solid #908c88;position: relative;padding-right:120px;color:#3f3f3f;display:block;}
.investors .list-item-holder .item:hover{color:#e90538;}
.investors .list-item-holder .item .date{font-size:16px;width:150px;display: inline-block;vertical-align: middle;}
.investors .list-item-holder .item .text{font-size:16px;width:calc(100% - 150px);display: inline-block;vertical-align: middle;}
.investors .list-item-holder .item .date .title,
.investors .list-item-holder .item .text .title{display:none;}
.investors .list-item-holder .item .btn-download{position: absolute;color:#e90538;top:20px;right:0;font-size:16px;}
.investors .list-item-holder .item .btn-download:after{content:'';background: url(../png/download-pdf.png) no-repeat;width: 22px;height: 24px;background-size: 100% 100%;display: inline-block;margin-left: 10px;vertical-align: middle;position: relative;top: -1px;}
.investors .pagination{
    margin-top:40px;
    margin-bottom:40px;
    text-align: center;
}
.investors .pagination span{font-size:14px;font-weight: bold;display:inline-block;margin-right:10px;}
.investors .pagination a{display: inline-block;font-size: 14px;line-height: 14px;color: #000;width: 22px;height: 22px;text-align: center;padding: 3px;margin-right: 5px;}
.investors .pagination a:hover{border:1px solid #000;background:#000;color:#FFF;border-radius: 50px;}
.investors .pagination a.on{border:1px solid #000;background:#000;color:#FFF;border-radius: 50px;}
.investors .accouncement{background:#e9e2dc;}
.investors .financial-highlight{background:#243c7a;}
.investors .financial-highlight h3.title{color:#fff;margin-bottom:20px;text-align: center;}
/*temp*/
.investors .financial-highlight table{font-size:16px;width:100%;}
.investors .financial-highlight table tr{border-bottom:1px solid #3c5687;}
.investors .financial-highlight table th,.investors .financial-highlight table td{padding:10px 15px;padding-left:0;}
.investors .financial-highlight table th{font-weight: bold;color:#f06427;}
.investors .financial-highlight table th span{display:block;font-weight:100;color: #ffb18a;}
.investors .financial-highlight table td{color:#627fc5;}
.investors .financial-highlight table .highlight{color:#abd571;}
.investors .financial-highlight table .totalMark{display:none;}
.investors .financial-highlight table .increase{color:#04af50;}
.investors .financial-highlight table .decrease{color:red;}
.investors .financial-highlight .financial-table-mob-result{display:none;}
.investors .financial-highlight .financial-table-mob-result .item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.3); color:#627fc5;}
.investors .financial-highlight .financial-table-mob-result .item .row{font-size:0;margin-bottom:10px;}
.investors .financial-highlight .financial-table-mob-result .item .row .col{width:50%;display:inline-block;vertical-align: top;padding:10px 0px;text-align: right;font-size:16px;}
.investors .financial-highlight .financial-table-mob-result .item .row .col.header{width:100%;text-align: left;font-size:20px;}
.investors .financial-highlight .financial-table-mob-result .item .row .col.header br{display:none;}
.investors .financial-highlight .financial-table-mob-result .item .row .col.title{font-weight: bold;text-align: left;padding-right:10px;}
.investors .financial-highlight .financial-table-mob-result .item .row .col.title span{display:block;font-weight:100;}
.investors .financial-highlight .financial-table-mob-result .item.highlight .col{color: #abd571;}
/*temp*/
.investors .doc-display{padding-top:0;}
.investors .doc-display .intro{padding:80px 0;text-align: center;}
.investors .doc-display .intro p{max-width: 768px;line-height: 1.7em;font-size: 24px;font-weight: 100;}
.investors .doc-display .display-list{padding:80px 0;background:#e7e8e9;}
.investors .financial-report{padding-top:0;text-align: center;}
.investors .financial-report .report-block{padding:80px 0;color:#000;}
.investors .financial-report .report-block h3{margin-bottom:40px;text-transform: uppercase;}
.investors .financial-report .report-block h3 img{display:inline-block;vertical-align: middle;margin-left:5px;position: relative;}
.investors .financial-report .report-block .report-item{display:inline-block;padding:0 20px;}
.investors .financial-report .report-block .report-item .img-holder{display:block;margin-bottom:20px;max-width: 350px;}
.investors .financial-report .report-block .report-item .img-holder img{max-width:100%;box-shadow: 0px 7px 14px -5px #262626;}
.investors .financial-report .report-block .report-item .text{padding:0 10px;}
.investors .financial-report .report-block .report-item .text h4{font-size:22px;text-transform: uppercase;margin-bottom:20px;}
.investors .financial-report .report-block .report-item .text .btn-details{font-size:16px;}
.investors .financial-report .report-block .report-item .text .btn-details:after{content:'';background: url(../png/download-pdf-white.png) no-repeat;width: 22px;height: 24px;background-size: 100% 100%;display: inline-block;margin-left: 10px;vertical-align: middle;position: relative;top: -1px;}
.investors .financial-report .report-block .slider-wrapper{position: relative;padding:0 25px;}
.investors .financial-report .report-block .btn-holder{position: absolute;top:50%;left:0;width:100%;margin-top: -55px;}
.investors .financial-report .report-block .btn-holder .btn-left{position: absolute;left:0px;top:0;width:24px;height:36px;background: url(../png/btn-left.png) no-repeat;cursor: pointer;opacity: 1;transition:all 0.2s linear;}
.investors .financial-report .report-block .btn-holder .btn-right{position: absolute;right:0px;top:0;width:24px;height:36px;background: url(../png/btn-right.png) no-repeat;cursor: pointer;opacity: 1;transition:all 0.2s linear;}
.investors .financial-report .report-block .btn-holder .disable{opacity: 0.4;cursor: default;}
.investors .financial-report .latest-report{background:#5bb7c2;color:#FFF;}
.investors .financial-report .latest-report .report-item{padding:0 40px;max-width:50%;}
.investors .financial-report .white{background:#FFF;}
.investors .financial-report .gray{background:#eaeaea;}
.investors .presentation {text-align:left;}
.investors .presentation h3{margin-bottom:40px;text-transform: uppercase; text-align: center;}

.investors .stock-information{padding:0;}
.investors .stock-information .stock-quote{/*padding:80px 0;background:#f2f2f3;*/}
.investors .stock-information .chart{padding:80px 0;background:#ffffff}
.investors .stock-information .chart iframe{/*width:80%;*/ max-width:1000px; margin:0 auto;display:block;}
.investors .stock-information .disclaimer{padding:80px 0;background:#f2f2f3;text-align: center;}
.investors .stock-information .disclaimer h2{font-size:12px;margin-bottom:20px;}
.investors .stock-information .disclaimer p{font-size:12px;line-height: 21px;width: 100%;max-width: 1024px;}


.press .list-item-holder{}
.press .list-item-holder .header-row{padding-bottom:20px;border-bottom:1px solid #908c88;font-weight: bold;text-align: left;text-transform: uppercase;}
.press .list-item-holder .header-row .date{font-size:16px;width:150px;display:inline-block;vertical-align: middle;}
.press .list-item-holder .header-row .title{font-size:16px;width:calc(100% - 150px);display:inline-block;vertical-align: middle;}
.press .list-item-holder .item{padding:20px 0;border-bottom:1px solid #908c88;position: relative;padding-right:120px;color:#3f3f3f;display:block;}
.press .list-item-holder .item:hover{color:#e90538;}
.press .list-item-holder .item .date{font-size:16px;width:150px;display: inline-block;vertical-align: middle;}
.press .list-item-holder .item .text{font-size:16px;width:calc(100% - 150px);display: inline-block;vertical-align: middle;}
.press .list-item-holder .item .date .title,
.press .list-item-holder .item .text .title{display:none;}
.press .list-item-holder .item .btn-download{position: absolute;color:#e90538;top:20px;right:0;font-size:16px;}
.press .list-item-holder .item .btn-download:after{content:'';background: url(../png/download-pdf.png) no-repeat;width: 22px;height: 24px;background-size: 100% 100%;display: inline-block;margin-left: 10px;vertical-align: middle;position: relative;top: -1px;}
.press .pagination{margin-top:40px;margin-bottom:40px; text-align: center;}
.press .pagination span{font-size:14px;font-weight: bold;display:inline-block; margin-right:10px;}
.press .pagination a{display: inline-block;font-size: 14px;line-height: 14px;color: #000;width: 22px;height: 22px;text-align: center;padding: 3px;margin-right: 5px;}
.press .pagination a:hover{border:1px solid #000;background:#000;color:#FFF;border-radius: 50px;}
.press .pagination a.on{border:1px solid #000;background:#000;color:#FFF;border-radius: 50px;}
.press .press-release{background:#e9e2dc;}
.press .masonry-holder {
    
}

.press  .masonry-holder {
	position:relative;
	margin: 0 auto;
    margin-bottom: 3%;
	padding-bottom:100px;
	clear:both;
}

.press .masonry-item-holder{
    width: 75%;
    margin: 0 auto;
    text-align: center;
}
.gutter-sizer{
    width: 1.3%
}
@media screen and (max-width:1280px){
    .press .masonry-item-holder{
        width: 85%;       
    }
    .gutter-sizer{
        width: 2.5%;
    }
}
@media screen and (max-width:1024px){
    .press .masonry-item-holder{
        width: 90%;       
    }
    .gutter-sizer{
        width: 1.3%;
    }
}
@media screen and (max-width:768px){
     .gutter-sizer{
        width: 3%;
    }
    .press  .masonry-holder {
        margin-top: -50px;
        padding-bottom: 50px;
    }
}
.press  .masonry-holder  .mode {
    margin-bottom: 60px;
    text-align: center;
}
.press  .masonry-holder  .mode .left{
	position:relative;
	width:49%;
	margin-left:1%;
	display:inline-block;
}
.press  .masonry-holder  .mode .right{
	position:relative;
	width:49%;
	margin-right:1%;
	display:inline-block;
	text-align:right;
}
.press  .masonry-holder  .mode a{
	font-size:16px;
	margin:0px 15px;
	opacity:1;
	background-repeat:no-repeat;
	background-position:center left;
}
.press  .masonry-holder  .mode a.on{
    color:#e90538;
}
.press  .masonry-holder  .mode a.mode1{
	background-image:url(../mode01.html);
	padding-left:15px;
}
.press  .masonry-holder  .mode a.mode2{
	background-image:url(../mode02.html);
	padding-left:15px;
}
.press  .masonry-holder .grid {
  
}

/* clearfix */
.press  .masonry-holder .grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.press  .masonry-holder .grid-item {
  width: 24%;
  height: auto;
  float: left;
  border-bottom: 3px solid #e1113d; 
  background-color: #FFF;
  overflow: hidden;
  margin-bottom: 1.3%;
}
.press  .masonry-holder .grid-item:hover, 
.press  .masonry-holder .grid-item:hover .txt h3,
.press  .masonry-holder .grid-item:hover .txt p{
    background: #e1113d;
    color: #fff;
}
.press  .masonry-holder .grid-item:hover .large a,
.press  .masonry-holder .grid-item:hover .large p,
.press  .masonry-holder .grid-item:hover .large span{
   
    color: #fff;
}
.press  .masonry-holder .grid-sizer{
     width: 24%;
}
.press  .masonry-holder .item-detail .grid-item{
    padding: 0px;
    border-bottom: none;
    
}
@media screen and (max-width:900px){
   .press  .masonry-holder .grid-item{
       width: 32%;
       
    }
    .press  .masonry-holder .grid-sizer{
        width: 32%;
    }
}
@media screen and (max-width:768px){
   .press  .masonry-holder .grid-item{
       width: 48%;
       margin-bottom: 3%;
       margin-top: 3%;
    }
    .press  .masonry-holder .grid-sizer{
        width: 47%;
    }
}
@media screen and (max-width:640px){
   .press  .masonry-holder .grid-item{
       width: 100%;
    }
    .press  .masonry-holder .grid-sizer{
        width: 100%;
    }
    .press .masonry-holder .grid {
        margin-bottom: 0;
    }
}
.press .masonry-holder .item-detail .grid-item img {
    width: 100%;
    margin-bottom: 10px;
}
.press  .masonry-holder.item-detail .grid-item .large{
    padding-bottom: 10px;
    text-align: center;
    color: #9a0300;
    margin-bottom: 0;
    font-size: 16px;
}
.press  .masonry-holder .grid-item .large p,
.press  .masonry-holder .grid-item .large a,
.press  .masonry-holder .grid-item .large span{
    color: #9a0300;
    font-size: 16px;
    padding-bottom: 10px;
    
}
.press  .masonry-holder .item-detail .grid-item .large .left{
    float: left;
    padding-left: 20px;
    font-size: 18px;
} 
.press  .masonry-holder .item-detail .grid-item .large .right{
    float: right;
    padding-right: 20px;
} 
.press  .masonry-holder .topic{
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
    max-width: 800px;
}
.press  .masonry-holder .txt{
    padding: 0 10px;
    text-align: left;
    color:#414042;
}
.press  .masonry-holder .masonry a img{
	width:100%;
	margin-bottom:10px;
}
.press  .masonry-holder .masonry a h1{
	font-size:18px;
	margin-bottom:10px;
}
.press  .masonry-holder .masonry a h3{
	font-size:14px;
	margin-bottom:10px;
}
.press  .masonry-holder .masonry a h3 strong{
	font-size:40px;
	margin-right:10px;
}
.press  .masonry-holder .masonry a p{
	font-size:14px;
	margin-bottom:10px;
}

.press .publication{padding-top:0;text-align: center;}
.press .publication .publication-block{padding:80px 0;color:#000;}
.press .publication .publication-block h3{margin-bottom:40px;text-transform: uppercase;}
.press .publication .publication-block h3 img{display:inline-block;vertical-align: middle;margin-left:5px;position: relative;}
.press .publication .publication-block .publication-item{display:inline-block;padding:0 20px;}
.press .publication .publication-block .publication-item .img-holder{display:block;margin-bottom:20px;max-width: 350px;}
.press .publication .publication-block .publication-item .img-holder img{max-width:100%;box-shadow: 0px 7px 14px -5px #262626;}
.press .publication .publication-block .publication-item .text{padding:0 10px;}
.press .publication .publication-block .publication-item .text h4{font-size:18px;text-transform: uppercase;margin-bottom:20px;}
.press .publication .publication-block .publication-item .text .btn-details{font-size:16px;}
.press .publication .publication-block .publication-item .text .btn-details:after{content:'';background: url(../png/download-pdf-white.png) no-repeat;width: 22px;height: 24px;background-size: 100% 100%;display: inline-block;margin-left: 10px;vertical-align: middle;position: relative;top: -1px;}
.press .publication .publication-block .slider-wrapper{position: relative;padding:0 25px;}
.press .publication .publication-block .btn-holder{position: absolute;top:50%;left:0;width:100%;margin-top: -55px;}
.press .publication .publication-block .btn-holder .btn-left{position: absolute;left:0px;top:0;width:24px;height:36px;background: url(../png/btn-left.png) no-repeat;cursor: pointer;opacity: 1;transition:all 0.2s linear;}
.press .publication .publication-block .btn-holder .btn-right{position: absolute;right:0px;top:0;width:24px;height:36px;background: url(../png/btn-right.png) no-repeat;cursor: pointer;opacity: 1;transition:all 0.2s linear;}
.press .publication .publication-block .btn-holder .disable{opacity: 0.4;cursor: default;}
.press .publication .latest-publication{background:#5bb7c2;color:#FFF;}
.press .publication .latest-publication .publication-item{padding:0 40px;max-width:50%;}
.press .publication .white{background:#FFF;}
.press .publication .gray{background:#eaeaea;}

.sustainable-development .content-container{padding: 0;}
.sustainable-development .intro{padding: 100px 0;background-color: rgba(233, 17, 65, 1);}
.sustainable-development .intro .wrapper{display: flex; flex-direction: column;align-items: center;}
.sustainable-development .intro .wrapper .title{color: white;font-size: 35px;font-weight: 400;margin-bottom: 47px;position: relative;}
.sustainable-development .intro .wrapper .title:after{content: "";display: block;width: 50px;height: 5px;background-color: white;position: absolute;bottom: -14px;left: 50%;transform: translateX(-50%);}
.sustainable-development .intro .wrapper .sub-title{color: white;font-size: 45px;margin-bottom: 9px;text-align: center;}
.sustainable-development .intro .wrapper .content{color: white;font-size: 23px;max-width: 992px;text-align: center;line-height: 1.45em;}
.sustainable-development .vision-items-container{padding: 100px 0;}
.sustainable-development .vision-items-container .wrapper{max-width: unset;}
.sustainable-development .vision-item-card{display: flex;flex-direction: row;max-width: 1280px;margin: 0 auto;margin-bottom: 40px;}
.sustainable-development .vision-item-card:last-child{margin-bottom: unset;}
.sustainable-development .vision-item-card:nth-child(even) .vision-item-carousel{order: 2;}
.sustainable-development .vision-item-card:nth-child(even) .vision-item-content{order: 1;}
.sustainable-development .vision-items-container .vision-item-carousel{width: 32%;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container{max-width: 1000px; position: relative; margin: auto; height: 100%;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .mySlides{display: none; height: 100%;position: relative;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .mySlides::after{content: "";display: block;padding-bottom: 77%;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .mySlides img{height: 100%; object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;object-position: center;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .navigation-section{position: absolute; bottom: 0; height: 48px; display: flex; flex-direction: row;background-color: rgba(233, 17, 65, 1);}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .navigation-section .prev{width: 43px; height: 48px; background-color: rgba(233, 17, 65, 1); display: inline-flex; justify-content: center; align-items: center; color: rgba(255, 255, 255, 0.5); position: relative; cursor: pointer;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .navigation-section .prev:after{ content: ""; display: block; height: 24px; width: 1px; background-color: rgba(255, 255, 255, 0.5); position: absolute; right: 0;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .navigation-section .prev .material-symbols-outlined{font-size: 20px; font-weight: 700; height: 20px; width: 11.77px;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .navigation-section .next{width: 43px; height: 48px; background-color: rgba(233, 17, 65, 1); display: inline-flex; justify-content: center; align-items: center; color: rgba(255, 255, 255, 0.5); cursor: pointer;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .navigation-section .next .material-symbols-outlined{font-size: 20px; font-weight: 700; height: 20px; width: 11.77px;}
.sustainable-development .vision-items-container .vision-item-carousel .slideshow-container .navigation-section .material-symbols-outlined{user-select: none;}
.fade { animation-name: fade; animation-duration: 1.5s;}
@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}
.sustainable-development .vision-item-card:hover .vision-item-content{background-color: rgba(255, 239, 198, 1);}
.sustainable-development .vision-item-card .vision-item-content{background-color: rgba(252, 247, 238, 1);width: 68%; padding: 20px 80px; display: flex; flex-direction: column; justify-content: center;transition: all 0.2s linear;}
.sustainable-development .vision-item-card .vision-item-content .title{font-weight: 700; font-size: 20px; margin-bottom: 24px;}
.sustainable-development .vision-item-card .vision-item-content .context{font-weight: 400;font-size: 15px; line-height: 30px; text-align: justify;}

.sustainable-development .policies-content-container{}
.sustainable-development .policies-content-container .wrapper{display: flex;flex-direction: column;align-items: center;padding-top: 100px;padding-bottom: 120px;}
.sustainable-development .policies-content-container .wrapper .policies-block-title{margin-bottom:40px;text-transform: uppercase;font-size: 30px;display: flex;flex-direction: row;justify-content: center;align-items: center; position: relative;}
.sustainable-development .policies-content-container .wrapper .policies-block-title:after{content: "";display: block;width: 50px;height: 5px;background-color: black;position: absolute;bottom: -14px;left: 50%;transform: translateX(-50%);}

.sustainable-development .policies-content-container .wrapper .content-text{text-align: center;margin-bottom: 32px;max-width: 820px;line-height: 1.45em;}
.sustainable-development .policies-content-container .wrapper .content-link a{}
.sustainable-development .policies-content-container .wrapper .content-link a .btn-download{text-align: center;color: rgba(233, 17, 65, 1);text-decoration: underline;display: inline-block;}
.sustainable-development .policies-content-container .wrapper .content-link a .btn-download::after{
    content:'';
    background: url(../png/download-pdf.png) no-repeat;
    width: 22px;
    height: 24px;
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.sustainable-development .esg-report{padding-top:0;text-align: center;}
.sustainable-development .esg-report .report-block{padding:80px 0;color:#000;}
.sustainable-development .esg-report .report-block .report-block-title{margin-bottom:40px;text-transform: uppercase;font-size: 30px;display: flex;flex-direction: row;justify-content: center;align-items: center; position: relative;}
.sustainable-development .esg-report .report-block .report-block-title:after{content: "";display: block;width: 50px;height: 5px;background-color: black;position: absolute;bottom: -14px;left: 50%;transform: translateX(-50%);}
.sustainable-development .esg-report .report-block .report-block-title img{display:inline-block;vertical-align: middle;margin-left:5px;position: relative;}
.sustainable-development .esg-report .report-block .report-block-text{margin-bottom: 40px;line-height: 1.45em;}
.sustainable-development .esg-report .report-block .report-item{display:inline-block;padding:0 20px;}
.sustainable-development .esg-report .report-block .report-item .img-holder{display:block;margin-bottom:20px;max-width: 350px;}
.sustainable-development .esg-report .report-block .report-item .img-holder img{max-width:100%;box-shadow: 0px 7px 14px -5px #262626;}
.sustainable-development .esg-report .report-block .report-item .text{padding:0 10px;}
.sustainable-development .esg-report .report-block .report-item .text h4{font-size:22px;text-transform: uppercase;margin-bottom:20px;}
.sustainable-development .esg-report .report-block .report-item .text .btn-details{font-size:16px;}
.sustainable-development .esg-report .report-block .report-item .text .btn-details:after{content:'';background: url(../png/download-pdf-white.png) no-repeat;width: 22px;height: 24px;background-size: 100% 100%;display: inline-block;margin-left: 10px;vertical-align: middle;position: relative;top: -1px;}
.sustainable-development .esg-report .report-block .slider-wrapper{position: relative;padding:0 25px;}
.sustainable-development .esg-report .report-block .btn-holder{position: absolute;top:50%;left:0;width:100%;margin-top: -55px;}
.sustainable-development .esg-report .report-block .btn-holder .btn-left{position: absolute;left:0px;top:0;width:24px;height:36px;background: url(../png/btn-left.png) no-repeat;cursor: pointer;opacity: 1;transition:all 0.2s linear;}
.sustainable-development .esg-report .report-block .btn-holder .btn-right{position: absolute;right:0px;top:0;width:24px;height:36px;background: url(../png/btn-right.png) no-repeat;cursor: pointer;opacity: 1;transition:all 0.2s linear;}
.sustainable-development .esg-report .report-block .btn-holder .disable{opacity: 0.4;cursor: default;}
.sustainable-development .esg-report .latest-report{background:#5bb7c2;color:#FFF;}
.sustainable-development .esg-report .latest-report .report-item{padding:0 40px;max-width:50%;}
.sustainable-development .esg-report .white{background:#FFF;}
.sustainable-development .esg-report .gray{background:#eaeaea;}
.sustainable-development .news-awards-content-container .wrapper{display: flex;flex-direction: column;align-items: center;padding-top: 80px;padding-bottom: 80px;}
.sustainable-development .news-awards-content-container .wrapper .content-text{text-align: center;max-width: 820px;line-height: 1.45em;}
.sustainable-development .latest-news-section{padding: 100px 50px;background-color: rgba(233, 226, 220, 1);display: flex;flex-direction: column;align-items: center;}
.sustainable-development .latest-news-section .latest-news-title{font-size: 35px;font-weight: 400;width: 100%;max-width: 1200px;text-align: center;margin-bottom: 40px; position: relative;}
.sustainable-development .latest-news-section .latest-news-title:after{content: "";display: block;width: 50px;height: 5px;background-color: black;position: absolute;bottom: -14px;left: 50%;transform: translateX(-50%);}
.sustainable-development .latest-news-section .latest-news-list{width: 100%;max-width: 1200px;display: flex;flex-direction: column;row-gap: 14px;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-link-container{display: none;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-link-container.display{display: block;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-link-container .latest-news-item-btn-container:hover {color: black;}

.sustainable-development .latest-news-section .latest-news-list .latest-news-item-container{background-color: rgba(255, 255, 255, 1);display: flex;flex-direction: row;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-image-container{width: 15%;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-image-container img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-info-container{width: 85%;display: flex;flex-direction: row;padding: 16px;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-info-container .latest-news-item-title-container{width: 83%;display: flex;flex-direction: column;justify-content: center;padding: 8px 24px 8px 8px;border-right: 1px solid black;row-gap: 15px;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-info-container .latest-news-item-title-container .latest-news-item-title{font-size: 16px;font-weight: 400;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-info-container .latest-news-item-title-container .latest-news-item-btn-container{display: inline-flex;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-info-container .latest-news-item-title-container .latest-news-item-btn-container .latest-news-item-btn{background-color: rgba(225, 17, 61, 1);padding: 10px 20px;font-size: 12px;font-weight: 700;color: white;}
.sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-info-container .latest-news-item-date{flex: 1;font-size: 16px;font-weight: 400;display: flex;flex-direction: row;align-items: center;padding: 8px 8px 8px 24px;justify-content: center;}
.sustainable-development .latest-news-section .more-button-section{margin-top: 80px; display: none;}
.sustainable-development .latest-news-section .more-button-section.display{display: block;}
.sustainable-development .latest-news-section .more-button-section .more-button{font-size: 16px;font-weight: 700;background-color: rgba(225, 17, 61, 1);padding: 12px 24px;color: white;cursor: pointer;}
.sustainable-development .awards-section{padding: 100px 50px;background-color: rgba(92, 153, 61, 1);display: flex;flex-direction: column;align-items: center;}
.sustainable-development .awards-section .awards-title{font-size: 35px;font-weight: 400;width: 100%;max-width: 1200px;text-align: center;margin-bottom: 47px;color: white;position: relative;}
.sustainable-development .awards-section .awards-title::after{position: absolute;display: block;width: 50px;height: 5px;background-color: white;bottom: -20px;content: "";left: 50%;transform: translateX(-50%);}
.sustainable-development .awards-section .awards-description{font-size: 23px;font-weight: 400;width: 100%;max-width: 992px;text-align: center;margin-bottom: 40px;color: white;line-height: 1.45em;}
.sustainable-development .awards-section .awards-list{width: 100%;max-width: 1200px;display: flex;flex-direction: column;row-gap: 14px;}
.sustainable-development .awards-section .awards-list .awards-item-container{background-color: rgba(242, 242, 242, 1);display: flex;flex-direction: row;}
.sustainable-development .awards-section .awards-list .awards-item-container .awards-item-image-container{width: 15%;background-color: white;padding: 20px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.sustainable-development .awards-section .awards-list .awards-item-container .awards-item-image-container img{max-height: 100%;max-width: 100%;}
.sustainable-development .awards-section .awards-list .awards-item-container .awards-item-info-container{width: 85%;display: flex;flex-direction: row;padding: 16px;}
.sustainable-development .awards-section .awards-list .awards-item-container .awards-item-title{width: 65%;display: flex;flex-direction: row;align-items: center;font-size: 24px;font-weight: 400;padding: 8px 24px 8px 8px;border-right: 1px solid rgba(0, 0, 0, 0.3);}
.sustainable-development .awards-section .awards-list .awards-item-container .awards-item-info{flex: 1;padding: 8px 8px 8px 24px;display: flex;flex-direction: column;justify-content: center;}
.sustainable-development .awards-section .awards-list .awards-item-container .awards-item-info .awards-item-organizer .awards-item-organizer-title{font-weight: 700;}
.sustainable-development .awards-section .awards-list .awards-item-container .awards-item-info .awards-item-company .awards-item-company-title{font-weight: 700;}





.careers .content-container{padding-top:0;padding-bottom: 0;}
.careers .intro{padding:80px 0px;text-align: center;}
.careers .intro p{max-width: 768px;line-height: 2em;}
.careers .intro p a{text-decoration: underline;}
.careers .intro p .email{width: 20px;margin-right: 5px;vertical-align: middle;}
.careers .job-list{padding:80px 0px;text-align: center;background:#e9e2dc;}
.careers .job-list .list-item-holder{}
.careers .job-list .list-item-holder .date{font-size:16px;width:250px;display:inline-block;vertical-align: middle;}
.careers .job-list .list-item-holder .department{font-size:16px;width:300px;display:inline-block;vertical-align: middle;}
.careers .job-list .list-item-holder .post{font-size:16px;width:calc(100% - 550px);display:inline-block;vertical-align: middle;}
.careers .job-list .list-item-holder .header-row{padding-bottom:20px;border-bottom:1px solid #908c88;font-weight: bold;text-align: left;text-transform: uppercase;}
.careers .job-list .list-item-holder .item{padding:20px 0;border-bottom:1px solid #908c88;position: relative;color:#3f3f3f;cursor: pointer;}
.careers .job-list .list-item-holder .item:hover .title-row{color:#e90538;}
.careers .job-list .list-item-holder .item .title-row {position: relative;padding-right:120px;text-align: left;}
.careers .job-list .list-item-holder .item .title-row .title{display:none;}
.careers .job-list .list-item-holder .item .btn-control{position: absolute;color:#e90538;top:0px;right:0;font-size:16px;}
.careers .job-list .list-item-holder .item .btn-control:after{content:'';background: url(../png/arrow-down.png) no-repeat;width: 13px;height: 13px;background-size: 100% 100%;display: inline-block;margin-left: 10px;vertical-align: middle;position: relative;top: 1px;transition:all 0.2s linear;}
.careers .job-list .list-item-holder .item .btn-control span{font-size:16px;display:inline-block;vertical-align: middle;}
.careers .job-list .list-item-holder .item .btn-control .close{display:none;}
.careers .job-list .list-item-holder .item.opened .btn-control .open{display:none;}
.careers .job-list .list-item-holder .item.opened .btn-control .close{display:inline-block;}
.careers .job-list .list-item-holder .item.opened .btn-control:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.careers .job-list .list-item-holder .item .job-details{padding:20px 0;padding-left:250px;text-align: left;display:none;cursor: auto;}
.careers .job-list .list-item-holder .item .job-details h1{font-size:45px;margin-bottom:5px;}
.careers .job-list .list-item-holder .item .job-details h2{font-size:35px;margin-bottom:5px;}
.careers .job-list .list-item-holder .item .job-details h3{font-size:22px;margin-bottom:5px;}
.careers .job-list .list-item-holder .item .job-details h4{font-size:16px;margin-bottom:5px;font-weight: bold;}
.careers .job-list .list-item-holder .item .job-details p{font-size:16px;}
.careers .job-list .list-item-holder .item .job-details a{color:#cf2039;text-decoration: underline;}
.careers .job-list .list-item-holder .item .job-details li{font-size:16px;margin-bottom:5px;}
.careers .job-list .list-item-holder .item .job-details ul{list-style: none;margin-bottom:20px;}
.careers .job-list .list-item-holder .item .job-details ul li{padding-left: 20px;position: relative;}
.careers .job-list .list-item-holder .item .job-details ul li:before{content:'';width: 5px;height: 5px;background: #3f3f3f;position: absolute;border-radius: 5px;left:7px;top:7px;}
.careers .job-list .list-item-holder .item .job-details ol{list-style:decimal;margin-bottom:20px;padding-left: 20px;}
.careers .job-list .list-item-holder .item .job-details ul + h1,
.careers .job-list .list-item-holder .item .job-details ul + h2,
.careers .job-list .list-item-holder .item .job-details ul + h3,
.careers .job-list .list-item-holder .item .job-details ul + h4{margin-top:40px;}
.careers .job-list .list-item-holder .item .job-details .btn-submit{font-size:16px;color:#cf2039;display:inline-block;}
.careers .job-list .list-item-holder .item .job-details .btn-submit:last-child{margin-top:40px;}
.careers .job-list .list-item-holder .item .job-details .btn-submit:after{content:'';background: url(../png/submit-arrow.png) no-repeat;width: 25px;height: 25px;background-size: 100% 100%;display: inline-block;margin-left: 10px;vertical-align: middle;position: relative;top: -1px;}
.careers .pagination{margin-top:40px;margin-bottom:40px;}
.careers .pagination span{font-size:14px;font-weight: bold;display:inline-block;margin-right: 10px;}
.careers .pagination a{display: inline-block;font-size: 14px;line-height: 14px;color: #000;width: 22px;height: 22px;text-align: center;padding: 3px;margin-right: 5px;}
.careers .pagination a:hover{border:1px solid #000;background:#000;color:#FFF;border-radius: 50px;}
.careers .pagination a.on{border:1px solid #000;background:#000;color:#FFF;border-radius: 50px;}
.careers .details{padding:80px 0px;text-align:left;font-size:0;}
.careers .details .block{display:inline-block;vertical-align:top;font-size:16px;}
.careers .details .block .error-holder{margin-bottom:10px;display:none;}
.careers .details .block.left{width:550px;padding-right:40px;}
.careers .details .block.left .job-title{line-height: 43px;}
.careers .details .block.left .job-title span{font-size:18px;display: block;}
.careers .details .block.right{width:calc(100% - 550px);}
.careers .details .block.right .row{margin-bottom:40px;}
.careers .details .block.right .row .title{font-size:16px;margin-bottom:20px;}
.careers .details .block.right .row .remark{font-size:12px;line-height: 20px;}
.careers .details .block.right .upload{}
.careers .details .block.right .upload .remark{display:block;}
.careers .details .block.right .upload .upload-holder{position: relative;}
.careers .details .block.right .upload .upload-holder input[type="file"]{opacity: 0;z-index: 1  }
.careers .details .block.right .upload .upload-holder p{
    position: absolute;
    font-size:16px;
    color:#e02239;
    text-align: center;
    border: 1px solid #e02239;
    height: 100%;
    width: auto;
    padding: 0 30px;
    margin-bottom: 0;
    font-weight: bold;
    opacity: 1;
}
.careers .details .block.right .captcha{}
.careers .details .block.right .captcha input[type="text"]{background:#e6e6e6;color:#000;display:inline-block;vertical-align:middle;margin-right:5px;padding: 8px 10px;}
.careers .details .block.right .captcha img{vertical-align: middle;display:inline-block;}
.careers .details .block.right .declaration{}
.careers .details .block.right .declaration .remark div{margin-bottom:10px;}
.careers .details .block.right .btn{border-color:#000;}
.careers .details .block.right .btn:hover{
    border-color:#e90538;
}

.contact {}
.contact .content-container{position: relative;font-size:0;}
.contact .content-container:before{content:'';width:50%;height:100%;position: absolute;background:#ce2229;left:0;top: 0;}
.contact .content-container:after{content:'';width:50%;height:100%;position: absolute;background:#ececec;left:50%;top: 0;}

.contact .content-container .block{display:inline-block;vertical-align: top;width:50%;font-weight: 16px;position: relative;z-index: 1;}
.contact .content-container .block .title{font-size:16px;font-weight: bold;margin-bottom:5px;}

.contact .content-container .block.left{padding-right:100px;color:#FFF;}
.contact .content-container .block.left h3.title{margin-bottom:80px;text-transform: uppercase;}
.contact .content-container .block.left .row{margin-bottom:20px;}
.contact .content-container .block.left .row .text{font-size:25px;font-weight: 100}
.contact .content-container .block.left .row .text a:hover{color:#fff!important;opacity:0.5;}

.contact .content-container .block.right{padding-left:100px;}
.contact .content-container .block.right h3.title{text-transform: uppercase;margin-bottom:20px;}
.contact .content-container .block.right .row{margin-bottom:5px;}
.contact .content-container .block.right .row input[type="text"],
.contact .content-container .block.right .row textarea{width:100%;padding:10px;background:#e3e3e3;}
.contact .content-container .block.right .row textarea{height:200px;}

.contact .content-container .block.right .row .select-style{width:100%;}
.contact .content-container .block.right .row .select-style p{background:#e3e3e3;width:100%;border:none;padding:10px;color: #aca9a9;}
.contact .content-container .block.right .row .select-style p:before{border-top-color:#e3e3e3}
.contact .content-container .block.right .row .select-style select{width:100%}
.contact .content-container .block.right .row .errorHolder p{margin-bottom:5px;}
.contact .content-container .block.right .btn-holder{margin-top: 40px;}
.contact .content-container .block.right .btn-holder .btn{transition:all 0.2s linear;border:1px solid #e90538;padding:8px 25px;min-width:0;color:#e90538;margin-right:20px;background: none;}
.contact .content-container .block.right .btn-holder input[type="submit"].btn:hover{background-color:#e90538;color:#fff;}
.contact .content-container .block.right .btn-holder input[type="reset"].btn{transition:all 0.2s linear;opacity: 0.6;border-color:rgba(233, 5, 56, 0.6);}
.contact .content-container .block.right .btn-holder input[type="reset"].btn:hover{background-color:rgba(233, 5, 56, 1);color:#fff;}


@media screen and (max-width: 1600px){
}

@media screen and (max-width: 1280px){  
  .content{padding-top: 69px;}
  .contact .content-container .block.left{padding-right:20px;}
  .contact .content-container .block.right{padding-left:20px;}
  .sustainable-development .intro .wrapper .content{padding: 0;}
  .sustainable-development .vision-items-container .vision-item-content{padding: 20px 60px;}
}


@media screen and (max-width: 1024px){
  .home .banner{height:660px;}

  .inner-page .banner .text-holder h1 br{display:block;}
    .sp-button {
        width: 12px;
        height: 12px;
    }
  .sustainable-development .intro{padding: 80px 0;}
  .sustainable-development .vision-items-container{padding: 80px 0;}
  .sustainable-development .vision-items-container .vision-item-content{padding: 20px 50px;}
  .sustainable-development .policies-content-container .wrapper{padding-top: 80px;padding-bottom: 100px;}
  .sustainable-development .latest-news-section{padding: 80px 50px}
  .sustainable-development .latest-news-section .more-button-section{margin-top: 60px;}
  .sustainable-development .awards-section{padding: 80px 50px;}
}

@media screen and (max-width: 1023px){
  .content{padding-top: 60px;}

  .corporate .bod .non-executive-director .item{width:100%;}


  .careers .job-list .list-item-holder .date{width:160px;}
  .careers .job-list .list-item-holder .department{width:250px;}
  .careers .job-list .list-item-holder .post{width:calc(100% - 160px - 250px);}
  .careers .job-list .list-item-holder .item .job-details{padding-left:160px;}

  .careers .details .block.left{width:100%;padding-right:0;margin-bottom:20px;}
  .careers .details .block.right{width:100%;}

}
@media screen and (max-width: 768px){

  h1{font-size:40px;}
  h2{font-size:30px;}
  h3{font-size:20px;}

  .home .banner{height:600px;}
  .home .banner #homeBanner .sp-slide:first-child .banner-img{background-position-x: -80px;}
  .home .banner #homeBanner .text-holder{width:calc(70% - 100px );}
  .home .banner #homeBanner .text-holder h1{font-size:35px;}
  .home .banner #homeBanner .text-holder.text-left{left:50px;}
  .home .banner #homeBanner .text-holder.text-right{left:50px;}
  .home .intro-text{font-size:26px;}
  .home .intro-text.en{font-size: 20px;}
  .home .news-stock-bg{padding:0;}
  .home .news-stock-bg:before{display:none;}
  .home .news-stock-bg:after{display:none;}
  .home .news-stock-bg .block{width:calc(100% + 100px);padding: 50px;margin:0 -50px;}
  .home .news-stock-bg .block.latest-news{padding-right:50px;background:#e6d3cb;}
  .home .news-stock-bg .block.stock-information{padding-left:50px;background:#9d8470;}
  .home .careers {padding: 80px 0;}
  .home .careers .block{width:100%;margin-bottom:40px;padding-bottom: 40px;}
  .home .careers .block:after{content:'';width:100px;height:1px;background:#FFF;opacity: 0.6;position: absolute;bottom:0;left:0;}
  .home .careers .block:last-child{margin-bottom:0;padding-bottom:0;}
  .home .careers .block:last-child:after{display:none;}
  .home .careers .block.left .btn {margin-right: 10px;}
  .home .careers .block.right{padding-left:0;}

    
  .home .banner #homeBanner .sp-buttons{
      bottom: 2%;
  }


  .inner-page .banner .text-holder {width:calc(70% - 50px);}
  .inner-page .banner .text-holder h1{font-size:40px;}
  .inner-page .banner .text-holder h1 span{font-size:16px;}
  .inner-page .banner .text-holder.text-left{left:50px;}
  .inner-page .banner .text-holder.text-right{left:50px;}
  .inner-page .content-container{padding:50px 0;}
  .inner-page .content-container .intro-block{padding:25px;}
  .inner-page .content-container .intro-block p{font-size:20px;}


  .corporate .landing .intro-block {margin-top: -100px;}
  .corporate .content-container .block-holder{margin:0;}
  .corporate .content-container .block{width:100%;padding:0;}
  .corporate .bod .item{text-align: center;}
  .corporate .bod .item .img-holder{width:90%;max-width:250px;margin-bottom:20px;}
  .corporate .bod .item .text-holder{width:100%;text-align: left;padding-left:0;}
  .corporate .bod .executive-director{padding:50px 0;}
  .corporate .bod .non-executive-director{padding:50px 0;}
  .corporate .bod .non-executive-director .item .text-holder{padding-right:0;}
  .corporate .board-committees .item{width:50%;}
  .corporate .structure .img-holder{width:100%;}
  .corporate .milestone .milestone-line .line{ top: -160px; }
  .business .commercial-management{padding-top:0;}
  .business .pharmaceutical-business{padding-top:0;}
  .business .commercial-management{padding-top:0;}
  .business .intro{padding:50px 0px;}
  .business .intro .left{width: 50%;}
  .business .intro .right{width: 50%;}
  .business .intro-2{padding:50px 0px;}
  .business .intro-3{padding:50px 0px;}
  
  .business .intro.provision {
      padding: 0 0 50px 0;
  }    
    
  .investors .doc-display{padding-top:0;}
  .investors .doc-display .intro{padding:50px 0;}
  .investors .doc-display .display-list{padding:50px 0;}

  .investors .financial-report{padding-top:0;}
  .investors .financial-report .report-block{padding:50px 0;}

  .investors .stock-information{padding:0;}
  .investors .stock-information .stock-quote{padding:50px 0px;}
  .investors .stock-information .chart{padding:50px 0px;}
  .investors .stock-information .disclaimer{padding:50px 0px;}

  .investors .financial-highlight .financial-table{display:none;}
  .investors .financial-highlight .financial-table-mob-result{display:block;}

  .sustainable-development .intro{padding: 50px 0;}
  .sustainable-development .intro .wrapper .title{margin-bottom: 22px;}
  .sustainable-development .intro .wrapper .sub-title{font-size: 40px;}
  .sustainable-development .content-container{padding: 0;}
  .sustainable-development .vision-items-container{padding: 50px 0;}
  .sustainable-development .vision-items-container .vision-item-card{flex-direction: column;}
  .sustainable-development .vision-items-container .vision-item-carousel{width: 100%;}
  .sustainable-development .vision-items-container .vision-item-content{width: 100%; padding: 20px 30px;}
  .sustainable-development .vision-item-card:nth-child(even) .vision-item-carousel{order: 1;}
  .sustainable-development .vision-item-card:nth-child(even) .vision-item-content{order: 2;}
  .sustainable-development .policies-content-container .wrapper{padding-top: 50px;padding-bottom: 50px;}
  .sustainable-development .esg-report .report-block{padding:50px 0;color:#000;}
  .sustainable-development .esg-report .report-block .report-block-title{font-size: 23px;margin-bottom: 32px; position: relative;}
  .sustainable-development .news-awards-content-container .wrapper{padding-top: 50px;padding-bottom: 50px;}
  .sustainable-development .latest-news-section{padding: 50px 30px}
  .sustainable-development .latest-news-section .latest-news-title{margin-bottom: 30px;}
  .sustainable-development .latest-news-section .latest-news-list .latest-news-item-container{flex-direction: column;}
  .sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-image-container{width: 100%;}
  .sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-info-container{width: 100%;flex-direction: column;}
  .sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-info-container .latest-news-item-title-container{width: 100%;border-right: unset;padding: 0;padding-bottom: 10px;}
  .sustainable-development .latest-news-section .latest-news-list .latest-news-item-container .latest-news-item-info-container .latest-news-item-date{width: 100%;justify-content: unset;padding: 0;}
  .sustainable-development .latest-news-section .more-button-section{margin-top: 50px;}
  .sustainable-development .awards-section .awards-list .awards-item-container{flex-direction: column;}
  .sustainable-development .awards-section .awards-list .awards-item-container .awards-item-image-container{width: 100%;}
  .sustainable-development .awards-section .awards-list .awards-item-container .awards-item-info-container{width: 100%;flex-direction: column;}
  .sustainable-development .awards-section .awards-list .awards-item-container .awards-item-info-container .awards-item-title{width: 100%;padding: 0 0 24px 0;border-right: unset;justify-content: center;}
  .sustainable-development .awards-section .awards-list .awards-item-container .awards-item-info-container .awards-item-info{padding: 0;}


  .careers .intro{padding:50px 0px;}
  .careers .job-list{padding:50px 0px;}

  .careers .job-list .list-item-holder .header-row{display:none;}
  .careers .job-list .list-item-holder .date{width:100%;padding-left:100px;position: relative;min-height:22px;}
  .careers .job-list .list-item-holder .department{width:100%;padding-left:100px;position: relative;min-height:22px;}
  .careers .job-list .list-item-holder .post{width:100%;padding-left:100px;position: relative;min-height:22px;}
  .careers .job-list .list-item-holder .item .title-row .title{display:block;position: absolute;top:0;left:0;width:100px;text-align: left;font-weight: bold;}
  .careers .job-list .list-item-holder .item .job-details{padding-left:0px;}


  .careers .details{padding:50px 0px;}


  .contact .content-container{padding-top:0;}
  .contact .content-container:before{display:none;}
  .contact .content-container:after{display:none;}
  .contact .content-container .block{width:100%;}
  .contact .content-container .block.left{padding: 40px 50px;background: #ce2229;margin: 0 -50px;width: auto;display: block;}
  .contact .content-container .block.right{padding:40px 50px;background:#ececec;margin: 0 -50px;width: auto;display: block;}


    
}
@media screen and (max-width: 640px){
  .content{padding-top: 55px;}
    .business .intro-3 .bg.left{
        background-position: 15% center;
    }
    .business .intro-3 .bg.right{
        background-position: 85% center;
    }

  .investors .list-item-holder .item{padding-right:0;}
  .investors .list-item-holder .item .btn-download{position: relative;top:0;margin-top: 10px;}

  .press .list-item-holder .item{padding-right:0;}
  .press .list-item-holder .item .btn-download{position: relative;top:0;margin-top: 10px;}
  .press .publication .publication-block .publication-item .text h4 { font-size: 14px; }


  .investors .financial-report .latest-report .report-item{padding:0 20px;}


  .careers .details .block.right .captcha input[type="text"]{width:calc(100% - 95px - 50px - 10px);}

}
@media screen and (max-width: 480px){
  .wrapper{padding:0 30px;}

  .home .banner{/*height:500px;*/height:480px;}
  .home .banner #homeBanner .text-holder{width:calc(100% - 60px);bottom:50px;}
  .home .banner #homeBanner .text-holder.text-right{left:30px;}
  .home .banner #homeBanner .text-holder.text-left{left:30px;}
  .home .banner #homeBanner .text-holder h1 {font-size: 30px;}
  .home .banner #homeBanner .text-holder h2{font-size:16px;padding-bottom: 15px;margin-bottom: 15px !important;}

  .home .banner #homeBanner .sp-buttons{
      bottom: 3%;
  }    
    
  .home .news-stock-bg .block{width:calc(100% + 60px);padding:80px 30px;margin:0 -30px;}
  .home .news-stock-bg .block.latest-news{padding-right:30px;background:#e6d3cb;}
  .home .news-stock-bg .block.stock-information{padding-left:30px;background:#9d8470;}

  .inner-page .banner{height:500px;}
  .inner-page .banner .text-holder {width:calc(100% - 60px);bottom:50px;}
  .inner-page .banner .text-holder h1{font-size:30px;}
  .inner-page .banner .text-holder h1 span{font-size:14px;}
  .inner-page .banner .text-holder h2{font-size:16px;padding-bottom: 15px;margin-bottom: 15px;}
  .inner-page .banner .text-holder.text-left{left:30px;}
  .inner-page .banner .text-holder.text-right{left:30px;}


  .corporate .landing .intro-block {margin-top: -75px;}
  .corporate .governance .item-holder .item{padding-right:0;}
  .corporate .governance .item-holder .item .btn-download{position: relative;top:0;margin-top:5px;}

  .corporate .board-committees .item{width:100%;}

  .business .intro .left{width: 100%;margin-bottom:20px;}
  .business .intro .right{width: 100%;}

  .investors .list-item-holder .header-row{display:none;}
  .investors .list-item-holder .item .date .title, .investors .list-item-holder .item .text .title{display:block;font-weight: bold;}
  .investors .list-item-holder .item .date{width:100%;margin-bottom:15px;}
  .investors .list-item-holder .item .text{width:100%;;margin-bottom:15px;}
  .investors .list-item-holder .item .btn-download{margin-top: 20px;}

  .investors .financial-highlight .financial-table-mob-result .item .row {margin-bottom:15px;}
  .investors .financial-highlight .financial-table-mob-result .item .row .col{width:100%;font-size:14px;text-align: left;padding: 2px 0px;}
  .investors .financial-highlight .financial-table-mob-result .item .row .col.header{font-size:18px;}
  .investors .financial-highlight .financial-table-mob-result .item .row .col.title br{display:none;}



  .press .list-item-holder .header-row{display:none;}
  .press .list-item-holder .item .date{width:100%;margin-bottom:15px;}
  .press .list-item-holder .item .text{width:100%;margin-bottom:15px;}
  .press .list-item-holder .item .date .title,
  .press .list-item-holder .item .text .title{display:block;font-weight: bold;}

  .sustainable-development .intro .wrapper .title{font-size: 16px;}
  .sustainable-development .intro .wrapper .sub-title{font-size: 30px;}
  .sustainable-development .intro .wrapper .content{font-size: 16px;}

  .careers .job-list .list-item-holder .item .title-row{padding-right:0;padding-top:40px;}

  .contact .content-container .block.left{padding: 40px 30px;margin: 0 -30px;}
  .contact .content-container .block.right{padding:40px 30px;margin: 0 -30px;}


}
@media screen and (max-width: 320px) {
}



@media screen and (orientation:landscape) and (max-width: 480px),screen and (orientation:landscape) and (max-width: 640px){
}


/**** for retina ****/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio:2) {

      

}