.box-search-b2b{
    width: 100%;
    background: transparent url(../images/b2bmarket/bg-banner.png) no-repeat top center;
}
.main-search-b2b{
    min-height: 380px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 30px 0px;
}
.title-b2b{
    width: 100%;
    text-align: center;
}
.title-b2b h2{
    font-size: 36px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    margin-bottom: 15px;

}
.title-b2b h5{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.35;
    text-align: center;
    margin-bottom: 40px;
}
.search-b2b{
    width: 100%;
    max-width: 770px;
    position: relative;
    margin: 0px auto 20px;
}
.ip-s-b2b{
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 55px;
    line-height: 55px;
    padding-left: 47px;
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(153, 153, 153);
}
.search-b2b .btn-search-b2b{
    background: transparent url(../images/b2bmarket/ic-search.png) no-repeat center center;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    position: absolute;
    top: 20px;
    left: 20px;
}
.list-tag-search{
    width: 100%;
    display: flex;
    max-width: 770px;
}
.lbl-list-tag{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgba(255, 255, 255, 0.5);
    line-height: 30px;
    max-width: 120px;
    white-space: nowrap;
}
.list-tag-search ul{margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;}
.list-tag-search ul li{
    margin: 0px 5px 10px;
    list-style: none;
}
.list-tag-search ul li a{
    background: #401a86;
    height: 30px;
    padding: 0px 15px;
    font-size: 13px;
    font-family: "Sarabun";
    color: rgba(255, 255, 255, 0.502);
    line-height: 30px;
    float: left;
    border-radius: 15px;

}
.list-tag-search ul li a:hover{
    color:#FFFFFF;
    background: #553395;
}

.main-content-b2b{
    width: 100%;
    background: #eceff1;
    padding: 45px 0px;
}
.main-b2b-left, .main-b2b-right{
    width: 100%;
}
.row-order-right{width: 100%;margin-bottom: 20px;}
.type-list-gp{display: flex;float: left;margin-right: 10px;}
.type-list-gp a{margin-right:10px;opacity: 0.6;}
.type-list-gp a.active{opacity: 1;}
.total-prdt{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 35px;
    float: left;
}
.total-prdt span{font-weight: bold;}
.order-by{
    float: right;
    display: flex;
}
.order-by span{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 35px;
    margin-right: 10px;
    white-space: nowrap;
}
.order-by select{
    border-width: 1px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    min-width: 170px;
    border-radius: 0px;
    height: 35px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 35px;
}
.list-prdt-sol{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.item-prdt-sol{
    border-width: 1px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 100%;
    min-height: 290px;
    border-radius: 0px;
    margin-bottom: 30px;
    float: left;
    display: flex;
}
.item-prdt-sol-img {
    float: left;
    width: 290px;
    max-width: 290px;
    overflow: hidden;
}
.item-prdt-sol-img a{width: 100%;height: 100%;float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-prdt-sol-img img{height: auto;width: auto;max-width: 100%;max-height: 100%;}
.item-prdt-sol-info{
    width: calc(100% - 290px);
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 30px;
}
.item-prdt-sol-name{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.35;
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
}
.item-prdt-sol-name:hover{
    color: #32008e;
    text-decoration: none;
}
.row-nph{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.logo-nph{border-radius: 50%;width:24px;height:24px;border: 1px solid #d1d1d1;margin-right: 5px;background: #FFFFFF;text-align: center;display: flex;align-items: center;justify-content: center;}
.row-nph img{width: 14px;height: 14px;}
.txt-nph{
    font-size: 14px;
    font-family: "Sarabun";
    color: #000000;
    line-height: 24px;
    padding-right: 20px;
    border-right: 1px solid #d1d1d1;
    margin-right: 20px;
    font-weight: 600;
}
.txt-nph span{color: rgb(85, 85, 85);}
.list-star-rat{display: inline-block;line-height: 24px;}
.item-prdt-sol-price{
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 28px;
    text-align: left;
    width: 100%;
    font-weight: 600;
    margin-bottom: 15px;
}
.item-prdt-sol-price b{
    font-size: 24px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: bold;
    line-height: 28px;
    text-align: left;
    padding-left: 5px;
}
.item-prdt-sol-price sub{vertical-align: super;font-weight: 400;font-size: 14px;}
.item-prdt-sol-price span{font-weight: 400;font-size: 16px;color: rgb(77, 127, 253);}
.item-prdt-sol-sapo{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 20px;
    text-align: left;
    width: 100%;
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 20px;
}
.list-cst-use{width: 100%;display: flex;margin-bottom: 15px;}
.list-cst-use span{
    width: 100%;max-width: 135px;white-space: nowrap;
    font-size: 12px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
    text-align: left;
}
.list-logo-cst{width: 100%;text-align: left;}
.list-logo-cst img{float: left;width: auto;height: 15px;margin-right: 10px;filter: grayscale(100%);}

.btn-view-detail {
    background-color: rgb(77, 126, 252);
    width: 135px;
    height: 36px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 36px;
    float: left;
    text-align: center;
    margin-bottom: 0px;
}
.btn-view-detail span {
    background: transparent url(../images/solution/ic-arrow-r.png) no-repeat right center;
    padding-right: 24px;
}
.btn-view-detail:hover {
    background-color: #2a5cda;
    color: rgb(255, 255, 255);
}

.title-prdt-his{
    font-size: 30px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    width: 100%;
    margin: 50px 0px 30px;
}
.list-prdt-grid-sol{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.item-prdt-grid-sol{
    border-width: 1px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 31.33%;
    /*min-height: 497px;*/
    border-radius: 0px;
    /*margin-bottom: 30px;*/
    height: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    max-width: 270px;
    margin-right: 3%;
    align-items: center;
}
.list-prdt-grid-sol __list{
    
}
.swiper-slide .item-prdt-grid-sol{width: 100%;}
.item-prdt-grid-sol:nth-of-type(3n), .item-prdt-grid-sol:last-of-type{margin-right: 0px;}
.item-prdt-grid-sol-img{
    height: 150px;
    overflow: hidden;
    width: 100%;
}
.list-prdt-grid-sol.swiper-container{padding-bottom: 45px;}
.list-prdt-grid-sol.swiper-container .swiper-slide{height: auto;}
.item-prdt-grid-sol-img a{float: left;width: 100%;height: 100%;}
.item-prdt-grid-sol-img img{width: 100%;
min-height: 100%;
height: 100%;
object-position: center;
object-fit: cover;}
.item-prdt-grid-sol-info{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0px;
}
.row-nph-grid{
    padding: 10px 15px;
    text-align: left;
    background: #f1f1f1;
    display: flex;
    width: 100%;

}
.row-star-rat-grid{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.txt-nph-grid{
    font-size: 14px;
    font-family: "Sarabun";
    color: #000000;
    font-weight: 600;
}
.txt-nph-grid span{
    color: #6a6a6a;
}

.item-prdt-grid-sol-name{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.35;
    text-align: center;
    width: 100%;
    padding: 0px 15px;
    margin-bottom: 10px;
}
.item-prdt-grid-sol-name:hover{
    color: #32008e;
    text-decoration: none;
}

.row-nph-grid img{width: 14px;height: 14px;}

.list-star-rat-grid{display: inline-block;line-height: 24px;}
.item-prdt-grid-sol-price{
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 28px;
    text-align: center;
    width: 100%;
    font-weight: 600;
    margin-bottom: 15px;
}
.item-prdt-grid-sol-price b{
    font-size: 24px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: bold;
    line-height: 28px;
    text-align: left;
    padding-left: 5px;
}
.item-prdt-grid-sol-price sub{vertical-align: super;font-weight: 400;font-size: 14px;}
.item-prdt-grid-sol-price span{font-weight: 400;font-size: 16px;color: rgb(77, 127, 253);}
.item-prdt-grid-sol-sapo{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 20px;
    text-align: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0px 20px;
}
.btn-view-detail-grid {
    background-color: transparent;
    width: 135px;
    height: 36px;
    font-size: 14px;
    font-family: "Sarabun";
    color: #4d7ffd;
    font-weight: bold;
    line-height: 36px;
    float: left;
    text-align: center;
    margin-bottom: 0px;
}
.btn-view-detail-grid span {
    background: transparent url(../images/solution/ic-arrow-r-bl.png) no-repeat right center;
    padding-right: 25px;
}
.btn-view-detail-grid:hover {
    text-decoration: none;

}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
    width: 40px;
    border-radius: 5px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px;
    left: 0;
    width: 100%;
}


.b2b-pagination{
    display: flex;
    width: 100%;
    justify-content: center;
}
.b2b-pagination .pagination .first, .b2b-pagination .pagination .last{display: none;}

.b2b-pagination .pagination li{margin: 0px 8px;}
.b2b-pagination .pagination li.prev{
    background: transparent url(../images/b2bmarket/ic-prev-pag.png) no-repeat center center;
    width: 16px;height: 22px;
}
.b2b-pagination .pagination li.next{
    background: transparent url(../images/b2bmarket/ic-next-pag.png) no-repeat center center;
    width: 16px;height: 22px;
}
.b2b-pagination .pagination li.prev span, .b2b-pagination .pagination li.next span{color: transparent;}
.b2b-pagination .pagination li.next a, .b2b-pagination .pagination li.prev a{color: transparent;text-indent: -9999px;}
.b2b-pagination .pagination li a{
    font-size: 16px;
    font-family: "Sarabun";
    color: #7b7d7e;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
}
.b2b-pagination .pagination li.next a, .b2b-pagination .pagination li.next a:hover, .b2b-pagination .pagination li.prev a, .b2b-pagination .pagination li.prev a:hover{color: transparent;text-indent: -9999px;}
.b2b-pagination .pagination li a:hover{color: #333333;}
.b2b-pagination .pagination li.active a{color: rgb(77, 126, 252);font-size: 18px;}

.gp_main_b2bmar_left_box{
    border: none;
    border-radius: 0px;
    float: left;
    width: 100%;
}
.gp_main_b2bmar_left_b_build {
    padding: 0px;
}
.gp_main_b2bmar_left_b_build_boxop {
    border: 1px solid #d1d1d1;
    margin-bottom: 10px;
    background: #FFFFFF;
    padding: 20px;
}
.gp_main_b2bmar_left_b_build_btn {
    font-weight: 600;
    background: transparent url(images/adropup.png) no-repeat center right 20px;
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    color: #4d7ffd;
    font-weight: bold;
    font-family: Sarabun;
    text-transform: uppercase;
}
.gp_main_b2bmar_left_b_build_btn.active{
    background: transparent url(images/adropdown.png) no-repeat center right 20px;
}
.gp_main_b2bmar_left_b_build_btn:hover {
    color: #395ebc;
}
.gp_main_b2bmar_left_b_build_option li{margin: 0px}
.gp_main_b2bmar_left_b_build_option li:hover{cursor: pointer;}
.gp_main_b2bmar_left_b_build_option input{display: none;}
.gp_main_b2bmar_left_b_build_option li label {
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 400;
    line-height: 30px;

}

.gp_main_b2bmar_left_b_build_option li b{cursor: pointer;}
.gp_main_b2bmar_left_b_build_option li:hover label, .gp_main_b2bmar_left_b_build_option li:hover b{
    color: #4d7ffd ;
}

.gp_main_b2bmar_left_b_build_option li.active label, .gp_main_b2bmar_left_b_build_option li.active b{color: #4d7ffd;font-weight: bold}

.list-prdt-hot-left{
    border: 1px solid #d1d1d1;
    margin-bottom: 10px;
    background: #FFFFFF;
    padding: 20px;
    float: left;
    width: 100%;
}
.title-prdt-hot{
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    color: #4d7ffd;
    font-weight: bold;
    font-family: Sarabun;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.list-prdt-hot{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.item-prdt-hot{
    width: 100%;
    margin-bottom: 10px;
}
.img-prdt-hot{
    width: 60px;
    border: 1px solid #d1d1d1;
    margin-right: 10px;
    float: left;
}
.info-prdt-hot{
    width: calc(100% - 70px);
    float: left;
    display: flex;
    flex-direction: column;
    min-height: 60px;
    justify-content: center;
}
.name-prdt-hot{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    max-height: 40px;
    overflow: hidden;
}
.price-prdt-hot{
    font-size: 14px;
    font-family: "Sarabun";
    color: #4d7ffd;
    line-height: 20px;
}
.price-prdt-hot sub{vertical-align: super;}
.gp_main_b2bmar_left_box{margin-bottom: 0px;}

.breadcrumb-b2b{
    background: #eceff1;
    padding: 18px 0px;
}
.main_vccloud_load_balancer_link_home {
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(153, 153, 153);

}
.main_vccloud_load_balancer_link_vccloud{color:#4d7ffd;text-decoration: none; }
.main-detail-b2b{
    background: #eceff1;
    width: 100%;
    float: left;
}
.content-detail-b2b{
    background: #FFFFFF;
    padding: 20px;
    width: 100%;
    float: left;
}
.left-detail-b2b{
    width: 45%;
    float: left;
}
.img-detail-b2b{width: 100%;margin-bottom: 30px;float: left;}
.img-detail-b2b img{width: 100%;border: 2px solid #f3f3f3;float: left;}
.list-tag-detail-b2b{width: 100%;float: left;display: flex;flex-direction: column;}
.lbl-list-tag-detail{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    margin-bottom: 10px;
}
.list-tag{width: 100%;display: flex;flex-wrap: wrap;}
.list-tag a{
    border-radius: 15px;
    background-color:#e5e5e5;
    height: 30px;
    font-size: 13px;
    font-family: "Sarabun";
    color: #8c8c8c;
    line-height: 30px;
    padding: 0px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.list-tag a:hover{
    color: #000000;
    background-color:#d9d9d9;
}
.right-detail-b2b{
    width: 55%;
    float: left;
    padding-left: 20px;
}
.name-detail-b2b{
    font-size: 26px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.3;
    width: 100%;
    margin: 0px 0px 10px;
}

.row-nph-detail{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.logo-nph-detail{border-radius: 50%;width:24px;height:24px;border: 1px solid #d1d1d1;margin-right: 5px;background: #FFFFFF;text-align: center;display: flex;align-items: center;justify-content: center;}
.row-nph-detail img{width: 14px;height: 14px;}
.txt-nph-detail{
    font-size: 14px;
    font-family: "Sarabun";
    color: #000000;
    line-height: 24px;
    padding-right: 20px;
    border-right: 1px solid #d1d1d1;
    margin-right: 20px;
    font-weight: 600;
}
.txt-nph-detail span{color: rgb(85, 85, 85);}
.list-star-rat-detail{display: inline-block;line-height: 24px;}
.txt-view-package{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(51, 51, 51);
    line-height: 1.929;
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
    font-weight: 500;
}
.txt-view-package span{font-weight: bold;font-size: 16px;}

.price-detail-b2b{
    font-size: 22px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: 500;
    line-height: 1.227;
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
}
.gp_main_b_d_g_build_row_t_pomo_price{
    font-size: 22px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: 500;
    line-height: 1.227;
    text-align: left;
    float: left;
    font-weight: bold;
}
.price-detail-b2b sub{vertical-align: super;font-size: 14px;font-weight: 500; }
.gp_main_b_d_g_build_row_t_pomo_unit{
    text-transform: capitalize;
    font-size: 18px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: 500;
    line-height: 1.227;
}
.gp_main_b2bmar_detail_goichitiet .gp_main_b_d_g_build_row_t_pomo_price {
    font-size: 16px;
}
.gp_main_b2bmar_detail_goichitiet .gp_main_b_d_g_build_row_t_pomo_unit {
    font-size: 16px;
    float: left;
}

.per-promo-detail{
    font-size: 13px;
    color: #f84e01;
    text-transform: uppercase;
    font-family: "Sarabun";
}
.price-promo-detail-b2b{
    font-size: 18px;
    font-family: "Sarabun";
    color: #333333;
    font-weight: 500;
    line-height: 1.227;
    text-align: left;
    width: 100%;
    text-decoration: line-through;
}

.list-package-detail-b2b{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.lbl-package-detail-b2b{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.929;
    text-align: left;
    margin-bottom: 10px;
}

.list-package-detail{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.list-package-detail a::after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
}
.list-package-detail a {
    display: inline-block;
    padding: 0px 15px;
    margin-right: 10px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 22px;
    text-align: center;
    border-width: 1px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(247, 248, 249);
    min-width: 88px;
    height: auto;
    margin-bottom: 10px;

}

.list-package-detail a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    border-width: 1px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
}
.list-package-detail a.active {
    border: 1px solid #4d7ffd;
    color: #4d7ffd;
    text-decoration: none;
    font-weight: bold;
}
.sapo-detail-b2b{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.5;
    text-align: left;
    width: 100%;
    font-weight: 500;
    margin-bottom: 20px;
}
.desc-detail-b2b{
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.5;
    text-align: left;
    font-weight: 500;

}
.desc-detail-b2b ul{margin: 0px;padding: 0px;width: 100%;}
.desc-detail-b2b ul li{
    list-style: none;
}
.desc-detail-b2b ul li div{
    width: 100%;
}
.btn-contact-bf{
    background-color: rgb(77, 127, 253);
    width: 100%;
    height: 45px;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    float: left;

}
.btn-contact-bf:hover{
    text-decoration: none;
    color: #FFFFFF;
    background-color: rgb(66, 109, 218);
}
.main_vccloud_load_balancer_content_right_btn a.btn-contact-bf{
    background-color: rgb(77, 127, 253);
    width: 100%;
    height: 45px;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    float: left;

}
.main_vccloud_load_balancer_content_right_btn a.btn-contact-bf:hover{
    text-decoration: none;
    color: #FFFFFF;
    background-color: rgb(66, 109, 218);
}
.box-sol-buy-rl{
    width: 100%;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #d1d1d1;
    float: left;
}
.list-sol-buy-rl{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}

.item-sol-buy-rl{
    width: 95px;
    display: flex;
    flex-direction: column;
    margin-right: 5px;
    margin-bottom: 20px;
    position: relative;
}
.item-sol-buy-rl:last-of-type{margin-right: 0px;}
.img-sol-buy-rl{width: 100%;margin-bottom: 10px;}
.img-sol-buy-rl img{width: 100%;height: 80px;}
.name-sol-buy-rl{
    font-size: 12px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
}
.name-sol-buy-rl:hover{
    color: #0038c4;
    text-decoration: none;
}
.item-sol-buy-rl .star-item{font-size: 12px;}
.list-sol-buy-rl .list-star-rat{text-align: center;}
.price-sol-buy-rl{
    font-size: 13px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    width: 100%;
}
.price-sol-buy-rl sub{vertical-align: super;}
.btn-quick-view{
    position: absolute;
    width: 80%;
    border-radius: 3px;
    background-color: rgb(77, 127, 253);
    height: 24px;
    font-size: 10px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 24px;
    text-align: center;
    left: 10%;
    top:28px;
    display: none;
}
.btn-quick-view span{
    background: transparent url(../images/b2bmarket/ic-qv.png) no-repeat left center;
    padding-left: 15px;
}
.btn-quick-view:hover{
    background-color: rgb(63, 104, 207);
    text-decoration: none;
    color: #FFFFFF;
}

.item-sol-buy-rl:hover .btn-quick-view{
    display: block;
}

.main_vccloud_load_balancer_content_right_btn{
    width: 100%;
    margin-bottom: 20px;
    float: left;
}
.main_vccloud_load_balancer_content_right_btn a{
    width: 49%;
    float: left;
    border-radius: 0px;
    text-transform: capitalize;
}
.main_vccloud_load_balancer_content_right_btn .btn-addtocart{
    border-width: 1px;
    border-color: rgb(77, 127, 253);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    height: 45px;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    margin-right: 2%;

}
.main_vccloud_load_balancer_content_right_btn .btn-addtocart:hover{
    color: rgb(77, 127, 253) !important;
}
.main_vccloud_load_balancer_content_right_btn .btn-addtobuylate{
    border-width: 1px;
    border-color: rgb(62, 62, 62);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    height: 45px;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(45, 45, 45);
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    margin-right: 2%;
    text-transform: none;
}
.main_vccloud_load_balancer_content_right_btn .btn-addtobuylate:hover{
    color: rgb(45, 45, 45) !important;
    background-color: rgb(241, 241, 241);
}
.main_vccloud_load_balancer_content_right_btn_mua i.i-coin-right-btn {
    background: url(../images/b2bmarket/ic-cart-b2b.png) no-repeat center center;
}
i.icon-btnbuylate {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: -5px;
}
.main_vccloud_load_balancer_content_right_btn_mua i.icon-btnbuylate {
    background: url(../images/b2bmarket/ic-favorite.png) no-repeat center center;
}

.main_vccloud_load_balancer_content_right_btn .main_vccloud_load_balancer_content_right_btn_muangay {
    background-color: rgb(77, 127, 253);
    height: 45px;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    float: left;
}

.main_vccloud_load_balancer_content_right_btn .main_vccloud_load_balancer_content_right_btn_muangay:hover {
    background-color: rgb(62, 103, 205);
}

.box-info-sol{
    width: 100%;
    background: #FFFFFF;
    padding: 0px;
    float: left;
    margin-top: 20px;
}
.row-title-cat{
    width: 100%;
    float: left;
    border-bottom: 1px solid #d1d1d1;
    padding: 0px 10px;
    float: left;
}
.row-title-cat a{
    font-size: 18px;
    font-family: "Sarabun";
    color: #666666;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    padding: 15px 20px;
    float: left;
}
.row-title-cat a:hover{color: #000000;}
.row-title-cat a.active{
    border-bottom: 2px solid rgb(77, 127, 253);color: #000000;
}
.box-desc-sol{
    width: 100%;
    float: left;
    padding: 20px;
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.688;
    text-align: left;

}
.box-rating{
    float: left;
    width: 100%;
    background: #FFFFFF;
    padding: 20px;
    margin: 20px 0px;
}
.gp_main_b2bmar_detail_l_box {
    border-top: 0px solid #d1d1d1;
    padding-top: 0px;
}
.gp_main_b2bmar_danhgia_title{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.35;
    text-align: left;
    width: 100%;
    float: left;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.gp_main_b2bmar_detail_goichitiet_title {
    background-color: #FFF;
    padding: 20px;
}
.gp_main_b2bmar_detail_goichitiet_title_t{
    font-size: 22px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.227;
}
.gp_main_b2bmar_detail_goichitiet_title_n {
    float: right;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 20px;
    text-align: right;

}
.gp_main_b2bmar_danhgia_left {
    float: left;
    width: 100%;
    background: #eceff1;
    padding: 0px;
    margin-bottom: 10px;
    display: flex;
}
.gp_main_b2bmar_danhgia_post {
    margin-bottom: 0px;
    width: 60%;
    border-right: 1px solid #FFFFFF;
    float: left;
    padding: 20px;
}
.lbl-send-rating{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    float: left;
    align-items: center;
    min-height: 120px;
}
.lbl-send-rating span{
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: center;
    font-weight: 600;
}
.gp_main_b2bmar_danhgia_post_num {
    text-align: center;
    font-size: 58px;
    font-weight: 400;
    font-family: "Sarabun";
    line-height: normal;
}
.lbl-send-rating a{
    background-color: rgb(77, 127, 253);
    max-width: 230px;
    width: 100%;
    height: 45px;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    display: block;
}
.lbl-send-rating a:hover{
    background-color: rgb(65, 107, 214);
    color: #FFFFFF;
}
.gp_main_b2bmar_danhgia_post_forrm {
    border: none;
    background-color: rgb(236, 239, 241);
    width: 100%;
    padding: 25px 30px;
    float: left;
    display: none;
}
.gp_main_b2bmar_danhgia_post_forrm_title{
    font-size: 18px;
    font-family: "Sarabun";
    color: rgb(36, 0, 101);
    font-weight: bold;
    line-height: 1.056;
    margin-bottom: 20px;
}
.gp_main_b2bmar_danhgia_post_num_start{
    margin-left: 0px;
    float: left;
}
.gp_main_b2bmar_danhgia_post_forrm_text {
    border-width: 1px;
    margin-bottom: 10px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 68px;
    font-size: 14px;
    padding: 15px;
    box-sizing: border-box;
    font-family: "Sarabun";
    color: rgb(153, 153, 153);
    line-height: 1.357;
}

.txtarea-qa {
    border:1px solid #d1d1d1;
    margin-bottom: 10px;
    border-radius: 0px;
    background-color: #f7f8f9;
    width: 100%;
    min-height: 50px;
    font-size: 14px;
    padding: 15px;
    box-sizing: border-box;
    font-family: "Sarabun";
    color: rgb(153, 153, 153);
    line-height: 20px;
}
.gp_main_b2bmar_detail_l_tinhnang_item_thongtin a, .gp_main_b_d_g_build_row_t_pomo_t_btn {max-width: 100%;}
.lbl-stt{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.357;
    float: left;
    margin-left: 15px;
}

.gp_main_b2bmar_danhgia_post_forrm_a {
    display: block;
    float: right;
    text-align: center;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height:40px;
    background-color: rgb(77, 127, 253);
    width: 134px;
    height: 40px;
    border-radius: 0px;
    text-transform: inherit;
}

.gp_main_b2bmar_danhgia_post_forrm_a:hover {
    box-shadow: none;
    background-color: rgb(65, 108, 215);
}
.row-btn-rating{width: 100%;float: left;display: flex;justify-content: space-between;margin-top: 20px;border-top: 1px solid #d1d1d1;padding-top: 20px;align-items: center;}


.gp_main_b2bmar_danhgia_right {
    float: right;
    width: 100%;
    margin-top: 20px;
}
.gp_main_b2bmar_danhgia_right_box_allLink, .gp_main_b2bmar_detail_l_box_dangki_btn{
    border-width: 1px;
    border-color: rgb(77, 127, 253);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 248px;
    height: 38px;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: bold;
    line-height: 38px;
    display: block;
    margin: auto;
    text-align: center;
    border-radius: 0px;
}
.gp_main_b2bmar_danhgia_right_box_allLink:hover, .gp_main_b2bmar_detail_l_box_dangki_btn:hover{
    color: rgb(77, 127, 253);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.row-send-qa{float: left;width: 100%;padding-bottom: 30px;border-bottom: 1px solid #d1d1d1;margin-bottom: 30px;}
.row-btn-qa{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.gp_main_b2bmar_detail_l_box{
    float: left;width: 100%;
}

.gp_main_b2bmar_detail_l_box_cauhoi {
    padding-left: 0px;
}
.gp_main_b2bmar_detail_l_box_cauhoi_l {
    display: none;
}

.ct-question{
    font-size: 18px;
    font-family: "Sarabun";
    color: rgb(36, 0, 101);
    font-weight: bold;
    line-height: 22px;
    border-radius: 10px;
    width: 100%;
    padding: 20px 20px 20px 50px;
    background: rgb(236, 239, 241) url(../images/b2bmarket/ic-qa.png) no-repeat 20px 25px;
    border-bottom: none !important;
}
.gp_main_b2bmar_danhgia_post_forrm_title_2 {
    margin-right: 20px;
}
.gp_main_b2bmar_detail_l_box_cauhoi_tl {
    border-bottom: none;
}
.gp_main_b2bmar_detail_l_box_cauhoi_l_r {width: 100%;}
.info-user-as{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}
.info-user-as img{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    float: left;
    margin-right: 10px;
    border: 1px solid #f1f1f1;
}
.info-biz-as{margin-top: 10px;margin-bottom: 10px;}
.info-user-as img.img-biz-sp{width: 30px;height: 30px;}
.info-user-as span.name-user{
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.267;
    text-align: left;
    float: left;
    margin-right: 20px;
    font-weight: 500;
}
.info-user-as a{
    font-size: 13px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    line-height: 1.462;
    font-weight: 500;
}
.info-user-as a:hover{
    color: rgb(64, 105, 209);
    text-decoration: none;
}

.ct-answer{
    width: 100%;
    float: left;
    padding-left: 50px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(153, 153, 153);
    line-height: 1.5;
}
.ct-answer .time-post-cm{font-style: italic;}

.ct-answer .row-send-qa{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;}

.row-ct-biz-as{width: 100%;float: left;}
.ct-biz-sp-answer{
    width: 100%;
    float: left;
    padding-left: 40px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(153, 153, 153);
    line-height: 1.5;
    padding-bottom: 10px;
}
.lbl-login-for-cm{
    font-size: 13px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-style: italic;
    line-height: 1.462;
    text-align: right;
    margin-right: 20px;
    font-weight: 500;
}
.lbl-login-for-cm a{
    font-style: normal;
}
.lbl-login-for-cm a:hover{
    text-decoration: underline;
}

.gp_main_b2bmar_detail_l_box_dangki {
    margin-bottom: 10px;
    padding-top: 30px;
    border-top: 1px dashed #d1d1d1;
}
.gp_main_b2bmar_danhgia_right_text {

    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #d1d1d1;

}

a.btn_buyPro{
    background-color: #4d7efc;
    height: 40px;
    font-size: 13px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    float: left;
    border-radius: 0px;
    width: 180px;
    text-transform: none;
}
a.btn_buyPro:hover{
    box-shadow: none;
    background-color: rgb(67, 111, 221);
}

.row-btn-qa {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.lbl-view-tcdg{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 1.357;
    padding-right: 20px;
    font-weight: 500;
}
.lbl-view-tcdg a{text-decoration: underline;}
.lbl-view-tcdg a:hover{
    text-decoration: underline;

}
.box-btn-send-rate{
    min-width: 230px;
}
.btn-cancel-rate{
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 40px;
    background-color: rgb(144, 164, 174);
    text-align: center;
    width: 86px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.btn-cancel-rate:hover{
    background-color: rgb(128, 146, 155);
    color: #FFFFFF;
}
.box-add-img{
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.row-add-img{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.lbl-add-img{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.357;
    padding-right: 20px;
}
.btn-add-img{
    min-width: 90px;
    font-size: 12px;
    font-family: "Sarabun";
    color: #ffffff;
    line-height: 24px;
    border-radius: 3px;
    background-color: rgb(77, 127, 253);
    padding: 0px 10px;
    height: 24px;
    text-align: center;
    display: block;
}

.btn-add-img span{
    background: url(../images/b2bmarket/ic-camera.png) no-repeat left center;
    padding-left: 17px;
}
.btn-add-img:hover{
    background-color: rgb(63, 104, 208);
    color: rgb(255, 255, 255);
}
.list-img-add{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    float: left;
}
.item-img-add{
    position: relative;
    width: 106px;
    margin-right: 20px;
}
.item-img-add img{width: 100%;border-radius: 2px;margin-bottom: 10px;}
.btn-del-img{
    background: url(../images/b2bmarket/ic-close1.png) no-repeat left center;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 10;

}


/* right */
.box-promo-r{
    width: 100%;
    background: #FFFFFF;
    float: left;
    padding: 20px 15px;
}
.title-promo-r{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.35;
    text-align: left;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d1d1d1;
    width: 100%;
}
.box-promo-r ul{width: 100%;padding: 0px;margin: 0px;}
.box-promo-r ul li{width: 100%;padding: 0px;margin: 0px;list-style: none;margin-bottom: 15px;float: left;}
.box-promo-r ul li a{
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: url(../images/b2bmarket/ic-check.png) no-repeat left 4px;
    padding-left: 25px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 20px;
    text-align: left;
    float: left;
    font-weight: 500;
}
.box-promo-r ul li li{
    margin-bottom: 0px;
}
.box-help-r{
    background: #FFFFFF;
    margin-top: 1px;
    float: left;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    width: 100%;
}
.title-box-help-r{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.929;
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.lbl-help-r{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 1.5;
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    font-weight: 500;
}
.row-btn-help-r{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.btn-call-hotline{
    background-color: rgb(77, 127, 253);
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 40px;
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
.btn-call-hotline span{
    background: url(../images/b2bmarket/ic-hotline.png) no-repeat left center;
    padding-left: 28px;

}
.btn-call-hotline strong{
    font-size: 18px;
    font-weight: 500;
}
.btn-call-hotline:hover {
    background-color: rgb(67, 110, 219);
    color: rgb(255, 255, 255);
}
.btn-chat-mes{
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 40px;
    border-width: 1px;
    border-color: rgb(77, 127, 253);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 40px;
    text-align: center;
    display: flex;
    font-weight: 500;
    justify-content: center;
}
.btn-chat-mes span{
    background: url(../images/b2bmarket/ic-chat.png) no-repeat left center;
    padding-left: 28px;
}
.btn-chat-mes:hover{
    color: rgb(67, 110, 219);
}

.box-prdt-hot{
    margin-bottom: 20px ;
}
.box-prdt-hot .list-prdt-hot-left{
    border: none;
}
.box-prdt-hot .title-prdt-hot{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.35;
    text-align: left;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1d1d1;
    width: 100%;
    text-transform: inherit;
}
.item-prdt-hot .list-star-rat {
    display: inline-block;
    line-height: 20px;
}

.box-new-rl{
    float: left;
    width: 100%;
    background: #FFFFFF;
    margin-bottom: 20px;
    padding: 25px 15px;
}
.news_suggest {
    float: left;
    width: 100%;
}

.news_suggest .main_content_biz_blog_right_top_title {
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.35;
    text-align: left;
    float: left;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1d1d1;
}

.link-cat-new-sugg {
    font-size: 13px;
    font-family: "Sarabun";
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.link-img-ktcb {
    width: 60px;
    float: left;
}
.link-img-ktcb img {
    width: 100%;
    height: 60px;
}

.cl-zone-7 {
    color: #00bfa5;
}

.cl-zone-9 {
    color: rgb(255, 109, 0);
}

.cl-zone-8 {
    color: #6200ea;
}

.cl-zone-6 {
    color: #d50000;
}

.link-cat-new-sugg:hover {
    text-decoration: none;
    color: inherit;
}

.cl-zone-7:hover {
    color: #00bfa5 !important;
}

.cl-zone-9:hover {
    color: rgb(255, 109, 0) !important;
}

.cl-zone-8:hover {
    color: #6200ea !important;
}

.cl-zone-6:hover {
    color: #d50000 !important;
}
.main_content_biz_blog_right_top {
    border-bottom: none;
    height: auto;
    line-height: normal;
    float: left;
    width: 100%;
}
.main_content_biz_blog_left_listbai .main_content_biz_blog_right_techblog_kienthuccoban_item_right p {
    width: calc(100% - 70px);
}
.main_content_biz_blog_left_listbai .main_content_biz_blog_right_techblog_kienthuccoban_item_right {
    margin-bottom: 20px;
}
.link-new-sugg {
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 17px;
    width: 100%;
    max-height: 34px;
    overflow: hidden;
    float: left;
}

.box-aq{
    width: 100%;
    background: #FFFFFF;
    padding: 20px;
    margin: 20px 0px;
    float: left;
}

/* poup */
.modal-tcnx-content{padding: 40px 50px;}
.tcnx_title{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.content-popup-tcnx{
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 1.5;
    text-align: left;
    justify-content: center;
    align-items: center;
}
.content-popup-tcnx p{margin-bottom: 10px;width: 100%;}
.content-popup-tcnx p i{text-align: right;font-weight: 600;float: right;}
.btn-acc{
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    background-color: rgb(77, 126, 252);
    max-width: 340px;
    width: 100%;
    height: 50px;
    margin-top: 20px;

}
.btn-acc:hover{
    background-color: rgb(66, 108, 216);
    color: rgb(255, 255, 255);
}

.gp_main_b2bmar_detail_l_title{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.35;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.modal-quickview {
    max-width: 870px;
    position: relative;
    background: #fff;
}

.modal-quickview-content{
    width: 100%;
    border: none;
}
.modal-quickview-content .close{
    background: url(../images/b2bmarket/ic-close2.png) no-repeat center center;
    width: 24px;
    height: 24px;
    float: right;
    opacity: 1;
    position: absolute;
    right: -40px;
    top: 0px;
    text-indent: -9999px;
}

.list-prdt-grid-sol .swiper-button-next, .list-prdt-grid-sol .swiper-button-prev {
    width: 50px;
    height: 50px;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    background-size: 18px 14px;
    background-position: center center;
    background-color: #4d7ffd;
}
.list-prdt-grid-sol .swiper-button-next, .list-prdt-grid-sol .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/b2bmarket/ic-next-sl.png);
    right: 0px;
    left: auto;
}
.list-prdt-grid-sol .swiper-button-prev, .list-prdt-grid-sol .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/b2bmarket/ic-prev-sl.png);
    left: 0px;
    right: auto;
}


.link-filter {
    background: transparent url(../images/package/ic-filter-package.png) no-repeat center center;
    height: 30px;
    width: 31px;
    text-indent: -9999px;
    float: right;
    opacity: 0.8;
    margin-top: 0px;
    margin-bottom: 20px;
    background-size: 100% 100%;
    display: none;
}
.link-filter:hover ,.link-filter:active{opacity: 1;}

@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 992px) {
    .item-prdt-sol {min-height: 200px;}
    .item-prdt-sol-img {
        max-width: 240px;
    }
    .item-prdt-sol-info {
        width: calc(100% - 200px);
        padding: 10px 10px 10px 20px;
    }
    .list-cst-use {flex-direction: column;}
    .list-cst-use span{margin-bottom: 5px;}
    .list-logo-cst img{margin-bottom: 5px;}
    .item-prdt-sol-name {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .row-nph {
        margin-bottom: 0px;
    }
    .txt-nph{border-right: none;padding-right: 0px;margin-right: 0px}
    .list-star-rat {
        width: 100%;
    }
    .item-prdt-sol-price {margin-bottom: 0px;}
    .item-prdt-sol-price b {
        font-size: 20px;
    }
    .item-prdt-sol-sapo {margin-bottom: 10px;}


    .row-order-right {
        width: 100%;
    }

    .item-prdt-grid-sol {width: 48%;margin-right: 4%;max-width: 100%;}
    .swiper-slide .item-prdt-grid-sol {width: 100%;margin-right: 0px;}
    .item-prdt-grid-sol:nth-of-type(3n), .item-prdt-grid-sol:last-of-type {
        margin-right: 4%;
    }
    .item-prdt-grid-sol:nth-of-type(2n), .item-prdt-grid-sol:last-of-type {
        margin-right: 0px;
    }
    .main_vccloud_load_balancer_content_right_btn a {
        width: 100%;
        float: left;
        border-radius: 0px;
        text-transform: capitalize;
        margin-bottom: 10px;
    }

}
@media screen and (max-width: 767px) {
    
    .list-prdt-grid-sol {
        justify-content: center;
    }

    .item-prdt-grid-sol-name {
        font-size: 18px;
    }
    .row-star-rat-grid {
        margin-bottom: 0px;
    }
    .item-prdt-grid-sol-price b {
        font-size: 20px;
    }
    .item-prdt-grid-sol-sapo {padding: 0px 10px;}
    .item-prdt-sol-img {
        max-width: 200px;
    }
    .list-cst-use {
        flex-direction: column;
        display: none;
    }


    .left-detail-b2b {
        width: 100%;
        float: left;
    }
    .right-detail-b2b {
        width: 100%;
        float: left;
        padding-left: 0px;
    }
    .right-detail-b2b .list-star-rat {
        width: auto;
    }
    .gp_main_b2bmar_danhgia_left {
        display: flex;
        flex-direction: column;
    }
    .lbl-send-rating {
        width: 100%;
    }
    .lbl-view-tcdg {
        margin-bottom: 10px;
    }
    .row-btn-rating {
        flex-direction: column;
    }
    .gp_main_b2bmar_danhgia_post {
        margin-bottom: 0px;
        width: 100%;
        border-right: none;
        float: left;
        padding: 10px;
        max-width: 300px;
        margin: auto;
    }
    .gp_main_b2bmar_danhgia_post_forrm {
        padding: 15px;

    }
    .list-img-add {
        justify-content: center;
    }
    .rowW3.text-right {
        text-align: left;
        min-height: 60px;
    }
    .gp_main_b2bmar_detail_l_box_search {height: auto;}
    .gp_main_b2bmar_detail_l_box_cauhoi {
        padding-left: 0px;
    }
    .list-prdt-grid-sol .swiper-button-next, .list-prdt-grid-sol .swiper-button-prev {
        width: 40px;
        height: 40px;
        margin-top: -5px;
    }

    .list-prdt-hot-left{
        display: none;
    }
    .main-content-b2b {
        padding: 20px 0px 40px;
    }
    .link-filter {display: block;}
    .gp_main_b2bmar_left_box{display: none;}
    .type-list-gp {display: none;}
    .order-by span {display: none;}
    .order-by select {min-width: 140px;}

}
@media screen and (max-width: 480px) {
    .list-prdt-sol {
        width: 100%;
        display: flex;
        flex-direction: inherit;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .item-prdt-sol{flex-direction: column;width: 100%;margin-bottom: 15px;}
    .item-prdt-sol-img {
        max-width: 100%;
        height: 180px;
        width: 100%;
    }
    .item-prdt-sol-info {
        width: 100%;
        padding: 20px;
    }
    .item-prdt-grid-sol-img {
        height: 130px;
        overflow: hidden;
        width: 100%;
    }
    .list-prdt-grid-sol .swiper-button-next, .list-prdt-grid-sol .swiper-button-prev {
        margin-top: -20px;
    }
    .link-filter {
        height: 20px;
        width: 21px;
    }

}@media screen and (max-width: 375px) {
    .list-prdt-sol {
        justify-content: center;
    }
    .item-prdt-sol{flex-direction: column;width: 100%;margin-bottom: 15px;max-width: 100%;}
    .item-prdt-grid-sol {
        width: 100%;
        margin-right: 0px;
    }
}
.banner-in-prd-list{
     margin-bottom: 30px;
 }
.banner-in-prd-list img{
    max-width: 100%;
}