.ctlist .item-grid{ position: relative; }
.ctlist .item-grid.ex-loading,
.ctlist .exfd-choice.ex-loading{ pointer-events: none; opacity: .7; }
.ctlist .exf-img { display: block; float: left; margin-right: 20px; max-width: 70px; border: 1px solid #eee; padding: 2px; position: relative;
}
.ctlist .exf-img img { display: inline-block; vertical-align: top; max-width: 100%; height: auto;
} .list-style-1 .fditem-list.item-grid,
.list-style-2 .fditem-list.item-grid{ margin-bottom: 20px; position: relative;
}
.list-style-3 .fditem-list.item-grid:first-child{margin-top: 0}
.fdstyle-list-1{width: 100%;position: relative;}
.fdstyle-list-1 .fdlist_1_detail{}
.fdstyle-list-1 .fdlist_1_title{display: flex; border-bottom: 1px dashed #bbb}
.fdstyle-list-1 .fdlist_1_title .fdlist_1_name{font-size: 22px; font-weight: 400; order: 1; line-height: 1.1; margin-bottom: 10px;}
.fdstyle-list-1 .fdlist_1_title::after { content: ""; flex-grow: 1; order: 2;
}
.fdstyle-list-1 .fdlist_1_title .fdlist_1_price{ order: 3; font-size: 22px; color: inherit; margin: 0; line-height: 1; font-weight: 600;
}
.fdstyle-list-1 .fdlist_1_title .fdlist_1_price del,
.fdstyle-list-2 .fdlist_2_title .fdlist_2_price del{ margin: 0; padding: 0; color: #2b2b2b; }
.fdstyle-list-1 .fdlist_1_title .fdlist_1_price ins,
.fdstyle-list-2 .fdlist_2_title .fdlist_2_price ins{ background: none; margin: 0; padding: 0; color: inherit;
}
.fdstyle-list-1 .fdlist_1_des{width: 100%; position: relative;}
.fdstyle-list-1 .fdlist_1_des p{margin: 0; padding: 3px 0 5px 0; font-size: 15px; padding-right: 40px}
.fdstyle-list-1 .fdlist_1_des button{ position: absolute; top: 10px; right: 0; background: #fff; border: 2px solid #ea1f2e; width: 25px; height: 25px; padding: 0;
}
.fdstyle-list-1 .fdlist_1_des button > i{padding: 5px; color: #b11717}
.fdstyle-list-2 .exfd-icon-plus,
.fdstyle-list-3 .exfd-icon-plus { width: 27px; height: 27px; background-color: transparent;
}
.fdstyle-list-2 .exfd-icon-plus:after,
.fdstyle-list-3 .exfd-icon-plus:after { background-color: #ea1f2e; width: 19px; height: 3px; top: 12px; left: 4px;
}
.fdstyle-list-2 .exfd-icon-plus:before,
.fdstyle-list-3 .exfd-icon-plus:before { background-color: #ea1f2e; width: 3px; height: 19px; top: 4px; left: 12px;
}
.fdstyle-list-1 .exfd-icon-plus{ width: 20px; height: 20px; background-color: #fff;
}
.fdstyle-list-1 .exfd-icon-plus:after{ background-color: #ea1f2e; width: 15px; height: 3px; top: 8px; left: 3px;
}
.fdstyle-list-1 .exfd-icon-plus:before{ background-color: #ea1f2e; width: 3px; height: 15px; top: 2px; left: 9px;
}
.exp-arrow figure.ex-no-description.fdstyle-list-1 {margin-bottom : 25px;} .fdstyle-list-2{ width: 100%; position: relative; }
.fdstyle-list-2 .fdlist_2_detail{}
.fdstyle-list-2 .fdlist_2_title{display: flex; border-bottom: 1px dashed #bbb}
.fdstyle-list-2 .fdlist_2_title .fdlist_2_name{font-size: 22px; font-weight: 400; order: 1; line-height: 1.1; margin-bottom: 10px}
.fdstyle-list-2 .fdlist_2_title::after { content: ""; flex-grow: 1; order: 2;
}
.fdstyle-list-2 .fdlist_2_title .fdlist_2_price{ order: 3; font-size: 22px; margin:0; line-height: 1.1; font-weight: 600; margin-right: 40px;
}
.ex-fdlist.category_left.list-layout .ctlist{ padding: 20px 0 0 20px; }
.fdstyle-list-2 .exwoofood-addicon{ position: absolute; right: 0; top: -3px; }
.fdstyle-list-2 .fdlist_2_title .fdlist_2_price span:first-child{}
.fdstyle-list-2 .fdlist_2_title .fdlist_2_price button,
.fdstyle-list-3 .fdlist_3_order button{ background: #fff; border: 2px solid #ea1f2e; width: 31px; height: 31px; border-radius: 50%; padding: 0; min-height: unset;
}
.fdstyle-list-2 .fdlist_2_title .fdlist_2_price button{vertical-align: bottom;}
.fdstyle-list-2 .fdlist_2_title .fdlist_2_price button > i,
.fdstyle-list-3 .fdlist_3_order button i{padding: 5px; color: #b11717}
.fdstyle-list-2 p{margin: 0; padding: 2px 0 5px 0; font-size: 15px}
.ex-fdlist.category_left{display: flex; flex-wrap: wrap; width: 100%;
}
.ex-fdlist.category_left .exfd-filter{ margin: 0; padding: 0; width: 30%; border-top: 2px solid #9f9f9a;
}
.ex-fdlist.category_left .ctlist{ border-left: 2px solid #9f9f9a; border-top: 2px solid #9f9f9a; width: 70%; padding-left: 20px; padding-top: 5px;
}
.ex-fdlist.category_left .exfd-filter .ex-menu-list{ display: flex; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; border: 0;
}
.ex-fdlist.category_left .exfd-filter .ex-menu-list a{ border: 0; padding: 7px 15px; margin: 0; width: 100%; position: relative; text-align: right;
}
.ex-fdlist.category_left .exfd-filter .exfd-filter-group .ex-menu-list a:first-child { border-left: 0;
}
.ex-fdlist.category_left .exfd-filter .ex-menu-list a:hover { color: #ea1f2e;}
.ex-fdlist.category_left .exfd-filter .ex-menu-list a:hover ul{ color: #101010;}
.ex-fdlist.category_left .exfd-filter .ex-menu-list .ex-active-left{ color: #ea1f2e;
}
.ex-fdlist.category_left .exfd-filter .ex-menu-list .ex-active-left:after { content: ""; width: 2px; background: #ea1f2e; position: absolute; top: 0; bottom: 0; right: -2px;
}
.ex-fdlist.category_left .exfd-filter .exfd-filter-group .ex-menu-list a ul{ top: 15px; left: 100%;
}
.ex-fdlist.category_left .exfd-filter .exfd-filter-group .ex-menu-list a > .exfd-caret { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
} .ex-fdlist.list-style-3 .fdstyle-list-3{ margin-bottom: 15px; }
.ex-fdlist.list-style-3 .item-grid:last-child .fdstyle-list-3{ margin-bottom: 0; }
.fdstyle-list-3{ display: flex; flex-wrap: wrap; width: 100%; align-items: center;
}
.fdstyle-list-3 .fdlist_3_title{ width: 25%; padding: 0 15px 0 0;
}
.fdstyle-list-3 .fdlist_3_title h3{ text-align: left; font-size: 22px; font-weight: normal; text-transform: capitalize;
}
.fdstyle-list-3 .fdlist_3_des{ padding: 0 5px; width: calc(75% - 225px);
}
.fdstyle-list-3 .fdlist_3_order{ width: 60px; text-align: right;
}
.fdstyle-list-3 .fdlist_3_des p{ padding: 0; margin: 0; font-size: inherit;
}
.fdstyle-list-3 .fdlist_3_des p:empty{display: none;}
.fdlist_3_price { width: 75px; } .list-style-4 .fdstyle-list-1{ display: table; width: 100% ;table-layout:fixed;}
.list-style-4 .fdstyle-list-1 > *{ display: table-cell; vertical-align: middle; }
.list-style-4 .fdstyle-list-1 > a.exfd_modal_click{ width: 120px }
.list-style-4 .ctlist .exf-img{ border-radius: 50%; max-width: 100px }
.list-style-4 .ctlist .exf-img img{border-radius: 50%;}
.ex-fdlist.list-layout.list-style-4 .exwf-lbicon{ padding: 8px; }
.list-style-4 .ctlist .item-grid .exp-arrow { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dashed #bbb; } .list-style-4 .fdstyle-list-1 .fdlist_1_title { border: 0; }
.list-style-4 .exp-arrow figure.ex-no-description.fdstyle-list-1{ margin-bottom: 0; }
.list-style-4 .fdstyle-list-1 .fdlist_1_des button.exfd-choice { border-radius: 50%; width: 31px; height: 31px; top: 0; } .list-style-4 .fdstyle-list-1 .exfd-icon-plus{ left: 1px; }
.list-style-4 .fdstyle-list-1 .exfd-icon-plus:before { top: 3px; left: 11px; } .list-style-4 .fdstyle-list-1 .exfd-icon-plus:after { top: 9px; left: 5px; }
.list-style-4 .fdstyle-list-1 .fdlist_1_des p{ padding-top: 2px }
.list-style-4 .ex-loadmore{ border: 0; padding:0; }
.list-style-4 .exp-arrow figure.ex-no-description .exfd-choice {margin-top: -2px;}
.list-style-4 .fdstyle-list-1 .fdlist_1_title .fdlist_1_name{ margin-bottom: 5px; }
.list-style-4 .fdstyle-list-1 .fdlist_1_title .fdlist_1_price{ margin-top: 4px; } .list-style-5 .ctlist .item-grid .exp-arrow{border-bottom: 1px solid #eee;}
.list-style-5 .ctlist .exf-img img,
.list-style-5 .ctlist .exf-img{border: 0; border-radius: 0} .ctlist .fditem-list.item-grid .exfd-choice.ex-loading { pointer-events: none; opacity: .4;
}
@media screen and (min-width: 1024px){ .ex-fdlist.list-layout[class*="column"]:not(.column-1) .item-grid{ padding-left: 7px; vertical-align: top; } .ex-fdlist.list-layout.column-4 .item-grid:nth-child(4n+1), .ex-fdlist.list-layout.column-2 .item-grid:nth-child(2n+1){padding-right: 7px; padding-left: 0 } .ex-fdlist.list-layout.column-4 .item-grid:nth-child(4n){padding-left: 7px;padding-right: 0;} .ex-fdlist.list-layout.column-4 .item-grid:nth-child(4n+2), .ex-fdlist.list-layout.column-4 .item-grid:nth-child(4n+3){padding-right: 7px; padding-left: 7px; }
}
@media screen and (min-width: 769px){ .ex-fdlist.list-layout[class*="column"]:not(.column-1) .item-grid{ padding-left: 7px; vertical-align: top; } .ex-fdlist.list-layout.column-3 .item-grid:nth-child(3n+1){padding-right: 7px; padding-left: 0 } .ex-fdlist.list-layout.column-3 .item-grid:nth-child(3n){padding-left: 7px;padding-right: 0;} .ex-fdlist.list-layout.column-3 .item-grid:nth-child(3n+2){padding-right: 7px; padding-left: 7px; }
}
@media screen and (max-width: 1023px){ .ex-fdlist.list-layout.column-4 .item-grid{ padding-left: 7px; vertical-align: top; width: 33.333% } .ex-fdlist.list-layout.column-4 .item-grid:nth-child(3n+1){padding-right: 7px; padding-left: 0 } .ex-fdlist.list-layout.column-4 .item-grid:nth-child(3n){padding-left: 7px;padding-right: 0;} .ex-fdlist.list-layout.column-4 .item-grid:nth-child(3n+2){padding-right: 7px; padding-left: 7px; }
}
@media screen and (max-width: 768px){ .ex-fdlist.list-layout.column-4 .item-grid:nth-child(3n+1), .ex-fdlist.list-layout.column-4 .item-grid:nth-child(3n+2){ padding-left: 7px; vertical-align: top; width: 50%; padding-right: 0} .ex-fdlist.list-layout[class*="column"]:not(.column-1) .item-grid{ padding-left: 7px; vertical-align: top; width: 50% } .ex-fdlist.list-layout[class*="column"]:not(.column-1) .item-grid:nth-child(2n+1){padding-right: 7px; padding-left: 0 } .ex-fdlist.category_left .exfd-filter{ margin: 0; padding: 0; width: 100%; border-top: none; } .ex-fdlist.category_left .ctlist{ border-left: none; border-top: none; width: 100%; padding-left: 0; padding-top: 5px; } .ex-fdlist.category_left.list-layout .ctlist{ padding: 0 } .ex-fdlist.category_left .exfd-filter .ex-menu-list{display: none;}
}
@media screen and (max-width: 560px){ .ex-fdlist.list-layout.column-4 .item-grid:nth-child(3n+1), .ex-fdlist.list-layout.column-4 .item-grid:nth-child(3n+2), .ex-fdlist.list-layout[class*="column"]:not(.column-1) .item-grid:nth-child(2n+1), .ex-fdlist.list-layout.column-4 .item-grid:nth-child(3n+2), .ex-fdlist.list-layout[class*="column"]:not(.column-1) .item-grid{ padding: 0; vertical-align: top; width: 100% } .fdstyle-list-3 .fdlist_3_des{ display: none; } .fdstyle-list-3 .fdlist_3_title{ width: calc( 100% - 225px) }
}