@charset "utf-8";
/* CSS Document */
html {max-width: 1920px; margin: 0 auto;-webkit-filter: grayscale(50%);filter: grayscale(50%);}
body {font-size: 28px;line-height: 120%; position: relative; color: #505050; max-width: 1920px; font-family: 'db_helvethaica_x57_cond', sans-serif;margin: 0 auto;overflow-x: hidden;}
.row {font-size: 28px;line-height: 120%;}
div {font-family: 'db_helvethaica_x57_cond', sans-serif;}
p {font-size: 28px;line-height: 120%; font-family: 'db_helvethaica_x57_cond', sans-serif; color: #505050;}
*, *:before, *:after {box-sizing: border-box;}
*:before, *:after {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
img,svg {max-width: 100%;height: auto;}
ul,ol {font-family: 'db_helvethaica_x57_cond', sans-serif;font-size: 28px;line-height: 120%; color: #505050;}
a {cursor: pointer;}
a * {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
a, div a, p a {color: #505050; text-decoration: none!important;outline: none;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
a:hover, div a:hover, p a:hover {color: #ED1C24;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
header {position: fixed;z-index: 9991;width: 100%;max-width:1920px;box-shadow: none;position: fixed;}
header:before {position: absolute;content: "";bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.34);z-index: 9991;}
header:after {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 150%;z-index: 999;background: rgb(132,132,132);
background: linear-gradient(0deg, rgba(132,132,132,0) 0%, rgba(0,0,0,0.6572829815519958) 100%);}
h1,h2,h3,h4,h5,h6 {margin-bottom: 0!important;font-weight: normal;font-family: 'db_helvethaica_x67_medcond', sans-serif;}
.clear {clear: both;}
.content-wrap {width:90%; max-width: 1600px; margin: 0 auto;overflow: hidden;position: relative;}
.content-wrap-header {width:90%; max-width: 1600px; margin: 0 auto;overflow: visible;position: relative;}
.logo-main {top: 50%;left: 50%;transform: translate(-52%, -50%);position: absolute;width: 125px;}
.logo-main img{width: 125px;}
#main-menulist {padding: 0;display: inline-block;width: 97%;}
.menu-wrapmain {padding: 0;}
#main-menulist ul {list-style: none;display: flex;flex-wrap: wrap;padding: 0;margin: 0;width: 100%;justify-content: space-between;}
#main-menulist ul li {font-family: 'db_helvethaica_x57_cond', sans-serif;color: #fff; display: inline-block;position: relative;padding: 0;}
#main-menulist ul li a {position: relative;color:#fff;font-size: 28px;line-height: 30px; padding: 45px 0;display: block;}
#main-menulist ul li a:hover {font-family: 'db_helvethaica_x77_bdcond', sans-serif;}
#main-menulist ul li a:after{position: absolute;bottom: -1px;left: 0;height: 3px;width: 0;background: #fff;content: "";}
#main-menulist ul li:hover a:after {width: 42px!important;}
#main-menulist ul ul {position: absolute;column-count: 2;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
margin-top: 135px;
background: #fff;
padding: 50px 50px 0 50px;
list-style: none;
min-width: 727px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
#main-menulist ul ul li img {vertical-align: middle;display: inline-block;height: 58px;}
#main-menulist ul ul li span {vertical-align: middle;display: inline-block;padding-left: 10px;}
#main-menulist ul li li {text-align: left;width: 50%;margin: 0;padding: 0 0 50px 0;line-height: initial; position: unset;transition: unset;}
#main-menulist ul li li:last-child {border-bottom: unset!important;}
#featured-menu {display: inline-block; width: 20%;}
#main-menulist ul li li a {color: #505050;text-transform: none;font-weight: 400;padding: 0;font-size: 25px;line-height: 20px;display: flex;align-items: center;font-family: 'db_helvethaica_x67_medcond', sans-serif!important;}
#main-menulist ul li li.has-sub:hover a {padding-left: 15px;}
#main-menulist ul ul ul {position: absolute;display: none;margin: 0;padding: 10px 30px; top: 0;left: 95%;width: 240%;list-style: none;border: none;visibility: visible;box-shadow: unset;min-height: 500px;column-count: 3;}
#main-menulist ul li li a:hover {color: #ED1C24;}
#main-menulist ul li li li {border-bottom: none;background: unset;padding: 15px 0 50px 35px;width: 33%;position: relative;}
#main-menulist ul li li li a {background: unset!important;font-weight: 400;font-size: 18px;border-bottom: 1px solid #777777;}
#main-menulist ul ul ul ul {position: relative;display: block;margin: 0;padding: 0; list-style: none;min-height: unset;column-count: unset;left: unset;top: unset;width: 100%;}
#main-menulist ul li li li li {width: 100%;padding: 10px 0 0 0;}
#main-menulist ul li li li li a {display: inline-block;font-weight: 300;font-size: 16px;padding-left: 0 !important;border-bottom: unset!important;}
#main-menulist ul li li a:after, #main-menulist ul li li li a:after,#main-menulist ul li li li li a:after {display: none!important;}
.dropdown-main:hover .submenu-list {opacity: 1!important;
visibility: visible!important;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
.dropdown-main:hover .submenu-list-single {visibility: visible!important;}
.menu-left {margin-right: 25px;text-align: left;}
.menu-right {margin-right: 50px;text-align: right;}
.menu-logo {width: 11%;content: "";text-align: center;}
.wrap-content-menu {display: flex;flex-wrap: wrap; width: 100%;vertical-align: top;position: relative;justify-content: end;}
.switch-lang {font-size: 28px;display: inline-block;position: relative;width: 4%;text-align: left;}
.droplanglabel {
  padding: 0 10px;
  color: #fff;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 999;
    -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
}
.droplanglabel img {margin-left: 5px;display: inline-block;}
.switch-lang .list {
  display: flex;align-items: end;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0px;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
}
.switch-lang .item {
    width: 100%;
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.34);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.switch-lang .item a {color: rgba(255, 255, 255, 0.6);padding-top: 5px;display: block;}
.lang-list {
    z-index: 10;
}
.switch-lang:hover .lang-list {
    visibility: visible;
    opacity: 2;
    height: 75px;
    background: #0f3c3d;
    -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
}
.switch-lang:hover .droplanglabel {background: #0f3c3d;}
.btn-banner-more {padding: 25px 0 2px 0;}
.btn-banner-more a {border: 1px solid #B8B8B8;padding: 7px 0;display: inline-block;min-width: 175px;text-align: center;}
.btn-banner-more a img {padding-left: 10px;}
.btn-banner-more a:hover {background-color: #fff;display: inline-block;color: #0094DA!important;}
footer {padding: 70px 0 0 0;}
.footer-wrap {border-top: 1px solid #DCDCDC;padding: 50px 0 70px 0}
.menu-footer {width: 100%; list-style: none; padding: 0; margin: 0 0 35px 0;}
.menu-footer li a {color: #0171B6; margin-bottom: 10px;display: inline-block;position: relative;font-size: 30px;line-height: 130%;}
.menu-footer li a:hover {color: #ED1C24}
.menu-footer li ol {list-style: none; padding: 0; margin: 0;}
.menu-footer li ol li a {color: #505050;margin-bottom: 5px;display: inline-block;position: relative;font-size: 25px;line-height: 130%;
background: url(../../assets/images/icon/arrow-menu-footer.svg) no-repeat left top 10px;padding-left: 15px;}
.footer-long {column-count: 2}
.footer-menuwrap-column {display: flex;flex-wrap: wrap;padding-left: 50px}
.footer-menuwrap-column .menu-footer {display: inline-block;}
.footer-menuwrap-column ul > li {padding-bottom: 15px;min-height: 177px;}
.footer-menuwrap-column ul:nth-child(1) {width: 35%}
.footer-menuwrap-column ul:nth-child(2) {width: 43%}
.footer-menuwrap-column ul:nth-child(3) {width: 22%}
.menu-footer li ol li a:hover {color: #ED1C24}
.overflowvisible {overflow: visible!important;}
.bg-grey {background: #787878!important;}
.form-check-input[type=radio] {border: 1px solid #707070;}
#mainmenu-button-mb {display: none;}
.wrap-menumain {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 9999}
.policywrap p,.policywrap ul,.policywrap ol {color: #505050}
.submenu-icon li a {display: flex;align-items: center;}
.submenu-icon li a span {padding-left: 15px;width: 90%;}
.submenu-icon li a img {max-height: 27px;}
.copyright-box {background: rgb(8,25,26);
background: linear-gradient(90deg, rgba(8,25,26,1) 0%, rgba(4,76,74,1) 100%);padding: 15px 0;}
.copyright-box-txt {color: #fff;text-align: center;font-size: 22px!important}
.copyright-box-txt a {color: #fff;}
.menumain-active {color: #fff !important;font-family: 'db_helvethaica_x77_bdcond', sans-serif!important;}
.menumain-active:after {width: 42px!important;}
.banner-mb {display: none!important;}
.padd-section {padding: 120px 0}
.padd-section-pd-home {padding: 120px 0 65px 0}
.padd-section-news-home {padding: 65px 0}
.title-main-wrap {text-transform: uppercase;padding-bottom: 20px;}
.title-sub {font-size: 59px;line-height: 59px;color: #787878;text-transform: uppercase;width: 100%;display: block;}
.title-sub img {vertical-align: bottom;}
.title-main {font-size: 137px;line-height: 100px;font-family: 'db_helvethaica_x67_medcond', sans-serif;}
.title-grey-blue {background: #005797;
background: linear-gradient(to right, #005797 0%, #00C3FC 50%, #027BBD 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.txt-center {text-align: center!important;}
.txt-left {text-align: left!important;}
.txt-right {text-align: right!important;}
.txt-white {color: #fff!important;}
.txt-blue {color: #0094DA!important;}
.img-cover{position: relative;z-index: 2;}
.img-absolute{position: absolute;right: 0; top: 50%; transform: translate(0, -50%);z-index: 2;}
.box-relative {position: relative!important;}
.btn-view-more {display: inline-block;}
.btn-view-more a {display: flex;align-items: center;color: #FF911B;font-size: 21px}
.btn-view-more a:hover {color: #ED1C24}
.btn-arrow-circle {border-radius: 100%;width: 39px;height: 39px;display: flex;justify-content: center;align-items: center;
border: 1px solid #FF911B;}
.btn-view-more i {margin-left: 10px;}
.btn-arrow-circle svg .a{fill:#FF911B;}
.btn-arrow-circle svg .b{fill:none;stroke:#fff;}
.btn-arrow-circle-line {width: 0;-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
a:hover .btn-arrow-circle {border: 1px solid #ED1C24;background: #ED1C24}
a:hover .btn-arrow-circle svg .a{fill:#fff;}
a:hover .btn-arrow-circle-head {margin-left: 3px}
a:hover .btn-arrow-circle-line {display: inline-block;width: auto;}
.img-shadow {box-shadow: rgba(0, 0, 0, 0.16) -10px 10px 32px 0, rgba(0, 0, 0, 0.06) 0px 0px 0px 0px;}
.sec-home-about .img-cover {text-align: right;margin-top: -30%}
.sec-home-pd .img-cover {text-align: right;margin-top: -10%}
.pd-list-home {text-align: right;z-index: 3;position: absolute;right: 0;}
.sec-home-pd .pd-list-home {width: 80%}
.padd-section-pd {padding: 70px 0 70px 100px }
.padd-section-pd-right {padding-right: 100px}
.bg-about-product {background: url(../../assets/images/home/bg-about-product.webp) no-repeat fixed top center;background-size: cover;}
.box-sub-menu-home {position: relative;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.16) -10px 10px 32px 0, rgba(0, 0, 0, 0.06) 0px 0px 0px 0px;}
.box-sub-menu-home a {display: block;}
.box-sub-menu-home a:before {display: block;}
.sec-home-pd .box-sub-menu-home-overlay,.product-main-inner .box-sub-menu-home-overlay {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;
background: url(../../assets/images/common/menu-overlay.webp) no-repeat bottom center;padding: 10px;background-size: 100% 70%;}
.box-sub-menu-home-overlay {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;
background: url(../../assets/images/common/menu-overlay-black.webp) no-repeat bottom center;padding: 10px;background-size: 100% 30%;z-index: 10;}
.box-sub-menu-title {font-family: 'db_helvethaica_x67_medcond', sans-serif;color: #fff;display: flex;align-items: center;}
.box-sub-menu-home-overlay .box-sub-menu-title {width: 100%}
.box-sub-menu-home svg {-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
.box-sub-menu-home svg .a{fill:#fff;}
.box-sub-menu-home svg .b{fill:none;}
.box-sub-menu-home svg .c{clip-path:url(#c);}
.box-sub-menu-home svg .d,.box-sub-menu-home svg .e{stroke:none;}
.box-sub-menu-home svg .e{fill:#fff;}
.box-sub-menu-home svg .f{filter:url(#a);}
.box-sub-menu-home a:hover .box-sub-menu-title {color: #ED1C24}
.box-sub-menu-home a:hover svg .b{fill:#ed1c24;}
.box-sub-menu-home a:hover svg .d{filter:url(#a);}
a:hover img.img-zoom {transform: scale(1.1)!important;}
.bg-news {background: url(../../assets/images/home/news-bg.webp) no-repeat top center;background-size: cover;}
.padd-70 {padding: 70px 0}
.box-news-cop {padding-right: 30px}
.box-news-market {padding-left: 70px}
.news-arrow svg .a{fill:none;stroke:#c8c8c8;}
.news-arrow svg .b{fill:#c8c8c8;}
.news-home-cop-list-img {position: relative;overflow: hidden;}
.news-home-cop-list a {color: #fff}
.menu-main-inner .news-home-cop-list a,.menu-main-inner  .news-list-date {color: #505050!important}
.menu-main-inner .news-home-cop-list a:hover .news-list-short {color: #ED1C24!important}
.news-home-cop .news-home-cop-list-txt {padding: 25px 0}
.news-list-date {font-size: 20px;color: #fff!important;line-height: 20px}
.news-list-short {font-size: 28px;}
.news-list-box-list .news-list-short {min-height: 67px;}
.news-home-cop-list a:hover .news-arrow {text-align: right;}
.news-arrow {display: block;position: relative;content: "";margin-top: 15px;}
.news-arrow svg {position: absolute;left: 0}
a:hover .news-arrow svg {left: 96%}
a:hover .news-arrow svg .a {stroke:#ED1C24;}
a:hover .news-arrow svg .b {fill:#ED1C24;}
.news-home-market > .row {margin-bottom: 25px}
.news-home-cop,.news-home-market {padding-top: 35px}
.bg-knowledge {background: url(../../assets/images/home/bg-knowledge.webp) no-repeat top center;background-size: cover;}
.bg-sustain {background: url(../../assets/images/home/bg-sustain.webp) no-repeat top center;background-size: cover;}
.bg-join {background: url(../../assets/images/home/bg-join.webp) no-repeat top center;background-size: cover;}
.bg-contact {background: url(../../assets/images/home/bg-contact.webp) no-repeat top center;background-size: cover;}
.sec-home-knowledge .img-cover {text-align: right;margin-top: -35%;}
.sec-home-knowledge p {min-height: 70px}
.knowledge-list-home {text-align: left;z-index: 3;position: absolute; left: 0;bottom: -45%;}
.padd-b-200 {padding-bottom: 200px}
.knowledge-list-home {width: 80%}
.icon-hover {position: relative;width: 20%}
.box-sub-menu-home-overlay .icon-hover {width:65px}
.icon-hover img {
  height: 59px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
img.pichover {
  opacity: 0;
  position: absolute;
}
img.picactive {
  opacity: 1;
  vertical-align: middle;
}
a:hover img.pichover {
  opacity: 1;
}
a:hover img.picactive {
  opacity: 0;
}
.sec-home-join .img-cover {text-align: right;margin-top: 0;}
.sec-home-sustain .img-cover {text-align: right;margin-bottom: -60%;}
.mar-t-40 {margin-top: 40px;}
.mar-t-150  {margin-top: 180px;}
.join-list-home {
  text-align: left;
  z-index: 3;
  position: absolute;
  left: 0;
  bottom: -15%;
  width: 80%;
}
.contact-social-list {padding-top: 25px}
.contact-social-list a:hover span {color: #ED1C24;}
.btn-border-icon {display: flex;justify-content: center;align-items: center;padding: 18px 40px;text-align: center;font-family: 'db_helvethaica_x67_medcond', sans-serif;
    color: #fff!important;text-transform: uppercase;border: 1px solid rgba(255, 255, 255, 0.45);border-radius: 50px;font-size: 30px;}
.btn-border-icon span {padding-right: 15px}
.btn-border-icon svg .a{fill:#fff;}
.btn-border-icon:hover {background: #ED1C24}
.tel-icon svg .a{fill:#fff;}
.tel-icon span {padding-left: 10px;}
.tel-icon:hover {color: #ED1C24!important}
.tel-icon:hover svg .a{fill:#ED1C24;}
.map-btn {font-size: 21px!important;line-height: 21px;padding: 10px 25px!important}
.map-btn span {margin-top: 3px;line-height: 15px}
.sub-contact {text-transform: uppercase;font-family: 'db_helvethaica_x67_medcond', sans-serif;font-size: 30px;}
.contact-branches-box {margin-top: 45px;padding-top: 35px;border-top: 1px solid rgba(255, 255, 255, 0.45);}
.padd-section-contact {padding: 0 0 70px 20px;}
.padd-section-contact-right {padding-right: 50px;}
#navbreadcrumbs {font-size: 25px!important;text-align: right; padding: 45px 0 0 0;z-index: 999;position: relative;
display: flex;justify-content: end;align-items: center;flex-wrap: wrap;}
#navbreadcrumbs * {font-size: 25px!important;}
#navbreadcrumbs a {display: inline-block; color: #9E9E9E;}
#navbreadcrumbs a:hover {color: #ED1C24;}
#navbreadcrumbs span {color: #FF911B;padding: 0 15px;font-weight: bold;font-size: 12px !important;}
.breadcrumbsdefault {display: inline-block; margin: 0;color: #003FB2!important;}
.box-about-menu-grid {position: relative;overflow: hidden;margin-bottom: 25px}
.box-about-menu-grid:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';z-index: 9;background: rgba(0, 0, 0, 0.4)}
.box-about-menu-grid img {width: 100%}
.about-grid-wrap .col-lg-5 {width: 33.5%!important}
.about-grid-wrap .col-lg-7 {width: 65.8%!important}
.about-list-menu {padding-top: 25px}
.timeline-box {
    width: 100%;
    position: relative;
}
.timeline-date-box {
    position: relative;
    height: 55px;
}
.years-point {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 150px;
    z-index: 2;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    padding: 10px 20px;
    color: #003387;
    border: 1px solid #787878;
border-radius: 50px;
background: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.point-break {
  height: 2px;
  max-width: 50px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 25px;
  padding-right: 15px;
}
.years-point:hover {
    color: #08ab5b;
}
.timeline-date-select .years-point {
    color: #fff!important;
    background: #133C3E!important;
}
.timeline-date-select .years-point:after {
    background-color: #08ab5b!important;
}
.timeline-date-box a:hover .years-point:after {
    background-color: #08ab5b!important;
}
.timeline-content {
    overflow: hidden;
    width: 100%;
    display: none;
}
.history-img {
    width: 35%;
    float: left;
}
.history-img img {
    width: 100%;
}
.history-txt {
    width: 65%;
    float: left;
    padding-left: 70px;
}
.mainsub-title {
    font-family: 'db_helvethaica_x67_medcond', sans-serif;
    font-size: 59px;
    color: #02524F;
    line-height: 59px;
}
.sub-title {
    font-size: 25px;
    color: #ff911b;
    line-height: 25px;
}
.history-txt p {
    margin: 5px 0 25px 0;
}
.all-content {
    margin: 50px 0;
}
.btn-more-detail a {
    padding: 10px 20px;
    text-align: center;
    color: #ffffff;
    background: #ff911b;
    font-size: 25px;
    font-family: 'DBHelvethaicaX-67MedCond';
    display: inline-block;
    border-radius: 6px;
}
.about-history-timeline .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  padding: 0;
  background-size: 100%;
  width: 93%;
}
.about-history-timeline .slick-prev, .about-history-timeline .slick-next {width: 39px!important;height: 39px!important;position: absolute;
display: block;line-height: 0px;font-size: 0px;cursor: pointer;background: transparent;
color: transparent;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);
padding: 0;border: none;outline: none;z-index: 99;}
.about-history-timeline .slick-prev {left: 0;background: url(../../assets/images/icon/timeline-prev.svg) no-repeat center right 52%!important;background-size: 39px;}
.about-history-timeline .slick-next {right: 0;background: url(../../assets/images/icon/timeline-next.svg) no-repeat center left 52%!important;background-size: 39px;}
.about-history-timeline .slick-next::before,.about-history-timeline .slick-prev::before {content: ''!important;}
.about-history-timeline {margin: 35px 0 70px 0}
.head-30 {font-size: 30px;line-height: 30px;font-family: 'db_helvethaica_x67_medcond', sans-serif;padding-bottom: 10px}
.box-half-txt-detail * {color: #fff;position: relative;z-index: 3}
.txt-list {padding: 0 0 0 20px;list-style: none;}
.txt-list li::before {
  content: '\2022';
  margin-right: 5px;
  color: #FF911B;
  margin-left: -20px;
}
.txt-list-num {padding: 0 0 0 20px;list-style: decimal;}
.section-box-half-left,.section-box-half-right {margin: 100px 0;position: relative;padding: 100px 0}
.half-left-txt {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: end;
}
.box-half-txt-detail {min-height: 599px;display: flex;align-items: center;align-content: center;flex-wrap: wrap;}
.half-left-txt .box-half-txt-detail:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;right: -15%}
.half-right-txt .box-half-txt-detail:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: -15%}
.half-left-txt .box-half-txt-detail {padding: 90px 0 90px 40%;position: relative;width: 92%}
.half-right-txt .box-half-txt-detail {padding: 90px 40% 90px 0;position: relative;width: 92%}
.bg-ab-business-1:after {background: url(../../assets/images/about/business/bg-ab-business-1.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-ab-business-2:after {background: url(../../assets/images/about/business/bg-ab-business-2.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-ab-business-3:after {background: url(../../assets/images/about/business/bg-ab-business-3.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.box-half-img {position: absolute;z-index: 2;}
.half-left-img {top: -25%;left: 0}
.half-left-img-small {bottom: -25%;left: 10%;}
.half-right-img {top: -25%;right: 0}
.half-right-img-small {bottom: -25%;right: 10%;}
.bg-white {background: #fff!important}
.head-80 {font-size: 80px!important;line-height: 75px}
.head-40 {font-size: 40px!important;line-height: 35px}
.head-59 {font-size: 59px!important;line-height: 69px}
.txt-green {color: #02524F!important}
.txt-upper {text-transform: uppercase!important;}
.bg-ab-philosophy:after {background: url(../../assets/images/about/bg-ab-philosophy-new.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-ab-philosophy img {margin:0 auto;}
.box-philo {margin: 35px 0 0 0!important}
.half-right-img-philo {top: 50%;right: 5%;transform: translate(0, -50%);}
.bg-ab-philosophy {min-height: unset!important;}
.bg-ab-message {padding: 100px 0 100px 25%!important;width: 70%!important;}
.bg-ab-message:after {background: url(../../assets/images/about/bg-ab-message.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.half-left-img-president {top: 10%;left: 0;}
.message-sign {margin-top: 25px;padding-top: 35px;border-top: 1px solid rgba(255, 255, 255, 0.45);width: 100%}
.sec-management-total {margin-top: -70px;padding-bottom: 100px;}
.sec-management-full  {margin-top: -70px;}
.bg-ab-manage-2  {margin-top: 70px;padding-bottom: 100px;background: url(../../assets/images/about/bg-ab-manage-2.webp) no-repeat center bottom !important;background-size: cover;background-size: 100% 90% !important;}
.bg-ab-manage-1:after {background: url(../../assets/images/about/bg-ab-manage-1.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.box-txt-mamage-total-list {display: flex;flex-wrap: nowrap;margin-bottom: 35px}
.mamage-total-list-num {width: 5%;color:#FF911B;text-align:center;width: 31px;height: 31px;border-radius: 100%;border: 1px solid #fff;background: rgba(255, 255, 255, 0.17)}
.mamage-total-list-txt {width: 95%;padding-left: 10px}
.box-txt-mamage-total-list-wrap {margin-top: 70px !important}
.padd-l-50 {padding-left: 50px!important}
.padd-r-50 {padding-right: 50px!important}
.box-sub-menu-title span {padding-left: 5px;text-align: left;}
a:hover .box-sub-menu-title span {color: #ED1C24}
.bg-ab-inno-main,.bg-ab-cultur-main,.bg-video-knowledge {
  padding: 100px 0 100px 40% !important;
  width: 70% !important;
}
.bg-ab-inno-main:after {background: url(../../assets/images/about/bg-ab-inno-main.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-ab-cultur-main:after {background: url(../../assets/images/about/bg-ab-culture.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-video-knowledge:after {background: url(../../assets/images/knowledge/bg-video-knowledge.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}

.landing-page-menu .box-sub-menu-title span {padding-left: 35px;width: 80%}
.landing-page-menu .box-sub-menu-title .icon-hover img {height: 102px}
.page-menu-list-inner {padding: 22px 0;width: 100%}
.bg-ab-tree-1:after {background: url(../../assets/images/about/bg-in-magic-1.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-ab-tree-1 {padding: 100px 0 100px 30%!important;width: 70%!important;min-height: 800px;align-content: start;}
.bg-ab-tree-2  {margin-top: 70px;padding: 100px 0;background: url(../../assets/images/about/bg-in-magic-2.webp) no-repeat center top !important;background-size: cover;background-size: 100% 90% !important;}
.bg-tree-nobg:after {background: unset!important;}
.haft-nobg .half-right-img {right: 0!important;top: -40%;}
.haft-nobg .half-right-img-small {right: 4% !important;bottom: -27%;}
.bg-tree-nobg * {color: #505050}
.haft-nobg-txt-box {padding-top: 50px;padding-bottom: 50px}
.bg-inno-center-1  {margin-top: -100px;padding: 200px 0 100px 0;background: url(../../assets/images/about/bg-ino-center.webp) no-repeat center top !important;background-size: cover;background-size: cover !important;}
.bg-inno-center-2  {padding: 100px 0;background: url(../../assets/images/about/bg-ino-center.webp) no-repeat center bottom !important;background-size: cover;background-size: 100% 75% !important;}
.bg-inno-center-1 .inno-center-ab-1 {position: absolute;right: 0;top: 0}
.bg-inno-center-nobg {padding: 100px 0;}
.bg-inno-foodlab-1  {padding: 100px 0;margin-top: -180px;background: url(../../assets/images/about/bg-inno-foodlab.webp) no-repeat center bottom !important;background-size: cover;background-size: 100% 60% !important;}
.president-list-flow .col-6 {width: 20%!important;}
.row-pc-5 {max-width: 83%;margin: 0 auto}
.president-list-flow .row-pc-6 .col-6 {width: 16.66%!important;}
.president-list-name {line-height: 25px;padding: 10px;text-align: center;color: #fff;font-family: 'db_helvethaica_x67_medcond', sans-serif;background: #133C3E;position: relative;z-index: 2}
.president-list-name span {display: block;font-family: 'db_helvethaica_x57_cond', sans-serif!important;}
.president-list-wrap {position: relative;padding: 60px 10px 0 10px;margin-bottom: 50px}
.president-list-img {position: absolute;top: -30px;left: 50%;transform: translate(-50%, 0);width: 100%;}
.president-list-img-bg img {width: 100%}
.president-list-img-bg {margin-bottom: -30px}
.bg-ab-award-1:after {background: url(../../assets/images/about/bg-award.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-ab-award-2:after {background: url(../../assets/images/about/bg-award.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-ab-award-1 {padding: 70px 0 70px 30%!important;min-height;min-height: 395px;}
.bg-ab-award-2 {padding: 70px 30% 70px 0!important;min-height;min-height: 395px;}
.award-row-sec {margin: 0!important;padding: 170px 0 0 0!important}
.bg-ab-culture-2 {margin-top: 70px;padding-bottom: 100px;background: url(../../assets/images/about/bg-ab-culture-2.webp) no-repeat center bottom !important;background-size: cover;background-size: 100% 90% !important;}
.bg-ab-culture-1:after {background: url(../../assets/images/about/bg-ab-culture-1.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-ab-culture-1 {padding: 90px 0 120px 38%!important;min-height:unset;}
.half-left-culture-1-img {top: -10%;}
.mar-b-70 {margin-bottom: 70px!important}
.head-25 {font-size: 25px!important;line-height: 25px;}
.txt-red {color: #ED1C24!important}
.txt-normal {font-family: 'db_helvethaica_x57_cond', sans-serif!important;}
.txt-gree-light {color: #00A651!important}
.txt-orange {color: #FF911B!important}
.box-cp-values {display: flex;flex-wrap: wrap;padding: 50px 0;
  background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(193,193,193,1) 100%);}
.box-cp-values-list {width: 20%;border-right: 1px solid rgba(112, 112, 112, 0.39);padding: 0 30px;}
.company-video-box {position: relative;overflow: hidden;}
.company-video-box svg .a,.company-video-box svg .d{fill:none;}
.company-video-box svg .a{stroke:#fff;stroke-width:2px;opacity:0.68;}
.company-video-box svg .b{fill:#fff;}
.company-video-box svg .c{stroke:none;}
.company-video-box a:hover svg .a,.company-video-box a:hover svg .d {fill: #ED1C24}
.video-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.corp-policy-box-list {margin-bottom: 25px;}
.corp-policy-box-list a {display: block;}
.corp-policy-title {padding: 15px 0 20px 0;}
.corp-policy-img {position: relative;overflow: hidden;}
.corp-policy-download svg .a,.corp-policy-download svg .d{fill:none;}
.corp-policy-download svg .a{stroke:#ff911b;}
.corp-policy-download svg .b{fill:#ff911b;}
.corp-policy-download svg .c{stroke:none;}
.corp-policy-download span,.download-form  {color: #FF911B;font-size: 25px;padding-right: 10px;}
.corp-policy-box-list a:hover * {color: #ED1C24!important}
a:hover .corp-policy-download span {color: #ED1C24}
a:hover .corp-policy-download svg .a{stroke:#ED1C24;}
a:hover .corp-policy-download svg .b{fill:#ED1C24;}
.download-form svg .a,.download-form svg .c,.download-form svg .e{fill:none;}
.download-form svg .a,.download-form svg .c{stroke:#ff911b;}
.download-form svg .b{fill:#ff911b;}
.download-form svg .c{stroke-linecap:round;stroke-width:1.5px;}
.download-form svg .d{stroke:none;}
a:hover .download-form svg .a,a:hover .download-form svg .c{stroke:#ED1C24;}
a:hover .download-form svg .b{fill:#ED1C24;}
.bg-product {background: url(../../assets/images/product/bg-product-new.webp) no-repeat fixed top center;background-size: cover;}
.bg-product-chilled {background: url(../../assets/images/product/chilled-main-bg.webp) no-repeat fixed top center;background-size: cover;}
.bg-product-frozen {background: url(../../assets/images/product/forzen-main-bg.webp) no-repeat fixed top center;background-size: cover;}
.section-pd-half-left,.section-pd-half-right {margin: 100px 0;position: relative;padding: 100px 0}
.pd-half-left-txt {position: relative;width: 100%;display: flex;justify-content: end;}
.pd-half-txt-detail {min-height: 599px;display: flex;align-items: center;align-content: center;flex-wrap: wrap;}
.pd-half-txt-detail *  {color: #fff;}
.pd-half-left-txt .pd-img-bg {content: '';position: absolute;width: 100%;height: 100%;top: 0;right: -15%}
.pd-half-right-txt .pd-img-bg {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: -15%}
.pd-half-txt-detail-wrap {position: relative;z-index: 9}
.pd-half-left-txt .pd-half-txt-detail {padding: 90px 0 90px 40%;position: relative;width: 92%}
.pd-half-right-txt .pd-half-txt-detail {padding: 90px 40% 90px 0;position: relative;width: 92%}
.pd-half-img {position: absolute;z-index: 2;}
.pd-half-left-img {top: -25%;left: 0}
.pd-half-left-img-logo {bottom: -25%;left: 10%;}
.pd-half-right-img {top: -25%;right: 0}
.pd-half-right-img-logo {bottom: -25%;right: 10%;}

.section-pd-detail  {margin: 25px 0 0 0;position: relative;padding: 100px 0 0 0;}
.pd-detail-txt {position: relative;width: 100%;display: flex;justify-content: end;}
.pd-detail-txt-detail {position: relative;width: 92%;display: flex;align-items: center;align-content: center;flex-wrap: wrap;
padding: 70px 0 70px 20% !important;height: 414px;}
.pd-detail-txt-detail *  {color: #fff;}
.pd-detail-txt .pd-img-bg-inner {content: '';position: absolute;width: 112%;height: 100%;top: 0;right: -15%}
.pd-detail-txt-detail-wrap {position: relative;z-index: 9}
.pd-detail-logo-img {position: absolute;z-index: 10;top: -25%;left: 0;}
.pd-detail-txt .pd-half-txt-detail {padding: 90px 0 90px 40%;position: relative;width: 92%}
.pd-img-bg-inner {position: absolute;z-index: 2;top: -25%;left: 0}
.pd-img-bg-inner:before {content: '';width: 100%;height: 100%;background: rgb(2,82,79);position: absolute;top: 0;left: 0;z-index: 3;
background: linear-gradient(270deg, rgba(2,82,79,0.8953782196472339) 0%, rgba(2,82,79,0.8001401244091386) 31%, rgba(3,141,148,0.7973390039609594) 65%, rgba(3,141,148,0.6852941860337884) 100%);}
.pd-img-bg-inner:after {content: '';width: 100%;height: 100%;background: rgba(19, 60, 62, 0.8);position: absolute;top: 0;left: 0;z-index: 4}
.pd-img-bg-inner img {position: absolute;left: 0%;top: auto;right: 0%;bottom: 0%;z-index: 1;width: 100%;height: 100%;
  max-width: 100%;background-color: rgba(0, 0, 0, 0.5);-o-object-fit: cover;object-fit: cover;}

.section-pd-detail-list {position: relative;padding: 90px 0 0 0}
.pd-detail-txt-list {position: relative;width: 100%;display: flex;justify-content: end;padding-right: 50px;}
#pills-tabcateContent .col-md-6:nth-child(2n) .pd-detail-txt-list {padding-right: 0!important;padding-right: 50px;}
.pd-detail-txt-detail-list {position: relative;width: 92%;display: flex;align-items: center;align-content: center;flex-wrap: wrap;
padding: 70px 35px 70px 30% !important;height: 330px;overflow: hidden;position: relative;}
#pills-tabcateContent .col-md-6:nth-child(2n) .pd-detail-txt-detail-list {padding: 70px 35px 70px 28% !important;}
.pd-detail-txt-detail-list *  {color: #fff;}
.pd-detail-txt-list .pd-img-bg-inner-list {content: '';position: absolute;width: 100%;height: 100%;top: 0;right: -15%}
.pd-detail-txt-detail-wrap-list {position: relative;z-index: 9}
.pd-detail-img-list-logo {position: absolute;z-index: 10;top: -15px;left: 15px;height: 85px;
width: 135px;
display: flex;
justify-content: center;
align-items: center;}
.pd-detail-img-list {position: absolute;z-index: 10;top: 70px;left: 15px;}
.pd-detail-txt-list .pd-half-txt-detail-list {padding: 90px 0 90px 40%;position: relative;width: 92%}
.pd-img-bg-inner-list {position: absolute;z-index: 2;top: -25%;left: 0}
.pd-img-bg-inner-list img {position: absolute;left: 0%;top: auto;right: 0%;bottom: 0%;z-index: 1;width: 100%;height: 100%;
  max-width: 100%;background-color: rgba(0, 0, 0, 0.5);-o-object-fit: cover;object-fit: cover;}
.pd-img-bg-inner-list-wrap {position: relative;width: 100%;
height: 100%;}
.pd-img-bg-inner-list-wrap:before {content: '';width: 100%;height: 100%;background: rgb(2,82,79);position: absolute;top: 0;left: 0;z-index: 3;
background: linear-gradient(270deg, rgba(2,82,79,0.8953782196472339) 0%, rgba(2,82,79,0.8001401244091386) 31%, rgba(3,141,148,0.7973390039609594) 65%, rgba(3,141,148,0.6852941860337884) 100%);}
.pd-img-bg-inner-list-wrap:after {content: '';width: 100%;height: 100%;background: rgba(19, 60, 62, 0.8);position: absolute;top: 0;left: 0;z-index: 4}
.pd-icon-how-to {display: flex;align-items: center;}
.pd-icon-how-to span {padding-left: 10px}
.section-pd-detail-list .col-md-6 {margin-bottom: 90px}
.section-pd-export-log .col-3 {width: 20%;margin-top: 35px;}
.page-list svg .a{fill:#ff911b;}
.page-list-wrap {text-align: center;margin: 35px auto 0 auto;}
.page-list {display: inline-block;margin: 0 5px;}
.page-list a {text-align: center;color: #505050;display: block;font-weight: 500;font-size: 25px;display: flex;justify-content: center;
align-items: center;width: 31px;height: 31px; border-radius: 100%;border: 1px solid #FF911B;background: #fff}
.page-list a:hover {color: #fff;background: #FF911B}
.page-list a:hover svg .a {fill:#ED1C24;}
.page-active a {color: #fff!important;background: #FF911B!important}
.page-prev a,.page-next a {border: unset!important;background: unset!important;}
.news-list-box-list {margin-bottom: 90px;}
.news-list-box-list a {display: block;}
.news-list-img {position: relative;overflow: hidden;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.news-list-img img {width: 100%}
.news-list-box-list .news-arrow svg .a {stroke: #FF911B;}
.news-list-box-list .news-arrow svg .b{fill:#FF911B;}
.news-list-box-list .news-list-date {color: #8A8A8A!important;padding: 15px 0 10px 0}
.bg-about-news {background: url(../../assets/images/news/bg-about-news.webp) no-repeat fixed top center;background-size: 100%;}
.news-detail-img img {display: block;margin: 0 auto;}
.news-detail-btn-list a {display: flex;align-items: center;justify-content: center;padding: 7px 10px;min-width: 139px;
  background: #02524F;color: #fff;font-size: 25px;border-radius: 50px}
.news-detail-btn {margin: 25px 0 35px 0}
.news-detail-btn-list {padding:  0 7px}
.news-detail-btn-list svg .a{fill:#ff911b;}
.news-detail-btn-list a span {padding-left: 10px;}
.news-detail-btn-list a:hover {color: #ED1C24;}
.news-detail-btn-list a:hover svg .a{fill:#ED1C24;}
.news-detail-btn {display: flex;justify-content: center}
.news-detail-share a {display: flex;align-items: center;}
.news-detail-share a span {padding-left: 10px;}
.news-list-img.company-video-box svg {width: 50px;}
.news-list-img.company-video-box .video-overlay {background: rgba(112, 112, 112, 0.5);height: 103%;}
.bg-sustainability {background: url(../../assets/images/sustainability/bg-sustainability.webp) no-repeat fixed top center;background-size: cover;}
.box-flex-icon {display: flex;align-items: center;}
.box-flex-icon span {padding-left: 25px;font-size: 28px;}
.mar-tup-5 {margin-top: -5% !important;}
.bg-goals-heart-1:after {background: url(../../assets/images/sustainability/bg-goals-heart.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-goals-heart-2:after {background: url(../../assets/images/sustainability/bg-goals-heart.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.bg-goals-heart-1 {padding: 70px 0 70px 30%!important;min-height;min-height: 478px;width: 100% !important;}
.bg-goals-heart-2 {padding: 70px 30% 70px 0!important;min-height;min-height: 478px;width: 100% !important;}
.bg-sus-event:after {
  background: url(../../assets/images/sustainability/bg-sus-event.webp) no-repeat center !important;
  background-size: cover !important;
}
.bg-sus-event {
  padding: 20% 0 150px 72% !important;width: 100% !important;
}
.sus-event-brief {position: absolute;left: 0;top: 8%;padding: 0 0 0 20%}
.half-left-img-sus-event {
  bottom: 6%;
  left: 0;
}
.bg-join {background: url(../../assets/images/join/bg-join.webp) no-repeat fixed top center;background-size: cover;}
.line-height-100 {line-height: 100%;}
.bg-contact-inner {background: url(../../assets/images/contact/bg-contact-inner.webp) no-repeat fixed top center;background-size: cover;}

.section-contact-inner {background: url(../../assets/images/contact/bg-contact-inner-green.webp) no-repeat bottom right;
  background-size: 95% 95%;}
.contact-list {width: 100%;padding: 90px 6% 70px 12%}
.contact-list-box {padding-bottom: 50px;}
.policy-form-check label {padding: 5px 0 0 5px}
.policy-form-check input {border-color: #FF911B;border-radius: unset !important}
.btn-form {padding: 5px 40px;background: #133C3E;color: #fff;font-size: 25px;text-align: center;border-radius: 50px;border: unset;text-transform: uppercase;}
.txt-right {text-align: right!important;} {display: block;}
.report-menu-bar-list a {border-radius: 50px;min-width: 249px;position: relative;border: 1px solid #787878;padding: 5px;
  text-align: center;position: relative;width: 249px;display: flex;margin-bottom: 15px;min-height: 63px;font-size: 40px;
justify-content: center;align-items: center;}
.arrow-report-active {opacity: 0;top: 50%;  right: -25px;  transform: translate(0,-50%);position: absolute;}
.report-menu-bar-list a:hover,.menu-report-active {border: 1px solid #ED1C24!important;background: #ED1C24!important;color: #fff!important;}
.menu-report-active .arrow-report-active {opacity: 1!important}
.report-step-wrap {display: flex;align-items: center;margin-bottom: 35px}
.step-num {width: 39px;height: 39px;border-radius: 100%;border: 1px solid #02524F;color: #02524F;display: flex;justify-content: center;
align-items: center;font-size: 30px;}
.step-active {color: #fff!important;background: #02524F!important}
.step-line {padding: 0 10px;}
.report-list-content {border-left: 1px solid #DCDCDC;padding-left: 70px;}
.report-list-box {background: #133C3E;padding: 25px;min-height: 361px;}
.report-list-box * {color: #fff}

.report-location-list {padding: 0 0 0 25px;list-style: none;}
.report-location-list li::before {
  content: '\2023';
  margin-right: 5px;
  color: #FF911B;
  margin-left: -25px;
}
.report-location-list li {margin-bottom: 10px;}
.report-location-head {font-size: 30px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding-bottom: 15px;margin-bottom: 15px;}
.report-list-location .col-lg-4 {width: 22%!important}
.report-list-location .col-lg-8 {width: 78%!important}
.box-report-form {background: url(../../assets/images/contact/bg-contact-report-form.webp) no-repeat top center;background-size: cover;
padding: 50px;}
.box-report-form *,.box-report-form-thank * {color: #fff}
.box-report-form .form-control {border-radius: 50px;background-color: unset;color: #fff;font-size: 25px;line-height: 25px;}
.select-form {
  background: url(../../assets/images/icon/arrow-form.svg) no-repeat right 10px center;
color: #fff !important;
font-size: 25px !important;
line-height: 25px;
border-radius: 50px !important;
font-weight: 300 !important;
  background-color: unset !important;
  border: 1px solid #C4C4C4 !important;
}
.select-form option {font-size: 25px!important;}
.select-form * {color: #505050!important;font-size: 25px !important}
.box-report-form .form-group {margin-bottom: 25px;}
.box-report-form label {padding-bottom: 5px;}
.txt-orange {color: #FF911A!important}
.box-report-form .form-check{padding-left: 25px;padding-right: 25px}
.box-report-form .form-check label{font-size: 25px;}
.box-report-form .form-check-input {width: 17px;height: 17px;margin-left: -25px!important;border-color: #FF911B;border-radius: unset!important;background: unset;}
.box-report-form .form-check-input:checked {
  background-color: #ED1C24!important;
  border-color: #ED1C24!important;
}
.box-report-form textarea.form-control {border-radius: 25px}
.form-control-file {
  display: block;
  width: 100%;
  border: 1px solid #C9C9C9;
  padding: 5px;
  border-radius: 5px;
}
.btn-form-contact {border-radius: 50px;border: 1px solid #FFFFFF;min-width: 115px;display: flex;justify-content: center;align-items: center;
text-transform: uppercase;font-size: 25px;color: #fff;background: rgba(255, 255, 255, 0.11);padding:5px 20px}
.btn-form-contact:hover {background: rgba(237, 29, 35, 0.4)}
.box-report-form-thank {background: url(../../assets/images/contact/bg-contact-thank.webp) no-repeat top center;background-size: cover;
padding: 50px;text-align: center;}
.box-thank-data {border: 1px solid rgba(255, 255, 255, 0.65);border-radius: 25px;padding: 35px;}
.footer-policy-menu {display: block;}
.footer-policy-menu {display: flex;border: 1px solid #DCDCDC;padding: 25px;justify-content: space-between;align-items: center;
  border-radius: 3px;flex-wrap: wrap;min-height: 173px;}
.footer-policy-menu span {color: #0171B6;font-size: 30px;width: 100%;}
.footer-policy-menu .btn-view-more,.footer-policy-menu .corp-policy-download {width: 100%;margin-top: 15px;}
.footer-policy-menu .corp-policy-download span {color: #FF911B;font-size: 21px;}
.bg-privacy {background: url(../../assets/images/bg-privacy.webp) no-repeat fixed top center;background-size: 100%;}
.section-banner {position: relative;}
/* Slider arrows */
/*#banner-main-home .slick-arrow {
  z-index: 9;
}
#banner-main-home .slick-prev {
  left: 9%!important;
  bottom: 22px!important;
  top: unset !important;
}
#banner-main-home .slick-next {
  left: 28%!important;
  right: unset!important;
  bottom: 22px!important;
  top: unset !important;
}
#banner-main-home .slick-dots li {margin: 0 0 0 25px!important;width: auto!important;height: auto!important;}
#banner-main-home .slick-dots li:after {width: 0;height: 2px;background: #fff;display: inline-block;vertical-align: middle;content: '';margin-left: 10px;}
#banner-main-home .slick-dots {bottom: 20px!important;width: 350px!important;text-align: left!important;left: 10%!important;left: 10%!important}
#banner-main-home .slick-dots li a {color: #fff!important;opacity: 0.6;}
#banner-main-home .slick-active a {opacity: 1!important;}
#banner-main-home .slick-prev:before {content: url(../../assets/images/icon/banner-pre.svg)!important;}
#banner-main-home .slick-next:before {content: url(../../assets/images/icon/banner-next.svg)!important;}
#banner-main-home .slick-active:after {width: 60px!important;}
#banner-main-home.slick-dotted.slick-slider {margin-bottom: 0!important;}*/
#banner-main {width: 100%;margin: 0 auto;}
#banner-main .owl-nav.disabled + .owl-dots {z-index: 99;position: absolute;bottom: 25px;left: 50%;transform: translate(-50%, 0);}
#banner-main .owl-dot span {border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);width: 15px;height: 15px;margin: 5px;}
#banner-main .owl-dot.active span, #banner-main .owl-dot:hover span {background: rgba(84, 107, 20, 0.9); border: 1px solid rgba(84, 107, 20, 0.9);}
#banner-main {position: relative;}
#banner-main .owl-nav {position: absolute;left: 10%; bottom: 22px;;
    width: 650px;}
#banner-main button.owl-prev {float: left;margin: 0;}
#banner-main button.owl-next {float: right;margin: 0;}
#banner-main .owl-dots {position: absolute;z-index: 9;left: 10%;bottom: 15px;max-width: 710px;}
#recommenttype-tabContent .owl-dots {position: absolute;z-index: 9;left: 50%;bottom: 20px;transform: translate(-50%, 0);}
#banner-main .owl-dot span {background: #D9D9D9; width: 35px;height: 5px;margin: 5px;}
#banner-main .owl-dot span,#banner-main .owl-dot span {background: #D9D9D9; width: 35px;height: 5px;margin: 5px;}
#banner-main .owl-dots .owl-dot.active span, #banner-main .owl-dots .owl-dot:hover span {background: #001D8C !important;}
#banner-main .owl-prev img,#banner-main .owl-next img {width: 13px;}
#banner-main button.owl-prev {margin-left: -35px;}
#banner-main button.owl-next {margin-right: -35px;}
#banner-main button.owl-next:hover,#banner-main button.owl-prev:hover {background: unset!important;}
#banner-main .owl-dot button {background: unset;border: unset;margin: 0 7px!important;color: #fff!important;opacity: 0.6;font-size: 25px;}
#banner-main .owl-dot button:after {width: 0;height: 2px;background: #fff;display: inline-block;vertical-align: middle;content: '';margin-left: 10px;}
#banner-main .owl-dot.active button {opacity: 1!important;}
#banner-main .owl-dot.active button:after {width: 60px!important;}
.bg-about-product .overflowvisible {z-index: 2}
.pd-detail-txt-detail-wrap-list svg .a{fill:#fff;}
.detail-pd-inner-box .pd-detail-txt-detail-list:hover .pd-detail-txt-detail-wrap-list svg .a{fill:#D5611C;}
.detail-pd-inner-box .pd-detail-txt-detail-list:hover .pd-detail-txt-detail-wrap-list h2 {color:#D5611C;}
.bg-knowledge-inner {background: url(../../assets/images/knowledge/bg-knowledge-inner.webp) no-repeat fixed top right;background-size: 100%;}
.scroll-down-bar {position: absolute;z-index: 999;right: 0;bottom: 25px}
.mar-t-up300 {margin-top: -20%!important;}
.mar-b-down300 {margin-bottom: -10%!important;}
.bg-era-sec-green {background: url(../../assets/images/about/bg-era-sec-green.webp) no-repeat center !important;background-size: cover;background-size: cover !important;
margin-top: 100px;padding: 100px 0}
.bg-era-sec-white {background: #fff;padding: 100px 0}
.bg-era-sec-green-right-img {margin-top: -50%}
.padd-era-70-r {padding: 100px 0 0 50px}
.padd-era-70-l {padding: 100px 50px 0 0}
.mar-t-up30per {
  margin-top: -30% !important;
}
.mar-b-down25per {
  margin-bottom: -25% !important;margin-top: 25% !important
}
.mar-b-down100 {
  margin-bottom: -100px !important;margin-top: 100px !important
}
#main-menulist ul li.menu-right ul {left: unset!important;right: 0}
#pills-tab-cate {display: flex;justify-content: center;align-items: center;padding: 0 0 35px 0;}
#pills-tab-cate .nav-link {border: 1px solid #787878;background: #fff;color: #003387;font-size: 30px;
  text-align: center;display: flex;justify-content: center;align-items: center;border-radius: 50px;width: 100%;}
#pills-tab-cate .nav-link.active {border: 1px solid #02524F!important; background: #02524F!important; color: #fff!important;}
#pills-tab-cate .nav-item {width: auto;padding: 0 10px;min-width: 250px;margin-bottom: 15px}
.pd-short-detail {min-height: 67px}
.pd-icon-5moo {width: 60px}
.pd-icon-5moo a {opacity: 1}
.pd-icon-5moo a:hover {opacity: 0.7}
.fancybox__container {z-index: 999999!important;}
#accordionpolicynotice .accordion-button.collapsed {background: #fff!important}
#accordionpolicynotice .accordion-button.collapsed h2.txt-green {color: #02524F!important}
#accordionpolicynotice .accordion-button {background: #02524F}
#accordionpolicynotice .accordion-button h2.txt-green {color: #fff!important}
.sec-separate-inspection {border-top: 1px solid #DCDCDC;margin-top: 40px;
  padding-top: 40px;}
.icn-pin {position: absolute;top: 7px;right: 7px;z-index: 5}
.icn-pin img {width: 40px;}
.sust-new .page-menu-list-inner {
  padding: 12px 0;
}
.bg-ab-business-new-1:after {background: url(../../assets/images/sustainability/2025/sus-cover-2025-0010.webp) no-repeat center !important;background-size: cover;background-size: cover !important;}
.sus-dr-namebox {border-top: 1px solid #fff;padding-top: 50px;margin-top: 50px;display: block;}
.half-right-txt .box-half-txt-detail.bg-ab-business-new-1 {
  width: 98%;padding-top: 150px;padding-bottom: 150px;
}
.half-left-txt .box-half-txt-detail.bg-ab-business-new-2 {
  width: 98%;
}
.half-left-txt .box-half-txt-detail.bg-ab-business-new-2 * {color: #505050}
.bg-ab-business-new-2 .sus-dr-namebox {border-color: #505050}
.half-center-img {top: 50%;right: 0;transform: translate(0, -50%);max-width: 568px;}
.half-center-img-left {top: 40%;left: 0;transform: translate(0, -50%);max-width: 568px;}
.half-right-txt .box-half-txt-detail.bg-ab-business-2 {padding-bottom: 150px;}
.btn-border-iconarrow {display: inline-block;}
.btn-border-iconarrow a {display: flex;justify-content: center;align-items: center;padding: 18px 40px;text-align: center;font-family: 'db_helvethaica_x67_medcond', sans-serif;
    color: #fff!important;text-transform: uppercase;border: 1px solid rgba(255, 255, 255, 0.45);border-radius: 50px;font-size: 30px;}
.btn-border-iconarrow span {padding-right: 15px;}
.btn-border-iconarrow svg .a{fill:none;stroke:#fff;}
.btn-border-iconarrow svg .b{fill:#fff;}
.btn-border-iconarrow a:hover {background: #ED1C24}
.section-sus-policy {background: url(../../assets/images/sustainability/2025/sus-cover-2025-009.webp) no-repeat center !important;background-size: cover;
  background-size: cover !important;padding: 70px 0 90px 0;margin-top: 70px}
.box-sub-menu-title span i {text-transform: unset!important;}
.sus-perf-sec .box-sub-menu-title span {font-family: 'db_helvethaica_x57_cond', sans-serif;font-size: 25px;}
.sus-perf-sec .box-sub-menu-title span strong {font-family: 'db_helvethaica_x67_medcond', sans-serif;}
.sus-perf-sec .box-sub-menu-home-overlay {
  padding: 20px 25px;
}
.sus-perf-sec .box-sub-menu-title {flex-wrap: wrap;}
.show-mb {display: none!important;}
#pills-heart .about-grid-wrap .col-lg-7 {
  width: 66.7% !important;
}
#pills-heart .about-grid-wrap .col-lg-5 {
  width: 33.3% !important;
}
#pills-tab-perf .nav-item {width: 25%;display: flex;}
#pills-tab-perf .nav-link {border-radius: 50px;border: 1px solid #787878;background: #fff;
  text-align: center;color: #02524F;font-size: 30px;min-width: 318px;}
#pills-tab-perf .nav-item svg {padding-left: 15px}
#pills-tab-perf .nav-item svg .a{fill:none;stroke:#707070;stroke-dasharray:2;}
#pills-tab-perf .nav-link.active {background: #133C3E!important;color: #fff!important}

@media only screen and (max-width: 1600px) {
.sec-home-pd .img-cover {
  margin-top: -20%;
}
.padd-section {
  padding: 120px 0 0 0;
}
.sec-home-about .img-cover {
  text-align: right;
  margin-top: -30%;
}
.pd-list-home {
  width: 55%;
}
.sec-home-pd .pd-list-home {
  width: 80%;
}
.padd-section-pd {
  padding: 50px 0 50px 50px;
}
.sec-home-news.padd-70 {
  padding: 150px 0 70px 0;
}
.padd-section-pd-right {
  padding-right: 50px;
}
.padd-b-200 {
  padding-bottom: 165px;
}
.box-news-market {
  padding-left: 50px;
}
.pd-icon-5moo {
  width: 50px;
}
}





@media only screen and (max-width: 1540px) {
.half-left-txt .box-half-txt-detail {
  padding: 90px 0 90px 45%;}
.half-right-txt .box-half-txt-detail {
  padding: 90px 45% 90px 0;}
.pd-half-left-txt .pd-half-txt-detail {
  padding: 90px 0 90px 45%!important;
}
.pd-half-right-txt .pd-half-txt-detail {padding: 90px 45% 90px 0;}
#banner-main-home .slick-next {
    left: 485px!important;}
.padd-section.bg-contact {padding: 90px 0;}
#main-menulist ul li li {padding: 0 0 25px 0;}
#pills-tab-cate .nav-item {
  width: 20%;
  min-width: unset;
}
#main-menulist ul li a,#main-menulist ul li li a,.footer-policy-menu span,.news-list-short {font-size: 25px;}
.subtitle {font-size: 35px;}
.menu-footer li a {font-size: 25px!important;line-height: 27px !important;}
.menu-footer li ol li a,.btn-form-contact,.box-report-form .form-check label,.select-form {font-size: 22px!important}
p,.row,ul, ol {font-size: 22px!important;line-height: 25px !important;}
#main-menulist ul ul {
  padding: 30px 30px 0 30px;
  min-width: 665px;}
.title-main {
  font-size: 100px;
  line-height: 85px;}
.title-sub {
  font-size: 35px;
  line-height: 50px;}
.btn-view-more a {
  font-size: 18px;
}
.sec-home-news.padd-70 {
  padding: 120px 0 70px 0;
}
.btn-border-icon,.sub-contact {font-size: 25px}
.copyright-box-txt {
  font-size: 18px !important;
}
.news-list-date {font-size: 18px}
#navbreadcrumbs,#navbreadcrumbs * {
  font-size: 20px !important;}
#navbreadcrumbs {padding: 50px 0 25px 0;}
.about-history-timeline .slick-list {
  width: 88%;
}
.half-left-txt .box-half-txt-detail {
  padding: 90px 0 90px 50%;}
.half-right-txt .box-half-txt-detail {
  padding: 90px 50% 90px 0;}
.half-right-img-philo {
  right: -5%;
}
.half-left-img-president {
  width: 48%;
}
.head-59 {
  font-size: 35px !important;
  line-height: 39px;
}
.head-30 {
  font-size: 25px;
  line-height: 30px;}
.bg-ab-inno-main, .bg-ab-cultur-main, .bg-video-knowledge {
  padding: 90px 0 90px 25% !important;}
.half-left-img {
  width: 55%;
}
.bg-ab-award-1 {
  padding: 70px 0 70px 45% !important;
}
.pd-half-left-txt .pd-half-txt-detail {
  padding: 90px 0 90px 50%;
}
.pd-half-right-txt .pd-half-txt-detail {padding: 90px 50% 90px 0;}
.pd-detail-txt-detail-list {
  padding: 10px 15px 10px 35% !important;
}
#pills-tabcateContent .col-md-6:nth-child(2n) .pd-detail-txt-detail-list {
  padding: 10px 15px 10px 32% !important;
}
.pd-detail-txt-detail {
  padding: 40px 0 40px 30% !important;height: 350px;
}
.box-flex-icon span {
  font-size: 22px;
}
.report-menu-bar-list a {
  font-size: 30px;}
.bg-era-sec-green,.bg-era-sec-white {padding: 70px 0;}
.padd-era-70-r {
  padding: 50px 0 0 50px;
}
}

@media only screen and (max-width: 1440px) {
.president-list-name {
  padding: 10px 4px;
  font-size: 21px !important;
}
.president-list-name span {
  font-size: 19px !important;
}
#pills-tab-perf .nav-item {
  width: 30.5%;
}
}

@media only screen and (max-width: 1366px) {
.news-list-date {
    font-size: 15px;
}
.title-main {
    font-size: 75px;
    line-height: 50px;
}
.title-sub {
    font-size: 30px;
    line-height: 40px;
}
.title-sub img {
    width: 70px;
}
#banner-main-home .slick-next {
    left: 450px!important;
}
p, .row, ul, ol,.box-report-form .form-control {
    font-size: 18px!important;
    line-height: 23px !important;
}
.btn-view-more a {
    font-size: 16px;
}
#main-menulist ul li a, #main-menulist ul li li a, .footer-policy-menu span, .news-list-short {
    font-size: 20px;
}
.btn-border-icon, .sub-contact {
    font-size: 20px;
}
.map-btn {
    font-size: 18px!important;
}
.menu-footer li a {
    font-size: 20px!important;
    line-height: 20px !important;
}
.menu-footer li ol li a, .btn-form-contact, .box-report-form .form-check label, .select-form {
    font-size: 18px!important;
}
.copyright-box-txt {
    font-size: 15px !important;
}
.menu-footer li ol li a {
    background-position: left top 4px;
}
#navbreadcrumbs, #navbreadcrumbs * {
    font-size: 15px !important;
}
.years-point {font-size: 20px;}
.mainsub-title {font-size: 40px;}
.logo-main img {width: 100px;}
#main-menulist ul li a {
    padding: 30px 0;
}
#navbreadcrumbs {
    padding: 10px 0 25px 0;
}
#main-menulist ul ul {margin-top: 95px;}
.report-menu-bar-list a {
    font-size: 25px;
}
.report-location-head {
    font-size: 20px;}
.head-59 {
    font-size: 29px !important;
    line-height: 35px;
}
#pills-tab-cate .nav-link {font-size: 25px;}
.sec-home-news.padd-70 {
  padding: 70px 0 70px 0;
}
.pd-short-detail {
  min-height: 47px;
}
.pd-detail-txt-list {
  padding-right: 0;
}
#pills-tabcateContent .col-md-6:nth-child(2n) .pd-detail-txt-detail-list {
  padding: 10px 15px 10px 35% !important;
}
}


@media only screen and (max-width: 1280px) {
[data-aos="fade-right"], [data-aos="fade"], [data-aos="fade-left"], [data-aos="fade-up"], [data-aos="fade-down"] {
animation-name: none !important;animation-duration: unset!important;transform: unset!important;transition-duration: unset!important;
transition-timing-function: unset!important;transition-property: unset!important;opacity: 1!important;transform: unset!important;}
.half-left-txt .box-half-txt-detail {
  padding: 90px 0 90px 55%;}
.half-right-txt .box-half-txt-detail {
  padding: 90px 55% 90px 0;}
.pd-half-left-txt .pd-half-txt-detail {
  padding: 70px 0 70px 55%!important;
}
.bg-goals-heart-2 {padding: 90px 55% 90px 0!important;}
.bg-goals-heart-1 {padding: 90px 0 90px 55%!important;}
.pd-half-right-txt .pd-half-txt-detail {padding: 70px 55% 70px 0!important;}
.pd-img-bg img {position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 1;
width: 100%;
height: 100%;
max-width: 100%;
background-color: rgba(0, 0, 0, 0.5);
-o-object-fit: cover;
object-fit: cover;}
.report-menu-bar-list a {
  min-width: unset;
  width: 190px;}
.half-left-img-sus-event {
    width: 65%;
}
.bg-sus-event {
    padding: 15% 0 35px 72% !important;
}

.landing-page-menu .box-sub-menu-title .icon-hover img {
    height: auto;
    max-width: 70px;
}
.page-menu-list-inner {
    width: 100%;
}
.half-left-img-sus-event {
  bottom: -9%;
}
.pd-icon-5moo {
  width: 45px;
}
.pd-detail-txt-detail-list {
  padding: 10px 15px 10px 38% !important;
}
}

@media only screen and (max-width: 1080px) {
#mainmenu-button-mb {display: inline-block;color: #000; border-radius: 100px;width: 40px;position: relative;
  cursor: pointer;transition: all linear .3s;z-index: 999;padding: 0;text-align: right; vertical-align: middle;}
#mainmenu-button-mb span {vertical-align: top;display: inline-block;padding-left: 5px;padding: 8px 0 0 0;width: 110px;text-align: center; margin-left: 5px}
#main-menulist {max-width: 1920px;background: rgba(255, 255, 255, 0.95);width: 100%;padding: 0;color:#fff;display: none;position: fixed;top: 0;overflow: hidden;
   z-index: 99;overflow-y: auto;top: 0; left: 0;height: 100vh;margin: 120px 0 0 0;}
#main-menulist ul {padding: 10px 0 145px 0; display: block;height: 100vh;overflow: auto;width: 100%;}
#main-menulist ul li {text-align: left;width: 100%;margin: 0 0 15px 0;padding: 0;line-height: initial;border-bottom: 1px solid #DCDCDC;
padding-bottom: 10px;}
#main-menulist ul li a {margin-bottom: 0;display: inline-block; padding: 0 15px; background: unset; font-size: 25px; color: #000;}
.menu-list-item {padding: 30px 3% 25px 3%!important;}
#navline-1, #navline-2, #navline-3 {height: 2px;margin: 10px 0 0 0;transition: all linear .3s;
  display: block;float: right;border-radius: 50px;background: #fff; width: 100%}
#navline-1 {margin-top: 0;}
#navline-2 {width: 70%;}
#navline-2.active {opacity: 0;}
#navline-1.active {-webkit-transform: translate(0px,14px) rotate(45deg);transform: translate(0px,14px) rotate(45deg);width: 100%;}
#navline-3.active {-webkit-transform: translate(0px, -9px) rotate(-45deg);transform: translate(0px, -9px) rotate(-45deg);}
.submenulist {display: none;opacity: unset;visibility: unset;position: relative;top: unset;left: unset;background: unset;width: 100%;box-shadow: unset;}
.submobile #arrow-mobile {display: inline-block;position: absolute; content: " "; width: 20%; height: 40px; right: 20%; cursor: pointer; text-align: left;padding-top: 20px;}
#main-menulist ul ul {display: none;transition: all 0.4s ease-out;visibility: visible;position: relative;width: 100%;top: unset;
  left: unset;transform: unset;background: unset;margin-top: 0;padding: 0 0 0 15px;height: auto;opacity: 1;column-count: unset;
  box-shadow: unset;min-width: unset;}
#arrow-mobile img {width: 15px;}
#main-menulist ul.submenulist li a {color: #fff!important;font-size: 15px !important;}
.submenulist {height: unset!important;}
.submenulist li a {background: unset!important;color: #fff;}
#main-menulist ul li li {width: 100%;padding: 0;border-bottom: unset!important;
padding-bottom: 10px;}
#mainmenu-button-mb {float: right;margin-left: 20px;}
#main-menulist .submenu-button-mb {position: absolute;z-index: 99;right: 0;
top: 0;display: block;height: 46px;width: 100%;cursor: pointer;}
#main-menulist ul li a.button-menu {margin-left: 0;margin: 0;padding: 7px !important;background-color: #003865 !important;color: #fff !important;font-size: 14px !important}
.logo-main {
  width: 112px;
}
#navline-1.active,#navline-3.active {background: #fff!important}
.submenu-button-mb {background: url(../../assets/images/icon/down.svg) no-repeat right 3% top 10px;}
.submenu-button-mb.submenu-opened {background: url(../../assets/images/icon/up.svg) no-repeat right 3% top 10px;}
#main-menulist ul ul li img,#main-menulist ul ul li span {vertical-align: top;}
.menu-logo {display: none!important;}
.switch-lang {
  width: 10%;
}
.switch-lang .item a {padding: 7px 0;}
.switch-lang:hover .lang-list {height: 76px;}
.droplanglabel {
  padding: 10px 10px 5px 10px;}
.logo-main {
  top: unset;
  left: unset;
  transform: unset;
  position: relative;
  padding: 15px 0;
}
#main-menulist ul ul li img {
  height: 50px;
}
#main-menulist ul li li a span br {display: none;}
#banner-main-home .slick-next {
  left: 420px !important;}
.box-half-img,.pd-half-img,.pd-detail-logo-img {position: relative;}
.half-left-img,.pd-half-left-img,.pd-detail-logo-img {
  top: unset;
  left: unset;
  margin-bottom: -50px;
  margin-left: -7%;
}
.half-right-img,.pd-half-right-img {
  bottom: unset;
  right: unset;
  margin-bottom: -50px;
  margin-right: -7%;
  text-align: right;
}
.half-left-img-small,.pd-half-left-img-logo {
  bottom: unset;
  left: unset;
  margin-top: -50px;
  margin-left: -7%;
}
.half-right-img-small,.pd-half-right-img-logo {
  bottom: unset;
  left: unset;
  margin-top: -50px;
  margin-right: -7%;
  text-align: right;
}
.half-left-txt .box-half-txt-detail {
  padding: 10% 0 25% 10%!important;
  width: 100%!important;
}
.pd-half-left-txt .pd-half-txt-detail {
  padding: 13% 0 13% 10%!important;
  width: 100%!important;
}
.half-right-txt .box-half-txt-detail{
    padding: 10% 10% 25% 0!important;
  width: 100%!important;
}
.pd-half-right-txt .pd-half-txt-detail{
    padding: 13% 10% 13% 0!important;
  width: 100%!important;
}
.box-half-txt-detail,.pd-detail-txt-detail {
  min-height: unset;}
.half-left-txt .box-half-txt-detail::after,.pd-half-left-txt .pd-img-bg {
  width: 115%;
  right: -15%;
}
.half-right-txt .box-half-txt-detail::after,.pd-half-right-txt .pd-img-bg {
  width: 115%;
  right: -15%;
}
.section-box-half-left, .section-box-half-right {
  margin: 0;
  padding: 25px 0;
}
.half-right-img-philo {
  top: unset;
  right: unset;
  transform: unset;
  text-align: center;
  margin-top: -90px;
}
.head-80 {
  font-size: 50px !important;
  line-height: 60px;
}
.bg-ab-philosophy::after {width: 130%!important;height: 120% !important;}
.bg-ab-message {
  padding: 10% 0 20% 10% !important;
  width: 100% !important;
}
.half-left-img-president {
  top: unset;
  left: unset;
  width: 100%;
  margin-top: -60px;
  margin-left: -10%;
}
.padd-r-50 {
  padding-right: 0 !important;
}
.padd-l-50 {
  padding-left: 0 !important;
}
.sec-management-total {
  margin-top: 50px;
  padding-bottom: 50px;
}
.bg-ab-inno-main, .bg-ab-cultur-main, .bg-video-knowledge {
  padding: 10% !important;
  width: 100% !important;
}
.landing-page-menu .box-sub-menu-title .icon-hover img {
  height: 80px;
}
.half-right-txt .box-half-txt-detail.bg-tree-nobg {padding: 10% 0!important}
.bg-ab-tree-2 {
    margin-top: 0;
  padding: 10% 0;
  background-size: 100% 100% !important;
}
.bg-inno-center-1 {
  margin-top: 0;
  padding: 10% 0 10% 0;}
.bg-inno-center-1 .inno-center-ab-1 {
  position: relative;
  right: unset;
  top: unset;
  margin-top: 30px;
}
.bg-inno-center-nobg {
  padding: 10% 0;
}
.bg-inno-center-2 {
  padding: 10% 0;
  background-size: 100% 100% !important;
}
.page-menu-list-inner {
  padding:15px 0;
  width: 100%;
}
.bg-inno-foodlab-1 {
  padding: 10% 0;
  margin-top: 0;
  background-size: 100% 100% !important;
}
.row-pc-5 {max-width: 100%;}
.president-list-flow .col-6,.president-list-flow .row-pc-6 .col-6 {
  width: 33% !important;
}
.box-half-txt-detail.bg-ab-award-1,.pd-detail-txt-detail {padding: 10% 0 10% 10% !important;}
.box-half-txt-detail.bg-ab-award-2 {padding: 10% 10% 10% 0 !important;}
.award-row-sec {
  padding: 50px 0 0 0 !important;
}
.box-cp-values-list {
  width: 100%;
  border-right: unset;
  padding: 0 30px 30px 30px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.39);
  margin-bottom: 30px;
}
.box-cp-values-list:last-child {border-bottom: unset!important;margin-bottom: 0!important;padding-bottom: 0!important}
.pd-half-txt-detail {min-height: unset!important;}
.section-pd-half-left, .section-pd-half-right {
  margin: 0;
  padding: 30px 0;
}
.pd-detail-logo-img{width: 30%}
.section-pd-detail {
  padding: 0;
}
.pd-detail-txt-detail {
  height: auto;
}
.pd-detail-txt-detail-list {
  align-items: start;
  align-content: start;}
.pd-detail-img-list {
  position: relative;
  z-index: 10;
  bottom: unset;
  top: 0;
  left: unset;
  margin-bottom: -35px;
  width: 50%;
}
.pd-detail-img-list-logo {top: 85px;left: unset;right: 0;}
.pd-detail-txt-detail-list,#pills-tabcateContent .col-md-6:nth-child(2n) .pd-detail-txt-detail-list {
  padding: 60px 35px 20px 35px !important;
  min-height: 330px;
  height: auto;
}
.pd-detail-txt-detail-wrap-list .col-auto {margin-bottom: 15px;}
.pd-detail-txt-list {
  padding-right: 15px;
}
.section-pd-detail-list .col-md-6 {
  margin-bottom: 50px;
}
.export-wrap .pd-detail-txt-detail-list {
  padding: 60px 35px 35px 35px !important;
  min-height: unset;
  height: auto;
}
.box-half-txt-detail.bg-goals-heart-2 {padding: 10% 10% 10% 0 !important;}
.box-half-txt-detail.bg-goals-heart-1 {padding: 10% 0 10% 10% !important;}
.sus-event-brief {
  position: relative;
  left: unset;
  top: unset;
  padding: 0 0 0 0;
}
.half-left-img-sus-event {
  bottom: unset;
  left: unset;
  margin-top: -15%;
  margin-left: -50px;
}
.menumain-active {
  color: #000 !important;font-family: 'db_helvethaica_x57_cond', sans-serif!important;}
.section-contact-inner {
  background-size: 100% 100%;
}
.contact-list {
  width: 100%;
  padding: 50px 35px 50px 35px;
}
.report-location-head {
  font-size: 25px;min-height: 66px;}
.report-list-location .col-lg-4,.report-list-location .col-lg-8 {
  width: 100% !important;
}
.report-list-content {
  border-left: unset;
  padding-left: 0;
}
.report-menu-bar {display: flex;justify-content: center;align-items: center;}
.report-menu-bar-list {display: inline-block;padding:  0 5px 15px 5px}
.arrow-report-active {display: none;}
.report-step-wrap {
  justify-content: center;
}
.report-menu-bar-list a {
  font-size: 30px;
  min-height: 50px;
}
.box-report-form,.box-report-form-thank {
  padding: 30px;
}
.box-thank-data {
  padding: 20px;
}
.menumain-active::after {display: none;}
/*.box-sub-menu-title .icon-hover {
  width: 12%;
}
.box-sub-menu-title span {
  width: 65%;
}*/
#pills-tab-cate .nav-item {
  width: 33%;
}
}


@media only screen and (max-width: 800px) {
.padd-section {
  padding: 35px 0;
}
.sec-home-about .img-cover,.sec-home-pd .img-cover,.sec-home-knowledge .img-cover,.sec-home-sustain .img-cover {
  text-align: center;
  margin: 0 0 35px 0;
}
.padd-section-pd {
  padding: 0 0 35px 0;
}
.pd-list-home,.sec-home-pd .pd-list-home {
  width: 100%;
  text-align: center;
  position: relative;
  right: unset;
}
.box-sub-menu-home {margin-bottom: 35px}
.box-news-cop {
  padding: 0 0 35px 0;
}
.box-news-market {padding:0}
.sec-home-news.padd-70 {
  padding: 25px 0;
}
.news-home-cop, .news-home-market {
  padding-top: 0;
}
.news-home-market > .row {
  margin-bottom: 0;
}
.knowledge-list-home {
  text-align: center;
  z-index: 3;
  position: relative;
  left: unset;
  bottom: unset;
  width: 100%;
}
.padd-b-200 {
  padding-bottom: 0;
}
.box-sub-menu-title span {
  padding-left: 5px;
  text-align: left;
}
.padd-70 {
  padding: 35px 0;
}
.mar-t-150 {
  margin-top: 0;
}
.mar-t-40 {
  margin-top: 0;
}
.join-list-home {
  text-align: left;
  z-index: 3;
  position: relative;
  left: unset;
  bottom: unset;
  width: 100%;
}
.img-cover {text-align: center;}
.padd-section-contact {
  padding: 0 0 35px 0;
}
.contact-social-list {
  padding-top: 0;
  padding-bottom: 25px;
}
.padd-section-pd-right {
  padding-right: 0;
}
.order-sort-1 {order: 1}
.order-sort-2 {order: 2}
.padd-section-contact-right {
  padding-right: 0;
}
.footer-menuwrap-column {
  padding-left: 0;
}
.footer-menuwrap-column ul {width: 50%!important}
.menu-footer {
  margin: 0;
}
.footer-menuwrap-column ul > li {
  min-height: unset;
}
.footer-policy-menu {margin-bottom: 15px;}
.about-grid-wrap .col-lg-5,.about-grid-wrap .col-lg-7,#pills-heart .about-grid-wrap .col-lg-7,#pills-heart .about-grid-wrap .col-lg-5 {
  width: 100% !important;
}
.padd-section {
  padding: 115px 0 0 0;
}
.title-main-wrap {
  padding-bottom: 0;
}
.about-history-timeline .slick-list {
  width: 80%;
}
.years-point {font-size: 25px;}
.history-txt {
  width: 100%;
  float: left;
  padding: 35px 0 0 0;
}
.history-img {
  width: 100%;
  float: left;
}
.history-img img {
  width: auto;
  margin: 0 auto;
  display: block;
}
.mainsub-title {
  font-size: 35px;line-height: 35px;
}
.bg-ab-manage-2 {
  padding-bottom: 0;}
#main-menulist {
  margin: 98px 0 0 0;
}
.padd-era-70-r,.padd-era-70-l {
  padding: 1.5rem 0 0 0;
}
.mb-center {text-align: center!important;}
.bg-era-sec-green-right-img {
  margin-top: 0;
}
.about-history-timeline {
  margin: 35px 0;
}
.bg-era-sec-green {margin-top: 35px;}
.mar-t-up300 {
  margin-top: 0 !important;
}
.bg-era-sec-green, .bg-era-sec-white {
  padding: 50px 0;
}
.mar-t-up30per {
  margin-top: 0 !important;
}
.mar-b-down25per {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.timeline-content .txt-right {text-align: center!important;}
.mar-b-down100 {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}
.bg-ab-philosophy p br{display: none;}
.box-sub-menu-home-overlay {
  background-size: 100% 75%;
}
.menu-footer li ol.footer-long {padding-bottom: 15px;}
.half-center-img {
  top: 6%;
  right: 0;
  transform: unset;
}
.sus-dr-namebox {
  padding-top: 30px;
  margin-top: 20px;
}
.half-left-txt .box-half-txt-detail.bg-ab-business-new-2 {
  padding: 10% 0 10% 0 !important;
}
.half-center-img-left {
  top: 0;
  transform: unset;
}
}


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

}

@media only screen and (max-width: 568px) {
.pd-detail-txt-detail-wrap-list p {
  min-height: unset;
}
.pd-detail-txt-detail-list,#pills-tabcateContent .col-md-6:nth-child(2n) .pd-detail-txt-detail-list {
  padding: 60px 35px 35px 35pxinherit !important;
  min-height: unset;
  height: auto;
}
.section-pd-detail-list .col-md-6 {
  margin-bottom: 35px;
}
.box-half-txt-detail.bg-goals-heart-2 {padding: 25% 10% 10% 0 !important;}
.box-half-txt-detail.bg-goals-heart-1 {padding: 25% 0 10% 10% !important;}
.title-main {
  font-size: 80px;
  line-height: 65px;
}
#pills-tab-cate .nav-item {
  width: 50%;
  padding: 0 5px 12px 5px;
}
.pd-detail-img-list-logo {
  bottom: -20px;
top: unset;}
.pd-detail-txt-detail-list, #pills-tabcateContent .col-md-6:nth-child(2n) .pd-detail-txt-detail-list {
  padding: 60px 35px !important;
}
.pd-short-detail {
  min-height: unset;
}
#pills-tab-cate .nav-link {
  font-size: 20px;
}
#pills-tab-cate {
  padding: 0;
}
.section-pd-detail-list {
  padding: 35px 0 0 0;
}
#pills-tab-cate .nav-link {
  padding: 7px 0;
}
.btn-border-iconarrow a {
  font-size: 22px;
}
#pills-tab-perf .nav-item svg {display: none!important;}
#pills-tab-perf .nav-item {width: 100%;flex-wrap: wrap;padding-top: 15px}
#pills-tab-perf .nav-link {min-width: 318px;width: 100%}
}

@media only screen and (max-width: 490px) {
.banner-pc {display: none!important;}
.banner-mb {display: block!important;}
.show-pc {display: none!important;}
.show-mb {display: block!important;}
.switch-lang {
  width: 20%;}
.logo-main {
  width: 60px;
  padding: 10px 0;
}
#main-menulist {margin: 75px 0 0 0;}
#main-menulist ul li a, #main-menulist ul li li a, .footer-policy-menu span {
  font-size: 23px;
}
#banner-main-home .slick-prev {
  left: 5% !important;}
#banner-main-home .slick-dots {
  bottom: 20px !important;
  width: 80% !important;
  left: 50% !important;
  transform: translate(-50%,0);
}
#banner-main-home .slick-next {
  left: unset !important;
  right: 8% !important;
}
#banner-main-home .slick-dots li {
  margin: 0 0 0 20px !important;}
.scroll-down-bar {
  right: 2%;
  bottom: 65px;
}
.title-main {
  font-size: 70px;
  line-height: 50px;
}
.sec-home-news .col-sm-3.txt-right {text-align: left!important;}
.padd-70 {
  padding: 25px 0 0 0;
}
.footer-long {
  column-count: 1;
}
.menu-footer li ol li a {
  background: url(../../assets/images/icon/arrow-menu-footer.svg) no-repeat left top 7px;
}
.footer-menuwrap-column {
  padding-left: 0;
}
.footer-menuwrap-column ul {width: 100%!important}
.menu-footer {
  margin: 0;
}
.footer-wrap {
  border-top: 1px solid #DCDCDC;
  padding: 35px 0 20px 0;
}
.about-history-timeline .slick-list {
  width: 65%;
}
.point-break {display: none;}
.years-point {width: 99%;}
#navbreadcrumbs {
  padding: 0 0 25px 0;
}
.half-left-img {
  width: auto;
}
h2 br, h3 br {display: none;}
.box-sub-menu-title .icon-hover {
  width: 35%;
}
.box-sub-menu-title span {
  width: 65%;
}
.page-menu-list-inner {
  padding: 15px 0;
  width: 100%;
}
.landing-page-menu .box-sub-menu-title span {
  padding-left: 15px;
}
.president-list-flow .col-6,.president-list-flow .row-pc-6 .col-6 {
  width: 100% !important;
}
.president-list-img-bg {
  margin-bottom: -70px;
}
.president-list-img {
    text-align: center;
  position: absolute;
  top: unset;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  bottom: 43px;
}
.box-half-txt-detail.bg-ab-award-1 {padding: 23% 0 10% 10% !important;}
.box-half-txt-detail.bg-ab-award-2 {padding: 23% 10% 10% 0 !important;}
.pd-half-left-txt .pd-half-txt-detail {
  padding: 20% 0 20% 10%!important;
  width: 100%!important;
}
.pd-half-right-txt .pd-half-txt-detail{
    padding: 20% 10% 20% 0!important;}
.head-59 {
  font-size: 33px !important;
  line-height: 33px;
}
.box-sub-menu-title span br {display: none;}
.box-sub-menu-title {
  width: 100%;
}
.box-sub-menu-title .icon-hover {
  width: 25%;
}
.box-sub-menu-title span {
  width: 75%;
}
.title-main {
  font-size: 55px;
  line-height: 45px;
}
html {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.report-menu-bar-list {
    width: 50%;
}
.report-menu-bar-list a {
    width: 100%;
}
.report-list-box {
    min-height: 315px;
}
#banner-main .owl-nav {
  width: 80%;
}
#banner-main .owl-dots {bottom: 18px;}
#banner-main .owl-dot button {
  margin: 0 3px !important;
  font-size: 20px;
  padding: 0;
}
#banner-main .owl-dot button::after {
  height: 1px;
  margin-left: 5px;
}
#banner-main .owl-dot.active button::after {
  width: 20px !important;
}
.menu-footer li ol li a {background-position: left top 4px;}
.sus-perf-sec .box-sub-menu-home-overlay {
  padding: 30px 25px;
}
}
.display-block {
	display: block;
}
.display-none {
	display: none;
}
.cursor-pointer {
	cursor:pointer;
}


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

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

}

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

}

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

}