@charset "UTF-8";
@font-face {
  font-family: "全真中隸書";
  src: url("../webfonts/QuanZhen-Fonts.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/QuanZhen-Fonts.eot?#iefix") format("embedded-opentype"), url("../webfonts/QuanZhen-Fonts.woff2") format("woff2"), url("../webfonts/QuanZhen-Fonts.woff") format("woff"), url("../webfonts/QuanZhen-Fonts.ttf") format("truetype"), url("../webfonts/QuanZhen-Fonts.svg#svgFontName") format("svg");
}
.main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

#C {
  position: absolute;
  top: 0;
  left: -5px;
  height: -moz-fit-content;
  height: fit-content;
}

.content_area {
  width: 95%;
}



.content_box {
  width: 100%;
}

.content_title {
  display: flex;
  align-items: center;
  background-image: url(../images/title-bg.gif);
  background-repeat: repeat-x;
  background-size: cover;
  min-height: 32px;
  border-radius: 5px;
  padding: 2px;
  padding-left: 10px;
  margin: 5px 2px;
  box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 3px #bfbfbf;
}

.title-text {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  text-shadow: 0px 0px 5px #000;
}
.title-text::before {
  content: "";
  flex-grow: 1;
  display: block;
  background-image: url(../images/grid02.svg);
  background-size: cover;
  min-width: 11px;
  height: 11px;
  margin-right: 8px;
}

.more-btn {
  display: block;
  padding: 1px 4px 1px 6px;
  margin-left: auto;
  margin-right: 8px;
  border-radius: 3px;
  color: #323230;
  font-weight: 700;
  font-size: 0.9rem;
  background: linear-gradient(to bottom, rgb(253, 251, 228) 0%, rgb(171, 171, 171) 100%);
}

.content {
  overflow-x: auto;
  margin: 15px auto;
  padding: 0 5px 10px;
  background-color: #fff;
}
.content .picture_box {
  width: 30%;
  margin: 5px 2px;
}
.content p {
  margin: 5px 0;
  /*font-size: 1.15rem;*/
}
.content a {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  color: blue;
  text-decoration: underline;
  text-align: left;
  text-indent: initial;
  transition: 0.2s all ease-in-out;
}
.content a:hover {
  color: #ff6600;
}

.content_tab {
  display: flex;
  text-align: left;
  padding: 10px 2px;
  border-bottom: 1px dotted #ccc;
}

.content_img {
  display: flex;
  align-items: center;
  width: 74px;
  height: 53px;
  border: 0.1px solid #999999;
  padding: 1px;
}
.content_img img {
  width: 100%;
}

.content_txt {
  display: flex;
  flex-direction: column;
  width: 85%;
}
.content_txt a {
  color: blue;
  text-decoration: underline;
  transition: 0.2s all ease-in-out;
}
.content_txt a:hover {
  color: #ff6600;
}

.imageContent-flex{
display: flex;
flex-wrap: wrap;
padding-top: 30px;
padding-bottom:30px ;
}

.imageContent-flex > div{
  display: flex;flex-direction: column;width: 300px;
}

.imageContent-flex img{
  border-width: 0px; border-style: solid;
}

.imageContent-book{
  width: 300px;
}

.imageContent-book img{
  height: 380px;
  width: 270px;
}

.news_t {
  color: #5c3c03;
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 1rem;
}

.t1_no {
  font-size: 1rem;
  color: #666666;
  text-decoration: none;
  text-align: justify;
}
.t1_no a {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  color: inherit;
  text-decoration: underline;
  transition: 0.2s all ease-in-out;
}
.t1_no a:hover {
  color: #ff6600;
}

.sitemap .content {
  display: grid;
  grid-template-columns: repeat(auto-fill, 225px);
  gap: 10px;
  justify-content: space-evenly;
}
.sitemap .content_tab {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 10px 2px;
  border: none;
}
.sitemap .content_tab a {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  font-size: 1rem;
  color: #666;
  border-bottom: 1px dotted #ccc;
  transition: 0.2s all ease-in-out;
}
.sitemap .content_tab a:hover {
  color: #ff3300;
  transition: 0.2s all ease-in-out;
}
.sitemap .content_tab a::before {
  content: "";
  display: block;
  min-width: 13px;
  height: 13px;
  margin-right: 5px;
  background-image: url(../images/point.svg);
  background-size: contain;
}

.caption {
  background-color: #f5f5f5;
  margin: 10px 0;
  padding: 10px;
  text-align: left;
}

.t1 {
  text-align: left;
  font-size: 0.9rem;
  line-height: 30px;
  color: #666666;
  text-decoration: none;
}

.t1_w {
  font-size: 0.9rem;
  line-height: 30px;
  color: #ffffff;
  text-decoration: none;
}

.photo .content_tab {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "content_img content_txt content_txt" "content_img album_link album_link";
  position: relative;
  border-bottom: none;
  background-color: #fff;
}
.photo .content_img {
  grid-area: content_img;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 190px;
  max-height: 129px;
  margin: 0 auto;
  padding: 2px;
}
.photo .content_img img {
  max-height: 127px;
}
.photo .content_txt {
  background-color: #eef9ce;
  flex-direction: row;
  align-items: center;
  grid-area: content_txt;
  padding-left: 10px;
  margin: 10px 0;
}
.photo .album_link {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  grid-area: album_link;
}
.photo .news_t {
  margin: 0;
}

.box-shadow-radius {
  position: relative;
  margin: 20px auto;
}
.box-shadow-radius::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, 0);
  border-radius: 50%;
  width: 70%;
  height: 20px;
  box-shadow: 0px 0px 10px black;
}

.pages .content_tab {
  border: none;
}
.pages .link-to {
  display: flex;
  align-items: center;
  width: 60%;
  padding: 4px 20px;
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(223, 223, 223) 100%);
  border: 1px solid rgb(201, 201, 201);
  border-radius: 25px;
  font-family: "全真中隸書", Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  box-shadow: 3px 3px 3px #e7e7e7;
  transition: 0.15s all ease-in-out;
}
.pages .link-to::before {
  content: "";
  display: block;
  background-image: url(../images/grid.svg);
  background-size: cover;
  width: 11px;
  height: 11px;
  margin-right: 10px;
}

.publish .content {
  /* display: flex; */
  flex-direction: row;
  flex-wrap: wrap;
}
.publish .content_tab {
  border: none;
}

.current_chinese_studies {
  display: block;
  width: 50%;
  margin: 0 auto;
}
.current_chinese_studies img {
  width: 100%;
}

.MsoNormal {
  line-height: 26px;
}

.paragraph {
  display: block;
  text-indent: 2rem;
}

.col-3 {
  width: 25%;
}

.col-6 {
  width: 50%;
}

.col-9 {
  width: 75%;
}

.col-12 {
  width: 100%;
}

.img-box {
  text-align: left;
}
.img-box img {
  width: auto;
  max-width: 100%;
  max-height: 570px;
}

.table-box .content {
  border: #f8f2da 1px solid;
  padding: 0;
}

.table-content-tool {
  display: flex;
  padding: 5px;
  flex-wrap: wrap;
}
.table-content-tool:nth-of-type(2n) {
  background-color: #f8f2da;
}

.table-item {
  display: flex;
}
.table-item.date {
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 140px;
}
.table-item.t1 {
  font-size: 0.9rem;
  flex-grow: 3;
  flex-basis: 500px;
}

/* pagination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}

.pagination-pages {
  display: flex;
  flex-wrap: wrap;
  margin-right: 15px;
  margin-left: 15px;
}
.pagination-pages a {
  color: #631515;
  text-decoration: underline;
  margin: 0 2px;
}

a.current-page {
  text-decoration: none;
  cursor: default;
}

.pagination-prev,
.pagination-next {
  display: flex;
  align-items: center;
}
.pagination-prev::before,
.pagination-next::before {
  content: "";
  display: block;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin: 0 8px;
}

.pagination-prev::before {
  background-image: url(../images/pagination-prev.svg);
}

.pagination-next {
  flex-direction: row-reverse;
}
.pagination-next::before {
  background-image: url(../images/pagination-next.svg);
}

.pagination-button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  font-size: 1rem;
  color: #3b0004;
  white-space: nowrap;
}

.disabled {
  cursor: default;
}

.pageControl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-top: 2px solid #3b0004;
  border-bottom: 2px solid #3b0004;
}

.prev-page,
.goindex {
  display: flex;
  align-items: center;
  color: #370206;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 10px;
}

.prev-page::before {
  content: "";
  display: block;
  background-image: url(../images/prev-page.svg);
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.goindex::before {
  content: "";
  display: block;
  background-image: url(../images/home.svg);
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .main {
    flex-wrap: wrap;
  }
  #C {
    top: -18px;
    left: 0;
  }
  .content_area {
    width: 100%;
    margin: 0;
  }
  .photo .content_tab {
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "content_img " "content_txt" "album_link";
  }
  .photo .content_txt {
    justify-content: center;
    background-color: transparent;
    width: 100%;
  }
  .photo .album_link {
    margin: 0 auto;
  }
  .pages .link-to {
    width: 100%;
  }
  .col-3,
  .col-6,
  .col-9,
  .col-12 {
    width: 100%;
  }
  .table-item.date {
    justify-content: flex-start;
  }
}/*# sourceMappingURL=ccs_cn.css.map */