#wrap h2.pag_tit { font-size: 30px; }


/* product_list */
.list_box#product_list li {margin: 0;display: grid;grid-template-columns: 62% 30%;justify-content: space-between;margin: 110px 0;align-items: center;}
#product_list li .clip {margin: 0 auto 30px;aspect-ratio: 5/3;}
#product_list li .h3 {height: auto;font-size: 22px;letter-spacing: 2px;font-weight: 500;color: var(--info);}
#product_list li article {color: #7e848d;font-size: 16px;font-weight: 400;line-height: 1.8;letter-spacing: 2px;}
#product_list .facIconBox{position:relative;}
#product_list .facIconBox #facIconList{width: 85%;margin: 0 auto;}
#product_list .arrowBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; width: 100%; position: absolute; top: 35%; left: 0; right: 0; margin: 0 auto; z-index: 2; padding: 0; opacity: 1; pointer-events: none; }
#product_list .arrowBox .arrow { position: relative; width: 35px; height: 35px; cursor: pointer; border: 1px solid transparent; pointer-events: auto; }
#product_list .arrowBox .arrowPrev { left: 0; }
#product_list .arrowBox .arrowNext { right: 0; }
#product_list .arrowBox .arrow { width: 25px; height: 25px; }
#product_list .arrowBox .arrow::before {content: "";position: absolute;top: 50%;width: 35px;height: 35px;border-left: 1px solid var(--complement);border-bottom: 1px solid var(--complement);opacity: 1 !important;}
#product_list .arrowBox .arrowPrev::before { left: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
#product_list .arrowBox .arrowNext::before { right: 50%; -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); }
#product_list .rbox {display:grid;gap:5px}
#product_list .rbox .titleEn{font-family: 'Cinzel';text-transform: uppercase;letter-spacing: 2px;color: var(--complement);}
#product_list .morebox{background:white;padding: 40px;border-radius: 35px;display: flex;flex-direction: column;align-items: center;gap: 20px;margin-top: 20px;}
#product_list .morebox .more{width:80%;margin: 0 auto;text-align: center;background: var(--complement);padding: 10px 0;border-radius: 50px;color: white;}
#product_list .price_box{width:100%;border-bottom: 1px solid #ccc;padding: 20px 0;margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;}
#product_list .price_box p{display:flex;justify-content: flex-end;align-items: center;gap: 4px;font-family: 'Cinzel';color: var(--primary);font-size: 22px;font-weight: 600;}
#product_list .price_box p span{font-size:16px;font-family: 'Noto Serif TC';font-weight: 300;}
#product_list .price_box p b{color:var(--primary);font-size: 22px;font-family: 'Cinzel';font-weight: 600;}
#product_list .price_box img{width: 25px;aspect-ratio: 1/1;object-fit: contain;}

/* productdetail */
#productdetail {padding: 8vw 0 5vw;}
#productdetail .articleSubTitle {color: var(--primary);font-family: "Noto Serif TC","Microsoft JhengHei","sans-serif";font-size: 20px;font-weight: 600;line-height: 1;letter-spacing: 2px;border-left: 2px solid var(--primary);padding: 0 10px;margin: 80px 0 45px;}
#productdetail #imglist .img{padding:0 10px;}
#productdetail #imglist img {width: 100%;object-fit: cover;aspect-ratio: 4/3;}
#productdetail #imglist .slider-nav { margin-top: 40px; }
#productdetail #imglist .slider-nav .slick-prev{z-index: 2;left: 35px;}
#productdetail #imglist .slider-nav .slick-prev:before{content: '';position: absolute;top: 50%;width: 20px;height: 20px;border-left: 2px solid #cfd0d0;border-bottom: 2px solid #cfd0d0;transform: translateY(-50%) rotate(45deg);}
#productdetail #imglist .slider-nav .slick-next{right: 50px;}
#productdetail #imglist .slider-nav .slick-next:before{content: '';position: absolute;top: 50%;width: 20px;height: 20px;border-left: 2px solid #cfd0d0;border-bottom: 2px solid #cfd0d0;transform: translateY(-50%) rotate(-135deg);}
#productdetail #facIconList .facIconItem{background:white;padding: 70px;border-radius: 50px;display: grid;grid-template-columns: repeat(7, 1fr);gap: 50px;}
#roominfo .row{display:block;margin: 0;}
#roominfo .row >div{padding:0}
#roominfo ol{padding-left:30px}
#roominfo li{list-style:square}
#roominfo li::marker{color:var(--gray)}
#roominfo table{margin:15px 0;width:100%;border-collapse:collapse}
#roominfo td, #roominfo th{padding:10px;border: 1px solid #d6d9dd;}

/* imglist */
#imglist .clip { -webkit-clip-path: url(#clip_product_detail); clip-path: url(#clip_product_detail); }

/* productinfo */
#productinfo .cate { padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#productinfo h1 { margin: 10px 0 20px; }
#productinfo .txt { margin-bottom: 15px; }
#productinfo .txt label { margin-right: 15px; width: 50px; }
#productinfo .price font { font-weight: 600; font-size: 25px; }
#productinfo article { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px rgba(var(--primary-rgb), .6) dashed; font-weight: 300; font-size: 14px; }
#productinfo .sell_box >* { line-height: 100%; font-size: 17px; vertical-align: baseline; }
#productinfo .sell_box span { margin: 0 3px 0 15px; }
#productinfo .sell_box b { font-size: 36px; }
#productinfo .buyBtns { margin-top: 30px; }
#productinfo .buyBtns a { padding: 10px 0; }

/* orderfunction */
#orderfunction a[data-action="plusBtn"] { margin: 0 2px; width: 35px; height: 35px; background: rgba(var(--secondary-rgb), .3); border-radius: 5px; line-height: 30px; font-weight: 600; font-size: 28px; }
#orderfunction a.limit[data-action="plusBtn"] { line-height: 27px; font-size: 33px; }
#orderfunction input { margin: 0 5px; width: 30px; border-width: 0 0 1px; }
#orderfunction .addcar { float: right; }

/* productTabs */
#productTabs .tabs { margin-bottom: 30px; background: rgba(var(--black-rgb), .08); }
#productTabs .tabs li a { padding: 15px 30px; }
#productTabs .tabs li a:before { position: absolute; width: 0; height: 3px; background: var(--primary); display: block; bottom: 0; left: 0; content: ""; }
#productTabs .tabs li.active a:before { width: 100%; }

@media screen and (max-width: 1280px){
    #product_list li article{font-size: 14px;}
}
@media screen and (max-width: 1024px){
    #productdetail #facIconList .facIconItem{grid-template-columns: repeat(6, 1fr);}
    #product_list .facIconBox{display:none;}
    .list_box#product_list li{display:block;}
}
@media screen and (max-width: 980px){
	#productdetail #facIconList .facIconItem{grid-template-columns: repeat(3, 1fr);}
    .list_box#product_list li {margin: 0 auto 90px;width: 90%;}	
}
@media screen and (min-width: 641px){
    #roominfo table.mo{display:none;}
    #roominfo tr:first-child{background: var(--complement);color: white;}
}
@media screen and (max-width: 640px){
    #roominfo td:first-child{background: var(--complement);color: white;}
    #roominfo table.pc{display:none;}
    #facIconList .item .facTxt{font-size:15px;}
    #productdetail #facIconList .facIconItem{grid-template-columns: repeat(3, 1fr);padding: 35px 10px;gap: 35px 20px;border-radius: 30px;}
    #product_list .price_box{margin-bottom:0}
    #product_list li .clip{margin-bottom:15px;}
	#product_list .morebox{padding: 5px 25px 25px;margin: 0;}
}