@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body {font-family: "Noto Sans TC", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;color: #6a4040;}
.lato-bold {font-family: "Lato", sans-serif;font-weight: 700;font-style: normal;}
/**/
input::placeholder{color: #6a4040;}
.header {padding: 0 15px;background-color: #fff;max-width: 1134px;margin: 0 auto;}
.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .nav-link:focus {color: #6a4040;font-size: 24px;font-weight: 600;text-decoration: none;display: flex;flex-direction: column;padding-left: 15px;padding-right: 15px;letter-spacing: 5%;}
.navbar-light .navbar-nav .show .nav-link,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .active .nav-link{color: #6a4040;text-decoration: none;}
.navbar-light .navbar-nav .show .nav-link::before,.navbar-light .navbar-nav .nav-link::before {content: "";width: 0%;background-color: #6a4040;height: 1px;display: block;transition: width 1s;transform: translateY(0px);order: 3;}
.navbar-light .navbar-nav .show .nav-link::before,.navbar-light .navbar-nav .nav-link:hover::before,.navbar-light .navbar-nav .active .nav-link::before {content: "";width: 100%;background-color: #6a4040;height: 1px;display: block;transition: width 1s;order: 3;}
.navbar-light .navbar-nav .nav-link::after{display: none;}
.navbar-brand{position: relative;}
/*.navbar-brand:hover img{opacity: 0;}
.navbar-brand:hover::after {content: url(../images/logo_h.svg);width: 100%;height: 100%;display: block;position: absolute;top:1px;left: 0;padding-top: .3125rem;padding-bottom: .3125rem;}*/
.banner_box {position: relative;max-height: 600px;display: flex;}
.banner .carousel-indicators li {height: 16px;width: 16px;border-radius: 16px;background-color: #333;border: none;}
.banner .carousel-indicators li.active {background-color: #fff;}
.banner_box_text {position: absolute;width: 100%;height: 100%;background-color: rgb(255 255 255 / 48%);z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;font-family: "Noto Serif TC", serif;font-optical-sizing: auto;font-style: normal;color: #6a4040;}
.banner_box>img {width: 100%;object-fit: cover;object-position: center;display: flex;}
.banner_box_text h2 {font-size: 72px;font-weight: 500; color: #6a4040;text-decoration: none;background-color: rgb(255 255 255 / 60%);padding: 15px;}
.banner_box_text h3 {font-size: 44px;font-weight: 400; color: #6a4040;text-decoration: none;background-color: rgb(255 255 255 / 60%);padding: 15px;line-height: 1.5em;margin: 0;}
.banner_box_text h2 a {font-size: 72px;font-weight: 500; color: #6a4040;text-decoration: none;}
.banner_box_text h3 a {font-size: 44px;font-weight: 400; color: #6a4040;text-decoration: none;line-height: 1.5em;}
.banner_box_text:hover h2 a,.banner_box_text:hover h3 a{color: #cba28b;}
.banner_one {position: relative;max-height: 380px;overflow: hidden;display: flex;}
.banner_one>img {width: 100%;object-fit: cover;}
.banner_img img {width: 100%;}
.index_page {max-width: 1134px;margin: 0 auto;}
.index_page h2{font-size:42px;margin-bottom: 7px;font-weight: 400;}
.index_page h3{font-size:20px;font-weight: 600;margin-bottom: 0;}
.index_page h4{font-size:18px;font-weight: 400;}
.index_owl1,.index_owl2 {padding: 0 40px;}
.index_owl1 .owl-theme .owl-nav .owl-prev,.index_owl2 .owl-theme .owl-nav .owl-prev,.index_owl3 .owl-theme .owl-nav .owl-prev {position: absolute;left: -40px;top: 50%;font-size: 36px;transform: translate(0, -50%);}
.index_owl1 .owl-theme .owl-nav .owl-next,.index_owl2 .owl-theme .owl-nav .owl-next,.index_owl3 .owl-theme .owl-nav .owl-next {position: absolute;right: -40px;top: 50%;font-size: 36px;transform: translate(0, -50%);}
.index_owl1 .owl-theme .owl-nav .owl-prev span,.index_owl2 .owl-theme .owl-nav .owl-prev span,.index_owl3 .owl-theme .owl-nav .owl-prev span {width: 16px;display: flex;justify-content: flex-end;}
.index_owl1 .owl-theme .owl-nav .owl-next span,.index_owl2 .owl-theme .owl-nav .owl-next span,.index_owl3 .owl-theme .owl-nav .owl-next span {width: 16px;display: flex;justify-content: flex-start;}
.index_owl1 .owl-theme .owl-nav [class*='owl-']:hover,.index_owl2 .owl-theme .owl-nav [class*='owl-']:hover,.index_owl3 .owl-theme .owl-nav [class*='owl-']:hover {background-color: transparent;color: #cba28b;}
.index_owl1 .item .imgbox+div {margin-top: 15px;}
/*.index_owl1 .item:hover .imgbox+div {color: #cba28b;}*/
.index_owl1 .item .imgbox+div a{color: #6a4040;text-decoration: none;}
.index_owl1 .item:hover .imgbox+div a{color: #cba28b;text-decoration: none;}
.item_hover {cursor: pointer;}
.item_hover a {position: absolute;bottom: -100%;left: 0;width: 100%;padding: 10px 15px;transition: all .5s;opacity: 0;color: #000;text-align: center;background-color: rgb(255 255 255 / 80%);text-decoration: none;}
.item_hover:hover a {transition: all .5s;bottom: 0;opacity: 1;}
.why_box,.step_box {padding: 30px 70px;background-color: #f5f1f0;}
.why_box .item {text-align: center;}
.why_box .item h5{font-weight: 600;margin-bottom: 1.2em;}
.step_box .item {/*color: #000;*/text-align: center;}
.step_box .item h5{font-weight: 600;margin-bottom: 1.2em;}
.roundbox {background-color: #fff;border-radius: 200px;padding-bottom: 7em;position: relative;max-width: 7em;font-size: 1.25rem;margin: 0 auto 1em;}
.roundbox .roundbox_text {display: flex;width: 70%;height: 70%;position: absolute;object-fit: contain;top: 15%;left: 15%;color: #000;font-size: 3em;justify-content: center;align-items: center;}
.roundbox img {width: 70%;height: 70%;position: absolute;object-fit: contain;top: 15%;left: 15%;}
.roundbox .roundbox_text{width: 70%;height: 70%;position: absolute;object-fit: contain;top: 15%;left: 15%;}
.index_owl3 a {text-decoration: none;color: #6a4040;font-weight: 500;padding: 15px;display: block;background-color: #fff8ec;border-radius: 8px;}
.index_owl3 .star{color: #FFAE00;}
.index_owl3 .pic{padding: 5px;margin-top: 10px;}
.comment_avatar {width: 50px;height: 50px;border-radius: 50px;display: flex;overflow: hidden;}
.comment_data {font-size: 14px;margin: 5px 0;color: #999;}
.google_e {display: inline-flex;font-size: 4vmax;align-items: center;margin-right: 0.5em;vertical-align: middle;color: #000;}
.google_e img {width: 3em;display: block;margin-right: 0.5em;}
/* 客戶評價固定寬高長方形卡片水平排列 */
.reviews_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px;}
.review_card{display:flex;flex-direction:column;background:#fff8ec;border-radius:12px;padding:16px;width:100%;height:auto;box-sizing:border-box;overflow:hidden;}

.review_avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;margin-bottom:8px;background:#fff;}
.review_avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.review_meta{flex:0 0 auto;margin-bottom:8px;}
.review_name{font-weight:600;color:#6a4040;margin-bottom:4px;font-size:16px;}
.star{color:#FFAE00;margin:4px 0;font-size:14px;}
.comment_data{font-size:13px;color:#999;margin-top:4px;}
.review_text{color:#6a4040;line-height:1.6;font-size:16px;margin:6px 0;flex:0 0 auto;}
.review_pic{margin-top:auto;}
.review_pic img{width:100%;height:180px;object-fit:cover;border-radius:8px;display:block;}
@media (max-width:1200px){.reviews_grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:992px){.reviews_grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:576px){.reviews_grid{grid-template-columns:1fr;}}
span.start_line {display: block;margin: 0 auto 30px;height: 3px;width: 4.5em;font-size: 40px;background-color: #876450;}
a.btn.btn_bg {background-color: #876450;color: #fff;border-radius: 50px;margin: 5px 10px;padding: 15px 20px;}
a.btn.btn_bg:hover {background-color: #f8f6f5;color: #876450;}
a.btn.btn_link {background-color: #f8f6f5;color: #876450;border-radius: 50px;margin: 5px 10px;padding: 15px 20px;text-decoration: none;}
a.btn.btn_link:hover{background-color: #f5f1f0;}
a.btn_bor_link {background-color: #fff;color: #876450;border-radius: 50px;padding: 10px 30px;text-decoration: none;border: 1px solid #876450;}
.btn_radius{border-radius: 50px;}
.back-box {display: flex;justify-content: space-between;margin-top: 30px;padding: 0 15px;}
.back-btn {line-height: 1;padding: 6px 10px 8px;font-size: 20px;background-color: transparent;color: #6a4040;transition: 0.2s ease-in-out;display: inline-block;margin: 0 5px;letter-spacing: 2px;text-decoration: none;font-weight: 500;}
.back-btn:hover{background-color: transparent;color: #cba28b;text-decoration: none;}
button#startBtn {border: 1px solid #83836c;color: #876450;background-color: #fff;width: 50px;height: 50px;position: fixed;bottom: 10%;right: 15px;border-radius: 50px;display: flex;align-items: center;justify-content: center;font-size: 25px;}
/*about*/
.about_1{padding: 30px 0;font-size: 20px;color: #000;max-width: 1134px;margin: 0 auto;}
.about_1 h2 {font-size: 32px;margin-bottom: 1.2em;font-weight: 700;color: #6a4040;letter-spacing: 5%;text-align: center;}
.about_1 strong {color: #6a4040;}
.about_2 {background-color: #8d6e63;color: #fff;display: flex;justify-content: center;align-items: center;padding: 7%;}
.about_2 h2{color: #fff;font-size: 36px;margin-bottom: 0;font-weight: 700;letter-spacing: 5%;text-align: center;}
.about_3{color: #000;padding: 30px 0;font-size: 20px;max-width: 1134px;margin: 0 auto;}
.about_3 h2 {color: #000;font-size: 26px;margin-bottom: 1.2em;font-weight: 700;letter-spacing: 5%;}
.about_3 div {margin-bottom: 1.2em;}
.about_3 h3 {color: #000;margin-bottom: 0;font-size: 20px;font-weight: 400;}
.about_3 p {color: #000;margin-bottom: 0;font-weight: 400;}
/*contact*/
.contact_box {display: flex;background-color: #f5f1f0;padding: 1em 3em;margin: 30px auto;border-radius: 20px;align-items: center;flex-wrap: wrap;max-width: 1134px;}
.contact_map {width: 60%;padding-left: 30px;}
.contact_info {width: 40%;font-size: 18px;}
.contact_info i[class*='fa-'] {font-size: 35px;vertical-align: middle;margin-right: 0.5em;}
.contact_info .footer_info_icon1{width: 30px;  height: 30px;  display: inline-block;background-color: #6a4040;-webkit-mask: url("../images/footer_info_icon1.png") center / contain no-repeat;mask: url("../images/footer_info_icon1.png") center / contain no-repeat;vertical-align: bottom;margin-right: 15px;}
.contact_info .footer_info_icon2{width: 30px;  height: 30px;  display: inline-block;background-color: #6a4040;-webkit-mask: url("../images/footer_info_icon2.png") center / contain no-repeat;mask: url("../images/footer_info_icon2.png") center / contain no-repeat;vertical-align: bottom;margin-right: 15px;}
.contact_info .footer_info_icon3{width: 30px;  height: 30px;  display: inline-block;background-color: #6a4040;-webkit-mask: url("../images/footer_info_icon3.png") center / contain no-repeat;mask: url("../images/footer_info_icon3.png") center / contain no-repeat;vertical-align: bottom;margin-right: 15px;}
.contact_info .footer_info_icon4{width: 30px;  height: 30px;  display: inline-block;background-color: #6a4040;-webkit-mask: url("../images/footer_info_icon4.png") center / contain no-repeat;mask: url("../images/footer_info_icon4.png") center / contain no-repeat;vertical-align: bottom;margin-right: 15px;}
.contact_info .footer_info_icon5{width: 30px;  height: 30px;  display: inline-block;background-color: #6a4040;-webkit-mask: url("../images/footer_info_icon5.png") center / contain no-repeat;mask: url("../images/footer_info_icon5.png") center / contain no-repeat;vertical-align: bottom;margin-right: 15px;}
.qrcode_box{font-size: 18px;line-height: 1.5em;}
.qrcode_box a{text-decoration: none;color: #0616e4;}
/*news*/
.news{padding: 15px;--cover-aspect-ratio: 570 / 300;max-width: 1134px;}
.news_item{margin: 15px 0;}
.news_item a {display: grid;grid-template-columns: 1fr auto;gap: 16px 10px;text-decoration: none;}
.news_item a .cover {grid-area: 1 / 1 / 2 / 3;width: 100%;overflow: hidden;}
.news_item a .cover img.cover-image {display: block;width: 100%;height: 100%;aspect-ratio: var(--cover-aspect-ratio);object-fit: cover;object-position: center;transition: all 0.3s cubic-bezier(0, 0, 0.18, 1) 0s;}
.news_item a:hover .cover img.cover-image{scale: 1.05;}
.news_item strong {color: #6a4040;font-weight: 500;font-size: 20px;line-height: 1.25em;letter-spacing: 0.02em;}
.news_item:hover strong{color: #cba28b;}
.news_item a time {font-size: 14px;line-height: 1.25em;letter-spacing: 0.02em;color: #333;}
.news_pagination{margin-top: 30px;}
.news_pagination a.page-link {padding: 4.5px 11px;border: none;color: #6a4040;font-size: 18px;border-radius: 50px;margin: 2px;}
.news_pagination .page-item.active .page-link {background-color: #cba28b;border: none;color: #fff;}
.news_pagination a.page-link:hover{background-color: #f5f1f0;}
.news .page-news-view {padding: 60px 0;}
.news .office-container {max-width: 900px;margin: 0 auto;color: #333;line-height: 1.6;padding: 10px;box-sizing: border-box;}
.news .office-container img {max-width: 100%;height: auto;display: block;margin: 0;}
.news .header-section {padding: 20px 15px 15px;text-align: center;}
.news .sub-title {font-size: 13px;letter-spacing: 2px;color: #b58a4a;margin: 0 0 4px 0;font-weight: bold;}
.news .main-quote {max-width: 750px;margin: 0 auto;font-size: 16px;font-weight: normal;color: #555;}
.news .hero-image {margin-bottom: 20px;}
.news .hero-image img {width: 100%;border-radius: 8px;}
.news .summary-bar {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 12px;margin-bottom: 30px;}
.news .sum-item {background: #fdfbf7;border: 1px solid #f3ede2;padding: 15px;border-radius: 6px;text-align: center;}
.news .sum-item strong {display: block;font-size: 16px;color: #b58a4a;margin-bottom: 4px;}
.news .sum-item p {margin: 0;font-size: 13px;color: #666;}
.news .timeline-flow {display: flex;flex-direction: column;gap: 20px;margin-bottom: 30px;}
.news .flow-card {background: #ffffff;border: 1px solid #eaeaea;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.03);}
.news .card-img img {width: 100%;height: 240px;object-fit: cover;}
.news .card-content {padding: 20px;}
.news .card-step {font-size: 11px;letter-spacing: 1px;color: #b58a4a;font-weight: bold;display: block;margin-bottom: 4px;}
.news .card-content h2 {font-size: 20px;margin: 0 0 8px 0;color: #222;}
.news .card-content p {font-size: 14.5px;color: #555;margin: 0;}
.news .middle-slogan {background: #faf8f3;border: 1px solid #f1ece1;padding: 30px 20px;border-radius: 8px;text-align: center;margin-bottom: 25px;}
.news .middle-slogan h2 {font-size: 22px;margin: 0 0 6px 0;color: #222;}
.news .middle-slogan p {margin: 0;font-size: 15px;color: #666;}
.news .footer-bundle {background: #222;border-radius: 8px;overflow: hidden;}
.news .bundle-img img {width: 100%;height: 200px;object-fit: cover;}
.news .bundle-contact {color: #fff;padding: 30px 25px;}
.news .bundle-contact h2 {font-size: 22px;margin: 0 0 10px 0;color: #fff;}
.news .bundle-contact p {font-size: 14.5px;color: #ccc;margin: 0 0 20px 0;}
.news .submit-btn {display: inline-block;padding: 10px 30px;background: #b58a4a;color: #fff !important;text-decoration: none;border-radius: 4px;font-weight: bold;font-size: 14.5px;transition: background 0.2s;}
.news .submit-btn:hover {background: #c69b5b;}
@media (min-width: 600px) {
.news .timeline-flow {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.news .card-img img {height: 200px;}
}
/*space*/
.space{padding: 15px 80px;max-width: 1134px;}
.space_item{margin: 15px 0;}
.space_item a {display: block;text-decoration: none;color: #6a4040;}
.space_item a:hover{color: #cba28b;}
.space_item a .cover {grid-area: 1 / 1 / 2 / 3;width: 100%;overflow: hidden;}
.space_item a .cover img.cover-image {display: block;width: 100%;height: 100%;aspect-ratio: var(--cover-aspect-ratio);object-fit: cover;object-position: center;transition: all 0.3s cubic-bezier(0, 0, 0.18, 1) 0s;}
.space_item a:hover .cover img.cover-image{scale: 1.05;}
.space_item strong {color: #1a1a1a;font-weight: 500;font-size: 20px;line-height: 1.25em;letter-spacing: 0.02em;}
.space_item a time {font-size: 14px;line-height: 1.25em;letter-spacing: 0.02em;color: #333;}
.space_pagination{margin-top: 30px;}
.space_pagination a.page-link {padding: 4.5px 11px;border: none;color: #6a4040;font-size: 18px;border-radius: 50px;margin: 2px;}
.space_pagination .page-item.active .page-link {background-color: #cba28b;border: none;color: #fff;}
.space_pagination a.page-link:hover{background-color: #f5f1f0;}
.space .page-news-view {padding: 60px 0;}
.space_item .text {margin-top: 10px;}
.space_item .text h5 {margin-bottom: 5px;font-size: 16px;font-weight: 500;}
.space_item .text p {margin-bottom: 0;font-size: 14px;}
.space_view_top {padding: 15px 0;background-color: #f5f1f0;}
.space_view_top .container-fluid {max-width: 1134px;margin: 0 auto;}
.space_view_top .space-view-title{margin-bottom: 30px;}
.space_view_top .space-view-title .products_title{font-size: 26px;font-weight: 600;margin-bottom: 0.5em;}
.space_view_top .space-view-title p{font-size: 18px;font-weight: 400;margin-bottom: 0.5em;}
.space_view_top .space-view-info{line-height: 1.5em;}
.space_view_top .space-view-info .products_title{font-size: 18px;font-weight: 600;margin-bottom: 0;}
.space_view_top .space-view-info p{font-size: 18px;font-weight: 400;margin-bottom: 0;}
.space_view_bottom {padding: 15px 0;max-width: 1134px;margin: 0 auto;}
.space-photo-gallery {color: #000;font-size: 18px;padding: 0 0 30px;}
.space-photo-gallery img {width: 100%;}
.space-start {margin: 50px 0;}
.space-start h2 {font-size: 40px;}
.space-start h4 {font-size: 20px;font-weight: 400;}
.space-start .step {display: flex;justify-content: center;flex-wrap: wrap;}
.space-start .step .step_no {border: 1px solid #6a4040;width: 40px;height: 40px;display: flex;justify-content: center;border-radius: 30px;position: absolute;top: 11px;left: 17px;font-size: 14px;align-items: center;font-weight: 700;}
.space-start .step .item {background-color: #f5f1f0;margin: 15px;font-size: 18px;padding: 54px 15px 15px 15px;border-radius: 50px;min-width: calc(12em + 30px);position: relative;}
.space-start .step .item .step_icon {
width: 90px;margin: 0 auto;justify-content: center;display: flex;}
.space-start .step .item .step_icon img{max-height: 90px;width: auto;}
.space-start .step .step_text {text-align: center;margin: 20px 0 0;}
/*product*/
.product_bg {background-color: #f5f1f0;padding: 15px 0;}
.search_bar {background-color: #fff;display: inline-block;color: #787878;padding: 5px 12px;font-size: 17px;border-radius: 50px;box-shadow: 3px 4px 3px #00000075;}
.search_bar input{border: none;color: #6a4040;padding: 0 5px;outline: none;}
.pro_items {gap: 20px;padding: 20px;display: flex;flex-wrap: wrap;max-width: 1064px;margin: 0 auto;}
.pro_item {display: grid;grid-template-columns: repeat(2, auto);background-color: #fff;border-radius: 10px;padding: 15px;min-width: 210px;}
.pro_item .title {grid-column: 1 / -1;display: flex;align-items: center;margin-bottom: 10px;}
.pro_item .title h4{font-weight: 700;font-size: 18px;}
.pro_item .title_img {width: 60px;height: 60px;background-color: #f5f1f0;border-radius: 60px;padding: 12px;margin-right: 10px;}
.pro_item .title_img img {width: 100%;height: 100%;object-fit: contain;}
.pro_item a{text-decoration: none;display: block;font-size: 18px;min-width: 6em;color: #6a4040;}
.pro_item a:hover{color: #cba28b;}
.product_category .list {display: flex;justify-content: space-around;}
.product_category .list a.item {width: calc(100% / var(--cols));margin: 20px 0;color: #000;text-decoration: none;font-size: 18px;text-align: center;max-width: 120px;}
.product_category .list a.item .hover {padding-bottom: 100%;border-radius: 500px;position: relative;background: radial-gradient(ellipse at center,  #f7eded 0%,#ede3e2 37%,#ede3e2 37%,#dad0cf 75%);overflow: hidden;}
.product_category .list a.item .hover .imgbox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 15%;}
.product_category .list a.item .imgbox img {width: 100%;height: 100%;object-fit: contain;transition: all 0.3s cubic-bezier(0, 0, 0.18, 1) 0s;}
.product_category .list a.item:hover .imgbox img{scale: 1.15;}
.product_category {padding: 0 40px;max-width: 1134px;margin: 0 auto;}
.product_category .owl-theme .owl-nav .owl-prev{position: absolute;left: -30px;top: 50%;font-size: 36px;transform: translate(0, -50%);}
.product_category .owl-theme .owl-nav .owl-next{position: absolute;right: -30px;top: 50%;font-size: 36px;transform: translate(0, -50%);}
.product_category .owl-theme .owl-nav .owl-prev span{width: 16px;display: flex;justify-content: flex-end;}
.product_category .owl-theme .owl-nav .owl-next span{width: 16px;display: flex;justify-content: flex-start;}
.product_category .owl-theme .owl-nav [class*='owl-']:hover{background-color: transparent;color: #000;}
.product_pagination{margin-top: 30px;}
.product_pagination a.page-link {padding: 4.5px 11px;border: none;color: #6a4040;font-size: 18px;border-radius: 50px;margin: 2px;}
.product_pagination .page-item.active .page-link {background-color: #cba28b;border: none;color: #fff;}
.product_pagination a.page-link:hover{background-color: #f5f1f0;}
.category_product {padding: 0 40px;max-width: 1134px;margin: 0 auto;}
.category_product .item {padding: 15px 0;}
.category_product .item a {color: #000;text-decoration: none;font-size: 18px;}
.category_product .item a .hover {position: relative;padding-bottom: 110%;}
.category_product .item a .hover img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.category_product .item a .hover .hover_off{opacity: 1;display: block; transition: 0.2s ease-in-out;}
.category_product .item a .hover .hover_on{opacity: 0;display: none; transition: 0.2s ease-in-out;}
.category_product .item a:hover .hover .hover_off{opacity: 0;display: none; transition: 0.2s ease-in-out;}
.category_product .item a:hover .hover .hover_on{opacity: 1;display: block; transition: 0.2s ease-in-out;}
.category_product .item .tag {position: absolute;right: 0;top: 0;z-index: 1;}
.product_info{padding: 30px 0;color: #000;max-width: 1134px;margin: 0 auto;}
.product_info h3.RLline {position: relative;margin: 30px 0;text-align: center;display: flex;align-items: center;justify-content: center;}
.product_info h3.RLline span {margin: 0 2em;}
.product_info h3.RLline::before, .product_info h3.RLline::after {content: "";width: auto;height: 1px;background-color: #000;margin: 0 1em;flex: 1;}
.product_info_text{font-size: 16px;}
.product_info_text h2{font-size: 36px;font-weight: 700;margin-bottom: 1em;}
.product_info_text p{font-size: 16px;}
.product_info_text .directions>div{display: flex;font-size: 16px;}
.product_info_text .directions label{width: 3.5em;font-weight: 600;font-size: 16px;}
.product_info_img {padding: 0 60px;}
.product_info_img .mySwiper2 .img_box{position: relative;padding-bottom: 120%;}
.product_info_img .mySwiper2 .img_box img{position: absolute;width: 100%;height: 100%;object-fit: contain;top: 0;left: 0;}
.product_info_img .mySwiper .img_box{position: relative;padding-bottom: 120%;}
.product_info_img .mySwiper .img_box img{position: absolute;width: 100%;height: 100%;object-fit: contain;top: 0;left: 0;}
.swiper_nav {position: relative;}
.swiper_nav .swiper-button-prev {width: 30px;height: 30px;background-color: #fff;border-radius: 30px;border: 1px solid #231f20;padding: 5px;position: absolute;left: -30px;top: 50%;transform: translate(0, -50%);margin: 0;}
.swiper_nav .swiper-button-next {width: 30px;height: 30px;background-color: #fff;border-radius: 30px;border: 1px solid #231f20;padding: 5px;position: absolute;right: -30px;top: 50%;transform: translate(0, -50%);margin: 0;}
.swiper_nav .swiper-button-prev,.swiper_nav .swiper-button-next{color:#000;display:flex;align-items:center;justify-content:center;}
.swiper_nav .swiper-button-prev::after,.swiper_nav .swiper-button-next::after{width:14px;height:14px;font-size:14px;text-align:center;}
.case_pro{padding: 30px 0;}
.case_pro .item {display: grid;grid-template-columns: 10em auto;gap: 16px 10px;padding: 28px;}
.case_title{font-size: 18px;}
.case_title span{font-weight: 600;display: block;}
.case_img{margin-left: 2em;display: grid;grid-template-columns: 1fr 1fr;gap: 16px 10px;}
.same_pro .owl-theme .owl-nav .owl-prev{position: absolute;left: -30px;top: 50%;font-size: 36px;transform: translate(0, -50%);}
.same_pro .owl-theme .owl-nav .owl-next{position: absolute;right: -30px;top: 50%;font-size: 36px;transform: translate(0, -50%);}
.same_pro .owl-theme .owl-nav .owl-prev span{width: 16px;display: flex;justify-content: flex-end;}
.same_pro .owl-theme .owl-nav .owl-next span{width: 16px;display: flex;justify-content: flex-start;}
.same_pro .owl-theme .owl-nav [class*='owl-']:hover{background-color: transparent;color: #000;}
.same_pro .proinfo_category {padding: 0 40px;}
.same_pro a.item{text-decoration: none;color: #000;}
.same_pro a.item .hover {position: relative;padding-bottom: 110%;}
.same_pro a.item .hover img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.same_pro a.item .hover .hover_off{opacity: 1;display: block; transition: 0.2s ease-in-out;}
.same_pro a.item .hover .hover_on{opacity: 0;display: none; transition: 0.2s ease-in-out;}
.same_pro a.item:hover .hover .hover_off{opacity: 0;display: none; transition: 0.2s ease-in-out;}
.same_pro a.item:hover .hover .hover_on{opacity: 1;display: block; transition: 0.2s ease-in-out;}
/*footer*/
footer {background-color: #6a6465;color: #fff;padding: 7% 7% 3%;}
.footer_box{max-width: 1134px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer_info {width: 15em;font-size: 14px;}
.footer_info .f_logo {margin-bottom: 1em;}
.footer_info i[class*='fa-'] {font-size: 21px;vertical-align: middle;margin-right: 0.5em;}
.SMP {display: flex;}
.SMP a{display: block;width: 50px;height: 50px;margin: 5px 15px;}
.footer_link {display: flex;justify-content: space-around;width: 33%;text-align: center;}
.footer_link .title {font-size: 18px;margin-bottom: 15px;padding-bottom: 5px;border-bottom: 1px solid #fff;}
.footer_link a {display: block;text-decoration: none;color: #fff;font-size: 16px;margin-bottom: 5px;}
.footer_link a:hover {color: #cba28b;}
.footer_qrcode {
    display: flex;
}
.footer_qrcode a{color: blue;}
.footer_qrcode img {
    width: 8em;
}
.footer_qrcode>div+div {
    padding-left: 2em;
}
img.footer_info_icon {
    vertical-align: bottom;
    width: 24px;margin-right: 13px;
}
@media (min-width:992px){
.navbar{position:relative;}
.mega-dropdown{position:static;}
.mega-menu{display:block;width:100vw;left:50%;transform:translateX(-50%);top:100%;margin-top:0;border:0;border-radius:0;opacity:0;padding: 0;visibility:hidden;transition:.3s;box-shadow:0 10px 25px rgba(0,0,0,.15);}
.mega-dropdown.show .mega-menu{opacity:1;visibility:visible;}
.search_bar {margin-right: 15px;}
}
@media (max-width: 1066px) {
	.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus{font-size: 20px;}
}
@media (max-width: 991px) {
.space,.news{padding: 15px 15px;}
.header {padding: 15px;}
.index_page {margin: 30px 0;}
.contact_info,.contact_map{width: 100%;}
.product_category .list {flex-wrap: wrap;}
.mega-menu{width:auto !important;transform:none;opacity:1;visibility:visible;position:static;box-shadow:none;padding: 0;border: none;}
.search_bar {margin-right: 15px;}
.contact_box {align-items: flex-end;}
}
@media (max-width: 768px) {
.banner_box {position: relative;padding-bottom: 0;}
.banner_box_text {position: relative;width: 100%;height: 100%;background-color: rgb(255 255 255 / 48%);z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;font-family: "Noto Serif TC", serif;font-optical-sizing: auto;font-style: normal;color: #6a4040;padding:15px;}
.banner_box>img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.step_box {padding: 30px;}
.footer_info{width: 70%;margin: 0 auto;padding-bottom: 30px;}
.footer_link,.footer_qrcode {width: 100%;padding-bottom: 30px;}
.pro_items {display: flex;flex-wrap: wrap;}
.pro_item {width: 100%;}
.product_category .list a.item {width: calc(100% / 3);}
.case_pro .item {display: block;}
.case_title {margin-bottom: 1.5em;text-align: center;}
.case_img {display: flex;flex-wrap: wrap;}
.product_info h3.RLline {flex-wrap: wrap;}
.product_info h3.RLline::before, .product_info h3.RLline::after {width: 70%;flex: auto;}
.product_info h3.RLline span {margin: 1em 2em;}
}
@media (max-width: 575px) {
.roundbox .roundbox_text {font-size: 13vmax;}
.qrcode_box {flex-wrap: wrap;}
}