@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  margin: 0 auto;
  padding: 0;
  font-size: 100%;
  font-weight: 400;
  font-family: 微軟正黑體, "Microsoft JhengHei", sans-serif;
  line-height: 1.8;
  letter-spacing: 1px;
}

body.menuOpen {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
}

.linebg {
  min-height: 100vh;
  background-color: #293840;
  background-size: 12.5% 100%, cover;
  background-repeat: repeat-x, no-repeat;
  background-image: linear-gradient(to left, rgba(229, 229, 229, 0.2) 1px, transparent 1px);
  background-position: right, top;
}

@media (max-width: 50rem) {
  .linebg {
    background-size: 20% 100%, cover;
    border-right: 1px solid #293840;
  }
}

.hiddenOverflow {
  overflow: hidden;
}

h1 {
  font-size: 2rem;
  font-weight: 600;
  padding-bottom: 1rem;
}

@media (max-width: 64rem) {
  h1 {
    font-size: 1.375rem;
  }
}

@media (max-width: 50rem) {
  h1 {
    font-size: 2rem;
  }
}

@media (max-width: 40rem) {
  h1 {
    font-size: 1.375rem;
  }
}

@media (max-width: 20rem) {
  h1 {
    font-size: 1.25rem;
  }
}

h2 {
  font-size: 1.25rem;
  margin: 1rem auto;
}

h2:first-child {
  margin: 0 auto 1rem auto;
}

@media (max-width: 37.5rem) {
  h2 {
    font-size: 1.125rem;
  }
}

p {
  font-size: 1.125rem;
}

p span {
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 37.5rem) {
  p {
    font-size: 1rem;
  }
}

@media (max-width: 20rem) {
  p {
    font-size: 0.875rem;
  }
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  opacity: 0.9;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.share-box {
  text-align: center;
}

.share-box div {
  display: inline-block;
  cursor: pointer;
}

.bt {
  margin-bottom: 0.625rem;
}

.img-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.img-container .featured-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.custom-object-fit {
  position: relative;
  background-size: cover;
  background-position: center center;
}

.custom-object-fit .featured-image {
  opacity: 0;
}

.content_wrapper figcaption {
  margin: 2rem 0 3rem 0;
  text-align: justify;
}

.content_wrapper figcaption:before {
  content: "";
  border-top: .1rem solid #499bea;
  width: 3rem;
  display: inline-block;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
  position: absolute;
  padding: 10px 0 0 0;
}

/* header */
/* 20191118  header start */
header {
  width: 100%;
  padding: 0 1.5rem;
  color: #fff;
  background: rgba(41, 56, 64, 0.9);
  position: absolute;
  z-index: 3;
}

header .share-box {
  float: right;
  margin-top: 9px;
}

header .share-box div {
  display: inline-block;
  padding-right: 0.625rem;
  cursor: pointer;
}

header .share-box div:last-child {
  padding-right: 0;
}

@media (max-width: 37.5rem) {
  header {
    padding: 0 1rem;
  }
}

.leftbox {
  float: left;
  margin-top: 9px;
}

.logo-box {
  color: #fff;
  font-weight: bold;
  margin-right: 30px;
}

.logo-box span {
  display: none;
}

@media screen and (max-width: 64rem) {
  .logo-box {
    margin-left: 60px;
  }
}

@media screen and (max-width: 40rem) {
  .logo-box {
    margin-left: 50px;
  }
}

.icon-cnalogo {
  fill: #fff;
  width: 50px;
  height: 50px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

@media (max-width: 40rem) {
  .icon-cnalogo {
    height: 40px;
  }
}

.fb-btn {
  fill: #fff;
  width: 32px;
  height: 50px;
  vertical-align: middle;
}

@media (max-width: 40rem) {
  .fb-btn {
    width: 30px;
    height: 40px;
  }
}

.line-btn {
  fill: #fff;
  width: 32px;
  height: 50px;
  vertical-align: middle;
}

@media (max-width: 40rem) {
  .line-btn {
    width: 30px;
    height: 40px;
  }
}

.twitter-btn {
  fill: #fff;
  width: 32px;
  height: 50px;
  vertical-align: middle;
}

@media (max-width: 40rem) {
  .twitter-btn {
    width: 30px;
    height: 40px;
  }
}

.nav-pc {
  font-size: 1.25rem;
  line-height: 3.125rem;
}

.nav-pc ul li {
  list-style: none;
  display: inline-block;
  padding: 0 0.75rem;
}

@media (max-width: 50rem) {
  .nav-pc {
    display: none;
  }
}

#nav-icon {
  display: none;
}

@media (max-width: 50rem) {
  #nav-icon {
    display: block;
    width: 26px;
    height: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: left;
    margin: 0.875rem 1.5rem 1rem 0;
  }
  #nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #nav-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  #nav-icon span:nth-child(2) {
    top: 9px;
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  #nav-icon span:nth-child(3) {
    top: 18px;
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@media (max-width: 40rem) {
  #nav-icon {
    margin: 0.65rem 1rem 0 0;
  }
}

#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -2px;
  left: 0px;
}

#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 16px;
  left: 0px;
}

.fullscreen-nav {
  width: 100%;
  height: 100vh;
  background: rgba(41, 56, 64, 0.96);
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  opacity: 0;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  overflow: hidden;
  z-index: 0;
}

.fullscreen-nav.open {
  opacity: 1;
  z-index: 2;
}

.main-menu {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  max-width: 8rem;
  list-style: none;
  left: 0;
  right: 0;
  top: 36vh;
}

.main-menu li:last-child {
  border-bottom: none;
}

.nav-link {
  padding: 0.8rem 0;
  -webkit-transition: .5s;
  transition: .5s;
}

@media screen and (max-width: 40rem) {
  .nav-link {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 37.5rem) {
  .nav-link {
    font-size: 1.25rem;
  }
}

.nav-link a {
  color: #fff;
}

/* menu */
.pc-menu .menu-link {
  display: inline-block;
  vertical-align: middle;
}

.pc-menu .menu-link > a {
  display: block;
  line-height: 1;
  font-size: 1.25rem;
  padding: 25px 20px;
}

.pc-menu .menu-link > a:link {
  color: #ffffff;
}

.pc-menu .menu-link > a:active {
  color: #ffffff;
}

.pc-menu .menu-link > a:visited {
  color: #ffffff;
}

.pc-menu .menu-link > a:hover {
  color: #ffffff;
  background-color: #293840;
}

.pc-menu .menu-link.active > a {
  color: #ffffff;
  background-color: #293840;
}

.pc-menu .menu-link.comingsoon > a {
  cursor: default;
  opacity: 0.5;
}

.pc-menu .menu-link.menu-arrow > a {
  padding: 25px 40px 25px 20px;
}

@media screen and (max-width: 64rem) {
  .pc-menu {
    display: none;
  }
}

.menu-arrow {
  position: relative;
}

.menu-arrow svg {
  width: 15px;
  height: 15px;
  fill: #ffffff;
  position: absolute;
  right: 15px;
  top: 27px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 64rem) {
  .menu-arrow svg {
    top: 17px;
    right: 40px;
  }
}

.menu-sub {
  display: none;
}

.open .menu-sub {
  display: block;
  position: absolute;
  width: 200px;
  background: rgba(41, 56, 64, 0.9);
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 0 4px #333;
          box-shadow: 0 0 4px #333;
}

.open .menu-sub a {
  display: block;
  line-height: 1;
  font-size: 1rem;
  padding: 16px 24px;
}

.open .menu-sub a:link {
  color: #ffffff;
}

.open .menu-sub a:active {
  color: #ffffff;
}

.open .menu-sub a:visited {
  color: #ffffff;
}

.open .menu-sub a:hover {
  color: #ffffff;
  background-color: #293840;
}

.open .menu-sub::before {
  content: '';
  border-top: 1px solid #D4006E;
  position: absolute;
  top: 0;
  width: 130px;
  left: 50%;
  margin-left: -65px;
}

@media screen and (max-width: 64rem) {
  .open .menu-sub {
    position: relative;
    padding: 8px 0;
    width: 180px;
  }
  .open .menu-sub a {
    padding: 16px 8px;
  }
  .open .menu-sub::before {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  .open .menu-sub::after {
    content: '';
    border-top: 1px solid #D4006E;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

.menu-toggle, .mb-menu {
  display: none;
}

.menu-toggle {
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 50;
}

.menu-toggle .line {
  width: 45px;
  height: 3px;
  background-color: #ecf0f1;
  display: block;
  margin: 10px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 64rem) {
  .menu-toggle {
    display: block;
  }
}

@media screen and (max-width: 40rem) {
  .menu-toggle {
    top: 10px;
    left: 20px;
  }
  .menu-toggle .line {
    width: 35px;
    margin: 7px auto;
  }
}

.menuOpen .mb-menu {
  display: block;
  position: relative;
}

.menuOpen .mb-menu .menu-link > a {
  line-height: 1;
  display: block;
  font-size: 20px;
  padding: 15px 0;
  width: 180px;
  text-align: left;
}

.menuOpen .mb-menu .menu-link > a:link {
  color: #ffffff;
}

.menuOpen .mb-menu .menu-link > a:active {
  color: #ffffff;
}

.menuOpen .mb-menu .menu-link > a:visited {
  color: #ffffff;
}

.menuOpen .mb-menu .menu-link > a:hover {
  color: #ffffff;
}

.menuOpen .mb-menu .menu-link > a.comingsoon {
  cursor: default;
  opacity: 0.5;
}

.overlayBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #293840;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.menuOpen .menu-toggle .line:nth-child(2) {
  opacity: 0;
}

.menuOpen .menu-toggle .line:nth-child(1) {
  -webkit-transform: translateY(13px) rotate(45deg);
          transform: translateY(13px) rotate(45deg);
}

.menuOpen .menu-toggle .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(-45deg);
          transform: translateY(-13px) rotate(-45deg);
}

@media screen and (max-width: 40rem) {
  .menuOpen .menu-toggle .line:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
            transform: translateY(10px) rotate(45deg);
  }
  .menuOpen .menu-toggle .line:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
            transform: translateY(-10px) rotate(-45deg);
  }
}

.share-btns {
  margin-left: -25px;
  margin-top: 10px;
}

.share-btns > a {
  float: left;
  margin: 0 10px;
}

/* 20191118  header end */
.wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0.938rem;
  clear: both;
}

.maininfo {
  max-width: 32%;
  margin-left: 12.5vw;
  padding: 16% 0 0 0;
  position: absolute;
  color: #fff;
  z-index: 1;
}

@media (max-width: 110.5rem) {
  .maininfo {
    margin-left: 2vw;
  }
}

@media (max-width: 64rem) {
  .maininfo {
    max-width: 32%;
    padding: 12% 0 0 0;
  }
}

@media (max-width: 50rem) {
  .maininfo {
    max-width: 72%;
    margin: 0 auto;
    position: relative;
  }
}

@media (max-width: 40rem) {
  .maininfo {
    max-width: 90%;
    margin: 0 auto;
    padding: 16% 0 0 0;
  }
}

@media (max-width: 37.5rem) {
  .maininfo {
    padding: 5.625rem 0 0 0;
  }
}

.election-logo {
  width: 240px;
  height: 102px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAADMCAMAAACcE4BeAAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMAAwUJDOAgEL8/f58XE18xOzXwLE8pHCVLWUdUQo/Qb7FEaIXFpHeV5qiJ2xF9nQAAHEBJREFUeNrsnNt2ojAUhnUggOKpQWrVUqwOutbk/d9vLNkh4Fagd0H/rxe9MGm6+NiHurEjAAAAAAAAAAAAAAAAAAAAJxn/fI3H5XfwdIwbQPFzQVb/aKD4ybByLVD8NBi7830Wx5f9xvOg+Jkgv7OTVJpo53keDD8L5PdbKEuRkmIYHjhV8d2rBmLlQ/ETUPVWG6mayJXvI08PHNs7z4RSMPxkVHq/80LHL8vSUDxgSO8mk+oRp+SqGJV4kJDe+UU1ic7bj22hDF+HIwwPEJOcc6manP0fwkTUMzUphuHhoP3ODuqGred5peGg/tLpahiCBwSF7xvrnM+e5kdxAcNDhfweJeup/mh0FBd181fDKMMDgfye1A3RN/k1imsrZHI1jBAeBNqv1/Qro3xj5kdk+Kr4aHP4X9+H4EFwz6/IZ2SXqIJ4dT5QIv/wkaOHAMlr+L3MjN1SYN1wGM7n//Qi5OghcCd+xY7N9kmxMSzKZcjRA+CO32Jm9VpqhudLVfIOwc5D2t5UhTwbvXwpCV5Sp5VAsPNov6mw6fnNa/rlgldmdYIa7DqUdgvrNyW/Iw4JPisDumjXIb9HOymatfjVgm21jpChHYeUpaLdL8Gq9REZ2nG0MhuTgvnlGbpWrZGhHccEMKu/LauPquIN0yTH0X7tiGjFBoB8dYQEPRgoQSeKOLUPeMvVvlQaufMRwI6jBftH02BxY1zwu9KIBH6dR/v1hdKkfH7PM3RS+UWH5TraWDXCL3hI8uUmgo8+BkmuQwk6kc0Abr8ffKrBIQLYdcY3LXShjXUG/EGPkTAodB3bYXUHMH8j+gMZ2nHIbypYBe7Y8S7LGlwuh193IV0FC+COpptCeIu/kdyG/J4Uq8Bde8p3rgWe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") no-repeat;
  background-size: contain;
  margin-bottom: 1.5rem;
}

.election-logo span {
  display: none;
}

.election-logo a {
  display: block;
  width: 240px;
  height: 102px;
}

@media (max-width: 40rem) {
  .election-logo {
    margin: 0 auto;
  }
}

@media (max-width: 20rem) {
  .election-logo {
    width: 200px;
    height: 85px;
  }
}

.textbox {
  border-left: 8px solid #D4006E;
  padding: 1rem 0 1rem 1.875rem;
}

.textbox p {
  text-align: justify;
}

@media (max-width: 37.5rem) {
  .textbox {
    border-left: 4px solid #D4006E;
    padding: 1rem 0 1rem 1.5rem;
  }
}

@media (max-width: 37.5rem) {
  .textbox {
    padding: 1rem 0 1rem 1rem;
  }
}

.mainvisual {
  width: 100%;
  position: relative;
  z-index: 0;
}

@media (max-width: 50rem) {
  .mainvisual {
    padding-top: 2.5rem;
  }
}

.square {
  position: relative;
  width: 12.5%;
  height: 12.5%;
  float: right;
}

@media (max-width: 50rem) {
  .square {
    width: 20%;
    height: 20%;
  }
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;
}

.content img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block1,
.block10,
.block11,
.block12,
.block13,
.block14,
.block15,
.block16,
.block17,
.block18,
.block19,
.block2,
.block20,
.block3,
.block4,
.block5,
.block6,
.block7,
.block8,
.block9 {
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-size: 100%;
  background-image: url("../img/blocksprite.png");
}

.block1 {
  background-position: 0 0%;
  background-size: 100%;
}

.block2 {
  background-position: 0 57.894737%;
  background-size: 100%;
}

.block3 {
  background-position: 0 68.421053%;
  background-size: 100%;
}

.block4 {
  background-position: 0 73.684211%;
  background-size: 100%;
}

.block5 {
  background-position: 0 78.947368%;
  background-size: 100%;
}

.block6 {
  background-position: 0 84.210526%;
  background-size: 100%;
}

.block7 {
  background-position: 0 89.473684%;
  background-size: 100%;
}

.block8 {
  background-position: 0 94.736842%;
  background-size: 100%;
}

.block9 {
  background-position: 0 100%;
  background-size: 100%;
}

.block10 {
  background-position: 0 5.263158%;
  background-size: 100%;
}

.block11 {
  background-position: 0 10.526316%;
  background-size: 100%;
}

.block12 {
  background-position: 0 15.789474%;
  background-size: 100%;
}

.block13 {
  background-position: 0 21.052632%;
  background-size: 100%;
}

.block14 {
  background-position: 0 26.315789%;
  background-size: 100%;
}

.block15 {
  background-position: 0 31.578947%;
  background-size: 100%;
}

.block16 {
  background-position: 0 36.842105%;
  background-size: 100%;
}

.block17 {
  background-position: 0 42.105263%;
  background-size: 100%;
}

.block18 {
  background-position: 0 47.368421%;
  background-size: 100%;
}

.block19 {
  background-position: 0 52.631579%;
  background-size: 100%;
}

.block20 {
  background-position: 0 63.157895%;
  background-size: 100%;
}

.group {
  display: table;
  width: 100%;
  position: relative;
}

.adinfo-box {
  max-width: 75%;
  margin-left: 12.5vw;
  margin-top: 5rem;
  position: relative;
  z-index: 0;
}

@media (max-width: 110.5rem) {
  .adinfo-box {
    max-width: 100%;
    margin-left: 2vw;
  }
}

@media (max-width: 50rem) {
  .adinfo-box {
    max-width: 90%;
    margin: 3.75rem auto 0 auto;
  }
}

#tabs {
  width: 100%;
  clear: both;
}

#tabs ul li {
  list-style: none;
}

#tabs ul li a {
  display: inline-block;
  padding: 1rem 1.4rem;
  color: #F0F0F0;
}

#tabs ul li a:hover {
  color: #FFF;
}

@media (max-width: 50rem) {
  #tabs ul li a {
    padding: 0.5rem 0.8rem;
  }
}

@media (max-width: 37.5rem) {
  #tabs ul li a {
    padding: 0.5rem 0;
  }
}

@media (max-width: 50rem) {
  #tabs ul li {
    display: table-cell;
    padding: 0 0.8rem;
    width: 16.6%;
  }
  #tabs ul li:last-child {
    margin-right: 0;
  }
}

@media (max-width: 40rem) {
  #tabs ul li {
    padding: 0 0.4rem;
  }
}

@media (max-width: 20rem) {
  #tabs ul li {
    padding: 0;
    margin-right: 0.5rem;
  }
}

#tabs ul li a.selected {
  padding: 1rem 0.5rem;
  cursor: default;
  border-left: 8px solid #D4006E;
}

@media (max-width: 50rem) {
  #tabs ul li a.selected {
    padding: 0.8rem 0;
    border-left: 0;
    border-bottom: 8px solid #D4006E;
  }
}

@media (max-width: 37.5rem) {
  #tabs ul li a.selected {
    padding: 0;
    margin-right: 0.6rem;
    border-bottom: 4px solid #D4006E;
  }
}

#tabs ul li a.selected .tabselect {
  width: 85px;
  height: 24px;
}

@media (max-width: 37.5rem) {
  #tabs ul li a.selected .tabselect {
    width: 50px;
    height: 18px;
  }
}

#tabs ul:before,
#tabs ul:after {
  content: "";
  display: table;
  clear: both;
}

#tab-content {
  width: 83.4%;
  color: #fff;
  padding-top: 3.75rem;
  display: inline-block;
  clear: both;
}

#tab-content div p {
  margin: 0;
  padding-bottom: 0.5rem;
}

@media (max-width: 110.5rem) {
  #tab-content {
    width: 88%;
  }
}

@media (max-width: 50rem) {
  #tab-content {
    width: 100%;
  }
}

@media (max-width: 40rem) {
  #tab-content {
    padding-top: 1.5rem;
  }
}

.tabinfo {
  display: table;
}

@media (max-width: 50rem) {
  .tabinfo {
    width: 100%;
  }
}

.tabnav {
  width: 16.6%;
  display: block;
  float: left;
}

@media (max-width: 110.5rem) {
  .tabnav {
    width: 12%;
  }
}

@media (max-width: 50rem) {
  .tabnav {
    width: 100%;
    float: none;
    text-align: center;
    display: table;
  }
}

.tabselect {
  width: 54px;
  height: 28px;
}

@media (max-width: 37.5rem) {
  .tabselect {
    width: 40px;
    height: 20px;
    margin: 0.6rem 0;
  }
}

@media (max-width: 20rem) {
  .tabselect {
    width: 32px;
    height: 16px;
  }
}

.yearinfo {
  width: 40%;
  display: table-cell;
  vertical-align: top;
  padding: 0 1.5rem;
  float: left;
}

@media (max-width: 50rem) {
  .yearinfo {
    width: 100%;
  }
}

@media (max-width: 37.5rem) {
  .yearinfo {
    padding: 0 0.4rem;
  }
}

.picblock {
  width: 60%;
  display: table-cell;
  vertical-align: top;
  float: right;
}

@media (max-width: 64rem) {
  .picblock {
    width: 58%;
  }
}

@media (max-width: 50rem) {
  .picblock {
    width: 100%;
    padding-top: 3.75rem;
  }
}

@media (max-width: 37.5rem) {
  .picblock {
    width: 100%;
    padding-top: 1.875rem;
  }
}

.picbox {
  width: 33.33%;
  display: table-cell;
  float: left;
  overflow: hidden;
  position: relative;
}

@media (max-width: 37.5rem) {
  .picbox {
    width: 50%;
  }
}

.popup, .popup2, .popup3, .popup4, .popup5, .popup6 {
  cursor: pointer;
}

.mask {
  width: 100%;
  height: 100%;
  position: absolute;
}

.kmtbg {
  background: rgba(42, 96, 165, 0.55);
}

.dppbg {
  background: rgba(0, 168, 156, 0.3);
}

/*.newbg {
    background: rgba(255, 255, 135, 0.5);
}*/
.pfpbg {
  background: rgba(242, 155, 9, 0.3);
}

.nonebg {
  background: rgba(230, 233, 235, 0.5);
}

.increse {
  width: 3rem;
  height: 3rem;
  padding: 0.625rem;
  border-radius: 100%;
  background: rgba(41, 56, 64, 0.9);
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 37.5rem) {
  .increse {
    width: 2.125rem;
    height: 2.125rem;
    padding: 0.22rem;
  }
}

.increseicon {
  width: 1.375rem;
  height: 1.375rem;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 37.5rem) {
  .increseicon {
    width: 0.875rem;
    height: 0.875rem;
  }
}

.stamp {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.4rem;
}

.picbox-inner {
  margin: 0 auto;
  position: relative;
  display: inline-block;
  width: 100%;
}

.picbox-inner img {
  width: 100%;
}

.zindexdown {
  z-index: 0;
}

.modalbox {
  margin: 0 auto;
  position: relative;
}

@media (max-width: 50rem) {
  .modalbox {
    max-width: 90%;
  }
}

@media (max-width: 37.5rem) {
  .modalbox {
    max-width: 100%;
  }
}

.modalinfo {
  max-width: 75rem;
  margin: 0 auto;
  padding: 3.5rem 0;
  text-align: center;
  position: relative;
}

@media (max-width: 64rem) {
  .modalinfo {
    max-width: 90%;
  }
}

.modalinfo2 {
  max-width: 40rem;
  margin: 0 auto;
  padding: 3.5rem 0;
  text-align: center;
}

@media (max-width: 37.5rem) {
  .modalinfo2 .picbox-inner img {
    max-height: 50%;
  }
}

@media (max-width: 37.5rem) {
  .modalinfo2 {
    max-width: 90%;
  }
}

.caption-box {
  color: #fff;
  font-size: 1.25rem;
  clear: both;
  width: 100%;
  margin-top: 0.5rem;
  text-align: left;
}

.caption-box .share-box {
  display: table-cell;
  vertical-align: middle;
}

.caption-box .share-box div:last-child {
  padding-right: 0;
}

.caption-box .share-box div:nth-child(2) {
  padding-right: 0.625rem;
}

@media (max-width: 37.5rem) {
  .caption-box .share-box {
    float: none;
    display: block;
  }
}

.captioninfo {
  width: 85%;
  display: table-cell;
  line-height: 2.5rem;
  vertical-align: middle;
}

@media (max-width: 37.5rem) {
  .captioninfo {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .captioninfo p {
    line-height: 1.5;
  }
}

.moreadtext {
  display: block;
  text-align: center;
  background-color: #233038;
  padding: 0.5rem 1rem;
  width: 100%;
  border: 1px solid #3a474e;
  color: #fff;
  cursor: pointer;
}

.fulltext {
  color: #fff;
  padding: 1.25rem 0;
  border-bottom: 1px solid #5a6c75;
  text-align: justify;
}

.fulltext p {
  margin-bottom: 1rem;
}

.fulltext p:last-child {
  margin-bottom: 0;
}

.imfomation-btn {
  background-color: #233038;
  border-radius: 100%;
  position: absolute;
  left: 1rem;
  top: 1rem;
  border: 3px solid #233038;
  text-align: center;
  opacity: 0.9;
  cursor: pointer;
  z-index: 1;
}

@media (max-width: 37.5rem) {
  .imfomation-btn {
    left: 0.5rem;
    top: 0.5rem;
  }
}

.imfomation {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}

.mediabox {
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.mediabox iframe {
  width: 100%;
}

.fb_iframe_widget {
  background: #fff;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.staff {
  font-size: 0.875rem;
  padding-top: 1rem;
  opacity: 0.9;
}

.fb-wrapper {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.fb-wrapper iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/* footer */
footer {
  font-size: 0.875rem;
  line-height: 4.375rem;
  color: #fff;
  text-align: center;
  margin-top: 7.5rem;
}

@media (max-width: 64rem) {
  footer {
    margin-top: 2.5rem;
  }
}

/* back2top */
.cd-top {
  color: #fff;
  font-size: 1.2rem;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 48px;
  text-align: center;
  position: fixed;
  bottom: 20px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  background: rgba(105, 122, 148, 0.9) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 100%;
  z-index: 10;
}

@media only screen and (min-width: 64rem) {
  .cd-top {
    right: 30px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 40rem) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media (max-width: 37.5rem) {
  .cd-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.no-touch .cd-top:hover {
  opacity: 1;
}

.back2top {
  fill: #fff;
  width: 20px;
  height: 20px;
}

@media (max-width: 40rem) {
  .back2top {
    width: 16px;
    height: 16px;
  }
}
/*# sourceMappingURL=style.css.map */