#wrap h2.pag_tit { font-size: 30px; }
#wrap #content_wrap >h1{color: var(--info);margin-bottom: 50px;font-size: 25px;font-weight: 600;}

/* product_list */
#product_list{margin-bottom: 80px;}
#content_wrap #product_list li{padding: 20px 30px;background-color: rgb(248 248 248 / 15%);width: calc(100% - 62px);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin: 2px 0;}
#content_wrap #product_list li >div{width:25%;}
#content_wrap #product_list li .review, #content_wrap #product_list li .buttons{width: calc(25%/2);text-align: center;}
#content_wrap #product_list li .review a{font-size: 14px;color: var(--white);text-decoration: underline;}
#content_wrap #product_list li .buttons a{font-size: 15px;font-weight: 500;background: var(--primary);color: #554040;display: inline-block;padding: 10px 20px;border-radius: 50px;}
#content_wrap #product_list .info{width: 45%;}
#content_wrap #product_list .info h4{font-size: 18px;}
#product_list li .clip {display: flex;align-items: center;}
#product_list li .clip .photo{overflow:hidden;width: 25%;margin-right: 5%;border-radius: 5px;}
#product_list li .clip .photo img{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#product_list li h3 {font-size: 18px;font-weight: 900;}
#product_list li .price_box p { margin: 0 10px; min-height: 28px; }
#product_list li .price_box p:first-letter { margin-right: 3px; font-weight: 300; font-size: 12px; }
#product_list li .price_box p.old { text-decoration: line-through; }

/* productdetail */
#productdetail {margin-bottom:50px;}

/* infoBox */
#infoBox{width: 65%;}
#infoBox .h3title{border-bottom: 2px solid var(--primary);font-size: 28px;margin-bottom: 20px;}
#infoBox >.info{background: rgb(246 246 246 / 15%);padding: 30px 40px;}
#infoBox .info p{line-height: 200%;}
#infoBox .info .buttons{margin-top: 30px;}
#infoBox .info .buttons a{background: var(--primary);color: #483c3c;font-size: 15px;font-family: proxima_nova_condensed_bold,Arial,Helvetica;padding: 10px 30px;display: inline-block;font-weight: bold;}

/* #recommend */
#recommend{width: 30%;}
#recommend .entitle h2{text-transform:uppercase;font-size: 12px;padding: 10px;background: var(--primary);color: #473c3c;}
#recommend #prolay .pro-list{background: rgb(250 250 250 / 10%);}
#recommend #prolay .pro-list >div{padding: 10px;border-bottom: 1px solid #c9c9c9;position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
#recommend .product-item >a{position:absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
#recommend .product-item img{width: 15%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#recommend .info{width: 80%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#recommend .info .text{width: calc(100% - 100px);}
#recommend .info .text h3{font-size: 14px;color: #9a9a9a;}
#recommend .info .text p{font-size: 16px;font-weight: 700;font-family: proxima_nova_condensed_bold,Arial,Helvetica;overflow: hidden;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#recommend .info a{background: var(--primary);font-family: proxima_nova_condensed_bold,Arial,Helvetica;color: var(--white);position: relative;z-index: 3;font-weight: 700;text-transform: uppercase;padding: 10px 15px;border-radius: 5px;font-size: 12px;letter-spacing: 1px;display: inline-block;}

/* tabs_box */
#tabs_box{display:flex;flex-wrap: wrap;justify-content: space-between;}

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

/* productinfo */
#productinfo{display:flex;flex-wrap: wrap;justify-content: space-between;padding: 80px 0;align-items: center;}
#productinfo .left{width: 40%;}
#productinfo .left .photo{width:450px;}
#productinfo .left p{color: var(--white);margin-top: 30px;letter-spacing: 1px;font-size: 15px;}
#productinfo .left #google_shere font{margin: 0;}
#productinfo .left #google_shere font i{margin-right: 5px;font-size: 18px;color: gold;}
#productinfo .left #google_shere font:first-child, #productinfo .left #google_shere font:last-child{display: none;}
#productinfo .right{width: 50%;}
#productinfo .right p{color: var(--white);margin-bottom: 10px;}
#productinfo .right h3{font-size: 40px;line-height: 130%;color: var(--white);}
#productinfo .right .buttons{display: flex;flex-direction: column;width: 300px;margin-top: 20px;}
#productinfo .right .buttons a{padding: 10px 0;color: var(--white);font-weight: 500;font-size: 14px;display: block;text-align: center;}
#productinfo .right .buttons a.btn{background: var(--white);color: var(--black);border: 1px solid #ddd;border-radius: 5px;text-transform: uppercase;font-size: 18px;font-weight: 600;letter-spacing: 1px;font-family: proxima_nova_rgbold,Arial,Helvetica;}

/* 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 .info{margin: 30px 0;border: 1px solid var(--primary);}
#productTabs h3{background: var(--primary);color: #422f2f;font-size: 20px;padding: 5px 15px;}
#productTabs .tab_content{padding: 20px;}

/* faqlist */
#faqlist li{margin: 20px 0;background: rgb(243 243 243 / 15%);}
#faqlist li.current{border:2px solid #c74848}
#faqlist li.current .menu_body{border-bottom:1px solid #ff992c}
#faqlist li .menu_head{padding:20px 30px;font-size: 18px;color: var(--white);line-height:120%;background: none;display: flex;align-items: center;}
#faqlist li .menu_head b{width: 30px;height: 30px;display: inline-flex;color: #3a2e2e;position:relative;font-weight: bold;align-items: center;justify-content: center;background: var(--primary);border-radius: 50px;margin-right: 8px;}
#faqlist li.current .menu_head b:before{display:none}
#faqlist li .menu_head h3{display:inline-block;color:#494949;margin-left:15px;font-weight:normal;width:calc(100% - 40px);vertical-align:top;line-height:110%}
#faqlist li .menu_body{color:#414042;font-size:18px;padding: 20px 30px;border-bottom:2px solid #efecef;margin-bottom:4px;background:#fff;line-height:120%;display: none;}
#faqlist li .menu_body article{color: #414042 !important;}

/* bonus-bottom */
.bonus-bottom{position:fixed;bottom: 0;transition: all linear 0.3s;width: 100%;z-index: 100;}
.bonus-bottom[data-type="2"] {position:static;border-bottom: 5px solid #d6d6d6;}
.bonus-bottom .top{width: var(--width-xl);margin: 0 auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 12px 0;}
.bonus-bottom .top >div{width:25%;}
.company-logo img{width: 50%;}
.company-rating h4, .bonus-text h4{text-transform: uppercase;color: #fff;font-size: 12px;font-family: proxima_novasemibold,Arial,Helvetica;}
.bonus-bottom .company-rating #SeoStarRating font span{font-size: 18px;line-height: 100%;}
.bonus-bottom #SeoStarRating font:first-child, #SeoStarRating font:last-child{display:none;}
.bonus-bottom #SeoStarRating font i{color:gold;margin-right: 4px;}
.bonus-text h3{color: var(--white);font-size: 16px;overflow: hidden;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.bonus-button .button{text-align: end;}
.bonus-button .button a{padding: 8px 55px;font-size: 12px;background: var(--white);border: 1px solid #dfdfdf;font-family: proxima_nova_rgbold,Arial,Helvetica;border-radius: 4px;text-transform: uppercase;letter-spacing: 2px;color: var(--black);font-weight: 800;display: inline-block;}

/* google_shere */
#SeoStarRating font span{margin-right: 2px;font-size: 22px;}
#SeoStarRating font .star, #SeoStarRating font .star-half-o{color: gold;}
#SeoStarRating font .star-o{color: #ccc;}

/* bnBox */
.bnBox {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;padding: 100px 0;position: relative;margin-bottom: 60px;border-bottom: 1px solid #ffda90;}
.bnBox:after {content:'';width: 100%;height: 100%;position: absolute;background: #000;top: 0;opacity: .5;}
.bnBox >div{z-index: 2;position: relative;}
.bnBox h3{text-align: center;font-size: 35px;color: var(--white);}
.bnBox p{color: var(--white);text-align: center;font-size: 20px;width: 75%;margin: 15px auto 0;}

@media screen and (max-width: 1280px){
	.bonus-bottom .top{width: 95%;}
}
@media screen and (max-width: 1024px){
	#productinfo .left .photo{width: 80%;}
	#productinfo .right h3{font-size: 35px;}
	#infoBox{width:100%;}
	#recommend{width:100%;margin-top: 20px;}
	#recommend .product-item img{width:10%;}
	#recommend .info{width:85%;}
	#content_wrap #product_list li .buttons a{padding: 11px;font-size: 14px;}
}
@media screen and (max-width: 980px){
	#content_wrap #product_list li .review, #content_wrap #product_list li .buttons{width: calc(55%/2);}
	#content_wrap #product_list li .buttons a{display:block;text-align: center;}
	#product_list li .clip{width: 100% !important;}
	#product_list li .clip .photo{width: 80px;}
	#productinfo .right h3{text-align: center;}
	#productinfo{padding: 50px 0;}
	#productinfo .left .photo{width: 50%;}
	#productinfo .left{width:100%;margin-bottom: 10px;display: flex;flex-direction: column;align-items: center;}
	#productinfo .right{width:100%;display: flex;flex-direction: column;align-items: center;}
}
@media screen and (max-width: 640px){
	#product_list li .clip .photo{width: 60px;}
	#product_list li { width: 65%; }
	#faqlist li .menu_head{font-size: 16px;padding: 10px;}
	#infoBox >.info{padding: 25px;}
	#faqlist li .menu_head b{font-size: 14px;}
	#recommend .product-item img{width:20%}
	#recommend .info{width: 75%;}
	.bonus-bottom .top .company-logo .photo img{width: 100px;}
	.bonus-bottom .top >div{width: calc(100%/2);}
	.bonus-bottom .top .company-rating{ display: none;}
	.bonus-bottom .top .bonus-text h4{ display: none;}
	.bonus-bottom .top .company-logo .photo img{width: 100px;}
	.bonus-bottom .top >div{width: calc(100%/2);}
	.bonus-bottom .top .bonus-button{width:100%;margin-top: 10px;}
	.bonus-button .button a{display:block;text-align: center;}
	#footer_btn a.line{display:none;}
	.bnBox h3{font-size: 27px;}
	.bnBox{padding: 50px 0;}
	.bnBox p{font-size: 17px;width: 90%;}
	#content_wrap #product_list .info{width:100%;margin: 10px 0;}
	#content_wrap #product_list li .review, #content_wrap #product_list li .buttons{width:50%;}
	#content_wrap #product_list li .review{text-align: left;}
	#SeoStarRating font span{font-size: 18px;}
	#content_wrap #product_list li .buttons a{padding: 7px;}
}