/* list_product */
.list_product ul { font-size: 0; }
.list_product ul li {position: relative;margin-bottom: 20px;background: rgba(58, 61, 63, 0.3);display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 30px;}
.list_product ul li >a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 3; }
.list_product ul li >div {overflow: hidden;position: relative;width: 15%;}
.list_product ul li .img img {position: relative;width: 100%;height: 135px;object-fit: cover;z-index: 1;}
.list_product ul li .info {overflow: visible;position: relative;width: 60%;z-index: 2;}
.list_product ul li .info .price { position: absolute; background: rgb(0 0 0 / .6); top: -39px; left: 0; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.list_product ul li .info .price font { margin: 6px 15px; display: inline-block; font-weight: 300; color: #fff; }
.list_product ul li .info .price font.old { color: rgb(255 255 255 / .4); }
.list_product ul li .info h3 {margin-bottom: 10px;height: auto;font-weight: bold;font-size: 20px;color: #fff;text-transform: uppercase;}
.list_product ul li .info article {height: auto;font-weight: 400;font-size: 14px;color: #fff;-webkit-line-clamp: 1;}
.list_product ul li >div p{font-style: italic;font-size: 12px;color: #fff;text-align: center;}
.list_product ul li >div p a{background: #ffff30;padding: 10px 20px;display: block;text-align: center;font-style: initial;color: #370367;font-size: 15px;margin-bottom: 12px;position: relative;z-index: 4;}

/* productdetail */
#productdetail { font-size: 0; }
#productdetail .row {display: block;}
#productdetail #imglist {padding: 100px;position: relative;}
#productdetail #imglist .slider-for{display:flex;flex-direction: column;align-items: center;}
#productdetail #imglist .slider-for p{margin:10px 0;font-size: 15px;color: #eee;}
#productdetail #imglist .slider-for h3{margin: 10px 0 0;font-size: 22px;color: #fff;}
#productdetail #imglist .buttons{position: absolute;bottom: 0;}
#productdetail #imglist .buttons a{background: #ffff30;display: inline-block;padding: 10px 60px;color: #202020;font-weight: 500;}
#productdetail #imglist img {width: 100%;height: 250px;object-fit: cover;}
#productdetail #imglist .slider-nav { margin-top: 40px; }
#productdetail #imglist .slider-nav img { margin: 0 10px 0 0; width: 100px; height: 100px; border: 1px #ddd solid; }
#productdetail #productinfo .cat a { font-size: 14px; color: #9b9b9b; }
#productdetail #productinfo h2 {margin: 45px 0 15px;font-weight: bold;font-size: 25px;color: #fff;}
#productdetail #productinfo article {font-size: 15px;color: #e4e4e4;}
#productdetail #productinfo #community { margin-bottom: 15px; border-bottom: 1.5px #ccc dashed; }
#productdetail #productinfo #community ul { margin: 35px 0 10px; }

#productdetail .shopbox p { margin: 20px 0; font-size: 0; }
#productdetail .shopbox p label { margin-right: 15px; display: inline-block; font-weight: 300; font-size: 15px; color: #5d5d5d; }
#productdetail .shopbox p select { padding: 5px; border: 1px #e5e5e5 solid; display: inline-block; }

#productdetail #orderfunction a , #productdetail #orderfunction input { padding: 2px 13px; border: 1px #e5e5e5 solid; display: inline-block; color: #000; vertical-align: middle; }
#productdetail #orderfunction input { width: 30px; border-width: 1px 0; text-align: center; }

#productdetail .price font { margin-right: 10px; display: inline-block; line-height: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; color: #565656; vertical-align: text-bottom; }
#productdetail .price font.offer { font-size: 18px; color: #262626; }
#productdetail .price font.old { text-decoration: line-through; }

#productdetail #productinfo .buyBtns { text-align: center; font-size: 0; }
#productdetail #productinfo .buyBtns a { padding: 6px 0; width: calc((100% - 15px) / 2); background: #1f1f1f; display: inline-block; text-align: center; color: #fff; }
#productdetail #productinfo .buyBtns a.ask { margin-left: 15px; background: #f0f4f7; color: #1f1f1f; }

/* productTabs */
#productTabs .row{margin:20px 0;}
#productTabs .row h3{color:#fff;font-size: 22px;margin-bottom: 10px;}
#productTabs .row .tab_content{color:#fff}
#productTabs ul.tabs { margin: 70px 0 35px; border-bottom: 1px #ddd solid; font-size: 0; }
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a { padding: 7px 40px; display: inline-block; color: #1f1f1f; }
#productTabs ul.tabs li.active { background: #1f1f1f; transform: skewX(-10deg); }
#productTabs ul.tabs li.active a { color: #fff; transform: skewX(10deg); }

/* faqlist */
#faqlist li{margin: 20px 0;background: rgba(58, 61, 63, 0.3);}
#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: 16px;line-height:120%;background: none;display: flex;align-items: center;margin: 0;font-weight: 300;}
#faqlist li .menu_head b{width: 30px;height: 30px;display: inline-flex;color: #000;position:relative;font-weight: bold;align-items: center;justify-content: center;background: #ffff30;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;}

/* 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: 2px solid rgb(0 30 84 / 30%);}
.bonus-bottom[data-type="1"] {border-top: 2px solid rgb(0 30 84 / 30%);}
.bonus-bottom .workframe{width: 1440px;}
.bonus-bottom .top{margin: 0 auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 12px 0;}
.bonus-bottom .top >div{width: 25%;}
.bonus-bottom .top .company-logo{width: 7%;}
.bonus-bottom .top .bonus-button{width: 20%;}
.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 i{color:gold;margin-right: 4px;}
.bonus-text h3{color: #fff;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: 13px 55px;font-size: 12px;background: #ffff30;border-radius: 50px;text-transform: uppercase;letter-spacing: 2px;color: #370367;font-weight: 500;display: block;text-align: center;}

@media screen and (max-width: 1440px){
	.bonus-bottom .workframe{width:90%;}
}
@media screen and (max-width: 1280px){
	.list_product ul li .img img{height:100px;}
}
@media screen and (max-width: 1160px){
}
@media screen and (max-width: 768px){
	.company-rating h4, .bonus-text h4{display:none;}
	.bonus-bottom .top{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
	.bonus-bottom .top >div{width: 70%;}
	.bonus-bottom .top .company-logo{position:absolute;left: 0;}
	.bonus-bottom .top .bonus-button{width: 15%;position: absolute;right: 0;}
	.bonus-button .button a{padding: 15px 0;}
	.list_product ul li .info h3, .list_product ul li .info article{text-align: center;}
	.list_product ul li .img img{height:100%;}
	.list_product ul {display:flex;flex-wrap: wrap;justify-content: space-between;}
	.list_product ul li{display:flex;flex-direction: column;align-items: center;width: calc(50% - 80px);}
	.list_product ul li >div, .list_product ul li .info{width:100%;}
	.list_product ul li .info{margin:10px 0;}
	#productdetail { text-align: center; }
	#productdetail #imglist {padding: 50px 50px 90px;}
	#productdetail #imglist img { height: 300px; }
	#productdetail #productinfo { margin-top: 5vw; }
}
@media screen and (max-width: 640px){
	.bonus-text h3{font-size: 15px;font-weight: 400;}
	.bonus-bottom .top .bonus-button{display:none;}
	.bonus-bottom .top{justify-content: flex-end;}
	.bonus-bottom .top .company-logo{width: 25%;}
	.bonus-bottom{bottom: 47px;}
	#productdetail #imglist img{height:auto}
	.list_product ul li{width:100%;}
}