.card-imageTextList[data-style="5"] .card-imageText[data-style="1"] .card-text-name a {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none; }

.card-common .recommend .card-img-box a img, .card-common .recommend .card-img-box .card-text-name, .card-articleSet[data-style] .card a, .card-articleSet[data-style] .card a a, .card-articleSet[data-style] .card .card-text-name, .card-articleSet[data-style] .card .card-text-name a, .card-articleSet[data-style] .card .card-text-info, .card-articleSet[data-style] .card .card-text-info a, .card-imageTextList .card-imageText[data-style] a, .card-imageTextList .card-imageText[data-style] a a, .card-imageTextList .card-imageText[data-style] .card-text-name, .card-imageTextList .card-imageText[data-style] .card-text-name a, .card-imageTextList .card-imageText[data-style] .card-text-info, .card-imageTextList .card-imageText[data-style] .card-text-info a, .card-imageTextList .card-articleSet[data-style] a, .card-imageTextList .card-articleSet[data-style] a a, .card-imageTextList .card-articleSet[data-style] .card-text-name, .card-imageTextList .card-articleSet[data-style] .card-text-name a, .card-imageTextList .card-articleSet[data-style] .card-text-info, .card-imageTextList .card-articleSet[data-style] .card-text-info a {
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.card-common .recommend .card-img-box a img, .card-common .recommend .card-img-box a:hover img {
  -webkit-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

a:focus, a:active, a:hover {
  color: #00c2e2; }
  a:focus .article-list-title, a:active .article-list-title, a:hover .article-list-title {
    color: #00c2e2 !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: #00c2e2; }

a.btn-black-o, .btn-black-o {
  border-color: #00c2e2;
  color: #00c2e2; }
  a.btn-black-o:link, .btn-black-o:link {
    border-color: #00c2e2;
    color: #00c2e2; }
  a.btn-black-o:focus, a.btn-black-o:active, a.btn-black-o:hover, .btn-black-o:focus, .btn-black-o:active, .btn-black-o:hover {
    border-color: #00c2e2;
    background-color: #00c2e2;
    color: #ffffff; }

a.btn-custom, .btn-custom {
  border-color: #00c2e2 !important;
  background-color: #00c2e2 !important;
  color: #ffffff !important; }
  a.btn-custom:link, .btn-custom:link {
    border-color: #00c2e2 !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: #00c2e2 !important;
    background-color: transparent !important;
    color: #00c2e2 !important; }

a.btn-custom-o, .btn-custom-o {
  border-color: #00c2e2 !important;
  color: #00c2e2 !important; }
  a.btn-custom-o:link, .btn-custom-o:link {
    border-color: #00c2e2 !important;
    color: #00c2e2 !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: #00c2e2 !important;
    background-color: #00c2e2 !important;
    color: #ffffff !important; }

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

.count-custom {
  color: #9e9e9e;
  margin-right: 15px;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid #cccccc;
  text-align: left;
  width: 28px;
  height: 28px;
  position: relative;
  background: #ffffff;
  position: absolute;
  margin-top: 6px;
  right: 0; }
  .count-custom i {
    font-size: 18px;
    margin: 3px 0 0 4px;
    position: relative;
    z-index: 2; }
  .count-custom span {
    position: absolute;
    bottom: -5px;
    right: -72%;
    display: block;
    background: #ffffff;
    line-height: 1;
    padding: 4px 5px 0 5px;
    text-align: left;
    z-index: 1; }

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

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

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

.card-common .card-text-name {
  color: #00c2e2; }

.card-common .article-main .card-text-name ~ .card-text-info {
  margin-top: 7px; }

.card-common .recommend .card-img-box a {
  background-color: #dedede; }
  .card-common .recommend .card-img-box a img {
    position: absolute;
    top: 0;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0; }

.card-common .recommend .card-img-box:focus .card-text-name, .card-common .recommend .card-img-box:active .card-text-name, .card-common .recommend .card-img-box:hover .card-text-name {
  color: #00c2e2; }
  .card-common .recommend .card-img-box:focus .card-text-name a, .card-common .recommend .card-img-box:active .card-text-name a, .card-common .recommend .card-img-box:hover .card-text-name a {
    color: #00c2e2; }

.card-article .article-list li > a:focus .card-text-name, .card-article .article-list li > a:focus .card-text-info, .card-article .article-list li > a:focus div.article-list-title, .card-article .article-list li > a:focus div.article-list-desc, .card-article .article-list li > a:active .card-text-name, .card-article .article-list li > a:active .card-text-info, .card-article .article-list li > a:active div.article-list-title, .card-article .article-list li > a:active div.article-list-desc, .card-article .article-list li > a:hover .card-text-name, .card-article .article-list li > a:hover .card-text-info, .card-article .article-list li > a:hover div.article-list-title, .card-article .article-list li > a:hover div.article-list-desc {
  color: #00c2e2; }

.card-articleSet[data-style] .card a:focus, .card-articleSet[data-style] .card a:active, .card-articleSet[data-style] .card a:hover, .card-articleSet[data-style] .card .card-text-name:focus, .card-articleSet[data-style] .card .card-text-name:active, .card-articleSet[data-style] .card .card-text-name:hover, .card-articleSet[data-style] .card .card-text-info:focus, .card-articleSet[data-style] .card .card-text-info:active, .card-articleSet[data-style] .card .card-text-info:hover {
  color: #00c2e2 !important; }

.card-articleSet[data-style] .card:focus a, .card-articleSet[data-style] .card:focus a a, .card-articleSet[data-style] .card:focus .card-text-name, .card-articleSet[data-style] .card:focus .card-text-name a, .card-articleSet[data-style] .card:focus .card-text-info, .card-articleSet[data-style] .card:focus .card-text-info a, .card-articleSet[data-style] .card:active a, .card-articleSet[data-style] .card:active a a, .card-articleSet[data-style] .card:active .card-text-name, .card-articleSet[data-style] .card:active .card-text-name a, .card-articleSet[data-style] .card:active .card-text-info, .card-articleSet[data-style] .card:active .card-text-info a, .card-articleSet[data-style] .card:hover a, .card-articleSet[data-style] .card:hover a a, .card-articleSet[data-style] .card:hover .card-text-name, .card-articleSet[data-style] .card:hover .card-text-name a, .card-articleSet[data-style] .card:hover .card-text-info, .card-articleSet[data-style] .card:hover .card-text-info a {
  color: #00c2e2 !important; }

.card-imageTextList .card-imageText[data-style] a:focus, .card-imageTextList .card-imageText[data-style] a:active, .card-imageTextList .card-imageText[data-style] a:hover, .card-imageTextList .card-imageText[data-style] .card-text-name:focus, .card-imageTextList .card-imageText[data-style] .card-text-name:active, .card-imageTextList .card-imageText[data-style] .card-text-name:hover, .card-imageTextList .card-imageText[data-style] .card-text-info:focus, .card-imageTextList .card-imageText[data-style] .card-text-info:active, .card-imageTextList .card-imageText[data-style] .card-text-info:hover, .card-imageTextList .card-articleSet[data-style] a:focus, .card-imageTextList .card-articleSet[data-style] a:active, .card-imageTextList .card-articleSet[data-style] a:hover, .card-imageTextList .card-articleSet[data-style] .card-text-name:focus, .card-imageTextList .card-articleSet[data-style] .card-text-name:active, .card-imageTextList .card-articleSet[data-style] .card-text-name:hover, .card-imageTextList .card-articleSet[data-style] .card-text-info:focus, .card-imageTextList .card-articleSet[data-style] .card-text-info:active, .card-imageTextList .card-articleSet[data-style] .card-text-info:hover {
  color: #00c2e2 !important; }

.card-imageTextList .card-imageText[data-style]:focus a, .card-imageTextList .card-imageText[data-style]:focus a a, .card-imageTextList .card-imageText[data-style]:focus .card-text-name, .card-imageTextList .card-imageText[data-style]:focus .card-text-name a, .card-imageTextList .card-imageText[data-style]:focus .card-text-info, .card-imageTextList .card-imageText[data-style]:focus .card-text-info a, .card-imageTextList .card-imageText[data-style]:active a, .card-imageTextList .card-imageText[data-style]:active a a, .card-imageTextList .card-imageText[data-style]:active .card-text-name, .card-imageTextList .card-imageText[data-style]:active .card-text-name a, .card-imageTextList .card-imageText[data-style]:active .card-text-info, .card-imageTextList .card-imageText[data-style]:active .card-text-info a, .card-imageTextList .card-imageText[data-style]:hover a, .card-imageTextList .card-imageText[data-style]:hover a a, .card-imageTextList .card-imageText[data-style]:hover .card-text-name, .card-imageTextList .card-imageText[data-style]:hover .card-text-name a, .card-imageTextList .card-imageText[data-style]:hover .card-text-info, .card-imageTextList .card-imageText[data-style]:hover .card-text-info a, .card-imageTextList .card-articleSet[data-style]:focus a, .card-imageTextList .card-articleSet[data-style]:focus a a, .card-imageTextList .card-articleSet[data-style]:focus .card-text-name, .card-imageTextList .card-articleSet[data-style]:focus .card-text-name a, .card-imageTextList .card-articleSet[data-style]:focus .card-text-info, .card-imageTextList .card-articleSet[data-style]:focus .card-text-info a, .card-imageTextList .card-articleSet[data-style]:active a, .card-imageTextList .card-articleSet[data-style]:active a a, .card-imageTextList .card-articleSet[data-style]:active .card-text-name, .card-imageTextList .card-articleSet[data-style]:active .card-text-name a, .card-imageTextList .card-articleSet[data-style]:active .card-text-info, .card-imageTextList .card-articleSet[data-style]:active .card-text-info a, .card-imageTextList .card-articleSet[data-style]:hover a, .card-imageTextList .card-articleSet[data-style]:hover a a, .card-imageTextList .card-articleSet[data-style]:hover .card-text-name, .card-imageTextList .card-articleSet[data-style]:hover .card-text-name a, .card-imageTextList .card-articleSet[data-style]:hover .card-text-info, .card-imageTextList .card-articleSet[data-style]:hover .card-text-info a {
  color: #00c2e2 !important; }

.card-imageTextList[data-style="5"] .card-imageText[data-style="1"] .card-text-name {
  font-size: 18px;
  text-align: center;
  color: #000; }
  .card-imageTextList[data-style="5"] .card-imageText[data-style="1"] .card-text-name a {
    font-size: 18px;
    text-align: center;
    color: #000; }

.card-imageTextList[data-style="5"] .card-imageText[data-style="1"] .card-text-info {
  text-align: center;
  color: #000; }

.card-imageTextList[data-style="9"] .card-imageText[data-style="7"] .count-custom {
  float: right;
  position: relative; }

.card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap {
  color: #ffffff !important; }
  .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap a, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap .card-text-name, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap .card-text-info {
    color: #ffffff !important; }
    .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap a:focus, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap a:active, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap a:hover, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap .card-text-name:focus, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap .card-text-name:active, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap .card-text-name:hover, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap .card-text-info:focus, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap .card-text-info:active, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"] .card-img .activeWrap .card-text-info:hover {
      color: #ffffff !important; }

.card-imageTextList[data-style="10"] .card-imageText[data-style="2"]:focus, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"]:active, .card-imageTextList[data-style="10"] .card-imageText[data-style="2"]:hover {
  color: #ffffff !important; }

* a.btn-black-o, * .btn-black-o, * a.btn-grey-darken-4-o, * .btn-grey-darken-4-o, .card-articleSet[data-style="2"] a.btn-black-o, .card-articleSet[data-style="2"] .btn-black-o, .card-articleSet[data-style="2"] a.btn-grey-darken-4-o, .card-articleSet[data-style="2"] .btn-grey-darken-4-o, .card-articleSet[data-style="3"] a.btn-black-o, .card-articleSet[data-style="3"] .btn-black-o, .card-articleSet[data-style="3"] a.btn-grey-darken-4-o, .card-articleSet[data-style="3"] .btn-grey-darken-4-o {
  color: #00c2e2;
  border-color: #00c2e2; }
  * a.btn-black-o:focus, * a.btn-black-o:active, * a.btn-black-o:hover, * .btn-black-o:focus, * .btn-black-o:active, * .btn-black-o:hover, * a.btn-grey-darken-4-o:focus, * a.btn-grey-darken-4-o:active, * a.btn-grey-darken-4-o:hover, * .btn-grey-darken-4-o:focus, * .btn-grey-darken-4-o:active, * .btn-grey-darken-4-o:hover, .card-articleSet[data-style="2"] a.btn-black-o:focus, .card-articleSet[data-style="2"] a.btn-black-o:active, .card-articleSet[data-style="2"] a.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, .card-articleSet[data-style="2"] a.btn-grey-darken-4-o:focus, .card-articleSet[data-style="2"] a.btn-grey-darken-4-o:active, .card-articleSet[data-style="2"] a.btn-grey-darken-4-o:hover, .card-articleSet[data-style="2"] .btn-grey-darken-4-o:focus, .card-articleSet[data-style="2"] .btn-grey-darken-4-o:active, .card-articleSet[data-style="2"] .btn-grey-darken-4-o:hover, .card-articleSet[data-style="3"] a.btn-black-o:focus, .card-articleSet[data-style="3"] a.btn-black-o:active, .card-articleSet[data-style="3"] a.btn-black-o:hover, .card-articleSet[data-style="3"] .btn-black-o:focus, .card-articleSet[data-style="3"] .btn-black-o:active, .card-articleSet[data-style="3"] .btn-black-o:hover, .card-articleSet[data-style="3"] a.btn-grey-darken-4-o:focus, .card-articleSet[data-style="3"] a.btn-grey-darken-4-o:active, .card-articleSet[data-style="3"] a.btn-grey-darken-4-o:hover, .card-articleSet[data-style="3"] .btn-grey-darken-4-o:focus, .card-articleSet[data-style="3"] .btn-grey-darken-4-o:active, .card-articleSet[data-style="3"] .btn-grey-darken-4-o:hover {
    color: #ffffff;
    border-color: #00c2e2;
    background-color: #00c2e2; }

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

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

[zonelayout="h-c1-s1000"] ~ .zone {
  padding-top: 61px; }
  @media only screen and (max-width: 800px) {
    [zonelayout="h-c1-s1000"] ~ .zone {
      padding-top: 61px; } }
  @media only screen and (max-width: 580px) {
    [zonelayout="h-c1-s1000"] ~ .zone {
      padding-top: 59px; } }
  [zonelayout="h-c1-s1000"] ~ .zone [mT='main'] {
    margin-top: 0; }
  [zonelayout="h-c1-s1000"] ~ .zone [mB='main'] {
    margin-bottom: 0; }
  [zonelayout="h-c1-s1000"] ~ .zone[zonelayout="h-c1-s1002"] {
    padding-top: 0; }
  [zonelayout="h-c1-s1000"] ~ .zone ~ .zone [mT='main'] {
    margin-top: 0; }
  [zonelayout="h-c1-s1000"] ~ .zone ~ .zone [mB='main'] {
    margin-bottom: 0; }
  [zonelayout="h-c1-s1000"] ~ .zone ~ .zone .card-Parallax[data-style="1"] {
    margin-top: 0; }

[zonelayout="h-c1-s1001"] {
  margin-top: 50px; }

body [zonelayout="h-c1-s1002"] ~ .zone[zonelayout="h-AD-s1"], body [zonelayout="h-c1-s1002"] ~ .zone[zonelayout="h-c1-s1"] {
  padding-top: 61px; }
  @media only screen and (max-width: 800px) {
    body [zonelayout="h-c1-s1002"] ~ .zone[zonelayout="h-AD-s1"], body [zonelayout="h-c1-s1002"] ~ .zone[zonelayout="h-c1-s1"] {
      padding-top: 61px; } }
  @media only screen and (max-width: 580px) {
    body [zonelayout="h-c1-s1002"] ~ .zone[zonelayout="h-AD-s1"], body [zonelayout="h-c1-s1002"] ~ .zone[zonelayout="h-c1-s1"] {
      padding-top: 103px; } }

@media only screen and (max-width: 800px) {
  body.nav-hide [zonelayout="h-c1-s1000"] ~ .zone .card-Parallax[data-style="1"] {
    margin-top: 80px; } }

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

body.index > div .groove {
  margin: 0 !important; }
  body.index > div .groove[data-cardtype="ImageTextList"] {
    overflow: visible; }

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: #00c2e2; }

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

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

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

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

body.index > div[data-zoneno="Z171129013235686"] .groove, body.index > div[data-zoneno="Z171129014336875"] .groove {
  margin-top: 55px !important; }

body.index > div[data-zoneno="Z181221171410718"] {
  margin-top: 100px; }

body.index > div[data-zoneno="Z181217072229800"] .groove, body.index > div[data-zoneno="Z181228162902104"] .groove {
  margin-top: 95px !important; }

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

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

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

body.index > div[data-zoneno="Z181217075803736"] .groove {
  margin: 100px auto 80px !important; }

body.index .card-header[data-style="2"] .header-logo img {
  max-width: 100%;
  max-height: 100%; }

@media only screen and (max-width: 800px) {
  body.index .card-mainVision[data-style="2"] .flexsliderV {
    padding-bottom: 71%; } }

body.index .card-plainText[data-style="1"] .title-main {
  font-size: 36px; }

body.index .card-Parallax[data-style="1"] {
  height: 280px; }
  @media only screen and (max-width: 800px) {
    body.index .card-Parallax[data-style="1"] {
      height: 0;
      padding-bottom: 60%; } }

body.index .card-imageTextList[data-style="16"] .card-text-info {
  color: #ff9800; }

body.index .card-footer[data-style="4"] {
  margin-top: 100px !important; }

body.index [zonelayout="h-c1-s1001"] {
  margin-top: 0; }

body.login input:-webkit-autofill, body.register input:-webkit-autofill, body.myinfo input:-webkit-autofill, body.verify input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !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 [zonelayout="h-c1-s1000"] ~ .zone[zonelayout="h-c1-s1002"], body.register [zonelayout="h-c1-s1000"] ~ .zone[zonelayout="h-c1-s1002"], body.myinfo [zonelayout="h-c1-s1000"] ~ .zone[zonelayout="h-c1-s1002"], body.verify [zonelayout="h-c1-s1000"] ~ .zone[zonelayout="h-c1-s1002"] {
    padding-top: 0; } }

body.figure .filters-bar {
  display: none; }

.card-common .comment .member-comment .userName {
  color: #00c2e2; }

.card-member[data-style="1"].loginPage div.login .login-logo {
  color: #000; }

.card-article[data-style="2"] .article-title::before {
  background-color: #00c2e2; }

body.demo .zone:nth-of-type(8) .card-imageTextList::before, body.demo .zone:nth-of-type(11) .card-imageTextList::before, body.demo .zone:nth-of-type(13) .card-imageTextList::before {
  content: '';
  width: 2px;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: -30px;
  top: 0; }
  @media only screen and (max-width: 580px) {
    body.demo .zone:nth-of-type(8) .card-imageTextList::before, body.demo .zone:nth-of-type(11) .card-imageTextList::before, body.demo .zone:nth-of-type(13) .card-imageTextList::before {
      left: -10px; } }

body.demo .zone[data-zoneno="Z181217075803736"] .card-imageTextList[data-style="12"] .card-imageText[data-style="1"] .card-img {
  padding-bottom: 0;
  height: auto;
  text-align: center; }
  body.demo .zone[data-zoneno="Z181217075803736"] .card-imageTextList[data-style="12"] .card-imageText[data-style="1"] .card-img img {
    max-width: 250px;
    position: relative; }

body.demo .zone[data-zoneno="Z181217075803736"] .card-imageTextList[data-style="12"] .card-imageText[data-style="1"] .card-img-content {
  background-size: contain !important; }

body.demo .zone[data-zoneno="Z181217075803736"] .card-imageTextList[data-style="12"] .card-imageText[data-style="1"] .card-text {
  text-align: center; }

body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardtype='plainText'], body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(1), body.demo .zone:nth-of-type(16) .groove[data-cardtype='plainText'], body.demo .zone:nth-of-type(16) .groove:nth-of-type(1) {
  background-color: #f8f8f8;
  margin-right: 15px !important; }

body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap {
  border: none;
  padding-bottom: 100%; }
  body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap .card-text-name, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap .card-text-name, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap .card-text-name, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap .card-text-name {
    color: #ffffff; }
  body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap .card-text-info, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap .card-text-info, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .activeWrap .card-text-info, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .activeWrap .card-text-info {
    color: #ffffff; }

body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .card-text, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .card-text, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .card-text, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .card-text {
  position: absolute;
  bottom: 0; }

body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .card-img img, body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .card-img .card-img-content, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .card-img img, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .card-img .card-img-content, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .card-img img, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .card-img .card-img-content, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .card-img img, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .card-img .card-img-content {
  opacity: 1; }

body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .swiper-slide:nth-child(1) .activeWrap, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .swiper-slide:nth-child(1) .activeWrap, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .swiper-slide:nth-child(1) .activeWrap, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .swiper-slide:nth-child(1) .activeWrap {
  background-color: rgba(168, 87, 60, 0.8); }

body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .swiper-slide:nth-child(2) .activeWrap, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .swiper-slide:nth-child(2) .activeWrap, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .swiper-slide:nth-child(2) .activeWrap, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .swiper-slide:nth-child(2) .activeWrap {
  background-color: rgba(26, 155, 190, 0.8); }

body.demo .zone[data-zoneno='Z181217075637476'] .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .swiper-slide:nth-child(3) .activeWrap, body.demo .zone[data-zoneno='Z181217075637476'] .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .swiper-slide:nth-child(3) .activeWrap, body.demo .zone:nth-of-type(16) .groove[data-cardno='C181224143736175'] .card-imageTextList[data-style="18"] .swiper-slide:nth-child(3) .activeWrap, body.demo .zone:nth-of-type(16) .groove:nth-of-type(2) .card-imageTextList[data-style="18"] .swiper-slide:nth-child(3) .activeWrap {
  background-color: rgba(229, 84, 134, 0.8); }