#sift { width:100%; height:auto;  overflow:hidden; }
#sift_top { width:100%; height:auto; float:left; margin-top:30px; }
#sift_content{ width:100%; height:auto; float:left; }
.sift_left { width:220px; height:100px; float:left; }
.sift_right { width:1180px; height:auto; min-height:100px; float:left; margin-bottom:10px; }
.sift_left p { font-size:16px; line-height:34px; width:94px; height:30px; float:left; font-weight:bold; margin-left:6px; }
.sift_left li { font-size:14px; width:80px; height:32px; border:1px solid #cccccc; background:#efefef; padding:4px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; border-radius:8px; }
.fcode-list { width:100%; height:auto; float:left; margin:0px; padding:0px; }
.data-list { width:100%; height:auto; margin-bottom:20px; float:left; }
.data-list li { font-size:14px; width:122px; height:52px; border:1px solid #dcdddd; float:left; margin:0px 3px 3px 0px; word-wrap:break-word; padding:0px; }
.data-list .active { background:#e6fffe; border:1px solid #069994; }
.fcode-list li { font-size:14px; width:111px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; }
.fcode-list .active { background:#e6fffe; border:1px solid #61c1be; }
.sub-cat-list { width:100%; height:auto; margin-bottom:20px; float:left; }
.sub-cat-list li { font-size:14px; width:111px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; }
.sub-cat-list .active { background:#e6fffe; border:1px solid #61c1be; }
#data-container { width:100%; overflow:auto; }


.pro_norms { width: 1200px; margin: 5px 0px 20px 0px; color: #666; font-size: 16px; }
.pro_norms tr td, .pro_norms tr th { height: 45px; min-width: 100px; line-height: 32px; color: #666; border-bottom: 1px #d7e0c2 solid; }
.pro_norms tr th { height: 55px; }
.pro_norms tr th.no_bd_lf, .pro_norms tr td.no_bd_lf { border-left: none; }
.pro_norms tr th { border-right: #ffffff 2px solid; border-bottom: 2px #8fc31f solid; }

table { width:1200px; border-collapse:collapse; border-spacing:0; font-size: 14px; }
th,td { border:1px solid #ddd; padding:8px; text-align:left; }
table th { background:#1c2857; color:#ffffff; }
#datanum { width:300px; height:30px; float:left; font-size:16px; }
#datanum span { color:#C00; }
#pagination { float:right; gap:5px; padding:15px 0; font-size:16px; }
#pagination a { padding:4px 8px; border:1px solid #000000; border-radius:4px; text-decoration:none; margin:3px; }
#pagination a:hover{ color:#333 ;}
#pagination a.active { background:#1c2857; color:#ffffff; border-color:#000000; }
#pagination a.disabled { opacity:0.6; cursor:not-allowed; }

.b_link{ color:#007cc2 !important; }
.b_link:hover{ color:#007cc2 !important; }
.b_more{ color:#61c1be !important; }
.b_more:hover{ color:#61c1be !important; }

.btn_contact{display:inline-block; width:90px; height:28px; border:1px solid #007cc2; color:#007cc2; border-radius:8px; font-size::14px; line-height:28px; text-align:center; }
.btn_contact:hover{ border:1px solid #1c2857; color:#1c2857; }
.btn_more{ display:inline-block; width:90px; height:28px; background:#007cc2; border:1px solid #007cc2;  color:#ffffff; border-radius:8px; font-size::14px; line-height:28px; text-align:center; }
.btn_more:hover{ color:#ffffff !important; background:#1c2857; border:1px solid #1c2857; }
@media (min-width:300px) { 
.sift_left { width:100%; height:40px; float:left; padding:2px; }
.sift_right { width:100%; height:auto; min-height:100px; float:left; margin-bottom:10px; padding:2px; }
.data-list-name { display:block; margin:0px; }
.data-list-photo { display:none; }
.sift_left li { font-size:12px; width:80px; height:32px; border:none; background:#ffffff; padding:4px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; border-radius:8px; }
.data-list li,.fcode-list li,.sub-cat-list li { font-size:12px; width:95px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:2px; }
#datanum { width:300px; height:30px; float:left; font-size:12px; padding:2px; }
#pagination { float:right; gap:5px; padding:15px 0; font-size:12px; }
#pagination a { padding:4px 8px; border:1px solid #000000; border-radius:4px; text-decoration:none; margin:1px; }
}
@media (min-width:360px) { 
.sift_left { padding:2px 8px; }
.sift_right { padding:4px 8px; }
.data-list li,.fcode-list li,.sub-cat-list li { font-size:12px; width:110px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { padding:4px; }
#datanum { font-size:12px; padding:4px; }
}
@media (min-width:375px) { 
.data-list li,.fcode-list li,.sub-cat-list li { font-size:12px; width:116px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:4px; }
}
@media (min-width:390px) { .data-list li,.fcode-list li,.sub-cat-list li { font-size:12px; width:120px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:4px; }
}
@media (min-width:400px) { 
.data-list li,.fcode-list li,.sub-cat-list li { font-size:12px; width:120px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 7px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:4px; }
}
@media (min-width:410px) { 
.data-list li,.fcode-list li,.sub-cat-list li { font-size:12px; width:120px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 8px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:4px; }
}
@media (min-width:480px) { 
.data-list li,.fcode-list li,.sub-cat-list li { font-size:12px; width:110px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 4px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:4px; }
}
@media (min-width:500px) { 
.data-list li,.fcode-list li,.sub-cat-list li { font-size:12px; width:112px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 6px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:4px; }
}
@media (min-width:600px) { 
.data-list li,.fcode-list li,.sub-cat-list li { font-size:12px; width:110px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 6px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:4px; }
}
@media (min-width:700px) { 
.sift_left li { font-size:14px; }
.data-list li,.fcode-list li,.sub-cat-list li { font-size:14px; width:125px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 10px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:4px; }
#datanum,#datanum span,#pagination { font-size:14px; }
}
@media (min-width:767px) { 
.sift_left li { font-size:16px; }
.sift_right { width:767px; height:auto; min-height:100px; float:left; margin-bottom:10px; }
.data-list li,.fcode-list li,.sub-cat-list li { font-size:16px; width:138px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 10px 3px 0px; word-wrap:break-word; text-align:center; }
#data-container { width:100%; overflow:auto; padding:4px; }
#datanum,#datanum span,#pagination { font-size:16px; }
}
@media (min-width:768px) { 
#sift { width:768px; height:auto; margin:0 auto;  }
}
@media (min-width:1024px) { 
#sift { width:100%; height:auto; }
#sift_top { width:100%; height:auto; float:left; margin-top:30px; }
.sift_left { width:220px; height:100px; float:left; }
.sift_right { width:800px; height:auto; min-height:100px; float:left; margin-bottom:10px; }
.sift_left p { font-size:16px; line-height:34px; width:86px; height:30px; float:left; font-weight:bold; margin-left:6px; }
.sift_left li { font-size:14px; width:80px; height:32px; border:1px solid #cccccc; background:#efefef; padding:4px; float:left; margin:6px 3px 3px 0px; word-wrap:break-word; text-align:center; border-radius:8px; }
.fcode-list { width:100%; height:auto; float:left; margin:0px; padding:0px; }
.data-list { width:100%; height:auto; margin-bottom:20px; float:left; }
.data-list li { font-size:14px; width:122px; height:52px; border:1px solid #dcdddd; border-radius:0px; float:left; margin:0px 3px 3px 0px; word-wrap:break-word; padding:0px; }
.data-list-name { display:none; }
.data-list-photo { width:120px; height:50px; display:block; }
.data-list .active { border:1px solid #069994; }
.fcode-list li { font-size:14px; width:122px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; }
.fcode-list .active { background:#e6fffe; border:1px solid #61c1be; }
.sub-cat-list { width:100%; height:auto; margin-bottom:20px; float:left; }
.sub-cat-list li { font-size:14px; width:122px; height:auto; min-height:32px; border:1px solid #fff; padding:4px; border-radius:8px; float:left; margin:3px 3px 3px 0px; word-wrap:break-word; text-align:center; }
.sub-cat-list .active { background:#e6fffe; border:1px solid #61c1be; }
table { width:100%; border-collapse:collapse; }
th,td { border:1px solid #ddd; padding:8px; text-align:left; }
table th { background:#1c2857; color:#ffffff; }
#datanum { width:300px; height:30px; float:left; }
#datanum span { color:#C00; }
#pagination { float:right; gap:5px; padding:15px 0; font-size:16px; margin:10px 0px 40px; }
#pagination a { padding:4px 8px; border:1px solid #000000; border-radius:4px; text-decoration:none; margin:3px; }
#pagination a.active { background:#1c2857; color:#ffffff; border-color:#000000; }
#pagination a.disabled { opacity:0.6; cursor:not-allowed; }
}
@media (min-width:1080px) { 
.sift_left { width:200px; height:100px; float:left; }
.sift_right { width:860px; height:auto; min-height:100px; float:left; margin-bottom:10px; }
}
@media (min-width:1200px) { 
#sift { width:100%; height:auto; max-width: 1200px; margin:0 auto; }
.sift_left { width:184px; height:100px; float:left; padding:0px; }
.sift_right { width:1016px; height:auto; min-height:100px; float:left; margin-bottom:10px; }
}