.card-header[data-style="4"] .webTopSearch, .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 {
  transition: all 0.4s ease-in-out; }

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

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

a.btn-black-o, .btn-black-o {
  border-color: #0195aa;
  color: #0195aa; }
  a.btn-black-o:link, .btn-black-o:link {
    border-color: #0195aa;
    color: #0195aa; }
  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: #0195aa;
    background-color: #0195aa;
    color: #ffffff; }

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

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

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

p ~ p {
  margin-top: 25px; }

.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: #0195aa !important; }

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

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

.card-header[data-style="4"].with-nav .webTopSearch {
  top: 5px; }
  @media only screen and (max-width: 800px) {
    .card-header[data-style="4"].with-nav .webTopSearch {
      top: 52px; } }

@media only screen and (max-width: 800px) {
  .card-header[data-style="4"].nav--hidden .webTopSearch {
    top: 25px; } }

.card-header[data-style="4"].playVideo .webTopSearch {
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  height: 0; }

.card-header[data-style="4"] a {
  color: #0195aa; }
  .card-header[data-style="4"] a:focus, .card-header[data-style="4"] a:active, .card-header[data-style="4"] a:hover {
    color: #0195aa; }

.card-header[data-style="4"] li.current-menu > a {
  color: #0195aa; }
  .card-header[data-style="4"] li.current-menu > a:focus, .card-header[data-style="4"] li.current-menu > a:active, .card-header[data-style="4"] li.current-menu > a:hover {
    color: #0195aa; }

.card-header[data-style="4"] .nav {
  padding-right: 190px; }
  @media only screen and (max-width: 1024px) {
    .card-header[data-style="4"] .nav {
      padding-right: 150px; } }
  .card-header[data-style="4"] .nav i {
    color: #9e9e9e; }

.card-header[data-style="4"] .menu .main-menu > li::before {
  border-color: #0195aa; }

.card-header[data-style="4"] .menu .main-menu > li::after {
  border-color: #0195aa; }

.card-header[data-style="4"] .menu .main-menu > li > ul a {
  background-color: #ffffff; }
  .card-header[data-style="4"] .menu .main-menu > li > ul a:focus, .card-header[data-style="4"] .menu .main-menu > li > ul a:active, .card-header[data-style="4"] .menu .main-menu > li > ul a:hover {
    color: #ffffff;
    background-color: #0195aa; }

.card-header[data-style="4"] .menu .main-menu > li > ul li.current-menu > a {
  color: #ffffff;
  background-color: #0195aa; }

@media only screen and (max-width: 800px) {
  .card-header[data-style="4"] .header-logo img.normal {
    opacity: 1;
    visibility: visible; 
    
  } 

}

.card-header[data-style="4"] .webTopSearch {
  position: absolute;
  width: 170px;
  right: 0; }
  @media only screen and (max-width: 1024px) {
    .card-header[data-style="4"] .webTopSearch {
      right: 15px; } }
  @media only screen and (max-width: 800px) {
    .card-header[data-style="4"] .webTopSearch {
      width: 160px;
      right: 70px;
      top: 25px; } }
  @media only screen and (max-width: 420px) {
    .card-header[data-style="4"] .webTopSearch {
      width: 100px;
      right: 65px; } }
  .card-header[data-style="4"] .webTopSearch .content {
    width: 100%;
    position: relative;
    margin: 0 0 0 auto; }
    @media only screen and (max-width: 420px) {
      .card-header[data-style="4"] .webTopSearch .content {
        padding: 0;
        background: #ffffff;
        height: 100%; } }
    .card-header[data-style="4"] .webTopSearch .content input[type=text] {
      font-size: 14px;
      height: 30px;
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #0195aa;
      border-radius: 0;
      outline: none;
      width: calc(100% - 28px);
      padding: 0 1px;
      padding-right: 28px;
      box-shadow: none;
      box-sizing: content-box;
      transition: all 0.3s; }
      .card-header[data-style="4"] .webTopSearch .content input[type=text]:disabled, .card-header[data-style="4"] .webTopSearch .content input[type=text][readonly="readonly"] {
        color: rgba(0, 0, 0, 0.26);
        border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
      .card-header[data-style="4"] .webTopSearch .content input[type=text]:focus:not([readonly]) {
        border-bottom: 1px solid #0195aa;
        box-shadow: 0 1px 0 0 #424242; }
      .card-header[data-style="4"] .webTopSearch .content input[type=text].valid, .card-header[data-style="4"] .webTopSearch .content input[type=text]:focus.valid {
        border-bottom: 1px solid #4CAF50;
        box-shadow: 0 1px 0 0 #4CAF50; }
      .card-header[data-style="4"] .webTopSearch .content input[type=text].invalid, .card-header[data-style="4"] .webTopSearch .content input[type=text]:focus.invalid {
        border-bottom: 1px solid #F44336;
        box-shadow: 0 1px 0 0 #F44336; }
      .card-header[data-style="4"] .webTopSearch .content input[type=text] ~ a {
        position: absolute;
        right: -2px;
        top: 0; }
        .card-header[data-style="4"] .webTopSearch .content input[type=text] ~ a i {
          font-size: 20px;
          line-height: 30px;
          color: #0195aa; }
    .card-header[data-style="4"] .webTopSearch .content ::-webkit-input-placeholder {
      color: #0195aa; }
    .card-header[data-style="4"] .webTopSearch .content ::-moz-placeholder {
      color: #0195aa; }
    .card-header[data-style="4"] .webTopSearch .content ::-moz-placeholder {
      color: #0195aa; }
    .card-header[data-style="4"] .webTopSearch .content ::-ms-input-placeholder {
      color: #0195aa; }
  .card-header[data-style="4"] .webTopSearch .searchresults {
    background: #ffffff; }
    .card-header[data-style="4"] .webTopSearch .searchresults > ul {
      width: 100%; }
      .card-header[data-style="4"] .webTopSearch .searchresults > ul > div {
        position: relative;
        font-size: 15px;
        padding: 8px 3%; }
        .card-header[data-style="4"] .webTopSearch .searchresults > ul > div .search-close-btn {
          position: absolute;
          left: 1px;
          top: 1px; }
          .card-header[data-style="4"] .webTopSearch .searchresults > ul > div .search-close-btn i {
            font-size: 14px; }

@media only screen and (max-width: 800px) {
  .card-header[data-style="4"] .menu-toggle {
    right: 20px; } }

.card-header[data-style="4"] .mobile-search-box {
  right: 64px; }

.card-mainVision[data-style="3"] {
  margin: 103px auto -65px; }
  @media only screen and (max-width: 800px) {
    .card-mainVision[data-style="3"] {
      margin-top: 80.98px; } }
  .card-mainVision[data-style="3"] .flexsliderV .slides .videoCurrentBox > a:focus, .card-mainVision[data-style="3"] .flexsliderV .slides .videoCurrentBox > a:active, .card-mainVision[data-style="3"] .flexsliderV .slides .videoCurrentBox > a:hover {
    color: #0195aa !important; }
  .card-mainVision[data-style="3"] .flexsliderV .slides .videoCurrentBox:focus > a, .card-mainVision[data-style="3"] .flexsliderV .slides .videoCurrentBox:active > a, .card-mainVision[data-style="3"] .flexsliderV .slides .videoCurrentBox:hover > a {
    color: #0195aa !important; }
  .card-mainVision[data-style="3"] .flexsliderV .flex-direction-nav a {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 420px) {
      .card-mainVision[data-style="3"] .flexsliderV .flex-direction-nav a {
        width: 60px;
        height: 60px; } }
    .card-mainVision[data-style="3"] .flexsliderV .flex-direction-nav a:before {
      color: #fff;
      text-shadow: none;
      line-height: 80px; }
      @media only screen and (max-width: 420px) {
        .card-mainVision[data-style="3"] .flexsliderV .flex-direction-nav a:before {
          line-height: 60px;
          font-size: 40px; } }
  .card-mainVision[data-style="3"] .flex-control-nav {
    position: static;
    bottom: auto;
    margin-top: 20px; }
  .card-mainVision[data-style="3"] .flex-control-paging li a {
    background: transparent;
    border: 1px solid #0195aa; }
    .card-mainVision[data-style="3"] .flex-control-paging li a.flex-active, .card-mainVision[data-style="3"] .flex-control-paging li a:hover {
      background: #0195aa; }

[class*='card-'] {
  word-break: break-word; }

.card-common .card-text-name {
  color: #0195aa; }

.card-common .article-main .card-text-name {
  font-size: 21px;
  font-size: 2.1rem;
  color: #0195aa; }
  .card-common .article-main .card-text-name ~ .card-text-info {
    margin-top: 7px; }

.card-common .article-main .card.imgWidth-middle .flexslider {
  width: 80%; }
  @media only screen and (max-width: 420px) {
    .card-common .article-main .card.imgWidth-middle .flexslider {
      width: 100%; } }

.card-common .article-main .card.imgWidth-middle.video .card-img {
  width: 80%; }
  @media only screen and (max-width: 420px) {
    .card-common .article-main .card.imgWidth-middle.video .card-img {
      width: 100%; } }

.card-common .card-img .imgInfo .imgIntro {
  font-size: 14px; }

.card-common .card-text-info {
  font-size: 18px; }

.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: #0195aa; }
  .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: #0195aa; }

.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: #0195aa; }

.card-article .card-img .videoIframe .card-img-content.flex [class*='btn-'] {
  padding: 0;
  border: none;
  color: transparent;
  font-size: 0px;
  margin: 0 auto;
  line-height: 1; }
  .card-article .card-img .videoIframe .card-img-content.flex [class*='btn-'] i {
    margin: 0 auto;
    font-size: 80px;
    color: rgba(33, 33, 33, 0.8); }
    .card-article .card-img .videoIframe .card-img-content.flex [class*='btn-'] i::before {
      content: '\e9c8'; }
    .card-article .card-img .videoIframe .card-img-content.flex [class*='btn-'] i::after {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      left: 50%;
      top: 50%;
      z-index: -1;
      border-style: solid;
      border-color: transparent transparent transparent #ffffff;
      border-width: 10px 0px 10px 20px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin-top: -1px;
      margin-left: 2px; }
  .card-article .card-img .videoIframe .card-img-content.flex [class*='btn-']:focus i, .card-article .card-img .videoIframe .card-img-content.flex [class*='btn-']:active i, .card-article .card-img .videoIframe .card-img-content.flex [class*='btn-']:hover i {
    color: #ff0000; }

.card-article[data-style="6"] .article-list li .card-text-name, .card-article[data-style="5"] .article-list li .card-text-name {
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal;
  -webkit-line-clamp: inherit; }

.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: #0195aa !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: #0195aa !important; }

.card-articleSet[data-style][data-style="3"] .card-text-name {
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal; }

.card-articleSet[data-style][data-style="3"] .card-text-info {
  display: none; }

.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: #0195aa !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: #0195aa !important; }

.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; }

.card-imageTextList[data-style="12"] .card-imageText[data-style="1"] .card-text-name {
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal; }

.card-event[data-style="5"] .steps > li::before {
  border: 1px dashed #bdbdbd; }

.card-event[data-style="5"] .steps > li:last-child::before {
  display: none; }

.card-event[data-style="5"] .steps > li.step--finish::before {
  border: 1px solid #0195aa; }

.card-event[data-style="5"] .steps .step__icon {
  border: 1px solid #0195aa;
  background-color: #0195aa; }

.card-event[data-style="5"] .steps .step--finish .step__icon {
  background-color: #ffffff; }

.card-event[data-style="5"] .steps .step--inactive .step__icon {
  background-color: #bdbdbd; }

.card-event .card-img .videoIframe .card-img-content.flex [class*='btn-'] {
  padding: 0;
  border: none;
  color: transparent;
  font-size: 0px;
  margin: 0 auto;
  line-height: 1; }
  .card-event .card-img .videoIframe .card-img-content.flex [class*='btn-'] i {
    margin: 0 auto;
    font-size: 80px;
    color: rgba(33, 33, 33, 0.8); }
    .card-event .card-img .videoIframe .card-img-content.flex [class*='btn-'] i::before {
      content: '\e9c8'; }
    .card-event .card-img .videoIframe .card-img-content.flex [class*='btn-'] i::after {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      left: 50%;
      top: 50%;
      z-index: -1;
      border-style: solid;
      border-color: transparent transparent transparent #ffffff;
      border-width: 10px 0px 10px 20px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin-top: -1px;
      margin-left: 2px; }
  .card-event .card-img .videoIframe .card-img-content.flex [class*='btn-']:focus i, .card-event .card-img .videoIframe .card-img-content.flex [class*='btn-']:active i, .card-event .card-img .videoIframe .card-img-content.flex [class*='btn-']:hover i {
    color: #ff0000; }

.card-event[data-style="1"] .event-list li .card-text-name {
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal; }

.card-event[data-style="1"] .event-list li > a {
  height: 100%; }
  .card-event[data-style="1"] .event-list li > a .card, .card-event[data-style="1"] .event-list li > a .card-box {
    height: 100%;
    display: flex;
    flex-direction: column; }
  .card-event[data-style="1"] .event-list li > a .card-text {
    flex: 1;
    display: flex;
    flex-direction: column; }
  .card-event[data-style="1"] .event-list li > a .event-list-type {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end; }

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

.card-QuestionnairesSet[data-style="1"] .click-count {
  color: #0195aa; }

* 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, .card-event[data-style] a.btn-black-o, .card-event[data-style] .btn-black-o, .card-event[data-style] a.btn-grey-darken-4-o, .card-event[data-style] .btn-grey-darken-4-o {
  color: #0195aa;
  border-color: #0195aa; }
  * 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, .card-event[data-style] a.btn-black-o:focus, .card-event[data-style] a.btn-black-o:active, .card-event[data-style] a.btn-black-o:hover, .card-event[data-style] .btn-black-o:focus, .card-event[data-style] .btn-black-o:active, .card-event[data-style] .btn-black-o:hover, .card-event[data-style] a.btn-grey-darken-4-o:focus, .card-event[data-style] a.btn-grey-darken-4-o:active, .card-event[data-style] a.btn-grey-darken-4-o:hover, .card-event[data-style] .btn-grey-darken-4-o:focus, .card-event[data-style] .btn-grey-darken-4-o:active, .card-event[data-style] .btn-grey-darken-4-o:hover {
    color: #ffffff;
    border-color: #0195aa;
    background-color: #0195aa; }

.card-epaperSet[data-style="2"] > div a.square.btn-grey-lighten-1-o:focus, .card-epaperSet[data-style="2"] > div a.square.btn-grey-lighten-1-o:active, .card-epaperSet[data-style="2"] > div a.square.btn-grey-lighten-1-o:hover {
  border-color: #0195aa;
  background-color: #0195aa;
  color: #ffffff; }

.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: #0195aa; }

.card-footer[data-style="3"] .footer-nav ~ .footer-nav {
  background-color: #000; }

.card-footer[data-style="3"] .footer-nav li.current-menu > a {
  color: #0195aa; }
  .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: #0195aa; }

.card-footer[data-style="3"] .goTop.active {
  bottom: 55px; }

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

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

[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 ~ .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-s1000"] ~ .zone ~ .zone[zonelayout="h-c1-s1002"] {
  padding-top: 0; }

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

body * {
  word-break: break-word; }

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

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

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: #0195aa; }

body.index > div[data-zoneno="Z171129012807108"] .groove, body.index > div[data-zoneno="Z171129013235686"] .groove, body.index > div[data-zoneno="Z171129014336875"] .groove {
  margin-top: 80px !important;
  margin-bottom: 30px !important; }
  @media only screen and (max-width: 1024px) {
    body.index > div[data-zoneno="Z171129012807108"] .groove, body.index > div[data-zoneno="Z171129013235686"] .groove, body.index > div[data-zoneno="Z171129014336875"] .groove {
      margin-top: 50px !important;
      margin-bottom: 20px !important; } }

body.index > div[data-zoneno="Z171129014346563"] .groove, body.index > div[data-zoneno="Z180508162017120"] .groove {
  margin-top: 80px !important;
  margin-bottom: 30px !important; }
  @media only screen and (max-width: 1024px) {
    body.index > div[data-zoneno="Z171129014346563"] .groove, body.index > div[data-zoneno="Z180508162017120"] .groove {
      margin-top: 70px !important;
      margin-bottom: 20px !important; } }

body.index > div[data-zoneno="Z171129020158495"] {
  margin-bottom: 70px !important; }

body.index > div[data-zoneno="Z180508161833334"] .pagination.mother {
  display: block !important; }

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

body.index .card-plainText[data-style="2"] .title-main {
  color: #0195aa; }
  body.index .card-plainText[data-style="2"] .title-main > div::before {
    background-color: #0195aa; }
  body.index .card-plainText[data-style="2"] .title-main > div::after {
    background-color: #0195aa; }

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 [zonelayout="h-c1-s1001"] {
  margin-top: 0; }

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

@media only screen and (max-width: 420px) {
  body.index [zonelayout="h-c1-s1"] .card-imageTextList[data-style="12"] .swiper-button-next, body.index [zonelayout="h-c1-s1"] .card-imageTextList[data-style="12"] .swiper-button-prev, body.index [zonelayout="h-c1-s1"] .card-articleSet[data-style="3"] .swiper-button-next, body.index [zonelayout="h-c1-s1"] .card-articleSet[data-style="3"] .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-color: rgba(0, 0, 0, 0.5); }
    body.index [zonelayout="h-c1-s1"] .card-imageTextList[data-style="12"] .swiper-button-next:after, body.index [zonelayout="h-c1-s1"] .card-imageTextList[data-style="12"] .swiper-button-prev:after, body.index [zonelayout="h-c1-s1"] .card-articleSet[data-style="3"] .swiper-button-next:after, body.index [zonelayout="h-c1-s1"] .card-articleSet[data-style="3"] .swiper-button-prev:after {
      width: 40px;
      height: 40px;
      line-height: 50px;
      margin-top: -20px;
      font-size: 30px;
      text-shadow: none; } }

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.member-has-login [zonelayout="h-c1-s1000"] + .zone {
  padding-top: 125px; }
  body.member-has-login [zonelayout="h-c1-s1000"] + .zone[zonelayout="h-c1-s2"] {
    padding-top: 0; }
  @media only screen and (max-width: 800px) {
    body.member-has-login [zonelayout="h-c1-s1000"] + .zone {
      padding-top: 110px; } }

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

.card-text-info p {
  letter-spacing: 1px;
  line-height: 1.7;
  margin-top:25px;
}

.card-common .article-title.page {
  font-size: 29px; }

.card-common .comment .member-comment .userName, .card-common .comment .member-comment .content {
  color: #795548; }

.card-common .comment .member-social .userName, .card-common .comment .member-social .content {
  color: #3b5998; }

.fxdVideo {
  background-color: #ffffff; }
  .fxdVideo::after {
    background-color: #ffffff; }
  .fxdVideo > iframe {
    max-width: 1039px; }
    @media only screen and (max-width: 420px) {
      .fxdVideo > iframe {
        max-width: 100%;
        width: 100%; } }
  @media only screen and (max-width: 1440px) {
    .fxdVideo {
      padding-bottom: 41.5%; } }
  @media only screen and (max-width: 420px) {
    .fxdVideo {
      width: 100%;
      max-width: 100%;
      top: 155px;
      padding-bottom: 56.25%; } }
  @media only screen and (max-width: 420px) {
    .fxdVideo ~ .card-article[data-style="1"].card-common {
      padding-top: calc(70% + 10px); } }

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

@media only screen and (max-width: 420px) {
  .card-member[data-style="1"].mainPage .member_header .member-nav h1 .account {
    display: block;
    margin-left: 0;
    word-break: break-word; } }

.card-member[data-style="1"] .member_header {
  margin: 20px 0 30px; }
  @media only screen and (max-width: 420px) {
    .card-member[data-style="1"] .member_header {
      margin: 10px 0; } }

@media only screen and (max-width: 420px) {
  .card-articleSet[data-style="3"] .card-text-name {
    -webkit-line-clamp: initial; } }

/*D:上稿內容用-更多報導*/
p.read-more-vendor span{
    font-weight: bold;
}
/*D:內文上稿SHARE*/
div.contentShareC {
    text-align: center;
}

div.contentShareC img.imgS {
    width: 100%;
    max-width: 120px;
}

div.contentShareC span {
    font-weight: bold;
}