/*list*/ .wide{width: 96%;} #list_index #page_main .list-section{background: #f6f9fe;/*min-height: 100vh;*/padding: 30px 0 60px;color: #000;} #list_index #page_main .list-content{display: flex;gap: 30px;} #list_index #page_main .filters-content{width: 340px;box-sizing: border-box;background: white;border-radius: 10px;padding: 30px;height: fit-content;box-shadow: 0 3px 21px rgba(0, 0, 0, 0.06);position: sticky; top: 0; z-index: 99;display: none;} #list_index #page_main .filters-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;} #list_index #page_main .filters-header .filters-title{font-size: 20px;font-family: "PoppinsSemiBold";} #list_index #page_main .filters-header .clear-btn{background: none;border: none;color: #4285f4;font-size: 12px;cursor: pointer;} #list_index #page_main .filters-list{margin-bottom: 25px;display: block;} #list_index #page_main .filters-list .filter-group{margin-bottom: 15px;} #list_index #page_main .filters-list .filter-group:last-child{margin-bottom: 0;} #list_index #page_main .filters-list .filter-group .filter-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;} #list_index #page_main .filters-list .filter-group .filter-title{font-size: 16px;font-family: "PoppinsSemiBold";} #list_index #page_main .filters-list .filter-group .more-country-btn{background: none;border: none;color: #4285f4;font-size: 12px;cursor: pointer;} #list_index #page_main .filters-list .filter-group .country-tags{display: flex;flex-wrap: wrap;gap: 6px;} #list_index #page_main .filters-list .filter-group .country-tags .country-tag{display: inline-block;padding: 6px 14px;background: #f5f5f5;border-radius: 20px;cursor: pointer;} #list_index #page_main .filters-list .filter-group .country-tags .country-tag.current{background: #2871fa;color: white;} #list_index #page_main .filters-list .filter-group .checkbox-group{display: flex;flex-direction: column;gap: 6px;} #list_index #page_main .filters-list .filter-group .checkbox-group .checkbox-item{display: flex;align-items: flex-start;cursor: pointer;font-size: 16px;gap: 8px;} #list_index #page_main .filters-list .filter-group .checkbox-group .checkbox-item .checkbox-input { display: flex; align-items: center; cursor: pointer; } #list_index #page_main .filters-list .filter-group .checkbox-group .checkbox-item .checkbox-input i { width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #ccd1d6; border-radius: 2px; margin-top: 5px;} #list_index #page_main .filters-list .filter-group .checkbox-group .checkbox-item.current .checkbox-input i { border-color: #045afe; background: url(../images/checkbox_label.png) #045afe no-repeat center; } #list_index #page_main .filter-btn{display: block;} #list_index #page_main .filter-img{display: none;} #list_index #page_main .filters-header-item{display: flex;align-items: center;} #list_index #page_main .filters-content .filter-btn{width: 100%;box-sizing: border-box; background: linear-gradient(135deg, #2871fa 0%, #3d5ff6 100%);color: #fff;border: none;padding: 12px 15px;border-radius: 6px;font-size: 16px;cursor: pointer;font-family: "PoppinsSemiBold";} #list_index #page_main .results-content{width: 100%; position: relative;} #list_index #page_main .results-content .sentinel{position: absolute; top: 0; left: 0; right: 0; height: 1px; pointer-events: none;visibility: hidden;} #list_index #page_main .results-header{margin: 10px 0;display: flex; flex-wrap: wrap; align-items: flex-end;justify-content: space-between;position: sticky; top: 0;z-index: 1;gap: 10px;} #list_index #page_main .results-header .results-header-left{display: flex;align-items: flex-end;gap: 10px;flex-wrap: wrap;} #list_index #page_main .results-header .results-total{font-size: 16px;margin-right: 15px;display: flex; align-items: flex-end;flex-wrap: wrap;} #list_index #page_main .results-header .results-total em{color: #2871fa;} #list_index #page_main .results-header .results-total em.total{font-size: 24px;font-weight: bold;line-height: 1.25;} #list_index #page_main .results-header .results-total em.keywords{max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;} #list_index #page_main .results-header .selector.disabled{cursor: not-allowed;opacity: 0.5;} #list_index #page_main .results-header .selector.disabled *{pointer-events: none;} #list_index #page_main .results-header .selector .selector_box{ position: relative; top: unset; transform: none; border-radius: 4px; border-color: #2a6ff9; padding: 10px 11px; min-width: 110px; margin-left: 0; font-size: 14px; color: var(--maincolor3); } #list_index #page_main .results-header .selector .selector_input i{border-color: var(--maincolor3);} #list_index #page_main .results-header .selector .selector_box .selector_input::after{content: none;} #list_index #page_main .results-header .export_btn{background-color: var(--maincolor3);border-color: var(--maincolor3); height: 38px;padding: 5px 16px;font-size: 16px;} #list_index #page_main .results-header .export_btn:hover{opacity: 0.9;} #list_index #page_main .results-header.is-fixed {background: #005ae3;z-index: 2;backdrop-filter: blur(10px);color: white;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);border-radius: 12px;padding: 5px;} #list_index #page_main .results-header.is-fixed .results-total em{color: #fbbf24;} #list_index #page_main .results-header.is-fixed .export_btn{background-color: #fff;color: var(--maincolor3);} #list_index #page_main .results-header .results-total em{color: #2871fa;} #list_index #page_main .results-header .results-total em.total{font-size: 24px;font-weight: bold;} #list_index #page_main .results-header .results-wait{margin-left: 15px;} #list_index #page_main .results-header .results-wait.hide{display: none;} /* #list_index #page_main .results-list{display: flex;flex-direction: column;gap: 0;position: relative;min-height: 500px; justify-content: flex-start;} */ #list_index #page_main .results-list .results-card{display: flex;background: white;border-radius: 8px;padding: 0;box-shadow: 0 3px 21px rgba(0, 0, 0, 0.06); width: fit-content;align-items: center;height: 160px;} #list_index #page_main .results-list .results-card .results-card-right{width: 100%;} #list_index #page_main .results-list .results-card .company-header{display: flex;align-items: center;gap: 16px;} #list_index #page_main .results-list .results-card .company-header .company-logo{width: 60px;height: 60px;border-radius: 8px;overflow: hidden;flex-shrink: 0;} #list_index #page_main .results-list .results-card .company-header .company-logo img{width: 100%;height: 100%;object-fit: cover;} #list_index #page_main .results-list .results-card .company-header .company-info{flex: 1;display: flex;flex-direction: column;gap: 10px;} #list_index #page_main .results-list .results-card .company-header .company-name{line-height: 1.35;font-size: 28px;font-family: "PoppinsSemiBold";color: #000; display: flex;gap: 10px; } #list_index #page_main .results-list .results-card .company-header .company-name .selector{margin-top: 10px;} #list_index #page_main .results-list .results-card .company-header .company-name .selector.disabled{cursor: not-allowed;opacity: 0.5;} #list_index #page_main .results-list .results-card .company-header .company-name .selector.disabled *{pointer-events: none;} #list_index #page_main .results-list .results-card .company-header .company-source-box{ display: flex;align-items: center; flex-wrap: wrap;gap: 10px; } #list_index #page_main .results-list .results-card .company-header .company-location{font-size: 16px;display: flex;align-items: center;} #list_index #page_main .results-list .results-card .company-header .company-location span.i_out { display: flex } #list_index #page_main .results-list .results-card .company-header .company-location span.i_out i{transform-origin: left center; transform: scale(0.75);} #list_index #page_main .results-list .results-card .company-header .company-domain{color: #3b60f7; } #list_index #page_main .results-list .results-card .company-header .company-matching-box{ display: flex;align-items: center; flex-wrap: wrap;gap: 15px; } #list_index #page_main .results-list .results-card .company-header .company-matching{display: flex;align-items: center;gap: 10px;font-size: 14px;flex-wrap: wrap;} #list_index #page_main .results-list .results-card .company-header .company-matching .matching-label{font-size: 14px; color: #000000;font-family: "PoppinsSemiBold";} #list_index #page_main .results-list .results-card .company-header .company-matching .matching-stars{display: inline-flex;gap: 2px;align-items: center;} #list_index #page_main .results-list .results-card .company-header .company-matching .matching-stars .star{color: #d1d5db;font-size: 16px;line-height: 1;} #list_index #page_main .results-list .results-card .company-header .company-matching .matching-stars .star.active{color: #fbbf24;} #list_index #page_main .results-list .results-card .company-header .company-matching .matching-content{ text-transform: capitalize; } #list_index #page_main .results-list .results-card .company-header .company-actions{display: flex;flex-direction: column;gap: 18px;align-items: flex-end;} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons{display: flex;gap: 8px;} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons .buttons{display: flex;justify-content: center; align-items: center;padding: 3px 15px;border-radius: 4px;font-size: 16px;cursor: pointer;font-family: "PoppinsMedium";} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons .save-btn{background: #fff;border: 1px solid #dfe1e6;padding: 8px;} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons .save-btn .love_icon { width: 17px; height: 15px; display: inline-block; vertical-align: middle; background-image: url(../images/list/love_current_icon.png); background-repeat: no-repeat; background-position: center; background-size: 100%; } #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons .save-btn.saved .love_icon{ background-image: url(../images/list/love_icon.png); } #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons .detail-btn{background: #005ae3;border: 1px solid #005ae3;color: #fff;} #list_index #page_main .results-list .results-card .company-tag-box{display: block; flex-wrap: wrap; gap: 8px;} #list_index #page_main .results-list .results-card .company-tag-box .company-tag{font-size: 14px;cursor:default;color: #000;} /* #list_index #page_main .results-list .results-card .company-tag-box .company-tag:hover{background-color: #f65a07;color: #fff;} */ #list_index #page_main .results-list .results-card .company-description{font-size: 14px;line-height: 1.3;} #list_index #page_main .results-list .results-card .company-images{display: flex;gap: 15px;margin-bottom: 15px;flex-wrap: wrap;} #list_index #page_main .results-list .results-card .company-images.hide{display: none} #list_index #page_main .results-list .results-card .company-images .img{width: 105px;height: 105px;border-radius: 4px;display: flex; align-items: center; justify-content: center;background-color: #ededed;} #list_index #page_main .results-list .results-card .contact-info-out{position: relative;margin-bottom: 15px;} #list_index #page_main .results-list .results-card .contact-info{display: grid; grid-template-columns: repeat(3,1fr); gap: 8px;flex-direction: column; } #list_index #page_main .results-list .results-card .contact-info .contact-section{ display: flex;flex-direction: column;row-gap: 10px; border: 1px solid #d9dfec;padding: 20px;border-radius: 4px;min-width: 0; } #list_index #page_main .results-list .results-card .contact-info .contact-label{font-size: 16px;font-family: "PoppinsSemiBold";} #list_index #page_main .results-list .results-card .contact-info .contact-items{ display: flex;flex-direction: column;gap: 8px; } #list_index #page_main .results-list .results-card .contact-info .contact-items .contact-item{ color: #2871fa;font-size: 20px;cursor: context-menu;font-family: "PoppinsSemiBold"; display: flex; gap: 8px; align-items: center; } #list_index #page_main .results-list .results-card .contact-info .contact-items .contact-item .item-label { display: inline-block; width: 22px; height: 22px; background-position: center;background-size: 22px; background-repeat: no-repeat; } #list_index #page_main .results-list .results-card .contact-info .contact-items .contact-item .item-value { width: 100%;flex: 1; } #list_index #page_main .results-list .results-card .contact-info .contact-items.email .contact-item .item-label { background-image: url(../images/detail/person_icon.png?v=1); } #list_index #page_main .results-list .results-card .contact-info .contact-items.email .contact-item .item-label.company_label { background-image: url(../images/detail/company_icon.png?v=1); } #list_index #page_main .results-list .results-card .contact-info .contact-items.social{flex-direction: row; flex-wrap: wrap;} #list_index #page_main .results-list .results-card .contact-info .contact-items.social .contact-item .item-value, #list_index #page_main .results-list .results-card .contact-info .contact-items.email .contact-item .item-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 25px); } #list_index #page_main .results-list .results-card .contact-info .contact-tips{font-size: 14px; color: #000;} #list_index #page_main .results-list .results-card .contact-info .contact-tips em{color: #2871fa;font-family: "PoppinsSemiBold";} #list_index #page_main .results-list .results-card .company-detail-intro-box{border-radius: 4px; display: flex;align-items: center; gap: 20px; padding: 30px; background-color: #f3f7ff; } #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info{flex: 1;display: flex;flex-direction: column;gap: 15px;} #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info .intro-title{font-size: 14px;color: #000;} #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info .intro-title b{font-family: "PoppinsSemiBold";} #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info .intro-list{ display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; color: #005ae3;font-family: "PoppinsSemiBold";font-size: 14px; } #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info .intro-more{font-size: 14px;color: #000;} #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-img{width: 60%;} #list_index #page_main .results-list .results-card .company-trade-box{margin-bottom: 15px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-top{display: flex;justify-content: flex-end;margin-bottom: 5px;} #list_index #page_main .results-list .results-card .company-trade-box .trade-date{display: flex;align-items: center;gap: 5px;font-size: 14px;color: #000;} #list_index #page_main .results-list .results-card .company-trade-box .trade-date .date-label{font-family: "PoppinsSemiBold";} #list_index #page_main .results-list .results-card .company-trade-box .trade-info{ display: flex;flex-direction: row; gap: 8px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box{ padding: 10px 20px; border: 1px solid #d9dfec; border-radius: 4px;box-sizing: border-box; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .info-title{ font-size: 16px; color: #000; font-family: "PoppinsSemiBold"; margin-bottom: 10px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .info-content .info-value{ font-size: 20px; color: #000; font-family: "PoppinsSemiBold"; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .info-chart { min-width: 100px; height: 100px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .hscode-list .list-item{ display: flex;justify-content: space-between;gap: 10px;align-items: center; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .hscode-list .list-item .item-title{ font-size: 20px; font-family: "PoppinsSemiBold";width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .hscode-list .list-item .item-value{ font-size: 14px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box:first-child{max-width: 20%;flex: 0.1;} #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box:nth-child(2){width: 25%;flex: 0.4;} #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box:nth-child(3){width: 25%;flex: 0.4;} #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box:nth-child(4){width: 10%;flex: 0.3;} #list_index #page_main .results-list{height: 600px; border: 1px solid #d7e5f5;border-radius: 10px;overflow: auto;background: #fff;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);} #list_index #page_main .results-list .itemt_company{position: relative;width: 280px;height: 100%;padding: 0 15px;display: inline-flex;align-items: center;justify-content: center;align-content: center;word-wrap: break-word;overflow-wrap: break-word;text-align: center;} #list_index #page_main .results-list .itemt_company a{width: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #list_index #page_main .results-list .itemt_company .contact-items{position: relative;width: 100%;} #list_index #page_main .results-list .itemt_company .no-data{font-size: 18px;color: #3764F7;} #list_index #page_main .results-list .results-list-header .scrolled{border-right: 1px solid #d7e5f5;} #list_index #page_main .results-list .results-list-header{display: flex;align-items: center;height: 45px;min-height: 40px;position: sticky;top: 0;z-index: 2;width: fit-content;background: #E7EEFA;color: #333333;font-weight: 700;} #list_index #page_main .results-list .results-list-header .company-header{position: sticky;left: 0;z-index: 1;height: 100%;text-align: center;display: grid;justify-items: center;align-items: center;grid-auto-flow: column;gap: 12px;background: #E7EEFA;justify-content: space-evenly;} #list_index #page_main .results-list .results-list-content{display: flex;flex-direction: column;gap: 0;position: relative;min-height: 500px; justify-content: flex-start;} #list_index #page_main .results-list .results-list-content .results-card{display: flex;background: white;border-radius: 8px;padding: 0;box-shadow: 0 3px 21px rgba(0, 0, 0, 0.06); width: fit-content;align-items: center;height: 160px;} #list_index #page_main .results-list .results-list-content .results-card .scrolled{border-right: 1px solid #d7e5f5;} #list_index #page_main .results-list .results-list-content .results-card .company-header{position: sticky;left: 0;z-index: 1;height: 100%;text-align: center;display: flex;justify-items: center;align-items: center;gap: 12px;background: #fff;justify-content: space-evenly;} #list_index #page_main .results-list .results-list-content .results-card .company-header .selector .hide{margin: 0;} #list_index #page_main .results-list .results-list-content .results-card .company-header .itemt_company_img{width: 55px;height: auto;} #list_index #page_main .results-list .results-list-content .results-card .company-header .itemt_company_img img{max-width: 100%;display: block;} #list_index #page_main .results-list .results-list-content .results-card .company-header .itemt_company_name{width: 100%;} #list_index #page_main .results-list .results-list-content .results-card .company-location .i_out{margin-right: 5px;} #list_index #page_main .results-list .results-list-content .results-card .company-description{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;line-height: 1.4;overflow: hidden;font-size: 14px;text-align: left;} #list_index #page_main .results-list .results-list-content .results-card .contact-item{display: block;} #list_index #page_main .results-list .results-list-content .results-card .contact-section{display: block;} #list_index #page_main .results-list .results-list-content .results-card .company-tag-box{display: block;flex-wrap: wrap;word-wrap: break-word;overflow-wrap: break-word;} #list_index #page_main .results-list .results-list-content .results-card .company-tag-box .company-tag{font-size: 14px;cursor: default;color: #000;} #list_index #page_main #fixed_company_detail {width: 420px;height: 100%;top: 0;bottom: auto;background: #ffffff;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);} #list_index #page_main #fixed_company_detail .top_bar {box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);} #list_index #page_main #fixed_company_detail .top_title {color: #495DFF;font-size: 24px;font-weight: bold;display: flex;padding: 15px;} #list_index #page_main #fixed_company_detail .top_title .company_name span:first-of-type{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;margin-left: 5px;} #list_index #page_main #fixed_company_detail .top_title .company_name span:last-of-type {position: absolute;visibility: hidden;background-color: #555;color: #fff;text-align: center;padding: 3px 3px;border-radius: 6px;font-size: 14px;} #list_index #page_main #fixed_company_detail .top_title .company_name span:last-of-type::after {content: "";position: absolute;top: -10px;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #555 transparent;} #list_index #page_main #fixed_company_detail .top_title .company_name:hover span:last-of-type{visibility: visible;animation: dot-opacity .3s;} #list_index #page_main #fixed_company_detail .content {height: calc(100% - 75px);overflow-x: hidden;overflow-y: auto;padding: 10px 15px 20px;} #list_index #page_main #fixed_company_detail .content .detail-header {margin-bottom: 20px;} #list_index #page_main #fixed_company_detail .content .detail-header .detail-company-name {font-size: 22px;font-weight: 700;color: #101828;line-height: 1.2;} #list_index #page_main #fixed_company_detail .content .detail-header .detail-subtitle {font-size: 14px;color: #64748b;margin-top: 8px;} #list_index #page_main #fixed_company_detail .content .detail-header .detail-action {height: auto;padding: 10px 20px;background: #3764F7;border-color: #3764F7;color: #fff;border-radius: 10px;text-decoration: none;font-size: 18px;} #list_index #page_main #fixed_company_detail .content .detail-content {min-height: 120px;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-section {margin-bottom: 15px;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-section.detail-fields {padding: 0;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-row {padding: 6px 0;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-row:last-child {border-bottom: none;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-row .detail-label{color: #000;font-size: 18px;font-weight: bold;margin-bottom: 5px;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-row .detail-value {color: #000;font-size: 14px;min-width: 0;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-row .detail-value a {color: #3b60f7;text-decoration: none;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-row .detail-value .no-data{font-size: 18px;color: #3764F7;} #list_index #page_main #fixed_company_detail .content .detail-loading,#list_index #page_main #fixed_company_detail .content .detail-empty-text {padding: 24px 0;color: #64748b;font-size: 14px;text-align: center;} #list_index #div_right_mask {background: rgba(0, 0, 0, 0) !important;} #list_index #page_main .dot-stretching {margin-left: 20px;position: relative;width: 8px;height: 8px;border-radius: 4px;background-color: #000;color: #000;transform: scale(1.25, 1.25);animation: dot-stretching 2s infinite ease-in;display: inline-block;} #list_index #page_main .dot-stretching::before, .dot-stretching::after {box-sizing: inherit;content: "";display: inline-block;position: absolute;top: 0;left: 0;} #list_index #page_main .dot-stretching::before {width: 8px;height: 8px;border-radius: 4px;background-color: #000;color: #000;animation: dot-stretching-before 2s infinite ease-in;} #list_index #page_main .dot-stretching::after {width: 8px;height: 8px;border-radius: 4px;background-color: #000;color: #000;animation: dot-stretching-after 2s infinite ease-in;} @keyframes dot-stretching {0% {transform: scale(1.25, 1.25);}50%, 60% {transform: scale(0.8, 0.8);}100% {transform: scale(1.25, 1.25);}} @keyframes dot-stretching-before {0% {transform: translate(0) scale(0.7, 0.7);}50%, 60% {transform: translate(-15px) scale(1, 1);}100% {transform: translate(0) scale(0.7, 0.7);}} @keyframes dot-stretching-after {0% {transform: translate(0) scale(0.7, 0.7);}50%, 60% {transform: translate(15px) scale(1, 1);}100% {transform: translate(0) scale(0.7, 0.7);}} @keyframes dot-opacity {0% {opacity: 0;}50% {opacity: 0.5;}100% {opacity: 1;}} #list_index #page_main .results-turn-page #turn_page .pagination .last{display: none;} @media (max-width: 1450px) { #list_index #page_main .results-list .results-card .company-detail-intro-box{flex-direction: column;align-items: flex-start;} #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-img{width: 100%;} } @media (max-width: 1350px) { #list_index #page_main .results-list .results-card .company-trade-box .trade-info{ display: grid;grid-template-columns: repeat(2,1fr); } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box:first-child, #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box:nth-child(2), #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box:nth-child(3), #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box:nth-child(4){max-width: none;width: auto;min-width: 0;} } @media (max-width: 1200px) { #list_index #page_main .filters-content{width: 325px;} #list_index #page_main .results-content{width: 100%;} } @media (max-width: 1024px) { #list_index #page_main .list-section { padding: 30px 0; } #list_index #page_main .list-content{flex-direction: column; gap: 10px;} #list_index #page_main .filters-content{width: 100%;padding: 20px;position: relative;} #list_index #page_main .filters-header{margin-bottom: 20px;} #list_index #page_main .filters-header .filters-title{font-size: 18px;} #list_index #page_main .filters-list{margin-bottom: 20px; display: none;} #list_index #page_main .filters-list-show{display: block;} #list_index #page_main .filters-list .filter-group{margin-bottom: 15px;} #list_index #page_main .filters-list .filter-group .filter-header{margin-bottom: 10px;} #list_index #page_main .filters-list .filter-group .checkbox-group{gap: 10px;} #list_index #page_main .filter-btn{display: none;} #list_index #page_main .filter-btn-show{display: block;} #list_index #page_main .filter-img{display: block;} #list_index #page_main .filter-img-show{transform: rotate(180deg);transition: transform 0.3s;} #list_index #page_main .results-content{width: 100%;} #list_index #page_main .results-header{margin-top: 0;} #list_index #page_main .results-list .results-card{padding: 20px;} #list_index #page_main .results-list .results-card .company-header{gap: 12px;margin-bottom: 0;} #list_index #page_main .results-list .results-card .company-header .company-logo{width: 50px;height: 50px;} #list_index #page_main .results-list .results-card .company-header .company-info{gap: 8px;} #list_index #page_main .results-list .results-card .company-header .company-name{font-size: 26px;} #list_index #page_main .results-list .results-card .company-header .company-source-box{gap: 8px; } #list_index #page_main .results-list .results-card .company-header .company-matching-box{gap: 10px; } #list_index #page_main .results-list .results-card .company-header .company-matching{gap: 8px;} #list_index #page_main .results-list .results-card .company-header .company-actions{gap: 15px;} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons{gap: 5px;} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons .buttons{padding: 3px 10px;} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons .save-btn{padding: 5px;} #list_index #page_main .results-list .results-card .company-tag-box{gap: 5px;margin-bottom: 0;} #list_index #page_main .results-list .results-card .company-tag-box .company-tag{padding: 0;} #list_index #page_main .results-list .results-card .company-description{font-size: 16px;margin-bottom: 12px;} #list_index #page_main .results-list .results-card .company-images{gap: 12px;margin-bottom: 12px;} #list_index #page_main .results-list .results-card .company-images .img{width: 85px;height: 85px;} #list_index #page_main .results-list .results-card .contact-info-out{margin-bottom: 12px;} #list_index #page_main .results-list .results-card .contact-info{ gap: 5px; } #list_index #page_main .results-list .results-card .contact-info .contact-section{ row-gap: 8px; padding: 15px; } #list_index #page_main .results-list .results-card .contact-info .contact-label{font-size: 16px;} #list_index #page_main .results-list .results-card .contact-info .contact-items{ gap: 5px; } #list_index #page_main .results-list .results-card .contact-info .contact-items .contact-item{ font-size: 18px; gap: 5px; } #list_index #page_main .results-list .results-card .contact-info .contact-items .contact-item .item-label { width: 20px; height: 20px;background-size: 20px; } #list_index #page_main .results-list .results-card .company-detail-intro-box{ gap: 15px; padding: 15px; } #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info{gap: 10px;} #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info .intro-list{ gap: 5px;} #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-img{width: 100%;} #list_index #page_main .results-list .results-card .company-trade-box{margin-bottom: 12px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info{ gap: 5px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box{ padding: 10px 15px; } } @media (max-width: 768px) { #list_index #page_main .results-header{gap: 8px;flex-direction: column;align-items: flex-start;} #list_index #page_main .results-header .results-header-left{gap: 8px;} #list_index #page_main .results-header .selector .selector_box{height: 35px;} #list_index #page_main .results-header .export_btn{height: 35px;font-size: 14px;} #list_index #page_main .results-list .results-card{padding: 0;} #list_index #page_main .results-list .results-card .company-header{margin-bottom: 0;} #list_index #page_main .results-list .results-card .company-header .company-logo{width: 45px;height: 45px;} #list_index #page_main .results-list .results-card .company-header .company-info{gap: 5px;} #list_index #page_main .results-list .results-card .company-header .company-name{font-size: 22px;} #list_index #page_main .results-list .results-card .company-header .company-source-box{gap: 5px; } #list_index #page_main .results-list .results-card .company-header .company-location{font-size: 14px;} #list_index #page_main .results-list .results-card .company-header .company-matching-box{gap: 8px; } #list_index #page_main .results-list .results-card .company-header .company-matching{gap: 5px;} #list_index #page_main .results-list .results-card .company-header .company-actions{align-items: flex-start;gap: 8px;} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons{flex-direction: column;width: 100%;box-sizing: border-box;gap: 5px;} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons .buttons{padding: 8px;font-size: 14px;} #list_index #page_main .results-list .results-card .company-tag-box{margin-bottom: 0;} #list_index #page_main .results-list .results-card .company-description{font-size: 14px;margin-bottom: 8px;} #list_index #page_main .results-list .results-card .company-images{gap: 8px;margin-bottom: 8px;} #list_index #page_main .results-list .results-card .company-images .img{width: 65px;height: 65px;} #list_index #page_main .results-list .results-card .contact-info-out{margin-bottom: 8px;} #list_index #page_main .results-list .results-card .contact-info{ grid-template-columns: repeat(1,1fr);gap: 5px; } #list_index #page_main .results-list .results-card .contact-info .contact-section{ row-gap: 5px; padding: 12px; } #list_index #page_main .results-list .results-card .contact-info .contact-label{font-size: 14px;} #list_index #page_main .results-list .results-card .contact-info .contact-items .contact-item{ font-size: 16px; } #list_index #page_main .results-list .results-card .contact-info .contact-items .contact-item .item-label { width: 18px; height: 18px;background-size: 18px; } #list_index #page_main .results-list .results-card .contact-info .contact-items.social .contact-item .item-value, #list_index #page_main .results-list .results-card .contact-info .contact-items.email .contact-item .item-value { width: calc(100% - 20px); } #list_index #page_main .results-list .results-card .company-detail-intro-box{ gap: 12px; padding: 12px; } #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info{gap: 8px;} #list_index #page_main .results-list .results-card .company-trade-box{margin-bottom: 10px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box{ padding: 10px 12px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .info-title{ font-size: 14px; margin-bottom: 8px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .info-content .info-value{ font-size: 18px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .hscode-list .list-item{ gap: 8px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .hscode-list .list-item .item-title{ font-size: 18px; } #list_index #page_main .results-list .itemt_company{width: 230px;padding: 0 6px;font-size: 12px;} #list_index #page_main .results-list .results-list-content .results-card .company-tag-box{gap: 3px;margin-bottom: 0;} #list_index #page_main .results-list .results-list-content .results-card .company-description{font-size: 12px;margin-bottom: 0;} #list_index #page_main .results-list .results-list-content .results-card .company-tag-box .company-tag{font-size: 12px;margin-bottom: 0;} #list_index #page_main #fixed_company_detail .top_title{font-size: 24px;} #list_index #page_main #fixed_company_detail .content .detail-header .detail-action{font-size: 16px;padding: 10px 16px;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-row .detail-label{font-size: 16px;} #list_index #page_main #fixed_company_detail .content .detail-content .detail-row .detail-value{font-size: 12px;} } @media (max-width: 500px) { #list_index #page_main .results-list .results-card{padding: 10px;} #list_index #page_main .results-list .results-card .company-header{gap: 8px;margin-bottom: 0;} #list_index #page_main .results-list .results-card .company-header .company-logo{width: 40px;height: 40px;} #list_index #page_main .results-list .results-card .company-header .company-name{font-size: 20px;} #list_index #page_main .results-list .results-card .company-header .company-matching-box{gap: 5px; } #list_index #page_main .results-list .results-card .company-header .company-actions{gap: 5px;} #list_index #page_main .results-list .results-card .company-header .company-actions .action-buttons .buttons{padding: 5px;} #list_index #page_main .results-list .results-card .company-tag-box{margin-bottom: 0;} #list_index #page_main .results-list .results-card .company-description{margin-bottom: 5px;} #list_index #page_main .results-list .results-card .company-images{gap: 5px;margin-bottom: 5px;} #list_index #page_main .results-list .results-card .company-images .img{width: 55px;height: 55px;} #list_index #page_main .results-list .results-card .contact-info-out{margin-bottom: 5px;} #list_index #page_main .results-list .results-card .contact-info .contact-section{ padding: 10px; } #list_index #page_main .results-list .results-card .company-detail-intro-box{ gap: 10px; padding: 10px; } #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info{gap: 5px;} #list_index #page_main .results-list .results-card .company-detail-intro-box .intro-info .intro-list{ grid-template-columns: repeat(1,1fr);} #list_index #page_main .results-list .results-card .company-trade-box{margin-bottom: 5px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info{ display: grid;grid-template-columns: repeat(1,1fr); } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box{ padding: 10px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .info-title{ margin-bottom: 5px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .info-content .info-value{ font-size: 16px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .hscode-list .list-item{ gap: 5px; } #list_index #page_main .results-list .results-card .company-trade-box .trade-info .info-box .hscode-list .list-item .item-title{ font-size: 16px; } #list_index #page_main .results-list .itemt_company{width: 200px;padding: 0 4px;} } /*fixed_list_export*/ #page_main #fixed_list_export .fixed_form .fixed_item{padding: 20px;background-color: #f4f7fc;border-radius: 8px;margin-top: 20px;} #page_main #fixed_list_export .fixed_form .fixed_item:first-child{margin-top: 0;} #page_main #fixed_list_export .fixed_form .fixed_item .title{font-size: 16px;color: #001141;text-transform: capitalize;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container{margin-top: 15px;display: flex;flex-direction: column;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container #export_quantity{-moz-appearance: textfield;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container #export_quantity::-webkit-inner-spin-button, #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container #export_quantity::-webkit-outer-spin-button{-webkit-appearance: none;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container #export_quantity.error{border-color: #ff4757;background-color: #fff5f5;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container .fixed_radio{margin-top: 14px;display: flex; align-items: flex-start; gap: 8px;line-height: 1.5;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container .fixed_radio:first-child{margin-top: 0;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container .fixed_radio input{cursor: pointer;margin-top: 4px;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container .fixed_radio label{color: #495567;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container .unit{color: #ff0000;} #page_main #fixed_list_export .fixed_form .fixed_item .fixed_container .unit em{font-weight: bold;font-size: 16px;} #page_main #fixed_list_export .fixed_form .fixed_item.item_surplus { background-color: #ffebec; color: #ff0000;display: flex; flex-direction: column; gap: 5px; } #page_main #fixed_list_export .success_box { display: flex; flex-direction: column; align-items: center; row-gap: 10px; } #page_main #fixed_list_export .success_box .title { font-size: 20px; } #page_main #fixed_list_export .success_box .tips { font-size: 16px; color: #495567; text-align: center; line-height: 1.5; } #page_main #fixed_list_export .success_box .btn_list { display: flex; justify-content: center; } #page_main #fixed_list_export .success_box .btn_list a.ok_btn { height: 40px; padding: 5px 35px; font-size: 16px;background-color: var(--maincolor3);border-color: var(--maincolor3); } #page_main #fixed_list_export .content .content_2, #page_main #fixed_list_export .content .content_3{margin-top: 60px;}