@media screen and (hover: hover) {
/* 捲軸寬度及高度 */
.job_wrapper .swiper-pagination::-webkit-scrollbar {height: 5px;}
  /* 軌道背景底色 */
  .job_wrapper .swiper-pagination::-webkit-scrollbar-track { background: transparent; overflow: hidden; border-radius: 15px; }
   
  /* 滑桿顏色 */
  .job_wrapper .swiper-pagination::-webkit-scrollbar-thumb { background: transparent; border-radius: 15px; transition: 1s;}
  .job_wrapper .swiper-pagination:hover::-webkit-scrollbar-thumb { background: #afafaf;}
  /* 滑桿滑鼠滑入時的顏色 */
  .job_wrapper .swiper-pagination::-webkit-scrollbar-thumb:hover { background: #999;}
  /* 捲軸兩側頂端的按鈕 */
  /* ::-webkit-scrollbar-button {} */

  /* 捲軸兩側頂端的按鈕滑鼠滑入時的顏色 */
  .job_wrapper .swiper-pagination::-webkit-scrollbar-button:hover {background-color: #999;}
}

@media screen and (hover: hover) {
  /* 捲軸寬度及高度 (Firefox 使用 scrollbar-width) */
  .job_wrapper .swiper-pagination {
    scrollbar-width: thin;
    scrollbar-color: rgba(175,175,175,0) transparent; /* 捲軸顏色和背景色 */
  }

  /* 滑鼠滑入效果 */
  .job_wrapper .swiper-pagination:hover {
    scrollbar-color: rgba(150,150,150,1) transparent; /* 滑鼠移入時的捲軸顏色和背景色 */
  }

  /* 專為 Webkit 瀏覽器設定 */
  .job_wrapper .swiper-pagination::-webkit-scrollbar {
    height: 7px; /* 捲軸高度 */
  }

  .job_wrapper .swiper-pagination::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 15px;
  }

  .job_wrapper .swiper-pagination::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 15px;
    transition: 1s;
  }

  .job_wrapper .swiper-pagination:hover::-webkit-scrollbar-thumb {
    background: #afafaf; /* 捲軸顏色和背景色 */
  }

  .job_wrapper .swiper-pagination::-webkit-scrollbar-thumb:hover {
    background: #999; /* 滑鼠移入時的捲軸顏色和背景色 */
  }

  /* 捲軸兩側頂端的按鈕 (Webkit Only) */
  .job_wrapper .swiper-pagination::-webkit-scrollbar-button:hover {
    background-color: #999;
  }
}