.custom-guide-tab, .custom-guide-tab li, .custom-guide-tab li > a, .custom-img-ul, .card-imageText .card a {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none; }

.custom-step-box > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.custom-guide-tab li > a > *, body.park .tab_til, body.park .tab_con, .card-mainVision[data-style="2"] .flexsliderV .slides > li.openVideoImgFull::after {
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

body.traffic .traffic-option .card-box .card-text-info ul, body.traffic .traffic-option .card-box .card-text-info li {
  list-style: none; }

body.traffic .traffic-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

body.traffic .traffic-option {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

a:focus, a:active, a:hover {
  color: #338422; }
  a:focus .article-list-title, a:active .article-list-title, a:hover .article-list-title {
    color: #338422 !important; }

a[class*='btn-'].transparent:focus, a[class*='btn-'].transparent:active, a[class*='btn-'].transparent:hover, [class*='btn-'].transparent:focus, [class*='btn-'].transparent:active, [class*='btn-'].transparent:hover {
  color: #338422; }

a.btn-custom, .btn-custom {
  border-color: #338422 !important;
  background-color: #338422 !important;
  color: #ffffff !important; }
  a.btn-custom:link, .btn-custom:link {
    border-color: #338422 !important;
    color: #ffffff !important; }
  a.btn-custom:focus, a.btn-custom:active, a.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom:hover {
    border-color: #338422 !important;
    background-color: transparent !important;
    color: #338422 !important; }

a.btn-custom-o, .btn-custom-o {
  border-color: #338422 !important;
  color: #338422 !important; }
  a.btn-custom-o:link, .btn-custom-o:link {
    border-color: #338422 !important;
    color: #338422 !important; }
  a.btn-custom-o:focus, a.btn-custom-o:active, a.btn-custom-o:hover, .btn-custom-o:focus, .btn-custom-o:active, .btn-custom-o:hover {
    border-color: #338422 !important;
    background-color: #338422 !important;
    color: #ffffff !important; }

a.underline:hover, .underline:hover {
  border-color: #338422; }

.card-text-info {
  color: #555555; }

.filters-bar li > span::after {
  background-color: #338422 !important; }

.filters-bar li > span:hover {
  color: #338422 !important; }

.filters-bar li.active > span {
  color: #338422 !important; }

.card-header[data-style="1"] {
  z-index: 205; }
  .card-header[data-style="1"] a {
    color: #000000; }
    .card-header[data-style="1"] a:focus, .card-header[data-style="1"] a:active, .card-header[data-style="1"] a:hover {
      color: #338422; }
  .card-header[data-style="1"] li.current-menu > a {
    color: #338422; }
    .card-header[data-style="1"] li.current-menu > a:focus, .card-header[data-style="1"] li.current-menu > a:active, .card-header[data-style="1"] li.current-menu > a:hover {
      color: #338422; }
  .card-header[data-style="1"] .nav .dropdown-default-text:focus, .card-header[data-style="1"] .nav .dropdown-default-text:active, .card-header[data-style="1"] .nav .dropdown-default-text:hover, .card-header[data-style="1"] .menu .dropdown-default-text:focus, .card-header[data-style="1"] .menu .dropdown-default-text:active, .card-header[data-style="1"] .menu .dropdown-default-text:hover {
    color: #338422; }
  .card-header[data-style="1"] .nav ul:not(.nav-social) > li > ul a:focus, .card-header[data-style="1"] .nav ul:not(.nav-social) > li > ul a:active, .card-header[data-style="1"] .nav ul:not(.nav-social) > li > ul a:hover {
    color: #ffffff;
    background-color: #518e46; }
  .card-header[data-style="1"] .nav > div > ul a:focus, .card-header[data-style="1"] .nav > div > ul a:active, .card-header[data-style="1"] .nav > div > ul a:hover {
    color: #ffffff;
    background-color: #518e46; }
  .card-header[data-style="1"] .menu .main-menu > li::after {
    background-color: #338422; }
  .card-header[data-style="1"] .menu .main-menu > li > ul a:focus, .card-header[data-style="1"] .menu .main-menu > li > ul a:active, .card-header[data-style="1"] .menu .main-menu > li > ul a:hover {
    color: #ffffff;
    background-color: #518e46; }
  .card-header[data-style="1"] .menu .main-menu > li > ul li.current-menu > a {
    color: #ffffff;
    background-color: #518e46; }
  .card-header[data-style="1"].header--shrink .nav .dropdown-default-text:focus, .card-header[data-style="1"].header--shrink .nav .dropdown-default-text:active, .card-header[data-style="1"].header--shrink .nav .dropdown-default-text:hover, .card-header[data-style="1"].header--shrink .menu .dropdown-default-text:focus, .card-header[data-style="1"].header--shrink .menu .dropdown-default-text:active, .card-header[data-style="1"].header--shrink .menu .dropdown-default-text:hover {
    color: #ffffff; }
  @media only screen and (max-width: 800px) {
    .card-header[data-style="1"].header--shrink .nav .dropdown-default-text:focus, .card-header[data-style="1"].header--shrink .nav .dropdown-default-text:active, .card-header[data-style="1"].header--shrink .nav .dropdown-default-text:hover, .card-header[data-style="1"].header--shrink .menu .dropdown-default-text:focus, .card-header[data-style="1"].header--shrink .menu .dropdown-default-text:active, .card-header[data-style="1"].header--shrink .menu .dropdown-default-text:hover {
      color: #338422; } }
  .card-header[data-style="1"].header--shrink .header-logo a {
    margin-bottom: 0; }
  @media only screen and (max-width: 800px) {
    .card-header[data-style="1"].header--shrink .header-logo img.normal {
      opacity: 1;
      visibility: visible; } }
  @media only screen and (max-width: 800px) {
    .card-header[data-style="1"].header--shrink .header-logo img.shrink {
      display: none; } }
  @media only screen and (max-width: 800px) {
    .card-header[data-style="1"] .header-logo img.normal {
      opacity: 1;
      visibility: visible; } }
  @media only screen and (max-width: 800px) {
    .card-header[data-style="1"] .mobile-menu .nav.top .nav-dropdown.member {
      vertical-align: top;
      margin-top: 3px; } }
  @media only screen and (max-width: 420px) {
    .card-header[data-style="1"] .mobile-menu .nav.top .nav-dropdown.member {
      margin-top: 1px; } }

.card-footer[data-style="1"] a:focus, .card-footer[data-style="1"] a:active, .card-footer[data-style="1"] a:hover {
  color: #338422; }

.card-footer[data-style="1"] .footer-nav a:focus, .card-footer[data-style="1"] .footer-nav a:active, .card-footer[data-style="1"] .footer-nav a:hover {
  color: #338422; }

.card-footer[data-style="1"] .footer-nav li.current-menu > a:focus, .card-footer[data-style="1"] .footer-nav li.current-menu > a:active, .card-footer[data-style="1"] .footer-nav li.current-menu > a:hover {
  color: #338422; }

* .btn-black-o:focus, * .btn-black-o:active, * .btn-black-o:hover, .card-articleSet[data-style="2"] .btn-black-o:focus, .card-articleSet[data-style="2"] .btn-black-o:active, .card-articleSet[data-style="2"] .btn-black-o:hover {
  border-color: #338422;
  background-color: #338422; }

.card-member[data-style="1"].mainPage .member_header .member-nav .member-option {
  margin: 5px auto 60px; }
  .card-member[data-style="1"].mainPage .member_header .member-nav .member-option::before {
    bottom: 10px; }

.changeBg {
  position: fixed;
  top: 25%;
  left: 0;
  z-index: 9999; }
  .changeBg a {
    display: block; }

.custom-guide-tab {
  text-align: center;
  margin: 30px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 420px) {
    .custom-guide-tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .custom-guide-tab li {
    display: inline-block;
    margin: 0 5px;
    width: calc(100% / 7 - 10px);
    line-height: 1.5;
    font-size: 1.4rem;
    vertical-align: top; }
    .custom-guide-tab li:nth-of-type(5) {
      margin-right: -5px; }
      @media only screen and (max-width: 420px) {
        .custom-guide-tab li:nth-of-type(5) {
          margin-right: 1%; } }
    .custom-guide-tab li > a {
      display: block;
      color: #000000; }
      .custom-guide-tab li > a:hover {
        color: #000000; }
      .custom-guide-tab li > a > * {
        opacity: 0.5; }
      .custom-guide-tab li > a img {
        display: block;
        margin: 0 auto; }
      .custom-guide-tab li > a span {
        display: block; }
      .custom-guide-tab li > a:hover > *, .custom-guide-tab li > a.active > * {
        opacity: 1; }
    @media only screen and (max-width: 420px) {
      .custom-guide-tab li {
        width: 48%;
        margin: 0 1% 30px; } }

.serviceIframe {
  width: 100%;
  padding-bottom: 50%;
  border: none;
  position: relative;
  margin-top: 30px; }
  .serviceIframe > * {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }

.custom-img-ul {
  display: inline-block;
  text-align: left;
  color: #000000; }
  .custom-img-ul li ~ li {
    margin-top: 50px; }
  .custom-img-ul li > img {
    max-width: 100px;
    display: block;
    float: left; }
  .custom-img-ul li > div {
    margin-left: 115px; }

.custom-step-box {
  text-align: center;
  margin: 0 auto 40px;
  width: 61%; }
  @media only screen and (max-width: 800px) {
    .custom-step-box {
      width: 100%; } }
  .custom-step-box > a {
    display: block;
    max-width: 200px; }
  .custom-step-box > div {
    width: 350px;
    margin: 30px 20px;
    padding: 60px 30px;
    background: rgba(158, 158, 158, 0.3);
    text-align: center;
    color: #000000; }
    @media only screen and (max-width: 420px) {
      .custom-step-box > div {
        margin: -30px auto 30px;
        width: 100%; } }
  .custom-step-box.L > * {
    float: left; }
    @media only screen and (max-width: 420px) {
      .custom-step-box.L > * {
        float: none;
        margin: 0 auto; } }
  .custom-step-box.R > * {
    float: right; }
    @media only screen and (max-width: 420px) {
      .custom-step-box.R > * {
        float: none;
        margin: 0 auto; } }

.map-main {
  display: none !important; }

body .map-tools.mobile-none.isIE, body .map-main.isIE.mobile-none {
  display: none !important; }

body.index > div .groove {
  margin: 0 !important; }

body.index > div[data-zoneno="Z170804172600293"] {
  background-color: #f2f3f5; }
  body.index > div[data-zoneno="Z170804172600293"] .card-imageTextList[data-style="4"] {
    padding-top: 30px;
    margin: 0 auto;
    width: 980px; }
    @media only screen and (max-width: 1024px) {
      body.index > div[data-zoneno="Z170804172600293"] .card-imageTextList[data-style="4"] {
        width: 90%; } }
  body.index > div[data-zoneno="Z170804172600293"] .card-img-content {
    background-color: transparent; }

body.index > div[data-zoneno="Z14"], body.index > div[data-zoneno="Z15"] {
  background-color: #faf6f5; }
  body.index > div[data-zoneno="Z14"] .card-articleSet[data-style='2'], body.index > div[data-zoneno="Z15"] .card-articleSet[data-style='2'] {
    margin: 0 auto;
    width: 1180px; }
    @media only screen and (max-width: 1024px) {
      body.index > div[data-zoneno="Z14"] .card-articleSet[data-style='2'], body.index > div[data-zoneno="Z15"] .card-articleSet[data-style='2'] {
        width: 90%; } }

body.index > div[data-zoneno="Z170804172503196"] .groove {
  margin-top: 40px !important; }

body.index > div[data-zoneno="Z170804172605414"] .groove {
  margin-top: 20px !important; }

body.index > div[data-zoneno="Z170828212117791"] .groove {
  margin-top: 40px !important; }

body.index > div[data-zoneno="Z14"] {
  padding-top: 40px !important; }

body.index > div[data-zoneno="Z15"] {
  padding-top: 20px !important;
  padding-bottom: 40px !important; }

body.index > div[data-zoneno="Z170811122946965"] .groove {
  margin-top: 60px !important; }

body.index > div[data-zoneno="Z170804172504531"] .groove {
  margin-top: 60px !important; }

body.index > div[data-zoneno="Z180202202653038"] .groove {
  margin-top: 60px !important; }

body.index > div[data-zoneno="Z170804172614631"] .groove {
  margin-top: 20px !important; }

body.index > div[data-zoneno="Z170925123715431"] .groove {
  margin-top: 20px !important; }

body.index > div[data-zoneno="Z180202205216804"] .groove {
  margin-top: 40px !important; }

body.index > div[data-zoneno="Z18020111443659761"] .groove {
  margin-top: 40px !important; }

body.index > div[zonestyle="1001"], body.index > div[data-zoneno="Z170804172614632"] {
  margin-top: 80px !important; }

body.index > div .card-Parallax[data-style="1"] {
  z-index: 1; }

body.index > div .card-articleSet[data-style="2"] .article-list li > a:focus, body.index > div .card-articleSet[data-style="2"] .article-list li > a:active, body.index > div .card-articleSet[data-style="2"] .article-list li > a:hover {
  color: #338422; }
  body.index > div .card-articleSet[data-style="2"] .article-list li > a:focus > div.article-list-info, body.index > div .card-articleSet[data-style="2"] .article-list li > a:active > div.article-list-info, body.index > div .card-articleSet[data-style="2"] .article-list li > a:hover > div.article-list-info {
    color: #338422; }

body.index > div .card-eventSet[data-style="1"] .swiper-body:hover {
  background-color: #338422;
  border-bottom-color: #338422; }
  body.index > div .card-eventSet[data-style="1"] .swiper-body:hover *, body.index > div .card-eventSet[data-style="1"] .swiper-body:hover .swiper-body-text-name {
    color: #ffffff; }

body.index > div .card-eventSet[data-style="1"] .btn-black-o {
  padding: 3px 50px; }
  body.index > div .card-eventSet[data-style="1"] .btn-black-o:focus, body.index > div .card-eventSet[data-style="1"] .btn-black-o:active, body.index > div .card-eventSet[data-style="1"] .btn-black-o:hover {
    border-color: #338422;
    background-color: #338422; }

body.index > div .card-eventSet[data-style="1"] .pagination {
  margin: 60px 0; }

body.index > div .card-eventSet[data-style="1"] .huashan1914.d-none {
  display: block !important; }

body.index > div .card-imageText[data-style="6"] .card-img .card-text-name, body.index > div .card-imageText[data-style="6"] .card-img .card-text-info {
  color: #ffffff; }

body.index > div .card-CustomShops[data-style="2"] a:focus, body.index > div .card-CustomShops[data-style="2"] a:active, body.index > div .card-CustomShops[data-style="2"] a:hover {
  color: #338422; }

body.index > div .card-epaperSet[data-style="1"] > div input {
  position: relative;
  z-index: 2; }
  body.index > div .card-epaperSet[data-style="1"] > div input:focus {
    border-color: #338422; }

body.index > div .card-epaperSet[data-style="1"] > div a.square:focus, body.index > div .card-epaperSet[data-style="1"] > div a.square:active, body.index > div .card-epaperSet[data-style="1"] > div a.square:hover {
  color: #ffffff;
  background-color: #338422;
  border-color: #338422; }

body.index > div a:focus .card-text-name, body.index > div a:focus .card-text-info, body.index > div a:active .card-text-name, body.index > div a:active .card-text-info, body.index > div a:hover .card-text-name, body.index > div a:hover .card-text-info {
  color: #338422; }

body.exhibition > div:nth-of-type(3) .groove, body.traffic > div:nth-of-type(3) .groove, body.service > div:nth-of-type(3) .groove, body.lockers > div:nth-of-type(3) .groove, body.other > div:nth-of-type(3) .groove, body.manages > div:nth-of-type(3) .groove, body.news > div:nth-of-type(3) .groove {
  margin: 0 !important; }

body.service .card-article[data-style="1"] .card-text-name, body.lockers .card-article[data-style="1"] .card-text-name, body.other .card-article[data-style="1"] .card-text-name {
  color: #4CAF50; }

body.traffic .card-img.border-T > * {
  border-top: none; }

body.traffic .traffic-option {
  margin-bottom: 40px; }
  @media only screen and (max-width: 800px) {
    body.traffic .traffic-option {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: unset;
          -ms-flex-align: unset;
              align-items: unset; } }
  body.traffic .traffic-option .card-box {
    width: 33%;
    padding: 20px;
    border: 4px solid #e0e0e0; }
    @media only screen and (max-width: 800px) {
      body.traffic .traffic-option .card-box {
        width: 100%; } }
    body.traffic .traffic-option .card-box:not(:last-of-type) {
      margin-right: 20px; }
      @media only screen and (max-width: 800px) {
        body.traffic .traffic-option .card-box:not(:last-of-type) {
          margin-right: 0;
          margin-bottom: 20px; } }
    body.traffic .traffic-option .card-box > * {
      padding: 0; }
    body.traffic .traffic-option .card-box .card-title {
      margin-bottom: 15px;
      font-size: 1.8rem;
      font-weight: 400; }
      body.traffic .traffic-option .card-box .card-title span, body.traffic .traffic-option .card-box .card-title img {
        display: inline-block;
        vertical-align: middle; }
      body.traffic .traffic-option .card-box .card-title img {
        max-width: 36px; }
    body.traffic .traffic-option .card-box .card-text-info {
      padding-left: 45px; }
      @media only screen and (max-width: 800px) {
        body.traffic .traffic-option .card-box .card-text-info {
          padding-left: 55px; } }
      body.traffic .traffic-option .card-box .card-text-info ul {
        margin: 0;
        line-height: 1.5; }
      body.traffic .traffic-option .card-box .card-text-info li {
        margin-bottom: 5px;
        font-size: 14px; }
        body.traffic .traffic-option .card-box .card-text-info li:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 3px;
          height: 3px;
          border-radius: 100%;
          background-color: #757575;
          margin-left: -10px;
          margin-right: 6px; }
        body.traffic .traffic-option .card-box .card-text-info li.has-number:before {
          content: attr(data-num);
          display: inline-block;
          width: 7px;
          height: auto;
          border-radius: 100%;
          padding: 1px 4px 2px;
          margin-right: 3px;
          margin-left: -18px;
          line-height: 1;
          font-size: 12px;
          background-color: #E53935;
          color: #ffffff; }

body.traffic #mtip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 13px;
  opacity: 0;
  margin-top: 3px;
  padding: 5px 0; }
  body.traffic #mtip .mtip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #4db6ac; }
  body.traffic #mtip .mtip-inner {
    max-width: 200px;
    padding: 3px 6px;
    color: #fff;
    text-align: center;
    background-color: #4db6ac;
    border-radius: 4px; }

body.traffic .custom-guide-tab {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (max-width: 420px) {
    body.traffic .custom-guide-tab {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  body.traffic .custom-guide-tab li {
    width: auto;
    margin: 0 3vw;
    font-size: 1.6rem;
    line-height: 1.9; }
    body.traffic .custom-guide-tab li:nth-of-type(5) {
      margin-right: 5px; }
      @media only screen and (max-width: 420px) {
        body.traffic .custom-guide-tab li:nth-of-type(5) {
          margin-right: 1%; } }
    @media only screen and (max-width: 420px) {
      body.traffic .custom-guide-tab li {
        width: 48%;
        margin: 0 1% 30px; } }

body.infrastructure, body #infrastructure {
  background-color: #ffffff; }
  body.infrastructure .map, body #infrastructure .map {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 800px) {
      body.infrastructure .map, body #infrastructure .map {
        display: block; } }
    body.infrastructure .map .hover-grey-fill, body #infrastructure .map .hover-grey-fill {
      fill: #ffffff; }
    body.infrastructure .map .hover-park-fill, body #infrastructure .map .hover-park-fill {
      fill: #2c76b3; }
    body.infrastructure .map .hover-payment-fill, body #infrastructure .map .hover-payment-fill {
      fill: #b9abcf; }
    body.infrastructure .map .hover-toilet-fill, body #infrastructure .map .hover-toilet-fill {
      fill: #e2bc33; }
    body.infrastructure .map .hover-feedingmilk-fill, body #infrastructure .map .hover-feedingmilk-fill {
      fill: #ecc8ca; }
    body.infrastructure .map .hover-smoking-fill, body #infrastructure .map .hover-smoking-fill {
      fill: #008c8c; }
    body.infrastructure .map .hover-police-fill, body #infrastructure .map .hover-police-fill {
      fill: #ad985f; }
    body.infrastructure .map .hover-barrierffreetoilet-fill, body #infrastructure .map .hover-barrierffreetoilet-fill {
      fill: #55307e; }
    body.infrastructure .map .hover-water-fill, body #infrastructure .map .hover-water-fill {
      fill: #03a9f4; }
    body.infrastructure .map .hover-tel-fill, body #infrastructure .map .hover-tel-fill {
      fill: #00bcd4; }
    body.infrastructure .map .hover-elevator-fill, body #infrastructure .map .hover-elevator-fill {
      fill: #ed996d; }
    body.infrastructure .map .hover-wifi-fill, body #infrastructure .map .hover-wifi-fill {
      fill: #dfc7a3; }
    body.infrastructure .map .hover-atm-fill, body #infrastructure .map .hover-atm-fill {
      fill: #317a5f; }
    body.infrastructure .map .hover-desk-fill, body #infrastructure .map .hover-desk-fill {
      fill: #46adb0; }
    body.infrastructure .map .hover-911-fill, body #infrastructure .map .hover-911-fill {
      fill: #46adb0; }
    body.infrastructure .map .hover-wheelchair-fill, body #infrastructure .map .hover-wheelchair-fill {
      fill: #46adb0; }
    body.infrastructure .map .hover-lostfound-fill, body #infrastructure .map .hover-lostfound-fill {
      fill: #46adb0; }
    body.infrastructure .map .map-main, body #infrastructure .map .map-main {
      -webkit-box-flex: 4;
          -ms-flex: 4;
              flex: 4;
      padding: 40px 0;
      display: none !important; }
      @media only screen and (max-width: 800px) {
        body.infrastructure .map .map-main, body #infrastructure .map .map-main {
          position: relative;
          z-index: 1; } }
    body.infrastructure .map .map-tools, body #infrastructure .map .map-tools {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-top: -110px; }
      @media only screen and (max-width: 800px) {
        body.infrastructure .map .map-tools, body #infrastructure .map .map-tools {
          margin-top: 40px;
          position: relative;
          z-index: 2; } }
      body.infrastructure .map .map-tools.kiosk, body #infrastructure .map .map-tools.kiosk {
        margin-top: 30px; }
      body.infrastructure .map .map-tools .info, body.infrastructure .map .map-tools .public, body #infrastructure .map .map-tools .info, body #infrastructure .map .map-tools .public {
        margin-bottom: 55px; }
      body.infrastructure .map .map-tools .public, body #infrastructure .map .map-tools .public {
        margin-bottom: 35px; }
      body.infrastructure .map .map-tools .title, body #infrastructure .map .map-tools .title {
        font-size: 20px;
        letter-spacing: 0.5em;
        margin-bottom: 20px;
        padding-bottom: 5px;
        width: 155px;
        display: inline-block; }
        @media only screen and (max-width: 800px) {
          body.infrastructure .map .map-tools .title, body #infrastructure .map .map-tools .title {
            display: block;
            text-align: center;
            width: auto; } }
      body.infrastructure .map .map-tools .cc-info-o, body #infrastructure .map .map-tools .cc-info-o {
        width: 25px;
        height: 40px;
        top: 2px;
        margin-right: 0.5em;
        position: relative;
        background: url("../../../images/icon/cc-info-icon.png"); }
      body.infrastructure .map .map-tools a, body #infrastructure .map .map-tools a {
        display: block;
        height: 35px;
        line-height: 35px;
        text-decoration: none;
        margin: 5px 0; }
        body.infrastructure .map .map-tools a span, body #infrastructure .map .map-tools a span {
          height: 35px;
          display: inline-block;
          position: relative;
          top: -11px;
          margin-left: 11px; }
      body.infrastructure .map .map-tools.isIE a[data-name='aed'] img, body #infrastructure .map .map-tools.isIE a[data-name='aed'] img {
        display: inline-block;
        vertical-align: middle; }
      body.infrastructure .map .map-tools.isIE a[data-name='aed'] span, body #infrastructure .map .map-tools.isIE a[data-name='aed'] span {
        top: 0; }
  body.infrastructure.isIE .map-tools.mobile-none, body.infrastructure.isIE .map-main, body.infrastructure.isIE10 .map-tools.mobile-none, body.infrastructure.isIE10 .map-main, body.infrastructure.isIE11 .map-tools.mobile-none, body.infrastructure.isIE11 .map-main, body.infrastructure.isEdge .map-tools.mobile-none, body.infrastructure.isEdge .map-main, body #infrastructure.isIE .map-tools.mobile-none, body #infrastructure.isIE .map-main, body #infrastructure.isIE10 .map-tools.mobile-none, body #infrastructure.isIE10 .map-main, body #infrastructure.isIE11 .map-tools.mobile-none, body #infrastructure.isIE11 .map-main, body #infrastructure.isEdge .map-tools.mobile-none, body #infrastructure.isEdge .map-main {
    display: none !important; }
  body.infrastructure.isIE .map-tools.mobile-none.isIE, body.infrastructure.isIE .map-main.isIE.mobile-none, body.infrastructure.isIE10 .map-tools.mobile-none.isIE, body.infrastructure.isIE10 .map-main.isIE.mobile-none, body.infrastructure.isIE11 .map-tools.mobile-none.isIE, body.infrastructure.isIE11 .map-main.isIE.mobile-none, body.infrastructure.isEdge .map-tools.mobile-none.isIE, body.infrastructure.isEdge .map-main.isIE.mobile-none, body #infrastructure.isIE .map-tools.mobile-none.isIE, body #infrastructure.isIE .map-main.isIE.mobile-none, body #infrastructure.isIE10 .map-tools.mobile-none.isIE, body #infrastructure.isIE10 .map-main.isIE.mobile-none, body #infrastructure.isIE11 .map-tools.mobile-none.isIE, body #infrastructure.isIE11 .map-main.isIE.mobile-none, body #infrastructure.isEdge .map-tools.mobile-none.isIE, body #infrastructure.isEdge .map-main.isIE.mobile-none {
    display: block !important; }
  body.infrastructure.isFF .map-main, body.infrastructure.isOp .map-main, body.infrastructure.isSa .map-main, body.infrastructure.isCh .map-main, body #infrastructure.isFF .map-main, body #infrastructure.isOp .map-main, body #infrastructure.isSa .map-main, body #infrastructure.isCh .map-main {
    display: block !important; }
  body.infrastructure.isFF .map-main.isIE.mobile-none, body.infrastructure.isOp .map-main.isIE.mobile-none, body.infrastructure.isSa .map-main.isIE.mobile-none, body.infrastructure.isCh .map-main.isIE.mobile-none, body #infrastructure.isFF .map-main.isIE.mobile-none, body #infrastructure.isOp .map-main.isIE.mobile-none, body #infrastructure.isSa .map-main.isIE.mobile-none, body #infrastructure.isCh .map-main.isIE.mobile-none {
    display: none !important; }
  body.infrastructure .custom-guide-tab, body #infrastructure .custom-guide-tab {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (max-width: 420px) {
      body.infrastructure .custom-guide-tab, body #infrastructure .custom-guide-tab {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    body.infrastructure .custom-guide-tab li, body #infrastructure .custom-guide-tab li {
      width: auto;
      margin: 0 3vw;
      font-size: 1.6rem;
      line-height: 1.9; }
      body.infrastructure .custom-guide-tab li:nth-of-type(5), body #infrastructure .custom-guide-tab li:nth-of-type(5) {
        margin-right: 5px; }
        @media only screen and (max-width: 420px) {
          body.infrastructure .custom-guide-tab li:nth-of-type(5), body #infrastructure .custom-guide-tab li:nth-of-type(5) {
            margin-right: 1%; } }
      @media only screen and (max-width: 420px) {
        body.infrastructure .custom-guide-tab li, body #infrastructure .custom-guide-tab li {
          width: 48%;
          margin: 0 1% 30px; } }
  @media only screen and (max-width: 800px) {
    body.infrastructure .card-common .article-main, body #infrastructure .card-common .article-main {
      position: relative;
      z-index: 4; } }

body #infrastructure .map {
  width: 70%;
  margin: 0 auto; }

body.park {
  background-color: #ffffff; }
  body.park .map {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 800px) {
      body.park .map {
        display: block; } }
    body.park .map .map-main {
      -webkit-box-flex: 4;
          -ms-flex: 4;
              flex: 4;
      padding-top: 40px; }
      @media only screen and (max-width: 800px) {
        body.park .map .map-main {
          padding-bottom: 40px;
          position: relative;
          z-index: 1; } }
      body.park .map .map-main .li-eq {
        fill: transparent;
        opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='red'] {
          fill: #FF1744;
          opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='orange'] {
          fill: #ff9100;
          opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='yellow'] {
          fill: #ffea00;
          opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='green'] {
          fill: #00E676;
          opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='light-green'] {
          fill: #8bc34a;
          opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='blue'] {
          fill: #2196F3;
          opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='teal'] {
          fill: #009688;
          opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='deep-purple'] {
          fill: #673ab7;
          opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='gold'] {
          fill: #ac7224;
          opacity: 0.5; }
        body.park .map .map-main .li-eq[data-color='grey'] {
          fill: #616161;
          opacity: 0.5; }
    body.park .map .map-tools {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-top: -90px; }
      @media only screen and (max-width: 800px) {
        body.park .map .map-tools {
          margin-top: 0px;
          position: relative;
          z-index: 3; } }
      body.park .map .map-tools .info, body.park .map .map-tools .public {
        margin-bottom: 55px; }
      body.park .map .map-tools .public {
        margin-bottom: 35px; }
      body.park .map .map-tools .title {
        font-size: 20px;
        letter-spacing: 0.5em;
        margin-bottom: 10px;
        padding-bottom: 5px;
        width: 155px;
        display: inline-block; }
        @media only screen and (max-width: 800px) {
          body.park .map .map-tools .title {
            display: block;
            text-align: center;
            width: auto; } }
        body.park .map .map-tools .title ~ .title {
          margin-top: 30px; }
      body.park .map .map-tools .cc-isdot {
        position: relative;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        overflow: hidden;
        float: left; }
        body.park .map .map-tools .cc-isdot[data-color='red']::after {
          background: #FF1744; }
        body.park .map .map-tools .cc-isdot[data-color='orange']::after {
          background: #ff9100; }
        body.park .map .map-tools .cc-isdot[data-color='yellow']::after {
          background: #ffea00; }
        body.park .map .map-tools .cc-isdot[data-color='green']::after {
          background: #00E676; }
        body.park .map .map-tools .cc-isdot[data-color='light-green']::after {
          background: #8bc34a; }
        body.park .map .map-tools .cc-isdot[data-color='blue']::after {
          background: #2196F3; }
        body.park .map .map-tools .cc-isdot[data-color='teal']::after {
          background: #009688; }
        body.park .map .map-tools .cc-isdot[data-color='deep-purple']::after {
          background: #673ab7; }
        body.park .map .map-tools .cc-isdot[data-color='gold']::after {
          background: #ac7224; }
        body.park .map .map-tools .cc-isdot[data-color='grey']::after {
          background: #616161; }
      body.park .map .map-tools a {
        display: block;
        text-decoration: none;
        margin: 5px 0 8px;
        line-height: 1; }
        body.park .map .map-tools a span {
          display: block;
          position: relative;
          top: -2px;
          margin-left: 22px;
          line-height: 1.3; }
      body.park .map .map-tools.isIE .cc-isdot {
        width: 17px;
        height: 17px;
        color: #ffffff;
        line-height: 16px;
        font-size: 13px;
        background-color: #e64984;
        text-align: center; }
  body.park.isIE .map-tools.mobile-none, body.park.isIE .map-main, body.park.isIE10 .map-tools.mobile-none, body.park.isIE10 .map-main, body.park.isIE11 .map-tools.mobile-none, body.park.isIE11 .map-main, body.park.isEdge .map-tools.mobile-none, body.park.isEdge .map-main {
    display: none !important; }
  body.park.isIE .map-tools.mobile-none.isIE, body.park.isIE .map-main.isIE.mobile-none, body.park.isIE10 .map-tools.mobile-none.isIE, body.park.isIE10 .map-main.isIE.mobile-none, body.park.isIE11 .map-tools.mobile-none.isIE, body.park.isIE11 .map-main.isIE.mobile-none, body.park.isEdge .map-tools.mobile-none.isIE, body.park.isEdge .map-main.isIE.mobile-none {
    display: block !important; }
  body.park.isFF .map-main, body.park.isOp .map-main, body.park.isSa .map-main, body.park.isCh .map-main {
    display: block !important; }
  body.park.isFF .map-main.isIE.mobile-none, body.park.isOp .map-main.isIE.mobile-none, body.park.isSa .map-main.isIE.mobile-none, body.park.isCh .map-main.isIE.mobile-none {
    display: none !important; }
  body.park .tab_til {
    cursor: pointer;
    position: relative;
    padding-right: 30px; }
    body.park .tab_til::after {
      content: "\ea07";
      display: inline-block;
      font-family: "FontCCWork";
      position: absolute;
      right: 0;
      top: 0; }
    body.park .tab_til.active::after {
      content: "\ea05"; }
  body.park .tab_con {
    opacity: 0;
    height: 0;
    max-height: 0;
    overflow: hidden; }
    body.park .tab_con.active {
      opacity: 1;
      height: auto;
      max-height: inherit; }
  body.park .custom-guide-tab {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (max-width: 420px) {
      body.park .custom-guide-tab {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    body.park .custom-guide-tab li {
      width: auto;
      margin: 0 3vw;
      font-size: 1.6rem;
      line-height: 1.9; }
      body.park .custom-guide-tab li:nth-of-type(5) {
        margin-right: 5px; }
        @media only screen and (max-width: 420px) {
          body.park .custom-guide-tab li:nth-of-type(5) {
            margin-right: 1%; } }
      @media only screen and (max-width: 420px) {
        body.park .custom-guide-tab li {
          width: 48%;
          margin: 0 1% 30px; } }
  @media only screen and (max-width: 800px) {
    body.park .card-common .article-main {
      position: relative;
      z-index: 4; } }

body.LostAndFound #colorbox, body.LostAndFound #cboxWrapper, body.LostAndFound #cboxLoadedContent {
  overflow: visible !important; }

body.stores .card-CustomShops[data-style="1"] .map.huashan1914.d-none {
  display: none !important; }
  @media only screen and (max-width: 800px) {
    body.stores .card-CustomShops[data-style="1"] .map.huashan1914.d-none {
      display: none !important; } }

body.login::after, body.register::after, body.myinfo::after, body.verify::after {
  background-image: url("images/bg-member.jpg"); }

@media only screen and (max-width: 800px) {
  body.login .card-breadcrumb[data-style="1"], body.register .card-breadcrumb[data-style="1"], body.myinfo .card-breadcrumb[data-style="1"], body.verify .card-breadcrumb[data-style="1"] {
    margin-top: 0; } }

svg .hide, svg #templates {
  display: none; }

svg #english, svg #grid text {
  font-size: 8px;
  color: #000;
  font-family: "DIN-Medium";
  fill: #000; }

svg #english image, svg #grid image {
  width: 9px;
  height: 9px; }

.card-CustomApplication .control-bar {
  background-color: #d5e2c1;
  border-top: 1px solid #f5f8ec; }

.card-CustomApplication .rewardBar {
  background-color: #555 !important; }

[data-cardtype="CustomAppPlace"] .card-CustomApplication {
  margin-bottom: 0; }

.card-event .control-bar {
  background-color: #d5e2c1;
  border-top: 1px solid #f5f8ec; }

.article-main .control-bar {
  background-color: #d5e2c1;
  border-top: 1px solid #f5f8ec; }

.body-lightBox .card-common[data-style="1"] .card-text-name {
  color: #338422; }

.choosePlace .select-dropdown li.optgroup-option[data-color] {
  background-color: transparent; }
  .choosePlace .select-dropdown li.optgroup-option[data-color].active.selected {
    background-color: #e0e0e0; }

.card-article[data-style="1"] .article-center .card-text-info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.9; }

.card-article[data-style="1"] .card-img .imgInfo .imgIntro {
  max-width: 100%;
  margin-right: 0; }

.card-article[data-style="1"] .card-img .imgInfo .imgLink {
  display: none; }

.card-article[data-style="4"] .article-list li .card-text {
  padding: 0; }

.card-article[data-style="4"] .article-list li .article-list-set {
  display: none; }

[data-cardtype="ArticleIntro"] .card-article[data-style="1"] .article-center .card-text-info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.9; }

.card-event[data-style="1"] .article-center .card-text-info, .card-event[data-style="3"] .article-center .card-text-info, .card-event[data-style="4"] .article-center .card-text-info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.9; }

.card-event[data-style="1"] .card-img .imgInfo .imgIntro, .card-event[data-style="3"] .card-img .imgInfo .imgIntro, .card-event[data-style="4"] .card-img .imgInfo .imgIntro {
  max-width: 100%;
  margin-right: 0; }

.card-event[data-style="1"] .card-img .imgInfo .imgLink, .card-event[data-style="3"] .card-img .imgInfo .imgLink, .card-event[data-style="4"] .card-img .imgInfo .imgLink {
  display: none; }

.card-event[data-style="1"] .article-left .card-datetime .card-calendar > a#AddToFavorite {
  display: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .card-event[data-style="1"] .event-list li[data-filter-class*='-1'] .card-img {
    position: relative; }
    .card-event[data-style="1"] .event-list li[data-filter-class*='-1'] .card-img:before {
      content: "";
      position: absolute;
      display: inline-block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(51, 51, 51, 0.75);
      z-index: 1; }
  .card-event[data-style="1"] .event-list li[data-filter-class*='-1'] .card-img-content:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 5; } }

@-webkit-keyframes blinkAfter {
  0% {
    -webkit-transform: rotate(0deg) scale(0.08);
            transform: rotate(0deg) scale(0.08); }
  4% {
    -webkit-transform: rotate(-20deg) scale(0.9);
            transform: rotate(-20deg) scale(0.9); }
  8% {
    -webkit-transform: rotate(-40deg) scale(0.08);
            transform: rotate(-40deg) scale(0.08); }
  50% {
    -webkit-transform: rotate(-40deg) scale(0.08);
            transform: rotate(-40deg) scale(0.08); }
  52% {
    -webkit-transform: rotate(-50deg) scale(0.3);
            transform: rotate(-50deg) scale(0.3); }
  54% {
    -webkit-transform: rotate(-60deg) scale(0.08);
            transform: rotate(-60deg) scale(0.08); }
  100% {
    -webkit-transform: rotate(0deg) scale(0.08);
            transform: rotate(0deg) scale(0.08); } }

@keyframes blinkAfter {
  0% {
    -webkit-transform: rotate(0deg) scale(0.08);
            transform: rotate(0deg) scale(0.08); }
  4% {
    -webkit-transform: rotate(-20deg) scale(0.9);
            transform: rotate(-20deg) scale(0.9); }
  8% {
    -webkit-transform: rotate(-40deg) scale(0.08);
            transform: rotate(-40deg) scale(0.08); }
  50% {
    -webkit-transform: rotate(-40deg) scale(0.08);
            transform: rotate(-40deg) scale(0.08); }
  52% {
    -webkit-transform: rotate(-50deg) scale(0.3);
            transform: rotate(-50deg) scale(0.3); }
  54% {
    -webkit-transform: rotate(-60deg) scale(0.08);
            transform: rotate(-60deg) scale(0.08); }
  100% {
    -webkit-transform: rotate(0deg) scale(0.08);
            transform: rotate(0deg) scale(0.08); } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

#starCanvas {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0; }

html.Bg-night #starCanvas {
  opacity: 0.5; }

html.Bg-night body {
  background: #020225;
  background: -webkit-linear-gradient(top, #020225 0%, #030535 23%, #030535 23%, #0c135a 51%, #34316b 77%, #321d74 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#020225), color-stop(23%, #030535), color-stop(23%, #030535), color-stop(51%, #0c135a), color-stop(77%, #34316b), to(#321d74));
  background: -o-linear-gradient(top, #020225 0%, #030535 23%, #030535 23%, #0c135a 51%, #34316b 77%, #321d74 100%);
  background: linear-gradient(to bottom, #020225 0%, #030535 23%, #030535 23%, #0c135a 51%, #34316b 77%, #321d74 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020225', endColorstr='#321d74',GradientType=0 ); }
  html.Bg-night body a :focus, html.Bg-night body a :active, html.Bg-night body a :hover {
    color: #ac7224; }
  html.Bg-night body a :link {
    color: #ffffff; }
  html.Bg-night body a :visited {
    color: #ffffff; }
  html.Bg-night body.index > div.zone[data-zoneno="Z170804172600293"] {
    background-color: #312f51; }
  html.Bg-night body.index > div.zone[data-zoneno="Z14"], html.Bg-night body.index > div.zone[data-zoneno="Z15"] {
    background-color: transparent; }
  html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a {
    color: #ffffff; }
    html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a:focus, html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a:active, html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a:hover {
      color: #ac7224 !important; }
      html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a:focus > div.article-list-title, html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a:active > div.article-list-title, html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a:hover > div.article-list-title {
        color: #ac7224 !important; }
      html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a:focus > div.article-list-info, html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a:active > div.article-list-info, html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a:hover > div.article-list-info {
        color: #ac7224 !important; }
    html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a > div.article-list-title {
      color: #ffffff; }
    html.Bg-night body.index > div.zone .card-articleSet[data-style="2"] .article-list li > a .article-list-info {
      color: #ffffff; }
  html.Bg-night body.index > div.zone .card-imageText[data-style="4"] .card-text-info * {
    color: #f5f5f5 !important; }
  html.Bg-night body.index > div.zone a:focus .card-text-name, html.Bg-night body.index > div.zone a:focus .card-text-info, html.Bg-night body.index > div.zone a:active .card-text-name, html.Bg-night body.index > div.zone a:active .card-text-info, html.Bg-night body.index > div.zone a:hover .card-text-name, html.Bg-night body.index > div.zone a:hover .card-text-info {
    color: #ac7224; }
  html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a {
    color: #ffffff; }
    html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a:focus .card-text-name, html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a:focus .card-text-info, html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a:active .card-text-name, html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a:active .card-text-info, html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a:hover .card-text-name, html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a:hover .card-text-info {
      color: #ac7224; }
    @media only screen and (max-width: 800px) {
      html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a {
        color: #616161; } }
    @media only screen and (max-width: 800px) {
      html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a:hover {
        color: #616161; } }
    @media only screen and (max-width: 800px) {
      html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a:focus, html.Bg-night body.index > div.zone .card-CustomShopsSet[data-style="1"] a:active {
        color: #000000; } }

html.Bg-night * .btn-black-o, html.Bg-night .card-articleSet[data-style="2"] .btn-black-o {
  color: #ffffff;
  border-color: #ffffff; }
  html.Bg-night * .btn-black-o:focus, html.Bg-night * .btn-black-o:active, html.Bg-night * .btn-black-o:hover, html.Bg-night .card-articleSet[data-style="2"] .btn-black-o:focus, html.Bg-night .card-articleSet[data-style="2"] .btn-black-o:active, html.Bg-night .card-articleSet[data-style="2"] .btn-black-o:hover {
    border-color: #ac7224;
    background-color: #ac7224; }

html.Bg-night .card-text-name {
  color: #ffffff; }

html.Bg-night .card-text-info {
  color: #f5f5f5; }

html.Bg-night .card-header[data-style="1"] {
  color: #ffffff;
  background-color: #000000;
  border-bottom-color: #000000; }
  html.Bg-night .card-header[data-style="1"].header--shrink {
    background-color: rgba(0, 0, 0, 0.74); }
    html.Bg-night .card-header[data-style="1"].header--shrink .sub-menu a, html.Bg-night .card-header[data-style="1"].header--shrink .nav-dropdown > ul a {
      background-color: #ffffff; }
      html.Bg-night .card-header[data-style="1"].header--shrink .sub-menu a:focus, html.Bg-night .card-header[data-style="1"].header--shrink .sub-menu a:active, html.Bg-night .card-header[data-style="1"].header--shrink .sub-menu a:hover, html.Bg-night .card-header[data-style="1"].header--shrink .nav-dropdown > ul a:focus, html.Bg-night .card-header[data-style="1"].header--shrink .nav-dropdown > ul a:active, html.Bg-night .card-header[data-style="1"].header--shrink .nav-dropdown > ul a:hover {
        color: #ffffff; }
    html.Bg-night .card-header[data-style="1"].header--shrink .nav ul:not(.nav-social) > li > ul a {
      background-color: #ffffff; }
      html.Bg-night .card-header[data-style="1"].header--shrink .nav ul:not(.nav-social) > li > ul a:focus, html.Bg-night .card-header[data-style="1"].header--shrink .nav ul:not(.nav-social) > li > ul a:active, html.Bg-night .card-header[data-style="1"].header--shrink .nav ul:not(.nav-social) > li > ul a:hover {
        background-color: #dcb888; }
  html.Bg-night .card-header[data-style="1"] a {
    color: #ffffff; }
    html.Bg-night .card-header[data-style="1"] a:focus, html.Bg-night .card-header[data-style="1"] a:active, html.Bg-night .card-header[data-style="1"] a:hover {
      color: #ac7224; }
  html.Bg-night .card-header[data-style="1"] li.current-menu > a {
    color: #ac7224; }
    html.Bg-night .card-header[data-style="1"] li.current-menu > a:focus, html.Bg-night .card-header[data-style="1"] li.current-menu > a:active, html.Bg-night .card-header[data-style="1"] li.current-menu > a:hover {
      color: #ac7224; }
  html.Bg-night .card-header[data-style="1"] .nav .dropdown-default-text:focus, html.Bg-night .card-header[data-style="1"] .nav .dropdown-default-text:active, html.Bg-night .card-header[data-style="1"] .nav .dropdown-default-text:hover, html.Bg-night .card-header[data-style="1"] .menu .dropdown-default-text:focus, html.Bg-night .card-header[data-style="1"] .menu .dropdown-default-text:active, html.Bg-night .card-header[data-style="1"] .menu .dropdown-default-text:hover {
    color: #ac7224; }
  html.Bg-night .card-header[data-style="1"] .menu .main-menu > li::after {
    background-color: #ac7224; }
  html.Bg-night .card-header[data-style="1"] .menu .main-menu > li > ul a:focus, html.Bg-night .card-header[data-style="1"] .menu .main-menu > li > ul a:active, html.Bg-night .card-header[data-style="1"] .menu .main-menu > li > ul a:hover {
    background-color: #dcb888; }
  html.Bg-night .card-header[data-style="1"] .menu .main-menu > li > ul li.current-menu > a {
    background-color: #dcb888; }
  html.Bg-night .card-header[data-style="1"] .nav ul:not(.nav-social) > li > ul a:focus, html.Bg-night .card-header[data-style="1"] .nav ul:not(.nav-social) > li > ul a:active, html.Bg-night .card-header[data-style="1"] .nav ul:not(.nav-social) > li > ul a:hover {
    background-color: #dcb888; }
  html.Bg-night .card-header[data-style="1"] .nav > div > ul a:focus, html.Bg-night .card-header[data-style="1"] .nav > div > ul a:active, html.Bg-night .card-header[data-style="1"] .nav > div > ul a:hover {
    background-color: #dcb888; }
  html.Bg-night .card-header[data-style="1"] .sub-menu a, html.Bg-night .card-header[data-style="1"] .nav-dropdown > ul a {
    color: #000000; }
    html.Bg-night .card-header[data-style="1"] .sub-menu a:focus, html.Bg-night .card-header[data-style="1"] .sub-menu a:active, html.Bg-night .card-header[data-style="1"] .sub-menu a:hover, html.Bg-night .card-header[data-style="1"] .nav-dropdown > ul a:focus, html.Bg-night .card-header[data-style="1"] .nav-dropdown > ul a:active, html.Bg-night .card-header[data-style="1"] .nav-dropdown > ul a:hover {
      color: #ffffff; }
  html.Bg-night .card-header[data-style="1"] .mobile-menu .nav.top {
    background-color: transparent;
    border-bottom-color: #333333; }
  html.Bg-night .card-header[data-style="1"] .mobile-menu .menu-main {
    background-color: #000000; }
    html.Bg-night .card-header[data-style="1"] .mobile-menu .menu-main .menu {
      border-right-color: #333333; }
    html.Bg-night .card-header[data-style="1"] .mobile-menu .menu-main .main.top {
      border-top-color: #333333;
      border-bottom-color: #333333; }
  html.Bg-night .card-header[data-style="1"] .menu-toggle .menu-toggle-hamburger, html.Bg-night .card-header[data-style="1"] .menu-toggle .menu-toggle-hamburger::before, html.Bg-night .card-header[data-style="1"] .menu-toggle .menu-toggle-hamburger::after {
    background-color: #ffffff; }
  html.Bg-night .card-header[data-style="1"] .menu-toggle.toggle-active .menu-toggle-hamburger {
    background-color: transparent; }
  html.Bg-night .card-header[data-style="1"] .menu-toggle.toggle-active .menu-toggle-hamburger::before, html.Bg-night .card-header[data-style="1"] .menu-toggle.toggle-active .menu-toggle-hamburger::after {
    background-color: #ac7224; }
  html.Bg-night .card-header[data-style="1"] .webSearch a {
    color: #000000; }
    html.Bg-night .card-header[data-style="1"] .webSearch a:focus, html.Bg-night .card-header[data-style="1"] .webSearch a:active, html.Bg-night .card-header[data-style="1"] .webSearch a:hover {
      color: #ac7224; }

html.Bg-night .card-plainText[data-style="1"] .title-main {
  color: #ffffff; }

html.Bg-night .card-plainText[data-style="1"] .title-sub {
  color: #f5f5f5; }

html.Bg-night .card-eventSet[data-style="1"] .swiper-heading, html.Bg-night .card-eventSet[data-style="1"] .swiper-body-text-name {
  color: #ffffff; }

html.Bg-night .card-eventSet[data-style="1"] .swiper-body-text-date {
  color: #f5f5f5; }

html.Bg-night .card-eventSet[data-style="1"] .swiper-body-text-time {
  color: #eeeeee; }

html.Bg-night .card-eventSet[data-style="1"] .swiper-button-prev, html.Bg-night .card-eventSet[data-style="1"] .swiper-button-next {
  background-color: rgba(0, 0, 0, 0.7) !important; }

html.Bg-night .card-eventSet[data-style="1"] .swiper-heading {
  border-bottom-color: #ffffff; }

html.Bg-night .card-eventSet[data-style="1"] .swiper-body {
  border-bottom-color: #474965; }
  html.Bg-night .card-eventSet[data-style="1"] .swiper-body:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-bottom-color: rgba(0, 0, 0, 0.5) !important; }

html.Bg-night .card-footer[data-style="1"] .title {
  color: #ffffff; }

html.Bg-night .card-footer[data-style="1"] .footer-main {
  background-color: #29243b;
  border-top-color: #29243b; }
  html.Bg-night .card-footer[data-style="1"] .footer-main .footer-wrapper {
    background-color: #29243b;
    border-top-color: #29243b; }

html.Bg-night .card-footer[data-style="1"] .footer-copyright {
  background-color: #0f0a29; }
  html.Bg-night .card-footer[data-style="1"] .footer-copyright .footer-wrapper {
    background-color: transparent;
    border-top: none; }

html.Bg-night .card-footer[data-style="1"] a:focus, html.Bg-night .card-footer[data-style="1"] a:active, html.Bg-night .card-footer[data-style="1"] a:hover {
  color: #ac7224 !important; }

html.Bg-night .card-footer[data-style="1"] .footer-nav .nav-menu {
  border-bottom: 1px solid #393454; }

html.Bg-night .card-CustomShops[data-style="2"] a {
  color: #f5f5f5 !important; }
  html.Bg-night .card-CustomShops[data-style="2"] a:focus, html.Bg-night .card-CustomShops[data-style="2"] a:active, html.Bg-night .card-CustomShops[data-style="2"] a:hover {
    color: #ac7224 !important; }

html.Bg-night .card-CustomShops[data-style="2"] .collapsible li {
  background-color: rgba(247, 247, 247, 0.1); }

.control-bar.rewardBar ::-webkit-input-placeholder {
  color: #616161; }

.control-bar.rewardBar ::-moz-placeholder {
  color: #616161; }

.control-bar.rewardBar ::-moz-placeholder {
  color: #616161; }

.control-bar.rewardBar ::-ms-input-placeholder {
  color: #616161; }

@-webkit-keyframes growfade {
  0% {
    opacity: 1;
    outline: 0px solid rgba(193, 232, 66, 0.79); }
  33% {
    opacity: 1;
    outline: 50vw solid rgba(193, 232, 66, 0.79); }
  66% {
    opacity: 1;
    outline: 50vw solid rgba(193, 232, 66, 0.79); }
  100% {
    opacity: 0;
    outline: 50vw solid rgba(193, 232, 66, 0.79); } }

@-webkit-keyframes open-door {
  0% {
    -webkit-transform: rotateX(-20deg) rotateY(0deg);
            transform: rotateX(-20deg) rotateY(0deg); }
  100% {
    -webkit-transform: rotateX(-20deg) rotateY(-100deg);
            transform: rotateX(-20deg) rotateY(-100deg); } }

@-webkit-keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: scale3d(2, 2, 2);
            transform: scale3d(2, 2, 2);
    opacity: 0; } }

@-webkit-keyframes remove {
  0%, 100% {
    top: -1000000px; } }

@-webkit-keyframes falling {
  0% {
    -webkit-transform: translate3d(300, 0, 0) rotate(0deg); }
  100% {
    -webkit-transform: translate3d(-350px, 700px, 0) rotate(90deg);
    opacity: 0; } }

@-webkit-keyframes falling3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-20deg); }
  100% {
    -webkit-transform: translate3d(-230px, 640px, 0) rotate(-70deg);
    opacity: 0; } }

@-webkit-keyframes falling2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(90deg); }
  100% {
    -webkit-transform: translate3d(-400px, 680px, 0) rotate(0deg);
    opacity: 0; } }

.card-plainText .blur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("images/blur.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0.5; }

.leaves {
  position: absolute;
  top: -100px;
  width: 100%;
  height: 100%;
  right: 0;
  text-align: right; }
  .leaves i {
    display: inline-block;
    width: 200px;
    height: 150px;
    background: -webkit-gradient(linear, left top, right bottom, from(#309900), to(#005600));
    background: -webkit-linear-gradient(top left, #309900, #005600);
    background: -o-linear-gradient(top left, #309900, #005600);
    background: linear-gradient(to bottom right, #309900, #005600);
    -webkit-transform: skew(20deg);
        -ms-transform: skew(20deg);
            transform: skew(20deg);
    border-radius: 5% 40% 70%;
    -webkit-box-shadow: inset 0px 0px 1px #222;
            box-shadow: inset 0px 0px 1px #222;
    border: 1px solid #333;
    z-index: 1;
    -webkit-animation: falling 3s 0s infinite; }
    .leaves i:nth-of-type(2n) {
      -webkit-animation: falling2 3s 0s infinite; }
    .leaves i:nth-of-type(3n) {
      -webkit-animation: falling3 3s 0s infinite; }
    .leaves i:before {
      position: absolute;
      content: "";
      top: 117px;
      right: 9px;
      height: 27px;
      width: 32px;
      -webkit-transform: rotate(49deg);
          -ms-transform: rotate(49deg);
              transform: rotate(49deg);
      border-radius: 0% 15% 15% 0%;
      border-top: 1px solid #222;
      border-bottom: 1px solid #222;
      border-left: 0px solid #222;
      border-right: 1px solid #222;
      background: -webkit-gradient(linear, left top, right top, from(darkgreen), to(#005600));
      background: -webkit-linear-gradient(left, darkgreen, #005600);
      background: -o-linear-gradient(left, darkgreen, #005600);
      background: linear-gradient(to right, darkgreen, #005600);
      z-index: 1; }
    .leaves i:after {
      content: "";
      height: 125px;
      width: 10px;
      background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
      background: -o-linear-gradient(left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
      background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
      display: block;
      -webkit-transform: rotate(125deg);
          -ms-transform: rotate(125deg);
              transform: rotate(125deg);
      position: absolute;
      left: 85px;
      border-radius: 50%; }
    .leaves i:nth-of-type(n) {
      height: 23px;
      width: 30px; }
    .leaves i:nth-of-type(n):before {
      width: 7px;
      height: 5px;
      top: 17px;
      right: 1px; }
    .leaves i:nth-of-type(n):after {
      width: 2px;
      height: 17px;
      left: 12px;
      top: 0px; }
    .leaves i:nth-of-type(2n+1) {
      height: 11px;
      width: 16px; }
    .leaves i:nth-of-type(2n+1):before {
      width: 4px;
      height: 3px;
      top: 7px;
      right: 0px; }
    .leaves i:nth-of-type(2n+1):after {
      width: 2px;
      height: 6px;
      left: 5px;
      top: 1px; }
    .leaves i:nth-of-type(3n+2) {
      height: 17px;
      width: 23px; }
    .leaves i:nth-of-type(3n+2):before {
      height: 4px;
      width: 4px;
      top: 12px;
      right: 1px; }
    .leaves i:nth-of-type(3n+2):after {
      height: 10px;
      width: 2px;
      top: 1px;
      left: 8px; }
    .leaves i:nth-of-type(n) {
      -webkit-animation-delay: 1.9s; }
    .leaves i:nth-of-type(2n) {
      -webkit-animation-delay: 3.9s; }
    .leaves i:nth-of-type(3n) {
      -webkit-animation-delay: 2.3s; }
    .leaves i:nth-of-type(4n) {
      -webkit-animation-delay: 4.4s; }
    .leaves i:nth-of-type(5n) {
      -webkit-animation-delay: 5s; }
    .leaves i:nth-of-type(6n) {
      -webkit-animation-delay: 3.5s; }
    .leaves i:nth-of-type(7n) {
      -webkit-animation-delay: 2.8s; }
    .leaves i:nth-of-type(8n) {
      -webkit-animation-delay: 1.5s; }
    .leaves i:nth-of-type(9n) {
      -webkit-animation-delay: 3.3s; }
    .leaves i:nth-of-type(10n) {
      -webkit-animation-delay: 2.5s; }
    .leaves i:nth-of-type(11n) {
      -webkit-animation-delay: 1.2s; }
    .leaves i:nth-of-type(12n) {
      -webkit-animation-delay: 4.1s; }
    .leaves i:nth-of-type(13n) {
      -webkit-animation-delay: 1s; }
    .leaves i:nth-of-type(14n) {
      -webkit-animation-delay: 4.7s; }
    .leaves i:nth-of-type(15n) {
      -webkit-animation-delay: 3s; }
    .leaves i:nth-of-type(n) {
      background: -webkit-linear-gradient(top left, #309900, #005600);
      background: -o-linear-gradient(top left, #309900, #005600);
      background: -webkit-gradient(linear, left top, right bottom, from(#309900), to(#005600));
      background: linear-gradient(to bottom right, #309900, #005600); }
    .leaves i:nth-of-type(2n+2) {
      background: -webkit-linear-gradient(top left, #5e9900, #2b5600);
      background: -o-linear-gradient(top left, #5e9900, #2b5600);
      background: -webkit-gradient(linear, left top, right bottom, from(#5e9900), to(#2b5600));
      background: linear-gradient(to bottom right, #5e9900, #2b5600); }
    .leaves i:nth-of-type(4n+1) {
      background: -webkit-linear-gradient(top left, #990, #564500);
      background: -o-linear-gradient(top left, #990, #564500);
      background: -webkit-gradient(linear, left top, right bottom, from(#990), to(#564500));
      background: linear-gradient(to bottom right, #990, #564500); }
    .leaves i:nth-of-type(n) {
      opacity: 0.7; }
    .leaves i:nth-of-type(3n+1) {
      opacity: 0.5; }
    .leaves i:nth-of-type(3n+2) {
      opacity: 0.3; }
    .leaves i:nth-of-type(n) {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .leaves i:nth-of-type(n) {
      -webkit-animation-timing-function: ease-in-out; }

.door-content {
  opacity: 0;
  text-align: center;
  margin: auto;
  margin-top: calc(50vh - 120px);
  width: 50%;
  -webkit-animation: 1s fadein ease 0.5s, 2s zoomin ease 0.5s, 2s fadeout ease-out 3s;
          animation: 1s fadein ease 0.5s, 2s zoomin ease 0.5s, 2s fadeout ease-out 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

html.defaultPage [mB='main'], html.defaultPage [mT='main'], html.defaultPage .card-plainText, html.defaultPage .title-sub {
  margin: 0; }

html.defaultPage, html.defaultPage body {
  background-color: #c1e842;
  background: -webkit-linear-gradient(bottom, #c1e842 50%, #309900);
  background: -o-linear-gradient(bottom, #c1e842 50%, #309900);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #c1e842), to(#309900));
  background: linear-gradient(to top, #c1e842 50%, #309900);
  color: #eeeeee; }
  html.defaultPage, html.defaultPage .zone, html.defaultPage .wrapper, html.defaultPage .groove, html.defaultPage body, html.defaultPage body .zone, html.defaultPage body .wrapper, html.defaultPage body .groove {
    height: 100vh;
    overflow: hidden; }

html.defaultPage .card-plainText[data-style="1"] .title-main {
  display: none; }
  html.defaultPage .card-plainText[data-style="1"] .title-main ~ .title-sub {
    margin: 0; }

html.defaultPage .card-plainText, html.defaultPage .title-sub {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

html.defaultPage .welcome {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
  overflow: hidden;
  -webkit-animation: 0s remove linear 5s;
          animation: 0s remove linear 5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
  html.defaultPage .welcome .dark {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: 1s fadeout ease 0.5s;
            animation: 1s fadeout ease 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    html.defaultPage .welcome .dark .door-open {
      position: absolute;
      background: rgba(193, 232, 66, 0.79);
      height: 500px;
      width: 300px;
      top: calc(50% - 250px);
      left: calc(50% - 150px);
      z-index: 5;
      -webkit-animation: 0.5s growfade ease-in 0.2s;
              animation: 0.5s growfade ease-in 0.2s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
    html.defaultPage .welcome .dark .door {
      position: absolute;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 600px;
      width: 300px;
      top: calc(50% - 250px);
      left: calc(50% - 150px);
      z-index: 6;
      -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
              transform-origin: 0 0;
      -webkit-animation: 0.2s open-door ease-in-out, 0s fadeout linear 0.2s;
              animation: 0.2s open-door ease-in-out, 0s fadeout linear 0.2s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }

[zonelayout="h-c1-s1000"] ~ .zone {
  padding-top: 81px; }
  @media only screen and (max-width: 800px) {
    [zonelayout="h-c1-s1000"] ~ .zone {
      padding-top: 100px; } }

.card-questionnaire[data-style="1"] .blockquote .blockquote-img {
  float: none;
  margin: 0 auto 20px;
  max-width: 100%;
  text-align: center; }

.card-form[data-style="1"] .top-banner .top-image, .card-event[data-style="5"] .top-banner .top-image {
  margin-bottom: 20px;
  text-align: center; }
  .card-form[data-style="1"] .top-banner .top-image .img, .card-event[data-style="5"] .top-banner .top-image .img {
    width: 100%;
    margin-left: auto; }

.card-mainVision[data-style="2"] .flexsliderV {
  padding-bottom: 29%; }
  @media only screen and (max-width: 800px) {
    .card-mainVision[data-style="2"] .flexsliderV {
      padding-bottom: 100%; } }
  .card-mainVision[data-style="2"] .flexsliderV .slides {
    z-index: 5; }
    .card-mainVision[data-style="2"] .flexsliderV .slides img {
      position: absolute;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      top: 50%; }
    .card-mainVision[data-style="2"] .flexsliderV .slides > li.openVideoImgFull {
      cursor: pointer; }
      .card-mainVision[data-style="2"] .flexsliderV .slides > li.openVideoImgFull::after {
        content: "\ea38";
        font-family: "FontCCwork";
        display: block;
        font-size: 32px;
        width: 67px;
        height: 70px;
        line-height: 72px;
        color: #ffffff;
        text-align: center;
        border-radius: 100%;
        border: 3px solid #ffffff;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        margin-left: -35px;
        padding-left: 3px;
        margin-top: -35px; }
        @media only screen and (max-width: 800px) {
          .card-mainVision[data-style="2"] .flexsliderV .slides > li.openVideoImgFull::after {
            font-size: 40px;
            width: 47px;
            height: 50px;
            line-height: 51px;
            margin-left: -24px;
            margin-top: -27px; } }
      .card-mainVision[data-style="2"] .flexsliderV .slides > li.openVideoImgFull:hover::after {
        background-color: rgba(0, 0, 0, 0.5); }

.card-mainVision[data-style="2"] .flex-control-paging {
  z-index: 6; }

[zonelayout="h-c1-s1001"] {
  margin-bottom: 0; }
  @media only screen and (max-width: 420px) {
    [zonelayout="h-c1-s1001"] {
      margin-bottom: 0; } }

.swal2-container .swal2-select {
  display: none; }

[data-cardtype="Form"] #form-only-for-member {
  height: 48vh;
  min-height: 480px; }

.card-plainText[data-style="1"] {
  overflow: auto;
  margin: 0 auto; }

.control-bar[type=text]::-webkit-input-placeholder {
  color: #ffffff; }

.control-bar[type=text]::-moz-placeholder {
  color: #ffffff; }

.control-bar[type=text]::-moz-placeholder {
  color: #ffffff; }

.control-bar[type=text]::-ms-input-placeholder {
  color: #ffffff; }

.control-bar > div > a[class*='btn-']:not(.btn-del):hover, .control-bar > a[class*='btn-']:not(.btn-del):hover, .control-bar > form > a[class*='btn-']:not(.btn-del):hover {
  color: #000000;
  background-color: #ffffff; }

.control-bar > div > a[class*='btn-'].next.btnSend, .control-bar > a[class*='btn-'].next.btnSend, .control-bar > form > a[class*='btn-'].next.btnSend {
  color: #212121;
  background-color: transparent;
  border-color: transparent; }
  .control-bar > div > a[class*='btn-'].next.btnSend:focus, .control-bar > div > a[class*='btn-'].next.btnSend:hover, .control-bar > a[class*='btn-'].next.btnSend:focus, .control-bar > a[class*='btn-'].next.btnSend:hover, .control-bar > form > a[class*='btn-'].next.btnSend:focus, .control-bar > form > a[class*='btn-'].next.btnSend:hover {
    color: #000000;
    background-color: #ffffff; }

.control-bar > div > a[class*='btn-'].btn-bulid, .control-bar > a[class*='btn-'].btn-bulid, .control-bar > form > a[class*='btn-'].btn-bulid {
  color: #212121;
  background-color: transparent;
  border-color: transparent; }
  .control-bar > div > a[class*='btn-'].btn-bulid:focus, .control-bar > div > a[class*='btn-'].btn-bulid:hover, .control-bar > a[class*='btn-'].btn-bulid:focus, .control-bar > a[class*='btn-'].btn-bulid:hover, .control-bar > form > a[class*='btn-'].btn-bulid:focus, .control-bar > form > a[class*='btn-'].btn-bulid:hover {
    color: #000000;
    background-color: #ffffff; }

.control-bar > div > a[class*='btn-'].btn-grey, .control-bar > a[class*='btn-'].btn-grey, .control-bar > form > a[class*='btn-'].btn-grey {
  color: #212121;
  background-color: transparent;
  border-color: transparent; }
  .control-bar > div > a[class*='btn-'].btn-grey:focus, .control-bar > div > a[class*='btn-'].btn-grey:hover, .control-bar > a[class*='btn-'].btn-grey:focus, .control-bar > a[class*='btn-'].btn-grey:hover, .control-bar > form > a[class*='btn-'].btn-grey:focus, .control-bar > form > a[class*='btn-'].btn-grey:hover {
    color: #000000;
    background-color: #ffffff; }

.custom-qrCode-page::after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url("images/bg-qrCode.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  z-index: -1; }

.custom-qrCode-page .card-article[data-style="1"] {
  margin-top: 100px; }
  .custom-qrCode-page .card-article[data-style="1"] .title.long-text h1 {
    font-size: 2.4rem; }
  .custom-qrCode-page .card-article[data-style="1"] .title.m4a h1 {
    font-size: 2rem; }
  .custom-qrCode-page .card-article[data-style="1"] .title.m1a h1 {
    font-size: 2rem; }
  @media only screen and (max-width: 375px) {
    .custom-qrCode-page .card-article[data-style="1"] .title h1 {
      font-size: 2.8rem; }
    .custom-qrCode-page .card-article[data-style="1"] .title.sp h1 {
      font-size: 2rem; }
    .custom-qrCode-page .card-article[data-style="1"] .title.m1a h1 {
      font-size: 1.5rem; }
    .custom-qrCode-page .card-article[data-style="1"] .title.m2 h1 {
      font-size: 1.8rem; } }
  @media only screen and (max-width: 320px) {
    .custom-qrCode-page .card-article[data-style="1"] .title h1 {
      font-size: 2.4rem; }
    .custom-qrCode-page .card-article[data-style="1"] .title.m4a h1 {
      font-size: 1.5rem; }
    .custom-qrCode-page .card-article[data-style="1"] .title.m1a h1 {
      font-size: 1.3rem; } }
  .custom-qrCode-page .card-article[data-style="1"] .item {
    max-width: 780px;
    margin: 20px auto 0; }
    @media only screen and (max-width: 800px) {
      .custom-qrCode-page .card-article[data-style="1"] .item {
        padding: 0; } }
    .custom-qrCode-page .card-article[data-style="1"] .item .ccwork-qrcode {
      width: 215px;
      height: 215px; }
      .custom-qrCode-page .card-article[data-style="1"] .item .ccwork-qrcode a {
        width: 193px;
        height: 190px; }
      @media only screen and (max-width: 375px) {
        .custom-qrCode-page .card-article[data-style="1"] .item .ccwork-qrcode {
          width: 200px;
          height: 200px; }
          .custom-qrCode-page .card-article[data-style="1"] .item .ccwork-qrcode a {
            width: 178px;
            height: 180px;
            background-position: center 10%; } }
      @media only screen and (max-width: 320px) {
        .custom-qrCode-page .card-article[data-style="1"] .item .ccwork-qrcode {
          width: 170px;
          height: 170px; }
          .custom-qrCode-page .card-article[data-style="1"] .item .ccwork-qrcode a {
            width: 150px;
            height: 150px;
            background-position: center top; } }
    @media only screen and (max-width: 320px) {
      .custom-qrCode-page .card-article[data-style="1"] .item span:before {
        top: 0; } }

@media only screen and (max-width: 420px) {
  .card-event[data-style="5"] .article-center {
    z-index: 999 !important; } }