@charset "utf-8";
/*--
	Add your style here
--*/ 
.menu-wrap {
        right:0 !important;
	-webkit-transform: translate3d(320px,0,0);
	transform: translate3d(320px,0,0);
	visibility:hidden;
}

.show-menu .menu-wrap,
.show-menu .menu-inner ,
.show-menu .morph-shape  {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
}
.show-menu .menu-wrap {
	right:0;
	opacity:1;
	visibility:visible;
}

/* News video fix */
.news-detail-section{overflow:visible !important;}
.adminbuy_cn video,.adminbuy_cn iframe,.adminbuy_cn embed,.adminbuy_cn object{display:block !important;position:static !important;float:none !important;clear:both !important;max-width:100% !important;margin:20px auto !important;}
.adminbuy_cn video{height:auto !important;background:#000;}


/* 2026-04 news/header fallback: make hero background visible even if JS data-bg init fails */
.parallax-section.header-section .bg{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}


/* 2026-04-24 color update: background #8FBADB and white text */
:root{
  --site-bg-color:#8FBADB;
  --site-text-color:#ffffff;
}

html,
body,
#wrapper,
.content-holder,
.content,
.content.no-shadow,
section,
.main-header,
.content-footer,
.footer-inner,
.pr-tags,
.newslist li,
.company-infomation,
.company-infomation-text{
  background-color:var(--site-bg-color) !important;
}

/* keep navigation container transparent so no extra block appears under the header */
.nav-holder,
.nav-holder nav,
.nav-holder nav ul,
.nav-holder nav li,
.nav-holder nav li ul{
  background: transparent !important;
}

/* right-side menu / white panel fix */
.sidebar-menu,
.hid-men-wrap,
.menusb,
.menusb ul,
.menusb li,
.sliding-menu,
.sliding-menu-wrapper,
.menu-panel,
.menu-panel-root,
.menu-wrap,
.menu-inner,
.morph-shape{
  background-color: var(--site-bg-color) !important;
}

body,
body *:not(img):not(svg):not(path),
.nav-holder nav li a,
.nav-holder nav li ul a,
.newslist li a,
.newslist li dd,
.page-bold-title,
.bold-title,
.service-title,
.pr-title,
.pr-title-text,
.company-infomation,
.company-infomation-text,
.footer-inner,
.footer-inner *{
  color:var(--site-text-color) !important;
}

.nav-button span,
.sb-menu-button span,
.page-bold-separator,
.pr-title:before,
.pr-title:after{
  background-color:var(--site-text-color) !important;
}

.pr-tags,
.newslist li{
  border-color:rgba(255,255,255,.45) !important;
}

.main-header{
  box-shadow:none !important;
}


/* ensure side menu text and separators stay white */
.sidebar-menu *,
.menusb a,
.menu-panel a,
.footer-header,
.footer-box a{
  color: var(--site-text-color) !important;
}

.sidebar-menu,
.sb-menu-footer:before,
.footer-header:before,
.policy-box{
  border-color: rgba(255,255,255,.45) !important;
}


/* 2026-04-24 follow-up fix:
   1) Change the right white panel to #8FBADB.
   2) Remove the extra rectangle behind/under the navigation bar. */
.nav-holder,
.nav-holder nav,
.nav-holder nav ul,
.nav-holder nav li,
.nav-holder nav li a{
  background: transparent !important;
  box-shadow: none !important;
}

.nav-holder:before,
.nav-holder:after,
.nav-holder nav:before,
.nav-holder nav:after,
.nav-holder nav ul:before,
.nav-holder nav ul:after,
.nav-holder nav li:before,
.nav-holder nav li:after{
  background: transparent !important;
  display: none !important;
}

.sidebar-menu,
.sidebar-menu .overlay,
.hid-men-wrap,
.menusb,
.menusb ul,
.menusb li,
.sliding-menu,
.sliding-menu-wrapper,
.menu-panel,
.menu-panel-root,
.menu-wrap,
.menu-inner,
.morph-shape,
.fixed-bar,
.fixed-bar:before,
.main-footer,
.share-wrapper,
.share-container,
.search-form-holder,
.search-form-bg,
.search-form-wrap{
  background-color: var(--site-bg-color) !important;
}

.sidebar-menu *,
.menusb a,
.menu-panel a,
.fixed-title span,
.share-icon,
.searchform input{
  color: var(--site-text-color) !important;
}

.sidebar-menu,
.share-wrapper,
.main-footer{
  border-color: rgba(255,255,255,.45) !important;
}


/* 2026-04-24 footer right white block fix */
.content-footer:before{
  background: var(--site-bg-color) !important;
  background-color: var(--site-bg-color) !important;
}

.content-footer,
.footer-inner{
  background: var(--site-bg-color) !important;
  background-color: var(--site-bg-color) !important;
}


/* 2026-04-24 mobile navigation background fix */
@media only screen and (max-width: 1064px){
  .nav-holder,
  .nav-holder nav,
  .nav-holder nav ul,
  .nav-holder nav li,
  .nav-holder nav li a{
    background: var(--site-bg-color) !important;
    background-color: var(--site-bg-color) !important;
  }

  .nav-holder{
    box-shadow: none !important;
  }

  .nav-holder nav li a{
    color: var(--site-text-color) !important;
  }
}