/* productList */
#productList ul {box-shadow: rgb(0 0 0 / 10%) 0 6px 18px;border-radius: 20px;overflow: hidden;}
#productList ul li {position: relative;overflow: hidden;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 30px;}
#productList ul li:nth-child(even){background:#ebe9e4}
#productList ul li .num{width: 40px;height: 40px;background: #ebe9e4;border-radius: 50px;display: flex;justify-content: center;align-items: center;}
#productList ul li:nth-child(even) .num{background:#fff}
#productList ul li .num p{text-align: center;font-family: 'Open Sans', sans-serif;font-weight: bold;color: #484848;}
#productList ul li img {position: relative;width: 130px;z-index: 1;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 10px;}
#productList ul li >a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 3; }
#productList ul li .info {width: calc(100% - 500px);}
#productList ul li .info h3 {height: auto;font-weight: bold;font-size: 20px;color: #434343;-webkit-line-clamp: 1;text-transform: uppercase;}
#productList ul li .info p {margin-top: 5px;}
#productList ul li .right{width: 200px;display: flex;flex-direction: column;align-items: stretch;}
#productList ul li .right p{position: relative;z-index: 10;}
#productList ul li .right p a{display: block;text-align: center;background: #eea60f;color: #fff;font-weight: bold;font-size: 15px;padding: 10px 0;border-radius: 50px;}
#productList ul li .right p.more a{background: none;color: #555;font-size: 12px;font-style: italic;padding: 0;margin-top: 10px;}

/* imglist */
.imglist >div a.photo img:first-child { position: absolute; width: 100%; height: 100; top: 0; left: 0; opacity: 0; z-index: -999; }

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

/* productinfo */
#productinfo{display:flex;flex-wrap: wrap;padding: 50px 0;align-items: center;flex-direction: column;}
#productinfo .photo{width: 400px;margin: 20px auto;}
#productinfo p{color: #fff;letter-spacing: 1px;font-size: 37px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;}
#productinfo p.ri{font-size: 15px;color: #c2c2c2;}
#productinfo #google_shere font{margin: 0;}
#productinfo #google_shere font i{margin-right: 5px;font-size: 18px;color: gold;}
#productinfo #google_shere font:first-child, #productinfo #google_shere font:last-child{display: none;}
#productinfo h3{font-size: 25px;line-height: 130%;color: #fff;margin: 20px 0;}
#productinfo .buttons{display: flex;flex-direction: column;width: 300px;margin-top: 20px;position: absolute;bottom: -30px;}
#productinfo .buttons a{padding: 15px 0;color: var(--white);font-weight: 500;font-size: 14px;display: block;text-align: center;}
#productinfo .buttons a.btn{background: #eea60f;color: #fff;border-radius: 50px;text-transform: uppercase;font-size: 18px;font-weight: 600;letter-spacing: 1px;box-shadow: 2px 2px 4px rgb(0 0 0 / 15%);}

/* productTabs */
#productTabs ul.tabs { margin: 50px 0 20px; font-size: 0; }
#productTabs ul.tabs li { display: inline-block; }
#productTabs ul.tabs li a { margin: 5px 20px 5px 0; padding: 10px 25px; border: 1px #e5e5e5 solid; display: inline-block; color: #8a8d91; }
#productTabs ul.tabs li.active a { background: #ff575f; border-color: #ff575f; color: #fff; }
#productTabs #tabs_container { padding-top: 35px; border-top: 1px #e5e5e5 solid; }

/* content */
#content .info{box-shadow: rgb(0 0 0 / 10%) 0 6px 18px;margin: 110px 10px 0;padding: 40px;border-radius: 25px;}
#content .info h1{font-size: 26px;text-align: center;margin-bottom: 20px;font-weight: bold;text-transform: uppercase;font-family: 'Open Sans', sans-serif;}
#content #tabSp{margin: 0 20px;}

/* contentinfo */
#contentinfo {background: #f3f3f3;padding: 50px 0;margin-top: 70px;}
#contentinfo .info{box-shadow: rgb(0 0 0 / 10%) 0 6px 18px;margin: 30px 10px;padding: 40px;border-radius: 25px;background: #fff;}
#contentinfo .info h1{font-size: 26px;text-align: center;margin-bottom: 20px;font-weight: bold;text-transform: uppercase;font-family: 'Open Sans', sans-serif;}

/* faqlist */
#faqlist li{margin: 20px 0;background: #f3f3f3;}
#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: #2b2b2b;line-height:120%;background: none;display: flex;align-items: center;}
#faqlist li .menu_head b{width: 30px;height: 30px;display: inline-flex;color: var(--white);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;}

/* 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 .workframe{width: 1100px;}
.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: 10%;}
.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%;}
#SeoStarRating font:last-child{display:none;}
.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: #eea60f;border-radius: 50px;text-transform: uppercase;letter-spacing: 2px;color: #fff;font-weight: 800;display: block;text-align: center;}

@media screen and (max-width:1360px) {
	.productinfo { width: calc(95% - 160px); }
}
@media screen and (max-width:1280px) {
	.bonus-bottom .workframe{width:90%;}
}
@media screen and (max-width:1024px) {
	.productinfo .row.rightBox { margin: 40px 0 0 0; width: 40%; }
}
@media screen and (max-width:980px) {
	#productList ul li .num{display:none;}
	#productList ul li .info{width: calc(100% - 380px);}
	.imglist >div a.photo img { max-width: initial; }
	.productinfo { text-align: right; }
	.productinfo .row { margin: 0; width: 100%; }
	.productinfo .row.rightBox { margin: 40px 0 0 0; width: 320px; }
	.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;}
}
@media screen and (max-width:640px) {
	.bonus-bottom{bottom: 40px;}
	#contentinfo .info h1{font-size: 23px;}
	#content .info, #contentinfo .info{padding: 30px 20px;}
	#productinfo .photo{width:50%;}
	#productList ul li {display: flex;flex-direction: column;align-items: center;}
	.productinfo { padding: 40px 20px; width: calc(95% - 40px); }
	.imglist >div a.photo img { height: 70vw; }
	.wrap #content .productinfo .row h2 { font-size: 7vw; }
	.productinfo .row.rightBox { width: 100%; }
	#productList ul li .info{width:100%;margin: 10px 0;display: flex;flex-direction: column;align-items: center;}
	.bonus-bottom .top .bonus-button{display:none;}
	.bonus-bottom .top{justify-content: flex-end;}
	.bonus-bottom .top .company-logo{width: 25%;}
	#faqlist li .menu_head{padding: 20px 10px;}
}