.section_area {padding: 5vw 0;position: relative;}
.section_area .area_title {position: relative;display: flex;align-items: center;justify-content: center;gap: 22px;margin: 0 auto 65px;color: var(--primary);font-size: 38px;font-weight: 500;letter-spacing: 0.12em;line-height: 1.2;text-shadow: 0 0 12px rgba(216,182,108,0.35);}
.section_area .area_title::before,.section_area .area_title::after { content: ""; display: block; width: 130px; height: 1px; }
.section_area .area_title::before {  background:linear-gradient(90deg,transparent 0%,#8a642f 35%,#d8b66c 100%    );}
.section_area .area_title::after{  background:linear-gradient(90deg,#d8b66c 0%,#8a642f 65%,transparent 100%    );}
.section_area .area_title span { position: relative; display: inline-block; }
.section_area .area_title span::before,.section_area .area_title span::after { content: ""; position: absolute; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #d8b66c; box-shadow: 0 0 10px rgba(216,182,108,0.8); transform: translateY(-50%); }
.section_area .area_title span::before { left: -34px; }
.section_area .area_title span::after { right: -34px; }
.section_area .sub_title {font-weight: 500;font-size: 1.1em;color: #e4cd9b;}
section .more_btn{font-family: 'Noto Serif TC';display: inline-flex;align-items: center;padding: 18px 20px;gap: 40px;background: var(--primary);font-size: 14px;font-weight: 300;letter-spacing: .5px;font-style: italic;}
section .more_btn:hover{background:var(--chip-ink)}
section .more_btn:hover span{transform: translateX(45px);}
section .more_btn span{position:relative;display:block;width: 65px;height: 5px;transition: all linear 0.3s;}
section .more_btn span:before{display:block;content:"";width:100%;height:1px;background-color: white;position:absolute;top:auto;left:0;bottom:0;right:auto}
section .more_btn span:after{display:block;content:"";width:1px;height:100%;background-color: white;position:absolute;top:auto;left:auto;bottom: 1px;right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:bottom;transform-origin:bottom}
.section_area .list_box { margin-top: 2vmax; }
.section_area .list_box .item_row {margin: 0 .8em;}
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }

/* product_area */
#product_area{border-top: 2px solid var(--sub);border-bottom: 2px solid var(--sub);}
#product_area #product_list { position: relative; }
#product_area #product_list .product_arrow { position: absolute; top: 50%; z-index: 5; color: var(--secondary); font-size: 25px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; font-family: 'Noto Serif TC'; line-height: 0; }
#product_area #product_list .product_arrow:after { content: ''; width: 50px; aspect-ratio: 1/1; position: absolute; border: 1px solid var(--secondary); border-radius: 50%; transform: translateY(3px); z-index: -1; }
#product_area #product_list .product_arrow:hover:after { background: var(--secondary); }
#product_area #product_list .product_arrow:hover { color: white; }
#product_area #product_list .product_prev { left: -58px; }
#product_area #product_list .product_next { right: -58px; }

/* about_area */
#about_area { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
#about_area:after { content: ''; background: linear-gradient(-90deg,rgb(0 0 0/0%),rgb(30 23 17/85%)); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_area .workframe { position: relative; z-index: 2; }
#about_area .info_box { width: 33%; }
#about_area .sub_title { display: inline-flex; align-items: center; gap: 14px; margin: 0 0 18px; font-size: 17px; font-weight: 500; letter-spacing: 0.18em; }
#about_area .sub_title::before { content: ""; display: block; width: 42px; height: 1px; background: linear-gradient(90deg,transparent 0%,#8a642f 35%,#e1c1a1 100%    ); }
#about_area .pageh1 { margin: 0 0 28px; color: var(--primary); font-size: 32px; font-weight: 500; line-height: 1.5; letter-spacing: 1.5px; text-shadow: 0 4px 22px rgba(0,0,0,0.45); word-break: keep-all; }
#about_area article { margin: 30px 0 60px; }
#about_area article p { margin: 0 0 20px; line-height: 2.05; letter-spacing: 0.06em; text-align: justify; }
#about_area article p:last-child { margin-bottom: 0; }

/* photo_area */
#photo_area .item_row { padding: 4% 6%; border: 2px var(--g_100) solid; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#photo_area .item_row .img_box img { width: 100px; aspect-ratio: 1/1; }
#photo_area .item_row .info_box { margin-left: 6%; width: 1%; flex: 1 1 auto; }
#photo_area .item_row .info_box h3 { margin-bottom: .5em; max-height: 3.2em; height: auto; -webkit-line-clamp: 2; }
#photo_area .item_row .info_box font { padding: .5em 1em; background: var(--primary); border-radius: 2em; display: inline-block; line-height: 1; font-weight: 300; font-size: .9em; color: white; }

/* news_list */
#news_list .img_box { aspect-ratio: 5/3; }
#news_list .info_box { margin-top: .5em; }
#news_list .info_box .time { font-size: .9em; color: var(--g_500); }
#news_list .info_box h3 { margin: .2em 0 .5em; }
#news_list .info_box article { margin-bottom: .5em; height: 3.2em; font-size: .9em; color: var(--g_600); -webkit-line-clamp: 2; }

@media screen and (min-width: 1025px){
	#about_area{background-attachment: fixed;}
}
@media screen and (max-width: 1440px){
    #product_area .workframe{width: min(90%, 1200px);}
}
@media screen and (max-width: 1400px){
    #product_area .workframe{width: min(80%, 1100px);}
}
@media screen and (max-width: 1024px) {
#about_area .info_box { width: 50%; }
#about_area:after { background: linear-gradient(-90deg,rgb(0 0 0/0%),rgb(30 23 17/85%) 50%); }
#about_area article { font-size: 16px; line-height: 1.9; }
}
@media screen and (max-width: 768px){
    .section_area{padding:10vw 0}
    #product_area #product_list .product_next{right: -35px;}
    #product_area #product_list .product_prev{left:-35px;}
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .info_box {width: 70%;}
}
@media screen and (max-width: 640px){
    #product_area:last-child .workframe{width:90%;}
	#about_area:after{background: linear-gradient(-90deg, rgb(30 23 17 / 30%), rgb(30 23 17 / 85%) 50%);}
#about_area .info_box {width: 100%;}
    #about_area .pageh1{font-size: 22px;}
    #product_area #product_list .product_prev, #product_area #product_list .product_next{display:none;}
    .section_area{padding:13vw 0}
    #about_area{background-position: 95% 50%;}
    .section_area .area_title{font-size: 28px;margin: 0 auto 35px;}
    .section_area .area_title::before, .section_area .area_title::after{width: 30px;}
	#photo_area .item_row .img_box { width: 100%; }
	#photo_area .item_row .img_box img { width: 100%; aspect-ratio: 1/1; }
	#photo_area .item_row .info_box { margin: .5em 0 0; width: 100%; }
}