body {
    background-color:#EBEBEB;
    color:#666666;
    font:13px/157% "Trebuchet MS", sans-serif;
    letter-spacing:0px;
    text-align:center;
    padding-left:0;
    padding-right:0;
}
body img {
    max-width: 100%;
    height:auto;
}
body h1 {
    font-size: 42px;
    font-weight: bold;
    color: #333333;
    line-height: 120%;
}
body h2 {
    color: #616161;
    font-size: 26px;
    font-weight: normal;
    line-height: 100%;
}
body h3 {
    color: #515151;
    font-size: 20px;
    font-weight: normal;
    line-height: 100%;
}
body p {
    font-size: 13px;
    color: #828282;
}
body a {
    color: #0066FF;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
    text-align:left;
}
body a:active, body a:hover {
    color: #0066FF;
    text-decoration: underline;
}
body a:hover {
    text-decoration: none;
}
body h1, h2, h3, h4, p, a, span {
    font-family:"Trebuchet MS", sans-serif;
}
.navigation h1 {
    font-size: 36px;
}
.main_wrapper {
    background-color:#FFFFFF;
    margin-top:30px;
    margin-bottom:50px;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-top-color:#E0E0E0;
    border-right-color:#E0E0E0;
    border-bottom-color:#E0E0E0;
    border-left-color:#E0E0E0;
    border-width:5px;
    padding-bottom:0px;
}
.logo {
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    min-height:10px;
}
.navigation {
    padding-bottom:0;
    min-height:50px;
}
.navigation select {
    display:none;
    width:80%;
    padding:5px;
    border:2px solid #D3D3D3;
}
.menubar_nav {
    min-height: 50px;
}
.comment_with_button {
    overflow: hidden;
    margin-top:0;
    margin-bottom:0;
    border-color:rgb(204, 204, 204);
    background-image:none;
    background-attachment:initial;
    background-origin:initial;
    background-clip:initial;
    background-color:#FFF;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    text-align:center;
    border-width:0px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    min-height:10px;
}
.comment_with_button span {
    color: rgb(230, 85, 85);
    font:34px Arial, Helvetica, sans-serif;
}
.top_articles {
    background-color: #F5F5F5;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top:0;
    padding-bottom:0;
}
.top_article {
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    min-height:10px;
}
.top_article:hover {
    background-color: #F0F0F0;
}
img.article_two_img {
    width: 100%;
    margin-bottom: 25px;
    height:167px;
}
.top_article h2 {
    padding: 0 0 10px 0;
    border-bottom:0px solid rgb(232, 232, 232);
    margin-top:0;
    margin-bottom:15px;
}
.top_article p {
    padding: 0;
    text-align:justify;
    margin-top:0;
    margin-bottom:15px;
}
a.article_two_btn {
    padding: 5px 0;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    color:#4C4444;
}
a.article_two_btn:active {
    color: #F55831;
}
.footer {
    background-color:#F5F5F5;
}
.copyright {
    font-size: 13px;
    cursor: default;
    margin-top:0;
    margin-bottom:0;
    padding-top:10px;
    padding-bottom:5px;
    min-height:25px;
}
.copyright .company {
    color: #666;
    font-weight: bold;
    cursor: pointer;
}
.copyright .privacy_policy {
    cursor: pointer;
    text-decoration:none;
    color:#07617C;
}
.breadcrumbs {
    padding-top:5px;
    padding-bottom:10px;
    min-height:25px;
}
.breadcrumbs p {
    text-align: center;
}
p.footer_breadcrumb a {
    text-decoration: none;
    min-height: 58px;
    padding: 5px;
    font-size: 13px;
    margin-top:0;
    margin-bottom:0;
    margin-right:0px;
    margin-left:0px;
}
a.anchor:hover {
    color: #91908F;
    text-decoration:underline;
}
p.paragraph {
    color:#4a4a4a;
}
p.footer_breadcrumb {
    margin-top:0px;
    font-size:7px;
    min-height:20px;
    margin-bottom:0px;
}
h1.heading1 {
    margin-bottom: 0em;
    margin-top:0em;
    font-weight:normal;
    font-size:43px;
    padding-top:5px;
    font-family:Arial, Helvetica, sans-serif;
    min-height:102px;
    display:inline-block;
}
span.span3 {
    font:34px Arial, Helvetica, sans-serif;
}
a.article_two_btn:hover {
    color: #07617C;
}
a.breadcrumb-item:hover {
    color: #E65555;
    text-decoration:underline;
}
p.footer_breadcrumb a.breadcrumb-item {
    color: #07617C;
    font-size:7px;
}
a.privacy_policy:hover {
    text-decoration: underline;
}
a.read-more-footer:hover {
    color: #07617C;
}
h1.heading {
    text-align: center;
    margin-top:0px;
    margin-bottom:0px;
    min-height:50px;
}
.about_us {
    float: none;
    width: auto;
    text-align:center;
    margin-top:0;
    margin-bottom:0;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    min-height:10px;
}
.about_us h2 {
    margin-top: 0;
    margin-bottom: 21px;
}
.about_us p {
    margin-bottom: 15px;
    font-size:14px;
    text-align:justify;
}
.about_us a {
    text-decoration: none;
    font-weight: bold;
}
a.read-more-footer {
    padding: 5px;
    text-decoration: none;
    display: inline-block;
    font-weight:normal;
    color:#4C4444;
    text-align:center;
}
a.read-more-footer:hover {
    color: #07617C;
}
p.paragraph1 {
    font-size: 8px;
    min-height:0px;
    margin-top:0px;
    margin-bottom:0px;
}
#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    right:10px;
    overflow:hidden;
    width:51px;
    height:51px;
    border:none;
    text-indent:100%;
    background:url(../images/ui.totop.png) no-repeat left top;
}
#toTopHover {
    background:url(../images/ui.totop.png) no-repeat left -51px;
    width:51px;
    height:51px;
    display:block;
    overflow:hidden;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
    margin-left:auto;
    margin-right:auto;
}
#toTop:active, #toTop:focus {
    outline:none;
}
.header_shadow {
    min-height:23px;
}
.page_contant {
    min-height: 186px;
}
.menu_container {
    padding-left:10px;
    padding-right:0;
    min-height:57px;
}
.media_col1 {
    float: left;
    width: 50%;
    min-height: 57px;
}
.media_col2 {
    float: left;
    width: 50%;
    min-height: 57px;
}
.thermal_icon_container {
    float: left;
    width: 32.7054054054054%;
    min-height: 69px;
}
.gas_icon_container {
    float: left;
    width: 32.7%;
    min-height: 69px;
}
.renewable_icon_container {
    float: left;
    width: 32.7%;
    min-height: 69px;
}
.bod_icon_container {
    float:left;
    width: 25%;
}
.km_icon_container {
    float:left;
    width: 25%;
}
.kp_icon_container {
    float:left;
    width: 25%;
}
.csr_icon_container {
    float:left;
    width: 21.756756756756758%;
}
.welcome_text {
    border: 0;
    float: none;
    width:auto;
    margin-top:0;
    margin-bottom:0;
    padding-top:25px;
    padding-bottom:25px;
}
.welcome_text h1 {
    padding: 0;
    margin-top:0;
    margin-bottom:30px;
}
.welcome_text p {
    padding: 0 10px;
    margin-top:0;
    margin-bottom:0;
    text-align:justify;
}
.icons {
    min-height:46px;
    width:auto;
}
.name {
    font: normal bold 8px/120% Georgia, "Times New Roman", Times, serif;
    color: #7c7c7c;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    width:auto;
    min-height:10px;
}
.name a {
    font: italic normal bold 8px/120% Georgia, "Times New Roman", Times, serif;
    color: #7c7c7c;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
.name a:hover {
    font: italic normal bold 14px/120% Georgia, Times New Roman, Times, serif;
    color: #00bfff;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
.name_visited a:visited {
    font: italic normal bold 8px/120% Georgia, Times New Roman, Times, serif;
    color: #00bfff;
}
img.image {
    margin-left: auto;
    margin-right:auto;
    display:block;
}
body ul {
    list-style-type: none;
    padding-left:0px;
}
.chart_container {
    min-height: 94px;
}
.chart_total {
    float: none;
    width: auto;
    min-height: 100px;
}
.chart_operation {
    float: none;
    width: auto;
    min-height: 100px;
}
.table {
    width:350px;
    font-size:10px;
}
.table th {
    border:1px solid black;
    vertical-align:center;
    background-color:rgb(204, 204, 204);
}
.table td {
    border:1px solid black;
    vertical-align:center;
}
.bodbox_container {
    float: none;
    min-height: 100px;
    width: 100%;
}
.bodboxsub_container {
    clear: both;
    min-height: 100px;
}
.article_five {
    margin: 0;
    padding: 5px;
    border: 0;
    float: none;
    width:auto;
    min-height:400px;
}
.bodbox_container_body {
    clear: both;
    min-height: 100px;
}
.bodbox_column {
    float: none;
    min-height: 100px;
    width: 100%;
    padding-bottom:10px;
}
img.article_five_img {
    max-width: 100%;
    margin-bottom: 10px;
    border-style:solid;
    border-width:5px;
    border-color:#EBEBEB;
    width:321px;
    height:112px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.article_five h2 {
    margin: 0 0 30px;
    padding: 0;
}
.article_five p {
    margin: 0 0 30px;
    padding: 0 5px;
    border-style:solid;
    border-width:0px;
    text-align:justify;
}
a.article_five_btn {
    display:block;
    width:100px;
    text-decoration: none;
    padding: 5px 30px;
    text-align:center;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #23C8FE), color-stop(98%, #01B6F1));
    border-color:#039FD3;
    border-width:1px;
    -webkit-border-radius:16px;
    border-radius:16px;
    border-style:solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:120%;
    color:#FFF;
    text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
    background-image:-webkit-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-moz-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-o-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-ms-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:linear-gradient(to bottom, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    -moz-border-radius:16px;
    -moz-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
    -webkit-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
}
a.article_five_btn:visited {
    color: #FFF;
}
a.article_five_btn:hover {
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #01BDFC), color-stop(98%, #019FD3));
    color:#FFF;
    background-image:-webkit-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-moz-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-o-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-ms-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:linear-gradient(to bottom, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
}
a.article_five_btn:active {
    color:#FFF;
}
.article_five_unit_wrapper {
    width: auto;
    float: none;
    min-height:400px;
}
h3.heading2 {
    margin-top: 0px;
    text-align:left;
    padding-left:5px;
}
span.span {
    text-align: center;
}
.kpbox_container {
    clear: both;
    min-height: 100px;
}
.csr_container {
    clear: both;
    min-height: 100px;
}
.article_five1 {
    margin: 0;
    padding: 10px;
    border: 0;
    float: none;
    width:auto;
}
img.article_five1_img {
    max-width: 100%;
    margin-bottom: 10px;
}
.article_five1 h2 {
    margin: 0 0 10px 0;
    padding: 0;
    text-align:left;
    min-height:20px;
    font-size:20px;
}
.article_five1 p {
    margin: 0 0 10px 0;
    padding: 0;
    text-align:justify;
    min-height:20px;
}
a.article_five1_btn {
    display:block;
    width:100px;
    text-decoration: none;
    padding: 5px 30px;
    text-align:center;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #23C8FE), color-stop(98%, #01B6F1));
    border-color:#039FD3;
    border-width:1px;
    -webkit-border-radius:16px;
    border-radius:16px;
    border-style:solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:120%;
    color:#FFF;
    text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
    background-image:-webkit-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-moz-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-o-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-ms-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:linear-gradient(to bottom, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    -moz-border-radius:16px;
    -moz-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
    -webkit-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
    margin-left:auto;
    margin-right:auto;
}
a.article_five1_btn:visited {
    color: #FFF;
}
a.article_five1_btn:hover {
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #01BDFC), color-stop(98%, #019FD3));
    color:#FFF;
    background-image:-webkit-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-moz-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-o-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-ms-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:linear-gradient(to bottom, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
}
a.article_five1_btn:active {
    color:#FFF;
}
.article_five1_unit_wrapper {
    width: auto;
    float: none;
}
.business_container {
    clear: both;
    min-height: 100px;
}
.map_container {
    float: none;
    width: auto;
    min-height: 551px;
}
.content_container {
    float: none;
    width: auto;
    min-height: 100px;
}
.media_container {
    clear: both;
    min-height: 362px;
}
.news_header {
    clear: both;
    min-height: 62px;
    width: auto;
}
.news_row1 {
    clear: both;
    min-height: 100px;
    width: auto;
}
.news_row2 {
    clear: both;
    min-height: 100px;
    width: auto;
}
.news_row3 {
    clear: both;
    min-height: 100px;
    width: auto;
}
img.image1 {
    margin-left: auto;
    margin-right:auto;
}
.content {
    min-height: 278px;
}
img.image2 {
    margin-left: auto;
    margin-right:auto;
}
img.image4 {
    margin-left: auto;
    margin-right:auto;
}
img.image5 {
    margin-left: auto;
    margin-right:auto;
}
.address_container {
    clear: both;
    min-height: auto;
}
.contactmap_container {
    clear: both;
    min-height: 100px;
}
.header_container {
    clear: both;
    min-height: 26px;
    width: auto;
}
.header_corporate {
    float: left;
    width:26.31585789473685%;
    min-height:26px;
    -webkit-transform:none;
    -webkit-box-shadow:none;
}
.header_Registered{
    float: left;
    width:20.31585789473685%;
    min-height:26px;
    -webkit-transform:none;
    -webkit-box-shadow:none;
}
.header_other {
    float: left;
    width:48.6841%;
    min-height:26px;
    -webkit-transform:none;
    -webkit-box-shadow:none;
}
.body_container {
    clear: both;
    min-height: 150px;
    width: auto;
    height: auto;
}
.body_corporate {
    float: left;
    width: 26.354110526315793%;
    min-height: 50px;
}
.registered_office_unit_wrapper {
    width: 100%;
    min-height: 189px;
    float: none;
}
.registered_office {
    clear: both;
    min-height: 189px;
    padding-left:5px;
}
.body_others {
    float: left;
    width: 73.636%;
    min-height: auto;
}
.corporate_office1 {
    float: left;
    width: 35.1766394265233%;
    min-height: auto;
}
.corporate_office2 {
    float: left;
    width: 37.7880688172043%;
    min-height: auto;
}
.corporate_office3 {
    float: left;
    width: 26.6769%;
    min-height: 50px;
}
h3.heading9 {
    padding-left: 10px;
    font-size:10px;
    text-align:left;
}
h3.heading8 {
    text-align: center;
    font-size:10px;
}
h5.heading11 {
    font-size: 6px;
    text-align:left;
    min-height:40px;
    margin-top:0em;
}
p.paragraph4 {
    font-size: 6px;
    text-align:left;
    min-height:140px;
    margin-bottom:0em;
}
a.anchor {
    font-size: 7px;
}
h5.heading3 {
    font-size: 6px;
    text-align:left;
    min-height:40px;
    margin-top:0em;
}
p.paragraph2 {
    font-size: 6px;
    text-align:left;
    min-height:141px;
    margin-bottom:0em;
}
a.anchor1 {
    font-size: 8px;
}
h5.heading4 {
    font-size: 6px;
    text-align:left;
    min-height:40px;
    margin-top:0em;
}
p.paragraph3 {
    font-size: 6px;
    text-align:left;
}
h5.heading5 {
    font-size: 6px;
    text-align:left;
    min-height:40px;
    margin-top:0em;
}
p.paragraph5 {
    font-size: 6px;
    text-align:left;
}
.page-title {
    padding-top:20px;
    padding-bottom: 6px;
    border-bottom: 2px solid rgb(238, 238, 238);
    text-align:left;
    margin-left:25px;
    margin-right:25px;
}
.page-title span {
    font-size:20px;
    color:rgb(153, 153, 153);
    padding-bottom: 8px;
    border-bottom: 2px solid #00bfff;
    text-align:left;
}
@media only screen and (max-width : 480px) {
    .table {
        width:310px;
        font-size:7px;
    }
    .table th {
        border:1px solid black;
        vertical-align:center;
        background-color:rgb(204, 204, 204);
    }
    .table td {
        border:1px solid black;
        vertical-align:center;
    }
    .name {
        font: normal bold 6px/120% Georgia, "Times New Roman", Times, serif;
        color: #7c7c7c;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        width:auto;
        min-height:10px;
    }
    .name a {
        font: italic normal bold 6px/120% Georgia, "Times New Roman", Times, serif;
        color: #7c7c7c;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }
    .name a:hover {
        font: italic normal bold 6px/120% Georgia, Times New Roman, Times, serif;
        color: #00bfff;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }
    .name_visited a:visited {
        font: italic normal bold 6px/120% Georgia, Times New Roman, Times, serif;
        color: #00bfff;
    }
    p.paragraph4 {
        font-size: 6px;
        text-align:left;
        line-height: 10px;
    }
    p.paragraph2 {
        font-size: 6px;
        text-align:left;
        line-height: 10px;
    }
    a.anchor {
        font-size: 6px;
    }
    a.anchor1 {
        font-size: 6px;
    }
}
@media only screen and (min-width : 641px) {
    body {
        min-width: 990px;
        text-align: left;
    }
    .main_wrapper {
        margin-left: auto;
        margin-right: auto;
        clear: both;
        min-height: 526px;
        width: 980px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .logo {
        padding-left: 20px;
        padding-right: 0px;
        min-height: 143px;
        float: left;
        width: 140px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navigation {
        min-height: 103px;
        float: left;
        width: 820px;
    }
    .menubar_nav {
        min-height: 46px;
        padding-left: 170px;
        padding-top: 50px;
    }
    .comment_with_button {
        min-height: 50px;
        width: 930px;
        padding: 20px 20px 0 20px;
        text-align: left;
    }
    .top_articles {
        padding-right: 0;
        padding-left: 0;
    }
    .top_article {
        padding: 20px;
        min-height: 368px;
        text-align: left;
    }
    .top_article h2 {
        margin-right: 0;
        margin-left: 0;
    }
    .top_article p {
        text-align: justify;
        margin-right: 0;
        margin-left: 0;
    }
    .footer {
        clear: both;
        min-height: 124px;
    }
    .copyright {
        min-height: 58px;
        float: left;
        width: 398px;
        padding: 40px 0 40px 20px;
    }
    .breadcrumbs {
        min-height: 43px;
        float: left;
        width: 542px;
        padding: 40px 10px 40px 0;
    }
    .breadcrumbs p {
        text-align: right;
    }
    p.footer_breadcrumb a {
        margin-left: 0;
        margin-right: 0;
    }
    p.footer_breadcrumb {
        width: 542px;
        font-size:12px;
        margin-top:10px;
        margin-bottom:1.12em;
        min-height:38px;
    }
    h1.heading1 {
        width: 669px;
        float: left;
    }
    body ul {
        list-style-type: disc;
        padding-left: 0px;
    }
    h1.heading {
        text-align: center;
    }
    .about_us {
        min-height: 150px;
        margin-right: 0;
        margin-left: 0;
        padding: 25px;
        text-align: left;
    }
    .about_us p {
        text-align: justify;
    }
    .about_us_unit_wrapper {
        width: 100%;
        float: left;
    }
    a.read-more-footer {
        text-align: left;
    }
    #toTopHover {
        float: left;
        margin-left: 0px;
        margin-right: 0px;
    }
    .header_shadow {
        clear: both;
        min-height: 59px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .menu_container {
        clear: both;
        min-height: 66px;
        padding-left:0;
    }
    .media_col1 {
        float: left;
        width: 485px;
        min-height: 66px;
    }
    .media_col2 {
        float: left;
        width: 485px;
        min-height: 66px;
    }
    .thermal_icon_container {
        float: left;
        width: 323px;
        min-height: 66px;
    }
    .gas_icon_container {
        float: left;
        width: 323px;
        min-height: 66px;
    }
    .renewable_icon_container {
        float: left;
        width: 324px;
        min-height: 66px;
    }
    .page_contant {
        clear: both;
        min-height: 621px;
    }
    .address_container {
        clear: both;
        min-height: 100px;
    }
    .contactmap_container {
        clear: both;
        min-height: 100px;
    }
    .header_container {
        clear: both;
        min-height: 50px;
        width: auto;
    }
     .header_corporate {
	float: left;
	width: 200px;
	min-height: 50px;
    }
	.header_Registered{
	float: left;
	width: 250px;
	min-height: 50px;
}
    .header_other {
	float: left;
	width: 300px;
	min-height: 50px;
    }
    .body_container {
        clear: both;
        min-height: 50px;
        width: auto;
    }
    .body_corporate {
        float: left;
        width: 212px;
        min-height: 50px;
    }
    .registered_office_unit_wrapper {
        width: auto;
        min-height: auto;
        float: none;
    }
    .registered_office {
        clear: both;
        min-height: 50px;
        padding-left:30px;
    }
    .body_others {
        float: left;
        width: 757px;
        min-height: auto;
    }
    .corporate_office1 {
        float: left;
        width: 222px;
        min-height: 50px;
        padding-left:30px;
    }
    .corporate_office2 {
        float: left;
        width: 222px;
        min-height: 50px;
        padding-left:30px;
    }
    .corporate_office3 {
        float: left;
        width: 223px;
        min-height: 50px;
        padding-left:30px;
    }
    .media_container {
        clear: both;
        min-height: 100px;
    }
    .news_header {
        clear: both;
        min-height: 25px;
        width: auto;
    }
    .news_row1 {
        clear: both;
        min-height: 25px;
        width: auto;
    }
    .news_row2 {
        clear: both;
        min-height: 25px;
        width: auto;
    }
    .news_row3 {
        clear: both;
        min-height: 25px;
        width: auto;
    }
    .business_container {
        clear: both;
        min-height: 100px;
    }
    .map_container {
        float: left;
        width: 485px;
        min-height: 605px;
    }
    .content_container {
        float: left;
        width: 458px;
        min-height: 100px;
    }
    .csr_container {
        clear: both;
        min-height: 100px;
    }
    .article_five1_unit_wrapper {
        width: 326.6666666666667px;
        float: left;
        min-height:314px;
    }
    .article_five1 {
        padding:25px;
        min-height:314px;
    }
    .kpbox_container {
	clear: both;
	min-height: 100px;
	padding-left: 37.5%;
	padding-bottom: 20px;
	padding-right: 37.5%;
    }
    .bodbox_container {
        float: left;
        min-height: 100px;
        width: 980px;
    }
    .bodboxsub_container {
        clear: both;
        min-height: 100px;
    }
    .article_five_unit_wrapper {
        width: 980px;
        float: left;
    }
    .article_five {
        padding:25px;
    }
    .bodbox_container_body {
        clear: both;
        min-height: 100px;
    }
    .bodbox_column {
        float: left;
        min-height: 100px;
        width: 980px;
    }
    .welcome_text {
        margin-right: 0;
        margin-left: 0;
        padding-right: 25px;
        padding-left: 25px;
        min-height: 275px;
    }
    .welcome_text h1 {
        margin-right: 0;
        margin-left: 0;
    }
    .welcome_text p {
        margin-right: 0;
        margin-left: 0;
        padding-left:0;
        padding-right:0;
    }
    .welcome_text_unit_wrapper {
        width: 980px;
        float: left;
        min-height: 275px;
    }
    .bod_icon_container {
        float: left;
        min-height: 66px;
        width: 242px;
    }
    .icons {
        clear: both;
        min-height: 50px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .name {
        clear: both;
        min-height: 16px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .name a {
        text-align: center;
        font-size:14px;
    }
    .name a:hover {
        text-align: center;
    }
    .km_icon_container {
        float: left;
        width: 242px;
        min-height: 66px;
    }
    .kp_icon_container {
        float: left;
        width: 242px;
        min-height: 66px;
    }
    .csr_icon_container {
        float: left;
        width: 244px;
        min-height: 66px;
    }
    .content {
        min-height: 746px;
        clear: both;
    }
    img.image {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
    .top_article_unit_wrapper {
        width: 33.3%;
        float: left;
        min-height: 408px;
    }
    .top_header {
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        min-height: 163px;
    }
    .header {
        clear: both;
        min-height: 163px;
    }
    .fluid_container {
        margin-left: auto;
    }
    body img {
        height: auto;
        max-width:none;
    }
    p.paragraph1 {
        font-size: 12px;
        margin-top:1.12em;
        margin-bottom:1.12em;
        min-height:32px;
    }
    p.footer_breadcrumb a.breadcrumb-item {
        font-size: 12px;
    }
    .chart_total {
        float: left;
        width: 460px;
        min-height: 94px;
    }
    .chart_operation {
        float: left;
        width: 460px;
        min-height: 94px;
    }
    .table {
        width:500px;
        cellspacing:5px;
        font-size:12px;
    }
    .table th {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
        border:1px solid black;
        vertical-align:center;
        background-color:rgb(204, 204, 204);
    }
    .table td {
        padding-left:10px;
        border:1px solid black;
        vertical-align:center;
    }
    img.article_five_img {
        width: 910px;
        height:326px;
    }
    .article_five p {
        border-width: 0px;
        padding-left:0;
        padding-right:0;
    }
    h3.heading2 {
        text-align: left;
        padding-left:0;
    }
    body a {
        text-align: left;
    }
    span.span {
        text-align: left;
    }
    .article_five1 h2 {
        text-align: left;
        margin-bottom:30px;
        font-size:26px;
    }
    .article_five1 p {
        text-align: left;
        margin-bottom:30px;
    }
    img.article_five1_img {
        margin-bottom: 25px;
    }
    a.article_five1_btn {
        margin-left: 0;
        margin-right:0;
    }
    .pinsbox {
        margin-left: 25px;
    }
    img.image3 {
        margin-left: 100px;
    }
    h3.heading9 {
        font-size: 20px;
        padding-left:30px;
        text-align:left;
    }
    h3.heading8 {
        font-size: 20px;
    }
    h5.heading11 {
        font-size: 0.83em;
        text-align:left;
        margin-top:1.5em;
    }
    p.paragraph4 {
        font-size: 13px;
        text-align:left;
        margin-bottom:1.12em;
    }
    a.anchor {
        font-size: 14px;
    }
    h5.heading3 {
        font-size: 0.83em;
        text-align:left;
        margin-top:1.5em;
    }
    p.paragraph2 {
        font-size: 13px;
        text-align:left;
        margin-bottom:1.12em;
    }
    a.anchor1 {
        font-size: 14px;
    }
    h5.heading4 {
        font-size: 0.83em;
        text-align:left;
        margin-top:1.5em;
    }
    p.paragraph3 {
        font-size: 13px;
        text-align:left;
    }
    h5.heading5 {
        font-size: 0.83em;
        text-align:left;
        margin-top:1.5em;
    }
    p.paragraph5 {
        font-size: 13px;
        text-align:left;
    }
}
@media only screen and (min-width : 1024px) {
    .logo {
        width: 140px;
    }
    .navigation {
        width: 810px;
        min-height:163px;
    }
    .comment_with_button {
        min-height: 50px;
        width:930px;
    }
    h1.heading {
        min-height: 50px;
    }
    .fluid_container {
        margin-left: auto;
    }
    .about_us_unit_wrapper {
        width: 100%;
        float: left;
    }
    .copyright {
        width: 378px;
        min-height:58px;
        margin-right:20px;
    }
    .breadcrumbs {
        width: 542px;
    }
    p.footer_breadcrumb {
        width: 542px;
        min-height:20px;
        font-size:13px;
    }
    .main_wrapper {
        min-height: 526px;
        margin-left:auto;
        margin-right:auto;
        border-width:10px;
        width:970px;
    }
    .content {
        min-height: 746px;
    }
    .header_shadow {
        clear: both;
        min-height: 59px;
    }
    .menu_container {
        clear: both;
        min-height: 66px;
    }
    .media_col1 {
        float: left;
        width: 485px;
        min-height: 66px;
    }
    .media_col2 {
        float: left;
        width: 485px;
        min-height: 66px;
    }
    .thermal_icon_container {
        float: left;
        width: 323px;
        min-height: 66px;
    }
    .gas_icon_container {
        float: left;
        width: 323px;
        min-height: 66px;
    }
    .renewable_icon_container {
        float: left;
        width: 324px;
        min-height: 66px;
    }
    .page_contant {
        clear: both;
        min-height: 621px;
    }
    .address_container {
        clear: both;
        min-height: 100px;
    }
    .contactmap_container {
        clear: both;
        min-height: 100px;
    }
    .media_container {
        clear: both;
        min-height: 100px;
    }
    .business_container {
        clear: both;
        min-height: 100px;
    }
    .map_container {
        float: left;
        width: 485px;
        min-height: 605px;
    }
    .content_container {
        float: left;
        width: 458px;
        min-height: 100px;
    }
    .csr_container {
        clear: both;
        min-height: 100px;
    }
    .article_five1_unit_wrapper {
        width: 323.3333333333333px;
        float: left;
        min-height:312px;
    }
    .article_five1 {
        min-height: 312px;
    }
    .kpbox_container {
        clear: both;
        min-height: 100px;
    }
    .bodbox_container {
        float: left;
        min-height: 100px;
        width: 970px;
    }
    .bodboxsub_container {
        clear: both;
        min-height: 100px;
    }
    .article_five_unit_wrapper {
        width: 970px;
        float: left;
    }
    .welcome_text_unit_wrapper {
        width: 970px;
        float: left;
    }
    .bod_icon_container {
        float: left;
        width: 242px;
        min-height: 66px;
    }
    .km_icon_container {
        float: left;
        width: 242px;
        min-height: 66px;
    }
    .kp_icon_container {
        float: left;
        width: 242px;
        min-height: 66px;
    }
    .csr_icon_container {
        float: left;
        width: 244px;
        min-height: 66px;
    }
    p.footer_breadcrumb a.breadcrumb-item {
        font-size: 13px;
    }
    img.image {
        display: block;
        height:auto;
        width:auto;
        margin-left:auto;
        margin-right:auto;
        max-width:100%;
    }
    .name {
        min-height: 16px;
    }
    .chart_total {
        float: left;
        width: 460px;
        min-height: 94px;
    }
    .chart_operation {
        float: left;
        width: 460px;
        min-height: 94px;
    }
    img.article_five_img {
        width: 910px;
        height:326px;
    }
    h3.heading2 {
        min-height: 16px;
    }
    .article_five p {
        border-style: solid;
        border-width:0px;
    }
    .bodbox_container_body {
        clear: both;
        min-height: 100px;
    }
    .bodbox_column {
        float: left;
        min-height: 1398px;
        width: 970px;
    }
    img.image1 {
        display: block;
    }
    img.image2 {
        display: block;
    }
    img.image4 {
        display: block;
    }
    img.image5 {
        display: block;
    }
     .header_corporate {
        float: left;
        width: 212px;
        min-height: 50px;
    }
	.header_Registered{
    float: left;
        width: 212px;
        min-height: 50px;
}
    .header_other {
        float: left;
        width: 258px;
        min-height: 50px;
    }
    h3.heading9 {
        padding-left: 30px;
    }
    .body_corporate {
        float: left;
        width: 212px;
        min-height: 50px;
    }
    .registered_office_unit_wrapper {
        width: auto;
        min-height: auto;
        float: none;
    }
    .registered_office {
        clear: both;
        min-height: 50px;
    }
    .body_others {
        float: left;
        width: 757px;
        min-height: auto;
    }
    .corporate_office1 {
        float: left;
        width: 222px;
        min-height: 50px;
    }
    .corporate_office2 {
        float: left;
        width: 222px;
        min-height: 50px;
    }
    .corporate_office3 {
        float: left;
        width: 223px;
        min-height: 50px;
    }
    .menubar_nav {
        padding-left: 160px;
        min-height:46px;
    }
}