
.searchbox {
  position: relative;
  z-index: 1;
  clear: both;
  width: 630px;
  height: 50px;
  margin: 60px auto;
}
.mod_select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  background: white;
border-right: 1px solid #afafaf;
border-top: 3px solid #ee1c25;
border-bottom: 3px solid #ee1c25;
border-left: 3px solid #ee1c25;
}
.mod_select .select_box {
  position: relative;
  width: 98px;
  height: 34px;
}
.mod_select .select_box .select_txt {
  display: inline-block;
  width: 98px;
  height: 36px;
  padding-left: 14px;
  overflow: hidden;
  line-height: 36px;
  font-size: 16px;
  cursor: pointer;
}
.mod_select .select_box .select-icon {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translate(0,-50%);
  width: 10px;
  height: 10px;
  background: url(../images/search_ico.png) center no-repeat;
}
.mod_select .select_box .option {
  display: none;
  position: absolute;
  top: 34px;
  left: -2px;
  width: 100px;
  background-color: #fff;
  border: 2px solid #ee1c25;
  /* border-top: 0; */
}
.mod_select .select_box .option li {
  padding-left: 19px;
  font-size: 16px;
  line-height: 2;
  cursor: pointer;
}
.searchbox .import {
  width: 409px;
  height: 40px;
  margin-left: 98px;
  padding-left: 20px;
  border: none;
  outline: none;
  border-top: 3px solid #ee1c25;
border-bottom: 3px solid #ee1c25;
border-right: 3px solid #ee1c25;
}
.searchbox .btn-search {
  position: absolute;
  right: 23px;
  width: 100px;
  height: 40px;
  color: white;
  border: 0;
  background: #ee1c25;
font-size: 17px;
}

.sealbg{ background:#f3f2f2; overflow:hidden; text-align:center;}
.sealbg img{ padding:10px;}
.seassdiv{  }

.cjhfootdivd{padding-top: 32px;}
.seafootbg{background:#f3f2f2; overflow:hidden;height: 200px;}
.Contain {
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}
.cjhfllogo {
    float: left;
    width: 300px;
    border-right: 1px solid #cbcbcb;
    margin-right: 40px;
	margin-top: 25px;
}
.cjhfootview{ float:left; font-size:14px; color:black; line-height:28px;margin-top: 36px;}
.cjhfootewm{ float:right; width:100px; text-align:center; font-size:14px; line-height:17px;}


.cjhfdkleft{position: fixed;
top: 269px;
left: 1px;
z-index: 99999;}
.cjhfdkleftul{ overflow:hidden;}
.cjhfdkleftul li{ overflow:hidden; /*width:38px;*/ height:38px;margin-bottom: 5px;}
.cjhfdkleftul li img{ float:left;padding-right: 4px;}
.cjhfdklefttc{/*position: absolute;
left: 40px;
top: 0;*/
z-index: 9999;
line-height: 36px;
width: 140px;
background: #f2f2f2;
color: #4f4f4f;
border: 1px solid #cbcbcb;
text-align: center;
font-size: 15px;
float:left;
}

.searchbox .import2 {
    width: 504px;
    height: 40px;
    padding-left: 20px;
    outline: none;
    border: 3px solid #ee1c25;
}


.dropdown{ z-index:999;}

.setop{ overflow:hidden; width:100%; background:#074fa0; height:95px;}
.setopdiv{ width:1200px; overflow:hidden; margin:0 auto;}
.setopdiv img{ float:left; max-height:95px;}
.setop h2{display: inline-block;vertical-align: middle;width: 13em;position: relative;color: white;font-weight: bold;font-size: 18px;padding-left: 20px;line-height: 90px;}
.senav{background-color: #006CCE;}
.senav .nav{width: 1200px;
  margin: 0 auto;
  text-align: right;}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .mainnav > li, .sidenav > li {
    height: 2em;
    line-height: 2em;
  }
}
.FontRed{ color:red;}
.customer1{width: 100%;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  margin-bottom: 100px;}
.customer11{border-bottom: 1px solid #a8a8a8;
  font-size: 18px;
  margin: 5px;}

.sefoot{ width:100%; text-align:center;font-size: 12px;
  color: #999999;line-height: 20px; background:#f2f2f2;padding: 20px 0;position: fixed;
  bottom: 0;}
.sefoot a{color: #999999;}



/*  .container {
            max-width: 1200px;
            margin: 0 auto;
        }*/

        .query-section {
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }

        .query-title {
            background-color: #007BFF;
            color: white;
            padding: 5px 16px;
            display: inline-block;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            font-weight: bold;
        }

        .query-form {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            margin: 20px 0;
        }

        .query-input-group {
            display: flex;
            align-items: center;
        }

        .query-input-group label {
            margin-right: 10px;font-size: 18px;
            font-weight: bold;
        }

        .query-input-group input {
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            width: 300px;
        }

        .query-buttons {
            display: flex;
            gap: 10px;justify-content: center;
        }

        .btn {
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s;
        }

        .btn-query {
            background-color: #007BFF;
            color: white;
        }

        .btn-reset {
            background-color: #6c757d;
            color: white;
        }

        .btn:hover {
            opacity: 0.9;
        }

        .result-section {
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            margin-bottom: 100px;
        }

        .result-title {
            background-color: #007BFF;
            color: white;
            padding: 5px 16px;
            display: inline-block;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .org-table, .cert-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }

        .org-table th, .org-table td,
        .cert-table th, .cert-table td {
            padding: 12px;
            text-align: left;
            border: 1px solid #ddd;
        }

        .org-table th, .cert-table th {
            background-color: #f2f2f2;
            font-weight: bold;
        }

        .status-badge {
            padding: 4px 12px;
            border-radius: 12px;
            font-size: 14px;
            font-weight: bold;
            color: white;
            display: inline-block;
        }

        .status-valid {
            background-color: #28a745;
        }

        .status-suspended {
            background-color: #ffc107;
            color: #212529;
        }

        .status-revoked {
            background-color: #dc3545;
        }

        .status-cancelled {
            background-color: #6c757d;
        }

        .status-expired {
            background-color: #495057;
        }
		.cert-item{border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;}
  .cert-item:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);border: 1px solid #007BFF;}
  .cert-item h3{margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;}
  .cert-details{overflow: hidden;}
  .cert-details span{ float:left; width:33%;line-height: 30px;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  