/*=====================Reset Css Start==================================*/
* {
  box-sizing: border-box;
}

html,
body,
div,.single-evidences .evidence-detail-btm a
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  font-size: 1rem;
  scroll-behavior: auto !important;
}

body {
  line-height: 1;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  outline: none;
}

a {
  text-decoration: none;
  color: #393939;
  transition: all 0.2s;
}

/*=====================Reset Css End==================================*/
/****=====Global CSS=======******/
@media (min-width: 1200px) {
  .container {
    max-width: 1000px;
    margin: 0 auto;
  }
}

.banner-info .text-blk h2 span.spc:lang(en),
.banner-info .text-blk h2 span.spc:lang(zh-CN) {
  letter-spacing: 1px;
}

.banner-info .text-blk h1 span.spc:lang(en),
.banner-info .text-blk h1 span.spc:lang(zh-CN) {
  letter-spacing: 1px;
}

.text-blk h3:lang(en-US),
.text-blk p:lang(en-US) {
  display: block !important;
}

.text-blk h3:lang(en),
.text-blk p:lang(en),
.text-blk h3:lang(zh-CN),
.text-blk p:lang(zh-CN) {
  display: none;
}

.main-menu ul.menu-list>li>a:lang(en) {
  text-transform: uppercase;
}

.order-btm-rgt a:lang(en) {
  padding: 22px;
}

.always-content h2:lang(en) {
  margin: 0;
}

.always-content h2:lang(en) {
  font-size: 1.4rem;
}

.always-content h2:lang(zh-CN) {
  font-size: 3.35rem;
}

.common-title {
  margin: 0 0 2rem;
}

.common-title h2 {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 43px;
  text-align: center;
  letter-spacing: 0.2em;
  color: #000000;
}

.common-title h1 {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 43px;
  text-align: center;
  letter-spacing: 0.2em;
  color: #25558C;
}

.common-title span, .salespage-title {
    font-family: 'Quattrocento'; font-size: 0.938rem; line-height: 19px;
    letter-spacing: 0.06em; color: #2FA6CE; text-align: center;
}
.common-title h1, .salespage-title h1 {
    padding: 0 0 0.6rem; margin: 0 0 0.6rem; position: relative;
}
.common-title h1:after, .salespage-title h1:after {
    content: ''; display: inline-block; border-bottom: 1px solid #2FA6CE;
    width: 300px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
}
.common-title h1:before, .salespage-title h1:before {
    content: ''; display: inline-block; border-bottom: 1px solid #25558C; width: 50px;
    z-index: 2; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .common-title h1:before, .salespage-title h1:before {content: unset !important;}
  .common-title h1:after, .salespage-title h1:after {
      border-bottom: 12px solid #F4F7FA; width: 100%; position: absolute; bottom: 4px;
      left: 0; z-index: 0; transform: none; 
  }
  .common-title h1, .salespage-title h1{text-align: left !important;}
}

.common-title img {
  margin: 0 auto;
}

.full-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}

select {
  background: #F4F7FA;
  border: 1px solid #C4C4C4;
  border-radius: 5px;
  padding: 0.4rem;
  min-width: 10rem;
  outline: none;
  transition: all 0.2s;
}

select:focus,
select:hover {
  border-color: #2FA6CE;
}
media only screen and (max-width: 767px){
	footer .footer-btm .footer-image ul {
    	display: inline-block;
   		 margin: 20px;
	 }
}
/****=====Button Animation CSS=======******/
a.pulse {
  background: #FFFFFF;
  border: 2px solid #81C6DD;
  border-radius: 30px;
  padding: 0.44rem 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

a.pulse span {
  font-weight: 500;
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #81C6DD;
}

a.pulse>span {
  margin-right: 1rem;
}

a.pulse>img+span {
  margin-left: 1rem;
  margin-right: 0;
}

a.pulse img {
  transition: all 0.5s;
}

a.pulse:hover,
a.pulse:focus {
  box-shadow: 0 0 0 0.5em #81c6dd57;
  transform: scale(1.1);
  transition: all 0.5s;
}

a.pulse:hover img {
  transform: translateX(-10px);
}

a.pulse:hover span+img {
  transform: translateX(10px);
}

/****=====Header CSS=======******/
.mobile-menu {
  display: none;
}

header {
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.logo a h1 {
  padding: 0 0 0 .6rem;
  font-size: 1.5rem;
  letter-spacing: 0.06em;
  color: #393939;
}

.logo h1 a {
  padding: 0 0 0 0.6rem;
  font-size: 1.5rem;
  letter-spacing: 0.06em;
  color: #393939;
}

.logo a h1 span {
  font-size: 1.125rem;
  padding: 0 0.4rem 0 0;
}

.logo p {
  padding: 0 0 0 0.6rem;
  font-size: 1.5rem;
  letter-spacing: 0.06em;
  color: #393939;
}

.logo a p span {
  font-size: 1.125rem;
  padding: 0 0.4rem 0 0;
}

.navbar-toggle {
  display: none;
}

.language-blk {
  text-align: right;
  margin: 0 0 1rem;
}

.language-blk select {
  background: #F4F7FA;
  border-radius: 5px;
  border: none;
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  color: #8E8E8E;
  padding: 0.6rem;
}

.language-blk select option {
  padding: .4rem;
}

.main-menu ul.menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-menu ul.menu-list>li {
  list-style-type: none;
  position: relative;
}

.menu-list li ul.sub-menu {
  display: none;
  position: absolute;
  background: #fff;
  width: 137px;
  text-align: center;
  z-index: 9;
  padding: 1rem 0;
  left: 50%;
  transform: translateX(-50%);
}

ul#primary-menu li a i {
  display: none;
}

.main-menu ul.submenu li {
  list-style-type: none;
}

.main-menu .menu-list li:hover ul.sub-menu {
  display: block;
}

.main-menu ul.menu-list li ul.sub-menu a {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #777777;
  padding: 0.7rem 0;
  display: block;
}

.sub-menu li a {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #777777;
  padding: 0.7rem 0;
  display: block;
}

.main-menu ul.menu-list li {
  list-style-type: none;
  position: relative;
}

.main-menu ul.menu-list>li>a {
  letter-spacing: 0.06em;
  font-size: 0.938rem;
  padding: 0 1.875rem;
  position: relative;
  word-break: keep-all;
  display: inline-block;
}

.main-menu ul.menu-list>li>a:after {
  content: '';
  display: inline-block;
  background: #C4C4C4;
  width: 1px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.main-menu ul.menu-list>li:last-child a {
  padding-right: 0;
}

.main-menu ul.menu-list>li:last-child a:after {
  display: none;
}

.main-menu ul.menu-list>li.active>a,
.main-menu ul.menu-list>li:hover>a {
  color: #D0A64F;
}

.main-menu ul.submenu-list {
  display: none;
  position: absolute;
  background: #fff;
  width: 137px;
  text-align: center;
  z-index: 2;
  padding: 1rem 0;
  left: 50%;
  transform: translateX(-50%);
}

.main-menu ul.submenu-list li {
  list-style-type: none;
}

.main-menu ul.submenu-list li a {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #777777;
  padding: 0.7rem 0;
  display: block;
}

.main-menu ul.menu-list>li:hover ul.submenu-list {
  display: block;
}

/****=====Breadcrumb CSS=======******/
.breadcrumb-section {
  margin: 1rem 0 0;
}

.breadcrumb-blk {
  margin: 0 0 1.4rem;
}

.breadcrumb-blk ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb-blk ol li {
  list-style-type: none;
  font-size: 0.813rem;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #000000;
  padding: 0rem 1.5rem 0 0;
  position: relative;
}

.breadcrumb-blk li span.brd-arw {
  display: none;
  padding: 0 0 5px 0;
}

.breadcrumb-blk ol li a {
  color: #000000;
}

.breadcrumb-blk ol li::after {
  display: none !important;
  background: url(../images/breadcrumb-icon.png);
  content: '';
  display: inline-block;
  width: 6px;
  height: 9px;
  position: absolute;
  top: 5px;
  right: 10px;
}

.breadcrumb-blk ol li:last-child {
  padding: 0;
}

.breadcrumb-blk ol li:last-child::after {
  display: none;
}

/****=====Pagination CSS=======******/
.pagination-blk {
  margin: 2rem 0;
}

.pagination-blk ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination-blk ul li {
  list-style-type: none;
  padding: 0 0.3rem;
}

.pagination-blk ul li a {
  background: #FFFFFF;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  font-size: 0.75rem;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

a.prev.page-numbers {
  background: #FFFFFF;
  border-radius: 3px;
  text-align: center;
  color: #000000;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  padding: 0px 6px 0 6px;
  font-size: 20px;
  font-weight: 800 !important;
}

span.page-numbers.current {
  font-size: 12px;
  font-weight: 500;
  background: #81c6dd;
  color: #fff;
  padding: 1px 6px 2px 6px;
  border-radius: 3px;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

a.page-numbers {
  font-size: 12px;
  font-weight: 500;
  margin-right: 3px;
  color: #fff;
  padding: 1px 6px 2px 6px;
  border-radius: 3px;
  background: #FFFFFF;
  line-height: 24px;
  text-align: center;
  color: #000000;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

span.prevt_arw {
  background: #FFFFFF;
  border-radius: 3px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  font-size: 13px;
  font-weight: bolder;
}

.pagination-blk ul li>span {
  color: #000000;
  font-size: 0.75rem;
  line-height: 17px;
}

.pagination-blk ul li:hover a {
  background: #81C6DD;
  color: #fff;
}

.pagination-blk ul .active a {
  background: #81C6DD;
  color: #fff;
}

/****=====Footer CSS=======******/
.footer-tp {
  background: #F4F7FA;
  padding: 2.4rem 0;
}

.footer-tp-blk {
  text-align: center;
}

.tagline-blk {
  margin: 0 0 2.4rem;
}

.tagline-blk span {
  letter-spacing: 0.06em;
  color: #777777;
  font-size: 0.75rem;
  padding: 0 0 0 4rem;
  line-height: 17px;
}

.tagline-blk p {
  letter-spacing: 0.06em;
  color: #393939;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 34px;
}

.footer-tp-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-info-logo img {
  margin: 0 auto;
}

.footer-info-txt {
  margin: 0 0 0 1rem;
}

.footer-info-txt h2 {
  text-align: left;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #777777;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 11px;
}

.footer-info-txt h2 span {
  font-size: 0.875rem;
  line-height: 20px;
  margin: 0 1rem 0 2px;
}

.footer-info-txt address {
  text-align: left;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #777777;
  font-size: 0.813rem;
  margin: 0 0 0.2rem;
}

.footer-info-txt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-info-txt ul li {
  list-style-type: none;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #777777;
  font-size: 0.813rem;
  padding: 0 2rem 0 0;
}

.footer-btm {
  background: #DEE1E7;
  padding: 2.4rem 0;
}

.btm-inner {
  margin: 0 0 2rem;
}

.btm-cm {
  border-bottom: 1px solid #D8D8D8;
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btm-cm:last-child {
  border-bottom: none;
}

.inner-lft {
  width: 20%;
}

.inner-lft a {
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #25558C;
  font-size: 0.938rem;
}

.inner-rgt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.inner-rgt ul li {
  list-style-type: none;
  padding: 0 3rem 0 0;
}

.inner-rgt ul li:last-child {
  padding: 0;
}

.inner-rgt ul li a {
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
  font-size: 0.938rem;
  position: relative;
}

.inner-rgt ul li a:lang(en) {
  font-size: 0.840rem;
}

.inner-rgt ul li:lang(en) {
  padding: 0 2rem 0 0;
}

.inner-title span:lang(en) {
  font-size: 16px;
}

.middle:lang(en) {
  top: -330px;
}

.inner-rgt ul li a::before {
  content: '';
  display: inline-block;
  background: url(../images/footer-arrow.png);
  width: 7px;
  height: 9px;
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
}

.footer-image ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-image ul li {
  list-style-type: none;
  padding: 0 1.2rem 0 0;
}

.footer-image ul li a {
  display: block;
}

.footer-copyright {
  background: #25558C;
  padding: 1rem 0;
  text-align: center;
}

.footer-copyright p {
  line-height: 17px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
  font-size: 0.813rem;
}

@media screen and (max-width: 767px) {
  .footer-copyright p {
    font-size: 0.72rem;
  }
}

/****=====Scroll Top CSS=======******/
.scrollTop {
  position: fixed;
  right: 3%;
  bottom: 40px;
  background-color: #000;
  opacity: 0;
  z-index: 7;
  transition: all 0.4s ease-in-out 0s;
}

.scrollTop a {
  color: #fff;
  text-decoration: none;
  padding: 10px;
  display: inline-block;
}

/***======= News CSS =======***/
.news-page-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.news-page-blk {
  background: #FFFFFF;
  padding: 3rem 5rem;
}

.news-page-title {
  text-align: center;
  margin: 0 0 2rem;
}

.news-page-title h1 {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 43px;
  letter-spacing: 0.2em;
  color: #000000;
}

.news-page-title img {
  margin: 0 auto;
}

.news-filter {
  text-align: right;
  margin: 0 0 1.6rem;
}

.news-filter span {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-transform: uppercase;
  color: #393939;
  margin: 0 0.4rem 0 0;
}

.news-listing {
  border-top: 1px solid #81C6DD;
}

.news-listing-cm {
  border-bottom: 1px solid #E5E5E5;
}

.news-listing-cm a {
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*
.news-listing-cm a .tag {
  display: inline-block;
  font-weight: 600;
  font-size: 0.813rem;
  letter-spacing: 0.06em;
  color: #000000;
  padding: 0.5rem 1rem;
  min-width: 137px;
  text-align: center;
} */
.news-listing-cm a .tag {
  display: inline-block;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: #000000;
  padding: 0.5rem 0.8rem;
  min-width: 100px;
  text-align: center;
  border-radius: 3px;
}

.news-listing-cm a .media {
  background: #D1E8FF;
}

.news-listing-cm a .other {
  background: #FFD1DC;
}

.home span.others,
.single-notices span.tag.others,
.page-template-template-news span.tag.others {
  background: #FFD1DC;
}

.news-listing-cm a .exhibition {
  background: #F3FFD1;
}

.news-listing-cm a .important {
  background: #25558C;
  color: #fff;
}

.news-listing-cm a h4 {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #777777;
  margin: 0 1.6rem;
}

.news-listing-cm a p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #000000;
}

/****==== news detail CSS ====****/
.single-notices .news-detail-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.single-notices .news-detail-blk {
  background: #FFFFFF;
  padding: 3rem 5rem;
}

.single-notices .news-detail-title {
  text-align: center;
  margin: 0 0 2rem;
}

.single-notices .news-detail-title h1 {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 43px;
  letter-spacing: 0.2em;
  color: #25558C;
}

.single-notices .news-detail-title img {
  margin: 0 auto;
}

.single-notices .news-detail-tp {
  border-bottom: 1px solid #81C6DD;
  padding: 0 0 1rem;
  margin: 0 0 1.2rem;
}

.single-notices .news-detail-tp ul {
  margin: 0 0 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-notices .news-detail-tp ul li {
  list-style-type: none;
  padding: 0 2rem 0 0;
}

.single-notices .news-detail-tp ul li:last-child {
  padding: 0;
}

.single-notices .news-detail-tp ul li i {
  font-size: 0.75rem;
  line-height: 17px;
  letter-spacing: 0.06em;
  color: #393939;
}

.single-notices .news-detail-tp ul li .tag {
  display: inline-block;
  font-weight: 600;
  font-size: 0.813rem;
  letter-spacing: 0.06em;
  color: #000000;
  padding: 0.5rem 1rem;
  min-width: 137px;
  text-align: center;
}

.single-notices .news-detail-tp ul li .media {
  background: #D1E8FF;
}

.single-notices .news-detail-tp ul li .other {
  background: #FFD1DC;
}

.single-notices .news-detail-tp ul li .exhibition {
  background: #F3FFD1;
}

.single-notices .news-detail-tp ul li .important {
  background: #25558C;
  color: #fff;
}

.single-notices .news-detail-tp h2 {
  font-size: 1.5rem;
  line-height: 34px;
  letter-spacing: 0.06em;
  color: #000000;
}

.single-notices .news-detail-mdl {
  padding: 3rem 0;
  border-bottom: 1px solid #81C6DD;
}

.single-notices .news-detail-mdl p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
  margin: 0 0 1.2rem;
}

.single-notices .news-detail-btm {
  padding: 3rem 0 2rem;
  text-align: center;
}

.single-notices .news-detail-btm a {
  border: 2px solid #81C6DD;
  border-radius: 20px;
  padding: 0.4rem 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.single-notices .news-detail-btm a span {
  font-weight: 500;
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #81C6DD;
  margin: 0 1.4rem 0 0.4rem;
}

/*=====evidence CSS =====*/
.page-template-template-evidence .evidence-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.page-template-template-evidence .evidence-blk {
  background: #FFFFFF;
  padding: 3rem 5rem;
}

.page-template-template-evidence .evidence-title {
  text-align: center;
  margin: 0 0 2rem;
}

.page-template-template-evidence .evidence-title h1 {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 43px;
  letter-spacing: 0.2em;
  color: #000000;
}

.page-template-template-evidence .evidence-title img {
  margin: 0 auto;
}

.page-template-template-evidence .evidence-filter {
  margin: 0 0 2rem;
  padding: 0 0 2rem;
  border-bottom: 1px solid #81C6DD;
}

.page-template-template-evidence .evidence-filter span {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  color: #393939;
  margin: 0 0.4rem 0 0;
}

.page-template-template-evidence .product-category-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-template-template-evidence .product-filter {
  margin: 0 1.6rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-template-evidence .category-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-template-evidence .sortby-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.page-template-template-evidence .evidence-listing-cm {
  position: relative;
  border-bottom: 1px solid #E5E5E5;
  padding: 1.4rem 0;
}

.page-template-template-evidence .evidence-listing-lft ul li {
  list-style-type: none;
  margin: 0 0 .4rem 0;
}

.page-template-template-evidence .evidence-listing-lft ul li:last-child {
  margin: 0;
}

.page-template-template-evidence .evidence-listing-lft .tag {
  display: inline-block;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: #777777;
  padding: 0.5rem .8rem;
  min-width: 96px;
  text-align: center;
  border-radius: 3px;
  width: 100%;
}

.page-template-template-evidence .evidence-listing-lft .silicon {
  background: #25558C;
  color: #fff;
}

.page-template-template-evidence .evidence-listing-lft .beauty {
  background: #FFD1DC;
}

.page-template-template-evidence .evidence-listing-lft .agriculture {
  background: #D1FFE4;
}

.page-template-template-evidence .evidence-listing-lft .health {
  background: #D1E8FF;
}

.page-template-template-evidence .evidence-listing-lft .livestock {
  background: #F3FFD1;
}

.page-template-template-evidence .evidence-listing-mdl h3 {
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #000000;
}

.page-template-template-evidence .evidence-listing-mdl p {
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.06em;
  color: #777777;
}

.page-template-template-evidence .evidence-listing-rgt img {
  margin-left: auto;
}

/***==== evidence detail CSS ====****/
.single-evidences .evidence-detail-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.single-evidences .evidence-detail-blk {
  background: #FFFFFF;
  padding: 3rem 5rem;
}

.single-evidences .evidence-detail-title {
  text-align: center;
  margin: 0 0 2rem;
}

.single-evidences .evidence-detail-title h1 {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 43px;
  letter-spacing: 0.2em;
  color: #000000;
}

.single-evidences .evidence-detail-title img {
  margin: 0 auto;
}

.single-evidences .evidence-detail-date {
  border-bottom: 1px solid #81C6DD;
  text-align: right;
  padding: 0 0 1.4rem;
  margin: 0 0 1.4rem;
}

.single-evidences .evidence-detail-date span {
  font-size: 0.75rem;
  line-height: 17px;
  letter-spacing: 0.06em;
  color: #C4C4C4;
}

.single-evidences .evidence-detail-tp {
  border-bottom: 1px solid #81C6DD;
  padding: 0 0 1.4rem;
  margin: 0 0 2.6rem;
}

.single-evidences .evidence-detail-tp ul {
  margin: 0 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.single-evidences .evidence-detail-tp ul li {
  list-style-type: none;
  padding: 0 0.8rem 0 0;
}

.single-evidences .evidence-detail-tp ul li:last-child {
  padding: 0;
}

.single-evidences .evidence-detail-tp ul li .tag {
  display: inline-block;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: #FFFFFF;
  padding: 0.3rem 0.8rem;
  min-width: 96px;
  text-align: center;
  border-radius: 5px;
  width: 100%;
}

.single-evidences .evidence-detail-tp ul li .silicon {
  background: #25558C;
}

.single-evidences .evidence-detail-tp ul li .beauty {
  background: #FFD1DC;
  color: #777777;
}

.single-evidences .evidence-detail-tp h2 {
  font-size: 1.5rem;
  line-height: 34px;
  letter-spacing: 0.06em;
  color: #000000;
  margin: 0 0 0.8rem;
}

.single-evidences .evidence-detail-tp p {
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.06em;
  color: #777777;
}

.single-evidences .evidence-detail-mdl {
  border-bottom: 1px solid #81C6DD;
  padding: 0 0 2.6rem;
  margin: 0 0 2.6rem;
}

.single-evidences .evidence-detail-para {
  margin: 0 0 2rem;
}

.single-evidences .evidence-detail-para p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.single-evidences .content-blk {
  margin: 0 0 2rem;
}

.single-evidences .content-blk span {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.single-evidences .content-blk p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
  margin: 0px 0px 2rem;
}

.single-evidences .content-blk p:last-child {
  margin: 0;
}

.single-evidences .evidence-detail-img {
  margin: 0px 0px 2rem;
}

.single-evidences .print-blk a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-evidences .print-blk a i {
  color: #25558C;
}

.single-evidences .print-blk a span {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #25558C;
  display: inline-block;
  margin: 0 0 0 0.2rem;
}

.evidence-detail-btm {
  text-align: center;
}

.single-evidences .evidence-detail-tp ul li .tag.health {
  background: #D1E8FF;
}

.single-evidences .evidence-detail-mdl p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.single-evidences .evidence-detail-tp span.tag.livestock {
  background: #F3FFD1;
  color: #777777;
}


/****==== OEM page CSS ====****/
.oem-banner {
  position: relative;
  margin: 0 0 2rem;
}

.oem-banner img {
  width: 100%;
}

.oem-banner h1 {
  font-weight: 500;
  font-size: 3rem;
  line-height: 69px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.oem-main {
  padding: 2.6rem 0 4rem;
}

.what-blk {
  margin: 0 0 6rem;
}

.what-title {
  text-align: center;
  margin: 0 0 4rem;
}

.what-title h2 {
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 52px;
  text-align: center;
  letter-spacing: 0.06em;
  color: #25558C;
  padding: 0 0 .6rem;
  margin: 0 0 .6rem;
  position: relative;
}

.what-title h2::before {
  content: '';
  display: inline-block;
  border-bottom: 1px solid #25558C;
  width: 50px;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.what-title h2::after {
  content: '';
  display: inline-block;
  border-bottom: 1px solid #2FA6CE;
  width: 300px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.what-title span {
  font-family: 'Quattrocento';
  font-size: 0.938rem;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #2FA6CE;
}

.what-img {
  margin: 0 0 4rem;
}

.what-img img {
  margin: 0 auto;
}

.what-para {
  max-width: 783px;
  margin: 0 auto;margin-bottom: 30px;
}

.what-para p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.flow-title {
  text-align: center;
  margin: 0 0 4rem;
}

.flow-title h3 {
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 52px;
  text-align: center;
  letter-spacing: 0.06em;
  color: #25558C;
  padding: 0 0 .6rem;
  margin: 0 0 .6rem;
  position: relative;
}

.flow-title h3::before {
  content: '';
  display: inline-block;
  border-bottom: 1px solid #25558C;
  width: 50px;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.flow-title h3::after {
  content: '';
  display: inline-block;
  border-bottom: 1px solid #2FA6CE;
  width: 300px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.flow-title span {
  font-family: 'Allura';
  font-size: 1.338rem;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #D1E8FF;
}

.step-cm {
  border-radius: 10px;
  padding: 2rem 4rem;
  margin: 0 0 3.6rem;
  position: relative;
}

.step-cm::after {
  content: '';
  display: inline-block;
  background: url(../images/flow-arrow.png);
  width: 57px;
  height: 24px;
  position: absolute;
  bottom: -43px;
  left: 50%;
  transform: translateX(-50%);
}

.step-cm:last-child::after {
  display: none;
}

.step1 {
  background: #CEBE2F;
}

.step1 .step-blk span,
.step1 .step-blk i {
  color: #CEBE2F;
}

.step2 {
  background: #79C849;
}

.step2 .step-blk span,
.step2 .step-blk i {
  color: #79C849;
}

.step3 {
  background: #41BF83;
}

.step3 .step-blk span,
.step3 .step-blk i {
  color: #41BF83;
}

.step4 {
  background: #2FA6CE;
}

.step4 .step-blk span,
.step4 .step-blk i {
  color: #2FA6CE;
}

.step-blk {
  background: #FFFFFF;
  width: 107px;
  height: 107px;
  margin: 0 auto;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.step-blk span {
  font-size: 0.875rem;
  line-height: 17px;
  letter-spacing: 0.06em;
  font-family: 'Libre Baskerville', serif;
}

.step-blk i {
  font-size: 2.25rem;
  line-height: 45px;
  letter-spacing: 0.06em;
  font-family: 'Libre Baskerville', serif;
}

.step-content span {
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
  font-weight: 700;
  display: block;
  margin: 0 0 0.6rem;
}

.step-content p {
  font-weight: 500;
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
}

.step-img img {
  margin: 0 auto;
}

.certificate-blk {
  border: 1px solid #2FA6CE;
  border-radius: 10px;
  margin: 0 0 5rem;
  padding: 3rem;
}

.certificate-inr {
  margin: 0 0 2.6rem;
}

.certificate-inr:last-child {
  margin: 0;
}

.certificate-inr span {
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #D0A64F;
  font-weight: 700;
  display: inline-block;
  margin: 0 0 0.6rem;
}

.certificate-inr p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.certificate-rgt img {
  margin-left: auto;
}

.refuse-blk {
  text-align: center;
  margin: 0 0 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.refuse-blk img {
  margin: 0 auto 0.8rem;
}

.refuse-blk p {
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #D33333;
}

.inquiry-blk {
  max-width: 717px;
  margin: 0 auto 3rem;
}

.inquiry-lft {
  position: relative;
}

.inquiry-lft i {
  font-size: 4rem;
  line-height: 80px;
  letter-spacing: 0.06em;
  color: #E8EFF5;
  font-family: 'Allura';
  position: absolute;
  top: -30px;
  left: -40px;
  z-index: 1;
}

.inquiry-content {
  max-width: 274px;
  margin: 0 auto;
}

.inquiry-content span {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 34px;
  letter-spacing: 0.2em;
  color: #000000;
  display: inline-block;
  margin: 0 0 1rem;
  position: relative;
  z-index: 2;
}

.inquiry-content p {
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.06em;
  color: #393939;
}

.inquiry-rgt a {
  background: #2FA6CE;
  border-radius: 5px;
  padding: 1rem 3rem;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .inquiry-rgt a {
    padding: 1rem 1rem;
  }
}
.inquiry-rgt a i {
  color: #fff;
  margin: .2rem 0.4rem 0 0;
}

.inquiry-rgt a span {
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
  font-weight: 700;
}

/****==== Social Contribution CSS ====****/

.social-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.social-blk {
  background: transparent;
  padding: 3rem 5rem;
}

.support-blk {
  margin: 0 0 2rem;
}

.support-blk span {
  font-size: 1.5rem;
  line-height: 34px;
  letter-spacing: 0.06em;
  color: #2FA6CE;
  display: inline-block;
  margin: 0 0 2rem;
}

.support-blk p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
  margin: 0 0 1rem;
}

.social-date {
  margin: 0 0 5rem;
  text-align: right;
}

.social-date span {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.social-panel {
  background: #2FA6CE;
  padding: 0.2rem 1rem;
  margin: 0 0 1.4rem;
}

.social-panel span {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
}

.social-info table {
  width: 100%;
}

.social-info table thead tr th {
  background-color: #D1E8FF;
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #000000;
  font-weight: 700;
  padding: 1rem 1.4rem;
}

.social-info table tbody tr td {
  background: #F4F7FA;
}

/****==== Sale page CSS ====****/
.sales-page-main {
  padding: 3rem 0;
  position: relative;
}

.sales-page-main::before {
  background-image: url(../images/sales-bg.png);
  content: '';
  display: inline-block;
  width: 733px;
  height: 726px;
  /*  position: absolute; */
  right: 60px;
  top: 30%;
  z-index: -1;
  background-repeat: no-repeat;
  position: fixed;
}

.salespage-title {
  margin: 0 0 4rem;
}

.salespage-title h1 {
  line-height: 43px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #25558C;
  font-weight: 500;
  font-size: 1.875rem;
  margin: 0 0 1rem;
}

.salespage-title img {
  margin: 0 auto;
}

.salespage-para {
  margin: 0 0 3rem;
}

.salespage-para p {
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.06em;
  color: #000000;
  font-size: 0.938rem;
}

/***======Order Blk CSS========***/
.order-blk {
  background: #2FA6CE;
  border-radius: 10px;
  padding: 2.6rem;
  margin: 0 0 1.4rem;
}

.order-tp {
  border-bottom: 1px solid #FFFFFF;
  padding: 0 0 1rem;
  margin: 0 0 1rem;
}

.order-tp-lft h2 {
  font-size: 2.25rem;
  line-height: 52px;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  font-weight: 700;
}

.order-tp-lft h3 {
  font-size: 2.25rem;
  line-height: 52px;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  font-weight: 700;
}

.order-tp-lft h3 span {
  font-size: 1.5rem;
}

.order-tp-lft p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
}

.order-tp-rgt a {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 1rem;
  text-align: center;
  min-height: 130px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.order-tp-rgt a img {
  margin: 0 auto 1rem;
}

.order-tp-rgt a span {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
  font-weight: 700;
}

.order-btm-lft p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
}

.order-btm-rgt a {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 0.9rem;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.order-btm-rgt a img {
  margin: 0 .6rem 0 0;
}

.order-btm-rgt a span {
  font-size: 0.813rem;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.06em;
  color: #393939;
  font-weight: 700;
}

/***======Sales Society CSS========***/
.sales-society-blk {
  background: #CEBE2F;
  border-radius: 10px;
  padding: 2.6rem;
  margin: 0 0 2rem;
}

.sales-society-lft h3 {
  font-size: 2.25rem;
  line-height: 52px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
  font-weight: 700;
}

.sales-society-lft h3 span {
  font-size: 1.5rem;
}

.sales-society-lft p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
}

.sales-society-lft p span {
  color: #795915;
}

.sales-society-rgt a {
  background: #FFFFFF;
  border-radius: 10px;
  min-height: 130px;
  margin-left: auto;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sales-society-rgt a img {
  margin: 0 auto 1rem;
}

.sales-society-rgt a span {
  font-size: 0.938rem;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.06em;
  color: #393939;
  font-weight: 700;
}

/***======Sales Common CSS========***/
.salespage-cm {
  padding: 3rem 4rem;
  margin: 0 0 1rem;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.salespage-cm-title {
  border-bottom: 1px solid #D1E8FF;
  margin: 0 0 1.8rem;
  position: relative;
}

.salespage-cm-title::before {
  content: '';
  display: inline-block;
  border-bottom: 1px solid #25558C;
  width: 50px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.salespage-cm-title h3 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #393939;
  padding: 0 0 0.6rem;
}

.page-template-template-sale-page .notice-cm {
  padding: 0 0 2rem;
  margin: 0 0 2rem;
  border-bottom: 1px solid #E5E5E5;
}

.notice-cm:last-child {
  padding: 0;
  margin: 0;
  border: none;
}

.notice-cm h4 {
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #393939;
  margin: 0 0 0.8rem;
}

.notice-cm p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.page-template-template-sale-page .notice-cm p {
  margin-bottom: 10px;
}

.page-template-template-sale-page .notice-cm>p>a {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #25558C;
  margin: 0.8rem 0;
  display: inline-block;
}

.page-template-template-sale-page .notice-cm>p>a:hover {
  color: #D0A64F;
}

.notice-cm>a {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #25558C;
  margin: 0.8rem 0;
  display: inline-block;
}

.notice-cm>a span {
  margin: 0 0 0 .6rem;
}

.notice-cm ul li {
  list-style-type: none;
  padding: 0 0 0.4rem;
}

.notice-cm ul li:last-child {
  padding: 0;
}

.notice-cm ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.notice-cm ul a span {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #2FA6CE;
  margin: 0 0 0 0.4rem;
}

/***======Download Blk CSS========***/
.download-blk ul li {
  list-style-type: none;
  margin: 0 0 1.6rem;
  padding: 0 0 0 1rem;
  position: relative;
}

.download-blk ul li:last-child {
  margin: 0;
}

.download-blk ul li::before {
  background: url(../images/arrow.png);
  content: '';
  display: inline-block;
  width: 7px;
  height: 9px;
  margin-top: -2px;
  position: absolute;
  left: 0;
  top: 8px;
}

.download-blk ul li a {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #2FA6CE;
}

.download-blk ul li span {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

/***======Safety Blk CSS========***/
.safety-blk {
  margin-left: -3rem;
  margin-right: -3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.safety-blk .list-blk>li {
  list-style-type: none;
  margin: 0 0 1.6rem;
  padding: 0 0 0 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.safety-blk .list-blk>li:last-child {
  margin: 0;
}

.safety-blk .list-blk>li::before {
  background: url(../images/arrow.png);
  content: '';
  display: inline-block;
  width: 7px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 8px;
}

.safety-blk .list-blk>li a {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #2FA6CE;
}

.safety-blk .list-blk>li span {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}
.safety-blk .list-blk>li a span {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #39aad0;
}
.safety-blk .list-blk-inr {
  margin: 0 0 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.safety-blk .list-blk-inr>li {
  list-style-type: none;
  padding: 0 0.8rem;
  position: relative;
}

.safety-blk .list-blk-inr>li:first-child {
  padding-left: 0;
}

.safety-blk .list-blk-inr>li::after {
  background: #393939;
  content: '';
  display: inline-block;
  width: 1px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 2px;
  transform: rotate(20deg);
}

.safety-blk .list-blk-inr>li:last-child::after {
  display: none;
}

.safety-blk .list-blk-inr>li a {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #2FA6CE;
}

.safety-lft {
  width: 50%;
  border-right: 1px solid #C4C4C4;
  padding: 0 3rem;
}

.safety-rgt {
  width: 50%;
  padding: 0 3rem;
}

/***======GMP Blk CSS========***/
.gmp-blk {
  margin: 4rem 0;
}

.gmp-blk h3 {
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #393939;
  margin: 0 0 1.4rem;
}

.gmp-para {
  padding: 0 0 0 3rem;
}

.gmp-para p {
  font-size: 15px;
  line-height: 17px;
  letter-spacing: 0.06em;
  color: #393939;
}

/***======Silica Blk CSS========***/
.silica-blk {
  margin: 0 0 2rem;
}

.silica-blk h3 {
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #393939;
  margin: 0 0 1.8rem;
}


/****==== Event page CSS ====****/
.event-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.event-blk {
  background: #FFFFFF;
  padding: 3rem 5rem;
}

.event-para {
  margin: 0 0 3rem;
}

.event-para p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.event-panel {
  background: #2FA6CE;
  padding: 0.2rem 1rem;
  margin: 0 0 2.6rem;
}

.event-panel span {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
}

.event-inr {
  padding: 0 0 2.4rem;
  margin: 0 0 2.4rem;
  border-bottom: 1px solid #E5E5E5;
}

.event-inr:last-child {
  border: none;
}

.inr-tp-blk {
  margin: 0 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.inr-tp-blk h3 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 34px;
  letter-spacing: 0.06em;
  color: #000000;
}

.inr-tp-blk a {
  margin: 0 0 0 1.6rem;
}

.inr-tp-blk a i {
  color: #25558C;
}

.inr-tp-blk a span {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.06em;
  color: #25558C;
  margin: 0 0 0 0.4rem;
}

.inr-list {
  margin: 0 0 1.6rem;
}

.inr-list ul li {
  list-style-type: none;
  margin: 0 0 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.inr-list ul li:last-child {
  margin: 0;
}

.inr-list ul li span {
  border: 1px solid #2FA6CE;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  color: #2FA6CE;
  display: inline-block;
  min-width: 67px;
  text-align: center;
  padding: 0.3rem 0;
  margin: 0 1rem 0 0;
}

.inr-list ul li p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.inr-img-blk {
  margin: 0 0 1rem;
}

.inr-img-blk ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.inr-img-blk ul li {
  list-style-type: none;
  margin: 0 1rem 0 0;
}

.inr-img-blk ul li:last-child {
  margin: 0;
}

.more-link {
  text-align: right;
}

.more-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.more-link a span {
  font-size: 0.875rem;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.06em;
  color: #25558C;
  margin: 0 0.6rem 0 0;
}

/****==== archive page css ====****/
.archive .evidence-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.archive .evidence-blk {
  background: #FFFFFF;
  padding: 3rem 5rem;
}

.archive article {
  position: relative;
  border-bottom: 1px solid #E5E5E5;
  padding: 1.4rem 0;
}

.archive h2.entry-title a {
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #000000;
}

.archive .evidence-title h1 {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 43px;
  letter-spacing: 0.2em;
  color: #000000;
}

.archive .evidence-title {
  text-align: center;
}

.archive .evidence-title img {
  margin: 0 auto;
}

.privacy-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.privacy-blk {
  background: #FFFFFF;
  padding: 3rem 5rem;
}

.privacy-cm {
  margin: 0 0 4.6rem;
}

.privacy-panel {
  background: #2FA6CE;
  padding: 0.3rem 0.8rem;
  margin: 0 0 2rem;
}

.privacy-panel span {
  font-weight: 500;
  font-size: 1rem;
  line-height: 23px;
  letter-spacing: 0.06em;
  color: #FFFFFF;
}

.privacy-content {
  margin: 0 0 2rem;
}

.privacy-content:last-child {
  margin: 0;
}

.privacy-content span {
  font-weight: 700;
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
  display: inline-block;
  margin: 0 0 0.8rem;
}

.privacy-content p {
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.privacy-btm ul li {
  list-style-type: none;
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #8E8E8E;
}


/****===== COntact Page Css ====****/
.page-template-template-inquiry .contact-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.page-template-template-inquiry .contact-blk {
  background: #FFFFFF;
  padding: 3rem 5rem;
}

.page-template-template-inquiry .contact-para {
  margin: 0 0 1.6rem;
}

.page-template-template-inquiry .contact-para p {
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.page-template-template-inquiry .contact-inr {
  margin: 0 0 2rem;
}

.page-template-template-inquiry .contact-cm {
  border-top: 1px solid #E5E5E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-template-template-inquiry .contact-cm:last-child {
  border-bottom: 1px solid #E5E5E5;
}

.page-template-template-inquiry .contact-cm label {
  font-size: 0.938rem;
  letter-spacing: 0.1em;
  color: #000000;
  line-height: 18px;
}

.page-template-template-inquiry .contact-cm input {
  border: 1px solid #C4C4C4;
  border-radius: 3px;
  font-size: 0.938rem;
  letter-spacing: 0.1em;
  color: #000000;
  padding: 0.5rem 0.8rem;
  outline: none;
  width: 100%;
}

.page-template-template-inquiry .contact-cm input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C4C4C4;
}

.page-template-template-inquiry .contact-cm input::-moz-placeholder {
  /* Firefox 19+ */
  color: #C4C4C4;
}

.page-template-template-inquiry .contact-cm input:-ms-input-placeholder {
  /* IE 10+ */
  color: #C4C4C4;
}

.page-template-template-inquiry .contact-cm input:-moz-placeholder {
  /* Firefox 18- */
  color: #C4C4C4;
}

.page-template-template-inquiry .contact-lft {
  width: 34%;
  background: #F4F7FA;
  padding: 1.6rem;
}

.page-template-template-inquiry .lft-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-template-template-inquiry .lft-inr h3 {
  font-size: 0.938rem;
  line-height: 13px;
  letter-spacing: 0.1em;
  color: #000000;
  margin: 0 1rem 0 0;
}

.page-template-template-inquiry .lft-inr span {
  border-radius: 3px;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  display: inline-block;
  min-width: 50px;
  text-align: center;
  padding: 0.3rem 0;
}

.page-template-template-inquiry .lft-inr .mandatory {
  background: #2FA6CE;
}

.page-template-template-inquiry .lft-inr .any {
  background: #FFFFFF;
  color: #C4C4C4;
  border: 1px solid #C4C4C4;
}

.page-template-template-inquiry .contact-rgt {
  width: 66%;
  padding: 1.6rem;
}

.page-template-template-inquiry .inquiry-blk ul li {
  list-style-type: none;
}

.page-template-template-inquiry .custom-radio span#inquiry1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-template-template-inquiry .custom-radio .wpcf7-list-item {
  list-style-type: none;
  /* width: 50%; */
  padding: 0 0 1rem 0;
  margin: 0;
}

.page-template-template-inquiry .inquiry-blk {
  max-width: 717px;
  margin: 0;
}

.page-template-template-inquiry .inquiry-blk ul li:nth-child(3),
.inquiry-blk ul li:nth-child(4) {
  padding: 0;
}

.page-template-template-inquiry .name-blk label {
  padding: 0 0.8rem 0 0;
}

.page-template-template-inquiry .furigana-blk label {
  padding: 0 0.8rem 0 0;
  white-space: nowrap;
}

.page-template-template-inquiry .address-cm {
  margin-bottom: 1.4rem;
}

.page-template-template-inquiry .address-cm:last-child {
  margin-bottom: 0;
}

.page-template-template-inquiry .address-cm span {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #393939;
}

.page-template-template-inquiry .address-cm select {
  border: 1px solid #C4C4C4;
  padding: 0.45rem;
  width: 100%;
  min-width: auto;
}

.page-template-template-inquiry .email-address-tp {
  margin: 0 0 1.6rem;
}

.page-template-template-inquiry .email-address-btm span {
  margin: 0 0 0.6rem;
  display: inline-block;
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  color: #393939;
}

.page-template-template-inquiry .content-blk textarea {
  width: 100%;
  border: 1px solid #C4C4C4;
  border-radius: 3px;
  padding: 0.8rem;
  outline: none;
  min-height: 213px;
  line-height: 26px;
}

.page-template-template-inquiry .find-blk ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-template-template-inquiry .find-blk ul li {
  list-style-type: none;
  padding: 0 2rem 0 0;
}

.page-template-template-inquiry .find-blk ul li:last-child {
  padding: 0;
}

.page-template-template-inquiry .policy-blk {
  text-align: center;
  margin: 0 0 2rem;
}

.page-template-template-inquiry .policy-blk label {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #000000;
}

.page-template-template-inquiry .policy-blk label a {
  color: #2FA6CE;
  position: relative;
}

.page-template-template-inquiry .policy-blk label a::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-bottom: 0.5px solid #2FA6CE;
}

.page-template-template-inquiry .submit-blk {
  text-align: center;
}

.page-template-template-inquiry .submit-blk input {
  background: #2FA6CE;
  border-radius: 5px;
  border: none;
  /*width: 100%;
  max-width: 360px;
  padding: 1rem 0;*/
  padding: 1rem 4rem;
  font-weight: 400;
  font-size: 0.938rem;
  color: #fff;
  margin-left: 70px;
}

@media screen and (max-width: 767px) {
  .page-template-template-inquiry .submit-blk input {
    margin-left: 35px;
  }
}

.page-template-template-inquiry .custom-radio label {
  display: inline-block;
  position: relative;
  padding-left: 1rem;
}

/* .page-template-template-inquiry .custom-radio input {
    display: none;
} */
.page-template-template-inquiry .custom-radio input {
  display: none !important;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  /* position: absolute; */
  left: 0;
  background: #FFFFFF;
  border: 1px solid #8E8E8E;
  border-radius: 100%;
}

.page-template-template-inquiry .custom-radio input[type=radio]:checked+label:before {
  content: "\2022";
  color: #81C6DD;
  font-size: 46px;
  text-align: center;
  line-height: 8px;
}

.page-template-template-inquiry .custom-radio.btm-rdo span#homepage1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-template-template-inquiry .contact-rgt .find-blks li {
  list-style-type: none;
}

.page-template-template-inquiry span.wpcf7-form-control.wpcf7-acceptance.optional span.wpcf7-list-item-label {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #000000;
  padding-left: 10px;
}

/* .page-template-template-inquiry .custom-radio label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    background: #FFFFFF;
    border: 1px solid #8E8E8E;
    border-radius: 100%;
} */

input[type="radio"]+span::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  /*  margin: 0px 12px;  */
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #8E8E8E;
  border-radius: 50%;
  text-align: center;
  content: '';
  transform: scale(0.8);
}

input[type="radio"]:checked+span::before {
  /* content: "\2713"; */
  content: "\2022";
  color: #81C6DD;
  font-size: 54px;
  text-align: center;
  line-height: 9px;
}

input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  border-radius: 3px;
}

.page-template-template-inquiry span.wpcf7-not-valid-tip {
  color: #de3232;
  font-size: 13px;
}

span.wpcf7-not-valid-tip font {
  color: #de3232;
  font-size: 13px;
}

input.wpcf7-form-control.wpcf7-not-valid {
  border: 1px solid red;
}

.page-template-template-inquiry textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.wpcf7-not-valid {
  border: 1px solid red;
  margin-bottom: 10px;
}

.page-template-template-inquiry .wpcf7-form.invalid input.wpcf7-form-control.wpcf7-not-valid {
  margin-bottom: 10px;
}

.page-template-template-inquiry .wpcf7-form.invalid .d-flex.align-items-center label {
  margin-bottom: 10px;
}

.wpcf7-form.invalid .wpcf7-response-output {
  text-align: center;
  background: red;
  color: #fff;
  border: 2px solid red !important;
}

.wpcf7-form.sent .wpcf7-response-output {
  text-align: center;
  background: #46b450c9;
  color: #fff;
  padding: 20px !important;
  border: 2px solid #46b4504f !important;
}

/****==== book CSS ====****/
.books-main {
  background: #E9F4FF;
  padding: 2rem 0 4rem;
}

.books-blk {
  background: #FFFFFF;
  padding: 3rem 5rem;
}

.book-purchase {
  margin: 0 0 3.6rem;
}

.book-purchase p {
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
  margin: 0 0 2rem;
}

.book-purchase a {
  background: #2FA6CE;
  border-radius: 5px;
  display: block;
  max-width: 290px;
  text-align: center;
  padding: 1.1rem 0;
}

.book-purchase a i {
  color: #fff;
  margin: 0 0.4rem 0 0;
}

.book-purchase a span {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.06em;
  color: #FFFFFF;
}

.listing-cm {
  padding: 1.6rem 0;
  border-bottom: 1px solid #E5E5E5;
}

.listing-cm:first-child {
  border-top: 1px solid #E5E5E5;
}

.listing-info {
  padding: 0 0 0 1rem;
}

.listing-info h3 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #000000;
  margin: 0 0 1.6rem;
}

.listing-info span {
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 22px;
  letter-spacing: 0.06em;
  color: #393939;
}

.listing-inr .listing-info h3 {
  font-size: 0.938rem;
  line-height: 22px;
}

.listing-inr .listing-info span {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 26px;
  color: #000000;
}

/****==== breadcrumb css ====****/
.breadcrumb-blk .fbc-page .fbc-wrap .fbc-items {
  background-color: #fff;
}

.breadcrumb-blk ol li {
  list-style-type: none;
  /*    margin-right: 0 !important;
    padding-left: 0 !important; */
}

.breadcrumb-blk ol li span a {
  font-size: 0.813rem !important;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #000000 !important;
  padding: 0 0.6rem 0 0;
  position: relative;
  font-family: 'noto serif jp';
}

.breadcrumb-blk ol li.active span {
  font-size: 0.813rem !important;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #000000 !important;
  padding: 0 0.6rem 0 0;
  font-family: 'noto serif jp';
  padding-left: 4px;
}

li span.fbc-separator {
  color: #000000c4 !important;
  font-family: 'Noto Serif JP';
}

/****==== product page css ====****/
.page-template-template-product .product-banner {
  background: rgba(0, 0, 0, 0.3);
  position: relative;
}

.product-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);

}

.page-template-template-product .product-banner img {
  margin: 0 auto;
}

.page-template-template-product .product-banner h1 {
  font-weight: 500;
  font-size: 3rem;
  line-height: 69px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-template-template-product .product-listing {
  margin: 0 0 6rem;
}

.page-template-template-product .listing-cm {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-template-template-product .listing-one {
  /* background-image: url(../images/listing-bg1.jpg); */
  background-image: url(../images/umo-bg.webp);
  height: auto;
}

.page-template-template-product .listing-two {
  background-image: url(../images/listing-bg2.jpg);
  height: 647px;
}

.page-template-template-product .listing-three {
  background-image: url(../images/listing-bg3.jpg);
  height: 649px;
}

.page-template-template-product .listing-four {
  background-image: url(../images/plant-umo-bg.webp);
  height: auto;
}


.page-template-template-product .listing-content {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 4rem;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
}

.page-template-template-product .listing-img img {
  width: 100%;
}

.page-template-template-product .listing-info h3 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 34px;
  letter-spacing: 0.06em;
  color: #25558C;
  margin: 0 0 1.4rem;
}

.page-template-template-product .listing-info p {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #777777;
  margin: 0 0 2rem;
}

.page-template-template-product .listing-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-template-template-product .listing-info ul li {
  list-style-type: none;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 26px;
  letter-spacing: 0.06em;
  color: #393939;
  width: 50%;
  position: relative;
  padding: 0 0 0 1rem;
  margin: 0 0 1rem;
}

.page-template-template-product .listing-info ul li::before {
  background: url(../images/arrow.png);
  content: '';
  display: inline-block;
  width: 7px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 9px;
}

.page-template-template-product .for-blk {
  margin: 2rem 0 3rem;
  padding: 0 16px;
}

.page-template-template-product .for-blk ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-template-template-product .for-blk ul li {
  list-style-type: none;
  background: #F4F7FA;
  margin: 0 1rem 0 0;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.06em;
  color: #393939;
  padding: 0.8rem 1.5rem;
}

.page-template-template-product .for-blk ul li:last-child {
  margin: 0;
}

.page-template-template-product .learn-more {
  text-align: center;
}

.page-template-template-product .learn-more a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-template-template-product .learn-more a span {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 26px;
  text-align: right;
  letter-spacing: 0.06em;
  color: #2FA6CE;
  margin: 0 0.8rem 0 0;
}

.page-template-template-product .inquiry-otr {
  margin: 0 0 5rem;
}



/***========Responsive CSS========****/
@media screen and (max-width: 1540px) {

  /****=====Header CSS=======******/
  .logo p {
    font-size: 1.2rem;
  }

  .main-menu ul.menu-list>li>a {
    padding: 0 0.6rem;
  }
}

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

  /****=====Header CSS=======******/
  header {
    padding: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .always-content h3 {
    font-size: 3rem;
  }

  .always-content h3 span {
    font-size: 2rem;
  }

  .page-template-template-product .listing-info ul li {
    margin: 0 0 0.2rem;
  }

  .page-template-template-product .for-blk ul li {
    margin: 0 1rem 1rem 0;
  }

  .page-template-template-product .for-blk ul li:last-child {
    margin: 0 1rem 1rem 0;
  }
}

@media all and (max-width: 960px) {
  .main-menu ul.menu-list>li>a {
    font-size: .8rem;
  }

  .news-page-blk {
    padding: 2rem;
  }

  .single-notices .news-detail-blk {
    padding: 2rem;
  }

  /****==== evidence css ====****/
  .evidence-blk {
    padding: 2.6rem;
  }

  .product-filter {
    margin: 0 0 1rem;
  }

  .single-evidences .evidence-detail-blk {
    padding: 2rem;
  }

  /****==== OEM page CSS ====****/
  .step-cm {
    padding: 2rem 1rem;
  }

  .step-blk {
    width: 90px;
    height: 90px;
  }

  .oem-banner h1 {
    font-size: 20px;
  }

  /***======Order Blk CSS========***/
  .order-tp-lft h3 {
    font-size: 2rem;
  }

  .order-tp-rgt a {
    padding: 1rem 0.6rem;
  }

  .order-tp-rgt a span {
    font-size: 0.8rem;
  }

  /***======Sales Society CSS========***/
  .sales-society-lft h3 {
    font-size: 2rem;
  }

  /***======Safety Blk CSS========***/
  .safety-blk .list-blk>li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .safety-blk .list-blk-inr {
    margin: 0;
  }

  .event-blk {
    padding: 2.6rem;
  }

  .privacy-blk {
    padding: 2.6rem;
  }

  .contact-blk {
    padding: 2.6rem;
  }

  .books-blk {
    padding: 2.6rem;
  }
}

.mobile-abt {
  display: none;
}

@media screen and (max-width: 767px) {
  .social-main {
    background: #fff;
    border-top: 40px solid #E9F4FF;
  }

  .desktop-abt {
    display: none;
  }

  .mobile-abt {
    display: block !important;
  }

  body .social-info table tbody tr td,
  body .social-info table thead tr th {
    padding: 0.8rem 0.8rem;
    font-size: 0.7rem;
  }

  body .social-blk p {
    font-size: 14px;
    line-height: 20px;
  }

  body div.small-p p {
    font-size: 0.5rem;
    line-height: 15px;
  }

  body div.small-p-right p {
    text-align: right;
  }

  .small-p p {
    color: #777777;
  }

  /****=====Global CSS=======******/
  .common-title {
    margin: 0 0 1.6rem;
  }

  .common-title h2 {
    font-size: 1.25rem;
    line-height: 29px;
  }

  /****=====Mobile Menu CSS=======******/
  .mobile-menu-outer {
    height: 100%;
    padding: 0;
    position: fixed;
    right: -290px;
    top: 0;
    width: 290px;
    z-index: 55555;
    background: #F4F7FA;
    text-align: center;
  }

  .mobile-toggle {
    width: 30px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    left: -32px;
    top: 20px;
    display: none;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
  }

  .mobile-toggle span {
    display: block;
    height: 4px;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    transform-origin: left center;
    opacity: 1;
  }

  .mobile-toggle span:nth-child(1) {
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }

  .mobile-toggle span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }

  .mobile-toggle span:nth-child(3) {
    top: 22px;
    left: 0;
    transform: rotate(-45deg);
  }

  .mobile-menu {
    display: block;
  }

  .mobile-menu .scroll-blk {
    overflow-y: auto;
    height: calc(100vh - 62px);
  }

  .mobile-menu ul.mobile-list>li {
    list-style-type: none;
    background: #F4F7FA;
  }

  .mobile-menu ul.mobile-list>li>a {
    padding: 1rem 0;
    margin: 0 1rem;
    border-bottom: 1px solid #E5E5E5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #mobile-menu ul.sub-menu {
    display: none;
  }

  /* #mobile-menu .sub-menu.show{
		display: block;
	}	*/
  #mobile-menu li.menu-item-has-children.main-prnt>a i::before {
    content: "\F2EA";
  }

  #mobile-menu ul.sub-menu a {
    font-size: 14px;
    padding: 1rem 1rem;
    margin: 0 1rem 0.4rem;
    background: #E2E6EA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
  }

  #mobile-menu ul.sub-menu a:lang(en) {
    font-size: 11px;
    padding: 4px 4px;
    margin: 0 8px 8px;
  }

  .mobile-menu ul.mobile-list>li>a span {
    font-size: 0.875rem;
    color: #25558C;
  }

  ul#mobile-menu a span.en-mnn {
    font-size: 16px !important;
    color: #393939 !important;
  }

  .mobile-menu ul.mobile-list>li>a i {
    font-size: .8rem;
  }

  .mobile-menu ul.mobile-list>li.active>a i::before {
    content: "\F2EA";
  }

  .mobile-menu ul.mobile-submenu {
    display: none;
  }

  .mobile-menu ul.mobile-submenu>li {
    list-style-type: none;
  }

  .mobile-menu ul.mobile-submenu>li>a {
    padding: 1rem 1rem;
    margin: 0 1rem .4rem;
    background: #E2E6EA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .mobile-menu ul.mobile-submenu>li>a span {
    font-size: 0.781rem;
    letter-spacing: 0.06em;
    color: #393939;
    text-align: left;
  }

  .mobile-menu ul.mobile-submenu>li>a i {
    font-size: .8rem;
  }

  .mobile-logo {
    padding: 1rem;
    background: #fff;
  }

  .mobile-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .mobile-logo a span {
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 17px;
    letter-spacing: 0.06em;
    color: #4C5159;
    margin: 0 0 0 0.4rem;
  }

  .mobile-language {
    margin: 1rem 1.2rem 2rem;
    text-align: right;
  }

  .mobile-language select {
    background: #fff;
    border: none;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    color: #8E8E8E;
  }

  body.menu-open {
    overflow: hidden;
  }

  body.menu-open:after {
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    /*z-index: 0;*/
    z-index: 9977;
  }

  body.menu-open .mobile-toggle {
    display: block;
  }

  body.menu-open .mobile-menu-outer {
    right: 0;
  }

  /****=====Header CSS=======******/
  header {
    padding: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .logo a h1 {
    font-size: 0.75rem;
    color: #4C5159;
    font-weight: 700;
  }

  .logo a p {
    font-size: 0.75rem;
    color: #4C5159;
    font-weight: 700;
  }

  .logo a h1 span {
    font-size: 0.75rem;
    padding: 0;
  }

  .logo a p span {
    font-size: 0.75rem;
    padding: 0;
  }

  .navbar-toggle {
    width: 30px;
    height: 25px;
    display: inline-block;
    margin: 8px 0 0 10px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
  }

  .navbar-toggle span {
    display: block;
    height: 4px;
    width: 100%;
    background: #2FA6CE;
    position: absolute;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    transform-origin: left center;
    opacity: 1;
  }

  .navbar-toggle span:nth-child(1) {
    top: 0;
  }

  .navbar-toggle span:nth-child(2) {
    top: 8px;
  }

  .navbar-toggle span:nth-child(3) {
    top: 16px;
  }

  .header-rgt {
    display: none;
  }

  .language-blk {
    display: none;
  }

  .main-menu {
    display: none;
  }

  /****=====Breadcrumb CSS=======******/
  .breadcrumb-section {
    display: none;
  }

  /****=====Footer CSS=======******/
  .tagline-blk {
    display: none;
  }

  .footer-info-txt h4 {
    font-size: 0.875rem;
  }

  .footer-info-txt h4 span {
    font-size: 0.75rem;
  }

  .footer-info-txt ul li {
    font-size: 0.625rem;
  }

  .btm-inner {
    display: none;
  }

  .footer-btm {
    padding: 0 0 2rem;
    background: #F4F7FA;
  }

  .footer-image ul {
    align-items: center;
    justify-content: center;
  }

  .footer-image ul li {
    padding: 0 0.4rem;
  }

  /****=====Scroll Top CSS=======******/
  .scrollTop a {
    font-size: 0.75rem;
  }

  /***==== news CSS ====***/
  .news-page-title {
    margin: 0 0 1.6rem;
  }

  .news-page-title h2 {
    font-size: 1.25rem;
    line-height: 29px;
  }

  .news-filter {
    margin: 0 0 1rem;
  }

  .news-filter span {
    font-size: 0.75rem;
    line-height: 17px;
  }

  .news-filter select {
    font-size: 0.75rem;
  }

  .news-listing-cm a {
    padding: 1.6rem 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .news-listing-cm a .tag {
    font-size: 0.625rem;
    padding: 0.4rem 1rem;
    min-width: 80px;
  }

  .news-listing-cm a h4 {
    font-size: 0.75rem;
    line-height: 17px;
    margin: 0;
  }

  .news-listing-cm a p {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    line-height: 20px;
    margin: 0.4rem 0 0;
  }

  /****==== new detail CSS ====****/
  .single-notices .news-detail-title {
    margin: 0 0 1.6rem;
  }

  .single-notices .news-detail-title h2 {
    font-size: 1.25rem;
    line-height: 29px;
  }

  .single-notices .news-detail-tp ul {
    margin: 0 0 0.8rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .single-notices .news-detail-tp ul li {
    padding: 0;
  }

  .single-notices .news-detail-tp ul li i {
    font-size: 0.75rem;
    line-height: 17px;
  }

  .single-notices .news-detail-tp ul li .tag {
    font-size: 0.625rem;
    min-width: 90px;
  }

  .single-notices .news-detail-tp h3 {
    font-size: 1rem;
    line-height: 23px;
  }

  .single-notices .news-detail-mdl {
    padding: 1rem 0;
  }

  .single-notices .news-detail-mdl p {
    font-size: 0.875rem;
    line-height: 20px;
    color: #777777;
  }

  .single-notices .news-detail-btm {
    padding: 2rem 0 1rem;
  }

  .single-notices .news-detail-btm a {
    padding: 0.5rem 1.4rem;
  }

  .single-notices .news-detail-btm a img {
    display: none;
  }

  .single-notices .news-detail-btm a span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  /****==== evidence CSS ====****/
  .evidence-blk {
    padding: 2rem;
  }

  .home .evidence-blk {
    padding: 0px;
  }

  .evidence-title {
    margin: 0 0 1.6rem;
  }

  .evidence-title h2 {
    font-size: 1.25rem;
    line-height: 29px;
  }

  .page-template-template-evidence .evidence-title h1 {
    font-size: 20px;
  }

  .accordian-blk {
    padding: 0 0 1.2rem;
    border-bottom: 1px solid #81C6DD;
  }

  .accordian-blk .accordion-item {
    border-color: #81C6DD;
  }

  button.accordion-button {
    border: none !important;
  }

  .accordian-blk .accordion {
    max-width: 250px;
    margin-left: auto;
  }

  ul.sort-custom li h4 {
    margin: 15px 0;
    font-size: 12px;
  }

  .accordian-blk .accordion-button {
    padding: 0.4rem 1rem;
    border: 1px solid #81C6DD;
    border-radius: 5px !important;
    color: #81C6DD;
    font-size: 0.75rem;
    box-shadow: none;
  }

  .accordian-blk .accordion-button::after {
    background-image: url(../images/down-arrow.png);
    width: 8px;
    height: 6px;
    background-size: cover;
  }

  .accordion-body span {
    font-size: 0.75rem;
    line-height: 17px;
    min-width: 60px;
  }

  .accordion-body select {
    padding: 0.2rem 0.4rem;
    min-width: 134px;
    font-size: 0.75rem;
  }

  .product-filter {
    margin: 0 0 0.8rem;
  }

  .category-filter {
    margin: 0 0 0.8rem;
  }

  .sortby-filter {
    justify-content: inherit;
  }

  .evidence-listing-lft ul {
    margin: 0 0 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .evidence-listing-lft ul li {
    margin: 0 0.6rem 0 0;
  }

  .evidence-listing-lft ul li .tag {
    padding: 0.3rem 0.8rem;
  }

  .evidence-listing-mdl h3 {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .evidence-listing-mdl p {
    font-size: 0.75rem;
    line-height: 17px;
  }

  /****==== evidence detail CSS ====****/
  .single-evidences .evidence-detail-title h1 {
    font-size: 20px;
  }

  .single-evidences .evidence-detail-tp h2 {
    font-size: 16px;
  }

  .evidence-detail-main .container {
    background: #fff;
    padding: 0;
  }

  .single-evidences .evidence-detail-title {
    margin: 0 0 1.6rem;
  }

  .single-evidences .evidence-detail-title h2 {
    font-size: 1.25rem;
    line-height: 29px;
  }

  .single-evidences .evidence-detail-date {
    border-bottom: none;
    padding: 0;
    margin: 0 0 0.6rem;
  }

  .single-evidences .evidence-detail-tp {
    padding: 0 0 6px;
    margin: 0 0 1.6rem;
  }

  .single-evidences .evidence-detail-tp ul {
    margin: 0 0 1.5rem;
  }

  .single-evidences .evidence-detail-tp ul li {
    padding: 0 0.4rem 0 0;
  }

  .single-evidences .evidence-detail-tp h3 {
    font-size: 1rem;
    line-height: 23px;
    margin: 0 0 0.4rem;
  }

  .single-evidences .evidence-detail-tp p {
    font-size: 0.75rem;
    line-height: 17px;
  }

  .single-evidences .evidence-detail-mdl {
    padding: 0 0 2rem;
  }

  .single-evidences .evidence-detail-para p {
    color: #777777;
  }

  .single-evidences .content-blk span {
    color: #777777;
  }

  .single-evidences .content-blk p {
    color: #777777;
  }

  .single-evidences .evidence-detail-btm a {
    max-width: 200px;
  }

  .single-evidences .evidence-detail-btm a img {
    display: none;
  }

  .single-evidences .evidence-detail-btm a span {
    font-size: 0.875rem;
  }

  /****==== OEM page CSS ====****/
  .oem-banner {
    margin: 0 0 1rem;
  }

  .oem-banner h2 {
    font-size: 1.25rem;
    line-height: 29px;
  }

  .oem-main {
    padding: 1rem 0 2rem;
  }

  .what-blk {
    margin: 0 0 4rem;
  }

  .what-title {
    margin: 0 0 2rem;
  }

  .what-title h3 {
    font-size: 1.25rem;
    line-height: 29px;
    text-align: left;
  }

  .what-title h3::before {
    display: none;
  }

  .what-title h3::after {
    border-bottom: 12px solid #F4F7FA;
    width: 100%;
    position: absolute;
    bottom: 4px;
    left: 0;
    z-index: -1;
    transform: none;
  }

  .what-img {
    margin: 0 0 1.4rem;
  }

  .what-para p {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .flow-title {
    margin: 0 0 2.4rem;
  }

  .flow-title h3 {
    font-size: 1.25rem;
    line-height: 29px;
    text-align: left;
  }

  .flow-title h3::before {
    display: none;
  }

  .flow-title h3::after {
    border-bottom: 12px solid #F4F7FA;
    width: 100%;
    position: absolute;
    bottom: 4px;
    left: 0;
    z-index: -1;
    transform: none;
  }

  .step-cm {
    position: relative;
    margin: 0 0 3rem;
  }

  .step-cm::after {
    background: url(../images/flow-arrow-m.png);
    width: 69px;
    height: 15px;
    bottom: -34px;
  }

  .step-blk {
    position: absolute;
    top: -30px;
    left: 0;
    width: 68px;
    height: 68px;
  }

  .step-blk span {
    font-size: 0.6rem;
    line-height: 16px;
  }

  .step-blk i {
    font-size: 1.25rem;
    line-height: 20px;
  }

  .step-content {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 20px;
  }

  .step-content span {
    font-size: 1rem;
    line-height: 23px;
    text-align: center;
  }

  .certificate-blk {
    padding: 2.6rem 1.6rem;
    margin: 0 0 4rem;
  }

  .certificate-lft {
    margin: 0 0 1.6rem;
  }

  .certificate-inr {
    margin: 0 0 1.2rem;
  }

  .certificate-inr span {
    font-size: 1rem;
    line-height: 23px;
  }

  .certificate-rgt img {
    margin: 0 auto;
  }

  img.img-responsive {
    padding-left: 0px !important;
  }

  .refuse-blk {
    margin: 0 0 5rem;
    display: inline-block;
    width: 100%;
  }

  .refuse-blk-inrleft {
    margin-bottom: 50px;
  }

  .refuse-blk p {
    font-size: 1rem;
    line-height: 23px;
  }

  .inquiry-lft {
    text-align: center;
    margin: 0 0 2rem;
  }

  .inquiry-lft i {
    font-size: 2.848rem;
    line-height: 66px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }

  .inquiry-rgt {
    text-align: center;
  }

  .inquiry-rgt a {
    width: 80%;
  }

  .sales-page-main {
    padding: 2rem 0;
  }

  .sales-page-main::before {
    background-image: url(../images/sales-bg-m.png);
    width: 313px;
    height: 372px;
    top: 2.4%;
    right: 0;
  }

  .salespage-title {
    margin: 0 0 2rem;
  }

  .salespage-title h2 {
    font-size: 1.25rem;
    line-height: 29px;
  }

  .salespage-para p {
    color: #393939;
    line-height: 20px;
    font-size: 0.875rem;
    text-align: left;
  }

  /***======Order Blk CSS========***/
  .order-blk {
    padding: 3rem 2rem;
  }

  .order-tp-lft {
    margin: 0 0 1.6rem;
  }

  .order-tp-lft h3 {
    font-size: 1.25rem;
    line-height: 29px;
    text-align: center;
    margin: 0 0 2.4rem;
  }

  .order-tp-lft h3 span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .order-tp-lft p {
    font-size: 0.75rem;
    line-height: 17px;
    text-align: center;
  }

  .order-tp-rgt a {
    padding: 1rem 0.6rem;
    margin: 0 0 1rem;
    min-height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .order-tp-rgt a img {
    max-width: 30px;
    margin: 0 1rem 0 0;
  }

  .order-tp-rgt a span {
    font-size: 0.875rem;
  }

  .order-btm {
    padding: 1.4rem 0 0;
  }

  .order-btm-lft {
    margin: 0 0 1rem;
  }

  .order-btm-lft p {
    font-size: 0.75rem;
    line-height: 17px;
  }

  .order-btm-rgt a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .order-btm-rgt a img {
    margin: 0 0 0.4rem 0;
  }

  .order-btm-rgt a span {
    font-size: 0.50rem;
    line-height: 17px;
  }

  /***======Sales Society CSS========***/
  .sales-society-blk {
    margin: 0 0 3rem;
  }

  .sales-society-lft {
    margin: 0 0 1.6rem;
    text-align: center;
  }

  .sales-society-lft h3 {
    font-size: 1.25rem;
    line-height: 29px;
    margin: 0 0 1rem;
  }

  .sales-society-lft h3 span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .sales-society-lft p {
    font-size: 0.75rem;
    line-height: 17px;
  }

  .sales-society-rgt a {
    height: 76px;
    width: 76px;
    min-height: auto;
    margin: 0 auto;
  }

  .sales-society-rgt a img {
    margin: 0 auto 0.4rem;
    max-width: 19px;
  }

  .sales-society-rgt a span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  /***======Sales Common CSS========***/
  .salespage-cm {
    padding: 2.6rem 1rem;
  }

  .salespage-cm-title h3 {
    font-size: 1rem;
    line-height: 23px;
  }

  .notice-cm {
    padding: 0 0 1.2rem;
    margin: 0 0 1.2rem;
  }

  .notice-cm h4 {
    font-size: 0.875rem;
    line-height: 20px;
    color: #000000;
  }

  .notice-cm p {
    font-size: 0.875rem;
    line-height: 20px;
    color: #777777;
  }

  .notice-cm>a {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .notice-cm ul li span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  /***======Download Blk CSS========***/
  .download-blk ul li {
    margin: 0 0 1rem;
  }

  .download-blk ul li a {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .download-blk ul li span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  /***======Safety Blk CSS========***/
  .safety-blk {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .safety-blk .list-blk>li {
    margin: 0 0 1.2rem;
  }

  .safety-blk .list-blk>li:last-child {
    margin: 0 0 1.2rem;
  }

  .safety-blk .list-blk>li span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .safety-blk .list-blk-inr>li a {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .safety-lft {
    width: 100%;
    border-right: none;
    padding: 0;
  }

  .safety-rgt {
    width: 100%;
    padding: 0;
  }

  .safety-rgt .list-blk>li:last-child {
    margin: 0;
  }

  /***======GMP Blk CSS========***/
  .gmp-blk h3 {
    font-size: 1rem;
    line-height: 23px;
  }

  .gmp-para {
    padding: 0;
  }

  .gmp-para P {
    font-size: 0.875rem;
    line-height: 20px;
  }

  /***======Silica Blk CSS========***/
  .silica-blk h3 {
    font-size: 1rem;
    line-height: 23px;
    font-weight: 500;
  }

  .silica-img {
    margin: 0 0 .6rem;
  }

  /****==== event page css ====****/
  .event-blk {
    padding: 2rem;
  }

  .event-para {
    margin: 0 0 1.6rem;
  }

  .event-para p {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .event-blk-cm {
    margin: 0 0 1.6rem;
  }

  .event-blk-cm:last-child {
    margin: 0;
  }

  .event-panel {
    padding: 0.3rem 1rem;
    margin: 0 0 1.2rem;
  }

  .event-panel span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .event-inr {
    padding: 0 0 1.4rem;
    margin: 0 0 1.4rem;
  }

  .event-inr:last-child {
    padding: 0;
    margin: 0;
  }

  .inr-tp-blk {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .inr-tp-blk h3 {
    font-size: 1rem;
    line-height: 23px;
    display: block;
    width: 100%;
  }

  .inr-tp-blk a {
    margin: 0;
  }

  .inr-list {
    margin: 0 0 1rem;
  }

  .inr-list ul li span {
    margin: 0 0.4rem 0 0;
    min-width: 54px;
    padding: 0.2rem 0;
  }

  .inr-list ul li p {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .inr-img-blk {
    margin: 0 0 0.6rem;
  }

  .inr-img-blk ul {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .inr-img-blk ul li {
    margin: 0 0 0.8rem;
    width: 50%;
    padding: 0 0.4rem;
    height: 89px;
    overflow: hidden;
  }

  .inr-img-blk ul li:last-child {
    margin: 0 0 0.8rem;
  }

  .inr-img-blk ul li img {
    width: 100%;
  }

  .more-link a span {
    font-size: 0.75rem;
    line-height: 17px;
    margin: 0;
  }

  .more-link a img {
    display: none;
  }

  ul#primary-menu li a i {
    display: block;
  }

  /****==== privacy page css ====****/

  .privacy-blk {
    padding: 2rem;
  }

  .privacy-cm {
    margin: 0 0 2.6rem;
  }

  .privacy-panel {
    margin: 0 0 1.2rem;
  }

  .privacy-panel span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .privacy-content {
    margin: 0 0 1.2rem;
  }

  .privacy-content span {
    font-size: 0.875rem;
    line-height: 20px;
    margin: 0 0 0.6rem;
    font-weight: 500;
  }

  .privacy-content p {
    font-size: 0.75rem;
    line-height: 17px;
  }

  .privacy-btm ul li {
    font-size: 0.75rem;
    line-height: 17px;
  }

  .privacy-main .container {
    padding: 0;
  }

  /****==== contact page CSS ====****/
  .page-template-template-inquiry .contact-blk {
    padding: 2rem;
  }

  .page-template-template-inquiry .contact-para {
    margin: 0 0 2rem;
  }

  .page-template-template-inquiry .contact-para p {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .page-template-template-inquiry .contact-cm {
    padding: 0 0 1.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-template-template-inquiry .contact-cm label {
    font-size: 0.625rem;
  }

  .page-template-template-inquiry .contact-cm input {
    font-size: 0.875rem;
    padding: 0.2rem 0.8rem;
  }

  .page-template-template-inquiry .contact-lft {
    width: 100%;
    padding: .3rem;
  }

  .page-template-template-inquiry .lft-inr {
    justify-content: flex-start;
  }

  .page-template-template-inquiry .lft-inr h3 {
    font-size: 0.75rem;
    line-height: 17px;
  }

  .page-template-template-inquiry .contact-rgt {
    width: 100%;
    padding: 0.8rem 0;
  }

  .page-template-template-inquiry .inquiry-blk ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-template-template-inquiry .inquiry-blk ul li {
    width: 100%;
  }

  .page-template-template-inquiry .inquiry-blk ul li:nth-child(3) {
    padding: 0 0 1rem 0;
  }

  .page-template-template-inquiry .inquiry-blk ul li:nth-child(4) {
    padding: 0;
  }

  .page-template-template-inquiry .inquiry-blk ul li label {
    font-size: 0.875rem;
  }

  .page-template-template-inquiry .address-cm {
    margin-bottom: .6rem;
  }

  .page-template-template-inquiry .address-cm label {
    margin: 0 0 .3rem;
  }

  .page-template-template-inquiry .address-cm span {
    padding: 0 0 0 1rem;
    font-size: 0.625rem;
    line-height: 14px;
  }

  .page-template-template-inquiry .address-cm select {
    padding: 0.2rem;
    font-size: 0.875rem;
  }

  .page-template-template-inquiry .email-address-tp {
    margin: 0 0 0.8rem;
  }

  .page-template-template-inquiry .email-address-btm span {
    margin: 0 0 0.3rem;
    font-size: 0.625rem;
  }

  .page-template-template-inquiry .content-blk textarea {
    min-height: 122px;
    font-size: 0.875rem;
  }

  .page-template-template-inquiry .find-blk ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-template-template-inquiry .find-blk ul li {
    padding: 0 0 1rem 0;
  }

  .page-template-template-inquiry .find-blk label {
    font-size: 0.875rem;
  }

  .page-template-template-inquiry .policy-blk label {
    text-align: left;
  }

  .custom-checkbox.mb-dv {
    display: block !important;
  }

  .custom-checkbox {
    display: none;
  }

  .custom-checkbox.mb-dv label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .custom-checkbox.mb-dv label span {
    padding-top: 6px;
  }

  .page-template-template-inquiry .custom-radio span#inquiry1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-template-template-inquiry span.wpcf7-list-item {
    width: 100% !important;
  }

  .page-template-template-inquiry span#inquiry1 span.wpcf7-list-item label {
    padding: 0 !important;
  }

  .page-template-template-inquiry #homepage1 span.wpcf7-list-item label {
    padding: 0 !important;
  }

  .page-template-template-inquiry #homepage1 span.wpcf7-list-item-label {
    font-size: 0.875rem;
  }

  .find-blks .custom-radio.btm-rdo span#homepage1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  input[type="radio"]:checked+span::before {
    /* content: "\2713"; */
    content: "\2022";
    color: #81C6DD;
    font-size: 60px;
    text-align: center;
    line-height: 12px;
  }

  input[type="radio"]+span::before {
    display: inline-block;
    width: 25px;
    height: 25px;
    /* margin: 0px 12px; */
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #8E8E8E;
    border-radius: 50%;
    text-align: center;
    content: '';
    transform: scale(0.8);
  }

  span.wpcf7-form-control-wrap {
    padding: 0 !important;
  }

  .page-template-template-about .aboutus-banner h1 {
    font-size: 1.25rem;
  }

  .page-template-template-about .always-content h2 span {
    font-size: 20px;
  }

  .page-template-template-about .always-content h2 {
    font-size: 14px;
    line-height: 29px;
    margin: 0 0 1rem;
  }

  .logo h1 a {
    font-size: 0.75rem;
    color: #4C5159;
    font-weight: 700;
  }

  .common-title h1 {
    font-size: 1.25rem;
    line-height: 29px;
  }

  .page-template-template-social-contribution .social-blk {
    padding: 2rem !important;
  }

  .page-template-template-social-contribution .support-blk p.has-text-color {
    font-size: 1rem !important;
    line-height: 23px;
    margin: 0 0 0.8rem;
  }

  .mobile-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .mobile-logo h1 a {
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 17px;
    letter-spacing: 0.06em;
    color: #4C5159;
    margin: 0 0 0 0.4rem;
  }

  .mobile-logo h2 a {
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 17px;
    letter-spacing: 0.06em;
    color: #4C5159;
    margin: 0 0 0 0.4rem;
  }

  .cst-searc-fltr-sec {
    display: none;
  }



  form.searchandfilter {
    text-align: center;
  }

  form.searchandfilter ul {
    display: inline-block !important;
    width: 100%;
  }

  .searchandfilter ul li {
    margin-bottom: 13px !important;
    padding-left: 15px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  form.searchandfilter ul li:nth-child(3) {
    margin-bottom: 0px !important;
  }

  .page-template-template-evidence .evidence-blk {
    padding: 2rem !important;
  }

  .page-template-template-evidence .accordian-blk .accordion {
    width: 100%;
  }

  .page-template-template-evidence .evidence-listing-lft li {
    margin-right: 10px !important;
  }

  /****==== book css ====****/
  .books-blk {
    padding: 2rem;
  }

  .book-purchase {
    margin: 0 0 2rem;
  }

  .book-purchase p {
    font-size: 0.875rem;
    line-height: 20px;
    margin: 0 0 1.4rem;
  }

  .listing-cm {
    padding: 1rem 0;
  }

  .listing-info {
    padding: 0;
  }

  .listing-info h3 {
    font-size: 0.875rem;
    line-height: 20px;
    margin: 0 0 0.6rem;
  }

  .listing-info span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .listing-inr .listing-info h3 {
    font-size: 0.75rem;
    line-height: 17px;
  }

  .listing-inr .listing-info span {
    font-size: 1rem;
    line-height: 23px;
  }

  /****==== product page responsive css ====****/
  .page-template-template-product .product-banner {
    margin: 0 0 3rem;
  }

  .page-template-template-product .product-banner h1 {
    font-size: 1.25rem;
    line-height: 29px;
  }

  .page-template-template-product .product-listing {
    margin: 0 0 4rem;
  }

  .page-template-template-product .listing-cm {
    padding: 0 0 2rem;
    background: transparent;
    height: auto;

  }

  .page-template-template-product .listing-one {
    background: transparent;
    height: auto;
  }

  .listing-one,
  .listing-two,
  .listing-three {
    background-image: none;
    height: auto;
  }

  .page-template-template-product .listing-content {
    padding: 3rem 1.5rem;
  }

  .page-template-template-product .listing-info h3 {
    font-size: 1rem;
    line-height: 23px;
    text-align: center;
    margin: 0 0 1.6rem;
  }

  .page-template-template-product .listing-info p {
    font-size: 0.875rem;
    line-height: 20px;
    margin: 0 0 1.4rem;
  }

  .page-template-template-product .listing-info ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-template-template-product .listing-info ul li {
    font-size: 0.875rem;
    line-height: 20px;
    width: 100%;
    margin: 0 0 1rem;
  }

  .page-template-template-product .listing-info ul li::before {
    top: 7px;
  }

  .page-template-template-product .for-blk {
    margin: 1rem 0;
  }

  .page-template-template-product .for-blk {
    display: none;
  }

  .page-template-template-product .for-blk.det-f-mb {
    display: block !important;
    background: #F4F7FA;
    padding: 20px 13px;
  }

  .det-f-mb-innr span {
    font-size: 15px;
    line-height: 17px;
  }

  .for-blk p {
    padding-bottom: 15px !important;
  }

  .det-f-mb-innr span::after {
    content: "\002F";
    padding-left: 5px;
  }

  .det-f-mb-innr span:nth-last-child(1)::after {
    content: "";
  }

  .page-template-template-product .for-blk ul li {
    margin: 0 0.6rem 0.6rem 0;
    font-size: 0.75rem;
    padding: 0.6rem 1rem;
  }

  .page-template-template-product .learn-more a span {
    font-size: 0.875rem;
    line-height: 20px;
    text-align: center;
  }

  .listing-cm.listing-three .learn-more a span {
    max-width: 190px;
    margin: 0 auto;
    line-height: 21px;
  }

  .page-template-template-sale-page .sales-society-rgt .row {
    margin: 0 auto !important;
    padding: 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
}

@media screen and (max-width: 281px) {
  .page-template-template-about .always-content h2 span {
    font-size: 0.7rem;
  }

  .page-template-template-about .always-content h2 {
    font-size: 1.0rem;
  }
}


body.home .notice-cm {
  border-bottom: 1px solid #E5E5E5;
  padding: 1.4rem 0;
  background: #fff;
  margin: 0;
}

body .evidence-listing-cm:hover {
  background: #f5faff;
}

body .notice-list a.notice-cm:hover {
  background: #f5faff;
}

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

  body .notice-list .lft i,
  body .media-listing .lft i {
    min-width: 277px;
    text-align: right;
  }

  body.home .notice-cm {
    border-bottom: 1px solid #E5E5E5;
    padding: 0.8rem 0rem;
    background: #fff;
    margin: 0;
  }

  body .news-listing-cm {
    border-bottom: 1px solid #E5E5E5;
    padding: 0.8rem 0.2rem;
    background: #fff;
    margin: 0;
  }

  .order-btm-rgt a:lang(en) {
    padding: 8px;
  }

  .order-btm-rgt a span:lang(en) {
    font-size: 10px;
  }

  .sales-society-rgt a:lang(en) {
    width: 100px;
  }

  .always-blk:lang(en) {
    height: 300px;
  }

  .page-template-template-about .always-content h2:lang(zh-CN) {
    font-size: 1.3rem;
  }
}

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

  body .news-listing-cm h4,
  body .notice-list .lft i,
  body .media-listing .lft i {
    min-width: 150px;
    text-align: right;
  }

  body .news-listing-cm a .tag,
  body .notice-list .lft span,
  body .media-listing .lft span {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 320px) {
  select {
    background: #F4F7FA;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 0.4rem;
    outline: none;
    transition: all 0.2s;
    min-width: 10rem;
  }

  .mobile-menu-outer {
    width: 278px;
  }

  .sub-menu li a {
    font-size: 13px !important;
  }
}

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

  body .news-listing-cm h4,
  body .notice-list .lft i,
  body .media-listing .lft i {
    min-width: 70px;
    text-align: right;
  }

  .oem-banner h1 {
    font-size: 18px;
  }

  .mobile-menu-outer {
    width: 240px;
  }

  #mobile-menu ul.sub-menu a {
    padding: 10px 10px;
    margin: 5px 5px;
  }

  select {
    min-width: 7rem;
  }
}

body.page-template-template-inquiry .contact-cm .contact-rgt .rgt-inr .name-blk .d-flex.align-items-center {
  margin-left: 15px;
}

@media screen and (max-width: 767px) {
  body.page-template-template-inquiry .contact-cm .contact-rgt .rgt-inr .name-blk .d-flex.align-items-center {
    margin-left: 0px;
  }

  .searchandfilter h4 {
    margin: 12px 0 !important;
  }

  li#menu-item-1859:lang(en-US) {
    display: block !important;
  }

  li#menu-item-1859:lang(en) {
    display: none;
  }

  .fr-mb-menu:lang(en) {
    display: block;
  }

  li#menu-item-2071 a:lang(en) {
    text-transform: uppercase;
  }

  body.page-template-template-evidence .cst-searc-fltr-sec form.searchandfilter {
    width: 100%
  }

  body.page-template-template-evidence .cst-searc-fltr-sec ul.sort-custom {
    width: 100%;
    clear: both;
  }
}