{"id":902,"date":"2024-04-25T07:36:49","date_gmt":"2024-04-25T07:36:49","guid":{"rendered":"https:\/\/jupiterlogistics.group\/tw\/?page_id=902"},"modified":"2024-05-08T08:22:27","modified_gmt":"2024-05-08T08:22:27","slug":"news","status":"publish","type":"page","link":"https:\/\/jupiterlogistics.group\/tw\/en\/news\/","title":{"rendered":"News"},"content":{"rendered":"<div class=\"\">\n    <div class=\"relative min-h-52 md:min-h-60 lg:min-h-[322px] flex justify-center items-center \">\n                <img decoding=\"async\" class=\"absolute w-full h-full inset-0 object-cover\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/uploads\/sites\/6\/2024\/04\/jupiter-news-banner.jpg\"\n            alt=\"Jupiter News Banner\" \/>\n        \n        <div class=\"container z-10  text-white\">\n            <div class='container-md '>\n                <h1 class=\"heading1 font-bold leading-[1.2] uppercase\"> News<\/h1>\n            <\/div>\n        <\/div>\n        <div class=\"absolute inset-0 w-full h-full  bg-banner-gradient \"><\/div>\n    <\/div>\n    <div>\n        <div class=\"h-[28px] w-full bg-primaryblue\"><\/div>\n        <div class=\"h-[6px] w-full bg-green\"><\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"breadcrumbs\">\n    <div class=\"container\">\n        <div class=\"container-md mt-1 py-5 3xl:py-6 font-medium\">\n            <div class=\"breadcrumb-items\">\n                <a class=\"page-link\" href=\"https:\/\/jupiterlogistics.group\/tw\/en\/\">Home<\/a>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"my-5 lg:mb-10 lg:mt-[30px]\" id=\"hkcJupiterNews\">\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div class=\"wrapper\">\n                <div class=\"search-form\">\n                    <form id=\"searchForm\" action=\"https:\/\/jupiterlogistics.group\/tw\/en\/news\/\" method=\"GET\">\n  <button class=\"filters-btn\" type=\"button\">\n    <svg class=\"size-6 align-middle overflow-hidden pointer-events-none\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M640 288a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 288z m123.456-96c-14.304-55.04-64-96-123.456-96s-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896V192h-132.544zM640 864a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 864m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64h-132.544c-14.304-55.04-64-96-123.456-96M384 576a64 64 0 1 1 0.032-128.032A64 64 0 0 1 384 576m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h132.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64H507.456c-14.304-55.04-64-96-123.456-96\" class=\"fill-primaryblue transition-all\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"dd-wrapper\">\n    <div class=\"dd-items\">\n              <div class=\"form-item\">\n          <label for=\"year\">\n            Year          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"year\" id=\"year\" type=\"text\" readonly value=\"\"\n                aria-hidden=\"false\" \/>\n              <input class=\"oprt-value\" name=\"year_oprt\" id=\"year_oprt\" type=\"text\" readonly value=\"\" aria-hidden=\"true\" \/>\n                            <p class=\"display-ele\">All<\/p>\n\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"2024\" >2024<\/li>\n                                  <li data-value=\"2023\" >2023<\/li>\n                                  <li data-value=\"2022\" >2022<\/li>\n                                  <li data-value=\"2021\" data-oprt=\"1\">2021 and before<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n              <div class=\"form-item\">\n          <label for=\"category\">\n            Category          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"tag\" id=\"tag\" type=\"text\" readonly value=\"\" aria-hidden=\"false\" \/>\n              <p class=\"display-ele\">All<\/p>\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"14\">Air Freight<\/li>\n                                  <li data-value=\"39\">GSSA<\/li>\n                                  <li data-value=\"40\">Industrial Solutions<\/li>\n                                  <li data-value=\"16\">Logistics<\/li>\n                                  <li data-value=\"15\">Sea Freight<\/li>\n                                  <li data-value=\"38\">Supply Chain Solutions<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n              <div class=\"form-item\">\n          <label for=\"location\">\n            Location          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"location\" id=\"location\" type=\"text\" readonly value=\"\"\n                aria-hidden=\"false\" \/>\n              <p class=\"display-ele\">All<\/p>\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"17\">China<\/li>\n                                  <li data-value=\"18\">Japan<\/li>\n                                  <li data-value=\"22\">Malaysia<\/li>\n                                  <li data-value=\"19\">Myanmar<\/li>\n                                  <li data-value=\"20\">Philippines<\/li>\n                                  <li data-value=\"21\">Singapore<\/li>\n                                  <li data-value=\"23\">Thailand<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n      <div class=\"form-item\">\n        <label for=\"s_order\">\n          Sort By        <\/label>\n        <div class=\"custom-select-wrapper\">\n          <div class=\"custom-select\">\n            <input class=\"select-value\" name=\"s_order\" id=\"s_order\" type=\"text\" readonly value=\"desc\" aria-hidden=\"false\" \/>\n            <p class=\"display-ele\">Newest to Oldest            <\/p>\n            <div class=\"arrow\">\n              <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n            <\/div>\n          <\/div>\n\n          <div class=\"select-options\">\n            <ul>\n              <li data-value=\"desc\">Newest to Oldest<\/li>\n              <li data-value=\"asc\">Oldest to Newest<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"form-item\">\n    <div class=\"search-input\">\n      <div class=\"mr-2.5 flex-1\">\n        <label for=\"search\" aria-hidden=\"false\">Search<\/label>\n        <input type=\"text\" id=\"search\" name=\"search\" value=\"\"\n          placeholder=\"Search...\" \/>\n      <\/div>\n\n      <div class=\"flex items-center shrink-0\">\n        <label for=\"submit\" aria-hidden=\"false\">submit<\/label>\n        <button type=\"submit\" id=\"submit\" class=\"size-6 p-1\">\n          <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-search-icon.svg\" alt=\"Search Icon\"\n            class=\"size-full object-contain\" \/>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/form>                <\/div>\n\n                <div class=\"relative\">\n                    <div\n                        class=\"loading hidden absolute w-full h-full left-0 top-0 bg-[#ffffffCC] items-center justify-center z-[1]\">\n                        <p class=\"text-normal\">Loading&#8230;<\/p>\n                    <\/div>\n\n                    <div\n                        class=\"result-info my-5 md:my-8 xl:mb-10 xl:mt-12 text-primary heading6 hidden\">\n                        <h5 class=\"font-medium mb-2.5\">\n                            Search results about                            &#8220;<span class=\"searched-value\"><\/span>&#8221;\n                        <\/h5>\n                        <p class=\"font-normal\">\n                            <span class=\"total-result\">10<\/span>\n                            related results                        <\/p>\n                    <\/div>\n\n                    <div class=\"search-result relative\">\n                        \n<a href=\"https:\/\/jupiterlogistics.group\/tw\/en\/new\/jupiter-taiwan%ef%bc%88pan-jupiter%ef%bc%89%e5%85%a8%e9%9d%a2%e5%8d%87%e7%b4%9a%e5%95%9f%e5%8b%95%ef%bc%81%f0%9f%9a%80%f0%9f%9a%a2\/\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n  <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n    <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/uploads\/sites\/6\/2026\/03\/Pan-Jupiter-Cargowise.jpg\" alt=\"Leveling up at Jupiter Taiwan (Pan Jupiter)! \ud83d\udea2\ud83d\udce6\"\n      class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n  <\/div>\n\n  <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n    <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\"><\/h4>\n    <h3 class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n      Leveling up at Jupiter Taiwan (Pan Jupiter)! \ud83d\udea2\ud83d\udce6    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">10 Mar 2026<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>We are officially in the implementation phase of CargoWise! This is a major step forward in our commitment to delivering top-tier logistics solutions.<\/p>\n<p>Our team is deep in training, working hard to master the system so we can offer our customers:<\/p>\n<p>&nbsp;<\/p>\n<p>\u2728 Better Service Quality<\/p>\n<p>\u2728 Enhanced Control<\/p>\n<p>\u2728 Smoother Operations<\/p>\n<p>&nbsp;<\/p>\n<p>We are excited about the enhanced visibility and efficiency this will bring. A big shout-out to our team for their dedication during this vigorous training period. Here\u2019s to a successful implementation and a smarter future! \ud83e\udd42<\/p>\n<\/div>\n    <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n      <span class='text-primaryblue mr-1.5 heading5'>Read More<\/span>\n      <div class=\"size-2.5 lg:size-[15px]\">\n        <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n            class=\"fill-primaryblue\" \/>\n        <\/svg>\n      <\/div>\n    <\/span>\n  <\/div>\n<\/a>\n<a href=\"https:\/\/jupiterlogistics.group\/tw\/en\/new\/cross-border-logistics-partnership-delivering-the-flavors-of-mito-city-ibaraki-to-taiwan\/\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n  <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n    <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/uploads\/sites\/6\/2026\/02\/5100.jpg\" alt=\"\u00a0Cross-Border Logistics Partnership Delivering the Flavors of Mito City, Ibaraki to Taiwan!\"\n      class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n  <\/div>\n\n  <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n    <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\"><\/h4>\n    <h3 class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n      \u00a0Cross-Border Logistics Partnership Delivering the Flavors of Mito City, Ibaraki to Taiwan!    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">10 Feb 2026<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>The New Year Japanese Food Fair was recently held at Miramar Shopping Mall with great success. This event was made possible through the collaboration between Pan Jupiter and Jupiter Japan. We are honored to manage the import logistics for food products from Mito City in Ibaraki Prefecture, handling the entire process\u2014from export customs clearance in Japan, international transportation, import procedures, all the way to final delivery in Taiwan.<\/p>\n<p>&nbsp;<\/p>\n<p>Thanks to seamless coordination between our cross-border teams, we ensured that all products arrived on time and in optimal condition, allowing customers to enjoy authentic Japanese flavors throughout the event.<\/p>\n<p>&nbsp;<\/p>\n<p>\ud83d\udce6 Pan Jupiter \u00d7 Jupiter Japan \u00d7 Origin Japan \u2192 Taiwan Market<\/p>\n<p>&nbsp;<\/p>\n<p>Looking ahead, we will continue to support more brands and fresh food suppliers with our professional end\u2011to\u2011end logistics services, helping them enter new markets and unlock more business opportunities.<\/p>\n<p>&nbsp;<\/p>\n<p>Feel free to connect with us\u2014let\u2019s create more cross\u2011border logistics success together!<\/p>\n<\/div>\n    <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n      <span class='text-primaryblue mr-1.5 heading5'>Read More<\/span>\n      <div class=\"size-2.5 lg:size-[15px]\">\n        <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n            class=\"fill-primaryblue\" \/>\n        <\/svg>\n      <\/div>\n    <\/span>\n  <\/div>\n<\/a>\n<a href=\"https:\/\/jupiterlogistics.group\/tw\/en\/new\/jupiter-%e6%96%b0%e6%98%a5%e6%85%b6%e7%a5%9d%ef%bc%9a%e5%bb%a3%e5%b7%9e%e8%88%87%e5%8f%b0%e7%81%a3%e9%bd%8a%e6%ad%a1%e8%81%9a\/\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n  <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n    <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/uploads\/sites\/6\/2026\/02\/PJT-annual-dinner.jpg\" alt=\"\u00a0Pan Jupiter Annual Dinner\"\n      class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n  <\/div>\n\n  <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n    <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\"><\/h4>\n    <h3 class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n      \u00a0Pan Jupiter Annual Dinner    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">02 Feb 2026<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>Last Friday, our teams in Taiwan held their annual dinner celebrations.<\/p>\n<p>&nbsp;<\/p>\n<p>These joyful gatherings are a cherished tradition to honor the hard work, dedication, and achievements of the past year, and to welcome the fresh energy of the Lunar New Year together.<\/p>\n<p>&nbsp;<\/p>\n<p>While the celebrations were held apart, the feeling of shared success and team spirit was wonderfully the same. It\u2019s a powerful reminder that our greatest asset will always be our people.<\/p>\n<p>&nbsp;<\/p>\n<p>As we saddle up for the dynamic and promising Year of the Horse \ud83d\udc0e, we are energized and ready to deliver another year of excellent service. To our valued partners and clients, our teams in Taiwan are here and eager to assist with all your logistics needs for the year ahead.<\/p>\n<p>&nbsp;<\/p>\n<p>A heartfelt thank you to every single Jupiter team member for your passion and drive. Here\u2019s to a year of bold strides, collective success, and great teamwork.<\/p>\n<p>&nbsp;<\/p>\n<p>Wishing everyone prosperity, health, and joy in 2026!<\/p>\n<\/div>\n    <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n      <span class='text-primaryblue mr-1.5 heading5'>Read More<\/span>\n      <div class=\"size-2.5 lg:size-[15px]\">\n        <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n            class=\"fill-primaryblue\" \/>\n        <\/svg>\n      <\/div>\n    <\/span>\n  <\/div>\n<\/a>\n<a href=\"https:\/\/jupiterlogistics.group\/tw\/en\/new\/in-logistics-quality-lives-in-the-details\/\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n  <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n    <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/tw\/wp-content\/uploads\/sites\/6\/2025\/09\/69912_0.jpg\" alt=\"\u00a0In logistics, quality lives in the details.\"\n      class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n  <\/div>\n\n  <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n    <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\"><\/h4>\n    <h3 class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n      \u00a0In logistics, quality lives in the details.    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">17 Sep 2025<\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p>These labels may look simple, but they play a critical role in the safe transport of precision equipment:<\/p>\n<p>&nbsp;<\/p>\n<p>The Leaning Label turns red if the cargo tilts beyond a safe angle.<br \/>\nThe Impact Label also turns red when the shipment experiences excessive shock or vibration.<\/p>\n<p>&nbsp;<\/p>\n<p>At Pan Jupiter Taiwan, we specialize in the import and export of high-value, sensitive machinery. From warehousing and disassembly to inspection and customs clearance, every step is executed by our experienced team with precision and care.<\/p>\n<p>&nbsp;<\/p>\n<p>\ud83d\udd0d In a recent shipment of precision machinery, both labels remained unchanged throughout transit\u2014clear evidence of our meticulous handling and rigorous quality control.<\/p>\n<p>&nbsp;<\/p>\n<p>These labels are just a glimpse of the tools and protocols we use to ensure your cargo arrives safely, securely, and without compromise.<\/p>\n<p>&nbsp;<\/p>\n<p>\ud83d\udce3 If you&#8217;re looking for a logistics partner who understands the complexity of high-standard shipments, let\u2019s connect.<\/p>\n<\/div>\n    <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n      <span class='text-primaryblue mr-1.5 heading5'>Read More<\/span>\n      <div class=\"size-2.5 lg:size-[15px]\">\n        <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n            class=\"fill-primaryblue\" \/>\n        <\/svg>\n      <\/div>\n    <\/span>\n  <\/div>\n<\/a>                    <\/div>\n\n                    <div class=\"pagination flex justify-center md:justify-end items-center mt-5 lg:mt-10\">\n  <button\n    class=\"prev-btn size-4 lg:size-5 flex items-center justify-center disabled:opacity-50 transition group\"\n    disabled>\n    <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 15 16\" fill=\"none\">\n      <path\n        d=\"M10.0053 2.68714C10.087 2.77085 10.1328 2.88323 10.1328 3.00026C10.1328 3.11729 10.087 3.22967 10.0053 3.31339L5.43682 7.99995L10.0053 12.6856C10.087 12.7693 10.1328 12.8817 10.1328 12.9987C10.1328 13.1157 10.087 13.2281 10.0053 13.3118C9.96552 13.3526 9.91799 13.3851 9.8655 13.4072C9.81301 13.4294 9.75661 13.4408 9.69964 13.4408C9.64266 13.4408 9.58626 13.4294 9.53377 13.4072C9.48128 13.3851 9.43376 13.3526 9.39401 13.3118L4.53589 8.32713C4.45056 8.2396 4.40281 8.12219 4.40281 7.99995C4.40281 7.8777 4.45056 7.7603 4.53589 7.67276L9.39401 2.68807C9.43376 2.64725 9.48128 2.6148 9.53377 2.59265C9.58626 2.5705 9.64266 2.55908 9.69964 2.55908C9.75661 2.55908 9.81301 2.5705 9.8655 2.59265C9.91799 2.6148 9.96552 2.64725 10.0053 2.68807V2.68714Z\"\n        class=\"transition-all fill-[#C4C4C4] group-enabled:group-hover:fill-black stroke-[#C4C4C4] group-enabled:group-hover:stroke-black\"\n        stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"pagination-number flex\"><\/div>\n\n  <button\n    class=\"next-btn size-4 lg:size-5 flex items-center justify-center disabled:opacity-50 transition group\">\n    <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\">\n      <path\n        d=\"M4.99474 2.68714C4.91297 2.77085 4.86719 2.88323 4.86719 3.00026C4.86719 3.11729 4.91297 3.22967 4.99474 3.31339L9.56318 7.99995L4.99474 12.6856C4.91297 12.7693 4.86719 12.8817 4.86719 12.9987C4.86719 13.1157 4.91297 13.2281 4.99474 13.3118C5.03448 13.3526 5.08201 13.3851 5.1345 13.4072C5.18699 13.4294 5.24339 13.4408 5.30036 13.4408C5.35734 13.4408 5.41374 13.4294 5.46623 13.4072C5.51872 13.3851 5.56624 13.3526 5.60599 13.3118L10.4641 8.32713C10.5494 8.2396 10.5972 8.12219 10.5972 7.99995C10.5972 7.8777 10.5494 7.7603 10.4641 7.67276L5.60599 2.68807C5.56624 2.64725 5.51872 2.6148 5.46623 2.59265C5.41374 2.5705 5.35734 2.55908 5.30036 2.55908C5.24339 2.55908 5.18699 2.5705 5.1345 2.59265C5.08201 2.6148 5.03448 2.64725 4.99474 2.68807V2.68714Z\"\n        class=\"transition-all fill-[#C4C4C4] group-enabled:group-hover:fill-black stroke-[#C4C4C4] group-enabled:group-hover:stroke-black\"\n        stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n<\/div>                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n  (function () {\n    const per_page = 4;\n    let totalPages = 3;\n    let current = 1;\n    let totalPosts = 0;\n\n    document.addEventListener('DOMContentLoaded', function () {\n      const loading = document.querySelector('#hkcJupiterNews .loading');\n      const form = document.querySelector('#hkcJupiterNews .search-form form');\n      const paginationNumber = document.querySelector('#hkcJupiterNews .pagination-number');\n      const prevBtn = document.querySelector('#hkcJupiterNews .pagination .prev-btn');\n      const nextBtn = document.querySelector('#hkcJupiterNews .pagination .next-btn');\n      const selectInputs = document.querySelectorAll('#hkcJupiterNews form .custom-select .select-value');\n\n      selectInputs.forEach(select => {\n        select.addEventListener('change', function() {\n          current = 1;\n          submitForm();\n        });\n      });\n\n      if (prevBtn) {\n        prevBtn.addEventListener(\"click\", function () {\n          if (current - 1 > 0) {\n            current -= 1;\n            submitForm();\n\n            if (nextBtn.disabled) {\n              nextBtn.removeAttribute('disabled');\n            }\n\n            if (current - 1 < 1) {\n              prevBtn.setAttribute('disabled', true);\n            }\n          }\n        });\n      }\n\n      if (nextBtn) {\n        nextBtn.addEventListener(\"click\", function () {\n          if (current + 1 <= totalPages) {\n            current += 1;\n            submitForm();\n\n            if (prevBtn.disabled) {\n              prevBtn.removeAttribute('disabled');\n            }\n\n            if (current + 1 > totalPages) {\n              nextBtn.setAttribute('disabled', true);\n            }\n          }\n        });\n      }\n\n      if (form) {\n        form.addEventListener('submit', function (e) {\n          e.preventDefault();\n          current = 1;\n          submitForm();\n        });\n      }\n\n      if (paginationNumber) {\n        handlePagination();\n      }\n\n      \/**\n     * @param {Object} param\n     * @param {String} param.location\n     * @param {String} param.search \n     * @param {String} param.s_order\n     * @param {String} param.tag\n     * @param {Number} param.s_year\n     * @param {Number} param.year_oprt\n     * @param {Number} param.current\n     * @param {Number} param.per_page\n     *\/\n      function searchPosts(param) {\n        if (loading) loading.style.display = \"flex\";\n        const baseUrl = 'https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/new';\n\n        const allQueryParam = Object.assign({}, param);\n        allQueryParam.order = param.s_order;\n        delete allQueryParam.s_order;\n        delete allQueryParam.current;\n        delete allQueryParam.per_page;\n\n\n        const allQueryString = Object.keys(allQueryParam).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(allQueryParam[key])).join('&');\n        const allQueryUrl = baseUrl + \"?\" + allQueryString;\n\n        fetch(allQueryUrl) \/\/ fetch total posts\n          .then(res => res.json())\n          .then(posts => {\n            if (loading) loading.style.display = \"none\";\n            totalPosts = posts.length;\n            totalPages = Math.ceil(posts.length \/ param.per_page);\n            console.log(totalPages);\n            \/* split posts for pagination *\/\n            const startIndex = param.current > 1 ? (param.current - 1) * param.per_page : 0;\n            const postsToDisplay = posts.slice(startIndex, startIndex + param.per_page);\n            \/\/ console.log(\"Posts => \", posts);\n            \/\/ console.log(\"StartIndex => \", startIndex);\n            \/\/ console.log(\"End Index => \", startIndex + param.per_page);\n            \/\/ console.log(\"postsToDisplay => \", postsToDisplay);\n            displayPost(postsToDisplay);\n            handlePagination();\n          })\n          .catch(e => {\n            console.log(e);\n          });\n\n        const currentUrl = window.location.href.split('?')[0];\n        const originalQueryString = Object.keys(param).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(param[key])).join('&');\n        const newUrl = `${currentUrl}?${originalQueryString}`;\n        window.history.replaceState({}, document.title, newUrl);\n      }\n\n      function displayPost(posts) {\n        const content = document.querySelector('#hkcJupiterNews .search-result');\n        const resultInfo = document.querySelector('#hkcJupiterNews .result-info');\n        const searchInputValue = document.querySelector('#hkcJupiterNews .search-form input#search').value;\n        const searchedValue = resultInfo.querySelector('.searched-value');\n        const totalPost = resultInfo.querySelector('.total-result');\n\n        if (content) {\n          content.innerHTML = \"\";\n          const updateHTML = [];\n          if (posts.length) {\n            if (searchInputValue.length) {\n              if (resultInfo.classList.contains('hidden')) {\n                resultInfo.classList.remove('hidden');\n              }\n            } else {\n              if (!resultInfo.classList.contains('hidden')) {\n                resultInfo.classList.add('hidden');\n              }\n            }\n\n            searchedValue.innerText = searchInputValue;\n            totalPost.innerText = totalPosts;\n            posts.forEach(post => {\n              const html = `\n                    <a href=\"${post.link}\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n                      <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n                          <img decoding=\"async\" src=\"${post.featured_media_url}\" alt=\"${post.title.rendered}\"\n                              class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n                      <\/div>\n\n                      <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n                        <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\">${post.excerpt.rendered}<\/h4>\n                        <h3\n                            class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n                            ${removeTagsAndEscape(post.title.rendered)}\n                        <\/h3>\n                        <div class=\"flex flex-wrap justify-start items-center\">\n                            <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">${formatDate(new Date(post.date))}<\/p>\n                              ${post.tags ?\n                  (\n                    post.tags.map(tag => (\n                      `<p class=\"py-2 md:py-2.5 3xl:py-3 px-4 md:px-5 bg-grey mr-2 last:mr-0 rounded-[24px] text-darkgrey mt-2 md:mt-4 body\">${tag}<\/p>`\n                    )).join('')\n                  ) : ''\n                }\n                        <\/div>\n                        <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\">${post.description}<\/div>\n                        <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n                          <span class='text-primaryblue mr-1.5'>Read More<\/span>\n                          <div class=\"size-2.5 lg:size-[15px]\">\n                            <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n                              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n                                class=\"fill-primaryblue\" \/>\n                            <\/svg>\n                          <\/div>\n                        <\/span>\n                      <\/div>\n                    <\/a>`;\n              updateHTML.push(html);\n            });\n          } else {\n            if (!resultInfo.classList.contains('hidden')) {\n              resultInfo.classList.add('hidden');\n            }\n\n            updateHTML.push(`\n            <h5 class=\"heading5 font-bold text-primaryblue my-5 md:mt-8 xl:mt-12\">No Results Found.<\/h5>`);\n          }\n          content.innerHTML = updateHTML.join('');\n        }\n      }\n\n      function formatDate(date) {\n        const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n        const day = date.getDate();\n        const month = months[date.getMonth()];\n        const year = date.getFullYear();\n        return `${day} ${month} ${year}`;\n      }\n\n      function removeTagsAndEscape(input) {\n        \/\/ Remove HTML tags\n        const withoutTags = input.replace(\/<[^>]*>\/g, '');\n        \/\/ Remove escape characters such as '\\n'\n        const cleanText = withoutTags.replace(\/\\\\n\/g, '');\n\n        return cleanText;\n      }\n\n      function generatePaginationBtn(i) {\n        const btn = document.createElement('button');\n        btn.setAttribute('data-page', i);\n        return btn;\n      }\n\n      function generateFoldSpan() {\n        const span = document.createElement('span');\n        span.className = \"size-5 flex items-center justify-center text-large font-semibold mr-2.5 md:mr-5 text-[rgba(93,102,110,0.70)] cursor-default\";\n        span.innerText = \"...\"\n        return span;\n      }\n\n      function handlePagination() {\n        paginationNumber.innerHTML = \"\";\n\n        let prevFolded = false;\n        let nextFolded = false;\n        for (let i = 1; i <= totalPages; i++) {\n          const btn = generatePaginationBtn(i);\n          if (i == current) {\n            btn.classList.add('active');\n          }\n          btn.innerText = i;\n\n          btn.addEventListener(\"click\", function () {\n            current = parseInt(btn.dataset.page);\n            const activeBtn = document.querySelector('#hkcJupiterNews .pagination-number button.active');\n            activeBtn.classList.remove('active');\n            this.classList.add('active');\n\n            submitForm();\n\n            if (current == totalPages) {\n              if (prevBtn.disabled) prevBtn.removeAttribute(\"disabled\");\n              nextBtn.setAttribute(\"disabled\", true)\n            } else if (current == 1) {\n              if (nextBtn.disabled) nextBtn.removeAttribute(\"disabled\");\n              prevBtn.setAttribute(\"disabled\", true);\n            } else {\n              if (prevBtn.disabled) prevBtn.removeAttribute(\"disabled\");\n              if (nextBtn.disabled) nextBtn.removeAttribute(\"disabled\");\n            }\n          });\n\n          if (i == 1 || i == totalPages || i == current) {\n            paginationNumber.appendChild(btn);\n          } else if (i < current) {\n            let nextThreshold = current == totalPages ? 3 : 2;\n            if (i > current - nextThreshold) {\n              paginationNumber.appendChild(btn);\n            } else {\n              let maxLength = 3;\n              if (current > totalPages - maxLength) {\n                if (totalPages - current > 1) {\n                  maxLength = 4;\n                } else {\n                  maxLength = 5;\n                }\n              }\n\n              const currentLength = paginationNumber.children.length;\n              if (i < maxLength) {\n                if (currentLength < maxLength) {\n                  paginationNumber.appendChild(btn);\n                }\n              } else if (!prevFolded) {\n                prevFolded = true;\n                paginationNumber.appendChild(generateFoldSpan());\n              }\n            }\n          } else {\n            const nextMax = current == 1 ? 4 : current == 2 ? 3 : 2;\n            if (i < current + nextMax) {\n              paginationNumber.appendChild(btn);\n            } else {\n              if (!nextFolded) {\n                nextFolded = true;\n                paginationNumber.appendChild(generateFoldSpan());\n              } else {\n                const lastThreshold = totalPages - 3;\n                const maxLength = 7;\n                const currentLength = paginationNumber.children.length;\n                if (i > lastThreshold && currentLength < maxLength) {\n                  if (totalPages - i == maxLength - currentLength) {\n                    paginationNumber.appendChild(btn);\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      function submitForm() {\n        if(form) {\n          const formData = Object.fromEntries(new FormData(form).entries());\n\n          searchPosts({\n            location: formData.location,\n            search: formData.search,\n            s_order: formData.s_order,\n            tag: formData.tag,\n            s_year: formData.year,\n            year_oprt: formData.year_oprt,\n            current: current,\n            per_page: per_page\n          });\n        }\n      }\n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"enquiry_type":[],"class_list":["post-902","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/pages\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/comments?post=902"}],"version-history":[{"count":2,"href":"https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/pages\/902\/revisions"}],"predecessor-version":[{"id":1182,"href":"https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/pages\/902\/revisions\/1182"}],"wp:attachment":[{"href":"https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/media?parent=902"}],"wp:term":[{"taxonomy":"enquiry_type","embeddable":true,"href":"https:\/\/jupiterlogistics.group\/tw\/en\/wp-json\/wp\/v2\/enquiry_type?post=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}