/* PiBond canvas component styles (styled-components output, deduped across all pages). */
/* --- from: head-company.php --- */
.gfuAoR.animate-bottom-appear, .gfuAoR.animate-bottom-enter { opacity: 0; transform: translateY(100px); }
.gfuAoR.animate-bottom-appear-active, .gfuAoR.animate-bottom-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateY(0px); }
.gfuAoR.animate-left-appear, .gfuAoR.animate-left-enter { opacity: 0; transform: translateX(-100px); }
.gfuAoR.animate-right-appear, .gfuAoR.animate-right-enter { opacity: 0; transform: translateX(100px); }
.gfuAoR.animate-left-appear-active, .gfuAoR.animate-left-enter-active, .gfuAoR.animate-right-appear-active, .gfuAoR.animate-right-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateX(0px); }
.gfuAoR.animate-origin-appear, .gfuAoR.animate-origin-enter { opacity: 0; }
.gfuAoR.animate-origin-appear-active, .gfuAoR.animate-origin-enter-active { opacity: 1; transition: 700ms ease-out; }
.QrZPq { background-image: url("../img/a2f9df208c4c0f0c6d732ddd47214dc74c66e97c8f7fc291348aabfc5c9aa8e5.jpg"); background-size: cover; position: relative; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .QrZPq { background-image: url('../img/company.jpg'); }
}
.QrZPq::before { content: ""; display: block; background-image: url("../img/2e426ecfc1a33eb1f5e71f72e5689f13e07180cc04dabe24debbd1a3dd6de9c4.svg"); background-position: right top; height: 40px; width: 30%; max-width: 300px; background-size: cover; position: absolute; top: 0px; left: 0px; }
@media (min-width: 1024px) {
  .QrZPq::before { height: 80px; }
}
.QrZPq::after { content: ""; display: block; background-image: url("../img/658256d5d20f33fbc36d5bb914667047eae0a0d7120e73e7be917984cbaae49e.svg"); height: 40px; width: 100%; background-size: auto 50px; position: absolute; bottom: 0px; right: 0px; z-index: 11; background-position: 130% -10px; background-repeat: no-repeat; }
@media (min-width: 768px) {
  .QrZPq::after { background-position: 100% -10px; }
}
@media (min-width: 1024px) {
  .QrZPq::after { background-size: auto 90px; height: 80px; background-position: 120% -10px; }
}
.bzarsZ p:not(:last-child) { margin-bottom: 1rem; }
.bzarsZ a { color: rgb(71, 154, 245); font-weight: 600; }
/* --- from: head-contact.php --- */
.gfuAoR.animate-bottom-appear, .gfuAoR.animate-bottom-enter { opacity: 0; transform: translateY(100px); }
.gfuAoR.animate-bottom-appear-active, .gfuAoR.animate-bottom-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateY(0px); }
.gfuAoR.animate-left-appear, .gfuAoR.animate-left-enter { opacity: 0; transform: translateX(-100px); }
.gfuAoR.animate-right-appear, .gfuAoR.animate-right-enter { opacity: 0; transform: translateX(100px); }
.gfuAoR.animate-left-appear-active, .gfuAoR.animate-left-enter-active, .gfuAoR.animate-right-appear-active, .gfuAoR.animate-right-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateX(0px); }
.gfuAoR.animate-origin-appear, .gfuAoR.animate-origin-enter { opacity: 0; }
.gfuAoR.animate-origin-appear-active, .gfuAoR.animate-origin-enter-active { opacity: 1; transition: 700ms ease-out; }
.ciuBEm { background-image: url("../img/6b40d5b71d3d480fd09fc5149e1b4ff73e9efbd6b69ef95628f952376401a2b5.jpg"); background-size: cover; position: relative; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ciuBEm { background-image: url('../img/Web_PiBond2022-25.jpg'); }
}
.ciuBEm::before { content: ""; display: block; background-image: url("../img/2e426ecfc1a33eb1f5e71f72e5689f13e07180cc04dabe24debbd1a3dd6de9c4.svg"); background-position: right top; height: 40px; width: 30%; max-width: 300px; background-size: cover; position: absolute; top: 0px; left: 0px; }
@media (min-width: 1024px) {
  .ciuBEm::before { height: 80px; }
}
.ciuBEm::after { content: ""; display: block; background-image: url("../img/658256d5d20f33fbc36d5bb914667047eae0a0d7120e73e7be917984cbaae49e.svg"); height: 40px; width: 100%; background-size: auto 50px; position: absolute; bottom: 0px; right: 0px; z-index: 11; background-position: 130% -10px; background-repeat: no-repeat; }
@media (min-width: 768px) {
  .ciuBEm::after { background-position: 100% -10px; }
}
@media (min-width: 1024px) {
  .ciuBEm::after { background-size: auto 90px; height: 80px; background-position: 120% -10px; }
}
.eovLhz h4 { font-size: 36px; font-weight: bold; margin-bottom: 20px; }
.eovLhz p { margin-bottom: 5px; font-size: 18px; }
.eovLhz a { color: rgb(38, 141, 255); transition: 0.3s; }
.eovLhz a:hover { color: rgb(255, 142, 0); }
/* --- from: head-en.php --- */
.chVYYL span { transition: 0.3s; }
.chVYYL svg g { fill: rgb(38, 141, 255); transition: 0.3s; }
.chVYYL:hover span { color: rgb(255, 142, 0); }
.chVYYL:hover svg g { fill: rgb(255, 142, 0); }
.gfuAoR.animate-bottom-appear, .gfuAoR.animate-bottom-enter { opacity: 0; transform: translateY(100px); }
.gfuAoR.animate-bottom-appear-active, .gfuAoR.animate-bottom-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateY(0px); }
.gfuAoR.animate-left-appear, .gfuAoR.animate-left-enter { opacity: 0; transform: translateX(-100px); }
.gfuAoR.animate-right-appear, .gfuAoR.animate-right-enter { opacity: 0; transform: translateX(100px); }
.gfuAoR.animate-left-appear-active, .gfuAoR.animate-left-enter-active, .gfuAoR.animate-right-appear-active, .gfuAoR.animate-right-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateX(0px); }
.gfuAoR.animate-origin-appear, .gfuAoR.animate-origin-enter { opacity: 0; }
.gfuAoR.animate-origin-appear-active, .gfuAoR.animate-origin-enter-active { opacity: 1; transition: 700ms ease-out; }
.iBxkHx p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; }
.iBxkHx p:not(:first-child) { display: none; }
.csovkh video, .csovkh .hero-overlay { width: 100vw; max-width: 100%; height: 100vh; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }
.csovkh video { object-fit: cover; z-index: -1; }
.csovkh .hero-overlay { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: var(--headerOpacity); }
.csovkh .hero-overlay::before { content: ""; position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.35); }
.hlBumW { cursor: pointer; }
.hlBumW svg { display: inline-block; }
.gtwhLO { -webkit-font-smoothing: antialiased; }
.gtwhLO h2 { margin: 3rem 0px 1rem; font-size: 2rem; font-weight: 600; line-height: 1.5; }
.bzarsZ p:not(:last-child) { margin-bottom: 1rem; }
.bzarsZ a { color: rgb(71, 154, 245); font-weight: 600; }
/* --- from: head-high-refractive-index-silicone-ocrs-for-automotive-display-application.php, head-laserworlfofphotonics2023.php, head-photonics-west-2023.php, head-pibond-20receives-20the-20top-20european-20semiconductor-20solution-20supplier-20reward-202022.php, head-pibond-and-paul-scherrer-institute-psi-to-collaborate-in-the.php, head-pibond-at-laser-world-of-photonics.php, head-pibond-at-photonics-west-2022.php, head-pibond-at-semicon-taiwan-2022.php, head-pibond-at-the-displayweek2022.php, head-pibond-at-touch-taiwan-2022.php, head-pibond-expands-espoo-facility-to-meet-growing-demand-for-lithography.php, head-pibond-featured-in-maintworld-magazine-2-2023.php, head-pibond-have-officially-started-production-at-our-new-china-plant-in-haining.php, head-pibond-joins-responsible-care-program.php, head-pibond-medical-device.php, head-pibond-new-branch-taiwan.php, head-pibond-to-sponsor-and-present-at-international-workshop-on-advanced-patterning-solutions.php, head-semicon-taiwan-2021.php, head-semicontw2023pibond.php --- */
.czvtbn svg { fill: rgb(38, 141, 255); transition: 0.3s; }
.czvtbn:hover, .czvtbn:focus, .czvtbn:active { color: rgb(255, 142, 0); }
.czvtbn:hover svg, .czvtbn:focus svg, .czvtbn:active svg { fill: rgb(255, 142, 0); }
.jSzsnT p { line-height: 1.44; font-size: 1.125rem; margin-bottom: 1.5rem; }
.jSzsnT p:first-child { font-weight: bold; font-size: 1.31rem; }
.jSzsnT a { color: rgb(38, 141, 255); font-weight: 600; font-size: 1.125rem; }
.kUPvJy { line-height: 1.333; }
.kUPvJy span { padding-top: 1rem; font-size: 1.31rem; display: block; border-top: 1px solid rgb(216, 216, 216); font-weight: 600; }
/* --- from: head-news.php --- */
.chVYYL span { transition: 0.3s; }
.chVYYL svg g { fill: rgb(38, 141, 255); transition: 0.3s; }
.chVYYL:hover span { color: rgb(255, 142, 0); }
.chVYYL:hover svg g { fill: rgb(255, 142, 0); }
.gfuAoR.animate-bottom-appear, .gfuAoR.animate-bottom-enter { opacity: 0; transform: translateY(100px); }
.gfuAoR.animate-bottom-appear-active, .gfuAoR.animate-bottom-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateY(0px); }
.gfuAoR.animate-left-appear, .gfuAoR.animate-left-enter { opacity: 0; transform: translateX(-100px); }
.gfuAoR.animate-right-appear, .gfuAoR.animate-right-enter { opacity: 0; transform: translateX(100px); }
.gfuAoR.animate-left-appear-active, .gfuAoR.animate-left-enter-active, .gfuAoR.animate-right-appear-active, .gfuAoR.animate-right-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateX(0px); }
.gfuAoR.animate-origin-appear, .gfuAoR.animate-origin-enter { opacity: 0; }
.gfuAoR.animate-origin-appear-active, .gfuAoR.animate-origin-enter-active { opacity: 1; transition: 700ms ease-out; }
.iBxkHx p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; }
.iBxkHx p:not(:first-child) { display: none; }
.iBxkHz p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; }
.iBxkHz p:not(:first-child) { display: none; }
.csLjXm:hover span { background-color: rgb(255, 142, 0); transition: background-color 0.2s; }
.gbMyRy { background-image: url("../img/96fe75a9bc933cadf63f7c58a5bb46c5ec4c297e728a4c318eb1818a7bdded6f.jpg"); background-size: cover; position: relative; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .gbMyRy { background-image: url('../img/news.jpg'); }
}
.gbMyRy::before { content: ""; display: block; background-image: url("../img/2e426ecfc1a33eb1f5e71f72e5689f13e07180cc04dabe24debbd1a3dd6de9c4.svg"); background-position: right top; height: 40px; width: 30%; max-width: 300px; background-size: cover; position: absolute; top: 0px; left: 0px; }
@media (min-width: 1024px) {
  .gbMyRy::before { height: 80px; }
}
.gbMyRy::after { content: ""; display: block; background-image: url("../img/658256d5d20f33fbc36d5bb914667047eae0a0d7120e73e7be917984cbaae49e.svg"); height: 40px; width: 100%; background-size: auto 50px; position: absolute; bottom: 0px; right: 0px; z-index: 11; background-position: 130% -10px; background-repeat: no-repeat; }
@media (min-width: 768px) {
  .gbMyRy::after { background-position: 100% -10px; }
}
@media (min-width: 1024px) {
  .gbMyRy::after { background-size: auto 90px; height: 80px; background-position: 120% -10px; }
}
.bzarsZ p:not(:last-child) { margin-bottom: 1rem; }
.bzarsZ a { color: rgb(71, 154, 245); font-weight: 600; }
/* --- from: head-offering.php --- */
.gfuAoR.animate-bottom-appear, .gfuAoR.animate-bottom-enter { opacity: 0; transform: translateY(100px); }
.gfuAoR.animate-bottom-appear-active, .gfuAoR.animate-bottom-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateY(0px); }
.gfuAoR.animate-left-appear, .gfuAoR.animate-left-enter { opacity: 0; transform: translateX(-100px); }
.gfuAoR.animate-right-appear, .gfuAoR.animate-right-enter { opacity: 0; transform: translateX(100px); }
.gfuAoR.animate-left-appear-active, .gfuAoR.animate-left-enter-active, .gfuAoR.animate-right-appear-active, .gfuAoR.animate-right-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateX(0px); }
.gfuAoR.animate-origin-appear, .gfuAoR.animate-origin-enter { opacity: 0; }
.gfuAoR.animate-origin-appear-active, .gfuAoR.animate-origin-enter-active { opacity: 1; transition: 700ms ease-out; }
.dgLZfG { background-image: url("../img/13ce5c1d169d17b80bc2d7390110186c2ee8ac6761cb42e9425366accd7e9914.jpg"); background-size: cover; position: relative; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .dgLZfG { background-image: url('../img/_MG_6055_Products_and_Services.jpg'); }
}
.dgLZfG::before { content: ""; display: block; background-image: url("../img/2e426ecfc1a33eb1f5e71f72e5689f13e07180cc04dabe24debbd1a3dd6de9c4.svg"); background-position: right top; height: 40px; width: 30%; max-width: 300px; background-size: cover; position: absolute; top: 0px; left: 0px; }
@media (min-width: 1024px) {
  .dgLZfG::before { height: 80px; }
}
.dgLZfG::after { content: ""; display: block; background-image: url("../img/658256d5d20f33fbc36d5bb914667047eae0a0d7120e73e7be917984cbaae49e.svg"); height: 40px; width: 100%; background-size: auto 50px; position: absolute; bottom: 0px; right: 0px; z-index: 11; background-position: 130% -10px; background-repeat: no-repeat; }
@media (min-width: 768px) {
  .dgLZfG::after { background-position: 100% -10px; }
}
@media (min-width: 1024px) {
  .dgLZfG::after { background-size: auto 90px; height: 80px; background-position: 120% -10px; }
}
.bzarsZ p:not(:last-child) { margin-bottom: 1rem; }
.bzarsZ a { color: rgb(71, 154, 245); font-weight: 600; }
/* --- from: head-privacy-policy.php --- */
.gfuAoR.animate-bottom-appear, .gfuAoR.animate-bottom-enter { opacity: 0; transform: translateY(100px); }
.gfuAoR.animate-bottom-appear-active, .gfuAoR.animate-bottom-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateY(0px); }
.gfuAoR.animate-left-appear, .gfuAoR.animate-left-enter { opacity: 0; transform: translateX(-100px); }
.gfuAoR.animate-right-appear, .gfuAoR.animate-right-enter { opacity: 0; transform: translateX(100px); }
.gfuAoR.animate-left-appear-active, .gfuAoR.animate-left-enter-active, .gfuAoR.animate-right-appear-active, .gfuAoR.animate-right-enter-active { opacity: 1; transition: 600ms ease-out; transform: translateX(0px); }
.gfuAoR.animate-origin-appear, .gfuAoR.animate-origin-enter { opacity: 0; }
.gfuAoR.animate-origin-appear-active, .gfuAoR.animate-origin-enter-active { opacity: 1; transition: 700ms ease-out; }
.fBvkja { background-image: url("../img/ce7f436d26f199b978c8f096e6256b279a5f0e41697df67a266fdfd9552d5423.jpg"); background-size: cover; position: relative; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .fBvkja { background-image: url('../img/semiconductors.jpg'); }
}
.fBvkja::before { content: ""; display: block; background-image: url("../img/2e426ecfc1a33eb1f5e71f72e5689f13e07180cc04dabe24debbd1a3dd6de9c4.svg"); background-position: right top; height: 40px; width: 30%; max-width: 300px; background-size: cover; position: absolute; top: 0px; left: 0px; }
@media (min-width: 1024px) {
  .fBvkja::before { height: 80px; }
}
.fBvkja::after { content: ""; display: block; background-image: url("../img/658256d5d20f33fbc36d5bb914667047eae0a0d7120e73e7be917984cbaae49e.svg"); height: 40px; width: 100%; background-size: auto 50px; position: absolute; bottom: 0px; right: 0px; z-index: 11; background-position: 130% -10px; background-repeat: no-repeat; }
@media (min-width: 768px) {
  .fBvkja::after { background-position: 100% -10px; }
}
@media (min-width: 1024px) {
  .fBvkja::after { background-size: auto 90px; height: 80px; background-position: 120% -10px; }
}
.gtwhLO { -webkit-font-smoothing: antialiased; }
.gtwhLO h2 { margin: 3rem 0px 1rem; font-size: 2rem; font-weight: 600; line-height: 1.5; }