{"id":63299,"date":"2025-10-21T20:07:59","date_gmt":"2025-10-21T20:07:59","guid":{"rendered":"https:\/\/discover.restek.com\/?p=63299"},"modified":"2026-01-08T14:11:54","modified_gmt":"2026-01-08T14:11:54","slug":"restek40","status":"publish","type":"post","link":"https:\/\/discover.restek.com\/zh-hans\/articles-zh\/gnlp4540\/restek40","title":{"rendered":"Restek 40\u5468\u5e74"},"content":{"rendered":"\n<style>\n  \/*WordPress Customization*\/\n  .single-post h1 {\n    display: none;\n  }\n\n  .single-post .author-down {\n    display: none;\n}\n\n.cat-name {\n    display: none;\n    margin-top: 0px !important;\n}\n  \n  .single-post p.cat-name {\n    display: none;\n}\n\n  .single-post p.date {\n    display: none;\n}\n\nnav.breadcrumbs {\n    display:none;\n}\n\n.content-area {\n    background-color: white;\n    margin-top: 0px !important;\n}\n\n.post-content {\n    margin-top: 0px !important;\n}\n\n.kt-clear {\n    margin-top: -10px;\n}\n\n.site-container {\n    width: auto;\n    max-width: 100% !important;\n    box-sizing: inherit;\n    padding: 0px !important;\n}\n\n.author-details-info {\n  display: none;\n  margin: auto;\n  max-width:1200px;\n}\n\n\/*.site-footer-row-container-inner h2 {\nfont-size: 36px !important;\ncolor: white !important;\n}*\/\n\n\/* Background Color CSS *\/\n\n.background-top {\n    background-color: #ffffff;\n    background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-bottom: 5px;\n}\n\n.background-anniversary-videos {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 40px;\n}\n\n.background-social {\n    background-color: #FFFFFF;\n    padding-top: 55px;\n    padding-bottom: 10px;\n}\n\n.background-timeline {\n    background: #d9eefc;\n    padding-top: 30px;\n    padding-bottom: 30px;\n}\n\n.background-timeline-activities {\n    background-color: #ebf2fc;\n    padding-top: 20px;\n    padding-bottom: 40px;\n}\n\n.background-webinars {\n    background-color: #ffffff;\n    padding-top: 50px;\n    padding-bottom: 100px;\n}\n\n.background-timeline-no-social {\n    background: #ffffff;\n    padding-top: 60px;\n    padding-bottom: 40px;\n}\n\n.background-quiz {\n    background-color: #ffffff;\n        background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-top: 120px;\n    padding-bottom: 150px;\n}\n\n.background-testimonials {\n    background-color: #ffffff;\n    padding-top: 30px;\n    padding-bottom: 90px;\n}\n\n.background-events {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-events-no-quiz {\n    background-color: #ffffff;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-end {\n    background: #ffffff;\n    padding-top: 5px;\n    padding-bottom: 5px;\n}\n\n.background-events-no-social {\n    background-color: #d9eefc;\n    padding-top: 30px;\n    padding-bottom: 80px;\n}\n\n\n\n\/* Full-Width Template CSS *\/\n\n  \n  @media (min-width: 1200px) {\n  .content {\n      width: 80%;\n  }\n\n  }\n\n\n.banner-video {\n    width: 1300px;\n    height: auto;\n    display: block;\n    margin:0 auto;\n    border-bottom-left-radius: 30px;\n    border-bottom-right-radius: 30px;\n}\n\n.banner-image {\n    display: none;\n    width: 100%;\n    height: auto;\n    margin:0 auto;\n}\n\n@media (max-width: 767px) {\n  .banner-video {\n    display: none;\n  }\n\n  .banner-image {\n    display: block;\n  }\n}\n\n  \nbody {\n  font-family: sans-serif;\n  margin: 0;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  font-size: 110% !important;\n}\n\n.custom-h2 h2 {\nfont-size: 36px !important;\ncolor: rgb(1, 80, 184) !important;\n}\n\n\n\np {\n    font-size: 105% !important;\n}\n\n.signature-p {\n  font-size:120% !important;\n  margin-bottom: 20px;\n}\n\n.hero img {\n  max-width: 1350px;\n  width: 100%;\n  height: auto;\n  margin-left: auto;\n  margin-right: auto;\n  display: block;\n  border-bottom-left-radius: 30px;\n  border-bottom-right-radius: 30px;\n}\n\n.sticky-nav {\n  width: 100%;\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: rgba(255, 255, 255, 0.85);\n  backdrop-filter: blur(5px);\n  border-radius: 5px;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.sticky-nav ul {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 10px;\n}\n\n.sticky-nav li {\n  margin: 0 15px;\n}\n\n.sticky-nav a {\n  text-decoration: none;\n  color: #004b87;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.sticky-nav a:hover {\n  text-decoration: solid underline #004b87 2px;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.content-section {\n  padding: 5px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1200px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section a {\n  color: inherit;\n}\n\n.content-section-video {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section-social {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section h2, .content-section-video, .content-section-social h2{\n  text-align: center;\n}\n\n.content-section-blue {\n  padding: 40px 20px;\n  \/*background: rgba(108, 200, 250, 0.74);*\/\n  backdrop-filter: blur(5px); \n  border: solid 3px rgb(255, 255, 255);\n  margin: 20px auto;\n  max-width: 1200px;\n  border-radius: 8px;\n    position:relative;\n  z-index:1;\n}\n\n\/* Anniversary Video Section *\/\n\n.video-grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 20px;\n}\n\n.video-item {\n  flex: 1 1 300px;\n  max-width: 320px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  animation: fadeInUp 1s ease-in-out;\n}\n\n.video-item iframe {\n  width: 100%;\n  height: 180px;\n  border-radius: 8px;\n}\n\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n  .video-grid {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\n\/* Webinars *\/\n\n.webinar-content-section {\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  text-align: center;\n}\n\n.webinar-carousel-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding: 50px;\n}\n\n.webinar-carousel {\n  display: flex;\n  gap: 60px;\n  scroll-snap-type: x mandatory;\n  overflow-x: auto;\n  padding-top: 50px;\n  padding-bottom: 50px;\n  max-width: 100%;\n  justify-content: center;\n  flex-wrap: nowrap;\n}\n\n.webinar-card-link-wrapper {\n  flex: 0 0 auto;\n  scroll-snap-align: start;\n  text-decoration: none;\n  color: inherit;\n  width: 400px;\n}\n\n\/* Responsive: stack cards vertically on small screens *\/\n@media (max-width: 600px) {\n  .webinar-carousel {\n    flex-direction: column;\n    align-items: center;\n    overflow-x: hidden;\n  }\n\n  .webinar-card-link-wrapper {\n    width: 90%;\n  }\n}\n\n.webinar-custom-card {\n  background-color: #ffffff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: sans-serif;\n}\n\n.webinar-custom-card:hover {\n  transform: scale(1.01);\n  box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n}\n\n.webinar-card-image img {\n  width: 160%;\n  height: 200px;\n  object-fit: cover;\n  display: block;\n}\n\n.webinar-card-content {\n  padding: 1.5rem;\n  flex-grow: 1;\n}\n\n.webinar-card-content h2 {\n  font-size: 18px !important;\n  text-align: left;\n  margin-bottom: 0.5rem;\n}\n\n.webinar-card-content p {\n  font-size: 100% !important;\n  text-align: left;\n  color: #333;\n  margin-bottom: 1rem;\n}\n\n.webinar-card-footer {\n  background-color: #0071e3;\n  color: white;\n  text-align: center;\n  padding: 1rem;\n  font-weight: bold;\n}\n\n\/*Three-Columns *\/\n.three-column-block {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 20px;\n    margin: 40px auto;\n    max-width: 1000px;\n    padding: 20px;\n    \n}\n\n.column-three-column {\n    flex: 1 1 30%;\n    background: #fff;\n    border: 1px solid #dddddd98;\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    text-align: center;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column {\n    background-color: #f0f8ff;\n    border: 2px solid #004a87a1;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column button {\n    background-color: #004b87;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 4px;\n    cursor: pointer;\n    margin-top: 15px;\n}\n\n.special-column button:hover {\n    background-color: #003b6f;\n}\n\n@media (max-width: 768px) {\n    .three-column-block {\n        flex-direction: column;\n    }\n\n    .column-three-column {\n        flex: 1 1 100%;\n    }\n}\n\n\n\/* Bill Video Section *\/\n.video-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  margin: 0 auto;\n}\n\n.video-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.video-section-main {\n  padding: 20px 30px;\n  \/*background: linear-gradient(90deg, #0b2957, #0055b3);*\/\n  color: white;\n  margin: 10px auto 5px;\n  max-width: 1100px;\n  border-radius: 5px;\n  position: relative;\n  overflow: visible;\n}\n\n.video-section-main h2, .video-section-main p {\n  color: white;\n}\n\n.video-flex-container {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n}\n\n.video-column {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.content-column {\n  flex: 0 0 55%;\n  align-items: center;\n  display: block;\n}\n\n.thumbnail-column {\n  flex: 0 0 45%;\n  max-width: 45%;\n  justify-content: center;\n  align-items: center;\n}\n\n.video-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(5px);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  z-index: 2147483647;\n  border-radius: 0;\n  padding: 0;\n}\n\n.video-popup {\n  position: relative;\n  width: 80%;\n  max-width: 960px;\n  aspect-ratio: 16 \/ 9;\n}\n\n.video-popup iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: 8px;\n}\n\n.close-text {\n  margin-top: 20px;\n  background: none;\n  border: 2px solid #fff;\n  color: #fff;\n  padding: 10px 20px;\n  font-size: 16px;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: background 0.3s ease;\n}\n\n.close-text:hover {\n  background: #fff !important;\n  color: #000 !important;\n}\n\n@media (max-width: 768px) {\n  .content-column,\n  .thumbnail-column {\n    flex: 0 0 100%;\n  }\n\n  .video-flex-container {\n    flex-direction: column;\n  }\n\n  .video-thumbnail {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n\/*Promo Block *\/\n\n.promo-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n}\n\n.promo-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.promo-thumbnail-trio {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n}\n\n.promo-thumbnail-trio:hover {\n  transform: scale(1.03);\n}\n\n\n\n\/* Videos Section *\/\n\n    .video-grid-trio {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, 300px);\n      gap: 20px;\n      max-width: 1900px;\n      margin: 0 auto;\n      justify-content: center;\n    }\n\n\n    .video-thumbnail-trio {\n    width: 100%;\n    max-width: 350px;\n    cursor: pointer;\n    border-radius: 8px;\n    transition: transform 0.3s ease;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n    }\n\n\n    .video-thumbnail-trio:hover {\n      transform: scale(1.03);\n    }\n\n    .video-overlay-trio {\n      display: none;\n      position: fixed;\n      top: 0; left: 0;\n      width: 100%; height: 100%;\n      background-color: rgba(0, 0, 0, 0.5);\n      backdrop-filter: blur(8px);\n      justify-content: center;\n      align-items: center;\n      flex-direction: column;\n      z-index: 2147483647;\n    }\n\n    .video-popup-trio {\n      position: relative;\n      width: 80%;\n      max-width: 960px;\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .video-popup-trio iframe {\n      width: 100%;\n      height: 100%;\n      border: none;\n      border-radius: 8px;\n    }\n\n    .close-btn-trio {\n      position: absolute;\n      top: -20px;\n      right: -20px;\n      background: #fff;\n      color: #000;\n      border: none;\n      font-size: 24px;\n      cursor: pointer;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n      line-height: 40px;\n    }\n\n    .close-text-trio {\n      margin-top: 20px;\n      background: none;\n      border: 2px solid #fff;\n      color: #fff;\n      padding: 10px 20px;\n      font-size: 16px;\n      cursor: pointer;\n      border-radius: 6px;\n      transition: background 0.3s ease;\n    }\n\n    .close-text-trio:hover {\n      background: #fff;\n      color: #000;\n    }\n\n\/* Responsive styles *\/\n@media (max-width: 768px) {\n  .hero {\n    padding: 40px 10px;\n  }\n\n  .sticky-nav ul {\n    flex-direction: column;\n    align-items: center;\n    display:none;\n  }\n\n  .sticky-nav li {\n    margin: 10px 0;\n  }\n\n\n}\n\n@media (max-width: 480px) {\n  .hero h1 {\n    font-size: 1.5rem;\n  }\n\n  .hero p {\n    font-size: 1rem;\n  }\n\n  .content-section {\n    padding: 20px 10px;\n  }\n}\n\n\n\/*Letter *\/\n\n    .custom-letter-wrapper {\n      max-width: 1200px;\n      margin: 40px auto 0 auto;\n      font-family: sans-serif;\n      padding-bottom: 40px;\n      \n    }\n\n    .custom-letter-box {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: rgba(255, 255, 255, 0.8);\n      color: white;\n      padding-top: 20px;\n      padding-left: 50px;\n      padding-right: 50px;\n      padding-bottom: 30px;\n      border-radius: 8px;\n      cursor: pointer;\n      flex-wrap: wrap;\n      transition: border-radius 0.3s ease;\n    }\n\n    .custom-letter-box.expanded {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    .custom-letter-box h2 {\n      margin: 0;\n      font-size: 34px;\n    }\n\n    .custom-letter-box p {\n      margin: 5px 0 0;\n    }\n\n    .custom-letter-box .custom-letter-thumbnail img {\n      width: 100%;\n      height: auto;\n      display: block;\n      box-shadow: 0px 0px 20px rgba(0, 17, 255, 0.7);\n      animation: shadowColorChangeLetter 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeLetter {\n      0% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal*\/\n      }\n      50% {\n        box-shadow: 0 0 40px rgba(0, 0, 255, 0.5); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal *\/\n      }\n    }\n\n\n    .custom-letter-thumbnail img:hover {\n      transform: scale(1.04);\n      transition: transform 0.3s;\n    }\n\n    .custom-letter-box .custom-letter-text {\n      flex: 1;\n      min-width: 250px;\n      margin-right: 20px;\n    }\n\n    .custom-letter-content {\n      width: 80%;\n      margin: auto;\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n      transition: opacity 0.5s ease, max-height 0.5s ease, padding 0.5s ease;\n      background-color: #f8fcfdde;\n      background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryLetterTexture.png\");\n      color: black;\n      padding: 0 20px;\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n      box-shadow: 0px 5px 10px rgba(0,0,0,0.2);\n    }\n\n\n    .custom-letter-content p, .custom-letter-text p, .custom-letter-text h2 {\n      color: black;\n    }\n\n    .custom-letter-content.show {\n      opacity: 1;\n      max-height: 2500px;\n      width: 80%;\n      margin:auto;\n      padding-left: 20px;\n      padding-right: 20px;\n      padding-bottom: 30px;\n      padding-top: 50px;\n      border-radius: 10px;\n    }\n\n    .custom-letter-content p {\n      padding-left: 10%;\n      padding-right: 10%;\n      margin: 0 0 1em;\n    }\n\n    .custom-letter-content a {\n      color: #2c2c2cbe;\n      text-decoration: none;\n    }\n\n\n    .read-letter-button {\n        margin-top: 50px;\n        color: #5897f5 !important;\n        font-size: 90%;\n        font-weight: bold !important;\n    }\n\n    @media (max-width: 768px) {\n      .custom-letter-box {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .custom-letter-box .custom-letter-thumbnail {\n        width: 100%;\n        max-width: none;\n        margin-top: 20px;\n      }\n\n      .custom-letter-box .custom-letter-text {\n        margin-right: 0;\n      }\n\n      .custom-letter-box h2 {\n        font-size: 28px;\n      }\n    }\n\n\n\/*Mastermind game*\/\n\n.gradient-border-wrapper {\n  position: relative;\n  padding: 4px; \/* border thickness *\/\n  border-radius: 20px;\n  background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet);\n  background-size: 400% 400%;\n  animation: gradientBorder 6s ease infinite;\n}\n\n.gradient-border-content {\n  background: #cbe7fc;\n  border-radius: 15px; \/* slightly smaller to fit inside *\/\n  padding: 100px;\n  position: relative;\n  color: white;\n  text-align: right;\n  z-index: 1;\n}\n\n@keyframes gradientBorder {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n\n\n\/*Quiz*\/\n\n.quiz-block {\n  display: flex;\n  flex-direction: row;\n  border-radius: 20px;\n  overflow: hidden;\n  background-color: #0e4983; \/* pastel blue background *\/\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 10px;\n}\n\n.quiz-block {\n      animation: shadowColorChangeQuiz 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeQuiz {\n      0% {\n        box-shadow: 0 0 70px rgba(255, 0, 0, 0.6); \/* Red *\/\n      }\n      33% {\n        box-shadow: 0 0 70px rgba(0, 255, 0, 0.6); \/* Green *\/\n      }\n      66% {\n        box-shadow: 0 0 70px rgba(0, 0, 255, 0.8); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 70px rgba(255, 0, 255, 0.6); \/* Purple *\/\n      }\n    }\n\n.quiz-image {\n  flex: 0 0 40%;\n  height: auto;\n  margin: auto;\n  align-items: center;\n  text-align: center;\n  display: block;\n}\n\n.quiz-content,\n.quiz-image {\n  box-sizing: border-box;\n}\n\n\n.quiz-image img {\n\n  width: 90%;\n}\n\n.quiz-content {\n  flex: 0 0 60%;\n  padding: 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background-color: transparent;\n  align-items: flex-start;\n}\n\n.quiz-content h2 {\n  color: #ffffff;\n  margin-bottom: 5px;\n  margin-top: 0px;\n}\n\n.quiz-content p {\n  font-size: 1.1em;\n  color: #ffffff;\n  line-height: 1.6;\n  margin-bottom: 20px;\n  margin-top: 0px;\n}\n\n.quiz-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.quiz-button:hover {\n  background: #00223d !important;\n  color: white !important;\n}\n\n\/*Arrow Animation*\/\n.quiz-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.quiz-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n\/* Responsive Design *\/\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n    margin:auto;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n    text-align: center !important;\n  }\n\n  .quiz-image {\n    width: 60%;\n    margin:auto;\n\n  }\n\n    .quiz-content {\n    padding: 20px 10px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n\n    .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n        text-align: center !important;\n  }\n\n  .quiz-content {\n    padding: 30px 20px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n  .quiz-content h2 {\n    font-size: 1.6em;\n        text-align: center !important;\n  }\n\n  .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n\/*Social Carousel *\/\n.carousel-container {\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n    padding: 0px 0;\n    position: relative;\n  }\n\n  .carousel-wrapper {\n    display: flex;\n    width: max-content;\n    will-change: transform;\n  }\n\n  .carousel-track {\n    display: flex;\n    gap: 60px;\n  }\n\n  .carousel-item {\n    flex: 0 0 auto;\n    width: 400;\n    height: 480;\n    margin-right: 10px;\n    background-color: #fff;\n    \/*box-shadow: 0 2px 6px rgba(0,0,0,0.1);*\/\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  .carousel-item:last-child {\n  margin-right: 30px; \/* Adjust as needed *\/\n  }\n\n  .carousel-track img {\n    height: 60px;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  .carousel-track img:last-child {\n  margin-right: 50px; \/* Adjust as needed *\/\n}\n\n  .carousel-track:last-child {\n  margin-right: 100px; \/* Adjust as needed *\/\n}\n\n\n\/*CSS for back-to-top nav buttons*\/\n  .back-to-top {\n      text-align: center;\n      margin-top: 30px;\n  }\n\n      \/*Color back-to-top nav buttons (link)*\/\n    a.back-to-top {\n        color: rgb(130, 130, 130) !important;\n        text-decoration: none;\n    }\n\n\n\n\/*Dividers*\/\n\n    .divider {\n      display: block;\n      width: 100%;\n      height: auto;\n      line-height: 0;\n    }\n\n    .divider.flip {\n      transform: scaleY(-1);\n    }\n\n    .divider-shape-video {\n  fill: #ebf9fc; \/* You can change this to any color you like *\/\n}\n\n    .divider-shape-timeline {\n  fill: #d9eefc; \/* You can change this to any color you like *\/\n}\n\n\n\n\/*Social-Temp*\/\n\n.social-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.social-left-column {\n  width: 35%;\n  padding: 10px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column h2{\n  text-align: right;\n}\n\n\n.social-left-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .social-container {\n    flex-direction: column;\n  }\n\n  .social-left-column {\n    width: 100%;\n    text-align: center !important;\n  }\n  .social-right-column {\n    width: 100%;\n    text-align: center !important;\n  }\n\n  .social-right-column h2{\n  text-align: center !important;\n}\n\n\n}\n\n.social-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.social-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n\/*Arrow Animation*\/\n.social-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.social-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n@media (max-width: 768px) {\n.social-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n}\n}\n\n\n\n\/*Timeline*\/\n\n.timeline-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.timeline-left-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n}\n\n.timeline-right-column {\n  width: 35%;\n  padding-right: 20px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n.timeline-right-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .timeline-container {\n    flex-direction: column;\n  }\n\n  .timeline-left-column,\n  .timeline-right-column {\n    width: 100%;\n    text-align: center;\n  }\n\n  .timeline-left-column h2{\n  text-align: center !important;\n}\n\n.timeline-right-column img{\n    width: 50%;\n  }\n\n}\n\n.timeline-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.timeline-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n@media (max-width: 768px) {\n.timeline-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n    margin: 20px\n}\n}\n\n\/*Arrow Animation*\/\n.timeline-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.timeline-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n<\/style>\n\n\n<body>\n\n<div class=\"background-top\">\n\n<div class=\"banner\">\n<video class=\"banner-video\" autoplay loop muted playsinline preload=\"none\">\n  <source src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek40-Header-Video.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.<\/video>\n<img decoding=\"async\" class=\"banner-image\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40thanniversary-LP-MOBILE.jpg\" alt=\"Futuristic cityscape with fireworks.\" title=\"-\"><\/img>\n<\/div>\n\n\n<div class=\"custom-letter-wrapper\"> <!-- A MESSAGE FROM BILL -->\n    <div id=\"customLetterBox\" class=\"custom-letter-box\">\n      <div class=\"custom-letter-text\">\n        <h1 style=\"line-height: 50px; margin-bottom: 20px; color: rgb(1, 80, 184); font-size: 43px;\">\u521b\u65b0\u4e13\u67f1\uff0c\u64ce\u52a8\u672a\u6765<\/h1>\n        <p>\u81ea1985\u5e74\u6210\u7acb\uff0c\u5230\u73b0\u5728\u771f\u6b63\u6210\u4e3a\u4e00\u5bb6\u5168\u7403\u6027\u3001100%\u5458\u5de5\u62e5\u6709\u7684\u516c\u53f8\uff0cRestek\u5df2\u8d70\u8fc7\u4e86\u6f2b\u957f\u7684\u65c5\u7a0b\u3002<\/p>\n        <p style=\"margin-top:10px;\"><strong>\u4e00\u8d77\u52a0\u5165Restek\u7684\u5e86\u5178\u4e4b\u65c5!<\/strong> \u63a2\u7d22Restek\u56db\u5341\u5e74\u7684\u7cbe\u5f69\u6545\u4e8b\uff0c\u4e86\u89e3\u662f\u4ec0\u4e48\u8ba9\u8fd9\u5bb6\u516c\u53f8\u5982\u6b64\u7279\u522b\u3002\u542c\u542cCEO\u6bd4\u5c14\u00b7\u963f\u7f57\u53f2\u5bc6\u65af\u5bf9\u8fd9\u4e00\u6fc0\u52a8\u4eba\u5fc3\u7684\u91cc\u7a0b\u7891\u7684\u770b\u6cd5\uff0c\u8fd8\u6709\u6765\u81eaRestek\u5458\u5de5\u80a1\u4e1c\u4eec\u7684\u611f\u8c22\u4fe1\u54e6\u3002<\/p>\n        <p class=\"read-letter-button\" id=\"customToggleText\" style=\"margin-top:20px;\"> \u6253\u5f00\u4fe1\u4ef6 \u2192<\/p>\n      <\/div>\n     <div class=\"video-column thumbnail-column custom-letter-thumbnail\">\n        <a href=\"https:\/\/www.bilibili.com\/video\/BV1Po4azUERc\/?vd_source=ee9445e6518477dfc3e02022673929a5\" target=\"_blank\" rel=\"noopener noreferrer\">\n      <img decoding=\"async\"\n        src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Bill-40-years3.jpg\"\n        alt=\"Video Thumbnail\"\n        class=\"video-thumbnail\"\n        style=\"height: 200px; width:auto;\"\n      \/><\/a>\n  <\/div>\n  <\/div>\n\n    <div id=\"customLetterContent\" class=\"custom-letter-content\">\n    <p>Restek\u768440\u5468\u5e74\u4e0d\u4ec5\u4ec5\u662f\u4e00\u4e2a\u91cc\u7a0b\u7891\u7684\u7eaa\u5ff5\u6d3b\u52a8\uff0c\u5b83\u8fd8\u662f\u5e86\u795d\u6211\u4eec\u5728\u8d28\u91cf\u3001\u521b\u65b0\u548c\u670d\u52a1\u793e\u4f1a\u65b9\u9762\u7684\u4f20\u627f\uff0c\u8fd9\u4e9b\u6210\u5c31\u4f7f\u6211\u4eec\u8d70\u5230\u4e86\u4eca\u5929\uff0c\u5e76\u5c06\u5728\u672a\u6765\u7684\u5c81\u6708\u4e2d\u8ba9\u6211\u4eec\u66f4\u5177\u5149\u8292\u3002<\/p>\n    <p>\u4f5c\u4e3a\u4e00\u5bb6\u5458\u5de5\u6301\u6709\u5236\u7684\u516c\u53f8\uff0c\u201c\u4eba\u201d\u662f\u6211\u4eec\u6240\u505a\u4e00\u5207\u5de5\u4f5c\u7684\u6838\u5fc3\u3002\u5728\u7ecf\u5386\u4e8640\u5e74\u7684\u975e\u51e1\u5386\u7a0b\u540e\uff0c\u6211\u4eec\u6709\u592a\u591a\u4eba\u8981\u611f\u8c22\u3002<\/p>\n    <p><strong>\u81f4\u6211\u4eec\u7684\u5ba2\u6237\uff1a<\/strong>\u611f\u8c22\u60a8\u4e00\u8def\u4ee5\u6765\u7684\u5408\u4f5c\u652f\u6301\u548c\u575a\u5b9a\u7684\u4fe1\u4efb\u3002\u6211\u4eec\u8ba4\u53ef\u60a8\u7684\u9009\u62e9\uff0c\u4e5f\u4e3a\u80fd\u591f\u4e0e\u60a8\u4e00\u8d77\u521b\u9020\u4e00\u4e2a\u66f4\u5b89\u5168\u548c\u66f4\u5065\u5eb7\u7684\u4e16\u754c\u800c\u611f\u5230\u81ea\u8c6a\u3002<\/p>\n    <p><strong>\u81f4\u6211\u4eec\u5fe0\u5b9e\u7684\u5206\u9500\u5546\uff1a<\/strong>\u611f\u8c22\u60a8\u5b9d\u8d35\u7684\u5408\u4f5c\u4e0e\u652f\u6301\uff0c\u4ee5\u53ca\u60a8\u4e3aRestek\u5728\u670d\u52a1\u5168\u7403\u5ba2\u6237\u7684\u5de5\u4f5c\u4e2d\u4ed8\u51fa\u7684\u52aa\u529b\u3002<\/p>\n    <p><strong>\u81f4\u8fc7\u53bb\u548c\u73b0\u5728\u7684\u5168\u4f53\u5458\u5de5\uff1a<\/strong>\u611f\u8c22\u4f60\u4eec\u521b\u9020\u4e86\u4e00\u4e2a\u771f\u6b63\u72ec\u7279\u4e14\u4ee4\u4eba\u77a9\u76ee\u7684\u6587\u5316\uff0c\u8ba9\u6211\u4eec\u5f7c\u6b64\u4ee5\u53ca\u6211\u4eec\u5bf9\u5ba2\u6237\u7684\u627f\u8bfa\u5f97\u4ee5\u5b9e\u73b0\u3002\u4f60\u4eec\u591a\u5e74\u7684\u5c3d\u5fc3\u5de5\u4f5c\u4e3aRestek\u5728\u5168\u7403\u7684\u53d1\u5c55\u3001\u72ec\u7acb\u548c\u957f\u671f\u6210\u529f\u5960\u5b9a\u4e86\u57fa\u7840\u3002<\/p>\n    <p style=\"margin-bottom: 20px;\"><strong>\u81f4\u5c4f\u5e55\u524d\u7684\u4f60\uff1a<\/strong>\u611f\u8c22\u60a8\u53c2\u52a0\u6211\u4eec\u7684\u5468\u5e74\u5e86\u795d\u3002\u6211\u4eec\u5e0c\u671b\u60a8\u4eab\u53d7\u8fd9\u56db\u5341\u5e74\u7684\u65f6\u5149\u56de\u987e\u4e4b\u65c5\uff0c\u5e76\u4e0e\u6211\u4eec\u5206\u4eab\u60a8\u5bf9\u672a\u6765\u65e0\u9650\u53ef\u80fd\u7684\u671f\u5f85\u3002<\/p>\n    <p class=\"signature-p\"><strong>Restek\u5168\u4f53\u5458\u5de5<\/strong><\/p>\n      <p style=\"text-align: center; margin-top: 50px;\">\n        <a href=\"#\"><em>\u6536\u8d77\u4fe1\u4ef6<\/em><\/a>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!--ANNIVERSARY VIDEOS-->\n <div class=\"background-anniversary-videos\">\n <section id=\"videos\" class=\"content-section\">\n  <h2 class=\"custom-h2\" style=\"margin-top:0px; margin-bottom: 0px;\">\u52a0\u5165Restek\u7684\u5168\u7403\u5e86\u5178<\/h2>\n  <p style=\"text-align: center; margin-bottom: 30px;\">\u4e0e\u6211\u4eec\u7684\u5458\u5de5\u80a1\u4e1c\u4eec\u4e00\u540c\u5e86\u795d\u5427\uff01\u6b22\u8fce\u89c2\u770b\u6211\u4eec\u5728\u5168\u7403\u516b\u4e2a\u56fd\u5bb6\u7684\u56e2\u961f\u7684\u5468\u5e74\u795d\u8d3a\uff0c\u4e86\u89e3\u662f\u4ec0\u4e48\u8ba9Restek\u5982\u6b64\u72ec\u7279\uff01<\/p>\n <div class=\"video-grid-trio\">\n    <a href=\"https:\/\/www.bilibili.com\/video\/BV1BMWvzMEJp\/?vd_source=ee9445e6518477dfc3e02022673929a5\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-restek-history-GNAV4338-CHINA.jpg\" style=\"width:95%;\" class=\"promo-thumbnail promo-thumbnail-trio\" alt=\"\" title=\"-\"><\/a>\n    <a href=\"https:\/\/www.bilibili.com\/video\/BV1UH1xBAE5K\/?vd_source=ee9445e6518477dfc3e02022673929a5\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-column-toss-CHINA.jpg\" style=\"width:95%;\" class=\"promo-thumbnail promo-thumbnail-trio\" alt=\"\" title=\"-\"><\/a>\n    <a href=\"https:\/\/www.bilibili.com\/video\/BV1EMWvzME5o\/?vd_source=ee9445e6518477dfc3e02022673929a5\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-innovation-corp-cap-NO-logo-GNAV4880-CHINA.jpg\" style=\"width:95%;\" class=\"promo-thumbnail promo-thumbnail-trio\" alt=\"\" title=\"-\"><\/a>\n  <\/div>\n\n  <div class=\"video-overlay\" id=\"videoOverlay\">\n    <div class=\"video-popup\">\n      <iframe id=\"youtubePlayer\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n      <button class=\"close-btn\" onclick=\"hideVideo()\">\u00d7<\/button>\n    <\/div>\n    <button class=\"close-text\" onclick=\"hideVideo()\">\u5173\u95ed\u89c6\u9891<\/button>\n  <\/div>\n<\/section>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n<!-- Social Temp\n<div class=\"background-social\">\n<div class=\"content-section\">\n    <div class=\"social-container\">\n    <div class=\"social-left-column\">\n            <img decoding=\"async\" src=\"\" style=\"max-width: 100%; height: auto; border-radius: 8px;\" alt=\"\" title=\"-\">\n\n    <\/div>\n    <div class=\"social-right-column\">\n\n    \n        <h2 class=\"custom-h2\">Like, Subscribe, and Share the Fun!<\/h2>\n<p>Have a fun Restek moment you want to share?<br>Tag your LinkedIn post with #Restek40 to participate&mdash;and be sure to follow us!<\/p>\n\n<a href=\"https:\/\/www.linkedin.com\/company\/restek-corporation\/\" class=\"social-button\" target=\"_blank\" rel=\"noopener\"><strong>Follow Restek<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    \n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n -->\n\n\n<!-- Social Carousel\n<div class=\"background-social\">\n<div class=\"carousel-container\" style=\"margin-bottom:50px;\">\n  <h2 class=\"custom-h2\" style=\"text-align: center;\">\u70b9\u8d5e\uff0c\u5173\u6ce8\uff0c\u5206\u4eab\u7ed9\u66f4\u591a\u4eba<\/h2>\n    <p style=\"text-align: center; margin-bottom: 30px;\">\u4f60\u6709\u8981\u5206\u4eab\u7684Restek \u6709\u8da3\u4e00\u523b\u5417\uff1f\u5728\u4f60\u7684 LinkedIn \u5e16\u5b50\u4e2d\u6dfb\u52a0\u6807\u7b7e #Restek40 \uff0c\u5373\u53ef\u53c2\u4e0e\u6d3b\u52a8\u3002<\/p>\n  <div class=\"carousel-wrapper\" id=\"carouselWrapper\">\n  <div class=\"carousel-track\" id=\"carouselTrack\">\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348713881860538369?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348048560472436736?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\" style=\"margin-right: 50px;\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n -->\n\n\n\n\n\n\n<!-- TIMELINE -->\n<div class=\"background-timeline-no-social\">\n<div class=\"content-section\">\n    <div class=\"timeline-container\">\n    <div class=\"timeline-left-column\">\n    <h2 class=\"custom-h2\" style=\"text-align: left;\">\u8d85\u8d8a\u65f6\u7a7a\uff0c\u63a2\u7d22\u65e0\u9650<\/h2>\n<p style=\"color:rgb(0, 0, 0);\">\u4f60\u77e5\u9053Restek\u6700\u521d\u5176\u5b9e\u8bde\u751f\u4e8e\u4e00\u6240\u5b66\u6821\u5417\uff1f<br>\u4f60\u77e5\u9053\u6211\u4eec\u7684\u6c14\u76f8\u8272\u8c31\u67f1\u66fe\u7ecf\u63a2\u7d22\u8fc7\u592a\u9633\u7cfb\u5417\uff1f<\/p>\n<p style=\"color:rgb(0, 0, 0);\">\u53d1\u73b0\u66f4\u591aRestek\u6fc0\u52a8\u4eba\u5fc3\u7684\u6280\u672f\u6210\u679c\u3001\u72ec\u7279\u7684\u5458\u5de5\u6301\u80a1\u5236\u4ee5\u53ca\u5168\u7403\u6027\u589e\u957f\u7684\u7cbe\u5f69\u6545\u4e8b\u3002<\/p>\n<a href=\"https:\/\/www.restek.com\/cn\/pages\/restek-history---chinese\" class=\"timeline-button\" target=\"_blank\" rel=\"noopener\"><strong>\u67e5\u770b\u5386\u53f2\u65f6\u95f4\u7ebf<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    <\/div>\n    <div class=\"timeline-right-column\"><img src=https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-to-space-and-beyond.jpg\" style=\"max-width: 100%; height: auto; border-radius: 8px;\"><\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n\n\n\n\n\n<!-- QUIZ\n<div class=\"background-quiz\">\n<div class=\"quiz-block\">\n  <div class=\"quiz-image\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-mastermind_blue.jpg\" alt=\"Celebratory Image\" title=\"-\">\n  <\/div>\n  <div class=\"quiz-content\">\n    <h2 class=\"custom-h2\" style=\"color: white !important;\">\u4f60\u51c6\u5907\u597d\u8fce\u63a5\u6311\u6218\u4e86\u5417\uff1f<\/h2>\n    <p>\u4f60\u80fd\u5728\u6211\u4eec\u7684\u8272\u8c31\u5927\u5e08\u6d4b\u9a8c\u4e2d\u53d6\u5f97\u80dc\u5229\u5417\uff1f<\/p>\n    <p>\u4eca\u5929\u5c31\u6765\u6d4b\u8bd5\u4e00\u4e0b\u4f60\u7684\u6280\u80fd\u5427\uff0c\u8fd8\u6709\u673a\u4f1a\u8d62\u53d6\u514d\u8d39iPad\u54e6!<\/p>\n    <a href=\"https:\/\/explore.restek.com\/chromatography-master-mind-quiz?utm_source=website&amp;utm_medium=button&amp;utm_campaign=Restek40\" class=\"quiz-button\" target=\"_blank\" rel=\"noopener\"><strong>\u5f00\u59cb\u6d4b\u8bd5<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n  <\/div>\n<\/div>\n<\/div>\n -->\n\n\n\n\n<!--<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>-->\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- EVENTS -->\n<div class=\"background-events-no-social\">\n<section id=\"products\" class=\"content-section\">\n  <h2 class=\"custom-h2\">\u8ba9\u5e86\u5178\u7ee7\u7eed\uff01<\/h2>\n  <p style=\"text-align: center;\">Restek\u5168\u7403\u56e2\u961f\u6b65\u5c65\u4e0d\u505c\uff01\u66f4\u591a\u7cbe\u5f69\u6d3b\u52a8\u5373\u5c06\u5448\u73b0\uff0c\u5982\u679c\u60a8\u5728\u9644\u8fd1\uff0c\u6b22\u8fce\u53c2\u4e0e\u6d3b\u52a8\u5e76\u4e0e\u6211\u4eec\u4f1a\u9762\u3002<\/p>\n\n<!-- Elfsight Event Calendar | Events Calendar for 40th Anniversary-->\n<div class=\"elfsight-app-fdbeedd1-7366-4987-86ed-e0417aa12d03\" data-elfsight-app-lazy><\/div> \n\n\n<!-- TABLE BACKUP IN CASE ELF FAILS\n<div class=\"eventtable-container\">\n  <div class=\"eventtable-row\">\n    <div class=\"eventleft-cell\">FEB<br>9-14<\/div>\n    <div class=\"eventright-cell\"><a href=\"https:\/\/www.restek.com\/pages\/soft-2025\" target=\"_blank\" rel=\"noopener\"><strong><span style=\"font-size: 130%;\">AAFS 2026<\/span><\/strong><\/a><br>New Orleans, LA, U.S.<\/div>\n  <\/div>\n  <div class=\"eventtable-row\">\n    <div class=\"eventleft-cell\">MAR<br>7-11<\/div>\n    <div class=\"eventright-cell\"><a href=\"https:\/\/pittcon.org\/\" target=\"_blank\" rel=\"noopener\"><strong><span style=\"font-size: 130%;\">Pittcon 2026<\/span><\/strong><\/a><br>San Antonio, TX, U.S.<\/div>\n  <\/div>\n    <div class=\"eventtable-row\">\n    <div class=\"eventleft-cell\">MAR<br>10-11<\/div>\n    <div class=\"eventright-cell\"><a href=\"https:\/\/www.forumlabo.fr\/\" target=\"_blank\" rel=\"noopener\"><strong><span style=\"font-size: 130%;\">Forum Labo 2026<\/span><\/strong><\/a><br>Lyon, France<\/div>\n  <\/div>\n    <div class=\"eventtable-row\">\n    <div class=\"eventleft-cell\">MAR<br>24-27<\/div>\n    <div class=\"eventright-cell\"><a href=\"https:\/\/analytica.de\/de\/\" target=\"_blank\" rel=\"noopener\"><strong><span style=\"font-size: 130%;\">analytica 2026<\/span><\/strong><\/a><br>Munich, Germany<\/div>\n  <\/div>\n<\/div>\n-->\n\n<\/section>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n\n<!-- FINAL CTA -->\n<div class=\"background-end\">\n  <p style=\"display: flex; margin-top:90px; text-align: center; font-size:95%; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-40thAnniversary-LP-PeakPersonTest-1.png\" alt=\"A cute, anthrophized chromatogram peak celebrating with a party hat and balloon.\" style=\"max-width: 200px;\" title=\"-\"><\/p>\n<\/div>\n\n\n<script>\n\n\/************************************************************\n * 1) Your re-entrant initializer (safe to call many times)\n ************************************************************\/\nfunction initRestek40() {\n  \/\/ Prevent duplicate init for the current view\n  if (document.documentElement.dataset.restek40Init === \"1\") return;\n  document.documentElement.dataset.restek40Init = \"1\";\n\n  \/* === Your page logic START === *\/\n\n  \/\/ Toggle Letter\n  function toggleLetter() {\n    const content = document.getElementById(\"customLetterContent\");\n    const toggleText = document.getElementById(\"customToggleText\");\n    const box = document.getElementById(\"customLetterBox\");\n    if (!content || !toggleText || !box) return;\n\n    content.classList.toggle(\"show\");\n    box.classList.toggle(\"expanded\");\n    toggleText.textContent = content.classList.contains(\"show\")\n      ? \"Close letter \u2192\"\n      : \"Read letter \u2192\";\n  }\n\n  \/\/ Bind click on the letter box\n  const letterBox = document.getElementById(\"customLetterBox\");\n  if (letterBox && !letterBox.dataset.restek40Bound) {\n    letterBox.dataset.restek40Bound = \"1\";\n    letterBox.addEventListener(\"click\", function (event) {\n      if (event.target.closest(\".custom-letter-thumbnail\")) return;\n      toggleLetter();\n    });\n  }\n\n  \/\/ Bind click on the \"Close letter\" link inside the content\n  const closeLink = document.querySelector(\"#customLetterContent a\");\n  if (closeLink && !closeLink.dataset.restek40Bound) {\n    closeLink.dataset.restek40Bound = \"1\";\n    closeLink.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      toggleLetter();\n    });\n  }\n\n  \/\/ Video overlays (delegation; works for dynamically injected nodes)\n  if (!document.body.dataset.restek40VideoBound) {\n    document.body.dataset.restek40VideoBound = \"1\";\n    document.body.addEventListener(\"click\", function (e) {\n      const thumb = e.target.closest(\".video-thumbnail\");\n      if (thumb) {\n        const videoId = thumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayer\");\n        const overlay = document.getElementById(\"videoOverlay\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      const trioThumb = e.target.closest(\".video-thumbnail-trio\");\n      if (trioThumb) {\n        const videoId = trioThumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayerTrio\");\n        const overlay = document.getElementById(\"videoOverlayTrio\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      if (e.target.closest(\".close-btn, .close-text\")) {\n        const iframe1 = document.getElementById(\"youtubePlayer\");\n        const overlay1 = document.getElementById(\"videoOverlay\");\n        const iframe2 = document.getElementById(\"youtubePlayerTrio\");\n        const overlay2 = document.getElementById(\"videoOverlayTrio\");\n        if (iframe1 && overlay1) { iframe1.src = \"\"; overlay1.style.display = \"none\"; }\n        if (iframe2 && overlay2) { iframe2.src = \"\"; overlay2.style.display = \"none\"; }\n      }\n    });\n  }\n\n  \/\/ Carousel (guard so we don\u2019t clone\/animate twice)\n  const track = document.getElementById(\"carouselTrack\");\n  const wrapper = document.getElementById(\"carouselWrapper\");\n  if (track && wrapper && !wrapper.dataset.restek40Carousel) {\n    wrapper.dataset.restek40Carousel = \"1\";\n    const clone = track.cloneNode(true);\n    wrapper.appendChild(clone);\n\n    let position = 0;\n    (function animate() {\n      position -= 0.5;\n      wrapper.style.transform = `translateX(${position}px)`;\n      if (Math.abs(position) >= track.offsetWidth) position = 0;\n      requestAnimationFrame(animate);\n    })();\n  }\n\n  \/* === Your page logic END === *\/\n}\n\n\/************************************************************\n * 2) Run on initial load (handles normal page loads)\n ************************************************************\/\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", initRestek40, { once: true });\n} else {\n  initRestek40();\n}\n\n\/************************************************************\n * 3) Run on bfcache restores (Back\/Forward navigation)\n ************************************************************\/\nwindow.addEventListener(\"pageshow\", function (e) {\n  if (e.persisted) {\n    delete document.documentElement.dataset.restek40Init;\n    initRestek40();\n  }\n});\n\n\/************************************************************\n * 4) Run on SPA navigations (History API hook)\n ************************************************************\/\n(function () {\n  if (window.__restek40PatchedHistory) return;\n  window.__restek40PatchedHistory = true;\n\n  const _ps = history.pushState;\n  const _rs = history.replaceState;\n  const fire = () => window.dispatchEvent(new Event(\"locationchange\"));\n\n  history.pushState = function () { _ps.apply(this, arguments); fire(); };\n  history.replaceState = function () { _rs.apply(this, arguments); fire(); };\n  window.addEventListener(\"popstate\", fire);\n})();\n\nwindow.addEventListener(\"locationchange\", function () {\n  delete document.documentElement.dataset.restek40Init;\n  initRestek40();\n});\n\n\/************************************************************\n * 5) Re-init if key elements are injected later\n ************************************************************\/\n(function () {\n  const targets = [\"customLetterBox\", \"carouselTrack\", \"carouselWrapper\"];\n  const mo = new MutationObserver(() => {\n    if (targets.some(id => document.getElementById(id))) {\n      delete document.documentElement.dataset.restek40Init;\n      initRestek40();\n    }\n  });\n  mo.observe(document.documentElement, { childList: true, subtree: true });\n})();\n\n\/\/ elf.js\nconst script = document.createElement('script');\nscript.src = 'https:\/\/elfsightcdn.com\/platform.js';\nscript.async = true;\ndocument.head.appendChild(script);\n\n<\/script>\n\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>\u548c\u6211\u4eec\u4e00\u8d77\u5e86\u795dRestek 40\u5468\u5e74\uff01\u63a2\u7d22Restek\u7684\u5386\u53f2\u6545\u4e8b\uff0c\u4e86\u89e3\u662f\u4ec0\u4e48\u8ba9\u6211\u4eec\u5982\u6b64\u7279\u522b\u3002<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[786],"tags":[],"industries-application":[],"post-badge":[],"resource-type":[],"product-library":[],"resource-technique":[],"ppma_author":[414],"class_list":["post-63299","post","type-post","status-publish","format-standard","hentry","category-articles-zh"],"acf":[],"taxonomy_info":{"category":[{"value":786,"label":"\u6587\u7ae0"}]},"featured_image_src_large":false,"author_info":{"display_name":"Restek Corporation","author_link":"https:\/\/discover.restek.com\/zh-hans\/author\/restek-corporation\/"},"comment_info":0,"category_info":[{"term_id":786,"name":"\u6587\u7ae0","slug":"articles-zh","term_group":0,"term_taxonomy_id":786,"taxonomy":"category","description":"","parent":0,"count":470,"filter":"raw","cat_ID":786,"category_count":470,"category_description":"","cat_name":"\u6587\u7ae0","category_nicename":"articles-zh","category_parent":0}],"tag_info":false,"authors":[{"term_id":414,"user_id":11,"is_guest":0,"slug":"restek-corporation","display_name":"Restek Corporation","avatar_url":{"url":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg","url2x":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg"},"0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/posts\/63299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=63299"}],"version-history":[{"count":35,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/posts\/63299\/revisions"}],"predecessor-version":[{"id":79529,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/posts\/63299\/revisions\/79529"}],"wp:attachment":[{"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=63299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/categories?post=63299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/tags?post=63299"},{"taxonomy":"industries-application","embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/industries-application?post=63299"},{"taxonomy":"post-badge","embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/post-badge?post=63299"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/resource-type?post=63299"},{"taxonomy":"product-library","embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/product-library?post=63299"},{"taxonomy":"resource-technique","embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/resource-technique?post=63299"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/discover.restek.com\/zh-hans\/wp-json\/wp\/v2\/ppma_author?post=63299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}