* { box-sizing: border-box;}
*::-webkit-scrollbar { width: 5px;}
*::-webkit-scrollbar-thumb { background: #ccc; border-radius: 5px;}
ul,
li { margin: 0; padding: 0; list-style: none;}
a { text-decoration: none;}
body { width: 100vw; background-color: #f3f3f3;}
body #fullpage .section { overflow: hidden;}
body #fullpage .section .beautify_box {width: 100%;height: 100vh;display: flex;justify-content: space-around;flex-direction: column;padding: 88px 8% 12px 8%;}
@media (max-width: 414px) {
  body #fullpage .section .beautify_box {padding-top: 30px;}
}
@media (max-height: 737px) {
  body #fullpage .section .beautify_box { padding-right: 5%; padding-left: 5%; }
}
body #fullpage .section .section_menu { width: 100%; padding: 2% 10%; display: flex; justify-content: space-between; align-items: center;}
body #fullpage .section .section_menu .section_menu_title h2 { font-weight: bold;}
body #fullpage .section .section_menu ul { display: flex;}
body #fullpage .section .section_menu ul li { margin: 0 8px; border-radius: 50px; padding: 4px 8px; cursor: pointer;}
body #fullpage .section .section_menu ul li:hover { background-color: #609E49; color: white;}
body #fullpage .section .section_menu ul .active { background-color: #609E49; color: white;}
body #fullpage .section .product_images { width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: start;}
body #fullpage .section .product_images > ul {width: 65%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;flex-direction: column;overflow: auto;}
body #fullpage .section .product_images > ul > li {width: 28%;min-width: 25vh;height: 48%;margin: 0 8px 8px 0;border-bottom-right-radius: 12px;background-color: #e0e0e0;transition: 0.3s;cursor: pointer;}
body #fullpage .section .product_images > ul > li a {width: 100%;height: 100%;overflow: hidden;display: flex;padding: 2%;position: relative;}
body #fullpage .section .product_images > ul > li a img {max-width: 100%;height: auto;/* object-fit: cover; */}
body #fullpage .section .product_images > ul > li a span {/* writing-mode: vertical-lr; */line-height: 3rem;color: #fff;margin-top: 10px;font-size: 16px;/* letter-spacing: 3px; */width: 100%;display: block;text-align: center;position: absolute;left: 0;bottom: 0;background: #609E49;}
body #fullpage .section .product_images > ul > li:hover { background-color: #609E49;}
body #fullpage .section .product_images > ul > li:hover a span { color: white;}
body #fullpage .section .product_images .other_product { width: 25%; height: 100%; background-color: #609E49; border-radius: 12px; color: white; padding: 2%;}
body #fullpage .section .product_images .other_product h2 { margin-bottom: 2rem; padding-bottom: 0.5rem; border-bottom: 2px solid white;}
body #fullpage .section .product_images .other_product ul li { margin: 12px 0 0 8px;}
body #fullpage .section .product_images .other_product ul li a { color: white;}
body #fullpage .section .product_images .other_product ul li a:hover { text-decoration: underline;}

@media (max-width: 1199px) {
  body #fullpage .section .product_images { flex-direction: column; }
  body #fullpage .section .product_images > ul,
  body #fullpage .section .product_images .other_product { width: 100%; }
  body #fullpage .section .product_images > ul {flex-direction: column;height: 90%;overflow: auto;justify-content: space-around;}
  body #fullpage .section .product_images > ul li { margin: 0 8px 0 0; }
  body #fullpage .section .product_images .other_product {height: 28%;display: flex;align-items: center;padding: 0 2%;}
  body #fullpage .section .product_images .other_product h2 { width: 90px; margin: 0; padding: 0 1rem; border-bottom: 0; border-right: 2px solid white; font-size: 22px; }
  body #fullpage .section .product_images .other_product ul { width: 80%; display: flex; flex-wrap: wrap; align-content: center; justify-content: start; }
  body #fullpage .section .product_images .other_product ul li { margin: 0 12px; }
  body #fullpage .section .product_images > ul > li a span{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 2.5rem;
}
}
body #fullpage .section .introduction { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center;}
body #fullpage .section .introduction .title { float: none;}
body #fullpage .section .introduction .introduction_box { display: flex; width: 100%; height: 80%; align-items: center; justify-content: space-between;}
body #fullpage .section .introduction .introduction_box .introduction_text { width: 50%; display: flex; flex-direction: column; justify-content: space-around;}
body #fullpage .section .introduction .introduction_box .introduction_text p { color: #696969; display: block; text-align: left; font-size: 14px; line-height: 2.5rem; text-indent: 2em; margin-top: 3rem;}
body #fullpage .section .introduction .introduction_box .introduction_text p span { color: #31751a;}
@media (max-width: 1199px) {
  body #fullpage .section .introduction .introduction_box .introduction_text {width: 100%;height: 100%;}
}
@media (max-width: 1199px) and (max-width: 1199px) {
  body #fullpage .section .introduction .introduction_box .introduction_text p { margin-top: 0; }
}
@media (max-width: 1199px) and (max-width: 991px) {
  body #fullpage .section .introduction .introduction_box .introduction_text p { line-height: 2rem; }
}
@media (max-width: 1199px) and (max-height: 737px) {
  body #fullpage .section .introduction .introduction_box .introduction_text p {line-height: 2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
}
body #fullpage .section .introduction .introduction_box .introduction_back { width: 45%; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #747474;}
body #fullpage .section .introduction .introduction_box .introduction_back img { width: 100%; height: auto; object-fit: cover;}
@media (max-width: 1199px) {
  body #fullpage .section .introduction .introduction_box .introduction_back {width: 100%;height: 100%;}
}
@media (max-width: 1199px) {
  body #fullpage .section .introduction .introduction_box { flex-direction: column-reverse; height: 90%; }
}
body #fullpage .section .news-box { width: 100%; height: 75%;}
body #fullpage .section .news-box ul { width: 100%; height: 100%; display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-around; column-gap: 2%; row-gap: 8px;}
body #fullpage .section .news-box ul li { padding: 0 12px; border-bottom: 1px solid #31751a; margin-bottom: 22px;}
body #fullpage .section .news-box ul li .detailed { display: flex; flex-direction: column; justify-content: space-around;}
body #fullpage .section .news-box ul li .detailed .detailed_date span { color: #31751a;}
body #fullpage .section .news-box ul li:nth-child(n+2) .detailed { height: 100%; padding-bottom: 10px;}
body #fullpage .section .news-box ul > :nth-child(1) { width: 70%; margin: 0 auto; grid-row-start: 1; grid-row-end: 4; border: 0;}
body #fullpage .section .news-box ul > :nth-child(1) > a { display: flex; justify-content: center; width: 100%; height: 70%; border-radius: 8px; overflow: hidden; box-shadow: -15px 15px 1px #609E49; margin-bottom: 22px; transition: 0.3s;}
body #fullpage .section .news-box ul > :nth-child(1) > a img { width: 100%; height: 100%; object-fit: cover; margin: 0 auto;}
body #fullpage .section .news-box ul > :nth-child(1) > a:hover { box-shadow: 15px -15px 1px #609E49;}
body #fullpage .section .news-box ul p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #696969; line-height: 3rem;}
@media (min-height: 913px) {
  body #fullpage .section .news-box ul p { -webkit-line-clamp: 3; line-height: 1.8rem !important; }
}
@media (min-height: 945px) {
  body #fullpage .section .news-box ul p { -webkit-line-clamp: 4; line-height: 2rem !important; }
}
body #fullpage .section .news-box ul .h4 { color: #313131; margin-bottom: 10px; font-weight: bold; transition: 0.3s;}
body #fullpage .section .news-box ul .h4:hover { color: #609E49; }

@media (max-width: 1199px) {
  body #fullpage .section .news-box ul { grid-template-columns: repeat(1, 1fr); }
  body #fullpage .section .news-box ul li { margin-bottom: 0; }
  body #fullpage .section .news-box ul > :nth-child(1) { grid-row-end: 1; width: auto; border-bottom: 1px solid #31751a; }
  body #fullpage .section .news-box ul > :nth-child(1) > a { display: none; }
  body #fullpage .section .news-box ul > :nth-child(1) .detailed { height: 100%; }
  body #fullpage .section .news-box ul p { line-height: 1.5rem; }
  body #fullpage .section .news-box ul .h4 { color: #313131; margin-bottom: 15px; transition: 0.3s; font-size: 16px; }
}
@media (max-width: 1199px) {
  body #fullpage .section .news-box { height: 80%; }
}
body #fullpage .section .footer { height: auto !important; background-color: #d8d8d8; }
body #fullpage .fp-watermark { display: none;}
@media (max-width: 570px) {
  body #fullpage .footer-copy { display: flex; flex-direction: column; align-items: center; }
}
body #fullpage_menu { width: 2rem; height: 100%; position: fixed; top: 0; right: 5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (max-width: 1199px) {
  body #fullpage_menu { right: 0.15rem; }
}
@media (max-width: 797px) {
  body #fullpage_menu { display: none; }
}
body #fullpage_menu li { width: 8px; height: 8px; margin: 18px 0; border-radius: 50%; background-color: #609E49; transition: all 0.3s;}
body #fullpage_menu li a { display: block; width: 100%; height: 100%;}
body #fullpage_menu li:hover { transform: scale(1.5); background-color: #b5e0a5;}
body #fullpage_menu .active { transform: scale(1.5); background-color: #b5e0a5;}
/*# sourceMappingURL=HomeStyle.css.map */