/* ========== List / Category / Search Pages CSS ========== */

/* Breadcrumb */
.site{padding:20px 0;display: flex;align-items: center;justify-content: flex-start;height: 14px;}
.site.sec{padding-top: 30px;}
.site.thr{padding: 30px 0;}
.site img{width: 14px;margin-right:6px;margin-top: 3px;}
.site p{font-size: 14px;color: #555;}
.site p a{font-size: 14px;color: #555;display: inline-block;*display: inline;zoom:1;}
.site p span{font-size: 14px;letter-spacing: 1px;padding: 0 6px;}
.sub_title{padding: 10px 0 30px;border-bottom: 1px solid #c9cacc;}
.sub_title h1{font-size: 26px;color: #000; font-weight:600}
.sub_title p{font-size: 14px;color: #555; line-height:25px;}

/* Sidebar + Product Grid + Pagination */
.subcontent .types{display: flex;justify-content: space-between;}
.subcontent .leftbox{width:300px; border-right:1px solid #c9cacc; min-height:1000px}
.subcontent .leftbox dt{font-size: 14px;color: #000;font-weight: 600;display: flex;align-items: center;justify-content: space-between;padding:20px 20px 0px 0px;border-bottom: 0px solid #c9cacc;height: 30px;cursor: pointer;}
.subcontent .leftbox dt:after{content: "+";font-size: 20px;color: #000;}
.subcontent .leftbox dl.active dt:after{content: "-";}
.subcontent .leftbox dd{cursor: pointer;height: 0;overflow: hidden;}
.subcontent .leftbox dl.active dd{padding:8px 0px;height: auto;border-bottom: 0px solid #c9cacc;}
.subcontent .leftbox dd a{font-size: 14px;color: #6d6d6d;line-height: 1.4;}
.subcontent .leftbox dd:hover a,.subcontent .leftbox dd.active a{color: #c70000;}
.subcontent .rightbox{width:calc(100% - 300px);box-sizing: border-box;}
.subcontent .rightbox .top{display: flex;align-items: center;flex-wrap: wrap;font-size: 14px;border-bottom: 1px solid #c9cacc;border-left: 0px solid #c9cacc;padding: 20px;height: 30px;}
.subcontent .rightbox .top p{color: #000;margin-right:20px;font-weight: 600;}
.subcontent .rightbox .top .item{color: #555;margin-right: 30px;font-weight: 500;cursor: pointer;}
.subcontent .rightbox .top .item.active{color: #c70000;}
.subcontent .rightbox .top .item.active a{color: #c70000;}
.subcontent .centerbox{display: grid;grid-template-columns:33.3% 33.3% 33.3%; padding-bottom:50px}
.subcontent .centerbox .proitem{text-align: center;cursor: pointer;border-right: 1px solid #c9cacc;border-bottom: 1px solid #c9cacc;padding: 10px;box-sizing: border-box;}
.subcontent .centerbox .proitem .hoverimg{position: relative; overflow: hidden; aspect-ratio: 1 / 1; width: 200px; height: 200px; margin: 0 auto;}
.subcontent .centerbox .proitem .hoverimg img{vertical-align: top; width:100%; height:100%; object-fit: contain;}
.subcontent .centerbox .proitem .title{padding: 10px 16px 0;box-sizing: border-box;font-size: 14px;color: #555;}
.subcontent .centerbox .proitem:hover .title{color: #c70000;}
.pages{padding: 60px 0;display: flex;align-items: center;justify-content: center;}
.arrowbox{background: #000;font-size: 12px;color: #fff;padding: 9px 16px;cursor: pointer;margin: 0 10px;}
.pages .page{background: #eeeeee;font-size: 12px;color: #000000;padding: 10px 20px;cursor: pointer;margin: 0 10px;}
.pages .page:hover,.pages .page.active{background: #e62129;color: #fff;}

/* Search Results */
.searchtop,.result{padding: 40px 100px;}
.searchtop .title{font-size: 40px;text-align: center;color: #000000;margin-bottom: 30px;}
.searchtop .searwrap{display: flex;align-items: center;justify-content: center;}
.searchtop .searwrap select{border: 1px solid #cccccc;padding: 10px 20px;vertical-align: top;font-size: 14px;color: #333;line-height: 40px;width: 40%;box-sizing: border-box;}
.searchtop .rightbox{border: 1px solid #cccccc;display: flex;border-left: none;}
.searchtop .rightbox select{border: none;flex: 1;}
.searchtop .rightbox .btn{padding: 0 16px;cursor: pointer;}
.searchtop .rightbox img{width: 24px;vertical-align:middle top;margin-top: 10px;}
.result .title{font-size: 30px;color: #000000;padding-bottom: 30px;}
.result .subtit1{font-size: 24px;color: #000000;}
.resultwrap{padding:0 0 60px;}
.resultwrap .resultitem{margin-top: 40px;}
.resultwrap .resultitem .wrap{display: flex;align-items: flex-end;justify-content: space-between;}
.resultwrap .resultitem .wrap .tit{font-size: 22px;color: #000000;}
.resultwrap .resultitem .wrap .tit span{font-size: 24px;color: #555;padding-right: 10px;}
.iconbox{display: flex;align-items: center;font-size: 14px;color: #686859;}
.iconbox span{display: flex;align-items: center;margin-left: 14px;cursor: pointer;}
.iconbox img{width: 16px;vertical-align: middle;margin-right: 6px;}
.resultwrap .subtwrap{display: flex;align-items: center;justify-content: space-between;}
.resultwrap .subtwrap .leftwrap{display: flex;align-items: center;}
.resultwrap .subtwrap .leftwrap span{font-size: 14px;color: #555;margin-right: 10px;}

/* Search Page (sr_body, sr_main, sr_list) */
.clr{clear:both;overflow:hidden;}
.sr_body{padding:20px 0}
.sr_head{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.sr_head .l{font-size:14px}
.sr_head .l a{color:#333;font-weight:600}
.sr_head .l a.on{color:#e60013}
.sr_logo{text-align:center;padding:30px 0}
.sr_frm{max-width:800px;margin:0 auto}
.sr_frm_box{position:relative}
.sr_frmipt{display:flex;align-items:center;border:2px solid #e60013;border-radius:4px;overflow:hidden}
.sr_frmipt .ipt{flex:1;height:50px;line-height:50px;border:none;outline:none;padding:0 20px;font-size:16px;color:#333}
.sr_frmipt .sp{padding:0 12px;cursor:pointer;font-size:16px;color:#999}
.sr_frmipt .ss_btn{width:120px;height:50px;background:#e60013;border:none;color:#fff;font-size:16px;cursor:pointer}
#sr_infos.wrap{max-width:800px;margin:0 auto;padding-top:10px}
.sr_infoul{padding:10px 0}
.sr_list{padding-top:40px}
.sr_main{float:left;width:100%}
.sr_lists{}
.sr_lists .l{width:220px;float:left;background:url(../images/search/sr_ybg.jpg) no-repeat right top;height:auto!important;height:842px;min-height:842px}
.sr_lists .l div{margin:16px 0px 0px;text-align:right;font-size:12px;background:url(../images/search/sr_bbg.jpg) no-repeat 100% 100%;padding:10px;padding-left:0px;margin-right:1px}
.bgno{background:none!important}
.sr_lists .l div span{font-size:12px;color:#767676}
.sr_lists .l div ul{margin-top:6px}
.sr_lists .l div ul li{height:24px;line-height:24px;overflow:hidden}
.sr_lists .l div ul li a{padding-right:16px}
.sr_lists .l div ul li a:hover,.sr_lists .l div ul li a.ac{background:url(../images/search/bg_member_1.gif) no-repeat 100% -30px;font-weight:bold}
.presale1 .sr_lists .wrap{display:block;min-height:120px;margin-bottom:30px;clear:both}
.sr_lists .c{text-align:left}
.sr_lists .c ul{margin:10px}
.sr_lists .c li{border-bottom:1px dashed #CCC;margin-top:18px}
.sr_lists .c li div p{line-height:25px;margin-top:6px;font-size:12px;color:#767676}
.sr_lists .c li div.adds{font-size:12px;margin:10px 4px}
.sr_lists .c li a img{float:left;border:1px solid #ADCBE9;padding:2px;background:#FFF;margin-right:10px}
.sr_lists .c li a:hover img{background:#efefef}
.sr_lists .c .a2{margin:10px}
.sgch{padding:20px 0;font-size:14px;color:#555}
.sgch a{margin-right:10px;color:#333}
.sgch a:hover{color:#e60013}