a:focus,
a:active,
a:visited,
button:focus,
button:active,
button:visited {
  outline: none;box-downloads
  text-decoration: none !important;
}

/*#section1 p, .salogan-caption p, .index-product-col p, .index-investor-caption,
.bg-index-investor-right p, .index-investor-news a, .news-card .card-text,
.footer-address p, .bg-milestone li, .education, .board-detail-box li, .governance-text,
.governance-list, .research-text,  .calendar-detail p, .affiliated-map-caption p,
.product-cat-box .card-body, .product-detail-bottom table, .product-detail,
.shareholder-detail, .news-detail-text p, .calendar-detail h5 {
  text-align: justify!important;
  text-justify: inter-word;
}
*/
.Consolidated{display: none;}
.pad-banner {padding: 78px 0 0 0 !important}
.txt-justify, .bg-milestone li, .governance-text, .research-text, .affiliated-map-caption p {
  text-align: justify!important;
  text-justify: inter-word;

}

.news-card.list-board .card-title {
  text-align: left!important
}

.news-card-img {
  height: 248px;
  overflow: hidden;
}

body { margin:0; padding:0;
 font-family:arial; font-size:14px;
  line-height: 1.5;
  color: #666;
  text-align: left;
  background-color: #fff;
}

.pad-top {
  padding-top: 78px !important;
}

.to-upper {
  text-transform: uppercase;
}

.banner-vdo { width: 100%;   margin:0 auto; }
.banner-vdo img {width: 100% !important;
height: 100vh !important;}

.bg-vdo {position: relative;
background: transparent;
/*height: 656px; */ margin-top: 76px; }

/*.vdo-full {width: 100% !important;
height: 100vh !important;}*/
.vdo-full img {width: 100%;height: auto !important;}

.vdo-full {/*position: absolute;
z-index: -1;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
overflow: hidden;
background-size: cover;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: none;*/}



.top-menu ul a,
nav li a {
  font-family: 'Verdana', sans-serif;
  font-weight: normal;
  font-size: 14px;
   /*text-transform: uppercase;*/ letter-spacing:0;
  cursor:pointer
}
a.menu-contact:hover, a.search-menu:hover { color: #4d4d4d !important }

nav {
  padding-top: 0 !important;
  padding-bottom: 6px !important;
}

.top-menu {
  padding-top: 10px;
}

.top-menu .line {
  width: 1px;
  background-color: #808080;
  height: 13px;
  margin-top: 2px;
}

.top-menu ul {
  margin-bottom: 0 !important;
  list-style: none;
}

.top-menu ul a {
  text-decoration: none;
  display: block;
  padding: 0 10px;
  -webkit-transition: .3s;
  transition: .3s;
  line-height: 16px;
  font-size: 14px;
}

.top-menu ul a:hover {
  color: #00aeef;
}

.top-menu ul a i {
  margin-right: 8px;
  display: block;
  width: 16px;
  float: left;
  margin-top: 1px;
  font-size: 16px;
}

.menu-contact {
  color: #00aeef;
}

.search-menu {
  color: #b2b2b2;
}
.box-search {width: 400px;}
.box-search h2  {font-size: 20px;

color: #00aeef;

margin-bottom: 20px;

font-family: "Verdana", sans-serif;}
.lang a {
  text-transform: uppercase;
}

.lang a:hover {
  color: #4d4d4d !important;
}

.lang-active a {
  color: #38b549 !important;
}

.lang-unactive a {
  color: #808080 !important;
}

header {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
}

.navbar-nav {
  margin-top: 8px;
}

.navbar-brand {
  position: absolute;
  top: -17px;
}
.navbar-brand img {width: 157px}
.nav-item {
  margin: 0 0.8rem;
}

.active-menu {
  color: #38b549 !important;
}

.active-menu::after {
  width: 100% !important;
}

.navbar-nav .nav-link {
  -webkit-transition: .3s;
  transition: .3s;
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*.nav-item:hover .nav-link::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  width: 100%;
  height: 3px;
  background-color: #4d4d4d;
  margin: 0 auto;
  left: 0;
  right: 0;
  -webkit-transition: .3s;
  transition: .3s;
}*/



.navbar-nav .nav-link::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  width: 0;
  height: 3px;
  background-color: #38b549;
  margin: 0 auto;
  left: 0;
  right: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.navbar-nav .nav-link:hover {
  color: #4d4d4d !important;
}

.navbar-nav .nav-link:hover::after {
  width: 100%;
}


.easyhtml5video {width: 100%;}
.btn-scroll {
  left: 0;
  right: 0;
  bottom: -20px;
  margin: 0 auto;
  width: 50px;
  height: 50px;
 /* background-color: rgba(77,77,77,0.6);*/
  border-radius: 50%;
  text-align: center;
  padding-top: 0;
  -webkit-transition: .3s;
  transition: .3s;
  position: absolute; 
 
}
.btn-scroll img {
   width: 65%;
 -webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.btn-scroll:hover {
/*  background-color: #555554;*/
}

.underline {
  height: 4px;
  width: 80px;
  background-color: #38b549;
  margin: 40px auto;
}

.underline-pop {
  height: 4px;
  width: 80px;
  background-color: #38b549;
  margin: 20px 0;
}

.main-font {
  font-family: "Verdana", sans-serif !important;
  font-size: 14px;
  line-height: 21px;
}

.color-gray {
  color: #666666;
}

.btn-primary {
  background-color: #00afef !important;
  border-color: #00aeef !important;
  font-weight: 500;
  -webkit-transition: .3s;
  transition: .3s;
}

.btn-primary:hover {
  background-color: #4d4d4d !important;
  border-color: #4d4d4d !important;
    -webkit-transition: .3s;
  transition: .3s;
}

.btn-round {
  border-radius: 0 !important;
}

.btn {
  padding: 7px 20px;
  min-width: 113px
}
 
 

.salogan-caption {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff !important;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
}

.salogan-caption .underline,
.salogan-caption p,
.salogan-caption a {
  visibility: hidden;
  opacity: 0;
}

.sub-salogan-caption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 45px;
  transition: all .3s;
}

.salogan-caption:hover {
  background-color: rgba(77,77,77, 0.9)
}

.salogan-caption:hover .sub-salogan-caption {
  height: 400px
}

.salogan-caption:hover .underline,
.salogan-caption:hover p,
.salogan-caption:hover a {
  visibility: visible;
  opacity: 1;
}

.salogan-caption h2 {
  font-size: 40px;
  text-transform: capitalize;
  line-height: 45px;
  font-weight: 400;
}

.salogan-caption p {
  font-weight: 500;
  font-size: 14px; line-height:21px;
  padding:0 20px;
  font-family: 'arial'
}

.salogan-caption .btn-white:hover {
  color: #4d4d4d;
  background-color: #fff;
  border-color: #fff;
}

.salogan-col a {
  color: #fff;
  text-decoration: none;
}

.salogan-col .underline {
  background-color: #fff;
}

.btn-white {
  border: 1px solid #fff;
  font-weight: 500;
  -webkit-transition: .3s;
  transition: .3s;
}
.btn-white.btn-ir {color: #fff;}

.btn-white:hover {
  color: #4d4d4d;
  background-color: #fff;
  border-color: #fff;
}
.btn-white:hover.btn-ir {color: #4d4d4d;}

.index-product {
  background: url("../images/bg-index-product.jpg") center no-repeat;
  background-size: cover;
}

.index-product .underline {
  background-color: #fff;
}

.text-head {
  font-family: "Verdana", sans-serif;
  font-size: 32px;
  line-height: 37px;
  color: #fff;
  font-weight: 400;
}

.text-head.contact {color: #666; margin-bottom: 25px; font-size: 25px}

.index-product-col {
  text-align: center;
  color: #fff;
  padding: 0;
}

.index-product-col h3 {
  font-size: 25px;
}

.index-product-col p {
     padding:0 35px;
}

.index-product-col .underline {
  height: 2px;
  width: 30px;
}

.index-product-col .btn-white {
  color: #fff;
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.index-product-col .btn-white:hover {
  color: #4d4d4d;
  background-color: #fff;
  border-color: #fff;
}
.bg-index-investor {
  background: url("../images/bg-index-investor.jpg") center no-repeat;
  background-size: cover;
  min-height: 982px
}
.bg-index-investor.ir-inner {margin-bottom:0 !important; padding-bottom: 0 !important }

.bg-index-investor .underline {
  margin-left: 0;
  background-color: #fff;
}

.bg-index-investor hr {
  margin: 44px 0;
  width: 100%;
  background-color: #fff;
}

.index-investor-caption {
  color: #fff;
}

.index-investor-list {
  list-style: none;
 /* -ms-flex-wrap: wrap;
      flex-wrap: wrap;*/
  padding: 0;
  margin: 0 -5px;
}

.index-investor-list li {
	 
  margin-bottom: 7px;
  padding: 0 5px;
}

.index-investor-list a {
  background-color: rgba(255, 255, 255, 0.3);
  font-family: "Verdana", sans-serif;
  color: #fff;
  text-decoration: none;
  border-radius: 0;
  display: block;
  padding: 13px;
  font-size: 17px;
  -webkit-transition: .3s;
  transition: .3s;
}

.index-investor-list a:hover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #4d4d4d;
}

.index-investor-right {
  position: absolute;
  top: 0;
  right: 0;
}

.index-investor-right h2 {
  color: #666666;
  font-size: 25px;
  margin-bottom:25px
}

.index-investor-right span {
  color: #00aeef;
  font-weight: bold;
  text-transform: capitalize;
}

.index-investor-right .caption {
  color: #808080;
  line-height: 18px;
}

.index-investor-left {
  padding-right: 86px;
}

.bg-index-investor-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding:86px 90px 56px 86px;
  background-color: #f5f5f5;
  z-index:9
}

.index-investor-bottom-right {
  padding: 385px 40px 0 71px;
}

.index-investor-news {
  
  border-bottom: 1px solid #e6e6e6;
  padding: 17px 0;
  width: 92%;
  line-height: 18px; text-align: left !important; line-height: 21px
}

/*.index-investor-news { 
  position:relative;
  
  padding: 0 10px;
  margin: 17px 0;
}*/

.index-investor-news a {
  border-left: 2px solid #38b549;
  color: #666666;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0 10px;
  -webkit-transition: .3s;
  transition: .3s;
  display:block
}
.index-investor-news a span { color:#4d4d4d; font-weight:bold; display:block;}

.index-investor-news a:hover {
  color: #4d4d4d;
}

.bg-index-news {
  background: url("../images/bg-index-news.jpg") center no-repeat;
  background-size: cover;
}

.bg-index-news .underline {
  margin: 35px auto 45px;
}

.new-text-head {
  color: #666666;
}

.news-card {
  position: relative;
  
  /*border-radius: 0; -webkit-transition: .3s;
  -webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-height: 100%;
box-sizing: border-box;
 
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: flex;
vertical-align: baseline;*/

}

.news-card .card-img-top {
  border-radius: 0; border: none
/*  height: 248px*/
}

.news-card a {
  text-decoration: none;
 /* min-height: 0;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: flex;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;*/
}
.news-card:hover { box-shadow:0 2px 10px #ccc; -webkit-transition: .3s;}
.news-card a:hover .card-title {
  color: #00aeef;
}
.product-cat-box a:hover .card .icn-load {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
filter: grayscale(0);  }

/*.news-card:hover .icn-load {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
filter: grayscale(0);  }*/
.card-body:hover .icn-load {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
filter: grayscale(0);  }
.card-body:hover a, .card-body a:hover, .card-body:hover .news-date { color:#4d4d4d !important }
.news-card .box-title,
.news-card .card-title {
  font-family: "Verdana", sans-serif;
}
.news-index {
width: 100%;
/*box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
.news-index .col-lg-4 {
	-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-height: 100%;
min-height: 0;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: flex;
vertical-align: baseline;*/
}
.news-index .card-body {
/*-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
flex: 1 1 auto;
 
align-content: stretch;*/
 
}
.news-card .box-title {
  position: absolute;
  padding: 5px 20px;
  top: 0;
  left: 0;
  background-color: rgba(27, 178, 234, 0.9);
  color: #fff;
  font-size: 15px;
}

.news-card .card-title {
  color: #38b549;
  -webkit-transition: .3s;
  transition: .3s;
  font-weight: bold;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 15px;
  height:65px;
  overflow: hidden;
  width:100%;
}

.news-card .card-text,
.news-card .news-date {
  color: #666;
}


.news-card .card-text {
 
  height: 150px;
  overflow: hidden; 
}

.index-investor-news .news-date { display:block; margin-top:6px;
}

.index-investor-news .news-date i {
  margin-right: 10px;
}



.news-card .news-date {
  position: absolute;
  bottom: 15px;
}

.news-card .news-date i {
  margin-right: 10px;
}



ul.list-news { margin: 0; padding: 0 }
ul.list-news li { margin: 0 0 30px 0; padding: 0; list-style: none; display: block; float: left; width: 33% }
ul.list-news li>div { width: 94%; background: #fff; margin: 0 auto}
/* ul.list-news li>div img { height: 248px } */

.clear{ clear: both; }
footer {
  background-color: #fff;
}

footer li {
  line-height: 18px;
  margin-bottom: 5px;
}

footer ul {
  list-style: none;
  padding: 0;
}

footer .col-lg-2 {
  padding-right: 0;
}

footer .footer-header {
  margin-bottom: 15px;
  border-left: 2px solid #38b549;
  padding-left: 10px;
  line-height: 18px;
}

footer .footer-header,
footer .footer-header a {
  font-family: "Verdana", sans-serif;
  color: #4c4c4c;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}

footer li a {
  font-family: "Verdana", sans-serif;
  color: #808080;
  font-size: 14px;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
  text-transform: capitalize;
}

footer li a:hover {
  color: #38b549;
  text-decoration: none;
}

.footer-col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18%;
          flex: 0 0 18%;
  max-width: 18%;
}

.footer-col-2,
.footer-col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19%;
          flex: 0 0 19%;
}

.footer-col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14%;
          flex: 0 0 14%;
  max-width: 14%;
}

.footer-address a,
.footer-address p {
  
  color: #666666;
  line-height: 21px;
}
.footer-address p { padding-bottom:10px;}
.footer-address a {
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
}

.footer-address a:hover {
  color: #4d4d4d;
}

.footer-address p {
  margin-bottom: 0;
}
.footer-address h4 { font-size:15px; color:#666; sans-serif; font-weight:bold;}

.footer-address span {
  color: #00aeef  !important;
}

.footer-social {
  padding-top: 79px;
  font-family: "Verdana", sans-serif;
  font-size: 15px; font-weight: bold;
}

.footer-social a {
  font-size: 50px  !important;
}
.footer-social .mb-2 {margin-bottom: 0 !important}

.footer-facebook {
  color: #4d6fa9 !important; margin-right: 0 !important
}
.news-social .footer-linkedin {
 
  margin: 0 6px 0 0;
}
.footer-linkedin {
  color: #0077b7  !important;
  margin: 0;
}
.footer-social a:hover i  {opacity: 0.6}

.footer-youtube {
  color: #f61c0d  !important;
}

.box-subscribe {
  background-color: #f2f2f2;
  padding: 15px;
  margin-top: 22px;
}

.box-subscribe h4 {
  font-family: "Verdana", sans-serif;
  color: #00aeef;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: bold;
}

.box-subscribe p {
  text-align: left;
  color: #808080;
   
}

.box-subscribe input {
  border-radius: 20px;
  width: 100% !important;
}

.box-subscribe button {
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 14px;
}

.box-subscribe .form-group {
  width: 66%;
}
 
.copyright-box a {
    
   font-family: arial; font-size: 14px;
  color: #b2b2b2;
  
}
.copyright-box  {
  background-color: #343434;
  padding: 35px 0 15px 0;
  color: #b2b2b2;
  font-size: 14px; font-family: arial;
  margin-bottom: -21px
}
.pad-footer { padding-top:80px;padding-bottom:40px;}

.copyright-box a {
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
}

.copyright-box a:hover {
  color: #4d4d4d;
}

.copyright-piracy {
  list-style: none; text-align: right; float: right;
}
.copyright-piracy li { float: right; }
.copyright-piracy .line {
  width: 1px;
  height: 20px;
  background-color: #b2b2b2;
  margin: 0 15px;
}

.dropdown-content {
  position: absolute;
  top: 43px;
  left: -10px;
  width: 290px;
  z-index: 20;
  visibility: hidden;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
  -webkit-transition-duration: .1s;
          transition-duration: .1s;
  opacity: 0;
}
.dropdown-content .row { margin:0; flex-wrap: unset; }

.navbar-nav li {
  position: relative;
}

.navbar-nav li:hover .dropdown-content {
  visibility: visible;
  opacity: 1;
}
.navbar-nav li:hover { color: #38b549 !important }
.nav-item:hover a.nav-link { color: #38b549 !important }


.footer-social-ir {
  bottom: 96px !important;
}

.dropdown-content {
  -webkit-box-shadow: inset 0px 4px 5px -7px #4c4c4c;
  box-shadow: inset 0px 4px 5px -7px #4c4c4c;
}

.box-menu-right { padding: 0 105px 0 40px }

.sub-menu-active {
  color: #38b549!important
}

ul.list-menu-sub {
  padding-bottom: 0!important
}
.index-product-logo {
  width: 312px;
 /* height: 100px;*/
  margin: 0 auto 20px;
  padding: 5px 0;
}
.index-product-logo img {
  height: 74px
}
.list-menu-product {
  padding-top: 20px!important;
}
.list-menu-product li a {padding-top: 0 !important}

.list-menu-sub li a { padding:0 0 10px 0 !important; margin-top:0 !important; display:inline-block; font-size:14px !important; font-family: 'Verdana', sans-serif;
  font-weight: normal; color:#666}
/* .list-menu-sub li:first-child { padding-bottom:15px;} */

.dropdown-content-menu li:hover { cursor:pointer; }
.dropdown-content-menu li:hover .list-menu-sub li a {color:#666}
.dropdown-content-menu li:hover .list-menu-sub li a:hover {color:#4d4d4d}

.dropdown-content-menu-ir li.header {
  margin-top: 0;
}
.dropdown-content-menu li.header.pro {margin-top: 7px}

.dropdown-content-right .dropdown-content-menu li {
  margin-bottom: 15px;
}

.dropdown-content-right .dropdown-content-menu a {
  font-size: 15px;
  color: #666666;
}
.dropdown-content-menu li:hover a { color:#4d4d4d}
.dropdown-content-menu li:hover .hover-submenu { display:block}
.hover-submenu { position: absolute;
right: -270px;
width: 270px;
padding: 20px;
top: -20px;
z-index:9;
display:none; height:auto}

.hover-submenu .dropdown-content-menu, .hover-submenu  {
  background-color: #fff;
}


#products_fan_ther {
  visibility: hidden;
  opacity: 0;
}
.about-dropdown {padding-top: 20px !important}
.about-dropdown li a {
  color: #4c4c4c;
  margin-top: 0;
  font-family: "Verdana", sans-serif;
   text-transform: none !important; font-weight: normal !important;
}

.dropdown-content-menu {
  list-style: none;
  padding: 0 0 20px;
  background-color: #f3f3f3
}

.dropdown-content-menu li.header {
  font-size: 14px;
  color: #808080;
  margin-top: 0;
  line-height: 23px;
  font-family: "Verdana", sans-serif;
}
.dropdown-content-menu li.header.pro a { font-weight: bold !important; 
  font-size: 16px; color: #555 }
.dropdown-content-menu li.header.pro:first-child { margin-top: 0 }

.dropdown-content-menu a {
  color: #808080;
  font-size: 14px;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
  font-family: "Verdana", sans-serif;
  text-transform: none !important;
  display: block;
  padding: 7px 20px
}

.dropdown-content-menu a:hover {
  color: #38b549!important;
}

#dropdown-content-products {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.dropdown-menu-col1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
    height: 529px; overflow: hidden;
}
.hover-submenu .dropdown-content-menu { padding-left: 0 !important }

.dropdown-menu-col2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.affiliated-banner {
  background: url("../images/about/affiliated-banner.jpg") center no-repeat;
  background-size: cover;
  height:72vh;
}

.breadcrumb {
  background-color: transparent;
  padding-left: 0;
  margin-bottom: 0;
}
.breadcrumb-item.active {
  color: #fff
}
.breadcrumb a {
  color: #fff;
   text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
}

.breadcrumb a:hover {
  color: #00aeef;
}

.breadcrumb li {
  line-height: 13px;
  margin-bottom: 6px;
}

.breadcrumb li.active {
  font-weight: bold;
  font-size: 0.85rem;
   font-family: "Verdana", sans-serif;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: '';
  padding: 0;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 12px 1px;
}

.breadcrumb-item,
.breadcrumb-item a {
  text-transform:none !important;
}

/*.to-cap {
  text-transform: capitalize;
}*/
.about-banner-caption-product {
  position: absolute;
  bottom: -125px;
}
.pt-125 {
    padding-top: 125px !important;
}

.pb-125 {
    padding-bottom: 60px !important;
}
.about-banner-caption-product h3,
.about-banner-caption-product h4 {
  margin: 0;
}

.about-banner-caption-product h3 {
  font-size: 20px;
  color: #808080;
}

.about-banner-caption-product h1 {
  font-size: 28px;
  color: #00aeef ;
 /* text-transform: capitalize*/
}
.product-type  {
    font-family: "Verdana", sans-serif;
    font-size: 18px;
    color: #38b549;
    /*text-transform: uppercase;*/
    line-height: 30px;
}
.about-banner-caption-product .underline {
  margin-left: 0;
  margin-top: 40px;
  margin-bottom:0
}

.about-banner-caption {
  position: absolute;
  bottom: -40px;
}

.about-banner-caption h3,
.about-banner-caption h4 {
  margin: 0;
}

.about-banner-caption h3 {
  font-size: 20px;
  color: #808080;
}

.about-banner-caption h1 {
  font-size: 40px;
  color: #4c4c4c;
 /* text-transform: capitalize*/
}

.about-banner-caption .underline {
  margin-left: 0;
  margin-top: 40px;
  margin-bottom:0
}

.affiliated-map {
  background-color: #f3f3f3;
}

.affiliated-map-caption h2 {
  font-size: 22px;
  color: #00aeef;
  line-height: 26px;
  margin-top: 18px;
}

.affiliated-map-caption .underline {
  margin-left: 0;
}

.affiliated-map-caption p {
  font-size: 14px;
  font-family: "Verdana", sans-serif;
  color: #666666;
}

.affiliated-map-col {
  padding-top: 20px;
}

.affiliated-map-marker {
  position: absolute;
  font-size: 30px;
  color: #00aeef;
  -webkit-transition: .3s;
  transition: .3s;
}
.affiliated-map-marker i:hover { color: #fff }

.tooltip-inner {
  background-color: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  color: #00aeef;
  font-family: "Verdana", sans-serif;
  font-size: 18px;
  padding: 5px 40px;
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #fff !important;
}

#affiliated-map-marker1 {
  top: 110px;
  right: 189px;
}

#affiliated-map-marker2 {
  top: 110px;
  right: 306px;
}

#affiliated-map-marker3 {
  top: 163px;
  right: 591px;
}

#affiliated-map-marker4 {
  top: 292px;
  right: 112px;
}

.affiliated-asia-box {
  background-color: #fff;
  margin-bottom: 20px;
}

.affiliated-asia-caption h3 {
  font-size: 15px; font-weight: bold;
  color: #00aeef; line-height: 24px;
}

.affiliated-asia-caption .underline {
  margin: 22px 0;
}

.affiliated-asia-caption a {    word-break: break-all;
    white-space: normal;}
span.weblink { display: inline-block; }
span.showlink {display: none}


.affiliated-asia-caption p,
.affiliated-asia-caption a {
/*  font-family: "Verdana", sans-serif;
  font-size: 14px;*/
  color: #666666;
}

.affiliated-asia-caption p {
  margin-bottom: 10px;
}

.affiliated-asia-caption span.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #00aeef;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  padding-top: 5px;
}

.affiliated-asia-caption a {
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
}

.affiliated-asia-caption a:hover {
  color: #4d4d4d;
}

.faq-box a {
  color: #fff;
  text-decoration: none;
}

.faq-box a:hover .faq-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.faq-box h2 {
  position: absolute;
  width: 100%;
 
  z-index: 1;
  font-size: 24px;
  text-align: center;
  line-height: 30px; margin-bottom: 0;
}

.faq-box .faq-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: .3s;
  transition: .3s;
  margin: auto;
}

.faq-box {   margin: 0 0 25px 0; position: relative;overflow: hidden;}
.box-main {  position: relative;}
.box-main .main-font {position: absolute;
  top: 50%; text-align: center;
  transform: translateY(-50%); width: 100%}

.bg-faq-company {
  background: url("../images/about/faq/bg-fag-company.jpg") center no-repeat;
  background-size: cover;
}

.faq-header-active {
  background-color: #4d4d4d !important;
  color: #fff !important;
}

.faq-header-active .faq-q-icon span {
  color: #fff !important;
}

.faq-header-active .faq-math-icon {
  color: #fff !important;
}

.faq-header {
  padding: 0;
  border: 0;
  background-color: transparent;
  margin-bottom: 15px;
}

.faq-header .faq-h {
  padding: 15px;
  width: 100%;
  font-family: "Verdana", sans-serif;
  color: #666666;
  background-color: #fff;
  text-decoration: none;
  text-align: left;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 0;
  border: 0;word-wrap: normal;
}

.faq-header .faq-h:hover {
  background-color: #4d4d4d;
  color: #fff;
  text-decoration: none;
}

.faq-header .faq-h:hover .faq-q-icon span,
.faq-header .faq-h:hover .faq-a-icon span {
  color: #fff !important;
}

.faq-header .faq-h:hover .faq-math-icon {
  color: #fff !important;
}

.accordion .card {
  background-color: transparent;
  border: 0;
}

.accordion .card-body {
  background-color: #fff;
  border-radius: 0;
  margin-bottom: 15px;
  font-size: 14px;
  color: #666666;
  line-height: 18px;
}
.faq-q-icon,.faq-a-icon {width: 30px; float: left; margin: 0 15px}
.box-q {width: 90%; float: left; font-size: 17px; line-height: 21px; }
.box-a {width: 90%; float: left; text-align: justify;}


.faq-q-icon,
.faq-a-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1%;
          flex: 0 0 1%;
}

.faq-q-icon span,
.faq-a-icon span {
  font-size: 22px;
  color: #00aeef;
}

.faq-math-icon {
  color: #00aeef;
}

.power-banner {
  background-image: url("../images/product/power_banner.jpg");
}

.bg-power-elec {
  background: url("../images/product/bg-power1.jpg") center no-repeat;
  background-size: cover;
}

.power-elec-text {
  padding: 50px 0;
}

.power-elec-text p {
  
}

.bg-product-cat {
  background: url("../images/product/bg-power2.jpg") center no-repeat;
  background-size: cover;
}

.bg-product-cat .text-head {
  color: #4c4c4c;
  text-align: center;
}

.product-cat-box .card-title {
  
  overflow: hidden;
}

.product-cat-box {
  margin-bottom: 30px;
}

.product-cat-box .underline {
	margin:20px 0
}

.product-cat-box a {
  text-decoration: none;
}

.product-cat-box a:hover .card-title {
  color: #38b549;
}

.product-cat-box a:hover .card {
  border-color: #38b549; box-shadow:0 2px 10px #ccc; -webkit-transition: .3s;
}

.product-cat-box .card {
  padding: 1.25rem;
  -webkit-transition: .3s;
  transition: .3s;
}
 
.product-cat-box .cart-title {
  font-size: 20px;
  color: #00aeef;
  font-family: "Verdana", sans-serif;
  -webkit-transition: .3s;
  transition: .3s;
}

.product-cat-box .card-body {
  padding-left: 0;
  padding-right: 0;
}
.product-cat-box a { color: #666 !important }
.product-cat-box .card-title {color: #007bff}
.product-cat-box .card-text {
 /* font-family: "Verdana", sans-serif;
  font-size: 14px;*/
  color: #666666;
  line-height: 18px;
  height: 72px;
  overflow: hidden;
}
.product-banner-caption {bottom: 40px}
/*
.product-banner-caption h3 {
  line-height: 35px;
  font-family: "Verdana", sans-serif;
}
*/

.fan-banner {
  background: url("../images/product/fan/fan_banner.jpg") center no-repeat;
  background-size: cover;
}

.product-btn-close {
  right: 14px;
  top: 0;
  color: #00aeef;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  padding-top: 4px;
  -webkit-transition: .3s;
  transition: .3s;
}

.product-btn-close:hover {
  background-color: #4d4d4d;
}

.product-btn-close:hover a {
  color: #fff !important;
}

.product-btn-close a {
  display: block;
  height: 100%;
}

.bg-fan {
  background: url("../images/product/fan/bg-fan1.jpg") center no-repeat;
  background-size: cover;
}

.ventilation-banner {
  background: url("../images/product/fan/ventilation_banner.jpg") center no-repeat;
  background-size: cover;
}

.bg-ventilation {
  background: url("../images/product/fan/bg_ventilation1.jpg") center no-repeat;
  background-size: cover;
}

.ventilation-text > h3 {
  font-family: "Verdana", sans-serif;
  font-size: 22px;
  color: #00aeef;
  font-weight: 400;
}

.ventilation-text .underline {
  margin-left: 0;
}

/*.ventilation-text p,
.ventilation-text ul {
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  color: #666666;
}
*/
.ventilation-text .ventilation-text-list-header {
  font-size: 14px;
  color: #666666;
}

.ventilation-text ul {
  padding: 0;
  list-style: none;
}

.ventilation-text ul li::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #00aeef;
  border-radius: 50%;
  margin-right: 5px;
  margin-bottom: 3px;
}

.ventilation-text .ventilation-text-sub-head {
  font-size: 16px;
  margin-top: 30px;
}

.ceiling-banner {
  background: url("../images/product/fan/ceiling_banner.jpg") center no-repeat;
  background-size: cover;
}

.ceiling-cat-box .card-body {
  padding-bottom: 0;
}

.ceiling-cat-box .card-title {
  margin-bottom: 0;
}

.product-detail-img {
  padding: 15px;
  background-color: #fff;
  position: relative;
  
 /* height: 100%;*/
}

.product-detail-img img {
/*  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;*/
}

.product-detail {
  padding-left: 40px;
}

.product-detail > h2 {
  font-family: "Verdana", sans-serif;
  font-size: 25px;
  color: #555;
  text-transform: uppercase;
  line-height: 30px;
}

.product-detail .underline {
  margin-left: 0;
}

.product-detail p,
.product-detail ul,
.product-detail h3 {
  /*font-family: "Verdana", sans-serif;*/
  font-size: 14px;
  color: #666666;
  line-height: 21px;
}

.product-detail h3 {
  margin-bottom: 0;
}

.product-detail ul {
  padding: 0;
  list-style: none;
}

.product-detail ul li::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #00aeef;
  border-radius: 50%;
  margin-right: 5px;
  margin-bottom: 3px;
}

.bg-product-detail {
  background: url("../images/product/bg-product-detail.jpg") center no-repeat;
  background-size: cover;
}

.btn-catalog {
  width: 100%;
  background-color: #4d4d4d;
  display: block;
  color: #fff;
  border-radius: 0;
  padding: 25px 20px;
  position: relative;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  font-family: "Verdana", sans-serif;
  margin-top: 45px;
}

.btn-catalog h3 {
  font-size: 17px;
}

.btn-catalog h2 {
  text-transform: uppercase;
  font-size: 22px;
}

.btn-catalog h2,
.btn-catalog h3 {
  color: #fff;
  margin-bottom: 0;
}

.btn-catalog:hover {
  text-decoration: none;
  color: #fff;
  background-color: #383737;
}

.btn-catalog i {
  font-size: 47px;
}

.btn-catalog::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 100px solid #4d4d4d;
  border-left: 100px solid transparent;
}

.product-detail-menu {
  background-color: #00aeef;
}

.product-detail-menu ul {
  border-bottom: 0;
}

.product-detail-menu li {
  margin: 0 !important;
  border-left: 1px solid #4dc9f5;
}

.product-detail-menu li:first-child {
  border: none;
}

.product-detail-menu a {
  text-decoration: none;
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 20px;
  border-radius: 0 !important;
  background-color: transparent;
  -webkit-transition: .3s;
  transition: .3s;
  height: 100%;
  border: none !important;
}

.product-detail-menu a:hover {
  background-color: #4d4d4d;
}

.product-detail-menu a.active {
  background-color: #4d4d4d !important;
  color: #fff !important;
  border: none !important;
}

/*.product-detail-bottom {
  font-family: "Verdana", sans-serif;
}*/

.product-detail-bottom h2 {
  font-size: 22px;
  color: #00aeef;
  text-transform: uppercase;
}

.product-detail-bottom .underline {
  margin-left: 0;
}

.product-detail-bottom p {
  font-size: 14px;
  line-height: 21px;
  color: #666666;
}

.product-detail-bottom p span {
  font-weight: bold;
}

.bg-gray-product-detail {
  background-color: #f3f3f3;
}
.bg-product-hightlight .product-detail-bottom-row {  
  padding: 86px 0;
/*  font-family: "Verdana", sans-serif;*/
  min-height: 100px;}


.product-detail-bottom-row {
  padding: 36px 0;
/*  font-family: "Verdana", sans-serif;*/
  min-height: 100px;
}

.product-detail-bottom-row img { display: block; margin: 0 auto }


.product-detail-bottom-img img {
  width: 100%;
}

.product-hightlight .index-investor-news {
  width: 100%;
}

.bg-product-hightlight {
  background: url("../images/product/bg-hightlight.jpg") center no-repeat;
  background-size: cover;
}

.product-enquiries {
  /* background: url("../images/product/bg-product-enquirie.jpg") center no-repeat; */
  background-size: cover;
  background-color: #4d4d4d
}

.product-enquiries .text-head {
  text-align: center;
  font-weight: 400;
}

.product-enquiries .underline {
  background-color: #fff;
}

.product-enquiries input,
.product-enquiries select,
.product-enquiries textarea {
  border-radius: 0;
  margin-bottom: 10px;
  font-size: 14px;
  color: #808080; font-family: arial; border: none;
}

.product-enquiries input {
  padding-top:9px;
  padding-bottom: 9px;
}

.product-enquiries .col-lg-6,
.product-enquiries .col-lg-12 {
  padding: 0 5px;
}

.product-enquiries .code-box input {
  width: 30%;
  display: inline-block;
}

.product-enquiries .code-box img {
  border-radius: 0;
}

.product-enquiries .code-box a {
  text-decoration: none;
  color: #fff;
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  -webkit-transition: .3s;
  transition: .3s;
}

.product-enquiries .code-box a:hover {
  color: #4d4d4d;
}

.product-enquiries .code-box input,
.product-enquiries .code-box i,
.product-enquiries .code-box img {
  margin-right: 10px;
}

.product-enquiries .code-box-2 {
  font-size: 14px;
  color: #fff;
}

.product-enquiries input[type="submit"],
.product-enquiries input[type="reset"] {
  background-color: transparent !important;
  color: #fff;
  border:1px solid #fff !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.product-enquiries input[type="submit"]:hover,
.product-enquiries input[type="reset"]:hover {
  background-color: #fff !important;
  color: #4d4d4d !important;
  border-color: #fff !important;
}

.company-news-banner-caption h1,
.company-news-banner-caption h3 {
  font-family: "Verdana", sans-serif;
}

.company-news-banner {
  background: url("../images/news/news_banner.jpg") center no-repeat;
  background-size: cover;
}
 
.inthenews {margin-bottom: 30px; margin:0 15px 25px 15px}
.inthenews {
  background-color: #fff; padding: 20px
}
 
.inthenews a { color: #666 }
.inthenews h3 a { color: #00aeef }
.inthenews h3 a:hover, .calendar-box a:hover  
 { text-decoration: none; color: #4d4d4d }
.inthenews a:hover {text-decoration: none; color: #4d4d4d}

 .box-no-event {background: #fff; min-height: 340px; padding-top: 66px; text-align: center;}



.news-year {
  /* background: #00aeef;
  background: -webkit-gradient(linear, left top, right top, color-stop(23%, #00aeef), to(#00cffe));
  background: linear-gradient(90deg, #00aeef 23%, #00cffe 100%); */
  background-color: #4d4d4d
}

.news-year .item {
  text-align: center;
}

.news-year .item a {
  font-family: "Verdana", sans-serif;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  opacity: .6;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 20px 0;
  display: block;
}

.news-year .item a:hover {
  opacity: 1;
}

.news-year a.active {
  opacity: 1;
}

.news-year #owl-demo {
  width: 92%;
  margin: auto;
}
.milestone-year .btn-prev i {
  width: 10px;
}
.milestone-year .btn-next i {
  width: 6px;
}
.milestone-year .btn-prev i, .milestone-year .btn-next i {
  padding-top: 0!important;
  vertical-align: none!important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 14px;
}

.news-year .btn-prev,
.news-year .btn-next {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -5px;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  font-size: 22px;
}

.news-year .btn-prev:hover,
.news-year .btn-next:hover {
  color: #4d4d4d !important;
}

.news-year .btn-prev i,
.news-year .btn-next i {
  vertical-align: middle;
  padding-top:6px;
}

.news-year .btn-prev {
  left: 15px;
}

.news-year .btn-next {
  right: 15px;
}

.pagination a {
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  color: #666666;
  border: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.pagination a:hover {
  background-color: #38b549;
  color: #fff !important;
}

.pagination a.active {
  background-color: #38b549;
  color: #fff !important;
}

.pagination .pre a {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}

.pagination .next a {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.pagination .pre a,
.pagination .next a {
  color: #00aeef !important;
}

.pagination .pre a:hover,
.pagination .next a:hover {
  color: #fff !important;
}

.bg-news-detail {
  background-color: #f2f2f2;
}

.news-detail-img {
  background-color: #fff;
  position: relative;
  height: 533px;
  overflow: hidden;
}

.news-detail-img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.news-detail-button a {
  display: block;
  font-family: "Verdana", sans-serif;
  text-decoration: none;
  color: #fff;
  background-color: #00aeef;
  height: 33.33%;
  text-align: center;
  font-size: 20px;
  border: 1px solid #fff;
  -webkit-transition: .3s;
  transition: .3s;
  padding-top: 54px;
}

.news-detail-button a.disable-btn { opacity: 0.5; cursor: default; }
.news-detail-button a.disable-btn:hover { background-color: #00aeef;}

.news-detail-button a:hover {
  background-color: #4d4d4d;
}

.news-detail-button a i {
  display: block;
  font-size: 38px;
  margin-bottom: 10px;
}

.news-detail-text h2 {
  font-family: "Verdana", sans-serif;
  font-size: 20px;
  color: #00aeef;
  font-weight: 400;
  margin-bottom: 15px;
  line-height:30px; padding-top: 15px;
}

.news-detail-text p {
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  color: #666666;
  line-height: 21px;
}

.news-detail-text .news-date {
  font-size: 14px;
  color: #7e7e7e;
  font-family: "Verdana", sans-serif;
}

.news-detail-text .news-date i {
  margin-right: 10px;
}

.news-detail-text .news-social a {
  font-size: 22px;
  line-height: 0; margin: 0 6px 0 0 !important;
}

.news-detail-text .news-social a i {
  margin-right: 0;
}

.news-detail-text .news-social .share {
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  color: #666666;
  margin-right: 10px;
  margin-top: 0;
}

#news_video {
  width: 500px;
  height: 400px;
  padding: 25px;
}

.calendar-navigate {
  font-family: "Verdana", sans-serif;
}

.calendar-navigate span {
  font-size: 30px;
  color: #666666;
  line-height: 30px;
}

.calendar-navigate a {
  color: #fff !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #00aeef;
  display: inline-block;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  margin: 0 45px;
}

.calendar-navigate a:hover {
  background-color: #4d4d4d !important;
}

.calendar-navigate a i {
  vertical-align: middle;
  padding-top: 4px;
}
 .news-month {
  background: #00aeef;
  background: -webkit-gradient(linear, left top, right top, color-stop(23%, #00aeef), to(#00cffe));
  background: linear-gradient(90deg, #00aeef 23%, #00cffe 100%);
  margin-top: 40px; margin-bottom: 40px;
  overflow: hidden;
}

.news-month a {
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  padding: 1.5rem 33px;
  border-left: 1px solid #4dc6f5;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: .3s;
  transition: .3s;
}

.news-month a:hover {
  background-color: #38b549;
}

.news-month a.active {
  background-color: #38b549;
}

.calendar-box {
  background-color: #fff;
  padding: 20px; width: 100%;
}

.calendar-box a { color: #666 }
.calendar-detail h3 a { color: #00aeef }
.calendar-detail h3 a:hover, .calendar-box a:hover  
 { text-decoration: none; color: #4d4d4d }

.calendar-box:hover{ box-shadow:0 2px 10px #ccc; -webkit-transition: .3s;}

.calendar-detail {
 /* font-family: "Verdana", sans-serif;
  color: #666666;*/
}

.calendar-detail h3 {
   font-family: "Verdana", sans-serif;
  font-size: 16px;
  color: #00aeef;
  line-height: 21px;
  font-weight: bold;
  margin-bottom: 15px;
}

.calendar-detail h3 span {
  font-size: 14px;
  line-height: 21px;
  color: #666666;
  font-weight: normal;
}

.calendar-detail h5,
.calendar-detail p {
  font-size: 14px;
  line-height: 21px;
}

.news-contact-text {
 
}

.news-contact-text h2 {
  font-weight: 400;
  font-size: 20px;
  color: #00aeef;
  margin-bottom: 20px;
  margin-top: 30px;
    font-family: "Verdana", sans-serif;
}
.news-contact-text p {margin-bottom: 10px;}
.news-contact-text p,
.news-contact-text a {
/*  font-size: 17px;
  line-height: 20px;*/
  color: #666666; 
}

.news-contact-text a {
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
}

.news-contact-text a:hover {
  color: #4d4d4d;
}

.news-contact-text .icon {
  width: 35px;
  height: 35px;
  color: #fff !important;
  background-color: #00aeef;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}

.news-contact-text .icon i {
  margin-top: 11px;
}

.news-contact-form {
  background-image: none;
}

.news-contact-form .code-box input {
  width: 45%;
}

.news-contact-form .code-box a {
  color: #666666;
}

.news-contact-form .code-box-2 {
  color: red;
}

.news-contact-form input[type="submit"],
.news-contact-form input[type="reset"] {
  background-color: #00aeef !important;
  border-color: #00aeef !important;
}

.news-contact-form input[type="submit"]:hover,
.news-contact-form input[type="reset"]:hover {
  border-color: #19bbf7 !important;
  background-color: #19bbf7 !important;
  color: #fff !important;
}

.bg-news-contact {
  background: url("../images/news/bg-news-contact.jpg") center no-repeat;
  background-size: cover;
}

.greenhouse-banner {
  background: url("../images/sustainable/banner.jpg") center no-repeat;
  background-size: cover;
}

.greenhouse-table {
/*  font-family: "Verdana", sans-serif;*/
  background-color: #fff;
}
.greenhouse-table tr {background: #fff}
i.mr-3 { margin-right:3px !important}
.icn-load {-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%); width:22px; margin-right:6px}
.icn-load.tbl { margin-right:0}
.icn-load.tbl:hover  {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);}
.greenhouse-table td a:hover .icn-load.tbl  {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);}


.icn-load-news { width: 35px; display: block; margin: 0 auto 5px auto }


/*.news-card:hover .icn-load {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
filter: grayscale(0);  }*/

.greenhouse-table td a span {
  display: inline-block;
  min-width: 65px;
}

.greenhouse-table th {
  background-color: #4d4d4d;
  color: #fff;
  font-weight: 400;
  font-size: 14px; font-weight: bold;
   font-family: "Verdana", sans-serif;
}

.greenhouse-table th,
.greenhouse-table td {
  padding-left: 20px;
  padding-right: 20px;
 
}

.greenhouse-table td {
  font-size: 14px;
  color: #666666;
}

.greenhouse-table td a {
  
  color: #666;
  text-decoration: none;
}

.greenhouse-table td a:hover {
  color: #666666;
}

.greenhouse-table td:nth-of-type(2) {
  text-align: right;
}

.greenhouse-table tbody tr:nth-of-type(2n+1) {
  background-color: #e6e6e6;
}

.greenhouse-table .name {
  width: 85%;
}

.career-banner {
  background-image: url("../career/images/banner.jpg");
}

.career-text-head {
  font-size: 30px;
  color: #666666;
  font-weight: 400;
}

.career-list {
  padding: 0;
  list-style: none;
}

.career-list li {
  margin-bottom: 10px;
}

.career-list a {
  font-family: "Verdana", sans-serif;
  text-decoration: none;
  font-size: 17px;
  color: #666666;
  display: block;
  padding: 10px 20px;
  background-color: #f2f2f2;
  border-radius: 20px;
  font-weight: 400;
  -webkit-transition: .3s;
  transition: .3s;
}

.career-list a:hover {
  background-color: #4d4d4d;
  color: #fff !important;
}

.career-list a:hover .col-lg-4 {
  color: #fff !important;
}

.career-list a:hover .line {
  background-color: #fff;
}

.career-list .line {
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #cccccc;
  margin: 0 20px -10px;
}

.career-list .col-lg-4 {
  color: #999999;
}

.bg-career-caption {
  background: url("../career/images/career-caption.jpg") center no-repeat;
  background-size: cover;
  font-family: "Verdana", sans-serif;
  text-align: center;
  padding: 140px 0;
}

.bg-career-caption h2 {
  font-weight: 400;
  font-size: 30px;
  color: #fff;
}

.bg-career-caption p {
  font-size: 16px;
  line-height: 20px;
  color: #fff; text-align: center;
}

.bg-career-caption a {
  background-color: #fff !important;
  color: #00aeef;
  border-color: #fff !important;
}

.card,
.card-img-top {
  border-radius: 0; 
}
.card-img-top {
  border-radius: 0; border: 1px solid #ccc;
}
.career-plan .card {
  background-color: #f5f5f5;
  -webkit-transition: .3s;
  transition: .3s;
}

.career-plan .card:hover {
  background-color: #fff;
}

.card-title {
  font-family: "Verdana", sans-serif;
}

.bg-career-office {
  background: url("../career/images/bg-office.jpg") center no-repeat;
  background-size: cover;
}

.bg-career-office .card-title {
  font-size: 20px;
  color: #00aeef;
  font-weight: 400;
}

.bg-career-office a {
  text-decoration: none;
}


.finance-banner {
  background-image: url("../images/ir/banner.jpg");
}

.finance-box h4 {
  font-size: 18px;
font-weight: 400;
color: #666;
position: absolute;
bottom: 109px;
left: 0;
text-align: left;
  /*font-size: 20px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  bottom: 5px;
  right: 15px;
  text-align: right;*/
}
.finance-box-text  {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    position: absolute;
    bottom: 74px;
    left: 0;
    text-align: left;
}
.finance-box a {
  text-decoration: none;
  color: #666666;
}

.finance-box:hover .card {
  border-color: #38b549
}
.finance-box:hover .card a .card-title { color: #38b549 !important }
.finance-box a .card-title {color: #666666 !important;}
.finance-box a:hover .card-title { color: #38b549 !important }

.finance-box:hover .card a .card-title .icn-load {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
 
}

.finance-box .card-title {
  font-size: 15px;
  font-weight: 400;
  height: auto;
}

.finance-box .card-title span {
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

.shareholder-banner {
  background-image: url("../images/ir/shareholder.jpg");
}

.shareholder-detail h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.shareholder-detail ul {
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: #666666;
  line-height: 21px;
}
.shareholder-detail ul a {text-decoration: none; color:#666666; }

.shareholder-detail li {
  margin-bottom: 10px;
}

/*.shareholder-detail li::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #4d4d4d;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 3px;
}*/

.report-market .index-investor-news {
  width: 100%;
}

.bg-ir {/*background: url(../images/ir/bg-ir.gif) no-repeat top center fixed; */padding: 86px 0}
.box-finance-overview {background: #fff; padding: 30px; margin-top: 30px;}
.box-finance-overview h2 { font-size: 17px; font-family: 'Verdana', sans-serif; color:#00aeef;   }
.h-box { height: 410px }
.h-box-2 {
    height: 320px;
}
.press-release-table .date {
  width: 15%;
}

.press-release-table .name {
  width: 55%;
}

.press-release-table .video {
  width: 12%;
}

.press-release-table .video,
.press-release-table .download {
  text-align: center;
}

.press-release-table .download {
  width: 12%;
}

.bg-career-login {
  background: url("../career/images/bg-career-login.jpg") center no-repeat;
  background-size: cover;
}

.career-login-text {
  background-image: none;
}

.career-login-text ul {
  font-size: 17px;
  color: #666666;
  list-style: none;
  padding: 0;
}

.career-login-text li::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #00aeef;
  border-radius: 50%;
  margin: 0 8px 3px 0;
}

.career-login-text hr {
  margin: 28px 0;
}

.career-login-text label {
  font-size: 14px;
  color: #666666;
}

.career-login-text .form-check-input {
  margin-left: 0;
  margin-bottom: 0;
}

.career-login-text .code-box a {
  color: #666666;
}

.career-login-text .code-box-2 {
  color: #e44949;
}

.career-login-text .code-box input {
  width: 50%;
}

.career-login-text input[type="submit"],
.career-login-text input[type="reset"] {
  background-color: #00aeef !important;
  border-color: #00aeef !important;
  margin-top: 0 !important;
}

.career-login-text input[type="submit"]:hover,
.career-login-text input[type="reset"]:hover {
  background-color: #4d4d4d !important;
  border-color: #4d4d4d !important;
  color: #fff !important;
}

.career-form-box h2,
.career-form-box .description {
  font-family: "Verdana", sans-serif;
}

.career-form-box h2 {
  color: #00aeef;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
}

.career-form-box .description {
  font-size: 16px;
  color: #666666;
  line-height: 20px;
}

.career-form-box hr {
  margin: 30px 0;
}

.career-form-box form h3 {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 20px;
}

.career-form-box .form-group {
  margin-bottom: 0;
}

.career-form-box input,
.career-form-box select,
.career-form-box textarea {
  margin-bottom: 5px;
}

.career-form-box .col-lg-12,
.career-form-box .col-lg-6 {
  padding: 0 15px;
}

.career-form-box input[type="submit"],
.career-form-box input[type="reset"] {
  font-size: 16px;
}

.career-form-tab a {
  font-family: "Verdana", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.detail-texthead {
  color: #00aeef;
  font-size: 22px;
  font-weight: 400; line-height: 26px
}

.detail-text {
  
  font-size: 14px; line-height:21px;
  color: #666666; text-align: justify;
}

.bg-overview {
  background: url("../images/about/bg_overview.jpg") center no-repeat;
  background-size: cover;
}

.overview-middle {
  /* background: url("../images/about/bg-vision.jpg") center no-repeat; */
  background-color: #e2e1e1;
  background-size: cover;
  padding:86px 0;
  font-family: "Verdana", sans-serif;
  color: #666;
}

.overview-middle h2 {
  font-size: 30px; color: #00aeef
}

.overview-middle p {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 28px;
}

.overview-middle img {
  margin: 35px 0;
}

.overview-culture {
  background-color: #f3f3f3;
}

.overview-culture-text {
  font-family: "Verdana", sans-serif;
}

.overview-culture-text h2 {
  font-size: 22px;
  color: #00aeef;
}

.overview-culture-text .qoute {
  font-size: 20px;
  color: #666666;
}

.overview-culture-text .qoute img {
  margin: -20px 12px 0;
}

.overview-list {
  border-left: 3px solid #38b549;
  padding-left: 10px;
  color: #666666;
  font-size: 17px;
  line-height: 21px;
}

.overview-list-text {
  color: #808080;
  font-size: 14px;
  padding-left: 13px;
  margin-bottom: 30px;
  margin-top: 2px;
  font-family:arial;
}

.milestone-year {
  /* background: -webkit-gradient(linear, left top, right top, color-stop(23%, #3fb74a), to(#97d851));
  background: linear-gradient(90deg, #3fb74a 23%, #97d851 100%); */
  background-color: #4d4d4d!important
}

.milestone-year .btn-prev,
.milestone-year .btn-next {
  color: #00aeef !important;
}

.milestone-year .btn-prev:hover,
.milestone-year .btn-next:hover {
  color: #00aeef !important;
}

.milestone-box {
  max-width: 1366px;
  margin: 0 auto;
}

.bg-milestone {
  padding: 64px 132px 40px 0;
  background: url("../images/about/bg_milestone.jpg") center no-repeat;
  background-size: cover;
}

.bg-milestone ul {
  /*font-family: "Verdana", sans-serif;*/
 
  color: #666666;

  list-style: none;
  padding-right: 70px;
  padding-left: 70px;
}

.book-icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.bg-milestone li { 
  margin-bottom: 10px; list-style:none; background:url(../images/bullet.png) no-repeat left top; padding:0 0 0 14px;
}
.bg-milestone li:last-child {
  margin-bottom: 0!important
}

.bg-organizational {
  background: url("../images/about/bg-board.jpg") center no-repeat;
  background-size: cover;
}

.board-row .news-card .card-text {
 width:100%; height:39px
}
.news-card.list-board .card-title {height:42px !important}
.board-row .news-card {
  height: auto;
  -webkit-transition: .3s;
  transition: .3s;
}

.board-row .news-card:hover {
  border-color: #4d4d4d;
}

.board-row .board-img {
  padding: 1.25rem 1.25rem 0;
}

.board-detail-box {
  width: 80%;
}

/*.board-detail-box * {
  font-family: "Verdana", sans-serif !important;
}
*/
.board-detail-box .board-detail-box-texthead {
  font-size: 16px;
   font-family: "Verdana", sans-serif !important;
}

.board-detail-box .board-detail-box-sub-texthead {
  font-size: 14px;
  color: #666666;
}

.board-detail-box .blue {
  color: #00aeef;
}

.board-detail-box .gray {
  color: #4c4c4c;
}

.board-detail-box ul {
  list-style: none;
  padding: 0;
}

.board-detail-box li {
  font-size: 14px; background:url(../images/bullet.png) no-repeat left top; padding:0 0 0 14px;
  color: #666666;
}

/*.board-detail-box li::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #4d4d4d;
  margin: 0 8px 2px 0;
}
*/
.board-detail-box li {
  margin-bottom: 0;
}

.board-detail-box li.no-bullet {
  margin: 10px 0; background:none; padding-left:0;
}
.board-detail-box li.no-bullet h3 { font-size:14px !important; font-weight: bold;}
.board-detail-box li.no-bullet::before {
  display: none;
}

.board-detail-box hr {
  margin: 30px 0;
}

.board-detail-box .education li {
  margin-bottom: 0;
}

.btn-download {
  -webkit-transition: .3s;
  transition: .3s;
}

.btn-download:hover .news-date {
  color: #4d4d4d;
}

.governance-texthead {
  font-family: "Verdana", sans-serif;
  font-size: 22px;
  color: #00aeef;
}

/*.governance-text,
.governance-list {
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  color: #666666;
}
*/
.governance-list {
  padding: 0;
  list-style: none;
}

.governance-list li {
  margin-bottom: 0; background:url(../images/bullet.png) no-repeat top left; padding:0 0 0 14px;
}

.governance-list li a:hover{text-decoration: none;color: #4d4d4d ;}

/*.governance-list li::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #4d4d4d;
  margin: 0 8px 2px 0;
}*/

.governance_report_table .name {
  width: 70%;
}
.greenhouse-table td a:hover { color:#4d4d4d}


.governance-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #00aeef;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-right: 5px;
  padding-top: 5px;
}

.governance-link {
  
  color: #666666;
  font-size: 14px;
  text-decoration: none;
}

.governance-link:hover {
  color: #4d4d4d;
  text-decoration: none;
}

.policy-warning-texthead {
  font-family: "Verdana", sans-serif;
  color: #4c4c4c;
  font-size: 17px;
}

.research_texthead {
  font-family: "Verdana", sans-serif;
  font-size: 22px;
  color: #00aeef;
  margin-bottom: 20px;
}

.research-table th,
.research-table td {
  text-align: center;
}

.research-table td:nth-of-type(1),
.research-table th:nth-of-type(1) {
  text-align: left;
}

.research-table td:nth-of-type(2) {
  text-align: center;
}

.shareholder-table td:nth-of-type(2) {
  text-align: left;
}

.dividend-table td:nth-of-type(2) {
  text-align: center;
}

.ir-contact-detail h5 {
  font-size: 20px;
  color: #00aeef;
  margin-bottom: 20px;
  font-family: "Verdana", sans-serif;
}

.ir-contact-detail a {
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
  color: #666666;
}

.ir-contact-detail a:hover {
  color: #4d4d4d;
}

.research-text {
  font-size: 14px;
  color: #666666;
}

.research-border {
  border-left: 2px solid #4d4d4d;
}

.my-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #00aeef;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  padding-top: 5px;
}

.csr-mail, .csr-commitment p {
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  color: #666666;
}

.csr-commitment li {
  margin-bottom: 0;
}
.csr-commitment span.my-icon {padding-top:5px;}
.csr-mail {
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
}

.csr-mail:hover {
  color: #4d4d4d;
  text-decoration: none;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(77, 77, 77, 0.9);
  -webkit-transition: .3s;
  transition: .3s;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  text-align: center;
}

.overlay i {
  color: #fff;
  font-size: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 100px;
}

.sustainable-dev-box a:hover {
  text-decoration: none;
}

.sustainable-dev-box:hover .overlay {
  visibility: visible;
  opacity: 1;
}

.bg-supplier {
  background-image: url("../images/about/governance/bg-supplier.jpg");
  height: 600px;
}

.bg-tax {
  background-image: url("../images/about/governance/bg-tax.jpg");
}

.bg-enviroment {
  background-image: url("../images/about/governance/bg-enviroment.jpg");
}

.bg-whistle {
  background-image: url("../images/about/governance/bg-whistle.jpg");
}

.contact-banner {
  background-image: url("../images/contact/banner.jpg");
}

.bg-contact {
  background: url("../images/contact/bg_contact.jpg") center no-repeat;
  background-size: cover;
}

.btn-contact {
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #666666;
  font-size: 14px;
  border: #fff !important;
  padding: 20px 0 !important;
}

.btn-contact i {
  font-size: 25px;
  vertical-align: middle;
  background: #999; color: #fff; width: 40px; height:40px; 
  padding:8px 5px 5px 5px; border-radius: 100%;
}
.btn-contact:hover i { background: #fff; color: #4d4d4d }
.ft { margin-top: 40px !important }
.btn-contact span {
  margin-top: 1px;
  display: inline-block;
}

.line-contact { margin: 40px 0; }
.box-thank { padding: 180px 0 180px; text-align: center; 
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  color: #666666;}
.box-thank h3 { font-size: 15px;text-align: center;  line-height: 24px; }
.box-thank h3 span {display: block; font-size: 16px;font-weight: bold; }

h3.thank-product { font-size: 15px;
text-align: center;
line-height: 24px;
width: 100%;
color: #fff;
padding-top: 50px; }
h3.thank-product span {display: block; font-size: 16px;font-weight: bold; }

.bg-terms {
  background: url("../images/bg-terms.jpg") center no-repeat;
  background-size: cover;
}

.terms-banner {
  background-image: url("../images/terms-banner.jpg");
}

.privacy-banner {
  background-image: url("../images/privacy-banner.jpg");
}

.bg-privacy-overview {
  background: url("../images/bg-privacy-overview.jpg") center no-repeat;
  background-size: cover;
}

.bg-privacy-info {
  background: url("../images/bg-privacy-info.jpg") center no-repeat;
  background-size: cover;
}

.bg-privacy-contact {
  background: url("../images/bg-privacy-contact.jpg") center no-repeat;
  background-size: cover;
}

.bg-how-long {
  background: url("../images/bg-howlong.jpg") center no-repeat;
  background-size: cover;
}

.privacy-list span {
  color: #333333;
}

.btn-user-manual {
  background-color: #00aeef;
}

.btn-user-manual:hover {
  background-color: #0b7096;
}

.btn-user-manual::after {
  border-bottom-color: #009dd8;
}

.product-contact select {
  text-transform: capitalize;
}

select {


background: url(select.png) right no-repeat #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
 

}
.product-btn-close { display: none; }
select::-ms-expand{
    display: none;
}

.product-contact .my-icon {
  background-color: #fff;
  padding-top: 4px
}

.product-contact .my-icon i {
  color: #00aeef;
}

.product-contact p, .product-contact a {
  
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}

.product-contact .info {
  /*font-weight: bold;*/
}

.product-contact a {
  -webkit-transition: .3s;
  transition: .3s;
}

.product-contact a:hover {
  color: #078418;
}

.product-detail-header {
  background: -webkit-gradient(linear, left top, right top, color-stop(23%, #00aeef), to(#00cffe));
  background: linear-gradient(90deg, #00aeef 23%, #00cffe 100%);
  font-family: "Verdana", sans-serif;
  font-size: 25px;
  color: #fff;
  padding: 10px 0;
  text-transform: uppercase;
}

.characteristic-table {
  font-family: "Verdana", sans-serif;
  font-size: 16px;
  color: #ffff;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
  border: 0;
}

.characteristic-table th {
  background-color: #4d4d4d;
  font-weight: normal;
  line-height: 22px;
}

.characteristic-table td, .characteristic-table th {
  vertical-align: middle;
  border-left: 0;
  border-bottom: 0;
}

.characteristic-table td:last-child, .characteristic-table th:last-child {
  border-right: 0;
}

.characteristic-table .tr-color table {
  margin-bottom: 0;
}

.characteristic-table .tr-color table td {
  border: 0;
  padding: 0.75rem;
}

.characteristic-table .tr-color td {
  background-color: #94d63d;
  font-size: 14px;
  padding: 0;
}

.characteristic-table .detail {
  color: #666666;
}

.characteristic-table .detail td {
  padding: 0;
  font-size: 14px;
}

.characteristic-table .detail td div {
  padding: 10px 0;
}

.characteristic-table .detail table {
  margin-bottom: 0;
}

.characteristic-table .detail table td {
  border: 0;
}

.Characteristic-list li::before {
  background-color: #666666 !important;
}
 


/*
@media (max-width: 1366px) {
	.affiliated-banner { height:400px; background-position: bottom}
	
}*/

.box-msg-signature { margin: 40px auto 0 auto; width: 50%; }
.img-ir-msg { width: 100%; max-width: 800px; margin: 30px auto; display: block; }


 
.banner-subcate { background-position:top center; background-repeat: no-repeat;background-size: cover;
 width: 100%; max-width: 100%;margin: 0 auto; position: relative; height: 72vh; }
.banner-subcate img {width: 100%; display: block;margin: 0 auto;padding: 0;max-width:1920px;  }
.nav-product { position: absolute; top: 20px; }
.content-product { width:100%; max-width: 1180px; margin:0 auto; }
.text-head-pro { text-align: left !important; line-height: normal;
 font-family: "Verdana", sans-serif;font-size: 28px;color: #555;font-weight: 400;padding-bottom: 10px;}
.underline.headpro-left { margin: 40px 0 }
.underline.headpro-left-new { margin: 25px 0 30px 0; }

.box-subcate-left {width:418px; float: left; position: relative; margin: 86px 0 86px 0; }
.box-subcate-left-img {  display: block;margin: 0;padding: 0; margin-left: 0 }
.box-subcate-left img { width: 100%}
.box-subcate-description {width: 686px; margin: 86px 0 86px 60px; float: left; text-align: justify;}
.clear { clear: both; }

.img-product-detail { width: 100%; max-width: 1000px; margin: 0 auto; display: block; padding: 0 }

.no_data { color: red;padding:50px 3px 200px 3px; font-size: 16px; text-align: center; margin-bottom: -150px;}
.txt-pro h5.card-title {text-align: left !important; margin-bottom:0;}
.txt-pro {padding:1.25rem 0 0 0 !important; height: 63px}


.nodata { width: 100%; font-size: 14px; text-align: center !important; padding: 100px 0; }
.set-news-table, .press-release-table {margin-bottom: 0}
.mb-annual {margin-bottom:30px  !important}

/**/

 
.cookies { position: fixed;bottom: 0; padding: 30px 0; font-family: arial;
 background-color: rgba(0, 0, 0, 0.8); width: 100%; color: #fff; font-size: 14px;}
.cookies-accept {background-color: #00aeef !important;
border-color: #00aeef !important;
font-weight: 500;
-webkit-transition: .3s;
transition: .3s;
border-radius: 20px !important; display: inline-block;
border: none; padding: 6px 20px;  color: #fff; cursor: pointer; }
.cookies-accept:hover {background-color: #4d4d4d !important;
border-color: #4d4d4d !important;
-webkit-transition: .3s;
transition: .3s;}

.cookies-right {text-align: right;}

.box-set-news {width: 91%;}
.index-investor-news {position: relative;}
.icon-new-set {position: absolute;right: 0;top: 23px;}
.icon-new-set-inner {position: absolute;left: -40px; top:16px }

.box-load-about { width: 65%; margin:30px auto 0 auto; }
.icon-load {width:15%; display: block; float: left;}
.txt-load {width: 75%;display: block; float: right;}

.box-share {margin: 30px 0;}
.box-share h3 {font-weight: bold; font-size: 15px; color: #00aeef; line-height: normal;}

.linePro6 {
    margin: 10px;
    border-bottom: 1px dotted #d7d7d7;
    width: 100%;
}


/*text-editor*/
.box-editor {width: 100%; margin-bottom: 30px;}
.box-editor:after {content: ''; display: block; clear: both;}
.box-editor-left {width: 48%; float: left;}
.box-editor-right {width: 48%; float: right;}
.img-responsive img {width: 100%}

.clear {clear: both;}
.section-feature  h2{margin-bottom: 20px !important}
.box-editor h3 {font-size: 15px;font-family: 'Verdana', sans-serif; font-weight: bold;}

.section-feature {background: #f5f5f5;}

.box-txthilight .txthilight { font-size: 24px; color: #00aeef;font-family: 'Verdana', sans-serif; }


.cover-vdo {width: 260px; position: relative;}
.cover-vdo img.cover { 
width: 100%; }

.cover-vdo .icon-vdo {position: absolute;
top: 50%;
text-align: center;
transform: translateY(-50%);
width: 100%; z-index: 2 }
.cover-vdo .icon-vdo img {width: 40px}
.cover-vdo:after {background: rgba(0,0,0,0.2); content: ''; 
position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0}

.cover-file {width: 260px; position: relative;}
.cover-file img {width: 100%;}

.cover-vdo:hover:after {background: rgba(0,0,0,0.6);}

.mt-0 {margin-top: 0}

.parallax-window {
    min-height: 400px;
    background: transparent;
    background-size: 100%;
}
.bg-white {background: #fff; padding:30px}
.bg-white .form-control { background: #f5f5f5 }
.no-bullet li {
  background: none;
  padding-left: 0;
  margin-bottom: 10px;
}
.no-bullet img {
  width: 20px;
  margin-right: 10px;
}
.nav-breadcrumb {
  background-color: rgba(77, 77, 77, .9);
  width: 100%;
  position: absolute;
  top: 78px;
  padding: 13px 0!important;
  z-index: 2
}
.stock_price{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

.stock_price ul{
	text-align: center;
	margin: 0;
	padding: 0;
	float: left
}
.stock_price li {
    width: 18%;
    margin: 0 20px;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    text-align: center;
}

.stock_price, body {background: none}


.QR-code {text-align: center;overflow: hidden;margin: 30px auto 0 auto;vertical-align: top;display: inline-block;padding: 0; float: right;}			 
.QR-code p  {color: #808080;font-size: 14px;font-family: arial; text-decoration: none;}
.QR-code img {border: 4px solid #fff;border-radius: 2px;}

#box-finance {}
ul.box-finance { margin:0 0 0 -15px; padding:0; text-align: center; float: left;}
ul.box-finance li { overflow:hidden; margin:0 ; padding-left:10px;list-style:none; width:218px; display: inline-block; vertical-align:top}
.tab-product {text-align: left;padding-right: 60px;}
.icn-pdf {width: 60px;padding: 8px 8px 0 0;}
ul.list-ir-finance {margin: 10px 0;padding: 0;}
ul.list-ir-finance>li {margin: 0 0 10px 0;list-style: none;background: #f2f2f2;padding: 10px;border-radius: 6px;font-size: 14px;position: relative;line-height: 22px;}						
ul.list-ir-finance>li a {text-decoration: none;color: #666666}
ul.list-ir-finance>li span {color: #777676}
ul.list-ir-finance>li span:hover {color: #38b549!important;}
ul.list-ir-finance>li a:hover {color: #38b549!important;}

.btn-brochure{
  padding: 15px;
  font-size: 16px;
  color: #fff;
  margin: 0 auto;
  display: block;
  text-align: center;
  margin-top: 20px;
  text-decoration: none;
}

.btn-brochure img{width: 350px}

.btn-brochure:hover {
 opacity: 0.3;
 }
.col-lg-12 a{ text-decoration: none;}
.ico-brochure {
    width: 16%;
    font-size: 30px;
}

.dropdown-th {
  position: relative;
  display: inline-block;
}

.dropdown-content-th {
  display: none;
  position: absolute;
  background-color: #f3f3f3;
  min-width: 160px;
  z-index: 1;
  right: -121px;
  height: 110px;
  
}

.dropdown-content-th a {
  color: black;
  padding: 5px 15px!important;
  text-decoration: none;
  display: block;
}

.dropdown-content-th a:hover {background-color: #ddd;color: #777c7e !important;}
.dropdown-th:hover .dropdown-content-th {display: block;}
.dropdown-th:hover .dropbtn {background-color: #3e8e41;}

.test-font{
 font-family:'Browallia New';
 font-size: 23px;
 line-height: 1.1;
 }

 .no-magin-l, .no-magin-r {
    margin-top: 10px!important;
    margin-bottom: 30px!important;
}

.underline.headpro-solutions {
    margin: 15px 0;
}

.img-icon-pro {
    width: 150px!important;
    margin: 0 auto!important;
    display: block !important;
}

.footer-address-title {
    font-size: 16px;
    color: #666;
    font-weight: bold;
}

.box-subscribe-title {
    font-family: "Verdana", sans-serif;
    color: #00aeef;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}

#mc_embed_signup-title {
    font-weight: bold;
    padding: 0;
    margin: 15px 0;
    font-size: 1.4em;
}