.home-middle .nav-tabs {
     margin-bottom: 28px;
}

div#accordion.panel-group.panel.panel-body {    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;}

.about-middle.bod-middle.news-middle .bod-in a {color:#000; font-weight:400; text-decoration:none;}

/*.about-middle.bod-middle.news-middle .bod-in a:hover {color:#ed2024;}*/

.incorporation { padding: 5px 0 5px;}


.content p {color:#000;}
.vc {

    margin-right: 0;

}

i.fa.fa-map-marker {font-size: 23px;
    color: #f00;
	    padding-bottom: 20px;
    padding-right: 10px;}
	
	.map {    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;    color: #000;
    text-decoration: none;}
	
	a.map:hover {color:#f00; text-decoration: none;}

.point {color: #ed2024;
    font-size: 20px;
    font-weight: 900;
    margin: 5px 0 25px;}

.about-middle.qfr-middle .acc-outer {
    margin: 10px 0 0;

    border-top: 1px solid #ffffff;
}

.secu {

	width:50%; height:44px; font-size:24px; text-align:center;

}

.video-frame {width:100%; height:600px; frameborder="0" }

	#tab-all ul.nav.nav-tabs li.active a{color:#fff;
	background-color:#ff0000; border: 1px solid #ff0000;}
	.nav-tabs > li > a.tab-link {
    border: 1px solid #878787;
    border-radius: 1px;
	padding:5px 12px;
}

#tab-all .nav-tabs > li > a.tab-link:hover { border: 1px solid #878787;
    border-radius: 1px;	padding:5px 12px;}


.secu-img {

	margin-left:20px; margin-bottom: 12px;

    margin-top: 0px; border:1px solid #999999;}



.download-page {

    padding: 60px 0 20px;

}

#management-team {

    padding: 60px 0 20px;

}


.back{    text-align: center;
    padding: 10px;
    font-size: 15px;
    background: #000;
    color: #ed2024;
}

.back:hover {
    color: #fff;
}



.annual-report {

    padding: 60px 0 20px; 

}



.report-img {

    border: 1px solid #000;

}



.tab-download .nav-tabs > li > a {

 margin-right: 2px;

    line-height: 1.42857143;

    border: 0;

    border-radius: 0;

    background: #434748;

     font-family: 'Roboto', sans-serif;

    text-align: center;

    font-size: 18.67px;

    padding: 20px;

    color: #fff;

    font-weight: 900;

    -webkit-transition: all .35s;

    transition: all .35s;

    position: relative;

    cursor: default;

}



.tab-download .nav-tabs > li.active > a:after {

        content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 20px 20px 0 20px;

    border-color: transparent transparent transparent transparent;

    left: 0;

    right: 0;

    margin: auto;

    bottom: 0px;

    -webkit-transition: all .2s;

    transition: all .2s;

}


.abc {min-height:320px;}


/*
.tab-all-branch {padding: 20px 0px 0px;}*/


.tab-download .nav-tabs > li > a:hover, .tab-download .nav-tabs > li > a.hvrd {

    background-color: #ed2024;

}



/*.tab-download .nav-tabs > li > a:hover:after,*/

.tab-download .nav-tabs > li > a.hvrd:after {

    border-color: #ed2024 transparent transparent transparent;

    bottom: -20px;

}



.tab-download .nav-tabs > li.active > a:after,

.tab-download .nav-tabs > li.active > a:hover:after,

.tab-download .nav-tabs > li.active > a:focus:after {

    border-color: #ed2024 transparent transparent transparent;

    bottom: -20px;

}



.tab-download .nav-tabs > li.active > a,

.tab-download .nav-tabs > li.active > a:hover,

.tab-download .nav-tabs > li.active > a:focus {

    color: #fff;

    cursor: default;

    background-color: #ed2024;

    border: 0px solid #ddd;

    border-bottom-color: transparent;

}



.nav-tabs {

    list-style: none;

}



.tab-download .nav-tabs > li > a:after {

      content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 20px 20px 0 20px;

    border-color: transparent transparent transparent transparent;

    left: 0;

    right: 0;

    margin: auto;

    bottom: 0px;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.tab-img {

    border: 1px solid #000;

}





.tab-download .nav-tabs {

    border-bottom: 0;

    margin-bottom: 50px;

}



.tab-download .nav-tabs > li {

    float: left;

    margin-bottom: -1px;

    width: 50%;

}



.down-text {

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-weight: 300;

    padding: 10px 17px 50px 10px;

	text-decoration: none !important;

}







/*team*/

.team-img {

    width: 100%;

}





/*.team-in {

    padding: 0 20px;

    margin-bottom: 40px;

    z-index: 5;

}





.team-details {

        background: #fe0000;

    text-align: center;

    position: relative;

    padding: 0;

}



.team-name {

    font-weight: 600;

    font-size: 21.83px;

    color: #fff;

    padding: 0px 0 0px;

}



.team-des {

    text-align: center;

    color: #fff;

    font-size: 18px;

    margin-bottom: 0;

    margin-top: 0;

    margin: 0 0 30px;

   

    font-weight: 300;

    /* color: #7d7d7d; 

    /* text-align: justify; 

    line-height: 31px;

}



#management-team .bod .team-in .team-details a:hover {

        background: #010101;

    position: relative;

    display: block;

    height: 100%;

    padding: 15px 0 0px;

    width: 100%;

    text-decoration: none;

    -webkit-transition: all .35s;

    transition: all .35s;

    cursor: pointer;

}



#management-team .bod .team-in .team-details a:after {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 20px 18px 0 18px;

    border-color: #fe0000 transparent transparent transparent;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

    margin: auto;

    opacity: 0;

    -webkit-transition: all .35s;

    transition: all .35s;

}





#management-team .bod .team-in .team-details i.fa.fa-long-arrow-right {

    position: absolute;

    font-size: 30px;

    color: #fff;

    right: 20px;

    bottom: 28px;

    -webkit-transition: all .35s;

    transition: all .35s;

}





#management-team .bod .team-in .team-details i.fa {

    position: absolute;

    font-size: 30px;

    color: #fff;

    right: 20px;

    bottom: 8px;

    -webkit-transition: all .35s; 

     transition: all .35s;

}*/







.down-link {

	

	color:#000;

}





a.down-link:hover {

	color:#E53538;

	text-decoration: unset !important;

	

}





#management-team {

    padding-bottom: 0;

    margin-bottom: -15px;

}



#management-team .bod {

    margin-top: 10px;

}



#management-team .bod .row {

    margin: 0 -5px;

}



#management-team .bod .team-in {

    padding: 0 20px;

    margin-bottom: 40px;

}





#management-team .bod .team-in .team-details {

    background: #fe0000;

    text-align: center;

    position: relative;

    min-height: 100px;

}



#management-team .bod .team-in .team-details h4 {

    font-size: 20px;

    color: #fff;

    font-weight: 400;

    margin: 0;

}



#management-team .bod .team-in .team-details p {

    text-align: center;

    color: #fff;

    font-size: 14.85px;

    margin-bottom: 0;

    margin-top: 8px;

        font-weight: 300;

        padding: 0 20px;

}



#management-team .bod .team-in .team-details a {

    display: block;

    height: 100%;

    padding: 15px 0 11px;

    width: 100%;

    text-decoration: unset !important;

    -webkit-transition: all .35s;

            transition: all .35s;

    cursor: pointer;

        min-height: 100px;

}



#management-team .bod .team-in .team-details a .fa {

    position: absolute;

    font-size: 30px;

    color: #fff;

    right: 20px;

    bottom: 8px;

    -webkit-transition: all .35s;

            transition: all .35s;

}



#management-team .bod .team-in .team-details a:hover {

    background: #010101;

}



#management-team .bod .team-in .team-details a:hover .fa {

    right: 15px;

}



.members-out {

    padding: 0 20px;

}



.members {

    background: #f4f4f4;

    padding: 80px 110px;

    margin-top: -40px;

    position: relative;

    display: none;

}



.members .clse {

    position: absolute;

    top: 2px;

    right: 15px;

    font-size: 50px;

    font-weight: 100;

    cursor: pointer;

}



#management-team .bod .team-in .team-details a .fa {

    -webkit-transition: all 0.35s;

            transition: all 0.35s;

}



#management-team .bod .team-in .team-details a.acti .fa {

    opacity: 0;

}



#management-team .bod .team-in {

    z-index: 5;

}



#management-team .bod .team-in .team-details a {

    position: relative;

	cursor: default;

}



#management-team .bod .team-in .team-details a:after {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 20px 18px 0 18px;

    border-color: #fe0000 transparent transparent transparent;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

    margin: auto;

    opacity: 0;

    -webkit-transition: all .35s;

    transition: all .35s;

}



#management-team .bod .team-in .team-details a.acti:after {

    opacity: 1;

}



#management-team .bod .team-in .team-details a:hover:after {

    border-color: #010101 transparent transparent transparent;

}



.annual {

   padding: 35px 26px 0 14px; 

}



.annual p {

    font-size: 30px;

   

    text-align: left;

    font-weight: 300;

    font-family: "Open Sans", sans-serif;

	color:#000;

	padding: 25px 0px 0px 20px;

}



.row.row_clr.sitemap-div.act .site-map .site-map-menu h4 a {

    background: #ed2024;

    color: #fff;

    padding: 10px 15px;

    display: block;

    width: 100%;

    text-decoration: unset !important;

    text-align: center;

}



.row.row_clr.sitemap-div.act .site-map .site-map-menu h4 a:hover {

    background: #e04e51;

    color: #fff;

}



.map-sub-1 {

  list-style: none;  

    padding: 5px 3px 3px 11px;

}



.row.row_clr.sitemap-div.act .site-map .site-map-menu ul li a {

    color: #fff;

    text-decoration: unset !important;

}



/*.row.row_clr.sitemap-div.act .site-map .site-map-menu .map-sub-1 li ul {

    color: #ed2024;

    text-decoration: unset !important;

    list-style: circle;

          padding: 5px 30px 7px;

}*/



.row.row_clr.sitemap-div.act .site-map .site-map-menu ul li ul li a{

    color: #ed2024;

    text-decoration: unset !important;  

}



.map-sub-1 li {

    color: #ed2024;

    text-decoration: unset !important; 

    padding: 3px 0px 3px 0px;

}



.row.row_clr.sitemap-div.act .site-map .site-map-menu ul li ul li:hover {

    color: #fff;

    

}



.row.row_clr.sitemap-div.act .site-map .site-map-menu ul li ul li a:hover {

    color: #fff;

}





.sitemap-div {

    background: #090b06f0;

    position: fixed;

    top: 0;

    right: -100%;

    height: 100vh;

    width: 100%;

    overflow: scroll;

    /*z-index: 9999;*/

    padding: 40px;

    -webkit-transition: all .5s;

    transition: all .5s;

}



#navigation #main-menu li .dropdown-menu li {

    margin-right: 0;

}



#navigation #main-menu li .dropdown-menu li a{

    background: #fff;

}





 #tab-downloading {

        padding: 0px 18px 0 18px;

    }

    

    .col-xs-3.tab-in {

        padding: 0px 30px;

    }

















/* info (hed, dek, source, credit) */

.rg-container {

  font-family: 'Lato', Helvetica, Arial, sans-serif;

  font-size: 16px;

  line-height: 1.4;

  margin: 0;

  padding: 0em 0em 2.5em 0em;

  color: #222;

}

.rg-header {

  margin-bottom: 1em;

  text-align: left;

}



.rg-header > * {

  display: block;

}

.rg-hed {

  font-weight: bold;

  font-size: 1.4em;

}

.rg-dek {

  font-size: 1em;

}



.rg-source {

  margin: 0;

  font-size: 0.75em;

  text-align: right;

}

.rg-source .pre-colon {

  text-transform: uppercase;

}



.rg-source .post-colon {

  font-weight: bold;

}



/* table */

table.rg-table {

  width: 100%;

  margin-bottom: 1.5em;

  font-size: 1em;

  border-collapse: collapse;

  border-spacing: 0;

}

table.rg-table tr {

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

  text-align: left;

  color: #333;

}

table.rg-table thead {

  border-bottom: 1px solid #ed2024;

    background: #ed2024;

}

table.rg-table tr {

  border: 1px solid #ed2024;

  color: #000;

}

table.rg-table tr.highlight {

  background-color: #dcf1f0 !important;

}

table.rg-table.zebra tr:nth-child(even) {

  background-color: #f6f6f6;

}

table.rg-table th {

  font-weight: bold;

  padding: 0.35em;

  font-size: 0.9em;

    color: #fff;

	font-family: "Open Sans", sans-serif;

	font-weight:600;

}

table.rg-table td {

 padding: 0.50em;

  font-size: 0.9em;

  font-family: "Open Sans", sans-serif;

	font-weight:400;

}

table.rg-table .highlight td {

  font-weight: bold;

}

table.rg-table th.number,

td.number {

  text-align: right;

}







.header h3 {

    color: #fff;

    background: #ed2024;

    font-size: 16px;

    padding: 20px 0px 20px 0px;

    text-align: center;

        margin: 0;

    position: relative;

	font-family: "Open Sans", sans-serif;

	font-weight:400;

}



.header h3:after {

    content: "";

    height: 2px;

    width: 100%;

    position: absolute;

    background: #ef3c3f;

    top: 30px;

    left: 0;

    bottom: 0;

    /* transform: translate(-50%); */

    left: 0;

    right: 0;

    margin: auto;

}





.fea{

    color: #ed2024;

    font-size: 20px;

    font-weight: 900;

    margin: 5px 0 25px;

}



.fea ul {

    margin-bottom: 30px;

}



.fea-li{

   padding: 0 15px;

    padding-right: 0;

    margin-bottom: 15px;

    position: relative;

    font-size: 16px;

    line-height: 26px;

    padding-left: 30px;

}



.fea-li:after {

    content: "\f105";

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #ed2024;

    font-size: 22px;

    position: absolute;

    left: 0;

    top: 2px;

}





.product-right .condition {

	margin: -15px 0 0px 15px;

    font-size: 13px;

    font-weight: 300;

	color:#000;

	font-family: "Open Sans", sans-serif;

}



.anr-right {text-align: right;

    padding: 50px 0px 0px;}



.anr-right h2{

	font-family:'Open Sans', sans-serif;

	font-weight:600;

	font-size:42px}



.anr-right h3 {

	font-family:'Open Sans', sans-serif;

	font-weight:300;

	font-size:42px

	}







.annual a{

	text-decoration: unset !important;

}



a.ann-link {

	color: #000; 

}



a.ann-link:hover {

	text-decoration: unset !important;

	color:#F12D31;

}







.contact .form-control {
color:#000;
  border: 0;

    border-bottom: 1px solid #bfbfbf;  

    border-radius: 1px;

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);

    padding: 6px 2px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 16px;



    

}





textarea#comment{

  border: 0;

    border: 1px solid #bfbfbf;  

    border-radius: 1px;

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);

    padding: 6px 2px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    font-size: 16px;



    

}



.contactForm  {

   padding: 20px 0px 0px 0px; 

}



.contact .form-group p {

  border: 0;

    

    border-radius: 1px;

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);

    padding: 6px 2px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    font-size: 16px;

        color: #999999;

}





.contact .form-group h3 {

  border: 0;

    

    border-radius: 1px;

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);

    padding: 6px 2px 0px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    font-size: 16px;

        color: #999999;

}



#contact-submit {

    background: #fff;

    border: 1px solid #ff8080;

    border-radius: 1px;

    color: #ff0000;

     font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    font-size: 16px;

}



input#contact-submit {

    background: #ff0000;

    color: #fff;
	width:50%;

}

input#contact-submit:hover {

    background: #e44a4a;

    color: #fff;

}


.contact-details h2 {

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    color: #ff0000;

}



.contact-details address {

   font-family: 'Open Sans', sans-serif;

    font-weight: 300; 

    font-size: 16px;

    line-height: 30px;

}



.contact-details p {

    font-family: 'Open Sans', sans-serif;

    font-weight: 400; 

    font-size: 16px;

	text-decoration: unset !important;

}



.contact-details p a{

    font-family: 'Open Sans', sans-serif;

    font-weight: 300; 

    font-size: 16px;

    color: #000;

}

.contact-details p a:hover{

    text-decoration: unset !important;

    color: #ff0000;

}



.imap {

    padding: 90px 0px 15px;

}





.panel-heading {

    position: relative;

}





.collapsed:after {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 5px 5px 0 5px;

    border-color: #747474 transparent transparent transparent;

    right: 5%;

    top: 50%;

}



.panel-default {

    border-color: #fff;

}



/*.panel-default > .panel-heading {

    color: #333;

    background-color: #FFF;

border: 0;

    border-bottom: 1px solid #bfbfbf;

}

*/



.panel-default > a {

    color: #333;

    background-color: #FFF;

border: 0;

    border-bottom: 1px solid #bfbfbf;

}



.panel-group .panel {

	border-bottom: 1px solid #bfbfbf;

}





.panel-default > .panel-heading {

    color: #333;

background-color: #fff; 

}



.panel {

       box-shadow: 0 0px 0px rgba(0, 0, 0, .05); 

}



.panel-title a {

    text-decoration: unset !important;

}



.panel-body ul li {

    padding: 0 15px;

    padding-right: 0;

    margin-bottom: 20px;

    position: relative;

    font-size: 16px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    line-height: 26px;

    padding-left: 30px;

}





.panel-body ul li:after {

    content: "\f105";

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #ed2024;

    font-size: 22px;

    position: absolute;

    left: 0;

    top: 2px;

}



.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {

    border-bottom: 1px solid #ddd;

    border-top: 0;

}



.panel-title {

   padding: 6px 0px 12px; 

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    

}





.career-details h2{

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

}



.career-details p{

    font-family: 'Open Sans', sans-serif;

    font-weight: 300; 

    font-size: 16px;

}



.vacant {

    font-size: 25.43px;

    font-family: 'Roboto', sans-serif;

    font-weight: 700;

    color: #ff0000;

    padding: 25px 0;

}





.panel-heading {

    padding: 10px 0px;

}



.product-right .form-group .form-control{

   border-radius: 1px; 

    font-family: 'Open Sans', sans-serif;

    font-weight: 400; 

    font-size: 18px;

}



.op {

    width: 100%;

    padding: 7px;

}







.image-preview-input {

    position: relative;

    overflow: hidden;

    margin: 0px;    

    color: #333;

    background-color: #fff;

    border-color: #ccc;    

}



.image-preview-input-title {

    margin-left:2px;

}





.btn-su {

    width: 100%;

     font-family: 'Open Sans', sans-serif;

    font-weight: 700; 

    font-size: 18px;  

    border-radius: 1px;

    background: #ff0000;

}



.btn-su:hover {

    background: #d20a0a;

}



.career-details:after {

        content: "";

    position: absolute;

    height: 2px;

    width: 100%;

    background: #bfbfbf;

    /* bottom: 0; */

    margin: 0 0px;

}





.subje {

    width: 100%;

    height: 40px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    font-size: 16px;

/*	color: #b49999;*/
border-radius: 1px;
}







.contact p{

        padding: 10px 0px;

}





.upload input[type=file] {

    /*position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);*/
	
    padding: 0px 13px 0px;

}



.form-group.upload {

        position: relative;

    overflow: hidden;

    background: #fff;

    padding: 7px 0px;

    text-align: center;

    color: #3f3f41;

    border: 1px solid #ccc;

    

}



.form-group.upload span {

    background: #fff;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #998a8a;

}




<!--ul.nav.nav-tabs button{

    border: 1px solid #dfdfdf;

    background: #fff;

    border-radius: 1px;

    

    

}-->



.tab-link {

    padding: 0px 20px;

    /* background: #fff; */

    /* border: 1px solid #000; */

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    color: #000;

    transition: all .35s;

    text-decoration: unset !important;

}



.tab-link:hover { 

    

    color: #ec2024;

}



#tab-all ul.nav.nav-tabs {

   border-bottom: 1px solid #fff; 

   

} 



#TAB-branch {

   padding: 50px 0px 0px;

    



}



.tab-branch-province {

   padding: 50px 0px 0px;

    



}



#tab-all .nav-tabs > li > a:hover {

    border-color: #fff0;

    color: #f00;

}



#tab-all .nav-tabs > li.active >a:hover {color: #fff;}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    border: 1px solid #fff;

    background: #ff0000;

    color: #fff;

   z-index: 999;

}



.nav > li > a:hover, .nav > li > a:focus {

    background: #fff0;

}



#TAB-branch ul.nav.nav-tabs li {

    position: relative;

}



.tab-branch-province ul.nav.nav-tabs li {

    position: relative;

}



#tab-all #TAB-branch ul.nav.nav-tabs li {

    padding: 0px 0px 0px 0px;

}



#tab-all .tab-branch-province ul.nav.nav-tabs li {

    padding: 0px 0px 0px 0px;

}





#TAB-branch ul.nav.nav-tabs li:last-child:after { 

    content: none; 

}



.tab-branch-province ul.nav.nav-tabs li:last-child:after { 

    content: none; 

}



#TAB-branch ul.nav.nav-tabs li:after {

    position: absolute;

    content: "";

    top: 0;

    height: 45px;

    width: 2px;

        background: #878787;



    transform: translate(50%, 0%);

   

    right: 0

}



.tab-branch-province ul.nav.nav-tabs li:after {

    position: absolute;

    content: "";

    top: 0;

    height: 45px;

    width: 2px;

        background: #878787;



    transform: translate(50%, 0%);

   

    right: 0

}







#tab-all ul.nav.nav-tabs li {

    padding: 0px 15px 0px 0px;

}















.tab-branch ul.nav.nav-tabs li a {

  padding: 4px 15px;  

}

tab-branch-province ul.nav.nav-tabs li a {

  padding: 4px 15px;  

}



.nav1 {

    padding-left: 0;

    margin-bottom: 0;

}





.alpha {

    font-size: 25.43px;

    font-family: 'Roboto', sans-serif;

    font-weight: 700;

    color: #000;

}













.branch-tab h2

{

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    color: #ff0000;

    

}



.branch-tab address{
margin-bottom: 12px;
    font-size: 16px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

}



.branch-tab p{

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

}





table tr td a {

    padding: 0 25px;

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    color: #000;

    text-decoration: unset !important;

}



table tr td a:hover {

    

    color: #ff0000;

}





.branch-tab span{

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    color: #ff0000;

}



.branch-tab p{

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

  /*  padding: 20px 0;*/
padding: 0 0;
    line-height: 0;
}



#TAB-branch .tab-content {

    padding: 20px 0px 0px;

}



.tab-branch-province .tab-content {

    padding: 40px 0px 0px;

}

#tab-all {

 padding: 0px 18px 0 18px;   

}



.tab-branch ul.nav.nav-tabs li a {

    margin-right: 0;

    transition: all .35s;

	    border-radius: 0px 0px 0 0;

}



.tab-branch-province ul.nav.nav-tabs li a {

    margin-right: 0;

    transition: all .35s;

}





.security{

    width:50%; height:44px; font-size:24px; text-align:center;

}



.row-cc {

    /*padding: 50px 80px 100px 15px;*/

    padding: 50px 0px;

    position: relative;

    

}



.row-cc.pa {

    /*padding: 50px 80px 100px 15px;*/

    padding: 45px 0px 50px;

    position: relative;

    

}



.awc {
	font-family: "Open Sans", sans-serif;

    padding: 50px 60px;

}



.row-cc img {

    width: 100%

}





.award-pg:after {

    content: "";

    position: absolute;

    background: #dfdfdf;

    height: 2px;

    width: 100px;

    bottom: 0;

    width: calc(100% - 0px);

    left: 0;

    margin-left: 0;

    

}







.branch-tab h4 {

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    padding: 3px 0px 0px;

}





.branch-tab table td {

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    

}

















.fea-loan {

padding: 20px 15px 0;

    padding-right: 0;

    margin-bottom: 20px;

    position: relative;

    font-size: 16px;

    line-height: 26px;

    padding-left: 30px;

    list-style: none;

}





.about-middle.product-middle .product-right ul li .fea-loan:after {

    content: none;

}


.award-pg img {

	padding: 8px 0px;

}


/*.awc p {

	padding: 8px 0px;

}
*/








/* media queries */

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

  .rg-container {

    max-width: 600px;

    margin: 0 auto;

  }

  table.rg-table {

    width: 100%;

  }

  table.rg-table tr.hide-mobile,

  table.rg-table th.hide-mobile,

  table.rg-table td.hide-mobile {

    display: none;

  }

  table.rg-table thead {

    display: none;

  }

  table.rg-table tbody {

    width: 100%;

  }

  table.rg-table tr,

  table.rg-table th,

  table.rg-table td {

    display: block;

    padding: 0;

  }

  table.rg-table tr {

    border-bottom: 1px solid #ed2024;

    margin: 0 0 1em 0;

    padding: 0.5em;

  }

  table.rg-table tr.highlight {

    background-color: inherit !important;

  }

  table.rg-table.zebra tr:nth-child(even) {

    background-color: transparent;

  }

  table.rg-table.zebra td:nth-child(even) {

    background-color: #f6f6f6;

  }

  table.rg-table tr:nth-child(even) {

    background-color: transparent;

  }

  table.rg-table td {

    padding: 0.5em 0 0.25em 0;

    border-bottom: 1px dotted #ccc;

    text-align: right;

  }

  table.rg-table td[data-title]:before {

    content: attr(data-title);

    font-weight: bold;

    display: inline-block;

    content: attr(data-title);

    float: left;

    margin-right: 0.5em;

    font-size: 0.95em;

  }

  table.rg-table td:last-child {

    padding-right: 0;

    border-bottom: 0;

  }

  table.rg-table td:empty {

    display: none;

  }

  table.rg-table .highlight td {

    background-color: inherit;

    font-weight: normal;

  }

}





































@media screen and (min-width:1601px) {



    

    .down-text {

        padding: 10px 35px 55px 10px;

        font-size: 22px;

    }

	

	.product-right .condition {

	    margin: -25px 0 20px 30px;

	}

	

	.rg-container {

		padding: 0em 0em 0.5em 0em;

	}

	

}







@media (min-width:1201px) and (max-width:1400px) {

    .about-middle.cinfo-middle b {

       min-width: 165px;

    }

    .about-middle.qfr-middle .qfr-right h2 {

    font-size: 45px;

    }

    

    .about-middle.qfr-middle .qfr-right h3 {

    font-size: 40px;

    }

    

    #tab-downloading {

        padding: 0px 18px 0 18px;

    }

    

    .col-xs-3.tab-in {

        padding: 0px 30px;

    }

	

	.annual p {

	    font-size: 26px;

		padding:-15px 0 0px 15px;

	}

	

	.product-right .condition {

	    margin: -15px 0 -14px 13px;

	}

    

    .tab-branch ul.nav.nav-tabs li a {

    padding: 4px 14.5px;

}

      .tab-branch-province ul.nav.nav-tabs li a {

    padding: 4px 14.5px;

}

    

    .alpha {

    font-size: 17px;

    }



    #TAB-branch ul.nav.nav-tabs li:after {

        height: 35px;

    }

    

    .tab-branch-province ul.nav.nav-tabs li:after {

        height: 35px;

    }

    

}



@media (min-width:1025px) and (max-width:1200px) {

	

	.awc {

    padding: 35px 60px;

}

    .col-xs-3.tab-in {

        width: 30%;

        padding: 0 30px;

    }

    

    #management-team .bod .team-in .team-details p {

            padding: 0 10px;

			    font-size: 14px;

    }

    

	#management-team .bod .team-in .team-details h4 {

    font-size: 17px;

	}

	

    #management-team .bod .team-in .team-details a .fa {

            bottom: 5px;

    }

     

    .ci {

        min-height: 190px;

    }

    

    .about-middle.qfr-middle .qfr-right {

        padding-left: 40px;

        text-align: right;

    }

    

    .about-middle.qfr-middle .qfr-right h2 {

        font-size: 45px;

        line-height: 58px;

    }



    .about-middle.qfr-middle .qfr-right h3 {

        font-size: 45px;

    }

    

     #tab-downloading {

        padding: 0px 18px 0 18px;

    }

	

	.annual p {

	    font-size: 22px;

		padding: 20px 7px;

	}

	.product-right .condition {

	    margin: -15px 0 0px 15px;

	}

	

		.rg-container {

		padding: 0em 0em 0.5em 0em;

	}

	

	.anr-right h2 {

		font-size: 38px;

	}

	

	.anr-right h3 {

    font-size: 35px;

}

    .alpha {

    font-size: 17px;

    }

    

    #TAB-branch ul.nav.nav-tabs li:after {

        height: 35px;

    }

    

    .tab-branch-province ul.nav.nav-tabs li:after {

        height: 35px;

    }

    

    .security{

    width:39%; 

}

    .tab-branch ul.nav.nav-tabs li a {

    padding: 4px 10px;

}

    

    .tab-branch-province ul.nav.nav-tabs li a {

    padding: 4px 15px;

}

    .row-cc {

    /* padding: 50px 80px 100px 15px; */

    padding: 40px 0px;

    }

    .row-cc.pa {

    /* padding: 50px 80px 100px 15px; */

    padding: 40px 0px 40px;

    }
	
	.about-middle.bod-middle .bod .bod-in {min-height: 390px;}

}




@media (min-width:992px) and (max-width:1024px) {

    .col-xs-3.tab-in {

        width: 30%;

        padding: 0 30px;

    }

	

	 .about-middle.bod-middle .bod .bod-in {min-height: 390px;}

	#management-team .bod .team-in .team-details h4 {

    font-size: 17px;

	}

    

    #management-team .bod .team-in .team-details p {

        font-size: 14px;

		 padding: 0 10px;

    }

    

      #tab-downloading {

        padding: 0px 18px 0 18px;

    }

    

    .tab-download .nav-tabs > li > a {

        font-size: 17px;

        padding: 15px;

    }

    

    .tab-download .nav-tabs > li.active > a:after {

       border-width: 20px 15px 0 15px; 

    }

    

    .tab-img {

        width: 100%

    }

    

    .down-text {        

        font-size: 18px;

        padding: 0px 0px 20px 5px;

    }



    .about-middle.cinfo-middle b {

        min-width: 177px;

    }

    

     .ci {

        min-height: 190px;

    }



    .about-middle.qfr-middle .qfr-right {

        padding-left: 0px;

    }

    

    .about-middle.qfr-middle .qfr-right h2 {

        font-size: 40px;

        line-height: 50px;

    }

    

    .about-middle.qfr-middle .qfr-right h3 {

        font-size: 36px;

    }

    

    .about-middle.qfr-middle .qtr-cy .qtr-cy-in h4 {

        font-size: 15px;

    }

	

	.annual p {

	    font-size: 20px;

		padding: 17px 5px;

	}

    

	.product-right .condition {

	    margin: -15px 0 0px 15px;

	}

	

	.rg-container {

		padding: 0em 0em 0.5em 0em;

	}

	

	.anr-right {

 

    padding: 50px 55px 0px;

}

    .alpha {

    font-size: 18px;

    }

    

    #TAB-branch ul.nav.nav-tabs li:after {

        height: 38px;

    }

    

    .tab-branch-province ul.nav.nav-tabs li:after {

        height: 38px;

    }

    

    .security{

    width:39%; 

      

}

    .tab-branch ul.nav.nav-tabs li a {

    padding: 4px 10px;

}  

    

    .tab-branch-province ul.nav.nav-tabs li a {

    padding: 4px 16px;

}

    .row-cc {

    /* padding: 50px 80px 100px 15px; */

    padding:40px 0px 45px;

    }

    .row-cc.pa {

    /* padding: 50px 80px 100px 15px; */

    padding: 30px 0px 50px;

    }
	
	.awc {
    padding: 50px 50px;
}

}



@media (min-width:768px) and (max-width:991px) {

    .col-xs-3.tab-in {

        width: 40%;

        padding: 0px 30px;  

    }
.abc {
    min-height: 320px;
}

.awc h2{font-size:20px;}

.awc p {
    font-size: 12px;
    margin: 0 0 0px;
}

    .down-text {

        padding: 0 10px 0 0; 

        font-size: 19px;

    }

	.about-middle.bod-middle .bod .bod-in {min-height: 420px;}

	#management-team .bod .team-in {

    padding: 0 10px;

	}

	

    #management-team .bod .team-in .team-details a {

        padding: 15px 2px 30px;

    }

    

    #management-team .bod .team-in .team-details h4 {

            font-size: 14px;

    }

    

    #management-team .bod .team-in .team-details p {

        font-size: 12px;

        padding: 0 5px;

    }

    

    #management-team .bod .team-in .team-details a .fa {

        bottom: 3px;

    }

    

    .about-middle .company-profile:after {

        right: auto;

        left: 15px;

        top: 0;

        width: calc(100% - 30px);

        height: 400px;

    }

    

    .about-middle .company-profile {

        padding-top: 440px;

        padding-right: 15px;

    }

    

        #tab-downloading {

        padding: 0px 18px 0 18px;

    }

    

    .tab-download .nav-tabs > li > a {

        font-size: 17px;

        padding: 15px;

    }

    

    .tab-download .nav-tabs > li.active > a:after {

       border-width: 20px 15px 0 15px; 

    }

    

    .tab-img {

        width: 100%

    }

    

    .about-middle.cinfo-middle b {

        min-width: 147px;

    }

    

    .about-middle.cinfo-middle .sec-aud p {

        line-height: 25px;

        font-size: 14px;

    }

    

    .about-middle.cinfo-middle .sec-aud h4 {

        font-size: 17px;

    }

    

    .ci {

        min-height: 180px;

    }

    

    .about-middle.product-middle .product-right {

        padding-left: 15px;

    }

    

    

    .about-middle.qfr-middle .qfr-right {

        padding-left: 0px;

    }

    

    .about-middle.qfr-middle .qfr-right h2 {

        font-size: 36px;

        line-height: 50px;

    }

    

    .about-middle.qfr-middle .qfr-right h3 {

        font-size: 30px;

    }

    

    .about-middle {

        padding: 55px 0 20px;

    }

    

    .about-middle.bod-middle .bod .bod-in .bod-name a {

        padding: 15px 0 27px;

    }

    

    .members {

        padding: 80px 80px;

    }

    

    .about-middle.bod-middle .bod .bod-in .bod-name p {

        font-size: 16px;

    }

    

    .about-middle.bod-middle .bod .bod-in .bod-name h4 {

        font-size: 18px;

    }

     .report-img {

        width: 100%;

         margin: auto;

    }

    

    .annual {

        padding: 0px 16px;

    }

    

    .annual p {

        font-size: 16px;

        text-align: left;

    }

	

	.site-map-menu .col-xs-3 {

        width: 50%;

    }

    

    table.rg-table td {

        font-size: 0.8em;

    }

	

	.product-right .condition {

	    margin: -15px 0 0px 15px;

	}

    

		.rg-container {

		padding: 0em 0em 0.5em 0em;

	}

	

	.anr-right {

		

    padding: 35px 5px 0px;}

	

	.anr-right h2 {font-size: 35px;

  

    padding: 0px 0px 0px;}

	

.anr-right h3 {font-size: 35px;

    margin: 0px;

    padding: 0px 0px 0px;}

    

    .imap {

    padding: 60px 0px 15px;

}

    .alpha {

    font-size: 13px;

    }

    

    #TAB-branch ul.nav.nav-tabs li:after {

        height: 30px;

    }

    .tab-branch ul.nav.nav-tabs li a {

    padding: 5px 7px;

}  

    .tab-branch-province ul.nav.nav-tabs li:after {

        height: 30px;

    }

    .tab-branch-province ul.nav.nav-tabs li a {

    padding: 5px 17px;

}

	.security{

    width:42%; 

       

}

    .row-cc {

    /* padding: 50px 80px 100px 15px; */

    padding: 30px 0px 30px;

    }

    

    .row-cc.pa {

    /* padding: 50px 80px 100px 15px; */

    padding: 20px 0px 30px;

    position: relative;

}

    

    .awc {

    padding: 10px 30px 50px;

}

}



@media (min-width:577px) and (max-width:767px) {

    .col-xs-3.tab-in {

        width: 50%;

        padding: 0px 30px;  

    }



#contact-submit {

    float: left;}



    .down-text {

        padding: 0px 0px 24px 0px;

        font-size: 18px;

    }



    .about-middle .company-profile:after {

        right: auto;

        left: 15px;

        top: 0;

        width: calc(100% - 30px);

        height: 400px;

    }

    

    .about-middle .company-profile {

        padding-top: 440px;

        padding-right: 15px;

    }

    

    .about-middle .vision-mission:after {

        left: 15px;

        top: 0;

        width: calc(100% - 30px);

        height: 400px;

    }

    

    .about-middle .vision-mission {

        margin-top: 40px;

        padding-left: 15px;

        padding-top: 415px;

    }

          

    #tab-downloading {

        padding: 0px 18px 0 18px;

    }

    

    .tab-download .nav-tabs > li > a {

        font-size: 17px;

        padding: 15px;

    }

    

    .tab-download .nav-tabs > li.active > a:after {

        border-width: 20px 15px 0 15px; 

    }

    

    .tab-img {

        width: 100%

    }

    

    .about-middle.cinfo-middle b {

        min-width: 200px;

    }

    

    .about-middle.product-middle .product-right {

        padding-left: 15px;

    }

    

   

    

    .about-middle.qfr-middle .qfr-right {

        padding-left: 10px;

        padding-left: 10px;

        text-align: left;

    }

    

    .about-middle.qfr-middle .qfr-right h2 {

        font-size: 44px;

        line-height: 45px;

    }

    

    .about-middle.qfr-middle .qfr-right h3 {

        font-size: 38px;

    }

    

    .about-middle {

        padding: 50px 0 20px;

    }

    

    .members .clse {

        font-size: 45px;

    }

    

    .about-middle.bod-middle .bod .bod-in .bod-name p {

        font-size: 16px;

    }

    

    .about-middle.bod-middle .bod .bod-in .bod-name a {

        padding: 15px 0 18px;

    }

    

    .members {

        padding: 40px;

        margin-top: 0;

        display: none;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 999;

        height: 100vh;

        overflow-y: scroll;

    }

    

    .members .clse {

        font-size: 35px;

    }

    

     .report-img {

        width: 100%;

         margin: auto;

    }

    

    .annual {

        padding: 0px 16px;

    }

    

    .annual p {

        font-size: 20px;

        margin: 6px 6px 25px;

        text-align: left;

    }

    

    .site-map-menu .col-xs-3 {

        width: 100%;

    }

	

	.annual p {

	    font-size: 25px;

		padding: 17px 5px;

	}

	

	.product-right .condition {

	    margin: -15px 0 0px 15px;

	}

	

		.rg-container {

		padding: 0em 0em 0.5em 0em;

	}
	
	

	.anr-right {

		text-align:left;

    padding: 0px 15px 0px;}

	

	.anr-right h2 {font-size: 35px;

  

    padding: 0px 0px 0px;}

	

.anr-right h3 {font-size: 35px;

    margin: 0px;

    padding: 0px 0px 0px;}

    

    .imap {

    padding: 20px 0px 15px;

}

    #TAB-branch {

       display: block; 

    }

    

    #TAB-branch ul.nav.nav-tabs li:after {

        display: none;

    }

    

 /*  #TAB-branch .nav.nav-tabs{

        padding: 0px 80px;

    }*/ 

    

    .tab-branch-province {

       display: block; 

    }

    

    .tab-branch-province ul.nav.nav-tabs li:after {

        display: none;

    }

    

   tab-branch-province .nav.nav-tabs{

        padding: 0px 80px;

    }

    

    #tab-all {

    padding: 0px 2px 0 15px;

}

    

    .tab-branch ul.nav.nav-tabs{

            display: block;

    } 

    

    .tab-branch-province ul.nav.nav-tabs{

            display: grid;

    }

    

    form {

    padding-bottom: 60px;

}

    .security {

        width: 25%;}

    

     .row-cc {

    /* padding: 50px 80px 100px 15px; */

    padding: 40px 0px 10px;

    }

    

    .awc {

    padding: 10px 30px 50px;

}

    .awc {

    padding: 10px 15px;

}

    .row-cc.pa {

    /* padding: 50px 80px 100px 15px; */

    padding: 0px 0px 45px;

    }

    

    .row-cc {

    /* padding: 50px 80px 100px 15px; */

    padding: 3px 0px 45px;

    }

	

	.tab-branch ul.nav.nav-tabs li a {

  padding: 4px 10px;  

}


.award-pg img {

	padding: 3px 0px;

}

/*.awc p {

	padding: 3px 0px;

}
*/


.mi {padding-bottom:40px;}

.row.row-cc.re {padding-top:5px }
#tab-all #TAB-branch ul.nav.nav-tabs li:first-child.active { width:100%; text-align:center;
	}
	
	
#tab-all #TAB-branch ul.nav.nav-tabs li:first-child.active a{ max-width:none;
	}

}



@media (min-width:481px) and (max-width:576px) {

    .col-xs-3.tab-in {

        width: 100%;

        padding: 0px 30px;    

    }

	

	

#contact-submit {

    float: left;}

    

    .tab-img {

        margin: auto;

    }





    .down-text {

        padding: 0px 0px 15px 0px;

        font-size: 18px;

    }

    

    .about-middle .company-profile:after {

        right: auto;

        left: 15px;

        top: 0;

        width: calc(100% - 30px);

        height: 400px;

    }

    

    .about-middle .company-profile {

        padding-top: 440px;

        padding-right: 15px;

    }

    

    .about-middle .vision-mission:after {

        left: 15px;

        top: 0;

        width: calc(100% - 30px);

        height: 400px;

    }

    

    .about-middle .vision-mission {

        margin-top: 40px;

        padding-left: 15px;

        padding-top: 415px;

    }

    

    #tab-downloading {

        padding: 0px 18px 0 18px;

    }

    

    .tab-download .nav-tabs > li > a {

        font-size: 17px;

        padding: 15px;

    }

    

    .tab-download .nav-tabs > li.active > a:after {

       border-width: 20px 15px 0 15px; 

    }

    

    .tab-img {

        width: 100%;

    }

    

    .about-middle.cinfo-middle b {

        min-width: 200px;

    }

    

    .main-head {

        font-size: 42px;

        margin-bottom: 20px;

    }

    

    .about-middle.product-middle .product-right {

        padding-left: 15px;

    }

    

    

    .about-middle.qfr-middle .qfr-right {

        padding-left: 10px;

        text-align: left;

    }

    

    .about-middle.qfr-middle .qfr-right h2 {

        font-size: 38px;

        line-height: 45px;

    }

    

    .about-middle.qfr-middle .qfr-right h3 {

        font-size: 36px;

    }

    

    .about-middle {

        padding: 50px 0 20px;

    }

    

     .members {

         padding: 40px;

         margin-top: 0;

         display: none;

         position: fixed;

         top: 0;

         left: 0;

         z-index: 999;

         height: 100vh;

         overflow-y: scroll;

    }

    

    .members .clse {

        font-size: 35px;

    }

    

     .report-img {

        width: 100%;

         margin: auto;

    }

    

    .annual {

        padding: 0px 16px;

    }

    

    .annual p {

        font-size: 24px;

        margin: 0px 3px 30px;

        text-align: left;

    }

    

    .site-map-menu .col-xs-3 {

        width: 100%;

    }

	

	.product-right .condition {

	    margin: -25px 0 0px 15px;

	}

	

	.rg-container {

		padding: 0em 0em 0em 0em;

	}

	

	.anr-right {

		text-align:left;

    padding: 0px 15px 0px;}

	

	.anr-right h2 {font-size: 35px;

  

    padding: 0px 0px 0px;}

	

.anr-right h3 {font-size: 35px;

    margin: 0px;

    padding: 0px 0px 0px;}

	

    .imap {

    padding: 20px 0px 15px;

}

    #TAB-branch {

       display: block; 

    }

    

    #TAB-branch ul.nav.nav-tabs li:after {

        display: none;

    }

    

 /*  #TAB-branch .nav.nav-tabs{

        padding: 0px 80px;

    }*/

    

    .tab-branch-province {

       display: block; 

    }

    

    .tab-branch-province ul.nav.nav-tabs li:after {

        display: none;

    }

    

   /*.tab-branch-province .nav.nav-tabs{

        padding: 0px 80px;

    }*/

    

    #tab-all {

    padding: 0px 2px 0 15px;

}

    

    .tab-branch ul.nav.nav-tabs{

            display: block;

    } 

    .tab-branch-province ul.nav.nav-tabs{

            display: grid;

    }

    form {

    padding-bottom: 60px;

}

    .security {

        width: 30%;}

    .awc {

    padding: 10px 15px;

}

    .row-cc.pa {

    /* padding: 50px 80px 100px 15px; */

    padding: 0px 0px 40px;

    }

    

    .row-cc {

    /* padding: 50px 80px 100px 15px; */

    padding: 0px 0px 45px;

    }

	

	#TAB-branch ul.nav.nav-tabs .alpha {

    max-width: 42px;

}

	

	.tab-branch ul.nav.nav-tabs li a {

  padding: 4px 17px;  

}

#contact-submit {

    float: left;

        width: 70%;

    text-align: center;}

	

	.secu {

    width: 68%;}

	
		.award-pg img {

	padding: 3px 0px;

}

/*	.awc p {

	padding: 3px 0px;

}
*/
.mi {padding-bottom:40px;}

.row.row-cc.re {padding-top:3px }
#tab-all #TAB-branch ul.nav.nav-tabs li:first-child.active { width:100%; text-align:center;
	}
	
	
#tab-all #TAB-branch ul.nav.nav-tabs li:first-child.active a{ max-width:none;
	}

}



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

    .col-xs-3.tab-in {

        width: 100%;

        padding: 0px 30px;      

    }

    

    .tab-img {

        margin: auto;

    }

    

    .down-text {

        padding: 0 0 30px 0; 

        font-size: 18px;

    }



    .about-middle .company-profile:after {

        right: auto;

        left: 15px;

        top: 0;

        width: calc(100% - 30px);

        height: 400px;

    }

    

    .about-middle .company-profile {

        padding-top: 440px;

        padding-right: 15px;

    }

    

    .about-middle .vision-mission:after {

        left: 15px;

        top: 0;

        width: calc(100% - 30px);

        height: 400px;

    }

    

    .about-middle .vision-mission {

        margin-top: 40px;

        padding-left: 15px;    

        padding-top: 410px;

    }

    

    #tab-downloading {

        padding: 0px 18px 0 18px;

    }

    

    .tab-download .nav-tabs > li > a {

        font-size: 17px;

        padding: 15px;

    }

    

    .tab-download .nav-tabs > li.active > a:after {

       border-width: 20px 15px 0 15px; 

    }

    

    .tab-img {

        width: 100%

    }

    

    .main-head {

        font-size: 35px;

        margin-bottom: 20px;

    }

    

    .content p {

        font-size: 15px;

       

    }

    

    .about-middle.cinfo-middle .cinfo-left ul li {

        font-size: 15px;

    }

    

    .about-middle.cinfo-middle .sec-aud {

        margin: 18px 0;

    }

    

    .about-middle.cinfo-middle b {

        min-width: 146px;

    }

    

    .about-middle.product-middle .product-right {

        padding-left: 15px;

    }

    

    .about-middle.qfr-middle .qfr-right {

        padding-left: 10px;

        text-align: left;

    }

    

    .about-middle.qfr-middle .qfr-right h2 {

        font-size: 35px;

        line-height: 45px;

    }

    

    .about-middle.qfr-middle .qfr-right h3 {

        font-size: 33px;

    }

    

    .about-middle {

        padding: 40px 0 20px;

       

    }

    

    .members {

        padding: 40px;

        margin-top: 0;

        display: none;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 999999;

        height: 100vh;

        overflow-y: scroll;

    }

    

    .members .clse {

        font-size: 35px;

    }

    

    .report-img {

        width: 100%;

        margin: auto;

    }

    

    .annual {

        padding: 0px 16px;

    }

    

    .annual p {

        font-size: 20px;

        margin: 0px 0px 25px;

        text-align: left;

    }

    

    .site-map-menu .col-xs-3 {

        width: 100%;

    }

    

	.product-right .condition {

	    margin: -25px 0 0px 15px;

	}

	

	.about-middle.product-middle .product-right p.tel {

		font-size: 17px;

	}

	

	.rg-container {

		padding: 0em 0em 0em 0em;

	}

	

	.anr-right {padding-left: 10px;

    text-align: left;

    padding: 0px 15px 0px;}

	

	.anr-right h2 {font-size: 35px;

  

    padding: 0px 0px 0px;}

	

.anr-right h3 {font-size: 35px;

    margin: 0px;

    padding: 0px 0px 0px;}

	

    form {

    padding-bottom: 60px;

}



.imap {

    padding: 20px 0px 15px;

}

    #TAB-branch {

       display: block; 

    }

    

    #TAB-branch ul.nav.nav-tabs li:after {

        display: none;

    }

    

  /* #TAB-branch .nav.nav-tabs{

        padding: 0px 80px;

    }*/

    

    .tab-branch-province {

       display: block; 

    }

    

    .tab-branch-province ul.nav.nav-tabs li:after {

        display: none;

    }

    

   /*.tab-branch-province .nav.nav-tabs{

        padding: 0px 80px;

    }*/

    

    #tab-all {

    padding: 0px 2px 0 15px;

}

    

    .tab-branch ul.nav.nav-tabs{

            display: block;

    }

    

    .tab-branch-province ul.nav.nav-tabs{

            display: grid;

    }

    

    .tab-link {

        font-size: 16px;

    }

    

    .awc {

    padding: 10px 15px;

}

    .row-cc.pa {

    /* padding: 50px 80px 100px 15px; */

    padding: 0px 0px 40px;

    }

    

    .row-cc {

    /* padding: 50px 80px 100px 15px; */

    padding: 5px 0px 45px;

    }

	

	#TAB-branch ul.nav.nav-tabs .alpha {

    max-width: 41px;

}

	

	.tab-branch ul.nav.nav-tabs li a {

  padding: 4px 14px;  

}



#contact-submit {

    float: left;

    width: 100%;

    text-align: center;}

	

	.secu{

		margin-bottom: 15px;

    width: 100%;

		}

		

		.secu-img{

		margin-left: 0px;

		}

	/*	.awc p {

	padding: 3px 0px;

}*/

.award-pg img {

	padding: 3px 0px;

}



.awc h2{

	font-size: 25px;

}



.awc p{

	font-size: 12px;

}



.mi {padding-bottom:40px;}

.row.row-cc.re {padding-top:5px }

#tab-all #TAB-branch ul.nav.nav-tabs li:first-child.active { width:100%; text-align:center;
	}
	
	
#tab-all #TAB-branch ul.nav.nav-tabs li:first-child.active a{ max-width:none;
	}

}