/* CSS Document */
/* CSS Document */
/* line 17, ../scss/_share.scss */
* {
  position: relative;
}

/* line 20, ../scss/_share.scss */
html {
  height: 100%;
}

/* line 23, ../scss/_share.scss */
body {
  height: 100%;
  padding-bottom: 1px;
}

/* line 27, ../scss/_share.scss */
a {
  text-decoration: none;
  color: inherit;
}

/* line 3, ../scss/project.scss */
#frc_cont {
  text-align: center;
}

/* line 7, ../scss/project.scss */
#frc_projlist_layout, #frc_project {
  display: none;
}

/* line 11, ../scss/project.scss */
#frc_projlist_layout {
  width: 100%;
  table-layout: fixed;
  margin-top: 40px;
  white-space: nowrap;
}
/* line 17, ../scss/project.scss */
#frc_projlist_layout td {
  text-align: center;
  vertical-align: middle;
}
/* line 21, ../scss/project.scss */
#frc_projlist_layout #frc_proj_list {
  width: 953px;
  height: 485px;
  overflow: hidden;
}
/* line 26, ../scss/project.scss */
#frc_projlist_layout #frc_proj_list .frc_subpage {
  display: inline-block;
  width: 967px;
  margin-bottom: -8px;
}
/* line 10, ../scss/_share.scss */
#frc_projlist_layout #frc_proj_list .frc_subpage:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 32, ../scss/project.scss */
#frc_projlist_layout #frc_proj_list .frc_subpage .frc_proj {
  display: inline-block;
  float: left;
  border: none;
  width: 148px;
  height: 89px;
  margin: 0 13px 8px 0;
  cursor: pointer;
}
/* line 41, ../scss/project.scss */
#frc_projlist_layout #frc_proj_list .frc_subpage .frc_proj img {
  width: 100%;
  height: 100%;
}
/* line 45, ../scss/project.scss */
#frc_projlist_layout #frc_proj_list .frc_subpage .frc_proj.empty {
  cursor: default;
  /*					border:1px solid #666;
  					width:146px;
  					height:87px;*/
}
/* line 52, ../scss/project.scss */
#frc_projlist_layout #frc_proj_list .frc_subpage:first-child {
  margin-left: 0;
}
/* line 57, ../scss/project.scss */
#frc_projlist_layout #frc_proj_option {
  text-align: left;
  padding-top: 25px;
  color: #C12026;
  display: none;
  position: relative;
}
/* line 63, ../scss/project.scss */
#frc_projlist_layout #frc_proj_option span {
  cursor: pointer;
  padding-left: 5px;
}
/* line 67, ../scss/project.scss */
#frc_projlist_layout #frc_proj_option span:after {
  content: "|";
  margin-left: 5px;
}
/* line 72, ../scss/project.scss */
#frc_projlist_layout .frc_arrow {
  cursor: default;
}
/* line 74, ../scss/project.scss */
#frc_projlist_layout .frc_arrow.frc_clickable {
  cursor: pointer;
}

/* line 80, ../scss/project.scss */
#frc_proj_typeslist_cont {
  margin-top: 1em;
  display: flex;
  justify-content: center;
}
/* line 85, ../scss/project.scss */
#frc_proj_typeslist_cont #frc_proj_typeslist {
  width: 953px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
/* line 90, ../scss/project.scss */
#frc_proj_typeslist_cont #frc_proj_typeslist label {
  color: #888888;
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* line 98, ../scss/project.scss */
  #frc_projlist_layout #frc_proj_list {
    width: 715px !important;
    height: 365px !important;
  }
  /* line 102, ../scss/project.scss */
  #frc_projlist_layout #frc_proj_list .frc_subpage {
    width: 727px !important;
  }
  /* line 105, ../scss/project.scss */
  #frc_projlist_layout #frc_proj_list .frc_proj {
    width: 111px !important;
    height: 67px !important;
    margin: 0 10px 6px 0 !important;
  }
  /* line 110, ../scss/project.scss */
  #frc_projlist_layout #frc_proj_list .frc_proj.empty {
    width: 109px !important;
    height: 65px !important;
  }
}
/* line 119, ../scss/project.scss */
#frc_project {
  width: 200%;
  overflow-x: hidden;
}
/* line 124, ../scss/project.scss */
#frc_project > .frc_subpage {
  width: 50%;
  height: 100%;
  float: left;
  white-space: nowrap;
}
/* line 132, ../scss/project.scss */
#frc_project #frc_proj_text > * {
  /*			width:600px;
  			max-width:600px;*/
  margin-left: 100px;
  text-align: left;
  width: 50vw;
}
/* line 141, ../scss/project.scss */
#frc_project #frc_proj_text h3.frc_title {
  margin-top: 113px;
  color: #900;
  font-weight: bold;
  font-family: "Times New Roman", Times, serif;
  margin-bottom: 12px;
  font-size: 22px;
}
/* line 151, ../scss/project.scss */
#frc_project #frc_proj_text h4.frc_title {
  margin-top: 1em;
  color: #888888;
}
/* line 155, ../scss/project.scss */
#frc_project #frc_proj_text .frc_desc {
  margin-top: 2em;
  margin-bottom: 2em;
  white-space: normal;
  font-size: 1.2em;
  color: #888888;
  line-height: 150%;
  min-height: calc(650px - 75px - 135px - 22px - 18px - 4em);
  max-height: calc(100vh - 75px - 135px - 22px - 18px - 4em);
  padding-right: 2em;
  overflow-y: auto;
}
/* line 167, ../scss/project.scss */
#frc_project #frc_proj_text label {
  text-transform: uppercase;
  width: 9em;
  display: inline-block;
}
/* line 172, ../scss/project.scss */
#frc_project #frc_proj_text .frc_arrow_right {
  width: auto;
  position: absolute;
  right: 40px;
  top: 142px;
  transform-origin: center right;
  transform: scale(0.6);
}
/* line 180, ../scss/project.scss */
#frc_project #frc_proj_text > div a {
  padding-right: 25px;
  background: url(../../img/arr_right_xs.png) center right no-repeat;
}
/* line 184, ../scss/project.scss */
#frc_project #frc_proj_text > div a.empty {
  background: none;
}
/* line 187, ../scss/project.scss */
#frc_project #frc_proj_text .jspPane > div {
  padding-right: 2em;
}
/* line 192, ../scss/project.scss */
#frc_project #frc_proj_img {
  height: 550px;
}
/* line 194, ../scss/project.scss */
#frc_project #frc_proj_img .frc_arrow {
  position: absolute;
  top: 0;
  display: table-cell;
  vertical-align: middle;
  z-index: 1000;
  height: 100%;
  width: 150px;
  cursor: pointer;
}
/* line 204, ../scss/project.scss */
#frc_project #frc_proj_img .frc_arrow img {
  margin-top: 236px;
}
/* line 208, ../scss/project.scss */
#frc_project #frc_proj_img .frc_arrow_left {
  text-align: left;
  left: 0;
}
/* line 212, ../scss/project.scss */
#frc_project #frc_proj_img .frc_arrow_right {
  text-align: right;
  right: 0;
}
/* line 217, ../scss/project.scss */
#frc_project #frc_proj_img ul {
  overflow: hidden;
  white-space: nowrap;
}
/* line 221, ../scss/project.scss */
#frc_project #frc_proj_img ul li {
  width: 100%;
  text-align: left;
  display: inline-block;
  overflow: hidden;
  /*				img{				
  					height:$img_h;
  				}*/
}
/* line 229, ../scss/project.scss */
#frc_project #frc_proj_img ul li > figure {
  margin-left: 127px;
  text-align: left;
  display: inline-block;
  position: relative;
}
/* line 234, ../scss/project.scss */
#frc_project #frc_proj_img ul li > figure > img {
  margin-bottom: 60px;
  height: 500px;
}
/* line 238, ../scss/project.scss */
#frc_project #frc_proj_img ul li > figure figcaption {
  white-space: normal;
  color: #900;
  margin-right: 200px;
  line-height: 1.5em;
  font-size: 1.1em;
  position: absolute;
  top: 525px;
  left: 0;
  width: 100%;
  padding-right: 25%;
}
/* line 257, ../scss/project.scss */
#frc_project #frc_proj_textback {
  position: absolute;
  top: 520px;
  left: 100px;
  z-index: 1000;
  color: #900;
  white-space: normal;
  margin-right: 100px;
}
/* line 266, ../scss/project.scss */
#frc_project #frc_proj_imglist {
  position: absolute;
  top: 560px;
  right: 55%;
  display: none;
}
/* line 272, ../scss/project.scss */
#frc_project #frc_proj_imglist span {
  display: inline-block;
  width: 8px;
  height: 8px;
  text-indent: -9999em;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Ccircle fill='%23888' cx='4' cy='4' r='4' /%3E%3C/svg%3E");
  margin-left: 6px;
  cursor: pointer;
}
/* line 283, ../scss/project.scss */
#frc_project #frc_proj_imglist span.act {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Ccircle fill='%23C12026' cx='4' cy='4' r='4' /%3E%3C/svg%3E");
}

/* line 291, ../scss/project.scss */
body.cn #frc_project #frc_proj_text h3.frc_title {
  font-family: 'Noto Sans SC', SimHei, STHeiti, sans-serif;
}

/* line 297, ../scss/project.scss */
.custom-checkbox {
  padding-left: 0;
}
/* line 299, ../scss/project.scss */
.custom-checkbox .custom-control-label {
  padding-left: 1.3rem;
  line-height: 1.5rem;
}
/* line 303, ../scss/project.scss */
.custom-checkbox .custom-control-label:before {
  background-color: white;
  border: 1px solid #888888;
  height: 1em;
  width: 1em;
  margin-top: 2px;
  outline: none;
}
/* line 311, ../scss/project.scss */
.custom-checkbox .custom-control-label:after {
  top: calc(0.25rem + 2px);
  background-size: 60% 60%;
  height: 1em;
  width: 1em;
}
/* line 320, ../scss/project.scss */
.custom-checkbox input[type="checkbox"]:focus + .custom-control-label:before {
  box-shadow: 0 0 2pt 1pt #900;
  border-color: #900;
}
/* line 327, ../scss/project.scss */
.custom-checkbox input[type="checkbox"]:checked + .custom-control-label:before {
  background-color: transparent;
}
/* line 330, ../scss/project.scss */
.custom-checkbox input[type="checkbox"]:checked + .custom-control-label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23888' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

/* line 336, ../scss/project.scss */
.jspHorizontalBar {
  display: none !important;
}