/* //////////////////////////////////////////////////////////////////////////// */
/* 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; }

@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; }