/*========================================================*/
/*-------首頁內容--------*/
/*========================================================*/

/*/////////////////////////////////////////////////////////*/
/*-------共用區塊--------*/
/*/////////////////////////////////////////////////////////*/

body{
  /* background: url(../index/images/bg.webp);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; */
}


.indexmain {
  position: relative;
}
.indexmain:before {
}

.indexmain .wrap {
}










/*首頁內容區塊*/
.mainContent {
  position: relative;
  /* padding: 50px 0px; */
}

/*----- 首頁標題1 -----*/
.index_tit {
  /* font-size: 2.0625em; */
  font-weight: 700;
  color: var(--secondary_color);
  line-height: 1.3;
  text-align: center;
  font-size: 3em; /*48px*/
  font-weight: 700;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
  gap:  clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 最小值 10.32px、大小約 1.0417vw、最大值 20.00px */
  align-items: center;
  margin-bottom: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
}
  .index_tit strong {
    font-size: inherit;
    line-height: initial;
    padding: 0;
    margin: 0;
    display: inline-block;
    font-weight: inherit;
  }
  .index_tit .icon {
    width: 43px;
  }
    .index_tit .icon img{
      width: 100%;
      height: auto;
    }




    /* 首頁按鈕 */
    .index_button{
      text-align: center;
      margin-top: clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
    }
      .index_button a{
        text-decoration: none;
        display: inline-block;
        color: #FFF;
        border-radius: 0.625rem;
        background: var(--third_color);
        /* padding: 12px 30px; */
        font-size: 1.375em; /*22px*/
        font-weight: 700;
        line-height: normal;
        padding: clamp(0.3871rem, 0.6250vw, 0.7500rem); /*  最小值 6.19px、大小約 0.6250vw、最大值 12.00px */
        padding-left: clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
        padding-right: clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
      }
      .index_button a:hover{
        opacity: 0.7;
      }



@media screen and (min-width: 991px) {


}



/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and
 (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.74),
 only screen and (min-resolution: 150dpi) and (max-resolution: 174dpi) {
    
  /* 首頁按鈕 */
    .index_button{
      margin-top: clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
    }
      .index_button a{
        font-size: 1.2em;
      }

 }



@media (max-width: 990px) {
  
  /*----- 首頁標題1 -----*/
  .index_tit {
    font-size: 1.5625em;
    /* margin-bottom: 20px; */
    letter-spacing: normal;
    text-indent: normal;
  }

    /* 首頁按鈕 */
    .index_button a{
      font-size: 1.125em; 
    }

}






















/*========================================================*/
/*-------首頁_banner區--------*/
/*========================================================*/
 
.index_banner_area {
  position: relative;
}

.main .index_banner_area .swiper-button-prev {
  left: 0.625rem; /*10*/
}
.main .index_banner_area .swiper-button-next {
  right: 0.625rem; /*10*/
}

/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) {
 
  
}

















    
/*========================================================*/
/*-------首頁_關於我們--------*/
/*========================================================*/

.index_aboutBg{
  background-color: #FFFFF5;
  position: relative;
  padding: clamp(3.5485rem, 5.7292vw, 6.8750rem) 0; /* 最小值 56.78px、大小約 5.7292vw、最大值 110.00px */
}
.index_aboutBg::before ,
.index_aboutBg::after{
  position: absolute;
  content: "";
  /* background-size: 193.0718px; */
  background-size: clamp(7.0970rem, 11.4583vw, 13.7500rem); /* 最小值 113.55px、大小約 11.4583vw、最大值 220.00px */
  background-repeat: repeat-x;
  /* background-image: url(../images/divider_line.svg); */
  background-image: url(../index/images/divider_line.svg);
  background-position: left center;
  width: 100%;
  height: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 最小值 18.07px、大小約 1.8229vw、最大值 35.00px */
}
.index_aboutBg::before {
  top: 0;
}
.index_aboutBg::after{
  bottom: 0;
}


/*蘋果與mac*/
.macBrowser .index_aboutBg::before ,
.macBrowser .index_aboutBg::after ,
.iPhoneSafariBrowser .index_aboutBg::before ,
.iPhoneSafariBrowser .index_aboutBg::after ,
.iPhoneChromeBrowser .index_aboutBg::before ,
.iPhoneChromeBrowser .index_aboutBg::after {
  background-size: 13.75rem; /* 最小值 113.55px、大小約 11.4583vw、最大值 220.00px */
  height: 2.1875rem; /* 最小值 18.07px、大小約 1.8229vw、最大值 35.00px */
}


  .index_aboutBg .wrap{
    max-width: 95rem; /*1520*/
  }
    .index_aboutBg .index_about_area{      
      display: grid;            
      justify-content: space-between;            
      grid-template-columns: repeat(2 , 1fr);            
      gap: clamp(2.5807rem, 4.1667vw, 5.0000rem); /* 最小值 41.29px、大小約 4.1667vw、最大值 80.00px */       
      align-items: center;
    }

      .index_about_content{
        
      }

        /*----- 首頁標題1 -----*/
        .index_about_content .index_tit {
          text-align: left;
          color: var(--secondary_color);
        }

        .index_about_content .textArea{
          
        }



      .index_video_content{
        width: 100%;
      }

        .index_video_content .index_video{
          
        }
        .index_video_content .index_video{
          position: relative;
          padding: clamp(0.8387rem, 1.3542vw, 1.6250rem); /* 最小值 13.42px、大小約 1.3542vw、最大值 26.00px */
        }
        .index_video_content .index_video:before{
          position: absolute;
          content: "";
          top: 50%;
          left: 50%;
          transform: translate(-50% , -50%);
          aspect-ratio: 30 / 19;
          background-image: url(../index/images/video_bg.svg);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          width: 100%;
        }
        .index_video_content .video_frame ,
        .index_video_content .index_video_img{
          width: 100%;
          position: relative;
          padding-bottom: 56.25%;
          /* padding-top: 30px;  */
          height: 0;
          overflow: hidden;
        }

        .index_video_content .video_frame iframe{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
        .index_video_content .index_video_img img{
          width: 100%;
          height: 100%;
          object-fit: cover;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          float: none;
          width: 100% !important;
          height: 100% !important;
          object-fit: cover;
          transition: 0.3s ease all;
        }




@media (max-width: 990px) {

/*-------首頁_關於我們--------*/
.index_aboutBg{
}


/*蘋果與mac*/
.macBrowser .index_aboutBg::before ,
.macBrowser .index_aboutBg::after ,
.iPhoneSafariBrowser .index_aboutBg::before ,
.iPhoneSafariBrowser .index_aboutBg::after ,
.iPhoneChromeBrowser .index_aboutBg::before ,
.iPhoneChromeBrowser .index_aboutBg::after {
  background-size: 63px; 
  height: 18.07px; 
}

  .index_aboutBg .wrap{
  }
    .index_aboutBg .index_about_area{      
      display: flex;       
      flex-direction: column;     
      justify-content: unset;            
      grid-template-columns:unset;   
    }



}



@media (max-width: 768px) {

  /*-------首頁_關於我們--------*/
  .index_aboutBg{
  }
  
  
  /*蘋果與mac*/
  .macBrowser .index_aboutBg::before ,
  .macBrowser .index_aboutBg::after ,
  .iPhoneSafariBrowser .index_aboutBg::before ,
  .iPhoneSafariBrowser .index_aboutBg::after ,
  .iPhoneChromeBrowser .index_aboutBg::before ,
  .iPhoneChromeBrowser .index_aboutBg::after {
    
  }

}





















    
/*========================================================*/
/*-------首頁_補助資訊區塊--------*/
/*========================================================*/

.index_grantInfoBg{
  position: relative;
  padding: clamp(2.9033rem, 4.6875vw, 5.6250rem) 0; /*  最小值 46.45px、大小約 4.6875vw、最大值 90.00px */
}

.index_grantInfoBg::before ,
.index_grantInfoBg::after{
  z-index: -1;
  position: absolute;
  content: "";
  background-size: cover; 
  background-repeat: no-repeat;
  width: 100%;
  max-width: clamp(15.6457rem, 25.2604vw, 30.3125rem); /* 最小值 250.33px、大小約 25.2604vw、最大值 485.00px */
  aspect-ratio: 1;
}
.index_grantInfoBg::before {
  background-position: top right;
  top: 0;
  left: 0;
  background-image: url(../images/bg_decorate.webp);
}
.index_grantInfoBg::after{
  background-position: top left;
  bottom: 0;
  right: 0;
  background-image: url(../images/bg_decorate2.webp);
}



  .index_grantInfoBg .wrap{
    max-width: 80.9375rem; /*1295px*/
  }
    .index_grantInfoBg .index_tit{
      justify-content: center;
    }



        
    /* 補助資訊區域 */
    .index_grantInfo_area {
      display: flex; /* 使用 flex 排版 */
      flex-wrap: wrap; /* 讓內容換行 */
      flex-direction: column;
      gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
    }

      /* 每個卡片 */
      .index_grantInfo_card {
        background-color: #FFF3F3; /* 設定卡片背景顏色 */
        display: grid;
        grid-template-columns: 1fr  5.06fr;
        min-height: 25rem; /*400px*/
        overflow: hidden;
        border-radius: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
      }

        /* 補助資訊側邊區塊 */
        .index_grantInfoSide {
          display: flex; /* 使用 flex 排版 */
          align-items: center; /* 垂直置中 */
          justify-content: center;
          width: 100%;
          background-color: var(--third_color);
          position: relative;
          padding: 10px 0;
        }
        .index_grantInfoSide::before {
          position: absolute;
          content: "";
          top: 50%;
          left: 50%;
          transform: translate(-50% , -50%);
          background-image: url(../images/bg_decorate.svg);
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 100%;
          opacity: 0.2;
          pointer-events: none;
          z-index: 0;

          opacity: 0.1;
        }


          /* 補助資訊側邊區塊內容 */
          .index_grantInfoSide_box {
            display: flex; /* 使用 flex 排版 */
            align-items: center; /* 垂直置中 */
            gap: 0.625rem; 
            flex-direction: column;
            position: relative;
            z-index: 2;
          }

            /* 圖示 */
            .index_grantInfoSide .icon{
              aspect-ratio: 1;
              border-radius: 50%;
              border: 5px #fff solid;
              border-width: clamp(0.1613rem, 0.2604vw, 0.3125rem); /*  最小值 2.58px、大小約 0.2604vw、最大值 5.00px */
            }
              .index_grantInfoSide .icon span{
                display: block;
                background-color: #fff;
                border-radius: 50%;
                aspect-ratio: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                width: clamp(4.3550rem, 7.0313vw, 8.4375rem); /* 最小值 69.68px、大小約 7.0313vw、最大值 135.00px */
                margin: clamp(0.1936rem, 0.3125vw, 0.3750rem); /* 最小值 3.10px、大小約 0.3125vw、最大值 6.00px */
              }
                .index_grantInfoSide .icon img {
                  width: 59%;
                  /*width: clamp(2.5807rem, 4.1667vw, 5.0000rem);*/ /* 最小值 41.29px、大小約 4.1667vw、最大值 80.00px */
                  height: auto; /* 圖示高度 */
                }

                

            /* 標題文字 */
            .index_grantInfoSide .title {
              /*font-size: 1.25em;*/ /* 字體大小 */
              /*font-size: 1.5em;*/ /*24px*/
              font-size:2.25em; /*36px*/
              font-weight: bold; /* 加粗 */
              color: #fff; /* 字體顏色 */
            }



                    
        /* 內容區域 */
        .index_grantInfo_content {
          font-size: 1em; /* 字體大小 */
          line-height: 1.6; /* 行高 */
          /* padding: 15px 50px 35px; */
          padding: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 最小值 25.81px、大小約 2.6042vw、最大值 50.00px */
          padding-top: clamp(0.4839rem, 0.7813vw, 0.9375rem); /*  最小值 7.74px、大小約 0.7813vw、最大值 15.00px */
          padding-bottom: clamp(1.1291rem, 1.8229vw, 2.1875rem); /*  最小值 18.07px、大小約 1.8229vw、最大值 35.00px */
          display: flex;
          flex-direction: column;
          justify-content: center;
        }


        /*偶數*/
        .index_grantInfo_card:nth-child(2n) .index_grantInfoSide{
          /* order: 2; */
          background-color: var(--fourth_color);
        }
        .index_grantInfo_card:nth-child(2n) .index_button a{
          background: var(--fourth_color);
        }





/* 在螢幕寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px){


      /* 每個卡片 */
      .index_grantInfo_card:nth-child(2n) {
        grid-template-columns:5.06fr 1fr;
      }
      .index_grantInfo_card:nth-child(2n) .index_grantInfoSide{
        order: 2;
        /* background-color: var(--fourth_color); */
      }



}




@media (max-width: 990px) {

  /* 標題文字 */
  .index_grantInfoSide .title {
    font-size: 1.5em; /*24px*/
  }

}


@media (max-width: 760px) {
  .index_grantInfo_card {
    display: flex;
    flex-direction: column;
  }



  /* 圖示 */
  .index_grantInfoSide .icon{
  }
    .index_grantInfoSide .icon span{
      width: 40px; 
    }
      .index_grantInfoSide .icon img {
      }
      
  .index_grantInfoSide .title {
   
  }

  .index_grantInfo_content{
    padding: 0.9678rem;
  }
}











/*========================================================*/
/*-------補助資訊_列表樣式--------*/
/*========================================================*/



.index_grantInfoBg .tabs li {  
  font-size: 1.5em; /*24px*/
  font-weight: 700;
}
  .index_grantInfoBg .tabs span{
    font-size: inherit;
    font-weight:inherit;
  }
.index_grantInfoBg .p_tab_text_area{
 background: transparent;
}

.grantInfo_section{
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* 補助資訊列表 */
.grantInfo_list{
  box-sizing: border-box;
  /* padding: 20px 40px 15px; */

  padding: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
  padding-top:clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 最小值 10.32px、大小約 1.0417vw、最大值 20.00px */
  padding-bottom:clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 最小值 7.74px、大小約 0.7813vw、最大值 15.00px */
  
  border-bottom: #B7B7B7 1px dashed;
}


      /* 首頁_補助資訊文區 */
      .grantInfo_list_content{
          color: var(--primary_color);
          font-size: 1.375em; /*22px*/
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          align-items: center;
          gap: .625rem;
      }
        
              .grantInfo_title{
                line-height: 1.5;
                  overflow : hidden;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-line-clamp: 1;
                  -webkit-box-orient: vertical;
              }
                  .grantInfo_title a{
                      color: inherit;
                      display: block;
                      text-decoration: none;
                      /* min-height: clamp(calc(1rem * 3), calc(0.9375vw * 3), calc(1.1250rem * 3)); */
                      transition: 0.3s ease all;
                  }
                  .grantInfo_title a:hover{
                      opacity: 0.7;
                      transition: 0.3s ease all;
                  }

              .grantInfo_list .description {
                  text-align: left;
                  color: #505050;
                  font-size: 1.5em; /*24px*/
                  font-weight: 700;
              }	
                  .grantInfo_list .description p ,
                  .grantInfo_list .description a{
                      overflow : hidden;
                      text-overflow: ellipsis;
                      display: -webkit-box;
                      -webkit-line-clamp: 3;
                      -webkit-box-orient: vertical;

                      color: inherit;
                      text-decoration: none;
                  }
                  .grantInfo_list .description a:hover{
                    opacity: 0.7;
                }



          .grantInfo_list .date{
              color: inherit;
              font-size: inherit; /*18px*/
              line-height: 1.5;
              font-weight: 500;
              font-family: var(--foreign_font);
          }
          .grantInfo_list .btn{
              display: block;
              margin-top: 40px;
          }



@media (max-width: 760px) {

  .index_grantInfoBg .tabs_btn_now{
    font-size: 1.25em; /* 字體大小 */
  }
    .index_grantInfoBg  .tabs li.active{
      display: none;
    }



 /* 補助資訊列表 */
.grantInfo_list{
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
 
 /* 首頁_補助資訊文區 */
 .grantInfo_list_content{
    font-size: 1em; /*16px*/
    gap: 0;
  }
      .grantInfo_list .description {
          font-size: 1.125em; /*18px*/
          line-height: 1.1;
      }	


}

          





















/*========================================================*/
/*-------首頁_合作社資訊區塊--------*/
/*========================================================*/


.index_cooperativeBg{
  background-color: #F3D091;
  position: relative;
  padding: clamp(2.9033rem, 4.6875vw, 5.6250rem) 0; /*  最小值 46.45px、大小約 4.6875vw、最大值 90.00px */
}
.index_cooperativeBg::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../images/bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}  

  .index_cooperativeBg .wrap{
    max-width: 84.375rem; /*1350px*/
    position: relative;
    z-index: 3;
  }

    /* 首頁_合作社資訊_內容區塊 */
    .index_cooperative_area{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
      /* 首頁_合作社資訊_全景地圖區塊 */
      .index_cooperative_map_area{
        width: 45.4%;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: clamp(1.3226rem, 2.1354vw, 2.5625rem); /*  最小值 21.16px、大小約 2.1354vw、最大值 41.00px */
      }
        .index_cooperative_map {
          aspect-ratio: 1;
          border-radius: 50%;
          background-color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
        }

        .index_cooperative_map img {
          width: 46%;
          height: auto;
        }

        /* 首頁_合作社資訊_button區塊 */
        .cooperative_button_area{
          gap: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 最小值 18.07px、大小約 1.8229vw、最大值 35.00px */
          display: flex;
          justify-content: center;
          align-items: center;
        }
          .cooperative_button_area button.regionBtn{
            color: #FFF;
            /*font-size: 1.5em;*/ /*24px*/
            font-size: 2.125em;  /*34px*/
            font-weight: 700;
            line-height: normal;
            border: none;
            border-radius: 50%;
            aspect-ratio: 1;
            /*width:clamp(2.8125rem, 3.6458vw, 4.3750rem);*/ /* 最小值 45px、大小約 3.6458vw、最大值 70.00px */
            width:clamp(3.75rem, 4.6875vw, 5.625rem); /* 最小值 60px、大小約 4.6875vw、最大值 90px */
            height: auto;
            background-color: var(--primary_color);
            white-space: nowrap;
            text-align: center;
            position: relative;
            cursor: pointer;
            transition: 0.3s ease;

            display: flex;
            align-items: center;
            justify-content: center;
          }
          .cooperative_button_area button.regionBtn:focus{
            background-color: var(--primary_color) !important;

          }
          .cooperative_button_area button.regionBtn::before {
            position: absolute;
            content: "";
            top: 50%;
            left: 50%;
            transform: translate(calc(-50% + 0px), calc(-50% + 4px));
            background-color: #000;
            border-radius: 50%;
            width: 100%;
            opacity: 0.7;
            pointer-events: none;
            z-index: -1;
            aspect-ratio: 1;
            transition: 0.3s ease;
          } 


          .cooperative_button_area .regionBtn.north{
            background-color: var(--fifth_color);
          }
          .cooperative_button_area .regionBtn.central{
            background-color: var(--fourth_color);
          }
          .cooperative_button_area .regionBtn.south{
            background-color: var(--third_color);
          }
          .cooperative_button_area .regionBtn.east{
            background-color: var(--seventh_color);
          }
          .cooperative_button_area button.regionBtn:hover{
            background-color: var(--primary_color);
            transition: 0.3s ease;
          }
          .cooperative_button_area button.regionBtn:hover::before {
            transform: translate(-50%, -50%);
            transition: 0.3s ease;
          }







      /* 首頁_合作社資訊_資訊內容區塊 */
      .index_cooperative_info_area{
        /* box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; */
        display: flex;
        flex-direction: column;
        row-gap:clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
        width: 50.8%;
        /*background-color: #FFFFF5;
        position: relative;
        border-radius: clamp(0.6452rem, 1.0417vw, 1.2500rem);*/ /* 最小值 10.32px、大小約 1.0417vw、最大值 20.00px */
      }

      .index_cooperative_info_card{
        box-shadow:rgba(0, 0, 0, 0.3) -14px 19px 38px, rgba(0, 0, 0, 0.22) -9px 15px 12px;
        /* width: 50.8%; */
        width: 100%;
        background-color: #FFFFF5;
        position: relative;
        border-radius: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 最小值 10.32px、大小約 1.0417vw、最大值 20.00px */
      }


      .index_cooperative_info_area .arrow{
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        left: clamp(-5.25rem, -4.375vw, -2.625rem);
        width: clamp(2.7743rem, 4.4792vw, 5.3750rem); /* 最小值 44.39px、大小約 4.4792vw、最大值 86.00px */
      }
      .index_cooperative_info_area .arrow:before{
        position: absolute;
        content: "";
        clip-path: polygon(0 50%, 100% 100%, 100% 0);
        aspect-ratio: 100 / 101;
        width: clamp(2.7420rem, 4.4271vw, 5.3125rem); /* 最小值 43.87px、大小約 4.4271vw、最大值 85.00px */
        /* box-shadow:rgba(0, 0, 0, 0.3) -14px 19px 38px, rgba(0, 0, 0, 0.22) -9px 15px 12px; */
        filter: drop-shadow(-14px 19px 38px rgba(0, 0, 0, 0.3)) drop-shadow(-9px 15px 12px rgba(0, 0, 0, 0.22));
        top: 50%;
        /* right: 0.1302vw; */
        right: clamp(-3.5px, 0.1302vw , -2.5px);  /* 最小值 -3.5px、大小約 0.0781vw、最大值 -1.5px*/
        transform: translate(0%, -50%);
        background-color: #FFFFF5;
      }
      .index_cooperative_info_area .arrow:after{
        position: absolute;
        content: "";
        background-color: #fffff5;
        width: 10px;
        height: 100%;
        top: 50%;
        right: 0;
        /* transform: translate(8px, -50%); */
        transform: translate(9px, -50%);
      }
      .index_cooperative_info_area .arrow img{
        width: 100%;
        height: auto;
        position: relative;
        z-index: -14;
        right: 4px;
        opacity: 0.5;
      }



        .index_cooperative_box{
          display: grid;
          grid-template-columns: 11fr auto minmax(auto ,clamp(6.5625rem, 10.4167vw, 12.5rem)); /* 最小值 105px、大小約 10.4167vw、最大值 200px */
          align-items: center;
          padding: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
        }

        



          /* 首頁_合作社資訊_資訊city */
          .index_cooperative_box .city_area{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 最小值 10.32px、大小約 1.0417vw、最大值 20.00px */
          }
          
            .index_cooperative_box .city_area .city{
              font-size: 1.5em; /*24px*/
              line-height: 1;
              color: var(--primary_color);
            }
              .index_cooperative_box .city_area .city strong{
                font-size: inherit;
                line-height: inherit;
                padding: 0;
                margin: 0;
              }


            .index_cooperative_box .city_area .city_img{
              width: 100%;
            }
              .index_cooperative_box .city_area .city_img span{
                position: relative;
                padding-top: 100%;
                display: block;
                overflow: hidden;
                width: 100%;
              }
              .index_cooperative_box .city_area .city_img img{
               width: 100%;
               height: 100%;
               object-fit: cover;
               position: absolute;
               top: 0;
               left: 0;
               bottom: 0;
               right: 0;
               float: none;
               width: 100% !important;
               height: 100% !important;
               object-fit: cover;
               transition: 0.3s ease all;
              }



              /* 首頁_合作社資訊_資訊 */
              ul.cooperative_info{
                margin: 0;
                padding: 0;
                list-style-type : none;
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 最小值 7.74px、大小約 0.7813vw、最大值 15.00px */
                position: relative;
                font-size: 1.375em; /*22px*/
                padding: 0 clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 最小值 18.07px、大小約 1.8229vw、最大值 35.00px */
                height: 100%;
              }
              ul.cooperative_info:before{
                position: absolute;
                content: "";
                width: 0.3125rem; /*5px*/
                height: 100%;
                background-image: url(../images/cooperative_info_dot.svg);
                background-position: top center;
                background-size: 0.3125rem; /*5px*/
                background-repeat: repeat-y;
                top: 0;
                left: 0;
              }
                ul.cooperative_info li{
                  margin: 0;
                  padding: 0;
                  list-style-type : none;
                  display: block;
                }


              .index_cooperativeBg .index_button{
                margin: 0;
              }

                .index_cooperativeBg .index_button a{
                  padding-left: 0.3125rem; /*5px*/
                  padding-right: 0.3125rem; /*5px*/
                  display: block;
                  background-color: var(--eighth_color);
                }





/* 在螢幕放大125%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and
 (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.25) and
  (-webkit-max-device-pixel-ratio: 1.49),
 only screen and (min-resolution: 125dpi) and (max-resolution: 149dpi) {

  .index_cooperativeBg .wrap ,
  .htmlFontSizeB .index_cooperativeBg .wrap{
    max-width: 57.1875rem; /*915px*/
  }
        /* 首頁_合作社資訊_資訊 */
        .htmlFontSizeB .zoom-125 ul.cooperative_info{
          font-size: 1.2em; 
  
        }

  .htmlFontSizeC .index_cooperativeBg .wrap{
    max-width: 55.625rem; /*890px*/
  }
      /* 首頁_合作社資訊_資訊 */
      .htmlFontSizeC .zoom-125 ul.cooperative_info{
        font-size: 0.7em; 

      }

 }


/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and
 (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.74),
 only screen and (min-resolution: 150dpi) and (max-resolution: 174dpi) {
  .index_cooperative_map_area{
    width: 34.4%;
    
  }
  /* 首頁_合作社資訊_資訊內容區塊 */
  .index_cooperative_info_area{

    width: 61.8%;
    
  }

  .htmlFontSizeB .zoom-150 .index_cooperativeBg .wrap{
    max-width: 55rem;
  }

  .htmlFontSizeB .cooperative_button_area button.regionBtn ,
  .htmlFontSizeB .zoom-150 .cooperative_button_area button.regionBtn{
    font-size: 1.2em; 
  }

  .htmlFontSizeC .cooperative_button_area button.regionBtn ,
  .htmlFontSizeC .zoom-150 .cooperative_button_area button.regionBtn{
    font-size: 1.1em; 
    width: 3.75em;
  }
  .htmlFontSizeB .zoom-150 .index_cooperative_box{
    /*padding-right: 10px;
    padding-left: 10px;
    grid-template-columns: minmax(110px , 11fr) auto minmax(auto ,clamp(6.5625rem, 10.4167vw, 12.5rem));*/ /* 最小值 105px、大小約 10.4167vw、最大值 200px */ 
  }
      /* 首頁_合作社資訊_資訊 */
      .htmlFontSizeB .zoom-150 ul.cooperative_info{
        /*font-size: 1em;*/ /*16px*/

      }



      
  .htmlFontSizeC .zoom-150 .index_cooperativeBg .wrap{
    max-width: 42rem;
    max-width: 900px;
  }
  .htmlFontSizeC .zoom-150 .index_cooperative_box{
    padding-right: 10px;
    padding-left: 10px;
    grid-template-columns: minmax(110px , 11fr) auto minmax(auto ,clamp(6.5625rem, 10.4167vw, 12.5rem)); /* 最小值 105px、大小約 10.4167vw、最大值 200px */ 
  }
      /* 首頁_合作社資訊_資訊 */
      .htmlFontSizeC .zoom-150 ul.cooperative_info{
        font-size: 1em; /*16px*/

      }


 }

 
/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) {

.htmlFontSizeC :not(.zoom-125) .cooperative_button_area button.regionBtn , 
.htmlFontSizeC :not(.zoom-150) .cooperative_button_area button.regionBtn {
  font-size: 2.3125rem; /*37px*/
}

}





@media (max-width: 990px) {

  /* 首頁_合作社資訊_全景地圖區塊 */
  .index_cooperative_map_area{
    width: 30%;
  }
      .index_cooperative_map {
      }

        .index_cooperative_map img {
          /* width: 65%; */
        }

      /* 首頁_合作社資訊_button區塊 */
      .cooperative_button_area{
      }
        .cooperative_button_area button.regionBtn{
          font-size: 1em;
          width:clamp(2.8125rem, 3.6458vw, 4.3750rem); /* 最小值 45px、大小約 3.6458vw、最大值 70.00px */
        }

    /* 首頁_合作社資訊_資訊內容區塊 */
    .index_cooperative_info_area{
      width: 67%;
    }


    .index_cooperative_box{
      grid-template-columns: 130px auto 135px; 
      padding:10px; 
    }

        /* 首頁_合作社資訊_資訊 */
        ul.cooperative_info{
          font-size: 1em; /*16px*/
        }

        /* 首頁_合作社資訊_資訊city */
        .index_cooperative_box .city_area{
        }
        
          .index_cooperative_box .city_area .city{
            font-size: 1.1em; 
          }
  

}






@media (max-width: 768px) {

  /* 首頁_合作社資訊_內容區塊 */
  .index_cooperative_area{
    justify-content: unset;
      flex-direction: column;
      align-items: center;
      gap: 30px;
  }

    /* 首頁_合作社資訊_全景地圖區塊 */
    .index_cooperative_map_area{
      width: 100%;
    }
    .index_cooperative_map {
        max-width: 18.75rem; /*300*/
        margin: 0 auto;
    }

  .index_cooperative_info_area .arrow{
    display: none;
  }

  .index_cooperative_box{
    display: flex;
    flex-direction: column;
    grid-template-columns:unset;
    padding: 20px 10px;
    gap: 15px;
  }


  
  /* 首頁_合作社資訊_資訊內容區塊 */
  .index_cooperative_info_area{
    width: 100%;
    gap: 30px;
  }


     /* 首頁_合作社資訊_資訊city */
    .index_cooperative_box .city_area {
      width: 100%;
    }
      .index_cooperative_box .city_area .city_img{
        width: 100%;
        max-width: 18.75rem; /*300*/
      }



    /* 首頁_合作社資訊_資訊 */
    ul.cooperative_info{
      padding: 0;
    }
    ul.cooperative_info:before{
      display: none;
    }

    .index_cooperative_area .index_button a{
      padding-left: clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
      padding-right: clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
    }




}




@media (max-width: 425px) {

  /* 首頁_合作社資訊_內容區塊 */
  .index_cooperative_area{
  }

    /* 首頁_合作社資訊_全景地圖區塊 */
    .index_cooperative_map_area{
    }
    .index_cooperative_map {
        max-width: 12.5rem; /*200*/
    }



     /* 首頁_合作社資訊_資訊city */
     .index_cooperative_box .city_area {
    }
      .index_cooperative_box .city_area .city_img{
        max-width: 8.125rem; /*130*/
      }


}






/*========================================================*/
/*-------首頁_草_底圖--------*/
/*========================================================*/



  /* 草_底圖 */
  .grass_area{
    position: absolute;
    bottom: 0;
    width: 100%;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
    .grass_item{
      width: 45%;
    }

    .grass_item:nth-child(2n+1){      
      max-width:clamp(12.7424rem, 20.5729vw, 24.6875rem); /* 最小值 203.88px、大小約 20.5729vw、最大值 395.00px */
    }

    .grass_item:nth-child(2n){
      max-width: clamp(21.6136rem, 34.8958vw, 41.8750rem); /* 最小值 345.82px、大小約 34.8958vw、最大值 670.00px */
    }
      .grass_item img{
        width: 100%;
        height: auto;
      }


































      

/*========================================================*/
/*-------首頁_產品區塊--------*/
/*========================================================*/

.index_productBg{
	position: relative;
  padding: clamp(2.9033rem, 4.6875vw, 5.6250rem) 0; /*  最小值 46.45px、大小約 4.6875vw、最大值 90.00px */
}
.index_productBg::before{
	/* position: absolute;
	content: "";
	background-color: var(--primary_color);
	width: 100%;
	height: 70%;
	bottom: 0;
	left: 0;
	z-index: 0; */
}

	.index_productBg .wrap{		
		/* max-width: 99.9999%;				
		width: 100%; */
		/* overflow: hidden; */
	}

	.index_productBg .wrap .index_product_area .swiper{		
		overflow: hidden;
	}

  .main .index_productBg .swiper-button-next{
    right: -35px; /*20250610*/
  }
  .main .index_productBg .swiper-button-prev{
    left: -35px; /*20250610*/
  }


	/*----- 首頁標題1 -----*/
	.index_productBg .index_tit {
    justify-content: center;
		/*margin-bottom: clamp(1.4517rem, 2.3438vw, 2.8125rem);*/ /* 23.23px , 2.3438vw , 45.00px */
	}	



		.index_product_area{			
			position: relative;						
			z-index: 5;	
			/*margin: 0 -0.9375rem;*/ /*-15*/	
			/*padding-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem);*/ /* 25.81px , 2.6042vw , 50.00px */
		}


				
		/* 首頁_產品 */
		.index_productBg .index_product_area .mySwiper_product {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.index_productBg .index_product_area .mySwiper_product .swiper-wrapper {
			
		}
		.index_productBg .index_product_area .mySwiper_product .swiper-wrapper .swiper-slide{
		}
			.index_productBg .index_product_area .mySwiper_product .swiper-wrapper .swiper-slide > a {
			}


	.index_product_control{
		width: 100%;
		height: 10px;
		/* display: none; */
	}

		.index_product_control .swiper-pagination{

		}
		.main .index_product_control .swiper-pagination .swiper-pagination-bullet {
			background-color: transparent;
			border: 1px var(--fourth_color) solid;
			z-index: 5;
			display: inline-block;
			width: 1.875vw;
			height: 0.2604vw;
			aspect-ratio: 36.65 / 5.00;
			border-radius: 0;
			opacity: 1;
		}
		.main .index_product_control .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
			background-color:var(--fourth_color);
		}








/* 產品列表 */
.product_card{
  /*padding: 0.9375rem;*/ /*15*/
  padding: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15px */
}
.product_list{
   position: relative;
   background-color: #FFF3F3;
   box-shadow: 5px 5px 4.5px rgba(0, 0, 0, 0.25);
}
.product_list a{
   color: #505050;
   text-decoration: none;
   border-radius: 0px 0px 5px 5px;
   
   
}
.product_list a:hover{
   opacity: 0.5;
   transition: all 0.3s ease;
}
.product_list a:focus  ,
.product_list a:focus .product_title{
    color: var(--primary_color) !important;
}

.product_list::after{
    position: absolute;
    content: "";
    bottom: 0;
    /* background-size: 193.0718px; */
    background-size: clamp(3.125rem, 5.2604vw, 6.3125rem);
    background-repeat: repeat-x;
    background-image: url(../index/images/divider_line.svg);
    /* background-image: url(../../../images/divider_line.svg); */
    background-position: left center;
    width: 100%;
    height: clamp(.4375rem, 0.7813vw, .9375rem);
}
.product_list_img{
    
}
.product_list_img span{
    display: block;
    position: relative;
    padding-top: 55%;
}
.product_list_img span img{
    width:100%;
    height:auto;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.3s ease-out;
}
.product_info{
    width: 100%;
    /* max-width: 203px;
    margin: 0 auto; */
    font-size: 1.375em; /*30.25px*/
    line-height: 1.875em;
    padding: clamp(2.0833vw,2.0833vw,2.5rem) clamp(1.0625rem,1.8229vw,2.1875rem) clamp(1.6875rem,2.8646vw,3.4375rem);
    font-weight: 700;

    font-size: 2em; /*32px*/
    line-height: 1.36;
}
.product_info .product_type{
    color: #963434;
    font-weight: 400;
    margin-bottom: clamp(.625rem,1.0417vw,1.25rem);

}
.product_title{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;

    text-align: center;
}




/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) {

  .index_product_area.count_gt6{
    margin: 0 auto;
  }
  /* 20250610修改 by tom start */
	.index_product_area.count_1,
	.index_product_area.count_2 ,
	.index_product_area.count_3 ,
	.index_product_area.count_4 ,
	.index_product_area.count_gt4{
		margin: 0 auto;
	}

	.index_product_area.count_1 {
		width: calc(100% / 5 * 1);
	}
	.index_product_area.count_2 {
		width: calc(100% / 5 * 2);
	}
	.index_product_area.count_3 {
		width: calc(100% / 5 * 3);
	}
	.index_product_area.count_4 {
		width: calc(100% / 5 * 4); 
	}
	.index_product_area.count_gt4 {
		 /* width: calc(100% / 5 * 4); */
     width: 100%;
	}

}
/* 20250610修改 by tom end */

@media (max-width: 990px) {

	.index_productBg .wrap {
		width: 90%;
	}

	.index_product_area.count_1,
	.index_product_area.count_2 ,
	.index_product_area.count_3 ,
	.index_product_area.count_4 ,
	.index_product_area.count_5 ,
  .index_product_area.count_6{
			margin: 0 auto;	
			width: 100%;
		}

    .main  .index_productBg .swiper-button-prev, 
    .main  .index_productBg .swiper-button-next {
        /* display: flex; */
    }

	/*----- 首頁標題1 -----*/
	/* .index_productBg .index_title {
		margin-bottom: 0rem;
	} */
	  .product_info{       
        font-size: 1em;
        line-height: 1.5;
        
    }
	
}