/* //////////////////////////////////////////////////////////////////////////// */
/* JhuangPing v.1.4.0 [04.11.2020]                                              */
/* Github: https://jhuangping.github.io                                         */
/* //////////////////////////////////////////////////////////////////////////// */
/* Index ====================================================================== */
.idx-abt { background: url("../img/about/bg.jpg"); padding-top: 5.20833%; padding-bottom: 7.03125%; position: relative; }

.idx-abt_ctr { margin: 0 auto; max-width: 665px; width: calc(100% - 30px); }

.idx-abt_ctr .c-headline { margin-bottom: 10.52632%; }

.idx-abt_info { position: relative; z-index: 1; text-align: center; line-height: 2; }

.idx-abt_info.m-edit > *:not(:last-child) { margin-bottom: 2.5rem; }

.idx-abt_info.m-edit p { margin: 0px; }

.idx-abt_info.m-edit h1, .idx-abt_info.m-edit h2, .idx-abt_info.m-edit h3, .idx-abt_info.m-edit h4, .idx-abt_info.m-edit h5 { margin: 0px; }

.idx-abt_info.m-edit .ed-title { font-size: 3.6rem; color: #0b9052; font-family: "Noto Serif TC", Arial, "Microsoft JhengHei", sans-serif; }

.idx-abt_info.m-edit .ed-subtitle { color: #0b9052; font-size: 2.8rem; font-family: "Noto Serif TC", Arial, "Microsoft JhengHei", sans-serif; }

.idx-abt_bg { pointer-events: none; position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 40px); height: calc(100% - 15px); border: 1px solid #08914D; border-top: none; }

.idx-abt_bg [class^="idx-abt_bg_el-"] { position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain; }

.idx-abt_bg [class^="idx-abt_bg_el-"]::before { content: ''; display: block; width: 100%; }

.idx-abt_bg_el-left { bottom: 2.08333vw; left: 6.51042vw; width: 22.74882%; background-image: url("../img/index/abt01_384x774.png"); }

.idx-abt_bg_el-left::before { padding-bottom: 201.5625%; }

.idx-abt_bg_el-right { bottom: 5.20833vw; right: 5.20833vw; width: 32.46445%; background-image: url("../img/index/abt02_548x471.png"); }

.idx-abt_bg_el-right::before { padding-bottom: 85.94891%; }

.idx-abt_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 4rem; }

.idx-abt_btn .m-btn { border-radius: 100%; background: #0B9051; color: #fff; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.know_share_list a { margin-left: 10px; margin-right: 10px; display: inline-block; }

.know_share_list a:hover { animation: heartBeat; animation-duration: 1s; }

.know-img a {margin-left: 10px; margin-right: 10px; display: inline-block; }

.know-img a:hover {animation: heartBeat; animation-duration: 1s;}

@media all and (max-width: 1440px) { .idx-abt_info.m-edit > *:not(:last-child) { margin-bottom: 2rem; }
  .idx-abt_info.m-edit .ed-title { font-size: 3.2rem; }
  .idx-abt_info.m-edit .ed-subtitle { font-size: 2.2rem; } }

@media all and (max-width: 1220px) { .idx-abt_bg { opacity: .5; }
  .idx-abt_bg_el-right { display: none; } }

@media all and (max-width: 992px) { .idx-abt_ctr .c-headline { margin-bottom: 3rem; }
  .idx-abt_info.m-edit > *:not(:last-child) { margin-bottom: 1.5rem; }
  .idx-abt_info.m-edit .ed-title { font-size: 2.8rem; }
  .idx-abt_info.m-edit .ed-subtitle { font-size: 1.8rem; }
  .idx-abt_bg { opacity: .2; } }

@media all and (max-width: 575px) { .idx-abt_info.m-edit > *:not(:last-child) { margin-bottom: 1rem; }
  .idx-abt_info.m-edit .ed-title { font-size: 2.2rem; }
  .idx-abt_bg { border: none; } }

.prod-other .c-headline { margin-bottom: 6rem; }

.prod-other_swp { margin-bottom: 8rem; }

.prod-other_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 7.5rem; }

.prod-other_btn .m-btn { font-size: 2.5rem; color: #105e21; opacity: .15; }

.prod-other_btn .js-prev { margin-right: 1.30208vw; }

.prod-other_btn .js-next { margin-left: 1.30208vw; }

.prod-other_dot .swiper-pagination-bullet { width: 15px; height: 20px; border-radius: 0px; margin-left: 10px; margin-right: 10px; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../img/common/dot-drip-green_77x110.svg"); opacity: 1; }

.prod-other_dot .swiper-pagination-bullet-active { background-image: url("../img/common/dot-drip_77x110.svg"); }

.idx-nws { display: none; }

.idx-cuisine-dot_swp { max-width: 570px; margin: 0 auto; color: #105e21; position: relative; padding-top: 100px; }
.idx-cuisine-dot_swp .swiper-slide { cursor: pointer; min-height:113px; text-align: center; display: flex; align-items: center; justify-content: center }
.idx-cuisine-dot_swp .swiper-slide::before { content: url('../img/index/cuisine-icon.png'); position: absolute; bottom: -146px; left: 50%; transform: translateX(-50%); transition: .3s ease-in-out; z-index: -1;}
.idx-cuisine-dot_swp .swiper-slide.swiper-slide-thumb-active { color: #fff; }
.idx-cuisine-dot_swp .swiper-slide.swiper-slide-thumb-active::before { bottom: -42px; }
.m-cuisine { position: relative;  }
.m-cuisine-con { min-height: 929px; }
.cuisine-btn { margin: 45px auto; }
.idx-cuisine_swp { max-width: 975px; margin: 0 auto; }
.cuisine-item_info { background: #fff; }
.cuisine-background { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/index/cuisine-bg.png') no-repeat center center; }
.idx-cuisine_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
[class^="idx-cuisine_bg_el"] { position: absolute; }
.idx-cuisine_bg_el-1 { left: -12px; top: 43px; }
.idx-cuisine_bg_el-2 { bottom: 0; }
.idx-cuisine_bg_el-3 { right: 6vw; top: 4vw; }
.idx-cuisine_bg_el-4 { right: -12px; bottom: 0; }
.idx-cuisine_bg_el-5 { width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
.idx-cuisine_bg_el-6 { top: 40%; left: 10vw; }
.idx-cuisine_bg_el-1::before { content: url('../img/index/cuisine-img-01.png') }
.idx-cuisine_bg_el-2::before { content: url('../img/index/cuisine-img-02.png') }
.idx-cuisine_bg_el-3::before { content: url('../img/index/cuisine-img-03.png') }
.idx-cuisine_bg_el-4::before { content: url('../img/index/cuisine-img-04.png') }
.idx-cuisine_bg_el-5::before { content: url('../img/index/cuisine-img-05.png') }
.idx-cuisine_bg_el-6::before { content: url('../img/index/cuisine-img-06.png') }
@media all and (max-width: 992px) { .idx-cuisine_bg { display: none; } }
.idx-news { position: relative; max-width: 1598px; margin: 0 auto 39px; padding: 0 0 47px; }
.idx-news::before { content: ''; position: absolute; display: block; z-index: -1; background: url("../img/about/bg.jpg"); bottom: 0; left: 0; width: 100%; height: 384px; }
.idx-news_swp { max-width: 1280px; margin: 0 auto 42px; }
.idx-news_swp .swiper-slide { display: flex; justify-content: center; }
.m-news { box-sizing: border-box; position: relative; width: 386px; height: 530px; background: #fff; margin: 0 30px; display: flex; }
.m-news_link { display: block; margin: auto; padding: 15px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #ddd0ab }
.m-new_tips { display: flex; margin-top: 28px; }
.m-new_date { color: #bdbdbd }
.m-new_text { color: #333; flex: 0 1 233px; margin-left: 28px; }

.idx-know { min-height: 690px; padding-top: 126px; background: url('../img/index/know01.jpg') no-repeat bottom center fixed; }
.know-eng,
.know-cht { color: #fff; }
.know-cht { border-color: #fff; }
.know-headline .know-cht::before { border-color: #fff; }
.know-list { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.know-list li { color: #fff; margin: 0 calc(139px / 2) 30px; }
.know-img { width: 195px; height: 195px; border-radius: 195px; border: 1px solid #fff; position: relative; display: flex; }
.know-img img { margin: auto; }
.know-img::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 18px); height: calc(100% - 18px); border-radius: 100%; border: 4px solid #fff; }
.know-text { text-align: center; font-size: 18px; margin-top: 28px; }