@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
* {
  text-decoration: none; }

body, html {
  font-family: 'Noto Sans TC', sans-serif;
  line-height: 1.5;
  color: #624c23;
  letter-spacing: 1px;
  font-size: 16px; }
  body.en, html.en {
    letter-spacing: 0; }
  @media screen and (max-width: 1023px) {
    body.active, html.active {
      overflow: hidden; } }

a:hover {
  text-decoration: none; }

a:focus {
  text-decoration: none; }

.w1000 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 1023px) {
    .w1000 {
      padding: 0 15px;
      box-sizing: border-box; } }

@media screen and (max-width: 480px) {
  .mbdisb {
    display: block; } }

#TOP {
  position: fixed;
  z-index: 1003;
  right: 30px;
  bottom: 30px;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  cursor: pointer;
  pointer-events: none; }
  #TOP.active {
    opacity: 1;
    pointer-events: auto; }
  #TOP img {
    width: 50px; }
  #TOP:hover {
    opacity: 0.75; }

.black_bg {
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1004;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out; }
  .black_bg.active {
    opacity: 1;
    pointer-events: inherit; }

.bread {
  font-size: 0.8125rem;
  padding: 20px 0;
  font-weight: 400; }
  .bread a {
    color: #555;
    text-decoration: none; }
    .bread a:after {
      content: ">";
      font-size: 0.75rem;
      padding: 0 15px; }
  .bread span {
    color: #ba9155; }

#menuBtn {
  display: none; }
  @media screen and (max-width: 1023px) {
    #menuBtn {
      display: block;
      position: fixed;
      top: 16px;
      right: 10px;
      width: 50px;
      height: 50px;
      cursor: pointer;
      z-index: 9997;
      border-radius: 3px; }
      #menuBtn.menu-btn {
        display: block; }
        #menuBtn.menu-btn span {
          display: block;
          position: absolute;
          top: 10px;
          left: 8px;
          height: 3px;
          width: 35px;
          background: #FFF;
          transition: all .3s ease-out;
          border-radius: 10px; }
          #menuBtn.menu-btn span.line-2 {
            top: 19px; }
          #menuBtn.menu-btn span.line-3 {
            top: 28px; }
        #menuBtn.menu-btn.active span.line-1 {
          top: 21px;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        #menuBtn.menu-btn.active span.line-2 {
          opacity: 0; }
        #menuBtn.menu-btn.active span.line-3 {
          top: 21px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); } }

header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6); }
  @media screen and (max-width: 1023px) {
    header {
      background: rgba(152, 169, 55, 0.9);
      height: 75px;
      position: fixed;
      z-index: 1005; }
      header.open {
        height: 75px; } }
  header h2 {
    margin: 0;
    display: none; }
    @media screen and (max-width: 1023px) {
      header h2 {
        display: flex;
        height: 75px;
        align-items: center;
        padding: 0 0 0 15px; } }
    header h2 img {
      width: 80px; }
      @media screen and (max-width: 1023px) {
        header h2 img {
          width: 65px; } }
  header .menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; }
    @media screen and (max-width: 1023px) {
      header .menu {
        position: fixed;
        top: 75px;
        left: 0;
        width: 100%;
        margin: 0;
        transition: all 0.2s ease-out;
        opacity: 0;
        display: block;
        display: none;
        height: calc(100% - 75px);
        overflow-y: auto; }
        header .menu.active {
          opacity: 1;
          display: block; } }
    header .menu li {
      padding: 0 22px;
      position: relative;
      height: 84px; }
      @media screen and (max-width: 1200px) {
        header .menu li {
          padding: 0 15px; } }
      @media screen and (max-width: 1023px) {
        header .menu li {
          padding: 0; } }
      header .menu li.one {
        display: none; }
        @media screen and (max-width: 1023px) {
          header .menu li.one {
            display: block; } }
      header .menu li.lang {
        position: absolute;
        right: 8px;
        top: 50%;
        color: #FFF;
        display: flex;
        align-items: center;
        padding: 0;
        transform: translateY(-50%); }
        @media screen and (max-width: 1023px) {
          header .menu li.lang {
            position: unset;
            bottom: 0;
            top: unset;
            right: 0;
            /*width: 50%;*/
            height: 60px;
            background: #d93c3c;
            transform: none; } }
        header .menu li.lang i {
          font-size: 1.5rem;
          margin: 0 5px 0 0; }
        header .menu li.lang a {
          display: block;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          border: 1px solid #FFF;
          padding: 0;
          font-size: 0.9375rem;
          text-align: center;
          line-height: 40px;
          text-shadow: none;
          margin: 0 0 0 8px;
          font-weight: 500;
          transition: color 0.15s ease-out background 0.15s ease-out; }
          @media screen and (max-width: 1023px) {
            header .menu li.lang a {
              width: 50%;
              border: none;
              border-radius: 0;
              border: 2px solid #d93c3c;
              margin: 0;
              box-sizing: border-box;
              height: 60px;
              line-height: 60px;
              color: #FFF; } }
          header .menu li.lang a.focus {
            background: #FFF;
            color: #624c23; }
            @media screen and (max-width: 1023px) {
              header .menu li.lang a.focus {
                color: #d93c3c;
                font-size: 1.0625rem; } }
          header .menu li.lang a:hover {
            background: #FFF;
            color: #624c23; }
            @media screen and (max-width: 1023px) {
              header .menu li.lang a:hover {
                color: #d93c3c;
                font-size: 1.0625rem; } }
            header .menu li.lang a:hover:after {
              display: none; }
        @media screen and (max-width: 1023px) {
          header .menu li.lang .select {
            width: calc(100% - 36px); } }
        header .menu li.lang .select select {
          font-size: 0.9375rem;
          border: 1px solid #CCC;
          border-radius: 3px;
          padding-left: 5px;
          padding-right: 15px;
          height: 26px; }
          @media screen and (max-width: 1023px) {
            header .menu li.lang .select select {
              width: 100%;
              height: 30px; } }
        header .menu li.lang:after {
          content: "";
          display: block;
          width: 1px;
          height: 16px;
          background: #DDD;
          position: absolute;
          right: 20px;
          display: none; }
          @media screen and (max-width: 1023px) {
            header .menu li.lang:after {
              display: none; } }
      header .menu li a {
        display: block;
        padding: 15px 0;
        color: #FFF;
        font-size: 1.1875rem;
        letter-spacing: 1px;
        position: relative;
        overflow: hidden;
        font-weight: 300;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
        transition: all 0.15s ease-out; }
        @media screen and (max-width: 1023px) {
          header .menu li a {
            border-top: 1px solid #7b8b1d;
            padding: 17px 22px;
            font-weight: 600;
            color: #7b8b1d;
            text-shadow: none; } }
        header .menu li a span {
          display: block;
          text-align: center;
          font-size: 0.75rem; }
          @media screen and (max-width: 1023px) {
            header .menu li a span {
              text-align: left; } }
        header .menu li a:after {
          content: "";
          display: block;
          height: 3px;
          width: 100%;
          background: #FFF;
          position: absolute;
          bottom: 5px;
          left: -100%;
          opacity: 0.75;
          transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
          @media screen and (max-width: 1023px) {
            header .menu li a:after {
              display: none; } }
        header .menu li a:hover:after {
          left: 0%; }
      header .menu li.en {
        padding: 0 30px; }
        @media screen and (max-width: 1023px) {
          header .menu li.en {
            padding: 0; } }
        header .menu li.en a {
          text-align: center;
          font-size: 1.0625rem;
          letter-spacing: 1px; }
          @media screen and (max-width: 1023px) {
            header .menu li.en a {
              text-align: left; } }
          header .menu li.en a span {
            display: block;
            font-weight: 700; }
            @media screen and (max-width: 1023px) {
              header .menu li.en a span {
                display: inline-block; } }
      @media screen and (max-width: 1023px) {
        header .menu li.fb {
          /*position: fixed;*/
          bottom: 0;
          left: 0;
          width: 100%;
          height: auto; } }
      header .menu li.fb a {
        font-size: 2.25rem;
        transition: all 0.15s ease-out; }
        @media screen and (max-width: 1023px) {
          header .menu li.fb a {
            font-size: 1.1rem;
            background: #3b5998;
            color: #FFF; }
            header .menu li.fb a i {
              display: none; }
            header .menu li.fb a:before {
              content: "Facebook"; } }
        header .menu li.fb a:after {
          display: none; }
        header .menu li.fb a:hover {
          /*color:#3b5998;*/
          opacity: 0.75; }
      @media screen and (max-width: 1023px) {
        header .menu li.hd {
          min-height: 84px;
          height: auto; } }
      header .menu li .s_menu {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        padding: 1px 0 0 0; }
        @media screen and (max-width: 1023px) {
          header .menu li .s_menu {
            position: unset;
            opacity: 1;
            pointer-events: none; } }
        header .menu li .s_menu a {
          font-size: 0.9375rem;
          background: rgba(0, 0, 0, 0.6);
          padding: 15px 0;
          text-align: center;
          text-shadow: none;
          font-weight: 400;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
          @media screen and (max-width: 1023px) {
            header .menu li .s_menu a {
              background: none; } }
          header .menu li .s_menu a:last-child {
            border: none; }
            @media screen and (max-width: 1023px) {
              header .menu li .s_menu a:last-child {
                border-top: 1px solid #7b8b1d; } }
          header .menu li .s_menu a:after {
            display: none; }
          header .menu li .s_menu a:hover {
            background: #FFF;
            color: #624c23; }
      header .menu li:hover .s_menu {
        opacity: 1;
        pointer-events: inherit; }
  header.ready {
    top: -110px;
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid #d6d6d6;
    z-index: 4;
    transition: all 0.2s ease-out; }
    header.ready > div {
      /*max-width: 1200px;*/
      width: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center; }
    header.ready h2 {
      display: block;
      margin: 0 30px 0 15px;
      position: absolute;
      left: 0; }
    header.ready .menu li {
      padding: 0 15px; }
      header.ready .menu li a {
        color: #53321c;
        font-weight: 500;
        text-shadow: none;
        padding: 15px 0;
        font-size: 1.0625rem; }
        header.ready .menu li a:after {
          background: #98a937; }
        header.ready .menu li a:hover {
          color: #98a937; }
      header.ready .menu li.lang {
        color: #53321c;
        padding: 0; }
        header.ready .menu li.lang a {
          padding: 0;
          border: 1px solid #53321c;
          font-size: 0.8125rem; }
          header.ready .menu li.lang a.focus, header.ready .menu li.lang a:hover {
            background: #53321c;
            color: #FFF; }
      header.ready .menu li.fb a {
        font-size: 2rem; }
        header.ready .menu li.fb a:hover {
          color: #3b5998; }
      header.ready .menu li.one {
        display: flex; }
      header.ready .menu li .s_menu a {
        font-size: 0.9375rem;
        background: rgba(255, 255, 255, 0.85);
        padding: 15px 0;
        text-align: center;
        text-shadow: none;
        font-weight: 400;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        header.ready .menu li .s_menu a:last-child {
          border: none; }
        header.ready .menu li .s_menu a:after {
          display: none; }
        header.ready .menu li .s_menu a:hover {
          background: #FFF;
          color: #624c23; }
      header.ready .menu li:hover .s_menu {
        opacity: 1;
        pointer-events: inherit; }
  header.down {
    top: 0; }

footer {
  background: #98a937;
  color: #FFF;
  z-index: 2;
  position: relative;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 200;
  padding: 30px 0 20px 0; }
  @media screen and (max-width: 1023px) {
    footer {
      font-weight: 400; } }
  footer p {
    margin: 0; }
  footer a {
    color: #FFF;
    font-size: 2rem;
    vertical-align: sub;
    transition: all 0.15s ease-out; }
    footer a:hover {
      color: #FFF;
      opacity: 0.75; }
  footer span {
    padding: 0 10px; }
    @media screen and (max-width: 480px) {
      footer span {
        padding: 10px 0 0 0;
        display: block; } }

@media screen and (max-width: 1023px) {
  #BOX {
    padding: 75px 0 0 0; }
    #BOX.active {
      position: fixed; } }

/*Banner*/
.Banner_box {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%; }
  .Banner_box .middle {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 50%;
    transform: translateY(-40%);
    color: #FFF;
    overflow: hidden; }
    .Banner_box .middle img {
      width: 300px; }
      @media screen and (max-width: 1200px) {
        .Banner_box .middle img {
          width: 250px; } }
      @media screen and (max-width: 1023px) {
        .Banner_box .middle img {
          width: 210px; } }
    .Banner_box .middle p {
      font-size: 3rem;
      font-weight: 600;
      margin: 0;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); }
      @media screen and (max-width: 1200px) {
        .Banner_box .middle p {
          font-size: 2.5rem; } }
      @media screen and (max-width: 1023px) {
        .Banner_box .middle p {
          font-size: 2rem; } }
      .Banner_box .middle p.love {
        font-size: 1.3rem;
        animation-name: heart;
        animation-duration: 1.2s;
        animation-timing-function: ease-out;
        animation-iteration-count: infinite;
        margin: -10px 0; }

@keyframes heart {
  0% { }
  75% {
    transform: scale(1.15); }
  100% { } }
  .Banner_box .Banner p {
    background-size: cover;
    background-position: center;
    margin: 0; }
  .Banner_box .scroll {
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFF;
    font-size: 0.8rem;
    letter-spacing: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden; }
    .Banner_box .scroll p {
      margin: 0;
      text-align: center;
      display: flex; }
    .Banner_box .scroll img {
      width: 15px;
      display: flex;
      margin: 5px;
      animation-name: scroll;
      animation-duration: 3s;
      animation-timing-function: ease;
      animation-iteration-count: infinite; }
    .Banner_box .scroll span {
      width: 2px;
      height: 2px;
      background: #FFF;
      display: inline-block;
      margin: 3px 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .Banner_box .scroll span.one {
        animation-name: scrolls1;
        animation-duration: 3S;
        animation-timing-function: ease;
        animation-iteration-count: infinite;
        /*animation-direction:alternate;*/ }
      .Banner_box .scroll span.two {
        animation-name: scrolls2;
        animation-duration: 3S;
        animation-timing-function: ease;
        animation-iteration-count: infinite;
        /*animation-direction:alternate;*/ }
      .Banner_box .scroll span.three {
        animation-name: scrolls3;
        animation-duration: 3S;
        animation-timing-function: ease;
        animation-iteration-count: infinite;
        /*animation-direction:alternate;*/ }

@keyframes scroll {
  0% { }
  75% {
    transform: translateY(26px);
    opacity: 1; }
  100% {
    transform: translateY(26px);
    opacity: 0; } }

@keyframes scrolls1 {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes scrolls2 {
  0% {
    opacity: 1; }
  95% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes scrolls3 {
  0% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/**/
.Index_title {
  /*background: url(../Images/Index_four.png);*/
  text-align: center;
  padding: 50px 0;
  background: #FFF; }
  .Index_title h3 {
    color: #98a937;
    font-size: 2.3rem;
    font-weight: 500;
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      .Index_title h3 {
        font-size: 2.1rem; } }
    .Index_title h3.en {
      font-weight: 600; }
  .Index_title p {
    text-transform: uppercase;
    margin: 0;
    color: #624c23;
    font-size: 0.8rem;
    letter-spacing: 2px; }
  .Index_title.hg p {
    margin: 0 0 25px 0; }
  .Index_title.hg:after {
    content: "";
    display: inline-block;
    background: #98a937;
    width: 60px;
    height: 10px;
    border-radius: 10px; }

/**/
.Index_news {
  position: relative;
  z-index: 2;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.2);
  background: #f5f5f5;
  padding: 0 0 35px 0; }
  .Index_news ul {
    display: flex;
    justify-content: space-around;
    padding: 25px 0 35px 0;
    margin: 0;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .Index_news ul {
        padding: 25px 15px 0 15px; } }
    .Index_news ul li {
      width: 30%;
      background: #FFF;
      transition: all 0.15s ease-out;
      overflow: hidden;
      position: relative;
      padding: 0 0 10px 0; }
      @media screen and (max-width: 767px) {
        .Index_news ul li {
          width: 100%;
          margin: 0 0 35px 0; } }
      .Index_news ul li:hover {
        transform: translate(-5px, -5px);
        box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.15); }
        @media screen and (max-width: 767px) {
          .Index_news ul li:hover {
            transform: translate(0, 0);
            box-shadow: none; } }
        .Index_news ul li:hover:before {
          opacity: 1; }
          @media screen and (max-width: 767px) {
            .Index_news ul li:hover:before {
              opacity: 0; } }
        .Index_news ul li:hover:after {
          opacity: 1; }
          @media screen and (max-width: 767px) {
            .Index_news ul li:hover:after {
              opacity: 0; } }
      .Index_news ul li:before {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #98a937;
        opacity: 0;
        transition: all 0.3s ease-out;
        pointer-events: none;
        z-index: 3; }
      .Index_news ul li:after {
        content: "VIEW MORE";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: -20px auto 0 auto;
        width: 150px;
        letter-spacing: 5px;
        height: 40px;
        line-height: 37px;
        text-align: center;
        border: 2px solid #FFF;
        color: #FFF;
        font-size: 0.8rem;
        opacity: 0;
        transition: all 0.3s ease-out;
        pointer-events: none;
        box-sizing: border-box;
        padding: 0 0 0 8px;
        z-index: 3; }
      .Index_news ul li a {
        display: block; }
        .Index_news ul li a p {
          margin: 0; }
          .Index_news ul li a p.img {
            position: relative;
            padding: 65% 0 0 0; }
            .Index_news ul li a p.img span {
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              display: block;
              position: absolute;
              background-size: cover;
              background-position: center; }
          .Index_news ul li a p.time {
            color: #AAA;
            padding: 10px 20px 0 20px;
            font-size: 0.8rem;
            position: relative;
            z-index: 2; }
            .Index_news ul li a p.time span {
              display: inline-block;
              padding: 1px 15px;
              background: #d93c3c;
              color: #FFF;
              font-size: 0.8rem;
              font-weight: 100;
              position: absolute;
              top: -13px;
              left: 15px;
              transform: scale(0.8); }
          .Index_news ul li a p.title {
            padding: 0 20px 10px 20px;
            font-size: 1.2rem;
            color: #98a937;
            font-weight: 500;
            border-bottom: 1px solid #eee;
            margin: 0 0 10px 0; }
          .Index_news ul li a p.say {
            padding: 0 20px;
            font-size: 0.9rem;
            color: #53321c;
            text-overflow: clip;
            white-space: normal;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            line-height: 24px;
            overflow: hidden; }

/*Index_two*/
.Index_two {
  position: relative;
  z-index: 2;
  /*background: url(../Images/Index_four.png);*/
  background: #FFF; }
  .Index_two .Index_photo .box {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap; }
    .Index_two .Index_photo .box .img {
      overflow: hidden;
      width: 50%; }
      @media screen and (max-width: 1023px) {
        .Index_two .Index_photo .box .img {
          width: 100%; } }
      .Index_two .Index_photo .box .img img {
        width: 100%;
        max-width: 100%;
        height: auto;
        transition: all 6s ease-out;
        vertical-align: bottom; }
      .Index_two .Index_photo .box .img:hover img {
        transform: scale(1.15); }
    .Index_two .Index_photo .box .text {
      width: 50%;
      padding: 0 7.5%;
      box-sizing: border-box;
      color: #FFF;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 1023px) {
        .Index_two .Index_photo .box .text {
          width: 100%;
          padding: 7.5%; } }
      .Index_two .Index_photo .box .text.en {
        padding: 0 4%; }
        @media screen and (max-width: 1200px) {
          .Index_two .Index_photo .box .text.en {
            padding: 0 3%; } }
        @media screen and (max-width: 1023px) {
          .Index_two .Index_photo .box .text.en {
            padding: 7.5% 5%; } }
        .Index_two .Index_photo .box .text.en p {
          font-size: 1.0625rem; }
          @media screen and (max-width: 1200px) {
            .Index_two .Index_photo .box .text.en p {
              font-weight: 400;
              line-height: 1.5;
              font-size: 0.9375rem; } }
          @media screen and (max-width: 1023px) {
            .Index_two .Index_photo .box .text.en p {
              font-weight: 400;
              line-height: 1.5;
              font-size: 0.9375rem; } }
          .Index_two .Index_photo .box .text.en p span {
            font-weight: 600;
            display: block; }
            .Index_two .Index_photo .box .text.en p span.pd {
              padding-top: 10px; }
        .Index_two .Index_photo .box .text.en h4 {
          font-size: 1.5rem;
          font-weight: 600; }
      .Index_two .Index_photo .box .text h4 {
        font-size: 1.8rem;
        letter-spacing: 2px;
        padding: 0 0 10px 0;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
        font-weight: 500;
        margin-top: 0;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 1200px) {
          .Index_two .Index_photo .box .text h4 {
            padding: 0; } }
        @media screen and (max-width: 1023px) {
          .Index_two .Index_photo .box .text h4 {
            flex-flow: row wrap;
            padding: 0 0 15px 0; } }
        .Index_two .Index_photo .box .text h4 img {
          width: 40px;
          margin: 0 8px 0 0; }
          @media screen and (max-width: 1023px) {
            .Index_two .Index_photo .box .text h4 img {
              margin: 0 auto 5px auto;
              width: 50px; } }
        @media screen and (max-width: 1023px) {
          .Index_two .Index_photo .box .text h4 span {
            display: block;
            width: 100%;
            text-align: center; } }
      .Index_two .Index_photo .box .text p {
        line-height: 1.6;
        font-weight: 300;
        letter-spacing: 1px;
        margin: 0; }
        @media screen and (max-width: 1200px) {
          .Index_two .Index_photo .box .text p {
            line-height: 1.6;
            font-size: 0.9rem; } }
        @media screen and (max-width: 1023px) {
          .Index_two .Index_photo .box .text p {
            font-size: 1rem;
            line-height: 1.8;
            font-weight: 500; } }
      .Index_two .Index_photo .box .text a {
        color: #FFF; }
        .Index_two .Index_photo .box .text a:hover {
          text-decoration: underline; }
    .Index_two .Index_photo .box.photo1, .Index_two .Index_photo .box.photo3, .Index_two .Index_photo .box.photo6 {
      background: #98a937; }
      .Index_two .Index_photo .box.photo1 .img, .Index_two .Index_photo .box.photo3 .img, .Index_two .Index_photo .box.photo6 .img {
        order: 2; }
        @media screen and (max-width: 1023px) {
          .Index_two .Index_photo .box.photo1 .img, .Index_two .Index_photo .box.photo3 .img, .Index_two .Index_photo .box.photo6 .img {
            order: 1; } }
      .Index_two .Index_photo .box.photo1 .text, .Index_two .Index_photo .box.photo3 .text, .Index_two .Index_photo .box.photo6 .text {
        order: 1; }
    .Index_two .Index_photo .box.photo2 {
      background: #bd9e67; }
    .Index_two .Index_photo .box.photo3 {
      background: #3286bc; }
    .Index_two .Index_photo .box.photo4 {
      background: #d93c3c; }
    .Index_two .Index_photo .box.photo5 {
      background: #0f9e77; }
    .Index_two .Index_photo .box.photo6 {
      background: #eb7d0b; }
      .Index_two .Index_photo .box.photo6.en .img {
        order: 1; }
      .Index_two .Index_photo .box.photo6.en .text {
        order: 2; }

/*Index_three*/
.Index_about {
  position: relative;
  z-index: 2;
  /*background: url(../Images/Index_three_2_b.jpg);*/
  background: url(../Images/Bg_o.jpg);
  background-attachment: fixed;
  background-size: cover;
  padding: 50px 0 70px 0;
  background-position: center; }
  @media screen and (max-width: 1023px) {
    .Index_about {
      background-attachment: scroll; } }
  .Index_about .Index_title {
    background: none;
    /*text-shadow: 0 0 15px rgba(255,255,255,0.9),0 0 10px rgba(255,255,255,0.9);*/
    padding: 0 0 50px 0;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); }
    .Index_about .Index_title h3 {
      color: #FFF; }
    .Index_about .Index_title p {
      color: #FFF; }
    .Index_about .Index_title.hg:after {
      background: #FFF; }
  .Index_about .text {
    line-height: 1.8;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 1.1rem;
    font-weight: 300;
    /*text-shadow: 0 0 15px rgba(255,255,255,0.9),0 0 10px rgba(255,255,255,0.9);*/
    color: #FFF;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.75), 0 0 5px rgba(0, 0, 0, 0.75), 0 0 15px rgba(0, 0, 0, 0.75); }
    @media screen and (max-width: 1023px) {
      .Index_about .text {
        font-size: 0.9375rem;
        padding: 0 5%; } }
  .Index_about .bt_box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 120px 0 0 0; }
    .Index_about .bt_box .bt {
      border: 2px solid #FFF;
      width: 100%;
      max-width: 300px;
      padding: 20px 0;
      text-align: center;
      border-radius: 40px;
      font-size: 1.3rem;
      color: #FFF;
      margin: 0 25px;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
      transition: color 0.3s ease-out,text-shadow 0.3s ease-out,transform 0.4s ease-out;
      position: relative;
      overflow: hidden;
      font-weight: 600; }
      .Index_about .bt_box .bt.en {
        max-width: 400px; }
      .Index_about .bt_box .bt span {
        position: relative;
        z-index: 2; }
      .Index_about .bt_box .bt:after {
        content: "";
        display: block;
        position: absolute;
        background: #FFF;
        left: 50%;
        width: 0;
        height: 100px;
        top: 0;
        transition: all 0.3s ease-out;
        z-index: 0; }
      .Index_about .bt_box .bt:hover {
        color: #98a937;
        text-shadow: none;
        transition-delay: 0s !important; }
        .Index_about .bt_box .bt:hover:after {
          left: 0;
          width: 100%; }
  @media screen and (max-width: 640px) {
    .Index_about .bt_box {
      margin: 70px 0 0 0;
      padding: 0 15px;
      box-sizing: border-box;
      flex-wrap: wrap; }
      .Index_about .bt_box .bt {
        width: 100%;
        box-sizing: border-box;
        margin: 20px auto 0 auto;
        background: #FFF;
        color: #98a937;
        text-shadow: none;
        max-width: 100%; } }

/*Index_four*/
.Index_peo {
  position: relative;
  z-index: 2;
  /*background: url(../Images/Index_four.png);*/
  padding: 0 0 35px 0;
  background: #FFF; }
  .Index_peo .Index_title {
    background: none; }
  .Index_peo .text {
    text-align: left;
    line-height: 1.8;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 1.1rem;
    font-weight: 500; }
  .Index_peo .list {
    padding: 30px 0 0 0; }
    @media screen and (max-width: 1023px) {
      .Index_peo .list {
        padding: 30px 15px 0 15px; } }
    .Index_peo .list .tabs {
      display: flex;
      justify-content: space-between; }
      .Index_peo .list .tabs li {
        width: calc((100% - 1rem) / 2); }
        .Index_peo .list .tabs li.active a {
          background: #98a937;
          color: #FFF; }
          .Index_peo .list .tabs li.active a:after {
            display: block; }
        .Index_peo .list .tabs li a {
          display: block;
          text-align: center;
          padding: 20px 10px;
          font-size: 1.1rem;
          position: relative;
          border: 2px solid #98a937;
          color: #98a937; }
          @media screen and (max-width: 640px) {
            .Index_peo .list .tabs li a {
              font-size: 0.9375rem; } }
          .Index_peo .list .tabs li a:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 10px 0 10px;
            border-color: #98a937 transparent transparent transparent;
            position: absolute;
            bottom: -8px;
            margin: 0 auto;
            left: 0;
            right: 0;
            display: none; }
    .Index_peo .list .tab_container ul {
      display: flex;
      flex-direction: row;
      align-items: center;
      flex-flow: row wrap;
      margin: 0;
      padding: 40px 0 0 0; }
      @media screen and (max-width: 640px) {
        .Index_peo .list .tab_container ul {
          padding: 24px 0 0 0; } }
      .Index_peo .list .tab_container ul li {
        border: 1px solid #98a937;
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        align-items: center;
        width: calc((100% - 2rem)/3);
        margin: 0 1rem 35px 0; }
        @media screen and (max-width: 1023px) {
          .Index_peo .list .tab_container ul li {
            width: calc((100% - 1rem)/2); } }
        @media screen and (max-width: 640px) {
          .Index_peo .list .tab_container ul li {
            width: 100%;
            margin: 0 0 25px 0; } }
        .Index_peo .list .tab_container ul li:nth-child(3n+2) {
          margin: 0 0 35px 0; }
          @media screen and (max-width: 1023px) {
            .Index_peo .list .tab_container ul li:nth-child(3n+2) {
              width: calc((100% - 1rem)/2);
              margin: 0 1rem 35px 0; } }
          @media screen and (max-width: 640px) {
            .Index_peo .list .tab_container ul li:nth-child(3n+2) {
              width: 100%;
              margin: 0 0 25px 0; } }
        @media screen and (max-width: 1023px) {
          .Index_peo .list .tab_container ul li:nth-child(2n) {
            margin: 0 0 35px 0; } }
        @media screen and (max-width: 640px) {
          .Index_peo .list .tab_container ul li:nth-child(2n) {
            width: 100%;
            margin: 0 0 25px 0; } }
        .Index_peo .list .tab_container ul li > p {
          width: 110px;
          height: 110px;
          margin: 0;
          background: url(../Images/Peo.png), #efefef;
          background-position: bottom center;
          background-repeat: no-repeat;
          background-size: 80%;
          vertical-align: middle;
          overflow: hidden; }
          @media screen and (max-width: 1023px) {
            .Index_peo .list .tab_container ul li > p {
              width: 100px;
              height: 100px; } }
          .Index_peo .list .tab_container ul li > p img {
            width: 100%; }
        .Index_peo .list .tab_container ul li div {
          width: calc(100% - 110px);
          vertical-align: middle;
          padding: 0 0 0 12px;
          box-sizing: border-box; }
          @media screen and (max-width: 1023px) {
            .Index_peo .list .tab_container ul li div {
              padding: 0 0 0 10px;
              width: calc(100% - 100px); } }
          .Index_peo .list .tab_container ul li div p {
            margin: 0;
            display: inline-block;
            background: #98a937;
            padding: 4px 12px;
            border-radius: 3px;
            color: #FFF;
            font-size: 0.8rem; }
          .Index_peo .list .tab_container ul li div span {
            display: block;
            font-size: 0.9rem;
            color: #98a937;
            padding: 6px 0 0 0; }
            @media screen and (max-width: 1023px) {
              .Index_peo .list .tab_container ul li div span {
                font-weight: 500; } }
          .Index_peo .list .tab_container ul li div b {
            display: block;
            font-size: 0.9rem; }
        .Index_peo .list .tab_container ul li.one {
          width: calc((100% - 1rem)/2); }
          .Index_peo .list .tab_container ul li.one:nth-child(2) {
            margin: 0 0 35px 0; }
          .Index_peo .list .tab_container ul li.one.w100 {
            width: 100% !important; }
          @media screen and (max-width: 640px) {
            .Index_peo .list .tab_container ul li.one {
              width: 100%; } }
          .Index_peo .list .tab_container ul li.one > p {
            width: 200px;
            height: 200px; }
            @media screen and (max-width: 1023px) {
              .Index_peo .list .tab_container ul li.one > p {
                width: 100px;
                height: 100px; } }
          .Index_peo .list .tab_container ul li.one div {
            width: calc(100% - 200px); }
            @media screen and (max-width: 1023px) {
              .Index_peo .list .tab_container ul li.one div {
                padding: 0 0 0 10px;
                width: calc(100% - 100px); } }
            .Index_peo .list .tab_container ul li.one div p {
              background: #624c23;
              font-size: 1.1rem; }
              @media screen and (max-width: 1023px) {
                .Index_peo .list .tab_container ul li.one div p {
                  font-size: 0.8rem; } }
            .Index_peo .list .tab_container ul li.one div span {
              font-size: 1.1rem; }
              @media screen and (max-width: 1023px) {
                .Index_peo .list .tab_container ul li.one div span {
                  font-size: 0.9rem; } }
            .Index_peo .list .tab_container ul li.one div b {
              font-size: 1.5rem; }
              @media screen and (max-width: 1023px) {
                .Index_peo .list .tab_container ul li.one div b {
                  font-size: 0.9rem; } }
        .Index_peo .list .tab_container ul li.gu {
          border: 1px solid #376fa9; }
          .Index_peo .list .tab_container ul li.gu > p {
            background: url(../Images/p_bg.jpg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%; }
          .Index_peo .list .tab_container ul li.gu div p {
            background: #376fa9; }
          .Index_peo .list .tab_container ul li.gu div span {
            color: #376fa9; }
        .Index_peo .list .tab_container ul li.sp div p {
          background: #624c23; }

/*add_us*/
.add_us {
  position: relative;
  z-index: 3;
  background: url(../Images/wood.png);
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  text-align: center;
  padding: 0 0 70px 0; }
  .add_us .Index_title {
    background: none; }
    .add_us .Index_title h3 {
      color: #624c23; }
  .add_us > p {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 0 25px; }
    .add_us > p:hover a {
      width: 75px;
      text-decoration: none;
      animation: jump 1.5s ease 0.5s infinite normal; }
      .add_us > p:hover a span {
        transition: opacity 0.1s ease-out;
        opacity: 0;
        width: 0; }
  .add_us a {
    color: #624c23;
    border: 2px solid #624c23;
    width: 100%;
    padding: 0 0 0 63px;
    text-align: center;
    border-radius: 40px;
    font-size: 1.3rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    transition: all 0.5s ease-out;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    height: 75px;
    line-height: 75px;
    overflow: hidden; }
    .add_us a b {
      position: absolute;
      left: 4px;
      top: 4px;
      width: 63px;
      height: 63px;
      line-height: 63px;
      color: #FFF;
      border-radius: 50%;
      transition: all 0.5s ease-out;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#624c23+0,51461d+100 */
      background: #624c23;
      /* Old browsers */
      background: -moz-linear-gradient(top, #624c23 0%, #51461d 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #624c23 0%, #51461d 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #624c23 0%, #51461d 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#624c23', endColorstr='#51461d',GradientType=0 );
      /* IE6-9 */ }
    .add_us a span {
      font-weight: 600; }

@keyframes jump {
  0% {
    transform: translateY(0); }
  20% {
    transform: translateY(0); }
  40% {
    transform: translateY(-16px); }
  50% {
    transform: translateY(0); }
  60% {
    transform: translateY(-8px); }
  80% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }

/**/
.in_box {
  padding: 0 0 100px 0; }
  @media screen and (max-width: 767px) {
    .in_box {
      padding: 0 0 60px 0; } }

/*member*/
.member_title {
  background: url(../Images/member_title.jpg);
  background-size: cover;
  height: 350px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
  background-position: center; }
  @media screen and (max-width: 767px) {
    .member_title {
      height: 250px; } }
  .member_title.link {
    background: url(../Images/link_title2.jpg);
    background-size: cover;
    background-position: center; }
  .member_title.news {
    background: url(../Images/news_title.jpg);
    background-position: center;
    background-size: cover; }
  .member_title.ex {
    background: url(../Images/ex_title.jpg);
    background-position: center;
    background-size: cover; }
  .member_title.plan {
    background: url(../Images/Plan/bg.jpg);
    background-position: center;
    background-size: cover; }
  .member_title .Index_title {
    background: none;
    padding: 150px 0 0 0; }
    @media screen and (max-width: 767px) {
      .member_title .Index_title {
        padding: 65px 0 0 0; } }
    .member_title .Index_title h3 {
      color: #FFF; }
    .member_title .Index_title p {
      color: #FFF; }
    .member_title .Index_title.hg:after {
      background: #FFF; }
  .member_title.en_m {
    background: url(../Images/link_title.jpg);
    background-position: center;
    background-size: cover; }

.member_box {
  /*background: url(../Images/Index_four.png);*/
  padding: 0 0 100px 0; }
  .member_box.en {
    /*background: url(../Images/Index_four.png);*/ }
  .member_box .map .tabs {
    display: flex;
    justify-content: space-between; }
    .member_box .map .tabs li {
      width: 18%; }
      .member_box .map .tabs li a {
        border: 1px solid #98a937;
        color: #98a937;
        display: block;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        position: relative;
        transition: all 0.15s ease-out;
        font-weight: 600; }
        @media screen and (max-width: 640px) {
          .member_box .map .tabs li a {
            border-radius: 3px; } }
      .member_box .map .tabs li.active a {
        background: #98a937;
        color: #FFF !important; }
        .member_box .map .tabs li.active a:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 8px 10px 0 10px;
          border-color: #98a937 transparent transparent transparent;
          position: absolute;
          bottom: -8px;
          margin: 0 auto;
          left: 0;
          right: 0; }
      .member_box .map .tabs li.active:nth-child(2) a {
        background: #bd9e67; }
        .member_box .map .tabs li.active:nth-child(2) a:after {
          border-color: #bd9e67 transparent transparent transparent; }
      .member_box .map .tabs li.active:nth-child(3) a {
        background: #3286bc; }
        .member_box .map .tabs li.active:nth-child(3) a:after {
          border-color: #3286bc transparent transparent transparent; }
      .member_box .map .tabs li.active:nth-child(4) a {
        background: #d93c3c; }
        .member_box .map .tabs li.active:nth-child(4) a:after {
          border-color: #d93c3c transparent transparent transparent; }
      .member_box .map .tabs li.active:nth-child(5) a {
        background: #0f9e77; }
        .member_box .map .tabs li.active:nth-child(5) a:after {
          border-color: #0f9e77 transparent transparent transparent; }
      .member_box .map .tabs li:nth-child(2) a {
        border: 1px solid #bd9e67;
        color: #bd9e67; }
      .member_box .map .tabs li:nth-child(3) a {
        border: 1px solid #3286bc;
        color: #3286bc; }
      .member_box .map .tabs li:nth-child(4) a {
        border: 1px solid #d93c3c;
        color: #d93c3c; }
      .member_box .map .tabs li:nth-child(5) a {
        border: 1px solid #0f9e77;
        color: #0f9e77; }
  .member_box .map .tab_container {
    padding: 25px 0; }
    .member_box .map .tab_container .tab_content {
      display: flex;
      flex-flow: row wrap; }
      .member_box .map .tab_container .tab_content p {
        width: 180px;
        background: url(../Images/map/N.jpg);
        height: 600px;
        background-size: cover;
        background-position: center;
        border: 2px solid #FFF;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        -webkit-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
        color: #FFF;
        font-size: 2.2rem;
        letter-spacing: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
        font-weight: 600; }
        @media screen and (max-width: 1023px) {
          .member_box .map .tab_container .tab_content p {
            width: 100%;
            height: 250px;
            -webkit-writing-mode: inherit;
            writing-mode: inherit; } }
      .member_box .map .tab_container .tab_content div {
        width: calc(100% - 180px);
        padding: 0 0 0 25px; }
        @media screen and (max-width: 1023px) {
          .member_box .map .tab_container .tab_content div {
            width: 100%;
            padding: 0; } }
        .member_box .map .tab_container .tab_content div a {
          color: #98a937;
          transition: opacity 0.15s ease-out; }
          .member_box .map .tab_container .tab_content div a:hover {
            opacity: 0.75; }
        @media screen and (max-width: 640px) {
          .member_box .map .tab_container .tab_content div tr {
            margin: 0 0 20px 0;
            display: block;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
            border-top: 5px solid #98a937; } }
        .member_box .map .tab_container .tab_content div tr th, .member_box .map .tab_container .tab_content div tr td {
          padding: 10px 7px; }
        .member_box .map .tab_container .tab_content div tr th {
          color: #FFF;
          background: #98a937;
          text-align: center; }
        .member_box .map .tab_container .tab_content div tr td {
          background: rgba(255, 255, 255, 0.75);
          border-bottom: 1px solid #CCC;
          font-weight: 500;
          vertical-align: middle; }
          @media screen and (max-width: 640px) {
            .member_box .map .tab_container .tab_content div tr td {
              display: block; }
              .member_box .map .tab_container .tab_content div tr td:before {
                content: attr(data-th);
                font-weight: bold;
                width: 100px;
                display: inline-block;
                color: #98a937;
                vertical-align: top; }
              .member_box .map .tab_container .tab_content div tr td a:before {
                content: "Link";
                font-weight: bold;
                margin: 0 5px 0 0; } }
          .member_box .map .tab_container .tab_content div tr td:nth-child(2), .member_box .map .tab_container .tab_content div tr td:nth-child(5) {
            text-align: center; }
            @media screen and (max-width: 1023px) {
              .member_box .map .tab_container .tab_content div tr td:nth-child(2), .member_box .map .tab_container .tab_content div tr td:nth-child(5) {
                text-align: left; } }
          .member_box .map .tab_container .tab_content div tr td:nth-child(3) {
            white-space: nowrap;
            text-align: center; }
            @media screen and (max-width: 1023px) {
              .member_box .map .tab_container .tab_content div tr td:nth-child(3) {
                text-align: left; } }
          .member_box .map .tab_container .tab_content div tr td b {
            font-weight: 500; }
            @media screen and (max-width: 640px) {
              .member_box .map .tab_container .tab_content div tr td b {
                width: calc(100% - 100px);
                display: inline-block;
                vertical-align: top; } }
          .member_box .map .tab_container .tab_content div tr td span {
            display: block; }
        @media screen and (max-width: 640px) {
          .member_box .map .tab_container .tab_content div .tr {
            display: none; } }
      .member_box .map .tab_container .tab_content.W p {
        background: url(../Images/map/W.jpg);
        background-size: cover;
        background-position: center; }
      .member_box .map .tab_container .tab_content.W div a {
        color: #bd9e67; }
      @media screen and (max-width: 640px) {
        .member_box .map .tab_container .tab_content.W div tr {
          border-top: 5px solid #bd9e67; }
          .member_box .map .tab_container .tab_content.W div tr td:before {
            color: #bd9e67; } }
      .member_box .map .tab_container .tab_content.W div tr th {
        background: #bd9e67; }
      .member_box .map .tab_container .tab_content.S p {
        background: url(../Images/map/S.jpg);
        background-size: cover;
        background-position: center; }
      .member_box .map .tab_container .tab_content.S div a {
        color: #3286bc; }
      @media screen and (max-width: 640px) {
        .member_box .map .tab_container .tab_content.S div tr {
          border-top: 5px solid #3286bc; }
          .member_box .map .tab_container .tab_content.S div tr td:before {
            color: #3286bc; } }
      .member_box .map .tab_container .tab_content.S div tr th {
        background: #3286bc; }
      .member_box .map .tab_container .tab_content.E p {
        background: url(../Images/map/E.jpg);
        background-size: cover;
        background-position: center; }
      .member_box .map .tab_container .tab_content.E div a {
        color: #d93c3c; }
      @media screen and (max-width: 640px) {
        .member_box .map .tab_container .tab_content.E div tr {
          border-top: 5px solid #d93c3c; }
          .member_box .map .tab_container .tab_content.E div tr td:before {
            color: #d93c3c; } }
      .member_box .map .tab_container .tab_content.E div tr th {
        background: #d93c3c; }
      .member_box .map .tab_container .tab_content.O p {
        background: url(../Images/map/O.jpg);
        background-size: cover;
        background-position: center; }
      .member_box .map .tab_container .tab_content.O div a {
        color: #0f9e77; }
      @media screen and (max-width: 640px) {
        .member_box .map .tab_container .tab_content.O div tr {
          border-top: 5px solid #0f9e77; }
          .member_box .map .tab_container .tab_content.O div tr td:before {
            color: #0f9e77; } }
      .member_box .map .tab_container .tab_content.O div tr th {
        background: #0f9e77; }
  .member_box .map_en .tabs {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .member_box .map_en .tabs {
        flex-flow: row wrap; } }
    .member_box .map_en .tabs li {
      width: 18%; }
      @media screen and (max-width: 767px) {
        .member_box .map_en .tabs li {
          width: 49%;
          margin: 0 0 20px 0; } }
      .member_box .map_en .tabs li a {
        border: 1px solid #98a937;
        color: #98a937;
        display: block;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        position: relative;
        transition: all 0.15s ease-out;
        font-weight: 600; }
        @media screen and (max-width: 640px) {
          .member_box .map_en .tabs li a {
            border-radius: 3px; } }
      .member_box .map_en .tabs li.active a {
        background: #98a937;
        color: #FFF !important; }
        .member_box .map_en .tabs li.active a:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 8px 10px 0 10px;
          border-color: #98a937 transparent transparent transparent;
          position: absolute;
          bottom: -8px;
          margin: 0 auto;
          left: 0;
          right: 0; }
      .member_box .map_en .tabs li.active:nth-child(2) a {
        background: #bd9e67; }
        .member_box .map_en .tabs li.active:nth-child(2) a:after {
          border-color: #bd9e67 transparent transparent transparent; }
      .member_box .map_en .tabs li.active:nth-child(3) a {
        background: #3286bc; }
        .member_box .map_en .tabs li.active:nth-child(3) a:after {
          border-color: #3286bc transparent transparent transparent; }
      .member_box .map_en .tabs li.active:nth-child(4) a {
        background: #d93c3c; }
        .member_box .map_en .tabs li.active:nth-child(4) a:after {
          border-color: #d93c3c transparent transparent transparent; }
      .member_box .map_en .tabs li.active:nth-child(5) a {
        background: #0f9e77; }
        .member_box .map_en .tabs li.active:nth-child(5) a:after {
          border-color: #0f9e77 transparent transparent transparent; }
      .member_box .map_en .tabs li:nth-child(2) a {
        border: 1px solid #bd9e67;
        color: #bd9e67; }
      .member_box .map_en .tabs li:nth-child(3) a {
        border: 1px solid #3286bc;
        color: #3286bc; }
      .member_box .map_en .tabs li:nth-child(4) a {
        border: 1px solid #d93c3c;
        color: #d93c3c; }
      .member_box .map_en .tabs li:nth-child(5) a {
        border: 1px solid #0f9e77;
        color: #0f9e77; }
  .member_box .map_en .map_list ul {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch; }
    @media screen and (max-width: 1023px) {
      .member_box .map_en .map_list ul {
        justify-content: space-between; } }
    .member_box .map_en .map_list ul li {
      width: 31.3333%;
      margin: 0 2% 15px 0; }
      @media screen and (max-width: 1023px) {
        .member_box .map_en .map_list ul li {
          width: 49%;
          margin: 0 0 15px 0; } }
      @media screen and (max-width: 767px) {
        .member_box .map_en .map_list ul li {
          width: 100%; } }
      .member_box .map_en .map_list ul li:nth-child(3n) {
        margin: 0; }
        @media screen and (max-width: 1023px) {
          .member_box .map_en .map_list ul li:nth-child(3n) {
            margin: 0 0 15px 0; } }
      .member_box .map_en .map_list ul li a:hover .img span {
        transform: scale(1.05); }
      .member_box .map_en .map_list ul li .img {
        padding: 65% 0 0 0;
        position: relative;
        overflow: hidden;
        box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1);
        border-radius: 8px; }
        .member_box .map_en .map_list ul li .img span {
          display: block;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center;
          top: 0;
          left: 0;
          position: absolute;
          -webkit-transition-duration: 0.5s;
          -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
      .member_box .map_en .map_list ul li .info_box {
        padding: 10px 15px;
        background: #FFF;
        border-radius: 8px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
        .member_box .map_en .map_list ul li .info_box > div {
          display: flex;
          align-items: stretch; }
        .member_box .map_en .map_list ul li .info_box .where {
          font-size: 0.8125rem;
          background: #98a937;
          padding: 3px 7px;
          border-radius: 3px;
          display: inline-block;
          color: #FFF;
          margin: 0 5px 0 0;
          display: flex;
          align-items: center; }
          .member_box .map_en .map_list ul li .info_box .where i {
            margin: 0 7px 0 0; }
        .member_box .map_en .map_list ul li .info_box .gift {
          font-size: 0.8125rem;
          background: #d93c3c;
          border-radius: 3px;
          color: #FFF;
          padding: 3px 7px;
          display: flex;
          align-items: center;
          margin: 0;
          opacity: 0; }
          .member_box .map_en .map_list ul li .info_box .gift i {
            margin: 0 7px 0 0; }
          .member_box .map_en .map_list ul li .info_box .gift span {
            display: none;
            align-items: center; }
            .member_box .map_en .map_list ul li .info_box .gift span img {
              width: 16px;
              margin: 0 7px 0 0; }
          .member_box .map_en .map_list ul li .info_box .gift.AA {
            background: #3ca7d9;
            opacity: 1; }
            .member_box .map_en .map_list ul li .info_box .gift.AA .AA {
              display: flex; }
          .member_box .map_en .map_list ul li .info_box .gift.BB {
            background: #d9613c;
            opacity: 1; }
            .member_box .map_en .map_list ul li .info_box .gift.BB .BB {
              display: flex; }
          .member_box .map_en .map_list ul li .info_box .gift.CC {
            background: #d9bd3c;
            opacity: 1; }
            .member_box .map_en .map_list ul li .info_box .gift.CC .CC {
              display: flex; }
          .member_box .map_en .map_list ul li .info_box .gift.DD {
            background: #d9bd3c;
            opacity: 1; }
            .member_box .map_en .map_list ul li .info_box .gift.DD .DD {
              display: flex; }
        .member_box .map_en .map_list ul li .info_box .title {
          font-size: 1.1875rem;
          color: #98a937;
          font-weight: 600;
          margin: 5px 0 0 0; }
        .member_box .map_en .map_list ul li .info_box .s_title {
          font-size: 0.8125rem;
          color: #53321c;
          margin: 3px 0 0 0;
          display: flex;
          justify-content: space-between; }
          .member_box .map_en .map_list ul li .info_box .s_title p {
            margin: 0; }
            .member_box .map_en .map_list ul li .info_box .s_title p span img {
              width: 20px; }
            .member_box .map_en .map_list ul li .info_box .s_title p.coin0 span {
              display: none; }
            .member_box .map_en .map_list ul li .info_box .s_title p.coin span:nth-child(n+2) {
              display: none; }
            .member_box .map_en .map_list ul li .info_box .s_title p.coin1 span:nth-child(n+2) {
              display: none; }
            .member_box .map_en .map_list ul li .info_box .s_title p.coin2 span:nth-child(n+3) {
              display: none; }
            .member_box .map_en .map_list ul li .info_box .s_title p.coin3 span:nth-child(n+4) {
              display: none; }
            .member_box .map_en .map_list ul li .info_box .s_title p.coin4 span:nth-child(n+5) {
              display: none; }
      .member_box .map_en .map_list ul li .text {
        padding: 10px 15px;
        background: #FFF;
        border-radius: 8px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
        position: relative; }
        .member_box .map_en .map_list ul li .text:before {
          content: "";
          position: absolute;
          display: block;
          top: 0;
          border-top: 1px dashed #CCC;
          width: calc(100% - 28px);
          left: 14px; }
        .member_box .map_en .map_list ul li .text p {
          color: #333;
          font-weight: 300;
          font-size: 0.9375rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          overflow: hidden;
          max-height: 76px;
          margin: 0;
          line-height: 1.3; }
  .member_box .map_en .tab_content .big_img {
    width: 100%;
    background: url(../Images/map/N.jpg);
    height: 180px;
    background-size: cover;
    background-position: center;
    border: 3px solid #FFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    color: #FFF;
    font-size: 2.2rem;
    letter-spacing: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    font-weight: 600;
    margin: 25px 0; }
    @media screen and (max-width: 767px) {
      .member_box .map_en .tab_content .big_img {
        margin: 0 0 25px 0;
        height: 200px; } }
  .member_box .map_en .tab_content.W .big_img {
    background: url(../Images/map/W.jpg);
    background-size: cover;
    background-position: center; }
  .member_box .map_en .tab_content.W .where {
    background: #bd9e67 !important; }
  .member_box .map_en .tab_content.W .title {
    color: #bd9e67 !important; }
  .member_box .map_en .tab_content.S .big_img {
    background: url(../Images/map/S.jpg);
    background-size: cover;
    background-position: center; }
  .member_box .map_en .tab_content.S .where {
    background: #3286bc !important; }
  .member_box .map_en .tab_content.S .title {
    color: #3286bc !important; }
  .member_box .map_en .tab_content.E .big_img {
    background: url(../Images/map/E.jpg);
    background-size: cover;
    background-position: center; }
  .member_box .map_en .tab_content.E .where {
    background: #d93c3c !important; }
  .member_box .map_en .tab_content.E .title {
    color: #d93c3c !important; }
  .member_box .map_en .tab_content.O .big_img {
    background: url(../Images/map/O.jpg);
    background-size: cover;
    background-position: center; }
  .member_box .map_en .tab_content.O .where {
    background: #0f9e77 !important; }
  .member_box .map_en .tab_content.O .title {
    color: #0f9e77 !important; }
  .member_box .edit_box {
    font-size: 0.95rem;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    flex-flow: row wrap; }
    .member_box .edit_box .left {
      width: 55%; }
      @media screen and (max-width: 767px) {
        .member_box .edit_box .left {
          width: 100%; } }
      .member_box .edit_box .left .one {
        padding: 0 0 5px 0; }
      .member_box .edit_box .left .two {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
      .member_box .edit_box .left .img_box {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 450px;
        background: #EEE; }
        @media screen and (max-width: 767px) {
          .member_box .edit_box .left .img_box {
            height: 400px; } }
        .member_box .edit_box .left .img_box img {
          width: auto;
          max-width: 100%;
          max-height: 450px; }
          @media screen and (max-width: 767px) {
            .member_box .edit_box .left .img_box img {
              max-height: 400px; } }
        .member_box .edit_box .left .img_box.small {
          height: auto;
          box-sizing: border-box;
          position: relative;
          width: 20%;
          display: block;
          padding: 20% 0 0 0; }
          @media screen and (max-width: 767px) {
            .member_box .edit_box .left .img_box.small {
              width: 20%;
              padding: 20% 0 0 0; } }
          .member_box .edit_box .left .img_box.small p {
            position: absolute;
            left: 0;
            top: 0;
            width: calc(100% - 5px);
            height: calc(100% - 5px);
            background-size: cover;
            background-position: center;
            cursor: pointer; }
            .member_box .edit_box .left .img_box.small p:after {
              content: "";
              display: block;
              background: rgba(0, 0, 0, 0.5);
              position: absolute;
              width: 100%;
              height: 100%;
              pointer-events: none;
              transition: opacity 0.3s ease-out; }
            .member_box .edit_box .left .img_box.small p:hover:after {
              opacity: 0; }
          .member_box .edit_box .left .img_box.small.current p:after {
            opacity: 0; }
    .member_box .edit_box .right {
      width: 45%;
      padding: 0 0 0 25px;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .member_box .edit_box .right {
          width: 100%;
          padding: 0; } }
    .member_box .edit_box .money {
      color: #d93c3c;
      font-size: 1.8rem;
      font-weight: 600;
      display: flex;
      align-items: center;
      margin: 0 0 15px 0; }
      .member_box .edit_box .money p {
        margin: 0; }
        .member_box .edit_box .money p.d {
          margin: 0 10px 0 0;
          display: flex;
          align-items: center; }
        .member_box .edit_box .money p span img {
          width: 29px; }
        .member_box .edit_box .money p.coin span:nth-child(n+2) {
          display: none; }
        .member_box .edit_box .money p.coin1 span:nth-child(n+2) {
          display: none; }
        .member_box .edit_box .money p.coin2 span:nth-child(n+3) {
          display: none; }
        .member_box .edit_box .money p.coin3 span:nth-child(n+4) {
          display: none; }
        .member_box .edit_box .money p.coin4 span:nth-child(n+5) {
          display: none; }
      .member_box .edit_box .money i {
        font-size: 0.8125rem; }
      .member_box .edit_box .money span {
        font-size: 0.9375rem;
        padding: 0 5px 0 0; }
    .member_box .edit_box .title {
      padding: 20px 0 10px 0;
      margin: 0 0 15px 0;
      color: #98a937;
      font-size: 1.8rem;
      font-weight: 600;
      border-bottom: 1px dashed #CCC; }
      .member_box .edit_box .title .ch {
        font-size: 0.9375rem;
        display: block;
        letter-spacing: 1px;
        font-weight: 400; }
    .member_box .edit_box .hi {
      font-size: 0.9375rem;
      position: relative;
      padding: 0 0 0 25px; }
      .member_box .edit_box .hi i {
        left: 0;
        top: 4px;
        position: absolute;
        color: #AAA;
        margin: 0 8px 0 0;
        width: 15px; }
    .member_box .edit_box .media {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      padding: 5px 5px 0 0; }
      .member_box .edit_box .media p {
        width: 48%;
        border-radius: 3px;
        color: #FFF;
        display: flex;
        align-items: center;
        background: #FFF;
        overflow: hidden;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        margin: 0 0 15px 0; }
        .member_box .edit_box .media p i {
          /*width: 25px;*/ }
        .member_box .edit_box .media p span {
          color: #FFF;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 10px 0 0;
          font-size: 1.5625rem; }
          .member_box .edit_box .media p span img {
            width: 23px; }
        .member_box .edit_box .media p b {
          width: calc(100% - 50px);
          word-break: break-all;
          padding: 0 5px 0 0;
          box-sizing: border-box;
          line-height: 1;
          font-weight: normal;
          font-size: 0.8125rem; }
        .member_box .edit_box .media p.line span img {
          width: 25px; }
      .member_box .edit_box .media .fb {
        /*background: #3b5998;*/ }
        .member_box .edit_box .media .fb a {
          color: #3b5998;
          width: 100%;
          display: flex;
          align-items: center; }
          .member_box .edit_box .media .fb a span {
            background: #3b5998; }
          .member_box .edit_box .media .fb a .fa-external-link-alt {
            margin: 0 0 0 8px; }
      .member_box .edit_box .media .what {
        color: #59ca65; }
        .member_box .edit_box .media .what span {
          background: #59ca65; }
      .member_box .edit_box .media .line {
        color: #4fc827; }
        .member_box .edit_box .media .line span {
          background: #4fc827; }
      .member_box .edit_box .media .we {
        color: #00ad19; }
        .member_box .edit_box .media .we span {
          background: #00ad19; }
    .member_box .edit_box .gift {
      font-size: 0.8125rem;
      background: #d93c3c;
      border-radius: 3px;
      color: #FFF;
      padding: 3px 10px;
      display: flex;
      align-items: center;
      margin: 0;
      opacity: 0; }
      .member_box .edit_box .gift i {
        margin: 0 7px 0 0; }
      .member_box .edit_box .gift span {
        display: none;
        align-items: center; }
        .member_box .edit_box .gift span img {
          width: 16px !important;
          margin: 0 7px 0 0; }
      .member_box .edit_box .gift.AA {
        background: #3ca7d9;
        opacity: 1; }
        .member_box .edit_box .gift.AA .AA {
          display: flex; }
      .member_box .edit_box .gift.BB {
        background: #d9613c;
        opacity: 1; }
        .member_box .edit_box .gift.BB .BB {
          display: flex; }
      .member_box .edit_box .gift.CC {
        background: #d9bd3c;
        opacity: 1; }
        .member_box .edit_box .gift.CC .CC {
          display: flex; }
      .member_box .edit_box .gift.DD {
        background: #d9bd3c;
        opacity: 1; }
        .member_box .edit_box .gift.DD .DD {
          display: flex; }
    .member_box .edit_box .text {
      padding: 25px 0;
      line-height: 1.5;
      width: 100%; }
    .member_box .edit_box .edit_share {
      padding: 25px 0; }

/*Link*/
.link_box {
  min-height: 520px; }
  .link_box .Link_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0; }
    .link_box .Link_list li {
      margin: 0 0 20px 0;
      box-sizing: border-box;
      vertical-align: top;
      width: 32%; }
      @media screen and (max-width: 767px) {
        .link_box .Link_list li {
          width: 48%; } }
      @media screen and (max-width: 480px) {
        .link_box .Link_list li {
          width: 100%; } }
      .link_box .Link_list li a {
        color: #624c23;
        font-weight: 500;
        border-radius: 5px;
        border: 2px solid #FFF;
        background: #FFF;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), -5px 0 0 0 #624c23 inset;
        display: block;
        padding: 15px 15px 15px 30px;
        transition: all 0.15s ease-out;
        text-indent: -9px; }
        .link_box .Link_list li a i {
          margin: 0 10px 0 0; }
        .link_box .Link_list li a:hover {
          background: #624c23;
          color: #FFF; }

/*News*/
.news_list .list_box {
  background: #f7f9eb;
  width: 80%;
  margin: 0 auto;
  padding: 40px 0 30px 0; }
  @media screen and (max-width: 767px) {
    .news_list .list_box {
      margin: 0 -15px 0 auto;
      width: calc(90% + 15px); } }
  .news_list .list_box ul li {
    border-radius: 3px;
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px -30px; }
    @media screen and (max-width: 767px) {
      .news_list .list_box ul li {
        width: calc(100% + 15px); } }
    .news_list .list_box ul li a {
      color: #98a937;
      display: flex;
      align-items: flex-start; }
      .news_list .list_box ul li a:hover .img span {
        transform: scale(1.05); }
      .news_list .list_box ul li a:hover h3 {
        text-decoration: underline; }
    .news_list .list_box ul li .img {
      margin: 0;
      overflow: hidden;
      width: 150px;
      height: 85px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .news_list .list_box ul li .img {
          width: 90px; } }
      .news_list .list_box ul li .img span {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        transition: transform 0.5s ease-out;
        background-size: cover;
        background-position: center; }
    .news_list .list_box ul li div {
      box-sizing: border-box;
      padding: 0 0 0 20px;
      width: calc(100% - 150px); }
      .news_list .list_box ul li div p {
        font-size: 0.9rem;
        margin: 0;
        padding: 3px 0 0 0;
        margin: 0 0 10px 0;
        font-weight: 300;
        color: #53321c; }
        .news_list .list_box ul li div p span {
          background: #d93c3c;
          display: inline-block;
          margin: 0 0 0 10px;
          color: #FFF;
          font-size: 0.8rem;
          font-weight: 100;
          padding: 1px 15px;
          transform: scale(0.8); }
      .news_list .list_box ul li div h3 {
        margin: 0;
        font-size: 1.1rem; }
        @media screen and (max-width: 767px) {
          .news_list .list_box ul li div h3 {
            font-size: 1rem; } }

.news_detail_box {
  background: #FFF; }
  .news_detail_box .edit_box {
    font-size: 0.95rem;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px; }
    .news_detail_box .edit_box .time {
      color: #AAA;
      margin: 0;
      padding: 20px 0 0 0; }
    .news_detail_box .edit_box .title {
      font-size: 1.8rem;
      font-weight: 600;
      color: #98a937;
      border-bottom: 1px solid #DDD;
      margin: 0 0 15px 0;
      position: relative;
      padding: 0 0 5px 0; }
      @media screen and (max-width: 767px) {
        .news_detail_box .edit_box .title {
          padding: 0 0 30px 0; } }
    .news_detail_box .edit_box .title2 {
      background: #98a937;
      color: #FFF;
      padding: 10px;
      border-radius: 5px; }
    .news_detail_box .edit_box > div {
      padding: 25px 0; }
    .news_detail_box .edit_box .img {
      text-align: center; }
    .news_detail_box .edit_box img {
      border: 2px solid #FFF;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      margin: 0 auto;
      display: table;
      max-width: 750px;
      width: 100%; }

.Plan_box {
  background: #FFF;
  font-size: 0.9375rem; }
  .Plan_box .title {
    font-size: 1.3125rem;
    border-bottom: 1px solid #DDD;
    padding: 20px 0 5px 0;
    margin: 0 0 5px 0;
    font-weight: 500; }
  .Plan_box .about .text {
    padding: 10px 0;
    margin: 0; }
  .Plan_box .st_mind {
    margin: 15px 0; }
    .Plan_box .st_mind .peo {
      display: flex;
      padding: 15px 0 0 0;
      flex-flow: row wrap; }
      .Plan_box .st_mind .peo div {
        margin: 0 3px 10px 3px;
        width: calc(33.333333% - 6px);
        border: 1px solid #DDD;
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); }
        @media screen and (max-width: 1023px) {
          .Plan_box .st_mind .peo div {
            width: calc(50% - 6px); } }
        @media screen and (max-width: 767px) {
          .Plan_box .st_mind .peo div {
            width: 100%;
            margin: 0 0 10px 0; } }
        .Plan_box .st_mind .peo div p {
          margin: 0; }
        .Plan_box .st_mind .peo div .host {
          font-weight: 500; }
        .Plan_box .st_mind .peo div .name {
          border-bottom: 1px dashed #CCC;
          margin: 0 0 5px 0;
          padding: 0 0 5px 0;
          font-size: 13px; }
        .Plan_box .st_mind .peo div .text {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; }
        .Plan_box .st_mind .peo div .more {
          border-top: 1px dashed #CCC;
          margin: 5px 0 0 0;
          text-align: right;
          padding: 7px 0 0 0; }
          .Plan_box .st_mind .peo div .more a {
            background: #3b5998;
            color: #FFF;
            padding: 4px 20px;
            border-radius: 3px;
            display: inline-block;
            font-size: 13px; }

.album_box {
  margin: 15px 0 0 0; }

.album {
  padding: 25px 0 0 0; }
  .album .photo_box {
    display: flex;
    flex-flow: row wrap; }
    .album .photo_box a {
      width: 18%;
      padding: 18% 0 0 0;
      margin: 0 1% 10px 1%;
      background-size: cover;
      border-radius: 5px;
      background-position: center;
      border: 2px solid #FFF;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
      @media screen and (max-width: 767px) {
        .album .photo_box a {
          width: 23%;
          padding: 23% 0 0 0; } }

.album_sp {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -3px;
  padding: 5px 0 50px 0;
  position: relative; }
  .album_sp .title2 {
    width: 100%;
    color: #FFF;
    padding: 7px 9px;
    margin: 5px 0 10px 0;
    border-radius: 3px;
    display: block; }
    .album_sp .title2.fb {
      background: #3b5998; }
    .album_sp .title2.ig {
      background: #da193c; }
  .album_sp .photo {
    width: calc(25% - 6px);
    position: relative;
    margin: 0 3px 5px 3px;
    order: 1; }
    @media screen and (max-width: 1023px) {
      .album_sp .photo {
        width: calc(33.3333333% - 6px); } }
    @media screen and (max-width: 767px) {
      .album_sp .photo {
        width: calc(50% - 6px); } }
    .album_sp .photo a {
      display: block;
      padding: 60% 0 0 0;
      overflow: hidden;
      position: relative;
      overflow: hidden;
      background-size: cover;
      background-position: center;
      border-radius: 3px; }
      .album_sp .photo a:before {
        content: "";
        display: block;
        content: '';
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.6);
        opacity: 0;
        transition: opacity 0.3s ease-out; }
      .album_sp .photo a:after {
        display: block;
        content: '';
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        transition: opacity 0.3s ease-out;
        background: -moz-linear-gradient(top, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.6) 99%, rgba(0, 0, 0, 0.6) 100%);
        background: -webkit-linear-gradient(top, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.6) 99%, rgba(0, 0, 0, 0.6) 100%);
        background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.6) 99%, rgba(0, 0, 0, 0.6) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#bf000000',GradientType=0);
        pointer-events: none; }
      .album_sp .photo a img {
        position: absolute;
        max-width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0; }
      .album_sp .photo a:hover:before {
        opacity: 1; }
      .album_sp .photo a:hover:after {
        opacity: 0;
        pointer-events: none; }
    .album_sp .photo p {
      position: absolute;
      bottom: 0;
      margin: 0;
      color: #FFF;
      font-weight: 400;
      padding: 5px;
      width: 100%;
      box-sizing: border-box;
      font-size: 0.9375rem; }
      .album_sp .photo p .name {
        display: block; }
      .album_sp .photo p .time {
        font-size: 0.8125rem; }
      .album_sp .photo p .map {
        display: block;
        font-size: 0.8125rem; }
      .album_sp .photo p .who {
        font-size: 0.8125rem; }
  .album_sp .video {
    order: 2;
    width: calc(50% - 6px);
    margin: 0 3px 5px 3px; }
    @media screen and (max-width: 1023px) {
      .album_sp .video {
        width: calc(100% - 6px); } }
    .album_sp .video > div {
      padding: 56.25% 0 0 0;
      position: relative; }
      .album_sp .video > div b {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        pointer-events: none; }
      .album_sp .video > div .img {
        background-size: cover;
        display: block;
        width: 100%;
        padding: 56.25% 0 0 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        pointer-events: none; }
      .album_sp .video > div iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0; }
      .album_sp .video > div .text {
        display: none; }
  .album_sp .see_more {
    width: calc(100% - 6px);
    position: absolute;
    bottom: 0;
    left: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    background: #EEE;
    border: 1px solid #DDD;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    border-radius: 3px;
    transition: background 0.15s ease-out; }
    .album_sp .see_more:before {
      content: "展開"; }
    .album_sp .see_more.open:before {
      content: "收闔"; }
    .album_sp .see_more:hover {
      background: #DDD; }

.edit_share {
  text-align: center;
  color: #b2b2b2;
  font-size: 2rem;
  width: 60px;
  margin: 0 auto; }
  .edit_share p {
    color: #b2b2b2;
    font-size: 0.8rem;
    border-bottom: 1px solid #d7d7d7;
    padding: 0 0 5px 0;
    margin: 0; }
  .edit_share span {
    color: #3b5998;
    transition: opacity 0.15s ease-out;
    cursor: pointer;
    margin: -3px 0 0 0;
    display: inline-block; }
    .edit_share span:hover {
      opacity: 0.75; }
  .edit_share button {
    color: #3b5998;
    transition: all 0.15s ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none; }
    .edit_share button:hover {
      opacity: 0.75; }

.bt.back {
  border: 2px solid #98a937;
  width: 100%;
  max-width: 260px;
  padding: 15px 0;
  text-align: center;
  border-radius: 40px;
  color: #98a937;
  margin: 0 25px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  display: block;
  margin: 0 auto;
  font-size: 0.9rem; }
  .bt.back:hover {
    background: #98a937;
    color: #FFF; }
    .bt.back:hover:after {
      left: 0;
      width: 100%; }
  .bt.back span {
    position: relative;
    z-index: 2; }
  .bt.back:after {
    content: "";
    display: block;
    position: absolute;
    background: #98a937;
    left: 50%;
    width: 0;
    height: 100px;
    top: 0;
    transition: all 0.3s ease-out;
    z-index: 0; }

.Extra {
  position: fixed;
  z-index: 1003;
  right: 15px;
  top: 50%;
  width: 180px;
  margin: -75px 0 0 0;
  border: 3px solid #FFF;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: opacity 0.15s ease-out; }
  @media screen and (max-width: 767px) {
    .Extra {
      top: 85px;
      width: 130px;
      margin: 0;
      right: 10px;
      border: 2px solid #FFF;
      border-radius: 10px; } }
  .Extra:hover {
    opacity: 0.75; }
  .Extra img {
    width: 100%;
    vertical-align: bottom; }

.extra {
  font-size: 0.9375rem; }
  @media screen and (max-width: 767px) {
    .extra tr {
      display: flex;
      flex-flow: row wrap;
      margin: 0 0 8px 0; }
      .extra tr:first-child {
        display: none; }
      .extra tr td:nth-child(2), .extra tr td:nth-child(3) {
        width: 50%; }
      .extra tr.sp td:nth-child(1) {
        margin: 0 0 8px 0;
        padding: 10px;
        color: #FFF;
        font-size: 1.125rem; }
      .extra tr.sp td:nth-child(2) {
        width: 100%;
        font-size: 1.125rem;
        font-weight: 500; }
      .extra tr.sp td:nth-child(4) {
        width: 50%; } }
  .extra th, .extra td {
    border: 1px solid #FFF;
    padding: 6px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle; }
  .extra th {
    background: #98a937;
    color: #FFF;
    text-align: center; }
  .extra td:first-child {
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .extra td:first-child {
        width: 100%;
        font-size: 1.125rem;
        font-weight: 500; } }
  @media screen and (max-width: 767px) {
    .extra td.full {
      width: 100%; } }
  .extra .one td {
    background: #fffcf0;
    border: 1px dashed #f0e4b6; }
    @media screen and (max-width: 767px) {
      .extra .one td:nth-child(1) {
        color: #d5a13e; } }
  .extra .one:nth-child(even) td {
    background: #fffef8; }
  @media screen and (max-width: 767px) {
    .extra .one.sp td:nth-child(1) {
      background: #d5a13e; }
    .extra .one.sp td:nth-child(2) {
      color: #d5a13e; } }
  .extra .two td {
    background: #f1fff0;
    border: 1px dashed #b9f0b5; }
    @media screen and (max-width: 767px) {
      .extra .two td:nth-child(1) {
        color: #52ac4c; } }
  .extra .two:nth-child(even) td {
    background: #f8fff7; }
  @media screen and (max-width: 767px) {
    .extra .two.sp td:nth-child(1) {
      background: #52ac4c; }
    .extra .two.sp td:nth-child(2) {
      color: #52ac4c; } }
  .extra .three td {
    background: #f0f8ff;
    border: 1px dashed #b4d2ec; }
    @media screen and (max-width: 767px) {
      .extra .three td:nth-child(1) {
        color: #3e95e0; } }
  .extra .three:nth-child(even) td {
    background: #f8fcff; }
  @media screen and (max-width: 767px) {
    .extra .three.sp td:nth-child(1) {
      background: #3e95e0; }
    .extra .three.sp td:nth-child(2) {
      color: #3e95e0; } }
  .extra .four td {
    background: #fff0f0;
    border: 1px dashed #eebaba; }
    @media screen and (max-width: 767px) {
      .extra .four td:nth-child(1) {
        color: #df6d6d; } }
  .extra .four:nth-child(even) td {
    background: #fff9f9; }
  @media screen and (max-width: 767px) {
    .extra .four.sp td:nth-child(1) {
      background: #df6d6d; }
    .extra .four.sp td:nth-child(2) {
      color: #df6d6d; } }

/**/
.delay15 {
  transition-delay: .15s !important; }

.delay3 {
  transition-delay: .3s !important; }

.delay45 {
  transition-delay: .45s !important; }

.delay6 {
  transition-delay: .6s !important; }

.delay75 {
  transition-delay: .75s !important; }

.topmove_box {
  opacity: 0;
  transform: translateY(50px);
  transition: transform .4s ease-out,opacity 0.4s ease-out; }

.topmove {
  opacity: 1;
  transform: translateY(0);
  transition: transform .4s ease-out,opacity 0.4s ease-out; }

.leftmove_box {
  opacity: 0;
  transform: translateX(-50px);
  transition: transform .4s ease-out,opacity 0.4s ease-out; }

.leftmove {
  opacity: 1;
  transform: translateY(0);
  transition: transform .4s ease-out,opacity 0.4s ease-out; }

.delays0 {
  transition-delay: .1s; }

.delays1 {
  transition-delay: .2s; }

.delays2 {
  transition-delay: .3s; }

.delays3 {
  transition-delay: .4s; }

.delays4 {
  transition-delay: .5s; }

.delays5 {
  transition-delay: .6s; }

.delays6 {
  transition-delay: .7s; }

.delays7 {
  transition-delay: .8s; }

.delays8 {
  transition-delay: .9s; }

.delays9 {
  transition-delay: 1s; }

.delays10 {
  transition-delay: 1.1s; }

.delays11 {
  transition-delay: 1.2s; }

.delays12 {
  transition-delay: 1.3s; }

.delays13 {
  transition-delay: 1.4s; }

.delays14 {
  transition-delay: 1.5s; }

.delays15 {
  transition-delay: 1.6s; }

.delays16 {
  transition-delay: 1.7s; }

.delays17 {
  transition-delay: 1.8s; }

.delays18 {
  transition-delay: 1.9s; }

.delays19 {
  transition-delay: 2.0s; }

.delays20 {
  transition-delay: 2.1s; }

.delays21 {
  transition-delay: 2.2s; }

.delays22 {
  transition-delay: 2.3s; }

.delays23 {
  transition-delay: 2.4s; }

/*Master*/
.master_box .center {
  position: relative; }
  .master_box .center .master_slider {
    padding: 10px;
    display: block;
    overflow: hidden; }
    .master_box .center .master_slider:focus {
      outline: none; }
    .master_box .center .master_slider .img {
      padding: 40% 0 0 0;
      position: relative;
      overflow: hidden;
      margin: 0;
      border-radius: 10px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      transition: all 0.2s ease-out; }
      .master_box .center .master_slider .img:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
        .master_box .center .master_slider .img:hover span {
          transform: scale(1.05); }
        .master_box .center .master_slider .img:hover .text {
          padding: 15px 15px -20px 15px; }
      .master_box .center .master_slider .img > span {
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        top: 0;
        left: 0;
        position: absolute;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
      .master_box .center .master_slider .img .text {
        position: relative;
        background: -moz-linear-gradient(top, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.6) 99%, rgba(0, 0, 0, 0.6) 100%);
        background: -webkit-linear-gradient(top, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.6) 99%, rgba(0, 0, 0, 0.6) 100%);
        background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.6) 99%, rgba(0, 0, 0, 0.6) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#bf000000',GradientType=0);
        width: 100%;
        padding: 15px 15px;
        color: #fff;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
        .master_box .center .master_slider .img .text p {
          margin: 0; }
        .master_box .center .master_slider .img .text h3 {
          margin: 0;
          font-weight: 600;
          display: inline-block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 100%; }
    @media screen and (max-width: 767px) {
      .master_box .center .master_slider {
        padding: 0; } }

.master_box .list_box > ul {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  padding-top: 20px; }
  .master_box .list_box > ul li {
    width: 31.3333%;
    margin: 0 2% 15px 0; }
    .master_box .list_box > ul li a {
      display: block;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      overflow: hidden; }
      .master_box .list_box > ul li a:hover .img span {
        transform: scale(1.05); }
      .master_box .list_box > ul li a .img {
        padding: 65% 0 0 0;
        position: relative;
        overflow: hidden;
        margin: 0; }
        .master_box .list_box > ul li a .img span {
          display: block;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center;
          top: 0;
          left: 0;
          position: absolute;
          -webkit-transition-duration: 0.5s;
          -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
      .master_box .list_box > ul li a div {
        padding: 10px; }
        .master_box .list_box > ul li a div p {
          font-size: 0.9375rem;
          display: inline-block;
          color: #53321c;
          margin: 0 5px 0 0;
          align-items: center; }
          .master_box .list_box > ul li a div p span {
            padding: 0 6px;
            color: #ec4949;
            border: 1px solid #ec4949;
            border-radius: 10px; }
        .master_box .list_box > ul li a div h3 {
          font-size: 1.3125rem;
          color: #98a937;
          font-weight: 600;
          margin: 5px 0 0 0;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          white-space: normal;
          overflow: hidden; }
    @media screen and (max-width: 767px) {
      .master_box .list_box > ul li {
        width: 100%;
        margin: 0 0 15px 0; }
        .master_box .list_box > ul li a .img {
          padding: 30% 0 0 0; } }

.master_box2 li {
  width: 24.5%;
  display: inline-block;
  text-align: center;
  padding: 15px 0;
  box-sizing: border-box; }
  .master_box2 li a {
    display: block;
    text-align: center;
    color: #555; }
    .master_box2 li a:hover .img span {
      transform: scale(1.05); }
    .master_box2 li a .img {
      width: 200px;
      height: 200px;
      border-radius: 100%;
      position: relative;
      overflow: hidden;
      margin: 0 auto; }
      .master_box2 li a .img span {
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
    .master_box2 li a div {
      margin-top: 10px; }
      .master_box2 li a div p {
        margin: 0; }
        .master_box2 li a div p span {
          font-size: 13px;
          color: #ff7070;
          border-bottom: 1px solid #ff7070;
          display: inline-block;
          border-top: 1px solid #ff7070; }
      .master_box2 li a div h3 {
        margin: 0;
        color: #98a937;
        font-weight: 600; }

@media screen and (max-width: 767px) {
  .master_box2 li {
    width: 49%; } }

.master_title.news {
  background: url(../Images/master_title.jpg);
  background-size: cover;
  height: 350px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
  background-position: center; }
  @media screen and (max-width: 767px) {
    .master_title.news {
      height: 250px; } }

.news_detail_box .edit_box .master_list_box li {
  margin: 10px 0; }
  .news_detail_box .edit_box .master_list_box li a {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: flex-start;
    padding: 10px;
    border-radius: 5px;
    transition: box-shadow 0.2s ease-out; }
    @media screen and (max-width: 767px) {
      .news_detail_box .edit_box .master_list_box li a {
        display: block; } }
    .news_detail_box .edit_box .master_list_box li a:hover {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
      .news_detail_box .edit_box .master_list_box li a:hover .img span {
        transform: scale(1.05); }
    .news_detail_box .edit_box .master_list_box li a .img {
      margin: 0;
      overflow: hidden;
      width: 150px;
      height: 85px;
      position: relative;
      border-radius: 5px; }
      .news_detail_box .edit_box .master_list_box li a .img span {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        transition: transform 0.5s ease-out;
        background-size: cover;
        background-position: center; }
      @media screen and (max-width: 767px) {
        .news_detail_box .edit_box .master_list_box li a .img {
          width: 100%;
          height: 100px; } }
    .news_detail_box .edit_box .master_list_box li a div {
      box-sizing: border-box;
      padding: 13px 0 13px 20px;
      width: calc(100% - 150px); }
      .news_detail_box .edit_box .master_list_box li a div p {
        font-size: 0.9375rem;
        display: inline-block;
        color: #53321c;
        margin: 0 5px 0 0;
        align-items: center; }
        .news_detail_box .edit_box .master_list_box li a div p span {
          padding: 0 6px;
          color: #ec4949;
          border: 1px solid #ec4949;
          border-radius: 10px; }
      .news_detail_box .edit_box .master_list_box li a div h3 {
        font-size: 1.3125rem;
        color: #98a937;
        font-weight: 600;
        margin: 5px 0 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%; }
      @media screen and (max-width: 767px) {
        .news_detail_box .edit_box .master_list_box li a div {
          width: 100%;
          padding: 10px 10px 0 10px; } }

.news_detail_box .edit_box .social {
  position: absolute;
  right: 0; }
  .news_detail_box .edit_box .social .fb {
    font-size: 1.0625rem;
    background: #428bca;
    border-radius: 5px;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    line-height: 30px; }
    .news_detail_box .edit_box .social .fb:hover {
      background: #43a8ff; }
  .news_detail_box .edit_box .social .ig {
    font-size: 1.0625rem;
    background: #ca4274;
    border-radius: 5px;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    line-height: 30px; }
    .news_detail_box .edit_box .social .ig:hover {
      background: #ff6fa4; }

.news_detail_box .edit_box2 {
  transition: background 0.2s ease-out; }
  .news_detail_box .edit_box2:hover a {
    color: #fff; }
  .news_detail_box .edit_box2:hover div {
    color: #fff; }
    .news_detail_box .edit_box2:hover div p {
      color: #fff; }
  .news_detail_box .edit_box2 a {
    display: flex;
    align-items: flex-start;
    color: #624c23;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 10px;
    transition: background 0.2s ease-out; }
    .news_detail_box .edit_box2 a:hover {
      background: #98a937; }
    .news_detail_box .edit_box2 a > div {
      box-sizing: border-box;
      width: calc(100% - 250px);
      padding: 0 0 0 20px; }
    .news_detail_box .edit_box2 a .img {
      margin: 0;
      overflow: hidden;
      width: 250px;
      height: 175px;
      position: relative;
      border-radius: 5px; }
      .news_detail_box .edit_box2 a .img span {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        transition: transform 0.5s ease-out;
        background-size: cover;
        background-position: center; }
    @media screen and (max-width: 767px) {
      .news_detail_box .edit_box2 a {
        display: block; }
        .news_detail_box .edit_box2 a .img {
          width: 100%;
          height: 175px; }
        .news_detail_box .edit_box2 a > div {
          width: 100%;
          padding: 0; } }