@import "Site.less";

@media (min-width: 600px) {
  .frame70 {
    width: 70%;
  }

  .frame30 {
    width: 30%;
  }

  .frame88 {
    width: 89%;
  }

  .frame12 {
    width: 11%;
  }

  .search_butt_frame {
    width: 85%;
  }

  .frame_spacer {
    width: 15%;
  }

  .frame18 {
    width: 18%;
  }
}

@media (min-width: 537px) {
  .alert_frame_butt02 {
    width: 390px;
    text-align: left;
  }
}

@media screen and (max-width: 1110px) {
  .frame70 {
    width: 70%;
  }

  .frame30 {
    width: 30%;
  }

  .frame88 {
    width: 85%;
  }

  .frame12 {
    width: 15%;
  }
}

@media screen and (max-width: 800px) {
  .frame12 {
    width: 100%;
    padding: 5px 0px 0px 0px;
  }

  .frame18 {
    width: 100%;
  }

  .frame30 {
    width: 100%;
  }

  .frame70 {
    width: 100%;
  }

  .frame88 {
    width: 100%;
    padding: 0px 0px 5px 0px;
  }

  .search_bar {
    width: 100%;
  }

  .search_butt_frame {
    width: 76%;
  }

  .frame_spacer {
    width: 24%;
  }
}

@media screen and (max-width: 535px) {
  .frame12 {
    width: 100%;
    padding: 5px 0px 0px 0px;
  }

  .frame18 {
    width: 100%;
  }

  .frame30 {
    width: 100%;
  }

  .frame70 {
    width: 100%;
  }

  .frame88 {
    width: 100%;
    padding: 0px 0px 5px 0px;
  }

  .search_bar {
    width: 100%;
  }

  .search_butt_frame {
    width: 76%;
  }

  .frame_spacer {
    width: 24%;
  }
}

@media screen and (min-width: 1178px) {
  .searchKeyWord {
    width: 35%;
  }

  .searchKeyWordBar {
    width: 65%;
  }

  .searchDate {
    width: 15%;
  }

  .searchDateBar {
    width: 85%;
    min-width: 320px;
  }

  .searchFrame47 {
    width: 47%;
  }

  .searchFrame35 {
    width: 35%;
  }

  .searchFrame18 {
    width: 18%;
  }
}

@media screen and (max-width: 1179px) {
  .searchFrame47 {
    width: 100%;
  }

  .searchFrame35 {
    width: 100%;
  }

  .searchFrame18 {
    width: 100%;
  }
}

@media screen and (max-width: 800px) {
  .searchKeyWord {
    width: 24%;
  }

  .searchKeyWordBar {
    width: 76%;
  }

  .searchDate {
    width: 24%;
  }

  .searchDateBar {
    width: 76%;
  }
}

@media screen and (max-width: 1178px) and (min-width: 800px) {
  .searchKeyWord {
    width: 15%;
  }

  .search_bar {
    width: 100%;
  }

  .searchKeyWordBar {
    width: 85%;
  }

  .searchDate {
    width: 15%;
  }

  .searchDateBar {
    width: 85%;
    min-width: 320px;
  }
}

.searchDateBar {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-bottom: 20px;
}

.searchKeyWordBar {
  padding-bottom: 20px;
}

.searchDateBar_host {
  width: 150px;
}

.searchDateBar_space {
  width: 10px;
}

.searchFrame47 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.searchFrame35 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.searchFrame18 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.search_butt_frame {
  padding-bottom: 40px;
}

.text_date {
  font-family: "Segoe UI", "Open Sans", "MiSans", sans-serif;
  font-weight: 100;
  font-size: 15px;
  text-transform: none;
  color: white;
  line-height: 22px;
  font-weight: bold;
}

.lxtext_announcement {
  font-family: "Segoe UI", "Open Sans", "MiSans", sans-serif;
  font-weight: 100;
  font-size: 18px;
  text-transform: none;
  color: white;
  line-height: 22px;
}

.lxtext_table {
  font-family: "Segoe UI", "Open Sans", "MiSans", sans-serif;
  font-weight: 100;
  font-size: 18px;
  text-transform: none;
  color: white;
  line-height: 22px;
}

.lxtext_table:link {
  color: white;
  text-decoration: none;
  background-repeat: no-repeat;
}

.lxtext_table:visited {
  color: white;
  text-decoration: none;
}

.line_ann {
  width: 100%;
  border-top: 1px solid #d7d7d7;
}

.lxsearch_tab {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 14px;
  color: #eb212e;
  text-decoration: none;
  text-align: center;
  line-height: 28px;
  border-top: solid;
  border-top-width: 2px;
  border-top-color: #eb212e;
  border-right: solid;
  border-right-width: 2px;
  border-right-color: #eb212e;
  border-left: solid;
  border-left-width: 2px;
  border-left-color: #eb212e;
  width: 140px;
  height: 28px;
  display: block;
}

.lxsearch_tab:link {
  color: #eb212e;
  text-decoration: none;
}

.lxsearch_tab:visited {
  color: #eb212e;
  text-decoration: none;
}

.lxsearch_tab:hover {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  background: #eb212e;
}

.lxsearch_tab_o {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  line-height: 28px;
  border-top: solid;
  border-top-width: 2px;
  border-top-color: #eb212e;
  border-right: solid;
  border-right-width: 2px;
  border-right-color: #eb212e;
  border-left: solid;
  border-left-width: 2px;
  border-left-color: #eb212e;
  width: 140px;
  height: 28px;
  display: block;
  background: #eb212e;
}

.lxsearch_tab_o:link {
  color: #ffffff;
  text-decoration: none;
}

.lxsearch_tab_o:visited {
  color: #ffffff;
  text-decoration: none;
}

.lxsearch_tab_o:hover {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
}

.lxtype {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 13px;
  color: black;
  text-decoration: none;
  text-align: center;
  line-height: 14px;
  border: 1px solid white;
  padding: 6px 8px 6px 8px;
  margin: 8px 10px 8px 0px;
  background-color: white;
}

.lxtype:link {
  color: #383838;
  text-decoration: none;
}

.lxtype:visited {
  color: #383838;
  text-decoration: none;
}

.lxtype:hover {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 13px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  line-height: 14px;
  background: #383838;
}

.lxtype_o {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 13px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  line-height: 14px;
  background: red;
  border: 1px solid #383838;
  padding: 6px 8px 6px 8px;
  margin: 8px 10px 8px 0px;
}

.lxtype_o:link {
  color: #383838;
  text-decoration: none;
}

.lxtype_o:visited {
  color: #383838;
  text-decoration: none;
}

.lxtype_o:hover {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 13px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  line-height: 14px;
  background: #383838;
}

.search_butt {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 14px;
  color: #eb212e;
  width: 100%;
  text-decoration: none;
  text-align: center;
  line-height: 28px;
  border: 1px solid #eb212e;
  height: 28px;
  display: block;
  font-weight: bold;
}

.search_butt:link {
  color: #eb212e;
  text-decoration: none;
}

.search_butt:visited {
  color: #eb212e;
  text-decoration: none;
}

.search_butt:hover {
  font-family:
    arial,
    Microsoft YaHei,
    SimHei;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  background: #eb212e;
  border: 1px solid #eb212e;
  font-weight: bold;
}

.frame_respon {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.frame70 {
  padding-bottom: 30px;
}

.frame30 {
  padding-bottom: 30px;
}

.type {
  width: 100%;
  padding: 20px 0px 20px 0px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.frame88 {
  padding: 5px 0px 5px 0px;
}

.frame12 {
  padding: 5px 2% 5px 0px;
}

.search_bar {
  float: left;
  width: 90%;
  height: 30px;
  line-height: 30px;
  border: 1px solid #d1d1d1;
}

.date_bar {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  border: 1px solid #d1d1d1;
}

.search_butt_frame {
  padding-bottom: 40px;
}

.frame18 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

a:hover {
  text-decoration: none !important;
}

.paginationDiv {
  text-align: center;
  width: 100%;
  padding-top: 10px;
}

.pagination {
  display: inline-block;
}

.pagination a {
  border-radius: 5px;
  color: white;
  float: left;
  padding: 8px 14px;
  text-decoration: none;
}

.pagination a.active {
  border-radius: 5px;
  background-color: #eb212e;
  color: white;
}

.pagination a:hover:not(.active) {
  border-radius: 5px;
  background-color: #eb212e;
  color: white;
}