/* product_area */
#product_area { padding: 0vw 0 2vw; }
#product_area .title_box p, #product_area .title_box .page_title { text-align: center; padding-left: 0; }
#product_area .title_box .page_title::before { display: none; }
#product_area ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 20px; }
#product_area ul li { padding: 0px; margin: 0; box-shadow: rgba(0, 0, 0, 0.04) 2px 2px 4px 0px, rgb(0 0 0 / 11%) -5px -5px 24px 0px; background-color: #fff; width: auto; }
#product_area ul li::before { content: ''; position: absolute; bottom: -20px; height: 100%; right: 0; width: 100%; z-index: -1; }
#product_area ul li .info_box { height: auto; margin: 0 0 0 auto; display: flex; flex-direction: column; }
#product_area ul li .info_box .img_box { position: relative; }
#product_area ul li .info_box .img_box img { height: 260px; object-fit: cover; object-position: center; }
#product_area .row .info_box .Txt { display: flex; flex-direction: column; margin: 20px 20px; }
#product_area .row .info_box h3 { color: var(--info); font-size: clamp(21px, 1.05vw, 40px); line-height: 160%; font-weight: 500; display: block; padding-bottom: 8px; border-bottom: 1px solid #d6dadb; margin: 0 0 10px; height: 30px; }
#product_area .row .info_box .line { margin: 20px -40px 10px; width: 50px; height: 1px; background: #161616; opacity: .7; display: none; }
#product_area .row .info_box article { height: 45px; font-weight: 300; font-size: 16px; -webkit-line-clamp: 3; color: #000; }
#product_area .row .info_box .price { margin-top: 15px; min-height: 30px; }
#product_area .row .info_box .price font { margin-left: 20px; font-weight: 300; }
#productdetail { overflow: hidden; position: relative; padding: 30px; background: #fff; }
.producintroBox h1 { font-size: clamp(18px, 1.05vw, 40px); font-weight: 400; color: #1b1b1b; letter-spacing: 1px; position: relative; margin-bottom: 10px; text-align: left; line-height: 160%; }

/* orderfunction */
#productinfo { margin-top: 30px; }
#productinfo #orderfunction { margin-bottom: 25px; }
#orderfunction a { line-height: 24px; }
#orderfunction a.limit { line-height: 21px; }
#orderfunction input { width: 50px; }
#product_area_p, #productinfo_p { padding: 0px 0px 0px; justify-content: flex-start; display: grid; grid-template-columns: repeat(1, 1fr); gap: 5px 5px; }
#product_area_p { margin-bottom: .5em; }
#product_area_p b, #productinfo_p b { font-size: 15px; color: #545454; width: 100%; font-weight: 500; }
#product_area_p b { display: flex; flex-wrap: wrap; align-items: center; gap: .3em .5em; color: #464646; font-weight: 500; font-size: 15px; }
#product_area_p b.Ttext0 { width: 100%; }
#product_area_p b span { margin: .2em 0; font-weight: 400; line-height: 1; font-family: "Noto Sans TC", sans-serif; font-size: .9em; color: currentcolor; word-spacing: .1em; }
#product_area_p b span:not(:last-child) { padding-right: .5em; border-right: 1px #ccc solid; }

/* imglist */
#imglist img { margin-bottom: 20px; aspect-ratio: 4 / 3; }
#imglist .img_nav img { margin: 0 10px 0 0; width: 100px; height: 100px; object-fit: contain; }

/* productData */
#productData h2 { margin: 0px 0 15px; font-weight: 400; font-size: 22px; }
#productData .txt, .buyBtns { margin-bottom: 10px; }
#productData h2 {font-size: 28px;color: #2d2d2d;font-weight: bold;border-bottom: 2px var(--primary) solid;padding-bottom: 0.2vw;}
#productData .txt label { margin-right: 15px; width: 50px; }
#productData .price font { font-size: 18px; }
#productData article, #productData .item_square { font-weight: 400; font-size: 18px; color: #515151; }
#productData .item_square span { vertical-align: text-top; color: #d80038; font-weight: 500; }
#productData #community { margin-top: 15px; }
.item_price { text-align: end; line-height: 160%; }
.item_price span { font-size: 1.8rem; vertical-align: baseline; color: #d80038; margin-right: 6px; font-weight: 600; line-height: 140%; }

/* orderfunction */
#orderfunction a { line-height: 24px; }
#orderfunction a.limit { line-height: 21px; }
#orderfunction input { width: 50px; }

/* buyBtns */
.buyBtns a { padding: 10px 0; background: #3a4856; }

/* productTabs */
#productTabs { position: sticky; top: 100px; background-color: #fff; }
#productTabs ul.tabs {margin: 0px 0 35px;z-index: 2;position: relative;margin-bottom: 10px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;background-color: var(--primary);text-align: center;}
#productTabs ul.tabs li a { padding: 10px 40px; color: var(--white); font-size: 18px; font-weight: 500; letter-spacing: 1px; }
#productTabs ul.tabs li.active a { color: var(--complement); }
#productdetail .img_box .slick-slide { background-color: #fff; text-align: center; }
.producTitle { margin: 40px; text-align: center; }
.shopbox {background: #f4f4f4;border-top: 4px solid var(--primary);padding: 30px;margin-bottom: 50px;}
.headertit {padding: 0 0 20px 0;font-size: 24px;font-weight: 600;color: var(--primary);}
#productinfo .infoBox { margin-bottom: 20px; background: #f4f4f4; color: #797979; display: grid; grid-template-columns: repeat(2, 1fr); }
#productinfo .infoBox li { color: #464646; font-weight: 600; display: grid; grid-template-columns: 140px 1fr; }
#productinfo .infoBox li p { vertical-align: initial; color: #464646; font-weight: 500; padding: .6rem 10px; border-bottom: 1px solid #dfdfdf; }
#productinfo .infoBox li p.p-detail-item { background-color: #e6e6e6; color: #131313; }
#productinfo .infoBox li p { background-color: var(--white); }
#tabSp .Txt h3 { color: #1f1f1f; margin-bottom: 10px; padding-top: 0.2em; font-size: 17px; line-height: 170%; border-bottom: 0px #e5e4e4 solid; }

.roomSepcList .space { display: flex; align-items: baseline; font-size: 16px; padding: 11px 0; }
.roomSepcList .space:not(:last-child) { border-bottom: 1px solid #dfdfdf; }
.roomSepcList .title { min-width: 4em; font-weight: 400; line-height: 25px; letter-spacing: 4px; font-size: 17px; color: #3b4c42; padding-right: 30px; position: relative; display: inline-block; margin: 0 20px 0 10px; }
.roomSepcList .title:before { content: ""; position: absolute; display: block; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 80%; background: #dfdfdf; }
.roomSepcList .specText { color: #000000; margin-left: 10px; font-size: 16px; }

.btnWrap .btn { display: flex; width: 160px; font-size: 16px; letter-spacing: 1.5px; color: #3a3a3a; background-color: #eaeaea; padding: 10px; align-items: center; justify-content: space-around; }
.btnWrap a svg { fill: var(--primary); width: 20px; height: 20px; position: relative; padding-left: 26px; }
.btnWrap { display: flex; align-items: center; justify-content: flex-start; padding: 30px 0 20px; grid-gap: 10px; }
.btnWrap a.btn:hover, .btnWrap a.btn:first-child { color: #fff; background-color: var(--primary); }
.btnWrap a.btn:hover svg { var(--white); fill: var(--white); }

#objectLabel { width: 70px; position: absolute; left: 5px; top: 5px; padding: 5px; color: white; text-align: center; }

@media screen and (min-width: 1281px) {
	.producbox { vertical-align: top; margin-top: 0%; }
	#productdetail { display: flex; align-items: flex-start; justify-content: space-between; text-align: justify; }
	#product_area .row:hover .info_box .line { width: 100%; background: #172a88; }
}
@media screen and (max-width: 1280px) {
	#content_wrap { padding: 10px 10px 50px; }
	.producTitle { margin: 10px; text-align: center; }
	#productinfo { margin-top: 5vw; }
	#imglist, #productData { width: 100%; }
	#product_area .row .img_box { opacity: 1; }
}
@media screen and (max-width: 1024px) {
	#product_area ul { grid-template-columns: repeat(2, 1fr); gap: 20px 20px; }
	#productdetail { padding: 30px 0; }
}
@media screen and (max-width: 761px) {
	#product_area .list_box { margin: auto; width: 400px; }
	#product_area .row .info_box>div { width: calc(100% - 0px); }
	#product_area .row .info_box article { height: 50px; -webkit-line-clamp: 2; }
}
@media screen and (max-width: 768px) {
	#product_area ul { padding: 0px; background-color: #fff; grid-template-columns: 1fr; }
	#product_area .row .info_box h3 { margin: 10px 0 10px; }
	#product_area ul li::before { display: none; }
	#product_area .row .info_box .Txt { margin: auto; width: calc(100% - 30px); padding: 20px 0; }
	#product_area ul li .info_box { display: flex; flex-direction: column; align-items: flex-start; }
	#productdetail { padding: 20px 0; }
	#productinfo .infoBox { grid-template-columns: 1fr; }
	#productinfo .infoBox li { grid-template-columns: 110px 1fr; }
	.shopbox { padding: 20px 20px; }
	.headertit { padding: 0 0 10px 0; }
}
@media screen and (max-width: 640px) {
	#productTabs { top: 80px; }
}
@media screen and (max-width: 500px) {
	#product_area .list_box { width: 100%; }
}