﻿#container .wrp .colMid .lstFile .titleName, #container .wrp .colMid .document .cateName, #container .wrp .colMid .need-to-know .cateName, #container .wrp .colMid .cate-Movement .cateName, #container .wrp .colMid .work-group .cateName, #container .wrp .colMid .news .cateName {
  border-bottom: 3px solid #0092db;
  display: flex;
}
#container .wrp .colMid .lstFile .titleName a, #container .wrp .colMid .document .cateName a, #container .wrp .colMid .need-to-know .cateName a, #container .wrp .colMid .cate-Movement .cateName a, #container .wrp .colMid .work-group .cateName a, #container .wrp .colMid .news .cateName a {
  text-decoration: none;
  color: #0092db;
  font-weight: bold;
  font-size: 18px;
  background: #fff;
  display: inline-block;
  padding-right: 20px;
  margin-bottom: -3px;
  text-transform: uppercase;
}

#container .wrp .colMid .newItem .group .item .title, #container .wrp .colMid .detail .right .title, #container .wrp .colMid .need-to-know .group .right .item .title, #container .wrp .colMid .cate-Movement .group .right .item .title, #container .wrp .colMid .cate-Movement .group .left .item .title, #container .wrp .colMid .work-group .group .item .title {
  margin-top: 15px;
}
#container .wrp .colMid .newItem .group .item .title .name, #container .wrp .colMid .detail .right .title .name, #container .wrp .colMid .need-to-know .group .right .item .title .name, #container .wrp .colMid .cate-Movement .group .right .item .title .name, #container .wrp .colMid .cate-Movement .group .left .item .title .name, #container .wrp .colMid .work-group .group .item .title .name {
  text-align: justify;
}
#container .wrp .colMid .newItem .group .item .title .name a, #container .wrp .colMid .detail .right .title .name a, #container .wrp .colMid .need-to-know .group .right .item .title .name a, #container .wrp .colMid .cate-Movement .group .right .item .title .name a, #container .wrp .colMid .cate-Movement .group .left .item .title .name a, #container .wrp .colMid .work-group .group .item .title .name a {
  text-transform: uppercase;
  font-size: 17px;
  color: #444444;
  text-decoration: none;
}
#container .wrp .colMid .newItem .group .item .title .name a:hover, #container .wrp .colMid .detail .right .title .name a:hover, #container .wrp .colMid .need-to-know .group .right .item .title .name a:hover, #container .wrp .colMid .cate-Movement .group .right .item .title .name a:hover, #container .wrp .colMid .cate-Movement .group .left .item .title .name a:hover, #container .wrp .colMid .work-group .group .item .title .name a:hover {
  color: #02a7d1;
}
#container .wrp .colMid .newItem .group .item .title .description, #container .wrp .colMid .detail .right .title .description, #container .wrp .colMid .need-to-know .group .right .item .title .description, #container .wrp .colMid .cate-Movement .group .right .item .title .description, #container .wrp .colMid .cate-Movement .group .left .item .title .description, #container .wrp .colMid .work-group .group .item .title .description {
  font-size: 14px;
  line-height: 20px;
}
#container .wrp .colMid .newItem .group .item .title .description p, #container .wrp .colMid .detail .right .title .description p, #container .wrp .colMid .need-to-know .group .right .item .title .description p, #container .wrp .colMid .cate-Movement .group .right .item .title .description p, #container .wrp .colMid .cate-Movement .group .left .item .title .description p, #container .wrp .colMid .work-group .group .item .title .description p {
  text-align: justify;
}

#container .wrp .colRight .sticky .lstBanner .title, #container .wrp .colRight .sticky .access-time .title, #container .wrp .colRight .document .titleRight, #container .wrp .colRight .operator-info .titleRight, #container .wrp .colRight .news-Item .titleRight, #container .wrp .colRight .new-document .titleRight, #container .wrp .colLeft .document-left .titleRight, #container .wrp .colLeft .video .title, #container .wrp .colLeft .lst-Img .title {
  border-top: 3px solid #0092db;
  padding: 10px 0;
}
#container .wrp .colRight .sticky .lstBanner .title a, #container .wrp .colRight .sticky .access-time .title a, #container .wrp .colRight .document .titleRight a, #container .wrp .colRight .operator-info .titleRight a, #container .wrp .colRight .news-Item .titleRight a, #container .wrp .colRight .new-document .titleRight a, #container .wrp .colLeft .document-left .titleRight a, #container .wrp .colLeft .video .title a, #container .wrp .colLeft .lst-Img .title a {
  color: #0092db;
  text-transform: uppercase;
  font-size: 17px;
  text-decoration: none;
  font-weight: bold;
}

#container .wrp .colMid .document .cateName .more, #container .wrp .colMid .need-to-know .cateName .more, #container .wrp .colMid .cate-Movement .cateName .more, #container .wrp .colMid .news .cateName .more {
  position: relative;
}
#container .wrp .colMid .document .cateName .more .calc, #container .wrp .colMid .need-to-know .cateName .more .calc, #container .wrp .colMid .cate-Movement .cateName .more .calc, #container .wrp .colMid .news .cateName .more .calc {
  color: #eb2d33;
  padding: 0;
  cursor: pointer;
}
#container .wrp .colMid .document .cateName .more:hover ul, #container .wrp .colMid .need-to-know .cateName .more:hover ul, #container .wrp .colMid .cate-Movement .cateName .more:hover ul, #container .wrp .colMid .news .cateName .more:hover ul {
  display: block;
}
#container .wrp .colMid .document .cateName .more ul, #container .wrp .colMid .need-to-know .cateName .more ul, #container .wrp .colMid .cate-Movement .cateName .more ul, #container .wrp .colMid .news .cateName .more ul {
  display: none;
  background-color: #fff;
  position: absolute;
  min-width: 200px;
  top: 100%;
  left: 0%;
  z-index: 2;
  border: 1px;
  box-shadow: 3px 5px #dddddd;
}
#container .wrp .colMid .document .cateName .more ul li, #container .wrp .colMid .need-to-know .cateName .more ul li, #container .wrp .colMid .cate-Movement .cateName .more ul li, #container .wrp .colMid .news .cateName .more ul li {
  list-style: none;
}
#container .wrp .colMid .document .cateName .more ul li a, #container .wrp .colMid .need-to-know .cateName .more ul li a, #container .wrp .colMid .cate-Movement .cateName .more ul li a, #container .wrp .colMid .news .cateName .more ul li a {
  color: #444444;
  font-size: 13px;
  text-transform: none;
  padding: 10px 15px;
  width: 100%;
}
#container .wrp .colMid .document .cateName .more ul li :hover, #container .wrp .colMid .need-to-know .cateName .more ul li :hover, #container .wrp .colMid .cate-Movement .cateName .more ul li :hover, #container .wrp .colMid .news .cateName .more ul li :hover {
  background: #dddddd;
}

#container .wrp .colMid .news .group .left .title {
  margin-top: 10px;
}
#container .wrp .colMid .news .group .left .title .text {
  font-size: 16px;
  color: #444444;
  font-weight: bold;
  text-decoration: none;
  line-height: 22px;
}
#container .wrp .colMid .news .group .left .title .text:hover {
  color: #0780b8;
}
#container .wrp .colMid .news .group .left .title .time {
  font-size: 15px;
  display: flex;
  margin: 7px 0 14px 0;
}
#container .wrp .colMid .news .group .left .title .time a {
  text-decoration: none;
  color: #8d8d8d;
  padding: 0 5px;
}
#container .wrp .colMid .news .group .left .title .description {
  font-size: 14px;
  margin-top: 5px;
}
#container .wrp .colMid .news .group .left .title .description a {
  color: #696969;
  text-decoration: none;
  line-height: 20px;
}

#container .wrp .colMid .detail .left .menuLink {
  border: 1px solid #cccccc;
  border-radius: 50px;
  box-shadow: 3px 3px 5px #dddddd;
  position: sticky;
  top: 10px;
}
#container .wrp .colMid .detail .left .menuLink ul li {
  list-style: none;
  margin: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#container .wrp .colMid .detail .left .menuLink ul li a {
  text-decoration: none;
  color: #fff;
  padding: 8px;
  background: #cccccc;
  border-radius: 50%;
}
#container .wrp .colMid .detail .left .menuLink ul li a:hover {
  border: 1px solid #cccccc;
  background: #fff;
  color: #888888;
}
#container .wrp .colMid .detail .left .menuLink ul li span {
  color: #696969;
  font-weight: bold;
}
#container .wrp .colMid .detail .left .menuLink .fontsize {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 9px;
}
#container .wrp .colMid .detail .left .menuLink .fontsize a {
  border: 1px solid #888888;
  border-radius: 50%;
  margin: 5px;
}
#container .wrp .colMid .detail .left .menuLink .fontsize a .fas {
  color: #888888;
  padding: 5px;
}
#container .wrp .colMid .detail .left .menuLink .fontsize a:hover {
  background: #888888;
}
#container .wrp .colMid .detail .left .menuLink .fontsize a:hover .fas {
  color: #fff;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-size: 14px;
}

body {
  margin: 0px;
  color: #666;
  font-family: Arial;
  font-size: 14px;
  max-width: 100vw;
  min-height: 100vh;
  margin: auto;
  overflow-x: hidden;
}

.wrp {
  margin: auto;
  width: 1356px;
}

.wImage {
  overflow: hidden;
  position: relative;
}

.wImage:before {
  content: "";
  display: block;
  padding-bottom: 66.66%;
}

.wImage .image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.wImage .image.cover img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.wImage .image img,
.wImage .image img.owl-lazy {
  -moz-transform: translateY(-50%) translateX(-50%);
  -moz-transition: 0.5s all ease-in-out;
  display: block;
  left: 50%;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  transition: 0.5s all ease-in-out;
}

.noidung {
  width: 100%;
  text-align: justify;
  line-height: 1.5rem;
}

.noidung * {
  max-width: 100%;
}

.noidung img {
  max-width: 100%;
  height: auto !important;
  margin: auto;
  display: block !important;
}

.noidung input[type=image] {
  max-width: 100%;
  height: auto !important;
  margin: auto;
  display: block !important;
}

.noidung iframe {
  max-width: 100%;
  margin: auto;
  display: block !important;
}

.noidung video {
  max-width: 100%;
  margin: auto;
  display: block !important;
}

.noidung table {
  margin: auto;
}

.noidung figcaption {
  text-align: center;
}

.noidung .wImage iframe {
  width: 100%;
  height: 100%;
}

.noidung h1 {
  display: block;
  margin: 0.67em 0;
  font-size: 2em;
}

.noidung h2 {
  display: block;
  margin: 0.83em 0;
  font-size: 1.5em;
}

.noidung h3 {
  display: block;
  margin: 1em 0;
  font-size: 1.17em;
}

.noidung h4 {
  display: block;
  margin: 1.33em 0;
}

.noidung h5 {
  display: block;
  margin: 1.67em 0;
  font-size: 0.83em;
}

.noidung h6 {
  display: block;
  margin: 2.33em 0;
  font-size: 0.67em;
}

.noidung1 img {
  max-width: 100%;
  height: auto !important;
  margin: auto;
  display: block !important;
}

.noidung1 input[type=image] {
  max-width: 100%;
  height: auto !important;
  margin: auto;
  display: block !important;
}

.noidung1 iframe {
  max-width: 100%;
  margin: auto;
  display: block !important;
}

.noidung1 video {
  max-width: 100%;
  margin: auto;
  display: block !important;
}

.noidung.clip .wImage:before {
  padding-bottom: 56.23%;
}

.commonBanner {
  display: block;
  text-align: center;
}

#head {
  display: flex;
  min-height: 180px;
  background-size: 55% 100%;
  position: relative;
  overflow: hidden;
}
#head .wrp .bannerHead {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
}
#head .wrp .bannerHead .slick-arrow {
  display: none !important;
}
#head .wrp .bannerHead .item .wImage {
  height: 100%;
}
#head .wrp .bannerHead .item .wImage:before {
  padding-bottom: 21.5%;
}
#head .wrp .over {
  display: flex;
  background: url(../img/banner-nen.png) top right no-repeat;
  padding: 0 10px;
  position: relative;
  z-index: 3;
  width: 90%;
  min-height: 180px;
  align-items: center;
}
#head .wrp .over .right-over {
  margin-left: 1%;
}
#head .wrp .over .right-over .text {
  font-family: UTMAlexander;
  display: flex;
  flex-direction: column;
  text-align: center;
}
#head .wrp .over .right-over .text .title {
  font-size: 40px;
  color: #ff0000;
  text-decoration: none;
  text-transform: uppercase;
}
#head .wrp .over .right-over .text .name {
  font-size: 40px;
  color: #0780b8;
  text-transform: uppercase;
  text-decoration: none;
}
#head .wrp .over .right-over .text .name span {
  font-size: 40px;
}
#head .wrp .over .right-over .time {
  display: flex;
  align-items: center;
}
#head .wrp .over .right-over .time a {
  text-decoration: none;
  color: #444444;
}
#head .wrp .over .right-over .time .language {
  display: flex;
  align-items: center;
}
#head .wrp .over .right-over .time .language a {
  padding: 0 5px;
}
#head .wrp .over .right-over .time .timeAfter::after {
  content: "|";
  padding: 0 5px;
}
#head .wrp .over .right-over .time .timeAfter:last-child::after {
  content: "";
}

.active {
  background: #0780b8;
}

#menuMain {
  background-color: #0092db;
}
#menuMain .wrp .menu {
  display: flex;
  justify-content: flex-start;
}
#menuMain .wrp .menu .input-search2 {
  display: none;
}
#menuMain .wrp .menu li {
  list-style: none;
  position: relative;
}
#menuMain .wrp .menu li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  padding: 10px 8px;
  display: block;
  font-size: 14px;
}
#menuMain .wrp .menu li:hover {
  background: #0780b8;
}
#menuMain .wrp .menu li:hover > .miniMenu {
  display: block;
  z-index: 1;
}
#menuMain .wrp .menu li .miniMenu {
  display: none;
  background-color: #fff;
  position: absolute;
  min-width: 200px;
  top: 100%;
  border: 1px;
  box-shadow: 3px 3px 5px #dddddd;
}
#menuMain .wrp .menu li .miniMenu li a {
  color: #444444;
  font-size: 13px;
  text-transform: none;
  padding: 10px 15px;
}
#menuMain .wrp .menu li .miniMenu li:hover {
  background: #dddddd;
}
#menuMain .wrp .btn-mb {
  display: none;
}

.input-search {
  margin-top: 10px;
  display: none;
}
.input-search .wrp {
  display: flex;
  justify-content: end;
  height: 35px;
}
.input-search .wrp .ip {
  border: 1px solid #a7a7a7;
  width: 280px;
  display: flex;
}
.input-search .wrp .ip .text {
  flex: 1;
  outline: none;
  border: none;
  padding: 10px;
}
.input-search .wrp .ip .btn {
  border: none;
  border-left: 2px solid #a7a7a7;
  padding: 0 10px;
  background-color: #fff;
  font-size: 22px;
  font-weight: bold;
}
.input-search .wrp .ip .btn a {
  color: #a7a7a7;
}

#searchForm {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #dadada;
}
#searchForm div .item {
  width: calc((100% - 10px) / 2);
  margin-right: 10px;
  margin-bottom: 10px;
}
#searchForm div .item input {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 3px;
  border: 1px solid #ccc;
}
#searchForm div .item .select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  display: inline;
  vertical-align: middle;
  width: 100%;
  padding: 7px;
  border-radius: 4px;
  border-color: #ccc;
}
#searchForm div a {
  display: block;
  width: 130px;
  line-height: 30px;
  background: #048ff4;
  margin-top: 15px;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border: 1px solid #048ff4;
  margin: auto;
  float: right;
  margin-top: 1px;
  line-height: 35px;
  text-decoration: none;
}

#container {
  margin: 20px;
}
#container .wrp {
  display: flex;
  justify-content: space-between;
}
#container .wrp .colLeft {
  width: 20%;
}
#container .wrp .colLeft .group-banner .item {
  margin: 16px 0;
}
#container .wrp .colLeft .group-banner .item img {
  width: 100%;
}
#container .wrp .colLeft .group-banner .item:first-child {
  margin-top: 0;
}
#container .wrp .colLeft .lst-Img {
  margin-top: 10px;
}
#container .wrp .colLeft .lst-Img .slider-nav {
  display: flex;
  margin-top: 10px;
}
#container .wrp .colLeft .lst-Img .slider-nav .slick-slide {
  margin: 0 5px;
}
#container .wrp .colLeft .video {
  margin-top: 15px;
  position: relative;
}
#container .wrp .colLeft .video .group .fas {
  position: absolute;
  top: -13%;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: stretch;
  font-size: 18px;
  cursor: pointer;
  color: #ff0000;
}
#container .wrp .colLeft .video .group .item .wImage span {
  font-size: 18px;
  position: absolute;
  top: 42%;
  left: 57%;
}
#container .wrp .colLeft .video .group .item .wImage span i {
  font-size: 28px;
  background-color: #000;
  color: #ccc;
  padding: 10px 12px 10px 16px;
  border-radius: 50%;
}
#container .wrp .colLeft .video .group .item .title {
  padding: 10px 0;
}
#container .wrp .colLeft .video .group .item .title .name a {
  text-decoration: none;
  color: #696969;
  font-size: 15px;
}
#container .wrp .colLeft .video .group .item .title .name a video {
  width: 100%;
  height: 100%;
}
#container .wrp .colLeft .video .group .item .title .name a:hover {
  color: #02a7d1;
}
#container .wrp .colLeft .document-left {
  margin-top: 20px;
}
#container .wrp .colLeft .document-left .group .item {
  border-bottom: 1px solid #cccccc;
}
#container .wrp .colLeft .document-left .group .item .title {
  padding: 10px 0;
}
#container .wrp .colLeft .document-left .group .item .title .name a {
  text-decoration: none;
  color: #696969;
  font-size: 15px;
}
#container .wrp .colLeft .document-left .group .item .title .name a:hover {
  color: #02a7d1;
}
#container .wrp .colLeft .document-left .group .item:last-child {
  border-bottom: none;
}
#container .wrp .colMid {
  width: 57%;
}
#container .wrp .colMid .bannerTop img {
  max-width: 100%;
}
#container .wrp .colMid .news {
  margin-top: 20px;
}
#container .wrp .colMid .news .group {
  display: flex;
  margin-top: 20px;
}
#container .wrp .colMid .news .group .left {
  width: 67%;
}
#container .wrp .colMid .news .group .left .wImage:before {
  padding-bottom: 60.9436435125%;
}
#container .wrp .colMid .news .group .left .title .description {
  text-align: justify;
}
#container .wrp .colMid .news .group .right {
  width: 31%;
  margin-left: 28px;
}
#container .wrp .colMid .news .group .right .title {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #ff0000;
  align-items: center;
}
#container .wrp .colMid .news .group .right .title a {
  text-decoration: none;
  font-size: 20px;
  color: #ff0000;
  font-weight: bold;
  text-transform: uppercase;
}
#container .wrp .colMid .news .group .right .title .arrow a {
  color: #747474;
  font-size: 20px;
  background-color: #e9e9e9;
}
#container .wrp .colMid .news .group .right .title .arrow a .fas {
  padding: 5px 8px;
  margin-bottom: 5px;
}
#container .wrp .colMid .news .group .right .news-group .item {
  padding-top: 20px;
  border-bottom: 2px solid #ccc;
}
#container .wrp .colMid .news .group .right .news-group .item .name {
  margin: 8px 0;
}
#container .wrp .colMid .news .group .right .news-group .item .name a {
  color: #444444;
  font-size: 14px;
  text-decoration: none;
}
#container .wrp .colMid .news .group .right .news-group .item .name a:hover {
  color: #ff0000;
}
#container .wrp .colMid .news .group .right .news-group .item:last-child {
  border-bottom: none;
}
#container .wrp .colMid .news .group .right .news-group .item:first-child {
  padding-top: 0;
}
#container .wrp .colMid .news .group .right .fas {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: stretch;
  top: -26px;
  right: 0;
  font-size: 20px;
  cursor: pointer;
  width: 20px;
  padding-left: 3px;
  color: #747474;
  background: #e9e9e9;
}
#container .wrp .colMid .work-group {
  margin-top: 15px;
}
#container .wrp .colMid .work-group .cateName {
  display: flex;
}
#container .wrp .colMid .work-group .group {
  margin-top: 15px;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
#container .wrp .colMid .work-group .group .item {
  width: calc((100% - 60px) / 3);
}
#container .wrp .colMid .work-group .group .item .title .name {
  margin-bottom: 10px;
}
#container .wrp .colMid .work-group .group .item .title .description {
  text-align: justify;
}
#container .wrp .colMid .cate-Movement {
  margin-top: 20px;
}
#container .wrp .colMid .cate-Movement .group {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
#container .wrp .colMid .cate-Movement .group .left {
  width: 49%;
}
#container .wrp .colMid .cate-Movement .group .left .item .wIamge::before {
  width: 65.3136531365%;
}
#container .wrp .colMid .cate-Movement .group .left .item .title .name a {
  font-size: 15px;
  text-transform: none;
  font-weight: bold;
}
#container .wrp .colMid .cate-Movement .group .left .item .title .name a:hover {
  color: #02a7d1;
}
#container .wrp .colMid .cate-Movement .group .right {
  width: 48%;
}
#container .wrp .colMid .cate-Movement .group .right .item {
  display: flex;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}
#container .wrp .colMid .cate-Movement .group .right .item .wImage {
  width: 65.3136531365%;
}
#container .wrp .colMid .cate-Movement .group .right .item .title {
  margin-left: 14px;
  margin-top: 0;
  width: 80%;
}
#container .wrp .colMid .cate-Movement .group .right .item .title .name a {
  font-size: 15px;
  text-transform: none;
}
#container .wrp .colMid .cate-Movement .group .right .extra-menu li {
  padding: 10px;
  list-style: none;
  border-bottom: 1px solid #cccccc;
  text-align: justify;
}
#container .wrp .colMid .cate-Movement .group .right .extra-menu li .fas {
  font-size: 8px;
  color: #eb2d33;
  margin-right: 5px;
}
#container .wrp .colMid .cate-Movement .group .right .extra-menu li a {
  text-decoration: none;
  color: #444444;
  font-size: 15px;
}
#container .wrp .colMid .cate-Movement .group .right .extra-menu li a:hover {
  color: #02a7d1;
}
#container .wrp .colMid .cate-Movement .group .right .extra-menu li:last-child {
  border-bottom: none;
}
#container .wrp .colMid .need-to-know {
  margin-top: 20px;
}
#container .wrp .colMid .need-to-know .cateName {
  display: flex;
}
#container .wrp .colMid .need-to-know .group {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
#container .wrp .colMid .need-to-know .group .right {
  display: flex;
}
#container .wrp .colMid .need-to-know .group .right .item {
  display: flex;
  border-right: 1px solid #cccccc;
  padding-bottom: 15px;
  width: 100%;
  padding-right: 15px;
}
#container .wrp .colMid .need-to-know .group .right .item .wImage {
  width: 65.3136531365%;
}
#container .wrp .colMid .need-to-know .group .right .item .title {
  margin-left: 14px;
  margin-top: 0;
  width: 80%;
}
#container .wrp .colMid .need-to-know .group .right .item .title .name a {
  font-size: 15px;
  text-transform: none;
}
#container .wrp .colMid .need-to-know .group .right .extra-menu {
  margin-left: 20px;
}
#container .wrp .colMid .need-to-know .group .right .extra-menu li {
  padding: 10px;
  list-style: none;
  border-bottom: 1px solid #cccccc;
}
#container .wrp .colMid .need-to-know .group .right .extra-menu li .fas {
  font-size: 8px;
  color: #eb2d33;
  margin-right: 5px;
}
#container .wrp .colMid .need-to-know .group .right .extra-menu li a {
  text-decoration: none;
  color: #444444;
  font-weight: bold;
  line-height: 20px;
}
#container .wrp .colMid .need-to-know .group .right .extra-menu li a:hover {
  color: #02a7d1;
}
#container .wrp .colMid .need-to-know .group .right .extra-menu li:last-child {
  border-bottom: none;
}
#container .wrp .colMid .document {
  margin-top: 20px;
}
#container .wrp .colMid .document .cateName {
  display: flex;
}
#container .wrp .colMid .document .group .item {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  border-bottom: 1px dashed #cccccc;
}
#container .wrp .colMid .document .group .item .text {
  display: flex;
}
#container .wrp .colMid .document .group .item .text .file {
  color: #02a7d1;
  margin-right: 15px;
  font-size: 20px;
  margin-top: 13px;
  cursor: pointer;
}
#container .wrp .colMid .document .group .item .text .name {
  width: 95%;
}
#container .wrp .colMid .document .group .item .text .name a {
  text-decoration: none;
  color: #444444;
}
#container .wrp .colMid .document .group .item .text .name a:hover {
  color: #02a7d1;
}
#container .wrp .colMid .document .group .item .text .time {
  font-size: 15px;
  display: flex;
  margin: 7px 0 14px 0;
}
#container .wrp .colMid .document .group .item .text .time a {
  text-decoration: none;
  color: #8d8d8d;
  padding: 0 5px;
}
#container .wrp .colMid .document .group .item .download a {
  color: #56ba49;
  font-size: 20px;
  margin-top: 13px;
}
#container .wrp .colMid .document .group .item:last-child {
  border-bottom: none;
}
#container .wrp .colMid .titlePage {
  margin: 15px 0;
}
#container .wrp .colMid .titlePage ul {
  display: flex;
}
#container .wrp .colMid .titlePage ul li {
  list-style: none;
}
#container .wrp .colMid .titlePage ul li a {
  text-decoration: none;
  color: #444444;
  padding: 5px;
}
#container .wrp .colMid .titlePage ul li:last-child {
  font-weight: bold;
}
#container .wrp .colMid .top-item {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 25px;
}
#container .wrp .colMid .top-item .item {
  display: flex;
  justify-content: space-between;
}
#container .wrp .colMid .top-item .item .wImage {
  width: 50%;
}
#container .wrp .colMid .top-item .item .wImage:before {
  padding-bottom: 65.5172413793%;
}
#container .wrp .colMid .top-item .item .title {
  width: 50%;
  margin-left: 15px;
  text-align: justify;
}
#container .wrp .colMid .top-item .item .title .text {
  font-size: 22px;
  color: #444444;
  font-weight: bold;
  text-decoration: none;
  line-height: 32px;
}
#container .wrp .colMid .top-item .item .title .text:hover {
  color: #0780b8;
}
#container .wrp .colMid .top-item .item .title .time {
  font-size: 15px;
  display: flex;
  margin: 7px 0 14px 0;
}
#container .wrp .colMid .top-item .item .title .time a {
  text-decoration: none;
  color: #8d8d8d;
  padding: 0 5px;
}
#container .wrp .colMid .top-item .item .title .description {
  font-size: 16px;
  text-align: justify;
}
#container .wrp .colMid .top-item .item .title .description a {
  color: #696969;
  text-decoration: none;
  line-height: 20px;
}
#container .wrp .colMid .top-item ul {
  display: flex;
  margin-top: 15px;
}
#container .wrp .colMid .top-item ul li {
  padding: 10px;
  list-style: none;
  border-right: 1px solid #cccccc;
  width: calc((100% - 5px) / 3);
}
#container .wrp .colMid .top-item ul li .fas {
  font-size: 8px;
  color: #eb2d33;
  margin-right: 5px;
}
#container .wrp .colMid .top-item ul li a {
  text-decoration: none;
  color: #767676;
  font-weight: bold;
  line-height: 20px;
}
#container .wrp .colMid .top-item ul li a:hover {
  color: #02a7d1;
}
#container .wrp .colMid .top-item ul li:last-child {
  border-right: none;
}
#container .wrp .colMid .top-item ul li .time {
  margin-top: 5px;
  display: flex;
}
#container .wrp .colMid .top-item ul li .time p {
  padding: 0 5px;
  margin-top: 5px;
  color: #cccccc;
}
#container .wrp .colMid .lstItem {
  margin: 10px;
}
#container .wrp .colMid .lstItem .item {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  border-bottom: 1px solid #cccccc;
}
#container .wrp .colMid .lstItem .item .title {
  padding: 0px 20px 15px 0;
  margin-right: 10px;
  width: 55%;
}
#container .wrp .colMid .lstItem .item .title .text {
  font-size: 20px;
  color: #444444;
  font-weight: bold;
  text-decoration: none;
  line-height: 32px;
}
#container .wrp .colMid .lstItem .item .title .text:hover {
  color: #0780b8;
}
#container .wrp .colMid .lstItem .item .title .time {
  font-size: 15px;
  display: flex;
  margin: 7px 0 14px 0;
}
#container .wrp .colMid .lstItem .item .title .time a {
  text-decoration: none;
  color: #8d8d8d;
  padding: 0 5px;
}
#container .wrp .colMid .lstItem .item .title .description {
  font-size: 16px;
  text-align: justify;
}
#container .wrp .colMid .lstItem .item .title .description a {
  color: #696969;
  text-decoration: none;
  line-height: 20px;
}
#container .wrp .colMid .lstItem .item .wImage {
  width: 40%;
}
#container .wrp .colMid .pagination {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}
#container .wrp .colMid .pagination li {
  list-style: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 10px 5px;
}
#container .wrp .colMid .pagination li a {
  padding: 5px 10px;
  text-decoration: none;
  color: #adadad;
  display: block;
}
#container .wrp .colMid .pagination li:hover {
  background: #cccccc;
  color: #fff;
}
#container .wrp .colMid .active {
  background: #cccccc;
}
#container .wrp .colMid .active a {
  color: #fff !important;
}
#container .wrp .colMid .detail {
  display: flex;
  justify-content: space-evenly;
}
#container .wrp .colMid .detail .left {
  width: 5%;
}
#container .wrp .colMid .detail .right {
  width: 90%;
}
#container .wrp .colMid .detail .right .title {
  width: 100%;
  line-height: 32px;
}
#container .wrp .colMid .detail .right .title .name a {
  font-size: 22px;
}
#container .wrp .colMid .detail .right .title .menuLink-mb {
  display: none;
}
#container .wrp .colMid .detail .right .title .time {
  display: flex;
}
#container .wrp .colMid .detail .right .title .time p {
  margin: 0 3px;
}
#container .wrp .colMid .detail .right .title .description p {
  margin: 10px;
}
#container .wrp .colMid .detail .right .title .wImage {
  width: 80%;
  margin: 15px;
}
#container .wrp .colMid .author {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #cccccc;
}
#container .wrp .colMid .author .like a {
  background: #1877f2;
  color: #fff;
  padding: 5px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 13px;
}
#container .wrp .colMid .author .authorName a {
  text-decoration: none;
  color: #444444;
  font-weight: bold;
}
#container .wrp .colMid .newItem {
  margin: 25px 0;
  border: 1px solid #bdbcbc;
  padding: 25px 0;
}
#container .wrp .colMid .newItem .titleName {
  margin: 0 0 20px 20px;
}
#container .wrp .colMid .newItem .titleName a {
  text-decoration: none;
  text-transform: uppercase;
  color: #ff0000;
  font-weight: bold;
  font-size: 20px;
}
#container .wrp .colMid .newItem .group {
  gap: 5px;
  display: flex;
  position: relative;
}
#container .wrp .colMid .newItem .group .item {
  padding: 0 7px;
}
#container .wrp .colMid .newItem .group .slick-arrow {
  z-index: 1;
  background: #a1a1a1;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 43px;
  padding: 0 5px;
  margin-top: 100px;
}
#container .wrp .colMid .relocate {
  margin-top: 30px;
}
#container .wrp .colMid .relocate .title {
  border-bottom: 1px solid #bdbcbc;
  display: flex;
}
#container .wrp .colMid .relocate .title a {
  text-decoration: none;
  display: block;
  font-size: 22px;
  color: #3c3c3c;
  font-weight: bold;
  background: #fff;
  margin-bottom: -1px;
  padding-right: 15px;
}
#container .wrp .colMid .relocate ul {
  margin-top: 20px;
}
#container .wrp .colMid .relocate ul li {
  list-style: none;
  padding: 4px 0;
}
#container .wrp .colMid .relocate ul li .fas {
  font-size: 8px;
  color: #eb2d33;
  margin-right: 5px;
}
#container .wrp .colMid .relocate ul li a {
  text-decoration: none;
  color: #444444;
  font-size: 15px;
}
#container .wrp .colMid .relocate ul li a:hover {
  color: #0780b8;
}
#container .wrp .colMid .searchFile {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#container .wrp .colMid .searchFile span {
  color: #444444;
  width: 13%;
  line-height: 35px;
}
#container .wrp .colMid .searchFile .btn {
  display: flex;
  border: 1px solid #cccccc;
  border-radius: 5px;
  width: 85%;
  padding: 0;
}
#container .wrp .colMid .searchFile .btn .btnSelect {
  font-size: 12px;
  color: #7a7a7a;
  padding: 9px;
}
#container .wrp .colMid .searchFile .btn .btnSearch {
  font-size: 15px;
  color: #7a7a7a;
  border-left: 1px solid #cccccc;
  padding: 7px 15px;
}
#container .wrp .colMid .lstFile {
  margin: 20px;
}
#container .wrp .colMid .lstFile .pageSize {
  margin: 15px;
  display: flex;
  justify-content: end;
}
#container .wrp .colMid .lstFile .pageSize a {
  font-size: 15px;
  color: #757575;
  border-radius: 5px;
  padding: 4px 8px;
  margin: 0 5px;
  height: 30px;
}
#container .wrp .colMid .lstFile .pageSize a:hover {
  background: #757575;
  color: #fff;
}
#container .wrp .colMid .lstFile .pageSize select {
  padding: 4px 5px;
  color: #bdbcbc;
  font-size: 14px;
  border: 1px solid #bdbcbc;
  border-radius: 5px;
  height: 30px;
}
#container .wrp .colMid .lstFile .table table {
  width: 100%;
}
#container .wrp .colMid .lstFile .table table tbody tr {
  border: 1px solid #cccccc;
}
#container .wrp .colMid .lstFile .table table tbody tr td {
  padding: 5px 0;
}
#container .wrp .colMid .lstFile .table table tbody tr td a {
  text-decoration: none;
  color: #444444;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0;
}
#container .wrp .colMid .lstFile .table table tbody tr td a .fa-eye {
  border: 1px solid #eda111;
  border-radius: 50%;
  padding: 5px;
  background: #eda111;
  cursor: pointer;
  color: #fff;
}
#container .wrp .colMid .lstFile .table table tbody tr td a .fa-arrow-to-bottom {
  border: 1px solid #56ba49;
  border-radius: 50%;
  padding: 5px;
  background: #56ba49;
  color: #fff;
  cursor: pointer;
}
#container .wrp .colMid .lstFile .table table tbody tr th {
  background: #dde0e3;
  color: #444444;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0;
}
#container .wrp .colMid .invite {
  border: 1px solid #cccccc;
  padding: 20px;
}
#container .wrp .colMid .invite .title .name {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ff0000;
  text-decoration: none;
}
#container .wrp .colMid .invite ul {
  margin-top: 20px;
}
#container .wrp .colMid .invite ul li {
  list-style: none;
  margin: 7px 0;
  display: flex;
  align-items: baseline;
}
#container .wrp .colMid .invite ul li i {
  color: #444444;
  margin-right: 5px;
}
#container .wrp .colMid .invite ul li a {
  color: #444444;
  text-decoration: none;
  margin-left: 7px;
}
#container .wrp .colMid .contact {
  border: 1px solid #cccccc;
  margin-top: 20px;
  padding: 20px;
}
#container .wrp .colMid .contact #basicForm .title .name {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ff0000;
  text-decoration: none;
}
#container .wrp .colMid .contact #basicForm .group .groupItem {
  display: flex;
}
#container .wrp .colMid .contact #basicForm .group .groupItem .item {
  margin-top: 15px;
}
#container .wrp .colMid .contact #basicForm .group .groupItem .item label {
  color: #444444;
}
#container .wrp .colMid .contact #basicForm .group .groupItem .item input {
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
#container .wrp .colMid .contact #basicForm .group .item {
  margin-top: 15px;
}
#container .wrp .colMid .contact #basicForm .group .item label {
  color: #444444;
}
#container .wrp .colMid .contact #basicForm .group .item input {
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
#container .wrp .colMid .contact #basicForm .group .file {
  margin: 15px 0;
}
#container .wrp .colMid .contact #basicForm .group .file i {
  color: #03afef;
}
#container .wrp .colMid .contact #basicForm .group .file a {
  text-decoration: none;
  color: #444444;
  font-weight: bold;
}
#container .wrp .colMid .contact #basicForm .group .btn-success {
  margin: 15px 0;
  background: none;
  color: #444444;
  border: none;
  font-weight: bold;
  cursor: pointer;
}
#container .wrp .colMid .contact #basicForm .group .btn-success i {
  color: #03afef;
}
#container .wrp .colMid .contact #basicForm .group .btn-success a {
  text-decoration: none;
  color: #444444;
  font-weight: bold;
}
#container .wrp .colMid .contact #basicForm .group .Captcha .wImage {
  margin-left: 10px;
}
#container .wrp .colMid .contact #basicForm .group .Captcha .wImage:before {
  padding: 0;
}
#container .wrp .colMid .contact #basicForm .group .Captcha .wImage a {
  color: #444444;
}
#container .wrp .colMid .contact #basicForm .btnGui {
  margin-top: 2%;
  margin-left: 40%;
  text-decoration: none;
  color: #fff;
  background: #0780b8;
  padding: 8px 50px;
  border-radius: 5px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}
#container .wrp .colMid .contact .title .name {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ff0000;
  text-decoration: none;
}
#container .wrp .colMid .contact .group .groupItem {
  display: flex;
}
#container .wrp .colMid .contact .group .groupItem .item {
  margin-top: 15px;
}
#container .wrp .colMid .contact .group .groupItem .item label {
  color: #444444;
}
#container .wrp .colMid .contact .group .groupItem .item input {
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
#container .wrp .colMid .contact .group .item {
  margin-top: 15px;
}
#container .wrp .colMid .contact .group .item label {
  color: #444444;
}
#container .wrp .colMid .contact .group .item input {
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
#container .wrp .colMid .contact .group .file {
  margin: 15px 0;
}
#container .wrp .colMid .contact .group .file i {
  color: #03afef;
}
#container .wrp .colMid .contact .group .file a {
  text-decoration: none;
  color: #444444;
  font-weight: bold;
}
#container .wrp .colMid .contact .group .Captcha .wImage {
  margin-left: 10px;
}
#container .wrp .colMid .contact .group .Captcha .wImage:before {
  padding: 0;
}
#container .wrp .colMid .contact .group .Captcha .wImage a {
  color: #444444;
}
#container .wrp .colMid .contact .btnGui {
  margin-top: 2%;
  margin-left: 40%;
}
#container .wrp .colMid .contact .btnGui a {
  text-decoration: none;
  color: #fff;
  background: #0780b8;
  padding: 8px 50px;
  border-radius: 5px;
  font-size: 14px;
}
#container .wrp .colMid #detailTable {
  margin-bottom: 15px;
}
#container .wrp .colMid #detailTable .content .group .row {
  display: flex;
  width: 100%;
  border: 1px solid #dee2e6;
  border-bottom: none;
  background: #f3efef;
  margin: 0;
  line-height: 18px;
}
#container .wrp .colMid #detailTable .content .group .row .col1 {
  font-weight: bold;
  box-sizing: border-box;
  width: 200px;
  align-items: center;
  padding: 5px 10px;
  display: flex;
  font-size: 14px;
}
#container .wrp .colMid #detailTable .content .group .row .col2 {
  background-color: #fff;
  padding: 5px 10px;
  flex: 1;
  box-sizing: border-box;
}
#container .wrp .colMid .otherTableVb table tbody tr td a {
  text-decoration: none;
  color: #444444;
}
#container .wrp .colMid .otherTableVb table tbody tr td a:hover {
  color: #e33a3c;
}
#container .wrp .colMid #mvideo {
  display: flex;
  flex-direction: column;
}
#container .wrp .colMid #mvideo .parent {
  margin-top: 20px;
}
#container .wrp .colMid #mvideo .parent .group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#container .wrp .colMid #mvideo .parent .group .item {
  width: calc((100% - 20px) / 2);
  box-shadow: 0 5px 7.5px rgba(205, 205, 205, 0.75);
  margin-bottom: 15px;
}
#container .wrp .colMid #mvideo .parent .group .item .info {
  padding: 10px;
}
#container .wrp .colMid #mvideo .parent .group .item .info a {
  color: #3c3c3c;
  text-decoration: none;
  font-weight: bold;
}
#container .wrp .colMid #mvideo .parent .group .item .info a:hover {
  color: #0780b8;
}
#container .wrp .colMid #loadMore a {
  text-decoration: none;
  color: #3c3c3c;
  font-weight: bold;
}
#container .wrp .colMid #loadMore a:hover {
  color: #0780b8;
}
#container .wrp .colMid #gallery {
  display: flex;
  flex-direction: column;
}
#container .wrp .colMid #gallery .print .commonTitleDetail {
  color: #3c3c3c;
  font-weight: bold;
  text-decoration: none;
  font-size: 20px;
}
#container .wrp .colMid #gallery .print .lstImg {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#container .wrp .colMid #gallery .print .lstImg .wImage {
  width: calc((100% - 20px) / 2);
  box-shadow: 0 5px 7.5px rgba(205, 205, 205, 0.75);
  margin-bottom: 15px;
  border-radius: 6px;
}
#container .wrp .colMid #gallery .parent .commoncateName {
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#container .wrp .colMid #gallery .parent .commoncateName span {
  font-weight: bold;
  font-size: 17px;
  color: #0092db;
}
#container .wrp .colMid #gallery .parent .group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#container .wrp .colMid #gallery .parent .group .item {
  width: calc((100% - 20px) / 2);
  box-shadow: 0 5px 7.5px rgba(205, 205, 205, 0.75);
  margin-bottom: 15px;
  border-radius: 6px;
}
#container .wrp .colMid #gallery .parent .group .item .info {
  padding: 10px;
}
#container .wrp .colMid #gallery .parent .group .item .info a {
  color: #3c3c3c;
  text-decoration: none;
  font-weight: bold;
}
#container .wrp .colMid #gallery .parent .group .item .info a:hover {
  color: #0780b8;
}
#container .wrp .colMid #gallery .parent .group .item .wImage {
  border-radius: 6px 6px 0 0;
}
#container .wrp .colMid #CommonCuoiChiTietTin {
  background: #f3f3f3;
  border-top: solid 1px #ebebeb;
  font-size: 12px !important;
  color: #aaaaaa;
  padding: 5px;
  margin: 5px 0;
  position: relative;
  z-index: 3;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
#container .wrp .colMid #CommonCuoiChiTietTin a {
  display: inline-block;
  font-size: 12px !important;
}
#container .wrp .colMid #CommonCuoiChiTietTin a .print {
  background: url(icon/print.gif) no-repeat left center;
}
#container .wrp .colMid #CommonCuoiChiTietTin a .email {
  background: url(icon/email.gif) no-repeat left center;
  padding-right: 15px;
}
#container .wrp .colMid #CommonCuoiChiTietTin a .email span {
  display: none;
}
#container .wrp .colMid #CommonCuoiChiTietTin a .email .top {
  background: url(icon/top.gif) no-repeat left center;
  padding-right: 20px;
}
#container .wrp .colMid #CommonCuoiChiTietTin a .email .prevDBT {
  background: url(icon/prev.gif) no-repeat left center;
}
#container .wrp .colMid #CommonCuoiChiTietTin a .email:hover {
  color: #0054a6;
}
#container .wrp .colMid #CommonCuoiChiTietTin .apd {
  display: flex;
}
#container .wrp .colMid #CommonCuoiChiTietTin .apd a {
  color: rgba(110, 79, 79, 0.8705882353);
  padding-left: 20px;
  margin-top: 3px;
  display: inline-block;
}
#container .wrp .colMid #CommonCuoiChiTietTin .apd a i {
  margin-right: 5px;
}
#container .wrp .colMid #CommonCuoiChiTietTin .shareItem {
  width: 25px;
  height: 20px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 2px;
}
#container .wrp .colMid .other .titleOther {
  font-weight: bold;
  font-size: 17px;
  color: #0092db;
}
#container .wrp .colRight {
  width: 20%;
}
#container .wrp .colRight .new-document {
  margin-top: 20px;
}
#container .wrp .colRight .new-document .list li {
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  text-align: justify;
}
#container .wrp .colRight .new-document .list li .fas {
  font-size: 15px;
  color: #3c3c3c;
  margin-right: 5px;
}
#container .wrp .colRight .new-document .list li a {
  text-decoration: none;
  color: #696969;
  font-size: 15px;
}
#container .wrp .colRight .new-document .list li:last-child {
  border: none;
}
#container .wrp .colRight .new-document .list li:hover a {
  color: #0780b8;
}
#container .wrp .colRight .news-Item .group .item {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
}
#container .wrp .colRight .news-Item .group .item .wImage {
  width: 40%;
}
#container .wrp .colRight .news-Item .group .item .name {
  width: 58%;
  max-height: 110px;
  overflow: hidden;
}
#container .wrp .colRight .news-Item .group .item .name a {
  text-decoration: none;
  color: #696969;
  font-size: 14px;
}
#container .wrp .colRight .news-Item .group .item:last-child {
  border-bottom: none;
}
#container .wrp .colRight .news-Item .group .item:hover a {
  color: #0780b8;
}
#container .wrp .colRight .operator-info {
  margin-top: 20px;
}
#container .wrp .colRight .operator-info .list li {
  list-style: none;
  padding: 10px 0;
  text-align: justify;
}
#container .wrp .colRight .operator-info .list li .fas {
  margin-right: 5px;
}
#container .wrp .colRight .operator-info .list li a {
  text-decoration: none;
  color: #696969;
  font-size: 15px;
}
#container .wrp .colRight .operator-info .list li:last-child {
  border: none;
}
#container .wrp .colRight .operator-info .list li:hover a {
  color: #0780b8;
}
#container .wrp .colRight .document {
  margin-top: 15px;
}
#container .wrp .colRight .document .item {
  margin-top: 20px;
}
#container .wrp .colRight .document .item img {
  width: 100%;
}
#container .wrp .colRight .document .item .text .time {
  margin: 5px 0;
}
#container .wrp .colRight .document .item .text .time p {
  margin-bottom: 0;
}
    #container .wrp .colRight .group-banner .item img{width: 100%; margin-top: 10px;}
    #container .wrp .colRight .linkWebsite {
        margin-top: 10px;
    }
#container .wrp .colRight .linkWebsite .title {
  background: #ff0000;
  padding: 8px;
}
#container .wrp .colRight .linkWebsite .title a {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
#container .wrp .colRight .linkWebsite .select2 {
  width: 100%;
  padding: 5px;
  margin-top: 5px;
  color: #bdbcbc;
  font-size: 14px;
}
#container .wrp .colRight .sticky {
  position: sticky;
  top: 10px;
}
#container .wrp .colRight .sticky .access-time {
  margin-top: 10px;
}
#container .wrp .colRight .sticky .access-time .lst .item {
  padding: 5px 0px;
  display: flex;
  justify-content: space-between;
}
#container .wrp .colRight .sticky .access-time .lst .item span {
  color: #505050;
  font-size: 15px;
}
#container .wrp .colRight .sticky .access-time .lst .item p {
  font-weight: bold;
  margin-bottom: 0;
}
#container .wrp .colRight .sticky .access-time .lst .item p .onl {
  color: #ef575c;
}
#container .wrp .colRight .sticky .lstBanner {
  margin-top: 20px;
}
#container .wrp .colRight .sticky .lstBanner .title {
  padding: 8px 10px;
}
#container .wrp .colRight .sticky .lstBanner .groupBanner {
  height: 500px;
  overflow: hidden;
  margin-bottom: 0;
}
#container .wrp .colRight .sticky .lstBanner .groupBanner .item .wImage::before {
  padding-bottom: 33.5907335907%;
}
#container .wrp .colRight .banner .image img {
  width: 100%;
  margin-top: 24px;
}

#bttop {
  position: relative;
}
#bttop a {
  color: #3c3c3c;
  font-size: 50px;
  position: fixed;
  right: 2%;
  bottom: 1%;
}

#footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 15px;
}
#footer a {
  text-decoration: none;
  color: #ff0000;
  font-weight: bold;
  font-size: 20px;
}
#footer span {
  line-height: 22px;
}

#overlay {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 20;
}

@media (max-width: 1180px) {
  body {
    font-size: 15px;
  }
  .wrp {
    width: calc(100vw - 20px);
  }
  #head .wrp .bannerHead .item .wImage {
    height: 100%;
  }
  #head .wrp .bannerHead .item .wImage:before {
    padding-bottom: 25.5%;
  }
  #head .wrp .over {
    margin-left: 45px;
    padding: 0px 10px;
  }
  #head .wrp .over .right-over .time {
    display: block;
  }
  #head .wrp .over .right-over .time .timeAfter {
    margin: 5px 0;
  }
  #head .wrp .over .right-over .time .timeAfter:after {
    content: "";
  }
  #menuMain .wrp .menu {
    position: fixed;
    width: 50vw;
    height: 100vh;
    background: #0780b8;
    z-index: 21;
    top: 0;
    left: -100%;
    display: block;
    transition: 0.3s all ease-in-out;
    padding: 15px;
  }
  #menuMain .wrp .menu li a {
    padding: 10px 15px;
  }
  #menuMain .wrp .menu li .input-search2 {
    display: block;
    margin-bottom: 15px;
  }
  #menuMain .wrp .menu li .input-search2 .ip {
    border: 1px solid #a7a7a7;
    width: 100%;
    background: #fff;
    display: flex;
  }
  #menuMain .wrp .menu li .input-search2 .ip .text {
    flex: 1;
    outline: none;
    border: none;
    padding: 0 10px;
  }
  #menuMain .wrp .menu li .input-search2 .ip .btnSearch {
    color: #a7a7a7;
    border: none;
    border-left: 2px solid #a7a7a7;
    padding: 5px 10px;
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
  }
  #menuMain .wrp .ac {
    left: 0;
  }
  #menuMain .wrp .btn-mb {
    display: flex;
    justify-content: flex-end;
  }
  #menuMain .wrp .btn-mb .openlist {
    color: #fff;
    margin-right: 10px;
    font-size: 20px;
    padding: 2px 0;
  }
  .input-search {
    display: none;
  }
  #container {
    margin-top: 5px;
  }
  #container .wrp {
    display: flex;
    flex-direction: column;
  }
  #container .wrp .colLeft {
    width: 100%;
    order: 3;
    margin-top: 20px;
  }
  #container .wrp .colLeft .document .group .item {
    padding: 10px;
  }
  #container .wrp .colLeft .video .group .item .wImage a video {
    width: 100%;
  }
  #container .wrp .colMid {
    width: 100%;
  }
  #container .wrp .colRight {
    width: 100%;
  }
  #container .wrp .colRight .new-document {
    margin-top: 15px;
  }
}
@media (max-width: 820px) {
  #head .wrp .bannerHead .item .wImage {
    height: 100%;
  }
  #head .wrp .bannerHead .item .wImage:before {
    padding-bottom: 37%;
  }
  #head .wrp .over {
    padding: 1px 20px;
    margin-left: 0;
    width: 72%;
  }
  #head .wrp .over a img {
    width: 85%;
    margin: 20px 0 0 5px;
  }
  #head .wrp .over .right-over {
    margin-left: 10px;
  }
  #head .wrp .over .right-over .text .title {
    font-size: 18px;
  }
  #head .wrp .over .right-over .text .name {
    font-size: 20px;
  }
}
@media (max-width: 844px) {
  #head .wrp .bannerHead .item .wImage {
    height: 100%;
  }
  #head .wrp .bannerHead .item .wImage:before {
    padding-bottom: 37.5%;
  }
  #head .wrp .over {
    padding: 3px 10px;
    width: 71%;
    margin-left: 0;
  }
  #head .wrp .over .right-over .text .title {
    font-size: 19px;
  }
  #head .wrp .over .right-over .text .name {
    font-size: 21px;
  }
}
@media (max-width: 479px) {
  #head .wrp .bannerHead {
    width: 100%;
  }
  #head .wrp .bannerHead .item .wImage {
    height: 100%;
  }
  #head .wrp .bannerHead .item .wImage:before {
    padding-bottom: 50%;
  }
  #head .wrp .over {
    flex-direction: column;
    align-items: center;
    background: none;
    width: 100%;
    padding: 0;
  }
  #head .wrp .over a img {
    width: 70%;
    margin: 0;
    margin-left: 15%;
  }
  #head .wrp .over .right-over .text {
    align-items: center;
  }
  #head .wrp .over .right-over .text a {
    text-shadow: 3px 0 #fff, -3px 0 #fff, 0 3px #fff, 0 -3px #fff, 2px 2px #fff, -2px -2px #fff, 2px -2px #fff, -2px 2px #fff;
  }
  #head .wrp .over .right-over .time {
    display: none;
  }
  #head .wrp .over .right-over .time .language a img {
    width: 100%;
  }
  #menuMain .wrp .menu {
    width: 70vw;
  }
  #container .wrp .colLeft {
    width: 100%;
  }
  #container .wrp .colMid .news .group {
    display: block;
  }
  #container .wrp .colMid .news .group .left {
    width: 100%;
  }
  #container .wrp .colMid .news .group .right {
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
  }
  #container .wrp .colMid .work-group .group .item {
    width: calc(100% - 20px);
  }
  #container .wrp .colMid .cate-Movement .group {
    display: block;
  }
  #container .wrp .colMid .cate-Movement .group .left {
    width: 100%;
  }
  #container .wrp .colMid .cate-Movement .group .right {
    width: 100%;
    margin-top: 15px;
  }
  #container .wrp .colMid .need-to-know .group .right {
    display: block;
  }
  #container .wrp .colMid .need-to-know .group .right .item {
    border-right: none;
    border-bottom: 1px solid #cccccc;
  }
  #container .wrp .colMid .need-to-know .group .right .extra-menu {
    margin-left: 0;
  }
  #container .wrp .colMid .detail .left {
    display: none;
  }
  #container .wrp .colMid .detail .right {
    width: 100%;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb {
    display: block;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink {
    border: 1px solid #cccccc;
    border-radius: 50px;
    box-shadow: 3px 3px 5px #dddddd;
    position: sticky;
    top: 10px;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink ul li {
    list-style: none;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink ul li a {
    text-decoration: none;
    color: #fff;
    padding: 8px;
    background: #cccccc;
    border-radius: 50%;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink ul li a:hover {
    border: 1px solid #cccccc;
    background: #fff;
    color: #888888;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink ul li span {
    color: #696969;
    font-weight: bold;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink .fontsize {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 9px;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink .fontsize a {
    border: 1px solid #888888;
    border-radius: 50%;
    margin: 5px;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink .fontsize a .fas {
    color: #888888;
    padding: 5px;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink .fontsize a:hover {
    background: #888888;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink .fontsize a:hover .fas {
    color: #fff;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink ul {
    display: flex;
    justify-content: center;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink ul li {
    display: block;
  }
  #container .wrp .colMid .detail .right .title .menuLink-mb .menuLink .fontsize {
    justify-content: center;
    flex-direction: unset;
  }
  #container .wrp .colMid .top-item .item {
    display: block;
  }
  #container .wrp .colMid .top-item .item .wImage {
    width: 100%;
  }
  #container .wrp .colMid .top-item .item .title {
    width: 100%;
    margin-left: 0;
  }
  #container .wrp .colMid .top-item ul {
    flex-direction: column;
  }
  #container .wrp .colMid .top-item ul li {
    border-right: none;
  }
  #container .wrp .colMid .lstItem .item {
    flex-direction: column-reverse;
  }
  #container .wrp .colMid .lstItem .item .wImage {
    width: 100%;
  }
  #container .wrp .colMid .lstItem .item .title {
    width: 100%;
    margin-right: 0;
    padding: 15px 0;
  }
  #container .wrp .colMid .contact .btnGui {
    margin-left: 50%;
  }
  #container .wrp .colRight .new-document .list li {
    padding: 10px;
  }
  #container .wrp .colRight .operator-info .list li {
    padding: 10px;
  }
}
