.product-page{padding-bottom:0px; width:100%; float:left; overflow-x:hidden }
@media (max-width: 767px){
    .product-page{padding-bottom:65px;  }
}

/* Slider */
#sync1{opacity:0; transition:.3s;}
#sync1 .owl-item:before{content:''; display:block; padding-bottom:100%; position:relative;}
#sync1 .owl-item .item{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }
#sync1 .owl-item .item img{width:inherit; height:inherit; object-fit:cover; }
#sync1 .owl-item .item:before{font-family: "Font Awesome 5"; font-weight: 900; content: "\f002"; position:absolute; left:50%; top:50%; margin: -20px 0 0 -20px; z-index:3; font-size:16px; background:rgba(0,0,0,.3); width:40px; height:40px; text-align:center; line-height:40px; display:block; color:#fff; border-radius:5px; opacity:0; transition:.3s}
#sync1 .owl-item .item:hover:before{opacity:1;}

#sync2{width:330px; display:block; margin: 30px auto 0 auto; opacity:0; transition:.3s;}
#sync2 .owl-item:before{content:''; display:block; padding-bottom:100%; position:relative;}
#sync2 .owl-item .item{width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; top:5px; left:5px; overflow:hidden; border:1px solid rgba(0,0,0,.1); padding:5px; border-radius:7px; cursor:pointer }
#sync2 .owl-item .item img{width:100%; height:100%; object-fit:cover;}
#sync2 .synced .item{border-color:var(--color1); pointer-events:none}

@media (min-width:768px) and (max-width: 991px){
    #sync2{width:120px;margin:0; top:0; left:0; position:absolute}
    #sync2  .owl-wrapper{width:100%!important; transform:initial!important}
    #sync2 .owl-item{clear:both;}
}


.product-page .col-left{width:calc(100% - 290px); float:left; position:relative; padding-right:40px; }

.product-page .col-right{width:290px; float:right; position:relative; }
.product-page .col-right .pay{width:100%; float:left; margin-top:30px;}
.product-page .col-right .pay span{font-weight:bold; font-size:16px; display:block; text-align:center;}
.product-page .col-right .pay img{width:100%;}

.main-product{width:100%; float:left; position:relative; background:#fff; padding:0; border-radius:10px;}
.main-product .col-slider{width:550px; float:left; position:relative; padding-right:40px;}
.main-product .col-info{width:calc(100% - 550px - 280px); float:left; position:relative; padding-right:40px;}
.main-product .col-info .head-info{width:100%; float:left; position:relative;  padding-bottom:20px;}
.main-product .col-info .head-info h3{margin:0; padding:0 0 0px 0; font-size:28px;line-height:35px; font-weight:bold; color:#000; display:block; float:left; width:100%;}
.main-product .col-info .head-info .product-rating{width:100%; float:left; position:relative; margin-top:15px; margin-bottom:0px;}
.main-product .col-info .head-info .product-rating #productdetail-rating{float:left; }
.main-product .col-info .head-info .product-rating b{display:block; float:left; border:1px solid rgba(0,0,0,.15); line-height:24px; padding: 0 7px; border-radius:4px; margin:-3px 0 0 5px; margin-right:5px;}
.main-product .col-info .head-info .product-rating span{}
.main-product .col-info .head-info .product-rating span label{margin:0; font-weight:bold}
.main-product .col-info .deliveryInfo{width:100%; float:left; position:relative; background:rgba(0,0,0,.05); display:block; padding:  0; border-radius:8px;}
.main-product .col-info .deliveryInfo .rowTop{width:calc(100% - 10px); margin: 5px 5px 0 5px; display:flex; position:relative; background:#fff; border-radius:5px; padding: 10px 10px; }
.main-product .col-info .deliveryInfo .rowTop span{line-height:41px; font-weight:500; padding: 0 5px;}
.main-product .col-info .deliveryInfo .rowTop label{margin:0; line-height:41px; height:40px; padding: 0 10px; border-radius:7px; margin: 0 3px; font-weight:bold; box-shadow: inset 0 0 0 2px var(--color2); text-transform:uppercase }
.main-product .col-info .deliveryInfo .rowBottop{width:100%; float:left; position:relative; padding: 5px 10px; font-size:13px; line-height:17px }
.main-product .col-info .body-info{width:100%; float:left; position:relative;}
.main-product .col-info .body-info .specifications{width:100%; float:left; position:relative;}
.main-product .col-info .body-info .specifications .row-ele{width:100%; float:left; position:relative; display:flex; margin-top:25px;}
.main-product .col-info .body-info .specifications .row-ele .title{font-size:15px; color:rgba(0,0,0,.8); line-height:32px; padding-right:5px;}
.main-product .col-info .body-info .specifications .row-ele .title:after{content:':'}
.main-product .col-info .body-info .specifications .row-ele ul.nav-tabs{margin:0; padding:0; list-style:none; border:none;}
.main-product .col-info .body-info .specifications .row-ele ul.nav-tabs li{}
.main-product .col-info .body-info .specifications .row-ele a{margin-left:15px; box-shadow: 0 0 0 2px rgba(0,0,0,.1); font-weight:500; font-size:15px; line-height:33px; height:32px; display:inline-flex; padding: 0 10px; color:#000; border-radius:5px; transition:.3s; }
.main-product .col-info .body-info .specifications .row-ele a:hover{box-shadow: 0 0 0 2px var(--color1);}
.main-product .col-info .body-info .specifications .row-ele a.active{box-shadow: 0 0 0 2px var(--color1); background:var(--color1); color:#fff;}
.main-product .col-info .body-info .box-price{width:100%; float:left; margin-top:20px;}
.main-product .col-info .body-info .box-price .price{color:#ec1f26; font-size:32px; font-weight:bold; position:relative; float:left; padding-right:15px; margin-right:5px; }
.main-product .col-info .body-info .box-price .price:after{content:'₫'; position:absolute; top:5px; right:0; font-size:22px;}
.main-product .col-info .body-info .box-price .unit{color:#000; font-size:16px; font-weight:400; margin-top:15px; margin-left:10px;}
.main-product .col-info .body-info .box-price .unit:before{content:'('; font-weight:normal;}
.main-product .col-info .body-info .box-price .unit:after{content:')'; font-weight:normal; }
.main-product .col-info .body-info .box-price .wrap-slae{width:100%; float:left; position:relative; margin-top:-10px;}
.main-product .col-info .body-info .box-price .price-compare{display:block;  font-weight:600; margin: 10px 0 0 0; color:#8f8f8f; font-size:22px; position:relative; padding-right:13px; float:left; }
.main-product .col-info .body-info .box-price .price-compare:before{content:''; width:calc(100% - 13px); height:2px; float:left; position:absolute; top:50%; left:0; background:#8f8f8f; margin-top:-1px; }
.main-product .col-info .body-info .box-price .price-compare:after{content:'₫'; position:absolute; right:0; top:3px; font-size:16px;}
.main-product .col-info .body-info .box-price .percent{position:relative; margin:18px 0 0 15px; font-size:16px; z-index:5; padding:0 10px 10px 0; font-weight:bold;float:left;  }
.main-product .col-info .body-info .box-price .percent:before{content:'Tiết kiệm:'; float:left; margin-right:5px; font-weight:normal; font-size:15px;}
.main-product .col-info .body-info .box-price .percent:after{content:'₫'; position:absolute; top:3px; right:0; font-size:13px;}

.main-product .col-info .body-info .status-product{width:100%; float:left; position:relative; padding-top:40px; margin-top:10px;}
.main-product .col-info .body-info .status-product .status{text-transform:uppercase; font-size:13px; font-weight:bold; letter-spacing:1px; position:absolute; top:0;  height:30px; border-radius:15px; line-height:31px; padding: 0 15px;}
.main-product .col-info .body-info .status-product .brief{width:100%; float:left; line-height:25px;}
.main-product .col-info .body-info .status-product .note-form{width:100%; float:left; position:relative;}
.main-product .col-info .body-info .status-product .note-form label{margin:25px 0 0 0; width:100%; float:left; position:relative}
.main-product .col-info .body-info .status-product .note-form .wrap-input{width:100%; float:left; position:relative; margin: 15px 0 10px 0;}
.main-product .col-info .body-info .status-product .note-form .wrap-input:before{font-family: "Font Awesome 5"; font-weight: 900; font-size:22px; content: "\f3cd"; line-height:48px; position:absolute; top:0; left:15px; color:#000;}
.main-product .col-info .body-info .status-product .note-form .wrap-input input[type="text"]{width:100%; float:left; position:relative; height:48px; padding: 0 60px 0 45px; border-radius:5px; background:rgba(0,0,0,.03); border:none; outline:none; font-weight:bold; box-shadow: inset 0 0 0 1px rgba(0,0,0,.07); transition:.3s; }
.main-product .col-info .body-info .status-product .note-form .wrap-input input[type="text"]:focus{box-shadow:inset 0 0 0 1px var(--color2)}
.main-product .col-info .body-info .status-product .note-form .wrap-input .nav-send{position:absolute; top:5px; right:5px; line-height:38px; height:38px; padding: 0 10px; z-index:2; background:var(--color2); border-radius:5px; width:50px; text-align:center; font-weight:bold; color:#fff;}
.main-product .col-info .body-info .status-product .nav-addCart{width:calc(100% - 155px); float:right; line-height:51px; height:50px; border-radius:5px; background:var(--color1); font-size:16px; color:#fff; display:block; text-align:center; margin-top:30px; text-decoration:none; text-transform:uppercase; font-weight:bold; display:block!important }
.main-product .col-info .body-info .status-product .note{display:block; text-align:center; clear:both; padding-top:10px; }
.main-product .col-info .body-info .status-product .note b{color:#ec1f26; font-size:15px;}
.main-product .col-info .body-info.stocking .status-product .status{color:#1fa663; background:#e2f7ec;}
.main-product .col-right{width:280px; float:right; position:relative;}
.main-product .col-right .box{width:100%; float:left; position:relative; border:1px solid rgba(0,0,0,.1); border-radius:7px; padding:25px;}
.main-product .col-right .box ul.list{width:100%; float:left; position:relative; list-style:none; margin:0; padding:0;}
.main-product .col-right .box ul.list li{width:100%; float:left; display:table; margin-bottom:10px; font-size:15px; }
.main-product .col-right .box ul.list li span{display:table-cell;  color:rgba(0,0,0,.75)}
.main-product .col-right .box ul.list li span:after{content:':'; padding-left:2px; padding-right:5px;}
.main-product .col-right .box ul.list li a{color:#000; font-weight:500; transition:.3s; display:table-cell; text-align:right;}
.main-product .col-right .box ul.list li a:hover{color:var(--color1)}
.main-product .col-right .box ul.list li b{color:#000; font-weight:500; display:table-cell; text-align:right}
.main-product .col-right .box ul.list li:last-child{margin-right:0;}
.main-product .col-right  .share-product{clear:both; border-top:1px solid rgba(0,0,0,.0); padding: 25px 0 0 0; width:100%; float:left;}
.main-product .col-right  .share-product span{float:left; line-height:36px; font-size:15px; padding-right:15px; font-weight:500;}
.main-product .col-right  .share-product a{width:36px; height:36px; line-height:36px; text-align:center; font-size:16px; color:#fff; float:left; margin-right:10px; text-decoration:none; border-radius:5px; box-shadow:inset 0 0 rgba(0,0,0,0); transition:.3s; }
.main-product .col-right  .share-product a:hover{box-shadow:inset 0 36px rgba(0,0,0,.2) } 
.main-product .col-right  .share-product .nav-facebook{background:#3d568c}
.main-product .col-right  .share-product .nav-twitter{background:#219ee7}
.main-product .col-right  .share-product .nav-pinterest{background:#e41727}

@media (max-width:767px){
    .main-product .col-slider{width:100%;  padding-right:0; position:relative;}
    .main-product .col-info{width:100%; padding-top:30px;}
    .main-product .col-info .body-info .box-price {margin-top:10px;}
    .main-product .col-info .body-info .box-price .wrap-slae{margin-top:-10px;}
}

@media (min-width:768px) and (max-width:991px){
    .main-product .col-slider{width:100%; padding-left:150px; padding-right:0; position:relative;}
    .main-product .col-info{width:100%; padding-top:30px;}
}

@media (min-width:992px) and (max-width:1199px){
    .main-product{padding-bottom:250px;}
    .main-product .col-slider{width:50%;  padding-right:40px;}
    .main-product .col-info{width:50%; position:initial}
    
}

/* Ngừng Kinh Doanh */
.main-product .col-info .body-info.stop .status-product .status{color:#d56e00; background:#ffe5d1; margin-top:20px;}
.main-product .col-info .body-info.stop .box-price,
.main-product .col-info .body-info.stop .wrap-minusPlus,
.main-product .col-info .body-info.stop .nav-addCart,
.main-product .col-info .body-info .status-product .note{display:none!important;} 

/* Hết hàng */
.main-product .col-info .body-info.outofstock .status-product .status{color:#c7190c; background:#ffe4e4; margin-top:20px;}
.main-product .col-info .body-info.outofstock .box-price,
.main-product .col-info .body-info.outofstock .wrap-minusPlus,
.main-product .col-info .body-info.outofstock .nav-addCart{display:none!important;} 
.main-product .col-info .body-info.outofstock .status-product .note-outofstock{display:block; }

/* Liên hệ Đặt hàng */
.main-product .col-info .body-info.contact .status-product .status{color:#a9028b; background:#f1deed; margin-top:20px;}
.main-product .col-info .body-info.contact .box-price,
.main-product .col-info .body-info.contact .wrap-minusPlus,
.main-product .col-info .body-info.contact .nav-addCart{display:none!important;} 
.main-product .col-info .body-info.contact .status-product .note-contact{display:block; }

/* Cháy hàng */
.main-product .col-info .body-info.soldout .status-product .status{color:#c7190c; background:#ffe4e4; padding-left:32px;}
.main-product .col-info .body-info.soldout .status-product .status:before{font-family: "Font Awesome 5";font-weight: 900; content: "\f06d"; font-size:20px; position:absolute; left:10px; bottom:0px;}

.main-product .col-info .foot-info{width:100%; float:left; padding-top:20px;  }

@media (max-width:767px){
    
}

@media (min-width:992px) and (max-width:1199px){
   .main-product .col-info .foot-info{margin-top:30px;}
}


/*******************************************************************************/ 
/*                         Trạng thái khuyến mãi                               */
/*******************************************************************************/
.promotion-status{width:100%; float:left; position:relative; margin-bottom:5px; box-shadow: inset 0 0 0 1px #f3d1d9, 0 0 0 5px #fff; border-radius:7px; padding:14px 20px; background:#fff4f7; }
.promotion-status .col-title{display:block; float:left; position:relative;}
.promotion-status .col-title h4{font-weight:bold; font-size:18px; color:var(--color3); margin:0;}
.promotion-status .col-title .time-limit{display:block; font-size:14px; padding-top:2px;}
.promotion-status .col-title .time-limit:before{content:'Thời gian:'; padding-right:3px; font-weight:normal; opacity:.8}
.promotion-status .col-title .time-limit b{font-weight:500;}
.promotion-status .wrap-progress{width:100%; float:left; position:relative; margin-top:15px;}
.promotion-status .wrap-progress .progress{height:8px; margin-top:2px; background:rgba(0,0,0,.1)}
.promotion-status .wrap-progress .progress .progress-bar{background-image: linear-gradient(to right, var(--color3) , #ffc107); border-radius:5px;}
.promotion-status .wrap-progress .total{width:100%; float:left; position:relative; color:rgba(0,0,0,.85); margin-top:5px;}
.promotion-status .wrap-progress .total b{color:#000; font-weight:900; font-size:18px; padding-left:5px;}
.promotion-status .wrap-progress .total b:after{content:'/'; font-weight:normal; color:rgba(0,0,0,.7); font-size:15px;padding: 0 2px}
.promotion-status .wrap-progress .total i{font-style:normal; font-weight:500; color:rgba(0,0,0,.7)}

.wrap-countdown{position:absolute; float:left; top:15px; right:20px;}
.wrap-countdown label{text-transform:uppercase; color:#000; font-size:14px; font-weight:900; float:left; line-height:41px; padding-right:10px; margin:0;}
.wrap-countdown ul.countdown {list-style: none;margin:  0;padding: 0;display: block;text-align: center; float:left; }
.wrap-countdown ul.countdown li {display:block; float:left; position:relative; background:var(--color3); padding: 2px 0 0 0; height:40px; margin-right:11px; border-radius:5px; width:40px; font-weight:900; color:#fff; font-size:17px;}
.wrap-countdown ul.countdown li:after{content:':'; line-height:40px; position:absolute; top:0; right:-8px; display:block; color:#000; font-size:15px;}
.wrap-countdown ul.countdown li:before{content:''; width:100%; text-transform:uppercase; color:rgba(255,255,255,.85); font-size:10px; text-align:center; position:absolute; left:0; bottom:4px; font-weight:500; line-height:initial;}
.wrap-countdown ul.countdown li.days:before{content:'Ngày'}
.wrap-countdown ul.countdown li.hours:before{content:'Giờ'}
.wrap-countdown ul.countdown li.minutes:before{content:'Phút'}
.wrap-countdown ul.countdown li.seconds{margin-right:0;}
.wrap-countdown ul.countdown li.seconds:before{content:'Giây'}
.wrap-countdown ul.countdown li.seconds:after{display:none;}

.waiting-status{ box-shadow: inset 0 0 0 1px #eddca9; background:#fff9e8; margin:50px 0 0 0; }
.waiting-status:before{content:'Sắp diễn ra'; font-size:14px; text-transform:uppercase; font-weight:bold; position:absolute; left:0; bottom:100%; padding-bottom:4px; }
.waiting-status ul.countdown li{background:#ffc107; color:#000;}
.waiting-status ul.countdown li:before{color:rgba(0,0,0,.8)}
.waiting-status .info{width:100%; float:left; position:relative; border-top:1px solid #eddca9; margin-top:15px; padding-top:12px;  }
.waiting-status .info .price-promotion{float:left; position:relative;}
.waiting-status .info .price-promotion b{color:var(--color2); font-weight:900; font-size:20px; position:relative; padding-right:11px;}
.waiting-status .info .price-promotion b:before{content:'Giá khuyến mãi:'; font-size:15px; font-weight:normal; color:#000; padding-right:5px;}
.waiting-status .info .price-promotion b:after{content: '₫'; position: absolute; top: -1px; right: 0;font-size: 16px; font-weight:bold;}
.waiting-status .info .price-promotion span{font-weight:500;}
.waiting-status .info .price-promotion span:before{content:'/'; font-weight:normal;padding-left:3px;}
.waiting-status .info .number{float:left; margin: 0 0 0 20px; position:relative; padding-left:20px; }
.waiting-status .info .number:before{content:''; width:1px; height:16px; background:#eddca9; position:absolute; top:9px; left:0;}
.waiting-status .info .number b{font-weight:900; font-size:20px;padding: 0 3px;color:var(--color2) }



.wrap-minusPlus{position:relative; float:left; margin-top:30px; padding: 0 0 0 0px; width:140px; }
.wrap-minusPlus span{float:left; line-height:52px; font-weight:bold; position:absolute; top:0; left:0px; text-transform:uppercase; display:none;}
.wrap-minusPlus .minusPlus{float:right; position:relative; height: 50px; padding: 0 50px;border-radius:5px; box-shadow: 0 0 0 1px rgba(0,0,0,.07);}
.wrap-minusPlus .minusPlus a{width:40px; height:40px; line-height:40px; background:#ffc107; color:#000; text-align:center; font-size:16px; font-weight:normal; position:absolute; top:5px; text-decoration:none; border-radius:3px; }
.wrap-minusPlus .minusPlus a.nav-minus{left:5px;}
.wrap-minusPlus .minusPlus a.nav-plus{right:5px;}
.wrap-minusPlus .minusPlus input[type=text]{width:40px; height:50px; text-align:center; border:none; outline:none; font-weight:bold; font-size:20px; background:none;}


ul.product-policises{width:calc(100% + 20px); float:left; position:relative; margin:0 0 -10px; padding:0; list-style:none; padding:0 0 10px 0; display:none; }
ul.product-policises li{width:calc(33.3333333% - 20px); float:left; margin: 0 10px; padding:20px 0 20px 40px; position:relative; }
ul.product-policises li i{font-size:24px; width:24px; line-height:24px; text-align:center; margin-top:-12px;  position:absolute; top:50%; left:0; color:var(--color2)}
ul.product-policises li label{display:block; font-weight:bold; margin:0; color:#000; font-size:15px;}
ul.product-policises li span{opacity:.75}
ul.product-policises li:last-child{border:none;}

@media (max-width:767px){
    ul.product-policises{width:calc(100% + 30px); margin-left:-15px; background:var(--color-bg); padding: 20px 0; display:table;}
    ul.product-policises li{padding:30px 10px 0 10px; border-right:1px solid rgba(0,0,0,.1); text-align:center; width:33.3333333333%; margin:0; display:table-cell; float:initial; text-align:center; position:relative; }
    ul.product-policises li i{top:0; left:50%; margin-left:-12px; margin-top:0;}
}
@media (min-width:992px) and (max-width:1199px){
   ul.product-policises{position:absolute; left:0; bottom:0; margin:0; padding:0; width:100%;}
    
}

.wrap-typePay{width:100%; float:left; position:relative; display:none;}
.wrap-typePay label{margin:0; padding:0; width:100%; float:left; font-weight:500; color:#000 }
.wrap-typePay ul{width:100%; margin: 0px 0 0; padding:0 0 25px 0; list-style:none; float:left; border-bottom:1px solid rgba(0,0,0,.07);}
.wrap-typePay ul li{width:70px; height:50px; margin: 10px 10px 0 0; float:left; padding:8px; background:#fff; display:flex; align-items:center; justify-content:center; border-radius:5px; border:1px solid rgba(0,0,0,.07) }
.wrap-typePay ul li img{max-width:100%; max-height:100%;}
.wrap-typePay ul li.money{display:block; text-align:center; padding:7px;}
.wrap-typePay ul li.money i{font-size:20px; opacity:.5}
.wrap-typePay ul li.money span{display:block; padding-top:2px; width:100%; float:left; text-transform:uppercase; font-size:10px; font-weight:bold; letter-spacing:1px}
.wrap-typePay ul li.banking{display:block; text-align:center; padding:7px; position:relative;}
.wrap-typePay ul li.banking:before{content:''; width:100%; height:5px; background:#000; position:absolute; top:8px; left:0; opacity:.1}
.wrap-typePay ul li.banking span{display:block; padding-top:13px; width:100%; float:left; text-transform:uppercase; font-size:10px; font-weight:bold; letter-spacing:1px; line-height:11px;}

@media (max-width:767px){
    .wrap-typePay{border-top:none; margin-top:-10px;}
    .wrap-typePay ul{border:none;}
}
@media (min-width:992px) and (max-width:1199px){
    .wrap-typePay{position:absolute; left:0; bottom:90px; margin:0; background:var(--color-bg); border-radius:10px; border:none; padding:15px 20px 0 20px;}
    .wrap-typePay ul{border:none;}
    
}

/* Detail */
.detail-product{width:100%; float:left; position:relative; margin-top:25px; background:#fff; border-radius:10px; padding:30px 30px 30px 30px; box-shadow: 0 0 0 1px var(--color-border); }
.detail-product .nav-fontSize{position:absolute; left:100%; height:115px; width:45px; top:0; text-align:right; z-index:5; margin-top:15px; border:1px solid var(--color-border); border-left:none; border-radius:0 7px 7px 0; padding:0 5px 5px 5px; transform:initial!important }
.detail-product .nav-fontSize:before{content: "\f894"; font-family: "Font Awesome 5";font-weight: 900; width:100%; line-height:40px; text-align:center; display:block; font-size:16px; color:var(--color2)  }
.detail-product .nav-fontSize a{line-height:34px; height:34px; width:34px; text-align:center; display:inline-block; font-size:18px; color:#000; font-weight:bold; background:var(--color-bg); }
.detail-product .nav-fontSize a.active{background:var(--color-border); }
.detail-product .nav-fontSize a:first-child{border-radius: 5px 5px 0 0}
.detail-product .nav-fontSize a:last-child{border-radius:0 0 5px 5px}
.detail-product .title-detail{width:100%; float:left; position:relative; border-bottom:1px solid var(--color-border); margin-bottom:25px; padding-bottom:10px; display:none; }
.detail-product .title-detail h4{font-size:22px; font-weight:900;}
.detail-product .content-detail{width:100%; float:left; position:relative; line-height:26px; font-size:16px; overflow:hidden; transition:.3s;}
.detail-product .content-detail img{max-width:100%!important; height:auto!important; display:block; margin: 15px auto;  }
.detail-product .content-detail .wrap-btn-show-more{position:absolute; left:0; bottom:0; padding:20px 0 5px 0 ; width:100%; text-align:center; z-index:2;background-image: linear-gradient(rgba(255,255,255,0), #fff 65%); }
.detail-product .content-detail .wrap-btn-show-more a{line-height:40px; min-width: 250px; padding: 0 30px; box-shadow: 0 0 0 1px var(--color2), 0 0 5px rgba(0,0,0,.3); display:inline-block; background:#fff; border-radius:5px; font-weight:500;}
.detail-product .content-detail .wrap-btn-show-more a:after{font-family: "Font Awesome 5"; font-weight: 900; content: "\f0d7"; font-size:16px; margin-left:10px;}
.detail-product .content-detail .youtube-wrapper { position: relative; padding-bottom: 56.25%;height: 0; overflow: hidden;border-radius: 7px; }
.detail-product .content-detail .youtube-wrapper iframe { position: absolute!important;top: 0!important; left: 0!important; width: 100%;height: 100%;}
.detail-product .content-detail h4{font-size:16px; line-height:30px; font-weight:bold;}
.detail-product .content-detail h3{font-size:18px; line-height:30px; font-weight:bold;}
.detail-product .content-detail h2{font-size:22px; line-height:30px; font-weight:bold;}
.detail-product .content-detail h1{font-size:25px; line-height:30px; font-weight:bold;}
.detail-product .content-detail ul{margin-bottom:0!important}

.nav-jumpto{width:220px; float:left; position:relative; }
.nav-jumpto ul{margin:0; padding:0; list-style:none; width:100%; float:left;}
.nav-jumpto ul li{width:100%; float:left; position:relative; padding: 0 20px; line-height:55px; font-size:16px; font-weight:500; border-top:1px solid var(--color-border); cursor:pointer; z-index:1; transition:.3s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.nav-jumpto ul li:first-child{border:none;}
.nav-jumpto ul li.active{background:#edf4fc; z-index:5; box-shadow: 0 0 0 5px #fff; border-radius:5px; border-color:#edf4fc; color:var(--color2); padding-left:20px;}
.content-jumpto{width:calc(100% - 250px); float:right; position:relative;}
.content-jumpto .block-jumpto{width:100%; float:left ;  margin-top:30px;}
.content-jumpto .block-jumpto:first-of-type{margin-top:0;}

@media(max-width:767px){
    .detail-product{width:calc(100% + 30px); margin-left:-15px; box-shadow:none; border-radius:0; border-top:10px solid var(--color-border); padding:0;}
    .detail-product .content-detail{ padding:50px 15px 0 15px;}
    .nav-jumpto{width:70px; margin-left:-5px;}
    .nav-jumpto ul{box-shadow:inset 0 0 0 1px var(--color-border); border-radius:7px;}
    .nav-jumpto ul li{line-height:initial; font-size:13px; border:none; border-radius:0!important; padding:0; white-space:normal;overflow:inherit; padding: 8px; text-align:center; border-bottom:1px solid var(--color-border)!important; line-height:normal;}
    .nav-jumpto ul li.active{background:var(--color2); color:#fff; box-shadow:none!important; padding-left:8px;}
    .nav-jumpto ul li:first-child{border-radius:7px 7px 0 0!important; }
    .nav-jumpto ul li:last-child{border:none!important; border-radius: 0 0 7px 7px!important}
    .content-jumpto{width:calc(100% - 80px);}
}

@media (min-width:768px) and (max-width:991px){
    .detail-product{padding:20px;}
    .nav-jumpto{width:100px;}
    .nav-jumpto ul{box-shadow:inset 0 0 0 1px var(--color-border); border-radius:7px;}
    .nav-jumpto ul li{line-height:initial; font-size:14px; border:none; border-radius:0!important; padding:0; white-space:normal;overflow:inherit; padding: 10px 15px; text-align:center; border-bottom:1px solid var(--color-border)!important; line-height:22px;}
    .nav-jumpto ul li.active{background:var(--color2); color:#fff; box-shadow:none!important; padding-left:15px;}
    .nav-jumpto ul li:first-child{border-radius:7px 7px 0 0!important; }
    .nav-jumpto ul li:last-child{border:none!important; border-radius: 0 0 7px 7px!important}
    .content-jumpto{width:calc(100% - 120px);}
}

.tbl-ingredients{max-width:100%; border-collapse: separate; border-spacing: 2px; margin-top:15px; margin-bottom:15px;}
.tbl-ingredients thead th{background:var(--color-border); padding: 6px 15px; }
.tbl-ingredients thead th:first-child{border-radius: 7px 0 0 7px;}
.tbl-ingredients thead th:last-child{border-radius: 0 7px 7px 0; text-align:right; white-space:nowrap; min-width:100px;}
.tbl-ingredients tbody td{background:var(--color-bg); padding: 6px 15px; }
.tbl-ingredients tbody td:first-child{border-radius: 7px 0 0 7px;}
.tbl-ingredients tbody td:last-child{border-radius: 0 7px 7px 0; text-align:right;}

@media(max-width:767px){
    .tbl-ingredients{width:100%;}
}
@media (min-width:768px){
    .tbl-ingredients{min-width:500px;}
}

.tbl-info{max-width:100%; border-collapse: separate; border-spacing: 2px; margin-top:15px; margin-bottom:15px}
.tbl-info thead th{background:var(--color-border); padding: 6px 15px; text-align:center; }
.tbl-info thead th:first-child{border-radius: 7px 0 0 7px; text-align:left;}
.tbl-info thead th:last-child{border-radius: 0 7px 7px 0; }
.tbl-info tbody td{background:var(--color-bg); padding: 6px 15px; text-align:center; }
.tbl-info tbody td:first-child{border-radius: 7px 0 0 7px; text-align:left;}
.tbl-info tbody td:last-child{border-radius: 0 7px 7px 0; }
.tbl-info.left-2 thead th:nth-child(2),
.tbl-info.left-2 tbody td:nth-child(2),
.tbl-info.left-3 thead th:nth-child(3),
.tbl-info.left-3 tbody td:nth-child(3),
.tbl-info.left-4 thead th:nth-child(4),
.tbl-info.left-4 tbody td:nth-child(4),
.tbl-info.left-5 thead th:nth-child(5),
.tbl-info.left-5 tbody td:nth-child(5){text-align:left;}

.tbl-info.right-2 thead th:nth-child(2),
.tbl-info.right-2 tbody td:nth-child(2),
.tbl-info.right-3 thead th:nth-child(3),
.tbl-info.right-3 tbody td:nth-child(3),
.tbl-info.right-4 thead th:nth-child(4),
.tbl-info.right-4 tbody td:nth-child(4),
.tbl-info.right-5 thead th:nth-child(5),
.tbl-info.right-5 tbody td:nth-child(5){text-align:right;}

@media(max-width:767px){
    .tbl-info{width:100%;}
}
@media (min-width:768px){
    .tbl-info{min-width:500px;}
}


/* Tag */
.wrap-tags{width:100%; float:left; position:relative; margin-top:25px; background:var(--color-bg); border-radius:10px; padding:15px 20px 20px 100px; min-height:72px; }
.wrap-tags .title-tags{text-transform:uppercase; font-weight:900; color:var(--color2); position:absolute; top:25px; left:20px;}
.wrap-tags .title-tags:before{font-family: "Font Awesome 5"; font-weight: 900; font-size:16px; margin-right:10px; content: "\f02c";}
.wrap-tags a{line-height:32px; height:32px;padding: 0 15px; display:inline-block; margin: 5px 5px 0 0; border-radius:5px; transition:.3s; background:#fff}
.wrap-tags a:hover{color:var(--color2)}
@media (max-width:767px){
    .wrap-tags{width:calc(100% + 30px); margin-left:-15px; border-radius:0; padding-right:15px; background:var(--color-border)}
}


.wrap-product-more{width:100%; float:left; position:relative; margin-top:50px;}
.wrap-product-more .title{width:100%; float:left; position:relative; margin-bottom:10px; }
.wrap-product-more .title h4{ text-transform:uppercase; font-size:18px; font-weight:900;}
.wrap-product-more ul{width:100%; margin:0; padding:0; list-style:none; float:left; border:1px solid #ececec; border-radius:7px; }
.wrap-product-more ul li{width:100%; margin:0;padding:15px; list-style:none; float:left; border-top:1px solid #ececec}
.wrap-product-more ul li:first-child{border:none;}
.wrap-product-more ul li .wrap-img{width:90px; float:left; position:relative; margin: 0 0 0; border-radius:5px; }
.wrap-product-more ul li .wrap-img:before{content:''; padding-top:100%; display:block;}
.wrap-product-more ul li .wrap-img a{width:100%; height:100%; float:left; position:absolute; top:0; left:0; overflow:hidden; border-radius:5px;}
.wrap-product-more ul li .wrap-img a img{width:inherit; height:inherit; object-fit:cover}
.wrap-product-more ul li .wrap-info{width:calc(100% - 90px); float:right; position:relative; padding-left:15px;}
.wrap-product-more ul li .wrap-info a{text-decoration:none; font-size:15px; font-weight:500; color:#000; transition:.3s; width:100%; float:left; margin-top:-3px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}
.wrap-product-more ul li .wrap-info a:hover{color:var(--color2)} 
.wrap-product-more ul li .wrap-info .price-box{float:left; padding-top:5px; width:100%;}
.wrap-product-more ul li .wrap-info .price-box .price{font-weight:bold; font-size:15px; color:#ec1f26; margin-right:5px; float:left; clear:both; position:relative; padding-right:10px;}
.wrap-product-more ul li .wrap-info .price-box .price:after{content:'₫'; position:absolute; right:0; top:0; font-size:13px; font-weight:500}
.wrap-product-more ul li .wrap-info .price-box .price-compare{display:block;  font-weight:500; margin: 2px 0 0 0px; color:#8f8f8f; font-size:14px; position:relative; padding-right:10px; float:left; }
.wrap-product-more ul li .wrap-info .price-box .price-compare:before{content:''; width:100%; height:1px; float:left; position:absolute; top:50%; left:0; background:#8f8f8f; margin-top:-1px; }
.wrap-product-more ul li .wrap-info .price-box .price-compare:after{content:'₫'; position:absolute; right:0; top:1px; font-size:13px;}




.wrap-product-bottom{width:100%; float:left; position:relative; margin-top:25px;}
.wrap-product-bottom .title{width:100%; float:left; position:relative;}
.wrap-product-bottom .title span{font-size:16px; font-weight:normal; padding-bottom:3px; display:block; color:rgba(0,0,0,.85)}
.wrap-product-bottom .title label{text-transform:uppercase; font-size:18px; font-weight:900; margin:0;  color:#000; clear:left; display:block;}
.wrap-product-bottom ul.list-product{width:100%; margin:0; padding:0; box-shadow:none; border:none; margin-top:20px; box-shadow: 0 0 0 1px var(--color-border); border-radius:10px;}
.wrap-product-bottom ul.list-product li{margin: 0; box-shadow:none; box-shadow: 1px 1px var(--color-border)}

@media (max-width:767px) {
    .wrap-product-bottom{width:calc(100% + 30px); margin-left:-15px; border-top:10px solid var(--color-border); }
    .wrap-product-bottom .title{padding: 14px 15px; border-bottom:1px solid var(--color-border)}
    .wrap-product-bottom ul.list-product{margin-top:0; box-shadow:none; border-radius:0;}
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:992px) and (max-width:1199px) {
    .wrap-product-bottom ul.list-product li{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .wrap-product-bottom ul.list-product li:nth-child(4n){box-shadow: 0 1px var(--color-border)}
    .wrap-product-bottom ul.list-product li:nth-child(n+13){display:none!important}
}

@media (min-width:1200px) and (max-width:1439px) {
    .wrap-product-bottom ul.list-product li{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    .wrap-product-bottom ul.list-product li:nth-child(5n){box-shadow: 0 1px var(--color-border)}
    .wrap-product-bottom ul.list-product li:nth-child(n+11){display:none!important}
}
@media (min-width:1440px) {
    .wrap-product-bottom ul.list-product li{-ms-flex: 0 0 16.66666666666%; flex: 0 0 16.66666666666%; max-width: 16.66666666666%;}
    .wrap-product-bottom ul.list-product li:nth-child(6n){box-shadow: 0 1px var(--color-border)}
    .wrap-product-bottom ul.list-product li:nth-child(n+13){display:none!important}
}


/* Câu hỏi thường gặp */

.wrap-questions{width:100%; float:left; position:relative; background:#fff; border-radius:10px; margin-top:25px; padding:25px 25px 10px 25px; box-shadow: 0 0 0 1px var(--color-border); }
.wrap-questions .title{width:100%; float:left; position:relative; font-weight:bold; font-size:20px; color:#000}
.wrap-questions ul{margin:0; padding:5px 0 0 0; list-style:none; width:100%; float:left;}
.wrap-questions ul li{width:100%; float:left; position:relative; font-size:16px; color:#000; padding: 15px 0 15px 30px; border-top:1px solid var(--color-border); line-height:24px; transition:.3s;}
.wrap-questions ul li:first-child{border:none;}
wrap-questions ul li strong,
.wrap-questions ul li b{width:100%; float:left; position:relative; font-weight:500; margin:0; cursor:pointer; padding-bottom: 0px; padding-right:20px;}
.wrap-questions ul li strong:after,
.wrap-questions ul li b:after{font-family: "Font Awesome 5";font-weight: 900;content: "\f078"; font-size:14px; position:absolute; top:10px; right:0; opacity:.5; transition:.3s;}
.wrap-questions ul li.is-open label:after{content:"\f077"; opacity:1;}
.wrap-questions ul li em,
.wrap-questions ul li i{width:100%; transition:.3s; float:left; display:none; opacity:.9; font-style:normal;}
.wrap-questions ul li.is-open i,
.wrap-questions ul li.is-open em{display:block; padding-top:5px;}
.wrap-questions ul li:before{content:'1'; width:20px; height:20px; line-height:21px; border-radius:4px; font-weight:bold; font-size:13px; color:#fff; background:var(--color2); text-align:center; position:absolute; top:16px; left:0; }
.wrap-questions ul li:nth-child(2):before{content:'2'}
.wrap-questions ul li:nth-child(3):before{content:'3'}
.wrap-questions ul li:nth-child(4):before{content:'4'}
.wrap-questions ul li:nth-child(5):before{content:'5'}
.wrap-questions ul li:nth-child(n+6){display:none!important}

@media (max-width:767px){
    .wrap-questions{width:calc(100% + 30px); box-shadow:none; border-radius:0; margin-left:-15px;padding: 0px 15px 0 15px }
}

/***********************************************************************/
/*                                Info Company                         */
/***********************************************************************/
.wrap-InfoCompany{width:100%; float:left; position:relative; border-radius:10px; padding: 0px 0 10px 0;color:#000; margin-top:25px; background:#fff; box-shadow: 0 0 0 1px var(--color-border);}
.wrap-InfoCompany .row-top{ display:table; width:100%; float:left; position:relative;}
.wrap-InfoCompany .col-leftInfo{display:table-cell; position:relative;  text-align:left; vertical-align:middle; padding: 25px 0 25px 35px;}
.wrap-InfoCompany .col-rightInfo{display:table-cell; position:relative; width:400px; text-align:left; vertical-align:top; padding:25px;}
.wrap-InfoCompany .col-leftInfo .logo{position:relative; max-width:130px; width:100%; display:block; margin: 0 auto}
.wrap-InfoCompany .col-leftInfo .logo img{width:100%;}
.wrap-InfoCompany .col-leftInfo h4{display:block; font-weight:900; text-transform:uppercase; font-size:18px; width:100%; float:left; text-align:center; padding-top:15px;}
.wrap-InfoCompany .col-leftInfo span{display:block; text-align:center; line-height:26px; padding-top:10px; width:100%; float:left;}
.wrap-InfoCompany .wrap-info{width:100%; float:left; display:flex; position:relative; background:var(--color-bg); padding: 13px 10px 13px 55px; border-radius:7px; margin-top:20px;}
.wrap-InfoCompany .wrap-info:first-of-type{margin:0;}
.wrap-InfoCompany .wrap-info i{font-size:20px; position:absolute; top:50%; left:20px; font-weight:300!important; width:20px; line-height:20px; margin-top:-10px; text-align:center; color:var(--color2)}
.wrap-InfoCompany .wrap-info .tille{font-weight:500;font-size:14px; letter-spacing:1px; white-space:nowrap }
.wrap-InfoCompany .wrap-info .tille:after{content:':'; padding: 0 10px 0 3px;}
.wrap-InfoCompany .wrap-info .tel{font-weight:bold; color:var(--color3);font-size:16px;}
.wrap-InfoCompany .wrap-info .tel:before{content:'-';margin: 0 5px; color:#000; font-weight:500; font-size:14px;}
.wrap-InfoCompany .wrap-info .tel:first-child:before{display:none;}
.wrap-InfoCompany .wrap-info .nav-link{ text-decoration:none; color:#000; transition:.3s; padding:0; margin:0;}
.wrap-InfoCompany .wrap-info .nav-link:hover{color:var(--color1)}
.wrap-InfoCompany ul.list{margin:0; padding:0; list-style:none; width:100%; float:left; }
.wrap-InfoCompany ul.list li{position:relative; width:100%; float:left; margin-top:20px; line-height:initial}
.wrap-InfoCompany ul.list li label{margin:0; font-style:italic; padding-bottom:5px; opacity:.75; width:100%; float:left; margin-top:-5px; line-height:initial}
.wrap-InfoCompany .qr-item{width:100%; display:block; padding: 0; text-align:center; float:left}
.wrap-InfoCompany .qr-item label{display:block; margin:0; font-style:italic; padding-block:3px; opacity:.75; font-weight:bold; padding-block:10px;}
.wrap-InfoCompany .qr-item ul{margin:0; padding:0; list-style:none; display:inline-block;}
.wrap-InfoCompany .qr-item ul li{width:calc(50% - 20px); float:left; margin: 0 10px; background:#fff; border-radius:7px; text-align:center; box-shadow: 0 0 0 1px rgba(0,0,0,.07)}
.wrap-InfoCompany .qr-item ul li .nav-link{width:100%; float:left; position:relative; margin:0; padding:15px 15px 10px 15px;}
.wrap-InfoCompany .qr-item ul li .logo{height:35px!important; max-width:initial!important; margin:0; width:initial!important; display:inline-block; margin: 0 0 10px 0 }
.wrap-InfoCompany .qr-item ul li .qrCode{padding: 5px; width:100%; float:left; box-shadow: inset 0 0 0 2px rgba(0,0,0,.5); position:relative;}
.wrap-InfoCompany .qr-item ul li .qrCode:before{content:''; width:calc(100% - 20px); height:100%; left:10px; background:#fff; position:absolute; top: 0; }
.wrap-InfoCompany .qr-item ul li .qrCode:after{content:''; height:calc(100% - 20px); width:100%; top:10px; background:#fff; position:absolute; left:0; }
.wrap-InfoCompany .qr-item ul li .qrCode img{width:100%; margin:0; position:relative; z-index:3;}
.wrap-InfoCompany .qr-item ul li span{display:block; color:#000; font-size:14px; font-weight:500;}
.wrap-InfoCompany .qr-item ul li span i{font-weight:normal; padding: 0 5px; opacity:.5}


@media (max-width:767px) {
   .wrap-InfoCompany{padding-bottom:0; width:calc(100% + 30px); margin-left:-15px; box-shadow:none; border-radius:0; border-top:10px solid var(--color-border); margin-top:10px; padding-top:20px;}
    .wrap-InfoCompany .row-top{display:block; padding:0 15px;}
    .wrap-InfoCompany .col-leftInfo{display:block; padding:0; width:100%;}
    .wrap-InfoCompany .col-rightInfo{width:calc(100% + 20px); float:left; display:block; padding:0; margin-left:-10px; margin-top:10px;}
    .wrap-InfoCompany ul.list{width:calc(100% + 20px); margin-left:-10px;}
    .wrap-InfoCompany ul.list li{width:calc(100% - 20px); margin: 20px 10px 0 10px;}
    .wrap-InfoCompany .qr-item{width:calc(100% - 20px); margin: 0 10px;}
    .wrap-InfoCompany .qr-item ul{width:calc(100% + 20px); margin-left:-10px;}
}

@media (min-width:768px) and (max-width:991px) {
    .wrap-InfoCompany{padding-bottom:0;}
    .wrap-InfoCompany .row-top{display:block; padding:20px;}
    .wrap-InfoCompany .col-leftInfo{display:block; padding:0; width:100%;}
    .wrap-InfoCompany .col-rightInfo{width:calc(100% + 20px); float:left; display:block; padding:0; margin-left:-10px; margin-top:20px;}
    .wrap-InfoCompany ul.list{width:calc(100% + 20px); margin-left:-10px;}
    .wrap-InfoCompany ul.list li{width:calc(50% - 20px); margin: 20px 10px 0 10px;}
    .wrap-InfoCompany ul.list li:nth-child(1),
    .wrap-InfoCompany ul.list li:nth-child(2){width:calc(100% - 20px)}
    .wrap-InfoCompany .qr-item{width:calc(50% - 20px); margin: 0 10px;}
    .wrap-InfoCompany .qr-item ul{width:calc(100% + 20px); margin-left:-10px;}
}

@media (min-width:992px) and (max-width:1199px) {
    
}

@media (min-width:1200px) and (max-width:1439px) {
    
}

.view-more{text-decoration:none; width:100%; max-width:400px; border:1px solid rgba(0,0,0,.1); line-height:38px; border-radius:5px; text-align:center; display:block; margin: 0 auto; clear:both; font-weight:500; color:var(--color1); text-decoration:none; background:rgba(0,0,0,.02); }
.view-more:hover{text-decoration:none; background:#fff;}

.wrap-comment{width:100%; float:left; position:relative; margin-top:30px;}
.wrap-comment .total-comment{display:block; font-weight:bold; font-size:18px; color:rgba(0,0,0,.85)}
.wrap-comment .wrap-write-comment{width:100%; float:left; position:relative; border:1px solid rgba(0,0,0,.1); border-radius:5px; margin-top:5px; background:#fff;}
.wrap-comment .wrap-write-comment .input-comment{width:100%; border:none; font-size:14px; height:100px; background:none; padding:8px 10px; resize:none; background:rgba(0,0,0,.015); border-radius:5px 5px 0 0; transition:.3s; overflow-y:auto;}
.wrap-comment .wrap-write-comment .input-comment:focus{outline:none; background:#fff;}
.wrap-comment .wrap-write-comment .foot-write{width:100%; float:left; position:relative; border-top:1px solid rgba(0,0,0,.1); padding: 5px 10px; transition:.3s;}
.wrap-comment .wrap-write-comment .foot-write a.link{float:left; line-height:32px; text-decoration:none; color:rgba(0,0,0,.75)}
.wrap-comment .wrap-write-comment .foot-write a.link:hover{color:var(--color1);}
.wrap-comment .wrap-write-comment .foot-write a.send{line-height:30px; height:32px; padding: 0 10px; border-radius:4px; color:#fff; text-decoration:none; background:rgba(0,0,0,.75); float:right; transition:.3s;}
.wrap-comment .wrap-write-comment .foot-write a.send:hover{background:var(--color1)}
.wrap-comment .list-comment{width:100%; float:left; position:relative; margin:-10px 0 10px 0;}
.wrap-comment .list-comment .comment_ask{width:100%; margin:15px 0 0 0; padding:0; float:left; position:relative;} 
.wrap-comment .list-comment .comment_ask .name{display:block;}
.wrap-comment .list-comment .comment_ask .name span{line-height:30px; font-size:14px; font-weight:bold; color:rgba(0,0,0,.8); text-transform:capitalize; display:inline-block;}
.wrap-comment .list-comment .comment_ask .name .label-admin{display:inline-block; font-size:9px; text-transform:uppercase; margin-left:10px; padding: 0 5px; line-height:20px; height:17px; color:#fff; background:var(--color2); border-radius:3px; }
.wrap-comment .list-comment .comment_ask .name .avatar{width:30px; height:30px; border-radius:3px; overflow:hidden; margin-right:5px; float:left;}
.wrap-comment .list-comment .comment_ask .name .avatar img{width: inherit; height: inherit;object-fit: cover;}
.wrap-comment .list-comment .comment_ask .name .textavatar{display:table; background:rgba(0,0,0,.1); float:left; margin-right:5px; border-radius:3px;}
.wrap-comment .list-comment .comment_ask .name .textavatar abbr{cursor:default; text-decoration:none; border-bottom:none; font-weight:bold; color:rgba(0,0,0,.85); display:table-cell; text-align:center; vertical-align:middle; text-transform:uppercase; }
.wrap-comment .list-comment .comment_ask .infocom_ask{width:100%; float:left; position:relative; padding-left:35px; font-size:14px; padding-top:3px; margin-bottom:10px;}
.wrap-comment .list-comment .comment_ask .relate-ask{width:100%; float:left; position:relative; padding-left:35px; padding-top:2px; }
.wrap-comment .list-comment .comment_ask .relate-ask .btn-reply{text-decoration:none; color:var(--color1); float:left; transition:.3s; font-weight:500; text-decoration:none; padding-right:10px; margin-right:10px; position:relative;}
.wrap-comment .list-comment .comment_ask .relate-ask .btn-reply:before{font-family: "Font Awesome 5"; font-weight: 900; font-size:14px; content:"\f3e5"; margin-right:3px;}
.wrap-comment .list-comment .comment_ask .relate-ask .btn-reply:hover{text-decoration:underline;}
.wrap-comment .list-comment .comment_ask .relate-ask .btn-reply:after{content:''; width:1px; height:12px; background:rgba(0,0,0,.3); position:absolute; top:5px; right:0;}
.wrap-comment .list-comment .comment_ask .relate-ask .date-ask{float:left; opacity:.75; position:relative;}
.wrap-comment .list-comment .comment_reply{width:calc(100% - 35px); float:left; position:relative; margin-left:35px; background:rgba(0,0,0,.06); padding:0 10px 10px 10px; margin-top:15px; border-radius:4px;}
.wrap-comment .list-comment .comment_reply:before{content:''; border-bottom: 8px solid rgba(0,0,0,.06); border-left:10px solid transparent; border-right:10px solid transparent; bottom:100%; left:10px; position:absolute;}
.wrap-comment .list-comment .comment_reply .wrap-write-comment{margin-top:10px;}
.view-more{text-decoration:none; width:100%; max-width:400px; border:1px solid rgba(0,0,0,.1); line-height:38px; border-radius:5px; text-align:center; display:block; margin: 0 auto; clear:both; font-weight:500; color:var(--color1); text-decoration:none; background:rgba(0,0,0,.02); }
.view-more:hover{text-decoration:none; background:#fff;}