@charset "UTF-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.Syncing_slider, .slick-lightbox-slick-caption, .sitemap, .choose_search_item ul, .choose_search_item, .choose_date, .jump, .web_link, .file_download, .cp .info, .company_category, .product_info,
.company_info, .sponsor, .leftmenu .company_menu, .main .ex_info .location, .header.online .navigation, .header.online, .header .navigation, .header, div.tag, .category, div.function, .fatfooter, footer .footer_link, footer .footer_share, footer, .pagination, a.more, .tabSet, .divider,
.divider-vertical {
  clear: both;
  zoom: 1;
}
.Syncing_slider:before, .slick-lightbox-slick-caption:before, .sitemap:before, .choose_search_item ul:before, .choose_search_item:before, .choose_date:before, .jump:before, .web_link:before, .file_download:before, .cp .info:before, .company_category:before, .product_info:before,
.company_info:before, .sponsor:before, .leftmenu .company_menu:before, .main .ex_info .location:before, .header.online .navigation:before, .header.online:before, .header .navigation:before, .header:before, div.tag:before, .category:before, div.function:before, .fatfooter:before, footer .footer_link:before, footer .footer_share:before, footer:before, .pagination:before, a.more:before, .tabSet:before, .divider:before,
.divider-vertical:before, .Syncing_slider:after, .slick-lightbox-slick-caption:after, .sitemap:after, .choose_search_item ul:after, .choose_search_item:after, .choose_date:after, .jump:after, .web_link:after, .file_download:after, .cp .info:after, .company_category:after, .product_info:after,
.company_info:after, .sponsor:after, .leftmenu .company_menu:after, .main .ex_info .location:after, .header.online .navigation:after, .header.online:after, .header .navigation:after, .header:after, div.tag:after, .category:after, div.function:after, .fatfooter:after, footer .footer_link:after, footer .footer_share:after, footer:after, .pagination:after, a.more:after, .tabSet:after, .divider:after,
.divider-vertical:after {
  content: "";
  display: table;
}
.Syncing_slider:after, .slick-lightbox-slick-caption:after, .sitemap:after, .choose_search_item ul:after, .choose_search_item:after, .choose_date:after, .jump:after, .web_link:after, .file_download:after, .cp .info:after, .company_category:after, .product_info:after,
.company_info:after, .sponsor:after, .leftmenu .company_menu:after, .main .ex_info .location:after, .header.online .navigation:after, .header.online:after, .header .navigation:after, .header:after, div.tag:after, .category:after, div.function:after, .fatfooter:after, footer .footer_link:after, footer .footer_share:after, footer:after, .pagination:after, a.more:after, .tabSet:after, .divider:after,
.divider-vertical:after {
  clear: both;
}

/* @include transition(all,2s,ease-out); */
/*範例：*/
/* button{*/
/* 	@include opacity(0.8);*/
/* }*/
/*https://medium.com/@vilcins/usefull-sass-mixins-7a68c5491bda*/
.breadcrumb ul li:before {
  content: " / ";
  display: inline-block;
  padding: 0px 4px;
  margin: 0px 5px 0px 5px;
  color: #CCC;
}

.pagination .page li.last a:after, .pagination .page li.last a:before, .pagination .page li.next a:before, .pagination .page li.prev a:before, .pagination .page li.first a:after, .pagination .page li.first a:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3px 0 3px;
  border-color: #666 transparent transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
}

.cp {
  font-size: 1.0666666em;
  line-height: 1.65em;
}
@media screen and (max-width: 575px) {
  .cp {
    font-size: 1.2em;
  }
}
.cp h1 {
  font-size: 2em;
}
.cp h2 {
  font-size: 1.75em;
  margin-bottom: 1.25em;
}
.cp h3 {
  font-size: 1.5em;
}
.cp h4 {
  font-size: 1.25em;
  margin-top: 0;
  margin-bottom: 1em;
}
.cp h5 {
  font-size: 1.125em;
  margin-top: 0;
  margin-bottom: 1em;
}
.cp h6 {
  font-size: 1.125em;
  margin-top: 0;
  margin-bottom: 1em;
}
.cp p {
  font-size: 1em;
  line-height: 1.85em;
  margin-top: 0;
}
.cp ul,
.cp ol {
  font-size: 1em;
  margin-bottom: 1em;
}
.cp ul li,
.cp ol li {
  margin-bottom: 0.5em;
}
.cp dd,
.cp th,
.cp td figure {
  font-size: 1em;
}
.cp blockquote {
  background: #f1f1f1;
  font-style: normal;
  display: block;
  font-size: 1em;
  border-left: 5px solid #047cc3;
  padding: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0em 2em;
}
.cp img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .cp img {
    max-width: 100%;
    width: auto;
    clear: both;
  }
}

body {
  font-size: 1em;
  font-weight: normal;
  color: #222;
  line-height: 1.45em;
  font-family: Lato, "PingFang TC", "Helvetica Neue", Helvetica, 微軟正黑體, Arial, sans-serif;
  -webkit-text-size-adjust: none;
}

a {
  color: #00bbeb;
  text-decoration: none;
}
a:hover, a:focus {
  color: #75e3ff;
  cursor: pointer;
}

.col-12-full, .full {
  margin-left: -15px;
  margin-right: -15px;
  clear: both;
  zoom: 1;
}
.col-12-full:before, .col-12-full:after, .full:before, .full:after {
  content: "";
  display: table;
}
.col-12-full:after, .full:after {
  clear: both;
}
.col-12-full .container, .full .container {
  max-width: 100% !important;
}
.col-6-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .col-6-6 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.col-6-6 .container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .col-6-6 .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.col-6-6 .col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 767px) {
  .col-6-6 .col {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.col-4-4-4 .col {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .col-4-4-4 .col {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .col-4-4-4 .col {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .col-4-4-4 .col {
    float: left;
    width: 33.3333333333%;
  }
}

.col-3-3-3-3 .col {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .col-3-3-3-3 .col {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .col-3-3-3-3 .col {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .col-3-3-3-3 .col {
    float: left;
    width: 25%;
  }
}

.col-8-4 .col:nth-child(2n+1) {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .col-8-4 .col:nth-child(2n+1) {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-8-4 .col:nth-child(2n+1) {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-8-4 .col:nth-child(2n+1) {
    float: left;
    width: 66.6666666667%;
  }
}
.col-8-4 .col {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .col-8-4 .col {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .col-8-4 .col {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .col-8-4 .col {
    float: left;
    width: 33.3333333333%;
  }
}

.col-4-8 .col:nth-child(2n) {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .col-4-8 .col:nth-child(2n) {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-4-8 .col:nth-child(2n) {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-4-8 .col:nth-child(2n) {
    float: left;
    width: 66.6666666667%;
  }
}
.col-4-8 .col {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .col-4-8 .col {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .col-4-8 .col {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .col-4-8 .col {
    float: left;
    width: 33.3333333333%;
  }
}

.breadcrumb {
  border-bottom: 1px solid #EEE;
  padding: 0.1em 0em 0.1em;
  font-size: 0.813em;
  margin: 0px auto 5px;
}
.breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb ul li {
  display: inline-block;
  margin: 0px 0.1em 0.1em 0px;
}
.breadcrumb ul li:first-child:before {
  content: "";
  display: inline-block;
  color: #666;
  margin-left: 0;
  padding: 0;
}
.breadcrumb a {
  color: #222;
  text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:focus {
  color: #19a7fa;
  cursor: pointer;
}

.divider,
.divider-vertical {
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 0.813em;
  color: grey;
  text-shadow: 0 1px 1px #fff;
  display: block;
}

.divider {
  display: table;
  line-height: 1;
  margin: 20px 0;
}
.divider:after, .divider:before {
  content: "";
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/basic/divider.jpg");
}
.divider:before {
  background-position: right 1em top 50%;
}
.divider:after {
  background-position: left 1em top 50%;
}

.divider-vertical {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: auto;
  height: 50%;
  line-height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.divider-vertical:after, .divider-vertical:before {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 3;
  width: 0;
  height: calc(100% - 1.2rem);
  border-left: 1px solid #CFCFCF;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.divider-vertical:before {
  top: -100%;
}
.divider-vertical:after {
  bottom: 0;
}

.btn_grp {
  text-align: center;
  padding: 1em 0;
}
.btn_grp .btn {
  min-width: 5em;
  margin: 0.25em 0.1em;
  width: auto;
}
.btn_grp a.more {
  display: inline-block;
}

.upload_grp .upload_btn, input[type=reset], input[type=submit], button,
input[type=button], .btn-reset, .btn-purple, .btn-red, .btn-orange, .btn-yellow, .btn-blue, .btn-green, .btn {
  font-size: 1em;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background-image: none;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  white-space: nowrap;
  line-height: normal;
  width: auto;
  padding: 0.5em 2em;
  min-width: 4em;
  margin: 0.25em 0.1em;
}
.upload_grp .upload_btn i, input[type=reset] i, input[type=submit] i, button i,
input[type=button] i, .btn-reset i, .btn-purple i, .btn-red i, .btn-orange i, .btn-yellow i, .btn-blue i, .btn-green i, .btn i {
  margin-right: 0.3em;
  margin-left: 0.3em;
}

.btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #EEE;
  border: 1px solid #e1e1e1;
  color: #222;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #f1f1f1;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1));
  background: linear-gradient(to bottom, #f1f1f1, #e1e1e1);
  text-shadow: none;
}
.btn:hover, .btn:focus {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6 !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #fbfbfb;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e6e6e6));
  background: linear-gradient(to bottom, #fbfbfb, #e6e6e6);
}
.btn.active {
  background: #dadada;
  cursor: pointer;
}
.btn:hover, .btn:focus {
  color: #222;
  outline: none;
}

.btn-green {
  background-color: #5CB85C;
  border: 1px solid #4cae4c;
  color: #FFF;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #60ba60;
  background: -webkit-gradient(linear, left top, left bottom, from(#60ba60), to(#4cae4c));
  background: linear-gradient(to bottom, #60ba60, #4cae4c);
}
.btn-green:hover, .btn-green:focus {
  background-color: #51b351;
  border: 1px solid #51b351 !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #6ec06e;
  background: -webkit-gradient(linear, left top, left bottom, from(#6ec06e), to(#51b351));
  background: linear-gradient(to bottom, #6ec06e, #51b351);
}
.btn-green.active {
  background: #47a447;
  cursor: pointer;
}

.btn-blue {
  background-color: #21BAFF;
  border: 1px solid #08b2ff;
  color: #FFF;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #26bcff;
  background: -webkit-gradient(linear, left top, left bottom, from(#26bcff), to(#08b2ff));
  background: linear-gradient(to bottom, #26bcff, #08b2ff);
}
.btn-blue:hover, .btn-blue:focus {
  background-color: #12b5ff;
  border: 1px solid #12b5ff !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #3bc2ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#3bc2ff), to(#12b5ff));
  background: linear-gradient(to bottom, #3bc2ff, #12b5ff);
}
.btn-blue.active {
  background: #00aaf7;
  cursor: pointer;
}

.btn-yellow {
  background-color: #FCC211;
  border: 1px solid #f0b603;
  color: #FFF;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #fcc316;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcc316), to(#f0b603));
  background: linear-gradient(to bottom, #fcc316, #f0b603);
}
.btn-yellow:hover, .btn-yellow:focus {
  background-color: #fbbd03;
  border: 1px solid #fbbd03 !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #fcc82a;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcc82a), to(#fbbd03));
  background: linear-gradient(to bottom, #fcc82a, #fbbd03);
}
.btn-yellow.active {
  background: #e1aa03;
  cursor: pointer;
}

.btn-orange {
  background-color: #F77810;
  border: 1px solid #e66c08;
  color: #FFF;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #f77b15;
  background: -webkit-gradient(linear, left top, left bottom, from(#f77b15), to(#e66c08));
  background: linear-gradient(to bottom, #f77b15, #e66c08);
}
.btn-orange:hover, .btn-orange:focus {
  background-color: #f07008;
  border: 1px solid #f07008 !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #f88629;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88629), to(#f07008));
  background: linear-gradient(to bottom, #f88629, #f07008);
}
.btn-orange.active {
  background: #d76507;
  cursor: pointer;
}

.btn-red {
  background-color: #FF3E4D;
  border: 1px solid #ff2535;
  color: #FFF;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #ff4352;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4352), to(#ff2535));
  background: linear-gradient(to bottom, #ff4352, #ff2535);
}
.btn-red:hover, .btn-red:focus {
  background-color: #ff2f3f;
  border: 1px solid #ff2f3f !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #ff5865;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5865), to(#ff2f3f));
  background: linear-gradient(to bottom, #ff5865, #ff2f3f);
}
.btn-red.active {
  background: #ff1527;
  cursor: pointer;
}

.btn-purple {
  background-color: #AA5AC5;
  border: 1px solid #a047be;
  color: #FFF;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #ac5ec6;
  background: -webkit-gradient(linear, left top, left bottom, from(#ac5ec6), to(#a047be));
  background: linear-gradient(to bottom, #ac5ec6, #a047be);
}
.btn-purple:hover, .btn-purple:focus {
  background-color: #a44fc1;
  border: 1px solid #a44fc1 !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #b46dcc;
  background: -webkit-gradient(linear, left top, left bottom, from(#b46dcc), to(#a44fc1));
  background: linear-gradient(to bottom, #b46dcc, #a44fc1);
}
.btn-purple.active {
  background: #9840b6;
  cursor: pointer;
}

.btn-reset {
  color: #484848;
}

.btn-primary {
  background-color: #059cf5;
  border: 1px solid #058cdc;
  color: #FFF;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #059ffa;
  background: -webkit-gradient(linear, left top, left bottom, from(#059ffa), to(#058cdc));
  background: linear-gradient(to bottom, #059ffa, #058cdc);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #0592e6;
  border: 1px solid #0592e6 !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #19a7fa;
  background: -webkit-gradient(linear, left top, left bottom, from(#19a7fa), to(#0592e6));
  background: linear-gradient(to bottom, #19a7fa, #0592e6);
}
.btn-primary.active {
  background: #0482cd;
  cursor: pointer;
}

.btn-xl {
  font-size: 1.5em;
}

.btn-lg {
  font-size: 1.25em;
}

.btn-sm {
  font-size: 0.938em;
}

.btn-xs {
  font-size: 0.75em;
}

.btn-in-h2 {
  font-size: 0.6em;
  margin: 0 0 0 0.5em;
}

.btn-in-h2-right {
  font-size: 0.6em;
  margin: 0 0 0 0.5em;
  position: absolute;
  right: 0px;
}

hr {
  border: none;
  border-top: 1px solid #CFCFCF;
  margin: 1em 0px;
  display: block;
  clear: both;
}

img.img_rounded {
  border-radius: 10px;
  background-clip: padding-box;
}
img.img_circle {
  border-radius: 50%;
  background-clip: padding-box;
}
img.loaded {
  -webkit-animation: img_fade 0.5s ease-out;
          animation: img_fade 0.5s ease-out;
}

@-webkit-keyframes img_fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 100;
  }
}

@keyframes img_fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 100;
  }
}
/*for IE */
.imgOuter {
  position: relative;
}

.img-container {
  width: 100%;
  position: relative;
}
.img-container a {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.img-container a .caption {
  position: absolute;
  width: 100%;
  height: 3em;
  line-height: 3em;
  background: rgba(0, 0, 0, 0.45);
  padding: 0 1em;
  font-size: 1.25em;
  color: #FFF;
  margin: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .img-container a .caption {
    height: 2em;
    line-height: 2em;
    width: 100%;
    left: 0;
    padding: 0 1em;
  }
}
.img-container a:focus:before {
  content: "";
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-box-shadow: 0 0px 0px 2px #19a7fa inset;
          box-shadow: 0 0px 0px 2px #19a7fa inset;
}
.img-container img {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.img-container iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ie-object-contain, .ie-object-fill, .ie-object-cover, .ie-object-none {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}
.ie-object-contain img, .ie-object-fill img, .ie-object-cover img, .ie-object-none img {
  opacity: 0;
  width: 0px;
  height: 0px;
}

.ie-object-none {
  background-size: auto;
}

.ie-object-cover {
  background-size: cover;
}

.ie-object-fill {
  background-size: 100% 100%;
}

.ie-object-contain {
  background-size: contain;
}

.fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.none {
  -o-object-fit: none;
     object-fit: none;
}

.scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.grid3x3 .img-container, .grid2x2 .img-container, .grid4x4 .img-container {
  background: #E1E1E1 !important;
}
.grid3x3 img.fill, .grid2x2 img.fill, .grid4x4 img.fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}
.grid3x3 img.contain, .grid2x2 img.contain, .grid4x4 img.contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.grid3x3 img.cover, .grid2x2 img.cover, .grid4x4 img.cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.grid3x3 img.none, .grid2x2 img.none, .grid4x4 img.none {
  -o-object-fit: none !important;
     object-fit: none !important;
}
.grid3x3 img.scale-down, .grid2x2 img.scale-down, .grid4x4 img.scale-down {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.tabSet {
  max-width: 100%;
  margin: 1em auto;
  overflow: hidden;
}
@media screen and (max-width:200) {
  .tabSet {
    width: auto;
    height: auto !important;
  }
}

.tabs {
  position: relative;
}
.tabs > .tabItem {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1;
  position: relative;
}
.tabs > .tabItem.active > a {
  background-color: #047cc3;
  color: #FFF;
}
.tabs > .tabItem:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  content: "";
}
@media screen and (max-width:200) {
  .tabs > .tabItem {
    float: none;
  }
  .tabs > .tabItem > a {
    width: 100% !important;
    border-bottom: 1px solid #888;
  }
  .tabs > .tabItem.active > a {
    border-color: #bbb;
  }
}
.tabs > .tabItem > a {
  display: block;
  padding: 16px 0 14px;
  text-align: center;
  background-color: #aaa;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tabs > .tabItem > a:hover {
  background: #047cc3;
}

.example-2 .tabItem > a:hover {
  background: #29b4f5;
}
.example-2 .tabItem.active > a {
  background: #29b4f5;
}

.active + .tabContent {
  display: block;
}

.tabContent {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  clear: both;
  padding: 30px 20px;
  display: none;
}
@media screen and (max-width:200) {
  .tabContent {
    position: static;
  }
}
.tabContent ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tabContent li {
  margin: 0 0 1.3em 0;
  padding: 0;
  line-height: 1.6;
  border-bottom: 1px #CCC dashed;
}
@media screen and (max-width:200) {
  .tabContent li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.tabContent li a {
  color: #222;
  text-decoration: none;
}
.tabContent li a:hover, .tabContent li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.tabContent li time {
  display: inline-block;
  margin: 0 0 0 1em;
  font-size: 0.813em;
  color: #666;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: #FFF;
}
@media screen and (max-width: 575px) {
  table {
    width: 100%;
  }
}
table th,
table td {
  padding: 0.5em;
  text-align: left;
}
table td {
  border: #ddd 1px solid;
  border-left: none;
  border-right: none;
  word-break: normal !important;
}
table td a {
  display: inline-block;
}
table th {
  background-color: #F3F3F3;
  color: #333;
  border: #DDD 1px solid;
  text-align: center;
  white-space: normal !important;
  border-left: none;
  border-right: none;
}
table.table_hover tr:hover {
  background: #F3F3F3;
}
table.table_sprite tr:nth-child(even) {
  background: #F5F5F5;
}
table thead {
  border-bottom: 2px solid #AAA;
}
@media screen and (max-width: 767px) {
  table thead {
    border: none;
  }
}

@media screen and (max-width: 575px) {
  .table_list {
    background-color: transparent !important;
  }
  .table_list thead,
  .table_list tbody,
  .table_list th,
  .table_list td,
  .table_list tr {
    display: block;
  }
  .table_list thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table_list tr {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    border-bottom: 2px solid #AAA;
  }
  .table_list td {
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    white-space: normal;
    text-align: left;
    padding-top: 1.4em;
    padding-bottom: 0.5em;
  }
  .table_list td:before {
    content: attr(data-title);
    position: absolute;
    top: 0em;
    left: 0.5em;
    width: 100%;
    font-size: 0.75em;
    padding-right: 10px;
    text-align: left;
    color: #999;
  }
}

.fix_th_table {
  margin: 1em 0;
}
@media screen and (max-width: 767px) {
  .fix_th_table {
    position: relative;
    width: 100%;
    overflow: hidden !important;
  }
}
@media screen and (max-width: 767px) {
  .fix_th_table table {
    display: block;
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 1em;
  }
}
.fix_th_table th,
.fix_th_table td {
  width: 10em;
  padding: 0.8em 0;
  text-align: center;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .fix_th_table th,
  .fix_th_table td {
    display: inline-block;
    margin-right: -6px;
    margin-left: 0;
    margin-top: -1px;
  }
}
.fix_th_table th:first-child {
  width: 8em;
  white-space: normal;
}
@media screen and (max-width: 767px) {
  .fix_th_table th:first-child {
    position: absolute !important;
    left: 0;
    top: auto;
  }
}
@media screen and (max-width: 767px) {
  .fix_th_table tr {
    display: block;
    clear: both;
    white-space: nowrap;
    width: auto;
    padding-left: 8em;
  }
  .fix_th_table tr:first-child {
    border-top: #ddd 1px solid;
  }
}

@media screen and (max-width: 767px) {
  .table_wrapper {
    width: 100%;
    display: block;
    clear: both;
    zoom: 1;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 1em;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .table_wrapper:before, .table_wrapper:after {
    content: "";
    display: table;
  }
  .table_wrapper:after {
    clear: both;
  }
  .table_wrapper table {
    width: 100%;
    min-width: 545px;
  }
}

select::-ms-expand {
  display: none;
}

.form_grid {
  margin: 0.5em;
}
.form_grid .form_grp {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  padding: 0.5em 0;
}
.form_grid .form_title {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 5px;
}
@media (min-width: 768px) {
  .form_grid .form_title {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .form_grid .form_title {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .form_grid .form_title {
    float: left;
    width: 25%;
  }
}
.form_grid .form_content {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  .form_grid .form_content {
    float: left;
    width: 75%;
  }
}
@media (min-width: 992px) {
  .form_grid .form_content {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1400px) {
  .form_grid .form_content {
    float: left;
    width: 75%;
  }
}

.check_grp label,
.radio_grp label {
  display: block;
}
@media screen and (max-width: 767px) {
  .check_grp label,
  .radio_grp label {
    display: inline-block;
    margin: 0.2em 0.5em 0 0;
  }
}
.check_grp.form_inline label,
.radio_grp.form_inline label {
  display: inline-block;
  margin: 0.2em 0.5em 0 0;
}

form .form_grp,
form .check_grp,
form .radio_grp,
form .btn_grp,
form .upload_grp {
  margin-bottom: 0.2em;
}
form .form_grp.form_inline label,
form .upload_grp.form_inline label {
  display: inline-block;
  margin-right: 0.5em;
}
form .form_grp.form_inline input,
form .form_grp.form_inline textarea,
form .form_grp.form_inline select,
form .upload_grp.form_inline input,
form .upload_grp.form_inline textarea,
form .upload_grp.form_inline select {
  width: auto;
}
form.form_inline label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
form.form_inline label ~ input, form.form_inline label ~ textarea {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
form.form_inline input[type=text],
form.form_inline input[type=password],
form.form_inline select,
form.form_inline textarea {
  width: auto;
  display: inline-block;
}
form.form_inline .form_grp,
form.form_inline .check_grp,
form.form_inline .radio_grp,
form.form_inline .btn_grp,
form.form_inline .upload_grp {
  display: inline-block;
  margin-right: 0.5em;
}
form.form_inline .btn_grp .btn,
form.form_inline .btn_grp input[type=submit],
form.form_inline .btn_grp input[type=reset],
form.form_inline .btn_grp input[type=button],
form.form_inline .btn_grp input[type=search] {
  margin-top: -3px;
  padding: 0.45em 1em;
}
form.form_inline select,
form.form_inline textarea {
  width: auto;
}

label,
legend {
  display: inline-block;
  margin: 0 0 0.5em 0;
}
@media screen and (max-width: 575px) {
  label,
  legend {
    display: block;
  }
}
label.inline input,
label.inline select,
label.inline textarea,
legend.inline input,
legend.inline select,
legend.inline textarea {
  width: auto;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

input,
textarea,
select,
button {
  color: #222;
  font-size: 1em;
  border: 1px solid #CCC;
  padding: 0.5em;
  background: #fff;
  vertical-align: middle;
  margin-bottom: 0.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
  -webkit-transition: -webkit-box-shadow 0.2s ease-out;
  transition: -webkit-box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
}

input,
select,
textarea {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a6a6a6;
}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=file]::-moz-placeholder {
  /* Firefox 19+ */
  color: #a6a6a6;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=file]:-ms-input-placeholder {
  /* IE 10+ */
  color: #a6a6a6;
}
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=file]:-moz-placeholder {
  /* Firefox 18- */
  color: #a6a6a6;
}

button,
input[type=button] {
  background-color: #0093eb;
  border: 1px solid #0083d1;
  color: #fff;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #0097f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097f0), to(#0083d1));
  background: linear-gradient(to bottom, #0097f0, #0083d1);
}
button:hover, button:focus,
input[type=button]:hover,
input[type=button]:focus {
  background-color: #008adb;
  border: 1px solid #008adb !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #05a2ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#05a2ff), to(#008adb));
  background: linear-gradient(to bottom, #05a2ff, #008adb);
}
button.active,
input[type=button].active {
  background: #007ac2;
  cursor: pointer;
}

input[type=submit] {
  background-color: #0093eb;
  border: 1px solid #0083d1;
  color: #fff;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #0097f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097f0), to(#0083d1));
  background: linear-gradient(to bottom, #0097f0, #0083d1);
}
input[type=submit]:hover, input[type=submit]:focus {
  background-color: #008adb;
  border: 1px solid #008adb !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #05a2ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#05a2ff), to(#008adb));
  background: linear-gradient(to bottom, #05a2ff, #008adb);
}
input[type=submit].active {
  background: #007ac2;
  cursor: pointer;
}

textarea {
  color: #222;
  font-size: 1em;
  border: 1px solid #CCC;
  padding: 0.5em;
  background: #fff;
  vertical-align: middle;
  margin-bottom: 0.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
  -webkit-transition: -webkit-box-shadow 0.2s ease-out;
  transition: -webkit-box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  height: 5em;
  overflow-y: scroll;
}
@media screen and (max-width: 575px) {
  textarea {
    width: 100%;
  }
}

input[type=text]:focus,
input[type=reset]:focus,
input[type=file]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid #52bfff;
  -webkit-box-shadow: 0px 0px 0px 2px #52bfff;
          box-shadow: 0px 0px 0px 2px #52bfff;
  outline: none;
}

select {
  line-height: 2.4em;
  height: 2.4em;
  padding: 0 24px 0 0.5em;
  border: 1px solid #CCC;
  background: #fff url(../images/basic/icon_select_arrow.svg) no-repeat right center;
  background-size: 20px;
}
select option {
  outline: none;
  border: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

input[type=reset] {
  background-color: #999999;
  border: 1px solid #8c8c8c;
  color: #fff;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #9c9c9c;
  background: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#8c8c8c));
  background: linear-gradient(to bottom, #9c9c9c, #8c8c8c);
  text-shadow: none;
}
input[type=reset]:hover, input[type=reset]:focus {
  background-color: #919191;
  border: 1px solid #919191 !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #a6a6a6;
  background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#919191));
  background: linear-gradient(to bottom, #a6a6a6, #919191);
}
input[type=reset].active {
  background: #858585;
  cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
  font-size: 1em;
  margin: -4px 0.2em 0 0;
  width: 1em;
  height: 1em;
  background-color: #f7f6ee;
  border: 2px solid #CCC;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=radio] {
  border-radius: 50%;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
  border-color: #0093eb;
  background-color: #0093eb;
  outline: none;
}

input[type=checkbox]:checked {
  background-image: url(../images/basic/icon_checked.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 98%;
  -webkit-box-shadow: #0093eb 0 0 0 1px;
          box-shadow: #0093eb 0 0 0 1px;
  border-radius: 2px;
  background-clip: padding-box;
}

input[type=radio]:checked {
  -webkit-box-shadow: #fff 0 0 0 3px inset, #0093eb 0 0 0 1px;
          box-shadow: #fff 0 0 0 3px inset, #0093eb 0 0 0 1px;
}

input[readonly],
input[disable] {
  background: #f2f2f2;
  color: #b3b3b3;
  border-color: #b3b3b3;
}
input[readonly] ~ label,
input[disable] ~ label {
  color: #b3b3b3;
}
input[readonly]:hover, input[readonly]:focus,
input[disable]:hover,
input[disable]:focus {
  border-color: #b3b3b3;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.upload_grp {
  position: relative;
}
.upload_grp input[readonly],
.upload_grp input[disable] {
  background: transparent;
  color: #666;
}
.upload_grp .upload_btn {
  position: absolute;
  overflow: hidden;
  top: 1px;
  right: 3px;
  background-color: #0093eb;
  border: 1px solid #0083d1;
  color: #fff;
  text-shadow: 1px 1px 1px RGBA(0, 0, 0, 0.3);
  border-radius: 0.4em;
  background-clip: padding-box;
  background: #0097f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097f0), to(#0083d1));
  background: linear-gradient(to bottom, #0097f0, #0083d1);
  padding: 0.2em 1em !important;
  border-radius: 4px;
  background-clip: padding-box;
}
.upload_grp .upload_btn:hover, .upload_grp .upload_btn:focus {
  background-color: #008adb;
  border: 1px solid #008adb !important;
  cursor: pointer;
  color: #FFF;
  outline: none;
  background: #05a2ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#05a2ff), to(#008adb));
  background: linear-gradient(to bottom, #05a2ff, #008adb);
}
.upload_grp .upload_btn.active {
  background: #007ac2;
  cursor: pointer;
}
.upload_grp .upload_btn:hover, .upload_grp .upload_btn:focus {
  cursor: pointer !important;
}

input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 1.25em;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

img.captcha {
  display: inline-block;
  vertical-align: middle;
  max-height: 2.4em;
  margin-bottom: 0.5em;
}
img.captcha + input {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
img.captcha ~ img {
  display: inline-block;
  vertical-align: middle;
  max-height: 2.4em;
  margin-bottom: 0.5em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.tel input[type=text]:first-child,
.tel input[type=text]:nth-child(2),
.tel select:first-child {
  width: 20% !important;
  max-width: 60px;
}
@media screen and (max-width: 575px) {
  .tel input[type=text]:first-child,
  .tel input[type=text]:nth-child(2),
  .tel select:first-child {
    width: 15% !important;
  }
}
.tel input[type=text]:last-child {
  width: 50%;
}
@media screen and (max-width: 575px) {
  .tel input[type=text]:last-child {
    width: 49%;
  }
}

.upload_area {
  min-height: 100px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 3.5em 0.5em 3em;
  position: relative;
}
.upload_area.working {
  border: 1px solid #87daff;
  -webkit-box-shadow: 0px 0px 0px 2px #87daff inset;
          box-shadow: 0px 0px 0px 2px #87daff inset;
}
.upload_area p {
  position: absolute;
  bottom: 0.2em;
  left: 1em;
  font-size: 0.813em;
  color: #bbb;
  margin: 0;
  line-height: 1.35em;
}
.upload_area p.upload_notice {
  top: 0.5em;
  color: #555;
  font-size: 0.938em;
}
.upload_area p.upload_notice a {
  margin: 0 0.2em;
}
.upload_area .file {
  display: block;
  margin: 0px 0 0.5em;
  border-radius: 4px;
  padding: 0.5em 140px 0.5em 3.5em;
  background: #f1f1f1;
  position: relative;
}
.upload_area .file > span {
  font-size: 0.938em;
}
.upload_area .file > span em {
  color: #aaa;
  font-size: 12px;
  font-style: normal;
  margin-left: 0.5em;
}
.upload_area .file .pic {
  width: 40px;
  height: 30px;
  margin: 0px 0.5em 0 0;
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  border-radius: 4px;
}
.upload_area .file .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.upload_area .file.notice_error {
  background: #ffd2d2;
  border-left: none;
}
.upload_area .file.notice_error .pic img {
  display: none;
}
.upload_area .file.notice_error .progress_bar {
  display: none;
}
.upload_area .file.notice_error span {
  color: #555;
}
.upload_area .file.notice_error span em {
  color: red;
}
.upload_area .file .delete {
  position: absolute;
  font-size: 0.75em;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  opacity: 0.3;
}
.upload_area .file .delete:hover, .upload_area .file .delete:focus {
  opacity: 1;
}
.upload_area .file .progress_bar {
  position: absolute;
  bottom: 0.2em;
  background: #ddd;
  border-radius: 3px;
  height: 6px;
  width: 100px;
  right: 30px;
  top: 50%;
  margin-top: -2px;
}
.upload_area .file .progress_bar span {
  position: absolute;
  height: 100%;
  border-radius: 3px;
  background: #21BAFF;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}

[class^=i_]:before {
  content: "";
  display: inline-block;
  height: 1em;
  width: 1em;
  vertical-align: middle;
  speak: none;
}

.invert:before {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.i_apple:before {
  background-image: url(../images/icon/icon_apple.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_arrow_left:before {
  background-image: url(../images/icon/icon_arrow_left.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_arrow_right:before {
  background-image: url(../images/icon/icon_arrow_right.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_bookmark:before {
  background-image: url(../images/icon/icon_bookmark.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_chat:before {
  background-image: url(../images/icon/icon_chat.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_check:before {
  background-image: url(../images/icon/icon_check.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_clock:before {
  background-image: url(../images/icon/icon_clock.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_close:before {
  background-image: url(../images/icon/icon_close.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_edit:before {
  background-image: url(../images/icon/icon_edit.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_facebook:before {
  background-image: url(../images/icon/icon_facebook.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_googleplus:before {
  background-image: url(../images/icon/icon_googleplus.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_grid:before {
  background-image: url(../images/icon/icon_grid.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_heart_false:before {
  background-image: url(../images/icon/icon_heart.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_heart:before {
  background-image: url(../images/icon/icon_heart_added.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_home:before {
  background-image: url(../images/icon/icon_home.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_info:before {
  background-image: url(../images/icon/icon_info.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_link:before {
  background-image: url(../images/icon/icon_link.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_linkedin:before {
  background-image: url(../images/icon/icon_linkedin.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_lock:before {
  background-image: url(../images/icon/icon_lock.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_mail:before {
  background-image: url(../images/icon/icon_mail.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_rss:before {
  background-image: url(../images/icon/icon_rss.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_setting:before {
  background-image: url(../images/icon/icon_setting.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_star:before {
  background-image: url(../images/icon/icon_star.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_twitter:before {
  background-image: url(../images/icon/icon_twitter.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_video:before {
  background-image: url(../images/icon/icon_video.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_vimeo:before {
  background-image: url(../images/icon/icon_vimeo.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_youtube:before {
  background-image: url(../images/icon/icon_youtube.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_global:before {
  background-image: url(../images/icon/icon_global.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_trash:before {
  background-image: url(../images/icon/icon_trash.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_sort:before {
  background-image: url(../images/icon/icon_sort.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_move:before {
  background-image: url(../images/icon/icon_move.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_layout:before {
  background-image: url(../images/icon/icon_layout.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_copy:before {
  background-image: url(../images/icon/icon_copy.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_download:before {
  background-image: url(../images/icon/icon_download.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_search:before {
  background-image: url(../images/icon/icon_search.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_photo:before {
  background-image: url(../images/icon/icon_photo.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_grid_view:before {
  background-image: url(../images/icon/icon_grid_view.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_line_view:before {
  background-image: url(../images/icon/icon_line_view.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_list_view:before {
  background-image: url(../images/icon/icon_list_view.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_table_view:before {
  background-image: url(../images/icon/icon_table_view.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_star:before {
  background-image: url(../images/icon/icon_star_yellow.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_star_false:before {
  background-image: url(../images/icon/icon_star_gray.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_collect:before {
  background-image: url(../images/icon/icon_folder_green.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_collect_false:before {
  background-image: url(../images/icon/icon_folder_gray.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_question:before {
  background-image: url(../images/icon/icon_question.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_building:before {
  background-image: url(../images/icon/icon_building.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_location:before {
  background-image: url(../images/icon/icon_location.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_box:before {
  background-image: url(../images/icon/icon_box.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_book:before {
  background-image: url(../images/icon/icon_book.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_man:before {
  background-image: url(../images/icon/icon_man.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_add:before {
  background-image: url(../images/icon/icon_add.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_minus:before {
  background-image: url(../images/icon/icon_minus.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_calendar:before {
  background-image: url(../images/icon/icon_calendar.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_filter:before {
  background-image: url(../images/icon/icon_filter.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_reload:before {
  background-image: url(../images/icon/icon_reload.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_award:before {
  background-image: url(../images/icon/icon_award.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_barcode:before {
  background-image: url(../images/icon/icon_barcode.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_product:before {
  background-image: url(../images/icon/icon_product.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_company:before {
  background-image: url(../images/icon/icon_company.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_360:before {
  background-image: url(../images/icon/icon_360.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_720:before {
  background-image: url(../images/icon/icon_720.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_delete:before {
  background-image: url(../images/icon/icon_delete.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_information:before {
  background-image: url(../images/icon/icon_information.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_read:before {
  background-image: url(../images/icon/icon_read.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

.i_videotalk:before {
  background-image: url(../images/icon/icon_videotalk.svg);
  background-size: cover;
  margin-top: -0.1em;
  margin-bottom: 0.1em;
  margin-left: -4px;
}

a:focus {
  outline: none;
}
@media screen and (max-width: 767px) {
  a:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.accesskey {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 9;
  color: #222;
  font-size: 1em;
  opacity: 0;
  display: none;
}
@media screen and (max-width: 767px) {
  .accesskey {
    display: none;
  }
}

a.more {
  display: block;
  min-width: 12em;
  max-width: 16em;
  text-align: center;
  height: 3em;
  margin: 2em auto 1em;
  line-height: 3;
  color: #FFF;
  border: 1px solid #047cc3;
  text-align: center;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 1.5em;
  background: #047cc3;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
          box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
a.more:after {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -10px;
  top: 1em;
  border-left: none;
  border-bottom: none;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
a.more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #059cf5;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.more:hover, a.more:focus, a.more.active {
  color: white;
}
a.more:hover:before, a.more:focus:before, a.more.active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
a.more:hover:after, a.more:focus:after, a.more.active:after {
  right: 15px;
}

.scrollToTop {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(../images/basic/top.png) no-repeat center top rgba(0, 0, 0, 0.4);
  text-align: center;
  color: #FFF;
  line-height: 50px;
  text-decoration: none;
  position: fixed;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  bottom: 10px;
  right: 10px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  display: none;
  z-index: 999998;
  text-indent: -999999px;
}
@media screen and (max-width: 767px) {
  .scrollToTop.has_bottom {
    bottom: 4em;
  }
}
.scrollToTop:hover, .scrollToTop:focus {
  background: url(../images/basic/top.png) no-repeat center top rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: none;
          box-shadow: none;
}

img.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.necessary {
  color: red;
  margin: 0px 0.2em;
}

.tooltip {
  text-align: center;
  padding: 40px 0;
}
.tooltip span {
  display: inline-block;
  background: #DEDEDE;
  text-align: center;
  padding: 10px;
  width: 100px;
  height: 20px;
  line-height: 20px;
  vertical-align: baseline;
}
.tooltip p > em {
  color: red;
}

@-webkit-keyframes cookie_ani {
  0% {
    bottom: -200px;
    visibility: hidden;
  }
  100% {
    bottom: 10px;
    visibility: visible;
  }
}

@keyframes cookie_ani {
  0% {
    bottom: -200px;
    visibility: hidden;
  }
  100% {
    bottom: 10px;
    visibility: visible;
  }
}
@-webkit-keyframes cookie_ani_m {
  0% {
    bottom: -200px;
    visibility: hidden;
  }
  100% {
    bottom: 5px;
    visibility: visible;
  }
}
@keyframes cookie_ani_m {
  0% {
    bottom: -200px;
    visibility: hidden;
  }
  100% {
    bottom: 5px;
    visibility: visible;
  }
}
.cookiesBox {
  overflow: hidden;
  display: block;
  width: 300px;
  position: fixed;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 100000;
  bottom: 0.25em;
  left: 0.25em;
  -webkit-animation: cookie_ani 1s cubic-bezier(0.12, 0.87, 0.07, 1.03) 0.5s;
          animation: cookie_ani 1s cubic-bezier(0.12, 0.87, 0.07, 1.03) 0.5s;
}
@media screen and (max-width: 767px) {
  .cookiesBox {
    -webkit-animation: cookie_ani_m 1s cubic-bezier(0.12, 0.87, 0.07, 1.03) 0.5s;
            animation: cookie_ani_m 1s cubic-bezier(0.12, 0.87, 0.07, 1.03) 0.5s;
    bottom: 5px;
  }
}
@media screen and (max-width: 575px) {
  .cookiesBox {
    width: 96%;
    left: 2%;
  }
}
.cookiesBox .container {
  background: rgba(0, 0, 0, 0.85);
  padding: 0.5em;
  border-radius: 0.5em;
}
@media screen and (max-width: 767px) {
  .cookiesBox .container {
    padding: 1em;
  }
}
.cookiesBox .text {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0.5em;
}
.cookiesBox h3 {
  padding: 0px 0px 0px;
  margin: 5px 0 15px 0;
  display: inline-block;
  text-align: center;
  color: #FFF;
  font-size: 1.25em;
  font-weight: 400;
  border-bottom: 1px solid #FFF;
}
.cookiesBox p {
  color: #fff;
  font-size: 0.875em;
  line-height: 1.45;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.cookiesBox p a {
  color: #FFF;
  display: inline-block;
  text-decoration: underline;
}
.cookiesBox p a:hover, .cookiesBox p a:focus {
  color: #4bbafb;
}
.cookiesBox .btn-OK {
  background: rgba(0, 0, 0, 0.25);
  display: block;
  text-align: center;
  color: white;
  text-decoration: none;
  border-radius: 3px;
  content: "";
  margin: 0 auto 1em auto;
  width: 95%;
  height: 35px;
  line-height: 2em;
  background: #047cc3;
  border: 1px solid #047cc3;
}
.cookiesBox .btn-OK:hover, .cookiesBox .btn-OK:focus {
  background: #19a7fa;
  border: 1px solid #19a7fa;
}
@media screen and (max-width: 767px) {
  .cookiesBox .btn-OK {
    background: #19a7fa;
    border: 1px solid #19a7fa;
  }
}

.open_chat {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(../images/icon/icon_chat_white.svg) no-repeat center center #5CB85C;
  background-size: 50%;
  text-align: center;
  color: #FFF;
  line-height: 60px;
  text-decoration: none;
  position: fixed;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  bottom: 70px;
  right: 10px;
  z-index: 100001;
}
@media screen and (max-width: 767px) {
  .open_chat {
    bottom: 130px;
  }
}
.open_chat span {
  border-radius: 0.25em;
  background: #FF3E4D;
  display: block;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  color: #FFF;
  font-size: 0.75rem;
  font-weight: bold;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 0.5em;
}
@media screen and (max-width: 767px) {
  .open_chat.has_bottom {
    bottom: 4em;
  }
}
.open_chat:hover, .open_chat:focus {
  background: url(../images/icon/icon_chat_white.svg) no-repeat center center #5CB85C;
  background-size: 50%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.chat_window {
  position: fixed;
  width: 720px;
  height: 70%;
  min-height: 480px;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: #047cc3;
  overflow: hidden;
  background: #FFF;
  -webkit-box-shadow: -5px -5px 30px -5px rgba(0, 0, 0, 0.25);
          box-shadow: -5px -5px 30px -5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.chat_window.half {
  width: 360px;
}
@media screen and (max-width: 565px) {
  .chat_window.half {
    width: 100%;
  }
}
.chat_window iframe {
  width: 100%;
  height: 100%;
  left: 0;
}
@media screen and (max-width: 565px) {
  .chat_window {
    width: 100%;
    height: calc(100% - 60px);
  }
}

.chat_function {
  position: relative;
  height: 2rem;
  width: 100%;
  background: #035c91;
}
.chat_function .messenger {
  color: #FFF;
  padding: 0.3em 0.25em 0.2em;
}
.chat_function .messenger span {
  display: inline-block;
  font-size: 0.875rem;
  margin-left: 0.5em;
}
.chat_function a.close {
  width: 1em;
  height: 1.5em;
  display: block;
  float: left;
  position: relative;
  margin: 0.25em 0 0 0.5em;
  margin-right: 0.5em;
}
.chat_function a.close:hover:before {
  background: rgb(255, 255, 255);
}
.chat_function a.close:before {
  position: absolute;
  top: 0.65em;
  left: 0em;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.5);
  content: "";
}
.chat_function a.minimize {
  width: 1em;
  height: 1.5em;
  display: block;
  position: absolute;
  right: 0.5em;
  top: 0.35em;
}
@media screen and (max-width: 565px) {
  .chat_function a.minimize {
    display: none;
  }
}
.chat_function a.minimize:hover:before {
  border: 2px solid rgb(255, 255, 255);
  border-left: none;
  border-bottom: none;
}
.chat_function a.minimize:before {
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  width: 10px;
  height: 10px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}
.chat_function a.minimize.inverse:before {
  left: 0.5em;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-right: none;
  border-top: none;
}
.chat_function a.minimize.inverse:hover:before, .chat_function a.minimize.inverse:focus:before {
  border: 2px solid rgb(255, 255, 255);
  border-right: none;
  border-top: none;
}

.chat_inside {
  max-width: 720px;
  min-height: 480px;
  background: #047cc3;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 565px) {
  .chat_inside {
    width: 100%;
    height: 100%;
  }
}

.chat_body {
  background: #047cc3;
}

.chat_list {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 360px;
  z-index: 15;
}
@media screen and (max-width: 545px) {
  .chat_list {
    width: 100%;
    height: 100%;
    z-index: 13;
    left: 0;
  }
}
.chat_list .chat_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #047cc3;
}
.chat_list .chat_search .form_grp {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-right: 1em;
  position: relative;
}
.chat_list .chat_search .form_grp:before {
  position: absolute;
  width: 1em;
  height: 1em;
  content: "";
  background: url(../images/basic/icon_search_white.png) no-repeat center center;
  background-size: 16px;
  z-index: 2;
  top: 0.5em;
  left: 0.5em;
  opacity: 0.5;
}
.chat_list .chat_search .form_grp input {
  width: 100%;
  height: 2.5em;
  padding-left: 2.5em;
  font-size: 0.813rem;
}
.chat_list .chat_search .form_grp input[type=text] {
  background: rgba(0, 0, 0, 0.25);
  color: #FFF;
  border: 1px solid transparent;
}
.chat_list .chat_search .form_grp input[type=text]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #DDD;
}
.chat_list .chat_search .form_grp input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #DDD;
}
.chat_list .chat_search .form_grp input[type=text]:-ms-input-placeholder {
  /* IE 10+ */
  color: #DDD;
}
.chat_list .chat_search .form_grp input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #DDD;
}
.chat_list .chat_search select {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  width: 25%;
  height: 2.5em;
  font-size: 0.813rem;
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.25) url(../images/basic/icon_select_arrow_white.svg) no-repeat right center;
  background-size: 16px;
  color: #FFF;
}
.chat_list .list {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;
  position: absolute;
  width: 100%;
  height: calc(100% - 3.1em);
  bottom: 0;
  background: #FFF;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
}
.chat_list .list .annoucement {
  background: #fddc76;
  padding: 1em;
}
.chat_list .list .annoucement span {
  font-size: 0.813rem;
  display: block;
  line-height: 1.25em;
  color: #666;
}
.chat_list .list .annoucement a.close {
  position: absolute;
  top: 0;
  right: 0.25em;
  width: 0.75em;
  height: 0.75em;
  opacity: 0.25;
}
.chat_list .list .annoucement a.close i {
  -webkit-transform: scale(5%);
          transform: scale(5%);
}
.chat_list .list .annoucement a.close:hover {
  opacity: 0.5;
}
.chat_list .list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-bottom: 4em;
}
.chat_list .list ul li {
  border-bottom: 1px solid #CECECE;
  position: relative;
  padding-bottom: 20px;
  background: rgba(200, 200, 200, 0.35);
  position: relative;
}
.chat_list .list ul li:hover, .chat_list .list ul li:focus {
  background: transparent;
}
.chat_list .list ul li:last-child .more_function .window {
  top: -80px;
  bottom: auto;
}
.chat_list .list ul li .more_function {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 5px;
  width: 50%;
  height: 10px;
}
.chat_list .list ul li .more_function a.dot {
  width: 80px;
  padding: 0;
  display: block;
  height: 15px;
  margin: 0 0 0 auto;
  background: url(../images/icon/icon_dotree.svg) no-repeat center center;
  background-size: 40px;
}
.chat_list .list ul li .more_function .window {
  position: absolute;
  top: 5px;
  right: 1em;
  background: #FFF;
  border-radius: 0.35em;
  -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.85);
          box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.85);
  padding: 0.75em;
  min-width: 6em;
  display: none;
}
.chat_list .list ul li .more_function .window.open {
  display: block;
  z-index: 999999;
}
.chat_list .list ul li .more_function .window ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #FFF;
  padding-bottom: 0em;
}
.chat_list .list ul li .more_function .window ul li {
  display: block;
  border-bottom: 1px dashed #DEDEDE;
  padding: 0.25em;
  font-size: 0.813rem;
  margin-bottom: 0.25em;
  background: #FFF;
}
.chat_list .list ul li .more_function .window ul li:hover {
  background: none;
}
.chat_list .list ul li .more_function .window ul li a {
  padding: 0;
  color: #555;
  background: #FFF;
}
.chat_list .list ul li .more_function .window ul li a i {
  opacity: 0.5;
  margin-right: 0.5em;
}
.chat_list .list ul li .more_function .window ul li a:hover, .chat_list .list ul li .more_function .window ul li a:focus {
  color: #19a7fa;
  background: #FFF;
}
.chat_list .list ul li .more_function .window ul li a:hover i, .chat_list .list ul li .more_function .window ul li a:focus i {
  opacity: 0.75;
}
.chat_list .list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75em 1em 0.5em 0.5em;
}
.chat_list .list ul li a.bookmark:after {
  position: absolute;
  background: url(../images/icon/icon_bookmark_red.svg) no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 30px;
  content: "";
  right: 3em;
  top: 0.5em;
}
.chat_list .list ul li a:hover .summary .name, .chat_list .list ul li a:focus .summary .name {
  color: #333;
}
.chat_list .list ul li a.online .pic .status {
  background: #3dc70d;
}
.chat_list .list ul li a.offline .pic .status {
  background: #AAA;
}
.chat_list .list ul li a .pic {
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  height: 50px;
  margin: 0 1em 0 0;
  border-radius: 0.25rem;
  position: relative;
}
.chat_list .list ul li a .pic img {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.chat_list .list ul li a .pic .status {
  position: absolute;
  top: -0.45em;
  right: -0.45em;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  background: #AAA;
  border: 2px solid #FFF;
}
.chat_list .list ul li a .chat_summary {
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50px;
          flex: 1 1 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: hidden;
}
.chat_list .list ul li a .chat_summary .name {
  color: #555;
  width: 80%;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80%;
          flex: 0 1 80%;
  margin: 0;
  font-weight: bold;
  margin-bottom: 0.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat_list .list ul li a .chat_summary .new_message {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: white;
  position: absolute;
  top: 0;
  right: 0.25em;
  text-align: center;
  line-height: 2em;
  width: 2em;
  font-weight: bold;
  font-size: 0.813rem;
}
.chat_list .list ul li a .chat_summary .summary {
  font-size: 0.813rem;
  color: #666;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  width: 70%;
  max-width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat_list .list ul li a .chat_summary time {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  color: #999;
  font-size: 0.75rem;
  text-align: right;
  white-space: nowrap;
}

.chat_welcome {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0px;
  top: 0;
  background: #d0dada;
  z-index: 11;
  background: #96d7fd;
  background: -webkit-gradient(linear, left top, left bottom, from(#96d7fd), to(#FFF));
  background: linear-gradient(to bottom, #96d7fd, #FFF);
  pointer-events: none;
}
.chat_welcome.show {
  opacity: 1;
}
.chat_welcome.hide {
  opacity: 0;
  display: block;
  pointer-events: none;
}
@media screen and (max-width: 565px) {
  .chat_welcome {
    display: none;
  }
}
.chat_welcome .message {
  content: "";
  width: 150px;
  height: 300px;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 10%;
  background: url(../images/welcome.svg) no-repeat center top;
  background-size: 100px;
  text-align: center;
  padding-top: 200px;
}

.chat_content {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0px;
  top: 0;
  background: #036caa;
  z-index: 9;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 565px) {
  .chat_content {
    z-index: 12;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.chat_content.show {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  opacity: 1;
}
@media screen and (max-width: 565px) {
  .chat_content.show {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    z-index: 20;
  }
}
.chat_content.hide {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
}
.chat_content a.information {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  left: 0.75em;
  top: 0.9em;
  opacity: 0.65;
}
.chat_content a.information:hover, .chat_content a.information:focus {
  opacity: 1;
}
.chat_content a.video {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: 2.5em;
  top: 0.9em;
  width: 4rem;
  padding: 0.25em;
  height: 1.75rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.25em;
  opacity: 0.65;
  color: #FFF;
  font-size: 0.75rem;
  text-align: center;
}
.chat_content a.video i {
  margin-right: 0.25em;
}
.chat_content a.video:hover, .chat_content a.video:focus {
  opacity: 1;
}
.chat_content a.back {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: 0.25em;
  top: 0.5em;
}
.chat_content a.back:before {
  width: 8px;
  height: 8px;
  border: 3px solid #FFF;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: "";
  position: absolute;
  top: 0.75em;
  left: 0.25em;
  opacity: 0.5;
}
.chat_content a.back:hover:before {
  opacity: 1;
}
.chat_content .title {
  padding: 1em 0.75em 0.25em 2em;
  height: 3.1rem;
  white-space: nowrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 75%;
  font-size: 0.875rem;
  color: #FFF;
  font-weight: bold;
}
.chat_content .type_area {
  position: absolute;
  bottom: 2.8em;
  left: 0;
  height: 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.5em 1em;
  width: 100%;
  z-index: 99;
}
.chat_content .type_area .form_grp {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  margin-right: 1em;
}
.chat_content .type_area .form_grp input[type=text],
.chat_content .type_area .form_grp textarea {
  height: 2rem;
  padding: 0.25rem;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid transparent;
  color: #444;
  font-size: 0.813rem;
}
.chat_content .type_area .btn_grp {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  padding: 0;
  margin: 0;
}
.chat_content .type_area .btn_grp button {
  height: 2rem;
  padding: 0.25rem;
  margin: 0;
  font-size: 0.813rem !important;
  border: 1px solid transparent;
}
.chat_content .type_area .btn_grp button:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.chat_content .txt_content {
  position: absolute;
  height: calc(100% - 3.1em);
  bottom: 0;
  width: 100%;
  left: 0;
}
.chat_content .txt_content .txt_area {
  position: absolute;
  width: 100%;
  height: calc(100% - 5.5em);
  background: #ebebeb;
  padding: 0em 0.5em 1em;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
}
.chat_content .txt_content .txt_area .divider {
  font-size: 0.75rem;
  color: #999;
}
.chat_content .txt_content .txt_area .txt {
  position: relative;
  width: 90%;
  margin-bottom: 1em;
  padding: 0em 0.5em;
  clear: both;
  overflow: hidden;
}
.chat_content .txt_content .txt_area .txt.left {
  padding-left: 2.5em;
}
.chat_content .txt_content .txt_area .txt.left .bubble {
  text-shadow: none;
  background: #ffffff;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
  color: #666;
}
.chat_content .txt_content .txt_area .txt.left .bubble:after {
  position: absolute;
  left: -6px;
  top: 10px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 8px 4px 0;
  border-color: transparent #ffffff transparent transparent;
}
.chat_content .txt_content .txt_area .txt.right {
  padding-right: 2.5em;
  margin: 0 0 1em auto;
}
.chat_content .txt_content .txt_area .txt.right .pic {
  right: 0;
  left: auto;
}
.chat_content .txt_content .txt_area .txt.right .bubble {
  float: right;
}
.chat_content .txt_content .txt_area .txt.right time {
  text-align: right;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.chat_content .txt_content .txt_area .txt .pic {
  position: absolute;
  width: 2em;
  height: 2em;
  top: 0;
  left: 0;
  border-radius: 0.5em;
}
.chat_content .txt_content .txt_area .txt .pic img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.25em;
  -o-object-fit: cover;
     object-fit: cover;
}
.chat_content .txt_content .txt_area .txt .bubble {
  background: #0fba52;
  padding: 0.25em 0.75em;
  color: #FFF;
  font-size: 0.875rem;
  border-radius: 0.75em;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
  float: left;
  width: auto;
  position: relative;
}
.chat_content .txt_content .txt_area .txt .bubble:after {
  position: absolute;
  right: -6px;
  top: 10px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #0fba52;
}
.chat_content .txt_content .txt_area .txt time {
  font-size: 0.75rem;
  color: #AAA;
  white-space: nowrap;
  display: block;
  clear: both;
  opacity: 0.75;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.chat_content .video_content {
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  opacity: 0;
}
.chat_content .video_content.show {
  display: block;
  opacity: 1;
}
.chat_content .video_content .camera_area {
  position: absolute;
  width: 100%;
  height: 70%;
  left: 0;
  top: 0;
}
.chat_content .video_content .camera_area img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.chat_content .video_content .camera_function {
  position: absolute;
  width: 100%;
  height: 30%;
  left: 0;
  top: auto;
  bottom: 0;
}
.chat_content .video_content .camera_function a.end_talk {
  position: absolute;
  top: 2em;
  left: 50%;
  margin-left: -2em;
  width: 4em;
  height: 4em;
  background: url(../images/end.svg) no-repeat center center;
}
.chat_content .video_content .camera_function a.end_video {
  position: absolute;
  left: 3em;
  top: 2.5em;
  width: 3em;
  height: 3em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: url(../images/end_vidoe.svg) no-repeat center center;
  background-size: 50%;
  border-radius: 50%;
}
.chat_content .video_content .camera_function a.end_video:hover {
  background: url(../images/end_vidoe.svg) no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 50%;
}
.chat_content .video_content .camera_function a.end_audio {
  position: absolute;
  right: 3em;
  top: 2.5em;
  width: 3em;
  height: 3em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: url(../images/end_audio.svg) no-repeat center center;
  background-size: 50%;
  border-radius: 50%;
}
.chat_content .video_content .camera_function a.end_audio:hover {
  background: url(../images/end_audio.svg) no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 50%;
}

.Syncing_slider .slick-track {
  margin-left: 0;
}

.rcm {
  width: 250px;
  height: auto;
  position: fixed;
  top: 120px;
  left: -255px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  z-index: 10000;
}
@media screen and (max-width: 767px) {
  .rcm {
    top: 80px;
  }
}
.rcm .rcm_oc {
  position: absolute;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45);
  font-size: 1em;
  font-weight: bold;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
  line-height: 1em;
  color: #fff;
  background-color: #29b4f5;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  z-index: -1;
}
.rcm .toClose {
  display: none;
  padding: 8px 5px 5px 15px;
  width: 45px;
  right: -45px;
  top: 40%;
  height: 62px;
}
.rcm .toClose:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border: 2px solid #FFF;
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  left: 45%;
  bottom: 10px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.rcm .toOpen {
  display: block;
  padding: 8px 5px 5px 18px;
  width: 45px;
  right: -40px;
  top: 40%;
  height: 62px;
}
.rcm .toOpen:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border: 2px solid #FFF;
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 50%;
  bottom: 10px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.rcm .rcm_panel {
  overflow: hidden;
  border-radius: 10px;
  background-color: #FFF;
  width: 100%;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45);
}
.rcm .rcm_panel .rcm_title {
  color: #FFF;
  background-color: #29b4f5;
  font-size: 1em;
  padding: 10px 5px;
  text-align: center;
}
.rcm .rcm_panel .rcm_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-bottom: #29b4f5 1px solid;
}
.rcm .rcm_panel .rcm_tab::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  background: #29b4f5;
  display: block;
}
.rcm .rcm_panel .rcm_tab button {
  width: 50%;
  display: block;
  background: none;
  margin: 0;
  border: none;
  border-radius: 0;
  text-shadow: none;
  color: #29b4f5;
}
.rcm .rcm_panel .rcm_tab button.active, .rcm .rcm_panel .rcm_tab button:hover {
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
  background: #29b4f5;
  color: #fff;
}
.rcm .rcm_panel .rcm_body {
  display: none;
}
.rcm .rcm_panel .rcm_body.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rcm .rcm_panel .rcm_body .btnBox {
  padding-top: 10px;
  margin-top: 10px;
  border-top: #ddd 1px solid;
  margin: auto 0 0;
}
.rcm .rcm_panel .rcm_body .btnBox button {
  display: block;
  margin: 0 auto;
  padding: 5px 10px;
}
.rcm .rcm_panel .rcm_body .listBox {
  padding: 5px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.rcm .rcm_panel .rcm_body .listBox li {
  list-style: none;
}
.rcm .rcm_panel .rcm_body .listBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rcm .rcm_panel .rcm_body .listBox .pic {
  width: 74px;
  height: 51px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: #ddd 1px solid;
  position: relative;
}
.rcm .rcm_panel .rcm_body .listBox .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rcm .rcm_panel .rcm_body .listBox .title {
  margin-left: 10px;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rcm .rcm_panel .rcm_body .listBox .title:hover {
  color: #047cc3;
}
.rcm .rcm_panel .rcm_body {
  height: 450px;
  padding: 10px 0px;
}
.rcm .rcm_panel .rcm_body .btnBox {
  margin: auto 0 0;
}
.rcm .rcm_panel .rcm_body .rcm_exh {
  padding: 5px 0px 15px 0px;
  position: relative;
}
.rcm .rcm_panel .rcm_body .rcm_exh h3 {
  color: #333;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: bold;
  padding: 0px 0px 0px 6px;
  margin: 0px 5px 10px 5px;
  position: relative;
}
.rcm .rcm_panel .rcm_body .rcm_exh h3:before {
  position: absolute;
  width: 3px;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: #29b4f5;
}
.rcm .rcm_panel .rcm_body .rcm_exh h3:after {
  position: absolute;
  width: 3px;
  height: 50%;
  content: "";
  bottom: 0;
  left: 0;
  background: #aaa;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_more {
  position: absolute;
  right: 5px;
  top: 3px;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_more a {
  font-size: 0.65em;
  font-weight: bold;
  text-decoration: underline;
  color: #000;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_more a:hover {
  text-decoration: none;
  color: #555;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider ul li {
  margin: 0 25px;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider ul li a {
  border: 1px solid #ddd;
  display: block;
  height: 135px;
  position: relative;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider ul li a .rcm_exh_desc {
  padding: 0.4em;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: absolute;
  left: 0;
  bottom: -9em;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider ul li a .rcm_exh_desc p {
  font-size: 0.6em;
  line-height: 1.4em;
  color: #fff;
  padding: 0;
  margin: 0;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider ul li a:hover .rcm_exh_desc {
  bottom: 0px;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider .slick-prev {
  background-size: 35%;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider .slick-prev:hover, .rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider .slick-prev:focus {
  border: none !important;
  background: url(../vendor/slick/icon_arrow_left_inverse.png) center center no-repeat !important;
  background-size: 33% !important;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider .slick-next {
  background-size: 35%;
}
.rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider .slick-next:hover, .rcm .rcm_panel .rcm_body .rcm_exh .rcm_exh_slider .slick-next:focus {
  border: none !important;
  background: url(../vendor/slick/icon_arrow_right_inverse.png) center center no-repeat !important;
  background-size: 33% !important;
}
.rcm .rcm_panel .rcm_body .rcm_prod {
  padding: 15px 0px 5px 0px;
  border-top: 1px solid #29b4f5;
  position: relative;
}
.rcm .rcm_panel .rcm_body .rcm_prod h3 {
  color: #333;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: bold;
  padding: 0px 0px 0px 6px;
  margin: 0px 5px 10px 5px;
  position: relative;
}
.rcm .rcm_panel .rcm_body .rcm_prod h3:before {
  position: absolute;
  width: 3px;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: #29b4f5;
}
.rcm .rcm_panel .rcm_body .rcm_prod h3:after {
  position: absolute;
  width: 3px;
  height: 50%;
  content: "";
  bottom: 0;
  left: 0;
  background: #aaa;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_more {
  position: absolute;
  right: 5px;
  top: 15px;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_more a {
  font-size: 0.65em;
  font-weight: bold;
  text-decoration: underline;
  color: #000;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_more a:hover {
  text-decoration: none;
  color: #555;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider ul li {
  margin: 0 25px;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider ul li a {
  border: 1px solid #ddd;
  display: block;
  height: 135px;
  position: relative;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider ul li a .rcm_prod_desc {
  padding: 0.4em;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: absolute;
  left: 0;
  bottom: -4em;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider ul li a .rcm_prod_desc p {
  font-size: 0.6em;
  line-height: 1.4em;
  color: #fff;
  padding: 0;
  margin: 0;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider ul li a:hover .rcm_prod_desc {
  bottom: 0px;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider .slick-prev {
  background-size: 35%;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider .slick-prev:hover, .rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider .slick-prev:focus {
  border: none !important;
  background: url(../vendor/slick/icon_arrow_left_inverse.png) center center no-repeat !important;
  background-size: 33% !important;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider .slick-next {
  background-size: 35%;
}
.rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider .slick-next:hover, .rcm .rcm_panel .rcm_body .rcm_prod .rcm_prod_slider .slick-next:focus {
  border: none !important;
  background: url(../vendor/slick/icon_arrow_right_inverse.png) center center no-repeat !important;
  background-size: 33% !important;
}
.rcm .secTab {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rcm .secTab .secTabBar .listBox {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0;
  border-bottom: #ccc 1px solid;
}
.rcm .secTab .secTabBar .listBox .item {
  width: 50%;
  text-align: center;
}
.rcm .secTab .secTabBar .listBox .item.active button {
  color: #29b4f5;
  border-bottom: #29b4f5 2px solid !important;
}
.rcm .secTab .secTabBar button {
  width: 100%;
  border-radius: 0;
  background: none;
  color: #000;
  margin: 0;
  padding: 0 0 10px;
  border: none;
  text-shadow: none;
  text-align: center;
  border: none !important;
  border-bottom: #fff 2px solid !important;
}
.rcm .secTab .secTabBar button:hover {
  color: #29b4f5;
  border-bottom: #29b4f5 2px solid !important;
}
.rcm .secTab .secTabContentBox {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rcm .secTab .secTabContentBox .secTabBody {
  display: none;
  padding-top: 5px;
}
.rcm .secTab .secTabContentBox .secTabBody.active {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.rcm_en .rcm_oc_en {
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  border-radius: 6px 6px 0 0;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45);
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
  background-color: #29b4f5;
  cursor: pointer;
  position: absolute;
  z-index: -1;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
}
.rcm_en .toClose {
  width: 150px;
  height: 62px;
  display: block;
  padding: 15px 0px 0px 20px;
  right: -90px;
  top: 45%;
}
.rcm_en .toClose:after {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  left: unset;
  bottom: unset;
  right: 15px;
  top: 30%;
}
.rcm_en .toOpen {
  display: none;
  width: 150px;
  height: 62px;
  display: block;
  padding: 13px 0px 0px 20px;
  right: -90px;
  top: 45%;
}
.rcm_en .toOpen:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: unset;
  bottom: unset;
  right: 15px;
  top: 30%;
}

.rcm_shadow {
  width: 96%;
  margin: 0 auto;
  -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.35);
          box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.35);
}

.tooltipQ {
  position: relative;
  display: inline-block;
  padding: 0 8px 0px 3px;
}
.tooltipQ .tooltippos {
  position: absolute;
  top: -2px;
  left: -60px;
  width: 140px;
  height: auto;
}
.tooltipQ .tooltippos .tooltiptext {
  visibility: hidden;
  width: 140px;
  height: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 4px;
  line-height: 1.6em;
  font-size: 0.6em;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 0px;
  margin-top: -5em;
}
.tooltipQ .tooltippos .tooltiptext:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border: 3px solid #555;
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  left: 45%;
  bottom: -3px;
}
.tooltipQ:hover .tooltiptext {
  visibility: visible;
}

/*set cookie*/
.cookieSetPG .cookieText {
  padding: 1em 0 0 0;
}
.cookieSetPG .cookieText p {
  margin: 0px;
  padding: 5px;
  font-size: 1em;
  line-height: 1.5em;
}
.cookieSetPG .cookieSet {
  padding: 1em 0 2em 0;
}
.cookieSetPG .cookieSetBox {
  border-radius: 10px;
  border: 1px solid #ddd;
}
.cookieSetPG .cookieBoxTop {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}
.cookieSetPG .cookieBoxTop h3 {
  margin: 0px;
  padding: 0px;
  line-height: 2em;
}
.cookieSetPG .cookieBoxTop .switch {
  position: absolute;
  right: 1em;
  top: 0.8em;
}
.cookieSetPG .cookieBoxBottom {
  padding: 10px;
}
.cookieSetPG .cookieBoxBottom h3 {
  margin: 0px;
  padding: 0px;
  line-height: 2em;
}
.cookieSetPG .cookieBoxBottom p {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  line-height: 1.5em;
}
.cookieSetPG .btn-grp {
  text-align: center;
}
.cookieSetPG .btn-grp button {
  padding: 0.5em;
  margin: 0.25em;
  min-width: 5em;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch input:checked + .slider {
  background-color: #047cc3;
}

.switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

.newsBox {
  width: 100%;
}
.newsBox .sectionTitle {
  text-align: center !important;
}
.newsBox .tabBar {
  position: relative;
  margin-bottom: 20px;
}
.newsBox .tabBar .slick-track {
  width: 100% !important;
  -webkit-transform: none !important;
          transform: none !important;
}
@media screen and (min-width: 767px) {
  .newsBox .tabBar .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .newsBox .tabBar .slick-track .slick-slide {
    float: none;
  }
}
.newsBox .tabBar .slick-arrow {
  display: none !important;
}
.newsBox .tabBar .listBox {
  margin: 0 30px;
}
.newsBox .tabBar .listBox .item {
  padding: 0 3px;
}
.newsBox .tabBar .listBox .item.active button {
  background: #0476b9;
}
.newsBox .tabBar .listBox button {
  background: #29b4f5;
  border-radius: 50px;
  border: none !important;
  padding: 10px 20px;
}
@media screen and (max-width: 767px) {
  .newsBox .tabListContentBox {
    padding: 30px 0px 0;
  }
}
.newsBox .tabListContentBox .tabListContent {
  display: none;
}
.newsBox .tabListContentBox .tabListContent.active {
  display: block;
}
.newsBox .tabListContentBox .tabListContent .more {
  margin: 20px auto 0;
}
.newsBox .tabListContentBox a {
  display: block;
}
.newsBox .tabListContentBox .slider ul li {
  padding: 0 15px;
}
.newsBox .tabListContentBox .slider a.more {
  display: none;
}
@media screen and (max-width: 767px) {
  .newsBox .tabListContentBox .slider a.more {
    display: block;
  }
}
.newsBox .tabListContentBox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 15px;
}
.newsBox .tabListContentBox ul li {
  padding: 30px;
}
.newsBox .tabListContentBox ul li a .img-container {
  overflow: hidden;
  display: block;
  position: relative;
  border: 1px solid #DDD;
  margin-bottom: 0.5em;
  background: #fff;
}
.newsBox .tabListContentBox ul li a .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.newsBox .tabListContentBox ul li a .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.newsBox .tabListContentBox ul li a .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.newsBox .tabListContentBox ul li a .caption .title {
  font-weight: bold;
  margin-bottom: 0.5em;
  color: #222;
}
.newsBox .tabListContentBox ul li a .caption p {
  color: #555555;
  margin: 0;
  height: 3em;
  line-height: 1.5em;
  overflow: hidden;
  display: block;
}
.newsBox .tabListContentBox ul li a:hover .img-container, .newsBox .tabListContentBox ul li a:focus .img-container {
  border: 1px solid #c4c4c4;
}
.newsBox .tabListContentBox ul li a:hover .caption .title, .newsBox .tabListContentBox ul li a:focus .caption .title {
  color: #19a7fa;
}

.pagination {
  margin: 0.5em auto;
  padding: 0;
  display: block;
  text-align: center;
  font-size: 0.938em;
}
.pagination span {
  color: #047cc3;
  margin: 0px 0.5em;
}
.pagination .page {
  margin: 10px 0;
  padding: 0;
}
.pagination .page li {
  display: inline-block;
  min-width: 40px;
  height: 40px;
  margin-bottom: 5px;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pagination .page li a {
  border-radius: 5px;
  padding: 6px 10px;
  font-weight: 700;
  display: block;
  white-space: nowrap;
  font-size: 1em;
  color: #222;
  background: #F7F7F7;
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#EAEAEA));
  background: linear-gradient(to bottom, #F7F7F7, #EAEAEA);
  border: #ccc solid 1px;
}
.pagination .page li a:hover, .pagination .page li a:focus {
  background: #047cc3;
  color: #fff !important;
  border: #047cc3 solid 1px;
}
.pagination .page li.active a {
  color: #fff !important;
  background: #0093eb;
  border: #0083d1 solid 1px;
}
.pagination .page li.last a:after, .pagination .page li.last a:before, .pagination .page li.next a:before, .pagination .page li.prev a:before, .pagination .page li.first a:after, .pagination .page li.first a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border: 2px solid #666;
  border-left: none;
  border-bottom: none;
}
.pagination .page li.first a, .pagination .page li.prev a, .pagination .page li.next a, .pagination .page li.last a {
  text-indent: -9999px;
  position: relative;
}
.pagination .page li.first a:hover:before, .pagination .page li.first a:hover:after, .pagination .page li.first a:focus:before, .pagination .page li.first a:focus:after, .pagination .page li.prev a:hover:before, .pagination .page li.prev a:hover:after, .pagination .page li.prev a:focus:before, .pagination .page li.prev a:focus:after, .pagination .page li.next a:hover:before, .pagination .page li.next a:hover:after, .pagination .page li.next a:focus:before, .pagination .page li.next a:focus:after, .pagination .page li.last a:hover:before, .pagination .page li.last a:hover:after, .pagination .page li.last a:focus:before, .pagination .page li.last a:focus:after {
  border: 2px solid #FFF;
  border-left: none;
  border-bottom: none;
}
.pagination .page li.first a:before {
  margin-left: -6px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.pagination .page li.first a:after {
  margin-left: 0px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.pagination .page li.prev a:before {
  margin-left: -2px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.pagination .page li.next a:before {
  margin-left: -6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.pagination .page li.last a:before {
  margin-left: -3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.pagination .page li.last a:after {
  margin-left: -9px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.pagination .total {
  padding: 0.5em;
}
.pagination .total select {
  margin: 0px 0.5em;
  width: 4em;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .pagination .total select {
    margin: 0px;
  }
}
.pagination .total input[type=button] {
  background: #F7F7F7;
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#EAEAEA));
  background: linear-gradient(to bottom, #F7F7F7, #EAEAEA);
  border: 1px solid #CCC;
  color: #222;
  padding: 0.4em 1em !important;
  min-width: 3em;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none !important;
}
.pagination .total input[type=button]:hover, .pagination .total input[type=button]:focus {
  color: #fff !important;
  background: #0093eb;
  border: #0083d1 solid 1px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

@media screen and (max-width: 767px) {
  .pagination .total select.form-control {
    margin: 0px 0px;
    text-align: center;
  }
}
*[class^=notice] {
  padding: 0.1em 0.5em 0.1em 1.5em;
  display: block;
  font-size: 0.875em;
  margin: 0;
  position: relative;
  color: #666;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  border: none;
}
*[class^=notice]:before {
  position: absolute;
  top: 0.4em;
  left: 0.1em;
  display: block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  content: "";
}
*[class^=notice]:before img {
  width: 100%;
}
*[class^=notice] a.close {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0.4em;
  right: 1em;
  display: block;
  opacity: 0.5;
  filter: alpha(opacity=50); /*IE8*/
}
*[class^=notice] a.close:hover, *[class^=notice] a.close:focus {
  opacity: 1;
  filter: alpha(opacity=100); /*IE8*/
}
*[class^=notice] a.close img {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0;
}

*[class*=notice_info] {
  color: #00529B;
}
*[class*=notice_info]:before {
  background: url(../images/basic/icon_info.svg) no-repeat center center;
  background-size: 15px;
}

*[class*=notice_success] {
  color: #4F8A10;
}
*[class*=notice_success]:before {
  background: url(../images/basic/icon_success.svg) no-repeat center center;
  background-size: 15px;
}

*[class*=notice_warning] {
  color: #CE5605;
}
*[class*=notice_warning]:before {
  background: url(../images/basic/icon_warning.svg) no-repeat center center;
  background-size: 15px;
}

*[class*=notice_error] {
  color: #D8000C;
}
*[class*=notice_error]:before {
  background: url(../images/basic/icon_error.svg) no-repeat center center;
  background-size: 15px;
}

.function_panel {
  text-align: right;
  margin: 0.2em 0;
  padding: 0.25em 1em 0.75em;
  min-height: 35px;
}
@media screen and (max-width: 767px) {
  .function_panel {
    margin: 0.6em 0;
    padding: 0.5em;
  }
}
.function_panel .share {
  display: inline-block;
  vertical-align: top;
}
.function_panel .function {
  display: inline-block;
  vertical-align: top;
}
.function_panel .publish_time {
  float: left;
  min-width: 100px;
  display: block;
  margin-top: 0.6em;
  color: #666;
}
.function_panel .publish_time span {
  font-size: 0.938em;
}
@media screen and (max-width: 767px) {
  .function_panel .publish_time span {
    display: none;
  }
}
.function_panel .publish_time time {
  font-family: georgia;
  font-size: 1.125em;
}
@media screen and (max-width: 767px) {
  .function_panel .publish_time time {
    font-size: 0.938em;
  }
}
.function_panel .publish_time:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  top: 0.3em;
  background: url(../images/basic/icon_time.png) no-repeat center center;
  background-size: 12px;
}

footer {
  color: #FFF;
  background: #106698;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  font-size: 0.938em;
  padding: 2em 0;
}
@media screen and (max-width: 767px) {
  footer.has_bottom {
    padding-bottom: 6em;
  }
}
@media screen and (max-width: 767px) {
  footer {
    padding: 2em 0 1em;
    font-size: 0.813em;
  }
}
footer .container {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
footer .container > div {
  padding-bottom: 1em;
}
footer p {
  line-height: 1.45em;
  margin-bottom: 0.2em;
}
footer p span {
  display: inline-block;
  margin: 0px 0.5em;
}
footer p a {
  display: inline-block;
  color: #FFF;
}
footer p a img {
  height: 2em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
footer a {
  color: #00bbeb;
  text-decoration: none;
}
footer a:hover, footer a:focus {
  color: #75e3ff;
  cursor: pointer;
}
footer .footer_info {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  footer .footer_info {
    float: left;
    width: 58.3333333333%;
  }
}
@media (min-width: 992px) {
  footer .footer_info {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1400px) {
  footer .footer_info {
    float: left;
    width: 66.6666666667%;
  }
}
footer .footer_app {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  footer .footer_app {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  footer .footer_app {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  footer .footer_app {
    float: left;
    width: 33.3333333333%;
  }
}
footer .footer_link, footer .footer_share {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer_link li, footer .footer_share li {
  float: left;
  display: block;
  margin: 0px 1em 0.5em 0px;
}
footer .footer_link li a, footer .footer_share li a {
  color: #FFF;
  text-decoration: none;
  display: block;
}
footer .footer_link li a:hover, footer .footer_link li a:focus, footer .footer_share li a:hover, footer .footer_share li a:focus {
  color: #75e3ff;
  cursor: pointer;
}
footer .footer_link li img, footer .footer_share li img {
  width: 45px;
  height: 45px;
}
footer .update,
footer .counter {
  display: inline-block;
  margin-right: 5px;
}
footer .update em,
footer .counter em {
  font-style: normal;
  color: #FFF;
  padding: 0 0.5em;
}
footer .footer_app h3 {
  margin: 0 0 0.5em 0;
}
footer .footer_app a {
  display: block;
}
footer .footer_app .app_download {
  float: left;
  margin: 0px 1em 1em 0;
}
footer .footer_app .qr_code img {
  border: 5px solid #FFF;
}
footer .footer_app img {
  max-width: 150px;
  max-height: 80px;
}

.fatfooter {
  overflow: hidden;
  padding-bottom: 1em;
  margin: 0 auto;
  background: #F1F1F1;
}
.fatfooter nav {
  max-width: 100%;
}
.fatfooter nav > ul > li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14.2857142857%;
}
@media screen and (max-width: 767px) {
  .fatfooter nav > ul > li {
    width: 95%;
    margin: 0px auto 3px;
  }
}
@media screen and (max-width: 767px) {
  .fatfooter {
    display: none;
  }
}
.fatfooter .container {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.fatfooter .btn-fatfooter {
  font-size: 0.813em;
  display: block;
  min-width: 6em;
  color: #FFF;
  border: none;
  background: #19a7fa;
  position: absolute;
  right: 1%;
  z-index: 9;
  text-indent: -9999px;
  border-radius: 4px;
  background-clip: padding-box;
}
.fatfooter .btn-fatfooter:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid #FFF;
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 50%;
  top: 12px;
  margin-left: -6px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.fatfooter .btn-fatfooter:hover, .fatfooter .btn-fatfooter:focus {
  background: #058cdc;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border: none;
  cursor: pointer;
}
.fatfooter .btn-fatfooter.close:before {
  -webkit-transform: rotate(135deg) !important;
          transform: rotate(135deg) !important;
  top: 5px;
}
.fatfooter nav {
  overflow: hidden;
  display: block;
  position: relative;
  padding: 3em 0 1em 0em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .fatfooter nav {
    padding: 1em 0;
  }
}
.fatfooter nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: flex-sart;
      align-content: flex-sart;
}
@media screen and (max-width: 767px) {
  .fatfooter nav ul {
    width: 100%;
    display: block;
    margin: 0px auto;
  }
}
.fatfooter nav ul li {
  text-align: left;
  vertical-align: top;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 16.6666%;
      flex-basis: 16.6666%;
  margin-bottom: 1em;
  font-size: 0.938rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .fatfooter nav ul li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}
@media screen and (max-width: 767px) {
  .fatfooter nav ul li {
    display: block;
    margin: 0 0 0.4em;
  }
}
.fatfooter nav ul li a {
  line-height: 1.5;
  color: #222;
  text-decoration: none;
  display: block;
  font-weight: bold;
  padding: 0.5em 0.5em 0px 0;
  white-space: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fatfooter nav ul li a:hover, .fatfooter nav ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.fatfooter nav ul li a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.fatfooter nav ul li ul {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .fatfooter nav ul li ul {
    width: auto;
    padding-left: 2em;
  }
}
.fatfooter nav ul li ul li {
  display: block;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 0;
  border: none;
  background: none;
  width: 100%;
  font-size: 0.875rem;
}
@media screen and (max-width: 991px) {
  .fatfooter nav ul li ul li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.fatfooter nav ul li ul li a {
  display: block;
  font-weight: normal;
  text-align: left;
  font-size: 0.938em;
  line-height: 1.5em;
  padding: 0.3em 0.2em;
  background: none;
}
@media screen and (max-width: 767px) {
  .fatfooter nav ul li ul li a {
    padding: 0.3em 0.2em;
  }
}
.fatfooter nav ul li ul ul {
  display: none;
}

.modal {
  position: fixed;
  display: none;
  width: 420px;
  height: 420px;
  background: #FFF;
  z-index: 999999;
  top: 30%;
  left: 50%;
  margin-top: -150px;
  margin-left: -210px;
  padding: 1em 1em 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  -webkit-box-shadow: 1px 1px 30px -15px RGBA(0, 0, 0, 0.8);
          box-shadow: 1px 1px 30px -15px RGBA(0, 0, 0, 0.8);
  -webkit-animation: scaleUp 0.6s ease-out;
          animation: scaleUp 0.6s ease-out;
  border: 3px solid #29b4f5;
  padding-bottom: 1.5em;
}
.modal .modal_content {
  position: relative;
  width: 100%;
  height: 85%;
  overflow-y: scroll;
}
.modal.question_colorbox {
  width: 60%;
  height: 70%;
  margin-left: 0;
  top: 50%;
  margin-top: -20%;
  left: 20%;
}
@media screen and (max-width: 1399px) {
  .modal.question_colorbox {
    margin-top: -30%;
  }
}
@media screen and (max-width: 991px) {
  .modal.question_colorbox {
    width: 90%;
    left: 5%;
    top: 5%;
    margin-top: 0 !important;
  }
}
.modal .form_grp {
  border-bottom: 1px dashed #DEDEDE;
}
.modal span.red {
  color: #FF3E4D;
  margin-left: 0.9em;
  font-size: 0.813em;
  display: block;
  line-height: 1.35em;
}
.modal input.id {
  background: url(../images/icon/icon_man.svg) no-repeat 0.2em 0.5em #f8f8f8;
  background-size: 20px;
  padding-left: 1.8em;
}
.modal input.pw {
  background: url(../images/icon/icon_lock.svg) no-repeat 0.4em 0.6em #f8f8f8;
  background-size: 16px;
  padding-left: 1.8em;
}
.modal .btn-primary {
  font-size: 1em;
}
.modal .btn-reset {
  font-size: 1em;
}
.modal ul.member_function {
  position: absolute;
  bottom: 0.2em;
  width: 90%;
  left: 5%;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0.5em 0;
  border-top: 1px solid #CCC;
}
.modal ul.member_function li {
  width: 33%;
  float: left;
  font-size: 0.875em;
  text-align: center;
}
.modal ul.member_function li a {
  color: #00bbeb;
  text-decoration: none;
}
.modal ul.member_function li a:hover, .modal ul.member_function li a:focus {
  color: #75e3ff;
  cursor: pointer;
}
.modal ul.member_function li a:hover:before, .modal ul.member_function li a:focus:before {
  margin-left: 0.3em;
  margin-right: 0.2em;
}
.modal ul.member_function li a:before {
  display: inline-block;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
  border: 2px solid #AAA;
  border-bottom: none;
  border-left: none;
  margin-right: 0.5em;
  vertical-align: middle;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.modal .form_grp {
  padding: 0.3em;
  margin-bottom: 0.1em;
}
.modal h2 {
  border-bottom: 1px solid #047cc3;
  padding-bottom: 0.5em;
  margin: 0.3em 0;
}
@media screen and (max-width: 767px) {
  .modal {
    left: 5%;
    width: 90%;
    margin-left: 0;
  }
}
.modal .close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px !important;
  min-width: auto;
  height: 30px;
  font-size: 0em;
  border: none;
  display: block;
  padding: 0;
  background: url(../images/basic/icon_close.svg) no-repeat center center;
}
.modal .close:hover, .modal .close:focus {
  cursor: pointer;
}

@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: scale(1) translateY(-150px);
            transform: scale(1) translateY(-150px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
    opacity: 1;
  }
}

@keyframes scaleUp {
  0% {
    -webkit-transform: scale(1) translateY(-150px);
            transform: scale(1) translateY(-150px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
    opacity: 1;
  }
}
.modal_overlay {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: RGBA(0, 0, 0, 0.75);
  z-index: 999998;
}

.loginMsgBox .container {
  background: rgba(0, 0, 0, 0.75);
  padding: 0.8em;
  border-radius: 0.5em;
  overflow: hidden;
  display: block;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.loginMsgBox .text {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.loginMsgBox h3 {
  padding: 0px 0px 0px;
  margin: 5px 10px 10px 10px;
  display: inline-block;
  text-align: center;
  color: #FFF;
  font-size: 1.25em;
  font-weight: 400;
  border-bottom: 1px solid #FFF;
  text-align: center;
}
.loginMsgBox p {
  color: #fff;
  font-size: 0.875em;
  line-height: 1.45em;
  overflow: hidden;
  margin: 0em;
  padding: 0em 0em 0.5em 0em;
  text-align: center;
}
.loginMsgBox button {
  color: #fff;
  background: #047cc3 !important;
  border: 1px solid #047cc3 !important;
}
.loginMsgBox button:hover, .loginMsgBox button:focus {
  background: #058cdc !important;
  border: 1px solid #fff !important;
}

.containerSkill {
  width: 100%;
  background-color: #c5c5c5;
  border-radius: 35px;
  padding: 2px 1px 0px 1px;
  overflow: hidden;
}

.containerSkillin {
  width: 100%;
  background-color: #eee;
  border-radius: 30px;
  padding: 0px 1px 1px 0px;
  overflow: hidden;
}

.skills {
  text-align: right;
  padding: 0;
  background-color: #29b4f5;
  border-radius: 25px;
  line-height: 1em;
  height: 1.25em;
}

.toDoBlock {
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 18px 10px 0 10px;
}
.toDoBlock:hover {
  -webkit-box-shadow: 1px 1px 8px #a5a5a5;
          box-shadow: 1px 1px 8px #a5a5a5;
}

.ItemBar {
  width: 28%;
  padding: 30px 15px 30px 0;
  position: relative;
}
@media screen and (max-width: 991px) {
  .ItemBar {
    display: inline-block;
    width: 50%;
  }
}
.ItemBar .pcnums {
  color: #047cc3;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  position: absolute;
  top: 10%;
  width: 100%;
}

.ItemNot, .ItemAll {
  width: 25%;
  margin-left: 1%;
  padding-top: 8px;
}
@media screen and (max-width: 991px) {
  .ItemNot, .ItemAll {
    display: inline-block;
    width: 48%;
    padding-top: 1em;
  }
}
.ItemNot label, .ItemAll label {
  display: inline;
  text-align: right;
  padding: 0 0.5em 0 1em;
  font-size: 0.9em;
}
.ItemNot input, .ItemAll input {
  display: inline;
  width: 40%;
  text-align: center;
  background-color: #eee;
}

.toDoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  padding-bottom: 18px;
}
.toDoItem h3 {
  width: 20%;
  padding: 0px 0 0 18px;
  margin: 0;
  font-size: 1em;
  line-height: 1.25em;
  position: relative;
}
@media screen and (max-width: 991px) {
  .toDoItem h3 {
    display: inline-block;
    width: 40%;
    padding: 20px 0 35px 18px;
    vertical-align: middle;
  }
}
.toDoItem h3 a {
  color: #333;
}
.toDoItem h3 a:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  background-image: url(../images/icon/icon_link2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
}
@media screen and (max-width: 991px) {
  .toDoItem h3 a:before {
    top: 23px;
  }
}
.toDoItem h3 a:hover {
  color: #047cc3;
}
.toDoItem h3 a:hover:before {
  -webkit-filter: invert(25%) sepia(100%) saturate(1807%) hue-rotate(183deg) brightness(99%) contrast(97%);
          filter: invert(25%) sepia(100%) saturate(1807%) hue-rotate(183deg) brightness(99%) contrast(97%);
}
.toDoItem button {
  position: absolute;
  left: 50%;
  bottom: -4px;
  margin-left: -10px;
  cursor: pointer;
  background: none !important;
  border: none;
  padding: 0;
  height: 16px;
  width: 26px;
  min-width: auto;
}
.toDoItem button:before {
  position: absolute;
  top: 0px;
  left: 5px;
  content: "";
  background-image: url(../images/icon/icon_arrow_down.svg);
  background-size: cover;
  height: 16px;
  width: 16px;
  opacity: 0.7;
}
.toDoItem button:hover, .toDoItem button:focus {
  border: none !important;
}
.toDoItem button.btnDown:before {
  position: absolute;
  top: 0px;
  left: 5px;
  content: "";
  background-image: url(../images/icon/icon_arrow_down.svg);
  background-size: cover;
  height: 16px;
  width: 16px;
  opacity: 0.7;
}
.toDoItem button.btnDown:hover:before {
  -webkit-filter: invert(25%) sepia(100%) saturate(1807%) hue-rotate(183deg) brightness(99%) contrast(97%);
          filter: invert(25%) sepia(100%) saturate(1807%) hue-rotate(183deg) brightness(99%) contrast(97%);
  opacity: 1;
}
.toDoItem button.btnUp:before {
  position: absolute;
  top: 0px;
  left: 5px;
  content: "";
  background-image: url(../images/icon/icon_arrow_down.svg);
  background-size: cover;
  height: 16px;
  width: 16px;
  opacity: 0.7;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.toDoItem button.btnUp:hover:before {
  -webkit-filter: invert(25%) sepia(100%) saturate(1807%) hue-rotate(183deg) brightness(99%) contrast(97%);
          filter: invert(25%) sepia(100%) saturate(1807%) hue-rotate(183deg) brightness(99%) contrast(97%);
  opacity: 1;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 991px) {
  .toDoItem {
    display: block;
  }
}

.subItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #eee;
  padding: 25px 10px;
  margin-bottom: 10px;
  display: none;
}
@media screen and (max-width: 991px) {
  .subItems {
    display: none;
  }
}
.subItems hr {
  width: 100%;
}
.subItems hr ~ .subItemSys .subItemDate {
  right: 5%;
}

.subItemSys {
  width: 48%;
  background-color: #fff;
  margin: 1%;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  cursor: default;
}
@media screen and (max-width: 991px) {
  .subItemSys {
    display: inline-block;
    width: 95%;
    margin: 1% auto;
  }
}
.subItemSys:hover {
  -webkit-box-shadow: 1px 1px 8px #999;
          box-shadow: 1px 1px 8px #999;
}
.subItemSys a {
  color: #333;
}
.subItemSys a:hover {
  color: #047cc3;
}
.subItemSys label {
  width: 30%;
  padding: 30px 5px 30px 10px;
  font-size: 0.9em;
  line-height: 1.2em;
  vertical-align: middle;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .subItemSys label {
    width: 80%;
    padding: 1em 0.5em;
  }
}
.subItemSys .ItemBar {
  width: 50%;
  padding: 32px 15px 32px 0;
  position: relative;
  min-height: 80px;
}
@media screen and (max-width: 991px) {
  .subItemSys .ItemBar {
    width: 80%;
    padding: 0 0.5em 2em 0.5em;
  }
}
.subItemSys .ItemBar .pcnums {
  color: #047cc3;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  position: absolute;
  top: 10%;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .subItemSys .ItemBar .pcnums {
    position: unset;
    top: unset;
  }
}
.subItemSys .ItemLink {
  width: 20%;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .subItemSys .ItemLink {
    position: absolute;
    right: 0px;
    top: 0px;
  }
}
.subItemSys .ItemLink a {
  position: relative;
  width: 100%;
  background-color: #29b4f5;
  color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  font-size: 0.9em;
}
.subItemSys .ItemLink a:hover {
  background-color: #047cc3;
}
.subItemSys .ItemLink a:before {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -11px;
  background-image: url(../images/basic/icon_arrow_w.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  width: 21px;
  height: 21px;
  opacity: 0.7;
}
@media only screen and (max-width: 1120px) {
  .subItemSys .ItemLink a:before {
    width: 18px;
  }
}
@media screen and (max-width: 991px) {
  .subItemSys .ItemLink a:before {
    width: 21px;
  }
}
@media screen and (max-width: 767px) {
  .subItemSys .ItemLink a:before {
    left: 35%;
    top: 65%;
    right: unset;
  }
}
.subItemSys .subItemDate {
  position: absolute;
  right: 25%;
  bottom: 5px;
  font-size: 0.8em;
  line-height: 1.25em;
}
.subItemSys .completed {
  position: absolute;
  left: 10px;
  bottom: 6px;
  font-size: 0.7em;
  line-height: 1em;
  background-color: #5CB85C;
  border-radius: 4px;
  height: auto;
  color: #fff;
  padding: 3px 4px;
}

.exRed {
  color: #f00;
  position: relative;
  padding-left: 20px;
}
.exRed:before {
  background-image: url(../images/icon/icon_exmark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  height: 16px;
  width: 16px;
}

div.function ul li.icon_forward a:before, div.function ul li.icon_print a:before, div.function ul li.icon_back a:before {
  vertical-align: middle;
  content: "";
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.2em;
  display: inline-block;
}

div.function {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0.5em 0;
}
div.function ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.function ul li {
  display: block;
  float: left;
  margin: 0 3px 3px 0;
}
div.function ul li button,
div.function ul li a {
  font-size: 0.813em;
  display: block;
  padding: 0.2em 1em;
  background: #888;
  border-color: #888;
  color: #FFF;
  border-radius: 4px;
}
div.function ul li button:hover, div.function ul li button:focus,
div.function ul li a:hover,
div.function ul li a:focus {
  background: #19a7fa;
  border-color: #19a7fa;
}
div.function ul li.icon_back a:before {
  background: url(../images/basic/icon_back.svg) no-repeat center center;
  background-size: cover;
}
div.function ul li.icon_print a:before {
  background: url(../images/basic/icon_print.svg) no-repeat center center;
  background-size: cover;
}
div.function ul li.icon_forward a:before {
  background: url(../images/basic/icon_forward.svg) no-repeat center center;
  background-size: cover;
}

.function_panel .share .shareButton {
  text-indent: -9999px;
}
.function_panel .share .shareButton:before {
  content: "";
  position: absolute;
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
  background: url(../images/basic/icon_share.png) no-repeat center center !important;
  background-size: 24px !important;
}
.function_panel .share .shareButton:hover:before, .function_panel .share .shareButton:focus:before {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.function_panel .function {
  height: 40px;
  margin: 0;
}
.function_panel .function ul {
  overflow: visible !important;
}
.function_panel .function ul li {
  overflow: visible !important;
  width: 40px;
  height: 40px;
  font-size: 1em;
  float: left;
  display: block;
  margin: 0 0.2em;
}
.function_panel .function ul li a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #F1F1F1;
  text-indent: -9999px;
  position: relative;
}
.function_panel .function ul li a:hover, .function_panel .function ul li a:focus {
  background: #19a7fa;
  color: #FFF;
}
.function_panel .function ul li a:hover:before, .function_panel .function ul li a:focus:before {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.function_panel .function ul li a:before {
  content: "";
  position: absolute;
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
}
.function_panel .function ul li.back a:before {
  background: url(../images/basic/icon_back.png) no-repeat center center;
  background-size: 100%;
}
.function_panel .function ul li.print a:before {
  background: url(../images/basic/icon_printer.png) no-repeat center center;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .function_panel .function ul li.print {
    display: none;
  }
}
.function_panel .function ul li.forward a:before {
  background: url(../images/basic/icon_forward.png) no-repeat center center;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .function_panel .function ul li.qrcode {
    display: none;
  }
}
.function_panel .function ul li .dropdown {
  position: relative;
}
.function_panel .function ul li .dropdown-toggle {
  padding: 0;
  color: #222;
  text-indent: 0;
}
.function_panel .function ul li .dropdown-toggle .material-icons {
  vertical-align: middle;
  font-size: 1.75em;
}
.function_panel .function ul li .dropdown-toggle:before {
  display: none;
}
.function_panel .function ul li .dropdown-panel {
  display: none;
  position: absolute;
  top: calc(100% + 0.5em);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 10px;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.2);
  border-radius: 8px;
  z-index: 999;
}
.function_panel .function ul li .dropdown-panel img {
  display: block;
}
.function_panel .function ul li .dropdown-panel img.qrcode {
  max-width: 120px;
}

@media screen and (max-width: 767px) {
  .function_panel.sm-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .function_panel.sm-space-between .function {
    width: 66.66%;
  }
  .function_panel.sm-space-between .function ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .function_panel.sm-space-between .function ul li {
    width: 50%;
  }
  .function_panel.sm-space-between .function ul li a {
    background-color: transparent;
  }
  .function_panel.sm-space-between .function ul li a:hover:before {
    -webkit-filter: initial;
            filter: initial;
  }
  .function_panel.sm-space-between .function ul li.forward a {
    margin: 0 auto;
  }
  .function_panel.sm-space-between .share {
    width: 33.33%;
  }
  .function_panel.sm-space-between .share a.shareButton {
    margin: 0 0 0 auto;
    width: 100%;
    background-color: transparent;
  }
  .function_panel.sm-space-between .share a.shareButton:before {
    left: auto;
    right: 0;
    width: 40px;
  }
  .function_panel.sm-space-between .share a.shareButton:hover, .function_panel.sm-space-between .share a.shareButton:focus {
    background-color: transparent;
  }
  .function_panel.sm-space-between .share a.shareButton:hover:before, .function_panel.sm-space-between .share a.shareButton:focus:before {
    -webkit-filter: initial;
            filter: initial;
  }
  .function_panel.sm-space-between .share ul {
    left: auto;
    right: -8px;
  }
}
.category {
  text-align: left;
  margin: 1em auto;
}
.category ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.category ul li {
  margin: 0px 3px 3px 0px;
  display: block;
  float: left;
}
.category a {
  background: transparent;
  border: 2px solid #666;
  padding: 0.4em 1em;
  display: block;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
}
.category a:hover, .category a:focus {
  color: #FFF;
  background: #19a7fa;
  border: 2px solid #19a7fa;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.category a.active {
  color: #FFF;
  background: #19a7fa;
  border: 2px solid #19a7fa;
}
.category a span {
  font-size: 0.813em;
}
.category a span:before {
  content: "(";
  display: inline-block;
}
.category a span:after {
  content: ")";
  display: inline-block;
}

.share {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0.5em 0;
}
.share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.share ul li {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: left;
  margin: 0px 3px 3px;
}
@media screen and (max-width: 991px) {
  .share ul li {
    margin: 0px 1px 2px;
    width: 30px;
    height: 30px;
  }
}
.share ul li img {
  width: 100%;
  height: 100%;
}

.function_panel .share {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  height: 40px;
  margin: 0;
  position: relative;
}
.function_panel .share ul {
  display: none;
  position: absolute;
  top: 3em;
  left: -8px;
  width: 60px;
  padding: 10px;
  background: #FFF;
  -webkit-box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.2);
  border-radius: 8px;
  z-index: 999;
  height: auto;
}
.function_panel .share ul li {
  display: block;
  margin: 0 auto 0.5em;
}
.function_panel .share ul li img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.function_panel .share ul li a {
  background: transparent;
  display: block;
  padding: 0;
  width: 30px;
  height: 30px;
}
.function_panel .share ul li a:hover, .function_panel .share ul li a:focus {
  background: transparent;
}
.function_panel .share ul li a:hover img, .function_panel .share ul li a:focus img {
  -webkit-filter: invert(0%);
          filter: invert(0%);
}
.function_panel .share ul li a:focus {
  outline: 1px solid #047cc3;
}
.function_panel .share a.shareButton {
  display: block;
  background: #F1F1F1;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
}
.function_panel .share a.shareButton:hover, .function_panel .share a.shareButton:focus {
  background: #19a7fa;
}
.function_panel .share a.shareButton:hover img, .function_panel .share a.shareButton:focus img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.function_panel .share a.shareButton img {
  width: 60%;
  height: 60%;
  margin: 20% auto;
}

div.tag {
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}
div.tag:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  position: relative;
  top: 0.2em;
  background: url(../images/basic/icon_tag.png) no-repeat center center;
  background-size: 16px;
}
div.tag ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
div.tag ul li {
  display: inline-block;
  margin: 0 0.2em 0.2em 0;
}
div.tag ul li a {
  display: block;
  font-size: 0.813em;
  color: #222;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #DDD;
  padding: 0.2em 0.5em;
}
div.tag ul li a:hover, div.tag ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}

.font_size {
  overflow: hidden;
  display: inline-block;
  text-align: center;
}
.font_size span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.938em;
  color: #666;
}
.font_size ul {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  list-style: none;
}
.font_size ul li {
  width: 40px;
  height: 40px;
  font-size: 1em;
  float: left;
  display: block;
  margin: 0 0.2em;
}
.font_size ul li a {
  display: block;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #F1F1F1;
  color: #333;
}
.font_size ul li a:hover, .font_size ul li a:focus {
  background: #19a7fa;
  color: #FFF;
}
.font_size ul li a.active {
  background: #F1F1F1;
}
.font_size ul li a.active:hover, .font_size ul li a.active:focus {
  background: #19a7fa;
  color: #FFF;
}
.font_size ul li a.small {
  font-size: 0.938em;
}
.font_size ul li a.large {
  font-size: 1.125em;
}
@media screen and (max-width: 767px) {
  .font_size {
    display: none;
  }
}

.header {
  position: relative;
  width: 100%;
  z-index: 9999;
  padding: 1px 0 0;
  background: #fff;
  -webkit-box-shadow: 0px 3px 5px RGBA(0, 0, 0, 0.5);
          box-shadow: 0px 3px 5px RGBA(0, 0, 0, 0.5);
}
@media screen and (max-width: 991px) {
  .header {
    position: fixed;
    width: 100%;
    height: 60px;
    background: #fff;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
  }
}
@media screen and (max-width: 991px) {
  .header .menu {
    display: none;
  }
}
.header:before {
  content: "";
  width: 100%;
  height: 0.5em;
  background: #047cc3;
  background: -webkit-gradient(linear, left top, right top, from(#047cc3), to(#29b4f5));
  background: linear-gradient(to right, #047cc3, #29b4f5);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 991px) {
  .header:before {
    display: none;
  }
}
.header.online > .container .searchCtrl, .header.online > .container .sidebarCtrl, .header > .container .searchCtrl, .header > .container .sidebarCtrl {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0px;
  display: block;
  font-size: 0em;
  padding: 15px;
  margin: 0;
  min-width: auto;
  min-height: auto;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .header.online > .container .searchCtrl, .header.online > .container .sidebarCtrl, .header > .container .searchCtrl, .header > .container .sidebarCtrl {
    display: block !important;
  }
}
.header > .container .searchCtrl:hover, .header > .container .sidebarCtrl:hover, .header > .container .searchCtrl:focus, .header > .container .sidebarCtrl:focus {
  border: none !important;
}
.header > .container {
  max-width: 1200px;
  overflow: visible;
  padding-top: 1px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header > .container {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.header > .container .sidebarCtrl {
  display: none;
  left: 0px;
}
.header > .container .sidebarCtrl span {
  position: absolute;
  background: #047cc3;
  width: 50%;
  height: 2px;
  top: 35%;
  left: 50%;
  margin-left: -25%;
  display: block;
}
.header > .container .sidebarCtrl span:nth-child(2) {
  top: 50%;
}
.header > .container .sidebarCtrl span:nth-child(3) {
  top: 65%;
}
@media screen and (max-width: 767px) {
  .header > .container .sidebarCtrl {
    background: #047cc3;
  }
  .header > .container .sidebarCtrl span {
    background: #fff;
  }
}
.header > .container .searchCtrl {
  display: block;
  font-size: 0em;
  position: absolute;
  right: 24px;
  top: 14px;
  width: 36px;
  height: 36px;
  background: #047cc3;
}
.header > .container .searchCtrl:before {
  width: 24px;
  height: 24px;
  background: url(../images/basic/icon_search_white.png) no-repeat center center;
  background-size: 24px;
  opacity: 1;
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  display: block;
}
@media screen and (max-width: 991px) {
  .header > .container .searchCtrl {
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
    background: #fff;
  }
  .header > .container .searchCtrl:before {
    width: 30px;
    height: 30px;
    background: url(../images/basic/icon_search.png) no-repeat center center;
    background-size: 30px;
    top: 15px;
    left: 15px;
  }
}
.header h1 {
  position: relative;
  width: 300px;
  height: 80px;
  margin: -40px 0 0 0;
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header h1 a {
  display: block;
}
.header h1 img {
  display: block;
  max-width: 300px;
  max-height: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .header h1 {
    display: block;
    width: 100%;
    padding: 0px 60px;
    text-align: center;
    height: 60px;
    margin: 0;
  }
  .header h1 a {
    width: 220px;
    height: 60px;
    margin: 0px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header h1 a img {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    width: 100%;
    height: auto;
    max-height: 60px;
    margin: 0px auto 0;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.header .navigation {
  overflow: hidden;
  margin-bottom: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.938em;
  padding-left: 320px;
  margin-top: 0.75em;
  height: 2.6em;
}
.header .navigation.have_language {
  padding-right: 13.05em;
}
@media screen and (max-width: 991px) {
  .header .navigation {
    display: none;
  }
}
.header .navigation ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
}
.header .navigation ul.left_nav {
  float: left;
  margin-left: 2em;
}
.header .navigation li {
  float: left;
  margin: 0 0.2em;
}
.header .navigation li a {
  display: inline-block;
  padding: 0.5em;
  text-decoration: none;
  color: #222;
  text-decoration: none;
}
.header .navigation li a:hover, .header .navigation li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.header .navigation li a img {
  max-width: 1.75em;
  max-height: 1.25em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2em;
}
.header .navigation .language {
  position: absolute;
  right: 65px;
  top: 1em;
}
.header .navigation .language a {
  border: none;
}
.header .navigation .language ul {
  display: none;
}
.header .navigation .btn_login {
  position: relative;
  top: 0.2em;
  background: #047cc3;
  color: #fff;
  height: 2.4em;
  border: none;
  border-radius: 0;
  margin: 0;
  float: right;
}
.header .navigation .btn_login:hover, .header .navigation .btn_login:focus {
  background: #059cf5;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none !important;
}

@-webkit-keyframes showSearch_cat {
  0% {
    left: 4em;
    opacity: 0;
  }
  100% {
    left: 0em;
    opacity: 1;
  }
}

@keyframes showSearch_cat {
  0% {
    left: 4em;
    opacity: 0;
  }
  100% {
    left: 0em;
    opacity: 1;
  }
}
@-webkit-keyframes showSearch_text {
  0% {
    left: 6em;
    opacity: 0;
  }
  100% {
    left: 0em;
    opacity: 1;
  }
}
@keyframes showSearch_text {
  0% {
    left: 6em;
    opacity: 0;
  }
  100% {
    left: 0em;
    opacity: 1;
  }
}
@-webkit-keyframes showBtn {
  0% {
    left: 6em;
    opacity: 0;
  }
  100% {
    left: 0em;
    opacity: 1;
  }
}
@keyframes showBtn {
  0% {
    left: 6em;
    opacity: 0;
  }
  100% {
    left: 0em;
    opacity: 1;
  }
}
@-webkit-keyframes close {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes close {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.search {
  width: 100%;
  position: fixed;
  top: 0em;
  height: 100px;
  right: 0px;
  vertical-align: middle;
  background: #fff;
  z-index: 9999999;
  -webkit-box-shadow: 1px 1px 5px RGBA(0, 0, 0, 0.75);
          box-shadow: 1px 1px 5px RGBA(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search:before {
  position: absolute;
  top: -8px;
  right: 4%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3px 6px 3px;
  border-color: transparent transparent #ffffff transparent;
}
.search label {
  font-size: 0em;
  height: 0;
  padding: 0;
  margin: 0;
}
.search .container {
  position: relative;
  max-width: 1200px;
  padding: 2em 15px 0 100px;
}
@media screen and (max-width: 991px) {
  .search .container {
    padding: 1em 25px;
  }
}
.search .container .close {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0.3em;
  right: 15px;
  -webkit-animation: close 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
          animation: close 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
@media screen and (max-width: 991px) {
  .search .container .close {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .search .container .close {
    -webkit-animation: none;
            animation: none;
  }
}
.search .container .close:before, .search .container .close:after {
  position: absolute;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 30px;
  border-top: 1px solid #aaa;
  top: 1em;
  left: 0;
}
.search .container .close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.search .container .close:hover:before, .search .container .close:hover:after, .search .container .close:focus:before, .search .container .close:focus:after {
  border-top: 2px solid #aaa;
}
.search .container .dropdown-content {
  background: #fff;
  border-radius: 4px;
  margin-top: 0.2em;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  font-size: 0.813em;
  max-width: 20em;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .search .container .dropdown-content {
    max-width: 100%;
  }
}
.search .container .dropdown-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0.4em 0;
}
.search .container .dropdown-content ul li a {
  padding: 0.3em 1em;
  display: block;
  color: #222;
  text-decoration: none;
}
.search .container .dropdown-content ul li a:hover, .search .container .dropdown-content ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.search .container .dropdown-content ul li a span {
  color: #FF3E4D;
  display: inline-block;
  margin: 0 0.2em 0 0;
}
.search .container .dropdown-content ul li a:hover, .search .container .dropdown-content ul li a:focus {
  background: #f1f1f1;
}
.search .container .form_grp {
  position: relative;
  height: 40px;
  top: 0;
  float: left;
  left: 0em;
  margin-right: 1%;
}
.search .container .form_grp select {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #666;
  height: 40px;
  margin-bottom: 0 !important;
}
.search .container .form_grp select:hover, .search .container .form_grp select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #32b0fb;
}
.search .container .form_grp.cate {
  width: 30%;
  -webkit-animation: showSearch_cat 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
          animation: showSearch_cat 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
@media screen and (max-width: 767px) {
  .search .container .form_grp.cate {
    width: 100%;
    float: none;
    -webkit-animation: none;
            animation: none;
  }
}
.search .container .form_grp.cate .btn {
  width: 100%;
  padding: 0.6em 1em 0.6em 0.4em;
  margin: 0 !important;
  border-radius: 0;
  border: none;
  background: none;
  border-bottom: 1px solid #ddd;
  text-align: left;
  font-size: 0.938em;
  position: relative;
}
@media screen and (max-width: 991px) {
  .search .container .form_grp.cate .btn {
    color: #fff;
  }
}
.search .container .form_grp.cate .btn:after {
  position: absolute;
  content: "";
  top: 0.3em;
  right: 0;
  background: url(../images/basic/icon_select_arrow.svg) no-repeat right 0.5em;
  background-size: 20px;
  width: 20px;
  height: 24px;
  opacity: 0.5;
}
@media screen and (max-width: 991px) {
  .search .container .form_grp.cate .btn:after {
    opacity: 1;
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
}
.search .container .form_grp.cate .btn:hover, .search .container .form_grp.cate .btn:focus {
  border: none !important;
  border-bottom: 1px solid #ddd !important;
}
.search .container .form_grp.text {
  width: 50%;
  -webkit-animation: showSearch_text 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99);
          animation: showSearch_text 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
@media screen and (max-width: 767px) {
  .search .container .form_grp.text {
    width: 100%;
    float: none;
    -webkit-animation: none;
            animation: none;
  }
}
.search .container .form_grp.text input[type=text] {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .search .container .form_grp.text input[type=text] {
    padding-right: 60px;
    color: #fff;
  }
}
.search .container .form_grp.text .dropdown-content {
  max-width: 30em;
}
@media screen and (max-width: 767px) {
  .search .container .form_grp.text .dropdown-content {
    max-width: 100%;
  }
}
.search .container .form_grp.text .dropdown-content ul li a {
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search .container .form_grp input {
  margin: 0;
  padding: 0.2em 0.5em;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search .container .form_grp input[type=text] {
  margin-top: -3.9em;
  border-radius: 0;
  border: none;
  height: 40px;
  border-bottom: 1px solid #ddd;
  background: none;
  color: #333;
}
.search .container .form_grp input[type=text]:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #32b0fb;
  outline: none;
}
.search .container .form_grp input[type=text]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #aaa;
}
.search .container .form_grp input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaa;
}
.search .container .form_grp input[type=text]:-ms-input-placeholder {
  /* IE 10+ */
  color: #aaa;
}
.search .container .form_grp input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #aaa;
}
.search .container .form_grp input[type=submit] {
  font-size: 0em;
  width: 30px !important;
  height: 30px;
  background: url(../images/basic/icon_search.png) no-repeat center center;
  background-size: 20px;
  border: none;
  display: block;
  opacity: 0.8;
  margin-top: -42px;
  margin-left: auto;
  margin-right: 0.2em;
  position: relative;
  z-index: 1;
}
.search .container .form_grp input[type=submit]:focus {
  opacity: 1;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: 2px solid #19a7fa;
}
.search .container .btn_grp {
  right: 0;
  float: left;
  padding: 0 !important;
  -webkit-animation: showBtn 1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
          animation: showBtn 1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  position: relative;
}
@media screen and (max-width: 767px) {
  .search .container .btn_grp {
    -webkit-animation: none;
            animation: none;
  }
}
.search .container .btn_grp a {
  font-size: 0.813em;
  vertical-align: bottom;
}
.search .container .btn_grp .btn {
  margin: 0;
  min-height: 40px;
  padding: 0.4em 1em 0.4em !important;
  font-size: 0.813em;
  background: none;
  border: none;
  position: relative;
}
.search .container .btn_grp .btn:hover, .search .container .btn_grp .btn:focus {
  border: none !important;
}
.search .container .btn_grp .btn:hover:after, .search .container .btn_grp .btn:focus:after {
  opacity: 0.6;
}
.search .container .btn_grp .btn:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -20px;
  background: url(../images/basic/icon_search.png) no-repeat center center;
  background-size: 40px;
  width: 40px;
  height: 40px;
  top: 0;
  opacity: 0.3;
}
@media screen and (max-width: 991px) {
  .search .container .btn_grp .btn:after {
    position: absolute;
    content: "";
    left: 65%;
    margin-left: -20px;
    background: url(../images/basic/icon_search_white.png) no-repeat center center;
    background-size: 30px;
    width: 30px;
    height: 30px;
    top: 0.8em;
    opacity: 0.3;
  }
}
.search.m_search {
  width: 100% !important;
  max-width: 100% !important;
  min-width: auto;
  padding: 1em 0.3em 1.5em;
  display: block;
  height: auto;
  position: fixed;
  top: 60px;
  left: 0;
  display: none;
  z-index: 98;
  background: #222;
}
.search.m_search label {
  font-size: 0em;
  line-height: 0;
}
.search.m_search .form_grp {
  width: 65%;
  height: auto;
  padding: 0 0 0 0% !important;
  margin-top: 0;
  text-align: left;
  float: left;
  height: 50px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search.m_search .form_grp label {
  display: none;
}
@media screen and (max-width: 767px) {
  .search.m_search .form_grp {
    width: 95%;
  }
}
.search.m_search .form_grp input {
  width: 100%;
  margin: 0;
  padding: 0.5em 45px 0.4em 0.5em;
}
.search.m_search .form_grp input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
.search.m_search .form_grp input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.search.m_search .form_grp input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.search.m_search .form_grp input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
.search.m_search .form_grp input[type=submit] {
  font-size: 0em;
  width: 36px !important;
  height: 36px;
  padding: 0;
  background: url(../images/basic/icon_search.png) no-repeat center center;
  background-size: 24px;
  border: none;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 0px;
  opacity: 0.8;
}
.search.m_search .form_grp input[type=submit]:hover, .search.m_search .form_grp input[type=submit]:focus {
  opacity: 1;
}
.search.m_search .btn_grp {
  padding: 0.1em 5% 0.1em 0;
  margin-bottom: 0;
  width: auto;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .search.m_search .btn_grp {
    margin: -3.5em 0 0 auto;
    width: 60px;
    float: right;
  }
  .search.m_search .btn_grp a {
    margin-top: 30px;
    text-align: right;
  }
  .search.m_search .btn_grp a {
    display: block;
  }
  .search.m_search .btn_grp .btn {
    min-height: 30px;
  }
  .search.m_search .btn_grp .btn:hover, .search.m_search .btn_grp .btn:focus {
    border: none !important;
  }
  .search.m_search .btn_grp .btn:hover:after, .search.m_search .btn_grp .btn:focus:after {
    opacity: 0.6;
  }
}

.header.fixed {
  position: fixed;
  width: 100%;
  height: auto;
  right: 0;
  top: 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 25px;
          box-shadow: rgba(0, 0, 0, 0.5) 0 0 25px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
@media screen and (max-width: 991px) {
  .header.fixed {
    background: #fff;
  }
}
.header.fixed h1 {
  display: none;
}
.header.fixed .searchCtrl {
  display: block !important;
  background: none !important;
  top: 0.2em;
}
.header.fixed .menu {
  margin: 0;
}
.header.fixed .menu > ul {
  border: none;
  padding-right: 60px;
}
.header.fixed .menu > ul > li.hasChild > a:after {
  border: 2px solid #fff;
  border-bottom: none;
  border-left: none;
}
.header.fixed .menu > ul > li > a {
  color: #fff;
}

@-webkit-keyframes showSearch {
  0% {
    top: 4em;
    opacity: 0;
  }
  100% {
    top: 3em;
    opacity: 1;
  }
}

@keyframes showSearch {
  0% {
    top: 4em;
    opacity: 0;
  }
  100% {
    top: 3em;
    opacity: 1;
  }
}
.language {
  width: 140px;
  font-weight: bold;
  font-size: 0.938em;
  text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.8);
  position: relative;
}
.language > a {
  display: block;
  background: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
  padding: 0.5em 1em;
  line-height: 1.55em;
  height: 36px;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  border: 1px solid #666;
}
.language > a:after {
  position: absolute;
  right: 0.8em;
  top: 1em;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3px 0 3px;
  border-color: #ffffff transparent transparent transparent;
}
.language > a:before {
  position: absolute;
  width: 1px;
  height: 1.6em;
  right: 2em;
  top: 0.5em;
  content: "";
  border-left: 1px solid #DDD;
}
.language > a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #444;
}
.language ul {
  background: #555;
  padding: 1em 1.5em;
  position: absolute;
  top: 2.6em;
  left: 0;
  width: 140px;
  height: auto;
  z-index: 9999;
  margin: 0;
  padding: 0;
  list-style: none;
}
.language ul li {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 !important;
}
.language ul li a {
  display: block !important;
  color: #FFF !important;
  padding: 0.5em 0.5em 0.5em 1em !important;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  font-size: 0.938em;
}
.language ul li a:hover, .language ul li a:focus {
  background: RGBA(0, 0, 0, 0.3);
}

.menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  min-height: 2.5em;
  position: relative;
  z-index: 99;
  clear: both;
}
.menu .searchCtrl {
  display: none !important;
}
.menu > ul {
  text-align: left;
  margin: 0;
  padding: 0;
  padding-right: 50px;
}
.menu > ul > li {
  display: inline-block;
  vertical-align: top;
  min-width: 7em;
}
.menu > ul > li > a {
  display: block;
  padding: 0 0.5em;
  min-height: 2.5em;
  font-weight: bold;
  line-height: 2.5em;
  color: #333;
  text-align: center;
}
.menu > ul > li > a:hover, .menu > ul > li > a:focus {
  background: #047cc3;
  color: #19a7fa;
}
.menu > ul > li.hasChild > a:after {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: middle;
  border: 2px solid #19a7fa;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-bottom: none;
  border-left: none;
  margin-bottom: 0.2em;
}
.menu > ul > li:hover > a {
  color: #FFF;
  background: #19a7fa;
}
.menu > ul > li:hover > a:after {
  border: 2px solid #FFF;
  border-bottom: none;
  border-left: none;
}
.menu > ul ul {
  display: none;
  overflow: visible;
  width: 220px;
  background: rgba(0, 0, 0, 0.8);
  padding: 0;
  z-index: 999999;
  position: absolute;
  top: auto;
  left: 0;
  list-style: none;
  text-align: left;
  -webkit-animation: showMenu 0.3s ease-out;
          animation: showMenu 0.3s ease-out;
}
.menu > ul ul ul {
  top: 0;
  left: 170px;
  -webkit-animation: none;
          animation: none;
}
.menu li {
  position: relative;
}
.menu li a {
  display: block;
  outline: none;
  text-decoration: none;
}
.menu li li {
  float: none;
}
.menu li li a {
  padding: 0.5em 0.8em;
  font-size: 0.938em;
  color: #FFF;
  font-weight: bold;
}
.menu li li a:hover, .menu li li a:focus {
  background: #19a7fa;
}
.menu li li.hasChild > ul {
  z-index: 999;
}
.menu li li.hasChild > a {
  padding-right: 2em;
}
.menu li li.hasChild > a:hover, .menu li li.hasChild > a:focus {
  background: #047cc3;
}
.menu li li.hasChild > a:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 1.3em;
  width: 6px;
  height: 6px;
  border: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-bottom: none;
  border-left: none;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999999;
  display: none;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sidebar > .menu_overlay {
  background: RGBA(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 9;
  display: none;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.sidebar .m_area {
  width: 280px;
  padding: 3em 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #047cc3;
  overflow: hidden;
  overflow-y: auto;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sidebar .m_area:before {
  content: "";
  width: 280px;
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  width: 100%;
  height: 3em;
  background: #047cc3;
  padding: 0 1em;
  line-height: 3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sidebar .m_area .menu {
  width: 100%;
  margin-left: 0px;
  -webkit-box-shadow: 0px 0px 4px RGBA(0, 0, 0, 0.4);
          box-shadow: 0px 0px 4px RGBA(0, 0, 0, 0.4);
  margin-bottom: 1em;
  background: #CCC;
}
.sidebar .m_area .menu a {
  display: block;
  color: #222;
  text-decoration: none;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.sidebar .m_area .menu ul {
  border-bottom: none;
  padding-right: 0px;
}
.sidebar .m_area .menu ul ul {
  display: none;
  width: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.09);
  font-size: 0.938em;
  position: relative;
}
.sidebar .m_area .menu ul ul a {
  padding-left: 2em;
}
.sidebar .m_area .menu ul ul ul {
  left: 0;
  display: none;
}
.sidebar .m_area .menu ul ul ul ul {
  display: none;
}
.sidebar .m_area .menu li {
  display: block;
  float: none;
  width: 100%;
}
.sidebar .m_area .menu li ul {
  background: #FFF;
}
.sidebar .m_area .menu li > a {
  padding: 0.2em 1em;
  background: #FFF;
  text-align: left;
  border-bottom: 1px solid #CCC;
}
.sidebar .m_area .menu li.hasChild > a {
  padding: 0.2em 1em;
  color: #222;
  text-align: left;
  background: #FFF;
  padding-right: 36px;
  position: relative;
}
.sidebar .m_area .menu li.hasChild > a:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 1.1em;
  width: 5px;
  line-height: 1.25em;
  height: 5px;
  border: 2px solid #222;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: none;
  border-left: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sidebar .m_area .menu li li {
  background: #FFF;
}
.sidebar .m_area .menu li li a {
  padding: 0.5em 1em 0.5em 2em !important;
  background: rgba(0, 0, 0, 0.05);
}
.sidebar .m_area .menu li li a:hover, .sidebar .m_area .menu li li a:focus {
  color: #000;
  background: rgba(0, 0, 0, 0.15);
}
.sidebar .m_area .menu li li.hasChild a {
  background: rgba(0, 0, 0, 0.05);
  padding: 1em 1em 1em 2em;
}
.sidebar .m_area .menu li li.hasChild a:hover, .sidebar .m_area .menu li li.hasChild a:focus {
  background: rgba(0, 0, 0, 0.05);
}
.sidebar .m_area .menu li li li a {
  background: rgba(0, 0, 0, 0.15) !important;
  padding: 0.4em 1em 0.4em 4em !important;
  border-bottom: 1px solid #BBB;
}
.sidebar .m_area .menu li li li a:hover, .sidebar .m_area .menu li li li a:focus {
  background: rgba(0, 0, 0, 0.25) !important;
}
.sidebar .m_area .menu li li li a:after {
  display: none !important;
}
.sidebar .navigation {
  position: relative;
  text-align: left;
  padding-top: 1em;
}
.sidebar .navigation ul {
  float: none;
  width: 90%;
  margin: 1em auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: none;
  border-right: none;
}
.sidebar .navigation ul li {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sidebar .navigation ul li:nth-child(odd):last-child {
  width: 100%;
}
.sidebar .navigation ul li a {
  display: block;
  height: 3em;
  line-height: 2em;
  padding: 0.5em 1em;
  font-size: 0.813em;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sidebar .navigation ul li a:nth-child(odd) {
  border-left: none;
  border-top: none;
}
.sidebar .navigation ul li a:hover, .sidebar .navigation ul li a:focus {
  background: #023c5f;
}
.sidebar .navigation ul li a img {
  max-width: 1.5em;
  max-height: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2em;
}
.sidebar .navigation .language {
  position: relative;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 13px;
  padding-right: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sidebar .navigation .language a {
  padding: 0.6em 1em;
  font-size: 0.813em;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.sidebar .navigation .language a:after {
  top: 1.2em;
}
.sidebar .navigation .language a:before {
  top: 0.6em;
}
.sidebar .navigation .language ul {
  width: 100%;
  margin: 0;
  position: relative;
  top: 0;
  padding: 0;
  border: none;
  background: none;
}
.sidebar .navigation .language ul li {
  width: 100% !important;
}
.sidebar .navigation .language ul li a {
  border: none;
  background: rgba(0, 0, 0, 0.4);
}
.sidebar .navigation .btn_login {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFF;
  border-radius: 0;
  margin: 1em auto;
  display: block;
  min-width: 90%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sidebar .navigation .btn_login:hover, .sidebar .navigation .btn_login:focus {
  background: #023c5f;
}
.sidebar button.sidebarClose {
  position: absolute;
  display: block;
  width: 3em !important;
  height: 3em !important;
  padding: 0;
  min-width: auto;
  top: 0px;
  right: 0px;
  margin: 0;
  text-indent: -9999px;
  border: none;
  background: none;
  border: none;
}
.sidebar button.sidebarClose:before {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 3px solid #eee;
  content: "";
  top: 15px;
  right: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: none;
  border-top: none;
}

@-webkit-keyframes showMenu {
  0% {
    left: 20px;
  }
  100% {
    left: 0px;
  }
}

@keyframes showMenu {
  0% {
    left: 20px;
  }
  100% {
    left: 0px;
  }
}
.header.online {
  position: fixed;
  z-index: 9999;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.3);
          box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.3);
  width: 100%;
  top: 0;
  left: 0;
  height: 75px;
  -webkit-transition: all 0.5s ease-out, background 1s ease-out;
  transition: all 0.5s ease-out, background 1s ease-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  margin: 0 !important;
}
.header.online:before {
  display: none;
}
.header.online:after {
  display: none;
}
.header.online .sidebarCtrl, .header.online .searchCtrl {
  display: none !important;
}
.header.online ~ .innerpage .inner_img {
  top: -0.65em !important;
}
.header.online.menu-opened {
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .header.online {
    position: fixed;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.95);
  }
}
.header.online > .container .searchCtrl, .header.online > .container .sidebarCtrl, .header.online .header > .container .sidebarCtrl, .header > .container .header.online .sidebarCtrl, .header.online .header > .container .searchCtrl, .header > .container .header.online .searchCtrl {
  width: 60px !important;
  height: 60px !important;
  position: absolute;
  top: 0px;
  display: block;
  font-size: 0em;
  padding: 15px;
  margin: 0;
  min-width: auto;
  min-height: auto;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .header.online > .container .searchCtrl, .header.online > .container .sidebarCtrl, .header.online .header > .container .sidebarCtrl, .header > .container .header.online .sidebarCtrl, .header.online .header > .container .searchCtrl, .header > .container .header.online .searchCtrl {
    display: none !important;
  }
}
.header.online > .container {
  max-width: 100%;
  overflow: visible;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 135px;
}
@media screen and (max-width: 767px) {
  .header.online > .container {
    padding-right: 115px;
  }
}
.header.online > .container .burger-container {
  top: 0.25em;
  right: 1em;
  position: absolute;
  display: block;
  height: 60px;
  width: 60px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 767px) {
  .header.online > .container .burger-container {
    right: 0;
    top: 0;
  }
}
.header.online > .container .burger-container .burger {
  width: 24px;
  height: 24px;
  position: relative;
  display: block;
  margin: -4px auto 0;
  top: 50%;
}
.header.online > .container .burger-container .burger .bar {
  width: 100%;
  height: 2px;
  display: block;
  position: relative;
  background: #555;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.header.online > .container .burger-container .burger .bar.topBar {
  -webkit-transform: translateY(0px) rotate(0deg);
          transform: translateY(0px) rotate(0deg);
}
.header.online > .container .burger-container .burger .bar.btmBar {
  -webkit-transform: translateY(6px) rotate(0deg);
          transform: translateY(6px) rotate(0deg);
}
.header.online > .container .burger-container.menu-opened {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.header.online > .container .burger-container.menu-opened .burger .bar {
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.header.online > .container .burger-container.menu-opened .burger .bar.topBar {
  -webkit-transform: translateY(4px) rotate(45deg);
          transform: translateY(4px) rotate(45deg);
}
.header.online > .container .burger-container.menu-opened .burger .bar.btmBar {
  -webkit-transform: translateY(3px) rotate(-45deg);
          transform: translateY(3px) rotate(-45deg);
}
.header.online > .container .top_language {
  margin: 1.25em 0.5em 0;
  width: 8em;
  height: 1.5em;
}
@media screen and (max-width: 991px) {
  .header.online > .container .top_language {
    display: none;
  }
}
.header.online > .container .top_language span {
  font-size: 0.813rem;
  color: #000;
  display: block;
  text-align: center;
  background: #F1F1F1;
  border-radius: 0.25rem;
  line-height: 2.5em;
  white-space: nowrap;
}
.header.online > .container .top_language span i {
  color: #666;
  margin-right: 0.25em;
}
.header.online > .container .top_language:hover, .header.online > .container .top_language:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header.online > .container .top_language:hover span, .header.online > .container .top_language:focus span {
  background: #999;
  color: #FFF;
}
.header.online > .container .top_language:hover span i, .header.online > .container .top_language:focus span i {
  color: #FFF;
  margin-right: 0.25em;
}
.header.online > .container .btn_login {
  margin: 1.25em 0.5em 0;
  width: 8em;
  height: 1.5em;
}
@media screen and (max-width: 991px) {
  .header.online > .container .btn_login {
    display: none;
  }
}
.header.online > .container .btn_login span {
  font-size: 0.813rem;
  color: #000;
  display: block;
  text-align: center;
  background: #F1F1F1;
  border-radius: 0.25rem;
  line-height: 2.5em;
}
.header.online > .container .btn_login span i {
  color: #666;
  margin-right: 0.25em;
}
.header.online > .container .btn_login:hover, .header.online > .container .btn_login:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header.online > .container .btn_login:hover span, .header.online > .container .btn_login:focus span {
  background: #999;
  color: #FFF;
}
.header.online > .container .btn_login:hover span i, .header.online > .container .btn_login:focus span i {
  color: #FFF;
  margin-right: 0.25em;
}
.header.online > .container .btn_register {
  margin: 1.25em 0.5em 0;
  width: 8em;
  height: 1.5em;
}
@media screen and (max-width: 991px) {
  .header.online > .container .btn_register {
    display: none;
  }
}
.header.online > .container .btn_register span {
  font-size: 0.813rem;
  color: #000;
  display: block;
  text-align: center;
  background: #F1F1F1;
  border-radius: 0.25rem;
  line-height: 2.5em;
}
.header.online > .container .btn_register span i {
  color: #666;
  margin-right: 0.25em;
}
.header.online > .container .btn_register:hover, .header.online > .container .btn_register:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header.online > .container .btn_register:hover span, .header.online > .container .btn_register:focus span {
  background: #999;
  color: #FFF;
}
.header.online > .container .btn_register:hover span i, .header.online > .container .btn_register:focus span i {
  color: #fff;
  margin-right: 0.25em;
}
.header.online > .container .top_search {
  position: absolute;
  right: 5em;
  width: 60px;
  height: 60px;
  padding: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  top: 0.25em;
}
@media screen and (max-width: 767px) {
  .header.online > .container .top_search {
    top: 0;
    right: 3em;
  }
}
.header.online > .container .top_search:hover, .header.online > .container .top_search:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header.online > .container .top_search:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 18px;
  top: 18px;
  background: url(../images/icon/icon_search.svg) no-repeat center center;
  background-size: contain;
}
.header.online > .container .sidebarCtrl {
  display: none !important;
  left: 0px;
}
.header.online > .container .sidebarCtrl span {
  position: absolute;
  background: #047cc3;
  width: 50%;
  height: 3px;
  top: 20px;
  left: 50%;
  margin-left: -25%;
  display: block;
}
.header.online > .container .sidebarCtrl span:nth-child(2) {
  top: 28px;
}
.header.online > .container .sidebarCtrl span:nth-child(3) {
  top: 36px;
}
.header.online > .container .searchCtrl {
  display: none !important;
  right: 0px;
  font-size: 0em;
}
.header.online > .container .searchCtrl:before {
  width: 40px;
  height: 40px;
  background: url(../images/basic/icon_search.png) no-repeat center center;
  background-size: 28px;
  opacity: 0.6;
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
}
.header.online h1 {
  width: 300px;
  height: 75px;
  max-width: 300px;
  max-height: 75px;
  justify-self: flex-start;
  margin: 0 auto 0 0.5em;
  padding: 0;
  left: 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
}
.header.online h1 a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
}
.header.online h1 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 300px;
  max-height: 75px;
}
@media screen and (max-width: 767px) {
  .header.online h1 {
    padding: 0;
    width: 200px;
    text-align: left;
    height: 60px;
  }
}
.header.online .navigation {
  display: none;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .header.online .navigation {
    display: none;
  }
}
.header.online .navigation.have_language {
  padding-right: 160px;
}
.header.online .navigation ul {
  float: right;
  padding: 0;
  margin: 0;
  font-size: 0.938em;
  list-style: none;
}
.header.online .navigation ul.left_nav {
  float: left;
  margin-left: 2em;
}
.header.online .navigation li {
  float: left;
  margin: 0 0.2em;
}
.header.online .navigation li a {
  display: inline-block;
  padding: 0.5em;
  text-decoration: none;
  color: #222;
  text-decoration: none;
}
.header.online .navigation li a:hover, .header.online .navigation li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.header.online .navigation .language {
  position: absolute;
  right: 15px;
  top: 0.35em;
  font-size: 0.75em;
}

@keyframes showSearch_cat {
  0% {
    left: 4em;
    opacity: 0;
  }
  100% {
    left: 0em;
    opacity: 1;
  }
}
@keyframes showSearch_text {
  0% {
    left: 6em;
    opacity: 0;
  }
  100% {
    left: 0em;
    opacity: 1;
  }
}
@keyframes showBtn {
  0% {
    left: 6em;
    opacity: 0;
  }
  100% {
    left: 0em;
    opacity: 1;
  }
}
@keyframes close {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.search.online {
  position: fixed !important;
  top: 75px;
  left: 0;
  width: 100%;
  height: 75px;
  right: 0px;
  vertical-align: middle;
  background: #FFF;
  z-index: 9998;
  opacity: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  background: rgba(0, 0, 0, 0.85);
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .search.online {
    top: 60px;
  }
}
.search.online .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search.online:before {
  position: absolute;
  top: -8px;
  right: 4%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3px 6px 3px;
  border-color: transparent transparent #ffffff transparent;
}
.search.online.search-opened {
  display: block;
  pointer-events: auto;
  top: 75px;
  opacity: 1;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
  transition: all 0.3s ease-in, background 0.5s ease-in;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
@media screen and (max-width: 767px) {
  .search.online.search-opened {
    top: 60px;
  }
}
.search.online.search-opened .form_grp {
  -webkit-transform: scale(1) translateY(0px);
          transform: scale(1) translateY(0px);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 1;
}
.search.online .form_grp {
  position: relative;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: scale(1.15) translateX(-30px);
          transform: scale(1.15) translateX(-30px);
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.search.online .form_grp select {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #666;
  height: 40px;
  margin-bottom: 0 !important;
}
.search.online .form_grp select:hover, .search.online .form_grp select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #32b0fb;
}
.search.online .form_grp .btn-search {
  width: 60px;
  height: 60px;
  background: none;
  border: none;
  right: 0em;
  position: absolute;
}
.search.online .form_grp .btn-search:hover, .search.online .form_grp .btn-search:focus {
  border: none !important;
  outline: none !important;
}
.search.online .form_grp .btn-search:hover:before, .search.online .form_grp .btn-search:focus:before {
  opacity: 1;
}
.search.online .form_grp .btn-search:before {
  position: absolute;
  width: 36px;
  height: 36px;
  left: 12px;
  top: 12px;
  content: "";
  background: url(../images/icon/icon_search.svg) no-repeat center center;
  background-size: 36px;
  opacity: 0.8;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.search.online .form_grp.cate {
  width: 30%;
  -webkit-animation: showSearch_cat 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
          animation: showSearch_cat 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
@media screen and (max-width: 767px) {
  .search.online .form_grp.cate {
    width: 100%;
    float: none;
    -webkit-animation: none;
            animation: none;
  }
}
.search.online .form_grp.cate .btn {
  width: 100%;
  padding: 0.6em 1em 0.6em 0.4em;
  margin: 0 !important;
  border-radius: 0;
  border: none;
  background: none;
  border-bottom: 1px solid #DDD;
  text-align: left;
  font-size: 0.938em;
  position: relative;
}
@media screen and (max-width: 991px) {
  .search.online .form_grp.cate .btn {
    color: #FFF;
  }
}
.search.online .form_grp.cate .btn:after {
  position: absolute;
  content: "";
  top: 0.3em;
  right: 0;
  background: url(../images/basic/icon_select_arrow.svg) no-repeat right 0.5em;
  background-size: 20px;
  width: 20px;
  height: 24px;
  opacity: 0.5;
}
@media screen and (max-width: 991px) {
  .search.online .form_grp.cate .btn:after {
    opacity: 1;
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
}
.search.online .form_grp.cate .btn:hover, .search.online .form_grp.cate .btn:focus {
  border: none !important;
  border-bottom: 1px solid #DDD !important;
}
.search.online .form_grp.text {
  width: 50%;
  -webkit-animation: showSearch_text 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99);
          animation: showSearch_text 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  display: block;
}
@media screen and (max-width: 991px) {
  .search.online .form_grp.text {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .search.online .form_grp.text {
    width: 100%;
    float: none;
    -webkit-animation: none;
            animation: none;
  }
}
.search.online .form_grp.text .radio_grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #333;
}
.search.online .form_grp.text .radio_grp label {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  margin: 0 0.5em 1em;
  padding: 0.25em;
  float: none;
  display: block;
  font-size: 0.938em;
  height: auto;
  color: #FFF;
  border-radius: 0.25em;
  pointer-events: initial;
  white-space: nowrap;
}
.search.online .form_grp.text .radio_grp label:hover, .search.online .form_grp.text .radio_grp label:focus {
  cursor: pointer;
}
.search.online .form_grp.text .radio_grp label input[type=radio] {
  width: 1.25em;
  height: 1.25em;
  background: rgba(0, 0, 0, 0.8);
  border: 2px solid #444;
  padding: 0;
  margin-right: 0.5em;
  background: #444;
  color: #AAA;
  -webkit-box-shadow: 0px 0px 0px 4px #000 inset;
          box-shadow: 0px 0px 0px 4px #000 inset;
}
.search.online .form_grp.text .radio_grp label input[type=radio]:checked {
  background: #FFF;
  border: 2px solid #FFF;
  color: #FFF;
}
.search.online .form_grp.text input[type=text] {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .search.online .form_grp.text input[type=text] {
    padding-right: 60px;
    color: #FFF;
  }
}
.search.online .form_grp.text .dropdown-content {
  max-width: 30em;
  position: absolute;
  top: 5.5em;
  left: 2em;
}
@media screen and (max-width: 767px) {
  .search.online .form_grp.text .dropdown-content {
    max-width: 100%;
  }
}
.search.online .form_grp.text .dropdown-content ul li a {
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search.online .form_grp input {
  margin: 0;
  padding: 0.2em 0.5em;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search.online .form_grp input[type=text] {
  border-radius: 0;
  border: none;
  height: 2em;
  line-height: 2em;
  font-size: 2em;
  border-bottom: 1px solid #AAA;
  background: none;
  color: #FFF;
}
.search.online .form_grp input[type=text]:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #32b0fb;
  outline: none;
}
.search.online .form_grp input[type=text]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #AAA;
}
.search.online .form_grp input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #AAA;
}
.search.online .form_grp input[type=text]:-ms-input-placeholder {
  /* IE 10+ */
  color: #AAA;
}
.search.online .form_grp input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #AAA;
}
.search.online label {
  font-size: 0em;
  height: 0;
  padding: 0;
  margin: 0;
}
.search.online .container {
  position: relative;
  max-width: 100%;
  width: 100%;
  padding: 1em;
  height: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  .search.online .container {
    padding: 1em 25px;
  }
}
.search.online .container .close {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0.3em;
  right: 5.25em;
  -webkit-animation: close 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
          animation: close 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
@media screen and (max-width: 991px) {
  .search.online .container .close {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .search.online .container .close {
    -webkit-animation: none;
            animation: none;
    right: 1em;
  }
}
.search.online .container .close:before, .search.online .container .close:after {
  position: absolute;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 30px;
  border-top: 1px solid #AAA;
  top: 1em;
  left: 0;
}
.search.online .container .close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.search.online .container .close:hover:before, .search.online .container .close:hover:after, .search.online .container .close:focus:before, .search.online .container .close:focus:after {
  border-top: 2px solid #AAA;
}
.search.online .container .dropdown-content {
  background: #FFF;
  border-radius: 4px;
  margin-top: 0.2em;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  font-size: 0.813em;
  max-width: 20em;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .search.online .container .dropdown-content {
    max-width: 100%;
  }
}
.search.online .container .dropdown-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0.4em 0;
}
.search.online .container .dropdown-content ul li a {
  padding: 0.3em 1em;
  display: block;
  color: #222;
  text-decoration: none;
}
.search.online .container .dropdown-content ul li a:hover, .search.online .container .dropdown-content ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.search.online .container .dropdown-content ul li a span {
  color: #FF3E4D;
  display: inline-block;
  margin: 0 0.2em 0 0;
}
.search.online .container .dropdown-content ul li a:hover, .search.online .container .dropdown-content ul li a:focus {
  background: #F1F1F1;
}
.search.online .container .btn_grp {
  right: 0;
  float: left;
  padding: 0 !important;
  -webkit-animation: showBtn 1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
          animation: showBtn 1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  position: relative;
}
@media screen and (max-width: 767px) {
  .search.online .container .btn_grp {
    -webkit-animation: none;
            animation: none;
  }
}
.search.online .container .btn_grp a {
  font-size: 0.813em;
  vertical-align: bottom;
}
.search.online .container .btn_grp .btn {
  margin: 0;
  min-height: 40px;
  padding: 0.4em 1em 0.4em !important;
  font-size: 0.813em;
  background: none;
  border: none;
  position: relative;
}
.search.online .container .btn_grp .btn:hover, .search.online .container .btn_grp .btn:focus {
  border: none !important;
}
.search.online .container .btn_grp .btn:hover:after, .search.online .container .btn_grp .btn:focus:after {
  opacity: 0.6;
}
.search.online .container .btn_grp .btn:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -20px;
  background: url(../images/basic/icon_search.png) no-repeat center center;
  background-size: 40px;
  width: 40px;
  height: 40px;
  top: 0;
  opacity: 0.3;
}
@media screen and (max-width: 991px) {
  .search.online .container .btn_grp .btn:after {
    position: absolute;
    content: "";
    left: 65%;
    margin-left: -20px;
    background: url(../images/basic/icon_search_white.png) no-repeat center center;
    background-size: 30px;
    width: 30px;
    height: 30px;
    top: 0.8em;
    opacity: 0.3;
  }
}
.search.online.m_search {
  width: 100% !important;
  max-width: 100% !important;
  min-width: auto;
  padding: 1em 0.3em 1.5em;
  display: block;
  height: auto;
  position: fixed;
  top: 60px;
  left: 0;
  display: none;
  z-index: 98;
  background: #222;
  height: 100vh;
}
.search.online.m_search .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search.online.m_search label {
  font-size: 0em;
  line-height: 0;
}
.search.online.m_search .form_grp {
  width: 65%;
  height: auto;
  padding: 0 0 0 0% !important;
  margin-top: 0;
  text-align: left;
  float: left;
  height: 50px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search.online.m_search .form_grp label {
  display: none;
}
@media screen and (max-width: 767px) {
  .search.online.m_search .form_grp {
    width: 95%;
    margin: auto;
  }
}
.search.online.m_search .form_grp input {
  width: 100%;
  margin: 0;
  padding: 0.5em 45px 0.4em 0.5em;
}
.search.online.m_search .form_grp input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #FFF;
}
.search.online.m_search .form_grp input::-moz-placeholder {
  /* Firefox 19+ */
  color: #FFF;
}
.search.online.m_search .form_grp input:-ms-input-placeholder {
  /* IE 10+ */
  color: #FFF;
}
.search.online.m_search .form_grp input:-moz-placeholder {
  /* Firefox 18- */
  color: #FFF;
}
.search.online.m_search .form_grp input[type=submit] {
  font-size: 0em;
  width: 36px !important;
  height: 36px;
  padding: 0;
  background: url(../images/basic/icon_search.png) no-repeat center center;
  background-size: 24px;
  border: none;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 0px;
  opacity: 0.8;
}
.search.online.m_search .form_grp input[type=submit]:hover, .search.online.m_search .form_grp input[type=submit]:focus {
  opacity: 1;
}
.search.online.m_search .btn_grp {
  padding: 0.1em 5% 0.1em 0;
  margin-bottom: 0;
  width: auto;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .search.online.m_search .btn_grp {
    margin: -3.5em 0 0 auto;
    width: 60px;
    float: right;
  }
  .search.online.m_search .btn_grp a {
    margin-top: 30px;
    text-align: right;
  }
  .search.online.m_search .btn_grp a {
    display: block;
  }
  .search.online.m_search .btn_grp .btn {
    min-height: 30px;
  }
  .search.online.m_search .btn_grp .btn:hover, .search.online.m_search .btn_grp .btn:focus {
    border: none !important;
  }
  .search.online.m_search .btn_grp .btn:hover:after, .search.online.m_search .btn_grp .btn:focus:after {
    opacity: 0.6;
  }
}

.header.online.fixed {
  position: fixed;
  width: 100%;
  right: 0;
  top: 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 25px;
          box-shadow: rgba(0, 0, 0, 0.5) 0 0 25px;
  z-index: 999;
  height: 75px;
  margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
  .header.online.fixed {
    background: #FFF;
  }
}
.header.online.fixed h1 {
  display: block !important;
}
.header.online.fixed .menu > ul > li > a {
  color: #FFF;
}

.menuBlock.online {
  position: fixed;
  top: 75px;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 9998;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out, background 1s ease-out;
  transition: all 0.5s ease-out, background 1s ease-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .menuBlock.online {
    top: 60px;
  }
}
.menuBlock.online .btn_block {
  display: none;
}
@media screen and (max-width: 991px) {
  .menuBlock.online .btn_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 960px;
    margin: 0 auto;
    padding: 1em 36px;
    -webkit-transform: scale(1.15) translateY(-30px);
            transform: scale(1.15) translateY(-30px);
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
}
.menuBlock.online .btn_block a {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  text-align: center;
  margin: 0.5em;
}
.menuBlock.online .btn_block a span {
  display: block;
  border: 1px solid #999;
  color: #FFF;
  border-radius: 0.25em;
  text-align: center;
  padding: 0.5em 1em;
  font-size: 0.875rem;
}
.menuBlock.online .btn_block a span i {
  margin-right: 0.25em;
  color: #FFF;
}
.menuBlock.online .btn_block a:hover span, .menuBlock.online .btn_block a:focus span {
  color: #FFF;
  border: 1px solid #DDD;
}
.menuBlock.online ul.menu {
  position: relative;
  display: block;
  padding: 12px 48px 0;
  list-style: none;
  max-width: 960px;
  margin: 0 auto;
}
.menuBlock.online ul.menu li.menu-item {
  border-bottom: 1px solid #333;
  margin-top: 5px;
  -webkit-transform: scale(1.15) translateY(-30px);
          transform: scale(1.15) translateY(-30px);
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.menuBlock.online ul.menu li.menu-item:nth-child(1) {
  -webkit-transition-delay: 0.49s;
          transition-delay: 0.49s;
}
.menuBlock.online ul.menu li.menu-item:nth-child(2) {
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}
.menuBlock.online ul.menu li.menu-item:nth-child(3) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
.menuBlock.online ul.menu li.menu-item:nth-child(4) {
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}
.menuBlock.online ul.menu li.menu-item:nth-child(5) {
  -webkit-transition-delay: 0.21s;
          transition-delay: 0.21s;
}
.menuBlock.online ul.menu li.menu-item:nth-child(6) {
  -webkit-transition-delay: 0.14s;
          transition-delay: 0.14s;
}
.menuBlock.online ul.menu li.menu-item:nth-child(7) {
  -webkit-transition-delay: 0.07s;
          transition-delay: 0.07s;
}
.menuBlock.online ul.menu li.menu-item:nth-child(8) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.menuBlock.online ul.menu li.menu-item a {
  display: block;
  position: relative;
  color: #FFF;
  font-family: "Ek Mukta", sans-serif;
  font-weight: 100;
  text-decoration: none;
  font-size: 22px;
  line-height: 2.35;
  font-weight: 200;
  width: 100%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .menuBlock.online ul.menu li.menu-item a {
    font-size: 1.125rem;
  }
}
.menuBlock.online ul.menu li.menu-item a:hover, .menuBlock.online ul.menu li.menu-item a:focus {
  padding-left: 0.5em;
}
.menuBlock.online.menu-opened {
  display: block;
  pointer-events: auto;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
  transition: all 0.3s ease-in, background 0.5s ease-in;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.menuBlock.online.menu-opened .btn_block {
  -webkit-transform: scale(1) translateY(0px);
          transform: scale(1) translateY(0px);
  opacity: 1;
}
.menuBlock.online.menu-opened ul.menu li.menu-item {
  -webkit-transform: scale(1) translateY(0px);
          transform: scale(1) translateY(0px);
  opacity: 1;
}
.menuBlock.online.menu-opened ul.menu li.menu-item:nth-child(1) {
  -webkit-transition-delay: 0.27s;
          transition-delay: 0.27s;
}
.menuBlock.online.menu-opened ul.menu li.menu-item:nth-child(2) {
  -webkit-transition-delay: 0.34s;
          transition-delay: 0.34s;
}
.menuBlock.online.menu-opened ul.menu li.menu-item:nth-child(3) {
  -webkit-transition-delay: 0.41s;
          transition-delay: 0.41s;
}
.menuBlock.online.menu-opened ul.menu li.menu-item:nth-child(4) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
.menuBlock.online.menu-opened ul.menu li.menu-item:nth-child(5) {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}
.menuBlock.online.menu-opened ul.menu li.menu-item:nth-child(6) {
  -webkit-transition-delay: 0.62s;
          transition-delay: 0.62s;
}
.menuBlock.online.menu-opened ul.menu li.menu-item:nth-child(7) {
  -webkit-transition-delay: 0.69s;
          transition-delay: 0.69s;
}
.menuBlock.online.menu-opened ul.menu li.menu-item:nth-child(8) {
  -webkit-transition-delay: 0.76s;
          transition-delay: 0.76s;
}
.menuBlock.online.menu-opened .icon.icon-bag {
  -webkit-transform: translateX(75px);
          transform: translateX(75px);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

body {
  color: #222;
}
body.noscroll {
  position: static !important;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  overflow-y: hidden !important;
  margin: 0;
  padding: 0;
}
body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrapper {
  width: 100%;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .wrapper {
    background: #FFF;
  }
}

.container {
  padding: 0;
  margin: 0 auto;
  max-width: 1200px;
}

.main {
  position: relative;
  margin: 0px auto 0;
  padding: 0;
}
@media screen and (max-width: 991px) {
  .main {
    padding: 60px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .main {
    padding: 55px 0 0 0;
  }
}
.main h2 {
  line-height: 1.25em;
}
@media screen and (max-width: 991px) {
  .main .mp_slider .slick-prev {
    left: -50px !important;
  }
}
@media screen and (max-width: 991px) {
  .main .mp_slider .slick-next {
    right: -50px !important;
  }
}

.innerpage {
  padding-top: 7em;
  position: relative;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.innerpage .inner_img {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 0;
  height: 6em;
  overflow: hidden;
  margin-bottom: 1em;
  background: #19a7fa;
}
.innerpage .inner_img img {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.innerpage > .container {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .innerpage > .container {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

h1.title, h2.title {
  position: relative;
  padding-left: 0.5em;
  margin: 1em 0em 0.5em 0;
  line-height: 1.45em;
}
h1.title:before, h2.title:before {
  content: "";
  width: 0.2em;
  height: 100%;
  background: #CCC;
  position: absolute;
  top: 0;
  left: 0;
}
h1.title:after, h2.title:after {
  content: "";
  width: 0.2em;
  height: 50%;
  background: #059cf5;
  position: absolute;
  top: 0;
  left: 0;
}

.article_leftimg .pic,
.article_rightimg .pic,
.article_centerimg .pic, .article_leftimg .article,
.article_rightimg .article,
.article_centerimg .article, .main .loaction .pic, .main .loaction .loaction_intro, .main .feature .pic, .main .feature .feature_intro, .main .seminar .pic, .main .seminar .seminar_intro, .main .ex_news .pic,
.main .industry_news .pic, .main .ex_news .news_list,
.main .industry_news .news_list {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .article_leftimg .pic,
  .article_rightimg .pic,
  .article_centerimg .pic, .article_leftimg .article,
  .article_rightimg .article,
  .article_centerimg .article, .main .loaction .pic, .main .loaction .loaction_intro, .main .feature .pic, .main .feature .feature_intro, .main .seminar .pic, .main .seminar .seminar_intro, .main .ex_news .pic,
  .main .industry_news .pic, .main .ex_news .news_list,
  .main .industry_news .news_list {
    padding-bottom: 1em;
  }
}
.article_leftimg .pic h2,
.article_rightimg .pic h2,
.article_centerimg .pic h2, .article_leftimg .article h2,
.article_rightimg .article h2,
.article_centerimg .article h2, .main .loaction .pic h2, .main .loaction .loaction_intro h2, .main .feature .pic h2, .main .feature .feature_intro h2, .main .seminar .pic h2, .main .seminar .seminar_intro h2, .main .ex_news .pic h2,
.main .industry_news .pic h2, .main .ex_news .news_list h2,
.main .industry_news .news_list h2 {
  margin: 0em -15px 1em;
}

.main .loaction ul li, .main .ex_news ul li,
.main .industry_news ul li, .main .ex_info .location ul li {
  padding-left: 0.8em;
  position: relative;
}
.main .loaction ul li:before, .main .ex_news ul li:before,
.main .industry_news ul li:before, .main .ex_info .location ul li:before {
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 6px;
  height: 6px;
  background: #888;
  border-radius: 50%;
  content: "";
}

.main .btn_grp {
  padding: 0.5em 0;
}
.main .btn_grp a {
  display: inline-block;
}
.main a.more {
  margin: 1em auto 0.5em 0;
  background: #ddd;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.main a.more:hover, .main a.more:focus {
  border: 1px solid #047cc3;
  background: #047cc3;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .main a.more {
    margin: 0 auto 0.5em;
    display: block;
    width: 80%;
  }
}
.main .section {
  padding: 0em;
  overflow: hidden;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .main .section.parallax_sec {
    background: transparent !important;
    z-index: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .main .section {
    z-index: 1;
  }
  .main .section .container {
    z-index: 2;
  }
}
.main .section + .section {
  padding: 0.5em 0em;
}
.main .section + .full, .main .section + .col-12-full {
  padding: 0;
}
.main .section + .full .col, .main .section + .col-12-full .col {
  padding: 0;
}
.main .section h2 {
  font-size: 2em;
  text-align: center;
  position: relative;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .section h2:after {
  position: absolute;
  width: 30%;
  height: 4px;
  background: #047cc3;
  bottom: -10px;
  left: 50%;
  margin-left: -15%;
  content: "";
}
@media screen and (max-width: 767px) {
  .main .section h2 {
    text-align: center;
  }
}
.main .section h3 {
  margin-top: 0;
}
.main .section p {
  line-height: 1.65;
  color: #444;
  margin-top: 0;
}
.main .section:last-child {
  background: #fff !important;
}
.main .section:last-child:before {
  display: none !important;
}
.main .section:nth-child(4n+2) {
  background: #f4f4f4;
}
.main .section:nth-child(1) {
  padding: 0 !important;
}
.main .section:nth-child(3n+1) {
  padding-top: 0;
}
.main .col {
  position: relative;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.main .ex_area {
  background: #33b7f5;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  color: #fff;
  padding: 1em 0;
  overflow: hidden;
}
.main .ex_area p {
  color: #fff;
  max-width: 600px;
  margin: 0 auto 1em;
  padding: 0 1em;
}
.main .ex_area h2 {
  text-align: center;
}
.main .ex_area h2:after {
  background: #fff;
}
.main .ex_area .ex_link {
  clear: both;
  margin-bottom: 2em;
}
.main .ex_area .ex_link ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  position: relative;
  min-height: 1px;
  padding-left: 5%;
  padding-right: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .ex_area .ex_link ul li {
  width: 33%;
  display: inline-block;
  margin: 0 0 0 -4px;
  vertical-align: top;
  min-height: 5em;
  padding: 0 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 991px) {
  .main .ex_area .ex_link ul li {
    width: 48%;
    padding: 0 0.5em;
  }
}
.main .ex_area .ex_link ul li a {
  border: 1px solid #fff;
  padding: 1em 0.5em;
  display: block;
  overflow: hidden;
  height: 5em;
  line-height: 1.5em;
  color: #fff;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
  .main .ex_area .ex_link ul li a {
    height: auto;
    min-height: 5em;
  }
}
.main .ex_area .ex_link ul li a:hover, .main .ex_area .ex_link ul li a:focus {
  background: rgba(0, 0, 0, 0.45);
}
.main .ex_area .ex_data {
  clear: both;
}
.main .ex_area .ex_data ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  position: relative;
  min-height: 1px;
  padding-left: 5%;
  padding-right: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .ex_area .ex_data ul li {
  width: 19%;
  display: inline-block;
  margin: 0 0 0 -4px;
  vertical-align: top;
  height: 10em;
}
@media screen and (max-width: 991px) {
  .main .ex_area .ex_data ul li {
    width: 33%;
    display: block;
    float: left;
  }
}
@media screen and (max-width: 575px) {
  .main .ex_area .ex_data ul li {
    width: 50%;
  }
  .main .ex_area .ex_data ul li:nth-child(odd):last-child {
    width: 100%;
  }
}
.main .ex_area .ex_data ul li span {
  display: block;
  margin-bottom: 0.3em;
}
.main .ex_area .ex_data ul li span.title {
  background: rgba(0, 0, 0, 0.75);
  padding: 0.2em 1em;
  border-radius: 3em;
  margin: 0 1em 0.5em;
}
.main .ex_area .ex_data ul li span.data {
  font-size: 3em;
  font-weight: bold;
  margin: 0.5em auto;
  white-space: nowrap;
}
@media screen and (max-width: 575px) {
  .main .ex_area .ex_data ul li span.data {
    font-size: 2.5em;
  }
}
.main .ex_area .ex_data ul li span em {
  font-style: normal;
  font-size: 1rem;
}
.main .ex_info {
  padding: 1em;
  position: relative;
  background: #047cc3;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .main .ex_info {
    border: none;
    margin-bottom: 0.5em;
  }
}
.main .ex_info:before {
  position: absolute;
  background: #047cc3;
  content: "";
  top: 0;
  width: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .main .ex_info:before {
    display: none;
  }
}
.main .ex_info time {
  font-size: 1em;
  float: none;
  width: 100%;
  display: block;
  height: auto;
  overflow: hidden;
  margin-bottom: 1em;
  border-right: none;
  overflow: hidden;
  color: #fff;
  position: relative;
  z-index: 1;
  margin-left: 15px;
}
@media screen and (max-width: 575px) {
  .main .ex_info time {
    width: 100%;
    float: none;
    display: block;
    margin-left: 0;
  }
}
.main .ex_info time span {
  display: block;
  font-weight: bold;
  line-height: 1em;
  color: #fff;
}
.main .ex_info time .date {
  display: inline-block;
  margin-bottom: 0.6em;
  height: 1em;
  font-size: 2.3em;
}
.main .ex_info time .date ~ .date {
  margin-left: 1em;
  position: relative;
}
.main .ex_info time .date ~ .date:before {
  content: "~";
  top: 0.5em;
  left: -0.8em;
  position: absolute;
}
.main .ex_info time .year {
  display: block;
  font-size: 2em;
  float: left;
  margin-bottom: 0.2em;
  line-height: 1em;
  float: none;
  font-weight: bold;
}
.main .ex_info time .month {
  position: relative;
  width: 1em;
  float: left;
  height: 1em;
  text-align: right;
  margin-right: 0.6em;
  font-size: 1.5em;
}
@media screen and (max-width: 991px) {
  .main .ex_info time .month {
    font-size: 1.25em;
  }
}
.main .ex_info time .month:after {
  height: 1.25em;
  content: "";
  right: -0.25em;
  top: 0.1em;
  position: absolute;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.main .ex_info time .day {
  float: left;
  font-size: 1.5em;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .main .ex_info time .day {
    font-size: 1.25em;
  }
}
.main .ex_info .location {
  font-size: 1em;
  font-weight: bold;
  display: block;
  float: none;
  width: 100%;
  color: #fff;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .ex_info .location ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.main .ex_info .location ul li {
  margin-bottom: 0.5em;
  line-height: 1.5em;
  font-size: 0.938em;
}
.main .ex_info .location ul li:before {
  background: #fff;
}
.main .ex_btn {
  background: #29b4f5;
  overflow: hidden;
  top: 0;
  left: 0;
  width: calc(100% - 15px);
  height: 100%;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .main .ex_btn {
    position: relative;
    width: 100%;
    height: 100%;
    margin-right: 0;
  }
}
.main .ex_btn ul {
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  padding: 0.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
@media screen and (max-width: 767px) {
  .main .ex_btn ul {
    padding: 0.5em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap row;
            flex-flow: wrap row;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.main .ex_btn ul li {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 90%;
          flex: 1 1 90%;
  width: 90%;
  margin: 0.2em auto;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media screen and (max-width: 575px) {
  .main .ex_btn ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
  }
}
.main .ex_btn ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.main .ex_btn ul li .btn {
  border-radius: 0;
  color: #fff;
  padding: 0.1em !important;
  width: 100%;
  background: transparent;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  position: relative;
  border: 1px solid #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main .ex_btn ul li .btn img {
  width: 40px;
  height: 40px;
  margin: 0px 0.2em 0.2em;
}
.main .ex_btn ul li .btn:hover, .main .ex_btn ul li .btn:focus {
  outline: none;
  border: 1px solid #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(0, 0, 0, 0.3);
}
.main .ex_btn ul li .btn:hover:before, .main .ex_btn ul li .btn:focus:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .main .ex_btn ul li .btn {
    font-size: 1em;
    border: 1px solid #fff;
  }
}
@media screen and (max-width: 767px) {
  .main .ex_btn.has_4 ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    margin: 0;
    border: 1px solid #fff;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main .ex_btn.has_4 ul li .btn {
    position: relative;
  }
  .main .ex_btn.has_4 ul li .btn:after {
    display: none;
  }
  .main .ex_btn.has_4 ul li .btn:hover, .main .ex_btn.has_4 ul li .btn:focus {
    border: 1px solid #29b4f5 !important;
    background: rgba(0, 0, 0, 0.4) !important;
  }
}
.main .video_background {
  height: 80vh;
}
.main .mp_slider {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .mp_slider:hover .slick-prev {
  left: 25px !important;
}
.main .mp_slider:hover .slick-next {
  right: 25px !important;
}
.main .mp_slider .col {
  padding: 0;
}
.main .mp_slider ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main .mp_slider .img-container {
  overflow: hidden;
}
.main .mp_slider .img-container:before {
  display: block;
  content: "";
  padding-top: 36%;
}
.main .mp_slider .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.main .mp_slider .img-container:after {
  position: absolute;
  background: RGBA(0, 0, 0, 0.05);
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.main .mp_slider .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .main .mp_slider .img-container img {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
}
@media screen and (max-width: 767px) {
  .main .mp_slider .img-container img {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
}
.main .mp_slider .img-container .caption {
  position: absolute;
  width: 100%;
  bottom: 0%;
  color: #fff;
  left: 0%;
  z-index: 99;
  text-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.75);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0.01)), color-stop(95%, rgba(0, 0, 0, 0.95)), to(rgb(0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.95) 95%, rgb(0, 0, 0) 100%);
  padding: 1em;
  height: 150px;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .main .mp_slider .img-container .caption {
    height: auto;
    padding-top: 0;
  }
}
.main .mp_slider .img-container .caption h2 {
  font-size: 3em;
  line-height: 1.25em;
  max-height: 2.5em;
  text-align: left;
  font-weight: bold;
  max-width: 1200px;
  display: block;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0px auto;
  overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 991px) {
  .main .mp_slider .img-container .caption h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  .main .mp_slider .img-container .caption h2 {
    font-size: 1.5em;
    max-height: 3.75em;
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .main .mp_slider .img-container .caption h2 {
    font-size: 1.5em;
    line-height: 1.5em;
    max-height: 4.5em;
    text-align: center;
  }
}
.main .mp_slider .img-container .caption p {
  font-size: 1em;
  color: #fff;
  max-width: 1200px;
  display: block;
  margin: 0px auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .main .mp_slider .img-container .caption p {
    display: none;
  }
}
.main .mp_slider .slick-prev {
  background: url(../vendor/slick/icon_arrow_left.png) no-repeat center center;
  background-size: 100%;
  left: -50px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .main .mp_slider .slick-prev {
    display: none !important;
  }
}
.main .mp_slider .slick-next {
  background: url(../vendor/slick/icon_arrow_right.png) no-repeat center center;
  background-size: 100%;
  right: -50px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .main .mp_slider .slick-next {
    display: none !important;
  }
}
.main .marquee {
  height: 45px;
  display: block;
  overflow: hidden;
  background: #fff;
  margin: 0.5em 15px;
  text-align: left;
  padding: 0 3em 0 2em;
  position: relative;
  border-radius: 6px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset;
  background: #e1e1e1;
  background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fefefe));
  background: linear-gradient(to bottom, #e1e1e1, #fefefe);
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .marquee ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main .marquee .slick-prev {
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  right: 0px !important;
  top: 1px !important;
  left: auto;
  opacity: 0.5;
  background: url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center !important;
  background-size: 16px !important;
  width: 20px !important;
  height: 20px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.main .marquee .slick-prev:hover, .main .marquee .slick-prev:focus {
  right: 0px !important;
  opacity: 1;
  background: url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center !important;
  background-size: 16px !important;
}
.main .marquee .slick-prev:before {
  width: 10px !important;
  height: 10px !important;
}
.main .marquee .slick-next {
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  right: 0px !important;
  top: 22px !important;
  left: auto;
  opacity: 0.5;
  width: 20px !important;
  height: 20px !important;
  background: url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center !important;
  background-size: 16px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.main .marquee .slick-next:hover, .main .marquee .slick-next:focus {
  opacity: 1;
  right: 0px !important;
  background: url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center !important;
  background-size: 16px !important;
}
.main .marquee .slick-next:before {
  width: 10px !important;
  height: 10px !important;
}
.main .marquee .slick-slider {
  overflow: hidden;
}
.main .marquee .slick-slider:hover .slick-prev {
  left: auto;
  right: 0px !important;
  opacity: 1;
  background: url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center !important;
  background-size: 16px !important;
}
.main .marquee .slick-slider:hover .slick-next {
  opacity: 1;
  right: 0px !important;
  background: url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center !important;
  background-size: 16px !important;
}
.main .marquee > div {
  padding: 0;
  margin: 0;
}
.main .marquee a {
  display: block;
  line-height: 40px;
  margin-right: 3em;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222;
  text-decoration: none;
}
.main .marquee a:hover, .main .marquee a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.main .ex_news ul,
.main .industry_news ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main .ex_news ul li,
.main .industry_news ul li {
  margin-bottom: 0.5em;
  overflow: hidden;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #DDD;
}
.main .ex_news ul li time,
.main .industry_news ul li time {
  display: block;
  color: #333;
  font-size: 0.813em;
  right: 0em;
  margin-bottom: 0.2em;
  float: left;
  width: 80px;
  top: 0.1em;
  text-align: left;
  margin-right: 0.5em;
}
@media screen and (max-width: 767px) {
  .main .ex_news ul li time,
  .main .industry_news ul li time {
    top: 1em;
  }
}
.main .ex_news ul li span,
.main .industry_news ul li span {
  border-radius: 0.3em;
  display: inline-block;
  padding: 0.5em 0.3em;
  font-size: 0.75em;
  line-height: 1;
  margin: 0px 0.5em 0.75em 0;
  color: #fff;
  min-width: 6em;
  float: left;
  text-align: center;
  background: #F77810;
}
.main .ex_news ul li span.top, .main .ex_news ul li span.tag_01,
.main .industry_news ul li span.top,
.main .industry_news ul li span.tag_01 {
  background: #F77810;
}
.main .ex_news ul li span.hot, .main .ex_news ul li span.tag_02,
.main .industry_news ul li span.hot,
.main .industry_news ul li span.tag_02 {
  background: #FF3E4D;
}
.main .ex_news ul li span.tag_03,
.main .industry_news ul li span.tag_03 {
  background: #21BAFF;
}
.main .ex_news ul li span.tag_04,
.main .industry_news ul li span.tag_04 {
  background: #5CB85C;
}
.main .ex_news ul li span.tag_05,
.main .industry_news ul li span.tag_05 {
  background: #AA5AC5;
}
.main .ex_news ul li span.tag_06,
.main .industry_news ul li span.tag_06 {
  background: #484848;
}
.main .ex_news ul li a,
.main .industry_news ul li a {
  display: block;
  clear: both;
  font-weight: bold;
  margin-top: 0.3em;
  color: #222;
  text-decoration: none;
}
.main .ex_news ul li a:hover, .main .ex_news ul li a:focus,
.main .industry_news ul li a:hover,
.main .industry_news ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .main .ex_news ul li a,
  .main .industry_news ul li a {
    display: block;
  }
}
.main .ex_news .news_list,
.main .industry_news .news_list {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .main .ex_news .news_list,
  .main .industry_news .news_list {
    padding: 0 0 1em;
    clear: both;
  }
}
.main .ex_news .pic,
.main .industry_news .pic {
  float: right;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .main .ex_news .pic,
  .main .industry_news .pic {
    width: 100%;
    float: none;
    padding: 0 0 1em;
  }
}
.main .ex_news .pic a p,
.main .industry_news .pic a p {
  color: #eee;
  height: 5em;
  line-height: 1.5em;
  display: block;
  overflow: hidden;
  font-size: 0.938em;
  background: #222;
  padding: 1em;
  position: relative;
}
.main .ex_news .pic a p:after,
.main .industry_news .pic a p:after {
  content: "";
  position: absolute;
  height: 4em;
  z-index: 2;
  background: #222;
  width: 100%;
  left: 0;
  top: 4em;
}
@media screen and (max-width: 767px) {
  .main .ex_news .pic a p,
  .main .industry_news .pic a p {
    height: 7.5em;
  }
  .main .ex_news .pic a p:after,
  .main .industry_news .pic a p:after {
    content: "";
    top: 7em;
  }
}
.main .ex_news .pic a:hover .img-container:after, .main .ex_news .pic a:focus .img-container:after,
.main .industry_news .pic a:hover .img-container:after,
.main .industry_news .pic a:focus .img-container:after {
  background: #222;
}
.main .ex_news .pic .img-container,
.main .industry_news .pic .img-container {
  text-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.8);
  overflow: hidden;
}
.main .ex_news .pic .img-container:before,
.main .industry_news .pic .img-container:before {
  display: block;
  content: "";
  padding-top: 50%;
}
.main .ex_news .pic .img-container img,
.main .industry_news .pic .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.main .ex_news .pic .img-container img,
.main .industry_news .pic .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .ex_news .pic .img-container:after,
.main .industry_news .pic .img-container:after {
  content: "";
  background: RGBA(0, 0, 0, 0.55);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 1;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.main .ex_news .pic .img-container time,
.main .industry_news .pic .img-container time {
  position: absolute;
  width: 120px;
  height: 60px;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.main .ex_news .pic .img-container time span,
.main .industry_news .pic .img-container time span {
  position: absolute;
}
.main .ex_news .pic .img-container time .day,
.main .industry_news .pic .img-container time .day {
  width: 65px;
  font-size: 3em;
  height: 46px;
  bottom: 10px;
  left: 5px;
  line-height: 1em;
  vertical-align: middle;
  border-right: 1px solid #eee;
  text-align: right;
  padding-right: 5px;
}
.main .ex_news .pic .img-container time .month,
.main .industry_news .pic .img-container time .month {
  width: 40px;
  font-size: 2em;
  right: 5px;
  font-size: 1em;
  top: 0.2em;
}
.main .ex_news .pic .img-container time .year,
.main .industry_news .pic .img-container time .year {
  width: 40px;
  font-size: 2em;
  right: 5px;
  font-size: 1em;
  top: 1.8em;
}
.main .ex_news .pic .img-container .title,
.main .industry_news .pic .img-container .title {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  left: 130px;
  bottom: 1em;
  font-size: 1.25em;
  z-index: 2;
  color: #fff;
  right: 10px;
}
.main .industry_news .pic {
  float: left;
}
.main .topic .topic_intro {
  color: #fff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
  padding-top: 1em;
  overflow: hidden;
  position: relative;
  min-height: 1px;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .topic .topic_intro h2 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .main .topic .topic_intro {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.main .topic .img-container {
  overflow: hidden;
  width: 60%;
}
.main .topic .img-container:before {
  display: block;
  content: "";
  padding-top: 40%;
}
.main .topic .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .main .topic .img-container {
    width: 100%;
  }
}
.main .topic .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .topic .item {
  margin: 0px auto 1em;
  padding: 0;
  background: #eee;
  float: left;
  display: block;
  width: 33.3%;
  overflow: hidden;
  position: relative;
  min-height: 280px;
}
@media screen and (max-width: 767px) {
  .main .topic .item {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
}
.main .topic .item:hover .img-container:after {
  background: rgba(0, 0, 0, 0.95);
}
.main .topic .item a.more {
  text-shadow: none;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
}
.main .topic .item p {
  line-height: 1.5em;
  max-height: 4.5em;
  overflow: hidden;
  display: block;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .main .topic .item p {
    text-align: center;
  }
}
.main .topic .item .img-container {
  float: none;
  clear: both;
  margin: 0px 0px 1em;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.main .topic .item .img-container:after {
  position: absolute;
  background: rgba(0, 0, 0, 0.65);
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 575px) {
  .main .topic .item .img-container {
    float: none;
    margin: 0px auto 0.5em;
  }
}
.main .event .item {
  width: calc(33% - 1px);
  margin-right: 1px;
  float: left;
  min-height: 400px;
  overflow: hidden;
  background: #023c5f;
}
@media screen and (max-width: 767px) {
  .main .event .item {
    height: auto;
    margin-bottom: 1em;
    padding-bottom: 1em;
    float: none;
    width: 100% !important;
    margin-right: 0 !important;
    min-height: auto;
  }
}
.main .event .item:nth-child(3n+1) {
  background: #011d2d;
}
.main .event .item:nth-child(3n+2) {
  width: calc(33% + 2px);
  background: #035c91;
}
.main .event .item:hover {
  background: #047cc3;
}
.main .event .item .event_intro {
  padding: 1em;
  width: 100%;
  position: relative;
  text-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.75);
}
@media screen and (max-width: 767px) {
  .main .event .item .event_intro {
    width: 100%;
    float: none;
    padding: 0.2em 0.5em;
  }
}
.main .event .item .event_intro span {
  margin: 0.2em 0;
}
.main .event .item .event_intro time {
  font-size: 1em;
  float: none;
  width: 100%;
  display: block;
  height: auto;
  overflow: hidden;
  border-right: none;
}
@media screen and (max-width: 767px) {
  .main .event .item .event_intro time {
    float: none;
    display: block;
    position: absolute;
    max-width: 170px;
    min-width: 80px;
    height: 60px;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    top: -60px;
    z-index: 2;
    padding: 0.5em;
  }
}
.main .event .item .event_intro time span {
  display: block;
  font-weight: bold;
  line-height: 1em;
  color: #fff;
}
.main .event .item .event_intro time .date {
  display: inline-block;
  margin-bottom: 0.2em;
  min-height: 1em;
}
.main .event .item .event_intro time .date ~ .date {
  margin-left: 1em;
  position: relative;
}
.main .event .item .event_intro time .date ~ .date:before {
  content: "~";
  top: 0.5em;
  left: -0.8em;
  position: absolute;
}
.main .event .item .event_intro time .year {
  display: block;
  font-size: 1em;
  float: left;
  margin-bottom: 0.2em;
  line-height: 1em;
  float: none;
  font-weight: bold;
}
.main .event .item .event_intro time .month {
  position: relative;
  width: 1em;
  float: left;
  height: 1em;
  text-align: right;
  margin-right: 1em;
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .main .event .item .event_intro time .month {
    font-size: 1.25em;
  }
}
.main .event .item .event_intro time .month:after {
  height: 1.25em;
  content: "";
  right: -0.5em;
  top: -0.1em;
  position: absolute;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.main .event .item .event_intro time .day {
  float: left;
  font-size: 1.5em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .main .event .item .event_intro time .day {
    font-size: 1.25em;
  }
}
.main .event .item .event_intro h3 {
  font-size: 1.5em;
  line-height: 1em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0em 0em 0.5em;
}
@media screen and (max-width: 767px) {
  .main .event .item .event_intro h3 {
    font-size: 1.25em;
    line-height: 1.25em;
    margin: 0.3em 0 0.5em;
    white-space: normal;
    overflow: visible;
  }
}
.main .event .item .event_intro p {
  color: #fff;
  line-height: 1.5em;
  display: block;
  overflow: hidden;
  font-size: 0.938em;
  height: 3em;
}
.main .event .item a {
  overflow: hidden;
  display: block;
  position: relative;
  color: #fff;
}
.main .event .item a .img-container {
  width: 100%;
  float: none;
  overflow: hidden;
}
.main .event .item a .img-container:before {
  display: block;
  content: "";
  padding-top: 50%;
}
.main .event .item a .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .main .event .item a .img-container {
    width: 100%;
    height: auto;
    margin: 0;
    float: none;
  }
}
.main .event .item a .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .seminar h3 {
  font-size: 1.5em;
}
.main .seminar .seminar_intro {
  overflow: hidden;
}
.main .seminar .pic {
  padding: 0;
  float: right;
  width: 50%;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .main .seminar .pic {
    float: none;
    width: 100%;
  }
}
.main .seminar .img-container {
  overflow: hidden;
}
.main .seminar .img-container:before {
  display: block;
  content: "";
  padding-top: 50%;
}
.main .seminar .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.main .seminar .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.main .award .img-container {
  overflow: hidden;
  display: block;
  position: relative;
  border: 1px solid #DDD;
  margin-bottom: 0.5em;
  background: #fff;
  float: left;
  width: 30%;
  margin: 0px 2em 1em 0;
}
.main .award .img-container .award_name {
  position: absolute;
  z-index: 1;
  background: #FF3E4D;
  text-align: center;
  color: #fff;
  font-size: 0.813em;
  display: block;
  line-height: 1.75em;
  top: 0;
  left: 2%;
  padding: 0.2em 1em;
}
.main .award .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.main .award .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 575px) {
  .main .award .img-container {
    width: 100%;
    margin: 0px auto 1em;
    float: none;
  }
}
.main .award .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.main .award .award_intro {
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .main .award .award_intro {
    height: 3em;
    overflow: hidden;
  }
  .main .award .award_intro ul {
    display: none;
  }
}
.main .award .award_intro h3 {
  font-size: 1.25em;
}
@media screen and (max-width: 575px) {
  .main .award .award_intro h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.main .award .award_intro p {
  max-height: 9em;
  overflow: hidden;
  display: block;
  line-height: 1.5em;
}
@media screen and (max-width: 575px) {
  .main .award .award_intro p {
    display: none;
  }
}
.main .award .award_intro ul {
  padding: 0;
}
.main .award .award_intro li {
  margin: 0.5em 0;
  display: block;
  color: #098bc8;
}
.main .award .pic ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 30px;
}
.main .award .pic ul li {
  clear: both;
  overflow: hidden;
  margin-bottom: 1em;
  border-bottom: 1px solid #aaaaaa;
}
.main .award .pic .award_intro ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main .award .pic .award_intro ul li {
  margin-bottom: 0.5em;
  border-bottom: none;
}
.main .award .slider ul li {
  clear: none;
  margin-bottom: 0em;
  overflow: hidden;
  border-bottom: none;
}
.main .feature .feature_intro {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .main .feature .feature_intro {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .main .feature .feature_intro {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .main .feature .feature_intro {
    float: left;
    width: 33.3333333333%;
  }
}
.main .feature .pic {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .main .feature .pic {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .main .feature .pic {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1400px) {
  .main .feature .pic {
    float: left;
    width: 66.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  .main .feature .pic {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .main .feature .feature_intro a.more {
    display: none;
  }
}
.main .feature .slider ul li {
  padding: 0 15px;
}
.main .feature .slider a.more {
  display: none;
}
@media screen and (max-width: 767px) {
  .main .feature .slider a.more {
    display: block;
  }
}
.main .feature ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 15px;
}
.main .feature ul li {
  padding: 30px;
}
.main .feature ul li a .img-container {
  overflow: hidden;
  display: block;
  position: relative;
  border: 1px solid #DDD;
  margin-bottom: 0.5em;
  background: #fff;
}
.main .feature ul li a .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.main .feature ul li a .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.main .feature ul li a .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.main .feature ul li a .caption .title {
  font-weight: bold;
  margin-bottom: 0.5em;
  color: #222;
}
.main .feature ul li a .caption p {
  color: #555555;
  margin: 0;
  height: 3em;
  line-height: 1.5em;
  overflow: hidden;
  display: block;
}
.main .feature ul li a:hover .img-container, .main .feature ul li a:focus .img-container {
  border: 1px solid #c4c4c4;
}
.main .feature ul li a:hover .caption .title, .main .feature ul li a:focus .caption .title {
  color: #19a7fa;
}
.main .product ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
@media screen and (max-width: 767px) {
  .main .product ul {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main .product ul .slick-prev,
  .main .product ul .slick-next {
    display: none !important;
  }
}
.main .product ul.row-3 li {
  width: 33.33%;
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
}
@media screen and (max-width: 991px) {
  .main .product ul.row-3 li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}
@media screen and (max-width: 575px) {
  .main .product ul.row-3 li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.main .product ul.row-4 li {
  width: 25%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
@media screen and (max-width: 991px) {
  .main .product ul.row-4 li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}
@media screen and (max-width: 575px) {
  .main .product ul.row-4 li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.main .product ul li {
  display: block;
  width: 20%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  text-align: center;
  padding: 15px;
}
@media screen and (max-width: 991px) {
  .main .product ul li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}
@media screen and (max-width: 575px) {
  .main .product ul li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.main .product ul li a {
  overflow: hidden;
  display: block;
  position: relative;
  border: 1px solid #DDD;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.05);
          box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.05);
}
.main .product ul li a:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.main .product ul li a img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.main .product ul li a:hover, .main .product ul li a:focus {
  border: 1px solid #c4c4c4;
}
.main .product ul li a:hover span, .main .product ul li a:focus span {
  bottom: 0;
}
.main .product ul li a span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: RGBA(0, 0, 0, 0.65);
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2.5em;
  height: 2.5em;
  line-height: 2.5em;
  padding: 0 0.5em;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.main .product ul li a img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .loaction {
  font-size: 0.938em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 575px) {
  .main .loaction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main .loaction .loaction_intro {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .main .loaction .pic {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
.main .loaction h2 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .main .loaction h2 {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.main .loaction .loaction_intro {
  padding: 0.5em;
  padding: 0;
  float: left;
  width: 33%;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .main .loaction .loaction_intro {
    float: none;
    width: 100%;
  }
}
.main .loaction .pic {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.main .loaction p {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 0.5em 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
}
.main .loaction p time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: nowrap row;
          flex-flow: nowrap row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.main .loaction p span {
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.125em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  margin-right: 1em;
}
.main .loaction p span ~ span {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-width: auto;
  width: auto;
}
.main .loaction .pic {
  min-height: 22em;
}
.main .loaction .pic iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.main .loaction ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main .loaction ul li {
  margin-bottom: 0.3em;
}
.main .loaction .google_map iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.main .ad {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .main .ad {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main .ad .slick-prev,
  .main .ad .slick-next {
    display: none !important;
  }
}
.main .ad ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .main .ad ul {
    padding: 0;
  }
}
.main .ad .slider ul li {
  display: block;
}
@media screen and (max-width: 1399px) {
  .main .ad .slider ul li {
    margin: 0px 15px !important;
  }
}
@media screen and (min-width: 1023px) {
  .main .ad .slider ul li {
    margin: 0px 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .main .ad .slider ul li {
    margin: 0px 15px !important;
  }
}
@media screen and (max-width: 575px) {
  .main .ad .slider ul li {
    margin: 0px 12px !important;
  }
}
.main .ad li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 18%;
  height: 70px;
  margin: 0px 1% 1.5em;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 1399px) {
  .main .ad li {
    width: 18%;
    margin: 0px 1% 1.5em;
  }
}
@media screen and (max-width: 991px) {
  .main .ad li {
    width: 23%;
    margin: 0px 1% 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .main .ad li {
    width: 30%;
    margin: 0px 1.5% 1.5em;
  }
}
@media screen and (max-width: 575px) {
  .main .ad li {
    width: 45%;
    margin: 0px 2.5% 1.5em;
  }
}
.main .ad li a {
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .ad li a:before {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  -webkit-box-shadow: 0px 0px 0px 1px #DDD inset;
          box-shadow: 0px 0px 0px 1px #DDD inset;
  z-index: 1;
}
.main .ad li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
.main .video {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .main .video {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.main .video ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .main .video ul {
    padding: 0;
  }
}
.main .video .slider ul li {
  display: block;
  margin: 0px 15px 1.5em !important;
}
.main .video li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0px 15px 1.5em;
  position: relative;
}
.main .video li a {
  color: #222;
  text-decoration: none;
}
.main .video li a:hover, .main .video li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.main .video li .img-container {
  width: 96%;
  margin: 0px auto 0.5em;
  overflow: hidden;
  height: auto;
}
.main .video li .img-container:hover img, .main .video li .img-container:focus img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.main .video li .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.main .video li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.main .video li .img-container p {
  display: none;
}
.main .video li .img-container img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.main .video li .img-container picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main .video li .img-container picture:after {
  display: none;
}
.main .video li .img-container picture:before {
  content: "";
  position: absolute;
  width: 3.6em !important;
  height: 3.6em !important;
  border-radius: 50% !important;
  top: 40% !important;
  left: 50% !important;
  margin-left: -1.8em !important;
  background: url(../images/play.png) no-repeat center center !important;
  background-size: cover !important;
  z-index: 5 !important;
  -webkit-transition: none !important;
  transition: none !important;
  visibility: visible !important;
}
.main .video li span.title {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  font-weight: bold;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main .photo {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .main .photo {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.main .photo ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .main .photo ul {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.main .photo .slider ul li {
  display: block;
  margin: 0px 20px 1.5em !important;
}
.main .photo li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  margin: 0px 15px 1.5em;
  background: #fff;
  position: relative;
}
.main .photo li:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.main .photo li img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.main .photo li a {
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .photo li a:hover span.title, .main .photo li a:focus span.title {
  bottom: 0;
}
.main .photo li a span.title {
  position: absolute;
  bottom: -4em;
  width: 100%;
  text-align: left;
  left: 0;
  height: 3em;
  line-height: 2em;
  color: #fff;
  padding: 0.5em 1em;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: RGBA(0, 0, 0, 0.75);
}
.main .photo li a:before {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  -webkit-box-shadow: 0px 0px 0px 1px #DDD inset;
          box-shadow: 0px 0px 0px 1px #DDD inset;
  z-index: 1;
}
.main .photo li a img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  top: 0;
  left: 0;
}
.main .video_bg .video-container {
  overflow: hidden;
  position: relative;
}
.main .video_bg .video-container:before {
  display: block;
  content: "";
  padding-top: 30%;
}
.main .video_bg .video-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (min-width: 1400px) {
  .main .video_bg .video-container {
    overflow: hidden;
  }
  .main .video_bg .video-container:before {
    display: block;
    content: "";
    padding-top: 20%;
  }
  .main .video_bg .video-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .main .video_bg .video-container {
    overflow: hidden;
  }
  .main .video_bg .video-container:before {
    display: block;
    content: "";
    padding-top: 50%;
  }
  .main .video_bg .video-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
}
.main .video_bg .video-container video,
.main .video_bg .video-container iframe {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.main .video_bg .video-container iframe {
  height: 100%;
}
.main .video_bg .video-container .caption {
  position: absolute;
  left: 50%;
  width: 40%;
  margin-left: -20%;
  top: 10%;
  z-index: 3;
}
@media screen and (max-width: 575px) {
  .main .video_bg .video-container .caption {
    width: 80%;
    top: 8%;
    margin-left: -40%;
  }
}
.main .video_bg .video-container .caption h2,
.main .video_bg .video-container .caption h3,
.main .video_bg .video-container .caption h4,
.main .video_bg .video-container .caption p {
  text-align: center;
  margin-top: 0;
  color: #fff;
  text-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.75);
  margin-bottom: 0.25em;
}
.main .video_bg .video-container .caption h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main .video_bg .video-container .caption p {
  max-height: 3em;
  overflow: hidden;
  display: block;
  line-height: 1.5em;
}
.main .video_bg .video-container .caption a.more {
  background: RGBA(0, 0, 0, 0.15);
  border: 1px solid #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  color: #fff;
}
.main .video_bg .video-container .caption a.more:hover, .main .video_bg .video-container .caption a.more:focus {
  background: RGBA(0, 0, 0, 0.35);
}
.main .video_bg .video-container:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: RGBA(0, 0, 0, 0.65);
  opacity: 0.8;
  content: "";
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .main .clip {
    -webkit-clip-path: inset(0px);
            clip-path: inset(0px);
    clip: rect(0px auto auto 0px);
    position: relative;
    min-height: 40em;
  }
}
.main .parallax {
  color: #fff !important;
  text-align: center !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  min-height: 30em;
  width: 100%;
  position: relative;
  -ms-will-change: transform;
  -webkit-will-change: transform;
  padding-top: 4em;
}
.main .parallax > div {
  position: relative;
  z-index: 1;
}
.main .parallax p {
  color: #fff;
  max-width: 600px;
  margin: 0 auto 1em;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  .main .parallax p {
    max-width: 90%;
  }
}
.main .parallax h2 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 1em;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  .main .parallax h2 {
    max-width: 90%;
  }
}
@media screen and (max-width: 991px) {
  .main .parallax {
    background-position: cover !important;
  }
}
@media screen and (max-width: 767px) {
  .main .parallax {
    position: fixed;
    padding-top: 5em;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0px);
            transform: translateZ(0px);
    background-attachment: scroll !important;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
  }
}
.main .parallax .col {
  max-width: 720px;
  margin: 0 auto;
  color: #fff !important;
  text-align: center !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  text-shadow: 0px 2px 4px rgb(0, 0, 0);
  position: relative;
  z-index: 0;
}
.main .parallax .col h2 {
  text-align: center;
}
.main .parallax .col p {
  color: #fff !important;
}
.main .parallax .col a {
  text-shadow: none;
}
.main .parallax:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  margin-left: 0;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
  z-index: -2;
}

@-webkit-keyframes fixed_bar {
  0% {
    right: -100px;
  }
  50% {
    right: -100px;
  }
  100% {
    right: 0px;
  }
}

@keyframes fixed_bar {
  0% {
    right: -100px;
  }
  50% {
    right: -100px;
  }
  100% {
    right: 0px;
  }
}
.fixed_bar {
  width: 4.5em;
  background: RGBA(0, 0, 0, 0.75);
  height: auto;
  top: 298px;
  border-radius: 8px 0 0 8px;
  position: fixed;
  right: 0px;
  z-index: 99;
  -webkit-animation: fixed_bar 2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
          animation: fixed_bar 2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 1280px) {
  .fixed_bar {
    border-radius: 8px 0 0 8px;
  }
}
.fixed_bar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fixed_bar ul li {
  margin-bottom: 1px;
  padding: 0.5em 0.5em 0;
  text-align: center;
  font-size: 0.813em;
}
.fixed_bar ul li:last-child {
  padding: 0.5em;
}
.fixed_bar ul li:last-child a {
  border-bottom: none;
}
.fixed_bar ul a {
  color: #fff;
  display: block;
  padding: 0.25em;
  min-height: 60px;
  line-height: 1.25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fixed_bar ul a img {
  width: 24px;
  height: 24px;
  margin: 0px auto 0.1em;
  display: block;
}
.fixed_bar ul a:hover, .fixed_bar ul a:focus {
  background: #19a7fa;
}
@media screen and (max-width: 767px) {
  .fixed_bar {
    width: 100%;
    height: 60px;
    bottom: 0;
    left: 0;
    top: auto;
    border-radius: 0;
  }
  .fixed_bar ul li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33%;
    float: left;
    top: auto;
    margin: 0;
    padding: 0;
  }
  .fixed_bar ul li:last-child {
    padding: 0em;
  }
  .fixed_bar ul li:last-child a {
    border-bottom: none;
  }
  .fixed_bar ul li a {
    margin: 0;
    border-radius: 0;
  }
}

.mp_slider .img-container picture:after, .mp_slider .img-container picture:before {
  display: none;
}

.section .img-container picture {
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.section .img-container picture:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  background-color: #29b4f5;
  z-index: 100;
}
.section .img-container picture:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  background-color: #fff;
  z-index: 99;
}

.section .img-container.effect picture:before {
  width: 0;
  -webkit-transition: visibility 0s 0.5s, width 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: visibility 0s 0.5s, width 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  visibility: hidden;
}
.section .img-container.effect picture:after {
  width: 0;
  -webkit-transition: background-color 0s 0.8s, visibility 0s 1.2s, width 0.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.8s, visibility 0s 1.2s, width 0.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  visibility: hidden;
}

.article_leftimg .article,
.article_rightimg .article,
.article_centerimg .article {
  overflow: hidden;
}
.article_leftimg .pic,
.article_rightimg .pic,
.article_centerimg .pic {
  padding: 0;
  float: left;
  width: 50%;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .article_leftimg .pic,
  .article_rightimg .pic,
  .article_centerimg .pic {
    float: none;
    width: 100%;
  }
}
.article_leftimg .img-container,
.article_rightimg .img-container,
.article_centerimg .img-container {
  overflow: hidden;
}
.article_leftimg .img-container:before,
.article_rightimg .img-container:before,
.article_centerimg .img-container:before {
  display: block;
  content: "";
  padding-top: 50%;
}
.article_leftimg .img-container img,
.article_rightimg .img-container img,
.article_centerimg .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.article_leftimg .img-container img,
.article_rightimg .img-container img,
.article_centerimg .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.article_rightimg .pic {
  float: right;
}
@media screen and (max-width: 767px) {
  .article_rightimg .pic {
    float: none;
    width: 100%;
  }
}

.article_centerimg {
  text-align: center;
}
.article_centerimg .pic {
  float: none;
  margin: 0 auto 0.5em;
}

.table_edit table {
  background: transparent !important;
}
.table_edit table thead {
  border-bottom: 2px solid #666;
}
@media screen and (max-width: 767px) {
  .table_edit table tr {
    background: #fff !important;
  }
}
.table_edit table th,
.table_edit table td {
  background: transparent !important;
  border: #aaa 1px solid;
  border-left: none;
  border-right: none;
}
.table_edit table th a,
.table_edit table td a {
  color: #035c91;
}
.table_edit table th a:hover, .table_edit table th a:focus,
.table_edit table td a:hover,
.table_edit table td a:focus {
  color: #058cdc;
}

.grid3x3,
.grid2x2,
.grid4x4 {
  overflow: hidden;
}
.grid3x3 .item,
.grid2x2 .item,
.grid4x4 .item {
  width: 33%;
  margin: 0 0 0.5em;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .grid3x3 .item,
  .grid2x2 .item,
  .grid4x4 .item {
    width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .grid3x3 .item,
  .grid2x2 .item,
  .grid4x4 .item {
    width: 100%;
    float: none;
  }
}
.grid3x3 .item .img-container,
.grid2x2 .item .img-container,
.grid4x4 .item .img-container {
  overflow: hidden;
}
.grid3x3 .item .img-container:before,
.grid2x2 .item .img-container:before,
.grid4x4 .item .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.grid3x3 .item .img-container img,
.grid2x2 .item .img-container img,
.grid4x4 .item .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.grid3x3 .item .img-container img,
.grid2x2 .item .img-container img,
.grid4x4 .item .img-container img {
  -o-object-fit: cover;
     object-fit: cover;
}
.grid3x3 .item a:before,
.grid2x2 .item a:before,
.grid4x4 .item a:before {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 9;
}
.grid3x3 .item a:hover:before, .grid3x3 .item a:focus:before,
.grid2x2 .item a:hover:before,
.grid2x2 .item a:focus:before,
.grid4x4 .item a:hover:before,
.grid4x4 .item a:focus:before {
  -webkit-box-shadow: 0px 0px 0px 4px #4bbafb inset;
          box-shadow: 0px 0px 0px 4px #4bbafb inset;
}
.grid3x3 .item a:hover span, .grid3x3 .item a:focus span,
.grid2x2 .item a:hover span,
.grid2x2 .item a:focus span,
.grid4x4 .item a:hover span,
.grid4x4 .item a:focus span {
  background: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
.grid3x3 .item a span,
.grid2x2 .item a span,
.grid4x4 .item a span {
  position: absolute;
  height: 5em;
  width: 100%;
  bottom: 0;
  left: 0;
  display: table-cell;
  line-height: 2em;
  right: 0;
  vertical-align: bottom;
  padding: 2.5em 1em 0.5em;
  overflow: hidden;
  text-shadow: 1px 1px 2px #000;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  background: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}

.grid2x2 {
  overflow: hidden;
}
.grid2x2 .item {
  width: 50%;
  margin: 0 0 0.5em;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 1em;
}
@media screen and (max-width: 575px) {
  .grid2x2 .item {
    width: 100%;
    float: none;
  }
}

.grid4x4 {
  overflow: hidden;
}
.grid4x4 .item {
  width: 25%;
  margin: 0 0 0.5em;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .grid4x4 .item {
    width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .grid4x4 .item {
    width: 100%;
    float: none;
  }
}

.fancybox-slide--iframe .fancybox-content {
  border-radius: 12px;
  padding: 0px;
  overflow: hidden !important;
}
.fancybox-slide--iframe .fancybox-content .fancybox-iframe {
  height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
}
.fancybox-slide--iframe .fancybox-content .fancybox-image {
  max-height: 100%;
  max-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.fancybox-slide--iframe .fancybox-content .fancybox-close-small {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  min-width: 32px;
  top: 6px;
  right: 6px;
  background-color: rgba(0, 0, 0, 0.45);
  color: #555;
  opacity: 1;
}
.fancybox-slide--iframe .fancybox-content .fancybox-close-small svg path {
  stroke-width: 2px;
  stroke: #fff;
}
.fancybox-slide--iframe .fancybox-content .fancybox-close-small:hover, .fancybox-slide--iframe .fancybox-content .fancybox-close-small:focus {
  border: none !important;
  background: #fff;
}
.fancybox-slide--iframe .fancybox-content .fancybox-close-small:hover svg path, .fancybox-slide--iframe .fancybox-content .fancybox-close-small:focus svg path {
  stroke-width: 2px;
  stroke: #333;
}

.S-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #b3b1b4 #ffffff;
}
.S-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.S-scrollbar::-webkit-scrollbar-track {
  background: transparent;
  padding-left: 5px;
  padding-right: 5px;
}
.S-scrollbar::-webkit-scrollbar-thumb {
  background-color: #b7b7b7;
  border-radius: 12px;
  border: none;
}
.S-scrollbar .reservationBlock .title {
  padding-top: 0px;
}
.S-scrollbar .reservationBlock .title h2 {
  margin-top: 0px;
}

.noScrollBody {
  overflow: hidden;
}

.fboxifDiv {
  position: fixed;
  top: 0px;
  height: 100%;
  width: 100%;
}
.fboxifDiv .title {
  background-color: #047cc3;
  position: fixed;
  width: 100%;
  height: 50px;
  padding: 10px 50px 0px 20px;
}
.fboxifDiv .title h2 {
  font-size: 1.3em;
  color: #fff;
  line-height: 1.5em;
  margin: 0px;
}

.fboxifBody {
  overflow-y: scroll;
  position: fixed;
  top: 55px;
  height: 90%;
  width: 99.5%;
  padding: 0px 20px 10px 20px;
}
.fboxifBody .grid ul {
  border: none !important;
}

.exhCardBg {
  background-color: #e1e9e9;
}

.exhCard {
  width: 90%;
  margin: 0em auto 1em auto;
  padding: 1em;
  min-height: 220px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 7px 9px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 7px 9px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  line-height: 1.2em;
  overflow: hidden;
}
.exhCard .pos {
  width: 100%;
  padding: 5% 0 0 35%;
}
.exhCard .pos1 {
  padding-left: 35%;
  padding-bottom: 2em;
}
.exhCard .pos2 {
  padding-left: 5%;
}
.exhCard .exhCName {
  font-size: 1.3em;
  font-weight: bold;
  color: #333;
  line-height: 1.25em;
}
.exhCard .exhCtitle {
  font-size: 0.9em;
  color: #333;
}
.exhCard .exhCphone {
  font-size: 0.9em;
  color: #333;
}
.exhCard .exhCcompany {
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
  line-height: 1.3em;
  border-bottom: 1px solid #efefef;
  margin-bottom: 3px;
  width: 100%;
}
.exhCard .exhCaddr {
  font-size: 0.85em;
  color: #333;
}
.exhCard .exhCemail {
  font-size: 0.85em;
  color: #333;
}

.exhCimg {
  width: 30%;
  min-height: 220px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.exhCimg img {
  width: 100%;
  min-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.exhCbtn {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}

.vColor-blue .title {
  background-color: #4a93f6;
}
.vColor-blue .btn_grp .btn-primary {
  border: 1px solid #4a93f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#4a93f6), to(#08489f));
  background: linear-gradient(to bottom, #4a93f6, #08489f);
}
.vColor-blue .btn_grp .btn-primary:hover, .vColor-blue .btn_grp .btn-primary:focus {
  border: 1px solid #4a93f6 !important;
}
.vColor-blue .form_grp button {
  border: 1px solid #4a93f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#4a93f6), to(#08489f));
  background: linear-gradient(to bottom, #4a93f6, #08489f);
}
.vColor-blue .form_grp button:hover, .vColor-blue .form_grp button:focus {
  border: 1px solid #4a93f6 !important;
}
.vColor-blue ul li a {
  color: #4a93f6 !important;
}
.vColor-blue ul li a:hover {
  color: #4a93f6 !important;
  text-decoration: underline;
}

.vColor-pink .title {
  background-color: #e0717e;
}
.vColor-pink .btn_grp .btn-primary {
  border: 1px solid #e0717e;
  background: -webkit-gradient(linear, left top, left bottom, from(#e0717e), to(#97212f));
  background: linear-gradient(to bottom, #e0717e, #97212f);
}
.vColor-pink .btn_grp .btn-primary:hover, .vColor-pink .btn_grp .btn-primary:focus {
  border: 1px solid #e0717e !important;
}
.vColor-pink .form_grp button {
  border: 1px solid #e0717e;
  background: -webkit-gradient(linear, left top, left bottom, from(#e0717e), to(#97212f));
  background: linear-gradient(to bottom, #e0717e, #97212f);
}
.vColor-pink .form_grp button:hover, .vColor-pink .form_grp button:focus {
  border: 1px solid #e0717e !important;
}
.vColor-pink ul li a {
  color: #e0717e !important;
}
.vColor-pink ul li a:hover {
  color: #e0717e !important;
  text-decoration: underline;
}

.vColor-brown .title {
  background-color: #ab511b;
}
.vColor-brown .btn_grp .btn-primary {
  border: 1px solid #ab511b;
  background: -webkit-gradient(linear, left top, left bottom, from(#ab511b), to(#271206));
  background: linear-gradient(to bottom, #ab511b, #271206);
}
.vColor-brown .btn_grp .btn-primary:hover, .vColor-brown .btn_grp .btn-primary:focus {
  border: 1px solid #ab511b !important;
}
.vColor-brown .form_grp button {
  border: 1px solid #ab511b;
  background: -webkit-gradient(linear, left top, left bottom, from(#ab511b), to(#271206));
  background: linear-gradient(to bottom, #ab511b, #271206);
}
.vColor-brown .form_grp button:hover, .vColor-brown .form_grp button:focus {
  border: 1px solid #ab511b !important;
}
.vColor-brown ul li a {
  color: #ab511b !important;
}
.vColor-brown ul li a:hover {
  color: #ab511b !important;
  text-decoration: underline;
}

.vColor-green .title {
  background-color: #0e9715;
}
.vColor-green .btn_grp .btn-primary {
  border: 1px solid #0e9715;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e9715), to(#010b02));
  background: linear-gradient(to bottom, #0e9715, #010b02);
}
.vColor-green .btn_grp .btn-primary:hover, .vColor-green .btn_grp .btn-primary:focus {
  border: 1px solid #0e9715 !important;
}
.vColor-green .form_grp button {
  border: 1px solid #0e9715;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e9715), to(#010b02));
  background: linear-gradient(to bottom, #0e9715, #010b02);
}
.vColor-green .form_grp button:hover, .vColor-green .form_grp button:focus {
  border: 1px solid #0e9715 !important;
}
.vColor-green ul li a {
  color: #0e9715 !important;
}
.vColor-green ul li a:hover {
  color: #0e9715 !important;
  text-decoration: underline;
}

.vColor-purple .title {
  background-color: #4a2562;
}
.vColor-purple .btn_grp .btn-primary {
  border: 1px solid #4a2562;
  background: -webkit-gradient(linear, left top, left bottom, from(#4a2562), to(black));
  background: linear-gradient(to bottom, #4a2562, black);
}
.vColor-purple .btn_grp .btn-primary:hover, .vColor-purple .btn_grp .btn-primary:focus {
  border: 1px solid #4a2562 !important;
}
.vColor-purple .form_grp button {
  border: 1px solid #4a2562;
  background: -webkit-gradient(linear, left top, left bottom, from(#4a2562), to(black));
  background: linear-gradient(to bottom, #4a2562, black);
}
.vColor-purple .form_grp button:hover, .vColor-purple .form_grp button:focus {
  border: 1px solid #4a2562 !important;
}
.vColor-purple ul li a {
  color: #4a2562 !important;
}
.vColor-purple ul li a:hover {
  color: #4a2562 !important;
  text-decoration: underline;
}

.bpEditor {
  width: 100%;
  padding: 70px 110px 20px 110px;
  margin-bottom: 1em;
  background-color: rgb(29, 176, 241);
  position: relative;
  z-index: 10;
  background-image: linear-gradient(135deg, #5ac5f7, #29b4f5 30%, #047cc3 70%, #035c91 100%);
}
.bpEditor:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: url("../images/whiteLight.png") bottom center repeat-x transparent;
}
.bpEditor:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background-color: #024c78;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .bpEditor {
    padding: 50px 50px 30px 50px;
  }
}

.bpSlider {
  width: 100%;
  height: auto;
}
.bpSlider .slick-prev {
  display: none !important;
}
.bpSlider .slick-next {
  display: none !important;
}
.bpSlider ul {
  width: 100%;
  height: 165px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bpSlider ul li {
  opacity: 1 !important;
  position: unset !important;
  margin: 0px 5px;
  height: 165px;
  width: 165px;
}
.bpSlider ul li .img-container {
  height: 165px;
  width: 165px;
  position: relative;
}
.bpSlider ul li .img-container img {
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 0px;
  top: 0px;
}

.bpInfo {
  width: 100%;
  height: 0px;
  padding: 30px 110px 30px 60px;
  margin-top: -1em;
  margin-bottom: 0.8em;
  background-color: #e9ecef;
  display: none;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}
@media screen and (max-width: 991px) {
  .bpInfo {
    padding: 50px 50px 30px 50px;
  }
}
.bpInfo .piTitle {
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.35em;
}
.bpInfo .piTxt {
  font-size: 0.9em;
  line-height: 1.35em;
}
.bpInfo a .piTitle {
  color: #222;
}
.bpInfo a .piTxt {
  color: #111;
}
.bpInfo a:hover .piTitle {
  color: #047cc3;
}
.bpInfo a:hover .piTxt {
  color: #047cc3;
}
.bpInfo .btn_grp {
  padding-top: 2em !important;
}
.bpInfo .btn_grp a.more {
  background: #aaa;
  color: #fff;
}
.bpInfo .btn_grp a.more:hover {
  background: #047cc3;
}

.piSlider {
  width: 100%;
  margin: 0 auto;
  height: 220px;
  opacity: 0.1;
}
.piSlider .slick-prev {
  left: 0px !important;
  top: 50%;
  background: url("../vendor/slick/icon_arrow_left_inverse.png") center center no-repeat !important;
  background-size: 60% !important;
}
.piSlider .slick-prev:hover, .piSlider .slick-prev:focus {
  border: none !important;
  background-color: RGBA(255, 255, 255, 0) !important;
  opacity: 0.6;
}
.piSlider .slick-next {
  right: 0px !important;
  top: 50%;
  background: url("../vendor/slick/icon_arrow_right_inverse.png") center center no-repeat !important;
  background-size: 60% !important;
}
.piSlider .slick-next:hover, .piSlider .slick-next:focus {
  border: none !important;
  background-color: RGBA(255, 255, 255, 0) !important;
  opacity: 0.6;
}
.piSlider ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 50px;
}
.piSlider ul li {
  opacity: 1 !important;
  position: unset !important;
  margin: 0px 10px !important;
  padding: 5px !important;
  height: 232px;
  width: auto;
  overflow: hidden;
  background-color: #fff;
}
.piSlider ul li:hover {
  border: 1px solid #047cc3;
}
.piSlider ul li .img-container {
  height: 140px;
  width: auto;
  margin-bottom: 8px;
}
.piSlider ul li .img-container img {
  -o-object-fit: contain;
     object-fit: contain;
}

.lp {
  padding-bottom: 4em;
}
@media screen and (max-width: 767px) {
  .lp {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.padding-left {
  padding-left: 2.5em !important;
}
@media screen and (max-width: 767px) {
  .padding-left {
    padding-left: 0 !important;
  }
}

.width100 {
  float: none !important;
  width: 100% !important;
  padding-left: 2.8em !important;
}

.toggle_btn {
  position: relative;
  width: 100%;
  height: 40px;
  right: 0;
  left: 0%;
  background: #DEDEDE;
  -webkit-box-shadow: -1px -1px 0px 0px gray inset;
          box-shadow: -1px -1px 0px 0px gray inset;
}
.toggle_btn ~ .toggle_btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .toggle_btn {
    position: relative;
    width: 100%;
    height: 40px;
    display: block;
    background: #19a7fa;
    margin-bottom: 0.5em;
  }
}
.toggle_btn.open {
  position: absolute;
  right: -31px;
}
.toggle_btn.open:before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  left: 10%;
}
@media screen and (max-width: 767px) {
  .toggle_btn.open {
    position: absolute;
    width: 100%;
    height: 40px;
    right: 0;
    left: 0%;
  }
  .toggle_btn.open:before {
    left: 47%;
    top: 18%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.toggle_btn:before {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 3px solid #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: none;
  border-right: none;
  content: "";
  top: 40%;
  left: 32%;
}
@media screen and (max-width: 767px) {
  .toggle_btn:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: 47%;
    top: 18%;
    background: url(../images/icon/icon_filter.svg) no-repeat center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    border: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
}
.toggle_btn:hover {
  background: #19a7fa;
  background: -webkit-gradient(linear, left top, left bottom, from(#19a7fa), to(#047cc3));
  background: linear-gradient(to bottom, #19a7fa, #047cc3);
}
@media screen and (max-width: 767px) {
  .toggle_btn:hover:before {
    -webkit-filter: invert(100%);
            filter: invert(100%);
    opacity: 1;
  }
}
.toggle_btn:focus {
  background: #19a7fa;
}
@media screen and (max-width: 767px) {
  .toggle_btn:focus:before {
    -webkit-filter: invert(100%);
            filter: invert(100%);
    opacity: 1;
  }
}

.leftmenu .tag_group {
  margin: 0 0 1em 1em;
}
.leftmenu .tag_group ul li a {
  font-size: 0.813rem;
  padding: 0.25em 1em;
  color: #FFF;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .leftmenu {
    padding-bottom: 10em;
  }
}
.leftmenu.hidden {
  background: none;
  border: none;
  height: 1px;
  padding: 0;
}
.leftmenu .mask {
  display: none;
}
@media screen and (max-width: 767px) {
  .leftmenu .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 249, 249, 0)), color-stop(28%, rgb(249, 249, 249)), color-stop(99%, rgb(249, 249, 249)), to(rgb(249, 249, 249)));
    background: linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, rgb(249, 249, 249) 28%, rgb(249, 249, 249) 99%, rgb(249, 249, 249) 100%);
  }
}
.leftmenu .innovation_sub {
  margin-left: 1em;
}
.leftmenu .innovation_sub select {
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .leftmenu .innovation_sub {
    margin-left: 0;
  }
}
.leftmenu .toggle_btn {
  position: absolute;
  width: 30px;
  height: 120px;
  background: #BBB;
  background: -webkit-gradient(linear, left top, right top, from(#BBB), to(#CCC));
  background: linear-gradient(to right, #BBB, #CCC);
  display: block;
  top: 0;
  left: auto;
  right: -31px;
  z-index: 3;
}
.leftmenu .toggle_btn:hover, .leftmenu .toggle_btn:focus {
  background: #047cc3;
  background: -webkit-gradient(linear, left top, right top, from(#047cc3), to(#19a7fa));
  background: linear-gradient(to right, #047cc3, #19a7fa);
}
.leftmenu .company_menu {
  margin-bottom: 1em;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  .leftmenu .company_menu {
    margin-left: 0;
  }
}
.leftmenu .company_menu.col_2 ul li {
  width: 50%;
}
.leftmenu .company_menu.col_2 ul li a {
  padding: 0.2em;
  text-align: center;
}
.leftmenu .company_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.leftmenu .company_menu ul li {
  width: 100%;
  float: left;
  display: block;
}
@media screen and (max-width: 767px) {
  .leftmenu .company_menu ul li {
    width: 33%;
  }
}
@media screen and (max-width: 575px) {
  .leftmenu .company_menu ul li {
    width: 100%;
  }
}
.leftmenu .company_menu ul li a {
  display: block;
  background: #FFF;
  border: 1px solid #DDD;
  text-align: left;
  padding: 0.2em 1em;
  color: #222;
  text-decoration: none;
  font-weight: bold;
}
.leftmenu .company_menu ul li a:hover, .leftmenu .company_menu ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.leftmenu .company_menu ul li a:hover {
  background: #FFF;
}
.leftmenu .company_menu ul li a span {
  margin: 0 0.2em;
  font-size: 0.813em;
  font-weight: normal;
  color: #999;
}
.leftmenu h3 {
  margin-top: 0;
}
.leftmenu .check_grp {
  padding-left: 1em;
  margin-bottom: 1em;
}
.leftmenu .taitracode_list {
  margin-bottom: 1em;
  margin-left: 1em;
  overflow-y: auto;
  scrollbar-color: #047cc3 rgba(0, 0, 0, 0.2);
  scrollbar-width: thin;
  background: #fff;
}
.leftmenu .taitracode_list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.leftmenu .taitracode_list::-webkit-scrollbar-thumb {
  border-radius: 100px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #047cc3;
}
.leftmenu .taitracode_list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .leftmenu .taitracode_list {
    margin-left: 0;
  }
}
.leftmenu .taitracode_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.leftmenu .taitracode_list ul li a {
  padding: 0.5em 0.5em 0.5em 1.2em;
  display: block;
  color: #222;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  transition: none;
  font-size: 0.938em;
  border-bottom: 1px solid #CCC;
  position: relative;
}
.leftmenu .taitracode_list ul li a:before {
  content: "";
  top: 1em;
  left: 0.5em;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #007bff;
}
.leftmenu .taitracode_list ul li a span {
  display: inline-block;
  padding: 0 0.3em;
  font-size: 80%;
  color: #666;
  font-weight: normal;
}
.leftmenu .taitracode_list ul li a:hover, .leftmenu .taitracode_list ul li a:focus {
  color: #19a7fa;
  background: transparent;
}
.leftmenu .taitracode_list ul li a:hover span, .leftmenu .taitracode_list ul li a:focus span {
  color: #999;
}
.leftmenu .taitracode_list ul ul {
  padding-left: 1em;
}
.leftmenu .taitracode_list ul ul li a {
  border: none;
}
.leftmenu .taitracode_list ul ul li a:before {
  display: none;
}

.lp table td {
  text-align: left;
}
.lp table td a {
  color: #047cc3;
}
.lp table td a:hover, .lp table td a:focus {
  color: #19a7fa;
}
.lp table td.date {
  text-align: center;
  color: #666;
}
@media screen and (max-width: 575px) {
  .lp table td.date {
    text-align: left;
  }
}
.lp table td.num {
  text-align: center;
  color: #666;
}
@media screen and (max-width: 575px) {
  .lp table td.num {
    text-align: left;
  }
}
.lp .list > ul,
.lp .list ol,
.lp .grid > ul,
.lp .grid ol {
  list-style-type: none;
  padding: 0;
  border-top: 1px solid #DDD;
}
.lp .list > ul > li,
.lp .list ol > li,
.lp .grid > ul > li,
.lp .grid ol > li {
  padding: 1em 0;
  border-bottom: 1px solid #DDD;
  margin-bottom: 0.5em;
  position: relative;
  border-left: 5px solid #FFF;
}
.lp .list > ul > li:hover,
.lp .list ol > li:hover,
.lp .grid > ul > li:hover,
.lp .grid ol > li:hover {
  border-left: 5px solid #047cc3;
}
@media screen and (max-width: 575px) {
  .lp .list > ul > li,
  .lp .list ol > li,
  .lp .grid > ul > li,
  .lp .grid ol > li {
    border-left: none;
  }
  .lp .list > ul > li:hover,
  .lp .list ol > li:hover,
  .lp .grid > ul > li:hover,
  .lp .grid ol > li:hover {
    border-left: none;
  }
}
.lp .list > ul > li .tag,
.lp .list ol > li .tag,
.lp .grid > ul > li .tag,
.lp .grid ol > li .tag {
  margin-left: 2em;
}
.lp .list > ul > li ul,
.lp .list > ul > li ol,
.lp .list ol > li ul,
.lp .list ol > li ol,
.lp .grid > ul > li ul,
.lp .grid > ul > li ol,
.lp .grid ol > li ul,
.lp .grid ol > li ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp .list > ul > li ul li,
.lp .list > ul > li ol li,
.lp .list ol > li ul li,
.lp .list ol > li ol li,
.lp .grid > ul > li ul li,
.lp .grid > ul > li ol li,
.lp .grid ol > li ul li,
.lp .grid ol > li ol li {
  font-size: 0.938em;
}
.lp .list > ul > li > a,
.lp .list ol > li > a,
.lp .grid > ul > li > a,
.lp .grid ol > li > a {
  display: block;
  padding-left: 2em;
  position: relative;
  line-height: 1.45em;
  color: #222;
}
.lp .list > ul > li > a h3,
.lp .list ol > li > a h3,
.lp .grid > ul > li > a h3,
.lp .grid ol > li > a h3 {
  margin: 0 8em 0.5em 0;
  float: left;
  font-size: 1.25em;
}
@media screen and (max-width: 575px) {
  .lp .list > ul > li > a h3,
  .lp .list ol > li > a h3,
  .lp .grid > ul > li > a h3,
  .lp .grid ol > li > a h3 {
    float: none;
    margin: 0px 0px 0.5em 0;
  }
}
.lp .list > ul > li > a:hover,
.lp .list ol > li > a:hover,
.lp .grid > ul > li > a:hover,
.lp .grid ol > li > a:hover {
  color: #19a7fa;
}
.lp .list > ul > li > a:hover p,
.lp .list > ul > li > a:hover ul,
.lp .list > ul > li > a:hover ol,
.lp .list ol > li > a:hover p,
.lp .list ol > li > a:hover ul,
.lp .list ol > li > a:hover ol,
.lp .grid > ul > li > a:hover p,
.lp .grid > ul > li > a:hover ul,
.lp .grid > ul > li > a:hover ol,
.lp .grid ol > li > a:hover p,
.lp .grid ol > li > a:hover ul,
.lp .grid ol > li > a:hover ol {
  color: #555;
}
.lp .list > ul > li > a .num,
.lp .list ol > li > a .num,
.lp .grid > ul > li > a .num,
.lp .grid ol > li > a .num {
  width: 1.5em;
  text-align: right;
  position: absolute;
  top: 0;
  font-weight: bold;
  left: 0;
}
.lp .list > ul > li > a .num:after,
.lp .list ol > li > a .num:after,
.lp .grid > ul > li > a .num:after,
.lp .grid ol > li > a .num:after {
  content: ".";
  display: inline-block;
}
.lp .list > ul > li span.dept,
.lp .list ol > li span.dept,
.lp .grid > ul > li span.dept,
.lp .grid ol > li span.dept {
  display: inline-block;
  font-size: 0.938em;
}
@media screen and (max-width: 575px) {
  .lp .list > ul > li span.dept,
  .lp .list ol > li span.dept,
  .lp .grid > ul > li span.dept,
  .lp .grid ol > li span.dept {
    display: block;
  }
}
.lp .list > ul > li time,
.lp .list ol > li time,
.lp .grid > ul > li time,
.lp .grid ol > li time {
  display: block;
  color: #666;
  font-size: 0.875em;
  float: right;
  margin: 0px 0px 0.5em 1em;
  position: absolute;
  top: 0em;
  right: 1em;
}
@media screen and (max-width: 767px) {
  .lp .list > ul > li time,
  .lp .list ol > li time,
  .lp .grid > ul > li time,
  .lp .grid ol > li time {
    position: relative;
    float: none;
  }
}
.lp .list > ul > li time i,
.lp .list ol > li time i,
.lp .grid > ul > li time i,
.lp .grid ol > li time i {
  margin-right: 0.5em;
  opacity: 0.5;
}
.lp .list > ul > li time i:before,
.lp .list ol > li time i:before,
.lp .grid > ul > li time i:before,
.lp .grid ol > li time i:before {
  margin-left: 0;
}
.lp .list > ul > li p,
.lp .list ol > li p,
.lp .grid > ul > li p,
.lp .grid ol > li p {
  font-size: 0.938em;
  color: #888;
  margin: 0 10em 0.5em 0;
  overflow: hidden;
  clear: both;
}
@media screen and (max-width: 767px) {
  .lp .list > ul > li p,
  .lp .list ol > li p,
  .lp .grid > ul > li p,
  .lp .grid ol > li p {
    margin-right: 0;
  }
}
.lp .grid > ul > li {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  list-style: none;
  border-bottom: none;
  margin-left: -4px;
  border-left: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 22em;
}
@media screen and (max-width: 991px) {
  .lp .grid > ul > li {
    min-height: 18em;
  }
}
@media screen and (max-width: 767px) {
  .lp .grid > ul > li {
    width: 50%;
    min-height: 15em;
  }
}
@media screen and (max-width: 575px) {
  .lp .grid > ul > li {
    width: 100%;
    min-height: auto;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 0;
  }
}
.lp .grid > ul > li:hover {
  border-left: none;
}
.lp .grid > ul > li:hover .img-container img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.lp .grid > ul > li .img-container {
  overflow: hidden;
  margin-bottom: 0.5em;
  width: 100%;
}
.lp .grid > ul > li .img-container:before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.lp .grid > ul > li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.lp .grid > ul > li .img-container img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.lp .grid > ul > li .num {
  display: none;
}
.lp .grid > ul > li a {
  padding: 0;
}
.lp .grid > ul > li time {
  position: relative;
  top: auto;
  right: auto;
  float: none;
  margin-left: 0;
  font-size: 0.813em;
}
.lp .grid > ul > li h3 {
  float: none;
  width: 100%;
  max-height: 3em;
  font-size: 1.25em;
  line-height: 1.5em;
  overflow: hidden;
  display: block;
  margin: 0 auto 0.5em;
}
.lp .grid > ul > li p {
  display: none;
}
.lp .list ul li {
  clear: both;
  padding: 0;
  margin-bottom: 0;
}
.lp .list ul li a {
  padding: 1em 1em 1em 2em;
  overflow: hidden;
}
.lp .list ul li a:hover, .lp .list ul li a:focus {
  background: #F5F5F5;
}
@media screen and (max-width: 575px) {
  .lp .list ul li a {
    padding-left: 1.8em;
    padding-top: 0.5em;
  }
  .lp .list ul li a:hover, .lp .list ul li a:focus {
    background: transparent;
  }
}
.lp .list ul li a .num {
  top: 1em;
  font-size: 1.125em;
}
@media screen and (max-width: 575px) {
  .lp .list ul li a .num {
    left: 0.5em;
    top: 0.6em;
    font-weight: bold;
    text-align: left;
  }
  .lp .list ul li a .num + h3 {
    display: block;
  }
}
.lp .list ul li a .img-container {
  overflow: hidden;
  margin: 0 0.5em 0.5em 0;
  width: 150px;
  float: left;
}
.lp .list ul li a .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.lp .list ul li a .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.lp .list ul li a .img-container img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 575px) {
  .lp .list ul li a .img-container {
    width: 100%;
    float: none;
    margin: 0px auto 0.5em;
  }
}
.lp .list ul li a time {
  overflow: hidden;
  top: 1em;
}
@media screen and (max-width: 767px) {
  .lp .list ul li a time {
    right: 0;
    margin-left: 0;
    top: 0;
  }
}
.lp .list ul li a h3 {
  clear: none;
  float: none;
  margin: 0 8em 0.5em 0em;
  line-height: 1.45em;
  max-width: 800px;
  font-size: 1.25em;
}
@media screen and (max-width: 767px) {
  .lp .list ul li a h3 {
    margin-right: 0;
    line-height: 1.45em;
  }
}
@media screen and (max-width: 575px) {
  .lp .list ul li a h3 {
    margin-right: 0;
    clear: both;
  }
}
.lp .list ul li a p {
  overflow: hidden;
  clear: none;
  display: block;
  margin: 0 10em 1em 0;
  font-size: 0.875em;
  line-height: 1.45em;
  max-width: 800px;
}
@media screen and (max-width: 767px) {
  .lp .list ul li a p {
    margin-right: 0;
    clear: both;
  }
}
.lp .line > ul > li {
  width: 50%;
}
.lp .line > ul > li .img-container {
  border: 1px solid #CCC;
}
.lp .line > ul > li .img-container .award_name {
  position: absolute;
  z-index: 1;
  background: #FF3E4D;
  text-align: center;
  color: #FFF;
  font-size: 0.813em;
  display: block;
  line-height: 1.75em;
  margin-top: -1px;
  top: 0;
  left: 2%;
  padding: 0.2em 1em;
  -webkit-box-shadow: -1px -1px 0px 0px #a4000d inset;
          box-shadow: -1px -1px 0px 0px #a4000d inset;
}
@media screen and (max-width: 575px) {
  .lp .line > ul > li {
    width: 100%;
  }
}
.lp .line > ul > li .tag {
  padding-left: 1em;
  margin-left: 0;
}
.lp .line > ul > li .tag a {
  padding-left: 1em;
  padding-right: 1em;
}
.lp .photo_list,
.lp .video_list {
  margin: 1em auto;
  overflow: hidden;
}
.lp .photo_list ul,
.lp .video_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp .photo_list ul li,
.lp .video_list ul li {
  min-height: 18em;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin: 0 0 1em -4px;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  overflow: hidden;
}
.lp .photo_list ul li .check_grp,
.lp .video_list ul li .check_grp {
  width: 96%;
  margin: 0 auto;
  font-size: 0.938em;
}
.lp .photo_list ul li .check_grp label,
.lp .video_list ul li .check_grp label {
  display: block;
}
.lp .photo_list ul li:hover a,
.lp .video_list ul li:hover a {
  border: 1px solid #19a7fa;
}
@media screen and (max-width: 991px) {
  .lp .photo_list ul li,
  .lp .video_list ul li {
    width: 33%;
  }
}
@media screen and (max-width: 767px) {
  .lp .photo_list ul li,
  .lp .video_list ul li {
    width: 100%;
  }
}
.lp .photo_list ul li a,
.lp .video_list ul li a {
  width: 96%;
  margin: 0 auto;
  display: block;
  background: #F5F5F5;
  border: 1px solid #DDD;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .lp .photo_list ul li a,
  .lp .video_list ul li a {
    width: 100%;
  }
}
.lp .photo_list ul li .img-container,
.lp .video_list ul li .img-container {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.lp .photo_list ul li .img-container:before,
.lp .video_list ul li .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.lp .photo_list ul li .img-container img,
.lp .video_list ul li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.lp .photo_list ul li .img-container img,
.lp .video_list ul li .img-container img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.lp .video_list ul li:hover a {
  border: none;
}
.lp .video_list ul li:hover a img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (max-width: 575px) {
  .lp .video_list ul li {
    width: 100%;
  }
}
.lp .video_list ul li a {
  background: none;
  border: none;
  color: #222;
  text-decoration: none;
}
.lp .video_list ul li a:hover, .lp .video_list ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.lp .video_list ul li a:hover, .lp .video_list ul li a:focus {
  border: none;
  outline: none;
}
.lp .video_list ul li .img-container {
  overflow: hidden;
  margin-bottom: 0.3em;
}
.lp .video_list ul li .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.lp .video_list ul li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.lp .video_list ul li .img-container picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lp .video_list ul li .img-container picture img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.lp .video_list ul li .img-container picture:before {
  content: "";
  position: absolute;
  width: 3.6em;
  height: 3.6em;
  border-radius: 50%;
  top: 34%;
  left: 50%;
  margin-left: -1.8em;
  background: url(../images/play.png) no-repeat center center;
  background-size: cover;
  z-index: 1;
}
.lp .video_list ul li .title {
  display: block;
  margin: 0.3em 0;
}
.lp .album {
  margin: 1em auto;
  overflow: hidden;
}
.lp .album ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.lp .album ul li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-left: -4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 26em;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .lp .album ul li {
    width: 33%;
    height: 27em;
  }
}
@media screen and (max-width: 767px) {
  .lp .album ul li {
    width: 50%;
    height: 28em;
  }
}
@media screen and (max-width: 575px) {
  .lp .album ul li {
    width: 100%;
    margin: 0 0 0.5em;
    height: auto;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.lp .album ul li a {
  display: block;
  text-align: center;
  width: 100%;
  position: relative;
  margin: 2% 0%;
  border: 1px solid #DDD;
  padding: 5px;
  color: #222;
  text-decoration: none;
  height: 25em;
}
.lp .album ul li a:hover, .lp .album ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .lp .album ul li a {
    height: 25em;
  }
}
@media screen and (max-width: 767px) {
  .lp .album ul li a {
    height: 26em;
  }
}
@media screen and (max-width: 575px) {
  .lp .album ul li a {
    height: auto;
  }
}
.lp .album ul li a:hover {
  border: 1px solid #64c3fc;
}
.lp .album ul li a h3 {
  margin: 0 0 0.5em;
  line-height: 1.45em !important;
  overflow: hidden;
  max-height: 2.9em;
}
.lp .album ul li a p {
  margin: 0;
  line-height: 1.45;
  overflow: hidden;
  max-height: 4.25em;
  color: #888;
  font-size: 0.875em;
}
.lp .album ul li a time {
  color: #666;
  font-size: 0.875em;
}
.lp .album ul li a time i {
  margin-right: 0.5em;
  opacity: 0.5;
}
.lp .album ul li a:hover {
  background: #047cc3;
  color: #FFF !important;
}
.lp .album ul li a:hover .img-container img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.lp .album ul li a:hover p,
.lp .album ul li a:hover time {
  color: #FFF;
}
.lp .album ul li a:hover time i {
  -webkit-filter: invert(100%);
          filter: invert(100%);
  opacity: 1;
}
.lp .album ul li .img-container {
  width: 100%;
  overflow: hidden;
}
.lp .album ul li .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.lp .album ul li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.lp .album ul li .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.lp .album ul li .caption {
  text-align: left;
  width: 94%;
  margin-left: 3%;
}
.lp .album ul li .caption h3 {
  height: 3em;
  overflow: hidden;
  line-height: 1.5em;
  display: block;
  margin: 5px 0;
}
.lp .album ul li .caption time {
  color: #666;
  font-size: 0.875em;
  display: block;
  margin: 15px 0 5px;
}

.sponsor {
  margin-bottom: 2em;
}
.sponsor h3 {
  border-bottom: 2px solid #EEE;
}
.sponsor ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.sponsor ul li {
  display: block;
  float: left;
  padding: 0px 2% 0.5em;
  position: relative;
  width: 25%;
  height: 7.5em;
  margin-bottom: 0.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .sponsor ul li {
    width: 33%;
  }
}
@media screen and (max-width: 767px) {
  .sponsor ul li {
    width: 50%;
  }
}
.sponsor ul li:hover {
  color: #19a7fa;
}
.sponsor ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0.5em;
  background: #FFF;
  color: #555;
}
.sponsor ul li a:before {
  display: block;
  content: "";
  padding-top: 23.9130434783%;
}
.sponsor ul li a img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.sponsor ul li a:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background: transparent;
  z-index: 2;
  -webkit-box-shadow: 0 0px 0px 1px #DDD inset;
          box-shadow: 0 0px 0px 1px #DDD inset;
}
.sponsor ul li a:hover:before, .sponsor ul li a:focus:before {
  -webkit-box-shadow: 0 0px 0px 1px #19a7fa inset;
          box-shadow: 0 0px 0px 1px #19a7fa inset;
}
.sponsor ul li a img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.sponsor_list {
  margin-bottom: 2em;
}
.sponsor_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sponsor_list ul li {
  margin-bottom: 0.5em;
  background: #F1F1F1;
  background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#FFF));
  background: linear-gradient(to bottom, #F1F1F1, #FFF);
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin: 0 1% 1em 0;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 3px solid #F1F1F1;
}
.sponsor_list ul li h4 {
  margin: 0.3em 0;
  font-size: 1.5em;
  color: #035c91;
}
.sponsor_list ul li:hover {
  border-top: 3px solid #059cf5;
}
.sponsor_list ul li:nth-child(even) {
  margin: 0 0 1em 1%;
}
@media screen and (max-width: 575px) {
  .sponsor_list ul li {
    width: 100%;
    margin: 0 0 1em 0;
    background: #FFF;
  }
  .sponsor_list ul li:nth-child(even) {
    margin: 0 0 1em 0;
  }
}
.sponsor_list ul li p {
  overflow: hidden;
  font-size: 0.938em;
  line-height: 1.85em;
}
@media screen and (max-width: 991px) {
  .sponsor_list ul li p {
    display: block;
  }
}
.sponsor_list ul li .img-container {
  overflow: hidden;
  width: 200px;
  float: left;
  margin: 0 1em 1em 0;
  background: #FFF;
  border: 1px solid #ddd;
}
.sponsor_list ul li .img-container:before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.sponsor_list ul li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 991px) {
  .sponsor_list ul li .img-container {
    float: none;
  }
}
@media screen and (max-width: 575px) {
  .sponsor_list ul li .img-container {
    width: 100%;
    float: none;
    margin: 0 auto 0.4em;
  }
}
.sponsor_list ul li .img-container a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sponsor_list ul li .img-container a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.product_search {
  text-align: left;
  padding: 1em 0 0 0em;
  margin: 0em auto 1em 0em;
  border-top: 2px solid #047cc3;
  border-bottom: 2px solid #047cc3;
}
.product_search .tag_group {
  margin-top: 0;
  padding: 0.5em 0 1.75em;
}
.product_search .tag_group ul li a.openMore {
  background: #059cf5;
  border: 1px solid #059cf5;
  color: #059cf5;
  position: relative;
  display: block;
}
.product_search .tag_group ul li a.openMore:before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid #FFF;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 50%;
  left: 50%;
  margin-left: -0.25em;
  margin-top: -0.5em;
}
.product_search .tag_group ul li a.openMore.active:before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-top: -0.15em;
}
.product_search .tag_group ul li a.openMore:hover, .product_search .tag_group ul li a.openMore:focus {
  color: #19a7fa;
  background: #19a7fa;
  border: 1px solid #19a7fa;
}
@media screen and (max-width: 767px) {
  .product_search .tag_group {
    -moz-text-align-last: left;
         text-align-last: left;
    margin: 0;
    padding: 0.5em 0.75em 1.75em 0;
  }
  .product_search .tag_group ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .product_search .tag_group ul li {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin: 0 0.5em 0.5em 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .product_search {
    display: none;
  }
}
.product_search .form_inline {
  margin-left: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product_search .form_inline .form_grp {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product_search .form_inline .form_grp input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}
@media screen and (max-width: 575px) {
  .product_search .form_inline {
    margin-left: 0;
    text-align: left;
  }
  .product_search .form_inline label {
    display: none;
  }
}

.category_search {
  text-align: left;
  padding: 1em 0 0 0em;
  margin: 0em auto 1em 0em;
  border-top: 2px solid #047cc3;
  border-bottom: 2px solid #047cc3;
}
@media screen and (max-width: 767px) {
  .category_search {
    display: none;
  }
}
.category_search .tag_group {
  margin-top: 0;
  padding: 0 0.5em 2em;
}
.category_search .tag_group ul li a.openMore {
  background: #059cf5;
  border: 1px solid #059cf5;
  color: #059cf5;
  position: relative;
  display: block;
}
.category_search .tag_group ul li a.openMore:before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid #FFF;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 50%;
  left: 50%;
  margin-left: -0.25em;
  margin-top: -0.5em;
}
.category_search .tag_group ul li a.openMore.active:before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-top: -0.15em;
}
.category_search .tag_group ul li a.openMore:hover, .category_search .tag_group ul li a.openMore:focus {
  color: #19a7fa;
  background: #19a7fa;
  border: 1px solid #19a7fa;
}
@media screen and (max-width: 767px) {
  .category_search .tag_group {
    -moz-text-align-last: left;
         text-align-last: left;
    margin: 0;
    padding: 0.5em 0.75em 2em 0;
  }
  .category_search .tag_group ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .category_search .tag_group ul li {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin: 0 0.5em 0.5em 0 !important;
  }
}
.category_search .form_inline {
  margin-left: 1em;
}
@media screen and (max-width: 575px) {
  .category_search .form_inline {
    margin-left: 0;
  }
  .category_search .form_inline label {
    display: none;
  }
}
.category_search .hotkey {
  background: #FDFDFD;
  display: block;
  padding: 0.25em 1em;
}
@media screen and (max-width: 575px) {
  .category_search .hotkey {
    padding: 0.25em 0;
  }
}
.category_search .hotkey ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.category_search .hotkey ul li {
  display: inline-block;
  background: #29b4f5;
  padding: 0.25em 2em 0.25em 2em;
  font-size: 0.938rem;
  border-radius: 0.25rem;
  color: #FFF;
  position: relative;
  overflow: hidden;
}
.category_search .hotkey ul li:hover {
  cursor: pointer;
}
.category_search .hotkey ul li:hover a {
  right: 0.5em;
}
.category_search .hotkey ul li a {
  display: block;
  position: absolute;
  right: -2em;
  top: 0.25em;
  -webkit-filter: invert(100%);
          filter: invert(100%);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  padding: 0;
}
.category_search .hotkey ul li a:hover, .category_search .hotkey ul li a:focus {
  background: transparent;
}
@media screen and (max-width: 575px) {
  .category_search .hotkey ul li a {
    -webkit-filter: none;
            filter: none;
    right: 0.15em;
    top: 0.35em;
  }
}

.product_grid,
.category_grid {
  position: relative;
  margin: 1em 0;
}
.product_grid > ul,
.category_grid > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.product_grid > ul > li,
.category_grid > ul > li {
  width: 31.2%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 31.2%;
      flex-basis: 31.2%;
  padding: 0.5em;
  position: relative;
  display: block;
  border: transparent;
  margin: 0 1% 1%;
  min-height: 330px;
  background: #F1F1F1;
}
@media screen and (max-width: 991px) {
  .product_grid > ul > li,
  .category_grid > ul > li {
    width: 48%;
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
}
@media screen and (max-width: 575px) {
  .product_grid > ul > li,
  .category_grid > ul > li {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 auto 1em;
  }
}
.product_grid > ul > li label,
.category_grid > ul > li label {
  position: absolute;
  left: 1em;
  top: 0.8em;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .product_grid > ul > li label,
  .category_grid > ul > li label {
    left: 1.5em;
    top: 1.3em;
  }
}
.product_grid > ul > li:hover,
.category_grid > ul > li:hover {
  background: #F5F5F5;
  z-index: 99;
}
@media screen and (max-width: 767px) {
  .product_grid > ul > li:hover,
  .category_grid > ul > li:hover {
    background: transparent;
  }
}
@media screen and (max-width: 767px) {
  .product_grid > ul > li,
  .category_grid > ul > li {
    padding: 1em;
  }
}
.product_grid > ul > li .personal_fuction,
.category_grid > ul > li .personal_fuction {
  position: absolute;
  right: 0.5em;
  top: 1em;
  width: 2.5em;
  display: none;
}
.product_grid > ul > li .personal_fuction a,
.category_grid > ul > li .personal_fuction a {
  display: block;
  position: relative;
  height: 50%;
  padding: 1em 0;
  border: 1px solid #DDD;
  background: #FFF;
  text-align: center;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.product_grid > ul > li .personal_fuction a:hover,
.category_grid > ul > li .personal_fuction a:hover {
  border: 1px solid #19a7fa;
}
.product_grid > ul > li .personal_fuction a i,
.category_grid > ul > li .personal_fuction a i {
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .product_grid > ul > li .personal_fuction,
  .category_grid > ul > li .personal_fuction {
    position: relative;
    width: 100%;
    top: auto;
    right: 0;
    left: 0;
  }
  .product_grid > ul > li .personal_fuction a,
  .category_grid > ul > li .personal_fuction a {
    width: 50%;
    display: block;
    float: left;
    padding: 0.2em 0;
    margin-left: 0;
  }
}
.product_grid > ul > li .img-container,
.category_grid > ul > li .img-container {
  border: 1px solid #DDD;
  width: 100%;
  margin: 0 auto 1em;
  background: #FFF;
  overflow: hidden;
}
.product_grid > ul > li .img-container:before,
.category_grid > ul > li .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.product_grid > ul > li .img-container img,
.category_grid > ul > li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.product_grid > ul > li .img-container img,
.category_grid > ul > li .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.product_grid > ul > li ul,
.product_grid > ul > li ol,
.category_grid > ul > li ul,
.category_grid > ul > li ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product_grid > ul > li ul a,
.product_grid > ul > li ol a,
.category_grid > ul > li ul a,
.category_grid > ul > li ol a {
  color: #222;
  text-decoration: none;
}
.product_grid > ul > li ul a:hover, .product_grid > ul > li ul a:focus,
.product_grid > ul > li ol a:hover,
.product_grid > ul > li ol a:focus,
.category_grid > ul > li ul a:hover,
.category_grid > ul > li ul a:focus,
.category_grid > ul > li ol a:hover,
.category_grid > ul > li ol a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.product_grid > ul > li h3,
.category_grid > ul > li h3 {
  overflow: hidden;
  margin-top: 0;
}
.product_grid > ul > li p,
.product_grid > ul > li ul,
.product_grid > ul > li ol,
.category_grid > ul > li p,
.category_grid > ul > li ul,
.category_grid > ul > li ol {
  display: none;
}
.product_grid > ul > li .tag_group ul,
.category_grid > ul > li .tag_group ul {
  display: block;
}
.product_grid > ul > li .tag_group ul li a,
.category_grid > ul > li .tag_group ul li a {
  color: #FFF;
}
.product_grid > ul > li .tag_group ul li a:hover, .product_grid > ul > li .tag_group ul li a:focus,
.category_grid > ul > li .tag_group ul li a:hover,
.category_grid > ul > li .tag_group ul li a:focus {
  color: #FFF;
}
.product_grid > ul > li h3,
.category_grid > ul > li h3 {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-bottom: 0.5em;
  max-height: 2.5em;
  overflow: hidden;
  display: block;
}
.product_grid > ul > li h3 a,
.category_grid > ul > li h3 a {
  color: #333;
}
.product_grid > ul > li h3 a:hover,
.category_grid > ul > li h3 a:hover {
  color: #19a7fa;
}

.category_grid > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.category_grid > ul > li {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-height: 30em;
  background: none;
  width: 33.3333%;
  margin: 0;
  padding-bottom: 2rem;
  border: 1px solid #DDD;
  border-right: none;
  border-top: none;
}
.category_grid > ul > li:hover .img-container .view_720,
.category_grid > ul > li:hover .img-container .view_360 {
  opacity: 1;
}
.category_grid > ul > li:nth-child(1) {
  border-top: 1px solid #DDD;
}
.category_grid > ul > li:nth-child(2) {
  border-top: 1px solid #DDD;
}
.category_grid > ul > li:nth-child(3) {
  border-top: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
@media screen and (max-width: 991px) {
  .category_grid > ul > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    width: 50%;
  }
  .category_grid > ul > li:nth-child(3n) {
    border-right: none;
  }
  .category_grid > ul > li:nth-child(2n) {
    border-right: 1px solid #DDD;
  }
}
@media screen and (max-width: 575px) {
  .category_grid > ul > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    border: 1px solid #DDD;
  }
  .category_grid > ul > li:nth-child(3n) {
    border-right: 1px solid #DDD;
  }
  .category_grid > ul > li:nth-child(2n) {
    border-right: 1px solid #DDD;
  }
}
.category_grid > ul > li .img-container {
  margin-bottom: 0.25rem;
  border: 1px solid #CCC;
}
.category_grid > ul > li .img-container .star {
  position: absolute;
  right: 0.25em;
  top: 0.25em;
  left: auto;
  z-index: 9;
  width: 1.5em;
  height: 1.5em;
}
.category_grid > ul > li .img-container .star i {
  font-size: 1.5em;
}
.category_grid > ul > li .img-container .star i:before {
  margin-left: 0;
}
@media screen and (max-width: 575px) {
  .category_grid > ul > li .img-container .star {
    right: 0.25em;
    top: 0.25em;
  }
}
.category_grid > ul > li .personal_fuction {
  display: block;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
}
.category_grid > ul > li .personal_fuction a {
  padding: 0.25em 0 0;
  height: 2rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  border: none;
  background: #F7F7F7;
  border-top: 1px solid #DDD;
}
.category_grid > ul > li .personal_fuction a span {
  display: none;
  font-size: 0.75rem;
  background: rgba(0, 0, 0, 0.85);
  text-align: center;
  border-radius: 0.25rem;
  position: absolute;
  bottom: 3em;
  width: 150%;
  left: 50%;
  margin-left: -75%;
  padding: 0.25em;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.category_grid > ul > li .personal_fuction a i {
  font-size: 1.25rem;
  opacity: 0.35;
}
.category_grid > ul > li .personal_fuction a:hover {
  background: #047cc3;
  border: 1px solid #047cc3;
}
.category_grid > ul > li .personal_fuction a:hover i {
  -webkit-filter: invert(100%);
          filter: invert(100%);
  opacity: 1;
}
.category_grid > ul > li .personal_fuction a:hover span {
  display: block;
  text-align: center;
}
.category_grid > ul > li .view_720,
.category_grid > ul > li .view_360 {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  z-index: 9;
  width: 2.5em;
  height: 2.5em;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 0.25rem;
  opacity: 0.5;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 575px) {
  .category_grid > ul > li .view_720,
  .category_grid > ul > li .view_360 {
    opacity: 0.75;
  }
}
.category_grid > ul > li .view_720 i,
.category_grid > ul > li .view_360 i {
  font-size: 2em;
  margin-top: 0em;
  margin-left: 0.1em;
}
.category_grid > ul > li .view_720 i:before,
.category_grid > ul > li .view_360 i:before {
  margin-left: 0;
  margin-top: 0.1em;
}
.category_grid > ul > li .view_720 {
  right: 3.5em;
}
.category_grid > ul > li h3 {
  line-height: 1.5em;
  max-height: 3em;
  height: 3em;
  overflow: hidden;
  margin: 0 auto 1em;
  display: block;
}
.category_grid > ul > li ul,
.category_grid > ul > li ol {
  margin: 0 auto 0.5em;
  display: block;
  font-size: 1rem;
}
.category_grid > ul > li p {
  color: #888;
  font-size: 0.813rem;
  display: block;
  line-height: 1.75;
}

.product_list,
.category_list {
  position: relative;
  margin: 1em 0;
}
.product_list > ul,
.category_list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product_list > ul > li,
.category_list > ul > li {
  padding: 1em 4em 1em 2em;
  position: relative;
  display: block;
  clear: both;
  border: transparent;
  border-bottom: 1px solid #CCC;
  overflow: hidden;
}
.product_list > ul > li.checked,
.category_list > ul > li.checked {
  border: 1px solid #19a7fa;
}
@media screen and (max-width: 767px) {
  .product_list > ul > li .tag_group,
  .category_list > ul > li .tag_group {
    overflow: hidden;
    clear: both;
    padding-top: 1em;
  }
}
.product_list > ul > li .tag_group ul li a,
.category_list > ul > li .tag_group ul li a {
  color: #FFF;
}
.product_list > ul > li .tag_group ul li a:hover, .product_list > ul > li .tag_group ul li a:focus,
.category_list > ul > li .tag_group ul li a:hover,
.category_list > ul > li .tag_group ul li a:focus {
  color: #FFF;
}
.product_list > ul > li li,
.product_list > ul > li p,
.category_list > ul > li li,
.category_list > ul > li p {
  font-size: 0.938em;
  margin-bottom: 0.3em;
}
.product_list > ul > li label,
.category_list > ul > li label {
  position: absolute;
  left: 0.5em;
  top: 0.8em;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .product_list > ul > li label,
  .category_list > ul > li label {
    left: 1.5em;
    top: 1.3em;
  }
}
.product_list > ul > li:hover,
.category_list > ul > li:hover {
  background: #F5F5F5;
}
@media screen and (max-width: 767px) {
  .product_list > ul > li:hover,
  .category_list > ul > li:hover {
    background: transparent;
  }
}
@media screen and (max-width: 767px) {
  .product_list > ul > li,
  .category_list > ul > li {
    padding: 1em;
  }
}
.product_list > ul > li .personal_fuction,
.category_list > ul > li .personal_fuction {
  position: absolute;
  right: 0.5em;
  top: 1em;
  width: 2.5em;
}
.product_list > ul > li .personal_fuction a,
.category_list > ul > li .personal_fuction a {
  display: block;
  position: relative;
  height: 50%;
  padding: 1em 0;
  border: 1px solid #DDD;
  background: #FFF;
  text-align: center;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.product_list > ul > li .personal_fuction a:hover,
.category_list > ul > li .personal_fuction a:hover {
  border: 1px solid #19a7fa;
}
.product_list > ul > li .personal_fuction a i,
.category_list > ul > li .personal_fuction a i {
  font-size: 1.5em;
}
.product_list > ul > li .personal_fuction a i.i_mail,
.category_list > ul > li .personal_fuction a i.i_mail {
  font-size: 1.15em;
  opacity: 0.7;
}
.product_list > ul > li .personal_fuction a i.i_mail::before,
.category_list > ul > li .personal_fuction a i.i_mail::before {
  margin-left: 0px;
}
@media screen and (max-width: 767px) {
  .product_list > ul > li .personal_fuction,
  .category_list > ul > li .personal_fuction {
    position: relative;
    width: 100%;
    top: auto;
    right: 0;
    left: 0;
  }
  .product_list > ul > li .personal_fuction a,
  .category_list > ul > li .personal_fuction a {
    width: 50%;
    display: block;
    float: left;
    padding: 0.2em 0;
    margin-left: 0;
  }
}
.product_list > ul > li .img-container,
.category_list > ul > li .img-container {
  border: 1px solid #DDD;
  float: left;
  width: 250px;
  margin: 0 1em 1em 0;
  background: #FFF;
  overflow: hidden;
}
.product_list > ul > li .img-container:before,
.category_list > ul > li .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.product_list > ul > li .img-container img,
.category_list > ul > li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 991px) {
  .product_list > ul > li .img-container,
  .category_list > ul > li .img-container {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .product_list > ul > li .img-container,
  .category_list > ul > li .img-container {
    width: 100%;
    float: none;
    margin: 0 auto 1em;
  }
}
.product_list > ul > li .img-container img,
.category_list > ul > li .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.product_list > ul > li ul,
.product_list > ul > li ol,
.category_list > ul > li ul,
.category_list > ul > li ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product_list > ul > li ul a,
.product_list > ul > li ol a,
.category_list > ul > li ul a,
.category_list > ul > li ol a {
  color: #222;
  text-decoration: none;
}
.product_list > ul > li ul a:hover, .product_list > ul > li ul a:focus,
.product_list > ul > li ol a:hover,
.product_list > ul > li ol a:focus,
.category_list > ul > li ul a:hover,
.category_list > ul > li ul a:focus,
.category_list > ul > li ol a:hover,
.category_list > ul > li ol a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.product_list > ul > li h3,
.product_list > ul > li ul,
.product_list > ul > li ol,
.product_list > ul > li p,
.category_list > ul > li h3,
.category_list > ul > li ul,
.category_list > ul > li ol,
.category_list > ul > li p {
  overflow: hidden;
  margin-top: 0;
}
.product_list > ul > li h3,
.category_list > ul > li h3 {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
.product_list > ul > li h3 a,
.category_list > ul > li h3 a {
  color: #047cc3;
}
.product_list > ul > li h3 a:hover,
.category_list > ul > li h3 a:hover {
  color: #19a7fa;
}

@media screen and (max-width: 767px) {
  .category_list > ul > li {
    padding-bottom: 3em;
    border: 1px solid #DDD;
  }
}
.category_list > ul > li ul,
.category_list > ul > li ol {
  margin: 0 auto 0.5em;
  display: block;
  font-size: 1rem;
}
.category_list > ul > li p {
  color: #888;
  font-size: 0.813rem;
  display: block;
  line-height: 1.75;
}
.category_list > ul > li:hover .personal_fuction a {
  background: #F5F5F5;
}
.category_list > ul > li:hover .personal_fuction a:hover {
  background: #047cc3;
}
.category_list > ul > li:hover .img-container .view_720,
.category_list > ul > li:hover .img-container .view_360 {
  opacity: 1;
}
.category_list > ul > li .img-container .view_720,
.category_list > ul > li .img-container .view_360 {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  z-index: 9;
  width: 2.5em;
  height: 2.5em;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 0.25rem;
  opacity: 0.5;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 575px) {
  .category_list > ul > li .img-container .view_720,
  .category_list > ul > li .img-container .view_360 {
    opacity: 0.75;
  }
}
.category_list > ul > li .img-container .view_720 i,
.category_list > ul > li .img-container .view_360 i {
  font-size: 2em;
  margin-top: 0em;
  margin-left: 0.1em;
}
.category_list > ul > li .img-container .view_720 i:before,
.category_list > ul > li .img-container .view_360 i:before {
  margin-left: 0;
  margin-top: 0.1em;
}
.category_list > ul > li .img-container .view_720 {
  right: 3.5em;
}
.category_list > ul > li .img-container .star {
  position: absolute;
  right: 0.25em;
  top: 0.25em;
  left: auto;
  z-index: 9;
  width: 1.5em;
  height: 1.5em;
}
.category_list > ul > li .img-container .star i {
  font-size: 1.5em;
}
.category_list > ul > li .img-container .star i:before {
  margin-left: 0;
}
.category_list > ul > li .personal_fuction {
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: auto;
  right: 0;
  width: 3em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
@media screen and (max-width: 767px) {
  .category_list > ul > li .personal_fuction {
    bottom: 0;
    top: auto;
    width: 100%;
    left: 0;
    right: 0;
    height: 2em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
}
.category_list > ul > li .personal_fuction a {
  padding: 0.25em 0 0;
  height: 25%;
  width: 3em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  border: none;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .category_list > ul > li .personal_fuction a {
    width: 25%;
    height: 100%;
    display: block;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    background: #F7F7F7;
    border-top: 1px solid #DDD;
  }
}
.category_list > ul > li .personal_fuction a span {
  display: none;
  color: #FFF;
  font-size: 0.75rem;
  text-align: center;
  width: 150%;
  left: -160%;
  padding: 0.25em;
  border-radius: 0.25rem;
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  text-align: center;
  top: 25%;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
@media screen and (max-width: 767px) {
  .category_list > ul > li .personal_fuction a span {
    bottom: 3em;
    width: 100%;
    margin-left: -50%;
    left: 50%;
    top: auto;
  }
}
.category_list > ul > li .personal_fuction a i {
  font-size: 1.25rem;
  opacity: 0.35;
  margin: auto;
}
.category_list > ul > li .personal_fuction a:hover, .category_list > ul > li .personal_fuction a:focus {
  background: #047cc3;
  border: 1px solid #047cc3;
}
.category_list > ul > li .personal_fuction a:hover i, .category_list > ul > li .personal_fuction a:focus i {
  opacity: 1;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.category_list > ul > li .personal_fuction a:hover span, .category_list > ul > li .personal_fuction a:focus span {
  display: block;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.product_info,
.company_info {
  clear: both;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  .product_info,
  .company_info {
    padding-right: 0;
  }
}
.product_info .tag_group,
.company_info .tag_group {
  clear: both;
  padding: 0.5em 0;
  margin-top: 0;
}
.product_info .tag_group a.openMore,
.company_info .tag_group a.openMore {
  background: #AAA;
  border: 1px solid #AAA;
}
.product_info .tag_group a.openMore:hover, .product_info .tag_group a.openMore:focus,
.company_info .tag_group a.openMore:hover,
.company_info .tag_group a.openMore:focus {
  border: 1px solid #19a7fa;
}
.product_info .taiwantrade_logo,
.company_info .taiwantrade_logo {
  width: 80px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 5px;
}
.product_info .taiwantrade_logo img,
.company_info .taiwantrade_logo img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .product_info .taiwantrade_logo,
  .company_info .taiwantrade_logo {
    position: relative;
    left: auto;
    float: right;
    margin-top: -45px;
  }
}
.product_info ul,
.company_info ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1em;
}
.product_info ul li,
.company_info ul li {
  font-size: 0.938em;
  color: #0a9ce1;
}
.product_info ul li a,
.company_info ul li a {
  color: #0a9ce1;
}
.product_info ul li a:hover,
.company_info ul li a:hover {
  color: #11abf4;
}
.product_info ul li i,
.company_info ul li i {
  margin-right: 0.5em;
}
.product_info ul li i:before,
.company_info ul li i:before {
  margin-left: 0;
}
.product_info ul li .update,
.company_info ul li .update {
  display: block;
  padding: 0 2.5em 0 1.5em;
  text-align: right;
  font-size: 0.875em;
  color: rgba(34, 34, 34, 0.75) !important;
}
.product_info ul li .update span + span,
.company_info ul li .update span + span {
  margin-left: 2em;
}
@media screen and (max-width: 575px) {
  .product_info ul li .update,
  .company_info ul li .update {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 0;
  }
  .product_info ul li .update span + span,
  .company_info ul li .update span + span {
    margin-left: 0;
  }
}
.product_info .personal_fuction,
.product_info .company_function,
.company_info .personal_fuction,
.company_info .company_function {
  overflow: hidden;
}
.product_info .personal_fuction a,
.product_info .company_function a,
.company_info .personal_fuction a,
.company_info .company_function a {
  border: 1px solid #DDD;
  text-align: center;
  float: left;
  width: 24%;
}
@media screen and (max-width: 767px) {
  .product_info .personal_fuction a,
  .product_info .company_function a,
  .company_info .personal_fuction a,
  .company_info .company_function a {
    width: 24%;
  }
}
.product_info .personal_fuction a i,
.product_info .company_function a i,
.company_info .personal_fuction a i,
.company_info .company_function a i {
  font-size: 1.25em;
  opacity: 0.6;
}
.product_info .category_fuction,
.company_info .category_fuction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product_info .category_fuction a,
.company_info .category_fuction a {
  border: 1px solid #DDD;
  text-align: center;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 24%;
  position: relative;
  margin-left: -1px;
}
.product_info .category_fuction a span,
.company_info .category_fuction a span {
  display: none;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  position: absolute;
  bottom: 110%;
  left: 50%;
  margin-left: -50%;
  z-index: 2;
  background: #047cc3;
  border-radius: 0.2em;
  padding: 0.4em 0.2em;
  line-height: 1.25em;
}
.product_info .category_fuction a i,
.company_info .category_fuction a i {
  font-size: 1.25em;
  opacity: 0.6;
}
.product_info .category_fuction a i:before,
.company_info .category_fuction a i:before {
  margin-left: 0;
}
.product_info .category_fuction a:hover span, .product_info .category_fuction a:focus span,
.company_info .category_fuction a:hover span,
.company_info .category_fuction a:focus span {
  display: block;
}
.product_info h2,
.company_info h2 {
  font-size: 2em;
  line-height: 0.1 0.45em;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .product_info h2,
  .company_info h2 {
    font-size: 1.5em;
  }
}
.product_info .img-container,
.company_info .img-container {
  width: 30%;
  min-width: 220px;
  float: left;
  overflow: hidden;
  margin: 0 1em 1em 0;
  border: 1px solid #DDD;
}
.product_info .img-container:before,
.company_info .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.product_info .img-container img,
.company_info .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .product_info .img-container,
  .company_info .img-container {
    float: none;
    width: 100%;
    margin: 0 auto 1em;
  }
}
.product_info .img-container img,
.company_info .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.product_info .qrcode,
.company_info .qrcode {
  display: block;
  overflow: hidden;
  float: right;
  width: 80px;
  height: 80px;
  margin: 0 0 1em 1em;
}
.product_info .qrcode img,
.company_info .qrcode img {
  width: 100%;
  height: 100%;
}

.product_info h2 {
  border-bottom: 1px solid #DDD;
}
.product_info .controls {
  display: none;
}
.product_info .Syncing_slider {
  float: left;
  background: #FFF;
  width: 40%;
  min-width: 280px;
  margin: 0 1em 1em 0;
  padding-right: 2px;
}
@media screen and (max-width: 991px) {
  .product_info .Syncing_slider {
    float: none;
    width: 100%;
    margin: 0 auto 0;
    padding-right: 0;
    min-width: 320px;
  }
}
.product_info .Syncing_slider .Slider-for {
  width: 100%;
  margin: 0 1px 0 0;
}
.product_info .Syncing_slider .Slider-for .img-container {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.product_info .Syncing_slider .Slider-for .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.product_info .Syncing_slider .Slider-for .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.product_info .Syncing_slider .Slider-nav {
  width: 100%;
  margin: 0 1px 0 0;
}
.product_info .Syncing_slider .Slider-nav:hover .slick-prev,
.product_info .Syncing_slider .Slider-nav:hover .slick-next {
  opacity: 1;
}
.product_info .Syncing_slider .Slider-nav .slick-prev {
  left: 0;
  opacity: 0;
  background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat rgba(0, 0, 0, 0.25);
  background-size: 80%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.product_info .Syncing_slider .Slider-nav .slick-prev:hover, .product_info .Syncing_slider .Slider-nav .slick-prev:focus {
  background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat rgba(0, 0, 0, 0.5);
  background-size: 80%;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.product_info .Syncing_slider .Slider-nav .slick-next {
  right: 0;
  opacity: 0;
  background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat rgba(0, 0, 0, 0.25);
  background-size: 80%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.product_info .Syncing_slider .Slider-nav .slick-next:hover, .product_info .Syncing_slider .Slider-nav .slick-next:focus {
  background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat rgba(0, 0, 0, 0.5);
  background-size: 80%;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.product_info .Syncing_slider .Slider-nav .img-container {
  width: 100%;
  margin: 0;
  min-width: auto;
  overflow: hidden;
}
.product_info .Syncing_slider .Slider-nav .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.product_info .Syncing_slider .Slider-nav .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.product_info .Syncing_slider .Slider-nav .img-container.youtube:after {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  content: "";
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
  opacity: 0.85;
  background: url(../images/play.png) no-repeat center center;
  background-size: 100%;
}

.company_grid,
.company_list {
  overflow: hidden;
  padding: 1em 0;
}
.company_grid > ul,
.company_list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.company_grid > ul > li,
.company_list > ul > li {
  min-height: 26.5em;
  -webkit-box-shadow: 0px 3px 10px RGBA(0, 0, 0, 0.15);
          box-shadow: 0px 3px 10px RGBA(0, 0, 0, 0.15);
  padding: 0 1em 4em 1em;
  position: relative;
  margin: 0 2% 1em;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 46%;
      flex-basis: 46%;
}
.company_grid > ul > li.vip:after,
.company_list > ul > li.vip:after {
  content: "";
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-box-shadow: 0px 0px 0px 2px #32b0fb inset;
          box-shadow: 0px 0px 0px 2px #32b0fb inset;
}
.company_grid > ul > li.vip:before,
.company_list > ul > li.vip:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 0;
  border-color: transparent #32b0fb transparent transparent;
  z-index: 9;
}
@media screen and (max-width: 991px) {
  .company_grid > ul > li,
  .company_list > ul > li {
    width: 96%;
    -ms-flex-preferred-size: 96%;
        flex-basis: 96%;
    min-height: auto;
    margin: 0 auto 1em;
    padding-top: 0.5em;
  }
}
@media screen and (max-width: 767px) {
  .company_grid > ul > li,
  .company_list > ul > li {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 auto 1em;
    padding: 0 1em 4em 1em;
  }
}
@media screen and (max-width: 575px) {
  .company_grid > ul > li,
  .company_list > ul > li {
    float: none;
    width: 96%;
    height: auto;
    margin: 0 auto 1em;
    padding-top: 0.5em;
  }
}
.company_grid > ul > li label,
.company_list > ul > li label {
  position: absolute;
  left: 0.5em;
  top: 0.8em;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .company_grid > ul > li label,
  .company_list > ul > li label {
    left: 1em;
    top: 1.3em;
  }
}
.company_grid > ul > li .company_function,
.company_list > ul > li .company_function {
  position: absolute;
  height: 2.5em;
  width: 100%;
  bottom: 0;
  left: 0;
  border: 1px solid #DDD;
  border-left: none;
  border-right: none;
  background: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.company_grid > ul > li .company_function a,
.company_list > ul > li .company_function a {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  height: 2.5em;
  text-align: center;
}
.company_grid > ul > li .company_function a:hover,
.company_list > ul > li .company_function a:hover {
  background: #19a7fa;
}
.company_grid > ul > li .company_function a:hover i,
.company_list > ul > li .company_function a:hover i {
  -webkit-filter: invert(100%);
          filter: invert(100%);
  opacity: 1;
}
.company_grid > ul > li .company_function a i,
.company_list > ul > li .company_function a i {
  font-size: 1.25em;
  line-height: 1.8em;
  opacity: 0.75;
}
.company_grid > ul > li ul,
.company_list > ul > li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.company_grid > ul > li ul li,
.company_list > ul > li ul li {
  font-size: 0.938em;
  margin-bottom: 0.2em;
  line-height: 1.45em;
  min-height: 1.45em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.company_grid > ul > li ul li span,
.company_list > ul > li ul li span {
  color: #888;
}
.company_grid > ul > li ul li p,
.company_list > ul > li ul li p {
  margin: 0;
}
.company_grid > ul > li h3,
.company_list > ul > li h3 {
  margin-top: 0.5em;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  .company_grid > ul > li h3,
  .company_list > ul > li h3 {
    margin-left: 1.5em;
  }
  .company_grid > ul > li h3 a,
  .company_list > ul > li h3 a {
    height: auto;
    max-height: 2.9em;
  }
}
.company_grid > ul > li h3 a,
.company_list > ul > li h3 a {
  line-height: 1.35em;
  color: #222;
  text-decoration: none;
  height: 2.9em;
  line-height: 1.45em;
  display: block;
  overflow: hidden;
}
.company_grid > ul > li h3 a:hover, .company_grid > ul > li h3 a:focus,
.company_list > ul > li h3 a:hover,
.company_list > ul > li h3 a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.company_grid > ul > li h3 a img,
.company_list > ul > li h3 a img {
  float: right;
  width: 82px;
  margin: 0 0 0 0.5em;
}
.company_grid > ul > li .img-container,
.company_list > ul > li .img-container {
  overflow: hidden;
  width: 100%;
  background: #FFF;
  border: 1px solid #DDD;
  margin-bottom: 1em;
}
.company_grid > ul > li .img-container:before,
.company_list > ul > li .img-container:before {
  display: block;
  content: "";
  padding-top: 33.3333333333%;
}
.company_grid > ul > li .img-container img,
.company_list > ul > li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.company_grid > ul > li .img-container img,
.company_list > ul > li .img-container img {
  position: absolute;
  top: 0%;
  left: 0%;
  -o-object-fit: contain;
     object-fit: contain;
}

.company_list > ul {
  display: block;
}
.company_list > ul > li {
  width: 100%;
  float: none;
  min-height: 5em;
  margin: 0.5em auto 0.5em -1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  overflow: hidden;
  padding-bottom: 1em;
}
.company_list > ul > li:after {
  content: "";
  position: absolute;
  bottom: 0em;
  border-top: 1px solid #CCC;
  left: 0;
  width: 100%;
}
.company_list > ul > li.vip:after {
  left: 0px;
  top: -1px;
  width: calc(100% - 1px);
}
.company_list > ul > li label {
  left: 1em;
}
.company_list > ul > li h3 {
  margin: 0.5em 0 0.5em 1.5em;
}
.company_list > ul > li h3 a {
  max-height: auto;
  height: auto;
}
.company_list > ul > li .img-container {
  overflow: hidden;
  min-width: 200px;
  width: 30%;
  float: left;
  margin: 0 1em 4em 0;
}
.company_list > ul > li .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.company_list > ul > li .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .company_list > ul > li .img-container {
    overflow: hidden;
    width: 100%;
    min-width: 100%;
    float: none;
    margin: 0 auto 1em;
  }
  .company_list > ul > li .img-container:before {
    display: block;
    content: "";
    padding-top: 33.3333333333%;
  }
  .company_list > ul > li .img-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
}
.company_list > ul > li .company_function {
  position: relative;
  height: 2.5em;
  width: auto;
  overflow: hidden;
  background: #FFF;
  margin-top: 1em;
  border: none;
}
@media screen and (max-width: 991px) {
  .company_list > ul > li .company_function {
    float: none;
    clear: both;
  }
}
.company_list > ul > li .company_function a {
  display: block;
  float: left;
  width: 120px;
  height: 2.5em;
  border: 1px solid #DDD;
}
.company_list > ul > li .company_function a:hover {
  background: #19a7fa;
}
.company_list > ul > li .company_function a:hover i {
  -webkit-filter: invert(100%);
          filter: invert(100%);
  opacity: 1;
}
.company_list > ul > li .company_function a i {
  font-size: 1.25em;
  line-height: 1.8em;
  opacity: 0.7;
}
.company_list > ul > li ul li span {
  width: 20%;
}
.company_list > ul > li ul li p {
  width: 80%;
}

.company_grid > ul > li ul li span {
  width: 30%;
}
.company_grid > ul > li ul li p {
  width: 70%;
}

.company_category {
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .company_category {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .company_category ul {
    width: 700px;
  }
}
.company_category ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.company_category ul li {
  display: block;
  width: 25%;
  float: left;
}
@media screen and (max-width: 767px) {
  .company_category ul li {
    width: 25%;
  }
}
.company_category ul li.active a {
  background: #19a7fa;
}
.company_category ul li a {
  display: block;
  padding: 0.7em 0.5em;
  text-align: center;
  background: #047cc3;
  color: #FFF;
  min-height: 3em;
}
.company_category ul li a span {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .company_category ul li a span {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .company_category ul li a {
    min-height: 4.5em;
  }
}

.control_panel {
  padding: 0.5em 0.5em 0.3em;
  border-bottom: 2px solid #ddd;
  background: #F1F1F1;
  overflow: hidden;
  margin-bottom: 0.5em;
  font-size: 0.938em;
  display: block;
}
.control_panel.compareBox {
  position: sticky;
  top: 40px;
  z-index: 100;
}
.control_panel .compare {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0;
  position: relative;
}
.control_panel .compare span {
  font-weight: bold;
  color: red;
  display: inline;
  margin: 0 5px;
}
.control_panel .compare span.now {
  color: #047cc3;
}
.control_panel .compare .btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.control_panel .compare button {
  margin: 0;
}
.control_panel .subscribe {
  margin: 0 auto 0 0;
}
.control_panel .recaptcha {
  width: 300px;
  float: left;
  margin: 0 0.2em 0.5em 0;
}
.control_panel .recaptcha img {
  width: 100%;
}
.control_panel .float_left {
  float: left;
}
.control_panel .float_left .check_grp {
  margin-top: 0.4em;
}
.control_panel .float_left .check_grp label {
  padding: 0;
  margin: 0;
}
.control_panel .float_left label {
  float: left;
  margin: 0.4em 1em 0 1em;
}
.control_panel .float_left .form_content {
  float: left;
}
.control_panel .pagination {
  margin: 0 auto;
  width: auto;
  float: left;
}
.control_panel .pagination .total {
  display: inline-block;
  padding: 0 0.5em;
}
@media screen and (max-width: 767px) {
  .control_panel .pagination .total {
    display: none;
  }
}
.control_panel .check_grp {
  float: left;
  margin-top: 0.5em;
}
.control_panel .btn_grp {
  float: right;
  margin: 0 0.2em 0.2em !important;
  padding: 0;
}
.control_panel .btn_grp .btn {
  margin-top: 0;
}
.control_panel .btn_grp .view_btn {
  background: #FFF;
  border: 2px solid #CCC;
  padding: 0.2em;
  width: 2em;
  height: 2em;
}
.control_panel .btn_grp .view_btn i {
  opacity: 0.4;
}
.control_panel .btn_grp .view_btn i:before {
  margin-left: 0em;
  margin-top: -0.3em;
  width: 16px;
  height: 16px;
}
.control_panel .btn_grp .view_btn:hover, .control_panel .btn_grp .view_btn:focus, .control_panel .btn_grp .view_btn.active {
  border: 2px solid #047cc3;
  background: #047cc3;
}
.control_panel .btn_grp .view_btn:hover i, .control_panel .btn_grp .view_btn:focus i, .control_panel .btn_grp .view_btn.active i {
  opacity: 1;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.control_panel .btn_grp button {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}
.control_panel .btn_grp button i {
  margin-right: 0.5em;
}

.control_panel_vsb {
  overflow: visible !important;
}
.control_panel_vsb .btn_grp {
  overflow: visible !important;
}
.control_panel_vsb .form_grp {
  display: inline-block;
}
.control_panel_vsb .form_grp .form_inline {
  display: inline-block;
  width: auto;
}

.accordion .pic {
  overflow: hidden;
}
.accordion .pic:before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.accordion .pic img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.accordion .pic img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.accordion .pic:hover img, .accordion .pic:focus img {
  -webkit-transform: none;
          transform: none;
}
.accordion > ul {
  counter-reset: num;
  margin: 0;
  padding: 0;
  list-style: none;
}
.accordion > ul > li {
  text-align: left;
  display: block;
  border-bottom: 1px solid #FFF;
}
.accordion > ul > li > a {
  display: block;
  background: #F1F1F1;
  padding: 1em 3em 1em 2em;
  color: #555;
  position: relative;
}
.accordion > ul > li > a:before {
  counter-increment: num;
  content: counter(num) ". ";
  position: absolute;
  top: 1em;
  left: 0.5em;
}
.accordion > ul > li > a:after {
  position: absolute;
  content: "";
  right: 1em;
  top: 1.2em;
  width: 8px;
  height: 8px;
  border: 2px solid #666;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.accordion > ul > li > a:hover, .accordion > ul > li > a:focus {
  background: #0482cd;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFF;
}
.accordion > ul > li > a:hover:after, .accordion > ul > li > a:focus:after {
  border: 2px solid #FFF;
  border-top: none;
  border-left: none;
}
.accordion > ul > li > a.active {
  color: #333;
  background: #F1F1F1;
}
.accordion > ul > li > a.active:hover, .accordion > ul > li > a.active:focus {
  background: #058cdc;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion > ul > li > a.active:focus {
  color: #FFF;
}
.accordion > ul > li > a.active:after {
  top: 1.4em;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.accordion > ul > li .accordion-content {
  position: relative;
  padding: 1em 1em 2em 2em;
  background: #FFF;
  line-height: 1.65em;
}

.photo_download .img-container {
  width: 120px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.photo_download .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.photo_download .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.photo_download .img-container img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 575px) {
  .photo_download .img-container {
    width: 100%;
  }
}
.photo_download table td {
  text-align: center;
  font-size: 0.938em;
}
@media screen and (max-width: 575px) {
  .photo_download table td {
    text-align: left;
  }
}
.photo_download table td .btn {
  min-width: 2em;
  padding: 0.2em 0.2em 0.2em 0.45em;
}

.faq {
  width: 70%;
  float: left;
  margin: 0px 1em 0 0;
}
@media screen and (max-width: 991px) {
  .faq {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .faq {
    float: none;
    width: 100%;
    margin: 0;
  }
}

.ask {
  background: url(../images/qa_bg.png) no-repeat center bottom #013c87;
  background-size: contain;
  padding: 0.5em 0.5em 80px;
  float: right;
  min-height: 400px;
  width: 28%;
  color: #FFF;
}
@media screen and (max-width: 991px) {
  .ask {
    width: 38%;
  }
}
@media screen and (max-width: 767px) {
  .ask {
    float: none;
    width: 100%;
    margin-top: 1em;
    min-height: auto;
  }
}
.ask h3 {
  margin: 0.5em;
  text-align: center;
}
.ask form {
  margin: 0;
}
.ask .btn {
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
}
.ask .btn:hover, .ask .btn:focus {
  background: #F77810;
  border: 1px solid #F77810 !important;
}
.ask .form_grp {
  font-size: 0.813em;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  padding: 0;
}
.ask .form_grp .form_title {
  font-size: 12px;
  width: 100%;
  float: none;
  margin-bottom: 0;
  color: #bcd9ff;
  padding-top: 0;
}
.ask .form_grp .form_content {
  width: 100%;
  float: none;
  padding-top: 0;
}
.ask .form_grp .form_content input[type=text] {
  background: rgba(0, 0, 0, 0.05) !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0 !important;
  color: #FFF;
  font-size: 1rem;
  padding: 0.2em;
}
.ask .form_grp .form_content textarea {
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  background: rgba(0, 0, 0, 0.05);
  color: #FFF;
  min-height: 120px;
  font-size: 1rem;
}
.ask .form_grp .form_content textarea:hover, .ask .form_grp .form_content textarea:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: rgba(0, 0, 0, 0.35);
}
.ask .form_grp .form_content select {
  background: transparent url(../images/basic/icon_select_arrow_white.svg) no-repeat right center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0 !important;
  color: #FFF;
  font-size: 1rem;
}
.ask .form_grp .form_content select:hover, .ask .form_grp .form_content select:focus {
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
}

.tag_group {
  overflow: hidden;
  padding: 0.5em 0 3.5em;
  margin-top: 1em;
  position: relative;
}
@media screen and (max-width: 575px) {
  .tag_group {
    padding: 0.25em 0;
  }
}
.tag_group a.openMore {
  color: #047cc3;
  background: #047cc3;
  border: 1px solid #047cc3;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  margin-left: -40px;
  z-index: 9;
  text-align: center;
  max-height: 1.75em;
}
.tag_group a.openMore:hover, .tag_group a.openMore:focus {
  color: #19a7fa;
  background: #19a7fa;
  border: 1px solid #19a7fa;
}
.tag_group a.openMore:before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid #FFF;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 50%;
  left: 50%;
  margin-left: -0.25em;
  margin-top: -0.35em;
}
.tag_group a.openMore.active:before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-top: -0.15em;
}
.tag_group a.openMore:hover, .tag_group a.openMore:focus {
  color: #19a7fa;
  background: #19a7fa;
  border: 1px solid #19a7fa;
}
.tag_group ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 !important;
}
.tag_group ul li {
  display: inline-block !important;
  margin: 0 0.1em 0.35em 0 !important;
  padding: 0 !important;
  font-size: 0.813rem !important;
}
.tag_group ul li a {
  border: 1px solid #0472b4;
  background: #0472b4;
  padding: 0.25em 1em;
  color: #FFF;
  display: block;
  font-size: 0.813rem !important;
  position: relative;
  border-radius: 0.25em;
  line-height: 1.4em;
}
.tag_group ul li a:hover, .tag_group ul li a:focus {
  background: #19a7fa !important;
  color: #FFF;
  border: 1px solid #19a7fa;
}
.tag_group ul li a.active {
  background: #19a7fa !important;
  color: #FFF;
  border: 1px solid #19a7fa;
}
.tag_group ul li a.openMore {
  background: #AAA;
  border: 1px solid #AAA;
  display: none;
}
.tag_group ul li a.openMore:hover, .tag_group ul li a.openMore:focus {
  background: #19a7fa;
  border: 1px solid #19a7fa;
}
.tag_group a.more {
  font-size: 0.875rem;
  max-width: 12rem;
  padding: 0.25em;
  margin: 0.5em auto;
  line-height: 2em;
  height: 2.5em;
}
.tag_group a.more:after {
  top: 0.7em;
}

.tag_all {
  display: none;
}
.tag_all h2 {
  border-bottom: 1px solid #DDD;
  margin: 0 0 0.25em;
  line-height: 1.5em;
}

.fancybox-content {
  width: 80%;
  height: 80%;
  max-width: 500px;
  margin: 0;
  padding-bottom: 3em !important;
}

.info ul {
  margin-bottom: 0.65em !important;
}
.info ul li i:before {
  margin-left: 0px;
  margin-right: 5px;
}
.info p {
  position: relative;
  padding: 0 0 0 7em;
  line-height: 1.5em;
}
.info p span {
  position: absolute;
  left: 0px;
}
.info p.cpname {
  padding: 0em;
  font-weight: bold;
}

.company_list .exhCKLB {
  top: 0.5em !important;
  line-height: 1.45em;
}

form .company_list .exhCKLB {
  top: 0.25em !important;
  left: -1.4em !important;
  line-height: 1em;
}

.newTopNav {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  border-radius: 50px;
  background: #29b4f5;
  overflow: hidden;
  margin: 0 auto 20px;
  position: relative;
}
.newTopNav .slick-arrow {
  top: 50%;
  width: 40px !important;
  height: 40px !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: 50%;
  -webkit-filter: invert(1);
          filter: invert(1);
}
.newTopNav .slick-arrow:hover {
  background-color: transparent;
  border: none !important;
}
.newTopNav .slick-arrow.slick-prev {
  left: 0;
}
.newTopNav .slick-arrow.slick-next {
  right: 0;
}
.newTopNav .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newTopNav .listBox {
  padding: 0;
  list-style: none;
  margin: 0 35px;
}
.newTopNav .listBox .item + .item {
  border-left: rgba(255, 255, 255, 0.75) 1px solid;
}
.newTopNav .listBox .item.recommend button::before {
  background: url("../images/icon/icon_recommend.svg") no-repeat center center;
  background-size: contain;
}
.newTopNav .listBox .item.history button::before {
  background: url("../images/icon/icon_history.svg") no-repeat center center;
  background-size: contain;
}
.newTopNav .listBox .item.popular button::before {
  background: url("../images/icon/icon_popular.svg") no-repeat center center;
  background-size: contain;
}
.newTopNav .listBox .item.everyone button::before {
  background: url("../images/icon/icon_everyone.svg") no-repeat center center;
  background-size: contain;
}
.newTopNav .listBox button {
  width: 100%;
  border-radius: 0;
  background: #29b4f5;
  border: none !important;
  padding: 10px 30px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.newTopNav .listBox button::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.newTopNav .listBox button:hover {
  background: #047cc3;
}

.np .publish > ul > li > a {
  padding: 0;
  border-radius: 0;
  border: 0;
}
.np .publish ul li, .np .publish ol li {
  width: 31%;
  margin: 0px 0.5% 1em 0.5%;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 991px) {
  .np .publish ul li, .np .publish ol li {
    width: 48.5%;
    margin: 0px 0.5% 1em 0.5%;
  }
}
@media screen and (max-width: 575px) {
  .np .publish ul li, .np .publish ol li {
    width: 100%;
    float: none;
  }
}
.np .publish ul li li, .np .publish ol li li {
  width: 100%;
  display: block;
  margin: 0px auto 0.5em;
}
.np .publish ul li li a, .np .publish ol li li a {
  border: none;
  border-radius: 0;
  padding: 0.5em 0.5em 0.5em 1.2em;
  border-bottom: 1px solid #DDD;
  position: relative;
}
.np .publish ul li li a:before, .np .publish ol li li a:before {
  content: "";
  top: 1em;
  left: 0.5em;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #047cc3;
}
.np .publish .img-container {
  overflow: hidden;
}
.np .publish .img-container:before {
  display: block;
  content: "";
  padding-top: 25%;
}
.np .publish .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.np .publish .img-container img {
  -o-object-fit: cover;
     object-fit: cover;
}
.np .publish .img-container h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  color: #FFF;
  padding: 1em;
  width: 100%;
  margin: 0;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.np ul, .np ol {
  overflow: hidden;
  padding: 1em 0;
  margin: 0;
  overflow: hidden;
}
.np li {
  display: block;
  width: 49%;
  margin: 0 1% 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.np li:nth-child(even) {
  width: 50%;
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .np li {
    float: none;
    width: 96%;
    margin: 0px auto 10px;
  }
  .np li:nth-child(even) {
    width: 96%;
    margin-right: auto;
  }
}
.np li a {
  border-radius: 4px;
  border: 2px solid #DDD;
  padding: 1em 1em 1em 2em;
  display: block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  color: #222;
  text-decoration: none;
}
.np li a:hover, .np li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.np li a .num {
  position: absolute;
  width: 1em;
  top: 1em;
  left: 0.5em;
  text-align: right;
}
.np li a .num:after {
  content: ".";
  display: inline-block;
}
.np li a:hover, .np li a:focus {
  border: 2px solid #047cc3;
}

h1.title {
  line-height: 1.25em;
  margin: 0.4em 0;
}

.cp {
  margin-top: -3.6em;
}
@media screen and (max-width: 767px) {
  .cp {
    margin-top: 0;
  }
}
.cp .float_left {
  float: left;
  margin: 0px 1em 1em 0;
  width: auto;
  display: block;
  max-width: 55%;
}
@media screen and (max-width: 767px) {
  .cp .float_left {
    float: none;
    max-width: 100%;
    margin: 0px auto;
  }
}
.cp .float_right {
  float: right;
  margin: 0px 0 1em 1em;
  width: auto;
  max-width: 55%;
}
@media screen and (max-width: 767px) {
  .cp .float_right {
    float: none;
    max-width: 100%;
    margin: 0px auto;
  }
}
.cp .photo_pic {
  width: 75%;
  margin: 0px auto 1em;
}
.cp .photo_pic img {
  width: 100%;
}
@media screen and (max-width: 575px) {
  .cp .photo_pic .btn_grp button {
    width: 100%;
  }
}
.cp .video_block {
  width: 100%;
  overflow: hidden;
  padding-bottom: 3em;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cp .video_block .video_container {
  overflow: hidden;
  position: relative;
  width: 40%;
  float: left;
  margin: 0 1em 1em 0;
}
.cp .video_block .video_container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.cp .video_block .video_container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 991px) {
  .cp .video_block .video_container {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .cp .video_block .video_container {
    float: none;
    width: 100%;
    margin: 0 auto 1em;
  }
}
.cp .video_block .video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.cp .video_block .video_container p {
  overflow: hidden;
}
.cp.small_size {
  font-size: 0.938em;
}
.cp.large_size {
  font-size: 1.125em;
}
.cp.mt-0 {
  margin-top: 0;
}
.cp h3 {
  padding: 12px 0px 15px 0px;
  margin: 0.5em 0px 1em;
  border-bottom: 1px solid #047cc3;
}
.cp table {
  background: #FFF;
}
.cp ul,
.cp ol {
  overflow: hidden;
}
.cp img.float_left {
  float: left;
  margin: 0px 1em 1em 0;
  width: auto;
  display: block;
  max-width: 55%;
}
@media screen and (max-width: 767px) {
  .cp img.float_left {
    float: none;
    max-width: 100%;
    margin: 0px auto;
  }
}
.cp img.float_right {
  float: right;
  margin: 0px 0 1em 1em;
  width: auto;
  max-width: 55%;
}
@media screen and (max-width: 767px) {
  .cp img.float_right {
    float: none;
    max-width: 100%;
    margin: 0px auto;
  }
}
@media screen and (max-width: 767px) {
  .cp p a {
    white-space: normal !important;
  }
}
.cp a {
  color: #00bbeb;
  text-decoration: none;
}
.cp a:hover, .cp a:focus {
  color: #75e3ff;
  cursor: pointer;
}
.cp .info {
  font-size: 0.938em;
  line-height: 1.5em;
  list-style: none;
  margin: 0 0 0.7em 0;
  border-left: solid 5px #29b4f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.8em 1.5em 0.8em;
  background: #F2F2F2;
}
.cp .info li {
  width: 25%;
  display: inline-block;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .cp .info li {
    width: 48%;
    margin-bottom: 0.2em;
    font-size: 0.875em;
  }
}
@media screen and (max-width: 767px) {
  .cp .info li {
    width: 100%;
    display: block;
  }
}

div.tag {
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}
div.tag:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  position: relative;
  top: 0.2em;
  background: url(../images/basic/icon_tag.png) no-repeat center center;
  background-size: 16px;
}
div.tag ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
div.tag ul li {
  display: inline-block;
  margin: 0 0.2em 0.2em 0;
}
div.tag ul li a {
  display: block;
  font-size: 0.813em;
  color: #222;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #DDD;
  padding: 0.2em 0.5em;
}
div.tag ul li a:hover, div.tag ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}

.file_download {
  width: 100%;
  margin: 0 auto;
}
.file_download h3 {
  font-size: 1.5em;
  padding: 12px 0px 15px 0px;
  margin: 0.5em 0px 0.2em;
  border-bottom: 1px solid #047cc3;
}
.file_download ul {
  counter-reset: counter;
  list-style-type: none;
  padding: 0;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  .file_download ul {
    margin-left: 0;
  }
}
.file_download li {
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #EEE;
}
.file_download li .update,
.file_download li .file_view {
  font-size: 0.813em;
  color: #AAA;
  width: 100px;
  float: right;
  margin-top: 5px;
  display: none;
}
@media screen and (max-width: 767px) {
  .file_download li .update,
  .file_download li .file_view {
    display: none;
    float: none;
    width: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 575px) {
  .file_download li .update,
  .file_download li .file_view {
    display: none;
  }
}
.file_download li .update {
  width: 150px;
}
@media screen and (max-width: 767px) {
  .file_download li .update {
    margin-left: 5px;
  }
}
.file_download li a {
  padding: 0.2em 0px 0.2em 65px;
  position: relative;
  height: auto;
  line-height: 1.45em;
  display: inline-block;
  width: 100%;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.file_download li a:hover {
  color: #19a7fa;
}
.file_download li a:before {
  position: absolute;
  top: 5px;
  left: 0px;
  text-align: right;
  width: 30px;
  counter-increment: counter;
  content: counters(counter, ".") " . ";
}
@media screen and (max-width: 767px) {
  .file_download li a {
    margin-right: 0px;
    width: 85%;
  }
}
.file_download li a .kb {
  font-size: 0.75em;
  color: #666;
  display: inline-block;
  margin: 0px 0.5em;
}
.file_download li a:after {
  content: "";
  background: url(../images/basic/icon_folder.png);
  width: 22px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 35px;
  text-align: right;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.file_download li a[href$=doc]:after {
  background: url(../images/basic/icon_doc.png);
  background-size: contain;
}
.file_download li a[href$=odp]:after {
  background: url(../images/basic/icon_odp.png);
  background-size: contain;
}
.file_download li a[href$=ods]:after {
  background: url(../images/basic/icon_ods.png);
  background-size: contain;
}
.file_download li a[href$=odt]:after {
  background: url(../images/basic/icon_odt.png);
  background-size: contain;
}
.file_download li a[href$=pdf]:after {
  background: url(../images/basic/icon_pdf.png);
  background-size: contain;
}
.file_download li a[href$=xls]:after {
  background: url(../images/basic/icon_xls.png);
  background-size: contain;
}
.file_download li a[href$=ppt]:after {
  background: url(../images/basic/icon_ppt.png);
  background-size: contain;
}
.file_download li a[href$=jpg]:after {
  background: url(../images/basic/icon_jpg.png);
  background-size: contain;
}
.file_download li a[href$=mp3]:after {
  background: url(../images/basic/icon_mp3.png);
  background-size: contain;
}
.file_download li a[href$=mov]:after {
  background: url(../images/basic/icon_mov.png);
  background-size: contain;
}
.file_download li a[href$=txt]:after {
  background: url(../images/basic/icon_txt.png);
  background-size: contain;
}
.file_download li a[href$=dot]:after {
  background: url(../images/basic/icon_doc.png);
  background-size: contain;
}
.file_download li a[href$=zip]:after {
  background: url(../images/basic/icon_zip.png);
  background-size: contain;
}

.web_link {
  width: 100%;
  margin: 0 auto;
}
.web_link h3 {
  font-size: 1.5em;
  padding: 12px 0px 15px 0px;
  margin: 0.5em 0px 0.2em;
  border-bottom: 1px solid #047cc3;
}
.web_link ol,
.web_link ul {
  counter-reset: counter;
  list-style-type: none;
  padding: 0;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  .web_link ol,
  .web_link ul {
    margin-left: 0;
  }
}
.web_link li {
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #EEE;
}
.web_link li a {
  padding: 0.2em 0px 0.2em 35px;
  position: relative;
  height: auto;
  line-height: 1.45em;
  display: block;
  color: #222;
  text-decoration: none;
}
.web_link li a:hover, .web_link li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.web_link li a:before {
  position: absolute;
  top: 5px;
  left: 0px;
  text-align: right;
  width: 30px;
  counter-increment: counter;
  content: counters(counter, ".") " . ";
}

.cp .video-container {
  width: 300px;
  margin: 1em auto;
  min-width: 300px;
  float: left;
  margin: 0 1em 1em 0;
  overflow: hidden;
  position: relative;
}
.cp .video-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.cp .video-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 575px) {
  .cp .video-container {
    width: 100%;
    float: none;
    margin: 0 auto 1em;
  }
}
.cp .video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.cp .video-container:hover picture:before {
  opacity: 1;
}
.cp .video-container picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cp .video-container picture:before {
  content: "";
  position: absolute;
  width: 3.6em;
  height: 3.6em;
  border-radius: 50%;
  top: 40%;
  left: 50%;
  margin-left: -1.8em;
  background: url(../images/play.png) no-repeat center center;
  background-size: cover;
  z-index: 1;
  opacity: 0.8;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.cp .video-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.jump {
  width: 80%;
  min-width: 600px;
  margin: 0 auto 1em;
  padding: 0.5em;
}
.jump a {
  color: #333;
  font-weight: bold;
  display: block;
  line-height: 1.5;
  font-size: 1.125em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .jump a {
    height: 4em;
    text-overflow: inherit;
    white-space: normal;
  }
}
.jump a span {
  font-size: 0.75em;
  color: #888;
  display: block;
  font-weight: normal;
}
.jump a:hover, .jump a:focus {
  color: #19a7fa;
}
.jump .prev,
.jump .next {
  width: 50%;
  float: left;
  padding: 1em 2em;
  position: relative;
  border-right: 1px solid #666;
}
.jump .prev:before,
.jump .next:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 5px solid #CCC;
  border-bottom: none;
  border-right: none;
  top: 20%;
  left: -40px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  opacity: 0.5;
}
.jump .prev:hover:before,
.jump .next:hover:before {
  border: 5px solid #19a7fa;
  border-bottom: none;
  border-right: none;
  left: -20px;
  opacity: 1;
}
.jump .next {
  border-right: none;
}
.jump .next:before {
  left: auto;
  right: -40px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.jump .next:hover:before {
  border: 5px solid #19a7fa;
  border-bottom: none;
  border-right: none;
  left: auto;
  right: -20px;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .jump {
    width: 100%;
    min-width: 260px;
    padding: 0.2em;
  }
  .jump .prev:before,
  .jump .next:before {
    width: 20px;
    height: 20px;
    top: 30%;
    left: 0px;
  }
  .jump .prev:hover:before,
  .jump .next:hover:before {
    left: 0px;
  }
  .jump .next:before {
    left: auto;
    right: 0px;
  }
  .jump .next:hover:before {
    left: auto;
    right: 0px;
  }
}

.basic_slider {
  clear: both;
}

.cp_slider .img-container {
  border: none !important;
}
.cp_slider .img-container a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0px 0px 0px 1px #DDD inset;
          box-shadow: 0px 0px 0px 1px #DDD inset;
}
.cp_slider .img-container a:hover, .cp_slider .img-container a:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #19a7fa inset;
          box-shadow: 0px 0px 0px 1px #19a7fa inset;
}

.p-top {
  margin-top: 0 !important;
}

.cp .timeline {
  overflow: visible;
}
.cp .timeline .sticky-panel {
  margin: 8px 0 0 0;
  min-width: 80px;
}
.cp .timeline .sticky-panel span {
  position: sticky;
  top: 40px;
  font-size: 1.75em;
  font-weight: bold;
  color: #047cc3;
  translate: top ease-in-out 0.25s;
}
.cp .timeline .date-range {
  margin-bottom: 0.25em;
  font-size: 0.75em;
  color: #333;
  opacity: 0.75;
}
.cp .timeline li {
  position: relative;
  list-style: none;
}
.cp .timeline > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.cp .timeline > li > ul {
  position: relative;
  margin: 0 0 0 24px;
  padding: 0;
  overflow: visible;
}
.cp .timeline > li > ul:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 2px;
  height: 100%;
  background-color: #DDD;
}
.cp .timeline > li > ul > li {
  padding: 0 0 0 24px;
}
.cp .timeline > li > ul > li:before {
  position: absolute;
  top: 12px;
  left: -3px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #047cc3;
}
.cp .timeline > li > ul > li:first-child:before {
  left: -5px;
  width: 12px;
  height: 12px;
}
.cp .timeline > li:first-child > ul:before {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #dddddd), to(rgba(221, 221, 221, 0)));
  background: linear-gradient(0deg, #dddddd 90%, rgba(221, 221, 221, 0) 100%);
}
.cp .timeline > li:last-child > ul:before {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #dddddd), to(rgba(221, 221, 221, 0)));
  background: linear-gradient(180deg, #dddddd 80%, rgba(221, 221, 221, 0) 100%);
}
@media screen and (max-width: 991px) {
  .cp .timeline {
    padding: 0;
  }
  .cp .timeline .sticky-panel span {
    top: 60px;
  }
}

.calendarInfo {
  padding-bottom: 2em !important;
}
.calendarInfo h2 {
  display: table;
  line-height: 1 !important;
  margin: 2.5em 0em 1em 0em !important;
  text-align: left !important;
  white-space: nowrap;
  width: 95%;
}
.calendarInfo h2:after {
  content: "";
  display: table-cell;
  position: relative;
  top: 50%;
  width: 100%;
  background-repeat: no-repeat;
  background-image: url(../images/basic/divider.jpg);
  background-position: left 1em top 50%;
}
.calendarInfo p {
  margin: 0em 0em 0.5em 0em !important;
  line-height: 1.65em !important;
}

.consultationPage .consultation {
  padding-bottom: 30px;
  border-bottom: 1px solid #DDD;
}
.consultationPage .consultation .item {
  padding: 0 20px;
  position: relative;
}
.consultationPage .consultation .item .pic {
  overflow: hidden;
  aspect-ratio: 3/2;
}
.consultationPage .consultation .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.consultationPage .consultation .item h3 {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.consultationPage .consultation .item .del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 0;
  font-size: 0;
  color: transparent !important;
  background: #FF3E4D;
  border: none !important;
  opacity: 1;
}
.consultationPage .consultation .item .del::before, .consultationPage .consultation .item .del::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.consultationPage .consultation .item .del:focus-visible {
  outline: #047cc3 2px solid;
}
.consultationPage .consultation .item:hover h3 {
  color: #19a7fa;
}

.compare {
  padding-bottom: 100px;
  position: relative;
}
.compare .tableTitle {
  padding: 10px 20px;
  background: #474747;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: sticky;
  top: 40px;
  z-index: 9;
}
@media screen and (max-width: 1000px) {
  .compare .tableTitle {
    top: 60px;
  }
}
.compare .tableTitle button {
  background: none;
  border: none;
  padding: 0;
  font-size: 13px;
  border: none !important;
}
.compare .tableTitle button:focus-visible {
  outline: red 2px solid;
}
.compare .arrows {
  padding: 0;
  margin: 0;
  position: absolute;
  color: transparent !important;
  width: 20px;
  height: 20px;
  font-size: 0;
  border: none !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
}
@media screen and (max-width: 1000px) {
  .compare .arrows {
    display: none;
  }
}
.compare .arrows:focus-visible {
  outline: red 2px solid;
}
.compare .arrows.prev {
  background: url(../vendor/slick/icon_arrow_left_inverse.png) no-repeat center center transparent;
  background-size: cover;
  left: 0px;
}
.compare .arrows.next {
  background: url(../vendor/slick/icon_arrow_right_inverse.png) no-repeat center center transparent;
  background-size: 80%;
  right: 0px;
}
.compare .table {
  width: 100%;
}
.compare .table a:focus-visible {
  outline: red 2px solid;
}
.compare .table.tableHead {
  position: sticky;
  top: 85px;
  z-index: 9;
}
@media screen and (max-width: 1000px) {
  .compare .table.tableHead {
    top: 105px;
  }
}
.compare .table.tableHead table th {
  border: none;
}
.compare .table.tableHead table td {
  position: relative;
  border: none;
  text-align: center;
  height: 1px;
}
.compare .table.tableHead input:focus-visible {
  outline: red 2px solid;
}
.compare .table th,
.compare .table td {
  padding: 12px 20px;
  background: none;
  vertical-align: top;
  border: #ddd 1px solid;
  border-left: none;
  border-right: none;
}
.compare .table th {
  text-align: left;
  position: relative;
  z-index: 8;
}
.compare .table .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.compare .table .pic {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 0 auto;
  aspect-ratio: 3/2;
}
.compare .table .pic a {
  height: 100%;
}
.compare .table .pic .del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 0;
  font-size: 0;
  color: transparent !important;
  background: #FF3E4D;
  border: none !important;
  opacity: 1;
}
.compare .table .pic .del::before, .compare .table .pic .del::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.compare .table .pic .del:focus-visible {
  outline: #047cc3 2px solid;
}
.compare .table .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.compare .table h3 {
  height: 46px;
  font-size: 16px;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.compare .table .form {
  font-size: 14px;
  padding: 5px 10px;
  border: none !important;
}
.compare .table .form:focus-visible {
  outline: red 2px solid;
}
.compare .contentTableTitle {
  background: #EFEFEF;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  padding: 15px 20px;
  border-bottom: #ddd 1px solid;
}
.compare .contentTableTitle::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  background: url(../vendor/slick/icon_arrow_right_inverse.png) no-repeat center center transparent;
  background-size: contain;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
.compare .contentTableTitle.open::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 1000px) {
  .compare .desktopUse {
    display: none;
  }
}
.compare .desktopUse .table th,
.compare .desktopUse .table td {
  width: 20%;
  min-width: auto;
  max-width: none;
}
@media screen and (min-width: 1001px) {
  .compare .mobileUse {
    display: none;
  }
}
.compare .mobileUse .table {
  overflow: auto;
  margin-bottom: 50px;
}
.compare .mobileUse .table th,
.compare .mobileUse .table td {
  width: auto;
  min-width: 30vw;
  padding: 12px 20px;
}
@media screen and (max-width: 767px) {
  .compare .mobileUse .table th,
  .compare .mobileUse .table td {
    min-width: 40vw;
  }
}
.compare .mobileUse .table th {
  position: sticky;
  left: 0;
  background: #fff;
}
.compare .mobileUse .table th:first-child {
  min-width: 20vw;
}
@media screen and (max-width: 767px) {
  .compare .mobileUse .table th:first-child {
    min-width: 30vw;
  }
}
.compare .mobileUse *::-webkit-scrollbar {
  width: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.compare .mobileUse *::-webkit-scrollbar-thumb {
  border: 1px solid white;
  border-radius: 7.5px;
  background-color: #d1d0d0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.compare .mobileUse *::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px grey;
          box-shadow: inset 0 0 1px grey;
  border-radius: 7.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fp {
  margin: 1em auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em;
}

.video_background {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90vh;
  z-index: 0;
}
.video_background .video_foreground {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
.video_background .video_foreground iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.full {
  background: transparent !important;
}
.full .col {
  padding-left: 0;
  padding-right: 0;
}

.video_background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.reservationBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}
.reservationBlock hr {
  height: 0.2em;
  width: 100%;
}
.reservationBlock .title {
  -ms-flex-preferred-size: 240px;
      flex-basis: 240px;
  background: url(../images/reservation_bg.png) no-repeat bottom center #002655;
  background-size: contain;
  top: 0;
  margin: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.reservationBlock .title h2 {
  color: #FFF;
  font-size: 2.5rem;
  text-align: center;
  padding-top: 4em;
}
@media screen and (max-width: 991px) {
  .reservationBlock .title {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    background: none;
    padding-top: 0.5em;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .reservationBlock .title h2 {
    border-bottom: 2px solid #DDD;
    margin: 1em 0 0.5em;
    position: relative;
    font-size: 1.5rem;
    color: #222;
    -moz-text-align-last: left;
         text-align-last: left;
    padding-bottom: 0.25em;
    padding-top: 0;
  }
  .reservationBlock .title h2:after {
    position: absolute;
    width: 30%;
    height: 3px;
    background: #047cc3;
    left: 0;
    bottom: -3px;
    content: "";
  }
}
.reservationBlock .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
}
.reservationBlock .form .form_info {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  margin: 0 0.5em;
}
@media screen and (max-width: 767px) {
  .reservationBlock .form .form_info {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.reservationBlock .form .form_message {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 0.5em;
}
.reservationBlock .form .form_message textarea {
  width: 100%;
  height: 192px;
}
@media screen and (max-width: 767px) {
  .reservationBlock .form .form_message {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.reservationBlock .form .btn_grp {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 0 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reservationBlock .form .btn_grp button {
  margin-top: auto;
  margin: auto 0.25em;
}
@media screen and (max-width: 767px) {
  .reservationBlock .form .btn_grp {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.reservationBlock .timeBlock {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.reservationBlock .timeBlock .nowTime {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  margin: 0 0.5em;
}
@media screen and (max-width: 991px) {
  .reservationBlock .timeBlock .nowTime {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 0 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.reservationBlock .timeBlock .nowTime .locationTime {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
  border-radius: 0.4em;
  min-height: 200px;
  margin-bottom: 1.35em;
  padding: 0.5em;
}
@media screen and (max-width: 991px) {
  .reservationBlock .timeBlock .nowTime .locationTime {
    margin-bottom: 0.5em;
  }
}
.reservationBlock .timeBlock .nowTime .locationTime:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .reservationBlock .timeBlock .nowTime .locationTime:last-child {
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 1080px) {
  .reservationBlock .timeBlock .nowTime .locationTime {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 0.5em 1em;
  }
}
@media screen and (max-width: 575px) {
  .reservationBlock .timeBlock .nowTime .locationTime {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 auto 1em;
  }
}
.reservationBlock .timeBlock .nowTime .timeZone {
  background: #047cc3;
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  font-size: 0.938rem;
  border-radius: 0.25em;
}
.reservationBlock .timeBlock .nowTime time {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 1em 0.5em;
  margin-bottom: 0.5rem;
}
.reservationBlock .timeBlock .nowTime .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  border-top: 1px solid #DDD;
  color: #999;
  font-weight: bold;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  line-height: 1.5;
  padding-top: 0.25em;
}
.reservationBlock .timeBlock .nowTime .date .day {
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
  padding: 0 0.5em;
}
.reservationBlock .timeBlock .nowTime .date .month {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
  padding: 0 0.5em;
}
.reservationBlock .timeBlock .pickCalendar {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
  border-radius: 0.4em;
  min-height: 200px;
  padding: 0.5em 0.25em;
  margin: 0 0.5em;
}
.reservationBlock .timeBlock .pickCalendar .calendar {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .reservationBlock .timeBlock .pickCalendar {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
  }
}
@media screen and (max-width: 575px) {
  .reservationBlock .timeBlock .pickCalendar {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 auto 1em;
  }
}
.reservationBlock .timeBlock .pickHour {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
  border-radius: 0.4em;
  min-height: 200px;
  padding: 1em;
  margin: 0 0.5em;
}
@media screen and (max-width: 991px) {
  .reservationBlock .timeBlock .pickHour {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
  }
}
@media screen and (max-width: 575px) {
  .reservationBlock .timeBlock .pickHour {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 auto 1em;
  }
}
.reservationBlock .timeBlock .pickHour ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.reservationBlock .timeBlock .pickHour ul li {
  width: 45%;
  float: left;
  margin: 0 2.5% 0.5em;
}
.reservationBlock .timeBlock .pickHour ul li a {
  display: block;
  border-radius: 0.25em;
  background: #F1F1F1;
  text-align: center;
  padding: 0.25em;
  color: #555;
}
.reservationBlock .timeBlock .pickHour ul li a:hover, .reservationBlock .timeBlock .pickHour ul li a:focus, .reservationBlock .timeBlock .pickHour ul li a.active {
  background: #047cc3;
  color: #FFF;
}

.btn_icon {
  min-width: 2em !important;
  padding: 0.2em !important;
}
.btn_icon i {
  margin-right: 0;
}

.sp {
  padding-bottom: 4em;
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.step ol,
.step ul {
  overflow: hidden;
  list-style: none;
  padding: 0;
  counter-reset: num;
  border-radius: 0.3em;
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
}
.step li {
  position: relative;
  width: 33.3%;
  float: left;
  min-height: 3em;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.6em 0.6em 0.6em 45px;
  color: #7c7c7c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
}
@media screen and (max-width: 767px) {
  .step li {
    display: none;
  }
}
.step li .num {
  position: absolute;
  top: 12px;
  left: 10px;
  text-align: left;
  width: 30px;
}
.step li .num:after {
  content: ".";
}
.step li.this_step {
  background: #29b4f5;
  color: #fff;
  border-color: #29b4f5;
}
@media screen and (max-width: 767px) {
  .step li.now {
    display: block;
    float: none;
    width: 100%;
  }
}

.bottom_menu {
  position: fixed;
  width: 100%;
  height: 3.5em;
  bottom: 0;
  left: 0;
  z-index: 999997;
  margin: 0;
  padding: 0.25em 0;
  border-top: 1px solid #CCC;
  background: #FEFEFE;
  background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DDD));
  background: linear-gradient(to bottom, #FEFEFE, #DDD);
  display: none;
}
@media screen and (max-width: 767px) {
  .bottom_menu {
    display: block;
  }
}
.bottom_menu .open_m_function {
  position: absolute;
  width: 20%;
  right: 0;
  height: 3.8em;
  font-size: 0.75em;
  text-align: center;
}
.bottom_menu .open_m_function a {
  color: #222;
  text-decoration: none;
  display: block;
  border-radius: 4px;
  margin-left: 1px;
  margin-right: 1px;
  color: #222;
  text-decoration: none;
}
.bottom_menu .open_m_function a:hover, .bottom_menu .open_m_function a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.bottom_menu .open_m_function a:before {
  display: block;
  content: "...";
  font-size: 2.5em;
  vertical-align: top;
}
.bottom_menu .open_m_function a:hover, .bottom_menu .open_m_function a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.bottom_menu .open_m_function a:hover, .bottom_menu .open_m_function a:focus {
  background: rgba(0, 0, 0, 0.45);
  color: #FFF;
}
.bottom_menu .open_m_function a:hover:before, .bottom_menu .open_m_function a:focus:before {
  color: #FFF;
}
.bottom_menu li {
  float: left;
  width: 20%;
  display: none;
  text-align: center;
  font-size: 0.75em;
  height: 3.5em;
  border-right: 1px solid #CCC;
}
.bottom_menu li a {
  color: #222;
  text-decoration: none;
  display: block;
  border-radius: 4px;
  margin-left: 1px;
  margin-right: 1px;
}
.bottom_menu li a:hover, .bottom_menu li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.bottom_menu li a:hover, .bottom_menu li a:focus {
  background: rgba(0, 0, 0, 0.45);
  color: #FFF;
}
.bottom_menu li a:hover i, .bottom_menu li a:focus i {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.bottom_menu li i {
  display: block;
  font-size: 1.5em;
}
.bottom_menu li:nth-child(1) {
  display: block;
}
.bottom_menu li:nth-child(2) {
  display: block;
}
.bottom_menu li:nth-child(3) {
  display: block;
}
.bottom_menu li:nth-child(4) {
  display: block;
}

.leftmenu {
  position: relative;
}
.leftmenu .product_search {
  display: none;
}
@media screen and (max-width: 767px) {
  .leftmenu .product_search {
    display: block;
    padding: 0.5em 0.5em 0;
    border-bottom: 2px solid #047cc3;
  }
}
@media screen and (max-width: 575px) {
  .leftmenu .product_search {
    text-align: center;
  }
}

.leftmenu,
.login_menu {
  float: left;
  width: 100%;
  background: #F9F9F9;
  border-right: 1px solid #DDD;
  padding: 1em 1em 10em 0em;
}
@media (min-width: 768px) {
  .leftmenu,
  .login_menu {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .leftmenu,
  .login_menu {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .leftmenu,
  .login_menu {
    float: left;
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .leftmenu,
  .login_menu {
    padding: 1em 1em 10em;
    border: none;
  }
}
.leftmenu ~ .lp, .leftmenu ~ .cp, .leftmenu ~ .np, .leftmenu ~ .login_content,
.login_menu ~ .lp,
.login_menu ~ .cp,
.login_menu ~ .np,
.login_menu ~ .login_content {
  float: left;
  width: 100%;
  padding-left: 1em;
}
@media (min-width: 768px) {
  .leftmenu ~ .lp, .leftmenu ~ .cp, .leftmenu ~ .np, .leftmenu ~ .login_content,
  .login_menu ~ .lp,
  .login_menu ~ .cp,
  .login_menu ~ .np,
  .login_menu ~ .login_content {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .leftmenu ~ .lp, .leftmenu ~ .cp, .leftmenu ~ .np, .leftmenu ~ .login_content,
  .login_menu ~ .lp,
  .login_menu ~ .cp,
  .login_menu ~ .np,
  .login_menu ~ .login_content {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1400px) {
  .leftmenu ~ .lp, .leftmenu ~ .cp, .leftmenu ~ .np, .leftmenu ~ .login_content,
  .login_menu ~ .lp,
  .login_menu ~ .cp,
  .login_menu ~ .np,
  .login_menu ~ .login_content {
    float: left;
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .leftmenu ~ .lp, .leftmenu ~ .cp, .leftmenu ~ .np, .leftmenu ~ .login_content,
  .login_menu ~ .lp,
  .login_menu ~ .cp,
  .login_menu ~ .np,
  .login_menu ~ .login_content {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.leftmenu h2,
.login_menu h2 {
  padding: 0.8em;
  color: #FFF;
  margin: 0 0 1px 0;
  border-bottom: 1px solid RGBA(255, 255, 255, 0.4);
}
.leftmenu h3,
.login_menu h3 {
  padding: 0 1em;
  color: #047cc3;
}
.leftmenu ul,
.login_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.leftmenu ul li,
.login_menu ul li {
  display: block;
  text-align: left;
  margin-bottom: 1px;
}
.leftmenu ul li:last-child,
.login_menu ul li:last-child {
  border-bottom: none;
}
.leftmenu ul li a,
.login_menu ul li a {
  display: block;
  padding: 0.8em 1em;
  color: #FFF;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  line-height: 1.45em;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.leftmenu ul li a i,
.login_menu ul li a i {
  margin-right: 0.5em;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.leftmenu ul li a:hover, .leftmenu ul li a:focus,
.login_menu ul li a:hover,
.login_menu ul li a:focus {
  background: #047cc3;
}

.leftmenu .close {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .leftmenu .close {
    position: absolute;
    top: 3.5em;
    font-size: 1.5em;
    right: 0.5em;
    display: block !important;
    opacity: 0.5;
  }
  .leftmenu .close:hover, .leftmenu .close:focus {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .leftmenu {
    position: fixed;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 14;
    top: 100%;
    padding-top: 7em;
    left: 0;
    width: 100%;
    overflow-y: auto;
    height: 100%;
  }
}

.login_menu {
  border-right: none;
  background: #FFF;
}
.login_menu ul {
  background: #023c5f;
}
.login_menu ul li {
  position: relative;
}
.login_menu ul li.active:before {
  position: absolute;
  top: 0%;
  content: "";
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px 20px 0;
  border-color: transparent #ffffff transparent transparent;
}
@media screen and (max-width: 767px) {
  .login_menu ul li.active:before {
    left: 0;
    right: auto;
    border-style: solid;
    border-width: 20px 0 20px 10px;
    border-color: transparent transparent transparent #41bdf6;
  }
}
.login_menu ul li a {
  padding: 0.5em 1.2em 0.5em 1em;
  border-bottom: 1px solid RGBA(255, 255, 255, 0.2);
  position: relative;
}
.login_menu ul li a:hover, .login_menu ul li a:focus {
  background: #035c91;
}
.login_menu ul li a.hasChild:after {
  content: "";
  position: absolute;
  width: 0.35em;
  height: 0.35em;
  border: 2px solid #FFF;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 0.75em;
  top: 0.85em;
}
.login_menu ul li a.hasChild.open:after {
  content: "";
  top: 1.2em;
  position: absolute;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.login_menu ul li li a {
  background: rgba(0, 0, 0, 0.2);
  padding-left: 2.5em;
  border-bottom: none;
}
.login_menu ul li li a.hasChild:after {
  display: none;
}
.login_menu ul li li a.hasChild.open:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .login_menu {
    display: none;
  }
}
.login_menu .info {
  padding: 1em;
  background: black;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login_menu .info label {
  display: none;
}
.login_menu .info .form_inline select {
  width: 100%;
}
.login_menu .info .member_name {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.45em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  border-bottom: 1px solid #29b4f5;
}
.login_menu .info .member_company {
  font-size: 0.938em;
  line-height: 1.45em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-top: 0.35em;
}
.login_menu .info .form_grp {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-top: 0.25em;
}
.login_menu .info .btn-grp {
  text-align: right;
  font-size: 0.75em;
}
.login_menu h3 {
  background: #012d46;
  margin: 0;
  color: #FFF;
  padding: 1em 0.8em;
}
.login_menu.m_loginmenu {
  position: fixed;
  z-index: 98;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: auto;
  margin: 0;
  padding: 4em 0 5em 0;
  background: #012d46;
  display: none;
}
@media screen and (max-width: 767px) {
  .login_menu.m_loginmenu {
    display: block;
  }
}

.login_content {
  margin-bottom: 2em;
  margin-top: 1em;
  padding-right: 1em;
  border-top: 3px solid #047cc3;
}
.login_content .card {
  overflow: hidden;
}
.login_content .card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.login_content .card ul li {
  width: 22%;
  margin: 0 1.5% 1em;
  float: left;
  border: 1px solid #DDD;
  text-align: center;
  min-height: 14em;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 991px) {
  .login_content .card ul li {
    width: 47%;
    min-height: 16em;
  }
}
@media screen and (max-width: 767px) {
  .login_content .card ul li {
    width: 47%;
    min-height: 16em;
  }
}
@media screen and (max-width: 575px) {
  .login_content .card ul li {
    width: 47%;
    min-height: 13em;
  }
}
.login_content .card ul li:hover {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}
.login_content .card ul li:hover a .img-container img {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.login_content .card ul li a {
  display: block;
  color: #222;
  text-decoration: none;
}
.login_content .card ul li a:hover, .login_content .card ul li a:focus {
  color: #19a7fa;
  cursor: pointer;
}
.login_content .card ul li a h3 {
  font-size: 1em;
  line-height: 1.45em;
  display: block;
  overflow: hidden;
  height: 2.9em;
  width: 90%;
  margin: 0 auto;
}
.login_content .card ul li a .img-container {
  overflow: hidden;
  width: 100%;
  margin-bottom: 1em;
}
.login_content .card ul li a .img-container:before {
  display: block;
  content: "";
  padding-top: 66.6666666667%;
}
.login_content .card ul li a .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.login_content .card ul li a .img-container img {
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.login_content .table_list thead th:first-child {
  text-align: left;
}
.login_content .table_list tbody td:first-child {
  text-align: left;
}
.login_content .table_list .pic {
  width: 200px;
  height: 150px;
  display: block;
  border: 1px solid #DDD;
}
@media screen and (max-width: 767px) {
  .login_content .table_list .pic {
    width: 100%;
    height: 200px;
  }
}
.login_content .table_list .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.login_content .table_list td a:hover, .login_content .table_list td a:focus {
  color: #19a7fa;
}
.login_content .table_list h4 {
  margin: 0 0 0.4em;
}
.login_content .table_list p {
  margin: 0 0 0.4em;
}
.login_content .table_list time {
  font-size: 0.813em;
  text-align: right;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .login_content .table_list time {
    text-align: left;
  }
}
.login_content .table_list time span {
  display: block;
}
.login_content .product_list {
  border-top: 1px solid #DDD;
}
.login_content .license .img-container {
  overflow: hidden;
  max-width: 600px;
  margin: 1em auto;
  border: 1px solid #DDD;
}
.login_content .license .img-container:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.login_content .license .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.login_content .license .img-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.login_content .btn_grp {
  text-align: center;
  margin-bottom: 0.5em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .login_content .btn_grp {
    text-align: left;
  }
}
.login_content .btn_grp .more {
  float: right;
  font-size: 0.938em;
}
@media screen and (max-width: 767px) {
  .login_content .btn_grp .more {
    float: none;
  }
}

.login {
  overflow: visible;
}
.login .divider {
  margin: 0.2em 0 0.4em;
}
.login h3 {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .login h3 {
    margin: 1em 0.5em 0.2em;
  }
}
.login p {
  text-align: right;
  font-size: 0.75em;
  color: #777;
}
.login .tabItem {
  font-size: 1.25em;
}
@media screen and (max-width: 767px) {
  .login .tabItem {
    font-size: 1em;
  }
}
.login .tabItem.blue a {
  background: #00a3ed;
}
.login .tabItem.red a {
  background: #ff0b1e;
}
.login .tabItem.green a {
  background: #449d44;
}
.login .tabContent {
  padding: 1em 0;
  overflow: hidden;
  background: #DEDEDE;
}
@media screen and (max-width: 767px) {
  .login .tabContent {
    padding: 0;
    background: #F1F1F1;
  }
}
.login .tabContent .form_grp {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .login .tabContent .form_grp {
    padding: 0.1em;
  }
}
.login .tabContent .login_block .form_title {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
}
@media (min-width: 768px) {
  .login .tabContent .login_block .form_title {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .login .tabContent .login_block .form_title {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .login .tabContent .login_block .form_title {
    float: left;
    width: 16.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  .login .tabContent .login_block .form_title {
    margin-bottom: 0.1em;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .login .tabContent .block:before {
    display: none;
  }
}
.login .tabContent .form_content {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  .login .tabContent .form_content {
    float: left;
    width: 75%;
  }
}
@media (min-width: 992px) {
  .login .tabContent .form_content {
    float: left;
    width: 83.3333333333%;
  }
}
@media (min-width: 1400px) {
  .login .tabContent .form_content {
    float: left;
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .login .tabContent .form_content {
    margin-bottom: 0.1em;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .login .tabContent .form_content input {
    margin-bottom: 0;
  }
}
.login .tabContent .g-recaptcha {
  margin-left: 19.5%;
}
@media screen and (max-width: 991px) {
  .login .tabContent .g-recaptcha {
    margin-left: 28%;
  }
}
@media screen and (max-width: 767px) {
  .login .tabContent .g-recaptcha {
    margin-left: 0;
  }
}
.login .tabContent .checkbox {
  padding-left: 19.5%;
}
@media screen and (max-width: 991px) {
  .login .tabContent .checkbox {
    padding-left: 28%;
  }
}
@media screen and (max-width: 767px) {
  .login .tabContent .checkbox {
    padding-left: 0;
  }
}
.login .login_block {
  padding: 1em;
  width: 60%;
  float: left;
  margin: 0 1em 1em 1em;
  background: #FFF;
  -webkit-box-shadow: 2px 2px 12px RGBA(0, 0, 0, 0.25);
          box-shadow: 2px 2px 12px RGBA(0, 0, 0, 0.25);
}
@media screen and (max-width: 767px) {
  .login .login_block {
    width: 100%;
    background: #F1F1F1;
    float: none;
    margin: 0 auto 0.2em;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 1em 0.4em;
  }
}
.login .login_function {
  overflow: hidden;
  margin-right: 1em;
}
@media screen and (max-width: 767px) {
  .login .login_function {
    padding: 1em;
  }
}
.login .login_function ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.login .login_function ul li {
  margin-bottom: 0.2em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.login .login_function ul li a {
  display: block;
  color: #555;
  font-size: 0.813em;
  padding: 0.5em 0.5em 0.5em 1.2em;
  position: relative;
}
.login .login_function ul li a:hover:before, .login .login_function ul li a:focus:before {
  border: 2px solid #047cc3;
  border-bottom: none;
  border-left: none;
  left: 0.3em;
}
@media screen and (max-width: 767px) {
  .login .login_function ul li a:hover:before, .login .login_function ul li a:focus:before {
    border: 2px solid #047cc3;
    border-bottom: none;
    border-left: none;
  }
}
.login .login_function ul li a:before {
  position: absolute;
  top: 1em;
  left: 0;
  width: 4px;
  height: 4px;
  border: 2px solid #047cc3;
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
  .login .login_function ul li a:before {
    border: 2px solid #047cc3;
    border-bottom: none;
    border-left: none;
  }
}
.login .login_function ul li a:hover, .login .login_function ul li a:focus {
  color: #222;
}
@media screen and (max-width: 767px) {
  .login .login_function ul li a {
    color: #555;
  }
  .login .login_function ul li a:hover, .login .login_function ul li a:focus {
    color: #000;
  }
}
.login .accordion {
  padding: 0;
  overflow: hidden;
  margin-right: 1em;
}
.login .accordion .g-recaptcha {
  margin-left: 0.2em;
}
.login .accordion .accordion-content {
  background: #FFF;
  overflow: hidden;
  padding: 0.2em;
}
.login .accordion .accordion-content .checkbox {
  display: block;
  padding-left: 0 !important;
  margin: 0.5em 0.2em;
  color: #222;
}
.login .accordion .accordion-content .form_grp {
  margin-bottom: 0;
  padding: 0 0.2em;
}
.login .accordion .accordion-content .form_grp .form_title {
  width: 35%;
  text-align: right;
  font-size: 0.938em;
  display: none;
}
@media screen and (max-width: 767px) {
  .login .accordion .accordion-content .form_grp .form_title {
    text-align: left;
    float: none;
  }
}
.login .accordion .accordion-content .form_content {
  width: 100%;
  padding: 0 0.2em;
}
.login .accordion .accordion-content .form_content input {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .login .accordion .accordion-content .form_content {
    width: 100%;
  }
}
.login .accordion .accordion-content .form_grid .form_grp {
  padding: 0.2em 0;
}
@media screen and (max-width: 767px) {
  .login .accordion {
    margin-right: 0;
  }
}
.login .accordion > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.login .accordion > ul > li {
  margin-bottom: 0em;
  border: none;
}
.login .accordion > ul > li > a {
  background: #F1F1F1;
  border-bottom: 1px solid #DDD;
  padding: 0.3em 1em;
  display: block;
}
.login .accordion > ul > li > a:hover, .login .accordion > ul > li > a:focus {
  background: #19a7fa;
  color: #FFF;
  border-left: 3px solid #19a7fa;
}
.login .accordion > ul > li li {
  padding-left: 2em;
}
.login .accordion > ul > li li a {
  padding: 0.4em 0;
  display: block;
}

.choose_date {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .choose_date {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .choose_date ul {
    width: 700px;
  }
}
.choose_date ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.choose_date ul li {
  display: block;
  width: 14.2857142857%;
  float: left;
}
@media screen and (max-width: 767px) {
  .choose_date ul li {
    width: 100px;
  }
}
.choose_date ul li.active a {
  background: #19a7fa;
}
.choose_date ul li a {
  display: block;
  padding: 0.7em 0.5em;
  text-align: center;
  background: #047cc3;
  color: #FFF;
  min-height: 4em;
}
.choose_date ul li a span {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .choose_date ul li a span {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .choose_date ul li a {
    min-height: 5em;
  }
}

.calendar_btn,
.modify_btn {
  display: inline-block;
  margin-right: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 575px) {
  .calendar_btn,
  .modify_btn {
    display: block;
    margin-right: 0;
  }
}
.calendar_btn a,
.modify_btn a {
  display: block;
  height: 40px;
  padding: 0 0.5em;
  font-size: 0.875em;
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  text-align: center;
  border-radius: 2px;
  color: #555;
  line-height: 40px;
  min-width: 150px;
}
.calendar_btn a:hover, .calendar_btn a:focus,
.modify_btn a:hover,
.modify_btn a:focus {
  color: #19a7fa;
}
@media screen and (max-width: 575px) {
  .calendar_btn a,
  .modify_btn a {
    width: 100%;
    min-width: 100%;
    display: block;
    margin: 0 auto 1em;
  }
}
.calendar_btn a i:before,
.modify_btn a i:before {
  height: 25px;
  width: 25px;
  margin-right: 0.5em;
}
.calendar_btn a img,
.modify_btn a img {
  height: 1.1em;
  vertical-align: middle;
  margin: 0 0.2em;
}
.calendar_btn a span,
.modify_btn a span {
  display: inline-block;
}

.addeventatc {
  font-size: 0.875em !important;
  white-space: nowrap;
}

.agenda_view .toggle_calendar {
  max-width: 800px;
  position: relative;
  margin: 0em 0 1em auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .agenda_view .toggle_calendar {
    margin-top: 0;
    width: 100%;
  }
}
.agenda_view .toggle_calendar a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  max-width: 200px;
  border: 2px solid #19a7fa;
  border-left: none;
  padding: 0.3em;
  font-size: 0.875em;
  text-align: center;
  display: block;
  color: #555;
}
.agenda_view .toggle_calendar a:first-child {
  border-radius: 6px 0 0 6px;
  border: 2px solid #19a7fa;
}
.agenda_view .toggle_calendar a:last-child {
  border-radius: 0 6px 6px 0;
}
.agenda_view .toggle_calendar a:hover, .agenda_view .toggle_calendar a:focus {
  color: #19a7fa;
}
.agenda_view .toggle_calendar a.active {
  color: #FFF;
  background: #19a7fa;
}
.agenda_view .toggle_calendar a.active:hover {
  color: #FFF;
}
.agenda_view .agenda {
  position: relative;
  border-top: 2px solid #059cf5;
  padding: 0.2em 0;
  min-height: 128px;
  overflow: hidden;
  background: #FFF;
}
.agenda_view .agenda .date {
  position: absolute;
  width: 80px;
  height: 120px;
}
.agenda_view .agenda .date.top {
  top: 45px !important;
}
@media screen and (max-width: 767px) {
  .agenda_view .agenda .date.top {
    top: 75px !important;
  }
}
.agenda_view .agenda .date {
  background: #047cc3;
  padding: 0.5em;
  color: #FFF;
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.agenda_view .agenda .date span {
  display: block;
  position: absolute;
}
.agenda_view .agenda .date span.year, .agenda_view .agenda .date span.weekday {
  bottom: 0em;
  left: 0;
  text-align: left;
  font-size: 0.75em;
  padding: 0 0.5em;
  background: #F1F1F1;
  color: #666;
  width: 4em;
  font-weight: normal;
}
.agenda_view .agenda .date span.weekday {
  right: 0;
  width: 3em;
  left: auto;
  text-align: center;
}
.agenda_view .agenda .date span.day {
  top: 0.9em;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 3em;
}
.agenda_view .agenda .date span.day:after {
  content: "";
}
.agenda_view .agenda .date span.month {
  font-weight: normal;
  font-size: 0.875em;
  background: #29b4f5;
  top: 0;
  width: 100%;
  height: 1.5em;
  line-height: 1.5em;
  left: 0;
  text-align: center;
}
.agenda_view .agenda .date ~ .table_list {
  margin-left: 85px;
  font-size: 0.938em;
}
.agenda_view .agenda .date ~ .table_list th {
  background: #fff;
}
.agenda_view .agenda .date ~ .table_list th:first-child {
  width: 120px;
}
.agenda_view .agenda .date ~ .table_list th:nth-child(3) {
  width: 20%;
}
.agenda_view .agenda .date ~ .table_list th:nth-child(4) {
  width: 20%;
}
.agenda_view .agenda .date ~ .table_list th:last-child {
  width: 160px;
}
@media screen and (max-width: 575px) {
  .agenda_view .agenda .date ~ .table_list th th:first-child {
    width: auto;
  }
  .agenda_view .agenda .date ~ .table_list th th:nth-child(3) {
    width: auto;
  }
  .agenda_view .agenda .date ~ .table_list th th:nth-child(4) {
    width: auto;
  }
  .agenda_view .agenda .date ~ .table_list th th:last-child {
    width: auto;
  }
}
.agenda_view .agenda .date ~ .table_list tr:hover {
  background: #F1F1F1;
}
.agenda_view table a {
  display: block;
}
.agenda_view table time {
  white-space: nowrap;
}

.calendar {
  margin-bottom: 4em;
}
.calendar time {
  white-space: nowrap;
}
.calendar a[href^=mailto] {
  display: block;
}
.calendar .addeventatc {
  white-space: nowrap;
}
.calendar .choose_week {
  text-align: right;
  margin: 0.25em 0;
}
.calendar .choose_week a {
  width: 2.4em;
  display: block;
  background: #047cc3;
  display: inline-block;
  text-align: center;
  padding: 0.3em;
  margin-left: -5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.calendar .choose_week a.prev {
  border-radius: 4px 0 0 4px;
}
.calendar .choose_week a.next {
  border-radius: 0 4px 4px 0;
}
.calendar .choose_week a:hover, .calendar .choose_week a:focus {
  background: #035c91;
}
.calendar .choose_week a i {
  -webkit-filter: invert(100%);
          filter: invert(100%);
  font-size: 1.5em;
  margin-bottom: 0;
}
.calendar .choose_week a i:before {
  margin: 0;
}

.adv_btn {
  text-align: right;
}
.adv_btn .btn {
  font-size: 0.813em;
}

.advsearch {
  margin-top: -3em;
  position: relative;
  z-index: 2;
}

.choose_search_item {
  overflow: hidden;
  margin: 0.5em 0% 0.2em;
  padding: 2em 3em;
  background: #F1F1F1;
}
@media screen and (max-width: 767px) {
  .choose_search_item {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    padding: 0;
    background: transparent;
  }
}
.choose_search_item form {
  font-size: 0.938em;
}
.choose_search_item .form_grp {
  border-bottom: none;
}
.choose_search_item .form_grp .form_title {
  font-weight: bold;
}
.choose_search_item .form_grp .form_content input[type=text] {
  max-width: 100%;
}
.choose_search_item .btn,
.choose_search_item input[type=submit] {
  font-size: 1rem;
}
.choose_search_item .btn i:before,
.choose_search_item input[type=submit] i:before {
  font-size: 1.25em;
  margin-left: 0;
}
.choose_search_item .form_grid {
  border-top: none;
  background: #FFF;
  margin: 0;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.35);
}
.choose_search_item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.choose_search_item ul li {
  display: block;
  width: 33.3333333333%;
  float: left;
}
.choose_search_item ul li.active a {
  font-weight: bold;
  border-top: 3px solid #058cdc;
  background: #19a7fa;
  color: #FFF;
}
.choose_search_item ul li a {
  display: block;
  padding: 0.7em 0.5em;
  text-align: center;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  background: linear-gradient(to bottom, #FFF, #EEE);
  border-top: 3px solid #CCC;
  color: #222;
  min-height: 3em;
}
.choose_search_item ul li a span {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .choose_search_item ul li a span {
    display: block;
  }
}

.result_display span {
  color: red;
}
.result_display span:before {
  content: "“";
}
.result_display span:after {
  content: "“";
}

.keyword {
  color: red !important;
  display: inline-block;
  margin: 0 0.2em;
}

.result ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.result ul li {
  position: relative;
  min-height: 4em;
  background: #F5F5F5;
  margin: 0px 0em 1em;
  overflow: hidden;
  padding: 0.8em;
  border-left: 5px solid #F5F5F5;
}
.result ul li:hover {
  border-left: 5px solid #047cc3;
}
.result ul li:hover h3 {
  font-weight: bold;
}
.result ul li:hover .num {
  font-weight: bold;
}
@media screen and (max-width: 575px) {
  .result ul li {
    padding: 2.4em 0.5em 2em;
  }
  .result ul li h3 {
    margin: 0 0.5em 0.5em;
  }
  .result ul li p {
    margin: 0 0.8em;
  }
  .result ul li .pic {
    float: none;
    width: 100%;
    margin: 0 auto 1em;
  }
}
.result ul .num {
  position: absolute;
  top: 0.7em;
  left: 1em;
}
.result ul .num:after {
  content: ".";
}
.result ul .keyword {
  color: red;
  display: inline-block;
  margin: 0 0.2em;
}
.result ul h3 {
  color: #333;
  line-height: 1.35em;
  font-size: 1.125em;
  margin: 0 0 0.5em 30px;
  max-width: 700px;
  padding-bottom: 0.5em;
  overflow: hidden;
  font-weight: bold;
  border-bottom: 1px solid #555;
}
.result ul p {
  font-size: 0.813em;
  margin: 0 0 0 30px;
  max-width: 650px;
  overflow: hidden;
}
.result ul a {
  color: #666;
}
.result ul a:hover, .result ul a:focus {
  color: #222;
}
.result ul .pic {
  width: 160px;
  float: right;
  margin: 0 0.5em 0.2em 0.5em;
  border: 1px solid #DDD;
  padding: 0;
  background: #FFF;
  position: relative;
  overflow: hidden;
}
.result ul .pic:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.result ul .pic img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.result ul .pic img {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.form_mobile input[type=text]:nth-of-type(1) {
  width: 20%;
  float: left;
  margin-right: 1%;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .form_mobile input[type=text]:nth-of-type(1) {
    width: 40%;
  }
}
.form_mobile input[type=text]:nth-of-type(2) {
  width: 20%;
  margin-right: 0%;
  margin-right: 1%;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .form_mobile input[type=text]:nth-of-type(2) {
    width: 40%;
  }
}
.form_mobile input[type=text]:last-child {
  width: 46% !important;
  margin-right: 0%;
  margin-left: 0%;
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .form_mobile input[type=text]:last-child {
    width: 100% !important;
  }
}

.form_tel input[type=text]:nth-of-type(1),
.form_fax input[type=text]:nth-of-type(1),
.form_add input[type=text]:nth-of-type(1) {
  width: 20%;
  float: left;
  margin-right: 1%;
  text-align: center;
}
.form_tel input[type=text]:nth-of-type(2),
.form_fax input[type=text]:nth-of-type(2),
.form_add input[type=text]:nth-of-type(2) {
  width: 20%;
  margin-right: 1%;
  margin-left: 1%;
  text-align: center;
}
.form_tel input[type=text]:nth-of-type(3),
.form_fax input[type=text]:nth-of-type(3),
.form_add input[type=text]:nth-of-type(3) {
  width: 46%;
  margin-right: 0%;
  margin-left: 1%;
}
@media screen and (max-width: 767px) {
  .form_tel input[type=text]:nth-of-type(3),
  .form_fax input[type=text]:nth-of-type(3),
  .form_add input[type=text]:nth-of-type(3) {
    width: 45%;
  }
}
.form_tel select,
.form_fax select,
.form_add select {
  width: 94%;
  display: block;
  margin-bottom: 0.8em;
  width: 44.5%;
}
@media screen and (max-width: 767px) {
  .form_tel select,
  .form_fax select,
  .form_add select {
    width: 100%;
  }
}

.form_add input[type=text]:nth-of-type(1) {
  margin-right: 3.2%;
}
.form_add input[type=text]:nth-of-type(2) {
  margin-right: 3.2%;
}

.message .table_list {
  margin-top: -1px;
}
@media screen and (max-width: 575px) {
  .message .table_list {
    margin-top: 0.5em;
  }
}
.message .table_list thead th {
  color: #FFF;
  background: #047cc3;
  text-align: left;
  border-bottom: none;
  padding: 0.5em;
  white-space: normal;
}
.message .table_list thead th label {
  margin-bottom: 0;
}
.message .table_list thead th:last-child {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .message .table_list thead th:last-child {
    text-align: left;
  }
}
.message .table_list tbody tr.read {
  background: #F1F1F1;
}
.message .table_list tbody tr.read td {
  background: #F1F1F1;
}
.message .table_list tbody td {
  padding: 0.5em;
  text-align: left;
}
@media screen and (max-width: 575px) {
  .message .table_list tbody td:first-child {
    padding: 0.5em;
  }
}
@media screen and (max-width: 575px) {
  .message .table_list tbody td {
    padding: 1.25em 0.5em 0.5em;
  }
}
.message .table_list tbody td label {
  margin-bottom: 0;
}
.message .table_list tbody td:last-child {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .message .table_list tbody td:last-child {
    text-align: left;
  }
}
.message .table_list tbody td a {
  color: #047cc3;
}
.message .table_list tbody td a:hover, .message .table_list tbody td a:focus {
  color: #19a7fa;
}
.message .table_list tbody td.acenter {
  text-align: center !important;
}
.message .message_function {
  overflow: hidden;
}
.message .message_function ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.message .message_function ul li {
  display: block;
  width: 120px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 33.3%;
      flex-basis: 33.3%;
  display: block;
  border-bottom: 1px solid #a0a0a0;
  margin-bottom: 3px;
}
@media screen and (max-width: 575px) {
  .message .message_function ul li {
    width: 33.3%;
  }
}
.message .message_function ul li:last-child a {
  border-right: none;
}
.message .message_function ul li a {
  padding: 0.65em 0.65em 0.2em 0.65em;
  display: block;
  font-size: 1.25em;
  font-weight: normal;
  text-align: center;
  background-color: #fff;
  color: #000;
  width: 80%;
  margin: 0px auto -2px auto;
}
.message .message_function ul li a:hover, .message .message_function ul li a:focus {
  color: #000;
  font-weight: bold;
  border-bottom: 6px solid #047cc3;
}
.message .message_function ul li.active a {
  color: #000;
  font-weight: bold;
  border-bottom: 6px solid #047cc3;
}

.sticker h3 {
  color: #F77810;
  margin: 0 0 0.5em 0;
}
.sticker .btn_grp {
  text-align: left;
}
.sticker .btn_grp .btn {
  display: block;
  width: 99% !important;
}
.sticker .form_grp textarea {
  min-height: 12em;
}
.sticker .step_01 {
  float: left;
  width: 400px;
  margin: 0 1em 1em 0;
}
@media screen and (max-width: 767px) {
  .sticker .step_01 {
    float: none;
    width: 96%;
    margin: 0 auto 1em;
  }
}
.sticker .step_02 {
  width: 399px;
  overflow: visible;
  padding: 0 1em;
  float: left;
}
@media screen and (max-width: 767px) {
  .sticker .step_02 {
    float: none;
    width: 96%;
    margin: 0 auto 1em;
  }
}
.sticker .Syncing_slider .Slider-for {
  background: #999;
  width: 100%;
}
.sticker .Syncing_slider .Slider-for .img-container {
  overflow: hidden;
  max-width: 300px;
  margin: 2em auto 4em;
}
.sticker .Syncing_slider .Slider-for .img-container:before {
  display: block;
  content: "";
  padding-top: 100%;
}
.sticker .Syncing_slider .Slider-for .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .sticker .Syncing_slider .Slider-for .img-container {
    margin: 0 auto;
  }
}
.sticker .Syncing_slider .Slider-for .img-container img {
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-shadow: 3px 3px 5px RGBA(0, 0, 0, 0.45);
          box-shadow: 3px 3px 5px RGBA(0, 0, 0, 0.45);
}
.sticker .Syncing_slider .Slider-nav {
  width: 100%;
}

.block {
  margin: 1em auto;
  -webkit-box-shadow: 0px 5px 15px RGBA(0, 0, 0, 0.25);
          box-shadow: 0px 5px 15px RGBA(0, 0, 0, 0.25);
  padding: 1em;
  position: relative;
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .block {
    width: 92%;
  }
}
.block h2,
.block h3 {
  margin-top: 0;
}
.block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: #fcc211 transparent transparent transparent;
}

@media screen and (max-width: 767px) {
  .prelogin_info {
    background: #F5F5F5;
  }
}
.prelogin_info ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #DEDEDE;
}
@media screen and (max-width: 767px) {
  .prelogin_info ul {
    border: none;
    border-left: 5px solid #059cf5;
  }
}
.prelogin_info ul li {
  width: 33%;
  float: left;
  height: 10em;
  display: block;
  padding: 1em;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F1F1F1));
  background: linear-gradient(to bottom, #FFF, #F1F1F1);
  border-right: 1px solid #DEDEDE;
}
.prelogin_info ul li img {
  width: 75px;
  float: left;
  margin: 0px 0.5em 2em 0;
}
@media screen and (max-width: 767px) {
  .prelogin_info ul li img {
    width: 24px;
  }
}
.prelogin_info ul li:nth-child(3n) {
  width: 34%;
  border-right: none;
}
@media screen and (max-width: 767px) {
  .prelogin_info ul li:nth-child(3n) {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .prelogin_info ul li {
    width: 100%;
    display: block;
    float: none;
    border: none;
    height: auto;
    padding: 0.5em;
    background: none;
  }
}
.prelogin_info ul li span {
  color: #555;
  overflow: hidden;
  margin-bottom: 1em;
  display: block;
  font-size: 0.938em;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .prelogin_info ul li span {
    margin-bottom: 0.5em;
  }
}
.prelogin_info ul li span time {
  display: inline-block;
  white-space: normal;
}
.prelogin_info ul li span.show {
  color: #222;
  font-weight: bold;
  font-size: 1.5em;
}
.prelogin_info ul li span em {
  font-style: normal;
  color: inherit;
}
.prelogin_info ul li span em:after {
  content: "、";
}
.prelogin_info ul li span em:last-child:after {
  display: none;
}

.prelogin {
  font-size: 0.938em;
  border-radius: 0.5em;
  padding: 1em;
  margin-bottom: 1em;
  -webkit-box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.prelogin:hover {
  -webkit-box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.6);
}
.prelogin .divider {
  font-size: 1.125em;
  color: #777;
  margin: 0 0 1em 0;
}
@media screen and (max-width: 767px) {
  .prelogin {
    padding: 1em 0;
  }
}
.prelogin .form_title {
  text-align: right;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .prelogin .form_title {
    text-align: left;
  }
}
.prelogin .form_grp {
  border-bottom: none;
  padding: 0.2em 0;
}
@media screen and (max-width: 767px) {
  .prelogin .check_grp,
  .prelogin .radio_grp {
    padding-left: 1em;
  }
}
.prelogin h4 {
  width: 25%;
  text-align: right;
  float: left;
  margin: 0.5em 0;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .prelogin h4 {
    width: 100%;
    text-align: left;
    float: none;
    margin: 0.2em 0;
  }
}
.prelogin .form_content .form_grid .form_title {
  width: 80% !important;
}
.prelogin .address {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .prelogin .address {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.prelogin .address .form_title {
  width: 80%;
}
.prelogin .address .form_grp {
  width: 50%;
  float: left;
}
@media screen and (max-width: 767px) {
  .prelogin .address .form_grp {
    margin: 0;
    padding: 0.1em 0;
  }
}
.prelogin .address .form_grp .form_grid .form_title {
  width: 80%;
}
.prelogin .address .form_grp.full {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-right: 0;
}
.prelogin .address .form_grp .form_content {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .prelogin .address .form_grp .form_content {
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
    zoom: 1;
  }
  .prelogin .address .form_grp .form_content:before, .prelogin .address .form_grp .form_content:after {
    content: "";
    display: table;
  }
  .prelogin .address .form_grp .form_content:after {
    clear: both;
  }
}
.prelogin .address .form_grp .form_content.form_mobile input[type=text] {
  width: 6em;
}
.prelogin .address .form_title {
  display: block;
  float: none;
  text-align: left;
}

.login_new {
  position: relative;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
  clear: both;
  width: 90%;
  margin: 0.5em auto 1em;
  min-height: 420px;
  padding: 2em 2em 3em;
  padding-right: 40%;
  font-size: 0.938em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .login_new {
    padding: 1em 0em;
    width: 100%;
    margin: 0 auto 1em;
  }
}
.login_new:before {
  position: absolute;
  background: url("../images/signup.jpg") no-repeat center center;
  background-size: cover;
  top: 0;
  width: 35%;
  right: 0;
  height: 100%;
  content: "";
}
@media screen and (max-width: 767px) {
  .login_new:before {
    display: none;
  }
}
.login_new .form_grp {
  border-bottom: none;
  padding: 0.2em 0;
}
@media screen and (max-width: 767px) {
  .login_new .form_grp {
    margin-bottom: 0;
  }
}
.login_new .form_title {
  font-weight: bold;
  text-align: left;
  width: 120px;
}
@media screen and (max-width: 991px) {
  .login_new .form_title {
    text-align: left;
    margin-bottom: 0.2em;
  }
}
.login_new .form_content {
  min-height: 2em;
  padding-top: 0.2em;
  width: calc(100% - 130px);
}
.login_new .form_content .checkbox {
  float: left;
  width: auto;
  font-size: 0.857rem;
}
.login_new .form_content .link {
  font-size: 0.857rem;
  overflow: hidden;
  text-align: right;
}
.login_new .form_content .link ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.login_new .form_content .link ul li {
  display: inline-block;
}
.login_new .form_content .link ul li a {
  display: block;
  color: #888;
  margin-left: 1em;
}
.login_new .form_content .link ul li a:hover, .login_new .form_content .link ul li a:focus {
  color: #19a7fa;
}
.login_new .form_content .captcha {
  margin-right: 0.3em;
}
.login_new .form_content .captcha ~ input, .login_new .form_content .captcha ~ a {
  margin-top: 0;
  vertical-align: top;
  text-align: center;
  width: 8em;
  min-width: 1em;
  margin-right: 0.3em;
}
.login_new .form_content .captcha ~ a {
  width: 3em;
  padding: 0.43em 0.1em 0.4em;
}
.login_new .form_content .captcha ~ a:hover i, .login_new .form_content .captcha ~ a:focus i {
  opacity: 0.8;
}
.login_new .form_content .captcha ~ a i {
  opacity: 0.5;
}
.login_new .form_content .captcha ~ a i:before {
  font-size: 1.25em;
  margin-left: 0;
}
@media screen and (max-width: 991px) {
  .login_new .form_content {
    width: 100%;
    min-height: auto;
    padding-top: 0;
  }
}
.login_new .form_content input[type=text],
.login_new .form_content input[type=password] {
  background: #F1F1F1;
  border: 1px solid #F1F1F1;
  margin-bottom: 0;
  font-size: 0.938em;
}
.login_new .form_content input[type=text]:focus,
.login_new .form_content input[type=password]:focus {
  background: #FFF;
}
.login_new .form_content .btn_grp {
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
}
.login_new .form_content .btn_grp button,
.login_new .form_content .btn_grp input {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .login_new .form_content .btn_grp {
    text-align: center;
  }
  .login_new .form_content .btn_grp button,
  .login_new .form_content .btn_grp input {
    width: 100%;
  }
  .login_new .form_content .btn_grp *[type=reset] {
    display: none;
  }
}
.login_new p {
  font-size: 0.813em;
  position: absolute;
  right: 41%;
  left: 4em;
  bottom: 0.5em;
  text-align: left;
  display: block;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .login_new p {
    position: relative;
    right: 0;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 1em;
    left: 0;
  }
}

.progress_bar {
  background: #DDD;
  border-radius: 3px;
  height: 0.5em;
  width: 100%;
}
.progress_bar span {
  position: absolute;
  height: 0.5em;
  border-radius: 3px;
  background: #21BAFF;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
  background-size: 1em 1em;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.now_join {
  -webkit-box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.3);
  border-radius: 0.3em;
  padding-bottom: 1.5em;
  text-align: left;
  padding: 1em;
  min-height: 20em;
  overflow: hidden;
  position: relative;
  padding-right: 40%;
}
.now_join .btn_grp {
  text-align: left;
  position: relative;
  z-index: 2;
}
.now_join p {
  position: relative;
  z-index: 2;
  margin-left: 0.2em;
}
.now_join:after {
  content: "";
  width: 40%;
  height: 100%;
  position: absolute;
  left: 60%;
  top: 0;
  background: url(../images/now_bg.jpg) right top no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .now_join:after {
    left: 30%;
    width: 70%;
  }
}
.now_join:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 60%;
  top: 0;
  border-style: solid;
  border-width: 400px 200px 0 0;
  border-color: #FFF transparent transparent transparent;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .now_join:before {
    left: 30%;
  }
}

.ticket_block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ticket_block > ul > li {
  margin-bottom: 0.5em;
}
.ticket_block > ul > li > a {
  display: block;
  background: #047cc3;
  padding: 1em;
  color: #FFF;
  font-size: 1.125em;
  font-weight: bold;
  position: relative;
}
.ticket_block > ul > li > a:hover, .ticket_block > ul > li > a:focus {
  background: #035c91;
}
.ticket_block > ul > li > a:after {
  position: absolute;
  right: 1em;
  top: 1.6em;
  width: 12px;
  height: 12px;
  border: 3px solid #FFF;
  border-left: none;
  border-top: none;
  content: "";
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.ticket_block > ul > li > a.close:after {
  top: 1.2em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ticket_block .ticket-content {
  padding: 1em;
  background: #FEFEFE;
  border: 5px solid #047cc3;
}
.ticket_block .ticket-content .calendar,
.ticket_block .ticket-content .modify {
  display: inline-block;
  margin-right: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 575px) {
  .ticket_block .ticket-content .calendar,
  .ticket_block .ticket-content .modify {
    display: block;
    margin-right: 0;
  }
}
.ticket_block .ticket-content .calendar a,
.ticket_block .ticket-content .modify a {
  display: block;
  height: 40px;
  padding: 0 0.5em;
  font-size: 0.875em;
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  text-align: center;
  border-radius: 2px;
  line-height: 40px;
  min-width: 150px;
}
@media screen and (max-width: 575px) {
  .ticket_block .ticket-content .calendar a,
  .ticket_block .ticket-content .modify a {
    width: 250px;
    min-width: 250px;
    display: block;
    margin: 0 auto 1em;
  }
}
.ticket_block .ticket-content .calendar a i:before,
.ticket_block .ticket-content .modify a i:before {
  height: 25px;
  width: 25px;
  margin-right: 0.5em;
}
.ticket_block .ticket-content .calendar a img,
.ticket_block .ticket-content .modify a img {
  height: 1.1em;
  vertical-align: middle;
  margin: 0 0.2em;
}
.ticket_block .ticket-content .calendar a span,
.ticket_block .ticket-content .modify a span {
  display: inline-block;
}
.ticket_block .ticket-content .modify a {
  background: #29b4f5;
  color: #FFF;
}
.ticket_block .ticket-content .modify a:hover, .ticket_block .ticket-content .modify a:focus {
  background: #0a9ce1;
}

@media screen and (max-width: 991px) {
  .sub_sec {
    padding-left: 0;
  }
}
.sub_sec p {
  font-size: 0.938em;
}
.sub_sec .completed_wrap {
  position: relative;
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #FFF;
  background-size: contain;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  padding: 2em 270px 2em 2em;
  overflow: hidden;
  z-index: 10;
  -webkit-box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.3);
  border-radius: 0.3em;
}
@media screen and (max-width: 767px) {
  .sub_sec .completed_wrap {
    background: inherit;
    padding: 2em;
    background: none !important;
  }
}
.sub_sec .completed_wrap:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 390px;
  top: 0;
  width: 800px;
  height: 500px;
  background-color: #fff;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: skewX(-20deg);
          transform: skewX(-20deg);
}
.sub_sec .completed_wrap h3 {
  font-size: 1.625em;
  margin: 0 0 1em 0;
  padding-bottom: 0.5em;
  position: relative;
}
.sub_sec .completed_wrap h3:before {
  content: "";
  position: absolute;
  z-index: 20;
  left: 0;
  bottom: 0;
  width: 230px;
  height: 3px;
  background: #29b4f5;
}
.sub_sec .completed_wrap h3:after {
  content: "";
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #CCC;
}
.sub_sec .completed_wrap ul {
  list-style: none;
}
@media screen and (max-width: 575px) {
  .sub_sec .completed_wrap ul {
    padding: 0;
  }
}
.sub_sec .completed_wrap ul li p {
  font-size: 1.375em;
  margin: 0.5em 0;
  line-height: 1.45;
}
.sub_sec .completed_wrap ul li p span {
  font-size: 1.125rem;
  padding-left: 0.2em;
}
.sub_sec .completed_wrap ul li .title {
  color: #29b4f5;
  font-size: 1em;
}
.sub_sec .completed_wrap .calendar {
  margin: 1em 0;
}
@media screen and (max-width: 575px) {
  .sub_sec .completed_wrap .calendar {
    padding: 0;
  }
}
.sub_sec .serial_num,
.sub_sec .status {
  color: #3c3c3c;
  font-size: 1.375em;
}
.sub_sec .serial_num span,
.sub_sec .status span {
  color: #FF3E4D;
}
.sub_sec .ticket {
  position: relative;
  background: #f7f7f7;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  padding: 1em;
  height: 155px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1.5em;
}
.sub_sec .ticket p {
  font-size: 1.125em;
  color: #3c3c3c;
  margin: 0.5em 0;
}
.sub_sec .ticket p .name {
  font-size: 1.626rem;
  color: #222;
  padding: 0 0.2em 0 0.5em;
}
.sub_sec .ticket img {
  position: absolute;
  right: 1em;
  top: 1em;
  width: auto;
  height: calc(155px - 2em);
}
.sub_sec .ticket .download,
.sub_sec .ticket .print {
  position: absolute;
  left: 30px;
  bottom: 1em;
  display: inline-block;
  width: 90px;
  padding: 0.2em;
  background: #888888;
  color: #fff;
  text-align: center;
  font-size: 0.938em;
}
.sub_sec .ticket .download:hover,
.sub_sec .ticket .print:hover {
  background: #555555;
}
@media screen and (max-width: 575px) {
  .sub_sec .ticket .download,
  .sub_sec .ticket .print {
    bottom: 3.5em;
  }
}
.sub_sec .ticket .print {
  left: 140px;
}
@media screen and (max-width: 575px) {
  .sub_sec .ticket .print {
    bottom: 1em;
    left: 30px;
  }
}
.sub_sec .precautions {
  overflow: hidden;
  background-color: #fff;
  line-height: 1.5;
}
.sub_sec .precautions .title {
  width: auto;
  font-size: 1.375em;
  position: relative;
  padding-right: 30px;
}
.sub_sec .precautions .title:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -22px;
  width: 1px;
  height: 44px;
  background: #CCC;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media screen and (max-width: 575px) {
  .sub_sec .precautions .title {
    display: inline-block;
    margin: 0;
  }
}
.sub_sec .precautions p {
  display: inline-block;
  max-width: calc(100% - 140px);
  vertical-align: middle;
}
@media screen and (max-width: 575px) {
  .sub_sec .precautions p {
    display: block;
    max-width: 100%;
  }
}
.sub_sec .grp_wrap {
  padding: 0.5em 0;
}
.sub_sec form.form_inline .btn_grp {
  display: block;
  text-align: center;
  padding: 1em 0;
}
.sub_sec form input[type=text] {
  width: 390px;
}
.sub_sec form select {
  width: 180px;
}
.sub_sec .form_content {
  font-size: 0.938em;
  color: #3c3c3c;
}

.precautions {
  overflow: hidden;
  background-color: #fff;
  line-height: 1.5;
}
.precautions .title {
  width: auto;
  font-size: 1.375em;
  position: relative;
  padding-right: 30px;
}
.precautions .title:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -22px;
  width: 1px;
  height: 44px;
  background: #CCC;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media screen and (max-width: 575px) {
  .precautions .title {
    display: inline-block;
    margin: 0;
  }
}
.precautions p {
  display: inline-block;
  max-width: calc(100% - 140px);
  vertical-align: middle;
}
@media screen and (max-width: 575px) {
  .precautions p {
    display: block;
    max-width: 100%;
  }
}

.message_modal {
  width: 600px;
  position: fixed;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  top: 0;
  right: 0;
  background: #FFF;
  z-index: 999999;
  height: 100%;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45);
  padding: 2.5em 0.5em 1em;
}
@media screen and (max-width: 767px) {
  .message_modal {
    width: 100%;
  }
}
.message_modal .close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px !important;
  min-width: auto;
  height: 30px;
  font-size: 0em;
  border: none;
  display: block;
  padding: 0;
  background: url(../images/basic/icon_close.svg) no-repeat center center;
}
.message_modal .close:hover, .message_modal .close:focus {
  cursor: pointer;
}
.message_modal .delete {
  position: absolute;
  top: 1px;
  left: 5px;
  padding-left: 1em;
  padding-right: 1em;
  opacity: 0.75;
}
.message_modal .delete:hover, .message_modal .delete:focus {
  opacity: 1;
}
.message_modal .btn_grp {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .message_modal .btn_grp {
    text-align: center;
  }
}
.message_modal .subject {
  width: 100%;
  padding: 0.5em;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  font-size: 1.25em;
  font-weight: bold;
}
.message_modal .content {
  padding-left: 100px;
  position: absolute;
  height: 80%;
  width: 98%;
  right: 1%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .message_modal .content {
    padding: 0;
  }
}
.message_modal .content .portrait {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  top: 1em;
  left: 1em;
}
.message_modal .content .portrait .on_line {
  width: 16px;
  height: 16px;
  background: #5cb85c;
  position: absolute;
  bottom: 0;
  right: -0.6em;
  border-radius: 50%;
}
.message_modal .content .portrait .off_line {
  width: 16px;
  height: 16px;
  background: #999;
  position: absolute;
  bottom: 0;
  right: -0.6em;
  border-radius: 50%;
}
.message_modal .content .portrait img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .message_modal .content .portrait {
    position: relative;
    top: 0;
    left: 0;
  }
}
.message_modal .content .form_grp {
  padding-top: 0.4em;
}
.message_modal .content .form_grp .form_title {
  font-weight: bold;
  padding-left: 0;
}
.message_modal .content .form_content {
  padding: 0.4em 0;
}
.message_modal .content div {
  padding: 0.2em 0.5em;
}
.message_modal .content textarea {
  min-height: 400px;
}

.schedule_info {
  margin: 1em 15px;
  border-bottom: 8px solid #047cc3;
}
.schedule_info ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
}
.schedule_info ul li {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}
.schedule_info ul li .title {
  font-size: 0.938em;
  color: #fff;
  background: #047cc3;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  text-align: center;
  line-height: 53px;
  display: inline-block;
}
.schedule_info ul li p {
  display: inline-block;
  margin: 0 0.5em;
  font-size: 0.938em;
  vertical-align: middle;
}
@media screen and (max-width: 575px) {
  .schedule_info ul li p {
    margin: 0;
  }
}
.schedule_info ul .date p {
  font-size: 2em;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
}
.schedule_info ul .time p {
  font-size: 2em;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
}
.schedule_info ul .location p a {
  color: #047cc3;
}
@media screen and (max-width: 370px) {
  .schedule_info ul .location p a {
    display: block;
  }
}
.schedule_info ul .location p i:before {
  width: 1.8em;
  height: 1.8em;
  margin: 0 0.2em;
}

form.has_counter {
  font-family: "Century Gothic";
  counter-reset: num;
}
form.has_counter .form_grp {
  border-bottom: none !important;
}
form.has_counter .form_grid,
form.has_counter .form_bottom {
  position: relative;
  padding-left: 140px;
  margin: 2em 0 1em 0;
}
@media screen and (max-width: 767px) {
  form.has_counter .form_grid,
  form.has_counter .form_bottom {
    padding-left: 0;
  }
}
form.has_counter .form_grp {
  padding: 0.2em 0;
  font-size: 0.938em;
}
.shadow_grp {
  -webkit-box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 2px 12px -3px rgba(0, 0, 0, 0.3);
  border-radius: 0.3em;
  padding-bottom: 1.5em;
  padding: 0.5em;
  padding-bottom: 1em;
  position: relative;
}
.shadow_grp > h3 {
  margin-left: 0.5em;
}
.shadow_grp .fixed_btn {
  position: absolute;
  background: #29b4f5;
  display: block;
  color: #FFF;
  width: 120px;
  padding: 0.5em 1em;
  right: 1.5em;
  top: 0.5em;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  z-index: 2;
  border: none;
}
.shadow_grp .fixed_btn:hover, .shadow_grp .fixed_btn:focus {
  background: #098bc8;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

form.has_counter .form_grid {
  border-radius: 0.5em;
}
form.has_counter .form_grid:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 50px;
  font-size: 4em;
  color: #29b4f5;
  font-weight: bold;
  counter-increment: num;
  content: counters(num, ".", decimal-leading-zero);
}
@media screen and (max-width: 767px) {
  form.has_counter .form_grid:before {
    position: static;
  }
}
form.has_counter .form_grid:after {
  content: "";
  position: absolute;
  top: 0;
  left: 85px;
  width: 1px;
  height: 100px;
  background: #666;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
@media screen and (max-width: 767px) {
  form.has_counter .form_grid:after {
    display: none;
  }
}
form.has_counter .form_bottom {
  margin-top: 1em;
}
form.has_counter .form_bottom .check_grp {
  font-size: 0.875em;
  padding: 1em 0 1em 4em;
}
@media screen and (max-width: 575px) {
  form.has_counter .form_bottom .check_grp {
    padding-left: 0;
  }
}
form.has_counter .form_title {
  width: 18%;
  padding-right: 20px;
}
@media screen and (max-width: 991px) {
  form.has_counter .form_title {
    width: 25%;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  form.has_counter .form_title {
    width: 100%;
  }
}
form input {
  max-width: 390px;
}
@media screen and (max-width: 767px) {
  form input {
    max-width: 100%;
  }
}
form input.short {
  max-width: 80px;
}
@media screen and (max-width: 575px) {
  form input.short + input[type=text] {
    width: calc(100% - 100px);
  }
}
form input[type=text] + .btn {
  margin-top: 0;
  vertical-align: middle;
}
form h3 {
  font-size: 1.375em;
  color: #035c91;
  padding: 1em 1em 0.5em;
  margin: 0.5em 0;
  position: relative;
  font-size: 1.65em;
  background: inherit;
  padding: 0;
  margin-bottom: 1em;
}
form .form_grp_wrap {
  position: relative;
  padding: 0.5em 0;
}
@media screen and (max-width: 767px) {
  form .form_grp_wrap {
    padding: 1em 0.5em;
  }
}
form .form_grp_wrap h3 {
  font-size: 1.65em;
  background: inherit;
  color: #29b4f5;
  padding: 0;
  margin-bottom: 1em;
}
form .form_grp_wrap p {
  padding-left: 1.7em;
}
form .form_grp_wrap .upload_grp {
  max-width: 350px;
}
form .form_grp_wrap .apply_wrap {
  position: relative;
  margin: 0 1em;
}
@media screen and (max-width: 767px) {
  form .form_grp_wrap .apply_wrap {
    margin: 0 0.5em;
  }
}
form .form_grp_wrap .apply_wrap:last-child {
  margin-bottom: 1em;
}
form .form_grp_wrap .apply_wrap h4 {
  background: #eeeeee;
  position: relative;
  margin: 0.5em 0 0;
  padding: 0;
  border: 0;
}
form .form_grp_wrap .apply_wrap h4 span {
  display: inline-block;
  margin-left: 0.2em;
  margin-right: 0.2em;
  font-size: 1.25em;
}
form .form_grp_wrap .apply_wrap h4 a {
  color: #333;
  display: block;
  padding: 0.6em 1em;
}
form .form_grp_wrap .apply_wrap h4:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 6px;
  display: none;
  height: 2em;
  width: 2em;
  background: url(../images/icon/icon_arrow_right.svg) no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-filter: invert(0.5);
          filter: invert(0.5);
  pointer-events: none;
}
form .form_grp_wrap .apply_wrap h4.close:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
form .form_grp_wrap .apply_wrap .dropdown_content,
form .form_grp_wrap .apply_wrap .show_content {
  border: 3px solid #e7e7e7;
  border-top: none;
  margin: 0 0 1em;
  position: relative;
}
form .form_grp_wrap .apply_wrap .dropdown_content .del_btn,
form .form_grp_wrap .apply_wrap .show_content .del_btn {
  position: absolute;
  right: 1em;
  top: 0.5em;
  border-radius: 4px;
  padding: 0.2em 0.5em;
  font-size: 0.813em;
  border: 0;
  background: #FF3E4D;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
form .form_grp_wrap .apply_wrap .dropdown_content .del_btn i:before,
form .form_grp_wrap .apply_wrap .show_content .del_btn i:before {
  margin-right: 0.2em;
}
form .form_grp_wrap .apply_wrap .dropdown_content .del_btn:hover,
form .form_grp_wrap .apply_wrap .show_content .del_btn:hover {
  background: #d70011;
}
form .form_grp_wrap .apply_wrap .dropdown_content .apply_grp,
form .form_grp_wrap .apply_wrap .show_content .apply_grp {
  padding: 0 1em;
}
form .form_grp_wrap .apply_wrap .dropdown_content .apply_grp h5,
form .form_grp_wrap .apply_wrap .show_content .apply_grp h5 {
  font-size: 1.125em;
  margin: 0em;
  padding: 0.5em 0 0.3em;
  border-bottom: 1px solid #e7e7e7;
}
form .form_grp_wrap .apply_wrap .dropdown_content .info_grp,
form .form_grp_wrap .apply_wrap .show_content .info_grp {
  padding: 0 1em;
}
form .form_grp_wrap .apply_wrap .dropdown_content .info_grp h5,
form .form_grp_wrap .apply_wrap .show_content .info_grp h5 {
  font-size: 1.125em;
  margin: 0em;
  padding: 0.5em 0 0.3em;
  border-bottom: 1px solid #e7e7e7;
}
form .form_grp_wrap .apply_wrap .dropdown_content .show_content .form table th.first-child,
form .form_grp_wrap .apply_wrap .dropdown_content .show_content .form table td.first-child,
form .form_grp_wrap .apply_wrap .show_content .show_content .form table th.first-child,
form .form_grp_wrap .apply_wrap .show_content .show_content .form table td.first-child {
  width: 35%;
  color: #333 !important;
}
.discount {
  background: #F77810;
  text-align: center;
  font-size: 1.5em;
  color: #fff;
  padding: 0.5em 1em;
  line-height: 1.5;
  margin: 0.5em 0;
  border-radius: 2px;
  margin-left: 140px;
}
@media screen and (max-width: 767px) {
  .discount {
    margin-left: 0;
  }
}
.discount p {
  margin: 0;
  font-family: "CG Omega", "Century Gothic";
}

.file_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.file_list ul li {
  display: block;
  background: #F1F1F1;
  padding: 0.2em 0.5em;
  margin-bottom: 0.2em;
  position: relative;
}
.file_list ul li a.delete {
  position: absolute;
  right: 0.3em;
  top: 0.4em;
  opacity: 0.5;
}
.file_list ul li a.delete:hover, .file_list ul li a.delete:focus {
  opacity: 1;
}

form .form_grp_wrap .add_participant {
  width: 100%;
  padding: 0.5em 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  position: relative;
}
form .form_grp_wrap .add_participant button {
  background: #29b4f5;
  border: 0;
  padding: 0.5em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  min-width: 1em;
}
form .form_grp_wrap .add_participant button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
form .form_grp_wrap .add_participant button:hover {
  background: #0a9ce1;
}
form .form_grp_wrap .add_participant button i {
  font-size: 2em;
}
form .form_grp_wrap .add_participant button i:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
form .bill table th {
  text-align: center;
}
form .bill table th:first-child {
  color: #333;
  text-align: center;
}
form .bill table td {
  text-align: center;
  font-size: 150%;
  padding: 1em 0;
}
@media screen and (max-width: 767px) {
  form .bill table td {
    padding: 0.6em;
    text-align: right;
  }
}
form .bill table td time {
  font-size: 75% !important;
}
form .bill table td.price {
  font-size: 250%;
}
form .bill table td span {
  font-size: 0.75rem;
  margin-right: 1em;
}
form table {
  color: #222;
}
form table th {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #333;
  padding: 0.2em 1em;
  font-size: 0.938em;
  font-weight: bold;
}
form table th:first-child {
  text-align: center;
}
form table td {
  border: 0;
  border-bottom: 1px solid #CCC;
  padding: 0.2em 1em;
  font-size: 0.938em;
}
@media screen and (max-width: 575px) {
  form table td {
    padding: 0.5em 0.5em 0.5em 0.4em;
  }
  form table td:before {
    width: 20%;
    top: 0.2em;
    font-weight: normal;
    font-size: 0.75rem !important;
  }
}
form table .apply_check {
  text-align: center;
}
@media screen and (max-width: 575px) {
  form table .apply_check {
    text-align: left;
  }
}
form table .describe {
  font-size: 0.813em;
  color: #555555;
  max-width: 500px;
}
@media screen and (max-width: 991px) {
  form table .describe {
    max-width: 350px;
    white-space: normal;
  }
}
@media screen and (max-width: 767px) {
  form table .describe {
    max-width: 300px;
  }
}
@media screen and (max-width: 575px) {
  form table .describe {
    font-size: 0.938em;
    white-space: normal;
  }
}
form table .price {
  font-size: 1.375em;
  color: #FF3E4D;
  font-weight: bold;
  white-space: nowrap;
}
form table .price span {
  font-size: 0.75rem;
  color: #555555;
}
form table.name {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  form table.name {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  form table.name {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  form table.name {
    float: left;
    width: 16.6666666667%;
  }
}
form table.name td {
  font-size: 1.375em;
  font-weight: bold;
  border: 0;
  padding: 0.2em 0.5em;
}
form table.info {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  form table.info {
    float: left;
    width: 83.3333333333%;
  }
}
@media (min-width: 992px) {
  form table.info {
    float: left;
    width: 83.3333333333%;
  }
}
@media (min-width: 1400px) {
  form table.info {
    float: left;
    width: 83.3333333333%;
  }
}
form input {
  max-width: 290px;
}
@media screen and (max-width: 767px) {
  form input {
    max-width: 100%;
  }
}
form input.short {
  max-width: 80px;
}
form .form_content_inline {
  display: inline-block;
  padding: 0 0.5em;
}
@media screen and (max-width: 575px) {
  form .form_content_inline > * {
    display: inline-block;
  }
}
form input[readonly],
form input[disable] {
  background: #fff;
  color: #b3b3b3;
  border: none;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: #a6a6a6;
  font-weight: bold;
}
form input[readonly] ~ label,
form input[disable] ~ label {
  color: #b3b3b3;
}
form input[readonly]:hover, form input[readonly]:focus,
form input[disable]:hover,
form input[disable]:focus {
  cursor: not-allowed;
  background: #fff;
  color: #b3b3b3;
  border: none;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: #a6a6a6;
}

.chart_grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 1em 0;
}
.chart_grid .item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
  margin: 0 1% 1em;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 1em;
}
@media screen and (max-width: 991px) {
  .chart_grid .item {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
}
@media screen and (max-width: 575px) {
  .chart_grid .item {
    -ms-flex-preferred-size: 96%;
        flex-basis: 96%;
    margin: 0 2% 1em;
  }
}
.chart_grid .item h3 {
  margin: 0 0 0.5em;
  border-bottom: 2px solid #DDD;
}
.chart_grid .item .chart_content {
  min-height: 15em;
  text-align: center;
}
.chart_grid .item .chart_content img {
  max-width: 100%;
}
.chart_grid .item a.more {
  margin: 0.5em auto;
}

.dropdown-btn {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #FFF;
  border: 1px solid #DDD;
  position: relative;
  padding: 0px;
}
.dropdown-btn:before {
  width: 6px;
  height: 6px;
  content: "";
  position: absolute;
  border: 2px solid #333;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px;
  left: 7px;
}

.dropdown-group {
  position: relative;
  width: auto;
  display: inline-block;
  overflow: visible;
}

.dropdown-menu {
  position: absolute;
  right: -25%;
  top: 24px;
  z-index: 1000;
}
.dropdown-menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border: 1px solid #CCC;
  width: auto;
}
.dropdown-menu ul li {
  line-height: 1.5em;
  color: #777;
  border-bottom: 1px solid #CCC;
  text-align: center;
}
.dropdown-menu ul li:last-child {
  border-bottom: none;
}
.dropdown-menu ul li a {
  color: #000 !important;
  display: block !important;
  padding: 0.5em 0.7em;
  white-space: nowrap;
  background-color: #FFF;
  font-weight: normal;
}
.dropdown-menu ul li a:hover, .dropdown-menu ul li a:focus, .dropdown-menu ul li a.active {
  background-color: #CCC !important;
  color: #000 !important;
}

.nineGrids ul {
  margin: 0px auto;
  padding: 0px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  width: 100%;
}
.nineGrids ul li {
  margin: 0px;
  width: 50%;
  padding: 1%;
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 575px) {
  .nineGrids ul li {
    width: 100%;
    padding: 2%;
  }
}

.memDateBlock {
  text-align: center;
  padding-bottom: 1em;
}
.memDateBlock button.btn {
  background: none !important;
  border: none !important;
  padding: 0px !important;
  margin: 0px 4px !important;
  min-width: 24px !important;
  font-size: 1.5em !important;
  opacity: 0.65;
}

.gra_item {
  background-color: #fff;
  width: 100%;
  border-radius: 0.4em;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 2px RGBA(0, 0, 0, 0.15);
          box-shadow: 0px 0px 5px 2px RGBA(0, 0, 0, 0.15);
  padding: 3.5em 0.8em 0.8em 0.8em;
  border: 1px solid #eee;
  font-size: 0.983em;
}
.gra_item:hover {
  -webkit-box-shadow: 0px 0px 5px 2px #8ad6fa;
          box-shadow: 0px 0px 5px 2px #8ad6fa;
  border: 1px solid #fff;
}
.gra_item:hover .main_title {
  color: #fff !important;
  background-color: #047cc3;
}
.gra_item:hover .gra_title span {
  color: #29b4f5;
  border-bottom: 1.5px dotted #19a7fa;
}
.gra_item:hover .gra_btext {
  border-bottom: 1px solid #8ad6fa;
}
.gra_item .main_title {
  text-align: center !important;
  color: #fff;
  background-color: #a5a5a5;
  line-height: 1.5em;
  height: 2.5em;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px 0 8px 0 !important;
  margin: 0em !important;
  font-size: 1.25em;
  font-weight: bold;
}
.gra_item .gra_title {
  color: #555;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.5em 0 1em 0;
}
.gra_item .gra_title span {
  border-bottom: 1.5px dotted #888;
}
.gra_item .gra_btext {
  border-bottom: 1px solid #ccc;
  padding: 4px 0 2px 0;
  position: relative;
}
.gra_item .gra_btext span {
  position: absolute;
  right: 0px;
}
.gra_item .gra_btext:hover {
  color: #047cc3;
  cursor: pointer;
}
.gra_item .gra_btn {
  text-align: center;
  padding-top: 0.25em;
}
.gra_item .sub_title {
  display: block;
  font-weight: bold;
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding: 10px 0px 6px 0px;
}
.gra_item .sub_txt {
  font-size: 1.1em;
  text-align: right;
}
.gra_item .flLeft {
  float: left !important;
}
.gra_item .flexbox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gra_item .flexbox img {
  position: static !important;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px auto;
}
.gra_item .gra_img canvas {
  width: 100%;
}

.chartBtnRight {
  text-align: right;
}

.chartDetail {
  padding: 1em 0em;
}
.chartDetail canvas {
  width: 100%;
}

.tab_udline {
  overflow: hidden;
}
.tab_udline ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.tab_udline ul li {
  display: block;
  width: 120px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 33.3%;
      flex-basis: 33.3%;
  display: block;
  border-bottom: 1px solid #a0a0a0;
  margin-bottom: 3px;
}
@media screen and (max-width: 575px) {
  .tab_udline ul li {
    width: 33.3%;
  }
}
.tab_udline ul li:last-child a {
  border-right: none;
}
.tab_udline ul li a {
  padding: 0.65em 0.65em 0.2em 0.65em;
  display: block;
  font-size: 1.25em;
  font-weight: normal;
  text-align: center;
  background-color: #fff;
  color: #000;
  width: 80%;
  margin: 0px auto -2px auto;
}
.tab_udline ul li a:hover, .tab_udline ul li a:focus {
  color: #000;
  font-weight: bold;
  border-bottom: 6px solid #047cc3;
}
.tab_udline ul li.active a {
  color: #000;
  font-weight: bold;
  border-bottom: 6px solid #047cc3;
}

.recommend_setting {
  background-color: #e9e9e9;
  padding: 0.5em 1em;
  position: relative;
}
.recommend_setting .title {
  font-size: 1.2em;
  font-weight: bold;
  color: #555;
  display: inline-block;
  border-right: 1px solid #d5d5d5;
  padding: 0.5em 1em 0.5em 0em;
  margin-right: 1em;
}
@media screen and (max-width: 767px) {
  .recommend_setting .title {
    display: block !important;
  }
}
.recommend_setting button {
  position: absolute;
  right: 1em;
  top: 0.5em;
}

.rcm_slider_new ul,
.rcm_slider ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rcm_slider_new ul li,
.rcm_slider ul li {
  margin: 0 25px;
}
.rcm_slider_new ul li a,
.rcm_slider ul li a {
  border: 1px solid #ddd;
  display: block;
  height: 100px;
  position: relative;
}
.rcm_slider_new ul li a img,
.rcm_slider ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rcm_slider_new ul li a .rcm_desc,
.rcm_slider ul li a .rcm_desc {
  padding: 0.4em;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: absolute;
  left: 0;
  bottom: -4em;
}
.rcm_slider_new ul li a .rcm_desc p,
.rcm_slider ul li a .rcm_desc p {
  font-size: 0.6em;
  line-height: 1.4em;
  color: #fff;
  padding: 0;
  margin: 0;
}
.rcm_slider_new ul li a:hover .rcm_desc,
.rcm_slider ul li a:hover .rcm_desc {
  bottom: 0px;
}
.rcm_slider_new .slick-prev,
.rcm_slider .slick-prev {
  background-size: 35%;
}
.rcm_slider_new .slick-prev:hover, .rcm_slider_new .slick-prev:focus,
.rcm_slider .slick-prev:hover,
.rcm_slider .slick-prev:focus {
  border: none !important;
  background: url(../vendor/slick/icon_arrow_left_inverse.png) center center no-repeat !important;
  background-size: 33% !important;
}
.rcm_slider_new .slick-next,
.rcm_slider .slick-next {
  background-size: 35%;
}
.rcm_slider_new .slick-next:hover, .rcm_slider_new .slick-next:focus,
.rcm_slider .slick-next:hover,
.rcm_slider .slick-next:focus {
  border: none !important;
  background: url(../vendor/slick/icon_arrow_right_inverse.png) center center no-repeat !important;
  background-size: 33% !important;
}

.rcm_login,
.rcm_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  .rcm_login,
  .rcm_new {
    display: block;
  }
}
.rcm_login .rcm_slider_new,
.rcm_login .rcm_exh,
.rcm_login .rcm_prod,
.rcm_new .rcm_slider_new,
.rcm_new .rcm_exh,
.rcm_new .rcm_prod {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .rcm_login .rcm_slider_new,
  .rcm_login .rcm_exh,
  .rcm_login .rcm_prod,
  .rcm_new .rcm_slider_new,
  .rcm_new .rcm_exh,
  .rcm_new .rcm_prod {
    width: 100%;
  }
}
.rcm_login .rcm_slider_new .rcm_more,
.rcm_login .rcm_exh .rcm_more,
.rcm_login .rcm_prod .rcm_more,
.rcm_new .rcm_slider_new .rcm_more,
.rcm_new .rcm_exh .rcm_more,
.rcm_new .rcm_prod .rcm_more {
  padding: 0.5em 1.6em 0.5em 0;
  text-align: right;
}
.rcm_login .rcm_slider_new .rcm_more a.more,
.rcm_login .rcm_exh .rcm_more a.more,
.rcm_login .rcm_prod .rcm_more a.more,
.rcm_new .rcm_slider_new .rcm_more a.more,
.rcm_new .rcm_exh .rcm_more a.more,
.rcm_new .rcm_prod .rcm_more a.more {
  height: 2.2em;
  line-height: 1.2em;
  font-size: 0.9em;
  padding: 0.5em 1em;
  margin: 0;
  max-width: 7em;
  min-width: 6em;
  display: inline-block;
  border-radius: 1.2em;
  background: #999;
  border: 1px solid #888;
}
.rcm_login .rcm_slider_new .rcm_more a.more:after,
.rcm_login .rcm_exh .rcm_more a.more:after,
.rcm_login .rcm_prod .rcm_more a.more:after,
.rcm_new .rcm_slider_new .rcm_more a.more:after,
.rcm_new .rcm_exh .rcm_more a.more:after,
.rcm_new .rcm_prod .rcm_more a.more:after {
  width: 6px;
  height: 6px;
  top: 0.8em;
}

.rcm_new .rcm_slider_new {
  width: 100%;
}

.label_space label {
  margin-right: 1em;
}
@media screen and (max-width: 767px) {
  .label_space label {
    display: inline !important;
  }
}

.rcm_setting_block {
  position: relative;
}
.rcm_setting_block .rcm_setting_panel {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: -800px;
  z-index: 100;
  background-color: #e9e9e9;
  width: 98%;
  margin: 0px 6px 0 5px;
  min-height: 400px;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.rcm_setting_block .rcm_setting_panel hr {
  width: 96%;
  margin: 0px auto;
}
.rcm_setting_block .rcm_setting_panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rcm_setting_block .rcm_setting_panel ul li {
  display: inline-block;
  width: 24%;
}
.rcm_setting_block .rcm_setting_panel ul li button {
  width: 98%;
  text-align: left;
  position: relative;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2em;
}
@media screen and (max-width: 767px) {
  .rcm_setting_block .rcm_setting_panel ul li {
    width: 48% !important;
  }
}
.rcm_setting_block .rcm_setting_panel i {
  border-radius: 50%;
  border: 1px solid #fff;
  padding: 0px;
  margin: 0px;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 6px;
  top: 6px;
  text-align: center;
}
.rcm_setting_block .rcm_setting_panel i:before {
  margin: 0px;
  padding: 0px;
  width: 12px;
  height: 12px;
  background-size: contain;
}
.rcm_setting_block .rcm_setting_panel .btn_grp {
  text-align: center !important;
}
@media screen and (max-width: 767px) {
  .rcm_setting_block .rcm_setting_panel .btn_grp {
    text-align: center !important;
  }
}
.rcm_setting_block .rcm_setting_panel .btn_grp button {
  padding: 0.5em;
  margin: 0.25em;
  min-width: 5em;
}
.rcm_setting_block .rcm_setting_panel .btn_grp .btn {
  background: #fff;
  border: 1px solid #ccc;
}
.rcm_setting_block .rcm_setting_panel button i .i_close:before {
  margin: -2px 0px 0px 0px !important;
}
.rcm_setting_block .rcm_setting_panel button i .i_add:before {
  margin: -2px 0px 0px 0px !important;
}

.rcm_set_body {
  scrollbar-width: thin;
  scrollbar-color: #b3b1b4 #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 200px;
  max-height: 330px;
}

.rcm_set_body::-webkit-scrollbar {
  width: 5px !important;
}

.rcm_set_body::-webkit-scrollbar-track {
  background: transparent;
  padding-left: 5px;
  padding-right: 5px;
}

.rcm_set_body::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 10px;
  border: none;
}

.rcm_all_list {
  padding: 1.2em 1em;
}

.rcm_ttcode_list {
  padding: 1.2em 1em;
  display: none;
}
.rcm_ttcode_list h3 {
  color: #196340;
  font-size: 1em;
  font-weight: bold;
  margin: 0px;
  padding: 0 0 0.05em 0;
}
.rcm_ttcode_list label {
  color: #505050;
  font-size: 0.8em;
}
.rcm_ttcode_list select {
  width: 98%;
}
.rcm_ttcode_list + hr {
  display: none;
}

.rcm_area_list {
  padding: 1.2em 1em;
  display: none;
}
.rcm_area_list h3 {
  color: #805420;
  font-size: 1em;
  font-weight: bold;
  margin: 0px;
  padding: 0 0 0.5em 0;
}
.rcm_area_list + hr {
  display: none;
}

.rcm_label_list {
  padding: 1.2em 1em;
  display: none;
}
.rcm_label_list h3 {
  color: #d3572a;
  font-size: 1em;
  font-weight: bold;
  margin: 0px;
  padding: 0 0 0.5em 0;
}
.rcm_label_list + hr {
  display: none;
}

.btn-btn {
  background: #fff;
  border: 1px solid #bbb;
  color: #555;
  font-weight: bold;
  text-shadow: none;
}
.btn-btn i {
  background-color: #555;
  border: none;
}
.btn-btn i:before {
  margin-top: -2px !important;
}
.btn-btn:hover, .btn-btn:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2e2e2)) !important;
  background: linear-gradient(to bottom, #fff, #e2e2e2) !important;
  color: #000;
  border: 1px solid #ccc !important;
}

.btn-dGreen {
  background: #1f734c;
  border: 1px solid #1f734c;
}
.btn-dGreen:hover, .btn-dGreen:focus {
  background: #278d5e;
  border: 1px solid #1f734c !important;
}
.btn-dGreen i:before {
  margin-top: -2px !important;
}

.btn-dBrown {
  background: #9d6a2b;
  border: 1px solid #9d6a2b;
}
.btn-dBrown:hover, .btn-dBrown:focus {
  background: #ad7632;
  border: 1px solid #9d6a2b !important;
}
.btn-dBrown i:before {
  margin-top: -2px !important;
}

.btn-dOrange {
  background: #eb622f;
  border: 1px solid #eb622f;
}
.btn-dOrange:hover, .btn-dOrange:focus {
  background: #f86a36;
  border: 1px solid #eb622f !important;
}
.btn-dOrange i:before {
  margin-top: -2px !important;
}

.login_fs {
  position: relative;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
  clear: both;
  width: 90%;
  margin: 0.5em auto 1em;
  min-height: 420px;
  padding: 2em 2em 3em;
  padding-right: 40%;
  font-size: 0.938em;
  text-align: left;
  border-radius: 0.6em;
  overflow: hidden;
  -webkit-text-size-adjust: none;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .login_fs .login_fs {
    padding-right: 35%;
  }
}
@media screen and (max-width: 767px) {
  .login_fs {
    padding: 1em 0em;
    width: 100%;
    margin: 0 auto 1em;
  }
}
.login_fs:before {
  position: absolute;
  background: url("../images/signup.jpg") no-repeat center center;
  background-size: cover;
  top: 0;
  width: 35%;
  right: 0;
  height: 100%;
  content: "";
}
@media screen and (max-width: 767px) {
  .login_fs:before {
    display: none;
  }
}
.login_fs .form_grid .form_grp {
  border: none;
}
.login_fs .form_grid .form_grp hr {
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 0;
}
.login_fs .form_grid .form_grp label {
  padding-left: 15px;
}
@media screen and (max-width: 991px) {
  .login_fs .form_grid .form_grp:first-child .form_title {
    float: left;
    width: 100%;
  }
}
.login_fs .form_grid .form_grp:first-child .form_content {
  width: 75%;
}
@media screen and (max-width: 991px) {
  .login_fs .form_grid .form_grp:first-child .form_content {
    width: 100%;
  }
}
.login_fs .form_grid .form_grp .form_content {
  position: relative;
  padding: 0;
  width: 100%;
}
.login_fs .form_grid .form_grp .form_content input[type=text],
.login_fs .form_grid .form_grp .form_content input[type=password] {
  line-height: 2em;
  height: 50px;
  max-width: 100%;
  padding: 2.4em 2em 1.1em 1em;
}
.login_fs .form_grid .form_grp .form_content input[type=text] + label,
.login_fs .form_grid .form_grp .form_content input[type=password] + label {
  position: absolute;
  left: 0em;
  top: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-left: 15px;
  padding-top: 0px;
  width: auto;
  color: #333;
}
.login_fs .form_grid .form_grp .form_content input[type=text]:focus,
.login_fs .form_grid .form_grp .form_content input[type=password]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 2em;
  height: 50px;
}
.login_fs .form_grid .form_grp .form_content input[type=text]:focus + label,
.login_fs .form_grid .form_grp .form_content input[type=password]:focus + label {
  top: 5px !important;
  font-size: 35% !important;
  color: #999 !important;
}
.login_fs .form_grid .form_grp .form_content label.hasdata {
  top: 5px !important;
  font-size: 35% !important;
  color: #999 !important;
}
.login_fs .thrList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.88em;
}
.login_fs .thrList .checkbox {
  width: 33%;
}
.login_fs .thrList .link {
  width: 66%;
}
.login_fs .thrList .link ul {
  margin: 0;
  padding: 0;
}
.login_fs .thrList .link ul li {
  display: inline-block;
  width: 48%;
}
.login_fs .thrList .link ul li:first-child {
  text-align: center;
}
.login_fs .thrList .link ul li:last-child {
  text-align: right;
}
.login_fs .btn_grp button {
  width: 100%;
  height: 50px;
}

.captchaCL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.captchaCL input {
  width: 50%;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .captchaCL input {
    padding: 2.4em 1em 1.1em 3em;
  }
}
.captchaCL .captcha {
  margin: 0 0 0 0.5em;
  vertical-align: top;
  max-height: unset;
  height: 50px;
  width: auto;
}
.captchaCL .btn {
  height: 50px;
  width: auto;
  vertical-align: top;
  padding: 15px 0 0 0;
  margin: 0 5px;
}

.new2024 .rcmBodyBox .rcm_new {
  width: 100%;
  display: none;
}
.new2024 .rcmBodyBox .rcm_new.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new2024 .rcmBodyBox .rcm_new:not(.rcm_login).active {
  display: block;
}
.new2024 .rcm_loginTopNav {
  max-width: 675px;
  border-radius: 50px;
  background: #29b4f5;
  overflow: hidden;
  margin: 0 auto 20px;
  position: relative;
}
.new2024 .rcm_loginTopNav .slick-arrow {
  top: 50%;
  width: 40px !important;
  height: 40px !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: 50%;
  -webkit-filter: invert(1);
          filter: invert(1);
}
.new2024 .rcm_loginTopNav .slick-arrow:hover {
  background-color: transparent;
  border: none !important;
}
.new2024 .rcm_loginTopNav .slick-arrow.slick-prev {
  left: 0;
}
.new2024 .rcm_loginTopNav .slick-arrow.slick-next {
  right: 0;
}
.new2024 .rcm_loginTopNav .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new2024 .rcm_loginTopNav .listBox {
  padding: 0;
  list-style: none;
  margin: 0 35px;
}
.new2024 .rcm_loginTopNav .listBox .item + .item {
  border-left: rgba(255, 255, 255, 0.75) 1px solid;
}
.new2024 .rcm_loginTopNav .listBox .item.recommend button::before {
  background: url("../images/icon/icon_recommend.svg") no-repeat center center;
  background-size: contain;
}
.new2024 .rcm_loginTopNav .listBox .item.history button::before {
  background: url("../images/icon/icon_history.svg") no-repeat center center;
  background-size: contain;
}
.new2024 .rcm_loginTopNav .listBox .item.popular button::before {
  background: url("../images/icon/icon_popular.svg") no-repeat center center;
  background-size: contain;
}
.new2024 .rcm_loginTopNav .listBox .item.everyone button::before {
  background: url("../images/icon/icon_everyone.svg") no-repeat center center;
  background-size: contain;
}
.new2024 .rcm_loginTopNav .listBox .active button {
  background: #047cc3;
}
.new2024 .rcm_loginTopNav .listBox button {
  width: 100%;
  border-radius: 0;
  background: #29b4f5;
  border: none !important;
  padding: 10px 30px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.new2024 .rcm_loginTopNav .listBox button::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.new2024 .rcm_loginTopNav .listBox button:hover {
  background: #047cc3;
}

/* sitemap */
.sitemap {
  margin: 0px auto 1em;
}
.sitemap .accesskeyDefine {
  padding: 1em 2em;
  background: #EEE;
  border-radius: 6px;
  background-clip: padding-box;
}

.cascading {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  box-sizing: border-box;
}
.cascading ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cascading li {
  line-height: 1.5;
  width: 25%;
  display: inline-block;
  vertical-align: top;
  margin: 0 -5px 1em 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 0.5em;
}
.cascading li a {
  margin: 0.5em 0;
  color: #222;
  padding: 0.5em;
  display: block;
  font-size: 1em;
  font-weight: bold;
  border-bottom: 2px solid #047cc3;
}
.cascading li a:hover, .cascading li a:focus {
  color: #047cc3 !important;
  text-decoration: none;
}
.cascading li ul {
  padding-left: 1em;
}
.cascading li ul li {
  width: 100%;
  display: block;
  margin-bottom: 0;
  padding: 0;
}
.cascading li ul li a {
  display: block;
  font-size: 0.875em;
  padding: 0.2em 0;
  border-bottom: 1px dotted #ccc;
  background-color: transparent;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .cascading {
    width: 100%;
    margin: 0px auto;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cascading li {
    width: 100%;
  }
  .cascading li ul {
    padding-left: 0.5em;
  }
  .cascading li ul li {
    display: inline-block;
    width: auto;
    margin-right: 0.5em;
    border-bottom: none;
    vertical-align: top;
  }
  .cascading li ul li a {
    margin: 0;
  }
  .cascading li ul li a:after {
    font-size: 0.813em;
    content: ",";
    display: inline-block;
    margin-left: 0.4em;
  }
  .cascading li ul li:last-child a:after {
    content: "";
  }
}

.slick-prev {
  background: url(../vendor/slick/icon_arrow_left.png) no-repeat center center #047cc3 !important;
  background-size: 60% !important;
  left: -100px;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .slick-prev {
    left: 10px;
  }
}

.slick-next {
  background: url(../vendor/slick/icon_arrow_right.png) no-repeat center center #047cc3 !important;
  background-size: 60% !important;
  right: -100px;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .slick-next {
    right: 10px;
  }
}

.cp_slider {
  margin: 1em 0;
}
.cp_slider .img-container {
  width: 100%;
  margin: 0 2em 1em;
  border: 1px solid #DDD;
}
.cp_slider .img-container:hover .infotxt {
  bottom: 0;
}
.cp_slider .img-container a {
  overflow: hidden;
  height: 150px;
  width: 100%;
  position: relative;
}
.cp_slider .img-container a:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.cp_slider .img-container a img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.cp_slider .img-container a:hover, .cp_slider .img-container a:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cp_slider .img-container a:hover:after, .cp_slider .img-container a:focus:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0px 0px 0px 1px #19a7fa inset;
          box-shadow: 0px 0px 0px 1px #19a7fa inset;
}
.cp_slider .img-container a img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.cp_slider .img-container .infotxt {
  height: 2.5em;
  overflow: hidden;
  display: block;
  line-height: 2.5em;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: #FFF;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: absolute;
  left: 0;
  bottom: -4em;
  right: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .cp_slider .img-container .infotxt {
    bottom: 0;
  }
}
.cp_slider .slick-dots {
  bottom: 0px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .cp_slider .slick-dots {
    bottom: 0px;
    padding: 0;
  }
}

.slick-slider {
  overflow: hidden;
}
.slick-slider:hover .slick-prev {
  background: url(../vendor/slick/icon_arrow_left.png) no-repeat center center #047cc3;
  background-size: 60%;
  left: 10px;
}
.slick-slider:hover .slick-next {
  background: url(../vendor/slick/icon_arrow_right.png) no-repeat center center #047cc3;
  background-size: 60%;
  right: 10px;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  background: #38edff;
  -webkit-box-shadow: 0px 0px 0px 1px #38edff;
          box-shadow: 0px 0px 0px 1px #38edff;
}
.slick-dots li button:before {
  background: #666;
}
.slick-dots li.slick-active button:before {
  background: #19a7fa;
}
.slick-dots li.slick-active button:hover:before, .slick-dots li.slick-active button:focus:before {
  opacity: 0.9;
  color: black;
  background: #38edff;
}

.slick-prev:focus, .slick-next:focus {
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
          box-shadow: 0px 0px 0px 1px transparent;
}

.lightbox_slider {
  background: #fff;
  padding: 30px 30px 50px;
  clear: both;
}
.lightbox_slider h3 {
  font-size: 1.5em;
  padding: 12px 0px 15px 0px;
  margin: 0.5em 0px 1.2em;
  border-bottom: 1px solid #047cc3;
}
.lightbox_slider .imgOuter {
  margin: 0px 15px;
  overflow: hidden;
  height: 200px;
  overflow: hidden;
}
.lightbox_slider .imgOuter:before {
  display: block;
  content: "";
  padding-top: 75%;
}
.lightbox_slider .imgOuter img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.lightbox_slider .imgOuter img {
  vertical-align: middle;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  display: inline-block;
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.lightbox_slider .infotxt {
  margin: 0px 10px 0px 20px;
  padding: 0px;
  display: none;
}
.lightbox_slider .slick-dots {
  bottom: -30px !important;
}
@media screen and (max-width: 767px) {
  .lightbox_slider .slick-dots {
    bottom: -40px !important;
    padding: 0;
  }
}
.lightbox_slider .slick-prev,
.lightbox_slider .slick-next {
  top: 50%;
  width: 50px;
  height: 50px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.lightbox_slider .slick-prev {
  left: -50px;
  background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat RGBA(0, 0, 0, 0.5);
  background-size: 80%;
}
.lightbox_slider .slick-next {
  right: -50px;
  background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat RGBA(0, 0, 0, 0.5);
  background-size: 80%;
}
.lightbox_slider .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 10px;
}
.lightbox_slider a {
  color: #555;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lightbox_slider a:hover, .lightbox_slider a:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #19a7fa inset;
          box-shadow: 0px 0px 0px 1px #19a7fa inset;
}

/*  slick-lightbox  */
.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 9999999999999;
  width: 100%;
  height: 100%;
  background: black;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.slick-lightbox .slick-loading .slick-list {
  background-color: transparent;
}
.slick-lightbox .slick-prev {
  left: 5px;
  background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat;
  background-size: 80%;
  z-index: 9;
}
.slick-lightbox .slick-next {
  right: 5px;
  background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat;
  background-size: 80%;
  z-index: 9;
}

.slick-lightbox-hide {
  opacity: 0;
}
.slick-lightbox-hide.slick-lightbox-ie {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.slick-lightbox-hide-init {
  position: absolute;
  top: -9999px;
  opacity: 0;
}
.slick-lightbox-hide-init.slick-lightbox-ie {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.slick-lightbox-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-lightbox-slick-item {
  text-align: center;
  overflow: hidden;
}
.slick-lightbox-slick-item:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  display: block;
  text-align: center;
}

.slick-lightbox-slick-item-inner {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}

.slick-lightbox-slick-img {
  margin: 0 auto 1em;
  display: block;
  max-width: 90%;
  max-height: 90%;
}

.slick-lightbox-slick-caption {
  margin: 20px 0 0;
  color: white;
}

.slick-lightbox-close {
  position: fixed;
  top: 10px;
  right: 10px;
  display: block;
  height: 45px;
  width: 45px;
  line-height: 0;
  font-size: 0em;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: none;
  min-width: auto;
}
.slick-lightbox-close:focus {
  outline: none;
}
.slick-lightbox-close:before {
  content: "";
  height: 6px;
  width: 32px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 18px;
  background: #DDD;
  left: 6px;
  -webkit-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}
.slick-lightbox-close:after {
  content: "";
  height: 6px;
  width: 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 18px;
  background: #DDD;
  left: 6px;
  -webkit-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}
.slick-lightbox-close:hover, .slick-lightbox-close:focus {
  background: none;
  margin-top: 0;
  border: none;
}
.slick-lightbox-close:hover:before, .slick-lightbox-close:hover:after, .slick-lightbox-close:focus:before, .slick-lightbox-close:focus:after {
  background: #FFF;
}

.Syncing_slider {
  position: relative;
}
.Syncing_slider h3 {
  font-size: 1.5em;
  padding: 12px 0px 15px 0px;
  margin: 0.5em 0px 1.2em;
  border-bottom: 1px solid #047cc3;
}
.Syncing_slider .slick-slide {
  position: relative;
}
.Syncing_slider .controls {
  text-align: center;
  font-weight: bold;
  max-width: 100px;
  color: #FFF;
  padding: 0.2em 0.5em;
  margin: 0px auto;
  background: #047cc3;
  border-radius: 20px;
  text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.8);
}
.Syncing_slider .img-container {
  overflow: hidden;
}
.Syncing_slider .img-container:before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.Syncing_slider .img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.Syncing_slider .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.Syncing_slider p {
  position: absolute;
  background: RGBA(0, 0, 0, 0.55);
  text-align: center;
  color: #FFF;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  bottom: 0px;
  width: 100%;
  height: 2.5em;
  line-height: 1.5em;
  margin: 0px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .Syncing_slider p {
    display: none;
  }
}
.Syncing_slider .slick-next {
  background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat;
  background-size: 80%;
}
@media screen and (max-width: 767px) {
  .Syncing_slider .slick-next {
    right: 0.5em;
  }
}
.Syncing_slider .slick-prev {
  background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat;
  background-size: 80%;
}
@media screen and (max-width: 767px) {
  .Syncing_slider .slick-prev {
    left: 0.5em;
  }
}
.Syncing_slider .Slider-for {
  width: 80%;
  min-width: 260px;
  max-width: 800px;
  margin: 1em auto;
  position: relative;
}
.Syncing_slider .Slider-nav {
  width: 80%;
  min-width: 260px;
  max-width: 800px;
  margin: 1em auto;
  position: relative;
  /*正在動作的縮圖*/
  position: relative;
}
.Syncing_slider .Slider-nav .img-container p {
  display: none;
}
.Syncing_slider .Slider-nav .slick-slide.slick-current {
  opacity: 1;
}
.Syncing_slider .slick-dots {
  display: none !important;
}

a.goCenter {
  position: absolute;
  top: -2.2em;
  left: 50%;
  margin-left: -480px;
  padding: 0 0.5em;
  height: 2em;
  line-height: 2em;
  background: #29b4f5;
  color: #fff;
  text-decoration: none;
  z-index: 999999999999;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0px 0px 4px 4px;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  a.goCenter {
    display: none;
  }
}
a.goCenter:hover, a.goCenter:focus {
  outline: none;
  top: 0;
  opacity: 1;
}

.no-js .search {
  display: none;
}
.no-js .mp_slider ul li {
  display: none;
}
.no-js .mp_slider ul li:first-child {
  display: block;
}
.no-js .mp_slider .img-container {
  display: none;
}
.no-js .mp_slider .img-container:first-child {
  display: block;
}
.no-js noscript {
  display: block;
  padding: 0.5em;
  border: 2px solid #047cc3;
  background: #FFF;
  color: #666;
  overflow: hidden;
  line-height: 1.45em;
  font-size: 0.813em;
  margin: 0 0.5em 0.5em;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-js noscript a {
  color: #047cc3;
}
.no-js noscript a:hover, .no-js noscript a:focus {
  color: #19a7fa;
}
.no-js .navigation {
  padding-right: 170px;
}
.no-js .navigation .language {
  width: 140px !important;
  height: 2.3em;
  right: 40px !important;
}
.no-js .navigation .language > a {
  display: block !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.no-js .navigation .language ul {
  display: none !important;
  top: 2.3em;
}
.no-js .navigation .language ul li {
  width: 100%;
}
.no-js .navigation .language ul li a {
  -webkit-transition: none !important;
  transition: none !important;
}
.no-js .search noscript {
  margin-left: 1%;
  margin-right: 1%;
}
.no-js .tabSet {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.no-js .tabSet .tabItem {
  width: 100%;
  display: block;
  position: relative;
  color: #000;
  margin-bottom: 0px;
  border-bottom: 3px solid #ddd;
}
.no-js .tabSet .tabItem > a {
  background: none;
  font-size: 1.5em;
  color: #000;
}
.no-js .tabSet .tabItem:before {
  display: none;
}
.no-js .tabSet .tabItem.active {
  color: #000;
  width: 100%;
  display: block;
  position: relative;
  border-bottom: 3px solid #ddd;
}
.no-js .tabSet .tabItem.active > a {
  color: #000;
  background: none;
}
.no-js .tabSet .tabContent {
  width: 100%;
  position: relative;
  display: block;
}
.no-js .section .img-container picture:before {
  display: none;
}
.no-js .section .img-container picture:after {
  display: none;
}
.no-js picture noscript {
  border: none;
  background: none;
}

@media print {
  .main,
  .content, body {
    background: none;
  }
  /* -------------------------------不需要列印的區塊，請放置於這----//*/
  header,
  .fatfooter,
  footer,
  .accesskey,
  .submenu {
    display: none;
  }
  /* -------------------------------各別顯示設定----//*/
  body {
    background: transparent;
    float: none;
    width: 100%;
    -webkit-print-color-adjust: exact;
  }
  .container {
    margin: 0px auto;
    max-width: 100% !important;
    width: 100% !important;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cp {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .innerpage {
    margin-top: 0 !important;
  }
  .main,
  .content {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    float: none;
    clear: both;
    zoom: 1;
    padding-top: 0px !important;
  }
  .main:before, .main:after,
  .content:before,
  .content:after {
    content: "";
    display: table;
  }
  .main:after,
  .content:after {
    clear: both;
  }
  .main img.float_left,
  .content img.float_left {
    float: right;
    max-width: 50%;
    margin: 0px 1em 1em 0;
  }
  .main img.float_right,
  .content img.float_right {
    float: right;
    max-width: 50%;
    margin: 0px 0 1em 1em;
  }
  .main a:link,
  .main a:visited,
  .main a,
  .content a:link,
  .content a:visited,
  .content a {
    background: transparent;
    color: #222;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
    word-wrap: break-word;
  }
  .main p a,
  .content p a {
    word-wrap: break-word;
  }
  .main p a[href^=http]:after,
  .content p a[href^=http]:after {
    content: " (" attr(href) ")";
    font-size: 90%;
  }
  .main p a[href^="#"]:after,
  .content p a[href^="#"]:after {
    display: none;
  }
  .main abbr[title]:after,
  .content abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .main table,
  .content table {
    background: #FFF;
  }
  .main li,
  .content li {
    content: "» ";
  }
  /* 檔案下載*/
  .file_download a {
    display: block !important;
    clear: both !important;
    width: 100% !important;
  }
  .file_download .update,
  .file_download .file_view {
    float: none !important;
    width: 30% !important;
    display: inline-block !important;
    margin-left: 3em;
  }
  *,
  *:before,
  *:after,
  *:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  thead {
    display: table-header-group;
    /* 表格即使分頁也會顯示表頭 */
  }
  .lightbox_slider {
    page-break-inside: avoid;
    overflow: hidden;
    height: 6cm;
  }
  .lightbox_slider .cp_slider {
    text-align: center;
  }
  .lightbox_slider .cp_slider .slick-slide {
    width: 30%;
    height: 4cm;
    display: inline-block;
    background: #DEDEDE;
    position: relative;
  }
  .lightbox_slider .cp_slider .slick-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0px 0px 0px 1px #ccc;
            box-shadow: 0px 0px 0px 1px #ccc;
  }
  .lightbox_slider .cp_slider .slick-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 4cm;
    display: inline-block;
    vertical-align: middle;
  }
}
.col-12 .ex_btn ul {
  height: auto;
  overflow: hidden;
}
.col-12 .ex_btn ul li {
  width: 33%;
  display: block;
  float: left;
  vertical-align: top;
  height: 110px;
}
.col-12 .ex_btn ul li .btn {
  height: 110px;
}
.col-12 .ex_btn ul li .btn img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 0.5em;
  float: none;
}

.col-6-6 .col .video_bg .video-container {
  overflow: hidden;
}
.col-6-6 .col .video_bg .video-container:before {
  display: block;
  content: "";
  padding-top: 40%;
}
.col-6-6 .col .video_bg .video-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .col-6-6 .col .video_bg .video-container {
    overflow: hidden;
    margin-bottom: 1em;
  }
  .col-6-6 .col .video_bg .video-container:before {
    display: block;
    content: "";
    padding-top: 60%;
  }
  .col-6-6 .col .video_bg .video-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .col-6-6 .col .video_bg .video-container iframe, .col-6-6 .col .video_bg .video-container video {
    width: 130%;
    height: 120%;
  }
}
.col-6-6 .col .feature .feature_intro {
  float: none;
  width: 100%;
}
.col-6-6 .col .feature .pic {
  float: none;
  width: 100%;
}
.col-6-6 .col .loaction .pic {
  width: 50%;
  min-height: 15em;
}
@media screen and (max-width: 767px) {
  .col-6-6 .col .loaction .pic {
    width: 100%;
  }
}
.col-6-6 .col .loaction .loaction_intro {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .col-6-6 .col .loaction .loaction_intro {
    width: 100%;
    float: none;
  }
}
.col-6-6 .col .loaction .loaction_intro p span {
  display: block;
}
.col-6-6 .col .ex_news .pic, .col-6-6 .col .industry_news .pic {
  float: none;
  width: 100%;
}
.col-6-6 .col .product ul li {
  width: 33%;
}
@media screen and (max-width: 575px) {
  .col-6-6 .col .product ul li {
    width: 50%;
  }
}
.col-6-6 .col .award .img-container {
  float: none;
  width: 100%;
  margin: 0px auto 1em;
}
.col-6-6 .col .award .slider p {
  display: none;
}
.col-6-6 .col .seminar .pic {
  float: none;
  width: 100%;
}
.col-6-6 .col .ad ul li {
  width: 30%;
  margin: 0px 1.5% 1.5em;
}
@media screen and (max-width: 991px) {
  .col-6-6 .col .ad ul li {
    width: 45%;
    margin: 0px 2.5% 1.5em;
  }
}
.col-6-6 .col .topic .img-container {
  width: 100%;
  float: none;
}
.col-6-6 .col .event .item {
  float: none;
  width: 100%;
  min-height: auto;
  height: auto;
}
.col-6-6 .col .event .item .event_intro {
  width: 100%;
}
.col-6-6 .col .event .item .img-container {
  width: 100%;
  float: none;
}
.col-6-6 .col .video {
  width: 100%;
}
.col-6-6 .col .product {
  width: 100%;
}
.col-6-6 .col .photo {
  width: 100%;
}
.col-6-6 .col .award {
  width: 100%;
}
.col-6-6 .col .ad {
  width: 100%;
}

.col-8-4 .col:nth-child(2n+1) .ex_btn ul {
  height: auto;
  overflow: hidden;
}
.col-8-4 .col:nth-child(2n+1) .ex_btn ul li {
  width: 33%;
  display: block;
  float: left;
  vertical-align: top;
  height: 110px;
}
.col-8-4 .col:nth-child(2n+1) .ex_btn ul li .btn {
  height: 110px;
}
.col-8-4 .col:nth-child(2n+1) .ex_btn ul li .btn img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 0.5em;
  float: none;
}
@media screen and (max-width: 991px) {
  .col-8-4 .col:nth-child(2n+1) .ex_news .pic, .col-8-4 .col:nth-child(2n+1) .industry_news .pic {
    float: none;
    width: 100%;
  }
}
.col-8-4 .col:nth-child(2n+1) .video_bg .video-container {
  overflow: hidden;
}
.col-8-4 .col:nth-child(2n+1) .video_bg .video-container:before {
  display: block;
  content: "";
  padding-top: 40%;
}
.col-8-4 .col:nth-child(2n+1) .video_bg .video-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .col-8-4 .col:nth-child(2n+1) .video_bg .video-container {
    overflow: hidden;
    margin-bottom: 1em;
  }
  .col-8-4 .col:nth-child(2n+1) .video_bg .video-container:before {
    display: block;
    content: "";
    padding-top: 60%;
  }
  .col-8-4 .col:nth-child(2n+1) .video_bg .video-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .col-8-4 .col:nth-child(2n+1) .video_bg .video-container iframe, .col-8-4 .col:nth-child(2n+1) .video_bg .video-container video {
    width: 130%;
    height: 120%;
  }
}
.col-8-4 .col:nth-child(2n+1) .video_bg .caption {
  width: 90%;
  margin-left: -45%;
}
.col-8-4 .col:nth-child(2n+1) .video_bg .caption h2 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .col-8-4 .col:nth-child(2n+1) .feature .feature_intro {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .col-8-4 .col:nth-child(2n+1) .feature .pic {
    float: none;
    width: 100%;
  }
}
.col-8-4 .col:nth-child(2n+1) .loaction .loaction_intro p span {
  display: block;
}
.col-8-4 .col:nth-child(2n+1) .loaction .pic {
  min-height: 15em;
}
.col-8-4 .col:nth-child(2n+1) .product ul li {
  width: 33%;
}
@media screen and (max-width: 575px) {
  .col-8-4 .col:nth-child(2n+1) .product ul li {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .col-8-4 .col:nth-child(2n+1) .seminar .pic {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .col-8-4 .col:nth-child(2n+1) .ad ul li {
    width: 45%;
    margin: 0px 1.5% 1.5em;
  }
}
.col-8-4 .col:nth-child(2n+1) .topic .img-container {
  width: 100%;
  float: none;
}
.col-8-4 .col:nth-child(2n) .video_bg .video-container {
  overflow: hidden;
}
.col-8-4 .col:nth-child(2n) .video_bg .video-container:before {
  display: block;
  content: "";
  padding-top: 80%;
}
.col-8-4 .col:nth-child(2n) .video_bg .video-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .col-8-4 .col:nth-child(2n) .video_bg .video-container {
    overflow: hidden;
    margin-bottom: 1em;
  }
  .col-8-4 .col:nth-child(2n) .video_bg .video-container:before {
    display: block;
    content: "";
    padding-top: 60%;
  }
  .col-8-4 .col:nth-child(2n) .video_bg .video-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .col-8-4 .col:nth-child(2n) .video_bg .video-container iframe, .col-8-4 .col:nth-child(2n) .video_bg .video-container video {
    width: 130%;
    height: 120%;
  }
}
.col-8-4 .col:nth-child(2n) .video_bg .caption {
  width: 90%;
  margin-left: -45%;
}
.col-8-4 .col:nth-child(2n) .video_bg .caption h2 {
  width: 100%;
}
.col-8-4 .col:nth-child(2n) .feature .feature_intro {
  float: none;
  width: 100%;
}
.col-8-4 .col:nth-child(2n) .feature .pic {
  float: none;
  width: 100%;
}
.col-8-4 .col:nth-child(2n) .loaction .loaction_intro {
  float: none;
  width: 100%;
}
.col-8-4 .col:nth-child(2n) .loaction .loaction_intro p span {
  display: block;
}
.col-8-4 .col:nth-child(2n) .loaction .pic {
  min-height: 15em;
}
.col-8-4 .col:nth-child(2n) .ex_news .pic, .col-8-4 .col:nth-child(2n) .industry_news .pic {
  float: none;
  width: 100%;
}
.col-8-4 .col:nth-child(2n) .product ul li {
  width: 50%;
}
.col-8-4 .col:nth-child(2n) .award .img-container {
  float: none;
  width: 100%;
  margin: 0px auto 1em;
}
.col-8-4 .col:nth-child(2n) .award .slider .img-container {
  width: 98%;
  margin: 0px 1% 0.5em;
}
.col-8-4 .col:nth-child(2n) .award .slider p {
  display: none;
}
.col-8-4 .col:nth-child(2n) .seminar .pic {
  float: none;
  width: 100%;
}
.col-8-4 .col:nth-child(2n) .event .item {
  float: none;
  width: 100%;
  min-height: auto;
  height: auto;
}
.col-8-4 .col:nth-child(2n) .event .item .event_intro {
  width: 100%;
}
.col-8-4 .col:nth-child(2n) .event .item .img-container {
  width: 100%;
  float: none;
}
.col-8-4 .col:nth-child(2n) .topic .img-container {
  width: 100%;
  float: none;
}
.col-8-4 .col:nth-child(2n) .ad ul li {
  width: 45%;
  margin: 0px 1.5% 1.5em;
}
@media screen and (max-width: 991px) {
  .col-8-4 .col:nth-child(2n) .ad ul li {
    width: 90%;
    margin: 0px 1.5% 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .col-8-4 .col:nth-child(2n) .ad ul li {
    width: 45%;
    margin: 0px 2.5% 1.5em;
  }
}
.col-8-4 .col:nth-child(2n) .ex_info time .year {
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .col-8-4 .col:nth-child(2n) .ex_info time .year {
    font-size: 2em;
  }
}
.col-8-4 .col:nth-child(2n) .ex_info time .date {
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .col-8-4 .col:nth-child(2n) .ex_info time .date {
    font-size: 2.3em;
  }
}

@media screen and (max-width: 991px) {
  .col-4-8 .col:nth-child(2n) .ex_news .pic, .col-4-8 .col:nth-child(2n) .industry_news .pic {
    float: none;
    width: 100%;
  }
}
.col-4-8 .col:nth-child(2n) .video_bg .video-container {
  overflow: hidden;
}
.col-4-8 .col:nth-child(2n) .video_bg .video-container:before {
  display: block;
  content: "";
  padding-top: 40%;
}
.col-4-8 .col:nth-child(2n) .video_bg .video-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .col-4-8 .col:nth-child(2n) .video_bg .video-container {
    overflow: hidden;
    margin-bottom: 1em;
  }
  .col-4-8 .col:nth-child(2n) .video_bg .video-container:before {
    display: block;
    content: "";
    padding-top: 60%;
  }
  .col-4-8 .col:nth-child(2n) .video_bg .video-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .col-4-8 .col:nth-child(2n) .video_bg .video-container iframe, .col-4-8 .col:nth-child(2n) .video_bg .video-container video {
    width: 130%;
    height: 120%;
  }
}
.col-4-8 .col:nth-child(2n) .video_bg .caption {
  width: 90%;
  margin-left: -45%;
}
.col-4-8 .col:nth-child(2n) .video_bg .caption h2 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .col-4-8 .col:nth-child(2n) .feature .feature_intro {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .col-4-8 .col:nth-child(2n) .feature .pic {
    float: none;
    width: 100%;
  }
}
.col-4-8 .col:nth-child(2n) .loaction .loaction_intro p span {
  display: block;
}
.col-4-8 .col:nth-child(2n) .loaction .pic {
  min-height: 15em;
}
.col-4-8 .col:nth-child(2n) .product ul li {
  width: 33%;
}
@media screen and (max-width: 991px) {
  .col-4-8 .col:nth-child(2n) .seminar .pic {
    float: none;
    width: 100%;
  }
}
.col-4-8 .col:nth-child(2n) .topic .img-container {
  width: 100%;
  float: none;
}
@media screen and (max-width: 991px) {
  .col-4-8 .col:nth-child(2n) .ad ul li {
    width: 45%;
    margin: 0px 1.5% 1.5em;
  }
}
.col-4-8 .col:nth-child(2n+1) .video_bg .video-container {
  overflow: hidden;
}
.col-4-8 .col:nth-child(2n+1) .video_bg .video-container:before {
  display: block;
  content: "";
  padding-top: 80%;
}
.col-4-8 .col:nth-child(2n+1) .video_bg .video-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.col-4-8 .col:nth-child(2n+1) .video_bg .video-container iframe, .col-4-8 .col:nth-child(2n+1) .video_bg .video-container video {
  width: 130%;
  height: 120%;
}
@media screen and (max-width: 767px) {
  .col-4-8 .col:nth-child(2n+1) .video_bg .video-container {
    overflow: hidden;
    margin-bottom: 1em;
  }
  .col-4-8 .col:nth-child(2n+1) .video_bg .video-container:before {
    display: block;
    content: "";
    padding-top: 60%;
  }
  .col-4-8 .col:nth-child(2n+1) .video_bg .video-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .col-4-8 .col:nth-child(2n+1) .video_bg .video-container iframe, .col-4-8 .col:nth-child(2n+1) .video_bg .video-container video {
    width: 130%;
    height: 120%;
  }
}
.col-4-8 .col:nth-child(2n+1) .video_bg .caption {
  width: 90%;
  margin-left: -45%;
}
.col-4-8 .col:nth-child(2n+1) .video_bg .caption h2 {
  width: 100%;
}
.col-4-8 .col:nth-child(2n+1) .feature .feature_intro {
  float: none;
  width: 100%;
}
.col-4-8 .col:nth-child(2n+1) .feature .pic {
  float: none;
  width: 100%;
}
.col-4-8 .col:nth-child(2n+1) .loaction .loaction_intro {
  float: none;
  width: 100%;
}
.col-4-8 .col:nth-child(2n+1) .loaction .loaction_intro p span {
  display: block;
}
.col-4-8 .col:nth-child(2n+1) .loaction .pic {
  min-height: 15em;
}
.col-4-8 .col:nth-child(2n+1) .ex_news .pic, .col-4-8 .col:nth-child(2n+1) .industry_news .pic {
  float: none;
  width: 100%;
}
.col-4-8 .col:nth-child(2n+1) .product ul li {
  width: 50%;
}
.col-4-8 .col:nth-child(2n+1) .award .img-container {
  float: none;
  width: 100%;
  margin: 0px auto 1em;
}
.col-4-8 .col:nth-child(2n+1) .award .slider .img-container {
  width: 98%;
  margin: 0px 1% 0.5em;
}
.col-4-8 .col:nth-child(2n+1) .award .slider p {
  display: none;
}
.col-4-8 .col:nth-child(2n+1) .seminar .pic {
  float: none;
  width: 100%;
}
.col-4-8 .col:nth-child(2n+1) .topic .img-container {
  width: 100%;
  float: none;
}
.col-4-8 .col:nth-child(2n+1) .ad ul li {
  width: 45%;
  margin: 0px 1.5% 1.5em;
}
@media screen and (max-width: 991px) {
  .col-4-8 .col:nth-child(2n+1) .ad ul li {
    width: 90%;
    margin: 0px 1.5% 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .col-4-8 .col:nth-child(2n+1) .ad ul li {
    width: 45%;
    margin: 0px 2.5% 1.5em;
  }
}
.col-4-8 .col:nth-child(2n+1) .ex_info time .year {
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .col-4-8 .col:nth-child(2n+1) .ex_info time .year {
    font-size: 2em;
  }
}
.col-4-8 .col:nth-child(2n+1) .ex_info time .date {
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .col-4-8 .col:nth-child(2n+1) .ex_info time .date {
    font-size: 2.3em;
  }
}
.col-4-8 .col:nth-child(2n+1) .event .item {
  float: none;
  width: 100%;
  min-height: auto;
  height: auto;
}
.col-4-8 .col:nth-child(2n+1) .event .item .event_intro {
  width: 100%;
}
.col-4-8 .col:nth-child(2n+1) .event .item .img-container {
  width: 100%;
  float: none;
}

.col-4-4-4 .col .video_bg .video-container {
  overflow: hidden;
}
.col-4-4-4 .col .video_bg .video-container:before {
  display: block;
  content: "";
  padding-top: 80%;
}
.col-4-4-4 .col .video_bg .video-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.col-4-4-4 .col .video_bg .video-container iframe, .col-4-4-4 .col .video_bg .video-container video {
  width: 130%;
  height: 120%;
}
@media screen and (max-width: 767px) {
  .col-4-4-4 .col .video_bg .video-container {
    overflow: hidden;
    margin-bottom: 1em;
  }
  .col-4-4-4 .col .video_bg .video-container:before {
    display: block;
    content: "";
    padding-top: 60%;
  }
  .col-4-4-4 .col .video_bg .video-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .col-4-4-4 .col .video_bg .video-container iframe, .col-4-4-4 .col .video_bg .video-container video {
    width: 130%;
    height: 120%;
  }
}
.col-4-4-4 .col .video_bg .caption {
  width: 90%;
  margin-left: -45%;
}
.col-4-4-4 .col .video_bg .caption h2 {
  width: 100%;
}
.col-4-4-4 .col .feature .feature_intro {
  float: none;
  width: 100%;
}
.col-4-4-4 .col .feature .pic {
  float: none;
  width: 100%;
}
.col-4-4-4 .col .loaction .loaction_intro {
  float: none;
  width: 100%;
}
.col-4-4-4 .col .loaction .loaction_intro p span {
  display: block;
}
.col-4-4-4 .col .loaction .pic {
  min-height: 15em;
}
.col-4-4-4 .col .ex_news .pic, .col-4-4-4 .col .industry_news .pic {
  float: none;
  width: 100%;
}
.col-4-4-4 .col .product ul li {
  width: 50%;
}
.col-4-4-4 .col .award .img-container {
  float: none;
  width: 98%;
  margin: 0px 1% 1em;
}
.col-4-4-4 .col .award .slider .img-container {
  width: 98%;
  margin: 0px 1% 0.5em;
}
.col-4-4-4 .col .award .slider p {
  display: none;
}
.col-4-4-4 .col .seminar .pic {
  float: none;
  width: 100%;
}
.col-4-4-4 .col .event .item {
  float: none;
  width: 100%;
  min-height: auto;
  height: auto;
}
.col-4-4-4 .col .event .item .event_intro {
  width: 100%;
}
.col-4-4-4 .col .event .item .img-container {
  width: 100%;
  float: none;
}
.col-4-4-4 .col .topic .img-container {
  width: 100%;
  float: none;
}
.col-4-4-4 .col .ad ul li {
  width: 45%;
  margin: 0px 1.5% 1.5em;
}
@media screen and (max-width: 991px) {
  .col-4-4-4 .col .ad ul li {
    width: 90%;
    margin: 0px 5% 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .col-4-4-4 .col .ad ul li {
    width: 45%;
    margin: 0px 1.5% 1.5em;
  }
}
.col-4-4-4 .col .ex_info time .year {
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .col-4-4-4 .col .ex_info time .year {
    font-size: 2em;
  }
}
.col-4-4-4 .col .ex_info time .date {
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .col-4-4-4 .col .ex_info time .date {
    font-size: 2.3em;
  }
}

.col-3-3-3-3 .col .video_bg .video-container {
  overflow: hidden;
}
.col-3-3-3-3 .col .video_bg .video-container:before {
  display: block;
  content: "";
  padding-top: 80%;
}
.col-3-3-3-3 .col .video_bg .video-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.col-3-3-3-3 .col .video_bg .video-container iframe, .col-3-3-3-3 .col .video_bg .video-container video {
  width: 130%;
  height: 120%;
}
@media screen and (max-width: 767px) {
  .col-3-3-3-3 .col .video_bg .video-container {
    overflow: hidden;
    margin-bottom: 1em;
  }
  .col-3-3-3-3 .col .video_bg .video-container:before {
    display: block;
    content: "";
    padding-top: 60%;
  }
  .col-3-3-3-3 .col .video_bg .video-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .col-3-3-3-3 .col .video_bg .video-container iframe, .col-3-3-3-3 .col .video_bg .video-container video {
    width: 130%;
    height: 120%;
  }
}
.col-3-3-3-3 .col .video_bg .caption {
  width: 90%;
  margin-left: -45%;
}
.col-3-3-3-3 .col .video_bg .caption h2 {
  width: 100%;
}
.col-3-3-3-3 .col .feature .feature_intro {
  float: none;
  width: 100%;
}
.col-3-3-3-3 .col .feature .pic {
  float: none;
  width: 100%;
}
.col-3-3-3-3 .col .loaction .loaction_intro {
  float: none;
  width: 100%;
}
.col-3-3-3-3 .col .loaction .loaction_intro p span {
  display: block;
}
.col-3-3-3-3 .col .loaction .pic {
  min-height: 15em;
}
.col-3-3-3-3 .col .ex_news .pic, .col-3-3-3-3 .col .industry_news .pic {
  float: none;
  width: 100%;
}
.col-3-3-3-3 .col .product ul li {
  width: 50%;
}
.col-3-3-3-3 .col .award .img-container {
  float: none;
  width: 100%;
  margin: 0px auto 1em;
}
.col-3-3-3-3 .col .award .slider .img-container {
  width: 98%;
  margin: 0px 1% 0.5em;
}
.col-3-3-3-3 .col .award .slider p {
  display: none;
}
.col-3-3-3-3 .col .award .slider ul ul li {
  display: none;
}
.col-3-3-3-3 .col .seminar .pic {
  float: none;
  width: 100%;
}
.col-3-3-3-3 .col .event .item {
  float: none;
  width: 100%;
  margin-bottom: 1em;
  min-height: auto;
  height: auto;
}
.col-3-3-3-3 .col .event .item .event_intro {
  width: 100%;
}
.col-3-3-3-3 .col .event .item .event_intro h3 {
  font-size: 1.25em;
}
.col-3-3-3-3 .col .event .item .img-container {
  width: 100%;
  float: none;
}
.col-3-3-3-3 .col .topic .img-container {
  width: 100%;
  float: none;
}
.col-3-3-3-3 .col .ex_btn ul li a {
  font-size: 1em;
}
.col-3-3-3-3 .col .ad ul li {
  width: 90%;
  margin: 0px 5% 1.5em;
}
@media screen and (max-width: 767px) {
  .col-3-3-3-3 .col .ad ul li {
    width: 45%;
    margin: 0px 2.5% 1.5em;
  }
}
.col-3-3-3-3 .col .ex_info time .year {
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .col-3-3-3-3 .col .ex_info time .year {
    font-size: 2em;
  }
}
.col-3-3-3-3 .col .ex_info time .date {
  font-size: 1.3em;
}
@media screen and (max-width: 767px) {
  .col-3-3-3-3 .col .ex_info time .date {
    font-size: 2.3em;
  }
}/*# sourceMappingURL=tts_B_blue.css.map */